/* Trang liên hệ: giữ cấu trúc section, row và col của UX Builder. */
.nauda-page.nauda-contact-page {
	--vien: rgba(59, 52, 42, .13);
	--nen-the: #f8f3e8;
	color: #342f29;
}

.nauda-page.nauda-contact-page #main {
	background: #f0e7d4;
}

.nauda-page.nauda-contact-page .nauda-contact-routes,
.nauda-page.nauda-contact-page .nauda-contact-form {
	background: #f0e7d4;
}

.nauda-page.nauda-contact-page .nauda-contact-address {
	background: #f8f3e8;
}

.nauda-page.nauda-contact-page .muc .gian {
	align-items: center;
	gap: .7rem;
	max-width: 670px;
	margin-bottom: .6rem;
}

.nauda-page.nauda-contact-page .muc .gian::after {
	content: '';
	flex: 1 1 60px;
	border-top: 1px solid var(--vien);
}

.nauda-page.nauda-contact-page .muc .gian .so,
.nauda-page.nauda-contact-page .muc .gian .ten {
	font-family: var(--font-body);
	font-size: .75rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: .14em;
}

.nauda-page.nauda-contact-page .muc .gian .ten {
	color: #a44629;
}

.nauda-page.nauda-contact-page .muc h2 {
	font-size: clamp(2rem, 3.3vw, 2.7rem);
	line-height: 1.15;
}

.nauda-page.nauda-contact-page .muc h3 {
	font-size: clamp(1.15rem, 1.6vw, 1.35rem);
}

.nauda-page.nauda-contact-page .nauda-page-hero h1 {
	font-size: clamp(3rem, 5vw, 4.25rem);
}
.nauda-page.nauda-contact-page .nauda-contact-address .cot2,
.nauda-page.nauda-contact-page .nauda-contact-form .cot2 {
	align-items: flex-start;
}

.nauda-page.nauda-contact-page .nauda-contact-address .the {
	margin-top: 1.5rem !important;
	padding: clamp(1.25rem, 2vw, 1.9rem);
	background: #f8f3e8;
}

.nauda-page.nauda-contact-page .nauda-contact-address .the dl {
	grid-template-columns: 6.5rem minmax(0, 1fr);
	gap: .65rem 1rem;
	font-size: .88rem;
}

.nauda-page.nauda-contact-page .nauda-contact-address .the dt {
	font-size: .72rem;
}

.nauda-page.nauda-contact-page .nauda-contact-address .the dd {
	text-transform: none;
}

.nauda-page.nauda-contact-page .nauda-contact-address .the .mui {
	margin-top: 1.3rem;
	padding-top: 1rem;
	color: #a44629;
	font-weight: 700;
	line-height: 1.6;
}

.nauda-page.nauda-contact-page .nauda-contact-address .anh,
.nauda-page.nauda-contact-page .nauda-contact-address .anh .img {
	margin: 0;
}

.nauda-page.nauda-contact-page .nauda-contact-address .anh img {
	display: block;
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
}

.nauda-page.nauda-contact-page .nauda-contact-form .don {
	padding: clamp(1.25rem, 2.5vw, 2rem);
	background: #f8f3e8;
}

.nauda-page.nauda-contact-page .nauda-contact-form .don label {
	color: #796f63;
	font-weight: 400;
}

.nauda-page.nauda-contact-page .nauda-contact-form .don input:not([type='submit']),
.nauda-page.nauda-contact-page .nauda-contact-form .don select,
.nauda-page.nauda-contact-page .nauda-contact-form .don textarea {
	min-height: 2.7rem;
	margin-bottom: 0;
	border-color: rgba(59, 52, 42, .18);
	background: #f0e7d4;
	font-weight: 400;
}

.nauda-page.nauda-contact-page .nauda-contact-form .don textarea {
	min-height: 7.5rem;
}

.nauda-page.nauda-contact-page .nauda-contact-form .don .wpcf7-submit {
	width: auto;
	margin: 1.3rem 0 0;
	background: #a44629;
}