/* ================================================================
   SAMYAK COMPUTER CLASSES BADARPUR — style.css v22
   Premium SaaS-grade design system · GSAP + VanillaTilt motion layer
   ================================================================ */

/* ── TOKENS ── */
:root {
  --red:     #D32F2F;
  --red-d:   #B71C1C;
  --red-l:   #EF5350;
  --navy:    #0D1B2A;
  --navy-m:  #1a2f45;
  --navy-deep: #081320;
  --blue:    #1565C0;
  --green:   #2E7D32;
  --gold:    #F9A825;
  --gold-l:  #FFD54F;
  --cyan:    #00D4FF;
  --purple:  #6A1B9A;
  --orange:  #E65100;
  --white:   #fff;
  --off:     #F5F7FA;
  --off-white: #F5F7FA;
  --pale:    #EEF2F7;
  --text:    #1A1A2E;
  --text-light: #6B7280;
  --mid:     #374151;
  --light:   #6B7280;
  --border:  #D1D9E6;
  --wrap:    1240px;
  --topH:    34px;
  --tickH:   32px;
  --navH:    68px;
  --offset:  calc(var(--topH) + var(--tickH) + var(--navH));
  --sp:      96px;
  --section-py: 96px;
  --r:       14px;
  --r-lg:    22px;
  --r-xl:    28px;

  /* Premium gradients */
  --grad-red:    linear-gradient(135deg,#D32F2F 0%,#EF5350 55%,#F4736E 100%);
  --grad-navy:   linear-gradient(160deg,#0D1B2A 0%,#13283d 55%,#1a2f45 100%);
  --grad-gold:   linear-gradient(135deg,#F9A825 0%,#FFD54F 100%);
  --grad-mesh:   radial-gradient(ellipse 80% 60% at 15% -10%, rgba(211,47,47,.16), transparent 55%),
                 radial-gradient(ellipse 70% 60% at 100% 0%, rgba(249,168,37,.13), transparent 50%),
                 radial-gradient(ellipse 60% 50% at 50% 100%, rgba(21,101,192,.10), transparent 55%);

  /* Glass surfaces */
  --glass-bg:    rgba(255,255,255,.08);
  --glass-brd:   rgba(255,255,255,.16);
  --glass-bg-l:  rgba(255,255,255,.7);
  --glass-brd-l: rgba(13,27,42,.08);

  /* Layered premium shadows */
  --sh-xs:   0 1px 3px rgba(13,27,42,.06);
  --sh:      0 2px 12px rgba(13,27,42,.08);
  --sh-md:   0 8px 28px rgba(13,27,42,.10);
  --sh-lg:   0 20px 50px -12px rgba(13,27,42,.18);
  --sh-xl:   0 32px 70px -16px rgba(13,27,42,.24);
  --sh-red:  0 14px 32px -8px rgba(211,47,47,.38);
  --sh-gold: 0 14px 32px -8px rgba(249,168,37,.32);
  --sh-glow: 0 0 0 1px rgba(255,255,255,.06), 0 20px 50px -12px rgba(0,0,0,.4);

  --ease:    cubic-bezier(.22,1,.36,1);
  --ease-sm: cubic-bezier(.4,0,.2,1);

  --font-display: 'Plus Jakarta Sans', 'Poppins', system-ui, sans-serif;
  --font-body:    'Poppins', system-ui, sans-serif;
}

/* ── RESET ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth;scroll-padding-top:150px}
body{display:flex;flex-direction:column;font-family:var(--font-body);color:var(--text);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:134px;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}
ul{list-style:none}
button{cursor:pointer;font-family:inherit}
input,select,textarea{font-family:inherit}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:800;line-height:1.15;color:var(--navy);letter-spacing:-0.02em}
h1{font-size:clamp(2.1rem,5vw,3.4rem);letter-spacing:-0.03em}
h2{font-size:clamp(1.6rem,3.4vw,2.5rem)}
h3{font-size:clamp(1rem,2vw,1.15rem);letter-spacing:-0.01em}
p{color:var(--mid);line-height:1.75}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
}

/* ── LAYOUT ── */
.container{max-width:var(--wrap);margin-inline:auto;padding-inline:24px}
section{padding-block:var(--sp)}
.sec-light{background:var(--off)}

/* ── EYEBROW / SEC HEADER ── */
.eyebrow{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:30px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-family:var(--font-display)}
.eyebrow.blue{background:rgba(21,101,192,.09);border:1px solid rgba(21,101,192,.2);color:var(--blue)}
.eyebrow.orange{background:rgba(230,81,0,.09);border:1px solid rgba(230,81,0,.2);color:var(--orange)}
.sec-hdr{margin-bottom:52px}
.sec-hdr.centered{text-align:center}
.sec-hdr.centered p{margin-inline:auto}
.sec-hdr h2 span{color:var(--red)}
.sec-hdr p{max-width:560px;font-size:.97rem}

/* ── BUTTONS ── */
.btn-red{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:13px 26px;background:var(--grad-red);color:#fff;border-radius:var(--r);font-weight:700;font-size:14px;font-family:var(--font-display);box-shadow:var(--sh-red);transition:transform .3s var(--ease),box-shadow .3s var(--ease);border:none;white-space:nowrap;overflow:hidden;isolation:isolate}
.btn-red::before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%);transition:transform .6s var(--ease);z-index:1}
.btn-red:hover::before{transform:translateX(120%)}
.btn-red:hover{transform:translateY(-3px) scale(1.015);box-shadow:0 18px 38px -8px rgba(211,47,47,.48)}
.btn-red:active{transform:translateY(-1px) scale(.99)}
.btn-red.btn-lg{padding:15px 30px;font-size:15.5px}
.btn-red.btn-block{width:100%;justify-content:center}
.btn-outline-w{display:inline-flex;align-items:center;gap:7px;padding:13px 26px;border:1.5px solid rgba(255,255,255,.35);color:#fff;border-radius:var(--r);font-weight:600;font-size:14px;font-family:var(--font-display);background:rgba(255,255,255,.06);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:.3s var(--ease);white-space:nowrap}
.btn-outline-w:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.55);transform:translateY(-2px)}
.btn-outline-w.btn-lg{padding:15px 28px;font-size:15.5px}
.btn-wa{display:inline-flex;align-items:center;gap:7px;padding:13px 24px;background:linear-gradient(135deg,#25D366,#1fb855);color:#fff;border-radius:var(--r);font-weight:600;font-size:14px;font-family:var(--font-display);transition:.3s var(--ease);white-space:nowrap;box-shadow:0 10px 26px -8px rgba(37,211,102,.45)}
.btn-wa:hover{transform:translateY(-3px);box-shadow:0 16px 34px -8px rgba(37,211,102,.55)}
.btn-wa.btn-lg{padding:15px 26px;font-size:15.5px}
.btn-outline-r{display:inline-flex;align-items:center;gap:6px;padding:11px 24px;border:1.5px solid var(--red);color:var(--red);border-radius:var(--r);font-weight:600;font-size:14px;font-family:var(--font-display);background:transparent;transition:.3s var(--ease)}
.btn-outline-r:hover{background:var(--red);color:#fff;transform:translateY(-2px);box-shadow:var(--sh-red)}

/* ── REVEAL ── */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.visible{opacity:1;transform:none}
.reveal-scale{opacity:0;transform:scale(.94) translateY(16px);transition:opacity .65s var(--ease),transform .65s var(--ease)}
.reveal-scale.visible{opacity:1;transform:none}

/* ================================================================
   TOP BAR
   ================================================================ */
.topbar{position:fixed;top:0;left:0;right:0;height:34px;background:var(--grad-navy);z-index:1010;transition:transform .3s var(--ease)}
.tb-inner{max-width:var(--wrap);margin-inline:auto;padding-inline:20px;height:100%;display:flex;align-items:center;justify-content:space-between;gap:10px}
.tb-left{display:flex;align-items:center;gap:8px;font-size:11.5px}
.tb-tag{background:var(--grad-red);color:#fff;padding:2px 9px;border-radius:4px;font-size:10px;font-weight:700;font-family:var(--font-display)}
.tb-sep{color:rgba(255,255,255,.25)}
.tb-text{color:rgba(255,255,255,.55);font-size:11px;white-space:nowrap}
.tb-right{display:flex;align-items:center;gap:8px}
.tb-phone{color:rgba(255,255,255,.9);font-size:12px;font-weight:600;white-space:nowrap;transition:.2s}
.tb-phone:hover{color:var(--gold-l)}
.tb-social{color:rgba(255,255,255,.5);width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:.2s}
.tb-social:hover{color:#fff;background:rgba(255,255,255,.12)}

/* ================================================================
   TICKER
   ================================================================ */
.ticker{position:fixed;top:34px;left:0;right:0;height:32px;background:linear-gradient(90deg,#B71C1C,#D32F2F);display:flex;align-items:center;z-index:1009;overflow:hidden;transition:transform .3s var(--ease)}
.ticker-lbl{flex-shrink:0;background:rgba(0,0,0,.18);color:#fff;font-size:10px;font-weight:800;font-family:var(--font-display);padding:0 13px;height:100%;display:flex;align-items:center;letter-spacing:.1em}
.ticker-track{flex:1;overflow:hidden}
.ticker-txt{display:flex;gap:48px;white-space:nowrap;animation:tick 35s linear infinite;color:#fff;font-size:12px;font-weight:500;align-items:center}
.ticker-txt span{flex-shrink:0}
@keyframes tick{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ================================================================
   NAVBAR
   ================================================================ */
#nav{position:fixed;top:66px;left:0;right:0;height:68px;background:#fff;border-bottom:1px solid var(--border);z-index:1008;box-shadow:var(--sh-xs);overflow:visible;transition:box-shadow .35s var(--ease),background .35s var(--ease),border-color .35s var(--ease)}
#nav.scrolled{box-shadow:var(--sh-md);background:rgba(255,255,255,.92);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border-bottom-color:rgba(211,47,47,.18)}
.nav-inner{max-width:var(--wrap);margin-inline:auto;padding-inline:20px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;height:68px;gap:12px}

/* Logo */
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}
.logo-img{height:46px;width:auto;object-fit:contain}
.branch-tag{padding:3px 9px;background:var(--grad-red);color:#fff;border-radius:30px;font-size:10px;font-weight:700;white-space:nowrap;font-family:var(--font-display)}

/* Links */
.nav-links{display:flex;align-items:center;justify-content:center;gap:2px;list-style:none}
.nav-links li{position:relative}
.nav-links li a{display:flex;align-items:center;gap:4px;padding:8px 13px;color:var(--text);font-size:13.5px;font-weight:600;font-family:var(--font-display);border-radius:8px;transition:.25s var(--ease-sm);white-space:nowrap;text-decoration:none;position:relative}
.nav-links li a:hover{color:var(--red);background:rgba(211,47,47,.07)}
.nav-links li a.active{color:var(--red)}
.nav-links li a.active::after{content:'';position:absolute;left:13px;right:13px;bottom:2px;height:2px;background:var(--grad-red);border-radius:2px}
.dd-arr{font-size:8px;opacity:.5;transition:transform .25s var(--ease)}
.has-dd:hover .dd-arr{transform:rotate(180deg)}

/* Mega Menu */
.mega-menu{position:absolute;top:calc(100%+10px);left:50%;transform:translateX(-50%) translateY(-8px) scale(.98);z-index:1100;background:#fff;border-radius:var(--r-lg);box-shadow:var(--sh-xl),0 0 0 1px rgba(13,27,42,.04);display:grid;grid-template-columns:repeat(4,180px);gap:4px;padding:10px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s var(--ease),transform .28s var(--ease),visibility 0s .28s}
.has-dd:hover>.mega-menu,.has-dd.open>.mega-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1);transition:opacity .28s var(--ease),transform .28s var(--ease),visibility 0s}
.mm-col{padding:8px}
.mm-head{font-size:10.5px;font-weight:700;font-family:var(--font-display);color:var(--light);text-transform:uppercase;letter-spacing:.07em;padding:3px 9px 8px;border-bottom:1px solid var(--border);margin-bottom:4px}
.mm-col a{display:block;padding:7px 9px;color:var(--text);font-size:13px;font-weight:500;border-radius:7px;transition:.2s var(--ease-sm);text-decoration:none}
.mm-col a:hover{background:rgba(211,47,47,.07);color:var(--red);transform:translateX(2px)}

/* Nav CTA */
.nav-cta{display:flex;align-items:center;gap:8px;flex-shrink:0}
.nav-phone-btn{font-size:13px;font-weight:700;font-family:var(--font-display);color:var(--text);white-space:nowrap;padding:8px 14px;border:1.5px solid var(--border);border-radius:var(--r);transition:.25s var(--ease-sm)}
.nav-phone-btn:hover{border-color:var(--red);color:var(--red);background:rgba(211,47,47,.04)}
.nav-enq-btn{padding:10px 20px;background:var(--grad-red);color:#fff;border-radius:var(--r);font-size:13px;font-weight:700;font-family:var(--font-display);box-shadow:0 5px 16px -4px rgba(211,47,47,.38);transition:.3s var(--ease);white-space:nowrap}
.nav-enq-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px -4px rgba(211,47,47,.48)}

/* Hamburger */
.ham{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;background:none;border:none;padding:11px;width:44px;height:44px}
.ham span{display:block;width:22px;height:2px;background:var(--navy);border-radius:2px;transition:.22s}
.ham.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.ham.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.ham.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Mobile Nav */
#mob-nav{position:fixed;top:134px;inset-inline:0;bottom:0;background:var(--grad-navy);z-index:1007;overflow-y:auto;transform:translateX(100%);transition:transform .4s var(--ease);padding-bottom:32px}
#mob-nav.open{transform:translateX(0)}
.mob-hdr{display:flex;align-items:center;justify-content:space-between;padding:13px 20px;border-bottom:1px solid rgba(255,255,255,.08)}
.mob-logo{height:38px;width:auto;object-fit:contain}
#mob-close{background:none;border:1px solid rgba(255,255,255,.2);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:15px;transition:.25s var(--ease)}
#mob-close:active{background:rgba(255,255,255,.12);transform:scale(.94)}
.mob-link{display:block;padding:13px 20px;color:rgba(255,255,255,.8);font-size:15px;font-weight:500;font-family:var(--font-display);border-bottom:1px solid rgba(255,255,255,.06);text-decoration:none;transition:.2s}
.mob-link:hover,.mob-link.active{color:#fff;background:rgba(255,255,255,.04)}
.mob-acc-item{border-bottom:1px solid rgba(255,255,255,.06)}
.mob-acc-hdr{padding:13px 20px;color:rgba(255,255,255,.8);font-size:15px;font-weight:500;font-family:var(--font-display);cursor:pointer;display:flex;align-items:center;justify-content:space-between}
.mob-acc-hdr span{font-size:10px;opacity:.5;transition:transform .22s}
.mob-acc-item.open .mob-acc-hdr span{transform:rotate(180deg)}
.mob-acc-body{display:flex;flex-direction:column;;display:none;background:rgba(0,0,0,.2)}
.mob-acc-item.open .mob-acc-body{display:flex;flex-direction:column;;display:block}
.mob-acc-body a{display:block;padding:10px 28px;color:rgba(255,255,255,.5);font-size:14px;border-bottom:1px solid rgba(255,255,255,.04);text-decoration:none}
.mob-acc-body a:hover{color:#fff}
.mob-cta-btns{display:flex;flex-direction:column;gap:10px;padding:20px}
.mob-call,.mob-enq{display:block;padding:13px;text-align:center;border-radius:var(--r);font-size:14px;font-weight:700;font-family:var(--font-display);text-decoration:none;transition:.25s var(--ease)}
.mob-call{border:1.5px solid rgba(255,255,255,.2);color:rgba(255,255,255,.8)}
.mob-call:hover{background:rgba(255,255,255,.1);color:#fff}
.mob-enq{background:var(--grad-red);color:#fff;box-shadow:var(--sh-red)}

/* ================================================================
   HERO
   ================================================================ */
#hero{position:relative;min-height:min(calc(100vh - 134px), 760px);display:flex;align-items:center;overflow:hidden}
.hero-bg{position:absolute;inset:0}
.hero-bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.06)}
.hero-ov{position:absolute;inset:0;background:linear-gradient(115deg,rgba(8,19,32,.96) 0%,rgba(13,27,42,.90) 48%,rgba(13,27,42,.62) 100%)}
.hero-ov::after{content:'';position:absolute;inset:0;background:var(--grad-mesh);mix-blend-mode:screen;opacity:.9}
.hero-inner{max-width:var(--wrap);margin-inline:auto;padding:64px 24px;display:grid;grid-template-columns:1fr 400px;gap:48px;align-items:center;position:relative;z-index:2;width:100%}
.hero-text{}
.hero-badge{display:inline-flex;align-items:center;gap:9px;padding:7px 16px 7px 8px;background:rgba(255,255,255,.07);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.14);border-radius:30px;font-size:11.5px;font-weight:700;font-family:var(--font-display);color:#fff;margin-bottom:20px;box-shadow:0 8px 24px -8px rgba(0,0,0,.4)}
.hero-badge .hb-pill{background:var(--grad-red);padding:3px 10px;border-radius:20px;font-size:10.5px;letter-spacing:.02em}
.hb-dot{width:7px;height:7px;border-radius:50%;background:#ff7070;animation:pulse 2s infinite;box-shadow:0 0 8px #ff7070}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}
.hero-text h1{color:#fff;margin-bottom:18px;text-wrap:balance}
.hl-red{color:#ff5252;background:linear-gradient(135deg,#ff8a80,#ff5252);-webkit-background-clip:text;background-clip:text}
@supports (-webkit-background-clip:text) or (background-clip:text){.hl-red{color:transparent}}
.hl-gold{color:var(--gold-l);background:var(--grad-gold);-webkit-background-clip:text;background-clip:text}
@supports (-webkit-background-clip:text) or (background-clip:text){.hl-gold{color:transparent}}
.hero-sub{color:rgba(255,255,255,.72);font-size:1.05rem;margin-bottom:24px;max-width:500px;line-height:1.7}
.hero-checks{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.hero-checks span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:rgba(255,255,255,.85);font-weight:600;font-family:var(--font-display);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);padding:6px 12px;border-radius:8px;backdrop-filter:blur(8px)}
.hero-btns{display:flex;flex-wrap:wrap;gap:12px}

/* Hero enquiry form */
.hero-form{background:rgba(255,255,255,.97);backdrop-filter:blur(20px);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-xl);border:1px solid rgba(255,255,255,.5);transform:translateY(0)}
.hf-hdr{background:var(--grad-navy);padding:22px 24px;border-bottom:3px solid var(--red);position:relative;overflow:hidden}
.hf-hdr::before{content:'';position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:radial-gradient(circle,rgba(249,168,37,.25),transparent 70%);pointer-events:none}
.hf-hdr h3{font-size:1.1rem;color:#fff;margin-bottom:3px;position:relative}
.hf-hdr p{font-size:12.5px;color:rgba(255,255,255,.6);position:relative}
.hf-body{display:flex;flex-direction:column;padding:22px 24px}
.hf-grp{margin-bottom:12px}
.hf-grp input,.hf-grp select,.hf-grp textarea{width:100%;padding:11px 14px;border:1.5px solid var(--border);border-radius:var(--r);font-size:13px;color:var(--text);background:#fff;outline:none;transition:.22s var(--ease-sm)}
.hf-grp input:focus,.hf-grp select:focus,.hf-grp textarea:focus{border-color:var(--red);box-shadow:0 0 0 4px rgba(211,47,47,.1)}
.hf-note{font-size:11px;color:var(--light);text-align:center;margin-top:8px}
.hf-success{display:none;text-align:center;padding:20px 12px;flex-direction:column;align-items:center;gap:4px}
.hf-success span{font-size:2rem}
.hf-success strong{color:var(--green);font-size:.97rem}
.hf-success p{font-size:.85rem}

/* ================================================================
   STATS STRIP — signature floating glass bridge
   ================================================================ */
.stats-wrap{position:relative;z-index:5;margin-top:-46px}
.stats-strip{max-width:calc(var(--wrap) - 24px);margin-inline:auto;background:rgba(13,27,42,.82);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);border:1px solid rgba(255,255,255,.14);border-radius:var(--r-xl);box-shadow:var(--sh-glow)}
.stats-inner{max-width:var(--wrap);margin-inline:auto;padding-inline:24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:2px;padding-block:22px}
.st-item{text-align:center;padding:11px 10px;position:relative}
.st-item b{display:block;font-family:var(--font-display);font-size:1.85rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.02em}
.st-item span{font-size:10.5px;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.07em;margin-top:5px;display:block;font-weight:600}
.st-div{width:1px;height:36px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.18),transparent)}

/* ================================================================
   AUTHORITY BAR
   ================================================================ */
.auth-bar{background:var(--off);border-bottom:1px solid var(--border);padding-block:22px;padding-top:70px}
.auth-inner{max-width:var(--wrap);margin-inline:auto;padding-inline:24px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center}
.auth-lbl{font-size:11px;font-weight:700;color:var(--light);text-transform:uppercase;letter-spacing:.08em;flex-shrink:0;font-family:var(--font-display)}
.auth-logos{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}
.auth-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 16px;background:#fff;border:1.5px solid var(--border);border-radius:var(--r);transition:.3s var(--ease);text-decoration:none;min-width:3rem;box-shadow:var(--sh-xs)}
.auth-item:hover{border-color:var(--red);transform:translateY(-3px);box-shadow:var(--sh-md)}
.auth-logo-img{height:3.4rem;width:auto;object-fit:contain;max-width:4rem}
.auth-fallback{height:28px;display:flex;align-items:center;font-size:11px;font-weight:800;color:var(--navy)}
.auth-item span{font-size:10px;color:var(--light);font-weight:600;text-align:center;white-space:nowrap}
.auth-div{width:1px;height:28px;background:var(--border)}

/* ================================================================
   COURSES SECTION
   ================================================================ */
/* Category tabs */
.cat-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid var(--border)}
.ctab{padding:8px 18px;border:1.5px solid var(--border);border-radius:30px;background:#fff;font-size:13px;font-weight:600;font-family:var(--font-display);color:var(--mid);cursor:pointer;transition:.3s var(--ease)}
.ctab:hover{border-color:rgba(211,47,47,.4);color:var(--red);transform:translateY(-2px)}
.ctab.active{border-color:transparent;background:var(--grad-red);color:#fff;box-shadow:var(--sh-red);transform:translateY(-1px)}

/* Category groups */
.all-courses-grid{display:flex;flex-direction:column;gap:32px}
.ccat-group{}
.ccat-head{font-size:.9rem;font-weight:700;color:var(--navy);margin-bottom:12px;padding:8px 14px;background:var(--pale);border-radius:var(--r);border-left:4px solid var(--red);display:inline-block}

/* Course list — horizontal cards */
.course-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.cl-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff;border:1px solid var(--border);border-radius:var(--r);transition:.2s;cursor:pointer}
.cl-item:hover{border-color:var(--red);box-shadow:var(--sh)}
.cl-item img{width:44px;height:44px;border-radius:8px;object-fit:contain;flex-shrink:0}
.cl-item div{min-width:0}
.cl-item a{display:block;font-size:13px;font-weight:600;color:var(--navy);line-height:1.3;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cl-item a:hover{color:var(--red)}
.cl-item span{font-size:11px;color:var(--light)}

.courses-cta{text-align:center;margin-top:36px;padding:24px;background:var(--pale);border-radius:var(--r-lg);border:1px solid var(--border)}
.courses-cta p{margin-bottom:12px;font-size:.9rem}

/* Hidden category groups */
.ccat-group.hidden{display:none}

/* ================================================================
   WHY CHOOSE US
   ================================================================ */
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.why-card{background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);padding:26px 20px;transition:.4s var(--ease);position:relative;overflow:hidden}
.why-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad-red);transform:scaleX(0);transform-origin:left;transition:.4s var(--ease)}
.why-card:hover{transform:translateY(-6px);box-shadow:var(--sh-lg);border-color:rgba(211,47,47,.25)}
.why-card:hover::before{transform:scaleX(1)}
.why-ic{font-size:1.6rem;margin-bottom:14px;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--pale),#fff);border-radius:var(--r);box-shadow:inset 0 0 0 1px var(--border);transition:.4s var(--ease)}
.why-card:hover .why-ic{background:var(--grad-red);transform:scale(1.06) rotate(-4deg);box-shadow:var(--sh-red)}
.why-card:hover .why-ic{filter:none}
.why-card h3{font-size:.99rem;margin-bottom:7px}
.why-card p{font-size:.85rem}

/* ================================================================
   TRUST & REVIEWS
   ================================================================ */
.trust-rating-card{display:grid;grid-template-columns:auto 1px 1fr auto auto;gap:36px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:var(--r-xl);padding:36px 40px;box-shadow:var(--sh-md)}
.trc-left{text-align:center;flex-shrink:0}
.trc-score{font-family:var(--font-display);font-size:3.2rem;font-weight:800;color:var(--navy);line-height:1}
.trc-stars{color:var(--gold);font-size:1.1rem;letter-spacing:2px;margin:6px 0 4px}
.trc-count{font-size:11.5px;color:var(--light);font-weight:600;white-space:nowrap}
.trc-div{width:1px;align-self:stretch;background:var(--border)}
.trc-bars{display:flex;flex-direction:column;gap:7px;min-width:180px}
.trc-bar-row{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--mid);font-weight:600}
.trc-bar-row>span:first-child{width:20px;flex-shrink:0}
.trc-bar{flex:1;height:6px;background:var(--pale);border-radius:6px;overflow:hidden}
.trc-bar i{display:block;height:100%;background:var(--grad-gold);border-radius:6px}
.trc-pct{width:34px;text-align:right;flex-shrink:0;color:var(--light)}
.trc-cta{text-align:center}
.trc-cta p{font-size:.82rem;margin-bottom:12px;max-width:160px}

/* ================================================================
   PLACEMENT
   ================================================================ */
.support-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.sup-card{background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);padding:28px 20px;text-align:center;transition:.4s var(--ease)}
.sup-card:hover{transform:translateY(-6px);box-shadow:var(--sh-lg);border-color:rgba(211,47,47,.25)}
.sup-card span{font-size:1.7rem;display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto 14px;background:linear-gradient(135deg,var(--pale),#fff);border-radius:50%;box-shadow:inset 0 0 0 1px var(--border);transition:.4s var(--ease)}
.sup-card:hover span{background:var(--grad-red);transform:scale(1.08)}
.sup-card strong{display:block;font-size:.98rem;margin-bottom:7px;color:var(--navy);font-family:var(--font-display)}
.sup-card p{font-size:.85rem}

/* ================================================================
   CONTACT SECTION
   ================================================================ */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}
.contact-info{}
.ci-item{display:flex;align-items:flex-start;gap:13px;margin-bottom:18px}
.ci-item>span{font-size:1.4rem;flex-shrink:0;margin-top:2px}
.ci-item strong{display:block;font-size:.93rem;font-weight:700;color:var(--navy);margin-bottom:3px}
.ci-item p,.ci-item a{font-size:.88rem;color:var(--mid)}
.ci-item a:hover{color:var(--red);text-decoration:underline}
.ci-socials{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.cs-btn{padding:8px 16px;border-radius:var(--r);font-size:13px;font-weight:700;transition:.18s}
.cs-btn.ig{background:linear-gradient(135deg,#E1306C,#F56040);color:#fff}
.cs-btn.fb{background:#1877F2;color:#fff}
.cs-btn.wa{background:#25D366;color:#fff}
.cs-btn:hover{opacity:.88;transform:translateY(-1px)}
.map-wrap{border-radius:var(--r-lg);overflow:hidden;height:320px;border:1.5px solid var(--border)}
.map-wrap iframe{width:100%;height:100%;border:0;display:block}

/* ================================================================
   FOOTER
   ================================================================ */

.footer-top{background:var(--navy-deep);padding:64px 0 40px;position:relative;overflow:hidden}
.footer-top::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 10% 0%,rgba(211,47,47,.10),transparent 55%),radial-gradient(ellipse 50% 40% at 90% 100%,rgba(249,168,37,.08),transparent 50%);pointer-events:none}
.ft-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:36px;position:relative}
.ft-brand{}
.ft-logo-wrap{display:inline-block;background:rgba(255,255,255,.96);border-radius:var(--r);padding:10px 16px;margin-bottom:16px;box-shadow:0 4px 18px rgba(0,0,0,.25)}
.ft-logo{height:42px;width:auto;object-fit:contain;display:block;margin-bottom:0}
.ft-brand p{color:rgba(255,255,255,.45);font-size:.85rem;line-height:1.75;margin-bottom:18px;max-width:260px}
.ft-soc{display:flex;gap:9px}
.ft-soc a{width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:14px;transition:.3s var(--ease)}
.ft-soc a:hover{background:var(--grad-red);color:#fff;transform:translateY(-3px);box-shadow:var(--sh-red);border-color:transparent}
.ft-col h4{color:#fff;font-size:.88rem;font-weight:700;font-family:var(--font-display);margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--red);border-image:var(--grad-red) 1;display:inline-block}
.ft-col a,.ft-col p{display:block;color:rgba(255,255,255,.45);font-size:.83rem;margin-bottom:9px;text-decoration:none;line-height:1.65;transition:.25s var(--ease-sm)}
.ft-col a:hover{color:#fff;padding-left:4px}
.footer-btm{background:var(--navy-deep);border-top:1px solid rgba(255,255,255,.06);padding:16px 0}
.footer-btm .container{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.78rem;color:rgba(255,255,255,.32);flex-wrap:wrap}
.footer-btm a{color:rgba(255,255,255,.42);transition:.2s}
.footer-btm a:hover{color:rgba(255,255,255,.75)}

/* ================================================================
   FLOATING
   ================================================================ */
.wa-float{position:fixed;bottom:80px;right:22px;width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#25D366,#1fb855);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 8px 22px -4px rgba(37,211,102,.45);z-index:900;transition:.3s var(--ease);isolation:isolate}
.wa-float::before{content:'';position:absolute;inset:0;border-radius:50%;background:#25D366;opacity:.5;z-index:-1;animation:wa-pulse 2.6s ease-out infinite}
.wa-float:hover{transform:scale(1.1)}
@keyframes wa-pulse{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.7);opacity:0}}
.call-float{position:fixed;bottom:146px;right:22px;width:54px;height:54px;border-radius:50%;background:var(--grad-red);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 8px 22px -4px rgba(211,47,47,.45);z-index:900;transition:.3s var(--ease)}
.call-float:hover{transform:scale(1.1)}
.mob-sticky{display:none;position:fixed;bottom:0;left:0;right:0;padding:10px 12px;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border);box-shadow:0 -8px 24px rgba(13,27,42,.1);z-index:800;gap:8px}
.msc-call,.msc-enq,.msc-wa{flex:1;padding:11px;border-radius:var(--r);font-size:13px;font-weight:700;font-family:var(--font-display);text-align:center;transition:.25s var(--ease);text-decoration:none}
.msc-call{border:1.5px solid var(--navy);color:var(--navy)}
.msc-call:active{transform:scale(.96)}
.msc-enq{background:var(--grad-red);color:#fff;box-shadow:var(--sh-red)}
.msc-enq:active{transform:scale(.96)}
.msc-wa{background:linear-gradient(135deg,#25D366,#1fb855);color:#fff;box-shadow:0 6px 16px -4px rgba(37,211,102,.4)}
.msc-wa:active{transform:scale(.96)}
#btt{position:fixed;bottom:22px;right:22px;width:40px;height:40px;background:var(--red);color:#fff;border:none;border-radius:50%;display:none;align-items:center;justify-content:center;font-size:16px;box-shadow:0 4px 14px rgba(211,47,47,.35);z-index:900;cursor:pointer;transition:.2s}
#btt.show{display:flex}
#btt:hover{transform:translateY(-3px)}

/* ================================================================
   RESPONSIVE
   ================================================================ */
@media(max-width:1100px){
  .nav-links,.nav-cta .nav-phone-btn{display:none}
  .ham{display:flex}
  .nav-cta .nav-enq-btn{display:none}
  .nav-inner{grid-template-columns:1fr auto auto}
  .course-list{grid-template-columns:repeat(3,1fr)}
  .why-grid,.support-grid{grid-template-columns:repeat(2,1fr)}
  .ft-grid{grid-template-columns:1fr 1fr}
  .ft-grid>*:first-child{grid-column:1/-1}
}
@media(max-width:768px){
  :root{--sp:52px}
  #hero{min-height:auto}
  .hero-inner{grid-template-columns:1fr;gap:28px;padding-block:44px 32px}
  .hero-text h1{font-size:1.75rem}
  .hero-btns{flex-direction:column;align-items:flex-start}
  .hero-form{max-width:100%}
  .st-div{display:none}
  .stats-inner{justify-content:center;gap:18px 28px}
  .stats-wrap{margin-top:-28px}
  .stats-strip{border-radius:var(--r-lg);max-width:calc(100% - 20px)}
  .auth-bar{padding-top:46px}
  .contact-grid{grid-template-columns:1fr}
  .course-list{grid-template-columns:repeat(2,1fr)}
  .why-grid,.support-grid{grid-template-columns:1fr}
  .ft-grid{grid-template-columns:1fr;gap:24px}
  .ft-grid>*:first-child{grid-column:auto}
  .footer-btm .container{flex-direction:column;text-align:center}
  .mob-sticky{display:flex}
  .call-float{display:none}
  .wa-float{bottom:74px}
  body{display:flex;flex-direction:column;;padding-bottom:58px}
  .tb-text{display:none}
  .tb-sep{display:none}
  .auth-logos{gap:5px}
  .trust-rating-card{grid-template-columns:1fr;text-align:center;padding:28px 22px;gap:20px}
  .trc-div{width:100%;height:1px}
  .trc-bars{margin:0 auto;width:100%;max-width:280px}
  .trc-cta p{max-width:100%}
}
@media(max-width:480px){
  :root{--sp:40px}
  .container,.auth-inner,.stats-inner{padding-inline:14px}
  .hero-inner{padding-inline:14px}
  h1{font-size:1.65rem}
  h2{font-size:1.35rem}
  .course-list{grid-template-columns:1fr}
  .cat-tabs{gap:5px}
  .ctab{padding:6px 12px;font-size:12px}
  .st-item b{font-size:1.5rem}
}

/* ================================================================
   INNER PAGES COMPATIBILITY LAYER
   Covers all classes used in about, blog, contact, courses,
   gallery, placement, scholarship, course-*.html pages
   ================================================================ */

/* ── Shared wrappers ── */
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:24px}
.section{padding-block:var(--sp)}
.container{max-width:var(--wrap);margin-inline:auto;padding-inline:24px}
.count{font-variant-numeric:tabular-nums}

/* ── Mobile nav shared classes (inner pages use old nav system) ── */
.mob-header{display:flex;align-items:center;justify-content:space-between;padding:13px 20px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
.mob-close{background:none;border:1px solid rgba(255,255,255,.2);color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px}
.mob-acc{border-bottom:1px solid rgba(255,255,255,.06)}
.mob-row{display:flex;align-items:center;justify-content:space-between;padding:13px 20px;color:rgba(255,255,255,.82);font-size:15px;font-weight:500;cursor:pointer}
.mob-row a{color:inherit;flex:1;text-decoration:none}
.mob-row:hover,.mob-row a:hover{color:#fff}
.mob-has-sub{cursor:pointer}
.mob-arr{font-size:9px;opacity:.45;transition:transform .22s}
.mob-acc.open .mob-arr{transform:rotate(180deg)}
.mob-sub{display:none;background:rgba(0,0,0,.2)}
.mob-acc.open .mob-sub{display:block}
.mob-sub a{display:block;padding:10px 28px;color:rgba(255,255,255,.5);font-size:14px;border-bottom:1px solid rgba(255,255,255,.04);text-decoration:none}
.mob-sub a:hover{color:#fff}
.mob-btns{display:flex;flex-direction:column;gap:10px;padding:20px}
.mob-call-btn{display:block;padding:12px;text-align:center;border-radius:var(--r);font-size:14px;font-weight:700;text-decoration:none;border:1.5px solid rgba(255,255,255,.2);color:rgba(255,255,255,.8);transition:.2s}
.mob-call-btn:hover{background:rgba(255,255,255,.1);color:#fff}
.btn-demo{padding:9px 18px;background:linear-gradient(135deg,#D32F2F,#EF5350);color:#fff !important;border-radius:var(--r);font-size:13px;font-weight:700;box-shadow:0 3px 12px rgba(211,47,47,.28);transition:.18s;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center}
.btn-demo:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(211,47,47,.4)}

/* ── Page hero (inner pages) ── */
.pg-hero{background:var(--grad-navy);padding-block:64px 52px;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08)}
.pg-hero::before{content:'';position:absolute;inset:0;background:var(--grad-mesh);mix-blend-mode:screen;opacity:.8;pointer-events:none}
.pg-hero::after{content:'';position:absolute;top:-60px;right:-60px;width:380px;height:380px;background:var(--red);border-radius:50%;opacity:.05;filter:blur(80px);pointer-events:none}
.pg-hero-body,.page-hero-content{position:relative;z-index:1;max-width:var(--wrap);margin-inline:auto;padding-inline:24px}
.pg-hero-eye,.page-hero-tag{display:inline-flex;align-items:center;gap:7px;padding:6px 15px;background:rgba(255,255,255,.07);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.14);border-radius:30px;font-size:11px;font-weight:700;font-family:var(--font-display);color:#fff;letter-spacing:.07em;text-transform:uppercase;margin-bottom:16px;box-shadow:0 8px 20px -8px rgba(0,0,0,.4)}
.pg-hero h1{color:#fff;margin-bottom:14px}
.pg-hero p{color:rgba(255,255,255,.68);font-size:1rem;max-width:600px;line-height:1.7}
.pg-hero-btns,.page-hero-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}

/* ── Section header (old naming) ── */
.section-header{margin-bottom:40px}
.section-header.centered{text-align:center}
.sh-wrap{margin-bottom:36px}
.sh-wrap.centered{text-align:center}
.sh{margin-bottom:8px}
.sh span{color:var(--red)}
.sh-sub{color:var(--mid);max-width:560px;font-size:.97rem}

/* ── Buttons (all variants) ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 22px;border-radius:var(--r);font-weight:600;font-size:14px;border:2px solid transparent;transition:.22s;white-space:nowrap;cursor:pointer;text-decoration:none}
.btn-primary{background:linear-gradient(135deg,#D32F2F,#EF5350);color:#fff !important;box-shadow:0 4px 14px rgba(211,47,47,.28)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(211,47,47,.4)}
.btn-orange{background:linear-gradient(135deg,#E65100,#FF6D00);color:#fff !important}
.btn-orange:hover{transform:translateY(-1px);opacity:.92}
.btn-green{background:#2E7D32;color:#fff}
.btn-green:hover{background:#1B5E20;transform:translateY(-1px)}
.btn-outline{border-color:var(--red);color:var(--red);background:transparent}
.btn-outline:hover{background:var(--red);color:#fff}
.btn-outline-white{border-color:rgba(255,255,255,.4);color:#fff;background:rgba(255,255,255,.07)}
.btn-outline-white:hover{background:rgba(255,255,255,.16)}
.btn-ghost{border-color:rgba(255,255,255,.3);color:#fff;background:rgba(255,255,255,.07)}
.btn-ghost:hover{background:rgba(255,255,255,.15)}
.btn-white{background:#fff;color:var(--navy);border-color:#fff}
.btn-white:hover{background:var(--off)}
.btn-sm{padding:7px 16px;font-size:12.5px;border-radius:8px}
.btn-lg{padding:13px 30px;font-size:15px}
.btn-block{width:100%;justify-content:center}

/* ── CTA section ── */
.cta-sec{margin-bottom:0;background:var(--grad-navy);position:relative;overflow:hidden;text-align:center;padding-block:var(--sp)}
.cta-sec::before{content:'';position:absolute;inset:0;background:var(--grad-mesh);mix-blend-mode:screen;opacity:.85;pointer-events:none}
.cta-sec h2{color:#fff;margin-bottom:12px;position:relative}
.cta-sec h2 span{color:var(--gold)}
.cta-sec p{color:rgba(255,255,255,.65);max-width:520px;margin-inline:auto;margin-bottom:28px;position:relative}
.cta-inner,.cta-body{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1}
.cta-btns,.cta-actions{display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap;width:100%}
.cta-note{font-size:12px;color:rgba(255,255,255,.4);margin-top:10px}

/* ── About page ── */
.about-story{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-bottom:var(--sp)}
.about-img-block{margin:20px 0;overflow:hidden;border-radius:var(--r-lg);height:350px;background:var(--off)}

.about-img-badge{position:absolute;bottom:-14px;left:20px;background:#fff;border-radius:var(--r);padding:10px 16px;box-shadow:var(--sh-md);font-size:13px;font-weight:700;color:var(--navy)}
.cert-logos{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}
.cert-logo{padding:6px 14px;background:var(--off);border:1.5px solid var(--border);border-radius:var(--r);font-size:12px;font-weight:700;color:var(--mid);transition:.18s}
.cert-logo:hover{border-color:var(--red);color:var(--red)}
.milestones-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.milestone-card{background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);padding:22px 16px;text-align:center;transition:.25s}
.milestone-card:hover{transform:translateY(-4px);box-shadow:var(--sh-md)}
.milestone-num{font-size:1.8rem;font-weight:800;color:var(--navy)}
.milestone-label{font-size:11px;color:var(--light);margin-top:3px}

/* ── Faculty/Team swiper ── */
.team-swiper{position:relative}
.team-track-wrap{overflow:hidden}
.team-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 4px 14px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.team-track::-webkit-scrollbar{display:none}
.team-slide{flex:0 0 calc(25% - 13.5px);scroll-snap-align:start;min-width:200px}
.team-card{background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;text-align:center;transition:.4s var(--ease);height:100%}
.team-card:hover{transform:translateY(-6px);box-shadow:var(--sh-lg);border-color:rgba(211,47,47,.2)}
.team-card img,.team-img{width:100%!important;height:240px!important;max-height:240px!important;min-height:240px!important;object-fit:cover!important;object-position:top center!important;display:block!important;background:linear-gradient(180deg,#eef2f7,#e3e8f0)!important}
.tm-info{padding:16px}
.tm-info h4{font-size:.95rem;margin-bottom:3px;font-family:var(--font-display)}
.tm-info p{font-size:.83rem;color:var(--light)}

/* Swiper controls */
.team-swiper-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:18px}
.team-prev,.team-next{width:42px;height:42px;border-radius:50%;border:1.5px solid var(--border);background:#fff;color:var(--navy);font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s var(--ease);flex-shrink:0}
.team-prev:hover,.team-next:hover{background:var(--grad-red);color:#fff;border-color:transparent;box-shadow:var(--sh-red)}
.team-prev:disabled,.team-next:disabled{opacity:.35;cursor:default;pointer-events:none}
.team-dots{display:flex;gap:7px}
.team-dot{width:8px;height:8px;border-radius:50%;background:var(--border);border:none;cursor:pointer;transition:.3s var(--ease);padding:0}
.team-dot.active{background:var(--red);width:22px;border-radius:5px}

@media(max-width:900px){
  .team-slide{flex:0 0 calc(50% - 9px)}
}

/* ── Franchise Owners ── */
.owners-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;max-width:760px;margin-inline:auto}
.owner-card{background:#fff;border:1.5px solid var(--border);border-radius:var(--r-xl);overflow:hidden;transition:.45s var(--ease);position:relative;box-shadow:var(--sh-xs)}
.owner-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--grad-gold);transform:scaleX(0);transform-origin:center;transition:.45s var(--ease);z-index:2}
.owner-card:hover{transform:translateY(-8px);box-shadow:var(--sh-xl);border-color:rgba(249,168,37,.4)}
.owner-card:hover::before{transform:scaleX(1)}
.owner-photo{width:100%;height:300px;border-radius:0;flex-shrink:0;overflow:hidden;background:var(--grad-navy);display:flex;align-items:center;justify-content:center;position:relative}
.owner-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(13,27,42,.5) 100%);opacity:0;transition:opacity .4s var(--ease)}
.owner-card:hover .owner-photo::after{opacity:1}
.owner-photo img{width:100%;height:100%;object-fit:cover;object-position:center 22%;transition:transform .6s var(--ease)}
.owner-card:hover .owner-photo img{transform:scale(1.07)}
.owner-photo .owner-initial{color:#fff;font-family:var(--font-display);font-size:2.4rem;font-weight:800}
.owner-badge{position:absolute;top:14px;right:14px;display:flex;align-items:center;gap:5px;padding:5px 13px;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);border-radius:20px;font-size:10.5px;font-weight:700;font-family:var(--font-display);color:var(--navy);box-shadow:var(--sh-md);z-index:1}
.owner-info{padding:22px 24px 26px;text-align:center}
.owner-info h4{font-size:1.18rem;margin-bottom:5px;font-family:var(--font-display);color:var(--navy)}
.owner-info .owner-role{display:inline-block;font-size:.78rem;color:var(--navy);background:var(--grad-gold);padding:4px 14px;border-radius:20px;font-weight:700;margin-bottom:10px;letter-spacing:.02em}
.owner-info p{font-size:.85rem;color:var(--light);line-height:1.5}

@media(max-width:768px){
  .owners-grid{grid-template-columns:1fr}
}
/* ── Blog page ── */
.blog-filter-bar{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:24px}
.bf-btn{padding:6px 16px;border:1.5px solid var(--border);border-radius:30px;background:#fff;font-size:13px;font-weight:600;color:var(--mid);cursor:pointer;transition:.18s}
.bf-btn:hover,.bf-btn.active{border-color:var(--red);background:var(--red);color:#fff}
.blog-articles-grid,.blog-grid-section .bl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.blog-grid-section{padding-block:var(--sp)}
.bl-card{background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:.25s}
.bl-card:hover{transform:translateY(-4px);box-shadow:var(--sh-md);border-color:var(--red)}
.blog-card-img{height:170px;overflow:hidden}
.blog-card-img img{width:100%;height:240px;object-fit:contain;background:var(--off)}
.bl-card:hover .blog-card-img img{width:100%;height:240px;object-fit:contain;background:var(--off)}
.blog-card-body{display:flex;flex-direction:column;;padding:18px}
.blog-card-body h3{font-size:.95rem;margin-bottom:6px;line-height:1.4;color:var(--navy)}
.bc-tag,.bl-cat{display:inline-block;padding:3px 9px;border-radius:20px;font-size:10.5px;font-weight:700;margin-bottom:8px}
.blog-date,.bl-meta{font-size:11px;color:var(--light);display:flex;gap:10px}
.blog-read{font-size:11px;color:var(--light)}

/* ── Contact page ── */
.contact-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:stretch}
.ct-card,.contact-card{background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);padding:26px 18px;text-align:center;transition:.4s var(--ease);display:flex;flex-direction:column;align-items:center;height:100%}
.ct-card:hover,.contact-card:hover{transform:translateY(-6px);box-shadow:var(--sh-lg);border-color:rgba(211,47,47,.25)}
.ct-ic,.contact-card-icon{width:52px;height:52px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;font-size:21px;margin:0 auto 14px;flex-shrink:0;transition:.4s var(--ease)}
.ct-card:hover .ct-ic,.contact-card:hover .contact-card-icon{transform:scale(1.08) rotate(-4deg)}
.ct-card h4,.contact-card h4{font-size:.92rem;font-weight:700;font-family:var(--font-display);margin-bottom:5px}
.ct-card p,.contact-card p{font-size:.85rem;color:var(--mid);flex-grow:1}
.ct-card a,.contact-card a{color:var(--red);font-weight:600;word-break:break-word;overflow-wrap:break-word}
.contact-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.map-col{display:flex;flex-direction:column;gap:14px}
.map-embed{border-radius:var(--r-lg);overflow:hidden;border:1.5px solid var(--border);height:280px}
.map-embed iframe{width:100%;height:100%;border:0;display:block}
.dir-card,.direction-card{background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);padding:18px;margin-top:14px}
.dir-card h4,.direction-card h4{font-size:.9rem;font-weight:700;margin-bottom:8px}
.dir-card li,.direction-card li{display:flex;align-items:flex-start;gap:7px;font-size:.85rem;color:var(--mid);margin-bottom:6px}
.dir-dot{width:6px;height:6px;border-radius:50%;background:var(--red);margin-top:6px;flex-shrink:0}
.quick-btns{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}
/* Form styles */
.form-card{background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);padding:28px}
.form-card h3{font-size:1.1rem;margin-bottom:4px}
.form-card>p{font-size:.88rem;margin-bottom:20px}
.fgrp{margin-bottom:13px}
.fgrp label{display:block;font-size:12.5px;font-weight:600;color:var(--navy);margin-bottom:4px}
.fgrp input,.fgrp select,.fgrp textarea,.finp{width:100%;padding:9px 12px;border:1.5px solid var(--border);border-radius:var(--r);font-size:13px;color:var(--text);background:#fff;outline:none;transition:border-color .18s}
.fgrp input:focus,.fgrp select:focus,.fgrp textarea:focus,.finp:focus{border-color:var(--red)}
.fgrp input.invalid,.fgrp select.invalid,.fgrp textarea.invalid,.finp.invalid{border-color:var(--red);background:rgba(211,47,47,.03)}
.form-2col{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.form-note{font-size:11px;color:var(--light);text-align:center;margin-top:8px;display:flex;align-items:center;gap:5px;justify-content:center}
.errmsg{font-size:11.5px;color:var(--red);margin-top:3px;display:none}
.errmsg.show{display:block}
.fsuccess,.form-success{display:none;text-align:center;padding:26px 14px}
.fsuccess.show,.form-success.show{display:block}
.success-icon{width:54px;height:54px;border-radius:50%;background:rgba(46,125,50,.1);border:2px solid var(--green);display:flex;align-items:center;justify-content:center;font-size:22px;margin:0 auto 13px}
.faq-list,.faq-grid{display:flex;flex-direction:column;gap:8px;max-width:760px;margin-inline:auto}
.faq-item{border:1.5px solid var(--border);border-radius:var(--r);overflow:hidden;background:#fff;transition:.3s var(--ease);box-shadow:var(--sh-xs)}
.faq-item.open{border-color:rgba(211,47,47,.4);box-shadow:var(--sh-md)}
.faq-q,.faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 20px;cursor:pointer;font-size:.93rem;font-weight:600;font-family:var(--font-display);color:var(--navy);background:none;border:none;text-align:left;transition:background .2s;}
.faq-q:hover,.faq-question:hover{background:var(--off)}
.faq-ic{width:22px;height:22px;border-radius:50%;background:rgba(211,47,47,.1);color:var(--red);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;transition:transform .3s var(--ease),background .25s}
.faq-item.open .faq-ic{transform:rotate(45deg);background:var(--grad-red);color:#fff}
.faq-a,.faq-answer{display:none;padding:13px 20px 17px;font-size:.88rem;color:var(--mid);line-height:1.75;border-top:1px solid var(--border);background:var(--off)}
.faq-item.open .faq-a,.faq-item.open .faq-answer{display:block}
.faq-section,.faq-grid-section{padding-block:var(--sp)}

/* ── Courses page ── */
.courses-filter{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:24px}
.f-btn,.filter-btn{padding:6px 16px;border:1.5px solid var(--border);border-radius:30px;background:#fff;font-size:13px;font-weight:600;color:var(--mid);cursor:pointer;transition:.18s}
.f-btn:hover,.f-btn.active,.filter-btn:hover,.filter-btn.active{border-color:var(--red);background:var(--red);color:#fff}
.courses-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.c-card{background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;transition:.25s}
.c-card:hover{transform:translateY(-5px);box-shadow:var(--sh-md);border-color:var(--red)}
.c-thumb{width:100%;height:200px;overflow:hidden;position:relative;flex-shrink:0;background:var(--off)}
.c-thumb img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .4s}
.c-card:hover .c-thumb img{transform:scale(1.04)}
.course-badge{position:absolute;top:10px;left:10px;padding:3px 10px;border-radius:20px;font-size:10.5px;font-weight:700;color:#fff;background:var(--red)}
.course-badge.new{background:var(--green)}
.course-badge.popular{background:var(--orange)}
.c-body{display:flex;flex-direction:column;padding:16px;gap:8px}
.course-meta,.c-meta{display:flex;gap:10px;margin:0;font-size:11.5px;color:var(--light)}
.c-body h3{font-size:.98rem;margin:0 0 4px 0;line-height:1.3}
.c-body p{font-size:.85rem;margin:0;flex:1}
.course-features{list-style:none;margin-bottom:12px;display:flex;flex-direction:column;gap:4px}
.course-features li{font-size:.82rem;color:var(--mid);padding-left:14px;position:relative}
.course-features li::before{content:'✓';color:var(--green);font-weight:700;position:absolute;left:0;font-size:10px;top:2px}
.c-foot{display:flex;gap:8px;padding:11px 17px;border-top:1px solid var(--border);background:var(--off)}
.c-price{font-size:.9rem;font-weight:700;color:var(--navy)}

/* ── Gallery ── */
.lightbox{position:fixed;inset:0;background:rgba(8,19,32,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;display:none;align-items:center;justify-content:center;animation:lb-fade .25s var(--ease)}
.lightbox.open{display:flex}
@keyframes lb-fade{from{opacity:0}to{opacity:1}}
.lightbox-content,.lb-inner{position:relative;max-width:1000px;width:92%}
.lightbox-content img,.lb-inner img{width:100%;max-height:90vh;border-radius:var(--r-lg);box-shadow:var(--sh-xl);object-fit:contain}
.lb-close{position:absolute;top:-50px;right:0;background:rgba(255,255,255,.14);color:#fff;border:none;width:42px;height:42px;border-radius:50%;font-size:19px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.25s var(--ease)}
.lb-close:hover{background:var(--grad-red);transform:rotate(90deg)}
.lightbox-prev,.lightbox-next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.14);color:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background .2s}
.lightbox-prev:hover,.lightbox-next:hover{background:rgba(255,255,255,.24)}
.lightbox-prev{left:-50px}
.lightbox-next{right:-50px}
.highlight-text{color:var(--red);font-weight:700}

/* ── Placement page ── */
.placement-process-section,.placement-stories-section,.hiring-partners-section{padding-block:var(--sp)}
.placement-stories-section{background:var(--off)}
.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-block:26px}
.ps-step{text-align:center;padding:22px 14px;background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);transition:.2scolor:var(--navy);}
.ps-step:hover{border-color:var(--red);box-shadow:var(--sh)}
.ps-num{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#D32F2F,#EF5350);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:15px}
.stories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.story-card{background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:.25s}
.story-card:hover{transform:translateY(-4px);box-shadow:var(--sh-md);border-color:var(--red)}
.story-img-wrap{height:195px;overflow:hidden;position:relative}
.story-img-wrap img{width:100%;height:100%;object-fit:contain;transition:transform .4s}
.story-card:hover .story-img-wrap img{transform:scale(1.04)}
.story-body{display:flex;flex-direction:column;;padding:18px}
.story-company-badge{display:inline-block;padding:3px 9px;background:rgba(21,101,192,.08);border-radius:20px;font-size:11px;font-weight:700;color:var(--blue);margin-bottom:8px}
.story-salary{font-size:1.05rem;font-weight:800;color:var(--green);margin-bottom:4px}
.story-course{font-size:.82rem;color:var(--light);margin-bottom:6px}
.partners-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.pt-logo{background:#fff;border:1px solid var(--border);border-radius:var(--r);padding:11px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--mid);text-align:center;min-height:50px;transition:.18scolor:var(--navy);}
.pt-logo:hover{border-color:var(--red);color:var(--red)}
.partners-note{font-size:13px;color:var(--mid);text-align:center;margin-top:14px}
.final-cta-section,.final-cta-box{padding-block:var(--sp)}
.sh-wrap{margin-bottom:36px}

/* ── Scholarship page ── */

.scholarship-form-layout{display:grid;grid-template-columns:1fr 440px;gap:48px;align-items:start}
.sfl-left,.sfl-right{}
.scholarship-promise{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-lg);padding:20px 24px;margin-block:22px}
.sp-item{display:flex;align-items:flex-start;gap:11px;padding:11px 14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:var(--r);margin-bottom:9px;font-size:.88rem;color:rgba(255,255,255,.7)}
.sp-item::before{content:'✓';color:#4ade80;font-weight:700;flex-shrink:0;margin-top:1px}
.form-checkbox{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;color:var(--mid);margin-bottom:13px}
.form-checkbox input[type="checkbox"]{width:auto;margin-top:2px}

/* ── Course landing pages ── */
.enroll-card{background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;position:sticky;top:152px;box-shadow:var(--sh-md)}
.ec-head,.enroll-card-header{padding:20px;background:linear-gradient(135deg,#0D1B2A,#1a2f45);color:#fff;border-bottom:3px solid var(--red)}
.ec-head h3{color:#fff;font-size:1rem;margin-bottom:4px}
.ec-body,.enroll-card-body{display:flex;flex-direction:column;;padding:20px}
.ec-feats,.enroll-features{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.ec-feats li,.ef,.ef-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--mid);list-style:none}
.ec-feats li::before,.ef::before{content:'✓';color:var(--green);font-weight:700;flex-shrink:0;font-size:11px}
.enroll-card-img{width:100%;height:180px;object-fit:contain}
.enroll-note{font-size:11.5px;color:var(--light);margin-top:9px;text-align:center}
.price-row{display:flex;align-items:baseline;gap:10px;margin-bottom:8px;flex-wrap:wrap}
.price-current{font-size:2rem;font-weight:800;color:var(--navy)}
.price-old{font-size:1rem;color:var(--light);text-decoration:line-through}
.price-badge{padding:3px 9px;background:rgba(46,125,50,.1);border-radius:20px;font-size:11.5px;font-weight:700;color:var(--green)}
.price-note{font-size:11.5px;color:var(--light);margin-top:5px}
.course-hero-card{background:rgba(255,255,255,.07);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-lg);padding:24px}
.course-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.course-stats-grid,.cs-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--border);border-radius:var(--r-lg);overflow:hidden;margin-block:28px;box-shadow:var(--sh-xs)}
.cstat,.cs-item{background:var(--off);padding:17px 11px;text-align:center;transition:.3s var(--ease)}
.cstat:hover,.cs-item:hover{background:#fff}
.cstat b,.cs-item b{display:block;font-family:var(--font-display);font-size:1.65rem;font-weight:800;color:var(--navy)}
.cstat span,.cs-item span{font-size:10px;color:var(--light);text-transform:uppercase;letter-spacing:.06em;margin-top:3px;display:block;font-weight:600}
.accordion{display:flex;flex-direction:column;gap:8px}
.accordion-item{border:1px solid var(--border);border-radius:var(--r);overflow:hidden;transition:.3s var(--ease);box-shadow:var(--sh-xs)}
.accordion-item.open{border-color:rgba(211,47,47,.4);box-shadow:var(--sh-md)}
.accordion-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 16px;cursor:pointer;background:#fff;transition:background .2s;user-select:none;border:none;text-align:left;font-family:var(--font-display)}
.accordion-header:hover{background:var(--off)}
.accordion-body{display:flex;flex-direction:column;;display:none;padding:0 16px 14px;border-top:1px solid var(--border);background:var(--off)}
.accordion-item.open .accordion-body{display:flex;flex-direction:column;;display:block}
.acc-num{width:26px;height:26px;border-radius:7px;background:rgba(211,47,47,.1);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--red);flex-shrink:0;font-family:var(--font-display)}
.acc-arrow{font-size:9px;color:var(--light);transition:transform .3s var(--ease)}
.accordion-item.open .acc-arrow{transform:rotate(180deg)}
.outcomes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.outcome-card{background:var(--off);border:1px solid var(--border);border-radius:var(--r);padding:15px;display:flex;align-items:flex-start;gap:11px;transition:.3s var(--ease)}
.outcome-card:hover{background:#fff;box-shadow:var(--sh);transform:translateY(-2px)}
.oc-icon{font-size:1.2rem;flex-shrink:0}
.course-outcomes{padding-block:var(--sp)}
.for-whom-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.for-whom-section{padding-block:var(--sp)}
.fw-card{background:#fff;border:1px solid var(--border);border-radius:var(--r);padding:14px 16px;display:flex;align-items:flex-start;gap:10px;font-size:.87rem;color:var(--mid);transition:.3s var(--ease)}
.fw-card:hover{box-shadow:var(--sh);transform:translateY(-2px)}
.fw-card::before{content:'✓';color:var(--green);font-weight:800;flex-shrink:0}
.curriculum-section{padding-block:var(--sp)}
.curriculum-layout{display:grid;grid-template-columns:1fr 300px;gap:32px}
.curriculum-left,.curriculum-right{}
.curriculum-summary{background:var(--off);border:1px solid var(--border);border-radius:var(--r-lg);padding:22px}
.salary-bars{display:flex;flex-direction:column;gap:13px}
.sb-item{}
.sb-bar{height:7px;background:var(--pale);border-radius:4px;overflow:hidden;margin-top:5px}
.placement-preview-section{padding-block:var(--sp);background:var(--off)}
.placement-preview-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
.pp-left,.pp-right{}
.course-social-proof{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:11px 15px;background:rgba(211,47,47,.05);border:1px solid rgba(211,47,47,.12);border-radius:var(--r)}
.sp-avatars{display:flex}
.sp-avatars span{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#D32F2F,#EF5350);border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;font-weight:700;margin-left:-6px}
.sp-avatars span:first-child{margin-left:0}
.stars-inline{color:var(--gold);font-size:13px}
.rv-card{background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);padding:20px}
.rv-stars{color:var(--gold);font-size:14px;margin-bottom:9px}
.rc-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}

/* ── Responsive additions for inner pages ── */
@media(max-width:1100px){
  .scholarship-form-layout{grid-template-columns:1fr}
  .about-story{grid-template-columns:1fr}
  .milestones-grid{grid-template-columns:repeat(2,1fr)}
  .process-steps{grid-template-columns:repeat(2,1fr)}
  .partners-grid{grid-template-columns:repeat(4,1fr)}
  .curriculum-layout{grid-template-columns:1fr}
  .contact-cards-grid{grid-template-columns:repeat(2,1fr)}
  .courses-grid{grid-template-columns:repeat(2,1fr)}
  .outcomes-grid{grid-template-columns:repeat(2,1fr)}
  .for-whom-grid{grid-template-columns:repeat(2,1fr)}
  .placement-preview-layout{grid-template-columns:1fr}
  .enroll-card{position:static}
}
@media(max-width:768px){
  .contact-main-grid{grid-template-columns:1fr}
  .stories-grid,.blog-articles-grid{grid-template-columns:1fr}
  .courses-grid{grid-template-columns:1fr}
  .partners-grid{grid-template-columns:repeat(3,1fr)}
  .contact-cards-grid{grid-template-columns:repeat(2,1fr)}
  .ccat-group.hidden{display:none}
  .form-2col{grid-template-columns:1fr}
  .course-stats-grid,.cs-bar{grid-template-columns:repeat(2,1fr)}
  .outcomes-grid{grid-template-columns:1fr}
  .for-whom-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  .partners-grid{grid-template-columns:repeat(2,1fr)}
  .process-steps{grid-template-columns:1fr}
  .cta-btns,.cta-actions{flex-direction:column;align-items:center}
  .pg-hero-btns,.page-hero-btns{flex-direction:column}
  .lightbox-prev{left:-5px}
  .lightbox-next{right:-5px}
  .contact-cards-grid{gap:10px}
  .ct-card,.contact-card{padding:16px 10px}
  .ct-card h4,.contact-card h4{font-size:.82rem}
  .ct-card p,.contact-card p{font-size:.76rem}
  .ct-card a,.contact-card a{font-size:.76rem}
}

/* ================================================================
   TRENDING COURSES — Homepage compact grid
   ================================================================ */
.trending-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}
.tr-card {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform .45s var(--ease), box-shadow .45s var(--ease), border-color .45s var(--ease);
  will-change: transform;
}
.tr-card:hover {
  transform: translateY(-8px);
  box-shadow: var(--sh-lg);
  border-color: rgba(211,47,47,.3);
}
.tr-img{height:208px;overflow:hidden;position:relative;flex-shrink:0;background:var(--off)}
.tr-img::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(13,27,42,.35) 100%);opacity:0;transition:opacity .4s var(--ease)}
.tr-card:hover .tr-img::after{opacity:1}
.tr-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  transition: transform .6s var(--ease);
}
.tr-card:hover .tr-img img { transform: scale(1.08); }

.tr-badge {
  position: absolute;
  top: 12px; left: 12px;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 700;
  font-family: var(--font-display);
  color: #fff;
  background: var(--red);
  box-shadow: 0 4px 14px -4px rgba(0,0,0,.35);
  backdrop-filter: blur(4px);
}
.tr-badge.hot     { background: linear-gradient(135deg,#D32F2F,#FF6659); }
.tr-badge.demand  { background: linear-gradient(135deg,#E65100,#FF9248); }
.tr-badge.best    { background: linear-gradient(135deg,#1565C0,#42A5F5); }
.tr-badge.top     { background: linear-gradient(135deg,#2E7D32,#66BB6A); }
.tr-badge.design  { background: linear-gradient(135deg,#6A1B9A,#AB47BC); }
.tr-badge.commerce{ background: var(--grad-gold); color: var(--navy); }

.tr-body {
  padding: 20px 20px 14px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.tr-meta {
  display: flex;
  gap: 12px;
  font-size: 11.5px;
  color: var(--light);
  margin-bottom: 9px;
  font-weight: 600;
}
.tr-body h3 {
  font-size: 1.08rem;
  color: var(--navy);
  margin-bottom: 8px;
  line-height: 1.3;
}
.tr-body p {
  font-size: .87rem;
  color: var(--mid);
  flex: 1;
  margin-bottom: 14px;
}
.tr-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.tr-tags span {
  padding: 4px 11px;
  background: var(--pale);
  border-radius: 20px;
  font-size: 11px;
  font-weight: 600;
  color: var(--mid);
  transition: .25s;
}
.tr-card:hover .tr-tags span{background:rgba(211,47,47,.08);color:var(--red-d)}
.tr-foot {
  display: flex;
  gap: 9px;
  padding: 14px 20px;
  border-top: 1px solid var(--border);
  background: var(--off);
}
.tr-btn-primary {
  flex: 1;
  padding: 10px;
  background: var(--grad-red);
  color: #fff;
  border-radius: var(--r);
  font-size: 13px;
  font-weight: 700;
  font-family: var(--font-display);
  text-align: center;
  transition: .3s var(--ease);
  text-decoration: none;
  display: block;
  box-shadow: 0 6px 16px -6px rgba(211,47,47,.4);
}
.tr-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 10px 22px -6px rgba(211,47,47,.5); }
.tr-btn-outline {
  flex: 1;
  padding: 10px;
  border: 1.5px solid var(--red);
  color: var(--red);
  border-radius: var(--r);
  font-size: 13px;
  font-weight: 700;
  font-family: var(--font-display);
  text-align: center;
  transition: .25s var(--ease);
  text-decoration: none;
  background: transparent;
  display: block;
}
.tr-btn-outline:hover { background: var(--red); color: #fff; transform: translateY(-2px); }

.tr-more-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 40px;
  padding: 24px 28px;
  background: linear-gradient(135deg,var(--pale),#e4eaf3);
  border-radius: var(--r-lg);
  border: 1px solid var(--border);
  flex-wrap: wrap;
  box-shadow: var(--sh-xs);
}
.tr-more-cta span {
  font-size: .92rem;
  color: var(--mid);
  font-weight: 500;
}

/* Responsive trending grid */
@media (max-width: 900px) {
  .trending-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
  .trending-grid { grid-template-columns: 1fr; }
  .tr-more-cta { flex-direction: column; text-align: center; }
}

/* ================================================================
   IMAGE SLIDER (about page, inner pages)
   ================================================================ */
.img-slider{position:relative;border-radius:var(--r-lg);overflow:hidden}
.slider-track-wrap{overflow:hidden;border-radius:var(--r-lg)}
.slider-track{display:flex;transition:transform .45s cubic-bezier(.4,0,.2,1)}
.slider-slide{flex:0 0 100%;min-width:0}
.slider-slide img{width:100%;height:400px;object-fit:contain;display:block;background:var(--off)}
.slider-prev,.slider-next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.45);color:#fff;border:none;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer;z-index:2;transition:.18s;line-height:1}
.slider-prev{left:10px}
.slider-next{right:10px}
.slider-prev:hover,.slider-next:hover{background:var(--red)}
.slider-dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:2}
.s-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.5);border:none;cursor:pointer;padding:0;transition:.18s}
.s-dot.active{background:#fff;width:20px;border-radius:4px}

/* ================================================================
   GALLERY — LARGER GRID + UPLOAD
   ================================================================ */
/* ===== GALLERY PAGE ===== */
.gallery-upload-bar {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 22px;
  padding: 14px 18px;
  background: var(--off);
  border-radius: var(--r);
  border: 1.5px dashed var(--border);
}

.gallery-upload-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 20px;
  background: var(--grad-red, linear-gradient(135deg, #D32F2F, #EF5350));
  color: #fff;
  border-radius: var(--r);
  font-size: 13.5px;
  font-weight: 700;
  cursor: pointer;
  transition: .18s;
  white-space: nowrap;
}

.gallery-upload-btn:hover {
  transform: translateY(-1px);
  opacity: .92;
}

.gallery-upload-hint {
  font-size: 12.5px;
  color: var(--light);
}

/* ── Grid wrapper ── */
.gallery-grid-lg {
  display: flex;
  flex-direction: column;
  gap: 48px;
}

/* ── Each category block ── */
.gallery-cat-section {
  margin-bottom: 0;
}

.gallery-cat-section .gallery-cat-hdr {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 12px;
  padding-left: 14px;
  border-bottom: 2px solid var(--border);
  border-left: 4px solid var(--red);
  border-image: var(--grad-red) 1;
  margin-bottom: 16px;
  flex-wrap: wrap;
}

.gallery-cat-hdr-text{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}

.gallery-cat-hdr h3 {
  font-size: 1.25rem;
  color: var(--navy);
  font-family: var(--font-display);
  font-weight: 800;
  margin: 0;
}

.gallery-cat-hdr span {
  font-size: .86rem;
  color: var(--light);
  font-weight: 500;
}

/* ── Auto-sliding single-row track ── */
.gallery-track-wrap{position:relative}
.gallery-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:2px 2px 10px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.gallery-track::-webkit-scrollbar{display:none}
.g-item{flex:0 0 calc(25% - 13.5px);scroll-snap-align:start;min-width:200px}

.gallery-nav{display:flex;align-items:center;gap:8px;flex-shrink:0}
.gallery-prev,.gallery-next{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--border);background:#fff;color:var(--navy);font-size:15px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s var(--ease);flex-shrink:0}
.gallery-prev:hover,.gallery-next:hover{background:var(--grad-red);color:#fff;border-color:transparent}

@media(max-width:900px){
  .g-item{flex:0 0 calc(50% - 9px)}
}
@media(max-width:560px){
  .g-item{flex:0 0 82%}
}

/* ── Individual image card ── */
.g-item {
  border-radius: var(--r);
  overflow: hidden;
  cursor: pointer;
  position: relative;
  background: var(--off);
  box-shadow: var(--sh-xs);
  transition: transform .4s var(--ease), box-shadow .4s var(--ease);
  border: 1px solid var(--border);
}

.g-item:hover {
  transform: translateY(-6px);
  box-shadow: var(--sh-lg);
  border-color: transparent;
}

/* KEY: fixed height so all images are same size */
.g-item img {
  width: 100%;
  height: 230px;          /* ← यही line 4-image same size देती है */
  object-fit: cover;
  object-position: center 20%;   /* keeps faces/heads in frame instead of cropping them out */
  display: block;
  transition: transform .5s var(--ease);
}

.g-item:hover img {
  transform: scale(1.08);
}

.g-caption {
  padding: 11px 14px;
  font-size: 13px;
  font-weight: 600;
  font-family: var(--font-display);
  color: var(--navy);
  background: #fff;
  border-top: 1px solid var(--border);
  line-height: 1.3;
}

.g-ov {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg,rgba(13,27,42,.1),rgba(13,27,42,.6));
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity .35s var(--ease);
  pointer-events: none;
  backdrop-filter: blur(1px);
}

.g-item:hover .g-ov {
  opacity: 1;
}

/* ── Responsive ── */
@media (max-width: 500px) {.g-item img {height: 220px;object-position:center 20%;}}
/* ================================================================
   COURSE PAGES — Clean layout with image slider
   ================================================================ */
.course-hero-layout{display:grid;grid-template-columns:1fr 360px;gap:44px;align-items:start;padding-block:52px}
.course-hero-img-slider .slider-slide img{height:380px;border-radius:var(--r-lg);object-fit:cover;object-position:center;background:var(--off)}
.enq-sidebar{background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-md);position:sticky;top:152px}
.esf-hdr{background:linear-gradient(135deg,#0D1B2A,#1a2f45);padding:18px 22px;border-bottom:3px solid var(--red)}
.esf-hdr h3{font-size:1rem;color:#fff;margin-bottom:2px}
.esf-hdr p{font-size:12px;color:rgba(255,255,255,.55)}
.esf-body{display:flex;flex-direction:column;;padding:18px 22px}

/* ================================================================
   ABOUT PAGE — remove extra spacing above milestones
   ================================================================ */
.about-story{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.about-story + section,.about-story~section{margin-top:0 !important}

/* team-img sizing consolidated into the single rule near .team-swiper above */

/* Fix faculty name color (was aliceblue = invisible) */
.tm-info h4{color:var(--navy) !important;font-size:.93rem;margin-bottom:2px}
.tm-info p{font-size:.82rem;color:var(--light)}
.tm-info small{font-size:.76rem;color:var(--light);font-style:italic}

/* ================================================================
   RESPONSIVE additions
   ================================================================ */
@media(max-width:900px){
  .course-hero-layout{grid-template-columns:1fr;padding-block:36px}
  .enq-sidebar{position:static}
  .about-story{grid-template-columns:1fr;gap:28px}
}
@media(max-width:768px){
  .gallery-grid-lg .g-item img{max-height:380px}
  .slider-slide img{width:100%;height:400px;object-fit:contain;display:block;background:var(--off)}
  .process-steps{grid-template-columns:repeat(2,1fr)}
  .partners-grid{grid-template-columns:repeat(3,1fr)}
  .support-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:480px){
  .gallery-grid-lg .g-item img{max-height:300px}
  .process-steps{grid-template-columns:1fr}
  .support-grid{grid-template-columns:1fr}
  .gallery-upload-bar{flex-direction:column;align-items:flex-start}
}
.sec-sub{color:var(--mid);font-size:.95rem;max-width:520px}

/* ════ STUDENT CARDS ════ */
.student-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-top:44px}
.student-card{background:#fff;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-md);transition:.3s}
.student-card:hover{transform:translateY(-6px);box-shadow:var(--sh-lg)}
.st-img{height:280px;overflow:hidden;background:var(--off)}
.st-img img{width:100%;height:100%;object-fit:contain}
.st-info{padding:20px}
.st-info h4{font-size:1rem;color:var(--navy);margin-bottom:3px}
.st-role{font-size:.85rem;color:var(--red);font-weight:600;margin-bottom:10px}
.st-quote{font-size:.9rem;color:var(--text);font-style:italic;margin:12px 0;padding:12px;border-left:3px solid var(--gold);background:var(--off)}
.st-company{font-size:.8rem;color:var(--light)}

/* ════ STUDENT PROJECT WORK ════ */
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.proj-card{background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);padding:30px 26px;transition:.4s var(--ease);position:relative;overflow:hidden}
.proj-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad-red);transform:scaleX(0);transform-origin:left;transition:.4s var(--ease)}
.proj-card:hover{transform:translateY(-6px);box-shadow:var(--sh-lg);border-color:rgba(211,47,47,.25)}
.proj-card:hover::before{transform:scaleX(1)}
.proj-ic{font-size:1.7rem;width:58px;height:58px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--pale),#fff);border-radius:var(--r);box-shadow:inset 0 0 0 1px var(--border);margin-bottom:16px;transition:.4s var(--ease)}
.proj-card:hover .proj-ic{background:var(--grad-red);transform:scale(1.06) rotate(-4deg)}
.proj-card h3{font-size:1.05rem;margin-bottom:9px;color:var(--navy)}
.proj-card p{font-size:.87rem;color:var(--mid);line-height:1.7}

@media(max-width:768px){
  .student-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
  .project-grid{grid-template-columns:1fr 1fr;gap:16px}
}
@media(max-width:560px){
  .project-grid{grid-template-columns:1fr}
}

.st-date{font-size:.75rem;color:var(--light);margin-top:8px;font-style:italic}

/* Course name on hover */
.course-name-overlay{
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  background:linear-gradient(to top,rgba(0,0,0,.8),transparent);
  color:#fff;
  padding:16px 12px 12px;
  font-weight:600;
  font-size:.95rem;
  opacity:0;
  transition:opacity .3s;
  z-index:2;
}
.slider-track-wrap:hover .course-name-overlay{opacity:1}


.about-img-block img{width:100%;height:420px;object-fit:contain;background:var(--off);display:block;border-radius:var(--r-lg)}


/* Scholarship Page */
.scholarship-form-section {
  background: #f9f9f9;
  padding: 40px 20px;
  border-radius: var(--r-lg);
  margin: 40px 0 80px 0;
}

.scholarship-form-section h2 {
  color: var(--navy);
  margin-bottom: 12px;
}

.scholarship-form-section p {
  color: var(--text);
  margin-bottom: 20px;
}

.scholarship-form-section label {
  color: var(--navy);
  font-weight: 500;
}

.scholarship-form-section input,
.scholarship-form-section textarea,
.scholarship-form-section select {
  background: #fff;
  color: var(--navy);
  border: 1px solid #ddd;
  border-radius: var(--r);
  padding: 10px 12px;
  font-family: inherit;
  font-size: 0.9rem;
}

.scholarship-form-section input:focus,
.scholarship-form-section textarea:focus,
.scholarship-form-section select:focus {
  outline: none;
  border-color: var(--red);
  box-shadow: 0 0 0 3px rgba(211, 47, 47, 0.1);
}

/* ================================================================
   STUDENT WORK PAGE
   ================================================================ */
.sw-filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid var(--border)}
.sw-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.sw-card{background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:.4s var(--ease);display:flex;flex-direction:column}
.sw-card:hover{transform:translateY(-6px);box-shadow:var(--sh-lg);border-color:rgba(211,47,47,.2)}
.sw-img{height:190px;overflow:hidden;background:linear-gradient(180deg,#eef2f7,#e3e8f0);position:relative}
.sw-img img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .5s var(--ease)}
.sw-card:hover .sw-img img{transform:scale(1.06)}
.sw-course-tag{position:absolute;top:10px;left:10px;padding:4px 11px;background:rgba(13,27,42,.85);backdrop-filter:blur(6px);color:#fff;font-size:10.5px;font-weight:700;font-family:var(--font-display);border-radius:20px}
.sw-body{padding:16px;flex:1;display:flex;flex-direction:column}
.sw-body h4{font-size:.96rem;margin-bottom:4px;font-family:var(--font-display);color:var(--navy)}
.sw-body p{font-size:.83rem;color:var(--light);margin-bottom:14px;flex:1}
.sw-view-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px;background:var(--grad-red);color:#fff;border-radius:var(--r);font-size:12.5px;font-weight:700;font-family:var(--font-display);text-decoration:none;transition:.3s var(--ease)}
.sw-view-btn:hover{transform:translateY(-2px);box-shadow:var(--sh-red)}
.sw-view-btn.disabled{background:var(--off);color:var(--light);cursor:default;pointer-events:none;border:1px solid var(--border)}
.sw-empty{grid-column:1/-1;text-align:center;padding:60px 20px;color:var(--light)}
.sw-empty span{font-size:2.5rem;display:block;margin-bottom:12px}

@media(max-width:900px){
  .sw-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .sw-grid{grid-template-columns:1fr}
}

/* ================================================================
   FESTIVAL COLLAGES (Diwali / Christmas) — mosaic-style layout
   ================================================================ */
.collage-section{margin-bottom:0}
.collage-hdr{display:flex;align-items:baseline;gap:12px;padding-bottom:12px;padding-left:14px;border-bottom:2px solid var(--border);margin-bottom:16px}
.collage-hdr h3{font-size:1.25rem;color:var(--navy);font-family:var(--font-display);font-weight:800;margin:0}
.collage-hdr span{font-size:.86rem;color:var(--light);font-weight:500}
.collage-hdr.diwali-theme{border-left:4px solid var(--gold);border-image:var(--grad-gold) 1}
.collage-hdr.christmas-theme{border-left:4px solid #1b6e3c;border-image:linear-gradient(135deg,#c0392b,#1b6e3c) 1}

.collage-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:130px;gap:12px}
.collage-item{position:relative;border-radius:var(--r);overflow:hidden;cursor:pointer;box-shadow:var(--sh-xs);transition:transform .4s var(--ease),box-shadow .4s var(--ease);border:1px solid var(--border)}
.collage-item:hover{transform:translateY(-5px) scale(1.01);box-shadow:var(--sh-lg);z-index:2}
.collage-item img{width:100%;height:100%;object-fit:cover;object-position:center 25%;display:block;transition:transform .5s var(--ease)}
.collage-item:hover img{transform:scale(1.08)}
.collage-item .g-ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,27,42,.05),rgba(13,27,42,.65));display:flex;align-items:flex-end;justify-content:center;padding-bottom:10px;opacity:0;transition:opacity .35s var(--ease)}
.collage-item:hover .g-ov{opacity:1}
.collage-item .g-ov span{color:#fff;font-size:1.3rem}

/* Mosaic sizing — big feature tiles mixed with smaller ones */
.collage-item.big{grid-column:span 3;grid-row:span 2}
.collage-item.med{grid-column:span 2;grid-row:span 2}
.collage-item.small{grid-column:span 2;grid-row:span 1}
.collage-item.tall{grid-column:span 2;grid-row:span 2}
.collage-item.wide{grid-column:span 3;grid-row:span 1}

@media(max-width:900px){
  .collage-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:110px}
  .collage-item.big{grid-column:span 4;grid-row:span 2}
  .collage-item.med{grid-column:span 2;grid-row:span 2}
  .collage-item.small{grid-column:span 2;grid-row:span 1}
  .collage-item.tall{grid-column:span 2;grid-row:span 2}
  .collage-item.wide{grid-column:span 4;grid-row:span 1}
}
@media(max-width:560px){
  .collage-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:140px}
  .collage-item.big,.collage-item.med,.collage-item.small,.collage-item.tall,.collage-item.wide{grid-column:span 2;grid-row:span 1}
}