/* 1. Bao ngoài (giữ nguyên) */
.hd-hotline {
	display: block;
	flex-shrink: 0;
	width: 100%;
	max-width: max-content;
	padding: 0 2rem;
}

/* 2. Khung viên thuốc: Nâng cấp dải màu Vàng Gold Gradient + đổ bóng sang trọng */
.hd-hotline-wrap {
	background: linear-gradient(135deg, #FFC800 0%, #FF9E00 100%);
	backdrop-filter: blur(4px);
	border-radius: 50px;
	padding: 10px 15px 10px 15px; /* Căn chỉnh để vòng tròn ôm sát đẹp góc trái */
	box-shadow: 0 4px 14px rgba(255, 158, 0, 0.38);
	border: 1px solid rgba(255, 255, 255, 0.4);
	transition: all 0.3s ease;
}

/* 3. Thẻ link và hiệu ứng nhún của bạn khi rê chuột */
.hd-hotline-txt {
	display: flex;
	align-items: center;
	text-decoration: none !important;
}

.hd-hotline-txt:hover {
	animation: wobbleScale .9s ease-in-out;
}

/* 4. Vòng tròn icon trắng (giữ nguyên cấu trúc của bạn, thêm bóng nhẹ cho nổi) */
.hd-hotline-icon {
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	background: #fff;
	margin-right: 0.8rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
}

/* 5. Ảnh SVG icon rung chuông (giữ nguyên) */
.hd-hotline-icon img {
	width: 1.15rem;
	height: 1.15rem;
	object-fit: contain;
	display: block;
	animation: phoneRing 1s infinite ease-in-out;
}

/* 6. BỔ SUNG: Khối chữ và triệt tiêu khoảng cách thừa của thẻ <p> trong Flatsome */
.hd-hotline-info {
	display: flex;
	flex-direction: column;
	text-align: left;
}

.hd-hotline-info p {
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.25 !important;
}

/* Dòng "Tổng đài đặt xe": Màu đen xám đậm nét */
.hd-hotline-info .label {
	font-size: 0.75rem;
	font-weight: 600;
	color: #2b2b2b !important;
	text-transform: capitalize;
}

/* Dòng "0962211625": Màu đen tuyền, nét đậm cực rõ ràng */
.hd-hotline-info .number {
	font-size: 1.05rem;
	font-weight: 800;
	color: #000000 !important;
	letter-spacing: 0.5px;
}

/* 7. Hai Animation gốc của bạn (giữ nguyên 100%) */
@keyframes wobbleScale {
	0%, 100% { transform: scale(1, 1); }
	25% { transform: scale(0.9, 1.1); }
	50% { transform: scale(1.1, 0.9); }
	75% { transform: scale(0.95, 1.05); }
}

@keyframes phoneRing {
	0% { transform: rotate(0) scale(1) skew(1deg); }
	10% { transform: rotate(-25deg) scale(1) skew(1deg); }
	20% { transform: rotate(25deg) scale(1) skew(1deg); }
	30% { transform: rotate(-25deg) scale(1) skew(1deg); }
	40% { transform: rotate(25deg) scale(1) skew(1deg); }
	50% { transform: rotate(0) scale(1) skew(1deg); }
	100% { transform: rotate(0) scale(1) skew(1deg); }
}



.header-nav > li > a {
	text-transform: uppercase !important;
	font-size: 1rem !important;
	color: var(--fs-color-secondary) !important;
}

.header-nav.header-nav-main.nav {
	gap: 30px;
	justify-content: space-between !important
}











/* --- CẤU HÌNH MÀU SẮC --- */
:root {
	--feat-yellow: #f59e0b;       /* Màu vàng điểm nhấn khi hover/active */
	--feat-bg-card: #f8f9fa;      /* Màu nền thẻ xám nhẹ dịu mắt */
	--feat-border: #e2e8f0;       /* Viền xám mảnh, tinh tế giúp tách khối */
	--feat-title: #1f2937;        /* Màu tiêu đề */
	--feat-desc: #6b7280;         /* Màu mô tả */
}

/* 1. KHUNG CHỨA TỔNG */
.custom-features-wrapper {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 14px;
	margin: 0 auto;
	padding: 10px;
	box-sizing: border-box;
}

/* 2. CARD: VUÔNG VỨC, CÓ VIỀN NHẸ & ĐỔ BÓNG NỔI KHỐI */
.feature-card {
	background-color: var(--feat-bg-card);
	border: 1px solid var(--feat-border); /* Viền nhẹ sắc nét */
	border-radius: 0px;                   /* Vuông vức */
	padding: 14px 16px;
	display: flex;
	align-items: center;
	gap: 14px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04); /* Bóng mờ giúp thẻ nổi nhẹ lên */
	transition: all 0.25s ease;
	cursor: pointer;
	box-sizing: border-box;
}

/* HIỆU ỨNG HOVER / ACTIVE: NỔI RÕ HƠN + VIỀN VÀNG */
.feature-card:hover,
.feature-card.active {
	border-color: var(--feat-yellow);     /* Đổi viền sang vàng */
	background-color: #ffffff;            /* Chuyển nền trắng sáng */
	transform: translateY(-2px);          /* Nhấc nhẹ thẻ lên 2px cho cảm giác nổi bật */
	box-shadow: 0 6px 16px rgba(245, 158, 11, 0.15); /* Bóng vàng mờ sang trọng */
}

.feature-card:hover .feature-title,
.feature-card.active .feature-title {
	color: var(--feat-yellow);            /* Chữ tiêu đề đổi vàng */
}

/* 3. ICON THOÁNG ĐÃNG */
.feature-icon {
	flex-shrink: 0;
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 26px;
	color: var(--feat-yellow);
	transition: transform 0.25s ease;
}

.feature-card:hover .feature-icon {
	transform: scale(1.08);               /* Icon phóng to nhẹ khi hover */
}

