.navbar-brand img {
    width: auto;
    height: 52px;
}

.nav-lang a {
    font-size: 16px;
    color: black;
}

.recruitment-banner {
    margin-bottom: 0 !important;
}

.recruitment-banner img {
    width: 100%;
    height: 500px;
    object-fit: cover;
}

.wrapper-intro {
    background-color: #F3F1EC;
    padding-top: 100px;
    padding-bottom: 100px;
}

.wrapper-intro h1 {
    font-family: 'Optima', serif;
    font-size: 35px;
    margin-bottom: 0;
}

.overview {
    padding-top: 30px;
    padding-bottom: 20px;
}

.overview h2 {
    font-family: 'Optima', serif;
    font-size: 25px;
    margin-bottom: 0;
    color: #D7B685;
}

.wrapper-intro p {
    font-family: 'Optima', serif;
    color: #828282;
    font-size: 20px;
}

.wrapper-list {
    padding-top: 100px;
    padding-bottom: 100px;
}

.wrapper-list h2 {
    font-family: 'Optima', serif;
    font-size: 30px;
    color: #D7B685;
    margin-bottom: 50px;
}

.wrapper-list table thead tr th {
    border-bottom: 1px solid #DBDBDB;
    font-family: 'Optima', serif;
    font-weight: bold;
    font-size: 18px;
}

.wrapper-list table tbody tr td {
    border-bottom: 1px solid #DBDBDB;
    font-family: 'Optima', serif;
    font-size: 16px;
    color: #828282;
    vertical-align: baseline;
}

.wrapper-list table tbody tr td > .btn-job-detail {
    background-color: #D7B685;
    border-color: #D7B685;
    color: #fff;
    font-family: 'Optima', serif;
    font-size: 16px;
}

.wrapper-intro-detail {
    background-color: #F3F1EC;
    padding-top: 40px;
    padding-bottom: 30px;
}

.wrapper-intro-detail h1 {
    font-family: 'Optima', serif;
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 0;
}

.wrapper-intro-detail p {
    font-family: 'Optima', serif;
    color: #000;
    font-size: 18px;
}

.wrapper-job-detail {
    padding-top: 0;
    padding-bottom: 50px;
}

.wrapper-job-detail h3 {
    font-family: 'Optima', serif;
    color: #000;
    font-size: 18px;
    margin-bottom: 10px;
}

.wrapper-job-detail p {
    font-family: 'Optima', serif;
    color: #828282;
    font-size: 16px;
}

.wrapper-job-detail ul li {
    font-family: 'Optima', serif;
    color: #828282;
    font-size: 16px;
}

footer {
    padding-top: 80px;
    padding-bottom: 50px;
    border: 0;
}

footer p {
    font-family: 'Optima', serif;
    font-size: 18px;
    font-weight: normal;
    color: #828282;
    margin-bottom: 0;
}

small {
    font-size: 16px;
}

/* Steps */
.step-indicator .step.active .step-circle {
    box-shadow: none !important;
}

.step-indicator .step.completed .step-circle {
    box-shadow: none !important;
    background-color: #fffbed !important; 
}

.wizard-card {
    box-shadow: none !important;
    border: 1px solid #eaeaea !important;
    padding: 1.5rem !important;
}

.btn-add-row {
    background-color: #D7B685 !important;
    border-color: #D7B685;
    color: #fff  !important;
    font-family: 'Optima', serif;
    font-size: 16px;
}

.table-responsive {
    box-shadow: none !important;
    border: 1px solid #eaeaea !important;
    border-radius: 0 !important;
}

.table-responsive > .table {
    box-shadow: none !important;
    border: 0 !important;
    border-radius: 0 !important;
}

.table-responsive > .table td {
    font-size: 16px;
}

.wizard-step {
    margin-bottom: 1rem;
}

.btn-success {
    background-color: #D7B685 !important;
    border-color: #D7B685 !important;
    color: #fff  !important;
    font-family: 'Optima', serif;
    font-size: 16px;
}

.btn-success:hover {
    box-shadow: none !important;
}

