html {
	font-size: 62.5%;
}
@font-face {
	font-family: "SVN-Gilroy";
	src: url("../font/SVN-GilroyBlackItalic.woff2") format("woff2");
	font-weight: 900;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "SVN-Gilroy";
	src: url("../font/SVN-GilroyBlack.woff2") format("woff2");
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "SVN-Gilroy";
	src: url("../font/SVN-GilroyBoldItalic.woff2") format("woff2");
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "SVN-Gilroy";
	src: url("../font/SVN-GilroyBold.woff2") format("woff2");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "SVN-Gilroy";
	src: url("../font/SVN-GilroyHeavyItalic.woff2") format("woff2");
	font-weight: 900;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "SVN-Gilroy";
	src: url("../font/SVN-GilroyHeavy.woff2") format("woff2");
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "SVN-Gilroy";
	src: url("../font/SVN-GilroyItalic.woff2") format("woff2");
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "SVN-Gilroy";
	src: url("../font/SVN-GilroyLightItalic.woff2") format("woff2");
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "SVN-Gilroy";
	src: url("../font/SVN-GilroyLight.woff2") format("woff2");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "SVN-Gilroy";
	src: url("../font/SVN-GilroyMediumItalic.woff2") format("woff2");
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "SVN-Gilroy";
	src: url("../font/SVN-GilroyMedium.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "SVN-Gilroy";
	src: url("../font/SVN-Gilroy.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "SVN-Gilroy";
	src: url("../font/SVN-GilroySemiBoldItalic.woff2") format("woff2");
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "SVN-Gilroy";
	src: url("../font/SVN-GilroySemiBold.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "SVN-Gilroy";
	src: url("../font/SVN-GilroyThinItalic.woff2") format("woff2");
	font-weight: 100;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "SVN-Gilroy";
	src: url("../font/SVN-GilroyThin.woff2") format("woff2");
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "SVN-Gilroy XBold";
	src: url("../font/SVN-GilroyXBoldItalic.woff2") format("woff2");
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "SVN-Gilroy XBold";
	src: url("../font/SVN-GilroyXBold.woff2") format("woff2");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

:root {
	/* =========================================
       FONT SIZE
       1rem = 10px
    ========================================= */

	--fs-xs: 1.2rem; /* 12px */
	--fs-sm: 1.4rem; /* 14px */
	--fs-font: "SVN-Gilroy";

	/* Body: 14px → 16px */
	--fs-body: clamp(1.6rem, 1.176rem + 0.156vw, 1.8rem);

	/* Heading */
	--fs-h6: clamp(1.5rem, 1.43rem + 0.19vw, 1.7rem);
	--fs-h5: clamp(1.6rem, 1.53rem + 0.19vw, 1.8rem);
	--fs-h4: clamp(1.8rem, 1.63rem + 0.19vw, 2rem);

	/* --fs-h3: clamp(2rem, 1.73rem + 0.19vw, 2.5rem); */
	--fs-h3: clamp(1.8rem, 1.65rem + 0.18vw, 2.5rem);
	--fs-h2: clamp(2.2rem, 1.74rem + 1.22vw, 4rem);
	--fs-h1: clamp(2.5rem, 1.66rem + 1.22vw, 4.5rem);
	--fs-h1-blog: clamp(2.4rem, 1.66rem + 1.22vw, 4rem);
	--fs-display: clamp(3rem, 2rem + 2.8vw, 5.5rem);


	/* --fs-h6: clamp(1.5rem, 1.4rem + 0.08vw, 1.7rem);
    --fs-h5: clamp(1.6rem, 1.5rem + 0.12vw, 1.8rem);
    --fs-h4: clamp(1.8rem, 1.6rem + 0.20vw, 2rem);

    --fs-h3: clamp(2rem, 1.7rem + 0.40vw, 2.5rem);
    --fs-h2: clamp(2.2rem, 1.8rem + 1vw, 4rem);
    --fs-h1: clamp(2.5rem, 1.8rem + 1.3vw, 4.5rem);
    --fs-h1-blog: clamp(2.4rem, 1.8rem + 1.1vw, 4rem);
    --fs-display: clamp(3rem, 1.8rem + 2vw, 5.5rem); */
}

body {
	font-family: var(--fs-font), sans-serif !important;
	font-size: var(--fs-body) !important;
	line-height: 1.4;
	font-weight: normal;
}
.res-text {
	font-size: var(--fs-body) !important;
	font-family: var(--fs-font), sans-serif !important;
}

h1,
.h1 {
	font-family: var(--fs-font), sans-serif !important;
	font-size: var(--fs-h1) !important;
	line-height: 1.4;
	font-weight: 800;
}
.single-post h1 {
	font-family: var(--fs-font), sans-serif !important;
	font-size: var(--fs-h1-blog) !important;
	line-height: 1.25;
	color: #05864e !important;
	font-weight: 800;
}

h2,
.h2 {
	font-family: var(--fs-font), sans-serif !important;
	font-size: var(--fs-h2) !important;
	line-height: 1.4;
	font-weight: 700;
}

h3,
.h3 {
	font-family: var(--fs-font), sans-serif !important;
	font-size: var(--fs-h3) !important;
	line-height: 1.4;
	font-weight: 700;
}

h4,
.h4 {
	font-family: var(--fs-font), sans-serif !important;
	font-size: var(--fs-h4) !important;
	line-height: 1.4;
	font-weight: 700;
}

h5 {
	font-family: var(--fs-font), sans-serif !important;
	font-size: var(--fs-h5) !important;
	line-height: 1.4;
	font-weight: 600;
}

h6 {
	font-family: var(--fs-font), sans-serif !important;
	font-size: var(--fs-h6) !important;
	line-height: 1.4;
	font-weight: 600;
}
.banner h3 {
	font-family: var(--fs-font), sans-serif !important;
	font-size: var(--fs-h3) !important;
	line-height: 1.4 !important;
	font-weight: 700 !important;
}
.banner h2 {
	font-family: var(--fs-font), sans-serif !important;
	font-size: var(--fs-h2) !important;
	line-height: 1.4 !important;
	font-weight: 700 !important;
}
.banner h1 {
	font-family: var(--fs-font), sans-serif !important;
	font-size: var(--fs-h1) !important;
	line-height: 1.4 !important;
	font-weight: 700 !important;
}
.is-uppercase,
.uppercase {
	line-height: 1.4 !important;
}
.content-area .section .button {
	line-height: 2.4 !important;
	font-size: inherit !important;
	padding: 5px 20px !important;
	min-height: unset !important;
	min-width: 160px;
}

.button.primary:hover {
	background-color: #07bc02 !important;
}
.button.custom-white {
	background-color: transparent !important;
	border: 1px solid #fff;
	transition: all 0.3s ease-in-out!important;
}
.button.custom-white span {
	color: #fff !important;
}
.white.button.is-outline.custom-white:hover,
.white.button.custom-white:hover {
	background-color: #07bc02 !important;
	border: 1px solid #07bc02 !important;
	transform: translateY(-4px)!important;
}
.button.custom-white:hover span{
	color: #fff !important;
}
.button.custom-blue{
	border: 1px solid #2C474E!important;
	background-color: transparent !important;
	transition: all 0.3s ease-in-out!important;
}
.button.custom-blue span{
	color: #2C474E!important;
}
.button.custom-blue:hover{
	border: 1px solid #07bc02 !important;
	background-color: #07bc02 !important;
	transform: translateY(-4px)!important;
}
.button.custom-blue:hover span{
	color: #fff !important;
}
button.ux-search-submit.submit-button.secondary.button{
	background-color: #07bc02 !important;
}
#logo {
	width: clamp(100px, 8vw, 200px) !important;
}
.header-main .header-inner {
	box-shadow: 0 0 8px 0px #5c5c5c;
}
ul.header-nav.header-nav-main.nav.nav-left > li {
	margin: 0 1.5rem !important;
}
.nav > li > a {
	font-family: var(--fs-font), sans-serif !important;
	font-size: var(--fs-body) !important;
	font-weight: 600;
	letter-spacing: unset!important;
}

.col-gt .col-inner {
	overflow: hidden;
}

@media (min-width: 850px) {
	#header {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1000;
		padding-top: 25px;
		pointer-events: none;
	}

	#header .header-wrapper {
		background: transparent !important;
	}

	#header .header-main {
		width: 134rem;
		max-width: 1310px;
		margin: 10px auto;
		background: #fff;
		border-radius: 10px;
		/*overflow: hidden;*/
		pointer-events: auto;
	}
	.header-main .header-inner {
		border-radius: 10px;
	}
	ul.header-nav.header-nav-main.nav.nav-left {
		justify-content: center !important;
	}
	.row-cung-ung > .col {
		flex: 0 0 20% !important;
		max-width: 20% !important;
	}
	.header-nav-main > li.has-dropdown > ul.sub-menu {
	    margin-top: 5px;
	}
	.nav-dropdown .menu-item-has-children>a, .nav-dropdown .nav-dropdown-col>a, .nav-dropdown .title>a{
		font-size: var(--fs-body)!important;
		text-transform: unset!important;
	}
}

