#customer_carousel_widget {
  width: 100%;
}
#customer_carousel_widget .section-left {
  width: 25%;
}
#customer_carousel_widget .section-right {
  width: 75%;
}
#customer_carousel_widget .section-title {
  text-align: left;
  margin: 0 1em 0 0;
}
#customer_carousel_widget .section-subtitle {
  text-align: left;
  margin: 0 1em 0 0;
}
.carousel-wrapper {
  position: relative;
  width: 100%;
}
#customer-carousel {
  width: 100%;
  min-height: 120px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
#customer-carousel .carousel-prev, #customer-carousel .carousel-next {
  cursor: pointer;
  color: #C2C2C2;
}
#customer-carousel .carousel-prev {
  padding: 0 2em 0 0;
}
#customer-carousel .carousel-next {
  padding: 0 0 0 2em;
  transform: rotate(180deg);
}
#customer-carousel .carousel-prev, #customer-carousel .carousel-next svg {
  width: 27px;
  height: 27px;
}
#customer-carousel .carousel-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#customer-carousel .inner-item-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#customer-carousel .inner-item-wrapper {
  width: calc(1% * 100 / var(--displayedLogos));
}
#customer-carousel img {
  max-width: 60%;
  max-height: 80px;
  object-fit: cover;
  object-position: center;
}
#customer-carousel .carousel-inner .carousel-item.active,
#customer-carousel .carousel-inner .carousel-item-next,
#customer-carousel .carousel-inner .carousel-item-prev {
  display: flex;
}
#customer-carousel .carousel-inner .carousel-item-end.active,
#customer-carousel .carousel-inner .carousel-item-next {
  transform: translateX(calc(1% * 100 / var(--displayedLogos)));
}
#customer-carousel .carousel-inner .carousel-item-start.active,
#customer-carousel .carousel-inner .carousel-item-prev {
  transform: translateX(calc(-1% * 100 / var(--displayedLogos)));
}
/* Important de répéter cet élémént */
#customer-carousel .carousel-inner .carousel-item-end,
#customer-carousel .carousel-inner .carousel-item-start {
  transform: translateX(0);
}
@media (max-width: 992px) {
  #customer_carousel_widget {
    padding: 2em 0;
  }
  #customer_carousel_widget.medias .section-wrapper {
    flex-direction: column;
  }
  #customer_carousel_widget .section-left {
    width: 100%;
    align-items: flex-start;
  }
  #customer_carousel_widget .section-right {
    width: 100%;
    align-items: flex-end;
  }
  #customer-carousel .carousel-prev, #customer-carousel .carousel-next svg {
  width: 22px;
  height: 22px;
}
  #customer-carousel .inner-item-wrapper {
    width: calc(1% * 100 / var(--displayedLogosMobile));
  }
  #customer-carousel .carousel-inner .carousel-item-end.active,
  #customer-carousel .carousel-inner .carousel-item-next {
    transform: translateX(calc(1% * 100 / var(--displayedLogosMobile)));
  }
  #customer-carousel .carousel-inner .carousel-item-start.active,
  #customer-carousel .carousel-inner .carousel-item-prev {
    transform: translateX(calc(-1% * 100 / var(--displayedLogosMobile)));
  }
  /* Important de répéter cet élémént */
  #customer-carousel .carousel-inner .carousel-item-end,
  #customer-carousel .carousel-inner .carousel-item-start {
    transform: translateX(0);
  }
}