/*
Theme Name:   Flatsome Child - Maxweb
Theme URI:    https://maxweb.vn
Description:  Child theme 
Author:       Maxweb
Author URI:   https://maxweb.vn
Template:     flatsome
Version:      1.0.0
Text Domain:  flatsome-child
*/
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Cormorant+Infant:ital,wght@0,300..700;1,300..700&display=swap');
:root {
	--mw-primary: #e30613;     
	--mw-primary-dark: #b30410;
	--mw-secondary: #0068ff;    
	--mw-dark: #1f2733;
	--mw-light: #f7f7f7;
	
	--vang:#C96F0E;
}
*{
	text-underline-offset: 4px;
}
html,body,span,label,a,p,button,b,div{
	font-family: "Be Vietnam Pro", sans-serif;
}
h1,h2,h3,h4,h5,h6,.nav > li > a,nav,li{
	font-family: "Be Vietnam Pro", sans-serif !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 p.label span{
	color:#ff0000;
	margin-left: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;
}
#top-link{
	width: 40px;
    height: 40px;
    border-radius: 5px !important;
    border: 1px solid #E8913C !important;
    color: #fff !important;
    background: url(/wp-content/uploads/2026/11/top.png) #E8913C;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    right: 16px;
    min-width:unset;
	bottom:70px;
}
#top-link i{
	display:none;
}
.map :is(p,iframe){
	width:100%;
	height:100%;
	margin:0;
}
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-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;
}
.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{
	display:none;
}
.post-item .col-inner{
	height:100%;
	transition:all 0.3s;
}
.post-item .post-title{
	margin:0 0 10px;
	font-size:17px;
	font-weight:700;
}
.post-item .post-title a{
	margin:0;
	line-height:1.35;
	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: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.btn-icon-right i:before{
	content:'\f061';
	font-family:'fontawesome' !important;
}


.bnt1 {
	display: inline-flex;
	align-items: center;
	background: rgb(179, 95, 16);
	color: rgb(255, 255, 255);
	text-decoration: none;
	font-weight: 600;
	font-size: 14.4px;
	padding: 0px 28px;
	height: 52px;
	border-radius: 6px;
}
.bnt2{
	display: inline-flex;
	align-items: center;
	gap: 12px;
	font-size: 14px;
	letter-spacing: 0.04em;
	padding: 0px 28px;
	height: 52px;
	border-radius: 6px;
}
.white.is-outline:hover {
	color: rgb(232, 145, 60)!important;
}
/* Trang chủ */
.sec-banner-home .section-bg-overlay{
	background-color:transparent !important;
	background: linear-gradient(90deg, rgb(0 0 0), rgb(251 251 251 / 0%))
}
.sec-banner-home .col-left{
	flex-basis: calc(100% - 350px);
	max-width: calc(100% - 350px);
}
.sec-banner-home .col-right{
	flex-basis: 350px;
	max-width: 350px;
}
.sec-banner-home .txt-tag{
	max-width:560px;
}
.sec-banner-home .txt-tag p{
	font-size: 18px;
	font-weight: 600;
	color: rgb(230, 230, 230);
	line-height: 1.5;
	margin-bottom: 25px;
	letter-spacing:1px;
}
.sec-banner-home .txt-title h1{
	margin: 0 0 12px;
	font-size: 50px;
	font-weight: 800;
	color: rgb(255, 255, 255);
	line-height: 1.25;
}
.sec-banner-home .txt-desc{
	max-width:560px;
}
.sec-banner-home .txt-desc p{
	margin:0;
	font-size: 16px;
	line-height: 1.6;
	color: #fff !important;
}
.sec-banner-home .col-btn > .col-inner{
	display:flex;
	gap:16px;
	flex-wrap:wrap;
	padding-top:24px;
}
.sec-banner-home .col-btn a.button{
	margin:0;
	border:0;
	box-shadow:unset !important;
	border-radius:6px;
	display: inline-flex;
	align-items: center;
	background: rgb(179, 95, 16);
	color: #fff;
	font-size: 14.4px;
	font-weight:600;
	letter-spacing: 0.04em;
	padding: 0px 28px;
	height: 52px;
}
.sec-banner-home .col-btn a.button.btn2{
	background:transparent !important;
	border:1px solid #fff;
}
.sec-banner-home .col-btn a.button.btn1:hover{
	transform:translatey(-3px);
}
.sec-banner-home .col-btn a.button.btn2:hover{
	background:#fff !important;
	color:rgb(232, 145, 60)!important
}
.icon-banner{
	background: rgba(20, 21, 22, 0.82);
	align-items: center;
	padding: 16px 10px;
	border-radius: 10px;
}
.icon-banner h4 {
	margin: 0;
	font-weight: 700;
	font-size: 14px;
}
.icon-banner p{
	font-size: 12.5px;
	margin-top: 3px;
}
.sec-gt-home .row-rh {
	margin-top: -60px;
	padding-bottom: 60px;
}
.sec-gt-home .row-rh .col-item{
	flex-basis: 20%;
	max-width: 20%;
}
.sec-gt-home .row-rh .col-item > .col-inner{
	box-shadow: 0 2px 6px rgb(0 0 0 / 38%);
	border-radius: 12px;
	height:100%;
	overflow:hidden;
}
.sec-gt-home .row-rh .col-item .img{
	margin-bottom:0;
}
.sec-gt-home .row-rh .col-item .text-rh {
	height: 100%;
	display: flex;
	flex-direction: column;
}
.sec-gt-home .row-rh .col-item .text-rh p {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	padding: 15px 15px 20px;
	margin: 0;
	color: #050D1F;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
	flex: 1;
}
.col:has(.text-rh) > .col-inner {
	height: 100%;
	display: flex;
	flex-direction: column;
}
.text-rh p a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 36px;
	width: 36px;
	height: 35px;
	border-radius: 50%;
	background: #C96C16;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 1;
	transition: all .3s ease;
	transition: transform .3s ease;
}
.text-rh:hover p a {
	transform: rotate(-45deg);
}
@media (max-width: 767px) {
	.text-rh p {
		padding: 15px;
		font-size: 14px;
	}
	.text-rh p strong {
		flex-basis: 34px;
		width: 34px;
		height: 34px;
	}
}
.title .tag-title {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #C96C16;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0.5px;
	margin: 0 0 12px;
}
.title .tag-title:before {
	content: "";
	display: block;
	flex: 0 0 28px;
	width: 28px;
	height: 2px;
	background: #C96C16;
}
.title h2 {
	font-size: 32px;
	font-weight: 800;
	line-height: 1.25;
	margin: 0 0 20px;
	justify-content: space-between;
}
.title h2 strong {
	color: #C96C16;
	font-weight: 800;
}
.title h2>a{
	font-size:16px;
	color: #C96C16;
	font-weight: 500;
	float: inline-end;
}
.text-tt p{
	font-size: 13px;
	color: rgb(106, 107, 112);
}
.text-tt p>strong{
	font-size: 15px;
	font-weight: 600;
	margin-top: 4px;
	line-height: 1.45;
	color: #111;
}
.icon-kn{
	align-items: center;
}
.icon-kn p{
	display: flex;
	align-items: center;
	gap: 5px;
	margin: 0;
	color: #050D1F;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.35;
}
.icon-kn p>strong {
	flex-shrink: 0;
	color: #C86F18;
	font-size: 46px;
	font-weight: 800;
	line-height: 1;
}
.product-small.box{
	border: 1px solid #cfcfcf;
	border-radius: 15px;
}
.product-small.box .box-image{
	border-radius: 15px 15px 0 0;
}
.product-small.box .box-text {
	padding: 15px;
	height: 100%;
}
.product-small.box .category{
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.06em;
	color: rgb(169, 86, 15);
	opacity: 1;
	line-height: 1.6;
}
.product-small.box .product-title a{
	font-size: 18px;
	font-weight: 700;
	color: #111;
	line-height: 1.5;
	height: 3em;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.inlif-mo-ta {
	color: #5F6368;
	font-size: 15px;
	line-height: 1.6;
	margin: 10px 0 20px;
}
.inlif-mo-ta + * {
	margin-top: 0;
}
.inlif-btn-baogia {
	align-items: center;
	color: #C86F18;
	font-size: 14px;
	font-weight: 700;
}
.woocommerce-tabs .tabs {
	display: flex;
}
.woocommerce-tabs .tabs li#tab-title-description {
	order: 1;
}
.woocommerce-tabs .tabs li#tab-title-wpt-1224 {
	order: 2;
}
.woocommerce-tabs .tabs li#tab-title-wpt-1226 {
	order: 3;
}
.featured-title .page-title-inner {
	padding: 0;
}
.dark .breadcrumbs a {
	color: #fff;
	text-transform: initial;
}
.single-product .page-title-inner {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: flex-start !important;
	flex-wrap: wrap !important;
	gap: 0 !important;
}
.single-product .page-title-inner .title-content {
	order: 1 !important;
	flex: 0 0 auto !important;
	width: auto !important;
	max-width: none !important;
	padding: 0 !important;
	margin: 0 !important;
}
.single-product .page-title-inner .title-wrapper {
	order: 2 !important;
	flex: 0 1 auto !important;
	width: auto !important;
	max-width: none !important;
	padding: 0 !important;
	margin: 0 !important;
	display: flex !important;
	align-items: center !important;
}
.single-product .page-title-inner .title-wrapper::before {
	content: "/" !important;
	display: inline-block;
	color: #FFFFFF;
	font-size: 16px;
	margin: 0 12px;
}
.single-product .page-title-inner .entry-title {
	font-size: 16px !important;
	font-weight: 600;
	line-height: 1.5;
	margin: 0 !important;
	padding: 0 !important;
	text-align: left !important;
}
@media (max-width: 767px) {
	.single-product .page-title-inner .entry-title {
		font-size: 14px !important;
	}
	.single-product .page-title-inner .title-wrapper::before {
		margin: 0 8px;
	}
}
.breadcrumbs .divider, .breadcrumbs .separator {
	opacity: 1;
}
.row-lhsp {
	border: 1px solid rgb(230, 230, 232);
	border-radius: 10px;
	padding: 20px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	background: rgb(251, 251, 251);
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.row-lhsp p{
	margin-bottom: 8px;
	font-size: 15px;
	color: rgb(106, 107, 112);
}
.row-lhsp p>strong{
	font-size: 26px;
	font-weight: 800;
	color: rgb(169, 86, 15);
}
.product-short-description ul {
	list-style: none;
}
.product-short-description li {
	position: relative;
	list-style: none;
	padding-left: 25px;
	color: #050D1F;
	font-size: 15px;
	line-height: 1.5;
	margin-left: 0 !important;
}
.product-short-description li:last-child {
	margin-bottom: 0;
}
.product-short-description li::before {
	content: "";
	position: absolute;
	top: 3px;
	left: 0;
	width: 18px;
	height: 18px;
	border: 1.7px solid #C86F18;
	border-radius: 50%;
}
.product-short-description li::after {
	content: "";
	position: absolute;
	top: 8px;
	left: 5px;
	width: 8px;
	height: 4px;
	border-left: 1.7px solid #C86F18;
	border-bottom: 1.7px solid #C86F18;
	transform: rotate(-45deg);
}
@media (max-width: 767px) {
	.product-short-description li {
		font-size: 14px;
		padding-left: 25px;
		margin-bottom: 10px;
	}
}
.row-bnt .col-inner{
	display: flex;
	padding-top: 20px;
}
.bnt-lh{
	flex: 1 1 220px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	background: rgb(179, 95, 16);
	color: rgb(255, 255, 255);
	text-decoration: none;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 0.03em;
	height: 56px;
	border-radius: 6px;
}
.bnt-goi{
	flex: 1 1 180px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	background: rgb(217 0 0);
	color: rgb(255, 255, 255);
	text-decoration: none;
	font-weight: 700;
	font-size: 15px;
	height: 56px;
	border-radius: 6px;
}
.bnt-zl{
	flex: 0 1 120px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	text-decoration: none;
	font-weight: 700;
	font-size: 15px;
	height: 56px;
	border-radius: 6px;
	box-sizing: border-box;
	margin-right: 0;
	background: #0006ff;
}
.row-bh .col-inner{
	padding: 16px 8px;
	background: rgb(244, 244, 245);
	border-radius: 8px;
}
.woocommerce-tabs .tabs {
	border-bottom: 1px solid rgb(193 193 193);
}
.product-tabs.nav-line>li>a{
	color: #111;
}
.product-tabs.nav-line>li>a:before {
	top: auto;
	bottom: 0;
}
.col-form .col-inner{
	background: rgb(23, 24, 26);
	border-radius: 12px;
	padding: 25px 25px 15px;
}

.form-lh input, .form-lh select{
	box-shadow: none;
	height: 46px;
	border-radius: 6px;
	border: 1px solid rgb(58, 59, 62);
	background: rgb(35, 36, 39);
	color: rgb(255, 255, 255);
}
.form-lh textarea {
	min-height: 100px;
	border-radius: 6px;
	border: 1px solid rgb(58, 59, 62);
	background: rgb(35, 36, 39);
	color: rgb(255, 255, 255);
}
.form-lh input[type=submit]{
	background: rgb(179, 95, 16);
	width: 100%;
	border:0;
}
.wpcf7-spinner {
	display: none;
}
.product-section {
	border-top: 0;
}
.related-products-wrapper .product-small.box .category {
	display: none;
}
.related-products-wrapper .inlif-mo-ta {
	display: none;
}
.related-products-wrapper .inlif-btn-baogia {
	align-items: center;
	color: #C86F18;
	font-size: 14px;
	font-weight: 700;
	padding-top: 15px;
}
.related-products-wrapper .product-small.box .box-text {
	background: #fff;
	border-radius: 0 0 15px 15px;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	-webkit-border-horizontal-spacing: 0;
	-webkit-border-vertical-spacing: 0
}
tr td,th {
	border: .9px solid #000;
	padding: 8px !important;
	font-size: 16px;
	color: #111;
	font-weight: 500
}
table tr:nth-child(even) {
	background-color: hsl(195deg 47% 33%/3%)
}
.tab-sp{
	margin-top: -60px;
}
.tab-sp > .nav{
	justify-content:flex-end;
	gap:12px;
}
.tab-sp > .nav li{
	margin:0;
}
.tab-sp > .nav li a{
	background:#fff;
	border:1px solid #e8913c;
	border-radius:99px;
	padding:10px 15px;
	white-space:nowrap;
	font-size:14.4px;
	color:#000 !important;
}
.tab-sp > .nav li a:hover{
	background:rgb(254 200 148 / 15%);
}
.tab-sp > .nav li.active a {
	color: #fff !important;
	background: #e8913c ;
}

.tab-sp .nav-outline>li>a {
	font-size: 16px !important;
	border: 1px solid var(--fs-color-primary);
	color: #111;
	margin: 0 10px;
}
.tab-sp .tab-panels {
	padding-top: 50px;
}
.row-qt .col-item {
	counter-increment:faq;
}
.row-qt .col-inner{
	padding: 26px;
	border: 1px solid rgb(46, 47, 51);
	border-radius: 10px;
	height: 100%;
}
.row-qt .col-inner:before{
	content:counter(faq, decimal-leading-zero);
	font-size: 40px;
	font-weight: 800;
	color: rgb(232, 145, 60);
	line-height: 1;
	margin-bottom: 10px;
	display:block;
}
.row-qt h3{
	font-size: 18px;
	font-weight: 700;
	color: rgb(255, 255, 255);
}
.project-info-bar {
	width: calc(100% - 40px);
	max-width: 1370px;
	margin: 0 auto 55px;
	background: #181818;
	color: #fff;
	border-radius: 0 0 12px 12px;
	overflow: hidden;
}

.project-info-bar[hidden] {
	display: none !important;
}

.project-info-inner {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}
.project-info-item {
	padding: 22px 26px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
	min-width: 0;
	border-right: 1px solid #333;
}

.project-info-item:last-child {
	border-right: none;
}
.project-info-label {
	font-size: 13px;
	font-weight: 400;
	line-height: 1.4;
	color: #ddd;
	text-transform: uppercase;
}
.project-info-value {
	font-size: 17px;
	font-weight: 700;
	line-height: 1.45;
	color: #fff;
	overflow-wrap: anywhere;
}

/* Tablet */
@media (max-width: 991px) {
	.project-info-item {
		padding: 18px 16px;
	}

	.project-info-value {
		font-size: 15px;
	}
}

/* Mobile */
@media (max-width: 767px) {
	.project-info-bar {
		width: calc(100% - 30px);
		margin-bottom: 35px;
	}

	.project-info-inner {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.project-info-item {
		padding: 16px;
		border-bottom: 1px solid #333;
	}

	.project-info-item:nth-child(2n) {
		border-right: none;
	}

	.project-info-item:nth-last-child(-n+2) {
		border-bottom: none;
	}

	.project-info-label {
		font-size: 11px;
	}

	.project-info-value {
		font-size: 14px;
	}
}

/* =================================
HẠNG MỤC THỰC HIỆN
================================= */

.project-work-section {
	width: 100%;
	margin: 45px 0;
	clear: both;
}

/* Tiêu đề */
.project-work-heading {
	font-size: 26px;
	font-weight: 700;
	color: #111;
	margin: 0 0 12px;
	line-height: 1.4;
}

/* Danh sách */
.project-work-list {
	display: flex;
	flex-direction: column;
}

/* Từng hạng mục */
.project-work-item {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 24px 0;
	border-bottom: 1px solid #eaeaea;
}

/* Bỏ viền cuối */
.project-work-item:last-child {
	border-bottom: none;
}

/* Số thứ tự hình tròn */
.project-work-number {
	width: 36px;
	height: 36px;
	min-width: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #c96b16;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
}

/* Nội dung */
.project-work-text {
	flex: 1;
	font-size: 16px;
	line-height: 1.7;
	color: #111;
}

/* Tên hạng mục */
.project-work-title {
	font-weight: 700;
	color: #111;
}

/* Mô tả */
.project-work-description {
	font-weight: 400;
	color: #222;
}

/* =================================
MOBILE
================================= */

@media (max-width: 767px) {

	.project-work-section {
		margin: 30px 0;
	}

	.project-work-heading {
		font-size: 22px;
	}

	.project-work-item {
		gap: 12px;
		padding: 18px 0;
		align-items: flex-start;
	}

	.project-work-number {
		width: 32px;
		height: 32px;
		min-width: 32px;
		font-size: 14px;
	}

	.project-work-text {
		font-size: 14px;
		line-height: 1.7;
	}
}

/* ===================================
GALLERY CÔNG TRÌNH TRIỂN KHAI
=================================== */

/* Bố cục Gallery */
.project-gallery-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	align-items: stretch;
}

/* Tất cả ảnh cùng chiều cao */
.project-gallery-item {
	width: 100%;
	height: 220px;
	min-height: 0;
	aspect-ratio: auto;
	overflow: hidden;
	border-radius: 10px;
	grid-column: span 1;
	margin: 0;
}

/* Ảnh đầu tiên chiếm 2 cột */
.project-gallery-item:first-child {
	grid-column: span 2;
	height: 220px;
	aspect-ratio: auto;
}

/* Ảnh hiển thị vừa khung */
.project-gallery-item .project-gallery-image {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center;
	border-radius: 10px;
}

/* Hiệu ứng hover */
.project-gallery-item:hover .project-gallery-image {
	transform: scale(1.04);
}

/* TABLET */
@media (max-width: 991px) {
	.project-gallery-item,
	.project-gallery-item:first-child {
		height: 180px;
	}
}

/* MOBILE */
@media (max-width: 767px) {
	.project-gallery-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
	}

	.project-gallery-item,
	.project-gallery-item:first-child {
		height: 150px;
		aspect-ratio: auto;
	}

	.project-gallery-item:first-child {
		grid-column: span 2;
	}
}