/* Nếu sau này dùng ảnh SVG/PNG */
.feature-icon img,
.feature-icon svg {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/* 4. CHỮ (TIÊU ĐỀ & MÔ TẢ) */
.feature-text {
	flex: 1;
	min-width: 0;
}

.feature-title {
	margin: 0 0 4px 0;
	font-size: 0.95rem;
	font-weight: 700;
	color: var(--feat-title);
	line-height: 1.3;
	transition: color 0.2s ease;
}

.feature-desc {
	margin: 0;
	font-size: 0.8rem;
	line-height: 1.45;
	color: var(--feat-desc);
}

/* 5. RESPONSIVE DI ĐỘNG */
@media (max-width: 992px) {
	.custom-features-wrapper {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 640px) {
	.custom-features-wrapper {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.feature-card {
		padding: 14px 16px;
	}
	.check-list-homepage .col {
		padding: 0 0px 30px;
	}
}



@media (max-width: 768px) {
	.round-trip-homepage .flickity-slider > .col {
		flex: 0 0 70% !important;
		max-width: 70% !important;
	}
}

.round-trip-homepage .is-divider {
	display: none
}
.round-trip-homepage h2,
.tour-homepage h2{
	font-size: 40px;
}
.round-trip-homepage h3 {
	font-size: 28px;
	line-height: 1.2;
	margin-bottom: 0;
}

.round-trip-homepage .post-title a {
	font-size: 1.1rem;
}


@media (max-width: 768px) {
	.round-trip-homepage h2,
	.tour-homepage h2{
		font-size: 30px;
	}
	.round-trip-homepage h3 {
		font-size: 20px;
		line-height: 1.2;
		margin-bottom: 0;
	}
}











/* ================= CSS LÀM ĐẸP POPUP MODAL ĐẶT TOUR ================= */
.custom-booking-modal { 
	display: none; 
	position: fixed; 
	inset: 0; 
	z-index: 999999; 
}
.custom-booking-modal.is-active { 
	display: flex;
	align-items: center;
	justify-content: center;
}
.modal-overlay { 
	position: absolute; 
	inset: 0; 
	background: rgba(15, 23, 42, 0.7); 
	backdrop-filter: blur(4px); /* Làm mờ nhẹ nền web phía sau */
	-webkit-backdrop-filter: blur(4px);
}


/* Header Popup */
.custom-booking-modal .modal-header { 
	background: linear-gradient(135deg, #0b1120 0%, #1e293b 100%); 
	color: #ffffff; 
	padding: 18px 22px; 
	display: flex; 
	justify-content: space-between; 
	align-items: center; 
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.custom-booking-modal .modal-header .sub-badge { 
	display: inline-block;
	background: rgba(245, 158, 11, 0.15);
	color: #fbbf24; 
	font-size: 11px; 
	font-weight: 700; 
	letter-spacing: 0.8px;
	padding: 2px 8px;
	border-radius: 12px;
	border: 1px solid rgba(245, 158, 11, 0.3);
	margin-bottom: 3px;
}
.custom-booking-modal .modal-header h4 { 
	color: #ffffff; 
	margin: 0; 
	font-size: 18px; 
	font-weight: 700; 
	letter-spacing: 0.2px;
}


.custom-booking-modal .modal-close:hover { 
	background: rgba(255, 255, 255, 0.2);
	color: #ffffff; 
	transform: rotate(90deg);
}

/* Thân form */
.custom-booking-modal .modal-body { 
	padding: 22px 24px; 
	background: #ffffff;
}
.custom-booking-modal .form-group { 
	margin-bottom: 14px !important; 
}
.custom-booking-modal label { 
	display: block;
	font-size: 13px; 
	font-weight: 600; 
	color: #334155; 
	margin-bottom: 6px; 
}

/* Ô nhập liệu (Input) */
.custom-booking-modal .form-control { 
	width: 100% !important; 
	height: 44px;
	border: 1.5px solid #e2e8f0 !important; 
	border-radius: 10px !important; 
	padding: 0 14px !important; 
	font-size: 14px !important; 
	color: #0f172a !important; 
	background: #ffffff;
	box-sizing: border-box !important; 
	outline: none !important;
	transition: all 0.2s ease;
}
.custom-booking-modal .form-control:focus {
	border-color: #f59e0b !important;
	box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.15) !important;
}

/* 2 Ô cố định: Tour đã chọn & Dòng xe đã chọn */
.custom-booking-modal .field-readonly,
.custom-booking-modal input[readonly] { 
	background-color: #f8fafc !important; 
	border-color: #e2e8f0 !important; 
	border-left: 4px solid #f59e0b !important; /* Điểm nhấn viền vàng cam sang trọng */
	color: #0f172a !important; 
	font-weight: 700 !important; 
	cursor: default;
}

/* Nút Xác Nhận Giữ Chỗ */
.custom-booking-modal .btn-xac-nhan { 
	width: 100% !important; 
	height: 48px;
	background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important; 
	color: #ffffff !important; 
	border: none !important; 
	border-radius: 10px !important; 
	font-size: 14.5px !important; 
	font-weight: 800 !important; 
	text-transform: uppercase;
	letter-spacing: 0.6px;
	cursor: pointer; 
	margin-top: 8px;
	box-shadow: 0 6px 18px rgba(245, 158, 11, 0.35) !important;
	transition: all 0.25s ease;
	display: flex;
	align-items: center;
	justify-content: center;
}
.custom-booking-modal .btn-xac-nhan:hover { 
	background: linear-gradient(135deg, #d97706 0%, #b45309 100%) !important; 
	transform: translateY(-2px);
	box-shadow: 0 8px 22px rgba(245, 158, 11, 0.45) !important;
}
.custom-booking-modal .btn-xac-nhan:active {
	transform: translateY(0);
}

/* Dòng cam kết chân trang */
.custom-booking-modal .note-bottom { 
	text-align: center; 
	font-size: 12.5px; 
	color: #059669; /* Màu xanh lá tạo sự an tâm, tin cậy */
	font-weight: 600; 
	margin-top: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}
.custom-booking-modal .note-bottom::before {
	content: '✓';
	display: inline-flex;
	width: 16px;
	height: 16px;
	background: #d1fae5;
	color: #059669;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	font-weight: 900;
}

/* Thông báo phản hồi của Contact Form 7 */
.custom-booking-modal .wpcf7-response-output {
	margin: 12px 0 0 0 !important;
	padding: 10px !important;
	border-radius: 8px !important;
	font-size: 13px !important;
	text-align: center;
}
.custom-booking-modal .wpcf7-not-valid-tip {
	font-size: 11.5px;
	color: #ef4444;
	margin-top: 4px;
}





/* Khung bọc toàn bộ tiêu đề */
.bang-gia-heading {
	text-align: center;
	padding: 20px 10px;
}

/* Dòng tiêu đề chính */
.bang-gia-heading .title {
	font-size: 28px;
	font-weight: 800;
	color: #1a1a1a;
	text-transform: uppercase;
	margin-bottom: 0;
	line-height: 1.3;
}

/* Phần chữ màu vàng DATXE24H.COM */
.bang-gia-heading .title .highlight {
	color: #f7b200; /* Màu vàng cam giống hình */
}

/* Vạch kẻ màu vàng ở giữa */
.bang-gia-heading .yellow-line {
	width: 70px;
	height: 3px;
	background-color: #f7b200;
	margin: 12px auto 14px auto;
	border-radius: 2px;
}

/* Dòng ghi chú phụ in nghiêng bên dưới */
.bang-gia-heading .subtitle {
	font-size: 15px;
	font-style: italic;
	color: #222222;
	text-transform: uppercase;
	margin-bottom: 0;
	letter-spacing: 0.5px;
}

/* Tự động thu nhỏ cỡ chữ vừa vặn trên điện thoại */
@media (max-width: 767px) {
	.bang-gia-heading .title {
		font-size: 20px;
	}
	.bang-gia-heading .subtitle {
		font-size: 13px;
	}
	.bang-gia-heading .yellow-line {
		width: 50px;
		margin: 10px auto;
	}
}










.bang-gia-wrapper {
	width: 100%;
	overflow-x: auto;
	margin: 20px 0;
	-webkit-overflow-scrolling: touch;
}

/* Định dạng chung của bảng */
.bang-gia-datxe {
	width: 100%;
	min-width: 650px; /* Giữ bảng không bị méo chữ khi xem trên điện thoại */
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid #e9ecef;
	border-radius: 12px;
	overflow: hidden;
	background-color: #ffffff;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
	font-family: inherit;
}

/* Hàng tiêu đề màu vàng cam */
.bang-gia-datxe thead tr {
	background: linear-gradient(135deg, #f5b300, #fab005);
}

.bang-gia-datxe th {
	color: #ffffff;
	padding: 16px 14px;
	font-size: 15px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	border: none;
	border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.bang-gia-datxe th:last-child {
	border-right: none;
}

/* Các ô nội dung */
.bang-gia-datxe td {
	padding: 14px 16px;
	text-align: center;
	font-size: 15px;
	color: #333333;
	border-bottom: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	transition: background-color 0.2s ease;
}

.bang-gia-datxe td:last-child {
	border-right: none;
}

.bang-gia-datxe tbody tr:last-child td {
	border-bottom: none;
}

/* Cột loại xe */
.bang-gia-datxe td.col-xe {
	font-weight: 700;
	color: #1a1a1a;
}

/* Cột giá tiền */
.bang-gia-datxe td.col-gia {
	font-weight: 700;
	color: #222222;
}

/* Hiệu ứng màu xen kẽ giữa các hàng */
.bang-gia-datxe tbody tr:nth-child(even) {
	background-color: #fafbfc;
}

/* Hiệu ứng khi lướt chuột qua từng hàng */
.bang-gia-datxe tbody tr:hover {
	background-color: #fff9e6;
}














.bang-gia-soft-wrapper {
	max-width: 960px;
	margin: 20px auto;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	box-sizing: border-box;
}

/* Thẻ Card chính */
.bg-card-soft {
	background: #ffffff;
	border-radius: 14px;
	border: 1px solid #f2cf7e;
	box-shadow: 0 6px 20px rgba(245, 158, 11, 0.08);
	overflow: hidden;
}

/* Header tiêu đề */
.bg-card-header-soft {
	background: var(--primary-color);
	padding: 12px 18px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.bg-header-left {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0; /* Giúp xử lý chữ dài không đẩy vỡ flex */
}

/* SỬA LỖI 1: Khóa icon luôn tròn xoe 100%, không bao giờ bị bẹp */
.icon-circle {
	width: 36px;
	height: 36px;
	min-width: 36px;  /* Chống bẹp ngang */
	min-height: 36px; /* Chống bẹp dọc */
	flex-shrink: 0;   /* Tuyệt đối không co lại khi thiếu diện tích */
	background-color: #fffdf0;
	color: #d97706;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
}

.header-title {
	font-size: 15px;
	font-weight: 700;
	color: #0f172a;
	letter-spacing: 0.3px;
	line-height: 1.35;
}

/* SỬA LỖI 2: Thẻ 'Giá trọn gói' không bị co rúm rớt chữ */
.bg-header-tag-soft {
	background: rgba(255, 255, 255, 0.9);
	padding: 5px 14px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 700;
	color: #0f172a;
	white-space: nowrap; /* Không ngắt dòng */
	flex-shrink: 0;      /* Không bị bóp nghẹt */
}

/* SỬA LỖI 3: Khung cuộn trượt mượt trên mobile */
.bg-table-scroll {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch; /* Trượt cảm ứng mượt trên iPhone/Android */
	display: block;
}

/* Bảng dữ liệu */
.bg-table-soft {
	width: 100%;
	min-width: 580px; /* BẮT BUỘC: Đảm bảo độ rộng để kích hoạt tính năng lướt ngang */
	border-collapse: collapse;
	margin: 0 !important;
}

/* Tiêu đề cột thead */
.bg-table-soft thead tr {
	background-color: #fffdf5;
}

.bg-table-soft thead th {
	padding: 13px 10px;
	font-size: 13px;
	font-weight: 700;
	color: #78350f !important;
	border-bottom: 1.5px solid #fde68a !important;
	border-right: 1px solid #edf2f7;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap; /* Tiêu đề Xe 4 chỗ, 7 chỗ... không bị rớt dòng */
}

.bg-table-soft thead th:last-child {
	border-right: none;
}

.bg-table-soft thead th.th-route {
	text-align: left;
	padding-left: 20px;
	width: 38%;
}

.car-type {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
}

.car-type i {
	font-size: 14px;
	color: #d97706;
}

/* Nội dung hàng */
.bg-table-soft tbody tr {
	transition: background-color 0.15s ease;
}

.bg-table-soft tbody tr:hover {
	background-color: #fffef7;
}

/* Lưới mờ giữa các ô */
.bg-table-soft tbody td {
	padding: 14px 12px;
	vertical-align: middle;
	border-bottom: 1px solid #edf2f7;
	border-right: 1px solid #edf2f7;
}

.bg-table-soft tbody tr:last-child td {
	border-bottom: none;
}

.bg-table-soft tbody td:last-child {
	border-right: none;
}

/* Cột Tuyến đi */
.bg-table-soft td.col-route {
	text-align: left;
	padding-left: 20px;
	white-space: nowrap; /* Toàn bộ tuyến đường trên 1 hàng */
}

.route-flex {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	white-space: nowrap;
}

.point-from {
	color: #64748b;
	font-weight: 500;
	font-size: 14px;
}

.point-to {
	color: #0f172a;
	font-weight: 700;
	font-size: 14.5px;
}

.arrow-icon {
	font-size: 12px;
	color: #f59e0b;
	margin: 0 4px;
}

/* Cột giá canh giữa */
.bg-table-soft td.col-price {
	text-align: center !important;
	color: #dc2626;
	font-size: 17px;
	font-weight: 700;
	letter-spacing: 0.2px;
	white-space: nowrap;
}

/* Tùy chỉnh riêng cho màn hình điện thoại */
@media (max-width: 600px) {
	.bg-card-header-soft {
		padding: 10px 14px;
	}
	.header-title {
		font-size: 13.5px;
	}
	.icon-circle {
		width: 32px;
		height: 32px;
		min-width: 32px;
		min-height: 32px;
		font-size: 13px;
	}
	.bg-header-tag-soft {
		padding: 4px 10px;
		font-size: 11px;
	}
}











/* Tùy biến toàn bộ khối đánh giá */
.xe-reviews-section {
	padding: 60px 15px;
	background-color: #f8fafc;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	color: #334155;
}

.xe-reviews-container {
	max-width: 1140px;
	margin: 0 auto;
}

/* Tiêu đề */
.xe-reviews-header {
	text-align: center;
	margin-bottom: 40px;
}

.xe-subtitle {
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1.5px;
	color: #0284c7;
	background: #e0f2fe;
	padding: 5px 12px;
	border-radius: 20px;
}

.xe-title {
	font-size: 28px;
	font-weight: 800;
	color: #0f172a;
	margin-top: 5px;
	margin-bottom: 5px;
}

.xe-desc {
	font-size: 15px;
	color: #64748b;
	margin: 0;
}

/* Lưới hiển thị (Grid) */
.xe-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 25px;
}

/* Khung từng thẻ đánh giá */
.xe-card {
	background: #ffffff;
	border-radius: 16px;
	padding: 24px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
	border: 1px solid #f1f5f9;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	transition: all 0.3s ease;
}

.xe-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 25px rgba(2, 132, 199, 0.12);
	border-color: #bae6fd;
}

.xe-card-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 16px;
}

.xe-stars {
	color: #f59e0b;
	font-size: 16px;
	letter-spacing: 2px;
}

.xe-badge {
	font-size: 12px;
	font-weight: 600;
	background-color: #f1f5f9;
	color: #475569;
	padding: 4px 10px;
	border-radius: 6px;
}


.xe-card.highlight .xe-badge {
	background-color: #e0f2fe;
	color: #0369a1;
}

/* Nội dung bình luận */
.xe-comment {
	font-size: 14.5px;
	line-height: 1.6;
	color: #475569;
	font-style: italic;
	margin: 0 0 20px 0;
	flex-grow: 1;
}

/* Thông tin khách hàng */
.xe-user-info {
	display: flex;
	align-items: center;
	gap: 12px;
	border-top: 1px dashed #e2e8f0;
	padding-top: 15px;
}
.xe-user-info p {
	margin-bottom: 0
}

.xe-avatar {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid #e0f2fe;
}

.xe-name {
	font-size: 15px;
	font-weight: 700;
	color: #0f172a;
	margin: 0 0 2px 0;
}

.xe-date {
	font-size: 12px;
	color: #94a3b8;
}

/* Responsive cho Tablet và Mobile */
@media (max-width: 992px) {
	.xe-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 600px) {
	.xe-grid {
		grid-template-columns: 1fr;
	}
	.xe-title {
		font-size: 22px;
	}
}















.custom-news-box {
	margin: 15px 0 25px;
}
.custom-news-box a {
	color: #1a1a1a;
	text-decoration: none;
	transition: color 0.2s ease;
}
.custom-news-box a:hover {
	color: var(--primary-color, #c01a1a);
}
.custom-news-box .news-meta {
	font-size: 0.78rem;
	color: #888;
	display: flex;
	align-items: center;
	margin-top: 4px;
}

/* --- DESKTOP: BÀI TO BÊN TRÁI --- */
.news-card-big {
	height: 100%;
}
.news-card-big .news-thumb {
	width: 100%;
	aspect-ratio: 16 / 10;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 12px;
}
.news-card-big .news-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.4s ease;
}
.news-card-big:hover .news-thumb img {
	transform: scale(1.04);
}
.news-title-big {
	font-size: 1.15rem;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 6px;
	text-transform: uppercase;
}
.news-desc {
	font-size: 0.9rem;
	color: #555;
	line-height: 1.55;
	margin-top: 8px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* --- DESKTOP: 4 BÀI NHỎ BÊN PHẢI --- */
.news-list-right {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 12px;
}
.news-card-small {
	display: flex;
	align-items: center;
	gap: 12px;
	border-radius: 8px;
	transition: background 0.2s, transform 0.2s;
}
.news-card-small:hover {
	background: #f7f7f7;
	transform: translateX(4px);
}
.news-thumb-small {
	flex: 0 0 130px;
	width: 130px;
	height: 82px;
	border-radius: 8px;
	overflow: hidden;
}
.news-thumb-small img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.3s;
}
.news-card-small:hover .news-thumb-small img {
	transform: scale(1.06);
}
.news-content-small {
	flex: 1;
}
.news-title-small {
	font-size: 0.92rem;
	font-weight: 600;
	line-height: 1.35;
	margin-bottom: 3px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* ================= MOBILE: 2 CỘT CÓ KHOẢNG CÁCH, BO GÓC ================= */
.custom-news-mobile {
	padding-top: 5px;
}
.custom-news-mobile .col {
	margin-bottom: 12px;
}
.news-card-mob {
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid #eaeaea;
	box-shadow: 0 2px 8px rgba(0,0,0,0.03);
	height: 100%;
	display: flex;
	flex-direction: column;
}
.news-thumb-mob {
	width: 100%;
	aspect-ratio: 16 / 13;
	overflow: hidden;
}
.news-thumb-mob img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.news-body-mob {
	padding: 8px;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.news-title-mob {
	font-size: 0.82rem;
	font-weight: 600;
	line-height: 1.35;
	margin-bottom: 5px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 2.2em; /* Giúp 2 thẻ ngang nhau luôn bằng chiều cao */
}


@media (max-width: 549px) {
	.project-homepage .row-small>.col, .row-small>.flickity-viewport>.flickity-slider>.col {
		padding: 0 4.8px 19.6px !important;
	}
}











.contact-list {
	display: flex;
	flex-direction: column;
	gap: 16px; /* Khoảng cách giữa các dòng */
	background: #fff;
}

.contact-item {
	display: flex;
	align-items: center; /* Canh giữa icon và chữ theo chiều dọc */
	gap: 12px; /* Khoảng cách giữa icon và chữ */
	font-size: 15px;
	line-height: 1.4;
}

/* Tùy chỉnh icon nhỏ gọn hơn */
.contact-item .icon {
	font-size: 16px; /* Kích thước icon nhỏ lại */
	color: var(--primary-color); /* Màu xanh ngọc */
	width: 20px;
	text-align: center;
	flex-shrink: 0;
}

.contact-item .text {
	word-break: break-word;
}

/* Link điện thoại */
.contact-item a {
	color: inherit;
	text-decoration: none;
}

.contact-item a:hover {
	color: #35b6b4;
	text-decoration: underline;
}







.contact-group {
	display: flex;
	flex-direction: column;
	gap: 16px; /* Khoảng cách giữa 2 nút */
}

/* Từng nút liên hệ */
.contact-card {
	display: flex;
	align-items: center;
	gap: 14px;
	background: #ffffff;
	border: 1.5px solid #f6ab2f; /* Viền vàng cam */
	border-radius: 20px; /* Bo góc tròn */
	padding: 10px 22px 10px 16px;
	text-decoration: none;
	min-width: 250px;

	/* Hiệu ứng bóng đổ ánh xanh nhẹ */
	box-shadow: 0 8px 24px rgba(45, 140, 240, 0.12);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.contact-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 26px rgba(45, 140, 240, 0.2);
}

/* Icon bên trái */
.contact-icon {
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

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

/* Nội dung chữ bên phải */
.contact-info {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.contact-info .title {
	font-size: 15px;
	color: #2c3e50;
	font-weight: 500;
	line-height: 1.2;
	margin-bottom: 3px;
}

.contact-info .phone {
	font-size: 18px;
	color: #f6ab2f; /* Màu số điện thoại vàng cam */
	font-weight: 700;
	letter-spacing: 0.5px;
	line-height: 1.2;
}













.news-header-box {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	border-bottom: 1px solid #e1e7ee; /* Đường kẻ mờ kéo dài hết hàng */
	margin-bottom: 25px;
	width: 100%;
}

/* Thẻ h2 chống dãn */
.news-title {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 24px;
	font-weight: 800;
	color: var(--fs-color-secondary);
	text-transform: uppercase;
	line-height: 1.2;
	width: auto !important;
	flex: 0 1 auto !important; /* Không cho dãn chiếm chỗ */
}

/* Thẻ span bên trong - Chỉ ôm khít đúng độ dài chữ */
.news-title > span {
	display: inline-block;
	position: relative;
	padding-bottom: 8px; /* Khoảng cách từ chữ tới gạch chân */
}

/* Đường gạch đậm màu xanh - Chỉ dài đúng bằng chữ */
.news-title > span::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px; /* Đè khớp lên viền mờ */
	width: 100%;  /* 100% của span chữ, không lo bị tràn */
	height: 3px;
	background-color: var(--fs-color-secondary);
}

/* Nút Xem tất cả bên phải */
.news-view-all {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size: 13px;
	font-weight: 700;
	color: #111111 !important;
	text-decoration: none !important;
	padding-bottom: 8px; /* Khớp đáy với gạch chân */
	white-space: nowrap;
	flex-shrink: 0; /* Không bao giờ bị co rúm trên mobile */
	transition: color 0.2s ease;
}

/* Icon Font Awesome */
.news-view-all i {
	font-size: 12px;
	transition: transform 0.2s ease;
}

.news-view-all:hover {
	color: var(--primary-color) !important;
}

.news-view-all:hover i {
	transform: translateX(3px);
}

.news-header-box p {
	margin-bottom: 0;
}

/* Responsive Mobile */
@media (max-width: 576px) {
	.news-title {
		font-size: 19px;
	}
	.news-title > span,
	.news-view-all {
		padding-bottom: 6px;
	}
	.news-view-all {
		font-size: 12px;
	}

	.custom-categories-wrapper .row-small>.flickity-viewport>.flickity-slider>.col {
		padding: 0 4.8px 19.6px;
	}
}














.aio-card {
	background: #ffffff;
	border-top-left-radius: 60px;
	border-bottom-right-radius: 60px;
	padding: 45px 40px;
	max-width: 600px;
	width: 100%;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 10px 30px;
}

/* Tiêu đề */
.aio-header {
	margin-bottom: 32px;
}

.aio-header h2 {
	font-size: 26px;
	font-weight: 700;
	color: #1e2022;
	line-height: 1.35;
}

.aio-header .highlight-red {
	color:var(--primary-color); /* Màu đỏ thương hiệu */
	display: block;
}

/* Danh sách tính năng */
.feature-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 35px;
}

.feature-item {
	display: flex;
	align-items: flex-start;
	gap: 18px;
}

/* Ô vuông chứa icon đỏ viền hồng */
.feature-icon {
	width: 48px;
	height: 48px;
	border: 1.5px solid var(--primary-color);
	border-radius: 12px;
	background-color: #fffafa;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--primary-color);
	font-size: 20px;
	flex-shrink: 0;
}

.feature-text h3 {
	font-size: 16px;
	font-weight: 700;
	color: #212529;
	margin-bottom: 4px;
}

.feature-text p {
	font-size: 14px;
	color: #6c757d;
	line-height: 1.5;
}

/* Hai nút liên hệ Zalo & WhatsApp */
.action-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}

.btn-chat {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 9px 18px;
	border-radius: 14px;
	text-decoration: none;
	background: #ffffff;
	border: 1.5px solid #f6ab2f; /* Viền vàng cam sang trọng */
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
	transition: all 0.2s ease;
	flex: 1;
	min-width: 190px;
}

.btn-chat:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 18px rgba(246, 171, 47, 0.2);
}

.btn-chat img {
	width: 34px;
	height: 34px;
	object-fit: contain;
	flex-shrink: 0;
}

.btn-chat .btn-text {
	display: flex;
	flex-direction: column;
}

.btn-chat .btn-title {
	font-size: 13px;
	font-weight: 600;
	color: #333;
	line-height: 1.2;
}

.btn-chat .btn-phone {
	font-size: 15px;
	font-weight: 700;
	color: #f6ab2f;
	line-height: 1.2;
}

/* Responsive trên màn hình nhỏ */
@media (max-width: 480px) {
	.aio-card {
		padding: 30px 20px;
		border-top-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}
	.btn-chat {
		width: 100%;
		flex: none;
	}
}











/* ================= FORM ĐẶT XE FLATSOME ================= */
.booking-form-wrapper {
	background: #ffffff;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	padding: 45px 40px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
	border: 1px solid #f0f0f0;
}

/* Tiêu đề Form */
.booking-form-wrapper .form-header {
	text-align: left;
	margin-bottom: 22px;
}

.booking-form-wrapper .form-header h3 {
	color: var(--fs-color-secondary); /* Màu đỏ nổi bật */
	font-size: 26px;
	font-weight: 800;
	margin-bottom: 4px;
	letter-spacing: 0.5px;
}
.booking-form-wrapper .form-header .highlight-red {
	display: block
}
.booking-form-wrapper .form-header p {
	color: #666;
	font-size: 13.5px;
	margin: 0;
}

/* Chia hàng và cột */
.booking-form-wrapper .cf7-row {
	display: flex;
	gap: 12px;
	margin-bottom: 18px;
}

.booking-form-wrapper .wpcf7-spinner {
	display: none
}

.booking-form-wrapper .cf7-col {
	flex: 1;
	width: 100%;
}

/* Định dạng các ô input, select, textarea */
.booking-form-wrapper input[type="text"],
.booking-form-wrapper input[type="tel"],
.booking-form-wrapper input[type="date"],
.booking-form-wrapper select,
.booking-form-wrapper textarea {
	width: 100% !important;
	height: 44px !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 10px !important;
	padding: 8px 14px !important;
	font-size: 14px !important;
	background-color: #fafafa !important;
	color: #333 !important;
	box-shadow: none !important;
	margin-bottom: 0 !important;
	transition: all 0.2s ease;
}

.booking-form-wrapper textarea {
	height: 75px !important;
	resize: vertical;
}

/* Hiệu ứng khi bấm vào ô */
.booking-form-wrapper input:focus,
.booking-form-wrapper select:focus,
.booking-form-wrapper textarea:focus {
	background-color: #fff !important;
	border-color: #f6ab2f !important; /* Viền vàng cam khi focus */
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(246, 171, 47, 0.15) !important;
}

/* Nút Submit */
.booking-form-wrapper .cf7-submit-box {
	margin-top: 15px;
	text-align: center;
}

.booking-form-wrapper input[type="submit"] {
	width: 100% !important;
	height: 46px !important;
	background: var(--primary-color);
	color: #ffffff !important;
	border: none !important;
	border-radius: 25px !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	letter-spacing: 0.5px !important;
	cursor: pointer !important;
	transition: all 0.25s ease !important;
	margin: 0 !important;
}

.booking-form-wrapper input[type="submit"]:hover {
	transform: translateY(-2px);
}

/* Ẩn thông báo lỗi/thành công thừa thãi */
.booking-form-wrapper .wpcf7-response-output {
	border-radius: 8px !important;
	font-size: 13.5px !important;
	margin: 12px 0 0 0 !important;
	padding: 10px !important;
	text-align: center;
}

/* Tự về 1 cột trên điện thoại */
@media (max-width: 600px) {
	.booking-form-wrapper {
		padding: 25px 18px;
		border-top-right-radius: 0px;
		border-bottom-left-radius: 0px;
	}
	.booking-form-wrapper .cf7-row {
		flex-direction: column;
		gap: 10px;
		margin-bottom: 10px;
	}
}



.form-booking .col .col-inner,
.form-booking .col .col-inner .wpcf7,
.form-booking .col .col-inner form,
.form-booking .col .col-inner form .booking-form-wrapper,
.form-booking .col .col-inner .aio-card {
	height: 100%;
}










.blv-office-box {
	background-color: #ffffff;
	width: 100%;
	border-radius: 20px;
	padding: 30px 25px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
	border: 1px solid #eceff1;
}

/* Tiêu đề chính */
.blv-office-title-row {
	display: flex;
	align-items: center;
	padding-bottom: 15px;
	border-bottom: 1px solid #f0f0f0;
	margin-bottom: 25px;
}

.blv-office-title-row i.blv-office-red-dot {
	color: var(--primary-color);
	font-size: 10px;
	margin-right: 10px;
}

.blv-office-title-row h2 {
	font-size: 22px;
	font-weight: 700;
	color: var(--primary-color);
	line-height: 1.2;
	margin: 0;
}

/* Khung chứa các dòng thông tin */
.blv-office-body {
	display: flex;
	flex-direction: column;
	gap: 22px;
}

/* Từng dòng thông tin */
.blv-office-item-row {
	display: flex;
	align-items: flex-start;
}

/* Định dạng icon */
.blv-office-icon-wrap {
	color: var(--primary-color);
	font-size: 18px;
	width: 24px;
	margin-right: 15px;
	text-align: center;
	margin-top: 2px; /* Căn chỉnh icon thẳng hàng với dòng chữ đầu tiên */
}

/* Phần nội dung chữ */
.blv-office-text-wrap {
	flex: 1;
	font-size: 14.5px;
	line-height: 1.5;
}

.blv-office-text-wrap strong {
	display: block;
	color: #111111;
	font-weight: 700;
	margin-bottom: 4px;
}

.blv-office-text-wrap p {
	color: #4a4a4a;
	margin: 0;
}

/* Định dạng riêng cho Email link */
.blv-office-text-wrap a {
	color: var(--primary-color);
	text-decoration: none;
	font-weight: 500;
}

.blv-office-text-wrap a:hover {
	text-decoration: underline;
	color: var(--fs-color-secondary)
}



/* Khung chứa chính (màu nền hồng nhạt, viền bo tròn) */
.blv-hotline-container {
	background-color: #1f498005;
	border: 1px solid var(--primary-color);
	border-radius: 20px;
	padding: 25px 30px;
	width: 100%;
}

/* Tiêu đề hỗ trợ */
.blv-hotline-header {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	color: var(--primary-color); /* Màu đỏ đậm */
}

/* Định dạng biểu tượng điện thoại */
.blv-hotline-header i {
	font-size: 20px;
	margin-right: 12px;
	transform: rotate(-15deg); /* Xoay nhẹ icon điện thoại giống hình mẫu */
}

.blv-hotline-title {
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.5px;
	margin: 0;
	text-transform: uppercase;
}

/* Khu vực chứa nút bấm */
.blv-hotline-body {
	display: flex;
	flex-direction: column;
}

/* Thiết kế ô Hotline/Zalo dạng nút bấm */
.blv-hotline-pill {
	background-color: #ffffff;
	border: 1px solid #1f498094;
	border-radius: 12px;
	padding: 14px 20px;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
}

/* Hiệu ứng khi rê chuột vào */
.blv-hotline-pill:hover {
	border-color: var(--primaryc-color);
	box-shadow: 0 4px 12px rgba(211, 47, 47, 0.08);
}

.blv-hotline-label {
	font-size: 15px;
	color: #111111;
	font-weight: 700;
}

.blv-hotline-number {
	font-size: 16px;
	color: var(--primary-color);
	font-weight: 700;
	letter-spacing: 0.5px;
}

.blv-hotline-body br {
	display: none
}









.blv-form-wrapper {
	background-color: #ffffff;
	border: 1px solid #eef2f5;
	border-radius: 20px;
	padding: 35px 30px;
	max-width: 750px;
	width: 100%;
	margin: 0 auto;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	box-sizing: border-box;
}

/* Tiêu đề */
.blv-form-title {
	font-size: 22px;
	font-weight: 700;
	color: var(--primary-color);
	margin-bottom: 8px;
	line-height: 1.3;
}

/* Mô tả phụ bên dưới tiêu đề */
.blv-form-subtitle {
	font-size: 14.5px;
	color: #666666;
	margin-bottom: 30px;
	line-height: 1.5;
}

/* Thiết lập cấu trúc dòng cột cho Form */
.blv-form-row {
	display: flex;
	gap: 20px;
}

.blv-form-col {
	flex: 1;
	min-width: calc(50% - 10px);
}

/* Định dạng nhãn text của từng ô */
.blv-form-label {
	display: block;
	font-size: 14px;
	font-weight: 700;
	color: #222222;
	margin-bottom: 8px;
}

/* Đảm bảo khung bọc của Contact Form 7 nhận 100% chiều rộng */
.blv-form-wrapper .wpcf7-form-control-wrap {
	display: block;
	width: 100%;
}

/* Định dạng các ô nhập liệu (Input & Textarea) */
.blv-form-wrapper input[type="text"],
.blv-form-wrapper input[type="tel"],
.blv-form-wrapper input[type="email"],
.blv-form-wrapper textarea {
	width: 100%;
	background-color: #f7f9fa;
	border: 1px solid #dcdfe4;
	border-radius: 5px;
	padding: 25px 16px;
	font-size: 14px;
	color: #333333;
	outline: none;
	transition: all 0.3s ease;
	box-sizing: border-box;
	box-shadow: unset;
}

/* Thiết lập chiều cao riêng cho khung ghi chú */
.blv-form-wrapper textarea {
	height: 120px;
	resize: vertical;
}

/* Hiệu ứng focus khi nhấp vào ô nhập */
.blv-form-wrapper input[type="text"]:focus,
.blv-form-wrapper input[type="tel"]:focus,
.blv-form-wrapper input[type="email"]:focus,
.blv-form-wrapper textarea:focus {
	border-color: var(--primary-color);
	background-color: #ffffff;
	box-shadow: 0 0 0 3px #1f49800d;
}

/* Thiết lập placeholder (chữ mờ gợi ý) */
.blv-form-wrapper ::placeholder {
	color: #9ea8b6;
	opacity: 1;
}

/* Nút bấm gửi liên hệ */
.blv-form-submit {
	background-color: var(--primary-color); /* Màu đỏ nổi bật */
	color: #ffffff;
	width: 100%;
	padding: 15px;
	border-radius: 5px;
	font-size: 15px;
	font-weight: 700;
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	transition: background-color 0.2s ease, transform 0.1s ease;
	box-sizing: border-box;
	margin-top: 10px;
}

/* Hiệu ứng khi rê chuột vào nút gửi */
.blv-form-submit:hover {
	background-color: var(--primary-color);
}

.blv-form-submit:active {
	transform: scale(0.99);
}

.blv-form-submit i {
	font-size: 14px;
}
#post-list .col.post-item {
	padding: 0 9.8px 19.5px;	
}
/* Tự động tối ưu chuyển đổi sang 1 cột trên điện thoại di động */
@media (max-width: 600px) {
	.blv-form-row {
		flex-direction: column;
		gap: 0px;
	}
	.blv-form-col {
		min-width: 100%;
	}
	.blv-form-wrapper {
		padding: 20px;
		border-radius: 10px;
	}
	h2 {
		font-size: 25px !important
	}
	.about-custom-section {
		padding: 30px 0 !important;
	}

}




















/* Mobile: Card tự đổi sang dạng dọc để hiển thị đẹp trong lưới 2 cột */
/* ================= GIAO DIỆN THẺ BÀI VIẾT TRÊN MOBILE ================= */
@media (max-width: 549px) {
	/* Khung card: Nền trắng, viền xám nhẹ, bo góc, bóng mờ */
	.news-card-mob,
	.news-extra-item {
		display: flex;
		flex-direction: column;
		background: #ffffff;
		border: 1px solid #e8e8e8; /* Viền bao quanh thẻ */
		border-radius: 8px;        /* Bo tròn góc ngoài */
		overflow: hidden;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
		margin-bottom: 12px;
		height: 100%;
	}

	/* Khung ảnh cao ôm trọn phía trên */
	.news-thumb-mob,
	.news-extra-thumb {
		width: 100% !important;
		min-width: 100% !important;
		height: 150px !important;    /* Chiều cao ảnh, bạn có thể chỉnh 140px-160px tùy ý */
		aspect-ratio: 4 / 3;         /* Giữ tỷ lệ ảnh đứng cao như mẫu */
		overflow: hidden;
		border-radius: 0 !important;
		margin: 0 !important;
	}

	.news-thumb-mob img,
	.news-extra-thumb img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		display: block;
	}

	/* Phần chứa chữ: Có đệm (padding) cách lề */
	.news-body-mob,
	.news-extra-body {
		padding: 10px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		flex-grow: 1;
	}

	/* Tiêu đề chữ đậm, màu tối, tối đa 2 dòng */
	.news-title-mob,
	.news-extra-title {
		font-size: 13.5px !important;
		font-weight: 700 !important;
		line-height: 1.35 !important;
		margin: 0 0 8px 0 !important;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.news-title-mob a,
	.news-extra-title a {
		color: #222 !important;
	}

	/* Dòng ngày tháng kèm icon lịch xám */
	.news-body-mob .news-meta,
	.news-extra-body .news-meta {
		font-size: 11.5px !important;
		color: #888 !important;
		margin: 0 !important;
		display: flex;
		align-items: center;
	}
	.custom-news-box .row-small>.col {
		padding: 0 4.8px 19.6px;
	}
	.off-canvas-left.mfp-ready .mfp-content {
		background: var(--primary-color);
	}
	.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
		color: #fff;
	}
	.icon-angle-down:before {
		color: #fff;
	}
}

/* ================= THẺ BÀI VIẾT DESKTOP CÓ ĐỔ BÓNG (BOX-SHADOW) ================= */
@media (min-width: 550px) {
	.news-extra-item {
		display: flex !important;
		align-items: stretch !important; /* Bắt buộc 2 cột cao bằng nhau */
		background: #ffffff;
		border: 1px solid #f0f0f0;
		border-radius: 10px;
		overflow: hidden;
		margin-bottom: 24px;
		box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);
		transition: transform 0.3s ease, box-shadow 0.3s ease;
		height: 100%;
		height: 145px !important; 
	}

	.news-extra-item:hover {
		transform: translateY(-4px);
		box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
		border-color: #e2e2e2;
	}

	/* 1. KHUNG BÊN TRÁI: Chiếm trọn chiều cao 100% của thẻ cha */
	.news-extra-thumb {
		width: 210px !important;
		min-width: 210px !important;
		max-width: 210px !important;
		height: auto !important;         /* Tự động kéo chạm đáy theo thẻ cha */
		align-self: stretch !important;
		flex-shrink: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		border-radius: 0 !important;
		overflow: hidden;
		background-color: #f4f4f4;
		display: flex !important;        /* Biến thumb thành flex để ép thẻ <a> giãn */
	}

	/* 2. THẺ LINK: Kéo giãn hết cỡ */
	.news-extra-thumb a {
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		flex: 1 1 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	/* 3. THẺ HÌNH ẢNH: Phủ kín 100% diện tích và tự căn giữa cắt cúp */
	.news-extra-thumb img {
		width: 100% !important;
		height: 100% !important;
		min-height: 100% !important;
		max-height: none !important;
		object-fit: cover !important;     /* Cắt ảnh không méo hình */
		object-position: center !important;
		display: block !important;
		margin: 0 !important;
		padding: 0 !important;
		border-radius: 0 !important;     /* Xóa bỏ bo góc riêng của ảnh nếu có */
		transition: transform 0.4s ease;
	}

	.news-extra-item:hover .news-extra-thumb img {
		transform: scale(1.06);
	}

	/* Khung nội dung chữ bên phải */
	.news-extra-body {
		flex: 1;
		min-width: 0;
		padding: 16px 18px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.news-extra-title {
		font-size: 16.5px !important;
		font-weight: 700 !important;
		line-height: 1.4 !important;
		margin: 0 0 6px 0 !important;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.news-extra-title a {
		color: #222;
		transition: color 0.2s ease;
	}

	.news-extra-title a:hover {
		color: #d26e4b;
	}

	.news-extra-body .news-meta {
		font-size: 12.5px;
		color: #888;
		margin-bottom: 8px;
	}

	.news-extra-desc {
		font-size: 13.5px;
		color: #555;
		line-height: 1.5;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		margin: 0;
	}
}









#respond {
	display: none
}

.article-inner .entry-title {
	font-size: 40px;
	color: var(--primary-color);
	margin-bottom: 0;
}

.article-inner .entry-divider {
	display: none
}

.article-inner .entry-header-text {
	padding-bottom: 0
}
.article-inner h2,
.article-inner h3,
.article-inner h4,
.article-inner h5,
.article-inner h6{
	color: var(--primary-color)
}

.article-inner p {
	text-align: justify
}


@media (max-width: 767px) {
	.article-inner .entry-title {
		font-size: 25px;
	}
}

.bv-box {
	background: #fff;
	border-radius: 10px;
	border: 1px solid var(--primary-color);
	overflow: hidden;
}

/* Header */
.bv-header {
	padding: 12px 16px;
	font-weight: 700;
	border-bottom: 1px solid var(--primary-color);
	font-size: 15px;
	color: var(--color-black);
}

/* Row */
.bv-row {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 16px;
	text-decoration: none;
	border-bottom: 1px solid #f1f1f1;
	transition: background 0.25s;
}

.bv-row:last-child {
	border-bottom: none;
}

/* Image */
.bv-img {
	position: relative;
	width: 60px;
	height: 60px;
	flex-shrink: 0;
}

.bv-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 6px;
}

/* Number on image */
.bv-number {
	position: absolute;
	top: -6px;
	left: -6px;
	width: 22px;
	height: 22px;
	background: var(--primary-color);
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
	box-shadow: 0 2px 6px rgba(0,0,0,0.25);
}

/* Content */
.bv-info {
	flex: 1;
}

.bv-title-post {
	font-size: 14px;
	font-weight: 600;
	color: #000;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.bv-row:hover .bv-title-post {
	color: var(--primary-color);
}

.bv-date {
	font-size: 12px;
	color: #888;
	margin-top: 4px;
}
.icon-feed:before {
	display: none
}















.sam-intro-block-v2 {
	width: 100%;
	text-align: left;
	margin: 0 auto;
	padding: 30px;
	background: #fff;
	border-top: 4px solid var(--primary-color);
	border-radius: 20px;
	box-shadow: 0 15px 45px rgba(0, 0, 0, 0.07);
}

/* 2. Tiêu đề chính */
.sam-intro-block-v2 .sam-title {
	font-size: 36px;
	line-height: 1.3;
	font-weight: 700;
	color: #111111;
	margin-top: 0;
	margin-bottom: 15px;
}
.sam-intro-block-v2 .sam-title .text-blue {
	color: var(--primary-color);
}
.sam-intro-block-v2 .sam-title .text-orange {
	color: var(--fs-color-secondary);
}

/* 3. Thanh gạch ngang dưới tiêu đề */
.sam-divider,
.market-homepage.about-us-homepage .sam-divider{
	width: 80px;
	height: 5px;
	background-color: var(--primary-color);
	border-radius: 10px;
	margin: 0 0 15px 0;
}

/* 4. Đoạn văn mô tả */
.sam-intro-block-v2 .sam-description {
	font-size: 16px;
	line-height: 1.6;
	color: #4A5568;
	margin-bottom: 35px;
	text-align: justify;
}

/* 5. Nhóm các nút bấm */
.sam-intro-block-v2 .sam-button-group {
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
}

/* 6. Định dạng cơ bản cho nút bấm */
.sam-intro-block-v2 .btn-sam {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 28px;
	font-size: 16px;
	font-weight: 600;
	border-radius: 30px;
	text-decoration: none !important;
	transition: all 0.3s ease;
	white-space: nowrap;
}

/* 7. Nút màu xanh dương (Tìm hiểu thêm) */
.sam-intro-block-v2 .btn-sam.btn-blue {
	background-color: var(--primary-color);
	color: #ffffff !important;
	border: 2px solid var(--primary-color);
	box-shadow: 0 4px 15px #f7b2004a;
}
.sam-intro-block-v2 .btn-sam.btn-blue:hover {
	background-color: var(--fs-color-secondary);
	border-color: var(--fs-color-secondary);
	transform: translateY(-2px);
}

/* 8. Nút viền cam (Đăng ký học thử) */
.sam-intro-block-v2 .btn-sam.btn-orange-outline {
	background-color: transparent;
	color:var(--primary-color) !important;
	border: 2px solid var(--fs-color-secondary);
}
.sam-intro-block-v2 .btn-sam.btn-orange-outline:hover {
	background-color: var(--fs-color-secondary);
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* 9. Hiệu ứng cho mũi tên khi di chuột qua nút */
.sam-intro-block-v2 .btn-sam .arrow {
	margin-left: 8px;
	font-size: 18px;
	line-height: 1;
	transition: transform 0.2s ease;
}
.sam-intro-block-v2 .btn-sam:hover .arrow {
	transform: translateX(4px);
}
.sam-button-group br {
	display: none
}
.intro-pages .img-inner {
	border-radius: 20px;
	box-shadow: 0 15px 45px rgba(0, 0, 0, 0.07);
}
/* 10. Tối ưu hóa giao diện di động */
@media (max-width: 550px) {
	.sam-intro-block-v2 .sam-title {
		font-size: 28px;
	}
	.sam-intro-block-v2 .sam-button-group {
		flex-direction: column;
		gap: 12px;
	}
	.sam-intro-block-v2 .btn-sam {
		width: 100%;
	}
}


.about-us .img-inner  {
	border-radius: 20px;
}




.core-values .custom-feature-box {
	background-color: #ffffff; /* Màu nền trắng */
	border: 1px solid #e9ecef; /* Màu viền xám nhạt */
	border-radius: 25px; /* Bo góc tròn */
	padding: 40px 30px; /* Khoảng cách bên trong */
	text-align: center;
	transition: all 0.3s ease;
	margin: 0 auto;
}

/* Hiệu ứng đổ bóng nhẹ khi di chuột vào (tùy chọn) */
.core-values .custom-feature-box:hover {
	box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.core-values .box-number {
	display: inline-block;
	width: 60px;
	height: 60px;
	line-height: 60px;
	background-color: #fff4e5; /* Màu nền cam nhạt của số */
	color: var(--primary-color); /* Màu chữ cam */
	font-weight: bold;
	font-size: 24px;
	border-radius: 12px;
	margin-bottom: 25px;
}

.core-values .box-title {
	color: var(--fs-color-secondary); /* Màu xanh đậm của tiêu đề */
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.core-values .box-desc {
	margin-bottom: 0;
}









/* ====================================================
BANNER ĐĂNG KÝ NHẬN TIN - MÀU VÀNG CHỦ ĐẠO #F7B200
==================================================== */

/* 1. Khung nền tổng thể */
.custom-newsletter-wrapper {
	background-color: #f7b200;
	padding: 20px 40px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 25px;
}

/* 2. Phần nội dung chữ bên trái */
.newsletter-col-text .newsletter-title {
	color: #1a1a1a;
	font-size: 24px;
	font-weight: 700;
	margin: 0 0 6px 0;
	text-transform: capitalize;
}

.newsletter-col-text .newsletter-desc {
	color: #333333;
	font-size: 15px;
	margin: 0;
}

/* 3. Phần khung form bên phải */
.newsletter-col-form {
	flex: 1;
	max-width: 500px;
}

/* Ép thẻ <p> tự sinh của CF7 hiển thị dàn hàng ngang */
.newsletter-input-group p {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	margin: 0 !important;
	width: 100%;
}

/* Triệt tiêu thẻ <br> do CF7 tự chèn làm rớt dòng */
.newsletter-input-group p br {
	display: none !important;
}

/* 4. Ô nhập Email */
.newsletter-input-group .wpcf7-form-control-wrap {
	flex: 1;
	margin: 0 !important;
}

.newsletter-input-group input[type="email"] {
	width: 100%;
	margin-bottom: 0 !important;
	background: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 6px;
	padding: 0 16px;
	font-size: 14px;
	color: #333;
	outline: none;
	box-shadow: none;
	height: 44px;
}

/* 5. Nút bấm Đăng ký */
.newsletter-input-group input[type="submit"] {
	background: #ffffff !important;
	color: #f7b200 !important;
	border: none;
	font-weight: 700;
	padding: 0 24px;
	border-radius: 6px;
	height: 44px;
	line-height: 44px;
	margin: 0 !important;
	white-space: nowrap;
	cursor: pointer;
	transition: all 0.3s ease;
}

.newsletter-input-group input[type="submit"]:hover {
	background: #1a1a1a !important;
	color: #ffffff !important;
}

/* 6. Vòng quay loading spinner của CF7 */
.newsletter-input-group .wpcf7-spinner {
	display: none;
}

/* 7. Thông báo kết quả gửi form của CF7 */
.custom-newsletter-wrapper .wpcf7-response-output {
	margin: 10px 0 0 0 !important;
	padding: 6px 12px !important;
	border-radius: 4px;
	font-size: 13px;
	border: none !important;
	background: #ffffff;
	color: #333;
}

/* 8. Ẩn biểu tượng reCAPTCHA */
.grecaptcha-badge { 
	display: none !important; 
}

/* ====================================================
RESPONSIVE CHO MOBILE (DƯỚI 768px)
==================================================== */
@media (max-width: 768px) {
	.custom-newsletter-wrapper {
		flex-direction: column;
		text-align: center;
		padding: 25px 18px;
		gap: 18px;
	}

	.newsletter-col-form {
		width: 100%;
		max-width: 100%;
	}

	/* Chuyển thành hàng dọc trên điện thoại */
	.newsletter-input-group p {
		flex-direction: column !important;
		gap: 10px !important;
	}

	.newsletter-input-group .wpcf7-form-control-wrap,
	.newsletter-input-group input[type="email"],
	.newsletter-input-group input[type="submit"] {
		width: 100% !important;
	}
}










/* Khung Widget Form bên Sidebar */
.sidebar-contact-card {
	border: 1.5px solid #f7b200;
	border-radius: 8px;
	padding: 18px 15px;
	background: #ffffff;
	margin-top: 20px;
	box-shadow: 0 3px 10px rgba(0,0,0,0.03);
}

.sidebar-contact-title {
	color: #1a1a1a;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 0 6px 0;
	text-align: center;
}

.sidebar-contact-desc {
	font-size: 12.5px;
	color: #666666;
	text-align: center;
	margin: 0 0 14px 0;
	line-height: 1.4;
}

/* Tùy chỉnh các ô nhập liệu */
.sidebar-contact-fields .wpcf7-form-control-wrap {
	display: block;
	margin-bottom: 10px !important;
}

.sidebar-contact-fields input[type="text"],
.sidebar-contact-fields input[type="tel"] {
	width: 100%;
	height: 40px;
	border: 1px solid #e2e2e2;
	border-radius: 5px;
	padding: 0 12px;
	font-size: 13px;
	background: #fafafa;
	color: #333;
	margin-bottom: 0 !important;
	box-shadow: none;
	outline: none;
}

.sidebar-contact-fields input[type="text"]:focus,
.sidebar-contact-fields input[type="tel"]:focus {
	border-color: #f7b200;
	background: #ffffff;
}

/* Nút Gửi màu vàng chủ đạo */
.sidebar-contact-fields input[type="submit"] {
	width: 100%;
	height: 42px;
	background: #f7b200 !important;
	color: #111111 !important;
	font-weight: 700;
	font-size: 13px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	margin-top: 5px;
	letter-spacing: 0.5px;
	transition: all 0.3s ease;
}

.sidebar-contact-fields input[type="submit"]:hover {
	background: #e0a100 !important;
}

/* Dòng hotline gọi nhanh bên dưới */
.sidebar-quick-call {
	text-align: center;
	margin-top: 12px;
	font-size: 13px;
	color: #555;
}

.sidebar-quick-call a {
	color: #e0a100;
	font-weight: 700;
}

/* Xóa bỏ khoảng cách p và spinner dư thừa */
.sidebar-contact-fields p {
	margin: 0 !important;
}
.sidebar-contact-fields .wpcf7-spinner {
	display: none;
}

.sidebar-contact-desc {
	font-size: 13px;
	color: #666666;
	text-align: center;
	margin: 0 0 22px 0 !important; /* Tăng khoảng cách cách xa form */
	line-height: 1.5;
}


.about-us .img-inner {
	width: 100%;
	animation: floatUpDown 3s ease-in-out infinite alternate;
	will-change: transform;
}

/* Hiệu ứng di chuyển mượt mà lên xuống */
@keyframes floatUpDown {
	0% {
		transform: translateY(0px);
	}
	100% {
		transform: translateY(18px); /* Khoảng cách di chuyển lên */
	}
}


.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
	font-size: 1.1rem;
}


.xe-du-lich .post-item .col-inner,
.xe-du-lich .post-item .col-inner .box {
	border-radius: 14px;
}
.xe-du-lich .post-item .col-inner .box-image {
	border-radius: 14px 14px 0 0;
}

.xe-du-lich .post-title  a ,
.xe-du-lich .box-text-inner .from_the_blog_excerpt {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-word; 
}
.xe-du-lich .post-title  a {
	font-size: 1rem;
}
.xe-du-lich .is-divider {
	display: none
}


.xe-du-lich .post-meta {
	color: var(--primary-color)
}
img.size-full.alignnone {
	margin-bottom: 0 !important
}


@media(max-width: 549px){
	.xe-du-lich .row-small>.col{
		padding: 0 4.8px 19.6px;
	}
	.article-inner.has-shadow .entry-content {
		padding-left: 1em !important;
		padding-right: 1em !important;
	}

	.article-inner h3 {
		font-size: 18px !important
	}
	.article-inner ul ul {
		margin: 0
	}
}



a[href^="tel"] {
    color: inherit !important;
    text-decoration: none !important;
}




/* Nút Hotline nền đỏ đặc chữ trắng */
.hotline-cta-box {
    display: inline-block;
    padding: 10px 22px;
    background-color: #d3282b !important;  /* Màu nền đỏ chuẩn theo ảnh */
    color: #ffffff !important;           /* Chữ trắng */
    border-radius: 8px;                  /* Bo tròn góc chữ nhật theo ảnh */
    text-decoration: none !important;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.4;
    cursor: pointer;
    border: none;
    
    /* Hiệu ứng rung lắc & tỏa sáng */
    animation: hotlineShakeGlow 2.5s infinite ease-in-out;
    transition: all 0.3s ease;
}

/* Khi di chuột vào nút sẽ sáng hơn một chút */
.hotline-cta-box:hover {
    background-color: #b81f22 !important;
    color: #ffffff !important;
    transform: scale(1.03);
}
.hotline-cta-box strong {
	color: #fff !important
}
/* Keyframes tỏa vầng sáng đỏ ra ngoài + lắc nhẹ */
@keyframes hotlineShakeGlow {
    0% {
        transform: scale(1) rotate(0deg);
        box-shadow: 0 0 0 0 rgba(211, 40, 43, 0.7);
    }
    10% {
        transform: scale(1.04) rotate(-3deg);
        box-shadow: 0 0 12px 4px rgba(211, 40, 43, 0.6);
    }
    15% {
        transform: scale(1.04) rotate(3deg);
    }
    20% {
        transform: scale(1.04) rotate(-3deg);
    }
    25% {
        transform: scale(1.04) rotate(2deg);
    }
    30% {
        transform: scale(1) rotate(0deg);
        box-shadow: 0 0 20px 10px rgba(211, 40, 43, 0);
    }
    100% {
        transform: scale(1) rotate(0deg);
        box-shadow: 0 0 0 0 rgba(211, 40, 43, 0);
    }
}