@import url('https://fonts.googleapis.com/css2?family=Paytone+One&display=swap');
@font-face {
  font-family: "OpenSansCondBold";
  src: url("../fonts/open-sans/OpenSans-CondBold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
.page-template-landing-page .header-top .logo{
	max-width: 108px;
}
.page-template-landing-page .header-top .menu-search .menu ul li a{
	color: #263A7F;
}

.page-template-landing-page .header-top .menu-search .menu ul li a:hover{
	color: #f39316;
}

.page-template-landing-page .header-top .menu-search .search .icon-search{
	background: #263A7F;
}
.page-template-landing-page .footer-container {
	background: linear-gradient(0deg, #263A7F 0%, #19285B 100%) !important;
	padding-top: 60px !important;
	padding-bottom: 60px !important;
}
.page-template-landing-page .footer-container .footer-bottom .logo-footer .word-time{
	display: none;
}
.page-template-landing-page .footer-container .footer-bottom .list-footer-container .list-footer.icon-footer{
	display: none;
}
.page-template-landing-page .footer-container .footer-bottom .logo-footer{
	max-width: 400px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.page-template-landing-page .footer-container .footer-bottom .logo-footer .logo{
	max-width: 210px;
}
.page-template-landing-page .footer-container .footer-bottom .logo-footer h2{
	font-size: 20px;
}
.page-template-landing-page .footer-container .footer-bottom .list-footer-container .list-footer ul li a .icon{
	width: 45px;
	flex: unset;
}
.page-template-landing-page .footer-container .footer-bottom .list-footer-container .list-footer{
	padding-top: 0;
	padding-left: 0;
}
.page-template-landing-page .main-form-bottom .row{
	justify-content: center;
}
.page-template-landing-page .main-form-bottom .form-footer form .form-group .list-user .wpcf7-list-item .wpcf7-list-item-label {
	color: #fff;
}

.page-template-landing-page .main-form-bottom .form-footer .form-group .list-user .wpcf7-list-item .wpcf7-list-item-label::before{
	display: none;
}

.page-template-landing-page .main-form-bottom .form-footer form .form-group .form-control::placeholder{
	color: rgba(255, 255, 255, 0.3);
}

.page-template-landing-page .main-form-bottom .form-footer form .form-group .list-user  .wpcf7-list-item .wpcf7-list-item-label.active{
	color: #263A7F ;
}
.page-template-landing-page .main-form-bottom .form-footer form .form-group button{
	font-size: 24px;
	color: #1C2C63;
	border: 3px solid #FFD968;
	background: linear-gradient(270deg, #FFCE00 0%, #F79B4D 100%);
}
.ld-banner img{
	width: 100%;
	object-fit: cover;
}
.ld-banner .image-mobile{
	display: none;
}

.title-ld{
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	margin-bottom: 48px;
}
.title-ld h2{
	position: absolute;
	left: 50%;
	top: 40%;
	transform: translate(-50%, -50%);
	font-family: "Paytone One", sans-serif;
	font-size: 36px;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	line-height: 1.4;

}
.giaovien{
	padding: 60px 0;
}

.giaovien .desc-gv{
	margin: 0 auto 60px;
	max-width: 792px;
}
.giaovien .desc-gv ul li{
	color: #333;
	margin-bottom: 24px;
	position: relative;
	padding-left: 36px;
	line-height: 1.4;
	font-size: 18px;
}
.giaovien .desc-gv ul li::before{
	content: url('../images/check_gv.png');
	position: absolute;
	top:0;
	left: 0;
}
.giaovien .desc-gv ul li:last-child{
	margin-bottom: 0;
}

.giaovien .list-gv-item{
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 24px;
}

.giaovien .image{
	display: flex;
	justify-content: flex-end;
	margin-top: -15px;
	position: relative;
}
.giaovien .image .clip{
	position: absolute;
	right: 30px;
	top: -10px;
	z-index: 2;
}
.giaovien .item{
	border: 2px solid #fff;
	box-shadow: 0px 0px 8px 0px #00000029;
	border-radius: 20px;
	display: block;
}
.giaovien .item .text{
	padding: 16px 16px 24px 16px;
	color: #fff;
}
.giaovien .item .text .name{
	font-family: "Paytone One", sans-serif;
	font-size: 24px;
	margin: 0 0 16px;
	text-transform: uppercase;
}
.giaovien .item .text ul{
	list-style-type: unset;
	padding-left: 24px;
	color: #fff;
}
.giaovien .item .text ul li{
	margin-bottom: 8px;
	line-height: 1.4;
	font-weight: 600;
}
.giaovien .item .text ul li:last-child{
	margin-bottom: 0;
}
.giaovien .item .text ul li strong{
	color:#FFCE00;
}
.giaovien .item:nth-child(4n + 1){
	background-color: #0FA94D;
}
.giaovien .item:nth-child(4n + 2){
	background-color: #30A2DC;
}
.giaovien .item:nth-child(4n + 3){
	background-color: #8F5CA6;
}
.giaovien .item:nth-child(4n){
	background-color: #EC5394;
}

.giatri{
	background-size: cover;
	background-repeat: no-repeat;
	padding: 160px 0 60px;
}
.giatri .desc-gt{
	margin:0 auto 48px;
	max-width: 792px;
	color: #333;
	text-align: center;
	font-size: 18px;
	line-height: 1.4;
}
.giatri .list-gt-item{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 32px;
}
.giatri .item{
	display: flex;
	align-items: center;

}
.giatri .item .image{
	width: 138px;
}
.giatri .item .text{
	flex: 1;
	padding: 12px;
	text-align: center;
}

.giatri .item .text h4{
	color: #263A7F;
	font-weight: 800;
	font-size: 16px;
	text-transform: uppercase;
	margin: 0 0 8px;
	line-height: 1.4;
}
.giatri .item .text .desc{
	font-size: 16px;
	color: #333;
	line-height: 1.4;
}

.thongtin{
	padding: 60px 0 48px;
	background-size: cover;
	background-repeat: no-repeat;
}
.thongtin .list-tt-item{
	display: grid;
	grid-template-columns: repeat(3,1fr);
}
.thongtin .item{
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}
.thongtin .item .text h4{
	font-size: 22px;
	color: #263A7F;
	font-weight: 800;
	line-height: 1.4;
	text-transform: uppercase;
	text-align: center;
	margin: 16px 0 0;
}
.cp-banner{
	padding: 48px 0 60px;
}
.cp-banner img{
	width: 100%;
	object-fit: cover;
}
.cp-banner .image-mobile{
	display: none;
}
.lt-banner{
	display: grid;
	grid-template-columns: repeat(2,1fr);
	font-size: 18px;
	line-height: 1.4;
	text-align: center;
	align-items: end;
}
.lt-desc{
	background-color: #EC5394;
	font-weight: 700;
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
	padding: 10px;
	letter-spacing: -0.3px;
	font-family: "OpenSansCondBold";
}
.lt-banner .image-right{
	padding-left: 87px;
}

.lotrinh{
	padding-top: 70px;
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 140px;
}
.lotrinh .lt-item{
	position: relative;
	margin-bottom: 32px;
}
.lotrinh .lt-item:last-child{
	margin-bottom: 0;
}
.lotrinh .lt-item .image{
	width: 100%;
}
.lotrinh .lt-item .image img{
	width: 100%;
}
.lotrinh .lt-item .text{
	width: 100%;
	position: absolute;
	left: 50%;
	top: 38%;
	transform: translate(-50%, -50%);
	z-index: 2;
	text-align: center;
}
.lotrinh .lt-item h4{
	font-family: "Paytone One", sans-serif;
	font-size: 32px;
	text-transform: uppercase;
	color: #263A7F;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 12px;
	margin: 0 0 8px;
}
.lotrinh .lt-item h4 span{
	font-family: "OpenSansCondBold";
	font-weight: 700;
	font-size: 24px;
	text-transform: uppercase;
	color: #F58220;
}
.lotrinh .lt-item .desc{
	font-weight: 600;
	color: #333;
	font-size: 16px;
}
.lotrinh .lt-item:first-child h4{
	font-family: "Paytone One", sans-serif;
	font-size: 40px;
	text-transform: uppercase;
	color: #FFCE00;
	text-shadow: 0px 3px 0px #0000004D;
}
.lotrinh .lt-item:first-child .desc{
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 700;
	color: #fff;
	font-family: "OpenSansCondBold";
}
.ketqua{
	padding-bottom: 60px;
	position: relative;
}
.ketqua .image-left{
	position: absolute;
	bottom: 40px;
	left: 0;
	z-index: 2;
}
.ketqua .image-right{
	position: absolute;
	bottom: 0;
	right: 0;
}
.ketqua .list-kq-item{
	position: relative;
	z-index: 3;
	max-width: 400px;
	margin: auto;
}
.ketqua .list-kq-item::before{
	content: url('../images/kq.png');
	position: absolute;
	top:0;
	left: -120px;
}
.ketqua .list-kq-item::after{
	content: url('../images/kq2.png');
	position: absolute;
	top:0;
	right: -120px;
}
.ketqua .item{
	position: relative;
}
.ketqua .item .image{
	text-align: center;
}

.ketqua .item:last-child .image .clip{
	display: none;
}
.ketqua .item .text{
	width: 100%;
	position: absolute;
	left: 50%;
	top: 38%;
	transform: translate(-50%, -50%);
	z-index: 2;
	text-align: center;
	font-size: 18px;
	line-height: 1.4;
	font-weight: 600;
	color: #fff;
	padding: 12px;
}

.ketqua .item:last-child .text{
	top: 50%;
}
.ketqua .item .text span{
	display: block;
	line-height: 1.4;
	font-weight: 700;
	font-size: 20px;
}
@media( max-width: 1024px ){
	.page-template-landing-page .header-top .logo{
		max-width: unset;
	}
	.title-ld h2{
		font-size: 28px !important;
	}
	.giaovien .list-gv-item{
		grid-template-columns: repeat( 2, 1fr);
		gap: 32px 24px;
	}

	.giatri{
		padding: 80px 0 60px;
	}
	.giatri .item .image{
		width: 88px;
	}

	.lotrinh{
		gap: 60px;
	}

	.ketqua .image-left{
		display: none;
	}

	.ketqua .image-right{
		display: none;
	}
}
@media( max-width:1023px ){
	.page-template-landing-page .footer-container .footer-bottom .logo-footer{
		display: block;
	}
	.giatri .list-gt-item{
		grid-template-columns: repeat(1,1fr);
		gap: 24px;
	}

	.thongtin .title-ld img{
		height: 120px;
	}

	.thongtin .list-tt-item{
		grid-template-columns: repeat(1,1fr);
		gap: 24px;
	}

	.thongtin .item{
		padding: 0 12px;
	}

	.lotrinh{
		padding-top: 40px;
		grid-template-columns: repeat(1,1fr);
		gap: 48px;
	}
	.lotrinh .lt-item{
		margin-bottom: 16px;
	}
}
@media ( max-width:767px ){
	.ld-banner .image-desktop{
		display: none;
	}
	.ld-banner .image-mobile{
		display: block;
	}
	.title-ld{
		margin-bottom: 24px;
	}
	.title-ld h2{
		font-size: 20px !important;
	}
	.giaovien{
		padding: 30px 0;
	}
	.giaovien .list-gv-item{
		grid-template-columns: repeat( 1, 1fr);
		gap: 24px 16px
	}
	.giaovien .desc-gv{
		margin: 0 auto 48px;
	}
	.giaovien .item .text .name{
		font-size: 18px;
	}

	.giatri{
		padding: 30px 0 30px;
	}

	.giatri .title-ld img{
		height: 80px;
	}

	.giatri .desc-gt{
		margin: 0 0 24px;
	}

	.thongtin .title-ld img{
		height: 80px;
	}

	.thongtin .item .text h4{
		font-size: 18px;
	}

	.cp-banner{
		padding: 24px 0 30px;
	}

	.cp-banner .image-desktop{
		display: none;
	}
	.cp-banner .image-mobile{
		display: block;
	}
	.lt-banner{
		grid-template-columns: repeat(1,1fr);
		gap: 24px;
	}
	.lt-banner .image-left{
		order: 2;
	}
	.lt-banner .image-right{
		order: 1;
		padding-left: 0px;
	}
	.lt-banner .image-right img{
		max-height: 80px;
	}

	.lotrinh .lt-item .text{
		padding: 12px;
	}

	.lotrinh .lt-item h4{
		font-size: 24px;
	}

	.lotrinh .lt-item h4 span{
		font-size: 20px;
	}

	.lotrinh .lt-item:first-child h4{
		font-size: 32px;
	}

	.ketqua{
		padding: 60px 0 30px;
	}

	.ketqua .item .text {
		font-size: 16px !important;
	}

	.ketqua .item .text span{
		font-size: 18px !important;
	}

	.ketqua .list-kq-item::before{
		top: -60px;
		left: 0;
	}
	.ketqua .list-kq-item::after{
		top: -60px;
		right: 0;
	}
}