/* Template farasha. */
:root{--fb:'Vazirmatn';--fh:'Marhey';--bg:#FBF5FF;--ink:#3B2A5A;--ink2:#6E5E8A;--line:#EADDF8;--acc:#8E5BD9;--pink:#F27CB0;--mint:#7FD8BE;--yel:#FFD86B;--lilac:#E9DDFF;--nav-bg:rgba(251,245,255,.92);--nav-solid:#FBF5FF;--demo-bg:#5B3A99;--r-in:26px;--po-bg:#5B3A99;--po-acc:#FFD86B}
.brand>span{font-family:var(--fh);font-weight:700;font-size:20px;color:var(--acc)}.brand small{color:var(--pink);opacity:1;font-weight:700}
.farasha .btn{border-radius:99px;padding:14px 28px}
.farasha .cta,.farasha .b1,form .btn{background:linear-gradient(100deg,var(--acc),var(--pink));color:#fff;box-shadow:0 12px 26px rgba(142,91,217,.3)}
.farasha .b2{background:#fff;color:var(--acc);box-shadow:0 6px 18px rgba(142,91,217,.12)}
h1,h2,h3{font-family:var(--fh);font-weight:600}
.kick{color:var(--pink);font-size:15px}
.kick::before{content:"";display:inline-block;width:20px;height:14px;margin-inline-end:8px;vertical-align:-1px;background:url(img/bfly.svg) center/contain no-repeat}
.sec-h h2{font-size:38px;line-height:1.45;color:var(--ink)}

/* hero */
.hero{padding:50px 0 90px;position:relative;overflow:hidden;background:radial-gradient(500px 340px at 0 100%,#E5FFF6,transparent 70%),radial-gradient(500px 360px at 100% 0,#FFE6F2,transparent 70%)}
.hero-in{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.pill{display:inline-block;background:var(--lilac);color:var(--acc);font-weight:700;font-size:14px;padding:6px 16px;border-radius:99px}
.hero h1{font-size:54px;line-height:1.5;margin:16px 0}
.hero h1 em{font-style:normal;color:var(--pink);text-decoration:underline wavy var(--mint) 3px;text-underline-offset:14px}
.hero-t>p{font-size:18px;color:var(--ink2);max-width:520px;margin:0}
.hero-b{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}
.bubbles{display:flex;gap:12px;flex-wrap:wrap}
.bubbles div{background:#fff;border-radius:22px 22px 22px 6px;padding:10px 18px;box-shadow:0 8px 20px rgba(142,91,217,.1)}
.bubbles div:nth-child(2){border-radius:22px 6px 22px 22px}
.bubbles b{display:block;font-family:var(--fh);font-size:24px;color:var(--acc);line-height:1.3}.bubbles div:nth-child(2) b{color:var(--pink)}.bubbles div:nth-child(3) b{color:#2FA886}
.bubbles span{font-size:13px;color:var(--ink2)}
.blobs{position:relative;height:500px}
.blob{position:absolute;background:center/cover;box-shadow:0 26px 50px rgba(91,58,153,.2)}
.bl1{inset:0 0 70px 40px;border-radius:58% 42% 51% 49%/46% 55% 45% 54%;border:10px solid #fff}
.bl2{width:200px;height:200px;bottom:0;inset-inline-start:0;border-radius:42% 58% 63% 37%/50% 41% 59% 50%;border:8px solid #fff}
.fly{position:absolute;width:70px;height:63px;background:url(img/bfly.svg) center/contain no-repeat;animation:flt 5s ease-in-out infinite}
.f1{top:-10px;inset-inline-end:10px}.f2{width:52px;height:47px;top:44%;inset-inline-start:0;background-image:url(img/bfly2.svg);animation-delay:-2s}
@keyframes flt{50%{transform:translateY(-14px) rotate(8deg)}}
@media (prefers-reduced-motion:reduce){.fly{animation:none}}

/* cards */
.card{background:#fff;border:0;border-radius:26px;padding:24px;box-shadow:0 12px 32px rgba(91,58,153,.08)}
.stg3{grid-template-columns:repeat(3,1fr);gap:26px;padding-top:16px}
.stg3 .card{position:relative;text-align:center;padding:36px 26px 30px;border-radius:40px}
.stg3 .c0{background:#F1E8FF}.stg3 .c1{background:#FFE8F2}.stg3 .c2{background:#E2F8F1}
.ribbon{position:absolute;top:-14px;inset-inline:0;margin:auto;width:max-content;background:var(--acc);color:#fff;font-size:13px;font-weight:700;padding:4px 16px;border-radius:99px}
.c1 .ribbon{background:var(--pink)}.c2 .ribbon{background:#2FA886}
.halo{width:92px;height:92px;margin:0 auto 10px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 8px 20px rgba(91,58,153,.12)}
.bf{width:56px;height:50px;color:var(--acc)}.c1 .bf{color:var(--pink)}.c2 .bf{color:#2FA886}
.stg3 h3{font-size:24px;margin-bottom:6px}.stg3 p{margin:0;color:var(--ink2)}
.soft{grid-template-columns:repeat(3,1fr)}
.soft .ic{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--lilac);color:var(--acc);margin-bottom:12px}
.soft h3{font-size:20px;margin-bottom:4px}.soft p{margin:0;color:var(--ink2)}
.awards span,.soc a{border:0;border-radius:99px;box-shadow:0 6px 16px rgba(91,58,153,.08)}

/* sections */
.ben{background:#fff;border-radius:60px}
.bc{padding:0;overflow:hidden;border-radius:32px;box-shadow:0 12px 32px rgba(91,58,153,.1)}
.bh{height:200px;border-radius:0 0 50% 50%/0 0 34px 34px;background-color:var(--bg)}
.bc h3{font-size:22px;padding:18px 22px 8px}.bc .ticks{padding:0 22px 24px;gap:10px}
.ticks{list-style:none;padding:0;margin:0;display:grid;gap:14px}.ticks li{display:flex;gap:10px}
.ticks .i{width:26px;height:26px;padding:5px;border-radius:50%;background:var(--pink);color:#fff}
.ticks b{display:block;font-size:18px}.ticks span{color:var(--ink2)}
.quote{color:var(--acc);font-family:var(--fh)}
.season{background:transparent}
.tl>div{border:0;border-radius:30px;background:#fff;box-shadow:0 8px 24px rgba(91,58,153,.07)}
.tl small{background:var(--lilac);color:var(--acc);padding:1px 12px;border-radius:99px;direction:ltr}
.tl .now{background:linear-gradient(135deg,var(--pink),var(--acc))}.tl .now small{background:rgba(255,255,255,.25);color:#fff}.tl .now p{color:#FFF0F7}
.why{background:#fff;border-radius:60px}
.why-v{border-radius:42% 58% 63% 37%/50% 41% 59% 50%;min-height:400px;background-color:var(--bg)}
.why .ticks .i{background:var(--mint);color:var(--ink)}
.farasha .portal{--po-bg:#5B3A99;--po-acc:#FFD86B;border-radius:60px;margin:0 12px}
.po-card{border-radius:30px}
.gal div{border-radius:30px;border:6px solid #fff;box-shadow:0 10px 26px rgba(91,58,153,.1)}
.fq{background:transparent}.faqs details{border:0;border-radius:20px;box-shadow:0 6px 18px rgba(91,58,153,.07)}.faqs summary::after{color:var(--pink)}
.bk{background:linear-gradient(135deg,#EADBFF,#FFE1EE)}.bk form{border-radius:30px;box-shadow:0 20px 40px rgba(91,58,153,.12)}
input,select,textarea{border-radius:16px;border:2px solid var(--line)}
footer{background:var(--ink);color:#D9CDEE;text-align:center}

@media (max-width:900px){
 .hero{padding:34px 0 60px}.hero-in{grid-template-columns:1fr;gap:30px}.hero h1{font-size:36px}
 .blobs{height:360px}.bl1{inset:0 0 50px 30px}.bl2{width:140px;height:140px}
 .stg3,.soft{grid-template-columns:1fr;gap:30px}.sec-h h2{font-size:28px}
 .ben,.why{border-radius:32px}.farasha .portal{border-radius:32px;margin:0}.why-v{min-height:280px}
}