/* KẾT QUẢ - SIDEBAR CÔNG TRÌNH */
#secondary.widget-area .project-results-box {
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 12px;
	padding: 24px;
	margin: 0 0 22px;
	width: 100%;
	box-sizing: border-box;
}

.project-results-box[hidden] {
	display: none !important;
}

#secondary .project-results-heading {
	font-size: 17px;
	font-weight: 700;
	color: #111;
	margin: 0 0 16px;
	line-height: 1.4;
}

#secondary .project-result-item {
	padding: 16px 0;
	border-bottom: 1px solid #eee;
}

#secondary .project-result-item:first-child {
	padding-top: 0;
}

#secondary .project-result-item:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

#secondary .project-result-value {
	font-size: 34px;
	line-height: 1.2;
	font-weight: 700;
	color: #c96b16;
}

#secondary .project-result-label {
	font-size: 14px;
	color: #555;
	line-height: 1.5;
	margin-top: 4px;
}

@media (max-width: 767px) {
	#secondary.widget-area .project-results-box {
		padding: 20px;
	}

	#secondary .project-result-value {
		font-size: 30px;
	}
}

/* ====================================
ACF HẠNG MỤC - BLOG POSTS FLATSOME
Chỉ áp dụng class blog-da
==================================== */

/* Nhãn hạng mục */
.blog-da .acf-project-category {
	display: inline-block;
	width: fit-content;
	max-width: 100%;
	background: #c96b16;
	color: #ffffff;
	padding: 5px 10px;
	border-radius: 4px;

	font-size: 12px;
	font-weight: 700;
	line-height: 1.4;
	text-transform: uppercase;

	margin-bottom: 8px;
	overflow-wrap: anywhere;
}

