/* Template mishkat. */
:root{--fb:'Almarai';--fh:'Aref Ruqaa';--bg:#FBF5EC;--ink:#3A2418;--ink2:#7A5E4E;--line:#EBD9C2;--acc:#C2622D;--amber:#E9A23B;--deep:#4A2414;--nav-bg:rgba(251,245,236,.95);--nav-solid:#FBF5EC;--demo-bg:#4A2414;--r-in:10px;--po-bg:#4A2414;--po-acc:#E9A23B}
.mishkat .btn{border-radius:10px}.mishkat .cta,.mishkat .b1,form .btn{background:var(--acc);color:#fff}
.mishkat .b2{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.4)}
.sec-h h2{font-size:44px;color:var(--deep);font-weight:700}.kick{color:var(--acc)}
.mk-hero{position:relative;background:var(--deep);color:#fff;overflow:hidden;min-height:560px;display:flex;align-items:center}
.mk-bg{position:absolute;inset:0;inset-inline-start:38%;background:center/cover}
.mk-hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to left,var(--deep) 30%,rgba(74,36,20,.55) 60%,transparent)}
body.ltr .mk-hero::before{background:linear-gradient(to right,var(--deep) 30%,rgba(74,36,20,.55) 60%,transparent)}
.mk-in{position:relative;z-index:2;width:100%;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;padding-block:70px}
.mk-t{max-width:560px}
.mk-k{color:var(--amber);font-weight:700}
.mk-hero h1{font-size:68px;font-weight:700;margin:10px 0;line-height:1.3}.mk-hero h1 em{font-style:normal;color:var(--amber)}
.mk-t>p{color:#E9D6C6;font-size:18px}
.hero-b{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.mk-st{display:grid;gap:14px;background:rgba(46,22,11,.72);backdrop-filter:blur(6px);border-radius:14px;padding:18px 22px;border-inline-start:3px solid var(--amber)}.mk-st b{display:block;font-size:32px;font-weight:800;color:var(--amber);line-height:1.1}.mk-st span{font-size:14px;color:#E9D6C6}
.mk-cards{background:#fff}
.mk-l{display:grid;grid-template-columns:1fr 1fr;column-gap:50px}
.mk-r{display:flex;gap:16px;padding:20px 0;border-bottom:1px dashed var(--line)}
.mk-s{flex:none;width:30px;height:30px;margin-top:4px;background:var(--amber);clip-path:polygon(50% 0,61% 22%,85% 15%,78% 39%,100% 50%,78% 61%,85% 85%,61% 78%,50% 100%,39% 78%,15% 85%,22% 61%,0 50%,22% 39%,15% 15%,39% 22%)}
.mk-r:nth-child(even) .mk-s{background:var(--acc)}
.mk-r h3{font-size:21px;color:var(--deep);font-family:var(--fb);font-weight:800}.mk-r p{margin:4px 0 0;color:var(--ink2)}
.mk-r .ag{font-size:12px;font-weight:700;color:var(--acc);background:#FBEBDD;border-radius:6px;padding:2px 8px;margin-inline-start:6px;vertical-align:middle}
.mk-ig{grid-template-columns:repeat(3,1fr)}.mk-i{display:flex;gap:12px;background:#fff;border-radius:12px;padding:20px;border:1px solid var(--line)}.mk-i .i{color:var(--acc);width:28px;height:28px}
.mk-i h3{font-size:19px;font-family:var(--fb)}.mk-i p{margin:4px 0 0;color:var(--ink2)}
.course{background:var(--bg)}.facts div{background:#fff;border:1px solid var(--line)}.facts .i{color:var(--acc)}
.learn{background:var(--deep);color:#fff;border:0}.learn h3{color:var(--amber)}.learn .ticks .i{color:var(--amber)}
.why{background:#fff}.why-v{border-radius:200px 200px 12px 12px;min-height:420px}
.ticks .i{color:var(--acc)}.ticks b{color:var(--deep)}
.coach-s{background:#fff;padding-top:0}.coach{background:var(--bg);border:1px solid var(--line)}.coach img{border-radius:12px;border-color:var(--amber)}.coach h3{color:var(--deep)}
.gl{background:var(--bg)}.fq{background:#fff}
.bk{background:linear-gradient(160deg,var(--deep),#6E3419);color:#fff}.bk .sec-h h2{color:#fff}.bk .kick{color:var(--amber)}.bk .sec-h p{color:#E9D6C6}.bk form{color:var(--ink);background:#FFFBF5}
.ct{background:var(--bg)}
footer{background:#2E160B;color:#C9AE98}
@media (max-width:900px){.mk-hero{min-height:0}.mk-bg{inset:0;opacity:.35}.mk-hero::before{display:none}.mk-in{grid-template-columns:1fr;padding-block:56px}.mk-st{grid-template-columns:repeat(3,1fr);padding:14px}.mk-st b{font-size:24px}.mk-hero h1{font-size:44px}
.mk-l{grid-template-columns:1fr}.mk-ig{grid-template-columns:1fr}.sec-h h2{font-size:34px}.why-v{min-height:300px}}
.bk-in>*,.bk form label{min-width:0}.bk input,.bk select,.bk textarea{width:100%;min-width:0;max-width:100%}