/* Custom font-face declarations - loaded first */
@font-face {
    font-family: "SFProDisplayBold";
    src: url("../../va_assets/fonts/SFPRODISPLAYBOLD.OTF") format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SFProDisplayMedium";
    src: url("../../va_assets/fonts/SFPRODISPLAYMEDIUM.OTF") format("opentype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SFProDisplayRegular";
    src: url("../../va_assets/fonts/SFPRODISPLAYREGULAR.OTF") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Google Fonts - loaded after custom fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

:root {
    --blue: #7D5CA4;
    --blue-light: #7CC0D4;
    --text-color: #191221;
    --SFProBold: "SFProDisplayBold", "Inter", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
    --SFProMedium: "SFProDisplayMedium", "Inter", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
    --SFProRegular: "SFProDisplayRegular", "Inter", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
}

body {
    color: var(--text-color);
    background-color: #F7FAFC !important;
    overflow-x: hidden !important;
    width: 100vw;
    /* Add fallback fonts for immediate rendering */
    font-family: var(--SFProRegular), -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #7D5CA4;
}


.container {
    max-width: 1440px !important;
    margin: auto;

}

.custom-navbar {
    /* height: 100px; */
    background: transparent;
    /* backdrop-filter: blur(24px); */
    position: sticky;
    top: 0px;
    z-index: 999;
    padding: 20px 0px;
    transition: all 0.3s ease;
}

.custom-navbar .inner {
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.custom-navbar .inner .logo {
    height: auto;
    object-fit: contain;
    width: 140px;
}

.custom-navbar .inner .right {
    display: flex;
    align-items: center;
    gap: 16px;
}

.custom-navbar .inner .right .user {
    height: 56px;
    width: 56px;
    border-radius: 50%;
    cursor: pointer;
    background-color: #7CC0D4;
    display: flex;
    justify-content: center;
    align-items: center;
}
.custom-navbar .inner .right .user:hover {
    background-color: #69A7B9;
}
.custom-navbar .inner .right .user img {
    width: 24px;
    height: auto;
}

.btn-blue {
    background-color: var(--blue);
    padding: 10px 24px;
    border-radius: 16px;
    font-size: 20px;
    max-height: 56px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: white;
    border: 1px solid var(--blue);
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}
.btn-header{
    padding: 16px 24px;
}
.btn-blue:disabled {
    opacity: 50%;
    cursor: not-allowed;
}
.btn-blue:hover {
    background-color: #61477F;
    border: 1px solid #61477F;
    cursor: pointer;
}
.btn-blue:disabled:hover{
    opacity: 50%;
    cursor: not-allowed;
     border: 1px solid var(--blue);
         background-color: var(--blue);
}
.btn-blue:focus {
    background-color: #533B6F;
    border: 1px solid #533B6F;

}
.btn-white:disabled {
    opacity: 50%;
    cursor: not-allowed;
    border: 1px solid #E5E5E5;

}
.btn-white:hover {

   border: 1px solid #61477F;
   color: #61477F;
}
.btn-white:hover svg path {
    fill: #61477F;
}
.btn-white:disabled:hover{
       color: var(--text-color);
    border: 1px solid #E5E5E5;
}
.btn-white:focus {
    border: 1px solid #533B6F;
   color: #533B6F;

}
.btn-white {
    background-color: #FFFFFF;
    padding: 16px 24px;
    max-height: 56px;
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    border-radius: 16px;
    font-size: 20px;
    font-weight: 500;
    text-decoration: none;
    font-family: var(--SFProMedium);
    color: var(--text-color);
    border: 1px solid #E5E5E5;
    white-space: nowrap;

}



.header-section {
    background: radial-gradient(ellipse 1000px 1000px at 30% 50%, rgba(224, 197, 255, 0.4) 0%, transparent 50%),
                radial-gradient(ellipse 1000px 1000px at 70% 50%, rgba(176, 237, 255, 0.4) 0%, transparent 50%),
                #FFFFFF;

    /* background-color: #EFF6FA; */
    position: relative;
    padding: 80px 0px;
    /* background-image: url('../../va_assets/images/bg1.svg'); */
    background-repeat: no-repeat;
    background-size: 100% auto;
    z-index: 2;
    position: relative;
    padding-bottom: 200px;
}

.header-section .content {
    position: relative;
    z-index: 2;
    max-width: 1440px;
    margin: auto;
    /* overflow: hidden; */

}

.header-section .right-circle {
    position: absolute;
    width: 50%;
    height: 100%;
    top: -50%;
    right: 0%;
    z-index: 1;
    opacity: 0.2;


}

.header-section .right-circle img {
    width: 100%;
    height: 100%;
}

.header-section .left-circle {
    position: absolute;
    width: 50%;
    height: 100%;
    top: -50%;
    left: 0%;
    z-index: 1;
    opacity: 0.2;


}

.header-section .left-circle img {
    width: 100%;
    height: 100%;
}

.header-section .content .title {
    font-size: 80px;
    font-weight: 700;
    font-family: var(--SFProBold);
    color: var(--text-color);
    line-height: 1.2;
    text-align: center;

}

.header-section .content .text {
    font-size: 24px;
    max-width: 700px;
    margin: auto;
    font-weight: 500;
    font-family: Nunito Sans, sans-serif;
    color: var(--text-color);
    line-height: 1.5;

    text-align: center;
}

.header-section .content .filter-box {
    padding: 32px;
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF33;
    border-radius: 24px;
    margin-top: 64px;
    box-shadow: 0px 4px 12px 0px #0000001F;
    position: relative;
}

.header-section .content .filter-box .search-box {

    background-color: white;
    border: 1px solid #E5E5E5;
    border-radius: 16px;
    display: flex;
    align-items: center;
    padding: 12px;
    backdrop-filter: blur(24px);
    justify-content: space-between;
    /* flex-wrap: wrap; */

   position: relative;
     z-index: 1;
    margin-bottom: 21px;

}
.filter-box .filters-results {
    background-color: white;
    position: absolute;
    top: calc(100% + 16px);
     border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-radius: 24px;
    left: -33px;
    width: calc(100% + 66px);
    padding: 26px;
    backdrop-filter: blur(24px);

box-shadow: 0px 16px 12px 0px #0000001F;

z-index: 9999;
    display: none;

}

.filter-box .filters-results.show {
    display: block !important;
}
.filter-box .filters-results .title {
    font-size: 16px !important;
    font-family: var(--SFProMedium);
    font-weight: 500;
    color: #A0A0A0CC;
    text-align: left;
    margin-bottom: 16px;
}
.filter-box .filters-results .items {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
    margin-bottom: 24px;
}
.filter-box .filters-results .items .item {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 20px;
    font-family: var(--SFProMedium);
    font-weight: 500;
    color: var(--text-color);
    max-width: 19%;
    flex: 1 1 19%;
    cursor: pointer;
    width: 100%;
}
.filter-box .filters-results .items .item .image{
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    color: rgba(90, 146, 162, 1);
    font-family: var(--SFProBold);
    background-color: rgba(110, 193, 228, 0.2);
    flex-shrink: 0;
}
.filter-box .filters-results .items .item .industry-img{
    background-color: rgba(169, 145, 230, 0.2);
    color: #7D5CA4;
}
.filter-box .filters-results .items .item span {
    display: block;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.filter-box .filters-results .items .item:hover {
    color: #5A92A2;
}
.filter-box .filters-results .items .industries-items:hover{
    color: #7D5CA4;
}
.filter-box .filters-results .items .item .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.filter-box .filters-results .company-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}
.filter-box .filters-results .company-container .company {
    flex: 1 1 47%;
    max-width: 47%;
    display: flex;
    justify-content: space-between;
    align-items: center;

}
.filter-box .filters-results .company-container .company .item {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 20px;
    font-family: var(--SFProMedium);
    font-weight: 500;
    color: var(--text-color);
    cursor: pointer;


}
.filter-box .filters-results .company-container .company .item .image{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    color: #7D5CA4;
    font-family: var(--SFProBold);
    background-color: #6EC1E433;
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    border-radius: 50%;
}
.filter-box .filters-results .company-container .company .item .company-img{
    background-color: rgba(110, 193, 228, 0.1);
}
.filter-box .filters-results .company-container .company .item:hover {
    color: #5A92A2;
}
item.filter-box .filters-results .company-container .company .item .image{
    width: 56px;
    height: 56px;
    border-radius: 50%;
    flex-shrink: 0;
}
.filter-box .filters-results .company-container .company .item .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.filter-box .filters-results .company-container .company .item .image span {
    display: block;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.filter-box .filters-results .company-container  .line {
    width: 1px;
    height: 50px;
    flex-shrink: 0;
    background-color: #E5E5E5;
}
.filter-box .filters-results .company-container .company .review {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-family: var(--SFProRegular);
    font-weight: 400;
    color: var(--text-color);
}
.filter-box .filters-results .company-container .company .review img {
    width: 18px;
    height: auto;
}
.filter-box .filters-results .see-all {
    font-size: 20px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: #5A92A2;
    text-decoration: none;
   gap: 8px;

    display: flex;
    justify-content: center;
    align-items: center;
}
.filter-box .filters-results .see-all:hover {
    text-decoration: underline;
}
.filter-box .filters-results .see-all img {
    width: 14px;
}
.header-section .content .filter-box .search-box .left {
    flex: 0 0 49%;
    position: relative;
    height: 48px;
}

.header-section .content .filter-box .search-box .left .icon {
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    height: 20px;
    width: 20px;
    object-fit: contain;
    /* opacity: 0.25; */
}

.header-section .content .filter-box .search-box .left input {
    height: 48px;
    border: none;
    width: 100%;
    padding-left: 40px;
    background: transparent;
    font-size: 20px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: var(--text-color);
}

.header-section .content .filter-box .search-box .left input:focus {
    border: none;
    outline: none;
}

::placeholder {
    color: #A0AEC0;
}

.header-section .content .filter-box .search-box .right {
    display: flex;
    align-items: center;
    gap: 14px;
      flex: 0 0 49%;
      justify-content: flex-end;
}
.header-section .content .filter-box .search-box .right .label{
    color: var(--text-color) !important;
}
.header-section .content .filter-box .search-box .right select {
    height: 48px;
    border: 1px solid #E5E5E5;
    width: 180px;
    border-radius: 67px;
    color: #717376;
    font-weight: 500;
    font-family: var(--SFProMedium);
    padding: 9px 16px;
    font-size: 20px;

}
.va-count-badge {
    color: #7D5CA4 !important;
}
select {
    background-image: url('../../va_assets/images/down-arrow.svg');
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 12px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* Select2 arrow styling */


.header-section .content .filter-box .search-box .right .search-btn {
    height: 48px;
    width: 48px;
    border: 1px solid var(--blue);
    background-color: var(--blue);
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
}
.header-section .content .filter-box .search-box .right .search-btn:hover {
    background-color: #61477F;
    border: 1px solid #61477F;
}
button:focus {
    outline: none;
}

.header-section .content .filter-box .search-box .right select:focus {
    outline: none;
    border: 1px solid #E5E5E5;
}

.header-section .content .filter-box .label {
    text-align: center;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: var(--text-color);
    /*text-transform: uppercase;*/
    margin-bottom: 21px;
    font-size: 16px;
}
.header-section .content .filter-box .label.light{
    color: #A0A0A0CC !important;
}

.header-section .content .filter-box .searches {
    display: flex;
    justify-content: center;
    align-items: center;
    row-gap: 12px;
    column-gap: 21px;
    flex-wrap: wrap;
}

.header-section .content .filter-box .searches .search-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 24px;
    border-radius: 8px;
    background-color: #7CC0D41A;
    font-size: 18px;
    font-family: var(--SFProMedium);
    color: #5A92A2;
    gap: 8px;
}
.header-section .content .filter-box .searches .search-item:hover{
    background-color: rgba(124, 192, 212, 0.2);
}

.header-section .content .filter-box .searches .search-item img {
    width: 14px;
    height: auto;
}

.popular-section {
    padding: 36px 0px;
    position: relative;
    z-index: 1;
}

.popular-section .title,
.custom-section .title {
    font-size: 48px;
    font-weight: 700;
    font-family: var(--SFProBold);
    color: var(--text-color);
    line-height: 1.5;
    margin-bottom: 19px;
}

.flex-item {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 20px;
    font-weight: 700;
    font-family: var(--SFProBold);
    color: var(--text-color);
    margin-bottom: 17px;
    cursor: pointer;
}
.flex-item:hover {
    color: #5A92A2;

}
.industries .flex-item:hover {
   color: #7D5CA4;
}
.industries .flex-item:hover svg path{
    fill: #7D5CA4;
}
.industries .flex-item .icon {
    background-color: #A991E633;
}
.services .flex-item:hover {
   color: #5A92A2;
}
.services .flex-item:hover svg path{
    fill: #5A92A2;
}
.services .flex-item .icon {
    background-color: #6EC1E433;
    color: #5A92A2;
}
.flex-item .img {
    width: 14px;
    height: auto;
    flex-shrink: 0;
}

.flex-item .icon {
    height: 56px;
    flex-shrink: 0;
    width: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #6EC1E433;
    font-size: 16px;
    font-weight: 700;
    color: #7D5CA4;
    font-family: var(--SFProSemibold);

}

.flex-item .icon img {
    width: 24px;
    height: auto;
}

.popular-section .view-all {
    font-size: 20px;
    color: #7D5CA4;
    font-weight: 500;
    font-family: var(--SFProMedium);
    text-decoration: none;
    background-color: #A991E61A;
    border-radius: 8px;
    padding: 16px;
    width: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.popular-section.dark {
    /* background-color: #fff; */
    color: #FFFFFF;
    overflow: hidden;
    padding: 48px 0px;

}

.popular-section .container {
    position: relative;
    z-index: 2;
}

.popular-section .el-left {
    position: absolute;
    left: -50%;

    height: 100%;
    width: auto;
    z-index: 1;
    border-radius: 50%;
    backdrop-filter: blur(500px);
    display: none;
}

.popular-section .el-left img {
    width: 100%;
    backdrop-filter: blur(500px);
    height: auto;
    opacity: 0.25;

}

.popular-section .text {
    font-size: 20px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: var(--text-color);
    line-height: 1.5;
}

.custom-section .text {
    font-size: 20px;
    font-weight: 500;
    font-family: "Nunito Sans", sans-serif ;
    color: #6D6D6D;
    line-height: 1.5;
    transition: all 0.3s ease-in-out;
}

.dynamic-text {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.5px;
    font-family: "Nunito Sans", sans-serif;
    color: #6D6D6D;
    line-height: 1.5;
    transition: all 0.3s ease-in-out;
    position: relative;
    word-break: break-word;
}
.dynamic-text a {
    position: relative;
    white-space: nowrap;
}
.dynamic-text a.has-gradient::after {
   content: '';
    right: 100%;
    left: auto;
    position: absolute;
    bottom: 0;
    width: 134px;
    height: 29px;
    background: linear-gradient(90deg, rgba(252, 254, 254, 0) 0%, #FCFEFE 96.39%);
    pointer-events: none;
    z-index: 1;
}



.dynamic-text a {
    color: #5A92A2;
    transition: all 0.3s ease-in-out;
    text-decoration: underline;
}

.popular-section .location-box {
    padding: 48px 24px;
    background: #FFFFFF33;
    border: 1px solid #FFFFFF33;
    border-radius: 16px;
    width: 100%;
    box-shadow: 0px 4px 12px 0px #0000001F;

}
.popular-section .location-box:hover {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)),
linear-gradient(0deg, rgba(125, 92, 164, 0.1), rgba(125, 92, 164, 0.1));

}
.popular-section .location-box:hover .label {
color: #7D5CA4;
}
.popular-section .location-box img {
    height: 100px;
    width: auto;
    display: block;
    margin: auto;
    margin-bottom: 40px;
    max-width: 100%;
}

.popular-section .location-box .label {
    display: flex;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    gap: 12px;
    font-size: 20px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: var(--text-color);
    margin-bottom: 0px;

    padding: 0px;
}

.popular-section .location-box .label .img {
    width: 14px;
    height: auto;
    margin: 0px;
}

.popular-section .locations-container {
    margin: 64px 0px;
}

.popular-section .view-locations {
    font-size: 20px;
    color: #7D5CA4;
    font-weight: 500;
    font-family: var(--SFProMedium);
    text-decoration: none;
    background-color: #A991E61A;
    border-radius: 8px;
    padding: 16px;
    width: 210px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.popular-section .view-locations:disabled,    .popular-section .view-all:disabled {
    opacity:40%;
    cursor: not-allowed;
    background-color: #7CC0D41A;
}
.popular-section .view-locations:hover , .popular-section .view-all:hover {
    /* background-color: #7CC0D433;

    color: #5A92A2; */
}
/* .popular-section .view-locations:focus , .popular-section .view-all:focus {
    background-color: #7CC0D44D;

    color: #5A92A2;
} */
.clients-section {
    padding: 98px 0px;
    background-color: #EFF6FA;

}

.clients-section.padding-0 {
    padding: 0px;
}

.clients-section .box {
    background: #FFFFFFCC;
    border-radius: 24px;
    position: relative;
    padding: 0px 25px;
    overflow: hidden;
    box-shadow: 0px 4px 12px 0px #0000001F;

}

.clients-section .box .row {
    z-index: 2;
    position: relative;
}


.clients-section .box .abs-img {
    height: 394px;
    width: 50%;
    position: absolute;
    z-index: 1;
    top: 0%;
    left: 0%;
    opacity: 0.25;
    backdrop-filter: blur(500px);

}

.clients-section .box .abs-img img {
    width: 100%;
    height: auto;
    backdrop-filter: blur(500px);

}

.clients-section .box .data {
    padding: 40px 55px;
    padding-left: 30px;
}

.clients-section .box .data .title {
    font-size: 40px;
    font-weight: 700;
    font-family: var(--SFProBold);
    color: var(--text-color);
    margin-bottom: 16px;
    word-break: break-word;
}

.clients-section .box .data .text {
    font-size: 20px;
    font-weight: 400;
    font-family: var(--SFProRegular);
    color: #191221CC;
    margin-bottom: 29px;
    line-height: 1.5;
}

.clients-section .box .data .text strong {
    font-family: var(--SFProBold);
    font-weight: 700;
}

.clients-section .box .right {
    padding-top: 25px;
    position: relative;
    height: 100%;
}

.clients-section .box .right .abs-right {
    z-index: 1;
    position: absolute;
    right: -50%;

    height: 100%;
    width: auto;
    z-index: 1;
    border-radius: 50%;
    backdrop-filter: blur(500px);
    opacity: 0.25;
}

.clients-section .box .right .abs-right img {
    width: 100%;
    backdrop-filter: blur(500px);

    height: auto;


}

.clients-section .box .right .imgg {
    position: relative;
    z-index: 2;
}

.clients-section .box .right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.footer {
    padding: 68px 0px;
    padding-bottom: 0px;
}

.footer .logo {
    height: auto;
    display: block;
    width: 200px;
    margin-bottom: 38px;
}

.footer .title {
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 24px;
    color: var(--text-color);
    font-weight: 700;
    font-family: var(--SFProBold);

}

.footer .title.mb-13 {
    margin-bottom: 13px;
}

.footer .text {
    font-size: 16px;
    text-decoration: none;
    line-height: 1.5;
    color: var(--text-color);
    display: block;
    font-weight: 500;
    font-family: Nunito Sans, sans-serif;
}
.footer p.text:hover,.footer div.text:hover {
    color: var(--text-color);
}
.footer .text:hover {
    color: #7D5CA4;
}
.footer .text.view {
    text-decoration: underline;
}

.footer .copy {
    padding: 28px 0px;
    border-top: 1px solid #E5E5E5;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer .copy .links {
    display: flex;
    align-items: center;
    gap: 46px;
}

.mb4 {
    margin-bottom: 4px;

}

.mb-8 {
    margin-bottom: 8px;

}

.mb-16 {
    margin-bottom: 16px;

}

.mb-48 {
    margin-bottom: 48px !important;
}

.mb-24 {
    margin-bottom: 24px;
}

.mb-12 {
    margin-bottom: 12px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-32 {
    margin-bottom: 32px;
}

.mb-8 {
    margin-bottom: 8px;
}

.mb-57 {
    margin-bottom: 57px;
}

.modal-lgg {
    max-width: 1200px !important;
    /*margin: auto;*/
}

.modal-content.custom-modal {
    max-width: 1200px;
    width: 100%;
    position: relative;
    padding: 32px;

    /*margin: auto;*/
}

.modal-content.custom-modal .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.modal-content.custom-modal .top .title {
    font-size:40px;
    font-weight: 700;
    color: var(--text-color);
}

.modal-content.custom-modal .top .icon img {
    cursor: pointer;
    height: 48px;
    width: 48px;
}

.modal-content.custom-modal .search-wrapper {
    margin-bottom: 24px;
    max-width: 560px;
    width: 100%;
    position: relative;
    height: 56px;
    border-radius: 16px;
    border: 1px solid #E5E5E5;
    overflow: hidden;
}

.modal-content.custom-modal .search-wrapper input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    padding: 16px;
    padding-left: 40px;
    font-size: 18px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: var(--text-color);
}

.modal-content.custom-modal .search-wrapper .search {
    position: absolute;
    left: 16px;
    width: 18px;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
}

.modal-content.custom-modal .body-section {
    max-height: 68vh;
    overflow-y: auto;
}

.modal-content.custom-modal .body-section .flex-items {
    display: flex;
    align-items: center;
    gap: 8px;

    flex-wrap: wrap;
}

.modal-content.custom-modal .body-section .flex-items .flex-item {
    /*flex: 1 1 32%;*/
    min-width: 32%;

    flex-shrink: 0;
}

.custom-section {
    padding: 36px 0px;
    position: relative;
    overflow: hidden;
}

.custom-section .container {
    z-index: 2;
    position: relative;
}

.custom-section .abs-left {
    position: absolute;
    z-index: 1;
    left: -50%;

    height: 100%;
    width: auto;
    z-index: 1;
    border-radius: 50%;
    backdrop-filter: blur(500px);
    opacity: 0.25;
}

.custom-section .abs-left img {
    width: 100%;
    backdrop-filter: blur(500px);

    height: auto;


}

.custom-section .abs-right {
    z-index: 1;
    position: absolute;
    right: -50%;

    height: 100%;
    width: auto;
    z-index: 1;
    border-radius: 50%;
    backdrop-filter: blur(500px);
    opacity: 0.25;
}

.custom-section .abs-right img {
    width: 100%;
    backdrop-filter: blur(500px);

    height: auto;


}
.section-top-title {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 16px;
    flex-wrap: wrap;
}
.section-top-title .back {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 20px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: var(--text-color);
    text-decoration: none;
}
.section-top-title .date {
    font-size: 16px;
    font-weight: 500;
    font-family: Nunito Sans, sans-serif;
    color: #848484;
    margin-top: 1px;
}
.section-top-title .date span {
    font-weight: 700;
}
.custom-bread-crumbs-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 44px 0px;
}

.custom-bread-crumbs-container .right {
    display: flex;
    align-items: center;
    margin: 0px;
    gap: 16px;
}

.custom-bread-crumbs {
    display: flex;
    align-items: center;

    gap: 20px;
}

.custom-bread-crumbs a {
    text-decoration: none;
    color: #4A4A4A;
    font-size: 20px;
    font-weight: 500;
    font-family: var(--SFProMedium);
}

.custom-bread-crumbs .home-icon {
    width: 32px;
    height: auto;
}

.custom-bread-crumbs .dir-icon {
    width: 14px;
    height: 14px;
}

.filter-wrapper {
    margin-bottom: 48px;
}

.filter-wrapper .search-wrapper {


    width: 100%;
    position: relative;
    height: 56px;
    border-radius: 16px;
    border: 1px solid #E5E5E5;
    overflow: hidden;
}

.filter-wrapper .search-wrapper input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    padding: 16px;
    padding-left: 40px;
    font-size: 18px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: var(--text-color);
}

.filter-wrapper .search-wrapper .search {
    position: absolute;
    left: 16px;
    width: 18px;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
}

.filter-wrapper .right {
    display: flex;
    align-items: center;
    gap: 16px;
}

.filter-wrapper .right .child {
    flex: 1 1 23%;
    position: relative;
}
.filter-wrapper .right .child .select2-container--default .select2-selection--single {
    max-width: 100%;
}
.filter-wrapper .right select {
    height: 56px;
    width: 100%;
    border-radius: 56px;
    padding: 8px 16px;
    border: 1px solid #E5E5E5;
    color: #717376;
    font-family: var(--SFProMedium);
    font-size: 20px;
}

.filter-wrapper .right select:focus {
    outline: none;
    border: 1px solid #E5E5E5;
}

.filter-wrapper .right .filter-btn {
    height: 56px;
    font-size: 20px;
    font-weight: 500;
    color: white;
    font-family: var(--SFProMedium);
    width: 100%;
    border: 1px solid var(--blue);
    background-color: var(--blue);
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
}

.filter-wrapper .right .filter-btn img {
    width: 20px;
    height: auto;
}

.service-card {
    border-radius: 24px;
    padding: 32px;
    box-shadow: 0px 4px 12px 0px #0000001F;
    background-color: white;
    margin-bottom: 32px;
}

.service-card .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 32px;
    margin-bottom: 16px;
    gap: 16px;
    border-bottom: 1px solid #E5E5E5;
}

.service-card .header .left {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}
.service-card .header .left .top-sec{
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}
.service-card .header .profile {
    display: flex;
    /* align-items: center; */
    gap: 20px;
}
.related-companies .service-card .header .profile {
    align-items: center;
}
.service-card .header .profile .image {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    flex-shrink: 0;
    background-color: transparent;
    font-size: 22px;
    font-weight: 700;
    color: #7D5CA4;
    font-family: var(--SFProSemibold);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 8px;
}
.related-companies .service-card .header .profile .image {
    margin-top: 0px;
}
.service-card .header .profile .image img {
    /* width: 32px;
    height: auto;
    object-fit: contain; */
}

/* When company has no logo, remove background and add a purple border */
.service-card .header .profile .image.no-logo {
    background-color: transparent !important;
    border: 1px solid #7D5CA4;
}
.modal-content.small-modal .content .profile .image.no-logo{
    background-color: transparent !important;
    border: 1px solid #7D5CA4;
}
.service-card .header .profile img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    /* object-fit: cover; */
}

.service-card .header .profile .data .name,.service-card .header .left .top-sec .name {
    font-size: 32px;
    font-weight: 700;
    font-family: var(--SFProBold);
    color: var(--text-color);
    line-height: 1.5;
    margin-bottom: 0px;
    word-break: break-word;
}
.service-card .header .left .bottom-sec {
    display: flex;
    margin-top: 6px;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 8px;
}
.related-companies .service-card .header .left .bottom-sec{
    margin-top: 0px;
}
.service-card .header .left .bottom-sec .date {
    font-size: 16px;
    font-weight: 500;
    font-family: Nunito Sans, sans-serif;
    color: #A0A0A0CC;
    margin-top: 1px;
}
.service-card .header .left .bottom-sec .date span {
    font-weight: 700;
}

.service-card .header .profile .data .reviews-wrapper,.service-card .header .left .bottom-sec .reviews-wrapper {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: var(--text-color);
    gap: 8px;
}

.service-card .header .profile .data .reviews-wrapper .reviews,.service-card .header .left .bottom-sec .reviews-wrapper .reviews {
    display: flex;
    align-items: center;
    gap: 4px;
}

.service-card .header .profile .data .reviews-wrapper .reviews img,.service-card .header .left .bottom-sec .reviews-wrapper .reviews img {
    width: 18px;
    height: 18px;
    object-fit: contain;
}

.service-card .header .verified {
    height: 40px;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 8px 24px;
    border-radius: 67px;
    font-size: 16px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: #09B285;
    background-color: #0CC6B91A;
}

.service-card .header .verified img {
    width: 22px;
    height: auto;
}

.service-card .header .tag {
    height: 40px;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 8px 24px;
    border-radius: 67px;
    font-size: 16px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    border: 1px solid #EAEAEA;
    color: #838383;
    background-color: white;
}

.service-card .header .right {
    display: flex;
    align-items: center;
    gap: 16px;
}

.service-card .title {
    font-size: 20px !important;
    font-family: var(--SFProMedium);
    color: var(--text-color);
    font-weight: 500;
}

.service-card .services {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 24px;
    gap: 16px;
}

.service-card .services .service {
    padding: 8px 24px;
    border-radius: 8px;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #7CC0D41A;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: #5A92A2;
    gap: 8px;
}

.service-card .services .service img {
    width: 18px;
    height: auto;
    vertical-align: baseline !important;
}
.service-card .services .service .rel {
    position: relative;
    line-height: 1;
}
.service-card .services .service .rel .custom-tooltip {

    width: max-content;

    background-color: #191221E5;
    color: #fff;
    text-align: center;
    border-radius: 8px;
    padding: 8px 12px;
    position: absolute;
    z-index: 1;
    top: calc(100% + 16px);
    left: 50%;
    transform: translateX(-50%);

    transition: opacity 0.3s;
    font-size: 16px;
    font-weight: 600;
    font-family: var(--SFProBold);
    line-height: 1.2;
    display: none;
    transition: all 0.3s ease-in-out;
}
.service-card .services .service .rel:hover .custom-tooltip {
    display: block;
}
.service-card .services .service .rel .custom-tooltip::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 12px;
    border-style: solid;
    border-color: transparent transparent #191221E5 transparent;
}
.service.bordered:hover .custom-tooltip {
    opacity: 1;
    visibility: visible;
}
.service-card .services .service.active.bordered {
    border: 1px solid #5801B5;
    background: linear-gradient(319.48deg, #0F0035 -111.8%, #5801B5 95.12%);
    -webkit-background-clip: text;

}
.service-card .services .service.active.bordered:hover {
   background: linear-gradient(0deg, #F0F8FA, #F0F8FA),
linear-gradient(0deg, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.03));

color: #5801B5;
}
.service-card .services .service.active {
    background-color: #A991E61A;

    color: #7D5CA4;

}

.service-card .services .more {
    font-size: 20px;
    font-family: var(--SFProMedium);
    color: #5A92A2;
    text-decoration: underline;
    font-weight: 500;
}

.service-card .footer {
    padding: 32px 0px;
    padding-bottom: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    text-decoration: underline;
    font-size: 20px;
    color: #5A92A2;
    font-weight: 500;
    font-family: var(--SFProMedium);
    border-top: 1px solid #E5E5E5;
    cursor: pointer;
}

.service-card .service-reviews {
    display: flex;

    gap: 40px;

    margin-bottom: 42px;

}





.service-card .service-reviews .item {
    flex-shrink: 0;
    min-width: 150px;
}

.service-card .service-reviews .item .label {
    font-size: 20px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    height: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 13px;
}

.service-card .service-reviews .item .label .large-img {
   width: 63px;
    height: auto;
    object-fit: contain;
}

.service-card .service-reviews .item .label .large-img.lg {
    width: 80px;
}
.service-card .service-reviews .item .label .small-img {
    height: 14px;
    width: auto;
    object-fit: contain;
}

.service-card .service-reviews .item .ratings {
    display: flex;
    align-items: center;
    gap: 0px;
    font-size: 16px;
    font-weight: 500;
    font-family: var(--SFProMedium);
}

.service-card .service-reviews .item .ratings .reviews {
    display: flex;
    align-items: center;
    gap: 3px;
}

.service-card .service-reviews .item .ratings .reviews img {
    width: 18px;
    object-fit: contain;
    height: auto;
}

.service-card .service-reviews .item .text {
    font-size: 16px;
    font-weight: 500;
    font-family: "Nunito Sans", sans-serif;
    color: var(--text-color) !important;
}

.service-card .service-reviews .item .date {
    font-size: 16px;
    font-weight: 500;
    font-family: "Nunito Sans", sans-serif;
    color: #848484 !important;

}

.service-card .service-reviews .item .ratings.large {
    font-size: 20px;
}

.service-card .service-reviews .item .ratings.large img {
    width: 26px;
    height: auto;
}

.service-card .service-reviews .line {
    height: 74px;
    width: 1px;
    background-color: #E5E5E5;
    align-self: center;
    flex-shrink: 0;
}

.service-card .info-text {
    margin-bottom: 14px;
    font-size: 16px;
    font-weight: 500;
    color: #A1A1A1;
    font-style: italic;
    line-height: 1.5;
    font-family: var(--SFProMedium);
}

.service-card .flex-buttons {
    display: flex;
    align-items: center;
    gap: 20px;
}

.custom-navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 48px;
}

