@keyframes float {

    0%,
    100% {

        transform: translateY(0);

    }

    50% {

        transform: translateY(-18px);

    }

}

@keyframes pulse {

    0% {

        transform: scale(1);

    }

    50% {

        transform: scale(1.08);

    }

    100% {

        transform: scale(1);

    }

}

@keyframes fadeUp {

    from {

        opacity: 0;

        transform: translateY(40px);

    }

    to {

        opacity: 1;

        transform: translateY(0);

    }

}

.card,
.benefit-card,
.comment {
    animation: fadeUp .8s ease;

}

.hidden {
    opacity: 0;
    transform: translateY(60px);
    transition: .8s;

}

.show {
    opacity: 1;
    transform: translateY(0);

}


@keyframes particle {

    from {
        transform:
            translateY(110vh) scale(.3);
        opacity: 0;

    }

    20% {
        opacity: 1;

    }

    100% {
        transform:
            translateY(-20vh) scale(1.4);
        opacity: 0;

    }

}

@keyframes pulseLight {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.15);

    }

}