/* Add fonts */
@font-face {
	font-family: 'Be Vietnam Pro';
	src: url('/wp-content/themes/flatsome-child/fonts/BeVietnamPro-Bold.woff2') format('woff2'),
		url('/wp-content/themes/flatsome-child/fonts/BeVietnamPro-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Be Vietnam Pro';
	src: url('/wp-content/themes/flatsome-child/fonts/BeVietnamPro-Medium.woff2') format('woff2'),
		url('/wp-content/themes/flatsome-child/fonts/BeVietnamPro-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Be Vietnam Pro';
	src: url('/wp-content/themes/flatsome-child/fonts/BeVietnamPro-Regular.woff2') format('woff2'),
		url('/wp-content/themes/flatsome-child/fonts/BeVietnamPro-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Be Vietnam Pro';
	src: url('/wp-content/themes/flatsome-child/fonts/BeVietnamPro-SemiBold.woff2') format('woff2'),
		url('/wp-content/themes/flatsome-child/fonts/BeVietnamPro-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Corinthia';
	src: url('/wp-content/themes/flatsome-child/fonts/Corinthia-Regular.woff2') format('woff2'),
		url('/wp-content/themes/flatsome-child/fonts/Corinthia-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'Callifornia Signature';
    src: url('/wp-content/themes/flatsome-child/fonts/CalliforniaSignature.woff2') format('woff2'),
        url('/wp-content/themes/flatsome-child/fonts/CalliforniaSignature.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.customer-signature{
	font-family: 'Callifornia Signature';
}
body{
	font-family: 'Be Vietnam Pro' !important;
}
/* *** */
:root{
	--background-gradiant-1: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #F4F4F4 100%);
	--background-gradiant-2:linear-gradient(180deg, rgba(255, 255, 255, 0.25) 0%, rgba(0, 0, 0, 0.5) 100%);

	--color-white: #fff;
	--color-black: #000;
	--color-gray1: rgba(179, 179, 179, 1);
	--color-text: #AFAFAF;

}
p,td, th{
	font-size: 1rem;
}
.pt-80{
	padding-top: 5em !important;
}
.pb-80{
	padding-bottom: 5em !important;
}
.News .post-item .col-inner .box-blog-post .box-text .is-divider, .News .badge .badge-inner br{
	display: none;
}
.br-20 img{
	border-radius: 1.25em;
}
.br-16 img{
	border-radius: 1em;
}
nav.rank-math-breadcrumb a, nav.rank-math-breadcrumb .separator{
	color: var(--color-text) !important;
}
.text-title{
	font-size: 2.5em;
	font-weight: bold;
	line-height: 1.4;
}
.text-banner-page{
	font-size: 2em !important;
	font-weight: 700 !important;
	text-transform: uppercase;
}
.banner-page .banner-layer{
	padding: 0 0.613em;
}
.sub-title{
	display: flex;
	gap: .875em;
	align-items: center;
	text-transform: uppercase;
	font-weight: 500;
	color: var(--primary-color);
	justify-content: center;
}
.sub-title b{
	display: block;
	background-color: var(--primary-color);
	height: 2px;
	width: 6.25em;
}

.bg-section{
	background: var(--background-gradiant-1);
}
.shade{
	background: linear-gradient(0deg, #000000 0, rgba(50, 50, 50, 0) 70%);
	border-radius: 1.25em;
	opacity: 1;
}
.box-blog-post .button:hover, 
.box-portfolio:hover .text-portfolio a,
.box-blog-post:hover .post-title a{
	color: var(--primary-color);
}
.box-blog-post .image-cover{
	border-radius: 1rem;
}
.post-featured span {
	text-decoration: none !important;
}

.box-blog-post .image-cover img {
	transition: all .5s;
}
.box-blog-post .image-cover:hover img {
	transform: scale(1.08);
}
.banner {
	background-color: transparent;
}
.form-submit .button span{
	text-transform: capitalize;
}
.post-title a {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	height: 53px;
	font-size: 1.25rem;
	color: #000;
	margin-bottom: 0.5rem !important;
}
/*================Trang chủ================*/
/*================START================*/

/* Banner Home */
.slider-home .item.slick-slide .img-banner__home{
	padding-top: 80vh;
}
.slider-home .item.slick-slide{
	position: relative;
}
.slider-home .video-button-wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.search.search-no-results .searchform{
	display: none;
}
.search.search-results .archive-page-header, .search.search-no-results .archive-page-header{
	padding-top: 50px;
}
.search.search-results #post-list{
	padding-top: 0;
}
.search.search-results #header .header-wrapper .header-inner #logo img, .search.search-no-results #header .header-wrapper .header-inner #logo img{
	filter: none;
}
.search.search-results #header .header-wrapper .icon-search, .search.search-no-results #header .header-wrapper .icon-search{
	color: #000;
}
.search.search-results #header .header-wrapper #menuIcon, .search.search-no-results #header .header-wrapper #menuIcon{
	border-color: #000;
}
.search.search-results #header .header-wrapper #menuIcon span, .search.search-no-results #header .header-wrapper #menuIcon span{
	background-color: #000;
}
.open-menu {
	touch-action: none;
	-webkit-overflow-scrolling: none;
	overflow: hidden;
	overscroll-behavior: none;
	height: 100vh;
}
.open-menu #header .header-wrapper .header-inner #logo img{
	filter: none;
}
.open-menu #header .header-wrapper .icon-search{
	color: #000;
}
.open-menu #header .header-wrapper #menuIcon{
	border-color: #000;
}
.open-menu #header .header-wrapper .btn-menumobi.active span{
	background: #000 !important;
}
.open-menu .header.transparent .header-bg-color{
	background-color: #e8e8e8 !important;
}
/* Section About*/
.ve-chung-toi .image-cover{
	border-radius: 1.25rem;
}
.list-service{
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.list-service li a, .ve-chung-toi .col-right .des{
	font-weight: 500;
}
.style-btn-1, .button-submit input, .ux-relay__load-more-button, .next-post a{
	border-radius: 99px;
	text-transform: uppercase !important;
	font-size: 1em;
	font-weight: 500;
	padding: 0.3em 1.5em;
	border: 1px solid var(--color-black) !important;
	color: var(--color-black) !important;
	margin: 0;
}
.button-submit input, .ux-relay__load-more-button{
	padding: 0.1em 3.75em;
	background-color: transparent;

}
.next-post a{
	padding: 0.75em 1.5em;
}
.next-post{
	margin-left: auto;
	width: fit-content;
}
.style-btn-1:hover, .button-submit input:hover, .ux-relay__load-more-button:hover, .next-post a:hover{
	box-shadow: none;
	background-color: var(--primary-color) !important;
	border-color: var(--primary-color) !important;
	color: var(--color-white) !important;
}
.icon-angle-right:before{
	content: '\f061';
	font-family: "Font Awesome 6 Pro";
}
.image-about-right .image-cover{
	padding-top: 100%;
	border: 5px solid #939393;
	position: unset;
	margin-top: 3.75em;
	width: calc(100% - 62px);
	border-radius: 1.25em;
}
.image-about-right .image-cover img{
	position: absolute;
	top: -3.75em;
	left: 3.75em;
	width: calc(100% - 62px);
}
.image-about-left{
	padding-top: 2em;
}
.image-about-right{
	margin-bottom: 3em !important;
}
/* Con số nổi bật */
.Numbers .icon-box .icon-box-text .number-run, .Numbers .icon-box .icon-box-text .number-run span{
	font-size: 3rem;
	font-weight: 600;
	color: var(--primary-color);
}
.Numbers .icon-box .icon-box-text p{
	font-size: 1.25em;
	color: var(--color-black);
}
.Numbers .col-content{
	padding: 0 5em;
}
.Numbers .col-image{
	padding: 0 4.5em;
}

/* thư viện ảnh */
.row-thu-vien-anh .col-list-item{
	padding: 0.156em !important;
}
.row-thu-vien-anh .row-stack .col-stack{
	padding-top: 0.156em;
	padding-bottom: 0.156em !important;
}
.row-thu-vien-anh .stack {
	gap: 0.35em;
}
.row-thu-vien-anh .overlay{
	background-color: rgba(0, 0, 0, 0.3) !important;
}
.row-thu-vien-anh .image-4{
	width: 35%;
}
.row-thu-vien-anh .image-5{
	width: 24%;
}
.row-thu-vien-anh .image-6{
	width: 65%;
}
.row-thu-vien-anh .image-6 .image-cover{
	padding-top: 62.5%;
}
.row-thu-vien-anh .image-7{
	width: 40%;
}
.row-thu-vien-anh .image-8{
	width: 30%;
}
.row-thu-vien-anh .image-9{
	width: 23.2%;
}
.row-thu-vien-anh .image-10{
	width: 23%;
}
.row-thu-vien-anh .image-10 .image-cover{
	padding-top: 65%;
}

/*Đánh giá khách hàng*/
.box-danh-gia-khach-hang .Container-boxs{
	display: flex;
	gap: 5.625em;
	align-items: center;
	padding: 3.75em 0 1.25em;
}
.box-danh-gia-khach-hang .Container-boxs .box-customer{
	flex: 0 0 30%;
	max-width: 30%;
}
.box-customer-mobile{
	display: none;
}
.image-customer:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 100%;
	border: 5px solid var(--primary-color);
	z-index: -2
}
.image-customer:after{
	content: '';
	position: absolute;
	top: calc(50% + 2em);
	right: -3em;
	transform: translatey(-50%);
	height: 155px;
	width: 218px;
	background-color: #0a0a0a;
	rotate: -1.82deg;
	z-index: -1;
}
.image-customer img{
	padding: 1em;
	border-radius: 100%;
}
.box-danh-gia-khach-hang .Container-boxs .box-customer .image-cover{
	border-radius: 100%;
}
.box-danh-gia-khach-hang .Container-boxs .box-text-customer{
	flex: 1;
}
.text-customer h4{
	font-size: 1.75em;
}
.text-customer article{
	margin: 2.5em 0;
}
.customer-signature{
	font-size: 3.375em;
}
.button-img{
	width: fit-content;
	margin-left: auto;
	cursor: pointer;
}
.button-img .slick-list{
	max-width: 500px;
	padding: 0!important;
}
.button-img .slick-list .slick-track{
	display: flex;
	flex-wrap: nowrap;
	gap: 2em;
}
}
.button-contents{
	max-height: 68px;
	margin-right: 2em;
}
.button-img .image-cover{
	border-radius: 100px;
}
.slick-prev,
.slick-next
{
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);

	cursor: pointer;

	color: transparent;
	border: none;
	outline: none;
	background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
	color: transparent;
	outline: none;
	background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
	opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
	opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
	font-family: 'slick';
	font-size: 20px;
	line-height: 1;

	opacity: .75;
	color: white;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
	left: -25px;
}
[dir='rtl'] .slick-prev
{
	right: -25px;
	left: auto;
}
.slick-prev:before
{
	content: '\f104';
	font-family: "Font Awesome 6 Pro";
}
[dir='rtl'] .slick-prev:before
{
	content: '\f104';
	font-family: "Font Awesome 6 Pro";
}

