@charset "utf-8";
/* CSS Document */
@import "../../fonts/font.css";

* {
    font-family: var(--ss_medium);
    color: var(--black);
}

ul, li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
/* @media (prefers-reduced-motion: no-preference){
    :root {
        scroll-behavior:auto!important;
    }
} */
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1240px;
        max-width: 1235px
    }

    .recruitment .container {
        max-width: 1094px;
    }
}
@media (min-width:1025px) {
    div#appointmentModel {
         margin-top: 140px; 
        height: 82vh;
    }
   .profile-page div#appointmentModel {
         margin-top: 0px; 
        position: fixed;
        top: 50%;
        transform: translateY(-50%);
    }
}
body, p, label, li, a, div {
    font-size: 1rem;
}

header, .shop-health-brand, .navbar-expand-lg, .navbar-register .navbar-collapse, .navbar-expand-lg .navbar-nav .nav-link::after, .login-register li a, .read-more a, .read-more a img, .appointment-card, .appointment-card h3, .appointment-card p, footer a, .appts-tabs li a, .appts-tabs li a::after, .appts-sub-tabs li a, .appts-sub-tabs li a img, .appts-sub-tabs .swiper-slide a, .appts-sub-tabs .swiper-slide a img, .swiper-button-prev, .swiper-button-next, .swiper-button-prev::after, .swiper-button-next::after, .network a, .appmt-card, .prev-btn, .next-btn, .prev-btn img, .next-btn img, .view-availability-btn, .appmt-time-slot, .hear-card a, .rectangle-link, .checklist-box, .plus-btn span, .social-media-login ul li a, .social-media-login ul li a img, .social-media-login ul li a span, .profile-links li a, .profile-links li a img, .profile-links li a::after, .profile-links li a::before, .profile-menu-link span, .profile-menu-link span::before, .profile-menu-link span::after, .dr-dashboard-links li a img, .dr-dashboard-links li a, .dashboard-hamburger-link img, .dashboard-message-link img, .dashboard-notification-link img, .dashboard-search-btn, .dashboard-search-btn img, .view-btn, .view-btn img {
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s
}

body, h1, h2, h3, h4, h5, h6 {
    font-family: var(--ss_semibold);
}

h1, h2, h3, h4, h5, h6 {
    color: var(--black);
}

header {
    width: 100%;
    left: 0;
    top: 0;
    z-index: 99;
    backdrop-filter: blur(0px);
    border-top: 4px solid var(--orange);
    box-shadow: 0 4px 19px rgba(0,0,0,0.09);
    background: var(--white);
}

.orng-bdr-tp {
    border-top: 4px solid var(--orange);
}

header .navbar > .container {
    position: relative;
    z-index: 1;
}

.navbar-expand-lg {
    padding-top: 2rem;
    padding-bottom: 2.4rem;
}

.shop-health-brand {
    display: block;
    overflow: hidden;
    width: 118px;
}

    .shop-health-brand:hover {
        opacity: 0.6;
    }

.navbar-expand-lg .navbar-nav a {
    white-space: nowrap;
    color: var(--black);
    font-size: 1.125rem;
    padding: 0;
    font-family: var(--ss_medium);
}

.navbar-collapse {
    flex-grow: initial
}

.navbar-register {
    padding-left: 8rem;
}

.navbar-expand-lg .navbar-nav .nav-link {
    position: relative;
    padding: 0;
    line-height: 1.2;
}

    .navbar-expand-lg .navbar-nav .nav-link::after {
        position: absolute;
        display: block;
        width: 0%;
        top: 205%;
        height: 2px;
        background: var(--orange);
        content: '';
        left: 50%;
        transform: translateX(-50%);
    }

    .navbar-expand-lg .navbar-nav .nav-link:hover, .navbar-expand-lg .navbar-nav .nav-link.active {
        color: var(--orange);
    }

        .navbar-expand-lg .navbar-nav .nav-link:hover::after, .navbar-expand-lg .navbar-nav .nav-link.active::after {
            width: 100%;
        }

    .navbar-expand-lg .navbar-nav .nav-link span {
        display: inline-block;
    }

.navbar-expand-lg .navbar-nav li {
    padding: 0 1rem;
}

.navbar-expand-lg .navbar-nav > li + li, .login-register > li + li {
    border-left: 1px solid var(--black)
}

.navbar-expand-lg .navbar-nav li:last-child {
    padding-right: 0;
}

.login-register {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    margin-left: 20px;
}

    .login-register li {
        padding: 0 0.7rem
    }

        .login-register li a {
            color: var(--orange);
            font-family: var(--ss_medium);
            font-size: 1.125rem;
            padding: 0;
            line-height: 1;
        }

            .login-register li a:hover {
                color: var(--black);
            }

    .login-register > li.nav-item.dropdown .dropdown-toggle {
        font-family: var(--ss_semibold);
    }

    .login-register > li .dropdown-menu > li a {
        padding: 8px 0px;
        font-size: 1rem;
        color: var(--black);
    }

        .login-register > li .dropdown-menu > li a:hover {
            background: none;
            color: var(--orange)
        }

    .login-register > li .dropdown-menu > li + li a {
        border-top: 1px solid var(--gray2);
    }

.dropdown-toggle::after {
    width: 8px;
    height: 8px;
    border: 0px solid transparent;
    border-right: 1px solid var(--black);
    border-bottom: 1px solid var(--black);
    transform: rotate(45deg);
    margin-left: 1rem
}

