/**********  CSS **********/

:root{
    --primary-blue: #0284c7;
    --primary-dark: #0f172a;
    --accent-teal: #0d9488;
    --light-bg: #f8fafc;
    --card-border: rgba(226, 232, 240, 0.8);
    --gradient-primary: linear-gradient(135deg, #0284c7 0%, #0d9488 100%);
    --shadow-subtle: 0 10px 30px -10px rgba(2, 132, 199, 0.08);
    --shadow-hover: 0 20px 40px -15px rgba(2, 132, 199, 0.22);
    --navy: #071b3a;
    --blue: #1264e8;
    --cyan: #38d6e8;
    --light: #f3f8ff;
    --text: #53647d;
    
    font-family: 'Inter', 'Segoe UI', sans-serif;
}

.back-to-top {
    position: fixed;
    display: none;
    right: 30px;
    bottom: 30px;
    z-index: 99;
}


/*** Spinner ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}


/*** Button ***/
.btn {
    transition: .5s;
}

.btn.btn-primary,
.btn.btn-outline-primary:hover,
.btn.btn-dark,
.btn.btn-outline-dark:hover {
    color: var(--bs-white);
    font-weight: 500;
}

.btn.btn-primary:hover {
    background: var(--bs-dark);
    border-color: var(--bs-dark);
}

.btn.btn-dark:hover {
    background: var(--bs-primary);
    border-color: var(--bs-primary);
}

.btn-square {
    width: 38px;
    height: 38px;
}

.btn-sm-square {
    width: 32px;
    height: 32px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}


/* =====================================================
   LAKSHYA EYE HOSPITAL
   MODERN 2026 HEADER
===================================================== */

.lakshya-header {
    position: relative;
    z-index: 1050;
    background: #fff;
}


/* ================= TOP STRIP ================= */

.lakshya-header .top-strip {
    font-size: 13px;
}


/* ================= MAIN HEADER ================= */

.modern-main-header {

    min-height: 100px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 30px;
}


/* ================= LOGO ================= */

.lakshya-brand {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

.lakshya-brand img {
    width: 190px;
    height: auto;
    display: block;
}


/* ================= DESKTOP NAV ================= */

.desktop-navigation {

    gap: 4px;

    padding: 6px;

    border-radius: 50px;

    background: #f5f7fb;

    border: 1px solid #edf0f5;
}


/* NAV LINKS */

.modern-nav-link {

    position: relative;

    display: inline-flex;
    align-items: center;

    padding: 12px 16px;

    border-radius: 40px;

    color: #26364f;

    font-size: 14px;
    font-weight: 600;

    text-decoration: none;

    transition: all .25s ease;

    white-space: nowrap;
}


.modern-nav-link:hover {

    color: #fff;

    background: linear-gradient(135deg,
            #5433a8,
            #2468c9);

}


/* ACTIVE */

.modern-nav-link.active {

    color: #fff;

    background: linear-gradient(135deg,
            #5433a8,
            #2468c9);

    box-shadow:
        0 5px 15px rgba(72, 58, 170, .25);

}


/* ================= DROPDOWN ================= */

.modern-dropdown {
    position: relative;
}


.modern-dropdown-menu {

    position: absolute;

    top: calc(100% + 12px);
    left: 0;

    width: 235px;

    padding: 10px;

    background: rgba(255, 255, 255, .97);

    backdrop-filter: blur(15px);

    border: 1px solid #edf0f5;

    border-radius: 18px;

    box-shadow:
        0 20px 50px rgba(27, 39, 70, .15);

    opacity: 0;
    visibility: hidden;

    transform: translateY(8px);

    transition: all .25s ease;
}


.modern-dropdown:hover .modern-dropdown-menu {

    opacity: 1;
    visibility: visible;

    transform: translateY(0);

}


.modern-dropdown-menu a {

    display: flex;

    align-items: center;

    gap: 12px;

    padding: 11px 13px;

    margin-bottom: 3px;

    border-radius: 10px;

    color: #29384f;

    font-size: 14px;
    font-weight: 500;

    text-decoration: none;

    transition: .2s;
}


.modern-dropdown-menu a i {

    color: #5536ac;

}


.modern-dropdown-menu a:hover {

    background: #f1efff;

    color: #4d31a0;

}


/* ================= APPOINTMENT ================= */

.modern-appointment {

    align-items: center;

    gap: 14px;

    padding: 14px 18px 14px 22px;

    border-radius: 50px;

    background: linear-gradient(135deg,
            #5532a7,
            #2467c9);

    color: #fff;

    font-size: 14px;
    font-weight: 600;

    text-decoration: none;

    white-space: nowrap;

    box-shadow:
        0 8px 22px rgba(71, 55, 170, .22);

    transition: .25s ease;
}


.modern-appointment i {

    width: 30px;
    height: 30px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: rgba(255, 255, 255, .18);

}


.modern-appointment:hover {

    color: #fff;

    transform: translateY(-2px);

    box-shadow:
        0 12px 28px rgba(71, 55, 170, .3);

}


/* ================= MOBILE MENU BUTTON ================= */

.modern-menu-button {

    width: 48px;
    height: 48px;

    border: 0;

    border-radius: 14px;

    background: linear-gradient(135deg,
            #5532a7,
            #2467c9);

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    gap: 5px;

    box-shadow:
        0 7px 20px rgba(60, 50, 160, .22);
}


.modern-menu-button span {

    display: block;

    width: 21px;
    height: 2px;

    background: #fff;

    border-radius: 5px;
}


/* ================= OFFCANVAS ================= */

.modern-offcanvas {

    width: min(390px, 88vw) !important;

    border: 0;

    background: #fff;

    box-shadow:
        -15px 0 50px rgba(20, 30, 60, .15);
}


.mobile-offcanvas-logo {

    width: 155px;

    height: auto;
}


.modern-close {

    width: 40px;
    height: 40px;

    border: 0;

    border-radius: 50%;

    background: #f2f4f8;

    color: #25344d;

    display: flex;

    align-items: center;
    justify-content: center;

    font-size: 15px;
}


.modern-close:hover {

    background: #ebe9ff;

    color: #5432a7;

}


/* ================= MOBILE MENU ================= */

.mobile-menu-label {

    margin: 10px 0 8px;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 2px;

    color: #9aa3b2;
}


.mobile-modern-link {

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 100%;

    padding: 15px 12px;

    margin: 3px 0;

    border-radius: 13px;

    background: transparent;

    color: #26364f;

    font-size: 15px;

    font-weight: 600;

    text-decoration: none;

    transition: .2s;
}


.mobile-modern-link span {

    display: flex;

    align-items: center;

    gap: 13px;
}


.mobile-modern-link span i {

    width: 20px;

    color: #5535a7;

    font-size: 17px;

}


.mobile-modern-link>i {

    font-size: 13px;

    color: #a0a7b3;

}


.mobile-modern-link:hover {

    background: #f5f3ff;

    color: #5432a7;

}


.mobile-modern-link.active {

    color: #fff;

    background: linear-gradient(135deg,
            #5532a7,
            #2467c9);
}


.mobile-modern-link.active span i,
.mobile-modern-link.active>i {

    color: #fff;

}


/* ================= MOBILE SUBMENU ================= */

.mobile-submenu {

    margin: 0 12px 8px 45px;

    padding: 5px 0 5px 15px;

    border-left: 2px solid #e8e5ff;
}


.mobile-submenu a {

    display: block;

    padding: 9px 10px;

    color: #657187;

    font-size: 13px;

    text-decoration: none;

    border-radius: 8px;
}


.mobile-submenu a:hover {

    background: #f5f3ff;

    color: #5432a7;

}


/* ================= MOBILE CTA ================= */

.mobile-appointment-btn {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 16px 18px;

    border-radius: 15px;

    background: linear-gradient(135deg,
            #5532a7,
            #2467c9);

    color: #fff;

    text-decoration: none;

    font-size: 14px;

    font-weight: 600;

    box-shadow:
        0 10px 25px rgba(70, 50, 160, .2);
}


.mobile-appointment-btn:hover {

    color: #fff;

}


/* ================= CONTACT CARD ================= */

.mobile-contact-card {

    padding: 18px;

    border-radius: 16px;

    background: #f7f8fb;

    border: 1px solid #edf0f4;
}


.mobile-contact-card small {

    display: block;

    margin-bottom: 8px;

    color: #9aa3b2;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 1.5px;
}


.mobile-contact-card a {

    display: block;

    color: #35435a;

    font-size: 13px;

    text-decoration: none;

    margin-top: 5px;
}


/* ================= TABLET ================= */

@media (max-width: 1199.98px) and (min-width: 992px) {

    .modern-main-header {
        gap: 15px;
    }

    .lakshya-brand img {
        width: 160px;
    }

    .modern-nav-link {
        padding: 10px 11px;
        font-size: 13px;
    }

    .modern-appointment {
        padding: 12px 14px;
        font-size: 13px;
    }

}


/* ================= MOBILE ================= */

@media (max-width: 991.98px) {

    .modern-main-header {

        min-height: 78px;

    }

    .lakshya-brand img {

        width: 165px;

    }

}

/* =========================================
   MOBILE CONTACT BAR
========================================= */

.mobile-contact-line {
    display: flex;
    align-items: center;

    width: 100%;

    min-width: 0;

    gap: 8px;

    color: #4f5d73;

    font-size: 12px;

    line-height: 1.4;

    text-decoration: none;
}

.mobile-contact-line>i {
    flex-shrink: 0;

    color: var(--bs-primary);

    font-size: 13px;
}

.mobile-contact-line>span {
    min-width: 0;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;
}

.mobile-contact-line div {
    min-width: 0;

    white-space: nowrap;
}

.mobile-contact-line div a {
    color: #35435a;

    text-decoration: none;

    white-space: nowrap;
}

.mobile-contact-line div span {
    color: #adb4c0;

    flex-shrink: 0;
}


/* Very small phones */

@media (max-width: 380px) {

    .mobile-contact-line {
        font-size: 11px;
        gap: 6px;
    }

    .mobile-contact-line div {
        gap: 3px !important;
    }

}

/* =====================================================
   STICKY NAVIGATION
===================================================== */

.lakshya-header .navbar.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1030;

    background: rgba(255, 255, 255, 0.96) !important;

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    border-bottom: 1px solid rgba(20, 35, 60, 0.08);
}


/* Desktop sticky navigation */

@media (min-width: 992px) {

    .lakshya-header .desktop-navigation.sticky-top {
        box-shadow:
            0 5px 25px rgba(20, 35, 60, 0.08);
    }

}


/* Mobile / Tablet sticky navigation */

@media (max-width: 991.98px) {

    .lakshya-header .desktop-navigation.sticky-top {
        box-shadow:
            0 4px 20px rgba(20, 35, 60, 0.10);
    }

}

/* navigation end here */

/*** Hero ***/
.hero-header {
    background-image: url('../img/gemini_generated_video_f9581223_gwr_video_mvp.gif');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #000;
    image-rendering: auto;
    backface-visibility: hidden;
    color: #38BDF8;
}

.btn-play {
    position: relative;
    display: block;
    box-sizing: content-box;
    width: 16px;
    height: 26px;
    border: none;
    outline: none !important;
    padding: 18px 20px 20px 28px;
    background: var(--bs-primary);
}

.btn-play:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 60px;
    height: 60px;
    background: var(--bs-primary);
    animation: pulse-border 1500ms ease-out infinite;
}

.btn-play:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 60px;
    height: 60px;
    background: var(--bs-primary);
    transition: all 200ms;
}

.btn-play span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    left: -1px;
    border-left: 16px solid var(--bs-white);
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(2);
        opacity: 0;
    }
}

#videoModal .modal-dialog {
    position: relative;
    max-width: 800px;
    margin: 60px auto 0 auto;
}

#videoModal .modal-body {
    position: relative;
    padding: 0px;
}

#videoModal .close {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0px;
    top: -30px;
    z-index: 999;
    font-size: 30px;
    font-weight: normal;
    color: var(--bs-white);
    background: #000000;
    opacity: 1;
}

.page-header {
    background: url(../img/images15.jpg) center right no-repeat;
    background-size: cover;
}

.page-header .breadcrumb-item,
.page-header .breadcrumb-item a {
    font-weight: 500;
}

.page-header .breadcrumb-item a,
.page-header .breadcrumb-item+.breadcrumb-item::before {
    color: var(--bs-secondery)
}

.page-header .breadcrumb-item a:hover,
.page-header .breadcrumb-item.active {
    color: var(--bs-primary);
}

.logo-img {
    width: 220px;
    height: 80px;
    object-fit: contain;
    display: block;
}

.navbar-brand {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
}

/**** logo ***/
.logo-container {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 80px;
}

.logo-img {
    width: 220px;
    max-width: 100%;
    height: 80px;
    object-fit: contain;
    display: block;
}

.navbar-brand {
    padding: 0;
    margin: 0;
}



/*** Appointment ***/
@media (min-width: 992px) {
    .container.appointment {
        max-width: 100% !important;
    }

    .container.appointment .appointment-text {
        padding-left: calc(((100% - 960px) / 2) + .75rem);
    }

    .container.appointment .appointment-form {
        padding-right: calc(((100% - 960px) / 2) + .75rem);
    }
}

@media (min-width: 1200px) {
    .container.appointment .appointment-text {
        padding-left: calc(((100% - 1140px) / 2) + .75rem);
    }

    .container.appointment .appointment-form {
        padding-right: calc(((100% - 1140px) / 2) + .75rem);
    }
}