.slick-next
{
	right: -25px;
}
[dir='rtl'] .slick-next
{
	right: auto;
	left: -25px;
}
.slick-next:before
{
	content: '\f105';
	font-family: "Font Awesome 6 Pro";
}
[dir='rtl'] .slick-next:before
{
	content: '\f105';
	font-family: "Font Awesome 6 Pro";
}
/* Giá trị cốt lõi */

.principles__column {
	flex: 1;
	transition: flex 0.3s ease;
}
.principles__column-item{
	height: 585px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	position: relative; 
	border-radius: 1.25em;
}
.principles__column .principles__column-text, .principles__column-description:before{
	opacity: 0;
	visibility: hidden; 
	transition: opacity 0.1s ease, visibility 0s 0.1s;
}

.principles__column:hover {
	flex: 2; 
}

.principles__column:hover .principles__column-text, .principles__column:hover .principles__column-description:before{
	opacity: 1; 
	visibility: visible;
	transition: opacity 1.5s ease, visibility 0s; 
}
.principles__column:hover .shade{
	background: linear-gradient(0deg, rgb(0 0 0 / 50%) 0, rgb(50 50 50 / 50%) 100%);
}
.principles__column:hover .principles__column-title{
	color: var(--primary-color);
}
.principles__column-header {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0 3em;
	z-index: 1;
}
.principles__column-description{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	padding: 4.5em;
	z-index: 1;
}
.principles__column-description:before{
	content: url(/wp-content/uploads/2024/12/ngoac-kep.svg);
	position: absolute;
	top: .5em;
	left: 3em;
}
.principles__column-title{
	padding-top: 1em;
	font-size: 1.75em;
	border-top: 1px solid #959595;
}
.principles__column-title, .principles__column-text {
	color: #fff;
}
.principles__column-title{
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;
}
/* Đánh giá khách hàng */
.box-danh-gia-khach-hang .slick-dots{
	width: 100%;
	top: calc(100% + 5em)
}
.box-danh-gia-khach-hang .slick-dots li{
	width: 20%;
	margin: 0 !important;
	height: 2px;
	background-color: #ffffff;
	border-radius: 0;
	transition: all .5s;
}
.slick-dots li.slick-active{
	width: 100%;
}
.box-danh-gia-khach-hang{
	max-height: 445px;
	overflow: hidden;
}
/* Danh sách dự án*/
.Project .line-mobile{
	display: none;
}
.box-text-portfolio{
	padding: 1.5em 0px 0px;
}
.box-portfolio .image-cover i{
	position: absolute;
	bottom: 0%;
	right: 0%;
	color: var(--color-white);
	background: rgb(0 0 0 / 20%);
	height: 40px;
	width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom-right-radius: 18px;
	border-top-left-radius: 18px;
	font-size: 1rem;
	border: 1.5px solid;
}
.box-portfolio .image-cover{
	border-radius: 1.25rem;
}
.tax-1, .tax-2, .tax-3{		
	padding: 0.25rem 0.75rem;
	border-radius: 50px;
}
.tax-1{
	background-color: #FEC0CB;
	color: #FD002D;
}
.tax-2{
	background-color:#FFDCBE;
	color:#713300;
}
.tax-3{
	background-color: #C5FFD5;
	color:#038125;
}
.text-portfolio a{
	color: var(--color-black);
	font-weight: 600;
	font-size: 1.25rem;
	margin-top: 0.75rem !important;
}
.side-bar-du-an .is-sticky-column h4{
	margin-bottom: 1.38rem;
}
/* Đối tác*/
.box-doitac .slick-slide .image-box img {
	filter: grayscale(1);
}
.box-doitac .slick-slide .image-box img:hover {
	filter: none;
}
.box-doitac{
	max-height: 109px;
	overflow: hidden;
}
.box-doitac .image-box{
	padding: 0 1.25rem;
}
.box-doitac .box img{
	object-fit: cover;
	left: 50%;
	transform: translateX(-50%);
	padding: 1.25rem;
}
.box-doitac-2, .box-doitac-2 .image-cover{
	transform: rotate(180deg);
}
.box-doitac .image-cover{
	padding-top: 75%;
}
/*====== News ======*/
#post-list{
	padding-top: 3.125rem;
}
.News .post-item .col-inner .box-blog-post{
	background-color: var(--color-white);
	border-radius: 1rem;
}
.News .post-item .col-inner .box-blog-post .box-text, #post-list .box-blog-post .box-text{
	padding: 1rem;
}
.News .post-item .col-inner .box-blog-post .box-text .post-title, #post-list .box-blog-post .post-title{
	margin-bottom: 0.4rem;
}
.News .post-item .col-inner .box-blog-post .button, #post-list .box-blog-post .button{
	margin: 0;
	text-transform: uppercase;
	font-size: 1rem;
	font-weight: 500;
	padding-right: 1.25rem;
}
.News .post-item .col-inner .box-blog-post .button:after, #post-list .box-blog-post .button:after{
	content: '\f061';
	font-family: "Font Awesome 6 Pro";
	position: absolute;
	right: 0;
}
#post-list .box-blog-post .is-divider{
	display: none;
}
.badge.post-date{
	display: grid;
	top: 0;
	right: 27.5px;
	left: auto;
}
.News .badge .badge-inner, #post-list .box-blog-post .badge .badge-inner{
	background: var(--background-gradiant-2);
	display: grid;
	grid-template-columns: auto;
	gap: .5rem;
	border-top-right-radius: 1rem;
	border-bottom-left-radius: 1rem;
	color: var(--color-white);
	padding: 1rem .5rem;
	border: 1px solid rgb(255, 255, 255, 0.5);
}
.has-hover:hover .badge-outline .badge-inner {
	background-color: var(--background-gradiant-2);
	border-color: rgb(255 255 255 / 50%);
	color: #fff;
}
.News .badge .badge-inner .post-date-day, #post-list .box-blog-post .badge .badge-inner .post-date-day{
	font-size: 2.5rem;
}
.News .badge .badge-inner .post-date-month, #post-list .box-blog-post .badge .badge-inner .post-date-month{
	font-size: .875rem;
}
/*================END================*/
/*================Giới thiệu==========*/
.image-line{
	padding: 2rem;
}
.image-line:before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	height: 20%;
	width: 45%;
	border-top: 8px solid var(--color-gray1);
	border-right: 8px solid var(--color-gray1);
	border-top-right-radius: 1.25em;
}
.image-line:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	height: 20%;
	width: 45%;
	border-bottom: 8px solid var(--color-gray1);
	border-left: 8px solid var(--color-gray1);
	border-bottom-left-radius: 1.25em;
}
.number-exp{
	position: relative;
	padding-left: 6rem;
	gap: 3.5rem;
}
.number-exp:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 212px;
	border: 5px solid;
	border-radius: 1.25rem;
	z-index: -1;
}
.number-exp:before{
	content: '';
	position: absolute;
	top: 50%;
	left: 2rem;
	transform: translatey(-50%);
	height: calc(100% - 3em);
	width: 212px;
	background-color: var(--color-white);
	z-index: 0;
}

