/* Template ofuq. */
:root{--fb:'Mada';--fh:'Marhey';--bg:#FFF8F2;--ink:#2A1B3D;--ink2:#6A5A78;--line:#F2DCCB;--acc:#F06B3F;--pur:#4B2A7B;--sun:#FFB347;--nav-bg:rgba(255,248,242,.94);--nav-solid:#FFF8F2;--demo-bg:#4B2A7B;--r-in:20px;--po-bg:#4B2A7B;--po-acc:#FFB347}
body{font-size:17px}
.ofuq .btn{border-radius:99px}.ofuq .cta,.ofuq .b1,form .btn{background:linear-gradient(90deg,var(--acc),var(--sun));color:#fff}
.ofuq .b2{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.5);backdrop-filter:blur(6px)}
.sec-h h2{font-size:40px;color:var(--pur);font-weight:700}.kick{color:var(--acc)}
.of-hero{position:relative;background:var(--pur) center bottom/cover;color:#fff;text-align:center;padding:90px 0 70px;min-height:620px;display:flex;align-items:flex-start}
.of-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(43,20,70,.55),rgba(43,20,70,.35) 55%,rgba(43,20,70,.1))}
.of-in{position:relative;display:flex;flex-direction:column;align-items:center}
.of-k{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);padding:6px 18px;border-radius:99px;font-weight:500;backdrop-filter:blur(6px)}
.of-hero h1{font-size:66px;line-height:1.3;margin:18px 0 10px;text-shadow:0 4px 30px rgba(40,10,60,.4)}.of-hero h1 em{font-style:normal;color:#FFE1A8}
.of-in>p{max-width:620px;font-size:19px;color:#FBE7F0;text-shadow:0 2px 12px rgba(40,10,60,.5)}
.hero-b{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:26px 0}
.of-st{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:80px}
.of-st div{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(10px);border-radius:20px;padding:12px 26px;min-width:150px}
.of-st b{display:block;font-family:var(--fh);font-size:30px;line-height:1.3}.of-st span{font-size:14px;color:#FBE7F0}
.of-prog{background:linear-gradient(160deg,var(--pur),#7B3A8C 55%,var(--acc));color:#fff}
.of-prog .sec-h h2{color:#fff}.of-prog .kick{color:#FFE1A8}.of-prog .sec-h p{color:#F1DCEB}
.of-g{grid-template-columns:repeat(3,1fr);gap:18px}
.of-c{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:24px;padding:24px;backdrop-filter:blur(8px);position:relative}
.of-dot{display:block;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--sun),var(--acc));margin-bottom:12px;box-shadow:0 0 0 6px rgba(255,179,71,.2)}
.of-c .ag{position:absolute;top:26px;inset-inline-end:22px;font-size:12px;color:#fff;background:rgba(36,18,61,.45);padding:2px 10px;border-radius:99px}
.of-c h3{font-size:24px;font-family:var(--fh)}.of-c p{margin:4px 0 0;color:#F1DCEB}
.of-prog .awards span{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);color:#fff}.of-prog .awards .i{color:var(--sun)}
.of-info{background:var(--bg)}.of-ig{grid-template-columns:repeat(4,1fr)}
.of-i{background:#fff;border-radius:22px;padding:22px;box-shadow:0 10px 30px rgba(75,42,123,.08)}.of-i .i{width:34px;height:34px;color:var(--acc);margin-bottom:8px}.of-i h3{font-size:20px;font-family:var(--fh);color:var(--pur)}.of-i p{margin:2px 0 0;color:var(--ink2)}
.season{background:#fff}.tl{position:relative}
.tl>div{border:0;background:var(--bg);border-radius:22px}.tl small{font-family:var(--fh);font-size:22px}
.tl .now{background:linear-gradient(160deg,var(--pur),var(--acc))}.tl .now small{color:#FFE1A8}.tl .now p{color:#F7E3EE}
.why{background:var(--bg)}.why-v{border-radius:40% 60% 50% 50%/50% 40% 60% 50%;min-height:380px}
.ticks .i{width:30px;height:30px;padding:6px;border-radius:50%;background:linear-gradient(135deg,var(--sun),var(--acc));color:#fff}
.gl{background:#fff}.gal div{border-radius:26px}
.fq{background:var(--bg)}.faqs details{border-radius:18px}
.bk{background:linear-gradient(160deg,var(--pur),#7B3A8C);color:#fff}.bk .sec-h h2{color:#fff}.bk .kick{color:#FFE1A8}.bk .sec-h p{color:#F1DCEB}.bk form{color:var(--ink);border-radius:24px}
.ct{background:#fff}.soc a{border-radius:99px}
footer{background:#24123D;color:#BBA6CF;text-align:center}
@media (max-width:900px){.of-hero{min-height:0;padding:60px 0 40px}.of-hero h1{font-size:40px}.of-st{margin-top:40px}.of-st div{min-width:0;padding:10px 16px}.of-g,.of-ig{grid-template-columns:1fr}.sec-h h2{font-size:32px}.why-v{min-height:280px}}
.bk-in>*,.bk form label{min-width:0}.bk input,.bk select,.bk textarea{width:100%;min-width:0;max-width:100%}