:root{--base:16px;--ink:#11284f;--muted:#4f6e9e;--brand:#0a56e8;--brand2:#0eb2d8;--bg:#f3f7ff;--card:#fff;--radius:18px}
*{box-sizing:border-box;margin:0;padding:0} html{font-size:var(--base);scroll-behavior:smooth;overflow-x:hidden}
body{font-family:"Sora",sans-serif;color:var(--ink);background:var(--bg);overflow-x:hidden;max-width:100%}
.skip{position:absolute;left:12px;top:-42px;z-index:1000;background:#072a6b;color:#fff;text-decoration:none;padding:.55rem .8rem;border-radius:8px;font-size:.82rem;transition:top .2s}
.skip:focus{top:10px}.wrap{width:min(1220px,calc(100% - 1.6rem));margin:0 auto}
.topbar{background:#112c61;color:#d4e4ff;font-size:.8rem}.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:.8rem;padding:.48rem 0;flex-wrap:wrap}
.top-left,.top-right{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap}
.fbtn{border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.1);color:#fff;border-radius:999px;font-size:.72rem;padding:.2rem .52rem;cursor:pointer}
.top-login-btn,.top-auth-toggle{text-decoration:none;display:inline-flex;align-items:center;gap:.38rem}
.top-auth-menu{min-width:190px;border:1px solid #dbe7ff;border-radius:14px;padding:.45rem;box-shadow:0 12px 26px rgba(20,49,110,.16)}
.top-auth-menu .dropdown-item{display:flex;align-items:center;gap:.5rem;border-radius:10px;padding:.55rem .7rem;font-size:.82rem;color:#173a73}
.top-auth-menu .dropdown-item:hover{background:#eef4ff;color:#0a4ed4}
.top-auth-menu .dropdown-divider{margin:.35rem 0}
.header{position:sticky;top:0;z-index:100;backdrop-filter:blur(10px);background:rgba(243,247,255,.85);border-bottom:1px solid #dde8ff}
.dept-head{display:grid;grid-template-columns:110px 1fr 110px;align-items:center;gap:.8rem;padding:.8rem 0;border-bottom:1px solid #dde8ff}

.dept-logo{width:86px;height:86px;object-fit:contain;justify-self:center}
.dept-title-wrap{text-align:center}
.dept-title{font-family:"Montserrat",sans-serif;font-size:clamp(1.05rem,2.4vw,2rem);font-weight:700;color:#11284f;text-align:center;margin:0}
.dept-subtitle{margin:.2rem 0 0;font-size:clamp(.9rem,1.8vw,1.75rem);font-weight:600;color:#1d3767;line-height:1.25}
.nav-row{display:flex;justify-content:center;align-items:center;gap:1rem;padding:.6rem 0;flex-wrap:wrap}
.brand{text-decoration:none;color:var(--ink);font-family:"Montserrat",sans-serif;font-size:clamp(.94rem,2vw,1.18rem);font-weight:700}
.menu{position:relative}
.menu-list{list-style:none;display:flex;gap:.35rem;flex-wrap:wrap;align-items:center;padding:0;margin:0}
.menu-item{position:relative}
.menu a,.submenu-toggle{text-decoration:none;color:#214174;font-size:.84rem;font-weight:600;padding:.48rem .8rem;border-radius:999px;transition:.25s;display:inline-flex;align-items:center;gap:.4rem;background:none;border:none;cursor:pointer}
.menu a:hover,.submenu-toggle:hover{background:#dcebff;color:#0a4ed4}
.arrow{font-size:.72rem;opacity:.75}
.submenu{list-style:none;position:absolute;top:calc(100% + 6px);left:0;min-width:220px;background:#fff;border:1px solid #dce8ff;border-radius:10px;padding:.35rem;display:none;box-shadow:0 12px 26px rgba(20,49,110,.14);z-index:120}
.submenu li{position:relative}
.submenu li a,.submenu li .submenu-toggle{width:100%;border-radius:8px;padding:.5rem .65rem;font-size:.8rem}
.has-sub:hover>.submenu{display:block}
.nested>.submenu{top:0;left:100%}
.menu-item.open>.submenu{display:block}
.menu-toggle{display:none;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #cfe0ff;background:#ffffff;border-radius:10px;color:#173a73;font-size:1.2rem}
.drawer-backdrop{display:none}
/* =========================
   HERO / CAROUSEL – FINAL
   District Education Dept
   ========================= */

/* Prevent header overlap */
/* .hero {
  margin-top: 72px;
} */

/* Wrapper for each slide */
.hero-item {
  position: relative;
  height: 78vh;
  min-height: 480px;
  overflow: hidden;
}

/* Actual image (NOT background) */
.hero-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.85) saturate(0.9);
}

/* Professional government overlay */
.hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to right,
    rgba(4, 40, 80, 0.88),
    rgba(4, 40, 80, 0.60),
    rgba(4, 40, 80, 0.30)
  );
  z-index: 1;
}

/* Text container */
.hero-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  max-width: 620px;
  padding: 32px;
  color: #ffffff;
  z-index: 2;
}

/* Left / Right alignment */
.hero-content.left {
  left: 6%;
  text-align: left;
}

.hero-content.right {
  right: 6%;
  text-align: right;
}

/* Tag / Chip */
.chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #ffffff;
  color: #0d3b66;
  font-size: 13px;
  font-weight: 600;
  padding: 6px 14px;
  border-radius: 6px;
  margin-bottom: 14px;
}

/* Heading */
.hero-content h1 {
  font-size: clamp(32px, 4vw, 52px);
  font-weight: 800;
  line-height: 1.15;
  margin-bottom: 14px;
}

/* Description */
.hero-content p {
  font-size: 17px;
  line-height: 1.6;
  max-width: 520px;
  margin-bottom: 22px;
  opacity: 0.95;
}

/* CTA Button – Government style */
.btn-main {
  background: #0d6efd;
  color: #ffffff;
  font-weight: 600;
  padding: 12px 22px;
  border-radius: 6px;
  border: none;
}

.btn-main:hover {
  background: #084298;
  color: #ffffff;
}

/* Carousel dots – center bottom */
.carousel-indicators {
  bottom: 18px;
}

.carousel-indicators [data-bs-target] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.hero .carousel-control-prev,
.hero .carousel-control-next {
  width: 8%;
  z-index: 5;
}

.hero .carousel-control-prev-icon,
.hero .carousel-control-next-icon {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background-color: rgba(13, 59, 102, 0.65);
  background-size: 56%;
}

/* =========================
   MOBILE FIX
   ========================= */
@media (max-width: 768px) {
  .hero-item {
    height: 65vh;
  }

  .hero-content {
    left: 5% !important;
    right: 5% !important;
    text-align: left !important;
    padding: 20px;
  }

  .hero-content h1 {
    font-size: 28px;
  }

  .hero-content p {
    font-size: 15px;
  }
}

/* .hero{width:100%;min-height:74vh;background:linear-gradient(115deg,rgba(10,43,108,.86),rgba(9,86,184,.45)),url("https://images.unsplash.com/photo-1509062522246-3755977927d7?auto=format&fit=crop&w=1800&q=80") center/cover no-repeat;display:flex;align-items:center;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;width:320px;height:320px;background:rgba(255,255,255,.18);border-radius:50%;right:-90px;top:-80px;animation:float 10s ease-in-out infinite}
.hero-content{position:relative;z-index:2;color:#fff;padding:2rem 0}.chip{display:inline-flex;gap:.45rem;align-items:center;padding:.35rem .7rem;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.35);border-radius:999px;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.9rem}
.hero h1{font-size:clamp(1.7rem,4.3vw,3rem);line-height:1.14;max-width:20ch;margin-bottom:.75rem}
.hero p{max-width:62ch;color:#e1eeff;line-height:1.65;font-size:.94rem}.actions{margin-top:1.2rem;display:flex;gap:.65rem;flex-wrap:wrap}.hero .slides{height:100%}.hero .hero-slide{display:flex;align-items:center;min-height:74vh}.hero .dots{z-index:4} */


.btn{text-decoration:none;font-size:.82rem;font-weight:700;border-radius:999px;padding:.64rem 1rem;display:inline-flex;align-items:center;gap:.45rem;transition:.25s}
.btn:hover{transform:translateY(-2px)}.btn-main{background:#fff;color:#0a4fd8}.btn-ghost{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.45);color:#fff}
.multi-slider{padding:1.2rem 0}.multi-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:.8rem}.sbox{position:relative;overflow:hidden;border:1px solid #dce8ff;border-radius:14px;box-shadow:0 10px 22px rgba(20,49,110,.08);background:#fff}.hero-s{height:360px}.side-s{height:360px}.sbox .slide{position:relative;min-width:100%;height:100%}.sbox .slide img{width:100%;height:100%;object-fit:cover;display:block}.overlay{position:absolute;inset:0;background:linear-gradient(120deg,rgba(10,34,80,.78),rgba(13,83,175,.28));}.caption{position:absolute;left:1rem;right:1rem;bottom:1rem;color:#fff;z-index:2}.caption h3{font-size:1.2rem;line-height:1.25;margin-bottom:.35rem}.caption p{font-size:.82rem;color:#dcecff}.side-cap{position:absolute;left:0;right:0;bottom:0;padding:.75rem;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72));color:#fff;font-size:.84rem}
.management-shell{position:relative;padding:1.6rem 3.7rem 1.8rem;background:linear-gradient(180deg,#fff,#fdfefe)}
.management-carousel{overflow:hidden}
.management-track{display:flex;align-items:stretch;transition:transform .7s cubic-bezier(.2,.65,.2,1)}
.management-track .manager{min-width:20%;flex:0 0 20%;padding:.35rem .8rem .55rem;text-align:center;background:transparent;border:none;display:grid;justify-items:center;align-content:start;gap:.9rem;height:auto}
.manager:hover{transform:translateY(-3px)}
.manager-photo{width:104px;height:104px;border-radius:50%;padding:4px;background:linear-gradient(160deg,#fff,#e6eefc);box-shadow:0 10px 24px rgba(20,49,110,.12)}
.manager img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.manager-copy{display:grid;gap:.32rem}
.manager strong{font-size:1.02rem;line-height:1.3;color:#233347;display:block}
.manager span{font-size:.8rem;line-height:1.5;color:#6f7782;display:block;max-width:24ch;margin:0 auto}
.management-nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border:none;border-radius:50%;display:grid;place-items:center;background:#fff;color:#1d6fff;box-shadow:0 10px 24px rgba(20,49,110,.14);cursor:pointer;z-index:2}
.management-nav[hidden],.management-dots[hidden]{display:none !important}
.management-nav i{font-size:1.35rem;line-height:1}
.management-prev{left:1rem}
.management-next{right:1rem}
.management-dots{position:static;justify-content:center;margin-top:.3rem}
.quick{margin-top:-42px;position:relative;z-index:3}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}
.stat{background:#fff;border:1px solid #dce8ff;border-radius:14px;box-shadow:0 16px 36px rgba(20,49,110,.12);padding:.95rem;text-align:center}
.stat i{color:#0a56e8;font-size:1rem}.stat strong{display:block;margin-top:.35rem;font-size:1.22rem;color:#10336d}.stat span{font-size:.78rem;color:var(--muted)}
.section{padding:1.2rem 0}.panel{background:#fff;border:1px solid #dbe7ff;border-radius:var(--radius);box-shadow:0 10px 24px rgba(20,49,110,.08);padding:1rem}
.heading{display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.8rem}
.heading h2{font-size:1.15rem;color:#133164;display:inline-flex;align-items:center;gap:.45rem}.view{color:#fff;background:linear-gradient(120deg,var(--brand),var(--brand2));text-decoration:none;padding:.45rem .75rem;border-radius:999px;font-size:.74rem;font-weight:600}
.notify{list-style:none;display:grid;gap:.55rem}.notify li{display:grid;grid-template-columns:auto 1fr auto;gap:.6rem;align-items:center;padding:.55rem .6rem;border:1px solid #dce8ff;border-radius:11px;background:#f8fbff;font-size:.84rem;color:#244375}
.notify li i{color:#0f64ee}.badge{font-size:.7rem;color:#fff;background:#ff6e5d;border-radius:999px;padding:.18rem .5rem}
.about{display:grid;grid-template-columns:1fr 1fr;gap:.95rem;align-items:center}.about img{width:100%;height:280px;object-fit:cover;border-radius:14px}
.about p{font-size:.9rem;line-height:1.72;color:#3d5a88;margin-bottom:.7rem}
.glance-shell{position:relative;padding:1.2rem;border-radius:28px;background:
radial-gradient(circle at top left,rgba(22,95,230,.14),transparent 30%),
radial-gradient(circle at bottom right,rgba(13,175,145,.14),transparent 26%),
linear-gradient(145deg,#0f234d,#173871 54%,#0d6ca3);color:#fff;box-shadow:0 24px 60px rgba(10,30,73,.24);overflow:hidden}
.glance-shell::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0));pointer-events:none}
.glance-hero{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}
.glance-copy{max-width:650px}
.glance-kicker{display:inline-flex;align-items:center;gap:.45rem;padding:.42rem .8rem;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#dcecff}
.glance-copy h2{margin:.75rem 0 .45rem;font-size:clamp(1.5rem,3vw,2.3rem);color:#fff}
.glance-copy p{margin:0;color:#dce8ff;max-width:62ch;line-height:1.7;font-size:.92rem}
.glance-accent{display:flex;gap:.6rem;align-items:center;padding-top:.35rem}
.glance-accent span{display:block;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.12)}
.glance-accent span:nth-child(1){width:14px;height:14px}
.glance-accent span:nth-child(2){width:34px;height:14px}
.glance-accent span:nth-child(3){width:68px;height:14px}
.glance-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.95rem}
.glance-card{position:relative;padding:1.05rem 1rem 1rem;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);box-shadow:0 16px 30px rgba(6,16,44,.18);overflow:hidden}
.glance-card::after{content:"";position:absolute;inset:auto -35% -35% auto;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 70%)}
.glance-index{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 .7rem;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.15);font-size:.9rem;font-weight:800;color:#fff}
.glance-metric{display:flex;align-items:flex-end;gap:.28rem;margin:.95rem 0 .35rem}
.glance-number{font-size:clamp(1.7rem,4vw,2.55rem);line-height:1;font-weight:800;color:#fff;letter-spacing:-.04em}
.glance-suffix{font-size:.95rem;font-weight:700;color:#d5ecff;margin-bottom:.2rem}
.glance-card p{margin:0;color:#e7f1ff;font-size:.9rem;line-height:1.6;max-width:28ch}
.init{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.item{border:1px solid #dce8ff;border-radius:14px;padding:.85rem;background:linear-gradient(180deg,#fff,#f5f9ff);transition:.25s}
.item:hover{transform:translateY(-4px)}.item i{width:42px;height:42px;display:inline-grid;place-items:center;border-radius:11px;background:#e6f0ff;color:#0a56e8;margin-bottom:.5rem}
.item h3{font-size:.92rem;margin-bottom:.35rem;color:#15366f}.item p{font-size:.8rem;color:#4d6897;line-height:1.55}
.news-gallery{display:grid;grid-template-columns:1.15fr .85fr;gap:.85rem}.news-slider{position:relative;border-radius:14px;overflow:hidden;border:1px solid #dce8ff}
.slides{display:flex;transition:transform .7s cubic-bezier(.2,.65,.2,1)}.slide{min-width:100%}
.news-card{display:grid;grid-template-columns:200px 1fr;min-height:190px;background:#fff}.news-card img{width:100%;height:100%;object-fit:cover}
.news-body{padding:.95rem;display:grid;gap:.5rem}.news-body h3{font-size:.95rem;color:#133265}.news-body p{font-size:.82rem;color:#486492;line-height:1.6}
.dots{display:flex;gap:.35rem;position:absolute;left:.7rem;bottom:.7rem}.dot{width:8px;height:8px;border:none;border-radius:50%;background:rgba(15,82,200,.35);cursor:pointer}.dot.active{background:#0a56e8}
.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem}.gallery a{display:block;border-radius:12px;overflow:hidden;height:120px;border:1px solid #dce8ff}
.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.gallery a:hover img{transform:scale(1.07)}
.map{display:grid;grid-template-columns:1.2fr .8fr;gap:.85rem}.map-frame{border:1px solid #dce8ff;border-radius:14px;overflow:hidden;min-height:300px}.map-frame iframe{width:100%;height:100%;border:none}
.g-note{background:linear-gradient(160deg,#0c56de,#0d83d5);color:#fff;border-radius:14px;padding:1rem;display:grid;align-content:center;gap:.55rem}
.g-note h3{font-size:1.08rem}.g-note p{color:#deefff;font-size:.86rem;line-height:1.68}
.links{overflow:hidden;border:1px solid #dce8ff;border-radius:12px;background:#fff;padding:.7rem 0}.logos{display:flex;gap:1.2rem;width:max-content;animation:logoRun 22s linear infinite}
.logo{text-decoration:none;color:#184178;border:1px solid #dce8ff;background:#f8fbff;border-radius:10px;width:122px;height:52px;display:grid;place-items:center;font-size:.78rem;font-weight:700;padding:0 .45rem;text-align:center}
footer{background:#112c61;color:#d4e4ff;margin-top:1.2rem;padding:1.15rem 0}.foot{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:1rem}
footer h3{font-size:.95rem;color:#fff;margin-bottom:.55rem}footer p,footer a,footer li{font-size:.79rem;color:#d4e4ff;line-height:1.63;text-decoration:none}footer ul{list-style:none;display:grid;gap:.32rem}
.visitor{margin-top:.6rem;display:inline-flex;align-items:center;gap:.42rem;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);border-radius:999px;padding:.3rem .6rem;font-size:.74rem}
.social{display:flex;gap:.42rem;margin-top:.5rem}.social a{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.12)}
.copy{margin-top:.82rem;padding-top:.72rem;border-top:1px solid rgba(255,255,255,.2);font-size:.75rem;text-align:center;color:#bdd2fb}
.reveal{opacity:0;transform:translateY(20px);transition:all .75s cubic-bezier(.2,.65,.2,1)}.reveal.show{opacity:1;transform:translateY(0)}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(15px)}}@keyframes logoRun{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (max-width:1020px){
    /* .dept-head{grid-template-columns:84px 1fr 84px} */
.dept-logo{width:66px;height:66px}.stats{grid-template-columns:repeat(2,1fr)}.multi-grid,.about,.init,.news-gallery,.map,.glance-grid{grid-template-columns:1fr}.hero-s,.side-s{height:300px}.foot{grid-template-columns:1fr 1fr}.management-shell{padding-left:3.2rem;padding-right:3.2rem}.management-track .manager{min-width:33.3333%;flex-basis:33.3333%}.glance-hero{flex-direction:column;align-items:flex-start}}
@media (max-width:900px){
  .nav-row{justify-content:flex-end;padding:.45rem 0}
  .menu-toggle{display:inline-flex}
  .menu{position:fixed;top:0;right:0;width:min(82vw,340px);max-width:340px;height:100vh;z-index:230;background:rgba(17,44,97,.72);backdrop-filter:blur(14px);padding:5rem 1rem 1rem;display:flex;flex-direction:column;align-items:stretch;gap:.5rem;flex-wrap:nowrap;transform:translateX(110%);transition:transform .28s ease;box-shadow:-10px 0 30px rgba(9,23,52,.28);overflow-y:auto}
  .menu.open{transform:translateX(0)}
  .menu-list{flex-direction:column;align-items:stretch;gap:.4rem}
  .menu-item{width:100%}
  .menu a,.submenu-toggle{color:#eaf1ff;padding:.7rem .8rem;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);width:100%;}
  .menu a:hover,.submenu-toggle:hover{background:rgba(255,255,255,.2);color:#fff}
  .submenu{position:static;display:none;min-width:0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);box-shadow:none;margin-top:.25rem}
  .submenu li a,.submenu li .submenu-toggle{color:#eaf1ff;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14)}
  .nested>.submenu{left:0}
  .menu-item.has-sub.open>.submenu{display:block}
  .drawer-backdrop{display:block;position:fixed;inset:0;background:rgba(4,11,26,.38);backdrop-filter:blur(1.5px);opacity:0;visibility:hidden;z-index:220;transition:opacity .25s ease,visibility .25s ease}
  .drawer-backdrop.show{opacity:1;visibility:visible}
  body.drawer-open{overflow:hidden;touch-action:none}
}
@media (max-width:640px){
    /* .dept-head{grid-template-columns:1fr;gap:.45rem} */
    .dept-logo{width:58px;height:58px}.dept-head{grid-template-columns: 50px 1fr 50px;} .dept-title{font-size:.5rem}.dept-subtitle{font-size:.5rem}.foot,.stats,.gallery{grid-template-columns:1fr}.news-card{grid-template-columns:1fr}.news-card img{height:190px}.hero-s,.side-s{height:240px}.management-shell{padding:1rem 2.8rem 1.25rem}.management-track .manager{min-width:100%;flex-basis:100%;padding:.15rem .6rem .4rem}.manager-photo{width:72px;height:72px;padding:3px}.manager strong{font-size:.78rem}.manager span{font-size:.55rem;max-width:20ch}.management-nav{display:grid;width:34px;height:34px;background:transparent;box-shadow:none}.management-nav i{font-size:1.9rem}.management-prev{left:.3rem}.management-next{right:.3rem}.management-dots{margin-top:.15rem}.management-dots .dot{width:6px;height:6px}.glance-shell{padding:1rem;border-radius:22px}.glance-card{padding:.95rem .9rem}.glance-number{font-size:1.7rem}.glance-card p{font-size:.84rem}}


/* index2-style News & Gallery compatibility for index.html */
.btn-link{color:#fff;background:linear-gradient(120deg,var(--brand),var(--brand2));text-decoration:none;padding:.45rem .75rem;border-radius:999px;font-size:.74rem;font-weight:600}

#news .news-carousel{position:relative;overflow:hidden;border-radius:14px}
#news .news-track{display:flex;transition:transform .7s cubic-bezier(.2,.65,.2,1)}
#news .news-item{min-width:33.333%;padding:.4rem}
#news .news-card{background:#fff;border:1px solid #d8e5ff;border-radius:14px;overflow:hidden;height:100%;display:block;min-height:unset}
#news .news-card img{width:100%;height:160px;object-fit:cover;display:block}
#news .news-card div{padding:.7rem;font-size:.82rem;color:#244276}
#home-elibrary .news-carousel{position:relative;overflow:hidden;border-radius:14px}
#home-elibrary .news-track{display:flex;transition:transform .7s cubic-bezier(.2,.65,.2,1)}
#home-elibrary .news-item{min-width:33.333%;padding:.4rem}
#home-elibrary .news-card{background:#fff;border:1px solid #d8e5ff;border-radius:14px;overflow:hidden;height:100%;display:block;min-height:unset}
#home-elibrary .news-card img{width:100%;height:160px;object-fit:cover;display:block}
#home-elibrary .news-card div{padding:.7rem;font-size:.82rem;color:#244276}
#news .dot{background:rgba(10,86,232,.25)}
#news .dot.active{background:#0a56e8}
#news .news-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:36px;height:36px;border:none;border-radius:50%;display:grid;place-items:center;background:rgba(10,86,232,.8);color:#fff}
#news .news-prev{left:10px}
#news .news-next{right:10px}
#news .news-nav:hover{background:rgba(10,86,232,1)}
#news .news-carousel .dots{left:50%;transform:translateX(-50%);bottom:8px}
#home-elibrary .dot{background:rgba(10,86,232,.25)}
#home-elibrary .dot.active{background:#0a56e8}
#home-elibrary .news-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:36px;height:36px;border:none;border-radius:50%;display:grid;place-items:center;background:rgba(10,86,232,.8);color:#fff}
#home-elibrary .news-prev{left:10px}
#home-elibrary .news-next{right:10px}
#home-elibrary .news-nav:hover{background:rgba(10,86,232,1)}
#home-elibrary .news-carousel .dots{left:50%;transform:translateX(-50%);bottom:8px}

#gallery .gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}
#gallery .gallery-grid a{position:relative;display:block;border-radius:12px;overflow:hidden;height:145px}
#gallery .gallery-grid img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
#gallery .gallery-grid a:hover img{transform:scale(1.08)}
#gallery{overflow-x:hidden}
#gallery .gallery-carousel{position:relative;overflow:hidden;border-radius:14px}
#gallery .gallery-track{display:flex;transition:transform .7s cubic-bezier(.2,.65,.2,1)}
#gallery .gallery-item{min-width:25%;padding:.35rem}
#gallery .gallery-item a{display:block;border-radius:12px;overflow:hidden;height:165px;border:1px solid #dce8ff}
#gallery .gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
#gallery .gallery-item a:hover img{transform:scale(1.08)}
#gallery .gallery-prev{left:10px}
#gallery .gallery-next{right:10px}
#gallery .gallery-carousel .dots{left:50%;transform:translateX(-50%);bottom:8px}

@media (max-width:1020px){
  #news .news-item{min-width:50%}
  #home-elibrary .news-item{min-width:50%}
  #gallery .gallery-grid{grid-template-columns:repeat(2,1fr)}
  #gallery .gallery-item{min-width:50%}
}

@media (max-width:640px){
  #news .news-item{min-width:100%}
  #home-elibrary .news-item{min-width:100%}
  #news .news-nav{width:32px;height:32px}
  #home-elibrary .news-nav{width:32px;height:32px}
  #gallery .gallery-grid{grid-template-columns:1fr}
  #gallery .gallery-item{min-width:100%}
}


    .key-contact-page { padding: 1.2rem 0 1.8rem; }
    .key-contact-hero { display:grid; grid-template-columns:.9fr 1.1fr; gap:1rem; margin-bottom:1rem; }
    .key-contact-panel { border:1px solid #dbe7ff; border-radius:22px; background:#fff; box-shadow:0 12px 28px rgba(20,49,110,.08); padding:1.2rem; }
    .key-contact-panel.primary { background:linear-gradient(135deg,#123d86 0%,#0b66da 100%); color:#fff; border:none; }
    .key-contact-panel.primary p, .key-contact-panel.primary li { color:#dcebff; }
    .key-contact-table-wrap { border:1px solid #dbe7ff; border-radius:24px; background:#fff; box-shadow:0 14px 32px rgba(20,49,110,.06); padding:1.1rem; overflow:auto; }
    .key-contact-table { width:100%; border-collapse:collapse; min-width:720px; }
    .key-contact-table th { padding:14px 12px; text-align:left; background:#123266; color:#fff; font-size:14px; }
    .key-contact-table td { padding:14px 12px; color:#47638f; border-bottom:1px solid #e5eeff; }
    .key-contact-table tbody tr:nth-child(even) td { background:#fbfdff; }
    .key-contact-table tbody tr:last-child td { border-bottom:none; }
    .key-contact-table .sl { color:#123266; font-weight:700; width:70px; }
    .key-contact-table a { color:#0a56e8; text-decoration:none; font-weight:700; }
    @media (max-width: 991.98px) { .key-contact-hero { grid-template-columns:1fr; } }