:root {
      --navy: #132b46;
      --navy-2: #17385b;
      --red: #b53b47;
      --gold: #d2a039;
      --yellow: #efc247;
      --paper: #f7f3ea;
      --surface: #ffffff;
      --surface-2: #f4f8fb;
      --line: #dbe4ed;
      --text: #223649;
      --muted: #6c8094;
      --shadow: 0 24px 58px rgba(19, 43, 70, .10);
      --radius: 28px;
      --transition: 220ms cubic-bezier(.2, .8, .2, 1);
    }

    * { box-sizing: border-box }
    html { scroll-behavior: smooth }
    body {
      margin: 0;
      background: #fff;
      color: var(--text);
      font-family: 'Inter', sans-serif;
      overflow-x: hidden
    }
    img { display: block; max-width: 100%; height: auto }
    a { text-decoration: none; color: inherit }

    .wrap {
      max-width: 1240px;
      margin: 0 auto;
      padding: 0 28px
    }

    /* ── TOPBAR ── */
    .topbar {
      background: #f4f7fb;
      border-bottom: 1px solid #e8eef4
    }
    .topbar .wrap {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 18px;
      padding: 10px 28px;
      font-size: 13px
    }
    .mini { display: flex; gap: 18px; flex-wrap: wrap }
    .mini a { color: #6b8094 }
    .mini a:last-child { color: var(--red); font-weight: 800 }

    /* ── NAV ── */
    .nav {
      position: sticky;
      top: 0;
      z-index: 60;
      background: rgba(255,255,255,.96);
      backdrop-filter: blur(10px);
      border-bottom: 1px solid rgba(219,228,237,.92);
      display: flex;
      flex-direction: column
    }
    .nav .wrap {
      padding: 8px 20px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      max-width: 100%;
      gap: 0;
    }
    .brand {
      display: flex;
      align-items: center;
      flex-shrink: 0
    }
    .brand img {
      height: 90px;
      width: auto;
      object-fit: contain;
      mix-blend-mode: multiply
    }
    .navlinks {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-left: auto;
      margin-right: 10px;
      transition: var(--transition);
      flex-shrink: 1;
      min-width: 0;
    }
    .navlinks .cta { display: none }

    .menu-toggle {
      display: none;
      flex-direction: column;
      gap: 6px;
      background: none;
      border: none;
      cursor: pointer;
      padding: 10px;
      z-index: 100;
      flex-shrink: 0;
    }
    .menu-toggle span {
      display: block;
      width: 28px;
      height: 3px;
      background: var(--navy);
      border-radius: 4px;
      transition: var(--transition)
    }

    .nav-secondary {
      background: #f4f7fb;
      border-top: 1px solid #e8eef4;
      width: 100%
    }
    .nav-secondary .wrap {
      padding: 7px 20px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 13px;
      max-width: 100%
    }

    /* nav link base */
    .navlinks a {
      font-size: 14px;
      font-weight: 700;
      color: #35506a;
      white-space: nowrap;
      transition: color .18s;
}
    .navlinks a:hover { color: var(--navy); }
    .navlinks > a {
      display: inline-flex;
      align-items: center;
    }

    /* ── CTA BUTTON ── */
    .cta {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 7px 11px;
      border-radius: 999px;
      background: linear-gradient(135deg, var(--red), #cb5662);
      color: #fff !important;
      font-weight: 800;
      font-size: 11.5px;
      white-space: nowrap;
      flex-shrink: 0;
      box-shadow: 0 4px 14px rgba(181,59,71,.35);
      transition: opacity .18s, transform .18s, box-shadow .18s;
    }
    .cta:hover {
      opacity: .9;
      transform: translateY(-1px);
      box-shadow: 0 6px 20px rgba(181,59,71,.4);
    }

    /* ── NAV ITEM + DROPDOWN BASE ── */
    .nav-item {
      position: relative;
      display: inline-flex;
      align-items: center;
    }
    .nav-item > a {
      display: inline-flex;
      align-items: center;
      gap: 3px;
      cursor: pointer;
      padding: 4px 0;
      position: relative;
    }
    /* underline hover indicator */
    .nav-item > a::after {
      content: '';
      position: absolute;
      bottom: -2px; left: 0; right: 0;
      height: 2px;
      background: var(--red);
      border-radius: 2px;
      transform: scaleX(0);
      transition: transform .22s ease;
      transform-origin: left;
    }
    .nav-item:hover > a::after { transform: scaleX(1); }
    .nav-item:hover > a { color: var(--navy) !important; }

    .arrow {
      font-size: 9px;
      transition: transform 0.22s;
      line-height: 1;
      color: var(--muted);
    }
    .nav-item:hover .arrow { transform: rotate(180deg); color: var(--navy); }

    /* ── SIMPLE DROPDOWN ── */
    .simple-dropdown {
      display: none;
      position: absolute;
      top: calc(100% + 2px);
      left: 50%;
      transform: translateX(-50%) translateY(6px);
      background: #fff;
      z-index: 999;
      padding: 6px 0;
      min-width: 230px;
      overflow: hidden;
      border-radius: 14px;
      border-top: 3px solid #1a6eb5;
      box-shadow:
        0 4px 6px rgba(19,43,70,.04),
        0 12px 40px rgba(19,43,70,.14),
        0 2px 8px rgba(26,110,181,.08);
      opacity: 0;
      transition: opacity .22s ease, transform .22s ease;
      pointer-events: none;
    }
    .nav-item:hover .simple-dropdown {
      display: block;
      opacity: 1;
      transform: translateX(-50%) translateY(0);
      pointer-events: auto;
    }

    .simple-dropdown a {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 9px 18px;
      color: #2d4a63 !important;
      font-size: 13.5px;
      font-weight: 500;
      border-bottom: 1px solid #f0f4f8;
      white-space: nowrap;
      transition: background .15s, color .15s, padding-left .15s;
    }
    .simple-dropdown a::before {
      content: '›';
      color: #1a6eb5;
      font-size: 16px;
      font-weight: 700;
      opacity: 0;
      transition: opacity .15s;
      flex-shrink: 0;
      line-height: 1;
    }
    .simple-dropdown a:hover {
      background: #f0f7ff !important;
      color: #1a6eb5 !important;
      padding-left: 24px;
    }
    .simple-dropdown a:hover::before { opacity: 1; }
    .simple-dropdown a:last-child { border-bottom: none; }

    /* ── MEGA DROPDOWN ── */
    .mega-dropdown {
      display: none;
      position: absolute;
      top: calc(100% + 2px);
      left: 50%;
      transform: translateX(-50%) translateY(6px);
      background: #fff;
      z-index: 999;
      padding: 0;
      margin: 0;
      overflow: hidden;
      border-radius: 16px;
      border-top: 3px solid #1a6eb5;
      box-shadow:
        0 4px 6px rgba(19,43,70,.04),
        0 12px 40px rgba(19,43,70,.14),
        0 2px 8px rgba(26,110,181,.08);
      opacity: 0;
      transition: opacity .22s ease, transform .22s ease;
      pointer-events: none;
      gap: 0;
      align-items: start;
    }
    .nav-item:hover .mega-dropdown {
      display: grid;
      opacity: 1;
      transform: translateX(-50%) translateY(0);
      pointer-events: auto;
    }

    /* column sizes */
    .mega-dropdown:not(.four-col):not(.Three-col):not(.three-col) {
      grid-template-columns: 1fr 1fr;
      min-width: 520px;
    }
    .mega-dropdown.Three-col,
    .mega-dropdown.three-col {
      grid-template-columns: repeat(3, 1fr);
      min-width: 720px;
    }
    .mega-dropdown.four-col {
      grid-template-columns: repeat(4, 1fr);
      min-width: 880px;
    }

    /* right-edge overflow fix */
    .nav-item:nth-last-child(-n+4) .simple-dropdown,
    .nav-item:nth-last-child(-n+4) .mega-dropdown {
      left: auto !important;
      right: 0 !important;
      transform: translateY(6px) !important;
    }
    .nav-item:nth-last-child(-n+4):hover .simple-dropdown,
    .nav-item:nth-last-child(-n+4):hover .mega-dropdown {
      transform: translateY(0) !important;
    }

    /* mega columns */
    .mega-col {
      padding: 0 !important;
      margin: 0 !important;
      align-self: start !important;
      border-right: 1px solid #eef2f7;
    }
    .mega-col:last-child { border-right: none; }

    .mega-heading {
      background: linear-gradient(135deg, #1e7fd4, #1354a0);
      color: #fff;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: .06em;
      text-transform: uppercase;
      padding: 11px 18px;
      margin: 0;
      border-radius: 0;
      white-space: nowrap;
    }

    .mega-col a {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 9px 18px;
      color: #2d4a63 !important;
      font-size: 13px;
      font-weight: 500;
      border-bottom: 1px solid #f0f4f8;
      text-decoration: none;
      transition: background .15s, color .15s, padding-left .15s;
      white-space: nowrap;
    }
    .mega-col a::before {
      content: '›';
      color: #1a6eb5;
      font-size: 15px;
      font-weight: 700;
      opacity: 0;
      transition: opacity .15s;
      flex-shrink: 0;
      line-height: 1;
    }
    .mega-col a:hover {
      background: #f0f7ff !important;
      color: #1a6eb5 !important;
      padding-left: 22px;
    }
    .mega-col a:hover::before { opacity: 1; }
    .mega-col a:last-child { border-bottom: none; padding-bottom: 10px; }

    /* ── HERO ── */
    .hero {
      position: relative;
      background: var(--navy);
      color: #fff
    }
    .hero:before {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(rgba(19,43,70,.85), rgba(19,43,70,.4)),
        var(--navy) url('https://images.unsplash.com/photo-1523240795612-9a054b0db644?auto=format&fit=crop&w=1900&q=80') center/cover no-repeat
    }
    .hero .wrap {
      position: relative;
      z-index: 2;
      padding-top: 78px;
      padding-bottom: 88px
    }
    .hero-grid {
      display: grid;
      grid-template-columns: 1.08fr .92fr;
      gap: 34px;
      align-items: end;
      min-height: 640px
    }
    .hero-copy h1 {
      margin: 0 0 18px;
      font-family: 'Space Grotesk', sans-serif;
      font-size: 88px;
      line-height: .9;
      letter-spacing: -.06em;
      max-width: 780px
    }
    .hero-copy p {
      margin: 0 0 30px;
      max-width: 620px;
      font-size: 18px;
      line-height: 1.95;
      color: rgba(255,255,255,.84)
    }
    .hero-actions { display: flex; gap: 14px; flex-wrap: wrap }
    .hero-actions .ghost {
      background: rgba(255,255,255,.12);
      border: 1px solid rgba(255,255,255,.18);
      color: #fff
    }
    .ghost {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 13px 20px;
      border-radius: 999px;
      font-weight: 800
    }
    .hero-side { display: grid; gap: 16px; justify-items: end }
    .award {
      width: min(320px, 100%);
      padding: 20px 22px;
      border-radius: 24px;
      background: rgba(255,255,255,.94);
      color: var(--text);
      box-shadow: var(--shadow)
    }
    .award small {
      display: block; font-size: 11px; font-weight: 900;
      letter-spacing: .08em; text-transform: uppercase;
      color: var(--red); margin-bottom: 8px
    }
    .award strong {
      display: block; font-size: 28px; line-height: 1.08;
      color: var(--navy); margin-bottom: 6px
    }
    .award span { display: block; font-size: 14px; line-height: 1.75; color: var(--muted) }

    /* ── FINDER ── */
    .finder { margin-top: -42px; position: relative; z-index: 5 }
    .finder .wrap { display: block }
    .finder-bar {
      display: grid;
      grid-template-columns: 1.35fr .7fr .7fr auto;
      gap: 14px;
      background: #fff;
      border-radius: 28px;
      padding: 18px;
      box-shadow: var(--shadow)
    }
    .field {
      padding: 16px 18px;
      border-radius: 18px;
      background: #f5f8fb;
      border: 1px solid var(--line)
    }
    .field label {
      display: block; font-size: 11px; font-weight: 900;
      letter-spacing: .08em; text-transform: uppercase;
      color: var(--red); margin-bottom: 8px
    }
    .field div { font-size: 16px; color: var(--navy); font-weight: 700 }
    .search-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 28px;
      border-radius: 18px;
      background: var(--navy);
      color: #fff;
      font-weight: 800;
      min-height: 78px
    }

    /* ── SECTIONS ── */
    .section { padding: 88px 0 }
    .section.alt { background: var(--surface-2) }
    .section.paper { background: var(--paper) }
    .section.dark { background: var(--navy); color: #fff }

    .section-head {
      display: grid;
      grid-template-columns: 340px 1fr;
      gap: 28px;
      align-items: start;
      margin-bottom: 34px
    }
    .section-head h2 {
      margin: 0;
      font-family: 'Space Grotesk', sans-serif;
      font-size: 56px; line-height: .94; letter-spacing: -.05em
    }
    .section-head p { margin: 0; max-width: 760px; line-height: 1.95; font-size: 17px }
    .section:not(.dark) .section-head h2 { color: var(--navy) }
    .section:not(.dark) .section-head p { color: var(--muted) }
    .section.dark .section-head p { color: rgba(255,255,255,.82) }

    /* ── STUDY ── */
    .study-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px }
    .study-card {
      background: #fff; border: 1px solid var(--line);
      border-radius: 30px; overflow: hidden; box-shadow: var(--shadow)
    }
    .study-card .media { height: 320px }
    .study-card:nth-child(1) .media { background: url('https://images.unsplash.com/photo-1517048676732-d65bc937f952?auto=format&fit=crop&w=1600&q=80') center/cover no-repeat }
    .study-card:nth-child(2) .media { background: url('https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=1600&q=80') center/cover no-repeat }
    .study-body { padding: 30px }
    .study-body small {
      display: block; font-size: 11px; font-weight: 900;
      letter-spacing: .08em; text-transform: uppercase;
      color: var(--red); margin-bottom: 8px
    }
    .study-body h3 {
      margin: 0 0 10px;
      font-family: 'Space Grotesk', sans-serif;
      font-size: 38px; line-height: 1.02; color: var(--navy)
    }
    .study-body p { margin: 0; color: var(--muted); line-height: 1.9 }
    .meta-row {
      display: flex; gap: 18px; flex-wrap: wrap;
      margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--line)
    }
    .meta-row span { font-size: 13px; font-weight: 700; color: #526b80 }

    /* ── PROOF ── */
    .proof-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 28px; align-items: start }
    .proof-copy h3 {
      margin: 0 0 14px;
      font-family: 'Space Grotesk', sans-serif;
      font-size: 44px; line-height: .98; color: var(--navy)
    }
    .proof-copy p { margin: 0 0 18px; max-width: 620px; color: var(--muted); line-height: 1.95 }
    .proof-list { display: grid; gap: 14px }
    .proof-item { padding: 16px 0; border-bottom: 1px solid var(--line) }
    .proof-item strong { display: block; font-size: 20px; color: var(--navy); margin-bottom: 6px }
    .proof-item span { display: block; font-size: 15px; color: var(--muted); line-height: 1.8 }

    /* ── STATS ── */
    .stats {
      display: grid; gap: 1px;
      background: var(--line); border-radius: 28px;
      overflow: hidden; box-shadow: var(--shadow)
    }
    .stat { padding: 26px 28px; background: #fff }
    .stat:nth-child(1) { background: #fffaf0 }
    .stat:nth-child(2) { background: #fff5f6 }
    .stat:nth-child(3) { background: #f2f8ff }
    .stat:nth-child(4) { background: #fffdf3 }
    .stat strong {
      display: block; font-family: 'Space Grotesk', sans-serif;
      font-size: 48px; color: var(--navy); margin-bottom: 6px
    }
    .stat span { display: block; font-size: 15px; font-weight: 700; color: var(--muted) }

    /* ── CAMPUS ── */
    .campus-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 24px }
    .campus-image {
      min-height: 620px; border-radius: 30px; overflow: hidden;
      box-shadow: var(--shadow);
      background: url('https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=1700&q=80') center/cover no-repeat
    }
    .campus-panel { display: grid; gap: 18px }
    .campus-note {
      padding: 28px; border-radius: 26px; background: #fff;
      border: 1px solid rgba(255,255,255,.12); box-shadow: var(--shadow)
    }
    .campus-note small {
      display: block; font-size: 11px; font-weight: 900;
      letter-spacing: .08em; text-transform: uppercase;
      color: var(--red); margin-bottom: 8px
    }
    .campus-note h3 {
      margin: 0 0 10px; font-family: 'Space Grotesk', sans-serif;
      font-size: 30px; line-height: 1.04; color: var(--navy)
    }
    .campus-note p { margin: 0; color: var(--muted); line-height: 1.85 }

    /* ── DARK SECTION ── */
    .dark-grid { display: grid; grid-template-columns: 1.08fr .92fr; gap: 30px; align-items: start }
    .dark-copy { display: grid; gap: 26px }
    .dark-copy h3 { margin: 0; font-family: 'Space Grotesk', sans-serif; font-size: 40px; line-height: 1.02 }
    .dark-copy p { margin: 0; color: rgba(255,255,255,.78); line-height: 1.95 }

    /* ── RECRUITER ── */
    .recruiter {
      padding: 30px; border-radius: 28px;
      background: #fff; color: var(--text); box-shadow: var(--shadow)
    }
    .recruiter h3 {
      margin: 0 0 10px; font-family: 'Space Grotesk', sans-serif;
      font-size: 34px; line-height: 1.04; color: var(--navy)
    }
    .recruiter p { margin: 0 0 18px; color: var(--muted); line-height: 1.85 }
    .recruiter-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px }
    .recruiter-grid span {
      padding: 12px 14px; border-radius: 999px;
      background: #f5f8fb; border: 1px solid var(--line);
      font-size: 12px; font-weight: 900; letter-spacing: .12em;
      text-align: center; color: #62788e;
      transition: background .18s, color .18s, border-color .18s;
      cursor: default;
    }
    .recruiter-grid span:hover {
      background: var(--navy); color: #fff; border-color: var(--navy);
    }

    /* ── NEWS ── */
    .news-grid { display: grid; grid-template-columns: 300px 1fr; gap: 28px }
    .news-list { display: grid; gap: 18px }
    .news-item { padding: 0 0 18px; border-bottom: 1px solid var(--line) }
    .news-item:last-child { border-bottom: none }
    .news-item small {
      display: block; font-size: 11px; font-weight: 900;
      letter-spacing: .08em; text-transform: uppercase;
      color: var(--red); margin-bottom: 6px
    }
    .news-item strong { display: block; font-size: 22px; line-height: 1.15; color: var(--navy); margin-bottom: 6px }
    .news-item span { display: block; font-size: 15px; color: var(--muted); line-height: 1.8 }
    .news-stage {
      min-height: 520px; border-radius: 30px; overflow: hidden;
      position: relative; box-shadow: var(--shadow);
      background: linear-gradient(180deg, rgba(19,43,70,.06), rgba(19,43,70,.82)),
        url('https://images.unsplash.com/photo-1515169067868-5387ec356754?auto=format&fit=crop&w=1700&q=80') center/cover no-repeat
    }
    .news-stage .content { position: absolute; left: 0; right: 0; bottom: 0; padding: 36px }
    .news-stage small {
      display: block; font-size: 12px; font-weight: 900;
      letter-spacing: .08em; text-transform: uppercase; color: #f2cf72; margin-bottom: 8px
    }
    .news-stage h3 {
      margin: 0 0 10px; font-family: 'Space Grotesk', sans-serif;
      font-size: 44px; line-height: 1.02; color: #fff
    }
    .news-stage p { margin: 0; max-width: 560px; color: rgba(255,255,255,.86); line-height: 1.85 }

    /* ── CTA SECTION ── */
    .cta-layout { display: grid; grid-template-columns: 1fr auto; gap: 30px; align-items: end }
    .cta-copy h2 {
      margin: 0 0 14px; font-family: 'Space Grotesk', sans-serif;
      font-size: 60px; line-height: .94; letter-spacing: -.05em; color: var(--navy)
    }
    .cta-copy p { margin: 0; max-width: 760px; color: var(--muted); line-height: 1.95; font-size: 17px }
    .cta-actions { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 26px }
    .aside-note { text-align: right }
    .aside-note strong {
      display: block; font-size: 13px; letter-spacing: .08em;
      text-transform: uppercase; color: #8d6819; margin-bottom: 8px
    }
    .aside-note span { display: block; font-size: 16px; line-height: 1.7; color: var(--navy); font-weight: 700 }

    /* ── FOOTER ── */
    .footer { background: #12263d; color: #fff }
    .footer .wrap { display: block; padding-top: 52px }
    .footer-main {
      display: flex; justify-content: space-between; align-items: flex-start;
      gap: 18px; padding-bottom: 28px;
      border-bottom: 1px solid rgba(255,255,255,.12)
    }
    .footer-bottom {
      display: flex; justify-content: space-between; align-items: center;
      gap: 18px; padding: 18px 0; font-size: 13px; color: rgba(255,255,255,.70)
    }
    .footer-brand { max-width: 360px }
    .footer-brand img {
      height: 78px; width: auto; mix-blend-mode: screen;
      background: #fff; border-radius: 12px; padding: 6px; margin-bottom: 16px
    }
    .footer-brand p,
    .footer-col a,
    .footer-col p { color: rgba(255,255,255,.78); font-size: 14px; line-height: 1.85 }
    .footer-col h4 { margin: 0 0 16px; font-size: 16px; color: #fff }
    .footer-col { min-width: 180px }

    /* ── REVEAL ── */
    .reveal {
      opacity: 0; transform: translateY(28px);
      transition: opacity .75s ease, transform .75s ease
    }
    .reveal.in { opacity: 1; transform: none }

    /* ══════════════════════════════════
       RESPONSIVE
    ══════════════════════════════════ */

    /* Tablet + smaller desktop */
   @media(max-width:1280px) {
  .navlinks { gap: 8px !important; margin-right: 8px !important; }
  .navlinks a { font-size: 12px !important; }
}

    @media(max-width:1120px) {
      .hero-grid, .finder-bar, .section-head, .study-grid,
      .proof-grid, .stats, .campus-grid, .dark-grid,
      .news-grid, .cta-layout, .footer-main {
        grid-template-columns: 1fr;
        display: grid;
      }
      .hero-copy h1 { font-size: 58px }

      /* mobile nav overlay */
      .navlinks {
        position: fixed !important;
        top: 0;
        right: -100%;
        width: 100%; 
        height: 100vh;
        background: #fff;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin: 0;
        gap: 0 !important;
        z-index: 90;
        transition: right .4s cubic-bezier(.2,.8,.2,1); 
        padding: 80px 0 40px;
        overflow-y: auto;
      }
      .navlinks.active { right: 0 }
      .navlinks a { font-size: 15px !important; padding: 12px 24px; width: 100%; border-bottom: 1px solid #f0f0f0; }
      .menu-toggle { display: flex }
      .menu-toggle.active span:nth-child(1) { transform: translateY(9px) rotate(45deg) }
      .menu-toggle.active span:nth-child(2) { opacity: 0 }
      .menu-toggle.active span:nth-child(3) { transform: translateY(-9px) rotate(-45deg) }
      .nav > .wrap > .cta { display: none }
      .navlinks .cta { display: inline-flex; margin: 20px 24px 0; width: auto; }
      .finder { margin-top: 0; padding-top: 18px }
      .aside-note { text-align: left }

      /* mobile dropdowns */
      .simple-dropdown,
      .mega-dropdown {
        position: static !important;
        transform: none !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        border-top: none !important;
        border-left: 3px solid #1a6eb5;
        display: none !important;
        background: #f7fafd;
        min-width: 100% !important;
      }
      .nav-item.open .simple-dropdown { display: block !important; }
      .nav-item.open .mega-dropdown {
        display: grid !important;
        grid-template-columns: 1fr !important;
      }
      .mega-heading { font-size: 11px; padding: 10px 16px; }
      .mega-col { border-right: none; }
      .mega-col a,
      .simple-dropdown a { padding: 10px 24px; white-space: normal; }
      .nav-item { width: 100%; flex-direction: column; align-items: flex-start; }
      .nav-item > a { justify-content: space-between; width: 100%; }
      .nav-item > a::after { display: none; }
    }

    @media(max-width:760px) {
      .wrap { padding: 0 20px }
      .topbar .wrap, .nav .wrap { padding-left: 20px; padding-right: 20px }
      .topbar .wrap, .nav-secondary .wrap, .footer-bottom { display: block; text-align: center }
      .mini { justify-content: center }
      .brand img { height: 56px }
      .hero .wrap { padding-top: 54px; padding-bottom: 58px }
      .hero-copy h1 { font-size: clamp(34px,10vw,46px) }
      .section { padding: 68px 0 }
      .section-head h2, .cta-copy h2 { font-size: 42px }
      .hero-side { justify-items: start }
      .finder-bar { padding: 14px }
      .search-btn { min-height: 60px }
    }

    @media(max-width:640px) {
      .hero-copy h1 { font-size: 28px !important; line-height: 1.3; }
      .hero-grid { gap: 24px; }
      .hero-actions { flex-direction: column; gap: 12px; }
      .hero-actions a { text-align: center; width: 100%; }
      .finder-bar { flex-direction: column !important; gap: 12px; padding: 20px 16px !important; }
      .finder-bar .field { width: 100%; }
      .search-btn { width: 100%; text-align: center; }
      .study-grid { grid-template-columns: 1fr !important; }
      .proof-grid { grid-template-columns: 1fr !important; gap: 24px; }
      .stats { grid-template-columns: 1fr 1fr !important; }
      .campus-grid { grid-template-columns: 1fr !important; }
      .campus-image { height: 220px !important; }
      .dark-grid { grid-template-columns: 1fr !important; gap: 20px; }
      .recruiter-grid { grid-template-columns: repeat(2,1fr) !important; gap: 10px; }
      .news-grid { grid-template-columns: 1fr !important; }
      .news-stage { min-height: 200px !important; }
      .cta-layout { flex-direction: column !important; gap: 24px; }
      .cta-actions { flex-direction: column; gap: 12px; }
      .cta-actions a { text-align: center; width: 100%; }
      .footer-main { grid-template-columns: 1fr !important; gap: 24px; }
      .footer-bottom { flex-direction: column !important; text-align: center; gap: 8px; font-size: 13px; }
      .wrap { padding-left: 16px !important; padding-right: 16px !important; }
      .section { padding: 40px 0 !important; }
      h2 { font-size: 26px !important; }
      h3 { font-size: 20px !important; }
    }

    @media(min-width:769px) and (max-width:1024px) {
      .hero-grid { grid-template-columns: 1fr !important; }
      .hero-copy h1 { font-size: 34px !important; }
      .study-grid, .proof-grid, .campus-grid, .news-grid { grid-template-columns: 1fr !important; }
      .stats { grid-template-columns: repeat(2,1fr) !important; }
      .footer-main { grid-template-columns: 1fr 1fr !important; }
      .mega-dropdown.four-col { min-width: 600px !important; grid-template-columns: repeat(2,1fr) !important; }
      .mega-dropdown.Three-col,
      .mega-dropdown.three-col { min-width: 500px !important; grid-template-columns: repeat(3,1fr) !important; }
    }
    
    /* Home Our Recruiter Section below Code */
  .recruiter-item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 18px;
  border: 1px solid #e5e7eb;
  border-radius: 50px;
  background: #fff;
  transition: box-shadow 0.2s, transform 0.2s;
}

.recruiter-item:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  transform: translateY(-2px);
}

.recruiter-item img {
  width: 100%;
  max-width: 110px;
  height: 36px;
  object-fit: cover;
  filter: grayscale(100%);
  opacity: 0.7;
  transition: filter 0.2s, opacity 0.2s;
}

.recruiter-item:hover img {
  filter: grayscale(0%);
  opacity: 2;
}


/* Popup form implementation code */ 
/* POPUP ENQUIRY FORM */
.popup-overlay{position:fixed;inset:0;background:rgba(19,43,70,0);z-index:9998;display:flex;align-items:center;justify-content:flex-end;padding:24px;pointer-events:none;transition:background .4s ease;}
.popup-overlay.active{background:rgba(19,43,70,.55);pointer-events:auto;}
.popup-form{background:#fff;width:100%;max-width:380px;border-radius:18px;padding:32px 28px;position:relative;box-shadow:0 20px 60px rgba(19,43,70,.25);max-height:92vh;overflow-y:auto;opacity:0;transform:translateX(40px);transition:opacity .45s ease, transform .45s cubic-bezier(.22,1,.36,1);}
.popup-overlay.active .popup-form{opacity:1;transform:translateX(0);}
.popup-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;background:var(--surface-2,#f3f5f8);border:none;font-size:18px;color:var(--navy);cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;}
.popup-close:hover{background:var(--line);}
.popup-form h3{font-family:'Space Grotesk',sans-serif;font-size:22px;color:var(--navy);margin:0 0 6px;}
.popup-form .popup-sub{font-size:13px;color:var(--muted);margin:0 0 22px;}
.popup-field{margin-bottom:14px;}
.popup-field label{display:block;font-size:12px;font-weight:700;color:var(--navy);margin-bottom:6px;}
.popup-field input,.popup-field select{width:100%;padding:11px 14px;border:1px solid var(--line);border-radius:10px;font-size:14px;font-family:inherit;color:var(--navy);background:#fafcff;}
.popup-field input:focus,.popup-field select:focus{outline:none;border-color:var(--red);background:#fff;}
.popup-submit{width:100%;padding:13px;border:none;border-radius:10px;background:var(--red);color:#fff;font-size:14px;font-weight:800;letter-spacing:.02em;cursor:pointer;margin-top:6px;}
.popup-submit:hover{opacity:.92;}
@media(max-width:480px){.popup-overlay{padding:0;align-items:flex-end;}.popup-form{max-width:100%;border-radius:18px 18px 0 0;transform:translateY(40px);}.popup-overlay.active .popup-form{transform:translateY(0);}}

/*ACCREDITATION STRIP*/
.accred-strip-context {
  padding: 40px 0;
}
.accred-strip-context .wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.accred-strip-context .accred-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  gap: 24px;
}
.accred-strip-context .accred-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  flex: 0 1 auto;
  width: 140px;
}
.accred-strip-context .accred-logo {
  width: 120px;
  height: 120px;
  background: var(--surface-2);
  border: 1px solid var(--line);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 8px;
  padding: 12px;
  overflow: hidden;
}
.accred-strip-context .accred-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/* Tablet */
@media (max-width: 900px) {
  .accred-strip-context .accred-logo {
    width: 100px;
    height: 100px;
  }
  .accred-strip-context .accred-item {
    width: 120px;
  }
}
/* Mobile */
@media (max-width: 600px) {
  .accred-strip-context .accred-item {
    width: 90px;
    font-size: 11px;
  }
  .accred-strip-context .accred-logo {
    width: 80px;
    height: 80px;
    padding: 8px;
  }
}