/**
 * NukeViet Content Management System
 * @version 4.x
 * @author VINADES.,JSC <contact@vinades.vn>
 * @copyright (C) 2009-2021 VINADES.,JSC. All rights reserved
 * @license GNU/GPL version 2 or any later version
 * @see https://github.com/nukeviet The NukeViet CMS GitHub project
 */

/* Các tùy chỉnh CSS của giao diện nên để vào đây */

/*xuống hàng*/
.break-word {
	word-wrap: break-word;
	/* Chia từ dài nếu cần */
	word-break: break-all;
	/* Chia bất kỳ từ nào nếu cần */
	white-space: normal;
	/* Cho phép xuống hàng */
	display: inline-block;
	/* Đảm bảo nó là inline để giống như link thông thường */
}

.loader-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(0 0 0 / 29%);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 9999;
}

.loader {
	border: 8px solid #f3f3f3;
	border-top: 8px solid #3498db;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.chu_y {
	color: orange;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
	background-color: #cecece;
	opacity: 1;
}

/*THêm hình*/
.item-grid-input-thongtin-chiendich {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.black-14-700 {
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: -0.006em;
	text-align: left;
	color: #404040 !important;
}

.frame-avt-chiendich {
	border-radius: 8px;
	border: 1px solid #ffcdde;
	padding: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 10px;
}

.flex-column {
	display: flex;
	flex-direction: column;
}

.grey-14-400 {
	font-size: 14px;
	font-weight: 400;
	line-height: 17px;
	letter-spacing: -0.011em;
	text-align: center;
	color: #bdbdbd !important;
}

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

.upload-list {
	position: relative;
}

.upload-list .input-uphinh {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
}

.upload-list .input-uphinh input {
	width: 100%;
	height: 100% !important;
	opacity: 0;
}

.frame-tailieu-chiendich {
	border-radius: 8px;
	border: 1px solid #ffcdde;
	padding: 24px;
}

.grid-tailieu-chiendich {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.radius-8px {
	border-radius: 8px !important;
}

.btn-pink-outline {
	width: max-content;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: 0px;
	text-align: left;
	color: red !important;
	padding: 10px 16px;
}

.item-grid-input-thongtin-chiendich input:not([type="radio"]) {
	height: 48px;
	padding: 12px;
	border: 1px solid #ffcdde !important;
	border-radius: 8px;
	color: #404040 !important;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: -0.011em;
	text-align: left;
}

.item-grid-tailieu-chiendich {
	height: 140px;
	background-size: cover;
	background-repeat: no-repeat;
	flex-shrink: 0;
	position: relative;
	border: 1px solid #ffcdde;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: -0.006em;
	text-align: center;
	color: #000;
	display: flex;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
}

.item-grid-tailieu-chiendich .icon-24px {
	position: absolute;
	top: -10px;
	right: -10px;
}

/*end thêm hình*/

.cursor_pointer {
	cursor: pointer;
}

.green {
	color: green;
}


.cam_thao_tac {
	pointer-events: none !important;
	background: #D9D9D9 !important;
}



.wrap_abc {
	position: relative;
	float: right;
	border-radius: 5px;
	border: solid 1px #000;
	padding: 20px;
	margin: 10px;
	min-width: 500px;
	background: #fff;
}

.khung_file_mau {
	font-size: 14px;
	text-transform: capitalize;
	margin-top: 10px;
	color: #000;

}

.khung_file_mau a {
	color: #2C6B6F;
}



.gap-60px {
	display: grid;
	gap: 60px;
}


.link_nut_footer {
	display: flex;
	gap: 5px;
	align-items: center;
}

.title2_footer {
	font-size: 28px;
	font-weight: 700;
}


.copyright_footer {
	display: flex;
	gap: 10px;
	border-top: 1px solid grey;
	margin-top: 40px;
	justify-content: space-between;
	align-items: center;
	padding: 20px 0;
}

.copyright_footer a {
	color: white;
}




.about-left h2 {
	font-size: 48px;
	margin-bottom: 20px;
}

.about-left ul {
	list-style: none;
	padding: 0;
	margin-bottom: 25px;
	font-size: 16px;
	line-height: 1.8;
}
.about-left ul li {
	margin-bottom: 10px;
	color: #000;
}

.item_data_goi .btn_custom2 {
	height: 34px;
}

.about-buttons a {
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}

@media (max-width: 1199.98px) {
	.logo_nha {
		gap: 24px;
	}
}


@media (max-width: 1119.98px) {
	
}

.close-menu {
	display: none;
}
@media (max-width: 991.98px) {
	.about-ai-accounting {
		display: block;
		padding-bottom: 0;
	}
	.about-ai-accounting .about-right img {
		width: 100%;
	}
	.about-buttons {
		display: grid;
		gap: 9px;
	}
	
	.about-left h2 {
		font-size: 28px;
	}
	.footer_cus .row {
		margin-right: -5px !important;
		margin-left: -5px !important;
	}

	.footer_cus .row:first-child {
		padding-left: 20px;
	}

	.item_data_goi {
		padding: 0.875rem;
	}

	.menu-overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.6);
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.3s ease;
		z-index: 1000; /* thấp hơn menu nhưng cao hơn nội dung */
	}
	.menu-overlay.active {
		opacity: 1;
		visibility: visible;
	}

	.close-menu {
		display: block;
		position: absolute;
		top: 5px;
		right: 15px;
		font-size: 35px;
		background: transparent;
		border: none;
		cursor: pointer;
		color: #000;
		z-index: 1201; /* cao hơn menu */
	}

	.menu_header li.has-mega .mega-menu .has-mega > .mega-menu {
		left: 0 !important;
	}
}



@media (max-width: 767.98px) {


	.footer_cus .link_nut_footer {
		display: block;
	}

	.footer_cus .title2_footer {
		display: none;
	}
	.container_tinh_nang {
		display: grid!important;
	}

	.left_tinh_nang {
		width: unset!important;
	}

	.right_tinh_nang {
		width: unset!important;
	}

}



@media (max-width: 499.98px) {
	.footer_cus .row:first-child {
		padding-left: 10px;
	}

	.copyright_footer a:nth-child(3) {
		display: none;
	}

	.copyright_footer a:nth-child(4) {
		display: none;
	}


	.haraweb-section .left,
	.haraweb-section .right {
		flex: unset;
	}

	
}





/* block.free_content_cauchuyen_khachhang */
.testimonial-section .testimonial-title {
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 30px;
}

.testimonial-section .quote {
	font-size: 75px;
	color: white;
	font-weight: unset;
}

.testimonial-section .testimonial-card {
	background-color: #4F9CF9;
	border-radius: 8px;
	transition: box-shadow 0.3s ease, transform 0.3s ease;
}


