/* =============================================
   AIH - Advanced International Hospital
   100% Pixel-Perfect Frontend Clone
   Colors: Red #ED2024 | Blue #092e6e
   Font: Poppins + Good Timing Bold
   ============================================= */

/* Custom Font: Good Timing Bold (same as aih.com.pk EMERGENCY title) */
@font-face {
    font-family: 'Good Timing';
    src: url('../fonts/good_timing/good timing bd.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

:root {
    --aih-red: #ED2024;
    --aih-blue: #092e6e;             /* Original primary deep blue */
    --aih-blue-accent: #ED2024;      /* Accent color reverted to red */
    --aih-text-charcoal: #3b3d42;
    --aih-border: #e8e8e8;
    --aih-text: #3b3d42;
    --aih-gray: #f8f9fa;
}

/* ---------- RESET & BASE ---------- */
*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    font-family: 'Poppins', sans-serif;
    margin: 0;
    padding: 0;
    background: #fff;
    color: var(--aih-text);
    overflow-x: hidden;
    line-height: 1.6;
}

a {
    text-decoration: none !important;
}

.container {
    max-width: 1430px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.aih-top-header .container,
.aih-nav-bar .container,
.aih-hero-overlay .container,
.aih-quick-actions .container,
.aih-footer-final .container {
    max-width: 1430px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.aih-header {
    background: #fff;
    position: static;
    z-index: 999;
}

/* --- Top Row --- */
.aih-top-header {
    padding: 6px 0;
    background: #fff;
    transition: opacity 0.3s ease;
}


.aih-header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 70px;
}

.aih-logo {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.aih-logo img {
    max-height: 60px;
    width: auto;
    object-fit: contain;
    display: block;
}

/* --- Desktop Top Header Red Pill Container --- */
.aih-ticker-pill-container {
    background-color: var(--aih-red);
    border-radius: 50px;
    padding: 8px 12px 8px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 1;
    margin-left: 40px;
    max-width: calc(100% - 280px);
    height: 48px;
    box-shadow: 0 4px 15px rgba(237, 32, 36, 0.2);
}

.aih-marquee-wrapper {
    flex-grow: 1;
    overflow: hidden;
    margin-right: 20px;
    display: flex;
    align-items: center;
}

.header_tp_sec_white {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 13.5px;
    color: #ffffff !important;
}

.aih-phone-wrapper {
    flex-shrink: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    padding-left: 20px;
    height: 100%;
    display: flex;
    align-items: center;
}

.aih-phone-pill-link {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
}

.aih-phone-circle-white {
    width: 28px;
    height: 28px;
    background-color: #ffffff;
    color: var(--aih-red);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    transition: all 0.3s ease;
}

.aih-phone-text-white {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: #ffffff !important;
    white-space: nowrap;
}

.aih-phone-pill-link:hover .aih-phone-circle-white {
    transform: scale(1.1);
}

/* --- Navigation Row --- */
.aih-nav-bar {
    background-color: #ffffff !important;
    border-top: 1px solid #e8e8e8;
    padding: 12px 0;
    z-index: 9999 !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    width: 100% !important;
    position: sticky;
    top: 0;
}





.aih-nav-bar .container {
    position: relative;
}

.aih-nav-menu {
    display: flex;
    justify-content: center;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.aih-nav-item {
    border: 1px solid var(--aih-red) !important;
    border-radius: 5px;
    transition: all 0.2s ease;
    background: #fff;
    position: relative;
    margin: 0 4px;
}

.aih-nav-item.mega-dropdown-parent {
    position: static;
}

.aih-nav-link {
    display: flex;
    align-items: center;
    padding: 6px 16px;
    gap: 8px;
    color: var(--aih-red) !important;
    font-weight: 500;
    font-size: 13.5px;
    white-space: nowrap;
}

.aih-nav-link i {
    color: var(--aih-red) !important;
    font-size: 14px;
}

.aih-nav-item:hover {
    background: var(--aih-blue) !important;
    border-color: var(--aih-blue) !important;
}

.aih-nav-item.active {
    background: var(--aih-blue) !important;
    border-color: var(--aih-blue) !important;
}

.aih-nav-item:hover .aih-nav-link {
    color: #fff !important;
}

.aih-nav-item.active .aih-nav-link {
    color: #fff !important;
}

.aih-nav-item:hover .aih-nav-link i {
    color: #fff !important;
}

.aih-nav-item.active .aih-nav-link i,
.aih-nav-item.active .aih-nav-link .fa-chevron-down {
    color: #fff !important;
}

/* Mega Menu */
.aih-mega-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 30px); max-width: 1100px;
    background: #fff;
    border-radius: 0 0 12px 12px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
    display: none;
    z-index: 3000;
    border-top: 4px solid var(--aih-blue);
    overflow: hidden;
}

.aih-nav-item.dropdown:hover > .aih-nav-link {
    background: var(--aih-blue) !important;
    color: #fff !important;
    border-color: var(--aih-blue) !important;
}

.aih-nav-item.dropdown:hover > .aih-nav-link i {
    color: #fff !important;
}

.aih-nav-item.dropdown:hover .aih-mega-menu {
    display: flex;
}

.aih-mega-sidebar {
    width: 200px; /* Adjusted to match screenshot ratio */
    background: var(--aih-blue);
    padding: 30px 20px;
    flex-shrink: 0;
}

.aih-tab-trigger {
    display: block;
    padding: 18px 15px;
    background: #fff;
    color: #444 !important;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s;
    border-radius: 4px;
    margin-bottom: 25px;
    text-align: center;
}

.aih-tab-trigger:last-child {
    margin-bottom: 0;
}

.aih-tab-trigger:hover,
.aih-tab-trigger.active {
    background: var(--aih-blue-accent);
    color: #fff !important;
}

.aih-mega-content-wrapper {
    flex-grow: 1;
    background: #fff;
    padding: 25px 35px;
    min-height: 400px;
}

.aih-tab-content {
    display: none;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 25px;
}

.aih-tab-content.active {
    display: grid;
}

.aih-dept-item {
    display: flex;
    align-items: center;
    padding: 12px 0;
    color: #333 !important;
    font-size: 13.5px;
    font-weight: 500;
    transition: all 0.2s;
    border-bottom: 1px solid #efefef;
}

.aih-dept-item:hover {
    padding-left: 5px;
    color: var(--aih-blue-accent) !important;
}

.aih-dept-item i {
    color: var(--aih-blue);
    margin-right: 12px;
    width: 24px;
    font-size: 18px;
    text-align: center;
}

.aih-dept-item:hover {
    color: var(--aih-blue-accent) !important;
    padding-left: 5px;
}

.aih-dept-item:hover i {
    color: var(--aih-red);
}

/* Simple Dropdown */
.aih-simple-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 210px;
    background: #fff;
    border-top: 4px solid var(--aih-blue);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
    display: none;
    z-index: 3000;
    padding: 8px 0;
    border-radius: 0 0 10px 10px;
}

.aih-nav-item.dropdown:hover .aih-simple-dropdown {
    display: block;
}

.aih-simple-dropdown a {
    display: flex;
    align-items: center;
    padding: 10px 18px;
    color: #444 !important;
    font-size: 13.5px;
    font-weight: 500;
    transition: all 0.2s;
    gap: 10px;
}

.aih-simple-dropdown a i {
    color: var(--aih-red);
    width: 16px;
}

.aih-simple-dropdown a:hover {
    background: #fef2f2;
    color: var(--aih-blue-accent) !important;
}

/* Responsive adjustments for Mega Menu on smaller screens */
@media (max-width: 1200px) {
    .aih-mega-menu {
        max-width: 1000px;
    }
    .aih-mega-sidebar {
        width: 180px;
        padding: 25px 15px;
    }
    .aih-mega-content-wrapper {
        padding: 20px 25px;
        min-height: 380px;
    }
    .aih-tab-content {
        gap: 0 15px;
    }
    .aih-dept-item {
        font-size: 13px;
        padding: 10px 0;
    }
}

/* Sticky Header */
.aih-header.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
    animation: slideDown 0.35s ease;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-100%);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Push content below sticky header */
body.is-sticky-active {
    padding-top: 128px;
}

/* =========================================
   HERO SLIDER
   ========================================= */
.aih-hero-slider-unit {
    height: 600px;
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #092e6e 0%, #092e6e 50%, #00317a 100%);
}

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

.carousel-item {
    height: 100%;
    background: linear-gradient(135deg, #092e6e 0%, #092e6e 60%, #003070 100%);
    position: relative;
}

/* Slide 1 (Sunday Clinic) - white/light background fallback */
.carousel-item:first-child {
    background: linear-gradient(135deg, #f0f4ff 0%, #e8effa 100%);
}

.carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center bottom !important;
}

.carousel-item picture {
    display: block;
    width: 100%;
    height: 100%;
}

/* Mobile Navigation Hamburger Menu styles */
.aih-mobile-menu-toggle {
    display: none;
    background: transparent;
    border: none;
    font-size: 26px;
    color: var(--aih-blue);
    cursor: pointer;
    padding: 8px;
    transition: color 0.3s ease;
    align-items: center;
    justify-content: center;
}

.aih-mobile-menu-toggle:hover {
    color: var(--aih-red);
}

.emergency-icon {
    height: 45px !important;
    width: auto !important;
    margin-left: 8px;
    display: inline-block;
    vertical-align: middle;
    mix-blend-mode: multiply;
}

@media (max-width: 991px) {
    .aih-header {
        position: sticky !important;
        top: 0;
        z-index: 9999 !important;
        background: #ffffff !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
        border-bottom: 1px solid #eeeeee;
    }
    .aih-mobile-menu-toggle {
        display: flex !important;
    }
    .aih-nav-bar {
        display: none !important; /* hide header nav bar by default on mobile */
        position: absolute;
        top: 82px; /* directly below header row */
        left: 0;
        width: 100% !important;
        background: #ffffff !important;
        box-shadow: 0 10px 25px rgba(0,0,0,0.1) !important;
        border-top: 1px solid #e8e8e8;
        padding: 10px 0 !important;
        z-index: 99999 !important;
    }
    .aih-nav-bar.active {
        display: block !important;
    }
    .aih-nav-menu {
        flex-direction: column !important;
        gap: 0 !important;
        display: flex !important; /* override d-none on mobile */
    }
    .aih-nav-item {
        width: 100%;
        border: none !important;
        margin: 0 !important;
    }
    .aih-nav-link {
        padding: 12px 24px !important;
        display: block;
        border-bottom: 1px solid #f2f2f2;
        width: 100%;
        text-align: left;
    }
    .aih-nav-item:last-child .aih-nav-link {
        border-bottom: none;
    }
    /* Simple Dropdown behavior on mobile */
    .aih-nav-item:hover .aih-simple-dropdown {
        display: block !important;
        position: static !important;
        box-shadow: none !important;
        background: #fdfdfd !important;
        padding-left: 20px !important;
    }
    .aih-simple-dropdown a {
        border-bottom: 1px solid #f9f9f9;
    }

    .aih-hero-slider-unit {
        height: 520px !important;
    }
    .aih-hero-text {
        max-width: 680px;
        margin-top: 0;
        background: rgba(255, 255, 255, 0.85);
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
        padding: 30px;
        border-radius: 10px;
        border: 1px solid rgba(255, 255, 255, 0.4);
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        margin-left: auto;
        margin-right: auto;
    }
    .sunday-title {
        font-size: 54px !important;
        letter-spacing: -2px !important;
    }
    .emergency-title {
        font-size: 50px !important;
        letter-spacing: -1px !important;
    }
    .emergency-icon {
        display: inline-block !important;
        vertical-align: middle !important;
        height: 35px !important;
        width: auto !important;
        margin-left: 8px !important;
        position: static !important;
        transform: none !important;
    }
    .hero-subtext {
        font-size: 22px !important;
    }
    .hero-desc {
        font-size: 15px !important;
        margin-bottom: 20px !important;
    }
    .sunday-services {
        margin-bottom: 20px !important;
    }
    .service-list li {
        font-size: 15px !important;
        margin-bottom: 8px !important;
    }
    .btn-aih-book-red {
        padding: 12px 30px !important;
        font-size: 16px !important;
    }
}


/* ─── MOBILE HERO: ≤768px ─── */
@media (max-width: 768px) {

    /* 1. Slider: auto-height so portrait mobile images render fully */
    .aih-hero-slider-unit {
        height: auto !important;
        min-height: 0 !important;
    }
    #aihCarousel,
    .carousel-inner {
        height: auto !important;
    }
    .carousel-item {
        height: auto !important;
        position: relative !important;  /* needed so absolute overlay works */
    }

    /* 2. Mobile image: full width, natural height */
    .carousel-item picture {
        display: block !important;
        width: 100% !important;
        height: auto !important;
    }
    .carousel-item img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
    }

    /* 3. Overlay: ABSOLUTE on top of image, aligned to BOTTOM */
    .aih-hero-overlay:not(.d-none) {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background: transparent !important;
        display: flex !important;
        align-items: flex-end !important;
        padding-bottom: 45px !important; /* above carousel dots */
    }

    /* 4. Text box: transparent background to overlay on mobile faded image */
    .aih-hero-text {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 10px 15px !important;
        background: transparent !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        border: none !important;
    }
    
    .emergency-slide .aih-hero-text {
        background: #ffffff !important;
        padding: 25px 20px !important;
        position: relative !important;
    }


    /* 5. Typography */
    .sunday-title {
        font-size: 28px !important;
        letter-spacing: -1px !important;
        line-height: 1.1 !important;
    }
    .emergency-title {
        font-size: 28px !important;
        letter-spacing: 0 !important;
        line-height: 1.1 !important;
        color: #e3000f !important;
        font-weight: 800 !important;
        margin-bottom: 5px !important;
    }
    .carousel-item img.emergency-icon {
        position: absolute !important;
        right: 10px !important;
        bottom: 20px !important;
        top: auto !important;
        transform: none !important;
        width: 80px !important;
        height: auto !important;
        display: block !important;
        z-index: 99 !important;
        mix-blend-mode: normal !important;
    }
    .emergency-header-wrap {
        margin-bottom: 4px !important;
    }
    .hero-subtext {
        font-size: 14px !important;
        margin-top: 4px !important;
        margin-bottom: 4px !important;
        color: #1a1a1a !important;
    }
    .emergency-hr {
        display: none !important;
    }

    /* 6. Description text — visible on mobile */
    .hero-desc {
        display: block !important;
        font-size: 12px !important;
        color: #444 !important;
        margin-bottom: 10px !important;
        line-height: 1.5 !important;
    }

    /* 7. Service links */
    .sunday-services {
        margin-bottom: 10px !important;
    }
    .service-list {
        padding: 0 !important;
    }
    .service-list li {
        font-size: 12px !important;
        font-weight: 600 !important;
        margin-bottom: 5px !important;
    }
    .service-list li a {
        gap: 6px !important;
        color: #111 !important;
    }
    .service-list li a i {
        color: var(--aih-blue) !important;
        font-size: 12px !important;
    }

    /* 8. Button */
    .btn-aih-book-red {
        padding: 8px 18px !important;
        font-size: 12px !important;
        display: inline-block !important;
        margin-top: 4px !important;
    }

    /* 9. Carousel indicators: just above bottom edge */
    .carousel-indicators {
        bottom: 8px !important;
        margin-bottom: 0 !important;
    }
    .carousel-control-prev,
    .carousel-control-next {
        display: none !important;
    }
}



/* New Hero Overlay Content */
.aih-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    background: transparent;
}

.aih-hero-text {
    max-width: 800px;
    padding-left: 0px;
    margin-top: -60px;
    /* Shifted upwards */
}

.aih-hero-tagline {
    position: absolute;
    top: 20px;
    right: -10px;
    /* Closer to top right corner */
    display: flex;
    align-items: center;
    z-index: 60;
}

.emergency-header-wrap {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 5px;
}

.emergency-title {
    font-family: 'Good Timing', 'Montserrat', sans-serif;
    font-size: 82px;
    font-weight: bold;
    color: var(--aih-red);
    margin: 0;
    line-height: 0.85;
    letter-spacing: -2px;
    text-transform: uppercase;
}

.hero-blue-title {
    font-size: 52px;
    font-weight: 900;
    color: var(--aih-blue);
    margin-bottom: 20px;
    line-height: 1.1;
}

.hero-subtext {
    font-family: 'Poppins', sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 5px;
    margin-top: 15px;
    letter-spacing: 0px;
}

.emergency-hr {
    border: none;
    height: 1px;
    background-color: #333;
    max-width: 400px;
    margin: 8px 0 15px 0;
    opacity: 0.4;
}

/* Sunday ODP Clinic Styles */
.sunday-title {
    font-family: 'Good Timing', 'Montserrat', sans-serif;
    font-size: 88px;
    font-weight: bold;
    color: var(--aih-blue);
    margin: 0;
    line-height: 0.85;
    letter-spacing: -4px;
    text-transform: uppercase;
}

.sunday-title .text-red {
    color: var(--aih-red);
}

.sunday-services {
    margin-bottom: 25px;
    max-width: 500px;
}

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

.service-list li {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
}

.service-list li a {
    color: #000;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.3s ease;
}

.service-list li a i {
    color: var(--aih-blue);
    font-size: 14px;
    transition: color 0.3s ease;
}

.service-list li a:hover {
    color: var(--aih-red);
    transform: translateX(5px);
}

.service-list li a:hover i {
    color: var(--aih-red);
}

/* Floating Discount Badge */
.sunday-discount-badge {
    position: absolute;
    bottom: -40px;
    right: 0;
    background: #fff;
    padding: 25px 40px;
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.15);
    z-index: 100;
    border-radius: 0;
}

.badge-content {
    display: flex;
    align-items: center;
    gap: 30px;
}

