@keyframes heroZoom {
  from {
    transform: scale(1.05);
  }

  to {
    transform: scale(1.15);
  }
}

@keyframes scrollAnim {
  0% {
    opacity: 0;
    transform: translate(-50%, 0);
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translate(-50%, 14px);
  }
}
@keyframes fadeUp {

  from {
    opacity: 0;
    transform: translateY(40px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }

}
@keyframes floatY {
  0%{
    transform: translateY(0px);
  }

  50%{
    transform: translateY(-12px);
  }

  100%{
    transform: translateY(0px);
  }
}

@keyframes glowPulse {

  0%{
    box-shadow: 0 0 0 rgba(234,29,37,0.0);
  }

  50%{
    box-shadow: 0 0 30px rgba(234,29,37,0.35);
  }

  100%{
    box-shadow: 0 0 0 rgba(234,29,37,0.0);
  }

}

@keyframes slideRight {

  from{
    opacity:0;
    transform:translateX(-60px);
  }

  to{
    opacity:1;
    transform:translateX(0);
  }

}
@keyframes cinematicZoom{

  0%{
    transform:scale(1);
  }

  100%{
    transform:scale(1.12);
  }

}