.testimonial-section .testimonial-card .panel-footer {
	background-color: #4F9CF9;
	/* border-radius: 8px;
      transition: box-shadow 0.3s ease, transform 0.3s ease;*/
  }



  .testimonial-section .owl-carousel .owl-item img {
  	width: 95px !important;
  	height: 95px !important;
  	object-fit: cover;
  }




  .testimonial-section .owl-carousel .item .clearfix {
  	display: flex;
  	align-items: center;
  }

  .testimonial-section .owl-carousel .item .clearfix .div_img {
  	flex: 1;
  }

  .testimonial-section .owl-carousel .item .clearfix .div_title {
  	flex: 2;
  	padding-left: 20px;
  }


  .testimonial-section .owl-carousel .item .clearfix .div_title h3 {
  	font-size: 24px;
  	color: #043873;
  }

  .testimonial-section .owl-carousel .item .clearfix .div_title small {
  	font-size: 16px;
  	color: white;
  }

  .testimonial-section .owl-carousel .item .panel-body p {
  	font-size: 18px;
  	color: white;
  }



  .testimonial-section .testimonial-card:hover {
  	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  	transition: box-shadow 0.3s ease;
  	background-color: white;
  }

  .testimonial-section .testimonial-card:hover .panel-footer {
  	background-color: white;
  	color: #212529 !important;
  }


  .testimonial-section .testimonial-card:hover .quote {
  	color: #043873 !important;
  }


  .testimonial-section .testimonial-card:hover .div_title h3 {
  	color: #212529 !important;
  }

  .testimonial-section .testimonial-card:hover .div_title small {
  	color: #212529 !important;
  }


  .testimonial-section .testimonial-card:hover .panel-body p {
  	color: #212529 !important;
  }


  .testimonial-section .testimonial-card:hover .panel-footer::before {
  	border-top: 1px solid #212529 !important;
  }


  .testimonial-section .panel-footer {
  	border-top: unset;
  	position: relative;
  	padding-top: 20px;
  	/* Để tạo khoảng cách cho viền */
  }

  .testimonial-section .panel-footer::before {
  	content: "";
  	position: absolute;
  	top: 0;
  	left: 50%;
  	transform: translateX(-50%);
  	width: 85%;
  	/* Điều chỉnh độ dài viền tại đây */
  	border-top: 1px solid #ccc;
  	/* Màu viền */
  }


  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel button.owl-dot {
  	background: #ccc;
  	border: none;
  }

  .testimonial-section .owl-dots {
  	text-align: center;
  }

  .testimonial-section .owl-dots .owl-dot {
  	height: 10px;
  	width: 10px;
  	margin: 0 5px;
  	background-color: #ccc;
  	border-radius: 50%;
  	display: inline-block;
  	cursor: pointer;
  }

  .testimonial-section .owl-dots .active {
  	background: #4F9CF9 !important;
  }






/* global.blockbanggia */

.item_data_goi_hover {
	củ
}

.item_data_goi_hover :hover {
	background-color: #004aad !important;
}

/*.item_data_goi_hover:hover .btn_custom2 {
	background-color: #f0ad4e !important;
	border-color: #eea236 !important;
	color: white !important;
}*/





/* layout.dichvu */
body,
html {
	overflow: unset;
	font-family: 'Inter', sans-serif !important;
	scroll-behavior: smooth;
}



.border_padding_20px {
	padding: 1.25rem;
}

.fs_13px {
	font-size: 1.8rem;
	letter-spacing: -0.02em;
	line-height: 35px;
}

.h1_fontsize {
	font-weight: 700;
	font-size: 3.5rem;
}

.gap_24px {
	display: grid;
	gap: 1.5rem;
	color: #212529;
}

.btn_custom {
	border-radius: 8px;
	width: 164px;
	height: 63px;
	justify-content: center;
	display: flex;
	align-items: center;
	font-size: 1.8rem;
	background-color: #4f9cf9;
}