.number-exp .number-run{
	position: relative;
	font-size: 6.25rem;
	color: var(--primary-color);
	font-weight: 700;
	display: flex;
	align-items: center;
	min-width: 195px;
}
.number-exp .number-run span{
	font-size: 6.25rem;
}
.number-exp .text{
	font-size: 1.25rem;
	font-weight: 600;
	color: var(--color-black);
	width: 131px;
}
.about-sec-2{
	min-height: 720px;
}
.about-sec-2 .col-right{
	padding-top: 8rem;
}
.banner-doingu{
	padding-top: 450px;
	border-radius: 1.25rem;
}
.banner-doingu .banner-bg.fill{
	border-radius: 1.25rem;
}
.banner-doingu .col-left .col-inner{
	padding-left: 5rem;
}
.banner-doingu .col-right{
	padding-right: 2.75rem;
}
.banner-doingu .overlay{
	background: rgba(0, 0, 0, .8);
}
.banner-doingu .text-box.banner-layer{
	width: 100%
}
.banner-doingu .avarta-banner{
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	z-index: 9;
	margin-bottom: 0 !important;
}
.banner-doingu .bg.bg-loaded {
	background-image: url(https://24production.diwe-tech.com/wp-content/uploads/2024/12/banner-doi-ngu.webp);
}
.banner-doingu .avarta-banner img{
	width: 55%;
}
.banner-doingu .text-box.banner-layer .text h3{
	font-size: 1.75rem;
	font-weight: 700;
	color: var(--primary-color);
}
.text-des{
	color: var(--color-text) !important;
}
.row-list-member{
	padding-top: 2rem;
}
.title-doi-ngu{
	margin-bottom: 1.5rem !important;
}
/*================Liên hệ================*/
.f-32{
	font-size: 2rem;
	margin-bottom: 1rem;
}
.contact-col-right .sub-title{
	justify-content: flex-start;
}
.contact-col-left .col-inner{
	padding: 3.125rem 2.5rem !important;
	border-top-left-radius: 1.25rem;
	border-bottom-left-radius: 1.25rem;
	background-color: var(--color-black));
}
.contact-col-right .col-inner{
	padding: 3.125rem 3.75rem;
	border-top-right-radius: 1.25rem;
	border-bottom-right-radius: 1.25rem;
	background-color: var(--color-white);
}
.text-menu{
	font-size: 1.25rem;
}
.menu-content li{
	display:flex;
	gap: 1.5rem;
	margin-bottom: 2rem;
}
.menu-content li i{
	margin-top: 0.2rem;
	margin-right: 0 !important;
	font-size: 2rem;
	width: 40px;
	height: 40px;
}
/* =========================CSS Form========================= */
.cf-container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -5px;
	margin-left: -5px;
}
.cf-col-1, .cf-col-2, .cf-col-3, .cf-col-4, .cf-col-5, .cf-col-6, .cf-col-7, .cf-col-8, .cf-col-9, .cf-col-10, .cf-col-11, .cf-col-12 {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 5px;
	padding-left: 5px;
}
@media ( min-width: 576px ) {
	.cf-col-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}
	.cf-push-1 { margin-left: 8.333333%; }
	.cf-col-2 {
		-ms-flex: 0 0 16.66667%;
		flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}
	.cf-push-2 { margin-left: 16.66667%; }
	.cf-col-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.cf-push-3 { margin-left: 25%; }
	.cf-col-4 {
		-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.cf-push-4 { margin-left: 33.33333%; }
	.cf-col-5 {
		-ms-flex: 0 0 41.66667%;
		flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}
	.cf-push-5 { margin-left: 41.66667%; }
	.cf-col-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.cf-push-6 { margin-left: 50%; }
	.cf-col-7 {
		-ms-flex: 0 0 58.33333%;
		flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}
	.cf-push-7 { margin-left: 58.33333%; }
	.cf-col-8 {
		-ms-flex: 0 0 66.66667%;
		flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}
	.cf-push-8 { margin-left: 66.66667%; }
	.cf-col-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
	.cf-push-9 { margin-left: 75%; }
	.cf-col-10 {
		-ms-flex: 0 0 83.33333%;
		flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}
	.cf-push-10 { margin-left: 83.33333%; }
	.cf-col-11 {
		-ms-flex: 0 0 91.66667%;
		flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}
	.cf-push-11 { margin-left: 91.66667%; }
	.cf-col-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}
