.header-top{
	background:  radial-gradient(
		ellipse at 78% 5%,
		#67ca6d 0%,
		#4bb55a 16%,
		#319e49 29%,
		rgba(7, 92, 31, 0.45) 52%,
		transparent 72%
	),
		linear-gradient(
			160deg,
			#012a09 0%,
			#075c1f 28%,
			#1e8b37 48%,
			#075c1f 65%,
			#012707 78%,
			#000701 100%
		); !important;
}

.header-top .nav > li.html {
	padding: 0 !important;
	margin: 0 !important;
}

.header-top .flex-left .topbar-contact-wrapper {
	display: flex;
	align-items: center;
	gap: 20px;
	white-space: nowrap;
}

.header-top .flex-left .contact-item {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
}

.header-top .flex-left .text-group {
	display: flex;
	align-items: center;
	gap: 6px;
	white-space: nowrap;
}

.header-top .flex-left .label-hotline,
.header-top .flex-left .phone-number,
.header-top .flex-left .email-text {
	white-space: nowrap;
}

.header-top .flex-left .label-hotline {
	color: var(--color-white);
	font-weight: 700;
}

.header-top .flex-left .phone-number {
	color: var(--color-accent-gold);
	font-weight: 700;
}

.header-top .flex-left .separator {
	color: var(--color-text-muted);
	margin: 0 2px;
}

.header-top .flex-left .email-text {
	color: var(--color-white);
}

.header-top .flex-left .icon-div {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.header-top .flex-left .icon-phone {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ed1c24' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3E%3C/path%3E%3C/svg%3E");
}

.header-top .flex-left .icon-email {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffb800' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'%3E%3C/path%3E%3Cpolyline points='22,6 12,13 2,6'%3E%3C/polyline%3E%3C/svg%3E");
}

.header-top .flex-right .topbar-right-wrapper {
	display: flex;
	align-items: center;
	gap: 15px;
	white-space: nowrap;
}

.header-top .flex-right .address-item {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
}

.header-top .flex-right .text-group {
	display: flex;
	align-items: center;
	gap: 5px;
	white-space: nowrap;
}

.header-top .flex-right .label-address,
.header-top .flex-right .address-text,
.header-top .flex-right .label-connect {
	white-space: nowrap;
}

.header-top .flex-right .label-address {
	font-weight: 700;
	color: var(--color-white);
}

.header-top .flex-right .address-text {
	color: var(--color-white);
}

.header-top .flex-right .separator {
	color: var(--color-text-muted);
	margin: 0 2px;
	flex-shrink: 0;
}

.header-top .flex-right .social-item {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
}

.header-top .flex-right .label-connect {
	color: var(--color-white);
}

.header-top .flex-right .social-icons {
	display: flex;
	align-items: center;
	gap: 8px;
}

.header-top .flex-right .social-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	flex-shrink: 0;
	transition: transform 0.2s ease, opacity 0.2s ease;
}

.header-top .flex-right .social-btn:hover {
	transform: translateY(-2px);
	opacity: 0.9;
}

.header-top .flex-right .youtube-btn {
	width: auto;
	height: auto;
	border-radius: 0;
	background-color: transparent;
	flex-shrink: 0;
}

