@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');

/* body{
    font-family: "Poppins", sans-serif;
} */

.Wrapper{
    padding: 1rem 0px;
    font-size: 2rem;
}

.marquee-text-track p {
    border: 1px solid black;
    border-radius: 999px;
    width: max-content;
    padding: 1rem 2.5rem;

}

.marquee-text {
  display: flex;
  overflow: hidden;
  margin: 2rem;
}

.marquee-text-track {
  display: flex;
  gap: 3.8rem;
  flex-shrink: 0;
  animation: marquee 50s linear infinite;
  padding-right: 3.8rem; /* adds trailing space so the next track doesn’t stick */
}

@keyframes marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}


.marquee-text:nth-child(even) .marquee-text-track {
  animation-direction: reverse;
  animation-duration: 65s; /* vary speed */
}