@charset "UTF-8";
/**
 * Bootstrap 5.3 – Variabili SCSS di base
 * @see https://getbootstrap.com/docs/5.3/customize/sass/
 */
/* ----------------------------------------------------------
 * SPACING
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * COLOR SYSTEM
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * BODY
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * TYPOGRAPHY
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * LINK
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * BUTTONS
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * BORDER RADIUS
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * ACCORDION
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * TABS
 * ---------------------------------------------------------- */
.block__slider_loghi .logo {
  width: 200px;
  height: 100px;
  object-fit: contain;
}
.block__slider_loghi .marquee-wrapper {
  display: flex;
  overflow: hidden;
  width: 100%;
}
.block__slider_loghi .marquee-track {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-around;
  gap: 3rem;
  padding-right: 3rem;
  min-width: 100%;
  animation: scroll-marquee 30s linear infinite;
}
.block__slider_loghi .marquee-wrapper:hover .marquee-track,
.block__slider_loghi .marquee-wrapper:focus-within .marquee-track {
  animation-play-state: paused;
}
@media (prefers-reduced-motion: reduce) {
  .block__slider_loghi .marquee-track {
    animation: none;
    flex-wrap: wrap;
    justify-content: center;
    min-width: auto;
  }
  .block__slider_loghi .marquee-wrapper {
    flex-wrap: wrap;
  }
}

@keyframes scroll-marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}