:root {
	--color-black: #000000;
	--color-white: #ffffff;
	--color-gray: #9ea2ae;
	--text-gray: #757575;
	--background-main: #f8f7f5;
	--text-light: #212121;
	--border-black: 1px solid #000000;
	--sub-color: #858585;
}
.lang-switcher{
	background: #000000f5;
	padding: 10px 20px;
	border-radius: 99px;
}
.lang-switcher li{
	margin:0;
}
main#main {
	background: var(--background-main) !important;
}

body.page {
	font-family: "Plus Jakarta Sans", sans-serif;
	line-height: 1.2;
}

a {
	transition: all 0.5s;
}

p:last-of-type {
	margin-bottom: 0;
}
.grid-container {
	overflow: hidden;
}
ul.default_ul {
	list-style: none;
}

.text_center {
	text-align: center !important;
}

.text_white {
	color: var(--color-white) !important;
}

section {
	position: relative;
	z-index: 5;
	background: var(--background-main);
	/*padding: 50px 0;*/
}

.section_white {
	background: var(--color-white);
}

.section_black {
	background: var(--color-black);
	color: var(--color-white);
}

.content_white,
.content_white > * {
	color: var(--color-white) !important;
}

.contact_page .col_img {
	position: relative;
	overflow: hidden;
}

.contact_page .col_img .inner_content--content {
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;
	color: var(--color-white);
	padding: 0 15px;
}

.contact_page .col_img .inner_content--content a {
	color: var(--color-white);
}

.contact_page .col_img .inner_content--content a:hover {
	color: var(--primary-color);
}

.form_contact .title_form {
	font-size: 2.5rem;
	margin-bottom: 20px;
	/*letter-spacing: -2.88px;*/
}

.form_contact .des_form {
	width: 76%;
	margin-left: auto;
	text-align: right;
	font-size: 18px;
	color: var(--color-gray);
	margin-bottom: 5rem;
	margin-top: 2rem;
}

.group_form .group_form_item {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.group_form .group_form_item .form_item.form_item_half {
	width: calc(50% - 10px);
}

.group_form .group_form_item .form_item.form_item_full {
	width: 100%;
}

.group_form .group_form_item .form_item {
	display: flex;
	gap: 10px;
	align-items: end;
	flex-wrap: nowrap;
}

.group_form .group_form_item .form_item span {
	width: 100%;
}

.group_form .group_form_item .form_item input {
	border: none;
	border-bottom: var(--border-black);
	text-align: center;
}

.group_form .group_form_item .form_item .form_item__label {
	/* min-width: 200px; */
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	flex: 0 0 auto;
	white-space: nowrap;
}

.group_form .group_form_item:not(:last-of-type) {
	margin-bottom: 1rem;
}

.group_form .group_form_item .form_item span {
	width: 100%;
}

.group_form .group_form_item .form_item input {
	border: none;
	border-bottom: var(--border-black);
	text-align: center;
	background-color: transparent !important;
}

.group_form .group_form_item .form_item .form_item__label {
	/* min-width: 200px; */
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	flex: 0 0 auto;
	white-space: nowrap;
}

.group_form .group_form_item:not(:last-of-type) {
	margin-bottom: 1rem;
}

.form_item_submit input[type="submit"] {
	background: linear-gradient(
			to right,
			var(--color-white) 0%,
			var(--color-white) 50%,
			var(--color-black) 50%,
			var(--color-black) 100%
	);
	background-size: 200% 100%;
	background-position: right;
	color: var(--color-white);
	border: none;
	padding: 12px 24px;
	cursor: pointer;
	font-size: 16px;
	transition: color 0.4s ease-in-out, background-position 0.4s ease-in-out;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	border-radius: 100px;
	border: 2px solid var(--color-black) !important;
	z-index: 6;
	text-transform: unset;
	font-weight: 400 !important;
	line-height: 1;
	padding: 11px 40px;
	border-radius: 50px;
	box-shadow: 0 6px 12px -6px rgba(255, 255, 255, 0.25),
	0 8px 24px -4px rgba(255, 255, 255, 0.15) !important;
}

.form_item_submit input[type="submit"]:hover {
	background-position: left;
	color: var(--color-black);
}
.title_mega_menu h2 {
	margin-bottom: 0;
}

.box_mega_menu .col:last-child .box-text {
	padding-bottom: 0;
}

.box_mega_menu {
	padding: 10px 0 !important;
}
.form_item_submit.form_item_submit--white input[type="submit"] {
	background: linear-gradient(
			to right,
			var(--color-black) 0%,
			var(--color-black) 50%,
			var(--color-white) 50%,
			var(--color-white) 100%
	);
	color: var(--color-black);
	background-size: 200% 100%;
	background-position: right;
	border-color: var(--color-white) !important;
}

.form_item_submit.form_item_submit--white input[type="submit"]:hover {
	color: var(--color-white);
	background-position: left;
}

.group_form .form_item_submit {
	position: relative;

	z-index: 3;
	margin-top: 10px;
}

.form_contact .form_item_submit {
	width: max-content !important;
	margin-left: auto;
}

.top_footer {
	padding-top: 30px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 26px;
	margin-bottom: 60px;
}

footer#footer {
	background: var(--color-white);
	position: relative;
	z-index: 100;
}

.footer_col_menu .footer_menu_list {
	display: flex;
	flex-wrap: wrap;
	gap: 50px;
}
.footer_info.content {
	margin-bottom: 1rem;
}
.footer_col_menu .footer_menu_list h4.footer_menu_item--title {
	color: var(--text-gray);
}

.footer_contact .wrap_contact {
	display: flex;
	align-items: center;
	gap: 10px;
	background: var(--color-black);
	border-radius: 100px;
	padding: 10px;
}

.footer_contact .wrap_contact .wrap_contact__submit {
	margin-top: 0;
}

.footer_contact .wrap_contact input[type="email"] {
	background: transparent;
	border: none;
	color: var(--color-white);
}

.footer_contact .wrap_contact input[type="email"]::placeholder {
	color: var(--color-white);
}

.mid_footer {
	padding-top: 20px;
	padding-bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: var(--border-black);
}

.list_social {
	display: flex;
	align-items: center;
	gap: 30px;
}

.p-10 {
	padding: 10px 0 !important;
}

.p-20 {
	padding: 20px 0 !important;
}

.p-30 {
	padding: 30px 0 !important;
}

.p-40 {
	padding: 40px 0 !important;
}

.p-50 {
	padding: 50px 0 !important;
}

.single_post .inner_content {
	max-width: 65%;
	margin: 0 auto;
}

.post_meta {
	text-align: center;
}

.post_meta .author_box .author_avatar img {
	border-radius: 50%;
	overflow: hidden;
	width: 60px;
	margin-bottom: 10px;
}

.post_meta .author_box .author_name {
	font-size: 18px;
	font-weight: 600;
	color: var(--text-light);
	margin-bottom: 5px;
}

.post_meta .author_box .author_label {
	font-size: 16px;
	color: var(--color-gray);
}

.post_meta_title h1 {
	font-size: 3rem;
	margin-bottom: 10px;
}

.post_meta_info {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	margin: 24px 0;
}

.post_meta .list_social {
	justify-content: center;
}

.back_to_page {
	padding: 10px 0;
}

.wrapper {
	position: relative;
	z-index: 2;
}

.wrapper a.cover_link {
	position: absolute;
	inset: 0;
	z-index: 12;
}

.slide_news .block_post_item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.slide_news,
.slide_news .swiper-wrapper,
.slide_news .swiper-wrapper .swiper-slide {
	height: 100%;
}

.slide_news .swiper-wrapper {
	align-items: center;
}

.slide_news .swiper-slide .block_post_item {
	overflow: hidden;
	transition: all 0.5s;
	transition: 0.5s ease-in-out;
	transform: scale(0.8);
	transition-delay: 0.5s;
}

.slide_news .swiper-slide.swiper-slide-active .block_post_item {
	transform: scale(1);
	transition-delay: 0.5s;
}

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

.slide_news .swiper-slide .block_post__img {
	width: 100%;
	height: 435px;
}

.slide_news .swiper-slide .block_post__content {
	width: 100%;
}

.slide_news .block_post__img .block_post__meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.block_post__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.block_post__content .block_post__meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 10px 0;
	font-size: 14px;
}

