#comments {
	display: none !important;
}
.entry-content.single-page p,
.entry-content.single-page li,
.entry-content.single-page ul,
.entry-content.single-page ol,
.entry-content.single-page span,
.entry-content.single-page strong,
.entry-content.single-page a{
	color: #000;
}
.topbar-shortcode {
	display: flex;
	align-items: center;
}
.topbar-icon {
	line-height: 1.3;
}
.topbar-shortcode strong,
.topbar-shortcode span,
.topbar-shortcode a{
	font-size: 14px;
	line-height: 1.3;
}
.topbar-shortcode strong {
	margin-right: 5px;
}
.topbar-shortcode  .topbar-icon {
	margin-right: 5px;
	display: flex;
	align-items: center;
}
.topbar-hotline strong {
	font-weight: 400;
}
.topbar-hotline a {
	font-weight: 700;
}

.topbar-hotline a:hover {
	color: #ffd230;
}

/* =========================================================
BUTTON ĐẶT XE
========================================================= */

.dat-xe-popup-wrapper {
	display: inline-block;
}

.dat-xe-popup-button {
	appearance: none;
	border: 0;
	outline: none;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	margin: 0;
	min-height: unset;
	padding: 12px 18px;
	background: #3d3ca8;
	color: #fff;
	border-radius: 11px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;
	text-transform: unset;
	box-shadow: 0 5px 14px rgba(61, 60, 168, 0.18);
	transition:
		transform .2s ease,
		background-color .2s ease,
		box-shadow .2s ease;
}

.dat-xe-popup-button:hover {
	background: #32318e;
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(61, 60, 168, 0.28);
}

.dat-xe-popup-button:focus {
	color: #fff;
}

.dat-xe-popup-button-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
}

.dat-xe-popup-button-icon svg {
	display: block;
}

.dat-xe-popup-button-text {
	display: block;
	max-width: max-content;
	text-align: center;
}


/* =========================================================
POPUP
========================================================= */

.dat-xe-popup {
	position: fixed;
	inset: 0;
	z-index: 999999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition:
		opacity .25s ease,
		visibility .25s ease;
}

.dat-xe-popup.is-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.dat-xe-popup-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.58);
	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
}

.dat-xe-popup-dialog {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 600px;
	max-height: calc(100vh - 40px);
	overflow-y: auto;
	background: #fff;
	border-radius: 16px;
	padding: 30px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, .25);
	transform: translateY(20px) scale(.98);
	transition: transform .25s ease;
}

.dat-xe-popup.is-open .dat-xe-popup-dialog {
	transform: translateY(0) scale(1);
}


/* CLOSE */

.dat-xe-popup-close {
	position: absolute;
    top: 12px;
    right: 14px;
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 50%;
    padding: 0;
    background: #f2f2f2;
    color: #333;
    font-size: 27px;
    margin: 0;
    min-height: unset;
    font-weight: 400;
    line-height: 36px;
    cursor: pointer;
    transition: background-color .2s ease, transform .2s ease;
}

.dat-xe-popup-close:hover {
	background: #e5e5e5;
	transform: rotate(90deg);
}


/* HEADER */

.dat-xe-popup-header {
	padding-right: 40px;
	margin-bottom: 22px;
}

.dat-xe-popup-header h3 {
	margin: 0;

	color: #222;
	font-size: 25px;
	font-weight: 700;
	line-height: 1.3;
}


/* =========================================================
CONTACT FORM 7 TRONG POPUP
========================================================= */

.dat-xe-popup-content .wpcf7 {
	margin: 0;
}

.dat-xe-popup-content .wpcf7 p {
	margin-bottom: 15px;
}

.dat-xe-popup-content .wpcf7 input:not([type="submit"]),
.dat-xe-popup-content .wpcf7 select,
.dat-xe-popup-content .wpcf7 textarea {
	width: 100%;
	min-height: 46px;
	margin: 0;
	padding: 10px 13px;
	border: 1px solid #ddd;
	border-radius: 7px;
	background: #fff;
	box-shadow: none;
}

.dat-xe-popup-content .wpcf7 textarea {
	min-height: 110px;
	resize: vertical;
}

.dat-xe-popup-content .wpcf7 input:focus,
.dat-xe-popup-content .wpcf7 select:focus,
.dat-xe-popup-content .wpcf7 textarea:focus {
	border-color: #3d3ca8;
	box-shadow: 0 0 0 3px rgba(61, 60, 168, .1);
}

.dat-xe-popup-content .wpcf7-submit {
	width: 100%;
	min-height: 48px;
	margin: 5px 0 0;
	padding: 11px 20px;
	border: 0;
	border-radius: 7px;
	background: #3d3ca8;
	color: #fff;
	font-weight: 700;
	cursor: pointer;
}

.dat-xe-popup-content .wpcf7-submit:hover {
	background: #32318e;
}


/* Không cho body scroll khi popup mở */

body.dat-xe-popup-open {
	overflow: hidden;
}


/* =========================================================
MOBILE
========================================================= */

@media (max-width: 549px) {

	.dat-xe-popup {
		padding: 12px;
		align-items: center;
	}

	.dat-xe-popup-dialog {
		max-height: calc(100vh - 24px);
		padding: 25px 18px 20px;

		border-radius: 13px;
	}

	.dat-xe-popup-header {
		margin-bottom: 18px;
	}

	.dat-xe-popup-header h3 {
		font-size: 21px;
	}
}
/**
* Menu header 
**/
#logo {
	margin-right: 0 !important;
}

#masthead div > div:nth-child(3) > ul {
	align-items: center;
	justify-content: center;
	gap: 40px;

}
#masthead div > div:nth-child(3) > ul > li {
	margin: 0 !important;
}

#masthead div > div:nth-child(3) > ul > li > a {
	color: #000;
	font-size: 16.5px;
	line-height: 1.3;
	text-transform: unset;
	padding: 9px 14px;
	border-radius: 4px;
	transition: all 0.3s ease-in;
}

#masthead div > div:nth-child(3) > ul > li.current-menu-item  > a,
#masthead div > div:nth-child(3) > ul > li > a:hover{
	color: #2631ed;
	background-color: color-mix(in oklab, #ccd2e7 70%, transparent);
	transition: all 0.3s ease-in;
}