.badge-item {
    text-align: center;
}

.badge-item .perc {
    display: block;
    font-size: 48px;
    font-weight: 900;
    color: var(--aih-red);
    line-height: 1;
}

.badge-item .label {
    display: block;
    font-size: 12px;
    font-weight: 800;
    color: #333;
    letter-spacing: 1px;
}

.badge-item .dept {
    display: block;
    font-size: 18px;
    font-weight: 900;
    color: #1a1a1a;
    text-transform: uppercase;
}

.badge-divider {
    width: 2px;
    height: 80px;
    background: #000;
}

.hero-desc {
    font-family: 'Poppins', sans-serif;
    font-size: 19px;
    color: #000;
    line-height: 1.75;
    margin-bottom: 30px;
    max-width: 550px;
    font-weight: 500;
}

.specialties-text {
    font-size: 18px;
    font-weight: 700 !important;
    color: var(--aih-blue-accent) !important;
    margin-bottom: 30px;
}

.btn-aih-book-red {
    background: var(--aih-blue-accent);
    color: #fff !important;
    padding: 16px 48px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 18px;
    display: inline-block;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(237, 32, 36, 0.25);
    text-decoration: none !important;
    border: none;
    cursor: pointer;
    letter-spacing: 0.5px;
}

.btn-aih-book-red:hover {
    background: #d01519;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(237, 32, 36, 0.35);
}

.btn-aih-book-main {
    background: var(--aih-blue);
    color: #fff !important;
    padding: 14px 40px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 16px;
    display: inline-block;
    transition: all 0.3s;
    box-shadow: 0 5px 15px rgba(0, 74, 142, 0.2);
}

.btn-aih-book-main:hover {
    background: var(--aih-red);
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(237, 32, 36, 0.3);
}

/* Carousel indicators */
.carousel-indicators [data-bs-target] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #ccc;
    border: none;
    opacity: 1;
    margin: 0 5px;
}

.carousel-indicators .active {
    background: var(--aih-red);
}

/* Carousel Controls */
.carousel-control-prev,
.carousel-control-next {
    width: 5%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 40px;
    height: 40px;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    background-size: 50%;
}

/* Slanted Banner at Bottom of Slider (Restored for parity) */
.aih-hero-slant-banner {
    position: absolute;
    bottom: 20px !important;
    right: 0;
    display: flex;
    z-index: 70;
}

.slant-part {
    padding: 15px 45px;
    color: #fff;
    font-weight: 800;
    font-size: 38px;
    transform: skewX(-25deg);
    margin-right: -20px;
}

.red-part {
    background: var(--aih-red);
}

.blue-part {
    background: var(--aih-blue);
    padding-right: 80px;
}

.slant-part {
    display: flex;
    align-items: center;
}

/* Floating Discount Badges */
.aih-floating-badges {
    position: absolute;
    right: 3%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 60;
    flex-direction: column;
    gap: 14px;
}

.discount-badge {
    background: #fff;
    padding: 14px 18px;
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
    text-align: center;
    min-width: 130px;
    border: 1px solid #f0f0f0;
    animation: floatBadge 3s ease-in-out infinite;
}

.discount-badge:nth-child(2) {
    animation-delay: 1.5s;
}

@keyframes floatBadge {

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

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

.discount-badge .perc {
    display: block;
    font-size: 30px;
    font-weight: 900;
    color: var(--aih-red);
    line-height: 1;
}

.discount-badge .label {
    display: block;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #888;
    margin-top: 4px;
}

.discount-badge .dept {
    display: block;
    font-size: 14px;
    font-weight: 800;
    color: var(--aih-blue);
    margin-top: 2px;
}


/* =========================================
   QUICK ACTION BAR
   ========================================= */
.aih-quick-actions {
    background: transparent;
    margin-bottom: 0px !important;
    padding-bottom: 0 !important;
    display: flex;
    flex-wrap: wrap;
}
/* removed container-fluid */
.aih-quick-actions .row {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}
.aih-action-box {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px 24px;
    color: #fff !important;
    transition: all 0.3s ease;
    text-decoration: none !important;
    cursor: pointer;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

.bg-red {
    background: var(--aih-red);
}

.bg-red-dark {
    background: var(--aih-dark-red);
}

.bg-blue {
    background: var(--aih-blue) !important;
}

.bg-blue-dark {
    background: var(--aih-blue-accent) !important;
}

.aih-action-box:hover {
    filter: brightness(0.95);
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

.aih-action-icon {
    font-size: 38px;
    margin-right: 18px;
}

.aih-action-text {
    font-size: 22px;
    font-weight: 800;
    text-transform: uppercase;
}




.aih-section-title {
    font-size: 34px;
    font-weight: 800;
    color: var(--aih-blue);
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 14px;
}

/* Red CTA Button */
.btn-aih-red {
    background: var(--aih-red);
    color: #fff !important;
    padding: 12px 34px;
    border-radius: 6px;
    font-weight: 700;
    font-size: 14px;
    display: inline-block;
    transition: all 0.3s;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.btn-aih-red:hover {
    background: var(--aih-dark-red);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(237, 32, 36, 0.4);
}

/* =========================================
   SPECIALTIES GRID
   ========================================= */
.aih-specialties {
    padding: 70px 0;
    background: var(--aih-gray);
}

.aih-spec-card {
    display: block;
    background: #fff;
    padding: 36px 24px;
    text-align: center;
    border-radius: 12px;
    color: var(--aih-blue) !important;
    transition: all 0.35s ease;
    border: 1px solid #e8e8e8;
    height: 100%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.aih-spec-card:hover {
    background: var(--aih-blue);
    color: #fff !important;
    transform: translateY(-6px);
    box-shadow: 0 12px 28px rgba(0, 74, 142, 0.16);
}

.aih-spec-icon {
    font-size: 38px;
    margin-bottom: 16px;
    color: var(--aih-red);
    transition: color 0.3s;
}

.aih-spec-card:hover .aih-spec-icon {
    color: #fff;
}

.aih-spec-card h5 {
    font-size: 15px;
    font-weight: 700;
    margin: 0;
}

/* =========================================
   SECTION HEADING (Centered)
   ========================================= */
.aih-center-title {
    text-align: center;
    margin-bottom: 50px;
}

.aih-center-title h2 {
    font-size: 36px;
    font-weight: 800;
    color: var(--aih-blue);
    text-transform: uppercase;
    position: relative;
    padding-bottom: 18px;
    display: inline-block;
    letter-spacing: 0.5px;
}

.aih-center-title h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 70px;
    height: 4px;
    background: var(--aih-red);
    border-radius: 2px;
}

.aih-center-title p {
    color: #666;
    font-size: 15px;
    margin-top: 10px;
}

/* =========================================
   OUR PROFESSIONALS
   ========================================= */
.our-professionals {
    padding: 75px 0;
    background: #fff;
}

.dept-group-title {
    padding: 14px 28px;
    border-left: 5px solid var(--aih-red);
    background: var(--aih-gray);
    margin: 45px 0 28px;
    font-size: 20px;
    font-weight: 700;
    color: var(--aih-blue);
    border-radius: 0 6px 6px 0;
}

.doctor-card {
    background: #fff;
    border-radius: 12px;
    padding: 28px 22px;
    text-align: center;
    border: 1px solid #e8e8e8;
    transition: all 0.35s ease;
    height: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.doctor-card:hover {
    box-shadow: 0 12px 32px rgba(0, 74, 142, 0.12);
    transform: translateY(-5px);
    border-color: #e8e8e8;
}

.experience-badge {
    position: absolute;
    top: 14px;
    right: 14px;
    background: var(--aih-gray);
    color: #666;
    font-size: 10px;
    font-weight: 700;
    padding: 4px 9px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.doctor-image {
    width: 140px;
    height: 140px;
    margin: 0 auto 18px;
    border-radius: 50%;
    border: 3px solid #eee;
    overflow: hidden;
}

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

.doctor-name {
    font-size: 16px;
    font-weight: 800;
    color: var(--aih-red);
    margin-bottom: 5px;
    line-height: 1.3;
}

.doctor-specialty {
    font-size: 13px;
    font-weight: 700;
    color: #444;
    margin-bottom: 2.5px;
}

.doctor-qualifications {
    font-size: 12px;
    color: #888;
    margin-bottom: 20px;
    line-height: 1.5;
}

.card-buttons {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.btn-book-doc {
    background: var(--aih-red);
    color: #fff !important;
    padding: 10px;
    border-radius: 6px;
    font-weight: 700;
    font-size: 13px;
    display: block;
    transition: background 0.2s;
}

.btn-book-doc:hover {
    background: var(--aih-dark-red);
}

.btn-view-doc {
    border: 2px solid var(--aih-red);
    color: var(--aih-blue-accent) !important;
    padding: 8px;
    border-radius: 6px;
    font-weight: 700;
    font-size: 13px;
    display: block;
    transition: all 0.2s;
}

.btn-view-doc:hover {
    background: var(--aih-red);
    color: #fff !important;
}

/* =========================================
   FOOTER
   ========================================= */
.aih-new-footer {
    background: #fff;
    padding-top: 60px;
    border-top: 1px solid #e8e8e8;
    color: #444;
}

.footer-heading {
    color: var(--aih-blue);
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 22px;
    position: relative;
}

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

.footer-list li {
    margin-bottom: 11px;
}

.footer-list li a {
    color: #555 !important;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: color 0.2s;
}

.footer-list li a i {
    color: var(--aih-blue);
    font-size: 12px;
}

.footer-list li a:hover {
    color: var(--aih-blue-accent) !important;
}

.footer-contact-info p {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 14px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
}

.footer-contact-info p i {
    color: var(--aih-blue);
    margin-top: 3px;
    min-width: 15px;
}

.footer-social-new {
    display: flex;
    gap: 8px;
    margin-top: 22px;
}

.footer-social-new a {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    color: #fff !important;
    font-size: 15px;
    transition: opacity 0.2s;
}

.footer-social-new a.fb {
    background: #3b5998;
}

.footer-social-new a.yt {
    background: #ff0000;
}

.footer-social-new a.ig {
    background: #111;
}

.footer-social-new a.li {
    background: #0077b5;
}

.footer-social-new a:hover {
    opacity: 0.8;
}

.footer-bottom-new {
    background: #fff;
    padding: 18px 0;
    margin-top: 45px;
    border-top: 1px solid #e8e8e8;
    font-size: 13px;
    color: #777;
}

.footer-bottom-new p {
    margin: 0 0 4px;
    line-height: 1.7;
}

.footer-bottom-new a {
    color: var(--aih-blue) !important;
    font-weight: 600;
}

/* =========================================
   RESPONSIVE
   ========================================= */
@media (max-width: 991px) {

    .aih-nav-menu,
    .aih-ticker-box,
    .aih-floating-badges,
    .banner-overlay-container {
        display: none !important;
    }

    .aih-slider-caption h1 {
        font-size: 32px;
    }

    .aih-action-text {
        font-size: 16px;
    }

    .aih-action-icon {
        font-size: 28px;
        margin-right: 10px;
    }
}

@media (max-width: 576px) {
    .aih-slider-caption {
        left: 4%;
    }

    .aih-slider-caption h1 {
        font-size: 24px;
    }

    .aih-hero-list {
        grid-template-columns: 1fr;
    }

    .aih-action-box {
        flex-direction: column;
        padding: 20px;
    }

    .aih-action-icon {
        margin-right: 0;
        margin-bottom: 6px;
    }
}

/* =========================================
   SPECIALTIES & PROFESSIONALS (Clone V2)
   ========================================= */

/* --- Our Specialties Section --- */
.aih-specialties {
    background: #fdfdfd;
}

.aih-center-title h2 {
    color: var(--aih-blue);
    font-weight: 700;
    font-size: 36px;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
}

.aih-center-title h2::after {
    content: '';
    width: 60px;
    height: 3px;
    background: var(--aih-red);
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
}

.aih-spec-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px 15px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 15px;
    transition: all 0.3s ease;
    text-decoration: none;
    height: 100%;
    text-align: center;
}

.aih-spec-card:hover {
    background: var(--aih-blue);
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,74,142,0.15);
}

.aih-spec-icon {
    font-size: 35px;
    color: var(--aih-red);
    margin-bottom: 15px;
    transition: all 0.3s ease;
}

.aih-spec-card:hover .aih-spec-icon {
    color: #fff;
    transform: scale(1.1);
}

.aih-spec-card h5 {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin: 0;
    transition: all 0.3s ease;
}

.aih-spec-card:hover h5 {
    color: #fff;
}

/* --- Our Professionals --- */
.doctor-card {
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
    padding-bottom: 20px;
    border: 1px solid #f0f0f0;
    margin-bottom: 30px;
}

.doctor-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}

.doctor-image {
    width: 100%;
    height: 250px;
    background: #f8f9fa;
    overflow: hidden;
    position: relative;
}

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

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

.doctor-name {
    margin-top: 15px;
    font-size: 18px;
    font-weight: 700;
    color: var(--aih-blue);
    padding: 0 15px;
}

.doctor-specialty {
    font-size: 14px;
    color: var(--aih-red);
    font-weight: 500;
    margin-bottom: 0;
    padding: 0 15px;
}

/* --- Footer Refinement --- */
.aih-new-footer {
    background: #002e5a;
    color: #fff;
    padding: 80px 0 0;
}

.footer-heading {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 10px;
    color: #fff;
}

.footer-heading::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 2px;
    background: var(--aih-red);
}

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

.footer-list li {
    margin-bottom: 12px;
}

.footer-list a {
    color: rgba(255,255,255,0.8);
    text-decoration: none;
    font-size: 14px;
    transition: all 0.2s ease;
}

.footer-list a:hover {
    color: var(--aih-red);
    padding-left: 5px;
}

.footer-contact-info p {
    font-size: 14px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgba(255,255,255,0.8);
}

.footer-contact-info i {
    color: var(--aih-red);
}

.footer-social-new {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}

.footer-social-new a {
    width: 35px;
    height: 35px;
    background: rgba(255,255,255,0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease;
}

.footer-social-new a:hover {
    background: var(--aih-red);
    transform: rotate(360deg);
}

.footer-bottom-new {
    background: #002548;
    padding: 20px 0;
    margin-top: 50px;
    font-size: 13px;
    color: rgba(255,255,255,0.6);
}

.footer-bottom-new a {
    color: #fff;
    text-decoration: none;
}

/* --- Booking CTA --- */
.aih-booking-cta {
    background: linear-gradient(135deg, var(--aih-red) 0%, #b3191c 100%);
    padding: 60px 0;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.aih-booking-cta h2 {
    font-weight: 800;
    font-size: 32px;
    margin-bottom: 15px;
    color: #fff;
}

.aih-booking-cta p {
    font-size: 18px;
    opacity: 0.9;
    margin-bottom: 0;
}

.btn-white-aih {
    background: #fff;
    color: var(--aih-red);
    font-weight: 700;
    padding: 12px 35px;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-block;
    border: 2px solid #fff;
}

.btn-white-aih:hover {
    background: transparent;
    color: #fff;
}

/* --- Panel Companies --- */
.aih-panels-section {
    background: #fff;
    padding: 80px 0;
    border-top: 1px solid #eee;
}

.panel-logo-container {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 30px;
    opacity: 0.7;
    transition: all 0.5s ease;
}

.panel-logo-container:hover {
    opacity: 1;
}

.panel-logo-item {
    padding: 15px 25px;
    border: 1px solid #eee;
    border-radius: 12px;
    background: #fdfdfd;
    transition: all 0.3s ease;
    color: #555;
    font-weight: 800;
    font-size: 20px;
}

.panel-logo-item:hover {
    background: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    transform: translateY(-3px);
}

/* =========================================
   FINAL ACCURATE FOOTER (aih.com.pk Mirror)
   ========================================= */
.aih-footer-final {
    background: #ffffff;
    color: #333;
    padding: 70px 0 30px;
    border-top: 1px solid #e8e8e8;
    font-family: 'Poppins', sans-serif;
    margin-top: 60px;
}

.footer-col-title {
    font-size: 18px;
    font-weight: 700;
    color: #092e6e;
    margin-bottom: 25px;
    position: relative;
    letter-spacing: 0.3px;
}

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

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

.footer-links-list li a {
    color: #444;
    text-decoration: none;
    font-size: 15px;
    transition: all 0.3s;
    display: flex;
    align-items: center;
}

.footer-links-list li a i {
    color: #092e6e;
    font-size: 14px;
    margin-right: 12px;
}

.footer-links-list li a:hover {
    color: #092e6e;
    padding-left: 5px;
}

.contact-info-item {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    color: #444;
    font-size: 15px;
}

.contact-info-item i {
    color: #092e6e;
    font-size: 16px;
    margin-right: 15px;
}

.footer-social-icons {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}

.social-icon-btn {
    width: 35px;
    height: 35px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s;
    font-size: 14px;
}

.social-icon-btn.fb { background: #3b5998; }
.social-icon-btn.yt { background: #ff0000; }
.social-icon-btn.ig { background: #333; }
.social-icon-btn.li { background: #0077b5; }

.footer-bottom-bar {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #eee;
    text-align: center;
    font-size: 14px;
    color: #777;
}

.footer-bottom-bar a {
    color: #444;
    text-decoration: none;
    font-weight: 600;
}

/* --- About Bottom Info Bar --- */
.aih-about-bottom-info {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    z-index: 20;
    margin-top: 50px; /* Add some space from the glass box */
}

    background: #ED2024;
    width: 35%;
    padding: 30px 60px;
    color: #fff;
}

    background: #092e6e;
    width: 65%;
    padding: 30px 60px;
    color: #fff;
    display: flex;
    align-items: center;
}

    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
}

    list-style: none;
    padding: 0;
    margin: 0;
}

    font-size: 16px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}

    margin-right: 12px;
    font-size: 14px;
}

/* --- Our Professionals Section (Expert Mirror Clone) --- */
.aih-professionals-section {
    padding: 80px 0;
    background: #f9f9f9;
    font-family: 'Montserrat', sans-serif !important;
}

.aih-pros-red-bar {
    background: #ED2024;
    color: #fff;
    text-align: center;
    padding: 18px 0;
    margin: 30px auto 50px;
    max-width: 1140px;
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(237, 32, 36, 0.15);
}

.aih-pros-red-bar h2 {
    margin: 0;
    font-size: 28px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif !important;
    letter-spacing: 0.5px;
}

.aih-dept-box {
    background: #ffffff;
    padding: 30px 20px;
    margin-bottom: 20px;
    border-radius: 0;
    box-shadow: 0 2px 15px rgba(0,0,0,0.03);
}

.aih-pros-dept-title {
    color: #092e6e; /* Match official secondary blue */
    text-align: center;
    font-size: 24px; /* Reduced from 30px */
    font-weight: 500; /* Removed bold */
    margin-bottom: 25px; /* Reduced margin */
    font-family: 'Montserrat', sans-serif !important;
}

/* Precise Column Dividers */
.pro-col-divider {
    border-right: 1px solid #dcdcdc;
}

.aih-pro-card {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 15px;
    background: transparent;
    width: 100%;
    transition: all 0.3s ease;
}

.aih-pro-card:hover {
    transform: translateY(-5px);
}

.aih-pro-img-wrap {
    flex: 0 0 115px;
    height: 115px;
    width: 115px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px;
    background: #f0f4f8;
    border: none;
}

.aih-pro-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.aih-pro-content {
    flex: 1;
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    min-width: 0;
}

.aih-pro-exp-tag {
    background: #cddbe5;
    color: #444;
    padding: 3px 10px;
    font-size: 10px;
    font-weight: 500;
    border-radius: 4px;
    text-transform: none;
    margin-bottom: 8px;
    display: inline-block;
}

.aih-pro-name {
    color: #092e6e;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 5px;
    font-family: 'Montserrat', sans-serif !important;
}

.aih-pro-title {
    font-size: 12px;
    color: #555;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 3px;
    font-family: 'Montserrat', sans-serif !important;
}

.aih-pro-quals {
    font-size: 11px;
    color: #555; 
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 12px;
    font-family: 'Montserrat', sans-serif !important;
}

.aih-pro-btns {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    width: 100%;
}

.btn-pro-book,
.btn-pro-view {
    background: #ED2024;
    color: #fff;
    border: none;
    padding: 5px 12px;
    font-size: 11px;
    font-weight: 500;
    border-radius: 4px;
    transition: all 0.3s;
    white-space: nowrap;
    font-family: 'Montserrat', sans-serif !important;
}

.btn-pro-book:hover,
.btn-pro-view:hover {
    background: #d01519;
    transform: translateY(-2px);
}

/* Responsive Overrides */
@media (max-width: 991px) {
    .pro-col-divider {
        border-right: none;
        border-bottom: 1px solid #dcdcdc;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    
    .aih-pro-card {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    
    .aih-pro-content {
        text-align: center;
        align-items: center;
    }
    
    .aih-pro-img-wrap {
        margin-right: 0;
        margin-bottom: 15px;
    }
    
    .aih-pro-btns {
        justify-content: center;
    }
}

.aih-professionals-section {
    padding: 0 0 60px 0;
    background: #f8f9fb;
}

.aih-nav-link .fa-chevron-down {
    font-size: 10px;
    margin-left: 2px;
    color: #444;
}

/* Simple Dropdown for Home and others */
.aih-simple-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 220px;
    background: #fff;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    display: none;
    z-index: 3000;
    border-top: 3px solid #092e6e;
    padding: 10px 0;
}

.aih-nav-item.dropdown:hover .aih-simple-dropdown {
    display: block;
}

.aih-simple-dropdown a {
    display: block;
    padding: 10px 20px;
    color: #444 !important;
    font-size: 14px;
    text-decoration: none !important;
    transition: all 0.2s;
}

.aih-simple-dropdown a:hover {
    background: #f1f5f9;
    color: #092e6e !important;
    padding-left: 25px;
}

.aih-simple-dropdown a i {
    margin-right: 10px;
    color: #092e6e;
}

/* JS Sticky Helper Class */
.sticky-fixed {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15) !important;
    animation: slideDown 0.3s ease-out;
}

@keyframes slideDown {
    from { transform: translateY(-100%); }
    to { transform: translateY(0); }
}

/* About Us Official Design */
.aih-about-banner {
    position: relative;
    height: 350px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.banner-slanted-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    z-index: 1;
}

.banner-slanted-bg .blue-part {
    width: 30%;
    background: #092e6e;
}

.banner-slanted-bg .red-part {
    width: 70%;
    background: #e31e24;
    position: relative;
    background-size: cover;
    background-position: center;
}

.banner-slanted-bg .red-part::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100px;
    width: 200px;
    height: 100%;
    background: inherit;
    transform: skewX(-15deg);
}

.banner-slanted-bg .red-part::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(227, 30, 36, 0.7); /* Red overlay */
}

.banner-content {
    position: relative;
    z-index: 2;
    color: #fff;
}

.banner-title {
    font-size: 3.5rem;
    font-weight: 800;
    text-transform: uppercase;
}

.section-title-blue {
    color: #092e6e;
    font-weight: 700;
    position: relative;
    padding-bottom: 10px;
}

.section-title-blue::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 3px;
    background: #e31e24;
}

.sub-heading-blue {
    color: #092e6e;
    font-weight: 600;
    margin-bottom: 15px;
}

.sub-heading-blue i {
    color: #e31e24;
    margin-right: 10px;
}

.mv-box {
    padding: 30px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    border-bottom: 4px solid #e31e24;
    transition: transform 0.3s ease;
}

.mv-box:hover {
    transform: translateY(-5px);
}

.mv-icon {
    font-size: 2.5rem;
    color: #092e6e;
    margin-bottom: 20px;
}

.value-list {
    list-style: none;
    padding: 0;
}

.value-list li {
    margin-bottom: 12px;
    display: flex;
    align-items: flex-start;
}

.value-list li i {
    color: #e31e24;
    margin-right: 12px;
    margin-top: 5px;
}

.aih-about-sidebar .sidebar-links li {
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

.aih-about-sidebar .sidebar-links li a {
    color: #333;
    text-decoration: none;
    transition: color 0.3s;
}

.aih-about-sidebar .sidebar-links li a:hover {
    color: #e31e24;
}


/* Animations for AIH Parity */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.about-text-content, .aih-about-sidebar, .mv-box, .content-block {
    animation: fadeInUp 0.8s ease-out forwards;
}

.mv-box:nth-child(1) { animation-delay: 0.2s; }
.mv-box:nth-child(2) { animation-delay: 0.4s; }


/* About New Section - Hospital Background Overlay */
    position: relative;
    background: url('../images/hospital-building.jpg') center center;
    background-size: cover;
    padding-top: 0; /* Action bar sits at top */
    min-height: 800px;
}

.aih-about-watermark {
    display: none; /* Hide old watermark as we have the real image now */
}

/* Layout for the overlay boxes */
    display: flex;
    gap: 0;
    margin-top: 40px;
    align-items: stretch;
}

    background: rgba(255, 255, 255, 0.95);
    padding: 40px;
    flex: 1;
    border-radius: 5px 0 0 5px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

    background: rgba(0, 74, 153, 0.95);
    padding: 40px;
    flex: 0.8;
    color: #fff;
    border-radius: 0 5px 5px 0;
}

    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 25px;
    border-bottom: 2px solid #e31e24;
    padding-bottom: 10px;
}

    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
}

    color: #fff;
    margin-right: 12px;
    font-size: 12px;
}

