@keyframes hero-transition {

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes card-transition {
    33.33% {
        opacity: 1;
        transform: translateY(-20px);
    }

    66.66% {
        opacity: 1;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);

    }
}

@keyframes productive-anim {

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes testimonial-anim-card {
    100% {
        opacity: 1;

    }

}