.slider-info {
  height: 100vh;
  width: 100%;
  background: rgba(11, 15, 22, 1);
  overflow: hidden;
  z-index: 0;

  @media screen and (max-width: 1360px) {
    padding-right: 20%;
  }

  @media screen and (max-width: 1000px) {
    padding-right: 10%;
  }

  @include breakpoint-down('tabM') {
    padding-right: 0;
  }

  &__container {
    height: 100%;
    margin: 0 auto;
    display: flex;
    align-items: flex-end;
    padding-bottom: 96px;
    max-width: 1800px;

    @include breakpoint-down('deskS') {
      padding-bottom: 32px;
    }

    @include breakpoint-down('tabM') {
      padding-bottom: 56px;
    }
  }

  &__swiper {
    margin-left: unset;
    width: 100%;
    height: 100%;
    overflow: unset;
    padding-left: 308px;

    @include breakpoint-down('deskL') {
      padding-left: 250px;
    }

    @include breakpoint-down('deskM') {
      padding-left: 213px;
    }

    @include breakpoint-down('deskS') {
      padding-left: 40px;
    }

    @include breakpoint-down('tabM') {
      padding-left: 20px;
      padding-right: 20px;
    }
  }

  &__wrapper {
    margin-bottom: 64px;
  }

  &__slide {
    opacity: 0;
    transition: .3s ease;
    display: flex;
    align-items: flex-end;
    padding-bottom: 140px;

    @include breakpoint-down('deskS') {
      padding-bottom: 112px;
    }

    @include breakpoint-down('tabM') {
      padding-bottom: 48px;
    }

    &.swiper-slide-duplicate-active, &.swiper-slide-active {
      opacity: 1;
      transition: .3s ease;

      .slide-info__image {
        transition: .6s ease;
        transform: translateX(0);
        opacity: 1;
      }
    }
  }

  .pagination {
    position: absolute;
    bottom: 0;
    z-index: 1;

    @include breakpoint-down('deskS') {
      max-width: 688px;
    }

    @include breakpoint-down('tabM') {
      max-width: 336px;
    }

    @include breakpoint-down('mobM') {
      width: 87%;
    }

    &__item {
      opacity: 0;
      transform: translateY(50px);
    }
  }
}