/* Red / Blue Bottom Boxes Fix */
.aih-about-bottom-info {
    display: flex;
    margin-top: 0; /* Join with the overlays */
}

    background: #e31e24;
    padding: 30px 40px;
    flex: 1;
    color: #fff;
}

    background: #003366;
    padding: 30px 40px;
    flex: 1;
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 1.6;
}

    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 20px;
}

    list-style: none;
    padding: 0;
}

    margin-bottom: 8px;
    display: flex;
    align-items: center;
}

    margin-right: 10px;
    font-size: 12px;
}


/* Integrated Quick Action Bar inside About Section */
    border-bottom: 2px solid #e31e24;
}

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: #e31e24;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    transition: background 0.3s;
    border-right: 1px solid rgba(255,255,255,0.2);
    text-transform: uppercase;
    font-size: 14px;
}

    background: #092e6e;
    color: #fff;
}

    font-size: 2rem;
    margin-bottom: 10px;
}

/* Red Overlay text tweak */
.text-red {
    color: #e31e24 !important;
}


/* =========================================
   ABOUT SECTION (100% aih.com.pk Clone)
   ========================================= */
.aih-about-new-section {
    position: relative;
    background: url('../images/hospital-building.jpg') no-repeat center center;
    background-size: cover;
    padding: 0;
    min-height: 700px;
    z-index: 1;
}

.aih-quick-actions-bar {
    position: relative;
    z-index: 10;
    display: flex;
    width: 100%;
}

.aih-top-action-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px;
    background: #e31e24;
    color: #fff;
    text-decoration: none;
    font-weight: 800;
    transition: all 0.3s;
    border-right: 1px solid rgba(255,255,255,0.2);
    text-transform: uppercase;
    font-size: 18px;
    flex: 1;
    gap: 15px;
}

.aih-top-action-btn:hover {
    background: #092e6e;
    color: #fff;
}

.aih-top-action-btn i {
    font-size: 1.8rem;
}

.aih-about-left-box {
    background: rgba(255, 255, 255, 0.94);
    padding: 60px;
    flex: 1.2;
    color: #222;
}

.aih-about-right-box {
    background: rgba(0, 74, 153, 0.94);
    padding: 60px;
    flex: 0.8;
    color: #fff;
}

.aih-about-left-box p {
    font-size: 15.5px;
    line-height: 1.8;
    margin-bottom: 20px;
}

.aih-about-left-box h3 {
    font-size: 28px;
    margin-bottom: 20px;
    color: #e31e24;
    font-weight: 800;
    text-transform: uppercase;
}

.aih-services-grid-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.aih-services-grid-list li {
    display: flex;
    align-items: center;
    font-size: 14.5px;
    font-weight: 600;
    margin-bottom: 11px;
}

.aih-services-grid-list li i {
    color: #fff !important;
    margin-right: 15px;
    font-size: 13px;
}

.aih-about-bottom-info {
    display: flex;
    margin-top: 0;
}

.about-info-red {
    background: #e31e24;
    padding: 50px;
    flex: 1;
    color: #fff;
}

.about-info-blue {
    background: #003366;
    padding: 50px;
    flex: 1;
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 15.5px;
    line-height: 1.8;
}

.about-info-red h3 {
    font-size: 2.2rem;
    font-weight: 900;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.about-info-red ul {
    list-style: none;
    padding: 0;
}

.about-info-red ul li {
    margin-bottom: 12px;
    font-size: 17px;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.about-info-red ul li::before {
    content: '✓';
    margin-right: 12px;
    font-weight: 900;
}


.aih-quick-actions-bar {
    display: flex;
    width: 100%;
}

.aih-top-action-btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px;
    background: #e31e24;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 18px;
    gap: 15px;
    border-right: 1px solid rgba(255,255,255,0.2);
}

.aih-top-action-btn:last-child {
    border-right: none;
}


.aih-quick-actions-bar {
    display: flex;
    width: 100%;
}

.aih-top-action-btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px;
    background: #e31e24;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 18px;
    gap: 15px;
    border-right: 1px solid rgba(255,255,255,0.2);
    text-decoration: none;
}

.aih-top-action-btn:last-child {
    border-right: none;
}

.aih-top-action-btn:hover {
    background: #092e6e;
    color: #fff;
}


/* =========================================
   AIH SECTION 2 EXACT CLONE (aih.com.pk)
   ========================================= */
.aih-section-2-wrapper {
    position: relative;
    background: url('../images/hospital-building.jpg') no-repeat center center;
    background-size: cover;
    padding: 0;
}

.aih-section-2-overlay {
    background: rgba(0, 0, 0, 0.35);
}

/* TOP RED ACTION BAR */
.aih-action-top-row {
    display: flex;
    background: #e31e24;
}

.aih-action-btn-item {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px 15px;
    color: #fff;
    text-decoration: none;
    font-size: 1.15rem;
    font-weight: 800;
    text-transform: uppercase;
    border-right: 2px solid rgba(255,255,255,0.2);
    transition: 0.3s;
    gap: 12px;
}

.aih-action-btn-item:last-child {
    border-right: none;
}

.aih-action-btn-item i {
    font-size: 1.6rem;
}

.aih-action-btn-item:hover {
    background: #c0171c;
    color: #fff;
}

/* DUAL CONTENT BOXES */
.aih-dual-box-container {
    margin-top: 40px;
    display: flex;
    box-shadow: 0 15px 50px rgba(0,0,0,0.4);
}

/* LEFT WHITE BOX */
.aih-white-box {
    background: rgba(255, 255, 255, 0.94);
    flex: 1;
    padding: 45px 50px;
}

.aih-white-box p {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    line-height: 1.75;
    color: #1a1a1a;
    margin-bottom: 20px;
}

.aih-white-box h2 {
    color: #e31e24;
    font-weight: 800;
    font-size: 1.6rem;
    margin-bottom: 20px;
    font-family: 'Poppins', sans-serif;
}

/* RIGHT BLUE BOX - EXACT from aih.com.pk source */
.aih-blue-box {
    position: relative;
    overflow: hidden;
    background: linear-gradient(
        180deg,
        rgba(0,120,190,0.95),
        rgba(0,120,190,0.85)
    );
    padding: 25px 30px;
    flex: 0.85;
    color: #fff;
}

/* Red right border - from official CSS */
.aih-blue-box::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 10px;
    height: 100%;
    background: #ff1e2d;
    z-index: 5;
}

/* Watermark image inside blue box */
.aih-blue-watermark {
    position: absolute;
    bottom: -60px;
    right: -300px;
    width: 100%;
    opacity: 0.10;
    z-index: 1;
    pointer-events: none;
}

/* Services list - exact from official CSS */
.aih-services-list-new {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 3;
}

.aih-services-list-new li {
    position: relative;
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    padding-left: 22px;
    margin-bottom: 6px;
    font-family: "Poppins", sans-serif;
    text-shadow: 0 1px 2px rgba(0,0,0,0.15);
}

/* Check icon via CSS - exact from official */
.aih-services-list-new li i {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
    font-weight: 900;
    color: #ffffff;
}

/* BOTTOM DUAL BAR */
.aih-bottom-bar-dual {
    display: flex;
    margin-top: 0;
}

.aih-red-bottom {
    background: #e31e24;
    flex: 1;
    padding: 35px 50px;
    color: #fff;
}

.aih-dark-blue-bottom {
    background: #003366;
    flex: 1;
    padding: 35px 50px;
    color: #fff;
    display: flex;
    align-items: center;
    line-height: 1.7;
    font-size: 0.95rem;
    font-family: 'Poppins', sans-serif;
}

.aih-red-bottom h3 {
    font-size: 1.8rem;
    font-weight: 900;
    margin-bottom: 20px;
}

.aih-red-bottom ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.aih-red-bottom ul li {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    font-family: 'Poppins', sans-serif;
}

.aih-red-bottom ul li::before {
    content: '•';
    margin-right: 12px;
    font-weight: 900;
    font-size: 1.2rem;
}

/* Responsive */
@media (max-width: 991px) {
    .aih-dual-box-container {
        flex-direction: column;
    }
    .aih-bottom-bar-dual {
        flex-direction: column;
    }
    .aih-action-top-row {
        flex-direction: column;
    }
    .aih-action-btn-item {
        border-right: none;
        border-bottom: 1px solid rgba(255,255,255,0.2);
    }
}


/* Remove any gap between action bar and sec2 image */
.aih-quick-actions {
    margin-bottom: 40px !important;
    padding-bottom: 0 !important;
}

.aih-quick-actions + section {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


/* About Page Premium Overlay Section */
.aih-about-premium-section {
    position: relative;
    background: url('../sec2.png') no-repeat center center;
    background-size: cover;
    padding: 80px 0;
    min-height: 800px;
}

.aih-about-premium-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1;
}

.aih-about-premium-content {
    position: relative;
    z-index: 5;
}

.aih-glass-card {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    border-radius: 15px;
    padding: 50px;
    box-shadow: 0 25px 50px rgba(0,0,0,0.3);
    margin-bottom: 30px;
}

.aih-glass-card h2 {
    color: #092e6e;
    font-weight: 800;
    font-size: 2.5rem;
    margin-bottom: 25px;
}

.aih-glass-card p {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #333;
}

.aih-blue-card {
    background: rgba(0, 74, 153, 0.9);
    backdrop-filter: blur(10px);
    border-radius: 15px;
    padding: 50px;
    color: #fff;
    box-shadow: 0 25px 50px rgba(0,0,0,0.3);
}

.aih-blue-card h3 {
    font-weight: 700;
    margin-bottom: 20px;
    border-bottom: 2px solid rgba(255,255,255,0.2);
    padding-bottom: 10px;
}

.aih-premium-list {
    list-style: none;
    padding: 0;
}

.aih-premium-list li {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    font-size: 1.05rem;
}

.aih-premium-list li i {
    margin-right: 15px;
    color: #fff;
    font-size: 1.2rem;
}

.aih-about-bottom-banner {
    display: flex;
    margin-top: 40px;
}

.aih-banner-box {
    flex: 1;
    padding: 30px;
    text-align: center;
    color: #fff;
}

