/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
    font-family: 'Lexend';
    src: url('/wp-content/themes/flatsome-child/fonts/Lexend-Bold.woff2') format('woff2'),
        url('/wp-content/themes/flatsome-child/fonts/Lexend-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lexend';
    src: url('/wp-content/themes/flatsome-child/fonts/Lexend-SemiBold.woff2') format('woff2'),
        url('/wp-content/themes/flatsome-child/fonts/Lexend-SemiBold.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lexend';
    src: url('/wp-content/themes/flatsome-child/fonts/Lexend-Regular.woff2') format('woff2'),
        url('/wp-content/themes/flatsome-child/fonts/Lexend-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}.nav-spacing-xlarge>li {
    margin: 0 15px;
}.header-main .nav > li > a {
    line-height: 79px;
}
.nav-dropdown{min-width:540px}
.header-button a{font-weight:normal;
    font-size: 18px;}.nav-dropdown li {
    display: inline-block;
    width: 50%;
}
.header-main li a{font-family:"Lexend"; font-weight:500}
.nav-dropdown.nav-dropdown-default>li>a {font-weight: 500;
    border-bottom: 0;
    color: #00548e;padding: 10px 10px;
}.nav-dropdown li{margin-bottom:7px}
.nav-dropdown li a:hover{    background: #dbdbdb;border-radius:5px}
.nut-tim-hieu-ngay{border-radius:5px; font-weight:normal; letter-spacing:0; font-size:18px}
.banner-section h2{font-size: 65px;
    font-weight: 500;
    color: #00548e;margin-bottom:30px}
.banner-section p{font-weight: normal;
    color: #00548e;
    font-size: 19px;}
.gioi-thieu-section h2 span.dong-2{font-size:46px; color:#00548e}
.gioi-thieu-section h2 span.dong-1{font-size: 16px;
    color: #e5c35c;}
.gioi-thieu-section h2{margin-bottom:85px}

.giai-thuong-section h2{font-size:40px; text-transform:uppercase; font-weight:500}
.giai-thuong-section h3{font-size:25px; font-weight:normal; margin-bottom:20px}
.page-id-746 .khoi-tin-tuc{display:none}
.page #comments{margin-top:50px; margin-bottom:50px}
.giai-thuong-section .col, .gioi-thieu-section .col{padding-bottom:0}.section-title-normal span {
    margin-right: 0;
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
    text-transform: none;
    font-size: 47px;
    color: #00548f;
    font-weight: 500;
    letter-spacing: -1px;
}.section-title-normal {
    border-bottom: 0;
}
html,body{font-family:"Lexend"; font-weight:normal}.section-title-container {
    margin-bottom: 0;
}.active>ul.sub-menu {
    display:table !important;
}
.du-an-section .page-box .box-text{font-size: 31px;
    line-height: 32px;
    text-shadow: none;
    padding: 20px;
      background-image: linear-gradient(transparent, black);border-bottom-left-radius:5px; border-bottom-right-radius:5px}.du-an-section .page-box .box-image{border-radius:5px}
h1,h2,h3,h4,h5,h6{font-family:"Lexend"; font-weight:bold}
.page-box .tom-tat{ text-align:left; margin-top:40px;display:block;   font-size: 15px;    color: white;}
.du-an-section .page-box h3{text-align:left; line-height:32px;font-weight: normal;
    font-size: 30px;
    display: inline-block;
    max-width: 200px;}
.page-box .show-on-hover{display:none;position: absolute;
      z-index: 999;width:100%; height:100%; }
.page-box:hover .show-on-hover{background: none;
    width: 100% !important;
    height: 100% !important; display: block !important;padding:0px; 
    }
.page-box .show-on-hover .bg-show-on-hover{width:100%; height:100%; background:none}
.du-an-section .cot1{padding-bottom:0}
.list-post1 .post-item .post-meta{margin-bottom: 13px;
    font-size: 15px;
    font-weight: 500;
      color: #6f6f6f;}
.list-post1 .post-item .box-image{border-top-left-radius:5px; border-bottom-left-radius:5px}
.list-post1 .post-item .box-text{border-top-right-radius:5px; border-bottom-right-radius:5px}
.list-post1 .post-item .post-title{font-weight: 500;
    color: #00548f;
      font-size: 15px;margin-bottom:40px}.box-blog-post .is-divider{display:none}
.list-post1 .post-item .box-text{    background: #edf2f6;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: top;}
.page-box .show-on-hover h3{margin-left:50px}.page-box .show-on-hover .tom-tat{margin-top:100px}
.page-box .show-on-hover:hover .bg-show-on-hover{ width: 100%;
    height: 100%;
    background: #e5c35ceb;
    transition: background 0.2s to-down; 
    padding: 20px;border-radius:5px}.page-box .show-on-hover:hover{margin-bottom:0; background:#00000080;
            transition:background 0.3s ease-in-out;}.page-box .show-on-hover:hover h3{margin-left:0px; transition:margin-left 1s}
.page-box .show-on-hover:hover .tom-tat{margin-top:40px; transition:margin-top 1s}
.nut-tim-hieu-ngay:hover{box-shadow: none;
    background: linear-gradient(90deg, #e5c35c 0%, #f9df7b 38.02%, #fff3a6 67.19%, #f9df7b 99.74%) !important;}
.page-col .xem-them{display: inline-block;
    bottom: 0;
    margin-top: 75px;
    color: white;
    font-size: 16px;
    font-weight: normal;
    padding-right: 10px;}
.slider .flickity-prev-next-button svg{fill: #340000 !important;background: white;
    box-shadow: 2px 2px 10px #0000001f;
    border-radius: 99%;}
.page-box:hover .box-text{display:none}
.list-post1 .post-item .from_the_blog_excerpt {font-size: 16px;
    color: black;margin-bottom:30px}
.post-item .button{margin: 0;
    text-transform: none;
    font-size: 15px;
    font-weight: 500;
    min-height: 10px;
    line-height: 0;}
.post-item .fa{color:#e5c35c}
.list-post2 .post-item .box-image{border-radius:5px}
.list-post2 .post-item .box-text{padding:10px}
.list-post2 .post-item .post-meta{font-size: 15px;
    font-weight: 500;
color: gray}
.list-post2 .post-item .post-title{margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 500;
    color: #00548e;
    font-size: 18px;}
.tin-tuc-section{padding-bottom:60px !important}.list-post2 .post-item .post-title:hover, .list-post1 .post-item .post-title:hover{color:#e5c35c}
.single-post .page-title-inner h1.entry-title{font-weight: normal;
      font-size: 35px;}
#breadcrumbs{    margin-bottom: 20px;
    font-size: 16px;}#wpdcom .wpd-thread-list {
    padding: 19px;
}.comment-form{margin-left:0 !important; margin-right:0 !important}.comment-form>p{padding:0}
#comments .comment-respond{background: white !important;
    padding: 20px !important;
    box-shadow: 2px 20px 30px #00000012;
    border-radius: 5px;}
h3.comments-title{margin-bottom:30px; text-transform: none;
    font-weight: normal;
    letter-spacing: -1px;
    font-size: 21px;
    color: #00548e;}
#comments .comment-respond {
    background-color: rgb(0 0 0 / 0%);
    margin-top: 0;
    padding: 0;
}
.comment-inner .strong.fn{font-weight: 500;
    font-style: normal;
    color: #00558f;}
.blog-single .entry-content h2{    font-weight: 500;
    font-size: 17px;}
.blog-single .entry-content img{border-radius:5px}
.dark .is-divider{display:none}

.footer-section strong{font-weight:500}
.footer-section h3{text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 40px;}
.footer-section ul li{margin-left: 0;
    list-style: none;}
.footer-section .col{padding-bottom:0}.absolute-footer, html {
    border-top: 1px solid #0d71b7;
}
.footer-section ul li a:hover{text-decoration:underline}
a.back-to-top{background:#e5c35c !important; border:none !important; color:white !important}#comments .comment-respond .comment-reply-title {
    font-size: 40px;
    font-weight: 500;
    color: #01558f;margin-bottom:0;
    letter-spacing: -1px;
}#wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt .wpd-textarea-wrap {
    flex-basis: 100%;
}
.wpd_comm_form{display:inline-block; width:100%; clear:both}
.wpd_comm_form .wpd-field-comment{width:50%; float:left; display:inline-block; padding-right:10px}
.wpd_comm_form .wpd-form-foot{width:50%; float:right; display:inline-block; padding-left:10px}
.bai-viet-lien-quan{padding:100px 0}
#comments .large-10{margin:0 auto}
#wpdcom .wpd-form .wpdiscuz-textarea-wrap textarea, #wpdcom .wpd-form .wpdiscuz-textarea-wrap textarea:focus{border: none;
      box-shadow: 2px 20px 30px #0000000f;}#wpdcom .wpd-form .wpdiscuz-textarea-wrap{padding-top:0}
.wpd-form-row{padding: 20px;
    box-shadow: 2px 20px 20px #00000014;
    border-radius: 5px;
    background: white;}
#wpdcom .wpd-form-row .wpd-field{    padding-top: 6%;
    padding-bottom: 6%;box-shadow: none;
    height: 40px;
    margin-bottom: 10px;}#wpdcom .wc-field-submit input[type="submit"] {
    margin-left: 0;
    width: 100%;
    background: #e5c35c;
    text-transform: none;
    font-family: "Lexend";
    font-weight: normal;
    letter-spacing: 0;
    font-size: 16px;
    height: 45px;
}#wpdcom.wpdiscuz_unauth .wc-field-submit {
    padding-top: 0;
}
#wpdcom .wpd_label{display:none}#wpdcom .wpd-form-head{margin-bottom:15px}#wpdcom #wpd-threads {
    margin-top: 0;
}#wpdcom .wpd-thread-head .wpd-thread-info {
    border-bottom: 2px solid #20689b;
    text-transform: none;
    letter-spacing: 0;
    font-size: 18px;
    font-weight: 500;
    color: #00538e;
}
.bai-viet-lien-quan h3{font-size: 40px;
    font-weight: 500;
    letter-spacing: -1px;
    color: #340000;}
.bai-viet-lien-quan {
    margin-top: 15px;
}

.bai-viet-lien-quan ul {
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
}
.bai-viet-lien-quan ul li {
    list-style: none;
    width: 33.33%;
    color: graytext;
    float: left;
    padding-left: 4px;
    padding-right: 5px;
}
.bai-viet-lien-quan ul li .box-image img {
    height: 200px;
    border-radius: 4px;
    object-fit: cover;
    object-position: center;
}
.bai-viet-lien-quan h4 {
   font-size: 17px;
    color: black;
    line-height: 23px;
    padding-top: 7px;
    height: 57px;
    overflow: hidden;
    font-weight: 500;
    color: #00548e;
}textarea#comment{border-radius: 5px;
    border: 1px solid #dedede;
    box-shadow: none;}
#submit{margin: 0;
    text-transform: none;
    font-weight: normal;
    border-radius: 5px;
    background: #e5c35c;}
#respond label{font-weight:500; color:#01558f}
#respond .comment-form-email{padding:0 10px}
#respond input{border-radius: 5px;
    box-shadow: none;}
.blog-archive .page-title{text-transform: none;
    letter-spacing: 0;
    font-size: 40px;
    font-weight: 500;
    color: #00548e;}
.blog-archive #breadcrumbs{margin-bottom:10px}
.blog-archive .large-12{    padding-bottom: 0;
    text-align: left;
    flex-basis: 80%;
    max-width: 80%;
    width: 80%;
    margin: 0 auto;}
.header-main {
box-shadow: 2px 5px 30px #00000012;
}
.blog-archive .post-item .col-inner:hover{box-shadow: 2px 20px 20px #0000001a;
    border-radius: 5px;}
.blog-archive #comments, .blog-archive .bai-viet-lien-quan{display:none}
.blog-archive .post-item .col-inner{border: 1px solid #efefef;
    border-radius: 5px;}
.blog-archive .post-item .post-title{    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 500;
    color: #126096;}
.blog-archive .post-item .box-image{border-top-left-radius:5px; border-bottom-left-radius:5px}
.home #comments, .home .khoi-tin-tuc{display:none}
.gioi-thieu-du-an{    background-image: url(/wp-content/uploads/2021/05/img2-1.jpg);
    background-repeat: no-repeat;
    background-position-x: right;}
.gioi-thieu-du-an h1{    font-size: 60px;
    color: #00548e;}
.gioi-thieu-du-an p.des{font-size: 22px;
    font-weight: 500;}
.gioi-thieu-du-an .col{padding-bottom:0}
.gioi-thieu-du-an .cot3 .col-inner{background: white;
    border-radius: 5px;
    padding: 20px;
    box-shadow: 2px 20px 30px #00000012;}
.gioi-thieu-du-an{padding-bottom:0 !important}
.gioi-thieu-du-an .cot3{margin-bottom: -100px;}
.gioi-thieu-du-an ul li{margin-bottom:10px;    list-style: none;
    margin-left: 10px;}
.noi-dung-du-an h2, .noi-dung-du-an h3{font-weight:500}.row-logo {
    box-shadow: 2px 2px 20px #00000024;
}.section1 .large-12 ul li {
    text-align: left;
    list-style: none !important;
    background: #f7eed0 !important;
    padding: 7px 15px 7px 30px !important;
    margin-bottom: 5px;
    counter-increment: item;
    position: relative;
}.section1 .large-12 ul li:before {
    position: absolute;
    content: counter(item);
    font-size: 1.5em;
    left: -15px;
    background-color: #73633f;
    top: 0;
    color: #fff;
    line-height: 32px;
    padding: 0 10px;
}.cac-li-do .icon-box {
    background: white;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 6px;
}.cac-li-do .icon-box h4{text-transform:uppercase; font-size:20px}
.danh-muc-du-an .col{padding-bottom:0}
.danh-muc-du-an .box{border: 1px solid #e6e6e6;
    border-radius: 5px;}
.danh-muc-du-an .box .box-text{padding:20px}
.danh-muc-du-an .box h3{margin: 0;
    margin-bottom: 23px;
    font-size: 24px;
    font-weight: 500;
    color: #00548e;}
.list-tin-tuyen-dung .post-item .col-inner{border:1px solid #dedede; border-radius:5px}
.list-tin-tuyen-dung .post-item .box-image{border-radius:5px}
.list-tin-tuyen-dung .post-item .box-text{border-bottom-left-radius:5px; border-bottom-right-radius:5px; padding:20px}
.list-tin-tuyen-dung .post-item .post-title{margin-bottom: 10px;
    font-weight: 500;
    font-size: 21px;
    color: #00548e;}
.list-tin-tuyen-dung .post-item .col-inner:hover{box-shadow: 2px 20px 20px #0000000f;}
.list-tin-tuyen-dung .post-item a:hover{color:black}
.list-tin-tuyen-dung .post-item .from_the_blog_excerpt {height: 70px;
    overflow: hidden;}
.contact-form-section h2{color: #737373;
    font-weight: 500;}
.box-contact{background: white;
    box-shadow: 2px 20px 20px #00000012;
    border-radius: 5px;
    padding: 20px;
    position: absolute;
    z-index: 2;
    padding-top: 37px;
    width: 392px;
}
.lien-he-section .large-8 p{margin-bottom:5px}
.row-logo .col{padding-bottom:0}
.gioi-thieu-du-an ul li a{padding-left:0;font-size: 17px;
      font-weight: 500;}.gioi-thieu-du-an ul{margin-bottom:0}
.gioi-thieu-du-an ul li a:hover{background-image: url(/wp-content/uploads/2021/05/divde.jpg);
    background-repeat: no-repeat;
    background-size: 45px;
    background-position-x: left;
    background-position-y: center;
      padding-left: 54px;transition:padding-left 1.2s}
.xem-them-post{padding: 0;padding-right:5px;
    margin: 0;margin-top: -3px;
    text-transform: none;
    color: #e5c35c;
    font-weight: 500;
    min-height: 15px;
    line-height: 0;
    height: 0;}
.blog-archive .post-item .from_the_blog_comments{display:none}
.blog-archive .post-item .box-text{border-top-right-radius:5px; border-bottom-right-radius:5px}
.blog-archive .post-item:nth-child(odd) .box-text{background:white}
.blog-archive :nth-child(even) .box-text{background:#edf2f6}
.blog-archive .large-10{flex-basis:100%; max-width:100%}
.commentlist li, .comment-list li{   padding: 15px;
    border-radius: 5px;
    background: white;
    margin-bottom: 25px;
    box-shadow: 2px 20px 30px #00000012;margin-left:0 !important; }.comment-list>li:not(:first-child){border-top:none;}
.commentlist li .children li, .comment-list li .children li{background:#f6f8fa; box-shadow:none; margin-bottom:20px}
.comment-inner .strong.f{    font-weight: 500;
    color: #08568f;
    font-style: normal;}
.form-lien-he .row-info{display:block; clear:both; width:100%}
.form-lien-he .row-info .left{display:inline-block; width:65%; padding-right:15px;float:left}
.khoi-tin-tuc{border-top: 1px solid #eaeaea;}
.form-lien-he textarea{min-height:200px;box-shadow: 0px 13px 20px #00000012;
    border-radius: 5px;
    border: none;
    padding: 20px;margin-bottom:40px}
.form-lien-he p.des{font-size: 15px;
    color: gray;}
.form-lien-he label{    font-weight: 500;
    color: #340000;}
.form-lien-he input{font-size: 15px;
    box-shadow: none;
    border-radius: 5px;}
.form-lien-he input[type='submit']{margin: 0;
    background: #e5c35c;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 500;
    width: 100%;}
.form-lien-he .row-info .right .box{box-shadow: 0px 13px 20px #00000012;
    border-radius: 5px;
    border: none;
      padding: 20px;}}
.form-lien-he label{font-weight:500; color:#340000}
.form-lien-he .row-info .right{display:inline-block; width:35%; padding-left:15px;float:right}
.footer-section .social-icons .button.icon:not(.is-outline), .footer-section .social-icons .button.icon:hover{
    background-color: white !important;
    border-color: white !important;
}
.footer-section .social-icons .button.icon:not(.is-outline)>i{    color: #00548e !important;}
.footer-section .button.icon{min-width: 2.7em;line-height: 2.6em;}#cta-icon {
    position: fixed;
    width: 60px;
    right: 0;
    top: 50%;
    z-index: 2000;
    background: #fff;
    box-shadow: -2px 0 10px rgb(0 0 0 / 10%);
    border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
}#cta-icon a {
    padding: 15px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: relative;
    text-decoration: none;
    transition: .3s;
}#cta-icon a:not(:last-child) {
    border-bottom: 1px solid #dee2e6;
}#cta-icon a.cta-phone i {
    color: #dc3545;
    -webkit-animation: swing ease-in-out .2s infinite alternate;
    -moz-animation: swing ease-in-out .2s infinite alternate;
    -ms-animation: swing ease-in-out .2s infinite alternate;
    -o-animation: swing ease-in-out .2s infinite alternate;
    animation: swing ease-in-out .2s infinite alternate;
}#cta-icon a i {
   font-size: 45px;
    color: #78bc1c;
    padding: 0;
    line-height: 28px;
}#cta-icon .cs-ring {
    position: absolute;
    border: 1px solid #dc3545;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    -webkit-animation: pulsate 1s ease-out;
    -moz-animation: pulsate 1s ease-out;
    -ms-animation: pulsate 1s ease-out;
    -o-animation: pulsate 1s ease-out;
    animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}#cta-icon a:not(:last-child) {
    border-bottom: 1px solid #dee2e6;
}#cta-icon a.cta-email .icon_email {
    background: url(/wp-content/uploads/2021/05/icon-mail.png) 0 0/100% auto no-repeat;
    width: 27px;
    height: 27px;
    display: inline-block;
}#cta-icon a.cta-chat .icon_chat {
    background: url(/wp-content/uploads/2021/05/icon-sms.png) center center/100% auto no-repeat;
    width: 35px;
    height: 35px;
    display: inline-block;
}#cta-icon a.cta-phone{  background: url(/wp-content/uploads/2021/05/icon-phone.gif) center center/90% auto no-repeat;
    width: 60px;
    height: 60px;
    display: inline-block;
    padding: 0;}
#cta-icon a.cta-messenger .ico_messenger {
    background: url(/wp-content/uploads/2021/05/icon-messenger.png.pagespeed.ce_.sSebhnGGgP.png) center center/100% auto no-repeat;
    width: 35px;
    height: 35px;
    display: inline-block;
}#cta-icon a.cta-zalo .ico_zalo {
    background: url(/wp-content/uploads/2021/05/icon-zalo-circle2.png.pagespeed.ce_.iUc59tfITH.png) center center/100% auto no-repeat;
    width: 35px;
    height: 35px;
    display: inline-block;
}




@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.nav-dropdown{min-width:260px}.off-canvas .nav-vertical>li>a {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
    font-weight: normal;
    color: #3e3e3e;
}.x0 {
    left: 5%;
}.gioi-thieu-section .img{width:100% !important}.gioi-thieu-section h2 {
    margin-bottom: 20px;
}.gioi-thieu-section, .du-an-section, .doi-tac-section{padding-top:30px !important; padding-bottom:30px !important}.giai-thuong-section .col{padding:20px}.section-title-normal span{font-size:30px}.list-post1 .post-item .post-title {
    font-size: 17px;
    margin-bottom: 11px;
}.list-post1 .post-item .box-text{padding:10px}.list-post1 .post-item .from_the_blog_excerpt{margin-bottom:5px}.list-post2 .post-item .post-title{font-size:16px; margin-bottom:0}
.footer-section .col{flex-basis:100%; max-width:100%}.gioi-thieu-du-an {
    background-position-x: left;
    background-position-y: bottom;
}.gioi-thieu-du-an{padding-top:100px !important; padding-bottom:100px !important}.gioi-thieu-du-an .cot3 {
    margin-bottom: 0;
}.blog-archive .post-item .box-text{padding:10px}.single-post .page-title-inner h1.entry-title{font-size:25px}.bai-viet-lien-quan h3,#comments .comment-respond .comment-reply-title {
      font-size: 25px;}
.row-logo .img{width:100% !important}
.du-an-section .large-12{padding-bottom:10px}.du-an-section .page-box h3{font-size:26px}.page-box .show-on-hover{display:none !important}
.doi-tac-section .large-4{flex-basis:50%; max-width:50%}
.du-an-section .flickity-slider .page-col{flex-basis:100%; max-width:100%}.bai-viet-lien-quan ul li{width:50%}.bai-viet-lien-quan ul li .box-image img{height:120px}.bai-viet-lien-quan h4 {
    font-size: 15px;
    color: black;
    line-height: 20px;
    padding-top: 7px;
    height: 68px;
    overflow: hidden;
    font-weight: 500;
    color: #00548e;
}.box-contact {
    background: white;
    box-shadow: 2px 20px 20px #00000012;
    border-radius: 5px;
    padding: 20px;
    position: inherit;
    z-index: 0;
    padding-top:30px;
    width: auto;
}.form-lien-he textarea{margin-bottom:20px}
.lien-he-section .col{padding:15px !important}.form-lien-he .row-info .left,.form-lien-he .row-info .right{width:100%; padding-left:0;padding-right:0}.form-lien-he p.des{margin-bottom:20px}#cta-icon {
 position: fixed;
    width: 100%;
    right: 0;
    bottom: 0 !important;
    top: auto;
    border-radius: 0;
    display: block;
      -webkit-transform: inherit;}#cta-icon a, #cta-icon a.cta-phone{float:left;width: 20% !important;
            margin: 0;}#cta-icon a:not(:last-child) {
    border-bottom: 0;
}#cta-icon a.cta-phone{width: 60px;
    height: 64px;
    display: inline-block;
    padding: 11px 0;
      background-size: 54px;}#cta-icon a.cta-email .icon_email{width:35px; height:35px}#respond .comment-form-email{padding:0 !important}
