.section2 {
    padding: 80px 0 0 0;
    margin-bottom: 80px;
}

.section2 h2 {
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
}


.brand-slider {
  width: 100%;
  overflow: hidden;
  padding: 20px 0 15px;
  position: relative; /* necessário para os pseudo-elementos */
}



/* TRACK */
.brand-track {
  display: flex;
  width: max-content;
  animation: scroll 40s linear infinite;
}

.brand-slider:hover .brand-track {
  animation-play-state: paused;
}

.brand-slide {
  flex: 0 0 auto;
  margin: 0 20px;
}

.brand-slide img {
  max-height: 30px;
  width: auto;
  object-fit: contain;
}

/* animação suave */
@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}