.aih-banner-red { background: #e31e24; }
.aih-banner-blue { background: #003366; }


/* Premium Glassmorphism Refinements */
.aih-glass-card {
    background: rgba(255, 255, 255, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.3);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.aih-glass-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 30px 60px rgba(0,0,0,0.4);
}

.aih-blue-card {
    background: rgba(0, 74, 153, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: transform 0.3s ease;
}

.aih-blue-card:hover {
    transform: translateY(-5px);
}

.aih-premium-list li i {
    color: #ffd700; /* Gold checkmarks for premium feel */
}

.aih-banner-box {
    transition: flex 0.3s ease;
}

.aih-banner-box:hover {
    flex: 1.2;
}

.aih-section-divider {
    height: 4px;
    width: 60px;
    background: #e31e24;
    margin-bottom: 25px;
}


/* International Services Section */
.aih-intl-services {
    background: #f8f9fa;
    padding: 80px 0;
}

.intl-card {
    background: #fff;
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    height: 100%;
    border-top: 5px solid #092e6e;
}

.intl-card h4 {
    color: #092e6e;
    font-weight: 700;
    margin-bottom: 20px;
}

.intl-card p {
    font-size: 0.95rem;
    color: #555;
    line-height: 1.7;
}

.intl-icon {
    font-size: 2.5rem;
    color: #e31e24;
    margin-bottom: 20px;
}


/* AIH Source Style Replication */
.aih-source-heading {
    display: flex;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 20px;
}

.aih-source-heading i {
    color: #e31e24;
    margin-right: 15px;
    font-size: 1.2rem;
}

.aih-source-heading span {
    font-size: 1.5rem;
    font-weight: 700;
    color: #092e6e;
}

.aih-source-text {
    font-size: 1rem;
    line-height: 1.8;
    color: #444;
    margin-bottom: 25px;
}

.aih-source-list {
    list-style: none;
    padding: 0;
    margin-top: 20px;
}

.aih-source-list li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 12px;
}

.aih-source-list li i {
    color: #e31e24;
    margin-right: 12px;
    margin-top: 5px;
    font-size: 0.9rem;
}


/* Homepage About Over Image Section */
.aih-about-hero-wrapper {
    position: relative;
    background: url('sec2.png') no-repeat center center;
    background-size: cover;
    padding: 80px 0;
    min-height: 600px;
}

.aih-about-hero-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2); /* Subtle dark overlay to help text pop */
    z-index: 1;
}

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

.aih-home-glass-white {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(8px);
    border-left: 5px solid #e31e24; /* Red accent */
    padding: 40px;
    border-radius: 5px;
    height: 100%;
}

.aih-home-glass-white h2 {
    color: #092e6e;
    font-weight: 800;
    font-size: 2.2rem;
    margin-bottom: 20px;
}

.aih-home-glass-blue {
    background: rgba(0, 74, 153, 0.9);
    backdrop-filter: blur(8px);
    border-right: 5px solid #e31e24; /* Red accent */
    padding: 40px;
    border-radius: 5px;
    color: #fff;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.aih-home-glass-blue .watermark {
    position: absolute;
    bottom: -20px;
    right: -20px;
    width: 150px;
    opacity: 0.1;
    z-index: 0;
    pointer-events: none;
}

.aih-home-services-list {
    list-style: none;
    padding: 0;
    position: relative;
    z-index: 1;
}

.aih-home-services-list li {
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    font-size: 0.95rem;
}

.aih-home-services-list li i {
    margin-right: 12px;
    color: #ffd700;
}


/* Core Values Dual Bar Refinement */
.aih-core-values-bar {
    display: flex;
    width: 100%;
}

.aih-core-values-red {
    background: #ce1218;
    flex: 0 0 31.5%;
    padding: 40px 60px;
    color: #fff;
}

.aih-core-values-blue {
    background: #1c65a9;
    flex: 0 0 65%;
    padding: 40px 60px;
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 1.1rem;
    line-height: 1.6;
}

.aih-core-values-red h3 {
    font-size: 1.8rem;
    font-weight: 800;
    margin-bottom: 25px;
}

.aih-values-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.aih-values-list li {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    font-weight: 500;
}

.aih-values-list li i {
    margin-right: 15px;
    font-size: 0.9rem;
}

@media (max-width: 991px) {
    .aih-core-values-bar {
        flex-direction: column;
    }
    .aih-core-values-red, .aih-core-values-blue {
        flex: 0 0 100%;
        padding: 30px;
    }
}


/* About Overlay Section Refinement */
.aih-about-overlay-section {
    position: relative;
    background: url('sec2.png') no-repeat center center;
    background-size: cover;
    padding: 60px 0;
    min-height: 600px;
}

.aih-about-container {
    display: flex;
    gap: 40px;
    align-items: flex-start;
}

