/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.19.14
*/

.col-border {
	border:none;
}
#headerCatProduct{
	display:none;
}
.sticky-shrink .stuck .header-main {
	transition: height .8s;
	background:white !important;
}
.stuck .header-main .nav > li > a {
	line-height: 10px !important;
}
:root {
	/* Colors: */
	--đen: #000000;
	--đỏ-tươi: #e20613;
	--vàng: #f6a500;
	--đỏ-đậm: #a32523;

	/* Font/text values */
	--unnamed-font-family-svn-gotham: SVN-Gotham;
	--unnamed-font-style-normal: normal;
	--unnamed-font-weight-normal: normal;
	--unnamed-font-weight-bold: bold;
	--unnamed-font-size-14: 14px;
	--unnamed-font-size-18: 18px;
	--unnamed-character-spacing-0: 0px;
	--unnamed-line-spacing-20: 20px;
	--unnamed-line-spacing-30: 30px;

	--tam-nhin-image: url('/wp-content/uploads/2025/06/Tam-nhin.jpg');
	--su-menh-image: url('/wp-content/uploads/2025/06/Su-menh.jpg');
	--gia-tri-image: url('/wp-content/uploads/2025/06/gia-tri-cot-loi.jpg');

	--col1-1: url('/wp-content/uploads/2025/07/Hang-khong-Vu-tru.webp');
	--col2-2: url('/wp-content/uploads/2025/07/O-to.jpg');
	--col3-3: url('/wp-content/uploads/2025/07/Hang-tieu-dung.webp');
	--col4-4: url('/wp-content/uploads/2025/07/Nha-khoa.jpg');
	--col5-5: url('/wp-content/uploads/2025/07/Y-te.jpg');
	--col6-6: url('/wp-content/uploads/2025/07/GIAO-DUC.jpg');
}

/* Character Styles */
.unnamed-character-style-1 {
	font-family: var(--unnamed-font-family-svn-gotham);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-bold);
	font-size: var(--unnamed-font-size-18);
	line-height: var(--unnamed-line-spacing-30);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--đỏ-đậm);
		}
.unnamed-character-style-2 {
	font-family: var(--unnamed-font-family-svn-gotham);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-normal);
	font-size: var(--unnamed-font-size-18);
	line-height: var(--unnamed-line-spacing-30);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--đen);
		}
.unnamed-character-style-3 {
	font-family: var(--unnamed-font-family-svn-gotham);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-normal);
	font-size: var(--unnamed-font-size-14);
	line-height: var(--unnamed-line-spacing-20);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--đen);
		}
body {
	font-family: 'Arial', sans-serif;
	font-size: 16px;
}
#header-contact li span {
	text-transform: lowercase;
	font-size: 16px;
	letter-spacing: 0px;
	color: #ffffff;
}
.header-nav-main {
	justify-content: center;
	gap: 20px;
}
.header-nav-main.nav > li.active > a {
	font-size: 18px;
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--đỏ-đậm);
		text-align: left;
		letter-spacing: 0px;
		color: #a32523;
		opacity: 1;
		text-transform: none;
		font-weight: 600;
		}
.header-nav-main.nav li a {
	font-weight: 600;
	font-size: 18px;
	color: #707070;
	text-transform: capitalize;

}
.nav > li.header-divider {
	border-left: 2px solid black;
	height: 25px;
	margin: 0 7.5px;
	position: relative;
	vertical-align: middle;
}
.nav-dropdown-bold .nav-column li>a, .nav-dropdown.nav-dropdown-bold>li>a {
	border-radius: unset;
	margin: 0 10px;
	padding-left: 10px;
	padding-right: 5px;
	font-size: 16px !important;
	padding: 10px !important;
	margin: 0 !important;
	white-space: nowrap !important;
}
.text-banner-home h3 {
	font-size: 80px;
	font-weight: bold;
}
.text-banner-home h5 {
	font-size: 24px;
	margin: 0;
}
/* VỀ CHÚNG TÔI */
.title-home {
	margin: 0;
}
.title-home .section-title b {
	opacity: 0;
}
.title-home .section-title-main {
	text-transform: none;
	font-size: 40px;
	font-weight: bold;
	border:none !important; 
}
.section-title-normal {

	border: none;
}
.text-home-justify p {
	text-align: center;
}

/* Con số nổi bật */
.sec-counter {
	background: url(./assets/img/global-map-1.png) no-repeat center / contain;
	padding: 140px 0;
	position: relative;
	z-index: 1;
}
.sec-counter::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #ffffff;
	z-index: -1;
	opacity: 0.9;
}
.text-number-square h1 {
	display: inline-block;
	width: max-content;
	font-size: 40px;
	margin: 0;
}