.custom-navigation .left {
    display: flex;
    align-items: center;
    gap: 24px;
}

.custom-navigation .left .line {
    height: 34px;
    width: 1px;
    background-color: #E7E7E9;
}

.custom-navigation .left .text {
    font-size: 16px;
    color: #636363;
    font-weight: 400;
    font-family: var(--SFProRegular);

}

.custom-navigation .left .text strong {
    font-weight: 700;
    font-family: var(--SFProBold);
}

.custom-navigation .select-page {
    height: 56px;
    width: 84px;
    border-radius: 16px;
    border: 1px solid #E7E7E9;
    padding: 16px;
    font-size: 16px;
    font-weight: 400;
    font-family: var(--SFProRegular);

}

.custom-navigation .input {
    height: 56px;
    max-width: 67px;
    border-radius: 16px;
    border: 1px solid #E7E7E9;
    padding: 16px;
    font-size: 16px;
    font-weight: 400;
    font-family: var(--SFProRegular);

}

.custom-navigation .select-page:focus,
.custom-navigation .input:focus {
    outline: none;
}

.custom-navigation .right {
    display: flex;
    align-items: center;
    gap: 24px;
}

.custom-navigation .right .pagination {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 56px;
    border: 1px solid #E7E7E9;
    background-color: #f5f5f5;
    border-radius: 16px;
}

.custom-navigation .right .pagination .page {
    height: 54px;
    width: 54px;
    text-decoration: none;
    border-radius: 16px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    font-family: var(--SFProRegular);
    color: #191221;

}

.custom-navigation .right .pagination .page.active {
    background-color: #7D5CA4;
    color: white;
}

.custom-section .top-filtes {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 48px;
    margin-bottom: 32px;
}

.custom-section .top-filtes .text {
    font-size: 24px;
    color: var(--text-color);

    font-weight: 700;
    font-family: var(--SFProBold);
    margin: 0px;
}

.custom-section .top-filtes .right {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
    flex: 1 1 auto;
    justify-content: flex-end;
}

.custom-section .top-filtes .right .label {
    font-size: 16px;
    font-weight: 500;
    flex-shrink: 0;
    font-family: var(--SFProMedium);
    color: #848484;
    margin: 0px;
}

.custom-section .top-filtes .right select {
    height: 56px;
    border: 1px solid #E5E5E5;

    flex-shrink: 0;
    border-radius: 67px;
    color: #717376;
    font-weight: 500;
    font-family: var(--SFProMedium);
    padding: 9px 16px;
    font-size: 20px;
    max-width: 290px;
    width: 100%;
}

.custom-section .top-filtes .right select:focus {
    outline: none;
}

.custom-switch {
    height: 56px;
    border-radius: 67px;
    width: 112px;
    border: 1px solid #E5E5E5;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: space-between;
    background-color: white;
}

.custom-switch input[type="checkbox"] {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 9;
    cursor: pointer;
}

.custom-switch .icon {
    height: 52px;
    flex-direction: column;
    gap: 4px;
    width: 52px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.custom-switch input[type="checkbox"]+.icon {
    background-color: #364CCA;
}

.custom-switch input[type="checkbox"]+.icon svg,
.custom-switch input[type="checkbox"]+.icon svg * {
    fill: white !important;
}

.custom-switch input[type="checkbox"]:checked+.icon {
    background-color: white;
}

.custom-switch input[type="checkbox"]:checked+.icon svg,
.custom-switch input[type="checkbox"]:checked+.icon svg * {
    fill: var(--text-color) !important;
    stroke: var(--text-color) !important;
}

.custom-switch input[type="checkbox"]:checked+.icon+.icon {
    background-color: #364CCA;
}

.custom-switch input[type="checkbox"]:checked+.icon+.icon svg,
.custom-switch input[type="checkbox"]:checked+.icon+.icon svg * {
    fill: white !important;
    stroke: white !important;
    color: white !important;
}

.custom-switch .icon svg {

    width: 24px;
    height: auto;
}

/* View Toggle Styles */
#grid-view {
    display: none;
}

.view-toggle-grid #list-view {
    display: none;
}

.view-toggle-grid #grid-view {
    display: block;
}

/* Right Modal Styles */
.modal .modal-dialog .right-modal {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    bottom: auto !important;
    height: 100vh !important;
    width: 500px !important;
    max-width: 500px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    border: none !important;
    transform: translateX(100%) !important;
    transition: transform 0.3s ease-in-out !important;
    z-index: 1055 !important;
}

.modal.fade .modal-dialog .right-modal {
    transform: translateX(100%) !important;
}

.modal.show .modal-dialog .right-modal {
    transform: translateX(0) !important;
}

/* Override Bootstrap modal positioning for right-modal */
.modal .modal-dialog:has(.right-modal) {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    width: 500px !important;
    height: 100vh !important;
    margin: 0 !important;
    transform: none !important;
}

.right-modal.modal-content {
    height: 100vh !important;
    border-radius: 0 !important;
    border: none !important;
    padding: 24px;
    position: relative !important;
}

