/*
Theme Name: HoaSen University Theme
Description: HoaSen University Theme
Version: 2.0 update
Tags: rumedia, thiet ke web, digital marketing, 
Text Domain: hsu
*/

/*************************Header***********************************/
.vc-footer img.jsLazy {    max-width: 250px;}

.vc-top {
    background-color: #024da1 !important;
}
.vc-top__switch.d-inline-flex {
    width: 60px;
    padding: 3px;
    height: 31px;
}
.vc-top__switch a.d-inline-flex.align-items-center.justify-content-center {
    padding: 0 !important;
    width: 25px;
    height: 25px;
      color: #4A5567;
}
.vc-top__switch a.current {
    background: #FCED04;
    color: #024DA1 !important;
    font-weight: bold;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
}
@media only screen and (min-width: 1200px){.vc-header.sticky .vc-header__logo img.logo-h{			filter: none !important;			display: none;		}						.vc-header.sticky .vc-header__logo img.logo-white-h{			display: block !important;			filter: none !important;		}
.vc-header.sticky {
        background-color: #024da1 !important;

    }
}
@media only screen and (max-width: 1199.98px){
	nav.vc-header__nav.sp.jsNav {
    background: #024DA1 !important;
}
.vc-header__nav>ul{
        margin: 80px 0 0 !important;
}
}
/*************************Footer***********************************/
footer .vc-footer__col, footer svg.vc-icon{
	display: none;
}
footer .vc-footer__col:nth-child(1) {
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 40%;
}
footer .vc-footer__col:nth-child(2){
	width: 60% !important;
	display: block;
}
footer .vc-footer__col:nth-child(2) .vc-footer__logo{
	display: none !important;
}
.vc-footer__copy {
    text-align: center;
}

@media only screen and (max-width: 500px) {
	footer .vc-footer__col:nth-child(1) {
	justify-content: start;
}
	.row.vc-footer__row {
  display: flex;
	flex-direction: column;
  padding: 16px;
    }
	footer .vc-footer__col:nth-child(2) {
    width: 100% !important;

}
}
/*************************Custom***********************/
.z-index-2{
	z-index: 2;
	position: relative;
}
.hsu-block-cs .wp-block-group__inner-container{
	padding: 0 !important;
}
.width-1200 {
    max-width: 1312px;
    margin: auto;
}
.grid-gap-cs {
    gap: 32px;
}
.pad-cs {
    padding: 56px 32px;
}
.b-radius-8{
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    -khtml-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -ms-border-radius: 8px !important;
}
.b-radius-0{
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -khtml-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
}
.hsu-header-h2-btn {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 12px;
    gap: 16px;
}
.vc-top__switch a.current {
    background: #fff200 !important;
}
.hsu-block-cs{
    padding:56px
}
.hsu-block-cs h2{
	margin-bottom: 32px;
    font-size: 32px;
}
.hsu-block-cs p{
      font-size: 16px;
}
.hsu-text-justify{
	text-align: justify !important;
}
.view-des, .view-mob {
    margin: auto;
}
.view-mob {
    display: none;
}

.hsu-see-more-wrapper {
    position: relative;
    margin-right: 50px;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
    color: black;
    min-width: fit-content;
}
.hsu-see-more-wrapper::after {
    position: absolute;
    content: "›";
    display: inline-block;
    width: 36px;
    height: 28px;
    background: #024DA1;
    color: #fff;
    text-align: center;
    line-height: 24px;
    text-decoration: none;
    font-weight: bold;
    border-right: 8px solid #009FE8;
    font-size: 25px;
    right: -50px;
}
@media only screen and (max-width: 1000px) {
    .hsu-block-cs{
     padding:40px;
    }
    .hsu-block-cs h2{
      margin-bottom: 28px;
      font-size: 24px;
    }
    .pad-cs{
        padding:32px;
    }
    .grid-gap-cs {
    gap: 20px;
    }
    .ipad-grid-1{
		grid-template-columns: 100% !important;
	} 
    .grid-ipad2-mob1 {
    grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media only screen and (max-width: 500px){
    .hsu-block-cs{
     padding: 32px 16px;
    }
    .hsu-block-cs h2{
      margin-bottom: 16px;
      font-size: 20px;
    }
    .pad-cs{
        padding:32px 16px;
    }
    .grid-gap-cs {
        gap: 16px;
    }
	.mob-grid-1, .grid-ipad2-mob1 {
		grid-template-columns: 100% !important;
	}
    .view-des {
    display: none;
    }
    .view-mob {
        display: block;
    }

}