@media (min-width: 1400px) {
    .container.appointment .appointment-text {
        padding-left: calc(((100% - 1320px) / 2) + .75rem);
    }

    .container.appointment .appointment-form {
        padding-right: calc(((100% - 1320px) / 2) + .75rem);
    }
}

.container.appointment .appointment-text {
    background: linear-gradient(rgba(205, 95, 55, .95), rgba(205, 95, 55, .95)), url(../img/service-4.jpg) center center no-repeat;
    background-size: cover;
}

.container.appointment .appointment-form {
    background: linear-gradient(rgba(72, 30, 11, .95), rgba(72, 30, 11, .95)), url(../img/service-1.jpg) center center no-repeat;
    background-size: cover;
}

.container.appointment .appointment-text .h-100,
.container.appointment .appointment-form .h-100 {
    padding: 6rem 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}



/*** Service ***/
.service-item {
    position: relative;
    overflow: hidden;
}

.service-item .service-icon {
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.service-item .service-icon img {
    max-width: 60px;
    max-height: 60px;
}

.service-item .service-text {
    min-height: 90px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.service-item .service-img {
    transition: .5s;
}

.service-item:hover .service-img {
    transform: scale(1.2) rotate(7deg);
}



/*** Team ***/
.team {
    position: relative;
}

.team::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 110px;
    left: 0;
    bottom: 3rem;
    background: var(--bs-light);
    z-index: -1;
}

.team .team-item {
    position: relative;
    overflow: hidden;
}

.team .team-item img {
    position: relative;
    transform: scale(1.1);
    transition: .5s;
}

.team .team-item:hover img {
    margin-top: -30px;
    padding-bottom: 30px;
}

.team .team-text {
    height: 110px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.team .team-text-overflow {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -50px;
    opacity: 0;
    transition: .5s;
}

.team .team-item:hover .team-text-overflow {
    bottom: 0;
    opacity: 1;
}



/*** Testimonial ***/
.testimonial-left,
.testimonial-right {
    position: relative;
}

.testimonial-left img,
.testimonial-right img {
    position: absolute;
    animation: pulse-img 5s ease-out infinite;
}

@keyframes pulse-img {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 0;
    }

    50% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 0;
    }
}

.testimonial-left img:nth-child(1),
.testimonial-right img:nth-child(3) {
    width: 70px;
    height: 70px;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
}

.testimonial-left img:nth-child(2),
.testimonial-right img:nth-child(2) {
    width: 60px;
    height: 60px;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
}

.testimonial-left img:nth-child(3),
.testimonial-right img:nth-child(1) {
    width: 50px;
    height: 50px;
    bottom: 10%;
    right: 10%;
}

.testimonial-carousel .owl-item img {
    width: 100px;
    height: 100px;
}

.testimonial-carousel .owl-nav {
    margin-top: 30px;
    display: flex;
    justify-content: center;
}

.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next {
    margin: 0 5px;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--bs-white);
    background: var(--bs-primary);
    font-size: 22px;
    transition: .5s;
}

.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover {
    background: var(--bs-dark);
}


/*** Footer ***/
.footer {
    color: rgba(256, 256, 256, .6);
}

.footer .btn.btn-link {
    display: block;
    margin-bottom: 5px;
    padding: 0;
    text-align: left;
    color: rgba(256, 256, 256, .6);
    font-weight: normal;
    text-transform: capitalize;
    transition: .3s;
}

.footer .btn.btn-link::before {
    position: relative;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: rgba(256, 256, 256, .6);
    margin-right: 10px;
}

.footer .btn.btn-link:hover {
    color: var(--bs-light);
    letter-spacing: 1px;
    box-shadow: none;
}

.footer .btn.btn-square {
    color: rgba(256, 256, 256, .6);
    border: 1px solid rgba(256, 256, 256, .6);
}

.footer .btn.btn-square:hover {
    color: var(--bs-white);
    border-color: var(--bs-primary);
    background: var(--bs-primary);
}

.footer .form-control {
    color: var(--bs-light);
    border-color: rgba(256, 256, 256, .6);
}

.footer .copyright {
    padding: 25px 0;
    font-size: 15px;
    border-top: 1px solid rgba(256, 256, 256, .1);
}

.footer .copyright a {
    color: var(--secondary);
}

.footer .copyright a:hover {
    color: #FFFFFF;
}





/* new css  */

/* =========================================================
   LAKSHYA EYE HOSPITAL - MODERN ABOUT SECTION
========================================================= */

.leh-about-section {
    position: relative;
    padding: 110px 0;
    background:
        radial-gradient(circle at 10% 20%, rgba(20, 164, 180, 0.08), transparent 30%),
        radial-gradient(circle at 90% 80%, rgba(35, 107, 180, 0.08), transparent 30%),
        #f8fbfd;
    overflow: hidden;
}


/* TAG */

.leh-section-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 50px;
    background: rgba(18, 157, 178, 0.10);
    color: #1598ae;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 18px;
}

.leh-section-tag i {
    font-size: 15px;
}


/* MAIN TITLE */

.leh-main-title {
    font-size: 48px;
    line-height: 1.15;
    font-weight: 800;
    color: #12384a;
    margin-bottom: 0;
}

.leh-main-title span {
    color: #149bb1;
}


/* INTRO */

.leh-intro-text {
    color: #667b85;
    line-height: 1.8;
    font-size: 16px;
    margin-bottom: 0;
}


/* IMAGE */

.leh-image-wrapper {
    position: relative;
    padding: 15px;
}

.leh-image-wrapper::before {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    background: #dff5f8;
    border-radius: 50%;
    top: -40px;
    left: -50px;
    z-index: 0;
}

.leh-image-wrapper::after {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    border: 2px dashed #8dd8e1;
    border-radius: 50%;
    bottom: -40px;
    right: -30px;
    z-index: 0;
}

.leh-main-image {
    width: 100%;
    height: 580px;
    object-fit: cover;
    border-radius: 30px;
    position: relative;
    z-index: 1;
    box-shadow: 0 30px 70px rgba(23, 68, 82, 0.18);
    transition: 0.5s ease;
}

.leh-image-wrapper:hover .leh-main-image {
    transform: scale(1.015);
}


/* EXPERIENCE */

.leh-experience-card {
    position: absolute;
    z-index: 3;
    top: 45px;
    right: -20px;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(15px);
    border-radius: 20px;
    padding: 18px 22px;
    display: flex;
    align-items: center;
    gap: 15px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}

.leh-exp-icon {
    width: 55px;
    height: 55px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #159db2;
    color: white;
    font-size: 22px;
}

.leh-experience-card strong {
    display: block;
    color: #12384a;
    font-size: 28px;
    line-height: 1;
}

.leh-experience-card small {
    color: #73858c;
}


/* FLOATING EYE */

.leh-floating-eye {
    position: absolute;
    z-index: 4;
    left: -5px;
    top: 50%;
    transform: translateY(-50%);
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background: #12384a;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    box-shadow: 0 15px 35px rgba(18, 56, 74, 0.25);
    animation: lehFloat 3s ease-in-out infinite;
}

@keyframes lehFloat {

    0%,
    100% {
        transform: translateY(-50%);
    }

    50% {
        transform: translateY(-60%);
    }

}


/* PATIENT CARD */

.leh-patient-card {
    position: absolute;
    z-index: 3;
    bottom: 35px;
    left: -10px;
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(15px);
    border-radius: 18px;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    gap: 15px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}

.leh-patient-icons {
    display: flex;
}

.leh-patient-icons span {
    width: 38px;
    height: 38px;
    margin-right: -8px;
    border-radius: 50%;
    background: #159db2;
    color: white;
    border: 3px solid white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}

.leh-patient-card h6 {
    color: #173c4c;
    margin: 0;
    font-weight: 700;
}

.leh-patient-card p {
    margin: 3px 0 0;
    color: #84939a;
    font-size: 12px;
}


/* CONTENT */

.leh-content-box {
    padding-left: 20px;
}

.leh-small-heading {
    font-size: 13px;
    color: #159db2;
    letter-spacing: 2px;
    font-weight: 800;
}

.leh-content-box h3 {
    color: #12384a;
    font-size: 40px;
    line-height: 1.2;
    font-weight: 800;
    margin: 12px 0 22px;
}

.leh-content-box h3 span {
    color: #159db2;
}

.leh-content-box>p {
    color: #667b85;
    line-height: 1.8;
    font-size: 15px;
}


/* FEATURES */

.leh-feature-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-top: 30px;
}

.leh-feature-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px;
    background: white;
    border: 1px solid #e8f0f3;
    border-radius: 15px;
    transition: 0.35s ease;
}

.leh-feature-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 30px rgba(18, 56, 74, 0.10);
    border-color: #a9dfe6;
}

.leh-feature-icon {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e7f8fa;
    color: #159db2;
    font-size: 19px;
}

.leh-feature-card h5 {
    margin: 0;
    font-size: 14px;
    color: #173c4c;
    font-weight: 700;
}

.leh-feature-card p {
    margin: 4px 0 0;
    color: #8999a0;
    font-size: 12px;
}


/* BUTTONS */

.leh-about-buttons {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-top: 35px;
}

.leh-btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 15px 23px;
    border-radius: 12px;
    background: #159db2;
    color: white;
    text-decoration: none;
    font-weight: 700;
    transition: 0.3s;
    box-shadow: 0 10px 25px rgba(21, 157, 178, 0.25);
}

.leh-btn-primary:hover {
    color: white;
    background: #12384a;
    transform: translateY(-3px);
}

.leh-btn-call {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #173c4c;
    text-decoration: none;
}

.leh-btn-call span {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #e8f8fa;
    color: #159db2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.leh-btn-call small {
    display: block;
    color: #8999a0;
    font-size: 11px;
}

.leh-btn-call strong {
    display: block;
    font-size: 14px;
}


/* STATS */

.leh-stats-wrapper {
    margin-top: 90px;
    padding: 30px;
    border-radius: 25px;
    background: #12384a;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    box-shadow: 0 25px 60px rgba(18, 56, 74, 0.18);
}

.leh-stat-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    border-right: 1px solid rgba(255, 255, 255, 0.12);
}

.leh-stat-item:last-child {
    border-right: none;
}

.leh-stat-icon {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.1);
    color: #67d9e2;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
}

.leh-stat-item h3 {
    color: white;
    margin: 0;
    font-size: 28px;
    font-weight: 800;
}

.leh-stat-item p {
    color: rgba(255, 255, 255, 0.65);
    margin: 3px 0 0;
    font-size: 12px;
}


/* DOCTOR BANNER */

.leh-doctor-banner {
    margin-top: 70px;
    padding: 30px 35px;
    border-radius: 28px;
    background: linear-gradient(120deg, #e9f8fa, #ffffff);
    border: 1px solid #dceff2;
    box-shadow: 0 15px 40px rgba(18, 56, 74, 0.07);
}

.leh-doctor-image {
    width: 150px;
    height: 150px;
    margin: auto;
    border-radius: 50%;
    padding: 6px;
    background: white;
    box-shadow: 0 10px 30px rgba(18, 56, 74, 0.15);
    overflow: hidden;
}

.leh-doctor-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.leh-doctor-banner h3 {
    margin: 10px 0;
    font-size: 30px;
    color: #12384a;
    font-weight: 800;
}

.leh-doctor-banner h3 span {
    color: #159db2;
}

.leh-doctor-banner p {
    color: #687d85;
    line-height: 1.7;
    margin: 0;
}

.leh-doctor-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 14px 20px;
    border-radius: 12px;
    background: #12384a;
    color: white;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s;
}

.leh-doctor-btn:hover {
    color: white;
    background: #159db2;
    transform: translateY(-3px);
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 991px) {

    .leh-about-section {
        padding: 80px 0;
    }

    .leh-main-title {
        font-size: 38px;
    }

    .leh-intro-text {
        margin-top: 20px;
    }

    .leh-content-box {
        padding-left: 0;
    }

    .leh-main-image {
        height: 500px;
    }

    .leh-stats-wrapper {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }

    .leh-stat-item {
        border-right: none;
    }

}


@media (max-width: 767px) {

    .leh-about-section {
        padding: 60px 0;
    }

    .leh-main-title {
        font-size: 32px;
    }

    .leh-content-box h3 {
        font-size: 30px;
    }

    .leh-main-image {
        height: 430px;
    }

    .leh-experience-card {
        right: 0;
        top: 30px;
    }

    .leh-floating-eye {
        left: 0;
    }

    .leh-patient-card {
        left: 0;
        bottom: 25px;
    }

    .leh-feature-grid {
        grid-template-columns: 1fr;
    }

    .leh-about-buttons {
        flex-direction: column;
        align-items: flex-start;
    }

    .leh-stats-wrapper {
        grid-template-columns: 1fr;
        padding: 25px;
    }

    .leh-stat-item {
        justify-content: flex-start;
    }

    .leh-doctor-banner {
        text-align: center;
        padding: 30px 20px;
    }

    .leh-doctor-btn {
        margin-top: 25px;
    }

}


/* =====================================
   MODERN EYE HOSPITAL IMPACT SECTION
===================================== */

