/* ============================================================
   School Exam Management — page CSS. Common from style.css.
   ============================================================ */
:root{ --nv:#022b63; --cream:#efede7; --amber:#f9a825; --ink:#111827; --muted:#5b6472; --line:#e7e4dc; --soft:#f7f6f2; --radius:16px; }

.exm-two{ display:grid; grid-template-columns:1fr 1fr; gap:52px; align-items:center; }
.exm-two p{ color:var(--muted); line-height:1.8; font-size:15.5px; margin-bottom:16px; }
.exm-media{ background:linear-gradient(135deg,#f7f6f2,#efede7); border:1px solid var(--line); border-radius:var(--radius); min-height:360px; display:flex; align-items:center; justify-content:center; color:#aab1bd; font-size:14px; position:relative; overflow:hidden; box-shadow:0 16px 40px rgba(2,43,99,.05); }
.exm-media::before{ content:''; position:absolute; inset:0; background-image:radial-gradient(rgba(2,43,99,.05) 1px,transparent 1px); background-size:18px 18px; opacity:.6; }

/* config cards — 4 (why choose) */
.exm-conf{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.exm-ccard{ background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:32px 26px; transition:.35s; }
.exm-ccard:hover{ transform:translateY(-6px); box-shadow:0 20px 44px rgba(2,43,99,.08); border-color:#cfd6e2; }
.exm-ccard .ic{ width:54px; height:54px; border-radius:14px; background:var(--cream); color:var(--nv); display:inline-flex; align-items:center; justify-content:center; font-size:25px; margin-bottom:18px; transition:.35s; }
.exm-ccard:hover .ic{ background:var(--nv); color:#fff; }
.exm-ccard h4{ font-family:'DMSans-SemiBold'; font-size:16px; color:var(--ink); margin-bottom:10px; }
.exm-ccard p{ color:var(--muted); font-size:13.5px; line-height:1.6; margin:0; }

/* streamline — 8 benefit list (navy band) */
.exm-band{ background:var(--nv); }
.exm-band .mainsectionheading h3{ color:#fff; } .exm-band .mainsectionheading h3::before{ background:#fff; }
.exm-band .mainsectionheading h2{ color:#fff; }
.exm-band .sectionsub{ color:#ffffffc4; }
.exm-blist{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.exm-bit{ background:#ffffff10; border:1px solid #ffffff26; border-radius:14px; padding:24px 22px; transition:.35s; }
.exm-bit:hover{ background:#ffffff1c; transform:translateY(-4px); }
.exm-bit i{ width:42px; height:42px; border-radius:11px; background:#ffffff1f; color:#fff; display:inline-flex; align-items:center; justify-content:center; font-size:21px; margin-bottom:14px; transition:.35s; }
.exm-bit:hover i{ background:var(--amber); color:var(--nv); }
.exm-bit h5{ font-family:'DMSans-SemiBold'; font-size:15px; color:#fff; margin:0 0 6px; }
.exm-bit p{ color:#ffffffbf; font-size:13px; line-height:1.55; margin:0; }

/* pre/post tabs */
.exm-tabs{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin-bottom:34px; }
.exm-tab{ border:1px solid var(--line); background:#fff; color:var(--ink); padding:12px 28px; border-radius:12px; cursor:pointer; font-family:'DMSans-Medium'; font-size:15px; transition:.3s; }
.exm-tab.active{ background:var(--nv); color:#fff; border-color:var(--nv); }
.exm-tabpanel{ display:none; }
.exm-tabpanel.active{ display:block; }
.exm-tabcard{ background:var(--soft); border:1px solid var(--line); border-radius:20px; padding:44px; }
.exm-tabcard p{ color:var(--muted); line-height:1.8; font-size:15.5px; margin:0 0 18px; }
.exm-tablist{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.exm-tablist .it{ display:flex; gap:14px; align-items:flex-start; color:var(--ink); font-size:15px; line-height:1.5; }
.exm-tablist .it i{ flex:0 0 24px; width:24px; height:24px; border-radius:50%; background:var(--cream); color:var(--nv); display:inline-flex; align-items:center; justify-content:center; font-size:14px; margin-top:1px; }

@media(max-width:991px){
  .exm-two{ grid-template-columns:1fr; gap:22px; }
  .exm-conf,.exm-blist{ grid-template-columns:1fr 1fr; gap:16px; }
  .exm-tablist{ grid-template-columns:1fr; } .exm-tabcard{ padding:30px; }
}
@media(max-width:575px){ .exm-conf,.exm-blist{ grid-template-columns:1fr; } }