/*
Theme Name:   Flatsome Child - Maxweb
Theme URI:    https://maxweb.vn
Description:  Child theme của Flatsome dùng cho khung web mẫu chuẩn nhận diện Maxweb. Kỹ thuật tùy biến code tại đây, không sửa trực tiếp theme cha để đảm bảo cập nhật an toàn.
Author:       Maxweb
Author URI:   https://maxweb.vn
Template:     flatsome
Version:      1.0.0
Text Domain:  flatsome-child
*/

/* =========================================================
BIẾN MÀU NHẬN DIỆN MAXWEB
Đổi nhanh nhận diện toàn site tại đây (hoặc chỉnh trong
plugin Maxweb Setting). Khi có mã màu chính thức của khách,
thay giá trị bên dưới.
========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@font-face {
	font-family: "UVN Nhan";
	src: url(assets/fonts/UVNNhan-Bold.TTF);
}
:root {
	--mw-primary: #e30613;      /* Đỏ chủ đạo Maxweb (nút, hotline) */
	--mw-primary-dark: #b30410;
	--mw-secondary: #0068ff;    /* Xanh Zalo / phụ */
	--mw-dark: #1f2733;
	--mw-light: #f7f7f7;


	--kem:#F2D1A0;
	/* 	--nau:#b38b54; */
	--nau:#725139;
	--vang:#d4af37;

	--font-f2: "Playfair Display", serif;
	--font-f3: "UVN Nhan","Philosopher",serif;
}
*{
	text-underline-offset: 4px;
}
html,body,span,label,a,p,button,b,div{
	font-family: "Inter", sans-serif;
}
h1,h2,h3,h4,h5,h6,.nav > li > a,nav,li{
	font-family: "Inter", sans-serif !important;
}
.f2,.f2 *{
	font-family:var(--font-f2) !important;
}
.f3,.f3 *{
	font-family:var(--font-f3) !important;
}
h1,h2,h3,h4,h5,h6,.uppercase{
	line-height:inherit;
}
:is(.icon-box,.single-page,.box) :is(h1,h2,h3, h4, h5, h6){
	line-height:1.3;
}
.uxb-draggable *{
	pointer-events:initial !important;
}
b,strong{
	font-weight:bold;
}
form{
	margin:0 !important;
}
form .wpcf7-acceptance{
	display:block;
	margin-bottom:16px;
}
form .wpcf7-acceptance a{
	text-decoration:underline;
	font-weight:500;
	color:#0064e0 !important;
}
form .wpcf7-acceptance input[type=checkbox]{
	height: initial !important;
	margin:0 6px 0 0;
}
form .wpcf7-acceptance .wpcf7-list-item{
	margin:0;
}
form .wpcf7-acceptance .wpcf7-list-item-label{
	font-weight:400;
	line-height:1.35;
}
form input:not([type=submit]),textarea,select{
	box-shadow:none !important;
}
input[type=submit],
form.wpcf7-form button[type=submit]{
	margin:0;
}
form.wpcf7-form input:not([type="checkbox"]):not([type="radio"]),
form.wpcf7-form select,
form.wpcf7-form textarea,
form.wpcf7-form button {
	border-radius: 5px;
}

form.wpcf7-form input:not([type="checkbox"]):not([type="radio"]),
form.wpcf7-form select,
form.wpcf7-form button {
	height: 45px;
}
form.wpcf7-form p.label{
	font-weight:500;
	margin:0 0 3px;
}
form.wpcf7-form .wpcf7-acceptance label{
	font-size:14px;
	font-weight:400;
	line-height:1.35;
	display:flex;
}
.form-flex{
	display:flex;
	flex-wrap:wrap;
	gap:0 15px;
	justify-content:space-between;
}
.form-flex .r50{
	width:calc(50% - calc(15px / 2));
}
.form-flex .r100{
	width:100%;
}
.btn-submit-center input[type=submit]{
	margin:0 auto;
	display:block;
}
.input-w100 input{
	width:100%;
}
.txt-jus{
	text-align:justify;
}
.txt-jus :is(h1,h2,h3,h4,h5,h6){
	text-align:left;
}
a{
	cursor:pointer;
	transition:all 0.3s;
}
.w100{
	width:100% !important;
}
.btn-m0{
	margin:0;
}
.wpcf7-spinner,.product-images .image-tools.bottom.left,.post-item .is-divider,aside > .is-divider,.entry-header .is-divider{
	display:none !important;
}
.section-content{
	/* 	z-index:unset !important; */
}
.dark, .dark p, .dark td{
	color:#fff;
}
.accordion-inner .text > *:last-child,
.accordion-inner .text > *:has(+ style){
	margin-bottom:0 !important;
}
.pd-b0,.ga-pd-b0 .col{
	padding-bottom:0 !important;
}
.ul-mb0 ul{
	margin-bottom:0;
}
.banner :is(h1,h2,h3,h4,h5,h6,p){
	margin-top:0;
}
.p-mb0 p,.title-mb0 :is(h1,h2,h3,h4,h5,h6),.img-mb0 img{
	margin-bottom:0 !important;
}
.p-mb5 p,.title-mb5 :is(h1,h2,h3,h4,h5,h6),.img-mb5 img{
	margin-bottom:5px !important;
} 
.p-mb10 p,.title-mb10 :is(h1,h2,h3,h4,h5,h6),.img-mb10 img{
	margin-bottom:10px !important;
}
.p-mb15 p,.title-mb15 :is(h1,h2,h3,h4,h5,h6),.img-mb15 img{
	margin-bottom:15px !important;
}
.p-mb20 p,.title-mb20 :is(h1,h2,h3,h4,h5,h6),.img-mb20 img{
	margin-bottom:20px !important;
}
.p-mb25 p,.title-mb25 :is(h1,h2,h3,h4,h5,h6),.img-mb25 img{
	margin-bottom:25px !important;
}
.p-mb16-0 p{
	margin-bottom:16px;
}
.p-mb16-0 p:last-child{
	margin-bottom:0;
}
.p-w400 p, .title-w400 :is(h1,h2,h3,h4,h5,h6),
.btn-w400,.strong-w400 strong{
	font-weight:400 !important;
}
.p-w500 p, .title-w500 :is(h1,h2,h3,h4,h5,h6),
.btn-w500,.strong-w500 strong{
	font-weight:500 !important;
}
.p-w600 p,.title-w600 :is(h1,h2,h3,h4,h5,h6),
.btn-w600,.strong-w600 strong{
	font-weight:600 !important;
}
.p-w700 p,.title-w700 :is(h1,h2,h3,h4,h5,h6),
.btn-w700{
	font-weight:700 !important;
}
.p-w800 p,.title-w800 :is(h1,h2,h3,h4,h5,h6),
.btn-w800{
	font-weight:800 !important;
}
.p-w900 p,.title-w900 :is(h1,h2,h3,h4,h5,h6),
.btn-w900{
	font-weight:900 !important;
}
.title-f30 :is(h1,h2,h3,h4){
	font-size:30px;
}
.title-f20 :is(h1,h2,h3,h4){
	font-size:20px;
}
.is-uppercase, .uppercase{
	line-height:inherit;
	letter-spacing:inherit;
}
.col-h100 > .col-inner{
	height:100%;
}
.col-hide > .col-inner{
	overflow:hidden;
}
.col .col-inner > .is-border{
	z-index:1;
	pointer-events:none !important;
}
.col-float-left > .col-inner{
	margin-left:0 !important;
	margin-right:auto !important;
}
.col-center > .col-inner{
	margin-left:auto !important;
	margin-right:auto !important;
}
.col-float-right > .col-inner{
	margin-left:auto !important;
	margin-right:0 !important;
}
.img-h100 :is(.img,.img-inner){
	height:100%;
}
.img-h100 img{
	height:100%;
	object-fit:cover;
}
.img-white img{
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);
}
.absolute-footer{
	background-color:var(--nau) !important;
	padding:0;
	display:none;
}
.footer-secondary{
	display:none;
}
.footer-primary,.copyright-footer{
	width:100%;
	text-align:center;
	color:#ffffff;
	position:relative;
}
.footer-primary{
	padding:10px 0 15px;
}
.blog-wrapper{
	padding-bottom:0;
}
.blog-wrapper.blog-archive{
	padding-top:50px;
}
.single-page{
	text-align:justify;
	padding-top:0;
}
.single-page figure{
	margin-left:auto;
	margin-right:auto;
}
#top-link{
	width: 40px;
	height: 40px;
	border-radius: 5px !important;
	border: 0 !important;
	color: #fff !important;
	background: url(/wp-content/uploads/2026/09/top.png) #ba8660;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	right: 12px;
	min-width:unset;
}
#top-link i{
	display:none;
}
table {
	border-collapse: collapse;
	border:1px solid #ccc;
}
th,td{
	padding:10px !important;
	font-size:inherit;
	border:1px solid #ccc;
	color:inherit;
}
.dark :is(th,td) {
	border-color: rgb(255 255 255 / 50%) !important
}
.row-full-width{
	margin-left:0 !important;
	margin-right:0 !important;
}
.owl-stage{
	display:flex;
}
.owl-stage .col,.owl-stage .col > .col-inner{
	height:100%;
}
.owl-item {
	flex-shrink:0;
}
.owl-item .col {
	max-width:100%;
}
.owl-dots {
	margin:0 !important;
}
.owl-dots button{
	min-height:unset;
	margin:0 5px;
}
.owl-theme .owl-dots .owl-dot span{
	margin:5px 4px !important;
	transition:all 0.3s !important;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
	background:var(--nau) !important;
}
.owl-nav{
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	transform:translatey(-50%);
	margin:0 !important;
}
.owl-nav button{
	min-height:unset;
	line-height:unset !important;
	margin:0 !important;
	position:absolute;
	top:50%;
	transform:translatey(-50%);
	display:flex !important;
	align-items:center;
	justify-content:center;
	transition:all 0.3s;
}
.accordion button.toggle{
	pointer-events:none !important;
}
.map :is(p,iframe){
	width:100%;
	height:100%;
	margin:0;
}
.pum-overlay.pum-overlay-disabled {
	visibility: inherit !important;
}
.pum-container{
	max-height:90vh;
	overflow-y:auto !important;
	scrollbar-width: none;
}
.pum-container::-webkit-scrollbar {
	display: none;
}
.button.btn-center,
.text-center .button.btn-center{
	display:block;
	width:max-content;
	margin:0 auto !important;
	margin-left:auto !important;
	margin-right:auto !important;
}
.icon-box.icon-center .icon-box-img :is(.icon,.icon-inner){
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
}
.icon-box.icon-center img{
	padding-top:0;
}
.icon-box.icon-txt-center .icon-box-text{
	display:flex;
	flex-direction:column;
	justify-content:center;
}

