/* Remove overflow from container-table - it should NOT scroll */
.container-table {
    max-width: 94%;
    margin-left: auto;
    margin-right: auto;
}
.table-header {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
}
.profile-table {
    max-height: 0;
    overflow: hidden;
    transform: translateY(-20px);
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
.profile-table.open {
    max-height: 800px; /* Adjust based on your content */
    transform: translateY(0);
    opacity: 1;
}
.details-table {
    width: 100%;
}

/* Animation for pushing content down and fading in */
.animate-table {
    /*overflow-y: hidden;*/
    transition: max-height 1s ease-in-out, opacity 1s ease-in-out;
    max-height: 0;
    opacity: 0;
}

.animate-table.open {
    opacity: 1;
    max-height: fit-content;
}
/*.table-body {*/
/*    max-height: none;      !* desktop: no vertical clipping *!*/
/*}*/

@media (max-width: 933px) {
    table-header {
        font-size: 8px;
    }

    /*.table-body {*/
    /*    -webkit-overflow-scrolling: touch;*/
    /*    overscroll-behavior: contain;*/
    /*    max-height: 17vh;*/
    /*}*/
}