.slide_news .block_post__content .block_post__meta {
	color: var(--color-gray);
}

.slide_news .swiper-slide h3.block_post_content--title {
	font-size: 2.344vw;
	text-align: center !important;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.list_block_post .block_post_item {
	display: flex;
	gap: 20px;
	margin: 0px 0;
	padding: 40px 0;
	border-top: 1px solid var(--color-black);
}

.list_block_post .block_post_item .block_post__img {
	width: 35%;
}

.list_block_post .block_post_item .block_post__img img {
	width: 100%;
	height: 100%;
	aspect-ratio: 16/9;
	object-fit: cover;
}

.list_block_post .block_post_item .block_post__content {
	padding: 20px;
	width: 65%;
}

.list_block_post .block_post_item .block_post_content--title {
	font-size: 2rem;
	margin-bottom: 10px;
	color: var(--text-light);
}

.list_top_galary {
	position: relative;
	width: 100%;
	height: 300px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: visible; /* đảm bảo phần tử con không bị cắt */
}

.list_top_galary .item_galary {
	position: absolute;
	top: 50%;
	left: 50%;
	transform-origin: center center; /* chỉnh lại từ bottom thành center center */
	opacity: 1;
	transition: 0.3s ease;
	width: 18.75vw;
	height: 14.063vw;
	overflow: hidden;
}

.list_top_galary .item_galary img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}

/* Vị trí + rotate cho từng ảnh như bạn đã đặt */
.list_top_galary .item_galary:nth-child(1) {
	transform: translate(-50%, -50%) rotate(0deg); /* scale nhỏ ban đầu */
	z-index: 5;
	opacity: 1;
}

.list_top_galary .item_galary:nth-child(2) {
	transform: translate(calc(-50% - 7.125vw), -35%) rotate(-11deg);
	z-index: 4;
}

.list_top_galary .item_galary:nth-child(3) {
	transform: translate(calc(-50% + 7.125vw), -35%) rotate(11deg);
	z-index: 4;
}

.list_top_galary .item_galary:nth-child(4) {
	transform: translate(calc(-50% - 11.469vw), -25%) rotate(-20deg);
	z-index: 3;
}

.list_top_galary .item_galary:nth-child(5) {
	transform: translate(calc(-50% + 11.469vw), -25%) rotate(20deg);
	z-index: 3;
}

.single_project_1 {
	/* min-height: 100vh; */
	position: relative;
	padding: 0;
}

.list_top_galary {
	position: relative;
	height: 50vh;
	display: flex;
	justify-content: center;
}

.title_floating_layer {
	position: relative;
	width: 100%;
	text-align: center;
	font-size: 6.25rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:1;
}

/* giữ lại để tạo chiều cao */

.title_floating_layer .title_project {
	display: inline-block;
	width: auto !important;
	white-space: nowrap;
	position: relative; /* KHÔNG transform */
	z-index: 100;
}
.box_mega_menu .box_image_mega   img {
	max-height: 19vh;
	object-fit: cover;
}
/* target giữ nguyên */
#titleTarget {
	min-height: 1em;
	width: 100%;
	font-size: 6.25rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:1;
	overflow: hidden;
}

#titleTarget::after {
	content: attr(data-text);
	visibility: hidden;
	display: block;
	font-size: inherit;
	font-family: inherit;
	font-weight: inherit;
	line-height: inherit;
}

.item_galary.active {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 20.313vw;
}

.item_galary.active img {
	width: 100%;
	display: block;
	transform-origin: center center;
}

.title_project {
	margin: 0;
	white-space: nowrap;
	pointer-events: none;
	line-height: 1;
}

.title_project {
	/* text-align: center; */
}

.list_top_galary .item_galary img {
	transition: opacity 0.3s linear;
}

.single_project_2 .title_project {
	/* opacity: 0; */
	/* transform: translateY(20px); */
}

#titleTarget {
	min-height: 1em; /* dành chỗ */
	width: 100%;
}

.project_galary {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-auto-rows: auto;
	gap: 30px;
	margin: 40px 0;
}

.project_galary .project_item_galary:nth-child(3n+1) {
	grid-column: 1 / -1; /* span toàn bộ cột (1..2) */
	aspect-ratio: 16 / 9;
}

/* item thứ 2 trong mỗi nhóm 3: hàng tiếp theo, cột 1 (trái) */
.project_galary .project_item_galary:nth-child(3n+2) {
	grid-column: 1 / 2;
	aspect-ratio: 4 / 5; /* giống hình bạn gửi */
}

/* item thứ 3 trong mỗi nhóm 3: hàng tiếp theo, cột 2 (phải) */
.project_galary .project_item_galary:nth-child(3n+3) {
	grid-column: 2 / 3;
	aspect-ratio: 4 / 5; /* giống hình bạn gửi */
}

.project_galary .project_item_galary img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.project_galary .project_item_galary img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.marquee {
	--gap: 40px; /* khoảng cách giữa các chữ */
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
	position: relative;
}

.marquee span {
	display: inline-block;
	padding-right: var(--gap);
	animation: scroll 12s linear infinite;
}

/* Nhân bản chữ để chạy vô hạn */
.marquee span::after {
	content: " " attr(data-copy);
}

.project_details__wrap .title_project {
	text-align: unset;
}

/* JS không cần — CSS tự nhân */
@keyframes scroll {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-50%);
	}
}

.project_details__wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.title_floating_layer .title_project,
.list_top_galary .item_galary.active {
	will-change: transform;
}

.project_details__meta .project_details_meta--item {
	border-bottom: var(--border-black);
	display: flex;
}

.project_details__meta {
	width: 30%;
}

.single_project_1 {
	position: relative;
	overflow: hidden;
}

.project_details__wrap {
	position: relative;
	z-index: 3;
	opacity: 0; /* fade in ở cuối */
	transform: translateY(0);
}

.project_details__meta .project_details_meta--item > * {
	width: 50%;
}

.project_details__meta .project_details_meta--item span.label {
	text-transform: uppercase;
}

.project_details__meta .project_details_meta--item span.value {
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
}

.project_details__meta .project_details_meta--item:not(:last-child) {
	margin-bottom: 20px;
}

.projects__list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
	margin-bottom: 45px;
}

.block_project_item {
	display: flex;
	gap: 1rem;
}

.block_project_item .block_post__img img {
	aspect-ratio: 1;
	border-radius: 18px;
}

.block_project_item .block_post__img {
	transition: all 0.5s;
	width: 60%;
	overflow: hidden;
}

.block_project_item .block_post__img img {
	transform: scale(1);
	transition: all 0.5s;
}

.block_project_item .block_post__content {
	width: 40%;
}

.block_project_item:hover .block_post__img img {
	transform: scale(1.2);
}

.title_section {
	font-size: 3rem;
	margin-bottom: 1rem;
	/*letter-spacing: -1.6px;*/
}

.title_section--large {
	font-size: 4rem;
}

.btn_main {
	background-color: var(--color-black);
	color: var(--color-white);
	border: 1px solid var(--color-black);
	text-align: center;
	border-radius: 100px;
	padding: 12px 24px;
	font-size: 1rem;
	display: block;
	width: max-content;
}

.btn_centter {
	margin: 30px auto;
}

.btn_main svg {
	width: 0;
	transition: all 0.5s;
}

.btn_main {
	text-align: center;
}

.btn_main:hover svg {
	width: 24px;
}

.related_projects {
	margin: 90px 0;
}

.btn_main:hover {
	background-color: var(--color-white);
	color: var(--color-black);
}

.btn_main.btn_main--over {
	background: transparent;
	color: var(--color-black);
}

.btn_main.btn_main--over:hover {
	background-color: var(--color-black);
	color: var(--color-white);
}

.btn_main.btn_main--white {
	background: var(--color-white);
	color: var(--color-black);
	margin-top:10px;
}
b, strong {
	font-weight: inherit;
	font-weight: bold !important;
}
.btn_main.btn_main--white:hover {
	background-color: var(--color-black);
	border: 2px solid white;
	color: var(--color-white);
}

.btn_main.btn_main--white:hover svg path {
	stroke: var(--color-white);
}

svg path {
	transition: all 0.5s;
}

.project_page_1 .banner_content {
	display: flex;
	align-items: center;
	margin-top: 20px;
	justify-content: space-between;
}

.project_page_1 .banner_content h2.banner_content--title {
	width: 60%;
	font-size: 32px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 0;
	letter-spacing: -1.28px;
}

