.desService {
	overflow-x: scroll;
	width: 100%;
	max-width: 100%;
	margin-bottom: 1rem;
}

.service {
	padding: 70px 0px 20px;
	height: auto !important;
	background-size: contain !important
}

.service .text-uppercase {
	font-size: 60px !important;
	font-weight: 900 !important;
	margin-top: 100px !important;
	margin-bottom: 20px !important;
}

.service .image_page_detail {
	margin-top: 60px;
}

.service .image_page_detail img {
	width: 100%;
}

.service .contactBtn {
	margin-top: 30px;
}

.service .contactBtn button {
	background: #FFFFFF;
	border-radius: 10px;
	padding: 10px 30px;
	text-align: center;
	font-weight: 700;
	font-size: 18px;
	color: #03017E;
	border: none;
}

.service .contactBtn button:hover {
	background: transparent linear-gradient(59deg, #3e4194 0%, #ec3438 100%) 0% 0% no-repeat padding-box;
	color: #fff;
	cursor: pointer;
	font-weight: 700;
}

.pageService {
	padding-top: 50px;
	background: #F0F3F9;
	padding-bottom: 50px;
}

.pageService .listItem-service {
	width: 100%;
	background: #FFFFFF;
	border-radius: 20px;
	padding: 25px 20px;
	text-align: center;
	height: 100%;
}

.pageService .listItem-service .image {
	margin-bottom: 20px;
}

.pageService .listItem-service .name {
	font-size: 18px;
	font-weight: bold;
	color: #000000;
}

.pageService .listItem-service:hover {
	background: linear-gradient(270.1deg, #03017E 0%, #6683C5 100%);
	color: #fff;
	cursor: pointer;
}

.pageService .listItem-service:hover .name {
	color: #fff !important
}

.pageService .listItem-service.tab-active {
	background: linear-gradient(270.1deg, #03017E 0%, #6683C5 100%);
	color: #fff !important
}

.pageService .listItem-service.tab-active .image img {
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);
}

.pageService .listItem-service:hover .image img {
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);
}

.pageService .listItem-service.tab-active .name {
	color: #fff;
}

.pageService .listDeatail {
	margin-top: 30px;
	width: 100%;
	background: #FFFFFF;
	border-radius: 20px;
	padding: 30px 40px;
}

.pageService .listDeatail .name {
	font-weight: 800;
	font-size: 28px;
	color: #03017E;
	margin-bottom: 30px;
}

.pageService .listDeatail .detail {
	font-weight: 500;
	font-size: 17px;
	color: #000000;
	text-align: justify;
	margin-bottom: 40px;
}

.pageService .listDeatail .image img {
	width: 100%;
	border-radius: 20px;
	margin-top: 20px;
}

.pageService .listDeatail .btn-detail {
	background: #03017E;
	border-radius: 10px;
	padding: 15px 40px;
	text-align: center;
	margin-top: 35px;
	font-weight: 700;
	font-size: 18px;
	color: #fff;
	border: none;
	font-weight: 100;
}

.pageService .listDeatail .btn-detail:hover {
	cursor: pointer;
	background: transparent linear-gradient(270.1deg, #03017E 0%, #6683C5 100%) 0% 0% no-repeat padding-box;
}

.pageService .listDeatail .btn-detail img {
	margin-left: 20px;
	position: relative;
	top: -1px;
}

.pageService .listDeatail .detailService .item {
	margin-bottom: 40px;
}

.pageService .listDeatail .detailService .item img {
	margin-right: 30px;
	margin-bottom: 20px;
}

.pageService .listDeatail .detailService .item .titleService {
	margin-bottom: 30px;
	color: #03017E;
	font-weight: bold;
	font-size: 18px;
	text-transform: uppercase;
	position: relative;
	top: -7px;
}

.pageService .listDeatail .detailService .item .desService {
	margin-left: 90px;
	font-weight: 500;
	font-size: 17px;
}

.DisplayHidden {
	display: none !important;
}


/*giới thiệu*/

.introduceHome {
	padding: 50px 0px;
	text-align: center;
}

.introduceHome .text-introduce {
	font-weight: 800;
	font-size: 46px;
	color: #03017E;
	text-transform: uppercase;
	margin-bottom: 30px;
	font-family: 'Lato';
}

.introduceHome .text-page_detail {
	font-weight: 400;
	font-size: 18px;
	color: #000000;
	text-align: justify;
}

.imageBackground {
	margin-bottom: 10px;
}

.imageBackground .image img {
	width: 100%;
	border-radius: 20px;
	position: relative;
	top: -65px;
}

.orientation {
	margin-bottom: 50px;
}

.orientation .develop {
	margin-bottom: 30px;
}

.orientation .develop .title {
	font-weight: 800;
	font-size: 28px;
	margin-bottom: 20px;
	color: #03017E;
	font-family: 'Lato';
}

.orientation .develop .desc {
	font-weight: 400;
	font-size: 18px;
	text-align: justify;
	color: #000000;
}

.orientation .developChild {
	margin-bottom: 20px;
}

.orientation .developChild .icon {
	margin-bottom: 15px;
}

.orientation .developChild .name {
	font-weight: 700;
	font-size: 20px;
	color: #03017E;
	margin-bottom: 15px;
}

.orientation .developChild .des {
	font-weight: 400;
	font-size: 18px;
	text-align: justify;
	color: #000000;
}

.orientation .imageBackground {
	position: relative
}

.orientation .imageBackground .image img {
	width: 90%;
}

.orientation .imageBackground .exp {
	padding: 20px;
	background: #3E4194;
	border-radius: 20px;
	width: 200px;
	height: 200px;
	position: absolute;
	top: 45px;
	right: 0;
}

.orientation .imageBackground .exp .name {
	text-align: center;
	font-weight: 800;
	font-size: 70px;
	color: #FFFFFF;
	font-family: 'Lato';
}

.orientation .imageBackground .exp .des {
	font-weight: 500;
	font-size: 20px;
	text-align: center;
	color: #FFFFFF;
}

.orientation .flexEnvironment {
	display: flex;
	align-items: center;
	margin: 40px 0px;
}

.orientation .flexEnvironment .imageIcon {
	margin-right: 50px;
}

.orientation .flexEnvironment .imageIcon img {
	border-radius: 20px;
	max-width: 600px;
	object-fit: cover;
}

.flexEnvironment .titleIcon .iconName {
	font-weight: 800;
	font-size: 28px;
	text-transform: uppercase;
	color: #03017E;
	margin-bottom: 25px;
	font-family: 'Lato';
}

.flexEnvironment .titleIcon .desName {
	font-weight: 400;
	font-size: 18px;
	text-align: justify;
	color: #000000;
}

.pageHuman {
	margin-bottom: 40px;
}

.pageHuman .name {
	font-weight: 800;
	font-size: 28px;
	text-transform: uppercase;
	color: #03017E;
	margin-bottom: 15px;
	font-family: 'Lato';
}

.pageHuman .detail {
	font-weight: 400;
	font-size: 18px;
	text-align: justify;
	color: #000000;
	margin-bottom: 30px;
}

.pageHuman .listHuman {
	display: flex;
	margin-bottom: 20px;
	align-items: center;
}

.pageHuman .listHuman .image {
	background: #3E4194;
	border-radius: 50%;
	padding: 15px;
	margin-right: 20px;
}

.pageHuman .listHuman .image img {
	width: 30px;
	height: 30px;
}

.pageHuman .listHuman .title {
	font-weight: 700;
	font-size: 18px;
	text-align: justify;
	color: #03017E;
}

/*responsive màn homepage*/
/*iphone*/
@media (max-width: 767px) {
	.service .text-uppercase {
		font-size: 35px !important;
		margin-top: 80px !important;
		margin-bottom: 10px !important;
		text-align: center;
	}

	.main .content-page p {
		font-size: 14px !important;
		padding: 0px !important;
	}

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

	.pageService .listItem-service {
		height: auto !important;
		margin-bottom: 20px;
	}

	.pageService .listDeatail {
		padding: 30px 20px;
	}

	.pageService .listDeatail .btn-detail {
		padding: 10px 25px;
		font-weight: 700;
		font-size: 15px;
	}

	.pageService .listDeatail .detailService .item .desService {
		margin-left: 0px !important;
	}

	.main .list-product {
		padding: 30px 0 50px 0 !important;
	}

	.main .content-page h4 {
		margin-top: 160px !important;
	}

	.main .content-page .describe {
		display: none;
	}

	.main .content-page p {
		display: none;
	}

	.main .list-product .box-tnm h4 {
		font-size: 25px;
		line-height: 35px;
	}

	.main .list-product .box-tnm .intro {
		text-align: justify;
	}

	.home-product .name-page-product a {
		color: white;
		font-size: 20px;
		padding: 0px 15px;
	}

	.home-product .image-product-item {
		height: 200px;
		object-fit: cover;
	}

	.main .list-product .box-other h4 {
		font-size: 25px;
		line-height: 35px;
	}

	.main .list-product .box-other .intro {
		text-align: justify;
	}

	.home-product .name-page-product a {
		font-size: 14px;
	}
}