#button-contact-vr {
	z-index: 9;
}
.post-item .col-inner{
	height:100%;
	transition:all 0.3s;
}
.post-item .box-image{
	border-radius:15px;
}
.post-item .box-text{
	padding:16px 0 0;
}
.post-item .box-text-inner{
	display:flex;
	flex-direction:column;
}
.post-item .date-post{
	font-size:14px;
	display:flex;
	gap:5px;
	align-items:center;
	color: #5f6462;
	line-height:1;
	margin:0 0 12px;
	order:1;
}
.post-item .date-post i{
	font-size:12.4px;
}
.post-item .post-title{
	margin:0 0 12px;
	order:2;
	font-size:18px;
	font-weight:600;
}
.post-item .post-title a{
	margin:0;
	line-height:1.45;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	transition:all 0.3s;
}
.post-item .from_the_blog_excerpt {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	order:3;
	margin:0;
	font-size:15.2px;
	color:#5f6462;
}
.post-item .link-view{
	margin:15px 0 0;
	order:4;
}
.post-item .link-view a{
	display:inline-flex;
	align-items:center;
	gap:5px;
	font-size:14.4px;
	font-weight:500;
	text-decoration:underline;
	color:var(--nau);
	text-underline-offset: 5px;
}
.post-item .link-view a:hover{
	text-decoration:underline;
}
.post-item .link-view a svg{
	color:#715c3c !important;
	transition:all 0.3s;
	display:none;
}
.post-item .link-view a:hover svg{
	transform:translatex(2px);
}

