:root {
    --primary-color: #be1e6c;       /* नेशनल हॉस्पिटल ब्रांड बेरी कलर */
    --primary-hover: #9c1556;       /* गहरा मजेंटा होवर टोन */
    --primary-light: #fdf2f8;       /* रो चयन पिंक टिंट */
    --text-dark: #0f172a;           /* टाइटल्स डार्क टोन */
    --text-muted: #475569;          /* सब-विवरण टेक्स्ट रंग */
    --bg-dark: #09101d;             /* फुटर गहरा रॉयल नेवी-ब्लैक */
    --transition-smooth: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

* {
    margin: 0;    padding: 0;    box-sizing: border-box;    font-family: Arial, Helvetica, sans-serif;}

html {    scroll-behavior: smooth;    overflow-x: hidden;}

body {    background-color: #ffffff;    color: var(--text-muted);    overflow-x: hidden;}

.master-header-root {    width: 100% !important;    position: relative !important;    z-index: 9999999 !important;    background-color: #ffffff !important;
}
.master-header-root {    width: 100% !important;    position: relative !important;    z-index: 9999999 !important;    background-color: #ffffff !important;
}
.master-header-root.master-sticky-active {    position: fixed !important;    top: -2px !important;    left: 0 !important;    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12) !important;    transition: transform 0.3s ease-in-out !important;
}
.navbar-container {    background-color: #ffffff !important;    display: flex !important;    justify-content: space-between !important;
    align-items: center !important;    width: 100% !important;    height: 90px !important;     padding: 0 !important;    box-sizing: border-box !important;
}
.logo-bar-slanted-bg {    background-color: #be1e6c !important;     height: 100% !important;    display: flex !important;    align-items: center !important;    padding-left: 3% !important;    padding-right: 65px !important;     z-index: 25 !important;    flex-shrink: 0 !important;
    
    clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 100%, 0 100%) !important;
    box-sizing: border-box !important;
}
.logo-area {    display: flex !important;    align-items: center !important;    gap: 14px !important;    text-decoration: none !important;}
.nh-logo-img-wrapper-frame {
    width: 54px !important;
    height: 54px !important;
    background-color: #ffffff !important; 
    border-radius: 50% !important; 
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
    flex-shrink: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    border: 2px solid #ffffff !important;
}

.nh-logo-img-wrapper-frame img {
    width: 88% !important;
    height: 88% !important;
    object-fit: contain !important;
}

.logo-text-box h1 {
    font-size: 19px !important;
    color: #ffffff !important; 
    font-weight: 800 !important;
    line-height: 1.1 !important;
    margin: 0 !important;
    letter-spacing: -0.3px !important;
    white-space: nowrap !important;
}

.logo-text-box p {
    font-size: 10px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    margin-top: 3px !important;
    margin-bottom: 0 !important;
    white-space: nowrap !important;
}

.menu-bar-white-bg {
    background-color: #ffffff !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    padding-right: 3% !important;
    flex-grow: 1 !important;
    justify-content: flex-end !important;
    z-index: 15 !important;
    box-sizing: border-box !important;
}

.nav-links {
    display: flex !important;
    list-style: none !important;
    gap: 16px !important;
    align-items: center !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.nav-links > li {
    position: relative !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
}

.nav-links > li > a {
    text-decoration: none !important;
    color: #334155 !important;
    font-weight: 700 !important; 
    font-size: 13.5px !important;
    display: inline-flex !important;
    align-items: center !important;
    height: 100% !important;
    white-space: nowrap !important;
}

.nav-links > li > a:hover {
    color: #be1e6c !important; 
}

.nh-all-depts-highlight {
    color: #c61c1a !important;
    font-weight: 700 !important;
}

.nh-special-highlight-menu-link {
    background-color: #be1e6c !important; 
    color: #ffffff !important; 
    padding: 8px 16px !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 10px rgba(190, 30, 108, 0.2) !important;
    transition: all 0.3s ease !important;
    height: auto !important; 
}
.nh-special-highlight-menu-link:hover {
    background-color: #9c1556 !important; 
    color: #ffffff !important;
    transform: translateY(-1px) !important;
}

.arrow-down {
    display: inline-block !important;
    width: 0 !important;
    height: 0 !important;
    margin-left: 5px !important;
    border-top: 4px solid #475569 !important;
    border-right: 3.5px solid transparent !important;
    border-left: 3.5px solid transparent !important;
    transition: transform 0.3s ease !important;
}

.sub-menu {
    position: absolute !important;
    top: 90px !important;
    left: 0 !important;
    background-color: #ffffff !important;
    min-width: 240px !important;
    list-style: none !important;
    border-radius: 0 0 8px 8px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12) !important;
    padding: 8px 0 !important;
    border-top: 3px solid #be1e6c !important; 
    display: none !important; 
    z-index: 999999999 !important;
    margin: 0 !important;
}

.sub-menu li { width: 100% !important; }
.sub-menu li a {
    display: block !important;
    padding: 10px 20px !important;
    color: #0f172a !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    text-align: left !important;
}
.sub-menu li a:hover {
    background-color: #fdf2f8 !important;
    color: #be1e6c !important;
    padding-left: 24px !important;
}

