.o-brands img,
.o-brands svg {
  display: block;
  height: auto;
  object-fit: var(--image-fit);
  width: 100%
}

.o-brands__content {
  margin-bottom: 3rem
}

@media screen and (min-width:768px) {
  .o-brands__content {
    margin-bottom: 6rem
  }
}

.o-brands__content p:last-child,
.o-brands__heading:last-child,
.o-brands__text:last-child {
  margin-bottom: 0
}

.o-brands__slider-wrapper .swiper-slide {
  height: auto
}

.o-brands__slider-wrapper:not(.swiper-initialized)>.swiper-wrapper {
  display: flex;
  gap: var(--layout-mobile-row-grid-gap) var(--layout-mobile-column-grid-gap)
}

@media screen and (min-width:768px) {
  .o-brands__slider-wrapper:not(.swiper-initialized)>.swiper-wrapper {
    gap: var(--layout-row-grid-gap) var(--layout-column-grid-gap)
  }
}

.o-brands__slider-wrapper:not(.swiper-initialized)>.swiper-wrapper .swiper-slide {
  --flex-items: 1;
  width: calc(100%/var(--flex-items) - (var(--flex-items) - 1)/var(--flex-items)*var(--layout-mobile-column-grid-gap))
}

@media screen and (min-width:768px) {
  .o-brands__slider-wrapper:not(.swiper-initialized)>.swiper-wrapper .swiper-slide {
    width: calc(100%/var(--flex-items) - (var(--flex-items) - 1)/var(--flex-items)*var(--layout-column-grid-gap))
  }
}

.o-brands__slider-wrapper:not(.swiper-initialized)[data-columns-mobile="1"]>.swiper-wrapper>.swiper-slide {
  --flex-items: 1
}

.o-brands__slider-wrapper:not(.swiper-initialized)[data-columns-mobile="2"]>.swiper-wrapper>.swiper-slide {
  --flex-items: 2
}

.o-brands__slider-wrapper:not(.swiper-initialized)[data-columns-mobile="3"]>.swiper-wrapper>.swiper-slide {
  --flex-items: 3
}

.o-brands__slider-wrapper:not(.swiper-initialized)[data-columns-mobile="4"]>.swiper-wrapper>.swiper-slide {
  --flex-items: 4
}

@media screen and (min-width:768px) {
  .o-brands__slider-wrapper:not(.swiper-initialized)[data-columns="2"]>.swiper-wrapper>.swiper-slide {
    --flex-items: 2
  }

  .o-brands__slider-wrapper:not(.swiper-initialized)[data-columns="3"]>.swiper-wrapper>.swiper-slide {
    --flex-items: 3
  }

  .o-brands__slider-wrapper:not(.swiper-initialized)[data-columns="4"]>.swiper-wrapper>.swiper-slide {
    --flex-items: 4
  }

  .o-brands__slider-wrapper:not(.swiper-initialized)[data-columns="5"]>.swiper-wrapper>.swiper-slide {
    --flex-items: 5
  }

  .o-brands__slider-wrapper:not(.swiper-initialized)[data-columns="6"]>.swiper-wrapper>.swiper-slide {
    --flex-items: 6
  }

  .o-brands__slider-wrapper:not(.swiper-initialized)[data-columns="7"]>.swiper-wrapper>.swiper-slide {
    --flex-items: 7
  }
}

.o-brands__slider-wrapper--grid>.swiper-wrapper {
  flex-wrap: wrap
}

.o-brands__slider-wrapper--slider:not(.swiper-initialized) {
  overflow: hidden
}

.o-brands__slider-wrapper--slider:not(.swiper-initialized)>.swiper-wrapper {
  flex-wrap: nowrap
}

.o-brands__item {
  position: relative
}

.o-brands__item:hover a {
  cursor: pointer
}

.o-brands__item:hover a img {
  filter: invert(29%) sepia(71%) saturate(2355%) hue-rotate(28deg) brightness(95%) contrast(105%)
}

.o-brands__inner {
  position: relative
}

.o-brands__inner.has-swiper:after,
.o-brands__inner.has-swiper:before {
  content: "";
  height: 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 15%;
  z-index: 2
}

@media screen and (min-width:768px) {

  .o-brands__inner.has-swiper:after,
  .o-brands__inner.has-swiper:before {
    width: 20%
  }
}

.o-brands__inner.has-swiper:before {
  background: rgb(var(--color-white));
  background: linear-gradient(90deg, rgba(var(--color-white), 1) 20%, rgba(var(--color-white), 0) 100%);
  left: 0
}

.o-brands__inner.has-swiper:after {
  background: rgb(var(--color-white));
  background: linear-gradient(90deg, rgba(var(--color-white), 0) 0, rgb(var(--color-white)) 80%);
  right: 0
}

.o-brands__footer {
  margin-top: 3rem
}

@media screen and (min-width:768px) {
  .o-brands__footer {
    margin-top: 6rem
  }
}