/* Kéo form tìm kiếm lên đè vào banner một chút (Giống hình) */
.home_timkiem .timkiem {
	/* 	margin-top: -60px;  */
	position: relative;
	z-index: 10;
	/* 	margin-bottom: 40px; */
}

/* Style cho các khối số liệu */
.home_timkiem .solieu .col-inner {
	background: #ffffff;
	border-radius: 12px;
	padding: 30px 15px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
	border: 1px solid #f0f0f0;
	text-align: center;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Hiệu ứng hover nổi lên nhẹ */
.home_timkiem .solieu .col-inner:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

/* Định dạng các con số */
.home_timkiem .solieu .number {
	font-size: 42px;
	font-weight: 800;
	color: #187741; /* Màu xanh lá chuẩn */
	margin-bottom: 12px;
	margin-top: 0;
	line-height: 1;
}

/* Định dạng chữ mô tả */
.home_timkiem .solieu .content {
	font-size: 13px;
	font-weight: 700;
	color: #555555;
	text-transform: uppercase;
	margin: 0;
	letter-spacing: 0.5px;
}
.home_timkiem .solieu .col
/* --- ĐẶC BIỆT: Khối số 4 (100% Khách Hàng Hài Lòng) --- */
/* Đổi màu số thành Đỏ */
.home_timkiem .solieu .col:nth-child(4) .number {
	color: #ed1c24; 
}
/* Đổi nền chữ thành xanh lá, chữ trắng */
/* .home_timkiem .solieu .col:nth-child(4) .content {
background-color: #187741;
color: #ffffff;
padding: 6px 12px;
border-radius: 4px;
display: inline-block;
} */

.home_timkiem .timkiem {
	padding-top: 0 !important;
}
.home_timkiem .timkiem .col,
.home_timkiem .solieu .col{
	padding-bottom: 0 !important;
	padding-right:5px;
	padding-left:5px;
}
.home_timkiem{
	background:#F1F5F9;
}

/* 2. Kéo khung tìm kiếm ních lên đè vào Banner */
.home_timkiem .timkiem {
	margin-top: 0px !important; 
	position: relative;
	z-index: 99 !important;
	margin-bottom: 00px;
}



.home_danhmuc {
	background-color: var(--color-bg-light);
	overflow: hidden;
}

.home_danhmuc p:empty {
	display: none !important;
}

.home_danhmuc .product .box-text-inner p {
	margin: 0 !important;
	padding: 0 !important;
}

/* ========================================================
2. TIÊU ĐỀ SECTION (.title)
======================================================== */
.home_danhmuc .title .col-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding-bottom: 20px;
}

.home_danhmuc .pbadge {
	margin-bottom: 15px !important; 
}

.home_danhmuc .badge {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	white-space: nowrap !important;
	border: 1px solid var(--color-main) !important;
	background-color: rgba(21, 107, 54, 0.08) !important;
	color: var(--color-main) !important;
	padding: 6px 18px !important;
	border-radius: 30px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	line-height: 1 !important;
	margin: 0 auto !important;
	width: auto !important;
	max-width: max-content !important;
}

.home_danhmuc .badge br {
	display: none !important;
}

.home_danhmuc .crown-icon {
	display: inline-block !important;
	font-size: 15px !important;
	line-height: 1 !important;
	margin: 0 !important;
}

.home_danhmuc .title .main-title {
	color: var(--color-main-dark);
	font-size: 32px;
	font-weight: bold;
	margin: 0 0 10px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.home_danhmuc .title .main-title::before,
.home_danhmuc .title .main-title::after {
	content: "";
	height: 1px;
	background-color: var(--color-main);
	flex-grow: 1;
	max-width: 120px;
	margin: 0 20px;
}

.home_danhmuc .title .description {
	color: var(--color-text-muted);
	font-size: 15px;
	max-width: 700px;
	margin: 0 auto;
	line-height: 1.6;
}

/* ========================================================
3. LƯỚI CARD SẢN PHẨM TRÊN PC
======================================================== */
.home_danhmuc .product {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
}

.home_danhmuc .product .col {
	width: 33.3333% !important;
	max-width: 33.3333% !important;
	flex: 0 0 33.3333% !important;
	padding: 10px !important;
}

/* TỔNG THỂ CARD */
/* ========================================================
ÉP BADGE BAY LÊN GÓC TRÊN BÊN PHẢI HÌNH ẢNH
======================================================== */

/* 1. Đặt khung thẻ làm mốc toạ độ */
html body .home_danhmuc .product .box {
	position: relative !important;
	border: 2px solid var(--color-main);
}

/* 2. Xoá bỏ mốc toạ độ của thanh màu xanh để badge không bị kẹt ở dưới */
html body .home_danhmuc .product .box-text,
html body .home_danhmuc .product .box-text-inner {
	position: static !important;
	transform: none !important;
}

/* 3. Ép Badge thoát khỏi khối flex, bay lên đỉnh ảnh */
html body .home_danhmuc .product .box .custom-badge {
	position: absolute !important;
	top: 8px !important;        /* Cách đỉnh ảnh 8px */
	right: 8px !important;      /* Cách mép phải 8px */
	bottom: auto !important;
	left: auto !important;
	z-index: 99 !important;      /* Nổi hẳn lên trên ảnh */
	background: #e53935 !important;
	color: #ffffff !important;
	padding: 3px 8px !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	border-radius: 12px !important;
	line-height: 1.2 !important;
	white-space: nowrap !important;
	box-shadow: 0 2px 6px rgba(0,0,0,0.3) !important;
	margin: 0 !important;
}


.home_danhmuc .product .box:hover {
	transform: translateY(-5px) !important;
	box-shadow: 0 10px 25px rgba(0,0,0,0.2) !important;
}

/* 1. KHỐI HÌNH ẢNH TRÊN (ĐÃ SỬA THÀNH VUÔNG) */
.home_danhmuc .product .box-image {
	position: relative !important;
	width: 100% !important;
	max-width: 100% !important;
	aspect-ratio: 1 / 1 !important; /* Giữ tỉ lệ vuông 1:1 */
	height: auto !important;
	min-height: unset !important;
	margin: 0 !important;
	overflow: hidden !important;
}

.home_danhmuc .product .box-image > a,
.home_danhmuc .product .box-image > a > div {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
}

.home_danhmuc .product .box-image img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
	transition: transform 0.5s ease !important;
}

.home_danhmuc .product .box:hover .box-image img {
	transform: scale(1.08) !important;
}

/* 2. BADGE GÓC TRÊN */
html body .home_danhmuc .product .box .custom-badge {
	position: absolute !important;
	top: 12px !important;
	right: 12px !important;
	background: #e53935 !important;
	color: #fff !important;
	padding: 4px 14px !important;
	border-radius: 20px !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	z-index: 99 !important;
	box-shadow: 0 2px 6px rgba(0,0,0,0.3) !important;
}

/* 3. KHỐI CHỮ BÊN DƯỚI */
/* ========================================================
3. KHỐI CHÂN ẢNH (TIÊU ĐỀ + NÚT XEM THÊM KẾ BÊN)
======================================================== */