.list_solution_img {
	position: relative;
	min-height: calc(50vh + 290px);
	margin-top: 2rem;
}

.list_solution_img .item_solution_img {
	position: absolute;
	top: 0;
	left: 50%;
	transform-origin: center center; /* chỉnh lại từ bottom thành center center */
	opacity: 1;
	transition: 0.3s ease;
	width: 393px;
	height: 446px;
	overflow: hidden;
}

.list_solution_img .item_solution_img img {
	width: 100% !important;
	height: 100% !important;
	/*object-fit: none;*/
}

.list_solution_img .item_solution_img:nth-child(1) {
	transform: translate(-50%, 0%) rotate(0deg); /* scale nhỏ ban đầu */
	z-index: 5;
	opacity: 1;
}

.list_solution_img .item_solution_img:nth-child(2) {
	transform: translate(calc(-50% - 370px), 15%) rotate(-18deg);
	z-index: 4;
}

.list_solution_img .item_solution_img:nth-child(3) {
	transform: translate(calc(-50% + 370px), 15%) rotate(18deg);
	z-index: 4;
}

.parallax {
	position: relative;
	overflow: hidden;
	padding-bottom: 40%;
	z-index: 3;
}

.parallax--small {
	padding-bottom: 20%;
}

.section_parallax .parallax_img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	clip: rect(0, auto, auto, 0);
	/* padding-bottom: 35%; */
}

.section_parallax .parallax_img img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	height: 100vh;
	position: fixed;
	transition: all 0.5s ease-in-out;
	-o-object-fit: cover;
	object-fit: cover;
	transform: translateZ(0);
	will-change: transform;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity: 1;
}

.section_parallax .parallax_content {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #fff;
	padding: 0 30px;
}

.section_parallax .parallax_content.parallax_content--left .inner_content {
	width: 100%;
	text-align: left;
}

.section_parallax {
	padding: 0;
}

.single_solution_2 .parallax_content-content {
	max-width: 100%;
	margin: 0 auto;
}

.solution_details__list {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.solution_details__list .solution_details__item {
	display: flex;
	gap: 50px;
	justify-content: space-between;
}

.solution_details__list .solution_details__item > * {
	width: 50%;
}

.solution_details__list .solution_details__item:nth-child(even) {
	flex-direction: row-reverse;
}

.solution_info {
	display: flex;
	gap: 20px;
	margin-bottom: 2rem;
}

/* .solution_info > * {
width: 50%;
} */

.solution_info:last-child {
	display: flex;
	align-items: flex-start;
	gap: 40px;
}
/* CỘT ẢNH */
.solution_info__img {
	position: sticky;
	top: 140px; /* khoảng cách từ top khi dính */
	flex: 0 0 40%; /* chỉnh width cột ảnh */

}
.solution_page_header  .grid-container {
	overflow: unset !important;
}
/* CỘT NỘI DUNG */
.solution_info__content--sub {
	flex: 1;
}




/* .solution_info__img {
width: 50%;
position: sticky;
top: 20px;
align-self: flex-start;
height: fit-content;

} */

.solution_info .solution_info__content {
	text-align: center;
}
.solution_info__content--sub {
	padding: 30px;
}
.solution_info .solution_info__content h1.solution_info__title {
	font-size: 3.7rem;
}

.solution_info .solution_info__sub {
	font-size: 1.2rem;
}

.solution_info .solution_info__desc {
	font-size: 1rem;
	color: #6D717F;
}

.block_post.block_solution_item {
	margin: 0 auto;
	border-top: var(--border-black);
	border-bottom: var(--border-black);
	padding: 30px calc((100vw - 1200px) / 2);
	background: #F8F7F5;
	position: sticky;
	top: 140px;
}

.block_solution_item__top--title {
	display: flex;
	gap: 20px;
	align-items: center;
}

.block_solution_item__top--title .block_post__number {
	font-size: 1.5rem;
	font-weight: 700;
}

.block_solution_item__top--title h3.block_post_content--title {
	font-size: 3.8rem;
	line-height: 1.2;
	margin-bottom: 0;
}

.block_solution_item .block_solution_item__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 2rem;
}

.block_solution_item .block_solution_item__bottom {
	display: flex;
	gap: 6rem;
}
.block_solution_item .block_solution_item__bottom img {
	height: 350px;
	object-fit: contain;
}
.block_solution_item .block_solution_item__bottom > * {
	width: 50%;
}

.block_solution_item .block_solution_item__bottom .block_post__content {
	border-radius: 20px;
	border: 1px solid rgba(255, 255, 255);
	background: transparent;
	box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.05);
	display: flex;
	flex-direction: column;
	gap: 30px;
	padding: 3rem;
}
.block_solution_item .block_solution_item__bottom .block_post__content p{
	text-align:justify;
	line-height: 30px;
	color: black;
}
.block_solution_item .block_solution_item__bottom .block_post__content .block_post__content--sub1 {
	font-size: 0.9rem;
	font-style: normal;
	font-weight: 500;
	color: #8F8F8F;
}

.block_solution_item .block_solution_item__bottom .block_post__content .block_post__content--sub2 {
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.3;
}

.block_solution_item .block_solution_item__bottom .block_post__content .block_post__content--sub3 {
	font-size: 1.1rem;
	font-weight: 500;
}

.solution_page_1 .item_content {
	display: flex;
	gap: 20px;
}

.solution_page_1 .item_content .item_content__sub {
	min-width: 20%
}

.solution_page_1 .btn_solution_page {
	width: 80%;
	margin-left: auto;
	margin-top: 4rem;
}

.solution_page_1 .item_content .item_content__content {
	font-size: 20px;
}

.list_category_solution {
	display: flex;
	gap: 50px;
	margin-top: 100px;
	position: relative;
	margin-bottom: 30px;
}

.list_category_solution:before {
	content: '';
	position: absolute;
	width: 60%;
	height: 80%;
	border: 1px solid #ffffff5c;
	right: 7%;
}

.list_category_solution .item_category_solution__img {
	padding: 20px;
}

.list_category_solution .item_category_solution__img img {
	width: 275px;
	height: 300px;
	object-fit: cover;

}

.list_category_solution .item_category_solution {
	position: relative;
	height: max-content;
}

.list_category_solution .item_category_solution__content {
	position: relative;
	bottom: 33px;
}

.list_category_solution .item_category_solution__content .item_category_solution__title {
	font-size: 1.5rem;
	text-transform: uppercase;
	font-weight: 700;
}

.solution_page_2 h2.title_section {
	max-width: 21%;
}

.solution_page_2 {
	padding: 50px 0 100px;
}

.solution_page_3 .parallax_content-content {
	font-size: 3.255vw;
	font-style: normal;
	font-weight: 700;
	margin: 0 20px;
	/*letter-spacing: -3.6px;*/
}

.solution_page_3 .inner_content__count {
	position: absolute;
	bottom: 20px;
	right: 20px;
	font-size: 32px;
	font-style: normal;
	font-weight: 500;
	display:none;
}

.about_page_2--content {
	max-width: 70%;
	margin-left: auto;
}

.about_page_2--content_img {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	gap: 20px;
	margin-top: 30px;
	grid-template-rows: repeat(2, minmax(0, 260px));
}

.about_page_2--content_img img:nth-child(1) {
	grid-area: 1 / 1 / 3 / 2;
}

.about_page_2--content_img img:nth-child(2) {
	grid-area: 1 / 2 / 2 / 3;
}

.about_page_2--content_img img:nth-child(3) {
	grid-area: 2 / 2 / 3 / 3;
}

.about_page_2--content_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}

.about_page_1_content {
	position: relative;
	font-size: 300px;
	font-style: normal;
	font-weight: 600;
	letter-spacing: -1.2rem;
	transform: translateY(70px);

}
section.about_page_1 {
	overflow: visible;
	z-index: 1000;
}
.inner_header_pc {
	position: relative;
	display: flex;
	align-items: center;
	gap: 30px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}


.inner_header_pc .wrap_translate ul.lang-switcher {
	margin: 0;
	color: #fff;
}

.inner_header_pc .wrap_translate ul.lang-switcher a {
	color: #fff;
}
.about_page_1_content h1.about_page_1_title {
	font-size: 300px;
	font-style: normal;
	font-weight: 600;
	margin-bottom: 0;
	line-height: 0.8;
	color: var(--primary-color);
	position: relative;
	z-index: 5;
	background: var(--background-main);
	padding-bottom: 20px;
}

