.logo-slider {
  position: relative;
  overflow: hidden;
}
.logo-slider::before, .logo-slider::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 160px;
  z-index: 10;
  pointer-events: none;
}
.logo-slider::before {
  left: 0;
  background: linear-gradient(to right, #0a0a0a 0%, transparent 100%);
}
.logo-slider::after {
  right: 0;
  background: linear-gradient(to left, #0a0a0a 0%, transparent 100%);
}
.logo-slider .ep-flickity-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38%;
}
@media (max-width: 989px) and (min-width: 768px) {
  .logo-slider .ep-flickity-slide {
    width: 42%;
  }
}
@media (max-width: 767px) {
  .logo-slider .ep-flickity-slide {
    width: 48%;
  }
}
.logo-slider .ep-item-media, .logo-slider .ep-item-image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.logo-slider .ep-item-image img {
  max-width: 180px !important;
  width: 100%;
  height: auto;
  object-fit: contain;
  filter: brightness(0) invert(1) opacity(0.65);
  transition: filter 0.3s ease;
}
.logo-slider .ep-item-image img:hover {
  filter: brightness(0) invert(1) opacity(0.9);
}