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


.flickity-prev-next-button:disabled,
button.flickity-prev-next-button[disabled] {
	background: #000 !important;
	opacity: 0.5 !important;

}

@media screen and (min-width: 2560px) {
	body {
		max-width: 2560px;
		min-width: inherit;
		margin: 0 auto;
		background-image: url(./assets/images/common_pattern_bg.jpg),
			url(./assets/images/common_pattern_bg.jpg);
		background-position: 0 0, 100% 0;
		background-repeat: repeat-y;
		background-size: calc((100% - 2560px) / 2), calc((100% - 2560px) / 2);
		background-color: #101115;

		font-family: Montserrat, sans-serif;
		font-weight: 400;
	}
}

.container,
.container-width,
.full-width .ubermenu-nav,
.row {
	/* width: calc(80% + 15vw);
	max-width: 100% !important; */
	max-width: 1200px;
}

/* header */

.header-container {
	width: 100%;
	/* margin-left: 4%; */
	display: flex;
	height: 70px;
	height: 4.2vw;
	justify-content: center;
	/*   max-width: 1200px; */
	max-width: 100%;
	margin: 0 auto;
}

.header-main-home {
	background-color: #0e0e0e;
	position: relative;
	height: 70px;
	height: 4.2vw;
}

.header-main-home .container {
	display: flex;
	/* justify-content: space-between; */
	align-items: center;
	/* 	height: 8vh; */
	height: 4.2vw;
}

.logo-home {
	line-height: 70px;
	line-height: 4.2vw;
}

.header-main-home a img {
	/* width: 19vh; */
	height: auto;
	/* width: 165.11px; */
	/* max-width: 165.11px; */
	/* width: 20vw; */
	max-width: 10.1vw;
}

.header-main-home .header-menu {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-left: 2.77vw;
	margin-right: 1.5vw;
	/* 	margin-left: 46.5px;
	margin-right: 25.2px; */
}

.header-main-home .header-menu a {
	text-transform: uppercase;
	color: var(--primary-color);
	font-weight: normal;
	/* 	padding: 0 1.2vw; */
	margin: 0 -0.2vw;
	height: 70px;
	font-size: 15.7px;
	line-height: 70px;
	height: 4.2vw;
	line-height: 4.2vw;
	padding: 0px 13.3px;
	margin: 0 -3px;
	white-space: nowrap;
	padding: 0 1.2vw;
	margin: 0 -0.2vw;
	font-size: 0.94vw;
}

.header-main-home .header-menu a.active-button {
	position: relative;
	background: url(./assets/images/mau-nen-nut-tab.png) no-repeat center bottom;
	background-size: cover;
}

.header-main-home .header-menu a:hover {
	background: url(./assets/images/mau-nen-nut-tab.png) no-repeat center bottom;
	background-size: cover;
}

.header-main-home .icon-header {
	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;
	width: 17.5vw;
	height: 5.2vh;
	/* 	width: 294px;
	height: 45.19px; */
}

.header-main-home .icon-header: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);
}

.header-main-home .contact-header {
	width: 11.6vw;
	height: 5.5vh;
	/* 	width: 194.88px; */
	/* 	height: 47.79px; */
	background-image: url(./assets/images/Hotline.png);
	background-size: contain;
	background-repeat: no-repeat;
}

.header-main-home .contact-header:hover {
	background-image: url(./assets/images/Hotline-hover.png);
}

.header-main-home .line-vertical {
	border-left: 1.5px solid #423d32;
	height: 3.9vh;
	margin: 0 0.5vw;
	position: relative;
	vertical-align: middle;
	/* 	height: 33.89px; */
	/* 	margin: 0 8px; */
}

.header-main-home:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 2.9%;
	background: url(./assets/images/line-sang-chan-thanh-menu.png);
	bottom: 0px;
	background-size: contain;
}

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

.header-container::after {
	content: none;
}

.header-bot {
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	z-index: 30;
	-webkit-transition: transform 0.3s ease, top 0.2s;
	transition: transform 0.3s ease, top 0.2s;
	overflow: hidden;
	box-sizing: border-box;
	background: #384c8b url(./assets/images/bg-header-bot.jpg) no-repeat center;
	background-size: cover;
	position: relative;
}

.header-bot a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	/* padding: 0.7vh 0; */
	font-size: 16px;
	color: #fff;
	text-align: center;
	box-sizing: border-box;
	padding: 5.7px 0;
}

.header-bot a p {
	color: #fff !important;
	margin-bottom: 0;
}

.icn_next_circle {
	background-image: url(./assets/images/icon_header_top.png);
	background-size: contain;
	background-repeat: no-repeat;
	/* width: 1.4vw;
	height: 1.4vw;
	margin-left: 0.5vw; */
	width: 23.52px;
	height: 23.52px;
	margin-left: 8.4px;
}

.header-bot::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.15);
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
	content: "";
	z-index: -1;
}

.header-bot:hover::before {
	background: rgba(0, 0, 0, 0);
}

.active-button i {
	/* width: 6vw; */
	position: absolute;
	left: 0;
	transform: scale(0.75);
	bottom: -14%;
	right: 0;
	margin: 0 auto;
	width: 100px;
}

.active-button i:after {
	background-image: url(./assets/images/line-sang.png);
	display: block;
	content: "";
	width: 100%;
	height: 0;
	/* padding-bottom: 9.5vh; */
	padding-bottom: 90px;
	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);
	padding-bottom: 5.4vw;
}

@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%;
	}
}


/* chung */

b,
strong {
	font-weight: 600;
}

.label_title {
	color: var(--primary-color);
	/* font-size: 1.4vw; */
	/* margin-bottom: 1.5vh; */
	font-family: "Times New Roman", Times, serif;
	font-size: 23.5px;
	margin-bottom: 13px;
	letter-spacing: 1px;
}

.feature_wrap h2 {
	font-family: "Times New Roman", Times, serif;
	font-weight: 400;
	font-style: normal;
	color: #fff;
	/* font-size: 2.3vw; */
	font-size: 38.5px;
	line-height: 1.25;
	letter-spacing: 1px;
}

.color-primay-blog {
	color: #805e3c;
}

.blog-main {
	/* margin-top: 2vh; */
	color: #000;
	margin-top: 17.38px;
}

.blog-main .content-right {
	/* padding-left: 2vw !important; */
	padding-left: 33.6px !important;
}

.blog-main ol li::marker {
	font-weight: bold;
}

.blog-main ol li,
.blog-bottom ul li,
.blog-bottom ol li {
	/* margin-left: 1.3vw; */
	margin-bottom: 0;
	/* font-size: 0.84vw; */
	margin-left: 21.84px;
	font-size: 14.112px;
}

.blog-main ol ul {
	margin: 0;
	/* margin-left: -1vw; */
	margin-left: -16.8px;
}

.blog-bottom hr {
	border-color: #0f0f0f29;
	opacity: 1;
	/* margin: 4vh 0; */
	margin: 34.76px 0;
}

.blog-bottom {
	color: #000;
}

.category_wrap .title-small {
	/* font-size: 0.9vw; */
	font-size: 15.12px;
}

.category_wrap ol,
.category_wrap ul {
	margin-bottom: 0;
}

/* section gioi thieu  */

.feature_wrap.first {
	/* background: url(./assets/images/anh-bia-trang-chu.jpg) no-repeat center;
	background-size: cover;
	position: relative; */

	position: relative;
	aspect-ratio: 16 / 7.2;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.feature_wrap.first .bg-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
}

.feature_wrap.first .visual_wrap {
	position: relative;
	z-index: 10;
	display: block;
	/* padding-top: 6vh; */
	/* padding-left: 17.5vw; */
	/* padding-bottom: 7vh; */
	max-width: 1200px;
	/* margin: 63px auto 0; */
	/* padding: 0 30px; */
	margin: 0 auto;
	/* padding-top: 73px; */
	/* padding-left: 3%; */
	/* padding-bottom: 60.83px; */
	/* max-width: 1200px; */
	width: 1200px;
}

.feature_wrap.first .visual_wrap .logo02 {
	/* width: 17.5vw; */
	/* margin-bottom: 3.5vh; */
	width: 294px;
	margin-bottom: 30px;
}

.feature_wrap.first .visual_wrap .h2_desc {
	color: var(--primary-color);
	/* font-size: 1vw; */
	margin-bottom: 3.5vh;
	font-size: 16.8px;
}

.feature_wrap.first .visual_wrap .feature-video,
.video_area {
	/* width: 26.3vw; */
	width: 496.84px;
	position: relative;
}

.play-video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	/* width: 4.2vw; */
	display: flex;
	justify-content: center;
	align-items: center;
	width: 90px;
}