.about_page_1_content .about_page_1_title_bf, .about_page_1_content .about_page_1_title_af {
	position: absolute;
	z-index: 2;
	bottom: 0;
	line-height: 0.8;
	background: var(--background-main);
	color: #029ED6;
	padding-bottom: 20px;
}

.about_page_1_content .about_page_1_title_af {
	z-index: 1;
	color: #017AA7;
}

.about_page_1 .inner_section_title {
	min-height: calc(100vh - 200px);
	display: flex;
	align-items: center;
	justify-content: center;
}

.inner_text_parallax {
	height: 60vh;
	color: var(--color-black);
	font-size: 32px;
	font-style: normal;
	font-weight: 500;
	display: flex;
	align-items: center;


}

.section_parallax--text {
	position: relative;
	/*min-height: 180vh; !* tạo đủ vùng scroll *!*/
	overflow: hidden;
}

.text_parallax {
	text-align: center;
	max-width: 65%;
	margin: 0 auto;
}

.about_page_3 {
	/*padding: 100px 0 100px;*/
}

/* Ép section luôn full màn hình, không bị max-height 100px của builder */
.about_page_4 {
	position: relative;
	/*height: 100vh !important;*/
	/*max-height: none !important;*/
	overflow: hidden;
}

/* Cho wrapper bên trong căng full theo section */
.about_page_4 .grid-container {
	position: relative;
	width: 100%;
	height: 100%;
}

/* Title nằm đúng giữa màn hình (50vh) */
.about_page_4 .section_content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	z-index: 10;
}
.about_page_4 .title_section {
	position: relative;
	width: 100vw;
	text-align: center;
	z-index: 100;
	pointer-events: none;
}

/* Lớp chứa các item kiểu overlay */
.pin-spacer .list_item_history {
	z-index: 5;
	display: flex;
	flex-wrap: wrap;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -53%);
	width: 100%;
	gap: 73px;
	justify-content: space-between;
}

/* Vị trí ngang và base style cho item */
.item_history {
	display: flex;
	align-items: center;
	gap: 16px;
	width: calc(50% - 40px);
}
.list_item_history .item_history .item_history_content {
	width: 35%;
}
.item_history_content--text{
	text-align: left;
	color:black;
}
.list_item_history .item_history:nth-child(odd) {
	margin-top: -80px;
	flex-direction: row-reverse;
}

.list_item_history .item_history:nth-child(even) {
	/* margin-top: -50px; */
}

.item_history_image img {
	width: 220px;
	border-radius: 10px;
	display: block;
	object-fit: cover;
	height: 250px;
}

.item_history_content--year {
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 6px;
	color:black;
}

.wrap_item_content {
	border-radius: 40px;
	border: 10px solid rgba(255, 255, 255, 0.01);
	background: rgba(255, 255, 255, 0.04);
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.25);
	position: absolute;
	backdrop-filter: blur(12px);
	color: #fff;
	font-size: 20px;
	left: calc((100vw - 1350px) / 2);
	top: 50%;
	transform: translateY(-50%);
	width: calc((100vw - 0%) / 2);
	padding: 40px;
}

.wrap_item_content.wrap_item_content_second {
	width: auto;
	top: unset;
	bottom: 90px;
	right: calc((100vw - 1200px) / 2);
	display: flex;
	align-items: center;
	justify-content: space-around;
	transform: translateY(100%);
	opacity: 0;
	gap: 100px
}
.wrap_item_content.wrap_item_content_second .banner_content {
	font-size: 16px;
}
.wrap_item_content .inner_content_banner strong{
	letter-spacing: -0.1rem;
}
.wrap_item_content.wrap_item_content_first .inner_content_banner {
	margin-bottom: 20px;
}
.slide_banner .item_slide {
	position: relative;
	z-index: 10;
	height: 100%;
}

.slide_banner {
	height: calc(100vh - 0px);
}

.slide_banner .item_slide .wrap_item_main, .slide_banner .item_slide .item_video_banner, .slide_banner .item_slide video {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.wrap_item_content .btn_main {
	min-width: 200px;
}

.swiper-slide-active .wrap_item_content.wrap_item_content_second {
	transform: translateY(0);
	opacity: 1;
	transition-delay: 5s;
}

.wrap_item_content.wrap_item_content_first {
	transform: translateX(-100%) translateY(-50%);
	opacity: 0;
	margin-bottom: 20px;
}

.swiper-slide-active .wrap_item_content.wrap_item_content_first {
	opacity: 0;
	animation: fadeInHoldOutTransform 7s forwards; /* 1s + 5s + 1s */
}

@keyframes fadeInHoldOutTransform {
	/* Giai đoạn 1 — Fade in + transform từ trái vào */
	0% {
		opacity: 0;
		transform: translateX(-100%) translateY(-50%);
	}
	14.28% { /* 1s / 7s */
		opacity: 1;
		transform: translateX(0%) translateY(-50%);
	}

	/* Giai đoạn 2 — Hold (đứng yên 5s) */
	85.71% { /* (1s + 5s) / 7s */
		opacity: 1;
		transform: translateX(0%) translateY(-50%);
	}

	/* Giai đoạn 3 — Fade out + transform ra bên phải */
	100% {
		opacity: 0;
		transform: translateX(-100%) translateY(-50%);
	}
}

.swiper-slide-active .wrap_item_content.wrap_item_content_second {
	opacity: 0;
	transform: translateY(100%); /* bắt đầu ở dưới */
	animation: fadeInFromBottom 1s 7s forwards; /* chạy 1s, TRỄ 7s để khớp animation của item_first */
	padding: 20px !important;
	border: 1px solid white !important;
}
.custom_swiper_pagination  {
	bottom: 50px !important;
}
.custom_swiper_pagination .swiper-pagination-bullet {
	width: 36px;
	height: 12px;
	background: transparent;
	transition: all 0.3s ease;
	border-radius: 100px;
	border: 1px solid #8A8A8A;
	opacity: 1;
}

.custom_swiper_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #fff;
	border-color: var(--color-white);
	width: 72px;
}

@keyframes fadeInFromBottom {
	0% {
		opacity: 0;
		transform: translateY(100%);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.homepage_section_2 .box_img_flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.homepage_section_2 .box_img_flex .list_img_sec_2--inner {
	display: flex;
	gap: 20px;
}

.list_img_sec_2 img {
	width: auto;
	height: auto;
	object-fit: cover;
}

.content_border {
	border-top: 1px solid var(--sub-color);
	padding-top: 0.8rem;
}

.homepage_section_2 .list_img_sec_2 {
	padding-bottom: 50px;
}

.swiper_slider_home_3 .item_slide {
	height: 100%;
	overflow: hidden;
	position: relative;
	border-radius: 40px;
	border: 1px solid #9EA2AE;
	padding: 40px;
}

.swiper_slider_home_3 .item_slide .item_slide__content {
	position: relative;
	z-index: 4;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	transition: all 0.5s;
}

.swiper_slider_home_3 .item_slide .item_slide__overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.25);
	z-index: 2;
	opacity: 0;
	transition: all 0.5s;
}

.swiper_slider_home_3 .item_slide .item_slide__overlay img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.swiper_slider_home_3 {
	height: 380px;
}

.swiper_slider_home_3 .swiper-wrapper {
	height: 100%;
	align-items: center;
}

.swiper_slider_home_3 .swiper-slide {
	height: 100%;
}

.swiper_slider_home_3 .item_slide:hover .item_slide__overlay {
	opacity: 1;
}


.swiper_slider_home_3 .item_slide:hover .item_slide__content, .swiper_slider_home_3 .item_slide:hover .item_slide__content .item_slide--title {
	color: #fff !important;
}

.swiper_slider_home_3 .item_slide .item_slide__content .item_slide--title {
	font-size: 2rem;
	transition: all 0.5s;
}

.swiper_slider_home_3 .item_slide:hover .item_slide_top--icon {
	filter: brightness(0) invert(1);
}

.swiper_slider_home_3 .item_slide .item_slide_top--icon {
	transition: all 0.5s;
}

.logo_animation__title {
	font-size: 400px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: -12px;
	text-align: center;
	line-height: 0.89;
}