.aih-about-text-box {
    background: rgba(255, 255, 255, 0.9);
    flex: 1;
    padding: 40px;
    border-radius: 4px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.aih-about-text-box h3 {
    color: #ce1218;
    font-weight: 700;
    margin: 25px 0;
}

.aih-about-text-box p {
    color: #333;
    line-height: 1.8;
    margin-bottom: 20px;
    font-size: 1.05rem;
}

.aih-about-services-box {
    background: rgba(0, 118, 189, 0.9); /* Transparent Blue */
    flex: 0 0 400px;
    padding: 30px;
    color: #fff;
    position: relative;
    border-right: 5px solid #ce1218; /* Official Red Edge */
    overflow: hidden;
}

.aih-about-services-box::before {
    content: '';
    position: absolute;
    bottom: -20px;
    right: -20px;
    width: 250px;
    height: 250px;
    background: url('images/aih-watermark.png') no-repeat center center;
    background-size: contain;
    opacity: 0.1;
    pointer-events: none;
}

.aih-services-list-new {
    list-style: none;
    padding: 0;
    margin: 0;
}

.aih-services-list-new li {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    font-size: 0.95rem;
    font-weight: 500;
}

.aih-services-list-new li i {
    margin-right: 12px;
    font-size: 0.8rem;
}

@media (max-width: 991px) {
    .aih-about-container {
        flex-direction: column;
    }
    .aih-about-services-box {
        flex: 0 0 auto;
        width: 100%;
    }
}


/* Transparency and Gap Refinements */
.aih-about-services-box {
    background: rgba(0, 118, 189, 0.85) !important; /* Slightly more transparent */
}

.aih-about-text-box p {
    margin-bottom: 10px !important; /* More gap between paragraphs */
}

.aih-services-list-new li {
    margin-bottom: 6px !important; /* More gap in list items */
}


/* Full Transparency & Glass Effect Refinement */
.aih-about-text-box {
    background: rgba(255, 255, 255, 0.7) !important; /* Proper Transparency */
    backdrop-filter: blur(12px); /* Premium Glass Effect */
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.aih-about-services-box {
    background: rgba(0, 118, 189, 0.7) !important; /* Proper Transparency */
    backdrop-filter: blur(12px); /* Premium Glass Effect */
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.aih-about-overlay-section {
    background-attachment: fixed; /* Parallax-like effect makes transparency pop */
}


.aih-about-text-box {
    background: rgba(255, 255, 255, 0.6) !important; /* Even more transparent for 'proper' visibility */
}


/* Core Values Bar Transparency & Glass Effect */
.aih-core-values-red {
    background: rgba(206, 18, 24, 0.7) !important; /* Transparent Red */
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.aih-core-values-blue {
    background: rgba(28, 101, 169, 0.7) !important; /* Transparent Blue */
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.aih-core-values-bar {
    margin-top: 40px; /* Gap between About overlay and Core Values bar */
}


/* ============================================================
   OFFICIAL AIH HOME PAGE CLONE - ABOUT & CORE VALUES
   ============================================================ */

/* 1. Quick Action Bar (Red Bar) */
.aih-quick-actions-bar {
    background: #e31e24;
    display: flex;
    width: 100%;
}

.aih-quick-action-btn {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px 10px;
    color: #fff;
    text-decoration: none;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    transition: background 0.3s ease;
}

.aih-quick-action-btn:last-child {
    border-right: none;
}

.aih-quick-action-btn i {
    font-size: 24px;
    margin-bottom: 10px;
}

.aih-quick-action-btn span {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 18px;
    text-transform: capitalize;
}

.aih-quick-action-btn:hover {
    background: #b31419;
    color: #fff;
}

/* 2. About Overlay Section (The one with Hospital Image) */

/* Left White Box */

/* Right Blue Box */

/* Watermark in Blue Box */

/* 3. Core Values & Accreditations (Bottom Bar) */
.aih-bottom-dual-row {
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    background: #1c65a9 !important;
    margin-top: 0px !important;
    margin-bottom: 40px !important;
    display: block !important;
}

.aih-bottom-red-col { flex: 0 0 31.5%; background: #ce1218 !important; padding: 8px 45px !important; color: #fff; }

.aih-bottom-blue-col { flex: 0 0 65%; background: #1c65a9 !important; padding: 8px 45px !important; color: #fff; display: flex; align-items: center; }

.aih-bottom-red-col h4 { font-size: 21px !important; font-weight: 800 !important; margin-bottom: 10px !important; font-weight: 700 !important; font-family: 'Poppins', sans-serif; }

.aih-values-bullet-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.aih-values-bullet-list li {
    list-style: none; font-size: 12px !important; margin-bottom: 3px !important; display: flex; align-items: center; }

.aih-values-bullet-list li::before {
    content: '�';
    margin-right: 15px;
    font-size: 20px;
}

/* Responsive Fixes */
@media (max-width: 991px) {
    .aih-bottom-red-col, .aih-bottom-blue-col { flex: 0 0 65%; background: #1c65a9 !important; padding: 8px 45px !important; color: #fff; display: flex; align-items: center; }
}


/* ============================================================
   PIXEL-PERFECT CLONE REFINEMENTS (FINAL V3)
   ============================================================ */

.aih-quick-actions-bar {
    background: #e31e24 !important;
    display: flex;
    width: 100%;
}

.aih-quick-action-btn {
    flex: 1;
    padding: 25px 0 !important;
    border-right: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.aih-quick-action-btn span {
    font-size: 17px !important;
    margin-top: 5px;
}

.aih-bottom-dual-row {
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    background: #1c65a9 !important;
    margin-top: 0px !important;
    margin-bottom: 40px !important;
    display: block !important;
}

.aih-bottom-red-col { flex: 0 0 31.5%; background: #ce1218 !important; padding: 8px 45px !important; color: #fff; }

.aih-bottom-blue-col { flex: 0 0 65%; background: #1c65a9 !important; padding: 8px 45px !important; color: #fff; display: flex; align-items: center; }

.aih-bottom-red-col h4 { font-size: 21px !important; font-weight: 800 !important; margin-bottom: 10px !important; font-weight: 700 !important; font-family: 'Poppins', sans-serif; }

.aih-values-bullet-list li {
    list-style: none; font-size: 12px !important; margin-bottom: 3px !important; display: flex; align-items: center; }





/* =========================================
   ABOUT SECTION 100% PARITY (FINAL FIX)
   ========================================= */
.aih-about-hospital-bg {
    background: url('../images/about-hospital-bg.png') no-repeat center top !important;
    background-size: cover !important;
    padding: 80px 0 !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Gradient overlay: white at top half, transparent at bottom half */
.aih-about-hospital-bg::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(
        to bottom,
        #ffffff 0%,
        #ffffff 25%,
        rgba(255, 255, 255, 0.75) 50%,
        rgba(255, 255, 255, 0.25) 75%,
        rgba(255, 255, 255, 0.15) 100%
    ) !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

.aih-about-hospital-bg .container {
    position: relative !important;
    z-index: 2 !important;
}

.aih-about-overlay-row {
    display: flex !important;
    gap: 40px !important;
    align-items: flex-start !important;
}

.aih-white-overlay-box {
    flex: 1 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.aih-white-overlay-box p {
    font-family: 'Poppins', sans-serif !important;
    font-size: 18px !important;
    line-height: 1.8 !important;
    color: #222 !important;
    margin-bottom: 16px !important;
    text-align: left !important;
}

.aih-white-overlay-box p strong {
    font-weight: 800 !important;
    color: #111 !important;
}





.aih-overlay-services-list li {
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px !important;
    margin-bottom: 6px !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
    color: #fff !important;
}

.aih-overlay-services-list li i {
    font-size: 12px !important;
    margin-right: 12px !important;
    color: #fff !important;
}

@media (max-width: 991px) {
    .aih-about-overlay-row {
        flex-direction: column !important;
    }
    
}






/* =========================================
   USER PROVIDED BLUE SECTION
   ========================================= */












@media (max-width: 991px) {
    
}







/* USER CODE START */
.aih-facilities {
    flex: 1 !important;
    position:relative;
    overflow:hidden;
    background:linear-gradient(
        180deg,
        rgba(0,120,190,0.95),
        rgba(0,120,190,0.85)
    );
    padding: 25px 30px;
}

/* RIGHT RED BORDER */
.aih-facilities:after{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:10px;
    height:100%;
    background:#ff1e2d;
    z-index:5;
}

/* WATERMARK IMAGE */
.aih-facilities .watermark{
    position:absolute;
    bottom:-60px;
    right:-300px;
    width:90%;
    opacity:0.10;
    z-index:1;
    width: 100%;
}

/* OPTIONAL BIG LOGO WATERMARK */
.aih-facilities .logo-watermark{
    position:absolute;
    top:60px;
    right:-40px;
    width:65%;
    opacity:0.05;
    z-index:1;
}

/* CONTENT */
.aih-facilities ul{
    list-style:none;
    margin:0;
    padding:0;
    position:relative;
    z-index:3;
}

/* LIST ITEMS */
.aih-facilities ul li{
    position:relative;
    color:#ffffff;
    font-size: 17px;
    font-weight:500;
    line-height:1.3;
    padding-left:20px;
    margin-bottom: 8px;
    font-family:"Poppins", Sans-serif;
    text-shadow:0 1px 2px rgba(0,0,0,0.15);
}

/* CHECK ICON */
.aih-facilities ul li:before{
    content:"\2713";
    position:absolute;
    left:0;
    top:0;
    font-size:16px;
    font-weight:900;
    color:#ffffff;
}
/* USER CODE END */

@media (max-width: 991px) {
    .aih-facilities {
        width: 100% !important;
    }
}






.aih-values-bullet-list { padding: 0; margin: 0; }
.aih-values-bullet-list li:before {
    content: '\2713'; font-size: 18px; margin-right: 12px; margin-top: -2px;
    margin-right: 10px;
    font-weight: 900;
}




.aih-bottom-blue-spacer {
    flex: 0 0 3.5%;
    background: #1c65a9 !important;
}

/* Happy Clients Red Banner */
.aih-happy-clients-banner {
    padding: 20px 0 0;
}
.red-banner-box {
    background-color: #E20000; /* Exact vibrant red */
    border-radius: 6px;
    padding: 12px 20px;
    text-align: center;
}
.red-banner-box h2 {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 26px;
    font-weight: 400;
    margin: 0;
    letter-spacing: 0.5px;
}

/* Client Logos Swiper Section */
.aih-client-logos-sec {
    padding: 15px 0 40px;
    background-color: #f2f2f2; /* Light grey background behind logos (Full Width) */
}
.aih-client-logos-sec .container {
    padding-top: 30px;
    padding-bottom: 40px;
}
.logosSwiper {
    padding: 0 30px 45px 30px !important; /* Space for arrows and bottom space for pagination dots */
}
.logosSwiper .swiper-slide {
    background-color: #fff; /* White box for each logo */
    height: 160px; /* Slightly reduced height */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.02); /* Slight shadow */
}
.logosSwiper .swiper-slide img {
    max-height: 125px; /* Increased logo size */
    max-width: 100%;
    object-fit: contain;
}

/* Logos Swiper Navigation Arrows */
.logos-prev, .logos-next {
    background-color: #e0e0e0 !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    top: 40% !important; /* Vertically align with the center of the cards */
    transform: translateY(-50%) !important;
    z-index: 100 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    margin-top: 0 !important;
}
.logos-prev::after, .logos-next::after {
    font-size: 13px !important;
    font-weight: 900 !important;
    color: #555 !important;
}
.logos-prev { left: 0 !important; }
.logos-next { right: 0 !important; }

/* Logos Swiper Pagination Dots */
.logos-pagination {
    bottom: 10px !important;
}
.logos-pagination .swiper-pagination-bullet {
    background: #ccc;
    opacity: 1;
    width: 8px !important;
    height: 8px !important;
    margin: 0 5px !important;
}
.logos-pagination .swiper-pagination-bullet-active {
    background: #0056b3 !important; /* Blue active dot */
}

/* Testimonials Section */
.aih-testimonials-sec {
    padding: 20px 0 60px;
    background-color: #fff;
}
.testi-main-title {
    text-align: center;
    color: #0056b3; /* Primary Blue from screenshot */
    font-size: 46px;
    font-weight: 800; /* Extra bold */
    margin-bottom: 50px;
    font-family: 'Montserrat', sans-serif;
    line-height: 1.1;
}

/* Swiper navigation controls */
.aih-testimonials-sec .container {
    padding-left: 40px;
    padding-right: 40px;
}
.testiSwiper-prev, .testiSwiper-next {
    background-color: #e0e0e0 !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50%;
    position: absolute;
    top: 40% !important; /* Center vertically relative to the speech bubble box */
    transform: translateY(-50%);
    z-index: 10;
    display: flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-top: 0 !important;
}
.testiSwiper-prev::after, .testiSwiper-next::after {
    font-size: 13px !important;
    font-weight: 900 !important;
    color: #fff !important;
}
.testiSwiper-prev { left: 0 !important; }
.testiSwiper-next { right: 0 !important; }

/* Pagination Dots */
.testi-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #d4d4d4;
    opacity: 1;
    margin: 0 5px !important;
}
.testi-pagination .swiper-pagination-bullet-active {
    background: #0056b3; /* Match the title blue color */
}

.testi-content-box {
    background-color: #fff;
    padding: 25px 30px;
    border: 1px solid #f0f0f0; /* Thin light border */
    border-radius: 2px;
    position: relative;
    margin-bottom: 25px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
}
.testi-content-box::after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 45px;
    border-width: 15px 15px 0 0;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}
.testi-content-box::before {
    /* Create border for the triangle */
    content: '';
    position: absolute;
    bottom: -17px;
    left: 44px;
    border-width: 16px 16px 0 0;
    border-style: solid;
    border-color: #f0f0f0 transparent transparent transparent;
    z-index: -1;
}

.quote-icon {
    color: #d1d5db;
    font-size: 24px;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
}

.testi-desc {
    color: #777;
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 0;
    font-style: italic; /* Italic text as shown in screenshot */
}

.testi-stars {
    color: #ffc107;
    font-size: 14px;
    display: inline-block;
    margin-right: 5px;
    font-style: normal; /* Keep stars normal while text is italic */
}

.testi-author {
    display: flex;
    align-items: center;
    padding-left: 25px; /* Align with the speech bubble triangle */
}

/* For author avatars that are just colored circles with text */
.author-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 22px;
    font-family: 'Poppins', sans-serif;
}

/* For author avatars that are images */
.testi-author img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 15px;
    object-fit: cover;
}

.testi-author-info h5 {
    color: #555;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 2px;
    letter-spacing: 0.5px;
    font-family: 'Montserrat', sans-serif;
}

.testi-author-info span {
    color: #777;
    font-size: 12px;
    letter-spacing: 0.5px;
}

/* Patient Video Testimonials Section */
.aih-video-testimonials {
    background-color: #0c0d0f !important;
    color: #fff !important;
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    padding: 70px 0 !important;
    position: relative !important;
}
.vid-text-col {
    display: flex;
    align-items: center;
    padding: 0 40px 0 0 !important;
}
@media (min-width: 992px) {
    .vid-text-col {
        position: sticky;
        top: 130px;
        align-self: start;
    }
}
.vid-text-content {
    max-width: 400px;
    margin-left: 0 !important;
    margin-right: 20px;
}
.vid-title {
    font-size: 42px;
    font-weight: 800;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 25px;
    line-height: 1.2;
}
.vid-desc {
    font-size: 15px;
    line-height: 1.8;
    color: #a0a0a0 !important;
    margin-bottom: 25px;
}
.vid-link {
    color: #e20000;
    font-weight: 600;
    text-decoration: none;
    font-size: 15px;
    display: inline-flex;
    align-items: center;
}
.vid-link i {
    margin-left: 8px;
    transition: transform 0.3s;
}
.vid-link:hover {
    color: #ff3333;
}
.vid-link:hover i {
    transform: translateX(5px);
}

.vid-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, 150px);
    gap: 12px !important;
    padding: 0 !important;
}
@media (max-width: 991px) {
    .vid-text-col {
        padding: 40px 20px !important;
    }
    .vid-text-content {
        margin: 0 auto;
        padding: 0;
    }
    .vid-grid {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        gap: 15px;
        padding: 20px !important;
    }
}
.vid-item {
    position: relative;
    overflow: hidden;
    background-color: #000;
    border-radius: 8px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}
/* Grid mapping */
.vid-item:nth-child(1) { grid-column: 1 / 2; grid-row: 1 / 2; } /* Small Top Left */
.vid-item:nth-child(2) { grid-column: 1 / 2; grid-row: 2 / 3; } /* Small Mid Left */
.vid-item:nth-child(3) { grid-column: 2 / 4; grid-row: 1 / 3; } /* Large Right */

.vid-item:nth-child(4) { grid-column: 1 / 3; grid-row: 3 / 5; } /* Large Left */
.vid-item:nth-child(5) { grid-column: 3 / 4; grid-row: 3 / 4; } /* Small Mid Right */
.vid-item:nth-child(6) { grid-column: 3 / 4; grid-row: 4 / 5; } /* Small Bottom Right */

/* Mobile override for grid */
@media (max-width: 991px) {
    .vid-item { grid-column: 1 / -1 !important; grid-row: auto !important; aspect-ratio: 16/9; }
}

.vid-play-btn {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.vid-play-btn img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s;
}
.vid-play-btn:hover img {
    transform: scale(1.05);
}
.vid-play-btn::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 55px;
    height: 55px;
    background: #ffffff !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3) !important;
    transition: all 0.3s ease !important;
    z-index: 10 !important;
}
.vid-play-btn .fa-play {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    color: #1c65a9 !important;
    font-size: 18px !important;
    z-index: 11 !important;
    margin-left: 2px !important;
    transition: all 0.3s ease !important;
}
.vid-play-btn:hover::before {
    background: var(--aih-red) !important;
    transform: translate(-50%, -50%) scale(1.1) !important;
    box-shadow: 0 8px 25px rgba(237, 32, 36, 0.5) !important;
}
.vid-play-btn:hover .fa-play {
    color: #ffffff !important;
}

@media (max-width: 991px) {
    .aih-bottom-dual-row {
        display: none !important;
    }
    .aih-bottom-blue-spacer {
        display: none !important;
    }
    .aih-bottom-red-col, .aih-bottom-blue-col {
        flex: 0 0 100% !important;
        width: 100% !important;
        padding: 20px !important;
    }
}


/* =============================================
   OUR PROFESSIONALS SECTION (aih.com.pk parity)
   ============================================= */
.aih-professionals-wrap {
    background: #fff;
    padding-bottom: 20px;
}

.aih-professionals-banner {
    background: #ED2024;
    padding: 14px 0;
    text-align: center;
    width: 100%;
    margin: 0;
    border-radius: 0;
}

.aih-professionals-banner h2 {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 24px;
    margin: 0;
    text-transform: none;
    letter-spacing: 0.5px;
}

.aih-dept-section-block {
    background-color: #f1f3f6; /* Modern Soft Grey background effect */
    border: 1px solid #e1e4e8;
    border-radius: 12px;
    margin: 30px auto;
    padding: 25px 20px;
    width: 100%;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
}

.aih-professionals-dept-title {
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: #092e6e; /* Deep rich blue header colour */
    margin: 0 0 20px 0;
    padding: 0;
    position: relative;
}

.aih-professionals-dept-title::after {
    display: none; /* Removed line to match reference layout clean look */
}

.aih-professionals-row {
    padding: 0;
}

/* Individual Professional Card */
.aih-prof-card {
    display: flex;
    align-items: center;
    text-align: left;
    padding: 15px;
    margin-bottom: 20px; /* Reduced vertical spacing */
    background: transparent; /* Seamless blend inside grey section background */
    border: none; /* Clean frameless look */
    border-radius: 0;
    box-shadow: none;
    transition: transform 0.2s;
}

.aih-prof-card:hover {
    transform: translateY(-2px);
    box-shadow: none;
}

.aih-prof-img-wrap {
    width: 80px; /* Slimmer image circle size */
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px;
    border: 2px solid #b8d2eb; /* Elegantly slimmers the sky-blue border */
    box-shrink: 0;
    background: #fff;
}

.aih-prof-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.aih-prof-details {
    flex: 1;
    text-align: left;
    min-width: 0;
}

.aih-prof-exp-badge {
    display: inline-block;
    background: #c3d2e6; /* Soft light-blue background */
    color: #3f5877;
    font-size: 9px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 3px;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.aih-prof-name {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 14.5px; /* Exact compact font size */
    color: #ED2024; /* Red color matching live */
    margin: 0 0 3px 0;
    line-height: 1.25;
}

.aih-prof-spec {
    font-size: 11px;
    font-weight: 600;
    color: #444; /* Premium dark grey */
    margin-bottom: 2px;
    line-height: 1.3;
}

.aih-prof-quals {
    font-size: 10.5px;
    color: #666;
    line-height: 1.3;
    margin-bottom: 8px;
}

.aih-prof-btns {
    display: flex;
    gap: 6px;
}

.aih-prof-btn-book {
    flex: 1;
    background: var(--aih-blue-accent);
    color: #fff !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 9.5px;
    text-transform: uppercase;
    padding: 7px 2px;
    border-radius: 4px;
    text-decoration: none;
    text-align: center;
    transition: background 0.2s, transform 0.2s;
    border: none;
    white-space: nowrap;
}

.aih-prof-btn-book:hover {
    background: #d01519;
    transform: translateY(-1px);
}

.aih-prof-btn-view {
    flex: 1;
    background: var(--aih-blue-accent); /* Keeps both red as in the reference image */
    color: #fff !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 9.5px;
    text-transform: uppercase;
    padding: 7px 2px;
    border-radius: 4px;
    text-decoration: none;
    text-align: center;
    transition: background 0.2s, transform 0.2s;
    border: none;
    white-space: nowrap;
}

.aih-prof-btn-view:hover {
    background: #d01519;
    transform: translateY(-1px);
}

.aih-prof-col {
    position: relative;
    border-right: 1px solid rgba(0, 0, 0, 0.12); /* elegant thin blackish/grey line */
}

@media (max-width: 991px) {
    .aih-prof-col {
        border-right: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.12);
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .aih-prof-col:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }
}

.doctor-count-badge {
    background: #ED2024;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 2px 10px;
    border-radius: 20px;
    margin-left: 10px;
    vertical-align: middle;
    display: inline-block;
    box-shadow: 0 2px 5px rgba(237, 32, 36, 0.2);
}

@media (max-width: 767px) {
    .aih-professionals-banner {
        border-radius: 0 0 40px 40px;
        max-width: 100%;
    }
    .aih-professionals-banner h2 {
        font-size: 22px;
    }
}

@media (max-width: 575px) {
    .aih-prof-card {
        flex-direction: column;
        text-align: center;
        padding: 20px 15px;
    }
    .aih-prof-img-wrap {
        margin: 0 auto 15px;
    }
    .aih-prof-details {
        text-align: center;
        width: 100%;
    }
    .aih-prof-name, .aih-prof-spec, .aih-prof-quals {
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
    }
}














/* =============================================
   OUR HAPPY CLIENTS SECTION (SWIPER)
   ============================================= */
.aih-happy-clients-wrap {
    background: #fff;
    padding-bottom: 50px;
}

.aih-happy-clients-banner {
    background: #ED2024;
    padding: 14px 0;
    text-align: center;
    width: 100%;
    margin: 0 0 40px 0;
}

.aih-happy-clients-banner h2 {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 24px;
    margin: 0;
}

.aih-clients-swiper {
    padding-bottom: 40px;
}

.aih-clients-swiper .swiper-slide {
    display: flex;
    justify-content: center;
}

.aih-client-logo-box {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    padding: 20px 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 120px;
    transition: box-shadow 0.25s, transform 0.25s;
}

.aih-client-logo-box:hover {
    box-shadow: 0 6px 24px rgba(0,0,0,0.12);
    transform: translateY(-2px);
}

.aih-client-logo-box img {
    max-width: 170px;
    max-height: 90px;
    object-fit: contain;
    filter: grayscale(10%);
    transition: filter 0.25s, transform 0.25s;
}

.aih-client-logo-box:hover img {
    filter: grayscale(0%);
    transform: scale(1.05);
}

/* Clients Swiper pagination dots */
.aih-clients-pagination {
    text-align: center;
    margin-top: 10px;
}

.aih-clients-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #ccc;
    opacity: 1;
    margin: 0 4px;
}

.aih-clients-pagination .swiper-pagination-bullet-active { background: var(--aih-blue-accent) !important; }

/* =============================================
   WHAT PEOPLE SAY SECTION (SWIPER)
   ============================================= */
.aih-reviews-section {
    background: #f9f9f9;
    padding: 60px 0;
}

.aih-reviews-section .section-title-main {
    text-align: center;
    color: #092e6e;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 32px;
    margin-bottom: 40px;
}

.aih-reviews-slider-wrap {
    position: relative;
    padding: 0 50px 50px 50px;
}

.aih-reviews-swiper {
    padding-bottom: 0;
    overflow: hidden;
}

.aih-reviews-swiper .swiper-slide {
    height: auto;
}

.aih-review-card {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 25px 20px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.04);
    height: 100%;
    display: flex;
    flex-direction: column;
}

.aih-review-stars {
    color: #f5c518;
    font-size: 14px;
    margin-bottom: 10px;
}

.aih-review-text {
    font-size: 13px;
    color: #444;
    line-height: 1.7;
    margin-bottom: 15px;
    font-style: italic;
    flex: 1;
}

.aih-reviewer-info {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: auto;
}

.aih-reviewer-avatar {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #092e6e;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
}

.aih-reviewer-name {
    font-weight: 700;
    font-size: 13px;
    color: #092e6e;
}

.aih-reviewer-date {
    font-size: 11px;
    color: #999;
}

/* Reviews Swiper pagination dots */
.aih-reviews-pagination {
    text-align: center;
    bottom: 10px !important;
}

.aih-reviews-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #ccc;
    opacity: 1;
    margin: 0 4px;
}

.aih-reviews-pagination .swiper-pagination-bullet-active { background: var(--aih-blue-accent) !important; }

/* Reviews Navigation Arrows */
.aih-reviews-nav-prev,
.aih-reviews-nav-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    color: #333;
    font-size: 14px;
    transition: all 0.2s;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.aih-reviews-nav-prev:hover,
.aih-reviews-nav-next:hover {
    background: var(--aih-blue-accent);
    color: #fff;
    border-color: var(--aih-blue-accent);
}

.aih-reviews-nav-prev {
    left: 0;
}

.aih-reviews-nav-next {
    right: 0;
}

@media (max-width: 767px) {
    .aih-reviews-slider-wrap {
        padding: 0 35px;
    }
    .aih-reviews-nav-prev,
    .aih-reviews-nav-next {
        width: 32px;
        height: 32px;
        font-size: 12px;
    }
}

/* =============================================
   PATIENT TESTIMONIALS VIDEO SECTION
   ============================================= */
.aih-video-testimonials {
    background: #1a1a2e;
    padding: 70px 0;
}

.aih-video-left h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 36px;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 15px;
}

.aih-video-left p {
    color: #bbb;
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 20px;
}

.aih-video-more-link {
    color: #ED2024;
    font-weight: 700;
    font-size: 13px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.aih-video-more-link:hover {
    color: #fff;
}

.aih-video-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 160px);
    gap: 8px;
}

.aih-video-thumb {
    position: relative;
    overflow: hidden;
    border-radius: 6px;
    cursor: pointer;
    background: #333;
}

.aih-video-thumb:first-child {
    grid-row: span 2;
    grid-template-rows: auto;
}

.aih-video-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}

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

.aih-video-thumb .aih-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 44px;
    height: 44px;
    background: rgba(237, 32, 36, 0.9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    transition: background 0.2s, transform 0.2s;
    pointer-events: none;
}

.aih-video-thumb:hover .aih-play-btn { background: var(--aih-blue-accent);
    transform: translate(-50%, -50%) scale(1.1);
}

.aih-video-thumb .aih-video-label {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(237,32,36,0.85));
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    padding: 10px 5px 6px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

@media (max-width: 767px) {
    .aih-video-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 140px);
    }
    .aih-video-left h2 {
        font-size: 26px;
    }
    .aih-clients-logos-row {
        gap: 12px;
    }
    .aih-client-logo-box {
        min-width: 120px;
        padding: 12px 16px;
    }
}

/* =========================================
   AIH CUSTOM DYNAMIC BOOKING MODAL
   ========================================= */
.aih-booking-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.aih-booking-modal-overlay.active {
    opacity: 1;
    pointer-events: auto;
}

.aih-booking-modal-card {
    background-color: #ffffff;
    width: 92%;
    max-width: 400px;
    border-radius: 12px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.25);
    position: relative;
    padding: 22px 20px 18px;
    animation: aihSlideUp 0.3s ease;
    max-height: 94vh;
    overflow-y: auto;
}

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

.aih-booking-modal-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    background-color: #000;
    color: #fff !important;
    border: none;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.2s;
    z-index: 10100;
}

.aih-booking-modal-close:hover {
    background-color: #333;
}

.aih-booking-doc-name {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #092e6e;
    text-align: center;
    margin-bottom: 12px;
    line-height: 1.3;
    padding: 0 15px;
}

.aih-booking-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.aih-booking-input {
    width: 100%;
    height: 36px;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 12px;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    color: #333;
    outline: none;
    transition: border-color 0.2s;
}

.aih-booking-input:focus {
    border-color: #092e6e;
}

.aih-booking-sex-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.aih-booking-sex-label {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #555;
}

.aih-booking-radio-options {
    display: flex;
    gap: 15px;
}

.aih-booking-radio-label {
    display: flex;
    align-items: center;
    gap: 5px;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    color: #333;
    cursor: pointer;
}

.aih-booking-radio-label input {
    cursor: pointer;
    accent-color: #092e6e;
}

/* Calendar Styles */
.aih-calendar-container {
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 3px;
    max-width: 250px;
    margin: 4px auto 0 auto;
}

.aih-calendar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
    padding: 0 5px;
}

.aih-calendar-month-year {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 13.5px;
    color: #ED2024;
}

.aih-calendar-nav-btn {
    background: none;
    border: none;
    color: #ED2024;
    cursor: pointer;
    font-size: 16px;
    padding: 2px 8px;
    transition: opacity 0.2s;
}

.aih-calendar-nav-btn:hover {
    opacity: 0.7;
}

.aih-calendar-weekdays {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 9px;
    color: #092e6e;
    margin-bottom: 1px;
}

.aih-calendar-days {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    row-gap: 2px;
}

