:root {
	--primary-color: #ae5641;
	--second-color: #744328;
}

@font-face {
	font-family: "Barlow";
	src: url("fonts/Barlow/Barlow-Regular.ttf");
}

@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* Bắt đầu phần css chung  */
.tab a span {
	font-size: 24px;
}

body {
	background-color: #E9E5E0 !important;
}

p {
	color: #000;
	font-family: 'Barlow';
}

.section_thuc-don h4 {
	font-family: 'Barlow';
}

h2 {
	font-family: 'Mulish';
}

#main {
	background-color: #E9E5E0 !important;
}

.section_bg {
	background-color: #E9E5E0 !important;
}

input[type=text],
input[type=email],
textarea {
	border: 1px solid #000;
}

.no-padding {
	padding: 0 !important;
}

/* Kết thúc phần css chung  */

/* Bắt đầu phần header  */





.sidebar-menu li a {
	text-decoration: none !important;
	font-size: 1.2em;
}

.sidebar-menu li a:hover {
	color: var(--primary-color);
}

.stuck .header-main {
	background-color: #B7A997;
}

.header-wrapper {
	position: fixed;
}

.header-nav-main {
	justify-content: center;
	gap: 0 30px;
}

.header-nav-main li a {
	font-size: 20px;
	color: white;
	text-decoration: none;
}

.header-nav-main li a:hover {
	color: var(--primary-color);
}

.header-main .nav>li.active>a {
	color: var(--primary-color);
}

.col_gt,
.gt-header_right1 {
	padding-right: 0;
}

/* Kết thúc phần header  */

/* Bắt đầu section gt  */

.section_gt .gt-col2 .col-inner {
	position: absolute;
	bottom: 0;
	left: 0;
	transform: translateY(20%);
}

.gt-col1 {
	margin-left: 20%;
}

.gt-col2 .col-inner {
	padding-bottom: 60px;
}


.section_gt h2 {
	color: var(--primary-color);
}

.section_gt p {
	color: #000;
}

/* Kết thúc section gt  */


/* Bắt đầu secion ngu-hanh  */
.col_ngu-hanh.hover .ngu-hanh_btn {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.ngu-hanh_btn {
	position: absolute;
	z-index: 99;
	right: 0;
	bottom: 0;
	color: white !important;
	opacity: 0;
	visibility: hidden;
	transform: translateY(12px);
	transition: all 0.8s ease;

}

.section_ngu-hanh {
	padding-top: 90px !important;
}

.row_ngu-hanh {
	display: flex !important;
	flex-wrap: nowrap;
}

.row_ngu-hanh .col_ngu-hanh {
	overflow: hidden;
	transition: 1.2s all ease-in-out;
	flex: 1;
	padding: 2px;
}

.row_ngu-hanh .col_ngu-hanh .col-inner img {
	position: relative;
	height: 80vh;
}

.row_ngu-hanh .col_ngu-hanh .img-inner::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 3;
	transition: .4s all ease-in-out;
}

.row_ngu-hanh img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	object-fit: cover;
	z-index: 10;
	pointer-events: none;
	transition: .4s all ease-in-out;
}

.row_ngu-hanh .col_ngu-hanh.hover {
	flex: 10;
}

.row_ngu-hanh .col_ngu-hanh.hover img {
	transform: scale(1);
}

.row_ngu-hanh .col_ngu-hanh.hover .inner::before {
	width: 40%;
}

/* Kết thúc secion ngu-hanh  */

/* Bắt đầu section flipbook   */
.df-bg {
	background-color: #E9E5E0 !important;
}

/* Kết thúc section flipbook   */

/* Bắt đầu section danh-gia  */

.danh-gia_box h2 {
	color: #F6BA06;
	text-shadow: 0 0 0 #8C5A2B;
}

.danh-gia_box p {
	font-size: 22px;
}

.slick-prev:before,
.slick-next:before {
	font-size: 30px;
	color: var(--primary-color);
}

/* Kết thúc section danh-gia  */

