.brands-carousel {
  margin: var(--wp--preset--spacing--m) 0 0 0 !important;
  padding-bottom: 50px !important;
}
.brands-carousel__company {
  border-right: 1px solid rgba(193, 167, 226, 0.6);
}
.brands-carousel__company.swiper-slide-active {
  border-left: 1px solid rgba(193, 167, 226, 0.6);
}
.brands-carousel__inner {
  padding: 20px;
  background: linear-gradient(135deg, rgba(144, 99, 205, 0.085) 0%, rgba(193, 167, 226, 0.2) 100%);
  transition: transform 0.25s ease-in-out;
}
.brands-carousel__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.brands-carousel__head .logo {
  width: 60px;
}
.brands-carousel__head h4 {
  width: calc(100% - 60px);
  font-size: var(--wp--preset--font-size--font-20);
  font-weight: 500;
  line-height: 1.25;
  margin: 0;
  padding-left: 15px;
}
.brands-carousel__info {
  padding-top: 1.5rem;
}
.brands-carousel__info p {
  font-size: var(--wp--preset--font-size--font-17);
  line-height: 1.4;
  margin: 0;
}
.brands-carousel img {
  width: 100%;
  height: auto;
  line-height: 0;
  margin: 0;
  border: 1px solid transparent;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
}
.brands-carousel a {
  display: block;
  line-height: 0;
  padding: 0 20px;
}
.brands-carousel a:hover, .brands-carousel a:active, .brands-carousel a:focus {
  color: #101820;
}
.brands-carousel a:hover .brands-carousel__inner, .brands-carousel a:active .brands-carousel__inner, .brands-carousel a:focus .brands-carousel__inner {
  transform: scale(1.035);
}
.brands-carousel .swiper-pagination .swiper-pagination-bullet {
  background: rgba(144, 99, 205, 0.2);
  border-radius: 8px;
  opacity: 1;
  transition: all 0.25s ease-in-out;
}
.brands-carousel .swiper-pagination .swiper-pagination-bullet:hover {
  background: #9063CD;
}
.brands-carousel .swiper-pagination .swiper-pagination-bullet-active {
  width: 24px;
  background: #9063CD;
}
@media (max-width: 1023px) {
  .brands-carousel .swiper-nav {
    display: none;
  }
}
@media (min-width: 1024px) {
  .brands-carousel {
    overflow: visible !important;
  }
  .brands-carousel:before, .brands-carousel:after {
    content: "";
    display: block;
    width: 50vw;
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 5;
  }
  .brands-carousel:before {
    left: -50vw;
  }
  .brands-carousel:after {
    right: -50vw;
  }
  .brands-carousel .swiper-nav {
    width: 41px;
    height: 41px;
    margin-top: 0;
    top: calc(50% - 38px);
  }
  .brands-carousel .swiper-nav:after {
    display: none;
  }
  .brands-carousel .swiper-nav.swiper-button-next {
    right: -50px;
  }
  .brands-carousel .swiper-nav.swiper-button-prev {
    left: -50px;
  }
}
@media (min-width: 1200px) {
  .brands-carousel .swiper-nav.swiper-button-next {
    right: -60px;
  }
  .brands-carousel .swiper-nav.swiper-button-prev {
    left: -60px;
  }
}