@keyframes zoomIn {
  from {
    transform: scale(0.8);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

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

@keyframes pulseEffect {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.3);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes expand {
  from {
    height: 0;
  }
  to {
    height: 100%;
  }
}

.animate-zoomIn {
  animation: zoomIn 0.5s ease-out forwards;
}
.animate-slideUp {
  animation: slideUp 0.5s ease-out forwards;
}
.animate-pulseEffect {
  animation: pulseEffect 1.5s infinite ease-in-out;
  margin-left: -17px;
}
.animate-expand {
  animation: expand 1.5s ease-out forwards;
}

@keyframes lineDraw {
  from { height: 0; }
  to { height: 100%; }
}

@keyframes pulseBeat {
  0% { transform: scale(1); }
  50% { transform: scale(1.2); }
  100% { transform: scale(1); }
}

@keyframes pulseWave {
  0% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.5); opacity: 0.5; }
  100% { transform: scale(2.5); opacity: 0; }
}

.animate-lineDraw { animation: lineDraw 1.2s ease-out forwards; }
.animate-pulseBeat { animation: pulseBeat 1.5s infinite ease-in-out; }
.animate-pulseWave { animation: pulseWave 1.5s infinite ease-out; }
@keyframes arrowRight {
    0%, 100% {
      transform: translateX(0);
    }
    50% {
      transform: translateX(5px);
    }
  }
  
  .arrow-animate {
    display: inline-block;
    animation: arrowRight 0.6s infinite ease-in-out;
  }