.row.info_other { font-family: 'Montserrat', sans-serif; margin-bottom: 30px;}
.form_td .wrap_form { box-shadow: 0 0 43px rgb(75 75 75 / 18%); background-color: #ffffff; padding: 55px 75px 30px; box-sizing: border-box; display: inline-flex; flex-wrap: wrap; width: 100%; }
.form_td .wrap_form label { font-family: 'Montserrat', sans-serif; font-weight: 700; display: block; margin-bottom: 6px; }
.form_td .wrap_form input:not(.wpcf7-submit), .form_td .wrap_form  textarea { height: 40px; border-radius: 5px; border: 1px solid #b7b7b7; background-color: #ffffff; padding: 0 15px; margin-bottom: 20px; }
.form_td .wrap_form  textarea { height: 90px; }
.form_td .wrap_form br { display: none; }
.form_td span.wpcf7-form-control-wrap { margin: 0 !important; }
.form_td .content { font-size: 12px !important; width: 100% !important; }
.top_info { border-radius: 25px; overflow: hidden; box-shadow: 0 0 32px rgba(0, 0, 0, 0.07); }
.wpcf7-file { border: none !important; padding: 0 !important; }
.form_td input.wpcf7-submit { margin-top: 0; float: right; color: white; text-transform: uppercase; background-color: #8ac52b !important; text-align: center; font-family: 'Montserrat', sans-serif; font-weight: 700; height: 50px; padding: 0 35px; transition: .5s all; }
.form_td input.wpcf7-submit:hover { background: #263e56 !important; }
.info_employment_information .info_contact .content p { margin-bottom: 5px; }

.info_employment_information .item { display: flex; flex-wrap: wrap; padding: 40px 0; }
.info_employment_information .info_other h3 { width: 30%; color: #333333; font-size: 15px; font-weight: 700; text-transform: uppercase; }
.info_employment_information .form_td h3 { color: #333333; font-size: 28px; width: 100%; margin: 0 0 5px; }
.info_employment_information .form_td span { color: #333333; font-size: 14px; display: block; margin-bottom: 35px; }
.info_employment_information .info_other .content { width: 70%; color: #333333; font-size: 15px;    /*font-family: 'Montserrat', sans-serif; font-weight: 700;*/ }
.info_employment_information .item:not(:last-child) { border-bottom: 1px solid rgba(112, 112, 112, 0.2); }
.info_other .col-md-9 { padding-right: 60px; width: calc(75% - 60px); }
.info_employment_information .info_contact { padding: 40px 34px; margin-top: 30px; border-radius: 15px; background-color: #f7f7f7; }
.info_employment_information .info_contact .content strong { font-size: 14px; }
.info_employment_information .info_contact .content { font-size: 12px; width: 100%; color: #333333; line-height: 1.9; }
.info_employment_information .info_contact .content p { margin-bottom: 10px }
.info_employment_information .info_contact .content p:last-child { margin: 0; }
.info_employment_information .info_contact h3, .other_recruitment h3 { font-size: 18px; margin-bottom: 25px; position: relative; width: 100% !important; }
.info_employment_information .info_contact h3:before, .other_recruitment h3:before { position: absolute; left: -34px; height: 100%; content: ''; top: 0; width: 3px; background-color: #8ac52b; }
.form_td_details { padding: 70px 100px; background-color: #f7f7f7; padding-bottom: 40px; }
.info_employment_information .form_td_details .content { width: 100%; color: #333333; font-size: 16px; margin-bottom: 55px; }
.info_employment_information .form_td_details h2 { font-size: 30px; margin-bottom: 0; }
.info_employment_information .form_td_details label { color: #333333 !important; font-size: 14px !important; font-weight: 400 !important; line-height: 22px !important; margin-bottom: 8px !important; }
.info_employment_information .form_td_details input:focus, .info_employment_information .form_td_details textarea:focus { border: 1px solid #40b94f !important; }
.info_employment_information .form_td_details textarea { margin-bottom: 20px !important; }
.info_employment_information .form_td_details button.wpforms-submit { float: right; color: #f5f5f5 !important; font-family: "Roboto Slab"; font-size: 14px !important; font-weight: 700; line-height: 49px; height: 49px; background-image: linear-gradient(to top, #6eb041 0%, #5f9838 100%); padding: 0 90px 0 40px !important; position: relative; margin-top: -75px; }
.info_employment_information .form_td_details button.wpforms-submit:after { position: absolute; top: 0; right: 50px; height: 100%; background: rgba(245, 245, 245, 0.3); content: ''; width: 1px; }
.info_employment_information .form_td_details button.wpforms-submit:before { font-family: 'Font Awesome 5 Free'; position: absolute; right: 20px; }


.other_recruitment { padding: 40px 34px; margin-top: 27px; padding-bottom: 20px; border-radius: 15px; background-color: #f7f7f7; }
.other_recruitment ul{padding: 0;}
.title_form_other{display: block;width: 100%}
.info_employment_information .other_recruitment ul li { width: 100%; padding: 15px 0; margin: 0; display: inline-block; }
.info_employment_information .other_recruitment h3 { margin-bottom: 0; }
.info_employment_information .other_recruitment ul li:not(:last-child) { border-bottom: 1px solid rgba(183, 183, 183, 0.3); }
.info_employment_information .other_recruitment ul li .content { width: 100%; margin-bottom: 0; font-size: 14px; font-family: 'Montserrat', sans-serif;  }
.info_employment_information .other_recruitment ul li a { font-size: 13px; color: #333333; font-family: 'Montserrat', sans-serif; font-weight: 700; }
.info_employment_information .other_recruitment ul li a:hover { color: #8ac52b; }

@media only screen and (max-width:1199px) {
    table.table_td tbody td:nth-child(1) { font-size: 35px; }
    .apply_right { padding: 20px !important;  }
    .apply_right h3 { font-size: 13px; }
}
@media only screen and (max-width:991px) {
    #recruitment_detail .col-md-3 .sidebar_td h2:before, #recruitment_detail .col-md-3 .contact_requirements h2:before { left: -15px; }
    .employment_information { padding-bottom: 20px; padding-top: 15px; }
    .list_orther_td li { padding-top: 15px; }
    .wrap_date_time_td .date { font-size: 11px; }
    #recruitment_detail .col-md-3 .sidebar_td h2 { line-height: 23px; }
    #recruitment_detail .col-md-3 .contact_requirements a:nth-child(3) { margin-bottom: 10px; }
    #recruitment_detail .col-md-3 .sidebar_td { padding: 20px 15px 20px; }
    #recruitment_detail .col-md-3 .contact_requirements { padding: 20px 15px 20px; }
    #recruitment_detail .col-md-9 .employment_information h2 { width: 100%; float: none; margin-bottom: 15px; }
    #recruitment_detail .col-md-9 .employment_information .content { width: 100%; float: none; }
    .info_job_detail .col-xl-9 { padding: 20px 15px; }
    table.table_td tbody td:nth-child(1) { font-size: 30px; }
    a.no_apply_position, a.apply_position { width: auto; padding: 10px 5px; font-size: 14px; }
    #recruitment_detail .col-md-3 { padding: 0px 15px; }
    #recruitment_detail { padding-bottom: 20px; }
    div.wpcf7 input[type="file"] { background: #fff; }
    .form_td .info_form { margin-top: 10px; }
    #recruitment_detail .col-md-9 { padding-right: 15px; }
    .employment_information:nth-last-of-type(2) { border-bottom: unset !important; }
    .info_job_detail .info p { margin-bottom: 10px !important; }
    .box_info_right, .box_info_left { float: none; width: 100%; }
    .info_job_detail .col-xl-9 { padding: 40px 30px; }
    .info_job_detail .col-xl-9 h2 { display: block; }
    section.info_job_detail { margin-top: 0; }
    table.table_td tbody tr:not(:last-child) { margin-bottom: 30px; border-bottom: unset; }
    a.no_apply_position, a.apply_position { padding: 5px; }
    table.table_td tbody td:nth-child(1) { font-size: 20px; }
    table.table_td tbody td { position: relative; padding-left: 40% !important; }
    .table_td, .table_td thead, .table_td tbody, .table_td th, .table_td td, .table_td tr { display: block; }
    table.table_td thead { display: none; }
    .table_td>tbody>tr td:before { content: attr(data-title); position: absolute; left: 10px; width: 35%; padding-right: 10px; white-space: nowrap; font-size: 13px; text-align: left; }
    table.table_td { background-color: transparent; }
    table.table_td tbody tr { background-color: #fff; }
    table.table_td tbody tr { border: 1px solid #333333 !important; }
    table.table_td tbody td:nth-child(2) { text-align: center; }
    .info_employment_information .top_info>* { width: 100%; }
    .info_general_apply { padding: 30px; }
    .apply_right { padding: 30px; }
    .info_employment_information .top_info>* { width: 100%; }
    .row.info_other>* { width: 100%; flex-wrap: wrap; }
    .row.info_other { flex-wrap: wrap; /* margin: 0; */ }
    .info_other .col-md-9 { padding-right: 10px; }
    .form_td .wrap_form { padding: 30px; }
    .row.info_other .col-md-3 { width: 100%; }
}
@media only screen and (max-width:767px) {
    .recruitment { padding: 50px 0; }
    .recruitment .wrap .item { height: 450px; width: 100%; }
    .recruitment .wrap .item .box_content h3 { font-size: 15px; }
    .table_td>tbody>tr td:before { font-size: 11px; }
    table.table_td tbody td:nth-child(2) a { font-size: 11px; }
    table.table_td tbody td { padding: 10px; }
    .single-tuyen-dung div#banner_gr img { display: none; }
    .recruit_top ul li { width: 100%; }
    .info_employment_information .info_other h3, .info_employment_information .info_other .content { width: 100%; }
    .info_other .col-md-9 { box-sizing: border-box; }
    .wrap_form>* { max-width: 100%; }
    .info_employment_information .form_td h3 { font-size: 20px; }
    .form_td .wrap_form { padding: 20px 15px; }
    .wrap_form input.wpcf7-form-control.wpcf7-file { font-size: 12px; }
    .info_employment_information { padding: 50px 10px; }
    .form-contact{padding: 30px 20px;}
}