/*
Theme Name: Pirago Theme
Theme URI: https://pirago.vn/
Author: Pirago
Author URI: https://pirago.vn/
Description: Đây là giao diện mới của pirago 2022
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: <https://www.gnu.org/licenses/gpl-2.0.html>
Text Domain: my-custom-theme
Tags: custom-background
*/
@font-face {
    font-family: 'SVN-Gilroy';
    font-style: normal;
    font-weight: 300;
    src: local('SVN-Gilroy'), url('assets/fonts/SVNGilroy Light.woff') format('woff');
}

@font-face {
    font-family: 'SVN-Gilroy';
    font-style: normal;
    font-weight: 700;
    src: local('SVN-Gilroy'), url('assets/fonts/SVNGilroy Bold.woff') format('woff');
}

/* vietnamese */
@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 400;
    src: url('assets/fonts/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkP8o58m-wi40.woff2') format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 400;
    src: url('assets/fonts/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkP8o58i-wi40.woff2') format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 400;
    src: url('assets/fonts/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkP8o58a-wg.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'SVN-Gilroy';
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {

    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

body {
    background-color: #FFF;
}

@media (min-width: 768px){
    .navbar-nav{
        float:none;
        margin: 0 auto;
        display: table;
        table-layout: fixed;
    }

    .col.pl-0 {
        padding-left: 0px;
    }

    .col.pr-0 {
        padding-right: 0px;
    }
}

@media (max-width: 768px) {
    .wrap-introduce .content-introduce {
        width: 250px !important;
        padding-left: 0px !important;
    }
    .leadership-degree {
        text-align: center !important;
    }
    .leadership-exp-detail {
        text-align: center !important;
    }
    .navbar-header-slogan {
        /* font-size: 12px !important; */
        margin-top: 5px !important;
    }
    .recruit-list-item-exp {
        width: 115px !important;
    }
    .why-pirago .why-pirago-item {
        height: 730px !important;
        padding: 15px 15px !important;
    }
    body.translatepress-ja .why-pirago .why-pirago-item {
        height: 580px !important;
    }
    .service-offer .service-offer-item {
        height: 700px !important;
        padding: 15px 15px !important;
    }
    body.translatepress-ja .service-offer .service-offer-item {
        height: 560px !important;
    }
    .service-offer .service-offer-item.i-2 {
        height: 800px !important;
    }
    body.translatepress-ja .service-offer .service-offer-item.i-2 {
        height: 650px !important;
    }
    .service-offer .service-offer-item ul {
        padding: 5px;
    }
    .block-pirago-sm {
        display: block !important;
    }
    .block-pirago-lg {
        display: none !important;
    }
    .pirago-people {
        height: 500px !important;
        background-position: center center !important;
    }
    .headers-recruit {
        height: 350px !important;
    }
    .headers-recruit-main {
        padding-top: 30px !important;
    }
    .wrap-headers-recruit .wrap-recruit-list {
        margin-top: -120px !important;
    }
    .pirago-people-right .voice-content {
        font-size: 14px !important;
        line-height: 22px !important;
    }
    .benefit .benefit-item .benefit-title {
        font-size: 20px !important;
    }
    .benefit .benefit-item .benefit-content {
        font-size: 16px !important;
    }

    .wrap-benefit-crm .benefit-crm-item .benefit-crm-index span {
        font-size: 20px!important;
        line-height: 21px!important;
        width: 50px!important;
        height: 50px!important;
        padding: 14px 12px!important;
    }
    .wrap-benefit-crm .benefit-crm-item .benefit-crm-content {
        font-size: 14px!important;
        line-height: 22px!important;
        margin-top: 30px!important;
    }
    .wrap-benefit-crm .benefit-crm-item .benefit-crm-title {
        font-size: 19px!important;
        line-height: 31px!important;
        margin-top: 20px!important;
        height: auto!important;
    }
    .service-offshore {
        background-position: 0px center !important;
    }
    .service-labo {
        background-position: 0px 0px !important;
    }
    .service-consultant{
        background-position: 0px 0px !important;
    }
    .headers-service {
        height: 275px !important;
    }
    /* .headers-service-main {
        padding-top: 45px !important;
    } */
    .navbar-collapse.menubar {
        margin-top: 10px!important;
        border: 0px;
    }

    .select-lang {
        position: absolute!important;
        top: -195px;
        right: -35px;
    }

    footer .copyright {
        text-align: center;
        padding: 10px!important;
    }

    footer .col {
        text-align: center;
    }

    footer .list-unstyled {
        list-style: none!important;
        padding-left: 0px!important;
    }

    .news-home {
        border-right: none !important; 
    }

    .wrap-introduce .header-introduce {
        height: 200px !important;
        background-position: center -28px!important;
    }

    .wrap-introduce .carousel-inner-custom {
        height: 200px !important;
    }

    .wrap-introduce .idea-introduce {
        font-size: 30px !important;
        line-height: 25px !important;
    }

    .wrap-introduce .introduce-detail {
        font-size: 13px !important;
        line-height: 21px !important;
    }

    .wrap-introduce .logo-introduce {
        height: 63px!important;
        bottom: -15px!important;
        background-size: 170px 48px;
    }

    .wrap-introduce .content-introduce {
        margin-top: 10px!important;
    }

    .wrap-introduce .idea-small-introduce {
        font-size: 13px!important;
        margin-top: 5px!important;
        line-height: 13px!important;
    }

    .wrap-introduce .header-whoweare {
        height: 750px!important;
    }

    .wrap-introduce .whoweare-title {
        font-size: 30px!important;
        line-height: 32px!important;
        margin-top: 30px!important;
        margin-bottom: 20px!important;
    }

    .wrap-introduce .whoweare-content {
        font-size: 12px!important;
        line-height: 19px!important;
        width: 100%!important;
    }

    .wrap-introduce .whoweare-content-detail {
        font-size: 11px!important;
        margin: 5px !important;
        padding: 0px 10px !important;
    }

    /* .carousel-control {
        top: -25px !important;
    } */

    .block {
        height: 270px!important;
    }

    .slide-1 {
        background-position: center 30px!important;
    }

    .slide-2 {
        background-position: center 30px!important;
    }

    .slide-3 {
        background-position: center 30px!important;
    }

    .slide-4 {
        background-position: center 30px!important;
    }

    .slide-5 {
        background-position: center 30px!important;
    }

    .slide-6 {
        background-position: center 30px!important;
    }

    .slide-7 {
        background-position: center 30px!important;
    }

    .slide-8 {
        background-position: center 30px!important;
    }

    .slide-9 {
        background-position: center 30px!important;
    }

    .slide-10 {
        background-position: center 30px!important;
    }

    .slide-prize-1 {
        background-position: center center!important;
        height: 230px !important;
    }

    .slide-prize-2 {
        background-position: center center!important;
        height: 230px !important;
    }

    .slide-prize-3 {
        background-position: center center!important;
        height: 230px !important;
    }

    .slide-prize-4 {
        background-position: center center!important;
        height: 230px !important;
    }

    .slide-prize-5 {
        background-position: center center!important;
        height: 230px !important;
    }

    .slide-prize-6 {
        background-position: center center!important;
        height: 230px !important;
    }

    .achievements-bg {
        background-position: center -30px !important;
        height: 200px !important;
    }

    .wrap-offer,
    .wrap-why-pirago,
    .wrap-achievements,
    .wrap-voice,
    .wrap-news,
    .wrap-benefit,
    .wrap-pirago-people,
    .wrap-offshore,
    .wrap-using,
    .wrap-problem,
    .wrap-solution,
    .wrap-procedure,
    .wrap-what-erp,
    .wrap-what-crm,
    .wrap-benefit-crm,
    .wrap-company,
    .wrap-leadership,
    .wrap-offshore-procedure {
        padding: 40px 0px!important;
    }

    .block-title {
        margin-bottom: 15px!important;
        font-size: 31px!important;
        padding-left: 15px!important;
        padding-right: 15px!important;
        line-height: 46px!important;
    }

    .wrap-offshore {
        margin-bottom: 0px!important;
    }

    .wrap-switcher span.switcher {
        width: 250px!important;
        height: 40px!important;
        margin-bottom: 40px!important;
    }

    .wrap-switcher span.switcher input {
        width: 250px!important;
        height: 40px!important;
    }

    .wrap-switcher span.switcher.switcher-1 input:checked + label {
        width: 120px!important;
        height: 31px!important;
        top: 8px!important;
        left: 5px!important;
    }

    .wrap-switcher span.switcher input:before {
        font-size: 14px!important;
        padding-left: 20px!important;
    }

    .wrap-switcher span.switcher.switcher-1 input:not(:checked) + label {
        width: 120px!important;
        height: 31px!important;
        left: 124px!important;
        top: 8px!important;
    }

    .wrap-switcher span.switcher.switcher-1 input:not(:checked):after {
        color: #fff;
        transition: color 0.5s 0.2s;
    }

    .wrap-switcher span.switcher input:after {
        font-size: 14px!important;
        padding-right: 6px!important;
    }

    body.translatepress-ja .wrap-switcher span.switcher input:after {
        font-size: 14px!important;
        padding-right: 28px!important;
    }

    .service-offer .col,
    .why-pirago .col,
    .benefit .col {
        margin-bottom: 15px;
    }

    .service-offer .col:last-child,
    .why-pirago .col:last-child {
        margin-bottom: 0px!important;
    }

    .wrap-see-more {
        margin-top: 30px!important;
    }

    .btn-pirago {
        font-size: 15px!important;
        padding: 10px 15px!important;
    }

    .btn-pirago img {
        height: 15px!important;
        width: 17px!important;
    }

    .block-about {
        font-size: 14px!important;
        line-height: 22px!important;
        margin-bottom: 40px!important;
        width: 100%!important;
    }

    .achievements-item {
        width: 33%!important;
        margin-bottom: 30px !important;
    }

    .achievements-item span {
        font-size: 23px!important;
        margin-left: 0px !important;
    }

    .achievements-bg .container {
        width: 80% !important;
    }

    .achievements-item label {
        margin-bottom: 0px !important;
    }

    .achievements-item p {
        font-size: 10px!important;
        line-height: 15px!important;
        width: 90%!important;
    }

    .voice-item .voice-content {
        width: 90%!important;
    }

    .achievements-item small {
        font-size: 20px!important;
    }

    .text-award {
        margin: 60px 0px 0px 0px !important;
    }

    .info-vn {
        padding: 15px 40px 0px 40px !important;
    }

    .info-jp {
        padding: 15px 40px 5px 40px !important;
    }

    .headers-news-main,
    .headers-recruit-main {
        width: 85% !important;
    }

    /* .headers-service-main {
        width: 85% !important;
    } */

    .headers-news-content {
        font-size: 12px!important;
        line-height: 12px!important;
    }

    .headers-news-title,
    .headers-recruit-title,
    .headers-service-title {
        font-size: 28px!important;
        /* line-height: 46px!important; */
    }

    .headers-news-btn-wrap a {
        width: 130px!important;
        padding-top: 10px!important;
        padding-bottom: 10px!important;
        font-size: 12px!important;
    }

    .news-content .news-title {
        font-size: 18px!important;
        line-height: 30px!important;
    }

    .news-content .news-date {
        font-size: 12px!important;
        line-height: 12px!important;
    }

    .news-content .news-body {
        font-size: 11px!important;
        line-height: 18px!important;
        -webkit-line-clamp: 3!important;
    }

    .wrap-news-detail {
        margin-top: -170px!important;
    }

    .wrap-projects-detail {
        margin-top: -170px!important;
    }

    .news-detail {
        margin-bottom: 15px!important;
    }

    .last-post {
        margin-bottom: 15px!important;
    }

    .wrap-prize img {
        width: 15% !important;
        margin-left: 5px !important;
    }

    .wrap-prize .giaithuong5 {
        width: 17% !important;
    }

    .wrap-prize .giaithuong6 {
        width: 22% !important;
    }

    .wrap-news-letter .news-letter {
        padding: 48px 30px!important;
    }

    .wrap-news-letter .letter-sub {
        font-size: 25px!important;
        line-height: 26px!important;
        text-align: center;
    }

    .wrap-news-letter .form-group {
        display: block!important;
    }

    .wrap-news-letter .subscription-email-div {
        display: block!important;
    }

    .wrap-news-letter .form-group .subscription-email-div #subscription-email {
        padding: 17px 10px!important;
        font-size: 12px!important;
        line-height: 13px!important;
        margin-bottom: 5px;
        border: 2px solid #FFF;
    }

    .wrap-news-letter .form-group .subscription-email-div #subscription-email.error {
        border: 2px solid #E2AD25;
    }

    .wrap-news-letter .form-group .btn-pirago {
        width: 100%;
        margin-left: 0px!important;
    }

    .wrap-404-error .intro-text p {
        width: 100%!important;
    }

    .wrap-contact-form {
        margin-top: 30px!important;
    }

    .wrap-address .head-address {
        margin-top: 20px!important;
        font-size: 24px!important;
        line-height: 35px!important;
        text-align: center;
    }

    .wrap-address .content-address {
        font-size: 12px!important;
        line-height: 19px!important;
        margin-top: 10px!important;
        text-align: center;
    }

    .wrap-address .col {
        margin-top: 20px!important;
    }

    .wrap-address .state-address {
        font-size: 12px!important;
        line-height: 13px!important;
        padding-left: 20px!important;
    }

    .wrap-address .street-address {
        font-size: 11px!important;
        line-height: 17px!important;
        margin-top: 5px!important;
    }

    .wrap-address .tel-address {
        font-size: 12px!important;
        line-height: 13px!important;
        margin-top: 5px!important;
    }

    .wrap-contact-form {
        height: 395px!important;
        padding: 25px 2px!important;
    }

    .wrap-contact-form .form-control {
        height: 40px!important;
        font-size: 12px!important;
        line-height: 13px!important;
    }

    .wrap-contact-form textarea.form-control {
        height: 50px!important;
    }

    .contact-send-success {
        width: 95%!important;
        font-size: 30px!important;
    }

    .footer-wrap1 {
        padding-left: 0px !important;
    }
    
    .footer-wrap2 {
        padding-left: 0px !important;
    }

    .wrap-recruit-detail > .container > .row {
        padding-left: 15px;
        padding-right: 15px;
    }

    .recruit-detail {
        padding: 20px 0px!important;
        margin-bottom: 35px!important;
    }

    .recruit-apply-wrap {
        margin-top: 20px!important;
        text-align: center;
    }

    .recruit-detail .recruit-title {
        font-size: 20px!important;
        line-height: 21px!important;
        text-align: center;
    }

    .recruit-detail .recruit-location {
        font-size: 14px!important;
        line-height: 15px!important;
        width: 50%!important;
    }

    .recruit-detail .recruit-information {
        padding: 25px 15px 0px 15px!important;
    }

    .recruit-detail .recruit-information .recruit-information-item {
        float: left!important;
        width: 50%!important;
        padding-right: 0px !important;
        padding-left: 45px!important;
    }

    .recruit-information-item .info-title {
        font-size: 11px!important;
        line-height: 12px!important;
    }

    .recruit-information-item .info-value {
        font-size: 13px!important;
        height: 15px !important;
        line-height: 14px!important;
    }

    .recruit-detail .recruit-content-title {
        font-size: 20px!important;
        line-height: 21px!important;
    }

    .wrap-recruit-list .recruit-list-title {
        padding: 30px 10px!important;
        font-size: 31px!important;
    }

    .recruit-detail .recruit-content {
        font-size: 13px!important;
        line-height: 14px!important;
    }

    .recruit-detail .recruit-line-blue {
        margin-top: 30px!important;
    }

    .social-fb-bg {
        margin-right: 25px !important;
    }

    .social-fb-bg-custom {
        margin-right: 4px !important;
    }

    #__pigpt-chat-bubble {
        width: 50px !important;
        height: 50px !important;
    }

    .wrap-recruit-list .recruit-list-item {
        padding: 15px!important;
    }

    .recruit-list-item .btn-apply {
        right: 5px!important;
        bottom: 15px!important;
    }

    .wrap-recruit-list .recruit-list-item-title a {
        font-size: 16px!important;
        line-height: 26px!important;
    }

    .wrap-recruit-list .recruit-list-item-position {
        font-size: 13px!important;
        line-height: 14px!important;
    }

    .wrap-recruit-list tr th {
        font-size: 13px!important;
        line-height: 14px!important;
    }

    .wrap-recruit-list tr td {
        font-size: 13px!important;
        line-height: 14px!important;
    }

    .wrap-recruit-list .recruit-list-item-location {
        font-size: 13px!important;
        line-height: 14px!important;
        width: 150px!important;
    }

    .wrap-recruit-list .recruit-list-item {
        min-height: 190px!important;
    }

    .wrap-recruit-list {
        padding-bottom: 50px!important;
    }

    .headers-breadcrumb {
        font-size: 13px!important;
        line-height: 14px!important;
        text-align: center;
    }

    #frmApply .modal-header .modal-title span {
        width: 100%!important;
    }

    #frmApply .wrap-file-upload {
        position: relative!important;
        margin-left: 25%!important;
        margin-right: 25%!important;
        font-size: 13px!important;
        line-height: 16px!important;
        padding-top: 8px!important;
        padding-bottom: 2px!important;
        width: 160px!important;
        right: 0px!important;
        margin-bottom: 15px!important;
    }

    #frmApply .wrap-file-upload img {
        width: 5px!important;
        height: 13px!important;
    }

    #frmApply .modal-footer {
        text-align: center;
    }

    #frmApply .modal-footer .btn-cancel-apply,
    #frmApply .modal-footer .btn-apply-cv {
        font-size: 15px!important;
        padding: 10px 35px!important;
        width: 140px!important;
    }

    .pirago-people-left-content {
        width: 100%!important;
    }

    .pirago-people-left {
        margin-bottom: 20px !important;
    }

    .pirago-people-right #carousel-example-generic {
        padding: 0px!important;
        /* height: 590px!important; */
    }

    .company-title {
        margin: 310px 0 10px 0 !important; 
    }

    .benefit .benefit-item .benefit-content1 {
        font-size: 14px !important;
        line-height: 20px !important;
    }

    /* .benefit .benefit-item .benefit-icon {
        background-size: 60px 60px !important;
        height: 80px !important;
        margin-bottom: 0px !important;
    } */

    body.translatepress-ja .pirago-people-right #carousel-example-generic {
        height: 440px!important;
    }

    .pirago-people-right .carousel-indicators {
        top: 430px!important;
        /* top: 350% !important; */
    }

    body.translatepress-ja .pirago-people-right .carousel-indicators {
        top: 458px!important;
    }

    .pirago-people-right .voice-avt {
        width: 25%!important;
    }

    .pirago-people-right .voice-info {
        width: 75%!important;
    }

    .wrap-pirago-people .block-title {
        text-align: center;
    }

    .pirago-people-right .quotes {
        width: 40px!important;
        height: 40px!important;
        border-radius: 12px!important;
        background-size: 18px 14px!important;
        background-position: 10px 12px!important;
        top: -22px!important;
        left: -10px !important;
    }

    .carousel .carousel-left1 {
        width: 35px !important;
        height: 35px !important;
        margin-left: 2px !important;
    }

    .carousel .carousel-right1 {
        width: 35px !important;
        height: 35px !important;
        /* margin-right: 20px !important; */
    }

    .wrap-service-list {
        padding-left: 15px;
        padding-right: 15px;
    }

    .wrap-service-list .service-item a {
        font-size: 11.5px!important;
        line-height: 47px!important;
    }

    body.translatepress-ja .wrap-service-list .service-item a {
        font-size: 12.5px!important;
    }

    .wrap-service-list .col-md-8 {
        height: 47px!important;
    }

    .offshore .col-lg-3 {
        padding-left: 15px!important;
        padding-right: 15px!important;
    }

    .offshore .offshore-item {
        margin-bottom: 15px;
    }

    .offshore .offshore-item .offshore-bg {
        background-size: cover!important;
    }

    .offshore .offshore-item .offshore-bg .offshore-bg-mail {
        background-size: cover!important;
    }

    .offshore .offshore-content {
        color: #FFF!important;
        margin-top: -160px!important;
        background: #283171!important;
        padding-top: 185px!important;
        border-radius: 15px;
        font-size: 14px!important;
        line-height: 22px!important;
    }

    .offshore .offshore-content p {
        font-size: 20px!important;
        line-height: 32px!important;
    }

    .offshore-bottom-bg {
        display: none !important;
    }

    .wrap-using .carousel-indicators {
        width: 85%!important;
        left: 0%;
        margin-left: 9%!important;
    }

    body.translatepress-ja .wrap-using .carousel-indicators {
        width: 85%!important;
        margin-left: 7%!important;
    }

    .wrap-using .carousel-indicators li {
        width: 25%!important;
        font-size: 16px!important;
        line-height: 26px!important;
    }

    .wrap-using .carousel-indicators .item-cutting-tech {
        width: 322px!important;
    }

    .problem .block-title {
        text-align: center;
    }

    .problem .problem-bg {
        height: 475px!important;
        margin-bottom: 40px !important;
    }

    .problem .problem-bg .problem-content {
        padding-left: 28px!important;
        padding-right: 25px!important;
        padding-top: 35px!important;
        bottom: 90px!important;
        font-size: 14px!important;
        line-height: 22px!important;
        background-size: 100% 270px!important;
        width: 92%!important;
        height: 275px!important;
    }

    .problem .problem-bg .problem-content .quotes {
        width: 40px!important;
        height: 40px!important;
        border-radius: 12px!important;
        background-size: 18px 14px!important;
        background-position: 10px 12px!important;
        top: -22px!important;
        left: 12px!important;
    }

    .solution .solution-head {
        font-size: 24px!important;
        line-height: 25px!important;
        text-align: center;
    }

    .wrap-solution .header .title .social-bg {
        margin-top: 0px!important;
        height: 230px!important;
        padding: 20px 20px!important;
    }

    .wrap-solution .header .title .social-right {
        width: 190px!important;
        height: 190px!important;
        margin-top: 0px!important;
        margin-left: 0px!important;
    }

    .wrap-solution .header .title .social-right img {
        width: 85px!important;
        height: 105px!important;
        left: 245px!important;
        top: 70px!important;
    }

    .wrap-labo {
        padding: 50px 0px!important;
        background-position: right 0px bottom 760px!important;
    }

    .wrap-labo .block-title {
        font-size: 25px!important;
        line-height: 36px!important;
        margin-bottom: 35px!important;
    }

    .benefit .col-lg-4 {
        padding-left: 15px!important;
        padding-right: 15px!important;
    }

    .wrap-labo .col-lg-3 {
        padding-left: 15px!important;
        padding-right: 15px!important;
    }

    .wrap-labo .labo-item {
        margin-bottom: 15px;
        height: 280px!important;
        padding: 30px 20px 0px 20px!important;
    }

    .wrap-labo .labo-item .labo-index span {
        font-size: 20px!important;
        line-height: 21px!important;
        width: 50px!important;
        height: 50px!important;
        padding: 14px 12px!important;
    }

    .wrap-labo .labo-item .labo-title {
        font-size: 19px!important;
        line-height: 31px!important;
        margin-top: 20px!important;
        height: auto!important;
        margin-bottom: 5px !important;
    }

    .wrap-labo .labo-item .labo-content {
        font-size: 14px!important;
        line-height: 22px!important;
        margin-top: 0px!important;
    }

    .wrap-procedure .procedure-item {
        padding-top: 0px!important;
        margin-bottom: 25px!important;
        height: 360px;
        background-image: url(assets/images/arrow-down.webp);
        background-repeat: no-repeat;
        background-size: 32px 20px;
        background-position: center bottom;
    }

    .wrap-procedure .procedure-item.last-child {
        background-image: none;
        margin-bottom: 0px!important;
    }

    .wrap-procedure .container {
        background-image: none!important;
    }

    .wrap-procedure .procedure-item .procedure-content {
        padding-left: 10px!important;
        padding-right: 10px!important;
    }

    .wrap-what-erp .block-title {
        text-align: center;
    }

    .wrap-what-erp .header .title {
        height: auto!important;
        text-align: center!important;
        padding-left: 15px!important;
        padding-right: 15px!important;
    }

    .wrap-what-erp .header .title img {
        width: 100%!important;
        height: auto!important;
    }

    /* .overlay-bg-vc {
        background-color: rgba(0, 0, 0, 0.56) !important;
        height: 100%;
        position: relative;
    }
    .overlay-bg-vc .container {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    } */
    
    .wrap-benefit-erp {
        padding: 15px 0px!important;
        background-position: right 0px bottom 760px!important;
    }

    .wrap-benefit-erp .block-title {
        margin-bottom: 35px!important;
    }

    .wrap-benefit-erp .col-lg-3 {
        padding-left: 15px!important;
        padding-right: 15px!important;
    }

    .wrap-benefit-erp .benefit-erp-item {
        margin-bottom: 15px;
        height: 290px!important;
        padding: 30px 20px 0px 20px!important;
    }

    .wrap-benefit-erp .benefit-erp-item .benefit-erp-index span {
        font-size: 20px!important;
        line-height: 21px!important;
        width: 50px!important;
        height: 50px!important;
        padding: 14px 12px!important;
    }

    .wrap-benefit-erp .benefit-erp-item .benefit-erp-title {
        font-size: 19px!important;
        line-height: 31px!important;
        margin-top: 20px!important;
        height: auto!important;
    }

    .wrap-benefit-erp .benefit-erp-item .benefit-erp-content {
        font-size: 14px!important;
        line-height: 22px!important;
        margin-top: 10px!important;
    }

    .wrap-benefit {
        padding: 5px 0px !important;
    }

    .solution .solution-item {
        padding: 15px 30px !important;
    }

    .wrap-what-crm .block-title {
        text-align: center;
    }

    .wrap-what-crm .header .title img {
        width: 100%!important;
        height: auto!important;
        margin-top: 0px!important;
    }

    .wrap-benefit-crm .benefit-crm-item {
        margin-bottom: 15px;
        height: 470px!important;
    }

    .wrap-benefit-crm .benefit-crm-item .benefit-crm-title {
        height: auto!important;
        margin-bottom: 25px!important;
    }

    .wrap-benefit-crm .col-lg-4 {
        padding-left: 15px!important;
        padding-right: 15px!important;
    }

    .wrap-headers-company {
        padding-top: 60px !important;
        background-size: cover!important;
        height: 490px !important;
    }

    .wrap-headers-company .left {
        padding-right: 15px!important;
        margin-bottom: 30px;
    }

    .wrap-headers-company .left::before {
        width: 73px!important;
        height: 91px!important;
        background-size: 73px 91px!important;
        background-position: right -27px bottom -17px!important;
        right: 15px!important;
        bottom: -15px!important;
    }

    .wrap-headers-company .headers-company-title {
        font-size: 31px!important;
        line-height: 32px!important;
        text-align: center;
    }

    .wrap-headers-company .headers-company-content {
        font-size: 14px!important;
        line-height: 19px!important;
        text-align: center;
    }

    .wrap-headers-company .headers-company-btn-wrap {
        text-align: center;
    }

    .wrap-headers-company .headers-company-btn-wrap a {
        width: 130px!important;
        padding-top: 10px!important;
        padding-bottom: 10px!important;
        font-size: 12px!important
    }

    .wrap-company {
        padding: 60px 0px!important;
    }

    .wrap-company .company-overview {
        padding: 40px 30px 4px 30px!important;
        background-size: cover!important;
    }

    .wrap-company .col-lg-4 .company-item-label {
        font-size: 17px!important;
        line-height: 28px!important;
    }

    .wrap-company .col-lg-4 .company-item-value {
        font-size: 15px!important;
        line-height: 25px!important;
        min-height: auto!important;
    }

    .wrap-ceo .wrap-ceo-message .right img {
        margin-top: 130px !important;
        width: 55% !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
    }
    .benefit-bg {
        height: 640px;
        background-position: center center !important;
        padding: 0px !important;
    }

    .headers-ceo-bg label {
        font-size: 12px!important;
        line-height: 12px!important;
        text-align: center;
    }

    .headers-ceo-bg .block-title {
        text-align: center;
    }

    .wrap-ceo .wrap-ceo-message .block-title {
        text-align: center;
        margin-top: 300px!important;
    }

    .wrap-ceo .wrap-ceo-message .message-content {
        padding-right: 0px!important;
    }

    .wrap-ceo .wrap-ceo-message .wrap-ceo-info {
        margin-bottom: 34px;
    }

    .wrap-leadership .col-lg-4 {
        margin-bottom: 50px!important;
    }

    .wrap-leadership .leadership-avatar {
        margin: 0 auto !important;
    }

    .wrap-offshore-procedure .container {
        background-image: none!important;
    }

    .wrap-offshore-procedure .procedure-item .procedure-icon {
        width: 145px!important;
        height: 145px!important;
        background-size: 64px 64px!important;
    }

    .wrap-offshore-procedure .procedure-item {
        padding-top: 0px!important;
        margin-bottom: 25px!important;
        height: 355px;
        background-image: url(assets/images/arrow-down.webp);
        background-repeat: no-repeat;
        background-size: 32px 20px;
        background-position: center bottom;
    }

    .wrap-offshore-procedure .procedure-item.last-child {
        background-image: none;
        margin-bottom: 0px!important;
        height: auto;
    }

    .wrap-offshore-procedure .col-offshore {
        width: 100%!important;
        clear: both!important;
        padding: 0px 15px!important;
    }

    .wrap-offshore-procedure .procedure-item .procedure-title {
        font-size: 18px!important;
        line-height: 30px!important;
    }

    .wrap-offshore-procedure .procedure-item .procedure-content {
        font-size: 16px!important;
        line-height: 26px!important;
    }

    .carousel .carousel-left {
        width: 23px!important;
        height: 23px!important;
        border-left: 6px solid #FFF!important;
        border-bottom: 6px solid #FFF!important;
        margin-top: 90px!important;
    }

    .carousel .carousel-right {
        width: 23px!important;
        height: 23px!important;
        border-right: 6px solid #FFF!important;
        border-top: 6px solid #FFF!important;
        margin-top: 90px!important;
    }

    .wrap-news .col-lg-4 {
        padding-left: 15px!important;
        padding-right: 15px!important;
    }

    .wrap-headers-company .right {
        padding-left: 15px!important;
        padding-right: 15px!important;
    }

    .wrap-headers-company .right img {
        width: 95%!important;
        height: auto!important;
    }

    .wrap-company .col-lg-4 {
        height: auto!important;
    }

    .voice-item {
        height: 710px!important;
    }

    body.translatepress-ja .voice-item {
        height: 570px!important;
    }

    .g-recaptcha {
        height: 0px!important;
    }

    .g-resource {
        height: 68px!important;
    }

    .wrap-download-layout {
        height: 415px !important;
    }

    .wrap-download-form {
        height: 400px !important;
    }

    .g-recaptcha > div {
        width: 230px!important;
        height: 60px!important;
    }

    .toogle {
        margin-left: auto;
        margin-right: auto;
        left: 0px;
        min-width: auto!important;
        width: 100%;
    }

    .wrap-introduce .header-introduce-img2 {
        background-position: center 0px !important;
    }

    .header-resource {
        background-position: -100px -190px !important
    }
}