.logo_animation {
	position: relative;
	z-index: 4;
}

.list_img_logo {
	display: flex;
	position: static;
	z-index: 4;
}

.list_img_logo .item_img_logo {
	width: 230px;
	aspect-ratio: 1;
	position: absolute;
	border: var(--border-black);
	border-radius: 50%;
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	background: rgba(255, 255, 255, 0.8);
	z-index: calc(var(--count) + 4);
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.list_img_logo .item_img_logo img {

}

.wrap_logo_animation {
	position: relative;
	/* overflow: hidden; */
	/*height: 90vh !important;*/
	/*display: flex;*/
	/*align-items: center;*/
	/*justify-content: center;*/
	/*max-height: 100% !important;*/
}

.inner_img_overlay {
	background-color: var(--background-main);
}

.img_bg_sec_overlay img {
	width: 100%;
}

.img_bg_sec_overlay {
	position: sticky;
	top: 140px;
	z-index: 0;
	background: #dfbbbb;
	color: #997e7e;
}

.inner_img_overlay {
	position: relative;
	isolation: isolate; /* quan trọng để mix-blend chỉ ảnh hưởng nội bộ */
}

.inner_img_overlay h2.title_section {
	mix-blend-mode: difference;
	color: #fff;
	width: max-content;
	position: relative;
	z-index: 10;
}

.item_block_project .inner_content {
	display: flex;
	align-items: start;
	justify-content: center;
	gap: 20px;
	height: 100%;
	position: relative;
}

.item_block_project .inner_content .item_project_content__first {
	text-align: right;
	min-width: 150px;
}
.wrapper_animation_logo .grid-container {
	overflow: unset;
}
.item_block_project .inner_content .item_project_content__last {
	text-align: left;
	text-transform: uppercase;
	position: absolute;
	bottom: 0;
	right: -20px;
	transform: translateX(0%);
	opacity: 0;
	width: 150px;
	margin-left: 20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	transition: all 1.3s ease;
	transition-delay: 1s;
}

.list_item_project {
	display: flex;
	flex-direction: column;
	gap: 30px;
	width: 100%;
	margin: 0 auto;
}

ul.lang-switcher {
	list-style: none;
	display: flex;
	align-items: center;
	gap: 20px;
	justify-content: center;
	margin-top: 57px;
}

ul.lang-switcher li.active {
	font-weight: bold;
}

.item_block_project .inner_content .item_project_content__center {
	width: 250px; /* hoặc width: initial; */
	min-width: 290px; /* giới hạn tối đa */
	position: relative;
	aspect-ratio: 16/9;
	flex: 0 0 auto; /* nếu trong flex container */
	transition: all 1.3s ease;
}

.item_block_project .inner_content .item_project_content__center img {
	width: 100%;
	z-index: 5;
	position: relative;
}

.list_item_6 {
	display: flex;
	align-items: center;
	justify-content: center;
}
.list_item_6 .item_img {
	transition: all 0.5s;
}
.box_image_mega {
	display: flex !important;
}

.box_image_mega > * {
	width: 50% !important;
}

.banner_homepage {
	padding: 0;
}

header#header {
	position: fixed;
	top: 40px;
	/* padding: 40px 0; */
	width: 100%;
}
.wrap_item_content.wrap_item_content_second .banner_content strong span {
	font-size: 24px !important;
}
header#header .wrapper_header {
	z-index: 10000;
	/*left: 50%;*/
	/*transform: translateX(-50%);*/
	width: max-content;
	border-radius: 1000px;
	border: 5px solid rgba(255, 255, 255, 0.01);
	background: rgba(255, 255, 255, 0.80);
	box-shadow: -18px 26px 74px 19px rgba(14, 18, 27, 0.3);
	backdrop-filter: blur(5px);
	/*position: absolute;*/

}

header#header .inner_header {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 0;
}

header#header div#logo {
	background: #fff;
	border-radius: 1000px;
	aspect-ratio: 111/52;
	width: 120px;
	padding: 10px;
	box-shadow: rgba(149, 157, 165, 0.3) 5px 11px 19px;
}

header#header .inner_header nav#nav-menu {
	border-radius: 1000px;
	background: #FFF;
	padding: 6px;
}

header#header .inner_header nav#nav-menu li > a {
	padding: 10px 26px;
	background: #fff;
	border-radius: 100px;
	transition: all 0.5s;
	font-size: 14px;
	font-weight: 500;
}

header#header .inner_header nav#nav-menu li {
	margin: 0;
}

header#header .inner_header nav#nav-menu li > a:hover, header#header .inner_header nav#nav-menu li.active > a {
	color: #028CBE;
	background: #E6F7FD;
}

header#header .inner_header nav#nav-menu li.menu-item-has-block .nav-dropdown {
	width: 100%;
	min-width: 1080px;
	left: 50% !important;
	transform: translateX(-50%);
	top: 65px !important;
	border-radius: 25px;
	background: #FFF;
	box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.20);
	overflow: hidden;
	padding: 0 10px;
}
.box_image_mega .box-text-inner a {
	font-size: 15px;
}

header#header .inner_header nav#nav-menu li.menu-item-has-block {
	position: unset !important;
}

.mega_menu_stack .icon-box-text {
	font-size: 1rem;
	font-weight: 400;
}

.mega_menu_stack .icon-box {
	align-items: center;
}

.box_mega_menu .col {
	padding-bottom: 15px !important;
}

body:not(.home) main#main {
	padding-top: 100px;
}

/* cơ bản */
.item_project_content__center {
	transition: height 60ms linear; /* fallback */
	will-change: height;
}
.group_title.content_white.text_white.text_center span.sub_title {
	font-size: 40px;
}
.item_project_content__center img {
	display: block;
	width: 100%;
	height: 100%; /* full chiều cao của wrapper */
	object-fit: cover; /* crop để không biến dạng */
	transform-origin: center center;
	will-change: height, transform;
}

.item_project_content__center {
	width: 100%; /* CSS mặc định (JS sẽ ghi inline px khi anim) */

	box-sizing: border-box;
}

/* ảnh luôn fill wrapper */
.item_project_content__center img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	will-change: width, height;
}

/* text bắt đầu ở vị trí 0% (visible). Animation sẽ làm 0 -> 100 -> 0 theo percent */
.item_project_content__last {
	transform: translateX(0%); /* khởi tại 0% */
	opacity: 1; /* khởi tại 1 */
	will-change: transform, opacity;
}

.header_mb {
	display: none;
}

.inner_menu__bottom--tablet, .inner_menu__bottom--mobi {
	display: none;
}
.slider_project_vertical {
	height: 80vh;
}
.only_mb{
	display: none !important;
}
.news_page_1 .box_text {
	margin-bottom: 50px;
	max-width: 65%;
	margin: 0 auto;
}
.slide_banner_mb {
	display: none;
}
.img_logo_1 img{
	width: 270px;
	height: 140px;
	margin-left: -10px;
	object-fit: contain !important;
}
.list_img_sec_2--inner img{
	height: 280px !important;
}
.box_img_flex--bg.aos-init.aos-animate img{
	width: auto;
	height: 160px;
	object-fit: cover;
}
.homepage_section_2.p-50.section_white{
	padding: 30px 0 !important;
}
.item_slide_top--icon img{
	width:25px !important;
	height:25px !important;
}
.list_img_logo .item_img_logo img{
	width: 80%;
}
.footer_logo{
	width: 700px;
	display: flex;
	margin: auto;
	justify-content: center;
}
img.size-full.alignnone {
	margin-bottom: unset !important;
}
section.about_page_1--content {
	margin-top: -10vh;
}

section.about_page_4.p-50 {
	margin-top: -10vh !important;
}
.about_sec_5  .grid-container {flex-direction: column;}
.wrap_box_flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.wrap_box_flex .order_project_filter {
	min-width: 160px;
	text-align: right;
}

.wrap_box_flex .order_project_filter select#order_project {
	border-radius: 10px;
	margin-top: 10px;
	margin-bottom: 0;
}
.list_item_project .item_block_project {
	display: flex;
	justify-content: center;
	width: max-content;
	margin: 0 auto;
	transform: translateX(-90px);
}
.wrap_filter {
	display: flex;
	align-items: end;
	margin-bottom: 28px;
	gap: 20px;
}

.wrap_filter .news_search form {
	display: flex;
	align-items: center;
}