.header-top .flex-right .icon-div {
	flex-shrink: 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.header-top .flex-right .icon-location {
	width: 18px;
	height: 18px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffb800' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'%3E%3C/path%3E%3Ccircle cx='12' cy='10' r='3'%3E%3C/circle%3E%3C/svg%3E");
}

.header-top .flex-right .icon-facebook,
.header-top .flex-right .icon-youtube,
.header-top .flex-right .icon-zalo {
	width: 24px;
	height: 24px;
}

.header-top .flex-right .icon-facebook {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='100' height='100' viewBox='0 0 48 48'%3E%3Cpath fill='%23039be5' d='M24 5A19 19 0 1 0 24 43A19 19 0 1 0 24 5Z'%3E%3C/path%3E%3Cpath fill='%23fff' d='M26.572,29.036h4.917l0.772-4.995h-5.69v-2.73c0-2.075,0.678-3.915,2.619-3.915h3.119v-4.359c-0.548-0.074-1.707-0.236-3.897-0.236c-4.573,0-7.254,2.415-7.254,7.917v3.323h-4.701v4.995h4.701v13.729C22.089,42.905,23.032,43,24,43c0.875,0,1.729-0.08,2.572-0.194V29.036z'%3E%3C/path%3E%3C/svg%3E");
}

.header-top .flex-right .icon-youtube {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='100' height='100' viewBox='0 0 48 48'%3E%3Cpath fill='%23FF3D00' d='M43.2,33.9c-0.4,2.1-2.1,3.7-4.2,4c-3.3,0.5-8.8,1.1-15,1.1c-6.1,0-11.6-0.6-15-1.1c-2.1-0.3-3.8-1.9-4.2-4C4.4,31.6,4,28.2,4,24c0-4.2,0.4-7.6,0.8-9.9c0.4-2.1,2.1-3.7,4.2-4C12.3,9.6,17.8,9,24,9c6.2,0,11.6,0.6,15,1.1c2.1,0.3,3.8,1.9,4.2,4c0.4,2.3,0.9,5.7,0.9,9.9C44,28.2,43.6,31.6,43.2,33.9z'%3E%3C/path%3E%3Cpath fill='%23FFF' d='M20 31L20 17 32 24z'%3E%3C/path%3E%3C/svg%3E");
}

.header-top .flex-right .icon-zalo {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='100' height='100' viewBox='0 0 48 48'%3E%3Cpath fill='%232962ff' d='M15,36V6.827l-1.211-0.811C8.64,8.083,5,13.112,5,19v10c0,7.732,6.268,14,14,14h10 c4.722,0,8.883-2.348,11.417-5.931V36H15z'%3E%3C/path%3E%3Cpath fill='%23eee' d='M29,5H19c-1.845,0-3.601,0.366-5.214,1.014C10.453,9.25,8,14.528,8,19 c0,6.771,0.936,10.735,3.712,14.607c0.216,0.301,0.357,0.653,0.376,1.022c0.043,0.835-0.129,2.365-1.634,3.742 c-0.162,0.148-0.059,0.419,0.16,0.428c0.942,0.041,2.843-0.014,4.797-0.877c0.557-0.246,1.191-0.203,1.729,0.083 C20.453,39.764,24.333,40,28,40c4.676,0,9.339-1.04,12.417-2.916C42.038,34.799,43,32.014,43,29V19C43,11.268,36.732,5,29,5z'%3E%3C/path%3E%3Cpath fill='%232962ff' d='M36.75,27C34.683,27,33,25.317,33,23.25s1.683-3.75,3.75-3.75s3.75,1.683,3.75,3.75 S38.817,27,36.75,27z M36.75,21c-1.24,0-2.25,1.01-2.25,2.25s1.01,2.25,2.25,2.25S39,24.49,39,23.25S37.99,21,36.75,21z'%3E%3C/path%3E%3Cpath fill='%232962ff' d='M31.5,27h-1c-0.276,0-0.5-0.224-0.5-0.5V18h1.5V27z'%3E%3C/path%3E%3Cpath fill='%232962ff' d='M27,19.75v0.519c-0.629-0.476-1.403-0.769-2.25-0.769c-2.067,0-3.75,1.683-3.75,3.75 S22.683,27,24.75,27c0.847,0,1.621-0.293,2.25-0.769V26.5c0,0.276,0.224,0.5,0.5,0.5h1v-7.25H27z M24.75,25.5 c-1.24,0-2.25-1.01-2.25-2.25S23.51,21,24.75,21S27,22.01,27,23.25S25.99,25.5,24.75,25.5z'%3E%3C/path%3E%3Cpath fill='%232962ff' d='M21.25,18h-8v1.5h5.321L13,26h0.026c-0.163,0.211-0.276,0.463-0.276,0.75V27h7.5 c0.276,0,0.5-0.224,0.5-0.5v-1h-5.321L21,19h-0.026c0.163-0.211,0.276-0.463,0.276-0.75V18z'%3E%3C/path%3E%3C/svg%3E");
}

.header-top .icon-phone:before,
.header-top .icon-facebook:before,
.header-top .icon-youtube:before{
	display:none;
}

.header-nav-main > li > a.nav-top-link {
	color: #0b1f35 !important;
	font-weight: 700 !important;
	font-size: 13px;
	padding: 10px 18px !important;
	border-radius: 8px !important;
	transition: all 0.3s ease !important;
	text-decoration: none;
	display: inline-block;
}

.header-nav-main > li:hover > a.nav-top-link,
.header-nav-main > li.active > a.nav-top-link,
.header-nav-main > li.current-menu-item > a.nav-top-link,
.header-nav-main > li.current_page_item > a.nav-top-link {
	background: linear-gradient(180deg, #1fa348 0%, #0e7834 100%) !important; 
	color: #ffffff !important;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;
	border-radius: 8px !important;
}

.header-nav-main > li:hover > a.nav-top-link i,
.header-nav-main > li.active > a.nav-top-link i,
.header-nav-main > li.current-menu-item > a.nav-top-link i {
	color: #ffffff !important;
}

.header-nav-main .consultation-box {
	display: inline-block;
	padding: 10px;
}

.header-nav-main .btn-consultation {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	background-color: var(--color-accent-red);
	color: var(--color-white);
	padding: 10px 13px;
	border-radius: 12px;
	text-decoration: none;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.5px;
	box-shadow: 0 8px 20px rgba(237, 28, 36, 0.4);
	transition: all 0.3s ease;
	cursor: pointer;
}

.header-nav-main .btn-consultation .btn-icon {
	width: 22px;
	height: 22px;
	stroke: var(--color-white);
	flex-shrink: 0;
}

.header-nav-main .btn-consultation .btn-text {
	color: var(--color-white);
	white-space: nowrap;
}

.header-nav-main .btn-consultation:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 25px rgba(237, 28, 36, 0.55);
	background-color: #d9151c;
}

.header-nav-main .btn-consultation:active {
	transform: translateY(0);
	box-shadow: 0 4px 12px rgba(237, 28, 36, 0.3);
}

/* ==========================================
1. NỀN HEADER GRADIENT XANH LÁ CÂY 
========================================== */
#masthead,  .header-main {
	background:  radial-gradient(
		ellipse at 78% 5%,
		#67ca6d 0%,
		#4bb55a 16%,
		#319e49 29%,
		rgba(7, 92, 31, 0.45) 52%,
		transparent 72%
	),
		linear-gradient(
			160deg,
			#012a09 0%,
			#075c1f 28%,
			#1e8b37 48%,
			#075c1f 65%,
			#012707 78%,
			#000701 100%
		); !important;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important;
	position: relative;
	z-index: 10;
}
.header-main .header-nav-main a{
	font-size:14px !important; 
}