/* Khung nền màu xanh dưới đáy */
.home_danhmuc .product .box-text {
	position: relative !important;
	width: 100% !important;
	background: var(--bg-gradient-green, #0f4c3a) !important;
	padding: 10px 14px !important;
	flex-grow: 1 !important;
	display: flex !important;
	align-items: center !important;
}

/* Khối bao ngoài dàn hàng ngang: Tiêu đề bên trái - Nút bên phải */
.home_danhmuc .product .box-text-inner {
	width: 100% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	flex-direction: row !important;
	gap: 10px !important;
}

/* Thẻ p bọc nút không bị ẩn */
.home_danhmuc .product .box-text-inner > p {
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
}

/* Tiêu đề */
.home_danhmuc .product .custom-content {
	position: static !important;
	text-align: left !important;
	flex-grow: 1 !important;
}

.home_danhmuc .product .custom-content .desc,
.home_danhmuc .product .custom-content .sub-title {
	display: none !important;
}

.home_danhmuc .product .custom-content .main-title {
	margin: 0 !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	text-transform: uppercase !important;
}

.home_danhmuc .product .custom-content .main-title a {
	color: #ffffff !important;
	text-decoration: none !important;
}

/* 4. NÚT "XEM THÊM" BO TRÒN KẾ BÊN TIÊU ĐỀ */
/* ========================================================
NÚT BO TRÒN VIÊN THUỐC MÀU VÀNG ĐỒNG (NHƯ HÌNH MẪU)
======================================================== */
.home_danhmuc .product .custom-btn,
.home_danhmuc .product a.custom-btn {
	position: static !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
	width: auto !important;
	height: auto !important;
	padding: 8px 16px !important;              /* Độ dày và dài chuẩn của nút */
	border-radius: 50px !important;            /* Bo tròn hai đầu chuẩn viên thuốc */

	/* Màu Vàng Đồng ánh kim sang trọng (không bị chói hay quê) */
	background: linear-gradient(90deg, 
		#cca03f 0%, 
		#e8c46a 30%, 
		#fff0a3 50%, 
		#ebc870 70%, 
		#d4a843 100%
	) !important;

	/* Kiểu chữ theo hình mẫu */
	color: #000000 !important;                 /* Chữ đen tuyền sắc nét */
	font-size: 12px !important;
	font-weight: 800 !important;               /* In đậm */
	text-transform: uppercase !important;      /* Chữ in hoa */
	letter-spacing: 0.5px !important;
	white-space: nowrap !important;
	text-decoration: none !important;
	line-height: 1 !important;
	gap: 6px !important;                       /* Cách giữa chữ và mũi tên */
	border: none !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25) !important;
	transition: all 0.3s ease !important;
}

/* Hiệu ứng khi rê chuột vào */
.home_danhmuc .product .box:hover .custom-btn,
.home_danhmuc .product a.custom-btn:hover {
	background: linear-gradient(135deg, #f3ca69 0%, #d4a530 50%, #b88a1e 100%) !important;
	transform: translateY(-2px) scale(1.03) !important;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.35) !important;
	color: #000000 !important;
}
/* // Công trình tiêu biểu */

.home_congtrinhtieubieu {
	background: var(--bg-gradient-green) !important;
}

.home_congtrinhtieubieu .title .col{
	padding-bottom:00px !important;
}

.sec-cong-trinh-header {
	text-align: center;
	margin-bottom: 5px !important;
}

.sec-cong-trinh-header .badge-title {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	border: 1px solid var(--color-accent-gold);
	color: var(--color-accent-gold);
	padding: 6px 20px;
	border-radius: 50px;
	font-size: 12px;
	font-weight: 700;
	margin-bottom:5px;
	text-transform: uppercase;
}

.sec-cong-trinh-header .badge-title .badge-icon img {
	width: 16px;
	height: 16px;
	margin: 0;
}

.sec-cong-trinh-header .badge-title br{
	display:none;
}

.sec-cong-trinh-header .main-title {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	margin-top: 5px;
	font-size: 32px;
	font-weight: 800;
	text-transform: uppercase;
	width: 100%;

	/* --- CẤU HÌNH MÀU VÀNG GRADIENT --- */
	background: linear-gradient(180deg, #FFFFFF 0%, #FFE680 40%, #E5A93C 100%) !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	color: transparent !important; /* Ruột chữ trong suốt */

	/* Bỏ text-shadow cũ đi để không bị đè viền bóng */
	text-shadow: none !important; 
}

.sec-cong-trinh-header .main-title br {
	display: none !important;
}

.sec-cong-trinh-header .main-title::before,
.sec-cong-trinh-header .main-title::after {
	content: "";
	flex: 1;
	max-width: 220px; 
	height: 2px;      
	background-color: var(--color-main); 
}

.sec-cong-trinh-header .description {
	color: var(--color-white);
	opacity: 0.85;
	font-size: 16px;
	max-width: 650px;
	margin: 10px auto 0 auto;
}

.home_congtrinhtieubieu .tabbed-content .nav {
	margin-top:20px;
	justify-content: center !important;
	border: none;
	margin-bottom: 30px;
	gap: 20px;
}

.home_congtrinhtieubieu .tabbed-content .nav > li {
	margin: 0;
}

.home_congtrinhtieubieu .tabbed-content .nav > li > a {
	background: rgba(255, 255, 255, 0.12) !important;
	color: var(--color-white) !important;
	border-radius: 8px !important;
	padding: 0px 20px !important;
	font-weight: bold !important;
	font-size: 13px !important;
	border: 1px solid rgba(255, 255, 255, 0.2);
	text-transform: uppercase;
	padding:0px 5px !important;
	transition: all 0.3s ease;
}

.home_congtrinhtieubieu .tabbed-content .nav > li.active > a,
.home_congtrinhtieubieu .tabbed-content .nav > li > a:hover {
	background: linear-gradient(90deg, 
		#cca03f 0%, 
		#e8c46a 30%, 
		#fff0a3 50%, 
		#ebc870 70%, 
		#d4a843 100%
	) !important;
	color: var(--color-black) !important;
	border-color: var(--color-accent-gold) !important;
	padding:0px 5px !important;
}
.home_congtrinhtieubieu .post-item .col-inner{
	height:100% !important;
}
.home_congtrinhtieubieu .box-blog-post {
	background-color: var(--color-white) !important;
	border-radius: 12px !important;
	overflow: hidden;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	height: 100%;
}

.home_congtrinhtieubieu .box-blog-post:hover {
	transform: translateY(-6px);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);
}

.home_congtrinhtieubieu .box-image {
	width: 100% !important;
	display: block !important;
}

.home_congtrinhtieubieu .box-image .image-cover {
	padding-top: 100% !important;
}

.home_congtrinhtieubieu .box-image img {
	object-fit: cover !important;
	width: 100%;
	height: 100%;
}

.home_congtrinhtieubieu .box-text {
	padding: 12px !important;
	background: transparent !important;
	text-align: left !important;
}

.home_congtrinhtieubieu .box-text-inner {
	text-align: left !important;
}