.flex_top_30px {
	margin-top: 1.875rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.bg-blue-custom {
	background-color: #043873;
}

.color_white {
	color: #fff !important;
}

.bang_gia_h2_class {
	font-weight: 700;
	font-size: 3.5rem;
	line-height: 1.5;
	letter-spacing: -0.025em;
	text-align: center;
	color: #212529
}

.mo_ta_bang_gia_class {
	font-weight: 400;
	font-size: 2.125rem;
	line-height: 2.875rem;
	letter-spacing: -0.02em;
	text-align: center;
	color: black;

}

.goi_work {
	font-weight: 600;
	font-size: 2.5rem;
	line-height: 2.25rem;
	letter-spacing: -0.00em;
	color: #212529
}

.h4_goi_work {
	font-weight: 700;
	font-size: 2.125rem;
	line-height: 100%;
	letter-spacing: -0.02em;
	color: #212529
}

.p_work {
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 2.438rem;
	letter-spacing: -0.02em;
	color: #212529;
}

.fa-ul, .bang_gia_de_xuat ul {
	display: grid;
	gap: 1.625rem;
	list-style-type: none;
	padding-left: 0;
	margin-left: 2.14285714em;
}

.bang_gia_dich_vu_de_xuat {
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.pricing-card {
	background: white;
	border-radius: 15px;
	padding: 30px 16px;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.12);
	border: 1.5px solid #BBCADE;
	position: relative;
	min-height: 855px;
	display: flex;
	flex-direction: column;
	margin-top: 30px;
}
.plan-header {
	text-align: center;
}
.plan-name {
	font-family: GoogleSans Bold, Arial, sans-serif;
	margin-bottom: 6px;
	font-size: 25px;
	margin-top: 0;
}
.plan-price {
	margin-bottom: 10px;
	position: relative;
	height: 90px;
}
.price-number {
	font-family: GoogleSans Bold, Arial, sans-serif;
	font-size: 48px;
	color: #0052CC;
	font-weight: 700;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	opacity: 0;
	transform: translateY(10px);
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.price-number.active {
	opacity: 1;
	transform: translateY(0);
}

.price-currency {
	font-size: 16px;
	color: #686565;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.pricing-card.standard:hover, .pricing-card.enterprise:hover {
	transform: translateY(-20px);
	transition: transform 0.3s ease;
	border: 1.55px solid #4C90FF;
	background: linear-gradient(180deg, #EEF5FF 0%, #FFF 100%);
}
.goi_work_de_xuat {
	font-weight: 600;
	font-size: 2.5rem;
	line-height: 2.25rem;
	letter-spacing: -0.00em;
	color: #212529;
	text-align: center;
}
.trial-btn, .quote-btn {
	background-color: #DEEBFF;
	color: #0052CC !important;
	width: 45%;
	padding: 10px;
	border: none;
	border-radius: 90px;
	font-size: 20px;
	font-family: GoogleSans Bold, Arial, sans-serif;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	text-decoration: none;
	font-weight: bold;
}
.trial-btn:hover {
	opacity: 0.85;
}
.quote-btn.primary {
	background: linear-gradient(90deg, #43C3FF 0%, #066AFF 100%);
	color: white !important;
}
.quote-btn.primary:hover {
	transform: translateY(-4px);
	transition: transform 0.3s ease;
}

.bang_gia_de_xuat hr {
	margin: 0;
	border: 1px solid #000;
}

.bang_gia_de_xuat h2 {
	text-align: center;
	margin-top: 20px;
}

.bang_gia_de_xuat h3 {
	text-align: center;
	margin-top: 20px;
	font-size:1.7rem
}


.bang_gia_de_xuat ul {
	position: relative;
	margin-bottom: 0;
}
.bang_gia_de_xuat ul>li {
	position: relative;
}
.bang_gia_de_xuat ul li {
	font-size: 14px;
	position: relative;
	padding-left: 18px;
}
.bang_gia_de_xuat ul li h4 {
	font-size: 15px;
}
.bang_gia_de_xuat ul li p {
	margin-bottom: 0;
}

.bang_gia_de_xuat ul li::before {
	content: "✔";
	position: absolute;
	left: 0;
	color: green;
	font-size: 14px;
	margin-right: 8px;
}
.controls-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
}
.trial-section {
	display: flex;
	align-items: center;
	gap: 15px;
	position: relative;
	z-index: 1;
}
.trial-button-container {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 8px;
	position: relative;
}
.trial-arrow {
	display: block;
	margin-right: 105px;
	position: absolute;
}
.trial-cta-btn {
	background: #6644F0;
	color: white !important;
	border: none;
	padding: 6px 12px;
	border-radius: 32px;
	font-size: 19px;
	font-family: GoogleSans Medium, Arial, sans-serif;
	cursor: pointer;
	box-shadow: 0 2px 8px rgba(124, 77, 255, 0.3);
	text-decoration: none;
	display: inline-block;
}
.period-toggle {
	display: flex;
	align-items: center;
}
.toggle-switch {
	display: flex;
	background: #fff;
	padding: 2px;
	position: relative;
	border-radius: 8px;
	border: 1.5px solid #0065FF;
}
.period-btn.active {
	background: #0065FF;
	color: white;
	border-radius: 6px;
}

.period-btn {
	padding: 8px 20px;
	border: none;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
	position: relative;
	z-index: 2;
	background: #fff;
}
.trial-cta-btn:hover {
	opacity: 0.85;
}

.selection-item select {
	padding: 8px 12px;
	border: 2px solid #0065FF;
	border-radius: 8px;
	background: white;
	width: 100px;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: linear-gradient(to bottom, #9696968c 0%, #9696968f 100%), url('https://amis.misa.vn/sites/amis/images/pages/solution-pricing/drop.svg');
	background-repeat: no-repeat, no-repeat;
	background-position: right 32px center, right 8px center;
	background-size: 2px 22px, 14px 14px;
	padding-right: 50px;
	flex-shrink: 0;
}
.selection-item label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: bold;
}

.btn_custom2 {
	border-color: #3f6bc8;
}

.box_noi_dung_bang_gia {
	max-height: 530px;
	overflow-y: auto;
	overflow-x: hidden;
}

.box_noi_dung_bang_gia::-webkit-scrollbar {
	width: 7px;
	background-color: #DEEBFF;
}


.box_noi_dung_bang_gia::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(83, 83, 83, 0.07);
}

.box_noi_dung_bang_gia::-webkit-scrollbar-thumb {
	background-color: #00000047;
	border-radius: 10px;
}


.box_noi_dung_bang_gia::-webkit-scrollbar-thumb:hover {
	background: linear-gradient(90deg, #43C3FF 0%, #066AFF 100%) !important;
}


.box_noi_dung_bang_gia::-webkit-scrollbar-button {
	display: none;
	width: 0;
	height: 0;
}

.btn_warning_custom {
	background-color: #FFE492;
	color: #000 !important;
	border-radius: 8px;
	width: 164px;
	height: 63px;
	justify-content: center;
	display: flex;
	align-items: center;
	font-size: 1.8rem;
}

.border_default_goi_work {
	border: 0.063rem solid #3f6bc8;
	padding: 1.875rem;
	margin: 5px 10px;
	border-radius: 12px;
	background-color: #f9fafb;
	transition: all 0.3s ease;
	box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.border_default_goi_work:hover  {
	box-shadow: 0 8px 20px rgba(0,0,0,0.15);
	transform: translateY(-5px);
	background-color: #004aad !important;
}

.border_default_goi_work:hover .goi_work {
	color: white !important;
}

.border_default_goi_work:hover .p_work {
	color: white !important;
}

.border_default_goi_work:hover ul {
	color: white !important;
}

.border_default_goi_work:hover .h4_goi_work {
	color: #ffc107 !important;
}

.border_default_goi_work:hover .color_icon {
	color: #FFE492 !important;
}


.color_warning {
	color: #FFE492;
}

.color_warning_2 {
	color: #ffc107;
	margin: 0.938rem 0;
}

.width_45 {
	width: 45%;
}

.border_default_goi_work2 {
	border: 1px solid #007bff;
	border-radius: 8px;
	background-color: #004aad;
	color: white;
}

.fs_3_5_rem {
	font-size: 3.5rem;
}

.flex_center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.gap_50px {
	gap: 50px;
}

.gap_20px {
	gap: 20px;
}

.box-app {
	height: 100%;
}

.height_data_app {
	background-color: #E6F8F4;
	padding: 10px;
	margin-bottom: 10px;
	color: black;
	min-height: 100px;
}

.mr_top_20px {
	margin-top: 20px;
	margin-bottom: 20px;
}

.flex_col_center {
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.h2_fontsize {
	font-size: 3rem;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}


.header {
	background-color: #002F6C;
	position: sticky;
	width: 100%;
	z-index: 1000;
	transition: top 0.3s;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}

.header.sticky {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	animation: slideDown 0.3s ease forwards;
}

@keyframes slideDown {
	from {
		transform: translateY(-100%);
	}

	to {
		transform: translateY(0);
	}
}

.header,
.hero {
	background-color: #fff;
	border-bottom: 1px #dcdcdc;
	padding-bottom: 1px;
}

.box_header {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: auto;
}

.box_header_mobile {
	display: none;
}

.logo {
	display: flex;
	align-items: center;
}

.logo_xs {
	display: none;
}

.logo img {
	height: 50px;
	margin-right: 10px;
}

.logo span {
	font-size: 20px;
	font-weight: bold;
}

/*.nav ul {
	list-style: none;
	display: flex;
	gap: 40px;
}*/

.nav ul li {
	position: relative;
}

/*.nav ul li a {
	color: #2E2D2D;
	text-decoration: none;
	font-size: 15px;
	padding: 6px 0;
	display: block;
}
*/
.nav ul li .caret {
	margin-left: 10px;
}

.nav ul li.active {}


.nav ul li.active a {
	border-bottom: 2px solid #00B0FF;
}


/* ✅ Dropdown fix */
/*.dropdown-container {
	position: relative;
}
.nav ul ul{
	display: block;
}
.dropdown {
	position: absolute;
	top: 40px;
	left: 0;
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
	min-width: 220px;
	padding: 10px 0;
	opacity: 0;
	visibility: hidden;
	transition: all 0.25s ease;
	z-index: 999;
}

.dropdown li {
	padding: 8px 20px;
	white-space: nowrap;
}

.dropdown li a {
	color: white;
	font-size: 14px;
	text-decoration: none;
	display: block;
	line-height: 1.5;
}

.dropdown li a:hover {
	border: none !important;
}

.copyright {
	text-align: center;
}*/
ul.mega-top>li:hover>a {
	background: linear-gradient(90deg, #FFFFFF 0%, #E1F3FC 100%);
}

@media (min-width: 991.99px) {
	.dropdown-container:hover>.dropdown {
		opacity: 1;
		visibility: visible;
		box-shadow: 0 4px 12px rgb(1 172 227);
	}

	.header,
	.hero {
		height: auto;
	}
}

.dropdown .dropdown {
	top: -10px;
	left: 101%;
}

.actions {
	display: flex;
	gap: 10px;
}

.btn-yellow {
	background-color: #F8AE49;
	color: #ffffff !important;
	padding: 12px 24px;
	border-radius: 8px;
	border-color: #ebdede;
	text-transform: uppercase;
	font-weight: normal;
	cursor: pointer;
}
.btn-yellow span {

}

.btn-blue {
	background-color: #5CA9FF;
	color: white;
	padding: 8px 16px;
	border: none;
	border-radius: 6px;
	cursor: pointer;
}

/* Hero section */
.hero {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 50px 200px 140px;
	margin: auto;
}

.hero::after {
	content: "";
	position: absolute;
	bottom: -35px;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('/themes/ais/wave_bg.png') no-repeat;
	background-size: contain;
	opacity: 0.7;
	z-index: 0;
}

.hero-text {
	max-width: 50%;
}

.hero-text h1 {
	font-size: 45px;
	line-height: 1.3;
	font-weight: 700;
	margin-bottom: 20px;
}

.hero-text ul {
	list-style: disc;
	padding-left: 20px;
	font-size: 14px;
	line-height: 1.8;
}

.hero-text ul li {
	margin-bottom: 8px;
}

.hero-text .btn-demo {
	z-index: 20;
	position: relative;
	margin-top: 60px;
	padding: 12px 20px;
	font-size: 16px;
	background-color: #5CA9FF;
	color: white;
	border: none;
	border-radius: 8px;
	cursor: pointer;
}

.hero .btn_custom {
	z-index: 20;
	position: relative;
	margin-top: 60px;
	width: auto;
}

.hero-image {
	position: absolute;
	right: 230px;
	top: 55px;
}

.hero-image img {
	max-width: 620px;
	width: 100%;
}

.mo_menu_mobile {
	display: none;
}

.section_banner {
	margin-top: 0px;
	margin-bottom: 0px;
}

.tab-style-20 {
	margin-bottom: 20px;
}

.nav-pills>li {
	float: none;
	margin-right: 5px;
	display: inline-block;
}

.tab-style-20>li.active>a,
.tab-style-20>li.active>a:hover,
.tab-style-20>li.active>a:focus,
.tab-style-20>li>a:hover,
.tab-style-20>li>a:focus {
	color: #fff;
	background: #2070E8;
	border-radius: 20px;
}

.nav-pills>li:last-child {
	margin-right: 0;
}

.tab-style-20>li>a {
	color: #2070E8;
}

.img-4-3 {
	position: relative;
	display: block;
	padding-top: 65%;
	overflow: hidden;
}

.news-hot-large .img-4-3 {
	border-radius: 4px;
	overflow: hidden;
}

.img-21-9 img,
.img-16-9 img,
.img-square img,
.img-4-3 img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.news-hot-large .img-4-3 .title {
	color: #FFF;
	font-size: 24px;
	font-weight: 700;
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 15px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	padding-left: 14px;
}

.news-hot-large .img-4-3 .title:before {
	content: '';
	width: 3px;
	height: 49px;
	background: #fff;
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 7px;
}

.news-hot-mn {
	margin-bottom: 20px;
}

.news-hot-mn {
	display: block;
	position: relative;
	border-radius: 4px;
	overflow: hidden;
}

.news-hot-mn .img {
	display: block;
	padding-top: 75%;
}

.news-hot-mn .img img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
}

.news-hot-mn .img .title {
	color: #FFF;
	font-size: 18px;
	font-weight: 700;
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 15px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	padding-left: 11px;
}

.news-hot-mn .img .title:before {
	content: '';
	width: 3px;
	top: 4px;
	background: #fff;
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 5px;
}

.padding_0px {
	padding-left: 10px;
	padding-right: 10px;

}

.bold {
	font-weight: 700;
}

.news-list {
	padding: 20px 0;
	display: flex;
	align-items: center;
	border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.news-list .img {
	flex-basis: 100px;
	margin-right: 18px;
	border-radius: 4px;
	overflow: hidden;
}

.news-list .content {
	flex: 1;
}

.color-black,
.color-black a {
	color: #333 !important;
}

.p-8 {
	padding: 2rem;
}

.bg-white {
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.fui-row {
	margin-left: -.5rem;
	margin-right: -.5rem;
}

.fui-row,
.fui-row>div {
	margin-bottom: 1rem;
}

.fui-row>div:last-child {
	margin-bottom: 0;
}

.form__label,
.fui-label,
.fui-legend {
	display: block;
	font-family: Kodchasan, sans-serif;
	font-size: 1.875rem;
	line-height: 2.25rem;
	margin-bottom: 1.5rem;
	color: #000;
}

label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: bold;
}

.form__input,
input.fui-input,
textarea.fui-input {
	--tw-bg-opacity: 1;
	--tw-text-opacity: 1;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
	border-color: rgba(0, 0, 0, .75);
	border-radius: .25rem;
	border-width: 1px;
	color: rgba(0, 0, 0, var(--tw-text-opacity));
	display: block;
	line-height: 1.25;
	padding: .75rem 1rem;
	width: 100%;
}

.formie-recaptcha-placeholder {
	margin-bottom: 1rem;
	margin-top: 1rem;
}

.text-center {
	text-align: center;
}

.middle {
	vertical-align: middle;
}

.display-inline-block {
	display: inline-block !important;
	width: auto !important;
}

.fa-pointer {
	cursor: pointer;
}

.margin-left {
	margin-left: 10px;
}

.form-control {
	--tw-bg-opacity: 1;
	--tw-text-opacity: 1;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
	border-color: rgba(0, 0, 0, .75);
	border-radius: 0.25rem;
	border-width: 1px;
	color: rgba(0, 0, 0, var(--tw-text-opacity));
	display: block;
	line-height: 1.25;
	padding: 0.75rem 1rem;
	width: 100%;
	box-shadow: none;
	height: auto;
}

.fa-refresh {
	color: #000
}

.fui-submit:after {
	flex-shrink: 0;
	font-family: Kodchasan, sans-serif;
	margin-left: .25rem;
	transition-duration: .2s;
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
	transition-timing-function: ease-in-out;
}

.fui-submit {
	--tw-border-opacity: 1;
	--tw-bg-opacity: 1;
	--tw-text-opacity: 1;
	align-items: center;
	background-color: rgba(0, 166, 81, var(--tw-bg-opacity));
	border-color: rgba(0, 166, 81, var(--tw-border-opacity));
	border-radius: 0;
	border-width: 1px;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	display: inline-flex;
	font-family: Kodchasan, sans-serif;
	font-size: 2rem;
	line-height: 1.5rem;
	line-height: 1;
	padding: 1.2rem 2rem;
	transition-duration: .2s;
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
	transition-timing-function: ease-in-out;
}

.fui-submit,
.fui-table-add-btn:hover {
	text-decoration: none;
}

.testimonial-card {
	background: #fff;
	border-radius: 20px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
	padding: 24px;
	max-width: 600px;
	margin: auto;
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 16px;
	min-height: 250px;
}

.testimonial-header {
	display: flex;
	align-items: center;
	gap: 16px;
}

.testimonial-avatar {
	width: 72px !important;
	height: 72px !important;
	border-radius: 50%;
	object-fit: cover;
	flex-shrink: 0;
}

.testimonial-name {
	font-weight: bold;
	font-size: 18px;
	color: #000;
}

.testimonial-job {
	font-size: 15px;
	color: #333;
	line-height: 1.4;
}

.testimonial-content {
	font-size: 16px;
	color: #000;
	line-height: 1.6;
}

.testimonial-icon {
	position: absolute;
	bottom: 16px;
	right: 20px;
	color: #f57c00;
	font-size: 20px;
}

.testimonial-carousel .owl-item {
	padding: 10px 15px;
}

.haraweb-tabs {
	text-align: center;
	margin-top: 40px;
}

.tab-title {
	font-size: 22px;
	font-weight: bold;
	color: #1c2957;
	margin-bottom: 20px;
}

.tab-buttons {
	display: flex;
	justify-content: center;
	gap: 15px;
	margin-bottom: 30px;
}

.tab-btn {
	background-color: #e26a00;
	color: white;
	padding: 12px 20px;
	border: none;
	border-radius: 6px;
	font-weight: bold;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.tab-btn.active,
.tab-btn:hover {
	background-color: #c15800;
}

/* Phần hiển thị nội dung */
.haraweb-section {
	/*background: linear-gradient(90deg, #FFFFFF 0%, #E1F3FC 100%);*/
	transition: background 0.5s ease;
	color: white;
	padding: 40px 0;
	font-family: Arial, sans-serif;
}

.container_noi_bat {
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	padding: 0 20px;
}

.left {
	flex: 1;
	min-width: 300px;
}

.left h2 {
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 16px;
	color: #213f80;
}

.left p {
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 20px;
}

.cta-btn {
	display: inline-block;
	padding: 12px 28px;
	font-size: 17px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff !important;
	background-color: #3f6bc8;
	border-radius: 8px;
	text-align: center;
	transition: all 0.3s ease;
}
.cta-btn:hover {
	background-color: #5a82d6;
}

.right {
	flex: 1;
	min-width: 300px;
	text-align: center;
}

.right img {
	max-width: 100%;
	border-radius: 12px;
}

.noi_bat_btn {
	color: black;
	padding: 12px 24px;
	border: none;
	border-radius: 8px;
	font-weight: bold;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.noi_bat_btn.active {
	background-color: #F8AE49;
	color: white;
}
.noi_bat_btn:hover {
	background: #f58f1e;
	color: white;	
}

.noi_bat_content {
	display: none;
}

.noi_bat_content.active {
	display: block;
}

.w-100 {
	width: 70px;
}

.body_contact {
	font-family: 'Roboto', sans-serif;
	background-image: url(/nen1.png);
	background-size: cover;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}

.container_contact {
	max-width: 1200px;
	margin: auto;
	padding: 50px 20px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 50px;
}

.left2 {
	flex: 2;
	color: #fff;
}

.left2 h2 {
	font-size: 28px;
	color: #000;
	font-weight: 700;
	margin-bottom: 40px;
	line-height: 1.4;
}

.left2 .feature-grid .feature .text h3 {
	color: #003366;
}

.left2 .feature-grid .feature .text h4 {
	color: #333;
	;
}

.feature-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 25px 40px;
}

.feature {
	display: flex;
	align-items: center;
	gap: 5px;
}

.icon {
	width: 48px;
	height: 48px;
	/*background: rgba(255, 255, 255, 0.1);*/
	background: #83c6f999;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 6px;
	flex-shrink: 0;
	margin-right: 15px;
}

.faq-answer h4 {
	font-weight: normal;
}

.icon svg {
	width: 24px;
	height: 24px;
	fill: #fff;
}

.text b {
	display: block;
	font-size: 16px;
	margin-bottom: 4px;
}

.text {
	font-size: 14px;
	line-height: 1.5;
}

.right2 {
	width: 30%;
	background: #fff;
	border-radius: 8px;
	padding: 25px;
	color: #000;
	box-sizing: border-box;
}

.right2 h3 {
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 5px;
	text-align: center;
}

.right2 h4 {
	font-size: 13px;
	text-align: center;
	margin-bottom: 15px;
	white-space: nowrap;
}

.right2 input,
.right2 select,
.right2 textarea {
	width: 100%;
	padding: 10px;
	margin-bottom: 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 14px;
	box-sizing: border-box;
}

.right2 button {
	width: 100%;
	padding: 12px 24px;
	background: #f8ae49;
	color: #fff;
	font-size: 15px;
	border: none;
	border-radius: 8px;
	cursor: pointer;
}

.right2 button:hover, .btn-yellow:hover {
	background: #f58f1e;
}

.note {
	font-size: 12px;
	color: #666;
	margin: 5px 0 15px;
	line-height: 1.4;
}

.note a {
	color: #0066d9;
	text-decoration: none;
}

.class_img_background {
	max-height: 35px;
	object-fit: contain;

}

.contact-bar {
	position: fixed;
	top: 70%;
	right: 37px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	z-index: 9999;

	position: fixed;

	transform: translateY(-50%);
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.contact-bar a i {
	padding-left: 8px;
	padding-top: 3px;
}

.contact-bar a {
	background: #3F6BC8;
	border-radius: 50%;
	align-items: center;
	font-size: 20px;
	text-decoration: none;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);

	position: relative;
	display: inline-flex;
	justify-content: center;
	color: #fff;
	width: 50px;
	height: 50px;
	padding: 0 12px 0 14px;
	overflow: hidden;
	transition: width 0.28s ease, border-radius 0.28s ease, background-color 0.3s ease, box-shadow 0.3s ease;
	will-change: width;
}

.contact-bar a img {
	width: 25px;
	margin-left: 5px;
	margin-top: 3px;
}

.contact-bar .contact-text {
	font-size: 16px;
	margin-left: 10px;
	opacity: 0;
	max-width: 0;
	white-space: nowrap;
	overflow: hidden;
	text-align: right;
	transform: translateX(8px);
	transition: max-width 0.28s ease, opacity 0.2s ease, transform 0.28s ease;
}

.contact-bar a:hover {
	width: 170px;
	border-radius: 28px;
	background-color: #2851a3; /* đổi màu khi hover */
	box-shadow: 0 4px 10px rgba(0,0,0,0.2); /* thêm bóng mờ */
}

.contact-bar .zalo {
	font-size: 14px;
	font-weight: bold;
}

.contact-bar a:hover .contact-text {
	opacity: 1;
	max-width: 150px;
	transform: translateX(0);
}

.contact-bar a:hover img {
	width: 25px;  
}


/* Hiệu ứng chớp cho icon điện thoại */
.blink {
	animation: blinkPhone 1s infinite;
}


@media (max-width: 768px) {
	footer .footer_cus .row {
		display: flex;
		flex-direction: column;
		gap: 15px;
	}

	/* Logo + giới thiệu */
	footer .link_nut_footer_contai {
		text-align: center;
		padding: 10px;
		border-radius: 6px;
	}

	footer .link_nut_footer_contai img {
		max-width: 150px;
		margin-bottom: 10px;
	}

	/* Các cột Trụ sở / VP / Nhà máy */
	footer .wrap_bgd {
		background: rgba(255, 255, 255, 0.05);
		border-radius: 6px;
		padding: 10px 15px;
		text-align: left;
	}

	footer .title-heading {
		margin: 0 0 5px;
		font-size: 15px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		padding-bottom: 3px;
	}

	footer .body-panel .menu {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	footer .body-panel .menu li {
		display: block;
		margin-bottom: 6px;
	}

	footer .body-panel .menu li a {
		display: block;
		font-size: 14px;
	}

	/* Block thử ngay hôm nay */
	footer .tnhn,
	footer .btn_custom_footer,
	footer p {
		text-align: center;
	}

	footer .btn_custom_footer {
		display: inline-block;
		margin-top: 8px;
	}

	/* Copyright */
	footer .copyright {
		text-align: center;
		padding-top: 10px;
		font-size: 13px;
		opacity: 0.8;
	}

	/* Block thử ngay hôm nay trên mobile */
	footer .col-xs-24.col-sm-6.col-md-6.col-lg-6 {
		background: rgba(255, 255, 255, 0.05);
		border-radius: 6px;
		padding: 15px;
		text-align: center;
		margin-top: 10px;
	}

	footer .tnhn {
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 5px;
	}

	footer .col-xs-24.col-sm-6.col-md-6.col-lg-6 p {
		margin-bottom: 8px;
		font-size: 14px;
		opacity: 0.9;
	}

	footer .btn_custom_footer {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 10px 18px;
		background: #3aa4ff;
		border-radius: 6px;
		font-weight: bold;
	}

	footer .btn_custom_footer i {
		margin-left: 6px;
	}
}

.container_dk_dung_thu {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: auto;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 100%;
	padding: 0 30px;
}
.left_dk {
	position: relative;
	flex: 1;
	background-repeat: no-repeat;
	background-size: contain;
	background-position-x: right;
        /*text-align: center;
*/    }
	.left_dk img {
		max-width: 50%;
	}
	.play-btn {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background: rgba(255, 255, 255, 0.8);
		border-radius: 50%;
		width: 80px;
		height: 80px;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		box-shadow: 0 4px 10px rgba(0,0,0,0.2);
	}
	.play-btn::before {
		content: "";
		border-left: 20px solid #007bff;
		border-top: 12px solid transparent;
		border-bottom: 12px solid transparent;
	}
	.right_dk {
		flex: 1;
		padding-left: 40px;
	}
	.right_dk h2 {
		color: #004aad;
		text-transform: uppercase;
	}

	.right_dk h3 {
		color: #004aad;
		text-transform: uppercase;
	}
	.right_dk p {
		font-weight: 600;
		font-size: 1.6rem;
		margin-bottom: 20px;
	}

	.right_dk ul {
		position: relative;
	}

	.right_dk ul li::before {
		content: "✔";
		position: absolute;
		left: 0;
		color: green;
		font-size: 18px;
		margin-right: 8px;
	}

	.right_dk ul li {
		padding-left: 28px;
		margin-top: 8px;
		font-size: 1.5rem;
	}

	.buttons {
		padding: 50px 0;
		text-align: center;
	}
	.btn_dk {
		padding: 12px 25px;
		border-radius: 25px;
		color: #fff !important;
		border: none;
		cursor: pointer;
		font-size: 16px;
		font-weight: bold;
		cursor: pointer;
		transition: all 0.3s ease;
		box-shadow: 0 4px 6px rgba(0,0,0,0.2);
		margin: 0px 30px;
	}
	.btn-green {
		background: #00b894;
	}
	.btn-green:hover {
		background-color: #1dd1a1;
		transform: translateY(-4px);
		box-shadow: 0 8px 16px rgba(0,0,0,0.3);
	}
	.btn-orange {
		background: #ff5722;
	}
	.btn-orange:hover {
		background-color: #ff784e;
		transform: translateY(-4px);
		box-shadow: 0 8px 16px rgba(0,0,0,0.3);
	}
	/* Popup video */
	.popup {
		display: none;
		position: fixed;
		z-index: 999;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.7);
		justify-content: center;
		align-items: center;
	}
	.popup-content {
		position: relative;
		width: 80%;
		max-width: 800px;
		background: #000;
		padding: 0;
		border: 5px solid #fff;
	}
	.popup iframe {
		width: 100%;
		height: 450px;
	}
	.close-btn {
		position: absolute;
		top: 10px;
		right: 15px;
		color: #fff;
		font-size: 28px;
		cursor: pointer;
	}

	@supports ((-webkit-mask-image:url()) or (mask-image:url())) {
		.fui-submit:after {
			background-color: currentColor;
			content: "";
			display: block;
			height: .85em;
			-webkit-mask-position: center;
			mask-position: center;
			-webkit-mask-repeat: no-repeat;
			mask-repeat: no-repeat;
			-webkit-mask-size: 100% 100%;
			mask-size: 100% 100%;
			width: .85em;
		}
	}

	@media (max-width: 767px) {
		.news-hot-large {
			margin-bottom: 20px;
		}

		.img-4-3 {
			padding-top: 60%;
		}

		.mrg-b-10 {
			margin-bottom: 6px;
		}

		.news-list .img {
			flex-basis: 120px;
		}
	}

	@media (min-width: 660px) {
		.fui-row>div {
			flex: 1 1 0%;
			margin-bottom: 0;
			width: auto;
		}
	}

	@media (max-width: 991.98px) {
		.logo_xs {
			display: flex;
			align-items: center;
			font-weight: bold;
			justify-content: center;
			flex-direction: column;
		}

		.pricing-card {
			min-height: auto;
		}

		.container_dk_dung_thu {
			display: flex;
			flex-direction: column-reverse;
			padding: 0;
		}

		.right_dk {
			padding-left: 0 !important;
		}

		.btn_dk {
			margin: 5px;
		}

		#timeline-events {
			margin-left: -20px !important;
		}

		.content_wrapper_gioi_thieu {
			height: auto !important;
		}

		.stats-section {
			flex-direction: column;
			gap: 0 !important;
		}

		.box {
			position: relative !important;
			width: auto !important;
			margin: 20px 0;
		}

		.stats-item {
			margin-bottom: 30px !important;
			background: #d6f5d6;
			padding: 20px;
			border-radius: 10px;
		}

		#road-img {
			display: none;
		}

		.about_us_section {
			flex-direction: column-reverse;
		}

		.awards-grid {
			grid-template-columns: repeat(1, 1fr) !important;
		}

		#mobileMenu .logo_xs .actions {
			display: block;
			margin:  20px;
		}

		.header .actions {
			display: none;
		}

		.logo_xs img {
			width: 40%;
		}

		.mo_menu_mobile {
			display: block;
		}

		.box_header, .hero {
			/*flex-direction: column;*/
			align-items: center;
		}

		.nav {
			position: fixed;
			top: 0;
			left: -100%;
			width: 80%;
			height: 100vh;
			background-color: #fff;
			flex-direction: column;
			transition: left 0.3s ease;
			z-index: 1000;
			overflow-y: auto;
		}

		.nav.open {
			left: 0;
		}

	/*	.nav ul {
		flex-direction: column;
		gap: 0;
		width: 100%;
	}
*/
		.nav ul li {
			border-top: 1px solid #8080802e;
			border-bottom: 1px solid #8080802e;
			cursor: pointer;
			width: 100%;
		}

		.nav ul li ul.dropdown {
			max-height: 0;
			overflow: hidden;
			transition: 0.3s ease;
			padding-left: 10px;
			background: transparent;
			position: relative;
			opacity: 1;
			visibility: visible;
		}

		.nav ul li ul.dropdown {
			max-height: 0;
			overflow: hidden;
			transition: 0.3s ease;
			padding-left: 10px;
			background: transparent;
			position: relative;
			opacity: 1;
			visibility: visible;
		}

		.nav ul li.active_collaspe>.mega-menu {
			max-height: 500px;
			display: block;
			transition: 0.3s ease;
		}

		.nav ul li.active_collaspe>a .caret {
			transform: rotate(180deg);
		}

		.menu_header > li > a {
			padding: 15px 20px !important;
			display: flex !important;
			justify-content: space-between;
			align-items: center;
		}

		.nav ul li a:hover {
			border-bottom: none;
		}

		.dropdown-container {
			width: auto;
		}

		.dropdown {
			top: 5px;
			padding: 0;
		}

		.dropdown .dropdown {
			position: relative;
			left: 0;
			top: 0;
			margin-left: 10px;
		}

		.hero {
			padding: 40px 20px;
		}

		.hero-text,
		.hero-image {
			max-width: 100%;
		}

		.hero-text h1 {
			font-size: 3rem;
		}

		.hero-image {
			position: initial;
		}

		.hero::after {
			background-size: cover;
		}

		.btn_custom {
			font-size: 1.5rem;
			height: 45px;
		}

		.container_contact {
			display: block;
		}

		.left2 {
			margin-bottom: 20px;
		}

		.feature {
			display: grid;
			align-items: center;
			justify-content: center;
			align-self: center;
			gap: 10px;

		}

		.right2 {
			width: 100%;
		}
	}

	@media (max-width: 991.98px) {
		.height_data_app {
			min-height: 120px;
		}

		.flex_center_xs {
			flex-direction: column !important;
		}

		.h2_fontsize,
		.testimonial-section .testimonial-title {
			font-size: 2.6rem;
		}

		.hero-slider {
			min-height: 0 !important;
		}

		.menu_header {
			flex-direction: column;
		}

		.mega-menu {
			max-height: 0;
			overflow: hidden;
			transition: max-height 0.3s ease;
			border:  none !important;
			min-width: 100% !important;
			position: relative !important;
		}
	}

	.container_banner .owl-carousel .item_banner {
		position: relative;
	}

	.container_banner .owl-carousel .item_banner .infor_banner {
		position: absolute;
		bottom: 50px;            
		left: 50%;
		transform: translateX(-50%);
		text-align: center;  
		color: #fff;          
		/*background: rgba(0,0,0,0.5);*/
		padding: 10px 20px;
		border-radius: 5px;
	}

	.container_banner .owl-carousel .item_banner .infor_banner h2 {
		/*-webkit-text-stroke: 1px #fff;*/
		color: #194783;
		text-transform: uppercase;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
		font-size: 48px;
		margin: 0;
	}

	.container_banner .owl-carousel .item_banner .infor_banner h3 {
		/*-webkit-text-stroke: 1px black;*/
		color: #194783;
		text-transform: uppercase;
		font-size: 24px;
		margin: 0;
	}

	.container_banner .owl-carousel .item_banner ul {
		color: #194783;
		list-style: none;
		padding: 0;
		margin: 0 0 15px 0
	}

	.container_banner .owl-carousel .item_banner ul li {
		margin: 5px 0;
		font-size: 16px;
	}

	.container_banner .owl-carousel .item_banner .btn-learn-more {
		display: inline-block;
		padding: 12px 24px;
		/*background: #d93025;*/
		background: #00b050;
		color: #fff;
		border-radius: 4px;
		text-decoration: none;
		font-weight: bold;
		transition: background 0.3s;
		box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
	}


	.container_banner .owl-carousel .item_banner img {
		width: 100%;
		height: 800px;
		object-fit: cover;
	}



/* Mũi tên trái/phải */
.container_banner .custom-prev,.custom-next {
	font-size: 20px;
	width: 50px;
	height: 50px;
	color: white;
	position: absolute;
	top: 45%;
	transform: translateY(-50%);
	padding: 10px;
	border-radius: 50%;
	cursor: pointer;
	z-index: 1000;
}

.custom-prev:hover,
.custom-next:hover {
	background: rgba(0, 0, 0, 0.6);
}

.container_banner .custom-prev {
	left: 10px;
}

.container_banner .custom-next {
	right: 10px;
}

/* Dot bên dưới */

.container_banner .owl-carousel .owl-dots {
	position: absolute;
	bottom: 5px;
	left: 50%;
	transform: translateX(-50%);
	width: auto;
	background: none;
	z-index: 20;
	text-align: center;
	margin-top: 10px;
}

.bang_gia_giai_phap ul {
	list-style: disc;
	padding-left: 50px;
}

.container_banner .owl-dot span {
	width: 9px !important;
	height: 9px !important;
	background: #ccc;
	display: inline-block;
	border-radius: 50%;
	border: 1px solid #3f6bc880;
	margin: 5px;
	transition: background 0.3s;
}

.container_banner .owl-dot.active span {
	background: #fff;
}


.container_banner .owl-carousel .owl-nav {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.container_banner .owl-carousel .owl-nav button {
	pointer-events: all;
	background: none;
	border: none;
}


.hinh_icon {
	display: flex;
	justify-content: space-around;
	margin: 5px 35px 0px;
}

.hinh_icon img {
	width: 10%;
	object-fit: cover;
}


.logo_nha {
	display: flex;
	align-items: center;
	list-style: disc;
	margin: 25px 35px 15px;
	color: black;
	justify-content: space-around;
}


.heading_tinh_nang {
	margin: 0 0 30px;
	padding: 0;
	font-size: 32px;
	color: #000;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;	
}



.display_cat {
	display: grid;
	align-items: center;
	gap: 10px;
	grid-template-columns: 1fr 3fr;
}

.mo_ta_tinh_nang {
	margin-bottom: 20px;
	color: black;
}

.mo_ta_tinh_nang h3 {
	font-size: 20px;
	margin: 15px 0;
}

.mo_ta_tinh_nang ul {
	line-height: 1.8;
}

.mo_ta_tinh_nang ul li {
	font-size: 18px;
	position: relative;
	padding-left: 28px;
	margin-top: 8px;
}

.mo_ta_tinh_nang ul li::before {
	content: "✔";
	position: absolute;
	left: 0;
	color: green;
	font-size: 18px;
	margin-right: 8px;
}


.mo_ta_tinh_nang p {
	margin-bottom: 0px;
}

/* Ẩn nút prev và next mặc định */
.owl-carousel_js .owl-nav {
	opacity: 0;
	transition: opacity 0.3s ease;
}

/* Khi rê chuột vào thì hiện */
.owl-carousel_js:hover .owl-nav {
	opacity: 1;
}


/* Tùy chỉnh vị trí nav nếu cần */
.owl-carousel_js .owl-nav .custom-prev,
.owl-carousel_js .owl-nav .custom-next {
	font-size: 24px;
	color: #fff;
	padding: 6px 10px;
	border-radius: 50%;
	cursor: pointer;
}

.owl-carousel_js .owl-nav .custom-prev {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.owl-carousel_js .owl-nav .custom-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.feature-grid p {
	color: #000;
}

section {
	margin: 30px 0px;
}

.about-section {
	background: url('/nen4.webp') no-repeat;
	background-size: cover;
	margin: 0px 0px;
}



.left_tinh_nang {
	width: 50%;
}

.left_tinh_nang h2 {
	font-size: 28px;
	font-weight: bold;
	/*margin-bottom: 16px;*/
	/*color: #213f80;*/
	color: black;
}

.left_tinh_nang p {
	font-size: 16px;
	line-height: 1.5;
}

.right_tinh_nang{
	width: 50%;
}


.right_tinh_nang img{
	border-radius: 12px;
}

.container_tinh_nang {
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 30px;
	padding: 0 20px;
}


.menu_header {
	list-style: none;
	display: flex;
	margin: 0;
	padding: 0;
}
.menu_header li {
	position: relative;
}
.menu_header > li > a {
	display: block;
	padding: 15px 20px;
	color: #002F6C;
	font-size: 20px;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 3px solid white;
}
.menu_header > li > a:hover {
	color: #043873;
	border-bottom: 3px solid #009688;
}
.has-mega:hover > .mega-menu {
	display: block;
}

.menu_header > li.has-mega {
	position: relative;
}

.menu_header > li.has-mega > .mega-menu {
	position: absolute;
	top: 100%;
	left: 0; 
	min-width: 250px; 
	background: #fff;
	border: 1px solid #ddd;
	z-index: 1000;
}

.menu_header li.has-mega .mega-menu .has-mega {
	position: relative;
}

.menu_header li.has-mega .mega-menu .has-mega > .mega-menu {
	position: absolute;
	top: 0;
	left: 100%;
	min-width: 220px;
	background: #fff;
	border: 1px solid #ddd;
}


.mega-menu {
	display: none;
	min-width: 150%;
	position: absolute;
	top: 100%;
	left: 0;
	background: #fff;
	border: 1px solid #ddd;
	box-shadow: 0 4px 8px rgba(0,0,0,0.1);
	z-index: 999;
	white-space: nowrap;    
}
.mega-top {
	display: flex;
	border-bottom: 1px solid #ddd;
	flex-direction: column;
}
.mega-top > li {
	flex: none;
	text-align: left;
	position: relative;
}
.mega-top > li > a {
	display: block;
	padding: 20px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
.mega-top > li > a:hover {
	color: #043873;
	/*border-bottom: 2px solid #009688;*/
}
.sub-menu-lv3 {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background: #fff;
	padding: 15px;
	border-top: 1px solid #ddd;
	box-shadow: 0 4px 8px rgba(0,0,0,0.05);
	text-align: left;
	white-space: normal;
}
.mega-top > li:hover .sub-menu-lv3 {
	display: flex;
	gap: 30px;
}
.sub-menu-lv3 ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.sub-menu-lv3 ul li {
	margin-bottom: 8px;
}
.sub-menu-lv3 ul li a {
	color: #000;
	text-decoration: none;
}
.sub-menu-lv3 ul li a:hover {
	color: #009688;
}
.menu_header > li > a:hover,
.menu_header > li.has-mega:hover > a {
	color: #043873;
	border-bottom: 3px solid #009688;
}

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

.bang_gia_dich_vu .btn-default {
	text-transform: uppercase;
	transition: all 0.25s ease;
	color: #1e4fb4;
	background: #e6f0ff;
	padding: 15px 0;
}

.bang_gia_dich_vu .btn-default:hover {
	background-color: #F8AE49 !important;
	border-color: #ffb84d;
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
	transform: translateY(-3px);
	font-weight: bold;
	color: #fff;
}

.bang_gia_dich_vu .btn-default:active {
	transform: translateY(-1px);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.mb-3 {
	margin-bottom: 1rem !important;
}

#modal-dialog-wework .modal-title {
	text-align: center;
	color: #1e4fb4;
}