.header-container {
    max-width: 1530px;
}

.container {
    overflow: hidden;
}

.header {
    background: url("/userfiles/images/carrieres/bg-appliquer.svg");
    background-repeat: no-repeat;
    background-position-x: right;
    background-size: 70%;
    padding-bottom: 100px;
}

.content_wrapper a {
    color: unset;
    text-decoration: none;
}


.job-title.apply-page p {
    font-family: "KenworthSans-Regular";
    font-style: normal;
    font-weight: 700;
    font-size: 71px;
    line-height: 45px;
    color: #DCDDDE;
}

.job-title.apply-page h2 span {
    font-family: "KenworthSans-Regular";
    font-style: normal;
    font-weight: 700;
    font-size: 31px;
    line-height: 31px;
    color: #000000;
}

.file-attachment {
    display: flex;
    gap: 25px;
    flex-direction: row;
    justify-content: space-between
}

.file-attachment .form-group {
    width: 50%;
}

.file-attachment .btn {
    padding-left: 25px;
    padding-right: 25px;
}

.job-title.apply-page {
    max-width: 640px;
    margin: auto;
    padding: 50px 0;
}


.form-conatiner {
    max-width: 640px;
    margin: auto;
    padding-bottom: 30px;
    position: relative;
}

.form-conatiner img {
    position: absolute;
    right: -20%;
    top: 50%;
    width: 30px;
}

.form-conatiner .btn {
    width: 100%;
    height: 60px;
    background-color: #000000;
    border-radius: 0;
    margin: 30px 0 0 0;
    font-style: normal;
    font-weight: 700;
    font-size: 17.7397px;
    line-height: 19px;
    padding: 10px;
    color: #fff;
}

.form-conatiner p {
    font-family: 'Saira', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
    color: #808284;
}

.form-conatiner p:first {
    font-family: 'Saira', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 31px;
    color: #58595B;
}

form label {
    font-family: 'Saira', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: -0.12963px;
    text-transform: uppercase;
    color: #B2B3B6;
    padding-left: 5px;
}

form input,
form select,
form textarea {
    font-family: 'Saira', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 32px;
    letter-spacing: -0.367647px;
    height: 32px !important;
    color: #58595B;
    padding-left: 5px;
}

form select {
    height: unset;
    padding-left: 0;
}

form .form-control {
    background-color: transparent;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #B2B3B6;
    padding-left: 5px;
}

form .btn {
    margin-left: auto;
}

form button.btn.submit {
    width: 283px;
    height: 69px;
}

button.multiselect.dropdown-toggle.btn.btn-default {
    margin: unset;
    padding: unset;
    background-color: transparent;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #B2B3B6;
    padding-left: 5px;
    font-family: 'Saira', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -0.367647px;
    height: 32px !important;
    color: #58595B;
    text-align: left;
}


/* Extra Large Device */
@media only screen and (max-width : 1200px) {
    .header {
        background-position-x: 150px;
        background-size: 115%;
    }
}

@media only screen and (max-width : 1024px) {
    .header {
        background-position-x: 150px;
        background-size: 115%;
    }
}

/* Large Devicess */
@media only screen and (max-width : 992px) {
    .header {
        background-position-x: 125px;
        background-size: 120%;
    }
}

/* Medium Devices */
@media only screen and (max-width : 768px) {

    .header {
        background-position-x: 125px;
        background-size: 100%;
    }
}

/* Small Devices */
@media only screen and (max-width : 576px) {
    .header.row {
        display: flex;
        flex-direction: column;
    }

    .job-title.apply-page p {
        font-size: 31px;
        font-style: normal;
        font-weight: 700;
        line-height: 29px;
    }

    .job-title.apply-page {
        padding: 50px 0 20px 0;
    }

    .header img {
        max-width: 300px;
        margin-bottom: 50px;
    }

    .header {
        background-position-x: 100px;
        background-size: 100%;
        display: flex;
        flex-direction: column-reverse;
        padding: 0;
    }

    .header p {
        font-size: 15px;
        line-height: 19px;
        letter-spacing: 0.25em;
    }

    .header h2 {
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 27px;
    }

    .file-attachment{
        gap: 5px;
    }

    .has-button {
        margin-bottom: 0;
    }

    .file-attachment .form-group .btn {
        font-size: 16.74px;
        font-style: normal;
        font-weight: 700;
        line-height: 25.315px;
        margin: 0;
    }

    form button.btn.submit {
        width: 175px;
        height: 50px;
        font-size: 17.74px;
        font-style: normal;
        font-weight: 700;
        line-height: 26.315px;
    }
}