body, html {
  overflow-x: hidden;
}
/* Add custom CSS styles below */ 
.box-sec-home section:first-of-type::after {
  content: "";
  position: absolute;
  top: 0;
  left: -120%;
  width: 40%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,0.5),
    transparent
  );
  transform: skewX(-15deg);
  animation: bannerShine 7s infinite;
}
@keyframes bannerShine {
  0% {
    left: -120%;
  }
  100% {
    left: 150%;
  }
}
/* ================== KEYFRAMES ================== */
@keyframes cardEntry {
  to { opacity: 1; transform: translateY(0); }
}

@keyframes floatBadge {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-4px); }
}

@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(15px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes shineText {
  0% { left: -120%; }
  100% { left: 120%; }
}

@keyframes slideFade {
  0% { opacity: 0; transform: translateY(-12px); }
  100% { opacity: 1; transform: translateY(0); }
}

@keyframes shine {
  0% { left: -110%; }
  100% { left: 170%; }
}

@keyframes textMove {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}