/* ------------------------------------------- */
/* ------------------------------------------- */
:root {
  font-size: 62.5%;
}

/* ------------------------------------------- */
/* ------------------------------------------- */
.backend a {
  pointer-events: none !important;
}

.block-bandeau-partners {
  margin: 0;
  padding: 0;
}
.block-bandeau-partners .bandeau {
  width: 100%;
  overflow-x: clip;
  display: block;
  text-decoration: none;
}
.block-bandeau-partners .bandeau:hover .img-bandeau {
  animation-play-state: paused !important;
}
.block-bandeau-partners .bandeau-content {
  display: flex;
  width: max-content;
  margin: 0 auto;
  white-space: nowrap;
}
.block-bandeau-partners .bandeau-content .img-bandeau {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: calc(clamp(1.5rem, 0.0274509804 * (100vmin + 100vmax) / 2, 2.8rem) * 4);
  padding-left: calc(clamp(1.5rem, 0.0274509804 * (100vmin + 100vmax) / 2, 2.8rem) * 4);
  flex-shrink: 0;
}
.block-bandeau-partners .bandeau-content .partner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(8rem, 0.1470588235 * (100vmin + 100vmax) / 2, 15rem);
  height: clamp(8rem, 0.1470588235 * (100vmin + 100vmax) / 2, 15rem);
}
.block-bandeau-partners .bandeau-content .partner .logo-partner {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  filter: grayscale(1);
  opacity: 1;
  transition: filter 0.3s, opacity 0.3s;
}
.block-bandeau-partners .bandeau-content .partner .logo-partner:hover {
  filter: none;
  opacity: 1;
}
.block-bandeau-partners .bandeau-content .img-bandeau:nth-child(1) {
  animation: scrolling-left1 linear infinite;
  animation-duration: var(--animation-duration);
  animation-delay: calc(-1 * var(--animation-duration) / 2);
}
.block-bandeau-partners .bandeau-content .img-bandeau:nth-child(2) {
  animation: scrolling-left2 linear infinite;
  animation-duration: var(--animation-duration);
}

@keyframes scrolling-left1 {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes scrolling-left2 {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-200%);
  }
}