.stuck .header-main .nav > li > a {
	line-height: inherit !important;
}
.absolute-footer {
	background-color: #224751 !important;
	color: #fff !important;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.absolute-footer .footer-primary.pull-left {
	float: unset !important;
}
.absolute-footer .footer-primary a {
	color: #07bc02 !important;
	font-weight: 700;
}
.footer-wrapper a {
	color: #fff;
}
.footer-wrapper a:hover {
	color: #07bc02 !important;
}

.footer-wrapper .col-add .icon-box-text .text,
.footer-wrapper .col-menu .text h3 {
	position: relative;
	padding-left: 10px;
}
.footer-wrapper .col-add .icon-box-text .text::before,
.footer-wrapper .col-menu .text h3::before {
	content: "";
	position: absolute;
	width: 5px;
	height: 5px;
	background: #07bc02;
	left: 0;
	top: 1rem;
}
.footer-menu {
	padding-left: 1.6rem;
}
.footer-menu .ux-menu-link__link {
	border-bottom: 1px solid #517e88;
}
.sec-tin h2 {
	padding-left: 20px;
	position: relative;
}
.sec-tin h2:before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 10px;
	height: 30px;
	background: #07bc02;
	content: "";
	transform: translateY(-50%);
}

.header-wrapper.stuck {
	box-shadow: unset !important;
}

.sec-chung-chi {
	margin-top: -25rem;
}
.sec-chung-chi h3 {
	margin: 0;
}
.banner-home .banner-layers{
	width: 134rem;

}

.row-chung-chi .metaslider.ms-theme-clarity .flexslider .slides li {
	padding-top: 20px;
}
.row-chung-chi .metaslider.ms-theme-clarity .flexslider .slides li img {
	max-width: 80%;
	margin: 0 auto;
}
.row-chung-chi .metaslider.ms-theme-clarity .flexslider .caption-wrap {
	border: unset !important;
}
.row-chung-chi .metaslider.ms-theme-clarity .flexslider .caption-wrap .caption {
	padding: 20px !important;
}
.row-chung-chi .metaslider.ms-theme-clarity .flexslider {
	margin-bottom: 0 !important;
}

/* Khách hàng nói về ITECH Group */
.sec-khach-hang-noi-ve {
	padding: 5.6rem 0 6.4rem;
	background: #fff;
}

.sec-khach-hang-noi-ve .section-title-main {
	border: 0;
	color: #224751;
	font-weight: 700;
	margin: 0 auto 3rem;
	text-transform: none;
}

.sec-khach-hang-noi-ve .khach-hang-post-slider {
	margin: 0 auto;
	max-width: 108rem;
}

.sec-khach-hang-noi-ve .post-item .col-inner,
.sec-khach-hang-noi-ve .box-blog-post,
.sec-khach-hang-noi-ve .box-text,
.sec-khach-hang-noi-ve .box-text-inner {
	height: 100%;
}

.sec-khach-hang-noi-ve .box-blog-post {
	background: #f3f9ef;
	border-radius: 6px;
	min-height: 25rem;
	padding: 2.2rem 2rem 2rem;
}

.sec-khach-hang-noi-ve .box-image {
	margin: 0 auto 1.2rem;
	max-width: 14rem;
}

.sec-khach-hang-noi-ve .box-image .image-cover {
	align-items: center;
	display: flex;
	justify-content: center;
	padding-top: 6.5rem !important;
}

.sec-khach-hang-noi-ve .box-image img {
	height: auto;
	left: 50%;
	max-height: 6.5rem;
	object-fit: contain;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: auto;
}

.sec-khach-hang-noi-ve .box-text {
	display: flex;
	flex-direction: column;
	padding: 0;
}

.sec-khach-hang-noi-ve .blog-post-inner {
	display: flex;
	flex-direction: column;
}

.sec-khach-hang-noi-ve .post-title {
	color: #224751;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.35;
	margin: 0 0 1.6rem;
	min-height: 4.6rem;
	text-align: center;
	text-transform: uppercase;
}

.sec-khach-hang-noi-ve .post-title a {
	color: inherit;
}

.sec-khach-hang-noi-ve .is-divider {
	display: none;
}

.sec-khach-hang-noi-ve .from_the_blog_excerpt {
	color: #224751;
	flex: 1;
	font-size: 1.8rem;
	margin-bottom: 2rem;
	text-align: justify;
}

.sec-khach-hang-noi-ve .button.is-link {
	align-items: center;
	color: #224751;
	display: inline-flex;
	font-size: 1.6rem;
	font-weight: 700;
	gap: 0.8rem;
	margin-top: auto;
	padding: 0;
	text-transform: none;
}


.sec-khach-hang-noi-ve .flickity-prev-next-button {
	background: #f5f8fb;
	box-shadow: none;
	color: #224751;
	opacity: 1;
}

.sec-khach-hang-noi-ve .flickity-prev-next-button:hover {
	background: #07bc02;
	color: #fff;
}

.sec-khach-hang-noi-ve .flickity-page-dots {
	display: none;
}

@media (max-width: 849px) {
	.sec-khach-hang-noi-ve {
		padding: 4rem 0;
	}

	.sec-khach-hang-noi-ve .box-blog-post {
		min-height: 23rem;
	}
	.row-dong-hanh {
		background: #05864e;
	}
	.col.custom-col {
		padding-bottom: 10rem !important;
	}
}

/* Lịch sử hình thành */
.sec-lich-su-hinh-thanh {
	background-color: #f8fbf6;
	padding: 9rem 0 14rem !important;
}

.sec-lich-su-hinh-thanh h2 {
	color: #224751;
	font-weight: 700;
	margin-bottom: 3.5rem;
}

.lich-su-slider {
	margin: 0 auto;
	max-width: 131rem;
}

.lich-su-slider .slider {
	padding-top: 0rem;
}
.flickity-slider .lich-su-slide{
	position: relative!important;
}

.lich-su-slider .flickity-page-dots {
	bottom: auto;
	left: 50%;
	margin: 0;
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	width: 100%;
	z-index: 3;
	display: flex;
	justify-content: center;
	gap: 8rem;
}


.lich-su-slider .flickity-page-dots::before {
	/* right: calc(100% + 0.8rem); */
	left: 0;
	content: "";
	background: url("./../img/arrow-history.png");
	background-size: cover;
	width: 100%;
	height: 1rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}


.lich-su-slider .flickity-page-dots .dot {
	align-items: center;
	background: #f8fbf6;
	border: 1px solid #07bc8a;
	border-radius: 50%;
	color: #05864e;
	display: inline-flex;
	font-size: 1.5rem;
	font-weight: 700;
	height: 7rem;
	justify-content: center;
	margin: 0;
	opacity: 1;
	position: relative;
	width: 7rem;
}



.lich-su-slider .flickity-viewport {
	overflow: unset;
	padding-top: 13rem;   
}


.lich-su-slider .flickity-page-dots .dot:nth-child(1)::after {
	content: "2012";
}
.lich-su-slider .flickity-page-dots .dot:nth-child(2)::after {
	content: "2013";
}
.lich-su-slider .flickity-page-dots .dot:nth-child(3)::after {
	content: "2016";
}
.lich-su-slider .flickity-page-dots .dot:nth-child(4)::after {
	content: "2017";
}
.lich-su-slider .flickity-page-dots .dot:nth-child(5)::after {
	content: "2018";
}
.lich-su-slider .flickity-page-dots .dot:nth-child(6)::after {
	content: "2020";
}
.lich-su-slider .flickity-page-dots .dot:nth-child(7)::after {
	content: "2022";
}
.lich-su-slider .flickity-page-dots .dot:nth-child(8)::after {
	content: "2030";
}

.lich-su-slider .flickity-page-dots .dot.is-selected {
	background: #05864e;
	box-shadow: 0 0 0 4px rgba(7, 188, 138, 0.08);
	/* font-size: 2rem; */
	color: #fff;
}

.lich-su-slider .flickity-page-dots .dot:hover {
	/* font-size: 2rem; */
	opacity: 1;
	transition: 0.3s;
	background: #008752;
    color: #fff;
    transform: scale(1.3);
}

.lich-su-slider .lich-su-slide {
	width: 100%;
	justify-content: space-between !important;
}

.lich-su-slider .lich-su-media .img-inner {
	border-radius: 8px;
	box-shadow: 0 1.4rem 3.5rem rgba(34, 71, 81, 0.12);
	overflow: hidden;
}

.lich-su-slider .lich-su-copy h3 {
	color: #224751;
	font-size: clamp(3.2rem, 2.6rem + 1.6vw, 5.2rem) !important;
	font-weight: 800;
	line-height: 1;
	margin-bottom: 1.5rem;
	padding-left: 1.6rem;
	position: relative;
}

.lich-su-slider .lich-su-copy h3::before {
	background: #07bc8a;
	content: "";
	height: 0.7em;
	left: 0;
	position: absolute;
	top: 0.15em;
	width: 4px;
}