/* =========================================================
ƯU ĐIỂM DỊCH VỤ
========================================================= */

.vt-benefits {
	width: 100%;
	padding: 37px;
	background: #EEF0FF;
	border-top: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
}

.vt-benefits-inner {
	max-width: 1400px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 28px;
}


/* CARD */

.vt-benefit-card {
	min-width: 0;

	display: flex;
	align-items: flex-start;

	gap: 16px;

	padding: 18px 18px;

	background: #fff;

	border: 1px solid #e3e5ea;
	border-radius: 14px;

	box-shadow:
		0 1px 2px rgba(15, 23, 42, 0.02);

	transition:
		border-color .25s ease,
		box-shadow .25s ease,
		transform .25s ease;
}

.vt-benefit-card:hover {
	border-color: rgba(68, 74, 177, .32);

	box-shadow:
		0 8px 25px rgba(15, 23, 42, .06);

	transform: translateY(-2px);
}


/* ICON BOX */

.vt-benefit-icon {
	width: 52px;
	height: 52px;

	min-width: 52px;
	flex: 0 0 52px;

	display: flex;
	align-items: center;
	justify-content: center;

	color: #444AB1;

	background: #f0f2ff;

	border: 1px solid #dde2ff;
	border-radius: 11px;
}


/* SVG */

.vt-benefit-icon svg {
	display: block;

	width: 25px;
	height: 25px;

	max-width: 25px;
	max-height: 25px;

	color: #444AB1;

	overflow: visible;
}


/* CONTENT */

.vt-benefit-content {
	min-width: 0;
	flex: 1;
}


/* TITLE */

.vt-benefit-title {
	margin: 1px 0 5px !important;

	padding: 0;

	color: #111827;

	font-size: 17px;
	font-weight: 700;

	line-height: 1.35;

	letter-spacing: -0.01em;
}


/* DESCRIPTION */

.vt-benefit-text {
	margin: 0 !important;
	padding: 0;

	color: #60697a;

	font-size: 14px;
	font-weight: 400;

	line-height: 1.7;
}


/* =========================================================
TABLET
========================================================= */

@media (max-width: 1024px) {

	.vt-benefits-inner {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 16px;
	}

}


/* =========================================================
MOBILE
========================================================= */

@media (max-width: 549px) {

	.vt-benefits {
		padding: 15px;
	}

	.vt-benefits-inner {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}

	.vt-benefit-card {
		padding: 13px 12px;
		gap: 9px;
		flex-direction: column;
		border-color: #e3e5f4;
		border-radius: 12px;
		box-shadow: 0 2px 6px rgba(15, 23, 42, .025);
	}

	.vt-benefit-icon {
		width: 36px;
		height: 36px;
		min-width: 36px;
		flex-basis: 36px;
	}

	.vt-benefit-icon svg {
		width: 20px;
		height: 20px;
	}

	.vt-benefit-title {
		font-size: 14px;
		line-height: 1.4;
		min-height: 2.8em;
		overflow-wrap: anywhere;
	}

	.vt-benefit-text {
		font-size: 12px;
		line-height: 1.55;
	}

}

/* =========================================================
ABOUT SECTION - HOÀNG HẢI
========================================================= */

.hh-about-section {
	background: #fff;
}


/* ROW */

.hh-about-row {
	align-items: center;
}


/* IMAGE COLUMN */

.hh-about-image-col {
	padding-right: 25px;
}

.hh-about-image img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 18px;
	object-fit: cover;
}


/* CONTENT COLUMN */

.hh-about-content-col {
	padding-left: 20px;
}


/* BADGE */

.hh-about-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 16px;
	padding: 6px 13px;
	border-radius: 999px;
	background: #f0f2ff;
	color: #444ab1;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.2;
}

.hh-about-badge span {
	color: #ff9700;
}


/* TITLE */

.hh-about-title {
	margin: 0 0 18px !important;
	color: #111827;
	font-size: 36px;
	font-weight: 800;
	line-height: 1.18;
	letter-spacing: -0.03em;
}


/* DESCRIPTION */

.hh-about-description {
	margin: 0 0 26px !important;
	color: #5f6b7c;
	font-size: 17px;
	line-height: 1.8;
}

.hh-about-description strong {
	color: #4b5563;
}

.hh-about-slogan {
	color: #444ab1 !important;
	font-style: italic;
}


/* HOTLINE BUTTON */

.hh-about-hotline {
	min-height: 48px;
	padding-left: 22px !important;
	padding-right: 22px !important;
	border-radius: 10px !important;
	background: #444ab1 !important;
	color: #fff !important;
	font-size: 15px;
	font-weight: 700;
	text-transform: none !important;
	box-shadow:
		0 8px 20px rgba(68, 74, 177, .18);
	transition:
		background .2s ease,
		transform .2s ease,
		box-shadow .2s ease;
}

.hh-about-hotline:hover {
	background: #383d9c !important;
	color: #fff !important;
	transform: translateY(-2px);
	box-shadow:
		0 12px 25px rgba(68, 74, 177, .25);
}


/* =========================================================
TABLET
========================================================= */

@media (max-width: 1024px) {

	.hh-about-title {
		font-size: 31px;
	}

	.hh-about-description {
		font-size: 16px;
	}

}


/* =========================================================
MOBILE
========================================================= */

@media (max-width: 549px) {

	.hh-about-image-col {
		padding-right: 0;
		margin-bottom: 28px;
	}

	.hh-about-content-col {
		padding-left: 0;
	}

	.hh-about-title {
		font-size: 20px;
		line-height: 1.25;
	}

	.hh-about-description {
		font-size: 15px;
		line-height: 1.7;
	}

	.hh-about-hotline {
		width: 100%;
	}
}

/* =========================================================
QUY TRÌNH ĐẶT XE
========================================================= */

.hh-process-section {
	background: #f8f9fb;
}


/* =========================================================
HEADING
========================================================= */

.hh-process-heading {
	max-width: 850px;

	margin: 0 auto 42px;

	text-align: center;
}


.hh-process-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	margin-bottom: 12px;

	padding: 5px 14px;

	border: 1px solid #dfe3ff;
	border-radius: 999px;

	background: #fff;

	color: #444ab1;

	font-size: 12px;
	font-weight: 800;

	line-height: 1.2;

	letter-spacing: .04em;
}


