@media (min-width: 279px) and (max-width: 990px) {
    /*.modal-dialog {
        width: 100% !important;
        margin: 0px !important;
    }

    .modal-content {
        width: 100% !important;
        height: 100% !important;
        left: 0px !important;
    }*/
    .search-categories-content-filter-navigation {
        width: 100% !important;
        height: 100% !important;
    }

    .advanced-search-button-list {
        flex-direction: column !important;
        gap: 15px;
    }

    .search-desc-content-button {
        flex-direction: column !important;
        width: 100% !important;
        height: 100% !important;
        align-items: flex-start !important;
        gap: 10px !important;
    }

    .search-desc-content-button-group {
        /*flex-direction: column !important;*/
        width: 100% !important;
        height: 100% !important;
    }

    /*.search-desc-content-resource-types {
        right: 9px !important;
        top: 10px !important;
    }*/
    .search-desc-body-video {
        width: 100% !important;
        height: 100% !important;
    }

    .advanced-search-button-list-btn {
        width: 100% !important;
    }

    .advanced-search-button-list-view {
        width: 100% !important;
    }

    .card-view-button {
        width: 100% !important;
    }

    .list-view-button {
        padding: 10px !important;
        width: 100% !important;
        padding: 0px 10px !important;
    }

    .card-grid-view-button {
        width: 100% !important;
    }

    .list-grid-view-button {
        width: 100% !important;
    }

    .advanced-search-card-list-view-button-follow {
        width: 100% !important;
    }

    .advanced-search-card-list-view-button-like {
        width: 100% !important;
    }

    .advanced-search-card-list-view-button-list {
        width: 100% !important;
    }

    .advanced-search-card-list-view-button-register {
        width: 100% !important;
    }

    .advanced-search-card-list-view-button-following {
        width: 100% !important;
    }

    .advanced-search-card-list-view-button-liked {
        width: 100% !important;
    }

    .search-categories-content-data-card-list {
        width: 100% !important;
        height: 100% !important;
        /* padding-right: 1rem !important;
        padding-left: 1rem !important;*/
        padding-left: 0rem !important;
    }

    .search-categories-content-data-search {
        width: 100% !important;
        height: 100% !important;
    }

    .search-categories-content-card {
        --bs-gutter-x: 0rem !important;
        --bs-gutter-y: 0rem !important;
    }

    .location-icon {
        margin-top: 10px !important;
    }
}

.location-icon {
    margin-top: 0px;
}

.search-categories-content-card {
    --bs-gutter-x: 0rem !important;
    --bs-gutter-y: 0rem !important;
}

.input-icon-search-icon i {
    position: absolute;
    font-weight: 500;
    padding-top: 15px;
    padding-left: 15px;
    font-weight: 600;
}

.search-categories-content-data-card-list-sidebar {
    padding-right: 10px;
}

.search-categories-content-data-card-list {
    /*display: flex;*/
    display: block;
    /*flex-direction: column;
    align-items: flex-start;*/
    /*padding: 0px;*/
    padding-left: 10px;
    /*gap: 16px;*/
}

.search-categories-content-data-search {
    width: 100%;
}

@media (min-width: 279px) and (max-width: 990px) {
    .featured-filter-button {
        gap: 5%;
        width: 58% !important;
        height: 44px;
        background: #FFFFFF;
        border: 1px solid #ddd;
        border-radius: 8px;
    }
}

.featured-filter-button {
    display: flex;
    flex-direction: row;
    /*justify-content: space-between;*/
    align-items: center;
    padding: 10px 16px;
    /*gap: 12px;
    width: 225px;*/
    /*gap: 5%;*/
    /*width: 33%;*/
    width: 100%;
    height: 44px;
    background: #FFFFFF;
    border: 1px solid #ddd;
    border-radius: 8px;
}

    .featured-filter-button:focus {
        outline: 3px;
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    }

.search-name-singular {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
}

    .search-name-singular .h2 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 150%;
        color: #000000;
    }

.sidebar-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px 0 15px 0px;
}

.desc-sidebar-content01 {
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
}

    .desc-sidebar-content01 .h5 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        color: #1A202C;
        margin-bottom: 1px;
    }

    .desc-sidebar-content01 i {
        cursor: pointer;
    }

    .desc-sidebar-content01 p {
        margin-top: 0;
        margin-bottom: 1px;
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        color: var(--systemTextColor);
        padding-left: 6px;
    }

.desc-sidebar-content02 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /*justify-content: End;*/
    align-items: center;
}

.sidebar-content-resource-types {
    display: flex;
    flex-direction: row;
    /*justify-content: space-between;*/
    align-items: center;
    padding: 0px;
    /*gap: 8px;*/
    gap: 0px;
}

.desc-sidebar-content-resource-types01 {
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    width: 30px;
}

    .desc-sidebar-content-resource-types01 i {
        cursor: pointer;
    }

    .desc-sidebar-content-resource-types01 p {
        margin-top: 0;
        margin-bottom: 1px;
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
    }

.desc-sidebar-content-resource-types02 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /*justify-content: End;*/
    align-items: center;
    width: 100%;
}

    .desc-sidebar-content-resource-types02 h5 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        color: #1A202C;
        margin-bottom: 1px;
    }

