/* Scroll Animation Classes using jquery.inview.js */

/* Base class for all inview animations */
.inview {
  opacity: 0;
  transition: opacity 1.5s cubic-bezier(0.4, 0, 0.2, 1),
              transform 1.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Fade in from bottom (up direction) */
.fadeIn_up {
  transform: translateY(80px);
}

.fadeIn_up.is-show {
  opacity: 1;
  transform: translateY(0);
}

/* Fade in from left */
.fadeIn_left {
  transform: translateX(-80px);
}

.fadeIn_left.is-show {
  opacity: 1;
  transform: translateX(0);
}

/* Fade in from right */
.fadeIn_right {
  transform: translateX(80px);
}

.fadeIn_right.is-show {
  opacity: 1;
  transform: translateX(0);
}

/* Delayed animations for sequential effects */
.inview.delay-1 {
  transition-delay: 0.15s;
}

.inview.delay-2 {
  transition-delay: 0.3s;
}

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

.inview.delay-4 {
  transition-delay: 0.6s;
}

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