/* Ẩn đường kẻ phân cách dưới header để màu gradient tràn đẹp mắt */
.header-main .top-divider {
	display: none !important;
}

/* ==========================================
2. MÀU CHỮ MENU CHÍNH (MÀU TRẮNG)
========================================== */
.header-nav-main > li > a.nav-top-link {
	color: #ffffff !important; /* Chữ màu trắng */
	font-weight: 700 !important;
	font-size: 13px;
	padding: 10px !important;
	border-radius: 20px !important; /* Bo tròn dạng viên thuốc hiện đại */
	transition: all 0.3s ease !important;
	text-decoration: none;
	display: inline-block;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); /* Đổ bóng nhẹ giúp chữ rõ hơn */
}

/* ==========================================
3. TRẠNG THÁI HOVER & TRANG ĐANG XEM (ACTIVE)
(Chuyển sang nền trắng chữ xanh để cực kỳ nổi bật trên nền Gradient)
========================================== */
.header-nav-main > li:hover > a.nav-top-link,
.header-nav-main > li.active > a.nav-top-link,
.header-nav-main > li.current-menu-item > a.nav-top-link,
.header-nav-main > li.current_page_item > a.nav-top-link {
	background: #ffffff !important; /* Nền trắng */
	color: #0f5228 !important;     /* Chữ màu xanh đậm */
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
	text-shadow: none !important;
	transform: translateY(-1px);
}

