/* Keep this dedicated row above decorations extending from the following row. */
.wpb_row:has(.wbs-logo-marquee) { position: relative; z-index: 11; }
/* Salient's RTL scrolling decoration extends beyond the viewport on desktop. */
body:has(.wbs-logo-marquee) { overflow-x: clip; }
/* Keep the English brand, navigation and CTA readable without overlap on laptops. */
@media (min-width: 1000px) and (max-width: 1439px) {
  body:not(.rtl) #header-outer[data-format="centered-menu"] #top:has(a[href$="#our-customers"]) #site-heading { font-size: clamp(13px, 1.4vw, 20px) !important; }
  body:not(.rtl) #header-outer[data-format="centered-menu"] #top:has(a[href$="#our-customers"]) #logo img { height: clamp(50px, 5.5vw, 80px) !important; }
  body:not(.rtl) #header-outer[data-format="centered-menu"] #top nav .sf-menu:has(> li > a[href$="#our-customers"]) > li > a {
    font-size: clamp(12px, 1.18vw, 17px) !important;
  }
  body:not(.rtl) #header-outer[data-format="centered-menu"] #top:has(a[href$="#our-customers"]) nav .buttons a {
    font-size: clamp(14px, 1.55vw, 22px) !important;
  }
}
@media (min-width: 1000px) and (max-width: 1700px) {
  body:not(.rtl) #header-outer[data-format="centered-menu"] #top nav .sf-menu:has(> li > a[href$="#our-customers"]) > li > a {
    margin-left: 3px !important; margin-right: 3px !important;
  }
}
.wbs-logo-marquee {
  --wbs-logo-width: 200px;
  --wbs-logo-height: 110px;
  --wbs-logo-gap: 32px;
  --wbs-logo-speed: 110;
  --wbs-logo-duration: 27.4181818s;
  width: 100%; max-width: 100%; min-width: 0;
  padding: 24px 0 12px; box-sizing: border-box;
  scroll-margin-top: var(--wbs-customers-offset, 120px);
}
.wbs-logo-marquee .wbs-logo-marquee__heading {
  margin: 0 0 24px; padding: 0 16px; text-align: center;
  font-family: inherit; font-size: clamp(24px, 2.4vw, 36px);
  font-weight: 600; line-height: 1.25; color: inherit;
}
.wbs-logo-marquee *, .wbs-logo-marquee *::before, .wbs-logo-marquee *::after { box-sizing: border-box; }
.wbs-logo-marquee .wbs-logo-marquee__viewport { width: 100%; overflow: hidden; direction: ltr; }
.wbs-logo-marquee .wbs-logo-marquee__track {
  display: flex; flex-flow: row nowrap; width: max-content; direction: ltr;
  animation: wbs-logo-marquee-left var(--wbs-logo-duration) linear infinite;
  will-change: transform;
}
.wbs-logo-marquee .wbs-logo-marquee__group {
  display: flex; flex: 0 0 auto; flex-flow: row nowrap; align-items: center;
  gap: var(--wbs-logo-gap); width: max-content;
  padding: 0 var(--wbs-logo-gap) 0 0; margin: 0; list-style: none;
}
.wbs-logo-marquee .wbs-logo-marquee__item {
  display: flex; flex: 0 0 var(--wbs-logo-width);
  width: var(--wbs-logo-width); height: var(--wbs-logo-height);
  align-items: center; justify-content: center;
  padding: 8px; margin: 0; list-style: none;
}
.wbs-logo-marquee .wbs-logo-marquee__item img {
  display: block; width: auto; height: auto; max-width: 100%; max-height: 100%;
  margin: 0; object-fit: contain; opacity: 1;
}
@media (max-width: 690px) {
  .wbs-logo-marquee {
    --wbs-logo-width: 160px; --wbs-logo-height: 90px; --wbs-logo-gap: 20px;
    --wbs-logo-speed: 55; --wbs-logo-duration: 42.5454545s; padding-top: 16px;
  }
  .wbs-logo-marquee .wbs-logo-marquee__heading { margin-bottom: 16px; }
}
@keyframes wbs-logo-marquee-left {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