/* Tiêu đề bên dưới nhãn */
.blog-da .post-title {
	margin-top: 0;
}

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

	.blog-da .acf-project-category {
		font-size: 11px;
		padding: 4px 8px;
		margin-bottom: 6px;
	}

}
.tax-product_cat .shop-page-title.featured-title .title-overlay {
	background-color: rgb(0 0 0 / 60%) !important;
}
.tax-product_cat .featured-title {
	height: 300px !important;
	min-height: 300px !important;
}
.tax-product_cat .shop-page-title.featured-title .title-bg {
	min-height: 330px !important;
}
.tax-product_cat .featured-title .page-title-inner {
	padding: 0;
	top: 130px;
}
.widget .is-divider {
	margin-top: .66em;
	display: none;
}
span.widget-title {
	padding: 15px 10px;
	font-size: 1em;
	font-weight: 600;
	background: #111;
	color: #fff;
	border-radius: 10px 10px 0 0;
	display: flex;
}
.widget{
	border: 1px solid #939393;
	border-radius: 10px;
}
.widget ul {
	margin: 0;
	padding: 10px;
}
.widget ul li a {
	color: #111;
}
.row-lien-he{
	margin-top: -80px;
}
.row-lien-he .col-inner{
	background: rgb(255, 255, 255);
	border-radius: 12px;
	padding: 26px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 28px;
	height: 100%;
}
.row-lien-he p{
	font-size: 15px;
}
.row-lien-he p>strong{
	font-size: 16px;
}
.row.form-lh input, .row.form-lh select, .row.form-lh textarea {
	background: transparent;
	color: #111;
}
.row.form-lh input[type=submit]{
	background: rgb(179, 95, 16)!important;
	color: #fff;
}
.row.form-lh .col{
	padding: 0 15px 5px;
}
.map-lh{
	height:430px;
}

