/* @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
:root{
    --font-family-Manrope: 'Plus Jakarta Sans',sans-serif;
    /* --font-family-Roboto: "Fraunces", ui-serif, Georgia, serif; */
    --font-family-Roboto: "Lora", serif;
    --font-body: "Inter", sans-serif;
      --gold:        #9eccf6;
      --gold-dark:   #005b9c;
      --gold-light:  #93caff;
      --maroon:      #000;
      --card-bg:     #ffffff;
      --card-border: #ececec;
      --corner-deco: #fdf3e3;
}

 *, *::before, *::after { box-sizing: border-box; }
  html, body { max-width: 100%; overflow-x: hidden; margin: 0; padding: 0; font-family: "Roboto", sans-serif; background: #fff; }

/* Paragraph & body text */
body,
p,
span,
li,
a,
input,
textarea,
button,
label{
    /* font-family: var(--font-family-Roboto); */
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6{
    font-family: var(--font-family-Roboto);
}


/* header and navbar css start new */
:root {
    --nims-navy: #0a2f5e;
    --nims-navy-dark: #081f42;
    --nims-orange: #f47521;
    --nims-blue-light: #eaf2fb;
    --nims-gray-text: #4a5568;
    --nims-gray-sub: #000;
}


.nims-lang-switch {
    margin-left: 12px;
    position: relative;
}
.nims-lang-switch select {
    background: transparent;
    border: 1px solid rgba(255,255,255,0.4);
    color: #fff;
    font-size: 13px;
    padding: 2px 8px;
    border-radius: 4px;
    cursor: pointer;
    outline: none;
}
.nims-lang-switch select option {
    color: #000;
}
.nims-lang-switch select:focus,
.nims-lang-switch select:hover {
    border-color: var(--tm-gold, #b8860b);
}

#google_translate_element {
    display: none;
}


.nims-topbar {
    background-color: var(--nims-navy);
    color: #fff;
    font-size: 0.85rem;
    padding: 0.55rem 0;
}

.nims-topbar-item {
    color: rgba(255, 255, 255, 0.92);
    margin-right: 1.75rem;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

.nims-topbar-item i {
    margin-right: 0.4rem;
    font-size: 0.85rem;
}

.nims-topbar-item:last-child {
    margin-right: 0;
}

.nims-topbar-right a {
    color: rgba(255, 255, 255, 0.92);
    text-decoration: none;
    margin-left: 1.75rem;
    font-weight: 400;
    transition: color 0.15s ease;
}

.nims-topbar-right a:first-child {
    margin-left: 0;
}

.nims-topbar-right a:hover {
    color: var(--nims-orange);
}
/* .nims-navbar {
  
    background-color: #ffffff;
    padding: 0.85rem 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
} */
 .nims-navbar{
    width:100%;
    transition:.3s ease;
}

.nims-navbar.fixed-header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:1055;
    background:#fff;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    animation:slideDown .3s ease;
}

@keyframes slideDown{
    from{
        transform:translateY(-100%);
    }
    to{
        transform:translateY(0);
    }
}
.nims-brand {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.nims-logo-icon {
    background-color: var(--nims-navy);
    color: var(--nims-orange);
    width: 46px;
    height: 46px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
    margin-right: 0.7rem;
    flex-shrink: 0;
}

.nims-brand-text {
    display: flex;
    flex-direction: column;
    line-height: 1.05;
}

.nims-brand-name {
    color: var(--nims-navy);
    font-weight: 800;
    font-size: 1.5rem;
    letter-spacing: 0.3px;
}

.nims-brand-sub {
    color: var(--nims-gray-sub);
    font-size: 0.62rem;
    font-weight: 600;
    letter-spacing: 3px;
}

.nims-nav-links {
    gap: 0.35rem;
}

.nims-nav-links .nav-link {
    color: #333d4c;
    font-weight: 500;
    font-size: 0.97rem;
    padding: 0.5rem 0.9rem;
    transition: color 0.15s ease;
}

.nims-nav-links .nav-link.active,
.nims-nav-links .nav-link:hover {
    color: var(--nims-navy);
    font-weight: 600;
}


.nims-nav-right {
    gap: 1.5rem;
}

.nims-phone-block {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.nims-phone-icon {
    background-color: var(--nims-blue-light);
    color: var(--nims-orange);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05rem;
    margin-right: 0.6rem;
    flex-shrink: 0;
}

.nims-phone-text {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.nims-phone-label {
    color: var(--nims-gray-sub);
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.nims-phone-number {
    color: var(--nims-navy);
    font-size: 1.05rem;
    font-weight: 700;
}

.nims-btn-appointment {
    background-color: var(--nims-navy);
    color: #fff;
    font-weight: 600;
    font-size: 0.95rem;
    padding: 0.7rem 1.6rem;
    border-radius: 25px;
    border: none;
    white-space: nowrap;
    transition: background-color 0.15s ease;
}

.nims-btn-appointment:hover {
    background-color: var(--nims-navy-dark);
    color: #fff;
}








.nims-stats-strip {
background: #FFF;
    border-bottom: 1px solid #edf0f4;
    padding: 1.5rem 0;
}

.nims-stats-row {
    align-items: stretch;
}

.nims-stat-col {
    position: relative;
    display: flex;
    justify-content: center;
}


.nims-stat-col::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #e6e9ee;
}

.nims-stat-col:first-child::before {
    display: none;
}

.nims-stat-item {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0 1.5rem;
}

.nims-stat-icon {
    width: 52px;
    height: 52px;
    min-width: 52px;
    border-radius: 12px;
    background: #eef1f6;
    color: var(--nims-navy, #0a2f5e);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    flex-shrink: 0;
}

.nims-stat-text {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
}

.nims-stat-number {
    font-family: var(--font-family-Roboto);
    font-weight: 800;
    font-size: 2.2rem;
    color: var(--nims-navy, #0a2f5e);
    white-space: nowrap;
}

.nims-stat-label {
    font-size: 1rem;
    /* font-weight: 600; */
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #000;
    margin-top: 0.35rem;
}



/* header and navbar css end new */

/* home specilities css start */


.nims-section-header {
    padding: 3rem 0 2rem;
}

.nims-sh-eyebrow {
    display: block;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--nims-orange, #f47521);
    margin-bottom: 0.9rem;
}

.nims-sh-heading {
     font-family: var(--font-family-Roboto);
    font-weight: 800;
    font-size: 2.75rem;
    color: var(--nims-navy, #0a2f5e);
    margin-bottom: 1rem;
    line-height: 1.15;
}

.nims-sh-desc {
    font-size: 1.05rem;
    line-height: 1.65;
    color: #404040;
    max-width: 640px;
    margin-bottom: 0;
}

.nims-sh-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--nims-navy, #0a2f5e);
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.15s ease, gap 0.15s ease;
}

.nims-sh-link i {
    font-size: 0.95rem;
    transition: transform 0.2s ease;
}

.nims-sh-link:hover {
    color: var(--nims-orange, #f47521);
}

.nims-sh-link:hover i {
    transform: translateX(4px);
}


/* home specilities css end */
/* ===================== SPECIALITIES GRID (Centres of Excellence cards) ===================== */

.nims-spec-section {
    padding: 1rem 0 3rem;
}

.nims-spec-card {
    position: relative;
    background: #ffffff;
    border: 1px solid #eef0f4;
    border-radius: 14px;
    padding: 1.75rem 1.5rem 1.6rem;
    height: 100%;
    overflow: hidden;
    transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.nims-spec-card:hover {
    box-shadow: 0 14px 34px rgba(10, 47, 94, 0.1);
    transform: translateY(-4px);
}

/* decorative peach quarter-circle in the top-right corner */
.nims-spec-blob {
    position: absolute;
    top: -30px;
    right: -30px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: #fdf1e4;
    pointer-events: none;
    z-index: 0;
}

.nims-spec-icon {
    position: relative;
    z-index: 1;
    width: 64px;
    height: 64px;
    border-radius: 16px;
    /* background: var(--nims-navy, #0a2f5e); */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.3rem;
}

.nims-spec-icon img {
    /* width: 30px;
    height: 30px; */
    width: 80px;
    height: 80px;
    /* force icon to render white regardless of source SVG fill color */
    /* filter: brightness(0) invert(1); */
    filter: brightness(1) invert(0);
}

.nims-spec-name {
    position: relative;
    z-index: 1;
     font-family: var(--font-family-Roboto);
    font-weight: 700;
    font-size: 1.2rem;
    color: var(--nims-navy, #0a2f5e);
    margin-bottom: 0.5rem;
    line-height: 1.3;
}

.nims-spec-desc {
    position: relative;
    z-index: 1;
    font-size: 0.92rem;
    color: #000;
    margin-bottom: 1.1rem;
    line-height: 1.5;
}

.nims-spec-link {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--nims-orange, #f47521);
    text-decoration: none;
    transition: gap 0.15s ease, color 0.15s ease;
}

.nims-spec-link i {
    font-size: 0.85rem;
    transition: transform 0.2s ease;
}

.nims-spec-link:hover {
    color: var(--nims-navy, #0a2f5e);
}

.nims-spec-link:hover i {
    transform: translateX(4px);
}



/* ===================== ABOUT SECTION ===================== */

.nims-about-sec {
    background: #eef3fa;
    padding: 4.5rem 0;
}

/* ---- Left: image + floating badge ---- */
.nims-about-img-wrap {
    position: relative;
}

.nims-about-img {
    width: 100%;
    height: 560px;
    object-fit: cover;
    border-radius: 20px;
    display: block;
}

.nims-about-badge {
    position: absolute;
    right: 24px;
    bottom: -24px;
    background: #f37521;
    color: #fff;
    border-radius: 18px;
    padding: 1.3rem 1.6rem;
    max-width: 240px;
    box-shadow: 0 16px 40px rgba(10, 47, 94, 0.28);
}

.nims-about-badge-num {
    display: block;
     font-family: var(--font-family-Roboto);
    font-weight: 800;
    font-size: 2rem;
    line-height: 1;
    margin-bottom: 0.5rem;
}

.nims-about-badge-text {
    display: block;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.4;
}

/* ---- Right: content ---- */
.nims-about-content {
    padding-left: 0;
}

.nims-about-eyebrow {
    display: block;
    font-size: 0.82rem;
    font-weight: 700;
    /* letter-spacing: 3px; */
    text-transform: uppercase;
    color: var(--nims-orange, #f47521);
    margin-bottom: 1rem;
}

.nims-about-heading {
     font-family: var(--font-family-Roboto);
    font-weight: 800;
    font-size: 2.5rem;
    line-height: 1.3;
    color: var(--nims-navy, #0a2f5e);
    margin-bottom: 1.5rem;
}

.nims-about-para {
    font-size: 1.02rem;
    line-height: 1.75;
    color: #4b5a72;
    text-align: justify;
    margin-bottom: 1.2rem;
}

.nims-about-features {
    margin-top: 1.5rem;
}

.nims-about-pill {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #ffffff;
    border: 1px solid #e4e9f2;
    border-radius: 50px;
    padding: 0.8rem 1.2rem;
    font-size: 0.92rem;
    font-weight: 600;
    color: var(--nims-navy, #0a2f5e);
    height: 100%;
}
.nims-about-pill:hover {
    background: var(--nims-navy, #0a2f5e);
    color: #FFF;
}
.nims-about-pill i {
    color: var(--nims-orange, #f47521);
    font-size: 1.05rem;
    flex-shrink: 0;
}

/* ===================== CTA BANNER ===================== */

.nims-cta-sec {
    padding: 3rem 0;
}

.nims-cta-banner {
    position: relative;
    background: var(--nims-navy, #0a2f5e);
    border-radius: 24px;
    padding: 3.2rem 3rem;
    overflow: hidden;
}

/* decorative circles */
.nims-cta-blob {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.nims-cta-blob-1 {
    width: 300px;
    height: 300px;
    top: -60px;
    right: -5%;
    background: rgb(22 58 102);
}

.nims-cta-blob-2 {
    width: 180px;
    height: 180px;
    bottom: -70px;
    left: 6%;
    background: rgba(255, 255, 255, 0.05);
}

.nims-cta-heading {
    position: relative;
    z-index: 1;
     font-family: var(--font-family-Roboto);
    font-weight: 800;
    font-size: 2.3rem;
    line-height: 1.3;
    color: #fff;
    margin-bottom: 1rem;
}

.nims-cta-desc {
    position: relative;
    z-index: 1;
    font-size: 1rem;
    line-height: 1.65;
    color: rgba(255, 255, 255, 0.75);
    max-width: 480px;
    margin-bottom: 0;
}

.nims-cta-actions {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    justify-content: flex-start;
}

.nims-cta-btn-call {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: var(--nims-orange, #f47521);
    color: #fff;
    font-weight: 700;
    font-size: 1rem;
    padding: 0.7rem 1.0rem;
    border-radius: 50px;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color 0.2s ease;
}

.nims-cta-btn-call:hover {
    background-color: #d9631a;
    color: #fff;
}

.nims-cta-btn-call i {
    font-size: 1rem;
}

.nims-cta-btn-appt {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    font-weight: 700;
    font-size: 1rem;
    padding: 0.7rem 1.0rem;
    border-radius: 50px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    white-space: nowrap;
    transition: background-color 0.2s ease;
}

.nims-cta-btn-appt:hover {
    background: rgba(255, 255, 255, 0.18);
    color: #fff;
}

.nims-cta-btn-appt i {
    font-size: 0.95rem;
}

/* ===================== RESPONSIVE ===================== */
@media (max-width: 991.98px) {
    .nims-cta-banner { padding: 2.4rem 1.8rem; }
    .nims-cta-heading { font-size: 1.7rem; }
    .nims-cta-actions { justify-content: flex-start; }
}

@media (max-width: 575.98px) {
    .nims-cta-heading { font-size: 1.4rem; }
    .nims-cta-desc { font-size: 0.9rem; }
    .nims-cta-btn-call, .nims-cta-btn-appt { font-size: 0.85rem;width: 100%;
      /* padding: 0.75rem 1.2rem; */
     }
}

  /*header section UTILITY BAR */
  .utility-bar { background: #005b9c; padding: 6px 16px; }
  .utility-bar a, .utility-bar span { color: rgba(255,255,255,0.85); font-size: 12px; text-decoration: none; display: inline-flex; align-items: center; gap: 5px; }
  .utility-bar a:hover { color: #fff; }
  .utility-divider { color: rgba(255,255,255,0.3); margin: 0 6px; }

  /* MAIN HEADER */
/* .main-header { background: #fff; border-bottom: 1px solid #f0f0f0; position: sticky; top: 0; z-index: 1000; box-shadow: 0 2px 12px rgba(0,0,0,0.06); } */

/* ── DESKTOP HEADER ── */
/* .header-desktop {display: flex;align-items: center;justify-content: space-between;padding: 0 32px;height: 90px;gap: 16px;min-width: 0;}
.logo-wrap { display: flex; align-items: center; gap: 10px; text-decoration: none; flex-shrink: 0; }
.logo-svg  { width: 44px; height: 44px; }
.logo-text .brand { color: #005b9c; font-size: 24px; font-weight: 700; line-height: 1; letter-spacing: -0.5px; }
.logo-text .sub   { color: #005b9c; font-size: 9.5px; letter-spacing: 3.5px; font-weight: 600; display: block; margin-top: 1px; }
.center-nav {display: flex;align-items: center;gap: 2px;flex: 1;justify-content: center;min-width: 0;}
.center-nav .nav-link {color: #2d2d2d;font-size: 15px;font-weight: 500;padding: 8px 10px;border-radius: 6px;white-space: nowrap;
    text-decoration: none;display: flex;align-items: center;gap: 3px;transition: background 0.15s, color 0.15s;}
.center-nav .nav-link:hover { background: #fdf0f0; color: #7B1818; }
.center-nav .nav-link .bi-chevron-down { font-size: 11px; opacity: 0.6; transition: transform 0.25s ease; }
@media (max-width: 1440px) {
    .header-desktop {padding: 0 18px;gap: 8px;}
    .center-nav {gap: 0;}
    .center-nav .nav-link {font-size: 16px;padding: 8px 3px;}
    .phone-pill .lbl { display: none; }
    .right-actions { gap: 10px !important; }
}

@media (max-width: 1300px) {
    .center-nav .nav-link {font-size: 16px;padding: 6px 5px;}
    .btn-appt {padding: 8px 14px !important;font-size: 13px !important;}
    .logo-text .brand { font-size: 20px; }
} */

  .dd { position: relative; }
  .dd-menu {
    position: absolute; top: calc(100% + 6px); left: 50%;
    transform: translateX(-50%) translateY(-6px);
    background: #fff; border: 1px solid #f0e0e0; border-radius: 10px;
    padding: 6px; min-width: 190px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.12);
    opacity: 0; pointer-events: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
    z-index: 500;
  }
  .dd-menu.show { opacity: 1; pointer-events: auto; transform: translateX(-50%) translateY(0); }
  .dd.open .bi-chevron-down { transform: rotate(180deg); }
  .dd-menu a { display: block; padding: 9px 14px; font-size: 13px; color: #333; text-decoration: none; border-radius: 7px; transition: background 0.15s; }
  .dd-menu a:hover { background: #fdf0f0; color: #EE7836; }

  /* Right actions */
  .right-actions { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
  .phone-pill { display: flex; align-items: center; gap: 8px; background: #EE7836; border: 1px solid #EE7836; border-radius: 50px; padding: 0px 0px; }
  .ph-icon { width: 48px; height: 48px;
    /* background: #005b9c; */
    border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
  .ph-icon i { color: #fff; font-size: 28px; }
  .phone-pill .lbl { font-size: 14px; color: #FFF; line-height: 1; }
    .phone-pill .num a{ font-size: 20px; font-weight: 700; color: #FFF; line-height: 1.3;padding: 0px 8px 0px 0px;}
  .btn-appt { background: #005b9c; color: #fff !important; border: none; padding: 10px 18px; font-size: 13px; font-weight: 600; border-radius: 25px; white-space: nowrap; cursor: pointer; text-decoration: none; display: inline-block; transition: background 0.15s; }
  .btn-appt:hover { background: #EE7836; }

  /* ── MOBILE HEADER ── */
  .header-mobile {
    display: none;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    height: 64px;
  }

  .mobile-toggle { background: none; border: 1px solid #e0e0e0; border-radius: 8px; padding: 6px 10px; cursor: pointer; color: #333; font-size: 22px; line-height: 1; flex-shrink: 0; }

  /* Mobile Nav Drawer */
  .mobile-nav { overflow: hidden; max-height: 0; transition: max-height 0.35s ease; background: #fff; border-top: 1px solid #f0f0f0; }
  .mobile-nav.open { max-height: 700px; }
  .mobile-nav-inner { padding: 10px 16px 20px; }
  .m-link { display: block; padding: 11px 12px; color: #333; font-size: 14px; font-weight: 500; text-decoration: none; border-radius: 8px; transition: background 0.15s; }
  .m-link:hover { background: #fdf0f0; color: #7B1818; }

  /* Mobile accordion */
  .m-dd-toggle { display: flex; align-items: center; justify-content: space-between; padding: 11px 12px; color: #333; font-size: 14px; font-weight: 500; border-radius: 8px; cursor: pointer; user-select: none; transition: background 0.15s; }
  .m-dd-toggle:hover { background: #fdf0f0; color: #7B1818; }
  .m-dd-toggle .bi-chevron-down { font-size: 12px; transition: transform 0.25s ease; }
  .m-dd-toggle.active .bi-chevron-down { transform: rotate(180deg); }
  .m-dd-body { overflow: hidden; max-height: 0; transition: max-height 0.28s ease; padding-left: 10px; }
  .m-dd-body.open { max-height: 200px; }
  .m-dd-body a { display: block; padding: 9px 12px; color: #555; font-size: 13.5px; text-decoration: none; border-radius: 7px; }
  .m-dd-body a:hover { background: #fdf0f0; color: #7B1818; }
  .m-divider { border: none; border-top: 1px solid #f0f0f0; margin: 8px 0; }
  .m-book { display: block; text-align: center; margin-top: 10px; padding: 13px; border-radius: 8px; background: #7B1818; color: #fff !important; font-size: 14px; font-weight: 600; text-decoration: none; }

  /* hero section */
       /* PEHLE */
.hero-section {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.video-container {
    position: absolute;
    inset: 0;
    overflow: hidden;
    z-index: 1;
}

.video-container iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 56.25vw; /* 16:9 Ratio */
    min-height: 100vh;
    min-width: 177.78vh;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.hero-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 2;
}

.hero-content {
    position: relative;
    z-index: 3;
    height: 100vh;
    display: flex;
    align-items: center;
    color: #fff;
}

.hero-content h1 {
    font-size: 4rem;
    font-weight: 700;
}

.hero-content p {
    font-size: 1.2rem;
}


/* ============================================
  institute-section
   ============================================ */
  * { box-sizing: border-box; margin: 0; padding: 0; }
.institute-section {
  padding: 2.5rem 2rem;
  box-sizing: border-box;
}

.institute-section *,
.institute-section *::before,
.institute-section *::after {
  box-sizing: border-box;
}

.institute-section .container {
  /* max-width: 1100px; */
  margin: 0 auto;
}

.institute-section .title {
  text-align: center;
  font-size: 35px;
  font-weight: 700;
  letter-spacing: 2px;
  color: #005b9c;
  margin-bottom: 2rem;
  text-transform: uppercase;
  font-family: var(--font-family-Roboto);
}

.institute-section .tabs-wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
  position: relative;
}


.institute-section .nav-btn {
  background: none;
  /* border: 1px solid #EE7836; */
  color: #EE7836;
  /* width: 32px; */
  /* height: 32px; */
  /* min-width: 32px; */
  border-radius: 4px;
  cursor: pointer;
  font-size: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  line-height: 1;
}
.institute-section .nav-btn:hover {
  background: transparent;
}

.institute-section .tabs-scroll {
  flex: 1;
  overflow: hidden;
  padding-bottom: 12px;
  margin-bottom: -12px;
}


.institute-section .tabs {
  display: flex;
  /* border-bottom: 2px solid #e0ddd8; */
  width: max-content;
}


.institute-section .tab {
  flex: 0 0 auto;
  width: 130px;
  padding: 12px 8px;
  text-align: center;
  cursor: pointer;
  border: none;
  /* border-right: 1px solid #e0ddd8; */
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
  margin: 5px;
    transition: all 0.3s ease;
  background: none;
  color: #666;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  position: relative;
  overflow: visible;
}
.institute-section .tab:first-child {
  /* border-left: 1px solid #e0ddd8; */
}
.institute-section .tab:hover:not(.active) {
  background: #faf5f0;
}


.institute-section .tab.active {
  background: #EE7836;
  color: #fff;
}


.institute-section .tab.active::after {
  content: '';
  position: absolute;
  bottom: -13px;
  left: 50%;
  transform: translateX(-50%);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #EE7836;
  z-index: 5;
}

.institute-section .tab-icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.25s ease;
}
.institute-section .tab-icon img {
  width: 54px;
  height: 54px;
  object-fit: contain;
  display: block;
}
.institute-section .tab-icon svg {
  width: 80px;
  height: 80px;
}

.institute-section .tab.active .tab-icon {
  background: #fff;
}


.institute-section .tab:hover:not(.active) .tab-icon {
  background: rgba(255, 255, 255, 0.5);
}


.institute-section .tab.active .tab-icon svg path,
.institute-section .tab.active .tab-icon svg circle,
.institute-section .tab.active .tab-icon svg ellipse,
.institute-section .tab.active .tab-icon svg rect {
  stroke: #fff !important;
}
.institute-section .tab.active .tab-icon svg [fill="#7B2D2D"] {
  fill: #fff !important;
}
.institute-section .tab.active .tab-icon svg [fill="#F5C842"] {
  fill: rgba(255, 255, 255, 0.8) !important;
}


.institute-section .tab-label {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  white-space: normal;
  word-break: break-word;
}


.institute-section .content {
  display: flex;
  gap: 4rem;
  padding: 2.5rem 0 1rem;
  align-items: flex-start;
}

.institute-section .content .left  { flex: 1.2; }
.institute-section .content .right { flex: 1; }

.institute-section .content h2 {
  font-size: 28px;
  font-weight: 600;
  color: #1a1a1a;
  margin-bottom: 14px;
}

.institute-section .content p {
  font-size: 18px;
  line-height: 1.85;
  color: #444;
  margin: 0;
}


.institute-section .dept-title {
  font-size: 18px;
  font-weight: 600;
  color: #1a1a1a;
  margin-bottom: 16px;
}

.institute-section .dept-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 0;
  border-bottom: 1px solid #ede8e0;
  font-size: 18px;
  color: #555;
}

.institute-section .dept-check {
  width: 22px;
  height: 22px;
  min-width: 22px;
  background: #EE7836;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.institute-section .dept-check svg {
  width: 13px;
  height: 13px;
}

/* video section css */

  .hero-section{position:relative;width:100%;height:85vh;overflow:hidden;}
.video-container{position:absolute;top:0;left:0;width:100%;height:100%;}
.video-container video{width:100%;height:100%;object-fit:cover;object-position:center;display:block;}

  
  
  
  
  .section-title {font-size: 1.6rem;font-weight: 700;text-transform: uppercase;font-family: var(--font-family-Roboto) !important;color: var(--nims-navy, #0a2f5e);text-align: center;margin-bottom: 2rem;font-family: var(--font-family-Roboto);}
  .testimonial-card {background: #fff;border: none;border-radius: 20px;padding: 0;position: relative;height: 100%;
    /* box-shadow: 0 1px 4px rgba(0,0,0,0.08); */
    overflow: hidden;}
  .google-badge {position: absolute;top: 0;left: 0;background-color: #005b9c;color: #fff;font-size: 1.1rem;;font-weight: 600;font-family: var(--font-family-Roboto);padding: 3px 10px 3px 8px;clip-path: polygon(0 0, 100% 0, 88% 100%, 0 100%);z-index: 2;letter-spacing: 0.3px;}
  .card-inner {padding: 2.2rem 1.2rem 1rem 1.2rem;}
  .card-header-row {display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.2rem;}
  .reviewer-name {font-size: 1.3rem;font-weight: 700;font-family: var(--font-family-Roboto);color: #1a1a1a;margin: 0;}
  .avatar-circle {width: 52px;height: 52px;border-radius: 50%;background-color: #005b9c;color: #fff;font-size: 1.3rem;font-weight: 700;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
  .stars {color: #EE7836;font-size: 1.1rem;;letter-spacing: 1px;margin-bottom: 0.8rem;margin-top: 0.15rem;}
  .review-text {font-size: 1.02rem;
    line-height: 1.75;
    color: #4b5a72;margin-bottom: 0.9rem;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;overflow: hidden;}
  .disclaimer,.disclaimer span,.review-text.highlighted{color:#EE7836}.review-text.cut-off{-webkit-line-clamp:5;position:relative}.disclaimer{font-size:13px;border-top:1px solid #eee;padding-top:.6rem;margin-top:auto}.btn-view-all{background-color:#EE7836;color:#fff;border:none;border-radius:0;padding:.55rem 2.2rem;font-size:1rem;font-weight:600;letter-spacing:.5px;transition:background .2s}.btn-view-all:hover{background-color:#005b9c;color:#fff}.card-col:last-child .testimonial-card{border-right:3px solid #005b9c}
  
  /* ── Map scoped CSS ── */
  .nims-contact-map .contact-map-section {display: flex;min-height: 380px;overflow: hidden;}
  .nims-contact-map .contact-panel {background-color: #0a2f5e;width: 320px;flex-shrink: 0;display: flex;align-items: stretch;}
  .nims-contact-map .contact-card {background: transparent;margin: auto 0 auto 32px;width: 260px;
    /* padding: 28px 24px 24px; */
    box-shadow: 0 2px 12px rgba(0,0,0,0.10);}
  .nims-contact-map .contact-item {display: flex;flex-direction: column;align-items: center;text-align: center;padding: 20px 0;}
  .nims-contact-map .contact-item + .contact-item {border-top: 1px solid #e8e8e8;}
  .nims-contact-map .icon-wrap {width: 62px;height: 62px;border-radius: 50%;border: 2px solid #FFF;display: flex;align-items: center;justify-content: center;margin-bottom: 10px;}
  .nims-contact-map .icon-wrap svg {width: 30px;height: 30px;stroke: #FFF;fill: none;stroke-width: 1.6;stroke-linecap: round;stroke-linejoin: round;}
  .nims-contact-map .contact-label {font-size: 1.1rem;;color: #FFF;margin-bottom: 3px;}
  .nims-contact-map .contact-value {font-size: 1.2rem;font-weight: 700;color: #FFF;word-break: break-all;}
  .nims-contact-map .map-panel {flex: 1;min-height: 380px;position: relative;}
  .nims-contact-map .map-panel iframe {width: 100%;height: 100%;border: 0;display: block;min-height: 380px;}
  
  /* home page about Section css */
  .page-banner {width: 100vw;margin: 0;padding: 0;height: 350px;}
  .page-banner img {width: 100%;height: 100%;object-fit: cover;display: block;}
  .nims-about .about-intro {padding: 60px 16px 20px;text-align: center;max-width: 860px;margin: 0 auto;}
  .nims-about .about-intro h2 {font-size: 1.75rem;font-weight: 800;color: #1a1a1a;line-height: 1.35;margin-bottom: 16px;}
  .nims-about .about-intro p {font-size: 1.1rem;;color: #333;margin: 0;}
  .nims-about .why-what-how {padding: 0px 16px 70px;display: flex;justify-content: center;align-items: center;position: relative;}
  .nims-about .circles-wrapper {display: flex;align-items: center;justify-content: center;position: relative;width: 100%;max-width: 920px;min-height: auto;}
  .nims-about .circle {border-radius: 50%;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;
    color: #fff;position: relative;overflow: visible;cursor: pointer;transition: background-color 0.35s ease, color 0.35s ease, box-shadow 0.35s ease;}
  .nims-about .circle-what {background-color: #EE7836;width: 300px;height: 300px;min-width: 300px;z-index: 1;margin-right: -50px;margin-top: 60px;padding: 0 40px;}
  .nims-about .circle-what:hover {background-color: #fff;color: #EE7836;box-shadow: 0 0 0 3px #EE7836;}
  .nims-about .circle-what:hover .circle-title,
  .nims-about .circle-what:hover .circle-text {color: #EE7836;opacity: 1;}
  .nims-about .circle-how {background-color: #005b9c;width: 350px;height: 350px;min-width: 350px;z-index: 3;padding: 0 48px;}
  .nims-about .circle-how:hover {background-color: #fff;color: #005b9c;box-shadow: 0 0 0 3px #005b9c;}
  .nims-about .circle-how:hover .circle-title,
  .nims-about .circle-how:hover .circle-text {color: #005b9c;opacity: 1;}
  .nims-about .circle-why {background-color: #EE7836;width: 300px;height: 300px;min-width: 300px;z-index: 1;margin-left: -50px;margin-top: 60px;padding: 0 40px;}
  .nims-about .circle-why:hover {background-color: #fff;color: #EE7836;box-shadow: 0 0 0 3px #EE7836;}
  .nims-about .circle-why:hover .circle-title,
  .nims-about .circle-why:hover .circle-text {color: #EE7836;opacity: 1;}
  /* .nims-about .circle-title {font-size: 1.5rem;font-family: 'Roboto';font-weight: 800;letter-spacing: 1.5px;text-transform: uppercase;margin-bottom: 8px;line-height: 1.2;transition: color 0.35s ease;} */
  .nims-about .circle-text {font-size: 1.1rem;;font-family: var(--font-family-Roboto);line-height: 1.55;font-weight: 400;opacity: 0.95;max-width: 200px;transition: color 0.35s ease, opacity 0.35s ease;}

  
  /* ── About us page all css ── */
.page-banner {width: 100vw;margin: 0;padding: 0;height: 350px;}
.page-banner img {width: 100%;height: 100%;object-fit: cover;display: block;}
.nims-about-section {background: #fff;overflow: hidden;}
.nims-about-section .nas-hero {background: #84c2ff;padding: 72px 0 60px;position: relative;overflow: hidden;}
.nims-about-section .nas-hero::before {content: '';position: absolute;top: -120px; right: -120px;width: 480px; height: 480px;border-radius: 50%;background: rgb(15 88 228 / 12%);pointer-events: none;}
.nims-about-section .nas-hero::after {content: '';position: absolute;bottom: -80px; left: -80px;width: 300px; height: 300px;border-radius: 50%;background: rgba(255,255,255,0.04);pointer-events: none;}
.nims-about-section .nas-eyebrow {font-size: 1.5rem;font-weight: 600;text-transform: uppercase;color: #005b9c;margin-bottom: 18px;display: flex;align-items: center;gap: 10px;}
.nims-about-section .nas-eyebrow::before {content: '';display: inline-block;width: 32px; height: 2px;background: #EE7836;}
.nims-about-section .nas-hero-heading {font-style: italic;font-size: clamp(1.25rem, 2.5vw, 1.75rem);font-weight: 400;color: #FFF;line-height: 1.6;max-width: 780px;margin: 0;}
.nims-about-section .nas-hero-heading strong {font-style: normal;font-weight: 700;color: #fff;}
.nims-about-section .nas-body {padding: 64px 0 72px;}
.nims-about-section .nas-stats {display: flex;gap: 0;border: 1px solid #e8e0d0;border-radius: 12px;margin-bottom: 56px;}
.nims-about-section .nas-stat {flex: 1;padding: 28px 20px;text-align: center;border-right: 1px solid #e8e0d0;transition: background 0.3s ease, box-shadow 0.3s ease;cursor: default;}
.nims-about-section .nas-stat:first-child { border-radius: 12px 0 0 12px; }
.nims-about-section .nas-stat:last-child  { border-right: none; border-radius: 0 12px 12px 0; }
.nims-about-section .nas-stat:hover {background: #fdf9f2;box-shadow: inset 0 -3px 0 #EE7836;}
.nims-about-section .nas-stat-icon {font-size: 2.2rem;color: #EE7836;margin-bottom: 10px;line-height: 1;display: inline-block;
  transition: color 0.3s ease, transform 0.3s ease;}
.nims-about-section .nas-stat:hover .nas-stat-icon {color: #005b9c;transform: scale(1.18);}
.nims-about-section .nas-stat-num {font-size: 2rem;font-weight: 700;color: #005b9c;line-height: 1;margin-bottom: 6px;}
.nims-about-section .nas-stat-label {font-size: 1.4rem;font-weight: 700;color: #000;font-family: var(--font-family-Roboto);text-transform: uppercase;letter-spacing: 1px;}
.nims-about-section .nas-paras {display: grid;grid-template-columns: 1fr 1fr;gap: 32px 48px;margin-bottom: 48px;}
.nims-about-section .nas-para-block {position: relative;padding-left: 20px;}
.nims-about-section .nas-para-block::before {content: '';position: absolute;left: 0; top: 6px;width: 3px;height: calc(100% - 12px);background: linear-gradient(to bottom, #EE7836, transparent);border-radius: 2px;}
.nims-about-section .nas-para-block p {font-size: 1.1rem;;line-height: 1.8;color: #3a3a3a;margin: 0;}
.nims-about-section .nas-closing {background: #fdf9f2;border-left: 4px solid #EE7836;border-radius: 0 10px 10px 0;padding: 24px 28px;margin-bottom: 48px;}
.nims-about-section .nas-closing p {font-size: 1.1rem;;line-height: 1.8;color: #3a3a3a;margin: 0;font-style: italic;}
.nims-about-section .nas-tagline {text-align: center;padding: 32px 0 0;border-top: 1px solid #eee;}
.nims-about-section .nas-tagline p {font-size: clamp(1rem, 2vw, 1.3rem);font-weight: 700;color: #005b9c;margin: 0;line-height: 1.5;}
.nims-about-section .nas-tagline span {color: #EE7836;}
.nims-about .about-intro {padding: 12px 16px 20px;text-align: center;max-width: 860px;margin: 0 auto;}
.nims-about .about-intro h2 {font-size: 1.75rem;font-weight: 700;font-family: var(--font-family-Roboto);color: #1a1a1a;line-height: 1.35;margin-bottom: 16px;}
.nims-about .about-intro p {font-size: 1.1rem;;color: #333;margin: 0;}
.nims-about .circle {border-radius: 50%;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;color: #fff;position: relative;overflow: visible;cursor: pointer;transition: background-color 0.35s ease, box-shadow 0.35s ease;}
.nims-about .circle-what {background-color: #EE7836;width: 300px; height: 300px; min-width: 300px;z-index: 1;margin-right: -50px;margin-top: 60px;padding: 0 40px;}
.nims-about .circle-what:hover {background-color: #fff;box-shadow: 0 0 0 3px #EE7836;}
.nims-about .circle-what:hover .circle-title,
.nims-about .circle-what:hover .circle-text { color: #EE7836; opacity: 1; }
.nims-about .circle-how {background-color: #4F86BC;width: 350px; height: 350px; min-width: 350px;z-index: 3;padding: 0 48px;}
.nims-about .circle-how:hover {background-color: #fff;box-shadow: 0 0 0 3px #005b9c;}
.nims-about .circle-how:hover .circle-title,
.nims-about .circle-how:hover .circle-text { color: #005b9c; opacity: 1; }
.nims-about .circle-why {background-color: #EE7836;width: 300px; height: 300px; min-width: 300px;z-index: 1;margin-left: -50px;
  margin-top: 60px;padding: 0 40px;}
.nims-about .circle-why:hover {background-color: #fff;box-shadow: 0 0 0 3px #EE7836;}
.nims-about .circle-why:hover .circle-title,
.nims-about .circle-why:hover .circle-text { color: #EE7836; opacity: 1; }
.nims-about .circle-title {font-size: 2.5rem;font-family: var(--font-family-Roboto);font-weight: 700;letter-spacing: 1.5px;text-transform: uppercase;margin-bottom: 8px;line-height: 1.2;transition: color 0.35s ease;}
.nims-about .circle-text {font-size: 1.1rem;line-height: 1.55;font-weight: 400;opacity: 0.95;max-width: 200px;transition: color 0.35s ease, opacity 0.35s ease;}
.our-purpose-section{background:#F4F8FB;padding:40px 0;}
.our-purpose-section .purpose-heading{margin-bottom:32px;}
.our-purpose-section .purpose-heading h2{font-family: var(--font-family-Roboto);color:#005b9c;font-size:36px;font-weight:700;line-height:1;margin-bottom:10px;text-transform:uppercase;}
.our-purpose-section .purpose-heading p{color:#000;font-size:18px;margin:0;font-weight:400;}
.our-purpose-section .purpose-card{background: linear-gradient(90deg, #5ddff9 0%, #005b9c 100%);height:160px;display:flex;align-items:center;padding:0 38px;transition:all .4s ease;cursor:pointer;}
/* .our-purpose-section .purpose-card:hover{background:#669938;color:#FFF;} */
.our-purpose-section .purpose-icon{width:90px;height:90px;min-width:90px;border:1px solid #d8d8d8;border-radius:50%;display:flex;
    align-items:center;justify-content:center;margin-right:35px;}
.our-purpose-section .purpose-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px rgba(0,0,0,.18);}
.our-purpose-section .purpose-card:hover .purpose-icon{border-color:#EE7836;transform:rotate(8deg);}
.our-purpose-section .purpose-icon{width:90px;height:90px;min-width:90px;border:1px solid #d8d8d8;border-radius:50%;display:flex;
    align-items:center;justify-content:center;margin-right:35px;transition:all .4s ease;}
.our-purpose-section .purpose-card:hover h3{color:#EE7836;}
.our-purpose-section .purpose-content h3{transition:all .4s ease;}
.our-purpose-section .purpose-icon img{width:100px;}
.our-purpose-section .purpose-content h3{color:#005b9c;font-size:32px;font-weight:600;margin-bottom:8px;font-family: var(--font-family-Roboto);}
.our-purpose-section .purpose-content p{color:#FFF;font-size:18px;line-height:1.6;margin:0;max-width:580px;}
.values-section {padding: 60px 30px 70px;background: #FFF;}
.values-section .section-title {font-size: 2rem;font-weight: 700;font-family: var(--font-family-Roboto);text-transform: uppercase;color: #005b9c;margin-bottom: 28px;}
.values-section .value-wrap {position: relative;padding-top: 55px;transition: transform 0.3s ease;}
.values-section .value-wrap:hover {transform: translateY(-8px);}
 .values-section .value-card {border: 1px solid #ddd;border-radius: 3px;padding: 60px 30px 36px;text-align: center;background: #fff;height: calc(100% - 55px);transition: border-color 0.3s ease, box-shadow 0.3s ease;}
.values-section .value-wrap:hover .value-card {border-color: #669938;box-shadow: 0 10px 30px rgba(201, 168, 76, 0.2);}
.values-section .icon-wrap {position: absolute;top: 0;left: 50%;transform: translateX(-50%);z-index: 2;width: 108px;height: 108px;
      border-radius: 50%;background: #fff;border: 2px solid #669938;display: flex;align-items: center;justify-content: center;box-shadow: 0 0 0 4px #fff;
      outline: 2px solid #669938;transition: background 0.3s ease;}
.values-section .value-wrap:hover .icon-wrap {background: #669938;}
.values-section .icon-wrap svg {width: 80px;height: 80px;}
.values-section .value-wrap:hover .icon-wrap svg circle,
.values-section .value-wrap:hover .icon-wrap svg path,
.values-section .value-wrap:hover .icon-wrap svg line,
.values-section .value-wrap:hover .icon-wrap svg rect {stroke: #fff;}
.values-section .value-wrap:hover .icon-wrap svg path[fill="#c9a84c"] {fill: #fff;stroke: #fff;}
.values-section .value-card h5 {font-size: 1.5rem;font-weight: 500;font-family: var(--font-family-Roboto);color: #1a1a1a;margin-bottom: 14px;transition: color 0.3s ease;}
.values-section .value-wrap:hover .value-card h5 {color: #EE7836;}
.values-section .value-card p {font-size: 1.1rem;;color: #555;line-height: 1.8;margin: 0;}
.values-section .gold-text {color: #EE7836;}
.why-arete-section {background: #efefef;padding: 60px 20px 70px;}
.why-arete-section .section-heading {font-size: 1.8rem;font-weight: 700;font-family: var(--font-family-Roboto);text-transform: uppercase;color: #005b9c;margin-bottom: 40px;}
.why-arete-section .why-card { transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;background: #fff;border: 1px solid #d6d6d6;border-radius: 8px;padding: 28px 26px 32px;height: 100%;}
.why-arete-section .why-card:hover{transform: translateY(-8px);
  background: #fff8f0;
  box-shadow: 0 12px 32px rgba(123, 45, 0, 0.10);
  border-color: #EE7836;}
.why-arete-section .why-card .card-title {font-size: 1.3rem;font-weight: 700;font-family: var(--font-family-Roboto);color: #1a1a1a;line-height: 1.5;margin-bottom: 12px;}
.why-arete-section .why-card:hover .card-title {
  color: #005b9c;
  transition: color 0.3s ease;
}
.why-arete-section .why-card .card-text {font-size: 1.1rem;;color: #444;line-height: 1.75;margin: 0;}
.why-arete-section .why-card .card-text .highlight {color: #005b9c;}
  
 
    /* =====================================================
   SPECIALITIES SECTION page all css 
   ===================================================== */
 
.dept-section {padding: 50px 30px;}
.dept-section .dept-row {row-gap: 18px !important;}
.dept-section .dept-card {position: relative;background: var(--card-bg);border: 1px solid var(--card-border);border-radius: 6px;
  text-align: center;padding: 28px 14px 20px;overflow: hidden;transition:
    box-shadow    0.55s ease,
    transform     0.55s ease,
    border-color  0.55s ease;
  cursor: pointer;height: 100%;z-index: 0;}
 .dept-section .dept-card:hover {border-color: var(--gold);box-shadow: 0 16px 40px rgb(104 151 187 / 28%);transform: translateY(-10px);}
.dept-section .dept-card::after {content: '';position: absolute;top: -120%;right: -120%;width: 280%;height: 280%;background: var(--gold);border-radius: 50%;
  transform: scale(0);transform-origin: 100% 0%;transition: transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);z-index: 0;pointer-events: none;}
.dept-section .dept-card:hover::after {transform: scale(1);}
.dept-section .dept-card::before {content: '';position: absolute;bottom: -18px;right: -18px;width: 60px;height: 60px;border-radius: 50%;
  background: var(--gold-light);opacity: 0.55;z-index: 1;transition: opacity 0.40s ease;pointer-events: none;}
.dept-section .dept-card:hover::before {opacity: 0;}
 .dept-section .dept-card > * {position: relative;z-index: 2;}
.dept-section .dept-icon-wrap {width: 72px;height: 72px;border-radius: 50%;background: linear-gradient(135deg, #84bef5 0%, #005b9c 100%);display: flex;align-items: center;justify-content: center;
  margin: 0 auto 14px;transition: background 0.40s ease;}
.dept-section .dept-card:hover .dept-icon-wrap {background: #ffffff;}
.dept-section .dept-icon-wrap svg,
.dept-section .dept-icon-wrap img {width: 80px;height: 80px;filter: brightness(1) invert(0);transition: filter 0.40s ease;}
/* .dept-section .dept-card:hover .dept-icon-wrap svg,
.dept-section .dept-card:hover .dept-icon-wrap img {filter: invert(63%) sepia(55%) saturate(500%) hue-rotate(5deg) brightness(90%);transition: filter 0.3s ease;} */
.dept-section .dept-name {font-size: 14px;font-weight: 700;letter-spacing: 0.06em;color: var(--maroon);text-transform: uppercase;
  margin-bottom: 12px;line-height: 1.4;transition: color 0.40s ease;}
.dept-section .dept-card:hover .dept-name {color: #EE7836;}
.dept-section .btn-read-more {display: inline-block;font-size: 10px;font-weight: 600;letter-spacing: 0.04em;color: var(--maroon);
  border: 1px solid var(--maroon);border-radius: 3px;padding: 0px 14px;text-transform: uppercase;text-decoration: none;background: transparent;
  transition: color 0.40s ease, border-color 0.40s ease;}
.dept-section .dept-card:hover .btn-read-more {color: #fff;border-color: #fff;}



  /* ============================================
   About Arete Hospitals
   All styles scoped under .about-section
   ============================================ */

.about-section *,
.about-section *::before,
.about-section *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.about-section {
  display: flex;
  /* min-height: 500px; */
  min-height: auto;
  background: #f9f5f0;
  overflow: hidden;
}

.about-section .about-image {
  flex: 0 0 55%;
  position: relative;
  overflow: hidden;
}
.about-section .about-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.about-section .about-image::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 120px;
  height: 100%;
  background: linear-gradient(to right, transparent, #f9f5f0);
}

.about-section .about-content {
  flex: 1;
  padding: 3.5rem 3rem 3.5rem 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
}

.about-section .about-content h2 {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 1.5px;
  color: #005b9c;
  text-transform: uppercase;
  line-height: 1.2;
  font-family: var(--font-family-Roboto);
}

.about-section .about-content .tagline {
  font-size: 18px;
  font-style: italic;
  font-weight: 600;
  color: #005b9c;
  line-height: 1.6;
}

.about-section .about-content .desc {
  font-size: 18px;
  line-height: 1.65;
  color: #444;
  text-align: justify;
}




/* ============================================
   Video Modal
   (modal is appended to body, so separate scope)
   ============================================ */

.about-video-modal *,
.about-video-modal *::before,
.about-video-modal *::after {
  box-sizing: border-box;
}

.about-video-modal {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.82);
  z-index: 9999;
  align-items: center;
  justify-content: center;
}
.about-video-modal.open {
  display: flex;
}

.about-video-modal .modal-inner {
  position: relative;
  width: 90%;
  max-width: 860px;
  aspect-ratio: 16 / 9;
  background: #000;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);
  animation: aboutModalPopIn 0.25s ease;
}

@keyframes aboutModalPopIn {
  from { transform: scale(0.85); opacity: 0; }
  to   { transform: scale(1);    opacity: 1; }
}

.about-video-modal .modal-inner iframe,
.about-video-modal .modal-inner video {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

.about-video-modal .modal-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #ccc;
  gap: 12px;
  font-family: var(--font-family-Roboto);
}
.about-video-modal .modal-placeholder svg {
  width: 64px;
  height: 64px;
  fill: #7B2D2D;
}
.about-video-modal .modal-placeholder p {
  font-size: 15px;
}
.about-video-modal .modal-placeholder .modal-hint {
  font-size: 12px;
  color: #888;
}

.about-video-modal .modal-close {
  position: absolute;
  top: 12px;
  right: 14px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.15);
  border: none;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
  z-index: 2;
  line-height: 1;
}
.about-video-modal .modal-close:hover {
  background: rgba(255, 255, 255, 0.3);
}


/* Footer section */
  
  
     .n-site-footer {
  background: #050505;
  color: var(--white, #ffffff);
}

.n-footer-main {
  display: grid;
  grid-template-columns: minmax(300px, 30.5%) minmax(0, 69.5%);
  min-height: 350px;
}

.n-footer-contact-panel {
  padding: 50px clamp(34px, 7.5vw, 108px) 42px;
  background: #fafdff;
  color: var(--crimson, #780109);
}

.n-footer-logo {
  display: inline-flex;
  align-items: center;
  margin-bottom: 24px;
}

.n-footer-logo img {
  width: min(170px, 58vw);
  height: auto;
  display: block;
}

.n-footer-contact-title {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 18px;
  color: var(--crimson2, #ae1f23);
  font-size: 0.74rem;
  font-weight: 900;
  line-height: 1;
}

.n-footer-contact-title::after {
  content: '';
  flex: 1;
  height: 1px;
  background: rgba(174,31,35,0.28);
}

.n-footer-contact {
  display: grid;
  gap: 18px;
}

.n-footer-contact p {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  margin: 0;
  color: #373435;
  font-size: 0.88rem;
  font-weight: 700;
  line-height: 1.35;
}

.n-footer-contact i {
  width: 22px;
  padding-top: 0px;
  color: var(--crimson, #EE7836);
  font-size: 1.5rem;
  text-align: center;
}

.n-footer-contact a {
  color: var(--crimson, #005b9c);
  text-decoration: none;
}

.n-footer-contact a:hover {
  text-decoration: underline;
}

.n-footer-social {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
  margin-top: 22px;
}

.n-footer-social a {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--crimson2, #ae1f23);
  color: #fffdf1;
  font-size: 0.66rem;
  line-height: 1;
  text-decoration: none;
  transition: transform 0.2s ease, background 0.2s ease;
}
i.fa-brands {
    font-size: 1.3rem;
}
.n-footer-social a:hover {
  background: var(--crimson, #780109);
  transform: translateY(-2px);
}

.n-footer-links-panel {
  padding: 50px clamp(34px, 6vw, 82px) 34px;
  /* background: linear-gradient(135deg, #b11620 0%, #830d13 42%, #5b090d 100%); */
  background: linear-gradient(135deg,#373435 0%,#2b292a 42%,#1f1d1e 100%);}

.n-footer-links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(36px, 5vw, 86px);
  max-width: 920px;
}

.n-footer-link-col h3 {
  margin: 0 0 18px;
  padding-bottom: 11px;
  border-bottom: 1px solid rgba(255,255,255,0.62);
  color: var(--white, #ffffff);
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1;
  font-family: var(--font-family-Roboto);
}

.n-footer-toggle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 0;
  padding: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-weight: inherit;
  text-align: left;
}

.n-footer-toggle i {
  display: none;
  font-size: 0.78rem;
  transition: transform 0.22s ease;
}

.n-footer-links ul {
  display: grid;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.n-footer-links a {
  color: rgba(255,255,255,0.92);
  font-size: 0.78rem;
  font-weight: 500;
  line-height: 1.15;
  text-decoration: none;
}

.n-footer-links a:hover {
  color: var(--white, #ffffff);
  text-decoration: underline;
}

.n-footer-join {
  width: fit-content;
  min-width: 148px;
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 26px;
  padding: 8px 18px;
  border-radius: 3px;
  background: #fffdf1;
  color: var(--crimson, #780109) !important;
  font-size: 0.58rem !important;
  font-weight: 900 !important;
  letter-spacing: 1.5px;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none !important;
}

.n-footer-join:hover {
  background: var(--white, #ffffff);
}

.n-footer-bottom {
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 16px;
  border-bottom: 8px solid #1c1c1c;
  background: #050505;
  color: rgba(255,255,255,0.42);
  font-size: 0.82rem;
  font-weight: 500;
  letter-spacing: 0.2px;
  text-align: center;
  text-transform: uppercase;
}


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

  /* SHOW/HIDE */
  @media (max-width: 991px) {
  .nims-stat-item { gap: 0.75rem; padding: 0 1rem; }
  .nims-stat-number { font-size: 1.5rem; }
  .nims-stat-icon { width: 44px; height: 44px; min-width: 44px; font-size: 1.1rem; }
  .header-desktop { display: none; }
  .header-mobile  { display: flex; }
  .hero-section{height:70vh;}
  .nims-sh-heading { font-size: 2.1rem; }
  .nims-section-header .col-lg-4 {text-align: left !important;margin-top: 1rem;}
  .n-footer-main {grid-template-columns: 1fr;}
  .n-footer-contact-panel,
  .n-footer-links-panel {padding: 34px 22px;}
  .n-footer-links {max-width: none;gap: 28px;}
  .our-purpose-section .purpose-card{height:auto;padding:30px;}
  .nims-topbar-item:nth-child(2) {display: none;}
  .nims-nav-right {margin-top: 1rem;flex-wrap: wrap;gap: 1rem;}
  .nims-nav-links {margin-top: 0.5rem;}
  
  }
  @media (min-width: 992px) {
  .header-desktop { display: flex; }
  .header-mobile  { display: none; }
  .mobile-nav     { display: none !important; }
  .nims-about-img { height: 550px; }
  .nims-about-heading { font-size: 2rem; }
  .nims-about-badge { max-width: 200px; padding: 1.1rem 1.3rem; right: 16px; bottom: -20px; }
  .nims-nav-dropdown {position: relative;}
    .nims-nav-dropdown .dropdown-menu {display: block;position: absolute;top: 100%;left: 0;min-width: 240px;margin-top: 0;
        padding: 10px 8px;border: none;border-radius: 10px;background: #ffffff;box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);opacity: 0;
        visibility: hidden;transform: translateY(10px);transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s;}
    .nims-nav-dropdown:hover .dropdown-menu {opacity: 1;visibility: visible;transform: translateY(0);}
    .nims-nav-dropdown .dropdown-menu::before {content: "";position: absolute;top: -8px;left: 28px;width: 0;height: 0;border-left: 9px solid transparent;
        border-right: 9px solid transparent;border-bottom: 9px solid #ffffff;}
    .nims-nav-dropdown .dropdown-item {display: flex;align-items: center;gap: 10px;padding: 10px 14px;border-radius: 8px;font-size: 0.92rem;font-weight: 500;color: #333;transition: background 0.2s ease, color 0.2s ease, padding-left 0.2s ease;}
    .nims-nav-dropdown .dropdown-item i {font-size: 1rem;color: #EE7836;width: 18px;text-align: center;}
    .nims-nav-dropdown .dropdown-item:hover {background: transparent;color: #EE7836;padding-left: 18px;}
    .nims-nav-dropdown .dropdown-toggle::after {transition: transform 0.2s ease;}
    .nims-nav-dropdown:hover .dropdown-toggle::after {transform: rotate(180deg);}

  }
  /* iPad Landscape */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .nims-nav-links .nav-link {
        font-size: 0.7rem !important;
    }
}
  /* Mobile */
@media (max-width: 768px) {
.nims-stat-col {margin-bottom: 1.5rem;}
.nims-stat-col:nth-child(3)::before,
.nims-stat-col:nth-child(1)::before {display: none;}
.nims-stat-col:nth-child(2)::before,
.nims-stat-col:nth-child(4)::before {display: none;}
.nims-stat-label { font-size: 0.7rem; letter-spacing: 1px;}
.hero-section {height: 70vh;}
.hero-content {height: 70vh;text-align: center;}
.hero-content h1 {font-size: 2rem;}
.institute-section {padding: 1.5rem 1rem;}
.institute-section .title {font-size: 17px;letter-spacing: 1px;margin-bottom: 1.5rem;}
.institute-section .tab {width: 100px;padding: 10px 6px;gap: 6px;}
.institute-section .tab-icon {width: 50px;height: 50px;}
.institute-section .tab-icon img {width: 30px;height: 30px;}
.institute-section .tab-icon svg {width: 28px;height: 28px;}
.institute-section .tab-label {font-size: 15px;}
.institute-section .content {flex-direction: column;gap: 2rem;padding: 2rem 0 1rem;}
.institute-section .content .left, .institute-section .content .right {flex: unset;width: 100%;}
.institute-section .content h2 {font-size: 18px;}
.nims-contact-map .contact-map-section {flex-direction: column;}
.nims-contact-map .contact-panel {width: 100%;justify-content: center;padding: 24px 16px;}
.nims-contact-map .contact-card {margin: 0;width: 100%;max-width: 340px;}
.nims-contact-map .map-panel,
.nims-contact-map .map-panel iframe {min-height: 280px;}
    /* about page */
.about-section {flex-direction: column;}
.about-section .about-image {flex: unset;height: 240px;}
.about-section .about-image::after {display: none;}
.about-section .about-content {padding: 2rem 1.5rem;}
.about-section .about-content h2 {font-size: 22px;}
.about-section .about-content .tagline {font-size: 14px;}
.dept-section .btn-read-more{padding: 0px 8px;}
.dept-section .dept-card{padding: 8px 0px 20px;}
.dept-section {padding: 0px 30px;}
.dept-section .dept-name {font-size: 12px;}    
.nims-about .circles-wrapper {flex-direction: column;align-items: center;min-height: unset;gap: 16px;}
.nims-about .circle-what,
.nims-about .circle-why {margin: 0;width: 290px;height: 290px;min-width: 290px;padding: 0 36px;}
.nims-about .circle-how {width: 290px;height: 290px;min-width: 290px;padding: 0 42px;order: -1;}
.nims-about .about-intro h2 {font-size: 1.35rem;}
.our-purpose-section .purpose-card{flex-direction:column;text-align:center;}
.our-purpose-section .purpose-icon{margin-right:0;margin-bottom:20px;}
.our-purpose-section .purpose-heading h2{font-size:28px;}
.nims-about-section .nas-stats { flex-wrap: wrap; }
.nims-about-section .nas-stat {flex: 1 1 45%;border-right: none;border-bottom: 1px solid #e8e0d0;border-radius: 0 !important;}
.nims-about-section .nas-stat:nth-child(odd) { border-right: 1px solid #e8e0d0; }
.nims-about-section .nas-paras { grid-template-columns: 1fr; gap: 24px; }
.nims-about-section .nas-hero { padding: 48px 0 40px; }
.nims-about .circles-wrapper { flex-direction: column; align-items: center; min-height: unset; gap: 16px; }
.nims-about .circle-what,
.nims-about .circle-why { margin: 0; width: 260px; height: 260px; min-width: 260px; padding: 0 36px; }
.nims-about .circle-how { width: 290px; height: 290px; min-width: 290px; padding: 0 42px; order: -1; }
.nims-about .about-intro h2 { font-size: 1.35rem; } 
.nims-spec-card { padding: 1.0rem 0.5rem 0.3rem; }
.nims-spec-icon { width: 54px; height: 54px; border-radius: 13px; margin-bottom: 1rem; background: transparent;}
.nims-spec-icon img { width: 54px; height: 54px; }
.nims-spec-name { font-size: 0.90rem; }
.nims-spec-link{display: block;}
.nims-spec-desc { font-size: 0.85rem; }
.nims-about-sec { padding: 3rem 0; }
.nims-about-img { height: 300px; }
.nims-about-heading { font-size: 1.6rem; }
.nims-about-badge {/* position: static; margin-top: -40px; margin-left: 16px; max-width: none; width:100%; */position: relative;margin-top: -50px;margin-left: 19px;max-width: none;width: 98%;}
.nims-about-pill { font-size: 0.62rem; }
.nims-about-sec { padding: 3rem 0; }
.nims-about-img { height: 300px; }
.nims-about-heading { font-size: 1.6rem; }
.nims-about-badge {position: relative;margin-top: -50px;margin-left: 26px;max-width: none;width: 98%;}
    /* Features row */
.nims-about-features {margin-top: 1rem;}
.nims-about-features .col-6 {padding-left: 6px;padding-right: 6px;}
.nims-about-pill {align-items: flex-start; gap: 8px;padding: 0.65rem 0.8rem;border-radius: 16px; font-size: 0.8rem;line-height: 1.3;white-space: normal; }
.nims-about-pill i {font-size: 0.95rem;margin-top: 2px;}
.nims-about-pill span {word-break: break-word;}
}
@media (max-width:576px){
  .hero-section{height:45vh;}
  .n-footer-panel {display: block !important;height: auto !important;visibility: visible;}
}
@media (max-width: 575px) {
  .nims-sh-heading { font-size: 1.7rem; }
  .nims-sh-eyebrow { font-size: 0.72rem; letter-spacing: 2px; }
  .nims-sh-desc { font-size: 0.95rem; }
  .n-footer-contact-panel {padding: 30px 18px 26px;}
  .n-footer-links-panel {padding: 24px 18px 28px;}
  .n-footer-logo img {width: 150px;}
  .n-footer-links {display: grid;grid-template-columns: 1fr;gap: 0;}
  .n-footer-link-col {border-bottom: 1px solid rgba(255,255,255,0.24);}
  .n-footer-link-col h3 {margin: 0;padding: 0;border-bottom: 0;}
  .n-footer-toggle {min-height: 48px;padding: 14px 0;font-size: 0.9rem;}
  .n-footer-toggle i {display: inline-flex;}
  .n-footer-toggle:not(.collapsed) i {transform: rotate(180deg);}
  .n-footer-panel {display: block !important;max-height: 0;overflow: hidden;padding-bottom: 0;opacity: 0;transition: max-height 0.28s ease, opacity 0.22s ease, padding-bottom 0.22s ease;}
  .n-footer-panel.show {max-height: 900px;padding-bottom: 18px;opacity: 1;}
  .n-footer-links ul {gap: 6px;}
  .n-footer-links a {font-size: 0.78rem;}
  .n-footer-join {margin-top: 18px;}
  .n-footer-bottom {font-size: 0.68rem;line-height: 1.5;}
  .nims-topbar-right a {margin-left: 1rem;font-size: 0.78rem;}
  .nims-topbar-item {margin-right: 1rem;font-size: 0.78rem;}
}

@media (max-width: 480px) {
 .institute-section .tab {width: 85px;}
 .institute-section .nav-btn {width: 28px;height: 28px;font-size: 50px;}
 .nims-about-pill {font-size: 0.75rem;padding: 0.6rem 0.7rem;}
}