/* Minification failed. Returning unminified contents.
(212,47): run-time error CSS1030: Expected identifier, found 'a'
(212,48): run-time error CSS1031: Expected selector, found ')'
(212,48): run-time error CSS1025: Expected comma or open brace, found ')'
(549,40): run-time error CSS1039: Token not allowed after unary operator: '-ty'
(549,62): run-time error CSS1039: Token not allowed after unary operator: '-rx'
(549,84): run-time error CSS1039: Token not allowed after unary operator: '-ry'
(549,109): run-time error CSS1039: Token not allowed after unary operator: '-tz'
(618,44): run-time error CSS1039: Token not allowed after unary operator: '-ty'
(618,66): run-time error CSS1039: Token not allowed after unary operator: '-rx'
(618,88): run-time error CSS1039: Token not allowed after unary operator: '-ry'
(618,113): run-time error CSS1039: Token not allowed after unary operator: '-tz'
(661,40): run-time error CSS1039: Token not allowed after unary operator: '-ty'
(661,62): run-time error CSS1039: Token not allowed after unary operator: '-rx'
(661,84): run-time error CSS1039: Token not allowed after unary operator: '-ry'
(661,109): run-time error CSS1039: Token not allowed after unary operator: '-tz'
(730,44): run-time error CSS1039: Token not allowed after unary operator: '-ty'
(730,66): run-time error CSS1039: Token not allowed after unary operator: '-rx'
(730,88): run-time error CSS1039: Token not allowed after unary operator: '-ry'
(730,113): run-time error CSS1039: Token not allowed after unary operator: '-tz'
(773,40): run-time error CSS1039: Token not allowed after unary operator: '-ty'
(773,62): run-time error CSS1039: Token not allowed after unary operator: '-rx'
(773,84): run-time error CSS1039: Token not allowed after unary operator: '-ry'
(773,109): run-time error CSS1039: Token not allowed after unary operator: '-tz'
(845,44): run-time error CSS1039: Token not allowed after unary operator: '-ty'
(845,66): run-time error CSS1039: Token not allowed after unary operator: '-rx'
(845,88): run-time error CSS1039: Token not allowed after unary operator: '-ry'
(845,113): run-time error CSS1039: Token not allowed after unary operator: '-tz'
(917,44): run-time error CSS1039: Token not allowed after unary operator: '-ty'
(917,66): run-time error CSS1039: Token not allowed after unary operator: '-rx'
(917,88): run-time error CSS1039: Token not allowed after unary operator: '-ry'
(917,113): run-time error CSS1039: Token not allowed after unary operator: '-tz'
 */
