@import url('https://fonts.googleapis.com/css2?family=Yatra+One&family=Mukta:wght@400;600;700&display=swap'); .sb{--ink:#241545;--muted:#5d5278;--plum:#3B1F7A;--sun:#F4A62A;--rose:#D9366F;--line:#e6dcf0;--tint:#F1E8FA;font-family:"Mukta",system-ui,sans-serif;font-size:18px;line-height:1.6;color:var(--ink);max-width:980px;margin:0 auto} .sb *,.sb *::before,.sb *::after{box-sizing:border-box} .sb h1,.sb h2,.sb h3,.sb p,.sb ul,.sb ol,.sb dl,.sb dd{margin:0;padding:0} .sb .hero{background:var(--plum);color:#fff;border-radius:20px 20px 0 0;padding:40px 30px 90px;position:relative;overflow:hidden} .sb .hero::after{content:"";position:absolute;right:-90px;top:-90px;width:300px;height:300px;border-radius:50%;border:36px solid rgba(244,166,42,.22)} .sb .hero::before{content:"";position:absolute;right:60px;bottom:-60px;width:140px;height:140px;border-radius:50%;background:rgba(217,54,111,.35)} .sb .hero>*{position:relative;z-index:1} .sb .occasion{font-size:1rem;opacity:.88;margin-bottom:10px} .sb .hero h1{font-family:"Yatra One","Mukta",serif;font-weight:400;font-size:clamp(2.2rem,7vw,4.2rem);line-height:1.15;color:#fff} .sb .hero h1 span{display:block;color:var(--sun)} .sb .eng{font-size:1.15rem;margin-top:14px;opacity:.92} .sb .org{font-size:.95rem;margin-top:10px;opacity:.8} .sb .org a{color:var(--sun)} .sb .facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:-56px 20px 0;background:#fff;border-radius:18px;box-shadow:0 12px 30px […]
