[data-aos] {
    opacity: 0;
    transition-property: transform, opacity;
    will-change: transform, opacity;
}

[data-aos].aos-animate {
    opacity: 1;
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
    transition-duration: 400ms;
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
    transition-duration: 800ms;
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1000ms;
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1200ms;
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
    transition-delay: 100ms;
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
    transition-delay: 200ms;
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
    transition-delay: 300ms;
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
    transition-delay: 400ms;
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity, transform;
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translate(0);
}

[data-aos=fade-up] {
    transform: translate3d(0, 100px, 0);
}

[data-aos=fade-down] {
    transform: translate3d(0, -100px, 0);
}

[data-aos=fade-right] {
    transform: translate3d(-100px, 0, 0);
}

[data-aos=fade-left] {
    transform: translate3d(100px, 0, 0);
}

[data-aos=fade-up-right] {
    transform: translate3d(-100px, 100px, 0);
}

[data-aos=fade-up-left] {
    transform: translate3d(100px, 100px, 0);
}

[data-aos=fade-down-right] {
    transform: translate3d(-100px, -100px, 0);
}

[data-aos=fade-down-left] {
    transform: translate3d(100px, -100px, 0);
}

[data-aos=zoom-in] {
    opacity: 0;
    transform: scale(0.6);
}

[data-aos=zoom-in].aos-animate {
    opacity: 1;
    transform: scale(1);
}

[data-aos=zoom-out] {
    opacity: 0;
    transform: scale(1.2);
}

[data-aos=zoom-out].aos-animate {
    opacity: 1;
    transform: scale(1);
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg);
    opacity: 0;
}

[data-aos=flip-left].aos-animate {
    transform: perspective(2500px) rotateY(0);
    opacity: 1;
}

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg);
    opacity: 0;
}

[data-aos=flip-right].aos-animate {
    transform: perspective(2500px) rotateY(0);
    opacity: 1;
}

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg);
    opacity: 0;
}

[data-aos=flip-up].aos-animate {
    transform: perspective(2500px) rotateX(0);
    opacity: 1;
}

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg);
    opacity: 0;
}

[data-aos=flip-down].aos-animate {
    transform: perspective(2500px) rotateX(0);
    opacity: 1;
}