.desc-sidebar-content-resource-types02-name-count {
    display: flex;
    flex-direction: row;
    /*justify-content: space-between;*/
    /*justify-content: End;*/
    align-items: center;
    gap: 8px;
    /*gap: 2%;*/
    /*width: 75%;*/
    width: 100%;
}

    .desc-sidebar-content-resource-types02-name-count h5 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        color: var(--systemTextColor);
        margin-bottom: 1px;
    }


.subcategories-field {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 6px;
    width: 100%;
}

    .subcategories-field a {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 140%;
        color: #7B68EE;
    }



.desc-sidebar-content-button-number {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 1px 7px 3px;
    gap: 10px;
    /*width: 28px;*/
    height: 18px;
    border: 1px solid var(--bodyTextColor);
    border-radius: 30px;
}

    .desc-sidebar-content-button-number b {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 120%;
        color: var(--bodyTextColor);
        /*color: #6B7B9C;*/
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.collapse-subcategories-outbox-subfield {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px 0px 0px 28px;
    gap: 6px;
    width: 100%;
}

    .collapse-subcategories-outbox-subfield a {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 140%;
        color: #7B68EE;
    }

.form-control-dropdown {
    display: block;
    width: 44%;
    padding: 0.375rem 0.50rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.input-icons-faicon {
    width: 100%;
}

    .input-icons-faicon i {
        /*font-size: 15px;*/
        font-weight: 500;
        font-family: 'Lato';
        font-style: normal;
    }

    .input-icons-faicon i {
        /*position: absolute;*/
    }

.dropdown-selector-header {
    display: flex;
    align-items: center;
    padding: 0px;
    width: 100%;
    height: 45px;
    border: 1px solid var(--searchBorderColor);
    border-radius: 4px;
}

    .dropdown-selector-header img {
        padding-right: 8px;
    }

    .dropdown-selector-header i {
        padding-right: 8px;
    }

    .dropdown-selector-header input {
        width: 100%;
        height: 43px;
        border-top: 0;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
    }

.advanced-search-button-list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    width: 100%;
}

.advanced-search-button-list-btn {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    /*width: 310px;*/
    height: 42px;
    /*background: var(--notSelectedTabBackgroundColor);*/
    border: none;
    border-radius: 8px;
}

.advanced-search-button-list-view {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    /*width: 237px;*/
    height: 36px;
    background: var(--notSelectedTabBackgroundColor);
    border: none;
    border-radius: 8px;
}

.card-view-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 16px;
    gap: 8px;
    /*width: 122px;*/
    height: 36px;
    background: #7B68EE;
    border-radius: 8px;
}

    .card-view-button b {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 140%;
        display: flex;
        align-items: center;
        color: #FFFFFF;
    }

/*.list-view-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 16px;
    gap: 8px;*/
/*width: 115px;*/
/*height: 42px;
    background: var(--notSelectedTabBackgroundColor);
    border: none;
    border-radius: 8px;*/
/*color: #757575;*/
/*color: var(--notSelectedTabTextColor);
}*/

.list-view-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 1px;
    gap: 8px;
    width: 125px;
    height: 42px;
    background: var(--notSelectedTabBackgroundColor);
    border: none;
    border-radius: 8px;
    /* color: #757575; */
    color: var(--notSelectedTabTextColor);
}


    .list-view-button b {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 13px;
        line-height: 140%;
        display: flex;
        align-items: center;
        padding: 0 10px;
    }

    .list-view-button b {
        width: max-content;
        display: flex;
        overflow: hidden;
        max-width: 85%;
        /*display: -webkit-box;*/
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

.card-grid-view-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 16px;
    gap: 8px;
    /*width: 122px;*/
    height: 36px;
    background: var(--notSelectedTabBackgroundColor);
    border-radius: 8px;
    color: var(--notSelectedTabTextColor);
    border: none;
}

    .card-grid-view-button b {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 140%;
        display: flex;
        align-items: center;
    }

.list-grid-view-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 16px;
    gap: 8px;
    /*width: 115px;*/
    height: 36px;
    background: var(--notSelectedTabBackgroundColor);
    border: none;
    border-radius: 8px;
    color: var(--notSelectedTabTextColor);
}

    .list-grid-view-button b {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 140%;
        display: flex;
        align-items: center;
        /*color: #6B7B9C;*/
    }

.search-desc-content-button {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    /*gap: 290px;*/
    width: 100%;
    /*width: 734px;*/
    height: 44px;
}


.search-desc-content-button-like {
    padding: 0px;
    gap: 4px;
}

    .search-desc-content-button-like span {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 150%;
        color: #1A202C;
    }

.search-desc-content-button-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 10px;
    /*width: 511px;*/
    height: 44px;
}



.search-details-list {
    float: left;
    position: relative;
}

.search-desc-content-resource-types {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 4px 8px;
    gap: 8px;
    position: absolute;
    right: 0px;
    top: 0px;
    border: none;
    margin-top: 0px;
    z-index: 0;
    margin-right: 0px;
    background: var(--contentFrameRightTagColor);
    border-radius: 0px 8px;
}

    .search-desc-content-resource-types p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 12px;
        line-height: 150%;
        color: var(--contentFrameRightTagTextColor);
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }


