.faq .faq-header {
  cursor: pointer;
  user-select: none;
}

.faq .faq-content-wrapper {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.25s ease;
}

.faq:not(.active) .faq-content {
  visibility: hidden;
}

.faq.active > .faq-header .faq-icon {
  transform: rotate(180deg);
}

.faq.active > .faq-content-wrapper {
  max-height: 5000px;
}

.faq.active > .faq-content-wrapper .faq-content {
  visibility: visible;
}