/* Simple CSS Animations to replace AOS */

/* Fade in animation */
[data-aos="fade-up"] {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

[data-aos="fade-right"] {
  opacity: 1;
  transform: translateX(0);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

[data-aos="fade-left"] {
  opacity: 1;
  transform: translateX(0);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

[data-aos="zoom-in"] {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

/* Initial hidden states */
[data-aos][data-aos].init {
  opacity: 0;
}

[data-aos="fade-up"].init {
  transform: translateY(20px);
}

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

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

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

/* Delay classes */
[data-aos-delay="100"] {
  transition-delay: 0.1s;
}

[data-aos-delay="150"] {
  transition-delay: 0.15s;
}

[data-aos-delay="200"] {
  transition-delay: 0.2s;
}

[data-aos-delay="250"] {
  transition-delay: 0.25s;
}

[data-aos-delay="300"] {
  transition-delay: 0.3s;
}

[data-aos-delay="350"] {
  transition-delay: 0.35s;
}

[data-aos-delay="400"] {
  transition-delay: 0.4s;
}