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

.slide-up {
  opacity: 0;
  transform: translateY(30px);
}

.slide-up.animate {
  animation: slideUp 0.6s ease-out forwards;
}

.line-slide-up {
  opacity: 0;
  min-height: 120px;
}

.line-slide-up > span {
  opacity: 0;
  transform: translateY(20px);
  display: inline-block;
}

.line-slide-up > span.animate {
  animation: slideUp 0.5s ease-out forwards;
}

.btn-slide-up {
  opacity: 0;
  transform: translateY(30px);
}

.btn-slide-up.animate {
  animation: slideUp 0.6s ease-out forwards;
}

.img-slide-up {
  opacity: 0;
  transform: translateY(30px);
}

.img-slide-up.animate {
  animation: slideUp 0.6s ease-out forwards;
}

.section-slide-up {
  opacity: 0;
  transform: translateY(50px);
}

.section-slide-up.animate {
  animation: slideUp 0.8s ease-out forwards;
}