@keyframes fadeIn-text {
    0% {
        opacity: 0;
        top: 5px;
    }
    100% {
        opacity: 1;
        top: 0;
    }
}

@keyframes btnOpen-navMenu-opacity {
    0% {
        opacity: 1;
    }
    5% {
        opacity: 0.5;
    }
    10% {
        opacity: 0;
    }
    40% {
        opacity: 0;
    }
    75% {
        opacity: 0.75;
    }
    100% {
        opacity: 1;
    }
}

@keyframes btnClose-navMenu-opacity {
    0% {
        opacity: 1;
    }
    5% {
        opacity: 0.5;
    }
    10% {
        opacity: 0;
    }
    40% {
        opacity: 0;
    }
    75% {
        opacity: 0.75;
    }
    100% {
        opacity: 1;
    }
}

@keyframes swiper-arrow {
    0% {
        transform: translate(0);
    }
    50% {
        transform: translate(5px);
    }
    100% {
        transform: translate(0);
    }
}