/*********** Rotate Text Animation ***********/

#heading-left {
  height: 70px;
  padding-left: 60px;
  text-wrap: nowrap;
}

.rotating-container {
  overflow: hidden;
  margin-left: 12px;
  height: 70px;
}

.rotating-container div {
  top: 0;
  left: 0; /* Adjust left position as needed */
  height: 70px; /* Adjust height as needed */
  text-align: start;
}

.rotating-container div:first-child  {
    animation: a 48s infinite;
}

@keyframes a {
  0% {
    margin-top: 0;
  }
  9% {
    margin-top: 0;
  }
  12.5% {
    margin-top: -70px;
  }
  21.5% {
    margin-top: -70px;
  }
  25% {
    margin-top: -140px;
  }
  34% {
    margin-top: -140px;
  }
  37.5% {
    margin-top: -210px;
  }
  46.5% {
    margin-top: -210px;
  }
  50% {
    margin-top: -280px;
  }
  59% {
    margin-top: -280px;
  }
  62.5% {
    margin-top: -350px;
  }
  71.5% {
    margin-top: -350px;
  }
  75% {
    margin-top: -420px;
  }
  84% {
    margin-top: -420px;
  }
  87.5% {
    margin-top: -490px;
  }
  96.5% {
    margin-top: -490px;
  }
  100% {
    margin-top: 0;
  }
}
