.brands-page {
  margin-bottom: 160px;
}
@media (max-width: 992px) {
  .brands-page {
    margin-bottom: 80px;
  }
}
.brands-page .h2 {
  margin-bottom: 20px;
}
.brands-page__menu {
  font-size: 15px;
  font-weight: 600;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-transform: uppercase;
  margin-bottom: 25px;
}
.brands-page__menu .item {
  color: #000;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.brands-page__menu .item:hover {
  color: #7898c9;
}
.brands-page__list .item:not(:last-child) {
  margin-bottom: 32px;
}
.brands-page__list .item .title {
  font-size: 36px;
  text-transform: uppercase;
  color: #235290;
  font-weight: 700;
  margin-bottom: 15px;
}
.brands-page__list .item-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 50px;
  row-gap: 15px;
}
.brands-page__list .item-list .brand {
  font-size: 15px;
  font-weight: 600;
  color: #000;
  text-transform: uppercase;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.brands-page__list .item-list .brand:hover {
  color: #7898c9;
}