@keyframes myZoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

@keyframes myZoomIn1 {
  0% {
    opacity: 0;
    transform: scale3d(1.1, 1.1, 1.1);
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

@keyframes myZoomIn2 {
  0% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    transform: scale3d(1, 1, 1);
  }
}

@keyframes myFadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 1.5625rem, 0);
    transform: translate3d(0, 1.5625rem, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes myLeftUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(1.5625rem, 0, 0);
    transform: translate3d(1.5625rem, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes myPaddingIn {
  0% {
    padding: 0;
    opacity: 0;
  }
}

@keyframes myPaddingColIn {
  0% {
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
  }
}

@keyframes myWidthIn {
  0% {
    width: 0;
    opacity: 0;
  }
}

@keyframes myWidth {
  100% {
    width: 100%;
  }
}

.animate__myZoomIn {
  animation-name: myZoomIn;
}

.animate__myZoomIn1 {
  animation-name: myZoomIn1;
}

.animate__myZoomIn2 {
  animation-name: myZoomIn2;
}

.animate__myFadeInUp {
  animation-name: myFadeInUp;
}

.animate__myLeftUp {
  animation-name: myLeftUp;
}

.animate__myWidthIn {
  animation-name: myWidthIn;
}

.animate__myPaddingIn {
  animation-name: myPaddingIn;
}

.animate__myPaddingColIn {
  animation-name: myPaddingColIn;
}