/*
Theme Name: flatsome-child
Description: Day la child theme flatsome
Author: Nhan
Template: flatsome
Version: 3.19.9.4
*/

html {
	overflow: hidden;
	/* font-size: 1vw; */
	background: #0e030e;
}

body {
	background: #0e030e;
}

.row.row-collapse,
.container-width,
.full-width .ubermenu-nav,
.container {
	max-width: 100vw !important;
}

.container-width,
.full-width .ubermenu-nav,
.container,
.row {
	max-width: 100vw !important;
}

/* header */
.header-full-width .container {
	padding-left: 3.7vw;
	background: #0e0e0e;
}

.swiperVertical {
	width: 100%;
	height: 100vh;
}

.header,
.header-main {
	height: 8vh !important;
	position: absolute;
	top: 0;
	background: #0e0e0e;
	z-index: 99999;
	width: 100%;
}

#logo {
	width: 10vw !important;
	height: auto;
	max-height: 8vh !important;
	margin-right: 1.5vw;
}

#logo img {
	max-height: 8vh !important;
}

.header-contact {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	line-height: 8vh;
}

.icon-header {
	background-image: url(../../uploads/2025/03/cum-nut-lien-ket-la-1-nut-click-vao-bat-cu-cai-nao-cung-ve-website-viet-hung-trang-chu.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 19.5vw;
	height: 6.2vh;
}

.icon-header:hover {
	background-image: url(../../uploads/2025/03/cum-nut-lien-ket-la-1-nut-click-vao-bat-cu-cai-nao-cung-ve-website-viet-hung-trang-chu-khi-di-toi.png);
}

.bg-nhantuvan {
	background: linear-gradient(to right,
		rgba(0, 0, 0, 0) 0%,
		rgba(0, 0, 0, 0.9) 50%,
		rgba(0, 0, 0, 0) 100%);
}

.line-vertical {
	border-left: 0.08vw solid #423d32;
	height: 3vh;
	margin: 0 0.7vw;
	position: relative;
	vertical-align: middle;
}

.contact-header {
	width: 13vw;
	height: 6vh;
	background-image: url(../../uploads/2025/03/Hotline.png);
	background-size: contain;
	background-repeat: no-repeat;
}

.contact-header:hover {
	background-image: url(../../uploads/2025/03/Hotline-hover.png);
}

.flex-left .header-nav-main {
	margin-left: 1vw;
}

.flex-left .header-nav-main li {
	margin: 0;
}

.flex-left .header-nav-main li a {
	height: 8vh;
	font-size: 0.94vw;
	line-height: 8vh;
	padding: 0px 0vw;
	margin: 0px 0.68vw;
	letter-spacing: 0;
}

/* .header-main .flex-right {
margin-right: 2vw;
} */

.flex-left .header-nav-main li.active {
	position: relative;
	background: url(../../uploads/2025/03/mau-nen-nut-tab.png) no-repeat center bottom;
	background-size: cover;
}

.flex-left .header-nav-main li.active::after,
.flex-left .header-nav-main li:hover::after {
	background-image: url(../../uploads/2025/03/line-sang.png);
	display: block;
	content: "";
	width: 4vw;
	height: 0;
	padding-bottom: 9vh;
	background-size: 600% 600%;
	background-repeat: no-repeat;
	animation-name: keyframes-heme-deco-ani;
	animation-duration: 1.24s;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	animation-timing-function: steps(1);
	position: absolute;
	bottom: 0.06vw;
	left: 50%;
	transform: translateX(-50%);
	pointer-events: none;
}

.flex-left .header-nav-main li:hover {
	position: relative;
	background: url(../../uploads/2025/03/mau-nen-nut-tab.png) no-repeat center bottom;
	background-size: cover;
}

@keyframes keyframes-heme-deco-ani {
	0% {
		background-position: 0 0;
	}

	3.23% {
		background-position: 20% 0%;
	}

	6.45% {
		background-position: 0% 20%;
	}

	9.68% {
		background-position: 20% 20%;
	}

	12.9% {
		background-position: 40% 0%;
	}

	16.13% {
		background-position: 40% 20%;
	}

	19.35% {
		background-position: 0% 40%;
	}

	22.58% {
		background-position: 20% 40%;
	}

	25.81% {
		background-position: 40% 40%;
	}

	29.03% {
		background-position: 60% 0%;
	}

	32.26% {
		background-position: 60% 20%;
	}

	35.48% {
		background-position: 60% 40%;
	}

	38.71% {
		background-position: 0% 60%;
	}

	41.94% {
		background-position: 20% 60%;
	}

	45.16% {
		background-position: 40% 60%;
	}

	48.39% {
		background-position: 60% 60%;
	}

	51.61% {
		background-position: 80% 0%;
	}

	54.84% {
		background-position: 80% 20%;
	}

	58.06% {
		background-position: 80% 40%;
	}

	61.29% {
		background-position: 80% 60%;
	}

	64.52% {
		background-position: 0% 80%;
	}

	67.74% {
		background-position: 20% 80%;
	}

	70.97% {
		background-position: 40% 80%;
	}

	74.19% {
		background-position: 60% 80%;
	}

	77.42% {
		background-position: 80% 80%;
	}

	80.65% {
		background-position: 100% 0%;
	}

	83.87% {
		background-position: 100% 20%;
	}

	87.1% {
		background-position: 100% 40%;
	}

	90.32% {
		background-position: 100% 60%;
	}

	93.55% {
		background-position: 100% 80%;
	}

	96.77%,
	100% {
		background-position: 0% 100%;
	}
}

.header-inner::after {
	background: url(../../uploads/2025/03/line-sang-1.png);
	position: absolute;
	left: 0;
	z-index: 20;
	z-index: 1;
	width: 100%;
	height: 0.134vw;
	bottom: 0;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

/*  */

.bg-layer {
	background: url(../../uploads/2025/03/nen-dong-trang-chu.gif) no-repeat center;
	background-size: cover;
	transform-origin: 30% 50%;
	transition: transform .5s ease, opacity 1s ease;
	height: 100vh;
	width: 100vw;
	position: absolute;
	overflow: hidden;
}

/* .bg-one {
position: absolute;
top: 0;
left: 0;
z-index: 1;
} */

.bg-one .vongrelative:before {
	content: none;
}

.linkTkvh:hover img {
	content: url("../../uploads/2025/03/nut-lien-ket-website-khi-di-toi.png");
}


.section-home .content-left {
	position: absolute;
	/* height: 90vh; */
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	bottom: -20.3vw;
}

.section-home .content-right {
	position: absolute;
	height: 90vh;
	bottom: 0;
	right: 0;
	display: flex;
	align-items: center;
	top: -43vh;
}

.home-bg-transition-enter {
	transform: scale(1.2);
	/* opacity: 0; */
	/* background: #0e0e0e; */
}

.section-logo {
	opacity: 0;
	transition: opacity 1s;
}

.open-effect {
	opacity: 1 !important;
	animation: openEffect 1s linear forwards;
}

.close-layer {
	background: rgb(14, 14, 14) !important;
}


@keyframes openEffect {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 0.5;
	}

	100% {
		opacity: 1;
	}
}

/* Section 2 - Ink Splash Reveal Effect */
.sliderGiaTriLogo .flickity-slider {
	transform: none !important;
}

.sliderGiaTriLogo .flickity-slider>* {
	left: 0 !important;
	opacity: 1;
	visibility: hidden;
	z-index: 0;
	position: absolute !important;
	width: 100% !important;

	/* Mask setup */
	-webkit-mask-image: url('js/ink_mask.png');
	mask-image: url('js/ink_mask.png');
	-webkit-mask-size: 0% 0%;
	mask-size: 0% 0%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;

	transition: visibility 0s 1.2s;
}

.sliderGiaTriLogo .flickity-slider>.is-selected {
	visibility: visible;
	z-index: 1;
	-webkit-animation: ink-spread 1.4s cubic-bezier(0.19, 1, 0.22, 1) forwards;
	animation: ink-spread 1.4s cubic-bezier(0.19, 1, 0.22, 1) forwards;
	transition: none;
}

@keyframes ink-spread {
	0% {
		-webkit-mask-size: 0% 0%;
		mask-size: 0% 0%;
	}

	100% {
		-webkit-mask-size: 400% 400%;
		mask-size: 400% 400%;
	}
}

/* Background Zoom complementary effect */
.sliderGiaTriLogo .banner-bg img {
	transform: scale(1.1);
	transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1);
}

