.logowall {
  max-width: 1508px;
  margin: 0 auto;
  position: relative;
}
.logowall__logos ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.logowall__logos ul li {
  list-style: none;
}
.logowall__logos ul li::before {
  content: none;
}
.logowall__logos.splide {
  padding: 0 25px;
}
.logowall__logo {
  display: grid;
  place-items: center;
  padding: 10px;
  height: 116px;
}
.logowall__logo:hover img {
  opacity: 1;
}
.logowall__logo img {
  width: 100%;
  max-height: 30px;
  height: 100%;
  object-fit: contain;
  transition: all 0.3s;
}
.logowall__controls {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: space-between;
  top: 0;
  width: 101%;
  margin-top: 50px;
}
@media (max-width: 1300px) {
  .logowall__controls {
    position: initial;
    width: initial;
    justify-content: center;
    gap: 50px;
  }
}
@media (max-width: 768px) {
  .logowall__controls {
    justify-content: space-around;
    gap: 0;
  }
}
.logowall__next, .logowall__prev {
  display: block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  position: relative;
  z-index: 0;
  transition: all 0.3s;
  cursor: pointer;
}
.logowall__next::before, .logowall__next::after, .logowall__prev::before, .logowall__prev::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("./img/arrow-before.svg") no-repeat center / 24px;
  z-index: -1;
  opacity: 0;
  transition: all 0.3s;
}
.logowall__next::after, .logowall__prev::after {
  background: url("./img/arrow-after.svg") no-repeat center / 24px;
  opacity: 1;
}
.logowall__prev {
  rotate: 180deg;
}
.logowall--is-slider {
  max-width: 1742px;
  margin-bottom: 10px;
}
.logowall--is-slider .logowall__logos ul {
  display: flex;
  grid-template-columns: unset !important;
  gap: unset;
}
.logowall--is-slider .logowall__logo img {
  max-height: 80px;
}