.slider-media {
  max-width: 1800px;
  padding: 64px 0;
  margin: 0 auto;
  width: 100%;
  overflow: hidden;

  @include breakpoint-down('tabM') {
    padding-top: 24px;
  }

  &__title {
    text-align: center;
  }

  &__swiper {
    min-height: 380px;
    padding: 49px 0 60px 0;
    overflow: unset;

    @include breakpoint-down('deskL') {
      padding: 65px 0;
    }

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

    @include breakpoint-down('tabM') {
      max-width: 335px;
      padding: 26px 0 56px 0;
    }

    @include breakpoint-down('mobM') {
      width: 90%;
    }
  }
  &__item-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 24.2%;
    z-index: 1;

    @include breakpoint-down('deskL') {
      right: 18.2%;
    }
  }

  &__item-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 24.2%;
    z-index: 1;

    @include breakpoint-down('deskL') {
      left: 18.2%;
    }
  }

  &__pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 0 !important;

    .swiper-pagination-bullet {
      width: 6px;
      height: 6px;
      background: $grey30;
      transition: all .4s ease;

      &-active {
        transition: all .4s ease;
        width: 10px;
        height: 10px;
        background: $red;
      }
    }
  }

  &__wrapper {
    align-items: center;
  }

  &__slide {
    transition: .8s ease;
    transform: scale(0.913) !important;
    max-width: 970px;

    @include breakpoint-down('tabM') {
      min-height: 510px;
    }

    &.swiper-slide-active {
      box-shadow: 0 60px 40px -40px rgba(0, 0, 0, 0.4);
      transition: .8s ease;
      transform: none !important;

      @include breakpoint-down('tabM') {
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
        border-radius: 8px;
        overflow: hidden;
      }

      .slide-media__items {
        opacity: 1;
        transition: .6s ease, opacity .4s;
      }
    }
  }
}