.wrap_filter .news_search form span.search-icon {
	position: absolute;
	left: 18px;
}

.wrap_filter .news_search form span.search-icon {}

.wrap_filter .news_search form input.search-field {
	padding-left: 40px;
	min-width: 224px;
	border-radius: 10px;
}
.home_page_6{
	background-size: cover;
	background-position: center;
	background-position: center;
}
.solution_details__list .solution_details__item .solution_details_item--img {
	height: auto;
	text-align: center;
	width: 50% ;
	object-fit: cover;
}
.about_page_2 .inner_content .parallax_content-content {
	width: 100%;
	margin: 0 auto;
}
.about_page_2  .parallax_content {
	max-width: 1350px;
}
.solution_details__list .solution_details__item .solution_details_item--img img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	text-align: center;
}
.list_box_logo {
	display: flex;
	gap: 20px;
	margin-bottom: 40px;
	justify-content: center;
	flex-wrap: wrap;
}

.list_box_logo .box_logo_item {
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	display: flex;
	border-radius: 10px;
	background: #F9FAF8;
	padding: 20px;
	/*min-height: 300px;*/
	width: calc(33% - 10px);
	gap: 50px;
	text-align: justify;
}

section.about_page_6,section.about_page_7 {
	background: #fff;
	padding: 60px 0;
}

.list_box_logo .box_logo_item .box_logo_content {
	font-size: 14px;
	font-family: Montserrat;
}
.slider_logo  .swiper-slide {
	/*height: 100px;*/
}

.title_section__small {
	font-family: Inter;
	font-size: 16px;
	line-height: 1.7;
}

.slider_logo .swiper-slide .box_logo_item {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.slider_logo .swiper-wrapper{
	transition-timing-function: linear !important;
	align-items: center;
}
.box_logo_img {
	width: 100%;
	text-align: center;
	height: 150px;
	display: flex;
	align-items: center;
    justify-content: center;
}
.box_logo_img img {
	height: 100%;
	object-fit: contain;
}
.solution_details__list .solution_details__item .solution_details_item--content {text-align: justify;}

.solution_details__list .solution_details__item:nth-child(odd) .solution_details_item--content {
	padding: 0 10px;
}
.solution_details__list h1 span{
	font-weight:bold !important;
}
.single_solution_2.section_parallax h2{
	text-align: center;
	font-family: "Plus Jakarta Sans";
	color: #FEE;
	text-align: center;
	font-feature-settings: 'liga' off, 'calt' off;
	font-family: "Plus Jakarta Sans";
	font-size: 60px;
	font-style: normal;
	font-weight: 700;
	line-height: 70px;
	letter-spacing: -3.6px;
}
.single_solution_2.section_parallax p{
	color: #FFF;
	text-align: center;

	/* Subtitle/XSmall */
	font-family: "Plus Jakarta Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 26px; /* 130% */
	letter-spacing: -0.6px;
	i{
		font-style: normal !important;
		font-weight: 500 !important;
	}
}
section.single_post {
	padding: 20px 0 50px;
}
body.post-type-archive-du-an .wrap_translate,
body.blog .wrap_translate,
body.category .wrap_translate {
	display: none;
}
.dich-tudong {
	display: flex;

	z-index: 999;
	background: black;
	padding: 20px;
	background: #000000f5;
	padding: 10px 20px;
	border-radius: 99px;
	margin: auto;
}
.dich-tudong .gtranslate_wrapper {
	display:flex;
	gap:20px
}
.dich-tudong span {
	margin-right: 0 !important;
	font-size: 16px !important;
	vertical-align: middle !important;
	color: white;
}
.dich-tudong img{
	display:none !important;
}
/*.gallery_pin {*/
/*	position: relative;*/
/*	padding-bottom: 12vh; !* khoảng trống thật dưới ảnh *!*/
/*}*/

/*.list_top_galary {*/
/*	position: relative;*/
/*	height: auto;*/
/*}*/

@media screen and (max-width: 1200px) {
	.projects__list {
		grid-template-columns: repeat(3, 1fr);
	}
	.news_page_1 .box_text {
		margin-bottom: 40px;
		max-width: 65%;
	}
	.header_mb {
		display: block;
	}

	.header_pc {
		display: none;
	}

	.solution_details__list .solution_details__item > * {
		width: 100%;
	}

	.inner_menu_col.inner_menu_col--left, .inner_menu_col.inner_menu_col--right {
		width: 20%;
	}

	.solution_page_2 h2.title_section {
		max-width: 25%;
	}

	.solution_details__list .solution_details__item:nth-child(even) {
		flex-direction: column;
	}

	.project_page_1 .banner_content > * {
		width: 100% !important;
	}

	.project_page_1 .banner_content {
		flex-direction: column;
		text-align: left;
	}

	.about_page_2--content {
		max-width: 100%;
	}

	.inner_menu_mobi {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 20px;
		position: fixed;
		top: 12px;
		width: 100%;
	}

	.group_menu_mobi {
		display: flex;
		align-items: center;
		gap: 20px;
		height: 52px;
	}

	.group_menu_mobi .button_toggle_menu {
		border-radius: 1000px;
		background: #E6F7FC;
		height: 100%;
		display: flex;
		align-items: center;
		width: 80px;
		justify-content: center;
		transition: all 0.5s;
		cursor: pointer;
	}

	.group_menu_mobi .button_toggle_menu:hover, .group_menu_mobi .button_toggle_menu.active {
		background: #029ED6;
	}

	.group_menu_mobi .button_toggle_menu:hover path, .group_menu_mobi .button_toggle_menu.active path {
		fill: #fff;
	}

	.block_solution_item .block_solution_item__bottom {
		flex-direction: column;
		gap: 1rem;
	}

	.block_solution_item .block_solution_item__bottom > * {
		width: 100% !important;
	}

	.block_solution_item .block_solution_item__bottom .block_post__content {
		padding: 30px;
	}

	.mobi_wrapper {
		position: fixed;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: revert-layer;
		transform: translateY(-100%);
		transition: all 0.5s;
	}

	.mobi_wrapper .mobi_wrapper__overlay {
		background: #00000087;
		position: absolute;
		inset: 0;
		transition: all 0.5s;
		transform: translateY(-100%);
	}

	.mobi_wrapper .inner_menu {
		width: 100%;
		height: 100%;
		transition: all 0.5s;
		transform: translateY(-100%);
		background: #fff;
	}

	.mobi_wrapper .inner_menu .inner_menu__bottom {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		padding: 50px 20px;
	}

	.mobi_wrapper .inner_menu .inner_menu_col.inner_menu_col--center {
		text-align: center;
	}

	.mobi_wrapper .inner_menu .inner_menu_col.inner_menu_col--center div#logo {
		margin: 0 auto;
	}

	header#header .inner_menu__top .logo {
		margin: 0 auto;
		box-shadow: none !important;
		width: 300px !important;
		height: 110px;
	}

	header#header .inner_menu__top .logo img {
		text-align: center;
		margin: 0 auto;
	}

	div#menu_mobi ul {
		list-style: none;
		margin-left: 0;
		display:block;
	}

	div#menu_mobi .menu-main-menu-mobi-container > ul > li > a {
		font-size: 48px;
		font-style: normal;
		font-weight: 700;
		line-height: 1;
		color: #A1C3CF;
	}

	div#menu_mobi .menu-main-menu-mobi-container ul > li > ul.sub-menu a {
		font-size: 15px;
		font-style: normal;
		font-weight: 500;
	}

	div#menu_mobi .menu-main-menu-mobi-container ul > li > ul.sub-menu li {
		border-bottom: 0.4px solid #A1C3CF;
	}

	.inner_menu_col.inner_menu_col--right {
		text-align: right;
	}

	div#menu_mobi .menu-main-menu-mobi-container ul > li.current-menu-item > a {
		color: #000;
	}

	div#menu_mobi.active .mobi_wrapper {
		transform: translateY(0%);
	}

	div#menu_mobi.active .mobi_wrapper .mobi_wrapper__overlay {
		transform: translateY(0%);
	}

	div#menu_mobi.active .mobi_wrapper .inner_menu {
		transform: translateY(0);
		transition-delay: 1s;
	}

	.button_close_menu {
		position: absolute;
		top: 21px;
		right: 21px;
	}

	.wrap_item_content {
		left: 20px;
		width: calc((100vw - 0%) / 2);
		font-size: 15px;
	}

	.wrap_item_content.wrap_item_content_second {
		left: 20px;
		right: 20px;
		gap: 40px;
	}

	.parallax--small {
		padding-bottom: 40%;
	}

	.contact_page .grid-container > * {
		width: 100%;
	}

	.contact_page .col_img img {
		width: 100%;
		/* 		aspect-ratio: 16/9; */
		object-fit: cover;
	}

	.block_post.block_solution_item {
		padding: 30px 40px;
	}

	.inner_menu__bottom--tablet {
		display: block;
	}

	.project_galary {
		grid-template-columns: repeat(1, 1fr);
	}

	.project_galary .project_item_galary {
		grid-column: 1 !important;
		height: 260px;
		width: 100%;
	}

}

