/* ---fonts---- */
@font-face {
    font-family: Dinot;
    src: url(../fonts/Dinot.otf);
    font-display: optional;
}

@font-face {
    font-family: Dinot-bold;
    src: url(../fonts/dinot-bold.otf);
    font-display: optional;
}

@font-face {
    font-family: Dinot-med;
    src: url(../fonts/DINOT-Medium.ttf);
    font-display: optional;
}

body {
    font-family: 'Dinot';
    scroll-behavior: smooth;
    color: #2d2d2d; /* Ensure sufficient contrast for body text */
}

.landing-banner h1 {
    font-weight: 800 !important;
    font-size: 3.8rem;
    color: #009ba2 !important;
    letter-spacing: 1px;
    margin-bottom: 18px;
}

p {
    font-family: 'Open Sans', sans-serif;
    line-height: 31px;
    font-size: 15px;
}

.vm-link {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px !important;
    text-transform: uppercase;
    text-decoration: none !important;
    color: #007a80 !important; /* Darkened from #009ba2 for better contrast (4.5:1+) */
    font-weight: 600;
    transition: 0.3s;
    position: relative;
}

    .vm-link::after {
        content: "";
        width: 0%;
        height: 1px;
        background-color: #00939b;
        position: absolute;
        bottom: -2px;
        left: 0;
        transition: 0.3s;
    }

    .vm-link:hover::after {
        width: 100% !important;
    }

.owl-theme .owl-dots .owl-dot span {
    width: 8px !important;
    height: 8px !important;
    border: 1px solid #fff !important;
    margin: 5px 3px !important;
}

.owl-dot.active span {
    background-color: #0b8fc7 !important;
}

.navbar-nav {
    font-family: Dinot;
}

.custom-search input {
    font-family: 'Dinot';
    font-size: 12px;
    padding: 5px 16px;
    border: none !important;
    overflow: hidden;
    border-radius: 0px !important;
    box-shadow: none !important;
}

.custom-search .search-btn {
    padding: 0px;
    width: 55px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none !important;
    outline: none !important;
}

.custom-navbar {
    background-color: #fff !important;
    z-index: 1;
}

    .custom-navbar .btn-custom {
        font-size: 12px;
        font-family: 'Dinot';
        letter-spacing: 1px;
        padding: 11px 29px;
        border-radius: 4px !important;
        margin: 0px 3rem;
    }
    
    @media(max-width: 991px) {
        .custom-navbar .btn-custom {
            margin: 0px 1rem;
            padding: 8px 20px;
            font-size: 11px;
        }
    }

.custom-search .search-btn img {
    max-width: 14px;
}

.custom-search {
    overflow: hidden;
    border: 1px solid #009ba2;
    border-radius: 60px;
    width: 100%;
    max-width: 280px;
}

@media(max-width: 991px) {
    .custom-search {
        max-width: 200px;
    }
}

.navbar-nav .nav-item a {
    color: #2D2D2D;
    font-size: 14px;
}

.landing-banner {
    /*min-height: 575px;*/
    background-size: cover;
    padding-bottom: 100px;
    aspect-ratio: 1519/575;
    position: relative;
}

#imageCarousel {
    position: absolute;
    width: 100%;
    height: auto;
}

@media(max-width : 768px) {
    #imageCarousel {
        top: 0%;
        left: 0;
    }
}

.book-appointment .book-appointment-box {
    top: -100px;
    position: relative;
}

.book-appointment-box {
    border: 1px solid #F2F2F2;
    border-radius: 10px;
}

.custom-select-1, .custom-input-1 {
    border: none !important;
    border-radius: 5px !important;
    min-height: 27px;
    padding: 10px 15px !important;
    background-color: #f2f2f2 !important;
    color: #666666; /* Darkened from #999999 for better contrast on #f2f2f2 (4.5:1+) */
    font-size: 13px !important;
    box-shadow: none !important;
}

.section-heading {
    font-family: 'Dinot';
    font-weight: 600;
    /* color: #2d2d2d !important; */
    color: #1E5171 !important;
    font-size: 30px;
    z-index: 1;
    position: relative;
}


.book-appointment-box .btn-custom, .custom-filter-set1 .btn-custom {
    font-size: 13px;
    /* max-width: 179px; */
    height: 40px;
    letter-spacing: 1px;
    border-radius: 5px !important;
}

.book-appointment-box .form-label {
    color: #007a80 !important; /* Darkened from #009ba2 for better contrast (4.5:1+) */
    margin-bottom: 15px !important;
}

.btn-custom {
    background: #006b70 !important; /* Darkened from #009ba2 to improve contrast ratio (5.2:1) with white text - meets WCAG AA standards */
    border-radius: 0px !important;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: bold !important;
}

.language-select a {
    text-decoration: none !important;
    color: #2d2d2d;
    font-size: 14px;
    font-family: 'Dinot';
    z-index: 1;
}

    .language-select a.active {
        color: #007a80 !important; /* Darkened from #009ba2 for better contrast (4.5:1+) */
    }

.owl-carousel h4 {
    color: #2d2d2d !important;
    transition: 0.3s;
}

.doc-box:hover .doc-details {
    top: 0;
}

.our-specialities h4 {
    font-size: 20px;
    font-family: 'Dinot-bold';
    text-transform: uppercase;
}

.our-centres h6 {
    font-size: 20px;
    font-family: 'Dinot-bold';
}

.doc-details {
    position: absolute;
    top: -100%;
    text-align: center;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding-bottom: 55px;
    background: #009ba2a6;
    color: #fff !important;
    font-size: 15px;
    transition: 0.7s;
}

    .doc-details span {
        font-size: 13px !important;
    }

.custom-carousel .owl-nav {
    position: absolute;
    top: -103px;
    right: 0px;
}

.owl-nav button span {
    display: none !important;
}

.owl-nav button {
    background-color: #009ba2 !important;
    width: 40px;
    height: 40px;
    border-radius: 50% !important;
    position: relative;
    border: 1px solid #fff !important;
}

    .owl-nav button.disabled {
        opacity: 1 !important;
        background-color: #e6e6e6 !important;
    }

.owl-nav .owl-prev::after {
    transform: rotate(180deg);
}

