/******* Do not edit this file *******
Code Snippets Manager
Saved: Aug 10 2026 | 10:19:29 */
.marquee {
  position: relative;
  width: 100%;
  height: 80px;
  display: grid;
  place-items: center;
  overflow: hidden;
  /* Optional background */
  /* background:#fff; */
}
.marquee .track {
  display: flex;
  width: max-content;
  white-space: nowrap;
  will-change: transform;
  animation: marquee-left linear infinite;
  animation-duration: 120s;
  /* adjust speed */
}
.marquee span {
  font-family: Sora;
  /* or your brand font */
  font-weight: 700;
  color: #ffffff;
  font-size: 17px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  line-height: 1.1;
  padding-right: 0rem;
  /* space between repeats */
}
/* Make the loop seamless by placing the two spans back-to-back */
.marquee .track span + span {
  margin-left: 0rem;
}
/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .marquee .track {
    animation: none;
  }
}
/* Keyframes */
@keyframes marquee-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
/* Tweak for small screens if needed */
@media (max-width: 480px) {
  .marquee span {
    padding-right: 2rem;
  }
}
/* 1) Never allow horizontal scrolling */
html, body {
  overflow-x: hidden;
}
/* 2) Make sure the marquee cannot create overflow */
.marquee {
  width: 100%;
  /* avoid 100vw which can include scrollbar width */
  overflow: hidden;
  /* clip the moving track */
}
/* 3) Belt and braces for Elementor wrappers */
.elementor-section, .elementor-container, .elementor-column {
  overflow: hidden;
}
/* 4) If you used any full-bleed trick, neutralise it */
.marquee, .marquee .track {
  margin-right: 0 !important;
  margin-left: 0 !important;
}