.faq-container{max-width:820px;margin:0 auto;padding:0 24px 70px}
.faq-category{margin-bottom:44px}
.faq-category h2{font-size:20px;color:var(--navy);margin:0 0 16px;padding-bottom:10px;border-bottom:2px solid var(--pale)}
.faq-item{border:1px solid var(--line);border-radius:12px;margin-bottom:12px;overflow:hidden;background:#fff}
.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;background:none;border:0;text-align:left;font-size:15px;font-weight:700;color:var(--navy);cursor:pointer}
.faq-question:hover{background:#fbfdff}
.faq-icon{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--pale);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;transition:.25s}
.faq-item.open .faq-icon{transform:rotate(45deg);background:var(--blue);color:#fff}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}
.faq-answer p,.faq-answer ul{padding:0 20px;color:var(--muted);font-size:14px;line-height:1.65}
.faq-answer p{margin:0 0 14px}
.faq-answer p:first-child{margin-top:4px}
.faq-answer p:last-child{margin-bottom:20px}
.faq-answer ul{margin:0 0 14px;padding-left:40px}
.faq-answer li{margin-bottom:6px}
.faq-answer b{color:var(--navy)}

@media(max-width:640px){
  .faq-question{font-size:14px;padding:15px 16px}
  .faq-category h2{font-size:18px}
}