.navbar {
    background-color: #FFF;
    margin-bottom: 0px;
    border: 0px;
}

.navbar .container {
    padding-bottom: 10px;
    padding-top: 10px;
}

.navbar ul.navbar-nav {
    margin-top: 10px;
    margin-right: 0px
}

.navbar ul.navbar-nav > li {
    margin-right: 35px;
}

.navbar ul.navbar-nav > li a {
    font-size: 16px;
    color: #283172!important;
    font-weight: 600;
}

.navbar ul.navbar-nav > li a:hover,
.navbar ul.navbar-nav > li.active a:hover {
    background-color: #FFF;
}

.navbar ul.navbar-nav > li.active a, 
.navbar ul.navbar-nav > li a:hover {
    background-color: #FFF;
    color: #007bff!important;
    text-decoration: underline;
    text-decoration-color: #007bff!important;
    text-decoration-thickness: 2px;
    -moz-text-decoration-color: #007bff!important;
    text-underline-offset: 8px;
}

.navbar ul.navbar-nav > .download-hover.active a, 
.navbar ul.navbar-nav > .download-hover a:hover {
    background-color: #FFF;
    color: #de3c33 !important;
    text-decoration: underline;
    text-decoration-color: #de3c33 !important;
    text-decoration-thickness: 2px;
    -moz-text-decoration-color: #de3c33 !important;
    text-underline-offset: 8px;
}

