[data-aos] {
  opacity: 0;
  transition-property: opacity, transform;
  transition-duration: 0.6s;
  transition-timing-function: ease;
}

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


[data-aos="fade"] {
  transform: none;
}

/* fade-up */
[data-aos="fade-up"] {
  transform: translateY(30px);
}

[data-aos="fade-down"] {
  transform: translateY(-30px);
}

[data-aos="fade-right"] {
  transform: translateX(30px);
}

[data-aos="fade-left"] {
  transform: translateX(-30px);
}

[data-aos="fade-up-right"] {
  transform: translate(30px, 30px);
}

[data-aos="fade-up-left"] {
  transform: translate(-30px, 30px);
}

[data-aos="fade-down-right"] {
  transform: translate(30px, -30px);
}

[data-aos="fade-down-left"] {
  transform: translate(-30px, -30px);
}


[data-aos="flip-left"] {
  backface-visibility: hidden;
  transform: perspective(2500px) rotateY(-90deg);
}

[data-aos="flip-left"].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos="flip-right"] {
  backface-visibility: hidden;
  transform: perspective(2500px) rotateY(90deg);
}

[data-aos="flip-right"].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos="flip-up"] {
  backface-visibility: hidden;
  transform: perspective(2500px) rotateX(90deg);
}

[data-aos="flip-up"].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

[data-aos="flip-down"] {
  backface-visibility: hidden;
  transform: perspective(2500px) rotateX(-90deg);
}

[data-aos="flip-down"].aos-animate {
  transform: perspective(2500px) rotateX(0);
}


[data-aos="zoom-in"] {
  transform: scale(0.6);
}

[data-aos="zoom-in"].aos-animate {
  transform: scale(1);
}

[data-aos="zoom-out"] {
  transform: scale(1.3);
}

[data-aos="zoom-out"].aos-animate {
  transform: scale(1);
}


[data-aos="slide-up"] {
  transform: translateY(100px);
}

[data-aos="slide-down"] {
  transform: translateY(-100px);
}

[data-aos="slide-left"] {
  transform: translateX(-100px);
}

[data-aos="slide-right"] {
  transform: translateX(100px);
}