.accordion-content {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  margin-top: 5px;
  transform: translateY(20px); 
  transition: max-height 0.4s ease, opacity 0.4s ease, transform 0.4s ease;
}

.accordion-content.expanded {
  max-height: 200px; 
  opacity: 1;
  transform: translateY(0);
}

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