.elementor-3909 .elementor-element.elementor-element-5a8e458{width:var( --container-widget-width, 78% );max-width:78%;--container-widget-width:78%;--container-widget-flex-grow:0;align-self:flex-start;}.elementor-3909 .elementor-element.elementor-element-ad02152 .elementor-menu-toggle{margin:0 auto;}@media(min-width:768px){.elementor-3909 .elementor-element.elementor-element-405ac31{width:61.542%;}.elementor-3909 .elementor-element.elementor-element-5429022{width:37.79%;}}/* Start custom CSS for html, class: .elementor-element-5a8e458 */.marquee-container {
  overflow: hidden;
  width: 100%;
  background: transparent; /* Makes the background completely transparent */
  color: #333; /* Change text color to match your design */
  padding: 15px 0;
  font-family: sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}

.marquee-track {
  display: flex;
  width: max-content;
  animation: scroll-marquee 15s linear infinite; /* Non-stop animation loop */
}

.marquee-content {
  display: flex;
  flex-shrink: 0;
  gap: 50px; /* Space between words */
  padding-right: 50px; /* Matches gap size for perfect seamless looping */
}

.marquee-content span {
  white-space: nowrap;
}

/* The core animation moving left continuously */
@keyframes scroll-marquee {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* Accessibility: Pauses only if the user has specified a system preference for reduced motion */
@media (prefers-reduced-motion: reduce) {
  .marquee-track {
    animation: none;
  }
  .marquee-container {
    overflow-x: auto;
  }
}/* End custom CSS */