.right-modal .filter-top {

    height: 116px;

    padding-bottom: 24px;
    padding-top: 0px;

}

.right-modal .filter-top .title-wrapper {
    justify-content: space-between;
    align-items: center;
    display: flex;
    margin-bottom: 16px;
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 16px;
}

.right-modal .filter-top .title-wrapper .text {
    font-size: 32px;
    font-weight: 700;
    font-family: var(--SFProBold);
    margin: 0px;
}

.right-modal .filter-top .title-wrapper .icon {
    width: 48px;
    height: 48px;
    cursor: pointer;
}

.right-modal .filter-top .filter-selection {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    gap: 16px;
    font-size: 16px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: var(--text-color);
    margin: 0px;
}

.right-modal .filter-top .filter-selection .clear {
    text-decoration: underline;
    cursor: pointer;
    color: #7D5CA4;
}

.right-modal .filter-body {
    height: calc(100vh - 196px);
    overflow-y: auto;
    padding: 24px 0px;
    padding-right: 8px;
    ;
}

.right-modal .filter-body .search-box {

    background-color: white;
    border: 1px solid #E5E5E5;
    border-radius: 16px;
    position: relative;
    height: 48px;
    overflow: hidden;
    margin-bottom: 21px;

}

.right-modal .filter-body .search-box .icon {
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    height: 20px;
    width: 20px;
    object-fit: contain;

}

.right-modal .filter-body .search-box .icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.right-modal .filter-body .search-box input {
    height: 48px;
    border: none;
    width: 100%;
    padding-left: 40px;
    background: transparent;
    font-size: 20px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: var(--text-color);
}

.right-modal .filter-body .search-box input:focus {
    border: none;
    outline: none;
}

.right-modal .footer {
    height: 60px;
    display: flex;
    align-items: center;
    gap: 16px;
    padding-top: 24px;
    border-top: 1px solid #E5E5E5;
}

.right-modal .footer .btn-white {
    width: 98px;
}

.right-modal .footer .btn-blue {
    flex: 1 1 auto;

}

.right-modal .filter-body .verified-filter {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    justify-content: space-between;
    border: 1px solid #E5E5E5;
    border-radius: 16px;
    padding: 8px 16px;
}

.right-modal .filter-body .verified-filter .left {
    display: flex;
    font-size: 20px;
    font-weight: 700;
    font-family: var(--SFProBold);
    align-items: center;
    gap: 12px;
}

.right-modal .filter-body .verified-filter .left img {
    width: 48px;
    height: 48px;
}

.right-modal .filter-body .verified-filter .switch {
    height: 32px;
    width: 59px;
    background-color: var(--blue-light);
    position: relative;
    overflow: hidden;
    border-radius: 67px;
}

.right-modal .filter-body .verified-filter .switch .track {
    background-color: #bdbdbd;
    position: relative;
    width: 100%;
    border-radius: 67px;
    z-index: 1;

    height: 100%;
    top: 0px;
    left: 0px;

}

.right-modal .filter-body .verified-filter .switch .track .circle {
    position: absolute;
    top: 2px;
    left: 2px;
    height: 28px;
    width: 28px;
    border-radius: 50%;
    background-color: white;
    transition: all 0.3s ease-in-out;
}

.right-modal .filter-body .verified-filter .switch input[type="checkbox"] {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 9;
    cursor: pointer;
}

.right-modal .filter-body .verified-filter .switch input[type="checkbox"]:checked+.track .circle {
    left: 29px;
    background-color: white;
}

.right-modal .filter-body .verified-filter .switch input[type="checkbox"]:checked+.track {
    background-color: #7D5CA4;
}

#filterAccordion .accordion-item {

    border: 1px solid #E5E5E5;
    border-radius: 16px;
    background-color: transparent !important;
    margin-bottom: 16px;

}
#filterAccordion .accordion-item .price-wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-left: 32px;
    margin-bottom: 16px;
}
#filterAccordion .accordion-item .price-wrapper .price-input {
    height: 40px;
    display: flex;
    align-items: center;
    width: auto;
    border-radius: 4px;
    border: 1px solid #E5E5E5;
    background-color: transparent;
    overflow: hidden;
}
#filterAccordion .accordion-item .price-wrapper .price-input .icon {
    height: 39px;
    width: 39px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #E5E5E5;
}
#filterAccordion .accordion-item .price-wrapper .price-input .icon img {
    width: 10px;
    height: auto;
}
#filterAccordion .accordion-item .price-wrapper .price-input input {
    height: 100%;
    border: none;
    outline: none;
    padding: 8px 12px;
    font-size: 16px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: var(--text-color);
    background-color: transparent;
    width: 100%;
}
#filterAccordion .accordion-item .price-wrapper .text {
    font-size: 20px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: #A0AEC0;
    margin: 0px;
    margin-left: -8px;

}
#filterAccordion .accordion-item .price-wrapper .line {
    font-size: 20px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: #A0AEC0;
    margin: 0px;


}
 input:focus{
    outline: none;
 }
#filterAccordion .accordion-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border: none;
    background-color: transparent !important;
    padding: 8px 16px;


}

#filterAccordion .accordion-button.collapsed {
    box-shadow: none !important;
    border-bottom: none !important;
}

#filterAccordion .accordion-button:focus {
    outline: none !important;
    box-shadow: none !important;
}

#filterAccordion .accordion-button::after {
    display: none !important;
}

#filterAccordion .accordion-button .icon img {
    transform: rotate(0deg);
    transition: transform 0.3s ease;
}

#filterAccordion .accordion-button.collapsed .icon img {
    transform: rotate(0deg);
}

#filterAccordion .accordion-button:not(.collapsed) .icon img {
    transform: rotate(180deg);
}

/* #filterAccordion .accordion-button .icon img{
transform: rotate(0deg);
} */
#filterAccordion .accordion-button .left {
    display: flex;
    font-size: 20px;
    font-weight: 700;
    color: var(--text-color);
    font-family: var(--SFProBold);
    align-items: center;
    gap: 12px;
}

#filterAccordion .accordion-button .left img {
    width: 48px;
    height: 48px;
}

#filterAccordion .accordion-button .left .count {
    border-radius: 50%;
    flex-shrink: 0;
    /* padding: 6px 4px; */
    height: 24px;
    width: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    font-weight: 700;
    font-family: var(--SFProBold);
    background-color: #6EC1E433;
}

#filterAccordion .accordion-button .right {
    display: flex;
    align-items: center;
    gap: 16px;
}

#filterAccordion .accordion-button .right a {
    font-size: 16px;
    font-family: var(--SFProMedium);
    color: #7D5CA4;
    text-decoration: underline;
}

#filterAccordion .accordion-item .accordion-body {
    border-top: 1px solid #E5E5E5;
    padding: 24px 16px;
    max-height: 530px;
    overflow-y: auto;
}

.accordion-button:not(.collapsed) {
    box-shadow: none !important;

}

#filterAccordion .accordion-item .accordion-body .filter-item {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: var(--text-color);
    margin-bottom: 16px;

    border-radius: 8px;
    transition: all 0.3s ease;
    position: relative;
}


#filterAccordion .accordion-item .accordion-body .box {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    background-color: white;
}

#filterAccordion .accordion-item .accordion-body .box img {
    display: none;
    position: absolute;
    width: 12px;
    height: auto;
    z-index: 10;
}

#filterAccordion .accordion-item .accordion-body .box input[type="checkbox"]+.check {
    height: 20px;
    width: 20px;
    border-radius: 2px;
    border: 1px solid #c5c5c5;
}

#filterAccordion .accordion-item .accordion-body .box input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 9;
}

#filterAccordion .accordion-item .accordion-body .box input[type="checkbox"]:checked+.check {
    background-color: var(--blue);
    border-color: var(--blue);
}

#filterAccordion .accordion-item .accordion-body .box input[type="checkbox"]:checked~img {
    display: block;
}

#filterAccordion .accordion-item .accordion-body .filter-item label {
    cursor: pointer;
    margin: 0;
    flex: 1;
    position: relative;
}
#filterAccordion .accordion-item .accordion-body .filter-item label.flex-label {
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: #A0AEC0;
    gap: 6px;
}
#filterAccordion .accordion-item .accordion-body .filter-item label.flex-label .reviews {
    display: flex;
    align-items: center;
    gap: 4px;
}
#filterAccordion .accordion-item .accordion-body .filter-item label.flex-label .reviews img {
    width: 18px;
    height: auto;
     object-fit: contain;
}
#filterAccordion .accordion-item .accordion-body .box input[type="radio"]+.check {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border: 1px solid #c5c5c5;
}

#filterAccordion .accordion-item .accordion-body .box input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 9;
}

#filterAccordion .accordion-item .accordion-body .box input[type="radio"]:checked+.check {
    border: 6px solid var(--blue);

}
.custom-section .selected-filters {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.custom-section .selected-filters .item {
    display: flex;
    align-items: center;
    height: 40px;
    font-size: 16px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    gap: 16px;
    padding: 8px 24px;
    background-color: white;
    border: 1px solid #EAEAEA;
    border-radius: 67px;
}

.custom-section .selected-filters .item img {
    width: 16px;
    height: auto;
    cursor: pointer;
}

.custom-section .applied-titles {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: #A0A0A0CC;
    margin-bottom: 24px;
}

.custom-section .applied-titles .link {
    text-decoration: underline;
    cursor: pointer;
    color: #7D5CA4;
}
.custom-section .applied-titles .link:disabled ,.service-card .footer:disabled  {
    pointer-events: none;
    opacity: 50%;

    cursor: default;
}
.custom-section .applied-titles .link:hover ,.service-card .footer:hover  {
    color: #477582;
}
.custom-section .applied-titles .link:focus ,.service-card .footer:focus  {
    color: #3F6671;
}
.company-card {
    padding: 32px;
    background-color: white;
    border-radius: 24px;
    border: 1px solid #FFFFFF33;
    backdrop-filter: blur(24px);

    box-shadow: 0px 4px 12px 0px #0000001F;
    margin-bottom: 32px;

}

.company-card .header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-bottom: 36px;
    margin-bottom: 36px;
    border-bottom: 1px solid #E5E5E5;
}

.company-card .header .left {
    display: flex;
    align-items: center;
    gap: 24px;
}

.company-card .header .left .image {
    height: 176px;
    width: 176px;
    border-radius: 50%;
}

.company-card .header .left .image img {
    width: 110px;
    height: auto;
}

.company-card .header .data .verified {
    height: 40px;
    display: flex;
    align-items: center;
    gap: 5px;
    width: max-content;
    padding: 8px 24px;
    border-radius: 67px;
    font-size: 16px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: #09B285;
    background-color: #0CC6B91A;
}

.company-card .header .data .verified img {
    width: 22px;
    height: auto;
}

.company-card .header .data .name {
    font-size: 40px;
    font-weight: 700;
    font-family: var(--SFProBold);
    color: var(--text-color);
    margin-bottom: 8px;
    word-break: break-word;
}

.company-card .header .data .date-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
    font-family: Nunito Sans, sans-serif;
}

.company-card .header .data .date-wrapper .date {
    color: #848484;
}

.company-card .header .data .reviews-wrapper {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    font-family: Nunito Sans, sans-serif;
    color: var(--text-color);
    gap: 8px;
}

.company-card .header .data .reviews-wrapper .reviews {
    display: flex;
    align-items: center;
    gap: 4px;
}

.company-card .header .data .reviews-wrapper .reviews img {
    width: 26px;
    height: 26px;
     object-fit: contain;
}

.company-card .header .right {
    display: flex;
    align-items: center;
    gap: 16px;
}

.company-card .header .right .share {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 20px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: #7D5CA4;
    text-decoration: none;
}
.company-card .header .right .share.copied{
    color: #09B285;
}
.company-card .header .right .share img {
    width: 24px;
    height: auto;
}

.company-card .title {
    font-size: 24px;
    font-weight: 700;
    font-family: var(--SFProBold);
    margin-bottom: 16px;
    line-height: 1.5;
}

.company-card .text {
    font-size: 20px;
    font-weight: 500;
    font-family: Nunito Sans, sans-serif;
    margin-bottom: 24px;
    line-height: 1.5;
    color: #6D6D6D;
}