.aih-calendar-day {
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Poppins', sans-serif;
    font-size: 9.5px;
    color: #333;
    cursor: pointer;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s;
}

.aih-calendar-day.empty {
    cursor: default;
    background: none !important;
}

.aih-calendar-day.disabled {
    color: #ccc;
    cursor: not-allowed;
    pointer-events: none;
}

.aih-calendar-day:not(.empty):not(.disabled):hover {
    background-color: #f0f4f8;
}

.aih-calendar-day.selected {
    background-color: #092e6e !important;
    color: #ffffff !important;
    font-weight: 700;
}

/* Dynamic Time Slot Styles */
.aih-time-slots-section {
    margin-top: 15px;
    border-top: 1px dashed #e8e8e8;
    padding-top: 12px;
    animation: aihSlideDown 0.3s ease-out forwards;
}

@keyframes aihSlideDown {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.aih-time-slots-label {
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 11px;
    color: #092e6e;
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.aih-time-slots-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
    margin-bottom: 15px;
}

.aih-time-slot-pill {
    background-color: #ffffff;
    border: 1.5px solid #e0e0e0;
    color: #444;
    font-family: 'Poppins', sans-serif;
    font-size: 10px;
    font-weight: 600;
    padding: 6px 4px;
    border-radius: 6px;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    user-select: none;
}

.aih-time-slot-pill:hover:not(.unavailable):not(.selected) {
    border-color: #ED2024;
    color: #ED2024;
    background-color: #fff8f8;
    transform: translateY(-1px);
}

.aih-time-slot-pill.selected {
    background-color: #092e6e !important;
    border-color: #092e6e !important;
    color: #ffffff !important;
    font-weight: 700;
    box-shadow: 0 3px 8px rgba(0, 74, 142, 0.2);
}

.aih-time-slot-pill.unavailable {
    background-color: #f5f5f5;
    border-color: #e0e0e0;
    color: #aaa;
    cursor: not-allowed;
    text-decoration: line-through;
    opacity: 0.6;
    pointer-events: none;
}

.aih-booking-schedule-badge {
    display: none !important;
    background-color: #fff8f8;
    border: 1.5px solid #ffcccc;
    color: #ED2024;
    font-family: 'Poppins', sans-serif;
    font-size: 11.5px;
    font-weight: 600;
    padding: 8px 12px;
    border-radius: 6px;
    margin: 10px 0 15px 0;
    text-align: center;
    align-items: center;
    justify-content: center;
    gap: 8px;
    line-height: 1.4;
}

.aih-booking-schedule-badge i {
    font-size: 13px;
    color: #ED2024;
}

.aih-booking-submit-btn {
    background-color: #092e6e;
    color: #ffffff !important;
    border: none;
    border-radius: 6px;
    height: 38px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 13.5px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.2s;
    margin-top: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* =========================================
   AIH CUSTOM DYNAMIC DOCTOR PROFILE MODAL
   ========================================= */
.aih-profile-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 10010;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.aih-profile-modal-overlay.active {
    opacity: 1;
    pointer-events: auto;
}

.aih-profile-modal-card {
    background-color: #ffffff;
    width: 95%;
    max-width: 980px;
    border-radius: 12px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.25);
    position: relative;
    padding: 0;
    animation: aihSlideUp 0.3s ease;
    max-height: 92vh;
    overflow-y: auto;
}

.aih-profile-modal-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 32px;
    height: 32px;
    background-color: #000;
    color: #fff !important;
    border: none;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.2s;
    z-index: 10110;
}

.aih-profile-modal-close:hover {
    background-color: #333;
}

/* Blue Header Banner */
.aih-profile-blue-header {
    background-color: var(--aih-blue); /* Deep Blue matching theme #092e6e */
    padding: 35px 30px;
    display: flex;
    gap: 30px;
    align-items: center;
    color: #ffffff;
    position: relative;
}

.aih-profile-header-img-wrap {
    width: 180px;
    height: 220px;
    border-radius: 4px;
    overflow: hidden;
    border: 5px solid #ffffff; /* Thick white border frame */
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
    flex-shrink: 0;
    background-color: #f1f3f5;
}

.aih-profile-header-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.aih-profile-header-info {
    flex-grow: 1;
}

.aih-profile-name-white {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 28px;
    color: #ffffff;
    margin: 0 0 6px 0;
    line-height: 1.2;
}

.aih-profile-title-white {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: rgba(255, 255, 255, 0.95);
    margin-bottom: 3px;
}

.aih-profile-quals-white {
    font-family: 'Poppins', sans-serif;
    font-size: 13.5px;
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 12px;
}