/* tin tức */
.blog-home .box-text-inner.blog-post-inner h5 a {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.from_the_blog_excerpt {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.blog-home .box-text-inner.blog-post-inner .button {
	border-radius: 99px;
	padding: 0 30px 0 10px;
	text-transform: none;
	font-size: 13px;
}
.blog-home .box-text-inner.blog-post-inner .is-bevel:after {
	box-shadow: inset -0.01em -0.1em 0 0 rgba(0, 0, 0, 0.15);
	left: 85%;
	width: 15px;
	background: url(./assets/img/arrow.webp);
	z-index: 999;
	filter: invert(1);
	height: 15px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	top: 19%;
}
.blog-home .is-divider {
	display: none;
}
.blog-home .image-cover{
	padding-top:56% !important;
}
/* .blog-home .box-image img{
	width: 350px !important;
	height: 210px !important;
	object-fit: inherit;
} */
.blog-home .flickity-prev-next-button {
	opacity: 1;
}
.slider-nav-circle .flickity-prev-next-button .arrow,
.slider-nav-circle .flickity-prev-next-button svg {
	border: unset !important;
	border-radius: unset !important;
}
.slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {
	margin-top: -6% !important;
}
.button-tuvan {
	margin: 0;
}
.button-tuvan span {
	color: var(--primary-color);
}
.button-tuvan:hover {
	background: #a32523 !important;
	border: 1px solid white;
}
.button-tuvan:hover span {
	color: white;
}
.copyright-footer {
	color: WHITE;
	font-size: 15px;
}
.social-icons .button.icon:not(.is-outline) {
	background-color: #a32523 !important;
	border-color: #a32523 !important;
}

.footer__form {
	position: relative;
}
.footer__form input {
	background: transparent;
	border-bottom: 1px solid #333;
	padding: 12px 12px 12px 0;
	width: 100%;
	border: none !important;
	box-shadow: none !important;
	border-bottom: 1px solid #ccc !important;
}
.wpcf7-spinner {
	display: none;
}
.footer__form .email {
	flex: 1;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 4px;
}
.footer__form-btn {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background: transparent;
}
.footer__form-btn svg {
	width: 15px;
	fill: #a32523;
}
.footer__form-btn input[type='submit'] {
	background: white;
	border: none;
	padding: 10px 15px;
	border-radius: 4px;
	cursor: pointer;
	margin-left: 5px;
	position: relative;
}
.footer__form-btn input[type='submit'] {
	background: url(./assets/img/plane.svg) no-repeat center;
	background-size: 16px;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	border: none !important;
}
/* VỀ CHÚNG TÔI */
.icon-hanoi {
	position: absolute;
	top: 7%;
	right: 26%;
	z-index: 99999999;
	width: inherit;
	left: -27%;
}
.icon-hanoi .icon-box-text.last-reset {
	border: 1px solid var(--fs-color-primary);
	border-radius: 8px;
	width: max-content;
	display: inline;
	max-width: max-content;
	padding: 0 10px;
	position: ABSOLUTE;
	right: 0%;
	top: -130%;
	opacity: 0;
}
.icon-hanoi .icon {
	position: relative;
}
.icon-hanoi .icon::before {
	position: absolute;
	top: -50%;
	content: '';
	left: 40%;
	width: 3px;
	height: 20px;
	background-color: #a32523;
	opacity: 0;
}
.icon-hanoi .icon::after {
	position: absolute;
	top: -50%;
	content: '';
	left: 40%;
	width: 118px;
	height: 4px;
	background-color: #a32523;
	opacity: 0;
}

.icon-hanoi:hover .icon::before {
	opacity: 1;
	transition: all 0.5s ease-in-out;
}
.icon-hanoi:hover .icon::after {
	opacity: 1;
	transition: all 0.5s ease-in-out;
}
.icon-hanoi:hover .icon-box-text.last-reset {
	opacity: 1;
	transition: all 0.5s ease-in-out;
}
/* Đà Nẵng */
.icon-danang {
	position: absolute;
	top: 41%;
	right: 9%
}
.icon-danang .icon-box-text.last-reset {
	border: 1px solid var(--fs-color-primary);
	border-radius: 8px;
	width: max-content;
	display: inline;
	max-width: max-content;
	padding: 0 10px;
	position: ABSOLUTE;
	right: 0%;
	top: -130%;
	opacity: 0;
}
.icon-danang .icon {
	position: relative;
}
.icon-danang .icon::before {
	position: absolute;
	top: -50%;
	content: '';
	left: 40%;
	width: 3px;
	height: 20px;
	background-color: #a32523;
	opacity: 0;
}
.icon-danang .icon::after {
	position: absolute;
	top: -50%;
	content: '';
	left: 40%;
	width: 118px;
	height: 4px;
	background-color: #a32523;
	opacity: 0;
}

.icon-danang:hover .icon::before {
	opacity: 1;
	transition: all 0.5s ease-in-out;
}
.icon-danang:hover .icon::after {
	opacity: 1;
	transition: all 0.5s ease-in-out;
}
.icon-danang:hover .icon-box-text.last-reset {
	opacity: 1;
	transition: all 0.5s ease-in-out;
}
/* HẢI PHÒNG */
.icon-haiphong {
	position: absolute;
	top: 10%;
	right: 19%;
}
.icon-haiphong .icon-box-text.last-reset {
	border: 1px solid var(--fs-color-primary);
	border-radius: 8px;
	width: max-content;
	display: inline;
	max-width: max-content;
	padding: 0 10px;
	position: ABSOLUTE;
	right: 0%;
	top: -130%;
	opacity: 0;
}
.icon-haiphong .icon {
	position: relative;
}
.icon-haiphong .icon::before {
	position: absolute;
	top: -50%;
	content: '';
	left: 40%;
	width: 3px;
	height: 20px;
	background-color: #a32523;
	opacity: 0;
}
.icon-haiphong .icon::after {
	position: absolute;
	top: -50%;
	content: '';
	left: 40%;
	width: 118px;
	height: 4px;
	background-color: #a32523;
	opacity: 0;
}

.icon-haiphong:hover .icon::before {
	opacity: 1;
	transition: all 0.5s ease-in-out;
}
.icon-haiphong:hover .icon::after {
	opacity: 1;
	transition: all 0.5s ease-in-out;
}
.icon-haiphong:hover .icon-box-text.last-reset {
	opacity: 1;
	transition: all 0.5s ease-in-out;
}
/* HCM */
.icon-hcm {
	position: absolute;
	bottom: 16%;
	right: 19%;
}
.icon-hcm .icon-box-text.last-reset {
	border: 1px solid var(--fs-color-primary);
	border-radius: 8px;
	width: max-content;
	display: inline;
	max-width: max-content;
	padding: 0 10px;
	position: ABSOLUTE;
	right: 0%;
	top: -130%;
	opacity: 0;
}
.icon-hcm .icon {
	position: relative;
}
.icon-hcm .icon::before {
	position: absolute;
	top: -50%;
	content: '';
	left: 40%;
	width: 3px;
	height: 20px;
	background-color: #a32523;
	opacity: 0;
}
.icon-hcm .icon::after {
	position: absolute;
	top: -50%;
	content: '';
	left: 40%;
	width: 80px;
	height: 4px;
	background-color: #a32523;
	opacity: 0;
}

.icon-hcm:hover .icon::before {
	opacity: 1;
	transition: all 0.5s ease-in-out;
}
.icon-hcm:hover .icon::after {
	opacity: 1;
	transition: all 0.5s ease-in-out;
}
.icon-hcm:hover .icon-box-text.last-reset {
	opacity: 1;
	transition: all 0.5s ease-in-out;
}
.text-margin-0 p {
	margin: 0;
}
.tab-vct ul {
	justify-content: space-around;
}
.tab-vct ul li a span {
	font-size: 28px;
	text-transform: capitalize;
	color: var(--primary-color);
}
/* LĨNH VỰC */
.icon-line-abs .icon img {
	height: 150px;
}
.icon-line-abs .icon {
	position: relative;
}
.abs1 .icon-inner:hover img{
	transform:scale(1.1);
	transition: all 0.5s ease-in-out;

}
.icon-inner:hover img{
	transform:scale(1.1);
	transition: all 0.5s ease-in-out;

}
.icon-line-abs .icon::before {
	position: absolute;
	content: '';
	width: 205px;
	height: 3px;
	background-color: var(--primary-color);
	top: 53%;
	transform: translate(50%);
	left: 5%;
}
.mt1,.col-rot .button,.col-full-w .button {
	margin-top: 1rem !important;
}
li.header-search-form.search-form.html.relative.has-icon {
	padding: 0;
	box-shadow: none;
}
.icon-line-abs .icon::after {
	position: absolute;
	content: '';
	width: 30px;
	height: 30px;
	background: url('./assets/img/arrow-fill.svg');
	top: 43%;
	transform: translate(50%);
	right: -65%;
	background-size: 100%;
}
.flex-col-css {
	display: flex;
}

.col-rot {
	order: -1;
}

.col-rot .col-inner {
	z-index: 999;
	width: 115%;
}
.col-full-w .col-inner {
	background-color: rgb(255, 255, 255);
	width: 115%;
	margin-left: -4rem !important;
}

/* Dự án */
.blog-noibat .image-cover {
	padding-top: 0 !important;
	height: 500px;
	object-fit: cover;
}

.blog-noibat .col.post-item:nth-child(2n) {
	margin-top: 4rem;
}

.blog-noibat .box-image {
	position: relative;
	cursor: pointer;
}

/* Overlay effect */
.blog-noibat .box-image::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #a42523;
	display: flex;
	justify-content: center;
	align-items: center;
	transform: translateY(100%);
	opacity: 0;
	transition: all 0.5s ease-in-out;
	z-index: 2;
}

.blog-noibat .box-image:hover::before {
	transform: translateY(0);
	opacity: 0.5;
}

/* Overlay content */
.blog-noibat .box-image::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	opacity: 0;
	transition: opacity 0.5s ease-in-out 0.2s;
	z-index: 3;
	pointer-events: none;
}