.sliderGiaTriLogo .is-selected .banner-bg img {
	transform: scale(1);
}

/* Content Fade synchronization */
.sliderGiaTriLogo .banner-layers {
	opacity: 0;
	transition: opacity 0.8s ease-in-out 0.6s;
}

.sliderGiaTriLogo .is-selected .banner-layers {
	opacity: 1;
}

.sliderGiaTriLogo .flickity-prev-next-button {
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: contain !important;
	width: 4vw !important;
	opacity: 1 !important;
	bottom: 25% !important;
	z-index: 10;
	/* Đảm bảo nút điều hướng nằm trên slide */
}

/* chung */

.flickity-prev-next-button {
	opacity: 1;
	transform: none !important;
}

.flickity-button-icon {
	display: none;
}

.flickity-prev-next-button.next {
	background-image: url(../../uploads/2025/03/nut-chuyen-phai.png) !important;
	background-size: contain;
	background-repeat: no-repeat;
}

.flickity-prev-next-button.previous {
	background-image: url(../../uploads/2025/03/nut-chuyen-trai.png) !important;
	background-size: contain;
	background-repeat: no-repeat;
}

.flickity-page-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9;
}

.flickity-page-dots .dot {
	background-image: url(../../uploads/2025/03/dinh-vi-so-trang.png) !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: contain !important;
	border: none;
	margin: 0 0.5vw;
	opacity: 1;
}