.nut-play-xoay {
	width: 100%;
	height: auto;
	position: absolute;
}

.tam-play-xoay {
	/* width: 1vw; */
	height: auto;
	position: absolute;
	top: 50%;
	left: 54%;
	transform: translate(-50%, -50%);
	width: 22px;
}

.nut-play-xoay {
	transition: transform 0.3s ease-in-out;
}

.play-video-link {
	cursor: pointer;
}

.feature-video:hover .nut-play-xoay {
	transform: rotate(90deg) scale(1.15);
}

.feature-video:hover .play-video {
	/* width: 4.5vw; */
	/* height: 4.5vw; */
    width: 95.6px;
    height: 95.6px;
}

/* 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; */
}

.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;
	width: 34.8px;
	height: 34.8px;
	top: -53px;
	right: -40px;
}

/* section hanh trinh */

.feature_wrap.second {
	background: url(./assets/images/anh-nen-phan-noi-dung.png) no-repeat center;
	position: relative;
	/* aspect-ratio: 16 / 9; */
	width: 100%;
	display: flex;
	/* align-items: center; */
	justify-content: center;
	overflow: hidden;
	background-size: cover;
	padding-top: 80px;
	padding-bottom: 80px;
	background-position: bottom;
}

.feature_wrap.second .bg-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
	display: none;
}

.feature_wrap.second .visual_wrap {
	/* padding-top: 6vh;
	padding-bottom: 7vh; */
	position: relative;
	z-index: 10;
	display: block;
	/* padding-top: 52.14px; */
	/* padding-bottom: 60.83px; */
	/* padding-top: 3%;
	padding-bottom: 3.5%; */

	/* 	margin-top: 80px; */
	/*     padding-bottom: 80px; */
}

.feature_wrap.second .label_title {
	margin-bottom: 8.69px;
}

.feature_wrap.second h2 {
	text-align: center;
}

.feature_wrap.second .category_wrap {
	/* max-width: 61vw; */
	/* max-width: 55vw; */
	margin: 0 auto;
	/* margin-top: 5vh; */
	max-width: 924px;
	/* margin-top: 43.45px; */
	margin-top: 2.5%;
}

.feature_wrap.second .category_wrap .tab_category_nav {
	display: flex;
	align-items: center;
	justify-content: center;
	-ms-flex-align: center;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}

.tab_category_nav>li,
.tab_category_nav>a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(100% / 4);
	/* height: 8.1vh; */
	box-sizing: border-box;
	text-align: center;
	text-decoration: none;
	color: rgb(155 151 151);
	position: relative;
	margin: 0;
	font-family: "Times New Roman", Times, serif;
	/* font-size: 1vw !important; */
	font-weight: normal;
	height: 70.4px;
	font-size: 16.8px !important;
}

.tab_category_nav>li a {
	font-size: 16.8px !important;
	padding: 0 !important;
	font-weight: normal !important;
	color: rgb(155 151 151);
}

.tab_category_nav>li a span {
	font-family: "Times New Roman", Times, serif;
}

.tab_category_nav>li.active>a {
	color: var(--primary-color);
}

.feature_wrap.second .category_wrap .tab_category_nav li:first-of-type::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 400%;
	height: 1px;
	background: rgba(194, 194, 194, 0.2);
	z-index: 1;
}

.feature_wrap.second .category_wrap .tab-panels {
	padding: 0 !important;
	/* margin-top: -1vh; */
	margin-top: -4.5px;
}

.feature_wrap.second .category_wrap .tab_category_nav>a:nth-of-type(2)::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 400%;
	height: 1px;
	background: rgba(194, 194, 194, 0.2);
	z-index: 1;
}

.tab_category_nav>li::after,
.tab_category_nav>a::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 1px;
	background: #ae8973;
	transition: opacity 0.25s;
	opacity: 0;
	z-index: 10;
}

.tab_category_nav>li.active::after,
.tab_category_nav>li:hover::after,
.tab_category_nav>a:hover::after {
	opacity: 1;
}

.tab_category_nav>li:hover a,
.tab_category_nav>a:hover {
	color: var(--primary-color);
}

.feature_wrap.second .history_world {
	background: url(./assets/images/nen-noi-dung-bai-viet.png);
	background-size: cover;
	background-repeat: no-repeat;
}

.feature_wrap.second .box_history {
	position: relative;
	/* height: 62vh; */
	/* width: 64.4vw; */
	/* 	margin-left: -5.5vw; */
	height: 548.78px;
	width: 1081.92px;
	margin-left: -92.4px;
}

.feature_wrap.second .box_history .inner {
	position: relative;
	/* max-width: 52vw; */
	margin: 0 auto;
	box-sizing: border-box;
	/* padding-top: 7vh; */
	font-family: Montserrat, sans-serif;
	max-width: 873.6px;
	padding-top: 60.83px;
}

.feature_wrap.second .box_history .title {
	color: #805e3c;
	/* font-size: 1.8vw; */
	text-align: center;
	font-weight: 600;
	font-family: "Times New Roman", Times, serif;
	font-size: 30.24px;
}

.feature_wrap.second .box_history .text_area {
	/* padding-left: 4vw; */
	/* padding-right: 0.5vw; */
	/* margin-top: 3.5vh; */
	/* line-height: 3.2vh; */
	/* height: 45vh; */
	box-sizing: border-box;
	overflow-y: auto;
	/* font-size: 0.84vw; */
	font-family: "Times New Roman", Times, serif;
	/* height: 40vh; */
	padding-left: 57.2px;
	padding-right: 18.4px;
	margin-top: 30.615px;
	line-height: 27.808px;
	height: 345.05px;
}

.feature_wrap.second .box_history .text_area .sub-title {
	/* font-size: 0.96vw; */
	font-size: 16.128px;
}

.feature_wrap.second .box_history .text_area p {
	color: #000;
	/* font-size: 0.84vw; */
	margin-bottom: 0;
	font-size: 14.112px;
}

.feature_wrap.second .box_history .img-next {
	/* padding-top: 10vh; */
	padding-top: 86.9px;
}

/* tab catalogue */
/* .tab-catalogue .blog-main .content-right {
padding-left: 0 !important;
} */

.tab-catalogue .blog-main .content-left {
	/* padding-right: 2vw !important; */
	padding-right: 33.6px;
}

.feature_wrap.second .tab-catalogue .img-next {
	/* padding-top: 2.5vh !important; */
	padding-top: 21.725px;
}

.img-dich-vu-lien-quan {
	position: ABSOLUTE;
	/* top: -2vh; */
	right: 0;
	/* width: 9.5vw; */
	top: -24.38px;
	width: 159.6px;
}

/* tab thi cong in an */

.img-thiconginan-first {
	float: right;
	/* width: 23vw; */
	margin-left: 1vw;
	/* width: 386.4px; */
	margin-left: 16.8px;
}

.img-thiconginan-second {
	float: right;
	/* width: 15vw; */
	width: 252px;
}

/* scroll */

.text_area::-webkit-scrollbar {
	width: 11px;
	height: 8px;
	background: url(./assets/images/scrollbar_track_bg.png) repeat-y;
}

.text_area::-webkit-scrollbar-thumb {
	background: #4e2f2d;
	-wekbkit-border-radius: 11px;
	border-radius: 11px;
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1);
}

.text_area::-webkit-scrollbar-track {
	background-color: transparent;
}

/* section gia tri thiet ke */


.sliderGiaTri .flickity-slider {
	transition: transform 0.2s linear !important;
}


.sliderGiaTri .flickity-slider.no-transition {
	transition: transform 0s !important;
}

.sliderGiaTri .slider-style-focus {
	padding: 0;
}

.sliderGiaTri .flickity-prev-next-button.next {
	right: 44.6%;
	top: 88%;
}

.sliderGiaTri .flickity-prev-next-button.previous {
	left: 47.8%;
	top: 88%;
}


.sliderGiaTri .flickity-prev-next-button {
	opacity: 0.5 !important;
	background: #000;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	box-sizing: border-box;
	overflow: hidden;
	z-index: 999;
	margin: 0;
	width: 3.5vw;
	height: 3.5vw;
	border: none;
}

.sliderGiaTri .flickity-prev-next-button.previous::before {
	display: block;
	content: "";
	overflow: hidden;
	position: absolute;
	left: 55%;
	width: 1vw;
	height: 1vw;
	background-color: transparent;
	border-left: 0.1vw solid #fff;
	border-top: 0.1vw solid #fff;
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);
}

.sliderGiaTri .flickity-prev-next-button.next::before {
	display: block;
	content: "";
	overflow: hidden;
	position: absolute;
	left: 45%;
	width: 1vw;
	height: 1vw;
	background-color: transparent;
	border-left: 0.1vw solid #fff;
	border-top: 0.1vw solid #fff;
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(135deg);
}

