.dsn-slider-content {
  pointer-events: none;
  z-index: 5;
  --margin-padding: 80px;

  .swiper-animate-head {
    transition: 0.5s;
  }

  .slide-content.dsn-active {
    z-index: 1;
    pointer-events: auto;
  }

  .slide-content:not(.dsn-active) {
    z-index: 0;
    pointer-events: none;

    .dsn-chars-wrapper, [data-dsn-split="chars"], .swiper-animate-head {
      opacity: 0;
      visibility: hidden;
    }

    .title .icon-circle {
      width: 0;
    }


  }

  .circle-before {
    &.mt-10:before {
      margin-top: 5px;
    }

    &.mb-10:before {
      margin-top: -5px;
    }

  }

  .title, .description, .dsn-btn {
    pointer-events: auto;
    margin-right: 15px;
  }

  .head-meta:not(.border-bottom , .border-top) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .dsn-def-btn .line-shape .dsn-icon {
    display: none;
  }


}

/**
  Animation
 */
.dsn-slider-content .slide-content {

  .swiper-animate-head, .head-meta span, .circle-before:before {
    transition: 1.2s $easeInOutExpo;
    @include transition-delay(1ms, var(--item-index), 100ms)
  }

  &:not(.dsn-active-animate) {

    .head-meta span, p.description, .dsn-def-btn {
      opacity: 0;
    }

    .circle-before:before {
      transform: scale(0);
    }

    .head-meta.mb-20 span {
      transform: translateY(-50%);
    }

    .head-meta.mt-20 span, p.description, .dsn-def-btn {
      transform: translateY(50%);
    }

  }
}