.logocarousel-block {
  --logo-carousel-gap: var(--space-md);
  --logo-carousel-gaps-2: calc(var(--logo-carousel-gap) + var(--logo-carousel-gap));
  --logo-carousel-gaps-4: calc(var(--logo-carousel-gaps-2) + var(--logo-carousel-gaps-2));
  --logo-carousel-gaps-6: calc(var(--logo-carousel-gaps-4) + var(--logo-carousel-gaps-2));
  --logo-carousel-top-gap: calc(var(--space-xl) + var(--space-md));

  position: relative;
  padding: var(--block-padding-y) 0;
  overflow: hidden;
}
.logocarousel-block .center {
  position: relative;
  z-index: 1;
}
.logocarousel-block .maxwidth {
  max-width: 800px;
}
.logocarousel-block .textcenter.maxwidth {
  margin: 0 auto;
}
.logocarousel-block .swiper-logos {
  position: relative;
  padding: var(--logo-carousel-top-gap) var(--logo-carousel-gap) 0 var(--logo-carousel-gap);
  z-index: 1;
}
.logocarousel-block .swiper-container {
  width: 100%;
  overflow: hidden;
}
.logocarousel-block .swiper-wrapper {
  display: flex;
  align-items: center;
  transition-timing-function: linear !important;
}
.logocarousel-block .swiper-slide {
  flex: 0 0 calc((100% - var(--logo-carousel-gap)) / 2);
  width: calc((100% - var(--logo-carousel-gap)) / 2);
  margin-right: var(--logo-carousel-gap);
  user-select: none;
}
.logocarousel-block .swiper-slide figure {
  filter: grayscale(100%);
  text-align: center;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .logocarousel-block {
    padding: var(--block-padding-y-mobile) 0;
  }
}
@media screen and (min-width: 768px) {
  .logocarousel-block .swiper-slide {
    flex-basis: calc((100% - var(--logo-carousel-gaps-2)) / 3);
    width: calc((100% - var(--logo-carousel-gaps-2)) / 3);
  }
}
@media screen and (min-width: 1024px) {
  .logocarousel-block .swiper-slide {
    flex-basis: calc((100% - var(--logo-carousel-gaps-4)) / 5);
    width: calc((100% - var(--logo-carousel-gaps-4)) / 5);
  }
}
@media screen and (min-width: 1440px) {
  .logocarousel-block .swiper-slide {
    flex-basis: calc((100% - var(--logo-carousel-gaps-6)) / 7);
    width: calc((100% - var(--logo-carousel-gaps-6)) / 7);
  }
}