.company-card .flex_items {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.company-card .flex_items .item {
    padding: 8px 24px;
    border-radius: 8px;
    background-color: #A991E61A;
    font-size: 20px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: #7D5CA4;
}

.company-card .custom-service {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 20px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: #5801B5;
    margin-bottom: 16px;
    cursor: pointer;
}
.company-card .custom-service span{
    background: linear-gradient(319.48deg, #0F0035 -111.8%, #5801B5 95.12%);
    -webkit-background-clip: text;
}
/*.company-card .custom-service:hover {*/
/*    color: #477582;*/
/*}*/
.company-card .custom-service .image {
    width:48px;
    height:48px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    color: #5801B5;
    font-family: var(--SFProBold);
    background-color: #F0F8FA;
    flex-shrink: 0;
    border: 1px solid #5801B5;
}
.company-card .custom-service img {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.company-card .other-service {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 20px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: var(--text-color);
    cursor: pointer;
    margin-bottom: 16px;
}
.company-card .other-service.no-hover {
    cursor: text;
}
.company-card .other-service .image {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    color: rgba(90, 146, 162, 1);
    font-family: var(--SFProBold);
    background-color: rgba(110, 193, 228, 0.2);
    flex-shrink: 0;
}
.company-card .other-service:hover {
    color: #477582;
}
.company-card .other-service.no-hover:hover {
    color: var(--text-color);
}
.company-card .other-service img {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.company-card .hr {
    margin: 16px auto;
    background-color: #E5E5E5;
    height: 1px;
    width: 100%;
}

.company-card .more {
    text-decoration: underline;
    font-size: 20px;
    font-family: var(--SFProMedium);
    color: #5A92A2;
    width: max-content;
    text-decoration: underline;
}

.service-cards-wrapper {
    position: relative;
    padding: 0 10px;
}

.service-cards-wrapper::after {
    content: '';
    position: absolute;
    z-index: 9;
    bottom: 0px;
    right: 0px;
    width: 155px;
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 29.99%, #FFFFFF 67.32%);

    pointer-events: none;
}

.service-cards.owl-carousel {
    position: relative;
    overflow: hidden;
}

.service-cards .item {
    min-height: 340px;
    /* height: auto; */
    padding: 24px;
    border-radius: 16px;
    border: 1px solid #E5E5E5;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 10px 5px;
    transition: all 0.3s ease;
}



.custom-nav {
    position: absolute;
    top: 46%;
    width: 100%;
    transform: translateY(-50%);
    z-index: 10;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
}

.custom-nav button {
    background: transparent;
    /* border: 1px solid #E5E5E5; */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    border: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    /* box-shadow: 0px 2px 6px rgba(0,0,0,0.1); */
    transition: all 0.3s ease;
    pointer-events: auto;
}

.custom-nav button:hover {
    /* background: #f8f8f8; */
    transform: scale(1.1);
}

.custom-nav button:focus {
    outline: none;
}

.custom-nav .owl-prev {
    margin-left: -40px;
}

.custom-nav .owl-next {
    margin-right: -20px;
}

.custom-nav img {
    width: 18px;
    height: 18px;
}

/* Override owl-carousel default styles */
.service-cards .owl-dots {
    margin-top: 20px;
}

.service-cards .owl-dots .owl-dot span {
    background-color: #ddd;
}

.service-cards .owl-dots .owl-dot.active span {
    background-color: #7D5CA4;
}

.service-cards .item .label {
    font-size: 24px;
    font-weight: 700;
    font-family: var(--SFProBold);
    margin-bottom: 9px;
}

.service-cards .item .text {
    font-size: 20px;
    font-weight: 500;
    font-family: Nunito Sans, sans-serif;
    margin-bottom: 9px;
    color: #6D6D6D;
    line-height: 1.5;
    word-break: break-word;
}

.service-cards .item .price .small {
    font-size: 16px;
    color: #A0A0A0CC;
    font-weight: 500;
    font-family: var(--SFProMedium);
    margin-left: 4px;
}

.service-cards .item .price .value {
    font-size: 26px;
    line-height: 1.2;
    color: #7D5CA4;
    font-weight: 700;
    font-family: var(--SFProBold);
    margin-left: 0px;


}

.service-cards .item .price .value sub {
    font-size: 20px;
    font-weight: 500;
    top: 12px;
    position: relative;
    display: block;
    font-family: var(--SFProMedium);
    color: var(--text-color);
}
.service-cards .item .price .sub {
    font-size: 20px;
    font-weight: 500;
    margin-top: 6px;
    position: relative;
    display: block;
    font-family: var(--SFProMedium);
    color: var(--text-color);
}
.custom-navigation .btn-white {
    height: 56px;
    max-height: 56px;
}

.company-reviews {
    padding: 24px;
    border-radius: 24px;
    background-color: white;
    backdrop-filter: blur(24px);
    margin-bottom: 24px;

    box-shadow: 0px 4px 12px 0px #0000001F;

}

.company-reviews .title {
    font-size: 24px;
    font-weight: 700;
    font-family: var(--SFProBold);
    margin-bottom: 16px;
}

.company-reviews .reviews-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 100px;
    margin-bottom: 48px;
}

.company-reviews .reviews-container .line {
    height: 89px;
    width: 1px;
    background-color: #E5E5E5;
    flex-shrink: 0;
}

.company-reviews .reviews-container .item {
    flex-shrink: 0;

}

.company-reviews .reviews-container .item .label {
    font-size: 20px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    margin-bottom: 13px;

}

.company-reviews .reviews-container .item .text-lg {
    font-size: 40px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    margin-bottom: 13px;

}

.company-reviews .reviews-container .item .text {
    font-size: 16px;
    font-weight: 500;
    font-family: Nunito Sans, sans-serif;
    color: #848484;
    margin-bottom: 6px;

}

.company-reviews .reviews {
    display: flex;
    align-items: center;
    gap: 3px;
}

.company-reviews .item .review-container {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 40px;
    font-weight: 500;
    font-family: var(--SFProMedium);
}

.company-reviews .reviews img {
    width: 26px;
     object-fit: contain;
    height: 26px;
}

.company-reviews .over-all-reviews {
    flex-shrink: 0;
}

.company-reviews .over-all-reviews .item {
    display: flex;
    gap: 18px;
    margin-bottom: 12p;
    align-items: center;
}

.company-reviews .over-all-reviews .item .text {
    font-size: 16px;
    width: 24px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: #7D5CA4;
    margin: 0px;
}

.company-reviews .over-all-reviews .item .reviews img {
    width: 16px;
     object-fit: contain;
    height: auto;
}

.company-reviews .over-all-reviews .item .progress {
    flex: 1 1 auto;
    width: 100%;
    height: 8px;
    border-radius: 20px;
    min-width: 400px;
    background-color: #D9D9D9;
}

.progress-bar {
    background-color: var(--blue) !important;
}

.company-reviews .review-filters {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 48px;
    margin-bottom: 32px;
}

.company-reviews .review-filters .left {
    display: flex;
    align-items: center;
    gap: 16px;
}

.company-reviews .review-filters .left .button {
    height: 40px;
    padding: 8px 24px;
    border-radius: 67px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border: 1px solid #EAEAEA;
    background-color: transparent;
    font-size: 16px;
    font-weight: 500;
    font-family: var(--SFProMedium);
}

.company-reviews .review-filters .left .button img {
    height: 20px;
    width: 58px;
    object-fit: contain;
}
.company-reviews .review-filters .left .button img.lg {
    width: 80px;
}
.company-reviews .review-filters .left .button.active {
    background-color: #7D5CA41A;
    border: 2px solid #7D5CA4;
}

.company-reviews .review-filters .right {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    justify-content: flex-end;
    gap: 16px;
}

.company-reviews .review-filters .right label {
    font-size: 16px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: #848484;
    margin: 0px;
    flex-shrink: 0;
}

.company-reviews .review-filters .right select {
    height: 56px;
    border: 1px solid #E5E5E5;
    border-radius: 67px;
    color: #717376;
    font-weight: 500;
    font-family: var(--SFProMedium);
    padding: 9px 16px;
    font-size: 16px;
    flex-shrink: 0;
    max-width: 280px;
    width: 100%;
}

select:focus {
    outline: none;
}

.company-reviews .customer-review {
    padding: 24px;
    border-radius: 16px;
    border: 1px solid #E5E5E5;
    margin-bottom: 16px;
}

.company-reviews .customer-review .header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #E5E5E5;
    justify-content: space-between;
}

.company-reviews .customer-review .header .left {
    display: flex;
    align-items: center;
    gap: 16px;

}

.company-reviews .customer-review .header .left .image {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    flex-shrink: 0;
}

.company-reviews .customer-review .header .left .image img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.company-reviews .customer-review .header .left .data .name {
    font-size: 16px !important;
    font-weight: 700;
    font-family: var(--SFProBold);
    margin-bottom: 0px;
    color: var(--text-color);
    line-height: 1.5;
}

.company-reviews .customer-review .header .left .data .date {
    font-size: 16px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    margin-bottom: 0px;
    color: #848484;
    line-height: 1.2;
}

.company-reviews .customer-review .header .left .badge {
    height: 40px;
    padding: 8px 24px;
    border-radius: 67px;
    border: 1px solid #EAEAEA;
    background-color: #fff;

    display: flex;
    align-items: center;


}

.company-reviews .customer-review .header .left .badge img {
    width: 60px;
    height: auto;

}

.company-reviews .customer-review .header .left .badge img.lg {
    width: 80px;
}

.company-reviews .customer-review .header .right {
    display: flex;
    align-items: center;
    gap: 0px;
    font-size: 20px;
    align-items: center;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: #000000;
}

.company-reviews .customer-review .header .righ .reviews {
    display: flex;
    align-items: center;
    gap: 4px;
}

.company-reviews .customer-review .header .righ .reviews img {
    width: 26px;
     object-fit: contain;
    height: 26px;
}

.company-reviews .customer-review .header .righ .img {
    width: 100px;
    height: auto;
    cursor: pointer;
}

.company-reviews .customer-review .body .title {
    font-size: 20px;
    font-weight: 700;
    font-family: var(--SFProBold);
    margin-bottom: 16px;
    color: var(--text-color);
    line-height: 1.5;
    margin-bottom: 24px;
}

.company-reviews .customer-review .body .text {
    font-size: 20px;
    font-weight: 500;
    font-family: Nunito Sans, sans-serif;
    margin-bottom: 0px;
    color: #000000;
    line-height: 1.5;
    margin-bottom: 24px;

}

.company-reviews .customer-review .body .actions {
    display: flex;
    align-items: center;
    gap: 24px;
}

.company-reviews .customer-review .body .actions .action {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 20px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: #7D5CA4;
    text-decoration: none;
}

.company-reviews .customer-review .body .actions .action img {
    width: 20px;
    height: auto;
}

.back-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    box-shadow: 0px 4px 12px 0px #0000001F;
   border: 1px solid #E5E5E5;
    color: var(--text-color);
    margin-bottom: 24px;
    border-radius: 16px;
    height: 56px;
    background-color: white;
}

.back-box img {
    width: 12px;
    height: auto;
}

.back-box a {
    text-decoration: none;
    color: var(--text-color);
}

.related-companies {
    background-color: white;
    padding: 32px;
    border-radius: 24px;
    margin-bottom: 16px;
    backdrop-filter: blur(24px);

    box-shadow: 0px 4px 12px 0px #0000001F;

}
.related-companies .service-card {
    background-color: transparent;
    padding: 32px;
    box-shadow: none;
    border: 1px solid #E5E5E5;
}
.related-companies .service-card .header {
    flex-wrap: wrap;
}
.related-companies .service-card .header .left {
    justify-content: initial;
}
.related-companies .service-card .header .right .btn-white,.related-companies .service-card .header .right .btn-blue {
    width: 100%;
}
.related-companies .service-card .header .left,.related-companies .service-card .header .right{
    flex: 1 1 100%;
}
.related-companies .service-card .header .left .top-sec .name {
    flex: 1 1 100% ;
    order: 2;
}
.related-companies .service-card .header .verified,.related-companies .service-card .header .tag {
    font-size: 14px;
    padding: 8px 18px;
}
.related-companies .title-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
    flex-wrap: wrap;
    gap: 16px;
}
.related-companies .title-header .title {
    font-size: 24px;
    font-weight: 700;
    font-family: var(--SFProBold);
    margin: 0px;
    color: var(--text-color);
}
.related-companies .title-header .buttons {
    display: flex;
    align-items: center;
    gap: 16px;
}
.related-companies .title-header .buttons .button {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 56px;
    width: 56px;
    border-radius: 16px;
    background-color: transparent;
    border: 1px solid #E5E5E5;
    display: flex;
    justify-content: center;
    align-items: center;
}
.related-companies .title-header .buttons .button img {
    width: 12px;
    height: 12px;
}
/* .owl-carousel .owl-item img {
    width: initial !important;
} */
.service-card .service-reviews .slider-wrapper-container {
    display: flex;
    width: 100%;
    overflow: hidden;
    gap: 40px;
    position: relative;
}
.service-card .service-reviews .slider-wrapper-container .buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
}
.service-card .service-reviews .slider-wrapper-container .buttons .button {
    background: transparent;
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}
.service-card .service-reviews .slider-wrapper-container .buttons .button:hover {
    transform: scale(1.1);
}
.service-card .service-reviews .slider-wrapper-container .buttons .button:focus {
    outline: none;
}
.service-card .service-reviews .slider-wrapper-container .buttons .button img {
    width: 12px;
    height: 12px;
}
.service-card .service-reviews .slider-wrapper-container::after {
    content: '';
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 195px;
    z-index: 2;
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 29.99%, #FFFFFF 67.32%);

    pointer-events: none;
}
.service-card .service-reviews .slider-wrapper-container::before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 2;
    width: 125px;
    height: 100%;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 29.99%, #FFFFFF 67.32%);

    pointer-events: none;
}
.related-companies .service-card .service-reviews .slider-wrapper-container::before,.related-companies .service-card .service-reviews .slider-wrapper-container::after {
    width: 30px;
}
.service-card .service-reviews .slider-wrapper .item {
    position: relative;
    padding-right: 40px;
    flex-shrink: 0;
}
.service-card .service-reviews .slider-wrapper .item::after {
    content: '';
    position: absolute;
    right: -0px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 74px;
    border-radius: 50%;
    background-color: #D9D9D9;
}
.modal-content.small-modal {
    max-width: 716px;
    width: 100%;

    margin: auto;

    position: relative;
    overflow: hidden;
}
.modal-content.small-modal.max-948 {
    max-width: 948px;

}
.modal-content.small-modal .abs-left {
    position: absolute;
    z-index: 1;
    left: -50%;
    top: -50%;
    height: 100%;
    width: auto;
    z-index: -1;
    border-radius: 50%;
    backdrop-filter: blur(500px);
    opacity: 0.15;
}

.modal-content.small-modal .abs-left img {
    width: 100%;
    backdrop-filter: blur(500px);

    height: auto;


}
.modal-content.small-modal .abs-right {
    position: absolute;

    right: -50%;
    top: -50%;
    height: 100%;
    width: auto;
    z-index: -1;
    border-radius: 50%;
    backdrop-filter: blur(500px);
    opacity: 0.15;
}

.modal-content.small-modal .abs-right img {
    width: 100%;
    backdrop-filter: blur(500px);

    height: auto;


}
.modal-content.small-modal .content {
    position: relative;
    z-index: 2;
    height: 100%;
     max-height: 93vh;
    padding: 40px;
    padding-bottom: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.modal-content.small-modal .content .header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
    height: 60px;
}
.modal-content.small-modal .content .footer {
     padding: 0px;
    height: 110px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.modal-content.small-modal .content.no-footer {
    padding-bottom: 24px;
}
.modal-content.small-modal .content.no-footer .body{
     max-height: calc(93vh - 70px);
     /* padding-bottom: 40px; */
}
.buttons-flex {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}
.buttons-flex button {
    width: 48%;

}
.modal-content.small-modal .content .body {
    max-height: calc(93vh - 232px);
    padding-right: 12px;
    /* padding-bottom: 20px; */
    overflow-y: auto;
}
.modal-content.small-modal .content .header .title {
    font-size: 48px;
    font-weight: 700;
    font-family: var(--SFProBold);
    color: var(--text-color);
    margin: 0px;}
.modal-content.small-modal .content .header .close {
   width: 48px;
   height: 48px;
   border-radius: 50%;


}
.modal-content.small-modal .content .header .close img {
    width: 100%;
    height: 100%;
    cursor: pointer;
    border-radius: 50%;
    cursor: pointer;
}
.modal-content.small-modal .content .text {
    font-size: 20px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: #6D6D6D;
    margin-bottom: 18px;
    line-height: 1.5;
}
.modal-content.small-modal .content .hr {
    height: 1px;
    width: 100%;
    background-color: #E5E5E5;

}
.modal-content.small-modal .content .profile {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 16px;
}
.modal-content.small-modal .content .profile .text {
    font-size: 32px;
    font-weight: 700;
    font-family: var(--SFProBold);
    color: var(--text-color);
    margin: 0px;
}
.modal-content.small-modal .content .profile .image {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #6EC1E433;
    font-size: 22px;
    font-weight: 700;
    color: #7D5CA4;
    font-family: var(--SFProSemibold);
}
.modal-content.small-modal .content .profile .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.modal-content.small-modal .content .input-wrapper label {
   font-size: 20px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: #717376;
    margin-bottom: 16px;
}
.modal-content.small-modal .content .input-wrapper .company-name-input {
    height: 56px;
    border: 1px solid #E5E5E5;
    background-color: white;
    border-radius: 16px;
    display: flex;
    align-items: center;
    position: relative;
    gap: 16px;
    padding-left: 16px;
    display: flex
;
    align-items: center;
}
.modal-content.small-modal .content .input-wrapper .company-name-input input {
    flex: 1 1 auto;
    padding-right: 40px;
    border: none;
    background-color: transparent;
    font-size: 20px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: var(--text-color);
    flex: 1 1 auto;
}
.modal-content.small-modal .content .input-wrapper .company-name-input img.filter-img {
    width: 24px;
    height: auto;
}
.modal-content.small-modal .content .input-wrapper .company-name-input .claim-button {
    font-size: 20px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: #5A92A2;
    z-index: 99;
    text-decoration: underline;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);

    right: 16px;
}

.modal-content.small-modal .content .input-wrapper .company-name-input .claim-button.hide {
    display: none;
}
.modal-content.small-modal .content .input-wrapper .company-name-input .selected-company {
    display: none;
    align-items: center;
    gap: 8px;
    font-size: 20px;
    font-weight: 700;
    font-family: var(--SFProBold);
    color: var(--text-color);
    margin: 0px;
    cursor: pointer;
    transition: all 0.2s ease;
    padding: 8px;
    border-radius: 8px;
    margin: -8px;
}

/* .modal-content.small-modal .content .input-wrapper .company-name-input .selected-company:hover {
    background-color: #f5f5f5;
} */

.modal-content.small-modal .content .input-wrapper .company-name-input .selected-company.show {
    display: flex;
    width: 100%;
}
.modal-content.small-modal .content .input-wrapper .company-name-input .selected-company img {
    width: 32px;
    height: auto;
}
.modal-content.small-modal .content .input-wrapper .company-name-input .companies-result {
    position: absolute;
    width: calc(100% + 2px);
    top: calc(100% - 10px);
    left: -1px;
    background-color: white;
   z-index: 99;
    max-height: 340px;
    overflow-y: auto;
    padding: 12px 0px;
    border-radius: 16px;
    border: 1px solid #E5E5E5;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-top: none;
    display: none;
}

.modal-content.small-modal .content .input-wrapper .company-name-input .companies-result.show {
    display: block;
}

.modal-content.small-modal .content .input-wrapper .company-name-input:has(.companies-result.show) {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.modal-content.small-modal .content .input-wrapper .company-name-input .companies-result .title {
    font-size: 16px;
    padding: 0px 16px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: #A0A0A0CC;
    margin-bottom: 10px;
}
.modal-content.small-modal .content .input-wrapper .company-name-input .companies-result .item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 16px;
    font-size: 16px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: var(--text-color);
    border-bottom: 1px solid #E5E5E5;
    cursor: pointer;
}
.modal-content.small-modal .content .input-wrapper .company-name-input .companies-result .item .image,.selected-company-placeholder {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    background-color: #6EC1E433;
    color: #7D5CA4;
}

.modal-content.small-modal .content .input-wrapper .company-name-input .companies-result .item img ,.selected-company-placeholder img{
    width: 20px;
    height: auto;
}
.modal-content.small-modal .content .input-wrapper .company-name-input .companies-result .item:last-child {
    border-bottom: none;
}
.modal-content.small-modal .content .input-wrapper .input {
    height: 56px;
    border: 1px solid #E5E5E5;
    background-color: transparent;
    border-radius: 16px;
    display: flex;
    align-items: center;
    padding-left: 16px;
    overflow: hidden;
    gap: 0px;
}
.modal-content.small-modal .content .input-wrapper .input.lg {
    height: 248px;
    align-items: flex-start;
    padding-top: 20px;

}
.modal-content.small-modal .content .input-wrapper .input input {
    border: none;
    outline: none;
    height: 100%;
    width: 100%;
    padding: 9px 16px;
    padding-left: 10px;
    font-size: 20px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: var(--text-color);
    flex: 1 1 auto;
}
.modal-content.small-modal .content .input-wrapper .input textarea {
    border: none;
    outline: none;
    height: 100%;
    width: 100%;
    padding: 0px 16px;
    padding-left: 10px;
    font-size: 20px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: var(--text-color);

}
.modal-content.small-modal .content .input-wrapper .input.lg img {
    margin-top: 4px;
}
.modal-content.small-modal .content .input-wrapper .small-text {
    font-size: 16px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: #A1A1A1;
    margin-bottom: 16px;
}
.modal-content.small-modal .content .support {
    font-size: 16px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: var(--text-color);
    text-align: center;

}
.modal-content.small-modal .content .support a {
    color: #5A92A2;

    text-decoration: underline;
    cursor: pointer;
}
.modal-content.small-modal .content .support a.large {
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    gap: 8px;

}
.modal-content.small-modal .content .support a.large img {
    width: 10px;
    height: auto;
}

.loading {
    padding-left: 15px;
    color: #A0A0A0CC;
}

.custom-checkbox {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;

}
.custom-checkbox .box {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    background-color: white;
}
.custom-checkbox .box input[type="checkbox"]+.check {
    height: 20px;
    width: 20px;
    border-radius: 2px;
    border: 1px solid #c5c5c5;
}
.custom-checkbox .box .img {
    display: none;
    position: absolute;
    width: 12px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    z-index: 10;
}
.custom-checkbox .box input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 9;
}
.custom-checkbox .label {
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 8px;
    margin: 0px !important;
    font-size: 20px !important;
    font-weight: 500;
    font-family: var(--SFProMedium) !important;
    color: var(--text-color) !important;
}
 .custom-checkbox .label .img {
    max-height: 28px;
    width: auto;
 }
.custom-checkbox .label img {
    width: 18px;
    height: auto;
}
.custom-checkbox .box input[type="checkbox"]:checked+.check {
    background-color: var(--blue);
    border-color: var(--blue);
}

.custom-checkbox .box input[type="checkbox"]:checked~.img {
    display: block;
}
.modal-content.small-modal .content .input-wrapper .label-slider {
    display: flex;
    align-items: center;
    gap: 10px;

   font-size: 20px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: #717376;
    margin-bottom: 20px;
}
.modal-content.small-modal .content .input-wrapper .label-slider .line {
    height: 1px;
    width: 100%;
    background-color: #E5E5E5;
}
.modal-content.small-modal .content .input-wrapper .label-flex {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
   font-size: 20px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: #717376;
    margin-bottom: 16px;
}

.modal-content.small-modal .content .input-wrapper .label-flex .right {
    display: flex;
    align-items: center;
    gap: 17px;
}
.modal-content.small-modal .content .input-wrapper .label-flex .right .item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    cursor: pointer;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: #717376;
}
.modal-content.small-modal .content .input-wrapper .label-flex .right .item img {
    width: 20px;
    height: auto;
}
.modal-content.small-modal .content .input-wrapper .label-flex .right .item.ai {
    color: #6E00FF;
}
.modal-content.small-modal .content .companies .company-wrapper {
    position: relative;
    margin-bottom: 16px;


}
.modal-content.small-modal .content .companies .company-wrapper .label {
    position: relative;
     padding: 16px;
     border-radius: 16px;
     border: 1px solid #E5E5E5;
     width: 100%;
     cursor: pointer;

}
.modal-content.small-modal .content .companies .company-wrapper .label .header {
    display: flex;
    padding-left: 50px;
    justify-content: inherit;
    align-items: flex-start;
    height: auto !important;
    padding-bottom: 18px;

    margin-bottom: 18px;
    border-bottom: 1px solid #E5E5E5;
    gap: 20px;
}
.modal-content.small-modal .content .companies .company-wrapper .label .header .image {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;

}
.modal-content.small-modal .content .companies .company-wrapper .label .header .image img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.modal-content.small-modal .content .companies .company-wrapper .label .header .data .top {
    display: flex;
    align-items: center;
    justify-content: inherit;
    gap: 4px;
    margin-bottom: 0px;
}
.modal-content.small-modal .content .companies .company-wrapper .label .header .data .top .name {
    font-size: 20px;
    font-weight: 700;
    font-family: var(--SFProBold);
    margin: 0px;
    color: var(--text-color);
    margin: 0px !important;
}
.modal-content.small-modal .content .companies .company-wrapper .label .header .data .top .tags {
    display: flex;
    align-items: center;
    gap: 8px;
}
.modal-content.small-modal .content .companies .company-wrapper .label .header .data .top .tags .verified {
    height: 40px;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 8px 24px;
    border-radius: 67px;
    font-size: 16px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: #09B285;
    background-color: #0CC6B91A;
}