.btn-next {
    background-color: #D7B685 !important;
    border-color: #D7B685 !important;
    color: #fff  !important;
    font-family: 'Optima', serif;
    font-size: 16px;
}

.btn-next:hover {
    box-shadow: none !important;
    background-color: #D7B685 !important;
}

@media (max-width: 768px) {
    /* Table education */
    #table-education thead {
        display: none;
    }

    #table-education,
    #table-education tbody,
    #table-education tr,
    #table-education td {
        display: block;
        width: 100%;
    }

    #table-education tr {
        margin-bottom: 1rem;
        border: 0;
        border-radius: .0;
        padding: .75rem;
        background: #fff;
    }

    #table-education td {
        position: relative;
        padding-left: 45%;
        border: none;
        margin-bottom: .75rem;
    }

    #table-education td:last-child {
        margin-bottom: 0;
    }

    #table-education td::before {
        content: attr(data-label);
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 40%;
        font-weight: normal;
        font-size: 16px;
        color: #6c757d;
        white-space:normal;
        word-break:break-word;
    }

    #table-education td input {
        width: 100%;
    }

    #table-education tfoot td {
        display: block;
        padding-left: 0;
    }

    #table-education tfoot td::before {
        display: none;
    }

    #table-education .btn-remove-row {
        width: 100%;
    }

    /* Table activity */
    #table-activities thead {
        display: none;
    }

    #table-activities,
    #table-activities tbody,
    #table-activities tr,
    #table-activities td {
        display: block;
        width: 100%;
    }

    #table-activities tr {
        margin-bottom: 1rem;
        border: 0;
        border-radius: .0;
        padding: .75rem;
        background: #fff;
    }

    #table-activities td {
        position: relative;
        padding-left: 45%;
        border: none;
        margin-bottom: .75rem;
    }

    #table-activities td:last-child {
        margin-bottom: 0;
    }

    #table-activities td::before {
        content: attr(data-label);
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 40%;
        font-weight: normal;
        font-size: 16px;
        color: #6c757d;
        white-space:normal;
        word-break:break-word;
    }

    #table-activities td input {
        width: 100%;
    }

    #table-activities tfoot td {
        display: block;
        padding-left: 0;
    }

    #table-activities tfoot td::before {
        display: none;
    }

    #table-activities .btn-remove-row {
        width: 100%;
    }

    /* Table Work */
    #table-work thead {
        display: none;
    }

    #table-work,
    #table-work tbody,
    #table-work tr,
    #table-work td {
        display: block;
        width: 100%;
    }

    #table-work tr {
        margin-bottom: 1rem;
        border: 0;
        border-radius: .0;
        padding: .75rem;
        background: #fff;
    }

    #table-work td {
        position: relative;
        padding-left: 45%;
        border: none;
        margin-bottom: .75rem;
    }

    #table-work td:last-child {
        margin-bottom: 0;
    }

    #table-work td::before {
        content: attr(data-label);
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 40%;
        font-weight: normal;
        font-size: 16px;
        color: #6c757d;
        white-space:normal;
        word-break:break-word;
    }

    #table-work td input {
        width: 100%;
    }

    #table-work tfoot td {
        display: block;
        padding-left: 0;
    }

    #table-work tfoot td::before {
        display: none;
    }

    #table-work .btn-remove-row {
        width: 100%;
    }

    /* Table Certifications */
    #table-certifications thead {
        display: none;
    }

    #table-certifications,
    #table-certifications tbody,
    #table-certifications tr,
    #table-certifications td {
        display: block;
        width: 100%;
    }

    #table-certifications tr {
        margin-bottom: 1rem;
        border: 0;
        border-radius: .0;
        padding: .75rem;
        background: #fff;
    }

    #table-certifications td {
        position: relative;
        padding-left: 45%;
        border: none;
        margin-bottom: .75rem;
    }

    #table-certifications td:last-child {
        margin-bottom: 0;
    }

    #table-certifications td::before {
        content: attr(data-label);
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 40%;
        font-weight: normal;
        font-size: 16px;
        color: #6c757d;
        white-space:normal;
        word-break:break-word;
    }

    #table-certifications td input {
        width: 100%;
    }

    #table-certifications tfoot td {
        display: block;
        padding-left: 0;
    }

    #table-certifications tfoot td::before {
        display: none;
    }

    #table-certifications .btn-remove-row {
        width: 100%;
    }
    

    /* Table References */
    #table-references thead {
        display: none;
    }

    #table-references,
    #table-references tbody,
    #table-references tr,
    #table-references td {
        display: block;
        width: 100%;
    }

    #table-references tr {
        margin-bottom: 1rem;
        border: 0;
        border-radius: .0;
        padding: .75rem;
        background: #fff;
    }

    #table-references td {
        position: relative;
        padding-left: 45%;
        border: none;
        margin-bottom: .75rem;
    }

    #table-references td:last-child {
        margin-bottom: 0;
    }

    #table-references td::before {
        content: attr(data-label);
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 40%;
        font-weight: normal;
        font-size: 16px;
        color: #6c757d;
        white-space:normal;
        word-break:break-word;
    }

    #table-references td input {
        width: 100%;
    }

    #table-references tfoot td {
        display: block;
        padding-left: 0;
    }

    #table-references tfoot td::before {
        display: none;
    }

    #table-references .btn-remove-row {
        width: 100%;
    }

    /* Table Languages */
    #table-languages thead {
        display: none;
    }

    #table-languages,
    #table-languages tbody,
    #table-languages tr,
    #table-languages td {
        display: block;
        width: 100%;
    }

    #table-languages tr {
        margin-bottom: 1rem;
        border: 0;
        border-radius: .0;
        padding: .75rem;
        background: #fff;
    }

    #table-languages td {
        position: relative;
        padding-left: 45%;
        border: none;
        margin-bottom: .75rem;
    }

    #table-languages td:last-child {
        margin-bottom: 0;
    }

    #table-languages td::before {
        content: attr(data-label);
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 40%;
        font-weight: normal;
        font-size: 16px;
        color: #6c757d;
        white-space:normal;
        word-break:break-word;
    }

    #table-languages td input {
        width: 100%;
    }

    #table-languages tfoot td {
        display: block;
        padding-left: 0;
    }

    #table-languages tfoot td::before {
        display: none;
    }

    #table-languages .btn-remove-row {
        width: 100%;
    }

    /* Table family-static */
    #table-family-static thead {
        display: none;
    }

    #table-family-static,
    #table-family-static tbody,
    #table-family-static tr,
    #table-family-static td {
        display: block;
        width: 100%;
    }

    #table-family-static tr {
        margin-bottom: 1rem;
        border: 0;
        border-radius: .0;
        padding: .75rem;
        background: #fff;
    }

    #table-family-static td {
        position: relative;
        padding-left: 45%;
        border: none;
        margin-bottom: .75rem;
    }

    #table-family-static td:last-child {
        margin-bottom: 0;
    }

    #table-family-static td::before {
        content: attr(data-label);
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 40%;
        font-weight: normal;
        font-size: 16px;
        color: #6c757d;
        white-space:normal;
        word-break:break-word;
    }

    #table-family-static td input {
        width: 100%;
    }

    #table-family-static tfoot td {
        display: block;
        padding-left: 0;
    }

    #table-family-static tfoot td::before {
        display: none;
    }

    #table-family-static .btn-remove-row {
        width: 100%;
    }

    
}
@media screen and (max-width:768px) {
    .wrapper-intro,
    .wrapper-list,
    .wrapper-intro-detail,
    .wrapper-job-detail,
    .overview {
        padding-left: 15px;
        padding-right: 15px;
    }
    .wrapper-intro,
    .wrapper-list,
    .wrapper-intro-detail,
    .wrapper-job-detail {
        padding-top: 30px;
        padding-bottom: 30px;   
    }
    .wrapper-intro-detail p {
        margin-bottom: 0;
    }
    .overview {
        padding-bottom: 0;
    }
    .wrapper-job-detail {
        padding-top: 0;
    }
    .wrapper-job-detail > .card-job-detail {
        margin-top: 0 !important;
    }
}