.hh-process-title {
	margin: 0 0 10px !important;

	color: #111827;

	font-size: 34px;
	font-weight: 800;

	line-height: 1.2;

	letter-spacing: -0.025em;
}


.hh-process-description {
	margin: 0 !important;

	color: #657084;

	font-size: 16px;

	line-height: 1.7;
}


/* =========================================================
ROW
========================================================= */

.hh-process-row {
	max-width: 1400px;

	margin-left: auto !important;
	margin-right: auto !important;
}


/* Flatsome column spacing */

.hh-process-row > .col {
	padding-left: 10px;
	padding-right: 10px;
}


/* =========================================================
CARD
========================================================= */

.hh-process-card {
	position: relative;

	height: 100%;

	min-height: 190px;

	padding: 22px 22px 21px;

	border: 1px solid #e1e4e9;
	border-radius: 15px;

	background: #fff;

	box-shadow:
		0 1px 2px rgba(15, 23, 42, .02);

	transition:
		transform .25s ease,
		border-color .25s ease,
		box-shadow .25s ease;
}


.hh-process-card:hover {
	transform: translateY(-4px);

	border-color: rgba(68, 74, 177, .25);

	box-shadow:
		0 12px 30px rgba(15, 23, 42, .07);
}


/* Mũi tên giữa các bước */

.hh-process-row > .col:not(:last-child)
.hh-process-card::after {
	content: "→";
	position: absolute;
	z-index: 5;
	top: 50%;
	right: -24px;
	transform: translateY(-50%);
	color: #aab7ff;
	font-size: 25px;
	font-weight: 400;
	line-height: 1;
}


/* =========================================================
TOP
========================================================= */

.hh-process-card-top {
	display: flex;
	align-items: center;
	justify-content: space-between;

	margin-bottom: 18px;
}


/* ICON */

.hh-process-icon {
	width: 46px;
	height: 46px;

	flex: 0 0 46px;

	display: flex;
	align-items: center;
	justify-content: center;

	border-radius: 12px;

	background: #eef1ff;

	color: #444ab1;
}


.hh-process-icon svg {
	display: block;

	width: 23px;
	height: 23px;
}


/* NUMBER */

.hh-process-number {
	color: var(--fs-color-primary);

	font-size: 29px;
	font-weight: 800;

	line-height: 1;
}


/* =========================================================
TEXT
========================================================= */

.hh-process-card h3 {
	margin: 0 0 8px !important;

	color: #171d2a;

	font-size: 17px;
	font-weight: 700;

	line-height: 1.4;
}


.hh-process-card p {
	margin: 0 !important;

	color: #606b7c;

	font-size: 13px;

	line-height: 1.7;
}


/* =========================================================
TABLET
========================================================= */

@media (max-width: 1024px) {

	.hh-process-title {
		font-size: 30px;
	}

	.hh-process-row > .col {
		padding-bottom: 20px;
	}

	.hh-process-row > .col:not(:last-child)
	.hh-process-card::after {
		display: none;
	}

}


/* =========================================================
MOBILE
========================================================= */

@media (max-width: 549px) {

	.hh-process-heading {
		margin-bottom: 0;
	}

	.hh-process-title {
		font-size: 20px;

		line-height: 1.3;
	}

	.hh-process-description {
		font-size: 14px;
	}

	.hh-process-row > .col {
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 0;
	}

	.hh-process-row > .col > .col-inner {
		height: 100%;
	}

	.hh-process-card {
		min-height: auto;
		padding: 2px 0 24px 50px;
		border: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
		transition: none;
	}

	.hh-process-card:hover {
		transform: none;
		box-shadow: none;
	}

	.hh-process-row > .col:last-child .hh-process-card {
		padding-bottom: 0;
	}

	.hh-process-row > .col:not(:last-child) .hh-process-card::after {
		content: "";
		display: block;
		left: 17px;
		right: auto;
		top: 38px;
		bottom: 4px;
		width: 2px;
		background: #e2e4f7;
		transform: none;
		z-index: 0;
	}

	.hh-process-card-top {
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
	}

	.hh-process-icon {
		display: none;
	}

	.hh-process-number {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 36px;
		height: 36px;
		border-radius: 50%;
		background: #eef0ff;
		color: #444ab1;
		font-size: 15px;
	}

	.hh-process-card h3 {
		font-size: 15px;
		margin-bottom: 5px !important;
		overflow-wrap: anywhere;
	}

	.hh-process-card p {
		font-size: 13px;
		line-height: 1.6;
		overflow-wrap: anywhere;
	}

}

/* =========================================================
HÌNH ẢNH THỰC TẾ CHUYẾN ĐI
========================================================= */

.hh-trip-gallery-section {
	width: 100%;
	padding: 60px 0;
}


/* HEADER */

.hh-trip-gallery-header {
	max-width: 1470px;
	padding: 0 30px;
	margin: 0 auto 23px;
}

.hh-trip-gallery-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;

	gap: 20px;
}

.hh-trip-gallery-title-wrap {
	display: flex;
	align-items: center;

	gap: 9px;
}

.hh-trip-gallery-title-wrap h2 {
	margin: 0 !important;

	color: #111827;

	font-size: 21px;
	font-weight: 800;

	line-height: 1.35;
}

.hh-trip-gallery-heading-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	color: #444ab1;
}

.hh-trip-gallery-heading-icon svg {
	width: 20px;
	height: 20px;
}

.hh-trip-gallery-heading > p {
	margin: 0 !important;

	color: #6b7280;

	font-size: 14px;

	line-height: 1.6;
}


/* =========================================================
GRID
========================================================= */

.hh-trip-gallery-grid {
	display: grid;
	max-width: 1470px;
	margin: 0 auto;
	padding: 0 30px;
	gap: 18px;
}


.hh-trip-gallery-columns-2 {
	grid-template-columns:
		repeat(2, minmax(0, 1fr));
}


.hh-trip-gallery-columns-3 {
	grid-template-columns:
		repeat(3, minmax(0, 1fr));
}


.hh-trip-gallery-columns-4 {
	grid-template-columns:
		repeat(4, minmax(0, 1fr));
}