/* =========================Chi tiết dự án========================= */
.post-du-an{
	padding-top: 3.125rem;
}
.title-post-du-an{
	position: relative;
}
.title-post-du-an:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: -0.45rem;
	height: 1px;
	width: 100%;
	background-color: var(--color-gray1);
}
.col-info{
	border: 1px solid #E8E8E8;
	box-shadow: 0px 4px 20px 4px #00000014;
	border-radius: 1.25rem;
	padding: 1.875rem;
}
.col-info h4{
	font-size: 1.25rem;
}
.menu-du-an li{
	margin-left: 0 !important;
}
.menu-du-an li strong{
	color: var(--color-black);
	font-weight: 500;
}
.menu-du-an li img{
	margin-right: 0.5rem;
}
.col-thongtin ul{
	display: flex;
	gap: 1.25rem;
}
/* dịch vụ */

.thu-vien-dich-vu .gallery-col.col {
	padding: 0.375rem;
}
.thu-vien-dich-vu .gallery-col.col img{
	border-radius: 0.375rem;
}
.sidebar-dich-vu .menu-contacts li a{
	color: #616161;
}
.sidebar-dich-vu .menu-contacts li a:hover{
	color: var(--color-black);
}
.post-featured:first-child .box-portfolio .image-cover{
	padding-top: 100% !important;	
}
.post-featured:first-child .box-portfolio .image-cover a:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	border-radius: 1.25rem;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 28%, rgba(0, 0, 0, 1) 100%);
	z-index: 1;
}
.post-featured:first-child .box-portfolio .box-text-portfolio{
	position: absolute;
	bottom: 0;
	padding: 1.5rem;
	z-index: 2;
}
.post-featured:first-child .box-portfolio .image-cover i{
	z-index: -1;
}
.post-featured:first-child .box-text-portfolio .text-portfolio a{
	color: var(--color-white);
}
.post-featured span{
	text-decoration: underline;
}
.section-post-featured{
	background-color: rgb(244, 244, 244);
}
.related-post h3{
	border-bottom: 1px solid var(--color-gray1);
	padding-bottom: .5rem;
}
.related-post .image-cover{
	border-radius: 8px;
}
.related-post .box-text .post-title a{
	font-size: 16px;
	font-weight: 500;
	color: #404042;
	height: 44px;
	margin-bottom: 0!important;
	margin-top: 0.313rem !important;
}
.related-post .box-text .post-title a:hover{
	color: var(--primary-color);
}
.related-post .list-post .box-image{
	width: 32% !important;
}
.related-post{
	border-radius: 1.25rem;
	box-shadow: 0 12px 36px 0 rgba(132, 146, 167, .16);
	padding: 1.5em 1em 1em;
	border: 1px solid #f7f7f7;
}
#block-4 .share-ha {
	padding: 0;
}
#custom_html-5{
	margin-bottom: 0;
}
.text-20{
	font-size: 1.25rem;
}
.text-price{
	font-size: 1.563rem;
	font-weight: 600;
	color: var(--primary-color);
}
.pagination-wrapper{
	display: flex;
	justify-content: center;
}
.pagination-content{
	border-radius: .5rem;
	display: flex;
	gap: 1em;
	align-items: center;
	justify-content: center;
}
.page-numbers {
	border-radius: .2rem;
	width: 2.5rem;
	height: 2.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.page-numbers:hover, .page-numbers.current {
	background-color: var(--primary-color);
	color: var(--color-white);
}
/* =========================Footer========================= */
.footer-row__content{
	display: grid;
	grid-template-columns: 1fr 21rem 11rem 18rem;
	column-gap: 1.5rem;
}
.footer-row__content .col{
	max-width: 100%;
}
.logo-footer img{
	width: 180px;
	margin-bottom: 1rem;
}
.text-footer{
	border-top: 1px solid #999;
	padding: 3rem 0 !important;
}
.btn-viewall{
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	height: 2.75rem;
	width: 3.125rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-top-right-radius: 1.875rem;
	border-bottom-right-radius: 1.875rem;
	background-color: var(--color-white);
	color: var(--color-black) !important;
}
.btn-viewall i{
	margin: 0 !important;
}
.form-home input, .wpcf7-form-control-wrap input{
	height: 2.75em;
	border-radius: 99px;
	background-color: transparent;
	box-shadow: none !important;
}
.wpcf7-form-control-wrap textarea{
	box-shadow: none !important;
	border-radius: 1.25rem;
}
.form-home input::placeholder, .wpcf7-form-control-wrap input::placeholder, .wpcf7-form-control-wrap textarea::placeholder{
	font-size: 0.875rem;
	font-style: italic;
}
.menu-contacts li{
	list-style: none;
}
.menu-contacts li i{
	margin-right: .5rem;
}
.absolute-footer{
	display: none;
}
.taxonomy{
	background-color: #f5f5f5;
}
.taxonomy .tab-taxonomy-list{
	display: flex;
	width: 100%;
	list-style: none;
	overflow: hidden;
	overflow-x: auto;	
}
.taxonomy .tab-taxonomy-list li{
	flex: 0 0 15%;
	margin-bottom: 0;
	padding: 0.875rem;
	text-align: center;
}
.taxonomy .tab-taxonomy-list li a{
	color: var(--color-black);
	padding: 1rem 0;
}
.taxonomy .tab-taxonomy-list li a.active{
	border-bottom: 3px solid var(--primary-color);
}
#footer .ux-menu-link__text:hover{
	text-decoration: underline;
}
@media (max-width: 1199px){
	.footer-row__content {
		display: flex;
		column-gap: 0;
	}
	.footer-row__content .col:nth-child(1){
		flex-basis: 100%;
		max-width: 100%;
	}
	.footer-row__content .col:nth-child(2), .footer-row__content .col:nth-child(4){
		flex-basis: 36.3333%;
		max-width: 36.3333%;
	}
	.footer-row__content .col:nth-child(3){
		flex-basis: 22.3333%;
		max-width: 22.3333%;
	}
}
/*============REPONSIVE=================*/
/* Các thiết bị di động nhỏ (dưới 640px) */
@media (max-width: 639px) {
	.slider-home .item.slick-slide .img-banner__home{
		padding-top: 500px !important;
	}
	.footer-row__content .col{
		flex-basis: 100% !important;
		max-width: 100% !important;
	}
	.pb-80{
		padding-bottom: 3.125rem !important;
	}
	.pt-80{
		padding-top: 3.125rem !important;
	}
	.f-32{
		font-size: 1.5rem;
	}
	.About .medium-6, .Vision .medium-7, .Project .medium-4, .Project .medium-8{
		flex-basis: 100%;
		max-width: 100%;
	}
	.Numbers .medium-3{
		flex-basis: 50%;
		max-width: 50%;
	}
	.text-title{
		font-size: 1.6rem;
	}
	.sub-title b{
		width: 3.25rem;
	}
	.ve-chung-toi .col-right, .Project .col-right{
		padding-top: 1.875rem;
	}
	.ve-chung-toi .image-about-right .image-cover{
		padding-top: 75% !important;
	}
	.ve-chung-toi .col-left .image-cover{
		padding-top: 100% !important;
	}
	.image-about-right .image-cover img{
		top: -2rem;
		left: 2rem;
		width: calc(100% - 34px);
	}
	.Numbers .col-content, .Numbers .col-image, .box-doitac .box img, .Numbers .col-content{
		padding: 0;
	}
	.Numbers .icon-box .icon-box-text .number-run, .Numbers .icon-box .icon-box-text .number-run span{
		font-size: 2.25rem;
	}
	.Numbers .icon-box .icon-box-img{
		width: 60px !important;
		margin-bottom: .5rem;
	}
	.Numbers .icon-box .icon-box-text p, .sub-title {
		font-size: .875rem;
	}
	.Vision .principles__row{
		flex-direction: column;
		gap: 1.875rem;
	}
	.principles__column-item{
		height: 290px;
		transition: 0.3s ease;
	}
	.principles__column:hover .principles__column-item{
		height: 585px;
	}
	.Project .line-mobile{
		display: block;
	}
	.Project .col-left{
		text-align: center;
	}
	.Project .col-left .sub-title{
		justify-content: center !important;
	}
	.box-danh-gia-khach-hang .Container-boxs{
		display: flex;
		gap: 0;
		flex-direction: column;
	}
	.box-danh-gia-khach-hang .Container-boxs .image-customer:after{
		left: 9rem;
		height: 65px;
		width: 65px;
		rotate: -7.82deg;
	}
	.box-danh-gia-khach-hang .Container-boxs .text-customer-mobile{
		text-align: center;
	} 

	.box-danh-gia-khach-hang {
		max-height: 565px;
	}
	.box-danh-gia-khach-hang .Container-boxs{
		padding-top: 2rem;
	}
	.box-danh-gia-khach-hang .Container-boxs .box-customer{
		width: 35%;
	}
	.box-danh-gia-khach-hang .image-customer img{
		padding: 0.75rem;
	}
	.box-danh-gia-khach-hang .slick-dots{
		top: auto;
		bottom: 0;
		gap: 5px;
	}
	.box-danh-gia-khach-hang .slick-dots li{
		width: 8px;
		height: 8px;
		border-radius: 99px;
	}
	.box-danh-gia-khach-hang .slick-dots li.slick-active {
		width: 50px;
	}
	.button-img.slider-nav{
		display: none;
	}
	.box-doitac .image-box{
		padding: 0 1rem;
	}
	.principles__column-description{
		padding: 1rem;
	}
	.principles__column-description:before{
		top: -3rem;
		left: 1rem;
	}
	.res-text {
		font-size: 1rem !important;
		padding: 0 1rem;
	}
	.taxonomy .tab-taxonomy-list li {
		flex: 0 0 42%;
	}
	.Contacts .row-collapse.align-equal{
		padding: 0 1rem;
	}
	.Contacts .medium-4, .Contacts .medium-8{
		flex-basis: 100%;
		max-width: 100%;
	}
	.Contacts .contact-col-left .col-inner{
		border-top-right-radius: 1.25em;
		border-bottom-left-radius: 0;
	}
	.contact-col-right .col-inner{
		border-top-right-radius: 0;
		border-bottom-left-radius: 1.25em;
	}
	.contact-col-left .col-inner, .contact-col-right .col-inner{
		padding: 3rem 1.25rem !important;
	}
	.about-sec-1 .medium-6{
		flex-basis: 100%;
		max-width: 100%;
	}
	.number-exp{
		padding-left: 3rem;
		gap: 0rem;
	}
	.number-exp:before{
		width: 170px;
	}
	.number-exp .number-run{
		font-size: 5.25rem;
		min-width: 190px;
	}
	.number-exp .number-run span{
		font-size: 5.25rem;
	}
	.number-exp:after{
		width: 150px;
	}
	.number-exp .text{
		width: 100%;
	}
	.about-sec-2 .col-right {
		padding-top: 0rem;
	}
	.about-sec-2 .medium-8, .about-sec-2 .medium-4{
		flex-basis: 100%;
		max-width: 100%;
	}
	.about-sec-2 .medium-8{
		order: 1;
		display: flex;
		height: 35vh;
		align-items: center;
	}
	.banner-doingu{
		padding-top: 500px;
	}
	.banner-doingu .col-left .col-inner {
		padding-left: 0rem;
		padding-top: 1.875rem;
	}    
	.banner-doingu .col-right {
		padding-right: 1rem;
	}
	.banner-doingu .col-left .col-inner .text.text-left{
		text-align: center !important;
	}
	.banner-doingu .col-right .col-inner .img:first-child{
		width: 83%;
	}
	.banner-doingu .col-right .col-inner .img:nth-child(2) img{
		width: 73%;
	}
	.banner-doingu .avarta-banner{
		bottom: -25px;
	}
	/* thư viện ảnh*/
	.row-thu-vien-anh{
		flex-direction: column;
	}
	.row-thu-vien-anh .col-list-item:first-child .col-inner{
		display: flex;
		justify-content: end;
	}
	.row-thu-vien-anh .col-list-item:nth-child(2) .stack{
		flex-direction: row;
		justify-content: end;
	}
	.row-thu-vien-anh .image-5 .image-cover{
		padding-top: 62.5%;
	}
	.row-thu-vien-anh .col-list-item:nth-child(3) .col-stack:first-child{
		order: 2;
	}
	.row-thu-vien-anh .col-list-item:nth-child(3) .col-stack:nth-child(2){
		order: 1;
	}
	.row-thu-vien-anh .col-list-item:nth-child(3) .col-stack:nth-child(3){
		order: 3;
	}
	.row-thu-vien-anh .image-1{
		width: 32%;
	}
	.row-thu-vien-anh .image-2, .image-3{
		width: 35%;
	}
	.row-thu-vien-anh .image-4{
		width: 32%;
	}
	.row-thu-vien-anh .image-5{
		width: 50%;
	}
	.row-thu-vien-anh .image-6{
		width: 65%;
	}
	.row-thu-vien-anh .image-7{
		width: 41%;
	}
	.row-thu-vien-anh .image-8{
		width: 41%;
	}
	.row-thu-vien-anh .image-9{
		width: 35%;
	}
	.row-thu-vien-anh .image-10{
		width: 35%;
	}
}
/* menu PC*/
.single .header, .single-du-an .header, .page-template-page-du-an .header, body.archive .header, .page-id-1433 .header{
	left: auto;
	right: auto;
	position: absolute;
}
body.archive .header .header-wrapper, 
body.archive .header .header-wrapper .header-bg-container .header-bg-image, 
body.archive .header .header-wrapper .header-bg-container .header-bg-color,  
.single .header .header-wrapper, .single .header .header-wrapper .header-bg-container .header-bg-image, 
.single .header .header-wrapper .header-bg-container .header-bg-color, 
.single-du-an .header .header-wrapper, 
.single-du-an .header .header-wrapper .header-bg-container .header-bg-image, 
.single-du-an .header .header-wrapper .header-bg-container .header-bg-color, 
.page-template-page-du-an .header .header-wrapper, 
.page-template-page-du-an .header .header-wrapper .header-bg-container .header-bg-image, 
.page-template-page-du-an .header .header-wrapper .header-bg-container .header-bg-color,
.page-id-1433 .header .header-wrapper .header-bg-container .header-bg-color{
	background-color: transparent;
	background-image: none !important;
	box-shadow: none;
}
body.archive .header .header-wrapper.stuck, 
body.archive .header .header-wrapper.stuck .header-bg-container .header-bg-image, 
body.archive .header .header-wrapper.stuck .header-bg-container .header-bg-color,
.single .header .header-wrapper.stuck, .single .header .header-wrapper.stuck .header-bg-container .header-bg-image, 
.single .header .header-wrapper.stuck .header-bg-container .header-bg-color, .single-du-an .header .header-wrapper.stuck, 
.single-du-an .header-wrapper.stuck .header-bg-container .header-bg-image, 
.single-du-an .header .header-wrapper.stuck .header-bg-container .header-bg-color, 
.page-template-page-du-an .header .header-wrapper.stuck, 
.page-template-page-du-an .header .header-wrapper.stuck .header-bg-container .header-bg-image, 
.page-template-page-du-an .header .header-wrapper.stuck .header-bg-container .header-bg-color,
.page-id-1433 .header .header-wrapper.stuck .header-bg-container .header-bg-color
{
	background-color: #e8e8e8 !important;
}
.single-post .blog-single, .blog-archive{
	padding-top: 0;
}
.blog-archive{
	padding-bottom: 0;
}