.slider-auto-chay .owl-stage {
	transition-timing-function: linear !important;
}
/* Header */
.gtranslate_wrapper {
	display:flex;
	align-items:center;
	gap:5px;
}
.gtranslate_wrapper a{
	width:24px;
	height:18px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0;
}
.header-bg-color{
	background: linear-gradient(90deg, #96715f 0%, #a9826d 50%, #b9967c 100%);
	background: linear-gradient(90deg, #fffaf1 0%, #f6ead8 50%, #ead6ba 100%);	
}
.header-nav-main > li {
	margin:0 20px;
}
.header-nav-main > li > a{
	font-weight:600;
	text-transform:initial;
	color:var(--nau) !important;
	font-size:17px;
}
.header-nav-main > li.active > a,
.header-nav-main > li:hover > a{
	color:#ab8d2e !important;
}
.linkpage :is(span,a){
	font-size:14.4px;
	color:#5f6462;
}

/* Danh mục tin tức */
.blog-wrapper{
	background-color:rgb(254, 246, 237);
}
.row-category-heading .col-content > .col-inner{
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap: 24px;
}
.row-category-heading .category-heading-title{
	flex:1;
}
.row-category-heading .category-heading-title h1{
	font-weight: 700;
	font-size: 40px;
	font-family:var(--font-f3) !important;
	line-height: 1.3;
	letter-spacing: .72px;
	color: var(--nau);
	text-transform: uppercase;
	margin:0 0 15px;
}
.row-category-heading .category-heading-description{
	max-width: 601px;
}
.row-category-heading .category-heading-description >*:last-child{
	margin-bottom:0;
}
.row-category-heading .form-search-post{
	flex: 0 0 auto;
	width: min(427px, 100%);
	padding: 5px 5px 5px 15px;
	background: transparent;
	border: 1px solid var(--nau);
	border-radius: 100px;
}
.row-category-heading .form-search-post form{
	width:100%;
}
.row-category-heading .form-search-post form .newway-category-search__inner{
	display: flex;
	align-items: center;
	gap: 12px;
}
.row-category-heading .form-search-post form :is(input,button){
	margin:0;
	height:40px;
	border:none;
	box-shadow:none;
	background-color:transparent !important;
}
.row-category-heading .form-search-post form button[type=submit]{
	padding:0;
	width:40px;
	min-height:unset;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
	border-radius:50%;
	background-color:var(--nau) !important;
	border:3px solid #c4a67b;
	color:#fff;
}
.row-post-top-archive .col-content > .col-inner{
	border-radius:16px;
	overflow:hidden;
}
.row-post-top-archive .post-item .box-image{
	border-radius:0;	
}
.row-post-top-archive .post-item .overlay{
	background-color:transparent !important;
	background: linear-gradient(180deg, #fff0 42%, rgb(15 32 27 / .85) 100%);
}
.row-post-top-archive .post-item .box-text{
	padding:0 58px 58px;
	text-shadow:unset !important;
}
.row-post-top-archive .post-item .link-view{
	display:none;
}
.row-post-top-archive .post-item .date-post{
	color: #eac9a3;
}
.row-post-top-archive .post-item .post-title{
	margin:0;
	font-size:24px;
	max-width:734px;
}
.row-post-top-archive .post-item .post-title a{
	font-family:var(--font-f3) !important;
}
.row-post-top-archive button.flickity-button{
	transform:unset !important;
	opacity:1 !important;
	top:unset !important;
	bottom:40px !important;
	width:40px !important;
	height:30px;
	min-width:unset;
	min-height:unset;
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:transparent !important;
}
.row-post-top-archive button.flickity-button:before{
	content:'\f053';
	font-family:'fontawesome';
	color:#fff;
	line-height:1;
}
.row-post-top-archive .flickity-prev-next-button.next:before{
	content:'\f054';
}
.row-post-top-archive .flickity-prev-next-button:hover:before{
	color:var(--kem);
}
.row-post-top-archive button.flickity-button svg{
	display:none!important;
}
.row-post-top-archive .flickity-prev-next-button.previous{
	left:unset !important;
	right:80px;
	padding-left:8px;
	justify-content:flex-start;
}
.row-post-top-archive .flickity-prev-next-button.next{
	justify-content:flex-end;
	right:40px !important;
	padding-right:8px;
}
.row-category-menu{
	/* 	display:none; */
}
.row-category-menu .col-content > .col-inner{
	padding-bottom:15px;
}
.row-category-menu .menu-shortcode {
	margin:0;
	display:flex;
	flex-wrap:wrap;
	gap: 10px 18px;
	list-style:none;
}
.row-category-menu .menu-shortcode li{
	margin:0 !important;
}
.row-category-menu .menu-shortcode li a{
	color: #5F6462;
	padding: 8px 0 10px;
	border-bottom: 1px solid #fff0;
	transition: color 0.2s ease, border-color 0.2s ease;
	display:block;
	font-size:16px;
	letter-spacing:-0.08px;
}
.row-category-menu .menu-shortcode li a:hover{
	color:#ab8d2e;
}
.row-category-menu .menu-shortcode li.current-menu-item a{
	color: var(--nau);
	font-weight: 600;
	border-bottom-color: var(--nau);
}

aside{
	margin-bottom:0 !important;
}
#post-list .post-item .col-inner:hover .box-image img{
	transform:scale(1.1);
}
.blog-wrapper .row-large-t > .large-9{
	padding-right:20px;
	flex-basis: calc(100% - 325px);
	max-width: calc(100% - 325px);
}
.blog-wrapper .row-large-t > .large-3{
	flex-basis: 325px;
	max-width: 325px;
	border-left:1px solid #E4E1DA;
	padding-left:0;
}
.blog-wrapper .row-large-t > .large-3 .col-inner-custom{
	padding-left:20px;
}
.row-sidebar .col-content{
	padding-bottom:30px !important;
}
.row-sidebar .col-content:last-child{
	padding-bottom:0 !important;
}
.row-sidebar .txt-title{
	position:relative;
	margin-bottom: 16px;
}
.row-sidebar .txt-title p{
	width:max-content;
	max-width:100%;
	margin:0;
	padding:0 0 8px;
	border-bottom: 1px solid #3E4846;
	line-height:1.35;
	color: var(--nau);
	font-weight:700;
	font-family:var(--font-f3) !important;
	font-size:22px;
}
.row-sidebar .mxp-grid .mxp-card-image {
	padding-top: 56.25%;
	border-radius:10px;
}
.row-sidebar .mxp-grid .mxp-card-wrap .mxp-card-body{
	padding: 10px 0 12px;
	background:transparent;
}
.row-sidebar .mxp-grid .mxp-card-wrap .mxp-card-footer{
	display:none;
}
.row-sidebar .mxp-grid .mxp-card-title{
	margin: 0 0 5px;
	font-size: 18px;
	font-weight: 700;
	color: var(--nau);
	order: -1;
}
.row-sidebar .mxp-grid.mxp-layout-modern .mxp-card-location{
	margin:0;
}
.row-sidebar .post-item:not(:last-child) .col-inner{
	padding-bottom:20px;
}
.row-sidebar .post-item .box{
	display:flex;
	gap:15px 10px;
}
.row-sidebar .post-item .box-image{
	width:130px !important;
	flex-shrink:0;
	height: fit-content;
	border-radius:10px;
}
.row-sidebar .post-item .box-text{
	padding:0;
}
.row-sidebar .post-item .link-view{
	display:none;
}
.row-sidebar .post-item .post-title {
	margin: 0 0 8px;
	order: -1;
	font-size: 14.4px;
}
.row-sidebar .post-item .post-title a{
	-webkit-line-clamp: 3;
}
.row-sidebar .post-item .date-post{
	margin:0;
	font-size:11px;
}
.row-sidebar .post-item .date-post i{
	display:none;
}
/* Chi tiết tin tức */
.blog-wrapper .row.breadcrumb .col-inner{
	padding-bottom:12px;
}
.blog-single h1.entry-title{
	font-size:32px;
	line-height:1.35;
	margin:0 0 14px;
}
.data-post {
	display: flex;
	flex-wrap:wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px 20px;
	font-size:14px;
}
.meta-post {
	display: flex;
	align-items: center;
	gap: 16px;
}
.meta-post-item {
	display: flex;
	align-items: center;
	gap: 5px;
	color:#5f6462;
}
.nw-share {
	display: flex;
	align-items: center;
	gap: 7px;
	font-size:14px;
	color:#5f6462;
}
.nw-share-btn {
	min-height:unset;
	line-height:1;
	width: 18px;
	height: 18px;
	padding: 0;
	margin: 0;
	border: 1px solid #5f6462;
	border-radius:50%;
	background: transparent;
	color: inherit;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size:9px;
	transition:all 0.3s;
}
.nw-share-btn:hover{
	background:#ab8d2e;
	border-color:#ab8d2e;
	color:#fff;
}
.nw-copy-toast {
	position: fixed;
	left: 50%;
	bottom: 28px;
	transform: translate(-50%, 15px);
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 11px 18px;
	border-radius: 999px;
	background: #203e35;
	color: #fff;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	z-index: 99999;
	transition: opacity .25s ease, transform .25s ease, visibility .25s;
}
.nw-copy-toast.is-show {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, 0);
}
.related-posts .header-related{
	display:flex;
	justify-content:space-between;
	align-items:baseline;
	margin:0 0 30px;
}
.related-posts .header-related h3{
	margin:0;
	font-size:32px;
	font-weight:700;
	line-height:1.34;
	padding:0 0 0 16px;
	border-left:4px solid #ab8d2e;
	font-family:var(--font-f3) !important;
	color:var(--nau);
}
.related-posts .header-related a{
	display:flex;
	gap:5px;
	align-items:center;
	white-space:nowrap;
	font-size:14.4px;
	font-weight:500;
	color:#000;
	transition:all 0.3s;
}
.related-posts .header-related a:hover{
	color:var(--nau);
}
.related-posts .header-related a svg{
	transform:translatey(1px);
}
.related-posts .post-item .col-inner:hover .box-image img{
	transform:scale(1.1);
}
.related-posts .post-item .from_the_blog_excerpt{
	display:none;
}
.related-posts .post-item .link-view{
	margin:0;
}


/* Trang giới thiệu */
.sec-banner-gt .section-bg{
	opacity:0.08;
}
.sec-2-gt .col-item-tnsm .txt-title{
	display:flex;
	gap:15px;
	align-items:end;
	margin-bottom:16px;
}
.sec-2-gt .col-item-tnsm .txt-title .nb{
	font-size:47px;
	line-height:1.1;
	font-weight:700;
	font-family:var(--font-f3) !important;
}
.sec-2-gt .col-item-tnsm .txt-title h3{
	margin:0;
	line-height:1.35;
	font-size:32px;
	font-family:var(--font-f3) !important;
}
.sec-3-gt .col-list-item > .col-inner{
	padding-left:160px;
}
.sec-3-gt .row.about-timeline {
	position:relative;
}
.sec-3-gt .row.about-timeline:before,
.sec-3-gt .row.about-timeline:after{
	content:'';
	position:absolute;
	left:0;
	width:2px;
	height:100%;
	background:rgba(179,139,84,.25);
}
.sec-3-gt .row.about-timeline:after{
	height: var(--timeline-progress, 0%);
	background:#b38b54;
	transition: height .15s linear;
}
.sec-3-gt .row.about-timeline .col-item{
	padding-bottom:0;
}
.sec-3-gt .row.about-timeline .col-item > .col-inner{
	padding-left:20px;
	padding-bottom:64px;
}
.sec-3-gt .row.about-timeline .col-item:last-child > .col-inner{
	padding-bottom:0;
}
.sec-3-gt .row.about-timeline .col-item > .col-inner:before{
	content:'';
	position:absolute;
	top:0;
	left:-21px;
	z-index:2;
	width:14px;
	height:14px;
	border:2px solid #d7b27a;
	border-radius:50%;
	display:block;
	background:#FEF6ED;
	transition:all 0.3s;
}
.sec-3-gt .row.about-timeline .col-item.active > .col-inner:before{
	background: #d7b27a;
	border-color: #d7b27a;
	box-shadow: 0 0 0 4px rgba(215,178,122,.22);
}
.sec-3-gt .row.about-timeline .col-item .about-title{
	display:flex;
	align-items:center;
	gap:16px;
	margin-bottom:16px;
	position:relative;
}
.sec-3-gt .row.about-timeline .col-item .about-title p{
	margin:0;
	font-size:30px;
	font-weight:700;
	font-family:var(--font-f3) !important;
	line-height:1;
	min-width:120px;
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:center;
	background:var(--nau);
	color:#fff;
	padding: 7px 10px 10px;
	border-radius: 6px;
	position:absolute;
	left:-180px;
}
.sec-3-gt .row.about-timeline .col-item .about-title h3{
	margin:-10px 0 0;
	line-height:1.35;
	font-family:var(--font-f3) !important;
	font-size:24px;
	color:var(--nau);
}
.sec-3-gt .row.about-timeline .col-item .about-desc{
	color: #3d352f;
}
.sec-3-gt .row.about-timeline .col-item .about-desc p{
	margin-bottom:10px;
}
.sec-3-gt .row.about-timeline .col-item .about-desc >*:last-child{
	margin-bottom:0;
}
.sec-3-gt .row.about-timeline .col-item .row.ga-fancybox{
	margin-top:20px;
}
.sec-4-gt .col-item .box h3{
	margin:0 0 10px;
	font-family:var(--font-f3) !important;
	font-size:24px;
	color:var(--nau);
}
.sec-4-gt .col-item .box p{
	margin:0;
	font-size:15px;
}


/* Trang liên hệ */
.sec-banner-lh{
	background: linear-gradient(115deg, #67472f 0%, #75533c 51%, #5b3e2c 100%);
	min-height: 455px;
	overflow:hidden;
}
.sec-banner-lh:before{
	content: '';
	position: absolute;
	width: 660px;
	height: 660px;
	border: 1px solid #cda26b35;
	border-radius: 50%;
	left: -320px;
	top: -370px;
	box-shadow: 0 0 0 42px #ffffff05, 0 0 0 88px #ffffff05, 0 0 0 134px #ffffff05;
}
.sec-banner-lh:after{
	content: '';
	position: absolute;
	right: -95px;
	bottom: -280px;
	width: 570px;
	height: 570px;
	border: 1px solid #e9c48b35;
	border-radius: 50%;
	box-shadow: 0 0 0 45px #e9c48b09, 0 0 0 90px #e9c48b07, 0 0 0 140px #e9c48b07;
}
.sec-banner-lh .tag-title{
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 3.5px;
	text-transform: uppercase;
	color: #dfb979;
	display: flex;
	align-items: center;
	gap: 14px;
}
.sec-banner-lh .tag-title:before{
	content: '';
	width: 35px;
	height: 1px;
	background: currentColor;
}
.sec-banner-lh .txt-title h1{
	margin: 22px 0 22px;
}
.sec-banner-lh .txt-desc{
	color: #f3e9db;
	line-height: 1.9;
	max-width: 600px;
	margin-bottom: 30px;
}
.sec-banner-lh a.button{
	background-color: transparent !important;
	font-weight: 500;
	font-size: 16px;
	min-height: unset;
	line-height: 1.35;
	padding: 15px 25px;
	box-shadow: 0 14px 28px -14px rgb(51 35 23) !important;
	border: 1px solid var(--kem);
	white-space: nowrap;
	border-radius: 10px;
	color: var(--kem);
}
.sec-banner-lh a.button:hover{
	transform:translatey(-3px);
}
.sec-banner-lh .col-left{
	flex-basis: 55%;
	max-width: 55%;
}
.sec-banner-lh .col-right{
	flex-basis: 45%;
	max-width: 45%;
}
.sec-contact-lh .tag-title{
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 3px;
	color: #b1844f;
	text-transform: uppercase;
}
.sec-contact-lh .col-item > .col-inner{
	height:100%;
	background: #fff;
	border: 1px solid #e8dfd3;
	padding: 34px 28px 33px;
	transition:all 0.3s;
}
.sec-contact-lh .col-item > .col-inner:hover{
	transform: translateY(-5px);
	box-shadow: 0 16px 40px #4b302016;
	border-color: #d6b88b;
}
.sec-contact-lh .col-item > .col-inner:before{
	content:'';
	position:absolute;
	left:28px;
	top:0;
	width: 46px;
	height: 3px;
	background: #cfaa70;
}
.sec-contact-lh .col-item .info-icon{
	position:relative;
}
.sec-contact-lh .col-item .info-icon .info-inner{
	width: 51px;
	height: 51px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #ead9c0;
	border-radius: 50%;
	color: #b68951;
	margin-bottom: 22px;
}
.sec-contact-lh .col-item .info-icon .info-inner svg{
	width:23px;
	height:23px;
}
.sec-contact-lh .col-item h3{
	font-size: 17px;
	margin: 0 0 8px;
	font-weight: 700;
}
.sec-contact-lh .col-item p{
	color: #817467;
	font-size: 14px;
	line-height: 1.45;
	margin: 0;
}
.sec-contact-lh .col-item p + p{
	margin-top:6px;
}
.sec-form-lh .col-content > .col-inner{
	background:#fff;
	box-shadow: 0 20px 58px #63452f12;
}
.sec-form-lh .col-left > .col-inner{
	overflow: hidden;
	background: linear-gradient(160deg, #75533b, #493224);
	color: #fff;
	padding: 62px 54px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 560px;
	height:100%;
}
.sec-form-lh .col-left > .col-inner:after{
	content: '';
	width: 430px;
	height: 430px;
	border: 1px solid #e3b97a4f;
	border-radius: 50%;
	position: absolute;
	right: -255px;
	bottom: -220px;
	box-shadow: 0 0 0 30px #dfb77716, 0 0 0 60px #dfb77711, 0 0 0 90px #dfb7770a;
}
.sec-form-lh .col-left .txt-top .tag-title{
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 3.5px;
	text-transform: uppercase;
	color: #dfb979;
	display: flex;
	align-items: center;
	gap: 14px;
}
.sec-form-lh .col-left .txt-top .tag-title:before{
	content: '';
	width: 35px;
	height: 1px;
	background: currentColor;
}
.sec-form-lh .col-left .txt-top h2{
	font-family: var(--font-f3) !important;
	font-size: 44px;
	line-height: 1.25;
	font-weight: normal;
	margin: 23px 0;
}
.sec-form-lh .col-left .txt-top p{
	max-width: 370px;
	color: #f2e7da;
	line-height: 1.95;
	font-size: 15px;
}
.sec-form-lh .col-left .txt-bottom{
	position: relative;
	z-index: 1;
	border-top: 1px solid #eacb9c59;
	padding-top: 25px;
	color: #f3d6ab;
	font-style: italic;
	font-size: 18px;
	letter-spacing:1px;
}
.sec-form-lh .col-left .txt-bottom p{
	font-family: var(--font-f2) !important;
}
.sec-form-lh .col-right > .col-inner{
	height:100%;
	padding: 56px 54px;
}
.form-lh {
	display:flex;
	flex-wrap:wrap;
	gap:3px 16px;
	justify-content:space-between;
}
.form-lh .row50{
	width:calc(50% - 8px);
	flex-shrink:0;
}
.form-lh .row100{
	width:100%;
}
.form-lh .label{
	margin:0 0 6px;
	font-size: 14px;
	font-weight: 700;
	color: #5e5147;
}
.form-lh :is(input,select,textarea){
	border: 1px solid #e4dbcf;
}
.form-lh :is(input,select,textarea):focus{
	border-color: #bc925c;
}
.form-lh button[type=submit]{
	background: #6f4c34;
	border: 1px solid #6f4c34;
	color: #fff;
	font-weight: 600;
	letter-spacing: .6px;
	padding: 0 26px;
	min-height: 50px;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	font-size: 14.4px;
}
.form-lh button[type=submit]:hover{
	background: #523723;
}
.form-lh .fine-print{
	font-size: 12px;
	color: rgb(92, 81, 69);
	margin: 15px 0 0;
}
.form-lh .fine-print a{
	color: #69584a;
	font-weight: 500;
}
.form-lh .fine-print a:hover {
	text-decoration: underline;
}
.sec-map-lh .col-content > .col-inner{
	background:#F4EDE3;
	border: 1px solid #e8dfd3;
}
.sec-map-lh .col-left{
	flex-basis: 37%;
	max-width: 37%;
}
.sec-map-lh .col-right{
	flex-basis: 63%;
	max-width: 63%;
}
.sec-map-lh .col-left > .col-inner{
	padding: 48px 43px;
}
.sec-map-lh .col-left .tag-title p{
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 3px;
	text-transform: uppercase;
}
.sec-map-lh .col-left a.button{
	background-color:transparent !important;
	box-shadow:none !important;
	border:none;
	color:var(--nau);
	min-height:unset;
	padding:0;
	font-weight:600;
	font-size:13.4px;
	text-transform:uppercase !important;
	margin-top:24px;
	position:relative;
}
.sec-map-lh .col-left a.button i{
	font-size:10px;
}
.sec-map-lh .col-left a.button i:before{
	content:'\f08e';
	font-family:'fontawesome';
}
.sec-map-lh .col-left a.button:before{
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	background:var(--nau);
	height:1px;
	z-index:1;
}
.sec-map-lh .col-left a.button:after{
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	width:0%;
	background:var(--vang);
	height:1px;
	transition:all 0.3s;
	z-index:2;
}
.sec-map-lh .col-left a.button:hover:after{
	width:100%;
}
.map-lh{
	height: 100%;
	min-height: 360px;
}








/* Footer */
.sec-footer:before,.sec-footer:after{
	content:'';
	position:absolute;
	pointer-events:none;
	z-index:0;
	display:block;
}
.sec-footer:before{
	top: 0;
	left: 0;
	width: 30%;
	height: 50%;
	max-width: 600px;
	background: url(/wp-content/uploads/2026/10/bg-before-footer.png) no-repeat;
	background-size: contain;
	background-position: top left;
	opacity: 0.5;
}
.sec-footer:after{
	bottom: 0;
	right: 0;
	width: 50%;
	height: 50%;
	max-width: 800px;
	background: url(/wp-content/uploads/2026/10/bg-after-footer.png) no-repeat;
	background-size: contain;
	background-position: bottom right;
	opacity: 0.3;
}
.col-top-f{
	padding-bottom:45px;
	padding-top:15px;
}
.col-top-f > .col-inner{
	padding-bottom:45px;
	border-bottom:1px solid rgb(234 214 186 / 20%);
	display:flex;
	flex-wrap:wrap;
	gap:20px;
	justify-content:space-between;
	align-items:center;
}
.col-top-f .txt-content{
	max-width:650px;
}
.col-top-f .txt-content h3{
	font-weight:500;
	font-size: 42px;
	line-height: 1.35;
	margin: 0 0 10px;
	font-family: var(--font-f3) !important;
	color: var(--kem);
}
.col-top-f .txt-content p{
	margin:0;
	font-size:17px;
	color:#f0f0f0;
	font-weight:300;
	line-height:1.6;
}
.col-top-f a.button{
	background-color: transparent !important;
	font-weight: 500;
	font-size: 16px;
	min-height: unset;
	line-height: 1.35;
	padding: 15px 25px;
	box-shadow: 0 14px 28px -14px rgb(51 35 23) !important;
	border: 1px solid var(--kem);
	white-space: nowrap;
	border-radius: 10px;
	color: var(--kem);
}
.col-top-f a.button:hover{
	transform:translatey(-3px);
}
.title-f p{
	text-transform:uppercase;
	font-weight:500;
	line-height:1.45;
	margin-bottom:15px;
	font-size:15px;
	color:var(--kem);
}
.menu-f > div + div{
	margin-top:12px !important;
}
.menu-f a{
	font-size:14.4px;
	min-height:unset;
	line-height:1.35;
	padding:0 0 3px 0;
	color:#fff !important;
	transition:all 0.5s !important;
}
.menu-f a i{
	width:unset;
	transition:all 0.3s;
	color:var(--kem);
	margin-right:2px;
}
.menu-f a:hover i{
	transform:translatex(3px);
}
.menu-f a:hover{
	color:var(--kem) !important;
}
.follow-f{
	display:flex;
	flex-wrap:wrap;
	gap:7px;
}
.follow-f.social-icons a.button.icon{
	margin:0 !important;
	display:flex !important;
	align-items:center;
	justify-content:center;
	width:36px;
	height:36px;
	flex-shrink:0;
	background-color: #f5dfb5 !important;
	border: 0 !important;
	box-shadow:none !important;
}
.follow-f.social-icons a.button.icon:hover{
	transform:translatey(-3px);
	border-color: var(--nau) !important;
}
.follow-f.social-icons a.button.icon i{
	top:unset;
	color:#725139 !important;
}
.box-contact-f{
	display:flex;
	margin-top:15px;
}
.box-contact-f .b-icon{
	width:18px;
	flex-shrink:0;
	transition:all 0.3s;
	color: #e8c9a0;
}
.box-contact-f .b-icon svg{
	width:18px;
	height:18px;
	margin-top:2px;
}
.box-contact-f .b-txt{
	padding-left:12px;
}
.box-contact-f .b-txt p.text-title{
	color: #fff;
	font-weight:500;
	margin:0;
	line-height:1.35;
	font-size:15px;
}
.box-contact-f .b-txt p.text-desc{
	margin:5px 0 0;
	font-size:14.4px;
	line-height:1.45;
	color: #f0f0f0;
}
.box-contact-f a:hover{
	color:var(--kem);
}

.col-coppy-f > .col-inner{
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:15px;
	padding-top:30px;
	margin-top:15px;
	border-top:1px solid rgb(234 214 186 / 20%);
}
.col-coppy-f .footer-copy{
	font-size:14px;
}
.col-coppy-f .footer-copy :is(p,a){
	color: #f0f0f0;
	transition:0.2s !important;
}
.col-coppy-f .footer-copy a:hover{
	color:var(--kem);
}
.col-coppy-f .footer-cs {
	flex-direction:row;
	gap:24px;
}
.col-coppy-f .footer-cs a{
	padding:0;
	min-height:unset;
	line-height:1.35;
	font-size:14px;
	transition:0.2s !important;
	color:#f0f0f0 !important;
	white-space:nowrap;
}
.col-coppy-f .footer-cs a:hover{
	color:var(--kem) !important;
	text-decoration:underline;
}
/* Lọc */
.mxp-filter .mxp-front-clear, .mxp-filter .mxp-front-arrow{
	height:100%;
	font-weight:400;
}
.mxp-filter .mxp-filter-field label{
	font-size:17px;
	font-weight:600;
	color:var(--nau);
}
.mxp-filter{
	align-items:center;
	grid-template-columns: 1fr 1fr 1fr 1fr 50px;
}
.mxp-filter .mxp-filter-submit{
	background: #725139 !important;
	width: 50px;
	height: 50px;
}

.mxp-loadmore-wrap button.mxp-loadmore{
	background:var(--nau);
	border-radius:99px;
	text-transform:initial;
	color:#fff;
	font-weight:600;
	border:none;
	padding:10px 32px;
	line-height:1.35;
	min-height:54px;
	min-width:220px;
	margin-top:35px;
	transition:all 0.3s;
}
.mxp-loadmore-wrap button.mxp-loadmore:hover{
	background:#9d673f;
}
/* Trang Dự án */
.sec-search-project .section-content{
	z-index:2;
}
.sec-search-project .col-content > .col-inner{
	background: rgb(255 250 245);
	border:1px solid #ead6ba;
	border-radius:16px;
	padding:16px;
	box-shadow: 0 12px 24px -10px rgb(234 223 206);
	margin-top:-50px;
}
.sec-search-project .mxp-filter .mxp-filter-field{
	padding:10px 20px;
	background:transparent;
	border-radius: 12px;
	transition: background 0.2s ease;
	position:relative;
}
.sec-search-project .mxp-filter .mxp-filter-field:after{
	content:'';
	position:absolute;
	top:50%;
	transform:translatey(-50%);
	right:-6px;
	width:1px;
	background:#c6b195;
	height:30px;
}
.sec-search-project .mxp-filter .mxp-filter-field:hover{
	background: #EDEFE8;
}
.sec-search-project .mxp-filter .mxp-filter-field :is(input,select){
	border:none;
	border-radius:0;
	height:32px;
	min-height:unset;
	margin-top:3px;
	outline:none !important;
	background-color:transparent !important;
	font-size:15.52px;
}




/* Box dự án */
.mxp-grid .mxp-card-title{
	font-size:22px;
	font-weight:500;
}
.mxp-grid.mxp-layout-classic .mxp-card::after{
	background: linear-gradient(180deg, transparent 70%, #725139 98%);
}
.mxp-grid.mxp-layout-classic .mxp-card-location {
	color: #f5dfbd;
}
.mxp-grid.mxp-layout-classic .mxp-card-title,
.mxp-grid.mxp-layout-classic .mxp-card-location {
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}

/* Chi tiết dự án - Plugin */
.mxp-project-nav-content{
	gap:14px;
}
.mxp-project-default #header{
	display:none;
}
.mxp-project-slider {
	height:unset;
}
.mxp-project-nav{
	background: linear-gradient(90deg, #fffaf1 0%, #f6ead8 50%, #ead6ba 100%);
}
.mxp-project-nav-content {
	min-height: 80px;
}
.mxp-project-logo img {
	height: unset;
	max-width: 230px;
}
.mxp-project-menu {
	gap:8px 30px;
}
.mxp-project-menu a{
	color: var(--nau) !important;
	font-size: 17px;
}
.mxp-project-menu a:hover{
	color: rgb(171, 141, 46) !important;
}
.mxp-project-section h2{
	text-align:center;
	font-family:var(--font-f3) !important;
	color:var(--nau);
	text-transform:uppercase;
	font-size:32px;
	line-height:1.25;
	margin:0 0 16px;
}
.mxp-project-nav-collapsed .mxp-project-menu-panel{
	background: var(--nau);
}
.mxp-project-nav-collapsed .mxp-project-menu-panel a{
	font-size: 16px;
	font-weight: 600;
	color: var(--kem) !important;
	border:none;
	border-top: 1px solid rgba(236, 236, 236, 0.21) !important;
}





/* Chi tiết dự án - UX */


/* Trang chủ */
.tag-section-home{
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom:5px;
}
.tag-section-home.tag-center{
	justify-content:center;
}
@media only screen and (max-width:1200px){
	.header-nav-main > li {
		margin: 0px 15px;
	}
}
@media only screen and (max-width:849px){
	.tag-section-home.center-tablet{
		justify-content:center;
	}
}
.tag-section-home:before{
	content: '';
	width: 28px;
	height: 1px;
	background: #b38b54;
}
.tag-section-home p{
	font-size: 13px;
	letter-spacing: 2.5px;
	font-weight: 600;
	text-transform:uppercase;
}
.sec-banner-home .banner .banner-bg .overlay{
	background: linear-gradient(90deg, rgba(36, 27, 22, .84), rgba(36, 27, 22, .36) 48%, rgba(36, 27, 22, .02) 100%), linear-gradient(0deg, rgba(36, 27, 22, .45), transparent 35%);
	background-color:unset !important;
}
.sec-banner-home .banner :is(.text-box,.text-box-content){
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.sec-banner-home .banner .text-inner{
	padding:0 15px 60px;
}
.sec-banner-home .banner .tag-title{
	font-size: 13px;
	letter-spacing: 2.5px;
	font-weight: 600;
	color: #f2dfc6;
	margin-bottom: 16px;
	display: flex;
	align-items: center;
	gap: 14px;
}
.sec-banner-home .banner .txt-content .tag-title:before{
	content: '';
	width: 28px;
	height: 1px;
	background: #b38b54;
}
.sec-banner-home .banner .txt-content h2{
	font-size: 65px;
	line-height: 1.16;
	margin: 0 0 25px;
	max-width:820px;
}
.sec-banner-home .banner .txt-content :is(h2,h2 *){
	font-family:var(--font-f3) !important;
}
.sec-banner-home .banner .txt-content p{
	margin:0;
	max-width: 460px;
	color: #f0e9e1;
	font-size: 17px;
	line-height: 1.8;
}
.sec-banner-home .banner .col-btn > .col-inner{
	display:flex;
	flex-wrap:wrap;
	gap:15px 24px;
	padding-top:34px;
}
.sec-banner-home .banner .col-btn a.button{
	margin:0;
	font-size:15px;
	font-weight:600;
	min-height:50px;
	display:flex;
	align-items:center;
	justify-content:center;
	border:none;
}
.sec-banner-home .banner .col-btn a.button.btn1{
	background-color:#b38b54 !important;
}
.sec-banner-home .banner .col-btn a.button.btn2{
	padding:0;
	background-color:transparent !important;
	box-shadow:none !important;
	font-weight:400;
	position:relative;
}
.sec-banner-home .banner .col-btn a.button.btn2:before{
	content:'';
	position:absolute;
	left:0;
	bottom:4px;
	width:100%;
	border-top:1px solid #d4c2ac;
}
.sec-banner-home .banner:not(.uxb-draggable) .text-box-content .hero-bottom{
	position:absolute;
	bottom:30px;
	width:100%;
	display:flex;
	align-items:center;
	border-top:1px solid #ffffff35;
	padding-top: 25px;
}
.sec-banner-home .banner .text-box-content .hero-bottom p{
	font-size: 12px;
	letter-spacing: 2px;
	color: #e9dfd3 !important;
	text-transform:uppercase;
}
.sec-banner-home .flickity-page-dots{
	height:33px;
	left:50%;
	transform:translatex(-50%);
	width:100%;
	max-width:1230px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap:10px;
	bottom:20px !important;
}
.sec-banner-home .flickity-page-dots li {
	width: 30px !important;
	height: 16px !important;
	position: relative;
	background: transparent;
	border: 0;
	padding: 0;
	flex-shrink:0;
	margin:0 !important;
	background-color:transparent !important;
	opacity:1 !important;
}
.sec-banner-home .flickity-page-dots li:before{
	content:'';
	position: absolute;
	top: 50%;
	transform:translatey(-50%);
	left: 0;
	right: 0;
	height: 3px;
	background: #ffffff60;
}
.sec-banner-home .flickity-page-dots li.is-selected:before{
	background:var(--kem);
}
.sec-gt-home{
	overflow:hidden;
}
.sec-gt-home:before{
	content:'';
	position:absolute;
	top:0;
	left:60%;
	width:100vw;
	height:100%;
	background:#FEF6ED;
}
.sec-gt-home .col-left .list-item > .col-inner{
	display:flex;
	margin: 15px 0 30px;
	padding: 20px 0;
	border:1px solid #e5d9cd;
	border-left:0;
	border-right:0;
}
.sec-gt-home .col-left .list-item .box-item{
	width:calc(100% / 3 - 15px);
}
.sec-gt-home .col-left .list-item > .col-inner > .box-item + .box-item{
	border-left: 1px solid #e5d9cd;
	padding-left: 20px;
}
.sec-gt-home .col-left .list-item p{
	margin:0;
	font-size: 17px;
	color: #725139;
	font-weight:600;
}
.sec-gt-home .col-left a.button{
	padding: 9px 25px;
	font-size: 14.4px;
	font-weight: 600;
	border:none;
	/* 	border-radius:10px; */
}
.sec-gt-home .col-right > .col-inner{
	padding-right:22px;
	padding-left:25px;
}
.sec-gt-home .col-right > .col-inner:before{
	content:'';
	position:absolute;
	inset: 22px 0 -22px 22px;
	border: 1px solid #b38b5470;
}
.sec-gt-home .col-right .box .box-text{
	width:100%;
	max-width:320px;
	background:var(--nau);
	padding: 28px 30px;
	border-left: 3px solid #d7b988;
	box-shadow: 0 12px 30px #352b2517;
	left: -35px;
	bottom: 35px;
	text-shadow:unset;
}
.sec-gt-home .col-right .box p{
	font-size: 11px;
	letter-spacing: 1.4px;
	color: #f0dec7;
	margin:0 0 8px;
}
.sec-gt-home .col-right .box h3{
	font-size: 26px;
	line-height: 1.35;
	margin:0;
	font-family:var(--font-f3) !important;
}
.sec-counter-home .section-bg{
	opacity:0.2;
}
.sec-counter-home .col-list-item > .col-inner{
	border-top: 1px solid #fef6ed30;
	padding-top: 20px;
}
.sec-counter-home .col-item + .col-item > .col-inner{
	padding-left:25px;
}
.sec-counter-home .col-item + .col-item > .col-inner:before{
	content:'';
	position:absolute;
	top:50%;
	transform:translatey(-50%);
	left:0;
	height:calc(100% - 10px);
	width:1px;
	background:#fef6ed30;
}
.sec-counter-home .col-item .counter{
	font-size:56px;
	line-height:1;
	margin:0 0 10px;
	font-family:var(--font-f3) !important;
	position:relative;
}
.sec-counter-home .col-item .counter:after{
	content:'+';
	color:var(--kem);
	font-size:24px;
	vertical-align: super;
	margin-left: 5px;
}
.sec-counter-home .col-item p{
	margin:0;
	font-size:17px;
	color:rgb(240, 222, 202);
}
.sec-dich-vu-home .col-item{
	counter-increment:faq;
}
.sec-dich-vu-home .col-item >.col-inner{
	height:100%;
	transition:all 0.3s;
	background:#cba364;
	padding: 35px 30px 24px;
	background: #fffaf5;
	border: 1px solid #e5d9cd;
	border-top: 3px solid #b38b54;
	display:flex;
	flex-direction:column;
	border-radius:15px;
	overflow:hidden;
}
.sec-dich-vu-home .col-item >.col-inner:before{
	content:counter(faq, decimal-leading-zero);
	position:absolute;line-height:1;
	top:30px;
	right:30px;
	font-size:50px;
	font-family:var(--font-f3) !important;
	color:var(--nau);
	opacity:0.2;
	transition:all 0.3s;
}
.sec-dich-vu-home .col-item >.col-inner:hover:before{
	opacity:0.4;
}
.sec-dich-vu-home .col-item >.col-inner:hover{
	background:#fff;
	transform:translatey(-5px);
}
.sec-dich-vu-home .col-item .txt-content{
	flex:1;
	padding-bottom:24px;
	border-bottom:1px solid #e9e0d6;
	margin-bottom:16px;
}
.sec-dich-vu-home .col-item .txt-content .b-icon{
	margin:0 0 12px;
}
.sec-dich-vu-home .col-item .txt-content h3{
	color:var(--nau);
	font-size:24px;
	line-height:1.16;
	margin:0 0 20px;
	font-family:var(--font-f3) !important;
}
.sec-dich-vu-home .col-item .txt-content p{
	margin:0;
	color:rgb(117, 106, 96);
}
.sec-dich-vu-home .col-item a.button{
	border:none;
	width:max-content;
	background-color:transparent !important;
	box-shadow:none !important;
	color:var(--nau);
	padding:0;
	font-size:15px;
	font-weight:500;
	min-height:unset;
	line-height:1.35;
	position:relative;
}
.sec-dich-vu-home .col-item a.button:before{
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:1px;
	background:var(--nau);
	opacity:0;
}
.sec-dich-vu-home .col-item a.button:hover:before{
	opacity:1;
}
.sec-du-an-home .col-btn > .col-inner{
	text-align:right;
}
.sec-du-an-home .col-btn a.button{
	box-shadow:none !important;
	background:transparent;
	border:1px solid var(--nau);
	color:var(--nau);
	padding:6px 24px;
	font-size:15px;
	font-weight:700;
	border-radius:10px;
}
.sec-du-an-home .col-btn a.button:hover{
	background:var(--nau);
	color:#fff;
}
.sec-du-an-home .project-home .owl-stage {
	transition-timing-function: linear !important;
}
.sec-album-home{

}
.sec-feedback-home .col-item > .col-inner{
	height:100%;
	background: #fffaf5;
	padding: 28px 30px 30px;
	border: 1px solid #e5d9cd;
	display: flex;
	flex-direction: column;
	border-radius: 16px;
	overflow:hidden;
}
.sec-feedback-home .col-item > .col-inner:before{
	content:'';
	position:absolute;
	bottom:0;
	right:0;
	width:60%;
	aspect-ratio: 1 / 1;
	background:url(/wp-content/uploads/2026/10/bg-fb2.webp) no-repeat;
	background-size:contain;
	z-index:1;
	opacity:0.25;
	background-position: bottom right;
}
.sec-feedback-home .col-item > .col-inner > *{
	position:relative;
	z-index:2;
}
.sec-feedback-home .col-item .txt-content{
	flex:1;
}
.sec-feedback-home .col-item .txt-content:before{
	content: '“';
	font-family: Georgia, serif !important;
	font-size: 76px;
	color: #b38b54;
	line-height: 1;
	height: 40px;
	display: block;
}
.sec-feedback-home .col-item .box{
	display:flex;
	gap:12px;
	align-items:center;
	border-top: 1px solid #e5d9cd;
	padding-top: 22px;
	margin-top:15px;
}
.sec-feedback-home .col-item .box .box-image{
	width:55px !important;
	flex-shrink:0;
}
.sec-feedback-home .col-item .box .box-image .image-cover{
	border-radius:50%;
}
.sec-feedback-home .col-item .box .box-text{
	padding:0;
}
.sec-feedback-home .col-item .box .name{
	margin:0;
	font-size:16px;
	font-weight:700;
	color:#725139;
	line-height:1.25;
}
.sec-feedback-home .col-item .box p{
	margin:3px 0 0;
	font-size:14px;
	line-height:1.35;
	color:#756a60;
}
.row-feedback .owl-item .col{
	padding-left:0;
	padding-right:0;
	padding-bottom:20px;
}
.owl-theme.owl-dot-dashes .owl-dots button span{
	margin:0 !important;
	border-radius:0;
	height:4px;
	width:30px;
}
.sec-doitac-home {

}
.ga-doitac .owl-item .gallery-col.col{
	padding:0;
}
.ga-doitac .box-image{
	padding-top:100px !important;
	border: 1px solid rgb(101 72 50 / 20%);
	border-radius:6px;
	cursor:pointer;
}
.ga-doitac .box-image img{
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	right:unset;
	bottom:unset;
	width:unset;
	height:unset;
	max-width:calc(100% - 20px);
	max-height:calc(100% - 20px);
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	transition: 0.3s;
	opacity:0.75;
}
.ga-doitac .box-image:hover img{
	opacity:1;
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
}
.row.ga-doitac::before, .row.ga-doitac::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 12%;
	z-index: 5;
	pointer-events: none;
	display: block;
}
.row.ga-doitac::before{
	left: 0;
	background: linear-gradient(90deg, rgba(246, 236, 224) 0%, rgba(246, 236, 224, 0.88) 35%, rgba(255, 252, 251, 0) 100%);
}
.row.ga-doitac::after{
	right: 0;
	background: linear-gradient(270deg, rgba(246, 236, 224) 0%, rgba(246, 236, 224, 0.88) 35%, rgba(255, 252, 251, 0) 100%);
}
.sec-tintuc-home .row-title .col-btn {
	text-align:right;
}
.sec-tintuc-home .row-title .col-btn a.button {
	color: var(--nau);
	font-size: 15px;
	font-weight: 700;
	box-shadow: none !important;
	background: transparent;
	border: 1px solid var(--nau);
	padding: 6px 24px;
	border-radius: 10px;
}
.sec-tintuc-home .row-title .col-btn a.button:hover{
	color: rgb(255, 255, 255);
	background: var(--nau);
}
.sec-tintuc-home .row.post-home.owl-carousel{
	margin-left:0 !important;
	margin-right:0 !important;
}
.sec-tintuc-home .row.post-home .owl-item .col{
	padding-left:0;
	padding-bottom:15px;
	padding-right:0;
}





.btn-contact-fix{
	position:fixed;
	z-index:9;
	right:11px;
	bottom:140px;
	display:flex;
	flex-direction:column;
	gap:10px;
	pointer-events:none;
}
.btn-contact-fix.active{
	pointer-events:auto;
}
.btn-contact-fix a{
	display:flex;
	align-items:center;
	justify-content:center;
	width:48px;
	height:48px;
	border-radius:50%;
	flex-shrink:0;
	background: #946b4c;
	border:2px solid #efc589;
	transform:translatex(100px);
	opacity:0;
	visibility:hidden;
	transition:
		transform 400ms ease,
		opacity 400ms ease,
		visibility 400ms,
		box-shadow 300ms ease;
}
.btn-contact-fix.active a{
	opacity:1;
	visibility:visible;
	transform:translatex(0);
}
.btn-contact-fix.active a:nth-child(1) {
	transition-delay: 0ms;
}

.btn-contact-fix.active a:nth-child(2) {
	transition-delay: 100ms;
}

.btn-contact-fix.active a:nth-child(3) {
	transition-delay: 200ms;
}

.btn-contact-fix.active a:nth-child(4) {
	transition-delay: 300ms;
}

.btn-contact-fix.active a:nth-child(5) {
	transition-delay: 400ms;
}
.btn-contact-fix a:hover{
	box-shadow:
		0 8px 22px rgba(60, 35, 20, 0.25),
		0 0 0 5px rgba(239, 197, 137, 0.14);
}
.btn-contact-fix a img{
	width:30px;
}
.btn-toggle-contact-fix{
	position:fixed;
	z-index:9;
	right:8px;
	bottom:75px;
	display:flex;
	align-items:center;
	justify-content:center;
	width:55px;
	height:55px;
	border-radius:50%;
	background: #946b4c;
	border:2px solid #efc589;
	cursor:pointer;
	color:#fff;
	font-size:24px;
}
.btn-toggle-contact-fix:before{
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:100%;
	height:100%;
	border:1px solid var(--nau);
	animation:beforeZoom 2s ease-out infinite;
	border-radius:50%;
	z-index:-1;
}
@keyframes beforeZoom{
	0%{
		transform: translate(-50%,-50%) scale(1);
		opacity: 0.8;
	}
	100%{
		transform: translate(-50%,-50%) scale(1.5);
		opacity: 0;
	}
}
.btn-toggle-contact-fix img{
	width:32px;
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);
}
.btn-toggle-contact-fix.active img{
	display:none;
}
.btn-toggle-contact-fix i{
	display:none;
}
.btn-toggle-contact-fix.active i{
	display:block;
}


.icon-menu{
	color:var(--nau);
	font-size:24px !important;
	top:unset;
}
.off-canvas-left .mfp-content, .off-canvas-right .mfp-content{
	background:var(--nau);
}
.sidebar-menu .nav-sidebar li a{
	font-size:15px;
	font-weight:400;
	color:#fff;
}
.sidebar-menu .nav-sidebar > li{
	border-color:rgb(236 236 236 / 21%) !important;
}
.sidebar-menu .nav-sidebar > li > a{
	font-size:16px;
	font-weight:600;
	color:var(--kem);
}

.form-du-an > p{
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 15px;
}
.form-du-an input{
	margin:0;
}
/* table tổng quan dự án - Global Gate Hạ Long*/
.project-info-table {
	width: 100%;
	table-layout: fixed;
}
.project-info-table td:first-child {
	width: 32%;
}
.project-info-table td:last-child {
	width: 68%;
}
.project-info-table td {
	vertical-align: middle;
}
@media only screen and (max-width:1024px){
	.mxp-filter .mxp-filter-submit {
		grid-column: unset;
		justify-self: end;
		width: 40px;
		height: 40px;
	}
	.sec-search-project .mxp-filter .mxp-filter-field {
		padding: 10px 15px;
	}
}
@media only screen and (max-width:849px){
	.order-1-tablet{
		order:-1;
	}
	.col-float-left.center-tablet > .col-inner,
	.col-float-right.center-tablet > .col-inner{
		margin-left:auto !important;
		margin-right:auto !important;
	}
	.col-float-right.left-tablet > .col-inner{
		margin-left:0 !important;
		margin-right:auto !important;
	}
	.row-category-heading .col-content > .col-inner {
		flex-direction: column;
		align-items: flex-start;
	}
	.row-category-heading .category-heading-title h1 {
		font-size: 30px;
	}
	.blog-wrapper .row-large-t > .large-9 {
		padding-right: 15px;
		flex-basis: 100%;
		max-width: 100%;
	}
	.blog-wrapper .row-large-t > .large-3 {
		flex-basis: 100%;
		max-width: 100%;
		padding-left: 15px;
		border-left:0;
	}
	.blog-wrapper .row-large-t > .large-3 .col-inner-custom {
		border-left: 0;
		padding-left: 0;
	}
	#post-list .col.post-item{
		flex-basis: 50%;
		max-width: 50%;
	}
	.row-post-top-archive .post-item .box-text {
		padding: 0 138px 38px 38px;
	}
	.row-post-top-archive button.flickity-button {
		bottom: 24px !important;
	}
	.row-post-top-archive .flickity-prev-next-button.previous {
		right: 60px;
	}
	.row-post-top-archive .flickity-prev-next-button.next {
		right: 20px !important;
	}

	.sec-3-gt .row.about-timeline {
		padding-left: 20px;
	}
	.sec-3-gt .row.about-timeline:before, .sec-3-gt .row.about-timeline:after{
		left:20px;
	}
	.sec-5-gt .row-img .img .img-inner{
		padding-top:200px !important;
	}
	.sec-form-lh .col-left > .col-inner {
		min-height: unset;
		gap:30px;
	}
	.sec-map-lh .col-left {
		flex-basis: 45%;
		max-width: 45%;
	}
	.sec-map-lh .col-right {
		flex-basis: 55%;
		max-width: 55%;
	}
	.sec-map-lh .col-left > .col-inner {
		padding: 38px 30px;
	}
	.sec-form-lh .col-left .txt-top h2 {
		font-size: 38px;
		margin: 16px 0 24px;
	}
	.sec-footer:before {
		width: 80%;
		max-width: 600px;
	}
	.sec-footer:after {
		width: 100%;
	}
	.sec-search-project .mxp-filter .mxp-filter-field {
		padding: 5px 10px;
	}
	.mxp-filter .mxp-filter-field label {
		font-size: 16px;
	}
	.sec-search-project .mxp-filter .mxp-filter-field :is(input,select) {
		margin-top: 2px;
		font-size: 15px;
	}
	.sec-banner-home .banner .txt-content h2 {
		font-size: 56px;
	}
	.sec-gt-home:before {
		left: 0;
	}
	.sec-counter-home .col-item .counter {
		font-size: 46px;
	}
	.sec-tintuc-home .row-title .col-btn{
		order:1;
		text-align:center;
	}
}
@media only screen and (max-width:568px){
	.order-1{
		order:-1;
	}
	.col-float-left.center-mobile > .col-inner,
	.col-float-right.center-mobile > .col-inner{
		margin-left:auto !important;
		margin-right:auto !important;
	}
	.col-float-right.left-mobile > .col-inner{
		margin-left:0 !important;
		margin-right:auto !important;
	}
	.related-posts .header-related h3 {
		font-size: 22px;
		padding: 0 0 0 14px;
	}
	.form-du-an > p{
		grid-template-columns: 1fr;
	}
	.col-top-f .txt-content h3 {
		font-size: 28px;
	}
	.col-top-f .txt-content p {
		font-size: 16px;
	}
	.col-coppy-f > .col-inner{
		flex-direction:column;
		align-items:flex-start;
	}
	#post-list .col.post-item{
		flex-basis: 100%;
		max-width: 100%;
	}
	.row-post-top-archive .post-item .image-cover{
		padding-top:65% !important;
	}
	.row-post-top-archive .post-item .box-text {
		padding: 0 15px 38px;
	}
	.row-post-top-archive .post-item .post-title {
		font-size: 17px;
	}
	.row-post-top-archive .post-item .date-post {
		color: #ffe5bf;
		margin: 0 0 5px;
		font-size: 13px;
	}
	.row-post-top-archive button.flickity-button {
		bottom: 10px !important;
		font-size: 13px;
		width: 30px !important;
	}
	.row-post-top-archive .flickity-prev-next-button.previous {
		right: 50px;
	}
	.blog-single h1.entry-title {
		font-size: 24px;
		line-height: 1.35;
	}
	.meta-post {
		gap: 12px;
	}
	.sec-2-gt .col-item-tnsm .txt-title .nb {
		font-size: 42px;
	}
	.sec-2-gt .col-item-tnsm .txt-title h3 {
		font-size: 28px;
	}
	.sec-3-gt .col-list-item > .col-inner {
		padding-left: 0;
	}
	.sec-3-gt .row.about-timeline {
		padding-left: 15px;
	}
	.sec-3-gt .row.about-timeline:before, .sec-3-gt .row.about-timeline:after {
		left: 15px;
	}
	.sec-3-gt .row.about-timeline .col-item > .col-inner {
		padding-left: 10px;
		padding-bottom: 44px;
	}
	.sec-3-gt .row.about-timeline .col-item .about-title {
		align-items: flex-start;
		gap: 16px;
		flex-direction: column;
	}
	.sec-3-gt .row.about-timeline .col-item .about-title p {
		font-size: 24px;
		min-width: 80px;
		position: relative;
		left: unset;
	}
	.sec-4-gt .col-item .box .box-image .image-cover{
		padding-top:75% !important;
	}
	.sec-banner-lh .col-left,.sec-banner-lh .col-right {
		flex-basis: 100%;
		max-width: 100%;
	}
	.sec-banner-lh .col-right{
		display:none;
	}
	.sec-form-lh .col-left > .col-inner,.sec-form-lh .col-right > .col-inner {
		padding: 38px 15px;
	}
	.form-lh .row50 {
		width: 100%;
	}
	.sec-form-lh .col-content,
	.sec-map-lh .col-content{
		padding:0;
	}
	.sec-map-lh .col-left,.sec-map-lh .col-right {
		flex-basis: 100%;
		max-width: 100%;
	}
	.sec-map-lh .col-left > .col-inner {
		padding: 38px 15px;
	}
	.sec-contact-lh .col-item h3 {
		font-size: 20px;
		font-weight: 600;
	}
	.sec-contact-lh .col-item p {
		color: #615346;
		font-size: 16px;
	}
	.sec-banner-lh a.button{
		padding: 12px 20px;
	}
	.sec-form-lh .col-left .txt-top h2 {
		font-size: 36px;
	}
	.mxp-grid .mxp-card-image {
		padding-top: 62.5%;
	}
	.mxp-filter {
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 12px;
	}
	.sec-search-project .mxp-filter .mxp-filter-field:after{
		display:none
	}
	.sec-search-project .mxp-filter .mxp-filter-field {
		padding: 10px 20px;
		background: #f8f5f5 !important;
	}
	.mxp-filter .mxp-filter-submit {
		grid-column: unset;
		justify-self: center;
		width: 100%;
		height: 46px;
		border-radius:6px;
		background: #916849;
	}
	.mxp-filter .mxp-filter-submit svg{
		display:none;
	}
	.mxp-filter .mxp-filter-submit .mxp-filter-submit-text {
		display: block;
		font-size:16px;
		font-weight:600;
		text-transform:initial;
		letter-spacing:1px;
	}
	.tag-section-home p {
		letter-spacing: 1.5px;
	}
	.tag-section-home:before {
		width: 20px;
	}
	.sec-banner-home .banner{
		padding-top:460px !important;
	}
	.sec-banner-home .banner .text-inner {
		padding: 0 15px 45px;
	}
	.sec-banner-home .banner .tag-title {
		letter-spacing: 2px;
	}
	.sec-banner-home .banner .txt-content h2 {
		font-size: 34px;
		margin: 0 0 18px;
	}
	.sec-banner-home .banner .txt-content p {
		font-size: 16px;
		line-height: 1.5;
	}
	.sec-banner-home .banner .col-btn a.button {
		font-size: 15px;
		font-weight: 500;
		min-height: 46px;
		padding: 0 15px;
	}
	.sec-banner-home .banner .text-box-content .hero-bottom p {
		letter-spacing: 1.1px;
	}
	.sec-banner-home .flickity-page-dots {
		height: 30px;
		bottom: 0px !important;
		padding-right: 15px;
	}
	.sec-gt-home .col-left .list-item .box-item {
		width: calc(100% / 3);
		padding-right: 10px;
	}
	.sec-gt-home .col-left .list-item > .col-inner > .box-item + .box-item {
		padding-left: 10px;
	}
	.sec-gt-home .col-left .list-item p {
		font-size: 16px;
	}
	.sec-gt-home .col-right > .col-inner {
		padding-right: 15px;
		padding-left: 0;
	}
	.sec-gt-home .col-right > .col-inner:before {
		inset: 25px -5px -25px 25px;
	}
	.sec-gt-home .col-right .box .box-text {
		max-width: 280px;
		padding: 20px;
		left: -15px;
		bottom: 15px;
	}
	.sec-gt-home .col-right .box h3 {
		font-size: 21px;
		line-height: 1.25;
	}
	.sec-counter-home .col-item + .col-item > .col-inner {
		padding-left: 0;
	}
	.sec-counter-home .col-item + .col-item > .col-inner:before {
		opacity:0;
	}
	.sec-counter-home .col-item p {
		font-size: 14px;
	}
	.sec-counter-home .col-item .counter {
		font-size: 36px;
		margin: 0 0 6px;
	}
	.sec-du-an-home .col-btn > .col-inner{
		text-align:center;
	}
	.project-home .mxp-grid .mxp-card-image {
		padding-top: 120% !important;
	}
	.sec-album-home .album-fancybox .col-item .img-inner{
		padding-top:75% !important;
	}
	.sec-album-home .album-fancybox .col-item:nth-child(1) .img-inner{
		padding-top:65% !important;
	}
	.btn-toggle-contact-fix {
		bottom: 30px;
	}
	.btn-contact-fix {
		bottom: 100px;
	}
	.mxp-project-section h2 {
		font-size: 26px;
	}
	.mxp-grid .mxp-card-title{
		font-size:20px;
	}
	#logo {
		width: 200px !important;
	}
	.mxp-project-nav-content {
		min-height: 70px;
	}
	.mxp-project-logo img {
		max-width: 200px;
	}
}

@media only screen and (max-width:414px){

}