@media (min-width: 1025px) {
    .nav-links > li.has-dropdown:hover .sub-menu { display: block !important; }
    .nav-links > li.has-dropdown:hover .arrow-down { transform: rotate(180deg) !important; border-top-color: #be1e6c !important; }
    .nav-links > li::after { content: '' !important; position: absolute !important; bottom: -15px !important; left: 0 !important; width: 100% !important; height: 15px !important; display: block !important; }
}

.menu-toggle {
    display: none; 
    flex-direction: column !important;
    gap: 5px !important;
    cursor: pointer !important;
    z-index: 99999999 !important;
    padding: 12px !important;
    background: transparent !important;
    border: none !important;
    margin-right: 15px !important;
    outline: none !important;
}
.menu-toggle span { width: 24px !important; height: 3px !important; background-color: #0f172a !important; border-radius: 2px !important; display: block !important; transition: all 0.3s ease !important; }

@media (max-width: 1024px) {
    .master-header-root { position: fixed !important; top: 0 !important; left: 0 !important; z-index: 9999999 !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important; height: 80px !important; width: 100% !important; }
    .navbar-container { height: 75px !important; }
    .logo-bar-slanted-bg { clip-path: none !important; background-color: transparent !important; padding-left: 15px !important; padding-right: 0 !important; max-width: 75% !important; }
    .logo-text-box h1 { color: #be1e6c !important; font-size: 14px !important; }
    .logo-text-box p { color: #64748b !important; font-size: 9px !important; }
    .nh-logo-img-wrapper-frame { width: 42px !important; height: 42px !important; border-color: #be1e6c !important; }
    
    .menu-toggle { display: flex !important; }
    .menu-bar-white-bg { background-color: transparent !important; padding: 0 !important; flex-grow: 0 !important; }
    
   
    .nav-links { position: fixed !important; top: 0 !important; right: -100% !important; height: 100vh !important; width: 280px !important; background-color: #ffffff !important; flex-direction: column !important; align-items: flex-start !important; padding: 90px 24px 40px 24px !important; gap: 10px !important; box-shadow: -10px 0 30px rgba(0, 0, 0, 0.15) !important; transition: right 0.35s ease-in-out !important; overflow-y: auto !important; display: flex !important; z-index: 9999995 !important; }
    .nav-links.mobile-active { right: 0 !important; }
    .nav-links > li { width: 100% !important; height: auto !important; display: block !important; }
    .nav-links > li > a { color: #0f172a !important; width: 100% !important; padding: 12px 0 !important; font-size: 15px !important; justify-content: space-between !important; border-bottom: 1px solid #f1f5f9 !important; height: auto !important; display: flex !important; }
    
Use code with caution.
.nh-special-highlight-menu-link { width: 100% !important; justify-content: center !important; margin-top: 10px !important; }

.menu-toggle.open span:nth-child(1) { transform: translateY(8px) rotate(45deg); background-color: #be1e6c !important; }
.menu-toggle.open span:nth-child(2) { opacity: 0; }
.menu-toggle.open span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); background-color: #be1e6c !important; }
.sub-menu { position: relative !important; top: 0 !important; display: none !important; box-shadow: none !important; border-top: none !important; border-left: 3px solid #be1e6c !important; margin: 5px 0 5px 12px !important; background-color: #fafafa !important; width: calc(100% - 12px) !important; border-radius: 0 !important; }
.nav-links .arrow-down { border-top-color: #0f172a !important; }
}
@media (max-width: 440px) {
.logo-text-box h1 { font-size: 13px !important; }
.logo-text-box p { display: none !important; } 
.logo-bar-slanted-bg { max-width: 80% !important; }
}

.hero-slider-section {
    position: relative;    width: 100%;    height: 540px;    overflow: hidden;    background-color: #0f172a;    z-index: 5;
}

.hero-slide {
    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    display: flex;    align-items: center;    padding: 0 7%;
    opacity: 0;    visibility: hidden;    transition: opacity 0.6s ease-in-out, visibility 0.6s ease-in-out;    z-index: 1;
}

.hero-slide.active {
    opacity: 1;    visibility: visible;    z-index: 3;
}

.hero-slide-bg {
    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background-position: center center;    background-size: cover;
    background-repeat: no-repeat;    transform: scale(1.08);    transition: transform 0.6s ease-out;
}

.hero-slide.active .hero-slide-bg {
    transform: scale(1);    animation: fadeZoomEngine 2s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

@keyframes fadeZoomEngine {
    0% { transform: scale(1.08); }
    100% { transform: scale(1); }
}

.hero-slider-content-container {
    position: relative;    z-index: 10;    max-width: 780px;    display: flex;    flex-direction: column;    align-items: flex-start;
}

.hero-animated-tag {
    background-color: #f59e0b;    color: #ffffff;    padding: 6px 14px;    font-size: 13px;    font-weight: 700;    border-radius: 4px;    margin-bottom: 22px;    letter-spacing: 0.5px;    text-transform: uppercase;    box-shadow: 0 4px 10px rgba(245, 158, 11, 0.15);
}

.hero-animated-title {
    color: #ffffff;    font-size: 48px;    font-weight: 800;    line-height: 1.2;    margin-bottom: 22px;    letter-spacing: -0.5px;
}

.hero-animated-desc {
    color: #cbd5e1;    font-size: 16px;    line-height: 1.65;    margin-bottom: 35px;    font-weight: 400 !important;
}

.hero-animated-btns {
    display: flex;    gap: 15px;    align-items: center;    flex-wrap: wrap;
}

.hero-btn-solid {
    background-color: #ffffff;    color: #0f172a;    padding: 14px 28px;    font-size: 14px;    font-weight: 700;    text-decoration: none;    border-radius: 4px;    border: 2px solid #ffffff;    transition: all 0.3s ease;    text-transform: uppercase;    letter-spacing: 0.5px;
}
.hero-btn-solid:hover { background-color: transparent; color: #ffffff; }

.hero-btn-outline {
    background-color: transparent;    color: #ffffff;    padding: 14px 28px;    font-size: 14px;    font-weight: 700;    text-decoration: none;
    border-radius: 4px;    border: 2px solid #ffffff;    transition: all 0.3s ease;    text-transform: uppercase;    letter-spacing: 0.5px;
}
.hero-btn-outline:hover { background-color: #ffffff; color: #0f172a; }

/* SLIDER CASCADING INTERMITTENT ANIMATIONS */
.hero-slide .hero-animated-tag,
.hero-slide .hero-animated-title,
.hero-slide .hero-animated-desc,
.hero-slide .hero-animated-btns {
    opacity: 0;
    transform: translateY(30px);
}

.hero-slide.active .hero-animated-tag { animation: slideUpEngine 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0.3s forwards; }.hero-slide.active .hero-animated-title { animation: slideUpEngine 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0.5s forwards; }.hero-slide.active .hero-animated-desc { animation: slideUpEngine 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0.7s forwards; }.hero-slide.active .hero-animated-btns { animation: slideUpEngine 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0.9s forwards; }@keyframes slideUpEngine {0% { opacity: 0; transform: translateY(30px); }100% { opacity: 1; transform: translateY(0); }}.slider-arrow-btn {position: absolute;top: 50%;transform: translateY(-50%);width: 48px;height: 48px;background-color: rgba(15, 23, 42, 0.35);border: 1px solid rgba(255, 255, 255, 0.15);border-radius: 50px;display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 100;transition: all 0.3s ease;outline: none;}.slider-arrow-btn svg {width: 24px;height: 24px;fill: #ffffff;transition: fill 0.3s;}.slider-arrow-btn:hover {background-color: var(--primary-color);border-color: var(--primary-color);box-shadow: 0 4px 12px rgba(190, 30, 108, 0.3);}.prev-btn { left: 20px; }.next-btn { right: 20px; }/* SLIDER TICKER BAR */.hero-bottom-info-ticker {position: absolute;bottom: 0;left: 0;width: 100%;height: 50px;z-index: 50;display: flex;justify-content: space-between;align-items: center;padding: 0 5%;background-color: #0ea5e9;color: #ffffff;font-weight: 600;font-size: 13.5px;}.ticker-left-info { display: flex; align-items: center; gap: 10px; }.ticker-svg-icon { width: 18px; height: 18px; fill: #ffffff; }.ticker-right-emergency {background-color: #ef4444;height: 100%;display: flex;align-items: center;padding: 0 20px;gap: 8px;clip-path: polygon(15px 0%, 100% 0%, 100% 100%, 0% 100%);}.ticker-right-emergency .emergency-lbl { font-size: 11px; text-transform: uppercase; opacity: 0.9; }.ticker-right-emergency .emergency-lnk { color: #ffffff; text-decoration: none; font-weight: 700; }

.nh-core-features-section {
    background-color: #f6e0eb;  padding: 45px 5%;  width: 100%; position: relative;  z-index: 20;  margin-top: -30px;  box-sizing: border-box;
}

.nh-features-max-container {
    display: grid !important;    grid-template-columns: repeat(4, 1fr) !important;    gap: 24px !important;    max-width: 1440px;    margin: 0 auto;
}

.nh-feature-premium-card {
    background-color: #ffffff;    border: 1px solid #e2e8f0;    border-top: 4px solid var(--primary-color, #be1e6c);
    border-radius: 8px;    padding: 28px 24px;    display: flex !important;    flex-direction: column !important;    align-items: center !important;
    text-align: center !important;    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px -1px rgba(0, 0, 0, 0.01);
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;    box-sizing: border-box;
}

.nh-feature-premium-card:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 25px -5px rgba(190, 30, 108, 0.12), 0 10px 10px -5px rgba(190, 30, 108, 0.04) !important;
}

.nh-ayushman-special-card {
    border-top-color: #22c55e !important;
}

.nh-ayushman-special-card:hover {
    box-shadow: 0 20px 25px -5px rgba(34, 197, 94, 0.12), 0 10px 10px -5px rgba(34, 197, 94, 0.04) !important;
}

.nh-feat-icon-wrapper {
    width: 60px;    height: 60px;    background-color: #f8fafc;    border-radius: 50%;     display: flex !important;
    align-items: center !important;    justify-content: center !important;    margin-bottom: 20px;    transition: all 0.3s ease;
    border: 1px solid #f1f5f9;
}

.nh-feature-premium-card:hover .nh-feat-icon-wrapper {
    background-color: var(--primary-color, #be1e6c);
    transform: rotateY(180deg) !important; 
}

.nh-ayushman-special-card:hover .nh-feat-icon-wrapper {
    background-color: #22c55e; /* आयुष्मान कार्ड होवर पर ग्रीन बेस */
}

/* SVG ICON DEFAULT TONE */
.nh-feat-icon-wrapper svg {
    width: 26px;
    height: 26px;
    fill: var(--primary-color, #be1e6c);
    transition: fill 0.3s ease;
}

/* होवर करने पर अंदर का आइकॉन सफेद हो जाएगा */
.nh-feature-premium-card:hover .nh-feat-icon-wrapper svg {
    fill: #ffffff !important;
}

/* TEXT CONTENT LAYOUT */
.nh-feat-text-block {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100%;
}

/* मुख्य शीर्षक स्टाइल */
.nh-feat-title {
    font-size: 15px;
    color: #0f172a;
    font-weight: 800;
    letter-spacing: 0.3px;
    line-height: 1.3;
    margin: 0;
}

.nh-ayushman-special-card .nh-feat-title {
    color: #166534; /* आयुष्मान हेडिंग के लिए डार्क ग्रीन शेड */
}

/* विवरण पैराग्राफ (Normal Typography Weight) */
.nh-feat-desc {
    font-size: 13px;
    color: #64748b;
    line-height: 1.6;
    font-weight: 400 !important; /* अक्षरों को अत्यधिक मोटा होने से रोका */
    margin: 0;
    min-height: 60px; /* डेस्कटॉप पर सभी डिब्बों की टेक्स्ट ऊंचाई एक समान सिंक रखने के लिए */
}

.nh-feat-desc.hindi-text-fix {
    font-size: 13.5px;
    line-height: 1.5;
}

/* ========================================================
   CRITICAL REPAIR: FORCED MOBILE 1-1 BREAKPOINTS
   ======================================================== */
@media (max-width: 1024px) {
    .nh-core-features-section {
        margin-top: 0; /* टैबलेट और मोबाइल पर नेगेटिव मार्जिन रीसेट */
        padding: 40px 20px;
    }
    
    /* टैबलेट स्क्रीन्स पर 2 कॉलम वितरण संतुलन */
    .nh-features-max-container {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }
}

@media (max-width: 768px) {
    .nh-core-features-section {
        padding: 40px 15px;
    }

    /* 
       निर्देशानुसार सुधार (Forced Mobile 1-1 Single Column): 
       स्मार्टफोन स्क्रीन्स पर आते ही सभी फ़ीचर कार्ड्स 
       एक के नीचे एक पूरी चौड़ाई (Single-Single Block Layer) में साफ़-सुथरे व्यवस्थित हो जाएंगे।
    */
    .nh-features-max-container {
        grid-template-columns: 1fr !important; /* परफेक्ट सिंगल-सिंगल मोड */
        gap: 20px !important;
    }
    
    .nh-feature-premium-card {
        width: 100% !important;
        padding: 24px 20px; /* मोबाइल अनुकूलन पैडिंग */
    }
    
    .nh-feat-title {
        font-size: 14.5px;
    }
    
    .nh-feat-desc {
        font-size: 12.5px;
        min-height: auto; /* मोबाइल पर हाइट ऑटो */
    }
    
    .nh-feat-icon-wrapper {
        width: 54px;
        height: 54px;
        margin-bottom: 16px;
    }
    
    .nh-feat-icon-wrapper svg {
        width: 22px;
        height: 22px;
    }
}


/* ==========================================================================
   PART 5: PRIMARY BODY SECTION WITH CENTERED TOP TITLES
   ========================================================================== */

.hospital-overview-section {
    background-color: #ffffff;
    padding: 70px 5%;
    width: 100%;
    box-sizing: border-box;
}

.overview-centered-header {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 40px;
}

.overview-centered-header .section-badge {
    color: var(--primary-color, #be1e6c);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 6px;
}

.overview-centered-header .section-main-title {
    font-size: 34px;
    color: #0f172a;
    font-weight: 800;
    line-height: 1.2;
}

.overview-centered-header .section-title-line {
    width: 60px;
    height: 4px;
    background-color: var(--primary-color, #be1e6c);
    margin-top: 12px;
    border-radius: 2px;
}

.facilities-block-title {
    font-size: 22px;
    color: #0f172a;
    font-weight: 700;
    margin-bottom: 24px;
    line-height: 1.3;
}

/* MASTER DESKTOP GRID: PERFECT 3 COLUMNS ROW */
.overview-triple-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; /* डेस्कटॉप पर 3 हिस्से अगल-बगल */
    gap: 35px !important;
    max-width: 1400px;
    margin: 0 auto;
    align-items: start;
}

.overview-col {
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box;
}

.about-text-p {
    font-size: 14.5px;
    color: #475569;
    line-height: 1.65;
    margin-bottom: 18px;
    text-align: justify;
    font-weight: 400 !important; /* टेक्स्ट बोल्ड नहीं रहेगा */
}

/* IMAGE FRAMING ACCENT SYSTEM */
.hospital-photo-frame {
    position: relative;
    width: 100%;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.hospital-building-img {
    width: 100%;
    height: 360px;
    object-fit: cover;
    border-radius: 12px;
    display: block;
    position: relative;
    z-index: 2;
    transition: transform 0.4s ease;
}

.hospital-photo-frame:hover .hospital-building-img {
    transform: scale(1.02);
}

.frame-border-accent {
    position: absolute;
    top: 15px;
    left: -15px;
    width: 100%;
    height: 100%;
    border: 2px dashed var(--primary-color, #be1e6c);
    border-radius: 12px;
    z-index: 1;
    transition: all 0.4s ease;
}

.hospital-photo-frame:hover .frame-border-accent {
    top: 10px;
    left: -10px;
    border-color: #0f172a;
}

/* LIST COMPONENT MAP */
.facilities-check-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 30px;
    padding: 0;
}

.facilities-check-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    text-align: left;
}

.facilities-check-list li .check-svg {
    width: 18px;
    height: 18px;
    fill: var(--primary-color, #be1e6c);
    flex-shrink: 0;
}

.facilities-check-list li span {
    font-size: 14.5px;
    color: #334155;
    font-weight: 600;
}

.overview-view-more-btn {
    background-color: var(--primary-color, #be1e6c);
    color: #ffffff;
    text-decoration: none;
    padding: 12px 24px;
    font-weight: 700;
    font-size: 13.5px;
     border-radius: 50px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    align-self: flex-start;
    box-shadow: 0 4px 12px rgba(190, 30, 108, 0.2);
    transition: all 0.3s ease;
}

.overview-view-more-btn .btn-arrow-svg {
    width: 14px;
    height: 14px;
    fill: #ffffff;
    transition: transform 0.3s ease;
}

.overview-view-more-btn:hover {
    background-color: var(--primary-hover, #9c1556);
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(190, 30, 108, 0.3);
}

.overview-view-more-btn:hover .btn-arrow-svg {
    transform: translateX(4px);
}

/* ========================================================
   CRITICAL REPAIR: MULTI-STAGE RESPONSIVE LAYOUT MATRIX
   ======================================================== */
@media (max-width: 1024px) {
    /* मध्यम स्क्रीन / टैबलेट पर लेआउट संतुलन */
    .overview-triple-grid {
        grid-template-columns: repeat(2, 1fr) !important; 
        gap: 25px !important;
    }
    /* तीसरे कॉलम (सुविधाओं की सूची) को पूरी चौड़ाई देना */
    .facilities-column {
        grid-column: span 2 !important;
        margin-top: 15px;
    }
}

@media (max-width: 768px) {
    .hospital-overview-section {
        padding: 50px 15px;
    }
    
    .overview-centered-header .section-main-title {
        font-size: 26px; /* मोबाइल पर मुख्य शीर्षक छोटा किया */
    }

    /* 
       निर्देशानुसार सुधार (Forced Mobile 1-1 Column Stack):
       स्मार्टफोन स्क्रीन्स पर आते ही तीनों कॉलम (विवरण, फोटो, और सुविधाएं) 
       बिल्कुल साफ़-सुथरे एक के नीचे एक (Single Column Stack) में बदल जाएंगे।
    */
    .overview-triple-grid {
        grid-template-columns: 1fr !important; /* परफेक्ट सिंगल-सिंगल मोड */
        gap: 30px !important;
    }
    
    .facilities-column {
        grid-column: span 1 !important; /* मोबाइल पर ग्रिड स्पैन रीसेट */
        margin-top: 0;
    }
    
    .hospital-building-img {
        height: 260px; /* मोबाइल पर अस्पताल की फोटो की ऊंचाई सुव्यवस्थित की */
    }
    
    .about-text-p {
        font-size: 14px;
        line-height: 1.6;
        text-align: left; /* मोबाइल पर पढ़ने की सुगमता के लिए */
    }
    
     .overview-view-more-btn {
        width: auto !important; /* पूरी चौड़ाई ब्लॉक को निरस्त करना */
        min-width: 180px !important; /* बटन का एक छोटा और मानक आकार */
        max-width: 80% !important; /* स्क्रीन की 80% सीमा से बाहर नहीं जाएगा */
        padding: 10px 24px !important; /* छोटा और स्लीक पैडिंग लुक */
        border-radius: 50px !important; /* पिल-शेप कस्टमाइज्ड 80% राउंडेड रेडियस */
        
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        
        margin: 0 auto !important; /* बटन को बिल्कुल केंद्र (Center) में रोकने के लिए */
        font-size: 13px !important;
        box-shadow: 0 4px 10px rgba(190, 30, 108, 0.25) !important;
    }
}


/* ========================================================PART 6: EXPANDED EXPERT DOCTORS SECTION (4-COL GRID)======================================================== */
/* ========================================================
     PART-7: EXPERT DOCTORS 4-COLUMN MATRIX STYLESHEET
     ======================================================== */

.expert-doctors-section {
    background-color: #f6e0eb; 
    padding: 80px 5%;
    width: 100%;
    box-sizing: border-box;
}

.doctors-centered-header {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 50px;
}

.doctors-centered-header .doctors-badge {
    color: var(--primary-color, #be1e6c); 
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 6px;
}

.doctors-centered-header .doctors-main-title {
    font-size: 34px;
    color: #0f172a;
    font-weight: 800;
    line-height: 1.2;
}

.doctors-centered-header .doctors-title-line {
    width: 60px;
    height: 4px;
    background-color: var(--primary-color, #be1e6c);
    margin-top: 12px;
    border-radius: 2px;
}

/* MASTER DESKTOP GRID: PERFECT 4 COLUMNS ROW */
.doctors-four-column-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important; /* डेस्कटॉप पर 4 डॉक्टर्स एक सीध में */
    gap: 30px !important;
    max-width: 1440px;
    margin: 0 auto;
}

/* SINGLE PREMIUM DOCTOR PROFILE CARD DESIGN */
.doctor-profile-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 24px;
    text-align: center;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02);
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
}

/* PREMIUM SMOOTH UPWARD RISE HOVER ANIMATION */
.doctor-profile-card:hover {
    transform: translateY(-8px) !important;
    border-color: var(--primary-color, #be1e6c) !important;
    box-shadow: 0 20px 25px -5px rgba(190, 30, 108, 0.1), 0 10px 10px -5px rgba(190, 30, 108, 0.04) !important;
}

.doc-image-container {
    position: relative;
    width: 150px;
    height: 150px;
    margin-bottom: 20px;
    z-index: 5;
}

.doc-actual-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    border: 4px solid #ffffff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    position: relative;
    z-index: 3;
    transition: transform 0.4s ease;
}

.doctor-profile-card:hover .doc-actual-img {
    transform: scale(1.04) !important;
}

.doc-frame-accent {
    position: absolute;
    top: -3px;
    left: -3px;
    width: 156px;
    height: 156px;
    border: 2px dashed var(--primary-color, #be1e6c);
    border-radius: 50%;
    z-index: 1;
    transition: transform 0.8s ease;
}

.doctor-profile-card:hover .doc-frame-accent {
    transform: rotate(90deg) !important;
    border-color: #0ea5e9 !important;
}

.doc-meta-info-box {
    width: 100%;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.doc-name {
    font-size: 16px;
    color: #0f172a;
    font-weight: 800;
    margin-bottom: 4px;
    letter-spacing: 0.3px;
    line-height: 1.3;
}

.doc-designation {
    font-size: 12px;
    color: var(--primary-color, #be1e6c);
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 8px;
    letter-spacing: 0.5px;
}

.doc-qualifications {
    font-size: 13px;
    color: #64748b;
    line-height: 1.4;
    font-weight: 400 !important;
    min-height: 38px;
}

.doc-card-divider {
    width: 40px;
    height: 1px;
    background-color: #e2e8f0;
    margin: 16px 0;
}

.doc-view-dept-btn {
    color: #475569;
    text-decoration: none;
    font-size: 13.5px;
    font-weight: 700;
    padding: 8px 16px;
    border-radius: 6px;
    background-color: #f1f5f9;
    transition: all 0.3s ease;
    width: 100%;
    box-sizing: border-box;
}

.doc-view-dept-btn:hover {
    background-color: var(--primary-color, #be1e6c);
    color: #ffffff;
    box-shadow: 0 4px 10px rgba(190, 30, 108, 0.2);
}

/* MASTER VIEW MORE BUTTON AT BOTTOM */
.doctors-view-more-container {
    width: 100%;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: 55px;
}

.doc-master-view-more-btn {
    background-color: var(--primary-color, #be1e6c);
    color: #ffffff;
    text-decoration: none;
    padding: 14px 32px;
    font-weight: 700;
    font-size: 14px;
    border-radius: 50px;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px;
    box-shadow: 0 4px 15px rgba(190, 30, 108, 0.25);
    transition: all 0.3s ease !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.doc-master-view-more-btn .btn-arrow-svg {
    width: 16px;
    height: 16px;
    fill: #ffffff;
    transition: transform 0.3s ease;
}

.doc-master-view-more-btn:hover {
    background-color: var(--primary-hover, #9c1556);
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 20px rgba(190, 30, 108, 0.35) !important;
}

.doc-master-view-more-btn:hover .btn-arrow-svg {
    transform: translateX(5px) !important;
}

/* ========================================================
   RESPONSIVE DESIGN INTERVENTION: AUTOMATED GRID BREAKPOINTS
   ======================================================== */
@media (max-width: 1200px) {
    .doctors-four-column-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 24px !important;
    }
}

@media (max-width: 992px) {
    .doctors-four-column-grid {
        grid-template-columns: repeat(2, 1fr) !important; /* टैबलेट व्यू पर भी 2 कॉलम */
        gap: 20px !important;
    }
}

@media (max-width: 768px) {
    .expert-doctors-section {
        padding: 50px 15px;
    }
    
    .doctors-centered-header .doctors-main-title {
        font-size: 26px; 
    }

    /* 
       महत्वपूर्ण फिक्स (Symmetric Mobile 2-Column Matrix): 
       मोबाइल स्क्रीन पर आते ही सभी डॉक्टरों के प्रोफाइल कार्ड्स 
       बिल्कुल साफ़-सुथरे एक कतार में 2-2 (2 Column Layout) शो होना शुरू हो जाएंगे।
    */
    .doctors-four-column-grid {
        grid-template-columns: repeat(2, 1fr) !important; /* परफेक्ट 2-2 कार्ड ग्रिड मोड */
        gap: 15px !important; /* मोबाइल के अनुसार संतुलित दूरी */
    }
    
    .doctor-profile-card {
        padding: 16px 12px; /* छोटी स्क्रीन पर आंतरिक पैडिंग संतुलन */
        border-radius: 12px;
    }

    /* मोबाइल पर इमेज का साइज थोड़ा छोटा किया ताकि 2-कॉलम में जगह बनी रहे */
    .doc-image-container {
        width: 100px;
        height: 100px;
        margin-bottom: 12px;
    }
    
    .doc-frame-accent {
        width: 104px;
        height: 104px;
        top: -2px;
        left: -2px;
    }

    .doc-name {
        font-size: 14px; /* मोबाइल के हिसाब से फॉन्ट अलाइनमेंट */
    }
    
    .doc-designation {
        font-size: 11px;
    }

    .doc-qualifications {
        font-size: 11px;
        min-height: auto; 
    }
    
    .doc-view-dept-btn {
        font-size: 12px;
        padding: 6px 12px;
    }

    .doc-master-view-more-btn {
        width: 100%; 
        justify-content: center;
        padding: 12px 24px;
        font-size: 13px;
    }
}

@media (max-width: 400px) {
    /* अत्यधिक संकीर्ण/छोटे मोबाइल्स के लिए गैप थोड़ा और कम */
    .doctors-four-column-grid {
        gap: 10px !important;
    }
    .doctor-profile-card {
        padding: 12px 8px;
    }
    .doc-name {
        font-size: 13px;
    }
}


/* ========================================================
   PART-8: CLINICAL GRAPHICS GALLERY & POPUP MODAL STYLES
   ======================================================== */

.graphics-showcase-section {
    background-color: #ffffff;
    padding: 60px 4%;
    width: 100%;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
    margin: 30px 0;
    position: relative;
    box-sizing: border-box;
}

.graphics-centered-header {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 45px;
}

.graphics-centered-header .graphics-badge {
    color: var(--primary-color, #be1e6c);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 6px;
}

.graphics-centered-header .graphics-main-title {
    font-size: 34px;
    color: #0f172a;
    font-weight: 800;
    line-height: 1.2;
}

.graphics-centered-header .graphics-title-line {
    width: 60px;
    height: 4px;
    background-color: var(--primary-color, #be1e6c);
    margin-top: 12px;
    border-radius: 2px;
    margin-bottom: 16px;
}

.graphics-sub-desc {
    font-size: 15px;
    color: #64748b;
    max-width: 600px;
    line-height: 1.5;
}

/* DESKTOP VIEWPORTS DISPLAY 4 IN A ROW */
.graphics-poster-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 25px !important;
    max-width: 1400px;
    margin: 0 auto;
}

.poster-card {
    background-color: #ffffff;
    border: 1px solid #f1f5f9;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02);
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
    box-sizing: border-box;
}

.poster-card:hover {
    transform: translateY(-5px) !important;
    border-color: var(--primary-color, #be1e6c) !important;
    box-shadow: 0 12px 20px rgba(190, 30, 108, 0.12) !important;
}

.poster-image-box {
    position: relative;
    width: 100%;
    height: 340px;
    background-color: #fafafa;
    overflow: hidden;
}

.actual-poster-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.poster-hover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(190, 30, 108, 0.85);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.poster-card:hover .poster-hover-overlay {
    opacity: 1;
}

.poster-hover-overlay .view-icon {
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: 1px solid #ffffff;
    padding: 8px 18px;
    border-radius: 4px;
}

.doctors-view-more-container {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: 45px !important;
}

/* ========================================================
   MOBILE & TABLET BREAKPOINTS (SYMMETRIC 2-2 GRIDS FIX)
   ======================================================== */
@media (max-width: 1024px) {
    .graphics-poster-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }
    .poster-image-box { height: 280px; }
}

@media (max-width: 768px) {
    .graphics-showcase-section { padding: 40px 15px; }
    .graphics-centered-header .graphics-main-title { font-size: 26px; }

    /* मोबाइल पर आते ही ग्रिड परफेक्ट 2-2 कार्ड्स में बदल जाएगा */
    .graphics-poster-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 15px !important;
        padding: 0 5px;
    }
    
    .poster-image-box {
        height: 220px;
    }

    .doc-master-view-more-btn {
        width: auto !important;
        min-width: 190px !important;
        max-width: 80% !important;
        padding: 10px 24px !important;
        border-radius: 50px !important; /* 80% रेडियस कैप्सूल लुक */
        justify-content: center;
        font-size: 13px;
    }
}

/* ========================================================
   CRITICAL REPAIR: RESPONSIVE MEDIA QUERIES FOR 2-2 LAYOUT
   ======================================================== */
@media (max-width: 1024px) {
    .graphics-poster-grid {
        grid-template-columns: repeat(2, 1fr) !important; /* टैबलेट पर 2 कॉलम */
        gap: 20px !important;
    }
    .poster-image-box { height: 280px; }
}

@media (max-width: 768px) {
    .graphics-showcase-section {
        padding: 40px 15px;
    }
    
    .graphics-centered-header .graphics-main-title {
        font-size: 26px; /* मोबाइल अनुकूलन हेडिंग */
    }

    /* 
       निर्देशानुसार सुधार (Symmetric Mobile 2-Column Grid Fix): 
       मोबाइल स्क्रीन पर आते ही सभी पोस्टर्स बिना किसी लेआउट एरर के 
       एक कतार में परफेक्ट 2-2 (2 Column Layout) शो होना शुरू हो जाएंगे।
    */
    .graphics-poster-grid {
        grid-template-columns: repeat(2, 1fr) !important; /* परफेक्ट 2-2 पोस्टर ग्रिड मोड */
        gap: 15px !important; /* छोटी स्क्रीन के अनुसार संतुलित गैप */
        padding: 0 5px;
    }
    
    .poster-image-box {
        height: 220px; /* मोबाइल स्क्रीन्स के अनुपात अनुसार उपयुक्त ऊंचाई */
        border-radius: 6px;
    }
    
    .poster-hover-overlay .view-icon {
        font-size: 11px;
        padding: 6px 12px;
    }

    /* क्लिनिकल गैलरी का "View More" बटन छोटा, 50px रेडियस और सेंटर फिक्स */
    .doc-master-view-more-btn {
        width: auto !important;
        min-width: 190px !important;
        max-width: 80% !important;
        padding: 10px 24px !important;
        border-radius: 50px !important; /* सुंदर पिल-शेप 80% रेडियस */
        justify-content: center;
        font-size: 13px;
        margin: 0 auto !important;
    }

    /* मोबाइल व्यू पॉपअप बटन्स स्केलिंग */
    .lightbox-nav-btn {
        width: 44px !important;
        height: 44px !important;
        font-size: 20px !important;
    }
    .lightbox-prev { left: 10px !important; }
    .lightbox-next { right: 10px !important; }
    .lightbox-close-btn { top: 15px !important; right: 20px !important; font-size: 36px !important; }
}

@media (max-width: 420px) {
    /* बेहद छोटे स्मार्टफोन स्क्रीन्स पर स्पेसिंग का बारीक संतुलन */
    .graphics-poster-grid {
        gap: 10px !important;
    }
    .poster-image-box {
        height: 180px;
    }
}

/* ========================================================
   FINAL BULLETPROOF LIGHTBOX MODAL POPUP LAYER STYLES
   ======================================================== */

/* 1. मुख्य पॉपअप विंडो का बाहरी आवरण (Stays strictly on top of everything) */
.lightbox-modal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    background-color: rgba(9, 15, 29, 0.97) !important; /* प्रीमियम डार्क नाइट ब्लैक बैकड्रॉप */
    
    /* 
       महत्वपूर्ण सुधार (Forced Overlay Fixed Fix): 
       इसे ब्लॉक या रिलेटिव होने से रोककर सीधे फिक्स्ड मोड में स्क्रीन के 
       केंद्र में ताला लगा दिया गया है। z-index को सर्वोच्च स्तर पर सेट किया गया है 
       ताकि यह हेडर, स्लाइडर और फुटर जैसी सभी लेयर्स के ऊपर (Top View) खुल सके।
    */
    display: none; /* जावास्क्रिप्ट फ्लेक्स द्वारा लाइव नियंत्रित होगा */
    align-items: center !important;
    justify-content: center !important;
    z-index: 9999999999 !important; 
    box-sizing: border-box !important;
}

/* 2. इमेज स्टेज बॉक्स रैपर संरचना */
.lightbox-content-wrapper {
    max-width: 90% !important;
    max-height: 82vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 10000000001 !important;
    box-sizing: border-box !important;
}

/* 3. बड़ी होने वाली मुख्य फोटो की डिज़ाइन सेटिंग्स */
.lightbox-content-wrapper img {
    max-width: 100% !important;
    max-height: 82vh !important;
    object-fit: contain !important; /* फोटो बिना कटे ओरिजिनल प्रोपोर्शन में रहेगी */
    border-radius: 8px !important;
    border: 3px solid #ffffff !important; /* सुंदर वाइट बॉर्डर फ्रेम */
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.8) !important;
    box-sizing: border-box !important;
}

/* 4. पॉपअप बंद करने का क्लोज बटन (X) */
.lightbox-close-btn {
    position: absolute !important;
    top: 25px !important;
    right: 35px !important;
    color: #ffffff !important;
    font-size: 55px !important; /* साफ़ विज़िबिलिटी के लिए बड़ा साइज */
    font-weight: 300 !important;
    cursor: pointer !important;
    z-index: 10000000002 !important;
    user-select: none !important;
    transition: color 0.2s ease !important;
    line-height: 1 !important;
}

/* क्लोज बटन का होवर इफेक्ट आपके ब्रांड कलर #be1e6c में */
.lightbox-close-btn:hover {
    color: #be1e6c !important; 
}

/* ========================================================
   MOBILE SCREEN LIGHTBOX RESPONSIVE CONTROLS
   ======================================================== */
@media (max-width: 768px) {
    .lightbox-content-wrapper {
        max-width: 94% !important;
    }
    .lightbox-content-wrapper img {
        border-width: 2px !important;
    }
    .lightbox-close-btn {
        top: 15px !important;
        right: 25px !important;
        font-size: 45px !important;
    }
}

/* ========================================================
   GLOBAL ISOLATED LIGHTBOX SYSTEM STYLESHEET (CSS ONLY)
   ======================================================== */

.nh-global-lightbox-modal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    background-color: rgba(9, 15, 29, 0.97) !important; /* प्रीमियम डार्क बैकड्रॉप */
    display: none; /* जावास्क्रिप्ट फ्लेक्स द्वारा लाइव नियंत्रित होगा */
    align-items: center !important;
    justify-content: center !important;
    
    /* 
       महत्वपूर्ण फिक्स: 
       इसे किसी भी अन्य कंटेनर से पूरी तरह आज़ाद करके ब्रह्मांड का 
       सर्वोच्च ज़ेड-इंडेक्स दिया गया है ताकि बटन सबसे ऊपर तैर सकें।
    */
    z-index: 2147483647 !important; 
    box-sizing: border-box !important;
}

/* इमेज स्टेज बॉक्स रैपर संरचना */
.lightbox-content-wrapper {
    max-width: 80% !important; /* तीरों के लिए दोनों तरफ पर्याप्त जगह छोड़ी गई */
    max-height: 82vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

.lightbox-content-wrapper img {
    max-width: 100% !important;
    max-height: 82vh !important;
    object-fit: contain !important;
    border-radius: 8px !important;
    border: 3px solid #ffffff !important; /* वाइट बॉर्डर फ़्रेम */
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.8) !important;
    box-sizing: border-box !important;
}

/* पॉपअप बंद करने का क्लोज बटन (X) */
.lightbox-close-btn {
    position: absolute !important;
    top: 25px !important;
    right: 35px !important;
    color: #ffffff !important;
    font-size: 55px !important;
    font-weight: 300 !important;
    cursor: pointer !important;
    user-select: none !important;
    transition: color 0.2s ease !important;
    line-height: 1 !important;
}
.lightbox-close-btn:hover {
    color: #be1e6c !important; /* होवर पर आपकी ब्रांड थीम कलर */
}

/* ========================================================
   THE ARROW BUTTONS: FORCED VISIBILITY MATRIX
   ======================================================== */
.lightbox-nav-btn {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    
    background-color: rgba(255, 255, 255, 0.12) !important; /* साफ़ पारदर्शी सफ़ेद बेस */
    color: #ffffff !important; /* शुद्ध सफ़ेद तीर */
    border: 2px solid rgba(255, 255, 255, 0.4) !important; /* साफ़ आउटलाइन */
    
    font-size: 32px !important;
    font-weight: 700 !important;
    width: 60px !important;
    height: 60px !important;
    border-radius: 50px !important;
    
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.25s cubic-bezier(0.25, 1, 0.5, 1) !important;
    outline: none !important;
    user-select: none !important;
}

.lightbox-nav-btn:hover {
    background-color: #be1e6c !important; /* होver पर आपकी बेरी थीम कलर */
    border-color: #be1e6c !important;
    box-shadow: 0 4px 20px rgba(190, 30, 108, 0.6) !important;
    transform: translateY(-50%) scale(1.08) !important;
}

/* दोनों तीरों की स्क्रीन पर सटीक दूरी लॉकिंग */
.lightbox-prev { left: 40px !important; }
.lightbox-next { right: 40px !important; }

/* ========================================================
   MOBILE SCREEN LIGHTBOX RESPONSIVE CONTROLS
   ======================================================== */
@media (max-width: 992px) {
    .lightbox-content-wrapper { max-width: 90% !important; }
    .lightbox-nav-btn { width: 48px !important; height: 48px !important; font-size: 22px !important; }
    .lightbox-prev { left: 15px !important; }
    .lightbox-next { right: 15px !important; }
}

@media (max-width: 640px) {
    .lightbox-nav-btn {
        width: 40px !important;
        height: 40px !important;
        font-size: 18px !important;
        background-color: rgba(9, 15, 29, 0.7) !important; /* मोबाइल पर डार्क बेस */
    }
    .lightbox-prev { left: 10px !important; }
    .lightbox-next { right: 10px !important; }
    .lightbox-close-btn { top: 15px !important; right: 20px !important; font-size: 40px !important; }
}


/* ========================================================
   PART-8.2: INDEPENDENT PICTURE GALLERY EXCLUSIVE CSS
   ======================================================== */

.hospital-picture-gallery-section {
    background-color: #fff; /* सुरुचिपूर्ण लाइट मैट ग्रे बेस */
    padding: 80px 5%;
    width: 100%;
    box-sizing: border-box;
}

.gallery-centered-header {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 50px;
}

.gallery-centered-header .gallery-badge {
    color: var(--primary-color, #be1e6c);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 6px;
}

.gallery-centered-header .gallery-main-title {
    font-size: 34px;
    color: #0f172a;
    font-weight: 800;
    line-height: 1.2;
}

.gallery-centered-header .gallery-title-line {
    width: 60px;
    height: 4px;
    background-color: var(--primary-color, #be1e6c);
    margin-top: 12px;
    border-radius: 2px;
    margin-bottom: 16px;
}

.gallery-sub-desc {
    font-size: 14.5px;
    color: #64748b;
    max-width: 700px;
    line-height: 1.6;
}

/* DESKTOP GRID: PERFECT 4 IN A ROW */
.hospital-picture-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 25px !important;
    max-width: 1440px;
    margin: 0 auto;
}

.picture-profile-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02);
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
    box-sizing: border-box;
}

.picture-profile-card:hover {
    transform: translateY(-6px) !important;
    border-color: var(--primary-color, #be1e6c) !important;
    box-shadow: 0 15px 30px rgba(190, 30, 108, 0.12) !important;
}

.gallery-image-box {
    position: relative;
    width: 100%;
    height: 240px; /* पिक्चर गैलरी के लिए सुरुचिपूर्ण फिक्स ऊंचाई */
    background-color: #f1f5f9;
    overflow: hidden;
}

.actual-gallery-img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* आर्किटेक्चरल फोटो बिना पिचके पूरे फ्रेम को कवर करेगी */
    transition: transform 0.4s ease;
}

.picture-profile-card:hover .actual-gallery-img {
    transform: scale(1.04) !important;
}

.gallery-hover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(190, 30, 108, 0.85); /* पारदर्शी ब्रांड कलर लेयर */
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.picture-profile-card:hover .gallery-hover-overlay {
    opacity: 1;
}

.gallery-view-icon {
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: 1px solid #ffffff;
    padding: 8px 18px;
    border-radius: 4px;
}

.gallery-view-more-container {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: 45px !important;
}

.gallery-master-view-more-btn {
    background-color: var(--primary-color, #be1e6c);
    color: #ffffff;
    text-decoration: none;
    padding: 13px 32px;
    font-weight: 700;
    font-size: 14px;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 4px 15px rgba(190, 30, 108, 0.25);
    transition: all 0.3s ease !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.gallery-master-view-more-btn:hover {
    background-color: var(--primary-hover, #9c1556);
    transform: translateY(-2px) !important;
}

.gallery-arrow-svg {
    width: 16px;
    height: 16px;
    fill: #ffffff;
}

/* ========================================================
   NH-ISOLATED LIGHTBOX SYSTEM STYLESHEET (CSS ONLY)
   ======================================================== */
.nh-isolated-lightbox-modal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    background-color: rgba(9, 15, 29, 0.98) !important; /* प्रीमियम डार्क बैकड्रॉप */
    display: none;
    align-items: center !important;
    justify-content: center !important;
    z-index: 2147483647 !important; /* सर्वोच्च स्तर पर विज़िबिलिटी लॉकिंग */
    box-sizing: border-box !important;
}

.infra-content-wrapper {
    max-width: 80% !important;
    max-height: 82vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

.infra-content-wrapper img {
    max-width: 100% !important;
    max-height: 82vh !important;
    object-fit: contain !important;
    border-radius: 8px !important;
    border: 3px solid #ffffff !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.8) !important;
    box-sizing: border-box !important;
    transition: opacity 0.12s ease-in-out !important;
}

.infra-lightbox-close-btn {
    position: absolute !important;
    top: 25px !important;
    right: 35px !important;
    color: #ffffff !important;
    font-size: 55px !important;
    font-weight: 300 !important;
    cursor: pointer !important;
    line-height: 1 !important;
    z-index: 2147483647 !important;
    user-select: none !important;
}
.infra-lightbox-close-btn:hover { color: #be1e6c !important; }

/* THE ARROW BUTTONS EXCLUSIVE MATRIX FOR INFRA GALLERY */
.infra-nav-btn {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background-color: rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
    border: 2px solid rgba(255, 255, 255, 0.4) !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    width: 60px !important;
    height: 60px !important;
    border-radius: 50px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.25s cubic-bezier(0.25, 1, 0.5, 1) !important;
    outline: none !important;
    z-index: 2147483647 !important;
    user-select: none !important;
}

.infra-nav-btn:hover {
    background-color: #be1e6c !important;
    border-color: #be1e6c !important;
    box-shadow: 0 4px 20px rgba(190, 30, 108, 0.6) !important;
    transform: translateY(-50%) scale(1.08) !important;
}

.infra-prev { left: 40px !important; }
.infra-next { right: 40px !important; }

/* ========================================================
   MOBILESTAGE RESPONSIVE OVERRIDES (2-2 MATRIX SYNC)
   ======================================================== */
@media (max-width: 1024px) {
    .hospital-picture-grid {
        grid-template-columns: repeat(2, 1fr) !important; /* टैबलेट पर 2 कॉलम */
        gap: 20px !important;
    }
    .gallery-image-box { height: 200px; }
}

@media (max-width: 768px) {
    .hospital-picture-gallery-section { padding: 50px 15px; }
    .gallery-centered-header .gallery-main-title { font-size: 26px; }

    /* मोबाइल स्क्रीन पर आते ही पिक्चर गैलरी बिल्कुल परफेक्ट 2-2 कतार में लॉक हो जाएगी */
    .hospital-picture-grid {
        grid-template-columns: repeat(2, 1fr) !important; /* मोबाइल 2-2 ग्रिड पैच */
        gap: 15px !important;
        padding: 0 5px;
    }
    
    .gallery-image-box { height: 160px; } /* मोबाइल पर कॉम्पैक्ट इमेज फ्रेम */
    
    .gallery-master-view-more-btn {
        width: 100%; /* मोबाइल पर बॉटम बटन फुल विड्थ */
        justify-content: center;
        padding: 12px;
        border-radius: 50px;
    }

    /* मोबाइल व्यू पॉपअप एलाइनमेंट */
    .infra-content-wrapper { max-width: 90% !important; }
    .infra-nav-btn { width: 44px !important; height: 44px !important; font-size: 20px !important; background-color: rgba(9, 15, 29, 0.7) !important; }
    .infra-prev { left: 10px !important; }
    .infra-next { right: 10px !important; }
    .infra-lightbox-close-btn { top: 15px !important; right: 20px !important; font-size: 40px !important; }
}

/* ========================================================
   PART-8.3: INDEPENDENT PRESS RELEASE GALLERY CSS
   ======================================================== */

.hospital-press-release-section {
    background-color: #f6e0eb; /* क्लीन व्हाइट बैकग्राउंड बेस */
    padding: 80px 5%;
    width: 100%;
    box-sizing: border-box;
}

.press-centered-header {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 50px;
}

.press-centered-header .press-badge {
    color: var(--primary-color, #be1e6c);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 6px;
}

.press-centered-header .press-main-title {
    font-size: 34px;
    color: #0f172a;
    font-weight: 800;
    line-height: 1.2;
}

.press-centered-header .press-title-line {
    width: 60px;
    height: 4px;
    background-color: var(--primary-color, #be1e6c);
    margin-top: 12px;
    border-radius: 2px;
    margin-bottom: 16px;
}

.press-sub-desc {
    font-size: 14.5px;
    color: #64748b;
    max-width: 700px;
    line-height: 1.6;
}

/* DESKTOP GRID: PERFECT 4 IN A ROW */
.hospital-press-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 25px !important;
    max-width: 1440px;
    margin: 0 auto;
}

.press-profile-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02);
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
    box-sizing: border-box;
}

.press-profile-card:hover {
    transform: translateY(-6px) !important;
    border-color: var(--primary-color, #be1e6c) !important;
    box-shadow: 0 15px 30px rgba(190, 30, 108, 0.12) !important;
}

.press-image-box {
    position: relative;
    width: 100%;
    height: 340px; /* प्रेस कटिंग्स के डिस्प्ले के लिए परफेक्ट वर्टिकल ऊंचाई */
    background-color: #fafafa;
    overflow: hidden;
}

.actual-press-img {
    width: 100%;
    height: 100%;
    object-fit: contain; /* न्यूज़ कटिंग्स बिना कटे या खिंचे ओरिजिनल रूप में रहेंगी */
    transition: transform 0.4s ease;
}

.press-profile-card:hover .actual-press-img {
    transform: scale(1.03) !important;
}

.press-hover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(190, 30, 108, 0.85); /* पारदर्शी ब्रांड कलर लेयर */
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.press-profile-card:hover .press-hover-overlay {
    opacity: 1;
}

.press-view-icon {
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: 1px solid #ffffff;
    padding: 8px 18px;
    border-radius: 4px;
}

.press-view-more-container {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: 45px !important;
}

.press-master-view-more-btn {
    background-color: var(--primary-color, #be1e6c);
    color: #ffffff;
    text-decoration: none;
    padding: 13px 32px;
    font-weight: 700;
    font-size: 14px;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 4px 15px rgba(190, 30, 108, 0.25);
    transition: all 0.3s ease !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.press-master-view-more-btn:hover {
    background-color: var(--primary-hover, #9c1556);
    transform: translateY(-2px) !important;
}

.press-arrow-svg {
    width: 16px;
    height: 16px;
    fill: #ffffff;
}

/* ========================================================
   PRESS RELEASES MODAL OVERLAY DESIGN STYLE
   ======================================================== */
.nh-press-isolated-lightbox-modal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    background-color: rgba(9, 15, 29, 0.98) !important;
    display: none; /* जावास्क्रिप्ट फ्लेक्स द्वारा लाइव नियंत्रित होगा */
    align-items: center !important;
    justify-content: center !important;
    z-index: 2147483647 !important; /* सर्वोच्च स्तर पर विज़िबिलिटी लॉकिंग */
    box-sizing: border-box !important;
}

.press-content-wrapper {
    max-width: 80% !important;
    max-height: 85vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

.press-content-wrapper img {
    max-width: 100% !important;
    max-height: 85vh !important;
    object-fit: contain !important;
    border-radius: 8px !important;
    border: 3px solid #ffffff !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.8) !important;
    box-sizing: border-box !important;
    transition: opacity 0.12s ease-in-out !important;
}

.press-lightbox-close-btn {
    position: absolute !important;
    top: 25px !important;
    right: 35px !important;
    color: #ffffff !important;
    font-size: 55px !important;
    font-weight: 300 !important;
    cursor: pointer !important;
    line-height: 1 !important;
    z-index: 2147483647 !important;
    user-select: none !important;
}
.press-lightbox-close-btn:hover { color: #be1e6c !important; }

/* NAVIGATION BUTTONS EXCLUSIVE MATRIX FOR PRESS LIGHTBOX */
.press-nav-btn {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background-color: rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
    border: 2px solid rgba(255, 255, 255, 0.4) !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    width: 60px !important;
    height: 60px !important;
    border-radius: 50px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.25s cubic-bezier(0.25, 1, 0.5, 1) !important;
    outline: none !important;
    z-index: 2147483647 !important;
    user-select: none !important;
}

.press-nav-btn:hover {
    background-color: #be1e6c !important;
    border-color: #be1e6c !important;
    box-shadow: 0 4px 20px rgba(190, 30, 108, 0.6) !important;
    transform: translateY(-50%) scale(1.08) !important;
}

.press-prev { left: 40px !important; }
.press-next { right: 40px !important; }

/* ========================================================
   MOBILE & TABLET BREAKPOINTS (SYMMETRIC 2-2 GRIDS FIX)
   ======================================================== */
@media (max-width: 1024px) {
    .hospital-press-grid {
        grid-template-columns: repeat(2, 1fr) !important; /* टैबलेट पर 2 कॉलम */
        gap: 20px !important;
    }
    .press-image-box { height: 280px; }
}

@media (max-width: 768px) {
    .hospital-press-release-section { padding: 50px 15px; }
    .press-centered-header .press-main-title { font-size: 26px; }

    /* मोबाइल स्क्रीन पर आते ही प्रेस रिलीज ग्रिड बिल्कुल परफेक्ट 2-2 कतार में लॉक हो जाएगी */
    .hospital-press-grid {
        grid-template-columns: repeat(2, 1fr) !important; /* मोबाइल 2-2 सिमेट्रिक ग्रिड पैच */
        gap: 15px !important;
        padding: 0 5px;
    }
    
    .press-image-box { height: 220px; } /* मोबाइल पर संतुलित न्यूज़ कटिंग फ्रेम */
    
    .press-master-view-more-btn {
        width: auto !important;
        min-width: 190px !important;
        max-width: 80% !important;
        padding: 10px 24px !important;
        border-radius: 50px !important; /* पिल-शेप 80% रेडियस कैप्सूल लुक */
        justify-content: center;
        font-size: 13px;
        margin: 0 auto !important;
    }

    /* मोबाइल व्यू पॉपअप तीरों का रिडक्शन */
    .press-content-wrapper { max-width: 90% !important; }
    .press-nav-btn { width: 44px !important; height: 44px !important; font-size: 20px !important; background-color: rgba(9, 15, 29, 0.7) !important; }
    .press-prev { left: 10px !important; }
    .press-next { right: 10px !important; }
    .press-lightbox-close-btn { top: 15px !important; right: 20px !important; font-size: 40px !important; }
}

@media (max-width: 420px) {
    .hospital-press-grid { gap: 10px !important; }
    .press-image-box { height: 180px; }
}


/* ========================================================
   PART-9: INTERACTIVE TABBED AREA STYLESHEET (CSS ONLY)
   ======================================================== */

.why-choose-section {
    background-color: #f6e0eb;
    padding: 70px 5%;
    width: 100%;
    box-sizing: border-box; 
}

.why-choose-wrapper {
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

/* TOP NAVIGATION TABS LAYOUT */
.tabs-nav-container {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; /* डेस्कटॉप पर 3 समान हिस्से */
    width: 100%;
    border-bottom: 2px solid #e2e8f0;
    background-color: #ffffff; border-radius: 20px 20px 0px 0px;
}

.tab-btn {
    background: transparent;
    border: none;
    border-bottom: 3px solid transparent; 
    padding: 20px 15px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 4px;
    transition: all 0.3s ease;
    outline: none;
}

.tab-btn .tab-title {
    font-size: 17px;
    color: #475569; 
    font-weight: 700;
}

.tab-btn .tab-subtitle {
    font-size: 14px;
    color: #000000;
    font-weight: 500;
}

.tab-btn:hover .tab-title {
    color: var(--primary-color, #be1e6c) !important; 
}

/* एक्टिव टैब सेटिंग्स */
.tab-btn.active-tab {
    border-bottom-color: var(--primary-color, #be1e6c) !important; 
}

.tab-btn.active-tab .tab-title {
    color: var(--primary-color, #be1e6c) !important; 
}

.tab-btn.active-tab .tab-subtitle {
    color: #64748b !important;
}

/* BOTTOM CONTAINER STAGE (DARK THEME) */
.tab-panel-content {
    width: 100%;
    background-color: #0b1528; 
    border-radius: 0 0 20px 20px; 
    padding: 50px;
    margin-top: -2px; 
    display: none; 
    box-sizing: border-box;
}

.tab-panel-content.active-panel {
    display: block !important;
}

/* डेस्कटॉप आंतरिक 2-कॉलम विभाजन ग्रिड */
.panel-inner-grid {
    display: grid !important;
    grid-template-columns: 43% 53% !important; 
    gap: 4% !important;
    align-items: center;
}

/* LEFT COLUMN PHOTO BASE */
.panel-left-photo-box {
    position: relative;
    width: 100%;
    height: 350px;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}

.panel-display-img {
    width: 100%;
    height: 100%;
    object-fit: cover; 
}

/* फोटो के ऊपर फ्लोटिंग बैज */
.panel-floating-badge {
    position: absolute;
    top: 20px;
    left: 20px;
    background-color: var(--primary-color, #be1e6c) !important; 
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 6px 12px;
    border-radius: 4px;
    letter-spacing: 0.5px;
    box-shadow: 0 4px 10px rgba(190, 30, 108, 0.3);
}

/* RIGHT COLUMN DETAILED BLOCK */
.panel-right-text-box {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

.panel-heading-title {
    font-size: 34px;
    color: #ffffff; 
    font-weight: 800;
    margin: 0 0 12px 0;
    text-align: left;
}

.panel-heading-title .theme-text-highlight {
    color: var(--primary-color, #be1e6c) !important; 
}

.panel-tagline-desc {
    color: #94a3b8; 
    font-size: 15px;
    font-weight: 400 !important; 
    line-height: 1.4;
    margin-bottom: 24px;
    text-align: left;
}

.panel-main-paragraph {
    color: #cbd5e1;
    font-size: 14.5px;
    line-height: 1.7;
    font-weight: 400 !important; /* टेक्स्ट बोल्ड नहीं रहेगा */
    margin-bottom: 35px;
    text-align: justify;
}

/* मुख्य एक्शन बटन स्टाइल */
.panel-action-btn {
    background-color: var(--primary-color, #be1e6c) !important; 
    color: #ffffff !important;
    text-decoration: none;
    font-weight: 700;
    font-size: 13.5px;
    padding: 12px 28px;
    border-radius: 50px; 
    box-shadow: 0 4px 15px rgba(190, 30, 108, 0.25);
    transition: all 0.3s ease;
    display: inline-block;
    box-sizing: border-box;
}

.panel-action-btn:hover {
    background-color: var(--primary-hover, #9c1556) !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(190, 30, 108, 0.35);
}

/* SMOOTH FADE-IN KEYFRAMES */
.animate-fade-in {
    animation: smoothTabFadeEngine 0.5s ease forwards;
}

@keyframes smoothTabFadeEngine {
    0% { opacity: 0; transform: translateY(12px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* ========================================================
   CRITICAL REPAIR: FORCED MOBILE 1-1 BREAKPOINTS
   ======================================================== */
@media (max-width: 992px) {
    .tab-btn .tab-title { font-size: 14px; }
    .tab-btn .tab-subtitle { font-size: 10px; }
    
    /* टैबलेट और सामान्य मध्यम स्क्रीन पर कंटेंट 1-1 कॉलम ब्लॉक बनेगा */
    .panel-inner-grid {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }
    .tab-panel-content {
        padding: 40px 25px;
        border-radius: 0 0 16px 16px;
    }
    .panel-left-photo-box { height: 280px; }
}

@media (max-width: 768px) {
    .why-choose-section {
        padding: 50px 15px;
    }

    /* 
       निर्देशानुसार सुधार (Forced Mobile 1-1 Framework):
       स्मार्टफोन स्क्रीन्स पर आते ही ऊपर के तीनों बटन्स एक के नीचे एक 
       और नीचे का मुख्य डार्क बॉक्स (फ़ोटो ऊपर तथा विवरण नीचे) 
       बिल्कुल सिंगल-सिंगल (1-1 Layer Block) साफ़-सुथरा व्यवस्थित हो जाएगा।
    */
    .tabs-nav-container {
        grid-template-columns: 1fr !important; /* तीनों बटन मोबाइल पर एक के नीचे एक */
        border-bottom: none;
    }

    .tab-btn {
        padding: 14px 10px;
        border-bottom: 1px solid #e2e8f0;
        border-left: 3px solid transparent; /* मोबाइल वर्टिकल मोड के लिए लेफ्ट साइड अंडरलाइन */
        align-items: flex-start;
        text-align: left;
    }

    .tab-btn.active-tab {
        border-bottom-color: #e2e8f0 !important;
        border-left-color: var(--primary-color, #be1e6c) !important; /* एक्टिव बटन पर बाईं ओर थीम पट्टी */
        background-color: #fafafa;
    }

    .tab-panel-content {
        padding: 30px 16px;
        border-radius: 12px; /* मोबाइल पर डार्क बॉक्स के चारों कोने गोल किए */
        margin-top: 15px; /* बटन और बॉक्स के बीच सुंदर गैप */
    }

    .panel-left-photo-box {
        height: 220px; /* मोबाइल स्क्रीन के अनुसार फ़ोटो की सही ऊंचाई */
        border-radius: 12px;
    }

    .panel-right-text-box {
        align-items: center !important; /* मोबाइल पर टेक्स्ट संरेखण सेंटर */
        text-align: center !important;
    }

    .panel-heading-title {
        font-size: 26px;
        text-align: center;
    }

    .panel-tagline-desc {
        font-size: 14px;
        text-align: center;
        margin-bottom: 16px;
    }

    .panel-main-paragraph {
        font-size: 13.5px;
        line-height: 1.6;
        text-align: center; /* मोबाइल पर पढ़ने की सुगमता के लिए */
        margin-bottom: 25px;
    }

    /* Contact Us बटन छोटा, 80% रेडियस और सेंटर अलाइन फिक्स */
    .panel-action-btn {
        width: auto !important;
        min-width: 180px !important;
        max-width: 80% !important;
        padding: 10px 24px !important;
        border-radius: 50px !important; /* पिल-शेप कस्टमाइज्ड रेडियस */
        text-align: center;
    }
}


/* ========================================================
   PART-10: ASYMMETRIC PREMIUM CHAIRMAN MESSAGE STYLESHEET
   ======================================================== */

.chairman-profile-section {
    background-color: #ffffff; 
    padding: 90px 6%;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

/* पूरी स्क्रीन को दो असमान हिस्सों में बांटने का ग्रिड */
.chairman-container-asymmetric {
    display: grid !important;
    grid-template-columns: 42% 54% !important; /* डेस्कटॉप विशिष्ट अनुपात */
    gap: 4% !important;
    max-width: 1400px;
    margin: 0 auto;
    align-items: center;
}

.chairman-graphic-column {
    position: relative;
    width: 100%;
    display: flex !important;
    justify-content: center !important;
    box-sizing: border-box;
}

.chairman-visual-wrapper {
    position: relative;
    width: 100%;
    max-width: 440px;
    height: 480px;
}

/* एंगल्ड थीम कट ज्योमेट्री लेयर */
.chairman-shape-accent-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 85%;
    height: 85%;
    background-color: var(--primary-color, #be1e6c); 
    border-radius: 24px;
    clip-path: polygon(0 15%, 100% 0%, 100% 100%, 0% 100%);
    z-index: 1;
    transition: all 0.4s ease;
}

/* मुख्य इमेज होल्डर फ़्रेम */
.chairman-image-holder {
    position: absolute;
    top: 0;
    right: 0;
    width: 88%;
    height: 88%;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 15px 35px rgba(15, 23, 42, 0.15);
    z-index: 3;
    background-color: #f1f5f9;
    border: 4px solid #ffffff; 
    transition: all 0.4s ease;
}

.chairman-actual-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

/* होवर मोशन इफेक्ट्स */
.chairman-visual-wrapper:hover .chairman-image-holder {
    transform: translateY(-8px) scale(1.01) !important;
    box-shadow: 0 25px 45px rgba(190, 30, 108, 0.2) !important;
}

.chairman-visual-wrapper:hover .chairman-shape-accent-bg {
    transform: rotate(-2deg) scale(1.02) !important;
}

/* तैरता हुआ एक्सपीरियंस बैज */
.chairman-experience-badge {
    position: absolute;
    bottom: 25px;
    left: -20px;
    background-color: #0ea5e9; 
    color: #ffffff;
    padding: 16px 20px;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(14, 165, 233, 0.3);
    z-index: 5;
    text-align: center;
    max-width: 140px;
}

.chairman-experience-badge h4 {
    font-size: 28px;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 2px;
    margin-top: 0;
}

.chairman-experience-badge p {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0;
}

/* MESSAGE TEXT QUOTE BOX ARCHITECTURE */
.chairman-message-quote-box {
    position: relative;
    width: 100%;
    background-color: #f8fafc;
    border-radius: 20px;
    padding: 50px 60px;
    border-left: 5px solid var(--primary-color, #be1e6c);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
    box-sizing: border-box;
}

.quote-vector-watermark {
    position: absolute;
    top: -20px;
    right: 40px;
    font-size: 180px;
    color: #be1e6c;
    opacity: 0.06;
    font-family: Georgia, serif;
    line-height: 1;
    user-select: none;
}

.chairman-top-tagline {
    color: var(--primary-color, #be1e6c);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    display: block;
    margin-bottom: 6px;
    text-align: left;
}

.chairman-heading-main {
    font-size: 24px;
    color: #0f172a;
    font-weight: 800;
    margin: 0;
    text-align: left;
}

.chairman-accent-bar {
    width: 45px;
    height: 4px;
    background-color: var(--primary-color, #be1e6c);
    margin-top: 14px;
    margin-bottom: 30px;
    border-radius: 2px;
}

.chairman-quote-body {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    margin-bottom: 35px;
}

.chairman-p-text {
    font-size: 14.5px;
    color: #475569;
    line-height: 1.65;
    text-align: justify;
    font-weight: 400 !important; /* टेक्स्ट बोल्ड नहीं रहेगा */
    margin: 0;
}

.chairman-p-text.highlight-first-sentence {
    font-size: 15.5px;
    color: #334155;
}

/* SIGNATURE SIGNATORY AREA */
.chairman-signatory-footer {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    border-top: 1px solid #e2e8f0;
    padding-top: 20px;
    text-align: left;
}

.signatory-name {
    font-size: 20px;
    color: #0f172a;
    font-weight: 800;
    margin: 0;
}

.signatory-title {
    font-size: 12px;
    color: var(--primary-color, #be1e6c);
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}

/* ========================================================
   CRITICAL REPAIR: FORCED MOBILE 1-1 ASYMMETRIC STACK
   ======================================================== */
@media (max-width: 1024px) {
    /* टैबलेट स्क्रीन्स पर अलाइनमेंट संतुलन */
    .chairman-container-asymmetric {
        grid-template-columns: 1fr !important; /* सिंगल कॉलम रो */
        gap: 50px !important;
    }
    .chairman-message-quote-box {
        padding: 40px;
    }
}

@media (max-width: 768px) {
    .chairman-profile-section {
        padding: 50px 15px;
    }
    
    .chairman-heading-main {
        font-size: 18px; /
    }

  
    .chairman-visual-wrapper {
        height: 380px; 
        max-width: 340px; 
    }
    
    .chairman-message-quote-box {
        padding: 30px 20px;
        border-left-width: 4px;
        border-radius: 16px;
    }
    
    .quote-vector-watermark {
        right: 20px;
        font-size: 110px;
        top: -10px;
    }
    
    .chairman-experience-badge {
        left: -10px;
        bottom: 15px;
        padding: 10px 14px;
    }
    
    .chairman-experience-badge h4 { 
        font-size: 22px; 
    }
    
    .chairman-p-text {
        font-size: 14px;
        line-height: 1.6;
        text-align: left; /* मोबाइल पर पढ़ने की सुगमता के लिए */
    }
}


/* ========================================================
   PART-9: DEPARTMENTS GRID & CUSTOM SPECIFICATIONS
   ======================================================== */

.hospital-depts-section {
    background-color: #ffffff;
    padding: 75px 5%;
    width: 100%;
    box-sizing: border-box;
}

/* TOP CENTERED HEADER TYPOGRAPHY */
.depts-centered-header {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 50px;
}

.depts-centered-header .depts-badge {
    color: var(--primary-color, #be1e6c); 
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 6px;
}

.depts-centered-header .depts-main-title {
    font-size: 34px;
    color: #0f172a;
    font-weight: 800;
    line-height: 1.2;
}

.depts-centered-header .depts-title-line {
    width: 60px;
    height: 4px;
    background-color: var(--primary-color, #be1e6c); 
    margin-top: 12px;
    border-radius: 2px;
}

/* DESKTOP MATRIX: PERFECT 4-COLUMN ROW GRID */
.depts-four-column-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important; /* डेस्कटॉप पर 4 विभाग एक रो में */
    gap: 30px !important;
    max-width: 1440px;
    margin: 0 auto;
}

/* INDIVIDUAL DEPARTMENT CARD ARCHITECTURE */
.dept-profile-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.01);
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
    position: relative;
    box-sizing: border-box;
}

/* प्रीमियम स्मूथ अपवर्ड राइज़ होवर एनिमेशन */
.dept-profile-card:hover {
    transform: translateY(-8px) !important; 
    border-color: var(--primary-color, #be1e6c) !important; 
    box-shadow: 0 20px 25px -5px rgba(190, 30, 108, 0.1), 0 10px 10px -5px rgba(190, 30, 108, 0.04) !important;
}

.dept-image-box {
    position: relative;
    width: 100%;
    height: 200px; 
    overflow: hidden;
}

.dept-actual-img {
    width: 100%;
    height: 100%;
    object-fit: cover; 
    transition: transform 0.5s ease;
}

.dept-profile-card:hover .dept-actual-img {
    transform: scale(1.05) !important;
}

/* META DETAIL GRAPHICS SCALE */
.dept-meta-info {
    padding: 24px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-grow: 1;
}

/* UROLOGIST जैसी समस्त हेडिंग्स का डिफ़ॉल्ट कलर #be1e6c */
.dept-name {
    font-size: 16px;
    color: var(--primary-color, #be1e6c) !important; 
    font-weight: 800;
    margin-bottom: 12px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

/* डिस्क्रिप्शन टेक्स्ट की बोल्डनेस पूरी तरह हटाकर नॉर्मल की गई */
.dept-desc {
    font-size: 13.5px;
    color: #64748b;
    line-height: 1.6;
    font-weight: 400 !important; /* लाइट/नॉर्मल फ़ॉन्ट वेट */
    margin-bottom: 22px;
    text-align: justify;
    min-height: 85px; 
}

/* "View more.." बटन का डिफ़ॉल्ट बैकग्राउंड कलर #be1e6c */
.dept-view-more-btn {
    background-color: var(--primary-color, #be1e6c) !important; 
    color: #ffffff !important;
    text-decoration: none;
    font-size: 13.5px;
    font-weight: 700;
    padding: 10px 24px;
    border-radius: 4px;
    width: 100%;
    transition: all 0.3s ease;
    margin-top: auto; 
    border: none;
    text-align: center;
    box-sizing: border-box;
}

.dept-view-more-btn:hover {
    background-color: var(--primary-hover, #9c1556) !important; 
}

/* सबसे नीचे "View department" मास्टर बटन का बेस कंटेनर */
.depts-master-btn-container {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px; 
}

.depts-view-all-master-btn {
    background-color: #0ea5e9; 
    color: #ffffff;
    text-decoration: none;
    padding: 13px 30px;
    font-weight: 700;
    font-size: 14px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 4px 12px rgba(14, 165, 233, 0.2);
    transition: all 0.3s ease !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.depts-view-all-master-btn .master-btn-arrow-svg {
    width: 15px;
    height: 15px;
    fill: #ffffff;
    transition: transform 0.3s ease;
}

.depts-view-all-master-btn:hover {
    background-color: #0284c7;
    transform: translateY(-2px) !important;
}

.depts-view-all-master-btn:hover .master-btn-arrow-svg {
    transform: translateX(4px) !important;
}

/* ========================================================
   CRITICAL REPAIR: FORCED MOBILE 1-1 BLOCK LAYER
   ======================================================== */
@media (max-width: 992px) {
    /* टैबलेट स्क्रीन पर 2 कॉलम वितरण संतुलन */
    .depts-four-column-grid {
        grid-template-columns: repeat(2, 1fr) !important; 
        gap: 20px !important;
    }
}

@media (max-width: 768px) {
    .hospital-depts-section {
        padding: 50px 15px;
    }
    
    .depts-centered-header .depts-main-title {
        font-size: 26px; /* मोबाइल पर हेडिंग एडजस्टमेंट */
    }

    /* 
       निर्देशानुसार सुधार (Forced Mobile 1-1 Single Column): 
       स्मार्टफोन स्क्रीन्स पर आते ही सभी विभाग कार्ड्स 
       एक के नीचे एक पूरी चौड़ाई (Single-Single Block Layer) में साफ़-सुथरे व्यवस्थित हो जाएंगे।
    */
    .depts-four-column-grid {
        grid-template-columns: 1fr !important; /* परफेक्ट सिंगल-सिंगल मोड */
        gap: 25px !important;
    }
    
    .dept-profile-card {
        width: 100% !important;
    }
    
    .dept-image-box {
        height: 180px; /* मोबाइल पर इमेज ऊंचाई सुव्यवस्थित की */
    }
    
    .dept-desc {
        min-height: auto; /* मोबाइल पर टेक्स्ट के अनुसार ऊंचाई स्वतः तय होगी */
        text-align: center; /* मोबाइल पठनीयता सुगमता */
    }

    /* नीचे का मास्टर बटन भी पिल-शेप, छोटा और सेंटर में फिक्स */
    .depts-view-all-master-btn {
        width: auto !important;
        min-width: 190px !important;
        max-width: 80% !important;
        padding: 10px 24px !important;
        border-radius: 50px !important; /* 80% रेडियस कैप्सूल लुक */
        justify-content: center;
        font-size: 13px;
    }
}


/* ========================================================PART 11: ISOLATED CONFLICT-FREE NH-MASTER FOOTER======================================================== */

#nh-master-footer-block {background-color: var(--bg-dark) !important;color: #94a3b8 !important;padding: 70px 5% 0 5% !important;width: 100% !important;font-family: Arial, sans-serif !important;border-top: 4px solid var(--primary-color) !important;position: relative !important;z-index: 9999 !important;box-sizing: border-box !important;display: block !important;}.nh-footer-row-grid {display: grid !important;grid-template-columns: 32% 18% 23% 21% !important;gap: 2% !important;max-width: 1400px !important;margin: 0 auto !important;padding-bottom: 50px !important;box-sizing: border-box !important;}.nh-footer-col-cell { display: flex !important; flex-direction: column !important; width: 100% !important; box-sizing: border-box !important; }



/* ========================================================
   PART-1: TOP BAR EXCLUSIVE RESPONSIVE STYLESHEET
   ======================================================== */

.top-bar-container {
    background-color: #0f172a; /* प्रीमियम डार्क ग्रे-ब्लैक बेस जो कंट्रास्ट को बढ़ाता है */
    color: #cbd5e1; /* सॉफ्ट वाइट-सिल्वर टेक्स्ट */
    width: 100%;
    height: 42px; /* कंप्यूटर स्क्रीन्स पर कॉम्पैक्ट और स्टैंडर्ड ऊंचाई */
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 4%;
    box-sizing: border-box;
    font-family: Arial, sans-serif;
    border-bottom: 2px solid #be1e6c; /* आपके हॉस्पिटल की मुख्य बेरी थीम कलर की अंडरलाइन पट्टी */
    position: relative;
    z-index: 1000000; /* हमेशा हेडर और मुख्य पेजों की शीर्ष लेयर पर स्थिर रहेगा */
}

/* ==========================================
   LEFT SIDE: HOSPITAL DETAILS INFRASTRUCTURE
   ========================================== */
.top-bar-left {
    display: flex;
    align-items: center;
    gap: 24px; /* प्रत्येक जानकारी (समय, फोन, ईमेल) के बीच प्रोफेशनल दूरी */
}

.info-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 500;
}

/* इनलाइन SVG आइकन्स का कॉमन डिज़ाइन */
.info-item svg {
    width: 15px;
    height: 16px;
    fill: #be1e6c; /* डिफ़ॉल्ट रूप से आइकन्स का रंग आपकी ब्रांड थीम का रहेगा */
    flex-shrink: 0;
    transition: fill 0.25s ease;
}

.info-item span {
    color: #cbd5e1;
}

/* फोन नंबर और ईमेल आईडी लिंक्स का कस्टमाइजेशन */
.info-item a {
    color: #cbd5e1;
    text-decoration: none;
    transition: color 0.25s ease;
}

/* होवर करने पर लिंक्स का रंग आपके ब्रांड कलर में बदल जाएगा */
.info-item a:hover {
    color: #be1e6c;
}

/* ==========================================
   RIGHT SIDE: GOVT BADGE & SOCIAL GRID
   ========================================== */
.top-bar-right {
    display: flex;
    align-items: center;
    gap: 28px;
}

/* आयुष्मान भारत योजना का आधिकारिक फ्लैग बैज */
.ayushman-badge {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12.5px;
    font-weight: 700;
    color: #22c55e; /* भारत सरकार के मानकों के अनुसार नियॉन चमकीला ग्रीन टोन */
    letter-spacing: 0.3px;
    background-color: rgba(34, 197, 94, 0.06); /* हल्का पारदर्शी ग्रीन बैकड्रॉप */
    padding: 4px 10px;
    border-radius: 4px;
    border: 1px solid rgba(34, 197, 94, 0.15);
}

.ayushman-badge svg {
    width: 14px;
    height: 14px;
    fill: #22c55e;
    flex-shrink: 0;
}

/* सोशल मीडिया लिंक कंटेनर */
.social-media-wrapper {
    display: flex;
    align-items: center;
    gap: 16px; /* प्रत्येक सोशल मीडिया आइकॉन के बीच पर्याप्त गैप */
}

.social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: transform 0.25s ease;
}

.social-link svg {
    width: 15px;
    height: 15px;
    fill: #94a3b8; /* शुरुआत में सभी आइकन्स क्लासिक न्यूट्रल ग्रे रंग के दिखेंगे */
    transition: fill 0.25s ease;
}

/* ========================================================
   PREMIUM INDIVIDUAL BRAND HOVER RIG SYSTEMS
   ======================================================== */
/* माउस ले जाने पर आइकन्स अपनी मूल कॉर्पोरेट ब्रांडिंग के रंगों में चमकेंगे */

.social-link.fb:hover svg {
    fill: #1877f2; /* फेसबुक ओरिजिनल ब्लू */
}

.social-link.insta:hover svg {
    fill: #e1306c; /* इंस्टाग्राम सिग्नेचर पिंक */
}

.social-link.linkedin:hover svg {
    fill: #0077b5; /* लिंक्डइन प्रोफेशनल ब्लू */
}

.social-link.youtube:hover svg {
    fill: #ff0000; /* यूट्यूब सॉलिड रेड */
}

/* माउस ले जाने पर आइकॉन का हल्का सा ऊपर की तरफ उठना (Micro Motion) */
.social-link:hover {
    transform: translateY(-2px);
}

/* ========================================================
   RESPONSIVE OPTIMIZATION (TABLETS & PHONE LAYOUTS)
   ======================================================== */

@media (max-width: 992px) {
    /* ईमेल आईडी को मध्यम स्क्रीन्स (टैबलेट) पर छिपाना ताकि लेआउट न टूटे */
    .info-item:nth-child(3) {
        display: none !important;
    }
}

@media (max-width: 768px) {
    /* 
       महत्वपूर्ण फिक्स: 
       मोबाइल की संकीर्ण स्क्रीन पर पैडिंग को थोड़ा कम किया गया है 
       ताकि कोई भी टेक्स्ट आपस में न टकराए।
    */
    .top-bar-container {
        height: auto;
        padding: 8px 15px;
        flex-direction: column; /* मोबाइल पर दोनों हिस्सों को ऊपर-नीचे कतारबद्ध करना */
        gap: 8px;
    }
    
    .top-bar-left {
        width: 100%;
        justify-content: center; /* जानकारी को मोबाइल स्क्रीन के केंद्र में रखना */
        gap: 16px;
    }
    
    .top-bar-right {
        width: 100%;
        justify-content: center; /* सोशल मीडिया और आयुष्मान को भी सेंटर अलाइन करना */
        gap: 16px;
    }
    
    .info-item {
        font-size: 11.5px;
    }
    
    .ayushman-badge {
        font-size: 11.5px;
        padding: 3px 8px;
    }
}

@media (max-width: 480px) {
    /* अत्यंत छोटे स्मार्टफोन पर "24x7 सेवा उपलब्ध" टैग को बंद करना ताकि फ़ोन नंबर साफ़ दिखे */
    .info-item:nth-child(1) {
        display: none !important;
    }
}


/* ========================================================
   PART-5: CORE 4-BOX FEATURES GRID SECTION STYLESHEET
   ======================================================== */

.features-section {
    background-color: #ffffff;
    padding: 20px 5%;
    width: 100%;
    box-sizing: border-box;
}

/* मास्टर ग्रिड कंटेनर - डेस्कटॉप पर 4 समान भागों में विभाजन */
.features-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important; /* परफेक्ट 4 कॉलम संरचना */
    gap: 24px !important; /* कार्ड्स के बीच शानदार संतुलित स्पेस */
    max-width: 1440px;
    margin: 0 auto;
}

/* सिंगल फीचर कार्ड कंटेनर आर्किटेक्चर */
.feature-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-top: 4px solid #be1e6c; /* बॉक्स के शीर्ष पर आपकी ब्रांड थीम कलर की पट्टी */
    border-radius: 8px;
    padding: 24px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px -1px rgba(0, 0, 0, 0.01);
    /* स्मूथ अपवर्ड होवर इफ़ेक्ट के लिए ट्रांजिशन */
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    box-sizing: border-box;
}

/* ========================================================
   PREMIUM SMOOTH UPWARD RISE HOVER ANIMATION FOR CARDS
   ======================================================== */
.feature-card:hover {
    transform: translateY(-6px); /* कार्ड हल्का सा ऊपर उठेगा */
    box-shadow: 0 20px 25px -5px rgba(190, 30, 108, 0.12), 0 10px 10px -5px rgba(190, 30, 108, 0.04);
    border-color: #be1e6c;
}

/* कार्ड का अंदरूनी बॉडी स्ट्रक्चर (फ्लेक्स एलाइनमेंट) */
.feature-inner-body {
    display: flex;
    align-items: flex-start;
    gap: 16px; /* आइकॉन बॉक्स और टेक्स्ट के बीच की प्रोफेशनल दूरी */
}

/* आइकॉन बॉक्स रैपर (स्क्वायर राउंडेड शेप विंध्य हॉस्पिटल लेआउट मैच) */
.feature-icon-box {
    width: 50px;
    height: 50px;
    background-color: #f8fafc;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid #f1f5f9;
    transition: all 0.3s ease;
}

/* होवर करने पर आइकॉन बॉक्स का बैकग्राउंड आपके थीम कलर में बदल जाएगा */
.feature-card:hover .feature-icon-box {
    background-color: #be1e6c;
    transform: scale(1.05);
}

/* इनलाइन SVG आइकन्स का डिफ़ॉल्ट कलर टोन */
.feature-icon-box svg {
    width: 24px;
    height: 24px;
    fill: #be1e6c; /* मुख्य थीम कलर के आइकन्स */
    transition: fill 0.3s ease;
}

/* होवर करने पर अंदर का आइकॉन सफेद हो जाएगा */
.feature-card:hover .feature-icon-box svg {
    fill: #ffffff;
}

/* टेक्स्ट एलिमेंट्स कंटेनर */
.feature-text-content {
    display: flex;
    flex-direction: column;
    gap: 4px;
    text-align: left;
}

/* छोटी मजेंटा टैगलाइन विवरण */
.feature-tagline {
    color: #be1e6c;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* मुख्य शीर्षक लेआउट (Normal Clear Weight - बोल्ड नहीं रहेगा) */
.feature-title {
    font-size: 15px;
    color: #0f172a;
    font-weight: 600;
    line-height: 1.3;
    margin: 0;
}

/* ========================================================
   DESKTOP TOGGLE BUTTON RESET (HIDDEN ON LARGE SCREENS)
   ======================================================== */
.mobile-toggle-btn {
    display: none !important; /* डेस्कटॉप पर मोबाइल बटन पूरी तरह बंद */
}

/* ========================================================
   MOBILE & TABLET BREAKPOINTS (SMARTPHONE COLLAPSIBLE ACCORDION)
   ======================================================== */
@media (max-width: 992px) {
    .features-section {
        padding: 20px 15px;
    }

    /* मोबाइल पर ग्रिड 1 कॉलम ब्लॉक लेआउट में बदल जाएगा */
    .features-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .feature-card {
        padding: 0; /* मोबाइल पर आउटर पैडिंग रीसेट */
        border-top: 2px solid #be1e6c;
        overflow: hidden;
    }
    
    .feature-card:hover {
        transform: none; /* मोबाइल पर ट्रांसलेशन बंद */
    }

    /* ==========================================
       MOBILE TRIGGER ACCORDION BUTTON STYLING
       ========================================== */
    .mobile-toggle-btn {
        display: flex !important; /* मोबाइल पर बटन एक्टिवेट */
        width: 100%;
        background-color: #ffffff;
        border: none;
        padding: 16px;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
        outline: none;
        box-sizing: border-box;
    }

    .btn-left-content {
        display: flex;
        align-items: center;
        gap: 12px;
        font-size: 14.5px;
        font-weight: 700;
        color: #0f172a;
    }

    .btn-meta-icon {
        width: 18px;
        height: 18px;
        fill: #be1e6c; /* मोबाइल बटन आइकॉन थीम कलर में */
    }

    .btn-arrow-icon {
        width: 16px;
        height: 16px;
        fill: #64748b;
        transition: transform 0.3s ease;
    }

    /* ==========================================
       MOBILE COLLAPSIBLE STAGE TRANSITIONS
       ========================================== */
    .mobile-collapsible-content {
        max-height: 0; /* डिफ़ॉल्ट रूप से बंद रहेगा */
        opacity: 0;
        overflow: hidden;
        transition: max-height 0.35s ease-out, opacity 0.3s ease;
        background-color: #fafafa; /* खुले हुए एरिया का लाइट बैकग्राउंड */
        box-sizing: border-box;
    }

    .feature-inner-body {
        padding: 20px 16px;
    }

    /* जब जावास्क्रिप्ट के माध्यम से कार्ड एक्टिव होगा (.active क्लास) */
    .feature-card.active .mobile-collapsible-content {
        max-height: 150px; /* कंटेंट खुलने पर मैक्स हाइट */
        opacity: 1;
        border-top: 1px solid #f1f5f9;
    }

    .feature-card.active .btn-arrow-icon {
        transform: rotate(180deg); /* एक्टिव होने पर तीर ऊपर की ओर घूमेगी */
        fill: #be1e6c;
    }
    
    .feature-card.active .mobile-toggle-btn {
        background-color: #fdf2f8; /* एक्टिव रो का लाइट मर्चेंटा हिंट बेस */
    }
    
    .feature-icon-box {
        display: none; /* मोबाइल व्यू के अंदर डुप्लिकेट बड़े आइकॉन को छिपाना */
    }
}


/* ========================================================
   PART-4.2: BOTTOM INFO TICKER BAR STYLESHEET (CSS ONLY)
   ======================================================== */

.info-ticker {
    width: 100% !important;
    height: 50px !important; /* कंप्यूटर स्क्रीन पर परफेक्ट स्लीक ऊंचाई */
    background-color: #f59e0b !important; /* स्क्रीनशॉट के अनुसार ओरिजिनल स्काई ब्लू पट्टी */
    color: #ffffff !important;
    display: flex !important;
    justify-content: space-between !important; /* दोनों एलिमेंट्स को किनारों पर फिट करने के लिए */
    align-items: center !important;
    padding: 0 0 0 5% !important; /* दाईं तरफ पैडिंग 0 रखेंगे क्योंकि वहाँ स्लांटेड बॉक्स चिपकेगा */
    box-sizing: border-box !important;
    font-family: Arial, sans-serif !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    position: relative !important;
    z-index: 30 !important;
    overflow: hidden !important;
    box-shadow: 0 4px 15px rgba(14, 165, 233, 0.15) !important;
}

/* बाएं हाथ का सामान्य संदेश (मेडिक्लेम विवरण) */
.ticker-item {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important; /* आइकॉन और टेक्स्ट के बीच प्रोफेशनल गैप */
    color: #ffffff !important;
}

/* फॉन्टऑसम आइकन्स का लेआउट और मोशन */
.ticker-item i {
    font-size: 16px !important;
    color: #ffffff !important;
    transition: transform 0.3s ease !important;
}

/* होवर करने पर आइकॉन में हल्का सा पल्स मोशन */
.ticker-item:hover i {
    transform: scale(1.15);
}

/* ========================================================
   RIGHT SIDE: SLANTED EMERGENCY HIGHLIGHT BOX
   ======================================================== */
.ticker-item.emergency-highlight {
    background-color: #be1e6c !important; /* डार्क रेड इमरजेंसी अलर्ट कलर */
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 35px 0 40px !important; /* तिरछे कट के अंदरूनी स्पेस का संतुलन */
    gap: 10px !important;
    
    /* 
       महत्वपूर्ण डिज़ाइन फिक्स (Slanted Poly Cut): 
       यह कोऑर्डिनेट बाएं किनारे को 20px अंदर की तरफ दबाता है 
       जिससे स्क्रीनशॉट की तरह एक परफेक्ट प्रीमियम तिरछा कट बनता है।
    */
    clip-path: polygon(20px 0%, 100% 0%, 100% 100%, 0% 100%) !important;
    transition: background-color 0.3s ease, padding-left 0.3s ease !important;
    box-sizing: border-box !important;
}

/* इमरजेंसी हेल्पलाइन लिंक कलाइजेशन */
.ticker-item.emergency-highlight a {
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    letter-spacing: 0.3px !important;
    white-space: nowrap !important;
}

/* ========================================================
   PREMIUM HOVER RENDER SYSTEM FOR EMERGENCY BOX
   ======================================================== */
/* माउस ले जाने पर लाल रंग बदलकर गहरा थीम कलर और बॉक्स हल्का सा चौड़ा होगा */
.ticker-item.emergency-highlight:hover {
    background-color: var(--primary-color, #be1e6c) !important; /* होवर पर आपका ब्रांड कलर #be1e6c */
    padding-left: 45px !important;
    box-shadow: -5px 0 15px rgba(190, 30, 108, 0.3) !important;
}

.ticker-item.emergency-highlight:hover i {
    animation: tickerSirenPulse 0.5s infinite alternate !important; /* सायरन की तरह वाइब्रेशन एनीमेशन */
}

@keyframes tickerSirenPulse {
    0% { transform: scale(1); rotate: -10deg; }
    100% { transform: scale(1.15); rotate: 10deg; }
}

/* ========================================================
   RESPONSIVE DESIGN INTERVENTION (MOBILE PHONE OPTIMIZATION)
   ======================================================== */
@media (max-width: 992px) {
    .info-ticker {
        height: auto !important; /* मोबाइल पर हाइट ऑटोमैटिक बढ़ेगी */
        flex-direction: column !important; /* दोनों बॉक्स ऊपर-नीचे कतारबद्ध होंगे */
        padding: 12px 0 0 0 !important;
        gap: 12px !important;
        font-size: 13px !important;
        text-align: center !important;
    }
    
    .ticker-item {
        width: 100% !important;
        justify-content: center !important;
        padding: 0 15px !important;
    }
    
    /* मोबाइल स्क्रीन पर तिरछा कट हटाकर फुल-विड्थ रेड पट्टी बनाना */
    .ticker-item.emergency-highlight {
        width: 100% !important;
        justify-content: center !important;
        clip-path: none !important; /* तिरछा कट बंद ताकि फोन पर टेक्स्ट न कटे */
        padding: 10px 15px !important;
        margin-top: 4px !important;
    }
}

@media (max-width: 480px) {
    .info-ticker {
        font-size: 12px !important;
    }
    .ticker-item.emergency-highlight a {
        font-size: 12.5px !important;
    }
}

/* ========================================================
   PART-3.1: 3-COLUMN CERTIFIED FEATURES & EMBEDDED SEARCH
   ======================================================== */

.certified-features-section {
    background-color: #ffffff; /* क्लीन व्हाइट बैकग्राउंड बेस */
    padding: 60px 5% !important;
    width: 100%;
    box-sizing: border-box;
}

/* MASTER DESKTOP GRID: PERFECT 3 COLUMNS SIDE-BY-SIDE ROUTING */
.certified-features-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; /* डेस्कटॉप पर 3 बराबर बराबर कॉलम */
    gap: 30px !important; /* तीनों बक्सों के बीच प्रोफेशनल कस्टमाइज्ड दूरी */
    max-width: 1440px;
    margin: 0 auto;
}

/* SINGLE FEATURE CARD CONTAINER SYSTEM */
.certified-feature-card {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 30px;
    display: flex !important;
    align-items: flex-start !important;
    gap: 20px;
    background-color: #ffffff;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.01);
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    position: relative;
    box-sizing: border-box;
}

/* माउस ले जाने पर बॉक्स थोड़ा ऊपर उठेगा और बॉर्डर चमकेगी */
.certified-feature-card:hover {
    transform: translateY(-6px);
    border-color: #be1e6c !important; /* आपकी ब्रांड थीम कलर #be1e6c */
    box-shadow: 0 15px 30px -5px rgba(190, 30, 108, 0.1);
}

/* SQUARE ICON CONTAINER BOX SETTINGS */
.certified-icon-box {
    background-color: #f1f5f9; /* लाइट मैट बेस */
    min-width: 58px;
    height: 58px;
    border-radius: 8px; /* राउंडेड रेक्टेंगल शेप */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0;
    transition: all 0.3s ease;
    border: 1px solid #e2e8f0;
}

.certified-feature-card:hover .certified-icon-box {
    background-color: #be1e6c !important; /* होवर पर आइकॉन का बैकग्राउंड मजेंटा */
    border-color: #be1e6c !important;
}

.certified-icon-box svg {
    fill: #334155; /* डार्क म्यूटेड ग्रे */
    width: 26px;
    height: 26px;
    transition: fill 0.3s ease;
}

.certified-feature-card:hover .certified-icon-box svg {
    fill: #ffffff !important; /* होवर पर अंदर का वेक्टर आइकॉन शुद्ध सफेद */
}

/* TEXT BOX ARCHITECTURE */
.certified-text-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px;
    text-align: left;
    width: 100%;
}

.certified-tagline {
    color: #be1e6c !important; /* आपकी मजेंटा थीम */
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.certified-title {
    color: #0f172a;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
    margin: 0;
}

.certified-desc {
    color: #475569;
    font-size: 13.5px;
    line-height: 1.6;
    font-weight: 400 !important; /* अक्षरों को पतला रखने के लिए */
    margin: 4px 0 0 0;
}

/* ========================================================
   NEW SPECIAL COMPONENT: SEARCH BOX STYLING MATRIX
   ======================================================== */
.certified-search-card {
    background-color: #f8fafc !important; /* सर्च बॉक्स को अलग दिखाने के लिए लाइट मैट बेस */
    border-style: dashed; /* विशिष्ट कस्टमाइज्ड डैश आउटलाइन */
}

.certified-search-icon-bg {
    background-color: #e0f2fe !important; /* स्काई ब्लू पारदर्शी बेस */
    border-color: #bae6fd !important;
}
.certified-search-icon-bg svg {
    fill: #0ea5e9 !important; /* सर्च लेंस का रंग चमकदार ब्लू */
}

.certified-search-content-wrap {
    gap: 12px !important; /* इनपुट बॉक्स के लिए एक्स्ट्रा वर्टिकल स्पेस */
}

/* इनपुट फील्ड और बटन का कंबाइंड लेआउट फॉर्म */
.nh-embedded-search-form {
    display: flex !important;
    width: 100% !important;
    position: relative;
    margin-top: 5px;
    box-sizing: border-box;
}

/* सर्च लिखने का मुख्य डिब्बा (Capsule Input Field) */
.nh-search-input-field {
    width: 100% !important;
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 50px !important; /* पिल-शेप कस्टमाइज्ड 100% राउंडेड लुक */
    padding: 10px 50px 10px 16px !important; /* बटन के लिए दाईं ओर से एक्स्ट्रा पैडिंग */
    font-size: 13px !important;
    color: #0f172a !important;
    outline: none !important;
    height: 42px !important;
    transition: all 0.3s ease;
    box-sizing: border-box !important;
}

/* कर्सर ले जाने पर इनपुट बॉक्स की बॉर्डर आपके ब्रांड कलर जैसी चमकेगी */
.nh-search-input-field:focus {
    border-color: #be1e6c !important;
    box-shadow: 0 0 0 3px rgba(190, 30, 108, 0.1) !important;
}

/* इनपुट के अंदर समाया हुआ छोटा गोल सबमिट बटन */
.nh-search-action-submit-btn {
    position: absolute !important;
    right: 4px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 34px !important;
    height: 34px !important;
    background-color: #be1e6c !important; /* आपका ब्रांड कलर #be1e6c */
    border: none !important;
    border-radius: 50% !important; /* गोल बटन */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease;
    padding: 0 !important;
}

.nh-search-action-submit-btn:hover {
    background-color: #9c1556 !important; /* होवर पर गहरा बेरी शेड */
}

.nh-search-action-submit-btn svg {
    fill: #ffffff !important; /* सफेद रंग का तीर मार्क */
    width: 16px !important;
    height: 16px !important;
}

/* ========================================================
   RESPONSIVE DESIGN BREAKPOINTS (MOBILE & TABLET INTERVENTION)
   ======================================================== */
@media (max-width: 1100px) {
    /* मध्यम लैपटॉप स्क्रीन पर परफेक्ट 2 कॉलम */
    .certified-features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }
    /* सर्च कार्ड मोबाइल/टैबलेट विड्थ संतुलन */
    .certified-search-card {
        grid-column: span 2 !important;
    }
}

@media (max-width: 768px) {
    .certified-features-section {
        padding: 40px 15px !important;
    }
    
    /* स्मार्टफोन स्क्रीन्स पर तीनों बॉक्स एक के नीचे एक (1-1 Column Stack) हो जाएंगे */
    .certified-features-grid {
        grid-template-columns: 1fr !important; /* परफेक्ट सिंगल कॉलम मोड */
        gap: 15px !important;
    }
    
    .certified-search-card {
        grid-column: span 1 !important; /* मोबाइल स्पैन रीसेट */
    }
    
    .certified-feature-card {
        padding: 24px;
        flex-direction: row !important; /* मोबाइल पर भी आइकॉन साइड में रहेगा */
        align-items: flex-start !important;
    }
    
    .certified-title {
        font-size: 16px;
    }
    
    .certified-desc {
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    /* अत्यधिक छोटे मोबाइल फोन पर स्पेसिंग संतुलन */
    .certified-feature-card {
        flex-direction: column !important; /* छोटे फोन पर आइकॉन ऊपर और टेक्स्ट नीचे आ जाएगा */
        gap: 14px;
    }
    .certified-icon-box {
        width: 48px;
        height: 48px;
        min-width: 48px;
    }
    .certified-icon-box svg {
        width: 22px;
        height: 22px;
    }
}


/* ========================================================
     PART-11: NH-BRANDED MASTER ISOLATED FOOTER STYLESHEET
     ======================================================== */

#nh-master-footer-block {
    background-color: #09101d !important; /* स्क्रीनशॉट के अनुसार गहरा रॉयल नेवी डार्क टोन */
    color: #94a3b8 !important;
    padding: 70px 5% 0 5% !important;
    width: 100% !important;
    font-family: Arial, sans-serif !important;
    border-top: 4px solid #be1e6c !important; /* फुटर के शीर्ष पर आपकी ब्रांड मजेंटा पट्टी */
    position: relative !important;
    z-index: 9999 !important; /* हमेशा सबसे ऊपरी प्राथमिक परत पर रखने के लिए */
    box-sizing: border-box !important;
    display: block !important;
}

/* ========================================================
   CRITICAL REPAIR: HORIZONTAL MATRIX GRID FOR SIDE-BY-SIDE
   ======================================================== */
.nh-footer-row-grid {
    /* 
       यह ग्रिड लेआउट डेस्कटॉप स्क्रीन पर चारों विभागों को 
       मजबूती से अगल-बगल फैलाकर रखेगा और वर्टिकल टूटने से रोकेगा।
    */
    display: grid !important;
    grid-template-columns: 32% 18% 23% 21% !important; /* सटीक आनुपातिक दूरी */
    gap: 2% !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding-bottom: 50px !important;
    box-sizing: border-box !important;
}

.nh-footer-col-cell {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* ========================================================
   COLUMN 1: HOSPITAL BRAND IDENTITY & SOCIAL BADGES
   ======================================================== */
.nh-footer-brand-wrap {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 25px !important;
}

.nh-footer-svg-logo {
    width: 44px !important;
    height: 44px !important;
    flex-shrink: 0 !important;
}

.nh-footer-brand-title h3 {
    font-size: 18px !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    margin: 0 !important;
    line-height: 1.2 !important;
}

.nh-footer-brand-title span {
    font-size: 11px !important;
    color: #be1e6c !important; /* सब-लोकेशन आपके ब्रांड थीम कलर में */
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.nh-footer-contact-stack {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}

.nh-footer-contact-row {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    font-size: 13.5px !important;
    line-height: 1.5 !important;
    color: #cbd5e1 !important;
    margin: 0 !important;
}

.nh-footer-contact-row svg {
    width: 16px !important;
    height: 16px !important;
    fill: #be1e6c !important; /* कॉन्टैक्ट आइकन्स का रंग मजेंटा */
    flex-shrink: 0 !important;
    margin-top: 2px !important;
}

.nh-footer-contact-row a {
    color: #cbd5e1 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}
.nh-footer-contact-row a:hover {
    color: #be1e6c !important;
}

/* ------------------------------------------
   NEW SOCIAL MEDIA HOVER BAR SPECIFICATIONS
   ------------------------------------------ */
.nh-footer-social-media-bar {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-top: 24px !important; /* ईमेल आईडी से दूरी */
}

.nh-social-badge-link {
    width: 38px !important;
    height: 38px !important;
    background-color: rgba(255, 255, 255, 0.04) !important; /* पारदर्शी मैट गोल घेरा */
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
    text-decoration: none !important;
}

.nh-social-svg {
    width: 16px !important;
    height: 16px !important;
    fill: #94a3b8 !important; /* शुरुआत में न्यूट्रल सिल्वर ग्रे */
    transition: fill 0.3s ease !important;
}

/* माउस ले जाने पर बटन आपके ब्रांड कलर (#be1e6c) में चमकेगा और ऊपर उठेगा */
.nh-social-badge-link:hover {
    background-color: #be1e6c !important;
    border-color: #be1e6c !important;
    transform: translateY(-4px) !important; /* प्रीमियम अपवर्ड मोशन */
    box-shadow: 0 6px 14px rgba(190, 30, 108, 0.35) !important;
}

.nh-social-badge-link:hover .nh-social-svg {
    fill: #ffffff !important; /* होवर होने पर आइकॉन शुद्ध सफेद */
}

/* ========================================================
   COLUMNS 2 & 3: LINKS LIST MODULAR SETTINGS
   ======================================================== */
.nh-footer-title-lbl {
    font-size: 17px !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    margin: 0 !important;
    text-align: left;
}

.nh-footer-decor-line {
    width: 35px !important;
    height: 2px !important;
    background-color: rgba(255, 255, 255, 0.15) !important;
    margin-top: 10px !important;
    margin-bottom: 18px !important;
}

.nh-footer-anchors-list {
    list-style: none !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* निर्देशानुसार सुधार: प्रत्येक मेनू लिंक के नीचे थिन सेपरेटर लाइन */
.nh-footer-anchors-list li {
    text-align: left !important;
    width: 100% !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important; /* प्रत्येक पंक्ति के नीचे महीन रेखा */
    padding: 10px 0 !important; /* ऊपर और नीचे बराबर दूरी */
    box-sizing: border-box !important;
}

/* सबसे अंतिम लिंक के नीचे की बॉर्डर लाइन को हटाना ताकि लेआउट साफ दिखे */
.nh-footer-anchors-list li:last-child {
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

.nh-footer-anchors-list li a {
    color: #94a3b8 !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    display: inline-flex !important; /* आइकॉन और टेक्स्ट को एक सीध में लाने के लिए */
    align-items: center !important;
    gap: 8px !important; /* आइकॉन और टेक्स्ट के बीच की दूरी */
    transition: all 0.25s cubic-bezier(0.25, 1, 0.5, 1) !important;
    width: 100% !important;
}

/* निर्देशानुसार सुधार: प्रत्येक मेनू के पहले ककस्टमाइज्ड एरो आइकॉन */
.nh-link-bullet-svg {
    width: 14px !important;
    height: 14px !important;
    fill: #be1e6c !important; /* आइकॉन का डिफ़ॉल्ट कलर आपकी ब्रांड थीम का रहेगा */
    flex-shrink: 0 !important;
    transition: fill 0.25s ease, transform 0.25s ease !important;
}

/* ========================================================
   PREMIUM HOVER RENDER SYSTEM FOR MENU LINKS
   ======================================================== */
/* माउस ले जाने पर लिंक का रंग मजेंटा होगा और आइकॉन हल्का सा आगे सरकेगा */
.nh-footer-anchors-list li a:hover {
    color: #be1e6c !important; /* होवर पर टेक्स्ट मजेंटा */
}

.nh-footer-anchors-list li a:hover .nh-link-bullet-svg {
    fill: #ffffff !important; /* होवर पर एरो आइकॉन वाइट हो जाएगा */
    transform: translateX(3px) !important; /* माइक्रो मोशन एनिमेशन */
}
/* ========================================================
   COLUMN 4: HOSPITAL TIMETABLE & NEON ALERT BADGE
   ======================================================== */
.nh-footer-timetable {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin-bottom: 25px !important;
    width: 100% !important;
}

.nh-time-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    font-size: 13.5px !important;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.05) !important;
    padding-bottom: 8px !important;
}

.nh-time-row .nh-day { 
    color: #cbd5e1 !important; 
}

.nh-time-row .nh-hours-val { 
    color: #f59e0b !important; /* 24x7 आपके थीम कलर में हाइलाइटेड */
    font-weight: 700 !important; 
}

/* नियॉन ग्रीन इमरजेंसी अलर्ट बॉक्स */
.nh-footer-neon-alert {
    border: 1px solid rgba(225, 158, 11, 0.2) !important;
    background-color: rgba(34, 197, 94, 0.03) !important;
    padding: 12px 20px !important;
    border-radius: 6px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.nh-footer-neon-alert .nh-alert-text {
    color: #f59e0b !important; /* नियॉन चमकीला ग्रीन */
    font-weight: 700 !important;
    font-size: 13.5px !important;
}

/* धड़कने वाला नियॉन ग्रीन डॉट एनीमेशन */
.nh-pulse-dot {
    width: 8px !important;
    height: 8px !important;
    background-color: #f59e0b !important;
    border-radius: 50px !important;
    position: relative !important;
    display: inline-block !important;
}
.nh-pulse-dot::after {
    content: '' !important;
    position: absolute !important;
    top: -4px !important;
    left: -4px !important;
    width: 16px !important;
    height: 16px !important;
    border: 2px solid #22c55e !important;
    border-radius: 50px !important;
    animation: nhNeonPulseEngine 1.5s infinite ease-in-out !important;
    opacity: 0 !important;
}

@keyframes nhNeonPulseEngine {
    0% { transform: scale(0.6); opacity: 0.8; }
    100% { transform: scale(1.4); opacity: 0; }
}

/* ========================================================
   BOTTOM COPYRIGHT STRIP LAYERS
   ======================================================== */
.nh-footer-bottom-copyright {
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
    padding: 24px 0 !important;
    text-align: center !important;
    width: 100% !important;
}

.nh-footer-bottom-copyright p {
    font-size: 12.5px !important;
    color: #64748b !important;
    margin: 0 !important;
}

.nh-footer-bottom-copyright p strong {
    color: #94a3b8 !important;
}

/* ========================================================
   RESPONSIVE DESIGN INTERVENTION (MOBILE PHONE & TABLETS)
   ======================================================== */
@media (max-width: 1024px) {
    .nh-footer-row-grid {
        grid-template-columns: repeat(2, 1fr) !important; /* टैबलेट स्क्रीन पर 2-कॉलम रो */
        gap: 40px !important;
    }
    .nh-footer-social-media-bar {
        justify-content: flex-start !important;
    }
}

@media (max-width: 768px) {
    #nh-master-footer-block { 
        padding: 50px 20px 0 20px !important; 
    }
    /* स्मार्टफोन स्क्रीन्स पर यह वापस एक के नीचे एक साफ़ वर्टिकल ब्लॉक में बदल जाएगा */
    .nh-footer-row-grid {
        grid-template-columns: 1fr !important; 
        gap: 35px !important;
    }
    .nh-footer-social-media-bar {
        justify-content: center !important; /* मोबाइल पर सोशल बार सेंटर में शो होगा */
    }
}


.nh-left-floating-sidebar {
    position: fixed !important;
    top: 70% !important; /* स्क्रीन के वर्टिकल सेंटर में रखने के लिए */
    left: 0 !important; /* 100% शुद्ध बाईं तरफ लॉक */
    transform: translateY(-50%) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important; /* बकसों के बीच की दूरी */
    z-index: 9999999 !important; /* महत्वपूर्ण सुधार: हेडर पट्टी के ऊपर (सबसे आगे) तैरने के लिए z-index बढ़ाया गया है */
    box-sizing: border-box !important; 
}

/* फ्लोटिंग सिंगल आइकॉन बेस क्लास */
.nh-left-floating-sidebar .nh-float-btn {
    width: 42px !important;
    height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
    border-radius: 0 8px 8px 0 !important; /* केवल दाहिने कोने गोल */
    position: relative !important;
    box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.15) !important;
}

/* माउस ले जाने या क्लिक करने पर हल्का बाहर की ओर खिंचाव एनीमेशन */
.nh-left-floating-sidebar .nh-float-btn:hover,
.nh-left-floating-sidebar .nh-float-btn:active {
    width: 52px !important;
    padding-left: 8px !important;
}

/* इनलाइन एसवीजी आइकॉन का यूनिवर्सल आकार */
.nh-left-floating-sidebar .nh-float-svg {
    width: 20px !important;
    height: 20px !important;
    fill: #ffffff !important;
}

/* प्रत्येक सोशल मीडिया आइकॉन की विशिष्ट ब्रांडिंग कलर कोडिंग */
.nh-left-floating-sidebar .nh-phone-call { background-color: #be1e6c !important; }      /* थीम मजेंटा */
.nh-left-floating-sidebar .nh-whatsapp-chat { background-color: #25D366 !important; }   /* व्हाट्सएप ग्रीन */
.nh-left-floating-sidebar .nh-facebook-page { background-color: #1877F2 !important; }   /* फेसबुक ब्लू */
.nh-left-floating-sidebar .nh-instagram-profile { background-color: #E1306C !important; } /* इंस्टाग्राम पिंक */
.nh-left-floating-sidebar .nh-youtube-channel { background-color: #FF0000 !important; }   /* यूट्यूब रेड */

/* ========================================================
   GUEST REVIEWS SIDE VERTICAL TAB ALIGNMENT FIX
   ======================================================== */
.nh-left-floating-sidebar .nh-guest-reviews-tab {
    background-color: #0f172a !important; /* डार्क मैट ब्लैक */
    height: 110px !important;
    width: 38px !important;
    border-radius: 0 8px 8px 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 4px !important;
}

.nh-left-floating-sidebar .nh-guest-reviews-tab:hover {
    width: 45px !important;
    padding-left: 6px !important;
}

/* टेक्स्ट को 90 डिग्री वर्टिकल घुमाने की सटीक मैपिंग */
.nh-left-floating-sidebar .nh-tab-text {
    writing-mode: vertical-rl !important;
    transform: rotate(180deg) !important;
    color: #ffffff !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    white-space: nowrap !important;
}

/* ========================================================
   BULETPROOF MOBILE & TABLET ADAPTATION ENGINE (768px OR LESS)
   ======================================================== */
@media (max-width: 768px) {
    /* महत्वपूर्ण सुधार: मोबाइल पर हाइड रूल (display: none) को पूरी तरह हटाकर इसे साफ़ लाइव किया गया है */
    .nh-left-floating-sidebar {
        display: flex !important;
        top: 50% !important; /* मोबाइल स्क्रीन के बिल्कुल बीच में सेट */
    }

    /* मोबाइल स्क्रीन के अनुसार बटन्स का संतुलित सूक्ष्म आकार (ताकि कंटेंट न छुपे) */
    .nh-left-floating-sidebar .nh-float-btn {
        width: 36px !important;
        height: 36px !important;
        border-radius: 0 6px 8px 0 !important;
    }
    
    .nh-left-floating-sidebar .nh-float-btn:hover {
        width: 40px !important;
        padding-left: 4px !important;
    }

    .nh-left-floating-sidebar .nh-float-svg {
        width: 17px !important;
        height: 17px !important;
    }

    /* मोबाइल पर गेस्ट रिव्यूज टैब का संतुलित आकार */
    .nh-left-floating-sidebar .nh-guest-reviews-tab {
        height: 95px !important;
        width: 32px !important;
    }
    
    .nh-left-floating-sidebar .nh-guest-reviews-tab:hover {
        width: 36px !important;
    }

    .nh-left-floating-sidebar .nh-tab-text {
        font-size: 9px !important;
        letter-spacing: 0.5px !important;
    }
}


/* ========================================================
   PART-13: BACK TO TOP FLOATING BUTTON STYLESHEET
   ======================================================== */

.nh-back-to-top-btn {
    position: fixed !important;
    bottom: 30px !important; /* नीचे के किनारे से प्रोफेशनल स्पेस */
    right: 30px !important;  /* दाईं दीवार से परफेक्ट स्पेस */
    width: 46px !important;
    height: 46px !important;
    background-color: #be1e6c !important; /* आपके हॉस्पिटल की मुख्य ब्रांड थीम कलर #be1e6c */
    border: 2px solid #ffffff !important; /* सुंदर वाइट आउटलाइन सुरक्षा फ्रेम */
    border-radius: 50% !important; /* परफेक्ट गोल पिल आकार */
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 15px rgba(190, 30, 108, 0.4) !important; /* चमकीला मजेंटा शैडो */
    outline: none !important;
    
    /* 
       महत्वपूर्ण फिक्स: 
       शुरुआत में बटन पूरी तरह अदृश्य (Hidden) रहेगा और 
       हल्का सा नीचे की तरफ झुका रहेगा।
    */
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(15px) scale(0.9) !important;
    
    /* स्मूथ फेड-इन और बाउंस इफेक्ट के लिए ट्रांजिशन */
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
    z-index: 2147483640 !important; /* सर्वोच्च परतों पर तैरने के लिए */
}

/* इनलाइन SVG अप-एरो का स्टाइल */
.nh-scroll-arrow-svg {
    width: 18px !important;
    height: 18px !important;
    fill: #ffffff !important; /* शुद्ध सफेद तीर */
    transition: transform 0.3s ease !important;
}

/* ========================================================
   JAVASCRIPT TRIGGERED VISIBLE STATE
   ======================================================= */
/* जब जावास्क्रिप्ट 300px स्क्रॉल पर इस क्लास को जोड़ेगा, तब बटन उभरकर सामने आएगा */
.nh-back-to-top-btn.nh-scroll-visible {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) scale(1) !important; /* अपनी सही पोजीशन पर आ जाएगा */
}

/* ========================================================
   PREMIUM HOVER MOTION SYSTEM
   ======================================================== */
/* माउस ले जाने पर बटन थोड़ा और चमकीला होगा और तीर ऊपर-नीचे बाउंस करेगा */
.nh-back-to-top-btn:hover {
    background-color: #9c1556 !important; /* होवर पर थोड़ा डार्क बेरी टोन */
    box-shadow: 0 6px 20px rgba(190, 30, 108, 0.6) !important;
}

.nh-back-to-top-btn:hover .nh-scroll-arrow-svg {
    animation: nhArrowBounceEngine 0.6s infinite alternate !important; /* निरंतर तैरने वाला एनीमेशन */
}

@keyframes nhArrowBounceEngine {
    0% { transform: translateY(2px); }
    100% { transform: translateY(-3px); }
}

/* ========================================================
   MOBILE SCREEN RESPONSIVE BOUNDARY CONTROL
   ======================================================== */
@media (max-width: 768px) {
    /* मोबाइल स्क्रीन पर बटन थोड़ा छोटा हो जाएगा ताकि कंटेंट ब्लॉक न हो */
    .nh-back-to-top-btn {
        bottom: 20px !important;
        right: 20px !important;
        width: 40px !important;
        height: 40px !important;
        box-shadow: 0 4px 10px rgba(190, 30, 108, 0.3) !important;
    }
    
    .nh-scroll-arrow-svg {
        width: 15px !important;
        height: 15px !important;
    }
}


/* ========================================================
     NH-BRANDED EXCLUSIVE ISOLATED TESTIMONIALS CSS
     ======================================================== */

.nt-review-master-section {
    background-color: #f6e0eb !important; /* प्रीमियम हल्का ऑफ-व्हाइट मैट बेस */
    padding: 80px 4% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    display: block !important;
}

/* HEADER TITLES TYPEFACE */
.nt-review-main-header {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    margin-bottom: 50px !important;
}

.nt-review-badge-tag {
    color: #be1e6c !important; /* आपकी ब्रांड थीम कलर #be1e6c */
    font-size: 12px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    margin-bottom: 6px !important;
}

.nt-review-title-text {
    font-size: 34px !important;
    color: #0f172a !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    margin: 0 !important;
}

.nt-review-decor-line {
    width: 60px !important;
    height: 4px !important;
    background-color: #be1e6c !important; 
    margin-top: 12px !important;
    border-radius: 2px !important;
    margin-bottom: 16px !important;
}

.nt-review-sub-paragraph {
    font-size: 15px !important;
    color: #64748b !important;
    max-width: 650px !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* ========================================================
   THE BULLETPROOF REPAIR: FORCED DESKTOP 4-COLUMN INLINE ROW
   ======================================================== */
.nt-review-flex-row-box {
    /* 
       महत्वपूर्ण फिक्स: 
       पुराने सीएसएस ग्रिड टकरावों को पूरी तरह खत्म करने के लिए 
       यहाँ मजबूत फ्लेक्स-रो अलाइनमेंट का प्रयोग किया गया है। 
       यह डेस्कटॉप पर सभी 4 डिब्बों को हर हाल में एक सीध में फैलाकर रखेगा।
    */
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: stretch !important; /* सभी डिब्बों की ऊंचाई एक समान रखेगा */
    gap: 20px !important;
    max-width: 1440px !important;
    margin: 0 auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* SINGLE PREMIUM TESTIMONIAL CARD BOX MODEL */
.nt-review-single-box-card {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 30px 22px !important;
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    width: 24% !important; /* डेस्कटॉप पर परफेक्ट 4 भागों का अनुपात वितरण */
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.01) !important;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
    box-sizing: border-box !important;
}

/* प्रीमियम स्मूथ अपवर्ड राइज़ होवर एनीमेशन */
.nt-review-single-box-card:hover {
    transform: translateY(-6px) !important;
    border-color: #be1e6c !important;
    box-shadow: 0 20px 25px -5px rgba(190, 30, 108, 0.08), 0 10px 10px -5px rgba(190, 30, 108, 0.03) !important;
}

/* बैकग्राउंड में वाटरमार्क की तरह तैरता हुआ विशाल कोटेशन सिंबल */
.nt-review-quote-watermark {
    position: absolute !important;
    top: 10px !important;
    right: 22px !important;
    font-size: 85px !important;
    color: #be1e6c !important;
    opacity: 0.05 !important;
    font-family: Georgia, serif !important;
    line-height: 1 !important;
    user-select: none !important;
}

/* गोल्ड स्टार्स रेटिंग रो */
.nt-review-star-line {
    display: flex !important;
    gap: 4px !important;
    margin-bottom: 16px !important;
}

.nt-review-star-line svg {
    width: 16px !important;
    height: 16px !important;
    fill: #f59e0b !important; /* प्रीमियम एम्बर/गोल्ड कलर */
}

/* मुख्य पैराग्राफ डिस्क्रिप्शन (Thin Normal Weight - NOT BOLDED) */
.nt-review-paragraph-content {
    font-size: 13.5px !important;
    color: #475569 !important;
    line-height: 1.6 !important;
    font-weight: 400 !important; /* अक्षरों को पतला साफ़ रखने के लिए */
    margin: 0 0 20px 0 !important;
    text-align: justify !important;
    flex-grow: 1 !important; /* सभी डिब्बों की बॉटम लाइन सिंक रखने के लिए */
}

/* PATIENT IDENTITY STACK */
.nt-review-patient-profile {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    border-top: 1px solid #f1f5f9 !important;
    padding-top: 16px !important;
    width: 100% !important;
}

.nt-review-avatar-circle {
    width: 38px !important;
    height: 38px !important;
    background-color: #fdf2f8 !important; 
    color: #be1e6c !important; /* अक्षरों का रंग मजेंटा */
    font-size: 13px !important;
    font-weight: 700 !important;
    border-radius: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.nt-review-meta-data {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    text-align: left !important;
}

.nt-review-patient-name {
    font-size: 14px !important;
    color: #0f172a !important;
    font-weight: 700 !important;
    margin: 0 !important;
}

.nt-review-patient-location {
    font-size: 11px !important;
    color: #64748b !important;
    font-weight: 500 !important;
}

/* ========================================================
   RESPONSIVE OPTIMIZATION: FORCED MOBILE 2-2 SIDE-BY-SIDE MATRIX
   ======================================================== */
@media (max-width: 1150px) {
    /* मध्यम स्क्रीन / लैपटॉप पर 3 कॉलम संतुलन */
    .nt-review-flex-row-box {
        flex-wrap: wrap !important;
        gap: 20px !important;
    }
    .nt-review-single-box-card {
        width: 48% !important; /* बड़ी टैबलेट स्क्रीन्स पर 2-2 का वितरण */
    }
}

@media (max-width: 768px) {
    .nt-review-master-section {
        padding: 55px 15px !important;
    }
    
    .nt-review-title-text {
        font-size: 26px !important; 
    }

    /* 
       निर्देशानुसार सुधार (Symmetric Mobile 2-2 Row Matrix):
       स्मार्टफोन स्क्रीन्स पर आते ही सभी टेस्टीमोनियल डिब्बे बिना किसी एरर के 
       एक कतार में परफेक्ट 2-2 (2 Column Grid) साइड-बाय-साइड लॉक हो जाएंगे।
    */
    .nt-review-flex-row-box {
        flex-direction: row !important;
        flex-wrap: wrap !important; /* लाइनों को तोड़ने की अनुमति दी गई */
        gap: 12px !important; /* मोबाइल के अनुसार स्पेसिंग */
    }
    
    .nt-review-single-box-card {
        width: calc(50% - 6px) !important; /* परफेक्ट आधा-आधा (2-2 ग्रिड शेड्यूलिंग) */
        padding: 20px 14px !important;
        border-radius: 12px !important;
    }
    
    .nt-review-paragraph-content {
        font-size: 12.5px !important;
        line-height: 1.55 !important;
        margin-bottom: 16px !important;
    }
    
    .nt-review-avatar-circle {
        width: 34px !important;
        height: 38px !important;
        font-size: 11.5px !important;
    }
    
    .nt-review-patient-name { font-size: 13px !important; }
    .nt-review-patient-location { font-size: 10.5px !important; }
}

@media (max-width: 420px) {
    /* अत्यंत छोटे स्मार्टफोन्स पर स्पेसिंग संतुलन */
    .nt-review-flex-row-box { gap: 10px !important; }
    .nt-review-single-box-card { width: calc(50% - 5px) !important; padding: 15px 10px !important; }
    .nt-review-paragraph-content { font-size: 12px !important; }
}


/* ========================================================
   PART-15: PREMIUM HOSPITAL COUNTER STATISTICS STYLESHEET
   ======================================================== */

.nh-stats-counter-section {
    background-color: #fff; /* स्क्रीनशॉट के अनुसार सॉफ्ट लाइट मिंट-ग्रे बैकग्राउंड */
    padding: 60px 5%;
    width: 100%;
    box-sizing: border-box;
}

/* मास्टर डेस्कटॉप ग्रिड वितरण: परफेक्ट 4 कॉलम */
.nh-stats-max-container {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important; /* डेस्कटॉप पर 4 बॉक्स बराबर कतार में */
    gap: 24px !important;
    max-width: 1440px;
    margin: 0 auto;
}

/* इंडिविजुअल काउंटर कार्ड बॉक्स मॉडल डिज़ाइन */
.nh-stats-premium-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 40px 24px;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.02);
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
    box-sizing: border-box;
}

/* प्रीमियम स्मूथ अपवर्ड राइज़ होवर एनीमेशन */
.nh-stats-premium-card:hover {
    transform: translateY(-6px) !important;
    border-color: #be1e6c !important; /* होवर पर आपकी ब्रांड थीम कलर #be1e6c */
    box-shadow: 0 15px 25px -5px rgba(190, 30, 108, 0.1) !important;
}

/* स्क्वायर स्काई-ब्लू थीम आइकॉन रैपर */
.nh-stats-icon-wrapper {
    width: 54px;
    height: 54px;
    background-color: #e0f2fe; /* सॉफ्ट स्काई ब्लू पारदर्शी बेस */
    border-radius: 8px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 24px;
    transition: all 0.3s ease;
}

/* होवर करने पर आइकॉन रैपर का कलर रोटेशन */
.nh-stats-premium-card:hover .nh-stats-icon-wrapper {
    background-color: #be1e6c !important; /* होवर पर बेस मजेंटा होगा */
    transform: scale(1.05) !important;
}

/* इनलाइन SVG आइकन्स का डिफ़ॉल्ट कलर टोन */
.nh-stats-icon-wrapper svg {
    width: 24px;
    height: 24px;
    fill: #0ea5e9; /* ओरिजिनल स्काई ब्लू टोन जैसा स्क्रीनशॉट में है */
    transition: fill 0.3s ease;
}

/* होवर करने पर अंदर का वेक्टर आइकॉन पूरी तरह वाइट हो जाएगा */
.nh-stats-premium-card:hover .nh-stats-icon-wrapper svg {
    fill: #ffffff !important;
}

/* मुख्य बड़े अंक (Counters Numbers Typography) */
.nh-stats-digits {
    font-size: 38px;
    color: #0f172a; /* बोल्ड चारकोल ब्लैक */
    font-weight: 800;
    line-height: 1;
    margin-bottom: 12px;
    letter-spacing: -0.5px;
}

/* अंक के नीचे का लेबल डिस्क्रिप्शन (Thin/Sharp Typography - NOT BOLDED) */
.nh-stats-label-text {
    font-size: 13.5px;
    color: #64748b; /* सुरुचिपूर्ण म्यूटेड ग्रे */
    font-weight: 700;
    text-transform: uppercase; /* अक्षरों को अपरकेस रखने के लिए */
    letter-spacing: 0.5px;
    margin: 0;
}

/* ========================================================
   RESPONSIVE DESIGN INTERVENTION: AUTOMATED GRID BREAKPOINTS
   ======================================================== */
@media (max-width: 1024px) {
    .nh-stats-counter-section {
        padding: 50px 20px;
    }
    .nh-stats-max-container {
        grid-template-columns: repeat(2, 1fr) !important; /* टैबलेट पर 2 कॉलम */
        gap: 20px !important;
    }
}

@media (max-width: 768px) {
    .nh-stats-counter-section {
        padding: 40px 15px;
    }

    /* 
       निर्देशानुसार सुधार (Symmetric Mobile 2-2 Side-by-Side Matrix):
       मोबाइल स्क्रीन्स पर आते ही सभी काउंटर बॉक्स बिना किसी संकुचन के 
       एक कतार में परफेक्ट 2-2 (2 Column Layout) साइड-बाय-साइड व्यवस्थित हो जाएंगे।
    */
    .nh-stats-max-container {
        grid-template-columns: repeat(2, 1fr) !important; /* मोबाइल 2-2 ग्रिड फिक्स */
        gap: 12px !important; /* छोटी स्क्रीन के अनुसार संतुलित स्पेस */
    }
    
    .nh-stats-premium-card {
        padding: 30px 15px; /* मोबाइल अनुकूलन पैडिंग */
        border-radius: 10px;
    }
    
    .nh-stats-digits {
        font-size: 28px; /* मोबाइल पर नंबर्स का आकार संतुलित किया */
        margin-bottom: 8px;
    }
    
    .nh-stats-label-text {
        font-size: 11px;
        letter-spacing: 0.3px;
    }
    
    .nh-stats-icon-wrapper {
        width: 44px;
        height: 44px;
        margin-bottom: 16px;
    }
    
    .nh-stats-icon-wrapper svg {
        width: 20px;
        height: 20px;
    }
}

/* ==========================================================================
   PART-2: FORCED DESKTOP LAYOUT SYNC ON MOBILE NAV HEADER (100% SAME LOOK)
   ========================================================================== */

@media (max-width: 1024px) {
    /* मोबाइल हेडर की ऊंचाई को डेस्कटॉप के बराबर संतुलित करना */
    .nh-navbar-master-wrapper, .navbar-container {
        height: 85px !important;
        background-color: #ffffff !important;
    }

    /* 
       निर्देशानुसार सुधार (Desktop Slanted Match on Mobile): 
       मोबाइल पर भी वही ऑरिजनल मजेंटा पिंक बैकग्राउंड (#be1e6c) 
       और परफेक्ट तिरछा कट (clip-path) वापस पूरी ताकत से लागू।
    */
    .logo-bar-slanted-bg {
        background-color: #be1e6c !important; /* शुद्ध मजेंटा पिंक बैकग्राउंड मोबाइल पर भी */
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
        padding-left: 12px !important;
        padding-right: 45px !important; /* तिरछे कट के लिए आउटर स्पेस */
        z-index: 25 !important;
        flex-shrink: 0 !important;
        max-width: 75% !important; /* स्क्रीन के 75% भाग में नाम और लोगो सिमटेगा */
        
        /* कंप्यूटर की तरह मोबाइल पर भी हूबहू तिरछा कट ज्योमेट्री */
        clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 100%, 0 100%) !important;
        box-sizing: border-box !important;
    }

    /* गोल सफ़ेद लोगो फ़्रेम का मोबाइल आकार */
    .nh-logo-img-wrapper-frame {
        width: 44px !important;
        height: 44px !important;
        background-color: #ffffff !important;
        border-radius: 50% !important; /* परफेक्ट 100% गोल */
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        border: 2px solid #ffffff !important;
        overflow: hidden !important;
    }

    /* नाम और पते के फोंट्स को वापस डेस्कटॉप की तरह शुद्ध सफेद में बदलना */
    .logo-text-box h1 {
        font-size: 14px !important; /* मोबाइल के अनुसार शार्प साइज */
        color: #ffffff !important; /* शुद्ध सफेद नाम (Desktop Match) */
        font-weight: 800 !important;
        line-height: 1.2 !important;
        margin: 0 !important;
        letter-spacing: -0.2px !important;
    }

    .logo-text-box p {
        font-size: 9px !important;
        color: rgba(255, 255, 255, 0.9) !important; /* शुद्ध सफेद-सिल्वर पता */
        margin-top: 2px !important;
        margin-bottom: 0 !important;
    }

    /* ----------------------------------------------------
       हैमबर्गर थ्री-लाइन बटन पोजीशन फिक्स (सुरक्षित कोना)
       ---------------------------------------------------- */
    /* जब बैकग्राउंड मजेंटा होगा, तो बटन दाईं ओर सफेद हिस्से में सुरक्षित तैरता रहेगा */
    .menu-toggle {
        display: flex !important;
        position: absolute !important;
        right: 12px !important; /* दाईं दीवार से फिक्स दूरी */
        top: 50% !important;
        transform: translateY(-50%) !important;
        margin-right: 0 !important;
        z-index: 10000000 !important;
        background: transparent !important;
    }
    
    .menu-toggle span {
        background-color: #0f172a !important; /* थ्री-लाइन का साफ डार्क चारकोल रंग */
    }
}

@media (max-width: 400px) {
    /* अत्यधिक संकीर्ण/छोटे स्मार्टफोन्स पर टेक्स्ट को ओवरलैप से बचाने के लिए बारीक संतुलन */
    .logo-text-box h1 {
        font-size: 12.5px !important;
    }
    .logo-text-box p {
        display: none !important; /* छोटे फोन पर पता स्वतः छिप जाएगा ताकि नाम सबसे बड़ा दिखे */
    }
    .logo-bar-slanted-bg {
        max-width: 80% !important;
        padding-right: 35px !important;
    }
}
.logo-bar-slanted-bg img, 
.nh-slanted-logo-polygon-box img,
.logo-area img {
    width: 46px !important;     /* मोबाइल स्क्रीन के अनुसार परफेक्ट आनुपातिक चौड़ाई */
    height: 46px !important;    /* परफेक्ट वर्टिकल ऊंचाई */
    background-color: #ffffff !important; /* शुद्ध सफेद बैकग्राउंड बेस */
    border-radius: 50% !important; /* इमेज को पूरी तरह से 100% गोल करने के लिए */
    border: 2px solid #ffffff !important; /* सुंदर सफ़ेद सुरक्षा आउटलाइन फ्रेम */
    object-fit: contain !important; /* लोगो बिना पिचके या विकृत हुए बिल्कुल सेंटर में रहेगा */
    padding: 2px !important;    /* अंदरूनी बारीक वाइट स्पेस */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important; /* हल्का सा प्रीमियम शैडो इफ़ेक्ट */
    flex-shrink: 0 !important;
    display: inline-block !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
}

/* कंप्यूटर (Desktop) स्क्रीन के लिए लोगो का आकार वापस बड़ा संतुलित करना */
@media (min-width: 1025px) {
    .logo-bar-slanted-bg img, 
    .nh-slanted-logo-polygon-box img,
    .logo-area img {
        width: 56px !important;  /* कंप्यूटर स्क्रीन्स के लिए उपयुक्त बड़ा आकार */
        height: 56px !important;
        padding: 3px !important;
    }
}

/* ========================================================
   PART-12.5: OFFICIAL YOUTUBE BRAND COLOR FLOATING BADGE
   ======================================================== */

.nh-float-btn.nh-youtube-channel {
    /* 
       निर्देशानुसार सुधार: 
       बटन का बैकग्राउंड डिफ़ॉल्ट रूप से यूट्यूब की तरह 
       आधिकारिक सॉलिड रेड कलर (#ff0000) में लॉक कर दिया गया है।
    */
    background-color: #ff0000 !important; 
    border: 1px solid #ff0000 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 12px rgba(255, 0, 0, 0.25) !important; /* प्रीमियम रेड ग्लो शैडो */
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* डार्क रेड बेस होने के कारण अंदर का प्ले आइकॉन डिफ़ॉल्ट रूप से शुद्ध सफेद रहेगा */
.nh-float-btn.nh-youtube-channel .nh-float-svg {
    width: 18px !important;
    height: 18px !important;
    fill: #ffffff !important; /* शुद्ध सफेद आइकॉन */
    transition: transform 0.3s ease !important;
}

/* ========================================================
   PREMIUM HOVER RENDER SYSTEM FOR YOUTUBE BUTTON
   ======================================================== */
/* माउस कर्सर ले जाने पर यह थोड़ा और गहरा लाल होगा और हल्का सा ऊपर उठेगा */
.nh-float-btn.nh-youtube-channel:hover {
    background-color: #cc0000 !important; /* होवर पर गहरा रिच रेड शेड */
    border-color: #cc0000 !important;
    transform: translateY(-4px) !important; /* प्रीमियम अपवर्ड मोशन एनीमेशन */
    box-shadow: 0 8px 20px rgba(255, 0, 0, 0.45) !important;
}

/* होवर करने पर अंदर का त्रिकोणीय प्ले बटन हल्का सा पल्स इफेक्ट देगा */
.nh-float-btn.nh-youtube-channel:hover .nh-float-svg {
    transform: scale(1.05) !important;
    fill: #ffffff !important;
}

/* ==========================================================================
   PART-3: UNIVERSAL BRAND THEME (#be1e6c) HERO BANNER (EXTERNAL COMMON CSS)
   ========================================================================== */

.nh-inner-hero-banner-section {
    position: relative !important;
    width: 100% !important;
    height: 380px !important; /* सभी स्क्रीन्स के लिए आरामदायक और स्टैंडर्ड ऊंचाई */
    background-color: #0f172a !important; /* गहरा रॉयल चारकोल बेस */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* 1. BRAND COLOR GRADIENT OVERLAY (आपकी बेरी थीम #be1e6c के सटीक रंगों का मास्क) */
.nh-inner-banner-gradient-mask {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    /* आपके ब्रांड कलर #be1e6c से गहरे रॉयल डार्क नेवी का मिश्रण */
    background: linear-gradient(135deg, #1e0310 0%, #be1e6c 50%, #0f172a 100%) !important;
    opacity: 0.94 !important;
    z-index: 2 !important;
}

/* 2. GEOMETRIC GLOW VISUALS (बिना इमेज के भी प्रीमियम लुक देने के लिए चमकदार तरंगें) */
.nh-inner-banner-mesh-accent-1 {
    position: absolute !important;
    width: 500px !important;
    height: 400px !important;
    background: radial-gradient(circle, rgba(190, 30, 108, 0.4) 0%, rgba(0,0,0,0) 70%) !important;
    top: -200px !important;
    left: -100px !important;
    z-index: 3 !important;
    border-radius: 50% !important;
}

.nh-inner-banner-mesh-accent-2 {
    position: absolute !important;
    width: 400px !important;
    height: 300px !important;
    background: radial-gradient(circle, rgba(14, 165, 233, 0.25) 0%, rgba(0,0,0,0) 70%) !important;
    bottom: -150px !important;
    right: -50px !important;
    z-index: 3 !important;
    border-radius: 50% !important;
}

/* 3. CENTERED CONTENT WRAPPER LAYOUT */
.nh-inner-banner-content-stage {
    position: relative !important;
    z-index: 10 !important; /* विज़ुअल लेयर्स से हमेशा ऊपर लॉकिंग */
    width: 100% !important;
    max-width: 850px !important;
    padding: 0 24px !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    box-sizing: border-box !important;
}

/* शीर्ष छोटा सिल्क कैप्सूल बैज (NATIONAL HOSPITAL) */
.nh-banner-top-capsule-badge {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    padding: 6px 16px !important;
    border-radius: 50px !important;
    margin-bottom: 18px !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    display: inline-block !important;
}

/* मुख्य बड़ा शीर्षक (Meet Our Expert...) */
.nh-banner-heading-main-title {
    font-size: 38px !important;
    color: #ffffff !important; /* शुद्ध सफेद चमकीले अक्षरों में */
    font-weight: 800 !important;
    line-height: 1.25 !important;
    margin: 0 0 16px 0 !important;
    letter-spacing: -0.5px !important;
}

/* चमकीला पिंक हाइलाइटेड टेक्स्ट (Medical Consultants) */
.nh-banner-heading-main-title .nh-pink-highlight-text {
    color: #fdf2f8 !important; /* सिल्क पिंक वाइट टोन */
    text-shadow: 0 2px 15px rgba(190, 30, 108, 0.6) !important; /* प्रीमियम नियॉन ग्लो इफ़ेक्ट */
}

/* उपशीर्षक विवरण पैराग्राफ (Thin/Sharp Typography - NOT BOLDED) */
.nh-banner-sub-tagline-text {
    font-size: 14.5px !important;
    color: #cbd5e1 !important; /* सॉफ्ट रीडेबल सिल्वर ग्रे */
    line-height: 1.6 !important;
    font-weight: 400 !important; /* अक्षरों को पतला रखने के लिए */
    margin: 0 !important;
    max-width: 650px !important;
}

/* ========================================================
   RESPONSIVE DESIGN INTERVENTION: AUTOMATED MOBILE BREAKPOINTS
   ======================================================== */
@media (max-width: 1024px) {
    .nh-inner-hero-banner-section { height: 320px !important; }
    .nh-banner-heading-main-title { font-size: 30px !important; }
}

@media (max-width: 768px) {
    .nh-inner-hero-banner-section {
        height: 260px !important; /* मोबाइल के अनुसार आरामदायक ऊंचाई */
    }
    .nh-banner-heading-main-title { font-size: 24px !important; }
    .nh-banner-sub-tagline-text { font-size: 13px !important; line-height: 1.4 !important; }
    .nh-banner-top-capsule-badge { font-size: 10px !important; padding: 4px 12px !important; }
}

/* ========================================================
   PART-18: VISION, MISSION & VALUES INTEGRATED COMMON CSS
   ======================================================== */

.certified-features-section {
    background-color: #ffffff !important; /* क्लीन व्हाइट बेस */
    padding: 60px 4% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    display: block !important;
}

/* MASTER DESKTOP GRID: PERFECT 3 COLUMNS SIDE-BY-SIDE ROUTING */
.certified-features-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; /* डेस्कटॉप पर 3 बराबर बराबर कॉलम */
    gap: 30px !important; /* बक्सों के बीच प्रोफेशनल कस्टमाइज्ड दूरी */
    max-width: 100% !important;
    margin: 0 auto !important;
    width: 100% !important;
}

/* INDIVIDUAL CARD DESIGN BOX MODEL */
.certified-feature-card {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-top: 4px solid #be1e6c !important; /* प्रत्येक बॉक्स के शीर्ष पर आपकी ब्रांड मजेंटा पट्टी */
    border-radius: 12px !important;
    padding: 35px 25px !important;
    display: flex !important;
    flex-direction: column !important; /* सामग्री को ऊपर से नीचे वर्टिकल अलाइन रखने के लिए */
    align-items: center !important;
    text-align: center !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.01) !important;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
    position: relative !important;
    box-sizing: border-box !important;
}

/* प्रीमियम स्मूथ अपवर्ड राइज़ होवर एनिमेशन */
.certified-feature-card:hover {
    transform: translateY(-6px) !important;
    border-color: #be1e6c !important;
    box-shadow: 0 15px 30px -5px rgba(190, 30, 108, 0.1) !important;
}

/* CIRCULAR/SQUARE ICON BOX SETTINGS */
.certified-icon-box {
    width: 54px !important;
    height: 54px !important;
    background-color: #fdf2f8 !important; /* पारदर्शी लाइट बेरी बेस */
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 22px !important;
    border: 1px solid #fce7f3 !important;
    transition: all 0.3s ease !important;
    flex-shrink: 0 !important;
}

.certified-feature-card:hover .certified-icon-box {
    background-color: #be1e6c !important; /* होवर पर आइकॉन बेस डार्क मजेंटा होगा */
    border-color: #be1e6c !important;
}

.certified-icon-box svg {
    width: 24px !important;
    height: 24px !important;
    fill: #be1e6c !important; /* डिफ़ॉल्ट आइकॉन कलर मजेंटा */
    transition: fill 0.3s ease !important;
}

.certified-feature-card:hover .certified-icon-box svg {
    fill: #ffffff !important; /* होवर पर अंदर का वेक्टर आइकॉन शुद्ध सफेद */
}

/* TEXT CONTENT MATRIX */
.certified-text-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
}

.certified-tagline {
    color: #be1e6c !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 6px !important;
    display: block !important;
}

.certified-title {
    font-size: 18px !important;
    color: #0f172a !important;
    font-weight: 700 !important;
    margin: 0 0 12px 0 !important;
}

/* विवरण पैराग्राफ (Thin/Sharp Typography - NOT BOLDED) */
.certified-desc {
    font-size: 13.5px !important;
    color: #475569 !important;
    line-height: 1.6 !important;
    font-weight: 400 !important; /* अक्षरों की मोटाई को म्यूट पतला रखने के लिए */
    margin: 0 !important;
    text-align: justify !important; /* सुगम पठनीयता संतुलन */
}

/* ========================================================
   RESPONSIVE DESIGN INTERVENTION: AUTOMATED MOBILE 2-2 GRIDS
   ======================================================== */
@media (max-width: 1024px) {
    /* सामान्य टैबलेट स्क्रीन्स पर 2 कॉलम */
    .certified-features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 24px !important;
    }
}

@media (max-width: 768px) {
    .certified-features-section {
        padding: 50px 15px 60px 15px !important;
    }

    /* 
       निर्देशानुसार सुधार (Symmetric Mobile 2-2 Side-by-Side Matrix):
       मोबाइल और स्मार्टफोन स्क्रीन्स पर आते ही ये तीनों बॉक्स बिना किसी संकुचन के 
       एक कतार मेंपरफेक्ट 2-2 (2 Column Layout) साइड-बाय-साइड व्यवस्थित हो जाएंगे।
    */
    .certified-features-grid {
        grid-template-columns: repeat(2, 1fr) !important; /* मोबाइल 2-2 ग्रिड पैच */
        gap: 12px !important; /* मोबाइल के अनुसार संतुलित दूरी */
    }
    
    .certified-feature-card {
        padding: 24px 14px !important;
        border-radius: 10px !important;
    }
    
    .certified-title {
        font-size: 15px !important;
        margin-bottom: 8px !important;
    }
    
    .certified-desc {
        font-size: 12.5px !important;
        line-height: 1.5 !important;
        text-align: center !important; /* मोबाइल पर केंद्रित विवरण */
    }
    
    .certified-icon-box {
        width: 44px !important;
        height: 44px !important;
        margin-bottom: 16px !important;
    }
    
    .certified-icon-box svg {
        width: 20px !important;
        height: 20px !important;
    }
}

@media (max-width: 440px) {
    /* अत्यधिक संकीर्ण/छोटे मोबाइल्स पर ग्रिड का अतिरिक्त स्पेसिंग संतुलन */
    .certified-features-grid {
        gap: 8px !important;
    }
    .certified-feature-card {
        padding: 20px 8px !important;
    }
}


/* ==========================================================================
   PART-6.2: INLINE SPECIALTIES GRID & DOCTOR CARD REPAIR SYSTEM (CSS ONLY)
   ========================================================================== */

/* मुख्य बाहरी ग्रिड कंटेनर: डेस्कटॉप पर परफेक्ट 4 कॉलम की कतार */
.nh-docs-four-column-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important; /* 4 बॉक्स अगल-बगल एक सीध में */
    gap: 25px !important; /* प्रत्येक बॉक्स के बीच की प्रोफेशनल दूरी */
    max-width: 1440px !important;
    margin: 0 auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* सिंगल वाइट पिल-शेप कार्ड डिज़ाइन */
.nh-doc-profile-card {
    background-color: #ffffff !important; /* शुद्ध सफेद बेस */
    border: 1px solid #e2e8f0 !important;
    border-radius: 20px !important; /* सुरुचिपूर्ण गोल कोने */
    padding: 35px 24px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.01) !important;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
    box-sizing: border-box !important;
    position: relative !important;
}

/* माउस ले जाने पर कार्ड का प्रीमियम अपवर्ड राइज़ एनीमेशन */
.nh-doc-profile-card:hover {
    transform: translateY(-6px) !important;
    border-color: #be1e6c !important; /* होवर पर आपकी ब्रांड थीम कलर बॉर्डर */
    box-shadow: 0 15px 30px -5px rgba(190, 30, 108, 0.12) !important;
}

/* लोगो/आइकॉन को गोल फ़्रेम देने वाला आउटर बॉक्स */
.nh-doc-avatar-box {
    position: relative !important;
    width: 140px !important;
    height: 140px !important;
    margin-bottom: 22px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
}

/* गोल फ़्रेम के बाहर तैरती हुई कस्टमाइज्ड डैश्ड बॉर्डर रिंग */
.nh-doc-dashed-circle-frame {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border: 2.5px dashed #be1e6c !important; /* आपकी थीम कलर #be1e6c की डैश्ड पट्टी */
    border-radius: 50% !important;
    z-index: 1 !important;
    transition: transform 0.6s ease !important;
}
.nh-doc-profile-card:hover .nh-doc-dashed-circle-frame {
    transform: rotate(90deg) !important; /* होवर पर रोटेशन */
}

/* अंदर की मुख्य इमेज/आइकॉन - 100% परफेक्ट गोल सर्कल */
.nh-doc-actual-img {
    width: 86% !important;
    height: 86% !important;
    object-fit: contain !important; /* लोगो/आइकॉन बिना कटे बिल्कुल सेंटर में रहेगा */
    border-radius: 50% !important;
    border: 4px solid #ffffff !important; /* वाइट आंतरिक बॉर्डर लेयर */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06) !important;
    z-index: 3 !important;
    box-sizing: border-box !important;
}

/* कार्ड का अंदरूनी टेक्स्ट अलाइनमेंट बॉक्स */
.nh-doc-meta-details {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

/* विभाग हेडिंग */
.nh-doc-name {
    font-size: 16px !important;
    color: #0f172a !important;
    font-weight: 800 !important;
    margin: 0 0 6px 0 !important;
    letter-spacing: -0.2px !important;
}

/* उप-शीर्षक टैगलाइन */
.nh-doc-designation {
    font-size: 11px !important;
    color: #be1e6c !important; /* ब्रांड मजेंटा थीम कलर */
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 12px !important;
    display: inline-block !important;
}

/* मुख्य विवरण पैराग्राफ (Thin Sharp Typography - NOT BOLDED) */
.nh-doc-degree-text {
    font-size: 13px !important;
    color: #475569 !important;
    line-height: 1.55 !important;
    font-weight: 400 !important; /* अक्षरों को अत्यधिक मोटा होने से रोकने के लिए */
    margin: 0 !important;
}

/* ========================================================
   AUTOMATED RESPONSIVE BREAKPOINTS (MOBILE 2-2 GRIDS SYNC)
   ======================================================== */
@media (max-width: 1150px) {
    .nh-docs-four-column-grid {
        grid-template-columns: repeat(3, 1fr) !important; /* मध्यम स्क्रीन पर 3 कॉलम */
        gap: 20px !important;
    }
}

@media (max-width: 940px) {
    .nh-docs-four-column-grid {
        grid-template-columns: repeat(2, 1fr) !important; /* टैबलेट पर 2 कॉलम */
        gap: 20px !important;
    }
}

@media (max-width: 768px) {
    /* 
       निर्देशानुसार सुधार (Symmetric Mobile 2-2 Matrix फिक्स):
       मोबाइल स्क्रीन पर आते ही ये टूटे हुए डिब्बे स्वतः एक कतार में 
       परफेक्ट 2-2 (2 Column Grid) साइड-बाय-साइड अत्यंत साफ सेट हो जाएंगे।
    */
    .nh-docs-four-column-grid {
        grid-template-columns: repeat(2, 1fr) !important; /* 2-2 मोबाइल ग्रिड */
        gap: 12px !important; /* मोबाइल के अनुसार संतुलित गैप */
    }
    
    .nh-doc-profile-card {
        padding: 24px 12px !important;
        border-radius: 14px !important;
    }
    
    .nh-doc-name { font-size: 14px !important; }
    .nh-doc-designation { font-size: 10px !important; margin-bottom: 8px !important; }
    .nh-doc-degree-text { font-size: 12px !important; line-height: 1.45 !important; }
    .nh-doc-avatar-box { width: 100px !important; height: 100px !important; margin-bottom: 14px !important; }
}

@media (max-width: 380px) {
    .nh-docs-four-column-grid { gap: 8px !important; }
    .nh-doc-profile-card { padding: 15px 6px !important; }
    .nh-doc-degree-text { font-size: 11.5px !important; }
}


/* ==========================================================================
   PART-20: MASTER VIDEO GALLERY 3-COLUMN DESKTOP & FORCED 1-COLUMN MOBILE CSS
   ========================================================================== */

/* डेस्कटॉप लेआउट: परफेक्ट 3 कॉलम की कतार */
.nh-video-responsive-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; /* डेस्कटॉप पर 3 वीडियो अगल-बगल */
    gap: 30px !important;
    max-width: 1440px !important;
    margin: 0 auto !important;
    width: 100% !important;
}

.nh-video-flex-card {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    padding: 15px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.02) !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
}

/* 16:9 वीडियो आनुपातिक रैपर (यह थंबनेल को गायब होने और पिचकने से हर हाल में रोकेगा) */
.nh-youtube-iframe-fluid-wrapper {
    position: relative !important;
    width: 100% !important;
    padding-bottom: 56.25% !important; /* 16:9 आस्पेक्ट रेश्यो */
    height: 0 !important;
    overflow: hidden !important;
    border-radius: 10px !important;
    background-color: #000000 !important; /* वीडियो लोड होने से पहले डार्क नाइट बेस */
    flex-shrink: 0 !important;
}

.nh-youtube-iframe-fluid-wrapper iframe {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border: none !important;
}

.nh-video-text-content-box {
    padding: 18px 5px 5px 5px !important;
    flex-grow: 1 !important;
    text-align: left !important;
}

.nh-video-text-content-box h4 {
    font-size: 15.5px !important;
    color: #0f172a !important;
    font-weight: 700 !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.4 !important;
}

/* ========================================================
   CRITICAL OVERRIDE: FORCED MOBILE 1-COLUMN ENGINE (768px OR LESS)
   ======================================================== */
@media (max-width: 768px) {
    /* 
       निर्देशानुसार सुधार (Symmetric Mobile 1-Column forced): 
       स्मार्टफोन स्क्रीन पर आते ही पुरानी 3-कॉलम संकुचन क्लासेस पूरी तरह से टूट जाएंगी 
       और सभी वीडियो डिब्बे एक के नीचे एक साफ़ फुल विड्थ (100% Width) में लॉक हो जाएंगे!
    */
    .nh-video-responsive-grid {
        grid-template-columns: 1fr !important; /* शुद्ध सिंगल कॉलम कतार */
        gap: 20px !important; /* प्रत्येक वीडियो के बीच का वर्टिकल गैप */
    }

    .nh-video-flex-card {
        width: 100% !important;
        padding: 12px !important;
        transform: none !important;
    }

    /* मोबाइल पर टेक्स्ट का सुंदर अलाइनमेंट */
    .nh-video-text-content-box {
        padding: 14px 2px 2px 2px !important;
    }

    .nh-video-text-content-box h4 {
        font-size: 14px !important;
        line-height: 1.35 !important;
    }
}

@media (max-width: 1100px) and (min-width: 769px) {
    /* मध्यम टैबलेट्स स्क्रीन्स पर संतुलन के लिए 2 कॉलम व्यवस्था */
    .nh-video-responsive-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 992px) {
    /* 
       निर्देशानुसार सुधार (Symmetric Mobile 1-Column forced): 
       स्मार्टफोन और टैबलेट स्क्रीन पर आते ही पुराने रो (Row) नियम पूरी तरह टूट जाएंगे 
       और कोर्स की जानकारी तथा पोस्टर इमेज स्वतः एक के नीचे एक 100% विड्थ में लॉक हो जाएंगे!
    */
    .nh-course-responsive-grid {
        grid-template-columns: 1fr !important; /* शुद्ध सिंगल कॉलम कतार */
        gap: 30px !important; /* प्रत्येक ब्लॉक के बीच का सुंदर गैप */
        display: flex !important;
        flex-direction: column !important;
    }

    .nh-course-responsive-grid .overview-col {
        width: 100% !important;
    }

    /* मोबाइल पर पोस्टर इमेज की स्टिकी पोजीशन को नॉर्मल करना ताकि लेआउट न टूटे */
    .nh-course-poster-sticky-fix {
        position: relative !important;
        top: 0 !important;
        width: 100% !important;
        margin-top: 15px !important;
    }

    /* मोबाइल पर फोटो फ्रेम का परफेक्ट स्केल संतुलन */
    .nh-course-poster-sticky-fix .hospital-photo-frame {
        max-width: 100% !important;
        width: 100% !important;
    }

    .nh-course-poster-sticky-fix .hospital-building-img {
        max-height: none !important;
    }
}

@media (max-width: 992px) {
    /* 
       निर्देशानुसार सुधार (Forced Mobile 1-Column Sync): 
       स्मार्टफोन और टैबलेट स्क्रीन की चौड़ाई पर आते ही पुराने सारे समानांतर रो नियम विलोपित हो जाएंगे 
       और डॉ. प्रोफाइल का सफ़ेद डिब्बा, टेक्स्ट और दाईं ओर की फोटो स्वतः 100% फुल-विड्थ 1-कॉलम में लॉक हो जाएंगे!
    */
    .nh-gynae-responsive-grid {
        grid-template-columns: 1fr !important; /* शत-प्रतिशत शुद्ध सिंगल कॉलम कतार */
        gap: 30px !important; /* प्रत्येक ब्लॉक के बीच का सुंदर वर्टिकल गैप */
        display: flex !important;
        flex-direction: column !important;
    }

    .nh-gynae-responsive-grid .overview-col {
        width: 100% !important;
    }

    /* मोबाइल व्यू पर फोटो फ्रेम की तैरती हुई स्टिकी पोजीशन को रिपेयर करना */
    .nh-gynae-poster-sticky-fix {
        position: relative !important;
        top: 0 !important;
        width: 100% !important;
        margin-top: 20px !important;
    }

    /* फोटो फ्रेम का आनुपातिक स्केल संतुलन */
    .nh-gynae-poster-sticky-fix .hospital-photo-frame {
        max-width: 100% !important;
        width: 100% !important;
    }
}

/* ==========================================================================
   TECHNICAL FIX: AUTOMATED FORCED MOBILE 2-2 MATRIX FOR PRESS RELEASE GRID
   ========================================================================== */

@media (max-width: 768px) {
    /* 
       निर्देशानुसार सुधार (Symmetric Mobile 2-2 Grid Engine):
       स्मार्टफोन और टैबलेट स्क्रीन की चौड़ाई पर आते ही अखबारी कटिंग्स के ये चारों डिब्बे 
       बिना किसी कोडिंग टकराव के स्वतः एक कतार में परफेक्ट 2-2 साइड-बाय-साइड लॉक हो जाएंगे!
    */
    .graphics-poster-grid.nh-press-responsive-2column-grid {
        grid-template-columns: repeat(2, 1fr) !important; /* परफेक्ट मोबाइल 2-2 ग्रिड पैच */
        gap: 12px !important; /* मोबाइल स्क्रीन के अनुसार संतुलित स्पेसिंग */
        display: grid !important;
    }

    #gynae-press-release {
        padding: 40px 12px 60px 12px !important; /* मोबाइल आनुपातिक पैडिंग */
    }

    .graphics-poster-grid.nh-press-responsive-2column-grid .poster-card {
        padding: 8px !important; /* आंतरिक कम्प्रेशन */
        border-radius: 8px !important;
        width: 100% !important;
        margin-top: 0 !important;
    }

    /* मोबाइल पर इमेज की ऊंचाई का आस्पेक्ट रेश्यो संतुलन (इमेज पिचकेगी नहीं) */
    .graphics-poster-grid.nh-press-responsive-2column-grid .nh-press-img-aspect-box {
        height: 165px !important; 
        width: 100% !important;
    }

    .graphics-poster-grid.nh-press-responsive-2column-grid .about-text-p {
        font-size: 11.5px !important;
        line-height: 1.3 !important;
        margin-top: 6px !important;
    }
}

@media (max-width: 400px) {
    /* अत्यधिक छोटे स्क्रीन वाले स्मार्टफोन्स पर बारीक दूरी संतुलन */
    .graphics-poster-grid.nh-press-responsive-2column-grid {
        gap: 8px !important;
    }
    .graphics-poster-grid.nh-press-responsive-2column-grid .nh-press-img-aspect-box {
        height: 140px !important;
    }
}


@media (max-width: 992px) {    
    
    .graphics-poster-grid.nh-general-surgery-scope-forced-grid {
        grid-template-columns: 1fr !important;  gap: 20px !important; display: flex !important;  flex-direction: column !important;
    }  
    .graphics-poster-grid.nh-general-surgery-scope-forced-grid .nh-scope-vertical-stack-box {
        width: 100% !important;  display: flex !important;   flex-direction: column !important;   gap: 20px !important;
    }
    .graphics-poster-grid.nh-general-surgery-scope-forced-grid .poster-card,
    .graphics-poster-grid.nh-general-surgery-scope-forced-grid .overview-col {
        width: 100% !important;        margin-top: 0 !important;        box-sizing: border-box !important;
    }
}

@media (min-width: 993px) {
    .graphics-poster-grid.nh-general-surgery-scope-forced-grid {
        display: grid !important;   grid-template-columns: repeat(2, 1fr) !important;   gap: 30px !important;
        max-width: 1440px !important;   margin: 0 auto !important; width: 100% !important;
    }
}

/* ==========================================================================
   NATIONAL HOSPITAL REWA - MASTER UNIVERSAL INNER PAGES SYSTEM (2026)
   ========================================================================== */

/* 1. MASTER OUTER WRAPPER CONTAINER */
.nh-universal-inner-stage {
    background-color: #ffffff !important;
    padding: 60px 5% 90px 5% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    display: block !important;
}

/* 2. EXCLUSIVE 2-COLUMN ASYMMETRIC GRID (Desktop: 60% Left / 36% Right) */
.nh-universal-split-matrix {
    display: grid !important;
    grid-template-columns: 60% 36% !important;
    gap: 4% !important;
    align-items: start !important;
    max-width: 1440px !important;
    margin: 0 auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 3. INTERNAL STYLED CONTENT BLOCKS (FEE/PROFILE/INFO BOXES) */
.nh-universal-card-slate {
    background-color: #f8fafc !important; /* प्रीमियम लाइट मैट ऑफ-व्हाइट */
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 30px !important;
    box-sizing: border-box !important;
    text-align: left !important;
    position: relative !important;
}

/* ब्रांडेड मजेंटा लेफ्ट-बॉर्डर वेरिएंट */
.nh-universal-card-slate.nh-variant-magenta {
    border-left: 4px solid #be1e6c !important;
}

/* 4. CLEAN INLINE DISC BULLET LIST STRUCTURE (Black Disc Dots) */
.nh-universal-bullet-disc-list {
    list-style-type: disc !important;
    padding-left: 20px !important;
    margin: 0 0 20px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.nh-universal-bullet-disc-list li {
    font-size: 14.5px !important;
    color: #475569 !important;
    text-align: left !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
}

/* 5. TYPOGRAPHY TITLES & HEADINGS */
.nh-universal-content-title {
    font-size: 18px !important;
    color: #0f172a !important;
    font-weight: 800 !important;
    margin: 20px 0 12px 0 !important;
    text-align: left !important;
}

.nh-universal-content-title.nh-pink-glow {
    color: #be1e6c !important;
}

/* 6. CENTERED TOP PAGE HEADERS */
.nh-universal-centered-header {
    text-align: center !important;
    margin-bottom: 50px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
}

/* ==========================================================================
   UNIVERSAL MOBILE RESPONSIVE ENGINE (MAX-WIDTH: 992px)
   ========================================================================== */
@media (max-width: 992px) {
    
    /* सभी टूटे ग्रिड्स को मोबाइल पर जबरन 100% शुद्ध 1-कॉलम वर्टिकल कतार में लॉक करना */
    .nh-universal-split-matrix {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .nh-universal-inner-stage {
        padding: 40px 15px 60px 15px !important;
    }

    /* दाईं ओर की फोटो/पोस्टर स्टिकी पोजीशन को नॉर्मल करना ताकि स्क्रीन से बाहर न भागे */
    .nh-universal-split-matrix > .overview-col,
    .nh-universal-split-matrix > div {
        width: 100% !important;
        position: relative !important;
        top: 0 !important;
    }

    .nh-universal-card-slate {
        padding: 24px 16px !important;
    }

    .nh-universal-bullet-disc-list li {
        font-size: 13.5px !important;
        line-height: 1.5 !important;
    }
}