/* Local final override for the homepage client logo rail. */
html body .global-proof-section > .client-logo-rail-shell,
html body .global-proof-section .client-logo-rail-shell {
  position: relative !important;
  width: 100vw !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: calc(50% - 50vw) !important;
  overflow: hidden !important;
  isolation: isolate !important;
  --client-rail-bg: #ffffff;
}

html body .global-proof-section > .client-logo-rail-shell::before,
html body .global-proof-section > .client-logo-rail-shell::after,
html body .global-proof-section .client-logo-rail-shell::before,
html body .global-proof-section .client-logo-rail-shell::after {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  z-index: 30 !important;
  width: clamp(82px, 7vw, 150px) !important;
  pointer-events: none !important;
  content: "" !important;
}

html body .global-proof-section > .client-logo-rail-shell::before,
html body .global-proof-section .client-logo-rail-shell::before {
  left: 0 !important;
  background: linear-gradient(90deg, var(--client-rail-bg) 0%, rgba(255, 255, 255, 0.9) 26%, rgba(255, 255, 255, 0) 100%) !important;
}

html body .global-proof-section > .client-logo-rail-shell::after,
html body .global-proof-section .client-logo-rail-shell::after {
  right: 0 !important;
  background: linear-gradient(270deg, var(--client-rail-bg) 0%, rgba(255, 255, 255, 0.9) 26%, rgba(255, 255, 255, 0) 100%) !important;
}

html body .global-proof-section .client-logo-rail.compact-rail[data-auto-rail] {
  display: flex !important;
  width: 100vw !important;
  min-width: 100vw !important;
  max-width: none !important;
  align-items: center !important;
  gap: clamp(34px, 3vw, 58px) !important;
  padding: 8px clamp(84px, 8vw, 154px) 32px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-behavior: auto !important;
  scroll-snap-type: none !important;
  scrollbar-width: none !important;
}

html body .global-proof-section .client-logo-rail.compact-rail[data-auto-rail]::-webkit-scrollbar {
  display: none !important;
}

html body .global-proof-section .client-logo-card {
  flex: 0 0 clamp(150px, 9.5vw, 184px) !important;
  width: clamp(150px, 9.5vw, 184px) !important;
  height: clamp(66px, 4.4vw, 82px) !important;
  display: grid !important;
  place-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body .global-proof-section .client-logo-card img {
  width: clamp(126px, 8.5vw, 164px) !important;
  max-width: clamp(126px, 8.5vw, 164px) !important;
  height: clamp(58px, 3.8vw, 70px) !important;
  max-height: clamp(58px, 3.8vw, 70px) !important;
  border-radius: 0 !important;
  object-fit: contain !important;
}

@media (max-width: 760px) {
  html body .global-proof-section > .client-logo-rail-shell::before,
  html body .global-proof-section > .client-logo-rail-shell::after,
  html body .global-proof-section .client-logo-rail-shell::before,
  html body .global-proof-section .client-logo-rail-shell::after {
    bottom: 18px !important;
    width: 34px !important;
  }

  html body .global-proof-section .client-logo-rail.compact-rail[data-auto-rail] {
    gap: 20px !important;
    padding: 2px 36px 22px !important;
  }

  html body .global-proof-section .client-logo-card {
    flex-basis: 62px !important;
    width: 62px !important;
    height: 62px !important;
    border-radius: 16px !important;
  }

  html body .global-proof-section .client-logo-card img {
    width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    border-radius: 11px !important;
  }
}