.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
  padding: 0 10px;
  background-color: #f9f9f9;
}

.faq-item.active .faq-answer {
  max-height: 200px; /* Adjust based on content */
  padding: 10px;
}

.faq-question {
  cursor: pointer;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

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

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

.animated-alert {
    position: relative;
    padding: 15px 25px;
    font-size: 1.1rem;
    border-radius: 8px;
    background: linear-gradient(135deg, #d4edda, #c3e6cb);
    color: #155724;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    animation: slideFade 0.6s ease-out;
    transition: opacity 0.5s ease;
}

.animated-alert i {
    margin-right: 10px;
    font-size: 1.3rem;
    vertical-align: middle;
}

@keyframes slideFade {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.custom-success {
    background: linear-gradient(135deg, #d4f8d4, #a8e6a3);
    color: #0f5132;
    border: 1px solid #a3cfbb;
    padding: 15px 25px;
    font-size: 1.1rem;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    animation: fadeSlideIn 0.6s ease-out;
    transition: opacity 0.5s ease;
}

.custom-success i {
    margin-right: 10px;
    font-size: 1.3rem;
    vertical-align: middle;
    color: #198754;
}

@keyframes fadeSlideIn {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}