.modal-content.small-modal .content .companies .company-wrapper .label .header .data .top .tags .verified img {
    width: 22px;
    height: auto;
}

.modal-content.small-modal .content .companies .company-wrapper .label .header .data .top .tags .tag {
    height: 40px;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 8px 24px;
    border-radius: 67px;
    font-size: 16px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    border: 1px solid #EAEAEA;
    color: #838383;
    background-color: white;
}
.content .companies .company-wrapper .label .header .data .reviews-wrapper {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: var(--text-color);
    gap: 8px;
}

.content .companies .company-wrapper .label .header .data .reviews {
    display: flex;
    align-items: center;
    gap: 4px;
}

.content .companies .company-wrapper .label .header .data .reviews img {
    width: 18px;
    height: 18px;
     object-fit: contain;
}
.modal-content.small-modal .content .companies .company-wrapper .custom-checkbox {
    position: absolute;
    top: 32px;
    left: 16px;
}
.modal-content.small-modal .content .companies .company-wrapper .custom-checkbox .box {
    display: initial;
}
.modal-content.small-modal .content .companies .company-wrapper:has(.custom-checkbox .box input[type="checkbox"]:checked) .label {
  border: 1px solid #8666AD;
}
.modal-content.small-modal .content .companies .company-wrapper .sub-title {
    font-size: 16px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    margin-bottom: 16px;
    color: var(--text-color);
}
.modal-content.small-modal .content .companies .company-wrapper .services {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 24px;
    gap: 16px;
}

.modal-content.small-modal .content .companies .company-wrapper .services .service {
    padding: 6px 24px;
    border-radius: 8px;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;

    font-weight: 500;
    font-family: var(--SFProMedium);
   background-color: #A991E61A;
    border: 1px solid #6E00FF;
    color: #6E00FF;
    gap: 8px;
}

.modal-content.small-modal .content .companies .company-wrapper .services .service img {
    width: 18px;
    height: auto;
}
.modal-content.small-modal .content .image-large {
    width: 310px;
    margin: 16px auto;
    margin-bottom: 36px;
}
.modal-content.small-modal .content .image-large img {
    width: 100%;
    height: auto;
    max-height: 200px;


}
.modal-content.small-modal .content .text-med {
    font-size: 24px;
    font-weight: 700;
    font-family: var(--SFProBold);
    color: var(--text-color);
    margin: 0px;
    margin-bottom: 16px;
}
.modal-content.small-modal .content .buttons-small {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}
.btn-red {
     background-color: #F2003C;
    padding: 16px 24px;
    max-height: 56px;
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    border-radius: 16px;
    font-size: 20px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: white;
    border: 1px solid #F2003C;
}
.btn-red.lg,.btn-blue.lg, .btn-white.lg {
    padding: 16px 20px;
    width: 180px;
}
.btn-red:hover {
    background-color: #D80035;
    border-color: #D80035;
    cursor: pointer;
}
.btn-red:disabled {
   opacity: 50%;
    cursor: not-allowed;
}
.modal-content.small-modal .content .title-med a {
    color: #7D5CA4;
    text-decoration: none;
}
.login-section {
    background-color: #EFF6FA;
    position: relative;
    padding: 40px 0px;
    /* background-image: url('../../va_assets/images/bg1.svg'); */
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    position: relative;
}
.login-r{
    position: absolute;
    right: 0px;
    top: 0px;
}
.login-l{
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.login-section .logo {
    width: 180px;
    display: block;
    margin: auto;
    margin-bottom: 40px;
}
.login-section .logo.mb-90{
    margin-bottom: 90px;
}
.login-section .title {
    font-size: 40px;
    font-weight: 700;
    font-family: var(--SFProBold);
    color: var(--text-color);
    text-align: center;
    margin-bottom: 32px;
}
.login-section .content{
    max-width: 640px;
    width: 100%;
}

.login-section .boxx {
    position: relative;
    overflow: hidden;
    max-width: 610px;
    margin: auto;
    padding: 32px;
    padding-bottom: 0px;
    border-radius: 24px;
    background-color: white;
    border: 1px solid #FFFFFF33;
    backdrop-filter: blur(24px);

box-shadow: 0px 4px 12px 0px #0000001F;

}
.login-section .boxx.pt-50{
    padding-top: 50px;
}
.login-section .boxx .image-small {
    width: 180px;
    height: auto;
     margin: auto;
    margin-bottom: 60px;

}
.login-section .boxx .image-small img {
    width: 100%;
    height: auto;
    object-fit: contain;

}
.login-section .boxx .title_small{
    font-size: 24px;
    text-align: center;
    margin-bottom: 7px;
    line-height: 1.5;
    color: rgba(25, 18, 33, 1);
    font-weight: 700;
    font-family: var(--SFProBold);
}
.login-section .boxx .text_small{
    font-size: 16px;
    text-align: center;
    margin-bottom: 40px;
    line-height: 1.5;
    color: rgba(161, 161, 161, 1);
    font-weight: 500;
    font-family: var(--SFProMedium);
}
.login-section .boxx .right-circle {
    position: absolute;
    width: 100%;
    height: 100%;
    top: -50%;
    right: -50%;
    opacity: 0.1;
    z-index: 1;


}

.login-section .boxx .right-circle img {
    width: 100%;
    height: 100%;
}

.login-section .boxx .left-circle {
    position: absolute;
    width: 100%;
    height: 100%;
    top: -50%;
    opacity: 0.1;
    left: -50%;
    z-index: 1;


}

.login-section .boxx .left-circle img {
    width: 100%;
    height: 100%;
}
.login-section .boxx .form {
    z-index: 2;
    position: relative;
}
.login-section .boxx .input-wrapper {
    margin-bottom: 32px;
}
.login-section .boxx .input-wrapper label {
    display: block;
    font-size: 20px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: #717376;
    margin-bottom: 16px;
}
.login-section .boxx .input-wrapper .input {
    height: 56px;
    border: 1px solid #E5E5E5;
    background-color: transparent;
    border-radius: 16px;
    display: flex
;
position: relative;
    align-items: center;
    padding-left: 16px;
    overflow: hidden;
    gap: 0px;
}
.login-section .boxx .input-wrapper .input input {
    border: none;
    outline: none;
    height: 100%;
    width: 100%;
    padding: 7px 16px;
    padding-right: 50px;
    padding-left: 10px;
    font-size: 20px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: var(--text-color);
    flex: 1 1 auto;

}
.login-section .boxx .input-wrapper .input input[type="password"]::placeholder {
    font-size:8px !important;
    letter-spacing: 3px;
}
.login-section .boxx .input-wrapper .input input[type="password"].password::placeholder {
    font-size:16px !important;
    letter-spacing: 0px;
}
.login-section .boxx .input-wrapper .input input[type="password"] {
padding-bottom: 14px !important;
}
.login-section .boxx .input-wrapper .input .icon {
    width: 24px;
    height: auto;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.login-section .boxx .input-wrapper .input .icon img {
    width: 24px;
    height: auto;
}
.login-section .remember-me {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}
.login-section .remember-me .left {
    display: flex;
    align-items: center;
    gap: 16px;
}
.login-section .remember-me .left label {
    font-size: 20px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: #717376;
    margin: 0px;
    cursor: pointer;
}
.login-section .remember-me .forgot {
    font-size: 20px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: #7D5CA4;
    text-decoration:underline;
    cursor: pointer;
}
.dont-have-account {
    font-size: 16px;
    font-weight: 500;
    font-family: "Nunito Sans", sans-serif;
    color: #191221;
    text-align: center;
    margin-bottom: 16px;
    text-decoration: none;
}
.login-section .text {
    font-size: 16px;
    font-weight: 500;
    font-family: "Nunito Sans", sans-serif;
    color: #6D6D6D;
    line-height: 1.5;
    text-align: left;
    margin-bottom: 16px;
}

.login-section .text .submit {
    color: #7D5CA4;
    text-decoration: underline;
}

.login-section .buttons {
    display: flex;
    align-items: center;
    gap: 16px;
}
.login-section .buttons button{
    max-width: 48%;
    width: 100%;
}
/* .select2-container {
    width: 100% !important;
} */
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-radius: 67px !important;
}

.select2-container--default .select2-selection--single {
    background-color: #ffffff;
    border: 1px solid #E5E5E5;
    border-radius: 67px;
    height: 48px;
    padding: 9px 16px;
    display: flex;
    align-items: center;
    font-size: 20px;
    color: #717376;
    font-weight: 500;
    font-family: var(--SFProMedium);
    box-shadow: none;
    outline: none;
    max-width: 180px;
    width: 100%;
}

.select2-container--default .select2-selection--multiple {
    background-color: #ffffff;
    border: 1px solid #E5E5E5;
    border-radius: 67px;
    min-height: 48px;
    padding: 6px 16px;
    display: flex;
    align-items: center;
    font-size: 20px;
    color: #717376;
    font-weight: 500;
    font-family: var(--SFProMedium);
    box-shadow: none;
    outline: none;
    max-width: 180px;
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #7D5CA4;
    border: none;
    border-radius: 15px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    padding: 4px 8px;
    margin: 2px 4px 2px 0;
    max-width: 120px;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #ffffff;
    font-weight: bold;
    margin-right: 4px;
    cursor: pointer;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #ffcccc;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear{

    transform: translateY(-50%);
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    display: flex;
    overflow-x: auto;
    align-items: center;
    flex: 1 1 auto;
    width: 100%;
    padding: 0;
    font-size: 16px;
    color: #7D5CA4 !important;
    margin: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    flex-shrink: 0;
}
.select2-container .select2-search--inline .select2-search__field {
    height: 26px;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{
    border-radius: 67px !important;
    border: 1px solid #7D5CA4 !important;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #E5E5E5;
}
.select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
    border: none;
    outline: none;
    font-size: 16px;
    font-family: var(--SFProMedium);
    color: #717376;
    background: transparent;
    /* min-width: 60px; */
}

.select2-container--default .select2-selection--single:focus,
.select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #E5E5E5;
    box-shadow: none;
    outline: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #717376;
    line-height: 28px;
    padding: 0;
    padding-right: 16px;
    margin: 0;
    font-weight: 500;
    font-family: var(--SFProMedium);
    font-size: 16px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #717376;
    font-weight: 500;
    font-family: var(--SFProMedium);
    font-size: 16px;
}

/* Select2 Default Arrow Styling */
.select2-container--default .select2-selection--single .select2-selection__arrow {
   height: 26px;
    position: absolute;
    top: 11px;
    right: 11px;
    width: 14px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

/* Select2 arrow icon using SVG for up/down states */
.select2-selection__arrow {
    width: 24px;
    height: 24px;
    background-image: url('../../va_assets/images/down-arrow.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    border: none;
}

.select2-container--open .select2-selection__arrow {
    transform: rotate(180deg);
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    display: none;
}

/* Multiple selection arrow */
.select2-container--default .select2-selection--multiple .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}

.select2-container--default .select2-selection--multiple .select2-selection__arrow b {
    display: none;
}

.select2-container--default.select2-container--open .select2-selection--multiple .select2-selection__arrow b {
    display: none;
}

.select2-dropdown {
     border: none !important;

    border: 1px solid #E5E5E5;
    border-radius: 8px;
    max-height: 300px !important;
    margin-top: 4px;
    border-radius: 8px;
    box-shadow: 0px 0px 8px 0px #0000001F;
    width: 320px !important;
    min-width: 320px !important;
    max-width: 320px !important;
}


.select2-container--default .select2-results__option {
   padding: 0px !important;
    font-size: 16px;
    color: #333;
    background-color: #ffffff;
    font-family: var(--SFProMedium);
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.select2-container--default .select2-results__option:not(:has(label)) {
    padding: 8px 16px !important;
}
.select2-container--default .select2-results__option label {
     padding: 8px 16px;
     width: 100%;
}

/* Custom Select2 checkbox styling for actual input */
.select2-results__option input[type="checkbox"] {
    appearance: none;
    width: 16px;
    height: 16px;
    border: 1px solid #E5E5E5;
    border-radius: 3px;
    margin-right: 12px;
    background-color: #fff;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    z-index: 11;
}

.select2-results__option input[type="checkbox"]:checked {
    background-color: #7D5CA4;
    border-color: #7D5CA4;
}

.select2-results__option input[type="checkbox"]:checked::after {
    content: '';
    display: block;
    position: absolute;
    left: 4px;
    top: 2px;
    width: 7px;
    height: 10px;
    background-image: url('../../va_assets/images/check.svg');
    background-size: 10px 10px;
    background-repeat: no-repeat;
    background-position: center;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #f8f9fa;
    color: #333;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ffffff;
    color: #333;
    font-weight: 500;
}

.select2-results__options ,.select2-container--default .select2-results>.select2-results__options{
    max-height: 250px !important;
    overflow-y: auto;
    border-radius: 8px !important;
}
.select2-container--open .select2-dropdown{
     border-radius: 8px !important;
}

/* Deselect All Header */
.select2-results__option.deselect-all {
    background-color: #f8f9fa;
    border-bottom: 1px solid #E5E5E5;
    font-weight: 600;
    color: #7D5CA4;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.5px;
    padding: 12px 16px;
}

.select2-results__option.deselect-all:before {
    display: none;
}

.select2-results__option.deselect-all:hover {
    background-color: #e9ecef;
}

.select2-search--dropdown {
    position: relative;
    padding: 8px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #E5E5E5;
    border-radius: 16px;
    padding: 8px 12px 8px 35px;
    height: 42px;
    font-size: 16px;
    width: 100%;
    font-family: var(--SFProMedium);
    background-image: url('../../va_assets/images/search.svg');
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 18px;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
   border: 1px solid #E5E5E5;

    outline: none;
}

/* Custom styling for the filter box selects */
.filter-box .right .select2-container {

    min-width: 180px;
    max-width: 180px;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{

    border: 1px solid #7D5CA4 !important;
}
.filter-box .right .select2-container:last-child {
    margin-right: 0;
}

/* Prevent horizontal scroll when dropdown opens */
body.select2-dropdown-open {
    overflow-x: hidden !important;
}

.select2-container--open .select2-dropdown {
    left: auto !important;
    right: auto !important;
    transform: none !important;
}


.user-dashboard {
    background-color: #F7FAFC;
    display: flex;
    min-height: 100vh;
}
.user-dashboard .left-container {
    width: 20%;
    border-right: 1px solid #D7D7D7;
    position: relative;
    overflow: hidden;
    margin: 0;
    background: linear-gradient(
        180deg,
        rgba(255, 250, 255, 1) 0%,      /* soft white-pink top */
        rgba(250, 245, 255, 0.9) 30%,   /* subtle lavender */
        rgba(240, 250, 255, 1) 70%,     /* very light cyan */
        rgba(225, 245, 255, 1) 100%     /* light blue bottom */
    );
}
.user-dashboard .left-container .abs-bottom {
    z-index: 1;
    position: absolute;
    bottom: -50%;
    right: -50%;
    height: 100%;
    width: auto;
    z-index: 1;
    border-radius: 50%;
    backdrop-filter: blur(500px);
    opacity: 0.25;
}

.user-dashboard .left-container .abs-bottom img {
    width: 100%;
    backdrop-filter: blur(500px);

    height: auto;

}

.user-dashboard .left-container .abs-top {
    z-index: 1;
    position: absolute;
    top: -50%;
    left: -50%;
    height: 100%;

    width: auto;
    z-index: 1;
    border-radius: 50%;
    backdrop-filter: blur(500px);
    opacity: 0.25;
}

.user-dashboard .left-container .abs-top img {
    width: 100%;
    backdrop-filter: blur(500px);

    height: auto;

}
.user-dashboard .left-container .inner {
    position: relative;
    padding: 48px 24px;

    z-index: 2;
    height: 100vh;
}
.user-dashboard .left-container .inner .logo {
    display: flex;
    justify-self: center;
    margin-bottom: 60px;
}
.user-dashboard .left-container .inner .logo img {
    width: 180px;
    height: auto;
}
.user-dashboard .left-container .inner .link-item {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px 20px;
    background-color: transparent;
    margin-bottom: 8px;
    border-radius: 12px;
    font-size: 20px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: #191221;
    background-color: transparent;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    border-radius: 16px;
    text-decoration: none;
}
.user-dashboard .left-container .inner .link-item .icon img {
    width: 24px;
    height: auto;
}
.user-dashboard .left-container .inner .link-item.active,.user-dashboard .left-container .inner .link-item:hover {
    background-color: #A991E61A;

    color: #7D5CA4;
}
.user-dashboard .right-container {
    flex: 1;
    padding: 32px;



}

.user-dashboard .right-container .top-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}
.user-dashboard .right-container .top-bar .left {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: 32px;
}
.user-dashboard .right-container .top-bar .left .warning {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    max-width: 790px;
    gap: 16px;
    padding: 20px 24px;
    background-color: #FF391E14;

    font-size: 16px;
    border-radius: 12px;

}
.user-dashboard .right-container .top-bar .left .warning.light{
    background-color:#FFAE0014;
}
.user-dashboard .right-container .top-bar .left .warning img {
    width: 22px;
    height: auto;
    flex-shrink: 0;
}
.user-dashboard .right-container .top-bar .left .warning .info {
    font-size: 16px;
  font-weight: 500;
   font-family: var(--SFProMedium);
    color: #2A2A2A;

}
 .user-dashboard .right-container .top-bar .left .warning .info span,.user-dashboard .right-container .top-bar .left .warning .info a {
    color: #7D5CA4;
    text-decoration: underline;
 }
.user-dashboard .right-container .top-bar .profile {
    display: flex;
    align-items: center;
    gap: 16px;
    cursor: pointer;
    position: relative;
}
.user-dashboard .right-container .top-bar .profile .profile-wrapper {
    position: absolute;
    border-radius: 8px;
    box-shadow: 0px 0px 8px 0px #0000001F;
     border: 1px solid #E5E5E5;
     background-color: white;
     top: calc(100% + 18px);
     right: 0px;
    z-index: 9999;
    display: none;
}
.user-dashboard .right-container .top-bar .profile .profile-wrapper.show {
    display: block;
}
.user-dashboard .right-container .top-bar .profile .profile-wrapper .item {
    display: flex;
    text-decoration: none;
    gap: 12px;
    padding: 16px;
    border: none;
     width: 220px;
      font-size: 16px;
    color: #191221;
    font-weight: 500;
    font-family: var(--SFProMedium);
}
.user-dashboard .right-container .top-bar .profile .profile-wrapper .item img {
    width: 24px;
    height: auto;
}
.user-dashboard .right-container .top-bar .profile .profile-wrapper .item.borderb{
    border-bottom: 1px solid #E5E5E5;

}
.user-dashboard .right-container .top-bar .profile .text {
    font-size: 20px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: var(--text-color);
    margin: 0px;
    cursor: pointer;
}
.user-dashboard .right-container .top-bar .profile .image {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #E5E5E5;
    cursor: pointer;
}
.user-dashboard .right-container .top-bar .profile .image  img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.user-dashboard .right-container .top-bar .title {
    font-size: 48px;
    font-weight: 700;
    font-family: var(--SFProBold);
    color: var(--text-color);
    margin: 0px;
}
.user-dashboard .right-container .content {
    background-color: #FFFFFFCC;
    border-radius: 16px;

backdrop-filter: blur(24px);

box-shadow: 0px 2px 16px 0px #00000014;

    border: 1px solid #FFFFFF33;
}
.user-dashboard .right-container .content .top {
  padding:32px;
  padding-bottom: 0px;
  min-height: 70vh;

}
.user-dashboard .right-container .content .form-item {
    padding: 24px 0px;
    border-bottom: 1px solid #E5E5E5;

}
.user-dashboard .right-container .content .form-item:last-child {
    border-bottom: none;
}
.user-dashboard .right-container .content .footer {
    height: 88px;
    display: flex;
    align-items: center;
    padding: 12px 32px;
    justify-content: space-between;
    border-top: 1px solid #E5E5E5;
}
.user-dashboard .right-container .content .form-item .label-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 10px;
}
.user-dashboard .right-container .content .form-item .label-wrapper label {
    font-size: 20px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: var(--text-color);
    margin: 0px;
    flex-shrink: 0;
}
.user-dashboard .right-container .content .form-item .label-wrapper .info{
font-size: 14px;
color: #6C757D;
font-family: var(--SFProRegular);
font-weight: 400;
font-style: italic;
}

.user-dashboard .right-container .content .form-item .text {
    font-size: 16px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: #828282;
    line-height: 1.5;
    text-align: left;

}
.user-dashboard .form-item .upload-box {
    display: flex;
    align-items: center;
    gap: 80px;
}
.user-dashboard .form-item .upload-box .icon {
    height: 80px;
    width: 80px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #6EC1E433;
    font-size: 24px;
    font-weight: 700;
    color: #7D5CA4;
    font-family: var(--SFProSemibold);
}
.user-dashboard .form-item .upload-box .icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}
.user-dashboard .form-item .upload-box .upload-input {
    display: flex;
    position: relative;
    align-items: center;
    gap: 12px;
    height: 56px;
    border-radius: 16px;
    border: 1px solid #E5E5E5;
    width: 300px;
    font-size: 20px;
    justify-content: center;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: var(--text-color);
}
.upload-input:hover{
    border: 1px solid #E5E5E5;
    cursor: pointer;
    background-color: #dee2e663;
}
.user-dashboard .form-item .error {
    color: #F2003C;
    font-size: 16px;
    font-weight: 400;
font-family: Nunito Sans, sans-serif;
    margin-top: 8px;

}
.login-section .boxx .input-wrapper .error {
    color: #F2003C;
    font-size: 16px;
    font-weight: 400;
    font-family: Nunito Sans, sans-serif;
    margin-top: 8px;

}
.user-dashboard .form-item .info-text{
    color: #6C757D;
    font-size: 16px;
    font-weight: 400;
font-family: Nunito Sans, sans-serif;
    margin-top: 8px;
}
.user-dashboard .form-item .upload-box .upload-input input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 99;
    cursor: pointer;
}
.user-dashboard .form-item .upload-box .upload-input img {
    width: 24px;
    height: auto;

}
.user-dashboard .form-item .input-parent {
    height: 56px;
    position: relative;
    max-width: 460px;
    width: 100%;

}
.user-dashboard .form-item .input-parent .icon{
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    cursor: pointer;
    z-index: 99;

}
.user-dashboard .form-item .input-parent .input.padding-large{
    padding-right: 100px;
}
.user-dashboard .form-item .input-parent .fixed-info{
    position: absolute;
    right: 1px;
    top: 1px;
    font-size: 18px;
    color: rgba(25, 18, 33, 0.4);
    background-color: rgba(237, 237, 237, 1);
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    border-bottom-right-radius: 16px;
    border-top-right-radius: 16px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    pointer-events: none;
    z-index: 99999;
    height: calc(100% - 2px);
}
.user-dashboard .form-item .input {
    max-width: 460px;
    width: 100%;
    height: 56px;
    border-radius: 16px;
    border: 1px solid #E5E5E5;
    padding: 9px 16px;
    padding-right: 48px;
    background-color: white;
    font-size: 20px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: var(--text-color);
}
.user-dashboard .form-item .input.password::placeholder {
    font-size: 8px !important;
}
.user-dashboard .form-item .input.invalid {
    border: 1px solid #F2003C;
}
.user-dashboard .form-item .input:disabled {
    opacity: 40%;
    user-select: none;
}
.user-dashboard .form-item .input.large {
    max-width: 100%;
}
.user-dashboard .form-item .input-container {
    max-width: 460px;
    display: flex;
    width: 100%;
    align-items: center;
    gap: 16px;

}
.user-dashboard .form-item .input-container .input.small {
    max-width: 140px;
    width: 100%;
}
.user-dashboard .form-item .input-container .input {
    max-width: 300px;
    width: 100%;
}
.user-dashboard .form-item .right-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}
.user-dashboard .form-item .left {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    flex-shrink: 0;
    gap: 32px;
}