.home_congtrinhtieubieu .post-title {
	font-size: 15px;
	line-height: 1.4;
	margin-bottom: 12px;
	font-weight: 700;
	min-height: 42px !important; 
}
.home_congtrinhtieubieu .post-title a{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.home_congtrinhtieubieu .post-title a {
	color: var(--color-main) !important;
}

.home_congtrinhtieubieu .is-divider,
.home_congtrinhtieubieu .from_the_blog_excerpt {
	display: none !important;
}
.home_congtrinhtieubieu .tabbed-content .post-item,
.home_congtrinhtieubieu .post-item
{
	padding-right:5px;
	padding-left:5px;
	padding-bottom:10px;
}

.cttieubieu {
	margin-top: 10px;
	width: 100%;
	display: block;
}
.cttieubieu .col.small-12{
	padding-bottom:0px !important;
}
.cttieubieu-meta-box {
	background-color: var(--color-bg-light);
	border: 1px solid var(--color-bg-gray);
	border-radius: 8px;
	padding: 10px 8px;
	margin-bottom: 12px;
}

.cttieubieu-meta-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
	margin-bottom: 5px;
	border-bottom: 1px dashed var(--color-bg-gray);
	padding-bottom: 4px;
}

.cttieubieu-meta-item:last-child {
	margin-bottom: 0;
	border-bottom: none;
	padding-bottom: 0;
}

.cttieubieu-meta-item .meta-label {
	color: var(--color-text-muted);
	display: flex;
	align-items: center;
	gap: 6px;
	font-weight: 600;
}

.cttieubieu-meta-item .meta-label img {
	width: 14px !important;
	height: 14px !important;
	object-fit: contain;
	margin: 0 !important;
}

.cttieubieu-meta-item .meta-value {
	max-width:60%;
	color: var(--color-text-main);
	font-weight: 700;
	font-size:11px !important;
}

.cttieubieu-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 8px;
}

.cttieubieu-cat-btn {
	background-color: var(--color-main) !important;
	color: var(--color-white) !important;
	padding: 5px 14px;
	border-radius: 20px;
	font-size: 11px;
	font-weight: 700;
	display: inline-block;
	text-transform: uppercase;
}

.cttieubieu-view-btn {
	display: flex;
	align-items: center;
	justify-content: center;
}

.cttieubieu-view-btn img {
	width: 20px !important;
	height: 20px !important;
	opacity: 0.8;
	transition: opacity 0.2s ease;
}

.cttieubieu-view-btn:hover img {
	opacity: 1;
}

/* ==========================================
SỬA LỖI & TẠO HIỆU ỨNG HOVER ẢNH CHUẨN FLATSOME
========================================== */

/* ========================================================
HIỆU ỨNG TINH CHỈNH: NHÍCH LÊN TỪ TỪ + SÁNG NHẸ SANG TRỌNG
======================================================== */

/* 1. TOÀN BỘ THẺ CARD: Nhích lên từ từ, êm ái (0.5s) */
.home_congtrinhtieubieu .box-blog-post {
	border: 1px solid rgba(0, 0, 0, 0.06) !important;
	border-radius: 12px !important;
	overflow: hidden !important;
	background-color: #ffffff !important;
	/* Chuyển động chậm rãi, mượt mà */
	transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), 
		box-shadow 0.5s cubic-bezier(0.25, 1, 0.5, 1), 
		border-color 0.5s ease !important;
}

/* Khi Hover: Nhích lên nhẹ 5px + Đổ bóng ửng ánh vàng dịu mắt */
.home_congtrinhtieubieu .box-blog-post:hover {
	transform: translateY(-6px) !important;
	border-color: rgba(255, 182, 0, 0.6) !important; /* Ửng vàng mảnh nhẹ, không bị dày thô */
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.1), 
		0 0 18px rgba(255, 182, 0, 0.25) !important;
}

/* 2. KHUNG ẢNH: Xóa hoàn toàn các khung viền/chữ cũ */
.home_congtrinhtieubieu .image-cover {
	position: relative;
	overflow: hidden;
}

.home_congtrinhtieubieu .image-cover::before,
.home_congtrinhtieubieu .image-cover::after {
	display: none !important; /* Xóa hẳn khung chữ nhật thừa */
}

/* 3. ẢNH: Phóng to cực nhẹ + Sáng ảnh nhẹ nhàng từ từ */
.home_congtrinhtieubieu .image-cover img {
	transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), 
		filter 0.5s ease !important;
}

.home_congtrinhtieubieu .box-blog-post:hover .image-cover img {
	transform: scale(1.04) !important; /* Zoom rất nhẹ để không vỡ hình */
	filter: brightness(1.06) contrast(1.02) !important; /* Ảnh sáng rạng rỡ và trong hơn */
}

/* 4. Nút "Xem chi tiết" chuyển màu từ từ theo card */
.home_congtrinhtieubieu .cttieubieu-cat-btn {
	transition: all 0.4s ease !important;
}

.home_congtrinhtieubieu .box-blog-post:hover .cttieubieu-cat-btn {
	background: linear-gradient(90deg, 
		#cca03f 0%, 
		#e8c46a 30%, 
		#fff0a3 50%, 
		#ebc870 70%, 
		#d4a843 100%
	) !important;
	color: #000000 !important;
	box-shadow: 0 3px 10px rgba(255, 182, 0, 0.35);
}
/* 4. KÍCH HOẠT HIỆU ỨNG KHÍ RÊ CHUỘT VÀO (HOVER) */
.home_congtrinhtieubieu .box-blog-post:hover .image-cover::before {
	opacity: 1;
}

.home_congtrinhtieubieu .box-blog-post:hover .image-cover::after {
	opacity: 1;
	transform: translate(-50%, -50%) scale(1);
}

.home_congtrinhtieubieu .box-blog-post:hover .image-cover img {
	transform: scale(1.06);
}


/*  TỔNG THỂ SECTION WHY CHOICES */
.home_whychoices {
	background-color: var(--color-bg-light);
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.home_whychoices .sec-header {
	text-align: center;
	margin-bottom: 15px;
}

.home_whychoices .sec-header .badge-title {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	background-color: transparent;
	border: 1px solid var(--color-main);
	color: var(--color-main);
	padding: 6px 20px;
	border-radius: 50px;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 16px;
}

.home_whychoices .sec-header .badge-title br {
	display: none;
}

.home_whychoices .sec-header .badge-icon img {
	width: 16px;
	height: 16px;
	margin: 0;
}

.home_whychoices .sec-header .main-title {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-main-dark);
	font-size: 32px;
	font-weight: 800;
	text-transform: uppercase;
	margin: 0 0 16px 0;
}

.home_whychoices .sec-header .main-title::before,
.home_whychoices .sec-header .main-title::after {
	content: "";
	flex: 1;
	max-width: 220px;
	height: 2px;
	background-color: var(--color-main);
	margin: 0 20px;
}

.home_whychoices .sec-header .description {
	color: var(--color-text-muted);
	font-size: 15px;
	max-width: 750px;
	margin: 0 auto;
	line-height: 1.6;
}


