.faq-item {
  transition: all 0.3s ease;
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s ease;
  opacity: 0;
}

.faq-answer.active {
  max-height: 500px; /* Adjust based on your content */
  opacity: 1;
  margin-top: 1rem;
}

.faq-caret {
  transition: transform 0.3s ease;
}

.faq-caret.active {
  transform: rotate(180deg);
}