/* -------------------------
   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;}

/* Service Icon Tree Animation */
.service-icon .container::before {transform:translateX(-100px); opacity:0; transition:opacity 1.2s ease-out 1s, transform 1.2s ease-out 1s !important;}
.service-icon.service-icon-alt .container::before {transform: translateX(100px);}
.service-icon.animate .container::before {transform:translateX(0); opacity:1;}