.search-desc-body-video {
    box-sizing: border-box;
    /*position: absolute;*/
    width: 100%;
    /*height: 340px;*/
    left: 0px;
    top: 0px;
    /*background: linear-gradient(0deg, rgba(26, 32, 44, 0.4), rgba(26, 32, 44, 0.4)), url(image.png);*/
    border: 1px solid #EBEDF5;
    border-radius: 6px;
}

    .search-desc-body-video img {
        width: 100%;
    }


/*--------------------------------   Card Grid CSS   ------------------------------------------------*/
@media (min-width: 279px) and (max-width: 990px) {
    /*.modal-dialog {
        width: 100% !important;
        margin: 0px !important;
    }

    .modal-content {
        width: 100% !important;
        height: 100% !important;
        left: 0px !important;
    }
    
    .advanced-search-button-list-btn {
        width: 100% !important;
        height: 100% !important;
    }

    .advanced-search-button-list-view {
        width: 100% !important;
        height: 100% !important;
    }*/
    .search-card-grid-list-content {
        width: 100% !important;
        height: 100% !important;
    }

    .search-card-grid-list-body {
        width: 100% !important;
        height: 100% !important;
    }

    .search-card-grid-list-content-details {
        width: 100% !important;
        height: 100% !important;
    }

    .search-card-grid-list-content-details-grid {
        width: 100% !important;
        height: 100% !important;
    }

    .search-card-list-content-button {
        flex-direction: row !important;
        width: 100% !important;
        height: 100% !important;
        gap: 0px !important;
    }

    .search-card-list-content-button-list {
        width: 80% !important;
    }

    .search-card-list-content-button-like {
        width: 20% !important;
    }

    .search-card-list-content-button-grid-list {
        width: 50% !important;
    }

    /*.search-card-list-content-button-grid-like {
        width: 50% !important;
    }*/

    .search-card-list-content-details {
        /*gap: 12px !important;*/
    }

    .search-card-list-content-button-list-button {
        width: 100% !important;
        flex-direction: row-reverse !important;
    }

    .search-desc-img {
        padding: 10px;
    }

    .search-card-listing-list-img img {
        box-sizing: border-box;
        width: 100% !important;
        height: 100% !important;
        border: 1px solid var(--imageBorderColor);
        border-radius: 6px;
    }

    .search-card-grid-list-img {
        /*height: 100px !important;*/
    }

        .search-card-grid-list-img img {
            box-sizing: border-box;
            width: 100% !important;
            height: 200px !important;
            border: 1px solid var(--imageBorderColor);
            border-radius: 6px;
            object-fit: cover;
        }
}

.search-card-details {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    gap: 24px;
    width: 100%;
    position: relative;
    /*height: 1789px;*/
}

.search-card-grid-details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
    width: 100%;
}

.search-card-grid-list-details {
    display: flex;
    align-items: flex-start;
    padding: 0px;
    /*gap: 24px;*/
    /*gap: 13px;*/
    /*gap: 15px;*/
    /*width: 100%;*/
    margin-left: calc(var(--bs-gutter-x) * -.0);
}

.search-card-grid-list-content-details {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    /*width: 32%;*/
    width: 100%;
    /*height: 100%;*/
    background: #FFFFFF;
    border: 1px solid #EBEDF5;
    border-radius: 8px;
    /*min-height: 600px;*/
}

.search-card-grid-list-content-details-grid {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    isolation: isolate;
    width: 32%;
    /*height: 100%;*/
    background: var(--systemColorLight);
    border-radius: 8px;
}

.search-card-list-content-details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 12px;
    /* gap: 24px;*/
    /*isolation: isolate;*/
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

.search-card-grid-list-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 10px;
    width: 100%;
    /*height: 400px;*/
    float: left;
    position: relative;
}

.search-card-grid-list-img {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 4px;
    width: 100%;
    border-radius: 10px;
    position: relative;
    border: 1px solid #E4E3E1
}

    .search-card-grid-list-img img {
        width: 100%;
        height: 210px;
        border-radius: 8px;
        object-fit: cover;
    }

.search-card-grid-list-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    width: 100%;
    min-height: 175px;
}

    .search-card-grid-list-body h5 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 15px;
        line-height: 150%;
        color: #1A202C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.search-card-grid-list-button-like {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 100%;
}

    .search-card-grid-list-button-like span {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 150%;
        color: var(--systemTextColor);
    }

.search-card-grid-list-desc-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    width: 100%;
    margin-bottom: 25px;
}

    .search-card-grid-list-desc-body p {
        width: 100%;
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 150%;
        color: var(--bodyTextColor);
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        word-wrap: break-word;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

.search-card-grid-list-desc-social {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 8px;
    width: 100%;
}

.search-card-grid-list-desc-body-location {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 8px;
    width: 100%;
}

.search-card-list-content-button {
    display: flex;
    flex-direction: column;
    justify-content: end;
    /*justify-content: center;*/
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 100%;
    /*height: 165px;*/
    /*height: 105px;*/
}

.search-card-list-content-button-follow {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 24px;
    gap: 8px;
    width: 100%;
    height: 44px;
    background: var(--systemColorLight);
    border-radius: 8px;
}

    .search-card-list-content-button-follow p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 150%;
        color: #1A202C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.search-card-list-content-button-list-button {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: end;
    padding: 0px;
    gap: 8px;
    width: 100%;
}