@media screen and (max-width: 992px) {
	.logo_animation__title {
		font-size: 300px;
	}
	.wrap_filter {
		margin-bottom: 30px;
	}
	.wrap_filter .news_search form input.search-field {
		min-width: unset;
	}
	.list_img_logo .item_img_logo {
		width: 180px;
	}

	section {
		padding: 30px 0;
	}

	.parallax {
		padding-bottom: 60%;
	}

	.parallax--small {
		padding-bottom: 60%;

	}

	.about_page_1_content h1.about_page_1_title, .about_page_1_content {
		font-size: 220px;
	}
	.about_page_4 .section_content {
		position: unset;
		transform: unset;
	}

	.about_page_4 .section_content .title_section {
		transform: none !important;
	}
	.pin-spacer .list_item_history {
		position: unset;
		transform: none;
	}

	.pin-spacer .list_item_history .item_history {
		position: absolute;
	}
	.about_page_4 .section_content {
		position: unset;
		transform: unset;
	}

	.about_page_4 .section_content .title_section {
		transform: none !important;
	}
	.title_section {
		letter-spacing: -1.2px;
	}
	.wrap_box_flex {
		flex-direction: column;
		justify-content: center;
	}

	.wrap_box_flex h2.title_section {
		text-align: center;
	}
}