.home_whychoices > .section-content > .row:last-child {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

.home_whychoices .content .col-inner {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
	height: 100%;
}

.home_whychoices .content .icon-box:not(.lienhe) {
	background-color: var(--color-white);
	border: 1px solid var(--color-bg-gray);
	border-radius: 12px;
	padding: 24px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.03);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-bottom: 0 !important;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.home_whychoices .content .icon-box:not(.lienhe):hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

/* Khung bọc Icon có viền xanh mờ */
.home_whychoices .content .icon-box:not(.lienhe) .icon-box-img {
	width: 48px !important;
	height: 48px !important;
	background-color: #e8f5e9; /* Xanh lá cực nhạt */
	border: 1px solid #c8e6c9; /* Viền xanh nhạt */
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 18px !important;
}

.home_whychoices .content .icon-box:not(.lienhe) .icon-box-img img {
	width: 26px !important;
	padding: 0px !important;
	height: 26px !important;
	object-fit: contain;
	margin: 0 !important;
}

/* Reset margin cho text */
.home_whychoices .content .icon-box-text {
	padding: 0 !important;
	width: 100%;
}

.home_whychoices .content .icon-box:not(.lienhe) h3 {
	font-size: 16px;
	font-weight: 700;
	color: var(--color-main-dark);
	margin: 0 0 8px 0;
	line-height: 1.4;
}

.home_whychoices .content .icon-box:not(.lienhe) p {
	font-size: 13px;
	color: var(--color-text-muted);
	line-height: 1.5;
	margin: 0;
}

.home_whychoices .content .icon-box.lienhe {
	grid-column: 1 / -1; /* Ép trải dài 2 cột */
	background-color: var(--color-white);
	border: 1px solid var(--color-bg-gray);
	border-radius: 12px;
	padding: 20px 24px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.03);
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 0 !important;
}

.home_whychoices .content .icon-box.lienhe .icon-box-img {
	width: 50px !important;
	height: 50px !important;
	background-color: var(--color-accent-red);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	margin: 0 !important;
	border: none;
}

.home_whychoices .content .icon-box.lienhe .icon-box-img img {
	width: 24px !important;
	height: 24px !important;
	filter: brightness(0) invert(1); /* Tự động đổi màu icon phone thành trắng */
	margin: 0 !important;
}

/* Ép text liên hệ xếp dọc */
.home_whychoices .content .icon-box.lienhe .icon-box-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.home_whychoices .content .icon-box.lienhe p {
	font-size: 13px;
	color: var(--color-text-muted);
	margin: 0 0 4px 0;
	font-weight: 600;
}

.home_whychoices .content .icon-box.lienhe h3 {
	font-size: 20px;
	font-weight: 800;
	color: var(--color-accent-red);
	margin: 0;
	line-height: 1.2;
}


.home_whychoices .whyus_img {
	display: flex;
	flex-direction: column;
}

.home_whychoices .whyus_img .col-inner {
	height: 100%;
	display: flex;
	flex-direction: column;
}


.home_whychoices .whyus_img .box {
	position: relative;
	border-radius: 16px;
	overflow: hidden;
	flex-grow: 1; 
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
	display: flex;
	flex-direction: column;
	min-height: 400px;
}

.home_whychoices .whyus_img .box-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.home_whychoices .whyus_img .box-image > div {
	height: 100%;
	width: 100%;
}

.home_whychoices .whyus_img .box-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 16px;
}

.home_whychoices .whyus_img .overlay {
	display: none !important;
}

.home_whychoices .whyus_img .box-text {
	position: absolute;
	width: 95% !important;
	bottom: 20px;
	left: 20px;
	right: 20px;
	background-color: var(--color-white) !important;
	border-radius: 12px;
	padding: 24px !important;
	text-align: left !important;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
	z-index: 2;
	text-shadow:none !important;
}

.home_whychoices .whyus_img .box-text-inner {
	text-align: left !important;
}

.home_whychoices .whyus_img .whyus-header {
	margin: 0;
}

.home_whychoices .whyus_img .whyus-top-bar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 12px;
}

.home_whychoices .whyus_img .whyus-top-bar br {
	display: none;
}

.home_whychoices .whyus_img .whyus-subtitle {
	font-size: 13px;
	font-weight: 800;
	color: var(--color-main);
	text-transform: uppercase;
}

.home_whychoices .whyus_img .whyus-badge {
	background-color: var(--color-accent-red);
	color: var(--color-white);
	font-size: 11px;
	font-weight: 800;
	padding: 6px 12px;
	border-radius: 6px;
	text-transform: uppercase;
}

/* Tiêu Đề & Mô Tả Trong Overlay Ảnh */
.home_whychoices .whyus_img .whyus-title {
	font-size: 18px;
	font-weight: 800;
	color: var(--color-black);
	margin: 0 0 10px 0;
	line-height: 1.4;
}

.home_whychoices .whyus_img .whyus-title br {
	display: none;
}

.home_whychoices .whyus_img .whyus-description {
	font-size: 13px;
	color: var(--color-text-muted);
	line-height: 1.6;
	margin: 0;
}
.home_baogia{
	background: var(--bg-gradient-green);
}


/* Quy trình thiết kế */
/* --- HEADER SECTION WORKFLOW (HOME BUOC THIET KE) --- */
.home_buocthietke .title .sec-header {
	text-align: center;
	margin-bottom: 10px;
}