.search-card-list-content-button-list {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 15px;
    gap: 8px;
    /*width: 154px;*/
    height: 44px;
    background: var(--systemColorLight);
}

    .search-card-list-content-button-list p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 150%;
        color: #1A202C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.search-card-list-content-button-like {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 8px;
    gap: 8px;
    /*width: 58.67px;*/
    height: 44px;
    background: var(--systemColorLight);
    border-radius: 8px;
}

    .search-card-list-content-button-like p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 150%;
        color: #1A202C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
/*
.search-card-list-content-button-grid-list {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 15px;
    gap: 8px;
    width: 100%;
    height: 44px;
    background: #FFFFFF;
    border-radius: 8px;
}

    .search-card-list-content-button-grid-list p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 150%;
        color: #1A202C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }*/

.search-card-list-desc-content-resource-types {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 4px 8px;
    gap: 8px;
    position: absolute;
    /* right: 0px;*/
    top: 0px;
    border: none;
    margin-top: 0px;
    z-index: 0;
    margin-right: 0px;
    background: var(--contentFrameRightTagColor);
    border-radius: 8px 0px 0px 0px;
}

    .search-card-list-desc-content-resource-types p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 150%;
        color: var(--contentFrameRightTagTextColor);
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

/*-Button-*/
.search-card-grid-btn-load {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 0px;
    gap: 8px;
    border-radius: 8px;
}

    .search-card-grid-btn-load span {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 140%;
        color: #7B68EE;
    }




/*-------------------------------------  New Supp   ----------------------------------------------*/

.add-suppliers-details {
    box-sizing: border-box;
    /*padding: 24px;*/
    position: absolute;
    background: #FFFFFF;
    border: 1px solid var(--systemColorLight);
    box-shadow: 0px 4px 14px rgba(54, 57, 90, 0.1);
    border-radius: 8px;
}

.add-suppliers-content-details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
    width: 352px;
    /*height: 261px;*/
}

/*.add-suppliers-content-details-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 24px;
    gap: 10px;
    width: 352px;
    height: 36px;
    background: #7B68EE;
    border-radius: 8px;
}

    .add-suppliers-content-details-button p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 140%;
        color: #FFFFFF;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }*/

.add-suppliers-content-companies-details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 100%;
}

    .add-suppliers-content-companies-details b {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 150%;
        display: flex;
        align-items: center;
        color: #6B7B9C;
    }

.add-suppliers-content-companies-details-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 100%;
    max-height: 30vh;
}

.add-suppliers-companies-details-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 16px;
    width: 100%;
    height: 45px;
}

.add-suppliers-companies-details-list-body {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 8px;
    width: 90%;
    height: 45px;
}

    .add-suppliers-companies-details-list-body img {
        width: 45px;
        height: 45px;
        border-radius: 8px;
        padding: 0px !important;
    }

.add-suppliers-companies-details-body-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0px;
    width: 100%;
}

    .add-suppliers-companies-details-body-content span {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        line-height: 150%;
        color: #1A202C;
    }

.add-suppliers-companies-details-list-edit {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 8px;
    width: 20px;
    height: 20px;
}

.subcategories-content {
    /*width: 396px;*/
}

.subcategories-content-list-filter {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /*padding: 0px;*/
    /*gap: 24px;*/
    padding: 24px 16px;
    /*width: 396px;*/
    width: 100%;
}

.collapse-subfield {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
}


@media (min-width: 279px) and (max-width: 990px) {
    .categories-filter-button {
        gap: 5%;
        width: 58% !important;
        height: 44px;
        background: #FFFFFF;
        border: 1px solid #ddd;
        border-radius: 8px;
    }

    .categories-featured-filter-button {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 16px;
        width: 100% !important;
    }
}

.categories-filter-button {
    /*display: flex;*/
    display: none;
    flex-direction: row;
    /*justify-content: space-between;*/
    align-items: center;
    padding: 10px 16px;
    /*gap: 12px;
    width: 225px;*/
    gap: 5%;
    /*width: 33%;*/
    width: 163.5px;
    height: 44px;
    background: #FFFFFF;
    border: 1px solid #ddd;
    border-radius: 8px;
}

    .categories-filter-button:focus {
        outline: 3px;
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    }

.categories-filter-button01 {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    justify-content: space-between;
    /*gap: 8px;*/
    /*width: 170px;*/
    /*gap: 5%;*/
    width: 100%;
    height: 24px;
}

    .categories-filter-button01 h5 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        color: #1A202C;
        text-align: center;
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .categories-filter-button01 img {
        padding-bottom: 10px;
    }


@media (min-width: 320px) and (max-width: 991px) {
    .categories-filter-button {
        display: inline-block;
    }

    .search-categories-content-data-card-list-sidebar {
        display: none !important;
    }
}

.search-categories-content-data-card-list-sidebar {
    display: inline-block;
}

