/* Custom font import */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

body {
  font-family: 'Inter', sans-serif;
}

/* FAQ Answer Transition */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-out, padding 0.4s ease-out;
}

.faq-answer.open {
  max-height: 500px; /* Large enough for content */
  padding-top: 1rem;
  padding-bottom: 1rem;
  transition: max-height 0.5s ease-in, padding 0.5s ease-in;
}

/* Active Header */
.faq-toggle.active-header {
  background-color: #f0f4ff; /* Light indigo */
  border-bottom: 1px solid #e0e7ff;
}

.faq-toggle.active-header .text-gray-800 {
  color: #312e81; /* Dark indigo */
  font-weight: 600;
}

/* Arrow rotation */
.rotate-arrow {
  transition: transform 0.3s ease;
}

.rotated {
  transform: rotate(180deg);
}