.home_intro {
	padding: 65px 0 !important;
	background: #fff;
	overflow: hidden;
}

.home_intro .intr_img,
.home_intro .content {
	padding-left: 22px;
	padding-right: 22px;
}

.home_intro .intr_img {
	padding-top: 58px;
}

.home_intro .intr_img .col-inner {
	position: relative;
	padding-bottom: 10px;
}

.home_intro .intr_img .img:first-of-type {
	position: relative;
	z-index: 1;
	width: 92% !important;
	margin: 0;
}

.home_intro .intr_img .img:first-of-type .img-inner {
	width: 100%;
	height: 285px;
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.home_intro .intr_img .img + .img .img-inner {
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16);
}


.home_intro .intr_img .img:first-of-type img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.home_intro .intr_img .img + .img {
	position: absolute;
	z-index: 5;
	top: 168px;
	right: 0;
	width: 46% !important;
	margin: 0;
}

.home_intro .intr_img .img + .img .img-inner {
	width: 100%;
	height: 145px;
	border: 4px solid #fff;
	border-radius: 11px;
	overflow: hidden;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16);
}

.home_intro .intr_img .img + .img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


/* =========================
2 Ô THÔNG TIN DƯỚI ẢNH
========================= */

.home_intro .intr_img .info-wrap {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px;
	width: 92%;
	margin-top: 38px;
}

.home_intro .intr_img .info-card {
	min-height: 82px;
	padding: 13px 14px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 8px;
}

.home_intro .intr_img .info-card h3 {
	margin: 0 0 5px;
	padding: 0;
	color: var(--color-black);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.35;
}

.home_intro .intr_img .info-card p {
	margin: 0;
	padding: 0;
	color: var(--color-black);
	font-size: 15px;
	line-height: 1.45;
}


/* =========================
CỘT NỘI DUNG
========================= */

.home_intro .content .col-inner {
	padding-left: 5px;
}

.home_intro .content .col-inner > p:first-child {
	margin: 0 0 7px;
	color: var(--color-main);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.35;
	text-transform: uppercase;
}

.home_intro .content h1 {
	margin: 0 0 16px;
	color: var(--color-black);
	font-size: 28px;
	font-weight: bold;
	line-height: 1.08;

}

.home_intro .content h1 + p {
	margin: 0 0 24px;
	color: var(--color-black);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.5;
}

.home_intro .content h1 + p em {
	font-style: italic;
}

.home_intro .content h1 + p strong {
	color: var(--color-main);
	font-weight: 700;
}

.home_intro .content .col-inner > p {
	color: var(--color-black);
	font-size: 15px;
	line-height: 1.8;
}

.home_intro .content .col-inner > p strong {
	font-weight: 700;
}


/* =========================
THÔNG TIN LIÊN HỆ
========================= */


/* =========================
BUTTON
========================= */

.home_intro .content .hotline,
.home_intro .content .zl {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	margin-top: 12px;
	padding: 0 18px;
	border: 0;
	border-radius: 8px !important;
	font-size: 14.5px;
	font-weight: 700;
	line-height: 42px;
	text-transform: none;
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.12);
	transition: all 0.25s ease;
}

.home_intro .content .hotline {
	margin-right: 5px;
	background: var(--color-main) !important;
	color: #fff !important;
}

.home_intro .content .zl {
	background: var(--color-black) !important;
	color: #fff !important;
}

.home_intro .content .hotline span,
.home_intro .content .zl span {
	color: inherit;
	font-size: 15px;
	font-weight: 700;
}

.home_intro .content .hotline:hover {
	background: #b91c1c !important;
	transform: translateY(-2px);
}

.home_intro .content .zl:hover {
	background: var(--color-main) !important;
	transform: translateY(-2px);
}


/* ==================================================
SECTION CAM KẾT CHẤT LƯỢNG (.home_camket)
================================================== */
.home_camket {
	background-color: #0b0c10;
	/* 	padding: 60px 0; */
}

.home_camket .header-section p:empty {
	display: none;
}

.home_camket .title .header-section {
	text-align: center;
	margin-bottom: 20px;
}

