/* scss/settings/_breakpoints.scss */ /* scss/utilities/_functions.scss */
/*
    .cssClass {
        font-size: fluid-type(rem-calc(360), rem-calc(1280), rem-calc(20), rem-calc(50));
        margin-bottom: fluid-type(rem-calc(360), rem-calc(1280), rem-calc(10), rem-calc(20));
    }

*/
/* scss/utilities/_mixins.scss */ /* xsmall = 10 (1 - 11)
small = 13 - (12-14)
default = 16 (15-18)
medium = 20 (18-26)
large = 32 (26-36)
xlarge = 40 (36 <) */
/* ---------- headers ---------- */
/* ---------- medium fonts: 20 (18-26) ---------- */
/* ---------- default fonts: 16 (15-18) ---------- */
/* ---------- small fonts: 13 - (12-14) ---------- */
/* ---------- xsmall fonts: 10 (1 - 11) ---------- */
/* ---------- button fonts ---------- */
.frame {
  margin-bottom: 6.25rem;
}

.seoText {
  margin-top: 6.25rem;
}

.frame-space-after-none {
  margin-bottom: 0;
}

.frame-space-after-small {
  margin-bottom: 3.125rem;
}

.frame-space-after-medium {
  margin-bottom: 6.25rem;
}

.frame-space-after-large {
  margin-bottom: 9.375rem;
}

body {
  scroll-behavior: smooth;
}

.no-transitions,
.no-transitions * {
  transition: none !important;
  animation: none !important;
}

/* scss/utilities/_functions.scss */
/*
    .cssClass {
        font-size: fluid-type(rem-calc(360), rem-calc(1280), rem-calc(20), rem-calc(50));
        margin-bottom: fluid-type(rem-calc(360), rem-calc(1280), rem-calc(10), rem-calc(20));
    }

*/
/* scss/utilities/_mixins.scss */ /* xsmall = 10 (1 - 11)
small = 13 - (12-14)
default = 16 (15-18)
medium = 20 (18-26)
large = 32 (26-36)
xlarge = 40 (36 <) */
/* ---------- headers ---------- */
/* ---------- medium fonts: 20 (18-26) ---------- */
/* ---------- default fonts: 16 (15-18) ---------- */
/* ---------- small fonts: 13 - (12-14) ---------- */
/* ---------- xsmall fonts: 10 (1 - 11) ---------- */
/* ---------- button fonts ---------- */
.supplier-slider {
  position: relative;
}
.supplier-slider .swiper-button-prev,
.supplier-slider .swiper-button-next {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 6px;
  background-color: var(--color-bg-offcanvas-buttons);
  border-radius: 50%;
  transition: all 0.3s ease;
}
.supplier-slider .swiper-button-prev:after,
.supplier-slider .swiper-button-next:after {
  font-family: "LC-Icons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  content: "\e90b";
  color: #fff;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
}
.supplier-slider .swiper-button-prev:hover,
.supplier-slider .swiper-button-next:hover {
  background-color: var(--color-totop-hover);
}
.supplier-slider .swiper-button-prev.swiper-button-disabled,
.supplier-slider .swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: not-allowed;
  pointer-events: none;
}
.supplier-slider .swiper-button-prev {
  left: -48px;
}
.supplier-slider .swiper-button-prev:after {
  transform: rotate(180deg);
}
.supplier-slider .swiper-button-next {
  right: -48px;
}

.m-slider__swiperSupplier {
  position: relative;
}
.m-slider__swiperSupplier .supplier-slider {
  max-width: 1640px;
}
.m-slider__swiperSupplier .swiper-wrapper .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 45px;
}
.m-slider__swiperSupplier .swiper-wrapper .swiper-slide a {
  display: inline-flex;
  text-align: center;
  width: 100%;
  justify-content: center;
}
.m-slider__swiperSupplier .swiper-wrapper .swiper-slide .grayscale {
  filter: grayscale(100%); /* Convert the image to grayscale */
  transition: filter 0.3s; /* Add a smooth transition effect */
}

@media (max-width: 990px) {
  .m-slider__swiperSupplier {
    max-width: 90vw;
  }
  .supplier-slider .swiper-button-prev,
  .supplier-slider .swiper-button-next {
    width: 20px;
    height: 20px;
  }
  .supplier-slider .swiper-button-prev:after,
  .supplier-slider .swiper-button-next:after {
    font-size: 8px;
  }
  .supplier-slider .swiper-button-prev {
    left: -10px;
  }
  .supplier-slider .swiper-button-next {
    right: -10px;
  }
}

/*# sourceMappingURL=sliderSuppliers.css.map */