.partnership-welcome {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;

  &:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: '';
    background: linear-gradient(180deg, #263B5A 0%, rgba(33, 51, 76, 0) 57.81%, rgba(30, 45, 66, 0.3) 100%);
  }

  &:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 627px;
    content: '';
    z-index: 1;
    background: radial-gradient(43.01% 63.08% at 50% 36.92%, #395786 0%, rgba(38, 60, 87, 0) 100%);

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

    @include breakpoint-down('deskM') {
      height: 476px;
    }

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

    @include breakpoint-down('tabM') {
      display: none;
    }
  }

  &__bg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(0.95);
  }

  &__parallax-1 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    transform: translateY(35px);

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

    @include breakpoint-down('deskM') {
      bottom: -145px;
    }

    @include breakpoint-down('deskS') {
      bottom: 0;
    }

    @include breakpoint-down('tabM') {
      width: 163%;
      left: 0;
    }
  }

  &__parallax-2 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -100px;
    width: 100%;
    transform: translateY(100px);

    @include breakpoint-down('deskM') {
      bottom: -145px;
    }

    @include breakpoint-down('deskS') {
      bottom: 0;
    }

    @include breakpoint-down('tabM') {
      width: 163%;
      left: -48px;
    }
  }

  &__content {
    padding-top: 119px;
    position: relative;
    z-index: 3;
    width: 100%;
    margin: 0 auto;

    .container {
      max-width: 780px;
    }

    @include breakpoint-down('deskL') {
      padding-top: 118px;
      .container {
        max-width: 620px;
      }
    }

    @include breakpoint-down('deskS') {
      padding-top: 90px;
      .container {
        max-width: 460px;
      }
    }

    @include breakpoint-down('tabM') {
      max-width: none;
      padding-top: 110px;
    }
  }

  &__block-first {
    max-width: 320px;
    width: 100%;
    margin: 0 auto 27px;
    opacity: 0;
    transform: translateY(20px);

    @include breakpoint-down('deskM') {
      margin-bottom: 34px;
    }

    @include breakpoint-down('deskS') {
      max-width: 180px;
      margin-bottom: 23px;
    }

    @include breakpoint-down('tabM') {
      max-width: 200px;
      margin-bottom: 25px;
    }
  }

  &__block-first-logo {
    display: flex;
    justify-content: space-between;
    margin: 0 auto 32px;
    width: max-content;

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

    > img {
      display: block;
      width: 285px;
      height: 103px;

      @include breakpoint-down('deskS') {
        width: 177px;
        height: 64px;
      }
    }
  }

  &__text {
    color: $white;
    text-align: center;
    opacity: 0;
    transform: translateY(20px);

    br {
      @include breakpoint-down('deskL') {
        display: none;
      }
    }
  }
}