@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
body {
	font-family: "Roboto", sans-serif;
}
 body a, body h1, body h2, body h3, body h4, body p, body span, body div {
	font-family: "Roboto", sans-serif !important;
}
.sidebox-order_action .btncart-checkout:before {
    background: var(--mainColor)!important;
}
.sidebox-order_action .btncart-checkout {
    border-color: var(--mainColor)!important;
}
.sidebox-order_total p .total-price{
	color:var(--textColor) !important
} 
.project figure img{
  height: 550px;
  object-fit: cover;
}
.rte ol li:has(> h3)::marker {
    font-family: 'Oswald', sans-serif;
    font-size: 1.875em;
    font-weight: normal;
    color: #fff;
}

/* Bạn có thể làm tương tự cho h2, h4 nếu cần */
.rte ol li:has(> h2)::marker {
    font-size: 2.1875em; /* Size của h2 */
}
h2, .h2{
    letter-spacing: normal;
  line-height: normal;
} 
.grecaptcha-logo,.grecaptcha-badge{
	display:none !important
} 
@media(max-width:767px){
  .btn.js-target-scroll{
  	    font-size: 1.875em;
  }
}
@media (min-width:992px){
.section-header .section-title{
    font-size:40px;
}
}

.service-item_title {
    font-size: 1.125em;
    font-weight: 700;
} 
.slideInDown .navbar-desctop-menu{
    justify-content: center;
} 
.navbar-desctop{
	background:#323337b8
}
.header-phone{
	font-size:0.9em
}
.experience-info{
	top:-50px
}

/* ============ Header: logo nam ngang hang voi menu ============ */
/* Logo da chuyen len hang menu. Van giu .brand-panel vi trong do co
   con so dem slide (01 / 0N) do interface.js bat hien o trang chu.
   An logo bang visibility de giu nguyen cho -> con so khong bi nhay len. */
.brand-panel{
    background-color: transparent;
    /* Khoi nay gio trong suot, khong duoc chan click cua slider ben duoi */
    pointer-events: none;
}
.brand-panel .brand{
    visibility: hidden;
}
.brand-panel .brand-name{
    display: none;
}
.navbar-desctop{
    padding: 0.7em 0;
}
.navbar-desctop .container{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* Nen sang sau logo cho noi bat tren thanh menu toi */
.navbar-desctop .brand{
    display: inline-block;
    float: none;
    top: 0;
    margin: 0;
    padding: 9px 18px;
    line-height: 0;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.22);
}
.navbar-desctop .brand img{
    max-height: 44px;
    width: auto;
}
.navbar-desctop.affix{
    padding: 0.7em 0;
}
.navbar-desctop.affix.affix-top{
    padding-top: 0.7em;
}
/* Khi truot, thanh menu da trang nen chi can vien nhe */
.navbar-desctop.affix .brand{
    background-color: transparent;
    box-shadow: none;
    padding: 0;
}
.navbar-desctop.affix .brand img{
    max-height: 52px;
    width: auto;
}
/* So dien thoai: dua ve cung hang voi logo + menu (desktop) */
.navbar-desctop .header-phone{
    position: static;
    margin: 0 auto 0 2.5em;
    line-height: 1.8;
}
/* Khi truot, thanh menu doi sang nen trang -> so dien thoai phai doi mau chu */
.navbar-desctop.affix .header-phone{
    color: #000;
}
/* Ban mobile: giu nguyen vi tri cu (canh theo navbar mobile) */
.navbar-mobile .header-phone{
    left: 50vmin;
    top: 5.9vmin;
}

/* ============ Menu: gian cach dong va doan ============ */
.navbar-desctop-menu{
    width: auto;
    float: none;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 0;
}
.navbar-desctop-menu > li{
    float: none;
    margin-left: 2.6em;
}
.navbar-desctop-menu > li > a{
    margin-bottom: 0;
    padding: 0.4em 0;
    line-height: 1.9;
}
/* Menu con: gian dong + gian doan giua cac muc */
.navbar-desctop-menu li ul{
    padding: 0.5em 0;
}
.navbar-desctop-menu li li a{
    padding: 0.85em 1.4em;
    line-height: 1.7;
}
.navbar-desctop-menu li li{
    border-bottom: 0;
}