/* =========================================================
CARD
========================================================= */

.hh-trip-gallery-card {
	min-width: 0;

	overflow: hidden;

	border-radius: 15px;

	background: #eef0f3;

	box-shadow:
		0 3px 12px rgba(15, 23, 42, .06);

	transition:
		transform .25s ease,
		box-shadow .25s ease;
}

.hh-trip-gallery-card:hover {
	transform: translateY(-4px);

	box-shadow:
		0 15px 35px rgba(15, 23, 42, .13);
}


/* =========================================================
IMAGE
========================================================= */

.hh-trip-gallery-image {
	position: relative;

	width: 100%;
	height: 255px;

	overflow: hidden;
}

.hh-trip-gallery-img {
	display: block;

	width: 100% !important;
	height: 100% !important;

	max-width: none !important;

	object-fit: cover;

	transition:
		transform .4s ease;
}

.hh-trip-gallery-card:hover
.hh-trip-gallery-img {
	transform: scale(1.055);
}


/* =========================================================
OVERLAY
========================================================= */

.hh-trip-gallery-overlay {
	position: absolute;

	z-index: 1;

	inset: 0;

	pointer-events: none;

	background:
		linear-gradient(
			to top,
			rgba(7, 12, 22, .78) 0%,
			rgba(7, 12, 22, .28) 42%,
			rgba(7, 12, 22, 0) 73%
		);
}


/* =========================================================
CAPTION
========================================================= */

.hh-trip-gallery-caption {
	position: absolute;

	z-index: 2;

	left: 0;
	right: 0;
	bottom: 0;

	padding:
		25px 16px
		15px;
}

.hh-trip-gallery-caption h3 {
	margin: 0 !important;

	color: #fff;

	font-size: 14px;
	font-weight: 800;

	line-height: 1.45;

	text-shadow:
		0 1px 3px
		rgba(0, 0, 0, .35);
}


/* =========================================================
TABLET
========================================================= */

@media (max-width: 1024px) {

	.hh-trip-gallery-columns-4,
	.hh-trip-gallery-columns-3 {
		grid-template-columns:
			repeat(2, minmax(0, 1fr));
	}

}


/* =========================================================
MOBILE
========================================================= */

@media (max-width: 549px) {

	.hh-trip-gallery-heading {
		display: block;
	}

	.hh-trip-gallery-heading > p {
		display: none;
	}

	.hh-trip-gallery-columns-2,
	.hh-trip-gallery-columns-3,
	.hh-trip-gallery-columns-4 {
		grid-template-columns: 1fr;
	}

	.hh-trip-gallery-image {
		height: 235px;
	}
}

/* =========================================================
BLOG / CẨM NANG THUÊ XE
========================================================= */

.hh-blog-section {
	width: 100%;
	padding: 60px 0;
	background-color: #F7F8FC;
}


/* =========================================================
HEADING
========================================================= */

.hh-blog-heading {
	max-width: 760px;

	margin:
		0 auto
		38px;

	text-align: center;
}


.hh-blog-badge {
	display: inline-flex;

	margin-bottom: 9px;

	padding:
		5px 13px;

	border-radius: 999px;

	background: #eef0ff;

	color: #444ab1;

	font-size: 12px;
	font-weight: 800;

	line-height: 1.2;

	letter-spacing: .04em;
}


.hh-blog-section-title {
	margin:
		0 0 9px !important;

	color: #111827;

	font-size: 31px;
	font-weight: 800;

	line-height: 1.25;

	letter-spacing: -.025em;
}


.hh-blog-description {
	max-width: 650px;

	margin:
		0 auto !important;

	color: #606b7c;

	font-size: 15px;

	line-height: 1.65;
}


/* =========================================================
GRID
========================================================= */

.hh-blog-grid {
	display: grid;
	max-width: 1470px;
	padding: 0 30px;
	margin: 0 auto;
	gap: 24px;
}


.hh-blog-columns-2 {
	grid-template-columns:
		repeat(
			2,
			minmax(0, 1fr)
		);
}


.hh-blog-columns-3 {
	grid-template-columns:
		repeat(
			3,
			minmax(0, 1fr)
		);
}


.hh-blog-columns-4 {
	grid-template-columns:
		repeat(
			4,
			minmax(0, 1fr)
		);
}


/* =========================================================
CARD
========================================================= */

.hh-blog-card {
	min-width: 0;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	background: #fff;
	margin-bottom: 0 !important;
	border:
		1px solid
		#e1e4e9;
	border-radius: 16px;
	box-shadow:
		0 3px 10px
		rgba(
			15,
			23,
			42,
			.045
		);

	transition:
		transform .25s ease,
		box-shadow .25s ease,
		border-color .25s ease;
}


.hh-blog-card:hover {
	transform:
		translateY(-5px);

	border-color:
		rgba(
			68,
			74,
			177,
			.23
		);

	box-shadow:
		0 17px 38px
		rgba(
			15,
			23,
			42,
			.11
		);
}


/* =========================================================
IMAGE
========================================================= */

.hh-blog-image-wrap {
	position: relative;

	display: block;

	width: 100%;
	height: 230px;

	overflow: hidden;

	background: #edf0f4;
}


.hh-blog-image {
	display: block;

	width: 100% !important;
	height: 100% !important;

	max-width: none !important;

	object-fit: cover;

	transition:
		transform .4s ease;
}


.hh-blog-card:hover
.hh-blog-image {
	transform:
		scale(1.045);
}


.hh-blog-no-image {
	width: 100%;
	height: 100%;

	display: flex;
	align-items: center;
	justify-content: center;

	color: #8a93a3;

	font-weight: 700;
}


/* =========================================================
CATEGORY BADGE
========================================================= */

.hh-blog-category {
	position: absolute;

	z-index: 2;

	top: 12px;
	left: 12px;

	padding:
		6px 10px;

	border-radius: 6px;

	background: #444ab1;

	color: #fff;

	font-size: 11px;
	font-weight: 700;

	line-height: 1;

	box-shadow:
		0 4px 12px
		rgba(
			68,
			74,
			177,
			.18
		);
}


/* =========================================================
BODY
========================================================= */