.sliderGiaTri .flickity-prev-next-button svg {
	display: none;
}

.feature_wrap.third .visual_wrap {
	position: relative;
	/* height: 93.47vh; */
	/* margin-top: -0.1vh; */
	height: 812.2px;
	margin-top: -0.869px;
}

.feature_wrap.third .label_title {
	letter-spacing: 0.8px;
	color: #6d6e71;
	z-index: 25;
	display: block;
	position: relative;
	/* padding-top: 7.5vh; */
	padding-top: 65.1px;

}

.feature_wrap.third h2 {
	color: #b2b2b2;
	z-index: 25;
	display: block;
	position: relative;
	/* line-height: 6vh; */
	line-height: 52.14px;
}

.feature_wrap.third .box_inner {
	position: relative;
	max-width: 733.8px;
	box-sizing: border-box;
}

.guide_bg_wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 15;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.guide_right {
	position: absolute;
	/* top: 15.45vw; */
	z-index: 20;
	box-sizing: border-box;
	right: 0;
	/* left: 38.7vw; */
	background: #0e0e0e;
	/* height: 26vw; */
	top: 259.5px;
	left: 39%;
	height: 436.8px;
}

.guide_bg_wrap .tab_nav_area .tab_guide_nav {
	position: relative;
	display: inline-block;
	/* max-width: 46vw; */
	width: 100%;
	max-width: 772.8px;
	z-index: 99999;
}

.guide_bg_wrap .tab_nav_area .tab_guide_nav .line {
	position: absolute;
	left: 0;
	bottom: 0;
	display: inline-block;
	width: 0;
	height: 1px;
	background: #ae8973;
	transition: transform 0.3s;
}

.tab_guide_nav ul,
.tab_guide_nav li {
	margin-bottom: 0;
}

.guide_bg_wrap .tab_nav_area ul {
	display: flex;
	align-items: center;
	justify-content: center;
	-ms-flex-align: center;
	justify-content: flex-start;
	align-items: stretch;
	width: 100%;
}

.guide_bg_wrap .tab_nav_area ul li {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	-ms-flex-align: center;
	width: 16.6666%;
	/* height: 15vh; */
	box-sizing: border-box;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	height: 130.35px;
}

.guide_bg_wrap .box_guide_bg {
	display: none;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}

.guide_bg_wrap .box_guide_bg::after {
	display: block;
	content: "";
	position: absolute;
	top: 259.56px;
	left: 0;
	right: 61%;
	height: 436.8px;
	background: #f5f5f5;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}

.guide_bg_wrap .box_guide_bg::before {
	position: absolute;
	top: 0;
	left: 0;
	/* background-size: cover; */
	content: "";
	/* width: 39%; */
	/* height: 100%; */
	z-index: 2;
	width: 649.34px;
	height: 812.2px;
	left: 37.5%;
	margin-left: -626px;
	display: block;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
}

[data-aos] {
	position: relative;
	z-index: 9999;
}

.box_guide_bg {
	z-index: 1;
}

.guide_bg_wrap .box_guide_bg.graphics {
	background-image: url(./assets/images/nen-gia-tri-1.png);
}

.guide_bg_wrap .box_guide_bg.graphics::before {
	background-image: url(./assets/images/nv-gia-tri-1.png);
}

.guide_bg_wrap .box_guide_bg.graphics::after {
	background-image: url(./assets/images/bg-giatri1.jpg);
}

.guide_bg_wrap .box_guide_bg.combat {
	background-image: url(./assets/images/nen-gia-tri-2.png);
}

.guide_bg_wrap .box_guide_bg.combat::before {
	background-image: url(./assets/images/nv-gia-tri-2.png);
	/* width: 40.5%;
	bottom: 0;
	left: 37%;
	z-index: 2222; */
}

.guide_bg_wrap .box_guide_bg.combat::after {
	background-image: url(./assets/images/bg-giatri2.jpg);
}

.guide_bg_wrap .box_guide_bg.nodesiege_war {
	background-image: url(./assets/images/nen-gia-tri-3.png);
}

.guide_bg_wrap .box_guide_bg.nodesiege_war::before {
	background-image: url(./assets/images/nv-gia-tri-3.png);
}

.guide_bg_wrap .box_guide_bg.nodesiege_war::after {
	background-image: url(./assets/images/bg-giatri3.jpg);
}

.guide_bg_wrap .box_guide_bg.openworld {
	background-image: url(./assets/images/nen-gia-tri-4.png);
}

.guide_bg_wrap .box_guide_bg.openworld::before {
	background-image: url(./assets/images/nv-gia-tri-4.png);
}

.guide_bg_wrap .box_guide_bg.openworld::after {
	background-image: url(./assets/images/bg-giatri4.jpg);
}

.guide_bg_wrap .box_guide_bg.knowledge {
	background-image: url(./assets/images/nen-gia-tri-5.png);
}

.guide_bg_wrap .box_guide_bg.knowledge::before {
	background-image: url(./assets/images/nv-gia-tri-5.png);
}

.guide_bg_wrap .box_guide_bg.knowledge::after {
	background-image: url(./assets/images/bg-giatri5.jpg);
}

.guide_bg_wrap .box_guide_bg.customizing {
	background-image: url(./assets/images/nen-gia-tri-6.png);
}

.guide_bg_wrap .box_guide_bg.customizing::before {
	width: 713.34px;
	background-image: url(./assets/images/nv-gia-tri-6.png);
	z-index: 222;
}

.guide_bg_wrap .box_guide_bg.customizing::after {
	background-image: url(./assets/images/bg-giatri6.jpg);
}

.guide_bg_wrap .box_guide_bg.active::before {
	animation: fadeIn 0.5s both;
}

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

	100% {
		opacity: 1;
	}
}

.guide_bg_wrap .tab_nav_area ul li a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	-ms-flex-align: center;
	/* font-size: 1vw; */
	color: rgba(255, 255, 255, 0.4);
	font-weight: normal;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	align-items: flex-start;
	/* padding-top: 4vh; */
	font-weight: 600;
	padding-top: 34.76px;
	font-size: 16.8px;
}

.guide_bg_wrap .tab_nav_area ul li a .icon {
	display: block;
	/* padding-top: 4.5vh; */
	position: relative;
	text-align: center;
	/* padding-left: 0.5vw; */
	/* padding-right: 0.5vw; */
	/* line-height: 2vh; */
	/* font-size: 0.77vw; */
	letter-spacing: 1px;
	padding-top: 39.105px;
	padding-left: 8.4px;
	padding-right: 8.4px;
	line-height: 17.38px;
	font-size: 12.936px;
}

.guide_bg_wrap .tab_nav_area ul li a .icon:before {
	display: block;
	content: "";
	position: absolute;
	left: 50%;
	top: -8%;
	transform: translate(-50%, 0);
	/* width: 3vw; */
	/* height: 5vh; */
	background-size: contain !important;
	width: 50.4px;
	height: 43.45px;
}

.guide_bg_wrap .tab_nav_area ul li a .icon_graphics:before {
	background: url(./assets/images/Khang-dinh-uy-tin-nut-mau-xam.png) no-repeat;
}

.guide_bg_wrap .tab_nav_area ul li.active a .icon_graphics:before {
	background: url(./assets/images/Khang-dinh-uy-tin-nut-mau-vang.png) no-repeat;
}

.guide_bg_wrap .tab_nav_area ul li a .icon_combat:before {
	background: url(./assets/images/toi-uu-marketing-xam.png) no-repeat;
}

.guide_bg_wrap .tab_nav_area ul li.active a .icon_combat:before {
	background: url(./assets/images/toi-uu-marketing-vang.png) no-repeat;
}

.guide_bg_wrap .tab_nav_area ul li a .icon_nodesiege_war:before {
	background: url(./assets/images/nang-tam-thuong-hieu-xam.png) no-repeat;
}

.guide_bg_wrap .tab_nav_area ul li.active a .icon_nodesiege_war:before {
	background: url(./assets/images/nang-tam-thuong-hieu-vang.png) no-repeat;
}

.guide_bg_wrap .tab_nav_area ul li a .icon_openworld:before {
	background: url(./assets/images/canh-tranh-hieu-qua-xam.png) no-repeat;
}

.guide_bg_wrap .tab_nav_area ul li.active a .icon_openworld:before {
	background: url(./assets/images/canh-tranh-hieu-qua-vang.png) no-repeat;
}

.guide_bg_wrap .tab_nav_area ul li a .icon_openworld:before {
	background: url(./assets/images/canh-tranh-hieu-qua-xam.png) no-repeat;
}

