.img-recruit {
    margin: 0 auto
}

.slogan-recruit {
    border: 10px solid #fff;
    border-radius: 4px;
    margin-top: 40px
}

.slogan-recruit h1 {
    font-size: 30px;
    margin-bottom: 60px
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .slogan-recruit h1 {
        font-size: 40px;
        margin-bottom: 30px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .slogan-recruit h1 {
        font-size: 42px;
        margin-bottom: 20px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .slogan-recruit h1 {
        font-size: 36px;
        margin-bottom: 30px
    }
}

@media (max-width: 575px) {
    .slogan-recruit h1 {
        font-size: 24px;
        margin-bottom: 20px
    }
}

.slogan-recruit p {
    font-size: 20px;
    margin-bottom: 25px
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .slogan-recruit p {
        font-size: 24px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .slogan-recruit p {
        font-size: 22px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .slogan-recruit p {
        font-size: 18px
    }
}

@media (max-width: 575px) {
    .slogan-recruit p {
        font-size: 16px
    }
}

.slogan-recruit a {
    font-size: 20px;
    margin-bottom: 15px;
    display: block
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .slogan-recruit a {
        font-size: 24px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .slogan-recruit a {
        font-size: 22px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .slogan-recruit a {
        font-size: 18px
    }
}

@media (max-width: 575px) {
    .slogan-recruit a {
        font-size: 16px
    }
}

.section_why {
    margin-top: 50px
}

.section_why h2 {
    font-size: 30px;
    margin-bottom: 40px
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .section_why h2 {
        font-size: 32px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .section_why h2 {
        font-size: 42px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .section_why h2 {
        font-size: 42px
    }
}

@media (max-width: 575px) {
    .section_why h2 {
        font-size: 24px
    }
}

.section_why h2 .comp-name {
    font-size: 80px;
    color: #f58634
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .section_why h2 .comp-name {
        font-size: 48px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .section_why h2 .comp-name {
        font-size: 55px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .section_why h2 .comp-name {
        font-size: 42px
    }
}

@media (max-width: 575px) {
    .section_why h2 .comp-name {
        font-size: 24px
    }
}

.section_why h2 .question-mark {
    font-size: 70px
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .section_why h2 .question-mark {
        font-size: 42px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .section_why h2 .question-mark {
        font-size: 50px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .section_why h2 .question-mark {
        font-size: 42px
    }
}

@media (max-width: 575px) {
    .section_why h2 .question-mark {
        font-size: 24px
    }
}

.section_why h3 {
    font-size: 30px
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .section_why h3 {
        font-size: 28px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .section_why h3 {
        font-size: 28px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .section_why h3 {
        font-size: 22px
    }
}

@media (max-width: 575px) {
    .section_why h3 {
        font-size: 24px
    }
}

.reason_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 80px
}

@media (min-width: 992px) and (max-width: 1199px) {
    .reason_item {
        margin-bottom: 50px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .reason_item {
        font-size: 42px;
        margin-bottom: 30px
    }
}

@media (max-width: 575px) {
    .reason_item {
        font-size: 24px;
        margin-bottom: 20px
    }
}

.reason_item.custom-item .reason_left>div {
    background: #00d8ff
}

.reason_item .reason_left {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 575px) {
    .reason_item .reason_left {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.reason_item .reason_left img {
    max-width: 105px;
    border-radius: 50%;
    border: 5px solid #fff;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    background: #fff
}

@media (max-width: 575px) {
    .reason_item .reason_left img {
        margin-right: 0px;
        margin-bottom: 10px
    }
}

.reason_item .reason_left>div {
    width: calc(100% - 120px);
    display: inline-block;
    border-radius: 4px;
    border: 5px solid #fff;
    padding: 15px;
    background: #00d8ff;
    -webkit-box-shadow: 3px 3px 9px 0px #0c9de0;
    box-shadow: 3px 3px 9px 0px #0c9de0
}

@media (max-width: 575px) {
    .reason_item .reason_left>div {
        width: calc(100% - 15px)
    }
}

.reason_item .reason_left>div .left {
    font-size: 19px;
    position: relative;
    text-transform: uppercase;
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .reason_item .reason_left>div .left {
        font-size: 20px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .reason_item .reason_left>div .left {
        font-size: 20px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .reason_item .reason_left>div .left {
        font-size: 18px
    }
}

@media (max-width: 575px) {
    .reason_item .reason_left>div .left {
        font-size: 22px
    }
}

.reason_item .reason_left>div .left a {
    display: block;
    position: absolute;
    bottom: calc(-100% - 15px);
    width: 134px;
    border: 10px solid #fff;
    border-radius: 4px;
    background: #fff;
    -webkit-box-shadow: 3px 3px 9px 0px #0c9de0;
    box-shadow: 3px 3px 9px 0px #0c9de0
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .reason_item .reason_left>div .left a {
        border: 5px solid #fff
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .reason_item .reason_left>div .left a {
        border: 5px solid #fff;
        bottom: -60%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .reason_item .reason_left>div .left a {
        border: 5px solid #fff
    }
}

@media (max-width: 575px) {
    .reason_item .reason_left>div .left a {
        border: 5px solid #fff
    }
}

.reason_item .reason_left>div .left a:before {
    content: '';
    background: url(arrow_more.png) center center no-repeat;
    width: 62px;
    height: 18px;
    position: absolute;
    left: -80%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.reason_item .reason_left>div .left a em {
    font-size: 25px
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .reason_item .reason_left>div .left a em {
        font-size: 20px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .reason_item .reason_left>div .left a em {
        font-size: 18px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .reason_item .reason_left>div .left a em {
        font-size: 42px
    }
}

@media (max-width: 575px) {
    .reason_item .reason_left>div .left a em {
        font-size: 24px
    }
}

.reason_item .reason_left>div .right {
    font-size: 17px
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .reason_item .reason_left>div .right {
        font-size: 16px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .reason_item .reason_left>div .right {
        font-size: 16px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .reason_item .reason_left>div .right {
        font-size: 16px
    }
}

@media (max-width: 575px) {
    .reason_item .reason_left>div .right {
        font-size: 16px
    }
}

.reason_item .reason_right {
    border-radius: 4px;
    border: 5px solid #fff;
    padding: 0;
    position: relative;
    -webkit-box-shadow: 3px 3px 9px 0px #0c9de0;
    box-shadow: 3px 3px 9px 0px #0c9de0
}

.reason_item .reason_right:before {
    content: '';
    position: absolute;
    width: 142px;
    height: 56px;
    left: -148px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(reason_arrow.png) center center no-repeat;
    z-index: -1
}

.section_process h2 {
    font-size: 50px;
    margin-bottom: 100px;
    position: relative
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .section_process h2 {
        font-size: 40px;
        margin-bottom: 100px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .section_process h2 {
        font-size: 42px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .section_process h2 {
        font-size: 42px;
        margin-bottom: 20px
    }
}

@media (max-width: 575px) {
    .section_process h2 {
        font-size: 24px;
        margin-bottom: 20px
    }
}

.section_process h2::before,
.section_process h2::after {
    content: '';
    position: absolute;
    background: url(title_arrow.png) no-repeat center center;
    background-size: cover;
    width: 238px;
    height: 56px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .section_process h2::before,
    .section_process h2::after {
        width: 170px;
        height: 40px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .section_process h2::before,
    .section_process h2::after {
        font-size: 42px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .section_process h2::before,
    .section_process h2::after {
        display: none
    }
}

@media (max-width: 575px) {
    .section_process h2::before,
    .section_process h2::after {
        display: none
    }
}

.section_process h2::after {
    left: auto;
    right: 0;
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.section_process .process-item {
    margin-bottom: 80px
}

@media (max-width: 575px) {
    .section_process .process-item {
        margin-bottom: 20px
    }
}

.section_process .process-item>div {
    position: relative
}

.section_process .process-item>div:before {
    content: '';
    position: absolute;
    background: url(process_arrow.png) center center no-repeat;
    background-size: cover;
    width: 149px;
    height: 35px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -74px
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .section_process .process-item>div:before {
        width: 129px;
        height: 30px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .section_process .process-item>div:before {
        width: 85px;
        height: 19px;
        left: -55px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .section_process .process-item>div:before {
        display: none
    }
}

@media (max-width: 575px) {
    .section_process .process-item>div:before {
        display: none
    }
}

.section_process .process-item img {
    width: 100%;
    border: 10px solid #fff;
    padding: 7px;
    background: #ff6c00;
    border-radius: 50%;
    max-width: 225px
}

.section_process .process-item h3 {
    font-size: 25px
}

.section_ready h2 {
    margin-bottom: 80px
}

@media (max-width: 575px) {
    .section_ready h2 {
        margin-bottom: 25px
    }
}

.section_ready h2 span {
    font-size: 50px;
    position: relative
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .section_ready h2 span {
        font-size: 40px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .section_ready h2 span {
        font-size: 40px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .section_ready h2 span {
        font-size: 40px
    }
}

@media (max-width: 575px) {
    .section_ready h2 span {
        font-size: 24px
    }
}

.section_ready h2 span::before,
.section_ready h2 span::after {
    content: '';
    position: absolute;
    background: url(process_arrow.png) no-repeat center center;
    width: 149px;
    height: 35px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -149px
}

@media (max-width: 575px) {
    .section_ready h2 span::before,
    .section_ready h2 span::after {
        display: none
    }
}

.section_ready h2 span::after {
    left: auto;
    right: -149px;
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.section_ready .clip-img {
    padding: 0px;
    -webkit-clip-path: circle();
    clip-path: circle();
    shape-outside: circle()
}

.section_ready .clearfix {
    background: url(cv_bg.png) bottom left no-repeat;
    background-size: auto;
    background-size: contain;
    padding-bottom: 80px
}

.section_ready .content {
    font-size: 20px
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .section_ready .content {
        font-size: 20px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .section_ready .content {
        font-size: 20px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .section_ready .content {
        font-size: 22px
    }
}

@media (max-width: 575px) {
    .section_ready .content {
        font-size: 16px
    }
}

.section_ready .content a {
    color: #ff6c00;
    display: inline-block;
    font-size: 30px;
    text-shadow: 4px 2px 2px #fff;
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .section_ready .content a {
        font-size: 25px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .section_ready .content a {
        font-size: 25px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .section_ready .content a {
        font-size: 25px
    }
}

@media (max-width: 575px) {
    .section_ready .content a {
        font-size: 18px
    }
}
@media(min-width: 600px) and (max-width: 770px) {
    .slogan-recruit h1, .section_why h2, .section_why h2 .comp-name, .section_process h2,
    .section_ready h2 span {
        font-size: 30px;
    }
    .section_process .process-item img {
        max-width: 145px;
    }
    .section_ready .content {
        font-size: 18px;
    }
    .section_ready .col-sm-offset-6 {
        margin-left: 30%;
    }
}
@media(min-width: 320px) and (max-width: 480px) {
    .tuyendung {
        margin-top: 0;
        padding-top: 52px;
    }
    .slogan-recruit h1, .section_why h3 {
        font-size: 20px;
    }
}

/*# sourceMappingURL=tuyendung.css.map */