/* SimpleLook Logos Marquee v1.1.0 */
.sl-lm { position: relative; width: 100%; }
.sl-lm .sl-lm-viewport { overflow: hidden; }
.sl-lm .sl-lm-track { display:flex; align-items:center; }

/* variables */
.sl-lm { --gap: 40px; --peek: 0px; --logo-h: 64px; --fit: contain; --pos: center; --duration: 20s; --direction: normal; --hoverOpacity: 1; }
.sl-lm .sl-lm-viewport { padding-left: var(--peek); padding-right: var(--peek); }
.sl-lm .sl-lm-track { gap: var(--gap); }
.sl-lm .sl-lm-item { flex: 0 0 var(--item-width, auto); }
.sl-lm .sl-lm-item img { max-height: var(--logo-h); width: auto; height: auto; object-fit: var(--fit); object-position: var(--pos); display:block; }
.sl-lm.mode-marquee .sl-lm-track { animation: sl-lm-scroll var(--duration) linear infinite; animation-direction: var(--direction); }
.sl-lm.paused .sl-lm-track { animation-play-state: paused; }

@keyframes sl-lm-scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.sl-lm .sl-lm-item { display:flex; align-items:center; justify-content:center; opacity: var(--hoverOpacity); transition: opacity .2s ease; }
.sl-lm .sl-lm-item:hover { opacity: 1; }

/* grayscale */
.sl-lm.gray .sl-lm-item img { filter: grayscale(100%); }
.sl-lm.gray .sl-lm-item:hover img { filter: none; }

/* Carousel */
.sl-lm .sl-lm-swiper { overflow: visible; }
.sl-lm .sl-lm-arrow { position:absolute; top:50%; transform:translateY(-50%); z-index:3; border:none; cursor:pointer; padding:10px; background:#ffffffcc; line-height:0; display:flex; align-items:center; justify-content:center; }
.sl-lm .sl-lm-arrow.prev { left:0; }
.sl-lm .sl-lm-arrow.next { right:0; }
.sl-lm .swiper-pagination { position:relative; margin-top:12px; }