.brands__list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1rem;
  margin-top: 3rem;
}

.brands__item {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #d9d9d9;
  border-radius: .5rem;
  padding: 1rem 2rem;
  text-decoration: none;
  cursor: pointer;
  transition: border-color 0.3s ease;
}

.brands__item:hover {
  border-color: #4b4b4b;
}

.brands__logo {
  object-fit: contain;
  max-width: 100%;
}

@media screen and (max-width: 1439px) {
  .brands__list {
    grid-template-columns: repeat(3, 1fr);
    margin-top: 2.5rem;
  }

  .brands__item {
    padding: 0 2rem;
  }
}

@media screen and (max-width: 1023px) {
  .brands__item {
    padding: .625rem 2rem;
  }
}

@media screen and (max-width: 767px) {
  .brands__list {
    grid-template-columns: repeat(2, 1fr);
  }

  .brands__item {
    padding: .375rem .25rem;
  }

  .brands__item:last-child {
    display: none;
  }
}