/*ANIMATION*/
.hero-text span,
.hero-text p {
  display: inline-block; /* required for transform to work */
}
.fade-in-right {
  opacity: 0;
  transform: translateX(50px);
  animation: fadeInRight 1s ease forwards;
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

/*----------------Text-reveal and Data reveal animation-------------------*/