.navbar ul.navbar-nav .select-lang a {
    display: block;
}

.navbar ul.navbar-nav .select-lang a:hover {
    background-color: #f1f1f1;
    text-decoration: none;
}

.select-lang {
    position: relative;
    padding: 5px 10px;
    width: 136px;
    height: 40px;
    border-radius: 10px;
    border: 1px solid #E2E2E2;
    background-color: #FFF;
    background-image: url("assets/images/stroke_1.webp");
    background-repeat: no-repeat;
    background-position: 93% center;
    cursor: pointer;
    font-weight: 500;
    font-size: 16px;
    color: #333333;
}

.select-lang .selected-option {
    padding-top: 3px;
}

.select-lang ul {
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    border:1px solid #E2E2E2;
    border-radius: 5px;
    cursor: pointer;
    padding: 0px;
    background-color: #FFF;
}

.select-lang ul li {
    padding: 10px;
    list-style-type: none;
}

.select-lang ul li a {
    font-size: 16px;
    font-weight: normal!important;
    color: #333!important;
}

.select-lang ul li:hover {
    background-color: #f1f1f1;
}

.select-lang i {
    vertical-align: bottom;
    margin-right: 6px;
}

.select-lang i img {
    margin-top: -4px;
}

footer {
    background-color: #283171;
    color: #FFF;
}

footer .footer-info {
    padding: 7px 0px;
}

footer .footer-info h4 {
    font-weight: 600;
}

footer .footer-info span {
    font-weight: 600;
}

.national {
    margin-bottom: 3px;
}

footer .copyright {
    border-top: 1px solid #3A458C;
    padding: 10px 0px;
    opacity: 0.6;
    font-weight: 500;
    font-size: 14px;
    line-height: 149.5%;
}

footer .wrap-link {
    padding-top: 78px;
    padding-bottom: 20px;
}

footer .text-uppercase {
    font-weight: 700;
    font-size: 18px;
    line-height: 19px;
    margin: 0px 0px 17px 0px;
}

footer .list-unstyled {
    list-style: disc;
    padding-left: 22px;
}

footer .list-unstyled-custom {
    list-style: none !important;
    padding-left: 0px !important;
}

footer .list-unstyled a {
    font-weight: 500;
    font-size: 16px;
    line-height: 149.5%;
    color: #FFFFFF;
}

footer .list-unstyled-custom a {
    font-weight: 500;
    font-size: 16px;
    line-height: 149.5%;
    color: #FFFFFF;
}

footer .footer-logo {
    margin-bottom: 5px;
}

footer .footer-logo-link {
    font-weight: 500;
    font-size: 16px;
    line-height: 149.5%;
    color: #FFFFFF;
}

footer .wrap-social a {
    margin-right: 25px;
}

.wrap-prize img {
    width: 22%;
    margin-left: 3px;
    margin-bottom: 5px;
}

.wrap-introduce {
    display: block;
    overflow: hidden;
    position: relative;
}

.wrap-introduce .header-introduce {
    display: block;
    overflow: hidden;
    position: relative;
    height: 650px;
    width: 100%;
    background-size: cover;
    /* background-repeat: no-repeat; */
}
.wrap-introduce .header-introduce-img1 {
    background-image: linear-gradient(
        to right,
        rgba(2, 9, 60, 0.5),
        rgba(2, 9, 60, 0.5)
    ), url("assets/images/header1.webp");
    background-position: center -80px;
}
.wrap-introduce .header-introduce-img2 {
    background-image: linear-gradient(
        to right,
        rgba(2, 9, 60, 0.5),
        rgba(2, 9, 60, 0.5)
    ), url("assets/images/prop-tech.jpg");
    background-position: center -215px;
}
.wrap-introduce .header-introduce-img3 {
    background-image: linear-gradient(
        to right,
        rgba(2, 9, 60, 0.5),
        rgba(2, 9, 60, 0.5)
    ), url("assets/images/header3.webp");
    background-position: center -285px;
}


.wrap-introduce .carousel-inner-custom {
    height: 650px;
}

.wrap-introduce .logo-introduce {
    position: absolute;
    bottom: 0px !important;
    height: 158px;
    width: 100%;
    background-image: url("assets/images/logo_introduce.webp");
    background-repeat: no-repeat;
    background-position: center top;
}

.wrap-introduce .content-introduce {
    display: block;
    overflow: hidden;
    position: absolute;
    font-weight: 600;
    left: 53%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #FFF;
    padding-left: 20px;
    width: 1295px;
}

.wrap-introduce .idea-introduce {
    font-size: 60px;
    line-height: 63px;
    text-align: left;
}

.wrap-introduce .introduce-detail {
    font-size: 30px;
    line-height: 40px;
    text-align: left;
}

.wrap-introduce .idea-introduce span {
    color: #E23D3D;
}

.wrap-introduce .idea-small-introduce {
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    margin-top: 10px;
}

.wrap-introduce .header-whoweare {
    display: block;
    overflow: hidden;
    position: relative;
    height: 920px;
    background: #283172;
    background-image: url("assets/images/mimi-thian.webp");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left -40px;
    color: #FFF;
    text-align: center;
}

.wrap-introduce .whoweare-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 42px;
    margin-top: 60px;
    margin-bottom: 40px;
}

.wrap-introduce .whoweare-content {
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    padding-left: 10px;
    padding-right: 10px;
    width: 885px;
    margin: auto;
    font-family: 'Quicksand';
    text-align: left;
}

.wrap-introduce .whoweare-content-detail {
    font-size: 15px;
    padding: 0px 15px;
    margin: 10px;
}

.col-centered {
    float: none;
    margin: 0 auto;
}

.carousel-col {
    position: relative;
    min-height: 1px;
    padding: 5px;
    float: left;
}

.carousel .carousel-left {
    position: relative;
    content: "";
    display: inline-block;
    width: 50px;
    height: 50px;
    border-left: 10px solid #FFF;
    border-bottom: 10px solid #FFF;
    transform: rotate(45deg);
    margin-top: 165px;
}

.carousel .carousel-right {
    position: relative;
    content: "";
    display: inline-block;
    width: 50px;
    height: 50px;
    border-right: 10px solid #fff;
    border-top: 10px solid #fff;
    transform: rotate(45deg);
    margin-top: 165px;
}

.carousel .carousel-left1 {
    content: "";
    display: inline-block;
    width: 50px;
    height: 50px;
    border-left: 10px solid #c3c1c1;
    border-bottom: 10px solid #c3c1c1;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) rotate(45deg) !important;
    margin-left: 10px;
}

.carouser-boder-left {
    width: 34px;
    height: 34px;
    background-color: #ffffff;
    border-radius: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.carousel .carousel-left-custom {
    width: 16px !important;
    height: 16px !important;
    border-left: 3px solid #5BB1E4 !important;
    border-bottom: 3px solid #5BB1E4 !important;
    z-index: 1000 !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) rotate(45deg) !important;
    margin-top: 0px !important;
    margin-left: 3px !important;
}


.carouser-boder-right {
    width: 34px;
    height: 34px;
    background-color: #ffffff;
    border-radius: 200px;
    position: absolute;
    top: 156px;
    right: 55px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.carousel .carousel-right-custom {
    width: 16px !important;
    height: 16px !important;
    border-right: 3px solid #5BB1E4 !important;
    border-top: 3px solid #5BB1E4 !important;
    z-index: 1000 !important;
    position: absolute !important;
    right: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) rotate(45deg) !important;
    margin-top: 0px !important;
    margin-right: -12px !important;
}

.carousel .carousel-right1 {
    content: "";
    display: inline-block;
    width: 50px;
    height: 50px;
    border-right: 10px solid #c3c1c1;
    border-top: 10px solid #c3c1c1;
    position: absolute !important;
    left: 47% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) rotate(45deg) !important;
}

.active > div { display:none; }
.active > div:first-child { display:block; }

/*xs*/
@media (max-width: 767px) {
    .wrap-resource {
        margin-bottom: 30px !important
    }
    .markdown-output {
        font-size: 14px !important;
    }
    .headers-resource {
        background-position: -300px -225px !important
    }
    .carouser-boder-left {
        width: 26px !important;
        height: 26px !important;
    }
    .carouser-boder-right {
        width: 26px !important;
        height: 26px !important;
    }
    .wrap-introduce .idea-introduce {
        font-size: 25px !important;
        line-height: 25px !important;
    }

    .wrap-introduce .introduce-detail {
        font-size: 12px !important;
        line-height: 18px !important;
    }

    .carousel-inner .active.left { left: -50%; }
    .carousel-inner .active.right { left: 50%; }
    .carousel-inner .next        { left:  50%; }
    .carousel-inner .prev		     { left: -50%; }
    .carousel-col                { width: 50%; }
    .active > div:first-child + div { display:block; }
    .carousel-control-style {
        /* top: 46px !important;  */
        width: 12% !important;
    }
    /* .carousel-control-style-custom {
        top: 10px !important; 
    } */
    .carousel .carousel-left-custom {
        width: 12px !important;
        height: 12px !important;
        margin-left: 2px !important;
        border-bottom: 2px solid #5BB1E4 !important;
        border-left: 2px solid #5BB1E4 !important;
    }
    .carousel .carousel-right-custom {
        width: 12px !important; 
        height: 12px !important;
        border-right: 2px solid #5BB1E4 !important;
        border-top: 2px solid #5BB1E4 !important;
        margin-right: -10px !important;
    }
}

/*sm*/
@media (min-width: 768px) and (max-width: 991px) {
    .wrap-resource {
        margin-bottom: 50px !important
    }
    .social-style {
        width: 3% !important;
    }
    .carousel-inner .active.left { left: -50%; }
    .carousel-inner .active.right { left: 50%; }
    .carousel-inner .next        { left:  50%; }
    .carousel-inner .prev		     { left: -50%; }
    .carousel-col                { width: 50%; }
    .active > div:first-child + div { display:block; }
    .headers-service-title {
        font-size: 44px!important;
        /* line-height: 46px!important; */
    }
    .service-offer .service-offer-item {
        height: 425px !important;
    }
    .service-offer .service-offer-item.i-2 {
        height: 495px !important;
    }
    .wrap-leadership .leadership-avatar {
        margin: 0 auto !important;
    }
    .block-pirago-sm {
        display: block !important;
    }
    .block-pirago-lg {
        display: none !important;
    }
    .pirago-people {
        height: 435px !important;
    }
    .wrap-pirago-people .block-title {
        text-align: center !important;
    }
    .pirago-title-space {
        display: none !important;
    }
    .pirago-people-right .voice-avt {
        width: 12%!important;
    }
    .pirago-people-right .quotes {
        left: -10px !important;
    }   
    .pirago-people-right .carousel-indicators {
        top: 380px !important;
    }    
    .erp-text {
        font-size: 16px !important;
        padding: 0 65px !important;
    }
    .wrap-headers-company {
        padding-top: 60px !important;
        height: 680px !important;
    }
    .company-title {
        margin: 480px 0 10px 0 !important;
    }
    .wrap-pirago-people {
        padding: 0px !important;
    }
    /* .benefit .benefit-item .benefit-icon {
        background-size: 80px 80px !important;
        height: 90px !important;
        margin-bottom: 10px !important;
    } */
    .benefit .benefit-item .benefit-content1 {
        font-size: 16px !important;
        line-height: 24px !important;
    }
    .benefit-bg {
        background-position: -100px 0 !important;
    }
    .wrap-ceo .wrap-ceo-message .right img {
        margin-top: 200px !important;
        width: 48% !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
    }
    .wrap-labo .labo-item .labo-index span {
        font-size: 25px!important;
        line-height: 35px!important;
        width: 65px!important;
        height: 65px!important;
        padding: 14px 12px!important;
    }
    .wrap-labo .labo-item .labo-title {
        font-size: 22px!important;
        line-height: 31px!important;
        margin-top: 15px!important;
        height: auto!important;
    }
    .wrap-labo .labo-item .labo-content {
        font-size: 16px!important;
        margin-top: 10px !important;
    }
    .wrap-labo .labo-item {
        margin-bottom: 15px;
        height: 275px!important;
        padding: 30px 80px 0px 80px!important;
    }
    .service-offshore {
        background-position: 0px 0px !important;
    }
    .service-labo {
        background-position: 0px -40px !important;
    }
    .service-consultant{
        background-position: 0px 0px !important;
    }
    .headers-service {
        height: 400px !important;
    }
    /* .headers-service-main {
        padding-top: 100px !important;
    } */
    .wrap-introduce .header-whoweare {
        height: 680px!important;
    }
    .navbar ul.navbar-nav {
        margin-top: 0px !important;
    }
    /* .carousel-control {
        top: 25px !important;
    } */
    .carousel .carousel-right {
        width: 40px!important;
        height: 40px!important;
    }
    .carousel .carousel-left {
        width: 40px!important;
        height: 40px!important;
    }
    .achievements-bg {
        background-position: center -90px !important;
        height: 300px !important;
    }
    .achievements-item span {
        font-size: 40px!important;
    }

    .achievements-item p {
        font-size: 12px!important;
    }

    .wrap-prize img {
        width: 9% !important;
        margin: 0 15px 0 0 !important;
    }

    .wrap-prize .giaithuong5 {
        width: 10% !important;
    }

    .wrap-prize .giaithuong6 {
        width: 14% !important;
    }

    .wrap-introduce .header-introduce {
        height: 220px!important;
        background-position: center -45px!important;
    }

    .wrap-introduce .carousel-inner-custom {
        height: 220px!important;
    }

    .wrap-introduce .logo-introduce {
        height: 63px!important;
        background-size: 217px 63px;
    }

    .news-home {
        border-right: none !important; 
    }

    .text-award {
        margin: 60px 0px 0px 0px !important;
    }

    .slide-prize-1 {
        height: 325px !important;
    }

    .slide-prize-2 {
        height: 325px !important;
    }

    .slide-prize-3 {
        height: 325px !important;
    }

    .slide-prize-4 {
        height: 325px !important;
    }

    .slide-prize-5 {
        height: 325px !important;
    }

    .slide-prize-6 {
        height: 325px !important;
    }

    .carousel-control-style {
        /* top: 90px !important;  */
        width: 8% !important;
    }
    .why-pirago .why-pirago-item {
        height: 425px !important;
        padding: 35px 20px !important;
    }
    .why-pirago .why-pirago-item.i-3 {
        height: 475px !important;
    }
    .wrap-benefit-erp .benefit-erp-item .benefit-erp-index span {
        font-size: 25px!important;
        line-height: 35px!important;
        width: 65px!important;
        height: 65px!important;
        padding: 14px 12px!important;
    }
    .wrap-benefit-erp .benefit-erp-item .benefit-erp-title {
        font-size: 22px!important;
        line-height: 31px!important;
        margin-top: 15px!important;
        height: auto!important;
    }
    .wrap-benefit-erp .benefit-erp-item .benefit-erp-content {
        font-size: 16px!important;
        margin-top: 10px !important;
        line-height: 25px!important;
    }
    .wrap-benefit-erp .benefit-erp-item {
        margin-bottom: 15px;
        height: 275px!important;
        padding: 30px 80px 0px 80px!important;
    }
    .wrap-benefit-crm .benefit-crm-item .benefit-crm-index span {
        font-size: 25px!important;
        line-height: 35px!important;
        width: 65px!important;
        height: 65px!important;
        padding: 14px 12px!important;
    }
    .wrap-benefit-crm .benefit-crm-item .benefit-crm-title {
        font-size: 22px!important;
        line-height: 31px!important;
        margin-top: 15px!important;
        height: auto!important;
    }
    .wrap-benefit-crm .benefit-crm-item .benefit-crm-content {
        font-size: 16px!important;
        margin-top: 10px !important;
        line-height: 25px!important;
    }
    .wrap-benefit-crm .benefit-crm-item {
        margin-bottom: 15px !important;
        height: 390px!important;
    }
    .wrap-address .head-address {
        margin-top: 85px!important;
        font-size: 30px!important;
        line-height: 35px!important;
        /* text-align: center; */
    }

    .wrap-address .download-address {
        margin-top: 0px!important;
    }
}

