/* Template sakina. */
:root{--fb:'Tajawal';--fh:'Amiri';--bg:#F6F3EA;--ink:#23352B;--ink2:#5D6B62;--line:#DCD6C4;--acc:#5E8B6E;--deep:#2F5240;--gold:#B8955A;--nav-bg:rgba(246,243,234,.94);--nav-solid:#F6F3EA;--demo-bg:#2F5240;--r-in:14px;--po-bg:#2F5240;--po-acc:#E3C98F}
body{font-size:17px}
.sakina .btn{border-radius:99px;padding:13px 26px}.sakina .cta,.sakina .b1,form .btn{background:var(--deep);color:#fff}
.sakina .b2{background:transparent;color:var(--deep);border:1.5px solid var(--deep)}
.sec-h h2{font-size:42px;color:var(--deep)}.kick{color:var(--gold)}
.sk-hero{background:url(img/pattern.svg) center/120px,var(--bg);background-blend-mode:normal;position:relative;padding-top:56px;text-align:center}
.sk-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(246,243,234,.82),rgba(246,243,234,.97) 60%)}
.sk-hero .wrap{position:relative}
.sk-k{display:inline-flex;align-items:center;gap:12px;color:var(--gold);font-weight:700;font-size:15px}
.sk-k::before,.sk-k::after{content:"";width:34px;height:1.5px;background:var(--gold)}
.sk-hero h1{font-size:64px;font-weight:700;color:var(--deep);margin:14px 0 10px}.sk-hero h1 em{font-style:normal;color:var(--acc)}
.sk-t>p{max-width:620px;margin:0 auto;color:var(--ink2);font-size:19px}
.hero-b{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:26px 0 34px}
.sk-arch{width:min(440px,100%);margin:0 auto -1px;border-radius:220px 220px 0 0;overflow:hidden;border:8px solid #fff;border-bottom:0;box-shadow:0 -10px 40px rgba(47,82,64,.12)}
.sk-arch img{width:100%;aspect-ratio:4/3;object-fit:cover}
.sk-band{background:var(--deep);color:#fff;position:relative}
.sk-st{display:flex;justify-content:center;gap:0;padding:22px 20px}
.sk-st div{padding:0 34px;text-align:center;border-inline-start:1px solid rgba(255,255,255,.2)}.sk-st div:first-child{border:0}
.sk-st b{display:block;font-family:var(--fh);font-size:34px;color:#E3C98F;line-height:1.2}.sk-st span{font-size:14px;color:#CFDCD3}
.sk-cards{background:#fff}
.sk-g{grid-template-columns:repeat(3,1fr);gap:22px}
.sk-c{background:var(--bg);border:1px solid var(--line);border-radius:160px 160px 18px 18px;padding:46px 24px 26px;text-align:center}
.sk-o{display:block;width:44px;height:44px;margin:0 auto 12px;background:url(img/pattern.svg) center/88px;border-radius:50%;border:2px solid var(--gold)}
.sk-c h3{font-size:26px;color:var(--deep)}.sk-c p{margin:8px 0 0;color:var(--ink2)}
.sk-c .ag{display:inline-block;margin-top:6px;background:#fff;color:var(--acc);border:1px solid var(--line);border-radius:99px;padding:2px 12px;font-size:13px;font-weight:700}
.sk-ig{grid-template-columns:repeat(3,1fr)}
.sk-i{display:flex;gap:14px;align-items:flex-start;background:var(--bg);border-radius:18px;padding:22px}
.sk-i .i{width:46px;height:46px;padding:11px;border-radius:50%;background:var(--deep);color:#E3C98F}
.sk-i h3{font-size:22px;color:var(--deep)}.sk-i p{margin:4px 0 0;color:var(--ink2)}
.sk-info{background:var(--bg)}.sk-info .sk-i{background:#fff}
.why{background:var(--bg)}.why-v{aspect-ratio:4/3;min-height:0;border-radius:200px 200px 18px 18px;border:6px solid #fff}
.ticks .i{width:30px;height:30px;padding:6px;border-radius:50%;background:var(--acc);color:#fff}
.season{background:#fff}.tl>div{background:var(--bg);border-color:var(--line);border-top:4px solid var(--acc)}
.tl .now{background:var(--deep);border-color:var(--deep)}.tl .now small{color:#E3C98F}.tl .now p{color:#CFDCD3}
.gl{background:#fff}.fq{background:var(--bg)}.rv{background:#fff}
.bk{background:var(--deep);color:#fff}.bk .sec-h h2{color:#fff}.bk .sec-h p{color:#CFDCD3}.bk .kick{color:#E3C98F}.bk form{color:var(--ink);border-radius:22px}
.bk form .btn{background:var(--gold)}
.ct{background:#fff}.soc a{border-radius:99px}
footer{background:#22392D;color:#B9C9BE;text-align:center}
@media (max-width:900px){.sk-hero h1{font-size:40px}.sk-g,.sk-ig{grid-template-columns:1fr}.sk-st div{padding:0 14px}.sk-st b{font-size:26px}.sec-h h2{font-size:32px}.sk-c{border-radius:120px 120px 18px 18px}}
.bk-in>*,.bk form label{min-width:0}.bk input,.bk select,.bk textarea{width:100%;min-width:0;max-width:100%}