.blog-noibat .box-image:hover::after {
	opacity: 1;
}

/* Zoom effect cho ảnh */
.blog-noibat .box-image img {
	transition: transform 0.3s ease;
}

.blog-noibat .box-image:hover img {
	transform: scale(1.05);
}

.blog-noibat .box-text.text-left {
	z-index: 999;
}
/* BLOG - THỰC HIỆN */
.blog-thuchien .overlay {
	background-color: transparent !important;
}
.blog-thuchien .box-image {
	position: relative;
	padding: 10px;
	border: 1px solid black;
}
.blog-thuchien .box-text {
	display: none;
	text-shadow: unset;
	position: absolute !important;
	/*     opacity: 0; */
}
.blog-thuchien .gallery-box:hover .box-text{
	opacity: 1 !important;
	text-shadow: none;
	font-size: 16px;
	color: white;
	z-index: 9999;
	display: block !important;

}
.blog-thuchien .col-inner {
	position: relative;
	overflow: hidden;

}

.blog-thuchien .box-image {
	position: relative;
	overflow: hidden;
}

.blog-thuchien .box-image .overlay {
	display: none;
}

/* Text block gốc - sẽ bị ẩn khi hover */
.blog-thuchien .box-text {
	transition: all 0.5s ease-in-out;
	position: relative;
	z-index: 1;
}

.blog-thuchien .box-text.hide {
	transform: translateY(-100%);
	opacity: 0;
}

/* Click block - slide từ dưới lên */
.blog-thuchien .text-click-block {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* 	display: flex; */
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background: #a32523d1;
	color: white;

	/* Hiệu ứng slide */
	transform: translateY(100%);
	opacity: 0;
	transition: all 0.5s ease-in-out;
	z-index: 2;
}

.blog-thuchien .text-click-block.show {
	transform: translateY(0);
	opacity: 1;
}

.blog-thuchien .text-click-block h3 {
	color: white;
	text-align: center;
	font-size: 24px;
	margin: 0 0 15px 0;
	font-weight: bold;
}

.blog-thuchien .text-click-block p {
	width: 80%;
	text-align: left;
	margin: 0;
	line-height: 1.6;
	font-size: 16px;
	font-weight: bold;
	margin-top: 5rem;
}
/* Hover effect */
.blog-thuchien .col-inner:hover .text-click-block {
	transform: translateY(0);
	opacity: 1;
}

/* .blog-thuchien .col-inner:hover .box-text {
transform: translateY(-100%);
opacity: 0;
} */

/* Zoom effect cho ảnh khi hover */
.blog-thuchien .box-image img {
	transition: transform 0.3s ease;
}

.blog-thuchien .col-inner:hover .box-image img {
	transform: scale(1.05);
}
.is-divider.b-white {
	background: white;
	text-align: left;
	display: flex;
	justify-content: left;
	position: absolute;
	bottom: 0;
	left: 10%;
	max-width: 100px;
	height: 2px;
}