@media (min-width: 769px) and (max-width: 991px) {

    .wrap-introduce .idea-introduce {
        font-size: 35px !important;
        line-height: 40px !important;
    }
    .wrap-introduce .introduce-detail {
        font-size: 13px !important;
        line-height: 21px !important;
    }
    .leadership-degree {
        text-align: center !important;
    }
    .leadership-exp-detail {
        text-align: center !important;
    }
    .camnhan1-bg {
        background-position: center -185px !important;
    }
    .wrap-headers-recruit .wrap-recruit-list {
        margin-top: -250px !important;
    }
    .wrap-headers-company .right img {
        width: 75%!important;
        height: auto!important;
    }
    .wrap-company .company-overview {
        padding: 0 51px !important;
    }
    .btn-pirago {
        font-size: 15px!important;
        padding: 10px 15px!important;
    }
    .wrap-company {
        padding: 30px 0px !important;
    }
    .benefit-item {
        margin-bottom: 30px !important;
    }
    .headers-company-img {
        text-align: unset !important;
        margin-top: 10px !important;
    }
    .wrap-introduce .header-introduce {
        height: 250px !important;
    }
    .wrap-introduce .carousel-inner-custom {
        height: 250px !important;
    }
    .wrap-introduce .header-whoweare {
        height: 890px!important;
    }
    /* .carousel-control {
        top: -15px !important;
    } */
    .offshore .offshore-item .offshore-bg {
        background-size: cover!important;
    }
    .offshore .offshore-item .offshore-bg .offshore-bg-mail {
        background-size: cover!important;
    }
    .wrap-contact-form textarea.form-control {
        height: 100px!important;
    }
    .offshore .offshore-content {
        color: #FFF!important;
        margin-top: -160px!important;
        background: #283171!important;
        padding-top: 185px!important;
        border-radius: 15px;
        font-size: 14px!important;
        line-height: 22px!important;
    }
    .offshore .offshore-item {
        margin-bottom: 15px;
    }
}

/*md*/
@media (min-width: 992px) and (max-width: 1199px) {
    .wrap-resource {
        margin-bottom: 65px !important
    }
    .wrap-introduce .content-introduce {
        width: 750px !important;
    }
    .social-style {
        width: 3% !important;
    }
    .leadership-degree {
        text-align: center !important;
    }
    .leadership-exp-detail {
        text-align: center !important;
    }
    .wrap-introduce .header-introduce {
        height: 400px !important;
    }
    .wrap-introduce .header-introduce-img1 {
        background-position: center -40px !important;
    }
    .wrap-introduce .header-introduce-img2 {
        background-position: center -60px !important;
    }
    .wrap-introduce .header-introduce-img3 {
        background-position: center -240px !important;
    }
    
    .wrap-introduce .carousel-inner-custom {
        height: 400px !important;
    }
    .wrap-introduce .idea-introduce {
        font-size: 42px !important;
    }
    .wrap-introduce .introduce-detail {
        font-size: 21px !important;
        line-height: 34px !important;
    }

    .carousel-inner .active.left { left: -33%; }
    .carousel-inner .active.right { left: 33%; }
    .carousel-inner .next        { left:  33%; }
    .carousel-inner .prev		     { left: -33%; }
    .carousel-col                { width: 33%; }
    .active > div:first-child + div { display:block; }
    .active > div:first-child + div + div { display:block; }
    .block-pirago-sm {
        display: block !important;
    }
    .block-pirago-lg {
        display: none !important;
    }
    .pirago-people {
        height: 435px !important;
    }
    .wrap-pirago-people .block-title {
        text-align: center !important;
    }
    .wrap-contact-form textarea.form-control {
        height: 100px!important;
    }
    .wrap-download-layout {
        height: 535px !important;
    }
    .pirago-title-space {
        display: none !important;
    }
    .pirago-people-right .voice-avt {
        width: 8%!important;
    }
    .pirago-people-right .quotes {
        left: -10px !important;
    }   
    .pirago-people-right .carousel-indicators {
        top: 380px !important;
    }
    .wrap-benefit {
        padding: 50px 0px !important;
    }
    .wrap-headers-company .right img {
        width: 60%!important;
        height: auto!important;
    }
    .camnhan1-bg {
        background-position: center -360px !important;
    }
    .wrap-leadership .leadership-avatar {
        margin: 0 auto !important;
    }
    .wrap-headers-company {
        padding-top: 60px !important;
        height: 680px !important;
    }
    .company-title {
        margin: 650px 0 10px 0 !important;
        color: #007bff !important;
    }
    .headers-company-img {
        text-align: unset !important;
        margin-top: 20px !important;
    }
    .solution .solution-item .social-content {
        font-size: 18px !important;
    }
    .wrap-ceo .wrap-ceo-message .right img {
        margin-top: 285px !important;
        width: 45% !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
    }
    .wrap-labo .labo-item {
        margin-bottom: 15px !important;
        height: 275px!important;
        padding: 30px 80px 0px 80px!important;
    }
    .benefit-bg {
        background-position: center 0px !important;
    }
    .benefit .benefit-item .benefit-icon {
        margin-bottom: 0px !important;
    }
    .benefit .benefit-item .benefit-content1 {
        line-height: 28px !important;
    }
    .benefit-item {
        margin-bottom: 30px !important;
    }
    .wrap-labo .labo-item .labo-index span {
        font-size: 25px!important;
        line-height: 35px!important;
        width: 65px!important;
        height: 65px!important;
        padding: 14px 12px!important;
    }
    .wrap-labo .labo-item .labo-title {
        font-size: 24px!important;
        line-height: 31px!important;
        margin-top: 15px!important;
        height: auto!important;
    }
    .wrap-labo .labo-item .labo-content {
        font-size: 18px!important;
        margin-top: 10px !important;
    }
    .wrap-benefit-erp {
        padding: 20px 0px !important;
    }
    .service-offshore {
        background-position: 0px 0px !important;
    }
    .service-labo {
        background-position: 0px -40px !important;
    }
    .service-consultant{
        background-position: 0px 0px !important;
    }
    .headers-service {
        height: 475px !important;
    }
    .wrap-address .head-address {
        margin-top: 85px!important;
        font-size: 30px!important;
        line-height: 35px!important;
        /* text-align: center; */
    }
    .wrap-address .download-address {
        margin-top: 0px!important;
    }
    .wrap-contact-form {
        height: 530px!important;
        padding: 25px 5px!important;
    }
    .offshore .offshore-item .offshore-bg {
        background-size: cover!important;
    }
    .offshore .offshore-item .offshore-bg .offshore-bg-mail {
        background-size: cover!important;
    }
    .offshore-bottom-bg {
        display: none !important;
    }
    .offshore .offshore-content {
        color: #FFF!important;
        margin-top: -160px!important;
        background: #283171!important;
        padding-top: 185px!important;
        border-radius: 15px;
        font-size: 14px!important;
        line-height: 22px!important;
    }
    .problem .problem-bg {
        margin-bottom: 40px !important;
    }
    .wrap-solution {
        padding: 20px 0 !important;
    }
    .block-about {
        font-size: 14px!important;
        line-height: 22px!important;
        margin-bottom: 40px!important;
        width: 100%!important;
    }
    .solution .solution-head {
        font-size: 26px!important;
        line-height: 25px!important;
        text-align: center;
    }
    .solution .solution-item {
        padding: 10px 30px !important;
    }
    .wrap-procedure {
        padding: 30px 0px !important;
    }
    .wrap-offshore-procedure{
        padding: 30px 0px !important;
    }
    .wrap-procedure .procedure-item .procedure-content {
        font-size: 18px !important;
    }
    .wrap-procedure .procedure-item .procedure-title {
        font-size: 20px !important;
    }
    .why-pirago .why-pirago-item .why-pirago-content {
        font-size: 18px !important;
    }
    .wrap-solution .header .title .social-bg {
        margin-top: 0px!important;
        height: 230px!important;
        padding: 20px 20px!important;
    }
    .wrap-solution .header .title .social-right {
        width: 190px!important;
        height: 190px!important;
        margin-top: 0px!important;
        margin-left: 0px!important;
    }
    .wrap-labo {
        padding: 70px 0px !important;
    }
    .navbar ul.navbar-nav {
        margin-top: 0px !important;
    }
    .wrap-introduce .header-whoweare {
        height: 855px !important;
    }
    .carousel .carousel-right {
        width: 40px !important;
        height: 40px !important;
    }
    .carousel .carousel-left {
        width: 40px !important;
        height: 40px !important;
    }
    /* .carousel-control {
        top: -25px !important;
    } */
    .service-offer .service-offer-item {
        height: 415px !important;
    }
    .service-offer .service-offer-item.i-2 {
        height: 485px !important;
    }
    .why-pirago .why-pirago-item {
        height: 450px !important;
    }
    .achievements-bg {
        background-position: center -115px !important;
        height: 415px !important;
    }

    .achievements-item span {
        font-size: 50px!important;
    }

    .achievements-item p {
        font-size: 14px!important;
    }
    .erp-text {
        font-size: 16px !important;
    }
    .text-award {
        margin: 100px 0px 0px 0px !important;
    }

    .slide-prize-1 {
        width: 55% !important;
    }
    
    .slide-prize-2 {
        width: 60% !important;
    }
    
    .slide-prize-3 {
        width: 55% !important;
    }
    
    .slide-prize-4 {
        width: 60% !important;
    }
    
    .slide-prize-5 {
        width: 70% !important;
    }

    .slide-prize-6 {
        width: 57% !important;
    }

    /* .carousel-control-style{
        top: 5px !important;
    } */

    .news-home {
        border-right: none !important; 
    }

    .wrap-prize img {
        width: 5% !important; 
        margin: 0 10px 0 0 !important;
    }

    .wrap-prize .giaithuong5 {
        width: 6% !important;
    }

    .wrap-prize .giaithuong6 {
        width: 7% !important;
    }

    .wrap-benefit-erp .benefit-erp-item .benefit-erp-index span {
        font-size: 25px!important;
        line-height: 35px!important;
        width: 65px!important;
        height: 65px!important;
        padding: 14px 12px!important;
    }
    .wrap-benefit-erp .benefit-erp-item .benefit-erp-title {
        font-size: 22px!important;
        line-height: 31px!important;
        margin-top: 15px!important;
        height: auto!important;
    }
    .wrap-benefit-erp .benefit-erp-item .benefit-erp-content {
        font-size: 16px!important;
        margin-top: 10px !important;
        line-height: 25px!important;
    }
    .wrap-benefit-erp .benefit-erp-item {
        margin-bottom: 15px;
        height: 275px!important;
        padding: 30px 80px 0px 80px!important;
    }
    .wrap-benefit-crm .benefit-crm-item .benefit-crm-index span {
        font-size: 25px!important;
        line-height: 35px!important;
        width: 65px!important;
        height: 65px!important;
        padding: 14px 12px!important;
    }
    .wrap-benefit-crm .benefit-crm-item .benefit-crm-title {
        font-size: 22px!important;
        line-height: 31px!important;
        margin-top: 15px!important;
        height: auto!important;
    }
    .wrap-benefit-crm .benefit-crm-item .benefit-crm-content {
        font-size: 16px!important;
        margin-top: 10px !important;
        line-height: 25px!important;
    }
    .wrap-benefit-crm .benefit-crm-item {
        margin-bottom: 15px !important;
        height: 360px!important;
    }
    .wrap-what-erp .block-title {
        text-align: center;
    }
    .wrap-what-erp .header .title {
        height: auto!important;
        text-align: center!important;
        padding-left: 15px!important;
        padding-right: 15px!important;
    }
    .wrap-what-erp .block-title {
        text-align: center;
    }
    .solution .solution-item {
        padding: 15px 30px !important;
    }
}
/*lg*/
@media (min-width: 1200px) {
    .carousel-control-style2 {
        width: 10% !important;
    }
    .carousel-inner .active.left { left: -25%; }
    .carousel-inner .active.right{ left:  25%; }
    .carousel-inner .next        { left:  25%; }
    .carousel-inner .prev		     { left: -25%; }
    .carousel-col                { width: 25%; }
    .active > div:first-child + div { display:block; }
    .active > div:first-child + div + div { display:block; }
    .active > div:first-child + div + div + div { display:block; }
    .wrap-leader-pirago {
        height: 1500px !important;
        position: relative !important;
    }

    /* .wrap-leader-pirago .col-lg-4:last-child {
        position: absolute;
        left: 50%;
        top: 85%;
        transform: translate(-50%, -50%);
    } */

    .container-header {
        width: 1250px !important;
    }
}

@media (min-width: 1200px)  and (max-width: 1440px) {
    .wrap-prize img {
        width: 19% !important;
    }

    .wrap-prize .giaithuong5 {
        width: 22% !important;
    }
    
    .wrap-headers-company .right img {
        height: 395px !important;
    }
    .wrap-ceo .wrap-ceo-message .right img {
        right: 0px !important;
    }
    .wrap-benefit-erp {
        padding: 15px 0px !important;
    }
    .wrap-introduce .header-whoweare {
        height: 830px !important;
    }
    .carousel .carousel-right {
        width: 45px !important;
        height: 45px !important;
    }
    .benefit-bg {
        background-position: center -100px !important;
    }
    /* .carousel-control {
        top: -20px !important;
    } */
    .achievements-bg {
        background-position: center -160px !important;
    }
    .achievements-item span {
        font-size: 60px!important;
    }

    .achievements-item p {
        font-size: 18px!important;
    }

    .slide-prize-1 {
        width: 55% !important;
    }
    
    .slide-prize-2 {
        width: 60% !important;
    }
    
    .slide-prize-3 {
        width: 55% !important;
    }
    
    .slide-prize-4 {
        width: 60% !important;
    }
    
    .slide-prize-5 {
        width: 70% !important;
    }

    .slide-prize-6 {
        width: 55% !important;
    }

    /* .carousel-control-style{
        top: 40px !important;
    } */

    .wrap-introduce .header-introduce-img2 {
        background-position: center -15px !important;
    }
}


.block {
    width: 97%;
    height: 470px;
}

.slide-1 {
    background-image: url("assets/images/slider/company-rs.webp");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center 50px;
}

.slide-2 {
    background-image: url("assets/images/slider/ceo_rs.webp");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center 50px;
}

.slide-3 {
    background-image: url("assets/images/slider/recruit-rs.webp");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center 50px;
}

.slide-4 {
    background-image: url("assets/images/slider/hop_rs.webp");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center 50px;
}

.slide-5 {
    background-image: url("assets/images/slider/bod_rs.webp");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center 50px;
}

.slide-6 {
    background-image: url("assets/images/slider/camnhan2_rs.webp");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center 50px;
}

.slide-7 {
    background-image: url("assets/images/slider/camnhan1_rs.webp");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center 50px;
}

.slide-8 {
    background-image: url("assets/images/slider/cungcapnhansu-rs.webp");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center 50px;
}

.slide-9 {
    background-image: url("assets/images/slider/tuvan-rs.webp");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center 50px;
}

.slide-10 {
    background-image: url("assets/images/slider/service-rs.webp");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center 50px;
}

.slide-prize-1 {
    background-image: url("assets/images/saokhue2023.webp");
    background-repeat: no-repeat;
    background-size: contain;
    width: 45%;
    margin: 0 auto !important;
    background-position: center;
}

.slide-prize-2 {
    background-image: url("assets/images/giaithuong2.webp");
    background-repeat: no-repeat;
    background-size: contain;
    width: 44%;
    margin: 0 auto !important;
    background-position: center;
}

.slide-prize-3 {
    background-image: url("assets/images/ISO9001.webp");
    background-repeat: no-repeat;
    background-size: contain;
    width: 45%;
    margin: 0 auto !important;
    background-position: center;
}

.slide-prize-4 {
    background-image: url("assets/images/ISO27001.webp");
    background-repeat: no-repeat;
    background-size: contain;
    width: 50%;
    margin: 0 auto !important;
    background-position: center;
}

.slide-prize-5 {
    background-image: url("assets/images/giaithuong6.webp");
    background-repeat: no-repeat;
    background-size: contain;
    width: 60%;
    margin: 0 auto !important;
    background-position: center;
}

.slide-prize-6 {
    background-image: url("assets/images/sk2024.webp");
    background-repeat: no-repeat;
    background-size: contain;
    width: 47%;
    margin: 0 auto !important;
    background-position: center;
}

.block-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 60px;
    color: #283171;
    margin-bottom: 25px;
}