.guide_bg_wrap .tab_nav_area ul li.active a .icon_openworld:before {
	background: url(./assets/images/canh-tranh-hieu-qua-vang.png) no-repeat;
}

.guide_bg_wrap .tab_nav_area ul li a .icon_knowledge:before {
	background: url(./assets/images/thuc-day-kinh-doanh-xam.png) no-repeat;
}

.guide_bg_wrap .tab_nav_area ul li.active a .icon_knowledge:before {
	background: url(./assets/images/thuc-day-kinh-doanh-vang.png) no-repeat;
}

.guide_bg_wrap .tab_nav_area ul li a .icon_customizing:before {
	background: url(./assets/images/phat-trien-nhan-tai-xam.png) no-repeat;
}

.guide_bg_wrap .tab_nav_area ul li.active a .icon_customizing:before {
	background: url(./assets/images/phat-trien-nhan-tai-vang.png) no-repeat;
}

.guide_bg_wrap .tab_nav_area ul li:hover a {
	background: #171615;
}

.tab_guide_wrap {
	max-width: 46vw;
}

.tab_guide_wrap .tab_container {
	/* padding: 4vh 1vw 0 2.4vw; */
	padding: 34.76px 16.8px 0 40.32px;
}

.tab_guide_wrap .box_inner .left_area {
	float: left;
	vertical-align: top;
	width: 50%;
	/* padding-right: 1vw; */
	box-sizing: border-box;
	padding-right: 16.8px;
}

.tab_guide_wrap .box_inner .right_area {
	float: right;
	vertical-align: top;
	width: 50%;
	box-sizing: border-box;
}

.tab_guide_wrap .tab_cont {
	display: none;
}

.tab_guide_wrap .tab_cont h3 {
	color: #fff;
	/* font-size: 1.5vw; */
	margin-bottom: 0;
	font-weight: 400;
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
}

.tab_guide_wrap .tab_cont .h3_desc {
	color: #c6a480;
	/* font-size: 1vw; */
	/* margin-bottom: 1vh; */
	font-size: 16.8px;
	margin-bottom: 8.69px;
}

.tab_guide_wrap .tab_cont .desc_area {
	color: #b2b2b2;
	/* font-size: 0.8vw; */
	/* line-height: 2.5vh; */
	font-size: 13.44px;
	line-height: 21.725px;
}

.tab_guide_wrap .tab_cont .view_img img {
	border-radius: 12px;
	filter: brightness(70%);
}

.tab_guide_wrap .tab_cont .view_img img:hover {
	filter: brightness(100%);
}

/* active */
.guide_bg_wrap .tab_nav_area ul li.tab_graphics.active a,
.guide_bg_wrap .tab_nav_area ul li.tab_openworld.active a {
	background: #1f1f1d;
}

.guide_bg_wrap .tab_nav_area ul li.tab_combat.active a {
	background: #28120d;
}

.guide_bg_wrap .tab_nav_area ul li.active a {
	color: #ae8973;
}

.guide_bg_wrap .tab_nav_area ul li.tab_nodesiege_war.active a {
	background: #191f25;
}

.guide_bg_wrap .tab_nav_area ul li.tab_knowledge.active a {
	background: #241714;
}

.guide_bg_wrap .tab_nav_area ul li.tab_customizing.active a {
	background: #1b1925;
}

.guide_bg_wrap .box_guide_bg.active {
	display: block;
}

.guide_bg_wrap .box_guide_bg.active {
	display: block;
}

.tab_guide_wrap .tab_cont.active {
	display: block;
}

/* section du an tieu bieu */

.fixed-center-frame {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	/* border: 0.5vw solid black; */
	background-color: #ffffff;
	box-sizing: border-box;
	z-index: 1;
	pointer-events: none;
	/* width: 28.6vw;
	height: 30vh; */
	width: 31%;
	height: 85%;
	border: 8.4px solid black;
	margin: 0;
	padding: 0;
	transform-origin: center center;
}

.swiper-wrapper,
.swiper-slide {
	user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
}

.feature_wrap.four {
	/* background-image: url(./assets/images/bg-du-an-tieu-bieu.jpg); */
	/* background-size: cover; */
	position: relative;
	/* height: 128vh; */
	/* background-position: 50% 50%; */
	/* height: 1112.32px; */
	/* min-height: 1112.32px; */
	position: relative;
	aspect-ratio: 16 / 11;
	width: 100%;
	/* display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden; */
}

.feature_wrap.four .bg-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
}

.feature_wrap.four .visual_wrap {
	position: relative;
	z-index: 10;
	display: flex;
	height: 100%;
	flex-direction: column;
	justify-content: center;
}

.feature_wrap.four .visual_wrap .wrap-top {
	color: #fff;
	/* padding-top: 15.5vh; */
	/* padding-top: 134.7px; */
	padding-top: 1.5%;
}

.feature_wrap.four .visual_wrap .wrap-top p {
	/* font-size: 1vw;
	line-height: 2.5vh; */
	color: #dfdcdc;
	font-size: 16.8px;
	line-height: 21.73px;
}

.feature_wrap.four .visual_wrap .wrap-bottom a {
	background: rgb(182 137 67);
	color: #000;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	min-width: auto;
	/* width: 21vw; */
	/* height: 8vh; */
	text-align: center;
	box-sizing: border-box;
	opacity: 0.8;
	/* font-size: 1.2vw; */
	/* margin-bottom: 1.1vh; */
	font-weight: 400;
	width: 352.8px;
	height: 69.52px;
	font-size: 20.16px;
	margin-bottom: 9.56px;
}

.feature_wrap.four .visual_wrap .wrap-bottom a:hover {
	color: #fff;
}

.feature_wrap.four .visual_wrap .wrap-bottom .double-arrow {
	/* padding-left: 0.3vw; */
	/* padding-top: 0.3vh; */
	/* font-size: 1.2vw; */
	padding-left: 5.04px;
	padding-top: 2.6px;
	font-size: 20.16px;
}

.feature_wrap.four .visual_wrap .wrap-bottom p {
	color: #fff;
	/* font-size: 1vw; */
	font-size: 16.8px;
	padding-top: 4px;
}

.feature_wrap.four .visual_wrap .wrap-center {
	/* margin-top: 7.39vh; */
	/* margin-top: 64.22px; */
	margin-top: 3.8%;
	margin-top: 11.7%;
}

.duAnTieuBieuSwiper {
	/* padding: 6.4vh 0; */
	cursor: pointer;
	/* height: 31vh; */
	padding: 5% 0;
	/* height: 25%; */
	width: 100%;
	position: relative;
	/* đảm bảo container là điểm tham chiếu cho absolute */
	overflow: visible;
	/* cho phép con vượt ra ngoài */
}

.duAnTieuBieuSwiper.dragging .swiper-slide {
	-webkit-transform: scale(1);
	transform: scale(1) !important;
}

.duAnTieuBieuSwiper .swiper-slide {
	opacity: 1 !important;
	transition: transform 0.3s ease, opacity 0.3s ease, filter 0.3s ease;
}

.duAnTieuBieuSwiper .prevThumb img,
.duAnTieuBieuSwiper .nextThumb img {
	filter: brightness(70%);
	box-shadow: 0 0 5px 2px rgba(255, 255, 255, 0.5);
}

.duAnTieuBieuSwiper .prevThumb:hover img,
.duAnTieuBieuSwiper .nextThumb:hover img {
	filter: brightness(100%) !important;
}

.duAnTieuBieuSwiper .swiper-slide img {
	width: auto;
	height: 100%;
	object-fit: cover;
}

.duAnTieuBieuSwiper .swiper-slide-active {
	transform: scale(1.6);
	z-index: 2;
}

.duAnTieuBieuSwiper .prevThumb {
	-webkit-transform: translate3d(-27%, 0, 0);
	transform: translate3d(-27%, 0, 0) scale(1);
}

.duAnTieuBieuSwiper .nextThumb {
	-webkit-transform: translate3d(27%, 0, 0);
	transform: translate3d(27%, 0, 0) scale(1);
}

.feature_wrap.four .visual_wrap .wrap-bottom {
	/* position: absolute; */
	/* bottom: 11vh; */
	/* left: 50%; */
	/* transform: translateX(-50%); */
	/* bottom: 95.59px; */
	margin-top: 19%;
}

.duAnTieuBieuSwiper .swiper-slide-active img {
	transform: scale(0.97);
	/* 	padding: 7px; */
	transition: transform 0.3s ease, padding 0.3s ease;
	transform-origin: center;
}

.duAnTieuBieuSwiper .swiper-slide-active img:hover {
	padding: 0;
	transform: scale(0.99);
}

/* modal slider */