.lich-su-slider .lich-su-copy p {
	color: #52666b;
	max-width: 42rem;
}

.lich-su-slider .flickity-prev-next-button {
	background: #f5f8fb;
	box-shadow: none;
	color: #224751;
	opacity: 1;
	top: calc(100% - 3rem);
}

.lich-su-slider .flickity-prev-next-button.previous {
	left: 55%;
	background-size: cover !important;
	opacity: 1 !important;
	cursor: pointer !important;
	pointer-events: unset;
	position: relative;
	bottom: -3rem;
	width: 4rem;
	height: 4rem;
}
.lich-su-slider .flickity-prev-next-button.previous svg,
.lich-su-slider .flickity-prev-next-button.next svg {
	display: none !important;
}

.lich-su-slider .flickity-prev-next-button.next {
	left: calc(55% + 2.5rem);
	/* background: url("./../img/next-arrow-history.png") !important; */
	background-size: cover !important;
	opacity: 1 !important;
	cursor: pointer !important;
	pointer-events: unset;
	position: relative;
	bottom: -3rem;
	width: 4rem;
	height: 4rem;
}

/* .lich-su-slider .flickity-prev-next-button:hover {
	background: #07bc02;
	color: #fff;
} */

@media (max-width: 849px) {
	.sec-lich-su-hinh-thanh {
		padding-bottom: 5rem !important;
	}

	.lich-su-slider .slider {
        padding-top: 0;
    }
	

	.lich-su-slider .flickity-page-dots {
		gap: 1rem;
		max-width: 100%;
		overflow-x: auto;
		padding: 0 1.5rem 1rem;
		width: 100%;
	}

	.lich-su-slider .flickity-page-dots::before,
	.lich-su-slider .flickity-page-dots::after,
	.lich-su-slider .flickity-page-dots .dot::before {
		content: none;
	}

	.lich-su-slider .flickity-page-dots .dot {
		flex: 0 0 3.8rem;
		height: 3.8rem;
		width: 3.8rem;
	}

	.lich-su-slider .lich-su-copy {
		text-align: center;
	}

	.lich-su-slider .lich-su-copy h3 {
		display: inline-block;
	}

	.lich-su-slider .lich-su-copy p {
		margin-left: auto;
		margin-right: auto;
	}

	.lich-su-slider .flickity-prev-next-button.previous {
		left: calc(50% - 4.5rem);
	}

	.lich-su-slider .flickity-prev-next-button.next {
		left: calc(50% + 0.5rem);
	}

	.sec-khach-hang-noi-ve .khach-hang-post-slider {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}

/*style trang home*/

/* =========================================
   BANNER HOME - PAGINATION
========================================= */

.banner-home .flickity-page-dots {
	position: absolute;
	left: 0 !important;
	bottom: 60px;
	width: 100%;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	/* Căn theo container content */
	padding-left: max(30px, calc((100% - 134rem) / 2));
	z-index: 10;
}

/* Dot mặc định */
.banner-home .flickity-page-dots .dot {
	position: relative;

	width: 7px;
	height: 7px;
	margin: 0 4px;
	padding: 0;
	border-radius: 50%;
	background: #fff;
	opacity: 1;
	transition: all 0.3s ease;
}

/* Dot active */
.banner-home .flickity-page-dots .dot.is-selected {
	width: 9px;
	height: 9px;
	margin-right: 24px;
	background: #39b54a !important;
	opacity: 1;
	border-color: #39b54a !important;
}

/* Line sau dot active */
.banner-home .flickity-page-dots .dot.is-selected:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 50%;
	left: calc(100% + 7px);
	width: 18px;
	height: 1px;
	background: #fff;
	transform: translateY(-50%);
}
@media(min-width:850px){
	.section .section-content .row{
		width: 134rem;
	}
}

.sec-lv,
.sec-lv-mb {
	position: relative;
}
.sec-lv:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 41.5%;
	height: 100%;
	background: linear-gradient(146.1deg, #08854c -4.8%, #1f3857 85.26%);

	z-index: 0;
}

.sec-lv .item-lv .col-inner,
.sec-lv-mb .item-lv .col-inner {
	position: relative;
	overflow: hidden;
	background: #fff !important;
	border-radius: 10px;
	transition:
		background-color 0.4s ease,
		box-shadow 0.4s ease,
		transform 0.4s ease;
}
.sec-lv .item-lv .btn-see-more,
.sec-lv-mb .item-lv .btn-see-more {
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: left;
}

/* ---------- HOVER OVERLAY ---------- */

/*
 * Lớp gradient phủ lên toàn bộ card khi hover
 */
.sec-lv .item-lv .col-inner::before,
.sec-lv-mb .item-lv .col-inner::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 5;
	background: linear-gradient(180deg, #05864e 60.73%, rgba(5, 134, 78, 0) 87.45%);
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.45s ease;
	border-radius: 10px;
	overflow: hidden;
}

/* ---------- CARD CONTENT ---------- */

/*
 * Đưa toàn bộ nội dung lên trên lớp overlay
 */
.sec-lv .item-lv .col-inner > *,
.sec-lv-mb .item-lv .col-inner > * {
	position: relative;
	z-index: 6;
}
.sec-lv .item-lv .col-inner .btn-see-more {
	opacity: 0;
}

/* ---------- IMAGE ---------- */

.sec-lv .item-lv .img,
.sec-lv-mb .item-lv .img {
	position: relative;
	z-index: 3;
	transition: all 0.45s ease;
	padding: 0 20px 20px;
}

.sec-lv .item-lv .img-inner,
.sec-lv-mb .item-lv .img-inner {
	position: relative;
	overflow: hidden;
}

.sec-lv .item-lv .img img,
.sec-lv-mb .item-lv .img img {
	position: relative;
	z-index: 1;

	transition:
		transform 0.5s ease,
		filter 0.45s ease;
}

/* ---------- HOVER CARD ---------- */
.sec-lv .item-lv:hover .col-inner::before,
.sec-lv-mb .item-lv:hover .col-inner::before {
	opacity: 1;
}
.sec-lv .item-lv:hover .col-inner .btn-see-more {
	opacity: 1;
}

.sec-lv .item-lv:hover .col-inner,
.sec-lv-mb .item-lv:hover .col-inner {
	background: #05864e !important;
}

/* ---------- IMAGE HOVER ---------- */

/*
 * Ảnh vẫn còn nhìn thấy phía dưới lớp gradient
 */
.sec-lv .item-lv:hover .img,
.sec-lv-mb .item-lv:hover .img {
	transform: scale(1.2);
	padding: 0;
}
/* ---------- ICON ---------- */

/*
 * Nếu icon là SVG
 */
.sec-lv .item-lv svg,
.sec-lv-mb .item-lv svg {
	transition:
		filter 0.35s ease,
		transform 0.35s ease;
}

.sec-lv .item-lv:hover svg,
.sec-lv-mb .item-lv:hover svg {
	filter: brightness(0) invert(1);
}

/*
 * Nếu icon là IMG/SVG file,
 * filter sẽ giúp icon xanh -> trắng
 */
.sec-lv .item-lv .icon img,
.sec-lv-mb .item-lv .icon img {
	transition:
		filter 0.35s ease,
		opacity 0.35s ease;
}

.sec-lv .item-lv:hover .icon img,
.sec-lv-mb .item-lv:hover .icon img {
	filter: brightness(0) invert(1);
}

/* ---------- LINE / BORDER ---------- */

.sec-lv .item-lv hr,
.sec-lv-mb .item-lv hr,
.sec-lv .item-lv .divider,
.sec-lv-mb .item-lv .divider {
	transition:
		background-color 0.35s ease,
		border-color 0.35s ease;
}

.sec-lv .item-lv:hover hr,
.sec-lv-mb .item-lv:hover hr,
.sec-lv .item-lv:hover .divider,
.sec-lv-mb .item-lv:hover .divider {
	background-color: rgba(255, 255, 255, 0.65) !important;
	border-color: rgba(255, 255, 255, 0.65) !important;
}

/* ---------- HOVER IMAGE OVERLAY ---------- */

/*
 * Overlay riêng cho ảnh.
 * Nếu muốn ảnh tối/xanh hơn khi hover thì bật phần này.
 */
.sec-lv .item-lv .img-inner::after,
.sec-lv-mb .item-lv .img-inner::after {
	content: "";

	position: absolute;
	inset: 0;

	z-index: 2;

	background: rgba(8, 133, 76, 0.2);

	opacity: 0;

	pointer-events: none;

	transition: opacity 0.4s ease;
}

.sec-lv .item-lv:hover .img-inner::after,
.sec-lv-mb .item-lv:hover .img-inner::after {
	opacity: 1;
}

/* ---------- SHADOW ---------- */

.sec-lv .item-lv .col-inner,
.sec-lv-mb .item-lv .col-inner {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.sec-lv .item-lv:hover .col-inner,
.sec-lv-mb .item-lv:hover .col-inner {
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.16);
}
/* ---------- TEXT ---------- */

