/* Animations.css - Animation styles for Noohra Technology Solutions */

/* Keyframes Definitions */
@keyframes subtleFloat {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-5px); }
  100% { transform: translateY(0px); }
}

@keyframes subtlePulse {
  0% { opacity: 0.6; }
  50% { opacity: 1; }
  100% { opacity: 0.6; }
}

@keyframes gentleRotate {
  0% { transform: rotate(0deg); }
  50% { transform: rotate(5deg); }
  100% { transform: rotate(0deg); }
}

@keyframes pulseSlow {
  0% { opacity: 0.7; transform: scale(1); }
  50% { opacity: 0.9; transform: scale(1.03); }
  100% { opacity: 0.7; transform: scale(1); }
}

@keyframes slideInLeft {
  0% { transform: translateX(-100px); opacity: 0; }
  100% { transform: translateX(0); opacity: 1; }
}

@keyframes slideInRight {
  0% { transform: translateX(100px); opacity: 0; }
  100% { transform: translateX(0); opacity: 1; }
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

/* Animation Classes */
.pulse-slow {
  animation: pulseSlow 6s ease-in-out infinite;
}

.float-subtle {
  animation: subtleFloat 6s ease-in-out infinite;
}

.float-subtle-delay {
  animation: subtleFloat 5s ease-in-out infinite;
  animation-delay: 1.5s;
}

.float-sm {
  animation: subtlePulse 4s ease-in-out infinite;
}

.float-sm-delay-1 {
  animation: subtlePulse 4s ease-in-out infinite;
  animation-delay: 1s;
}

.float-sm-delay-2 {
  animation: subtlePulse 4s ease-in-out infinite;
  animation-delay: 2s;
}

.float-sm-delay-3 {
  animation: subtlePulse 4s ease-in-out infinite;
  animation-delay: 3s;
}

/* No decorative red diamonds in the original design */

/* Animation Utility Classes */
.delay-100 {
  animation-delay: 100ms;
}

.delay-200 {
  animation-delay: 200ms;
}

.delay-300 {
  animation-delay: 300ms;
}

.delay-400 {
  animation-delay: 400ms;
}

.delay-500 {
  animation-delay: 500ms;
}

.delay-700 {
  animation-delay: 700ms;
}

.slow {
  animation-duration: 3s;
}

/* Scroll Animation Classes */
.animate-slide-in-left {
  opacity: 0;
  transform: translateX(-50px);
  transition: all 1s ease-out;
}

.animate-slide-in-right {
  opacity: 0;
  transform: translateX(50px);
  transition: all 1s ease-out;
}

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