.wrap-offer,
.wrap-why-pirago,
.wrap-achievements,
.wrap-voice,
.wrap-news,
.wrap-benefit,
.wrap-pirago-people,
.wrap-offshore,
.wrap-using,
.wrap-problem,
.wrap-solution,
.wrap-procedure,
.wrap-what-erp,
.wrap-what-crm,
.wrap-benefit-crm,
.wrap-company,
.wrap-leadership,
.wrap-offshore-procedure {
    padding: 73px 0px;
}

.service-offer .service-offer-item {
    border: 1px solid #E8E8E9;
    border-radius: 15px;
    height: 820px;
    padding: 20px 20px;
}

body.translatepress-ja .service-offer .service-offer-item {
    height: 620px;
}

.service-offer .service-offer-item ul {
    padding: 5px 15px;
}

.service-offer a:hover {
    text-decoration: none;
}

/* .service-offer .service-offer-item:hover {
    background-color: #283171;
    box-shadow: 0px 4px 30px rgb(0 0 0 / 10%);
} */

.service-offer .icon-offer-item {
    margin-top: 15px;
    margin-bottom: 27px;
    height: 80px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0px center;
}

.service-offer .service-offer-item.i-1 .icon-offer-item {
    background-image: url(assets/images/service_offshore.webp);
}

/* .service-offer .service-offer-item.i-1:hover .icon-offer-item {
    background-image: url(assets/images/service_offshore_hover.webp);
} */

.service-offer .service-offer-item.i-2 .icon-offer-item {
    background-image: url(assets/images/service_labo.webp);
}

.service-offer .service-offer-item.i-2:hover .icon-offer-item {
    background-image: url(assets/images/service_labo_hover.webp);
}

.service-offer .service-offer-item.i-3 .icon-offer-item {
    background-image: url(assets/images/service_consultant.webp);
}

/* .service-offer .service-offer-item.i-3:hover .icon-offer-item {
    background-image: url(assets/images/service_consultant_hover.webp);
} */

.service-offer .title-offer-item {
    font-weight: 600;
    font-size: 24px;
    line-height: 35px;
    color: #283172;
    margin-bottom: 25px;
    min-height: 50px;
}

.title-offer-item {
    color: #FFF;
}

.service-offer .content-offer-item {
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #222222;
    border-left: 1px solid #0747C5;
    padding-left: 20px;
}

.content-offer-item {
    color: #FFF;
    border-left: 1px solid #FFF;
}

.wrap-switcher {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.wrap-switcher span.switcher {
    position: relative;
    width: 374px;
    height: 59px;
    border-radius: 40px;
    margin: 0px 0 60px 0;
}

.wrap-switcher span.switcher input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    width: 374px;
    height: 59px;
    border-radius: 40px;
    background-color: #FFF;
    outline: none;
    font-family: 'Oswald', sans-serif;
    border: 1px solid #333BFF;
}

.wrap-switcher span.switcher input:before,
.wrap-switcher span.switcher input:after {
    z-index: 2;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
}

.wrap-switcher span.switcher input:before {
    content: 'Service';
    left: 20px;
    font-weight: 600;
    font-size: 20px;
    padding-left: 40px;
}

.wrap-switcher span.switcher input:after {
    content: 'Industries';
    right: 20px;
    font-weight: 600;
    font-size: 20px;
    padding-right: 18px;
}

body.translatepress-ja .wrap-switcher span.switcher input:before {
    content: 'サービス';
    left: 20px;
    font-weight: 600;
    font-size: 20px;
    padding-left: 40px;
}

body.translatepress-ja .wrap-switcher span.switcher input:after {
    content: '事業';
    right: 20px;
    font-weight: 600;
    font-size: 20px;
    padding-right: 55px;
}

.wrap-switcher span.switcher label {
    z-index: 1;
    position: absolute;
    top: 10px;
    bottom: 10px;
    border-radius: 20px;
}

.wrap-switcher span.switcher.switcher-1 input {
    transition: 0.25s -0.1s;
}

.wrap-switcher span.switcher.switcher-1 input:checked {
    background-color: #fff;
}

.wrap-switcher span.switcher.switcher-1 input:checked:before {
    color: #fff;
    transition: color 0.5s 0.2s;
}

.wrap-switcher span.switcher.switcher-1 input:checked:after {
    color: #222222;
    transition: color 0.5s;
}

.wrap-switcher span.switcher.switcher-1 input:checked + label {
    left: 8px;
    right: 100px;
    background: #283172;
    transition: left 0.5s, right 0.4s 0.2s;
    width: 187px;
    height: 47px;
    border-radius: 40px;
}

.wrap-switcher span.switcher.switcher-1 input:not(:checked) {
    background: #fff;
    transition: background 0.5s -0.1s;
}

.wrap-switcher span.switcher.switcher-1 input:not(:checked):before {
    color: #222222;
    transition: color 0.5s;
}

.wrap-switcher span.switcher.switcher-1 input:not(:checked):after {
    color: #fff;
    transition: color 0.5s 0.2s;
}

.wrap-switcher span.switcher.switcher-1 input:not(:checked) + label {
    left: 180px;
    background: #283172;
    transition: left 0.4s 0.2s, right 0.5s, background 0.35s -0.1s;
    width: 187px;
    height: 47px;
    border-radius: 40px;
}

.wrap-see-more {
    margin-top: 50px;
}

.btn-pirago {
    background: #283172!important;
    box-shadow: 0px 27px 50px rgba(51, 59, 255, 0.1);
    border-radius: 40px;
    padding: 18px 65px;
    border: 0px;
    color: #FFF;
    font-weight: 600;
    font-size: 20px;
    line-height: 21px;
}

.btn-pirago:hover {
    color: #FFF;
}

.wrap-why-pirago,
.wrap-voice,
.wrap-benefit,
.wrap-solution,
.wrap-offshore,
.wrap-problem,
.wrap-what-erp {
    background: #F6FBFF;
}

.wrap-offshore {
    padding-top: 73px;
    padding-bottom: 0px;
    margin-bottom: 73px;
}

.block-about {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #333333;
    margin-bottom: 64px;
    padding: 0px 10px;
    width: 640px;
    margin-left: auto;
    margin-right: auto;
}

.why-pirago .why-pirago-item {
    background: #FFF;
    border: 1px solid #E8E8E9;
    border-radius: 15px;
    height: 750px;
    padding: 30px 20px;
}

body.translatepress-ja .why-pirago .why-pirago-item {
    height: 610px;
}

.why-pirago .why-pirago-item {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.why-pirago .why-pirago-item.i-1 {
    background-image: url("assets/images/why_bg_1.webp");
}

.why-pirago .why-pirago-item.i-2 {
    background-image: url("assets/images/why_bg_2.webp");
}

.why-pirago .why-pirago-item.i-3 {
    background-image: url("assets/images/why_bg_3.webp");
}

.why-pirago .why-pirago-item .why-pirago-icon {
    background-repeat: no-repeat;
    background-size: 44px 44px;
    background-position: -5px center;
    height: 36px;
}

.why-pirago .why-pirago-item.i-1 .why-pirago-icon {
    background-image: url("assets/images/why_icon_1_default.webp");
}

.why-pirago .why-pirago-item.i-2 .why-pirago-icon {
    background-image: url("assets/images/why_icon_2.webp");
}

.why-pirago .why-pirago-item.i-3 .why-pirago-icon {
    background-image: url("assets/images/why_icon_3.webp");
}

.why-pirago .why-pirago-item .why-pirago-title {
    font-weight: 600;
    font-size: 28px;
    line-height: 38px;
    text-align: left;
    margin-top: 23px;
    margin-bottom: 37px;
    color: #01409F;
}

body.translatepress-ja .why-pirago .why-pirago-item.i-1 .why-pirago-title {
    font-size: 26px;
}

.why-pirago .why-pirago-item .why-pirago-content {
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #333333;
    border-left: 1px solid #0747C5;
    padding-left: 20px;
}
.overlay-bg-vc {
    background-color: rgba(0, 0, 0, 0.56) !important;
    height: 100%;
    position: relative;
}
.overlay-bg-vc .container {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.achievements-bg {
    background-image: url("assets/images/thanhtichbg.webp");
    height: 520px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center -385px;
}

.achievements-bg .container {
    width: 85% ;
}

.achievements-item {
    float: left;
    width: 20%;
}

.achievements-item span {
    font-weight: 800;
    font-size: 80px;
    color: #00a0ff;
    margin-left: 25px;
}

.achievements-item p {
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    width: 80%;
    margin: auto;
}

.achievements-item small {
    font-size: 30px;
}

.voice-item {
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
    height: 555px;
    margin-bottom: 22px;
    -webkit-border-top-right-radius: 15px 15px;
    -webkit-border-bottom-right-radius: 15px 15px;
    border-left: 4px solid #007bff;
}

body.translatepress-ja .voice-item {
    height: 515px;
}

.voice-item .voice-avt {
    padding-top: 26px;
}

.voice-item .voice-avt img {
}

.voice-item .voice-name {
    padding-top: 13px;
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    color: #222222;
}

.voice-item .voice-position {
    padding-top: 5px;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #666666;
}

.voice-item .voice-content {
    padding-top: 22px;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #222222;
    width: 90%;
    margin: auto;
    text-align: left;
}

.voice-control {
    margin-top: 15px;
}

.wrap-voice .btn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.wrap-voice .btn.btn-prev {
    background-image: url("assets/images/arrow-right.webp");
    background-repeat: no-repeat;
    background-size: 26px 26px;
    background-position: 15px center;
    background-color: #283171;
    transform: scaleX(-1);
}

.wrap-voice .btn.btn-next {
    background-image: url("assets/images/arrow-right.webp");
    background-repeat: no-repeat;
    background-size: 26px 26px;
    background-position: 15px center;
    background-color: #283171;
}

.wrap-voice .btn.btn-prev.over {
    background-image: url("assets/images/arrow-left.webp");
    background-position: 8px center;
    transform: scaleX(1);
    background-color: #FFF;
}

.wrap-voice .btn.btn-next.over {
    background-image: url("assets/images/arrow-left.webp");
    background-position: 8px center;
    transform: scaleX(-1);
    background-color: #FFF;
}

.news-item {
    display: block;
    overflow: hidden;
    position: relative;
    border-radius: 18px;
    height: 357px;
    margin-bottom: 22px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #FFF;
    border: 4px solid #FFF;
}

.wrap-news a:hover .news-item {
    border: 4px solid #128EEA;
}

.wrap-news .news-cotent {
    border-bottom: 1px solid #b3b2b2;
    padding-bottom: 17px;
}

.news-content {
    min-height: 180px;
    border-radius: 15px;
    /* padding-left: 20px;
    padding-right: 20px; */
    -webkit-backdrop-filter: blur(10px); /* Safari 9+ */
    backdrop-filter: blur(10px); /* Chrome and Opera */
    background-color: rgba(255, 255, 255, 0.3);
    position: absolute;
    top: 355px;
    width: 90%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, 0);
}

.news-content .news-title {
    font-weight: 600;
    font-size: 23px;
    line-height: 34px;
    padding-top: 13px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-content .news-title-link {
    color: black !important; 
    text-decoration:none !important;
}
.news-content .news-title-link:hover {
    color: #428bca !important; 
}

.wrap-news .col-lg-4 {
    padding-left: 10px;
    padding-right: 10px;
}

.wrap-news a:hover .news-content .news-title {
    text-decoration: underline;
}

.news-content .news-date {
    font-weight: 600;
    font-size: 16px;
    line-height: 17px;
    padding-top: 13px;
    background-image: url("assets/images/calender.webp");
    background-repeat: no-repeat;
    background-size: 13px 14px;
    background-position: 0px 13px;
    padding-left: 20px;
}

.news-content .news-body {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    padding-top: 13px;
    display: -webkit-box;
    max-width: 100%;
    margin: 0 auto;
    -webkit-line-clamp: 2;
    /* autoprefixer: off */
    -webkit-box-orient: vertical;
    /* autoprefixer: on */
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}

.headers-news {
    position: relative;
    display: block;
    overflow: hidden;
    height: 520px;
    width: 100%;
    background-image: url("assets/images/new_detail_bg1.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0px 0px;
}

.headers-projects {
    position: relative;
    display: block;
    overflow: hidden;
    height: 520px;
    width: 100%;
    background-image: url("assets/images/new_detail_bg1.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0px 0px;
}

.headers-news-bg {
    height: 100%;
    width: 100%;
    background-image: url("assets/images/new_detail_bg2.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0px 0px;
}

.headers-projects-bg {
    height: 100%;
    width: 100%;
    background-image: url("assets/images/new_detail_bg2.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0px 0px;
}

.headers-news-main {
    color: #FFFFFF;
    width: 525px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 90px;
}

.headers-news-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 42px;
    text-align: center;
}

.headers-news-content {
    font-weight: 600;
    font-size: 16px;
    line-height: 17px;
    text-align: center;
    margin-top: 19px;
}

.headers-news-btn-wrap {
    margin-top: 30px;
}

.headers-news-btn-wrap a {
    font-weight: 600;
    font-size: 20px;
    line-height: 21px;
    color: #FFF!important;
    width: 212px;
    border-radius: 40px;
    padding-top: 18px;
    padding-bottom: 18px;
}

.headers-news-btn-wrap .btn-blog {
    background: #007bff;
}

.headers-news-btn-wrap .btn-news {
    background: #E2AD25;
}

.news-detail {
    -moz-box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    margin-bottom: 30px;
}

.wrap-news-detail {
    position: relative;
    display: block;
    overflow: hidden;
    margin-top: -250px;
    margin-bottom: 49px;
}

.wrap-projects-detail {
    position: relative;
    display: block;
    overflow: hidden;
    margin-top: -250px;
    margin-bottom: 49px;
}

.wrap-detail {
    padding: 20px;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #666666;
}

.wrap-detail .news-title {
    font-weight: 600;
    font-size: 32px;
    line-height: 34px;
    color: #283172;
    margin-bottom: 13px;
    margin-top: 30px;
}

.wrap-detail .projects-title {
    font-weight: 600;
    font-size: 32px;
    line-height: 34px;
    color: #283172;
    margin-bottom: 13px;
    margin-top: 30px;
}

.news-content .news-date {
    background-image: url(assets/images/u_calendar.webp);
    padding-top: 11px;
}

.wrap-detail .news-date {
    font-weight: 600;
    font-size: 16px;
    line-height: 17px;
    background-image: url(assets/images/u_calendar.webp);
    background-repeat: no-repeat;
    background-size: 13px 14px;
    background-position: 0px 1px;
    padding-left: 20px;
}

.wrap-detail .projects-date {
    font-weight: 600;
    font-size: 16px;
    line-height: 17px;
    background-image: url(assets/images/u_calendar.webp);
    background-repeat: no-repeat;
    background-size: 13px 14px;
    background-position: 0px 1px;
    padding-left: 20px;
}

.wrap-detail .wrap-social-share {
    padding: 7px 0;
    margin-right: 3px;
    text-align: end;
}

.wrap-detail .wrap-social-share span {
    font-weight: 700;
    margin-right: 5px;
}

.last-post {
    padding: 42px 20px;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 30px;
}

.last-post .lbl-last-post {
    font-weight: 600;
    font-size: 24px;
    line-height: 25px;
    color: #283172;
}

.last-post .last-post-item {
    display: block;
    overflow: inherit;
    position: relative;
    margin-top: 15px;
    height: 110px;
}

.last-post .last-post-img {
    float: left;
    width: 40%;
    height: 98px;
    background-repeat: no-repeat;
    background-size: 104px 98px;
    background-position: left center;
}

.last-post .last-post-title {
    float: left;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    color: #333333;
    width: 60%;
    margin-top: 0px;
}

.wrap-news-letter .news-letter {
    height: 254px;
    background-color: #283171;
    background-image: url(assets/images/news_letter_bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 5px;
    margin-bottom: 64px;
    padding: 48px 57px;
}

.wrap-news-letter .letter-sub {
    font-weight: 600;
    font-size: 40px;
    line-height: 42px;
    color: #FFFFFF;
}

.wrap-news-letter .frm-news-letter {
    margin-top: 30px;
}

.wrap-news-letter .form-group {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    display: inline-flex;
}

.wrap-news-letter .subscription-email-div {
    width: 100%;
    display: table-cell;
}

.wrap-news-letter .form-group .subscription-email-div #subscription-email {
    width: 100%;
    background: #F1F5FA;
    border-radius: 50px;
    padding: 27px 20px;
    font-weight: 700;
    font-size: 18px;
    line-height: 19px;
    color: #666666;
    box-shadow: none;
    border: 3px solid #FFF;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.wrap-news-letter .form-group .subscription-email-div #subscription-email.error {
    border: 3px solid #E2AD25;
}

.wrap-news-letter .form-group .btn-pirago {
    display: table-cell;
    margin-left: 10px;
    background-color: #E2AD25!important;
    padding: 17.5px 55px 16px 55px;
}

.wrap-404-error {
    margin: 100px 0px;
    text-align: center;
}

.wrap-404-error .entry-title {
    font-weight: 700;
    font-size: 50px;
    line-height: 52px;
}

.wrap-404-error .intro-text {
    margin-top: 10px;
    font-weight: 700;
    font-size: 16px;
    line-height: 17px;
}

.wrap-404-error .intro-text p {
    width: 70%;
    margin: auto;
}

.wrap-contact {
    margin-bottom: 75px;
}

.headers-recruit {
    position: relative;
    display: block;
    overflow: hidden;
    height: 765px;
    width: 100%;
    background-image: url("assets/images/recruit.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0px 0px;
}

.headers-contact {
    position: relative;
    display: block;
    overflow: hidden;
    height: 747px;
    width: 100%;
    background-image: url(assets/images/contact_bg1.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0px -225px;
}

.header-resource {
    height: 400px !important;
}

.headers-contact-bg {
    height: 100%;
    width: 100%;
    background-image: url(assets/images/contact_bg2.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0px 0px;
}

.wrap-contact-form {
    height: 596px;
    background: #FFFFFF;
    border-radius: 5px;
    margin-top: 92px;
    padding: 48px 5px;
}

.wrap-download-form {
    height: 490px ;
    margin-top: 0px !important;
    padding: 20px 5px !important;
}

.wrap-download-layout {
    height: 500px ; 
    border: 1px #283171 solid !important;
    border-radius: 10px !important;
    margin-bottom: 120px !important;
}

.download-btn {
    display: flex;
    justify-content: center;
}

.download-description {
    color: #E23D3D;
    font-weight: bold;
    font-size: 15px;
    margin-top: 10px;
}

.download-address {
    margin-top: -10px !important;
}

.download-text {
    color: #283171 !important;
}

/* .wrap-download-form .form-control {
    border: 1px solid #ccc !important;
} */

.downloads-item {
    height: 100px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    background-position: center center;
}

.downloads-item-content {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    /* padding-top: 13px; */
    display: -webkit-box;
    max-width: 100%;
    margin: 0 auto;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    /* margin-bottom: 10px; */
}

.paginate-custom {
    display: inline-block !important;
    margin-top: 18px !important;
    margin-right: 18px !important;
    float: right !important;
}

.page-numbers {
    margin-right: 5px !important;
}

.wrap-resource {
    margin-bottom: 65px ; 
}


.wrap-contact-form .form-control {
    background: #F6FBFF;
    border-radius: 5px;
    height: 60px;
    border: 0px;
    font-weight: 600;
    font-size: 16px;
    line-height: 17px;
    color: #555555;
    box-shadow: none;
    margin-bottom: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.wrap-contact-form .form-control.error {
    border: 1px solid red;
}

.wrap-contact-form textarea.form-control {
    height: 156px;
}

.wrap-address {
    color: #FFF;
}

.wrap-address .head-address {
    font-weight: 600;
    font-size: 40px;
    line-height: 60px;
    margin-top: 214px;
}

.wrap-address .content-address {
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    margin-top: 24px;
}

.wrap-address .col {
    margin-top: 44px;
}

.wrap-address .state-address {
    font-weight: 600;
    font-size: 18px;
    line-height: 19px;
    background-image: url(assets/images/location.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0px 0px;
    padding-left: 30px;
}

.wrap-address .street-address {
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    margin-top: 10px;
}

.wrap-address .tel-address {
    font-weight: 600;
    font-size: 18px;
    line-height: 19px;
    margin-top: 20px;
}

.contact-send-success {
    color: #FFF;
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    width: 70%;
    margin: 200px auto;
}

.headers-recruit {
    position: relative;
    display: block;
    overflow: hidden;
    height: 765px;
    width: 100%;
    background-image: url("assets/images/recruit.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0px 0px;
}

.headers-recruit-bg {
    height: 125%;
    width: 100%;
    background-image: url("assets/images/new_detail_bg2.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: -60px 0px;
}

.headers-recruit-main {
    color: #FFFFFF;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%);
}

.headers-recruit-title {
    font-weight: 600;
    font-size: 60px;
    line-height: 60px;
    text-align: center;
}

.wrap-recruit-detail {
    position: relative;
    display: block;
    overflow: hidden;
    margin-top: -250px;
    color: #666666;
}

.recruit-detail {
    -moz-box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    margin-bottom: 56px;
    background-color: #FFF;
    padding: 36px 20px;
}

.recruit-detail .recruit-title {
    font-weight: 700;
    font-size: 32px;
    line-height: 34px;
    color: #01409F;
}

.recruit-detail .recruit-locations {
    margin-top: 10px;
    display: block;
    overflow: hidden;
    position: relative;
}

.recruit-detail .recruit-location {
    font-weight: 600;
    font-size: 16px;
    line-height: 17px;
    float: right;
    background-image: url(assets/images/location_blue.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 10px -1px;
    padding-left: 30px;
}

.recruit-detail .recruit-information {
    background: #F4F9FF;
    border-radius: 5px;
    padding: 30px 75px 10px 75px;
    margin: 25px 0px;
}

.recruit-detail .recruit-information .recruit-information-item {
    margin-bottom: 28px;
    background-image: url(assets/images/recruit_item_icon.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0px 0px;
    padding-left: 60px;
}

.recruit-information-item .info-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 17px;
    color: #333333;
}

.recruit-information-item .info-value {
    font-weight: 700;
    height: 27px;
    font-size: 20px;
    line-height: 21px;
    color: #01409F;
}

.recruit-detail .recruit-line-blue {
    background: #007bff;
    width: 68px;
    height: 2px;
    margin-top: 40px;
}

.recruit-detail .recruit-content-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 25px;
    color: #333333;
    margin-top: 10px;
}

.recruit-detail .recruit-content {
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #666666;
    margin-top: 15px;
}

.recruit-detail .recruit-content ul {
    margin: 0px;
    padding-left: 25px;
}

.recruit-detail .recruit-content p {
    padding: 0px;
    margin: 0px;
}

.recruit-apply-wrap {
    margin-top: 45px;
}

.wrap-recruit-list {
    padding-bottom: 94px;
}

.wrap-recruit-list .recruit-list-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 42px;
    color: #293272;
    padding-bottom: 59px;
    padding-top: 59px;
}

.wrap-recruit-list .recruit-list-item {
    background: #FFFFFF;
    box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 25px 25px;
    position: relative;
    display: block;
    overflow: hidden;
    min-height: 200px;
}

.wrap-recruit-list .recruit-list-item-info {
    width: 55%;
    float: left;
}

.wrap-recruit-list .recruit-list-item-apply {
    width: 45%;
    float: left;
}

.wrap-recruit-list .recruit-list-item-title {
}

.wrap-recruit-list .recruit-list-item-title a {
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    color: #01409F;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wrap-recruit-list .recruit-list-item-position {
    font-weight: 600;
    font-size: 16px;
    line-height: 17px;
    color: #666666;
    margin-top: 6px;
}

.wrap-recruit-list table {
    margin-top: 21px;
}

.wrap-recruit-list tr th {
    font-weight: 500;
    font-size: 16px;
    line-height: 17px;
    color: #999999;
}

.wrap-recruit-list tr td {
    font-weight: 600;
    font-size: 16px;
    line-height: 17px;
    color: #333333;
    padding-top: 8px;
}

.wrap-recruit-list .recruit-list-item-locations {
    height: 65px;
}

.wrap-recruit-list .recruit-list-item-location {
    font-weight: 600;
    font-size: 16px;
    line-height: 17px;
    color: #666666;
    padding-left: 30px;
    background-image: url(assets/images/location_blue.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 8px -1px;
    width: 170px;
    text-align: left;
    float: right;
    margin-top: 3px;
    margin-bottom: 5px;
}

.btn-pirago.btn-apply {
    font-weight: 600;
    font-size: 18px;
    line-height: 19px;
    padding: 15px 45px;
}

.recruit-list-item .btn-apply {
    position: absolute;
    right: 20px;
    bottom: 20px;
}

.headers-breadcrumb {
    color: #FFF;
    font-weight: 600;
    font-size: 16px;
    line-height: 17px;
    padding-top: 33px;
}

.headers-breadcrumb a {
    color: #FFF;
}

.headers-breadcrumb span {
    color: #007bff;
}

#frmApply .modal-dialog {
}

#frmApply .modal-header {
    padding: 22px 27px;
}

#frmApply .modal-header .modal-title {
    font-weight: 700;
    font-size: 29px;
    line-height: 30px;
    color: #01409F;
}

#frmApply .modal-header .modal-title span {
    font-weight: 600;
    font-size: 20px;
    line-height: 21px;
    color: #333333;
    width: 380px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    display: inline-block;
}

#frmApply .modal-body {
    padding: 0px;
}

#frmApply .modal-body fieldset {
    padding: 16px 16px 16px 16px;
}

#frmApply .modal-body legend {
    font-weight: 700;
    font-size: 20px;
    line-height: 21px;
    color: #333333;
    border: 0px;
    margin-bottom: 0px;
    padding-top: 25px;
}

#frmApply .modal-body label {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #333333;
    margin-bottom: 8px;
    font-family: 'Quicksand';
}

#frmApply .modal-body .col {
    margin-bottom: 9px;
    padding: 5px;
}

#frmApply .modal-body .row-line {
    padding-left: 12px;
    padding-right: 12px;
}

#frmApply .modal-body .form-control {
    background: #F5F7FB;
    border-radius: 4px;
    height: 48px;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: #333333;
    box-shadow: none;
    border: 1px solid #F5F7FB;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: 'Quicksand';
}

#frmApply .modal-body .form-control:focus {
    border: 1px solid #007bff;
}