.sec-lv .item-lv h3,
.sec-lv-mb .item-lv h3 {
	transition:
		color 0.35s ease,
		opacity 0.35s ease;
}

/* Màu text khi hover */

.sec-lv .item-lv:hover h3,
.sec-lv-mb .item-lv:hover h3 {
	color: #fff !important;
}

h3.post-title a {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.from_the_blog_excerpt {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.post-ket-noi .post-item .col-inner,
.intech-blog-list-v2__grid .intech-blog-list-v2__card {
	position: relative;
	overflow: hidden;
}
.intech-blog-list-v2__grid .intech-blog-list-v2__card {
	transition:
		box-shadow 0.45s cubic-bezier(0.22, 1, 0.36, 1),
		transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.post-ket-noi .post-item .col-inner:before,
.intech-blog-list-v2__grid .intech-blog-list-v2__card:before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	opacity: 0;
	transition: opacity 0.35s ease;
	pointer-events: none;
	background: linear-gradient(180deg, rgba(5, 134, 78, 0) 9.73%, #05864e 46.45%);
}
.post-ket-noi .post-item:hover .col-inner:before,
.intech-blog-list-v2__grid .intech-blog-list-v2__card:hover:before {
	opacity: 1;
}
.post-ket-noi .post-item .col-inner .box-text,
.intech-blog-list-v2__grid .intech-blog-list-v2__card .intech-blog-list-v2__card-body {
	z-index: 3;
}
.post-ket-noi .post-item:hover .col-inner .box-text a,
.intech-blog-list-v2__grid .intech-blog-list-v2__card:hover .intech-blog-list-v2__card-title a {
	color: #fff !important;
}
.post-ket-noi .post-item:hover .col-inner .box-text .from_the_blog_excerpt,
.post-ket-noi .post-item:hover .col-inner .box-text p,
.intech-blog-list-v2__grid .intech-blog-list-v2__card:hover .intech-blog-list-v2__card-excerpt,
.intech-blog-list-v2__grid .intech-blog-list-v2__card:hover .intech-blog-list-v2__readmore {
	color: #fff !important;
}
.post-ket-noi .post-item h3.post-title {
	min-height: calc(var(--fs-h3) * 1.3 * 3);
}
.post-item .blog-post-inner .button {
	padding: 0 !important;
	text-align: left;
}
.post-item:hover .blog-post-inner .button img {
	transform: rotate(45deg);
}
.post-ket-noi .post-item {
	margin-top: 15px;
	margin-bottom: 15px;
	transition:
		transform 0.4s ease-in-out,
		box-shadow 0.4s ease-in-out;
}
.post-ket-noi .post-item:hover .col-inner {
	transform: translateY(-8px);
	box-shadow: rgba(100, 100, 111, 0.1) 1px 2px 6px 10px;
}

.intech-blog-list-v2__featured:hover .intech-blog-list-v2__featured-info {
	background-color: #05864e;
}
.intech-blog-list-v2__featured:hover .intech-blog-list-v2__featured-info .intech-blog-list-v2__date,
.intech-blog-list-v2__featured:hover .intech-blog-list-v2__featured-info h3 a,
.intech-blog-list-v2__featured:hover .intech-blog-list-v2__featured-info p,
.intech-blog-list-v2__featured:hover .intech-blog-list-v2__readmore {
	color: #fff !important;
}
.intech-blog-list-v2__featured:hover .intech-blog-list-v2__dot {
	color: #4dbb22 !important;
}

.sec-2-connect .section-content {
	color: #2c474e;
	font-size: clamp(1.8rem, 1.73rem + 0.19vw, 2rem);
}
.quote .fa-quote-left {
	color: #05864e;
	font-size: clamp(6rem, 2rem + 2.8vw, 12rem);
}
.sec-2-connect .section-content .h2,
.sec-2-connect .section-content .h3 {
	color: #05864e;
	font-weight: 700;
	text-transform: uppercase;
}
.sec-2-connect .section-content .col-inner > *:not(:last-child) {
	margin-bottom: 12px;
}

.intech-tab-content > *:not(:last-child) {
	margin-bottom: 12px;
}

.intech-tab-content h3 {
	border-bottom: 1px solid #2c474e;
	padding-bottom: 10px;
	text-transform: uppercase;
	padding-left: 10px;
}
.intech-tab-content .title-tab-number {
	color: #07bc02;
	position: relative;
}
.intech-tab-content .title-tab-number:before {
	position: absolute;
	left: -10px;
	top: 0;
	width: 4px;
	height: 100%;
	background: #07bc02;
	content: "";
	z-index: 1;
}
.item-hst .icon-box-text {
	display: flex;
	align-items: center;
}

.title-hst {
	display: flex;
	align-items: end;
	gap: 1.6rem;
}
.title-hst h3 {
	font-size: 2.5rem !important;
	margin-bottom: 0;
}
.plain h5 {
	font-size: 2rem !important;
}
.plain:hover h5 {
	color: #05864e !important;
}
.section-khoi .img-inner:hover img {
	transform: scale(1.1);
}
.section-khoi .col {
	padding-bottom: 8rem;
}

/* Style chữ dạng viền (stroke) cho phần số */
.title-hst .number.stroke {
	font-size: 8.5rem;
	font-weight: 400;
	line-height: 1;
	color: #fff;
	-webkit-text-stroke: 2px #05864e;
	-webkit-text-fill-color: #fff;
}

.title-hst .number.stroke::after {
	content: ".";
}

.block-hst .section-content {
	padding: 40px 0;
}
.block-hst .section-content .tab-hst > h4 {
	display: none !important;
}
.block-hst .section-content .tab-hst .box-content .col-inner {
	padding: 20px !important;
}

.bg-gradient-about {
	background: linear-gradient(90deg, rgba(252, 255, 253, 0) 0%, rgba(8, 133, 76, 0.7) 30%, rgba(8, 133, 76, 0.7) 80%);
	border-radius: 2rem;
}
.px-2 {
	padding-left: 2rem !important;
	padding-right: 2rem !important;
}
.px-0 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.py-0 {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.py-2 {
	padding-top: 2rem !important;
	padding-bottom: 2rem !important;
}

.anh-form .img-inner {
	border-radius: 2rem !important;
}

.white.button-style-1 {
	background: transparent !important;
	border: 1px solid #000 !important;
}
.white.button-style-2 {
	background: transparent !important;
	border: 1px solid #fff !important;
	color: #fff !important;
}

.form-lien-he input[type="submit"] {
	border: 1px solid #fff !important;
}

/* =========================================================
   INTECH COUNTER
   ========================================================= */

.row-counter .col {
	padding: 30px 15px 30px;
}

.item-vt .box-content .h4 {
	border-bottom: 1px solid #dbdbdb;
	padding-bottom: 10px;
	min-height: calc(1.4em * 2);
}

/* =========================================
   PARTNER FORM
========================================= */

.partner-form {
	width: 100%;
	padding: 20px;
	border: 1px solid #dfe5e2;
	border-radius: 4px;
	background: #fff;
	box-sizing: border-box;
}

/* =========================================
   SECTION
========================================= */

.partner-form .form-section {
	margin-bottom: 22px;
}

.partner-form .form-section:last-of-type {
	margin-bottom: 10px;
}

.partner-form .form-section h3 {
	margin: 0 0 9px;
	padding: 0;
	color: #25854b;
	font-size: var(--fs-h3);
	line-height: 1.4;
	font-weight: 700;
	text-transform: uppercase;
}

/* =========================================
   GRID
========================================= */

.partner-form .form-grid {
	display: grid;
	gap: 12px 16px;
}

.partner-form .form-grid-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.partner-form .form-grid-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.partner-form .form-grid-4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* =========================================
   FIELD
========================================= */

.partner-form .form-field {
	min-width: 0;
}

.partner-form .form-field label {
	display: block;
	margin: 0 0 5px;
	color: #4f5955;
	font-size: var(--fs-h5);
	line-height: 1.4;
	font-weight: 400;
}

.partner-form .form-field label span {
	color: #222;
}
/* ================================
   FILE UPLOAD - HỒ SƠ NĂNG LỰC
================================ */

.form-field input[type="file"].form-control {
	width: 100%;
	height: 40px;
	padding: 0 45px 0 14px;
	border: 1px solid #d3d3d3;
	border-radius: 5px;
	background-color: #fff;
	font-family: inherit;
	font-size: 14px;
	color: #555;
	cursor: pointer;
	box-sizing: border-box;
}

/* Ẩn button Choose File native */

.form-field input[type="file"].form-control::file-selector-button {
	display: none;
}

/* Text mặc định */

.form-field input[type="file"].form-control {
	color: #777;
}

/* Icon upload */

.form-field:has(input[type="file"].form-control) {
	position: relative;
}

/* Icon cloud upload */

.form-field:has(input[type="file"].form-control)::after {
	content: "";

	position: absolute;

	right: 12px;
	bottom: 9px;

	width: 24px;
	height: 24px;

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23445c63' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.5 19H9a5 5 0 1 1 1.2-9.85A6 6 0 0 1 21 12.5c0 .5-.06 1-.18 1.47'/%3E%3Cpath d='M12 17V9'/%3E%3Cpath d='m8.5 12.5 3.5-3.5 3.5 3.5'/%3E%3C/svg%3E");

	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;

	pointer-events: none;
}

/* Placeholder text */

.form-field input[type="file"].form-control::before {
	content: "Chọn tệp tin tối đa (25MB)";
}

/* =========================================
   INPUT
========================================= */

.partner-form .form-control {
	width: 100%;
	height: 40px;
	margin: 0;
	padding: 8px 20px;
	border: 1px solid #d5d9d7;
	border-radius: 4px;
	background: #fff;
	color: #4d5652;
	line-height: 1.4;
	box-shadow: none;
	box-sizing: border-box;
}

.partner-form textarea.form-control {
	height: auto;
	min-height: 80px;
}

.partner-form .form-control:focus {
	border-color: #25854b;
	outline: none;
	box-shadow: none;
}

/* =========================================
   NOTE
========================================= */

.partner-form .form-note {
	margin-top: 5px;
	color: #65706b;
	font-size: var(--fs-body);
	line-height: 1.45;
}

.partner-form .form-note-bottom {
	margin-top: -2px;
}

.partner-form .form-note a {
	color: #527b68;
	text-decoration: underline;
}

/* =========================================
   COOPERATION
========================================= */

.partner-form .cooperation-field {
	margin-top: 13px;
	padding: 9px;
	border: 1px solid #dfe2e0;
	border-radius: 3px;
}

.partner-form .cooperation-field > label {
	margin-bottom: 7px;
}

/* CF7 checkbox */

.partner-form .wpcf7-checkbox {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 4px;
}

.partner-form .wpcf7-list-item {
	margin: 0;
}

.partner-form .wpcf7-list-item label {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	color: #59635f;
	font-size: var(--fs-h4);
	line-height: 1.4;
}

.partner-form .wpcf7-list-item input[type="checkbox"] {
	width: 11px;
	height: 11px;
	margin: 0;
	padding: 0;
}

/* Other */

.partner-form .other-input {
	margin-top: 4px;
	padding-left: 0;
}

/* =========================================
   FILE UPLOAD
========================================= */

.partner-form input[type="file"].form-control {
	height: 40px;
	padding: 2px 5px;
	font-size: var(--fs-body);
}

/* =========================================
   SUBMIT
========================================= */

.partner-form .form-submit {
	margin-top: 3px;
}

.partner-form .form-submit-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 120px;
	height: 40px;
	padding: 8px 20px;
	border: 0;
	border-radius: 4px;
	background: #2f8950;
	color: #fff;
	font-size: var(--fs-body);
	line-height: 1;
	font-weight: 600;
	text-transform: uppercase;
	cursor: pointer;
	transition: background 0.2s ease;
}

.partner-form .form-submit-btn:hover {
	background: #247341;
}

/* =========================================
   CF7 MESSAGE
========================================= */

.partner-form .wpcf7-not-valid-tip {
	margin-top: 3px;
	font-size: 9px;
}

.partner-form .wpcf7-response-output {
	margin: 12px 0 0;
	padding: 8px;
	font-size: var(--fs-body);
}

#section_1596106100 .dark a:hover,
#section_1596106100 .dark .widget a:hover {
	color: #07bc02 !important;
}

/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1024px) {
	.partner-form .form-grid-4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
.row-cung-ung .col-inner {
	overflow: hidden;
}
.intech-package-heading-inner h2 {
	color: #fff;
}
.intech-material-eyebrow {
	color: #05864e;
	font-weight: 700;
}
.intech-material-subtitle {
	color: #2c474e;
	font-weight: 700;
}
.icon-box-dt {
	align-items: flex-end;
}
.purchase-tree-items .icon-box-dt h3,
.cam-ket .icon-box-dt h3 {
	min-height: calc(1.4em * 2);
}
.btn-dk span {
	color: #05864e;
}



@media (max-width: 849px) {
	.partner-form {
		padding: 15px;
	}

	.partner-form .form-grid-2,
	.partner-form .form-grid-3,
	.partner-form .form-grid-4 {
		grid-template-columns: 1fr;
	}

	.partner-form .form-grid {
		gap: 10px;
	}

	.partner-form .form-section {
		margin-bottom: 20px;
	}

	.partner-form .form-control {
		height: 34px;
	}

	.partner-form input[type="file"].form-control {
		height: 34px;
	}

	.order-2 {
		order: 2;
	}
	.order-1 {
		order: 1;
	}
	.header-main .header-inner {
		background-color: aliceblue;
	}
}
/* =========================================
   PURCHASE TREE
========================================= */

.purchase-tree-header {
	position: relative;
	margin-bottom: 34px !important;
}

/* =========================================
   CENTRAL BOX
========================================= */

.purchase-tree-title {
	position: relative;
	z-index: 5;

	margin-bottom: 0 !important;
}

/* LOGO */

.purchase-tree-logo {
	display: block;

	width: auto !important;
	max-width: 100px !important;
	height: 20px !important;

	object-fit: contain;

	margin: 0 auto 3px !important;
}

/* TITLE */

.purchase-tree-title-text {
	font-size: 12px;
	line-height: 1.2;
	font-weight: 800;

	color: #fff;

	text-transform: uppercase;
}

/* =========================================
   VERTICAL LINE FROM BOX
========================================= */

.purchase-tree-title-box {
	position: relative;
	width: 430px;

	max-width: 100%;

	min-height: 70px;

	margin: 0 auto;

	padding: 10px 20px;

	display: flex;
	flex-direction: column;

	align-items: center;
	justify-content: center;

	background: linear-gradient(180deg, #31965a 0%, #194d4a 100%);

	border-radius: 5px;

	border-bottom: 2px solid #58a95e;

	box-sizing: border-box;
}

/* ĐƯỜNG DỌC TỪ BOX XUỐNG ĐƯỜNG NGANG */

.purchase-tree-title-box::after {
	content: "";

	position: absolute;

	left: 50%;
	top: 100%;

	width: 1px;
	height: 34px;

	background: #63a87b;

	transform: translateX(-50%);

	z-index: 10;
}

/* =========================================
   CARD ROW
========================================= */

.purchase-tree-items {
	position: relative;

	padding-top: 18px !important;
}

/* =========================================
   HORIZONTAL CONNECTING LINE
========================================= */

.purchase-tree-items::before {
	content: "";

	position: absolute;

	top: 0;

	left: 12.5%;
	right: 12.5%;

	height: 1px;

	background: #63a87b;

	z-index: 1;
}

/* =========================================
   VERTICAL BRANCH TO EACH CARD
========================================= */

.purchase-tree-items > .col {
	position: relative;
}

/*
 * Each column creates one vertical
 * connecting line.
 */

.purchase-tree-items > .col::before {
	content: "";

	position: absolute;

	top: -18px;

	left: 50%;

	width: 1px;
	height: 18px;

	background: #63a87b;

	transform: translateX(-50%);

	z-index: 2;
}
/* =========================================
   INTECH - SUPPLIER PROCESS
========================================= */

.intech-supplier-process {
	position: relative;
	overflow: hidden;
}

/* =========================================
   HEADING
========================================= */

.intech-process-heading {
	margin-bottom: 30px !important;
}

.intech-process-heading-inner {
	text-align: center;
}

.intech-process-eyebrow {
	margin-bottom: 5px;
	line-height: 1.4;
	font-weight: 700;

	color: #31945a;

	text-transform: uppercase;
}

.intech-process-heading h2 {
	margin: 0 !important;

	font-size: 24px !important;
	line-height: 1.2 !important;
	font-weight: 800 !important;

	color: #344b52 !important;

	text-transform: uppercase;
}

/* =========================================
   GRID
========================================= */

.intech-process-grid {
	max-width: 760px;

	margin-left: auto !important;
	margin-right: auto !important;
}

/* =========================================
   ITEM
========================================= */

.intech-process-item {
	width: 100%;

	text-align: center;
}

/* =========================================
   NUMBER
========================================= */

.intech-process-number {
	width: 100%;

	height: 48px;

	display: flex;

	align-items: center;
	justify-content: center;

	box-sizing: border-box;

	border-radius: 5px;

	background: #344b52;

	color: #ffffff;

	font-size: var(--fs-h4);
	line-height: 1;
	font-weight: 800;
}

.intech-process-number.is-green {
	background: #359052;
}

/* =========================================
   CONNECTOR
========================================= */

.intech-process-connector {
	width: 1px;
	height: 17px;

	margin: 0 auto;

	background: #9aa3a5;
}

/* =========================================
   TITLE
========================================= */

.intech-process-item h3 {
	margin: 0 0 5px !important;
	line-height: 1.25 !important;
	font-weight: 800 !important;
	color: #344b52 !important;
	text-align: center;
	text-transform: uppercase;
}

/* =========================================
   DESCRIPTION
========================================= */

.intech-process-item p {
	margin: 0 !important;
	line-height: 1.4 !important;
	font-weight: 400 !important;
	color: #536167 !important;
	text-align: center;
}

.row-nang-luc {
	padding-top: 16rem !important;
	padding-bottom: 16rem !important;
}
/* =========================================
   TABLET
========================================= */

@media (max-width: 849px) {
	.intech-process-grid {
		max-width: 700px;
	}
	.purchase-tree-items::before {
		content: unset;
	}
	.purchase-tree-items > .col::before {
		top: -30px;
		height: 30px;
	}
	.intech-process-item {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		gap: 10px;
	}
	.intech-process-item .box-number {
		width: 20%;
	}
	.intech-process-item h3,
	.intech-process-item p {
		text-align: left;
	}
	.intech-process-connector {
		height: 60px;
	}
	.intech-process-grid > .col {
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
	}
	.intech-process-grid > .col:nth-last-child(1) .intech-process-connector {
		height: 0;
	}
	.row-cung-ung {
		display: flex !important;
		flex-wrap: nowrap !important;
		justify-content: flex-start !important;

		overflow-x: auto !important;
		overflow-y: hidden !important;

		margin-left: 0 !important;
		margin-right: 0 !important;

		padding-left: 15px !important;
		padding-right: 15px !important;

		width: 100% !important;
		max-width: none !important;

		gap: 15px !important;

		scroll-snap-type: x mandatory;

		scrollbar-width: none;
	}

	.row-cung-ung::-webkit-scrollbar {
		display: none;
	}

	.row-cung-ung > .col {
		flex: 0 0 80% !important;
		width: 80% !important;
		max-width: 80% !important;
		min-width: 80% !important;

		margin-left: 0 !important;
		margin-right: 0 !important;

		flex-shrink: 0 !important;

		scroll-snap-align: start;
	}
	.row-nang-luc {
		padding-top: 50px !important;
	}
	.row-chung-chi {
		display: flex !important;
		flex-wrap: nowrap !important;

		overflow-x: auto !important;
		overflow-y: hidden !important;

		width: 100% !important;

		/* Luôn bắt đầu từ đầu item */
		scroll-snap-type: x mandatory;
		scroll-padding-left: 0;

		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.row-chung-chi::-webkit-scrollbar {
		display: none;
	}

	.row-chung-chi > .item-ct {
		flex: 0 0 50% !important;
		width: 50% !important;
		max-width: 50% !important;

		scroll-snap-align: start;
	}
}

/* =========================================
   MOBILE
========================================= */

@media (max-width: 849px) {
	.intech-supplier-process {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.intech-process-heading {
		margin-bottom: 25px !important;
	}

	.intech-process-grid > .col {
		margin-bottom: 20px;
	}

	.intech-process-number {
		height: 45px;
	}
	.row-chung-chi > .item-ct {
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;

		scroll-snap-align: start;
	}

	.banner-lien-he-pc {
		display: none;
	}
	.banner-lien-he-mobile {
		display: block;
	}
	.row.form-pc {
		display: none;
	}
	.row.form-mobile {
		display: block;
	}
	.hop-tac .row {
		flex-direction: column-reverse;
	}
	.row-full-width.row-van-hoa,
	.row-full-width.row-chung-chi {
		display: flex !important;
		flex-wrap: nowrap !important;
		width: 100% !important;
		max-width: 100% !important;

		/* 1. Đổi auto thành scroll để iOS bắt buộc tạo vùng cuộn */
		overflow-x: scroll !important;
		overflow-y: hidden !important;

		/* 2. Ép Safari trên iOS nhận diện cử chỉ vuốt ngang */
		touch-action: pan-x !important;
		-webkit-overflow-scrolling: touch !important;

		justify-content: flex-start !important;
	}

	.row-full-width.row-van-hoa > .col,
	.row-full-width.row-chung-chi > .col {
		flex: 0 0 75% !important;
		max-width: 75% !important;
		flex-shrink: 0 !important;
		margin-left: 0 !important;
	}
	.col-p-0 .col-inner {
		padding-bottom: 0 !important;
	}
	
	.lich-su-slider .flickity-page-dots .dot {
		margin: 0 0.5rem;
	}
	.lich-su-slider .flickity-page-dots {
		max-width: max-content;
		width: max-content;
	}


	.lich-su-slider .flickity-viewport {
        padding-top: clamp(70px, 10vw, 160px);
    }
	
	.dm_mua_sam .list-dmvt {
		display: flex !important;
		flex-wrap: nowrap !important;
		overflow-x: auto !important;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		justify-content: flex-start !important;
		padding-bottom: 15px;
	}

	/* Ẩn thanh cuộn mặc định nếu muốn giao diện gọn hơn (tùy chọn) */
	.dm_mua_sam .list-dmvt::-webkit-scrollbar {
		height: 4px;
	}
	.dm_mua_sam .list-dmvt::-webkit-scrollbar-thumb {
		background: #ccc;
		border-radius: 4px;
	}

	/* Cố định chiều rộng của từng item trên mobile để tạo hiệu ứng cuộn từng card */
	.dm_mua_sam .list-dmvt > .item-vt {
		flex: 0 0 85% !important; 
		max-width: 85% !important;
		scroll-snap-align: center;
		margin-right: 10px;
	}

}

.xay-hst {
	background: linear-gradient(279.87deg, #08854c 0%, #1f3857 100%);
}
.xay-hst .intech-material-eyebrow,
.xay-hst .intech-material-heading h2,
.xay-hst .intech-material-subtitle {
	color: #fff;
}
.section-content .row .btn-white {
	border-color: #fff !important;
}
.trp-shortcode-switcher {
	padding: 5px 0 !important;
	border: unset !important;
}

.autocomplete-suggestion img{
	border-radius:unset!important;
	height: 10rem!important;
	width: 10rem!important;
}

/* =========================================================
   INTECH MOBILE MENU - SUBMENU ANIMATION
   ========================================================= */

@media (max-width: 849px) {
	.header-wrapper.stuck{
		top: 10px!important;
	}
	.autocomplete-suggestion{
		color: #fff;
	}
	body.body-scroll-lock--active .mfp-wrap {
		height: 100% !important;
	}
	.off-canvas-center .mfp-container {
		background: linear-gradient(180deg, #1f3857 0%, #08854c 100%);
		height: auto;
		min-height: 100vh;
	}
	.off-canvas-center .mfp-content {
		padding-top: 0 !important;
	}
	.off-canvas .sidebar-menu {
		padding: 0 0 30px;
	}
	.off-canvas-center .nav-vertical > li > a {
		justify-content: space-between !important;
	}
	.off-canvas .nav-vertical > li > a {
		color: #fff;
	}
	.mfp-wrap .nav-vertical .links > li > a:before,
	.mfp-wrap i[class*=" icon-"],
	.mfp-wrap i[class^="icon-"] {
		color: #fff;
	}
	.off-canvas-center .mfp-content .searchform {
		max-width: 90% !important;
		margin: 0 auto;
	}
	.nav-vertical .header-search-form-wrapper input[type="search"] {
		width: 100%;
		height: 40px;
		margin: 0;
		padding: 8px 20px;
		border: 1px solid #d5d9d7;
		border-radius: 4px 0 0 4px;
		background: #fff;
		color: #4d5652;
		line-height: 1.4;
		box-shadow: none;
		box-sizing: border-box;
		font-size: 0.97em;
		max-width: 100%;
		transition:
			color 0.3s,
			border 0.3s,
			background 0.3s,
			opacity 0.3s;
		vertical-align: middle;
	}
	.nav-vertical .header-search-form-wrapper button.ux-search-submit {
		width: 100%;
		height: 40px;
		margin: 0;
		padding: 8px 20px;
		border: 1px solid #d5d9d7;
		border-radius: 0px 4px 4px 0;
		color: #4d5652;
		line-height: 1.4;
		box-shadow: none;
		box-sizing: border-box;
		font-size: 0.97em;
		max-width: 100%;
		transition:
			color 0.3s,
			border 0.3s,
			background 0.3s,
			opacity 0.3s;
		vertical-align: middle;
	}
	.off-canvas-center:not(.dark) .mfp-close {
		color: rgb(255 255 255) !important;
	}

	/* Submenu */
	.nav-sidebar .menu-item-has-children > .sub-menu {
		display: block !important;

		max-height: 0;
		overflow: hidden;

		opacity: 0;
		visibility: hidden;

		margin-top: 0 !important;
		margin-bottom: 0 !important;

		transform: translateY(-8px);

		transition:
			max-height 0.4s ease,
			opacity 0.25s ease,
			transform 0.35s ease,
			visibility 0s linear 0.4s;
	}

	/* Khi Flatsome mở submenu */
	.nav-sidebar .menu-item-has-children.active > .sub-menu,
	.nav-sidebar .menu-item-has-children.is-active > .sub-menu,
	.nav-sidebar .menu-item-has-children.current-menu-ancestor > .sub-menu,
	.nav-sidebar .menu-item-has-children.current-menu-parent > .sub-menu {
		max-height: 600px;

		opacity: 1;
		visibility: visible;

		transform: translateY(0);

		transition:
			max-height 0.45s ease,
			opacity 0.25s ease,
			transform 0.35s ease,
			visibility 0s linear 0s;
	}

	/* Khoảng cách giữa menu cha và submenu */
	.nav-sidebar .menu-item-has-children > .sub-menu > li {
		opacity: 0;
		transform: translateY(-5px);

		transition:
			opacity 0.25s ease,
			transform 0.3s ease;
	}

	/* Item con xuất hiện khi mở */
	.nav-sidebar .menu-item-has-children.active > .sub-menu > li,
	.nav-sidebar .menu-item-has-children.is-active > .sub-menu > li,
	.nav-sidebar .menu-item-has-children.current-menu-ancestor > .sub-menu > li,
	.nav-sidebar .menu-item-has-children.current-menu-parent > .sub-menu > li {
		opacity: 1;
		transform: translateY(0);
	}

	/* Delay nhẹ từng item */
	.nav-sidebar .menu-item-has-children.active > .sub-menu > li:nth-child(1) {
		transition-delay: 0.05s;
	}

	.nav-sidebar .menu-item-has-children.active > .sub-menu > li:nth-child(2) {
		transition-delay: 0.1s;
	}

	.nav-sidebar .menu-item-has-children.active > .sub-menu > li:nth-child(3) {
		transition-delay: 0.15s;
	}

	.nav-sidebar .menu-item-has-children.active > .sub-menu > li:nth-child(4) {
		transition-delay: 0.2s;
	}
	.nav-column li.active>a, .nav-column li>a:hover, .nav-dropdown li.active>a, .nav-dropdown>li>a:hover, .nav-vertical-fly-out>li>a:hover, .nav>li.active>a, .nav>li.current>a, .nav>li>a.active, .nav>li>a.current, .nav>li>a:hover{
		color: #07bc02!important;
	}
	.banner-home .slider .flickity-viewport {
		height: 100vh !important;
	}

	.banner-home .slider .flickity-slider,
	.banner-home .slider .banner,
	.banner-home .slider .banner-inner {
		height: 100% !important;
		min-height: 100% !important;
	}

	.banner-home .slider .banner-bg {
		height: 100% !important;
	}
	.banner-home .slider .flickity-page-dots {
		pointer-events: unset !important;
	}
	.nav-vertical > li > ul li a {
		color: #fff !important;
	}
	.nav:not(.nav-slide) .active > .children {
		padding: 0 20px 30px;
	}
	.nav-sidebar .menu-item-has-children.active > .sub-menu > li {
		text-align: left;
		width: 100%;
	}
	.off-canvas-center .nav-vertical > li > ul > li a {
		display: block;
		padding: 10px 20px;
	}
	.header-main li.html.custom {
		display: block !important;
	}
	.trp-shortcode-switcher {
		background: transparent !important;
	}
	.trp-language-item {
		padding: 8px !important;
	}
	/* 1. Cho khối chứa ngôn ngữ ôm theo độ rộng thực tế của nội dung */
	#header  .medium-logo-left .flex-left {
	    flex: 0 0 auto !important;
	    margin-left: auto;
	  }

	  /* 2. Giới hạn lại logo để không chiếm chèn ép không gian của menu */
	#header  .medium-logo-left .logo img {
	    max-width: 130px !important;
	  }

	  /* 3. Mở rộng khung dropdown chứa danh sách ngôn ngữ */
	 #header .medium-logo-left .flex-left .nav-dropdown,
	 #header .medium-logo-left .flex-left ul.children,
	 #header .medium-logo-left .flex-left .sub-menu {
	    min-width: 150px !important;
	    width: max-content !important;
	    max-width: 200px !important;
	    right: 0 !important;   /* Căn lề phải khớp với nút bấm */
	    left: auto !important;
	    overflow: visible !important; /* Loại bỏ thanh cuộn không cần thiết */
	  }

	  /* 4. Đảm bảo tên ngôn ngữ không bị ngắt dòng xuống hàng */
	 #header .medium-logo-left .flex-left .nav-dropdown li a,
	 #header .medium-logo-left .flex-left ul.children li a {
	    white-space: nowrap !important;
	    padding: 8px 12px !important;
	    display: flex !important;
	    align-items: center;
	    gap: 8px;
	  }
}
.nav-dropdown li.menu-item {
	position: relative;
}
ul.sub-menu.nav-dropdown.nav-dropdown-default {
	padding: 0 !important;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	overflow: hidden;
}
li.menu-item,
.sub-menu li.menu-item {
	position: relative;
}
li.menu-item.current-menu-item:before,
li.menu-item:hover:before {
	position: absolute;
	left: 0;
	top: 50%;
	height: 100%;
	width: 2px;
	background: #07bc02;
	content: "";
	z-index: 1;
	transform: translateY(-50%);
}
.nav-dropdown .sub-menu li.menu-item:hover > a::before,
.nav-dropdown .sub-menu li.menu-item.current-menu-item > a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 100%;
    background-color: #07bc02;
    z-index: 2; /* Đảm bảo nổi trên background của thẻ a */
}

/* Style mặc định cho menu cha */
li.menu-item.current-menu-item > a,
li.menu-item.current-menu-ancestor > a {
	color: #07bc02 !important;
}
li.menu-item:hover >a{
	color: #07bc02 !important;
}

/* Loại bỏ màu xanh mặc định do WordPress gán cho tất cả sub-menu item cùng URL */
/*.nav-dropdown li.current-menu-item > a,
.sub-menu li.current-menu-item > a {
	color: inherit !important;
}*/

/* Chỉ đổi màu xanh khi HOVER hoặc khi JS thêm class ACTIVE/CURRENT đúng section */
.nav-dropdown li > a:hover,
.nav-dropdown li.active > a,
.nav-dropdown li.current > a,
.sub-menu li > a:hover,
.sub-menu li.active > a,
.sub-menu li.current > a {
	color: #07bc02 !important;
}

.intech-featured-track {
	margin: 30px 0;
}
.intech-featured-slide,
.intech-project-card {
	position: relative;
	transition: all 0.4s ease-in-out;
	box-shadow:
		rgba(0, 0, 0, 0.1) 0px 0px 5px 0px,
		rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
	border-radius: 10px;
	overflow: hidden;
}
.intech-featured-slide:hover,
.intech-project-card:hover {
	transform: translateY(-8px);
	box-shadow: rgba(100, 100, 111, 0.1) 1px 2px 6px 10px;
}
.intech-featured-arrow:hover {
	background: #07bc02 !important;
	color: #fff;
}
.ux-menu-link--active .ux-menu-link__link,
.ux-menu-link:hover .ux-menu-link__link {
	color: #07bc02 !important;
}
.nav-dropdown .menu-item-has-children > a,
.nav-dropdown .nav-dropdown-col > a,
.nav-dropdown .title > a {
	font-weight: normal !important;
}

/* =========================================================
   DESKTOP MENU - MULTI LEVEL DROPDOWN
   Dự án
   └── Dự án theo hạng mục triển khai
       └── Các lĩnh vực
   ========================================================= */

@media (min-width: 850px) {
	/* -----------------------------------------
       1. Cho dropdown cấp 1 có thể chứa
          submenu cấp 2 xổ ra ngoài
       ----------------------------------------- */

	#header .header-nav-main > li > ul.nav-dropdown {
		overflow: visible !important;
		display: block !important;
		border: unset!important;

	}

	/* -----------------------------------------
       2. Item "Dự án theo hạng mục triển khai"
          làm mốc định vị cho submenu cấp 2
       ----------------------------------------- */

	#header .header-nav-main > li.menu-item-has-children > ul.nav-dropdown > li.menu-item-has-children {
		position: relative !important;
		width: 100% !important;
		display: block !important;
	}

	/* -----------------------------------------
       3. SUBMENU CẤP 2
          Mặc định: ẩn
       ----------------------------------------- */

	#header .header-nav-main > li.menu-item-has-children > ul.nav-dropdown > li.menu-item-has-children > ul.sub-menu {
		position: absolute !important;

		top: 0 !important;
		left: 100% !important;

		margin: 0 !important;

		width: max-content !important;
		min-width: 260px !important;

		padding: 0 !important;

		background: #fff !important;

		border-radius: 0 10px 10px 10px !important;

		box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);

		z-index: 9999 !important;

		/* trạng thái ẩn */
		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;

		transform: translateX(8px);

		transition:
			opacity 0.2s ease,
			transform 0.2s ease,
			visibility 0s linear 0.2s;
	}

	/* -----------------------------------------
       4. Khi hover "Dự án theo hạng mục triển khai"
          thì submenu cấp 2 xuất hiện bên phải
       ----------------------------------------- */

	#header .header-nav-main > li.menu-item-has-children > ul.nav-dropdown > li.menu-item-has-children:hover > ul.sub-menu {
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;

		transform: translateX(0);

		transition:
			opacity 0.2s ease,
			transform 0.2s ease,
			visibility 0s linear 0s;
	}

	/* -----------------------------------------
       5. Style item của submenu cấp 2
       ----------------------------------------- */

	#header .header-nav-main > li.menu-item-has-children > ul.nav-dropdown > li.menu-item-has-children > ul.sub-menu > li {
		position: relative;

		width: 100% !important;

		margin: 0 !important;
	}

	#header .header-nav-main > li.menu-item-has-children > ul.nav-dropdown > li.menu-item-has-children > ul.sub-menu > li > a {
		display: block !important;

		width: 100% !important;

		padding: 10px 18px !important;

		margin: 0 !important;

		box-sizing: border-box;

		color: #2c474e !important;

		white-space: normal;

		transition:
			color 0.2s ease,
			background-color 0.2s ease;
	}
	#header .header-nav-main > li.menu-item-has-children > ul.nav-dropdown > li.menu-item-has-children > ul.sub-menu > li:last-child{
		border-bottom-left-radius: 10px;
    	overflow: hidden;
	}

	/* -----------------------------------------
       6. Hover item cấp 2
       ----------------------------------------- */

	#header .header-nav-main > li.menu-item-has-children > ul.nav-dropdown > li.menu-item-has-children > ul.sub-menu > li:hover > a {
		color: #07bc02 !important;

		background: #f7faf8 !important;
	}

	/* -----------------------------------------
       7. Không cho pseudo green bar hiện
          sai vị trí ở submenu cấp 2
       ----------------------------------------- */

	#header .header-nav-main > li.menu-item-has-children > ul.nav-dropdown > li.menu-item-has-children > ul.sub-menu > li::before {
		display: none !important;
	}

	/* -----------------------------------------
       8. Mũi tên sang phải cho
          "Dự án theo hạng mục triển khai"
       ----------------------------------------- */

	#header .header-nav-main > li.menu-item-has-children > ul.nav-dropdown > li.menu-item-has-children > a {
		position: relative;

		padding-right: 35px !important;
	}

	#header .header-nav-main > li.menu-item-has-children > ul.nav-dropdown > li.menu-item-has-children > a::after {
		content: "\f105";

		position: absolute;

		right: 15px;
		top: 50%;

		transform: translateY(-50%);

		font-family: "Font Awesome 6 Pro";

		font-size: 12px;

		font-weight: 900;

		color: #777;

		transition:
			color 0.2s ease,
			transform 0.2s ease;
	}
	.nav-column > li > a,
	.nav-dropdown > li > a,
	.nav-vertical-fly-out > li > a,
	.nav > li > a {
		color: #2c474e !important;
	}

	#header .header-nav-main > li.menu-item-has-children > ul.nav-dropdown > li.menu-item-has-children:hover > a::after {
		color: #07bc02 !important;

		transform: translate(3px, -50%);
	}
	

	.row-dong-hanh {
		/* background-color: #07884f; */
		position: relative;
		overflow: hidden;
	}

	.row-dong-hanh::after {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 70%;
		height: 100%;
		background: url(/wp-content/uploads/2026/09/nen-dong-hanh.jpg);
		pointer-events: none;
		background-size: contain;
	}
	.flickity-prev-next-button,
	.flickity-prev-next-button {
		color: #2c474e !important;
		opacity: 1 !important;
		margin-top: unset !important;
		pointer-events: auto;
		width: 38px;
		height: 38px;
		padding: 0;
		border-radius: 50%;
		text-align: center;
		cursor: pointer;
		box-shadow: 0 2px 8px rgba(20, 50, 70, 0.06);
		transition:
			opacity 0.2s ease,
			background 0.2s ease,
			transform 0.2s ease;
		background-color: #f3f8ff !important;
	}
	.flickity-prev-next-button .flickity-button-icon {
		display: none !important;
	}

	.flickity-prev-next-button::before {
		font-family: "Font Awesome 6 Pro" !important;
		font-weight: 900 !important;
		font-size: 20px !important;
		fill: #2c474e !important;
		display: inline-block !important;
	}

	/* Icon nút Next (f061) */
	.flickity-prev-next-button.next::before {
		content: "\f061";
	}

	/* Icon nút Prev (f060) */
	.flickity-prev-next-button.previous::before {
		content: "\f060";
	}

	.flickity-prev-next-button:hover {
		background: #07bc02 !important;
		color: #fff !important;
	}

	.slider-nav-outside .flickity-prev-next-button.next {
		right: -4% !important;
		left: unset !important;
	}
	.slider-nav-outside .flickity-prev-next-button.previous {
		left: -4% !important;
		right: unset !important;
	}
	.ket-noi > .col{
		padding-bottom: 15px!important;
	}
}

