*, .banner-index .menu .logo h1, .q2 {
    margin: 0
}

*, .menu-header .sub-menu li a {
    font-family: Montserrat-Regular
}

.project .nameproject, .ttsk .desc, .ttsk .tieu-de {
    -webkit-box-orient: vertical;
    overflow: hidden
}

.b115, .he-sinh-thai a, .lien-he .col-left a, .news .div-col a, .news .second-hot a, .news .widget a, .noidung-td .tuyen-dung-item, .project a, .project-menu a, .ttsk .tieu-de, .widget-tt a, a {
    text-decoration: none
}

.b1396, .b629, .b636, .b640, .b752x3, .header-gioi-thieu .tieu-de h6, .list-project .title-project h3, .news .posision h4, .project .nameproject, .q4 span, .q5, .ttsk .tieu-de {
    text-transform: uppercase
}

* {
    padding: 0;
    font-size: 13px
}

@font-face {
    font-family: Montserrat-Regular;
    src: url(../fonts/Montserrat-Regular.ttf)
}

@font-face {
    font-family: Montserrat-Black;
    src: url(../fonts/Montserrat-Black.ttf)
}

@font-face {
    font-family: Montserrat-BlackItalic;
    src: url(../fonts/Montserrat-BlackItalic.ttf)
}

@font-face {
    font-family: Montserrat-Bold;
    src: url(../fonts/Montserrat-Bold.ttf)
}

@font-face {
    font-family: Montserrat-BoldItalic;
    src: url(../fonts/Montserrat-BoldItalic.ttf)
}

@font-face {
    font-family: Montserrat-ExtraBold;
    src: url(../fonts/Montserrat-ExtraBold.ttf)
}

@font-face {
    font-family: Montserrat-ExtraBoldItalic;
    src: url(../fonts/Montserrat-ExtraBoldItalic.ttf)
}

@font-face {
    font-family: Montserrat-ExtraLight;
    src: url(../fonts/Montserrat-ExtraLight.ttf)
}

@font-face {
    font-family: Montserrat-ExtraLightItalic;
    src: url(../fonts/Montserrat-ExtraLightItalic.ttf)
}

@font-face {
    font-family: Montserrat-Italic;
    src: url(../fonts/Montserrat-Italic.ttf)
}

@font-face {
    font-family: Montserrat-Light;
    src: url(../fonts/Montserrat-Light.ttf)
}

@font-face {
    font-family: Montserrat-LightItalic;
    src: url(../fonts/Montserrat-LightItalic.ttf)
}

@font-face {
    font-family: Montserrat-Medium;
    src: url(../fonts/Montserrat-Medium.ttf)
}

@font-face {
    font-family: Montserrat-MediumItalic;
    src: url(../fonts/Montserrat-MediumItalic.ttf)
}

@font-face {
    font-family: Montserrat-SemiBold;
    src: url(../fonts/Montserrat-SemiBold.ttf)
}

@font-face {
    font-family: Montserrat-SemiBoldItalic;
    src: url(../fonts/Montserrat-SemiBoldItalic.ttf)
}

@font-face {
    font-family: Montserrat-Thin;
    src: url(../fonts/Montserrat-Thin.ttf)
}

@font-face {
    font-family: Montserrat-ThinItalic;
    src: url(../fonts/Montserrat-ThinItalic.ttf)
}

@font-face {
    font-family: UTM-Alter-Gothic;
    src: url("../css/fonts/UTM\ Alter\ Gothic.ttf")
}

.animate-pulse, .b1370, .b456, .b751, .b753, .banner-index, .dich-vu .img-banner, .gt-right, .header-gioi-thieu, .menu-header .nav-item, .rnd .box-rnd, .slide-item {
    position: relative
}

.menu {
    position: absolute;
    z-index: 10;
    width: 100%;
    background-image: linear-gradient(to bottom,rgb(0 0 0 / 40%),transparent);
    transition: .5s
}

.b635, .banner-index .menu .logo {
    padding-left: 50px
}

    .banner-index .menu .logo img {
        width: 25%
    }

.banner-index .menu.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #a96b11;
    transform: none
}

.menu-header .sub-menu {
    background-color: rgba(255,255,255,.75);
    padding: 10px 0;
    border-radius: 10px;
    min-width: 220px
}

    .menu-header .sub-menu .sub-menu {
        background-color: #fff
    }

    .menu-header .sub-menu .out-submenu {
        left: calc(100%);
        top: 0;
        transition: .5s;
        opacity: 0
    }

    .b75, .b79, .b87, .b91, .b95, .menu-header .sub-menu li, .news .widget li {
        list-style: none
    }

        .lien-he .col-left span, .menu-header .sub-menu li a:hover, .menu-header li a:hover, .news .widget a:hover, .ptkd .box-content i, .slick-dots li.slick-active button:before, .slide-du-an-bmi .slick-dots li.slick-active button:before, .slide-du-an-khac .slick-dots li.slick-active button:before, .tuyendung .box-content i, .tuyendung-detail .box-content .modal-title b, .tuyendung-detail .box-content .rowdesc b, .ungtuyen b {
            color: #a96b11
        }

        .menu-header .sub-menu li a {
            color: #6e767c
        }

.menu-header .nav-item:hover > .out-submenu {
    display: inline-block;
    opacity: 1;
    height: auto;
    top: 100%;
    overflow: unset
}

.menu-header .out-submenu, .menu-header .out-submenu .out-submenu {
    padding: 0;
    position: absolute;
    height: 0;
    top: 50px;
    overflow: hidden;
    transition: .5s;
    opacity: 0;
    box-shadow: 5px 9px 16.83px .17px rgba(0,0,0,.17)
}

    .div-title, .menu-header .out-submenu .out-submenu {
        padding-left: 10px
    }

    .menu-header .out-submenu .nav-item:hover > .out-submenu, .rnd .box-rnd .content-rnd.bcp6 {
        top: 0
    }

.gioi-thieu .noi-dung .title, .gioithieu .title {
    font-family: Montserrat-SemiBold;
    padding-left: 5px
}

.menu-header .out-submenu .out-submenu::before {
    width: 10px;
    height: 10px;
    left: 5px;
    top: 15px;
    position: absolute;
    background-color: rgba(255,255,255);
    content: '';
    transform: rotate(45deg)
}

.search-group {
    max-width: 200px;
    border: 1px solid #d6d9dd;
    border-radius: 20px;
    overflow: hidden
}

    .search-group .input-group-text, .search-group input {
        display: inline-block;
        background: 0 0 !important;
        border: none !important;
        box-shadow: none !important;
        color: #fff !important
    }

\
.search-group input::placeholder {
    color: #fff
}

.text-menu {
    color: #fff;
    font-family: Montserrat-Medium;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 13pt
}

.slick-dots {
    bottom: 25px
}

    .slick-dots li button:before {
        color: #fff;
        opacity: .9
    }

.gioithieu {
    height: fit-content;
    position: relative
}

.gtcl, .tnsm {
    height: 1030px
}

.content-gioi-thieu {
    width: 60%;
    margin-top: 75px;
    margin-left: 180px;
    text-align: justify
}

.gioithieu .title {
    color: #a96b11;
    width: 60%;
    margin-top: 50px;
    margin-left: 180px;
    border-left: 1px solid
}

.he-sinh-thai .title, .header-gioi-thieu .tieu-de, .project .filter, .project .nameproject, .project .title, .project .xem-them, .ttsk .tieu-de {
    font-family: UTM-Alter-Gothic
}

.section-bld {
    padding-top: 30px;
    background: linear-gradient(to top,rgb(0 0 0 / 60%),transparent)
}

.gtcl, .he-sinh-thai, .project, .tnsm {
    background-repeat: no-repeat;
    background-position: center
}

.gioi-thieu .noi-dung, .gtcl, .he-sinh-thai, .lb a > div, .tnsm {
    background-size: cover
}

.section-bld .image-bld {
    margin-top: -30px;
    z-index: 9
}

.div-title {
    border-left: 1px solid
}

.gioithieu .title span {
    font-family: Montserrat-SemiBold;
    font-size: 15px;
    color: #fff
}

.gioithieu .image-left {
    position: absolute;
    padding-left: 95px;
    top: 80px
}

    .gioithieu .image-left a {
        position: relative;
        display: inline-block
    }

    .gioithieu .image-left img, .item-news .wraper {
        transition: .3s
    }

        .gioithieu .image-left img.img-text-blue {
            opacity: 1;
            position: absolute;
            left: 0;
            top: 0;
            transition: .3s
        }

    .gioithieu .bg-right, .gioithieu .image-left a:hover > img {
        opacity: 0
    }

        .gioithieu .image-left a:hover > img.img-text-blue {
            opacity: 1
        }

.image-building {
    position: absolute;
    left: -280px
}

.arrow-gt {
    position: absolute;
    top: 34%;
    opacity: 0
}

.arrow-gt1 {
    left: 0;
    transition: 1.5s
}

.arrow-gt2 {
    left: 80px;
    transition: 1.3s
}

.arrow-gt1.animate__animated, .bg-right.animate__animated, .fadetoright.animate__animated {
    animation-duration: 1.5s;
    animation-name: fadeToRight1
}

.arrow-gt2.animate__animated {
    animation-duration: 1.5s;
    animation-name: fadeToRight2
}

.fadetopulse.animate__animated, .hst .slide-item .content:hover, .list-project .col-project a:hover, .project .duan-group a:hover {
    animation-name: fadeToPulse;
    animation-duration: 1.5s
}

.fadein, .fadetobottom, .fadetoleft, .fadetoright, .fadetotop {
    opacity: 0;
    position: relative
}

.b485, .hst .slide-item {
    overflow: hidden
}

.list-project .col-project a:hover {
    opacity: 1
}

.list-project .col-project a, .project .duan-group .div-col a {
    border-radius: 10px;
    overflow: hidden
}

    .list-project .col-project a .bg-hover, .project .duan-group .div-col a .bg-hover {
        content: '';
        background-color: #a96b11;
        top: 0;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        transition: .5s
    }

    .list-project .col-project a:hover > .bg-hover, .project .duan-group .div-col a:hover > .bg-hover {
        opacity: .6
    }

.fadetoleft.animate__animated {
    animation-duration: 1.5s;
    animation-name: fadeToLeft
}

.fadetotop.animate__animated, .fadetotop2.animate__animated {
    animation-duration: 1.5s;
    animation-name: fadeToTop
}

.fadetobottom.animate__animated {
    animation-duration: 1.5s;
    animation-name: fadeToDown
}

.fadein.animate__animated {
    animation-duration: 1.5s;
    animation-name: fadein
}