.user-dashboard .form-item .left .input-flex{
    display: flex;
    align-items: center;
    border-radius: 16px;
    border: 1px solid #E5E5E5;
    height: 56px;
   width: 230px;
   overflow: hidder;

}
.user-dashboard .form-item .left .input-flex.invalid {
    border: 1px solid #F2003C;
}
.user-dashboard .form-item .left .input-flex.lg {
    max-width: 460px;
    width: 100%;
}
.user-dashboard .form-item .left .input-flex .input {
    border: none;
    outline: none;
    height: 100%;
    width: 100%;
    padding: 9px 16px;
    font-size: 20px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: var(--text-color);
    flex: 1 1 auto;

}
.user-dashboard .form-item .left .input-flex .icon {
border-right: 1px solid #E5E5E5;
display: flex;
align-items: center;
height: 56px;
flex-shrink: 0;
width: 56px;
justify-content: center;
}
.user-dashboard .form-item .left .input-flex .icon img {
    height: 24px;
    width: 24px;
}
.user-dashboard .form-item .left .custom-checkbox {
    flex-shrink: 0;
}
.user-dashboard .form-item .left .custom-checkbox  .label {

    color: #717376;
    margin-bottom: 0px;
}
.user-dashboard .form-item .remove-btn {
    display: flex;
    align-items: center;
    gap: 16px;
    align-items: center;
    cursor: pointer;
    font-size: 20px;
    text-decoration: none;
    color: #F2003CF7;
    font-weight: 500;
    font-family: var(--SFProMedium);
}
.user-dashboard .form-item .remove-btn img {
    width: 20px;
    height: auto;
}
.user-dashboard .form-item .input {
    position: relative;
}
.user-dashboard .form-item .select2-container--default .select2-selection--single {
    max-width: 460px;
    height: 56px;
    border-radius: 16px;
}
.select2-container--default .select2-selection--multiple::after {
  content: "";
   background-image: url('../../va_assets/images/down-arrow.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  pointer-events: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear{
   display: none;
    transform: translateY(-50%);
}
.user-dashboard .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.user-dashboard .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{
    border-radius: 16px !important;

}
.user-dashboard .form-item select {
    border-radius: 16px;
}
.user-dashboard .form-item .select2-container {
    max-width: 460px;
}
.user-dashboard .form-item .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 16px;
}
.user-dashboard .form-item .select2-dropdown {
    max-width: 460px !important;
    min-width: 320px !important;
    width: 300px !important;
}
.user-dashboard .form-item .small-item .select2-dropdown {
       max-width: 160 !important;
    min-width: 160px !important;
    width: 160px !important;
}
.user-dashboard .form-item .right-section .box-container {
    padding: 20px;
    border-radius: 16px;
    border: 1px solid #E7E7E9;
    position: relative;
}
.user-dashboard .form-item .right-section .label {
    font-size: 20px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: #717376;
    display: block;
    margin: 0px;
    margin-bottom: 12px;
}
.user-dashboard .form-item .right-section .label.small {
    font-size: 18px !important;
}
.user-dashboard .form-item .right-section .remove-abs {
    position: absolute;
    top: 20px;
    right: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 20px;
    color: #F2003CF7;
    font-weight: 500;
    font-family: var(--SFProMedium);
}
.user-dashboard .form-item textarea {

    width: 100%;
    height:117px;
    border-radius: 16px;
    border: 1px solid #E5E5E5;
    padding: 9px 16px;
    background-color: white;
    font-size: 20px;
    margin-bottom: 0px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: var(--text-color);
}
  .user-dashboard .form-item .btn-white {
    height: 56px;
    max-height: 56px;
}
.custom-tages-container .tagify {
    min-height: 56px;
    display: flex;
    align-items: center;
    border-radius: 16px;
    background-color: white;
    border: 1px solid #E5E5E5;
    padding: 8px 16px;
    flex-wrap: wrap;
    align-items: center;
}
.custom-tages-container .tagify .tagify__tag {
    display: flex;
    align-items: center;
    gap: 12px;
    background-color: #7D5CA40D;
    border: 1px solid #7D5CA4;
    border-radius: 67px;
    padding: 8px 20px;
    font-size: 14px;
    font-family: var(--SFProMedium);
    font-weight: 500;
    color: var(--text-color);
}
.custom-tages-container .tagify .tagify__tag>div::before {
    content: none;
}
.tagify__tag__removeBtn {
    font-size: 20px;
    color: #838383 !important;
    padding: 10px;
}
.tagify__tag__removeBtn:hover {
    color: #fff !important;
    background: #f97474;
}
.tagify__tag__removeBtn::after{
    width: 13px !important;
}
.user-dashboard .form-item .left .info{
    font-size: 16px;
    color: #6C757D;
    font-family: var(--SFProRegular);
    font-weight: 400;
    font-style: italic;
}
.toggle-buttons {
    display: flex;
    align-items: center;
    gap: 0px;
    width: 300px;
    height: 56px;
    border-radius: 67px;
    border: 1px solid #E5E5E5;
}
.warning-box {
    background-color: #FF391E1A;

    border-radius: 16px;
    padding: 21px 24px;
    display: flex;
    align-items: center;
    gap: 16px;
    border-radius: 12px;
}
.warning-box img {
    width: 32px;
    height: auto;
    flex-shrink: 0;
}
.warning-box .text {
    font-size: 14px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: #2A2A2A !important;
}
.warning-box .text strong {
    font-weight: 700;
    font-family: var(--SFProBold);
}
.toggle-buttons .button {
    flex: 1 1 auto;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: #191221;
    background-color: transparent;
    border: none;
    border-radius: 67px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}