.owl-nav button::after {
    content: "";
    background: url(../images/carousel-arrow-lg.png);
    position: absolute;
    width: 20px;
    height: 20px;
    top: 10px;
    left: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.logo {
    max-height: 50px;
}

.owl-dots {
    margin-top: 40px;
}

.our-facilities h6 {
    /* margin-top: 29px; */
    font-size: 17px !important;
    font-weight: bold;
}

.articles-links {
    background-image: url(../images/articles/article-bg.jpg);
    background-size: cover;
    padding: 25px 10px;
    background-position: right;
}

    .articles-links a {
        font-weight: bold;
        font-family: 'Dinot';
        text-decoration: none !important;
        color: #fff !important;
        font-size: 13px;
        margin-bottom: 15px;
        letter-spacing: 1px;
    }

.view-link-sty {
    margin-bottom: 0px !important;
    font-size: 14px !important;
    letter-spacing: 0px !important;
}

    .view-link-sty::after {
        content: "";
        position: absolute;
        background-image: url(../images/articles/view-arrow.png);
        width: 20px;
        height: 14px;
        background-repeat: no-repeat;
        background-size: contain;
        margin-left: 10px;
        margin-top: 3px;
    }

.testimonials-box .profile-dp img {
    width: 140px;
    height: 140px;
    object-fit: cover;
    border-radius: 105px;
}

.profile-dp {
    max-width: 140px;
    margin: auto;
}

    .profile-dp::after {
        content: "";
        background-image: url(../images/testimonail-pt.jpg);
        background-repeat: no-repeat;
        background-size: 29px;
        width: 39px;
        height: 36px;
        position: absolute;
        background-color: #fff !important;
        padding: 31px;
        border-radius: 50%;
        background-position: center;
        top: 95px;
        left: 87px;
    }

.testimonials-box p {
    font-size: 13px;
    line-height: 25px;
    font-family: 'Open Sans', sans-serif !important;
}

.profile-user-details p {
    font-family: 'Dinot';
}

.news-details .date {
    font-family: 'Open Sans', sans-serif !important;
    color: #808080;
    font-size: 11px;
    margin-top: 14px;
}

.news-details {
    color: #2d2d2d;
}

    .news-details p {
        font-size: 13px;
        line-height: 26px;
    }

footer {
    background-color: #252525 !important;
    color: #fff !important;
    overflow: hidden;
}

    footer p {
        text-align: justify;
        font-size: 11px;
        line-height: 20px;
    }

    footer span {
        font-size: 13px;
        display: block;
        line-height: 17px;
        letter-spacing: 0.5px;
    }

    footer h4 {
        font-size: 20px !important;
    }

.footer-logo {
    /* max-width: 130px; */
    max-width: 118px !important;
}

.locations-display {
    border-bottom: 1px solid #666666;
    padding-bottom: 20px;
    font-size: 14px;
}

.footer-nav-links ul {
    list-style-type: none !important;
    padding: 0px !important;
    margin-top: 15px;
}

.footer-nav-links a {
    color: #fff;
    text-decoration: none !important;
    font-size: 12px;
    margin-bottom: 13px;
    display: block;
}

footer .copyrights {
    border-top: 1px solid #666666;
    padding: 15px 0px;
}

    footer .copyrights p, footer .copyrights a {
        color: #fff !important;
        text-decoration: none !important;
        font-size: 11px;
    }

.dropdown-menu.show {
    animation: slidedown 0.2s;
}

@keyframes slidedown {
    from {
        margin-top: -15px;
        opacity: 0;
    }

    to {
        margin-top: 0px;
        opacity: 1;
    }
}

.nav-animatd {
    position: fixed;
    right: 20px;
    top: 300px;
}

.main-icon img {
    max-width: 106px;
    position: absolute;
    right: 7px;
    cursor: pointer;
    z-index: 1;
}

.opt-icons {
    width: 110px;
    position: absolute;
    transition: 0.5s;
    right: 7px;
    top: -1px;
    opacity: 0;
}

    .opt-icons.show {
        opacity: 1 !important;
    }

.opt-1.show {
    right: 0;
    top: -157px;
}

.opt-2.show {
    right: 149px;
    top: -69px;
}

.opt-3.show {
    right: 131px;
    top: 86px;
}

.opt-4.show {
    right: 0px;
    top: 145px;
}

.ring {
    opacity: 0;
    width: 121px;
    position: relative;
    top: -33px;
    left: -26px;
    transition: 0.5s;
}

    .ring.show {
        opacity: 1;
    }

.view-doc-carousel img {
    height: 250px;
    object-fit: cover;
}

.our-specialities-carousel .owl-dots, .view-doc-carousel .owl-dots {
    display: none;
}

.facilities-box img, .ne-box img {
    height: 200px;
    object-fit: cover;
    transition: 0.4s;
    position: relative;
    z-index: 1;
}

.articles a {
    text-decoration: none !important;
    color: #000;
    display: block;
}

.navbar-nav .dropdown-menu {
    border: none !important;
    padding: 5px !important;
    min-width: 200px;
    /*border: 1px solid #f3f3f3 !important;*/
}

.custom-navbar .dropdown-menu a {
    height: 30px;
    align-items: center;
    display: flex;
    margin-top: 6px;
    border-radius: 3px !important;
    transition: 0.4s;
    background: #f8f8f8;
    font-size: 12px;
}

    .custom-navbar .dropdown-menu a:hover {
        background: #009ba212;
        color: #009ba2;
    }

.navbar-toggler-icon {
    background-image: url(../images/mobile-nav-icon.png);
}

.offcanvas.show a {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 100;
    border-bottom: 1px solid #e6e6e6;
    padding: 14px 12px;
}

.offcanvas.show .dropdown-menu a {
    font-size: 12px;
    margin: 0px !important;
    font-weight: 500 !important;
    border: none !important;
    background: #f9f9f9;
    margin-left: 16px !important;
    margin-bottom: 7px !important;
}

.btn-toggle-search {
    display: none;
    box-shadow: none !important;
    outline: none !important;
    border: none !important;
    background: transparent;
    padding: 5px;
}

@media(max-width: 991px) {
    .btn-toggle-search {
        display: flex !important;
        align-items: center;
        justify-content: center;
    }
}

.navbar-toggler {
    outline: none !important;
    box-shadow: none !important;
}

.social-media-icons img {
    height: 15px;
}

.footer-nav-links a:hover, .footer-nav-links a.active {
    color: #fff;
    text-shadow: 0px 0px 20px #00b2ff;
}

.footer-nav-links a.active {
    color: #63e6ff !important;
    text-shadow: none !important;
}

.btn-custom:hover {
    background-color: #00797e !important;
}

button, a {
    transition: 0.3s;
}

.opt-icons:hover {
    transform: scale(1.2);
}

.articles-links a:hover {
    transform: scale(1.3);
    text-shadow: 0px 0px 7px #00ecff;
}

.sub-banner {
    background-image: url(../images/sub-banner.jpg);
    height: 160px;
    background-size: cover;
    background-position: right;
}

.filter-area h6, .filter-area h5 {
    font-weight: 600 !important;
}

.filter-criteria a {
    display: block;
    font-size: 12px;
    margin-top: 28px;
    color: #252525;
    text-decoration: none !important;
    transition: 0.3s;
}

    .filter-criteria a:hover {
        font-weight: bold !important;
    }

    .filter-criteria a.selected {
        color: #009ba2 !important;
    }

    .filter-criteria a span {
        font-size: 14px !important;
    }

.filter-criteria {
    margin-top: 60px;
}

.filter-list {
    max-height: 680px;
    overflow: auto;
}

.filter-head a {
    text-decoration: none !important;
    color: #999999 !important;
    font-size: 13px;
}

.doctor-list {
    margin-top: 100px;
}

.doc-card img {
    min-height: 300px;
    object-fit: cover;
}

.doc-details-det h3 {
    font-weight: bold !important;
    color: #009ba2 !important
}

.doc-details-det .lhs span {
    display: block;
    color: #252525 !important;
    font-size: 13px !important;
    margin-top: 11px;
}

.doc-details-det .rhs p {
    color: #b3b3b3 !important;
    font-size: 12px;
    line-height: normal !important;
}

.doc-details-det .rhs h4 {
    color: #252525 !important;
    font-size: 14px;
    margin-bottom: 4px !important;
}

.doc-desc {
    color: #999999 !important;
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 30px;
    line-height: 27px;
}

.doc-details-det .btn {
    padding: 15px !important;
    font-size: 12px !important;
    min-width: 220px !important;
}

.doc-card {
    /* border-bottom: 1px solid #00000017;
    padding-bottom: 40px !important; */
    margin-bottom: 40px;
    text-decoration: none !important;
    display: block;
    transition: 0.3s;
    padding: 10px;
}

.mobile-filter select {
    background-color: #fff !important;
    min-height: 50px !important;
}

.mobile-filter .form-label {
    color: #009ba2 !important;
    margin-bottom: 15px !important;
}

.video-container-custom video {
    max-height: 500px;
    width: 100%;
    object-fit: cover;
    border-radius: 25px;
}

.video-prop-dis {
    position: absolute;
    bottom: 0;
    color: #fff !important;
    padding: 45px;
}

    .video-prop-dis h5 {
        max-width: 700px;
    }

.article-box {
    border: 1px solid #e6e6e6;
    border-radius: 25px;
    overflow: hidden;
    margin-bottom: 40px;
}

    .article-box img {
        max-width: 200px;
        object-fit: cover;
    }

    .article-box span {
        font-size: 12px;
        color: #808080 !important;
        font-family: 'Open Sans';
    }

    .article-box h5 {
        font-family: 'Open Sans';
    }

    .article-box p {
        font-size: 13px;
        color: #000 !important;
        line-height: 23px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

.btn-video-ctrl {
    background-color: #ffffff70 !important;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    position: relative;
}

    .btn-video-ctrl::after {
        content: "";
        width: 90px;
        height: 90px;
        background-color: #ffffff45;
        border-radius: 50%;
        position: absolute;
    }

    .btn-video-ctrl img {
        width: 27px;
        margin-right: -6px;
    }

.articles-of-dr .custom-search {
    max-width: 230px;
}

.articles-list-area .news-details p {
    text-align: justify;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 3px !important;
}

.articles-list-area img {
    width: 100%;
    border-radius: 10px !important;
}

.articles-list-area .dct-name {
    color: #00939b;
    font-weight: 600 !important;
    margin-top: 15px !important;
    font-size: 14px !important;
}

.articles-list-area h6 {
    font-family: 'Dinot-bold' !important;
    margin: 12px 0px;
    line-height: 25px;
    font-size: 18px !important;
}

.articles-details .doc-dp {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 50%;
}

.articles-details h5 {
    font-family: 'Dinot-bold' !important;
}

.nowrap {
    white-space: nowrap;
}

.btn-custom.btn-sm {
    border-radius: 4px !important;
    font-size: 13px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.article-heading {
    border-bottom: 1px solid #cccccc !important;
    padding: 2rem 0px;
}

.article-desription-sm {
    border-left: 3px solid #009ba2 !important;
    padding: 0px 10px;
    margin: 25px 0px;
}

    .article-desription-sm p {
        font-family: 'Dinot-bold' !important;
        font-size: 20px !important;
    }

.articles-details p {
    line-height: 32px;
    font-size: 14px;
    color: #4d4d4d !important;
    text-align: justify;
}

.more-articles-list img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    margin-right: 12px;
}

.articles-list-box .small {
    font-size: 10px;
    color: #999999 !important;
}

.articles-list-box p {
    font-size: 9px;
    line-height: 16px;
    color: #4d4d4d !important;
    font-weight: 600;
    margin-bottom: 0px !important;
}

.more-articles-list {
    border: 1px solid #f2f2f2;
    padding: 5px !important;
    margin-top: 15px;
    text-decoration: none !important;
}

.article-snap img {
    height: 300px;
    object-fit: cover;
    margin-right: 20px;
    width: 330px;
}

.article-snap h4 {
    color: #2d2d2d !important;
    line-height: 40px;
}

.more-articles .title {
    font-size: 15px;
    ;
    margin-bottom: 13px !important;
}

.more-articles .date {
    color: #009ba2 !important;
}

.more-articles .ne-box {
    border: 1px solid #e6e6e6;
}

.more-articles .news-details {
    padding: 5px 20px !important;
}

.more-articles .owl-dots {
    display: none !important;
}

.nw-content-full h2 {
    font-family: 'Dinot-bold';
}

.nw-content-full img {
    border-radius: 10px;
    max-height: 345px !important;
    width: 100%;
    object-fit: cover;
}

.news-events-listout h6 {
    font-size: 17px;
    line-height: 28px;
    color: #252525 !important;
    margin-top: 10px;
    font-family: 'Dinot-bold';
}

.news-events-listout .ne-box img {
    border-radius: 10px;
    margin-bottom: 10px;
    width: 100%;
}

.news-events-listout .ne-box p {
    text-align: justify;
}

.news-events-listout .ne-box {
    margin-bottom: 30px;
}

.text-justify {
    text-align: justify !important;
}

.testimonials-box::after {
    content: "";
    position: absolute;
    width: 3px;
    height: 110px;
    background-image: url(../images/testimonial-border.png);
    background-size: contain;
    /* Use percentage-based positioning to prevent CLS - position relative to box height */
    top: 45%;
    left: 0;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-position: center;
    /* Prevent CLS: Hide initially, show after content loads */
    opacity: 0;
    transition: opacity 0.3s;
    pointer-events: none; /* Don't interfere with interactions */
}

.testimonials-box::before {
    content: "";
    position: absolute;
    width: 3px;
    height: 110px;
    background-image: url(../images/testimonial-border.png);
    background-size: contain;
    /* Use percentage-based positioning to prevent CLS - position relative to box height */
    top: 45%;
    left: auto;
    right: 0;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-position: center;
    /* Prevent CLS: Hide initially, show after content loads */
    opacity: 0;
    transition: opacity 0.3s;
    pointer-events: none; /* Don't interfere with interactions */
}

/* Show decorative borders after content loads to prevent CLS */
.testimonials-box.loaded::after,
.testimonials-box.loaded::before {
    opacity: 1;
}

.facilities-carousel .owl-dots, .insurance-carousel .owl-dots {
    display: none !important;
}

.centre-detail-box-det {
    right: 0;
    background: #00979ebf;
    height: 100%;
    color: #fff !important;
    padding: 3rem 2rem;
    z-index: 1;
    position: relative;
    padding-bottom: 103px;
}

.centre-detail-box img {
    position: absolute;
    height: 100%;
    left: 0;
    width: 100%;
    object-fit: cover;
}

.centre-detail-box-det label {
    font-family: 'Open Sans';
    font-weight: 600 !important;
}

.book-appointment-box.box-2 {
    max-width: 1000px;
    margin: auto;
    z-index: 2;
}

.insurance-company {
    padding: 20px !important;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    text-align: center;
    background: #fff !important;
    height: 140px;
    display: flex;
}

    .insurance-company img {
        max-width: 190px;
        margin: auto;
    }

.insurance-partners-lsit label {
    font-family: 'Dinot-med';
    font-size: 18px;
    margin-top: 20px;
    text-align: center;
    line-height: normal;
    width: 100%;
}

.center-desc-sect p {
    text-align: justify;
}

.insurance-dis-logo {
    border-radius: 8px;
    border: 1px solid #e6e6e6;
    padding: 5px;
    height: 132px;
    width: 100%;
    object-fit: contain;
    background-color: #fff;
}

.see-more-btn {
    color: #00939b;
    border: 1px solid #00939b;
    text-decoration: none !important;
    display: flex;
    align-items: center;
    border-radius: 6px;
    padding: 10px;
    height: 36px;
    text-transform: capitalize;
    font-family: 'Dinot-med';
}

    .see-more-btn:hover {
        color: #ffffff !important;
        background-color: #00939b !important;
        box-shadow: none !important;
    }

.search-section-heading {
    color: #009ba2;
    font-weight: 700;
    border-left: 3px solid #000;
    padding-left: 10px;
}

.doc-result-box {
    padding: 7px;
    border-radius: 14px;
    box-shadow: 0px 0px 20px #e2e2e2;
    display: block;
    text-decoration: none !important;
    color: #000 !important;
}

    .doc-result-box img {
        aspect-ratio: 1/1;
        margin-bottom: 12px;
        border-radius: 10px;
        width: 100%;
        object-fit: cover;
    }

    .doc-result-box span {
        font-size: 11px;
        color: #7a7a7a;
    }


.specialities-search {
    padding: 7px;
    border-radius: 14px;
    box-shadow: 0px 0px 20px #e2e2e2;
    display: block;
    text-decoration: none !important;
    color: #000 !important;
}

    .specialities-search img {
        aspect-ratio: 1/1;
        object-fit: cover;
        border-radius: 10px;
    }

    .specialities-search label {
        font-size: 13px;
        font-weight: bold;
        margin-top: 7px;
    }

.facility-search-res {
    padding: 7px;
    border-radius: 14px;
    box-shadow: 0px 0px 20px #e2e2e2;
    text-decoration: none !important;
    color: #000 !important;
    margin-bottom: 15px;
}

    .facility-search-res img {
        height: 125px;
        width: 190px;
        margin-right: 20px;
        object-fit: cover;
        border-radius: 9px;
    }

    .facility-search-res p {
        font-size: 11px;
        line-height: normal;
        font-weight: 600;
        color: #6c6c6c;
        margin-bottom: 0px !important;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

.g-custom {
    --bs-gutter-y: 7rem;
}

.auth-article {
    font-size: 11px;
    margin-bottom: 6px;
    display: flex;
}

    .auth-article i {
        background-color: #7a8485 !important;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        display: flex;
        align-items: end;
        justify-content: center;
        color: #fff;
        margin-right: 5px;
        font-size: 10px;
    }

.n-e-search .auth-article i {
    background-color: #ffffff00 !important;
    color: inherit !important;
}

.adv-search-list a {
    transition: 0.5s;
}

    .adv-search-list a:hover {
        box-shadow: 0px 0px 4px #009ba2a6 !important;
    }

.lightbox-carousel .ratio {
    background-color: #ffffff00 !important;
}

.lightbox .btn-close {
    background: black !important;
    border-radius: 50%;
}

.gallery-search-res {
    aspect-ratio: 1/1;
    object-fit: cover;
    width: 100%;
    transition: 0.3s;
}

    .gallery-search-res:hover {
        filter: brightness(0.5);
        box-shadow: 0px 0px 10px #009ba2cc;
    }

.search-banner {
    background-image: url(../images/search-banner.jpg);
    height: 290px;
    background-position: left;
}

.border-secondary {
    border-color: #cecece !important;
}

.articles-search-result p {
    font-size: 13px !important;
}

.articles-search-result img {
    height: 200px;
    width: 300px !important;
}

.see-more-2 {
    color: #000 !important;
    text-decoration: none !important;
    font-size: 16px !important;
    display: block;
    position: relative;
}

    .see-more-2::after {
        content: "";
        width: 30px;
        height: 2px;
        background-color: #009ba2 !important;
        position: absolute;
        top: 50%;
        margin-left: 10px;
    }

.articles-search-result .articles-search-res {
    border: 1px solid #fff !important;
    transition: 0.3s;
    margin-bottom: 25px !important;
}

    .articles-search-result .articles-search-res:hover {
        border: 1px solid #009ba2 !important;
    }

.search-box-sty {
    padding: 7px;
    border-radius: 14px;
    box-shadow: 0px 0px 20px #e2e2e2;
    text-decoration: none !important;
    color: #000 !important;
    display: block;
    background-color: #fff !important;
    transition: 0.4s;
}

    .search-box-sty:hover {
        transform: scale(1.03);
        box-shadow: 0px 0px 10px #009ba270;
    }

.search-doctors img {
    aspect-ratio: 1/1;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.search-doctors h3 {
    font-weight: bolder;
    color: #007a80; /* Darkened from #009ba2 for better contrast (4.5:1+) */
    margin-bottom: 12px;
}

.contact-form input, .contact-form select, .contact-form textarea {
    background-color: #f2f2f2 !important;
    border-radius: 0px !important;
    border: none !important;
    padding: 12px;
    transition: 0.5s;
}

.contact-form .form-label {
    color: #4d4d4d !important;
}

.contact-form {
    border: 1px solid #f2f2f2;
    padding: 35px;
    border-radius: 24px;
    margin-top: 25px;
}


    .contact-form .btn-custom {
        margin: auto;
        display: block;
        margin-top: 35px;
        font-size: 12px;
        min-width: 145px;
        padding: 9px;
    }

.search-result-null img {
    max-width: 70px;
}

#country_selector {
    width: 48px;
    overflow-x: hidden;
    overflow-y: visible !important;
    border: none !important;
    outline: none !important;
    padding: 0px !important;
    color: #ff000000 !important;
    height: 100%;
}

.country-select {
    border: none !important;
    outline: none !important;
    transition: 0s !important;
}

#country_selector:focus {
    background-color: #ffffff00 !important;
}

.contact-form input:focus, .contact-form textarea:focus {
    background-color: #e8e8e8 !important;
    box-shadow: none !important;
}

.ne-box {
    text-decoration: none !important;
}

.our-specialities img {
    transition: 0.4s;
    background: #009ba2;
    max-width: 200px !important;
    margin: auto;
    border-radius: 50%;
    object-fit: scale-down;
    border: 10px solid #009ba2;
    padding: 0px !important;
    aspect-ratio: 1 / 1;
    outline: 9px solid #a6dcdf;
    outline-offset: -11px;
}

.our-specialities .owl-item:hover img {
    filter: sepia(0.2);
}

.our-specialities .owl-item:hover h4 {
    color: #007a80 !important; /* Darkened from #009ba2 for better contrast (4.5:1+) */
}

.owl-nav button:hover {
    transform: scale(1.15);
    box-shadow: 0px 0px 15px #009ba296;
}

.owl-nav button.disabled:hover {
    transform: none !important;
    box-shadow: none !important;
}

.testimonials-box {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    transition: 0.3s;
    background: #ffffffd6;
    /* Fix CLS: Reserve minimum height to prevent layout shifts */
    min-height: 350px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

    .testimonials-box:hover {
        background: #fff;
    }
    
/* Reserve space for testimonials carousel to prevent CLS */
.testimonals-carousel {
    min-height: 400px;
}

.testimonals-carousel .item {
    min-height: 350px;
    display: flex;
    flex-direction: column;
    }

.ne-carousel .item {
    padding: 10px !important;
    transition: 0.5s;
}

    .ne-carousel .item:hover {
        background-color: #009aa217 !important;
    }

img {
    transition: 0.3s;
}

.article-hov img {
    border-radius: 10px;
}

.article-hov:hover img {
    filter: contrast(1.2);
    transform: scale(1.02);
    box-shadow: 0px 1px 16px #009ba257;
}

.article-hov:hover h6 {
    color: #009ba2 !important;
}

.facilities-box::after {
    content: "";
    background-color: #009ba2 !important;
    width: 100%;
    height: 200px;
    position: absolute;
    top: 0;
}

.facilities-box:hover img {
    opacity: 50%;
}


/* .our-specialities::after{
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/bg-pattern.jpg);
    opacity: 60%;
    background-size: cover;
    left: 0;
} */

.our-specialities .container {
    z-index: 1;
    position: relative;
}

.our-centres::after {
    content: "";
    /*background-image: url(../images/patttern-custom.png);*/
    background-size: cover;
    max-width: 600px;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-position: bottom;
}

.doc-box {
    border: 1px solid #ffffff !important;
}

.our-specialities::after {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-position: bottom;
    background: linear-gradient(180deg, white, #ffffff00);
}

.our-specialities::before {
    content: "";
    background-image: url(../images/bg-pattern2.jpg);
    background-size: contain;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-position: bottom;
}

.testimonials .section-heading {
    color: #fff !important;
}

.articles::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url(../images/bg-pattern.jpg);
    opacity: 52%;
}

.custom-navbar .nav-link.active {
    color: #009ba2 !important;
    border-bottom: 2px solid #009ba2;
}

.articles .container {
    z-index: 1;
    position: relative;
}

.facility-details {
    padding: 12px;
    background-color: #fff;
}

.testimonials {
    background-image: linear-gradient(to right top, #00a1a1, #009fab, #009cb4, #0099bb, #0095c1, #0095c1, #0095c1, #0095c1, #0099bb, #009cb4, #009fab, #00a1a1);
}


.doctor-list .doc-card:nth-child(odd) {
    background-color: #d2edf247;
}

.data-disp-n .box-disp .num:lang(ar) {
    margin-right: 0px !important;
    margin-left: 15px;
}

.owl-carousel:lang(ar),
.bx-wrapper:lang(ar) {
    direction: ltr;
}

.owl-carousel .owl-item:lang(ar) {
    direction: rtl;
}

.custom-carousel .owl-nav:lang(ar) {
    left: 0;
    right: auto;
}

.landing-banner::before {
    /* content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; */
}

select:lang(ar) {
    background-position: left 10px center;
}

.more-articles-list img:lang(ar), .article-snap img:lang(ar), .facility-search-res img:lang(ar) {
    margin-right: 0px;
    margin-left: 12px !important;
}

.article-desription-sm:lang(ar) {
    border-left: none !important;
    border-right: 3px solid #009ba2 !important;
}

.country-select .selected-flag .flag:lang(ar) {
    left: 6px;
}

.search-section-heading:lang(ar) {
    border-right: 3px solid #000;
    border-left: none !important;
    padding-right: 10px;
}

.auth-article i:lang(ar) {
    margin-left: 10px;
    margin-right: 0px !important;
}

.our-centres:lang(ar)::after {
    content: "";
    background-image: url(../images/patttern-custom.png);
    background-size: cover;
    max-width: 770px;
    width: 100%;
    height: 100%;
    top: 0;
    left: auto;
    position: absolute;
    background-position: bottom;
    transform: rotateY(180deg);
}

.list-sty-cust li {
    list-style: none !important;
    padding: 13px 25px;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    margin-bottom: 18px;
    font-size: 14px;
}

.btn-sty-sm {
    padding: 15px !important;
    font-size: 13px !important;
    /*min-width: 220px !important;*/
}

.doctor-articles .owl-dots {
    display: none;
}

.doctor-articles .date {
    font-size: 12px !important;
    font-weight: 600;
}

.job-list-box {
    background-color: #ededf4;
    border-top: 10px solid #009ba2 !important;
    padding: 20px !important;
    font-size: 13px;
    line-height: 20px;
}

    .job-list-box p {
        font-size: 11px;
        line-height: 20px;
    }

    .job-list-box .job-title {
        font-weight: 700;
        text-transform: uppercase;
        font-size: 21px;
        font-family: sans-serif;
    }

.job-center-name a {
    color: #009ba2;
    text-decoration: none !important;
    text-transform: uppercase;
    font-size: 11px;
}

.job-desc::after {
    content: "";
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, #ededf4, transparent);
}

.gx-cust {
    --bs-gutter-x: 5rem;
}

.career-details .requirements-list li::marker {
    font-size: 10px !important;
}

.career-details .requirements-list li {
    margin-bottom: 15px;
}

::-webkit-file-upload-button, ::file-selector-button {
    visibility: hidden;
}

.custom-form input, .custom-form textarea {
    min-height: 66px;
    border-radius: 0px !important;
    border: 1px solid #E6E6E6 !important;
    padding: 20px 15px;
}

.custom-form {
    background-color: #F9F9F9;
}

    .custom-form label {
        font-family: 'Open Sans';
        font-size: 15px;
        color: #252525;
    }

        .custom-form label small {
            font-size: 11px;
        }

.custom-text-input::after {
    position: absolute;
    content: "Choose File";
    width: 100px;
    height: 40px;
    background-color: #F0F0F0;
    top: 13px;
    left: 16px;
    color: #979797;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}

.custom-form .section-heading {
    color: #252525 !important;
}

.custom-form .apply-job {
    min-width: 225px;
    background-color: #AC0D15 !important;
}

    .custom-form .apply-job:hover {
        background-color: #83050c !important;
    }

.msg-dp {
    max-width: 400px;
    text-align: center;
}

.chairman-msg p {
    font-size: 14px !important;
    color: #252525 !important;
    font-weight: 600;
    line-height: 38px;
    text-align: justify;
}

.msg-dp img {
    max-height: 355px;
    object-fit: cover;
}

.chairman-msg h3 {
    color: #252525 !important;
    line-height: 40px;
    max-width: 538px;
    font-size: 27px;
    margin-bottom: 30px !important;
    font-weight: 800 !important;
}

.msg-footer {
    margin-top: 40px !important;
    display: block;
    line-height: 28px;
    font-size: 14px;
}

.msg-objectives {
    background: #00797e;
}

/* Prevent layout shifts - CLS optimization */
.our-doctors {
    min-height: 500px; /* Reserve space for doctor carousel */
}

.our-centres {
    min-height: 600px; /* Reserve space for centres carousel */
}

.our-facilities {
    min-height: 500px; /* Reserve space for facilities carousel */
}

.articles {
    min-height: 400px; /* Reserve space for articles section */
}

.articles::after {
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
    pointer-events: none;
}

/* Reserve space for carousels before initialization */
.view-doc-carousel,
.view-centres-carousel,
.facilities-carousel,
.articles-carousel {
    min-height: 400px;
}

/* Reserve space for section headings to prevent text reflow */
.section-heading {
    min-height: 40px;
    display: block;
}

/* Reserve space for carousel items */
.doc-box,
.centre-box,
.facilities-box {
    min-height: 300px;
}

/* Ensure images maintain aspect ratio */
.doc-box img,
.centre-box img,
.facilities-box img,
.articles-box img {
    width: 100%;
    height: auto;
}

.doc-box img {
    aspect-ratio: 1/1; /* Square for doctor images */
    object-fit: cover;
}

.centre-box img {
    aspect-ratio: 3/2; /* Landscape for centre images */
    object-fit: cover;
}

.facilities-box img {
    aspect-ratio: 4/3; /* Standard for facility images */
    object-fit: cover;
}

.articles-box img {
    aspect-ratio: 16/9; /* Widescreen for article images */
    object-fit: cover;
}

/* Fix carousel layout shifts */
.carousel-item {
    min-height: 400px; /* Reserve space for carousel items */
    position: relative;
}

.carousel-image {
    width: 100%;
    height: auto;
    display: block;
    aspect-ratio: 1920/730; /* Banner aspect ratio */
    object-fit: cover;
}

/* Fix carousel controls positioning to prevent shifts */
.carousel-control-prev,
.carousel-control-next {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 50px !important;
    height: 50px !important;
    z-index: 10 !important;
    opacity: 0.8;
    margin: 0 !important;
}

.carousel-control-prev {
    left: 15px !important;
}

.carousel-control-next {
    right: 15px !important;
}

/* Fix book appointment section layout shifts */
.book-appointment {
    min-height: 200px; /* Reserve space for book appointment section */
    position: relative;
    padding-top: 100px; /* Account for negative margin */
}

.book-appointment-box {
    min-height: 150px; /* Reserve space for form */
}

/* Fix specialities section */
.our-specialities {
    min-height: 400px; /* Reserve space for specialities carousel */
}

/* Fix navbar layout shifts */
.navbar {
    min-height: 80px; /* Reserve space for navbar */
}

.navbar-nav {
    min-height: 40px; /* Reserve space for nav items */
}

.d-flex {
    min-height: 40px; /* Reserve space for flex containers */
}

.obj-list {
    background: #fff;
    padding: 18px;
    border-radius: 15px;
    text-align: center;
    margin-top: 30px;
    box-shadow: inset 0px 4px 4px #7373737a;
    line-height: 35px;
}

.about-us-pg p {
    line-height: 39px;
    color: #252525;
}

.lst-avb p {
    line-height: 30px !important;
    margin-top: 10px;
}

.contact-frm .btn {
    font-size: 13px !important;
    letter-spacing: 1px;
    padding: 10px 25px;
    background-color: #107D89 !important;
}

.locations-view {
    background-color: #F9F9F9;
}

.location-title {
    background: #009BA2;
    padding: 10px 20px;
    color: #fff;
    font-size: 20px;
    margin-bottom: 30px !important;
}

.location-box {
    background: #fff;
    padding: 20px;
    color: #252525 !important;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .location-box a, .location-box p {
        text-decoration: none !important;
        font-size: 13px;
        margin-bottom: 10px !important;
        color: #252525 !important;
        line-height: 30px !important;
    }

.cntc-img {
    max-height: 574px;
}

.dept-box-list p {
    display: none;
}

.dep-icon {
    background: #019ba33b;
    transition: 0.3s;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    position: absolute;
    right: -21px;
    top: 9px;
    z-index: 1;
    outline: 18px solid #28ced824;
    justify-content: center;
}

    .dep-icon::before {
        position: absolute;
        content: "";
        width: 105px;
        height: 105px;
        background: #019ba3b0;
        z-index: 0;
        border-radius: 50%;
        right: 12px;
        top: 12px;
    }

.dept-display-box:hover .dep-icon {
    outline: 500px solid #28ced824;
}

.dept-box-list h5 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px !important;
    color: #1e5171 !important;
    font-family: sans-serif;
}

.dept-box-list .read-more {
    font-size: 14px !important;
    text-decoration: none !important;
    display: block;
    color: #0B8FC7 !important;
    font-family: 'Open Sans';
    font-weight: 600;
}

.dept-display-box {
    transition: 0.3s;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #fff !important;
    box-shadow: 0px 0px 14px #72bcc04d;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    padding-right: 120px !important;
    border: 1px solid #019ba336;
    padding: 5px;
    animation: slidedown 1s;
    min-height: 150px;
}

    .dept-display-box:hover {
        transform: scale(1.05);
    }

@keyframes slidedown {
    from {
        opacity: 0;
        margin-top: -100px;
    }

    to {
        opacity: 1;
        margin-top: 0px;
    }
}

.dep-icon img {
    height: 60px;
    z-index: 1;
}

.abt-pt-2 {
    background-image: url(../images/about-new.jpg);
    /* background-attachment: fixed; */
    background-size: cover;
    background-position: left;
}

    .abt-pt-2 .container {
        padding: 2rem;
        background-color: #ffffffe0 !important;
        border-radius: 10px;
        backdrop-filter: blur(26px);
        max-width: 1012px !important;
        margin-right: 20px;
    }

.data-disp-n .box-disp {
    /* background: white; */
    padding: 25px 15px;
    position: relative;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #13b3bc36;
}

    .data-disp-n .box-disp .num {
        color: #ffffff;
        font-weight: 800;
        font-size: 35px;
        display: block;
        margin-right: 25px;
        width: 55px;
        text-align: center;
        border-radius: 9px;
        aspect-ratio: 1 / 1;
        background: linear-gradient(45deg, #019ba3, #28CED8);
        box-shadow: 5px 4px 9px #00606569;
    }

    .data-disp-n .box-disp label {
        font-size: 16px;
        display: inline-block;
        font-weight: 600;
        text-transform: uppercase;
    }

.box-disp::after {
    content: "";
    width: 100px;
    height: 100px;
    background: radial-gradient();
    position: absolute;
    right: 0
}

.mission-vission {
    background: #1e5171;
    color: #fff !important;
}

#about-carousel .carousel-inner img {
    min-height: 350px;
    object-fit: cover;
    height: 100%;
}

.mission-vission .section-heading {
    color: #fff !important;
}

.mission-desc {
    background-image: linear-gradient(to right top, #00a1a1, #009fab, #009cb4, #0099bb, #0095c1, #0095c1, #0095c1, #0095c1, #0099bb, #009cb4, #009fab, #00a1a1);
    padding: 3rem;
    height: 100%;
}

.missions-lst {
    height: 100%;
    border-bottom: 1px solid #ffffff85;
    background: #ffffff0f;
    padding: 13px;
}

    .missions-lst p {
        font-size: 13px;
        line-height: normal;
        margin-top: 10px;
        margin-bottom: 0px !important;
    }

#about-carousel, #about-carousel .carousel-inner, #about-carousel .carousel-item {
    height: 100%;
}

.core-values {
    background-image: url(../images/bg-pattern-3.jpg);
}

.cv-box {
    background: #ffffff;
    padding: 18px 20px;
    border-radius: 10px;
    color: #252525 !important;
    line-height: normal !important;
    text-align: center;
    height: 100%;
    position: relative;
    transition: 0.4s;
    overflow: hidden;
    border: 1px solid #1aafcf2e;
}

    .cv-box .cv-icon {
        width: 60px;
        transition: 0.4s;
        margin-top: 15px;
    }

    .cv-box:hover {
        box-shadow: 0px 0px 20px #23c7d130;
        transform: scale(1.005);
    }

        .cv-box:hover .cv-icon {
            transform: scale(1.3);
        }

    .cv-box h6 {
        font-size: 19px;
        font-weight: 700;
        color: #1e5171;
        margin-top: 25px;
    }

    .cv-box p {
        line-height: 19px;
        font-size: 13px;
        margin-top: 16px;
        text-align: justify;
        margin-bottom: 0px !important;
    }

.book-appointment {
    overflow: visible !important;
}

.specialities-search img {
    width: 100%;
    background: #009ba2;
    object-fit: scale-down;
}

.specialities-search label {
    font-size: 11px;
    text-transform: uppercase;
}

.our-specialities-carousel a::after {
    display: none !important;
}

.view-doc-carousel a {
    color: #fff !important;
    text-decoration: none !important;
}

.ot-clinics-box a::after {
    display: none !important;
}

.error {
    color: red !important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

header {
    position: sticky;
    top: 0;
    z-index: 5;
}

.job-list-box {
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

    .job-list-box p, .job-list-box span, .job-list-box ul li, .job-list-box ul {
        font-family: 'Dinot' !important;
        font-size: 13px !important;
    }

p {
    font-family: 'Dinot' !important;
}

.articles-links a {
    text-transform: uppercase;
}

.news-events p, .news-events span, .articles p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.our-facilities p, .articles h6 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.other-clinics .ot-clinics-box img {
    background: #f3f3f3;
    height: 250px;
    object-fit: cover;
}

.contact-locations .location-box iframe {
    width: 100% !important;
}

.offcanvas-body .navbar-nav {
    justify-content: space-around !important;
    max-width: 450px;
    gap: 15px;
}

select:has(option:checked:not([value])),
select:has(option:checked:not([value=""])) {
    font-weight: 600 !important;
    color: #252525 !important;
}

.centre-box img {
    height: 100%;
    object-fit: cover;
}

.subscription-area {
    position: relative;
    background-image: url(../images/subscribe-bg.jpg);
    padding: 70px 10px;
    text-align: center;
    margin-bottom: 25px;
    background-position: center;
}

    .subscription-area .container {
        z-index: 1;
        position: relative;
    }

    .subscription-area::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(45deg, #066a6e8c, #0f4363);
    }

    .subscription-area .input-area {
        display: flex;
        max-width: 516px;
        margin: auto;
        margin-top: 30px;
        gap: 3px;
    }

        .subscription-area .input-area input {
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
            font-weight: 600;
        }

.whatsapp-cover {
    position: fixed;
    right: 93px;
    bottom: 65px;
    max-width: 87px;
    z-index: 1;
}

    .whatsapp-cover a {
        display: block;
        width: 65px;
        border-radius: 50px;
        box-shadow: 0px 5px 4px #00000042;
    }

        .whatsapp-cover a img {
            width: 100%;
            height: auto;
        }

.facebook-cover {
    position: fixed;
    right: 93px;
    bottom: 145px;
    max-width: 87px;
    z-index: 1;
}

    .facebook-cover a {
        display: block;
        width: 65px;
        border-radius: 50px;
        box-shadow: 0px 5px 4px #00000042;
    }

        .facebook-cover a img {
            width: 100%;
            height: auto;
        }

.fc-widget-normal {
    bottom: 65px !important;
}

/* Doctor Biography Font Override - Override all inline styles from editor */
.doctor-biography,
.doctor-biography *,
.doctor-biography span,
.doctor-biography div,
.doctor-biography li,
.doctor-biography ul,
.doctor-biography ol,
.doctor-biography strong,
.doctor-biography b,
.doctor-biography em,
.doctor-biography i,
.doctor-biography a,
.doctor-biography blockquote,
.doctor-biography pre,
.doctor-biography code,
.doctor-biography td,
.doctor-biography th,
.doctor-biography table,
.doctor-biography label {
    font-family: 'Open Sans', sans-serif !important;
}

/* Paragraphs - match existing website style */
.doctor-biography p {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 15px !important;
    line-height: 31px !important;
}

/* Headings - use Dinot font with appropriate sizes */
.doctor-biography h1 {
    font-family: 'Dinot', sans-serif !important;
    font-size: 30px !important;
    line-height: 1.2 !important;
}

.doctor-biography h2 {
    font-family: 'Dinot', sans-serif !important;
    font-size: 26px !important;
    line-height: 1.2 !important;
}

.doctor-biography h3 {
    font-family: 'Dinot', sans-serif !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
}

.doctor-biography h4 {
    font-family: 'Dinot', sans-serif !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
}

.doctor-biography h5 {
    font-family: 'Dinot', sans-serif !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
}

.doctor-biography h6 {
    font-family: 'Dinot', sans-serif !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
}

/* Override any inline style attributes */
.doctor-biography [style*="font-family"] {
    font-family: 'Open Sans', sans-serif !important;
}

.doctor-biography h1[style*="font-family"],
.doctor-biography h2[style*="font-family"],
.doctor-biography h3[style*="font-family"],
.doctor-biography h4[style*="font-family"],
.doctor-biography h5[style*="font-family"],
.doctor-biography h6[style*="font-family"] {
    font-family: 'Dinot', sans-serif !important;
}

.doctor-biography h1[style*="font-size"] {
    font-size: 30px !important;
}

.doctor-biography h2[style*="font-size"] {
    font-size: 26px !important;
}

.doctor-biography h3[style*="font-size"] {
    font-size: 22px !important;
}

.doctor-biography h4[style*="font-size"] {
    font-size: 20px !important;
}

.doctor-biography h5[style*="font-size"] {
    font-size: 18px !important;
}

.doctor-biography h6[style*="font-size"] {
    font-size: 16px !important;
}

.doctor-biography p[style*="font-size"] {
    font-size: 15px !important;
}

/* FAQ Accordion Styling - Match Site Primary Color (#009ba2) */
.faq-section .accordion-button,
.content-area .accordion-button {
    background-color: #f0f9fa;
    color: #007a80;
    font-weight: 600;
    font-size: 16px;
    border: 1px solid #b3e5e8;
    box-shadow: none;
    padding: 1rem 1.25rem;
    transition: all 0.3s ease;
}

.faq-section .accordion-button:hover,
.content-area .accordion-button:hover {
    background-color: #e0f3f4;
    color: #006b70;
    border-color: #009ba2;
}

.faq-section .accordion-button:not(.collapsed),
.content-area .accordion-button:not(.collapsed) {
    background-color: #009ba2;
    color: #fff;
    box-shadow: 0 2px 8px rgba(0, 155, 162, 0.2);
    border-color: #009ba2;
}

.faq-section .accordion-button:not(.collapsed)::after,
.content-area .accordion-button:not(.collapsed)::after {
    filter: brightness(0) invert(1);
}

.faq-section .accordion-button:focus,
.content-area .accordion-button:focus {
    border-color: #009ba2;
    box-shadow: 0 0 0 0.25rem rgba(0, 155, 162, 0.25);
}

.faq-section .accordion-item,
.content-area .accordion-item {
    border: 1px solid #b3e5e8;
    border-radius: 5px !important;
    overflow: hidden;
    background-color: #fff;
}

.faq-section .accordion-item:not(:last-child),
.content-area .accordion-item:not(:last-child) {
    margin-bottom: 1rem;
}

.faq-section .accordion-body,
.content-area .accordion-body {
    background-color: #fafefe;
    color: #2d2d2d;
    padding: 1.25rem;
    line-height: 1.8;
    border-top: 1px solid #e0f3f4;
}

/* FAQ Category Sidebar - Match Theme Primary Color */
.content-area .card-header.bg-primary {
    background-color: #009ba2 !important;
    border-color: #009ba2;
}

.content-area .list-group-item-action {
    color: #2d2d2d;
    border-color: #e0f3f4;
    transition: all 0.3s ease;
}

.content-area .list-group-item-action:hover {
    background-color: #f0f9fa;
    color: #009ba2;
    border-color: #b3e5e8;
}

.content-area .list-group-item-action.active {
    background-color: #009ba2;
    color: #fff;
    border-color: #009ba2;
    font-weight: 600;
}

.content-area .list-group-item-action.active:hover {
    background-color: #007a80;
    border-color: #007a80;
    color: #fff;
}

/* FAQ Category Sidebar - Template Style */
.faq-sidebar-card {
    border-radius: 0.75rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    padding: 1.5rem;
}

.faq-sidebar-title {
    font-size: 1.125rem;
    font-weight: 600;
    color: #111827;
    margin-bottom: 1rem;
}

.faq-sidebar-nav {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.faq-category-link {
    display: block;
    padding: 0.5rem 0.75rem;
    color: #4b5563;
    text-decoration: none;
    border-radius: 0.5rem;
    transition: all 0.3s ease;
    font-size: 0.9375rem;
    line-height: 1.5;
}

.faq-category-link:hover:not(.faq-category-active) {
    background-color: #f0f9fa;
    color: #009ba2;
}

.faq-category-active {
    background-color: #009ba2;
    color: #fff;
    font-weight: 500;
}

.faq-category-active:hover {
    background-color: #007a80;
    color: #fff;
}

.faq-help-section {
    margin-top: 2rem;
    padding: 1rem;
    background-color: #f0f9fa;
    border-radius: 0.5rem;
}

.faq-help-title {
    font-weight: 600;
    color: #007a80;
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.faq-help-text {
    color: #009ba2;
    font-size: 0.875rem;
    margin-bottom: 0.75rem;
    line-height: 1.5;
}

.faq-help-link {
    display: inline-flex;
    align-items: center;
    color: #009ba2;
    text-decoration: none;
    font-weight: 500;
    font-size: 0.875rem;
    transition: color 0.3s ease;
}

.faq-help-link:hover {
    color: #007a80;
}

.faq-help-link i {
    font-size: 1rem;
    margin-left: 0.25rem;
}

/* FAQ Page Enhanced Styling */
.content-area .breadcrumb {
    background-color: transparent;
    padding: 0;
    margin-bottom: 1rem;
}

.content-area .breadcrumb-item a {
    color: #009ba2;
    text-decoration: none;
    transition: color 0.3s ease;
}

.content-area .breadcrumb-item a:hover {
    color: #007a80;
    text-decoration: underline;
}

.content-area .breadcrumb-item.active {
    color: #6c757d;
}

.content-area .sticky-top {
    z-index: 1020;
}

.content-area .card.shadow-sm {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.content-area .card.shadow-sm:hover {
    transform: translateY(-2px);
    box-shadow: 0 0.5rem 1rem rgba(0, 155, 162, 0.15) !important;
}

.content-area .accordion-item.shadow-sm {
    transition: all 0.3s ease;
}

.content-area .accordion-item.shadow-sm:hover {
    box-shadow: 0 0.5rem 1rem rgba(0, 155, 162, 0.15) !important;
}

.content-area .btn-outline-light:hover {
    background-color: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.5);
}

.content-area section[id] {
    scroll-margin-top: 100px;
}

/* FAQ Category Icons */
.content-area .h3 i {
    font-size: 1.5rem;
}

.content-area .accordion-button i {
    font-size: 1.1rem;
}