/* ======== RESET & BASE ======== */
*{margin:0;padding:0;box-sizing:border-box;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
body{font-family:'Nunito',sans-serif;background:#f3f4f8;color:#1f2937;}

/* ======== COLORS ======== */
:root{
  --navy:#0a1e4e;
  --navyl:#0d2a6b;
  --orange:#e87722;
  --orangel:#f59c3a;
}

/* ======== UTILS ======== */
.orange-btn{background:linear-gradient(135deg,var(--orange),var(--orangel));color:#fff;border:none;cursor:pointer;}
.navy-bg{background:var(--navy);}
.section-hdr{background:linear-gradient(90deg,var(--navy),var(--navyl));border-left:5px solid var(--orange);display:inline-block;padding:.45rem 1.5rem;border-radius:.4rem;}
.section-hdr span{color:#fff;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:1.2rem;}
.card-h{transition:transform .22s,box-shadow .22s;}
.card-h:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(10,30,78,.18);}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease;}
.reveal.vis{opacity:1;transform:translateY(0);}

/* ======== TOP BAR ======== */
.topbar{background:linear-gradient(90deg,var(--navy),var(--navyl));border-bottom:2px solid var(--orange);height:2.25rem;display:flex;align-items:center;padding:0 1rem;}
.topbar-inner{max-width:80rem;width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;font-size:.72rem;color:#d1d5db;}
.topbar-left{display:flex;gap:1.25rem;align-items:center;}
.topbar-left span{display:flex;align-items:center;gap:.3rem;}
.topbar-right{display:flex;align-items:center;gap:.875rem;}
.topbar-right a{color:#d1d5db;transition:color .2s;}
.topbar-right a:hover{color:var(--orange);}
.tlogin{background:linear-gradient(135deg,var(--orange),var(--orangel));color:#fff !important;padding:.18rem .75rem;border-radius:.3rem;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:.72rem;}

/* ======== NAV ======== */
.mainnav{background:var(--navy);position:sticky;top:0;z-index:9999;box-shadow:0 4px 20px rgba(0,0,0,.3);}
.nav-inner{max-width:80rem;margin:0 auto;padding:0 1rem;height:4rem;display:flex;align-items:center;justify-content:space-between;}
.logo-wrap{display:flex;align-items:center;gap:.75rem;flex-shrink:0;}
.logo-circle{width:3rem;height:3rem;border-radius:50%;background:#fff;border:2.5px solid var(--orange);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.2);}
.logo-circle span{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:.75rem;color:var(--navy);text-align:center;line-height:1.1;}
.logo-text{display:none;}
@media(min-width:640px){.logo-text{display:block;}}
.logo-text .l1{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:1.1rem;color:#fff;line-height:1;}
.logo-text .l2{font-size:.65rem;color:var(--orange);line-height:1.3;}
.desk-links{display:none;align-items:center;gap:.1rem;}
@media(min-width:1024px){.desk-links{display:flex;}}
.nl{font-family:'Rajdhani',sans-serif;font-weight:600;font-size:.875rem;color:#fff;padding:.25rem .7rem;border-bottom:2px solid transparent;transition:color .2s,border-color .2s;white-space:nowrap;}
.nl:hover,.nl.act{color:var(--orange);border-bottom-color:var(--orange);}
.dd-wrap{position:relative;}
.dd-box{display:none;position:absolute;top:100%;left:0;min-width:205px;background:var(--navy);border-top:2.5px solid var(--orange);border-radius:0 0 .5rem .5rem;box-shadow:0 10px 30px rgba(0,0,0,.35);z-index:9999;}
.dd-wrap:hover .dd-box{display:block;}
.dd-box a{display:block;color:#fff;font-family:'Rajdhani',sans-serif;font-weight:600;font-size:.82rem;padding:.7rem 1.2rem;transition:all .18s;}
.dd-box a:hover{background:var(--navyl);color:var(--orange);}
.nav-right{display:flex;align-items:center;gap:.75rem;}
.join-btn{background:linear-gradient(135deg,var(--orange),var(--orangel));color:#fff;padding:.5rem 1.2rem;border-radius:.5rem;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:.875rem;white-space:nowrap;display:none;}
@media(min-width:768px){.join-btn{display:inline-flex;align-items:center;}}
.ham-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.2rem;display:flex;}
@media(min-width:1024px){.ham-btn{display:none;}}

/* MOBILE MENU */
.mob-menu{display:none;background:var(--navyl);border-top:1px solid rgba(232,119,34,.3);}
.mob-menu.open{display:block;}
.mob-link{display:block;color:#fff;font-family:'Rajdhani',sans-serif;font-weight:600;font-size:.875rem;padding:.85rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);}
.mob-link:hover,.mob-link.act{color:var(--orange);}
.mob-ws-btn{width:100%;background:none;border:none;color:#fff;font-family:'Rajdhani',sans-serif;font-weight:600;font-size:.875rem;padding:.85rem 1.5rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.1);}
.mob-ws-dd{display:none;background:rgba(10,30,78,.5);}
.mob-ws-dd a{display:block;color:#d1d5db;font-size:.82rem;padding:.55rem 2.5rem;border-bottom:1px solid rgba(255,255,255,.05);}
.mob-ws-dd a:hover{color:var(--orange);}
.mob-join{padding:1rem 1.5rem;}
.mob-join a{display:block;text-align:center;background:linear-gradient(135deg,var(--orange),var(--orangel));color:#fff;padding:.75rem;border-radius:.75rem;font-family:'Rajdhani',sans-serif;font-weight:700;}

/* ======== HERO SLIDER ======== */
.hero{position:relative;overflow:hidden;height:600px;}
@media(max-width:768px){.hero{height:480px;}}
@media(max-width:480px){.hero{height:420px;}}

/* Top orange accent */
.hero-acc{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--orange),var(--orangel),var(--orange));z-index:30;}

/* SLIDES - KEY: only .s-on is visible */
.slide{
  position:absolute;inset:0;
  opacity:0;
  visibility:hidden;
  transition:opacity .9s ease, visibility .9s ease;
  z-index:1;
}
.slide.s-on{
  opacity:1;
  visibility:visible;
  z-index:2;
}

/* Slide background image */
.slide-img{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;
  transition:transform 6s ease;
  transform:scale(1.06);
}
.slide.s-on .slide-img{transform:scale(1);}

/* Overlay */
.slide-ovl{
  position:absolute;inset:0;
  background:linear-gradient(180deg,
    rgba(10,30,78,.88) 0%,
    rgba(10,30,78,.68) 40%,
    rgba(10,30,78,.60) 68%,
    rgba(10,30,78,.78) 100%
  );
}

/* Content box - centred */
.slide-body{
  position:absolute;inset:0;
  z-index:10;
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  text-align:center;
  padding:1rem 1.5rem 5rem;
}

/* text enter animations - triggered by .s-on */
@keyframes fup{from{opacity:0;transform:translateY(28px);}to{opacity:1;transform:translateY(0);}}
.slide .sa{opacity:0;}
.slide.s-on .sa1{animation:fup .55s ease .10s both;}
.slide.s-on .sa2{animation:fup .55s ease .26s both;}
.slide.s-on .sa3{animation:fup .55s ease .42s both;}
.slide.s-on .sa4{animation:fup .55s ease .56s both;}
.slide.s-on .sa5{animation:fup .55s ease .70s both;}
.slide.s-on .sa6{animation:fup .55s ease .86s both;}

/* badge */
.s-badge{display:inline-flex;align-items:center;gap:.6rem;background:rgba(255,255,255,.13);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.22);padding:.45rem 1.2rem;border-radius:999px;margin-bottom:.8rem;}
.s-badge-logo{width:1.8rem;height:1.8rem;border-radius:50%;background:#fff;border:2px solid var(--orange);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.s-badge-logo span{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:.5rem;color:var(--navy);text-align:center;line-height:1.1;}
.s-badge-txt{font-family:'Rajdhani',sans-serif;font-weight:600;font-size:.78rem;color:rgba(255,255,255,.85);letter-spacing:.1em;text-transform:uppercase;}
.s-pill{display:inline-flex;align-items:center;gap:.5rem;background:rgba(232,119,34,.2);border:1px solid rgba(232,119,34,.45);color:var(--orangel);font-family:'Rajdhani',sans-serif;font-weight:700;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;padding:.45rem 1.2rem;border-radius:999px;margin-bottom:.8rem;}
.s-deva{font-family:'Noto Sans Devanagari',sans-serif;color:#fff;font-size:clamp(1.25rem,3.5vw,2.1rem);font-weight:700;line-height:1.35;margin-bottom:.4rem;text-shadow:0 2px 14px rgba(0,0,0,.45);}
.s-en{font-family:'Rajdhani',sans-serif;color:var(--orangel);font-size:clamp(1rem,2.8vw,1.65rem);font-weight:700;margin-bottom:.65rem;letter-spacing:.04em;}
.s-h1{font-family:'Rajdhani',sans-serif;font-weight:900;color:#fff;font-size:clamp(1.9rem,5vw,3.4rem);line-height:1.15;margin-bottom:.65rem;text-shadow:0 2px 20px rgba(0,0,0,.4);}
.s-h1 em{font-style:normal;color:var(--orange);}
.s-div{width:5rem;height:3px;background:linear-gradient(90deg,var(--orange),var(--orangel));border-radius:2px;margin:0 auto .85rem;}
.s-p{color:rgba(219,234,254,.92);font-size:clamp(.78rem,1.8vw,.93rem);max-width:34rem;line-height:1.72;margin-bottom:1.4rem;}
.s-btns{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;margin-bottom:1.6rem;}
.s-btn-o{background:linear-gradient(135deg,var(--orange),var(--orangel));color:#fff;padding:.7rem 1.7rem;border-radius:.75rem;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:.9rem;display:inline-flex;align-items:center;gap:.45rem;box-shadow:0 4px 20px rgba(232,119,34,.4);transition:opacity .2s,transform .2s;}
.s-btn-o:hover{opacity:.9;transform:translateY(-2px);}
.s-btn-g{color:#86efac;border:2px solid #4ade80;padding:.7rem 1.7rem;border-radius:.75rem;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:.9rem;display:inline-flex;align-items:center;gap:.45rem;transition:all .2s;}
.s-btn-g:hover{background:#22c55e;color:#fff;transform:translateY(-2px);}
.s-btn-w{color:#fff;border:1.5px solid rgba(255,255,255,.38);background:rgba(255,255,255,.12);backdrop-filter:blur(6px);padding:.7rem 1.7rem;border-radius:.75rem;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:.9rem;display:inline-flex;align-items:center;gap:.45rem;transition:all .2s;}
.s-btn-w:hover{background:rgba(255,255,255,.22);transform:translateY(-2px);}
.s-stats{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.25rem;}
.s-stat{text-align:center;}
.s-stat .val{font-family:'Rajdhani',sans-serif;color:var(--orangel);font-size:1.7rem;font-weight:900;line-height:1;}
.s-stat .val span{color:#fff;font-size:1.4rem;}
.s-stat .lbl{color:rgba(255,255,255,.5);font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;}
.s-div-v{width:1px;height:2rem;background:rgba(255,255,255,.2);}

/* pulse ring */
@keyframes pring{0%{box-shadow:0 0 0 0 rgba(232,119,34,.55);}70%{box-shadow:0 0 0 14px rgba(232,119,34,0);}100%{box-shadow:0 0 0 0 rgba(232,119,34,0);}}
.pls{animation:pring 2.5s infinite;}

/* ARROWS */
.h-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:30;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.14);backdrop-filter:blur(6px);border:1.5px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s;color:#fff;font-size:.9rem;}
.h-arrow:hover{background:var(--orange);border-color:var(--orange);transform:translateY(-50%) scale(1.1);}
.h-al{left:1rem;}
.h-ar{right:1rem;}
@media(max-width:480px){.h-al{left:.5rem;}.h-ar{right:.5rem;}.h-arrow{width:38px;height:38px;}}

/* DOTS */
.h-dots{position:absolute;bottom:1.6rem;left:50%;transform:translateX(-50%);display:flex;gap:.4rem;z-index:30;}
.h-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.38);cursor:pointer;border:none;transition:all .35s ease;}
.h-dot.don{background:var(--orange);width:30px;border-radius:6px;}

/* PROGRESS BAR */
.h-prog{position:absolute;bottom:0;left:0;height:3px;background:var(--orange);z-index:30;width:0%;}

/* WAVE */
.h-wave{position:absolute;bottom:0;left:0;right:0;z-index:20;pointer-events:none;line-height:0;}

/* ======== STATS BAR ======== */
.stats-bar{background:#fff;box-shadow:0 4px 20px rgba(10,30,78,.1);padding:1.5rem 1rem;}
.stats-inner{max-width:80rem;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;text-align:center;}
.stat-num{font-family:'Rajdhani',sans-serif;font-size:1.875rem;font-weight:900;color:var(--navy);line-height:1;}
.stat-num em{font-style:normal;color:var(--orange);}
.stat-lbl{color:#6b7280;font-size:.78rem;font-weight:600;margin-top:.2rem;}

/* ======== SECTION WRAPPER ======== */
.sec{padding:3.5rem 1rem;}
.sec-inner{max-width:80rem;margin:0 auto;}

/* ======== ABOUT ======== */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;}
@media(max-width:768px){.about-grid{grid-template-columns:1fr;}}
.about-title-sm{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:1.05rem;color:var(--navy);margin-bottom:.2rem;}
.about-title{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:1.875rem;color:var(--orange);line-height:1.2;margin-bottom:.875rem;}
.about-p{color:#4b5563;font-size:.875rem;line-height:1.8;margin-bottom:1.5rem;}
.about-cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.about-btn{display:flex;flex-direction:column;align-items:center;padding:1.2rem;border-radius:1rem;color:#fff;}
.about-btn i{font-size:1.4rem;margin-bottom:.45rem;}
.about-btn .t1{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:1.05rem;}
.about-btn .t2{font-size:.72rem;opacity:.82;}
.about-img{border-radius:1rem;overflow:hidden;height:17rem;box-shadow:0 8px 28px rgba(10,30,78,.15);border:3px solid rgba(232,119,34,.15);}
.about-img img{width:100%;height:100%;object-fit:cover;}

/* ======== SMART LABS ======== */
.labs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;}
@media(max-width:900px){.labs-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:480px){.labs-grid{grid-template-columns:1fr;}}
.lab-card{background:var(--navy);border-radius:1rem;overflow:hidden;}
.lab-card img{width:100%;height:7.5rem;object-fit:cover;opacity:.8;}
.lab-card-body{padding:.9rem;}
.lab-card-title{color:var(--orange);font-family:'Rajdhani',sans-serif;font-weight:700;font-size:.875rem;margin-bottom:.35rem;}
.lab-card-p{color:#9ca3af;font-size:.72rem;margin-bottom:.7rem;}
.lab-card-btn{display:inline-block;background:linear-gradient(135deg,var(--orange),var(--orangel));color:#fff;font-size:.72rem;padding:.3rem .9rem;border-radius:.4rem;font-family:'Rajdhani',sans-serif;font-weight:700;}

/* ======== EVENTS + COURSES ======== */
.ec-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;}
@media(max-width:900px){.ec-grid{grid-template-columns:1fr;}}
.white-card{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 4px 18px rgba(10,30,78,.08);}
.card-hdr{background:linear-gradient(90deg,var(--navy),var(--navyl));border-left:5px solid var(--orange);padding:.7rem 1.5rem;display:flex;align-items:center;justify-content:space-between;}
.card-hdr-title{color:#fff;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:1.2rem;}
.card-body{padding:1.2rem;}

/* tabs */
.tab-btns{display:flex;gap:.4rem;margin-bottom:1rem;}
.tbtn{padding:.38rem .95rem;border-radius:.4rem;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:.78rem;cursor:pointer;border:none;transition:all .2s;}
.tbtn.ton{background:var(--orange);color:#fff;}
.tbtn:not(.ton){background:#1a3a7c;color:#fff;}
.tab-pane{display:none;}
.tab-pane.ton{display:block;}
.ev-item{display:flex;align-items:center;gap:.45rem;color:var(--navy);font-weight:600;font-size:.85rem;padding:.35rem 0;}
.ev-dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--orange);flex-shrink:0;display:inline-block;}
.ev-imgs{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;margin-top:.875rem;}
.ev-img{border-radius:.5rem;overflow:hidden;height:4.5rem;}
.ev-img img{width:100%;height:100%;object-fit:cover;}
.ev-label{border-radius:.5rem;height:4.5rem;display:flex;align-items:center;justify-content:center;padding:.4rem;}
.ev-label span{color:#fff;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:.8rem;text-align:center;}

/* course slider */
.c-viewport{overflow:hidden;}
.c-track{display:flex;gap:1rem;transition:transform .5s cubic-bezier(.4,0,.2,1);}
.c-card{flex:0 0 calc(50% - .5rem);}
@media(max-width:520px){.c-card{flex:0 0 100%;}}
.c-card-inner{background:var(--navy);border-radius:.75rem;overflow:hidden;}
.c-card-img{width:100%;height:6.5rem;object-fit:cover;opacity:.8;}
.c-card-body{padding:.7rem;}
.c-card-title{color:var(--orange);font-family:'Rajdhani',sans-serif;font-weight:700;font-size:.82rem;margin-bottom:.35rem;}
.c-card-list{color:#9ca3af;font-size:.68rem;line-height:1.75;margin-bottom:.55rem;}
.c-card-btn{display:block;text-align:center;background:linear-gradient(135deg,var(--orange),var(--orangel));color:#fff;font-size:.7rem;padding:.28rem .8rem;border-radius:.4rem;font-family:'Rajdhani',sans-serif;font-weight:700;}
.c-nav-btn{width:1.7rem;height:1.7rem;border-radius:50%;background:rgba(255,255,255,.2);border:none;color:#fff;cursor:pointer;font-size:.65rem;display:flex;align-items:center;justify-content:center;transition:background .2s;}
.c-nav-btn:hover{background:var(--orange);}

/* ======== SERVICES ======== */
.svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;}
@media(max-width:900px){.svc-grid{grid-template-columns:repeat(2,1fr);}}
.svc-blue{background:#eff6ff;border:1px solid #dbeafe;}
.svc-orng{background:rgba(232,119,34,.08);border:1px solid rgba(232,119,34,.2);}
.svc-card{display:flex;flex-direction:column;align-items:center;border-radius:1rem;padding:1.2rem;text-align:center;}
.svc-icon{width:3.25rem;height:3.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:.65rem;}
.svc-icon i{color:#fff;font-size:1.1rem;}
.svc-title{color:var(--navy);font-family:'Rajdhani',sans-serif;font-weight:700;font-size:.82rem;}

/* ======== SMART SOLUTIONS ======== */
.ss-sec{background:linear-gradient(135deg,var(--navy),var(--navyl));padding:3.5rem 1rem;}
.ss-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;}
@media(max-width:900px){.ss-grid{grid-template-columns:repeat(2,1fr);}}
.ss-card{display:flex;flex-direction:column;align-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:1rem;padding:1.5rem;text-align:center;}
.ss-icon{width:3.25rem;height:3.25rem;background:linear-gradient(135deg,var(--orange),var(--orangel));border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:.65rem;}
.ss-icon i{color:#fff;font-size:1.1rem;}
.ss-title{color:#fff;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:.9rem;}

/* ======== PARTNERS MARQUEE ======== */
.partners-sec{background:#fff;padding:3.5rem 0;overflow:hidden;}
.partners-top{max-width:80rem;margin:0 auto;padding:0 1rem;margin-bottom:1.75rem;}
@keyframes marquee{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
.p-track{display:flex;gap:1.25rem;animation:marquee 24s linear infinite;width:max-content;}
.p-track:hover{animation-play-state:paused;}
.p-pill{flex-shrink:0;background:#fff;border:1.5px solid #e5e7eb;border-radius:.875rem;padding:.6rem 1.2rem;display:flex;align-items:center;gap:.55rem;transition:all .2s;}
.p-pill:hover{border-color:var(--orange);transform:translateY(-2px);box-shadow:0 4px 16px rgba(232,119,34,.18);}
.p-avatar{width:5.1rem;height:5.1rem; display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.p-avatar span{color:#fff;font-weight:700;font-size:.68rem;}
.p-name{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:.85rem;color:var(--navy);}

/* ======== FOOTER ======== */
.footer{background:linear-gradient(135deg,var(--navy),var(--navyl));padding:3.5rem 0 0;}
.footer-grid{max-width:80rem;margin:0 auto;padding:0 1.5rem 2.5rem;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:2.5rem;}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:580px){.footer-grid{grid-template-columns:1fr;}}
.footer-logo-wrap{display:flex;align-items:center;gap:.75rem;margin-bottom:1.2rem;}
.footer-logo{width:2.75rem;height:2.75rem;border-radius:50%;background:#fff;border:2px solid var(--orange);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.footer-logo span{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:.72rem;color:var(--navy);text-align:center;line-height:1.1;}
.footer-brand .n1{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:1.1rem;color:#fff;line-height:1;}
.footer-brand .n2{font-size:.65rem;color:var(--orange);}
.footer-addr{font-style:normal;color:#9ca3af;font-size:.78rem;line-height:1.7;margin-bottom:1rem;}
.footer-contacts a,.footer-contacts div{display:flex;align-items:center;gap:.45rem;color:#9ca3af;font-size:.78rem;margin-bottom:.4rem;}
.footer-contacts i{color:var(--orange);flex-shrink:0;}
.footer-socials{display:flex;gap:.55rem;margin-top:1rem;}
.f-social{width:2.1rem;height:2.1rem;background:rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s;}
.f-social:hover{background:var(--orange);}
.f-social i{color:#fff;font-size:.75rem;}
.footer-col h4{color:var(--orange);font-family:'Rajdhani',sans-serif;font-weight:700;font-size:.95rem;margin-bottom:1.2rem;}
.footer-col li{margin-bottom:.55rem;}
.footer-col a{display:flex;align-items:center;gap:.35rem;color:#9ca3af;font-size:.78rem;transition:color .2s;}
.footer-col a:hover{color:var(--orange);}
.footer-col a i{font-size:.55rem;color:var(--orange);}
.footer-col a.fcur{color:var(--orange);font-weight:700;}
.footer-nl-label{color:#9ca3af;font-size:.72rem;margin-bottom:.4rem;}
.footer-nl{display:flex;}
.footer-nl input{flex:1;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:.78rem;padding:.5rem .75rem;border-radius:.5rem 0 0 .5rem;outline:none;transition:border-color .2s;}
.footer-nl input:focus{border-color:var(--orange);}
.footer-nl button{background:linear-gradient(135deg,var(--orange),var(--orangel));color:#fff;font-size:.78rem;padding:.5rem .875rem;border:none;border-radius:0 .5rem .5rem 0;cursor:pointer;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);}
.footer-bottom-inner{max-width:80rem;margin:0 auto;padding:.875rem 1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;}
.footer-copy{color:#6b7280;font-size:.72rem;}
.footer-copy em{font-style:normal;color:var(--orange);font-weight:600;}
.footer-links{display:flex;gap:.875rem;font-size:.72rem;}
.footer-links a{color:#6b7280;transition:color .2s;}
.footer-links a:hover{color:var(--orange);}




/* ======== FLOATING  inner page======== */
.floating-btns{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.75rem;z-index:9999;}
.fb-phone{width:3.5rem;height:3.5rem;border-radius:50%;background:linear-gradient(135deg,var(--orange),var(--orangel));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;box-shadow:0 4px 18px rgba(232,119,34,.4);}
.fb-wa{width:3.5rem;height:3.5rem;border-radius:50%;background:#22c55e;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;box-shadow:0 4px 14px rgba(34,197,94,.35);}
#btt{position:fixed;bottom:1.5rem;left:1.5rem;z-index:9999;width:2.875rem;height:2.875rem;border-radius:50%;background:var(--navy);border:2px solid rgba(232,119,34,.5);color:#fff;font-size:.8rem;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(10,30,78,.4);transition:background .2s;}
#btt:hover{background:var(--orange);}

/* FORM SECTION BG */
    .form-section-bg{background:linear-gradient(135deg,#0a1e4e 0%,#0d2a6b 60%,#0a3580 100%);}
	
/* ── MEMBERSHIP PLAN CARDS ── */
    .plan-popular{position:relative;border:2px solid #e87722 !important;}
    .plan-popular::before{content:'Most Popular';position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#e87722,#f59c3a);color:#fff;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:.72rem;letter-spacing:.08em;padding:.25rem 1rem;border-radius:999px;white-space:nowrap;}	
	
	
	/* ──STEM STAT GLASSMORPHISM ── */
    .glass-stat{backdrop-filter:blur(12px);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);transition:all .3s;}
    .glass-stat:hover{background:rgba(255,255,255,.18);transform:scale(1.05);}

    /* ── LIFT ── */
    .hover-lift{transition:transform .25s,box-shadow .25s;}
    .hover-lift:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(10,30,78,.15);}

    /* ── VISION BG ── */
    .vision-bg{background:linear-gradient(135deg,#0a1e4e 0%,#0d2a6b 60%,#0a3580 100%);}

 /* ── HERO ── */
    .hero-bg{background:linear-gradient(135deg,#0a1e4e 0%,#0d2a6b 45%,#0a3580 100%);}
    /* ── STAT TOP CARD ── */
    .stat-card-top{border-top:4px solid #e87722;background:linear-gradient(135deg,#fff 0%,#f0f4ff 100%);}

    /* ── FLOATING ANIM ── */
    @keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}
    .floating{animation:float 3.5s ease-in-out infinite;}
    .floating-2{animation:float 4s ease-in-out infinite 1s;}
    .floating-3{animation:float 4.5s ease-in-out infinite 2s;}

    /* ── PULSE ── */
    @keyframes pulse-orange{0%{box-shadow:0 0 0 0 rgba(232,119,34,.55);}70%{box-shadow:0 0 0 12px rgba(232,119,34,0);}100%{box-shadow:0 0 0 0 rgba(232,119,34,0);}}
    .pulse-orange{animation:pulse-orange 2.2s infinite;}

    /* ── STAT GLASSMORPHISM ── */
    .glass-stat{backdrop-filter:blur(12px);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);transition:all .3s;}
    .glass-stat:hover{background:rgba(255,255,255,.18);transform:scale(1.05);}

    /* ── LIFT ── */
    .hover-lift{transition:transform .25s,box-shadow .25s;}
    .hover-lift:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(10,30,78,.15);}

    /* ── VISION BG ── */
    .vision-bg{background:linear-gradient(135deg,#0a1e4e 0%,#0d2a6b 60%,#0a3580 100%);}

    /* ── STAT TOP CARD ── */
    .stat-card-top{border-top:4px solid #e87722;background:linear-gradient(135deg,#fff 0%,#f0f4ff 100%);}

    /* ── TAB ACTIVE ── */
    .tab-btn{transition:all .25s;border:2px solid transparent;}
    .tab-btn.active{border-color:#e87722;background:linear-gradient(135deg,#0a1e4e,#0d2a6b);color:#fff;}
    .tab-btn:not(.active){background:#fff;color:#374151;border-color:#e5e7eb;}
    .tab-btn:not(.active):hover{border-color:#e87722;color:#e87722;}

    /* ── LAB HEADER GRADIENTS ── */
    .lab-hdr-robotics{background:linear-gradient(135deg,#0a1e4e 0%,#0d2a6b 60%,#1e3a8a 100%);}
    .lab-hdr-stem    {background:linear-gradient(135deg,#be185d 0%,#e11d48 60%,#f97316 100%);}
    .lab-hdr-ai      {background:linear-gradient(135deg,#0284c7 0%,#0ea5e9 60%,#06b6d4 100%);}
    .lab-hdr-tinkering{background:linear-gradient(135deg,#c2410c 0%,#ea580c 60%,#f59e0b 100%);}
    .lab-hdr-training {background:linear-gradient(135deg,#047857 0%,#0d9488 60%,#0891b2 100%);}

    /* ── TAB CONTENT ── */
    .tab-content{display:none;}
    .tab-content.active{display:block;}
	
	
	/* ──Gallery MASONRY ── */
    .masonry-grid{column-count:4;column-gap:1.25rem;}
    .masonry-item{break-inside:avoid;margin-bottom:1.25rem;position:relative;border-radius:1.25rem;overflow:hidden;transition:all .3s ease;border:2px solid transparent;}
    .masonry-item:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(10,30,78,.2);border-color:rgba(232,119,34,.4);}
    .masonry-item img{width:100%;height:auto;display:block;transition:transform .5s ease;}
    .masonry-item:hover img{transform:scale(1.06);}
    .gallery-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,30,78,.92),rgba(10,30,78,.3),transparent);opacity:0;transition:opacity .3s ease;display:flex;flex-direction:column;justify-content:flex-end;padding:1.25rem;}
    .masonry-item:hover .gallery-overlay{opacity:1;}
    .gallery-zoom{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;background:rgba(232,119,34,.85);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.7);transition:all .3s ease;}
    .masonry-item:hover .gallery-zoom{opacity:1;transform:scale(1);}
    @media(max-width:1024px){.masonry-grid{column-count:3;}}
    @media(max-width:768px){.masonry-grid{column-count:2;}}
    @media(max-width:480px){.masonry-grid{column-count:1;}}

    /* ── FILTER ── */
    .filter-btn{padding:.5rem 1.25rem;border-radius:999px;font-size:.82rem;font-family:'Rajdhani',sans-serif;font-weight:700;transition:all .2s;border:2px solid #e5e7eb;background:#fff;color:#374151;letter-spacing:.04em;}
    .filter-btn:hover{border-color:#e87722;color:#e87722;}
    .filter-btn.active{background:linear-gradient(135deg,#e87722,#f59c3a);color:#fff;border-color:transparent;box-shadow:0 4px 12px rgba(232,119,34,.3);}

    /* ── STAT ── */
    .stat-card{border-top:4px solid #e87722;background:linear-gradient(135deg,#fff 0%,#f0f4ff 100%);}

    /* ── CATEGORY PILL ── */
    .cat-pill-workshop {background:rgba(232,119,34,.15);color:#e87722;}
    .cat-pill-training  {background:rgba(22,163,74,.15);color:#16a34a;}
    .cat-pill-events    {background:rgba(37,99,235,.15);color:#2563eb;}
    .cat-pill-projects  {background:rgba(147,51,234,.15);color:#9333ea;}
	
	/* ── SECTION NUMBER BADGE ── */
    .sec-num{width:44px;height:44px;background:linear-gradient(135deg,#0a1e4e,#0d2a6b);color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:1.1rem;border:3px solid #e87722;flex-shrink:0;}

    /* ── EVENT CARD GRADIENTS ── */
    .grad-orange{background:linear-gradient(135deg,#e87722 0%,#f59c3a 100%);}
    .grad-blue  {background:linear-gradient(135deg,#2563eb 0%,#06b6d4 100%);}
    .grad-purple{background:linear-gradient(135deg,#9333ea 0%,#ec4899 100%);}
    .grad-green {background:linear-gradient(135deg,#16a34a 0%,#0d9488 100%);}
    .grad-rose  {background:linear-gradient(135deg,#f43f5e 0%,#fb923c 100%);}
    .grad-navy  {background:linear-gradient(135deg,#0a1e4e 0%,#0d2a6b 100%);}

    /* game pill */
    .game-pill{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(6px);}

    /* ── VISION BG ── */
    .vision-bg{background:linear-gradient(135deg,#0a1e4e 0%,#0d2a6b 60%,#0a3580 100%);}
	
	 /* workshop card */
    .workshop-card{transition:transform .28s,box-shadow .28s;}
    .workshop-card:hover{transform:translateY(-8px);box-shadow:0 24px 48px rgba(10,30,78,.16);}
    .workshop-card:hover .card-img img{transform:scale(1.07);}
    .card-img{overflow:hidden;border-radius:1rem 1rem 0 0;}
    .card-img img{transition:transform .5s ease;}
	
	/* TOC */
    .toc-link{display:flex;align-items:center;gap:.6rem;padding:.55rem .9rem;border-radius:.6rem;color:#374151;font-size:.84rem;font-weight:600;transition:all .2s;text-decoration:none;border:1.5px solid transparent;}
    .toc-link:hover,.toc-link.active-toc{background:linear-gradient(135deg,#0a1e4e,#0d2a6b);color:#fff;border-color:transparent;}
    .toc-link i{color:#e87722;font-size:.75rem;flex-shrink:0;}
    .toc-link:hover i,.toc-link.active-toc i{color:#f59c3a;}

    /* Privacy section heading underline */
    .section-heading{position:relative;padding-bottom:.75rem;margin-bottom:1.25rem;}
    .section-heading::after{content:'';position:absolute;bottom:0;left:0;width:56px;height:3px;background:linear-gradient(90deg,#e87722,#f59c3a);border-radius:2px;}

    /* right card border gradient */
    .right-card{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box, linear-gradient(135deg,#e87722,#f59c3a) border-box;border-radius:1rem;padding:1.25rem 1.5rem;transition:all .25s;}
    .right-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(10,30,78,.12);}

    /* info list */
    .info-list li{padding:.5rem 0 .5rem 2rem;position:relative;color:#4b5563;font-size:.92rem;line-height:1.65;}
    .info-list li::before{content:'✓';position:absolute;left:.5rem;color:#16a34a;font-weight:700;}

    /* stat card top */
    .stat-card-top{border-top:4px solid #e87722;background:linear-gradient(135deg,#fff 0%,#f0f4ff 100%);}

    /* scroll progress */
    #scroll-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,#e87722,#f59c3a);z-index:9999;transition:width .1s;}


.price-badge{display:inline-block;background:rgba(232,119,34,.15);color:#e87722;border:1px solid rgba(232,119,34,.3);padding:.2rem .75rem;border-radius:999px;font-size:.82rem;font-weight:700;}
    /* code block */
    .code-wrap{background:#0d1117;border:1px solid rgba(232,119,34,.25);border-radius:1rem;overflow:hidden;}
    .code-header{background:rgba(232,119,34,.12);padding:.6rem 1.2rem;font-family:'JetBrains Mono',monospace;font-size:.78rem;color:#f59c3a;border-bottom:1px solid rgba(232,119,34,.2);display:flex;align-items:center;gap:.6rem;}
    .code-header .dot{width:10px;height:10px;border-radius:50%;}
    .code-body{padding:1.4rem 1.6rem;font-family:'JetBrains Mono',monospace;font-size:.82rem;line-height:1.8;color:#c9d1d9;overflow-x:auto;}
    .kw{color:#f59c3a;}.fn{color:#79c0ff;}.cm{color:#8b949e;}.nm{color:#b3f0a6;}
	
	/* ── CARDS ── */
.info-card{background:#fff;border-radius:1.25rem;padding:2rem 1.5rem;text-align:center;box-shadow:0 4px 20px rgba(10,30,78,.08);border-top:4px solid transparent;transition:all .25s;}
.info-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(10,30,78,.14);border-top-color:#e87722;}
.info-icon{width:4rem;height:4rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1.2rem;font-size:1.5rem;}

/* ── FORM ── */
.form-input{width:100%;padding:.75rem 1rem;border:1.5px solid #d1d5db;border-radius:.75rem;font-family:'Nunito',sans-serif;font-size:.9rem;background:#fff;outline:none;color:#1f2937;transition:border-color .2s,box-shadow .2s;}
.form-input:focus{border-color:#e87722;box-shadow:0 0 0 3px rgba(232,119,34,.14);}
select.form-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23e87722'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;appearance:none;}
.form-label{display:block;font-size:.8rem;font-weight:700;color:#374151;margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.04em;}
.form-label .req{color:#e87722;}


/* ── HERO ── */
.hero{position:relative;overflow:hidden;padding:5rem 1.5rem 4rem;}
.hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,#0a1e4e 0%,#0d2a6b 55%,#0a3580 100%);}
.hero-pattern{position:absolute;inset:0;opacity:.06;background-image:radial-gradient(circle,#e87722 1px,transparent 1px);background-size:28px 28px;}
.hero-glow{position:absolute;top:-80px;right:-80px;width:400px;height:400px;background:rgba(232,119,34,.12);border-radius:50%;filter:blur(80px);}
.hero-glow2{position:absolute;bottom:-60px;left:-60px;width:300px;height:300px;background:rgba(255,255,255,.04);border-radius:50%;filter:blur(60px);}

/* ── SECTION HDR ── */
.sec-badge{display:inline-block;background:rgba(232,119,34,.1);color:#e87722;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;padding:.35rem 1rem;border-radius:999px;margin-bottom:.875rem;}
.sec-title{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:2.25rem;color:#0a1e4e;line-height:1.2;}

.alert-success {
            background: #d4edda;
            border-left: 4px solid #28a745;
            color: #155724;
        }
        
        .alert-error {
            background: #f8d7da;
            border-left: 4px solid #dc3545;
            color: #721c24;
        }