@media (prefers-reduced-motion) {
    .js-scroll {
        opacity: 1;
    }

    .scrolled {
        animation: none !important;
    }
}

/* ----------------------------------------------
 * Generated by Animista on 2023-3-15 15:46:57
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
.scrolled.scale-up-tl {
    -webkit-animation: scale-up-tl .5s cubic-bezier(.39, .575, .565, 1.000) both;
    animation: scale-up-tl .5s cubic-bezier(.39, .575, .565, 1.000) both;
}

.scrolled.scale-up-hor-right {
    -webkit-animation: scale-up-hor-right .5s cubic-bezier(.39, .575, .565, 1.000) both;
    animation: scale-up-hor-right .5s cubic-bezier(.39, .575, .565, 1.000) both;
}

.scrolled.slide-left {
    -webkit-animation: slide-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s both;
    animation: slide-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s both;
}

.scrolled.slide-right {
    -webkit-animation: slide-right 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s both;
    animation: slide-right 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s both;
}

.scrolled.fade-in-top {
    -webkit-animation: fade-in-top 1s cubic-bezier(.39, .575, .565, 1.000) both;
    animation: fade-in-top 1s cubic-bezier(.39, .575, .565, 1.000) both;
    animation-delay: .3s;
}

.scrolled.fade-in-top:nth-child(2) {
    animation-delay: .4s;
}

.scrolled.fade-in-top:nth-child(3) {
    animation-delay: .5s;
}


.scrolled.scale-in-ver-bottom {
    -webkit-animation: scale-in-ver-bottom .5s cubic-bezier(.25, .46, .45, .94) both;
    animation: scale-in-ver-bottom .5s cubic-bezier(.25, .46, .45, .94) both
}

@-webkit-keyframes scale-up-tl {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

@keyframes scale-up-tl {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

@-webkit-keyframes scale-up-hor-right {
    0% {
        -webkit-transform: scaleX(.4);
        transform: scaleX(.4);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }

    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }
}

@keyframes scale-up-hor-right {
    0% {
        -webkit-transform: scaleX(.4);
        transform: scaleX(.4);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }

    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }
}

@-webkit-keyframes slide-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

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

@keyframes slide-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

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

@-webkit-keyframes slide-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

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

@keyframes slide-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

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

@-webkit-keyframes fade-in-top {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
        opacity: 0
    }

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

@keyframes fade-in-top {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
        opacity: 0
    }

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

@-webkit-keyframes scale-in-ver-bottom {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        opacity: 1
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        opacity: 1
    }
}

@keyframes scale-in-ver-bottom {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        opacity: 1
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        opacity: 1
    }
}