body:has(.menu-open) {
	overflow-y: hidden !important;
	height: 100vh;
}
.menu-pc {
	position: absolute;
	left: 50%;
	top: -100vh;
	transform: translatex(-50%);
	transition: 0.8s;
	border-top: 1px solid #d2d2d2;
}
.menu-pc .col {
	background-color: #e8e8e8;
	padding: 50px 100px;
}
.menu-pc ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.menu-pc ul li {
	padding: 8px 16px;
	margin-bottom: 20px;
}

.menu-pc ul li a {
	color: #000;
	text-decoration: none;
	font-size: 1.25rem;
	font-weight: 500;
	text-transform: uppercase;
}
.menu-pc ul li a:hover, #menu-menu-chinh .sub-menu li a:hover{
	color: var(--primary-color);
}
.menu-pc.open {
	top: 100%;
}

#menu-menu-chinh .menu-item-has-children:hover .sub-menu {
	opacity: 1;
}
#menu-menu-chinh .sub-menu {
	position: absolute;
	top: 0;
	right: 0;
	width: 67%;
	height: 100%;
	opacity: 0;
	padding: 50px 50px 50px 100px;
}
#menu-menu-chinh .sub-menu li a {
	color: #7d7d7d;
}
#menu-menu-chinh .sub-menu:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50px;
	transform: translatey(-50%);
	height: calc(100% - 100px);
	width: 1px;
	background-color: #7d7d7d;
}