.header-nav-main > li:hover > a.nav-top-link i,
.header-nav-main > li.active > a.nav-top-link i,
.header-nav-main > li.current-menu-item > a.nav-top-link i {
	color: #0f5228 !important;
}

/* ==========================================
4. ICON TRÊN MOBILE (NẾU CÓ)
========================================== */
.header-main .icon-menu,
.header-main .header-cart-link {
	color: #ffffff !important;
}

#logo{
	width:170px !important;
	margin-right:0px !important;
}




/* =======================================================
CSS CHO PHẦN FOOTER 
======================================================= */

/* 1. Màu nền và thiết lập chung cho Footer */
.section.footer {
	background: var(--bg-gradient-green) !important;
	border-top: 1px solid #e1e6eb;
}

.section.footer .col-inner {
	padding: 10px;
}

/* 2. Style chung cho các Tiêu đề (h3) */
.footer h3 {
	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;
	font-size: 19px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 25px;
	line-height: 1.2;
}

/* Thêm đường line xanh lá bên trái cho tiêu đề ở cột 2, 3, 4 */
.footer .dvthietke h3, 
.footer .thongtinbaogia h3, 
.footer .thongtinlienhe h3 {
	border-left: 3px solid #ffffff;
	padding-left: 12px;
}

/* =========================================
CỘT 1: GIỚI THIỆU & FIX LỖI ICON MẠNG XÃ HỘI
========================================= */
.footer .gioithieu p {
	font-size: 17px;
	line-height: 1.6;
	color: #ffffff;
	margin-bottom: 25px;
}
.footer .gioithieu p strong {
	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;
	font-size:18px !important;
}
.footer .gioithieu .label-connect {
	display: none; /* Ẩn chữ kết nối */
}

.footer .gioithieu .social-icons {
	display: flex;
	gap: 15px;
}