@media (min-width: 320px) and (max-width: 991px) {
    .search-sort-by {
        flex-direction: column;
        align-items: flex-start;
        justify-content: center !important;
        /*gap: 12px;*/
        width: 100% !important;
        height: 3% !important;
    }
}

.search-sort-by {
    display: flex;
    /*flex-direction: row;*/
    justify-content: space-between;
    align-items: flex-end;
    gap: 12px;
    width: 100%;
    height: 44px;
}

.search-sort-by-result-count {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    width: 100%;
}

    .search-sort-by-result-count p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        color: #6B7B9C;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.subcategories-content-filter-people-location {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
}

    .subcategories-content-filter-people-location h2 {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 150%;
        color: #000000;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.subcategories-content-filter h2 {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 150%;
    color: #000000;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.subcategories-content-filter-list-perks {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
}

.subcategories-content-filter-list-perks-body {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}

    .subcategories-content-filter-list-perks-body p {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 150%;
        color: #000000;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.form-check-input:checked {
    background-color: var(--systemColor) !important;
    border-color: var(--systemColor) !important;
}

.add-to-list-plus-round-icon {
    cursor: pointer;
}

    .add-to-list-plus-round-icon i {
        cursor: pointer;
    }

/*.quick-view-btn-in-advance-search {
    position: absolute;
    top: 36%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    width: 60%;
}*/

.quick-view-btn-in-advance-search {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    width: 60%;
    height: 45px !important;
}

.quick-view-btn-in-advance-search-list-view {
    position: absolute;
    top: 83%;
    left: 12%;
    transform: translate(-50%, -50%);
    display: none;
    width: 18%;
}

.search-desc-list-view {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px 24px 10px 24px;
    /*gap: 24px;*/
    width: 100%;
    border: 1px solid #EFEFF7;
    border-radius: 8px;
}

.main-div-list-view {
    background: #FFFFFF;
}

/*.main-div-card-view:hover, .main-div-list-view:hover {
        background: rgba(0,0,0,0.2);
        z-index: 9999;
        cursor: pointer;
    }

        .main-div-card-view:hover .quick-view-btn-in-advance-search, .main-div-list-view:hover .quick-view-btn-in-advance-search-list-view {
            display: block;
        }*/


.search-card-list-content-button-grid-quickView {
    background: #FFFFFF;
    border-radius: 20px;
    border: 1px solid var(--buttonBorderColor);
}

.search-card-list-content-button-grid-quickview {
    border-radius: 20px !important;
}

.search-desc-content-resource-types-for-listview {
    left: 0px;
    right: unset !important;
}

.quick-view-btn-in-advance-search-list-view {
    position: absolute;
    top: 82%;
    left: 12%;
    transform: translate(-50%, -50%);
    display: none;
    width: 18%;
}


.quick-view-btn-in-advance-search p {
    font-size: 1rem !important;
}

.gp-0 {
    gap: 0 !important;
}

.list-view-section {
    padding: 0px;
    gap: 15px;
}

    .list-view-section .search-desc-content {
        padding: 0px 24px;
    }

    .list-view-section .badge-section-footer {
        padding: 0px 24px;
    }

    .list-view-section .search-desc-content-button {
        padding: 0px 24px;
        margin-bottom: 15px;
    }

.badge-section-header .btn-section {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-top: 10px;
    padding-right: 10px;
    justify-content: end;
}

.search-desc-content-resource-types.search-desc-content-resource-types-for-listview.activitylisting {
    transform: translateY(0);
}

@media(max-width:1200px) {
    .search-card-list-content-button-grid-follow {
        padding: 10px 10px;
    }
}

@media (max-width: 767px) {
    .search-card-grid-list-content-details {
        min-height: unset;
    }
}


.advancesearch_topblock_ads .owl-nav button {
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    position: absolute;
    color: #fff !important;
    vertical-align: middle;
    font-size: 24px;
    line-height: 24px;
    transition: all 0.5s ease-in-out;
}

    .advancesearch_topblock_ads .owl-nav button.owl-prev {
        left: 10px;
        height: 40px;
        width: 40px;
        top: 50%;
        transform: translateY(-50px);
        background: #ffffff;
        box-shadow: 0 4px 10px #00000021;
    }

    .advancesearch_topblock_ads .owl-nav button.owl-next {
        right: 10px;
        left: auto;
        height: 40px;
        width: 40px;
        top: 50%;
        transform: translateY(-50px);
        background: #ffffff;
        box-shadow: 0 4px 10px #00000021;
    }

        .advancesearch_topblock_ads .owl-nav button.owl-prev.disabled, .advancesearch_topblock_ads .owl-nav button.owl-next.disabled {
            background: none;
            box-shadow: none;
        }

        .advancesearch_topblock_ads .owl-nav button.owl-prev:hover, .advancesearch_topblock_ads .owl-nav button.owl-next:hover {
            background: #E4E3E1 !important;
        }

        .advancesearch_topblock_ads .owl-nav button.owl-prev.disabled:hover, .advancesearch_topblock_ads .owl-nav button.owl-next.disabled:hover {
            background: none !important;
            cursor: initial;
        }

        .advancesearch_topblock_ads .owl-nav button.owl-prev.disabled img, .advancesearch_topblock_ads .owl-nav button.owl-next.disabled img {
            display: none;
        }


