/* Animation */
/* Fade In */
.fade-in {
    opacity: 0;
    transition: opacity 1.5s ease-out 0.3s !important;
}

.fade-in.animate {
    opacity: 1;
}

/* Fade Up */
.fade-up {
    opacity: 0;
    transform: translateY(6rem);
    transition: opacity 1.5s ease-out 0.3s, transform 1.5s ease-out 0.3s !important;
}

.fade-up.animate {
    opacity: 1;
    transform: translateY(0);
}

/* Fade In Left */
.fade-in-left {
    opacity: 0;
    transform: translateX(-2rem);
    transition: opacity 1.2s ease-out 0.3s, transform 1.2s ease-out 0.3s !important;
}

.fade-in-left.animate {
    opacity: 1;
    transform: translateX(0);
}

/* Fade In Right */
.fade-in-right {
    opacity: 0;
    transform: translateX(2rem);
    transition: opacity 1.2s ease-out 0.3s, transform 1.2s ease-out 0.3s !important;
}

.fade-in-right.animate {
    opacity: 1;
    transform: translateX(0);
}

/* Move Up */
.move-up {
    transform: translateY(6rem);
    transition: transform 1.5s ease-out 0s !important;
}

.move-up.animate {
    transform: translateY(0);
}

/* Delay Change */
.animation-delay-1 {transition-delay: 1s !important;}

/* Title animate */
.title.animate .fade-up {
    opacity: 1;
    transform: translateY(0);
}