[data-aos] {
  opacity: 0;
  transition-property: transform, opacity;
  transition-duration: 1s;
}

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

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

[data-aos="fade-up"].aos-animate {
  transform: translateZ(0);
}

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

[data-aos="fade-down"].aos-animate {
  transform: translateZ(0);
}

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

[data-aos="fade-left"].aos-animate {
  transform: translateZ(0);
}

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

[data-aos="fade-right"].aos-animate {
  transform: translateZ(0);
}