.faq-question {
  cursor: pointer;
  transition: all 0.3s ease;
}

.faq-question:hover {
  color: #3b82f6;
}

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

.faq-item.active .faq-answer {
  max-height: 300px;
  padding-top: 10px;
}

.faq-item.active .faq-question i {
  transform: rotate(180deg);
}