.overflowXHorizontalHidden {
  overflow-x: hidden !important;
}
.popOut {
  opacity: 0;
  transform: scale(0.5); 
  transition: opacity 1s ease, transform 1s ease; 
}
.popIn {
  opacity: 1;
  transform: scale(1); 
}
.slideAnimation {
  opacity: 0;
  transform: translateX(200px); 
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.slideIn {
  opacity: 1;
  transform: translateX(0); 
}
.slideAnimation2 {
  opacity: 0;
  transform: translateX(220px); 
  transition: opacity 1s ease, transform 1s ease;
}
.slideIn2 {
  opacity: 1;
  transform: translateX(0); 
}
.slideAnimation3 {
  opacity: 0;
  transform: translateX(240px); 
  transition: opacity 1.4s ease, transform 1.4s ease;
}
.slideIn3 {
  opacity: 1;
  transform: translateX(0); 
}
.slideAnimation4 {
  opacity: 0;
  transform: translateX(260px); 
  transition: opacity 1.8s ease, transform 1.8s ease;
}
.slideIn4 {
  opacity: 1;
  transform: translateX(0); 
}
.slideAnimation5 {
  opacity: 0;
  transform: translateX(280px); 
  transition: opacity 2.2s ease, transform 2.2s ease;
}
.slideIn5 {
  opacity: 1;
  transform: translateX(0); 
}
.slideFromLeft {
  opacity: 0;
  transform: translateX(-200px); 
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.slideInFromLeft {
  opacity: 1;
  transform: translateX(0); 
}
.slideFromLeft2 {
  opacity: 0;
  transform: translateX(-220px); 
  transition: opacity 1.4s ease, transform 1.4s ease;
}
.slideInFromLeft2 {
  opacity: 1;
  transform: translateX(0); 
}
.slideFromLeft3 {
  opacity: 0;
  transform: translateX(-240px); 
  transition: opacity 2s ease, transform 2s ease;
}
.slideInFromLeft3 {
  opacity: 1;
  transform: translateX(0); 
}
.slideFromLeft4 {
  opacity: 0;
  transform: translateX(-260px); 
  transition: opacity 2.5s ease, transform 2.5s ease;
}
.slideInFromLeft4 {
  opacity: 1;
  transform: translateX(0); 
}
.floatingEffect {
  position: relative;
  animation: float 4s ease-in-out infinite;
  transition: transform 0.5s ease-in-out;
}
@keyframes float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}
.floatingEffect2 {
  position: relative;
  animation: float2 6s ease-in-out infinite;
  transition: transform 0.75s ease-in-out;
}
@keyframes float2 {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}
.floatingEffect3 {
  position: relative;
  animation: float3 2s ease-in-out infinite;
  transition: transform 0.25s ease-in-out;
}
@keyframes float3 {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}

/* Pop-In Effect */
.pop-in1 {
  animation: popInEffect1 1s ease forwards;
}

@keyframes popInEffect1 {
  0% {
    transform: scale(0.5);
  }
  30% {
    transform: scale(1.1);
  }
  60% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}

.pop-in2 {
  animation: popInEffect2 1.2s ease forwards;
}

@keyframes popInEffect2 {
  0% {
    transform: scale(0.5);
  }
  30% {
    transform: scale(1.1);
  }
  60% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}

.pop-in3 {
  animation: popInEffect3 1.4s ease forwards;
}

@keyframes popInEffect3 {
  0% {
    transform: scale(0.5);
  }
  30% {
    transform: scale(1.1);
  }
  60% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}