.listing-detail-leftside-ads .owl-nav button {
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    position: absolute;
    color: #fff !important;
    vertical-align: middle;
    font-size: 24px;
    line-height: 24px;
    transition: all 0.5s ease-in-out;
}

    .listing-detail-leftside-ads .owl-nav button.owl-prev {
        left: 10px;
        height: 40px;
        width: 40px;
        top: 50%;
        transform: translateY(-50px);
        background: #ffffff;
        box-shadow: 0 4px 10px #00000021;
    }

    .listing-detail-leftside-ads .owl-nav button.owl-next {
        right: 10px;
        left: auto;
        height: 40px;
        width: 40px;
        top: 50%;
        transform: translateY(-50px);
        background: #ffffff;
        box-shadow: 0 4px 10px #00000021;
    }

        .listing-detail-leftside-ads .owl-nav button.owl-prev.disabled, .listing-detail-leftside-ads .owl-nav button.owl-next.disabled {
            background: none;
            box-shadow: none;
        }

        .listing-detail-leftside-ads .owl-nav button.owl-prev:hover, .listing-detail-leftside-ads .owl-nav button.owl-next:hover {
            background: #E4E3E1 !important;
        }

        .listing-detail-leftside-ads .owl-nav button.owl-prev.disabled:hover, .listing-detail-leftside-ads .owl-nav button.owl-next.disabled:hover {
            background: none !important;
            cursor: initial;
        }

        .listing-detail-leftside-ads .owl-nav button.owl-prev.disabled img, .listing-detail-leftside-ads .owl-nav button.owl-next.disabled img {
            display: none;
        }


.listing-detail-middle-ads .owl-nav button {
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    position: absolute;
    color: #fff !important;
    vertical-align: middle;
    font-size: 24px;
    line-height: 24px;
    transition: all 0.5s ease-in-out;
}

    .listing-detail-middle-ads .owl-nav button.owl-prev {
        left: 10px;
        height: 40px;
        width: 40px;
        top: 50%;
        transform: translateY(-50px);
        background: #ffffff;
        box-shadow: 0 4px 10px #00000021;
    }

    .listing-detail-middle-ads .owl-nav button.owl-next {
        right: 10px;
        left: auto;
        height: 40px;
        width: 40px;
        top: 50%;
        transform: translateY(-50px);
        background: #ffffff;
        box-shadow: 0 4px 10px #00000021;
    }

        .listing-detail-middle-ads .owl-nav button.owl-prev.disabled, .listing-detail-middle-ads .owl-nav button.owl-next.disabled {
            background: none;
            box-shadow: none;
        }

        .listing-detail-middle-ads .owl-nav button.owl-prev:hover, .listing-detail-middle-ads .owl-nav button.owl-next:hover {
            background: #E4E3E1 !important;
        }

        .listing-detail-middle-ads .owl-nav button.owl-prev.disabled:hover, .listing-detail-middle-ads .owl-nav button.owl-next.disabled:hover {
            background: none !important;
            cursor: initial;
        }

        .listing-detail-middle-ads .owl-nav button.owl-prev.disabled img, .listing-detail-middle-ads .owl-nav button.owl-next.disabled img {
            display: none;
        }

.card.featured-listing {
    border: none;
}

.range-slider.grad {
    --progress-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2) inset;
    --progress-flll-shadow: var(--progress-shadow);
    --fill-color: linear-gradient(to right, LightCyan, var(--primary-color));
    --thumb-shadow: 0 0 4px rgba(0, 0, 0, 0.3), -3px 9px 9px rgba(255, 255, 255, 0.33) inset, -1px 3px 2px rgba(255, 255, 255, 0.33) inset, 0 0 0 99px var(--primary-color) inset;
}

    .range-slider.grad input:hover {
        --thumb-transform: scale(1.2);
    }

    .range-slider.grad input:active {
        --thumb-shadow: inherit;
        --thumb-transform: scale(1);
    }

.range-slider.flat {
    --thumb-size: 25px;
    --track-height: calc(var(--thumb-size) / 5);
    --progress-shadow: none;
    --progress-flll-shadow: none;
    /* --thumb-shadow: 0 0 0 7px var(--primary-color) inset, 0 0 0 99px white inset; */
    --thumb-shadow-hover: 0 0 0 9px var(--primary-color) inset, 0 0 0 99px white inset;
    --thumb-shadow-active: 0 0 0 13px var(--primary-color) inset;
}