#frmApply .modal-body .date-picker {
    background-image: url(assets/images/calender1.webp);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: right 15px center;
}

#frmApply .modal-body .form-control.error {
    border: 1px solid red;
}

.wrap-file-upload:has(.error) {
    border: 1px solid red!important;
    color: red!important;
}

#frmApply .modal-footer {
    border: 0px;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 30px;
}

#frmApply .modal-footer .btn-cancel-apply {
    background: #FFF!important;
    box-shadow: 0px 27px 50px rgb(51 59 255 / 10%);
    border-radius: 32px;
    padding: 15px 0px;
    width: 165px;
    border: 1px solid #FF5B5B;
    color: #FF5B5B;
    font-weight: 600;
    font-size: 15px;
    line-height: 16px;
}

#frmApply .modal-footer .btn-apply-cv {
    background: #283172!important;
    box-shadow: 0px 27px 50px rgb(51 59 255 / 10%);
    border-radius: 32px;
    padding: 15px 0px;
    width: 165px;
    border: 0px;
    color: #FFF;
    font-weight: 600;
    font-size: 15px;
    line-height: 16px;
}

#frmApply .wrap-file-upload {
    position: absolute;
    width: 194px;
    border: 1px solid #007bff;
    border-radius: 32px;
    right: 20px;
    top: 18px;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    color: #283171;
    text-align: center;
    padding-top: 11px;
    padding-bottom: 5px;
}

#frmApply .wrap-file-upload input {
    height: 100%;
    width: 100%;
    position: absolute;
    opacity: 0;
    top: 0px;
    left: 0px;
}

#cv-file-name.selected {
    font-size: 12px;
    display: inline-block;
    width: 150px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    margin-bottom: -4px;
}

.wrap-headers-recruit .wrap-recruit-list {
    margin-top: -150px;
}

.benefit .col-lg-4 {
    padding-left: 10px;
    padding-right: 10px;
}

.benefit .benefit-item .benefit-title {
    font-weight: 600;
    font-size: 22px;
    line-height: 38px;
    text-align: center;
    color: #01409F;
    margin-bottom: 5px;
}

.benefit .benefit-item .benefit-content1 {
    font-weight: 600;
    font-size: 20px;
    line-height: 33px;
    text-align: center;
    color: #ffffff;
    width: 70%;
    margin: auto;
}

.benefit .benefit-item .benefit-content {
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #333333;
    width: 70%;
    margin: auto;
}

.benefit .benefit-item .benefit-icon {
    background-repeat: no-repeat;
    background-size: 70px 70px;
    background-position: center center;
    height: 70px;
    /* margin-bottom: 10px; */
    /* margin-top: 72px; */
}

.benefit .benefit-item.i-1 .benefit-icon {
    background-image: url(assets/images/service_offshore.webp);
}

.benefit .benefit-item.i-2 .benefit-icon {
    background-image: url(assets/images/service_labo.webp);
}

.benefit .benefit-item.i-3 .benefit-icon {
    background-image: url(assets/images/service_consultant.webp);
}

.benefit .benefit-item.i-4 .benefit-icon {
    background-image: url(assets/images/why_icon_2.webp);
}

.benefit .benefit-item.i-5 .benefit-icon {
    background-image: url(assets/images/benefit_icon_2.webp);
}

.benefit .benefit-item.i-6 .benefit-icon {
    background-image: url(assets/images/benefit_icon_3.webp);
}

.pirago-people {
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: #666666;
    background-image: url(assets/images/camnhan3.webp);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5%;
    height: 600px;
    background-position: 0px center;
}

.pirago-people .col-lg-6 {
    padding-left: 10px;
    padding-right: 10px;
}

.pirago-people-left-content {
    width: 95%;
}

.pirago-people-right .carousel-indicators li {
    background: #01409F;
    opacity: 0.3;
    margin-left: 6px;
    margin-right: 6px;
}

.pirago-people-right .carousel-indicators li.active {
    background: #01409F;
    opacity: 1;
    margin-left: 5px;
    margin-right: 5px;
}

.pirago-people-right #carousel-example-generic {
    /* height: 600px; */
    padding-top: 30px;
    /* background: #FFFFFF; */
    /* box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.05); */
    /* background-image: url(assets/images/camnhan3.webp);
    background-size: cover;
    background-repeat: no-repeat; */
    /* border-radius: 5%; */
}

.camnhan1-bg {
    background-image: url(assets/images/camnhan1.webp) !important;
}

.camnhan2-bg {
    background-image: url(assets/images/camnhan2.webp) !important;
}

.camnhan3-bg {
    background-image: url(assets/images/camnhan3.webp) !important;
}

.overlay-bg-vc1 {
    background-color: rgba(0, 0, 0, 0.56) !important;
    height: 100%;
    /* padding: 12px 50px; */
    border-radius: 5%;
}

.block-pirago-title {
    /* text-align: center; */
    margin-top: 30px;
    margin-left: 15px;
}

body.translatepress-ja .pirago-people-right #carousel-example-generic {
    height: 380px;
}

.pirago-people-right .carousel-indicators {
    position: absolute;
    top: 534px;
}

body.translatepress-ja .pirago-people-right .carousel-indicators {
    top: 390px;
}

.pirago-people-right .voice-avt {
    width: 20%;
    float: left;
    text-align: left;
}

.pirago-people-right .voice-avt img {
    padding: 5px;
    border: 3px solid #5479D8;
    border-radius: 50%;
}

.pirago-people-right .voice-info {
    width: 80%;
    float: left;
}

.pirago-people-right .voice-content {
    clear: both;
    padding-top: 8px;
    padding-left: 10px;
    display: block;
    font-size: 18px;
    color: #ffffff;
}

.pirago-people-right .voice-name {
    font-weight: 700;
    font-size: 20px;
    line-height: 19px;
    color: #ff1414;
    margin-top: 10px;
    margin-bottom: 10px;
}

.pirago-people-right .voice-position {
    font-weight: 600;
    font-size: 15px;
    line-height: 15px;
    color: #001ce7;
    margin-top: 3px;
}

.pirago-people-right .quotes {
    width: 51px;
    height: 51px;
    /* background: #FFFFFF; */
    box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.05);
    border-radius: 15px;
    position: absolute;
    left: -30px;
    top: 0px;
    background-repeat: no-repeat;
    background-size: 25px 20px;
    background-position: 12px 12px;
    background-image: url(assets/images/quotes.webp);
}

