@keyframes fadeUp{

0%{

opacity:0;
transform:translateY(60px);

}

100%{

opacity:1;
transform:translateY(0);

}

}

@keyframes fadeLeft{

0%{

opacity:0;
transform:translateX(-80px);

}

100%{

opacity:1;
transform:translateX(0);

}

}

@keyframes fadeRight{

0%{

opacity:0;
transform:translateX(80px);

}

100%{

opacity:1;
transform:translateX(0);

}

}

@keyframes zoomIn{

0%{

opacity:0;
transform:scale(.8);

}

100%{

opacity:1;
transform:scale(1);

}

}

@keyframes float{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-12px);

}

}


.menu-toggle.active span:nth-child(1){

transform:translateY(0) rotate(45deg);

}

.menu-toggle.active span:nth-child(2){

opacity:0;

}

.menu-toggle.active span:nth-child(3){

transform:translateY(0) rotate(-45deg);

}


.mobile-menu{

transition:right .45s ease;

}

.menu-overlay{

transition:.45s;

}

.menu-toggle span{

transition:.35s ease;

}

.mobile-menu a{

transition:.3s;

}

.mobile-menu a:hover{

transform:translateX(10px);

}

.mobile-btn{

transition:.35s;

}

.mobile-btn:hover{

transform:scale(1.05);

}

.hero-tag{

    transition:all .8s ease;

    transition-delay:.2s;

}

.hero h1{

    transition:all .8s ease;

    transition-delay:.5s;

}

.hero p{

    transition:all .8s ease;

    transition-delay:.8s;

}

.hero-buttons{

    transition:all .8s ease;

    transition-delay:1.1s;

}

.hero{

    animation:heroZoom 12s ease-in-out infinite alternate;

}

@keyframes heroZoom{

    from{

        background-size:100%;

    }

    to{

        background-size:110%;

    }

}
.stat-box{

    animation:fadeUp .8s ease;

}

.stat-box:hover h2{

    transform:scale(1.08);

    transition:.3s;

}

.partners-slider{

    animation:fadeUp .8s ease;

}