/* .section--logos {
  padding: calc(var(--padding-section-base) * 6) 0;
} */

.brands-wrapper {
  padding: 0 calc(var(--padding-section-base) * 6);
}
.sw-brands {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6rem;
  row-gap: 2rem;
  background-color: var(--section-bg, var(--c-white));
  margin-top: 6rem;
}
.sw--brands .swiper-slide {
  /* transition-timing-function: var(--ease2); */
  /* transition-timing-function: cubic-bezier(0.62, 0.05, 0.01, 0.99); */
}
.sw--brands-warp .swiper {
  height: 6rem;
  width: 100%;
}
.brand-item {
  align-items: center;
  display: flex;
  justify-content: center;
  height: 100%;
  background-color: var(--section-bg, var(--c-primary));
}
.brand-item img {
  width: 100%;
  height: 100%;
  -webkit-filter: brightness(0) saturate(100%) invert(81%) sepia(0%)
    saturate(0%) hue-rotate(178deg) brightness(92%) contrast(93%);
  filter: brightness(0) saturate(100%) invert(81%) sepia(0%) saturate(0%)
    hue-rotate(178deg) brightness(92%) contrast(93%);
  -o-object-fit: contain;
  object-fit: contain;
  padding: 0.7rem 0;
}
.bg--white .brand-item img {
  -webkit-filter: brightness(0) saturate(100%) invert(6%) sepia(23%)
    saturate(4747%) hue-rotate(232deg) brightness(144%) contrast(124%);
  filter: brightness(0) saturate(100%) invert(6%) sepia(23%) saturate(4747%)
    hue-rotate(232deg) brightness(144%) contrast(124%);
}
.brands-vector {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 9rem;
}
.brands-vector img {
  max-width: 80%;
}
.sw--brands-warp {
  /* mix-blend-mode: exclusion; */
}
/**************************/
/* BELOW 360px */
/**************************/
@media (min-width: 22.5em) {
}
/**************************/
/* BELOW 576px */
/**************************/
@media (min-width: 36em) {
}

/**************************/
/* ABOVE 800px */
/**************************/

@media (min-width: 50em) {
  .sw-brands {
    gap: 6rem;
    row-gap: 4.5rem;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .brands-vector img {
    max-width: 29%;
  }
}

/**************************/
/* ABOVE 1024px */
/**************************/
@media (min-width: 64em) {
}
/**************************/
/* ABOVE 1200px */
/**************************/
@media (min-width: 75em) {
}