/* Container principal do slider */

.slider-container {
  overflow: hidden;
  width: 100%;
  position: relative;
}

/* EFEITO DE FADE NAS LATERAIS */

/* Estilos comuns para os dois lados do degradê */

.slider-container::before, .slider-container::after {
  content: '';
  position: absolute;
  top: 0;
  height: 100%;
  width: 64px;
  z-index: 2;
  pointer-events: none;
}

/* Lado esquerdo */

.slider-container::before {
  left: 0;
  background: linear-gradient(to left, rgba(255, 245, 242, 0), #fff5f2);
}

/* Lado direito */

.slider-container::after {
  right: 0;
  background: linear-gradient(to right, rgba(255, 245, 242, 0), #fff5f2);
}

/* --- CÓDIGO DO SLIDER (da resposta anterior, sem alterações) --- */

.logos-testimonials {
  display: flex;
  flex-wrap: nowrap;
  width: fit-content;
  animation: slide-right 55s linear infinite;
}

.slider-container:hover .logos-testimonials {
  animation-play-state: paused;
}

@keyframes slide-right {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(0%);
  }
}