.toggle-buttons .button.active {
    background-color: #7D5CA4;
    color: #fff;
}
.toggle-buttons .button.active:hover{
    color: white;
    background-color: #533B6F;
}
.toggle-buttons .button:hover {
    color: #61477F;
}
.user-dashboard .right-container .content .footer .delete {
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 8px;
    font-size: 20px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    text-decoration: none;
    color: #F2003C;
}
.user-dashboard .right-container .content .footer .delete:hover{
    color: #C70000;
}
.user-dashboard .right-container .content .footer .delete img {
    width: 24px;
    height: auto;
}
.user-dashboard .right-container .content .footer .right {
    display: flex;
    align-items: center;
    gap: 16px;
}
.user-dashboard .right-container .content .footer .preview {
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 8px;
    font-size: 20px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    text-decoration: none;
    color: #7D5CA4;
}
.user-dashboard .right-container .content .footer .preview:hover{
    color: #533B6F;
}
.user-dashboard .right-container .content .footer .preview img {
    width: 24px;
    height: auto;
}
.ql-toolbar.ql-snow {
    border-top: 1px solid #E5E5E5;
    border-radius: 16px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    padding: 0px !important;

}
.ql-toolbar.ql-snow .ql-formats {
    display: flex;
    align-items: center;
    padding: 0px;
}
.user-dashboard .ql-toolbar.ql-snow .ql-formats button {
    height: 52px;
    width: 52px;
    display: flex;
    justify-content: center;
    align-items: center;


    border-right: 1px solid #E5E5E5;
}
.user-dashboard .ql-toolbar.ql-snow .ql-formats button:first-child {
    border-top-left-radius: 9px;
}
.user-dashboard .ql-toolbar.ql-snow .ql-formats button svg{
    stroke: #444 !important;
}
.user-dashboard .ql-toolbar.ql-snow .ql-formats button:hover,.user-dashboard .ql-toolbar.ql-snow .ql-formats button:focus {
    color: #444 !important;

}
.user-dashboard .ql-toolbar.ql-snow .ql-formats button:hover svg *,.user-dashboard .ql-toolbar.ql-snow .ql-formats button:focus svg * {
    stroke: #444 !important;

}
.user-dashboard .ql-toolbar.ql-snow .ql-formats button:hover svg path,.user-dashboard .ql-toolbar.ql-snow .ql-formats button:focus svg path {
    stroke: #444 !important;

}
.user-dashboard .ql-toolbar.ql-snow .ql-formats button svg  {
    height: 24px;
    width: auto;
    stroke: #444 !important;
    box-shadow: none !important;
}
.user-dashboard .ql-toolbar.ql-snow .ql-formats button:hover {
    background-color: #00000033;
}
.ql-container.ql-snow  {
    height: 251px;
    border-radius: 16px;
    border-top: none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border: 1px solid #E5E5E5;
    background-color: white;
}
.detail-box {
    padding: 24px;
    background-color: white;
    border: 1px solid rgba(229, 229, 229, 1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 96px;
}
.detail-box .data .title {
    font-size: 24px;
    font-weight: 700;
    font-family: var(--SFProSemibold);
    color: var(--text-color);
    margin: 0px;
    margin-bottom: 8px;
}
.detail-box .data .text {
    font-size: 24px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color:rgba(109, 109, 109, 1);
    margin-bottom: 0px;
    line-height: 1.5;
}
.detail-box .btn-blue{
    flex-shrink: 0;
}
.no-filtered-data .image {
display: flex;
    justify-content: center;
    margin-bottom: 24px;
}
.no-filtered-data .image img {
    width: 236px;
    height: auto;
    object-fit: cover;
}
.no-filtered-data .title-small {
    font-size: 24px;
    font-weight: 700;
    font-family: var(--SFProBold);
    color: var(--text-color);
    margin: 0px;
    margin-bottom: 8px;
    text-align: center;
}
.no-filtered-data .text {
    font-size: 16px !important;
    font-weight: 500;
    font-family: Nunito, sans-serif;
    color: #A1A1A1 !important;
    margin: 0px;
    margin-bottom: 21px !important;
    text-align: center;
}
.info_section{
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px 24px;
    background-color: #4294FF1A;
    border-radius: 12px;
}
.info_section img {
    width: 20px;
    height: auto;
}
.info_section .info {
    font-size: 14px;
    font-family: var(--SFProMedium);
    color: #2A2A2A;
    line-height: 1.4;
}
.ql-editor {
  word-break: break-word !important;
}
.clutch-review {
    padding: 24px;
    border-radius: 12px;
    background-color: #4294FF1A;
    margin-bottom: 24px;
}
.clutch-review .content-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}
.clutch-review .content-wrapper .icon{
    flex-shrink: 0;
}
.clutch-review .content-wrapper .icon img {
    width: 24px;
    height: 24px;
}
.clutch-review .content-wrapper .content .text-top{
    font-size: 14px;
    color: var(--text-color);
    margin-top: 4px;
    font-weight: 500;
    margin-bottom: 12px;
}
.clutch-review .content-wrapper .content .rating-text{
    font-size: 16px;
    color: #848484;
    font-weight: 500;
    margin-bottom: 6px;
}
.clutch-review .content-wrapper .content .review-wrapper {
    display: flex;
    align-items: center;
    gap: 14px;
    color: #191221;
    font-weight: 500;
    font-family: var(--SFProMedium);
    margin-bottom: 8px;
}
.clutch-review .content-wrapper .content .review-wrapper .stars{
    display: flex;
    align-items: center;
    gap: 3px;
}
.clutch-review .content-wrapper .content .review-wrapper .stars img {
    width: 18px;
    height: auto;
}
.clutch-review .content-wrapper .content .text-lg{
    font-size: 16px;
    color: var(--text-color);

    font-weight: 500;
    margin-bottom: 0px;
}
@media(max-width: 1680px) {
    .modal-content.small-modal .content .header .close,.modal-content.custom-modal .top .icon img {
        width: 32px;
        height: 32px;
    }

    .user-dashboard .right-container .top-bar .left .warning {
        padding: 16px 16px;
        gap: 12px;
    }
    .user-dashboard .right-container .top-bar .left .warning .info {
        font-size: 14px;
    }
    .section-top-title .back {
        font-size: 16px;
    }
    .service-card .header .left .top-sec {
        flex-wrap: wrap;
    }
    .service-card .header .left .bottom-sec .date  {
        font-size: 14px;
    }
    .user-dashboard .right-container .content .form-item .label-wrapper label {
        font-size: 16px;
    }
    .user-dashboard .right-container .content .form-item .label-wrapper .info {
        font-size: 13px;
    }
    .detail-box .data .title {
    font-size: 24px;
    }
    .detail-box .data .text {
        font-size: 16px;
    }
    .user-dashboard .right-container .content .footer .delete, .user-dashboard .right-container .content .footer .preview {
        font-size: 16px;
    }
    .user-dashboard .form-item .btn-white {
    height: 56px;
     max-height: 56px;
}
    .user-dashboard .form-item .left .input-flex .input {
        font-size: 16px;
    }
    .user-dashboard .form-item .right-section .remove-abs {
        font-size: 16px;
    }
    .user-dashboard .form-item .right-section .label {
        font-size: 16px !important;
    }
     .user-dashboard .form-item .right-section .label.small {
        font-size: 14px !important;
     }
    .user-dashboard .form-item .input,.user-dashboard .form-item .input-conatiner,.user-dashboard .form-item .input-parent {
        max-width:400px;
    }
    .remove-btn {
        font-size: 16px;
    }
    .user-dashboard .form-item .left .custom-checkbox  .label {
    font-size: 16px;

}
    .user-dashboard .form-item .upload-box .upload-input {
        font-size: 16px;
        width: 235px;

    }
    .user-dashboard .form-item .input {
        font-size: 16px;
    }
    .user-dashboard .right-container .top-bar .title {
        font-size: 36px;
    }
    .user-dashboard .right-container .top-bar .profile .text {
        font-size: 16px;
    }
    .login-section .remember-me .left label,.login-section .remember-me .forgot {
        font-size: 16px;
    }
    .modal-content.small-modal .content .input-wrapper .company-name-input .claim-button {
        font-size: 16px;
    }
    .custom-checkbox .label {
        font-size: 16px !important;
    }
    .modal-content.small-modal .content .profile .text {
        font-size: 20px;
    }
    .modal-content.small-modal .content .profile {
        gap: 12px;
    }
    .modal-content.small-modal .content .input-wrapper label,.modal-content.small-modal .content .input-wrapper .input input {
        font-size: 16px;
    }
    .modal-content.small-modal .content .profile .image {
        width: 50px;
        height: 50px;
    }
    .modal-content.small-modal .content .header .title {
        font-size: 24px;
    }
    .modal-content.small-modal .content .companies .company-wrapper .label .header .data .top .name {
        font-size: 18px;
    }
    .modal-content.small-modal .content .companies .company-wrapper .label .header .data .top .tags .verified,.modal-content.small-modal .content .companies .company-wrapper .label .header .data .top .tags .tag {
        font-size: 14px;
        padding: 8px 20px;
    }
    .modal-content.small-modal .content .companies .company-wrapper .services .service {
        font-size: 14px;
        padding: 6px 16px;
    }
    .modal-content.small-modal .content .text {
        font-size: 16px;
    }
    .modal-content.small-modal .content {
    padding: 32px;
    padding-bottom: 10px;
}

    .related-companies .service-card {
        padding: 24px;
    }
    .company-reviews .customer-review .header .right {
        font-size: 16px;
    }

    .company-reviews .customer-review .header .right .reviews img {
        width: 20px;
         object-fit: contain;
        height: 20px;
    }

    .right-modal .filter-body .search-box input {
        font-size: 16px;
    }

    .right-modal .filter-body .search-box .icon {
        width: 16px;
        height: auto;
    }

    .company-reviews .over-all-reviews .item .progress {
        min-width: 300px;
    }

    .company-reviews .title {
        font-size: 20px;
    }

    .custom-navigation .btn-white {
        height: 48px;
    }

    .company-card .more {
        font-size: 16px;
    }

    .company-card .custom-service,
    .company-card .other-service {
        font-size: 16px;
    }

    .company-card .custom-service img,
    .company-card .other-service img {
        width: 42px;
        height: 42px;
    }

    .company-card .flex_items .item {
        font-size: 16px;
    }

    .company-card .header .right .share {
        font-size: 16px;
    }

    .company-card .header .data .name {
        font-size: 32px;
    }

    .custom-section .selected-filters .item {
        padding: 8px 16px;
        font-size: 14px;
        height: 38px;
    }

    .right-modal .filter-body .verified-filter .left img,
    #filterAccordion .accordion-button .left img {
        width: 42px;
        height: 42px;
    }

    .right-modal .filter-body .verified-filter .left {
        font-size: 18px;
    }

    #filterAccordion .accordion-button .left {
        font-size: 18px;
    }

    .custom-switch {
        height: 48px;
        width: 96px;
    }

    .custom-switch .icon {
        width: 44px;
        height: 44px;
    }

    .custom-switch .icon svg {
        width: 20px !important;
        height: auto !important;
    }

    .custom-section .top-filtes .right select {
        height: 48px;
        padding: 8px 16px;
        font-size: 16px;
        max-width: 200px;
    }

    .custom-section .top-filtes .text {
        font-size: 20px;
    }

    .custom-navigation .right .pagination {
        height: 48px;
    }

    .custom-navigation .right .pagination .page {
        height: 46px;
        width: 46px;
    }

    .custom-navigation .left,
    .custom-navigation .right {
        gap: 12px;
    }

    .custom-navigation .input,
    .custom-navigation .select-page {
        height: 48px;
        padding: 9px 16px;
    }

    .service-card .service-reviews .item {
        flex-shrink: 0;
        min-width: 110px;
    }

    .service-card .service-reviews .item .label {
        font-size: 16px;
    }

    .service-card .service-reviews .item .label .large-img {
        width: 56px;
    }

    .service-card .service-reviews .item .label .small-img {
        height: 10px;
    }

    .service-card .services .service,
    .service-card .services .more {
        font-size: 16px;
    }

    .service-card .title {
        font-size: 20px !important;
    }

    /* .service-card .header .profile .image img {
        width: 56px;
        height: 56px; 
     } */

    .service-card .header .profile .data .name,.service-card .header .left .top-sec .name {
        font-size: 20px;
    }

    .filter-wrapper .right .filter-btn {
        height: 48px;
        font-size: 16px;
    }

    .filter-wrapper .right select {
        height: 48px;
        font-size: 16px;
    }

    .filter-wrapper {
        margin-bottom: 32px;
    }

    .filter-wrapper .search-wrapper input {
        font-size: 16px;
    }

    .filter-wrapper .search-wrapper {
        height: 48px;
    }

    .custom-bread-crumbs a {
        font-size: 16px;
    }

    .custom-bread-crumbs {
        gap: 16px;
    }

    .custom-bread-crumbs .home-icon {
        width: 24px;
        height: 24px;
    }

    .modal-content.custom-modal .body-section {
        max-height: 60vh;

    }

    .modal-content.custom-modal .search-wrapper {
        height: 48px;
    }

    .footer .title {
        font-size: 18px;
    }

    .footer .logo {
        height: auto;
        width: 150px;
        margin-bottom: 32px;
    }

    .clients-section .box .data .title {
        font-size: 36px;
    }

    .clients-section .box .data .text {
        font-size: 18px;
    }

    .popular-section .location-box .label {
        font-size: 14px;
    }

    .popular-section .title,
    .custom-section .title {
        font-size: 40px;
    }

    .popular-section .location-box {
        padding: 24px 20px;
    }

    .popular-section .text,
    .custom-section .text,
    .dynamic-text {
        font-size: 18px;
    }

    .flex-item .icon {
        width: 48px;
        height: 48px;
    }

    .flex-item .icon svg {
        width: 20px !important;
        height: auto !important;
    }

    .flex-item {
        font-size: 16px;
    }

    .popular-section .view-all,
    .popular-section .view-locations {
        font-size: 16px;
        padding: 12px;
        width: 200px;
    }

    .header-section .content .filter-box .search-box .right select {
        font-size: 16px;
        padding: 8px 16px;
    }

    .header-section .content .filter-box .searches .search-item {
        font-size: 14px;
    }
    .login-section .logo {
    width: 100px;
    margin-bottom: 16px;
   }
   .login-section .title {
    font-size: 20px;
    margin-bottom: 16px;
   }
   .login-section .boxx {
    padding: 20px;
    width: 94%;
    margin: auto;
   }
   .login-section .boxx .input-wrapper label {
    font-size: 16px;
    margin-bottom: 12px;
   }
   .login-section .boxx .input-wrapper {
    margin-bottom: 20px;
   }
   .login-section .boxx .input-wrapper .input {
    height: 44px;
    font-size: 14px;

   }


    .header-section .content .filter-box .search-box .left input {
        font-size: 16px;
    }

    .container {
        max-width: 1340px !important;
    }

    .header-section .content {
        max-width: 1340px;
    }

    .header-section .content .title {
        font-size: 60px;
    }

    .header-section .content .text {
        font-size: 20px;
        max-width: 600px;

    }

    .custom-navbar .inner .logo {
        width: 120px;
    }

    .btn-blue,
    .btn-white {
        font-size: 16px;
        padding: 12px 20px;
    }

    .modal-content.custom-modal .top .title {
        font-size: 24px;
    }
    .custom-bread-crumbs-container {
        margin: 30px 0px;
    }
}
.claim-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 20px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: #5A92A2;
    text-decoration: underline;
}
.claim-btn:hover {
    color: #47727E;
}
.claim-btn img{
    width: 18px;
}
.report-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 20px;
    font-weight: 500;
    font-family: var(--SFProMedium);
    color: #474747;
    text-decoration: underline;
    text-underline-offset: 4px;
}
.report-btn:hover {
    color: #444444;
}
.report-btn img{
    width: 18px;
    height: 16px;
}
/* Responsive adjustments */
@media (max-width: 768px) {
    .login-section .boxx .title_small {
        font-size: 18px;
    }
    .login-section .logo.mb-90 {
        margin-bottom: 32px;
    }
    .login-section .boxx .text_small {
        font-size: 14px;
        margin-bottom: 30px;
    }
    .login-section .boxx .image-small {
        width: 130px;
        margin-bottom: 32px;
    }
    .popular-section .view-locations {
        font-size: 14px;
        padding: 8px 16px;
    }
    .user-dashboard .form-item .left .input-flex {
        height: 44px;
    }
    .user-dashboard .form-item .left .input-flex .icon{
        height: 44px;
        width: 44px;
    }
    .user-dashboard .form-item .left .input-flex .icon img{
        width: 18px;
        height: 18px;
    }
    .user-dashboard .right-container .top-bar .title {
        font-size: 20px;
    }
    .header-section {
        overflow-x: hidden;
    }
    .select2-container--default .select2-selection--multiple {
        min-height: 46px;
    }
    .user-dashboard .right-container .content .form-item .text{
        margin-bottom: 12px !important;
    }
    .user-dashboard .form-item .input.large {
        margin-top: 12px;
    }
    .toggle-buttons .button {
        font-size: 14px;
    }
    .toggle-buttons{
        height: 44px;
    }
    .btn-blue, .btn-white{
        font-size: 13px;
        padding: 8px 12px;
    }
    .user-dashboard .form-item .input,.user-dashboard .form-item .input-parent {
        height: 44px;
    }
    .ql-container.ql-snow{
        height: 250px;
    }
    .user-dashboard .form-item .select2-container--default .select2-selection--single {
        height: 46px;
    }
    .user-dashboard .form-item .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 4px;
    }
    .footer {
        padding: 40px 0px;
    }
    .user-dashboard .form-item .right-item {
        flex-wrap: wrap;
        gap: 16px;
    }
    .user-dashboard .right-container .content .footer{
        height: auto;
        flex-wrap: wrap;
        gap: 12px;
    }
    .footer .title{
        font-size: 16px;
    }
    .footer .text {
        font-size: 14px;
    }
     .footer .text.mb-57 {
        margin-bottom: 20px;
    }
    .footer .copy {
        padding: 16px 0px;
        flex-wrap: wrap;
        gap: 12px;
    }
    .user-dashboard .right-container .content .footer .right {
        justify-content: space-between;
        width: 100%;
    }
    .user-dashboard .form-item .select2-container {
        max-width: 200px;
    }
    .custom-checkbox .label,.user-dashboard .form-item .remove-btn {
        font-size: 14px !important;
    }
    .select2-container--default .select2-selection--single {
        height: 42px;
        font-size: 16px;
        min-width: 140px;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 24px;
        font-size: 16px;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 42px;
    }

    .filter-box .right .select2-container {
        min-width: 200px;
    max-width: 360px;
    width: 100% !important;
        margin-right: 8px;
    }
    .select2-container--default .select2-selection--multiple {
        max-width: 100%;
    }

    /* Mobile dropdown adjustments */
    .select2-dropdown {
        width: 250px !important;
        min-width: 200px !important;

    }
    .filter-wrapper .right {
        flex-wrap: wrap;
        gap: 12px;
    }
   .custom-bread-crumbs-container {
    flex-wrap: wrap;
   }
 .filter-wrapper .search-wrapper {
    margin-bottom: 12px;
   }
   .filter-wrapper .right .filter-btn {
    font-size: 14px;
    height: 44px;
   }
   .filter-wrapper .right .filter-btn img {
    width: 18px;
   }
   .custom-section .top-filtes .text {
    font-size: 16px;
   }
   .service-card .header {
    flex-wrap: wrap;
   }
   .custom-section .top-filtes,.service-card .header {
    gap: 12px;
   }
   .service-card .header .left {
    flex-wrap: wrap;
    gap: 12px;
   }
   .custom-section .selected-filters {
    gap: 12px;
   }
   .custom-section .selected-filters {
    margin-bottom: 24px;
   }
   .custom-section .top-filtes {
    flex-wrap: wrap;
   }
   .custom-switch {
    height: 44px;
   }
   .custom-switch .icon{
    height: 42px;
    width: 42px;
   }
   .custom-section .top-filtes .right select {
    max-width: 150px;
    height: 44px;
   }
   .detail-box {
    flex-wrap: wrap;
    gap: 16px;
   }
      .custom-bread-crumbs {
        gap: 8px;
        margin-bottom: 12px;
      }
   .custom-bread-crumbs a {
    font-size: 12px;
   }
   .custom-bread-crumbs-container .btn-white,.custom-bread-crumbs-container .btn-blue {
    font-size: 12px;
   }
    .popular-section .location-box {
        margin-bottom: 24px;
    }

    .detail-box .data .title {
        font-size: 18px;
    }
    .detail-box .data .text {
        font-size: 14px;
    }
    .company-card .header .left .image {
        width: 60px;
        height: 60px;
    }
    .company-card .header .data .date-wrapper{
        font-size: 13px;
    }
    .company-card .header {
        flex-wrap: wrap;
    }
    .company-card .custom-service, .company-card .other-service {
        font-size: 14px;
    }
    .company-card .custom-service img, .company-card .other-service img {
        width: 36px;
        height: 36px;
    }
    .company-card .header .right {
        margin-top: 12px;
    }
    .company-card .header .data .reviews-wrapper .reviews img {
        width: 16px;
         object-fit: contain;
        height: 16px;
    }
    .company-card .header .data .verified {
        font-size: 14px;
    }
    .company-card .header .data .name {
        font-size: 20px;
    }
.company-card .title{
    font-size: 20px;
}
.company-card .text {
    font-size: 14px;
}
.company-card .flex_items .item {
    font-size: 14px;
}
.user-dashboard .left-container {
    background-color: transparent;
    border: none;
}
    .modal-content.custom-modal {
        padding: 24px;
    }

    .modal-content.custom-modal .body-section .flex-items .flex-item {
        flex: 1 1 100%;
    }

    .modal-content.custom-modal .top .title {
        font-size: 24px;
    }
.user-dashboard .right-container {
    padding: 20px;
    width: 100%;
}
.user-dashboard .right-container .content .top {
    padding: 16px;
}
.user-dashboard .form-item .upload-box .icon {
    height: 50px;
    width: 50px;
}
.user-dashboard .form-item .upload-box .upload-input {
    height: 44px;
    max-width: 300px;
}
.user-dashboard .form-item .input, .user-dashboard .form-item .input-conatiner {
    max-width: 320px;
}
.user-dashboard .form-item .input-container {
    flex-wrap: wrap;
}
.tagify__input {
    margin: 0px;
}
.custom-tages-container .tagify {
    min-width: 44px;
    padding: 6px 16px;
}
.custom-tages-container .tagify .tagify__tag {
  padding: 4px 10px;
    font-size: 12px;
    gap: 6px;
}
.user-dashboard .form-item .left {
    flex-wrap: wrap;
    flex-shrink: initial;
    gap: 12px;
}
.user-dashboard .form-item .upload-box {
    gap: 16px;
}
    .modal-content.custom-modal .top .icon {
        width: 40px;
        height: 40px;
    }

    .popular-section .locations-container {
        margin: 32px 0px;
    }

    .clients-section .box .data .title {
        font-size: 20px;
    }

    .clients-section .box .data {
        padding: 30px;
    }

    .container {
        padding: 0px 20px !important;
    }

    .header-section .content .title {
        font-size: 28px;
        line-height: 1.5;
    }
.header-section .content .filter-box .search-box {
    border: none;
    padding: 0px;
}
::placeholder{
    font-size: 14px;
}
.header-section .content .filter-box .search-box .left input,.select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
    font-size: 14px;
}
.header-section .content .filter-box .search-box .left{
    border:1px solid #E5E5E5;
    border-radius: 67px;
    margin-bottom: 12px;
    height: 46px;
}
    .header-section {
        padding: 40px 24px;
    }

    .header-section .content .filter-box .search-box .right,
    .header-section .content .filter-box .search-box .left {
        justify-content: center;
        flex: 1 1 100%;
    }

    .header-section .content .filter-box .search-box .right select {
        font-size: 12px;
        min-width: 90px;
        max-width: 150px;


        height: 36px;
        padding: 8px;
    }

    .popular-section .title,
    .custom-section .title {
        font-size: 24px;
    }

    .popular-section .col-md-6:first-child {
        margin-bottom: 24px;
    }

    .popular-section .location-box img {
        height: 80px;
    }

    .header-section .content .filter-box .search-box .right {
        flex-wrap: wrap;
    }

    .header-section .content .filter-box .search-box .right .search-btn {
        width: 100%;
        height: 46px;
        border-radius: 67px;
    }

    .header-section .content .filter-box {
        padding: 20px;
        margin-top: 40px;
    }

    .header-section .content .filter-box .search-box .right .search-btn svg {
        width: 18px !important;
        height: auto;
    }

    .header-section .content .filter-box .searches .search-item {
        font-size: 14px;
        padding: 8px 16px;
    }

    .custom-navbar .inner .logo {
        width: 60px;
    }
