.fade-in {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.fade-in.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.fade-in-up {
    transform: translateY(40px);
}

.fade-in-down {
    transform: translateY(-40px);
}

.fade-in-left {
    transform: translateX(-40px);
}

.fade-in-right {
    transform: translateX(40px);
}

.fade-in-up.is-visible,
.fade-in-down.is-visible,
.fade-in-left.is-visible,
.fade-in-right.is-visible {
    transform: translate(0, 0);
}

.fade-in-up,
.fade-in-down,
.fade-in-left,
.fade-in-right {
    opacity: 0;
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.fade-in-up.is-visible,
.fade-in-down.is-visible,
.fade-in-left.is-visible,
.fade-in-right.is-visible {
    opacity: 1;
}

.fade-delay-1 {
    transition-delay: 0.15s;
}

.fade-delay-2 {
    transition-delay: 0.30s;
}

.fade-delay-3 {
    transition-delay: 0.45s;
}

.fade-delay-4 {
    transition-delay: 0.60s;
}

.fade-delay-5 {
    transition-delay: 0.75s;
}