.elementor-8589 .elementor-element.elementor-element-e2cc14f{--display:flex;}/* Start custom CSS for html, class: .elementor-element-ed1301e *//* WRAPPER */
.fade-marquee {
  overflow: hidden;
  width: 100%;
  position: relative;

  /* Fade effect ONLY at edges */
  mask-image: 
     linear-gradient(to right,
       transparent 0%,
       black 12%,
       black 88%,
       transparent 100%
     );
}

/* SCROLLING TRACK */
.fade-track {
  display: flex;
  width: max-content;
  animation: fadeScroll 25s linear infinite;
}

/* LOGO ITEM */
.fade-slide {
  flex: 0 0 auto;
  padding: 0 44px; /* spacing updated */
  position: relative;
}

/* LOGO IMAGE */
.fade-slide img {
  height: 40px;       /* max height */
  width: auto;        /* maintain proportions */
  object-fit: contain;
  display: block;
}

/* KEYFRAMES */
@keyframes fadeScroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* RESPONSIVE SIZES */
/* Desktop: 7 logos */
@media (min-width: 1025px) {
  .fade-slide { width: calc(100vw / 7); }
}

/* Tablet: 5 logos */
@media (min-width: 768px) and (max-width: 1024px) {
  .fade-slide { width: calc(100vw / 5); }
}

/* Mobile: 1 logo */
@media (max-width: 767px) {
  .fade-slide { 
      width: calc(100vw / 2);
}

/* Pause on Hover (optional) */
/*.fade-marquee:hover .fade-track {*/
/*  animation-play-state: paused;*/
/*}*//* End custom CSS */