@keyframes bounce-X {
    0% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-5px);
    }

    60% {
        transform: translateX(-15px);
    }

    75% {
        transform: translateX(0);
    }

    85% {
        transform: translateX(-5px);
    }

    100% {
        transform: translateX(-0px);
    }
}




@keyframes Slide-mobile {
    0% {
        transform: translate(0);
        rotate: 0 !important;
    }


    50% {
        transform: translateX(100%);
        rotate: 0 !important;
    }

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

@keyframes Slide-mobile-2 {
    0% {
        transform: translate(0);
        rotate: 0 !important;
    }


    50% {
        transform: translateX(100%);
        rotate: 0 !important;
    }

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



@keyframes bounce-Y {
    0% {
        transform: translateY(0);
    }

    25% {
        transform: translateY(-5px);
    }

    60% {
        transform: translateY(-15px);
    }

    75% {
        transform: translateY(0);
    }

    85% {
        transform: translateY(-5px);
    }

    100% {
        transform: translateY(-0px);
    }
}

@keyframes Rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }

}