.preAnimation {
  transform: scale(0.6) !important;
  opacity: 0;
  transform: scale(0.9);
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.4s;
  /* transition-delay: 0.0383592s; */
}

.preAnimationrest {
  transform: scale(0.6) !important;
  opacity: 0;
  transform: scale(0.9);
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.65s;
  transition-delay: 0.0575342s;
}

.postAnimation {
  transform: scale(1) !important;
  opacity: 1;
}

.boxPreAnimation {
  /* transform: translateY(200px) !important;
  opacity: 0; */
  /* transform: scale(0.9); */
  /* transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.4s; */
  transition-timing-function: ease;
  transition-duration: 0.65s;
  transition-delay: 0.0575342s;
  opacity: 0;
  transform: scale(0.9);
  transition-property: transform, opacity;
}

.boxpostAnimation {
  /* transform: translateY(00px) !important; */
  opacity: 1;
  transform: scale(1) !important;
}