.faq {
  background:white
}

.faq-wrap {
  max-width:840px;
  margin:auto
}

.faq-list {
  border-top:1px solid var(--line)
}

.faq-item {
  border-bottom:1px solid var(--line)
}

.faq-question {
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border:0;
  background:transparent;
  text-align:left;
  padding:23px 0;
  color:var(--navy);
  font-weight:700;
  cursor:pointer
}

.faq-toggle {
  flex:0 0 auto;
  width:28px;
  height:28px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#f0f7fa;
  transition:.25s
}

.faq-answer {
  display:grid;
  grid-template-rows:0fr;
  transition:grid-template-rows .3s ease
}

.faq-answer>div {
  overflow:hidden
}

.faq-answer p {
  color:var(--muted);
  margin:0;
  padding:0 50px 22px 0;
  font-size:.92rem
}

.faq-item.open .faq-answer {
  grid-template-rows:1fr
}

.faq-item.open .faq-toggle {
  transform:rotate(45deg);
  background:var(--aqua-pale)
}