/* Bắt đầu section dat-ban  */
.form_dat-ban {
	display: none;
}


.btn_dat-ban {
	width: 50%;
	border-radius: 8px;
}

.section_dat-ban .wpcf7-form {
	background-color: #d8cfc4;
	margin: auto;
	padding: 20px;
}

.special-note {
	display: none;
	margin-top: 12px;
}

.section_dat-ban .wpcf7 input,
.section_dat-ban .wpcf7 select,
.section_dat-ban .wpcf7 textarea {
	border-radius: 10px;
	padding: 7px 16px;
	border: 1px solid #d8cfc4;
	font-size: 15px;
}

.section_dat-ban .wpcf7-list-item {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.section_dat-ban .wpcf7-submit {
	background: #d8cfc4;
	color: #fff;
	border-radius: 10px;
	padding: 12px 30px;
}

/* Kết thúc section dat-ban  */

/* Bắt đầu block FAQ  */



.block_FAQ h3 {
	background-color: #AE5641;
	margin-bottom: 0;
	font-weight: bold;
	color: white;
	font-size: 30px;
	position: relative;
	cursor: pointer;
	padding-right: 55px;
}

.block_FAQ h3::before {
	content: '';
	background: url('/wp-content/uploads/2025/12/plus2.svg');
	background-repeat: repeat;
	background-size: cover;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 30%;
	right: 2%;
	z-index: 2;
}

.block_FAQ h3.active::before {
	content: '';
	background: url('/wp-content/uploads/2025/12/minus2-Copy.svg');
	background-repeat: repeat;
	background-size: cover;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 30%;
	right: 2%;
	z-index: 2;
}

.block_FAQ p {
	background-color: white;
	color: black;
	font-size: 20px;
	display: none;
	padding: 5px;
}

.block_FAQ .section-title-main {
	font-size: 30px;
}

/* Kết thúc block FAQ  */

/* Bắt đầu trang lien-he  */
.lien-he_col,
.section_lien-he {
	padding: 0;
}

.section_lien-he {
	padding-top: 0 !important;
}

.section_lien-he .wpcf7-submit {
	width: 100%;
	border-radius: 8px;
}

.section_lien-he p,
.section_lien-he h3 {
	font-size: 18px;
	color: black;
}

.khong-gian_wrap {
	padding: 30px;
}

.khong-gian_wrap .row.row-collapse {
	max-width: 1600px;
}

.col_box {
	padding: 30px;
}

.hover-box h2 {
	color: var(--primary-color);
}

.hover-box::before {
	content: '';
	background: url('/wp-content/uploads/2025/12/Vector.png');
	background-repeat: repeat;
	background-size: cover;
	width: 60px;
	height: 25px;
	position: absolute;
	top: 50%;
	right: -17%;
	z-index: 2;
	opacity: 0;
}

.show.hover-box::before {
	opacity: 1 !important;
}

/* Kết thúc trang lien-he  */

/* Bắt đầu section khong-gian  */


/* .khong-gian_wrap .kg_img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	opacity: 0;
	padding: 30px;
}

.khong-gian_wrap .kg_img img {
	height: 927px;
}

.khong-gian_wrap .khong-gian_img1 {
	opacity: 1;
}

/* Hover text 2 → ảnh 2 */
/* .khong-gian_wrap:has(.khong-gian_text2:hover) .kg_img {
	opacity: 0;
}

.khong-gian_wrap:has(.khong-gian_text2:hover) .khong-gian_img2 {
	opacity: 1;
}

/* Hover text 3 → ảnh 3 */
/* .khong-gian_wrap:has(.khong-gian_text3:hover) .kg_img {
	opacity: 0;
}

.khong-gian_wrap:has(.khong-gian_text3:hover) .khong-gian_img3 {
	opacity: 1;
}  */

.kg_col-left {
	position: relative;
}

.kg_col-left .anh {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	transition: .4s;
}

.hover-box.show {
	opacity: 1;
}

.kg_col-left .anh.active {
	opacity: 1 !important;
}

.kg_col-right .col-inner .tab_img ul {
	gap: 60px;
}

.tab_img .nav-uppercase {
	gap: 30px;
}

.section_khong-gian p {
	font-size: x-large;
}

.tab_img ul .tab.active a span,
.section_khong-gian h4 {
	color: var(--primary-color);
}

.section_khong-gian h4 {
	font-size: 60px;
	font-weight: 600;
}

.section_khong-gian h3 {
	font-size:x-large;
	font-weight: 600;
	color: var(--primary-color);
	font-family: 'Barlow';
}

.section_khong-gian a {
	text-decoration: none;
}



.section_khong-gian h2 {
	font-size: 60px;
	font-weight: 400;
	color: #000;
}



.khong-gian_box {
	width: 400px;
	height: 560px;
	border-radius: 16px;
	overflow: hidden;
	position: relative;
}

.slider {
	width: 100%;
	left: 5%;
}

.khong-gian_img {
	color: #202020;
	font-size: 3.5vw;
	line-height: 23vh;
	padding: 1vw;
	position: relative;
	text-align: center;

}

.khong-gian_img img {
	border-radius: 8px;
}

.slick-center .khong-gian_img {
	transition: 0.2s ease-in-out;
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	transform: scale(1.3);
}

.slick-center .khong-gian_img {
	font-size: 4vw;
}

.khong-gian_row .slick-slide {
	margin: 0 20px;
}

.khong-gian_row .slick-list {
	margin: 0 -20px;
}

/* Kết thúc section khong-gian  */

/* Bắt đầu section dat-hang  */
.section_dat-hang,
.dat-hang_row .col {
	padding: 0 !important;
}

/* Kết thúc section dat-hang  */




/* Bắt đầu section tuyen-dung  */
.tuyen-dung_col {
	padding-left: 0;
	padding-right: 0;
}

.section_tuyen-dung .section-title-main {
	font-size: 36px;
}

.tuyen-dung_box h2 {
	color: var(--primary-color);
}

.tuyen-dung_btn {
	display: flex !important;
	justify-content: right;

}

.tuyen-dung_box {
	display: flex;
	gap: 12px;
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.tuyen-dung_scroll {
	max-height: 750px;
	overflow-y: auto;
	padding-right: 10px;
	scroll-behavior: smooth;
}

.tuyen-dung_scroll::-webkit-scrollbar {
	width: 6px;
}

.tuyen-dung_scroll::-webkit-scrollbar-thumb {
	background: #c55a3a;
	border-radius: 4px;
}

.tuyen-dung_scroll::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.05);
}

