.vacancy__head {
    margin-bottom: 40px
}

.vacancy__title {
    color: var(--black)
}

.vacancy__title b, .vacancy__title span, .vacancy__title strong {
    color: var(--primary)
}

.vacancy__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px
}

.vacancy__content {
    color: var(--gray-100)
}

.vacancy__content p:not(:first-of-type) {
    margin-top: 24px
}

.vacancy__content p + ol, .vacancy__content p + ul {
    margin-top: 0 !important
}

@media (min-width: 1200px) {
    .vacancy__head {
        margin-bottom: 80px
    }

    .vacancy__wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 32px
    }

    .vacancy__content {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: 100%;
        max-width: 630px
    }

    .vacancy__form-wrapper {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: 100%;
        max-width: 522px
    }
}

.vacancy__form-head {
    margin-bottom: 20px
}

.vacancy__form-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 28px
}

@media (min-width: 1200px) {
    .vacancy__form-head {
        margin-bottom: 40px
    }

    .vacancy__form-items {
        gap: 40px
    }
}

.vacancy__form-bottom {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

@media (min-width: 760px) {
    .vacancy__form-bottom {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 16px
    }
}

@media (min-width: 1200px) {
    .vacancy__form-bottom {
        margin-top: 40px
    }
}

.vacancy__form-submit {
    padding: 11px 9px
}

.vacancy__form-submit-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 100%;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (min-width: 760px) {
    .vacancy__form-submit-wrapper {
        max-width: 200px
    }
}