.faq{padding:88px clamp(20px,12vw,190px);display:grid;grid-template-columns:.75fr 1.25fr;gap:58px;align-items:start;background:linear-gradient(135deg,#fffdf7,#f4fbfb)}
.faq-heading{position:sticky;top:24px}.faq h2{margin:0 0 15px;color:#123872;font-size:clamp(30px,4vw,48px);line-height:1.3;font-weight:900}.faq-heading>p:last-child{margin:0;color:#496174;font-weight:700;line-height:1.9}.faq-list{display:grid;gap:12px}
.faq details{background:#fff;border:1px solid rgba(244,176,46,.38);border-radius:16px;box-shadow:0 7px 20px rgba(26,75,93,.08);overflow:hidden}.faq summary{display:flex;align-items:center;gap:14px;cursor:pointer;list-style:none;padding:20px 56px 20px 22px;position:relative;color:#173d72;font-weight:900;font-size:15px}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:'Q';flex:0 0 auto;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#ffd35d,#ff8a56);color:#fff;font-family:Fredoka,sans-serif;font-size:15px;box-shadow:0 3px 0 #d9782f}.faq summary:after{content:'+';position:absolute;right:22px;top:15px;color:#f078a4;font:400 29px/1 Fredoka,sans-serif;transition:transform .25s}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{margin:0;padding:0 24px 21px 64px;color:#536a7b;font-size:14px;font-weight:700;line-height:1.9}
@media(max-width:640px){.faq{grid-template-columns:1fr;gap:28px;padding:62px 26px}.faq-heading{position:static}.faq summary{padding:17px 46px 17px 17px;font-size:13px;gap:10px}.faq summary:before{width:25px;height:25px;font-size:13px}.faq summary:after{right:16px;top:14px;font-size:25px}.faq details p{padding:0 18px 17px 52px;font-size:12px}}