.dichvutieubieu-popup-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999999;
}

.modal-content {
	position: relative;
	max-width: 70%;
	z-index: 9999;
}

.dichvutieubieu-popup-modal img {
	width: 100%;
	height: auto;
}

.dichvutieubieu-popup-modal .prev {
	position: absolute;
	top: 50%;
	display: block;
	/* width: 4vw; */
	/* height: 4vw; */
	opacity: 0.5;
	background: #000;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	box-sizing: border-box;
	overflow: hidden;
	z-index: 999;
	margin: 0;
	width: 67.2px;
	height: 67.2px;
}

.dichvutieubieu-popup-modal .next {
	position: absolute;
	top: 50%;
	display: block;
	/* width: 4vw;
	height: 4vw; */
	right: 0;
	opacity: 0.5;
	background: #000;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	box-sizing: border-box;
	overflow: hidden;
	z-index: 999;
	margin: 0;
	width: 67.2px;
	height: 67.2px;
}

.dichvutieubieu-popup-modal button[role="presentation"]:before {
	display: block;
	content: "";
	overflow: hidden;
	position: absolute;
}

.dichvutieubieu-popup-modal .prev:before {
	left: 55%;
	/* width: 1vw;
	height: 1vw; */
	background-color: transparent;
	border-left: 1.68px solid #fff;
	border-top: 1.68px solid #fff;
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);
	width: 16.8px;
	height: 16.8px;
}

.dichvutieubieu-popup-modal .next:before {
	left: 45%;
	/* width: 1vw;
	height: 1vw; */
	background-color: transparent;
	border-left: 1.68px solid #fff;
	border-top: 1.68px solid #fff;
	-webkit-transform: translate(-50%, -50%) rotate(135deg);
	transform: translate(-50%, -50%) rotate(135deg);
	width: 16.8px;
	height: 16.8px;
}

.dichvutieubieu-popup-modal .close {
	background-image: url(./assets/images/dich-vu/mobile-28-1.png);
	cursor: pointer;
	/* width: 2vw; */
	/* height: 4vh; */
	background-repeat: no-repeat;
	z-index: 1012;
	background-size: cover;
	top: 0;
	/* right: -3vw; */
	position: absolute;
	width: 33.6px;
	height: 34.76px;
	right: -50.4px;
}

/* section dich vu */

.feature_wrap.five {
	background-color: rgb(14, 14, 14);
	position: relative;
	width: 100%;
	height: 100%;
}

.feature_wrap.five .top {
	background-image: url(assets/images/dich-vu/banner-top.png);
	width: 100%;
	/* height: 17vh; */
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	z-index: 2;
	padding-top: 9%;
}

.feature_wrap.five .top .top-left {
	position: absolute;
	/* bottom: 1.5vh; */
	width: 10%;
	left: 9.4%;
	bottom: 13.03px;
}

.feature_wrap.five .top .top-right {
	position: absolute;
	/* bottom: 1.5vh; */
	width: 9%;
	right: 7.4%;
	bottom: 13.035px;
}

.feature_wrap.five .left {
	width: 53%;
	float: left;
	/* padding-top: 2vh; */
	background-color: hsl(0deg 0% 5.49%);
	/* padding-top: 17.38px; */
	padding-top: 2%;
}

.feature_wrap.five .right {
	width: 47%;
	float: right;
}

.feature_wrap.five .swiper-slide .img-dich-vu {
	position: relative;
	width: auto;
	/* height: 43vh; */
	margin: 0 auto;
	left: 0;
	right: 0;
	display: block;
	object-fit: cover;
	border: 1px solid #ceac80;
	filter: brightness(70%);
	/* height: 373.67px; */
	height: 86%;
}

.feature_wrap.five .swiper-slide .img-dich-vu:hover {
	filter: brightness(100%);
}

.dichVuSwiper {
	/* height: 50vh; */
	/* height: 434.5px; */
	padding-top: 50.25%;
	position: relative;
}

/* Ẩn .anime trong slide chưa active để tránh flash trước khi AOS chạy */
.dichVuSwiper .swiper-slide:not(.swiper-slide-active) .anime {
	opacity: 0 !important;
	transition: none !important;
}

.dichVuSwiper .swiper-wrapper {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.dichVuSwiper .swiper-button-next {
	background-image: url(./assets/images/dich-vu/nut-chuyen-phai.png);
	background-size: contain;
	background-repeat: no-repeat;
	/* width: 9vh; */
	/* height: 9vh; */
	/* margin-left: 3vh; */
	/* margin-top: -8vh; */
	/* width: 78.21px; */
	/* height: 78.21px; */
	margin-left: 26.07px;
	margin-top: -69.52px;
	width: 8%;
	height: 16%;
}

.dichVuSwiper .swiper-button-prev {
	background-image: url(./assets/images/dich-vu/nut-chuyen-trai.png);
	background-size: contain;
	background-repeat: no-repeat;
	/* width: 9vh;
	height: 9vh;
	margin-left: 3vh;
	margin-top: -8vh; */
	/* width: 78.21px; */
	/* height: 78.21px; */
	margin-left: 26.07px;
	margin-top: -69.52px;
	width: 8%;
	height: 16%;
}

.dichVuSwiper .swiper-pagination-bullet {
	background: url(./assets/images/dich-vu/nut-dinh-vi-so-trang.png);
	background-size: cover;
	/* width: 1.5vh; */
	/* height: 1.5vh; */
	opacity: 1;
	/* margin: 0 1vh !important; */
	width: 13.035px;
	height: 13.035px;
	margin: 0 8.39px !important;
}

.dichVuSwiper .swiper-pagination-bullet-active {
	background: url(./assets/images/dich-vu/nut-dinh-vi-trang-hien-tai.png);
	background-size: cover;
	/* width: 3vh !important; */
	/* height: 3vh; */
	opacity: 1;
	width: 26.07px !important;
	height: 26.07px !important;
}

.dichVuSwiper .swiper-pagination {
	align-items: center;
	display: flex;
	justify-content: center;
	/* bottom: 2.1vh; */
	/* bottom: 18.249px; */
	bottom: 5%;
}

.dichVuSwiper .swiper-button-next:after,
.dichVuSwiper .swiper-button-prev:after {
	content: "";
}

.dichVuSwiper .nut-play {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -97%);
}

.dichVuSwiper .nut {
	/* width: 3.7vw; */
	transition: transform 0.3s ease-in-out;
	/* 	width: 62.16px; */
	width: 70px;
}

.dichVuSwiper .tam {
	/* width: 0.8vw; */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-30%, -55%);
	width: 15px;
}

.dichVuSwiper .nut-play:hover .nut {
	transform: rotate(90deg) scale(1.15);
}

.dichVuSwiper .tam:before {
	content: "Click xem dự án";
	/* width: 15vh; */
	/* max-width: 16vh !important; */
	opacity: 0;
	transition: opacity 0.3s;
	position: absolute;
	text-align: center;
	/* left: -4.3vw; */
	transform: translate(10px, -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: 8vh; */
	z-index: 999;
	width: 130.35px;
	max-width: 139.04px;
	left: -72.24px;
	min-width: 50.4px;
	font-size: 13.44px;
	top: 69.52px;
}

.dichVuSwiper .nut-play:hover .tam:before {
	opacity: 1;
}

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

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

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

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

.sanpham-gallery-top img,
.sanpham-gallery-bottom img {
	width: auto;
	display: inline-block;
	filter: brightness(70%);
	/* height: 20vh; */
	/* margin: 0 -0.11vw; */
	height: 173.8px;
	margin: 0 -2.5px;

}

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

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

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

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

.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;
}

.feature_wrap.five .right {
	background-image: url(./assets/images/dich-vu/150-dpi-banner-dich-vu.jpg);
	/* height: 101vh; */
	background-size: cover;
	background-repeat: no-repeat;
	/* margin-top: -8.9vh; */
	position: relative;
	z-index: 1;
	height: 100%;
	/* margin-top: -77.34px; */
	margin-top: -4.7%;
}

.feature_wrap.five .right .play-video {
	position: absolute;
	/* top: 32.7%; */
	top: 52%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	/* width: 3.7vw; */
	display: flex;
	justify-content: center;
	align-items: center;
	width: 70px;
	/* height: 62.16px; */
}

.feature_wrap.five .right .tam-play-xoay {
	/* width: 0.8vw; */
	width: 15px;
}

.khung-play-video {
	width: 100%;
	display: block;
	/* height: 64%; */
	padding-top: 50.25%;
	position: relative;
	margin-top: 13%;
}