/* Badge (Nút viền bo tròn phía trên) */
.home_buocthietke .title .badge-title {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	background-color: #e8f8f2; /* Nền xanh nhạt mint */
	border: 1px solid #34d399;   /* Viền xanh lá mạ nhẹ */
	color: #059669;              /* Chữ xanh lục đậm */
	padding: 6px 20px;
	border-radius: 50px;
	font-size: 13px;
	font-weight: 700;
	margin-bottom: 15px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

/* An ẩn thẻ <br> thừa trong badge nếu có */
.home_buocthietke .title .badge-title br {
	display: none !important;
}

/* Icon trong Badge */
.home_buocthietke .title .badge-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.home_buocthietke .title .badge-icon svg {
	width: 18px;
	height: 18px;
	stroke: #ef4444; /* Màu đỏ cho icon sparkles */
}

/* Tiêu đề chính */
.home_buocthietke .title .main-title {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	color: var(--color-main-dark);
	margin-top: 5px;
	margin-bottom: 15px;
	font-size: 32px;
	font-weight: 800;
	text-transform: uppercase;
	width: 100%;
}

.home_buocthietke .title .main-title br {
	display: none !important;
}

/* 2 Đường gạch ngang xanh lục ở 2 bên tiêu đề */
.home_buocthietke .title .main-title::before,
.home_buocthietke .title .main-title::after {
	content: "";
	flex: 1;
	max-width: 180px; 
	height: 2px;      
	background-color: #059669; /* Màu xanh lá gạch ngang */
}

/* Đoạn mô tả bên dưới */
.home_buocthietke .title .description {
	color: #475569; /* Màu chữ xám Slate */
	font-size: 16px;
	max-width: 650px;
	margin: 0 auto;
	line-height: 1.6;
}





.home_buocthietke .quytrinh {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.home_buocthietke .quytrinh > .col {
	padding-right:5px;
	padding-left:5px;
	flex: 0 0 20% !important;
	max-width: 20% !important;
}

.home_buocthietke{
	background:#F8FAFC !important;
}

/* Tối ưu chiều cao các thẻ Card bằng nhau */
.home_buocthietke .quytrinh .col-inner {
	height: 100%;
}

/* Khung thẻ Card trắng, bo góc và có viền xám nhẹ */
.home_buocthietke .quytrinh .icon-box {
	position: relative;
	background-color: var(--color-white);
	border: 1px solid var(--color-bg-gray);
	border-radius: 12px;
	padding: 24px 25px;
	height: 100%;
	text-align: left;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
	transition: all 0.3s ease;
}

/* Hiệu ứng hover nhẹ khi di chuột vào thẻ */
.home_buocthietke .quytrinh .icon-box:hover {
	border-color: var(--color-main);
	transform: translateY(-3px);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
}

/* Định vị Icon nằm ở góc trên bên phải thẻ */
.home_buocthietke .quytrinh .icon-box-img {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 40px !important;
	height: 40px !important;
	border: 1px solid #cfd6dd;
	border-radius: 8px;
	padding: 6px;
	background-color: var(--color-white);
	margin-bottom: 0 !important;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}

.home_buocthietke .quytrinh .icon-box-img .icon,
.home_buocthietke .quytrinh .icon-box-img .icon-inner {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.home_buocthietke .quytrinh .icon-box-img img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

/* Đoạn p chứa số thứ tự */
.home_buocthietke .quytrinh .icon-box-text p:first-child {
	margin-bottom: 18px;
	line-height: 1;
}

/* Số thứ tự (01, 02, 03...) to, màu đỏ, nằm góc trên bên trái */
.home_buocthietke .quytrinh .step-num {
	font-size: 32px;
	font-weight: 800;
	color: var(--color-accent-red);
	display: inline-block;
	line-height: 1;
}

/* Tiêu đề từng bước */
.home_buocthietke .quytrinh .icon-box-text h3 {
	font-size: 16px;
	font-weight: 700;
	color: var(--color-text-main);
	line-height: 1.4;
	margin-top: 0;
	margin-bottom: 12px;
}

/* Nội dung mô tả chi tiết */
.home_buocthietke .quytrinh .icon-box-text p:last-child {
	font-size: 13.5px;
	color: var(--color-black);
	line-height: 1.55;
	margin-bottom: 0;
}

.home_video{
	background: var(--bg-gradient-green, #0b4728) !important;
	padding: 7px 0 0 !important;
}



/* ==========================================
CSS SECTION TIN TỨC & CẨM NANG (.home_tintuc)
========================================== */
.home_tintuc{
	padding-bottom:0px !important;
}
/* 1. Header Section */
.home_tintuc .sec-header {
	text-align: center;
	margin-bottom: 25px;
}

.home_tintuc .sec-header .badge-title {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	border: 1px solid var(--color-main);
	color: var(--color-main);
	padding: 6px 20px;
	border-radius: 50px;
	font-size: 13px;
	font-weight: 700;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.home_tintuc .sec-header .badge-title br {
	display: none !important;
}

.home_tintuc .sec-header .badge-icon {
	display: inline-flex;
	align-items: center;
}

.home_tintuc .sec-header .badge-icon svg {
	width: 16px;
	height: 16px;
	stroke: var(--color-accent-red);
}

.home_tintuc .sec-header .main-title {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	color: var(--color-main-dark);
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 32px;
	font-weight: 800;
	text-transform: uppercase;
	width: 100%;
}

.home_tintuc .sec-header .main-title br {
	display: none !important;
}

.home_tintuc .sec-header .main-title::before,
.home_tintuc .sec-header .main-title::after {
	content: "";
	flex: 1;
	max-width: 180px;
	height: 2px;
	background-color: var(--color-main);
}

.home_tintuc .sec-header .description {
	color: var(--color-text-muted);
	font-size: 15px;
	max-width: 680px;
	margin: 0 auto;
	line-height: 1.5;
}


/* 2. Khung Bài Viết (Card Post) */
.home_tintuc .box-blog-post {
	background-color: var(--color-white) !important;
	border: 1px solid var(--color-bg-gray) !important;
	border-radius: 12px !important;
	overflow: hidden;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	height: 100%;
}

.home_tintuc .box-blog-post:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

/* Ảnh đại diện bài viết */
.home_tintuc .box-image {
	width: 100% !important;
}

.home_tintuc .box-image .image-cover {
	padding-top: 60% !important;
}

.home_tintuc .box-image img {
	object-fit: cover !important;
	width: 100%;
	height: 100%;
}

/* Nội dung bài viết */
.home_tintuc .box-text {
	padding: 16px !important;
	text-align: left !important;
}

.home_tintuc .box-text-inner {
	text-align: left !important;
	display: flex !important;
	flex-direction: column !important;
}

/* Ẩn các phần thừa từ Flatsome gốc */
.home_tintuc .post-meta.is-small,
.home_tintuc .is-divider {
	display: none !important;
}

/* Ngày tháng & Lượt xem (Căn giữa) */
.home_tintuc .tintuc-meta-top {
	margin-left:0px;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 15px;
	font-size: 12px;
	color: var(--color-text-muted);
	margin-bottom: 12px;
	order: 1; /* Nằm trên tiêu đề */
}

.home_tintuc .tintuc-meta-top .meta-item {
	display: flex;
	align-items: center;
	gap: 5px;
}

.home_tintuc .tintuc-meta-top svg {
	color: var(--color-main);
}

/* Tiêu đề bài viết */
.home_tintuc .post-title {
	font-size: 16px !important;
	line-height: 1.4 !important;
	font-weight: 700 !important;
	margin: 0 0 10px 0 !important;
	order: 2;
}

.home_tintuc .post-title a {
	min-height:41px !important;
	color: var(--color-main-dark) !important;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;

}

.home_tintuc .post-title a:hover {
	color: var(--color-main) !important;
}

/* Mô tả ngắn (Excerpt) */
.home_tintuc .from_the_blog_excerpt {
	font-size: 13px !important;
	color: var(--color-text-muted) !important;
	line-height: 1.5 !important;
	margin-bottom: 15px !important;
	order: 3;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Chân Card: Ép Flex căn 2 bên chuẩn (Tác giả trái - Đọc tiếp phải) */
.home_tintuc .tintuc-footer {
	order: 4;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	border-top: 1px dashed var(--color-bg-gray);
	padding-top: 12px;
	margin-top: 10px;
}

.home_tintuc .tintuc-author {
	font-size: 12px !important;
	color: var(--color-text-muted) !important;
}

.home_tintuc .tintuc-author strong {
	color: var(--color-black) !important;
}

.home_tintuc .tintuc-readmore {
	font-size: 12px !important;
	font-weight: 700 !important;
	color: var(--color-main) !important;
	white-space: nowrap !important;
}

.home_tintuc .tintuc-readmore:hover {
	color: var(--color-accent-red) !important;
}

.home_tintuc  .flickity-button{
	opacity:1 !important;
	fill: var(--color-main) !important;
}
.home_tintuc .flickity-prev-next-button svg,
.home_tintuc .flickity-prev-next-button svg path{
	fill: var(--color-main) !important;
	border: 1px solid var(--color-main) !important;

}
.home_tintuc .flickity-prev-next-button:hover svg{
	background: var(--color-main) !important;
}
.home_tintuc .post-item{
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom:0px=;
}
.home_khachhang{
	background: var(--bg-gradient-green); 
}
.home_tintuc .post-item{

}
/* ==========================================
5. RESPONSIVE CHO MÀN HÌNH NHỎ (MOBILE)
========================================== */
@media (max-width: 768px) {
	.home_whychoices .content .col-inner {
		grid-template-columns: 1fr;
	}

	.home_whychoices .sec-header .main-title {
		font-size: 24px;
		flex-direction: column;
		gap: 10px;
	}

	.home_whychoices .sec-header .main-title::before,
	.home_whychoices .sec-header .main-title::after {
		display: none; /* Ẩn đường kẻ 2 bên trên mobile cho gọn */
	}

	.home_whychoices .whyus_img .whyus-top-bar {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

	.home_whychoices .whyus_img .box {
		min-height: 480px; 
		margin-top: 20px;
	}
	.home_buocthietke .title .main-title {
		font-size: 17px;
		gap: 10px;
	}

	.home_buocthietke .title .main-title::before,
	.home_buocthietke .title .main-title::after {
		max-width: 35px;
	}

	.home_buocthietke .title .description {
		font-size: 14px;
		padding: 0 10px;
	}
	.home_timkiem #row-1111936008 {
		margin-top: -30px; 
	}
	.home_timkiem .solieu .col-inner { 
		padding: 20px 15px; margin-bottom: 15px;
	}
	.home_timkiem .solieu .number { 
		font-size: 28px;
	}

	.home_timkiem{
		top:20px;
	}
	/* 1. THU HẸP KHOẢNG TRẮNG DƯ THỪA DƯỚI CÙNG SECTION */
	/* 1. Khoảng cách section */
	/* 1. Khoảng cách section */
	.home_danhmuc {
		padding-top: 20px !important;
		padding-bottom: 15px !important;
	}

	.home_danhmuc .title .main-title {
		font-size: 18px !important;
		margin-bottom: 6px !important;
	}

	.home_danhmuc .title .main-title::before,
	.home_danhmuc .title .main-title::after {
		max-width: 25px !important;
		margin: 0 8px !important;
	}

	.home_danhmuc .title .description {
		font-size: 12px !important;
		line-height: 1.4 !important;
		padding: 0 10px;
	}

	/* 2. CHIA 2 CỘT VÀ ĐỒNG BỘ CHIỀU CAO FLEX */
	.home_danhmuc .product {
		display: flex !important;
		flex-wrap: wrap !important;
		margin-left: -4px !important;
		margin-right: -4px !important;
	}

	.home_danhmuc .product .col {
		width: 50% !important;
		max-width: 50% !important;
		flex: 0 0 50% !important;
		padding: 4px !important;
		display: flex !important; /* Giúp các cột luôn cao bằng nhau */
	}

	.home_danhmuc .product .col-inner {
		width: 100% !important;
		height: 100% !important;
	}

	/* 3. CARD TỰ GIÃN VÀ KHÔNG BỊ LỆCH ĐÁY */
	.home_danhmuc .product .box {
		width: 100% !important;
		height: 100% !important;
		min-height: auto !important;
		border-radius: 8px !important;
		overflow: hidden !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: space-between !important;
		margin-bottom: 0 !important;
	}

	/* Sửa lỗi dính inline width: 7% và giữ ảnh vuông 1:1 */
	.home_danhmuc .product .box-image {
		width: 100% !important;
		aspect-ratio: 1 / 1 !important;
		height: auto !important;
		min-height: unset !important;
	}

	.home_danhmuc .product .box-image img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
	}

	/* 4. BADGE ĐỎ GỌN GÀNG */
	.home_danhmuc .product .box .custom-badge {
		position: absolute !important;
		top: 6px !important;
		right: 6px !important;
		padding: 2px 6px !important;
		font-size: 9.5px !important;
		z-index: 2 !important;
	}

	/* 5. KHỐI CHỮ XANH: CĂN GIỮA TUYỆT ĐỐI & ĐỒNG BỘ CHIỀU CAO */
	.home_danhmuc .product .box-text {
		position: relative !important;
		width: 100% !important;
		padding: 6px 4px !important;
		min-height: 48px !important; /* Chiều cao chuẩn chứa vừa cả 1 dòng lẫn 2 dòng */
		display: flex !important;
		align-items: center !important;     /* Căn giữa theo chiều dọc */
		justify-content: center !important;  /* Căn giữa theo chiều ngang */
		background: var(--bg-gradient-green, #1e6e38) !important;
	}

	.home_danhmuc .product .box-text-inner {
		width: 100% !important;
		padding: 0 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}

	.home_danhmuc .product .custom-content {
		width: 100% !important;
		padding: 0 !important;
		text-align: center !important;
	}

	/* 6. GIẢM SIZE CHỮ ĐỂ VỪA VẶN 1 DÒNG HOẶC KHÔNG BỊ TRÀN */
	.home_danhmuc .product .custom-content .main-title {
		margin: 0 !important;
	}

	.home_danhmuc .product .custom-content .main-title a {
		font-size: 12.5px !important; /* Thu nhỏ từ 14px xuống 12.5px */
		font-weight: 700 !important;
		line-height: 1.25 !important;
		color: #ffffff !important;
		display: block !important;
		text-transform: uppercase;
		letter-spacing: -0.2px; /* Thu hẹp khoảng cách chữ nhẹ để không bị rớt */
	}

	/* Ẩn nút và phần mô tả phụ để tối ưu diện tích */
	.home_danhmuc .product .custom-content .desc,
	.home_danhmuc .product .custom-btn,
	.home_danhmuc .product a.custom-btn {
		display: none !important;
	}

	/* 6. ẨN NÚT TRÒN MŨI TÊN ĐỂ LẤY KHÔNG GIAN CHO CHỮ */
	.home_danhmuc .product .custom-btn,
	.home_danhmuc .product a.custom-btn {
		display: none !important;
	}
	.home_timkiem .solieu .col
	{
		margin-bottom:10px !important;
		padding-left: 5px !important;
		padding-right: 5px !important;
	}


	.home_congtrinhtieubieu .tabbed-content .nav {
		gap: 7px;
	}
	.sec-cong-trinh-header {
		margin-bottom: 5px !important;
	}
	.home_whychoices .content .icon-box:not(.lienhe){
		padding:13px;
	}
	.home_whychoices .content .col-inner {
		grid-template-columns: repeat(2, 1fr);
	}
	.home_whychoices .content .icon-box.lienhe h3{
		font-size: 17px;
	}
	.home_whychoices .whyus_img .box-text {
		width: 90% !important;
		padding: 21px 15px !important;
	}
	.home_whychoices .whyus_img .whyus-title{
		font-size:17px;
	}
	/* 1. Tăng khoảng cách Section cho thoáng */
	.home_buocthietke {
		background-color: #F8FAFC !important;
		padding-top: 30px !important;
		padding-bottom: 40px !important;
	}

	/* 2. Sửa thẻ Card cho hết bị "lùn" */
	.home_buocthietke .icon-box {
		position: relative;
		background-color: #ffffff !important;
		border: 1px solid #e2e8f0;
		border-radius: 16px;            /* Bo góc mềm mại hơn */
		padding: 28px 20px 24px 20px !important; /* Tăng padding trên/dưới */
		min-height: 195px;              /* TẠO CHIỀU CAO TỐI THIỂU CHỐNG LÙN */
		display: flex;
		flex-direction: column;
		justify-content: center;
		box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05) !important;
		margin: 5px 2px 15px 2px !important; /* Đẩy lùi đáy để chừa khoảng trống cho dots */
	}

	/* Icon góc trên bên phải */
	.home_buocthietke .icon-box-img {
		position: absolute !important;
		top: 22px !important;
		right: 20px !important;
		width: 46px !important;         /* Tăng nhẹ kích thước icon */
		height: 46px !important;
		border: 1px solid #e2e8f0;
		border-radius: 10px;
		padding: 7px !important;
		background-color: #ffffff;
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
		margin: 0 !important;
	}

	.home_buocthietke .icon-box-img img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

	/* Số thứ tự 01, 02... */
	.home_buocthietke .icon-box-text p:first-child {
		margin-bottom: 10px !important;
		line-height: 1;
	}

	.home_buocthietke .step-num {
		font-size: 32px;                 /* Cho số to rõ nét */
		font-weight: 800;
		color: #ef4444;                  /* Màu đỏ nổi bật */
		line-height: 1;
	}

	/* Tiêu đề từng bước */
	.home_buocthietke .icon-box-text h3 {
		font-size: 16px;
		font-weight: 700;
		color: #0b132a;
		margin-top: 0;
		margin-bottom: 8px;
		padding-right: 48px;             /* Không bị che chữ bởi Icon */
		line-height: 1.4;
	}

	/* Nội dung chữ mô tả */
	.home_buocthietke .icon-box-text p:last-child {
		font-size: 13.5px;
		color: #475569;
		line-height: 1.55;
		margin-bottom: 0;
	}

	/* 3. LÀM ĐẸP NÚT SLIDE (DOTS) */
	.home_buocthietke .slider-wrapper .flickity-page-dots {
		position: relative !important;   /* Đưa nút ra ngoài thẻ, nằm riêng phía dưới */
		bottom: auto !important;
		margin-top: 10px !important;
		display: flex !important;
		left:0px !important;
		align-items: center;
		justify-content: center;
		gap: 6px;
	}

	/* Chấm tròn bình thường */
	.home_buocthietke .slider-wrapper .flickity-page-dots .dot {
		width: 8px !important;
		height: 8px !important;
		margin: 0 !important;
		background-color: #cbd5e1 !important; /* Màu xám đậm hơn cho dễ nhìn */
		opacity: 1 !important;
		border-radius: 50% !important;
		transition: all 0.3s ease !important;
	}

	/* Chấm Slide đang kích hoạt (Active) dạng viên thuốc màu xanh */
	.home_buocthietke .slider-wrapper .flickity-page-dots .dot.is-selected {
		background-color: #059669 !important; /* Xanh lục đậm chủ đạo */
		width: 24px !important;               /* Kéo dài thành viên thuốc */
		border-radius: 12px !important;
	}

	/* Ẩn hẳn mũi tên điều hướng cũ nếu có */
	.home_buocthietke .flickity-prev-next-button {
		display: none !important;
	}

	.page_tintuc .sec-header .badge-title{
		font-size:12px;
	}
	.page_tintuc .sec-header .main-title {
		font-size: 26px;
	}


	.home_congtrinhtieubieu {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}

	.sec-cong-trinh-header .badge-title {
		font-size: 10px !important;
		padding: 4px 14px !important;
	}

	.sec-cong-trinh-header .main-title {
		font-size: 18px !important;
		gap: 8px !important;
		margin-top: 8px !important;
	}

	.sec-cong-trinh-header .main-title::before,
	.sec-cong-trinh-header .main-title::after {
		max-width: 30px !important;
	}

	.sec-cong-trinh-header .description {
		font-size: 12px !important;
		padding: 0 10px;
		margin-top: 6px !important;
	}

	/* 1. TỐI ƯU THANH TAB (RỚT DÒNG, CĂN GIỮA GIỐNG ẢNH) */
	.home_congtrinhtieubieu .nav {
		display: flex !important;
		flex-wrap: wrap !important; /* Cho phép rớt dòng */
		justify-content: center !important; /* Căn giữa toàn bộ */
		gap: 8px 6px !important; /* Khoảng cách: Dọc 8px, Ngang 6px */
		margin-top: 15px !important;
		margin-bottom: 20px !important;
		padding: 0 10px !important;
		border: none !important;
	}

	.home_congtrinhtieubieu .nav > li {
		margin: 0 !important;
	}

	/* Style mặc định của Tab (Chưa Active) */
	.home_congtrinhtieubieu .nav > li > a {
		padding: 6px 14px !important;
		font-size: 11px !important;
		white-space: nowrap !important;
		border-radius: 20px !important;
		background-color: rgba(255, 255, 255, 0.1) !important; /* Nền xanh mờ */
		border: 1px solid rgba(255, 255, 255, 0.3) !important; /* Viền trắng mờ */
		color: #ffffff !important;
		font-weight: 700 !important;
	}

	/* Style của Tab Đang Chọn (Active) */
	.home_congtrinhtieubieu .nav > li.active > a {
		background-color: #ffb600 !important; /* Màu vàng */
		border-color: #ffb600 !important;
		color: #000000 !important; /* Chữ đen */
	}

	/* 2. CHIA 2 CỘT (50%) - TỰ ĐỘNG ĂN CHO CẢ 2 TRANG */
	.home_congtrinhtieubieu .cttieubieu .row {
		display: flex !important;
		flex-wrap: wrap !important;
		margin-left: -4px !important;
		margin-right: -4px !important;
	}

	.home_congtrinhtieubieu .post-item {
		width: 50% !important;
		max-width: 50% !important;
		flex: 0 0 50% !important;
		padding-left: 4px !important;
		padding-right: 4px !important;
		padding-bottom: 10px !important;
	}

	/* 3. KHUNG THẺ & ẢNH HÌNH VUÔNG */
	.home_congtrinhtieubieu .box-blog-post {
		border-radius: 10px !important;
	}

	.home_congtrinhtieubieu .box-image .image-cover {
		padding-top: 100% !important; /* Ảnh hình vuông 1:1 */
	}

	.home_congtrinhtieubieu .box-text {
		padding: 8px !important;
	}

	.home_congtrinhtieubieu .post-title {
		font-size: 12.5px !important;
		line-height: 1.3 !important;
		margin-bottom: 6px !important;
		min-height: 32px !important;
	}

	.home_congtrinhtieubieu .post-title a {
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	/* Khung Meta (Chủ đầu tư, Diện tích...) */
	.cttieubieu-meta-box {
		padding: 6px 6px !important;
		margin-bottom: 6px !important;
		border-radius: 6px !important;
	}

	.cttieubieu-meta-item {
		font-size: 10px !important;
		margin-bottom: 3px !important;
		padding-bottom: 2px !important;
	}

	.cttieubieu-meta-item .meta-label {
		font-size: 9.5px !important;
		gap: 3px !important;
	}

	.cttieubieu-meta-item .meta-label img {
		width: 11px !important;
		height: 11px !important;
	}

	.cttieubieu-meta-item .meta-value {
		font-size: 9.5px !important;
		max-width: 55% !important;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	/* Nút chân thẻ */
	.cttieubieu-footer {
		margin-top: 4px !important;
	}

	.cttieubieu-cat-btn {
		font-size: 8.5px !important;
		padding: 3px 8px !important;
		border-radius: 10px !important;
	}

	.cttieubieu-view-btn img {
		width: 16px !important;
		height: 16px !important;
	}

	.home_congtrinhtieubieu .image-cover::after {
		display: none !important;
	}

	/* 4. PHÂN TRANG (PAGINATION) */
	.home_congtrinhtieubieu .nav-pagination {
		margin-top: 10px !important;
		gap: 5px !important;
		justify-content: center !important;
	}

	.home_congtrinhtieubieu .nav-pagination a,
	.home_congtrinhtieubieu .nav-pagination span {
		font-size: 12px !important;
		min-width: 28px !important;
		height: 28px !important;
		line-height: 28px !important;
		padding: 0 8px !important;
	}

	.home_timkiem .timkiem{
		margin-top:-30px !important;
	}

	/* 1. Ép lớp màu xanh luôn hiển thị ở đáy card */
	.home_danhmuc .product .box::after {
		transform: translateX(0) !important;
		transition: none !important;      /* Tắt hiệu ứng trượt trên mobile */
		border-left: none !important;      /* Bỏ viền dọc bên trái cho đều card */
	}

	/* 2. Ẩn lớp phủ tối cũ để màu xanh hiển thị rõ nét nhất */
	.home_danhmuc .product .box::before {
		opacity: 0 !important;
	}

	.tintuc_phongthuy h2 {
		font-size:21px !important;
		text-align:center;
	}

	.tintuc_phongthuy  .row-slider .flickity-prev-next-button svg{
		border-radius: 20px;
		border-color: #000 !important;
		background: #000 !important;
		fill: #fff;
	}
	.tintuc_phongthuy .flickity-prev-next-button .arrow{
		fill: #fff;
	}
}
.tintuc_phongthuy .box-blog-post {
	background-color: var(--color-white);
	border: 1px solid #eaeaea;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 4px 15px rgba(0,0,0,0.03);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	height: 100%; /* Cần thiết để các ô cao bằng nhau */
}
.tintuc_phongthuy .box-blog-post:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}
.tintuc_phongthuy .box-text {
	padding: 15px 20px !important;
	height: 100%; /* Cho phép phần chữ đẩy xuống đáy */
}

/* Ẩn các chi tiết thừa */
.tintuc_phongthuy .is-divider,
.tintuc_phongthuy .post-meta.is-small,
.tintuc_phongthuy .meta-item:nth-child(2), /* Ẩn lượt xem */
.tintuc_phongthuy .tintuc-author /* Ẩn tác giả admin */ { 
	display: none !important; 
}

/* Tiêu đề mục (Tin tức / Phong thuỷ) */
.tintuc_phongthuy h2 {
	color: var(--color-main-dark);
	font-weight: 700;
	text-transform: uppercase;
	border-bottom: 2px solid var(--color-main);
	padding-bottom: 10px;
	margin-bottom: 25px;
}

/* --- 2. THUẬT TOÁN ĐẢO VỊ TRÍ & CĂN TRÁI TOÀN BỘ --- */
.tintuc_phongthuy .box-text-inner {
	display: flex;
	flex-direction: column;
	height: 100%;
	text-align: left !important; /* ÉP CĂN TRÁI TẤT CẢ */
}

/* Vị trí 1: Ngày đăng (Căn lề trái) */
.tintuc_phongthuy .tintuc-meta-top {
	order: 1; 
	color: #888;
	font-size: 12px;
	margin: 0px;
	display: flex;
	justify-content: flex-start !important; /* ÉP NGÀY SÁT LỀ TRÁI */
	align-items: center;
}
.tintuc_phongthuy .tintuc-meta-top svg { margin-right: 5px; width: 14px; height: 14px; }

/* Vị trí 2: Tiêu đề */
.tintuc_phongthuy h5.post-title {
	order: 2;
	font-size: 16px;
	line-height: 1.4;
	margin-top: 0;
	margin-bottom: 10px;
}
.tintuc_phongthuy h5.post-title a { color: var(--color-main); }
.tintuc_phongthuy h5.post-title a:hover { color: var(--color-main); }

/* Vị trí 3: Mô tả ngắn */
.tintuc_phongthuy .from_the_blog_excerpt {
	display:none !important;
	order: 3;
	color: var(--color-text-muted);
	font-size: 13.5px;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* Giới hạn 2 dòng */
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 15px;
}

/* Vị trí 4: Nút Đọc tiếp (Đẩy xuống đáy & Căn trái) */
.tintuc_phongthuy .tintuc-footer {
	order: 4;
	/*     margin-top: auto;  */
	padding-top: 12px;
	border-top: 1px dashed #eaeaea;
	display: flex;
	margin:0px;
	justify-content: flex-start !important; /* ÉP ĐỌC TIẾP SÁT LỀ TRÁI */
}
.tintuc_phongthuy .tintuc-readmore {
	color: var(--color-main);
	font-weight: 600;
	font-size: 13px;
}
.tintuc_phongthuy .tintuc-readmore:hover { color: var(--color-accent-gold); }


/* --- 3. TIN TỨC (CỘT TRÁI) --- */
.tintuc .tintuc_a .post-title { font-size: 20px; }
/* .tintuc .tintuc_a .box { margin-bottom: 25px; } */
.tintuc .tintuc_b .post-title { font-size: 15px; }
.tintuc .tintuc_b .box-text { padding: 15px 7px !important; }
/* Đảm bảo 3 ô nhỏ bên trái cao bằng nhau */
.tintuc .tintuc_b .col { display: flex; padding-left:5px; padding-right:5px; }
.tintuc .tintuc_b .col-inner { width: 100%; }
.tintuc_phongthuy .tintuc_b  h5.post-title a{
	font-size:13px;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* số dòng tối đa */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.tintuc_phongthuy .tintuc_b {
	padding-right: 10px !important;
	padding-left: 10px !important;
}
/* --- 4. PHONG THUỶ (CỘT PHẢI) - ẢNH TRÁI / CHỮ PHẢI --- */
.phongthuy .row.large-columns-1 {
	display: block !important; 
}
.phongthuy .col.post-item {
	width: 100% !important;
	max-width: 100% !important;
	padding: 0 !important;
	margin-bottom: 20px; 
}

/* Cấu trúc hàng ngang cho Phong Thuỷ */
.phongthuy .post-item .box {
	display: flex !important;
	flex-direction: row !important;
	align-items: stretch !important; /* Ép ảnh cao bằng phần chữ */
}
.phongthuy .box-image {
	width: 40% !important;
	flex: 0 0 40% !important;
	margin: 0 !important;
	position: relative; /* Setup để ảnh fill đầy khung */
}
.phongthuy .box-image .image-cover {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100% !important;
	padding-top: 0 !important; /* Bỏ padding mặc định của Flatsome */
}
.phongthuy .box-text {
	width: 60% !important;
	flex: 0 0 60% !important;
	padding: 15px 20px !important;
}

.home_tintuc.home_timkiem{
	padding-top:30px !important;
	padding-bottom:30px !important;
}

.tintuc_phongthuy .tintuc_a .post-item{
	padding-bottom:15px !important;
}

/* --- 5. MOBILE RESPONSIVE --- */
@media (max-width: 849px) {
	.phongthuy .post-item .box {
		flex-direction: column !important; /* Điện thoại thì đưa về ảnh trên chữ dưới */
	}
	.phongthuy .box-image, 
	.phongthuy .box-text {
		width: 100% !important;
		flex: 0 0 100% !important;
	}
	.phongthuy .box-image .image-cover {
		position: relative;
		padding-top: 56.25% !important; /* Trả lại tỷ lệ ảnh ngang cho mobile */
	}
}