.row-dong-hanh a.button.white:hover {
	color: #07bc02 !important;
}

.slide-dt .flickity-slider.intech-marquee-ready {
	animation: intech-logo-marquee var(--marquee-duration) linear infinite;

	transition: none !important;

	will-change: transform;
}

@keyframes intech-logo-marquee {
	from {
		transform: translate3d(0, 0, 0);
	}

	to {
		transform: translate3d(var(--marquee-distance), 0, 0);
	}
}

.slide-dt:hover .flickity-slider.intech-marquee-ready {
	animation-play-state: paused;
}
.box-blog-post a.button {
	color: #2c474e;
	text-transform: unset;
	padding-left: 0 !important;
}
a#top-link {
	color: rgb(255 255 255);
}
/* =========================================================
   POST SHARE
   ========================================================= */

.intech-post-share {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 0;
}

.intech-post-share__label {
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	color: #33464d;
	margin-right: 8px;
}

.intech-post-share__item {
	width: 30px;
	height: 30px;
	border-radius: 50%;

	display: flex;
	align-items: center;
	justify-content: center;

	text-decoration: none !important;

	transition: all 0.25s ease;
}

/* Facebook */
.intech-post-share__facebook {
	background: #4f7ff1;
	color: #fff !important;
}

.intech-post-share__facebook svg {
	width: 17px;
	height: 17px;
}

