/* Template serve. */
:root{--fb:'Almarai';--fh:'Changa';--bg:#FAF6EE;--ink:#13294B;--ink2:#566179;--line:#E6DCCB;--acc:#C65D35;--navy:#13294B;--ball:#D9EC4A;--nav-bg:rgba(250,246,238,.94);--nav-solid:#FAF6EE;--demo-bg:#13294B;--r-in:16px}
.serve .btn{border-radius:14px}
.serve .cta,.serve .b1,form .btn{background:var(--navy);color:#fff}
.serve .b1{background:var(--ball);color:var(--navy)}
.serve .b2{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.7)}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}
.hero{background:var(--acc);color:#fff;position:relative;overflow:hidden;padding:56px 0 72px}
.hero::before{content:"";position:absolute;inset:28px 6%;border:3px solid rgba(255,255,255,.45);pointer-events:none}
.hero::after{content:"";position:absolute;top:28px;bottom:28px;inset-inline-start:50%;border-inline-start:3px solid rgba(255,255,255,.45);pointer-events:none}
.hero-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center;position:relative;z-index:1}
.hero-t{background:var(--navy);border-radius:24px;padding:40px;box-shadow:0 24px 50px rgba(19,41,75,.35)}
.ball-k{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:15px;color:var(--ball)}
.ball-k i,.ball{display:block;width:22px;height:22px;border-radius:50%;background:var(--ball);position:relative;overflow:hidden;flex:none}
.ball-k i::before,.ball::before{content:"";position:absolute;inset:-40% 45% -40% -55%;border:2px solid #fff;border-radius:50%}
.hero h1{font-size:58px;font-weight:800;margin:14px 0;line-height:1.2}.hero h1 em{font-style:normal;color:var(--ball)}
.hero-t>p{font-size:18px;color:#C9D3E6;margin:0}
.hero-b{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:28px}
.board div{background:#0C1C36;border-radius:10px;padding:10px 12px;text-align:center}
.board b{display:block;font-family:var(--fh);font-size:30px;color:var(--ball);line-height:1.2}.board span{font-size:13px;color:#AFC0DC}
.hero-v .ph{height:460px;border-radius:220px 220px 24px 24px;background:center/cover;border:8px solid #fff}
.sec-h h2{font-size:42px;font-weight:800}.sec-h h2 em{font-style:normal;color:var(--acc)}
.kick{color:var(--acc)}
.rows{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.row{display:flex;align-items:center;gap:16px;padding:18px 20px}
.row .ball{width:46px;height:46px}.row .ball::before{border-width:3px}
.row>div{flex:1;min-width:0}.row h3{font-size:21px}.row p{margin:2px 0 0;color:var(--ink2);font-size:15px}
.row .ag{background:#F6E5DC;color:var(--acc);border-radius:99px;padding:4px 12px;font-size:13px;white-space:nowrap}
.row:hover{border-color:var(--acc)}
.info{background:var(--navy);color:#fff}.info .kick{color:var(--ball)}.info .sec-h p{color:#C9D3E6}
.ig{grid-template-columns:repeat(3,minmax(0,1fr))}
.ig .card{background:#1C3560;border:0;color:#fff}.ig .i{width:34px;height:34px;color:var(--ball)}
.ig h3{font-size:21px;margin:10px 0 4px}.ig p{margin:0;color:#C9D3E6}
.course{background:#fff}.co-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:44px;align-items:start}
.facts{display:grid;gap:10px}.facts div{display:grid;grid-template-columns:auto 120px minmax(0,1fr);gap:12px;align-items:center;background:var(--bg);border-radius:14px;padding:14px 16px}
.facts .i{color:var(--acc)}.facts span{color:var(--ink2)}
.learn{background:var(--navy);color:#fff;border:0}.learn h3{font-size:24px;margin-bottom:14px;color:var(--ball)}
.ticks{list-style:none;padding:0;margin:0;display:grid;gap:12px}.ticks li{display:flex;gap:10px}.ticks .i{color:var(--ball)}
.coach-s{padding-top:0;background:#fff}
.coach{display:flex;gap:26px;align-items:center;border:2px dashed var(--acc);background:var(--bg)}
.coach img{width:130px;height:130px;border-radius:50%;object-fit:cover;border:5px solid #fff;box-shadow:0 0 0 2px var(--acc)}
.coach h3{font-size:26px}.coach p{margin:6px 0 0;color:var(--ink2)}
.rv{background:var(--bg)}.revs{grid-template-columns:repeat(3,minmax(0,1fr))}
.gal div{border-radius:16px}
.serve .fq{background:#fff}.faqs details{border-radius:14px;background:var(--bg)}
.serve .portal{--po-bg:#C65D35;--po-acc:#D9EC4A}
.bk{background:var(--navy);color:#fff}.bk .kick{color:var(--ball)}.bk .sec-h p{color:#C9D3E6}.bk form{color:var(--ink)}
.bk form .btn{background:var(--ball);color:var(--navy)}
.bk-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:start}
.ct-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px}
.crow>.i{width:26px;height:26px;color:var(--acc)}.lnk{color:var(--acc);font-weight:700;font-size:14px}
.soc a{border:1px solid var(--line);border-radius:14px;background:#fff}
footer{background:#0C1C36;color:#AFC0DC}
@media (max-width:900px){
 .hero{padding:32px 0 44px}.hero::before{inset:14px 12px}.hero::after{display:none}
 .hero-in,.co-in,.bk-in,.ct-in{grid-template-columns:minmax(0,1fr)}
 .hero-t{padding:26px 20px}.hero h1{font-size:38px}.hero-t>p{font-size:16px}
 .hero-v .ph{height:300px;border-radius:150px 150px 20px 20px}
 .board b{font-size:24px}.board span{font-size:12px}
 .rows,.ig,.revs{grid-template-columns:minmax(0,1fr)}.sec-h h2{font-size:31px}
 .row{display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:14px;row-gap:8px}.row .ag{grid-column:2;justify-self:start}
 .facts div{grid-template-columns:auto minmax(0,1fr)}.facts span{grid-column:2}
 .coach{flex-direction:column;text-align:center}
}