/* Template ibtikar. */
:root{--fb:'Noto Sans Arabic';--fh:'Alexandria';--bg:#F7FAFE;--ink:#0B2545;--ink2:#4A5D7A;--line:#CADBEE;--acc:#0EA5A4;--coral:#F25F5C;--sand:#FFD166;--grid:#E1ECF8;--nav-bg:rgba(247,250,254,.94);--nav-solid:#F7FAFE;--demo-bg:#0B2545;--r-in:4px;--po-bg:#0B2545;--po-acc:#FFD166}
.nav{border-bottom:1.5px solid var(--ink)}
.brand>span{font-family:var(--fh);font-weight:800}.brand small{color:var(--acc);opacity:1;font-weight:700;letter-spacing:1.5px}
.ibtikar .btn{border-radius:4px;padding:13px 22px}
.ibtikar .cta,.ibtikar .b1,form .btn{background:var(--ink);color:#fff}
.ibtikar .b1:hover,.ibtikar .cta:hover{background:var(--acc)}
.ibtikar .b2{background:transparent;color:var(--ink);border:1.5px dashed var(--ink)}
h1,h2,h3{font-family:var(--fh);font-weight:800}
.kick{color:var(--coral);font-size:13px;font-weight:700;letter-spacing:.5px;display:inline-flex;align-items:center;gap:10px}
.kick::after{content:"";width:40px;border-top:1.5px dashed var(--coral)}
.sec-h h2{font-size:38px;line-height:1.35}

/* hero */
.hero{padding:64px 0 90px;background:linear-gradient(var(--grid) 1px,transparent 1px) 0 0/32px 32px,linear-gradient(90deg,var(--grid) 1px,transparent 1px) 0 0/32px 32px,var(--bg);border-bottom:1.5px solid var(--ink)}
.hero-in{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.pill{display:inline-block;border:1.5px solid var(--acc);color:var(--acc);font-weight:700;font-size:14px;padding:5px 14px;background:#fff}
.hero h1{font-size:52px;margin:18px 0;line-height:1.35}
.hero h1 em{font-style:normal;color:var(--acc);text-decoration:underline 3px dashed var(--coral);text-underline-offset:12px}
.hero-t>p{font-size:18px;color:var(--ink2);max-width:520px;margin:0}
.hero-b{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.sheet{position:relative;background:#fff;border:1.5px solid var(--ink);padding:14px;box-shadow:12px 12px 0 rgba(11,37,69,.08)}
.sheet-h{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;color:var(--ink2);letter-spacing:2px;margin-bottom:10px;direction:ltr}
.sheet-h i{width:120px;height:8px;border:1.5px solid var(--ink);background:repeating-linear-gradient(90deg,var(--ink) 0 12px,#fff 12px 24px)}
.fig{aspect-ratio:4/3;background:center/cover;border:1px solid var(--line)}
.note{position:absolute;background:#fff;border:1.5px solid var(--ink);padding:8px 14px;min-width:130px;box-shadow:4px 4px 0 var(--sand)}
.note b{display:block;font-family:var(--fh);font-size:20px;color:var(--acc);line-height:1.3}.note span{font-size:13px;color:var(--ink2)}
.note::before{content:"";position:absolute;width:44px;border-top:1.5px dashed var(--ink);top:50%}
.n0{top:-24px;inset-inline-start:-48px}.n0::before{inset-inline-end:-46px}
.n1{top:42%;inset-inline-end:-56px}.n1::before{inset-inline-start:-46px}.n1 b{color:var(--coral)}
.n2{bottom:-30px;inset-inline-start:12%}.n2::before{display:none}

/* cards */
.card{background:#fff;border:1.5px solid var(--ink);border-radius:4px;padding:22px}
.flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n),1fr);gap:40px}
.flow .card{position:relative;padding:26px 22px;border-style:dashed;
 background:linear-gradient(var(--ink),var(--ink)) 0 0/16px 3px,linear-gradient(var(--ink),var(--ink)) 0 0/3px 16px,linear-gradient(var(--ink),var(--ink)) 100% 100%/16px 3px,linear-gradient(var(--ink),var(--ink)) 100% 100%/3px 16px,#fff;background-repeat:no-repeat}
.flow .card:not(:last-child)::after{content:"";position:absolute;top:50%;inset-inline-end:-30px;width:20px;height:20px;border-top:2px solid var(--coral);border-right:2px solid var(--coral);transform:translateY(-50%) rotate(45deg)}
body:not(.ltr) .flow .card:not(:last-child)::after{transform:translateY(-50%) rotate(-135deg)}
.no{display:block;font-family:var(--fh);font-size:64px;font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:1.5px var(--acc)}
.flow .ag{color:var(--coral);font-size:13px;font-weight:700}
.flow h3{font-size:24px;margin:10px 0 6px}.flow p{margin:0;color:var(--ink2)}
.specs{grid-template-columns:repeat(3,1fr);gap:0;border:1.5px solid var(--ink)}
.specs .card{border:0;border-inline-start:1.5px solid var(--ink);border-radius:0}.specs .card:first-child{border-inline-start:0}
.specs .i{width:30px;height:30px;color:var(--acc)}.specs h3{font-size:20px;margin:10px 0 4px}.specs p{margin:0;color:var(--ink2)}
.info{background:#fff;border-block:1.5px solid var(--ink)}
.awards span,.soc a{border:1.5px solid var(--ink);border-radius:4px}

/* sections */
.about{background:#fff;border-block:1.5px solid var(--ink)}
.ab-v{border:1.5px solid var(--ink);border-radius:4px;min-height:380px;background-color:var(--bg)}
.vm div{background:var(--bg);border-inline-start:3px solid var(--acc);border-radius:0}.vm b{font-family:var(--fh)}
.ben{background:var(--bg)}
.bc{padding:0;overflow:hidden}.bh{height:190px;border-bottom:1.5px solid var(--ink)}.bc h3{font-size:22px;padding:18px 20px 8px}.bc .ticks{padding:0 20px 22px;gap:10px}
.ticks{list-style:none;padding:0;margin:0;display:grid;gap:12px}.ticks li{display:flex;gap:10px}
.ticks .i{width:24px;height:24px;color:var(--acc);border:1.5px solid var(--acc);border-radius:50%;padding:3px}
.course{background:var(--ink);color:#fff;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:32px 32px}
.course .sec-h h2,.course h3{color:#fff}.course .kick{color:var(--sand)}.course .kick::after{border-color:var(--sand)}
.facts div{background:transparent;border:1.5px dashed rgba(255,255,255,.35);border-radius:4px}.facts .i{color:var(--sand)}.facts span{color:#C5D3E6}
.learn{background:transparent;border-color:#fff;color:#fff}.learn .ticks .i{color:var(--sand);border-color:var(--sand)}
.gl{background:var(--bg)}.gal div{border:1.5px solid var(--ink);border-radius:4px}
.fq{background:#fff;border-top:1.5px solid var(--ink)}.faqs details{border:1.5px solid var(--ink);border-radius:4px}
.ibtikar .portal{--po-bg:#0B2545}
.bk{background:var(--acc);color:#fff}.bk .sec-h h2{color:#fff}.bk .sec-h p{color:#E1FAF9}.bk .kick{color:#fff}.bk .kick::after{border-color:#fff}
.bk form{color:var(--ink);box-shadow:10px 10px 0 var(--ink)}
input,select,textarea{border:1.5px solid var(--line);border-radius:4px}
.ct{background:var(--bg)}
footer{background:var(--ink);color:#C5D3E6}

@media (max-width:1000px){.flow{grid-template-columns:repeat(2,1fr)}.flow .card::after{display:none}}
@media (max-width:900px){
 .hero{padding:40px 0 60px}.hero-in{grid-template-columns:1fr;gap:40px}.hero h1{font-size:34px}
 .sheet{margin:0 6px}.note{position:static;display:inline-block;margin:12px 8px 0 0;min-width:0;box-shadow:3px 3px 0 var(--sand)}.note::before{display:none}
 .flow,.specs{grid-template-columns:1fr}.specs .card{border-inline-start:0;border-top:1.5px solid var(--ink)}.specs .card:first-child{border-top:0}
 .sec-h h2{font-size:28px}.no{font-size:52px}.ab-v{min-height:260px}
}