.slider-nav .slick-slide.slick-current.slick-active .col-inner {
	border: 2px solid var(--primary-color);
}

.tuyen-dung_tab h4 {
	font-size: 48px;
	color: var(--primary-color);
}

.tuyen-dung_tab a {
	text-decoration: none;
}

.tuyen-dung_tab .tab.active a {
	color: var(--primary-color);
}

.tuyen-dung_tab ul {
	gap: 20px;
}

/* Kết thúc section tuyen-dung  */

/* Bắt đầu section footer  */

.section-title b {
	background-color: unset;
}

.section_footer .section-title-main,
.section_footer p {
	color: white;
}

.absolute-footer {
	display: none;
}

.newsletter-form input[type="email"],
.newsletter-form input[type="text"] {
	width: 100%;
	padding: 12px 16px;
	border-radius: 8px;
	border: none;
	font-size: 16px;
	margin-bottom: 12px;
}

.newsletter-form .row-inline {
	display: flex;
	gap: 10px;
	align-items: center;
}

.newsletter-form input[type="submit"] {
	background: #b4513e;
	color: #fff;
	border: none;
	padding: 12px 24px;
	border-radius: 8px;
	cursor: pointer;
	font-size: 16px;
	white-space: nowrap;
	transition: 0.25s;
}

.newsletter-form input[type="submit"]:hover {
	background: #8f3e30;
}


