.initial_section.animate .init_block{
    transform: translate(0, -50px);
    opacity: 0;
}
@keyframes init_section {
    0%{
        transform: translate(0, -50px);
        opacity: 0;
    }100%{
        transform: translate(0, 0px);
        opacity: 1;
    }    
}
.initial_section.animate .init_block:nth-of-type(1){
    animation: init_section .5s forwards;
}
.initial_section.animate .init_block:nth-of-type(2){
    animation: init_section .5s forwards;
    animation-delay: .25s;
}
.initial_section.animate .init_block:nth-of-type(3){
    animation: init_section .5s forwards;
    animation-delay: .5s;
}
.about_stats{
    transform: translate(70px, 0px);
    opacity: 1;
    transition: .5s ease-out;
}
.about_course.animate .about_stats{
    transform: translate(0, 0px);
    opacity: 1;
    transition: .5s ease-out;
}
.about_img{
    transform: translate(-70px, 0px);
    opacity: 0;
    transition: .5s ease-out;
}
.about_course.animate .about_img{
    transform: translate(0, 0px);
    opacity: 1;
    transition: .5s ease-out;
}
.about_content{
    transform: translate(0px, -70px);
    opacity: 0;
    transition: .5s ease-out;
}
.about_course.animate .about_content{
    opacity: 1;
    transform: translate(0px, 0px);
    transition: .5s ease-out;
}
.membership_table{
    transform: translate(0px, -170px);
    opacity: 0;
    transition: 1s ease-out;
}
.membership.animate .membership_table{
    transform: translate(0px, 0px);
    opacity: 1;
    transition: 1s ease-out;
}
.membership_subcontent{
    transform: translate(0px, 170px);
    opacity: 0;
    transition: 1s ease-out;
}
.membership.animate .membership_subcontent{
    transform: translate(0px, 0px);
    opacity: 1;
    transition: 1s ease-out;
}