.post-item .is-divider {
	display: none;
}
.post-item .box-image{
	border-radius: 10px;
}
.blog-da .box-overlay .box-text{
	background: linear-gradient(0deg, rgba(10, 10, 11, 0.88), rgba(10, 10, 11, 0));
	padding: 25px;
	border-radius: 0 0 10px 10px;
}
.bnt3{
	background: rgb(255, 255, 255);
	color: rgb(138, 70, 10);
	text-decoration: none;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0.04em;
	padding: 0px 28px;
	height: 54px;
	border-radius: 6px;
	display: inline-flex;
	align-items: center
}
.bnt3 span{
	color: rgb(138, 70, 10);
}
@media screen and (min-width: 850px) {
	.row-divided>.col+.col:not(.large-12) {
		border-left: 0;
	}
}
.sec-top-f .col-btn > .col-inner{
	display:flex;
	gap:15px;
	justify-content:flex-end;
}
.sec-top-f .col-btn a{
	margin:0;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border-radius:6px;
	box-shadow:unset !important;
	min-height:55px;
	font-size:14.4px;
}
.sec-top-f .col-btn a.btn1{
	background:#fff !important;
	color:#B35F10;
	border:0;
}
.sec-top-f .col-btn a:hover{
	transform:translatey(-3px);
}
.sec-top-f .col-btn a.btn2{
	background:transparent !important;
	border:1px solid #fff;
	color:#fff !important;
}
.sec-footer{
	border-top: 5px solid rgb(232, 145, 60);
	border-bottom: 1px solid rgb(42, 43, 46);
}
.title-f p{
	font-size: 17px !important;
	font-weight:600;
	margin:0 0 12px;
}
.contact-f p{
	margin:0;
}
.contact-f p i{
	width:20px;
	color:var(--vang);
}
.contact-f p + p{
	margin-top:12px;
}
.sec-footer p {
	font-size: 14px;
	line-height: 1.7;
}
.menu-f > div + div{
	margin-top:15px !important;
}
.menu-f a{
	font-size: 14px;
	padding:0 0 2px;
	line-height:1.35;
	min-height:unset;
	color:#fff !important;
}
.menu-f a:hover{
	color:var(--vang) !important;
}
.menu-f a i{
	width:unset;
	transition:all 0.3s;
}
.menu-f a:hover i{
	transform:translatex(2px);
}
.sec-footer .col-coppy > .col-inner{
	padding:15px 0;
	border-top:1px solid rgba(255,255,255,0.15);
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:15px;
}
.sec-footer .col-coppy :is(p,p a){
	color:#fff;
	font-size:14.4px;
}
.tab-sp .nav li>a:first-child {
	margin-left: 0 !important;
}
.sidebar-menu .nav-sidebar li a{
	font-size:16px;
	color:#000;
	text-transform:initial;
}
.sidebar-menu .nav-sidebar  > li > a{
	font-weight:600 !important;
}
@media screen and (max-width: 1200px){

}