.range-slider {
    --primary-color: #0366d6;
    --value-offset-y: var(--ticks-gap);
    --value-active-color: white;
    --value-background: transparent;
    --value-background-hover: var(--primary-color);
    --value-font: 700 12px/1 Arial;
    --fill-color: var(--primary-color);
    --progress-background: #eee;
    --progress-radius: 20px;
    --track-height: calc(var(--thumb-size) / 5);
    --min-max-font: 12px Arial;
    --min-max-opacity: 0.5;
    --min-max-x-offset: 10%;
    --thumb-size: 22px;
    --thumb-color: white;
    --thumb-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 0 1px rgba(0, 0, 0, 0.5) inset, 0 0 0 99px var(--thumb-color) inset;
    --thumb-shadow-active: 0 0 0 calc(var(--thumb-size) / 4) inset var(--thumb-color), 0 0 0 99px var(--primary-color) inset, 0 0 3px rgba(0, 0, 0, 0.4);
    --thumb-shadow-hover: var(--thumb-shadow);
    /* --ticks-thickness: 0; */
    --ticks-height: 5px;
    --ticks-gap: var(--ticks-height, 0);
    --ticks-color: silver;
    --step: 1;
    --ticks-count: Calc(var(--max) - var(--min)) / var(--step);
    --maxTicksAllowed: 30;
    --too-many-ticks: Min(1, Max(var(--ticks-count) - var(--maxTicksAllowed), 0));
    --x-step: Max(var(--step), var(--too-many-ticks) * (var(--max) - var(--min)));
    --tickInterval: 100/ ((var(--max) - var(--min)) / var(--step)) * var(--tickEvery, 1);
    --tickIntervalPerc: calc((100% - var(--thumb-size)) / ((var(--max) - var(--min)) / var(--x-step)) * var(--tickEvery, 1));
    --value-a: Clamp(var(--min), var(--value, 0), var(--max));
    --value-b: var(--value, 0);
    --text-value-a: var(--text-value, "");
    --completed-a: calc((var(--value-a) - var(--min)) / (var(--max) - var(--min)) * 100);
    --completed-b: calc((var(--value-b) - var(--min)) / (var(--max) - var(--min)) * 100);
    --ca: Min(var(--completed-a), var(--completed-b));
    --cb: Max(var(--completed-a), var(--completed-b));
    --thumbs-too-close: Clamp(-1, 1000 * (Min(1, Max(var(--cb) - var(--ca) - 5, -1)) + 0.001), 1);
    --thumb-close-to-min: Min(1, Max(var(--ca) - 2, 0));
    --thumb-close-to-max: Min(1, Max(98 - var(--cb), 0));
    display: inline-block;
    height: max(var(--track-height), var(--thumb-size));
    background: linear-gradient(to right, var(--ticks-color) var(--ticks-thickness), transparent 1px) repeat-x;
    background-size: var(--tickIntervalPerc) var(--ticks-height);
    background-position-x: calc(var(--thumb-size) / 2 - var(--ticks-thickness) / 2);
    background-position-y: var(--flip-y, bottom);
    padding-bottom: var(--flip-y, var(--ticks-gap));
    padding-top: calc(var(--flip-y) * var(--ticks-gap));
    position: relative;
    z-index: 1;
}

    .range-slider[data-ticks-position=top] {
        --flip-y: 1;
    }

    .range-slider::before,
    .range-slider::after {
        --offset: calc(var(--thumb-size) / 2);
        content: counter(x);
        display: var(--show-min-max, block);
        font: var(--min-max-font);
        position: absolute;
        bottom: var(--flip-y, -2.5ch);
        top: calc(-2.5ch * var(--flip-y));
        opacity: clamp(0, var(--at-edge), var(--min-max-opacity));
        transform: translateX(calc(var(--min-max-x-offset) * var(--before, -1) * -1)) scale(var(--at-edge));
        pointer-events: none;
        display: none; /* new added on 2 sep */
    }

    .range-slider::before {
        --before: 1;
        --at-edge: var(--thumb-close-to-min);
        counter-reset: x var(--min);
        left: var(--offset);
    }

    .range-slider::after {
        --at-edge: var(--thumb-close-to-max);
        counter-reset: x var(--max);
        right: var(--offset);
    }

.range-slider__values {
    position: relative;
    top: 50%;
    line-height: 0;
    text-align: justify;
    width: 100%;
    pointer-events: none;
    margin: 0 auto;
    z-index: 5;
}

    .range-slider__values::after {
        content: "";
        width: 100%;
        display: inline-block;
        height: 0;
        background: red;
    }

.range-slider__progress {
    --start-end: calc(var(--thumb-size) / 2);
    --clip-end: calc(100% - (var(--cb)) * 1%);
    --clip-start: calc(var(--ca) * 1%);
    --clip: inset(-20px var(--clip-end) -20px var(--clip-start));
    position: absolute;
    left: var(--start-end);
    right: var(--start-end);
    top: calc(var(--ticks-gap) * var(--flip-y, 0) + var(--thumb-size) / 2 - var(--track-height) / 2);
    height: calc(var(--track-height));
    background: var(--progress-background, #eee);
    pointer-events: none;
    z-index: -1;
    border-radius: var(--progress-radius);
}

    .range-slider__progress::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        -webkit-clip-path: var(--clip);
        clip-path: var(--clip);
        top: 0;
        bottom: 0;
        background: var(--fill-color, black);
        box-shadow: var(--progress-flll-shadow);
        z-index: 1;
        border-radius: inherit;
    }

    .range-slider__progress::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        box-shadow: var(--progress-shadow);
        pointer-events: none;
        border-radius: inherit;
    }

