/* Style the accordion container */
.accordion {
    width           : 100%;
    margin          : auto;
    background-color: var(--zinc-50);
    border          : 1px solid var(--border);
    border-radius   : var(--rounded-default);
}
.accordion h5 {
    font-size   : 20px;
    font-weight : 600 !important;
}
.accordion-title {
    font-size  : 20px;
    font-weight: 400;
    color      : #212121;
}
/* Style the accordion header */
.accordion-header {
    display        : flex;
    justify-content: space-between;
    align-items    : center;
    padding        : 15px;
    cursor         : pointer;
    border-radius  : var(--rounded-default) var(--rounded-default) 0 0;
}
.accordion-header:hover {
    background-color: var(--zinc-100);
    border-radius   : var(--rounded-default) var(--rounded-default) 0 0;
}

/* Style the accordion panel (content) */
.accordion-panel {
    display   : none;
    padding   : 15px;
    transition: max-height 0.3s ease;  /* Transition for max-height */
    overflow  : hidden;
}

/* Show/hide the accordion panel when clicked */
.accordion-item.active .accordion-panel {
    display   : block;
    max-height: 1000px;  /* Set max-height to a value greater than expected panel height */
}