/* home-banner */
.home-banner{
	overflow: hidden;
	height: 37.875rem;
}
.slider-banner{
	height: 100%;
}
.slider-banner img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.swiper-button {
	width: 2.125rem;
	height: 2.125rem;
	border: 1px solid white;
	position: absolute;
	bottom: 2.44rem;
	right: var(--section);
	z-index: 2;
	border-top-right-radius: 0.5rem;
	border-bottom-left-radius: 0.5rem;
	background: hsl(0deg 0% 100% / 25%);
	padding: 0.45rem;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.swiper-button:hover{
	background-color: var(--theme-color2);
	border-color: var(--theme-color2);
}
.swiper-button:hover img{
	filter: brightness(0) invert(20);
}
.swiper-button.swiper-prev {
	right: calc(var(--section) + 3.375rem);
}
.swiper-button.swiper-prev img{
	rotate: 180deg;
}
.swiper-button img {
	height: 100%;
	width: 100%;
	object-fit: contain;
}
.swiper-slide.mobile{
    display: none;
}
@media (max-width: 767.98px) {
	.home-banner{
		height: 9.8125rem;
	}
	.swiper-button{
		bottom: 1rem;
	}
	.swiper-button.swiper-prev {
		right: calc(var(--section) + 2.75rem);
	}
    .swiper-slide.mobile{
    display: block;
}
}
/* home-intro */
.home-intro{
    padding: 4rem var(--section) 0;
}
.home-intro .col-left .title-header.title-main h2{
    margin-bottom: 1.81rem;
}
.home-intro .col-left .title-header.title-main h2 span{
	text-transform: uppercase;
}
.home-intro .col-left .title-header.title-main p:nth-child(2){
	line-height: 1.25rem;
	color: var(--black-200);
	margin-bottom: 0.81rem;
}
.home-intro .col-left .title-header.title-main p:nth-child(3){
	line-height: 1.25rem;
	font-weight: 600;
	margin-bottom: 2.5rem;
}
.intro-row{
    display: grid;
    grid-template-columns: 37.6875rem 1fr;
    column-gap: 4.72rem;
	align-items: end;
}
.intro-row .col-left{
	position: relative;
}
.intro-row>.col-left::before{
	content: "";
	position: absolute;
	top: -4rem;
	right: 0;
	border-radius: 100%;
	width: 17.875rem;
	height: 17.875rem;
	background: linear-gradient(196deg, rgba(18, 147, 70, 0.10) 11.23%, rgba(18, 147, 70, 0.00) 74%);
}
.intro-row .col-right .img-row{
    display: grid;
    grid-template-columns: 1fr 15.125rem;
    column-gap: 1.94rem;
}
.intro-row .col-right .img-row .img img{
    clip-path: polygon(80% 0, 100% 16%, 100% 100%, 0 100%, 0 0);
    border-radius: 0.63rem;
}
.intro-row .col-right .img-row .col-left .img{
	padding-top: 2.25rem;
}
.intro-row .col-right .img-row .col-left .img img{
	width: 19.21875rem;
	height: 22.3125rem;
	object-fit: cover;
}
.intro-row .col-right .img-row .col-right .img-1{
    margin-bottom: 1.94rem;
}
.intro-row .col-right .img-row .col-right .img-1 img{
	height: 14.875rem;
	object-fit: cover;
}
.intro-row .col-right .img-row .col-right .img-2 img{
	width: 10.875rem;
	height: 10.75rem;
	object-fit: cover;
}
@media screen and (max-width: 767.98px) {
	.home-intro {
		padding: 3.25rem var(--section) 0;
	}
	.intro-row{
		grid-template-columns: minmax(0, 1fr);
		gap: var(--24);
	}
	.intro-row>.col-left::before{
		top: -2rem;
	}
	.home-intro .col-left .title-header.title-main p:nth-child(3){
		margin-bottom: 1.81rem;
	}
	.intro-row .col-right .img-row{
		grid-template-columns: 1fr 8.125rem;
		column-gap: 0.56rem;
	}
	.intro-row .col-right .img-row .col-right .img-1 {
		margin-bottom: 0.56rem;
	}
	.intro-row .col-right .img-row .col-right .img-2 img {
		width: 8.875rem;
		height: 8.75rem;
	}
	.intro-row .col-right .img-row .col-left .img img {
		width: 100%;
		height: 15.85rem;
	}
	.intro-row .col-right .img-row .col-left .img {
		padding-top: 0;
	}
	.intro-row .col-right .img-row {
		align-items: center;
	}
	.intro-row .col-right .img-row .col-right .img-1 img {
		height: 9rem;
	}
}
/* curriculum */
.curriculum{
    padding: 4.13rem var(--section) 2rem;
}
.curriculum .title-header.title-main{
    display: flex;
	align-items: end;
	justify-content: space-between;
	margin-bottom: 1.38rem;
}
.curriculum .title-header.title-main h2{
    margin-bottom: 0;
	text-transform: uppercase;
}
.curriculum .title-header.title-main p{
	flex-shrink: 0;
	line-height: normal;
	margin-bottom: 0;
	font-weight: 600;
}
.curriculum-list{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 1.88rem;
    row-gap: 1.88rem;
}
.box-curriculum{
	display: grid;
	grid-template-columns: 1fr 13.49531rem;
	align-items: center;
	justify-content: space-between;
	column-gap: 1.94rem;
}
.box-curriculum .img img{
    max-width: 11.5625rem;
	max-height: 14.6875rem;
	object-fit: contain;
}
.box-curriculum .curriculum-desc ul{
	margin-bottom: 0;
	position: relative;
	padding-top: 0.94rem;
	margin-top: 1.06rem;
	padding-bottom: 1.25rem;
	margin-bottom: 1.44rem;
}
.box-curriculum .curriculum-desc ul::before,
.box-curriculum .curriculum-desc ul::after{
	content: "";
	position: absolute;
	left: 0;
	height: 1px;
	width: 100%;
	background: linear-gradient(270deg, rgba(168, 168, 168, 0.00) 0%, #A8A8A8 100%);
}
.box-curriculum .curriculum-desc ul::before{
	top: 0;
}
.box-curriculum .curriculum-desc ul::after{
	bottom: 0;
}
.box-curriculum .curriculum-desc ul li{
	list-style: none;
	margin-bottom: 0;
}
.curriculum-desc ul li{
	display: flex;
	align-items: center;
	column-gap: 1.19rem;
}
.curriculum-desc ul li .name{
    flex-shrink: 0;
	max-width: 4.25rem;
	width: 100%;
}
.curriculum-desc ul li .desc{
    flex-shrink: 0;
	font-weight: 600;
}
.curriculum-text .title{
    font-size: 1.75rem;
	font-weight: 700;
	line-height: normal;
}
.box-curriculum .img img{
	width: 100%;
	height: 14.6875rem;
	object-fit: contain;
}
.curriculum-item{
	border-radius: 0.9375rem;
	padding: 1.88rem 1.31rem 2.06rem 2.44rem;
}
.curriculum-item.xanh-la{
	border: 1px solid #9EE5BB;
	background: linear-gradient(180deg, #FFF 0%, #E1FFED 100%);
}
.curriculum-item.cam{
	border: 1px solid #FFDCBF;
	background: linear-gradient(180deg, #FFF 0%, #FFF0E4 100%);
}
.curriculum-item.xanh-duong{
	border: 1px solid #BDD9FF;
	background: linear-gradient(180deg, #FFF 0%, #E7F2FF 100%);
}
@media (min-width: 767.98px){
	.curriculum-list__mobile{
		display: none;
	}
}
@media (max-width: 767.98px){
	.box-curriculum, .curriculum-list{
		grid-template-columns: minmax(0, 1fr);
		row-gap: 1rem;
	}
	.curriculum-list__pc{
		display: none;
	}
	.curriculum .title-header.title-main {
		align-items: flex-start;
		flex-direction: column;
		row-gap: 1rem;
	}
	.curriculum .title-header.title-main p {
		display: none;
	}
	.curriculum-text .title{
		font-size: 1.25rem;
	}
	.curriculum-item {
		padding: 1.56rem 1.31rem 2.06rem 1.31rem;
		height: 100%;
		display: flex;
		flex-direction: column;
	}
	.curriculum-item .box-curriculum{
        flex: 1;
	}
	.box-curriculum .img{
		width: auto;
		margin: auto;
	}
	.curriculum-item .btn-1{
		width: 100%;
		margin-top: 1.56rem;
	}
	.curriculum-desc ul li .desc{
		flex-shrink: inherit;
		font-size: 0.875rem;
		line-height: normal;
	}
	.curriculum-desc ul li .name {
		max-width: 3.75rem;
		font-size: 0.875rem;
	}
	.box-curriculum .curriculum-desc ul li {
		margin-bottom: 0.313rem;
	}
	.curriculum-list__mobile .swiper-pagination{
		position: static;
	}
}
/* home-why */
.home-why{
    padding: 4rem var(--section) 0;
}
.why-row{
    display: grid;
    grid-template-columns: 1fr 19.8125rem;
    column-gap: 1.06rem;
}
.why-row .col-left .col-1 {
    display: grid;
    grid-template-columns: 23.5rem 1fr;
    column-gap: 1.06rem;
}
.why-row .col-left .col-1 .group-1 h3{
    color: #FFF;
    text-align: center;
    font-size: 2.25rem;
    line-height: 2.75rem;
    text-transform: uppercase;
    font-weight: 700;
	margin-bottom: 2rem;
}
.why-row .col-left .col-1 .group-1 .img-2 {
    width: 19.375rem;
}
.why-row .col-left .col-1 .group-1 .img-2 img {
    height: 13.1875rem;
    object-fit: cover;
    position: relative;
}
.why-row .col-left .col-1 .group-1 .img-2::before{
	content: "";
	position: absolute;
	width: 13.75rem;
    height: 13.75rem;	
	top: -1rem;
    left: 2rem;
	background: linear-gradient(196deg, #FC8422 11.23%, rgba(252, 132, 34, 0.00) 74%);
	border-radius: 100%;
}
.group-1 {
    border-radius: 0.625rem;
    background: #129346;
    text-align: center;
    height: 23.5rem;
    display: flex;
    align-items: flex-end;
	justify-content: center;
}
.group-2__content .box-comit{
	border-radius: 0.625rem;
	background: #FFF0E4;
	padding: 2.06rem 0.5rem 0rem 2.31rem;
	margin-bottom: 1.06rem;
}
.group-2__content .box-comit ul{
	margin: 0;
}
.group-2__content .box-comit ul li{
	list-style: none;
	margin: 0;
	display: flex;
	align-items: center;
	column-gap: 0.5rem;
}
.group-2__content .box-comit ul li .img{
	width: auto;
	flex-shrink: 0;
}
.group-2__content .box-comit ul li .img img{
	object-fit: contain;
	height: 0.75rem;
	width: 100%;
}
.group-2__content .box-comit h3{
	color: var(--theme-color2);
	font-size: 1.65rem;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	margin-bottom: 1rem;
}
.group-2__content .box-comit ul li span{
	font-weight: 600;
}
.group-2__content .box-comit .comit {
    display: grid;
    grid-template-columns: 1fr 11.75rem;
    column-gap: 2rem;
}
.group-2__content .box-comit .comit .title{
	padding-top: 0.8rem;
}
.group-2__content .img-1{
	width: calc(100% - 16.6rem);
}
.group-2__content .img-1 img{
	height: 9.5625rem;
	object-fit: cover;
	border-radius: 0.625rem;
}
.why-row .col-left .col-2 {
    display: grid;
    grid-template-columns: 1fr 15.4375rem;
    column-gap: 1.06rem;
    align-items: end;
	margin-top: -9.575rem;
}
.why-row .col-left .col-2 .img{
	height: 22.0625rem;
}
.why-row .col-left .col-2 .img img{
	object-fit: cover;
	width: 15.4375rem;
}
.number-list{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-radius: 0.625rem;
    background: #08509F;
	height: fit-content;
	padding: 2.75rem 2.44rem 2.8rem 2.44rem;
	column-gap: 4rem;
}
.number-list__item{
	text-align: center;
	position: relative;
}
.number-list__item:nth-child(n+2)::before{
	content: "";
	position: absolute;
	top: 0;
	left: -1.22rem;
	right: 0;
	height: 100%;
	width: 1px;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) 0%, #FFF 50%, rgba(255, 255, 255, 0.00) 100%);
}
.number-run {
    color: #FFF;
    text-align: center;
    font-size: 3.125rem;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
	display: inline-flex;
    align-items: stretch;
}
.number-des{
	color: #FFF;
	text-align: center;
	font-size: 1rem;
	font-weight: 600;
	line-height: normal;
	margin: 0;
}
span.charter {
    font-size: 2rem;
    height: 1.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.why-row .col-right .list-video .videoInItem{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0.625rem;
}
.why-row .col-right .video-slider,
.why-row .col-right .video-slider .list-video__item,
.why-row .col-right .video-slider .list-video__item .box-video,
.why-row .col-right .list-video .videoInItem{
	height: 100%;   
}
.video-button{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 3rem;
	height: 3rem;
	border: 2px solid white;
	border-radius: 6.25rem;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	backdrop-filter: blur(20px);
}
.video-button img{
	filter: brightness(0) invert(20);
	width: 1.125rem;
	height: 1.25rem;
	margin-left: 0.215rem;
}
.list-video__item.playing .video-button{
	display: none;
}
@media (min-width: 767.98px){
	.show-mobile{
		display: none !important;
	}
}
@media (max-width: 767.98px){
	.home-why{
		padding: 2rem var(--section) 0;
	}
	.why-row, .why-row .col-left .col-1{
		grid-template-columns: minmax(0, 1fr);
		row-gap: 0.5rem;
	}
	.group-2__content .box-comit {
		padding: 0.88rem 0.5rem 0rem 1.19rem;
	}
	.group-2__content .box-comit ul li span {
		font-weight: 400;
		font-size: 0.8rem;
	}
	.group-2__content .box-comit h3{
		font-size: 1.3rem;
		margin-bottom: 0.5rem;
	}
	.group-2__content .box-comit ul {
		padding-bottom: 0.88rem;
	}
	.group-2__content .box-comit .comit {
		grid-template-columns: 1fr 6.75rem;
		column-gap: 0.5rem;
		align-items: flex-end;
	}
	.hide-mobile{
		display: none !important;
	}
	.why-row .col-left .col-2{
		margin-top: 0;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 0.5rem;
	}
	.why-row .col-left .col-2 .img img {
		width: 100%;
	}
	.number-list {
		grid-template-columns: minmax(0, 1fr);
		padding: 0;
        background: transparent;
		height: 100%;
		row-gap: 0.5rem;
	}
	.number-list__item {
		background: #08509F;
		border-radius: 0.625rem;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
		padding: 1.125rem 0.5rem;
	}
	.number-run {
		font-size: 2.8125rem;
	}
	.number-des {
		font-size: 0.9375rem;
	}
	.why-row .col-left .col-2 .img {
		height: auto;
	}
	.number-list__item:nth-child(n+2)::before{
		display: none;
	}
}
/*============Tin tức==========*/
.blog-home{
	padding: 3.25rem var(--section) 4.13rem;
}
.blog-home .tab-header {
    display: flex;
    justify-content: space-between;
    flex: 1;
	column-gap: 1.88rem;
	position: relative;
	align-items: flex-end;
	padding-bottom: 0.25rem;
}
.blog-home .tab-header::before{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	width: 100%;
	background: #D9D9D9;
}
.blog-home .tab-panels{
	padding-top: 2.44rem;
}

.blog-home .title-header.title-main h2{
	margin-bottom: 0;
	padding-bottom: 0.875rem;
	border-bottom: 1px solid #D9D9D9;
	text-transform: uppercase;
}
.blog-home .tabbed-content__new .nav-left{
	justify-content: flex-end;
	column-gap: 2rem;
	margin-top: -2.15rem;
}
.blog-home .tabbed-content__new .nav-left .tab{
	margin: 0;
}
.blog-home .tabbed-content__new .nav-left .tab span.title {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: normal;
	border-radius: 1rem;
}
.blog-home .tabbed-content__new .nav-left .tab a{
	padding: 0;
}
.blog-home .tabbed-content__new .nav-left .tab a::before{
	top: auto;
	bottom: -0.3rem;
	border-radius: 0.5rem;
}
.blog-home__list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 1.88rem;
	row-gap: 2rem;
}
.blog-home__list-item:nth-child(1), 
.blog-home__list-item:nth-child(2){
	grid-row: span 3;
}
.blog-home__list-item:nth-child(n+3) .box-normal {
	display: flex;
	column-gap: 1.5rem;
	align-items: center;
}
.blog-home__list-item:nth-child(n+3) .box-normal .box-image {
	width: 40% !important;
	flex-shrink: 0;
}
.blog-home__list-item:nth-child(1) .box-normal .box-image .image-cover,
.blog-home__list-item:nth-child(2) .box-normal .box-image .image-cover{
	border-radius: 0.375rem;
	padding-top: 0!important;
	height: 15rem;
}
.blog-home__list-item:nth-child(n+3) .box-normal .box-image .image-cover{
	border-radius: 0.25rem;
	padding-top: 0!important;
	height: 5.625rem;
}
.blog-home__list-item:nth-child(n+3) .box-normal .box-text{
	padding: 0;
}
.blog-home__list-item:nth-child(1) .box-normal .box-text, 
.blog-home__list-item:nth-child(2) .box-normal .box-text{
	padding: 1.06rem 0 0;
}

.blog-home__list-item .box-normal .box-text .blog-post-inner a {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	transition: color 0s;
	color: var(--black);
	font-size: 1.125rem;
	font-weight: 600;
	margin: 0;
	padding-top: 0.2rem;
}

.box-top span{
	color: #636363;
	font-size: 0.875rem;
	line-height: normal;
}
.box-top .post-date{
	padding-right: 0.75rem;
	margin-right: 0.75rem;
	border-right: 1px solid #636363;
}
.blog-home__list-item .box-blog-post:hover .post-title a{
	color: var(--theme-color);
}
@media screen and (max-width: 849.98px){

}
@media screen and (max-width: 767.98px) {
	.blog-home {
		padding: 3rem var(--section);
	}
	.blog-home__list {
		grid-template-columns: 1fr;
		gap: var(--24);
	}
	.blog-home .title-header.title-main h2 {
		padding-bottom: 3.5rem;
	}
	.blog-home .tabbed-content__new .nav-left{
		justify-content: flex-start;
		column-gap: 1.38rem;
	}
	.blog-home .tabbed-content__new .nav-left .tab span.title {
		font-size: 1rem;
	}
}

/*============outstanding-student==========*/
.outstanding-student{
    padding: 3.37rem var(--section) 0rem;
}
.outstanding-student .title-header.title-main{
    display: flex;
    align-items: end;
    justify-content: space-between;
    margin-bottom: 1.38rem;
}
.outstanding-student .title-header.title-main h2 {
    margin-bottom: 0;
    text-transform: uppercase;
}
.outstanding-student .title-header.title-main p{
	margin-bottom: 0;
	font-weight: 600;
	flex-shrink: 0;
}
.tabbed-content.outstanding-student__tab {
    flex-direction: row;
	column-gap: 4.7rem;
	align-items: flex-start;
}
.tab-slider{
	flex-basis: 60%;
	max-width: 60%;
}
.tab-slider .swiper-pagination{
	    position: unset;
    padding-top: 1.75rem;
}
.outstanding-student__content{
	padding-top: 0;
	order: -1;
	position: relative;
	flex: 1;
}
.outstanding-student__content::before{
	content: "";
	position: absolute;
	top: 0;
	left: calc(100% + 2.35rem);
	right: 0;
	height: 100%;
	width: 1px;
	background: linear-gradient(0deg, rgba(168, 168, 168, 0.00) 0%, #A8A8A8 100%);
}
.tab-slider .tab-item {
    cursor: pointer;
    border-radius: 8px;
    padding: 1.25rem 1rem;
    border: 1px solid rgb(233, 233, 236);
    transition: 0.3s;
    display: flex;
    row-gap: 0.63rem;
    -webkit-box-pack: center;
    justify-content: space-around;
    text-align: center;
    flex-direction: column;
    align-items: center;
}
.tab-slider .tab-item.active,
.tab-slider .tab-item:hover{
	border: 1px solid #129346;
	background: #F0FFF6;
}
.tab-slider .tab-item.active .name-tab,
.tab-slider .tab-item:hover .name-tab{
	color: var(--theme-color);
}
.tab-slider .img.image-cover {
    width: 5.625rem;
	height: 5.625rem;
    border-radius: 100%;
    padding-top: 0;
}
.tab-slider .name-tab {
	font-size: 1rem;
    font-weight: 600;
    text-transform: capitalize;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: 2.56rem;
}
.outstanding-student__content .box-student .image-cover {
    padding-top: 0;
    border-radius: 0.5rem;
    height: 16rem;
}
.outstanding-student__content .box-student .box-text{
    padding: 0;
}
.outstanding-student__content .box-student .box-text h3{
    padding-top: 1rem;
	font-size: 1.25rem;
	line-height: normal;
}
.outstanding-student__content .box-student .box-text ul{
	margin-bottom: 0;
	margin-top: 1rem;
}
.outstanding-student__content .box-student .box-text ul li{
	list-style: none;
	margin-bottom: 0;
}
.outstanding-student__content .box-student .box-text .rank span{
	font-weight: 1.25rem;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	font-weight: 600;
}
.outstanding-student__content .box-student .box-text .rank li{
	display: flex;
	align-items: center;
	column-gap: 0.63rem;
}
.outstanding-student__content .box-student .box-text .rank svg{
	flex-shrink: 0;
}
@media (max-width: 767.98px) {
	.outstanding-student .title-header.title-main{
		flex-direction: column;
		row-gap: 1rem;
	}
	.tabbed-content.outstanding-student__tab{
		row-gap: 1.5rem;
	}
	.tab-slider {
		flex-basis: 100%;
		max-width: 100%;
	}
	.tab-slider .tab-item{
		padding: 0.75rem 0.5rem;
	}
	.tab-slider .img.image-cover {
    width: 4.375rem;
    height: 4.375rem;
	}
	.outstanding-student .title-header.title-main p,
	.outstanding-student .title-header.title-main p br{
		display: none;
	}
}