.flickity-page-dots .dot.is-selected {
	background-image: url(../../uploads/2025/03/nut-dinh-vi-trang.png) !important;
	border: none;
	background-color: transparent !important;
	width: 1.5vw;
	height: 1.5vw;
}

/*  sliderSanPham   */

.sliderSanPham .banner .banner-inner {
	width: 62.5% !important;
	margin-left: 9.9vw !important;
	height: 76%;
	margin-top: 3.8vw !important;
}

.sliderSanPham .flickity-prev-next-button {
	width: 4.5vw !important;
	opacity: 1 !important;
	height: 4.5vw;
	top: 43%;
}

.sliderSanPham .flickity-prev-next-button.next {
	right: 5%;
}

.sliderSanPham .flickity-prev-next-button.previous {
	left: 5%;
}

.sliderSanPham .flickity-page-dots {
	bottom: 0.2vw !important;
}

/* gallerySanPham */

.gallerySanPham .box-text {
	display: none;
}

.gallerySanPham .flickity-prev-next-button {
	display: none !important;
}

.gallerySanPham .overlay {
	background-color: rgba(0, 0, 0, 0.5) !important;
}

.gallerySanPham .flickity-slider>.col {
	max-width: 26.5% !important;
}

.w-53 {
	flex-basis: 53%;
	max-width: 53%;
}

.w-47 {
	flex-basis: 47%;
	max-width: 47%;
}

.vongrelative {
	position: relative;
}

.ic-absulute {
	position: absolute;
	top: 50%;
	left: 51%;
	transform: translate(-50%, -50%);
	pointer-events: none;
}

.vongrelative .img-inner {
	transition: transform 0.3s ease-in-out;
}

.vongrelative .img-inner:hover {
	transform: rotate(90deg) scale(1.17);
}

.vongrelative:before {
	content: "Click xem dự án";
	width: 15vh;
	max-width: 16vh !important;
	opacity: 0;
	transition: opacity 0.3s;
	position: absolute;
	text-align: center;
	left: 50%;
	transform: translateX(-50%);
	font-size: 0.8vw;
	min-width: 3vw;
	max-width: 5vw;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0px;
	border-radius: 0.3ch;
	box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
	background: #333;
	color: #fff;
	top: 5vw;
	z-index: 999;
}