/* .pirago-people-right .carousel-inner .item {
    background-color: #FFF;
} */

.headers-service {
    position: relative;
    display: block;
    overflow: hidden;
    height: 650px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

.service-offshore {
    background-image: url(assets/images/service.webp);
    background-position: 0px center;
}

.service-labo {
    background-image: url(assets/images/cungcapnhansu.webp);
    background-position: 0px center;
}

.service-consultant {
    background-image: url(assets/images/tuvan.webp);
    background-position: 0px -150px;
}

.headers-service-bg {
    height: 135%;
    width: 100%;
    background-image: url(assets/images/new_detail_bg2.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: -90px 0px;
}

.headers-service-main {
    color: #FFFFFF;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.headers-service-title {
    font-weight: 600;
    font-size: 60px;
    line-height: 60px;
    text-align: center;
}

.wrap-service-list {
    padding-bottom: 10px;
    padding-top: 15px;
    background-color: #F6FBFF;
}

.wrap-service-list .service-item {
    width: 33.33%;
    height: 100%;
    float: left;
    text-align: center;
    overflow: hidden;
}

.wrap-service-list .col-md-8 {
    height: 60px;
    background: #FFFFFF;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    padding: 0px;
}

.wrap-service-list .service-item a {
    line-height: 60px;
    display: inline-block;
    height: 100%;
    width: 100%;
    font-weight: 600;
    font-size: 20px;
    color: #333333;
}

.wrap-service-list .service-item a:hover {
    text-decoration: none;
}

.wrap-service-list .service-item.active {
    background: #283171;
    border-radius: 5px;
}

.wrap-service-list .service-item.active a {
    color: #FFFFFF;
}

.headers-company-img {
    text-align: center;
}

.offshore .col-lg-3 {
    padding-left: 10px;
    padding-right: 10px;
}

.offshore .offshore-item {

}

.offshore .offshore-item .offshore-bg {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    height: 350px;
    border-radius: 5px;
    display: block;
    position: relative;
}

.offshore .offshore-item .offshore-bg .offshore-bg-mail {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    display: block;
    position: relative;
}

.offshore .offshore-item .offshore-bg img {
    position: absolute;
    width: 55px;
    bottom: 50px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.offshore .offshore-item.i-1 .offshore-bg {
    background-image: url(assets/images/offshore1_bg_1.webp);
}

.offshore .offshore-item.i-2 .offshore-bg {
    background-image: url(assets/images/offshore2_bg_1.webp);
}

.offshore .offshore-item.i-3 .offshore-bg {
    background-image: url(assets/images/offshore3_bg_1.webp);
}

.offshore .offshore-item.i-4 .offshore-bg {
    background-image: url(assets/images/offshore4_bg_1.webp);
}

.offshore .offshore-item.i-1 .offshore-bg .offshore-bg-mail {
    background-image: url(assets/images/offshore1_bg_2.webp);
}

.offshore .offshore-item.i-2 .offshore-bg .offshore-bg-mail {
    background-image: url(assets/images/offshore2_bg_2.webp);
}

.offshore .offshore-item.i-3 .offshore-bg .offshore-bg-mail {
    background-image: url(assets/images/offshore3_bg_2.webp);
}

.offshore .offshore-item.i-4 .offshore-bg .offshore-bg-mail {
    background-image: url(assets/images/offshore4_bg_2.webp);
}

.offshore-bottom-bg {
    background-color: #283171;
    height: 440px;
    margin-top: -425px;
    background-image: url(assets/images/offshore_bottom_bg.webp);
    background-repeat: no-repeat;
    background-size: 470px;
    background-position: right 0px bottom -30px;
}

.offshore .offshore-content {
    color: #FFF;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    padding: 26px 9px;
}

.offshore .offshore-content p {
    font-weight: 600;
    font-size: 24px;
    line-height: 35px;
}

body.translatepress-ja .offshore .offshore-item.i-1 .offshore-content p,
body.translatepress-ja .offshore .offshore-item.i-2 .offshore-content p {
    font-size: 21px;
}

.wrap-using #carousel-example-generic {
    margin-top: 15px;
}

.wrap-using .carousel-indicators {
    position: absolute;
    top: -25px;
    width: 68%;
    margin-left: -33%;
}

body.translatepress-ja .wrap-using .carousel-indicators {
    width: 66%;
}

.wrap-using .carousel-indicators .item-cutting-tech {
    width: 300px;
}

.wrap-using .carousel-indicators li {
    width: 150px;
    height: 30px;
    text-indent: 0px;
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    color: #666666;
}

body.translatepress-ja .wrap-using .carousel-indicators li {
    width: 150px;
}

.wrap-using .carousel-indicators li span {
    padding: 5px 0px;
}

.wrap-using .carousel-indicators li.active {
    font-weight: 700;
    color: #283171;
}

.wrap-using .carousel-indicators li.active span {
    border-bottom: 2px solid #007bff;
}

.wrap-using .carousel-inner .item {
    margin-top: 60px;
    min-height: 300px;
    background-color: #FFF;
}

.wrap-using .carousel-inner .item .wrap-using-img {
    background: #FFFFFF;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    text-align: center;
}

.wrap-using .carousel-inner .item .wrap-using-img img {
    width: 170px;
}

.wrap-using .carousel-inner .item .col-md-5ths {
    margin-bottom: 15px;
}

.wrap-using .carousel-inner .item .col-lg-2 {
    margin-bottom: 15px;
    background-color: #FFF;
}

.problem .block-title {
    margin-bottom: 44px;
    margin-top: 10px;
}

body.translatepress-ja .problem .block-title {
    font-size: 37px;
    line-height: 58px;
}

.problem #accordion .card {
    background: #FFFFFF;
    border-radius: 5px;
    padding: 12px 0px 12px 19px;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
    margin-bottom: 5px;
    border: 1px solid #FFF;
}

.problem #accordion .card a.card-header {
    display: inline-block;
    width: 100%;
    font-weight: 600;
    font-size: 18px;
    line-height: 19px;
    color: #333333;
}

.problem #accordion .card a .header-title span {
    background: #283171;
    color: #FFF;
    border-radius: 50%;
    padding: 10px;
    font-weight: 700;
    font-size: 16px;
    line-height: 17px;
    margin-right: 16px;
    display: inline-block;
    width: 38px;
    height: 38px;
}

.problem #accordion .card a {
    text-decoration: none;
}

.problem #accordion .card .card-body {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #333333;
    margin-top: 22px;
    margin-bottom: 12px;
}

.problem #accordion .card a.card-header .float-right {
    float: right;
    width: 11px;
    height: 7px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    background-image: url(assets/images/arrow-down.webp);
    margin-top: 15px;
    margin-right: 5px;
}

.problem .problem-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    background-image: url(assets/images/problem.webp);
    height: 620px;
    position: relative;
}

.problem .problem-bg .problem-content {
    height: 410px;
    background-repeat: no-repeat;
    background-size: 87% 345px;
    background-position: top center;
    background-image: url(assets/images/problem_content_bg.webp);
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    color: #FFFFFF;
    position: absolute;
    bottom: 80px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 65px;
    padding-right: 60px;
    padding-top: 45px;
    opacity: 0.85;
}

.problem-content-text1, 
.problem-content-text2 {
    opacity: 1 !important;
}

.problem .problem-bg .problem-content .quotes {
    width: 51px;
    height: 51px;
    background: #FFFFFF;
    box-shadow: 0px 4px 40px rgb(0 0 0 / 5%);
    border-radius: 15px;
    position: absolute;
    left: 50px;
    top: -27px;
    background-repeat: no-repeat;
    background-size: 25px 20px;
    background-position: 12px 12px;
    background-image: url(assets/images/quotes.webp);
}

.wrap-solution {
    position: relative;
    display: block;
    overflow: hidden;
}

.solution .solution-head {
    font-weight: 600;
    font-size: 30px;
    line-height: 31px;
    color: #283171;
    margin-bottom: 27px;
}

.solution .solution-item {
    background: #FFFFFF;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    padding: 28px 31px;
    margin-bottom: 18px;
}

.solution .solution-item .social-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #283171;
    background-repeat: no-repeat;
    background-size: 16px 12px;
    background-position: 0px 11px;
    background-image: url(assets/images/arrow-double.webp);
    padding-left: 36px;
}

.solution .solution-item .social-content {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #666666;
    margin-top: 12px;
}

.wrap-solution .header .title {
    padding-right: 0px;
}

.wrap-solution .header .title .social-bg {
    position: relative;
    height: 370px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
    background-image: url(assets/images/solution_bg.webp);
    margin-top: -375px;
    padding: 30px 30px;
}

.wrap-solution .header .title .social-right {
    width: 310px;
    height: 310px;
    border-radius: 50%;
    background-color: #FFF;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url(assets/images/labo.webp);
}

.wrap-solution .header .title .social-right img {
    position: absolute;
    width: 150px;
    height: 185px;
    left: 380px;
    top: 100px;
    opacity: 0.3;
}

.wrap-labo {
    background: #fff;
    box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.05);
    color: #FFF;
    padding: 89px 0px;
    /* background-image: url(assets/images/offshore_bottom_bg.webp); */
    background-repeat: no-repeat;
    background-size: 470px;
    background-position: right 0px bottom 275px;
}

.wrap-labo .block-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 60px;
    color: #FFF;
    margin-bottom: 60px;
}

.wrap-labo .col-lg-3 {
    padding-left: 10px;
    padding-right: 10px;
}

.wrap-labo .labo-item {
    height: 400px;
    background: #222852;
    border-radius: 10px;
    text-align: center;
    padding: 45px 12px 0px 12px;
}

.wrap-labo .labo-item .labo-index span {
    font-weight: 700;
    font-size: 25px;
    line-height: 26px;
    color: #FFFFFF;
    padding: 16px 14px;
    background-color: #00aadc;
    border-radius: 50%;
    display: inline-block;
    width: 59px;
    height: 59px;
}

.wrap-labo .labo-item.i-1 .labo-index span {
    background-color: #2E3A94;
}

.wrap-labo .labo-item.i-2 .labo-index span {
    background-color: #EEA239;
}

.wrap-labo .labo-item.i-3 .labo-index span {
    background-color: #47A48C;
}

.wrap-labo .labo-item.i-4 .labo-index span {
    background-color: #47B9E7;
}

.wrap-labo .labo-item .labo-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 35px;
    color: #5BC2FF;
    margin-top: 30px;
    height: 45px;
}

.wrap-labo .labo-item .labo-content {
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    margin-top: 40px;
}

.content-style {
    margin-top: 0px !important;
}

.company-title {
    margin: 100px 0 10px 0; 
    color: #007bff;
}

body.translatepress-ja .wrap-labo .labo-item .labo-content {
    font-size: 15.5px;
}

.wrap-offshore-procedure {

}

.wrap-offshore-procedure .container {
    background-image: url(assets/images/procedure-line.webp);
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: left 178px top 76px;
}

.wrap-offshore-procedure .col-offshore {
    width: 20%;
    float: left;
    position: relative;
    padding: 0px 12px;
}

.wrap-offshore-procedure .procedure-item {
    text-align: center;
}

.wrap-offshore-procedure .procedure-item.i-1 {
    padding-top: 30px;
}

.wrap-offshore-procedure .procedure-item.i-2 {
    padding-top: 95px;
}

.wrap-offshore-procedure .procedure-item.i-3 {
    padding-top: 65px;
}

.wrap-offshore-procedure .procedure-item.i-4 {
    padding-top: 20px;
}

.wrap-offshore-procedure .procedure-item.i-5 {

}

.wrap-offshore-procedure .procedure-item .procedure-icon {
    width: 125px;
    height: 125px;
    box-shadow: 0px 4px 30px rgb(0 0 0 / 5%);
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: 54px 54px;
    background-position: center center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.wrap-offshore-procedure .procedure-item.i-1 .procedure-icon {
    background-color: #FFF;
    background-image: url(assets/images/procedure-icon-1.webp);
}

.wrap-offshore-procedure .procedure-item.i-2 .procedure-icon {
    background-color: #FFF;
    background-image: url(assets/images/procedure-icon-2.webp);
}

.wrap-offshore-procedure .procedure-item.i-3 .procedure-icon {
    background-color: #FFF;
    background-image: url(assets/images/procedure-icon-3.webp);
}

.wrap-offshore-procedure .procedure-item.i-4 .procedure-icon {
    background-color: #FFF;
    background-image: url(assets/images/procedure-icon-4.webp);
}

.wrap-offshore-procedure .procedure-item.i-5 .procedure-icon {
    background-color: #FFF;
    background-image: url(assets/images/procedure-icon-5.webp);
}

.wrap-offshore-procedure .procedure-item .procedure-icon span {
    background: #007bff;
    font-weight: 700;
    font-size: 14px;
    line-height: 15px;
    color: #FFFFFF;
    position: absolute;
    padding: 7px;
    border-radius: 50%;
    display: inline-block;
    width: 31px;
    height: 31px;
}

.wrap-offshore-procedure .procedure-item.i-1 .procedure-icon span {
    left: 0px;
    top: 10px;
}

.wrap-offshore-procedure .procedure-item.i-2 .procedure-icon span {
    right: 0px;
    bottom: 10px;
}

.wrap-offshore-procedure .procedure-item.i-3 .procedure-icon span {
    left: 0px;
    top: 10px;
}

.wrap-offshore-procedure .procedure-item.i-4 .procedure-icon span {
    right: 0px;
    bottom: 10px;
}

.wrap-offshore-procedure .procedure-item.i-5 .procedure-icon span {
    right: 0px;
    top: 10px;
}

.wrap-offshore-procedure .procedure-item .procedure-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    color: #283171;
    margin-top: 28px;
}

.wrap-offshore-procedure .procedure-item .procedure-content {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #666666;
    margin-top: 10px;
}

.wrap-procedure .container {
    background-image: url(assets/images/procedure-line.webp);
    background-repeat: no-repeat;
    background-size: 67%;
    background-position: left 216px top 100px;
}

.wrap-procedure .procedure-item {
    text-align: center;
}

.wrap-procedure .procedure-item.i-1 {
    padding-top: 40px;
}

.wrap-procedure .procedure-item.i-2 {
    padding-top: 105px;
}

.wrap-procedure .procedure-item.i-3 {
    padding-top: 75px;
}

.wrap-procedure .procedure-item.i-4 {

}

.wrap-procedure .procedure-item .procedure-icon {
    width: 145px;
    height: 145px;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: 64px 64px;
    background-position: center center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.wrap-procedure .procedure-item.i-1 .procedure-icon {
    background-color: #FFF;
    background-image: url(assets/images/procedure-icon-1.webp);
}

.wrap-procedure .procedure-item.i-2 .procedure-icon {
    background-color: #FFF;
    background-image: url(assets/images/procedure-icon-2.webp);
}

.wrap-procedure .procedure-item.i-3 .procedure-icon {
    background-color: #FFF;
    background-image: url(assets/images/procedure-icon-3.webp);
}

.wrap-procedure .procedure-item.i-4 .procedure-icon {
    background-color: #FFF;
    background-image: url(assets/images/procedure-icon-4.webp);
}

.wrap-procedure .procedure-item .procedure-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    color: #283171;
    margin-top: 32px;
}

.wrap-procedure .procedure-item .procedure-content {
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #666666;
    margin-top: 12px;
}

.wrap-procedure .procedure-item .procedure-icon span {
    background: #007bff;
    font-weight: 700;
    font-size: 16px;
    line-height: 17px;
    color: #FFFFFF;
    position: absolute;
    padding: 10px;
    border-radius: 50%;
    display: inline-block;
    width: 38px;
    height: 38px;
}

.wrap-procedure .procedure-item.i-1 .procedure-icon span {
    left: 0px;
    top: 10px;
}

.wrap-procedure .procedure-item.i-2 .procedure-icon span {
    right: 0px;
    bottom: 10px;
}

.wrap-procedure .procedure-item.i-3 .procedure-icon span {
    left: 0px;
    top: 10px;
}

.wrap-procedure .procedure-item.i-4 .procedure-icon span {
    right: 0px;
    bottom: 10px;
}

.wrap-what-erp .header .title {
    padding-right: 0px;
    text-align: right;
    height: 0px;
}

.wrap-what-erp .header .title img {
    position: relative;
    height: 474px;
    margin-top: -65px;
    padding: 30px 0px;
}

