/* Template maarifa: violet and mint bento tiles. */
:root{--fb:'Cairo';--fh:'Rubik';--bg:#F6F5FF;--ink:#1A1440;--ink2:#5D587E;--line:#E2DEFA;--acc:#5B3DF5;--mint:#13B89A;--sun:#FFB547;--nav-bg:rgba(246,245,255,.92);--nav-solid:#F6F5FF;--demo-bg:#1A1440;--r-in:20px}
.maarifa .btn{border-radius:99px}.maarifa .cta,.maarifa .b1,form .btn{background:var(--ink);color:#fff}
.maarifa .b1{background:#fff;color:var(--acc)}.maarifa .b2{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5)}
.card{background:#fff;border:0;border-radius:24px;padding:24px;box-shadow:0 1px 0 var(--line)}
.kick{display:inline-block;background:#ECE8FF;color:var(--acc);padding:3px 12px;border-radius:99px;font-size:13px}
.sec-h h2{font-size:40px;font-weight:800;letter-spacing:-.3px}.sec-h h2 em{font-style:normal;color:var(--acc)}
.hero{padding:28px 0 60px}
.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto auto;gap:14px}
.b-main{grid-column:span 2;grid-row:span 2;background:var(--acc);color:#fff;border-radius:28px;padding:40px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.b-main::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;border:36px solid rgba(255,255,255,.08);inset-inline-end:-80px;bottom:-80px}
.hero .tag{align-self:flex-start;background:rgba(255,255,255,.16);font-weight:700;font-size:14px;padding:5px 14px;border-radius:99px}
.hero h1{font-size:54px;font-weight:800;margin:16px 0;line-height:1.15}.hero h1 em{font-style:normal;color:var(--sun)}
.b-main>p{color:#DCD5FF;font-size:18px;margin:0;position:relative;z-index:1}
.hero-b{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;position:relative;z-index:1}
.b-img{grid-column:span 2;min-height:280px;border-radius:28px;background:center/cover}
.b-stats{grid-column:span 2;display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:14px}
.b-stats div{border-radius:24px;padding:18px;background:var(--mint);color:#fff}
.b-stats div:nth-child(2){background:var(--sun);color:var(--ink)}.b-stats div:nth-child(3){background:var(--ink)}
.b-stats b{display:block;font-family:var(--fh);font-size:34px;font-weight:800;line-height:1.1}.b-stats span{font-size:14px;opacity:.9}
.bx{grid-template-columns:repeat(3,1fr)}
.bx .card{display:grid;gap:8px;align-content:start}
.bx .card:first-child{grid-column:span 2;background:var(--ink);color:#fff}.bx .card:first-child p{color:#C9C4EA}.bx .card:first-child h3{font-size:30px}
.bx .k1{background:#E3F7F2}.bx .k2{background:#FFF1DC}.bx .k3{background:#ECE8FF}
.n{font-family:var(--fh);font-size:22px;font-weight:800;color:var(--acc);background:#fff;border-radius:12px;padding:2px 10px;justify-self:start}
.bx h3{font-size:22px;margin:0}.bx p{margin:0;color:var(--ink2)}
.ag{display:inline-block;font-size:12px;font-weight:700;color:var(--mint)}
.rg{grid-template-columns:repeat(2,1fr)}.rg .card{display:flex;gap:14px;align-items:center}
.ic{flex:none;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#ECE8FF;color:var(--acc)}.ic .i{width:26px;height:26px}
.k1 .ic{background:#E3F7F2;color:var(--mint)}.k2 .ic{background:#FFF1DC;color:#C77A00}
.rg h3{font-size:19px}.rg p{margin:0;color:var(--ink2);font-size:15px}
.course{background:#fff}.facts div{background:var(--bg);border-radius:18px}.facts .i{color:var(--acc)}
.learn{background:var(--mint);color:#fff}.learn .ticks .i{color:#fff}
.ticks{list-style:none;padding:0;margin:0;display:grid;gap:12px}.ticks li{display:flex;gap:10px}.ticks .i{color:var(--acc)}
.pl{border:0;border-radius:24px;text-align:center}.pl .ph{height:200px;background:center/cover}.pl span{color:var(--acc)}
.bus{background:#fff}.areas span{border:0;background:#ECE8FF;color:var(--ink)}.areas .i{color:var(--acc)}.ph.big{border-radius:28px;min-height:320px}
.maarifa .portal{--po-bg:#1A1440;--po-acc:#FFB547}
.rv{background:var(--bg)}.rev{box-shadow:none;border:1px solid var(--line)}
.fq{background:#fff}.faqs details{border-radius:18px;background:var(--bg);border:0}
.bk{background:var(--acc);color:#fff}.bk .kick{background:rgba(255,255,255,.18);color:#fff}.bk .sec-h p{color:#DCD5FF}.bk form{color:var(--ink)}
.soc a{border-radius:99px}
footer{background:var(--ink);color:#A9A3D1}
@media (max-width:900px){.bento{grid-template-columns:1fr}.b-main,.b-img,.b-stats{grid-column:auto;grid-row:auto}.b-main{padding:28px 22px}.hero h1{font-size:38px}.b-img{min-height:220px}
.bx,.rg{grid-template-columns:1fr}.bx .card:first-child{grid-column:auto}.sec-h h2{font-size:30px}}
.bk-in>*,form>*,label{min-width:0}input,select,textarea{width:100%;min-width:0}