section.logo-slider--Component {
    overflow: hidden;
    padding: 0px;
}
.logo-slider--Component { position: relative; padding: 18px 0; }
.logo-slider--Component .mySwiper { width: 100%; box-sizing: border-box; }
.logo-slider--Component .swiper-wrapper { align-items: center; }
.logo-slider--Component .swiper-slide { display:flex; justify-content:center; align-items:center; width:auto; }
.logo-slider--Component img {display:block;filter:grayscale(40%);transition: transform .25s, filter .25s;width: 185px;height: 51px;aspect-ratio: 42/17;}
.logo-slider--Component img:hover { transform: translateY(-4px); filter:grayscale(0%); }

.logo-slider--Component .mySwiper { overflow: visible; }

@media (max-width: 767px) { 
  .logo-slider--Component img {width: 80px;} 
  section.logo-slider--Component {
      padding: 10px 0px;
  }
}
@media(max-width:1023px) and (min-width: 768px){
  section.logo-slider--Component {
      padding: 0 0 40px;
  }
  .logo-slider--Component img { width: 110px; }
  .logo-slider--Component { -webkit-mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%); mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%); }
}

@media(max-width:1140px) and (min-width:10240x){
  section.logo-slider--Component {
      padding: 0px 0px 40px;
  }
}