.hh-blog-body {
	flex: 1;

	display: flex;
	flex-direction: column;

	padding:
		18px 18px
		19px;
}


/* META */

.hh-blog-meta {
	display: flex;
	align-items: center;

	flex-wrap: wrap;

	gap: 6px;

	margin-bottom: 10px;

	color: #8a93a3;

	font-size: 11px;
}


.hh-blog-meta span {
	display: inline-flex;
	align-items: center;

	gap: 5px;
}


.hh-blog-meta svg {
	width: 13px;
	height: 13px;
}


.hh-blog-meta-dot {
	opacity: .65;
}


/* =========================================================
TITLE
========================================================= */

.hh-blog-title {
	margin:
		0 0 8px !important;

	font-size: 17px;
	font-weight: 800;

	line-height: 1.45;
}


.hh-blog-title a {
	color: #111827;

	text-decoration: none;
}


.hh-blog-title a:hover {
	color: #444ab1;
}


/* =========================================================
EXCERPT
========================================================= */

.hh-blog-excerpt {
	margin:
		0 0 18px !important;

	color: #606b7c;

	font-size: 13px;

	line-height: 1.65;
}


/* =========================================================
READ MORE
========================================================= */

.hh-blog-more {
	display: inline-flex;
	align-items: center;

	gap: 6px;

	margin-top: auto;

	color: #444ab1;

	font-size: 12px;
	font-weight: 800;

	text-decoration: none !important;
}


.hh-blog-arrow {
	transition:
		transform .2s ease;
}


.hh-blog-more:hover
.hh-blog-arrow {
	transform:
		translateX(4px);
}


/* =========================================================
TABLET
========================================================= */

@media (max-width: 1024px) {

	.hh-blog-columns-4,
	.hh-blog-columns-3 {
		grid-template-columns:
			repeat(
				2,
				minmax(0, 1fr)
			);
	}

}


/* =========================================================
MOBILE
========================================================= */

@media (max-width: 549px) {

	.hh-blog-heading {
		margin-bottom: 28px;
	}


	.hh-blog-section-title {
		font-size: 20px;
	}


	.hh-blog-description {
		font-size: 14px;
	}


	.hh-blog-columns-2,
	.hh-blog-columns-3,
	.hh-blog-columns-4 {
		grid-template-columns:
			1fr;
	}


	.hh-blog-image-wrap {
		height: 220px;
	}

}
/* =========================================================
BLOG VIEW ALL BUTTON
========================================================= */


.hh-blog-view-all {

	display:flex;

	justify-content:center;

	margin-top:40px;

}


.hh-blog-view-all-btn {

	display:inline-flex;

	align-items:center;

	gap:10px;


	padding:
		12px 28px;


	border-radius:10px;


	background:#444ab1;


	color:#fff !important;


	font-size:14px;

	font-weight:700;


	text-decoration:none !important;


	transition:.25s ease;

}


.hh-blog-view-all-btn:hover {

	background:#343995;

	transform:
		translateY(-2px);

}


.hh-blog-view-all-btn span {

	transition:.25s ease;

}


.hh-blog-view-all-btn:hover span {

	transform:
		translateX(5px);

}



@media(max-width:549px){

	.hh-blog-view-all {

		margin-top:30px;

	}
	.section {
		padding-top: 20px !important;
		padding-top: 20px !important;
		padding-left: 0 !important;
        padding-right: 0 !important;
	}

	.hh-blog-view-all-btn {
		width:100%;
        margin: 0 15px;
		justify-content:center;

	}

}

.hh-footer-logo img{
	max-width:120px;
	margin-bottom:18px;
}


.hh-footer-desc{
	color: #FFF;
	font-size: 15px;
	line-height: 1.3;
	margin: 0;
}


.hh-footer-check{
	list-style:none;
	padding:0;
	margin:0;
}


.hh-footer-check li{
	color:#c8ccdf;
	font-size:13px;
	margin-bottom:10px;
}


.hh-footer-title p{
	color: #ffc400;
	font-size: 17px;
	font-weight: 800;
	margin-bottom: 15px;
	text-transform: uppercase;
	padding-left: 8px;
	border-left: 2px solid #ffc400;
	line-height: 1;
}


.hh-footer-menu,
.hh-footer-contact{
	list-style:none;
	padding:0;
	margin:0;
}


.hh-footer-menu li,
.hh-footer-contact li{
	margin-bottom:12px;
	font-size: 15px;
	line-height: 1.3;
	margin-left: 0 !important;
}


.hh-footer-menu a{
	color: #FFF !important;
	transition:.3s;
}


.hh-footer-menu a:hover{
	color: #ffc400 !important;
	padding-left:5px;
}


.hh-footer-contact{
	color:#fff;
}


.hh-footer-contact a{
	color:#ffc400 !important;
	font-weight:700;
}



.hh-footer-call{

	margin-top:20px;

	padding:12px;

	border:1px solid rgba(255,255,255,.15);

	background:rgba(255,255,255,.05);

	border-radius:12px;

	color:#9da3c5;

	font-size:12px;

}


.hh-footer-call a{

	display:block;

	margin-top:10px;

	background:#ffc400;

	color:#fff !important;

	text-align:center;

	padding:8px 12px;

	border-radius:8px;

	font-size:13px;

	font-weight:700;

}


.hh-footer-bottom{

	margin-top:35px;

	padding-top:20px;

	border-top:1px solid rgba(255,255,255,.12);

}


.hh-footer-bottom p{

	color:#8f96b8;

	font-size:12px;

	margin:0;

}


.hh-footer-links{

	text-align:right;

}


.hh-footer-links a{

	color:#c8ccdf !important;

	font-size:12px;

}


.hh-footer-links span{

	color:#555b7a;

	margin:0 8px;

}



@media(max-width:850px){

	.hh-footer-section .col{

		margin-bottom:30px;

	}


	.hh-footer-links{

		text-align:left;

		margin-top:15px;

	}
}

/* =========================
DROPDOWN DÒNG XE
========================= */

.nav-dropdown {
	width: 260px;
	max-width: calc(100vw - 30px);
	padding: 12px 0;
	background: #fff;
	border-radius: 12px;
	border: 2px solid #0057c8;
	box-shadow: 0 10px 30px rgba(0,0,0,.15);
	animation: dropdownFade .25s ease;
}


