.accordion-content {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease-out;
  padding: 0 1.5rem; /* px-6 */
}

.accordion-content.accordion-closed {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* Add transition for padding */
.accordion-content {
  transition: max-height 0.3s ease-out, padding 0.3s ease-out;
}

/* Optional: Add transition for the icon rotation */
.accordion-trigger svg {
  transition: transform 0.3s ease;
}