/* 1. Nền và khoảng cách của Footer */
.footer_page {
	background-color: var(--color-white);
	padding-top: 40px;
	padding-bottom: 40px;
}

/* 2. Tiêu đề chính các cột (GIỚI THIỆU, TRỤ SỞ, VĂN PHÒNG ĐẠI DIỆN, LIÊN KẾT) */
.footer_page h3 {
	color: var(--news-text);
	font-size: 16px;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 14px;
	letter-spacing: 0.5px;
}

/* 3. Tiêu đề phụ (TRỤ SỞ MIỀN BẮC, MIỀN NAM, MIỀN TRUNG, FANPAGE) */
.footer_page h4 {
	color: var(--news-text);
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 12px;
}

/* 4. Nội dung thông tin chi tiết */
.footer_page p {
	color: var(--color-text-main);
	font-size: 13.5px;
	line-height: 1.65;
	margin-bottom: 8px;
}

/* 5. Định dạng các đường link (Web, Email, Google Map) */
.footer_page a {
	color: #0066cc; /* Màu xanh link chuẩn như hình */
	text-decoration: none;
	word-break: break-word; /* Chống bị tràn hàng khi link Google Map quá dài */
	transition: color 0.2s ease;
}

.footer_page a:hover {
	color: var(--color-main);
	text-decoration: underline;
}

/* Riêng số Hotline để màu chữ đậm rõ ràng, rê chuột mới chuyển đỏ */
.footer_page a[href^="tel:"] {
	color: var(--color-text-main);
	font-weight: 600;
}

.footer_page a[href^="tel:"]:hover {
	color: var(--color-main);
}

/* 6. Tối ưu hiển thị trên màn hình nhỏ */
@media (max-width: 767px) {
	.footer_page .col {
		margin-bottom: 25px;
	}
}.header-main {

}
.header-top {
	min-height: 35px !important;
}
.header-main {
	height: 65px !important;
}



.header-main .header-inner {
	align-items: center;
}

.header-main .marquee-container {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	display: flex;
	align-items: center;
}

.header-main .marquee-text {
	display: inline-block;
	color: var(--color-white) !important;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	animation: headerChayChu 14s linear infinite;
}

.header-main .flex-col.flex-grow .header-nav > li.html_topbar_left {
	width: 100% !important;
	flex: 1 1 100% !important;
	display: block !important;
}

.header-main marquee {
	width: 100% !important;
	display: block !important;
	line-height: normal;
}



.header-main .header-nav-main.nav-right {
	display: flex !important;
	align-items: center !important;
	gap: 15px;
	white-space: nowrap;
}

.header-main .gtranslate_wrapper {
	display: flex !important;
	align-items: center;
	gap: 6px;
	flex-direction: row-reverse !important;
}

.header-main .icon-search,
.header-main .header-search a {
	color: var(--color-black) !important;
}

.header-bottom .flex-center {
	width: 100%;
}
.header-top{
	background-color: var(--color-main) !important;
}

/* 1. Cho cột bên trái của Top Bar giãn tối đa chiếm hết khoảng trống */
.header-top #top-bar .flex-left {
	flex: 1 1 auto !important;
	max-width: 100% !important;
}

/* 2. Ẩn cột giữa bị trống để nhường không gian cho dòng chữ */
.header-top #top-bar .flex-center {
	display: none !important;
}

/* 3. Cho ul, li và marquee hiển thị trọn vẹn 100% chiều rộng */
.header-top #top-bar .flex-left .nav,
.header-top #top-bar .flex-left .html_topbar_left {
	width: 100% !important;
	display: block !important;
}

.header-top #top-bar marquee {
	width: 75% !important;
	display: block !important;
	line-height: normal;
}

.header-nav-main .menu-item.active a{
	font-size:14px !important;
	color: var(--color-main) !important;	
}
/* ========================================================
FIX HIỂN THỊ LƯỚI DỊCH VỤ TRONG MENU "LĨNH VỰC HOẠT ĐỘNG"
=========================================================== */

/* 1. Mở rộng khung Dropdown menu để có không gian chứa 5 cột */
.header-main #menu-item-1540 .nav-dropdown {
	width: 1100px !important; /* Mở rộng khung lên 1100px */
	max-width: 95vw; /* Đảm bảo không bị tràn màn hình trên laptop nhỏ */
	left: 50% !important; /* Canh giữa khung so với chữ Lĩnh vực hoạt động */
	transform: translateX(-50%) !important; /* Cân bằng lại vị trí giữa */
	padding: 10px !important; 
	white-space: normal !important;
}

/* 2. Căn lại cái mũi tên nhỏ (tooltip) của khung menu cho ngay giữa */
.header-main #menu-item-1540 .nav-dropdown::after {
	left: 50% !important;
	transform: translateX(-50%) !important;
}

/* 3. Tinh chỉnh lại Grid bên TRONG menu cho đẹp và gọn gàng */
.header-main #menu-item-1540 .custom-service-grid {
	margin: 0 auto !important; /* Xóa margin thừa */
}

/* 4. Chỉnh lại chiều cao và font chữ của item bên trong menu */
.header-main #menu-item-1540 .custom-service-item {
	height: 150px; /* Chiều cao ảnh trong menu, có thể tăng giảm tùy ý */
	border-radius: 4px;
}

.header-main #menu-item-33 .custom-service-overlay span {
	font-size: 14px; /* Thu nhỏ chữ một chút cho cân đối với menu */
}