/* Khung tròn cho các icon */
.footer .gioithieu .social-btn {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background-color: #fff;
	border: 1px solid #ddd;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease;
	box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.footer .gioithieu .social-btn:hover {
	transform: translateY(-3px);
	box-shadow: 0 5px 10px rgba(0,0,0,0.1);
}

/* Chặn các icon bị lỗi mặc định của theme sinh ra */
.footer .gioithieu .social-btn .icon-div::before,
.footer .gioithieu .social-btn .icon-div::after {
	display: none !important;
}

/* --- VẼ TRỰC TIẾP ICON BẰNG CSS ĐỂ KHÔNG BAO GIỜ BỊ LỖI --- */

/* Icon Facebook (Màu xám) */
.footer .gioithieu .icon-facebook {
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23555'%3E%3Cpath d='M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z'/%3E%3C/svg%3E");
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: center;
}

/* Hover Facebook đổi màu xanh */
.footer .gioithieu .facebook-btn:hover .icon-facebook {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230866FF'%3E%3Cpath d='M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z'/%3E%3C/svg%3E");
}

/* Icon YouTube (Màu đỏ) */
.footer .gioithieu .icon-youtube {
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ed1c24'%3E%3Cpath d='M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33 2.78 2.78 0 0 0 1.94 2c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.33 29 29 0 0 0-.46-5.33zM9.75 15.02V8.48L15.5 11.75l-5.75 3.27z'/%3E%3C/svg%3E");
	background-size: 18px;
	background-repeat: no-repeat;
	background-position: center;
}

/* Nút Zalo (Nền xanh, Chữ trắng) */
/* FIX NÚT ZALO DÙNG MÃ SVG CỦA BẠN */
.footer .gioithieu .zalo-btn {
	background-color: #fff !important; /* Nền trắng đồng bộ với nút Facebook, YouTube */
	border: 1px solid #ddd !important;
}

/* FIX ZALO BẰNG SVG BASE64 KHÔNG BAO GIỜ LỖI */
.footer .gioithieu .zalo-btn {
	background-color: #fff !important;
	border: 1px solid #ddd !important;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='100' height='100' viewBox='0 0 48 48'%3E%3Cpath fill='%232962ff' d='M15,36V6.827l-1.211-0.811C8.64,8.083,5,13.112,5,19v10c0,7.732,6.268,14,14,14h10 c4.722,0,8.883-2.348,11.417-5.931V36H15z'%3E%3C/path%3E%3Cpath fill='%23eee' d='M29,5H19c-1.845,0-3.601,0.366-5.214,1.014C10.453,9.25,8,14.528,8,19 c0,6.771,0.936,10.735,3.712,14.607c0.216,0.301,0.357,0.653,0.376,1.022c0.043,0.835-0.129,2.365-1.634,3.742 c-0.162,0.148-0.059,0.419,0.16,0.428c0.942,0.041,2.843-0.014,4.797-0.877c0.557-0.246,1.191-0.203,1.729,0.083 C20.453,39.764,24.333,40,28,40c4.676,0,9.339-1.04,12.417-2.916C42.038,34.799,43,32.014,43,29V19C43,11.268,36.732,5,29,5z'%3E%3C/path%3E%3Cpath fill='%232962ff' d='M36.75,27C34.683,27,33,25.317,33,23.25s1.683-3.75,3.75-3.75s3.75,1.683,3.75,3.75 S38.817,27,36.75,27z M36.75,21c-1.24,0-2.25,1.01-2.25,2.25s1.01,2.25,2.25,2.25S39,24.49,39,23.25S37.99,21,36.75,21z'%3E%3C/path%3E%3Cpath fill='%232962ff' d='M31.5,27h-1c-0.276,0-0.5-0.224-0.5-0.5V18h1.5V27z'%3E%3C/path%3E%3Cpath fill='%232962ff' d='M27,19.75v0.519c-0.629-0.476-1.403-0.769-2.25-0.769c-2.067,0-3.75,1.683-3.75,3.75 S22.683,27,24.75,27c0.847,0,1.621-0.293,2.25-0.769V26.5c0,0.276,0.224,0.5,0.5,0.5h1v-7.25H27z M24.75,25.5 c-1.24,0-2.25-1.01-2.25-2.25S23.51,21,24.75,21S27,22.01,27,23.25S25.99,25.5,24.75,25.5z'%3E%3C/path%3E%3Cpath fill='%232962ff' d='M21.25,18h-8v1.5h5.321L13,26h0.026c-0.163,0.211-0.276,0.463-0.276,0.75V27h7.5 c0.276,0,0.5-0.224,0.5-0.5v-1h-5.321L21,19h-0.026c0.163-0.211,0.276-0.463,0.276-0.75V18z'%3E%3C/path%3E%3C/svg%3E") !important;
	background-size: 24px !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

/* Ẩn các icon thừa bên trong nếu có */
.footer .gioithieu .zalo-btn .icon-zalo::before,
.footer .gioithieu .zalo-btn .icon-zalo::after {
	display: none !important;
}

/* Chèn chữ "Zalo" trực tiếp */
.footer .gioithieu .icon-zalo::before {
	content: "Zalo" !important;
	display: block !important;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	letter-spacing: 0.5px;
}

/* =========================================
CỘT 2 & 3: MENU DỊCH VỤ & BÁO GIÁ
========================================= */
/* Xóa triệt để các đường gạch ngang mờ mặc định của Flatsome */
.footer .ux-menu--divider-solid .ux-menu-link,
.footer .ux-menu--divider-solid .menu-item {
	border-bottom: none !important;
	border-top: none !important;
	padding: 6px 0;
}

.footer .dvthietke .ux-menu-link__link, 
.footer .thongtinbaogia .ux-menu-link__link {
	color: #ffffff;
	font-size: 17px;
	transition: 0.3s;
	display: flex;
	align-items: center;
}

/* Icon mũi tên xanh lá */
.footer .dvthietke .ux-menu-link__link::before, 
.footer .thongtinbaogia .ux-menu-link__link::before {
	content: '';
	display: block;
	width: 5px;
	height: 5px;
	border-top: 1.5px solid #ffffff;
	border-right: 1.5px solid #ffffff;
	transform: rotate(45deg);
	margin-right: 12px;
	margin-bottom: 2px;
}

.footer .dvthietke .ux-menu-link__link:hover, 
.footer .thongtinbaogia .ux-menu-link__link:hover {
	color: #00ff62;
}

/* Làm xanh lá dòng đầu tiên cột 3 */
.footer .thongtinbaogia .ux-menu-link:nth-child(1) .ux-menu-link__link {
	color: #ffffff;
	font-weight: 600;
}

/* =========================================
CỘT 4: THÔNG TIN LIÊN HỆ
========================================= */
.footer .thongtinlienhe .icon-box {
	margin-bottom: 12px;
	align-items: flex-start;
}

.footer .thongtinlienhe .icon-box-img {
	width: 20px !important; 
	min-width: 20px;
	margin-right: 12px !important;
	margin-top: 3px;
}

.footer .thongtinlienhe .icon-box-img img{
	filter: brightness(0) invert(1);
}

.footer .thongtinlienhe .icon-box-text {
	padding: 0;
}

.footer .thongtinlienhe .icon-box-text h3 {
	border-left: none;
	padding-left: 0;
	margin-bottom: 3px;
	font-size: 14px;
	text-transform: none;
	color: #222;
}

.footer .thongtinlienhe .icon-box-text p {
	font-size: 17px;
	color: #ffff;
	line-height: 1.5;
	margin-bottom: 0;
}

/* Hotline đỏ */
.footer .thongtinlienhe .icon-box:last-child {
	margin-top: 25px;
	align-items: center;
}

.footer .thongtinlienhe .icon-box:last-child .icon-box-text p {
	color: #ed1c24; 
	font-weight: bold;
	font-size: 16px;
}

.header-main .nav-dropdown {
	min-width: 185px !important;      
	width: max-content !important;     
	border-radius: 10px !important;  
	border: 1.5px solid var(--color-main) !important; 
	padding: 6px 0 !important;         
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
	overflow: hidden;               
}

/* 2. Đường kẻ phân cách nhẹ giữa các mục con */
.header-main .nav-dropdown li {
	border-bottom: 1px solid #f2f2f2 !important;
	margin: 0 !important;
}

.header-main .nav-dropdown li:last-child {
	border-bottom: none !important;      /* Bỏ đường kẻ ở mục cuối cùng */
}

/* 3. Tinh chỉnh chữ và khoảng cách trong từng thẻ a */
.header-main .nav-dropdown li a {
	padding: 8px 15px !important;        /* Khoảng cách lề vừa phải, gọn gàng */
	font-size: 14px !important;
	line-height: 1.4 !important;
	transition: all 0.25s ease-in-out;
}

/* 4. Hiệu ứng Hover mượt mà */
.header-main .nav-dropdown li a:hover,
.header-main .nav-dropdown li.active > a {
	color: var(--color-main) !important; /* Đổi màu chữ khi rê chuột */
	background-color: #f9f9f9 !important;
	padding-left: 20px !important;       /* Đẩy chữ nhẹ sang phải tạo hiệu ứng đẹp */
}

@media (max-width: 768px) {
	.mobile-sidebar .nav-sidebar .menu-item a{
		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;
	}
	.mobile-nav.nav.nav-left {
		justify-content: left !important;
		padding-left: 10px !important;
	}
	.header-top .flex-left .topbar-contact-wrapper,
	.header-top .flex-right .topbar-right-wrapper {
		flex-direction: column;
		gap: 10px;
		align-items: flex-start;
	}
	.mfp-content{
		background: var(--color-main) !important;
		color: var(--color-white) !important;
	}

	/* Thu gọn khoảng cách padding topbar mobile */
	#top-bar .mobile-nav {
		padding: 4px 0 !important;
		margin: 0 !important;
	}

	/* Đưa toàn bộ wrapper về dạng cột căn giữa */
	#top-bar .topbar-contact-wrapper {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 3px; /* Khoảng cách giữa dòng Hotline và dòng Email */
		width: 100%;
	}

	/* Cấu hình từng dòng liên hệ */
	#top-bar .contact-item {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 5px;
	}

	/* Đưa các phần tử bên trong (Hotline, số ĐT, dấu |) lên cùng 1 hàng */
	#top-bar .text-group {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		gap: 4px;
		font-size: 12px; /* Kích thước chữ gọn gàng trên mobile */
		line-height: 1.2;
	}

	/* Định dạng nhãn Hotline */
	#top-bar .label-hotline {
		font-weight: 600;
	}

	/* Định dạng số điện thoại & email */
	#top-bar .phone-number,
	#top-bar .email-text {
		font-size: 12px;
		font-weight: 500;
		display: inline-block;
	}

	/* Dấu gạch đứng phân cách giữa 2 SĐT */
	#top-bar .separator {
		display: inline-block;
		margin: 0 2px;
		opacity: 0.7;
		font-size: 11px;
	}

	/* Reset các class mặc định của Flatsome nếu có li dư thừa */
	#top-bar .mobile-nav > li {
		padding: 0 !important;
	}
	.mfp-inline-holder .mfp-content, .apollo-mfp-style .mfp-content{
		width: 75% !important;
		max-width: 75% !important;
	}
	.mfp-inline-holder .mfp-content{
		width: 75% !important;
		max-width: 75% !important;
	}




	/* 1. Ép thẻ chứa icon hiển thị kích thước chuẩn */
	.topbar-contact-wrapper .icon-div {
		display: inline-block !important;
		width: 16px !important;
		height: 16px !important;
		margin-right: 4px !important;
		background-size: contain !important;
		background-repeat: no-repeat !important;
		background-position: center !important;
		vertical-align: middle !important;
	}

	/* 2. Vẽ Icon Điện Thoại (Màu vàng) trực tiếp bằng CSS */
	.topbar-contact-wrapper .icon-phone {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffeb3b'%3E%3Cpath d='M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l.974-.974a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328z'/%3E%3C/svg%3E") !important;
	}

	/* 3. Vẽ Icon Email (Màu vàng) trực tiếp bằng CSS */
	.topbar-contact-wrapper .icon-email {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffeb3b'%3E%3Cpath d='M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2Zm13 2.383-4.708 2.825L15 11.105V5.383Zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741ZM1 11.105l4.708-2.897L1 5.383v5.722Z'/%3E%3C/svg%3E") !important;
	}

	/* 4. Dóng hàng Icon và Chữ cho thẳng hàng */
	.topbar-contact-wrapper .contact-item {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
	.header-main .nav > li > a > i:not(.icon-angle-down),
	.icon-menu:before{
		color: #FFF !important;
	}
	.sidebar-menu  .menu-item a{
		color: var(--color-black);
	}
	.sidebar-menu  .menu-item:hover a{
		color: var(--color-main);
	}

	.header-top .flex-row.container{
		display:none !important;
	}

	.dvthietke a,
	.thongtinbaogia a{
		font-size:15px !important;
	}
	.dvthietke h3,
	.thongtinbaogia h3{
		font-size:17px !important;
		margin-bottom:7px !important;
	}

	.footer .thongtinlienhe .icon-box-img{
		display:none;
	}
}