.vongrelative-dichvu:before {
	content: "Click xem dịch vụ";
}

.vongrelative:hover:before {
	opacity: 1;
}

.gallerySanPham {
	overflow: hidden;
}

div[class*="gallery-wrapper"] {
	display: inline-block !important;
	width: max-content !important;
}

.gallerySanPham .gallery-wrapper {
	display: inline-block;
	width: max-content;
	white-space: nowrap;
}

.gallerySanPham .gallery-col {
	display: inline-block;
	width: 25%;
	padding: 0;
}

.gallerySanPham .gallery-wrapper {
	animation: scrollLeft 5s linear infinite;
	width: max-content !important;
}

@keyframes scrollLeft {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-50%);
	}
}

.gallerySanPham .gallery-box:hover {
	box-shadow: #f1c683 0 0 2px, #f1c683 0 0 6px;
}

/* gallery popup */

.gallery-popup {
	display: none;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 9999;
}

.gallery-popup-content {
	width: 55%;
	position: relative;
	top: 19%;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0;
}

.gallery-close-button {
	position: absolute;
	right: -6.5%;
	top: -6%;
	width: 6%;
	cursor: pointer;
}

.gallery-close-button img {
	border: none;
	width: 50%;
}

#gallery-popup-image {
	border: 0.1vw solid #ceac80;
	width: 100%;
	height: 65vh;
}

/* video popup */

.video-popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	justify-content: center;
	align-items: center;
	z-index: 999999;
}

.video-popup-content {
	position: absolute;
	width: 90%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 80%;
	/* width: 45vw; */
	border: 1px solid #ceac80;
}

.vongrelative img {
	cursor: pointer;
}

.close-video {
	background-image: url(./assets/images/dich-vu/mobile-28-1.png);
	cursor: pointer;
	width: 2vw;
	height: 4vh;
	background-repeat: no-repeat;
	background-size: cover;
	top: -5vh;
	right: -3vw;
	position: absolute;
}

/*  */

.stackDichVu>* {
	--stack-gap: 10vw !important;
}

.clickXemDuAn:hover img {
	content: url("../../uploads/2025/03/dich-vu-02.png");
}

.itemTextDichVu p {
	font-size: 0.95vw;
	margin-bottom: 0;
	margin-top: 0;
	color: #8f8f8f;
}

.itemTextDichVu h3 {
	font-size: 1vw !important;
	margin-bottom: 0.2vw;
	margin-top: 0;
}

.itemTextDichVu {
	margin-bottom: 0.5vw;
}

.itemTextDichVu:hover h3 {
	color: #ceac80;
}

/* form */

.wpcf7 .row {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 0px;
}

.wpcf7 .column {
	flex: 1;
	padding: 0 1vh;
	box-sizing: border-box;
}

.column-full {
	padding: 0 1vh;
}

.wpcf7 label {
	display: block;
	margin-bottom: 1vh;
	text-align: left;
	font-size: 1vw;
	font-weight: 600;
	color: #fff;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
	width: 100%;
	padding: 1.5vh;
	box-sizing: border-box;
	border-radius: 0.6vh;
	border: 0.2vh solid #a88663;
	opacity: 0.8;
	font-size: 1.7vh;
	margin-bottom: 2vh;
	height: 6vh;
}

.wpcf7 .wpcf7-not-valid-tip {
	background-color: #f1f1f1;
	border-radius: 0.3vh;
	color: var(--fs-color-alert);
	line-height: 1.2em;
	margin-top: -1vh;
	opacity: 0.8;
	padding: 0.5vh;
	position: relative;
	font-size: 0.8vw;
}

input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
select:focus,
textarea:focus {
	background-color: #fff;
	box-shadow: 0 0 1vh #ccc;
	color: #333;
	opacity: 1 !important;
	outline: 0;
}

input::placeholder,
textarea::placeholder {
	color: var(--primary-color);
}

textarea {
	min-height: 15vh;
}

.wpcf7 input[type="submit"] {
	display: none;
}

