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

.oas-two{ display:grid; grid-template-columns:1fr 1fr; gap:52px; align-items:center; }
.oas-two.rev{ direction:rtl; } .oas-two.rev > *{ direction:ltr; }
.oas-two p{ color:var(--muted); line-height:1.8; font-size:15.5px; margin-bottom:16px; }
.oas-media{ background:linear-gradient(135deg,#f7f6f2,#efede7); border:1px solid var(--line); border-radius:var(--radius); min-height:380px; 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); }
.oas-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; }
.oas-media span{ position:relative; z-index:2; }

/* intro tags — pill chips */
.oas-tags{ display:flex; flex-wrap:wrap; gap:12px; margin-top:20px; }
.oas-tag{ background:var(--cream); color:var(--nv); border-radius:50px; padding:10px 20px; font-family:'DMSans-Medium'; font-size:14px; display:inline-flex; align-items:center; gap:8px; }
.oas-tag i{ font-size:16px; }

/* features — alternating numbered rows (different from card grid) */
.oas-feats{ max-width:1050px; margin:0 auto; display:flex; flex-direction:column; gap:20px; }
.oas-frow{ display:grid; grid-template-columns:70px 1fr; gap:26px; align-items:start; background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:32px 34px; transition:.35s; }
.oas-frow:hover{ transform:translateY(-4px); box-shadow:0 20px 44px rgba(2,43,99,.08); border-color:#cfd6e2; }
.oas-fnum{ font-family:"PlusJakartaSans-Medium"; font-size:26px; color:#fff; background:var(--nv); width:56px; height:56px; border-radius:14px; display:flex; align-items:center; justify-content:center; transition:.35s; }
.oas-frow:hover .oas-fnum{ background:var(--amber); color:var(--nv); }
.oas-frow h4{ font-family:'DMSans-SemiBold'; font-size:18px; color:var(--ink); margin-bottom:8px; }
.oas-frow p{ color:var(--muted); font-size:14.5px; line-height:1.75; margin:0; }

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

/* conclusion band */
.oas-concl{ background:linear-gradient(120deg,#022b63,#043a82); border-radius:24px; padding:56px; text-align:center; }
.oas-concl p{ color:#ffffffd0; line-height:1.85; font-size:16px; max-width:860px; margin:0 auto 26px; }
.oas-concl .primarybtn{ background:#fff; color:var(--nv); border-color:#fff; }
.oas-concl .primarybtn:hover{ background:var(--amber); border-color:var(--amber); color:var(--nv); }

@media(max-width:991px){
    .oas-two,.oas-two.rev{ grid-template-columns:1fr; gap:22px; } .oas-two.rev{ direction:ltr; }
  .oas-ben{ grid-template-columns:1fr 1fr; gap:18px; }
  .oas-concl{ padding:34px; }
}