#respond #submit{width: 100%;}

}


/*css box project*/
.kh-pro-card{
  position: relative;
  overflow: hidden;
  border-radius: 0;
  background: rgba(0,47,81,.8);
}


.kh-pro-card .box-image,
.kh-pro-card .image-cover{ position: relative; }
.kh-pro-card .image-cover{ overflow: hidden; }
.kh-pro-card .image-cover img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;

  transform: scale(1);
  transition: transform .35s ease, filter .35s ease;
}

/* ===== TEXT WRAP ===== */
.kh-pro-card .box-text{
  position: absolute;
  inset: 0;
  padding: 0;
  display: flex;
  align-items: flex-end;
  text-align: left;
}
.kh-pro-card .box-text:before {
    content: "";
    position: absolute;
    background: linear-gradient(0deg, #851b1b, transparent);
    opacity: 1;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60%;
}

.kh-pro-card__default{
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 0 24px 22px;
  transition: opacity .18s ease, transform .18s ease;
}

.kh-pro-card__title {
    margin: 0;
    background: linear-gradient(90deg, #e5c35c 0%, #f9df7b 38.02%, #fff3a6 67.19%, #f9df7b 99.74%);
    font-weight: 600;
    text-transform: uppercase;
    text-shadow: 0 10px 22px rgba(0, 0, 0, .35);
    font-size: 30px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.kh-pro-card__deco{
  position: relative;
  height: 18px;
  margin: 0 0 12px;
}
.kh-pro-card__line{
  position: absolute;
  left: 0;
  top: 9px;
  width: 62%;
  height: 2px;
  background: linear-gradient(90deg, rgba(229, 195, 92, 0) 0%, #f9df7b 99.74%);
}
.kh-pro-card__dot {
    position: absolute;
    left: calc(62% - 0px);
    top: 4px;
    width: 10px;
    height: 10px;
    border-radius: 100px;
    background: rgba(0,0,0,0);
    border: 1px solid rgba(242, 195, 74, .98);
}

.kh-pro-card__hover{
  position: absolute;
  inset: 0;
  z-index: 3;
  padding: 22px 22px 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
   background: #28000085;
    border: 1px solid #f9df7b;

  opacity: 0;
  transform: translateY(8px);
  transition: opacity .22s ease, transform .22s ease;
}

.kh-pro-card__sub{
  margin: 0;
  color: rgba(234,244,255,.9);
  font-size: 15px;
}

.kh-pro-card__big {
    font-size: 44px;
    margin: 0;
    background: linear-gradient(90deg, #e5c35c 0%, #f9df7b 38.02%, #fff3a6 67.19%, #f9df7b 99.74%);
    font-weight: 600;
    text-transform: uppercase;
    text-shadow: 0 10px 22px rgba(0, 0, 0, .35);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.kh-pro-card__deco--top{
  margin: 2px 0 12px;
}

.kh-pro-card__list{
  margin: 0;
  padding: 0 0 0 18px;
  color: #fff;
  font-size: 14px;
  line-height: 1.6;
}
.kh-pro-card__list li{ margin: 4px 0; }
.kh-pro-card__list li::marker{ color: rgba(234,244,255,.9); }
.kh-pro-card__list b{ color: #fff; font-weight: 800; }


.kh-pro-card__actions{
  margin-top: 40px;
  display: flex;
  align-items: center;
  gap: 18px;
}
.kh-pro-btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 0px 30px;
    border-radius: 100px;
    color: #054062 !important;
    font-weight: 500;
    background: linear-gradient(90deg, #e5c35c 0%, #f9df7b 38.02%, #fff3a6 67.19%, #f9df7b 99.74%);
}

a.kh-pro-link {
    color: #f9df7b;
}
.kh-pro-card:hover .image-cover img{
  transform: scale(1.02);
  filter: brightness(.76) saturate(1.05) contrast(1.06);
}

.kh-pro-card:hover .kh-pro-card__default{
  opacity: 0;
  transform: translateY(10px);
}

.kh-pro-card:hover .kh-pro-card__hover{
  opacity: 1;
  transform: translateY(0);
}
.tab-du-an .nav-pills {
    margin-bottom: 15px;
}
/* ===== MOBILE ===== */
@media (max-width: 849px){
  .kh-pro-card__title{ font-size: 28px; }
  .kh-pro-card__big{ font-size: 38px; }

  .kh-pro-card__line{ width: 70%; }
  .kh-pro-card__dot{ left: calc(70% - 6px); }

  .kh-pro-card__actions{
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}

.heading-ct {
   position: relative;
}
.heading-ct h2 {
   font-size: 60px;
}
.heading-ct h2:before {
    content: "";
    width: 85px;
    height: 2px;
    background: url(/wp-content/uploads/2025/12/line-left.png);
    position: absolute;
    top: 50%;
    left: -70px;
}
.heading-ct h2:after {
    content: "";
    width: 85px;
    height: 2px;
    background: url(/wp-content/uploads/2025/12/line-left.png);
    position: absolute;
    top: 50%;
    right: -70px;
    transform: rotate(180deg);
}
.heading-ct:after {
    background: url(/wp-content/uploads/2025/12/logo-ic.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    position: absolute;
    width: 170px;
    height: 170px;
    top: -50px;
    left: 50%;
    transform: translate(-50%);
    z-index: -1;
    opacity: 0.1;
    filter: brightness(0) invert(1);
}
.tab-du-an .nav-pills>li.active>a {
    background: linear-gradient(90deg, #e5c35c 0%, #f9df7b 38.02%, #fff3a6 67.19%, #f9df7b 99.74%);
    color: #054062;
    border: 1px solid #f9df7b;
}
.tab-du-an .nav-pills li a {
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    border: 1px solid #fff;
    margin: 0 15px;
}




/* ==========================================================
   FLATSOME BLOG BOX -> HOVER OVERLAY (FULL)
   Target: .box.box-normal.box-text-bottom.box-blog-post.has-hover
   - Fix giật hover (không đổi layout position khi hover)
   - Default: chỉ hiện cat + title
   - Hover: hiện overlay full + excerpt + button + line/dot + viền vàng
========================================================== */

.box.box-normal.box-text-bottom.box-blog-post.has-hover{
  --kh-blue:#062a43;
  --kh-gold:#f2c34a;
  --kh-text:#eaf4ff;
  --kh-muted:rgba(234,244,255,.92);
  --kh-panel:rgba(3,35,56,.70);

  position: relative;
  overflow: hidden;
  background: var(--kh-blue);
}

/* ===== IMAGE ===== */
.box.box-normal.box-text-bottom.box-blog-post.has-hover .box-image{
  position: relative;
  z-index: 1;
}
.box.box-normal.box-text-bottom.box-blog-post.has-hover .box-image img{
  transition: transform .35s ease, filter .35s ease;
  transform: scale(1);
}

/* ===== BOX-TEXT: LUÔN overlay full (FIX GIẬT) ===== */
.box.box-normal.box-text-bottom.box-blog-post.has-hover .box-text.text-left{
  position: absolute !important;
  inset: 0 !important;
  z-index: 5;
  padding: 22px 24px !important;  /* trạng thái thường */
  display: flex;
  align-items: flex-end;
  text-align: left;
  background: transparent;
}

/* blueprint + gradient tối (luôn có) */
.box.box-normal.box-text-bottom.box-blog-post.has-hover .box-text.text-left::before {
    content: "";
    position: absolute;
    background: linear-gradient(0deg, #340000, transparent);
    opacity: 1;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60%;
}

/* đưa content lên trên ::before */
.box.box-normal.box-text-bottom.box-blog-post.has-hover .box-text-inner.blog-post-inner{
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 720px;
}

/* ===== CAT LABEL ===== */
.box.box-normal.box-text-bottom.box-blog-post.has-hover .cat-label {
    color: #f9df7b;
    margin-bottom: 8px;
    opacity: 1;
    font-size: 18px;
    font-weight: 400;
}

/* ===== TITLE (default) ===== */
.box.box-normal.box-text-bottom.box-blog-post.has-hover h5.post-title.is-large{
  position: relative;
  margin: 0 !important;
  line-height: 1.15;
}
.box.box-normal.box-text-bottom.box-blog-post.has-hover h5.post-title.is-large a.plain{
  color: #ffffff !important;
  font-weight: 600;
  font-size: 25px;
}

/* ===== ẨN excerpt + button khi CHƯA hover ===== */
.box.box-normal.box-text-bottom.box-blog-post.has-hover .from_the_blog_excerpt,
.box.box-normal.box-text-bottom.box-blog-post.has-hover a.button.secondary.is-link{
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  margin: 0 !important;
  pointer-events: none;
  transition: opacity .18s ease, max-height .18s ease, margin .18s ease;
}

/* divider mặc định -> ẩn luôn cho sạch layout */
.box.box-normal.box-text-bottom.box-blog-post.has-hover .is-divider{
  display: none !important;
}

/* ==========================================================
   HOVER STATE
========================================================== */

/* viền vàng ngoài box khi hover */
.box.box-normal.box-text-bottom.box-blog-post.has-hover:hover {
    border: 1px solid #f2c34a;
}

/* ảnh tối + zoom nhẹ */
.box.box-normal.box-text-bottom.box-blog-post.has-hover:hover .box-image img{
  filter: brightness(.72) saturate(1.05) contrast(1.05);
  transform: scale(1.02);
}

/* box-text: chuyển thành panel đúng mẫu */
.box.box-normal.box-text-bottom.box-blog-post.has-hover:hover .box-text.text-left{
  padding: 38px 44px !important;
  align-items: flex-start;
  background: var(--kh-panel);
  box-shadow: 0 0 0 1px rgba(242,195,74,.55) inset;
}

/* cat label vàng như mẫu */
.box.box-normal.box-text-bottom.box-blog-post.has-hover:hover .cat-label {
    color: var(--kh-gold) !important;
    opacity: 1 !important;
    font-size: 16px;
    margin-bottom: 30px;
}

/* title lớn hơn khi hover */
.box.box-normal.box-text-bottom.box-blog-post.has-hover:hover h5.post-title.is-large{
  margin: 0 0 14px !important;
  text-transform: uppercase;
}
/* line + dot trên title (giống mẫu) */
.box.box-normal.box-text-bottom.box-blog-post.has-hover:hover h5.post-title.is-large::before {
    content: "";
    position: absolute;
    left: 0;
    top: -18px;
    width: 170px;
    height: 2px;
    background: linear-gradient(90deg, rgba(229, 195, 92, 0) 0%, #f9df7b 99.74%);
}
.box.box-normal.box-text-bottom.box-blog-post.has-hover:hover h5.post-title.is-large::after{
  content:"";
  position:absolute;
  left: 170px;
  top: -23px;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(3,35,56,.95);
  border: 2px solid rgba(242,195,74,.98);
}

/* hiện excerpt + button */
.box.box-normal.box-text-bottom.box-blog-post.has-hover:hover .from_the_blog_excerpt{
  opacity: 1;
  max-height: 320px;
  margin: 0 0 18px !important;
  color: var(--kh-text) !important;
  font-size: 16px;
  line-height: 1.7;
  pointer-events: auto;
}

.box.box-normal.box-text-bottom.box-blog-post.has-hover:hover a.button.secondary.is-link{
  opacity: 1;
  max-height: 60px;
  margin: 0 !important;
  pointer-events: auto;
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  color: var(--kh-gold) !important;
  font-weight: 300;
  text-transform: none !important;
}

/* vòng tròn + mũi tên như mẫu */
.box.box-normal.box-text-bottom.box-blog-post.has-hover:hover a.button.secondary.is-link::after {
    content: "→";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 2;
}

/* (Tuỳ chọn) đổi chữ nút thành "Chi tiết tin" giống mẫu:
   - bật đoạn này nếu muốn, sẽ ẩn text gốc của Flatsome
*/
/*
.box.box-normal.box-text-bottom.box-blog-post.has-hover:hover a.button.secondary.is-link{
  font-size: 0 !important;
}
.box.box-normal.box-text-bottom.box-blog-post.has-hover:hover a.button.secondary.is-link::before{
  content:"Chi tiết tin";
  font-size: 15px;
}
*/

/* ==========================================================
   MOBILE
========================================================== */
@media (max-width: 849px){
  .box.box-normal.box-text-bottom.box-blog-post.has-hover .box-text.text-left{
    padding: 18px 16px !important;
  }

  .box.box-normal.box-text-bottom.box-blog-post.has-hover:hover .box-text.text-left{
    padding: 22px 20px !important;
  }

  .box.box-normal.box-text-bottom.box-blog-post.has-hover:hover h5.post-title.is-large a.plain{
    font-size: 24px;
  }

  .box.box-normal.box-text-bottom.box-blog-post.has-hover:hover h5.post-title.is-large::before{
    width: 180px;
  }
  .box.box-normal.box-text-bottom.box-blog-post.has-hover:hover h5.post-title.is-large::after{
    left: 180px;
  }

  .box.box-normal.box-text-bottom.box-blog-post.has-hover:hover .from_the_blog_excerpt{
    font-size: 14px;
  }
}


.du-an-section:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 45%;
    height: 90%;
    background: url(/wp-content/uploads/2025/12/home-duan-deco.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 0;
    filter: brightness(0) invert(1);
}
.tin-tuc-section:before {
    content: "";
    position: absolute;
    background: url(/wp-content/uploads/2025/12/bg-home.png);
    width: 700px;
    height: 700px;
    right: -135px;
    bottom: 30%;
    opacity: .1;
    background-repeat: no-repeat;
    background-size: cover;
}
.doi-tac-section:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 90%;
    background: url(/wp-content/uploads/2025/12/bg-side.png);
    background-repeat: no-repeat;
    opacity: .4;
}
.heading-ct-side h2 {
    font-size: 45px;
    margin-bottom: 40px;
    position: relative;
}
.heading-ct-side h2:before {
    background: url(/wp-content/uploads/2025/12/logo-ic.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    position: absolute;
    width: 170px;
    height: 170px;
    top: -70px;
    left: 50%;
    transform: translate(-50%);
    z-index: -1;
    opacity: 0.1;
    filter: brightness(0) invert(1);
}
.img-ct img {
    border-radius: 50%;
    width: 520px;
    height: 520px;
}