.aih-profile-header-row-tags {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.aih-profile-pmdc-badge {
    background-color: var(--aih-blue); /* Match deep blue banner style */
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 10px;
    padding: 4px 10px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.aih-profile-stars {
    color: #ffb800;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 2px;
}

.aih-profile-hosp-tag {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: rgba(255,255,255,0.95);
    display: flex;
    align-items: center;
    gap: 5px;
}

.aih-profile-hosp-tag i {
    color: #00c0a5; /* Verified badge check */
}

/* Red Overview Bar */
.aih-profile-red-bar {
    background-color: var(--aih-blue-accent); /* Red #ED2024 */
    padding: 12px 30px;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Main Split Columns */
.aih-profile-split-container {
    display: grid;
    grid-template-columns: 1.45fr 1fr;
    gap: 30px;
    padding: 30px;
}

/* Left Column Sizing */
.aih-profile-left-col {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-height: 52vh;
    overflow-y: auto;
    padding-right: 15px;
}

.aih-profile-left-col::-webkit-scrollbar {
    width: 6px;
}

.aih-profile-left-col::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.aih-profile-left-col::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
}

.aih-profile-left-col::-webkit-scrollbar-thumb:hover {
    background: #999;
}

.aih-profile-section-heading {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: var(--aih-blue);
    margin: 0 0 12px 0;
    border-bottom: 2px solid #efefef;
    padding-bottom: 5px;
}

.aih-profile-left-col .aih-profile-bio {
    font-family: 'Poppins', sans-serif;
    font-size: 13.5px;
    line-height: 1.8;
    color: #444;
    text-align: justify;
    margin: 0;
}

/* Elegant Bullets matching screenshot */
.aih-profile-bullet-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.aih-profile-bullet-list li {
    position: relative;
    padding-left: 20px;
    font-family: 'Poppins', sans-serif;
    font-size: 13.5px;
    color: #444;
    line-height: 1.6;
}

.aih-profile-bullet-list li::before {
    content: "•";
    position: absolute;
    left: 0;
    top: -1px;
    color: #444; /* Standard circular dark bullet point */
    font-size: 18px;
    line-height: 1.2;
}

/* Right Column Booking Card */
.aih-profile-right-col {
    display: flex;
    flex-direction: column;
}

.aih-profile-booking-card {
    border: 1px solid #eaeaea;
    border-radius: 8px;
    padding: 20px;
    background-color: #f9f9f9;
}

.aih-profile-booking-title-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: var(--aih-red); /* Title red as in screenshot */
    border-bottom: 1px solid #eee;
    padding-bottom: 8px;
}

.aih-profile-booking-title-bar i {
    color: var(--aih-blue); /* Icon blue as in screenshot */
}

/* Calendar Weekdays banner */
.aih-calendar-weekdays {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 11.5px;
    background-color: var(--aih-blue) !important; /* solid blue weekday row background */
    color: #ffffff !important;
    padding: 8px 0;
    margin-top: 10px;
    border-radius: 2px 2px 0 0;
}

.aih-calendar-weekdays span {
    color: #ffffff !important;
}

/* Calendar Days Square Grid layout */
.aih-calendar-days {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    background: none;
    gap: 4px;
}

.aih-calendar-day {
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #4b5563;
    cursor: pointer;
    border: none !important;
    border-radius: 4px;
    transition: background-color 0.2s, color 0.2s;
    background: none !important;
}

.aih-calendar-day.empty {
    cursor: default;
    background: none !important;
    border: none !important;
}

.aih-calendar-day.disabled {
    color: #cbd5e1 !important;
    background: none !important;
    border: none !important;
    text-decoration: line-through;
    cursor: not-allowed;
    pointer-events: none;
    font-weight: normal;
}

.aih-calendar-day:not(.empty):not(.disabled):hover {
    background-color: #f0f4f8;
    color: var(--aih-blue);
}

.aih-calendar-day.selected {
    background-color: var(--aih-blue) !important; /* solid blue selection */
    color: #ffffff !important;
    font-weight: 700;
}

.aih-booking-submit-btn {
    background-color: var(--aih-blue);
    color: #ffffff !important;
    border: none;
    border-radius: 6px;
    height: 32px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 11.5px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.2s;
    margin-top: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.aih-booking-submit-btn:hover {
    background-color: #083c74;
}

.aih-booking-success-msg {
    text-align: center;
    color: #155724;
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
    border-radius: 6px;
    padding: 15px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    margin-top: 15px;
    display: none;
}

@media (max-width: 991px) {
    .aih-profile-split-container {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .aih-profile-left-col {
        max-height: none;
        overflow-y: visible;
        padding-right: 0;
    }
    .aih-profile-blue-header {
        flex-direction: column;
        text-align: center;
        padding: 30px 20px;
    }
    .aih-profile-header-row-tags {
        justify-content: center;
    }
}

/* ─── BOOKING MODAL OVERLAY ─── */
.aih-booking-modal-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.55);
    z-index: 99999;
    align-items: center;
    justify-content: center;
    padding: 15px;
}
.aih-booking-modal-overlay.active {
    display: flex;
}
.aih-booking-modal-card {
    background: #fff;
    border-radius: 12px;
    padding: 22px 20px 18px 20px;
    width: 100%;
    max-width: 630px;
    position: relative;
    box-shadow: 0 15px 45px rgba(0,0,0,0.22);
    overflow: visible;
}
.aih-booking-modal-scroll-wrap {
    max-height: 80vh;
    overflow-y: auto;
    padding-right: 6px;
}
.aih-booking-modal-close {
    position: absolute;
    top: -12px;
    right: -12px;
    background: #ED2024 !important;
    border: 2px solid #ffffff !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    cursor: pointer;
    color: #ffffff !important;
    line-height: 1;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999999 !important;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25) !important;
}
.aih-booking-modal-close:hover {
    background: #092e6e !important;
    color: #ffffff !important;
    transform: scale(1.1) rotate(90deg) !important;
}
.aih-booking-doc-name {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 15px;
    color: #092e6e;
    margin: 0 0 4px 0;
    padding-right: 25px;
    text-align: center;
}
.aih-booking-schedule-badge {
    background: #fff3f3;
    color: #c0101a;
    border: 1px solid #f5c6c6;
    border-radius: 4px;
    padding: 4px 10px;
    font-size: 11px;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 12px;
    display: block;
    text-align: center;
}
.aih-booking-form {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.aih-booking-input {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 8px 12px;
    font-family: 'Poppins', sans-serif;
    font-size: 12.5px;
    outline: none;
    transition: border-color 0.2s;
}
.aih-booking-input:focus { border-color: #092e6e; }
.aih-booking-sex-group { display: flex; flex-direction: column; gap: 4px; }
.aih-booking-sex-label { font-size: 12px; font-weight: 600; color: #555; }
.aih-booking-radio-options { display: flex; gap: 15px; }
.aih-booking-radio-label { font-size: 12.5px; cursor: pointer; }

/* Calendar container fits columns */
.aih-calendar-container {
    border: 1px solid #ddd;
    border-radius: 6px;
    overflow: hidden;
    padding: 6px;
    width: 100%;
    max-width: none;
    margin: 0;
}
.aih-calendar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #092e6e;
    color: #fff;
    padding: 6px 12px;
    border-radius: 4px;
}
.aih-calendar-month-year {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: #ffffff !important; /* Clear high contrast text color */
}
.aih-calendar-nav-btn {
    background: none;
    border: none;
    color: #ffffff !important; /* High contrast arrow buttons */
    font-size: 14px;
    cursor: pointer;
    padding: 2px 8px;
    border-radius: 4px;
    transition: background 0.2s;
}
.aih-calendar-nav-btn:hover { background: rgba(255,255,255,0.2); }

.aih-time-slots-section { margin-top: 8px; }
.aih-time-slots-label { font-size: 11.5px; font-weight: 700; color: #092e6e; display: block; margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.5px; }
.aih-time-slots-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.aih-time-slot-pill {
    padding: 8px 10px;
    border: 1px solid #333 !important;
    border-radius: 4px !important;
    font-size: 11px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
    transition: all 0.2s;
    background: #fff !important;
    color: #333 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.aih-time-slot-pill:hover { background: #f1f5f9 !important; }
.aih-time-slot-pill.selected { background: #092e6e !important; color: #fff !important; border-color: #092e6e !important; font-weight: 700; }
.aih-time-slot-pill.unavailable { opacity: 0.4; cursor: not-allowed; pointer-events: none; }

/* Tighter, more compact calendar styling for booking modal */
.aih-booking-modal-card .aih-calendar-container {
    padding: 4px;
}
.aih-booking-modal-card .aih-calendar-header {
    padding: 4px 8px;
}
.aih-booking-modal-card .aih-calendar-month-year {
    font-size: 12px;
}
.aih-booking-modal-card .aih-calendar-nav-btn {
    font-size: 11px;
    padding: 1px 6px;
}
.aih-booking-modal-card .aih-calendar-weekdays {
    font-size: 10px;
    padding: 5px 0;
    margin-top: 6px;
}
.aih-booking-modal-card .aih-calendar-day {
    font-size: 11px;
    font-weight: 500;
    aspect-ratio: 1.3;
}

/* Booking summary panel */
.aih-booking-summary {
    display: none;
    margin-top: 10px;
    padding: 10px;
    background: #f8f9fa;
    border: 1px dashed var(--aih-blue);
    border-radius: 6px;
}
.aih-booking-summary-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 12px;
    color: var(--aih-blue);
    margin-bottom: 4px;
}
.aih-booking-summary-text {
    font-family: 'Poppins', sans-serif;
    font-size: 11.5px;
    color: #333;
    line-height: 1.5;
}



/* ─── TWO COLUMN MODAL GRID ─── */
@media (min-width: 601px) {
    .aih-booking-modal-card .aih-booking-form:has(.aih-booking-left-col) {
        display: flex;
        flex-direction: row;
        gap: 20px;
    }
    .aih-booking-modal-card .aih-booking-left-col,
    .aih-booking-modal-card .aih-booking-right-col {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 12px;
    }
    .aih-booking-modal-card .aih-booking-right-col {
        justify-content: flex-start;
    }
}
@media (max-width: 600px) {
    .aih-booking-modal-card {
        max-width: 360px;
        padding: 15px;
    }
    .aih-booking-modal-card .aih-booking-form {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
}

/* ─── PROFILE MODAL OVERLAY ─── */
.aih-profile-modal-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.6);
    z-index: 99999;
    align-items: flex-start;
    justify-content: center;
    padding: 30px 20px;
    overflow-y: auto;
}
.aih-profile-modal-overlay.active { display: flex; }
.aih-profile-modal-card {
    background: #fff;
    border-radius: 12px;
    width: 100%;
    max-width: 900px;
    position: relative;
    box-shadow: 0 25px 70px rgba(0,0,0,0.35);
    overflow: hidden;
    margin: auto;
}
.aih-profile-modal-close {
    position: absolute;
    top: 14px;
    right: 16px;
    background: rgba(255,255,255,0.25);
    border: none;
    color: #fff;
    font-size: 22px;
    cursor: pointer;
    z-index: 10;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}
.aih-profile-blue-header {
    background: linear-gradient(135deg, #092e6e 0%, #1a4fa0 100%);
    padding: 30px;
    display: flex;
    gap: 20px;
    align-items: center;
}
.aih-profile-header-img-wrap {
    width: 90px; height: 90px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid rgba(255,255,255,0.4);
    flex-shrink: 0;
}
.aih-profile-header-img-wrap img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
.aih-profile-header-info { flex: 1; }
.aih-profile-name-white { color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 20px; margin: 0 0 4px; }
.aih-profile-title-white { color: rgba(255,255,255,0.85); font-size: 13.5px; margin-bottom: 2px; }
.aih-profile-quals-white { color: rgba(255,255,255,0.7); font-size: 12.5px; margin-bottom: 8px; }
.aih-profile-header-row-tags { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.aih-profile-pmdc-badge { background: #ED2024; color: #fff; font-size: 11px; font-weight: 700; padding: 3px 10px; border-radius: 12px; }
.aih-profile-stars { color: #ffd700; font-size: 12px; display: flex; gap: 2px; }
.aih-profile-hosp-tag { color: rgba(255,255,255,0.8); font-size: 11px; display: flex; align-items: center; gap: 4px; }
.aih-profile-red-bar { background: #ED2024; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 13px; padding: 8px 30px; text-transform: uppercase; letter-spacing: 1px; }
.aih-profile-split-container { display: grid; grid-template-columns: 1fr 380px; gap: 0; }
.aih-profile-left-col { padding: 25px 30px; max-height: 500px; overflow-y: auto; }
.aih-profile-right-col { padding: 20px; background: #f9f9fc; border-left: 1px solid #eee; }
.aih-profile-section-heading { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 15px; color: #092e6e; margin: 18px 0 8px; border-bottom: 2px solid #ED2024; padding-bottom: 4px; display: inline-block; }
.aih-profile-bio { font-size: 13.5px; color: #555; line-height: 1.8; }
.aih-profile-bullet-list { padding-left: 0; list-style: none; margin: 0; }
.aih-profile-bullet-list li { font-size: 13px; color: #555; padding: 4px 0 4px 18px; position: relative; }
.aih-profile-bullet-list li::before { content: '•'; color: #ED2024; position: absolute; left: 0; font-weight: 900; }
.aih-profile-reviews-summary-row { font-size: 13px; }
.aih-profile-reviews-count-badge { background: #092e6e; color: #fff; font-size: 11.5px; font-weight: 700; padding: 4px 10px; border-radius: 12px; }
.aih-profile-write-review-btn { background: none; border: 1px solid #092e6e; color: #092e6e; font-size: 12px; padding: 4px 12px; border-radius: 6px; cursor: pointer; }

@media (max-width: 768px) {
    .aih-booking-modal-card { padding: 20px; }
    .aih-profile-split-container { grid-template-columns: 1fr; }
    .aih-profile-left-col { max-height: none; }
}

/* ─── REVIEW MODAL OVERLAY ─── */
.aih-review-modal-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.55);
    z-index: 999999;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.aih-review-modal-overlay.active {
    display: flex;
}
.aih-review-modal-card {
    background: #fff;
    border-radius: 12px;
    padding: 30px;
    width: 100%;
    max-width: 480px;
    position: relative;
    box-shadow: 0 20px 60px rgba(0,0,0,0.3);
}
.aih-review-modal-close {
    position: absolute;
    top: -16px;
    right: -16px;
    background: #ED2024 !important;
    border: 2.5px solid #ffffff !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    cursor: pointer;
    color: #ffffff !important;
    line-height: 1;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999999 !important;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
}
.aih-review-modal-close:hover {
    background: #092e6e !important;
    transform: scale(1.1) rotate(90deg) !important;
}
.aih-review-modal-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 18px;
    color: #092e6e;
    margin-bottom: 20px;
}
.aih-profile-review-action-btn.like-btn.active {
    color: #28a745 !important;
}
.aih-profile-review-action-btn.dislike-btn.active {
    color: #dc3545 !important;
}
.aih-profile-review-action-btn.active {
    font-weight: 700;
}
.aih-nested-comment-item {
    background-color: #f8f9fa !important;
    border-left: 3px solid #092e6e !important;
    margin-left: 15px;
}

/* =========================================
   EVENTS PAGE STYLING
   ========================================= */
.aih-events-page-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 52px;
    font-weight: 700;
    color: #092e6e;
    text-align: right;
    margin-top: 40px;
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    .aih-events-page-title {
        font-size: 36px;
        margin-top: 25px;
        margin-bottom: 15px;
        text-align: center;
    }
}

.aih-events-section {
    padding: 30px 0 70px;
    background: #ffffff;
    font-family: 'Poppins', sans-serif;
}

.aih-events-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 10px;
}

.aih-event-card {
    background: #ffffff;
    border: none;
    border-radius: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: none;
    transition: all 0.3s ease;
}

.aih-event-card:hover {
    transform: translateY(-5px);
    box-shadow: none;
}

.aih-event-image-wrap {
    width: 100%;
    height: 220px;
    overflow: hidden;
    position: relative;
}

.aih-event-image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.aih-event-card:hover .aih-event-image-wrap img {
    transform: scale(1.05);
}

.aih-event-content {
    padding: 15px 0 0 0;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.aih-event-text {
    font-size: 14px;
    color: #555555;
    line-height: 1.6;
    margin-bottom: 20px;
    flex-grow: 1;
}

.aih-event-btn-wrap {
    text-align: right;
}

.aih-event-btn {
    background: #2ebb77;
    color: #ffffff !important;
    padding: 8px 16px;
    font-size: 13.5px;
    font-weight: 600;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    transition: all 0.2s ease;
}

.aih-event-btn:hover {
    background: #25a267;
    box-shadow: 0 4px 12px rgba(46, 187, 119, 0.3);
}

@media (max-width: 991px) {
    .aih-events-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .aih-events-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }
}

/* =========================================
   EVENT DETAIL PAGES
   ========================================= */
.aih-event-detail-section {
    padding: 60px 0;
    background: #fcfcfc;
    font-family: 'Poppins', sans-serif;
}

.aih-back-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--aih-blue);
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 30px;
    transition: color 0.2s ease;
}

.aih-back-btn:hover {
    color: var(--aih-red);
}

.aih-event-detail-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 24px;
    color: #222;
    line-height: 1.5;
    margin-bottom: 40px;
    border-bottom: 2px solid #eaeaea;
    padding-bottom: 15px;
}

.aih-event-gallery-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 20px;
}

.aih-gallery-item {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02);
    transition: all 0.3s ease;
    height: 200px;
    position: relative;
}

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

.aih-gallery-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}

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

.aih-gallery-item::after {
    content: '\f002';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    inset: 0;
    background: rgba(9, 46, 110, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 24px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.aih-gallery-item:hover::after {
    opacity: 1;
}

/* --- LIGHTBOX MODAL --- */
.aih-lightbox-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.9);
    z-index: 100000;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.aih-lightbox-overlay.active {
    display: flex;
    opacity: 1;
}

.aih-lightbox-content {
    position: relative;
    max-width: 90%;
    max-height: 85%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.aih-lightbox-img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: 4px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.5);
    transform: scale(0.95);
    transition: transform 0.3s ease;
}

.aih-lightbox-overlay.active .aih-lightbox-img {
    transform: scale(1);
}

.aih-lightbox-close {
    position: absolute;
    top: -40px;
    right: 0;
    background: none;
    border: none;
    color: #fff;
    font-size: 30px;
    cursor: pointer;
    transition: color 0.2s;
}

.aih-lightbox-close:hover {
    color: var(--aih-red);
}

.aih-lightbox-prev, .aih-lightbox-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.1);
    border: none;
    color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.aih-lightbox-prev:hover, .aih-lightbox-next:hover {
    background: rgba(255, 255, 255, 0.25);
    color: var(--aih-red);
}

.aih-lightbox-prev {
    left: -80px;
}

.aih-lightbox-next {
    right: -80px;
}

@media (max-width: 991px) {
    .aih-event-gallery-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .aih-lightbox-prev {
        left: 10px;
    }
    .aih-lightbox-next {
        right: 10px;
    }
}

@media (max-width: 768px) {
    .aih-event-gallery-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .aih-event-gallery-grid {
        grid-template-columns: 1fr;
    }
}

/* =========================================
   CAREERS PAGE
   ========================================= */
.aih-careers-top-bar {
    background: #e11a22;
    color: #ffffff;
    padding: 8px 0;
    font-size: 13.5px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 0.5px;
}
.aih-careers-top-bar .container {
    display: flex;
    justify-content: flex-end;
}
.aih-careers-nav-row {
    background: #ffffff;
    padding: 15px 0;
    box-shadow: 0 2px 10px rgba(0,0,0,0.02);
}
.aih-careers-nav-row .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.aih-careers-logo img {
    height: 52px;
    width: auto;
}
.aih-careers-menu {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}
.aih-careers-menu-item {
    margin: 0 18px;
}
.aih-careers-menu-item a {
    font-family: 'Poppins', sans-serif;
    font-size: 14.5px;
    font-weight: 600;
    color: #092e6e;
    text-decoration: none;
    transition: color 0.2s;
}
.aih-careers-menu-item a:hover,
.aih-careers-menu-item.active a {
    color: #e11a22;
}
.aih-careers-btn-book {
    background: #e11a22;
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 11.5px;
    padding: 10px 22px;
    border-radius: 25px;
    text-decoration: none;
    text-transform: uppercase;
    transition: background 0.2s, transform 0.2s;
    letter-spacing: 0.5px;
    display: inline-block;
}
.aih-careers-btn-book:hover {
    background: #c2131b;
    transform: translateY(-1px);
}
.aih-careers-info-row {
    background: #ffffff;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    padding: 12px 0;
}
.aih-careers-info-grid {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.aih-careers-info-item {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-family: 'Poppins', sans-serif;
    font-size: 13.5px;
    color: #666666;
}
.aih-careers-info-item:not(:last-child) {
    border-right: 1px solid #eaeaea;
}
.aih-careers-info-item i {
    color: #092e6e;
    font-size: 16px;
}
.aih-careers-banner {
    position: relative;
    min-height: 245px;
    background: url('../images/servicesbg.jpeg') center / cover no-repeat;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.aih-careers-banner-overlay-blue {
    position: absolute;
    top: 0;
    left: 0;
    width: 17%;
    height: 100%;
    background: #092e6e;
    z-index: 1;
}
.aih-careers-banner-overlay-blue::after {
    content: '';
    position: absolute;
    top: 0;
    right: -40px;
    width: 0;
    height: 0;
    border-top: 245px solid #092e6e;
    border-right: 40px solid transparent;
    z-index: 1;
}
.aih-careers-banner-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 38px;
    color: #ffffff;
    margin: 0 !important;
    text-transform: uppercase;
    line-height: 1.2;
}
.aih-careers-content {
    padding: 60px 0 80px;
    background: #ffffff;
    font-family: 'Poppins', sans-serif;
}
.aih-careers-sec-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 32px;
    color: #e11a22;
    margin-bottom: 30px;
}
.aih-careers-form .aih-input {
    height: 50px;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    padding: 10px 15px;
    font-size: 14px;
    color: #333333;
    background-color: #fcfcfc;
    box-shadow: none;
    transition: all 0.2s ease;
}
.aih-careers-form .aih-input:focus {
    border-color: #092e6e;
    background-color: #ffffff;
    box-shadow: 0 0 0 0.2rem rgba(0, 74, 153, 0.1);
}
.aih-file-label {
    font-size: 14px;
    font-weight: 600;
    color: #555;
    margin-bottom: 8px;
    display: block;
}
.aih-file-upload-wrapper {
    display: flex;
    align-items: center;
    gap: 15px;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    padding: 8px 12px;
    background-color: #fcfcfc;
    position: relative;
}
.aih-btn-choose {
    background: #2ebb77;
    color: #ffffff !important;
    font-size: 11px;
    font-weight: 700;
    padding: 6px 12px;
    border-radius: 3px;
    cursor: pointer;
    margin-bottom: 0;
    transition: background 0.2s;
    display: inline-block;
}
.aih-btn-choose:hover {
    background: #25a267;
}
.aih-file-name {
    font-size: 13px;
    color: #777;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.aih-file-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.aih-btn-submit {
    background: #092e6e;
    color: #ffffff !important;
    border: none;
    padding: 12px 24px;
    font-size: 13px;
    font-weight: 700;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.2s, box-shadow 0.2s;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.aih-btn-submit:hover {
    background: #003670;
    box-shadow: 0 4px 12px rgba(0, 74, 153, 0.2);
}
.aih-careers-footer-text {
    font-size: 13px;
    font-weight: 700;
    color: #333333;
    margin-top: 15px;
    text-align: left;
}
.aih-careers-footer-text a {
    color: #e11a22;
    text-decoration: none;
}
.aih-careers-footer-text a:hover {
    text-decoration: underline;
}
.aih-careers-image-wrap {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.aih-hospital-img {
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

@media (max-width: 991px) {
    .aih-careers-info-grid {
        flex-direction: column;
        gap: 12px;
    }
    .aih-careers-info-item {
        border-right: none !important;
    }
    .aih-careers-nav-row .container {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }
    .aih-careers-menu {
        margin: 10px 0;
    }
    .aih-careers-banner-overlay-blue {
        width: 100%;
        background: rgba(9, 46, 110, 0.9);
    }
    .aih-careers-banner-overlay-blue::after {
        display: none;
    }
    .aih-careers-banner-title {
        text-align: center;
        font-size: 28px;
    }
    .aih-careers-content {
        padding: 40px 0 60px;
    }
    .aih-careers-sec-title {
        font-size: 26px;
        margin-bottom: 20px;
        text-align: center;
    }
    .aih-careers-footer-text {
        text-align: center;
    }
    .aih-btn-submit {
        width: 100%;
    }
}

/* =========================================
   TRAINING AND DEVELOPMENT PAGE
   ========================================= */
.aih-training-section {
    padding: 60px 0 80px;
    background: #ffffff;
}
.aih-training-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px 25px;
}
.aih-training-card {
    background: #ffffff;
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease;
}
.aih-training-img-wrap {
    width: 100%;
    aspect-ratio: 1.5;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    background: #f5f7fa;
}
.aih-training-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}
.aih-training-card:hover .aih-training-img-wrap img {
    transform: scale(1.05);
}
.aih-training-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 12px;
    padding: 0 2px;
}
.aih-training-name {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #444444;
}
.aih-training-btn {
    background: var(--aih-blue-accent);
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 11px;
    padding: 7px 15px;
    border-radius: 3px;
    letter-spacing: 0.5px;
    transition: background 0.2s, transform 0.2s;
    display: inline-block;
}
.aih-training-btn:hover {
    background: #d01519;
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(237, 32, 36, 0.2);
}

/* Training Details Modal styling */
.aih-tr-modal-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.55);
    z-index: 999999;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.aih-tr-modal-overlay.active {
    display: flex;
}
.aih-tr-modal-card {
    background: #fff;
    border-radius: 12px;
    padding: 28px 24px;
    width: 100%;
    max-width: 480px;
    position: relative;
    box-shadow: 0 20px 60px rgba(0,0,0,0.3);
}
.aih-tr-modal-close {
    position: absolute;
    top: -12px;
    right: -12px;
    background: #ED2024 !important;
    border: 2px solid #ffffff !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    cursor: pointer;
    color: #ffffff !important;
    line-height: 1;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999999 !important;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;
}
.aih-tr-modal-close:hover {
    background: #092e6e !important;
    transform: scale(1.1) rotate(90deg) !important;
}
.aih-tr-modal-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 18px;
    color: #092e6e;
    margin-bottom: 8px;
}
.aih-tr-modal-desc {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 18px;
    padding-bottom: 12px;
    border-bottom: 1px solid #eee;
}

@media (max-width: 991px) {
    .aih-training-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }
}
@media (max-width: 575px) {
    .aih-training-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .aih-training-img-wrap {
        aspect-ratio: 1.4;
    }
}

/* ==========================================
   AIH REDESIGNED DOCTOR GRID & FILTERS
   ========================================== */
.aih-doctors-search-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #092e6e;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.aih-search-box-wrap {
    position: relative;
    width: 100%;
}

.aih-search-icon {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: #94a3b8;
    font-size: 15px;
    pointer-events: none;
}

.aih-search-input {
    padding-left: 45px !important;
    height: 48px;
    border-radius: 24px !important;
    border: 2px solid #e2e8f0 !important;
    font-size: 14px !important;
    font-family: 'Poppins', sans-serif !important;
    color: #334155 !important;
    transition: all 0.2s ease-in-out !important;
}

.aih-search-input:focus {
    border-color: #ED2024 !important;
    box-shadow: 0 0 0 3px rgba(237, 32, 36, 0.1) !important;
    outline: none !important;
}

.aih-filter-label {
    font-family: 'Poppins', sans-serif;
    font-size: 12.5px;
    font-weight: 700;
    color: #64748b;
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: block;
}

.aih-filter-select {
    height: 48px;
    border-radius: 24px !important;
    border: 2px solid #e2e8f0 !important;
    font-size: 14px !important;
    font-family: 'Poppins', sans-serif !important;
    color: #334155 !important;
    padding-left: 20px !important;
    transition: all 0.2s ease-in-out !important;
    cursor: pointer !important;
    appearance: none !important;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") no-repeat right 20px center/12px 10px !important;
}

.aih-filter-select:focus {
    border-color: #ED2024 !important;
    box-shadow: 0 0 0 3px rgba(237, 32, 36, 0.1) !important;
    outline: none !important;
}

/* Redesigned Doctor Card Layout (Grid styling) */
.aih-doctor-grid-card {
    background: #fff;
    border-radius: 12px;
    border: 1px solid #f1f5f9;
    padding: 30px 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 4px 20px rgba(0,0,0,0.02);
    transition: all 0.3s ease;
    height: 100%;
}

.aih-doctor-grid-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(9, 46, 110, 0.08);
    border-color: rgba(9, 46, 110, 0.05);
}

.aih-doctor-grid-img-wrap {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 20px;
    border: 3px solid #e2e8f0;
    transition: border-color 0.3s;
    background: #f8fafc;
}

.aih-doctor-grid-card:hover .aih-doctor-grid-img-wrap {
    border-color: #ED2024;
}

.aih-doctor-grid-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.aih-doctor-grid-name {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #0f172a;
    margin: 0 0 6px 0;
    line-height: 1.3;
}

.aih-doctor-grid-spec {
    font-family: 'Poppins', sans-serif;
    font-size: 13.5px;
    font-weight: 600;
    color: #64748b;
    margin-bottom: 8px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.3;
}

.aih-doctor-grid-exp {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #ED2024;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.aih-doctor-grid-btn {
    background-color: var(--aih-blue-accent);
    color: #ffffff !important;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2em;
    text-transform: uppercase;
    padding: 10px 24px;
    border-radius: 20px;
    text-decoration: none;
    text-align: center;
    border: none;
    width: 100%;
    max-width: 180px;
    transition: all 0.3s ease;
    display: inline-block;
    margin-top: auto;
}

.aih-doctor-grid-btn:hover {
    background-color: #092e6e;
    box-shadow: 0 4px 12px rgba(9, 46, 110, 0.2);
}

/* ==========================================================================
   MOBILE RESPONSIVENESS OVERRIDES (HERO SLIDER & QUICK ACTIONS)
   ========================================================================== */
@media (max-width: 767px) {
    /* Make hero slider adjust height to mobile-specific vertical images */
    .aih-hero-slider-unit,
    #aihCarousel,
    .carousel-inner,
    .carousel-item {
        height: auto !important;
        min-height: auto !important;
    }
    
    .carousel-item img {
        height: auto !important;
        width: 100% !important;
        object-fit: contain !important;
    }



    /* Show text/HTML overlays on mobile since the mobile images do not contain them */
    .aih-hero-overlay:not(.d-none) {
        display: flex !important;
    }

    /* Order dots/indicators below the carousel slides */
    #aihCarousel {
        display: flex !important;
        flex-direction: column !important;
    }
    .carousel-inner {
        order: 1 !important;
    }
    .carousel-indicators {
        order: 2 !important;
        position: relative !important;
        bottom: auto !important;
        margin: 15px 0 25px 0 !important;
        display: flex !important;
        justify-content: center !important;
    }
}