.header-inner {
	transition: .8s;
	background-color: transparent;
}
.menu-open .header-inner{
	background-color: #e8e8e8; 
	transition-delay: .2s;
}
.header .header-wrapper.stuck #menuIcon{
	border-color: var(--color-black);
}
.header .header-wrapper.stuck #menuIcon span{
	background-color: var(--color-black);
}
#menuIcon {
	width: 40px;
	height: 40px;
	position: relative;
	cursor: pointer;
	min-width: 30px;
	border-radius: 100px;
	border: 1.5px solid #fff;
}
#menuIcon:hover, .header .header-wrapper.stuck #menuIcon:hover{
	background-color: var(--primary-color);
	border: 1.5px solid var(--primary-color);
}
.menu-open #menuIcon{
	background-color: var(--primary-color);
	border: 1.5px solid var(--primary-color);
}
.header .header-wrapper.stuck #menuIcon:hover span{
	background-color: var(--color-white);
}
#menuIcon span {
	height: 1.5px;
	width: 16px;
	display: block;
	position: absolute;
	border: none;
	transition: all .4s ease;
	border-radius: 6px;
	left: 11px;
	background-color: var(--color-white);
	border-radius: 5px;
}
#menuIcon span:nth-of-type(1) {
	top: 11px;
	transition: top .3s ease .3s, transform .3s ease-out .1s;
}
#menuIcon span:nth-of-type(2) {
	top: 17px;
	transition: all 0s ease;
}
#menuIcon span:nth-of-type(3) {
	top: 25px;
	transition: top .3s ease .3s, transform .3s ease-out .1s;
}
.menu-open #menuIcon span:nth-of-type(1) {
	top: 17.5px;
	transform: rotate(45deg);
	transition: top .3s ease .1s, transform .3s ease-out .5s;
}
.menu-open #menuIcon span:nth-of-type(2) {
	opacity: 0;
}

