.wema-insurance-logo-marquee-v4 {
  width: 100%;
  margin-top: 34px;
}

.wema-insurance-logo-marquee-v4__viewport {
  overflow: hidden;
  padding: 24px 0;
  border: 1px solid rgba(31, 91, 95, .10);
  border-radius: 22px;
  background: #fff;
  box-shadow:
    inset 0 0 0 1px rgba(31, 91, 95, .035),
    0 16px 48px rgba(13, 46, 48, .05);
  -webkit-mask-image: linear-gradient(
    90deg,
    transparent 0%,
    #000 7%,
    #000 93%,
    transparent 100%
  );
  mask-image: linear-gradient(
    90deg,
    transparent 0%,
    #000 7%,
    #000 93%,
    transparent 100%
  );
}

.wema-insurance-logo-marquee-v4__track {
  display: flex;
  width: max-content;
  gap: 66px;
  animation: wema-insurance-logo-marquee-v4 66s linear infinite;
}

.wema-insurance-logo-marquee-v4:hover .wema-insurance-logo-marquee-v4__track {
  animation-play-state: paused;
}

.wema-insurance-logo-marquee-v4__track ul {
  display: flex;
  gap: 66px;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

.wema-insurance-logo-marquee-v4__track li {
  flex: 0 0 auto;
  width: clamp(185px, 17vw, 250px);
}

.wema-insurance-logo-marquee-v4__track img {
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
  object-fit: contain;
}

@keyframes wema-insurance-logo-marquee-v4 {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(calc(-50% - 33px));
  }
}

.wema-home-insurance-strip--image-strip .wema-home-insurance-strip__container {
  width: min(1220px, calc(100% - 48px));
}

.wema-home-insurance-strip--image-strip .wema-home-insurance-strip__intro {
  max-width: 960px;
}

.wema-home-insurance-strip--image-strip .wema-home-insurance-strip__actions {
  margin-top: 34px;
}

@media (max-width: 700px) {
  .wema-insurance-logo-marquee-v4__viewport {
    overflow-x: auto;
    -webkit-mask-image: none;
    mask-image: none;
    scroll-snap-type: x mandatory;
  }

  .wema-insurance-logo-marquee-v4__track {
    animation: none;
  }

  .wema-insurance-logo-marquee-v4__track li {
    width: min(70vw, 250px);
    scroll-snap-align: center;
  }

  .wema-home-insurance-strip--image-strip .wema-home-insurance-strip__container {
    width: min(100% - 32px, 1220px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .wema-insurance-logo-marquee-v4__viewport {
    overflow-x: auto;
    -webkit-mask-image: none;
    mask-image: none;
  }

  .wema-insurance-logo-marquee-v4__track {
    animation: none;
  }
}