.tab-thuchien ul {
	justify-content: space-between;
}
.tab-thuchien ul li a span {
	font-size: 16px;
	text-transform: none;
	padding: 10px;
	color: black;
	font-weight: 100;
}
.tab-thuchien ul li a {
	border: 2px solid var(--fs-color-primary);
}
.nav-pills > li.active > a span {
	color: #fff;
	opacity: 1;
}
.page-tintuc .post-title.is-large {
	font-size: 26px;
	margin-bottom: 1rem;
}
.page-tintuc .from_the_blog_excerpt {
	margin-bottom: 1rem;
}
.text-background p {
	font-size: 21px;
	/* background: var(--primary-color); */
	padding: 5px 10px;
	color: white;
	display: inline-block;
	color: var(--fs-color-primary);
	font-weight: bold;
	text-transform: capitalize;
}
.page-tab-tintuc .nav {
	display: flex;
	justify-content: space-around;
	margin-left: -1rem;
}
.page-tab-tintuc ul .tab a {
	padding: 5px 15px;
	border-radius: 4px;
	font-size: 18px;
}
.icon-lienhe .icon-box-text h3,
.icon-lienhe .icon-box-text p {
	margin: 0;
}
.sec-img-lienhe > .col-inner {
	background: url(./assets/img/hand.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: relative;
}
.row-cf7 .col {
	padding: 0 15px !important;
}
.row-cf7 .wpcf7-submit {
	display: flex;
	justify-content: center;
	margin: auto;
	border-radius: 99px;
}
/* Search */
.header-search-dropdown .nav-dropdown {
	margin: 0 !important;
	padding: 0 !important;
	box-shadow: none !important;
	border: none !important;
}
.search-page .searchform-wrapper .flex-row.relative::after {
	position: absolute;
	content: '';
	width: 108%;
	height: 114%;
	background-color: var(--fs-color-primary);
	top: 26%;
	z-index: -1;
	left: -15%;
	display:none;
}
.searchform-wrapper .flex-row.relative{
	z-index:0;
}
.searchform-wrapper .flex-row.relative::after {
	position: absolute;
	content: '';
	width: 108%;
	height: 114%;
	background-color: var(--fs-color-primary);
	top: 26%;
 	z-index: -1; 
	left: -15%;
}
.header .search-form .autocomplete-suggestions, .header-block .autocomplete-suggestions {
    max-height: 80vh;
    padding-top: 2rem;
}
/* .row-icon-ft .icon-box-left {

align-items: center !important;
} */
.icon-discord {
	margin: 0;
	padding: 0;
	top: 0 !important;
}
.icon-discord:before {

	content: "";
	background-image: url(https://cdn.haitrieu.com/wp-content/uploads/2022/01/Logo-Zalo-Arc.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
	filter: hue-rotate(182deg);
}

/* Responsive */
@media (max-width: 768px) {
	.tab-thuchien.tab-tuyendung.tab-mayin ul {
		justify-content: center;
		height: 100% !important;
		gap:10px !important;
	}
	.stack-lo-trinh::before{
		display:none !important;
	}
	.text.text-divider-h3 h3{
		text-align: center;
		font-size: 20px;
	}
	.row-cad .col-inner:hover .btn-border-radius {
		display: flex;
		opacity: 1;
		transform: translateY(0);
		font-size: 11px !important;
	}
	.row-cad-cam  .image-cover{
		padding-top:100% !important ;
	}
	.tab-dvkt ul{

		overflow: auto;
	}
	.tab-dvkt ul a span {
		text-transform: none;
		line-height: 1.5;
		justify-content: center;
		display: flex;
		margin: auto;
		text-align: center;
		width: 200px !important;
		padding: 10px;
		font-size: 14px;
		display: -webkit-box;
		overflow: hidden;
		/* -webkit-box-orient: vertical; */
		-webkit-line-clamp: 3;
		color: #a32523;
		font-weight: 100;
	}
	#tab-sự-kiện{
		width: unset !important;
	}
	.col-full-w {
		width: 80% !important;
		max-width: 95% !important;
		margin-top: -4rem !important;
	}
	.col-full-w .col-inner {
		background-color: rgb(255, 255, 255);
		width: 100% !important;
		margin-left: unset !important;
	}
	.col-rot {
		order: unset !important;
	}
	.col-rot .col-inner {
		z-index: 999;
		width: 90% !important;
		margin-top: -4rem;
	}

}

.entry-header-text {
	text-align: left;
	padding: 0 !important;
	margin-bottom: 1rem;
}
.entry-header-text h6 {
	font-size: 14px;
}
.entry-header-text h6 a {
	color: black;
	font-weight: bold;
}
.entry-divider.is-divider.small,
.comment-respond {
	display: none !important;
}
.posted-on a,
.posted-on {
	color: black;
	font-size: 14px;
	font-weight: bold;
}
.blog-wrapper.blog-single.page-wrapper {
	padding: 0 !important;
}
.blog-wrapper .post-sidebar .widget-title {
	color: var(--fs-color-primary);
	text-transform: uppercase;
	font-size: 18px;
}
.blog-wrapper .post-sidebar .is-divider {
	display: block;
	height: 2px;
	margin: 0;
	max-width: 100%;
	width: 100%;
	background: var(--primary-color);
	margin-bottom: 1rem;
}
.widget_search {
	margin-bottom: 3rem;
}
.row-4icon-spcn .box-image img{
	padding:10px;
}
.blog-sidebar-col3 .box-text.text-left {
	padding: 0 !important;
	padding-left: 10px !important;
}
.blog-sidebar-col3 .from_the_blog_excerpt {
	display: none;
}
.blog-sidebar-col3 .box a {
	display: inline-block;
	font-size: 14px;

	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.blog-sidebar-col3 .is-divider {
	display: none !important;
}
.blog-sidebar-col3 .box-image a img {
	object-fit: cover;
}
.blog-sidebar-col3 .post-meta img{
	width:20px !important;
}
.row-home-sp .box-text p {

	height: 100px;
}
.row-icon-vct .icon-box-img img{
	height:140px;
}
#block_widget-2{
	border: 1px solid #ccc;
	padding: 20px;
}


.row-full-w100 {
	width: 100% !important;
	max-width: 100% !important;
}
.single-tuyen-dung .container,
.single-tuyen-dung .container .row {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0;
}
.single-tuyen-dung .large-12.col {
	margin: 0;
	padding: 0;
}
.entry-content.row80 {
	width: 80%;
	max-width: 80%;
	margin: auto;
	border: 1px solid #ccc;
	padding: 20px;
	margin-top: 1rem;
	border-radius: 8px;
}
.job-option {
	background: #fbfbfb;
	padding: 60px 0;
}
.job-option__list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
}
.js-between {
	justify-content: space-between;
}
.job-option__list-ct {
	width: calc(100% - 75px);
}
.job-option__list-ttl {
	color: var(--primary-color);
	font-weight: 700;
	font-size: 20px;
}
.job-option__list-icon svg {
	fill: currentColor;
	width: 20px;
	height: 20px;
}
.fw-wrap {
	flex-wrap: wrap;
}
.d-flex {
	display: flex;
}
.job-option__list-icon {
	width: 54px;
	height: 54px;
	border-radius: 50%;
	color: var(--primary-color);
	border: 2px solid currentColor;
	display: flex;
	justify-content: center;
	align-items: center;
}
.tab-thuchien.tab-tuyendung ul{
	justify-content: space-between;
	flex-wrap:nowrap;
}
.tab-thuchien.tab-tuyendung ul li a span {
	font-size: 15px;
	text-transform: none;
	padding: 5px;
	color: var(--primary-color);
	font-weight: 100;
}
.nav-pills > li.active > a span {
	color: #fff !important;
	opacity: 1;
}
/* Responsive */
@media (max-width: 768px) {
	.entry-content.row80 {
		width: 100%;
		max-width: 100%;

		margin: auto;
		border: 1px solid #ccc;
		padding: 20px;
		margin-top: 1rem;
		border-radius: 8px;
	}
	.job-option {
		background: #fbfbfb;
		padding: 30px 0;
	}
	.job-option__list {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 40px;
	}

}

.d-flex-wrap{
	display: flex;
	flex-direction: column-reverse;
}

.img-abs .box-image:hover img {
	transform: scale(1.1);
	transition: all 0.5s ease-in-out;
}
.nav-dropdown>li>a {
	display: block;
	font-size:16px !important;
	color:black !important;
}

