@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: 140px;
  height: 100px;
  object-fit: contain;
}
@media (min-width: 992px) {
  .block__slider_loghi .logo {
    width: 200px;
  }
}
.block__slider_loghi .swiper {
  overflow: hidden;
}
.block__slider_loghi .swiper::before, .block__slider_loghi .swiper::after {
  content: "";
  position: absolute;
  top: 0;
  width: 30px;
  height: 100%;
  z-index: 10;
  pointer-events: none;
}
.block__slider_loghi .swiper::before {
  left: 0;
  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}
.block__slider_loghi .swiper::after {
  right: 0;
  background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0));
}
.block__slider_loghi .swiper .swiper-slide {
  display: flex;
  justify-content: center;
}
.block__slider_loghi .swiper .swiper-slide .logo {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  transition: 0.3s all ease-out;
}
.block__slider_loghi .swiper .swiper-slide .logo:hover {
  filter: grayscale(0);
  -webkit-filter: grayscale(0);
}