/* Tablet + Mobi*/
@media screen and (max-width: 849px) {
	.sec-banner-home .col-left {
		flex-basis: calc(100% - 270px);
		max-width: calc(100% - 270px);
	}
	.sec-banner-home .col-right {
		flex-basis: 270px;
		max-width: 270px;
	}
	.sec-banner-home .txt-tag p {
		font-size: 16px;
	}
	.sec-banner-home .txt-title h1 {
		font-size: 36px;
		line-height: 1.45;
	}
	.icon-banner h4 {
		font-weight: 600;
		font-size: 13px;
	}
	.sec-gt-home .row-rh {
		margin-top: 0;
	}
	.sec-gt-home .row-rh .col-item {
		flex-basis: calc(100% / 3);
		max-width: calc(100% / 3);
	}
	.icon-kn {
		flex-direction:column;
		align-items: center;
		justify-content: center;
	}
	.icon-kn .icon-box-text{
		padding:15px 0 0 !important;
	}
	.icon-kn p{
		flex-direction:column;
		align-items:center;
		text-align:center;
		gap:10px;
		line-height: 1.6;
	}
	.icon-kn p>strong {
		font-size: 40px;
	}
	.title h2 {
		font-size: 24px;
	}
	.tab-sp {
		margin-top: 0;
	}
	.bnt3, .bnt2, .bnt1{
		padding: 0px 15px;
	}
	#post-list .col.post-item{
		flex-basis: 50%;
		max-width: 50%;
	}
	.sec-top-f .col-btn > .col-inner {
		justify-content: center;
	}


}

