.elementor-27488 .elementor-element.elementor-element-672476de{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27488 .elementor-element.elementor-element-672476de.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:769px){.elementor-27488 .elementor-element.elementor-element-672476de{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-25d526be *//* only this widget */
.marquee-widget .my-marquee {
  --speed: 18s;
  --gap: 40px;
  background: #b81f3b;         /* changed */
  color: #fff;                 /* text white */
  font-family: Verdana, sans-serif; /* changed */
  padding: 8px 0;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  font-weight: 500;
}

.marquee-widget .my-marquee .marquee-track {
  display: inline-flex;
  align-items: center;
  gap: var(--gap);
  animation: marqueeScroll var(--speed) linear infinite;
}

.marquee-widget .my-marquee span {
  display: inline-block;
  padding-right: var(--gap);
  white-space: nowrap;
  font-size: 16px;
  color: #fff !important; /* force white text */
}

/* Pause on hover */
.marquee-widget .my-marquee:hover .marquee-track {
  animation-play-state: paused;
}

/* Keyframes (unchanged) */
@keyframes marqueeScroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Mobile (unchanged) */
@media (max-width: 600px) {
  .marquee-widget .my-marquee span {
    font-size: 14px;
  }
}/* End custom CSS */