@media screen and (max-width: 767px) {
	.form_contact .des_form {
		width: 100%;
		text-align: left;
	}
	.news_page_1 .box_text {
		margin-bottom: 30px;
		max-width: 100%;
	}
	.list_box_logo {
		grid-template-columns: repeat(2, 1fr);
	}
	.list_box_logo .box_logo_item .box_logo_content {
		font-size: 14px;
	}
	.btn_main {
		font-size: 14px;
		padding: 10px 14px;
	}
	.item_history {
		width: 100%;
	}
	.about_page_2 .inner_content .parallax_content-content {
		width: 100%;
		margin: 0 !important;
		font-size:14px;
	}
	.about_page_2  .parallax {
		padding-bottom: 0;
		padding: 50px 0;
	}

	.about_page_2  .parallax_content {
		position: relative;
	}
	.group_title.content_white.text_white.text_center span.sub_title {
		font-size: 32px;
	}
	.title_section br {
		display: none;
	}
	.home_page_6  h2.title_section {
		display: inline;
		letter-spacing: -1.28px;
	}

	.home_page_6  .group_title {
		margin-bottom: 20px;
		letter-spacing: -1.28px;
		line-height: 1;
	}
	.item_history>* {
		width: 50%;
	}
	.mobi_wrapper .inner_menu .inner_menu_col.inner_menu_col--center {
		text-align: left;
	}

	div#menu_mobi .menu-main-menu-mobi-container ul > li > a {
		font-size: 1.5rem;
	}

	.inner_menu__bottom--tablet {
		display: none;
	}

	.inner_menu__bottom--mobi {
		display: block;
	}

	.wrap_item_content {
		display: none !important;
	}

	.about_page_2--content_img img {
		grid-area: unset !important;
	}

	.about_page_2--content_img {
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
	}

	.solution_page_2 {
		padding: 30px 0;
	}

	.about_page_1_content h1.about_page_1_title, .about_page_1_content {
		font-size: 110px;
	}

	.solution_page_2 h2.title_section {
		max-width: 100%;
		text-align: center;
	}

	div#menu_mobi ul.sub-menu {
		margin-left: 1.5rem;
	}

	.group_form .group_form_item .form_item.form_item_half {
		width: 100%;
	}

	.p-50 {
		padding: 25px 0 !important;
	}

	.p-40 {
		padding: 20px 0 !important;
	}

	.p-30 {
		padding: 15px 0 !important;
	}

	.single_post .inner_content {
		max-width: 100%;
	}

	.projects__list {
		grid-template-columns: repeat(1, 1fr);
		gap: 30px;
	}

	section {
		padding: 30px 0;
	}

	.parallax {
		padding-bottom: 100%;
	}

	.title_section--large {
		font-size: 2rem;
	}

	.wrap_item_content {
		display: none !important;
	}

	.homepage_section_2 .box_img_flex {
		flex-direction: column;
		gap: 20px;
	}

	.slide_banner {
		height: 45vh;
	}
	.slide_banner_mb {
		display: block;
		height: auto;
		transform: translateY(-17px);
		z-index: 10;
		background: #fff;
		border-radius: 15px;
	}
	.wrap_item_content_mb {
		font-size: 0.8rem;
	}
	.wrap_item_content_mb {
		padding: 20px;
	}

	.wrap_item_content_mb .banner_content {
		margin-bottom: 20px;
	}
	.img_bg_sec_overlay img {
		height: 120px;
	}
	.solution_info__img {
		position: relative;
		top: 0;
	}
	.inner_content.grid-100 {
		display: flex;
		flex-direction: column-reverse;
	}

	.homepage_section_2 .list_img_sec_2 {
		padding-bottom: 20px;
	}

	.text_parallax {
		max-width: 90%;
	}

	.inner_text_parallax {
		font-size: 24px;
	}

	.block_solution_item__top--title h3.block_post_content--title {
		font-size: 2rem;
		letter-spacing: -1.28px;
	}

	header#header div#menu_mobi div#logo {
		width: auto;
		margin: 0;
	}

	header#header .inner_menu__top .logo img {
		margin: 0;
	}

	.mobi_wrapper .inner_menu .inner_menu__bottom {
		flex-direction: column;
		align-items: start;
		padding: 30px 20px;
	}

	.mobi_wrapper .inner_menu .inner_menu__bottom .inner_menu_col--wrap {
		display: flex;
		justify-content: space-between;
		width: 100%;
		align-items: end;
	}

	.inner_menu_col.inner_menu_col--left, .inner_menu_col.inner_menu_col--right {
		width: 50%;
	}

	.block_project_item > * {
		width: 50% !important;
	}

	.button_close_menu {
		top: 10px;
		right: 10px;
	}

	.form_item_submit.form_item_submit--white input[type="submit"] {
		padding: 0 10px;

	}
	.footer_contact .wrap_contact .wrap_contact__submit {
		min-height: 40px !important;
		height: 40px;
	}
	.project_details__wrap {
		flex-direction: column;
		opacity: 1;
	}

	.title_floating_layer, #titleTarget {
		font-size: 60px;
	}

	.project_details__meta {
		width: 100%;
	}
	.project_meta {
		display: none;
	}

	div#titleTarget {
		display: none;
	}

	.title_floating_layer {
		text-align: left;
		-webkit-line-clamp: unset;
		width: auto;
		font-size: 55px;
		margin: 30px 0;
	}
	.list_category_solution {
		flex-direction: column;
		max-width: 80%;
		margin: 0 auto 40px;
		gap: 60px;
	}
	.box_logo_img {
		height: 100px;
	}
	.list_category_solution:before {
		display: none;
	}

	.solution_page_3 .parallax_content-content {
		font-size: 2rem;
		letter-spacing: -1.28px;
	}

	.solution_page_3 .inner_content {
		margin: 0 20px;
	}

	.block_solution_item .block_solution_item__top {
		flex-direction: column;
		align-items: start;
		gap: 13px;
	}

	.block_post.block_solution_item {
		padding: 10px 20px;
		top: 100px;
		position: unset;
	}
	.block_solution_item .block_solution_item__bottom img {
		height: auto;
	}
	.footer_col_menu {
		width: 100%;
	}

	.footer_col_menu .footer_menu_list {
		gap: 90px;
	}

	.mid_footer {
		flex-direction: column;
		gap: 10px;
	}

	.list_solution_img .item_solution_img {
		position: relative;
		transform: none !important;
		left: 0;
		width: auto;
		height: auto;
	}

	.list_solution_img {
		min-height: auto;
		gap: 10px;
		display: flex;
		flex-direction: column;
		margin-top: 18px;
	}

	.single_solution_2 .parallax_content-content {
		max-width: max-content;
		font-size: 1rem;
	}

	.single_solution_2 .parallax_content-content h2 {
		font-size: 2rem;
		line-height: 1.2;
	}

	.single_solution_2 .parallax_content-content > *, .single_solution_2 .parallax_content-content * {
		/*font-size: unset !important;*/
	}

	.parallax_content-content {
		margin: 0 0px !important;
	}

	.solution_details__list .solution_details__item {
		flex-direction: column;
	}

	p:last-of-type {
		margin: 0;
	}

	.solution_info {
		flex-direction: column;
	}
	.section_parallax .parallax_content {
		padding:0 10px !important;
	}
	.solution_info > * {
		width: 100%;
	}

	.solution_info .solution_info__content h1.solution_info__title {
		font-size: 2rem;
	}

	.contact_page .col_img .inner_content--content {
		display: none;
	}

	.form_contact .title_form {
		font-size: 1.5rem;
		text-align: center;
		/*letter-spacing: -2.88px;*/
		/*letter-spacing: -0.72px;*/
	}

	.group_form .group_form_item .form_item .form_item__label {
		font-size: 14px;
	}

	.form_contact .form_item_submit, .form_contact .form_item_submit input {
		width: 100% !important;
	}
	footer .footer_contact {
		margin: 20px 0;
	}
	.list_item_history {
		position: unset;
		position: unset;
		display: flex;
		flex-direction: column;
		gap: 30px;
	}

	.item_history {
		position: unset;
		transform: translateY(0);
	}

	.about_page_4 .section_content {
		position: unset;
		transform: unset;
	}

	.title_section {
		font-size: 2rem;
	}

	.about_page_4 {
		height: auto !important;
	}
	.homepage_section_2 .content_sec_2 {
		margin-bottom: 20px;
	}
	.logo_animation__title {
		font-size: 120px;
	}
	.list_img_logo .item_img_logo {
		width: 70px;
	}
	.only_pc{
		display: none !important;
	}
	.only_mb{
		display: block !important;
	}
	.item_block_project .inner_content>* {
		width: 50%;
	}
	.item_block_project .inner_content .item_project_content__img img {
		min-height: 180px;
	}
	.list_item_project_mb {
		display: flex;
		flex-direction: column;
		gap: 40px;
	}

	.item_block_project .inner_content .item_project_content__first {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		height: -webkit-fill-available;
	}

	.item_block_project .inner_content .item_project_content__first .item_project_content__first--title {
		font-size: 18px;
	}

	.item_block_project .inner_content .item_project_content__first .item_project_content__first--sub {
		font-size: 12px;
		color: #757575;
	}

	.item_block_project .inner_content .item_project_content--bot {
		color: #bdbdbd;
		font-size: 16px;
		max-width: 85%;
		margin-left: auto;
	}

	.item_block_project:nth-child(even) .inner_content {
		flex-direction: row-reverse;
	}
	.solution_page_1 .btn_solution_page {
		width: max-content;
		text-align: center;
		margin: 40px auto 0;
	}
	.top_footer {
		margin-bottom: 30px;
	}
	.slide_news .swiper-slide h3.block_post_content--title {
		font-size: 18px;
	}

	.slide_news .swiper-slide .block_post__img {
		height: 180px;
	}
	.list_block_post .block_post_item .block_post__img {
		width: 100%;
		height: 230px;
	}

	.list_block_post .block_post_item .block_post__content {
		width: 100%;
	}

	.list_block_post .block_post_item {
		flex-wrap: wrap;
		gap: 0;
		padding: 20px 0;
	}

	.list_block_post .block_post_item .block_post_content--title {
		font-size: 2rem;
	}
	.footer_contact input[type="submit"] {
		min-height: 40px !important;
		font-size: 14px;
	}
	.list_item_history .item_history:nth-child(odd),.list_item_history .item_history:nth-child(even) {
		margin-top: 0;
	}
	.about_page_1_content {
		letter-spacing: -0.5rem;
	}
	.about_page_1_content .about_page_1_title_bf, .about_page_1_content .about_page_1_title_af,.about_page_1_content h1.about_page_1_title {
		padding-bottom: 8px;
	}
	.list_img_logo .item_img_logo:nth-child(1) {
		transform: translate(-50%, -50%) translate3d(127px, 0px, 0px) rotate(45deg) !important;
	}
	.list_img_logo .item_img_logo:nth-child(2) {
		transform: translate(-50%, -50%) translate3d(63px, 0px, 0px)  rotate(15deg) !important;
	}
	.list_img_logo .item_img_logo:nth-child(3) {
		transform: translate(-50%, -50%) translate3d(-5px, 0px, 0px)  rotate(0deg)  !important;
	}
	.list_img_logo .item_img_logo:nth-child(4) {
		transform: translate(-50%, -50%) translate3d(-69px, 0px, 0px) rotate(-15deg)  !important;
	}
	.list_img_logo .item_img_logo:nth-child(5) {
		transform: translate(-50%, -50%) translate3d(-134px, 0px, 0px) rotate(-45deg)  !important;
	}
	.list_img_logo .item_img_logo:nth-child(6) {
		transform: translate(-50%, -50%) translate3d(-198px, 0px, 0px) rotate(-60deg)  !important;
	}
	.solution_page_1 .item_content .item_content__content {
		font-size: 16px;
		letter-spacing: -.72px;
	}
	.solution_page_1 .item_content .item_content__content {
		font-size: 16px;
		letter-spacing: -.72px;
	}

	.link_contact a {
		height: 50px;
		line-height: 50px;
		padding: 0 15px;
	}
	.custom_swiper_pagination {
		bottom: 22px !important;
	}

	.swiper-slide-active .wrap_item_content.wrap_item_content_second {
		/*opacity: 1;*/
		/*display: block !important;*/
		/*padding: 10px;*/
		/*animation: none;*/
		/*transform: translateY(0) !important;*/
	}
	.list_item_project_mb .item_block_project.wrapper {
		height: 180px;
	}
	img.ux-menu-icon {
		margin-right: 10px;
	}
}

@media screen and (max-width: 767px) {
	.homepage_section_2.p-50.section_white {
		padding: 0px 0 !important;
		margin-top: -21px;
	}
	.img_logo_1{
		text-align: center;
	}
	.list_img_sec_2--inner img{
		height: 200px !important;
	}
	.footer_logo {
		width: 100% !important;
		display: flex;
		margin: auto;
	}
	.solution_details__list .solution_details__item .solution_details_item--img {
		height: auto;
		width: 100%;
	}
	.single_solution_2.section_parallax h2 {
		letter-spacing: unset;
	}
	.grid-container {
		padding-left: 20px;
		padding-right: 20px;
	}
	.post_meta_title h1 {
		font-size: 2rem;
	}
	.single-post .content h2 {
		font-size: 20px;
	}

	.single-post .content ul {
		margin-left: 1.3rem;
	}
	.list_box_logo .box_logo_item{
		width: calc(50% - 10px);
	}
	.list_top_galary .item_galary {
		width: 250px;
		height: 180px;
	}
	.item_galary.active {
		width: 270px;

	}
	.list_top_galary .item_galary.active {
		transform: translate(-50%, 0%);
		height: 100%;
		width: 100%;
		top: 0;
	}
	.project_page_1 .banner_content h2.banner_content--title {
		font-size: 26px;
		margin-bottom: 20px;
	}
	.inner_menu__menu .nav-dropdown {
		position: unset !important;
		/*display: block !important;*/
		min-width: unset;
		height: auto !important;
		max-height: max-content !important;
		opacity: 1 !important;
		border: none !important;
		box-shadow: none !important;
		visibility: unset;
	}
	.inner_menu__menu .icon-angle-down {
		display: none;
	}
	.inner_menu__menu {
		height: calc(100vh - 340px);
		overflow: scroll;
	}
	.inner_menu__menu ul#menu-main-menu-mobi-1 {
		width: 100%;

	}
	.inner_menu_col.inner_menu_col--center {
		width: 100%;
	}
}