.eye-impact-section {
    position: relative;
    overflow: hidden;
    padding: 85px 0 65px;
    background:
        radial-gradient(circle at 0% 0%,
            rgba(25, 174, 221, 0.13),
            transparent 35%),
        linear-gradient(135deg, #ffffff, #f3faff);
    font-family: inherit;
}

/* INTRO CONTENT */

.impact-intro {
    position: relative;
    z-index: 1;
    padding: 15px 10px 25px;
}

.impact-tag {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #193d65;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 4px;
    margin-bottom: 20px;
}

.tag-line {
    display: inline-block;
    width: 40px;
    height: 3px;
    background: #159ed0;
    border-radius: 10px;
}

.impact-intro h2 {
    color: #17395e;
    font-size: clamp(32px, 3vw, 52px);
    font-weight: 800;
    line-height: 1.18;
    letter-spacing: -1.5px;
    margin-bottom: 22px;
}

.impact-intro h2 span {
    color: #149bd0;
}

.impact-intro>p {
    color: #647b94;
    font-size: 16px;
    line-height: 1.85;
    max-width: 400px;
    margin-bottom: 22px;
}

.vision-signature {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: fit-content;
    margin-left: auto;
    margin-right: 5px;
    transform: rotate(-5deg);
    color: #148fbd;
    font-family: cursive;
    font-size: 24px;
    line-height: 1.25;
}

.vision-signature strong {
    font-weight: 500;
    font-size: 27px;
    border-bottom: 2px solid #148fbd;
    padding-bottom: 5px;
}

/* STATISTICS CARDS */

.impact-card {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 450px;
    height: 100%;
    padding: 38px 16px 28px;
    text-align: center;
    border: 1px solid rgba(36, 161, 213, 0.15);
    border-radius: 26px;
    background: linear-gradient(160deg,
            #f1fbff 0%,
            #ffffff 75%);
    box-shadow: 0 12px 35px rgba(35, 85, 125, 0.08);
    transition: transform 0.4s ease,
        box-shadow 0.4s ease;
}

.impact-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 22px 45px rgba(35, 85, 125, 0.16);
}

/* Corner accent */

.card-corner {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 65px;
    height: 65px;
    border-bottom-right-radius: 30px;
    background: linear-gradient(135deg,
            var(--accent),
            transparent);
    opacity: 0.95;
}

/* Color variations */

.card-blue {
    --accent: #079fd9;
    --accent-dark: #067dbd;
}

.card-green {
    --accent: #11b99b;
    --accent-dark: #079a87;
    background: linear-gradient(160deg,
            #edfffb,
            #ffffff 80%);
}

.card-purple {
    --accent: #8261dc;
    --accent-dark: #6546bc;
    background: linear-gradient(160deg,
            #f8f4ff,
            #ffffff 80%);
}

/* ICON */

.impact-icon {
    width: 116px;
    height: 116px;
    margin: 0 auto 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 39px;
    border-radius: 50%;
    background: linear-gradient(145deg,
            var(--accent),
            var(--accent-dark));
    box-shadow: 0 10px 25px rgba(25, 143, 193, 0.20);
    transition: transform 0.4s ease;
}

.impact-card:hover .impact-icon {
    transform: scale(1.09) rotate(-5deg);
}

/* NUMBER */

.impact-number {
    color: #173e67;
    font-size: clamp(32px, 2.6vw, 54px);
    font-weight: 800;
    letter-spacing: -2px;
    line-height: 1.2;
    margin-bottom: 12px;
    white-space: nowrap;
}

.impact-card h3 {
    color: #183d63;
    font-size: 18px;
    line-height: 1.55;
    font-weight: 600;
    text-transform: uppercase;
    min-height: 56px;
    margin-bottom: 15px;
}

.card-divider {
    width: 38px;
    height: 3px;
    border-radius: 10px;
    background: var(--accent);
    margin: 0 auto 17px;
}

.impact-card p {
    max-width: 190px;
    margin: 0 auto;
    color: #6d839c;
    font-size: 14px;
    line-height: 1.8;
}

/* BOTTOM FACILITIES BAR */

.facilities-bar {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
    gap: 0;
    margin: 36px 0 0;
    padding: 26px 20px;
    border: 1px solid #e1f2fa;
    border-radius: 30px;
    background: linear-gradient(110deg,
            #e9f8ff,
            #f3fbff);
    box-shadow: 0 10px 30px rgba(34, 120, 160, 0.05);
}

.facility-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 10px 20px;
    min-width: 0;
}

.facility-item+.facility-item {
    border-left: 1px solid #b7dff0;
}

.facility-icon {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #174a77;
    font-size: 23px;
    border: 2px solid #70c7ec;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 4px 12px rgba(27, 145, 194, 0.10);
}

.facility-item h4 {
    color: #173e63;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 5px;
}

.facility-item p {
    color: #71869b;
    font-size: 12px;
    line-height: 1.6;
    margin: 0;
}

/* TABLET */

@media (max-width: 1199.98px) {
    .eye-impact-section {
        padding: 65px 0 50px;
    }

    .impact-card {
        min-height: 390px;
        padding: 30px 12px 25px;
    }

    .impact-icon {
        width: 90px;
        height: 90px;
        font-size: 32px;
        margin-bottom: 23px;
    }

    .impact-card h3 {
        font-size: 15px;
    }

    .impact-card p {
        font-size: 13px;
    }

    .facility-item {
        padding: 10px 12px;
        gap: 10px;
    }

    .facility-icon {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }
}

/* TABLET AND SMALL LAPTOP */

@media (max-width: 991.98px) {
    .eye-impact-section {
        padding: 55px 0;
    }

    .impact-intro {
        text-align: center;
        padding: 0 20px 15px;
    }

    .impact-intro>p {
        margin-left: auto;
        margin-right: auto;
    }

    .vision-signature {
        margin: 0 auto;
    }

    .impact-card {
        min-height: 370px;
    }

    .facilities-bar {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 18px;
    }

    .facility-item:nth-child(3) {
        border-left: 0;
    }
}

/* MOBILE */

@media (max-width: 575.98px) {
    .eye-impact-section {
        padding: 45px 0 35px;
    }

    .eye-impact-section .container-fluid {
        padding-left: 16px;
        padding-right: 16px;
    }

    .impact-tag {
        font-size: 10px;
        letter-spacing: 2px;
        gap: 8px;
    }

    .tag-line {
        width: 25px;
    }

    .impact-intro h2 {
        font-size: 34px;
        letter-spacing: -1px;
    }

    .impact-intro>p {
        font-size: 14px;
        line-height: 1.7;
    }

    .vision-signature {
        font-size: 21px;
    }

    .vision-signature strong {
        font-size: 23px;
    }

    .impact-card {
        min-height: 290px;
        padding: 25px 8px 20px;
        border-radius: 19px;
    }

    .impact-icon {
        width: 66px;
        height: 66px;
        font-size: 25px;
        margin-bottom: 20px;
    }

    .impact-number {
        font-size: clamp(26px, 8vw, 37px);
        letter-spacing: -1px;
        margin-bottom: 9px;
    }

    .impact-card h3 {
        font-size: 12px;
        line-height: 1.5;
        min-height: 38px;
        margin-bottom: 12px;
    }

    .card-divider {
        margin-bottom: 12px;
    }

    .impact-card p {
        font-size: 11px;
        line-height: 1.6;
    }

    .card-corner {
        width: 48px;
        height: 48px;
    }

    .facilities-bar {
        grid-template-columns: 1fr;
        padding: 14px 15px;
        border-radius: 20px;
        margin-top: 25px;
        gap: 0;
    }

    .facility-item {
        padding: 15px 5px;
        gap: 14px;
    }

    .facility-item+.facility-item {
        border-left: 0;
        border-top: 1px solid #c8e6f3;
    }

    .facility-icon {
        width: 48px;
        height: 48px;
        font-size: 19px;
    }

    .facility-item h4 {
        font-size: 14px;
    }

    .facility-item p {
        font-size: 12px;
    }
}

/* REDUCED MOTION ACCESSIBILITY */

@media (prefers-reduced-motion: reduce) {

    .impact-card,
    .impact-icon {
        transition: none;
    }
}

/* appointment and services cards css */

/* Section Tag & Heading */
.section-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 18px;
    border-radius: 50px;
    background: rgba(2, 132, 199, 0.08);
    color: var(--primary-blue);
    font-weight: 700;
    font-size: 0.85rem;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.section-title {
    font-weight: 800;
    color: var(--primary-dark);
    letter-spacing: -0.5px;
}

/* Modern Eye Care Service Cards */
.eyecare-card {
    background: #ffffff;
    border-radius: 20px;
    border: 1px solid var(--card-border);
    box-shadow: var(--shadow-subtle);
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.eyecare-card:hover {
    transform: translateY(-8px);
    box-shadow: var(--shadow-hover);
    border-color: rgba(2, 132, 199, 0.3);
}

.card-img-wrapper {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.card-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.eyecare-card:hover .card-img-wrapper img {
    transform: scale(1.08);
}

.card-icon-badge {
    position: absolute;
    bottom: -22px;
    right: 24px;
    width: 54px;
    height: 54px;
    border-radius: 16px;
    background: var(--gradient-primary);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    box-shadow: 0 8px 20px rgba(2, 132, 199, 0.3);
    z-index: 2;
    transition: transform 0.3s ease;
}

.eyecare-card:hover .card-icon-badge {
    transform: scale(1.1) rotate(5deg);
}

.card-body-custom {
    padding: 32px 24px 24px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.service-heading {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--primary-dark);
    margin-bottom: 10px;
}

.service-desc {
    font-size: 0.92rem;
    color: #64748b;
    line-height: 1.6;
    margin-bottom: 20px;
}

.btn-learn-more {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary-blue);
    font-weight: 700;
    font-size: 0.9rem;
    text-decoration: none;
    transition: gap 0.3s ease, color 0.3s ease;
}

.btn-learn-more:hover {
    color: #0369a1;
    gap: 12px;
}

/* Appointment CTA Banner & Glassmorphism Form */
.appointment-wrapper {
    background: var(--gradient-primary);
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 25px 50px -12px rgba(2, 132, 199, 0.35);
    position: relative;
}

.appointment-wrapper::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -20%;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    pointer-events: none;
}

.cta-info-panel {
    padding: 50px 40px;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.discount-badge {
    display: inline-block;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    padding: 6px 16px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 0.85rem;
    letter-spacing: 0.5px;
    margin-bottom: 20px;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.phone-display {
    font-size: 2.2rem;
    font-weight: 800;
    letter-spacing: -1px;
    color: #ffffff;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 15px;
    margin: 15px 0 25px;
    transition: transform 0.3s ease;
}

.phone-display:hover {
    color: #e0f2fe;
    transform: scale(1.02);
}

.form-glass-card {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(20px);
    border-radius: 24px;
    padding: 40px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
    margin: 20px;
}

.custom-form-control,
.custom-form-select {
    height: 52px;
    border-radius: 12px;
    border: 1px solid #cbd5e1;
    padding: 10px 18px;
    font-size: 0.95rem;
    font-weight: 500;
    color: #1e293b;
    background-color: #f8fafc;
    transition: all 0.3s ease;
}

.custom-form-control:focus,
.custom-form-select:focus {
    background-color: #ffffff;
    border-color: var(--primary-blue);
    box-shadow: 0 0 0 4px rgba(2, 132, 199, 0.15);
    outline: none;
}

.btn-submit-appointment {
    background: var(--gradient-primary);
    color: #ffffff;
    font-weight: 700;
    font-size: 1rem;
    height: 54px;
    border-radius: 12px;
    border: none;
    box-shadow: 0 10px 20px rgba(2, 132, 199, 0.25);
    transition: all 0.3s ease;
}

.btn-submit-appointment:hover {
    background: linear-gradient(135deg, #0369a1 0%, #0f766e 100%);
    transform: translateY(-2px);
    box-shadow: 0 15px 25px rgba(2, 132, 199, 0.35);
    color: #ffffff;
}

/* Responsive Modifications */
@media (max-width: 991px) {
    .cta-info-panel {
        padding: 40px 30px 20px;
        text-align: center;
    }

    .phone-display {
        font-size: 1.8rem;
        justify-content: center;
    }

    .form-glass-card {
        margin: 10px 15px 20px;
        padding: 25px;
    }
}



/* =========================================
   MODERN SURGICAL TEAM SECTION
========================================= */

.team-section {
    position: relative;
    padding: 110px 0 120px;
    overflow: hidden;
    background:
        radial-gradient(circle at 5% 10%, rgba(35, 150, 243, .10), transparent 25%),
        radial-gradient(circle at 95% 85%, rgba(0, 188, 212, .10), transparent 25%),
        linear-gradient(135deg, #f8fcff 0%, #ffffff 50%, #f2f9ff 100%);
}

/* Decorative background */
.team-section::before {
    content: "";
    position: absolute;
    width: 380px;
    height: 380px;
    border-radius: 50%;
    background: rgba(33, 150, 243, .07);
    top: -180px;
    left: -150px;
}

.team-section::after {
    content: "";
    position: absolute;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: rgba(0, 188, 212, .06);
    bottom: -150px;
    right: -120px;
}

.team-heading {
    position: relative;
    z-index: 2;
    max-width: 850px;
    margin: 0 auto 65px;
}

/* Small top label */
.team-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 20px;
    border-radius: 50px;
    background: rgba(30, 136, 229, .08);
    color: #1976d2;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

.team-eyebrow i {
    font-size: 15px;
}

/* Main Heading */
.team-heading h2 {
    margin: 0;
    color: #102a43;
    font-size: clamp(38px, 5vw, 62px);
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -2px;
}

.team-heading h2 span {
    background: linear-gradient(90deg,
            #1976d2,
            #00acc1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Heading divider */
.heading-line {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin: 22px 0 18px;
}

.heading-line span {
    width: 70px;
    height: 3px;
    border-radius: 10px;
    background: linear-gradient(90deg, transparent, #2196f3);
}

.heading-line span:last-child {
    background: linear-gradient(90deg, #2196f3, transparent);
}

.heading-line i {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
    background: linear-gradient(135deg, #1976d2, #00acc1);
    box-shadow: 0 8px 25px rgba(25, 118, 210, .25);
}

.team-heading p {
    margin: 0;
    color: #718096;
    font-size: 17px;
    line-height: 1.7;
}


/* =========================================
   DOCTOR CARD
========================================= */

.doctor-card {
    position: relative;
    height: 100%;
    overflow: hidden;
    border-radius: 28px;
    background: rgba(255, 255, 255, .90);
    border: 1px solid rgba(30, 136, 229, .10);
    box-shadow:
        0 15px 45px rgba(25, 70, 100, .10);

    transition:
        transform .4s ease,
        box-shadow .4s ease;
}

.doctor-card:hover {
    transform: translateY(-12px);
    box-shadow:
        0 25px 65px rgba(25, 70, 100, .18);
}


/* Image */
.doctor-image {
    position: relative;
    height: 310px;
    overflow: hidden;
    background: #eaf5fb;
}

.doctor-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s ease;
}

.doctor-card:hover .doctor-image img {
    transform: scale(1.07);
}


/* Gradient overlay */
.doctor-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom,
            transparent 55%,
            rgba(10, 50, 80, .20));
}


/* Doctor icon badge */
.doctor-badge {
    position: absolute;
    z-index: 3;
    bottom: -25px;
    left: 28px;

    width: 58px;
    height: 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    color: white;
    font-size: 21px;

    background: linear-gradient(135deg,
            #1976d2,
            #00acc1);

    border: 5px solid #fff;

    box-shadow: 0 8px 20px rgba(25, 118, 210, .25);
}


/* Information */
.doctor-info {
    position: relative;
    padding: 42px 25px 27px;
    text-align: center;
    background: #fff;
}

.doctor-info h3 {
    margin: 0 0 8px;
    color: #102a43;
    font-size: 21px;
    font-weight: 800;
}

.doctor-info p {
    margin: 0;
    color: #718096;
    font-size: 15px;
    font-weight: 500;
}


/* Small line */
.doctor-line {
    width: 38px;
    height: 3px;
    margin: 17px auto;
    border-radius: 10px;
    background: linear-gradient(90deg,
            #1976d2,
            #00acc1);
}


/* =========================================
   SOCIAL ICONS
========================================= */

.social-links {
    display: flex;
    justify-content: center;
    gap: 9px;
}

.social-links a {
    width: 38px;
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    text-decoration: none;
    font-size: 14px;

    color: #536779;
    background: #f1f7fb;

    transition: all .3s ease;
}

.social-links a:hover {
    color: #fff;
    transform: translateY(-4px);
}

.social-links .x:hover {
    background: #111;
}

.social-links .facebook:hover {
    background: #1877f2;
}

.social-links .youtube:hover {
    background: #ff0000;
}

.social-links .linkedin:hover {
    background: #0a66c2;
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 991px) {

    .team-section {
        padding: 85px 0;
    }

    .team-heading {
        margin-bottom: 45px;
    }

    .doctor-image {
        height: 290px;
    }
}


@media (max-width: 767px) {

    .team-section {
        padding: 70px 15px;
    }

    .team-heading h2 {
        font-size: 38px;
        letter-spacing: -1px;
    }

    .team-eyebrow {
        font-size: 10px;
        letter-spacing: 1px;
        padding: 9px 14px;
    }

    .team-heading p {
        font-size: 15px;
    }

    .doctor-image {
        height: 320px;
    }

    .doctor-card {
        max-width: 420px;
        margin: auto;
    }
}


@media (max-width: 480px) {

    .team-heading h2 {
        font-size: 32px;
    }

    .heading-line span {
        width: 45px;
    }

    .doctor-image {
        height: 280px;
    }

    .doctor-info h3 {
        font-size: 19px;
    }
}

/* ==========================================
   MODERN EYE HOSPITAL TESTIMONIAL
========================================== */

.eye-testimonials {
    position: relative;
    padding: 100px 0 80px;
    background:
        radial-gradient(circle at 10% 20%, rgba(26, 180, 196, 0.08), transparent 30%),
        radial-gradient(circle at 90% 70%, rgba(32, 146, 210, 0.08), transparent 30%),
        #f7fbfd;
    overflow: hidden;
}


/* Decorative background */
.eye-testimonials::before {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    border: 1px solid rgba(24, 164, 184, 0.12);
    border-radius: 50%;
    top: -150px;
    left: -120px;
}

.eye-testimonials::after {
    content: "";
    position: absolute;
    width: 400px;
    height: 400px;
    border: 1px solid rgba(24, 164, 184, 0.10);
    border-radius: 50%;
    bottom: -200px;
    right: -150px;
}


/* Heading */

.section-heading {
    max-width: 700px;
    margin: 0 auto 55px;
    position: relative;
    z-index: 2;
}

.section-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 50px;
    background: rgba(20, 164, 185, 0.09);
    color: #1397ad;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .5px;
    margin-bottom: 15px;
}

.section-heading h2 {
    font-size: 46px;
    line-height: 1.15;
    font-weight: 800;
    color: #102f43;
    margin-bottom: 18px;
}

.section-heading h2 span {
    color: #16a6bd;
}

.section-heading p {
    color: #71818d;
    font-size: 16px;
    line-height: 1.8;
    margin: 0 auto;
}


/* Main wrapper */

.testimonial-wrapper {
    display: grid;
    grid-template-columns: 220px minmax(0, 650px) 220px;
    justify-content: center;
    align-items: center;
    gap: 35px;
    position: relative;
    z-index: 2;
}


/* Main Card */

.testimonial-main {
    width: 100%;
}

.modern-testimonial {
    position: relative;
    background: rgba(255, 255, 255, .92);
    border: 1px solid rgba(20, 160, 180, .10);
    border-radius: 30px;
    padding: 45px 50px 40px;
    text-align: center;
    box-shadow:
        0 25px 70px rgba(25, 75, 100, .10);
    overflow: hidden;
}

.modern-testimonial::before {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: rgba(20, 170, 190, .06);
    top: -90px;
    right: -70px;
}

.modern-testimonial::after {
    content: "";
    position: absolute;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: rgba(32, 146, 210, .05);
    bottom: -70px;
    left: -50px;
}


/* Quote */

.quote-icon {
    width: 50px;
    height: 50px;
    border-radius: 15px;
    background: linear-gradient(135deg, #16a6bd, #168ed0);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 22px;
    font-size: 19px;
    box-shadow: 0 10px 25px rgba(22, 166, 189, .25);
}


/* Patient photo */

.patient-photo {
    position: relative;
    width: 88px;
    height: 88px;
    margin: 0 auto 15px;
}

.patient-photo img {
    width: 88px;
    height: 88px;
    object-fit: cover;
    border-radius: 50%;
    border: 5px solid white;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .12);
}

.verified {
    position: absolute;
    right: -2px;
    bottom: 2px;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background: #18a7bc;
    border: 3px solid white;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
}


/* Rating */

.rating {
    margin-bottom: 20px;
}

.rating i {
    color: #f5b942;
    font-size: 14px;
    margin: 0 2px;
}


/* Text */

.testimonial-text {
    max-width: 520px;
    margin: 0 auto 25px;
    font-size: 17px;
    line-height: 1.9;
    color: #586d79;
}

.modern-testimonial h4 {
    font-size: 20px;
    font-weight: 750;
    color: #102f43;
    margin-bottom: 7px;
}

.patient-label {
    font-size: 13px;
    color: #16a1b6;
    font-weight: 600;
}

.patient-label i {
    margin-right: 5px;
}


/* Side Cards */

.testimonial-side {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.patient-mini-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background: rgba(255, 255, 255, .75);
    border: 1px solid rgba(20, 160, 180, .10);
    border-radius: 18px;
    box-shadow: 0 15px 35px rgba(20, 80, 100, .07);
    transition: all .3s ease;
}

.patient-mini-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(20, 80, 100, .12);
}

.patient-mini-card img {
    width: 55px;
    height: 55px;
    border-radius: 14px;
    object-fit: cover;
}

.patient-mini-card strong {
    display: block;
    color: #193b4d;
    font-size: 13px;
    margin-bottom: 3px;
}

.patient-mini-card small {
    color: #84929b;
    font-size: 11px;
}


/* Navigation */

.testimonial-navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-top: 25px;
}

.testimonial-navigation button {
    width: 46px;
    height: 46px;
    border: none;
    border-radius: 50%;
    background: white;
    color: #159eb6;
    box-shadow: 0 8px 25px rgba(20, 80, 100, .10);
    transition: .3s ease;
}

.testimonial-navigation button:hover {
    background: #159eb6;
    color: white;
    transform: translateY(-2px);
}


/* Owl dots */

.testimonial-dots {
    display: flex;
    gap: 6px;
}

.testimonial-dots .owl-dot {
    border: none;
    background: #c9e4e9;
    width: 7px;
    height: 7px;
    padding: 0;
    border-radius: 20px;
}

.testimonial-dots .owl-dot.active {
    width: 25px;
    background: #159eb6;
}


/* Stats */

.testimonial-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    max-width: 850px;
    margin: 60px auto 0;
    background: white;
    border-radius: 22px;
    box-shadow: 0 15px 50px rgba(20, 70, 90, .08);
    overflow: hidden;
}

.trust-stat {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 25px 15px;
    border-right: 1px solid #edf2f4;
}

.trust-stat:last-child {
    border-right: none;
}

.trust-icon {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    background: #e9f8fa;
    color: #139eb5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.trust-stat strong {
    display: block;
    color: #173b4d;
    font-size: 16px;
}

.trust-stat span {
    color: #82909a;
    font-size: 11px;
}


/* ==========================================
   INSTAGRAM / GALLERY
========================================== */

.eye-gallery {
    padding: 90px 0;
    background: #ffffff;
}

.gallery-heading {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-bottom: 35px;
}

.gallery-heading h2 {
    color: #102f43;
    font-size: 38px;
    font-weight: 800;
    margin: 5px 0 0;
}

.gallery-heading h2 span {
    color: #159fb7;
}

.instagram-follow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 12px 20px;
    border-radius: 50px;
    background: #102f43;
    color: white;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    transition: .3s ease;
}

.instagram-follow:hover {
    background: #159fb7;
    color: white;
    transform: translateY(-2px);
}


/* Gallery */

.modern-gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 190px;
    gap: 12px;
}

.gallery-item {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    display: block;
}

.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s ease;
}

.gallery-item:hover img {
    transform: scale(1.08);
}

.gallery-large {
    grid-column: span 2;
    grid-row: span 2;
}

.gallery-overlay {
    position: absolute;
    inset: 0;
    background: rgba(11, 54, 72, .55);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: .35s ease;
}

.gallery-overlay i {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: white;
    color: #159fb7;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(15px);
    transition: .35s ease;
}

.gallery-item:hover .gallery-overlay {
    opacity: 1;
}

.gallery-item:hover .gallery-overlay i {
    transform: translateY(0);
}


/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 1199px) {

    .testimonial-wrapper {
        grid-template-columns: 170px minmax(0, 600px) 170px;
        gap: 20px;
    }

    .patient-mini-card {
        padding: 9px;
    }

    .patient-mini-card img {
        width: 45px;
        height: 45px;
    }

}


@media (max-width: 991px) {

    .eye-testimonials {
        padding: 75px 0 60px;
    }

    .section-heading h2 {
        font-size: 38px;
    }

    .testimonial-wrapper {
        display: block;
        max-width: 700px;
        margin: auto;
    }

    .testimonial-side {
        display: none;
    }

    .testimonial-stats {
        margin-top: 45px;
    }

    .modern-gallery {
        grid-template-columns: repeat(3, 1fr);
    }

    .gallery-large {
        grid-column: span 1;
        grid-row: span 1;
    }

}


@media (max-width: 767px) {

    .eye-testimonials {
        padding: 60px 15px 50px;
    }

    .section-heading {
        margin-bottom: 35px;
    }

    .section-heading h2 {
        font-size: 31px;
    }

    .section-heading p {
        font-size: 14px;
    }

    .modern-testimonial {
        padding: 35px 22px 30px;
        border-radius: 24px;
    }

    .testimonial-text {
        font-size: 15px;
        line-height: 1.75;
    }

    .testimonial-stats {
        grid-template-columns: 1fr;
        border-radius: 18px;
    }

    .trust-stat {
        border-right: none;
        border-bottom: 1px solid #edf2f4;
        justify-content: flex-start;
        padding-left: 25px;
    }

    .trust-stat:last-child {
        border-bottom: none;
    }


    /* Gallery */

    .eye-gallery {
        padding: 60px 15px;
    }

    .gallery-heading {
        display: block;
        text-align: center;
    }

    .gallery-heading h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .instagram-follow {
        display: inline-flex;
    }

    .modern-gallery {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 150px;
        gap: 8px;
    }

}


@media (max-width: 480px) {

    .section-heading h2 {
        font-size: 27px;
    }

    .modern-testimonial {
        padding: 30px 18px;
    }

    .patient-photo,
    .patient-photo img {
        width: 78px;
        height: 78px;
    }

    .quote-icon {
        width: 45px;
        height: 45px;
    }

    .modern-gallery {
        grid-auto-rows: 125px;
    }

}

/* =========================================================
   LAKSHYA EYE HOSPITAL - MODERN FOOTER
========================================================= */

.lakshya-footer {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 10% 20%,
            rgba(0, 191, 255, 0.10),
            transparent 30%),
        radial-gradient(circle at 90% 80%,
            rgba(0, 229, 255, 0.08),
            transparent 28%),
        linear-gradient(135deg,
            #061331 0%,
            #071a43 48%,
            #031027 100%);

    color: #b8c8df;
    padding: 85px 0 0;
}


/* --------------------------------
   Background Decoration
-------------------------------- */

.lakshya-footer::before {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    border: 1px solid rgba(0, 205, 255, .08);
    border-radius: 50%;
    top: -300px;
    left: -180px;
}

.lakshya-footer::after {
    content: "";
    position: absolute;
    width: 550px;
    height: 550px;
    border: 1px solid rgba(0, 205, 255, .06);
    border-radius: 50%;
    right: -300px;
    bottom: -350px;
}


.footer-glow {
    position: absolute;
    border-radius: 50%;
    filter: blur(70px);
    pointer-events: none;
}

.footer-glow-1 {
    width: 180px;
    height: 180px;
    background: rgba(0, 174, 255, .12);
    top: 20%;
    left: 35%;
}

.footer-glow-2 {
    width: 220px;
    height: 220px;
    background: rgba(0, 255, 225, .07);
    bottom: 0;
    right: 15%;
}


/* --------------------------------
   Main Footer
-------------------------------- */

.footer-main {
    display: grid;
    grid-template-columns:
        1.35fr 1fr .85fr 1.25fr;

    gap: 55px;
    padding-bottom: 65px;
    position: relative;
    z-index: 2;
}


/* --------------------------------
   Brand
-------------------------------- */

.footer-brand {
    max-width: 350px;
}


/* Logo */

.footer-logo {
    display: inline-block;
    text-decoration: none;
    margin-bottom: 18px;
}

.footer-logo img {
    display: block;
    width: 245px;
    height: auto;
    max-height: 125px;
    object-fit: contain;
    object-position: left center;

    /*
       Your logo contains transparent areas.
       This keeps it clean on the dark footer.
    */
}


/* Description */

.footer-description {
    color: #9eb2cc;
    font-size: 14px;
    line-height: 1.9;
    margin: 5px 0 25px;
    max-width: 330px;
}


/* --------------------------------
   Social
-------------------------------- */

.footer-social {
    display: flex;
    gap: 9px;
}

.footer-social a {
    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #a9c1d9;

    border: 1px solid rgba(126, 185, 220, .22);
    border-radius: 12px;

    background: rgba(255, 255, 255, .035);

    text-decoration: none;

    transition:
        transform .3s ease,
        background .3s ease,
        border-color .3s ease,
        color .3s ease;
}

.footer-social a:hover {
    color: white;
    background: linear-gradient(135deg,
            #007bff,
            #00cfe8);

    border-color: transparent;
    transform: translateY(-4px);
}


/* --------------------------------
   Footer Heading
-------------------------------- */

.footer-column h4 {
    position: relative;

    display: flex;
    align-items: center;

    gap: 10px;

    color: white;

    font-size: 20px;
    font-weight: 700;

    margin: 8px 0 27px;
}

.footer-column h4 span {
    width: 4px;
    height: 24px;

    display: inline-block;

    border-radius: 10px;

    background: linear-gradient(to bottom,
            #00d9ff,
            #0878ff);
}


/* --------------------------------
   Contact
-------------------------------- */

.footer-contact {
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer-contact li {
    display: flex;
    gap: 13px;
    margin-bottom: 21px;
}

.contact-icon {
    flex-shrink: 0;

    width: 39px;
    height: 39px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 11px;

    color: #00cce8;

    background: rgba(0, 197, 235, .08);

    border: 1px solid rgba(0, 205, 240, .12);
}

.footer-contact small {
    display: block;

    color: #6f8ba8;

    font-size: 10px;

    text-transform: uppercase;

    letter-spacing: 1px;

    margin-bottom: 3px;
}

.footer-contact p {
    margin: 0;

    color: #b9c9dc;

    font-size: 13px;

    line-height: 1.7;
}

.footer-contact a {
    color: #b9c9dc;

    text-decoration: none;

    font-size: 13px;

    transition: color .25s ease;
}

.footer-contact a:hover {
    color: #00d9ff;
}


/* --------------------------------
   Quick Links
-------------------------------- */

.footer-links {
    padding: 0;
    margin: 0;

    list-style: none;
}

.footer-links li {
    margin-bottom: 13px;
}

.footer-links a {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    color: #a9bdd2;

    text-decoration: none;

    font-size: 14px;

    transition:
        color .25s ease,
        transform .25s ease;
}

.footer-links a i {
    color: #00b9d8;
    font-size: 10px;
}

.footer-links a:hover {
    color: white;
    transform: translateX(5px);
}


/* --------------------------------
   Appointment
-------------------------------- */

.footer-appointment>p {
    color: #9eb2c8;

    font-size: 13px;

    line-height: 1.8;

    margin-bottom: 20px;
}


/* Appointment Button */

.footer-appointment-btn {
    min-height: 55px;

    display: flex;
    align-items: center;

    gap: 12px;

    padding: 7px 9px 7px 8px;

    border-radius: 14px;

    background:
        linear-gradient(135deg,
            #087cff,
            #00bdd6);

    color: white;

    text-decoration: none;

    font-size: 13px;

    font-weight: 700;

    box-shadow:
        0 12px 30px rgba(0, 140, 255, .18);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

.footer-appointment-btn:hover {
    color: white;

    transform: translateY(-3px);

    box-shadow:
        0 18px 35px rgba(0, 140, 255, .28);
}

.footer-appointment-btn span {
    width: 41px;
    height: 41px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(255, 255, 255, .16);

    border-radius: 10px;
}

.footer-appointment-btn>i {
    margin-left: auto;
    margin-right: 10px;
}


/* --------------------------------
   Emergency
-------------------------------- */

.footer-emergency {
    display: flex;

    align-items: center;

    gap: 12px;

    margin-top: 20px;

    padding: 13px;

    border-radius: 14px;

    background: rgba(255, 255, 255, .035);

    border: 1px solid rgba(255, 255, 255, .07);
}

.emergency-icon {
    width: 38px;
    height: 38px;

    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: rgba(0, 218, 240, .10);

    color: #00d8ed;
}

.footer-emergency small {
    display: block;

    color: #7089a3;

    font-size: 10px;

    text-transform: uppercase;

    letter-spacing: .8px;
}

.footer-emergency strong {
    display: block;

    color: white;

    font-size: 13px;

    margin-top: 2px;
}


/* --------------------------------
   Bottom
-------------------------------- */

.footer-bottom {
    min-height: 75px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

    border-top:
        1px solid rgba(255, 255, 255, .08);

    position: relative;

    z-index: 2;
}

.footer-copyright p {
    margin: 0;

    color: #7087a1;

    font-size: 12px;
}

.footer-copyright strong {
    color: #b9cadc;
}

.footer-bottom-links {
    display: flex;
    align-items: center;
    gap: 15px;
}

.footer-bottom-links a {
    color: #7189a2;

    font-size: 12px;

    text-decoration: none;

    transition: color .25s ease;
}

.footer-bottom-links a:hover {
    color: #00d8ed;
}

.footer-bottom-links span {
    width: 4px;
    height: 4px;

    border-radius: 50%;

    background: #31516d;
}


/* --------------------------------
   Back To Top
-------------------------------- */

.lakshya-back-top {
    position: fixed;

    right: 25px;
    bottom: 25px;

    width: 50px;
    height: 50px;

    display: flex;
    align-items: center;
    justify-content: center;

    background:
        linear-gradient(135deg,
            #087cff,
            #00c9df);

    color: white;

    border-radius: 15px;

    text-decoration: none;

    box-shadow:
        0 12px 30px rgba(0, 100, 220, .25);

    z-index: 999;

    transition: .3s ease;
}

.lakshya-back-top:hover {
    color: white;

    transform: translateY(-5px);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1199px) {

    .footer-main {
        grid-template-columns:
            1.3fr 1fr 1fr;

        gap: 40px;
    }

    .footer-appointment {
        grid-column: span 3;
        max-width: 450px;
    }

}


/* =========================================================
   TABLET / SMALL LAPTOP
========================================================= */

@media (max-width: 991px) {

    .lakshya-footer {
        padding-top: 65px;
    }

    .footer-main {
        grid-template-columns:
            1fr 1fr;

        gap: 45px 35px;
    }

    .footer-brand {
        max-width: 100%;
    }

    .footer-appointment {
        grid-column: span 1;
        max-width: none;
    }

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

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .lakshya-footer {
        padding: 55px 15px 0;
    }

    .footer-main {
        display: block;
        padding-bottom: 35px;
    }

    .footer-brand,
    .footer-column {
        margin-bottom: 42px;
        max-width: none;
    }

    .footer-brand {
        text-align: center;
    }

    .footer-logo img {
        width: 230px;
        margin: auto;
    }

    .footer-description {
        margin-left: auto;
        margin-right: auto;
        max-width: 430px;
    }

    .footer-social {
        justify-content: center;
    }

    .footer-column h4 {
        font-size: 19px;
    }

    .footer-contact li {
        margin-bottom: 18px;
    }

    .footer-bottom {
        display: block;

        text-align: center;

        padding: 22px 0 25px;
    }

    .footer-copyright {
        margin-bottom: 12px;
    }

    .footer-bottom-links {
        justify-content: center;
        flex-wrap: wrap;
    }

    .lakshya-back-top {
        width: 45px;
        height: 45px;

        right: 15px;
        bottom: 15px;

        border-radius: 13px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

    .footer-logo img {
        width: 205px;
    }

    .footer-description {
        font-size: 13px;
    }

    .footer-column h4 {
        font-size: 18px;
    }

    .footer-appointment-btn {
        font-size: 12px;
    }

}

/* contact page css  */

:root {
    --med-primary: #087f8c;
    --med-dark: #103b4a;
    --med-accent: #20bfa9;
    --med-light: #effafa;
    --med-text: #526777;
    --med-white: #ffffff;
}

.contact-page {
    font-family: 'DM Sans', sans-serif;
    color: var(--med-text);
    overflow: hidden;
}

.contact-page h1,
.contact-page h2,
.contact-page h3,
.contact-page h4,
.contact-page h5 {
    font-family: 'Manrope', sans-serif;
    color: var(--med-dark);
    font-weight: 800;
}

.contact-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 95px 0 85px;
    background: linear-gradient(120deg, #eafafa 0%, #f6fbff 55%, #e0f7f3 100%);
}

.contact-hero:before,
.contact-hero:after {
    content: "";
    position: absolute;
    border-radius: 50%;
    z-index: -1;
    pointer-events: none;
}

.contact-hero:before {
    width: 420px;
    height: 420px;
    top: -200px;
    right: -100px;
    background: rgba(32, 191, 169, .12);
}

.contact-hero:after {
    width: 260px;
    height: 260px;
    bottom: -150px;
    left: 12%;
    border: 45px solid rgba(8, 127, 140, .06);
}

.hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    border: 1px solid #c8e9e7;
    background: rgba(255, 255, 255, .8);
    padding: 10px 17px;
    border-radius: 50px;
    color: var(--med-primary);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .5px;
}

.hero-title {
    font-size: clamp(38px, 5vw, 62px);
    line-height: 1.12;
    letter-spacing: -2px;
    margin: 22px 0;
}

.hero-title span {
    color: var(--med-primary);
}

.hero-description {
    max-width: 570px;
    line-height: 1.9;
    font-size: 16px;
}

.hero-actions {
    display: flex;
    gap: 13px;
    flex-wrap: wrap;
    margin-top: 30px;
}

.med-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 12px;
    padding: 15px 23px;
    font-weight: 700;
    text-decoration: none;
    border: 1px solid transparent;
    transition: .3s ease;
}

.med-btn-primary {
    background: var(--med-primary);
    color: white;
    box-shadow: 0 9px 25px rgba(8, 127, 140, .2);
}

.med-btn-primary:hover {
    color: white;
    background: var(--med-dark);
    transform: translateY(-3px);
}

.med-btn-light {
    color: var(--med-dark);
    background: white;
    border-color: #dcebed;
}

.med-btn-light:hover {
    color: var(--med-primary);
    border-color: var(--med-primary);
    transform: translateY(-3px);
}

.hero-visual {
    min-height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.hero-medical-card {
    width: min(100%, 360px);
    min-height: 290px;
    background: rgba(255, 255, 255, .85);
    border: 1px solid rgba(255, 255, 255, .95);
    border-radius: 30px;
    box-shadow: 0 25px 75px rgba(16, 59, 74, .12);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px;
    position: relative;
    animation: medFloat 5s ease-in-out infinite;
}

.med-logo {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 28px;
    color: white;
    font-size: 42px;
    background: linear-gradient(145deg, var(--med-primary), var(--med-accent));
    box-shadow: 0 15px 30px rgba(8, 127, 140, .22);
}

.med-cross {
    position: absolute;
    font-size: 30px;
    font-weight: 800;
    color: var(--med-accent);
    opacity: .55;
}

.med-cross-one {
    top: 20px;
    right: 28px;
}

.med-cross-two {
    bottom: 25px;
    left: 25px;
}

.hero-status {
    margin-top: 22px;
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 13px;
    color: var(--med-primary);
    font-weight: 700;
}

.status-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #20bfa9;
    box-shadow: 0 0 0 5px rgba(32, 191, 169, .13);
}

.contact-section {
    padding: 90px 0;
}

.section-label {
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    color: var(--med-primary);
    margin-bottom: 14px;
}

.section-heading {
    font-size: clamp(28px, 4vw, 42px);
    letter-spacing: -1px;
    line-height: 1.25;
}

.contact-card {
    position: relative;
    height: 100%;
    padding: 28px 23px;
    background: white;
    border: 1px solid #e5eff1;
    border-radius: 20px;
    transition: transform .3s ease, box-shadow .3s ease,
        border-color .3s ease;
}

.contact-card:hover {
    transform: translateY(-8px);
    border-color: #b5e4df;
    box-shadow: 0 20px 45px rgba(16, 59, 74, .09);
}

.contact-icon {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--med-light);
    border-radius: 16px;
    color: var(--med-primary);
    font-size: 21px;
    margin-bottom: 23px;
    transition: .3s ease;
}

.contact-card:hover .contact-icon {
    background: var(--med-primary);
    color: white;
    transform: rotate(-5deg);
}

.contact-card h5 {
    font-size: 17px;
    margin-bottom: 12px;
}

.contact-card p {
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 14px;
    overflow-wrap: anywhere;
}

.card-link {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    color: var(--med-primary);
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
}

.card-link:hover {
    color: var(--med-dark);
}

.contact-workspace {
    background: #f5f9fb;
}

.contact-panel {
    height: 100%;
    background: white;
    border: 1px solid #e6eff1;
    border-radius: 24px;
    padding: clamp(24px, 4vw, 42px);
    box-shadow: 0 15px 50px rgba(16, 59, 74, .04);
}

.form-control-med {
    width: 100%;
    min-height: 55px;
    border: 1px solid #dfeaec;
    border-radius: 12px;
    padding: 14px 16px;
    color: var(--med-dark);
    background: #fbfdfd;
    outline: none;
    transition: .25s ease;
}

.form-control-med:focus {
    border-color: var(--med-primary);
    box-shadow: 0 0 0 4px rgba(8, 127, 140, .09);
    background: white;
}

textarea.form-control-med {
    min-height: 145px;
    resize: vertical;
}

.form-label-med {
    display: block;
    color: var(--med-dark);
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 9px;
}

.map-card {
    overflow: hidden;
    border-radius: 24px;
    background: white;
    border: 1px solid #e4edef;
    box-shadow: 0 15px 50px rgba(16, 59, 74, .06);
}

.map-header {
    padding: 24px;
    display: flex;
    gap: 14px;
    align-items: center;
}

.map-logo {
    width: 53px;
    height: 53px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background: var(--med-light);
    color: var(--med-primary);
    font-size: 22px;
}

.map-header h5 {
    font-size: 16px;
    margin: 0 0 6px;
}

.map-header p {
    font-size: 13px;
    margin: 0;
}

.map-frame {
    width: 100%;
    height: 350px;
    display: block;
    border: 0;
    background: #edf5f5;
}

.map-footer {
    padding: 20px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.map-footer p {
    font-size: 13px;
    margin: 0;
}

.location-note {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 17px;
    border-radius: 14px;
    background: #eef9f8;
    color: var(--med-dark);
    font-size: 13px;
    line-height: 1.7;
}

.contact-cta {
    padding: 0 0 85px;
}

.cta-inner {
    padding: 45px;
    background: linear-gradient(120deg, #103b4a, #087f8c);
    border-radius: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 25px;
}

.cta-inner h3 {
    color: white;
    font-size: clamp(23px, 3vw, 34px);
}

.cta-inner p {
    color: #d8efef;
    margin: 10px 0 0;
    line-height: 1.8;
}

.cta-inner .med-btn-light {
    flex-shrink: 0;
}

.reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .7s ease, transform .7s ease;
}

.reveal.visible {
    opacity: 1;
    transform: translateY(0);
}

@keyframes medFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-12px);
    }
}

@media (max-width: 767px) {
    .contact-hero {
        padding: 65px 0 50px;
    }

    .hero-title {
        letter-spacing: -1.2px;
    }

    .hero-visual {
        min-height: 280px;
    }

    .hero-medical-card {
        min-height: 250px;
    }

    .contact-section {
        padding: 65px 0;
    }

    .map-frame {
        height: 290px;
    }

    .cta-inner {
        padding: 28px 24px;
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {

    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }

    .reveal {
        opacity: 1;
        transform: none;
    }
}


/* ==========================================
   CATARACT PAGE — MODERN RESPONSIVE DESIGN
========================================== */
.cataract-page {
    --cat-primary: #0756a4;
    --cat-deep: #092c59;
    --cat-cyan: #16b8d4;
    --cat-ink: #142d4c;
    --cat-muted: #64748b;
    --cat-pale: #f1f8ff;
    --cat-border: #e0ebf5;
    color: var(--cat-ink);
    font-family: inherit;
    overflow: hidden;
    background: #fff;
}

.cataract-page * { box-sizing: border-box; }
.cataract-page img { max-width: 100%; }
.cataract-page a { text-decoration: none; }
.cataract-page section { padding: 90px 0; }
.cataract-page .container { position: relative; }

.cat-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--cat-primary);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 18px;
}
.cat-eyebrow::before {
    content: "";
    width: 25px;
    height: 3px;
    background: var(--cat-cyan);
    border-radius: 10px;
}

.cat-title {
    color: var(--cat-deep);
    font-size: clamp(34px, 4.4vw, 59px);
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -1.8px;
    margin: 0 0 22px;
}
.cat-title span {
    color: var(--cat-primary);
}
.cat-lead {
    color: var(--cat-muted);
    font-size: 16px;
    line-height: 1.9;
    max-width: 640px;
}
.cat-section-heading {
    max-width: 700px;
    margin: 0 auto 48px;
    text-align: center;
}
.cat-section-heading .cat-title {
    font-size: clamp(30px, 4vw, 44px);
    letter-spacing: -1px;
}
.cat-section-heading .cat-lead {
    margin: 0 auto;
}

/* Buttons */
.cat-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 15px 23px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 750;
    transition: transform .25s ease, box-shadow .25s ease,
                background .25s ease;
}
.cat-btn:hover {
    transform: translateY(-3px);
}
.cat-btn-primary {
    color: #fff !important;
    background: linear-gradient(135deg, #0877ce, #064d9a);
    box-shadow: 0 10px 25px rgba(7, 86, 164, .2);
}
.cat-btn-primary:hover {
    box-shadow: 0 15px 32px rgba(7, 86, 164, .3);
}
.cat-btn-outline {
    color: var(--cat-deep) !important;
    background: rgba(255,255,255,.8);
    border: 1px solid #cbdbea;
}
.cat-btn-outline:hover { background: #fff; }

/* Hero */
.cat-hero {
    position: relative;
    padding: 85px 0 105px !important;
    background:
        radial-gradient(ellipse at 85% 15%, rgba(22,184,212,.15), transparent 32%),
        radial-gradient(ellipse at 0% 90%, rgba(7,86,164,.08), transparent 34%),
        linear-gradient(135deg, #f8fbff, #edf7ff 60%, #fff);
}
.cat-hero::before {
    content: "";
    position: absolute;
    width: 360px;
    height: 360px;
    right: -180px;
    top: -200px;
    border: 1px solid rgba(7,86,164,.13);
    border-radius: 50%;
    box-shadow: 0 0 0 35px rgba(7,86,164,.025),
                0 0 0 70px rgba(7,86,164,.02);
}
.cat-hero .container { z-index: 1; }

.cat-hero .cat-title { max-width: 650px; }
.cat-hero .cat-lead { max-width: 590px; }

.cat-trust-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 28px;
}
.cat-trust-item {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #45627e;
    font-size: 12px;
    font-weight: 650;
}
.cat-trust-item i { color: #0789bd; font-size: 16px; }

.cat-hero-visual {
    position: relative;
    padding: 0 10px 25px 0;
}
.cat-hero-image {
    position: relative;
    overflow: hidden;
    border-radius: 30px 30px 90px 30px;
    min-height: 440px;
    background: #dbeaf7;
    box-shadow: 0 30px 70px rgba(9,44,89,.16);
}
.cat-hero-image img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cat-hero-image::after {
    content: "";
    position: absolute;
    inset: 35% 0 0;
    background: linear-gradient(transparent, rgba(5,27,56,.8));
}
.cat-image-caption {
    position: absolute;
    bottom: 25px;
    left: 25px;
    right: 25px;
    z-index: 1;
    color: #fff;
}
.cat-image-caption strong {
    display: block;
    font-size: 23px;
    margin-bottom: 6px;
}
.cat-image-caption span {
    color: rgba(255,255,255,.83);
    font-size: 13px;
}
.cat-floating-card {
    position: absolute;
    left: -35px;
    bottom: 0;
    display: flex;
    align-items: center;
    gap: 13px;
    max-width: 290px;
    padding: 18px;
    background: rgba(255,255,255,.96);
    border: 1px solid rgba(255,255,255,.9);
    border-radius: 17px;
    box-shadow: 0 18px 45px rgba(9,44,89,.14);
    backdrop-filter: blur(12px);
}
.cat-floating-icon {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    color: #fff;
    background: linear-gradient(135deg, #13bad1, #0873c7);
    border-radius: 14px;
    font-size: 21px;
}
.cat-floating-card strong {
    display: block;
    color: var(--cat-deep);
    font-size: 13px;
}
.cat-floating-card small {
    display: block;
    color: var(--cat-muted);
    font-size: 11px;
    line-height: 1.6;
    margin-top: 4px;
}

/* Trust strip */
.cat-trust-strip {
    position: relative;
    z-index: 2;
    margin-top: -36px;
}
.cat-trust-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    background: #fff;
    border: 1px solid var(--cat-border);
    border-radius: 20px;
    padding: 25px 12px;
    box-shadow: 0 15px 45px rgba(9,44,89,.07);
}
.cat-trust-stat {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 13px;
    padding: 8px 15px;
    border-right: 1px solid var(--cat-border);
}
.cat-trust-stat:last-child { border-right: 0; }
.cat-stat-icon {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    border-radius: 13px;
    color: var(--cat-primary);
    background: #eaf5ff;
    font-size: 19px;
}
.cat-trust-stat strong {
    display: block;
    font-size: 15px;
    color: var(--cat-deep);
}
.cat-trust-stat small {
    display: block;
    margin-top: 3px;
    color: var(--cat-muted);
    font-size: 11px;
    line-height: 1.5;
}

/* Shared visuals */
.cat-image-wrap {
    position: relative;
    overflow: hidden;
    border-radius: 25px;
    background: #eaf4ff;
}
.cat-image-wrap img {
    display: block;
    width: 100%;
    height: 450px;
    object-fit: cover;
}
.cat-image-note {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 18px;
    padding: 20px;
    color: #fff;
    border-radius: 15px;
    background: rgba(6,37,75,.85);
    backdrop-filter: blur(10px);
}
.cat-image-note small {
    display: block;
    color: #8beaff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.6px;
    margin-bottom: 8px;
}
.cat-image-note strong {
    font-size: 18px;
    line-height: 1.45;
}

/* Check list */
.cat-check-list {
    padding: 0;
    margin: 25px 0 28px;
    list-style: none;
}
.cat-check-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 18px;
    color: var(--cat-muted);
    font-size: 14px;
    line-height: 1.8;
}
.cat-check-list li i {
    color: #08a8c6;
    font-size: 18px;
    margin-top: 3px;
}
.cat-check-list strong { color: var(--cat-deep); }

/* Symptoms */
.cat-soft-section {
    background: linear-gradient(180deg, #f2f8ff, #f9fcff);
}
.cat-symptom-card {
    height: 100%;
    display: flex;
    gap: 17px;
    align-items: flex-start;
    padding: 25px 21px;
    background: #fff;
    border: 1px solid #e4edf6;
    border-radius: 18px;
    transition: transform .25s ease, box-shadow .25s ease,
                border-color .25s ease;
}
.cat-symptom-card:hover {
    transform: translateY(-5px);
    border-color: #b8e7f3;
    box-shadow: 0 18px 35px rgba(9,44,89,.08);
}
.cat-symptom-icon {
    display: grid;
    place-items: center;
    width: 49px;
    height: 49px;
    flex-shrink: 0;
    color: #0875bb;
    background: linear-gradient(145deg, #e6f6ff, #f0fbff);
    border-radius: 15px;
    font-size: 20px;
}
.cat-symptom-card strong {
    display: block;
    color: var(--cat-deep);
    font-size: 15px;
    margin: 2px 0 8px;
}
.cat-symptom-card p {
    margin: 0;
    color: var(--cat-muted);
    font-size: 12px;
    line-height: 1.8;
}

/* Treatment */
.cat-treatment-card {
    position: relative;
    height: 100%;
    padding: 30px 25px;
    background: #fff;
    border: 1px solid var(--cat-border);
    border-radius: 22px;
    transition: transform .25s ease, box-shadow .25s ease;
}
.cat-treatment-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 45px rgba(9,44,89,.09);
}
.cat-treatment-number {
    position: absolute;
    right: 22px;
    top: 17px;
    color: #e5eef7;
    font-size: 39px;
    font-weight: 900;
}
.cat-treatment-icon {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    margin-bottom: 22px;
    color: #fff;
    background: linear-gradient(135deg, #0c85cf, #073e86);
    border-radius: 18px;
    font-size: 22px;
}
.cat-treatment-card h3 {
    color: var(--cat-deep);
    font-size: 19px;
    font-weight: 800;
    margin-bottom: 12px;
}
.cat-treatment-card p {
    color: var(--cat-muted);
    font-size: 13px;
    line-height: 1.9;
    margin: 0;
}

/* Procedure */
.cat-process {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    margin-top: 40px;
}
.cat-process-item {
    position: relative;
    padding: 25px 19px;
    border-radius: 18px;
    background: #fff;
    border: 1px solid var(--cat-border);
}
.cat-process-item:not(:last-child)::after {
    content: "\f061";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    top: 38px;
    right: -16px;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    color: #0875bb;
    background: #eaf7ff;
    border-radius: 50%;
    font-size: 11px;
}
.cat-process-number {
    color: #0b91c8;
    font-size: 12px;
    font-weight: 850;
    letter-spacing: 1px;
}
.cat-process-item h3 {
    color: var(--cat-deep);
    font-size: 15px;
    font-weight: 800;
    margin: 14px 0 9px;
}
.cat-process-item p {
    color: var(--cat-muted);
    font-size: 12px;
    line-height: 1.8;
    margin: 0;
}

/* Lens choices */
.cat-lens-section {
    color: #fff;
    background:
        radial-gradient(circle at 90% 5%, rgba(22,184,212,.2), transparent 32%),
        linear-gradient(130deg, #082b56, #07549a);
}
.cat-lens-section .cat-eyebrow { color: #8beaff; }
.cat-lens-section .cat-title { color: #fff; }
.cat-lens-section .cat-lead { color: #c7d9ec; }
.cat-lens-card {
    height: 100%;
    padding: 27px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 20px;
    background: rgba(255,255,255,.075);
    transition: background .25s ease, transform .25s ease;
}
.cat-lens-card:hover {
    background: rgba(255,255,255,.12);
    transform: translateY(-4px);
}
.cat-lens-card i {
    color: #6ee7f5;
    font-size: 25px;
    margin-bottom: 18px;
}
.cat-lens-card h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 12px;
}
.cat-lens-card p {
    color: #cfdeef;
    font-size: 13px;
    line-height: 1.9;
    margin: 0;
}
.cat-lens-disclaimer {
    color: #d0e2f4;
    font-size: 12px;
    line-height: 1.8;
    margin-top: 25px;
}

/* Recovery */
.cat-recovery-image img {
    height: 430px;
}
.cat-recovery-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 13px;
    margin: 25px 0;
}
.cat-recovery-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 15px;
    background: #f3f9ff;
    border-radius: 13px;
    color: var(--cat-muted);
    font-size: 12px;
    line-height: 1.7;
}
.cat-recovery-item i {
    color: #078bbd;
    margin-top: 3px;
}
.cat-recovery-item strong {
    display: block;
    color: var(--cat-deep);
    font-size: 13px;
    margin-bottom: 4px;
}

/* FAQ */
.cat-faq-section { background: #f5f9fe; }
.cat-faq {
    max-width: 850px;
    margin: auto;
}
.cat-faq details {
    padding: 0 23px;
    margin-bottom: 13px;
    background: #fff;
    border: 1px solid var(--cat-border);
    border-radius: 15px;
}
.cat-faq summary {
    position: relative;
    padding: 21px 28px 21px 0;
    color: var(--cat-deep);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.6;
    cursor: pointer;
    list-style: none;
}
.cat-faq summary::-webkit-details-marker { display: none; }
.cat-faq summary::after {
    content: "+";
    position: absolute;
    right: 0;
    top: 16px;
    color: #0875bb;
    font-size: 23px;
    font-weight: 400;
}
.cat-faq details[open] summary::after { content: "−"; }
.cat-faq details p {
    color: var(--cat-muted);
    font-size: 13px;
    line-height: 1.9;
    padding: 0 0 20px;
    margin: 0;
}

/* Appointment */
.cat-appointment {
    padding: 75px 0 !important;
    background: #fff;
}
.cat-appointment-box {
    position: relative;
    overflow: hidden;
    padding: 55px;
    color: #fff;
    border-radius: 28px;
    background:
        radial-gradient(circle at 95% 10%, rgba(43,204,226,.3), transparent 35%),
        linear-gradient(120deg, #082a55, #0864ad);
}
.cat-appointment-box::after {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    right: -100px;
    bottom: -190px;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 50%;
    box-shadow: 0 0 0 35px rgba(255,255,255,.035),
                0 0 0 70px rgba(255,255,255,.025);
}
.cat-appointment-box .cat-title {
    color: #fff;
    font-size: clamp(30px, 4vw, 43px);
}
.cat-appointment-box p {
    max-width: 580px;
    color: #d1e2f5;
    font-size: 14px;
    line-height: 1.9;
}
.cat-appointment-box .cat-btn {
    position: relative;
    z-index: 1;
}
.cat-btn-white {
    color: var(--cat-deep) !important;
    background: #fff;
}
.cat-btn-white:hover { background: #eaf8ff; }

.cat-medical-note {
    color: #8492a6;
    font-size: 11px;
    line-height: 1.8;
    text-align: center;
    margin-top: 24px;
}

/* Entrance animation */
@keyframes cat-rise {
    from { opacity: 0; transform: translateY(18px); }
    to { opacity: 1; transform: translateY(0); }
}
.cat-hero .cat-eyebrow,
.cat-hero .cat-title,
.cat-hero .cat-lead,
.cat-hero .cat-hero-visual {
    animation: cat-rise .65s ease both;
}
.cat-hero .cat-title { animation-delay: .08s; }
.cat-hero .cat-lead { animation-delay: .15s; }
.cat-hero .cat-hero-visual { animation-delay: .12s; }

@media (prefers-reduced-motion: reduce) {
    .cataract-page *,
    .cataract-page *::before,
    .cataract-page *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }
}

/* Tablet */
@media (max-width: 991.98px) {
    .cataract-page section { padding: 70px 0; }
    .cat-hero { padding: 65px 0 80px !important; }
    .cat-hero-visual { margin: 20px 15px 0; }
    .cat-hero-image { min-height: 390px; }
    .cat-floating-card { left: -15px; }
    .cat-trust-grid { grid-template-columns: repeat(2, 1fr); }
    .cat-trust-stat:nth-child(2) { border-right: 0; }
    .cat-trust-stat:nth-child(-n+2) {
        border-bottom: 1px solid var(--cat-border);
        padding-bottom: 20px;
    }
    .cat-trust-stat:nth-child(n+3) { padding-top: 20px; }
    .cat-process { grid-template-columns: repeat(2, 1fr); }
    .cat-process-item:nth-child(2)::after { display: none; }
    .cat-appointment-box { padding: 40px; }
}

/* Mobile */
@media (max-width: 575.98px) {
    .cataract-page section { padding: 55px 0; }
    .cat-hero { padding: 48px 0 65px !important; }
    .cat-title {
        font-size: 36px;
        letter-spacing: -1.1px;
    }
    .cat-hero .cat-title { font-size: 40px; }
    .cat-lead { font-size: 14px; line-height: 1.85; }
    .cat-btn {
        width: 100%;
        padding: 14px 15px;
        font-size: 13px;
    }
    .cat-trust-row { gap: 12px; }
    .cat-trust-item { font-size: 11px; }
    .cat-hero-visual { margin: 15px 0 10px; padding: 0 0 20px; }
    .cat-hero-image {
        min-height: 350px;
        border-radius: 22px 22px 65px 22px;
    }
    .cat-floating-card {
        left: 10px;
        bottom: 0;
        max-width: 270px;
        padding: 13px;
    }
    .cat-trust-strip { margin-top: -24px; }
    .cat-trust-grid { padding: 12px 6px; border-radius: 15px; }
    .cat-trust-stat {
        justify-content: flex-start;
        gap: 9px;
        padding: 13px 7px;
    }
    .cat-stat-icon { width: 35px; height: 35px; font-size: 15px; }
    .cat-trust-stat strong { font-size: 12px; }
    .cat-trust-stat small { font-size: 10px; }
    .cat-image-wrap img { height: 320px; }
    .cat-image-note { padding: 15px; left: 12px; right: 12px; bottom: 12px; }
    .cat-image-note strong { font-size: 15px; }
    .cat-section-heading { margin-bottom: 30px; }
    .cat-symptom-card { padding: 19px 15px; gap: 12px; }
    .cat-symptom-icon { width: 41px; height: 41px; font-size: 17px; }
    .cat-symptom-card strong { font-size: 13px; }
    .cat-symptom-card p { font-size: 11px; }
    .cat-treatment-card { padding: 24px 20px; }
    .cat-process { gap: 12px; }
    .cat-process-item { padding: 19px 14px; }
    .cat-process-item::after { display: none !important; }
    .cat-process-item h3 { font-size: 13px; }
    .cat-process-item p { font-size: 11px; }
    .cat-recovery-image img { height: 310px; }
    .cat-recovery-list { grid-template-columns: 1fr; }
    .cat-appointment { padding: 45px 0 !important; }
    .cat-appointment-box { padding: 29px 21px; border-radius: 21px; }
    .cat-appointment-box .cat-title { font-size: 31px; }
    .cat-faq details { padding: 0 16px; }
    .cat-faq summary { font-size: 13px; }
}

.bg-skyblue{
color: #7DD3FC;
}

@media (min-width: 1200px) {
  .display-text-size {
    font-size: 3rem;
    letter-spacing: 5px;
        text-transform: uppercase;

  }
}



/* =========================================
   PRIVACY POLICY & TERMS PAGE
========================================= */

.legal-hero {
    position: relative;
    overflow: hidden;
    padding: 100px 0 80px;
    background: linear-gradient(135deg, #071d38, #0b3659, #087ca5);
    color: #ffffff;
}

.legal-hero::before {
    content: "";
    position: absolute;
    width: 450px;
    height: 450px;
    border-radius: 50%;
    background: rgba(40, 200, 240, 0.15);
    filter: blur(100px);
    top: -180px;
    right: -100px;
}

.legal-hero .container {
    position: relative;
    z-index: 2;
}

.legal-badge {
    display: inline-block;
    padding: 9px 18px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50px;
    color: #8ce9ff;
    font-size: 13px;
    margin-bottom: 20px;
}

.legal-hero h1 {
    font-size: clamp(35px, 5vw, 60px);
    font-weight: 700;
    margin-bottom: 18px;
    color: #ffffff;
}

.legal-hero h1 span {
    color: #42d5f5;
}

.legal-hero p {
    max-width: 650px;
    color: #c7dceb;
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 25px;
}

.legal-breadcrumb {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    color: #a9d8ed;
}

.legal-breadcrumb a {
    color: #ffffff;
    text-decoration: none;
}

.legal-breadcrumb a:hover {
    color: #42d5f5;
}


/* Sidebar */

.legal-sidebar {
    position: sticky;
    top: 100px;
    padding: 28px;
    background: #f4faff;
    border: 1px solid #e2edf5;
    border-radius: 16px;
}

.legal-sidebar h4 {
    font-size: 18px;
    font-weight: 700;
    color: #123451;
    margin-bottom: 20px;
}

.legal-sidebar a {
    display: block;
    padding: 11px 14px;
    margin-bottom: 4px;
    color: #58718a;
    text-decoration: none;
    font-size: 14px;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.legal-sidebar a:hover {
    background: #dff5ff;
    color: #087fa8;
    padding-left: 20px;
}


/* Main Content */

.legal-content {
    padding: 40px;
    background: #ffffff;
    border: 1px solid #e8eff5;
    border-radius: 18px;
    box-shadow: 0 10px 40px rgba(10, 55, 90, 0.04);
}

.legal-updated {
    display: inline-block;
    background: #eaf8ff;
    color: #087da5;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    margin-bottom: 30px;
}

.legal-block {
    scroll-margin-top: 100px;
    margin-bottom: 35px;
}

.legal-block h2 {
    color: #103453;
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 18px;
}

.legal-block p {
    color: #60758a;
    font-size: 15px;
    line-height: 1.9;
    margin-bottom: 15px;
}

.legal-block ul {
    padding-left: 22px;
    margin-bottom: 20px;
}

.legal-block ul li {
    color: #60758a;
    font-size: 15px;
    line-height: 1.9;
    margin-bottom: 8px;
}

.legal-block ul li::marker {
    color: #16a8d6;
}


/* Contact Box */

.legal-contact-box {
    padding: 28px;
    background: #f2faff;
    border: 1px solid #dceff8;
    border-radius: 14px;
    margin-bottom: 0;
}

.legal-contact-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-top: 20px;
}

.legal-contact-item > i {
    color: #0b9ac7;
    font-size: 18px;
    margin-top: 4px;
}

.legal-contact-item strong {
    color: #123451;
    font-size: 15px;
}

.legal-contact-item p {
    margin: 5px 0 0;
}

.legal-contact-item a {
    color: #087fa8;
    text-decoration: none;
}

.legal-contact-item a:hover {
    color: #064b70;
}


/* Responsive */

@media (max-width: 991px) {

    .legal-hero {
        padding: 75px 0 60px;
    }

    .legal-sidebar {
        position: relative;
        top: 0;
    }

    .legal-content {
        padding: 30px;
    }

}

@media (max-width: 576px) {

    .legal-hero {
        padding: 60px 0 45px;
    }

    .legal-hero h1 {
        font-size: 36px;
    }

    .legal-hero p {
        font-size: 14px;
    }

    .legal-content {
        padding: 22px 18px;
        border-radius: 12px;
    }

    .legal-block h2 {
        font-size: 20px;
    }

    .legal-block p,
    .legal-block ul li {
        font-size: 14px;
    }

    .legal-sidebar {
        padding: 20px;
    }

    .legal-contact-box {
        padding: 20px;
    }

}


/* FULL SCREEN LOADER */
#spinner {
    position: fixed !important;
    inset: 0 !important;

    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;

    background-color: #ffffff;

    display: flex;
    justify-content: center;
    align-items: center;

    z-index: 999999999;

    opacity: 1;
    visibility: visible;
}

/* LOGO */
.logo-loader {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* LOADER HIDE */
#spinner.hide-loader {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.5s ease;
    pointer-events: none;
}

/* MOBILE */
@media (max-width: 768px) {
    .logo-loader {
        width: 150px;
        height: 150px;
    }
}



/* =========================
   GLOBAL ABOUT PAGE STYLES
========================= */


.about-lakshya h1,
.about-lakshya h2,
.about-lakshya h3,
.about-lakshya h4,
.about-lakshya h5 {
    font-weight: 800;
    letter-spacing: -0.5px;
}

.about-lakshya .section-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #1264e8;
    background: #eaf2ff;
    padding: 9px 18px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.about-lakshya .gradient-text {
    background: linear-gradient(90deg, #38d6e8, #77e6ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.about-lakshya .btn-premium {
    background: linear-gradient(135deg, #1670f5, #0750c8);
    color: white;
    border: none;
    border-radius: 50px;
    padding: 15px 30px;
    font-weight: 700;
    box-shadow: 0 12px 30px rgba(18,100,232,.25);
    transition: .35s ease;
}

.about-lakshya .btn-premium:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 35px rgba(18,100,232,.35);
    color: white;
}

.about-lakshya .btn-outline-premium {
    border: 1px solid rgba(255,255,255,.4);
    color: white;
    border-radius: 50px;
    padding: 14px 28px;
    font-weight: 700;
    transition: .3s;
}

.about-lakshya .btn-outline-premium:hover {
    background: white;
    color: var(--navy);
}

/* =========================
   PREMIUM HERO
========================= */
.about-hero {
    position: relative;
    padding: 100px 0 115px;
    background:
        radial-gradient(ellipse at 85% 20%, rgba(38,155,255,.25), transparent 35%),
        radial-gradient(ellipse at 10% 90%, rgba(56,214,232,.12), transparent 35%),
        linear-gradient(135deg, #06152f, #0a2d60 65%, #084e91);
    color: #fff;
}

.about-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255,255,255,.13) 1px, transparent 1px);
    background-size: 30px 30px;
    opacity: .3;
    pointer-events: none;
}

.about-hero .hero-content {
    position: relative;
    z-index: 2;
}

.about-hero .hero-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.15);
    backdrop-filter: blur(12px);
    padding: 10px 18px;
    border-radius: 50px;
    font-size: 13px;
    color: #d8f7ff;
    margin-bottom: 25px;
}

.about-hero .hero-label span {
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background: #39e4be;
    box-shadow: 0 0 12px #39e4be;
}

.about-hero h1 {
    font-size: clamp(38px, 5vw, 68px);
    line-height: 1.12;
    color: white;
    margin-bottom: 25px;
}

.about-hero .hero-description {
    color: #c5d6ed;
    font-size: 18px;
    line-height: 1.9;
    max-width: 580px;
}

.about-hero .hero-image-box {
    position: relative;
    padding: 15px;
    border-radius: 35px;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.15);
    backdrop-filter: blur(10px);
    transform: perspective(1000px) rotateY(-4deg);
    transition: .5s ease;
}

.about-hero .hero-image-box:hover {
    transform: perspective(1000px) rotateY(0) translateY(-8px);
}

.about-hero .hero-image-box img {
    width: 100%;
    height: 420px;
    object-fit: cover;
    border-radius: 25px;
}

.about-hero .floating-card {
    position: absolute;
    bottom: 35px;
    left: -25px;
    background: white;
    color: var(--navy);
    padding: 18px 22px;
    border-radius: 18px;
    box-shadow: 0 20px 50px rgba(0,0,0,.2);
    animation: floatCard 4s ease-in-out infinite;
}

.about-hero .floating-card i {
    width: 45px;
    height: 45px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #e8f5ff;
    border-radius: 12px;
    color: #1264e8;
    font-size: 20px;
}

@keyframes floatCard {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

/* =========================
   STATS STRIP
========================= */
.about-stats {
    position: relative;
    margin-top: -45px;
    z-index: 3;
}

.about-stats .stat-card {
    height: 100%;
    padding: 28px 20px;
    background: white;
    border-radius: 20px;
    border: 1px solid #edf2fa;
    box-shadow: 0 15px 50px rgba(13,55,120,.08);
    transition: .3s ease;
}

.about-stats .stat-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 22px 45px rgba(13,55,120,.13);
}

.about-stats .stat-icon {
    height: 52px;
    width: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px;
    border-radius: 16px;
    color: #1264e8;
    background: linear-gradient(135deg, #e9f3ff, #d9faff);
    font-size: 22px;
}

.about-stats h3 {
    color: #09234a;
    font-size: 30px;
    margin-bottom: 5px;
}

.about-stats p {
    color: #7a8ba3;
    font-size: 13px;
    font-weight: 600;
    margin: 0;
}

/* =========================
   OUR STORY SECTION
========================= */
.about-story {
    padding: 110px 0 90px;
}

.about-story .story-image {
    position: relative;
}

.about-story .story-image img {
    width: 100%;
    height: 490px;
    object-fit: cover;
    border-radius: 30px;
    box-shadow: 0 25px 65px rgba(8,38,90,.13);
}

.about-story .story-image::after {
    content: "";
    position: absolute;
    height: 120px;
    width: 120px;
    border: 12px solid #dcecff;
    border-radius: 30px;
    left: -20px;
    top: -20px;
    z-index: -1;
}

.about-story .story-content h2 {
    font-size: clamp(30px, 3.4vw, 45px);
    line-height: 1.25;
    color: var(--navy);
}

.about-story .story-content p {
    font-size: 15px;
    color: var(--text);
    line-height: 1.9;
}

.about-story .pillar {
    display: flex;
    gap: 15px;
    padding: 18px;
    border: 1px solid #edf2fa;
    background: white;
    border-radius: 16px;
    transition: .3s ease;
}

.about-story .pillar:hover {
    background: #f5f9ff;
    transform: translateX(5px);
}

.about-story .pillar-icon {
    min-width: 48px;
    height: 48px;
    border-radius: 14px;
    background: linear-gradient(135deg, #e7f1ff, #d9faff);
    color: #1264e8;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
}

.about-story .pillar h6 {
    color: #0c2851;
    font-weight: 800;
    margin-bottom: 5px;
}

.about-story .pillar p {
    font-size: 13px;
    line-height: 1.6;
    margin: 0;
}

/* =========================
   SPECIALITIES SECTION
========================= */
.about-specialities {
    background: linear-gradient(180deg, #f3f8ff, #fff);
    padding: 90px 0;
}

.about-specialities .speciality-card {
    height: 100%;
    padding: 32px;
    border-radius: 22px;
    background: white;
    border: 1px solid #eaf0f9;
    transition: .35s ease;
    position: relative;
    overflow: hidden;
}

.about-specialities .speciality-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 4px;
    background: linear-gradient(90deg, #1264e8, #38d6e8);
    transition: .4s;
}

.about-specialities .speciality-card:hover::before {
    width: 100%;
}

.about-specialities .speciality-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 50px rgba(18,100,232,.1);
}

.about-specialities .speciality-icon {
    height: 65px;
    width: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eaf3ff;
    color: #1264e8;
    border-radius: 20px;
    font-size: 26px;
    margin-bottom: 25px;
}

.about-specialities h5 {
    color: #09234a;
    margin-bottom: 12px;
}

.about-specialities p {
    font-size: 14px;
    color: #6b7c94;
    line-height: 1.8;
    margin-bottom: 0;
}

/* =========================
   DOCTOR SECTION
========================= */
.about-doctors {
    padding: 100px 0;
}

.about-doctors .doctor-card {
    border-radius: 24px;
    overflow: hidden;
    background: white;
    border: 1px solid #eaf0f8;
    transition: .4s ease;
    height: 100%;
}

.about-doctors .doctor-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 25px 55px rgba(13,55,120,.12);
}

.about-doctors .doctor-image {
    height: 290px;
    overflow: hidden;
    position: relative;
    background: #eaf3ff;
}

.about-doctors .doctor-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: .5s ease;
}

.about-doctors .doctor-card:hover img {
    transform: scale(1.07);
}

.about-doctors .doctor-info {
    padding: 25px 18px;
    text-align: center;
}

.about-doctors .doctor-info h5 {
    color: #09234a;
    margin-bottom: 8px;
}

.about-doctors .doctor-info .designation {
    color: #1264e8;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 14px;
}

.about-doctors .doctor-info .qualification {
    display: inline-block;
    background: #f0f6ff;
    color: #60718a;
    padding: 7px 15px;
    border-radius: 50px;
    font-size: 11px;
    font-weight: 700;
}

/* =========================
   EMERGENCY SECTION
========================= */
.about-emergency {
    padding: 20px 0 100px;
}

.about-emergency .emergency-box {
    position: relative;
    overflow: hidden;
    padding: 55px;
    border-radius: 30px;
    background:
        radial-gradient(circle at 90% 20%, rgba(56,214,232,.3), transparent 30%),
        linear-gradient(120deg, #071a39, #0b4a96);
    box-shadow: 0 25px 65px rgba(5,39,100,.2);
}

.about-emergency .emergency-box::after {
    content: "\f06e";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    font-size: 180px;
    color: rgba(255,255,255,.04);
    right: 30px;
    bottom: -50px;
    pointer-events: none;
}

.about-emergency h3 {
    color: white;
    font-size: clamp(25px, 3vw, 36px);
}

.about-emergency p {
    color: #c9dcf5;
    line-height: 1.8;
}

/* =========================
   ANIMATIONS
========================= */
.about-lakshya .reveal-up {
    animation: revealUp .8s ease both;
}

@keyframes revealUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}

/* =========================
   RESPONSIVE
========================= */
@media (max-width: 991px) {
    .about-hero {
        padding: 75px 0 90px;
    }

    .about-hero .hero-image-box {
        transform: none;
        margin-top: 35px;
    }

    .about-hero .hero-image-box img {
        height: 350px;
    }

    .about-story {
        padding: 80px 0;
    }

    .about-story .story-image img {
        height: 380px;
    }

    .about-emergency .emergency-box {
        padding: 35px;
    }
}

@media (max-width: 576px) {
    .about-hero {
        padding: 60px 0 75px;
    }

    .about-hero h1 {
        font-size: 39px;
    }

    .about-hero .hero-description {
        font-size: 15px;
    }

    .about-hero .hero-image-box img {
        height: 270px;
    }

    .about-hero .floating-card {
        left: 5px;
        bottom: 15px;
        padding: 12px;
    }

    .about-stats .stat-card {
        padding: 20px 10px;
    }

    
    .about-stats h3 {
        font-size: 25px;
    }

    .about-stats p {
        font-size: 11px;
    }

    .about-story {
        padding: 65px 0;
    }

    .about-story .story-image img {
        height: 300px;
    }

    .about-specialities,
    .about-doctors {
        padding: 65px 0;
    }

    .about-emergency .emergency-box {
        padding: 28px 22px;
        border-radius: 22px;
    }

    .about-lakshya .btn-premium,
    .about-lakshya .btn-outline-premium {
        padding: 12px 22px;
        font-size: 14px;
    }
}


/* WhatsApp Floating Button */
.whatsapp-float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 100px;
    right: 20px;

    background: #25D366;
    color: #ffffff;

    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 34px;
    text-decoration: none;

    box-shadow: 0 5px 20px rgba(37, 211, 102, 0.4);

    z-index: 9999;
    transition: all 0.3s ease;

    animation: whatsappPulse 2s infinite;
}

.whatsapp-float:hover {
    background: #128C7E;
    color: #ffffff;
    transform: scale(1.12);
}

/* Tooltip */
.whatsapp-tooltip {
    position: absolute;
    right: 75px;

    background: #071b35;
    color: #ffffff;

    padding: 9px 16px;
    border-radius: 8px;

    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;

    opacity: 0;
    visibility: hidden;
    transform: translateX(10px);

    transition: all 0.3s ease;
}

.whatsapp-float:hover .whatsapp-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

/* Pulse Animation */
@keyframes whatsappPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
    }

    70% {
        box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
    }
}

/* Mobile Responsive */
@media (max-width: 576px) {
    .whatsapp-float {
        width: 55px;
        height: 55px;
        bottom: 20px;
        right: 18px;
        font-size: 30px;
    }

    .whatsapp-tooltip {
        display: none;
    }
}