/* 5. Ẩn padding thừa của block Flatsome bên trong menu */
.header-main #menu-item-1540 #section_1251302852 {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
/* 1. Nền và khoảng cách của Footer */
.footer_page {
	background-color: var(--color-white);
	padding-top: 40px;
	padding-bottom: 40px;
}

/* 2. Tiêu đề chính các cột (GIỚI THIỆU, TRỤ SỞ, VĂN PHÒNG ĐẠI DIỆN, LIÊN KẾT) */
.footer_page h3 {
	color: var(--news-text);
	font-size: 16px;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 14px;
	letter-spacing: 0.5px;
}

/* 3. Tiêu đề phụ (TRỤ SỞ MIỀN BẮC, MIỀN NAM, MIỀN TRUNG, FANPAGE) */
.footer_page h4 {
	color: var(--news-text);
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 12px;
}

/* 4. Nội dung thông tin chi tiết */
.footer_page p {
	color: var(--color-text-main);
	font-size: 13.5px;
	line-height: 1.65;
	margin-bottom: 8px;
}

/* 5. Định dạng các đường link (Web, Email, Google Map) */
.footer_page a {
	color: #0066cc; /* Màu xanh link chuẩn như hình */
	text-decoration: none;
	word-break: break-word; /* Chống bị tràn hàng khi link Google Map quá dài */
	transition: color 0.2s ease;
}

.footer_page a:hover {
	color: var(--color-main);
	text-decoration: underline;
}

/* Riêng số Hotline để màu chữ đậm rõ ràng, rê chuột mới chuyển đỏ */
.footer_page a[href^="tel:"] {
	color: var(--color-text-main);
	font-weight: 600;
}

.footer_page a[href^="tel:"]:hover {
	color: var(--color-main);
}
/* Dropdown Dự án */
.header-main #menu-item-32 > .sub-menu {
	width: 250px;
	min-width: 250px;
	padding: 0 12px;
	background: #ddd;
	border: none;
	border-radius: 0;
	box-shadow: 0 5px 15px rgba(0, 0, 0, .12);
}

/* Bỏ mũi nhọn phía trên dropdown */
.header-main #menu-item-32::before,
.header-main #menu-item-32::after,
.header-main #menu-item-32 > .sub-menu::before,
.header-main #menu-item-32 > .sub-menu::after {
	display: none !important;
}

/* Các mục con */
.header-main #menu-item-32 > .sub-menu > li {
	margin: 0;
	padding: 0;
}

.header-main #menu-item-32 > .sub-menu > li > a {
	display: block;
	margin: 0;
	padding: 12px 0;
	color: #383838 !important;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.3;
	text-transform: uppercase;
	white-space: nowrap;
	background: transparent;
	border-bottom: 1px solid #c3c3c3;
}

.header-main #menu-item-32 > .sub-menu > li:last-child > a {
	border-bottom: none;
}

.header-main #menu-item-32 > .sub-menu > li > a:hover {
	color: #f00 !important;
}



@media (max-width: 768px) {
	.footer_page .col {
		margin-bottom: 25px;
	}
	.header-main .icon-menu:before,
	.header-main .icon-search:before{
		color: var(--color-main);
	}
	#main-menu .menu-item a{
		font-size:12.5px !important;
	}

	/* Xóa khung nền, viền và bóng đổ mặc định của dropdown Flatsome */
	.header-main .header-search-dropdown .nav-dropdown {
		z-index: 99999 !important;
		pointer-events: auto !important;
	}

	/* Ẩn mũi tên nhọn chỉ lên của dropdown mặc định */
	.header-main .header-search-dropdown .nav-dropdown::before,
	.header-main .header-search-dropdown .nav-dropdown::after {
		display: none !important;
	}

	/* Định dạng khung tìm kiếm hình viên thuốc, viền đỏ */
	.header-main .searchform .flex-row {
    background-color: #ffffff;
    border: 1px solid var(--color-main);
    border-radius: 50px;
    /* Đã bỏ overflow: hidden để tránh cắt mất sự kiện click */
    align-items: center;
    padding: 2px 6px 2px 15px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 99999;
}

	/* Định dạng ô nhập từ khóa (Input) */
	.header-main .searchform .search-field {
		border: none !important;
		box-shadow: none !important;
		background: transparent !important;
		height: 36px;
		padding: 0;
		font-size: 14px;
		color: #333;
	}

	.header-main .searchform .search-field::placeholder {
		color: #777;
	}

	/* Định dạng nút bấm kính lúp màu đỏ */
	.header-main .searchform .ux-search-submit {
		background-color: transparent !important;
		border: none !important;
		box-shadow: none !important;
		color: var(--color-main) !important;
		min-height: 36px;
		width: 36px;
		padding: 0;
		margin: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.header-main .searchform .ux-search-submit i {
		font-size: 18px;
	}

	/* Đổi màu các icon trên thanh Header (Menu, Search...) sang màu chủ đạo giống ảnh */
	.header-main .nav > li > a > i {
		color: var(--color-main);
	}
}
@media (max-width: 768px) {
  #header {
    position: relative;
    z-index: 100;
  }

  #header .header-wrapper,
  #masthead,
  #masthead .header-inner {
    overflow: visible !important;
  }

  #masthead .mobile-nav .header-search-dropdown {
    position: relative;
  }

  #masthead .mobile-nav .header-search-dropdown.current-dropdown
  > .nav-dropdown {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;

    left: auto !important;
    right: 0 !important;
    top: 100% !important;
    transform: none !important;

    width: min(320px, calc(100vw - 30px));
    min-width: 0 !important;
    z-index: 101;
  }
}