.range-slider > input {
    -webkit-appearance: none;
    width: 100%;
    height: var(--thumb-size);
    margin: 0;
    position: absolute;
    left: 0;
    /* top: calc(50% - Max(var(--track-height), var(--thumb-size)) / 2 + calc(var(--ticks-gap) / 2 * var(--flip-y, -1))); */
    cursor: -webkit-grab;
    cursor: grab;
    outline: none;
    background: none;
}

    .range-slider > input:not(:only-of-type) {
        pointer-events: none;
    }

    .range-slider > input::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        height: var(--thumb-size);
        width: var(--thumb-size);
        transform: var(--thumb-transform);
        border-radius: var(--thumb-radius, 50%);
        background: var(--thumb-color);
        box-shadow: var(--thumb-shadow);
        border: none;
        pointer-events: auto;
        -webkit-transition: 0.1s;
        transition: 0.1s;
    }

    .range-slider > input::-moz-range-thumb {
        -moz-appearance: none;
        appearance: none;
        height: var(--thumb-size);
        width: var(--thumb-size);
        transform: var(--thumb-transform);
        border-radius: var(--thumb-radius, 50%);
        background: var(--thumb-color);
        box-shadow: var(--thumb-shadow);
        border: none;
        pointer-events: auto;
        -moz-transition: 0.1s;
        transition: 0.1s;
    }

    .range-slider > input::-ms-thumb {
        appearance: none;
        height: var(--thumb-size);
        width: var(--thumb-size);
        transform: var(--thumb-transform);
        border-radius: var(--thumb-radius, 50%);
        background: var(--thumb-color);
        box-shadow: var(--thumb-shadow);
        border: none;
        pointer-events: auto;
        -ms-transition: 0.1s;
        transition: 0.1s;
    }

    .range-slider > input:hover {
        --thumb-shadow: var(--thumb-shadow-hover);
    }

        .range-slider > input:hover + output {
            --value-background: var(--value-background-hover);
            --y-offset: -5px;
            color: var(--value-active-color);
            box-shadow: 0 0 0 3px var(--value-background);
        }

    .range-slider > input:active {
        --thumb-shadow: var(--thumb-shadow-active);
        cursor: -webkit-grabbing;
        cursor: grabbing;
        z-index: 2;
    }

        .range-slider > input:active + output {
            transition: 0s;
        }

    .range-slider > input:nth-of-type(1) {
        --is-left-most: Clamp(0, (var(--value-a) - var(--value-b)) * 99999, 1);
    }

        .range-slider > input:nth-of-type(1) + output {
            --value: var(--value-a);
            --x-offset: calc(var(--completed-a) * -1%);
        }

            .range-slider > input:nth-of-type(1) + output:not(:only-of-type) {
                --flip: calc(var(--thumbs-too-close) * -1);
            }

            .range-slider > input:nth-of-type(1) + output::after {
                content: var(--prefix, "") var(--text-value-a) var(--suffix, "");
            }

    .range-slider > input:nth-of-type(2) {
        --is-left-most: Clamp(0, (var(--value-b) - var(--value-a)) * 99999, 1);
    }

        .range-slider > input:nth-of-type(2) + output {
            --value: var(--value-b);
        }

    .range-slider > input:only-of-type ~ .range-slider__progress {
        --clip-start: 0;
    }

    .range-slider > input + output {
        --flip: -1;
        --x-offset: calc(var(--completed-b) * -1%);
        --pos: calc(((var(--value) - var(--min)) / (var(--max) - var(--min))) * 100%);
        pointer-events: none;
        position: absolute;
        z-index: 5;
        background: var(--value-background);
        border-radius: 10px;
        padding: 2px 4px;
        left: var(--pos);
        transform: translate(var(--x-offset), calc(150% * var(--flip) - (var(--y-offset, 0px) + var(--value-offset-y)) * var(--flip)));
        transition: all 0.12s ease-out, left 0s;
        display: none; /* hidden output popup from slider change 2 sep */
    }

        .range-slider > input + output::after {
            content: var(--prefix, "") var(--text-value-b) var(--suffix, "");
            font: var(--value-font);
        }

.range-slider,
label[dir=rtl] .range-slider {
    width: clamp(300px, 19vw, 800px);
    min-width: 200px;
    //flex: 0 0 70%; /* new change 2sep */
    flex: 0 0 80%;
}

.main-rgt-button-block {
    text-align: right;
    /*position: absolute;*/
    bottom: -10px;
    right: 0;
}

/* 2 sep new design */
.follow-container.sp-go-ratings {
    font-size: 15px;
    padding: 8px 12px;
    background: transparent;
    color: #0366d6;
    font-weight: 600;
    border: 1px solid #0366d6;
}

.range-sldr-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
    width: 100%;
}

.slider-range-values {
    margin-bottom: 5px;
}

.cat.action.inactive {
    border: 1px solid #ddd;
}

.cat.inactive label input + span {
    color: #ddd;
}

.subcategories-field.header-reset-flex {
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
}

.follow-container.sp-go-ratings.reset-pricing {
    border: unset;
    text-align: right;
}

.slider-track {
    width: 100%;
    height: 5px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    border-radius: 5px;
}
/* new updated changes*/
.filter-hd-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.filter-hd-block h6 {
    margin-bottom: 0;
}