/*CINTA DE PROVEEDORES**/
.imgpro {
  width: 150px;
  margin: 0 20px;
  transition: 0.5s;
  cursor: pointer;
}

.imgpro:not(:hover) {
  filter: grayscale(100%);
}

.scroll {
  position: relative;
  display: flex;
  width: 100%;
  background-color: rgb(243, 237, 237);
  overflow: hidden;
  mask-image: linear-gradient(
    90deg,
    transparent,
    #fff 20%,
    #fff 80%,
    transparent
  );
}

.scroll div {
  white-space: nowrap;
  animation: animate 28s linear infinite;
}

@keyframes animate {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-100%);
  }
}

.scroll:hover div {
  animation-play-state: paused;
}