.partnership-content {
  padding-top: 85px;

  @include breakpoint-down('deskS') {
    padding-top: 47px;
  }

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

  .partnership-player {
    margin-bottom: 120px;
  }

  &__block {
    display: flex;
    margin-bottom: 64px;

    @include breakpoint-down('deskS') {
      margin-bottom: 40px;
    }

    @include breakpoint-down('tabM') {
      flex-wrap: wrap;
      margin-bottom: 24px;
    }

    &:last-of-type {
      margin-bottom: 0;
    }

    &--right {
      @include breakpoint-down('tabM') {
        flex-direction: column-reverse;
      }

      .partnership-content__block-item {
        @include breakpoint-down('tabM') {
          &:last-of-type {
            margin-bottom: 24px;
          }

          &:first-of-type {
            margin-bottom: 0;
          }
        }
      }
    }
  }

  &__block-item {
    width: calc((100% - 60px) / 2);
    margin-right: 60px;

    @include breakpoint-down('deskS') {
      width: calc((100% - 20px) / 2);
      margin-right: 20px;
    }

    @include breakpoint-down('tabM') {
      width: 100%;
      margin-right: 0;
      margin-bottom: 24px;
    }

    &:last-of-type {
      margin-right: 0;
      margin-bottom: 0;
    }
  }

  &__block-item--text {
    color: $white;

    > * {
      margin-bottom: 30px;

      @include breakpoint-down('deskL') {
        margin-bottom: 23px;
      }

      &:last-of-type {
        margin-bottom: 0;
      }
    }
  }

  &__block-item--img {
    max-height: 400px;

    @include breakpoint-down('deskL') {
      max-height: 304px;
    }

    @include breakpoint-down('deskS') {
      max-height: 334px;
    }

    img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      border-radius: 8px;
    }
  }

  &__block-gallery {
    margin: 160px 0;

    @include breakpoint-down('deskL') {
      margin: 80px 0;
    }

    @include breakpoint-down('deskS') {
      margin: 64px 0;
    }
  }
}