/* Trang tuyển dụng: bố cục các section vẫn được chỉnh trong UX Builder. */
.nauda-page.nauda-recruitment-page {
	--vien: rgba(59, 52, 42, .12);
	--nen-the: #f8f3e8;
	color: #342f29;
}

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

.nauda-page.nauda-recruitment-page #header .header-main {
	background: #3b342a;
}

.nauda-page.nauda-recruitment-page .tuyen-viec,
.nauda-page.nauda-recruitment-page .tuyen-buoc {
	background: #f0e7d4;
}

.nauda-page.nauda-recruitment-page .tuyen-dieu {
	background: #f8f3e8;
}

.nauda-page.nauda-recruitment-page .tuyen-lien-he {
	background: #453F36 !important;
}

.nauda-page.nauda-recruitment-page .tuyen-viec .wrap,
.nauda-page.nauda-recruitment-page .tuyen-dieu .wrap,
.nauda-page.nauda-recruitment-page .tuyen-buoc .wrap,
.nauda-page.nauda-recruitment-page .tuyen-lien-he .wrap {
	width: min(1220px, 100%);
	padding-inline: 30px;
}

.nauda-page.nauda-recruitment-page .muc .gian {
	align-items: center;
	gap: .65rem;
	max-width: 660px;
	margin-bottom: .5rem;
}

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

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

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

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

.nauda-page.nauda-recruitment-page .muc h3 {
	font-size: clamp(1.25rem, 1.65vw, 1.45rem);
}

.nauda-page.nauda-recruitment-page .viec {
	margin-top: 2rem;
}

.nauda-page.nauda-recruitment-page .viec > .col > .col-inner,
.nauda-page.nauda-recruitment-page .viec article {
	height: 100%;
}

.nauda-page.nauda-recruitment-page .viec article {
	padding: clamp(1rem, 2vw, 1.7rem);
	border: 1px solid var(--vien);
	background: #f8f3e8;
}

.nauda-page.nauda-recruitment-page .viec .tuyen-anh {
	margin-bottom: 1.15rem;
}

.nauda-page.nauda-recruitment-page .viec .tuyen-anh .img-inner {
	background: #dfd0b7;
}

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

.nauda-page.nauda-recruitment-page .viec h3 {
	margin-bottom: .7rem;
}

.nauda-page.nauda-recruitment-page .viec dl {
	grid-template-columns: 6.2rem minmax(0, 1fr);
	gap: .3rem .65rem;
	margin-bottom: 1rem;
	font-size: .78rem;
	line-height: 1.45;
}

.nauda-page.nauda-recruitment-page .viec dt {
    color: #623b14;
    font-size: 12px;
}

.nauda-page.nauda-recruitment-page .viec dd {
	font-weight: 500;
}

.nauda-page.nauda-recruitment-page .viec p,
.nauda-page.nauda-recruitment-page .bon p,
.nauda-page.nauda-recruitment-page .ba p {
	padding-bottom: 0 !important;
	color: #3e3b38;
	font-size: 14px;
	line-height: 1.65;
}

.nauda-page.nauda-recruitment-page .bon,
.nauda-page.nauda-recruitment-page .ba {
	margin-top: 2rem;
}

.nauda-page.nauda-recruitment-page .bon > .col + .col,
.nauda-page.nauda-recruitment-page .ba > .col + .col {
	border-left: 1px solid var(--vien);
}

.nauda-page.nauda-recruitment-page .bon h3,
.nauda-page.nauda-recruitment-page .ba h3 {
	margin-bottom: .5rem;
}

.nauda-page.nauda-recruitment-page .ba .stt {
	display: block;
	margin-bottom: .5rem;
	font-family: var(--font-body);
	font-size: 20px;
}

.nauda-page.nauda-recruitment-page .tuyen-lien-he .gian::after {
	border-color: rgba(240, 231, 212, .18);
}

.nauda-page.nauda-recruitment-page .tuyen-lien-he .gian .ten {
	color: #e0a52c;
}

.nauda-page.nauda-recruitment-page .tuyen-lien-he .cot2 {
	align-items: flex-start;
}

.nauda-page.nauda-recruitment-page .tuyen-lien-he .don {
	padding: clamp(1.25rem, 2.5vw, 2rem);
	border: 1px solid rgba(240, 231, 212, .18);
	background: rgba(255, 255, 255, .055);
}

.nauda-page.nauda-recruitment-page .tuyen-lien-he .don label {
	color: #b9ad9a;
}

.nauda-page.nauda-recruitment-page .tuyen-lien-he .don input:not([type='submit']),
.nauda-page.nauda-recruitment-page .tuyen-lien-he .don select,
.nauda-page.nauda-recruitment-page .tuyen-lien-he .don textarea {
	min-height: 2.65rem;
	margin-bottom: 0;
	border-color: #d7cbb8;
	background: #f0e7d4;
}

.nauda-page.nauda-recruitment-page .tuyen-lien-he .don textarea {
	min-height: 7.5rem;
}

.nauda-page.nauda-recruitment-page .tuyen-lien-he .don .wpcf7-submit {
	width: auto;
	margin: 1.25rem 0 0;
	background: #a44629;
}
