@keyframes float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes float2 {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0px);
  }
}
/* Animation keyframes */
@keyframes slideIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
@keyframes moveUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes zoomIn {
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.8);
    opacity: 0;
  }
}
@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(calc(-150px * 7)); } /* Exactly one loop width */
}

@keyframes footerFloatAnimation {
    0% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-40px) rotate(10deg); }
    100% { transform: translateY(0) rotate(0deg); }
}
@keyframes ripple-preloader {
  0% {
    transform: scale(0.5);
    opacity: 1;
  }
  100% {
    transform: scale(2.5);
    opacity: 0;
  }
}

@keyframes float-arrow {
  0%, 100% {
    transform: translateY(0) rotate(0deg);
  }
  25% {
    transform: translateY(-15px) rotate(5deg);
  }
  50% {
    transform: translateY(0) rotate(0deg);
  }
  75% {
    transform: translateY(10px) rotate(-5deg);
  }
}

@keyframes float-shape1 {
  0%, 100% {
    transform: translateY(0) translateX(0) rotate(0deg);
  }
  33% {
    transform: translateY(-20px) translateX(10px) rotate(10deg);
  }
  66% {
    transform: translateY(10px) translateX(-5px) rotate(-5deg);
  }
}

@keyframes float-shape2 {
  0%, 100% {
    transform: translateY(0) scale(1) rotate(0deg);
  }
  20% {
    transform: translateY(-10px) scale(1.05) rotate(5deg);
  }
  40% {
    transform: translateY(5px) scale(0.95) rotate(-3deg);
  }
  60% {
    transform: translateY(-15px) scale(1.1) rotate(8deg);
  }
  80% {
    transform: translateY(8px) scale(0.98) rotate(-2deg);
  }
}