.elementor-5609 .elementor-element.elementor-element-19a3646{--display:flex;}/* Start custom CSS for html, class: .elementor-element-75e2921 *//* 1. Control the speed and colors here */
:root {
  --marquee-speed: 15s;
  --text-color: #0f2c5b;
  --font-family: 'Poppins', sans-serif;
  --font-size: 24px;
  --image-size: 40px;
}

.marquee-wrapper {
  overflow: hidden;
  white-space: nowrap;
  display: flex;
  align-items: center;
  padding: 15px 0;
}

.marquee-content {
  display: inline-block;
  animation: scroll var(--marquee-speed) linear infinite;
}

.marquee-item {
  display: inline-flex;
  align-items: center;
  font-family: 'Poppins', sans-serif; /* Change to your theme font */
  font-size: var(--font-size);
  color: var(--text-color);
  font-weight: bold;
  padding: 0 10px; /* Space between the repeating items */
}

.marquee-img {
  width: var(--image-size);
  height: auto;
  margin-right: 15px; /* Space between logo and text */
}

/* 2. The Animation Logic */
@keyframes scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

/* Optional: Pause on hover */
.marquee-wrapper:hover .marquee-content {
  animation-play-state: paused;
}/* End custom CSS */