#faq {
  max-width: 1000px;
  margin: 0 auto;
  padding: 4em 1em;
}
.faq-item {
  border-bottom: 1px solid #ddd;
  padding: 1em 0;
}
.faq-question {
  font-weight: bold;
  cursor: pointer;
  position: relative;
  padding-right: 1.5em;
}
.faq-question::after {
  content: '+';
  position: absolute;
  right: 0;
  top: 0;
  font-size: 1.5em;
  transition: transform 0.3s;
}
.faq-item.open .faq-question::after {
  content: '−';
}
.faq-answer {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.4s ease, opacity 0.4s ease;
  padding-top: 0;
}
.faq-item.open .faq-answer {
  max-height: 400px;
  opacity: 1;
  padding-top: 0.5em;
}