.animate_fade{
    opacity: 0;
    transition: .6s opacity ease;
}
.animate_fade_open{
    opacity: 1;
}
.animation_fade_and_translate{
    opacity: 0;
    transform: translateY(100%);
    transition: .6s  ease;
}
.animation_fade_and_translate_open{
    opacity: 1;
    transform: translateY(0);
}
.animate_slide::before{
    content: '';
    inset: 0 0 0 0;
    background: var(--color-white);
    position: absolute;
    z-index: 2;
    border-radius: 30px;
    transition: 2s  ease ;
}
.animate_slide{
    position: relative;
    overflow: hidden;
}
.animate_slide_open::before{
    transform: translateY(100%);
}
.delay_2{
    transition-delay:.3s ;
}
.delay_3{
    transition-delay:.6s ;
}