.gui-yeu-cau {
	background-image: url(../../uploads/2025/03/Trang-thong-tin-lien-he-08.png);
	width: 27vh;
	height: 10vh;
	background-size: cover;
	margin: 0 auto;
	cursor: pointer;
	margin-top: -3vh;
}

.gui-yeu-cau:hover {
	background-image: url(../../uploads/2025/03/Trang-thong-tin-lien-he-07.png);
}

input::placeholder,
textarea::placeholder {
	color: #ceac80;
}

.wpcf7 form .wpcf7-response-output {
	color: #fff;
	font-size: 0.9vw;
	margin: 0;
	padding: 0.2em 0;
}

.gallery-list {
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: start;
	position: relative;
	z-index: 2;
	width: 100%;
}

.sanpham-gallery-top,
.sanpham-gallery-bottom {
	overflow: hidden;
	padding: 0;
	white-space: nowrap;
	position: relative;
}

.sanpham-gallery-top img,
.sanpham-gallery-bottom img {
	width: auto;
	display: inline-block;
	filter: brightness(70%);
	height: 17.7vh;
	margin: 0 -0.13vw;
}

.gallery-slide-top {
	display: inline-block;
	animation: gallery-slide-top 50s linear infinite;
	width: max-content;
}

.gallery-slide-bottom {
	display: inline-block;
	animation: gallery-slide-bottom 50s linear infinite;
	width: max-content;
}

.sanpham-gallery-top .gallery-slide-top img:hover,
.sanpham-gallery-bottom .gallery-slide-bottom img:hover {
	filter: brightness(100%);
	box-shadow: #f1c683 0 0 2px, #f1c683 0 0 6px;
}

@keyframes gallery-slide-top {
	0% {
		transform: translateX(0%);
	}

	100% {
		transform: translateX(-50%);
	}
}

@keyframes gallery-slide-bottom {
	0% {
		transform: translateX(-50%);
	}

	100% {
		transform: translateX(0%);
	}
}

#footer {
	display: none;
}