/* ============ Chi tiet cong trinh ============ */
.project-detail{
    padding: 5em 0 4em;
}
.project-detail-gallery .row{
    margin-left: -7px;
    margin-right: -7px;
}
.project-detail-label{
    font-size: 0.875em;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: #8d8d8d;
    margin-bottom: 1.6em;
}
.project-detail-label-detail{
    margin-top: 2.5em;
}
.project-detail-thumb{
    padding-left: 7px;
    padding-right: 7px;
    margin-bottom: 14px;
}
.project-detail-thumb a{
    display: block;
    overflow: hidden;
}
.project-detail-thumb img{
    width: 100%;
    height: 210px;
    object-fit: cover;
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
}
.project-detail-thumb a:hover img{
    opacity: 0.8;
}
.project-detail-thumb-more{
    display: none;
}
.project-detail-more{
    display: inline-block;
    margin-top: 1em;
    font-size: 0.875em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--mainColor);
    border-bottom: 1px solid var(--mainColor);
    padding-bottom: 3px;
}
.project-detail-more:hover,
.project-detail-more:focus{
    text-decoration: none;
    opacity: 0.75;
    color: var(--mainColor);
}
.project-detail-side{
    border-left: 1px solid rgba(0,0,0,0.08);
}
.project-detail-title{
    margin: 0 0 1rem;
    font-size: 2.25em;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.project-detail-basic table{
    width: 100%;
    margin-bottom: 0;
}
.project-detail-basic table td,
.project-detail-basic table th{
    padding: 10px 0;
    border-bottom: 1px solid rgba(0,0,0,0.08);
    vertical-align: top;
    text-align: left;
}
.project-detail-basic table td:first-child,
.project-detail-basic table th:first-child{
    width: 42%;
    color: #8d8d8d;
    padding-right: 12px;
}
.project-detail-basic p{
    margin-bottom: 0.5em;
}
.project-detail-descr{
    max-height: 15em;
    overflow: hidden;
}
.project-detail-descr.is-open{
    max-height: none;
}
.project-detail-descr img{
    max-width: 100%;
    height: auto;
}
@media (max-width: 991px){
    .project-detail{
        padding: 3em 0 2em;
    }
    .project-detail-side{
        border-left: 0;
        margin-top: 2.5em;
    }
    .project-detail-thumb img{
        height: 160px;
    }
    .project-detail-title{
        font-size: 1.75em;
    }
}

/* ============ Muc cong trinh: bo hieu ung zoom in/zoom out ============ */
.js-projects-gallerys .project figure:hover img{
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}
/* Bo lop phu toi de anh sang len; chu van doc duoc nho do bong */
.js-projects-gallerys .project figure:after,
.js-projects-gallerys .project figure:hover:after{
    opacity: 0;
}

.js-projects-gallerys .project figure:hover .project-title{
    top: 0;
    opacity: 1;
}
.js-projects-gallerys .project figure img{
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}
.js-projects-gallerys .project figure:hover .project-category{
    opacity: 1;
    letter-spacing: 0.8em;
} 
.js-projects-carousel .owl-item {
    padding: 0 5px; /* tổng gap = 10px giữa 2 item */
    box-sizing: border-box;
}
@media (min-width:992px){
.project {
    padding: 5px;
}
}
@media (max-width:991px){
.project {
   margin-bottom:5px;
}
} 
.bg-about {
    background-size: cover !important;
}
.blog-details .rte img{
max-width:100%;
  height:auto
}
.nws-cate--col .nws-cate__thumb img{
height:auto !important
} 
.srv-feature__thumb {
    display: flex;
    overflow: hidden;
    background: #f5f5f5;
    aspect-ratio: 5 / 3;
    align-items: center;
} 
.post-header{
margin-bottom:0
}
.post-thumbnail {
    margin-bottom: 1rem;
}
.rte h2{
text-transform:none
}
/* =========================
   BLOG ITEMS ONLY
========================= */

.section_blogs .list-blogs-link {
    margin-top: 30px;
}

.section_blogs .list-blogs-link > .row {
    display: flex;
    flex-wrap: wrap;
}

/* Mỗi item */
.section_blogs .list-blogs-link .item {
    display: flex;
    margin-bottom: 30px;
}

.section_blogs .item_wrap_blog {
    width: 100%;
    height: 100%;
}

.section_blogs .item-blg,
.section_blogs .blog-inner {
    height: 100%;
}

/* Card bài viết */
.section_blogs .blog-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #fff;
}

/* Ảnh */
.section_blogs .blog-inner .banner {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.section_blogs .blog-inner .banner > img {
    width: 100% !important;
    height: 190px !important;
    object-fit: cover;
    display: block;
    transition: all 0.3s ease;
}

.section_blogs .blog-inner:hover .banner > img {
    transform: scale(1.04);
}

/* Ngày đăng */
.section_blogs .time_post {
    display: block;
    margin-top: 8px;
    font-size: 14px;
    color: #c99b70;
}

.section_blogs .time_post i {
    margin-right: 4px;
}

/* Nội dung */
.section_blogs .content__ {
    padding-top: 15px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

/* Tiêu đề bài */
.section_blogs .content__ h3 {
    margin: 0 0 10px;
}

.section_blogs .content__ h3 a {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    font-size: 17px;
    line-height: 1.5;
    min-height: 51px;
}

/* Mô tả */
.section_blogs .content__ p {
    margin: 0;
    font-size: 15px;
    line-height: 1.7;

    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

/* Tablet */
@media (max-width: 991px) {

    .section_blogs .blog-inner .banner > img {
        height: 180px !important;
    }

}

/* Mobile */
@media (max-width: 767px) {

    .section_blogs .list-blogs-link .item {
        margin-bottom: 25px;
    }

    .section_blogs .blog-inner .banner > img {
        height: 160px !important;
    }

    .section_blogs .content__ h3 a {
        font-size: 15px;
        min-height: 45px;
    }

    .section_blogs .content__ p {
        font-size: 14px;
        -webkit-line-clamp: 3;
    }

}
.project-detail-descr .container{
    max-width:100% !important;
}
.project-detail-more{
    margin-bottom:20px;
} 
@media (min-width:992px){
  img.mfp-img{
  height:90vh
  }
} 
@media (max-width:767px){
.navbar-nav-mobile .parent-menu-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.navbar-nav-mobile .parent-menu-wrap .parent-link {
  flex: 1;
  display: block;
}
.navbar-nav-mobile .parent-menu,
.navbar-nav-mobile .caret-down {
  flex: 0 0 44px;      /* vùng bấm mũi tên đủ rộng */
  text-align: center;
  padding: 12px 0;
  cursor: pointer;
}
} 
.fade-title-left, .fade-title-right{
display:none !important;
}
.section_blogs .bg1 {
	display: none;
}