.nw-hero--simple{padding:11px 0;background:#d1d1d1}
.nw-hero--simple-dropdown{display:flex;align-items:flex-start;height:90px;padding:0;background:0 0}
.nw-hero--simple-dropdown .nw-hero__inner{position:relative;z-index:10;width:100%;padding:11px 0;background:#d1d1d1}
.nw-hero--simple-dropdown .nw-hero__shadow{position:relative;margin:7px}
.nw-hero--simple-dropdown .nw-hero__shadow::before{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;z-index:5;box-shadow:1px 2px 4px 0 rgba(0,0,0,.2);border-radius:12px;background-color:#dfdfdf;pointer-events:none}
.nw-hero--simple-dropdown .nw-hero__search{position:relative;z-index:11;border-radius:6px;margin:0;padding:7px 11px}
.nw-hero--simple-dropdown .nw-hero__search::before{content:none}
.nw-hero--simple-dropdown .nw-hero__list-dropdown{position:relative;z-index:10;display:none;margin-top:12px;margin-bottom:19px;gap:8px}
@media screen and (max-width:767px){
.nw-hero--simple-dropdown .nw-hero__list-dropdown{flex-wrap:wrap}
}
.nw-hero--simple-dropdown .nw-hero__list-dropdown.active{display:flex;flex-wrap:wrap}
.nw-hero--simple-dropdown .nw-hero__list-dropdown .item{flex:1}
.nw-hero--simple-dropdown .nw-hero__list-dropdown .bootstrap-select>.dropdown-toggle{border-color:#fff!important;border-radius:6px;padding:8px 25px 8px 12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E %3Cpath d='M4 6L8 10L12 6' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E") no-repeat right 6px center;background-color:#fff;font-size:12px;font-weight:500;text-transform:capitalize;letter-spacing:1px;color:#595959}
.nw-hero--simple-dropdown .nw-hero__list-dropdown .bootstrap-select>.dropdown-toggle::after{content:none}
.nw-hero--simple-dropdown .nw-hero__list-dropdown .dropdown>.dropdown-menu{position:relative!important;transform:none!important;box-shadow:none;border-radius:0 0 6px 6px;width:100%;min-width:auto;margin:-5px 0 0;padding-top:1px;padding-right:7px;padding-bottom:7px;padding-left:6px}
.nw-hero--simple-dropdown .nw-hero__list-dropdown .dropdown>.dropdown-menu>.inner{padding-right:0}
.nw-hero--simple-dropdown .nw-hero__list-dropdown .dropdown>.dropdown-menu .dropdown-menu{min-width:auto}
.nw-hero--simple-dropdown .nw-hero__list-dropdown .bootstrap-select .dropdown-menu li a{padding:7.5px 7px;white-space:normal;color:#595959}
.nw-hero--simple-dropdown .nw-hero__list-dropdown .bootstrap-select .dropdown-menu li a:hover{background:rgba(217,217,217,.5);color:#595959!important}
.nw-hero--simple-dropdown .nw-hero__list-dropdown .dropdown-item.active,.nw-hero--simple-dropdown .nw-hero__list-dropdown .dropdown-item:active{background:rgba(217,217,217,.5)!important;color:#595959!important}
/*Style fixed*/
.nw-hero--simple-dropdown {
    height: auto
}
.nw-hero--simple-dropdown .nw-hero__list-dropdown .dropdown > .dropdown-menu {
    position: absolute !important;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1) !important;
    border: none;
    transform: none !important;
    border-radius: 0 0 6px 6px;
    width: 100%;
    min-width: auto;
    padding-top: 1px;
    padding-right: 7px;
    padding-bottom: 7px;
    padding-left: 6px;
    /*min-width: 204px;*/
    top: 35px !important
}
.nw-support{padding:30px 0;background-color:rgba(189,189,189,.2)}
@media screen and (min-width:768px){
.nw-support{padding:36px 0 45px}
}
.nw-support__title{margin-bottom:8px;text-align:center}
.nw-support__title span{display:inline-block;padding:0 66px;background:linear-gradient(to right,#00bf71,#00bf71) no-repeat left center/50px 3px,linear-gradient(to right,#00bf71,#00bf71) no-repeat right center/50px 3px}
@media screen and (min-width:576px){
.nw-support__title span{padding:0 107px;background:linear-gradient(to right,#00bf71,#00bf71) no-repeat left center/91px 3px,linear-gradient(to right,#00bf71,#00bf71) no-repeat right center/91px 3px}
}
.nw-support__description{max-width:604px;margin:0 auto 34px;line-height:1.5;text-align:center}
@media screen and (min-width:768px){
.nw-support__buttons{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
}
.nw-support__buttons .item{display:flex;align-items:center;transition:all .3s ease;border-radius:46.5px;margin:0 20.5px;padding:7px 60px 7px 8px;background-color:#fff}
@media screen and (max-width:767px){
.nw-support__buttons .item{width:100%;max-width:300px;margin:15px auto 0}
}
@media screen and (min-width:768px){
.nw-support__buttons .item{margin:0 12px;padding:7px 28px 7px 8px}
}
@media screen and (min-width:992px){
.nw-support__buttons .item{margin:0 20.5px;padding:7px 60px 7px 8px}
}
.nw-support__buttons .item:hover{background-color:#00bf71}
.nw-support__buttons .item:hover .item-icon{background-color:#fff;color:#00bf71}
.nw-support__buttons .item:hover .item-content{color:#fff}
.nw-support__buttons .item-icon{display:flex;justify-content:center;align-items:center;transition:all .3s ease;border-radius:50%;width:70px;height:70px;background-color:#00bf71;color:#fff}
.nw-support__buttons .item-content{transition:all .3s ease;width:calc(100% - 70px);padding-left:22px;color:#595959}
.nw-support.bg-white .nw-support__buttons .item{background-color:#f0f0f0}
.nw-support.bg-white .nw-support__buttons .item:hover{background-color:#00bf71}
.nw-support__heading{margin-bottom:18px;text-align:center}
.nw-support__button{margin-bottom:28px;text-align:center}
.nw-support__button .btn{display:flex;justify-content:center;align-items:center;border-radius:52px;width:245px;height:53px;margin:0 auto}
.nw-support__list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:-15px}
.nw-support__list .item{display:flex;align-items:center;width:100%;padding:5px 10px}
@media screen and (min-width:768px){
.nw-support__list .item{width:50%;padding:14px}
}
@media screen and (min-width:1200px){
.nw-support__list .item{flex:none;width:auto}
}
.nw-support__list .item:hover{color:#00bf71}
.nw-support__list .item-icon{display:flex;justify-content:center;align-items:center;border:1px solid #00bf71;border-radius:50%;width:45px;height:45px;background:#fff}
.nw-support__list .item-content{width:calc(100% - 63px);padding-left:13px}
.nw-support--company{background-color:#fff}
@media screen and (min-width:768px){
.nw-support--company{padding-bottom:45px;padding-top:30px}
.nw-support__list .item{padding:10px}
.nw-support__list .item-icon{width:63px;height:63px}
}
.nw-support--company .nw-support__heading{margin-bottom:8px}
@media screen and (min-width:992px){
.nw-support--company .nw-support__list{padding:0 10% 0 7.7%}
}
.nw-profession{padding:33px 0 16px}
.nw-profession__head{margin-bottom:15px}
@media screen and (min-width:576px){
.nw-profession__head{display:flex;justify-content:space-between;align-items:center;padding-right:98px}
}
@media screen and (min-width:768px){
.nw-profession__head{margin-bottom:20px}
}
.nw-profession__head .dropdown-menu{box-shadow:0 1px 4px 0 rgba(0,0,0,.3);border-radius:4px;min-width:300px;margin-top:9px;padding:8px 6px 17px 17px;background:#fff}
@media screen and (min-width:576px){
.nw-profession__head .dropdown-menu{min-width:375px}
}
.nw-profession__head .dropdown-menu-wrapper{overflow-x:hidden;overflow-y:auto;max-height:302px;padding-right:10px}
@media screen and (min-width:768px){
.nw-profession__head .dropdown-menu-wrapper{max-height:454px}
}
.nw-profession__head .dropdown-menu-wrapper::-webkit-scrollbar{width:7px}
.nw-profession__head .dropdown-menu-wrapper::-webkit-scrollbar-track{border-radius:10px}
.nw-profession__head .dropdown-menu-wrapper::-webkit-scrollbar-thumb{border-radius:10px;background:#d9d9d9}
.nw-profession__head .dropdown-menu-wrapper::-webkit-scrollbar-thumb:hover{background:#d9d9d9}
.nw-profession__head .dropdown-menu-wrapper a{display:block;transition:color .3s ease;border-bottom:1px solid #e8e8e8;padding:3.5px 0}
.nw-profession__head .dropdown-menu-wrapper a:hover{color:#00bf71}
.nw-profession__head .dropdown-menu-wrapper a:first-child{padding-top:0}
.nw-profession__head .dropdown-menu-wrapper a:last-child{border-bottom:none}
.nw-profession__head-title{position:relative;display:inline-block;flex-shrink:0;margin-right:auto;margin-bottom:10px;padding-right:75px;line-height:1.4583;letter-spacing:1px}
@media screen and (min-width:768px){
.nw-profession__head-title{padding-right:97px}
}
@media screen and (min-width:992px){
.nw-profession__head-title{margin-bottom:0}
}
.nw-profession__head-title::after{content:"";position:absolute;right:0;bottom:7px;width:65px;height:3px;background-color:#00bf71}
@media screen and (min-width:768px){
.nw-profession__head-title::after{bottom:13px;width:91px}
}
.nw-profession__head-link{display:flex;justify-content:center;align-items:center;transition:all .3s ease;border:1.5px solid #6a6a6a;border-radius:25px;width:138px;height:25px;color:#6a6a6a;background-color:#fff}
.nw-profession__head-link:hover{border-color:#363535;background-color:#363535;color:#fff}
.nw-profession__carousel .slick-slide>div{margin:0 -15px}
/*@media screen and (min-width:992px){
.nw-profession__carousel .slick-slide>div{margin:0 -18.5px}
}*/
.nw-profession__carousel .slick-slide>div .wrapper{padding:0 15px}
/*@media screen and (min-width:992px){
.nw-profession__carousel .slick-slide>div .wrapper{padding:0 18.5px}
}*/
.nw-profession__carousel .slick-arrow{top:-42px;transform:none;transition:all .3s ease;border:1.5px solid #6a6a6a;width:31px;height:31px;background:0 0;color:#6a6a6a}
@media screen and (min-width:576px){
.nw-profession__carousel .slick-arrow{top:-48px}
}
@media screen and (min-width:768px){
.nw-profession__carousel .slick-arrow{top:-54px}
}
.nw-profession__carousel .slick-arrow:hover{border-color:#363535;background-color:#363535;color:#fff}
.nw-profession__carousel .slick-arrow::after,.nw-profession__carousel .slick-arrow::before{content:none}
.nw-profession__carousel .slick-prev{right:37px;left:auto}
@media screen and (min-width:768px){
.nw-profession__carousel .slick-prev{right:53px}
}
.nw-profession__carousel .slick-next{right:0}
@media screen and (min-width:768px){
.nw-profession__carousel .slick-next{right:18px}
}
.nw-profession__carousel .item{display:block;transition:all .3s ease;box-shadow:2px 4px 8px 0 rgba(0,0,0,.15);border-radius:8px;margin-bottom:28px;padding:15px;background-color:#f5f5f5;text-align:center;color:#3c3c3c}
@media screen and (min-width:768px){
.nw-profession__carousel .item{padding:17px 24px 22px}
}
.nw-profession__carousel .item:hover{box-shadow:2px 4px 8px 0 rgba(0,225,23,.15);background-color:#00bf71;color:#fff}
.nw-profession__carousel .item:hover .item-icon{background-color:#fff}
.nw-profession__carousel .item-icon{display:flex;justify-content:center;align-items:center;transition:all .3s ease;border-radius:50%;width:102px;height:102px;margin:0 auto 17px;background-color:transparent}
.nw-profession__carousel .item-title{height:42px;margin-bottom:14px;line-height:21px}

.nw-profession__carousel .item-icon img{width:70px}
.nw-profession__carousel .slick-list {margin: 0 -15px}
.nw-profession__carousel .slick-list .slick-slide{padding:0 15px}
.blog-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 1.25rem 0 .625rem;
    margin-right: -.625rem;
}
    .blog-category a {
        display: block;
        white-space: nowrap;
        border: .0625rem solid #d6d6d6;
        border-radius: 999px;
        padding: .375rem .625rem .375rem 2.25rem;
        position: relative;
        margin: 0 .625rem .625rem 0;
        font-size: 13px;
        line-height: 1.4em;
        color: #555555;
        overflow: hidden;
        text-overflow: ellipsis
    }

        .blog-category a:before {
            content: '';
            position: absolute;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            border: .0625rem solid #d6d6d6;
            background: url('/images3/common/icon.png') no-repeat -178px -98px;
            left: -.0625rem;
            top: -.0625rem;
            z-index: 2;
        }

.ns-body h1, .page-blog h1 {
    margin: 15px 0;
    font-weight: 700;
    font-size: 26px;
}

.ns-desc a:not(.btn):not(.button):not(.button a), .ns-body a:not(.btn):not(.button):not(.button a) {
    color: #079f40
}
.ns-desc {
    font-weight: 600;
}

.text-justify {
    text-align: justify;
}

.xjobs-r li {
    border-bottom: 1px dashed #ddd;
}

.list-job3 li {
    margin: 10px 0 0;
    width: 100%;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    border-bottom: solid 1px #ddd;
    justify-content: flex-start;
}

.list-job3 li .logoemp {
    margin-right: 4%;
    height: 70px;
    width: 18%;
}

.list-job3 li a {
    text-decoration: none;
    color: #337ab7;
    cursor: pointer;
}

.logoemp {
    border: 1px solid #f1f1f1;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    overflow: hidden;
    background: #fff;
}

.list-job3 li .job-descrip {
    width: 78%;
}

.ns-desc, .ns-body, .ns-content {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    line-height:28px;
}

.text-justify {
    text-align: justify;
}


.xjobs {
    margin: 20px 0;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    line-height: 1.4em;
}

    .xjobs .panel-heading, .xjobs-r .panel-heading {
        background-color: #ed5d5f;
        color: white;
        padding: 10px 15px;
        border-bottom: 1px solid transparent;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

.xjobs .panel-body {
    border: 1px solid #ddd;
}
.fl-sb {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    flex-wrap: wrap;
}

.list-job ul, .list-job2 ul, .list-job3 ul, .list-job4 ul, .list-job5 ul {
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    overflow: hidden;
}

.xjobs .row, .xjobs li, .xjobs-r .row {
    padding: 7px;
    border-bottom: 1px dashed #ddd;
}

.xjobs li {
    margin: 0 !important;
    padding: 10px !important;
    list-style: none;
}

.ns-body li {
    list-style-type: circle;
    margin: 0 0 0 25px;
}

.list-job4 li {
    width: 100%;
}

.list-job4 li {
    padding: 6px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    border-bottom: 1px dashed #ddd;
    justify-content: flex-start;
}

.list-job4 li .logoemp {
    margin-right: 2%;
    height: 70px;
    width: 12%;
}

.xjobs .logoemp {
    height: 60px !important;
}

.list-job4 li .job-descrip {
    width: 71%;
}

.xjobs .titjob {
    font-size: 15px;
}

.titjob {
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 2px;
}

.xjobs .titjob a {
    color: #666;
}

.xjobs .iconhot {
    margin-left: 5px;
    margin-right: 0;
}

.xjobs .namecompany {
    margin-bottom: 2px;
}

.namecompany {
    font-size: 13px;
    color: #666;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.infother {
    font-size: 13px;
    color: #999;
}

.xjobs .job-mg {
    margin-right: 20px;
}

.job-mg {
    margin-right: 15px;
}

.job-mg i {
    margin-right: 3px;
}

blockquote.decorate1 a {
    font-weight: 600;
    color: #58b3ce;
}

blockquote.decorate4 a {
    font-weight: 600;
    color: #58b3ce;
}

.ns-body h2 {
    font-size: 22px;
    margin: 15px 0;
    font-weight: 600;
    color: #11843c;
}
.ns-body p{
    margin:3px 0;
}
em {
    font-style: italic;
}

.color2 {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.button.resize2 {
    border-radius: 5px;
    padding: 5px 7px;
    background: #00a8ff;
}

.color2 a {
    color: #fff !important;
    text-decoration: none;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    opacity: .5
}
.adsr {
    margin-bottom: 10px
}
.ns-body .glyphicon {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.ns-body .glyphicon-pushpin:before {
    content: "\f0a4"
}
.ns-body .glyphicon-hand-right:before {
    content: "\f0a4"
}
.ns-body .glyphicon-bookmark:before {
    content: "\f02e"
}
.ns-body .glyphicon-search:before {
    content: "\f002"
}
.ns-body .glyphicon-user:before {
    content: "\f007"
}
.ns-body .glyphicon-star:before {
    content: "\f005"
}
.ns-body .glyphicon-ok:before {
    content: "\f00c"
}

.ns-body .glyphicon-ok-sign:before {
    content: "\f058"
}

.ns-body .glyphicon-chevron-right:before {
    content: "\f054"
}
strong {
    font-weight: bold;
}
/* -------------Tem1--------- */
.color2 {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

    .color2 a {
        color: #fff !important;
        text-decoration: none;
    }


    .color2 .button {
        -moz-box-shadow: inset 0px 0px 0px 0px #d9fbbe;
        -webkit-box-shadow: inset 0px 0px 0px 0px #d9fbbe;
        box-shadow: inset 0px 0px 0px 0px #d9fbbe;
        background: linear-gradient(45deg, #8cbaa2, #10bf51);
        text-indent: 0px;
        border: 0px solid #9caed9;
        display: inline-block;
        color: #ffffff;
        font-size: 15px;
        font-weight: bold;
        font-style: normal;
        padding: 1em 2em;
        text-decoration: none;
        text-align: center;
        /*text-shadow: 0px 1px 0px #86ae47;*/
        border-radius: 200px;
    }

        .color2 .button:hover {
            transition: box-shadow 0.5s ease, transform 0.2s ease;
            transform: translateY(var(--ty, 0)) rotateX(var(--rx, 0)) rotateY(var(--ry, 0)) translateZ(var(--tz, -12px));
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        }

        .color2 .button:active {
            position: relative;
            top: 1px;
        }
/* -------------Tem2--------- */
.box-color1 {
    display: inline-block;
    border: 2px solid #25ab56;
    border-radius: 15px;
    width: 100%;
}


    .box-color1 .header {
        position: relative;
        background-color: #25ab56;
        width: 100%;
        height: auto;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

        .box-color1 .header h2 {
            margin: 0;
            color: #fff;
            line-height: 1.5;
            font-size: 22px;
            text-align: center;
            padding-top: 5px;
        }

    .box-color1 .action {
        padding: 20px;
        display: flex;
        align-items: center;
        justify-content: space-around;
    }

        .box-color1 .action a {
            color: #fff !important;
            text-decoration: none;
        }


        .box-color1 .action .button {
            -moz-box-shadow: inset 0px 0px 0px 0px #d9fbbe;
            -webkit-box-shadow: inset 0px 0px 0px 0px #d9fbbe;
            box-shadow: inset 0px 0px 0px 0px #d9fbbe;
            background: linear-gradient(45deg, #8cbaa2, #10bf51);
            text-indent: 0px;
            border: 0px solid #9caed9;
            display: inline-block;
            color: #ffffff;
            font-size: 17px;
            font-weight: bold;
            font-style: normal;
            padding: 15px;
            text-decoration: none;
            text-align: center;
            text-shadow: 0px 1px 0px #86ae47;
            border-radius: 200px;
        }

            .box-color1 .action .button:hover {
                transition: box-shadow 0.5s ease, transform 0.2s ease;
                transform: translateY(var(--ty, 0)) rotateX(var(--rx, 0)) rotateY(var(--ry, 0)) translateZ(var(--tz, -12px));
                box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            }

            .box-color1 .action .button:active {
                position: relative;
                top: 1px;
            }
/* -------------Tem1a--------- */
.color1 {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

    .color1 a {
        color: #fff !important;
        text-decoration: none;
    }


    .color1 .button {
        -moz-box-shadow: inset 0px 0px 0px 0px #d9fbbe;
        -webkit-box-shadow: inset 0px 0px 0px 0px #d9fbbe;
        box-shadow: inset 0px 0px 0px 0px #d9fbbe;
        background: linear-gradient(45deg, #9caed9, #25355a);
        text-indent: 0px;
        border: 0px solid #9caed9;
        display: inline-block;
        color: #ffffff;
        font-size: 15px;
        font-weight: bold;
        font-style: normal;
        padding: 1em 2em;
        text-decoration: none;
        text-align: center;
        /*text-shadow: 0px 1px 0px #86ae47;*/
        border-radius: 200px;
    }

        .color1 .button:hover {
            transition: box-shadow 0.5s ease, transform 0.2s ease;
            transform: translateY(var(--ty, 0)) rotateX(var(--rx, 0)) rotateY(var(--ry, 0)) translateZ(var(--tz, -12px));
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        }

        .color1 .button:active {
            position: relative;
            top: 1px;
        }
/* -------------Tem2a--------- */
.box-color2 {
    display: inline-block;
    border: 2px solid #25355a;
    border-radius: 15px;
    width: 100%;
}


    .box-color2 .header {
        position: relative;
        background-color: #25355a;
        width: 100%;
        height: auto;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

        .box-color2 .header h2 {
            margin: 0;
            color: #fff;
            line-height: 1.5;
            font-size: 22px;
            text-align: center;
            padding-top: 5px;
        }

    .box-color2 .action {
        padding: 20px;
        display: flex;
        align-items: center;
        justify-content: space-around;
    }

        .box-color2 .action a {
            color: #fff !important;
            text-decoration: none;
        }


        .box-color2 .action .button {
            -moz-box-shadow: inset 0px 0px 0px 0px #d9fbbe;
            -webkit-box-shadow: inset 0px 0px 0px 0px #d9fbbe;
            box-shadow: inset 0px 0px 0px 0px #d9fbbe;
            background: linear-gradient(45deg, #9caed9, #25355a);
            text-indent: 0px;
            border: 0px solid #9caed9;
            display: inline-block;
            color: #ffffff;
            font-size: 17px;
            font-weight: bold;
            font-style: normal;
            padding: 15px;
            text-decoration: none;
            text-align: center;
            text-shadow: 0px 1px 0px #25355a;
            border-radius: 200px
        }

            .box-color2 .action .button:hover {
                transition: box-shadow 0.5s ease, transform 0.2s ease;
                transform: translateY(var(--ty, 0)) rotateX(var(--rx, 0)) rotateY(var(--ry, 0)) translateZ(var(--tz, -12px));
                box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            }

            .box-color2 .action .button:active {
                position: relative;
                top: 1px;
            }
/* -------------Tem1b--------- */
.color3 {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

    .color3 a {
        color: #fff !important;
        text-decoration: none;
    }


    .color3 .button {
        -moz-box-shadow: inset 0px 0px 0px 0px #d9fbbe;
        -webkit-box-shadow: inset 0px 0px 0px 0px #d9fbbe;
        box-shadow: inset 0px 0px 0px 0px #d9fbbe;
        background: linear-gradient(45deg, rgb(0, 198, 255) 0%, rgb(0, 114, 255) 100%);
        text-indent: 0px;
        border: 0px solid #9caed9;
        display: inline-block;
        color: #ffffff;
        font-size: 15px;
        font-weight: bold;
        font-style: normal;
        padding: 1em 2em;
        text-decoration: none;
        text-align: center;
        /*text-shadow: 0px 1px 0px #86ae47;*/
        border-radius: 200px;
    }

        .color3 .button:hover {
            transition: box-shadow 0.5s ease, transform 0.2s ease;
            transform: translateY(var(--ty, 0)) rotateX(var(--rx, 0)) rotateY(var(--ry, 0)) translateZ(var(--tz, -12px));
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        }

        .color3 .button:active {
            position: relative;
            top: 1px;
        }


/* -------------Tem2b--------- */
.box-color3 {
    display: inline-block;
    border: 2px solid rgb(0, 114, 255);
    ;
    border-radius: 15px;
    width: 100%;
}


    .box-color3 .header {
        position: relative;
        background-color: rgb(0, 114, 255);
        ;
        width: 100%;
        height: auto;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

        .box-color3 .header h2 {
            margin: 0;
            color: #fff;
            line-height: 1.5;
            font-size: 22px;
            text-align: center;
            padding-top: 5px;
        }

    .box-color3 .action {
        padding: 20px;
        display: flex;
        align-items: center;
        justify-content: space-around;
    }

        .box-color3 .action a {
            color: #fff !important;
            text-decoration: none;
        }


        .box-color3 .action .button {
            -moz-box-shadow: inset 0px 0px 0px 0px #d9fbbe;
            -webkit-box-shadow: inset 0px 0px 0px 0px #d9fbbe;
            box-shadow: inset 0px 0px 0px 0px #d9fbbe;
            background: linear-gradient(45deg, rgb(0, 198, 255) 0%, rgb(0, 114, 255) 100%);
            text-indent: 0px;
            border: 0px solid #9caed9;
            display: inline-block;
            color: #ffffff;
            font-size: 17px;
            font-weight: bold;
            font-style: normal;
            padding: 15px;
            text-decoration: none;
            text-align: center;
            border-radius: 200px;
        }

            .box-color3 .action .button:hover {
                transition: box-shadow 0.5s ease, transform 0.2s ease;
                transform: translateY(var(--ty, 0)) rotateX(var(--rx, 0)) rotateY(var(--ry, 0)) translateZ(var(--tz, -12px));
                box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            }

            .box-color3 .action .button:active {
                position: relative;
                top: 1px;
            }


/******Template 4******/
.box-color4 {
    display: inline-block;
    border: 2px solid #FF8800;
    ;
    border-radius: 15px;
    width: 100%;
}


    .box-color4 .header {
        position: relative;
        background-color: #FF8800;
        ;
        width: 100%;
        height: auto;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

        .box-color4 .header h2 {
            margin: 0;
            color: #fff;
            line-height: 1.5;
            font-size: 22px;
            text-align: center;
            padding-top: 5px;
        }

    .box-color4 .action {
        padding: 20px;
        display: flex;
        align-items: center;
        justify-content: space-around;
    }

        .box-color4 .action a {
            color: #fff;
            text-decoration: none;
        }


        .box-color4 .action .button {
            -moz-box-shadow: inset 0px 0px 0px 0px #d9fbbe;
            -webkit-box-shadow: inset 0px 0px 0px 0px #d9fbbe;
            box-shadow: inset 0px 0px 0px 0px #d9fbbe;
            background: linear-gradient(45deg, rgb(216, 201, 179) 0%, #FF8800 100%);
            text-indent: 0px;
            border: 0px solid #9caed9;
            display: inline-block;
            color: #ffffff;
            font-size: 17px;
            font-weight: bold;
            font-style: normal;
            padding: 15px;
            text-decoration: none;
            text-align: center;
            border-radius: 200px;
        }

            .box-color4 .action .button:hover {
                transition: box-shadow 0.5s ease, transform 0.2s ease;
                transform: translateY(var(--ty, 0)) rotateX(var(--rx, 0)) rotateY(var(--ry, 0)) translateZ(var(--tz, -12px));
                box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            }

            .box-color4 .action .button:active {
                position: relative;
                top: 1px;
            }

    .box-color4 .textin {
        padding: 10px 15px;
        line-height: 1.5;
        text-align: justify;
    }

/*********Menu*********/

.menu {
    border: 1px solid rgba(63, 195, 39, 0.75);
    ;
}

.menu-header {
    font-size: 20px;
    font-weight: 500;
    min-height: 15px;
    margin: 0;
    background: rgba(63, 195, 39, 0.75);
    padding: 15px;
    color: #fff;
}

    .menu-header .btn-collapse:hover {
        cursor: pointer;
    }

.collapsein {
    display: block;
    padding: 10px;
}

    .collapsein li {
        list-style-type: none;
        font-style: italic;
    }

.ns-desc .menu label, .ns-body .menu label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: normal;
}

em.highlight {
    background-color: #2eb938;
    display: inline-block;
    color: #fff;
    font-style: normal;
    padding: 2px 5px;
    font-weight: 700;
    font-size: 18px;
}

em.highlight1 {
    background-color: #00a8ff;
    display: inline-block;
    color: #fff;
    font-style: normal;
    padding: 2px 5px;
    font-weight: 700;
    font-size: 18px;
}

em.highlight2 {
    background-color: #ff5c5c;
    display: inline-block;
    color: #fff;
    font-style: normal;
    padding: 2px 5px;
    font-weight: 700;
    font-size: 18px;
}

em.highlight3 {
    background-color: #aaa;
    display: inline-block;
    color: #fff;
    font-style: normal;
    padding: 2px 5px;
    font-weight: 700;
    font-size: 18px;
}

em.highlight4 {
    background-color: #b84400;
    display: inline-block;
    color: #fff;
    font-style: normal;
    padding: 2px 5px;
    font-weight: 700;
    font-size: 18px;
}

em.highlight5 {
    background-color: #1C15FA;
    display: inline-block;
    color: #fff;
    font-style: normal;
    padding: 2px 5px;
    font-weight: 700;
    font-size: 18px;
}

em.highlight6 {
    background-color: #FA15FA;
    display: inline-block;
    color: #fff;
    font-style: normal;
    padding: 2px 5px;
    font-weight: 700;
    font-size: 18px;
}

em.highlight7 {
    background-color: #16DAAA;
    display: inline-block;
    color: #fff;
    font-style: normal;
    padding: 2px 5px;
    font-weight: 700;
    font-size: 18px;
}

blockquote p:last-child {
    margin: 0;
}

blockquote.decorate1, blockquote.decorate2, blockquote.decorate3, blockquote.decorate4 {
    background: #dddddd82;
}
/*Mẫu thiết kế thứ nhất*/
blockquote.decorate1 {
    display: block;
    font-size: 15px;
    line-height: 1.7;
    color: #666;
    padding: 5px 0 5px 15px;
    border-left: 5px solid #e64946;
}

    blockquote.decorate1 a {
        font-weight: 600;
        color: #e64946 !important;
    }

/*Mẫu thiết kế thứ hai*/
blockquote.decorate2 {
    display: block;
    font-size: 15px;
    line-height: 1.7;
    color: #666;
    padding: 5px 0 5px 15px;
    border-left: 5px solid #10bf51;
}

    blockquote.decorate2 a {
        font-weight: 600;
        color: #0b6e30;
    }

/*Mẫu thiết kế thứ ba*/

blockquote.decorate3 {
    display: block;
    font-size: 15px;
    line-height: 1.7;
    color: #666;
    padding: 5px 0 5px 15px;
    border-left: 5px solid #345390;
}

    blockquote.decorate3 a {
        font-weight: 600;
        color: #345390;
    }

/*Mẫu thiết kế thứ tư*/
blockquote.decorate4 {
    display: block;
    font-size: 15px;
    line-height: 1.7;
    color: #666;
    padding: 5px 0 5px 15px;
    border-left: 5px solid #58b3ce;
}

    blockquote.decorate4 a {
        font-weight: 600;
        color: #58b3ce;
    }

/* Template 2*/

em.highlight1 {
    background-color: #00a8ff;
    display: inline-block;
    color: #fff;
    font-style: normal;
    padding: 2px 5px;
    font-weight: 700;
    font-size: 18px;
}

em.adjust {
    border-radius: 5px;
    padding: 5px;
}

    em.adjust p {
        margin: 0;
    }

    em.adjust a {
        text-decoration: none;
        color: #fff !important;
    }

        em.adjust a:hover {
            text-decoration: underline;
        }

/* template 3 */

.button.resize1 {
    border-radius: 5px;
    padding: 5px 7px;
    background: #2eb938;
}

.button.resize2 {
    border-radius: 5px;
    padding: 5px 7px;
    background: #00a8ff;
}

.button.resize3 {
    border-radius: 5px;
    padding: 5px 7px;
    background: #ff5c5c;
}

.button.resize4 {
    border-radius: 5px;
    padding: 5px 7px;
    background: #aaa;
}

.button.resize5 {
    border-radius: 5px;
    padding: 5px 7px;
    background: #b84400;
}

.button.resize6 {
    border-radius: 5px;
    padding: 5px 7px;
    background: #1C15FA;
}

.button.resize7 {
    border-radius: 5px;
    padding: 5px 7px;
    background: #FA15FA;
}

.button.resize8 {
    border-radius: 5px;
    padding: 5px 7px;
    background: #16DAAA;
}

.box-color3 .textin {
    padding: 10px 15px;
    line-height: 1.5;
    text-align: justify;
}
.ns-mi-content .item {
    margin: 15px 0 30px 0;
    counter-increment: item;
}

.ns-mi-content h2 {
    border-bottom: dashed 1px #ddd;
    text-transform: uppercase
}
.ns-mi-content h2 i.fa{font-size:18px}
.ns-mi-content.ns-body {
    font-size: 16px;
    line-height: 22px
}

.ns-mi-content p {
    margin: 5px 0
}
.ns-mi-content .list-item h4:before {
    /*font-weight: bold;*/
    content: counter(item)'.';
    padding-right: 5px;
}
.ns-mi-content h3 {
    font-size: 20px;
    color: #253556
}
.mi-should h2 {
    color: #14a744
}
.mi-not h2 {
    color: #3f51b5
}
.list-num>.num {
    counter-increment: num;
    align-items: center;
    display: flex;
    margin: 0.9166666667em 0 0.75em;
    font-weight: 600;
}
.list-num>.num:before {
    content: counter(num);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-right: 0.6666666667em;
    border-radius: 5px;
    width: 42px;
    height: 42px;
    background-color: #11be52;
    color: #fff;
}
.list-sub-num .num {
    counter-increment: subnum;
}
.list-sub-num .num:before {
    content: counter(num)'.'counter(subnum)'.';
    padding-right: 5px;
}
.hidebyfixed{
    display:none
}
.bd-clipboard {
    position: relative;
    float: right;
}

.btn-clipboard {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    z-index: 10;
    display: block;
    padding: 0.25rem 0.5rem;
    font-size: 75%;
    color: #818a91;
    cursor: pointer;
    background-color: transparent;
    border: 0;
    border-radius: 0.25rem;
}

.highlight {
    padding: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    background-color: #f7f7f9;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.highlight div {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    background-color: transparent;
    border: 0;
    font-size: inherit;
    color: #212529;
}

.cv-follow {
    position: fixed;
    background: rgba(0,0,0,.8);
    z-index: 9999;
    bottom: 0;
    width: 100%;
    display: none;
    padding: 5px 0;
    color: #fff;
}
.cv-follow button.close {
    color: #fff;
    padding-right: 10px;
    opacity: initial;
}
.cv-follow .btn-create-cv {
    padding: 7px 20px;
    text-transform: uppercase;
    border-radius: 30px;
    font-weight: 600;
    color: #fff;
    background-color: #10bf51;
    border: solid 2px #85da89;
}
.sec-choose-news {
    padding: 30px 0;
    background: #efefef;
    border-radius: 10px
}

.sec-choose-news .title3 {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 24px;
    text-transform: uppercase;
    text-align: center
}

.sec-choose-news .whychoose-news {
    display: flex;
    justify-content: space-between;
    padding-left: 0;
    text-align: center;
    flex-wrap: wrap;
    margin: 10px 0
}

.whychoose-news li {
    list-style: none;
    width: 25%;
    padding: 10px;
    margin-left: 0
}

.whychoose-news .cimg5 img {
    width: 65%
}

.whychoose-news li p.txt7 {
    line-height: 26px
}

.sec-choose-news .cv-btn {
    padding: 10px 30px;
    text-transform: uppercase;
    border-radius: 40px;
    font-weight: 600;
    color: #fff;
    font-size: 18px;
    background-color: #10bf51;
    border: solid 2px #a6c7a7;
    display: inline-block
}

@media screen and (max-width: 992px) {
    .whychoose-news li {
        display: flex;
        width: 100%;
        text-align: left;
        list-style: none;
        margin-left: 0
    }

        .whychoose-news li .cimg5 {
            width: 20%
        }

    .whychoose-news .cimg5 img {
        width: 90%
    }

    .whychoose-news li p.txt7 {
        padding-left: 10px;
        width: 80%
    }

    .sec-choose-news .cv-btn {
        width: 80%;
        padding: 7px 14px;
        font-size: 16px;
        line-height: 24px
    }
}

.xmd-1 .modal-content{border-radius:16px}
.xmd-1 .modal-header{padding:8px 20px 0;border:none}
.xmd-1 .modal-header .close{font-weight:300}
.xmd-1 .modal-body{margin:10px 22px 22px;border:dashed 1px #73C48F;border-radius:12px}
.xmd-1 .modal-body .tit{font-size:18px;font-weight:bold;margin:0 0 10px;color:#123983}
.xmd-1 .modal-body button{color:#fff;background-color:#2DB670;border-radius:30px;font-size:16px;font-weight:500;padding:7px 20px}
.xmd-1 .modal-footer{border:none;padding-top:0}
.c-blue-3 {
    color: #0a208f
}

.fz-40 {
    font-size: 24px;
    line-height: 1
}

@media screen and (min-width:768px) {
    .fz-40 {
        font-size: 40px
    }
}

.btn-nw-gray-3 {
    border-color: #d0d0d0;
    background-color: #d0d0d0;
    color: #fff
}

    .btn-nw-gray-3:hover {
        border-color: #969696;
        background-color: #969696;
        color: #fff
    }

@media screen and (min-width:992px) {
    .gutters-22 {
        margin-right: -22px;
        margin-left: -22px
    }
}

@media screen and (min-width:992px) {
    .gutters-22 > [class*=col] {
        padding-right: 22px;
        padding-left: 22px
    }
}

@media screen and (min-width:768px) {
    .nw-about--hp {
        padding-top: 61px;
        padding-bottom: 40px
    }
}

.nw-about__list {
    order: 1;
    width: 100%;
    margin-top: 40px
}

@media screen and (min-width:768px) {
    .nw-about__list {
        width: 100%
    }
}

@media screen and (min-width:992px) {
    .nw-about__list {
        order: 0;
        width: calc(100% - 373px);
        margin-top: 0
    }
}

@media screen and (min-width:1200px) {
    .nw-about__list {
        width: calc(100% - 423px)
    }
}

.nw-about__list [class*=col-] {
    margin-bottom: 22px
}

.nw-about__list .item {
    position: relative;
    border-radius: 8px;
    padding: 15px;
    background: #f6faff
}

@media screen and (min-width:576px) {
    .nw-about__list .item {
        display: flex;
        flex-direction: column;
        height: 100%;
        min-height: 378px
    }
}

@media screen and (min-width:768px) {
    .nw-about__list .item {
        padding: 32px 25px
    }
}

@media screen and (min-width:1200px) {
    .nw-about__list .item {
        padding-right: 37px;
        padding-left: 37px
    }
}

.nw-about__list .item:hover .item-text {
    opacity: 1;
    visibility: visible
}

.nw-about__list .item-text {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
    border: 1px dashed #3f9aed;
    border-radius: 8px;
    padding: 15px;
    background: linear-gradient(180deg,#123983 0,rgba(18,57,131,.77) 53.12%,rgba(18,57,131,0) 100%) no-repeat left top/100% 295px;
    color: #fff
}

@media screen and (min-width:768px) {
    .nw-about__list .item-text {
        padding: 35px 25px
    }
}

@media screen and (min-width:1200px) {
    .nw-about__list .item-text {
        padding-right: 37px;
        padding-left: 37px
    }
}

.nw-about__list .item-text p {
    line-height: 1.25
}

.nw-about__list .item-image {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 216px;
    margin-bottom: 38px
}

.nw-about__list .item-title {
    margin-top: auto;
    line-height: 1.34
}

.nw-about__numbers p:not(:last-child) {
    border-bottom: 1px solid #00bf71;
    margin-bottom: 23px;
    padding-bottom: 14px
}

.nw-about__numbers span {
    margin-left: 14px;
    vertical-align: text-bottom
}

.nw-about--hp .nw-about__content {
    width: 100%;
    padding-left: 0
}

@media screen and (min-width:992px) {
    .nw-about--hp .nw-about__content {
        width: 373px;
        padding-left: 30px
    }
}

@media screen and (min-width:1200px) {
    .nw-about--hp .nw-about__content {
        width: 423px;
        padding-left: 74px
    }
}

.nw-about--hp .nw-about__title {
    margin-top: 7px;
    margin-bottom: 17px;
    padding-right: 0;
    padding-bottom: 10px
}

    .nw-about--hp .nw-about__title::after {
        right: auto;
        bottom: 0;
        left: 0
    }

.nw-about--hp .nw-about__text {
    margin-bottom: 26px
}

.nw-about--hp .nw-about__download {
    display: block;
    max-width: 342px;
    margin-bottom: 0
}

@media screen and (min-width:768px) {
    .nw-about--hp .nw-about__download {
        margin-top: 64px
    }
}

.nw-about--hp .nw-about__download .btn {
    margin-top: 24px;
    padding: 14px 32px
}

.nw-about__download-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 9px
}

.nw-about--hp .nw-about__download-link + .nw-about__download-link {
    margin-top: 15px
}

@media screen and (min-width:768px) {
    .nw-bar__button {
        padding: 12px 26px
    }

    .nw-bar__button {
        min-width: 332px;
        padding: 8px 26px
    }
}

.nw-job-hot .item-button.active, .nw-job-hot .item-button:hover {
    background-color: #00bf71;
    color: #fff
}

.nw-job-popular {
    padding: 26px 0 37px;
    background-color: #f1f8fe
}

.nw-job-popular__title {
    position: relative;
    display: inline-block;
    flex-shrink: 0;
    margin-right: auto;
    margin-bottom: 20px;
    padding-right: 75px;
    line-height: 1.4583;
    letter-spacing: 1px
}

@media screen and (min-width:768px) {
    .nw-job-popular__title {
        padding-right: 108px
    }
}

.nw-job-popular__title::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 7px;
    width: 65px;
    height: 3px;
    background-color: #00bf71
}

@media screen and (min-width:768px) {
    .nw-job-popular__title::after {
        bottom: 13px;
        width: 91px
    }
}

.nw-job-popular__inner {
    box-shadow: 2px 4px 8px 0 rgba(0,0,0,.15);
    border-radius: 4px;
    padding: 15px;
    background: #fff
}

@media screen and (min-width:768px) {
    .nw-job-popular__inner {
        padding: 28px 27px 34px
    }
}

.nw-job-popular__inner .item {
    border-radius: 8px;
    margin-bottom: 16px
}

@media screen and (min-width:768px) {
    .nw-job-popular__inner .item {
        padding: 11px 15px 14px 16px;
        background: #f4f4f4
    }
}

.nw-job-popular__inner .item:last-child {
    margin-bottom: 0
}

.nw-job-popular__inner .item-head {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #c8c8c8;
    margin-bottom: 10px;
    padding-bottom: 3px;
    gap: 5px
}

@media screen and (min-width:768px) {
    .nw-job-popular__inner .item-head {
        padding-left: 10px
    }
}

.nw-job-popular__inner .item-content ul li {
    position: relative;
    transition: background .3s ease;
    border-radius: 34px;
    margin: 0 -2px 1px;
    background: 0 0
}

    .nw-job-popular__inner .item-content ul li::before {
        content: "";
        position: absolute;
        top: calc(50% - 2px);
        left: 0;
        transition: all .3s ease;
        border-radius: 50%;
        width: 4px;
        height: 4px;
        background-color: #3c3c3c
    }

@media screen and (min-width:768px) {
    .nw-job-popular__inner .item-content ul li::before {
        left: 12px
    }
}

.nw-job-popular__inner .item-content ul li:hover {
    background: #fff
}

    .nw-job-popular__inner .item-content ul li:hover::before {
        background-color: #00ae67
    }

    .nw-job-popular__inner .item-content ul li:hover a {
        color: #00ae67
    }

        .nw-job-popular__inner .item-content ul li:hover a::after {
            opacity: 1;
            visibility: visible
        }

.nw-job-popular__inner .item-content ul li a {
    position: relative;
    z-index: 5;
    display: block;
    display: flex;
    transition: all .3s ease;
    padding: 6px 8px 6px 12px;
    color: #3c3c3c
}

@media screen and (min-width:768px) {
    .nw-job-popular__inner .item-content ul li a {
        padding-left: 24px
    }
}

.nw-job-popular__inner .item-content ul li a::after {
    flex-shrink: 0;
    opacity: 0;
    visibility: hidden;
    margin-left: auto
}

@media screen and (min-width:768px) {
    .nw-job-popular__inner .item-content ul li a::after {
        content: "Xem thêm"
    }
}

.nw-job-popular__inner .item-content ul li .fz-14 {
    line-height: 16px
}

@media screen and (min-width:768px) {
    .nw-job-popular__inner .item-content ul li .fz-14 {
        padding-right: 6px
    }
}

.nw-job-watched {
    padding: 39px 0 47px;
    background-color: #f1f1f1
}

    .nw-job-watched .nw-job-hot {
        margin-bottom: 24px;
        padding: 0;
        background: 0 0
    }

        .nw-job-watched .nw-job-hot .item {
            margin-bottom: 18px
        }

        .nw-job-watched .nw-job-hot .item-title:not(:hover) {
            color: #292929
        }

        .nw-job-watched .nw-job-hot .item-button:not(.active) {
            width: 83px
        }

.nw-job-watched__head {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    gap: 15px
}

.nw-job-watched__select {
    flex-shrink: 0;
    border: none;
    display: flex;
    align-items: center;
    border-radius: 41px;
    min-width: 146px;
    margin-left: auto;
    height: 30px;
    padding-right: 30px;
    padding-left: 14px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12' fill='none'%3E %3Cpath d='M1.5 11L6.5 6L1.5 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E") no-repeat right 16px center,#c9c9c9;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.nw-network--hp {
    margin: 0;
    padding-top: 276px;
    padding-bottom: 40px;
    background: #f1f8fe
}

.nw-skill {
    position: relative;
    z-index: 5;
    margin-bottom: -232px
}

.nw-skill__inner {
    overflow: hidden;
    box-shadow: 0 1px 8px 0 rgba(0,0,0,.15);
    border-top: 19px solid #123983;
    border-radius: 8px;
    padding: 15px 15px 25px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='148' viewBox='0 0 90 148' fill='none'%3E %3Cpath opacity='0.1' fill-rule='evenodd' clip-rule='evenodd' d='M90 1.73429C84.8476 0.598655 79.4937 0 74 0C33.1309 0 0 33.1309 0 74C0 114.869 33.1309 148 74 148C79.4937 148 84.8476 147.401 90 146.266V107.371C85.1577 109.697 79.731 111 74 111C53.5655 111 37 94.4345 37 74C37 53.5655 53.5655 37 74 37C79.731 37 85.1577 38.303 90 40.6289V1.73429Z' fill='%23C2D9FF'/%3E %3C/svg%3E") no-repeat right center,linear-gradient(182deg,#c7e4ff .11%,#fff 49.4%)
}

@media screen and (min-width:768px) {
    .nw-skill__inner {
        padding: 25px 25px 45px
    }
}

.nw-skill__text {
    position: relative;
    z-index: 2;
    max-width: 696px;
    margin: 0 auto 20px;
    padding-top: 18px;
    line-height: 1.35;
    text-align: center
}

@media screen and (min-width:768px) {
    .nw-skill__text {
        margin-bottom: 49px
    }
}

.nw-skill__text::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 91px;
    height: 3px;
    background-color: #00bf71
}

.nw-skill__wrapper {
    text-align: center;
    color: white;
}

@media screen and (min-width:768px) {
    .nw-skill__wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        max-width: 715px;
        margin: 0 auto
    }
}

.nw-skill__wrapper .item {
    position: relative;
    z-index: 2;
    display: inline-block;
    margin-top: 6px
}

@media screen and (min-width:768px) {
    .nw-skill__wrapper .item {
        width: 194px
    }
}

.nw-skill__wrapper .item::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .1;
    transform: translateY(30px);
    border-radius: 54px;
    background: linear-gradient(180deg,#5a9efb 0,#2073fa 100%)
}

.nw-skill__wrapper .item::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    opacity: .4;
    transform: translateY(14px);
    border-radius: 54px;
    background: linear-gradient(113deg,#aaceff 21.22%,#2073fa 91.19%)
}

.nw-skill__wrapper .item-text {
    position: relative;
    z-index: 2;
    border-radius: 54px;
    padding: 19px 45px;
    background: linear-gradient(138deg,#abcfff 12.77%,#1663e1 76.1%)
}

    .nw-skill__wrapper .item-text .fz-24 {
        line-height: 1.2
    }

.nw-skill__wrapper .item-circle {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 176px;
    height: 176px;
    margin: 30px auto 20px;
    padding-top: 5px
}

@media screen and (min-width:768px) {
    .nw-skill__wrapper .item-circle {
        margin-top: 0;
        margin-bottom: 0
    }
}

.nw-skill__wrapper .item-circle::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 904px;
    height: 904px;
    background: url(../images/common/bg-skill.svg) no-repeat center
}

.nw-skill__wrapper .item-circle > * {
    position: relative;
    z-index: 2;
    line-height: 1.125
}

.nw-skill__more {
    position: relative;
    z-index: 2;
    margin-top: 47px;
    text-align: center
}

    .nw-skill__more .btn {
        display: flex;
        justify-content: center;
        align-items: center;
        box-shadow: 0 1px 4px 0 rgba(0,0,0,.25);
        border: 1px solid #5a9efb;
        border-radius: 56px;
        width: 214px;
        height: 50px;
        margin: 0 auto;
        background: #fff;
        color: #123983
    }

        .nw-skill__more .btn:hover {
            border-color: #123983;
            background-color: #123983;
            color: #fff
        }

.nw-templates__carousel .item:hover .item-wrapper {
    opacity: 1;
    visibility: visible
}

.nw-templates__carousel .item-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
    width: 100%;
    height: 100%;
    background: rgba(36,36,36,.45)
}

    .nw-templates__carousel .item-wrapper .btn-icon {
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 49px;
        width: 122px;
        height: 41px;
        background-color: #0a208f;
        color: #fff
    }

        .nw-templates__carousel .item-wrapper .btn-icon:hover {
            background-color: #0925b5;
            color: #fff
        }

        .nw-templates__carousel .item-wrapper .btn-icon svg {
            margin-right: 4px
        }