/* item */
.nav-dropdown li > a {
	display: flex;
	align-items: center;
	padding: 13px 22px;
	margin: 0 10px;
	color: #333;
	font-size: 16px;
	font-weight: 500;
	transition: all .25s ease;
}


/* bỏ icon */
.nav-dropdown li > a:before {
	display:none !important;
}


/* bỏ line mặc định */
.nav-dropdown li:not(:last-child) > a {
	border-bottom: 1px solid #eeeeee;
}


/* hover */
.nav-dropdown li > a:hover {
	background: #eaf3ff;
	color: #0047a8 !important;
	font-weight: 600;
}


/* item đang active */
.nav-dropdown li.current-menu-item > a {
	background:#eaf3ff;
	color:#0047a8 !important;
	font-weight:600;
}


@keyframes dropdownFade {
	from {
		opacity:0;
		transform:translateY(8px);
	}
	to {
		opacity:1;
		transform:translateY(0);
	}
}
.sub-menu.nav-dropdown {
	padding: 0;
}
.sub-menu.nav-dropdown li {
	margin: 0 !important;
}
.nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a {
	padding: 10px !important;
	margin: 0 !important;
}
.sub-menu.nav-dropdown li:first-child a{
	border-radius: 8px 8px 0 0;
}
.sub-menu.nav-dropdown li:last-child a{
	border-radius: 0 0 8px 8px;
}
.nav-dropdown-has-border .nav-dropdown {
	border: 2px solid var(--fs-color-primary) !important;
}
.nav-column>li>a, .nav-dropdown>li>a, .nav-vertical-fly-out>li>a, .nav>li>a {
	color: #000;
}
.contact-form-wrapper{

	background:#fff;

	padding:35px;

	border-radius:20px;

	box-shadow:0 10px 35px rgba(0,0,0,.08);

}


.contact-form-wrapper h3{

	color:#302d83;

	font-size:24px;

	margin-bottom:25px;

}



.contact-info-box{

	background:#302d83;

	padding:40px;

	border-radius:20px;

	color:#fff;

	height:100%;

}


.contact-info-box h3{

	color:#ffc400;

	font-size:26px;

	margin-bottom:30px;

}



.contact-item{

	display:flex;

	gap:15px;

	margin-bottom:25px;

	align-items:flex-start;

}


.contact-icon{

	font-size:24px;

}



.contact-item strong{

	color:#ffc400;

	font-size:17px;

}



.contact-item p{

	margin:5px 0 0;

}



.contact-info-box a{

	color:#fff;

	font-weight:700;

}



.contact-call{

	margin-top:30px;

	background:#ffc400;

	color:#222;

	padding:15px;

	border-radius:12px;

	text-align:center;

	font-weight:600;

}



.contact-call a{

	color:#222;

}



.contact-form-wrapper input,
.contact-form-wrapper select,
.contact-form-wrapper textarea{

	border-radius:12px !important;

	background:#fafafa !important;

	border:1px solid #ddd !important;

}



.contact-form-wrapper textarea{

	min-height:130px;

}



.contact-form-wrapper .wpcf7-submit{

	width:100%;

	background:#ffc400 !important;

	color:#222 !important;

	border-radius:30px !important;

	font-weight:700;

	padding:15px;

}


.contact-form-wrapper .wpcf7-submit:hover{

	background:#302d83 !important;

	color:#fff !important;

}


.booking-form h3{

	margin:0 0 20px !important;
	text-align:center;

	font-size:26px;

	font-weight:700;

	color:#302d83;

}


.booking-form label{

	display:block;
	margin-bottom:6px !important;
	font-weight:600;

	color:#333;

	font-size:14px;

}



.booking-form input,
.booking-form select,
.booking-form textarea{

	width:100%;
	margin-bottom:10px !important;

	border-radius:12px !important;

	border:1px solid #ddd !important;

	background:#fafafa;

	padding:13px 15px !important;

}



.booking-form textarea{

	height:100px !important;
	min-height:100px !important;

}



.booking-form .wpcf7-submit{

	width:100%;

	background:#ffc400 !important;

	color:#222 !important;

	border-radius:30px !important;

	padding:15px !important;

	font-weight:700;

	font-size:16px;

	margin-top:5px !important;

}



.booking-form .wpcf7-submit:hover{

	background:#302d83 !important;

	color:#fff !important;

}
/* ===========================
POPUP ĐẶT XE NGAY - FIX FLATSOME
=========================== */


/* reset khoảng cách CF7 */
.booking-form p{
	margin-bottom:0 !important;
}


.booking-form br{
	display:none;
}


/* row CF7 */
.booking-form .row{
	margin-bottom:0 !important;
}


/* col */
.booking-form .col{
	padding-bottom:10px !important;
}



/* mobile */
@media(max-width:767px){

	.booking-form{
		padding:5px 15px 15px !important;
	}

	.booking-form .col{
		padding-bottom:5px !important;
	}

}

/* =========================================================
RESPONSIVE SAFEGUARDS
========================================================= */

@media (min-width: 850px) and (max-width: 1100px) {
	#masthead div > div:nth-child(3) > ul {
		gap: 14px;
	}

	#masthead div > div:nth-child(3) > ul > li > a {
		padding-inline: 9px;
		font-size: 14.5px;
	}
}

@media (max-width: 549px) {
	.hh-trip-gallery-section,
	.hh-blog-section {
		padding: 42px 0;
	}

	.hh-trip-gallery-header,
	.hh-trip-gallery-grid,
	.hh-blog-grid {
		padding-inline: 15px;
	}

	.hh-trip-gallery-image,
	.hh-blog-image-wrap {
		height: auto;
		aspect-ratio: 16 / 9;
	}

	.hh-blog-title,
	.hh-trip-gallery-caption h3,
	.hh-footer-contact,
	.hh-footer-menu {
		overflow-wrap: anywhere;
	}
}