/* Mobi */
@media screen and (max-width: 568px) {
	.sec-banner-home .section-bg-overlay {
		background: linear-gradient(90deg, rgb(0 0 0 / 95%), rgb(0 0 0 / 20%));
	}
	.sec-banner-home .col-left {
		flex-basis: 100%;
		max-width: 100%;
	}
	.sec-banner-home .col-right{
		display:none;
	}
	.sec-banner-home .txt-tag p {
		font-size: 14.4px;
		margin-bottom: 15px;
	}
	.sec-banner-home .txt-title h1 {
		font-size: 26px;
	}
	.sec-banner-home .txt-desc p {
		font-size: 14.4px;
	}
	.sec-banner-home .col-btn a.button {
		font-size: 14px;
		padding: 0px 20px;
		height: 48px;
	}
	.sec-gt-home .row-rh .col-item {
		flex-basis: calc(100% / 1);
		max-width: calc(100% / 1);
	}
	.sec-gt-home .row-rh .col-item .text-rh p {
		padding: 15px 10px;
		font-size: 15px;
	}
	.icon-kn p {
		font-size: 14.4px;
		line-height: 1.35;
	}
	.icon-kn p>strong {
		font-size: 30px;
	}
	.title h2 {
		font-size: 22px;
	}
	.tab-sp > .nav {
		justify-content: flex-start;
		gap: 10px;
	}
	.tab-sp .nav-outline > li > a {
		font-size: 14px !important;
		margin: 0 5px;
	}
	.row-qt .col-inner {
		padding: 16px!important;
	}
	.row-qt .col-inner:before {
		font-size: 34px;
	}
	.title h2>a {
		display: none !important;
	}
	#post-list .col.post-item{
		flex-basis: 100%;
		max-width: 100%;
	}
	.sec-top-f .col-btn > .col-inner{
		flex-direction:column;
		align-items:center;
	}
	.sec-top-f .col-btn a{
		min-width:250px;
	}
	.sec-footer .col-coppy > .col-inner{
		flex-direction:column;
		gap: 4px;
	}
}