/* Template alwan: white studio with magenta, cyan and yellow paint. */
:root{--fb:'Vazirmatn';--fh:'Marhey';--bg:#FFFDF8;--ink:#22223B;--ink2:#5E5E76;--line:#EFE6D6;--acc:#E6337A;--cy:#00A6D6;--ye:#FFC400;--nav-bg:rgba(255,253,248,.94);--nav-solid:#FFFDF8;--demo-bg:#22223B;--r-in:14px}
.alwan .nav{border-bottom:4px solid;border-image:linear-gradient(90deg,var(--acc),var(--ye),var(--cy)) 1}
.alwan .btn{border-radius:14px}.alwan .cta,.alwan .b1,form .btn{background:var(--acc);color:#fff}
.alwan .b2{background:var(--ye);color:var(--ink)}
.card{background:#fff;border:2px solid var(--ink);border-radius:14px;padding:22px}
.kick{color:var(--cy);font-family:var(--fh)}
.sec-h h2{font-size:40px;font-weight:700}.sec-h h2 em{font-style:normal;color:var(--acc)}
.hero{position:relative;padding:56px 0 80px;overflow:hidden}
.splash{position:absolute;border-radius:46% 54% 60% 40%/50% 40% 60% 50%;opacity:.18;pointer-events:none}
.splash.a{width:420px;height:380px;background:var(--acc);top:-120px;inset-inline-end:-100px}
.splash.b{width:300px;height:280px;background:var(--cy);bottom:-120px;inset-inline-start:-80px}
.splash.c{width:180px;height:170px;background:var(--ye);top:40%;inset-inline-start:42%;opacity:.3}
.hero-in{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.hero .tag{display:inline-block;background:var(--ink);color:#fff;font-weight:700;font-size:14px;padding:6px 14px;border-radius:8px;transform:rotate(-2deg)}
.hero h1{font-size:64px;font-weight:700;margin:16px 0;line-height:1.3}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--acc),#F2761D,var(--ye),var(--cy));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-t>p{font-size:18px;color:var(--ink2);max-width:520px}
.hero-b{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.chips{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}
.chip{background:#fff;border:2px solid var(--ink);border-radius:12px;padding:8px;box-shadow:6px 6px 0 var(--ink)}
.chip.c1{transform:rotate(-4deg);margin-top:30px}.chip.c2{transform:rotate(2deg)}.chip.c3{transform:rotate(-1deg);margin-top:50px}
.ci{aspect-ratio:3/4;background:center/cover;border-radius:6px}
.cl{padding:10px 6px 4px;border-radius:6px;margin-top:8px;color:#fff;background:var(--acc)}
.c2 .cl{background:var(--cy)}.c3 .cl{background:var(--ye);color:var(--ink)}
.cl b{display:block;font-family:var(--fh);font-size:24px;line-height:1.1}.cl span{font-size:13px}
.sw{grid-template-columns:repeat(3,1fr)}
.sw .card{padding:0;overflow:hidden;box-shadow:5px 5px 0 var(--ink);transition:transform .2s}.sw .card:hover{transform:translateY(-4px)}
.sw .top{height:110px;padding:16px 18px;display:flex;justify-content:space-between;align-items:flex-start;color:#fff;background:var(--acc)}
.k1 .top{background:var(--cy)}.k2 .top{background:var(--ye);color:var(--ink)}.k3 .top{background:#7B5CD6}.k4 .top{background:#2BB673}
.top b{font-family:var(--fh);font-size:22px;opacity:.85}.top .i{width:36px;height:36px}
.top .ag{background:rgba(255,255,255,.9);color:var(--ink);font-size:12px;font-weight:700;padding:3px 10px;border-radius:99px}
.bot{padding:16px 18px 20px;border-top:2px solid var(--ink)}.bot h3{font-size:22px;margin-bottom:4px}.bot p{margin:0;color:var(--ink2)}
.ben{background:#FFF5DA}.bc{box-shadow:5px 5px 0 var(--ink)}.bc h3{color:var(--acc)}.bh{border-bottom:2px solid var(--ink)}
.ticks{list-style:none;padding:0;margin:0;display:grid;gap:10px}.ticks li{display:flex;gap:10px}.ticks .i{color:var(--acc)}
.quote{font-family:var(--fh);color:var(--ink);font-size:28px}
.achv{background:#fff}.pl{border:2px solid var(--ink);border-radius:14px;box-shadow:5px 5px 0 var(--ink)}.pl .ph{height:220px;border-bottom:2px solid var(--ink)}.pl span{color:var(--acc)}
.gl{background:var(--ink)}.gl .sec-h h2{color:#fff}.gl .kick{color:var(--ye)}.gal div{border:4px solid #fff;border-radius:10px}
.season{background:#fff}.tl>div{border:2px solid var(--ink);border-radius:14px}.tl>div:nth-child(1){border-top:10px solid var(--acc)}.tl>div:nth-child(2){border-top:10px solid var(--cy)}.tl>div:nth-child(3){border-top:10px solid var(--ye)}
.tl .now{background:var(--acc);color:#fff;border-color:var(--ink)}.tl .now small{color:#FFE7F0}.tl .now p{color:#FFE7F0}
.rv{background:#E5F7FC}.rev{box-shadow:4px 4px 0 var(--ink)}
.fq{background:#fff}.faqs details{border:2px solid var(--ink)}
.bk{background:var(--cy);color:#fff}.bk .kick{color:var(--ink)}.bk .sec-h p{color:#E6F8FD}.bk form{background:#fff;color:var(--ink);box-shadow:6px 6px 0 var(--ink);border:2px solid var(--ink)}
.soc a{border:2px solid var(--ink)}
footer{background:var(--ink);color:#C8C8D8}
@media (max-width:900px){.hero-in{grid-template-columns:1fr}.hero h1{font-size:42px}.chips{gap:10px}.chip{padding:5px;box-shadow:4px 4px 0 var(--ink)}.cl b{font-size:18px}.cl span{font-size:11px}
.sw{grid-template-columns:1fr}.sec-h h2{font-size:30px}}
.bk-in>*,form>*,label{min-width:0}input,select,textarea{width:100%;min-width:0}