@keyframes fadeToRight1 {
    from {
        transform: translateX(-50%);
        opacity: 0
    }

    to {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fadeToPulse {
    from {
        transform: scale(1)
    }

    to {
        transform: scale(1.05)
    }
}

@keyframes fadeToRight2 {
    from {
        transform: translateX(-50%);
        opacity: 0
    }

    to {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fadeToLeft {
    from {
        transform: translateX(50%);
        opacity: 0
    }

    to {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fadeToTop {
    from {
        transform: translateY(100%);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fadeToDown {
    from {
        transform: translateY(-100%);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.he-sinh-thai {
    background-image: url(../images/banner-trang-chu-1.jpg);
    margin-top: 50px
}

    .he-sinh-thai .title {
        color: #fff;
        padding-top: 35px;
        font-size: 36px
    }

    .he-sinh-thai .content {
        color: #d6d9dd;
        padding-top: 30px;
        padding-bottom: 30px;
        margin-bottom: 0
    }

.project {
    background-image: url(../images/bg-project_1.jpg)
}

    .project .title {
        color: #a96b11
    }

    .project .filter {
        margin-top: 50px;
        margin-bottom: 30px
    }

    .project .btn-choice-project {
        color: #a8afb4;
        font-size: 18px;
        border: 2px solid transparent;
        box-shadow: none !important;
        margin: 0 5px;
        transition: .5s;
        border-radius: 50px
    }

.project-filter .btn-choice-project:focus-visible {
    border: none
}

.project-filter .btn-choice-project {
    border: 2px solid transparent;
    box-shadow: none !important;
    margin: 0 5px;
    border-radius: 50px
}

    .project .btn-choice-project.btn-active, .project-filter .btn-choice-project.btn-active {
        border-color: #a96b11;
        color: #a96b11
    }

.project .nameproject {
    color: #fff;
    font-size: 20px;
    line-height: 1.1;
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2
}

.ttsk .tieu-de, .widget-tt h6 {
    display: -webkit-box;
    -webkit-line-clamp: 2
}

.project .div-col {
    padding: 13px
}

.project a {
    position: relative;
    display: inline-block;
    width: 100%;
    color: #fff
}

.list-project .title-project, .project .title-project, .project-index .title-project, .slide-du-an-khac .title-project {
    position: absolute;
    width: 100%;
    padding: 30px 15px 15px;
    border-radius: 0 0 10px 10px;
    color: #fff;
    left: 0;
    bottom: 0;
    background-image: linear-gradient(to top,rgb(0 0 0 / 60%),transparent)
}

.project .avatar {
    border-radius: 10px;
    height: 250px;
    width: 100%;
    object-fit: fill
}

.project .place {
    margin-left: 5px
}

.project .xem-them {
    color: #a8afb4;
    font-size: 22px
}

.ttsk {
    background-color: #f3f6f8;
    padding-bottom: 70px;
    padding-left: 50px;
    padding-right: 50px
}

.item-news .wraper:hover {
    transform: scale(1.05)
}

.khachhang .title, .ttsk .title {
    font-family: UTM-Alter-Gothic;
    color: #a96b11;
    font-size: 36px
}

.ttsk .tieu-de {
    color: #a96b11;
    font-size: 21px;
    padding-top: 5px;
    padding-bottom: 0;
    line-clamp: 2
}

.ptkd .box-content ul li, .ttsk .date, .tuyendung .box-content ul li {
    font-size: 12px
}

.ttsk img.thumbnail {
    height: 135px;
    object-fit: cover;
    width: 100%;
    border-radius: 5px
}

.ttsk .date {
    color: #84898c
}

.ttsk .desc {
    color: #4c4f50;
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3
}

.ttsk .btn-tintuc {
    color: #fff;
    background-color: #a96b11;
    border-radius: 50px;
    width: 150px
}

.khachhang .logo-doi-tac {
    display: inline-block;
    filter: grayscale(1);
    transition: .3s;
    opacity: .1
}

    .khachhang .logo-doi-tac:hover {
        filter: none;
        opacity: 1
    }

.header-gioi-thieu .titlegroup {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-bottom: 30px
}

.header-gioi-thieu .title, .news .news-host .posision-children h4, .slide-du-an-bmi .box-du-an-bmi p {
    color: #fff
}

.header-gioi-thieu .tieu-de {
    font-size: 36px
}

.header-gioi-thieu .title .link {
    color: #fff;
    font-size: 15px
}

.gioi-thieu .noi-dung {
    margin-top: 50px;
    background-color: #fff
}

    .gioi-thieu .noi-dung .text-gioi-thieu, .news {
        margin-top: 50px
    }

.gioi-thieu .arrow {
    width: 80%
}

.gioi-thieu .noi-dung .title {
    color: #a96b11;
    margin-top: 10px;
    margin-left: 90px;
    border-left: 1px solid;
    font-weight: 700
}

.dich-vu .title h3, .doi-ngu .title, .doi-tac .title, .doi-tac .title-partner, .doi-tac .title-partner p, .gtcl .title, .tnsm .box-content .titlebox, .tnsm .title {
    font-family: UTM-Alter-Gothic
}

.gioi-thieu .noi-dung .title img {
    max-width: 35%;
    object-fit: cover;
    margin-right: 5px
}

.gioi-thieu .noi-dung .banlanhdao {
    margin-top: -45px;
    background-image: linear-gradient(to top,grey,#fff,#fff)
}

    .gioi-thieu .noi-dung .banlanhdao img {
        width: 50%
    }

.tnsm {
    background-image: url(../images/bg-tam-nhin-su-menh.jpg)
}

    .gtcl .title, .tnsm .title {
        color: #fff;
        padding-top: 50px;
        font-size: 36px
    }

    .tnsm .content {
        color: #d6d9dd
    }

    .tnsm .box-content {
        background-image: linear-gradient(to bottom,#fff,rgb(255 255 255 / 50%),rgb(255 255 255 / 0%));
        padding: 50px 30px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        text-align: center;
        height: 500px
    }

        .tnsm .box-content .titlebox {
            color: #a96b11;
            font-size: 26px
        }

        .tnsm .box-content .desc {
            color: #4c4f50;
            font-size: 15px
        }

.gtcl {
    background-image: url(../images/bg-gia-tri-cot-loi.jpg)
}

    .gtcl .content {
        color: #a9c5da;
        font-size: 14px
    }

        .gtcl .content img {
            margin-left: 10px
        }

        .gtcl .content .dieu-huong {
            margin-left: 10px;
            margin-right: 10px
        }

    .gtcl .box-content {
        color: #a9c5da;
        font-size: 13px;
        position: relative
    }

        .gtcl .box-content .content-desc {
            position: absolute;
            top: 25px;
            left: 0;
            padding: 40px;
            text-align: center
        }

.doi-ngu {
    background-color: #d0dce5
}

    .doi-ngu .title {
        display: inline-block;
        color: #a96b11;
        padding-top: 50px;
        font-size: 36px
    }

    .doi-ngu .title-desc {
        display: inline-block;
        color: #6d7174;
        font-size: 15px
    }

    .doi-ngu .desc-doi-ngu {
        background-color: #fff;
        border-radius: 20px;
        position: relative;
        padding: 40px 40px 10px;
        box-shadow: 0 0 20px 0 #0000000a
    }

        .doi-ngu .desc-doi-ngu .mota {
            display: inline-block;
            height: 100px
        }

    .doi-ngu .quota {
        position: absolute;
        top: -18px;
        left: 40px
    }

    .doi-ngu .chuc-danh {
        text-align: right;
        color: #a96b11;
        margin-top: 50px
    }

    .doi-ngu .ava-box {
        position: absolute;
        left: 50px;
        bottom: -45px
    }

    .doi-ngu .bld-row1, .widget-tt {
        margin-top: 30px
    }

    .doi-ngu .bld-row2, .project-filter {
        margin-top: 80px
    }

    .doi-ngu .line {
        border-bottom: 1px solid #d6d9dd;
        margin-top: 100px
    }

    .doi-ngu .comment {
        margin-top: 60px;
        padding-bottom: 50px
    }

    .doi-ngu .box-comment {
        padding: 30px;
        border: 1px solid #dde2e5;
        border-radius: 20px
    }

        .doi-ngu .box-comment span {
            display: inline-block;
            height: 175px;
            text-align: justify
        }

    .doi-ngu .title-comment {
        color: #a96b11;
        text-align: right;
        font-size: 18px;
        font-weight: 600;
        margin-top: 20px
    }

    .doi-ngu .slide-comment .slick-left, .doi-ngu .slide-comment .slick-right {
        position: absolute;
        z-index: 99;
        top: calc(50% - 20px);
        background-color: transparent;
        border: none;
        color: #cfd6da
    }

    .doi-ngu .slide-comment .slick-left {
        left: -30px
    }

    .doi-ngu .slide-comment .slick-right {
        right: -30px
    }

    .doi-ngu .slide-comment .slick-arrow i {
        font-size: 45px
    }

    .doi-ngu .slide-comment .slick-dots {
        bottom: -45px
    }

.doi-tac .title {
    display: inline-block;
    color: #a96b11;
    font-size: 36px;
    margin-top: 50px
}

.doi-tac .title-partner {
    display: flex;
    justify-content: center;
    color: #a96b11;
    margin-top: 40px
}

    .doi-tac .title-partner p {
        display: inline-block;
        background-color: #fff;
        font-size: 28px;
        margin: 0;
        z-index: 9;
        padding: 0 30px
    }

.doi-tac .line {
    border-bottom: 1px solid #cfd6da;
    width: 100%;
    position: absolute;
    bottom: 15px
}

.doi-tac a {
    border: 1px solid #cfd6da;
    width: 100%;
    display: inline-block;
    margin-top: 15px
}

.dich-vu .title {
    margin-top: 50px;
    margin-bottom: 40px;
    text-align: center
}

    .dich-vu .title h3 {
        display: inline-block;
        font-size: 36px;
        color: #a96b11
    }

.dich-vu .content-banner {
    position: absolute;
    top: 40px;
    left: 0
}

    .dich-vu .content-banner h2 {
        font-family: Montserrat-Bold;
        font-size: 36px;
        margin-bottom: 0
    }

    .dich-vu .content-banner p {
        font-family: UTM-Alter-Gothic;
        font-size: 22px;
        margin-bottom: 0
    }

.dv-content {
    padding: 50px
}

    .dv-content .shadow-right {
        border-radius: 0 20px 20px 0;
        box-shadow: 15px 0 15px 0 #dee2e6
    }

    .dv-content .shadow-left {
        border-radius: 20px 0 0 20px;
        box-shadow: -15px 0 15px 0 #dee2e6
    }

    .dv-content .box-content, .lien-he .col-left, .lien-he .map {
        padding: 30px
    }

    .dv-content h2 {
        font-family: UTM-Alter-Gothic;
        font-size: 116px;
        color: #a96b11
    }

    .dv-content p {
        font-family: UTM-Alter-Gothic;
        font-size: 36px;
        color: #a96b11;
        line-height: 1.2;
        padding-top: 10px
    }

    .dv-content .xem-them {
        color: #a8afb4;
        margin-left: 30px
    }

    .banner-ptkd, .dv-content .div-right, .dv-content .img-avatar, .news .posision img {
        border-radius: 20px
    }

        .dv-content .div-right img {
            padding: 10px
        }

.htdt, .ptkd, .qlkt {
    margin-top: -50px;
    margin-bottom: 100px
}

    .ptkd .box-content {
        background-color: #fff;
        border-radius: 20px 20px 0 0;
        box-shadow: 0 -22px 20px 0 rgb(35 35 35 / 20%);
        height: 100%;
        padding: 20px
    }

        .ptkd .box-content h2 {
            color: #a96b11;
            font-family: UTM-Alter-Gothic;
            font-size: 92px;
            line-height: 1
        }

.project-body .div-col, .rnd .title i {
    line-height: 35px
}

.ptkd .box-content p.b1002 {
    color: #a96b11;
    font-family: UTM-Alter-Gothic;
    font-size: 34px;
    line-height: 1.1;
    margin-top: 11px
}

.ptkd .box-content span, .rnd .box-rnd .content-rnd span {
    font-size: 13px
}

.img-ptkd {
    padding-left: 35px;
    padding-right: 35px;
    margin-bottom: 30px
}

    .img-ptkd .container-fluid .chu-nhat, .img-ptkd .container-fluid .vuong {
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 10px
    }

    .img-ptkd .container-fluid img {
        object-fit: cover;
        max-width: 100%
    }

    .img-ptkd .container-fluid .btn-img, .profile .btn-img {
        color: #fff;
        background-color: #a96b11;
        border-radius: 50px
    }

.htdt .box-content {
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 -5px 20px 1px rgb(35 35 35 / 20%);
    padding: 100px
}

    .htdt .box-content .div-left p {
        padding-left: 80px;
        width: 90%;
        text-align: justify;
        font-size: 14px
    }

    .htdt .box-content .div-right {
        border-left: 1px solid #a3a4a5;
        padding-left: 50px
    }

        .htdt .box-content .div-right h4 {
            color: #a96b11;
            font-family: UTM-Alter-Gothic;
            font-size: 26px !important
        }

        .htdt .box-content .div-right li, .htdt .box-content .div-right p {
            font-size: 14px !important
        }

.concept-avatar .box-content .bcp-content h2, .htdt h2, .mzone h2, .qlkt .tieu-de-du-an h2 {
    color: #a96b11;
    font-family: UTM-Alter-Gothic;
    font-size: 36px
}

.slide-du-an-bmi .box-du-an-bmi {
    background-color: #a96b11;
    padding: 45px;
    height: 100%
}

    .slide-du-an-bmi .box-du-an-bmi h4 {
        font-family: UTM-Alter-Gothic;
        color: #fff;
        font-size: 30px;
        margin-bottom: 20px
    }

    .slide-du-an-bmi .box-du-an-bmi span {
        color: #fff;
        text-align: justify;
        display: inherit
    }

.b457x, .b62, .b70, .project-bodyslide h4 {
    text-align: center
}

.slide-du-an-bmi .box-du-an-bmi .col-4 p {
    color: #25def0
}

.slide-du-an-bmi .slick-left, .slide-du-an-bmi .slick-right {
    position: absolute;
    z-index: 99;
    top: calc(50% - 30px);
    background-color: transparent;
    border: none;
    color: #6c757d
}

.slide-du-an-bmi .slick-left {
    left: -35px
}

.slide-du-an-bmi .slick-right {
    right: -35px
}

.slide-du-an-bmi .slick-arrow i {
    font-size: 40px
}

.slide-du-an-bmi .slick-dots {
    bottom: -30px
}

    .slide-du-an-bmi .slick-dots li button:before {
        color: #6c757d;
        font-size: 10px
    }

.qlkt .box-content {
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 -25px 20px 0 rgb(35 35 35 / 20%);
    padding: 56px;
    height: 100%
}

.mzone .div-border, .mzone .div-col {
    padding-left: 30px;
    padding-right: 30px
}

.qlkt .box-content h2 {
    color: #a96b11;
    font-family: UTM-Alter-Gothic;
    font-size: 34px;
    text-align: center
}

.qlkt .box-content, .qlkt .box-content b, .qlkt .box-content p {
    font-size: 15px;
    text-align: justify
}

    .qlkt .box-content li {
        font-size: 15px
    }

.btn-bcc {
    color: #a96b11;
    border: 1px solid #a96b11;
    border-radius: 50px;
    font-size: 16px;
    padding: 8px 24px;
    transition: .3s
}

    .btn-bcc:hover {
        background: #a96b11;
        color: #fff
    }

.concept-avatar {
    padding-left: 35px;
    padding-right: 35px
}

    .concept-avatar .box-content {
        margin-left: -180px;
        padding-top: 65px;
        padding-bottom: 65px
    }

        .concept-avatar .box-content .bcp-content {
            background-color: #eff3f6;
            padding: 35px;
            color: #6d7174
        }

            .concept-avatar .box-content .bcp-content h3 {
                font-family: UTM-Alter-Gothic;
                font-size: 26px;
                margin-top: 20px
            }

            .concept-avatar .box-content .bcp-content i {
                color: #a96b11;
                margin-right: 10px
            }

.mzone {
    margin-top: 50px;
    margin-bottom: 25px
}

    .mzone .div-border {
        border-left: 1px solid #d6d9dd
    }

    .mzone h3 {
        color: #a96b11;
        font-size: 18px;
        font-weight: 600;
        margin-top: 20px;
        margin-bottom: 10px
    }

.project-body h2, .rnd .title h2 {
    font-family: UTM-Alter-Gothic;
    font-size: 36px
}

.mzone i {
    color: #a96b11;
    margin-right: 10px;
    line-height: 1
}

.mzone span, .tuyendung-detail .content-tuyen-dung {
    color: #6d7174
}

.mzone video {
    width: 1140px;
    height: 641px
}

.rnd {
    margin-top: -60px
}

    .rnd .box-rnd .content-rnd {
        position: absolute;
        top: 26px;
        left: 60px;
        color: #fff;
        width: 42%
    }

        .rnd .box-rnd .content-rnd h3 {
            font-size: 26px;
            margin-bottom: 15px;
            margin-top: 50px;
            font-family: UTM-Alter-Gothic
        }

        .rnd .box-rnd .content-rnd i {
            color: #a96b11;
            line-height: 1
        }

    .rnd .title h2 {
        color: #a96b11;
        margin-top: 35px;
        margin-bottom: 25px
    }

.news .widget h3, .news .widget h4 {
    background-color: #edf1f4;
    font-family: Montserrat-SemiBold
}

.rnd .title p, .rnd .title span {
    color: #6c757d;
    font-size: 13px
}

.rnd .title i {
    color: #a96b11;
    margin-right: 10px
}

.noidung-td .left-widget label, .rnd .btn-rnd {
    color: #a96b11;
    font-weight: 600
}

.project-filter .btn-active {
    border: 2px solid #a96b11;
    border-radius: 50px;
    color: #a96b11;
    font-weight: 600
}

.project-filter .btn-unactive {
    color: #6c757d;
    font-weight: 600;
    border-radius: 50px;
    margin-left: 15px
}

.list-project {
    margin-top: 35px;
    padding-left: 50px;
    padding-right: 50px;
    position: relative
}

    .list-project .avatar, .project-other img {
        border-radius: 10px
    }

    .list-project .col-project {
        padding: 10px;
        transition: .2s;
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight
    }

        .list-project .col-project.hide {
            -webkit-animation-name: fadeOut;
            animation-name: fadeOut
        }

        .list-project .col-project a, .news .posision, .project-index a, .slide-du-an-khac a {
            position: relative;
            display: inline-block;
            width: 100%
        }

    .list-project .title-project h3 {
        font-size: 18px;
        font-weight: 500
    }

    .list-project .title-project img {
        margin-right: 8px
    }

.project-detail img {
    object-fit: cover;
    height: 80vh
}

.project-menu {
    margin-top: 0;
    background-color: #a96b11;
    padding: 15px 0;
    color: #fff
}

    .project-menu a {
        color: #fff;
        border-right: 1px solid #fff;
        padding-left: 25px;
        padding-right: 25px
    }

        .project-menu a:first-child {
            padding-left: 0
        }

        .project-menu a.active {
            color: #48bad2
        }

        .project-menu a:last-child {
            border-right: none
        }

    .project-menu span {
        margin-left: 25px;
        margin-right: 25px
    }

.news .contentnews, .project-body, .tuyendung-detail .box-content .rowcontent {
    color: #4c4f50
}

    .project-body h2 {
        color: #a96b11;
        margin-bottom: 20px
    }

    .project-body b {
        font-family: Montserrat-Bold;
        font-size: 20px
    }

.project-bodyslide h4, .project-other h4 {
    font-size: 36px;
    font-family: UTM-Alter-Gothic;
    color: #a96b11
}

.b192, .project-body img {
    width: 100%
}

.project-bodyslide h4 {
    padding: 25px 0
}

.project-bodyslide .slide-item {
    padding: 50px;
    position: relative;
    overflow: hidden
}

    .project-bodyslide .slide-item::after {
        content: '';
        position: absolute;
        left: 50px;
        right: 50px;
        top: 50px;
        bottom: 50px;
        background-color: #000;
        border-radius: 10px;
        opacity: .3
    }

    .project-bodyslide .slide-item img {
        border-radius: 10px;
        height: 500px;
        object-fit: cover
    }

.project-bodyslide .slick-arrow i {
    font-size: 38px
}

.b1495 .b24-form-control-not-empty + .b24-form-control-label, .btn i, .project-bodyslide .slick-current .slide-item::after {
    display: none
}

.project-bodyslide .slick-current .slide-item {
    padding: 0
}

    .project-bodyslide .slick-current .slide-item img {
        height: 600px;
        object-fit: cover
    }

.project-bodyslide .btn-project-details {
    background-color: #a96b11;
    color: #fff;
    border-radius: 20px;
    padding: 10px 25px
}

.project-other {
    background-color: #f6f7f9;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 100px
}

    .project-other .slide-item {
        padding: 15px
    }

    .project-other h4 {
        margin-top: 50px;
        margin-bottom: 25px
    }

.slide-du-an-khac .title-project h3, .tuyendung-detail .box-content .rowtitle .coltop i {
    font-size: 20px
}

.slide-du-an-khac .title-project img {
    margin-right: 10px
}

.slide-du-an-khac .slick-dots {
    bottom: -20px
}

    .slide-du-an-khac .slick-dots li button:before {
        color: #6c757d;
        font-size: 8px
    }

.news .widget {
    border: 1px solid #cfd6da;
    border-radius: 20px
}

    .news .widget h4 {
        padding: 15px 25px;
        border-radius: 20px 20px 0 0;
        color: #a96b11;
        font-size: 20px
    }

    .news .widget h3 {
        padding: 15px 35px;
        color: #a96b11;
        font-size: 20px
    }

    .news .widget a {
        padding: 15px 35px;
        border-radius: 20px 20px 0 0;
        color: #a96b11;
        line-height: 40px;
        font-weight: 600
    }

    .bcp13, .bcp7 p, .news .widget ul {
        margin-bottom: 0
    }

.header-gioi-thieu .tieu-de span, .news .contentnews span, .news .posision span {
    margin-bottom: 10px;
    margin-right: 5px
}

.widget-tt h5 {
    color: #a8afb4;
    font-size: 20px;
    font-weight: 600
}

.widget-tt img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover
}

.widget-tt h6 {
    font-weight: 600;
    color: #a96b11;
    font-size: 16px;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.news .contentnews h4, .news .posision h4, .widget-tt p {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.widget-tt p {
    font-size: 13px;
    color: #6d7174;
    line-clamp: 2
}

.news .posision span {
    color: #a96b11
}

.footer img, .news .div-col {
    margin-top: 25px
}

.news .contentnews img {
    border-radius: 15px;
    object-fit: cover;
    height: 210px
}

.news .news-host img {
    height: auto;
    max-height: 420px
}

.news .contentnews h4, .news .posision h4 {
    margin-top: 15px;
    color: #a96b11;
    font-weight: 600;
    font-size: 18px;
    line-clamp: 2;
    text-transform: uppercase
}

.news .contentnews p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.header-gioi-thieu .tieu-de h6 {
    color: #a96b11;
    font-size: 22px;
    margin-top: 10px;
    font-weight: 600
}

.header-gioi-thieu .tieu-de span {
    color: #a8afb4
}

.header-gioi-thieu img {
    height: 400px;
    max-width: 100%;
    object-fit: cover
}

.news .bodycontent p {
    text-align: justify
}

.news .bodycontent img {
    margin-bottom: 15px;
    max-width: 100%
}

.b646, .news .social {
    margin-bottom: 60px
}

    .news .social img {
        margin-left: 15px;
        height: 20px
    }

.tuyendung .box-content {
    background-color: #fff;
    border-radius: 20px 20px 0 0;
    box-shadow: 0 -20px 20px 0 rgb(35 35 35 / 20%);
    height: 100%
}

.noidung-td .left-widget, .noidung-td .right-widget {
    border-radius: 15px;
    padding: 25px;
    background-color: #fff
}

.tuyendung .box-content h2 {
    color: #a96b11;
    font-family: UTM-Alter-Gothic;
    font-size: 92px
}

.tuyendung .box-content p {
    color: #a96b11;
    font-family: UTM-Alter-Gothic;
    font-size: 34px
}

.tuyendung .box-content span {
    line-height: 1.2;
    font-size: 13px
}

.noidung-td .right-widget h4, .tuyendung h5, .ungtuyen h5 {
    font-size: 36px;
    font-family: UTM-Alter-Gothic
}

.tuyendung h5 {
    color: #a96b11;
    margin-top: 50px
}

.tuyendung .header span {
    display: inline-block;
    width: 60%;
    margin-bottom: 50px
}

.noidung-td {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 80px;
    background-color: #f3f6f8
}

    .noidung-td .left-widget .btn-tuyendung {
        margin-top: 15px;
        background-color: #a96b11;
        width: 100%;
        color: #fff;
        padding: 5px 15px
    }

        .noidung-td .left-widget .btn-tuyendung i {
            padding: 5px 0
        }

    .noidung-td .left-widget option, .noidung-td .left-widget select {
        color: #a8afb4
    }

    .noidung-td .right-widget h4, .noidung-td .right-widget h5 {
        color: #a96b11;
        margin-bottom: 15px;
        margin-top: 10px;
        font-weight: 600
    }

    .noidung-td .right-widget {
        overflow: auto
    }

        .noidung-td .right-widget h6 {
            font-weight: 600;
            color: #4c4f50;
            font-size: 17px;
            margin-bottom: 11px
        }

        .noidung-td .right-widget .ghimphai i {
            margin-top: 10px;
            margin-right: 15px;
            font-size: 26px;
            color: #aeb0b2
        }

        .noidung-td .right-widget i {
            font-size: 16px;
            color: #a96b11
        }

        .noidung-td .right-widget span {
            font-weight: 600;
            color: #a96b11
        }

        .noidung-td .right-widget .btn-tuyendung {
            border: 2px solid #a96b11;
            color: #a96b11;
            float: right;
            border-radius: 5px
        }

            .noidung-td .right-widget .btn-tuyendung i, .tuyendung-detail .box-content .rowtitle .colbottom .btn-tuyendung i {
                margin-left: 10px;
                line-height: 21px
            }

.ungtuyen {
    margin-top: 80px;
    margin-bottom: 80px
}

    .b625, .ungtuyen img {
        margin-bottom: 30px
    }

    .ungtuyen h5 {
        margin-bottom: 20px;
        color: #a96b11
    }

    .ungtuyen .btn-ungtuyen {
        margin-top: 20px;
        color: #a96b11;
        border: 1px solid #a96b11;
        font-weight: 600
    }

        .ungtuyen .btn-ungtuyen i {
            margin-right: 20px
        }

.tuyendung-detail {
    padding-top: 40px;
    padding-bottom: 30px;
    display: inline-block
}

    .tuyendung-detail .box-content {
        background-color: #fff;
        border-radius: 20px;
        box-shadow: 0 0 20px 0 rgb(35 35 35 / 25%);
        height: 100%
    }

    .tuyendung-detail h5 {
        color: #6d7174;
        font-family: UTM-Alter-Gothic;
        font-size: 20px;
        margin-top: 0;
        margin-bottom: 15px
    }

    .tuyendung-detail i {
        color: #6d7174 !important;
        margin-right: 5px
    }

    .tuyendung-detail .content-tuyen-dung h3 {
        text-align: left;
        color: #a96b11;
        font-size: 17px;
        margin-bottom: 0;
        font-weight: 600
    }

    .tuyendung-detail .content-tuyen-dung h6 {
        font-weight: 600;
        margin-bottom: 0
    }

    .tuyendung-detail .box-content .content-tuyen-dung p {
        color: #6c757d;
        font-size: 12px;
        font-family: Montserrat-Regular;
        text-align: left;
        margin-bottom: 0
    }

    .tuyendung-detail .box-content .content-tuyen-dung b {
        color: #a96b11;
        font-size: 12px;
        text-align: left
    }

    .tuyendung-detail .box-content .rowtitle {
        color: #4c4f50;
        text-align: left
    }

        .tuyendung-detail .box-content .rowtitle h5 {
            color: #a96b11;
            font-family: Montserrat-Regular;
            font-weight: 600;
            font-size: 20px
        }

        .tuyendung-detail .box-content .rowtitle h6 {
            font-family: Montserrat-Regular;
            font-weight: 600;
            font-size: 16px
        }

        .tuyendung-detail .box-content .rowtitle .colbottom p {
            color: #4c4f50;
            font-size: 13px;
            font-family: Montserrat-Regular;
            margin-bottom: 7px
        }

        .tuyendung-detail .box-content .rowtitle .colbottom b {
            color: #a96b11;
            font-size: 13px
        }

        .tuyendung-detail .box-content .rowtitle .colbottom i {
            color: #a96b11 !important
        }

        .tuyendung-detail .box-content .rowtitle .colbottom .btn-tuyendung {
            border: 2px solid #a96b11;
            color: #a96b11;
            margin-top: 18px;
            float: right;
            border-radius: 5px
        }

    .tuyendung-detail .box-content .rowdesc {
        padding: 70px;
        color: #4c4f50
    }

    .tuyendung-detail .box-content .rowcontent em, .tuyendung-detail .box-content .rowcontent li, .tuyendung-detail .box-content .rowcontent p, .tuyendung-detail .box-content .rowcontent strong {
        color: #4c4f50;
        font-size: 14px;
        font-family: Montserrat-Regular
    }

    .tuyendung-detail .box-content .rowbtn {
        float: right;
        margin-bottom: 50px
    }

        .tuyendung-detail .box-content .rowbtn .btn-ungtuyen {
            color: #fff;
            background-color: #a96b11;
            border-radius: 5px;
            position: relative
        }

            .tuyendung-detail .box-content .modal-body i, .tuyendung-detail .box-content .rowbtn .btn-ungtuyen i {
                color: #fff !important;
                margin-left: 5px
            }

    .tuyendung-detail .box-content .modal-title {
        text-decoration: none;
        font-family: Montserrat-Regular;
        font-size: 14px
    }

    .tuyendung-detail .box-content .modal-body b {
        color: red
    }

    .tuyendung-detail .box-content .modal-body .btn-nopdon {
        text-align: right
    }

    .tuyendung-detail .box-content .modal-body .btn-nop-don {
        color: #fff !important;
        background-color: #a96b11
    }

    .b1464, .tuyendung-detail .right-content {
        float: right
    }

    .tuyendung-detail .left-content {
        float: left
    }

.slide-item .content {
    position: absolute;
    z-index: 99;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    padding-top: 50px;
    padding-left: 50px;
    font-family: UTM-Alter-Gothic;
    transition: .5s
}

    .slide-item .content:hover, .slide-item:hover > .content {
        background-color: rgba(169,107,17,.5)
    }

        .slide-item .content:hover > a {
            background-color: #fff;
            color: #a96b11
        }

    .slide-item .content .descip {
        font-size: 16px
    }

.slick-left {
    left: 25px;
    width: fit-content
}

.slick-right {
    right: 25px;
    width: fit-content
}

.slick-left, .slick-right {
    position: absolute;
    z-index: 99;
    top: calc(50% - 30px);
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 30px
}

    .slick-left i, .slick-right i {
        font-size: 43px
    }

.footer-border-left {
    border-left: 1px solid
}

.company-name {
    font-family: UTM-Alter-Gothic;
    font-size: 27pt;
    color: #fff
}

.chi-nhanh-footer {
    font-family: Montserrat-SemiBold;
    font-size: 15pt;
    color: #fff
}

.b128, .b457x, .b752x3, .lien-he h3, .lien-he h4, .lien-he h5 {
    font-family: UTM-Alter-Gothic
}

.btn-footer {
    color: #fff;
    background-color: #a96b11
}

.footer .btn, .footer input, .slide-item .content .btn {
    border-radius: 50px
}

.slide-doi-tac, .slide-home {
    max-width: 100%;
    overflow-x: hidden
}

.lien-he .map iframe {
    width: 100%;
    height: 550px;
    border-radius: 30px
}

.lien-he .container {
    margin-top: 60px;
    margin-bottom: 60px
}

.lien-he h3 {
    font-size: 28px;
    color: #a96b11;
    margin-bottom: 20px
}

.lien-he h4 {
    font-size: 22px;
    color: #6d7174;
    margin-top: 15px
}

.lien-he h5 {
    font-size: 20px;
    color: #6d7174;
    margin-top: 15px
}

.lien-he .col-left a, .lien-he .col-left p {
    color: #6d7174;
    font-weight: 500
}

.lien-he .col-right {
    padding: 30px;
    border: 1px solid #a8afb4;
    border-radius: 20px
}

    .lien-he .col-right button {
        border: 2px solid #a96b11;
        color: #a96b11;
        font-size: 16px;
        padding-left: 25px;
        padding-right: 15px
    }

        .lien-he .col-right button span {
            margin-left: 30px
        }

@media only screen and (max-width:576px) {
    .modal .modal-dialog {
        margin: 0
    }

        .modal .modal-dialog a {
            line-height: 18px;
            text-decoration: none;
            color: #a96b11
        }

    .slick-dots {
        bottom: 5px
    }

    .content-gioi-thieu {
        margin-top: 5px;
        margin-left: 95px;
        width: 70%
    }

    .gioithieu {
        height: auto;
        background-position: left
    }

        .gioithieu .title {
            margin-top: 20px;
            margin-left: 22px;
            width: calc(100% - 22px)
        }

            .gioithieu .title span, .header-gioi-thieu .title .link, .noidung-td .right-widget i, .rnd .box-rnd .content-rnd span, .rnd .title p, .rnd .title span {
                font-size: 11px
            }

    .he-sinh-thai .title, .khachhang .title, .project .title, .ttsk .title {
        font-size: 31px
    }

    .he-sinh-thai .content {
        font-size: 12px;
        padding: 14px 20px 26px
    }

    .slide-item .content .btn {
        font-size: 21px;
        width: max-content !important;
        padding: 7px 24px;
        font-family: UTM-Alter-Gothic
    }

    .project {
        height: auto;
        padding-bottom: 35px
    }

        .project .filter {
            margin-top: 0;
            margin-bottom: 0
        }

    .he-sinh-thai p {
        margin-bottom: 0
    }

    .footer img {
        margin-top: 25px;
        margin-bottom: 25px
    }

    .footer .company-name, .slide-du-an-bmi .box-du-an-bmi h4, .tuyendung .box-content p {
        font-size: 24px
    }

    .footer .footer-border-left {
        border-left: none
    }

    .chi-nhanh-footer, .news .widget h3, .news .widget h4 {
        font-size: 16px
    }

    .khachhang .logo-doi-tac {
        background-image: unset !important
    }

        .khachhang .logo-doi-tac .logo {
            opacity: 1;
            width: 100%
        }

    .header-gioi-thieu img {
        height: 210px;
        max-width: 100%;
        object-fit: none;
        object-position: bottom
    }

    .dich-vu .title h3, .header-gioi-thieu .tieu-de, .noidung-td .right-widget h4, .project-body h2 {
        font-size: 26px
    }

    .doi-ngu .bld-row2, .doi-ngu .line, .gioi-thieu .noi-dung, .gioi-thieu .noi-dung .banlanhdao {
        margin-top: 0
    }

        .gioi-thieu .noi-dung .text-gioi-thieu p {
            padding-right: 25px;
            text-align: justify;
            font-size: 12px
        }

        .gioi-thieu .noi-dung .title {
            margin-top: 10px;
            margin-left: 65px;
            margin-bottom: 20px;
            width: 85%
        }

    .gioi-thieu .arrow {
        width: 100%
    }

    .gioi-thieu .noi-dung .banlanhdao img {
        width: 80%
    }

    .tnsm {
        background-position: bottom;
        background-size: 213%;
        background-color: #0b497a
    }

        .tnsm .title {
            padding-top: 38px;
            font-size: 31px
        }

        .tnsm .content {
            font-size: 12px;
            width: 80%;
            margin-bottom: 33px !important
        }

        .tnsm .box-content {
            padding: 17px;
            height: 350px;
            background-image: linear-gradient(to bottom,#fff,rgb(255 255 255 / 100%),rgb(255 255 255 / 50%),rgb(255 255 255 / 0%))
        }

            .dich-vu .content-banner h2, .noidung-td .right-widget .ghimphai i, .tnsm .box-content .titlebox {
                font-size: 20px
            }

            .dich-vu .title p, .news .contentnews p, .noidung-td .right-widget h6, .project-body span, .tnsm .box-content .desc, .widget-tt p {
                font-size: 12px
            }

    .gtcl {
        height: fit-content;
        background-size: cover
    }

        .gtcl .title {
            font-size: 31px;
            margin-bottom: 14px
        }

        .gtcl .content .dieu-huong {
            font-size: 9px;
            margin-left: 2px;
            margin-right: 2px
        }

    .doi-ngu .desc-doi-ngu {
        margin-bottom: 80px;
        margin-top: 22px;
        box-shadow: none
    }

    .doi-ngu .comment, .qlkt {
        margin-top: 35px
    }

    .doi-ngu .box-comment {
        padding: 23px
    }

        .doi-ngu .box-comment span {
            font-size: 15px;
            line-height: 1.3
        }

        .doi-ngu .box-comment .title-comment, .header-gioi-thieu .tieu-de h6 {
            font-size: 15px
        }

    .dich-vu .title {
        margin-top: 20px;
        margin-bottom: 10px
    }

    .dich-vu .content-banner p, .news .contentnews h4, .widget-tt h6 {
        font-size: 14px
    }

    .dv-content {
        padding: 10px
    }

        .dv-content .box-content {
            padding: 5px;
            width: 100%
        }

        .dv-content h2 {
            font-size: 42px;
            margin-bottom: 0
        }

        .dv-content .box-content p {
            font-size: 27px;
            margin-bottom: 0
        }

        .dv-content .xem-them {
            margin-left: 17px
        }

            .dv-content .xem-them a {
                font-size: 10px;
                padding-top: 0;
                padding-bottom: 0
            }

    .qlkt {
        margin-bottom: 35px
    }

    .concept-avatar .box-content {
        margin-left: 0;
        padding-top: 25px;
        padding-bottom: 0
    }

    .htdt h2 {
        font-size: 28px
    }

    .htdt .box-content {
        padding: 20px;
        width: 95%
    }

        .htdt .box-content .div-left p {
            padding-left: 0;
            width: 100%
        }

        .htdt .box-content .div-right {
            padding-left: 10px;
            border: none
        }

    .mzone .div-border {
        margin-top: 25px
    }

    .ptkd {
        margin-top: 30px;
        margin-bottom: 40px
    }

    .rnd {
        margin-top: 20px
    }

    .project-filter, .tuyendung h5 {
        margin-top: 30px
    }

    .rnd .box-rnd img {
        height: 300px;
        object-fit: cover;
        object-position: right
    }

    .rnd .box-rnd .content-rnd h3 {
        font-size: 20px;
        margin-bottom: 5px;
        margin-top: 33px
    }

    .rnd .box-rnd .content-rnd {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        padding: 0 30px
    }

    .lien-he .container .content, .list-project {
        padding-left: 20px;
        padding-right: 20px
    }

    .rnd .box-rnd .content-rnd i {
        line-height: 0;
        top: 12px
    }

    .rnd .title h2 {
        font-size: 26px;
        margin-top: 42px;
        margin-bottom: 15px
    }

    .news .posision h4 {
        font-size: 13px
    }

    .news .posision p, .news .posision span {
        margin-bottom: 3px;
        font-size: 10px
    }

    .widget-tt {
        margin-bottom: 25px
    }

    .project-filter .btn-active {
        font-size: 11px;
        padding: 7px 9px 5px
    }

    .project-filter .btn-unactive {
        margin-left: 5px;
        font-size: 11px
    }

    .list-project {
        margin-top: 15px
    }

    .project-menu a {
        border-right: none;
        display: inherit;
        line-height: 25px
    }

    .project-body b {
        font-size: 10px;
        padding-left: 15px
    }

    .tuyendung h5 {
        font-size: 26px
    }

    .noidung-td .left-widget {
        margin-bottom: 20px
    }

    .noidung-td .right-widget label, .noidung-td .right-widget span {
        font-size: 9px
    }

    .noidung-td .right-widget .btn-tuyendung {
        margin-top: 11px;
        width: fit-content;
        margin-left: 10px;
        border-width: 1px;
        text-transform: none
    }
}

@media only screen and (max-width:768px) and (min-width:576px) {
    .modal .modal-dialog {
        max-width: 768px;
        margin: 0
    }

        .modal .modal-dialog a {
            margin-left: 30px;
            line-height: 35px;
            text-decoration: none;
            color: #6c757d;
            font-weight: 600
        }

    .slick-dots {
        bottom: 15px
    }

    .gioithieu {
        padding-bottom: 150px;
        background-position: left;
        height: 590px;
        margin-bottom: 16px
    }

    .content-gioi-thieu {
        width: 90%;
        margin-top: 40px;
        margin-left: 90px
    }

    .gioithieu .title {
        width: 90%;
        margin-top: 25px;
        margin-left: 90px
    }

        .footer p, .footer span, .gioithieu .title span, .qlkt .box-content li, .qlkt .box-content p, .rnd .box-rnd .content-rnd span, .rnd .title p, .rnd .title span, .tnsm .box-content .desc, .ttsk .tieu-de {
            font-size: 12px
        }

    .he-sinh-thai .title, .header-gioi-thieu .tieu-de, .khachhang .title, .project .title, .project-bodyslide h4, .project-other h4, .ttsk .title {
        font-size: 26px
    }

    .he-sinh-thai .content {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .project {
        height: 665px
    }

        .project .filter {
            margin-top: 25px;
            margin-bottom: 15px
        }

            .project .filter .btn-active, .project .filter .btn-unactive {
                font-size: 14px
            }

        .project .xem-them, .qlkt .box-content h2 {
            font-size: 16px
        }

    .he-sinh-thai p {
        margin-bottom: 0
    }

    .ttsk .clockdate img {
        width: 9px
    }

    .gioi-thieu .noi-dung .title .div-title span, .slide-du-an-khac .title-project h3, .ttsk .date {
        font-size: 9px
    }

    .doi-ngu .chuc-danh b, .doi-ngu .chuc-danh p, .ttsk .desc {
        font-size: 10px
    }

    .khachhang .logo-doi-tac {
        background-image: unset !important
    }

        .khachhang .logo-doi-tac .logo {
            opacity: 1;
            width: 100%
        }

    .doi-ngu .title-comment, .doi-ngu .title-desc, .project-body span, .ttsk .btn-tintuc {
        font-size: 13px
    }

    .footer .company-name {
        font-size: 18pt
    }

    .footer .chi-nhanh-footer {
        font-size: 15px
    }

    .header-gioi-thieu img {
        height: 330px;
        max-width: 100%;
        object-fit: cover
    }

    .gioi-thieu .noi-dung {
        margin-top: 20px
    }

    .doi-ngu .chuc-danh, .rnd .title h2 {
        margin-top: 15px
    }

    .gioi-thieu .noi-dung .text-gioi-thieu {
        margin-top: 0
    }

        .gioi-thieu .noi-dung .text-gioi-thieu p {
            margin-top: 0;
            font-size: 10px
        }

        .gioi-thieu .noi-dung .text-gioi-thieu .text {
            margin-top: 5px
        }

    .gioi-thieu .arrow {
        width: 115%
    }

    .gioi-thieu .noi-dung .title {
        margin-top: 0;
        margin-left: 40px
    }

    .gioi-thieu .noi-dung .banlanhdao {
        margin-top: -15px
    }

    .gtcl, .tnsm {
        height: 600px;
        background-size: cover
    }

        .doi-ngu .title, .tnsm .title {
            padding-top: 20px;
            font-size: 26px
        }

        .tnsm .box-content {
            padding: 10px;
            height: 350px
        }

            .tnsm .box-content .titlebox {
                font-size: 18px
            }

        .gtcl .title {
            padding-top: 25px;
            font-size: 26px
        }

        .concept-avatar .box-content .bcp-content span, .doi-ngu .box-comment span, .doi-ngu .desc-doi-ngu span, .gtcl .box-content .content-desc span, .gtcl .content .dieu-huong {
            font-size: 11px
        }

        .gtcl .box-content .content-desc {
            top: 10px;
            padding: 20px
        }

    .doi-ngu .desc-doi-ngu {
        padding-top: 20px;
        padding-left: 15px;
        padding-right: 15px
    }

    .doi-ngu .ava-box {
        left: 15px;
        bottom: 10px
    }

    .doi-ngu .desc-doi-ngu .ava-box img {
        width: 50px
    }

    .doi-ngu .quota {
        top: -13px;
        left: 20px;
        width: 30px
    }

    .doi-ngu .box-comment, .dv-content .box-content {
        padding: 15px
    }

    .dv-content h2 {
        font-size: 76px
    }

    .dv-content p {
        font-size: 24px;
        padding-bottom: 0
    }

    .dv-content .xem-them a {
        font-size: 10px;
        padding-top: 0;
        padding-bottom: 0
    }

    .qlkt {
        margin-bottom: 30px
    }

        .qlkt .box-content {
            padding: 20px;
            border-radius: 15px
        }

    .concept-avatar .box-content {
        margin-left: -100px;
        padding-top: 35px;
        width: 40%
    }

        .concept-avatar .box-content .bcp-content {
            padding: 20px
        }

            .concept-avatar .box-content .bcp-content h2 {
                font-size: 18px;
                margin-bottom: 0
            }

            .concept-avatar .box-content .bcp-content h3 {
                font-size: 15px;
                margin-top: 2px;
                margin-bottom: 0
            }

    .htdt .box-content {
        padding: 75px
    }

        .htdt .box-content .div-left p {
            padding-left: 50px
        }

    .htdt h2 {
        font-size: 30px
    }

    .slide-du-an-bmi .box-du-an-bmi h4 {
        font-size: 22px
    }

    .mzone .div-border, .mzone .div-col {
        padding-left: 20px;
        padding-right: 20px
    }

    .ptkd {
        margin-top: -40px;
        margin-bottom: 40px
    }

    .rnd {
        margin-top: -35px;
        width: 85%
    }

        .rnd .box-rnd img {
            height: 370px
        }

        .rnd .box-rnd .content-rnd h3 {
            font-size: 18px;
            margin-bottom: 5px;
            margin-top: 5px
        }

        .rnd .box-rnd .content-rnd {
            top: 30px;
            left: 30px
        }

            .rnd .box-rnd .content-rnd i {
                line-height: 0
            }

        .rnd .title h2 {
            font-size: 26px;
            margin-bottom: 15px
        }

    .widget-tt {
        margin-bottom: 25px
    }

    .project-menu a {
        border-right: none;
        display: inherit;
        line-height: 25px
    }

    .project-body h2 {
        font-size: 26px;
        padding-left: 15px;
        padding-right: 15px
    }

    .project-body b {
        font-size: 12px;
        padding-left: 15px
    }

    .slide-du-an-khac .title-project span {
        font-size: 8px
    }

    .noidung-td .left-widget {
        margin-bottom: 20px
    }
}

@media only screen and (max-width:1200px) and (min-width:999px) {
    .gioithieu, .gtcl, .khachhang .logo-doi-tac, .tnsm {
        background-size: cover
    }

    .text-menu {
        margin-left: 5px;
        margin-right: 5px;
        font-size: 13px
    }

    .slick-dots {
        bottom: 20px
    }

    .gioithieu {
        background-position: left;
        height: 550px;
        margin-bottom: 35px
    }

    .content-gioi-thieu {
        width: 80%;
        margin-top: 66px;
        margin-left: 110px
    }

    .gioithieu .title {
        width: 80%;
        margin-top: 35px;
        margin-left: 110px
    }

    .hst .he-sinh-thai p {
        margin-bottom: 0
    }

    .ttsk .tieu-de {
        font-size: 17px
    }

    .ttsk .clockdate img {
        width: 11px
    }

    .gioi-thieu .noi-dung .title span, .slide-du-an-bmi .box-du-an-bmi p, .slide-du-an-bmi .box-du-an-bmi span, .ttsk .date {
        font-size: 11px
    }

    .project-menu a, .rnd .box-rnd .content-rnd span, .rnd .title p, .rnd .title span, .ttsk .desc, .tuyendung-detail .box-content .rowtitle .colbottom b, .tuyendung-detail .box-content .rowtitle .colbottom p {
        font-size: 12px
    }

    .khachhang .logo-doi-tac .logo {
        width: 100%
    }

    .gioi-thieu .noi-dung {
        margin-top: 30px
    }

    .gioi-thieu .arrow {
        width: 115%
    }

    .gioi-thieu .noi-dung .text-gioi-thieu, .tuyendung-detail .box-content .rowtitle .colbottom .btn-tuyendung {
        margin-top: 0
    }

        .gioi-thieu .noi-dung .text-gioi-thieu p {
            font-size: 12px;
            text-align: justify
        }

    .gioi-thieu .noi-dung .title {
        margin-top: 5px;
        margin-left: 50px;
        width: 90%
    }

        .gioi-thieu .noi-dung .title img {
            max-width: 25%;
            object-fit: cover;
            margin-right: 5px
        }

    .gioi-thieu .noi-dung .banlanhdao {
        margin-top: -40px;
        background-image: linear-gradient(to top,rgb(128 128 128 / 40%),#fff,#fff)
    }

    .gtcl, .tnsm {
        height: 680px
    }

        .tnsm .box-content {
            background-image: linear-gradient(to bottom,#fff,rgb(255 255 255 / 60%),rgb(255 255 255 / 0%));
            padding: 25px;
            height: 420px
        }

            .tnsm .box-content .titlebox {
                font-size: 22px
            }

        .gtcl .box-content .content-desc {
            padding: 30px
        }

    .dv-content .box-content {
        padding: 15px
    }

    .dv-content h2 {
        font-size: 106px
    }

    .dv-content p {
        font-size: 34px;
        padding-bottom: 0
    }

    .dv-content .xem-them a {
        font-size: 13px;
        padding-top: 0;
        padding-bottom: 0
    }

    .qlkt .box-content {
        padding: 45px
    }

    .concept-avatar .box-content {
        margin-left: -140px;
        padding-top: 55px;
        width: 40%
    }

        .concept-avatar .box-content .bcp-content, .tuyendung-detail .box-content .rowdesc {
            padding: 35px
        }

            .concept-avatar .box-content .bcp-content h2 {
                font-size: 24px
            }

            .concept-avatar .box-content .bcp-content h3, .tuyendung-detail .box-content .rowtitle h5 {
                font-size: 18px
            }

    .htdt h2 {
        font-size: 30px
    }

    .slide-du-an-bmi .box-du-an-bmi h4 {
        font-size: 20px
    }

    .rnd {
        margin-top: -35px;
        width: 85%
    }

        .rnd .box-rnd .content-rnd h3 {
            font-size: 22px;
            margin-bottom: 5px;
            margin-top: 5px
        }

        .rnd .box-rnd .content-rnd {
            top: 30px;
            left: 30px
        }

            .rnd .box-rnd .content-rnd i {
                line-height: 28px
            }

        .rnd .title h2 {
            font-size: 26px;
            margin-top: 15px;
            margin-bottom: 15px
        }

    .widget-tt h6, .widget-tt p {
        font-size: 11px;
        margin-bottom: 0
    }

    .list-project .title-project h3 {
        font-size: 15px
    }

    .project-body h2 {
        font-size: 22px;
        padding-left: 15px;
        padding-right: 15px
    }

    .project-bodyslide h4, .project-other h4 {
        font-size: 26px
    }

    .project-body b, .tuyendung-detail .content-tuyen-dung h6 {
        font-size: 10px
    }

    .project-body span {
        font-size: 11px;
        line-height: 15px
    }

    .slide-du-an-khac .title-project h3, .tuyendung-detail .box-content .content-tuyen-dung b, .tuyendung-detail .box-content .content-tuyen-dung p {
        font-size: 9px
    }

    .slide-du-an-khac .title-project span {
        font-size: 8px
    }

    .project-body .div-col {
        line-height: 22px
    }

    .project-body .div-conten-tienich {
        width: 48%
    }

    .tuyendung-detail .content-tuyen-dung h3 {
        font-size: 13px
    }

    .tuyendung .box-content span {
        line-height: 25px;
        margin-left: 5px;
        font-size: 12px
    }
}

img {
    max-width: 100%;
    height: auto
}

.b17.body4 {
    background: #fbfdfc
}

.b62 {
    width: calc(100% - 53px);
    padding-right: 28px
}

.b64 {
    border-color: #fff !important
}

.navbar-light .navbar-toggler-icon.b65 {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba%28 192, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>")
}

.b69 {
    background: #a96b11 !important;
    padding: 10px
}

.b70 {
    width: 100%;
    padding-right: 53px;
    margin-left: 16px
}

.b72, .modal-header .btn-close.b72 {
    color: #fff;
    background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>") center/100% 100% no-repeat;
    opacity: 1;
    width: 37px;
    height: 26px;
    padding: 0;
    margin-left: 12px
}

.b191, .b457x, .b97 {
    width: 100%
}

.b97 {
    position: absolute
}

.b109, .b112 {
    position: relative;
    padding-left: 32px
}

.b110, .b113, .b117 {
    position: absolute;
    top: 5px;
    left: 11px
}

.b115, a {
    color: inherit
}

.b169, .b457x {
    color: #fff
}

.b117 {
    top: 22px
}

.b123 {
    position: relative;
    padding-left: 22px
}

    .b123 .b110 {
        top: 5px;
        left: 1px
    }

.b128 {
    font-size: 29px
}

.b131, .b133 {
    background: #cfb345;
    border-color: #d9aa19;
    color: #fff;
    padding: 10px
}

    .b131::placeholder, .b133::placeholder {
        color: #fff
    }

.b134 {
    padding: 10px 0
}

.b159 {
    background: #a96b11
}

.b162 {
    margin: 20px 0
}

.b191 {
    padding: 0
}

.b452 {
    background: linear-gradient(90deg,#f8fdf9,#f8fdf9,#f5fcfa)
}

.b457x {
    position: absolute;
    bottom: 3.8vw;
    left: 0;
    font-size: 2.1vw;
    font-weight: 400;
    line-height: 1.1
}

.b456-1 .b457x {
    color: #0d3d5c
}

.b456-2 .b457x {
    text-align: left;
    bottom: 2.1vw;
    left: 21%;
    width: 30%;
    padding: 7px 12px 5px;
    color: #fff
}

.b505 {
    position: relative;
    background: url('../images/bg-project.jpg');
    overflow: hidden;
    background-size: contain;
    background-repeat: no-repeat
}

.b505x, .b752x1 {
    position: absolute
}

.b505x {
    z-index: 0;
    top: -.5%;
    left: 61%
}

.b1432, .b511 {
    margin-bottom: 11px
}

.b515 {
    min-height: 710px
}

.b523 {
    height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.b524, .b661, .b724 {
    height: 17px
}

.b628 {
    padding-right: 50px
}

.b670 {
    margin-bottom: 20px
}

    .b670 iframe {
        height: 484px
    }

.b716, .b727 {
    margin-bottom: 50px
}

.b770 {
    min-height: 540px
}

.b795 a, .b797 a, .lb a {
    display: block;
    overflow: hidden
}

.b796, .b798 {
    height: 300px
}

.lb a > div {
    background-position: top left;
    transition: .3s;
    display: block
}

    .b796:hover, .b798:hover, .lb a > div:hover {
        transform: scale(1.03)
    }

.b1428, .b959 {
    border: 2px solid #ccc;
    border-radius: 9px
}

.b966, .b976 {
    margin-bottom: 5px
}

.b1062 a, .b1062 a > div, .b1144 a, .b1144 a > div {
    height: 100%
}

.b1087 p, .b1224 p, .b995 p {
    margin: 0 0 10px;
    position: relative;
    padding-left: 20px
}

    .b1087 p i, .b1224 p i, .b995 p i {
        position: absolute;
        top: 4px;
        left: 0;
        line-height: 1
    }

.b1358 {
    margin-bottom: 19px
}

.animate__animated {
    opacity: 1 !important
}

.btn.btn-facebook {
    background-color: #3b5998 !important;
    color: #fff
}

.btn.btn-twitter {
    background-color: #00aced !important;
    color: #fff
}

.btn.btn-linkedin {
    background-color: #007bb6 !important;
    color: #fff
}

.btn.btn-dribbble {
    background-color: #ea4c89 !important
}

.btn.btn-googleplus {
    background-color: #dd4b39 !important
}

.btn.btn-instagram {
    background-color: #517fa4 !important;
    color: #fff
}

.btn.btn-pinterest {
    background-color: #cb2027 !important;
    color: #fff !important;
    border-width: 0
}

.btn.btn-dropbox {
    background-color: #007ee5 !important
}

.btn.btn-flickr {
    background-color: #ff0084 !important
}

.btn.btn-tumblr {
    background-color: #32506d !important
}

.btn.btn-skype {
    background-color: #00aff0 !important
}

.btn.btn-youtube {
    background-color: #b00 !important
}

.btn.btn-github {
    background-color: #171515 !important
}

.b772 td {
    color: #fff;
    font-weight: 100
}

.b457-xs, .visible-xs {
    display: none !important
}

.page-item.active .page-link {
    background-color: #a96b11;
    border-color: #a96b11
}

.b752x1 {
    top: 6%;
    left: 10%;
    width: 80%
}

.b752x2 {
    margin-bottom: 23px
}

.b752x3 {
    color: #fff;
    font-size: 30px;
    line-height: 1.2
}

.b752x5 {
    color: #fff;
    font-size: 15px;
    width: 800px;
    margin: auto;
    max-width: 100%
}

.tuyendung .box-content .b1449 h2 {
    font-size: 17px;
    font-family: Montserrat-Regular;
    font-weight: 700;
    color: #66686b;
    margin-top: 0
}

.tuyendung .box-content .b1449 ul {
    padding-left: 27px
}

.b1449x {
    background: #eff3f6;
    padding: 20px;
    border-radius: 17px;
    margin-bottom: 20px
}

.b1449 table {
    margin: 0;
    border: none
}

    .b1449 table tr, .b1495 .b24-form-control-agreement .b24-form-control-container, .b1495 .b24-form-control-file .b24-form-control-container {
        border: none
    }

    .b1449 table td {
        border: none;
        padding: 3px 5px
    }

        .b1449 table td:first-child {
            width: 20% !important;
            font-weight: 700
        }

        .b1449 table td:last-child {
            width: 80% !important
        }

        .b1449 table td strong {
            color: #345d86
        }

.b1452 {
    margin-left: 6px
}

.b1459x {
    border-bottom: 1px solid #ccc;
    margin-bottom: 22px
}

.tuyendung-detail h5.b1463 {
    font-family: Montserrat-SemiBold;
    color: #a96b11;
    font-size: 16px;
    margin-bottom: 6px
}

.b1465 {
    font-size: 23px
}

.b1468 {
    font-weight: 700;
    color: #818286;
    font-size: 15px
}

.b1474 {
    color: #67c7d5;
    font-weight: 600
}

.b1495 .b24-form-wrapper.b24-form-border-bottom {
    padding: 0 !important;
    width: 100%;
    max-width: 100%;
    box-shadow: none
}

.b1495 .b24-form-control-container {
    border: 1px solid #ccc;
    border-radius: 7px
}

.b1495 .b24-form-control-icon-after .b24-form-control, .b1495 .b24-form-control-icon-after .b24-form-control-label {
    padding: 7px 10px;
    height: auto;
    border: none
}

.q34, .q36, .q4 {
    text-align: center
}

.q1 {
    margin-top: 100px;
    position: relative
}

.q10, .q4 {
    position: absolute
}

.q4 {
    top: 5%;
    left: 22%;
    width: 17%;
    color: #fff;
    font-size: 1.2vw
}

    .q4 span, .q5 {
        font-size: 200%;
        font-weight: 600
    }

.q36, .q37 {
    font-size: .7vw
}

.q10 {
    top: 10%;
    left: 42.4%;
    width: 19.7%
}

.q12 {
    width: 1.8vw
}

.q13 {
    color: #65686e;
    margin-bottom: 30px
}

.q33 {
    top: 10%;
    left: 65.4%;
    width: 18.3%
}

.q35 {
    filter: brightness(0) invert(1)
}

.q36 {
    color: #fff;
    margin-bottom: 10px;
    line-height: 1.3
}

.q37 {
    position: relative;
    top: auto;
    left: auto;
    width: 100%
}

    .q37 span, .q38 {
        font-size: 180%
    }

.bcp3 {
    margin: auto;
    max-width: 1310px
}

.rnd .box-rnd .content-rnd .bcp7 h3 {
    margin-top: 20px
}

@media only screen and (max-width:991px) {
    .b457 {
        display: none !important
    }

    .b457-xs, .b607 {
        display: block !important
    }

    .gioithieu .image-left.b464 {
        padding-left: 0;
        top: 8px
    }

    .b488 {
        max-width: 100%;
        height: auto
    }

    .slide-item .content.b500 {
        padding-top: 40%;
        padding-left: 22%
    }

    .gioithieu .image-left.b165 {
        padding-left: 0;
        top: 7px;
        width: 80px
    }

    .b162 {
        margin-bottom: 30px
    }

    .b189 {
        margin-bottom: -46px
    }

    .b597, .b604, .b607, .lien-he .col-right button {
        width: 100%
    }

    .b665.news, .htdt {
        margin-top: 20px
    }

    .b1392 {
        font-size: 16px
    }

    .b1387, .b1387 a, .b1387 span {
        font-size: 11px
    }

    .b1387 {
        margin-bottom: 5px
    }

    .header-gioi-thieu .titlegroup {
        padding-bottom: 15px
    }

    .lien-he .container {
        margin-top: 0
    }

    .menu {
        position: relative;
        background: #a96b11;
        overflow: hidden
    }

    .b64 {
        float: left;
        border: none;
        padding: 0;
        box-shadow: none !important
    }

    .navbar-light .navbar-toggler-icon.b65 {
        width: 40px;
        height: 40px
    }

    .search-group {
        position: fixed;
        top: 65px;
        right: 2%;
        width: 100%;
        max-width: 96%;
        background: #074576;
        display: none
    }

        .b56x, .search-group.active {
            display: block
        }

    .b56x {
        position: fixed;
        top: 19px;
        right: 17px;
        z-index: 20;
        color: #fff;
        font-size: 19px;
        letter-spacing: normal;
        width: auto
    }

    .b468 p {
        line-height: 1.2;
        margin-bottom: 12px;
        font-size: 11px
    }

    .b463 {
        margin-bottom: 39px
    }

    .b499 {
        height: 500px
    }

    .slide-item .content .descip {
        font-family: UTM-Alter-Gothic;
        font-size: 29px
    }

    .b501 {
        font-family: UTM-Alter-Gothic;
        font-size: 51px
    }

    .b506 {
        padding: 20px
    }

    .b505x {
        display: none
    }

    .b505 {
        background-image: url(../images/bg-project_1.jpg);
        background-repeat: no-repeat;
        background-position: center
    }

    .project .btn-choice-project {
        padding: 1px 17px;
        border-width: 1px;
        text-transform: uppercase
    }

    .project .div-col {
        padding: 8px 13px
    }

    .project .xem-them {
        padding-left: 6px
    }

    .rnd .box-rnd img.bcp40 {
        object-position: bottom
    }
}

@media only screen and (max-width:480px) {
    .b806, .dich-vu .img-banner {
        height: 100vw
    }

    .b751 > img, .b806 {
        object-fit: cover
    }

    .b1221, .b1445 {
        position: relative
    }

    .b1220, .b136, .b782 {
        overflow: hidden
    }

    .b136, .b137, .b148, .visible-xs {
        display: block !important
    }

    .hidden-xs {
        display: none !important
    }

    .b536 {
        width: calc(100vw - 32px)
    }

    .b532 {
        padding: 0 34px
    }

    .b536 .slick-right {
        right: -23px
    }

    .b536 .slick-left {
        left: -23px
    }

    .b549.mt-5 {
        margin-top: 20px !important;
        margin-bottom: 20px
    }

    .b550 {
        margin-bottom: 40px
    }

    .b98 {
        padding: 20px 11px !important
    }

    .b101 {
        text-align: left !important;
        padding-left: 24px
    }

    .slick-slide img.b545 {
        display: inline
    }

    .b544 {
        margin-bottom: 7px
    }

    .b137, .b148 {
        width: 100%;
        float: left;
        text-align: center;
        margin-bottom: 18px
    }

    .b58, .b59, .b66, .banner-index .menu.fixed {
        width: 100vw
    }

    .b1143, .b136, .b1466 > div, .b1467, .b59, .dv-content .div-right img, .project-bodyslide .slide-item {
        padding: 0
    }

    .b135, .b1455, .b66 {
        padding: 0 !important
    }

    .b137 {
        background: #a96b11;
        padding-bottom: 20px
    }

        .b137 a {
            opacity: .3
        }

            .b137 a img {
                width: 34px !important
            }

    .b127 {
        border-top: 1px solid #33678e;
        padding-top: 25px
    }

    .b1466, .b58, .b766, .project-filter .btn-choice-project, .tuyendung .box-content.b1454 {
        margin: 0
    }

    .tuyendung-detail .box-content .rowtitle h5 {
        margin-top: 0;
        font-size: 16px
    }

    .b1457 {
        font-family: UTM-Alter-Gothic;
        color: #a7afb4;
        font-size: 19px
    }

    .b1445, .btn i.b1448 {
        color: #a96b11 !important
    }

    .b1416 {
        padding: 30px 25px
    }

    .b1417 {
        padding-top: 20px
    }

    .tuyendung-detail .box-content {
        padding: 24px !important
    }

    .b1433, .b1439 {
        width: 50%;
        padding-right: 0
    }

    .tuyendung-detail .box-content .rowtitle .colbottom p, .tuyendung-detail .box-content .rowtitle .colbottom p b {
        font-size: 8px;
        margin-bottom: 5px
    }

    .tuyendung-detail .box-content .rowbtn {
        float: none;
        text-align: center;
        width: 109px;
        margin-bottom: 14px
    }

    .tuyendung .box-content span.b1452 {
        position: absolute;
        top: 9px;
        right: 10px
    }

    .tuyendung-detail .box-content .rowbtn .btn-ungtuyen {
        padding: 7px 21px 7px 2px;
        margin-left: 10px
    }

    .b1427, .b958 {
        width: 30%
    }

    .b1429 {
        width: 70%;
        padding-left: 0
    }

    .tuyendung-detail .box-content .rowtitle h6 {
        font-size: 14px;
        margin-bottom: 11px
    }

    .b1445 {
        padding: 10px 29px 8px 12px;
        border: 1px solid #18becc;
        border-radius: 6px;
        margin-bottom: 20px
    }

    .btn i.b1448 {
        display: block;
        position: absolute;
        top: 11px;
        right: 4px
    }

    .b1449x {
        margin: 0 10px 20px;
        width: calc(100% - 20px)
    }

    .b1418, .q15 {
        margin-bottom: 30px
    }

    .tuyendung-detail h5.b1463 {
        margin-top: 0;
        font-size: 12px
    }

    .b1468, .noidung-td .right-widget span.b986 {
        font-size: 13px
    }

    .b1466 label, .b1466 label span, .tuyendung .box-content span {
        font-size: 11px;
        color: #989da1
    }

    .b169, .b169 p, .b752x5 {
        font-size: 12px
    }

    .b1466 > div.col-lg-6, .b964, .b974 {
        width: 50%
    }

    .b1365, .tuyendung .header span {
        width: 90%
    }

    .tuyendung .box-content {
        margin: 0 20px
    }

    .b884 {
        margin-bottom: 35px
    }

    .b960 {
        width: 70%
    }

    .b163, .b825, .b846, .bcp39::before {
        display: none
    }

    .b169, .b169 p {
        line-height: 1.2
    }

    .b198, .b200, .b269, .b272 {
        width: 10%
    }

    .b201 h3 + div, .b210 {
        margin-top: 10px !important;
        line-height: 1.3
    }

    .b201 {
        padding: 0 15px
    }

        .b201 .col-6 {
            padding: 0 3px
        }

    .b222 {
        padding-bottom: 75vw;
        background-size: 271% auto;
        background-position: bottom left;
        background-color: #01214a
    }

    .gtcl .box-content .content-desc {
        line-height: 1.2;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        text-align: left;
        left: 38%;
        padding: 0;
        width: 56%
    }

    .b248, .b253, .b258 {
        margin-bottom: 40px;
        padding: 0 26px
    }

    .gtcl .box-content .content-desc span {
        font-size: 11px;
        line-height: 1
    }

    .b265 {
        padding: 0 25px
    }

    .b270 {
        width: 80%
    }

    .doi-ngu .ava-box {
        width: 93px;
        bottom: -23px;
        left: 18px
    }

    .b350 .slick-slide, .b641 .slick-slide {
        margin: 0 5px
    }

    .b350, .b625 {
        padding: 0 30px
    }

        .b350 .slick-left {
            left: -30px;
            top: calc(50% - 17px);
            z-index: 1
        }

        .b350 .slick-right {
            right: -30px;
            top: calc(50% - 17px);
            z-index: 1
        }

            .b350 .slick-left i, .b350 .slick-right i {
                color: #e9eaec;
                font-size: 27px
            }

    .b628 {
        padding: 0;
        margin-bottom: 30px
    }

    .b635 {
        padding-left: 0;
        margin-bottom: 20px
    }

    .project-bodyslide .slick-current .slide-item img, .project-bodyslide .slide-item img {
        height: 204px
    }

    .b1142, .b1167 > div, .b1327, .b1353, .b639 {
        padding: 0 20px
    }

    .b809, .b812, .b815, .b818 {
        width: 50%;
        float: left
    }

    .b1224, .b456-2 .b457x, .b759, .b761, .b828, .b842 {
        width: 100%
    }

    .dich-vu .img-banner > div:first-child {
        border-radius: 14px;
        overflow: hidden
    }

    .b751, .b751 > img {
        height: 106vw
    }

    .b828 {
        box-shadow: 0 15px 15px 0 #dee2e6 !important;
        border-radius: 0 0 20px 20px !important;
        padding: 20px
    }

    .dich-vu .content-banner.b807x {
        top: 98px
    }

    .b836 {
        padding-left: 0 !important
    }

    .b834 {
        text-align: right
    }

    .b1302 > div, .b1373, .b995 .col-lg-4 {
        padding: 0 21px
    }

    .concept-avatar .box-content .bcp-content {
        padding: 24px
    }

        .concept-avatar .box-content .bcp-content h3 {
            font-size: 21px;
            line-height: 1
        }

    .b1060, .b1140 {
        padding: 0 10px
    }

    .b769, .b795, .b797 {
        padding: 2px
    }

    .b795, .b797 {
        width: 50%;
        margin: 0 !important
    }

    .b796, .b798 {
        height: 171px
    }

    .b766 .slick-slide {
        margin: 0 19px
    }

    .qlkt .box-content {
        padding: 28px;
        box-shadow: 0 -25px 20px 0 rgb(35 35 35 / 20%);
        margin-bottom: 40px
    }

    .b1080 .b752x2, .b1080 .b752x3 {
        margin-bottom: 8px
    }

    .b752x3, .qlkt .box-content h2 {
        font-size: 24px
    }

    .mzone .div-border, .mzone .div-col {
        border-bottom: 1px solid #dcddde;
        border-left: 0;
        padding-bottom: 14px
    }

    .b1219 {
        padding: 0 11px
    }

    .b1217 {
        padding: 0 17px
    }

    .rnd .title i {
        line-height: 20px
    }

    .b1220 {
        background: #175a8e;
        border-radius: 14px
    }

    .b1221::before {
        position: absolute;
        content: " ";
        top: 0;
        left: 0;
        width: 100%;
        height: 21%;
        background: linear-gradient(180deg,#175a8e,transparent)
    }

    .b1087 p, .b1224 p, .b995 p {
        margin-bottom: 6px;
        padding-left: 15px
    }

    .b1080 .b752x4 {
        height: 52px
    }

    .b1080 .b752x3 {
        font-size: 16px
    }

    .b1080 .b752x5 {
        font-size: 12px;
        line-height: 1.4
    }

    .b1080 .b752x1 {
        top: 4%
    }

    .slide-du-an-bmi .box-du-an-bmi {
        padding: 20px
    }

    .b782 {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        -webkit-box-orient: vertical
    }

    .b770 {
        min-height: 360px
    }

    .b1449 table td:first-child, .b1449 table td:last-child {
        width: auto !important
    }

    .tuyendung .box-content.b1419 {
        margin: 0;
        box-shadow: none;
        padding: 0 !important
    }

    .b457x {
        font-size: 4.3vw
    }

    .b456-2 .b457x {
        left: 0;
        text-align: center
    }

    .q11, .q13 {
        text-align: justify
    }

    .q1 {
        margin-top: 0
    }

    .q11 {
        margin-bottom: 1.1vw;
        line-height: 1
    }

    .q12 {
        width: 10px;
        filter: brightness(0) invert(1)
    }

    .q13 {
        color: #fff;
        font-size: 1.4vw;
        margin-bottom: 1.8vw
    }

    .q17 {
        top: 5.9vw;
        left: 7.7%;
        width: 42%;
        font-size: 2.4vw
    }

    .q23 {
        top: .5%;
        left: 48.8%;
        width: 26.8%
    }

    .q33 {
        top: 56%;
        left: 55.4%;
        width: 34.3%
    }

    .q34 {
        text-align: center
    }

    .q37 {
        font-size: 1.1vw
    }

    .bcp3 {
        background: #002f63
    }
}