.banner-img {
    display: none;
}
@media screen and (min-width:992px) and (max-width:1024px) {
    .banner-img {
        right: -40px !important;
    }
    .banner-head {
        max-width: 420px!important;
    }
}
    @media screen and (min-width:992px) {
        .smaller .navbar-expand-lg {
            padding-top: 0.5rem;
            padding-bottom: 1rem;
        }


        .banner-img {
            display: block;
            width: 852px;
            right: -370px;
            position: relative;
        }

        .banner-head {
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%);
            max-width: 702px;
        }
            .banner-head h2 {
                font-size:48px !important;
            }
            .banner .search-bar {
                width: 100%;
                z-index: 9;
                bottom: 5px;
                background: rgba(0, 0, 0,0.3);
                position: absolute;
            }

        .profile-card .collapse:not(.show) {
            display: block;
        }
    }

    .btn {
        background: var(--orange);
        font-family: var(--ss_medium);
        color: var(--white);
        font-size: 1.15rem;
        padding: 0.5rem 2rem 0.7rem 2rem;
        border-radius: 5px;
        border-color: var(--orange)
    }

        .btn, .btn:hover, .btn:focus {
            color: var(--white);
            border-radius: 5px;
        }

            .btn:hover, .btn:focus {
                background: var(--yellow);
                border-color: var(--yellow);
            }

            .btn:focus, .btn-close:focus {
                box-shadow: 0 0 0 0.25rem rgba(250,166,26,0.5);
            }

    .caret {
        font-size: 3rem;
    }

    .yellow-btn {
        background-color: var(--yellow);
        color: var(--white);
        border-color: var(--yellow);
    }

        .yellow-btn:hover, .yellow-btn:focus {
            background: var(--orange);
            border-color: var(--orange);
        }

        .yellow-btn:focus {
            box-shadow: 0 0 0 0.25rem rgba(241,90,34,0.5);
        }

    .border-btn {
        border: 1px solid var(--orange) !important;
        background: none;
        color: var(--orange);
        padding: 0.35rem 1rem 0.55rem 1rem
    }

        .border-btn:hover, .border-btn:focus {
            background: var(--orange);
            color: var(--white);
            border-color: var(--orange);
        }

        .border-btn:focus {
            background: var(--orange);
            color: var(--white);
            box-shadow: 0 0 0 0.25rem rgba(241,90,34,0.5);
        }

    [data-aos="zoom-1"] {
        transform: scale(5);
        opacity: 0;
        transition-property: transform, opacity;
    }

        [data-aos="zoom-1"].aos-animate {
            transform: scale(1);
            opacity: 1;
        }

    [data-aos="heading-1"] span {
        transform: translateX(250px) scale(2);
        opacity: 0;
        transition-property: transform, opacity;
    }

    [data-aos="heading-1"].aos-animate span {
        transform: translateX(0px) scale(1);
        opacity: 1;
    }

    .banner {
        background: var(--white);
        position: relative;
        z-index: 1;
        overflow: hidden;
        padding-top: 148px;
    }


        .banner h1 {
            font-size: 3.625rem;
            font-family: var(--ss_semibold);
            color: var(--black);
        }

    h1 {
        font-size: 3rem;
    }

    .search-bar {
        background: #FFF9F0;
        padding: 2.3rem 0;
    }

    .search-area {
        border: 1px solid #ababab;
        margin: 0 auto;
        width: 99%;
        background: var(--white);
        border-radius: 0.5rem;
    }

        .search-area .row {
            margin: 0;
        }

            .search-area .row .col {
                display: flex;
                padding: 0;
                position: relative;
            }

                .search-area .row .col::after {
                    content: '';
                    top: 50%;
                    transform: translateY(-50%);
                    width: 2px;
                    height: 37%;
                    background: var(--site);
                    display: block;
                    position: absolute;
                    right: 0;
                }

                .search-area .row .col .form-control {
                    background: none;
                    font-size: 1rem;
                    font-family: var(--ss_medium);
                    height: 84px;
                    padding: 0 1rem 0 3rem;
                    border: 0px solid #fff;
                }

                .search-area .row .col:nth-child(1) {
                    width: 19%;
                    max-width: 19%;
                }

                    .search-area .row .col:nth-child(1) .form-control {
                        background: url(../../../images/location-icon.svg) 10px center no-repeat;
                        background-size: 29px auto;
                    }

                .search-area .row .col:nth-child(2) {
                    width: 21%;
                    max-width: 21%;
                }

                .search-area .row .col:nth-child(3) {
                    width: 17.5%;
                    max-width: 17.5%;
                }

                .search-area .row .col:nth-child(4) {
                    width: 36%;
                    max-width: 36%;
                }

                .search-area .row .col:nth-child(5) {
                    width: 7%;
                    max-width: 7%;
                }

                    .search-area .row .col:nth-child(4)::after, .search-area .row .col:nth-child(5)::after {
                        display: none;
                    }

        .search-area .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
            width: 100%;
        }

        .search-area .bootstrap-select > .dropdown-toggle {
            height: 100%;
            font-size: 1rem;
            padding: 0;
        }

        .search-area .row .col:nth-child(2) .bootstrap-select > .dropdown-toggle {
            border-color: var(--white);
            background: none;
            text-transform: none;
            background: url(../../../images/category-icon.svg) 1.3rem center no-repeat;
            background-size: 29px auto;
        }

        .search-area .row .col:nth-child(3) .bootstrap-select > .dropdown-toggle, .search-area .row .col:nth-child(3) .form-control {
            background: none;
            text-transform: none;
            background: url(../../../images/search-interface-icon.svg) 1rem center no-repeat;
            background-size: 20px auto;
        }

        .search-area .row .col:nth-child(4) .form-control {
            background: none;
            text-transform: none;
            background: url(../../../images/insurance-icon.svg) 15px center no-repeat;
            background-size: 28px auto;
            padding-left: 4rem;
        }

        .search-area .row .col:nth-child(5) .btn {
            padding: 0;
            width: 100%;
            border-radius: 0 0.5rem 0.5rem 0;
        }

            .search-area .row .col:nth-child(5) .btn img {
                width: 43%;
            }

            .search-area .row .col:nth-child(5) .btn img {
                filter: invert(1);
            }

    .bootstrap-select > .dropdown-toggle:after {
        font-size: 3rem;
        border: 2px solid transparent;
        border-bottom: 2px solid #585858;
        border-right: 2px solid #585858;
        width: 0.75rem;
        height: 0.75rem;
        transform: rotate(45deg);
        position: absolute;
        right: 1.2rem;
        margin-top: -8px;
    }

    .search-area .bootstrap-select .dropdown-toggle .filter-option {
        display: flex;
        align-items: center;
        padding-left: 3.9rem;
    }

    .dropdown-item.active, .dropdown-item:active {
        background: var(--orange);
    }

        .dropdown-item.active span.text, .dropdown-item:active span.text {
            color: var(--white);
        }

    .form-control:focus {
        border-color: var(--l_yellow);
        box-shadow: 0 0 0 0.25rem rgb(255, 206, 126,0.35)
    }

    .bs-actionsbox, .bs-donebutton, .bs-searchbox {
        margin-bottom: 1rem;
    }

    .bootstrap-select .dropdown-menu li a span.text {
        font-size: 1rem;
    }

    .bootstrap-select .dropdown-menu li a {
        padding: .5rem 1rem;
    }

    .bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
        outline: none !important;
        box-shadow: 0 0 0 0.25rem rgb(255, 206, 126,0.35)
    }

    .healthcare-service {
        padding-top: 10rem;
        padding-bottom: 5.8rem;
        background: url(../../../images/plus-icon.svg) 80% 102px no-repeat;
        background-size: 8.6875rem auto;
        overflow: hidden;
    }

    .healthcare-row {
        margin-top: 13px;
        margin-bottom: 2rem;
    }

        .healthcare-row .col-lg-3 {
            padding-top: 2rem;
            padding-bottom: 1rem;
        }

    .healthcare-card {
        height: 100%;
        padding: 0 1.5rem calc(1.5rem + 50px) 1.5rem;
        position: relative;
        z-index: 1;
    }

        .healthcare-card h3 {
            font-size: 1.5rem;
            color: var(--black);
            min-height: 60px;
        }

        .healthcare-card p {
            font-size: 1rem;
            color: #494949;
            font-family: var(--ss_book);
        }

    .healthcare-row .col-lg-3:nth-child(odd) .healthcare-card, .healthcare-row .swiper-slide:nth-child(odd) .healthcare-card {
        background: #FFF6E6;
    }

    .healthcare-row .col-lg-3:nth-child(even) .healthcare-card, .healthcare-row .swiper-slide:nth-child(even) .healthcare-card {
        background: #F8F8F8;
    }

    .healthcare-holder, .healthcare-icon {
        height: 5.625rem;
    }

    .healthcare-holder {
        position: relative;
    }

    .healthcare-icon {
        width: 5.625rem;
        background: var(--white);
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        position: absolute;
        left: 0rem;
        top: -1.2rem;
    }

        .healthcare-icon img {
            width: 55%;
        }

    .read-more {
        bottom: 1.5rem;
        left: 1.5rem;
        position: absolute;
        height: 45px;
    }

        .read-more a {
            display: flex;
            width: 2.75rem;
            height: 2.75rem;
            background: var(--white);
            align-items: center;
            justify-content: center;
            border-radius: 50%;
        }

            .read-more a img {
                width: 50%;
            }

            .read-more a:hover {
                background: var(--orange);
            }

                .read-more a:hover img {
                    filter: invert(1);
                    transform: translateX(10px);
                }

    .healthcare_carousel {
        padding-left: 0px;
        padding-right: 0px;
    }

        .healthcare_carousel .healthcare-button-prev {
            left: -40px;
        }

        .healthcare_carousel .healthcare-button-next {
            right: -40px;
        }

        .healthcare_carousel .swiper-slide {
            padding: 15px 0
        }

    .healthcare-card {
        height: 100%;
    }

    .swiper-slide {
        height: auto;
    }

    h1 {
        letter-spacing: -0.3px;
    }

    h2 {
        font-size: 2.55rem;
        color: var(--black);
        letter-spacing: -0.3px;
    }

    .appointment {
        padding-top: 5rem;
        padding-bottom: 2.5rem;
        background: var(--l_yellow);
    }

        .appointment .container {
            position: relative;
        }

    .plus2 {
        left: calc(-7rem/2);
        top: -6.5rem;
        width: 5.5rem;
        padding: 0;
        margin: 0;
    }

    .appointment h1 {
        text-align: center;
    }

    .appointment h1, .why-shophealth h1 {
        font-size: 2.55rem;
        color: var(--black);
    }

    .appointment-row {
        margin-top: 1.5rem;
    }

        .appointment-row .col-lg-4 {
            padding-top: 1rem;
            padding-bottom: 1rem;
        }

            .appointment-row .col-lg-4 .appointment-card::before {
                position: absolute;
                font-size: 20rem;
                top: 46%;
                transform: translateY(-50%);
                right: calc(-25%/2);
                line-height: 1;
                font-family: var(--ss_bold);
                z-index: 0;
                opacity: 0.035;
            }

            .appointment-row .col-lg-4:nth-child(1) .appointment-card::before {
                content: '1';
            }

            .appointment-row .col-lg-4:nth-child(2) .appointment-card::before {
                content: '2';
            }

            .appointment-row .col-lg-4:nth-child(3) .appointment-card::before {
                content: '3';
            }

    .appointment-card {
        padding-left: 3rem;
        padding-right: 3rem;
        height: 100%;
        padding-bottom: 2.2rem;
        background: var(--white);
        position: relative;
        overflow: hidden;
    }

        .appointment-holder, .appointment-card h3, .appointment-card p {
            position: relative;
            z-index: 5;
        }

    .appointment-holder {
        padding-top: 3rem;
        margin-bottom: 0.8rem;
    }

    .appointment-icon {
        width: 55px;
        height: 55px;
        background: #FFF3D8;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .appointment-icon img {
            width: 60%;
        }

    .appointment-card h3 {
        font-size: 1.5rem;
        margin-bottom: 1.3rem;
    }
    /* .healthcare-row.row{--bs-gutter-x:2.5rem!important;} */
    a {
        text-decoration: none;
        color: var(--yellow);
    }

        a:hover, a:focus {
            color: var(--orange);
        }

    .appointment-card:hover {
        background: var(--orange);
    }

        .appointment-card:hover h3, .appointment-card:hover p {
            color: var(--white);
        }

    .appointment-card p {
        margin-bottom: 0;
    }

    .shape1 {
        text-align: right;
        height: 50px;
        padding-right: 2rem;
        margin-top: 2.5rem;
    }

        .shape1 img {
            width: 23.875rem
        }

    .why-shophealth {
        padding-top: 12.7rem;
        padding-bottom: 11.2rem;
        overflow: hidden;
    }

        .why-shophealth h1 {
            margin-bottom: 3rem;
            line-height: 1.35;
        }

    .whc-card-holder {
        max-width: 593px;
    }

        .whc-card-holder img {
            width: 100%;
        }

    .whc-col {
        padding-left: 1rem;
    }

    .whc-card {
        max-width: 440px;
    }

        .whc-card ul {
            margin: 0;
            padding: 0;
            list-style-type: none;
        }

            .whc-card ul li {
                display: flex;
            }

                .whc-card ul li + li {
                    margin-top: 1rem;
                }

                .whc-card ul li h4 {
                    margin-bottom: 0.75rem
                }

    .list-names {
        padding-left: 1.4rem;
    }

        .list-names p {
            line-height: 1.9;
            color: var(--gray8);
        }

    .recruitment {
        background: var(--orange)
    }

    .recruitment-card {
        padding-top: 6rem;
        padding-bottom: 4rem;
    }

        .recruitment-card h2, .recruitment-card p {
            color: var(--white);
        }

        .recruitment-card p {
            line-height: 1.8;
            font-size: 1.12rem;
            margin-bottom: 0.5rem;
        }

        .recruitment-card h2 {
            margin-bottom: 1.8rem;
        }

        .recruitment-card .btn {
            background: var(--yellow);
            font-size: 1.5rem;
            text-transform: none;
            padding: 0.35rem 1rem;
            width: 16rem;
            border-radius: .5rem;
        }

            .recruitment-card .btn:hover {
                background: var(--gray10);
                border-color: var(--gray10);
            }

    .recruitment-col {
        padding-top: 1.25rem;
        display: flex;
        align-items: end;
    }

    .recruitment-holder img {
        max-width: 100%;
    }

    footer {
        padding-top: 5.6rem;
        background: var(--gray9);
        padding-bottom: 8rem;
    }

    footer, .copyrights {
        position: relative;
        z-index: 8;
    }

        footer .container .row .col .shop-health-brand {
            margin-bottom: 2.5rem;
        }

            footer .container .row .col .shop-health-brand img {
                filter: invert(1) brightness(50);
            }

            footer .container .row .col .shop-health-brand:hover {
                opacity: 0.5;
            }



        /* footer .container .row .col:nth-child(2) {
        width: 25%;
        max-width: 25%;
    }

    footer .container .row .col:nth-child(3) {
        width: 19.8%;
        max-width: 19.8%;
    }

    footer .container .row .col:nth-child(4) {
        width: 29%;
        max-width: 29%;
    }*/

        footer .container .row .col:nth-child(1) p {
            margin-bottom: 1.7rem;
        }

        footer h3 {
            color: var(--white);
            font-size: 1.5rem;
            font-family: var(--ss_semibold);
            position: relative;
            z-index: 1;
        }

            footer h3 a {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
            }

    .js-acc-single-trigger {
        display: none;
    }

    footer ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    .accordion-single-content {
        margin-top: 1.9rem;
    }

    footer .links li + li {
        padding-top: 0.4375rem;
    }

    footer a {
        color: #DFDFDF;
    }

    .newsletter {
        padding-top: 0.9rem;
    }

        .newsletter .btn {
            font-size: 1.25rem;
        }

        .newsletter .form-control {
            background: none;
            color: var(--white);
            font-size: 1rem;
            padding: .75rem .75rem;
            margin-bottom: 1rem;
        }

            .newsletter .form-control::placeholder {
                color: var(--gray2);
            }

    .social-media {
        display: flex;
        margin: 1rem 0 0 0;
    }

        .social-media li + li {
            margin-left: 0.5rem;
        }

        .social-media li a {
            width: 32px;
            height: 32px;
            display: flex;
            border: 1px solid var(--white);
            align-items: center;
            justify-content: center;
            color: var(--white);
        }

            .social-media li a:hover {
                background: var(--orange);
                border: 1px solid var(--orange);
            }

    .copyrights {
        text-align: center;
        padding: 3rem 0;
        background: var(--black);
    }

        .copyrights h4 {
            color: var(--white);
            font-size: 1.25rem;
        }

    #scroll-container {
        overflow: hidden;
    }
    /*appointment----s*/
    .banner iframe {
        height: 415px;
    }

    .all-appointments {
        padding-top: 4.55rem;
    }

    .mobile-menu {
        display: none;
    }

    .appts-tabs {
        display: flex;
        border-bottom: 1px solid #EFEFEF;
        padding: 0 0 0.35rem 0;
        margin-bottom: 1.6rem;
    }

        .appts-tabs li + li {
            margin-left: 2.4rem;
        }

        .appts-tabs li a {
            font-size: 1.125rem;
            font-family: var(--ss_medium);
            color: var(--gray3);
            position: relative;
            z-index: 1;
        }

            .appts-tabs li a::after {
                content: '';
                width: 100%;
                position: absolute;
                top: 123%;
                height: 2px;
                background: var(--orange);
                left: 0;
                display: none;
            }

            .appts-tabs li a.active, .appts-tabs li a:hover, .appts-tabs li a:focus {
                color: var(--black)
            }

    .appointmapptsents-tabs li a.active::after {
        display: var(--black);
    }

    .appts-sub-tabs {
        display: flex;
        background: #fff;
    }

        .appts-sub-tabs li a, .appts-sub-tabs .swiper-slide a {
            display: flex;
            color: var(--gray10);
            padding: 0.6rem 1.25rem;
            align-items: center;
            border-radius: 0.5rem;
        }

        .appts-sub-tabs li + li {
            margin-left: 0.5rem;
        }

        .appts-sub-tabs li a img, .appts-sub-tabs .swiper-slide a img {
            height: 20px;
            margin-right: 0.2rem;
            opacity: 0;
        }

        .appts-sub-tabs li a.active, .appts-sub-tabs li a:hover, .appts-sub-tabs .swiper-slide-active a, .appts-sub-tabs .swiper-slide a:hover {
            background: var(--ll_yellow);
        }

            .appts-sub-tabs li a.active img, .appts-sub-tabs li a:hover img, .appts-sub-tabs .swiper-slide-active a img, .appts-sub-tabs .swiper-slide a:hover img {
                opacity: 1;
            }

        .appts-sub-tabs .apptsSubTabsSwiper {
            margin: 0;
        }

        .appts-sub-tabs .swiper-slide {
            width: auto;
        }

    .specialists-row {
        margin-top: 40px;
        padding-bottom: 7px;
    }

        .specialists-row h6 {
            color: var(--black);
            font-size: 1rem
        }

            .specialists-row h6 span {
                display: block;
                color: var(--gray6);
                margin-top: 0.4rem;
            }

        .specialists-row h5 {
            color: var(--black);
            font-size: 1rem;
            margin-top: 7px;
        }

    .swiper-button-prev, .swiper-button-next {
        width: 30px;
        height: 30px;
    }

        .swiper-button-prev::after, .swiper-button-next::after {
            background: url(../../../images/left-arrow.svg) center center no-repeat !important;
            content: '';
            width: 30px;
            height: 30px;
        }

        .swiper-button-next::after {
            transform: rotate(180deg);
        }

        .swiper-button-prev:hover, .swiper-button-next:hover {
            background: var(--orange);
        }

            .swiper-button-prev:hover::after, .swiper-button-next:hover::after {
                filter: invert(1);
            }

    .specialists-btns {
        width: 75px;
        padding-top: 5px;
    }

        .specialists-btns div {
            position: static;
            margin: 0;
        }

    .prev-btn, .next-btn {
        border: none;
        width: 35px;
        height: 35px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        background: none;
        border-radius: 5px;
    }

        .next-btn img {
            transform: rotate(180deg);
        }

        .prev-btn:hover, .next-btn:hover {
            background: var(--orange);
        }

            .prev-btn:hover img, .next-btn:hover img {
                filter: invert(1);
            }

    .appointments-contents-item {
        border-top: 1px solid #EFEFEF;
        padding: 2.5rem 0 0 0;
    }

    .specialists-col {
        width: 47.8%;
    }

    .appointments-week-list-col {
        width: 52.2%;
    }

    .carousel-specialists {
        margin: 2.5rem 0;
    }

    .specialists-holder-sub {
        width: 12.6rem;
        height: 100%;
    }

    .specialists-img {
        width: 80%;
        height: 100%;
    }

    .square-img {
        overflow: hidden;
        height: 0;
        position: relative;
        z-index: 1;
        padding-bottom: 100%;
        width: 100%;
    }

        .square-img img {
            position: absolute;
            max-width: 100%;
            max-height: 100%;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            min-width: 100%;
            min-height: 100%;
            object-fit: cover;
        }

    .bdr-rad50 {
        border-radius: 50%;
    }

    .shape2 {
        width: 4.5625rem;
        margin-bottom: 2rem;
    }

        .shape2 img {
            opacity: .3;
        }

    .specialist-rating img {
        width: 15px
    }

        .specialist-rating img + img {
            margin-left: 2px;
        }

    .specialists-dtl {
        padding-right: 0rem;
    }

        .specialists-dtl h3 {
            font-size: 1.5625rem;
            color: var(--orange);
            margin-bottom: 0;
        }

        .specialists-dtl .specialists-post {
            color: var(--black);
            margin-bottom: 0.2rem;
            font-size: 0.9rem;
        }

    .rating-star-views {
        font-size: 0.9rem;
        align-items: center;
    }

        .rating-star-views div {
            color: var(--black);
        }

    .specialist-rating {
        margin: 0 0.35rem;
        display: flex;
    }

    .rating-total span {
        color: var(--gray5);
    }

    .dr-address {
        font-size: 0.9rem;
        color: var(--black);
        margin-top: 0.8rem;
    }

        .dr-address img {
            width: 15px;
            margin-right: 10px;
        }

    .fee {
        display: flex;
        font-size: 2rem;
        font-size: 1.625rem;
        font-family: var(--ss_semibold);
        color: var(--black);
        margin-top: 0.72rem;
        border-top: 1px solid var(--gray2);
        border-bottom: 1px solid var(--gray2);
        padding: 0.55rem 0;
        margin-bottom: 0.4rem;
    }

        .fee img {
            width: 20px;
            margin-right: 10px
        }

    .network {
        margin-bottom: 1.0rem;
    }

        .network a {
            color: var(--orange);
            display: inline-block;
        }

            .network a:hover {
                color: var(--yellow);
            }

        .network img {
            width: 18px;
            margin-right: 7px;
        }

    .specialists-dtl p {
        color: var(--gray5);
    }

    .appointments-week-list-col .row {
        margin-left: calc(-.15 * var(--bs-gutter-x));
    }

        .appointments-week-list-col .row > * {
            padding: 0 calc(var(--bs-gutter-x) * .15) calc(var(--bs-gutter-x) * .3) calc(var(--bs-gutter-x) * .15);
        }

        .appointments-week-list-col .row .col-2 {
            width: 13.9%
        }

    .appmt-card {
        display: block;
        background: var(--yellow);
        position: relative;
        z-index: 9;
        height: 100%;
        border-radius: 7px;
    }

        .appmt-card span, .appmt-card p, .appmt-card h2, .appmt-card div {
            color: var(--white);
        }

        .appmt-card span {
            font-size: 0.875rem
        }

        .appmt-card p {
            font-size: 1rem
        }

    .appmt-card-sub {
        padding: 7px 7px 7px 7px;
    }

    .date-checks {
        border-bottom: 1px solid var(--white);
        padding-bottom: 10px;
    }

    .appmt-card h2 {
        margin-bottom: 0;
        font-size: 2.25rem;
    }

    .date-checks p {
        margin: 0 0 0px 0;
    }

    .appts-checks {
        font-size: 1rem;
        line-height: 1;
    }

    .appmt-card:hover {
        background: var(--orange);
    }

    .unavailable {
        background: var(--gray4) !important;
        cursor: default;
        color: var(--white) !important;
    }

    .view-availability {
        padding-top: 0.5rem;
        padding-bottom: 1.7rem
    }

    .view-availability-btn {
        background: var(--gray2);
        display: inline-block;
        padding: 0.35rem 0.8rem;
        border: none;
        border-radius: 5px;
        color: var(--black);
        font-family: var(--ss_semibold);
    }

        .view-availability-btn:hover {
            background: var(--orange);
            color: var(--white);
        }

    .max-width964 {
        max-width: 964px;
    }

    .modal-header .specialist-rating {
        margin-left: 0;
        margin-right: 10px;
    }

        .modal-header .specialist-rating img {
            width: 19px;
        }

    .modal-header .shape2 {
        width: 7rem;
        margin: 0;
    }

    .modal-header .specialists-card {
        margin-bottom: 2rem;
    }

    .large-header {
        padding: 2rem 4rem 1rem 4rem;
    }

    .modal-header .btn-close {
        font-size: 1.65em;
        opacity: 1;
    }

    .time-slot-body {
        padding: 2rem 4rem 1rem 4rem;
    }

        .time-slot-body h5 {
            margin: 0rem 0 1.2rem 0;
            font-size: 1.25rem;
        }

        .time-slot-body .time-slot-row {
            margin-bottom: 2rem;
        }

    .time-slot-row {
        border: 1px solid #F2F2F2;
        box-shadow: 2px 3px 5px rgba(0,0,0,0.1);
        border-radius: 6px;
        padding: 1rem;
    }

        .time-slot-row ul {
            display: flex;
            flex-wrap: wrap;
        }

            .time-slot-row ul li {
                padding: 0.4rem;
            }

    .appmt-time-slot {
        background: var(--yellow);
        color: var(--white);
        padding: 0.55rem;
        border-radius: 6px;
        font-size: 0.9375rem;
        font-family: var(--ss_semibold);
        display: block;
    }

        .appmt-time-slot:hover, .appmt-time-slot:focus {
            background: var(--orange);
            color: var(--white);
        }

    .modal-header h5 {
        margin-bottom: 0;
    }

    .modal-header .specialists-btns {
        padding-top: 0;
    }

    .pagination-row {
        margin: 5rem 0;
    }

        .pagination-row ul li + li {
            padding-left: 5px;
        }

        .pagination-row .page-link {
            border: none;
            font-size: 1.25rem;
            color: var(--black);
            padding: 0.8rem 1.2rem;
            background: var(--white);
            border-radius: 7px;
        }

    .page-link.active {
        background: var(--orange);
        color: var(--white);
    }

    .page-link:focus {
        border: none;
        box-shadow: 0 0 0 0.25rem rgba(250, 166, 26, 0.25)
    }

    .page-link:hover {
        background: var(--yellow);
        color: var(--white);
    }
    /*appointment----e*/
    /*sign-up----s*/
    .signup-left-col {
        background: url(../../../images/sign-up-img.webp) left top no-repeat;
        background-size: cover;
        position: fixed;
        z-index: 1;
        height: 100vh;
        top: 0;
        left: 0;
    }

        .signup-left-col::before {
            position: absolute;
            content: '';
            left: 0;
            top: 0;
            width: 100vw;
            height: 4px;
            background: var(--orange);
            z-index: 1;
        }

        .signup-left-col::after {
            position: absolute;
            content: '';
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: rgba(255, 255, 255, 0.4);
            z-index: 0;
        }

    .signup-left-sub {
        height: 100%;
        padding-top: 6.875rem;
        position: relative;
        z-index: 9;
    }

        .signup-left-sub .shop-health-brand {
            margin: 0 auto;
            width: 11.875rem;
        }

    .signup-right-sub {
        max-width: 550px;
        margin-left: 6.875rem;
        padding-top: 6.875rem;
        padding-bottom: 6.875rem;
    }

    .shape3 {
        position: absolute;
        top: 75%;
        transform: translateY(-50%);
        z-index: 1;
        left: -30%;
        width: 100%;
    }

        .shape3 img {
            filter: invert(1) brightness(50);
        }

    .shape4 {
        position: absolute;
        top: 30%;
        transform: translateY(-50%);
        z-index: 1;
        right: 5%;
        width: 3.375rem;
    }

    .shapessss5 img {
        filter: invert(1) brightness(50);
    }

    .shape5 {
        position: absolute;
        top: 65%;
        transform: translateY(-50%);
        z-index: 1;
        right: 5%;
        width: 3.375rem;
        opacity: 0.3;
    }

    .fontsize14 {
        font-size: 0.875rem;
    }

    .fontsize15 {
        font-size: 0.9375rem;
    }

    .form-control {
        padding: .75rem 1rem;
    }

    .form-control, .radio-group .form-check, .star-rating-main {
        border: 1px solid var(--gray);
    }

    .checkbox-box {
    }

        .checkbox-box .form-check-label {
            margin-left: 30px;
        }

    .radio-group .form-check {
        padding: 0.66em 1rem;
        border-radius: 0.375rem;
        overflow: hidden;
    }

        .radio-group .form-check .form-check-input {
            margin-left: 0;
            margin-right: 15px;
            margin-top: 0;
        }

    .form-check-input:checked[type=radio] {
        background-color: var(--white);
        border-color: var(--orange);
    }

    .form-check-input:checked[type=radio] {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2.5 -2.5 5 5'%3e%3ccircle r='2' fill='%23f15a22'/%3e%3c/svg%3e");
    }

    .form-check-input:focus {
        border-color: var(--orange);
        box-shadow: 0 0 0 0.25rem rgba(241,90,34,.25);
    }

    .form-check-input {
        width: 27px;
        height: 27px;
        float: left;
    }

        .form-check-input[type=checkbox], .form-check-input[type=radio] {
            margin-top: 0;
            margin-right: 15px;
        }

        .form-check-input:checked[type=checkbox] {
            margin-right: 15px;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")
        }

        .form-check-input:checked[type=checkbox] {
            background-color: var(--orange);
            border-color: var(--orange);
        }

    .link-undeline {
        border-bottom: 1px solid var(--orange);
    }

    .indicates-pass {
        padding-left: 1rem;
        padding-bottom: 1rem;
    }

    .signup-right-sub h3 {
        font-size: 1.5rem;
    }

    .form-group {
        margin-bottom: 1.2rem;
    }

    .form-control::-webkit-input-placeholder {
        color: var(--gray1);
    }

    .form-control:-ms-input-placeholder {
        color: var(--gray3);
    }

    .form-control::placeholder {
        color: var(--gray3);
    }
    /*sign-up----e*/
    /*hear-from----s*/
    .hear-card-title {
        padding-top: 4.5rem;
        padding-bottom: 3rem;
    }

    .hear-card-row .col {
        width: 20%;
        max-width: 20%;
        flex: 1 0 20%;
    }

    .booking {
        margin-left: 3rem;
    }

    .hear-card a {
        display: block;
        width: 100%;
        background: #FFFBF3;
        text-align: center;
        padding: 0;
        border-radius: 28px;
        border: 2px solid #FFFBF3;
        height: 0;
        padding-bottom: 100%;
        position: relative;
        z-index: 1;
    }
        /* .hear-card a{display:block;width:100%;} */
        .hear-card a.active {
            border: 2px solid var(--orange);
        }

    .hear-card-sub {
        position: absolute;
        left: 0;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
        padding: 0 15px;
    }

    .hear-card-holder {
        height: 70px;
        margin-bottom: 25px;
    }

        .hear-card-holder img {
            height: 100%;
        }

    .hear-card a:hover {
        border: 2px solid var(--orange);
    }

    .hear-card-row {
        --bs-gutter-x: 2.5rem;
    }

        .hear-card-row .col {
            padding: calc(var(--bs-gutter-x) * .5);
        }

    .gray-btn {
        background: var(--gray4);
        border-color: var(--gray4);
    }

    .fontsize24 {
        font-size: 1.5rem;
    }

    .btn-width {
        width: 10.375rem;
    }

    .btns {
        padding-top: 3.75rem;
        padding-bottom: 5rem;
    }

        .btns .btn + .btn {
            margin-left: 2rem;
        }
    /*hear-from----e*/
    /*user-aaccount----s*/
    .account-banner .container {
        padding-top: 4.6875rem;
        padding-bottom: 4.68755rem;
    }

    .user-acc-col {
        width: 27%;
    }

    .user-acc-dtl-col {
        padding-left: 2.5rem;
        width: 73%;
    }

    .user-acc-card {
        background: var(--yellow);
        border-radius: 15px;
        text-align: center;
        padding: 1.5625rem 0;
    }

    .user-acc-holder {
        width: 6.5625rem;
        margin: 0 auto;
    }

    .user-acc-card h3, .user-acc-card p {
        color: var(--white);
        margin: 0;
    }

    .user-acc-card h3 {
        font-size: 1.5rem;
        margin-top: 1.5625rem;
    }

    .user-acc-card p {
        font-size: 1.1875rem
    }

    .user-acc-dtl h1, .user-acc-dtl h1 span {
        font-size: 2.5rem;
        font-family: var(--ss_semibold);
    }

        .user-acc-dtl h1 span {
            color: var(--orange);
        }

    .search-section {
        border: 1px solid #ababab;
        margin: 0 auto;
        /* width: 99%; */
        background: var(--white);
        border-radius: 0.5rem;
    }

        .search-section .col {
            padding-left: 2px;
            padding-right: 2px;
            position: relative;
        }

    .dropdown-section .bootstrap-select > .dropdown-toggle {
        padding: 0.75rem 2rem 0.75rem 4rem;
        align-items: center;
        background: url(../../../images/category-icon.svg) 1.3rem center no-repeat;
        background-size: 29px auto;
        border-color: var(--white);
    }

    .dropdown-section .bootstrap-select > .dropdown-toggle, .search-section .col .form-control, .search-section .col .btn {
        height: 70px;
    }

    .dropdown-section .bootstrap-select .dropdown-toggle .filter-option {
        height: auto;
    }

    .bootstrap-select .filter-option-inner-inner {
        font-size: 1rem;
    }

    .dropdown-section .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 100%;
    }

    .search-section .dropdown-section-col {
    }

    .search-section .dropdown-section-col {
    }

    .search-section .dropdown-section-col {
    }

    .dropdown-section-col {
        flex: 1 0 43.8175270108%;
    }

    .city-state-zipcode-col {
        flex: 1 0 20.0072028812%;
    }

    .insurance-carrier-plan-col {
        flex: 1 0 26.3714285714%;
    }

    .search-btn-col {
        flex: 1 0 9.8043217287%;
    }

    .city-state-zipcode-input {
        background: url(../../../images/location-icon.svg) 10px center no-repeat;
        background-size: 29px auto;
        padding-left: 3rem;
    }

    .insurance-carrier-plan {
        background: url(../../../images/insurance-icon.svg) 10px center no-repeat;
        background-size: 29px auto;
        padding-left: 3.5rem;
    }

    .search-btn {
        padding: 0;
        border-radius: 0 5px 5px 0;
    }

        .search-btn:hover {
            padding: 0;
            border-radius: 0 5px 5px 0;
        }

        .search-btn img {
            width: 35%;
            filter: invert(1);
        }

    .dr-appointment {
        padding-top: 3.125rem
    }

    .dr-appointment {
        background: #FAFAFA;
    }

    .dr-appt-row {
        border: 1px solid #ababab;
        border-radius: 0.5rem;
        background: var(--white);
        padding: 1.875rem;
    }

    .dr-appt-left-col {
        width: 19%;
    }

    .dr-appt-right-col {
        width: 81%;
    }

    .dr-appt-row .specialists-img {
        width: 100%;
    }

    .dr-appt-row .dr-appt-holder {
        width: 6rem;
    }

    .dr-appt-row .specialists-img h4 {
        color: var(--orange);
        font-size: 1.25rem;
        margin: 1rem 0 2rem 0;
    }

    .dr-appt-dtl h3 {
        font-size: 1.5rem;
    }

    .reason-to-meet {
        font-size: 1.25rem;
        font-family: var(--ss_medium);
        margin-bottom: 1rem
    }

        .reason-to-meet span {
            color: var(--orange);
            font-family: var(--ss_semibold);
        }

    .dr-appt-list {
        margin-left: 1.5rem;
        margin-bottom: 2rem;
    }

        .dr-appt-list li {
            list-style-type: disc;
            font-size: 1.125rem;
            color: var(--gray6);
            font-family: var(--ss_medium);
        }

            .dr-appt-list li::marker {
                color: var(--orange);
                font-size: 21px;
            }

    .rectangle-link {
        border: 1px solid var(--orange);
        color: var(--orange);
        padding: 0 5px;
        border-radius: 4px;
        display: inline-block;
    }

        .rectangle-link:hover {
            background: var(--orange);
            color: var(--white);
        }

    .arrow-btn {
        transform: rotate(180deg);
        filter: invert(1);
        margin-top: -2px;
        margin-left: 10px;
    }

    .edit-btn {
        right: 0;
        top: 0;
        padding: 0;
        width: 3rem;
        height: 3rem;
        border-radius: 50%;
        padding: 0rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .edit-btn img {
            width: 60%;
        }

        .edit-btn:hover, .edit-btn:focus {
            padding: 0;
            width: 3rem;
            height: 3rem;
            border-radius: 50%;
            padding: 0rem;
        }

    .checklist-left-col {
        width: 73%;
    }

    .checklist-right-col {
        width: 27%;
    }

    .checklist-card {
        padding-right: 5rem;
    }

    .checklist-left-col, .checklist-right-col {
        padding-top: 3.25rem;
        padding-bottom: 3.25rem;
    }

    .checklist-left-card {
        background: var(--white);
        padding: 2rem 0;
        height: 100%;
    }

    .checklist-left-sub {
        padding: 0 2rem 1rem 2rem
    }

    .checklist-card h2 {
        font-size: 2rem;
    }

    .checklist-card p {
        font-size: 1.1875rem
    }

    .checklist-bullets h3 span {
        font-family: var(--ss_semibold);
        color: var(--yellow);
    }

    .checklist-bullets ul {
        display: flex;
        margin-bottom: 1rem;
    }

        .checklist-bullets ul li span, .checklist-bullets ul li a {
            width: 25px;
            height: 25px;
            background: #F6F6F6;
            border-radius: 50%;
            display: block;
        }

        .checklist-bullets ul li + li {
            margin-left: 1.1rem;
        }

        .checklist-bullets ul li.active span, .checklist-bullets ul li.active a {
            background: var(--yellow);
        }

    .book-aapt-row {
        border-top: 1px solid var(--gray);
        padding-top: 1.6875rem;
        padding-bottom: 1.6875rem;
        padding-right: 1.3125rem;
        padding-left: 1.5rem;
        margin: 0;
    }

        .book-aapt-row .col-12 {
            display: flex;
            justify-content: space-between;
        }

    .book-appt-icon {
        padding-left: 1rem;
        padding-right: 1rem;
    }

        .book-appt-icon div {
            background: #FAF9F9;
            border-radius: 50%;
            width: 6.25rem;
            height: 6.25rem;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .book-appt-icon div img {
                width: 50%;
            }

    .book-appt-text {
        padding-left: 2.8125rem;
        padding-right: 2.8125rem;
    }

        .book-appt-text h4 {
            font-size: 1.25rem;
        }

        .book-appt-text p {
            font-size: 1rem;
            font-family: var(--ss_book);
            margin-bottom: 0
        }

    .book-appt-btn .btn {
        white-space: nowrap;
    }

    .checklist-right-col .checklist-left-card {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
    }

    .care-team-img-name {
        overflow: hidden;
        padding-top: 10px;
    }

        .care-team-img-name .specialists-img {
            float: left;
            width: 5rem;
        }

        .care-team-img-name .dr-appt-dtl {
            margin-left: 6rem;
            padding-bottom: 1rem;
        }

            .care-team-img-name .dr-appt-dtl h4 {
                font-size: 1.35rem;
                color: var(--orange);
                margin-bottom: 0;
            }

            .care-team-img-name .dr-appt-dtl .reason-to-meet {
                font-size: 1rem;
            }

    .dr-appt-dtl {
    }

    .specialties-btn {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
        font-size: 1.1875rem;
    }

    .checklist-box {
        overflow: hidden;
        background: #FAFAFA;
        display: flex;
        padding: 1.5rem;
        margin-top: 1.25rem;
        cursor: pointer
    }

    .checklist-box-icon {
    }

        .checklist-box-icon img {
            width: 20px;
        }

    .checklist-box-dtl {
        padding-left: 1rem;
    }

        .checklist-box-dtl h4 {
            font-size: 1rem;
        }

        .checklist-box-dtl p {
            font-size: 0.85rem;
            margin-bottom: 0;
        }

    .checklist-box:hover {
        background: var(--ll_yellow);
    }

    .insurance-plans {
        border-top: 1px solid var(--gray);
        padding-top: 1.4rem;
        margin-top: 1.75rem;
    }

        .insurance-plans h4 {
            font-size: 1.125rem;
        }

    .ip-list {
        padding-top: 10px;
    }

        .ip-list li {
            display: flex;
        }

            .ip-list li .ip-list-icon {
                margin-right: 1rem;
            }

                .ip-list li .ip-list-icon img {
                    width: 2.3125rem;
                }

    .ip-list-dtl h5 {
        font-size: 0.97rem
    }

    .ip-list-content {
        align-items: start;
    }

    .insurance-plans-dtl p {
        color: var(--gray6);
        font-size: 0.85rem;
    }

    .plus-btn {
        border-radius: 50%;
        height: auto;
    }

        .plus-btn span {
            width: 22px;
            height: 22px;
            background: var(--gray2);
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--black);
            font-size: 1.85rem;
            border-radius: 50%;
        }

        .plus-btn:hover span {
            background: var(--orange);
            color: var(--white);
        }

    .user-book-card .dr-appt-holder {
    }

    .width120 {
        width: 7.5rem;
    }

    .user-book-card h3 {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

        .user-book-card h3, .user-book-card h3 span {
            font-size: 1.375rem;
            font-family: var(--ss_semibold);
        }

            .user-book-card h3 span {
                color: var(--orange);
            }

    .user-schedule {
        font-size: 1.0625rem;
    }

    .imp-note-appnt {
        border: 1px solid var(--orange);
        padding: 1.5rem;
        background: #fffcf6;
        margin: 2rem 0 4rem 0;
        border-radius: 6px;
    }

        .imp-note-appnt h4 {
            font-size: 1.3125rem;
            color: var(--orange);
            margin-bottom: 1rem;
        }

        .imp-note-appnt p {
            font-size: 1.0625rem;
        }

    .well-guide-row li {
        display: flex;
        padding: 1.5rem 0;
    }

        .well-guide-row li + li {
            border-top: 1px solid var(--gray2);
        }

    .well-guide-icon img {
        width: 4.25rem;
    }

    .well-guide-dtl-sub {
        padding-left: 2rem;
        padding-right: 2rem;
        width: 30.625rem;
    }

        .well-guide-dtl-sub h4 {
            font-size: 1.312rem;
        }

        .well-guide-dtl-sub p {
            font-size: 1.0625rem;
            margin-bottom: 0;
        }

    .well-guide-btn .btn {
        padding-left: 1rem;
        padding-right: 1rem;
        width: 17.1875rem;
    }

    .popup-ok-btn {
        padding-top: 2rem;
        padding-bottom: 3rem;
    }
    /*user-aaccount----e*/
    /*book-appointment----s*/
    .book-appointment {
    }

        .book-appointment .container {
            max-width: 850px
        }

            .book-appointment .container .col-12 {
            }

    .bkaptmt-row {
        margin-top: 6rem;
        border: 1px solid var(--orange);
        background: url(../../../images/shape1yellow.svg) calc(100% - 25px) calc(100% - 25px) no-repeat;
        background-size: 5.125rem auto;
        position: relative;
        z-index: 1;
    }

        .bkaptmt-row::before {
            content: '';
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: rgba(255, 255, 255, 0.7);
            z-index: 1;
            position: absolute;
        }

        .bkaptmt-row .bkaptmt-row {
            position: relative;
            z-index: 1;
        }

        .bkaptmt-row .bkaptmt-photo .dr-appt-holder {
            width: 8rem;
        }

        .bkaptmt-row .dr-appt-dtl {
            padding-left: 3rem;
            position: relative;
            z-index: 1;
        }

            .bkaptmt-row .dr-appt-dtl h3 {
                font-size: 1.375rem;
                color: var(--orange);
            }

                .bkaptmt-row .dr-appt-dtl h3 span {
                    font-size: 1.375rem;
                    font-family: var(--ss_semibold);
                }

            .bkaptmt-row .dr-appt-dtl p {
                margin-bottom: .5rem;
            }

            .bkaptmt-row .dr-appt-dtl .bkaptmt-address {
                font-size: 1.125rem
            }

    .bkaptmt-form {
        padding-bottom: 2rem;
    }

        .bkaptmt-form h2 {
            margin-top: 3rem;
            font-size: 2rem
        }

    .bkaptmt-form-text p {
        font-size: 1.0625rem;
    }

    .star-rating-main {
        padding: 0.75rem 1rem;
    }

    .star-rating {
        display: flex;
    }

    .star {
        display: inline-block;
        width: 25px;
        height: 20px;
        background: url(../../../images/star-empty.svg) center center no-repeat;
        background-size: auto 100%;
        cursor: pointer
    }

        .star.active {
            background: url(../../../images/star.svg) center center no-repeat;
            background-size: auto 100%
        }

    .rating-feedback span {
        font-size: 1rem;
    }

    .login-or {
        position: relative;
        z-index: 1;
    }

        .login-or::before {
            content: '';
            height: 1px;
            background: var(--gray4);
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            width: 50%;
            position: absolute;
            z-index: 1;
        }

        .login-or span {
            position: relative;
            z-index: 9;
            display: inline-block;
            background: var(--white);
            font-size: 1.5rem;
            padding: 0 2rem;
        }

    .social-media-login ul {
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .social-media-login ul li + li {
            padding-left: 2rem;
        }

        .social-media-login ul li a {
            display: flex;
            padding: 0.5rem 1rem;
            border-radius: 5px;
            border: 1px solid var(--gray);
            font-size: 1rem;
            color: var(--black);
            align-items: center;
        }

            .social-media-login ul li a img {
                width: 25px;
            }

            .social-media-login ul li a span {
                display: block;
                padding-left: 1rem;
            }

            .social-media-login ul li a:hover {
                background: var(--orange);
                border: 1px solid var(--orange);
                color: var(--white);
            }

                .social-media-login ul li a:hover span {
                    color: var(--white)
                }

                .social-media-login ul li a:hover img {
                    filter: invert(1) grayscale(1) brightness(5);
                }

    .social-media-login {
        padding-bottom: 6rem;
    }
    /*book-appointment----e*/
    /*profile pages----s*/
    .min-height100vh {
        min-height: 100vh;
    }

    .paddingtop {
        padding-top: 3rem;
    }

    .profile-menu-link {
        display: none;
    }

    .profile-right-col {
        padding-bottom: 4rem;
        padding-left: 3rem;
    }

    .profile-card {
        height: 100%;
        border-right: 1px solid var(--gray2);
    }

        .profile-card .card-body {
            padding: 3rem 0 3rem 0;
            border-radius: 0;
            border: none;
        }

    .profile-links li a, .dr-dashboard-links li a {
        display: flex;
        font-size: 1.25rem;
        color: #A3A3A3;
        padding: 1.3rem 0 1.3rem 1rem;
        font-family: var(--ss_semibold);
        position: relative;
        z-index: 1;
    }

        .profile-links li a img, .dr-dashboard-links li a img {
            width: 26px;
            margin-right: 15px;
        }

        .profile-links li a::after, .profile-links li a::before {
            content: '';
            position: absolute;
            right: 0;
            bottom: 0;
            width: 230%;
            height: 100%;
            z-index: -1;
        }

        .profile-links li a::after {
            height: 1px;
            background: #F1F1F1;
        }

        .profile-links li a.active {
            color: var(--white);
        }

            .profile-links li a.active img, .profile-links li a:hover img {
                filter: invert(0) brightness(14)
            }

            .profile-links li a.active::before {
                background: var(--orange);
            }

        .profile-links li a:hover {
            color: var(--white)
        }

        .profile-links li a:hover {
            background: var(--orange);
        }

    .profile-section {
        border-radius: 6px;
        box-shadow: 1px 3px 10px rgba(0,0,0,0.07);
        padding: 1.25rem;
        height: 100%;
    }

    .profile-dtl h2 {
        font-size: 1.875rem;
    }

    .profile-dtl h2 {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .profile-section p {
        margin: 0;
        color: var(--gray7);
    }

    .profile-section h3 {
        font-size: 1.25rem
    }

    .profile-row {
        margin-left: 1rem;
    }

        .profile-row .col-lg-8, .profile-row .profile-col {
            padding-top: 0.75rem;
            padding-bottom: 0.75rem;
        }

    .toggle-switch {
        margin-left: 0;
        padding-left: 0;
        width: 95px;
        text-align: center;
    }

        .toggle-switch.form-switch .form-check-input[type=checkbox] {
            width: 50px;
            margin-right: 0;
            float: none;
            margin: 0;
            border-color: #8C8C8C;
            border-color: var(--gray6);
            box-shadow: 0 0 0 0.25rem #A3A3A3;
            border: 1px solid rgba(0,0,0,.1);
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.35%29'/%3e%3c/svg%3e")
        }

            .toggle-switch.form-switch .form-check-input[type=checkbox]:focus {
                border-color: #8C8C8C;
                background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.35%29'/%3e%3c/svg%3e");
                background-position: left center;
                border: 1px solid rgba(0,0,0,.1);
            }

        .toggle-switch.form-switch .form-check-input:checked[type=checkbox] {
            background-position: right center;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2.5 -2.5 5 5'%3e%3ccircle r='2' fill='%23FFFFFF'/%3e%3c/svg%3e");
            box-shadow: 0 0 0 0.25rem rgba(241,90,34,.25);
            border: 1px solid rgba(255,255,255,1);
        }

        .toggle-switch.form-switch .form-check-input:checked:focus[type=checkbox] {
            box-shadow: 0 0 0 0.25rem rgba(241,90,34,.25);
            border-color: var(--orange);
            border: 1px solid rgba(255,255,255,1);
        }

    .edit-holder a {
        color: var(--orange);
    }

        .edit-holder a:hover {
            color: var(--yellow);
        }

            .edit-holder a:hover .btn {
                background: var(--yellow);
                border-color: var(--yellow);
            }

    .toggle-switch.form-switch .form-check-label {
        display: block;
        margin-top: 10px;
    }

    .radio-type-checkbox .form-check-input {
        border-color: var(--orange);
    }

        .radio-type-checkbox .form-check-input[type=checkbox], .radio-type-checkbox .form-check-input:checked[type=checkbox] {
            border-radius: 50%
        }

    .mt3 .form-check-input[type=checkbox] {
        margin-top: 3px;
    }

    .notifications-checkbox-form {
    }

        .notifications-checkbox-form .form-check label {
        }

        .notifications-checkbox-form .noti-radio-title {
            font-size: 1.0625rem;
        }

        .notifications-checkbox-form p {
            font-size: 13px;
            color: var(--gray5);
            margin: 0;
        }

    .radio-type-checkbox .form-check label {
        display: block;
        margin-left: 45px;
    }

    .notifications-checkbox-form .form-check label {
        display: block;
        margin-left: 55px;
    }

    .radio-type-checkbox .form-check {
        margin-bottom: 1rem;
        padding-left: 0
    }

    .radio-type-checkbox .form-check-input {
        margin: 0;
    }

    .notifications-tab-content {
        padding-top: 3rem;
        padding-left: 25px;
    }

        .notifications-tab-content h4 {
            margin-bottom: 1rem;
        }

    .notifications-tab {
        border: none;
        margin-top: 1rem;
    }

    .nav-tabs li + li {
        margin-left: 2rem;
    }

    .notifications-tab li a {
        font-size: 1.25rem;
        color: var(--gray5);
        position: relative;
        z-index: 1;
    }

        .notifications-tab li a::after {
            content: '';
            height: 1px;
            background: var(--gray2);
            width: 100%;
            left: 50%;
            transform: translateX(-50%);
            bottom: -5px;
            display: none;
            position: absolute;
        }

        .notifications-tab li a.active {
            color: var(--orange);
        }

            .notifications-tab li a.active::after {
                display: block;
            }

    .save-cancel-btns {
        padding-left: 55px;
    }

        .save-cancel-btns .btn + .btn {
            margin-left: 2rem;
        }

    .width250 {
        width: 15.625rem;
    }

    .btn-border {
        background: none;
        border: 1px solid var(--orange) !important;
        color: var(--orange);
    }

    .table-row-striped > tbody > tr:nth-of-type(even) > * {
        background: #F1F0EF;
    }

    .table-row-striped > thead > tr:nth-of-type(odd) > * {
        background: #F1F0EF;
    }

    .anchor-icon {
        display: block;
        width: 32px;
        margin: 0 auto;
    }

        .anchor-icon img {
            width: 100%;
        }

    .table-row-striped {
        border-radius: 6px;
        border: 1px solid #F1F0EF;
        border-collapse: unset
    }

        .table-row-striped tr th, .table-row-striped tr td {
            padding: .75rem .5rem;
            font-size: 1.125rem;
            text-align: center;
        }

        .table-row-striped tr th {
            font-family: var(--ss_semibold);
            padding: 1.25rem .5rem;
        }

            .table-row-striped tr th:first-child {
                border-radius: 6px 0 0 0;
            }

            .table-row-striped tr th:last-child {
                border-radius: 0 6px 0 0;
            }

        .table-row-striped tr:last-child td:first-child {
            border-radius: 0 0 0 6px;
        }

        .table-row-striped tr:last-child td:last-child {
            border-radius: 0 0 6px 0;
        }

    .gray-color {
        color: var(--gray3);
    }

    .table-row-striped tr .form-control {
        padding: 0.5rem 1rem;
    }
    /*profile pages----e*/
    /*doctor login pages----s*/
    .dr-loging-banner {
    }

        .dr-loging-banner .container {
            position: relative;
            z-index: 9;
        }

            .dr-loging-banner .container::before, .dr-loging-banner .container::after {
                content: '';
                position: absolute;
                opacity: 0.08;
                z-index: -1;
            }

            .dr-loging-banner .container::before {
                right: -10%;
                top: 4em;
                background: url(../../../images/plus-2.svg) center top no-repeat;
                background-size: 100% auto;
                width: 13.125rem;
                height: 0;
                padding-bottom: 100%;
            }

            .dr-loging-banner .container::after {
                right: -10%;
                bottom: 0%;
                background: url(../../../images/shape1.svg) center top no-repeat;
                background-size: 100% auto;
                width: 28.4375rem;
                height: 0;
                padding-bottom: 10.5%;
            }

    .dr-login-links {
        margin-right: 1rem;
    }

        .dr-login-links li a {
            position: relative;
            z-index: 1;
            padding: 1.6rem 0px 0px 0px;
            display: block;
        }

            .dr-login-links li a, .dr-login-links li a div {
                font-size: 1.25rem;
                text-align: center;
                color: var(--gray3);
                font-family: var(--ss_semibold);
            }

        .dr-login-links li:first-child a {
            padding-top: 0;
        }

            .dr-login-links li:first-child a::before {
                display: none;
            }

        .dr-login-links li a div {
            background: var(--white);
            position: relative;
            z-index: 19;
            line-height: 1.4;
            padding-bottom: 5px;
        }

        .dr-login-links li a::before, .dr-login-links li a::after {
            width: 1px;
            left: 50%;
            transform: translateX(-50%);
            content: '';
            position: absolute;
            z-index: -1;
        }

        .dr-login-links li a::before {
            height: 40%;
            top: 0;
            background: var(--gray2);
        }

        .dr-login-links li a::after {
            height: 70%;
            bottom: 0;
            background: var(--gray2);
        }

        .dr-login-links li a span {
            width: 26px;
            height: 26px;
            position: relative;
            z-index: 1;
            border: 1px solid var(--gray2);
            display: block;
            margin: 0 auto;
            border-radius: 50%;
            margin-top: 0;
            margin-bottom: 1.55rem;
            background: var(--white);
        }

            .dr-login-links li a span::before {
                width: 20px;
                height: 20px;
                border-radius: 50%;
                background: var(--gray2);
                border: 1px solid var(--gray2);
                content: '';
                display: block;
                margin: 0 auto;
                margin-top: 2px;
            }

        .dr-login-links li a.active div {
            color: var(--orange);
        }

        .dr-login-links li a.active::before, .dr-login-links li a.active::after {
            background: var(--orange);
        }

        .dr-login-links li a.active span {
            border: 1px solid var(--orange)
        }

            .dr-login-links li a.active span::before {
                background: var(--orange);
                border: 1px solid var(--orange)
            }

    .dr-loging-banner .profile-right-col h2 {
        padding-bottom: 2rem;
    }

    .dr-row {
        max-width: 650px;
    }

    .link-undeline .caret-left {
        stroke: var(--yellow);
        margin-bottom: 2px;
        margin-right: 3px;
    }

    .link-undeline:hover .caret-left {
        stroke: var(--orange);
    }

    .maxwidth400 {
        max-width: 440px;
    }

    .dr-small-text {
    }

        .dr-small-text p {
            font-size: 14px;
            color: var(--gray5);
        }

    .dr-row .accordion-item {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
        border: none;
    }

    .dr-row .accordion-button {
        padding: 0;
        font-size: 1.25rem;
    }

    .dr-row .accordion-body {
        padding-left: 0;
        padding-right: 0;
    }

    .dr-row .accordion-button:not(.collapsed) {
        color: var(--black);
        background: none;
        box-shadow: none;
        border: none;
    }

    .dr-row .accordion-button:focus {
        border: none;
        outline: 0;
        box-shadow: none;
    }

    .accordion-button:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
    }

    .dr-row h6 {
        font-size: 1rem;
    }

    .role-checkbox-form {
        margin-top: 2rem;
    }

        .role-checkbox-form .form-check {
        }

        .role-checkbox-form .form-check-label {
            color: var(--gray5);
        }

        .role-checkbox-form.radio-type-checkbox .form-check-input[type=checkbox], .role-checkbox-form .radio-type-checkbox .form-check-input:checked[type=checkbox] {
            margin-top: 0;
        }

    button.link-undeline {
        background: none;
        border: none;
        border-bottom: 1px solid var(--orange);
        color: var(--yellow);
        padding: 0;
    }

        button.link-undeline:hover {
            color: var(--orange);
        }

    .dr-row .profile-col {
        padding-bottom: 1rem;
    }

    .video-schedule-form {
    }
    /*doctor login pages----e*/
    /*doctor Dashboard pages----s*/
    .dr-dashboard-col {
        position: relative;
        z-index: 1;
    }

        .dr-dashboard-col::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            background: var(--lll_yellow);
        }

    .dashboard-card {
        height: 100vh;
        overflow-x: auto;
        padding-bottom: 2rem;
        padding-top: 2rem;
        top: 0;
        left: 0;
        bottom: 0;
    }


    .dr-dashboard-img {
        margin-bottom: 3rem;
    }

    .dr-dash-holder {
        width: 185px;
        margin: 0 auto;
        position: relative;
        z-index: 1;
    }

        .dr-dash-holder::before {
            width: 50px;
            height: 50px;
            background: rgb(240,89,32);
            background: linear-gradient(0deg, rgba(240,89,32,0) 0%, rgba(240,89,32,1) 100%);
            position: absolute;
            left: 50%;
            transform: translateX(-50%) scale(3.5);
            bottom: 20%;
            border-radius: 50%;
        }

    .dr-dashboard-img h4 {
        color: var(--bs-btn-border-color);
        font-family: var(--ss_bold);
        margin-top: 2.5rem;
    }

    .dr-dashboard-img p {
        text-align: center;
    }

    .dr-dashboard-img .line {
        width: 60%;
        height: 1px;
        display: block;
        background: var(--bs-btn-border-color);
        margin: 0 auto;
    }

    .dr-dashboard-links li a {
        color: var(--black);
    }

        .dr-dashboard-links li a img {
            filter: brightness(0);
        }

        .dr-dashboard-links li a:hover, .dr-dashboard-links li a.active {
            color: var(--orange);
        }

            .dr-dashboard-links li a:hover img, .dr-dashboard-links li a.active img {
                filter: brightness(1);
            }

    .dashboard-hamburger-link img {
        filter: brightness(0);
        width: 40px;
    }

    .dashboard-hamburger-link:hover img {
        filter: brightness(1);
    }

    .dr-dashboard-dtl {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .dr-dashboard-header {
        position: relative;
        padding-right: 75px;
    }

    .dr-dashboard-title-search {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border: 1px solid #D9D7D7;
        border-radius: 12px;
        padding: 1rem 1.5rem;
    }

    .search-field .form-control {
        width: 365px;
        height: 58px;
        background: #F1F1F1;
        font-size: 1.1875rem;
        padding-left: 60px;
    }

    .dashboard-hamburger {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .message-notification {
        margin-right: 10px;
    }

        .message-notification a {
            display: inline-block;
            margin-right: 20px;
        }

    .dashboard-message-link img, .dashboard-notification-link img {
        filter: brightness(0);
        height: 32px;
    }

    .dashboard-message-link:hover img, .dashboard-notification-link:hover img {
        filter: brightness(1);
    }

    .patient-book-row {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .dashboard-search-btn {
        top: 50%;
        transform: translateY(-50%);
        left: 15px;
        padding: 0;
        border: none;
        background: none;
        border-radius: 50%;
        width: 35px;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .dashboard-search-btn:hover {
            background: var(--bs-btn-border-color);
        }

            .dashboard-search-btn:hover img {
                filter: invert(1);
            }

    .dr-dashboard-title-search h1 {
        font-size: 2.625rem;
        font-family: var(--ss_semibold);
        margin: 0;
        padding: 0;
        line-height: 1;
    }

    .patient-card {
        background: var(--lll_yellow);
        padding: 25px;
        height: 100%;
    }

        .patient-card .card-body {
            padding-left: 25px;
        }

            .patient-card .card-body .card-title {
                font-size: 3.125rem;
                margin: 20px 0;
                line-height: 1
            }

    .patient-card-text {
        font-size: 1.5rem;
        font-family: var(--ss_medium);
        line-height: 1.3;
    }

        .patient-card-text strong {
            font-family: var(--ss_semibold);
        }

    .patient-card-icon {
        position: relative;
        padding: 30px;
    }

        .patient-card-icon::after {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            border: 5px solid var(--bs-btn-border-color);
            border-radius: 50%;
        }

        .patient-card-icon img {
            /*width: 75px;*/
        }

    .patient-appointments-row {
        background: var(--gray1);
        border-radius: 25px;
        padding: 25px;
    }

    .pa-header {
        margin-bottom: 15px;
    }

        .pa-header h4 {
            color: var(--bs-btn-border-color);
            font-size: 1.375rem;
            margin: 0;
        }

    .left-right-btns {
        margin-right: 15px;
    }

        .left-right-btns a + a {
            margin-left: 15px;
        }

    .calendar2 {
        width: 30px;
    }

    .week-appointments {
        background: var(--white);
        padding: 15px;
        border: 1px solid var(--gray2);
    }

    .border-radius-20 {
        border-radius: 20px;
    }

    .see-all-btns {
        margin: 0;
        left: 15px;
        bottom: 15px;
        line-height: 1;
    }

        .see-all-btns a {
            font-family: var(--ss_semibold);
            font-size: 1.375rem;
        }

    .pa-card {
        height: 100%;
    }

    .patient-appointments-row .pa-card {
        padding-bottom: 80px;
    }

    .ds-name-photo .dr-appt-holder {
        width: 30px;
    }

    .ds-name-photo h4 {
        font-size: 1.25rem;
        margin: 0;
        padding: 0;
        padding-bottom: 5px;
        padding-left: 15px;
    }

    .ds-price {
        font-size: 1.125rem;
        color: var(--bs-btn-border-color);
    }

    .doctor-services ul li {
        margin-bottom: 1.5rem;
    }

    .patients-review-card {
        background: var(--lll_yellow);
    }

    .patients-review-card {
        border: 0px solid var(--gray2);
    }

    .patient-review li {
        display: flex;
        align-items: center;
        margin: 0 0 10px 0;
    }

        .patient-review li .pr-star {
            flex: 1 1 70px;
            font-size: 1.125rem;
            font-family: var(--ss_medium);
        }

        .patient-review li .pr-progress {
            flex: 1 1 calc(100% - 140px)
        }

        .patient-review li .pr-percentage {
            flex: 1 1 70px;
            text-align: right;
            font-size: 1.125rem;
            font-family: var(--ss_semibold);
            color: var(--bs-btn-border-color);
        }

        .patient-review li .progress {
            background: #f7e7ce;
            border-radius: 5px;
        }

        .patient-review li .progress-bar {
            background: var(--yellow);
        }

    .patient-details {
        margin-top: 45px;
    }

        .patient-details li {
            display: flex;
            align-items: center;
            margin: 15px 0;
        }

            .patient-details li div {
                font-size: 1.375rem;
                color: var(--gray5);
                font-family: var(--ss_semibold);
            }

                .patient-details li div p {
                    margin: 0;
                    line-height: 1.2;
                }

            .patient-details li.header div {
                font-size: 1.25rem;
                color: var(--black);
            }

            .patient-details li.header .pd-photo-sub {
                width: auto;
                height: auto;
            }

            .patient-details li .pd-name h4 {
                font-size: 1.375rem;
                color: var(--bs-btn-border-color);
                margin-bottom: 0
            }

            .patient-details li .pd-name p {
                font-size: 1rem;
            }

            .patient-details li .pd-photo-sub {
            }

            .patient-details li .pd-photo-sub {
                width: 58px;
                height: 58px;
            }

            .patient-details li .pd-photo {
                flex: 1 1 10.8134920635%
            }

            .patient-details li .pd-name {
                flex: 1 1 21.130952381%
            }

            .patient-details li .pd-sp {
                flex: 1 1 21.130952381%
            }

            .patient-details li .pd-price {
                flex: 1 1 10.0198412698%
            }

            .patient-details li .pd-date-appt {
                flex: 1 1 16.4682539683%
            }

            .patient-details li .pd-pl {
                flex: 1 1 21.7261904762%
            }

            .patient-details li .lbl-mob {
                display: none;
            }

    .pd-name-sub {
    }

    .pd-sp-sub {
    }

    .pd-price-sub {
    }

    .pd-date-appt-sub {
    }

    .pd-pl-sub {
    }
    /*doctor Dashboard----e*/

    /*doctor patient details----s*/
    .pd-full li {
        border: 1px solid var(--gray);
        margin: 0;
        padding: 15px;
    }

        .pd-full li + li {
            border-top: 0px solid var(--gray);
        }

        .pd-full li .pd-photo-sub {
            width: 116px;
            height: 116px;
        }

        .pd-full li .pd-name h4 {
            font-size: 1.875rem
        }

        .pd-full li .pd-name p {
            font-size: 1.375rem;
        }

        .pd-full li .lbl-mob {
            display: block;
            color: var(--black);
            font-family: var(--ss_semibold);
            font-size: 1.625rem;
        }

        .pd-full li div {
            font-family: var(--ss_medium);
            font-size: 1.5rem;
        }
    /*doctor patient details----e*/
    /*doctor services details----s*/
    .service-form-main {
        display: flex;
        align-items: center;
        border-top: 1px solid var(--gray);
        margin-top: 15px;
        padding: 15px 0;
    }

        .service-form-main .form-check {
            text-align: center;
            padding-left: 0
        }

        .service-form-main .form-check-label {
            display: block;
            margin-top: 10px;
            font-size: 1.35rem;
            color: #4E4E4E;
        }

        .service-form-main .form-select, .service-form-main .form-control {
            font-size: 1.25rem;
        }

        .service-form-main .form-check-input {
            margin: 0;
            float: none;
        }

        .service-form-main .btn {
            font-size: 2.2rem;
            padding: 0.25rem 2rem;
            line-height: 1;
        }

        .service-form-main .service-form {
            flex: 1 1 auto;
            text-align: center;
            padding: 0 10px;
        }

            .service-form-main .service-form:first-child {
                padding-left: 0;
            }

            .service-form-main .service-form:last-child {
                flex: 0 0 85px;
                padding-right: 0;
            }

    .service-table-row {
        display: flex;
        align-items: center;
        border-top: 1px solid var(--gray);
        border-bottom: 1px solid var(--gray);
        padding: 20px 0;
    }

        .service-table-row .service-table-icon {
            display: flex;
            align-items: center;
        }

            .service-table-row .service-table-icon .pd-photo-sub {
                width: 88px;
                height: 88px;
                margin-right: 30px;
            }

            .service-table-row .service-table-icon h5 {
                color: var(--orange);
                font-size: 1.5rem;
            }

        .service-table-row .service-table-icon {
            flex: 0 0 21.5902140673%;
        }

            .service-table-row .service-table-icon .square-img {
                background: var(--ll_yellow);
            }

        .service-table-row .service-type, .service-table-row .service-price, .service-table-row .service-visit {
            font-size: 1.5rem;
            font-family: var(--ss_medium);
            color: #828282;
        }

        .service-table-row .service-type {
            flex: 0 0 24.0366972477%;
        }

        .service-table-row .service-price {
            flex: 0 0 15.9021406728%;
        }

        .service-table-row .service-visit {
            flex: auto;
        }

    .dr-profile-form {
        padding: 50px;
        background: var(--white);
        border-radius: 5px;
        box-shadow: 3px 3px 10px rgba(0,0,0,0.05);
        margin-top: 25px;
    }

        .dr-profile-form .form-group .edit-icon {
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
            position: absolute;
            width: 24px;
        }

    .availability-table-main {
        padding-top: 100px;
    }

    .availability-row {
        display: flex;
        align-items: center;
        padding-top: 10px;
        padding-bottom: 10px;
        border-top: 1px solid var(--gray);
        border-bottom: 1px solid var(--gray);
    }

        .availability-row:nth-child(odd) {
            background: #FBFBFB;
        }

        .availability-row .on-off-div {
            flex: 0 0 29.3937538273%;
            display: flex;
            align-items: center;
        }

            .availability-row .on-off-div .day-text {
                padding-left: 25px;
                font-size: 1.5rem;
            }

        .availability-row .avlbl-time-from {
            flex: 0 0 24.2331288344%;
        }

        .availability-row .avlbl-time-to {
            flex: 0 0 22.9638701776%;
        }

        .availability-row .on-off-plus {
            flex: 0 0 21.6564417178%;
        }

            .availability-row .on-off-plus .btn {
                width: 135px;
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 13px;
            }

                .availability-row .on-off-plus .btn img {
                    height: 75%;
                }

        .availability-row .on-off-div .day-text,
        .availability-row .avlbl-time-from,
        .availability-row .avlbl-time-to,
        .availability-row .on-off-plus {
            padding-left: 25px;
            padding-right: 25px;
        }

        .availability-row input[type="text"]:disabled {
            background: #ffffff;
            border-color: #EEEEEE;
        }

        .availability-row button:disabled {
            background: #DBDBDB;
            border: 1px solid #DBDBDB;
            color: var(--black);
        }

            .availability-row button:disabled img {
                filter: invert(1);
            }

    .save-close-btns {
        margin-top: 60px;
    }

        .save-close-btns .btn {
            width: 150px;
        }

            .save-close-btns .btn + .btn {
                margin-left: 15px;
            }

    .gray-btn {
        background: #DBDBDB;
        color: var(--black);
        border-color: #DBDBDB;
    }

    .ta-table {
        margin-top: 50px;
    }

        .ta-table tr th {
            font-family: var(--ss_semibold);
            color: var(--orange);
            margin-bottom: 0;
            font-size: 1.375rem;
        }

            .ta-table tr th:last-child {
                text-align: center;
            }

        .ta-table tr td {
            font-size: 1.375rem;
            color: var(--gray7);
            font-family: var(--ss_medium);
        }

        .ta-table tr th, .ta-table tr td {
            padding: 10px;
        }

    .status-btn {
        font-size: 1rem;
        font-family: var(--ss_semibold);
        color: var(--white);
        background: var(--gray6);
        border: none;
        border-radius: 10px;
        padding: 3px 10px 6px 10px
    }

    .complete-btn {
        background: #51EEB1;
    }

    .scheduled-btn {
        background: #50a2ec;
    }

    .cancelled-btn {
        background: #ef5150;
    }

    .status-btn:hover {
        background: var(--orange);
    }

    .view-sub {
        text-align: center;
    }

    .view-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        border: 0px solid #fff;
        background: none;
        padding: 10px 10px;
        margin: auto auto;
    }

        .view-btn img {
            filter: invert(1);
        }

        .view-btn:hover {
            background: var(--orange);
        }

            .view-btn:hover img {
                filter: invert(0);
            }

    .today-appointment {
        border: 1px solid var(--gray);
        margin-top: 50px;
    }

        .today-appointment li {
            display: flex;
        }

        .today-appointment li {
            border-bottom: 1px solid var(--gray);
        }

            .today-appointment li.header div, .today-appointment li.header div h4 {
                font-family: var(--ss_semibold);
                color: var(--orange);
                margin-bottom: 0;
                font-size: 1.375rem;
            }

            .today-appointment li .ta-number {
                flex: 0 0 14.3995098039%
            }

            .today-appointment li .at-patient-name {
                flex: 0 0 25.612745098%
            }

            .today-appointment li .at-appt-day {
                flex: 0 0 16.5441176471%
            }

            .today-appointment li .at-appt-time {
                flex: 0 0 16.5441176471%
            }

            .today-appointment li .at-appt-status {
                flex: 0 0 17.1568627451%
            }

            .today-appointment li .at-View {
                flex: 0 0 9.831176%
            }

            .today-appointment li div .lbl-mob {
                display: none;
            }

            .today-appointment li div div {
                font-size: 1.375rem;
                color: var(--gray7);
                font-family: var(--ss_medium);
            }

            .today-appointment li .ta-number h4 {
                font-family: var(--ss_semibold);
                color: var(--gray10);
                font-size: 1.375rem;
                margin: 0;
            }

    .ta-number,
    .at-patient-name,
    .at-appt-day,
    .at-appt-time,
    .at-appt-status,
    .at-View {
        padding: 15px 5px 15px 30px;
    }

    .at-patient-name,
    .at-appt-day,
    .at-appt-time,
    .at-appt-status,
    .at-View {
        border-left: 1px solid var(--gray);
    }
    /*doctor services details----e*/

    @media (min-width: 992px) {
        .dr-dashboard-col {
            flex: 0 0 auto;
            width: 370px;
        }

        .dr-dashboard-right-col {
            flex: 0 0 auto;
            width: calc(100% - 370px);
            padding-right: calc(var(--bs-gutter-x) * .95);
            padding-left: calc(var(--bs-gutter-x) * .95);
        }
    }


    :root {
        --site: #414042;
        --black: #000000;
        --white: #ffffff;
        --orange: #F15A22;
        --yellow: #FAA61A;
        --l_yellow: #FFCE7E;
        --ll_yellow: #ffe9c6;
        --lll_yellow: #fff9f1;
        --red: #c41230;
        --gray: #ececec;
        --gray1: #F8F8F8;
        --gray2: #D9D9D9;
        --gray3: #AFAFAF;
        --gray4: #CDCDCD;
        --gray5: #8C8C8C;
        --gray6: #6B6B6B;
        --gray8: #666666;
        --gray7: #494949;
        --gray9: #414042;
        --gray10: #333333;
        --bs-btn-border-color: #F15A22;
        --bs-accordion-btn-focus-border-color: #000000;
        --ss_hairline: 'sharp_sans_no1hairline';
        --ss_light: 'sharp_sans_no1light';
        --ss_book: 'sharp_sans_no1book';
        --ss_medium: 'sharp_sans_no1medium';
        --ss_semibold: 'sharp_sans_no1semibold';
        --ss_bold: 'sharp_sans_no1bold';
        --ss_extrabold: 'sharp_sans_no1extrabold';
        scroll-behavior: auto !important;
    }


    .healthcare-video-section {
        background-color: #fff6e6;
        border-radius: 20px;
        margin: 40px 0;
    }

    .healthcare-video-img {
        max-height: 350px;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

        .healthcare-video-img:hover {
            transform: scale(1.05);
        }