/* Kết thúc section footer  */

@media (min-width:1279px) {
	.img-fade-right {
		position: relative;
		overflow: hidden;
	}

	.img-fade-right img {
		-webkit-mask-image: linear-gradient(to right,
				black 70%,
				transparent 100%);
		mask-image: linear-gradient(to right,
				black 70%,
				transparent 100%);
	}

	.img-fade-left {
		position: relative;
		overflow: hidden;
	}

	.img-fade-left img {
		-webkit-mask-image: linear-gradient(to left,
				black 70%,
				transparent 100%);
		mask-image: linear-gradient(to left,
				black 70%,
				transparent 100%);
	}
	/* .am-thuc-img_fade-right {
		position: relative;
		overflow: hidden;
	}

	.am-thuc-img_fade-right img {
		-webkit-mask-image: linear-gradient(to right,
				black 50%,
				rgba(0, 0, 0, 0.85) 85%,
				rgba(0, 0, 0, 0.5) 80%,
				rgba(0, 0, 0, 0.2) 92%,
				transparent 100%);
		mask-image: linear-gradient(to right,
				black 50%,
				rgba(0, 0, 0, 0.85) 65%,
				rgba(0, 0, 0, 0.5) 80%,
				rgba(0, 0, 0, 0.2) 92%,
				transparent 100%);
	} */

	/* .img-fade-left {
		position: relative;
		overflow: hidden;
	}

	.img-fade-left img {
		-webkit-mask-image: linear-gradient(to left,
				black 65%,
				rgba(0, 0, 0, 0.9) 72%,
				rgba(0, 0, 0, 0.7) 80%,
				rgba(0, 0, 0, 0.4) 88%,
				transparent 100%);
		mask-image: linear-gradient(to left,
				black 65%,
				rgba(0, 0, 0, 0.9) 72%,
				rgba(0, 0, 0, 0.7) 80%,
				rgba(0, 0, 0, 0.4) 88%,
				transparent 100%);
	} */

	.image-bridge {
		position: absolute;
		top: 0;
		left: 50%;
		width: 120px;
		height: 100%;
		transform: translateX(-50%);
		background: linear-gradient(to right,
				rgba(233, 229, 224, 0.0),
				rgba(233, 229, 224, 0.4),
				rgba(233, 229, 224, 0.0));
		pointer-events: none;
	}

}

@media (max-width: 480px) {
	.row_ngu-hanh .col_ngu-hanh .col-inner img {
		position: relative;
		height: 20vh;
	}

	.col_gt {
		padding: 0;
	}

	.slick-arrow {
		display: none !important;
	}

	.ngu-hanh_btn {
		transition: all 1.2s ease;
	}

	.tuyen-dung_scroll {
		max-height: none;
		overflow: visible;

	}

	.gt-col1 h2 {
		font-size: 36px;
	}

	.block_FAQ h3 {
		font-size: 16px;
		padding-right: 0;
	}

	.block_FAQ h3::before {
		width: 10px;
		height: 10px;
		top: 29%;
		right: 1%;
	}

	.block_FAQ p {
		padding: 10px;
		font-size: 14px;
	}

	.section_gt p {
		font-size: 16px;
	}

	.section_ngu-hanh {
		padding-top: 0;
	}

	.row-full-width {
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.section_ngu-hanh {
		padding-top: 0 !important;
	}

	.section_bg {
		padding: 0;
	}

	.khong-gian_wrap {
		padding: 0 15px 30px;

	}

	.khong-gian-panel_mobile,
	.khong-gian_wrap {
		padding-bottom: 0;
	}

	.section_khong-gian h4 {
		font-size: 24px;
	}

	.tab a span {
		font-size: 14px;
	}

	.section_khong-gian .tab-panels {
		padding-left: 45px;
	}

	.section_khong-gian h3 {
		font-size: 24px;
	}

	.section_khong-gian p {
		font-size: 14px;
	}

	.tuyen-dung_tab ul {
		gap: 5px;
	}
}