﻿.animated-section {
    transition: opacity 0.3s ease, transform 0.3s ease !important;
    transform-origin: center center !important;
    opacity: 1 !important;
    transform: scale(1) !important;
}

    .animated-section.hidden {
        opacity: 0 !important;
        transform: scale(0.3) !important;
    }
/*Orinal*/
/*.fade-scale {
    transform-origin: top center;
    transition: transform 0.2s ease, opacity 0.2s ease;
    opacity: 1;
    transform: scaleY(1);
}

    .fade-scale.hidden {
        opacity: 0;
        transform: scaleY(0);
    }*/
.fade-scale {
    opacity: 1;
    transform: scale(1);
}
    /*.fade-scale {
    transition: opacity 0.3s, transform 0.3s, max-height 0.3s;
    opacity: 1;
    transform: scale(1);
    max-height: 500px;*/ /* big enough for your content */
    /*overflow: hidden;
}*/

    .fade-scale.hidden {
        opacity: 0;
        transform: scale(0.95);
        max-height: 0; /* collapse the height */
        margin: 0; /* remove vertical gaps */
        padding: 0; /* remove padding gaps */
    }
