:root {
	--main-gradient: linear-gradient(92.16deg, #020C6A 0%, #1A85F8 56.7%, #66E5FB 100%);
	--main-gradient2: linear-gradient(92.16deg, rgba(2, 12, 106, 0.5) 0%,  rgba(26, 133, 248, 0.5) 56.7%, rgba(102, 229, 251, 0.5) 100%);
	/*             --main-bg2: #1E90FF; */
	--main-bg2: black;
	--main-bg: white;
	--text-color-main: white;
	--text-color: black;
}

.gradient-text {
	background: var(--main-gradient);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.gradient-hover {
	transition: all 0.3s ease;
}

.gradient-hover:hover {
	background: var(--main-gradient);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
body {
	overflow-x: hidden;
}

.homenest_h3_software figure {
	display: block;
	margin: 0px;
}
.homenest_h3_software img {
	display: inline-block;
	max-width: 100%;
	object-fit: cover;
	object-position: center center; 
	height: auto;
	transition-delay: .1s;
	transition-timing-function: ease-in-out;
	transition-duration: .7s;
	transition-property: all;
}
.homenest_h3_software{
	width: 100vw;
	overflow: hidden;
	margin-top: -107px;
}
.homenest_h3_software a {
	text-decoration: none;
	color: var(--text-color);
}

.homenest_h3_software ul,
.homenest_h3_software li {
	list-style: none;
	padding: 0px;
	margin: 0px;
	color: var(--text-color-main);
}

.homenest_h3_software h1,
.homenest_h3_software h2,
.homenest_h3_software h3,
.homenest_h3_software h4,
.homenest_h3_software h5,
.homenest_h3_software h6 {
	position: relative;
	font-weight: 400;
	color: var(--text-color-main);
	line-height: 29px;
	margin: 0px;
	transition: all 500ms ease;
}

.homenest_h3_software h1 {
	font-size: 50px;
	line-height: 60px;
}
.homenest_h3_software p {
	position: relative;
	color: var(--text-color-main);
	font-size: 16px;
	line-height: 29px;
	margin-bottom: 0;
	transition: all 500ms ease;
}
.homenest_h3_software p:last-child {
	margin-bottom: 0px;
}
.homenest_h3_software h2 {
	font-size: 50px;
	font-weight: 700;
	line-height: 70px;
}

.homenest_h3_software h3 {
	font-size: 32px;
	font-weight: 600;
	line-height: 42px;
}

.homenest_h3_software .container {
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
}

.homenest_h3_software .header {
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	height: 100vh;
	width: 100px;
	background: var(--main-gradient);
	z-index: 1000;
}

.homenest_h3_software .header img {
	width: 75px;
	height: 75px;
	margin-top: 20px;
}

.homenest_h3_software .banner_media_2 ul {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 20px 0;
	gap: 20px;
}
.homenest_h3_software .container.section {
	position: relative;
	display: flex;
	justify-content: center;
}

.homenest_h3_software .container.section.sc1 {
    background: url(/wp-content/uploads/2025/07/view-starry-night-sky-with-nature-mountains-landscape-scaled-1.webp) no-repeat center center;
    background-size: cover;
    padding-top: 215px;
    z-index: 0;
}
.homenest_h3_software .container.section.sc6 {
	background: url(/wp-content/uploads/2025/07/ai-generated-8563258_1280.webp) no-repeat center center;
	background-size: cover;
}
.homenest_h3_software .container.section.sc6 .main{
	background: rgba(0,0,0,0.5);
}
.homenest_h3_software .main {
	max-width: 1400px;
	width: 100%;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	position: relative;
}

.homenest_h3_software .main .content {
	display: flex;
	justify-content: center;
	width: 100%;
}
.homenest_h3_software .sc2 .main .boild__text{
	width: 100%;
	overflow: hidden;
}
.homenest_h3_software .sc2 .main .content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.homenest_h3_software .sc2 .main .content figure {
	flex: 1;
}
.homenest_h3_software .sc2 .main .content .about__text__block {
	flex: 1;
}
.homenest_h3_software .container.section.sc1 .main .content {
	display: flex;
	justify-content: center;
	width: 50%;
}
.homenest_h3_software .overlay {
	position: fixed;
	top: 0;
	left: 100px;
	width: calc(100% - 100px);
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 998;
	display: none;
	transition: opacity 0.3s ease;
}

.homenest_h3_software .overlay.show {
	display: block;
}

.homenest_h3_software .sub__title h4 {
	color: var(--text-color);
	padding-left: 6px;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 10px;
	text-transform: uppercase;
	margin: 0;
}

.homenest_h3_software .banner__title h1 {
	color: var(--text-color-main);
	font-size: 80px;
	font-weight: 700;
	line-height: 90px;
	margin: 0;
	padding: 20px 0;
}

.homenest_h3_software .text p {
	padding: 0px 31px 30px 0px;
}

.homenest_h3_software .btn-box {
	display: flex;
}

.homenest_h3_software .theme-btn {
	position: relative;
	background: var(--main-gradient);
	color: #ffffff;
	padding: 13px 25px;
	border-radius: 5px;
	text-decoration: none;
	border: none;
	overflow: hidden;
	z-index: 1;
	display: flex;
	gap: 15px;
	align-items: center;
}
.homenest_h3_software .p_absolute {
	position: absolute;
	z-index: -1;
	transition: transform 1s ease;
	will-change: transform;
}
.homenest_h3_software .theme-btn span {
	position: relative;
	z-index: 3;
	/* Cao hơn lớp ::before */
}

/* Lớp phủ chạy qua khi hover */
.homenest_h3_software .theme-btn::before {
	content: "";
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: var(--main-gradient);
	opacity: 0.3;
	z-index: 2;
	transition: left 0.6s ease;
}

.homenest_h3_software .theme-btn:hover::before {
	left: 0%;
}

.homenest_h3_software .banner__bottom {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding-top: 109px;
}

.homenest_h3_software .mission__block {
	position: relative;
	overflow: hidden;
	padding: 50px 60px;
	border-right: 1px solid rgba(255, 255, 255, 0.10);
	background: rgba(26, 133, 248, 0.3);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	z-index: 1;
}

.homenest_h3_software .mission__block::before {
	content: "";
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: var(--main-gradient); /* hoặc linear-gradient(...) */
	transition: left 0.7s ease;
	z-index: 0;
}

.homenest_h3_software .mission__block:hover::before {
	left: 0;
}

.homenest_h3_software .mission__block * {
	position: relative;
	z-index: 1;
}



.homenest_h3_software .boild__text h1 {
	font-size: 300px;
	width: 100%;
	overflow: hidden;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	position: absolute;
	-webkit-text-stroke: 1px rgba(102, 229, 251, 0.5);
	color: transparent;
	top: -17px;
	left: -17%;
}

.homenest_h3_software .about__text__block {
	display: flex;
	padding: 0 60px 0 90px;
	flex-direction: column;
	justify-content: center;
	margin-top: -80px;
}

.homenest_h3_software .about__text__block .texts {
	padding: 35px 0px;
}

.homenest_h3_software .container.section2 .main .content {
	padding-bottom: 140px;
}
.homenest_h3_software .sc2, .homenest_h3_software .sc4{
	position: relative;
}
.homenest_h3_software .sc2 .pattern-4 {
	width: 506px;
	height: 469px;
	overflow: hidden;
	right: 0;
	bottom: -140px;
}
.homenest_h3_software .sc3 {
	flex-direction: column;
	align-items: center;
	padding: 140px 0;
	position: relative;
}
.homenest_h3_software .sc3 .pattern-2 {
	width: 299px;
	height: 300px;
	background-repeat: no-repeat;
	left: -10px;
	top: -80px;
}
.homenest_h3_software .sc4 {
	flex-direction: column;
	align-items: center;
	justify-content: start !important;
	background: linear-gradient(-17.84deg, #020C6A 0%, #1A85F8 56.7%, #66E5FB 100%) ;
	padding: 100px 0;
	height: 600px;
}

.homenest_h3_software .title__data {
	position: relative;
	padding-left: 70px;
	padding-bottom: 60px;
	margin-left: 20px;
}
.homenest_h3_software .sc9 h2{
	white-space: nowrap;
}
.homenest_h3_software .sc4 .title__data:before{
	content: "";
	background-image: url(/wp-content/uploads/2025/07/icon_hn.webp);
	width: 60px;
	height: 60px;
	position: absolute;
	background-repeat: no-repeat;
	left: 0;
	top: 5px;
	background-size: contain;
}
.homenest_h3_software .title__data:before {
	content: "";
	background-image: url(/wp-content/uploads/2025/07/Logo_hn-1-e1747724182269.webp);
	width: 60px;
	height: 60px;
	position: absolute;
	background-repeat: no-repeat;
	left: 0;
	top: 5px;
	background-size: contain;
}

.homenest_h3_software .sc3 .content {
	display: flex;
	width: 100%;
	justify-content: start;
}

.homenest_h3_software .sc3 .content .choose_us_block {
	flex-grow: 1;
	padding: 0 25px;
}

.homenest_h3_software .choose_us_block h2 {
	padding-bottom: 30px;
	font-size: 45px;
}

.homenest_h3_software .choose_us_block li:nth-child(1) {
	padding-top: 0;
}

.homenest_h3_software .choose_us_block li {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 22px;
	font-weight: 400;
	line-height: 36px;
	padding: 20px 0;
	border-bottom: 1px solid var(--text-color);
	overflow: hidden;
	color: var(--text-color);
	background: rgba(255, 255, 255);
}

/* Hiệu ứng gradient trượt qua bằng ::before */
.homenest_h3_software .choose_us_block li::before {
	content: "";
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: var(--main-gradient);
	z-index: 1;
	transition: left 0.5s ease;
	mix-blend-mode: screen;
	pointer-events: none;
}

/* Hover: gradient trượt từ trái sang phải phủ lên text */
.homenest_h3_software .choose_us_block li:hover::before {
	left: 0;
}


.homenest_h3_software .swiper {
	position: absolute;
	top: 139px;
	left: 0;
	width: 100vw;
	height: 250px;
	z-index: 0;
}

.homenest_h3_software .swiper-slide {
	position: relative;
	overflow: hidden;
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.homenest_h3_software .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/* Lớp phủ chứa cả background và nội dung */
.homenest_h3_software .slide-overlay {
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: var(--main-gradient2);
	display: flex;
	color: white;
	z-index: 2;
	transition: left 0.6s ease;
}

/* Hover thì toàn bộ lớp phủ trượt vào từ trái */
.homenest_h3_software .swiper-slide:hover .slide-overlay {
	left: 0;
}

/* Nội dung bên trong lớp phủ */
.homenest_h3_software .slide-overlay-content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	animation: fadeInUp 0.6s ease forwards;
	width: 100%;
	opacity: 0;
}
.homenest_h3_software .slide-overlay-content .content_text .content_title {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.homenest_h3_software .slide-overlay-content .content_text{
	margin: 25px;
	text-align: left;
}
/* Kích hoạt animation sau khi overlay hiển thị */
.homenest_h3_software .swiper-slide:hover .slide-overlay-content {
	opacity: 1;
}

@keyframes fadeInUp {
	from {
		transform: translateY(20px);
		opacity: 0;
	}
	to {
		transform: translateY(0);
		opacity: 1;
	}
}

.homenest_h3_software .slide-overlay-content h3 {
	font-size: 24px;
}
.homenest_h3_software .slide-overlay-content h5 {
	font-size: 16px;
	font-weight: 600;
}
.homenest_h3_software .slide-overlay-content p {
	font-size: 14px;
	margin: 0;
}
.homenest_h3_software .sc5 .title__data:before{
	margin-top: -5px;
}
.homenest_h3_software .slide-overlay-content button {
	text-align: start;
	margin: 25px;
	padding: 15px 20px;
	border-radius: 5px;
	border: none;
	cursor: pointer;
	font-size: 16px;
	font-weight: 500;
}
.homenest_h3_software .sc5, .sc6{
	padding: 140px 0
}
.homenest_h3_software .sc6 .main {
	align-items: center;
	text-align: center;
	justify-content: center;
	padding: 140px 0;

}
.homenest_h3_software .sc5 .main {
	background-color: rgba(245, 245, 245, 0.6);
	backdrop-filter: blur(8px);
	border-radius: 10px;
	padding: 120px 90px 120px 70px;
}

.homenest_h3_software .sc5 .main .row {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.homenest_h3_software .sc5 .main .content {
	flex-grow: 5;
	flex-direction: column;
	padding-right: 50px;
	width: auto;
}
.homenest_h3_software .sc5 .main .content .btn-box {
	padding-left:70px;
}
.homenest_h3_software .sc5 .main .counter {
	max-width: 470px;
	min-width: 330px;
	flex-grow: 4;
	display: flex;
	justify-content: center;
	align-items: center;
}

.homenest_h3_software .sc6 .main img {
	width: 150px;
	height: 150px;
	margin-bottom: 20px;
}
.homenest_h3_software .sc6 .main h1 {
	font-size: 80px;
	font-style: normal;
	font-weight: 400;
	line-height: 90px;
	padding: 0px 175px;
}
.homenest_h3_software .funfact__data {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 14px;
}
.homenest_h3_software .funfact__data .funfact__content {
	width: 150px;
	height: 170px;
	text-align: center;
	clip-path: polygon(50% 0, 100% 27%, 100% 73%, 50% 100%, 0 73%, 0 27%);
	padding: 45px 27px;
}
.homenest_h3_software .funfact__content.one {
	background: #66E5FB ;
}
.homenest_h3_software .funfact__content.two {
	background: #1A85F8  ;
}
.homenest_h3_software .funfact__content.three {
	background: #020C6A  ;
	margin-top: -44px;
}
.homenest_h3_software .funfact__data .funfact__content .count-outer {
	display: flex;
	justify-content: center;
	align-items: center;
}
.homenest_h3_software .funfact__data .count-outer h1.count-text {
	color: #fff;
	font-size: 40px;
	font-style: normal;
	font-weight: 600;
	line-height: 42px;
}
.homenest_h3_software .funfact__data .count-outer span {
	color: #fff;
	font-size: 32px;
	font-style: normal;
	font-weight: 300;
	line-height: 42px;
}
.homenest_h3_software .funfact__data .count-outer span.two {
	font-weight: 600 !important;
}
.homenest_h3_software .funfact__data .funfact__content p {
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
	margin: 0;
}
.homenest_h3_software .sc7{
	position: relative;
}
.homenest_h3_software .sc7 .main{
	flex-direction: row;
	margin-right: -15px;
	margin-left: -15px;
	gap: 30px;
}
.homenest_h3_software .sc7 .main .content_list,
.homenest_h3_software .sc7 .main .content_img{
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}
.homenest_h3_software .sc7 .main .content_text {
	width: 100%;
	max-width: 22.55555%;
	padding-top: 60px;
}
.homenest_h3_software .sc7 .main .content_list {
	max-width: 31%;
}
.homenest_h3_software .sc7 .main .content_img{
	max-width: 43.44445%;
}
.homenest_h3_software .sc7 .main img{
	height: 100%;
	max-height: 650px;
	width: 100%;
}
.homenest_h3_software .consultation__list{
	padding-top: 41px;
}
.homenest_h3_software .consultation__list li a {
	font-size: 26px;
	font-style: normal;
	font-weight: 400;
	line-height: 36px;
	padding: 35px 0px 35px 85px;
	border-bottom: 1px solid var(--text-color);
	display: flex;
	align-items: center;
	position: relative;
	background: var(--main-bg);
	overflow: hidden;
}
.homenest_h3_software .consultation__list li a::before {
	content: "";
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: var(--main-gradient);
	z-index: 1;
	transition: left 0.5s ease;
	mix-blend-mode: screen;
	pointer-events: none;
}
.homenest_h3_software .consultation__list li a:hover::before{
	left:0;
}
.homenest_h3_software .consultation__list li a span {
	height: 100%;
	padding: 0px 16px;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	position: absolute;
	display: flex;
	align-items: center;
	border-right: 1px solid var(--text-color);
	width: 52px;
	left: 0;
}
.homenest_h3_software .consultation__img {
	margin-top: -50px;
}
.homenest_h3_software .consultation__text h3 {
	padding-bottom: 30px;
}
.homenest_h3_software .consultation__text p {
	padding-bottom: 20px;
}
.homenest_h3_software .consultation__button {
	padding-top: 20px;
}
.homenest_h3_software .sc8{
	position: relative;
	padding: 140px 0;
}
.homenest_h3_software .sc8 .row {
	display: flex;
	align-items: center;
}
.homenest_h3_software .sc8 .row .wow{
	flex: 1;
	padding: 0 15px;;
}
.homenest_h3_software .sc8 .pattern-1 {
	width: 100%;
	height: 900px;
	background-repeat: no-repeat;
	top: -20px;
	left: 0;
}
.homenest_h3_software .sc8 h2,
.homenest_h3_software .sc3 h2,
.homenest_h3_software .sc3 li,
.homenest_h3_software .sc2 h2,
.homenest_h3_software .sc2 p,
.homenest_h3_software .sc7 p,
.homenest_h3_software .sc7 h3{
	color: var(--text-color);
}
.homenest_h3_software .p_relative {
	position: relative !important;
}
.homenest_h3_software .price__content{
	z-index: 0;
}
.homenest_h3_software .price__data {
	background: linear-gradient(135deg, #020C6A 0%, #1A85F8 56.7%, #66E5FB 100%);
	width: 183px;
	height: 203px;
	position: absolute;
	top: -50px;
	padding: 60px 25px;
	left: 50%;
	transform: translate(-50%, 0%);
	clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
	z-index: 1;
	text-align: center;
	transition: all 500ms ease;
}
.homenest_h3_software .price__data h5 {
	color: white;
	font-size: 26px;
	font-style: normal;
	font-weight: 500;
	text-align: center;
	transition: all 500ms ease;
}
.homenest_h3_software .price__data h4 {
	font-size: 32px;
	font-style: normal;
	font-weight: 600;
	line-height: 42px;
	color: white;
	transition: all 500ms ease;
}
.homenest_h3_software .price__data h4 span {
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
}
.homenest_h3_software .price__block {
	background: rgb(55 105 255 / 67%);
	text-align: center;
	padding: 160px 0px 60px;
	margin-top: 50px;
	clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}
.homenest_h3_software .price__list li {
	padding-bottom: 18px;
}
.homenest_h3_software .price__icon {
	background: var(--main-gradient);
	width: 40px;
	height: 49px;
	position: absolute;
	color: var(--text-color-main);
	left: 50%;
	transform: translate(-50%, 0%);
	bottom: -23px;
	display: flex;
	align-items: center;
	justify-content: center;
	clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
	transition: all 500ms ease;
}
.homenest_h3_software .contact_block {
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, 0.10);
	background: whitesmoke;
	display: flex;
}
.homenest_h3_software .contact_block .contact_left,
.homenest_h3_software .contact_block .contact_right {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.homenest_h3_software .service__form__data {
	padding: 90px 40px 90px 90px;
}
.homenest_h3_software .form-inner input {
	color: black;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 2.4px;
	border-radius: 5px;
	border: 1px solid black;
	text-transform: uppercase;
	padding: 10px 15px;
}
.homenest_h3_software .form-inner textarea {
	border-radius: 5px;
	border: 1px solid black;
	color: black;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 2.4px;
	text-transform: uppercase;
	padding: 10px 15px;
	height: 200px;
}
.homenest_h3_software input,.homenest_h3_software  select,.homenest_h3_software  textarea {
	font-weight: 400;
	font-size: 16px;
	background: transparent;
}
.homenest_h3_software input::placeholder,
.homenest_h3_software textarea::placeholder{
	color: #444444; /* Màu bạn muốn */
	opacity: 0.7;  /* Đảm bảo không bị mờ quá */
}

.homenest_h3_software .form-row {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}

.homenest_h3_software .form-group {
	flex: 1 1 calc(50% - 7.5px); /* 2 cột */
	display: flex;
	flex-direction: column;
	margin-bottom: 1rem;
}
.homenest_h3_software .form-group.button {
	display: block;
}
.homenest_h3_software .form-group.full {
	flex: 1 1 100%;
}
.homenest_h3_software .service__contact__img {
	position: absolute;
	bottom: 0;
	right: 12px;
}
.homenest_h3_software .sc9{
	padding: 0 0 140px;
}
@media only screen {
	.homenest_h3_software .banner__left{
		padding: 0 20px;
	}
	.homenest_h3_software .consultation__img {
		margin-top: -50px;
	}
	.mission__block {
		flex: 1 1 33.3333%;
	}
}
@media (max-width: 1500px) {
	.homenest_h3_software .consultation__text{
		width: 360px;
	}
}
@media (max-width: 1400px) {
	.homenest_h3_software .sc7 .main .content_img {
		max-width: 44.44445% !important;
	}
}
@media (max-width: 1300px) {
	.homenest_h3_software .consultation__text{
		width: 300px;
	}
}
@media (max-width: 1200px) {
	.homenest_h3_software .about__text__block{
		margin-top: 0;
	}
	.homenest_h3_software .consultation__img {
		margin-top: 0;
	}
}
@media (max-width: 1100px){
	.homenest_h3_software .sc7 .main{
		flex-wrap: wrap;
	}
	.homenest_h3_software .sc7 .main .content_list, 
	.homenest_h3_software .sc7 .main .content_img, 
	.homenest_h3_software .sc7 .main .content_text	
	{
		max-width: 47% !important;
	}
	.homenest_h3_software .consultation__text{
		padding: 0 20px;
		width: 100%;
	}
}
@media (max-width: 1024px){
	.homenest_h3_software .contact_block .contact_left{
		flex: 2;
	}
}
@media (max-width: 992px) {
	.homenest_h3_software h2{
		font-size: 45px;
	}
	.homenest_h3_software .sc6 .main img{
		width: 140px;
		height: 140px;
	}
	.homenest_h3_software .sc6 .main h1{
		font-size: 70px;
		line-height: 80px;
	}
	.homenest_h3_software .sc8 .row{
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
	.homenest_h3_software .sc8 .row .wow{
		flex: 1 1 50%;
		max-width: 50%;
		margin-bottom: 30px;
	}
	.homenest_h3_software .sc7 .main .content_text {
		padding-top: 20px;
	}
	.homenest_h3_software .container.section.sc1 .main .content {
		width: 100%;
	}
	.homenest_h3_software .banner__left{
		padding: 0 10px;
	}
	.homenest_h3_software .mission__block{
		padding: 45px 50px;
	}
	.mission__block {
		flex: 1 1 50%;
	}
	.mission__block:last-child{
		border-top: 1px solid rgba(255, 255, 255, 0.10);
	}
	.homenest_h3_software .sc2 .main .content{
		flex-wrap: wrap;
	}
	.homenest_h3_software .sc2 .main .content figure,
	.homenest_h3_software .sc2 .main .content .about__text__block {
		flex: 1 1 100%;;
	}
	.homenest_h3_software .sc2 .main .content .about__text__block{
		padding-top: 20px;
	}
	.homenest_h3_software .sc2 .main .content figure{
		display: flex;
		justify-content:center;
	}
	.homenest_h3_software .sc3 .content{
		flex-wrap: wrap;
	}
	.homenest_h3_software .sc3 .content .choose_us_block{
		max-width: 50%;
	}.homenest_h3_software .sc3 .content .choose_us_block:last-child{
		padding-top: 35px;
	}
	.homenest_h3_software .sc5 .main .row{
		flex-direction: column;
		align-items: start;
	}
	.homenest_h3_software .funfact__data{
		margin-top: 30px;
	}
	.homenest_h3_software .sc5 .main .counter{
		width: 100%;
	}
	.homenest_h3_software .sc5 .main{
		padding: 90px 90px 90px 70px;
	}
}
@media (max-width: 907px){
	.homenest_h3_software h2{
		font-size: 40px;
	}
	.homenest_h3_software .sc6 .main img{
		width: 130px;
		height: 130px;
	}
	.homenest_h3_software .sc6 .main h1{
		font-size: 65px;
		padding: 0px 150px;
		line-height: 70px;
	}
	.homenest_h3_software .sc5 .main .content{
		padding-right: 0;
	}
}
@media (max-width: 800px){
	.homenest_h3_software .contact_block .contact_right {
		flex: 0;
	}
	.homenest_h3_software .service__form__data {
		padding: 60px;
	}
	.homenest_h3_software .sc6 .main img{
		width: 130px;
		height: 130px;
	}
	.homenest_h3_software .sc6 .main h1{
		font-size: 65px;
		padding: 0px 100px;
		line-height: 60px;
	}
	.homenest_h3_software .sub__title h4{
		font-size: 15px;
	}
	.homenest_h3_software .sc5 .main {
		padding: 70px 70px 70px 50px;
	}
	.homenest_h3_software .sc2 .main .content .about__text__block{
		padding: 20px 30px 0;
	}
	.homenest_h3_software .sc7 .main .content_list, 
	.homenest_h3_software .sc7 .main .content_img, 
	.homenest_h3_software .sc7 .main .content_text	
	{
		max-width: 100% !important;
		margin-bottom: 15px;
	}
	.homenest_h3_software .sc7 .main .content_list, .homenest_h3_software .sc7 .main .content_img{
		padding-left: 10px;
	}
	.homenest_h3_software .choose_us_block li{
		font-size: 20px;
	}
	.homenest_h3_software .sc3{
		padding: 70px 0;
	}
}
@media (max-width: 715px){
	.homenest_h3_software .sc6 .main{
		padding: 100px 0;
	}
	.homenest_h3_software .sc6 .main img{
		width: 120px;
		height: 120px;
	}
	.homenest_h3_software .sc6 .main h1{
		font-size: 60px;
		padding: 0px 80px;
	}
	.homenest_h3_software .sc5 .main {
		padding: 50px 50px 50px 30px;
	}
	.homenest_h3_software .container.section.sc1{
		padding-top: 150px;
	}
	.homenest_h3_software .price__list ul li:nth-child(-n+5) {
		display: none;
	}
	.homenest_h3_software .price__list ul li:nth-child(-n+4) {
		display: list-item !important;
	}
	.price__block.collapsed ul {
		max-height: 160px;     /* Giới hạn chiều cao khi thu gọn */
		overflow: hidden;      /* Ẩn phần tràn ra */
		transition: max-height 0.3s ease;
	}

}
@media (max-width: 600px){
	.homenest_h3_software .consultation__list{
		padding: 41px 10px 0 10px;
	}
	.homenest_h3_software .sc4{
		padding: 50px 0;
		height: 550px;
	}
	.homenest_h3_software .sc7 .main img{
		max-height:450px;
	}
	.homenest_h3_software .sub__title h4{
		font-size: 14px;
	}
	.homenest_h3_software .sc6 .main img{
		width: 100px;
		height: 100px;
	}
	.homenest_h3_software .sc6 .main h1{
		font-size: 50px;
		padding: 0px 50px;
		line-height: 50px;
	}
	.homenest_h3_software .price__data {
		width: 170px;
		height: 190px;
	}
	.homenest_h3_software .sc3 .content .choose_us_block{
		max-width: 100%;
	}.homenest_h3_software .sc3 .content .choose_us_block:not(:first-child){
		padding-top: 35px;
	}
	.homenest_h3_software .price__data h4
	{
		font-size: 29px;
		font-style: normal;
		font-weight: 600;
		line-height: 35px;
		color: white;
		transition: all 500ms ease;
	}
	.homenest_h3_software .sc8 .row .wow{
		flex: 1 1 100%;
		max-width: 90%;
		margin-bottom: 30px;
	}
	.homenest_h3_software .sc5 .main{
		padding: 50px 50px 50px 35px;
	}
	.homenest_h3_software h2{
		font-size: 35px;
		line-height: 45px;
	}
	.homenest_h3_software .title__data{
		padding-bottom: 50px;
	}
}
@media (max-width: 556px){

	.homenest_h3_software .sc5,
	.homenest_h3_software .sc8{
		padding: 70px 0;
	}
	.homenest_h3_software .sc5 .main{
		padding: 70px 50px 70px 35px;
	}
	.homenest_h3_software .sc5 .main .content .btn-box{
		padding: 0 20px;
	}
	.homenest_h3_software .funfact__data .count-outer span{
		font-size: 28px;
	}
	.homenest_h3_software .sc5 h2 {
		margin-left: -70px;
		margin-top:20px;
	}
	.homenest_h3_software .funfact__data .count-outer h1.count-text{
		font-size: 36px;
	}
	.homenest_h3_software .funfact__data .funfact__content p{
		font-size: 12px;
	}
	.homenest_h3_software h2{
		font-size: 33px;
	}
	.homenest_h3_software .banner__title h1{
		font-size: 70px;
		line-height: 80px;
	}
	.homenest_h3_software p{
		font-size: 15px;
		line-height: 25px;
	}
	.mission__block {
		flex: 1 1 100%;
	}
	.mission__block:not(:first-child){
		border-top: 1px solid rgba(255, 255, 255, 0.10);
	}
	.homenest_h3_software .title__data{
		padding-bottom: 35px;
	}
	.homenest_h3_software .funfact__data{
		flex-wrap: wrap;
	}
	.homenest_h3_software .funfact__data .funfact__content{
		flex: 1 1 33%;
		width: 85px;
		height: 153px;
		max-width: 50%;
		padding: 35px 26px;
	}
	.homenest_h3_software .funfact__data .funfact__content.three{
		max-width: 46%;
		box-sizing: border-box;
	}
	.homenest_h3_software .sc5 .main .content{
		padding-right: 0;
	}
	.homenest_h3_software .service__form__data {
		padding: 40px;
	}
}
@media (max-width: 484px){
	.homenest_h3_software .sc6 .main h1{
		font-size: 45px;
		padding: 0px 20px;
	}
	.homenest_h3_software h2{
		font-size: 30px;
	}
	.homenest_h3_software .banner__title h1{
		font-size: 60px;
		line-height: 70px;
	}
}
@media (max-width: 422px){
	.homenest_h3_software .sc6 .main h1{
		font-size: 40px;
		line-height: 40px;
	}
	.homenest_h3_software h2{
		font-size: 30px;
	}
	.homenest_h3_software .sc8 h2{
		font-size: 40px;
	}
	.homenest_h3_software .banner__title h1{
		font-size: 50px;
		line-height: 60px;
	}
	.homenest_h3_software .funfact__data .funfact__content{
		flex: 1 1 100%;
		width: 110px;
		height: 130px;
		max-width: 33%;
	}
	.homenest_h3_software .funfact__data .funfact__content.three{
		max-width: 33%;
		margin-top: -37px;
	}
	.homenest_h3_software .funfact__data .funfact__content{
		padding: 25px;
	}
	.homenest_h3_software .sc5 .main {
		padding: 20px;
	}
}
@media (max-width: 357px){
	.homenest_h3_software .sc6 .main h1{
		font-size: 35px;
	}
	.homenest_h3_software h2{
		font-size: 30px;
	}
	.homenest_h3_software .banner__title h1{
		font-size: 45px;
		line-height: 55px;
	}
}
.homenest_h3_software #scrollPopup {
	position: fixed;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	z-index: 9999;
	display: none;
	flex-direction: column;
	gap: 10px;
}

.homenest_h3_software #scrollPopup button {
	background: var(--main-gradient);
	color: white;
	border: none;
	padding: 10px 14px;
	border-radius: 6px;
	cursor: pointer;
	font-size: 20px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
	transition: transform 0.2s ease;
}

.homenest_h3_software #scrollPopup button:hover {
	transform: scale(1.1);
}
/* Mặc định ẩn hết */
.price__list li {
	display: none;
}

/* Hiện tối đa 5 item */
.price__list li.show-item {
	display: list-item;
}

/* Khi mở rộng */
.price__list .show-all li {
	display: list-item !important;
}
.price__block.collapsed ul {
	max-height: 200px;     /* Giới hạn chiều cao khi thu gọn */
	overflow: hidden;      /* Ẩn phần tràn ra */
	transition: max-height 0.3s ease;
}

.price__block.expanded ul {
	max-height: 1000px;    /* Cho phép mở rộng đủ để hiển thị hết */
	transition: max-height 0.3s ease;
}
@media (min-width: 768px) {
	.homenest_h3_software #scrollPopup {
		display: none !important;
	}
}