/* Hotline */
.hotline-single {
	display: inline-block;
	padding: 12px 22px !important;
	background: var(--gradient-primary);
	color: var(--color-white) !important;
	width: max-content;
	font-size: 13px !important;
	border-radius: 30px;
	text-decoration: none;
	box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}
.section .col:nth-child(2){
	padding-bottom:0px;
}
.section .col:nth-child(1){
	padding-bottom:5px;
}
.home-ptg{
	margin-top:50px;
}
.hotline-single span {
	margin-left: 6px;
	letter-spacing: 0.5px;
}

.hotline-single:hover {
	color: var(--color-white) !important;
	transition: 0.3s;
}

.dong_xe {
	background: #f5f5f5;
	border-radius: 10px;
	padding: 10px;
}

.dong_xe .icon-box-img {
	margin-bottom: unset !important;
}
.dong_xe h2 {
	font-size: 18px;
}

.tab_sp .nav {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.tab_sp .nav li {
	list-style: none;
}

/* Link tab */
.tab_sp .nav li a {
	display: inline-block;
	padding: 10px 18px;
	border-radius: 8px;
	background: #eee;
	color: var(--color-black);
	text-decoration: none;
	transition: all 0.3s ease;
}

.tab_sp .nav li a:hover {
	background: #ddd;
}

.tab_sp .nav li.active a {
	background: var(--color-chinh);
	color: var(--color-black) !important;
}

.tab_sp .tab-panels {
	margin-top: 15px;
}

.tab_sp .panel {
	display: none;
}

.tab_sp .panel.active {
	display: block;
}
.dong_xe img{
	mix-blend-mode: multiply; /* Tuyệt chiêu xóa nền trắng của logo */
	filter: contrast(1.1);    /* Tăng độ đậm cho logo để không bị nhạt */
	transition: all 0.3s ease;
}

/* ===== MOBILE SCROLL TAB ===== */
@media (max-width: 768px) {
	.tab_sp .nav {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		gap: 8px;
		padding-bottom: 5px;
	}
	.homeslide .col{
		padding:0px !important;
	}
	/* Ẩn scrollbar Chrome */
	.tab_sp .nav::-webkit-scrollbar {
		display: none;
	}

	.tab_sp .nav li {
		flex: 0 0 auto;
	}

	.tab_sp .nav li a {
		white-space: nowrap;
		padding: 8px 14px;
		font-size: 13px;
	}
}