@media (max-width: 359px) {
	.dat-xe-popup {
		padding: 8px;
	}

	.dat-xe-popup-dialog {
		max-height: calc(100dvh - 16px);
		padding: 23px 14px 16px;
	}

	.vt-benefits {
		padding-inline: 10px;
	}

	.vt-benefit-card {
		padding-inline: 12px;
	}

	.booking-form {
		padding-inline: 8px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.dat-xe-popup-dialog,
	.dat-xe-popup-button,
	.vt-benefit-card,
	.hh-process-card,
	.hh-trip-gallery-card,
	.hh-blog-card,
	.nav-dropdown {
		animation: none !important;
		transition: none !important;
	}
}

@supports (height: 100dvh) {
	@media (max-width: 549px) {
		.dat-xe-popup-dialog {
			max-height: calc(100dvh - 24px);
		}
	}
}

/* Mobile layout correction: header, contact forms, process and footer.
   Scoped to custom components; desktop layout is unchanged. */
@media (max-width: 849px) {
	#masthead .dat-xe-popup-wrapper {
		max-width: 100%;
	}
	#masthead .dat-xe-popup-button {
		min-height: 40px;
		padding: 9px 10px;
		gap: 6px;
		border-radius: 8px;
		font-size: 13px;
		line-height: 1.3;
		white-space: nowrap;
	}
	#masthead .dat-xe-popup-button-text {
		white-space: nowrap;
	}
	#masthead .dat-xe-popup-button-icon svg {
		width: 16px;
		height: 16px;
	}
	.contact-form-wrapper,
	.contact-info-box {
		box-sizing: border-box;
		min-width: 0;
		max-width: 100%;
		padding: 24px;
	}
	.contact-item > div {
		min-width: 0;
		flex: 1;
	}
	.contact-item > p {
		flex: 0 0 24px;
		margin: 0;
	}
	.contact-item a[href^="tel:"] br,
	.contact-item p:empty,
	.contact-form-wrapper label + br {
		display: none;
	}
	.contact-info-box a,
	.contact-item p {
		overflow-wrap: anywhere;
	}
}

@media (max-width: 549px) {
	#masthead #logo img {
		max-height: 52px;
		width: auto;
		object-fit: contain;
	}
	.contact-form-wrapper,
	.contact-info-box {
		padding: 20px 16px;
		border-radius: 14px;
		height: auto;
	}
	/* CF7 markup may contain a second wrapper with the same class. */
	.contact-form-wrapper .contact-form-wrapper {
		padding: 0;
		box-shadow: none;
		border-radius: 0;
	}
	.contact-form-wrapper h3,
	.contact-info-box h3 {
		font-size: 21px;
		line-height: 1.35;
		margin: 0 0 18px;
	}
	.contact-form-wrapper .wpcf7,
	.contact-form-wrapper .wpcf7-form {
		margin: 0;
		padding: 0;
		min-width: 0;
	}
	.contact-form-wrapper .wpcf7-form-control-wrap {
		display: block;
		min-width: 0;
		width: 100%;
	}
	.contact-form-wrapper input:not([type="checkbox"]):not([type="radio"]),
	.contact-form-wrapper select,
	.contact-form-wrapper textarea {
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		min-width: 0;
		font-size: 16px;
	}
	.contact-form-wrapper p {
		margin-bottom: 14px;
	}
	.contact-item {
		gap: 10px;
		margin-bottom: 18px;
		font-size: 14px;
		line-height: 1.6;
	}
	.contact-icon {
		flex: 0 0 24px;
		font-size: 21px;
	}
	.contact-item strong {
		font-size: 15px;
	}
	.contact-info-box .contact-item:last-child {
		margin-bottom: 0;
	}
	.hh-process-row {
        width: calc(100% - 30px) !important;
		padding: 18px 16px;
		box-sizing: border-box;
		background: #fff;
		border: 1px solid #e1e4ef;
		border-radius: 16px;
		box-shadow: 0 3px 14px rgba(30, 35, 80, .04);
	}
	.hh-process-row > .col {
		flex-basis: 100%;
		max-width: 100%;
	}
	.hh-footer-section .col {
		margin-bottom: 0;
		padding-bottom: 22px;
	}
	.hh-footer-title p {
		margin-bottom: 12px;
		line-height: 1.3;
	}
	.hh-footer-menu li,
	.hh-footer-contact li {
		font-size: 14px;
		line-height: 1.6;
		margin-bottom: 8px;
	}
	.hh-footer-bottom {
		margin-top: 12px;
		padding-top: 16px;
	}
}

/* Mobile navigation only: preserve Flatsome toggle/open/close behaviour. */
@media (max-width: 849px) {
	#main-menu.mobile-sidebar {
		background: #fff !important;
		color: #273142;
		min-height: 100vh;
		min-height: 100dvh;
		box-sizing: border-box;
	}
	/* Make the off-canvas surface opaque, not the page behind it. */
	.off-canvas:has(#main-menu) .mfp-content {
		width: min(340px, calc(100vw - 56px)) !important;
		background: #fff !important;
		opacity: 1 !important;
		box-shadow: 12px 0 40px rgba(23, 22, 65, .24);
	}
	#main-menu .sidebar-menu {
		padding: calc(24px + env(safe-area-inset-top, 0px)) 14px 24px;
	}
	#main-menu .nav-sidebar {
		padding: 0;
		margin: 0;
	}
	#main-menu .nav-sidebar > li.menu-item {
		position: relative;
		border: 0;
		margin: 0 0 7px;
	}
	#main-menu .nav-sidebar > li.menu-item > a {
		display: flex;
		align-items: center;
		min-height: 48px;
		padding: 12px 16px;
		margin: 0;
		border-radius: 10px;
		color: #30334a;
		font-size: 14px;
		font-weight: 700;
		line-height: 1.5;
		letter-spacing: .01em;
		text-transform: none;
		overflow-wrap: anywhere;
		transition: background-color .18s ease, color .18s ease;
	}
	#main-menu .nav-sidebar > li.has-child > a {
		padding-right: 54px;
	}
	#main-menu .nav-sidebar > li > a:hover,
	#main-menu .nav-sidebar > li.active > a,
	#main-menu .nav-sidebar > li.current-menu-parent > a {
		background: #f0f1ff;
		color: #444ab1;
	}
	#main-menu .nav-sidebar > li.current-menu-item > a {
		background: #444ab1;
		color: #fff;
		box-shadow: 0 5px 14px rgba(68, 74, 177, .18);
	}
	#main-menu .nav-sidebar > li > button.toggle {
		top: 2px;
		right: 3px;
		width: 44px;
		height: 44px;
		min-height: 44px;
		padding: 0;
		margin: 0;
		border: 0;
		border-radius: 9px;
		background: #eef0ff;
		color: #444ab1;
		opacity: 1;
		line-height: 44px;
	}
	#main-menu .nav-sidebar .children {
        margin: 0;
        padding: 0;
		border-left: 2px solid #e0e3fb;
		background: #f8f9ff;
		border-radius: 0 10px 10px 0;
	}
	#main-menu .nav-sidebar .children li {
		margin: 0;
		border: 0;
	}
	#main-menu .nav-sidebar .children a {
		display: flex;
		align-items: center;
		min-height: 44px;
		padding: 10px 12px;
		color: #535b70;
		font-size: 14px;
		line-height: 1.5;
		text-transform: none;
		border-radius: 8px;
	}
	#main-menu .nav-sidebar .children a:hover,
	#main-menu .nav-sidebar .children .current-menu-item > a {
		background: #e9ecff;
		color: #353b99;
	}
	#main-menu a:focus-visible,
	#main-menu button:focus-visible {
		outline: 2px solid #ffbf23;
		outline-offset: 2px;
	}
	.off-canvas:has(#main-menu) > .mfp-close {
		top: calc(10px + env(safe-area-inset-top, 0px));
		right: 6px;
		width: 44px;
		height: 44px;
		line-height: 44px;
		border-radius: 12px;
		background: #444ab1;
		color: #fff;
		opacity: 1;
		mix-blend-mode: normal;
	}
}

