/* Home services tabs — Printstyle-style */

.home .widget.halink_home_services {
	margin-bottom: 0;
}

/* ===== Heading — Printstyle hp1-heading ===== */
/* ===== Wrapper (tabs section dùng chung class) ===== */
.hl-home-services.service_tab_1 {
	margin-top: 10px;
}

/* Panel show/hide — WPBakery slide animation (Printstyle-style) */
.hl-home-services .vc_tta-panel-body {
	overflow: hidden;
	padding: 0 !important;
	transition: padding 0.2s ease-in-out;
}

.hl-home-services .vc_tta-panel:not(.vc_active):not(.vc_animating) .vc_tta-panel-body {
	display: none;
}

.hl-home-services .vc_tta-panel.vc_active .vc_tta-panel-body,
.hl-home-services .vc_tta-panel.vc_animating .vc_tta-panel-body {
	display: block;
	min-height: 0;
}

.hl-home-services .vc_tta-panel-body .vc_single_image-img {
	width: 100%;
	height: auto;
	display: block;
}

.hl-home-services .vc_tta-panel-body .vc_single_image-wrapper {
	border: 0;
}

/* ===== Desktop: tab ngang ===== */
@media (min-width: 768px) {
	.hl-home-services .vc_tta-tabs-container {
		display: block !important;
	}

	.hl-home-services .vc_tta-panel-heading {
		display: none !important;
	}

	.hl-home-services .vc_tta-tabs-container .vc_tta-tabs-list {
		margin-bottom: 50px !important;
		display: flex !important;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		gap: 0;
		padding: 0;
		list-style: none;
	}

	.hl-home-services .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab {
		display: flex !important;
		align-items: center;
	}

	.hl-home-services .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a {
		padding: 0 15px !important;
		background: transparent !important;
		border: 0 !important;
		text-decoration: none;
		color: #444;
	}

	.hl-home-services .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a .vc_tta-title-text {
		font-size: 14px;
		font-weight: 600;
		text-transform: uppercase;
		color: #444;
		transition: color 0.2s ease;
	}

	.hl-home-services .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a .vc_tta-title-text,
	.hl-home-services .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a:hover .vc_tta-title-text {
		color: #0b0284;
	}

	.hl-home-services .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:not(:last-child)::after {
		content: "//";
		display: flex;
		align-items: center;
		color: #999;
		font-size: 14px;
		padding: 0 2px;
	}

	.hl-home-services .vc_tta-panels-container {
		max-width: 1340px;
		margin-left: auto;
		margin-right: auto;
	}
}

/* ===== Mobile: accordion ===== */
@media (max-width: 767px) {
	.hl-home-services .vc_tta-tabs-container {
		display: none !important;
	}

	.hl-home-services .vc_tta-panel-heading {
		display: block !important;
	}

	.hl-home-services .vc_tta-panels > .vc_tta-panel {
		margin-bottom: 0;
	}

	.hl-home-services .vc_tta-panels > .vc_tta-panel .vc_tta-panel-heading {
		border-bottom: 1px solid #ccc;
		margin-bottom: 0;
		text-align: center;
	}

	.hl-home-services .vc_tta-panels > .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title {
		margin: 0;
	}

	.hl-home-services .vc_tta-panels > .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a {
		display: inline-block;
		position: relative;
		font-size: 16px;
		font-weight: 700;
		text-transform: uppercase;
		color: #444;
		background: #fff;
		padding: 18px 12px !important;
		text-decoration: none;
	}

	.hl-home-services .vc_tta-panels > .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title a {
		color: #0b0284;
	}

	.hl-home-services .vc_tta-panels > .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title a::after {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		bottom: -1px;
		height: 3px;
		background: #0b0284;
	}

	.hl-home-services .vc_tta-panels > .vc_tta-panel.vc_active .vc_tta-panel-heading {
		border-bottom-color: #ccc;
		margin-bottom: 20px;
	}

	.hl-home-services .vc_tta-panel.vc_active .vc_tta-panel-body {
		padding-bottom: 24px !important;
		margin-bottom: 8px;
	}

	.hl-home-services-heading .hl-home-section-heading .uvc-sub-heading {
		font-size: 14px;
		line-height: 23px;
		padding: 0 4px;
	}

	.hl-home-services-heading .hl-home-section-heading .uvc-sub-heading::before {
		margin-right: 12px;
	}

	.hl-home-services-heading .hl-home-section-heading .uvc-sub-heading::after {
		margin-left: 12px;
	}
}