.menu-open #menuIcon span:nth-of-type(3) {
	top: 17.5px;
	transform: rotate(-45deg);
	transition: top .3s ease .1s, transform .3s ease-out .5s;
}
#header .header-wrapper .header-inner #logo img, .logo-footer img{
	filter: invert(1) brightness(1.2) contrast(1.5);
}
#header.menu-open .header-inner #logo img, #header .header-wrapper.stuck .header-inner #logo img{
	filter: none;
	transition: ease-in 0.8s;
}
#header .header-wrapper.stuck .header-inner #logo img{
	padding: 0.5rem;
}
.header .header-wrapper.stuck .header-main .logo img{
	filter: brightness(0) invert(0);
}
.header .header-inner .header-search .icon-search{
	font-size: 20px !important;
	color: var(--color-white);
}
.header .header-inner .header-search .icon-search:hover{
	color: var(--primary-color);
}
.header .header-wrapper.stuck .header-inner .header-search .icon-search, .menu-open .header-wrapper .header-inner .header-search .icon-search{
	font-size: 20px !important;
	color: var(--color-black);
}
.header{
	border-bottom: 1px solid #626262;
}
/* Các thiết bị di động lớn / máy tính bảng nhỏ (từ 640px đến 767px) */
@media (max-width: 639px){
	.Quote .bao-gia-dich-vu .col:first-child .box-image .image-cover{
		padding-top: 100% !important;
	}
	#block-5 .related-post .list-post .box-blog-post{
		display: flex;
		align-items: center;
		column-gap: 1rem;
		margin-bottom: 1.25rem;
	}
	#block-5 .related-post .list-post .box-blog-post .box-image{
		width: 68% !important;
	}
	#block-5 .related-post h3 {
		margin-bottom: 1.25rem;
	}
	#block-5 .related-post .box-text .post-title a{
		font-size: 1.125rem;
		margin-top: 0.5rem;
		height: 50px;
		color: #000;
	}
}
@media (min-width: 640px) and (max-width: 767px) {

	.About .medium-6, .Vision .medium-7, .Project .medium-4, .Project .medium-8{
		flex-basis: 100%;
		max-width: 100%;
	}
	.Numbers .medium-3{
		flex-basis: 50%;
		max-width: 50%;
	}
	.text-title{
		font-size: 1.8rem;
	}
	.ve-chung-toi .col-right, .Project .col-right{
		padding-top: 1.875rem;
	}
	.ve-chung-toi .image-about-right .image-cover{
		padding-top: 75% !important;
	}
	.ve-chung-toi .col-left .image-cover{
		padding-top: 100% !important;
	}
	.Numbers .col-content {
		padding: 0;
	}
	.Numbers .col-content{
		padding: 0;
	}
	.Numbers .icon-box .icon-box-text .number-run, .Numbers .icon-box .icon-box-text .number-run span{
		font-size: 2.25rem;
	}

	.Numbers .icon-box .icon-box-img{
		width: 60px !important;
		margin-bottom: .5em;
	}
	.Vision .principles__row{
		flex-direction: column;
		gap: 1.875rem;
	}
	.principles__column-item{
		height: 290px;
		transition: 0.3s ease;
	}
	.principles__column:hover .principles__column-item{
		height: 585px;
	}
	.Project .line-mobile{
		display: block;
	}
	.Project .col-left{
		text-align: center;
	}
	.Project .col-left .sub-title{
		justify-content: center !important;
	}
	.box-danh-gia-khach-hang {
		max-height: 570px;
		overflow: hidden;
	}
	.box-danh-gia-khach-hang .Container-boxs{
		display: flex;
		gap: 0;
		flex-direction: column;
	}
	.box-danh-gia-khach-hang .Container-boxs .box-customer{
		display: flex;
		max-width: 100%;
		gap: 1.875rem;
		align-items: center;
	}
	.box-danh-gia-khach-hang .Container-boxs .image-customer, .image-customer:before{
		width: 30%;
	}
	.box-danh-gia-khach-hang .Container-boxs .image-customer:after{
		left: 9rem;
		height: 110px;
		width: 125px;
		rotate: -7.82deg;
	}
	.box-danh-gia-khach-hang .Container-boxs .box-customer-mobile{
		display: block;
		flex: 1;
	}
	.box-danh-gia-khach-hang .Container-boxs .text-customer-mobile{
		display: none;
	}

	.box-danh-gia-khach-hang .slick-dots{
		top: auto;
		bottom: 0;
		gap: 5px;
	}
	.box-danh-gia-khach-hang .slick-dots li{
		width: 8px;
		height: 8px;
		border-radius: 99px;
	}
	.box-danh-gia-khach-hang .slick-dots li.slick-active {
		width: 50px;
	}
	.button-img.slider-nav{
		display: none;
	}
	.res-text {
		font-size: 1rem !important;
		padding: 0 1rem;
	}
	.taxonomy .tab-taxonomy-list li {
		flex: 0 0 25%;
	}
	.Contacts .row-collapse.align-equal{
		padding: 0 1rem;
	}
	.Contacts .medium-4, .Contacts .medium-8{
		flex-basis: 100%;
		max-width: 100%;
	}
	.Contacts .contact-col-left .col-inner{
		border-top-right-radius: 1.25rem;
		border-bottom-left-radius: 0;
	}
	.contact-col-right .col-inner{
		border-top-right-radius: 0;
		border-bottom-left-radius: 1.25em;
	}
	.about-sec-1 .medium-6{
		flex-basis: 100%;
		max-width: 100%;
	}
	.about-sec-2 .medium-8, .about-sec-2 .medium-4{
		flex-basis: 100%;
		max-width: 100%;
	}
	.about-sec-2 .medium-8{
		order: 1;
	}
	.row-list-member .medium-3{
		flex-basis: 33.3333%;
		max-width: 33.3333%;
	}
	.banner-doingu .col-right {
		padding-right: 1rem;
		padding-bottom: 0;
	}
	.banner-doingu .col-left .col-inner {
		padding-left: 1em;

	}
	.banner-doingu .col-left{
		padding-bottom: 0;
	}
	.banner-doingu {
		padding-top: 309px;
	}
}

