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

.ims-two{ display:grid; grid-template-columns:1fr 1fr; gap:52px; align-items:center; }
.ims-two.rev{ direction:rtl; } .ims-two.rev > *{ direction:ltr; }
.ims-two p{ color:var(--muted); line-height:1.8; font-size:15.5px; margin-bottom:16px; }
.ims-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); }
.ims-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; }
.ims-media span{ position:relative; z-index:2; }

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

/* stats band (navy) */
.ims-stats{ background:var(--nv); }
.ims-stats .mainsectionheading h3{ color:#fff; } .ims-stats .mainsectionheading h3::before{ background:#fff; }
.ims-stats .mainsectionheading h2{ color:#fff; }
.ims-stats .sectionsub{ color:#ffffffc4; }
.ims-statgrid{ display:grid; grid-template-columns:repeat(4,1fr); gap:26px; }
.ims-stat{ background:#ffffff10; border:1px solid #ffffff26; border-radius:var(--radius); padding:32px 26px; text-align:center; transition:.35s; }
.ims-stat:hover{ background:#ffffff1c; transform:translateY(-5px); }
.ims-stat .num{ font-family:"PlusJakartaSans-Medium"; font-size:30px; color:var(--amber); margin-bottom:10px; line-height:1.1; }
.ims-stat p{ color:#ffffffc9; font-size:14px; line-height:1.6; margin:0; }

/* key factors — 8 module cards */
.ims-mods{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.ims-mod{ background:var(--soft); border:1px solid var(--line); border-radius:var(--radius); padding:28px 24px; transition:.35s; }
.ims-mod:hover{ background:#fff; transform:translateY(-6px); box-shadow:0 20px 44px rgba(2,43,99,.08); }
.ims-mod .ic{ width:50px; height:50px; border-radius:13px; background:#fff; border:1px solid var(--line); color:var(--nv); display:inline-flex; align-items:center; justify-content:center; font-size:23px; margin-bottom:16px; transition:.35s; }
.ims-mod:hover .ic{ background:var(--nv); color:#fff; }
.ims-mod h4{ font-family:'DMSans-SemiBold'; font-size:16px; color:var(--ink); margin-bottom:8px; }
.ims-mod p{ color:var(--muted); font-size:13.5px; line-height:1.6; margin:0; }

/* why choose — 5 cards light */
.ims-why{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
.ims-wcard{ background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:32px 28px; transition:.35s; }
.ims-wcard:hover{ transform:translateY(-6px); box-shadow:0 20px 44px rgba(2,43,99,.08); border-color:#cfd6e2; }
.ims-wcard .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; }
.ims-wcard:hover .ic{ background:var(--nv); color:#fff; }
.ims-wcard h4{ font-family:'DMSans-SemiBold'; font-size:17px; color:var(--ink); margin-bottom:10px; }
.ims-wcard p{ color:var(--muted); font-size:14px; line-height:1.65; margin:0; }

/* academy types — chips */
.ims-types{ display:flex; flex-wrap:wrap; gap:16px; justify-content:center; }
.ims-chip{ background:#fff; border:1px solid var(--line); border-radius:50px; padding:16px 30px; font-family:'DMSans-Medium'; font-size:15px; color:var(--ink); display:inline-flex; align-items:center; gap:12px; transition:.3s; }
.ims-chip:hover{ border-color:var(--nv); box-shadow:0 12px 28px rgba(2,43,99,.08); transform:translateY(-3px); }
.ims-chip i{ color:var(--nv); font-size:20px; }

/* CTA band */
.ims-cta{ background:linear-gradient(120deg,#022b63,#043a82); border-radius:24px; padding:60px; text-align:center; }
.ims-cta h2{ font-family:"PlusJakartaSans-Medium"; font-size:32px; color:#fff; margin-bottom:14px; line-height:1.25; }
.ims-cta p{ color:#ffffffcf; font-size:16px; line-height:1.7; max-width:620px; margin:0 auto 28px; }
.ims-cta .primarybtn{ background:#fff; color:var(--nv); border-color:#fff; }
.ims-cta .primarybtn:hover{ background:var(--amber); border-color:var(--amber); color:var(--nv); }

@media(max-width:991px){
    .ims-two,.ims-two.rev{ grid-template-columns:1fr; gap:22px; } .ims-two.rev{ direction:ltr; }
  .ims-ben,.ims-statgrid,.ims-mods{ grid-template-columns:1fr 1fr; gap:18px; }
  .ims-why{ grid-template-columns:1fr; } .ims-cta{ padding:36px; }
}
@media(max-width:575px){ .ims-ben,.ims-statgrid,.ims-mods{ grid-template-columns:1fr; } }