/* Scroll Heading Start */

.scroll-heading {
    color: white;
  position: relative;
  font-family: 'Inter Tight', 'Inter Tight Placeholder', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: clamp(60px, 20vw, 180px);
  text-align: left;
  letter-spacing: -0.04em;
  line-height: 1;
  text-transform: none;
  white-space: nowrap;
  margin: 0;
  padding: 30px 0px 0px;
  left: 0.5%;
  height: 1em;
  overflow: hidden;
}


.scroll-heading a {
  text-decoration: none;
  color: inherit;
}



.text-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: max-content;
  white-space: nowrap;
  font: inherit;
  line-height: inherit;
  color: inherit;
}

.default-text {
  z-index: 2;
  transition: opacity 0.3s ease;
}

.scrolling-text {
  z-index: 1;
  opacity: 0;
  animation: scrollText 8s linear infinite;
  pointer-events: none;
}

.scroll-heading:hover .default-text {
  opacity: 0;
}

.scroll-heading:hover .scrolling-text {
  opacity: 1;
}

@keyframes scrollText {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* Scroll Heading Ends */