.onboarding {
    padding: 46px 0;
}

.onboarding__progress {
    width: 602px;
}

.onboarding__header {
    margin: 0 0 12px;

    font-size: 28px;
    font-weight: 500;
    line-height: 33px;
}

.onboarding__description {
    margin: 0 0 30px;

    font-size: 18px;
    font-weight: normal;
    line-height: 23px;
    text-align: center;
}

.onboarding__services {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

    margin: 0 0 64px -24px;
}

.onboarding__services .service-list-item {
    margin: 0 0 24px 24px;
}

.onboarding-welcome {
    display: flex;
    flex-direction: column;
    align-items: center;

    width: 500px;
    margin-top: 55px;

    text-align: center;
}

.onboarding-welcome__pic {
    width: 218px;
    height: 216px;
    margin-bottom: 46px;

    background: url('../../../static/i/onboarding_ok.svg') no-repeat;
    background-size: contain;
}

.onboarding-subscribe,
.onboarding-services {
    position: relative;

    display: flex;
    flex-direction: column;
    align-items: center;

    min-width: 550px;
    max-width: 1200px;
}

.onboarding-subscribe .onboarding__header,
.onboarding-services .onboarding__header {
    font-size: 24px;
    line-height: 28px;
}

.onboarding-subscribe .onboarding__progress,
.onboarding-services .onboarding__progress {
    margin-bottom: 84px;
}

.onboarding-subscribe .onboarding__description,
.onboarding-services .onboarding__description {
    max-width: 650px;
    margin-bottom: 72px;
}

.onboarding-subscribe__button {
    margin-bottom: 20px;
}

.onboarding-subscribe__skip {
    font-size: 15px;
    line-height: 18px;
    cursor: pointer;

    color: #7f7f7f;
}

.onboarding-subscribe .form__error {
    margin-top: 0;
}

.onboarding-invite__content {
    max-width: 420px;
    margin: 0 auto;
    padding: 46px 0;

    text-align: center;
}

.onboarding-invite__icon {
    width: 100%;
    height: 224px;
    margin: 0 auto;
    margin-bottom: 42px;

    background-image: url('../../../static/i/onboarding/invite.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.onboarding-invite__button {
    display: block;

    margin: 0 auto;
    margin-top: 22px;
}

.onboarding-invite__form {
    width: 360px;
    margin: 0 auto;
}
