/* NMIMS CIIS — assets/css/04-sections/faculty.css — extracted from approved source (Phase 2B) */

/* ── FACULTY ── */
.faculty-section { background: var(--off-white); }
.faculty-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-top: 48px; }
.faculty-stat { background: white; border-radius: var(--radius); padding: 32px 24px; text-align: center; border: 1px solid var(--grey-light); box-shadow: var(--shadow-soft); transition: all 0.25s; }
.faculty-stat:hover { transform: translateY(-4px); box-shadow: var(--shadow-card); }
.faculty-stat-num { font-family: var(--font-display); font-size: 3rem; font-weight: 800; color: var(--purple); line-height: 1; display: block; margin-bottom: 8px; }
.faculty-stat-num sup { font-size: 1.5rem; vertical-align: super; }
.faculty-stat-label { font-size: 0.85rem; color: var(--grey-text); font-weight: 500; }
.faculty-desc { margin-top: 40px; background: white; border-radius: var(--radius); padding: 32px; border: 1px solid var(--grey-light); }
.faculty-desc p { font-size: 0.95rem; line-height: 1.8; color: var(--grey-text); }
.faculty-desc a { color: var(--purple); font-weight: 600; }

/* ── RESPONSIVE PREMIUM FACULTY SHOWCASE ── */
.faculty-showcase-section{background:linear-gradient(180deg,#faf9f7 0%,#ffffff 100%)!important;padding:72px 0!important;overflow:hidden;}
.faculty-premium-hero{position:relative;margin:0 auto;max-width:1180px;border-radius:34px;overflow:hidden;background:linear-gradient(115deg,#f3c0da 0%,#e8c4f2 46%,#c8b8ff 100%);box-shadow:0 30px 80px rgba(75,44,123,.14);min-height:410px;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;padding:52px 60px;isolation:isolate;}
.faculty-premium-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 20%,rgba(255,255,255,.55),transparent 26%),radial-gradient(circle at 85% 25%,rgba(255,255,255,.42),transparent 28%);z-index:-1;}
.faculty-premium-left{position:relative;z-index:2;max-width:440px;}
.faculty-premium-left h2{font-family:var(--font-display);font-size:clamp(2rem,3.8vw,3.45rem);line-height:1.06;color:#353238;margin-bottom:16px;letter-spacing:-.03em;}
.faculty-premium-left p{font-size:1.08rem;line-height:1.65;color:#3f3845;margin-bottom:26px;max-width:430px;}
.faculty-stat-grid-new{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:16px 18px;max-width:430px;}
.faculty-mini-stat{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.28);border:1px solid rgba(255,255,255,.38);border-radius:18px;padding:12px 14px;backdrop-filter:blur(10px);box-shadow:0 12px 30px rgba(75,44,123,.08);}
.faculty-mini-stat strong{display:flex;align-items:center;justify-content:center;min-width:74px;height:62px;border-radius:14px;background:linear-gradient(135deg,#ff6738,#ff4a2d);color:white;font-family:var(--font-display);font-size:1.65rem;line-height:1;font-weight:800;box-shadow:0 12px 24px rgba(255,74,45,.24);}
.faculty-mini-stat span{font-size:.82rem;line-height:1.25;color:#2c2932;font-weight:600;}
.faculty-mosaic{position:relative;height:340px;z-index:2;}
.faculty-mosaic::before{content:"";position:absolute;right:30px;top:18px;width:455px;height:310px;background:rgba(255,255,255,.18);border-radius:42px;filter:blur(.2px);}
.mosaic-tile{position:absolute;width:86px;height:86px;border-radius:28px;background:rgba(255,255,255,.42);box-shadow:0 14px 32px rgba(68,42,110,.10);overflow:hidden;border:1px solid rgba(255,255,255,.38);}
.mosaic-tile.circle{border-radius:50%;}
.mosaic-tile.arch{border-radius:44px 44px 14px 14px;}
.mosaic-tile.shape-only{background:rgba(255,255,255,.34);}
.mosaic-tile img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);}
.m1{left:70px;top:0}.m2{left:160px;top:0}.m3{left:250px;top:0}.m4{left:340px;top:0}.m5{left:24px;top:90px}.m6{left:116px;top:90px}.m7{left:208px;top:90px}.m8{left:300px;top:90px}.m9{left:392px;top:90px}.m10{left:70px;top:180px}.m11{left:160px;top:180px}.m12{left:250px;top:180px}.m13{left:340px;top:180px}.m14{left:116px;top:270px}.m15{left:208px;top:270px}.m16{left:300px;top:270px}.mosaic-letter{position:absolute;left:52px;top:0;width:178px;height:178px;color:rgba(255,255,255,.44);font-family:var(--font-display);font-size:176px;font-weight:900;line-height:.8;z-index:-1;}
.faculty-copy-wrap{max-width:1180px;margin:34px auto 0!important;padding:0 24px;}
.faculty-desc-upgraded{background:#fff!important;border:1px solid rgba(75,44,123,.08)!important;border-radius:22px!important;padding:28px 32px!important;box-shadow:0 18px 50px rgba(0,0,0,.055)!important;}
.faculty-desc-upgraded p{font-size:1rem!important;line-height:1.85!important;color:#5f5b57!important;}
.faculty-desc-upgraded a{color:var(--purple)!important;font-weight:800!important;}
@media(max-width:1024px){.faculty-premium-hero{grid-template-columns:1fr;padding:46px 34px 36px;gap:30px}.faculty-premium-left{max-width:100%;text-align:center;margin:auto}.faculty-stat-grid-new{margin:auto}.faculty-mosaic{height:335px;transform:scale(.92);transform-origin:top center;margin:auto;width:520px;max-width:100%;}.faculty-mosaic::before{right:20px}}
@media(max-width:640px){.faculty-showcase-section{padding:46px 0!important}.faculty-premium-hero{margin:0 14px;border-radius:24px;padding:34px 18px 22px;min-height:auto}.faculty-premium-left h2{font-size:2rem}.faculty-premium-left p{font-size:.95rem;margin-bottom:20px}.faculty-stat-grid-new{grid-template-columns:1fr 1fr;gap:10px}.faculty-mini-stat{padding:9px;gap:8px;border-radius:14px}.faculty-mini-stat strong{min-width:54px;height:50px;font-size:1.22rem;border-radius:12px}.faculty-mini-stat span{font-size:.68rem}.faculty-mosaic{height:250px;width:360px;transform:scale(.74);transform-origin:top center;margin-bottom:-58px}.faculty-mosaic::before{width:390px;height:270px;right:-15px}.mosaic-letter{font-size:140px}.faculty-copy-wrap{margin-top:22px!important;padding:0 14px}.faculty-desc-upgraded{padding:20px 18px!important;border-radius:18px!important}.faculty-desc-upgraded p{font-size:.9rem!important;line-height:1.72!important}}

/* ── FACULTY SHOWCASE REPLACEMENT OLD DISABLED ── */
.faculty-showcase-section { background: #f8f7f5; padding: 0 0 72px; overflow: hidden; }
.faculty-hero-reference { width: 100%; background: linear-gradient(90deg, #efc1da, #c8b4ff); }
.faculty-hero-reference img { display: block; width: 100%; height: auto; max-height: 420px; object-fit: cover; object-position: center; }
.faculty-copy-wrap { margin-top: 40px; }
.faculty-desc-upgraded { background: #fff; border: 1px solid rgba(0,0,0,0.06); border-radius: 18px; padding: 30px 34px; box-shadow: 0 18px 48px rgba(0,0,0,0.06); }
.faculty-desc-upgraded p { font-size: 1rem; line-height: 1.8; color: #5f5b57; }
.faculty-desc-upgraded a { color: var(--purple); font-weight: 700; }
@media (max-width: 768px) { .faculty-showcase-section { padding-bottom: 54px; } .faculty-hero-reference { overflow-x: auto; scrollbar-width: none; } .faculty-hero-reference::-webkit-scrollbar { display: none; } .faculty-hero-reference img { width: 980px; max-width: none; height: auto; min-height: 270px; object-fit: cover; object-position: left center; } .faculty-copy-wrap { margin-top: 24px; } .faculty-desc-upgraded { padding: 22px 20px; border-radius: 16px; } .faculty-desc-upgraded p { font-size: 0.92rem; line-height: 1.75; }
} /* Faculty mosaic final correction: visible photos on all tiles */
.faculty-premium-hero{overflow:hidden!important;}
.faculty-mosaic{height:360px!important;min-width:520px!important;}
.faculty-mosaic::before{right:10px!important;top:24px!important;width:500px!important;height:300px!important;border-radius:44px!important;background:rgba(255,255,255,.20)!important;}
.faculty-mosaic .mosaic-tile{width:88px!important;height:88px!important;border-radius:50%!important;background:rgba(255,255,255,.55)!important;border:3px solid rgba(255,255,255,.78)!important;box-shadow:0 16px 34px rgba(55,35,92,.18)!important;overflow:hidden!important;z-index:3!important;}
.faculty-mosaic .mosaic-tile img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;filter:grayscale(100%) contrast(1.06)!important;opacity:1!important;}
.faculty-mosaic .mosaic-tile.shape-only{display:none!important;}
.faculty-mosaic .mosaic-letter{display:none!important;}
.faculty-mosaic .m1{left:78px!important;top:0!important}.faculty-mosaic .m2{left:170px!important;top:0!important}.faculty-mosaic .m3{left:262px!important;top:0!important}.faculty-mosaic .m4{left:354px!important;top:0!important}
.faculty-mosaic .m5{left:42px!important;top:92px!important}.faculty-mosaic .m6{left:134px!important;top:92px!important}.faculty-mosaic .m7{left:226px!important;top:92px!important}.faculty-mosaic .m8{left:318px!important;top:92px!important}.faculty-mosaic .m9{left:410px!important;top:92px!important}
.faculty-mosaic .m10{left:82px!important;top:184px!important}.faculty-mosaic .m11{left:174px!important;top:184px!important}.faculty-mosaic .m12{left:266px!important;top:184px!important}.faculty-mosaic .m13{left:358px!important;top:184px!important}
.faculty-mosaic .m14{left:128px!important;top:276px!important}.faculty-mosaic .m15{left:220px!important;top:276px!important}.faculty-mosaic .m16{left:312px!important;top:276px!important}
@media(max-width:1024px){.faculty-mosaic{min-width:520px!important;height:360px!important;transform:scale(.9)!important;transform-origin:top center!important;margin:0 auto -20px!important;}}
@media(max-width:640px){.faculty-premium-hero{padding-bottom:34px!important}.faculty-mosaic{min-width:520px!important;height:360px!important;transform:scale(.62)!important;transform-origin:top center!important;margin:0 auto -120px!important}.faculty-mosaic::before{width:500px!important;height:300px!important}.faculty-mosaic .mosaic-tile{width:88px!important;height:88px!important;}} /* FINAL FIX: Faculty section mobile alignment - clean stacked layout */
@media (max-width: 640px){ #faculty.faculty-showcase-section{padding:34px 0 56px !important;background:#faf9f7 !important;} #faculty .faculty-premium-hero{ margin:0 14px !important; padding:30px 18px 28px !important; border-radius:26px !important; display:flex !important; flex-direction:column !important; gap:22px !important; min-height:auto !important; overflow:hidden !important; text-align:center !important; background:linear-gradient(145deg,#f1c6dd 0%,#e8c7f5 50%,#cbbcff 100%) !important; } #faculty .faculty-premium-left{ width:100% !important; max-width:100% !important; margin:0 auto !important; text-align:center !important; } #faculty .faculty-premium-left h2{ font-size:2.05rem !important; line-height:1.08 !important; letter-spacing:-.02em !important; margin:0 auto 14px !important; max-width:330px !important; text-align:center !important; } #faculty .faculty-premium-left p{ font-size:.94rem !important; line-height:1.55 !important; margin:0 auto 20px !important; max-width:315px !important; text-align:center !important; } #faculty .faculty-stat-grid-new{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:12px !important; width:100% !important; max-width:100% !important; margin:0 auto !important; } #faculty .faculty-mini-stat{ min-height:128px !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; text-align:center !important; gap:9px !important; padding:14px 9px !important; border-radius:18px !important; background:rgba(255,255,255,.30) !important; } #faculty .faculty-mini-stat strong{ min-width:74px !important; width:74px !important; height:58px !important; font-size:1.38rem !important; border-radius:14px !important; margin:0 auto !important; } #faculty .faculty-mini-stat span{ font-size:.74rem !important; line-height:1.22 !important; max-width:118px !important; text-align:center !important; } #faculty .faculty-mosaic{ width:100% !important; min-width:0 !important; height:auto !important; transform:none !important; margin:2px auto 0 !important; padding:18px 14px !important; display:grid !important; grid-template-columns:repeat(4, minmax(0, 1fr)) !important; gap:9px !important; justify-items:center !important; align-items:center !important; border-radius:24px !important; background:rgba(255,255,255,.16) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.25) !important; overflow:visible !important; } #faculty .faculty-mosaic::before{display:none !important;} #faculty .faculty-mosaic .mosaic-tile{ position:static !important; left:auto !important; top:auto !important; width:62px !important; height:62px !important; border-radius:50% !important; border:2px solid rgba(255,255,255,.86) !important; box-shadow:0 10px 22px rgba(55,35,92,.16) !important; background:rgba(255,255,255,.55) !important; display:block !important; } #faculty .faculty-mosaic .mosaic-tile img{ width:100% !important; height:100% !important; object-fit:cover !important; object-position:center top !important; display:block !important; opacity:1 !important; } #faculty .faculty-mosaic .shape-only, #faculty .faculty-mosaic .mosaic-letter{display:none !important;}
}
@media (max-width: 380px){ #faculty .faculty-premium-left h2{font-size:1.82rem !important;} #faculty .faculty-mini-stat{min-height:118px !important;} #faculty .faculty-mosaic .mosaic-tile{width:56px !important;height:56px !important;} #faculty .faculty-mosaic{gap:7px !important;padding:16px 10px !important;}
} /* === FINAL MOBILE LOGO + POPUP CLOSE FIX === */
@media (max-width: 768px) { #site-header { min-height: 86px !important; overflow: visible !important; } #site-header .container { padding-left: 12px !important; padding-right: 12px !important; overflow: visible !important; } .header-inner { height: 86px !important; padding: 8px 0 !important; overflow: visible !important; } .logo-wrap { flex: 1 1 auto !important; min-width: 0 !important; overflow: visible !important; max-width: calc(100vw - 100px) !important; } .nmims-logo-img { height: 64px !important; width: auto !important; max-width: 300px !important; object-fit: contain !important; object-position: left center !important; transform: scale(1.28) !important; transform-origin: left center !important; } .nav-burger { width: 56px !important; height: 56px !important; border-radius: 14px !important; background: #fff !important; box-shadow: 0 8px 26px rgba(0,0,0,.10) !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; z-index: 20 !important; } .hero { padding-top: 86px !important; }
}
@media (max-width: 420px) { .nmims-logo-img { height: 60px !important; max-width: 270px !important; transform: scale(1.22) !important; } .nav-burger { width: 54px !important; height: 54px !important; }
}
@media (max-width: 360px) { .nmims-logo-img { height: 56px !important; max-width: 238px !important; transform: scale(1.16) !important; }
} /* Popup close must always stay visible and clickable on mobile */
.popup-overlay { z-index: 99990 !important; }
.popup-overlay.active .popup-close,
#popupClose { display: flex !important; align-items: center !important; justify-content: center !important; pointer-events: auto !important; touch-action: manipulation !important;
}
@media (max-width: 560px) { .popup-overlay.active .popup-close, #popupClose { position: fixed !important; top: calc(env(safe-area-inset-top, 0px) + 100px) !important; right: 16px !important; width: 46px !important; height: 46px !important; border-radius: 50% !important; background: #ffffff !important; color: #4B2C7B !important; border: 2px solid rgba(75,44,123,.18) !important; box-shadow: 0 10px 30px rgba(0,0,0,.28) !important; font-size: 0 !important; line-height: 1 !important; z-index: 100000 !important; } #popupClose::before { content: '×' !important; font-size: 34px !important; font-weight: 500 !important; line-height: 42px !important; color: #4B2C7B !important; } .popup-top { padding-right: 72px !important; } .popup-modal { position: relative !important; }
} 
/* ─────────────────────────────────────────────
   FINAL RESPONSIVE FIX — iPhone / Android / iPad / Safari
   Desktop remains unchanged. Mobile is rebuilt cleanly.
───────────────────────────────────────────── */

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  overflow-x: hidden;
}

body {
  overflow-x: hidden !important;
  -webkit-font-smoothing: antialiased;
}

img, svg, video {
  max-width: 100%;
  height: auto;
}

input, select, textarea, button {
  font-size: 16px !important;
  -webkit-appearance: none;
  appearance: none;
}

select {
  background-color: #fff;
}

/* iPad / tablet landscape */
@media (max-width: 1180px) {
  .container {
    max-width: 100%;
    padding-left: 22px;
    padding-right: 22px;
  }

  .main-nav a {
    font-size: 0.82rem;
    padding: 8px 8px;
  }

  .nav-apply {
    padding: 9px 16px !important;
  }

  .hero-inner {
    grid-template-columns: 1fr 0.85fr 350px !important;
    gap: 22px !important;
  }

  .hero-left h1 {
    font-size: clamp(2.1rem, 4.2vw, 3.1rem) !important;
  }

  .hero-left .hero-sub {
    max-width: 360px;
  }

  .hero-person-wrap {
    min-height: 360px !important;
  }

  .hero-person-figure {
    width: 190px !important;
  }

  .hero-form-card {
    padding: 24px 22px !important;
  }
}

/* iPad portrait / small tablet */
@media (max-width: 991px) {
  #site-header {
    position: sticky !important;
    top: 0 !important;
    padding-top: env(safe-area-inset-top);
  }

  .header-inner {
    height: 62px !important;
  }

  .nmims-logo-img {
    height: 38px !important;
    max-width: 260px !important;
  }
/* 
  .main-nav a:not(.nav-apply):not(.nav-wa) {
    display: none !important;
  } */

  .main-nav {
    margin-left: auto !important;
  }

  .hero {
    min-height: auto !important;
    height: auto !important;
    display: block !important;
    padding-top: 0 !important;
    padding-bottom: 34px !important;
    overflow: hidden !important;
  }

  .hero-bg-shape {
    width: 100% !important;
    clip-path: none !important;
    opacity: 0.6 !important;
  }

  .hero-inner {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    padding-top: 26px !important;
    padding-bottom: 0 !important;
  }

  .hero-left {
    text-align: center !important;
    max-width: 680px !important;
    margin: 0 auto !important;
  }

  .hero-left .hero-urgency {
    margin-bottom: 16px !important;
  }

  .hero-left .hero-sub {
    max-width: 620px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .hero-trust {
    justify-content: center !important;
  }

  .hero-person-wrap {
    min-height: 285px !important;
    margin: 0 auto !important;
    width: min(100%, 520px) !important;
  }

  .hero-person-bg {
    width: 225px !important;
    height: 225px !important;
  }

  .hero-person-figure {
    width: 178px !important;
  }

  .hero-tag {
    font-size: 0.74rem !important;
    line-height: 1.18 !important;
    padding: 8px 10px !important;
    max-width: 160px !important;
  }

  .hero-tag-1 { top: 7% !important; left: 5% !important; }
  .hero-tag-2 { bottom: 13% !important; left: 4% !important; }
  .hero-tag-3 { top: 6% !important; right: 5% !important; }
  .hero-tag-4 { bottom: 18% !important; right: 4% !important; }

  .hero-form-card {
    width: min(100%, 520px) !important;
    margin: 0 auto !important;
    padding: 24px 22px !important;
    border-radius: 18px !important;
  }

  .form-card-header {
    text-align: center !important;
    margin-bottom: 16px !important;
  }

  .form-group {
    margin-bottom: 11px !important;
  }

  .about-section,
  .final-cta {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }

  .section-pad-sm {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }

  .about-forte-grid,
  .why-grid,
  .spec-grid,
  .learning-grid,
  .faculty-stats,
  .prog-overview,
  .fees-grid,
  .lead-grid {
    grid-template-columns: 1fr 1fr !important;
  }

  .footer-inner {
    grid-template-columns: 1fr !important;
  }
}

/* iPhone / Android */
@media (max-width: 767px) {
  .container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  #site-header {
    background: rgba(255,255,255,0.98) !important;
  }

  .header-inner {
    height: 58px !important;
  }

  .logo-wrap {
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .nmims-logo-img {
    height: 31px !important;
    width: auto !important;
    max-width: 218px !important;
    object-fit: contain !important;
  }

  .main-nav .nav-wa {
    display: none !important;
  }

  .nav-apply {
    font-size: 0.72rem !important;
    padding: 8px 11px !important;
    white-space: nowrap !important;
  }

  .hero {
    padding-bottom: 24px !important;
  }

  .hero-inner {
    gap: 18px !important;
    padding-top: 18px !important;
  }

  .hero-left h1 {
    font-size: 2.25rem !important;
    line-height: 1.04 !important;
    margin-bottom: 7px !important;
  }

  .hero-tagline {
    font-size: 0.96rem !important;
    line-height: 1.35 !important;
    margin-bottom: 10px !important;
  }

  .hero-left .hero-sub {
    font-size: 0.92rem !important;
    line-height: 1.52 !important;
    margin-bottom: 15px !important;
  }

  .hero-left .hero-urgency {
    font-size: 0.72rem !important;
    padding: 6px 11px !important;
    margin-bottom: 14px !important;
  }

  .hero-trust {
    gap: 10px !important;
  }

  .trust-item {
    gap: 5px !important;
  }

  .trust-item span {
    font-size: 0.72rem !important;
  }

  .hero-person-wrap {
    min-height: 218px !important;
    width: 100% !important;
    margin-top: -2px !important;
  }

  .hero-person-bg {
    width: 178px !important;
    height: 178px !important;
  }

  .hero-person-figure {
    width: 142px !important;
  }

  .hero-tag {
    font-size: 0.63rem !important;
    padding: 6px 8px !important;
    border-radius: 10px !important;
    max-width: 132px !important;
    gap: 5px !important;
  }

  .hero-tag-icon {
    font-size: 0.9rem !important;
  }

  .hero-tag-1 { top: 0 !important; left: -2px !important; }
  .hero-tag-2 { bottom: 8% !important; left: -2px !important; }
  .hero-tag-3 { top: 0 !important; right: -2px !important; }
  .hero-tag-4 { bottom: 14% !important; right: -2px !important; }

  .hero-form-card {
    padding: 18px 15px 16px !important;
    border-radius: 16px !important;
    box-shadow: 0 12px 34px rgba(0,0,0,0.13) !important;
  }

  .form-card-header h3 {
    font-size: 1.12rem !important;
  }

  .form-card-header p {
    font-size: 0.78rem !important;
  }

  .form-group label {
    font-size: 0.66rem !important;
    margin-bottom: 3px !important;
  }

  .form-group input,
  .form-group select {
    height: 43px !important;
    min-height: 43px !important;
    padding: 9px 11px !important;
    border-radius: 10px !important;
  }

  .form-submit-btn {
    height: 45px !important;
    min-height: 45px !important;
    padding: 10px 12px !important;
    font-size: 0.88rem !important;
  }

  .form-disclaimer {
    font-size: 0.66rem !important;
  }

  .about-forte-grid,
  .why-grid,
  .spec-grid,
  .learning-grid,
  .faculty-stats,
  .prog-overview,
  .fees-grid,
  .lead-grid,
  .grid-2,
  .grid-3,
  .grid-4,
  .sem-subjects,
  .admission-steps {
    grid-template-columns: 1fr !important;
  }

  .admission-steps::before {
    display: none !important;
  }

  .faculty-desc {
    padding: 22px 18px !important;
  }

  .footer-bottom {
    flex-direction: column !important;
    text-align: center !important;
    gap: 8px !important;
  }

  .float-btns {
    right: 13px !important;
    bottom: calc(78px + env(safe-area-inset-bottom)) !important;
    gap: 10px !important;
  }

  .float-btn {
    width: 46px !important;
    height: 46px !important;
  }

  .mobile-sticky {
    display: block !important;
    padding: 9px 12px calc(9px + env(safe-area-inset-bottom)) !important;
  }

  .mobile-sticky .btn {
    min-height: 42px !important;
    font-size: 0.76rem !important;
  }
}

/* iPhone 15/14/13/12 standard width */
@media (max-width: 430px) {
  .hero-left h1 {
    font-size: 2.12rem !important;
  }

  .hero-person-wrap {
    min-height: 204px !important;
  }

  .hero-person-bg {
    width: 165px !important;
    height: 165px !important;
  }

  .hero-person-figure {
    width: 133px !important;
  }

  .hero-tag {
    font-size: 0.60rem !important;
    max-width: 122px !important;
  }

  .section-title,
  h2 {
    font-size: 1.62rem !important;
  }

  .section-sub {
    font-size: 0.92rem !important;
  }
}

/* iPhone SE / very small phones */
@media (max-width: 375px) {
  .container {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .nmims-logo-img {
    height: 28px !important;
    max-width: 185px !important;
  }

  .nav-apply {
    font-size: 0.67rem !important;
    padding: 7px 9px !important;
  }

  .hero-left h1 {
    font-size: 1.94rem !important;
  }

  .hero-tagline {
    font-size: 0.88rem !important;
  }

  .hero-left .hero-sub {
    font-size: 0.86rem !important;
  }

  .hero-person-wrap {
    min-height: 188px !important;
  }

  .hero-person-bg {
    width: 150px !important;
    height: 150px !important;
  }

  .hero-person-figure {
    width: 120px !important;
  }

  .hero-tag {
    display: none !important;
  }

  .hero-form-card {
    padding: 16px 13px !important;
  }
}