.feature_wrap.five .right .play-video::before {
	content: "Xem dịch vụ";
	/* width: 14vh; */
	/* max-width: 16vh !important; */
	opacity: 0;
	transition: opacity 0.3s;
	position: absolute;
	text-align: center;
	/* transform: translate(10px, -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: 5vh; */
	z-index: 999;
	left: 50%;
	transform: translateX(-50%);
	width: 121.66px;
	max-width: 139.04px !important;
	font-size: 13.44px;
	min-width: 50.4px;
	/* top: 43.45px; */
	bottom: -40px;
}

.feature-video:hover .play-video::before {
	opacity: 1 !important;
}

.feature_wrap.five .right .content-r {
	/* height: 48vh; */
	/* position: absolute; */
	/* bottom: 0; */
	width: 100%;
	/* padding-left: 2.5vw; */
	/* padding-right: 1.5vw; */
	/* height: 417.12px; */
	padding-left: 42px;
	padding-right: 25.2px;
	/* padding-top: 63%; */
}

.feature_wrap.five .right .content-r h2 {
	text-transform: uppercase;
	color: var(--primary-color);
	margin-bottom: 0;
	/* line-height: 4.5vh; */
	font-family: Montserrat, sans-serif;
	/* font-size: 1.8vw; */
	font-weight: 600;
	line-height: 39.1px;
	font-size: 30.24px;
}

.feature_wrap.five .right .content-r .right-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* .feature_wrap.five .right .content-r .right-top a {
width: 22vw;
} */

.feature_wrap.five .right .content-r .right-bot {
	/* margin-top: 2vh; */
	margin-top: 17.38px;
}

.xem-du-an {
	width: 100%;
	height: 100%;
	background-image: url(./assets/images/dich-vu/Dich-vu-03.png);
	background-size: cover;
	background-position: center;
}

.feature_wrap.five .right .content-r .right-top a:hover .xem-du-an {
	background-image: url(./assets/images/dich-vu/Dich-vu-02.png);
}

.feature_wrap.five .right .content-r .right-top a {
	/* width: 20vw; */
	/* height: 6vh; */
	width: 336px;
	height: 52.14px;
}

.service-item {
	/* line-height: 2.6vh; */
	/* margin-top: 0.3vh; */
	display: block;
	line-height: 22.594px;
	margin-top: 2.6px;
}

.feature_wrap.five .service-item h3 {
	margin-bottom: 0;
	color: #fff;
	text-transform: uppercase;
	/* font-size: 1.2vw; */
	font-size: 20.16px;
}

.feature_wrap.five .service-item h3:hover {
	color: var(--primary-color);
}

.feature_wrap.five .service-item p {
	color: #8f8f8f;
	margin-bottom: 0;
	/* font-size: 0.9vw; */
	font-size: 15.12px;
}

.feature_wrap.five .service-item img {
	width: 100%;
}

/* 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%;
}

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

#gallery-popup-image {
	border: 1px solid #ceac80;
	width: 100%;
	/* height: 65vh; */
	/* height: 706.2px; */
	height: auto;
}

/* section ly do chon chung toi */

.feature_wrap.six {
	height: 100%;
	width: 100%;
	background-color: rgb(14, 14, 14);
	position: relative;
	display: inline-block;
	/* margin-bottom: 6vh; */
	margin-bottom: 50px;
}

.feature_wrap.six .top {
	background-image: url(assets/images/ly-do/banner-top.png);
	width: 100%;
	/* height: 10.4vh; */
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	/* height: 90.3px; */
	padding-top: 5.5%;
	background-position: center;
}

.feature_wrap.six .left {
	width: 58.333%;
	float: left;
}

.feature_wrap.six .right {
	width: 41.667%;
	float: right;
}

.feature_wrap.six .left img,
.feature_wrap.six .right img {
	width: 100%;
	height: 100%;
}

.feature_wrap.six .left img {
	margin-top: 0vh;
	/* margin-left: 2vw; */
	margin-left: 7%;
	padding-left: 6.2%;
}

.feature_wrap.six .right .lydo-top {
	text-align: center;
	width: 67%;
	margin: 0 auto;
	/* padding-top: 10.5vh; */
	/* padding-top: 91.1px; */
	padding-top: 13%;
	margin-left: 18.9%;
}

.feature_wrap.six .right .lydo-main {
	width: 77.5%;
	/* margin-top: 7.8vh; */
	margin-top: 7%;
	margin-left: 8%;
}

.feature_wrap.six .right .lydo-bottom {
	/* margin-top: 6.7vh; */
	/* margin-left: 5.2vw; */
	/* margin-top: 58.15px; */
	/* margin-left: 87.3px; */
	margin-top: 10.6%;
	margin-left: 22.3%;
}

.feature_wrap.six .right .lydo-bottom .img-domain {
	background-image: url(./assets/images/ly-do/nut-lien-ket-website.png);
	/* width: 20vw; */
	/* height: 8vh; */
	background-size: cover;
	cursor: pointer;
	/* width: 336px; */
	/* height: 69.4px; */
	width: 58%;
	padding-top: 11.5%;
}

.feature_wrap.six .right .lydo-bottom:hover .img-domain {
	background-image: url(./assets/images/ly-do/nut-lien-ket-website-khi-di-toi.png);
}

/* section lien he */

.feature_wrap.seven {
	height: 100%;
	width: 100%;
	background-color: rgb(14, 14, 14);
	position: relative;
}

.feature_wrap.seven .top {
	background-image: url(assets/images/lien-he/banner-top.png);
	width: 100%;
	/* height: 10.4vh; */
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	/* height: 90.27px; */
	padding-top: 5.5%;
	background-position: center;
}

.feature_wrap.seven .contact-main {
	background-image: url(./assets/images/lien-he/Trang-thong-tin-lien-he-10-1.png);
	background-size: cover;
	background-repeat: no-repeat;
	/* height: 75vh; */
	background-position: bottom;
	height: 651px;
}

.feature_wrap.seven .img-domain {
	background-image: url(./assets/images/ly-do/nut-lien-ket-website.png);
	/* width: 20vw; */
	/* height: 8vh; */
	background-size: cover;
	cursor: pointer;
	margin: 0 auto;
	width: 336px;
	height: 69.44px;
}

.feature_wrap.seven .img-domain:hover {
	background-image: url(./assets/images/ly-do/nut-lien-ket-website-khi-di-toi.png);
}

.feature_wrap.seven .tieu-de-lien-he {
	background: linear-gradient(to right,
			rgba(0, 0, 0, 0) 0%,
			rgba(0, 0, 0, 0.9) 50%,
			rgba(0, 0, 0, 0) 100%);
	/* width: 67vw; */
	width: 1125.6px;
}

.feature_wrap.seven .form-lien-he {
	/* width: 70vw; */
	margin: 0 auto;
	width: 1176px;
}

.form-lien-he label {
	color: #fff;
}

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

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

.column-full {
	/* padding: 0 1vh; */
	padding: 0 8.68px;
}

.wpcf7 label {
	display: block;
	/* margin-bottom: 1vh; */
	text-align: left;
	/* font-size: 1vw; */
	font-weight: 600;
	margin-bottom: 8.68px;
	font-size: 16.8px;
}

.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; */
	padding: 13.02px;
	border-radius: 5.2px;
	font-size: 14.7px;
	margin-bottom: 17.36px;
	height: 52.08px;
}

.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.9vw; */
	line-height: 18.14px;
	border-radius: 2.6px;
	padding: 4.34px;
	font-size: 15.12px;
	margin-top: -8.69px;
}

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 8.69px #ccc;
	color: #333;
	opacity: 1 !important;
	outline: 0;
}

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

textarea {
	/* min-height: 15vh; */
	min-height: 130.3px;
}

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

.gui-yeu-cau {
	background-image: url(./assets/images/lien-he/Gui-yeu-cau-1-2.png);
	/* width: 27vh; */
	/* height: 10vh; */
	background-size: cover;
	margin: 0 auto;
	cursor: pointer;
	margin-top: -3vh;
	width: 234.6px;
	height: 86.9px;
}

.gui-yeu-cau:hover {
	background-image: url(./assets/images/lien-he/Gui-yeu-cau-2-2.png);
}

.feature_wrap.seven .contact-main .contact-top {
	/* padding-top: 5vh; */
	/* margin-bottom: 3vh; */
	padding-top: 43.45px;
	margin-bottom: 26.7px;
}

.feature_wrap.seven .contact-main .contact-top a {
	/* width: 20vw; */
	display: block;
	height: 8vh;
	margin: 0 auto;
	/* margin-bottom: 3vh; */
	width: 336px;
	height: 69.52px;
	margin-bottom: 26.07px;
}

