@font-face {
  font-family: "themify";
  src: local("themify");
}


@media (pointer: fine) {
  .slider-section-111__slider { cursor: none; }

  .split-cursor {
    display: none;               
    position: fixed;
    z-index: 9999;
    left: 0; top: 0;
    transform: translate(-50%, -50%);
    pointer-events: none;
    font-family: "themify";
    font-size: 16px;
    background: var(--primary);
    padding: 16px;
    border-radius: var(--radius-circle);
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .split-cursor::before { content: "\e628"; }
  
  .split-cursor.is-left::before { content: "\e629"; }
  
  .split-cursor.is-active { display: block; }
  
  .slider-section-111__slider .no-split-cursor,
  .slider-section-111__slider [data-no-cursor],
  .slider-section-111__slider .no-split-cursor *,
  .slider-section-111__slider [data-no-cursor] * {
    cursor: pointer !important;
  }
}


@media (pointer: coarse) {
  .slider-section-111__slider { cursor: auto; }
}

.card-slider-section-111__tax {
  cursor: pointer !important;
}




.slider-section-111 .splide__slide {
  transition: opacity 1s cubic-bezier(0.25, 0.8, 0.5, 1) !important;
  opacity: .2;
}

.slider-section-111 .splide__slide.is-active,
.slider-section-111 .splide__slide.is-visible {
  opacity: 1;
}

.slider-section-111 .splide__slide.is-visible {
}




.slider-section-111 {
  --fade: 64px; 

  
  -webkit-mask-image: linear-gradient(
    to right,
    transparent 0,
    #000 var(--fade),
    #000 calc(100% - var(--fade)),
    transparent 100%
  );
  mask-image: linear-gradient(
    to right,
    transparent 0,
    #000 var(--fade),
    #000 calc(100% - var(--fade)),
    transparent 100%
  );
  mask-repeat: no-repeat;
}




.bst-slider__section .splide__slide {
  transition: opacity .6s, transform .6s;
  opacity: .2;
  transform: scale(1);
}

.bst-slider__section .splide__slide.is-active {
  transition: opacity .6s, transform .6s;
  opacity: 1;
  transform: scale(1);
}



.bst-slider__section .splide__slide.is-prev,
.bst-slider__section .splide__slide.is-next {
  transition: opacity .6s, transform .6s;
  opacity: .2;
  transform: scale(.8);
}

@media (max-width: 767px) {
  .bst-slider__section .splide__slide.is-next {
    transition: opacity .6s, transform .6s;
    opacity: .2;
    transform: scale(.8);
  }