.elementor-1262 .elementor-element.elementor-element-4c444bf{--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;}/* Start custom CSS for container, class: .elementor-element-4c444bf *//* Container for Edge-to-Edge, No Overflow/Grid Break */
.wm-logo-container {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  overflow: hidden;
  position: relative;
}

/* Marquee Wrapper (Auto-Scroll, Fill Full) */
.wm-logo-marquee {
  overflow: hidden;
  width: 100%;
}

/* Track with Duplication for Seamless Loop (No Empty Space) */
.wm-logo-track {
  display: flex;
  gap: 20px;
  width: max-content;
  animation: wm-marquee 150s linear infinite;
}

/* Logo Item (Consolidated, Consistent) */
.wm-logo-item {
  flex: 0 0 auto;
  width: 180px;
  height: 80px;
  padding: 0 20px;
  background: #F3F3F3;
  border-radius: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: grayscale(100%);
  transition: filter 0.25s ease;
}
.wm-logo-item img {
  max-width: 70%;
  max-height: 60%;
  object-fit: contain;
}

/* Animation (Adjusted for Full Fill from Start) */
@keyframes wm-marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); } /* -50% for duplicated content loop */
}

/* Hover to Color */
@media (hover: hover) and (pointer: fine) {
  .wm-logo-item:hover {
    filter: grayscale(0%);
  }
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
  .wm-logo-track {
    animation: none;
  }
  .wm-logo-item {
    transition: none;
  }
}

/* Reverse Variant */
.wm-logo-marquee.reverse .wm-logo-track {
  animation-direction: reverse;
  animation-duration: 150s;
}

/* Scroll Version (If Switching Back - Manual) */
.wm-logo-scroll {
  overflow-x: auto;
  overflow-y: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.wm-logo-scroll::-webkit-scrollbar {
  display: none;
}
.wm-logo-row {
  display: flex;
  gap: 20px;
  padding-bottom: 4px;
  width: max-content;
}


.wm-logo-marquee.reverse .wm-logo-track {
  animation-direction: reverse;
  animation-duration: 250s; /* Optional: Slower for reverse if wanted */
}

.wm-logo-scroll.reverse .wm-logo-row {
  flex-direction: row-reverse;
}/* End custom CSS */