.wpcf7 form .wpcf7-response-output {
	/* margin: -1vh 1vw 1vw; */
	padding: 0.2em 1em;
	border: 2px solid #00a0d2;
	/* font-size: 1vw; */
	color: #fff;
	/* border-radius: 0.3vw; */
	margin: -8.69px 16.8px 16.8px;
	font-size: 16.8px;
	border-radius: 5px;
}

/* swiper vertical */
.swiper-vertical-wrap {
	position: relative;
	height: 100vh;
	overflow: hidden;
}

.swiper-vertical {
	height: 100%;
	width: 100%;
}

.fixed-slider {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
}

.feature_wrap.seven .contact-main-bottom {
	/* height: 17vh; */
	height: 147.73px;
}

.feature_wrap.seven .contact-main-bottom .row-gioi-thieu {
	background: url(./assets/images/lien-he/Trang-thong-tin-lien-he-04.png) no-repeat center bottom;
	background-size: cover;
	/* height: 6vh; */
	height: 52.14px;
}

.feature_wrap.seven .contact-main-bottom .row-gioi-thieu p {
	/* padding: 1.3vh; */
	/* font-size: 1.1vw; */
	color: var(--primary-color);
	padding: 11.29px;
	font-size: 18.48px;
}

.feature_wrap.seven .contact-main-bottom .cp-right {
	/* height: 11vh; */
	height: 95.59px;
}

.feature_wrap.seven .contact-main-bottom .cp-right p {
	/* font-size: 1.1vw; */
	color: var(--primary-color);
	vertical-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	/* height: 11vh; */
	font-size: 18.48px;
	height: 95.59px;
}

.image-sound-dt {
	position: sticky;
	bottom: 4%;
	left: 1.5%;
	z-index: 99999999;
	cursor: pointer;
	/* font-size: 1.5vh; */
	font-size: 13px;
	padding-left: 1%;
	display: inline-block;
}

.image-sound-dt img {
	/* width: 4vh; */
	width: 60.76px;
}

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

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

/* floating_wrap */
.floating_wrap {
	position: fixed;
	top: 50%;
	/* right: 2vw; */
	z-index: 30;
	transform: translate(0, -50%);
	right: 33.6px;
}

.floating_wrap ul {
	list-style: none;
}

.floating_wrap ul li {
	margin-bottom: 0;
}

.floating_wrap ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	-ms-flex-align: center;
	box-sizing: border-box;
	color: rgba(255, 255, 255, 0.5);
	font-weight: normal;
	border: 1px solid rgba(255, 255, 255, 0.2);
	transition: 0.5s;
	background: #000;
	/* width: 2.6vw; */
	/* height: 2.6vw; */
	/* font-size: 1vw; */
	width: 43.68px;
	height: 43.68px;
	font-size: 16.8px;
}

.floating_wrap ul li a:hover {
	background: #fff;
	color: #000;
}

.floating_wrap ul li.active a {
	background: #fff;
	color: #000;
}

/* .header-main-home {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
transform: translateY(-100%);
transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

body.scrolling .header-main-home {
transform: translateY(0); 
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
} */

.sticky-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100000;
	animation: stuckMoveDown 0.6s;
}

