@tailwind base;
@tailwind components;
@tailwind utilities;

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

.animate-fadeIn {
    animation: fadeIn 0.8s ease-out forwards;
}
   .faq-item.active .faq-toggle {
        background-color: #0F0F0F; /* Warna hitam */
        border-color: #0F0F0F;
    }
    .faq-item.active .faq-toggle span {
        color: white;
    }
    .faq-item.active .faq-toggle svg {
        transform: rotate(180deg);
        color: white;
    }
    .faq-item.active .faq-content {
        /* Nilai max-height harus cukup besar untuk menampung konten terpanjang Anda */
        max-height: 500px; 
    }
    .faq-content {
        transition: max-height 0.5s ease-in-out;
    }