/*
* Animate.css v1.0.0
* Author: Utsab Roy
* Author URI: https://pixll.dev/
*/

.scroll-t {
    overflow: visible;
    overflow-x: clip;
}


@media screen and (min-width: 780px) {
    .animated {
        position: relative;
        overflow-x: clip;
        /* --dur: 2; */
    }

    .animated .reveal {
        opacity: 0;
        animation-delay: calc(var(--delay, 0s) * var(--dur, 1)) !important;
    }

    .animated.start .reveal {
        animation:
            reveal var(--revealDur, 0.8s) var(--revealTF, cubic-bezier(.5, 1, .5, 1)) forwards;
    }

    .animated .reveal-c {
        opacity: 0;
    }

    .animated .reveal-c.ready {
        opacity: 1;
    }

    .animated .reveal-c .reveal-c_item {
        position: relative;
        opacity: 0;
        animation-delay: var(--_delay, 0s) !important;
    }

    .animated.start .reveal-c.ready .reveal-c_item {
        animation:
            reveal var(--revealDur, 0.6s) var(--revealTF, cubic-bezier(.5, 1, .5, 1)) forwards;
    }

    .animated:where(h1, h2, h3) {
        --revealFrom: translatey(1em);
    }
}

@keyframes reveal {
    from {
        opacity: 0;
        transform: var(--revealFrom, translatey(30px));
    }

    to {
        opacity: 1;
        transform: none;
    }
}

:where(.reveal, .reveal-c).rS1 {
    --revealFrom: translate3d(-20px, 80px, 0px) rotateX(-60deg) rotateY(-20deg) rotateZ(-10deg);
}

:where(.reveal, .reveal-c).rS2 {
    transform-origin: top;
    --revealFrom: rotateX(60deg) rotateY(10deg) rotateZ(-10deg);
}

:where(.reveal, .reveal-c).rDown {
    --revealFrom: translatey(-20px);
}

:where(.reveal, .reveal-c).rLeft {
    --revealFrom: translatex(-20px);
}

:where(.reveal, .reveal-c).rRight {
    --revealFrom: translatex(20px);
}

:where(.reveal, .reveal-c).i-1 {
    --delay: 0.01s;
}

:where(.reveal, .reveal-c).i-2 {
    --delay: 0.05s;
}

:where(.reveal, .reveal-c).i-3 {
    --delay: 0.11s;
}

:where(.reveal, .reveal-c).i-4 {
    --delay: 0.19s;
}

:where(.reveal, .reveal-c).i-5 {
    --delay: 0.29s;
}

:where(.reveal, .reveal-c).i-6 {
    --delay: 0.41s;
}

:where(.reveal, .reveal-c).i-7 {
    --delay: 0.55s;
}

:where(.reveal, .reveal-c).i-8 {
    --delay: 0.69s;
}

:where(.reveal, .reveal-c).i-9 {
    --delay: 0.84s;
}

:where(.reveal, .reveal-c).i-10 {
    --delay: 1.00s;
}

:where(.reveal, .reveal-c).i-11 {
    --delay: 1.16s;
}

:where(.reveal, .reveal-c).i-12 {
    --delay: 1.31s;
}

:where(.reveal, .reveal-c).i-13 {
    --delay: 1.45s;
}

:where(.reveal, .reveal-c).i-14 {
    --delay: 1.59s;
}

:where(.reveal, .reveal-c).i-15 {
    --delay: 1.71s;
}

:where(.reveal, .reveal-c).i-16 {
    --delay: 1.81s;
}

:where(.reveal, .reveal-c).i-17 {
    --delay: 1.89s;
}

:where(.reveal, .reveal-c).i-18 {
    --delay: 1.95s;
}

:where(.reveal, .reveal-c).i-19 {
    --delay: 1.99s;
}

:where(.reveal, .reveal-c).i-20 {
    --delay: 2.00s;
}

/*text split*/
.line, .word, .char {
    display: inline-block;
    /* position: static; */
}