/* Exult Divi Logo Marquee */
.exult-logo-marquee {
  --gap: 32px;
  --duration: 36s;
  --logo-h: 44px;
  --fade: 0;
  --fade-size: 48px;
}

.exult-logo-marquee__viewport {
  overflow: hidden;
  width: 100%;
  position: relative;
}

/* Optional edge fade */
.exult-logo-marquee[data-fade="on"] .exult-logo-marquee__viewport:before,
.exult-logo-marquee[data-fade="on"] .exult-logo-marquee__viewport:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: var(--fade-size);
  z-index: 2;
  pointer-events: none;
}

.exult-logo-marquee[data-fade="on"] .exult-logo-marquee__viewport:before {
  left: 0;
  background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));
  opacity: var(--fade);
}

.exult-logo-marquee[data-fade="on"] .exult-logo-marquee__viewport:after {
  right: 0;
  background: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0));
  opacity: var(--fade);
}

.exult-logo-marquee__track{
  display: flex;
  width: max-content;
  will-change: transform;
  animation: exult-marquee var(--duration, 20s) linear infinite;
}

.exult-logo-marquee[data-direction="right"] .exult-logo-marquee__track {
  animation-direction: reverse;
}

.exult-logo-marquee__group {
  display: flex;
  align-items: center;
  gap: var(--gap);
  padding-right: var(--gap);
}

/* Make duplicate group non-interactive (prevents double tab stops) */
.exult-logo-marquee__group.is-duplicate {
  pointer-events: auto;
}

.exult-logo-marquee__logo {
  height: var(--logo-h);
  width: auto;
  display: block;
  object-fit: contain;
  flex: 0 0 auto;
}

.exult-logo-marquee[data-grayscale="on"] .exult-logo-marquee__logo {
  filter: grayscale(1);
  opacity: 0.9;
}

.exult-logo-marquee[data-grayscale="on"] .exult-logo-marquee__item:hover .exult-logo-marquee__logo {
  filter: none;
  opacity: 1;
}

.exult-logo-marquee[data-pause="on"] .exult-logo-marquee__viewport:hover .exult-logo-marquee__track {
  animation-play-state: paused;
}


@keyframes exult-marquee{
  from{ transform: translateX(0); }
  to{ transform: translateX(calc(-1 * var(--move, 0px))); }
}
.exult-logo-marquee { --pxps: 90; }

@media (prefers-reduced-motion: reduce) {
  .exult-logo-marquee__track { animation: none; transform: none; }
}

/* Stop Divi's last-child rule breaking the marquee layout */
.exult-logo-marquee .et_pb_module {
  margin-bottom: unset !important;
}

.exult_logo_marquee {
    padding-bottom: 0.3em;
    margin-bottom: 0px !important;
}