/* Quick Actions spacing and styling updates */
.aih-quick-actions {
    background: transparent !important;
}

.aih-quick-actions .row {
    width: auto !important;
    margin-left: -8px !important;
    margin-right: -8px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

.aih-quick-actions .row > div[class*="col-"] {
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.aih-action-box {
    border-radius: 8px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
    background: var(--aih-blue) !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Hover/active effects */
.aih-action-box:hover {
    background: var(--aih-blue-accent) !important;
}

/* Mobile specific styling for quick action cards */
@media (max-width: 767px) {
    .aih-action-box {
        flex-direction: column !important;
        padding: 20px 10px !important;
        min-height: 110px !important;
        text-align: center;
    }
    
    .aih-action-icon {
        margin-right: 0 !important;
        margin-bottom: 8px !important;
        font-size: 28px !important;
    }
    
    .aih-action-text {
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
    }
}

/* ==========================================================================
   OFF-CANVAS MOBILE DRAWER NAVIGATION (SLIDES FROM LEFT)
   ========================================================================== */
/* Backdrop Overlay */
.aih-drawer-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99998;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.aih-drawer-backdrop.show {
    opacity: 1;
    visibility: visible;
}

/* Drawer Container */
.aih-mobile-drawer {
    position: fixed;
    top: 0;
    left: -320px; /* Hidden offscreen on the left */
    width: 300px;
    max-width: 85%;
    height: 100%;
    background: var(--aih-blue); /* #092e6e */
    z-index: 99999;
    box-shadow: 5px 0 25px rgba(0, 0, 0, 0.2);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow-y: auto;
    padding: 60px 24px 40px 24px;
    display: flex;
    flex-direction: column;
}

.aih-mobile-drawer.open {
    left: 0; /* Slide in from left */
}

/* Close Button (top-right of drawer) */
.aih-drawer-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 34px;
    height: 34px;
    background: #ffffff;
    border: none;
    border-radius: 4px;
    color: var(--aih-blue);
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease;
}

.aih-drawer-close:hover {
    background: #f0f0f0;
    transform: scale(1.05);
}

/* Menu Logo */
.aih-drawer-logo {
    margin-bottom: 30px;
    text-align: left;
    background: #ffffff;
    padding: 8px 12px;
    border-radius: 6px;
    display: inline-block;
    max-width: 100%;
    box-sizing: border-box;
}

.aih-drawer-logo img {
    max-height: 45px;
    max-width: 100%;
    width: auto;
    height: auto;
    display: block;
}

/* Drawer Menu List */
.aih-drawer-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.aih-drawer-link {
    color: #ffffff !important;
    font-size: 17px;
    font-weight: 600;
    text-decoration: none !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: color 0.2s ease;
}

.aih-drawer-link:hover {
    color: #f3f7fa !important;
}

/* Dropdown arrow rotation */
.aih-drawer-link i {
    font-size: 12px;
    transition: transform 0.3s ease;
}

.aih-drawer-dropdown.active > .aih-drawer-link i {
    transform: rotate(180deg);
}

/* Dropdown Menu (White Box Layout like screenshot) */
.aih-drawer-submenu {
    list-style: none;
    padding: 12px 18px !important;
    margin: 8px 0 0 0;
    background: #ffffff;
    border-radius: 6px;
    display: none; /* hidden by default */
    flex-direction: column;
    gap: 12px;
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.05);
}

.aih-drawer-dropdown.active > .aih-drawer-submenu {
    display: flex; /* show when active */
}

.aih-drawer-submenu a {
    color: #333333 !important;
    font-size: 14.5px;
    font-weight: 500;
    text-decoration: none !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: color 0.2s ease;
}

.aih-drawer-submenu a:hover {
    color: var(--aih-blue) !important;
}

/* Sub-dropdown (e.g. HR inside About Us) */
.aih-drawer-sub-dropdown-toggle i {
    font-size: 10px;
    transition: transform 0.3s ease;
}

.aih-drawer-sub-dropdown.active > .aih-drawer-sub-dropdown-toggle i {
    transform: rotate(90deg);
}

.aih-drawer-sub-submenu {
    list-style: none;
    padding: 6px 0 0 12px !important;
    margin: 6px 0 0 0;
    border-left: 2px solid var(--aih-blue);
    display: none;
    flex-direction: column;
    gap: 10px;
}

.aih-drawer-sub-dropdown.active > .aih-drawer-sub-submenu {
    display: flex;
}

.aih-drawer-sub-submenu a {
    color: #555555 !important;
    font-size: 13.5px;
}

/* ==========================================================================
   FLOATING DESKTOP SIDEBAR TOGGLE BUTTON (STUCK TO LEFT SIDE)
   ========================================================================== */
.aih-floating-sidebar-btn {
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: var(--aih-blue);
    color: #ffffff !important;
    border: none;
    border-radius: 0 8px 8px 0;
    width: 40px;
    height: 110px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    box-shadow: 3px 0 15px rgba(0, 0, 0, 0.15);
    z-index: 99997; /* Floats below the backdrop (99998) and drawer (99999) */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    padding: 10px 0;
    transition: all 0.3s ease;
}

.aih-drawer-backdrop.show {
    opacity: 1;
    visibility: visible;
}

/* Drawer Container */
.aih-mobile-drawer {
    position: fixed;
    top: 0;
    left: -320px; /* Hidden offscreen on the left */
    width: 300px;
    max-width: 85%;
    height: 100%;
    background: var(--aih-blue); /* #092e6e */
    z-index: 99999;
    box-shadow: 5px 0 25px rgba(0, 0, 0, 0.2);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow-y: auto;
    padding: 60px 24px 40px 24px;
    display: flex;
    flex-direction: column;
}

.aih-mobile-drawer.open {
    left: 0; /* Slide in from left */
}

/* Close Button (top-right of drawer) */
.aih-drawer-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 34px;
    height: 34px;
    background: #ffffff;
    border: none;
    border-radius: 4px;
    color: var(--aih-blue);
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease;
}

.aih-drawer-close:hover {
    background: #f0f0f0;
    transform: scale(1.05);
}

/* Menu Logo */
.aih-drawer-logo {
    margin-bottom: 30px;
    text-align: left;
    background: #ffffff;
    padding: 8px 12px;
    border-radius: 6px;
    display: inline-block;
    max-width: 100%;
    box-sizing: border-box;
}

.aih-drawer-logo img {
    max-height: 45px;
    max-width: 100%;
    width: auto;
    height: auto;
    display: block;
}

/* Drawer Menu List */
.aih-drawer-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.aih-drawer-link {
    color: #ffffff !important;
    font-size: 17px;
    font-weight: 600;
    text-decoration: none !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: color 0.2s ease;
}

.aih-drawer-link:hover {
    color: #f3f7fa !important;
}

/* Dropdown arrow rotation */
.aih-drawer-link i {
    font-size: 12px;
    transition: transform 0.3s ease;
}

.aih-drawer-dropdown.active > .aih-drawer-link i {
    transform: rotate(180deg);
}

/* Dropdown Menu (White Box Layout like screenshot) */
.aih-drawer-submenu {
    list-style: none;
    padding: 12px 18px !important;
    margin: 8px 0 0 0;
    background: #ffffff;
    border-radius: 6px;
    display: none; /* hidden by default */
    flex-direction: column;
    gap: 12px;
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.05);
}

.aih-drawer-dropdown.active > .aih-drawer-submenu {
    display: flex; /* show when active */
}

.aih-drawer-submenu a {
    color: #333333 !important;
    font-size: 14.5px;
    font-weight: 500;
    text-decoration: none !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: color 0.2s ease;
}

.aih-drawer-submenu a:hover {
    color: var(--aih-blue) !important;
}

/* Sub-dropdown (e.g. HR inside About Us) */
.aih-drawer-sub-dropdown-toggle i {
    font-size: 10px;
    transition: transform 0.3s ease;
}

.aih-drawer-sub-dropdown.active > .aih-drawer-sub-dropdown-toggle i {
    transform: rotate(90deg);
}

.aih-drawer-sub-submenu {
    list-style: none;
    padding: 6px 0 0 12px !important;
    margin: 6px 0 0 0;
    border-left: 2px solid var(--aih-blue);
    display: none;
    flex-direction: column;
    gap: 10px;
}

.aih-drawer-sub-dropdown.active > .aih-drawer-sub-submenu {
    display: flex;
}

.aih-drawer-sub-submenu a {
    color: #555555 !important;
    font-size: 13.5px;
}

/* ==========================================================================
   FLOATING DESKTOP SIDEBAR TOGGLE BUTTON (STUCK TO LEFT SIDE)
   ========================================================================== */
.aih-floating-sidebar-btn {
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: var(--aih-blue);
    color: #ffffff !important;
    border: none;
    border-radius: 0 8px 8px 0;
    width: 40px;
    height: 110px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    box-shadow: 3px 0 15px rgba(0, 0, 0, 0.15);
    z-index: 99997; /* Floats below the backdrop (99998) and drawer (99999) */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    padding: 10px 0;
}

.aih-floating-sidebar-btn:hover {
    background: var(--aih-red);
    width: 48px;
    padding-left: 5px;
}

.aih-floating-sidebar-btn i {
    font-size: 16px;
}

.aih-floating-sidebar-btn span {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    letter-spacing: 1.5px;
    font-family: 'Montserrat', sans-serif;
}

/* Drawer Logo Fix */
.aih-drawer-logo {
    padding: 30px 20px 20px 20px;
}
.aih-mobile-drawer.open {
    left: 0; /* Slide in from left */
}

/* Close Button (top-right of drawer) */
.aih-drawer-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 34px;
    height: 34px;
    background: #ffffff;
    border: none;
    border-radius: 4px;
    color: var(--aih-blue);
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease;
}

.aih-drawer-close:hover {
    background: #f0f0f0;
    transform: scale(1.05);
}

/* Menu Logo */
.aih-drawer-logo {
    margin-bottom: 30px;
    text-align: left;
    background: #ffffff;
    padding: 8px 12px;
    border-radius: 6px;
    display: inline-block;
    max-width: 100%;
    box-sizing: border-box;
}

.aih-drawer-logo img {
    max-height: 45px;
    max-width: 100%;
    width: auto;
    height: auto;
    display: block;
}

/* Drawer Menu List */
.aih-drawer-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.aih-drawer-link {
    color: #ffffff !important;
    font-size: 17px;
    font-weight: 600;
    text-decoration: none !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: color 0.2s ease;
}

.aih-drawer-link:hover {
    color: #f3f7fa !important;
}

/* Dropdown arrow rotation */
.aih-drawer-link i {
    font-size: 12px;
    transition: transform 0.3s ease;
}

.aih-drawer-dropdown.active > .aih-drawer-link i {
    transform: rotate(180deg);
}

/* Dropdown Menu (White Box Layout like screenshot) */
.aih-drawer-submenu {
    list-style: none;
    padding: 12px 18px !important;
    margin: 8px 0 0 0;
    background: #ffffff;
    border-radius: 6px;
    display: none; /* hidden by default */
    flex-direction: column;
    gap: 12px;
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.05);
}

.aih-drawer-dropdown.active > .aih-drawer-submenu {
    display: flex; /* show when active */
}

.aih-drawer-submenu a {
    color: #333333 !important;
    font-size: 14.5px;
    font-weight: 500;
    text-decoration: none !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: color 0.2s ease;
}

.aih-drawer-submenu a:hover {
    color: var(--aih-blue) !important;
}

/* Sub-dropdown (e.g. HR inside About Us) */
.aih-drawer-sub-dropdown-toggle i {
    font-size: 10px;
    transition: transform 0.3s ease;
}

.aih-drawer-sub-dropdown.active > .aih-drawer-sub-dropdown-toggle i {
    transform: rotate(90deg);
}

.aih-drawer-sub-submenu {
    list-style: none;
    padding: 6px 0 0 12px !important;
    margin: 6px 0 0 0;
    border-left: 2px solid var(--aih-blue);
    display: none;
    flex-direction: column;
    gap: 10px;
}

.aih-drawer-sub-dropdown.active > .aih-drawer-sub-submenu {
    display: flex;
}

.aih-drawer-sub-submenu a {
    color: #555555 !important;
    font-size: 13.5px;
}

/* ==========================================================================
   FLOATING DESKTOP SIDEBAR TOGGLE BUTTON (STUCK TO LEFT SIDE)
   ========================================================================== */
.aih-floating-sidebar-btn {
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: var(--aih-blue);
    color: #ffffff !important;
    border: none;
    border-radius: 0 8px 8px 0;
    width: 40px;
    height: 110px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    box-shadow: 3px 0 15px rgba(0, 0, 0, 0.15);
    z-index: 99997; /* Floats below the backdrop (99998) and drawer (99999) */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    padding: 10px 0;
}

.aih-floating-sidebar-btn:hover {
    background: var(--aih-red);
    width: 48px;
    padding-left: 5px;
}

.aih-floating-sidebar-btn i {
    font-size: 16px;
}

.aih-floating-sidebar-btn span {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    letter-spacing: 1.5px;
    font-family: 'Montserrat', sans-serif;
}

/* Drawer Logo Fix */
.aih-drawer-logo {
    padding: 30px 20px 20px 20px;
    text-align: center;
    background: #ffffff;
    border-bottom: 1px solid #eaeaea;
}

.aih-drawer-logo img {
    max-height: 60px;
    max-width: 90%;
    object-fit: contain;
    display: inline-block;
}

/* Red Event Button */
.aih-event-btn {
    display: inline-block;
    background-color: var(--aih-blue-accent) !important;
    color: #fff !important;
    padding: 8px 16px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    transition: background 0.3s ease, transform 0.3s ease;
}

.aih-event-btn:hover {
    background-color: #d01a1d !important;
    color: #fff !important;
    transform: translateY(-2px);
}

/* ─── Shared Split Banner Design ─── */
.aih-dept-banner {
    position: relative;
    min-height: 245px;
    background: url('../images/servicesbg.jpeg') center / cover no-repeat;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.aih-dept-banner-overlay-blue {
    position: absolute;
    top: 0;
    left: 0;
    width: 17%;
    height: 100%;
    background: #092e6e;
    z-index: 1;
}
.aih-dept-banner-overlay-blue::after {
    content: '';
    position: absolute;
    top: 0;
    right: -40px;
    width: 0;
    height: 0;
    border-top: 245px solid #092e6e;
    border-right: 40px solid transparent;
    z-index: 1;
}

.aih-dept-banner-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 38px;
    color: #fff;
    margin: 0 !important;
    text-transform: uppercase;
    line-height: 1.2;
}

/* Mobile responsive layout overrides for About Hospital and Facilities overlays */
@media (max-width: 767px) {
    .aih-about-hospital-bg {
        background: #ffffff !important;
        padding: 0 !important;
    }
    .aih-about-hospital-bg .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    .aih-action-box {
        flex-direction: column !important;
        padding: 20px 10px !important;
        min-height: 110px !important;
        text-align: center;
        background: var(--aih-blue) !important;
    }
    .aih-action-box:hover {
        background: var(--aih-blue-accent) !important;
    }
    .aih-about-overlay-row {
        flex-direction: column !important;
        gap: 0 !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .aih-white-overlay-box {
        background: #ffffff !important;
        padding: 20px 15px !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        margin: 0 !important;
    }
    .aih-white-overlay-box h2 {
        display: none !important;
    }
    .aih-white-overlay-box p {
        font-size: 13px !important;
        line-height: 1.6 !important;
        color: #000000 !important;
        margin-bottom: 15px !important;
        text-align: center !important;
    }
    .aih-white-overlay-box p strong {
        font-weight: 700 !important;
        color: #000000 !important;
    }
    .aih-facilities {
        background: linear-gradient(180deg, rgba(0,120,190,0.98), rgba(0,120,190,0.9)) !important;
        padding: 35px 20px 50px 25px !important;
        border-radius: 0 !important;
        width: 100% !important;
        box-shadow: none !important;
        margin: 0 !important;
        position: relative !important;
        overflow: hidden !important;
    }
    .aih-facilities::after {
        content: "" !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: auto !important;
        width: 12px !important;
        height: 100% !important;
        background: #ff1e2d !important;
        z-index: 5 !important;
        display: block !important;
    }
    .aih-facilities ul {
        padding: 0 !important;
        margin: 0 !important;
    }
    .aih-facilities ul li {
        font-size: 14.5px !important;
        line-height: 1.5 !important;
        margin-bottom: 10px !important;
        padding-left: 25px !important;
        color: #ffffff !important;
        font-weight: 500 !important;
        text-shadow: 0 1px 2px rgba(0,0,0,0.15) !important;
    }
    .aih-facilities ul li::before {
        content: "\2713" !important;
        font-size: 15px !important;
        left: 0 !important;
        top: 0 !important;
        color: #ffffff !important;
        font-weight: 900 !important;
    }
    .aih-facilities .watermark {
        bottom: -40px !important;
        right: -80px !important;
        width: 250px !important;
        opacity: 0.12 !important;
        display: block !important;
        z-index: 1 !important;
    }
    .aih-bottom-dual-row {
        display: none !important;
    }
    .aih-professionals-wrap {
        margin-top: 35px !important;
    }
}

/* Remove green border and shadow from department page doctor circles */
.aih-team-img-circle {
    border: none !important;
    box-shadow: none !important;
}