@keyframes stuckMoveDown {
	0% {
		transform: translateY(-100%);
	}

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

.btn-view-project {
	display: block;
	margin-top: 1.5vh;
	text-align: center;
	color: #fff;
	text-decoration: none;
	width: 15%;
	margin: 0 auto;
	margin-top: 2vh;
	border: 1px solid;
	padding: 1.5vh 0;
	font-size: 1vw;
}

.btn-view-project:hover {
	background-color: #0e0e0e;
	color: #fff;
}

.first-mb .visual_wrap {
	position: relative;
}

/* Mobile */
@media screen and (max-width: 600px) {

	/* video */
	.video-popup-mb {
		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: 9999;
	}

	.video-popup-content-mb {
		position: absolute;
		width: 95%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		height: 30.4%;
/* 		border: 1px solid #ceac80; */`
	}

	.close-video-mb {
		background-image: url(./assets/images/dich-vu/mobile-28-1.png);
		cursor: pointer;
		width: 25px;
		height: 25px;
		background-repeat: no-repeat;
		background-size: cover;
		top: -19%;
		right: 0%;
		position: absolute;
	}

	/* header */
	.header-mobile {
		display: flex;
		align-items: center;
		background-color: #0d0d0d;
		height: 14vw;
		position: fixed;
		top: 0;
		width: 100%;
		left: 0;
		z-index: 99999;
	}

	.header-mobile .icon-menu-mb {
		width: 12vw;
		z-index: 2;
	}

	.header-mobile .logo-mb {
		width: 38vw;
		text-align: center;
		z-index: 2;
	}

	.header-mobile .logo-mb img {
		width: 85%;
	}

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

	.header-mobile .contact-mb {
		width: 50vw;
		z-index: 2;
	}

	.header-mobile .img-ct-mb {
		background-image: url(./assets/images/mobile/hotline.png);
		background-size: cover;
		width: 48vw;
		height: 12vw;
	}

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

	/*  */

	.swiper-vertical-wrap-mb {
		width: 100%;
		height: 100vh;

		z-index: 1;
		position: relative;
	}

	.swiper-vertical-mb {
		width: 100%;
		height: 100%;
	}

	.swiper-vertical-mb .swiper-wrapper {
		background-color: #0e0e0e;
	}

	/* gioi thieu */
	.first-mb {
		/* background-image: url(./assets/images/mobile/home-mobile.png); */
		background-size: cover;
		background-repeat: no-repeat;
		width: 100%;
		height: 100%;
		position: relative;
		background-position: 50% 50%;
	}

	.parent-btn-lienket {
		position: absolute;
		width: 73%;
		height: 58px;
		bottom: 3%;
		left: 50%;
		transform: translateX(-50%);
	}

	.bg-first-mb {
		position: relative;
	}

	.btn-lienket {
		background-image: url(./assets/images/mobile/Nut\ website\ 01.png);
		width: 100%;
		height: 100%;
		background-size: cover;
	}

	.btn-lienket:hover {
		background-image: url(./assets/images/mobile/Nut\ website\ 02.png);
	}

	/* gia tri */

	.giatriSwiperMb .swiper-slide {
		background-size: cover;
		background-repeat: no-repeat;
		height: 178vw;
		background-position: 50% 50%;
	}

	.giatriSwiperMb .first-slide-mb {
		background-image: url(./assets/images/mobile/nen-gia-tri-01.png);
	}

	.giatriSwiperMb .second-slide-mb {
		background-image: url(./assets/images/mobile/nen-gia-tri-02.png);
	}

	.giatriSwiperMb .three-slide-mb {
		background-image: url(./assets/images/mobile/nen-gia-tri-03.png);
	}

	.giatriSwiperMb .four-slide-mb {
		background-image: url(./assets/images/mobile/nen-gia-tri-04.png);
	}

	.giatriSwiperMb .five-slide-mb {
		background-image: url(./assets/images/mobile/nen-gia-tri-05.png);
	}

	.giatriSwiperMb .six-slide-mb {
		background-image: url(./assets/images/mobile/nen-gia-tri-06.png);
	}

	.giatriSwiperMb .swiper-button-next {
		background-image: url(./assets/images/dich-vu/nut-chuyen-phai.png);
		background-size: contain;
		background-repeat: no-repeat;
		width: 16vw;
		height: 100%;
		margin-right: -5%;
		top: 0;
		margin-top: 37vw;
	}

	.giatriSwiperMb .swiper-button-prev {
		background-image: url(./assets/images/dich-vu/nut-chuyen-trai.png);
		background-size: contain;
		background-repeat: no-repeat;
		width: 16vw;
		height: 100%;
		margin-left: -5%;
		top: 0;
		margin-top: 37vw;
	}

	.giatriSwiperMb .swiper-pagination-bullet {
		background: url(./assets/images/dich-vu/nut-dinh-vi-so-trang.png);
		background-size: cover;
		width: 2vw;
		height: 2vw;
		opacity: 1;
		margin: 0 1vh !important;
	}

	.giatriSwiperMb .swiper-pagination-bullet-active {
		background: url(./assets/images/dich-vu/nut-dinh-vi-trang-hien-tai.png);
		background-size: cover;
		width: 4vw !important;
		height: 4vw;
		opacity: 1;
	}

	.giatriSwiperMb .swiper-pagination {
		top: 18vw;
		bottom: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.img-next {
		display: flex;
		align-items: center;
	}

	.giatriSwiperMb .swiper-button-next::after,
	.giatriSwiperMb .swiper-button-prev::after {
		content: "";
	}

	.slider-content-mb img:first-child {
		margin-top: 20%;
	}

	/* du an */
	.three-mb {
		width: 100%;
		height: 100vh;
		position: relative;
		background-color: #0e0e0e;
	}

	.three-mb .bg-top {
		margin-top: 4vw;
		text-align: center;
	}

	.gallery-san-pham-list-mb {
		overflow: hidden;
		display: flex;
		flex-direction: column;
		justify-content: start;
		position: relative;
		z-index: 2;
		width: 100%;
		/* position: absolute; */
		/* top: 53%; */
	}

	.gallery-san-pham-list-mb .gallery-slide-top {
		padding: 0;
		margin-bottom: 3vw;
	}

	.gallery-san-pham-list-mb .sanpham-gallery-top img,
	.gallery-san-pham-list-mb .sanpham-gallery-bottom img {
		margin: 0 !important;
		border: 1px solid var(--primary-color);
		margin-right: 2vw !important;
		height: 15.3vh;
	}

	.click-xem-du-an {
		width: 60vw;
		height: 16vw;
		display: block;
		position: absolute;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		padding-top: 2vw;
	}

	.xem-du-an-mb {
		width: 100%;
		height: 100%;
		background-image: url(./assets/images/mobile/xem-du-an-mb.png);
		background-size: cover;
		background-position: center;
	}

	.click-xem-du-an:hover .xem-du-an-mb {
		background-image: url(./assets/images/mobile/xem-du-an-mb-hover.png);
	}

	/* gallery-san-pham */
	.gallery-popup-mb {
		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: 9999;
	}

	.gallery-popup-content-mb {
		position: absolute;
		width: 90%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		height: 22%;
	}

	.gallery-popup-content-mb a img {
		border: 1px solid #ceac80;
		margin-bottom: 10px;
	}

	.gallery-close-button-mb {
		top: -24%;
		right: -1%;
		position: absolute;
		width: 9%;
	}

	#gallery-popup-link-mb span {
		font-size: 4vw;
		border-radius: 4px;
		box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
		background: #333;
		color: #fff;
		padding: 2px 13px;
		text-align: center;
		font-weight: 400;
		margin: 0 20vw;
		display: block;
	}

	/* san pham */
	.four-mb {
		background-color: #0e0e0e;
		width: 100%;
		height: 100vh;
		position: relative;
	}

	.dichVuSwiper .img-dich-vu {
		position: relative;
		width: auto;
		height: 26vh;
		margin: 0 auto;
		left: 0;
		right: 0;
		display: block;
		object-fit: cover;
		border: 1px solid #ceac80;
		filter: brightness(70%);
		margin-top: 10vh;
	}

	.dichVuSwiper .img-dich-vu:hover {
		filter: brightness(100%);
	}

	.dichVuSwiper .nut {
		width: 14vw;
	}

	.dichVuSwiper .tam {
		width: 3.5vw;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-30%, -57%);
	}

	.dichVuSwiper .nut-play:hover .nut {
		transform: rotate(90deg) scale(1.15);
	}

	.dichVuSwiper .tam:before {
		content: none;
	}

	.dichVuSwiper .swiper-button-next {
		right: -2.5%;
		left: auto;
		top: 20vh;
		height: 6vh;
		width: 6vh;
		margin-right: 0;
		margin-top: 0;
	}

	.line-san-pham {
		margin-top: -2vh;
	}

	.dichVuSwiper .swiper-button-prev {
		left: -2.5%;
		right: auto;
		top: 20vh;
		height: 6vh;
		width: 6vh;
		margin-left: 0;
		margin-top: 0;
	}

	.dichVuSwiper .swiper-pagination {
		bottom: 2vh;
	}

	.dichVuSwiper .nut-play {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -19%);
	}

	.dichVuSwiper {
		height: 42vh;
	}
	
	.dichVuSwiper .swiper-slide:not(.swiper-slide-active) .anime {
		opacity: 0 !important;
		transition: none !important;
	}

	.gallery-list-dich-vu-mb .sanpham-gallery-top {
		margin-top: 0.5vh;
		margin-bottom: 2.3vw;
	}

	.gallery-list-dich-vu-mb .gallery-list {
		justify-content: start;
	}

	.gallery-list-dich-vu-mb .sanpham-gallery-top img,
	.gallery-list-dich-vu-mb .sanpham-gallery-bottom img {
		height: 15.3vh;
		margin: 0 0.5vw;
		border: 1px solid #ceac80;
	}

	.gallery-list {
		height: 33vh;
	}

	.gallery-popup-content-dich-vu-mb {
		position: absolute;
		width: 90%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.gallery-close-dich-vu-mb {
		position: absolute;
		right: -7.5%;
		top: -15%;
		width: 15%;
	}

	.dichVuSwiper .swiper-pagination-bullet {
		width: 1vh;
		height: 1vh;
	}

	.dichVuSwiper .swiper-pagination-bullet-active {
		width: 2vh !important;
		height: 2vh !important;
	}

	.four-mb .click-xem-du-an {
		padding-top: 0vw;
		height: 15vw;
	}

	/* dich vu */

	.five-mb {
		background-color: #0e0e0e;
		width: 100%;
		height: 100vh;
		position: relative;
	}

	.five-mb .bg-top {
		margin-top: 14vw;
		position: relative;
	}

	.five-mb .play-video-mb {
		position: absolute;
		top: 41%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 14vw;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 9999;
	}

	.five-mb .link-play-video-mb::before {
		content: "Xem dịch vụ";
		width: 14vh;
		max-width: 16vh !important;
		opacity: 0;
		transition: opacity 0.3s;
		position: absolute;
		text-align: center;
		transform: translate(10px, -50%);
		font-size: 3vw;
		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: 6vh;
		z-index: 999;
		left: 50%;
		transform: translateX(-50%);
	}

	.five-mb .link-play-video-mb:hover::before {
		opacity: 1;
	}

	.five-mb .play-video-mb .tam-play-xoay {
		width: 3.5vw;
	}

	.five-mb .play-video-mb:hover .nut-play-xoay {
		transform: rotate(90deg) scale(1.15);
	}

	.five-mb .click-xem-du-an {
		width: 240px;
		height: 55px;
		display: block;
		left: 50%;
		transform: translateX(-50%);
		padding-top: 0;
	}

	/* lien he */
	.feature_wrap.six_mb {
		background-color: #0e0e0e;
		width: 100%;
		height: 100vh;
		position: relative;
	}

	.feature_wrap.six_mb .contact-main {
		background-image: url(./assets/images/mobile/banner-lienhe-mobile.png);
		background-size: cover;
		background-repeat: no-repeat;
		margin-top: 13vw;
		height: 129vw;
		background-position: bottom;
	}

	.feature_wrap.six_mb .contact-main .contact-top a {
		width: 100%;
		display: block;
		height: 18vw;
		margin: 0 auto;
		padding-top: 1vh;
		padding-top: 1vh;
	}

	.feature_wrap.six_mb .img-domain {
		background-image: url(./assets/images/mobile/Nut\ website\ 01.png);
		width: 67%;
		height: 78%;
		background-size: cover;
		cursor: pointer;
		margin: 0 auto;
	}

	.feature_wrap.six_mb .img-domain:hover {
		background-image: url(./assets/images/mobile/Nut\ website\ 02.png);
	}

	.feature_wrap.six_mb .tu-van-mien-phi-mb {
		background: linear-gradient(to right,
				rgba(0, 0, 0, 0) 0%,
				rgba(0, 0, 0, 0.9) 50%,
				rgba(0, 0, 0, 0) 100%);
		margin-bottom: 2vh;
		width: 90%;
	}

	.wpcf7 .row>div:not(.col):not([class^="col-"]):not([class*=" col-"]) {
		width: 50% !important;
	}

	.wpcf7 .column-full {
		flex: 100%;
		padding: 0 10px;
		box-sizing: border-box;
	}

	.wpcf7 .column {
		flex: none;
	}

	.wpcf7 label {
		display: block;
		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;
		font-size: 3vw;
		margin-bottom: 1vh;
		height: 5vh;
		font-size: 16px;
	}

	input,
	select,
	textarea {
		font-size: 16px;
	}

	select:focus,
	textarea:focus,
	input:focus {
		font-size: 16px;
		transform: scale(1);
	}

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

	.gui-yeu-cau {
		background-image: url(assets/images/mobile/Gui\ yeu\ cau\ 01.png);
		margin-top: -9.5vw;
		width: 50vw;
		height: 14vw;
	}

	.gui-yeu-cau:hover {
		background-image: url(assets/images/mobile/Gui\ yeu\ cau\ 02.png);
	}

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

	/* 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:first-child {
		border-top: 0.25px solid #ceac80;
	}

	.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;
	}

	.item-menu-mb a.active-button-mobile {
		color: var(--primary-color);
	}

	.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: var(--primary-color);
		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;
	}
}

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