/* Zalo */
.intech-post-share__zalo {
	background: #fff;
	border: 1px solid #d7e0ee;
	color: #1769ff !important;

	font-size: 11px;
	font-weight: 600;
}

/* Email */
.intech-post-share__email {
	background: #fff;
	border: 1px solid #d7e0ee;
	color: #e34b3f !important;
}

.intech-post-share__email svg {
	width: 17px;
	height: 17px;
}

/* Hover */
.intech-post-share__item:hover {
	transform: translateY(-2px);
	opacity: 0.85;
}

/* Mobile */
@media (max-width: 549px) {
	.intech-post-share {
		gap: 10px;
	}

	.intech-post-share__label {
		font-size: 15px;
		margin-right: 5px;
	}

	.intech-post-share__item {
		width: 30px;
		height: 30px;
	}
}
.rank-math-breadcrumb > p{
	margin-bottom: 0!important;
}
.rank-math-breadcrumb p > a:first-child{
	font-size: 0;
}
.rank-math-breadcrumb p > a:first-child::before {
    content: "\f015";
    font-family: "Font Awesome 6 Pro";
    font-size: 18px;
    line-height: 1;
}
.dm_mua_sam .item-vt{
	position: relative;
	transition: all 0.3s ease-out;
}
.dm_mua_sam .item-vt:hover{
	transform: translateY(-4px);
}
.row-cung-ung > .col,
.purchase-tree-items > .col,
.row-tim-dt > .col{
	position: relative;
	transition: all 0.3s ease-out;
}
.row-cung-ung > .col:hover,
.purchase-tree-items > .col:hover,
.row-tim-dt > .col:hover{
	transform: translateY(-4px);
}
.sec-lv .item-lv{
	opacity: 1 !important;
}


/* =========================================
   LĨNH VỰC HOẠT ĐỘNG - BOUNCE IN UP
========================================= */

/* Trạng thái ban đầu */
.sec-lv .item-lv {
    transform: translateY(40px);
    will-change: transform;
}

/* Kích hoạt animation */
.sec-lv .item-lv.lv-animate {
    animation: lvBounceUp 0.85s ease both;
    animation-delay: var(--lv-delay, 0ms);
}

@keyframes lvBounceUp {
    0% {
        transform: translateY(40px);
    }

    65% {
        transform: translateY(-8px);
    }

    82% {
        transform: translateY(3px);
    }

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

.intech-blog-single-content-v2 p br + img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-top: 12px;
}
.intech-project-gallery-arrow{
	font-family: 'Font Awesome 6 Pro';
	display: flex;
    justify-content: center;
    align-items: center;
}
.intech-project-gallery-arrow i{
	font-size: 1.6rem;
	font-style: normal;
}
.single-project h1.project-title{
	position: relative;
	padding-left: 20px;
	line-height: 1;
}
.single-project h1.project-title:before{
	position: absolute;
	left: 0;
	top: 0;
	width: 6px;
	height: 100%;
	content: '';
	background: #07bc02;
	z-index: 2;
}