@media (max-width: 767.98px) {
	#logo {
		width: 34vw !important;
		height: auto;
		max-height: 8vh !important;
		margin-right: 1.5vw;
		z-index: 1;
		margin-left: 0;
	}

	.contact-mb {
		width: 50vw;
		z-index: 2;
		justify-content: right;
		height: 14vw;
	}

	.img-ct-mb {
		background-image: url(./assets/images/mobile/hotline.png);
		background-size: cover;
		width: 48vw;
		height: 12vw;
		display: block;
		z-index: 1;
		margin-right: 1.5vw;
	}

	.mobile-nav a:hover .img-ct-mb {
		background-image: url(./assets/images/mobile/hotline-hover.png);
	}

	.header-full-width .container {
		padding-left: 0;
		background: #0e0e0e;
		padding-right: 0;
	}

	.icon-menu::before {
		content: none;
	}

	.icon-menu {
		z-index: 1;
	}

	.icon-menu::after {
		content: "";
		background: url(./assets/images/mobile/mobile-23.png);
		background-size: cover;
		width: 12vw;
		/*     height: 30px; */
		display: block;
		height: 14vw;
		margin-top: 0vw;
	}

	.nav>li>a {
		padding: 0;
	}

	.header-inner {
		height: 14vw !important;
	}

	.header,
	.header-main {
		height: 14vw !important;
	}

	.header-inner::after {
		content: "";
		position: absolute;
		width: 100%;
		height: 16vw;
/* 		height: 7vh; */
		background: url(./assets/images/mobile/mobile-22.png);
		background-size: cover;
		bottom: 0px;
		background-repeat: no-repeat;
		z-index: 0;
		top: -2vw;
	}

	/* .swiper-slide {
	padding-top: 14vw !important;
} */

	.flickity-page-dots {
		align-items: center;
	}

	.flickity-page-dots .dot {
		width: 2vw;
		height: 2vw;
	}

	.flickity-page-dots .dot.is-selected {
		width: 4vw;
		height: 4vw;
	}

	.section {
		background-color: #0e0e0e;
		height: 100vh !important;
		padding-top: 14vw !important;
		align-items: start;
	}

	.sec-two .flickity-viewport {
		height: 92vh !important;
	}

	.sec-two .slider-wrapper .flickity-prev-next-button {
		display: block;
	}

	.sliderGiaTriLogo .flickity-prev-next-button {
		width: 12vw !important;
		opacity: 1 !important;
		bottom: 45% !important;
	}

	.sliderGiaTriLogo .flickity-prev-next-button.next {
		right: 0;
	}

	.sliderGiaTriLogo .flickity-prev-next-button.previous {
		left: 0;
	}

	.col-inner>.img:not(:last-child),
	.col>.img:not(:last-child) {
		margin-bottom: 0;
	}

	.sliderSanPham .banner .banner-inner {
		width: 80% !important;
		height: auto;
		margin-top: 0 !important;
		margin-left: 10% !important;
	}

	.sliderSanPham .flickity-page-dots {
		bottom: -7.8vw !important;
	}

	.sliderSanPham .flickity-page-dots .dot {
		margin: 0 2vw;
	}

	.sanpham-gallery-top img,
	.sanpham-gallery-bottom img {
		height: 18.7vh;
		margin: 0 0.5vw;
	}

	.gallery-list {
		gap: 2vw;
	}

	.sanpham-gallery-top img,
	.sanpham-gallery-bottom img {
		border: 1px solid #ceac80;
	}

	.sanpham-gallery-top .gallery-slide-top img:hover,
	.sanpham-gallery-bottom .gallery-slide-bottom img:hover {
		box-shadow: none;
	}

	.click-xem-du-an-mb:hover img {
		content: url(../../uploads/2025/08/Mobile-62.png);
	}

	.wpcf7 .row {
		flex-wrap: wrap;
	}

	.wpcf7 .column {
		flex: 1 50% !important;
	}

	.wpcf7 label {
		margin-bottom: 3px;
		text-align: left;
		font-size: 3vw;
		font-weight: 600;
	}

	.wpcf7 input[type="text"],
	.wpcf7 input[type="email"],
	.wpcf7 input[type="tel"],
	.wpcf7 textarea {
		width: 100%;
		padding: 1.5vh;
		box-sizing: border-box;
		border-radius: 0.6vh;
		border: 0.2vh solid #a88663;
		opacity: 0.8;
		margin-bottom: 1vh;
		height: 5vh;
		font-size: 16px;
	}

	.wpcf7 form .wpcf7-response-output {
		font-size: 9px;
		margin-top: 0vw;
	}

	.wpcf7 .wpcf7-not-valid-tip {
		font-size: 7px;
	}

	/* menu mobile */

	.popup-menu-mobile {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #0e0e0e;
		color: white;
		display: none;
		z-index: 9999;
		align-items: center;
		justify-content: center;
		z-index: 9999999;
		padding: 50px 30px;
	}

	.popup-menu-mobile .logo-mb-menu {
		width: 60%;
	}

	.list-menus-item-mb {
		margin-top: 10vw;
	}

	.item-menu-mb {
		display: flex;
		justify-content: space-between;
		padding: 2.5vw 0;
		border-bottom: 0.25px solid #ceac80;
	}

	.item-menu-mb a {
		text-transform: uppercase;
		color: #7b7266;
		font-weight: 500;
		font-size: 4.5vw;
	}

	.active-button-mobile a {
		color: #bf9f77;
	}

	.item-menu-mb .icon-menu-mb {
		width: 4%;
	}

	.icon-header-mobile {
		width: 20rem;
		height: 5rem;
		background-image: url(./assets/images/cum-nut-lien-ket-la-1-nut-click-vao-bat-cu-cai-nao-cung-ve-website-viet-hung-trang-chu.png);
		background-size: contain;
		background-repeat: no-repeat;
		margin: 0 auto;
	}

	.icon-header-mobile:hover {
		background-image: url(./assets/images/cum-nut-lien-ket-la-1-nut-click-vao-bat-cu-cai-nao-cung-ve-website-viet-hung-trang-chu-khi-di-toi.png);
	}

	.sound-mb p {
		text-transform: uppercase;
		color: #bf9f77;
		font-size: 18px;
		margin-top: 16px;
	}

	.image-sound {
		margin-top: 4vw;
		position: relative;
	}

	.image-sound img {
		width: 11%;
	}

	.image-sound .tooltip-text {
		visibility: hidden;
		width: 200px;
		opacity: 0;
		transition: opacity 0.3s;
		text-align: center;
		font-size: 0.75rem;
		min-width: 3em;
		max-width: 8em;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		padding: 0px;
		border-radius: 0.3ch;
		box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
		background: #333;
		color: #fff;
		position: absolute;
		left: 14%;
		top: 50%;
		transform: translateY(-50%);
		position: absolute;
	}

	.image-sound:hover .tooltip-text {
		visibility: visible;
		opacity: 1;
	}

	.line-menu-mb {
		margin-top: 14vw;
		margin-bottom: 5vw;
	}

	.close-menu-header {
		background-image: url(./assets/images/dich-vu/mobile-28-1.png);
		cursor: pointer;
		width: 24px;
		height: 24px;
		background-repeat: no-repeat;
		background-size: cover;
		top: 2%;
		right: 5%;
		position: fixed;
	}

	.home-mobile {
		background: #0e0e0e;
	}

	.form-lien-he {
		margin-top: 1vh;
		padding: 0 4vw;
	}

	.off-canvas {
		display: none;
	}

	.icon-header-mobile {
		width: 20rem;
		height: 5rem;
		background-image: url(./assets/images/cum-nut-lien-ket-la-1-nut-click-vao-bat-cu-cai-nao-cung-ve-website-viet-hung-trang-chu.png);
		background-size: contain;
		background-repeat: no-repeat;
		margin: 0 auto;
	}

	.icon-header-mobile:hover {
		background-image: url(./assets/images/cum-nut-lien-ket-la-1-nut-click-vao-bat-cu-cai-nao-cung-ve-website-viet-hung-trang-chu-khi-di-toi.png);
	}

	.gallery-popup-content {
		width: 90%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		right: unset;
		bottom: unset;
		position: absolute;
	}

	#gallery-popup-image {
		border: 1px solid #ceac80;
		width: 100%;
		height: AUTO;
	}

	.gallery-close-button img {
		width: 100%;
	}

	.gallery-close-button {
		position: absolute;
		right: 0%;
		top: -13%;
		width: 6%;
		cursor: pointer;
	}

	.vongrelative:before {
		content: none;
	}

	.sec-sanpham {
		padding-top: 21vw !important;
	}

	.sliderSanPham .flickity-prev-next-button {
		display: block;
	}

	.sliderSanPham .flickity-prev-next-button {
		width: 13.5vw !important;
	}

	.sliderSanPham .flickity-prev-next-button.next {
		right: -3%;
	}

	.sliderSanPham .flickity-prev-next-button.previous {
		left: 0%;
	}

	.sec-dichvu {
		margin-top: 0vw;
	}

	.sec-dichvu .col-inner>.img:not(:last-child),
	.sec-dichvu .col>.img:not(:last-child) {
		margin-bottom: 0vw;
	}

	.bg-layer {
		display: none;
	}

	.section-logo {
		opacity: 1 !important;
		animation: none;
		padding-top: 5vh !important;
	}

	.section-logo .banner-bg :is(img, picture, video) {
		object-position: 50% 100%;
	}

	.sec-ly-do {
		padding-top: 6.5vh !important;
	}

/* 	.sec-footer {
		padding-top: 7.5vh !important;
	} */
}

.image-sound-dt {
	position: fixed;
	bottom: 3%;
	left: 2.5%;
	z-index: 99999999;
	cursor: pointer;
	font-size: 1.5vh;
}

.image-sound-dt img {
	width: 6.5vh;
}

.image-sound-dt .tooltip-text {
	opacity: 0;
}

.image-sound-dt:hover .tooltip-text {
	opacity: 1;
}

.mt-minus-5 {
	/* margin-top: -5vw; */
}

.col-inner>.img:not(:last-child),
.col>.img:not(:last-child) {
	margin-bottom: 1vw;
}

.h-93 {
	height: 94vh;
}