:root{
  --brand-blue:#0a2f66;
  --brand-blue-2:#0d4d9c;
  --brand-gold:#f59e0b;
  --brand-light:#f6f8fb;
  --text:#10233c;
  --muted:#6b7a90;
  --white:#ffffff;
  --shadow:0 12px 30px rgba(10,47,102,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--text);
  background:#fff;
}
a{text-decoration:none}
.top-news{
  background:linear-gradient(90deg,#f59e0b,#ffb52e);
  color:#13233b;
  font-weight:600;
  font-size:.95rem;
}
.top-news .badge-news{
  background:#082d63;
  color:#fff;
  padding:.8rem 1rem;
  font-weight:700;
  display:inline-block;
  min-width:140px;
  text-align:center;
}
.top-news .marquee-text{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.navbar{
  background:#082d63;
  box-shadow:0 8px 20px rgba(0,0,0,.08);
}
.navbar-brand img{
  height:58px;
  width:auto;
  object-fit:contain;
}
.navbar .nav-link{
  color:#fff !important;
  font-weight:600;
  font-size:.95rem;
  padding:.95rem .8rem !important;
  position:relative;
}
.navbar .nav-link:hover,
.navbar .nav-link:focus,
.navbar .nav-link.active{
  color:#ffbf47 !important;
}
.navbar .nav-link::after{
  content:"";
  position:absolute;
  left:.8rem; right:.8rem; bottom:.55rem;
  height:2px;
  background:#ffbf47;
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .25s ease;
}
.navbar .nav-link:hover::after,
.navbar .nav-link.active::after{
  transform:scaleX(1);
}
.dropdown-menu{
  border:0;
  border-radius:0 0 14px 14px;
  box-shadow:0 14px 28px rgba(0,0,0,.18);
  overflow:hidden;
  padding:.35rem 0;
}
.dropdown-item{
  padding:.8rem 1rem;
  font-weight:600;
  color:#12335f;
}
.dropdown-item:hover{background:#eef4ff;color:#0d4d9c}
.login-btn{
  border:1px solid #ffbf47;
  color:#fff !important;
  padding:.55rem .95rem !important;
  border-radius:0;
}
.hero{
  position:relative;
  background:
   linear-gradient(120deg, rgba(8,45,99,.88), rgba(13,77,156,.72)),
   url('https://images.unsplash.com/photo-1509062522246-3755977927d7?auto=format&fit=crop&w=1400&q=80') center/cover no-repeat;
  color:#fff;
}
.hero::before{
  content:"";
  position:absolute;inset:0;
  background:radial-gradient(circle at right top, rgba(255,191,71,.18), transparent 35%);
}
.hero .container{position:relative;z-index:1}
.hero-badge{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.45rem .9rem;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:rgba(255,255,255,.08);
  font-size:.8rem;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.hero h1{
  font-size:clamp(2rem,4vw,4rem);
  font-weight:800;
  letter-spacing:-.03em;
}
.hero p{
  font-size:1.05rem;
  color:rgba(255,255,255,.92);
  max-width:730px;
}
.hero-card{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(8px);
  border-radius:20px;
  box-shadow:var(--shadow);
}
.hero-stats .stat{
  background:#fff;
  color:var(--text);
  border-radius:18px;
  padding:1rem;
  box-shadow:var(--shadow);
  transition:transform .25s ease, box-shadow .25s ease;
}
.hero-stats .stat:hover{transform:translateY(-4px)}
.section{
  padding:80px 0;
}
.section-light{background:var(--brand-light)}
.section-title small{
  color:#0d4d9c;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.14em;
}
.section-title h2{
  font-size:clamp(1.8rem,3vw,2.7rem);
  font-weight:800;
}
.feature-card,.campus-card,.content-card,.safety-card,.program-card,.connect-card{
  background:#fff;
  border:1px solid #e7eef8;
  border-radius:22px;
  padding:1.4rem;
  box-shadow:var(--shadow);
  height:100%;
  transition:transform .3s ease, box-shadow .3s ease;
}
.feature-card:hover,.campus-card:hover,.content-card:hover,.safety-card:hover,.program-card:hover,.connect-card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 34px rgba(10,47,102,.14);
}
.icon-wrap{
  width:54px;height:54px;border-radius:16px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,#0d4d9c,#0a2f66);
  color:#fff;font-size:1.3rem;
  box-shadow:0 10px 18px rgba(13,77,156,.22);
}
.campus-image{
  width:100%;height:220px;border-radius:18px;object-fit:cover;
}
.metric{
  border-left:4px solid var(--brand-gold);
  padding-left:1rem;
}
.achievement-banner{
  background:linear-gradient(135deg,#0a2f66,#0d4d9c);
  color:#fff;
  border-radius:28px;
  padding:2rem;
  box-shadow:var(--shadow);
}
.gallery-item{
  width:100%;height:220px;object-fit:cover;border-radius:18px;
  transition:transform .35s ease, filter .35s ease;
}
.gallery-item:hover{transform:scale(1.03)}
.footer{
  background:#071d41;
  color:#d9e4ff;
}
.footer a{color:#d9e4ff}
.footer a:hover{color:#ffbf47}
.footer .footer-title{
  color:#fff;font-weight:700;margin-bottom:1rem;
}
.cta-strip{
  background:linear-gradient(90deg,#f59e0b,#ffbf47);
  color:#11233b;
  border-radius:24px;
  box-shadow:var(--shadow);
}
.page-hero{
  background:linear-gradient(135deg,#0a2f66,#0d4d9c);
  color:#fff;
  border-radius:28px;
  padding:3.5rem 1.5rem;
  box-shadow:var(--shadow);
}
.list-clean{
  list-style:none;
  padding-left:0;
  margin-bottom:0;
}
.list-clean li{
  padding:.45rem 0;
  display:flex;
  gap:.75rem;
  align-items:flex-start;
}
.list-clean li i{color:#f59e0b; margin-top:.2rem}
.reveal{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .65s ease, transform .65s ease;
}
.reveal.in-view{
  opacity:1;
  transform:none;
}
.whatsapp-float{
  position:fixed; right:18px; bottom:18px; z-index:1030;
  width:58px; height:58px; border-radius:50%;
  display:grid; place-items:center;
  background:#25d366; color:#fff;
  box-shadow:0 14px 28px rgba(37,211,102,.3);
  font-size:1.5rem;
}
.page-placeholder{
  min-height:320px;
}
@media (max-width: 991.98px){
  .navbar .nav-link::after{display:none}
  .hero{padding-top:1rem}
}


.top-news{
  overflow:hidden;
}
.top-news .news-wrap{
  display:flex;
  align-items:center;
  min-width:0;
  overflow:hidden;
}
.top-news .news-slider{
  position:relative;
  overflow:hidden;
  width:100%;
  white-space:nowrap;
}
.top-news .news-track{
  display:inline-block;
  padding-left:100%;
  animation:newsTicker 14s linear infinite;
  font-weight:700;
}
@keyframes newsTicker{
  0%{transform:translateX(0)}
  100%{transform:translateX(-100%)}
}


.home-slider{
  position: relative;
  background:#0a2f66;
}
.home-slider .carousel-item{
  height: 72vh;
  min-height: 420px;
  max-height: 720px;
}
.home-slider .slide-bg{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  transform:scale(1.02);
}
.home-slider .carousel-item::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(7,29,65,.78), rgba(10,47,102,.38));
  z-index:1;
}
.home-slider .carousel-caption{
  z-index:2;
  right:auto;
  left:8%;
  bottom:16%;
  text-align:left;
  max-width:720px;
}
.home-slider .carousel-caption h2{
  font-size:clamp(2rem,4.4vw,4.2rem);
  font-weight:800;
  margin-bottom:1rem;
}
.home-slider .carousel-caption p{
  font-size:1.05rem;
  max-width:620px;
}
.home-slider .badge-slide{
  display:inline-block;
  padding:.5rem .95rem;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  letter-spacing:.08em;
  font-size:.8rem;
  text-transform:uppercase;
  margin-bottom:1rem;
}
.home-slider .carousel-indicators [data-bs-target]{
  width:11px;
  height:11px;
  border-radius:50%;
}
.home-slider .carousel-control-prev,
.home-slider .carousel-control-next{
  width:8%;
}
@media (max-width: 991.98px){
  .home-slider .carousel-item{
    height: 62vh;
    min-height: 380px;
  }
  .home-slider .carousel-caption{
    left:6%;
    right:6%;
    bottom:10%;
    max-width:none;
  }
}


.hero-overlay-panel{
  max-width: 920px;
  margin: -110px auto 40px;
  position: relative;
  z-index: 5;
  background: rgba(10, 33, 70, .48);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 22px;
  padding: 2.5rem 2rem;
  box-shadow: 0 20px 40px rgba(0,0,0,.18);
  color: #fff;
}
.hero-overlay-panel h2{
  font-size: clamp(2rem,4vw,3.5rem);
  line-height: 1.05;
  font-weight: 800;
  margin-bottom: .75rem;
}
.hero-overlay-panel .tagline{
  font-style: italic;
  color: rgba(255,255,255,.9);
  margin-bottom: 1.4rem;
  font-weight: 600;
}
.curriculum-pills{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:.9rem;
  margin-bottom:1.6rem;
}
.curriculum-pills a{
  min-width: 135px;
  text-align:center;
  border:1px solid rgba(255,255,255,.5);
  color:#fff;
  padding:.8rem 1rem;
  border-radius:10px;
  font-weight:600;
  background: rgba(255,255,255,.03);
  transition: all .25s ease;
}
.curriculum-pills a:hover{
  background:#fff;
  color:#0a2f66;
  transform: translateY(-2px);
}
.hero-join-btn{
  background:#fff;
  color:#0a2f66;
  font-weight:700;
  padding:.85rem 2rem;
  border-radius:10px;
  border:0;
  box-shadow:0 8px 20px rgba(255,255,255,.18);
}
.home-slider + .home-panel-wrap{
  background:#fff;
}
.centres-section{
  padding: 2.5rem 0 5rem;
}
.section-kicker{
  letter-spacing:.28em;
  text-transform:uppercase;
  font-size:.72rem;
  color:#20355e;
  font-weight:700;
}
.centres-subtext{
  max-width:720px;
  margin:0 auto;
  color:#7b8799;
}
.centre-card{
  background:#fff;
  border:1px solid #e7ecf5;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(8,45,99,.08);
  transition:transform .28s ease, box-shadow .28s ease;
  height:100%;
}
.centre-card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 34px rgba(8,45,99,.12);
}
.centre-card .thumb-wrap{
  position:relative;
  padding:14px 14px 0;
}
.centre-card .thumb-wrap img{
  width:100%;
  height:185px;
  object-fit:cover;
  border-radius:10px;
}
.centre-badge{
  position:absolute;
  top:24px;
  left:24px;
  background:#17386d;
  color:#fff;
  font-size:.68rem;
  font-weight:700;
  padding:.45rem .65rem;
  border-radius:999px;
  letter-spacing:.05em;
}
.centre-card .card-body{
  padding:1rem 1rem 1.2rem;
}
.centre-card h5{
  font-weight:800;
  margin-bottom:.55rem;
  color:#10233c;
}
.centre-card .location{
  color:#7a8798;
  font-size:.92rem;
  margin-bottom:.9rem;
}
.centre-tags{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
  margin-bottom:1rem;
}
.centre-tags span{
  font-size:.72rem;
  background:#f3f6fb;
  color:#5f6f86;
  padding:.35rem .55rem;
  border-radius:999px;
  font-weight:600;
}
.centre-card .btn{
  border-radius:8px;
  font-weight:700;
  padding:.7rem 1rem;
}
@media (max-width: 991.98px){
  .hero-overlay-panel{
    margin: -70px 16px 28px;
    padding: 1.6rem 1.1rem;
  }
  .curriculum-pills a{
    min-width: 120px;
    font-size:.92rem;
  }
}


/* Separate full-width Varin section */
.varin-feature-section{
  position: relative;
  min-height: 560px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 90px 20px;
  background:
    linear-gradient(180deg, rgba(10,47,102,.55), rgba(10,47,102,.65)),
    url('../assets/varin-feature-bg.jpg') center center / cover no-repeat;
  overflow: hidden;
}
.varin-feature-section::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(4,20,46,.18);
}
.varin-feature-inner{
  position:relative;
  z-index:2;
  width:min(100%, 980px);
}
.varin-feature-card{
  margin: 0 auto;
  text-align:center;
  color:#fff;
  background: rgba(8, 28, 58, .48);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 24px;
  padding: 3rem 2rem;
  box-shadow: 0 20px 50px rgba(0,0,0,.22);
}
.varin-feature-card h2{
  font-size: clamp(2.1rem, 4vw, 4rem);
  line-height: 1.05;
  font-weight: 800;
  margin-bottom: .8rem;
}
.varin-feature-card .tagline{
  font-style: italic;
  font-weight: 600;
  color: rgba(255,255,255,.92);
  margin-bottom: 1.5rem;
}
.varin-feature-card .curriculum-pills{
  margin-bottom: 1.7rem;
}
.varin-feature-note{
  color: rgba(255,255,255,.75);
  font-size: .92rem;
  margin-top: .9rem;
}
@media (max-width: 991.98px){
  .varin-feature-section{
    min-height: 480px;
    padding: 70px 16px;
  }
  .varin-feature-card{
    padding: 2rem 1rem;
    border-radius: 18px;
  }
}

/* Latest news full blue */
.top-news{
  background:#082d63 !important;
  color:#fff;
}
.badge-news{
  background:#0d4d9c !important;
  color:#fff;
}

/* remove enquiry button */
.login-btn{
  display:none !important;
}

/* logo transparent */
.navbar-brand{
  background:transparent !important;
  padding:4px 10px;
}

/* FINAL LATEST NEWS STYLE */
.top-news{
  background:#f28c00;
  color:#ffffff;
  display:flex;
  align-items:center;
  height:36px;
}

.top-news .container{
  display:flex;
  align-items:center;
  padding:0;
  max-width:100%;
}

.badge-news{
  background:#082d63;
  color:#fff;
  padding:10px 18px;
  font-weight:700;
  display:flex;
  align-items:center;
  height:36px;
}

.news-slider{
  flex:1;
  overflow:hidden;
  white-space:nowrap;
}

.news-track{
  display:inline-block;
  padding-left:100%;
  animation:newsTicker 18s linear infinite;
  font-weight:600;
}

@keyframes newsTicker{
  0%{transform:translateX(0);}
  100%{transform:translateX(-100%);}
}

/* LOGO FIX */
.navbar-brand{
  padding:0;
  margin-right:20px;
  background:transparent !important;
  height:72px;
  display:flex;
  align-items:center;
}

.navbar-brand img{
  height:64px;
  width:auto;
  object-fit:contain;
  background:none;
}

/* FINAL FULL WIDTH LATEST NEWS FIX */
.top-news{
  width:100%;
  background:#f28c00;
  height:40px;
  display:flex;
  align-items:center;
}

.top-news .container{
  width:100%;
  max-width:100%;
  padding:0;
  margin:0;
  display:flex;
  align-items:center;
}

.badge-news{
  background:#082d63;
  color:#fff;
  height:40px;
  padding:0 20px;
  display:flex;
  align-items:center;
  font-weight:700;
  white-space:nowrap;
}

.news-slider{
  flex:1;
  overflow:hidden;
  height:40px;
  display:flex;
  align-items:center;
}

.news-track{
  white-space:nowrap;
  display:inline-block;
  animation:scrollNews 18s linear infinite;
  padding-left:100%;
  font-weight:600;
  color:#fff;
}

@keyframes scrollNews{
  0%{transform:translateX(0);}
  100%{transform:translateX(-100%);}
}

/* FORCE FINAL ORANGE STRIP */
.top-news{
  background:#f28c00 !important;
  width:100%;
  height:40px;
  display:flex;
  align-items:center;
}

.top-news *{
  background:transparent !important;
}

.badge-news{
  background:#082d63 !important;
  color:#fff;
  padding:0 20px;
  height:40px;
  display:flex;
  align-items:center;
  font-weight:700;
}

/* THIN BORDER BELOW ORANGE STRIP */
.top-news{
  border-bottom:2px solid #082d63; /* blue thin line */
}


/* ===== HOMEPAGE REDESIGN ===== */
.home-slider .carousel-item{height:78vh;min-height:480px;}
.home-slider .carousel-item::before{background:linear-gradient(90deg, rgba(8,45,99,.84), rgba(8,45,99,.28));}
.home-slider .carousel-caption{left:7%;bottom:18%;}
.home-slider .carousel-caption h2{font-size:clamp(2.3rem, 5vw, 4.6rem);font-weight:800;line-height:1.02;}
.home-slider .carousel-caption p{font-size:1.05rem;max-width:620px;}
.hero-cta-group{display:flex;flex-wrap:wrap;gap:14px;margin-top:1.25rem;}
.hero-primary-btn{background:#f28c00;color:#fff;border:none;padding:.95rem 1.6rem;border-radius:10px;font-weight:700;box-shadow:0 12px 28px rgba(242,140,0,.25);}
.hero-primary-btn:hover{background:#de7f00;color:#fff;}
.hero-secondary-btn{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.65);padding:.95rem 1.6rem;border-radius:10px;font-weight:700;}
.hero-secondary-btn:hover{background:#fff;color:#082d63;}
.home-section{padding:88px 0;}
.section-heading{text-align:center;margin-bottom:42px;}
.section-heading .eyebrow{color:#f28c00;font-size:.8rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;}
.section-heading h2{font-size:clamp(2rem, 3.6vw, 3rem);font-weight:800;color:#10233c;margin:.4rem 0 .6rem;}
.section-heading p{color:#66768f;max-width:760px;margin:0 auto;}
.why-card,.academic-card,.facility-tile,.testimonial-card,.gallery-card{background:#fff;border:1px solid #e7edf6;border-radius:20px;padding:1.5rem;height:100%;box-shadow:0 10px 26px rgba(8,45,99,.07);transition:transform .28s ease, box-shadow .28s ease;}
.why-card:hover,.academic-card:hover,.facility-tile:hover,.testimonial-card:hover,.gallery-card:hover{transform:translateY(-6px);box-shadow:0 18px 34px rgba(8,45,99,.14);}
.why-icon,.facility-icon,.academic-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;font-size:1.35rem;color:#fff;background:linear-gradient(135deg, #082d63, #0d4d9c);margin-bottom:1rem;}
.why-card h5,.academic-card h5,.facility-tile h5{font-weight:800;margin-bottom:.55rem;color:#10233c;}
.why-card p,.academic-card p,.facility-tile p,.testimonial-card p{color:#6c7a90;margin-bottom:0;}
.campus-showcase{background:linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);}
.varin-banner{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;text-align:center;padding:90px 20px;color:#fff;background:linear-gradient(180deg, rgba(8,45,99,.66), rgba(8,45,99,.72)),url('assets/varin-feature-bg.jpg') center/cover no-repeat;}
.varin-banner .inner{max-width:920px;}
.varin-banner h2{font-size:clamp(2.2rem, 5vw, 4.2rem);font-weight:800;line-height:1.05;}
.varin-banner .tagline{font-style:italic;color:rgba(255,255,255,.92);margin:10px 0 22px;font-weight:600;}
.curriculum-chip-wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;}
.curriculum-chip{border:1px solid rgba(255,255,255,.58);color:#fff;padding:.85rem 1.15rem;border-radius:10px;font-weight:700;background:rgba(255,255,255,.05);}
.curriculum-chip:hover{background:#fff;color:#082d63;}
.metric-band{background:#082d63;color:#fff;}
.metric-box{text-align:center;padding:1rem;}
.metric-box h3{font-size:2rem;font-weight:800;margin-bottom:.25rem;}
.testimonial-card .quote{font-size:2.2rem;line-height:1;color:#f28c00;margin-bottom:.75rem;}
.testimonial-meta{margin-top:1rem;color:#10233c;font-weight:700;}
.gallery-card img{width:100%;height:220px;object-fit:cover;border-radius:14px;}
.gallery-card .caption{margin-top:.85rem;color:#10233c;font-weight:700;}
.admission-strip{background:linear-gradient(90deg,#f28c00,#ffad28);border-radius:22px;padding:2rem;color:#10233c;box-shadow:0 18px 30px rgba(242,140,0,.15);}
.admission-strip h3{font-weight:800;margin-bottom:.4rem;}
@media (max-width:991.98px){.home-slider .carousel-item{height:64vh;min-height:400px;}.varin-banner{min-height:420px;}}

/* DIVIDER BETWEEN LATEST NEWS & NAVBAR */
.top-news{
  border-bottom:1px solid rgba(0,0,0,0.15);
}

/* NAVBAR SHADOW FOR DEPTH */
.navbar{
  box-shadow:0 4px 12px rgba(0,0,0,0.08);
}

/* REMOVE LEFT BLUE BOX SPACE */
.top-news{
  justify-content:flex-start;
}

.news-slider{
  padding-left:20px;
}

/* LOGO FIT FIX (REMOVE WHITE SPACE EFFECT) */
.navbar-brand{
  padding:0;
  margin-right:20px;
  display:flex;
  align-items:center;
  height:70px;
}

.navbar-brand img{
  height:85px;
  width:auto;
  object-fit:cover;
  margin-top:-8px;
  margin-bottom:-8px;
}

/* SECTION SEPARATION IMPROVEMENT */
.section-light{
  background:#f5f7fb;
  padding:60px 0;
}

/* ADD SOFT CARD EFFECT */
.home-section .container{
  background:#ffffff;
  padding:40px;
  border-radius:12px;
  box-shadow:0 10px 30px rgba(0,0,0,0.05);
}


/* ===== BACK TO TOP BUTTON ===== */
.back-to-top{
  position: fixed;
  right: 22px;
  bottom: 24px;
  width: 48px;
  height: 48px;
  border: 0;
  border-radius: 50%;
  background: #082d63;
  color: #ffffff;
  font-size: 22px;
  line-height: 1;
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1200;
  box-shadow: 0 10px 22px rgba(8,45,99,.25);
  transition: transform .2s ease, background .2s ease, opacity .2s ease;
}
.back-to-top:hover{
  background: #f28c00;
  transform: translateY(-2px);
}
.back-to-top.show{
  display: inline-flex;
}

/* ===== HOME PAGE SECTION SEPARATION ===== */
body.home-page .home-section{
  padding: 78px 0;
}
body.home-page .home-section:nth-of-type(odd){
  background: #ffffff;
}
body.home-page .home-section:nth-of-type(even){
  background: #f2f6fc;
}
body.home-page .campus-showcase{
  background: linear-gradient(180deg, #eef4fb 0%, #ffffff 100%);
}
body.home-page .varin-banner{
  margin: 0;
}
body.home-page .home-section .container{
  background: transparent;
  padding: 0 12px;
  border-radius: 0;
  box-shadow: none;
}
body.home-page .section-heading{
  margin-bottom: 44px;
}

/* REMOVE BLUE BOX COMPLETELY */
.badge-news{
  display:none !important;
}

/* FORCE LOGO BACKGROUND BLUE */
.navbar-brand{
  background:#0b2c5a !important;
}

/* ORANGE STRIP TEXT STYLE */
.top-strip{
  color:#fff !important;
  font-weight:600;
}


/* ===== FINAL PREMIUM TOP STRIP FOR ALL PAGES ===== */
.top-news{
  background: linear-gradient(90deg, #f28c00 0%, #ffb347 50%, #f28c00 100%) !important;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  padding: 8px 0;
  border-bottom: 1px solid rgba(0,0,0,0.12);
}
.top-news .badge-news{
  display:none !important;
}
.news-slider{
  overflow: hidden;
  width: 100%;
}
.news-track{
  display: inline-block;
  padding-left: 100%;
  animation: smoothScroll 18s linear infinite;
  color: #0b2c5a !important;
  font-weight: 700;
  letter-spacing: .3px;
  text-shadow: 0 0 6px rgba(11, 44, 90, 0.25);
}
@keyframes smoothScroll{
  0%{ transform: translateX(0); }
  100%{ transform: translateX(-100%); }
}

/* Navbar/logo consistency */
.navbar-brand,
.navbar-brand img{
  background: #0b2c5a !important;
}


/* ===== FINAL SINGLE STRIP OVERRIDE ===== */
.top-news{
  background: linear-gradient(90deg, #f28c00 0%, #ffb347 50%, #f28c00 100%) !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  position: relative !important;
  padding: 8px 0 !important;
  margin: 0 !important;
  border-bottom: 1px solid rgba(0,0,0,0.12) !important;
  display: block !important;
  line-height: 1.2 !important;
}
.top-news .container,
.top-news .news-wrap,
.top-news .badge-news,
.top-news span{
  display: none !important;
}
.top-news .news-slider{
  display: block !important;
  width: 100% !important;
  overflow: hidden !important;
  height: auto !important;
  padding-left: 0 !important;
}
.top-news .news-track{
  display: inline-block !important;
  padding-left: 100% !important;
  animation: smoothScroll 18s linear infinite !important;
  color: #0b2c5a !important;
  font-weight: 700 !important;
  letter-spacing: .3px !important;
  text-shadow: none !important;
  white-space: nowrap !important;
  line-height: 1.2 !important;
}



/* ===== Premium refresh overrides ===== */
body{
  background:linear-gradient(180deg,#f7f9fc 0%, #ffffff 220px);
}
.container{
  position:relative;
}
.top-news{
  position:relative;
  box-shadow:0 8px 20px rgba(245,158,11,.20);
}
.top-news .news-track{
  letter-spacing:.01em;
}
.navbar{
  background:rgba(8,45,99,.96);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.navbar-brand{
  background:#fff;
  padding:.35rem .7rem;
  border-radius:18px;
  box-shadow:0 12px 28px rgba(0,0,0,.14);
}
.navbar-brand img{
  height:72px;
}
.home-slider .carousel-item{
  height:78vh;
  min-height:520px;
  max-height:860px;
}
.home-slider .slide-bg{
  transform:scale(1);
  transition:transform 6s ease;
}
.home-slider .carousel-item.active .slide-bg{
  transform:scale(1.08);
}
.home-slider .carousel-item::before{
  background:
    linear-gradient(90deg, rgba(7,29,65,.86) 0%, rgba(10,47,102,.56) 42%, rgba(10,47,102,.18) 100%),
    linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.26));
}
.home-slider .carousel-caption{
  left:6.5%;
  bottom:15%;
  max-width:700px;
  padding:0;
}
.home-slider .carousel-caption h2{
  font-size:clamp(2.2rem,4.8vw,5rem);
  line-height:1.02;
  letter-spacing:-.04em;
  margin-bottom:1rem;
  text-shadow:0 10px 30px rgba(0,0,0,.28);
}
.home-slider .carousel-caption p{
  font-size:1.08rem;
  line-height:1.7;
  text-shadow:0 4px 18px rgba(0,0,0,.28);
}
.badge-slide{
  background:rgba(255,255,255,.12);
  backdrop-filter:blur(8px);
  box-shadow:0 12px 26px rgba(0,0,0,.12);
}
.hero-cta-group{
  display:flex;
  flex-wrap:wrap;
  gap:1rem;
  margin-top:1.5rem;
}
.hero-primary-btn,.hero-secondary-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:168px;
  padding:.95rem 1.35rem;
  border-radius:16px;
  font-weight:700;
  transition:all .28s ease;
}
.hero-primary-btn{
  background:linear-gradient(135deg,#f59e0b,#ffbf47);
  color:#10233c;
  box-shadow:0 14px 32px rgba(245,158,11,.30);
}
.hero-primary-btn:hover{
  color:#10233c;
  transform:translateY(-3px);
}
.hero-secondary-btn{
  border:1px solid rgba(255,255,255,.36);
  background:rgba(255,255,255,.06);
  color:#fff;
  backdrop-filter:blur(8px);
}
.hero-secondary-btn:hover{
  color:#fff;
  transform:translateY(-3px);
  border-color:#fff;
}
.hero-stats-band{
  margin-top:-42px;
  position:relative;
  z-index:5;
}
.hero-stats-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1rem;
}
.hero-stat-card{
  background:rgba(255,255,255,.96);
  border:1px solid rgba(10,47,102,.08);
  border-radius:20px;
  padding:1.25rem 1.1rem;
  box-shadow:0 18px 40px rgba(10,47,102,.12);
  text-align:center;
}
.hero-stat-card strong{
  display:block;
  color:#0a2f66;
  font-size:1rem;
  letter-spacing:.08em;
}
.hero-stat-card span{
  display:block;
  color:#60718b;
  margin-top:.35rem;
  font-weight:600;
  font-size:.94rem;
}
.welcome-premium-section{
  padding:86px 0 18px;
}
.welcome-panel,.welcome-side-card{
  background:#fff;
  border-radius:28px;
  box-shadow:0 20px 40px rgba(10,47,102,.08);
  border:1px solid #e8eef7;
}
.welcome-panel{
  padding:2rem 2rem 1.4rem;
  position:relative;
}
.welcome-panel::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:8px;
  border-radius:28px 0 0 28px;
  background:linear-gradient(180deg,#0d4d9c,#f59e0b);
}
.welcome-panel h2{
  font-size:clamp(1.9rem,3vw,2.8rem);
  font-weight:800;
  margin-bottom:1rem;
}
.welcome-panel p{
  color:#5d6c84;
  line-height:1.9;
}
.welcome-side-card{
  padding:1.7rem;
  position:sticky;
  top:112px;
}
.welcome-side-card h3{
  font-size:1.3rem;
  font-weight:800;
  color:#10233c;
  margin-bottom:1rem;
}
.premium-check-list li{
  padding:.65rem 0;
}
.premium-check-list i{
  color:#0d4d9c !important;
}
.home-section{
  padding:84px 0;
}
.section-heading{
  max-width:850px;
  margin:0 auto 2.3rem;
  text-align:center;
}
.section-heading .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  color:#0d4d9c;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-size:.76rem;
  margin-bottom:.9rem;
}
.section-heading h2{
  font-size:clamp(1.9rem,3.4vw,3rem);
  font-weight:800;
  letter-spacing:-.03em;
  margin-bottom:1rem;
}
.section-heading p{
  color:#667791;
  font-size:1.02rem;
  line-height:1.8;
}
.why-card,.facility-tile,.content-card,.campus-card{
  border:1px solid #edf2f8;
  border-radius:24px;
  box-shadow:0 18px 34px rgba(10,47,102,.07);
}
.why-card,.facility-tile{
  height:100%;
  padding:1.5rem;
  background:#fff;
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.why-card:hover,.facility-tile:hover,.content-card:hover,.campus-card:hover{
  transform:translateY(-6px);
  border-color:#d8e4f5;
  box-shadow:0 22px 40px rgba(10,47,102,.12);
}
.why-icon,.facility-icon{
  width:62px;
  height:62px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#0d4d9c,#0a2f66);
  color:#fff;
  font-size:1.4rem;
  margin-bottom:1rem;
  box-shadow:0 12px 26px rgba(13,77,156,.18);
}
.why-card h5,.facility-tile h5{
  font-size:1.12rem;
  font-weight:800;
  margin-bottom:.65rem;
}
.why-card p,.facility-tile p{
  color:#62728b;
  line-height:1.75;
  margin:0;
}
.premium-gallery-wrap{
  padding-top:30px;
}
.premium-gallery-item{
  height:290px;
  border-radius:24px;
  box-shadow:0 18px 34px rgba(10,47,102,.08);
}
.admission-strip{
  background:linear-gradient(135deg,#0a2f66,#143e79);
  border-radius:28px;
  color:#fff;
  padding:2rem;
  box-shadow:0 18px 36px rgba(10,47,102,.18);
}
.admission-strip .btn-dark{
  background:linear-gradient(135deg,#f59e0b,#ffbf47);
  border:none;
  color:#10233c;
  font-weight:800;
  border-radius:16px;
}
.footer{
  margin-top:80px !important;
  background:
    radial-gradient(circle at top right, rgba(245,158,11,.10), transparent 28%),
    linear-gradient(180deg,#081d41,#061530);
}
.footer .cta-strip{
  border-radius:30px;
}
.back-to-top{
  position:fixed;
  right:22px;
  bottom:88px;
  width:52px;
  height:52px;
  border:none;
  border-radius:50%;
  background:linear-gradient(135deg,#0d4d9c,#0a2f66);
  color:#fff;
  font-size:1.25rem;
  box-shadow:0 16px 28px rgba(10,47,102,.25);
  opacity:0;
  visibility:hidden;
  transform:translateY(14px);
  transition:all .28s ease;
  z-index:1031;
}
.back-to-top.show{
  opacity:1;
  visibility:visible;
  transform:none;
}
.back-to-top:hover{
  transform:translateY(-3px);
}
.page-hero{
  overflow:hidden;
  position:relative;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.14), transparent 24%),
    linear-gradient(135deg,#0a2f66,#0d4d9c);
}
.page-hero::after{
  content:"";
  position:absolute;
  inset:auto -40px -40px auto;
  width:220px;
  height:220px;
  background:radial-gradient(circle, rgba(245,158,11,.20), transparent 60%);
}
.page-hero > *{
  position:relative;
  z-index:1;
}
@media (max-width: 991.98px){
  .navbar-brand img{height:58px}
  .home-slider .carousel-item{
    height:70vh;
    min-height:500px;
  }
  .home-slider .carousel-caption{
    left:5%;
    right:5%;
    bottom:12%;
    max-width:none;
  }
  .hero-stats-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .welcome-side-card{
    position:static;
  }
}
@media (max-width: 767.98px){
  .top-news .news-track{
    animation-duration:18s;
  }
  .home-slider .carousel-item{
    height:76vh;
    min-height:540px;
  }
  .home-slider .carousel-caption h2{
    font-size:clamp(2rem,9vw,3rem);
  }
  .home-slider .carousel-caption p{
    font-size:.96rem;
  }
  .hero-cta-group{
    gap:.75rem;
  }
  .hero-primary-btn,.hero-secondary-btn{
    min-width:140px;
    width:100%;
  }
  .hero-stats-grid{
    grid-template-columns:1fr;
  }
  .welcome-panel{
    padding:1.5rem 1.25rem 1.15rem;
  }
  .premium-gallery-item{
    height:220px;
  }
}


/* Campus page premium gallery */
.campus-page-section{
  background:linear-gradient(180deg,#f7fbff 0%,#eef4ff 100%);
}
.section-heading .eyebrow{
  display:inline-block;
  margin-bottom:.5rem;
  padding:.45rem .85rem;
  border-radius:999px;
  background:rgba(13,77,156,.08);
  color:#0d4d9c;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.section-heading h2{
  font-size:clamp(1.8rem,2.8vw,2.6rem);
  font-weight:800;
  color:#0a2f66;
  margin-bottom:.65rem;
}
.section-heading p{
  max-width:760px;
  margin:0 auto;
  color:#5a6b84;
}
.campus-gallery-wrap{
  margin-top:2.5rem;
}
.campus-photo-card{
  height:100%;
  border-radius:28px;
  overflow:hidden;
  background:linear-gradient(180deg,#ffffff 0%,#f7faff 100%);
  border:1px solid rgba(13,77,156,.08);
  box-shadow:0 20px 44px rgba(10,47,102,.10);
  transition:transform .35s ease, box-shadow .35s ease;
}
.campus-photo-card:hover{
  transform:translateY(-8px);
  box-shadow:0 24px 50px rgba(10,47,102,.16);
}
.campus-photo-frame{
  position:relative;
  overflow:hidden;
}
.campus-photo-frame::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(8,27,59,0) 45%,rgba(8,27,59,.12) 100%);
}
.campus-photo-frame img{
  width:100%;
  height:320px;
  object-fit:cover;
  display:block;
  transition:transform .6s ease;
}
.campus-photo-card:hover .campus-photo-frame img{
  transform:scale(1.06);
}
.campus-photo-content{
  padding:1.4rem 1.35rem 1.55rem;
}
.campus-photo-content h4{
  margin:.6rem 0 .55rem;
  font-weight:800;
  color:#0a2f66;
}
.campus-photo-content p{
  margin:0;
  color:#607089;
  line-height:1.7;
}
.campus-badge{
  display:inline-flex;
  align-items:center;
  padding:.42rem .8rem;
  border-radius:999px;
  background:linear-gradient(135deg,#f59e0b,#ffbf47);
  color:#14213d;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.04em;
}
@media (max-width: 991.98px){
  .campus-photo-frame img{height:280px;}
}
@media (max-width: 575.98px){
  .campus-photo-frame img{height:240px;}
  .campus-photo-content{padding:1.15rem 1rem 1.25rem;}
}


/* ===== GLOBAL PAGE + SECTION ANIMATIONS ===== */
body{
  overflow-x:hidden;
}

body.page-ready .site-shell,
body.page-ready main,
body.page-ready .hero,
body.page-ready .section,
body.page-ready .footer,
body.page-ready .page-hero{
  animation:pageFadeIn .7s ease both;
}

@keyframes pageFadeIn{
  from{opacity:0; transform:translateY(10px)}
  to{opacity:1; transform:none}
}

.reveal{
  opacity:0;
  transform:translate3d(0,34px,0) scale(.985);
  transition:opacity .75s ease, transform .75s cubic-bezier(.2,.65,.2,1);
  will-change:opacity,transform;
}
.reveal.in-view{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
}
.reveal.reveal-left{transform:translate3d(-42px,0,0);}
.reveal.reveal-right{transform:translate3d(42px,0,0);}
.reveal.reveal-zoom{transform:translate3d(0,22px,0) scale(.94);}
.reveal.reveal-soft{transform:translate3d(0,18px,0);}
.reveal.in-view.reveal-left,
.reveal.in-view.reveal-right,
.reveal.in-view.reveal-zoom,
.reveal.in-view.reveal-soft{transform:translate3d(0,0,0) scale(1);}

.reveal-delay-1{transition-delay:.08s;}
.reveal-delay-2{transition-delay:.16s;}
.reveal-delay-3{transition-delay:.24s;}
.reveal-delay-4{transition-delay:.32s;}
.reveal-delay-5{transition-delay:.40s;}
.reveal-delay-6{transition-delay:.48s;}

.section-animate{
  position:relative;
}
.section-animate::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.07), transparent 24%, transparent 76%, rgba(10,47,102,.03));
  opacity:0;
  transition:opacity .6s ease;
}
.section-animate.in-view::before{opacity:1;}

.card-animate,
.image-animate,
.button-animate{
  transition:transform .32s ease, box-shadow .32s ease, filter .32s ease;
}
.card-animate:hover{
  transform:translateY(-8px);
}
.image-animate:hover{
  transform:translateY(-4px) scale(1.015);
  filter:saturate(1.05);
}
.button-animate:hover{
  transform:translateY(-2px);
}

.hero .reveal.in-view,
.page-hero.reveal.in-view{
  animation:heroFloat .95s ease both;
}
@keyframes heroFloat{
  0%{opacity:0; transform:translateY(30px) scale(.98)}
  100%{opacity:1; transform:none}
}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *, *::before, *::after{
    animation:none !important;
    transition:none !important;
  }
  .reveal,
  .reveal.reveal-left,
  .reveal.reveal-right,
  .reveal.reveal-zoom,
  .reveal.reveal-soft{
    opacity:1 !important;
    transform:none !important;
  }
}