body.vt196-ui-modal-open { overflow: hidden; }
:is(.dat-xe-popup, .vt196-booking-modal, .vt196-detail-modal) { padding: 16px; }
body :is(.dat-xe-popup-dialog, .vt196-booking-dialog, .vt196-detail-modal-dialog) {
    box-sizing: border-box;
    width: min(620px, 100%);
    height: auto;
    min-height: 0;
    max-height: calc(100dvh - 32px);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 44px 24px 24px;
}
:is(.dat-xe-popup, .vt196-booking-modal, .vt196-detail-modal) :is(.booking-form, .contact-form-wrapper, .lightbox-content) {
    width: 100%; max-width: 100%; height: auto; min-height: 0;
    padding: 0 !important; margin: 0 !important; box-shadow: none;
}
:is(.dat-xe-popup, .vt196-booking-modal, .vt196-detail-modal) .wpcf7 form { margin: 0; }
:is(.dat-xe-popup, .vt196-booking-modal, .vt196-detail-modal) .wpcf7 p { margin: 0 0 10px !important; }
:is(.dat-xe-popup, .vt196-booking-modal, .vt196-detail-modal) .wpcf7 p:empty { display: none; }
:is(.dat-xe-popup, .vt196-booking-modal, .vt196-detail-modal) .wpcf7 label { margin-bottom: 4px !important; }
:is(.dat-xe-popup, .vt196-booking-modal, .vt196-detail-modal) .wpcf7 label > br { display: none; }
:is(.dat-xe-popup, .vt196-booking-modal, .vt196-detail-modal) .wpcf7 .row { width: auto; margin: 0 -6px; }
:is(.dat-xe-popup, .vt196-booking-modal, .vt196-detail-modal) .wpcf7 .col { padding: 0 6px 8px !important; }
:is(.dat-xe-popup, .vt196-booking-modal, .vt196-detail-modal) .wpcf7 :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]), select, textarea) {
    box-sizing: border-box; width: 100%; margin-bottom: 0 !important;
}
:is(.dat-xe-popup, .vt196-booking-modal, .vt196-detail-modal) .wpcf7 textarea {
    height: 90px !important; min-height: 90px !important; resize: vertical;
}
:is(.dat-xe-popup, .vt196-booking-modal, .vt196-detail-modal) .wpcf7-spinner { display: none; }
:is(.dat-xe-popup, .vt196-booking-modal, .vt196-detail-modal) .submitting .wpcf7-spinner { display: inline-block; }
:is(.dat-xe-popup, .vt196-booking-modal, .vt196-detail-modal) .wpcf7-response-output:empty { display: none; }
.vt196-motion-ready { transition: opacity .6s ease, transform .6s ease; }
.vt196-motion-ready:not(.is-visible) { opacity: 0; }
.vt196-motion-ready[data-vt196-animation=fade-up]:not(.is-visible) { transform: translateY(24px); }
.vt196-motion-ready[data-vt196-animation=fade-down]:not(.is-visible) { transform: translateY(-24px); }
.vt196-motion-ready[data-vt196-animation=fade-left]:not(.is-visible) { transform: translateX(24px); }
.vt196-motion-ready[data-vt196-animation=fade-right]:not(.is-visible) { transform: translateX(-24px); }
.vt196-motion-ready[data-vt196-animation=zoom]:not(.is-visible) { transform: scale(.96); }
@media (max-width: 549px) {
    body :is(.dat-xe-popup-dialog, .vt196-booking-dialog, .vt196-detail-modal-dialog) { padding: 42px 16px 16px; }
    :is(.dat-xe-popup, .vt196-booking-modal, .vt196-detail-modal) .wpcf7 .col { flex-basis: 100%; max-width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
    .vt196-motion-ready { opacity: 1 !important; transform: none !important; transition: none; }
}

:is(.dat-xe-popup, .vt196-booking-modal, .vt196-detail-modal) .wpcf7 input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
:is(.dat-xe-popup, .vt196-booking-modal, .vt196-detail-modal) .wpcf7 select {
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 46px !important;
    min-height: 46px !important;
    max-height: none !important;
    padding: 0 14px !important;
    font-size: 16px;
    line-height: normal !important;
    color: #333;
    text-indent: 0;
}
:is(.dat-xe-popup, .vt196-booking-modal, .vt196-detail-modal) .wpcf7 select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    padding-right: 42px !important;
    background-color: #fafafa;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23475060' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    background-size: 16px 16px !important;
    cursor: pointer;
}
:is(.dat-xe-popup, .vt196-booking-modal, .vt196-detail-modal) .wpcf7 select option {
    color: #333;
    background: #fff;
}