.wrap-benefit-erp {
    background: #fff;
    box-shadow: 0px 4px 40px rgb(0 0 0 / 5%);
    color: #FFF;
    padding: 59px 0px;
}

.wrap-benefit-erp .block-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 60px;
    color: #FFF;
    margin-bottom: 60px;
}

.wrap-benefit-erp .row {
    text-align: center;
}

.wrap-benefit-erp .col-centered {
    display: inline-flex;
    padding-left: 10px;
    padding-right: 10px;
}

.wrap-benefit-erp .benefit-erp-item {
    height: 420px;
    background: #222852;
    border-radius: 10px;
    text-align: center;
    padding: 45px 10px 0px 10px;
}

.wrap-benefit-erp .benefit-erp-item .benefit-erp-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 35px;
    color: #5BC2FF;
    margin-top: 30px;
    height: 80px;
}

.wrap-benefit-erp .benefit-erp-item .benefit-erp-index span {
    font-weight: 700;
    font-size: 25px;
    line-height: 26px;
    color: #FFFFFF;
    padding: 16px 14px;
    background-color: #00aadc;
    border-radius: 50%;
    display: inline-block;
    width: 59px;
    height: 59px;
}

.wrap-benefit-erp .benefit-erp-item.i-1 .benefit-erp-index span {
    background-color: #2E3A94;
}

.wrap-benefit-erp .benefit-erp-item.i-2 .benefit-erp-index span {
    background-color: #EEA239;
}

.wrap-benefit-erp .benefit-erp-item.i-3 .benefit-erp-index span {
    background-color: #47A48C;
}

.wrap-benefit-erp .benefit-erp-item .benefit-erp-content {
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    /* margin-top: 40px; */
}

body.translatepress-ja .wrap-benefit-erp .benefit-erp-item.i-2 .benefit-erp-content {
    font-size: 15.5px;
}

.block-pirago-sm {
    display: none;
}

.block-pirago-lg {
    display: block;
}

.wrap-what-crm {
    position: relative;
    display: block;
    overflow: hidden;
}

.wrap-what-crm .solution .solution-item .social-content {
    margin-bottom: 33px;
    background-repeat: no-repeat;
    background-size: 16px 12px;
    background-position: 0px 8px;
    background-image: url(assets/images/arrow-double.webp);
    padding-left: 36px;
}

.wrap-what-crm .solution .solution-item .social-content.last-child {
    margin-bottom: 0px;
}

.wrap-what-crm .header .title {
    text-align: left;
}

.wrap-what-crm .header .title img {
    position: relative;
    height: 452px;
    width: 500px;
    margin-top: -375px;
    padding: 30px 0px;
}

.wrap-benefit-crm .col-lg-4 {
    display: inline-flex;
    padding-left: 10px;
    padding-right: 10px;
}

.wrap-benefit-crm .benefit-crm-item {
    height: 500px;
    background: #283171;
    box-shadow: 0px 26px 40px rgba(0, 0, 0, 0.05);
    border: 1px solid #F0F0F0;
    border-radius: 5px;
    padding: 49px 34px;
}

.wrap-benefit-crm .benefit-crm-item .benefit-crm-index {
    text-align: center;
}

.wrap-benefit-crm .benefit-crm-item .benefit-crm-index span {
    font-weight: 700;
    font-size: 45px;
    line-height: 26px;
    color: #FFFFFF;
    padding: 43px 15px;
    background-color: #00aadc;
    border-radius: 50%;
    display: inline-block;
    width: 115px;
    height: 115px;
}

.wrap-benefit-crm .benefit-crm-item.i-1 .benefit-crm-index span {
    background-color: #2E3A94;
}

.wrap-benefit-crm .benefit-crm-item.i-2 .benefit-crm-index span {
    background-color: #EEA239;
}

.wrap-benefit-crm .benefit-crm-item.i-3 .benefit-crm-index span {
    background-color: #47A48C;
}

.wrap-benefit-crm .benefit-crm-item .benefit-crm-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    color: #5BC2FF;
    height: 50px;
    margin-top: 40px;
}

.wrap-benefit-crm .benefit-crm-item .benefit-crm-content {
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    background-repeat: no-repeat;
    background-size: 16px 12px;
    background-position: 0px 8px;
    background-image: url(assets/images/arrow-double.webp);
    padding-left: 30px;
    margin-bottom: 23px;
}

.wrap-headers-company {
    position: relative;
    display: block;
    height: 607px;
    padding-top: 123px;
    margin-bottom: 0px;
    width: 100%;
    background-image: url(assets/images/company_head_bg.webp);
    background-repeat: no-repeat;
    background-size: 100% 95.5%;
    background-position: 0px 0px;
    background-color: #EDF7FF;
}

.wrap-headers-company .left {
    padding-right: 40px;
}

.wrap-headers-company .left::before{
    content: '';
    width: 146px;
    height: 182px;
    background-image: url(assets/images/solution_before_bg.webp);
    background-repeat: no-repeat;
    background-size: 146px 182px;
    background-position: right -46px bottom -34px;
    position: absolute;
    right: 0px;
    bottom: -27px;
    opacity: 0.3;
}

.wrap-headers-company .headers-company-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 60px;
    color: #FFFFFF;
}

.wrap-headers-company .headers-company-content {
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    color: #FFFFFF;
    margin-top: 19px;
}

.wrap-headers-company .right img {
    /* width: 100%; */
    height: 442px;
}

.wrap-headers-company .right {
    padding-left: 0px;
    padding-right: 0px;
}

.wrap-headers-company .headers-company-btn-wrap {
    margin-top: 30px;
}

.wrap-headers-company .headers-company-btn-wrap a {
    font-weight: 600;
    font-size: 20px;
    line-height: 21px;
    color: #FFF!important;
    width: 212px;
    border-radius: 40px;
    padding-top: 18.5px;
    padding-bottom: 18.5px;
}

.wrap-headers-company .headers-company-btn-wrap a:hover {
    text-decoration: underline;
}

.wrap-headers-company .headers-company-btn-wrap .btn-about {
    background: #007bff;
}

.headers-company-btn-wrap .btn-career {
    background: #E2AD25;
}

.carousel-control-style {
    width: 5% ;
}

/* .carousel-control-style-custom {
    top: 120px ;    
} */

.wrap-company .company-overview {
    background: #FFFFFF;
    box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    padding: 35px 51px 29px 51px;
    background-image: url(assets/images/company_wrap_bg.webp);
    background-repeat: no-repeat;
    background-size: 126%;
    background-position: center center;
}

.wrap-company .col-lg-4 {
    margin-bottom: 36px;
    height: 90px;
}

.wrap-company .col-lg-4 .company-item-label {
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    color: #01409F;
}

.wrap-company .col-lg-4 .company-item-value {
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    color: #283172;
    margin-top: 13px;
    min-height: 38px;
}

.headers-ceo {
    position: relative;
    display: block;
    overflow: hidden;
    height: 586px;
    width: 100%;
    background-image: url(assets/images/company_ceo_bg1.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0px 0px;
}

@media (min-width: 1403px) {
    .headers-ceo {
        height: 665px;
    }
}

@media (min-width: 1600px) {
    .headers-ceo {
        height: 725px;
    }
}

@media (min-width: 1706px) {
    .headers-ceo {
        height: 775px;
    }
}

@media (min-width: 1820px) {
    .headers-ceo {
        height: 835px;
    }
}

@media (min-width: 2500px) {
    .headers-ceo {
        height: 1112px;
    }
}

.social-bg {
    margin-bottom: 10px;
}

.headers-ceo-bg {
    height: 100%;
    width: 100%;
    background-image: url(assets/images/company_ceo_bg2.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0px 0px;
    color: #FFF;
}

.headers-ceo-bg .block-title {
    color: #FFF;
    margin-top: 195px;
}

.headers-ceo-bg label {
    font-weight: 600;
    font-size: 16px;
    line-height: 17px;
    margin-top: 23px;
}

.headers-ceo-bg .col-lg-5 {
    padding: 0px;
}

.headers-ceo-bg .col-lg-5::before {
    content: '';
    width: 146px;
    height: 182px;
    background-image: url(assets/images/solution_before_bg.webp);
    background-repeat: no-repeat;
    background-size: 146px 182px;
    background-position: right 0px bottom 106px;
    position: absolute;
    left: 0px;
    top: 15px;
    opacity: 0.3;
}

.headers-ceo-bg .col-lg-5::after {
    content: '';
    width: 146px;
    height: 182px;
    background-image: url(assets/images/solution_before_bg.webp);
    background-repeat: no-repeat;
    background-size: 146px 182px;
    background-position: right -54px bottom -34px;
    position: absolute;
    top: 165px;
    opacity: 0.3;
}

.wrap-ceo .wrap-ceo-message {
    margin-top: -275px;
}

.wrap-ceo .wrap-ceo-message .right img {
    width: 85%;
    position: absolute;
    top: 140px;
    right: -65px;
}

.wrap-ceo .wrap-ceo-message .block-title {
    margin-top: 340px;
}

.wrap-ceo .wrap-ceo-message .message-content {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #666666;
    padding-right: 50px;
}

.wrap-ceo .wrap-ceo-message .wrap-ceo-info {
    display: block;
    overflow: hidden;
    position: relative;
    margin-top: 0px;
}

.wrap-ceo .wrap-ceo-message .wrap-ceo-info .ceo-avt,
.wrap-ceo .wrap-ceo-message .wrap-ceo-info .ceo-info {
    float: left;
}

.wrap-ceo .wrap-ceo-message .wrap-ceo-info .ceo-info {

}

.wrap-ceo .wrap-ceo-message .wrap-ceo-info .ceo-avt img {
    width: 89px;
    height: 89px;
    padding: 6px;
    border-radius: 50%;
    border: 3px solid #5479D8;
}

.wrap-ceo .wrap-ceo-message .wrap-ceo-info .ceo-info .ceo-name {
    font-weight: 700;
    font-size: 18px;
    line-height: 19px;
    color: #01409F;
    margin-top: 25px;
}

.wrap-ceo .wrap-ceo-message .wrap-ceo-info .ceo-info .ceo-position {
    font-weight: 600;
    font-size: 14px;
    line-height: 15px;
    color: #666666;
    margin-top: 5px;
}

.wrap-leadership .col-lg-4 {
    margin-bottom: 66px;
}

.wrap-leadership .leadership-avatar {
    width: 367px;
    height: 367px;
    background-color: #CCC;
    border-radius: 50%;
    position: relative;
    display: block;
}

.wrap-leadership .leadership-avatar .leadership-info {
    border-radius: 50%;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-backdrop-filter: blur(10px); /* Safari 9+ */
    backdrop-filter: blur(10px); /* Chrome and Opera */
    background-color: rgba(255, 255, 255, 0.3);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
}

.wrap-leadership .leadership-avatar .leadership-info:hover {
    opacity: 1;
}

.wrap-leadership .leadership-avatar table {
    font-weight: 600;
    color: #FFFFFF;
    width: 90%;
}

.wrap-leadership .leadership-avatar table td.field {
    font-size: 14px;
    line-height: 15px;
    width: 110px;
    vertical-align: top;
}

.wrap-leadership .leadership-avatar table td.value {
    font-size: 16px;
    line-height: 17px;
    vertical-align: top;
    padding-bottom: 15px;
}

.wrap-leadership .leadership-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.wrap-leadership .leadership-name {
    font-weight: 600;
    font-size: 28px;
    line-height: 29px;
    text-align: center;
    color: #01409F;
    margin-top: 36px;
}

.wrap-leadership .leadership-position {
    font-weight: 500;
    font-size: 16px;
    line-height: 17px;
    text-align: center;
    color: #333333;
    margin-top: 10px;
}

.g-recaptcha {
    float: left;
    width: 268px;
    height: 68px;
    transform:scale(0.88);
    -webkit-transform:scale(0.88);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
}

.grecaptcha-badge {
    bottom: 96px !important;
}

.text-award {
    margin: 145px 0px 0px 0px;
}

.news-home {
    border-right: 1px solid #b3b2b2; 
    margin-right: 50px;
}

.toogle {
    display: none;
    align-items: center;
    margin-bottom: 20px;
    background-color: #f5f6fa;
    padding: 15px 0px;
    border-radius: 4px;
    min-width: 500px;
    position: fixed;
    top: 20px;
    right: 40px;
    z-index: 9999;
}

.toogle .toogle-deails {
    flex-direction: column;
    padding-left: 25px;
    padding-right: 25px;
    width: 90%;
}

.toogle.danger {
    border-left: 3px solid #ff6348;
}

.toogle.danger .fas:nth-child(1) {
    color:#ff6348;
}

.toogle .close {
    font-size: 18px;
    cursor: pointer;
    color: #a4b0be;
    text-align: center;
    vertical-align: middle;
    background-color: #000000;
    border-radius: 50%;
    padding: 6px 0px;
    font-family: Arial;
    width: 30px;
}

.benefit-bg {
    background-image: url("assets/images/benefit.webp") !important;
    height: 640px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center -330px;
    padding: 0px !important;
}

.wrap-prize .giaithuong5 {
    width: 25%;
}

.wrap-prize .giaithuong6 {
    width: 23%;
}

.footer-wrap {
    margin-bottom: 20px;
}

.footer-wrap1 {
    padding-left: 45px;
}

.footer-wrap2 {
    padding-left: 40px;
}

.navbar-header-slogan {
    font-size: 12px;
    color: #283171;
    font-weight: 600;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}

.wrap-introduce .carousel-col-custom {
    padding: 0px !important;
    width: 100% !important;
}
.social-style {
    width: 5%;
}

.carousel-control {
    w
}


/* .carousel-control .left {
    background-image: none !important;
    top: 46px !important;
    width: 8% !important;
}

.carousel-control .right {
    background-image: none !important;
    top: 46px !important;
    width: 8% !important;
} */

/* #pigpt-chat {
    z-index: 99999;
    position: fixed;
    bottom: 20px;
    right: 20px;
}

#pigpt-block-bubble {
    display: flex;
    align-items: end;
}

#pigpt-chat-bubble {
    font-size: 30px;
    line-height: 36px;
    border-radius: 9999px;
    width: 64px;
    height: 64px;
    background-color: #529ac6;
    cursor: pointer;
    border: solid 1px white;
}

#pigpt-chat-bubble .pigpt-icon-chat {
    width: 40px;
    height: 40px;
    color: white;
    display: block;
}

.pigpt-label {
    margin-right: 12px;
    font-weight: bold;
    font-size: 30px;
    color: #529ac6 !important;
    -webkit-text-stroke: 0.4px white;
}

.pigpt-items-center {
    align-items: center;
}
.pigpt-justify-center {
    justify-content: center;
}
.pigpt-flex {
    display: flex;
} */

.carousel-inner > .item {
    /* position: relative;
    display: none; */
    -webkit-transition: 0.15s ease-in left !important ;
    -moz-transition: 0.15s ease-in left !important;
    -o-transition: 0.15s ease-in left !important;
    transition: 0.15s ease-in left !important;
}

.wrap-comcontent {
    background-color: rgb(0, 0, 0);
    padding: 7px 0px 2px 0px;
    position: fixed;
    top: 80px;
    width: 100%;
    z-index: 9999;
    display: none;
}

#wpadminbar + #myHeader:not(.sticky) + .wrap-comcontent {
    top: 112px!important;
}

.comcontent {
    margin: auto;
    height: 30px;
    animation: blinker 1s linear infinite;
    text-align: center;
}

.comcontent-url {
    color: white; 
    text-align: center;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

.comcontent-url:hover {
    color: #fff;
    text-decoration: underline;
}

.blink_me {
    animation: blinker 30s linear infinite;
}

.comcontent #star {
    width: auto; 
    height: 60%;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}
  
.comcontent-title {
    width: 100%;
    height: 20px;
    align-items: center; /* Vertical align */
    justify-content: center; /* Horizontal align */
    color: transform;
}

.markdown-output img {
    width: 100% !important;
}
  
@keyframes blinker {  
    50% { opacity: 0.5; }
}

@media (min-width: 300px) and (max-width: 600px) {
    .wrap-comcontent {
        top: 70px!important;
        font-size: 11px;
        padding: 8px 0px 0px 0px;
    }

    #wpadminbar + #myHeader:not(.sticky) + .wrap-comcontent {
        top: 116px!important;
    }
}