.user-dashboard .left-container {
    width: 100%;
}
.user-dashboard {
    flex-wrap: wrap;
}
.user-dashboard .left-container .inner {
    padding: 20px;
    height: auto;
}
.user-dashboard .left-container .inner .logo img {
    width: 100px;

}
.user-dashboard .left-container .inner .logo{
margin-bottom: 16px;
}
.user-dashboard .left-container .inner .link-item {
    font-size: 14px;
    padding: 8px 20px;
}
.user-dashboard .left-container .inner .link-item .icon img {
    width: 18px;
}
    .custom-navbar .inner .right .btn-blue,
    .custom-navbar .inner .right .btn-white {
        font-size: 12px;
        padding: 8px 10px;
        height: 36px;
    }

    .custom-navbar .inner .right .user {
        height: 36px;
        width: 36px;
    }

    .custom-navbar .inner .right {
        gap: 10px;
    }

    .header-section .content .filter-box .search-box {
        flex-wrap: wrap;
        margin-bottom: 0px;
    }

    .header-section .content .filter-box .searches {
        flex-wrap: wrap;
    }
    .flex-item .icon{
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    .clients-section {
        padding: 48px 0px;
    }
    .clients-section .box .data .text {
        font-size: 15px;
    }
    .clients-section .box .data {
        padding:24px 8px;
    }
    .popular-section .location-box {
        padding: 16px;
    }
    .popular-section .location-box .label {
        gap: 6px;
        font-size: 13px;
    }
    .flex-item{
        font-size: 14px;
    }
    .popular-section .text, .custom-section .text, .dynamic-text {
        font-size: 15px;
    }
    .popular-section .view-all, .popular-section .view-locations {
        padding: 8px 20px;
    }
    .company-reviews .customer-review .header {
        flex-wrap: wrap;
    }
    .company-reviews .customer-review .header .left{
        flex-wrap: wrap;
    }
    .company-reviews .customer-review .header .left .image {
        height: 40px;
        width: 40px;
    }
   .company-reviews .customer-review .body .title{
    font-size: 16px;
    margin-bottom: 8px;
   }
   .service-card .header .tag {
    margin-bottom: 12px;
   }
   .service-card .header .profile .data .reviews-wrapper .reviews img, .service-card .header .left .bottom-sec .reviews-wrapper .reviews img{
    width: 16px;
     object-fit: contain;
    height: 16px;
   }
   .company-reviews .customer-review .body .text{
    font-size: 14px;
   }
   .company-reviews .customer-review .body .actions .action {
    font-size: 14px;
   }
   .company-reviews .customer-review .header .right img{
    width: 60px;
   }
   .custom-navigation {
    flex-wrap: wrap;
    gap: 12px;
   }
   .company-reviews .review-filters {
    flex-wrap: wrap;
    gap: 12px;
   }
   .company-reviews .reviews-container .item .label {
    font-size: 16px;
   }
   .company-reviews .reviews-container .line {
    display: none;
   }
   .company-reviews .review-filters .right select {
    max-width: 200px;
    height: 44px;
   }
   .service-cards .item .label {
    font-size: 18px;
   }
   .service-cards .item .text {
    font-size: 16px;
   }
   .service-cards .item {
    height: 250px;
   }
   .service-cards .item .price .value {
    font-size: 30px;
   }
   .service-cards-wrapper {
    padding: 0px;
   }
   .service-card .service-reviews .slider-wrapper-container::before,.service-cards-wrapper::after{
    width: 0px;
   }
   .company-card {
    padding: 24px 14px;
   }
   .service-card .header .profile{
    flex-wrap: wrap;
    gap: 12px;
   }
   .related-companies .service-card {
    padding: 16px;
   }
   .service-card .header .verified img {
    width: 16px !important;
   }
   .service-card .header .profile .data .name,.service-card .header .left .top-sec .name {
    font-size: 18px;
   }
   .company-reviews .customer-review .header .left .data .name,.company-reviews .customer-review .header .left .data .date {
    font-size: 14px;
   }
   .related-companies .service-card .header .right .btn-white, .related-companies .service-card .header .right .btn-blue{
    width: auto;
    font-size: 13px;
    padding: 8px 12px;
   }
   .custom-navbar {
    padding: 12px 0px;
   }
   .service-card .header .verified,.service-card .header .tag {
    font-size: 14px;
    padding: 8px 12px;
    justify-content: center;
    width: 100%;
   }
   .login-section .logo {
    width: 80px;
    margin-bottom: 12px;
   }
   .login-section .title {
    font-size: 20px;
   }
 .login-section .boxx {
    padding: 20px;
    width: 94%;
    margin: auto;
    border-radius: 16px;
   }
   .login-section .boxx .input-wrapper label {
    font-size: 14px;
   }
   .login-section .boxx .input-wrapper {
    margin-bottom: 16px;
   }
   .login-section .boxx .input-wrapper .input {
    height: 44px;
    font-size: 14px;

   }

   .login-section .text {
    font-size: 14px;
   }
   .login-section .boxx .input-wrapper .input input {
    padding: 8px 12px;
   }
   .related-companies .service-card .d-flex.gap-2.align-items-center.mb4 {
    flex-wrap: wrap;
   }
   .service-cards .item .price .value sub {
    font-size: 14px;
   }
   .company-reviews .reviews-container{
    flex-wrap: wrap;
    gap: 12px;
   }
   .company-reviews .over-all-reviews .item .reviews img{
    width: 14px;
     object-fit: contain;
   }
   .company-reviews .over-all-reviews .item .progress {
    min-width: 120px;
   }
   .company-reviews .reviews-container .item .text {
    font-size: 14px;
   }
   .company-reviews .reviews-container .item .text-lg{
    font-size: 26px;
    margin-bottom: 8px;
   }
   .company-reviews .item .review-container{
    font-size: 26px;
   }
   .company-reviews .customer-review .header .right .reviews img{
    width: 16px;
    height: 16px;
     object-fit: contain;
   }
   .company-reviews .reviews img {
    width: 20px;
    height: 20px;
     object-fit: contain;
   }
   .company-reviews .review-filters .left {
    flex-wrap: wrap;
   }
   .company-reviews .review-filters .left .button {
    font-size: 14px;
    padding: 8px 16px;
   }
   .company-reviews .review-filters .left .button img {
    height: auto;
    width: 38px;
   }
   .custom-navigation .left {
    flex-wrap: wrap;
   }
   .custom-navigation .left .text {
    font-size: 14px;
   }
   .custom-navigation .input, .custom-navigation .select-page{
    height: 40px;
    font-size: 14px;
   }
   .custom-navigation .btn-white {
    height: 36px;
    font-size: 12px;
   }
   .custom-navigation .right .pagination {
    height: 38px;
   }
   .custom-navigation .right .pagination .page {
    height: 36px;
    width: 36px;
    font-size: 12px;
   }
   .custom-navigation .right {
    flex-wrap: wrap;
   }
   .back-box {
    font-size: 15px;
   }
   .related-companies .title-header .title {
    font-size: 20px;
   }
   .related-companies {
    padding: 24px 16px;
   }
   .related-companies .title-header .buttons .button{
    height: 40px;
    width: 40px;
   }
   .footer .logo {
    width: 100px;
    margin-bottom: 20px;
   }
   .service-card .services .service {
    font-size: 14px;
   }
   .service-card .footer {
    padding: 12px 0px;
    padding-bottom: 0px;
    font-size: 14px;
   }
}

@media (max-width:440px) {

    .custom-navbar .inner .right .btn-blue,
    .custom-navbar .inner .right .btn-white {
        font-size: 10px;
        padding: 8px 8px;
        height: 32px;
    }

    .custom-navbar .inner .logo {
        width: 56px;
    }

    .custom-navbar .inner .right {
        gap: 8px;
    }

    .custom-navbar .inner .right .user {
        height: 30px;
        width: 30px;
    }

    .custom-navbar .inner .right .user img {
        width: 16px;
    }
}

/* Expand/Collapse Toggle Styles */
.expand-toggle {
    display: inline-flex;
    user-select: none;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    text-decoration: none;
    color: var(--blue);
    font-weight: 500;
    font-family: var(--SFProMedium);
    transition: color 0.3s ease;
}

.expand-toggle:hover {
    color: var(--blue-light);
}

.expand-toggle img {
    width: 16px !important;
    height: 16px;
    transition: transform 0.3s ease;
}

.expand-toggle img.rotated {
    transform: rotate(180deg);
}

#password::placeholder {
  position: relative;
  font-size: medium;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
     border-top-left-radius: 67px !important;
     border-top-right-radius: 67px !important;
}

.d-none {
    display: none !important;
}

.related-company-logo {
    background: #F5F3FC;
    color:black;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:bold;
    font-size:16px;
    text-transform:uppercase;
    width: 72px;
    height: 72px;
    opacity: 1;
    border-radius: 100px;
    padding-top: 16px;
    padding-right: 24px;
    padding-bottom: 16px;
    padding-left: 24px;
    gap: 8px;

}

.company-logo {
    color:black;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:bold;
    font-size:30px;
    text-transform:uppercase;
    width: 176px;
    height: 176px;
    top: 32px;
    left: 32px;

    opacity: 1;
    border-radius: 236.11px;
    padding-top: 37.78px;
    padding-right: 56.67px;
    padding-bottom: 37.78px;
    padding-left: 56.67px;
    gap: 18.89px;
    background: #6EC1E41A;
}

/* Only peek next card (hide left padding visually) */
.service-cards.owl-carousel .owl-stage-outer {
    padding-left: 0 !important;
    margin-left: -80px;
    transition: margin-left 0.3s ease, padding-left 0.3s ease;
}

/* Smooth opacity transition for peeking cards */
.service-cards.owl-carousel .owl-item {
    transition: opacity 0.3s ease;
}


.location-box-link {
    text-decoration: none;
    display: block;
    color: inherit;
}

.location-box {
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.review-platform-services {
    display: flex;
    margin-top: 41px;
}

input[type="password"]{
    letter-spacing: 5px;
}

.back-to-login {
    margin-bottom: 20px;
}

.back-to-login a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: #7D5CA4;
    text-decoration: underline;
    font-weight: 500;
    text-underline-offset: 3px;
}

.back-to-login a svg path {
    /* fill: rgb(85, 26, 139); */
    fill: rgba(97, 71, 127, 1);
    transition: fill 0.2s ease;
}

.back-to-login a:hover {
    color: rgb(85, 26, 139);;
}

.back-to-login a:hover svg path {
    fill: rgb(85, 26, 139);;
}

/* user comapany detail page about section character counter */
.char-counter {
    font-size: 14px;
    color: #666;
    margin-top: 8px;
    font-weight: 500;
}


/* Change from .password to .password-hidden */
input.password-hidden::placeholder {
    font-size: 20px !important;
    /* other bullet styling */
}

.placeholder-centered{
    padding-bottom: 14px!important;
}
.tagify__dropdown{
    max-width: 345px !important;
    width: 100% !important;
    border-radius: 8px !important;
    box-shadow: 0px 0px 8px 0px #0000001F;
}
.tagify__dropdown__wrapper{
    border: 1px solid #E5E5E5 !important;
    /* box-shadow: 0px 0px 8px 0px #0000001F; */

}
.tagify__dropdown__item{
    font-size: 16px;
    padding: 8px 16px;
    font-weight: 500;
}
/* dropdown of region and language of user company detail */
.tagify__dropdown__item:hover {
        background-color: #F8F7FA !important;
        color: #191221 !important;
}
.tagify__dropdown__item--active {
  background-color: #F8F7FA !important;
  color: #191221 !important;
}
/* Scrollbar thumb (the draggable part) */
.tagify__dropdown::-webkit-scrollbar-track {
  background: black !important;
}

.truncate-2-lines {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* limit to 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}


.password-title{
    font-size: 20px;
    font-weight: 500;
    color: #333333;
}
.boxx p{
   margin-bottom: 32px !important;
}
.company-name-about p {
    word-break: break-word;
}

.tagify__dropdown__wrapper::-webkit-scrollbar {
  width: 4px; /* width of scrollbar */
}

.tagify__dropdown__wrapper::-webkit-scrollbar-track {
  background: #f1f5f9; /* track color */
  border-radius: 4px;
}

.tagify__dropdown__wrapper::-webkit-scrollbar-thumb {
  background: #D9D9D9; /* thumb color */
  border-radius: 4px;
}

/* .tagify__dropdown__wrapper::-webkit-scrollbar-thumb:hover {
  background: #94a3b8; /* thumb hover color
} */

/* For Firefox
.tagify__dropdown__wrapper {
  scrollbar-width: thin;
  scrollbar-color: #cbd5e1 #f1f5f9;
} */

.rel {
    position: relative;
    line-height: 1;
}

/* Tooltip styling */
.rel .custom-tooltip {
    width: max-content;
    background-color: #191221E5;
    color: #fff;
    text-align: center;
    border-radius: 8px;
    padding: 8px 12px;
    position: absolute;
    z-index: 1;
    top: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    font-size: 16px;
    font-weight: 600;
    font-family: var(--SFProBold);
    line-height: 1.2;
    transition: all 0.3s ease-in-out;
}

/* Tooltip arrow */
.rel .custom-tooltip::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 12px;
    border-style: solid;
    border-color: transparent transparent #191221E5 transparent;
}

/* Show tooltip on hover if service has "bordered" class */
.service.bordered:hover .custom-tooltip {
    opacity: 1;
    visibility: visible;
}
.flag-content{
    width: 20% !important;
}
.other-tagify {
    display: flex !important;
    flex-direction: column;
    gap: 12px;
}
.error-links{
    /* color: #7D5CA4;
    text-decoration: underline; */
}
.error-link-no-under{
    text-decoration: none;
}
.error-link-bold{
    font-weight: bold;
    text-decoration: none;
}
.email-fixed{
    height: 100% !important;
}
.fixed-email-info{
    height: 100% !important;
    top: 0px !important;
    right: 0px !important;
}
.claim-company-name{
   font-size: 32px;
    font-weight: 700;
    font-family: var(--SFProBold);
    color: var(--text-color);
    line-height: 1.5;
    margin-bottom: 0px;
    word-break: break-word;
}
.company-info{
    display: flex;
    gap: 12px;
    align-items: center;
}

.claim-company-text{
    font-size: 20px;
    font-weight: 500;
    font-family: "Nunito Sans", sans-serif;
    color: #6D6D6D;
    line-height: 1.5;
    transition: all 0.3s ease-in-out;
}
.company-detail-logo{
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
}
.submit-contact-form{
    width: 100% !important;
}
/* .industries-view-btn{
    background-color: rgba(169, 145, 230, 0.1) !important;
    color: rgba(125, 92, 164, 1) !important;
} */
.services-view-btn{
    background-color: rgba(124, 192, 212, 0.1) !important;
    color: rgba(90, 146, 162, 1) !important;
}

/* Logo Preview Styles - Frontend */
.upload-box .icon.current-logo {
    position: relative;
    border: 1px solid #e0e6f2;
    border-radius: 8px;
    padding: 4px;
    background: linear-gradient(135deg, #f5f6fa 0%, #eef2f8 100%);
    transition: all 0.3s ease;
}

.upload-box .icon.current-logo:hover {
    border-color: #d0d8e8;
    box-shadow: 0 4px 12px rgba(125, 92, 164, 0.1);
}

.upload-box .icon.current-logo img {
    border-radius: 4px;
    display: block;
}

.remove-logo-btn-frontend {
    position: absolute;
    top: -5px;
    right: -5px;
    width: 16px;
    height: 16px;
    padding: 0;
    border: none;
    background: linear-gradient(135deg, #ff4757 0%, #ff6b7a 100%);
    border-radius: 50%;
    color: white;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(255, 71, 87, 0.3);
    z-index: 10;
}

.remove-logo-btn-frontend:hover {
    background: linear-gradient(135deg, #e83e4d 0%, #ff5868 100%);
    box-shadow: 0 4px 12px rgba(255, 71, 87, 0.4);
    transform: scale(1.1);
}

.remove-logo-btn-frontend:active {
    transform: scale(0.95);
}

.remove-logo-btn-frontend svg {
    width: 14px;
    height: 14px;
}

/* Old styles for logo-preview-section-frontend (can be removed if not used elsewhere) */
.logo-preview-section-frontend {
    margin-top: 12px;
    margin-bottom: 16px;
}

.logo-preview-wrapper-frontend {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 160px;
    background: linear-gradient(135deg, #f5f6fa 0%, #eef2f8 100%);
    border: 2px solid #e0e6f2;
    border-radius: 8px;
    padding: 12px;
    transition: all 0.3s ease;
}

.logo-preview-wrapper-frontend:hover {
    border-color: #d0d8e8;
    box-shadow: 0 4px 12px rgba(125, 92, 164, 0.1);
}

.logo-preview-image-frontend {
    width: 100%;
    height: auto;
    max-height: 136px;
    object-fit: contain;
    display: block;
    border-radius: 4px;
    background: white;
}

.services-modal .flex-item .icon {
    color: rgba(90, 146, 162, 1) !important;
}
.industries-modal .flex-item .icon{
    color: rgba(125, 92, 164, 1) !important;
    background-color: rgba(169, 145, 230, 0.2);
}
.industries-modal .flex-item:hover {
    color: #7D5CA4;
}

/* Only show peek effect when slider is active */
.slider-wrapper-container.no-slider {
    overflow: visible !important;
}

.slider-wrapper-container.no-slider::before,
.slider-wrapper-container.no-slider::after {
    display: none !important;
}

/* Keep peek effect for active sliders */
.slider-wrapper-container.has-slider {
    overflow: visible;
}
.non-domain span{
    font-weight: bold;
}
.non-domain a{
    color: rgba(125, 92, 164, 1);
}
.header-left{
    position: absolute;
    left: 0;
    bottom: 290px;
}
.header-right{
    position: absolute;
    right: 0;
    top: 80px;
}
@media (max-width:768px) {
    .header-left, .header-right{
        display: none;
    }  
}
.combine-popular{
    background: radial-gradient(ellipse 1000px 1000px at 0% 75%, rgba(224, 197, 255, 0.4) 0%, transparent 50%), radial-gradient(ellipse 1000px 1000px at 100% 30%, rgba(176, 237, 255, 0.4) 0%, transparent 50%), #FFFFFF; 
}
#select2-industry-select-container .select2-selection__choice{
    color: rgba(125, 92, 164, 1) !important;
}
#select2-services-select-container .select2-selection__choice{
    color: rgba(90, 146, 162, 1) !important;
}    
#select2-location-select-container .select2-selection__choice{
    color: rgba(125, 92, 164, 1) !important;
}
.top-clutch-content{
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: center;
}
.top-clutch-content .text-top{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
.clutch-badge{
    padding: 8px 24px;
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(234, 234, 234, 1);
    border-radius: 100px;

}
.clutch-icon{
    margin-top: 8px;
}

/* Modal Styles */
.inactive-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    backdrop-filter: blur(2px);
    font-family: var(--SFProMedium);
}

.inactive-box {
    width: 720px;
    background: rgba(255, 255, 255, 1);
    border-radius: 16px;
    padding: 42px 40px 24px 40px;
    text-align: center;
    position: relative;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.12);
    animation: inactive-pop 0.25s ease-out;
    backdrop-filter: blur(24px);
}

@keyframes inactive-pop {
    from { transform: scale(0.9); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}

.inactive-close-btn {
    position: absolute;
    top: 30px;
    right: 30px;
    border: none;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    font-size: 30px;
    cursor: pointer;
    background: rgba(189, 189, 189, 0.2);
    font-weight: normal;
    display: flex;
    align-items: center;
    justify-content: center;
}

.inactive-icon-box img {
    width: 255px;
    height: 255px;
    opacity: 0.9;
}

.inactive-title {
    margin-top: 15px;
    font-size: 22px;
    font-weight: 700;
}

.inactive-description {
    color: rgba(161, 161, 161, 1);
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 12px
}

.inactive-primary-btn {
    width: 100%;
    padding: 16px;
    border: none;
    border-radius: 16px;
    color: white;
    font-size: 20px;
    cursor: pointer;
    font-weight: 500;
    background: rgba(125, 92, 164, 1);
}
.inactive-primary-btn:hover{
    background: rgba(97, 71, 127, 1);
}

.inactive-footer {
    margin-top: 10px;
    font-size: 16px;
    color: rgba(25, 18, 33, 1);
    margin-bottom: 0px !important;
}

.inactive-link {
    color: rgba(90, 146, 162, 1);
    text-decoration: underline;
}

.inactive-email {
    color: rgba(51, 51, 51, 1);
}