/*  */
.row-css-kh .khach-hang-tieu-bieu-slide {
	background: #F1F1F1 !important;

}
.row-icon-dichvu .icon-inner img{
	height: 145px;
	object-fit: contain;
}
#tab-sự-kiện{
	width: 205px;
}
/* DỊCH VỤ KỸ THUẬT */
.tab-dvkt ul {
	display: FLEX;
	justify-content: space-between;
	flex-wrap: nowrap;
}
.tab-dvkt ul a {
	border-radius: 20px;
}
.tab-dvkt ul a span {
	text-transform: none;
	line-height: 1.5;
	justify-content: center;
	display: flex;
	margin: auto;
	text-align: center;
	width: 80%;
	padding: 10px;
	font-size: 14px;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	color: #a32523;
	font-weight: 100;
}
/* .text-line-before p {
margin: 0;
} */
.text-line-before ul{
	display: unset; 
}
.row-tab-show-2 {
	padding: 1rem 2rem;
}
.text-line-before {
	position: relative;
	margin-right: 2rem;
}
.text-line-before::before {
	position: absolute;
	content: '';
	width: 2px;
	height: 100px;
	background-color: black;
	left: -3%;
	display:none;
}
.tab-dvkt .slider .img-inner img {
	border-radius: 20px;
	object-fit: cover;
	height: 400px;
	border: 1px solid var(--primary-color);
	padding: 10px;
}
.row-home-sp.hnew .box-text p {
	height: 160PX;
}
/* CAD */
.text-p0-m0 p{
	margin:0;
	padding:0;
}
.row-icon-height .icon-inner img{
	height: 130px;
	padding: 30px;
	filter:invert(1);
}
.row-icon-height .icon-box-img{
	background: var(--fs-color-primary);
	border-radius: 50%;
}
.btn-text-color {
	color: var(--primary-color) !important;
}
.row-home-sp.cad .box-text p {
	height: 220px;
	font-size: 14px;
}
.slider-overlay .row{
	max-width:20% !important;
	opacity:1 !important;
	margin:0px !important;
}
.slider-overlay .row .box-image{
	height: 350px;
	object-fit: cover;
	border-radius:32px;
}
.slider-overlay .row .box-image img {
	height: 350px;
	object-fit: cover;
	border-radius:32px;
}
.slider-overlay .row.is-selected  .box-image{
	width: 92%;
}
.slider-style-focus .flickity-slider>:not(.is-selected) {
	transform: scale(.9) !important;
}
.slider-overlay .row .box-text.text-center{
	z-index: 999999;
	background: linear-gradient(180deg, transparent 0%, rgba(163, 37, 35, 0.1) 20%, rgba(163, 37, 35, 0.6) 60%, #A32523 100%);
	position: absolute;
	bottom: 0%;
	width: 100%;
	max-width: 100%;
	padding: 20px;
	margin: auto;
	height: 150px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 32px;
}
.slider-overlay .row .box-text.text-center h3 {
	font-size: 24px;
	width: 100%;
	text-align: center;
	display: flex;
	margin: auto;
}
.slider-overlay .row.is-selected .box-text.text-center{
	z-index: 999999;
	background: linear-gradient(180deg, transparent 0%, rgba(163, 37, 35, 0.1) 20%, rgba(163, 37, 35, 0.6) 60%, #A32523 100%);
	position: absolute;
	bottom: 0%;
	width: 92%;
	max-width: 92%;
	padding: 20px;
	margin: auto;
	height: 150px;
	display: flex;
	justify-content: center;
	align-items: center;
	right: 4%;
	border-radius: 32px;
}
/* Responsive */
@media (max-width: 768px) {
	.slider-overlay .row{
		max-width:80% !important;
		opacity:1 !important;
		margin:0px !important;
	}
	.text-banner-home.pmcn h3 span {
		font-size: 27px !important;
		font-weight: bold;
	}
	.text-banner-home.pmcn p  {
		font-family:'auto';
	}

}
.text-block-sp{
	display:none;
}
.image-box-sp.row-img-icon-text-hover .col-inner:hover .image-box-sp-1{
	display:none;
}
.image-box-sp.row-img-icon-text-hover .col-inner:hover .text-block-sp {
	display: flex;
	position: absolute;
	background: white;
	height: 100%;
	width: 100%;
	padding: 40px;
	font-size: 16px;
	text-align: justify;

	flex-direction: column;
	justify-content: center;
	transition: all 0.5s ease-in-out;
}
/* NHÀ MÁY THÔNG MINH */
.icon-filter img{
	filter: invert(1);
}

.text-icon-block{
	display: none;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 20px 40px;
	font-size: 16px;
	text-align: justify;
	justify-content: center;
	background-color: inherit;
	transition: opacity 0.5s ease-in-out 0.2s; /* Delay một chút để icon-box trượt xong */
}

/* Thêm overflow: hidden để ẩn phần trượt ra ngoài */
.icon-filter .col-inner {
	overflow: hidden;
	position: relative;
}

/* Trạng thái ban đầu của icon-box */
.icon-filter .col-inner .icon-box {
	transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
	transform: translateY(0); /* Vị trí ban đầu */
	opacity: 1;
}

/* Khi hover: icon-box trượt lên và mờ dần */
.icon-filter .col-inner:hover .icon-box{
	transform: translateY(-120%); /* Trượt lên ra ngoài khung */
	opacity: 0;
	transition: transform 0.5s ease-in-out, opacity 0.6s ease-in-out;
}

/* Khi hover: text-icon-block hiện ra sau khi icon-box trượt lên */
.icon-filter .col-inner:hover .text-icon-block {
	transform:scale(1.05);
	display: flex;
	opacity: 1;
	justify-content: center;
	flex-direction: column;
}
.text-divider-h3 p {
	border-top: 3px solid var(--fs-color-primary);
	width: 90%;
	padding-top: 10px;
	font-size: 14px;
	text-align: justify;
}
.stack-lo-trinh {
	position: relative;
}
.stack-lo-trinh::before {
	position: absolute;
	content: '';
	background: url(https://ktech1.k-tech-services.com/info256/wp-content/uploads/2025/07/Group-1332.png);
	background-size: 100% 100%;
	width: 90%;
	height: 25%;
	background-repeat: no-repeat;
	top: 10%;
	left: 5%;
}
.col-mt7 .col-inner{
	margin-top: 7rem;
}

.icon-filter-new .icon-box-img {
	background: white;
	border-radius: 99px;
	padding: 10px;
	transition: transform 0.6s ease-in-out;
	position: relative;
	z-index: 2;
	box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
}
.icon-filter-new .icon-box-img .icon{
	border-radius: 99px;
	box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
	padding: 5px;
}
.icon-filter-new .icon-box{
	padding: 0 20px;
	align-items: center;
	position: relative;
	overflow: hidden;
	transition: all 0.6s ease-in-out;
}

/* Text mặc định ẩn đi */
.icon-filter-new .text-flex {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	visibility: hidden;
	transition: all 0.6s ease-in-out 0.2s;
	background: white;
	color: #333 !important;
	padding: 20px;
	border-radius: 15px;
	width: 100%;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}


.icon-filter-new .text-flex * {
	color: #333 !important;
	width: 55%;
	font-size: 14px;
}

/* Khi hover vào col-inner */
.icon-filter-new .col-inner:hover .icon-box-img {
	transform: translateX(180px); /* Icon chạy sang trái */
	position:relative;
}
.icon-filter-new .col-inner:hover::before {
	transform: translateX(180px);
	position: absolute;
	content: '';
	width: 110px;
	height: 100%;
	background: var(--primary-color);
	top: 0;
	z-index: 1;
	right: 46%;
	border-radius: 18px;
}
.icon-filter-new .col-inner:hover .icon-box-text {
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-in-out;
}

.icon-filter-new .col-inner:hover .text-flex {
	opacity: 1;
	visibility: visible;
	height: 100%;
	width: 100%;
}

/* Đảm bảo col-inner có position relative */
.icon-filter-new .col-inner {
	position: relative;
	overflow: visible;
	min-height: 200px;
}

/* Ẩn text "Bị ẩn" */
.icon-filter-new .text-flex h3 {
	display: none;
}
.text-p0-m0.p5-m5 p{
	margin-bottom:10px;
}
.img-border img{
	border-radius:20px;
}

.row-cad-cam .box-text.text-center{
	z-index: 999999;
	background: linear-gradient(180deg, transparent 0%, rgba(163, 37, 35, 0.1) 20%, rgba(163, 37, 35, 0.6) 60%, #A32523 100%);
	position: absolute;
	bottom: 0%;
	width: 100%;
	max-width: 100%;
	padding: 20px;
	margin: auto;
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	font-size: 20px;
	letter-spacing: 0.5px;
}

.btn-border-radius a.button.primary.is-primary.is-medium {
	border-radius: 99px;
	background: white;
	color: var(--primary-color);
	border: 1px solid;
	text-transform: none;
}


/* Hiển thị btn-border-radius nhưng ẩn bằng opacity và transform */
.btn-border-radius {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	background: linear-gradient(180deg, transparent 0%, rgba(163, 37, 35, 0.1) -63%, rgba(163, 37, 35, 0.6) 60%, #A32523 100%);
	border-radius: 3%;
	color: white;
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;

	/* Ẩn bằng opacity và transform thay vì display: none */
	opacity: 0;
	transform: translateY(100%);

	/* Thêm pointer-events để không cản trở click khi ẩn */
	pointer-events: none;

	/* Hiệu ứng transition */
	transition: all 0.4s ease;
}

/* Container cần có position relative */
.row-cad .col-inner {
	position: relative;
}

/* Box cần có position relative để làm container cho overlay */
.row-cad .box {
	position: relative;
	overflow: hidden;
}

/* Khi hover vào col-inner, hiển thị btn-border-radius */
.row-cad .col-inner:hover .btn-border-radius {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto; /* Cho phép click khi hiển thị */
}

/* Ẩn text cũ (box-text) khi hover */
.row-cad .col-inner:hover .box-text {
	opacity: 0;
	transform: translateY(-20px);
	transition: all 0.3s ease;
}

/* Styling cho nội dung trong overlay */
.btn-border-radius h3 {
	margin-bottom: 20px;
	font-size: 1.4em;
	font-weight: bold;
	color: white;
}
.stack-why-daotao .icon-inner{
	background: var(--primary-color);
	padding: 20px;
	border-radius: 50%;
	height: 100px;
}
.stack-why-daotao .icon-inner img{
	height: 60px;
	object-fit: contain;
}
.stack-why-daotao .icon-inner:hover {
	transform:scale(1.1);
	transition: all 0.5s ease-in-out;
}
.icon-filter-why img{
	filter:invert(1);
}
.icon-filter.no-fitler img{
	filter: none;

}
.filter-icon-3d img{
	filter:invert(1) !important;
}
.gallery-mayin3d img{
	height: 350px;
	object-fit: contain;
}
.gallery-mayin3d .box-text.text-left{
	TEXT-ALIGN: CENTER;
	color: var(--fs-color-primary);
	font-size: 16px;
	font-weight: bold;
	padding: 0;
}
.tab-thuchien.tab-tuyendung.tab-mayin ul {
	justify-content: center;
	gap: 60px;
}
.alway-hover .icon-box {
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
}
.alway-hover .icon-box .text{
	width: 80%;
}
.alway-hover .icon-box .text h3{
	margin:0;
	padding:0;
}
.alway-hover .icon-box-img {
	border-radius: 99px;
	box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
	padding: 10px;
	z-index: 9999;
	background: white;
	left: -10%;
}
.alway-hover .icon-box-img .icon {

	box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
	border-radius:99px;

}
.alway-hover .icon-box-img .icon img{
	padding: 10px;

}
.alway-hover .col-inner::before {
	transform: translateX(180px);
	position: absolute;
	content: '';
	width: 110px;
	height: 100%;
	background: var(--primary-color);
	top: 0;
	z-index: 1;
	right: 46%;
	border-radius: 18px;
}
.alway-hover  .icon-box-text.last-reset{
	height:175px;
}
.row-dv-nmtm .box-text-inner{
	height:250px;
}
.row-dv-nmtm .box-text-inner h3{
	font-size: 22px;
	text-align: left !important;
}
.row-manglai .icon-box-center .icon-box-img {
	margin: 0 auto 1em;
	width: 100px !important;
	background: var(--fs-color-primary);
	padding: 20px;
	border-radius: 99px;
}
.row-manglai .icon-box-center .icon-box-img img{
	filter: invert(1);
}
.row-manglai .icon-box-center .icon-box-img:hover{
	transform: scale(1.1);
	transition: all 0.5s ease-in-out;
}
.row-manglai .text h3{
	height:55px;
}
.row-dv-nmtm2 .box-text-inner{
	height:150px;
}
.row-dv-nmtm2 .box-text-inner{
	height:150px;
}
.row-dv-nmtm2.h130 .box-text-inner .icon-box-img{
	width: 15px !important;
}

.row-dv-nmtm2.h130 .box-text-inner .icon-box-text{
	padding-left: 5px !important;
}
/* CSS để fix vấn đề opacity/fade khi counter chạy */

/* Đảm bảo counter luôn có opacity 1 khi đang animate */
.count-up {
	opacity: 1 !important;
	visibility: visible !important;
	transition: none !important; /* Tắt transition để tránh flicker */
}

/* Nếu có animation fade, chỉ apply khi hoàn thành */
.count-up.active {
	/* Chỉ add transition/effect khi đã hoàn thành counting */
	transition: all 0.3s ease;
}

/* Nếu có CSS gốc làm text bị fade, override lại */
.text-number-square h1,
.text-number-square .count-up {
	opacity: 1 !important;
	color: var(--fs-color-primary);
	text-shadow: none;
	backface-visibility: hidden; /* Giúp render text smooth hơn */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Nếu có transform hoặc animation khác can thiệp */
.text-number-square {
	transform: none !important;
	filter: none !important;
}

/* Fix cho Safari/iOS nếu text bị blur */
.count-up {
	transform: translateZ(0);
	will-change: contents;
}

/* MENU */
.nav-dropdown > li.nav-dropdown-col {
	display: block;
}
.nav-dropdown {
	border: 1px solid #ddd;
	padding: 0;
}
.row-filter .search_form{
	height:40px;
}
.dule_search{
	background:var(--fs-color-primary);
	width:100%;
	color:#fff!important;
}
.link-footer-line {
	padding-left:5px;
	font-weight:600;
}
.line-footer-bottom{
	padding-left:5px;
}
/* Custom thêm */
.header-nav ul li a {
	transition: all 500ms ease;
	position: relative;
}
.header-nav > ul > li a::before {
	position: absolute;
	top: 0;
	left: 0px;
	bottom: 0;
	content: "";
	margin: 15px 0;
	width: 0px;
	opacity: 0;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}
.header-nav ul > li:hover > a {
	padding-left: 15px;
}
.header-nav > ul > li:hover a:before {
	opacity: 1;
	width: 5px;
	background: #1dade5;
}
.main-menu .navigation > li > ul > li.dropdown > a:after {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0;
	font-family: "FontAwesome";
	content: "\f105";
	font-size: 14px;
	font-weight: 700;
	margin: 12px 0;
	text-align: right;
	z-index: 5;
	transition:all 200ms linear;
	transition-delay:0.1s
}
.img-box-general:hover .box-image> div::after {
	top: 9px;
	transition:all 0.3s;
	left: 8px;align-content
}
.nav-dropdown>li.nav-dropdown-col{display:block}
.nav-dropdown{border:1px solid #ddd; padding:0}
.nav-dropdown .nav-dropdown-col>a, .nav-dropdown li a{font-weight:normal !important; text-transform:none !important;font-size:15px; font-weight:500}
.nav-dropdown .nav-dropdown-col>ul li:hover{background:transparent}
.nav-dropdown-default>li:hover>a, .nav-dropdown .nav-dropdown-col>ul li:hover>a{color:white}
.nav-dropdown-default>li:hover{background:#fbae3c}
.nav-dropdown-default>li>a{border-bottom:0 !important}.nav-dropdown-has-arrow li.has-dropdown:before{border-width: 10px;
	margin-left: -10px;}
.nav-dropdown .nav-dropdown-col>ul{border: 1px solid #d2d2d2;margin-top:-40px;box-shadow: 2px 2px 5px #828282;display:none;position: absolute;
	left: 100%;z-index: 9;background: white;min-width: 240px;}
.nav-dropdown>li.nav-dropdown-col{width:100%;border-right:0}
.nav-dropdown .nav-dropdown-col>ul li a{padding:10px;  text-transform: none;color:black}
.header-nav li.nav-dropdown-col:hover >ul{display:block !important}
.header-nav .active>ul.children, .active>ul.sub-menu:not(.nav-dropdown) {
	display: none !important;
}
/* END MENU */
/* .h-text-ft h4{
	height:60px;
} */
.text.h-text-ft.mb-25 h4{
	margin-bottom:2.5rem;
}
.icon-ft-lvhd .icon-box {
	display: flex;
	align-items: center;
	gap: 10px;
	/*     border-bottom: 1px solid #ccc; */
	padding-bottom: 10px;
	margin-top: 10px;
}
.icon-ft-lvhd .col-border .icon-box {
	display: flex;
	align-items: center;
	gap: 10px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-top: 10px;
}
.icon-ft-lvhd .icon-box-img{
	width: 15px !important;
	margin: 0;
}
.icon-ft-lvhd img{
	margin: 0;
	padding: 0;
}
.row-manglai .text p{
	font-size:14px;
}
.gallery-mayin3d .box-text p{
	font-size: 16px;
	height:50px;
}
.load-more-btn{
	padding: 5px 20px !important;
}
.entry-content.single-page p,
.entry-content.single-page h1,
.entry-content.single-page h2,
.entry-content.single-page h3,
.entry-content.single-page h4,
.entry-content.single-page h5,b{
	    font-family: 'Arial', sans-serif !important;
	    font-weight: 700 !important;

}


/* IN 3D*/

.row-text-block .col1-1 .col-inner {
	width: 100%;
	height: 320px;
	background: var(--col1-1);
	border: 1px solid hsla(0, 0%, 44%, 1);
	display: flex;
	justify-content: center;
	margin: auto;
	align-items: center;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	background-size:100% 100%;
}

.row-text-block .col2-2 .col-inner {
	width: 100%;
	height: 320px;
	background: var(--col2-2);
	border: 1px solid hsla(0, 0%, 44%, 1);
	display: flex;
	justify-content: center;
	margin: auto;
	align-items: center;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	background-size:100% 100%;
}

.row-text-block .col3-3 .col-inner {
	width: 100%;
	height: 320px;
	background: var(--col3-3);
	border: 1px solid hsla(0, 0%, 44%, 1);
	display: flex;
	justify-content: center;
	margin: auto;
	align-items: center;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	background-size:100% 100%;
}
.row-text-block .col4-4 .col-inner {
	width: 100%;
	height: 320px;
	background: var(--col4-4);
	border: 1px solid hsla(0, 0%, 44%, 1);
	display: flex;
	justify-content: center;
	margin: auto;
	align-items: center;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	background-size:100% 100%;
}
.row-text-block .col5-5 .col-inner {
	width: 100%;
	height: 320px;
	background: var(--col5-5);
	border: 1px solid hsla(0, 0%, 44%, 1);
	display: flex;
	justify-content: center;
	margin: auto;
	align-items: center;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	background-size:100% 100%;
}
.row-text-block .col6-6 .col-inner {
	width: 100%;
	height: 320px;
	background: var(--col6-6);
	border: 1px solid hsla(0, 0%, 44%, 1);
	display: flex;
	justify-content: center;
	margin: auto;
	align-items: center;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	background-size:100% 100%;
}

/* */

/* HIỆU ỨNG  TẦM NHÌN - SỨ MỆNH - GIÁ TRỊ CỐT LÕI*/
.row-text-block .col1 .col-inner {
	width: 100%;
	height: 320px;
	background: var(--tam-nhin-image);
	border: 1px solid hsla(0, 0%, 44%, 1);
	display: flex;
	justify-content: center;
	margin: auto;
	align-items: center;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	background-size:100% 100%;
}
/* .row-text-block .col1 .col-inner::before {
position:absolute;
content:'';
width:100%;
height:100%;
background: black;
z-index:999;

} */
.row-text-block .col2 .col-inner {
	width: 100%;
	height: 320px;
	background: var(--su-menh-image);
	border: 1px solid hsla(0, 0%, 44%, 1);
	display: flex;
	justify-content: center;
	margin: auto;
	align-items: center;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	background-size:100% 100%;
}
.row-text-block .col3 .col-inner {
	width: 100%;
	height: 320px;
	background: var(--gia-tri-image);
	border: 1px solid hsla(0, 0%, 44%, 1);
	display: flex;
	justify-content: center;
	margin: auto;
	align-items: center;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	background-size:100% 100%;
}

.row-text-block .text-block {
	font-size: 32px;
	text-align: center;
	color: white;
	transition: all 0.5s ease-in-out;
	position: relative;
	z-index: 1;
}

.row-text-block .text-block p {
	margin: 0;
	background: #00000087;
	border-radius: 8px;
	padding: 0 10px;
	opacity:0;
}

.row-text-block .text-block.hide {
	transform: translateY(-100%);
	opacity: 0;
}

.row-text-block .text-click-block {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background: white;
	color: black;

	/* Hiệu ứng slide */
	transform: translateY(100%);
	opacity: 0;
	transition: all 0.5s ease-in-out;
	z-index: 2; /* Cao hơn text-block */
}

.row-text-block .text-click-block.show {
	transform: translateY(0);
	opacity: 1;
}

.row-text-block .text-click-block h3 {
	color: var(--đỏ-đậm);
		text-align: center;
		font-size: 32px;
		margin: 0 0 20px 0;
		}

.row-text-block .text-click-block p {
	width: 75%;
	text-align: center;
	margin: 0;
	line-height: 1.6;
}

.row-text-block .col-inner:hover {
	transform: scale(1);
	transition: transform 0.2s ease;
}

/* Responsive */
@media (max-width: 768px) {
	.row-text-block .text-click-block p {
		width: 90%;
	}

	.row-text-block .text-block {
		font-size: 24px;
	}

	.row-text-block .text-click-block h3 {
		font-size: 24px;
	}
}

/* --------- */
/* HIỆU ỨNG  KHÁC BIỆT*/
.row-img-icon-text-hover.h0 .col-inner {
	border: 1px solid #ccc;

	display: flex;
	align-items: center;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.row-img-icon-text-hover .col-inner {
	border: 1px solid #ccc;
	height: 350px;
	display: flex;
	align-items: center;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.icon-text-hover .icon-box-text p {
	width: 80%;
	display: flex;
	margin: auto;
	font-size: 14px;
}
.img-text-hover.bgwhite:hover .box-text {
	transform: translateY(0);
	opacity: 1;
}
.img-text-hover.bgwhite .box-text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background: white;
	color: var(--primary-color);
	text-align: center;
	transform: translateY(100%);
	opacity: 0;
	transition: all 0.5s ease-in-out;
	z-index: 2;
}
.img-text-hover.bgwhite .box-text h3 {
	color: #a32523 !important;
	margin: 0;
	font-weight: bold;
	font-size: 24px;
}
.img-text-hover .box-text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background: #a42523;
	color: white !important;
	text-align: center;

	/* Hiệu ứng slide từ dưới lên */
	transform: translateY(100%);
	opacity: 0;
	transition: all 0.5s ease-in-out;
	z-index: 2;
}

.img-text-hover:hover .box-text {
	transform: translateY(0);
	opacity: 0.8;
}

.img-text-hover .box-text h3 {
	color: white !important;
	margin: 0;
}

.col-icon-text:hover .col-inner {
	background: var(--fs-color-primary);
}
.col-icon-text:hover .col-inner img {
	filter: invert(1);
}
.col-icon-text:hover .col-inner h3 {
	color: white !important;
}
.col-icon-text:hover .col-inner .icon-box-text p {
	color: white !important;
	font-size: 13px;
}

/* VỀ CHÚNG TÔI */
/* Ani button */
.img-abs3 {
	display: inline-block;
	color: #fff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	transition: transform 0.3s ease-in-out;
	animation: zoom-animation 2s infinite alternate;
}
@keyframes zoom-animation {
	0% {
		transform: scale(0.8);
	}
	100% {
		transform: scale(1);
	}
}

.row-img-icon-text-hover.bg-covert .col-inner {
	border: 1px solid #ccc;
	height: 350px;
	display: flex;
	align-items: center;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	background:var(--primary-color);
}
.row-img-icon-text-hover.bg-covert .col-inner:hover {
	background:white !important;
}
.row-img-icon-text-hover.bg-covert .col-inner .icon-inner img{
	height: 100px;
	object-fit: cover;
}
.row-img-icon-text-hover.bg-covert .col-inner:hover .text-hover-new h3,
.row-img-icon-text-hover.bg-covert .col-inner:hover .text-hover-new p{
	color:var(--primary-color) !important;	
}
.row-img-icon-text-hover.bg-covert .col-icon-text:hover .col-inner img {

	filter: brightness(0) saturate(100%) invert(18%) sepia(65%) saturate(1543%) hue-rotate(346deg) brightness(110%) contrast(127%);
}
/* Responsive */
@media (max-width: 768px) {
	#header-contact {
		display: flex;
		justify-content: center;
	}
	.text-banner-home h3 {
		font-size: 40px !important;
		font-weight: bold;
	}

	.text-banner-home p {
		font-size: 12px !important;
		font-weight: bold;
	}
	.title-home .section-title-main {
		text-transform: none;
		font-size: 28px !important;
		font-weight: bold;
	}
	.row-number .col {
		margin-bottom: 4rem;
	}
	.row-text-block .col-inner {
		height: 270px !important;
	}
	.title-giaiphap h2 span {
		font-size: 32px !important;
	}
	.row-img-icon-text-hover .col-inner {
		height: 300px !important;
	}
	.text-banner-home h5 {
		font-size: 16px !important;
		margin: 0;
	}
	.icon-hanoi .icon::after {
		width: 55px !important;
	}
	.icon-haiphong .icon::after {
		width: 60px !important;
	}
	.icon-hanoi {
		position: absolute;
		top: 5% !important;
		right: 26%;
	}
	.icon-hcm .icon::after {
		width: 44px !important;
	}
	.row.row-number {
		flex-direction: row !important;
	}
	.tab-vct ul {
		justify-content: space-around;
		flex-direction: column;
		align-items: flex-start;
	}
	.text-fs-mb h2 span {
		font-size: 28px !important;
	}
	.text-banner-home.mb h3 {
		font-size: 30px !important;
		font-weight: bold;
	}

	.icon-line-abs .icon::before {
		position: unset !important;
	}
	.icon-line-abs .icon::after {
		position: unset !important;
	}
	.text-banner-home h3 span {
		font-size: 48px !important;
		font-weight: bold;
	}
	.blog-noibat .image-cover {
		padding-top: 0 !important;
		height: 350px !important;
		object-fit: cover;
	}
	.tab-thuchien ul {
		height: 100px;
		display: flex;
		flex-direction: column;
		overflow: scroll;
		gap: 10px;
	}
	#button-contact-vr {
		position: fixed;
		bottom: 0;
		z-index: 1 !important;
	}
	.text.text-p0-m0.text-icon-block p span{
		font-size:18px !important;
	}
}
.text-new-number {
	padding-top: 3rem;
}
.box-text-inner p img{
	filter: brightness(0) saturate(100%) invert(18%) sepia(65%) saturate(1543%) hue-rotate(346deg) brightness(110%) contrast(127%);
}
#button-contact-vr.active #gom-all-in-one{
	display:none;
}
ul.sidebar-wrapper.ul-reset,.post-sidebar .widget-area {
    position: sticky;
    top: 15px;
}
.count-up {
    opacity: 0;
    transition: opacity 0.3s ease;
}
.count-up.active {
    opacity: 1;
}