/* Các thiết bị máy tính bảng (từ 768px đến 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
	.text-title{
		font-size: 1.75rem;
	}
	.image-about-right .image-cover img{
		top: -2rem;
		left: 2rem;
	}
	.image-about-right .image-cover{
		margin-top: 2rem;
		padding-top: 75% !important;
	}
	.Numbers .col-content{
		padding: 0;
	}
	.Numbers .icon-box .icon-box-text .number-run, .Numbers .icon-box .icon-box-text .number-run span{
		font-size: 2.25rem;
	}
	.Numbers .icon-box .icon-box-img{
		width: 60px !important;
		margin-bottom: .5rem;
	}
	.Numbers .icon-box .icon-box-text p{
		font-size: 0.86rem;
	}
	.principles__column-title{
		font-size: 1.25rem;
	}
	.principles__column-header{
		padding: 0 2rem;
	}
	.principles__column-description{
		padding: 2rem;
	}
	.principles__column-description:before {
		top: -2rem;
		left: 1rem;
	}
	.principles__column-item{
		height: 450px;
	}
	.is-sticky-column{
		position: sticky;
		top: calc(var(--flatsome-scroll-padding-top) + 30px);
	}
	.Review .button-img{
		margin-right: 1.5em;
	}
	.News .medium-columns-1>.col{
		flex-basis: 33.33333% !important;
		max-width: 33.33333% !important;
	}
	.res-text {
		font-size: 1rem !important;
		padding: 0 1rem;
	}
	.taxonomy .tab-taxonomy-list li {
		flex: 0 0 22%;
	}
	.Contacts .row-collapse.align-equal{
		padding: 0 1rem;
	}
	.Contacts .large-4, .Contacts .large-8{
		flex-basis: 100%;
		max-width: 100%;
	}
	.Contacts .contact-col-left .col-inner{
		border-top-right-radius: 1.25rem;
		border-bottom-left-radius: 0;
	}
	.contact-col-right .col-inner{
		border-top-right-radius: 0;
		border-bottom-left-radius: 1.25rem;
	}
	.about-sec-1 .large-6{
		flex-basis: 100%;
		max-width: 100%;
	}
	.Quote .bao-gia-dich-vu .box-image .image-cover{
		padding-top: 75% !important;
	}
}

/* Các thiết bị máy tính để bàn nhỏ (từ 1024px đến 1279px) */
@media (min-width: 1024px) and (max-width: 1279px) {
	.text-title{
		font-size: 1.8rem;
	}
	.image-about-right .image-cover{
		padding-top: 69.2% !important;
	}
	.Numbers .icon-box .icon-box-text p {
		font-size: 1.2rem;
	}
	.row-thu-vien-anh{
		padding: 0 1.875rem;
	}
	.principles__column-item{
		height: 500px;
	}
	.principles__column-title{
		font-size: 1.5rem;
	}
	.principles__column-header{
		padding: 0 2rem;
	}
	.principles__column-description{
		padding: 2rem;
	}
	.Contacts .row-collapse.align-equal{
		padding: 0 1rem;
	}
	.contact-col-left .col-inner{
		padding: 2rem 1.875rem !important;
	}
	.menu-content li{
		gap: 1rem;
	}
	.number-exp{
		padding-left: 4.5rem;
	}
	.number-exp:before, .number-exp:after{
		width: 200px;
	}
	.Quote .bao-gia-dich-vu .box-image .image-cover{
		padding-top: 75% !important;
	}
}

/* tuyển dụng */
.single-tuyen-dung #header{
	position: static;
}
.single-tuyen-dung .header-wrapper .header-bg-container .header-bg-color{
	background-color: #e8e8e8 !important;
}
.single-tuyen-dung .header .header-wrapper .header-inner .header-search .icon-search{
	color: var(--color-black);
}
.single-tuyen-dung .header .header-wrapper #menuIcon span{
	background-color: var(--color-black);
}
.single-tuyen-dung .header .header-wrapper #menuIcon:hover span, .single-tuyen-dung .header.menu-open .header-wrapper #menuIcon span{
	background-color: #fff;
}
.single-tuyen-dung .header .header-wrapper #menuIcon{
	border: 1.5px solid var(--color-black);
}
.single-tuyen-dung .header .header-wrapper #menuIcon:hover, .single-tuyen-dung .header.menu-open .header-wrapper #menuIcon{
	border-color: var(--primary-color);
}
.single-tuyen-dung #header .header-wrapper .header-inner #logo img{
	filter: none;
}
.blog-single__tuyendung{
	padding: 0;
}
.post-jobs .infor-job li img{
	width: 24px;
	height: 24px;
	object-fit: cover;
}
.recruitment .post-item .col-inner{
	border: 1px solid #E8E8E8;
	border-radius: 1.25rem;
	padding: 1rem;
	background-color: #f9f9f9;
	height: 100%;
}
.recruitment .post-item .col-inner:hover{
	background-color: white;
	box-shadow: 0px 4px 20px 4px #00000014;
}
.recruitment .box-jobs .col-info{
	border: 0;
	box-shadow: none;
	border-radius: 0;
	padding: 0;
	margin-top: auto;
	margin-bottom: 0;
}
.recruitment .box-blog-post{
	height: 100%;
}
.recruitment .box-jobs{
	height: 100%;
	display: flex;
	flex-direction: column;
}
.recruitment .box-jobs .title{
	margin-bottom: 1.38rem !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	font-weight: 600;
	line-height: 1.6rem;
	overflow: hidden;
	font-size: 1.2rem;
}
.recruitment .post-item .col-inner:hover .title{
	color: var(--primary-color)
}
.recruitment-title{
	padding-top: 3.125rem;
}
.recruitment #post-list {
	padding-top: 1.38rem;
}
.file-cv{
	border-radius: 0 !important;
	height: auto !important;
}
/*=====Danh mục tin tức=====*/
.news-lits .box-blog-post .box-blog__des p{
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;
}
.banner-post, .banner-page{
	padding-top: 65vh !important;
}
figure{
	width: 100% !important
}
@media (max-width: 1290px){
	.banner-post, .banner-page {
		padding-top: 45vh !important;
	}

}
@media (max-width: 768px){
	.banner-post, .banner-page {
		padding-top: 240px !important;
	}
	.post-du-an{
		padding-top: 0;
	}
}