.accordion {
    width: 100%;
    overflow: hidden;
}

.accordion-header {
    cursor: pointer;
}

.accordion-content {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.accordion-item.active .accordion-content {
    max-height: 1000px;
    /* Adjust height as needed */
    opacity: 1;
}