.faq-container{
  max-width:760px;
  margin:0 auto;
  padding:48px 18px 80px;
}
.faq-title{
  margin-bottom:16px;
  text-align:center;
  color:var(--brand);
  font-weight:800;
  font-size:36px;
  letter-spacing:.5px;
}
.faq-list{
  display:grid;
  gap:14px;
}
.faq-item{
  background:var(--card);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  overflow:hidden;
}
.faq-question{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:20px 22px;
  cursor:pointer;
  font-weight:700;
  font-size:18px;
  color:var(--text);
  user-select:none;
}
.faq-question:hover{
  background:#f2f5ff;
}
.faq-icon{
  width:22px;
  height:22px;
  display:inline-grid;
  place-items:center;
  transition:.25s;
}
.faq-answer{
  padding:0 22px;
  color:var(--muted);
  background:linear-gradient(#fff,#fff);
  max-height:0;
  overflow:hidden;
  transition:max-height .35s ease;
}
.faq-answer-content{
  margin:14px 0;
  line-height: 1.5715;
}
.faq-item.open .faq-answer{
  padding:0 22px 18px 22px;
}
.faq-item.open .faq-icon{
  transform:rotate(45deg);
}