.home_camket .title .badge-label {
	display: inline-block;
	padding: 6px 18px;
	border: 1px solid rgba(220, 38, 38, 0.45);
	border-radius: 9999px;
	color: var(--color-main);
	background-color: rgba(220, 38, 38, 0.08);
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	margin-bottom: 16px;
}

.home_camket .title .main-title {
	color: var(--color-white);
	font-size: 34px;
	font-weight: 800;
	line-height: 1.3;
	margin: 0 0 12px 0;
}

.home_camket .title .sub-title {
	color: #9ca3af;
	font-size: 15px;
	line-height: 1.6;
	margin: 0;
}

/* --- PHẦN NỘI DUNG 4 KHỐI (.content) --- */
.home_camket .col.content {
	max-width: 100% !important;
	flex: 0 0 100% !important;
	width: 100% !important;
}

.home_camket .content .col-inner {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.home_camket .content .icon-box {
	background-color: #141519;
	border: 1px solid #23252d;
	border-top: 3px solid #2f2e2e;
	border-radius: 16px;
	padding: 20px 15px 20px;
	text-align: center;
	display: flex;
	flex-direction: column;
	cursor: pointer;
}

.home_camket .content .icon-box:hover {
	border-color: var(--color-main);
	box-shadow: 0 0 25px rgba(220, 38, 38, 0.25);
	transform: translateY(-4px);
}

.home_camket .content .icon-box-img {
	margin: 0 auto 15px !important;
	width: auto !important;
}

.home_camket .content .icon-box .icon-inner {
	width: 60px;
	height: 60px;
	background-color: var(--color-black);
	border: 1px solid #23252d;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
}

.home_camket .content .icon-box .icon-inner img {
	width: 26px;
	height: 26px;
	object-fit: contain;
	transition: transform 0.3s ease; /* Hiệu ứng phóng to mượt */
}

/* Icon phóng to khi hover (không đổi màu nền) */
.home_camket .content .icon-box:hover .icon-inner img {
	transform: scale(1.25);
}

/* --- CHỮ TRONG BOX (h1, h3, p) --- */
.home_camket .content .icon-box-text {
	text-align: center !important;
	width: 100%;
}

.home_camket .content .icon-box-text h1 {
	color: var(--color-white);
	font-size: 30px;
	font-weight: 800;
	line-height: 1.1;
	margin: 0 0 8px 0;
	transition: color 0.3s ease;
}

.home_camket .content .icon-box:hover .icon-box-text h1 {
	color: var(--color-main);
}

.home_camket .content .icon-box-text h3 {
	color: var(--color-main);
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 0 0 12px 0;
}

.home_camket .content .icon-box-text p {
	color: #9ca3af;
	font-size: 13.5px;
	line-height: 1.5;
	margin: 0;
}

/* ==================================================
SECTION CÁC DỊCH VỤ (.home_dichvu) - BẢN TINH CHỈNH MƯỢT
================================================== */
.home_dichvu {
	background-color: var(--color-white, #ffffff);
	padding: 60px 0;
}

/* Ẩn các thẻ p rỗng do WordPress tự sinh */
.home_dichvu p:empty {
	display: none;
}

/* --- PHẦN HÌNH ẢNH --- */
.home_dichvu .img-inner {
	border-radius: 12px; /* Bo tròn góc hình mượt như ảnh */
	overflow: hidden;
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05); /* Đổ bóng cực nhẹ */
}

/* --- CĂN GIỮA NỘI DUNG VÀ HÌNH ẢNH TRONG ROW --- */
.home_dichvu .dv1,
.home_dichvu .dv2 {
	align-items: center; 
	margin-bottom: 25px; /* Tăng khoảng cách giữa các cụm dịch vụ */
}
.home_dichvu .row:last-child {
	margin-bottom: 0;
}

/* Tạo khoảng trống (padding) giữa Cột Chữ và Cột Hình trên giao diện máy tính để đỡ bị dính sát vào nhau */
@media (min-width: 850px) {
	.home_dichvu .dv1 .content { padding-left: 30px; }
	.home_dichvu .dv2 .content { padding-right: 30px; }
}

/* --- PHẦN TIÊU ĐỀ CHÍNH TRÊN CÙNG (.title) --- */
.home_dichvu .title .col-inner {
	text-align: center;
	margin-bottom: 10px;
}
.home_dichvu .title h4 {
	color: var(--color-main, #dc2626);
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 12px;
}
.home_dichvu .title h2 {
	color: #111;
	font-size: 34px;
	font-weight: 700;
	margin-bottom: 16px;
	line-height: 1.3;
}
.home_dichvu .title p {
	color: #555;
	font-size: 15px;
	line-height: 1.7;
	max-width: 850px;
	margin: 0 auto;
}

/* --- PHẦN NỘI DUNG CHỮ CỦA TỪNG DỊCH VỤ (.content) --- */
.home_dichvu .content h4 {
	color: var(--color-main, #d32f2f); 
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 8px;
	letter-spacing: 0.5px;
}

.home_dichvu .content h2 {
	color: #111;
	font-size: 28px;
	font-weight: 700; /* Dùng 700 thay vì 800 để thanh thoát hơn */
	margin-bottom: 10px;
	line-height: 1.35;
	letter-spacing: -0.5px; /* Ép chữ gọn lại xíu xiu */
}

/* Dòng mô tả ngắn (thẻ p đầu tiên) */
.home_dichvu .content p:nth-of-type(1) {
	color: #777; /* Chữ xám nhạt */
	font-size: 15px;
	margin-bottom: 8px;
}

/* Dòng mô tả dài (thẻ p thứ hai) */
.home_dichvu .content p:nth-of-type(2) {
	color: #444; /* Chữ xám đậm */
	font-size: 15px;
	margin-bottom: 15px; /* Tạo khoảng trống trước list */
	line-height: 1.6;
}

/* --- DANH SÁCH TÍCH XANH CỦA DỊCH VỤ --- */
.home_dichvu .content ul {
	list-style: none;
	padding: 0;
	margin: 0 0 25px 0; /* Khoảng cách rộng rãi trước khi tới 2 nút bấm */
	display: flex;
	flex-direction: column;
	gap: 10px; /* Giãn cách giữa các gạch đầu dòng */
}

.home_dichvu .content ul li {
	position: relative;
	padding-left: 32px; /* Khoảng cách cho icon */
	color: #222; /* Chữ gần đen sắc nét */
	font-size: 15px;
	line-height: 1.5;
	/* Icon vector nét thanh mảnh hơn, màu xanh ngọc bích sang hơn */
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23059669' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='9 12 11.5 14.5 15.5 9.5'%3E%3C/polyline%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: left top 1px; /* Canh icon thẳng hàng với dòng đầu tiên */
	background-size: 20px 20px;
}

/* --- NÚT BẤM (BUTTONS) --- */
.home_dichvu .content .button {
	margin-right: 12px;
	border-radius: 6px !important; /* Bo góc nhẹ 6px giống hệt ảnh */
	font-weight: 600 !important; /* Chữ trong nút không quá dày */
	font-size: 15px !important;
	text-transform: none !important; /* Không tự viết hoa chữ trong nút */
	padding: 8px 22px !important; /* Độ béo của nút vừa phải */
	margin-bottom: 10px;
	transition: all 0.3s ease;
	border: none !important;
}

.home_dichvu .content .button i {
	margin-right: 6px;
	font-size: 15px;
}

/* Nút Báo giá (Nút 1) */
.home_dichvu .content .button:nth-of-type(1) {
	background-color: #da2929 !important; /* Màu đỏ tươi mềm mại */
	color: #fff !important;
}

/* Nút Gọi điện (Nút 2) */
.home_dichvu .content .button:nth-of-type(2) {
	background-color: #000000 !important; /* Đen tuyền */
	color: #fff !important;
}

.home_dichvu .content .button:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	opacity: 0.95;
}

/* =========================================================================
1. KHỐI TIÊU ĐỀ SECTION (.home_loaixe .title)
========================================================================= */
.home_loaixe{
	background: #f5f5f5 !important
}
.home_loaixe .title {
	text-align: center;
	margin-bottom: 20px;
}
.home_loaixe .title p:first-of-type {
	color: var(--color-main);
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 6px;
}
.home_loaixe .title h2 {
	color: var(--color-black);
	font-size: 28px;
	font-weight: 800;
	margin-bottom: 12px;
}
.home_loaixe .title p:last-of-type {
	color: #555;
	font-size: 15px;
	max-width: 750px;
	margin: 0 auto;
}

/* =========================================================================
2. THANH TAB CHỌN DÒNG XE (.home_loaixe .cacloaixe .nav)
========================================================================= */
.home_loaixe .cacloaixe .tabbed-content .nav {
	justify-content: center;
	gap: 10px;
	border-bottom: none !important;
	margin-bottom: 30px;
}
.home_loaixe .cacloaixe .nav li.tab a::after {
	display: none !important;
}
.home_loaixe .cacloaixe .nav li.tab a {
	background-color: var(--color-white) !important;
	color: #333 !important;
	border: 1px solid #ddd !important;
	border-radius: 6px !important;
	padding: 8px 20px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	text-transform: none !important;
	transition: 0.3s ease;
}
.home_loaixe .cacloaixe .nav li.tab.active a,
.home_loaixe .cacloaixe .nav li.tab:hover a {
	background-color: var(--color-main) !important;
	border-color: var(--color-main) !important;
	color: var(--color-white) !important;
}

/* =========================================================================
3. KHUNG THẺ XE & FIX CHIỀU CAO BẰNG NHAU THẲNG TẮP
========================================================================= */
.home_loaixe .cacloaixe .post-item {
	padding: 6px;
}
.home_loaixe .cacloaixe .col-inner {
	height: 100% !important; 
}
.home_loaixe .cacloaixe .box-blog-post {
	background: var(--color-white);
	border: 1px solid #e0e3ea;
	border-radius: 12px;
	overflow: hidden;
	position: relative;
	box-shadow: 0 4px 15px rgb(46 2 2 / 15%);
	transition: all 0.3s ease;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.home_loaixe .cacloaixe .box-blog-post:hover {
	transform: translateY(-5px);
	border-color: var(--color-main) !important;
	box-shadow: 0 12px 25px rgba(0,0,0,0.08);
}

.home_loaixe .cacloaixe .box-text{
	position: static;
	padding: 15px;
	text-align: left;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}
.home_loaixe .cacloaixe .box-text .blog-post-inner{
	margin:0px !important;
}
/* Nhãn (Badge) góc trái */
.home_loaixe .cacloaixe .box-text-inner > div:first-child {
	position: absolute !important;
	top: 12px !important;
	left: 12px !important;
	z-index: 10;
	margin: 0 !important;
}
.home_loaixe .cacloaixe .box-text-inner > div:first-child span {
	background: var(--color-black) !important;
	color: var(--color-white) !important;
	border-radius: 4px !important;
	padding: 5px 12px !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	box-shadow: 0 4px 8px rgba(0,0,0,0.3) !important;
	transition: background-color 0.3s ease !important;
}
.home_loaixe .cacloaixe .box-blog-post:hover .box-text-inner > div:first-child span,
.home_loaixe .cacloaixe .box-text-inner > div:first-child span:hover {
	background: var(--color-main) !important;
}

/* =========================================================================
4. HÌNH ẢNH (FIX LỖI MẤT ẢNH DO FLEXBOX), TIÊU ĐỀ & MÔ TẢ
========================================================================= */
/* BẮT BUỘC PHẢI CÓ FLEX-SHRINK: 0 ĐỂ ẢNH KHÔNG BỊ BIẾN MẤT */
.home_loaixe .cacloaixe .box-image {
	width: 100% !important;
	flex-shrink: 0 !important; 
	overflow: hidden;
}
.home_loaixe .cacloaixe .box-image img {
	transition: transform 0.4s ease;
}
.home_loaixe .cacloaixe .box-blog-post:hover .box-image img {
	transform: scale(1.05);
}

.home_loaixe .cacloaixe .post-title {
	min-height: 44px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
}
.home_loaixe .cacloaixe .post-title a {
	color: var(--color-black);
	transition: color 0.2s;

	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.home_loaixe .cacloaixe .box-blog-post:hover .post-title a {
	color: var(--color-main) !important;
}
.home_loaixe .cacloaixe .is-divider {
	display: none !important;
}

.home_loaixe .cacloaixe .from_the_blog_excerpt {
	display:none;
}

.home_loaixe .cacloaixe .flatsome-car-info {
	border-top: 1px dashed #e5e5e5 !important;
	padding-top: 12px !important;
	margin: 0 !important; 
}

.home_loaixe .cacloaixe .flatsome-car-info > div:first-child {
	font-size: 13px !important;
	color: #555 !important;
	margin-bottom: 8px !important;
}

.home_loaixe .cacloaixe .flatsome-car-info > div:nth-child(2) {
	margin-bottom: 15px !important;
}
.home_loaixe .cacloaixe .flatsome-car-info > div:nth-child(2) span:first-child {
	font-size: 11px !important;
	color: #888 !important;
}
.home_loaixe .cacloaixe .flatsome-car-info > div:nth-child(2) span:last-child {
	color: var(--color-main) !important;
	font-size: 17px !important;
	font-weight: 700 !important;
}

/* Nút bấm */
.home_loaixe .cacloaixe .flatsome-car-info > div:last-child {
	display: flex !important;
	gap: 8px !important;
}
.home_loaixe .cacloaixe .flatsome-car-info a:first-child {
	background: #f7f7f7 !important;
	color: #333 !important;
	border: 1px solid #ddd !important;
	border-radius: 6px !important;
	padding: 8px 0 !important;
	font-size: 13px !important;
	font-weight: 600;
	flex: 1;
	text-align: center;
	transition: 0.2s;
}
.home_loaixe .cacloaixe .flatsome-car-info a:first-child:hover {
	background: #ebebeb !important;
	border-color: #ccc !important;
}
.home_loaixe .cacloaixe .flatsome-car-info a:last-child {
	background: var(--color-black) !important;
	color: var(--color-white) !important;
	border: 1px solid var(--color-black) !important;
	border-radius: 6px !important;
	padding: 8px 0 !important;
	font-size: 13px !important;
	font-weight: 600;
	flex: 1;
	text-align: center;
	transition: 0.2s;
}
.home_loaixe .cacloaixe .flatsome-car-info a:last-child:hover {
	background: var(--color-main) !important;
	border-color: var(--color-main) !important;
}
/* =========================================================================
1. MÀU NỀN SECTION ĐEN SANG TRỌNG
========================================================================= */
.home_hinhanh {
	background-color: #111111; /* Đảm bảo nền màu đen giống ảnh mẫu */
}
.home_hinhanh .gallery-col{
	padding:6px !important;
}
/* =========================================================================
2. KHỐI TIÊU ĐỀ & ĐOẠN VĂN (.home_hinhanh .col-inner)
========================================================================= */
/* Căn giữa toàn bộ phần chữ trên cùng */
.home_hinhanh .row:first-child .col-inner {
	text-align: center;
}

/* Badge (Nhãn đỏ trên cùng) */
.home_hinhanh .row:first-child .col-inner p:first-of-type {
	display: inline-block;
	background-color: var(--color-main);
	color: var(--color-white);
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	padding: 6px 18px;
	border-radius: 50px; /* Bo tròn 2 đầu thành hình viên thuốc */
	margin-bottom: 12px;
}

/* Tiêu đề chính (h2) */
.home_hinhanh .row:first-child .col-inner h2 {
	color: var(--color-white); /* Chữ màu trắng nổi bật trên nền đen */
	font-size: 32px;
	font-weight: 800;
	margin-bottom: 15px;
	line-height: 1.3;
}

/* Đoạn mô tả ngắn (Subtitle) */
.home_hinhanh .row:first-child .col-inner p:last-of-type {
	color: #a0a0a0; /* Màu xám nhạt tinh tế */
	font-size: 15px;
	max-width: 750px;
	margin: 0 auto 30px auto;
	line-height: 1.6;
}

/* =========================================================================
3. KHU VỰC THƯ VIỆN ẢNH (.home_hinhanh .hinhanh)
========================================================================= */
/* Bo góc các bức ảnh giống hình mẫu */
.home_hinhanh .hinhanh .box-image {
	border-radius: 12px !important;
	overflow: hidden;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4); /* Đổ bóng đen tạo chiều sâu */
}

/* HIỆU ỨNG 1: Rê chuột vào ảnh sẽ Zoom nhẹ */
.home_hinhanh .hinhanh .box-image img {
	transition: transform 0.4s ease;
}
.home_hinhanh .hinhanh .box:hover .box-image img {
	transform: scale(1.05);
}

.home_hinhanh .hinhanh .overlay {
	background-color: transparent !important;
}

/* Hiệu ứng: Chỉ Zoom nhẹ ảnh khi hover */
.home_hinhanh .hinhanh .box-image img {
	transition: transform 0.4s ease;
}
.home_hinhanh .hinhanh .box:hover .box-image img {
	transform: scale(1.05);
}
.home_hinhanh .hinhanh .box-overlay.dark .box-text,.home_hinhanh .hinhanh  .box-shade.dark .box-text{
	display:none;
}
.home_tintuc .title h3 {
	font-size: clamp(1.2rem, 1.25rem + 1vw, 1.6rem);
	color: var(--color-black);
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 25px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e5e5e5;
}

.home_tintuc .is-divider {
	display: none;
}

.home_tintuc .left .box-blog-post {
	position: relative;
	border-radius: 8px;
	overflow: hidden;
	background: #000;
	box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

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

.home_tintuc .left .box-text {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 30px 20px 20px 20px;
	background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.6) 60%, transparent 100%);
	text-align: center;
}

.home_tintuc .left .post-title {
	margin-bottom: 10px;
}

.home_tintuc .left .post-title a {
	color: #0000;
	font-size: clamp(1.1rem, 1vw + 1rem, 1.4rem);
	text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
}

.home_tintuc .left .post-title a:hover {
	color: #ffd700;
}

.home_tintuc .left .from_the_blog_excerpt {
	color: #eeeeee;
	font-size: 1.2rem;
	line-height: 1.5;
	margin-bottom: 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.home_tintuc .left .badge {
	display: none;
}

.home_tintuc .right > .col-inner > .row {
	max-height: 500px;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 15px;
}

.home_tintuc .right > .col-inner > .row::-webkit-scrollbar {
	width: 5px;
}
.home_tintuc .right > .col-inner > .row::-webkit-scrollbar-track {
	background: #f1f1f1; 
	border-radius: 5px;
}
.home_tintuc .right > .col-inner > .row::-webkit-scrollbar-thumb {
	background: #c1c1c1; 
	border-radius: 5px;
}
.home_tintuc .right > .col-inner > .row::-webkit-scrollbar-thumb:hover {
	background: #a8a8a8; 
}

.home_tintuc .right .post-item {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px dashed #ddd;
}

.home_tintuc .right .post-item:last-child {
	border-bottom: none;
	margin-bottom: 0;
}

.home_tintuc .right .box-blog-post {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	box-shadow: none;
	background: transparent;
}

.home_tintuc .right .box-image {
	width: 150px;
	flex-shrink: 0;
	border-radius: 6px;
	overflow: hidden;
}

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

.home_tintuc .right .box-text {
	padding: 0 0 0 15px;
	text-align: left;
	flex-grow: 1;
}

.home_tintuc .right .post-title {
	font-size: 1rem;
	line-height: 1.4;
	margin-bottom: 6px;
}

.home_tintuc .right .post-title a {
	font-size:20px;
	color: #333333;
	font-weight: bold;
}

.home_tintuc .right .post-title a:hover {
	color: #0b4c86;
}

.home_tintuc .right .from_the_blog_excerpt {
	font-size: 0.85rem;
	color: #666666;
	line-height: 1.5;
	margin-bottom: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.home_tintuc .right .badge {
	display: none;
}

/* Khung chứa viền đen bo tròn & vệt màu đỏ bên trái */
.home_tuyendung .col-inner {
	background-color: var(--color-black);
	border-radius: 16px;
	box-shadow: -5px 0 0 0 var(--color-main); /* Tạo viền đỏ bo cong theo cạnh trái */
	padding: 24px 35px;
	display: grid;
	grid-template-columns: 1fr auto; /* Cột trái chứa chữ, cột phải chứa nút */
	align-items: center;
	gap: 3px 25px;
}

/* Dòng tiêu đề nhỏ màu đỏ phía trên */
.home_tuyendung h3 {
	grid-column: 1;
	grid-row: 1;
	color: var(--color-main);
	font-size: 15px;
	font-weight: 800;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	margin: 0;
}

/* Tiêu đề chính chữ trắng */
.home_tuyendung h2 {
	grid-column: 1;
	grid-row: 2;
	color: var(--color-white);
	font-size: 22px;
	font-weight: 700;
	line-height: 1.35;
	margin: 0;
}

/* Dòng mô tả bên dưới */
.home_tuyendung p {
	grid-column: 1;
	grid-row: 3;
	color: rgba(255, 255, 255, 0.7);
	font-size: 15px;
	margin: 0px 0 0 0;
	line-height: 1.5;
}

/* Nút liên hệ màu đỏ bên phải */
.home_tuyendung .button {
	grid-column: 2;
	grid-row: 1 / span 3; /* Căn giữa nút theo cả 3 dòng chữ bên trái */
	align-self: center;
	background-color: var(--color-main) !important;
	color: var(--color-white) !important;
	border: none !important;
	border-radius: 10px !important;
	padding: 12px 24px !important;
	font-size: 15px;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	transition: all 0.3s ease;
	margin: 0 !important;
}

.home_tuyendung .button:hover {
	filter: brightness(1.15);
	transform: translateY(-2px);
}

/* Icon điện thoại SVG màu trắng trước chữ nút */
.home_tuyendung .button::before {
	content: "";
	display: inline-block;
	width: 17px;
	height: 17px;
	margin-right: 8px;
	background-color: var(--color-white);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' 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") no-repeat center / contain;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' 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") no-repeat center / contain;
}

/* Responsive khi xem trên điện thoại (tự xuống hàng ngay ngắn) */
@media (max-width: 768px) {
	.home_tuyendung .col-inner {
		grid-template-columns: 1fr;
		padding: 20px;
		gap: 10px;
	}

	.home_tuyendung .button {
		grid-column: 1;
		grid-row: auto;
		justify-self: stretch;
		margin-top: 10px !important;
		text-align: center;
	}
}

/* --- RESPONSIVE CHO ĐIỆN THOẠI (MOBILE & TABLET) --- */
@media (max-width: 768px) {
	.home_dichvu {
		padding: 40px 0;
	}
	.home_dichvu .title h2 { font-size: 26px; }
	.home_dichvu .content h2 { font-size: 24px; }
	/* Đảo ngược cột trên Mobile cho Dịch vụ 2 (Ảnh nằm trên, Chữ nằm dưới) */
	.home_dichvu .dv2 {
		flex-direction: column-reverse;
	}
	.home_intro .intr_img{
		padding-top:0px;
	}
	.home_intro{
		padding-top:30px !important;
	}
	.home_intro .intr_img .info-wrap {
		grid-template-columns: repeat(1, 1fr);
		width: 100%;
	}
	.home_intro .content h1 {
		font-size: 24px;
	}
	.home_intro .content .contact-info-item {
		flex-wrap: wrap;
	}
	.home_intro .content .contact-info-item.contact-first{
		display: flex;
		flex-wrap: nowrap !important;
		align-items: flex-start; 
	}
	.home_intro .intr_img, .home_intro .content {
		padding-left: 12px;
		padding-right: 12px;
	}
	.home_intro .intr_img, .home_intro .content {
		padding-bottom:0px !important;
	}
	.home_intro .content .hotline{
		margin-right:5px !important;
	}
	.home_camket .content .col-inner {
		grid-template-columns: repeat(2, 1fr);
		gap: 14px;
	}
	.home_camket .content .icon-box-text h3 {
		font-size: 15px;
		padding: 0px 12px;
	}
	.home_camket .content .icon-box{
		padding: 15px 10px 15px;
	}
	.home_camket .content .icon-box-text h1{
		font-size:24px;
	}
	.home_camket .title .badge-label{
		margin-bottom:0px;
	}
	.home_camket .title .main-title {
		font-size: 25px;
	}
	.home_dichvu {
		background-color: #f7f8fa !important; 
		padding-top: 20px !important;
		padding-bottom: 30px !important;
	}

	/* 2. THANH MENU TAB (Bo tròn dạng viên thuốc nhìn hiện đại hơn) */
	/* 2. THANH MENU TAB (Cập nhật: Giới hạn chữ ... và xóa vạch kẻ mặc định) */
	.home_dichvu .tabbed-content .nav {
		background-color: #e4e6eb !important;
		border-radius: 50px !important;
		padding: 5px !important;
		margin: 0 15px 20px 15px !important;
		display: flex;
		flex-wrap: nowrap;
		border: none !important;
		overflow-x: auto;
		scrollbar-width: none;
	}
	.home_dichvu .tabbed-content .nav::-webkit-scrollbar { display: none; }

	/* Xóa vạch kẻ viền trên/dưới mặc định của Flatsome */
	.home_dichvu .tabbed-content .nav li.tab::before,
	.home_dichvu .tabbed-content .nav li.tab::after,
	.home_dichvu .tabbed-content .nav li.tab a::before,
	.home_dichvu .tabbed-content .nav li.tab a::after {
		display: none !important;
	}

	.home_dichvu .tabbed-content .nav li.tab { 
		flex: 1; 
		margin: 0 !important; 
		padding: 0 !important; 
		min-width: 0; /* Bắt buộc có dòng này để Flexbox cho phép cắt chữ */
	}

	.home_dichvu .tabbed-content .nav li.tab a {
		display: block !important;
		padding: 8px 5px !important;
		border-radius: 50px !important;
		font-size: 11px !important;
		font-weight: 700 !important;
		color: #555 !important;
		background: transparent !important;
		border: none !important;
		text-align: center;

		/* 💡 GIỚI HẠN CHIỀU DÀI VÀ THÊM DẤU ... NẾU QUÁ DÀI */
		max-width: 125px; /* Giới hạn độ rộng của chữ, bạn có thể tăng/giảm tuỳ ý */
		margin: 0 auto;
		white-space: nowrap !important; /* Bắt chữ nằm trên 1 dòng */
		overflow: hidden !important;    /* Ẩn phần bị tràn */
		text-overflow: ellipsis !important; /* Thêm dấu ... */
	}

	/* Tab đang được chọn */
	.home_dichvu .tabbed-content .nav li.tab.active a {
		background-color: #e60000 !important;
		color: #fff !important;
		box-shadow: 0 4px 10px rgba(230,0,0,0.3) !important;
	}
	/* Tab đang được chọn */
	.home_dichvu .tabbed-content .nav li.tab.active a {
		background-color: #e60000 !important;
		color: #fff !important;
		box-shadow: 0 4px 10px rgba(230,0,0,0.3) !important;
	}

	/* 3. KHUNG THẺ NỘI DUNG (CARD) - Sửa lỗi không nổi khối */
	.home_dichvu .tab-panels { padding: 0 15px !important; }

	.home_dichvu .panel.entry-content {
		background: #fff !important;
		border-radius: 16px !important;
		box-shadow: 2px 5px 20px rgb(0 0 0 / 17%) !important;
		border: 1px solid #eee !important;
		padding: 0 !important;
		margin-bottom: 10px !important;
		overflow: hidden !important;
	}

	/* 4. HÌNH ẢNH (Ép sát mép trên của Card) */
	.home_dichvu .panel .row { 
		display: flex !important; flex-direction: column !important; margin: 0 !important; width: 100% !important;
	}
	.home_dichvu .panel .col {
		padding: 0 !important; margin: 0 !important; max-width: 100% !important;
	}
	.home_dichvu .panel .content {
		padding: 10px 12px !important;
	}
	.home_dichvu .img-inner{
		border-radius:0px !important;
	}
	.home_dichvu .content .button{
		margin-right: 3px !important;
		padding: 9px !important;
	}
	.home_dichvu .content .button:nth-of-type(2){
		margin-right:0px !important;
	}
	.home_dichvu .content ul li {
		margin-left: 5px;
		padding-left: 25px;
	}
	.home_loaixe .title h2{
		font-size:26px;
	}
	.home_dichvu .tabbed-content .nav li.tab a{
		font-size:10px !important;
	}
	.home_loaixe .cacloaixe .nav li.tab a{
		padding: 8px 8px !important;
	}

	.home_hinhanh .hinhanh .gallery-col{
		padding:5px !important;
	}
	.home_hinhanh .row:first-child .col-inner h2 {
		font-size: 24px;
	}
	.home_tintuc .right .box-blog-post{
		flex-direction: column;
	}
	.home_intro .content{
		margin-top:30px;
	}


	.home_intro .content .hotline,
	.home_intro .content .zl {
/* 		padding: 0 15px; */
		width:100%;
	}
}