/*== CSS STYLE ALL  ==*/
@font-face {
    font-family: 'SVN-Gotham';
    src: url('../fonts/SVN-Gotham.woff2') format('woff2'),
        url('../fonts/SVN-Gotham.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SVN-GothamBook';
    src: url('../fonts/SVN-GothamBook.woff2') format('woff2'),

        url('../fonts/SVN-GothamBook.woff') format('woff');
    font-weight: 400;
	font-style: normal;
    font-display: swap;
}
html {
	overflow-x: hidden;
}
.enroll__process {
	overflow-x: hidden;
}
li.no-click > a {
	pointer-events: none;
}
.container-1570 {
	max-width: 1570px !important;
}
.heading-title {
	font-size: 33px;
	text-transform: uppercase;
	margin-bottom: 20px;
	font-family: "SVN-Gotham";
	line-height: 42px;
}
.heading-group {
	margin-bottom: 30px;
}
.heading-group .heading-title {
	margin-bottom: 0;
}
body.lang-vi .blurred-text {
    font-family: system-ui;
	font-size: 90px;
}
body.lang-en .blurred-text {
    font-family: sans-serif;
}
.blurred-text {
	font-size: 108px;
	font-family: sans-serif;
	font-weight: 800;
	opacity: 5%;
	text-transform: uppercase;
	line-height: 95px;
	color: transparent;
    -webkit-text-stroke: 3px var(--cl-main);
	position: absolute;
    top: 50%;
    left: -10px;
    transform: translateY(-50%);
	z-index: -1;
	width: 100%;
	display: none;
}
.p-absolute-full {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.text-justify {
    text-align: justify;
}
.flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
}
.flex-direction-column {
	flex-direction: column;
}
.flex-direction-row {
	flex-direction: row;
}
.ml-auto {
	margin-left: auto;
}
.mr-auto {
	margin-right: auto;
}
.ml-12 {
	margin-left: 12px;
}
.mr-12 {
	margin-right: 12px;
}
.pl-0-mob {
	padding-left: 0;
}
.pr-0-mob {
	padding-right: 0;
}
.pt-0-mob {
	padding-top: 0;
}
.pb-0-mob {
	padding-bottom: 0;
}
.pl-12-mob {
	padding-left: 12px;
}
.pr-12-mob {
	padding-right: 12px;
}
.line-clamp-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.line-clamp-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.e-btn, .w-btn {
	display: inline-block;
	height: 42px;
	line-height: 40px;
	text-align: center;
	padding: 0 16px;
	background: var(--cl-sub);
	border-radius: 7px;
	text-transform: uppercase;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
}
.e-btn > span {
	position: relative;
	color: #fff;
	padding-left: 30px;
	white-space: nowrap;
}
.w-btn {
	background: #fff;
	color: var(--cl-main);
	border: 1px solid var(--cl-main);
}
.w-btn img {
	width: 18px;
	height: 18px;
	margin-right: 5px;
}
.btn-view {
	height: 40px;
	font-size: 14px;
	width: fit-content;
	border-radius: 7px;
	padding: 0 40px;
	background-color: var(--cl-sub);
	color: #FFFFFF;
}
.btn-view::after {
	content: "\f101";
	font-family: "Font Awesome 5 Pro";
	font-size: 14px;
	line-height: 30px;
	padding-left: 5px;
	transform: translateY(1px);
}
.btn-view:hover {
	background-color: var(--cl-third);
	color: #fff;
}
.btn-outline:hover {
	background-color: var(--cl-third);
	color: #FFFFFF;
    border-color: var(--cl-third);
}
.btn-outline, .btn-light-orange {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	width: fit-content;
	border-radius: 7px;
	padding: 0 40px;
	height: 40px;
    color: var(--cl-main);
    background-color: transparent;
    border: 1px solid var(--cl-main);
}
.btn-outline-white {
	color: #fff;
	border-color: #fff;
}
.btn-light-orange {
	background-color: var(--cl-third);
	color: #fff;
	border-color: var(--cl-third);
}
.btn-light-orange:hover {
	background-color: #fff;
	color: var(--cl-main);
	border-color: #fff;
}
.btn-outline-blue:hover {
	border-color: var(--cl-main);
}
.custom-slider .slick-arrow {
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid var(--cl-main);
}
.custom-slider .slick-arrow:hover {
	background-color: var(--cl-main);
}
.custom-slider .slick-arrow::before {
    color: var(--cl-main);
	opacity: 1;
}
.custom-slider .slick-arrow:hover::before {
	color: #fff;
}
.custom-slider .slick-prev {
    left: -10px;
}
.custom-slider .slick-next {
    right: -10px;
}
.slick-arrow::before {
    color: var(--cl-main);
}
.slick-dots {
	bottom: -40px;
}
.slick-dots li, .slick-dots li button, .slick-dots li button:before {
	width: 10px;
	height: 10px;
}
.slick-dots li button {
	padding: 0;
}
.slick-dots li button:before {
	font-size: 10px;
	line-height: 10px;
}
.slick-dots li button:before {
	color: var(--cl-main);
}
.slick-dots li.slick-active button:before {
	opacity: 1;
	color: var(--cl-main);
}
.bg-gray {
	background-color: #F5F5F5;
}
.play-vid .thumb {
	cursor: pointer;
}
.about__video .play-vid .thumb {
	width: 1200px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.play-vid .img img {
	object-fit: cover;
    border-radius: 15px;
}
.play-vid .img::before {
	content: '';
    display: block;
    padding-bottom: 56.25%;
}
.play-vid .icon-play {
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background-color: #fff;
    border-radius: 50%;
    z-index: 1;
    cursor: pointer;
}
.play-vid .icon-play::before {
    content: '';
    position: absolute;
    top: auto;
    left: auto;
    width: 72px;
    height: 72px;
    background: #FFFFFF85;
    border-radius: 50%;
    animation: pulse 1.5s infinite;
    z-index: -1;
}
.play-vid .icon-play img {
    width: 22px;
    height: 22px;
    transform: translateX(2px);
    z-index: 2;
}
@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 0.7;
    }
    50% {
        transform: scale(1.2);
        opacity: 0.3;
    }
    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}
.page__title-area {
	background-repeat: no-repeat !important;
    background-size: cover !important;
}
#toc_container .toc_list .toc_number {
	display: none;
}
/*== END CSS STYLE ALL ==*/
/*== SINGLE POST - EVENT ==*/
.single.single-post .page__title-height {
	padding-top: 515px;
	padding-bottom: 0;
}
.single.single-post .wp-caption {
	width: 100% !important;
}
.single.single-post .wp-caption .wp-caption-text {
	font-size: 14px;
}
.single.single-post table td {
	padding: 5px;
}
html, body.single.single-news_events {
	background-color: #fff !important;
}
.form-single-posts .wf-parent {
	background-color: #fff !important;
	padding: 0 !important;
}
.form-single-posts .wf-wrapper {
	box-shadow: none !important;
}
.form-single-posts .wf-header {
	text-align: center;
	color: var(--cl-main);
	font-size: 30px;
}
.form-single-posts .wf-label {
	color: var(--cl-main);
	font-weight: 700;
}
/*== CSS HERO BANNER ==*/
.hero-banner {
	padding-top: 400px;
}
.hero-banner__bg {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.hero-banner__bg::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(51 51 51 / 30%);
}
.hero-banner__title {
	text-transform: uppercase;
	font-size: 36px;
}
.hero-banner__content .rank-math-breadcrumb p {
	margin-bottom: 0;
	font-size: 20px;
	color: #fff;
	text-transform: uppercase;
}
.hero-banner__content .rank-math-breadcrumb .last {
	font-weight: 700;
}
/*== END CSS HERO BANNER ==*/
/*== SIDEBAR BLOG ==*/
.sidebar__form-wrapper {
	padding: 15px;
	border-radius: 15px;
	border: 3px solid var(--cl-main);
	color: var(--cl-main);
	font-weight: 400;
}
.blog__sidebar {
	position: sticky;
    top: 150px;
}
.sidebar__form-wrapper .wpforms-container-full {
	margin-top: 0;
}
.sidebar__form-header .title {
	font-weight: 700;
	color: var(--cl-main);
	font-size: 20px;
	text-align: center;
	margin-bottom: 0;
	text-transform: uppercase;
}
.sidear__form-body form {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.sidear__form-body {
	font-size: 13px !important;
}
.sidear__form-body label,
.sidear__form-body .wf-label {
	color: var(--cl-main);
	font-size: 15px !important;
}
.sidear__form-body .wf-field input, .sidear__form-body .wf-field select,
.sidear__form-body form.wpcf7-form input, .sidear__form-body form.wpcf7-form select {
	height: 38px;
    padding: 4px 15px;
}
.sidear__form-body .wpforms-field-container {
	display: flex;
	flex-wrap: wrap;
}
.sidear__form-body .wpforms-field {
	width: 100% !important;
}
.sidear__form-body select, .sidear__form-body input {
	font-size: 14px !important;
}
.sidear__form-body .form-column input {
	width: 100%;
}
.sidear__form-body .form-column {
	width: 50% !important;
	padding-right: 10px !important;
}
.sidear__form-body .form-name {
	padding-right: 0 !important;
}
.sidear__form-body .form-radio .wpforms-field-label {
	text-align: justify;
	font-size: 14px !important;
	font-weight: 500 !important;
}
.sidear__form-body button[type=submit] {
    font-weight: 700;
    padding: 5px 20px !important;
	border-radius: 8px !important;
	background-color: var(--cl-sub) !important;
	font-size: 14px !important;
	color: #fff !important;
	border: 1px solid #fff !important;
	margin-left: auto !important;
	margin-right: auto !important;
	display: flex !important;
	text-transform: uppercase !important;
}
.sidear__form-body button[type=submit]:hover {
	background-color: var(--cl-third) !important;
}
/*== END SIDEBAR BLOG ==*/
/*== BLOG ==*/
.blog-content .blog__col {
	display: flex;
}
.blog-content .blog__col .blog__thumb {
	height: 100%;
}
/*== END BLOG ==*/
/*== RELATED POSTS ==*/
.related-posts .title {
	color: var(--cl-main);
	font-weight: 700;
	font-size: 32px;
	padding: 0 12px;
}
.related-posts .article-list {
	padding-left: 0;
	margin: 0;
}
.related-posts .article-list li {
	list-style-type: none;
}
.related-posts .article-list .item {
	background-color: #F2F4F7;
	border-radius: 10px;
}
.related-posts .article-list .content {
	width: calc(100% - 290px);
}
.related-posts .thumbnail {
	width: 290px;
}
.related-posts .thumbnail .d-block {
	position: relative;
}
.related-posts .thumbnail .d-block::before {
	content: '';
	display: block;
	padding-bottom: 70%;
}
.related-posts .thumbnail img {
	border-radius: 10px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.related-posts .post-day {
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: normal;
}
.related-posts .blog-cats a {
    border-radius: 12px;
    display: inline-block;
    line-height: 24px;
    padding: 2px 12px;
    color: #fff;
	font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
	background-color: var(--cl-main);
}
.related-posts .blog-cats a:nth-child(2) {
	background-color: var(--cl-sub);
}
.related-posts .blog-cats a:nth-child(3) {
	background-color: var(--cl-third);
}
.related-posts .rc__title a {
	color: #000;
	font-weight: 700;
	font-size: 18px;
}
.related-posts .rc__title a:hover {
	color: var(--cl-main);
}
.related-posts .info {
	flex-wrap: wrap;
	gap: 10px
}
/*== END RELATED POSTS ==*/
/*== TEMPLATE PUBLIC ==*/
.section-public-template .title {
	margin-bottom: 15px;
}
.section-public-template .wrapper {
	width: 100%;
	flex-wrap: wrap;
	gap: 20px;
}
.section-public-template .wrapper .item {
	border: 1px solid #f2f2f2;
    border-radius: 8px;
	padding: 0 0 16px;
	flex-direction: column;
	width: calc(25% - 15px);
}
.section-public-template .wrapper .item:last-child {
	margin-bottom: 0;
}
.section-public-template .wrapper .item a {
	color: #2E91FA;
	font-weight: 700;
}
.section-public-template .wrapper .item a i {
	padding-right: 5px;
}
.section-public-template .title-file {
	display: flex;
    flex-direction: column;
    text-align: center;
    gap: 10px;
	width: 100%;
	margin-bottom: 10px;
}
.section-public-template .title-file span {
	color: var(--cl-main);
	font-weight: 700;
}
.section-public-template .title-file .img::before {
	content: '';
	display: block;
	padding-bottom: 140%;
}
.section-public-template .title-file img {
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	object-fit: contain;
}
/*== END TEMPLATE PUBLIC ==*/
/*== TEMPLATE CALENDAR ==*/
.iframe-calendar iframe {
	border-radius: 20px;
}
/*== END TEMPLATE CALENDAR ==*/
/*== TEMPLATE IB FAQ ==*/
.page-template-template-ib-faq main .container.overflow-inherit {
	max-width: 1100px !important;
}
.page-template-template-ib-faq .accordion-button {
	font-weight: 600;
	color: var(--cl-main) !important;
}
.page-template-template-ib-faq .content-block ul li {
	list-style: none;
}
.page-template-template-ib-faq .accordion-item:first-of-type .accordion-button,
#accordion-fees .accordion-item:first-of-type .accordion-button {
	border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.page-template-template-ib-faq .accordion-button h2 {
	margin-bottom: 0;
}
.page-template-template-ib-faq .accordion-button::after,
#accordion-fees .accordion-button::after {
	content: none;
}
.page-template-template-ib-faq .accordion-button::before,
#accordion-fees .accordion-button::before {
	background-image: none;
	font-family: 'Font Awesome 5 Pro';
	font-weight: 900;
	font-size: 22px;
	transform: rotate(0);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--cl-sub);
	margin-right: 20px;
}
.page-template-template-ib-faq button[aria-expanded="false"]::before,
#accordion-fees button[aria-expanded="false"]::before {
	content: '\f067';
}
.page-template-template-ib-faq button[aria-expanded="true"]::before,
#accordion-fees button[aria-expanded="true"]::before {
	content: '\f068';
	opacity: .8;
}
/*== END TEMPLATE IB FAQ ==*/
/*== TEMPLATE CAMPUS ==*/
/* CAMPUS BK */
.page-template-template-campus-tour-bk .custom-title span {
    font-size: 38px;
}
.page-template-template-campus-tour-bk .slides-campus .elementor-swiper-button {
    width: 48px;
    height: 48px;
    background-color: var(--cl-main);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-template-template-campus-tour-bk .slides-campus .elementor-swiper-button-prev {
    left: -24px !important;
}
.page-template-template-campus-tour-bk .slides-campus .elementor-swiper-button-next {
    right: -24px !important;
}
/* END CAMPUS BK */
/* CAMPUS NEW */
.campus-tour-gallery .gallery-header {
	text-align: center;
	max-width: 780px;
	margin-left: auto;
	margin-right: auto;
}
.page-template-template-campus-tour-new .title {
	font-size: 46px;
	margin-bottom: 30px;
	color: var(--cl-main);
}
.campus-tour-gallery .gallery-row {
	align-items: center;
}
.campus-tour-gallery .gallery-row .item.is-blur {
	opacity: .4;
	transition: opacity 0.3s ease;
}
.campus-tour-gallery .gallery-row .item.is-hover {
	opacity: 1 !important;
    z-index: 1;
    transition: opacity 0.3s ease;
}
.campus-tour-gallery .gallery-row img {
	border-radius: 6px;
}
.gallery-row .gallery-center {
	gap: 1.5rem;
	margin-bottom: 1.5rem;
}
.gallery-row .gallery-center:first-child {
	align-items: flex-end;
}
.gallery-row .gallery-center:last-child {
	margin-bottom: 0;
	align-items: flex-start;
}
.campus-tour-form .wrapper {
	padding-top: 80px;
	max-width: 900px !important;
	margin: 0 auto;
}
.campus-tour-form .container {
	border-top: 1px dashed #000;
}
.campus-tour-gallery .gallery-mobile {
	display: none;
}
/* END CAMPUS NEW */
/*== END TEMPLATE CAMPUS ==*/
/*== TEMPLATE VIDEOS ==*/
.tesla-video .list-arts .thumb img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	cursor: pointer;
}
.popup-video .modal-dialog {
	max-width: 900px;
}
.popup-video .modal-content {
	padding: 10px;
	position: relative;
}
.popup-video .modal-body {
    position: relative;
	padding-bottom: 56.25%;
}
.popup-video iframe {
    width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: absolute;
	border-radius: .3em;
}
.popup-video .modal-button, #infoLeader .modal-button {
	position: absolute;
	top: -10px;
	right: -10px;
	background-color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15), 0 3px 6px rgba(0, 0, 0, 0.1);
}
.popup-video .modal-button .btn-close, #infoLeader .modal-button .btn-close {
	width: .8em;
	height: .8em;
	padding: 0;
}
/*== END TEMPLATE VIDEOS ==*/
/*== TEMPLATE SCHOLARSHIPS ==*/
.page-template-template-scholarships .wrapper {
	padding: 20px 10px;
}
.btn-file {
	text-align: center;
	margin-top: 30px;
}
.scholarships__sidebar {
	position: sticky;
    top: 150px;
	padding: 20px 8px;
	background-color: var(--cl-main);
	color: #fff;
}
.scholarships__sidebar .title_widget {
	font-size: 20px;
	text-align: center;
	color: #fff;
	font-weight: 700;
}
.scholarships__sidebar label, .scholarships__sidebar .wf-label {
	font-size: 15px !important;
	color: #fff;
}
.scholarships__sidebar .wpforms-submit.e-btn {
	display: flex !important;
	margin: 0 auto;
	height: 38px !important;
	align-items: center;
	justify-content: center;
	border: 1px solid #fff !important;
	border-radius: 8px !important;
}
.scholarships__sidebar .wpforms-submit.e-btn:hover {
	background-color: var(--cl-third) !important;
}
.scholarships__sidebar label.wpforms-error {
	color: #ffd915 !important;
}
/* form bigin */
.scholarships__sidebar .wf-wrapper {
	background-color: transparent;
}
.scholarships__sidebar .wf-form-component {
	padding: 0 12px;
}
.scholarships__sidebar .wf-field input, .scholarships__sidebar .wf-field select,
.scholarships__sidebar form.wpcf7-form input, .scholarships__sidebar form.wpcf7-form select {
	height: 38px;
	padding: 4px 10px;
}
.scholarships__sidebar form.wpcf7-form input[type="submit"] {
	height: 44px;
}
.scholarships__sidebar form.wpcf7-form .wpcf7-not-valid-tip {
    font-size: 13px;
}
.scholarships__sidebar div#content-div {
    padding: 15px !important;
}
/*== END TEMPLATE SCHOLARSHIPS ==*/
/*== TEMPLATE PAGE CONTACT US ==*/
.page-template-template-contact .sec-contact .container {
	max-width: 1200px !important;
}
.page-template-template-contact .sec-contact .box {
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
	border-radius: 60px;
	background-color: #ffffff;
	overflow: hidden;
	align-items: center;
	margin-bottom: 90px;
}
.page-template-template-contact .col-left .title, #popupContact .col-left .title {
	font-size: 28px;
	text-transform: uppercase;
	color: var(--cl-main);
	font-weight: 700;
}
.page-template-template-contact .col-left form, #popupContact .col-left form {
	padding: 0;
}
.page-template-template-contact .col-left div.wpforms-container-full,
#popupContact .col-left div.wpforms-container-full {
	margin-bottom: 0;
	margin-top: 0;
}
.page-template-template-contact .col-left form label.wpforms-field-label,
#popupContact .col-left form label.wpforms-field-label {
	font-size: 16px !important;
	margin-bottom: 0 !important;
}
.page-template-template-contact .col-left form input::placeholder,
#popupContact .col-left form input::placeholder {
	font-size: 13px !important;
	color: #A4A4A4;

}
.page-template-template-contact div.wpforms-container-full .wpforms-form .wpforms-field,
#popupContact div.wpforms-container-full .wpforms-form .wpforms-field {
	padding: 5px 0;
}
.page-template-template-contact .wpforms-error, #popupContact .wpforms-error {
	font-size: 13px !important;
	margin-bottom: 0 !important;
    line-height: normal !important
}
.page-template-template-contact .col-left button[type="submit"],
#popupContact .col-left button[type="submit"] {
	height: 38px !important;
    border-radius: 8px !important;
    border: 1px solid #fff !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    font-weight: 700;
	display: flex !important;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
}
.page-template-template-contact .col-right, #popupContact .col-right {
	padding: 0;
}
.page-template-template-contact .col-right .content, #popupContact .col-right .content {
	padding: 70px 50px 100px;
	background-color: var(--cl-main);
	color: #fff;
	height: 100%;
}
.page-template-template-contact .col-right .content > *,
#popupContact .col-right .content > * {
	font-size: 16px;
}
.page-template-template-contact .col-right .title, #popupContact .col-right .title {
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
}
.page-template-template-contact .list-inf .item,
#popupContact .list-inf .item {
	margin-bottom: 20px;
	list-style-position: outside;
}
.page-template-template-contact .list-inf .item:last-child,
#popupContact .list-inf .item:last-child {
	margin-bottom: 0;
}
.page-template-template-contact .list-inf .sub,
#popupContact .list-inf .sub {
	display: block;
	font-weight: 700;
}
.page-template-template-contact .list-inf a,
#popupContact .list-inf a {
	font-size: 14px !important;
}
.page-template-template-contact ul.social-list li,
#popupContact ul.social-list li {
	margin-right: 10px;
}
/*== END TEMPLATE PAGE CONTACT US ==*/
/*== TEMPLATE PAGE LIKE A POST ==*/
.page #toc_container {
	display: none;
}
.page-template-template-like-post .col-toc {
	background-color: #F9F9F9;
}
.page-template-template-like-post .col-toc #toc_container {
	position: sticky;
	top: 150px;
	margin: 0;
	display: block;
	background: transparent;
    border: none;
    padding: 0;
}
.page-template-template-like-post .col-toc #toc_container .toc_list {
	font-size: 14px;
}
.page-template-template-like-post .col-toc #toc_container li {
	line-height: 1.7;
	border-bottom: 1px solid #DEDEDE;
}
.col-toc #toc_container li:last-child {
	border-bottom: none;
}
.col-toc #toc_container li a {
	font-size: 16px;
	text-transform: uppercase;
	padding: 12px 0;
	display: inline-block;
	font-family: 'SVN-Gotham';
}
.page-template-template-like-post .col-toc #toc_container .toc_number::after {
    content: ".";
    margin-right: 5px;
}
.col-toc .toc_title {
	text-align: left !important;
	font-size: 18px;
    line-height: 1.5;
    color: var(--cl-main) !important;
    margin-bottom: 0 !important;
    text-transform: uppercase;
	font-family: 'SVN-Gotham';
	font-weight: 700;
}
.col-toc .toc_list ul li {
	border-top: 1px solid #DEDEDE;
	border-bottom: none !important;
}
.col-toc .toc_toggle, .col-toc span.toc_number {
	display: none;
}
body.single-news_events #toc_container .toc_toggle a {
	display: inline-block;
    position: relative;
	padding: 0 10px;
}
body.single-news_events.lang-vi #toc_container .toc_toggle a::after {
	content: 'ẩn';
	background: #faf5f5;
    position: absolute;
	width: 100%;
    left: 0;
    padding: 0 7px;
}
body.single-news_events.lang-vi #toc_container.no_bullets.contracted .toc_toggle a::after {
	content: 'hiện';
	padding: 0;
}
.page-template-template-like-post #toc_container a.active,
.page-template-template-like-post #toc_container a:hover {
	color: var(--cl-sub) !important;
}
.page-template-template-like-post .content-post {
    color: #000;
}
.page-template-template-like-post .content-post h2 {
	font-size: 22px;
}
.page-template-template-like-post .content-post h3 {
	font-size: 20px;
	color: #000;
	font-weight: 500;
}
.page-template-template-like-post .content-post h4 {
	color: #2A9D8F;
	font-size: 18px;
	padding-left: 10px;
	font-weight: 500;
}
.page-template-template-like-post .content-post h5 {
	font-size: 16px;
	padding-left: 20px;
	color: #F4A261;
	font-weight: 500;
}
.page-template-template-like-post .content-post ul,
.page-template-template-like-post .content-post ol {
	padding-left: 30px;
}
.page-template-template-like-post .content-post ul li {
	list-style-type: disc !important;
	margin-bottom: 5px;
}
.page-template-template-like-post .content-post ol li {
	list-style-type: auto;
	margin-bottom: 5px;
}
@media (min-width: 1200px){
	.page-template-template-like-post .col-toc {
		width: 250px;
		padding: 50px 2% 100px 2%;
	}
	.page-template-template-like-post .content-post {
		width: calc(100% - 250px);
		padding: 0 4% 150px 4%;
	}
}
@media (min-width: 1400px){
	.page-template-template-like-post .col-toc {
		width: 350px;
	}
	.page-template-template-like-post .content-post {
		width: calc(100% - 350px);
	}
}
/*== END TEMPLATE PAGE LIKE A POST ==*/
/*== TEMPLATE PAGE SCHOOL FEES - TABLE ==*/
#accordion-fees .accordion-button {
	background-color: var(--cl-main) !important;
	color: #FFFFFF !important;
	font-weight: 600;
}
#accordion-fees .accordion-item {
	border: 1px solid #d5d8dc;
}
#accordion-fees .accordion-button::before {
	color: #FFFFFF;
}
.section-school-fees .wrapper .box:last-child {
	margin-bottom: 0;
}
.section-school-fees table {
	width: 100% !important;
	display: table;
}
.section-school-fees table {
	font-size: initial;
	margin-bottom: 15px;
}
.section-school-fees .col-table p {
	font-size: initial;
}
.section-school-fees .accordion-body, .section-school-fees .col-table p, .section-school-fees .accordion-body li {
	line-height: 24px;
}
.section-school-fees table, .section-school-fees th, .section-school-fees td {
	border: 1px solid var(--cl-main);
	line-height: normal;
}
.section-school-fees td {
	padding: 10px 5px;
}
.section-school-fees table thead * {
	background-color: var(--cl-main);
	color: #fff !important;
}
.section-school-fees table tfoot {
	background-color: #8db4e2;
	font-weight: 700;
}
.section-school-fees table thead td, .section-school-fees table thead th {
	border: 1px solid #fff;
}
.section-school-fees .col-table tbody, .section-school-fees .col-table thead {
	font-size: 15px;
}
.section-school-fees .btn-fee {
	background-color: var(--cl-main);
	color: #fff;
	padding: 15px 20px;
    width: 100%;
    display: block;
}
.section-school-fees .accordion-body ul {
	padding-left: 20px;
	margin: 15px 0;
}
.section-school-fees .accordion-body ul > li {
	padding-left: 15px;
	position: relative;
	margin-bottom: 10px;
}
.section-school-fees .accordion-body ul > li:last-child {
	margin-bottom: 0;
}
.section-school-fees .accordion-body ul > li::before {
	content: '+';
	position: absolute;
	top: -1px;
	left: 0;
}
/*== END TEMPLATE PAGE SCHOOL FEES - TABLE ==*/
/* FORM BIGIN */
.form_bigin .wf-parent {
	background-color: transparent !important;
}
.wform-btn-wrap input[type="submit"]:hover {
	background-color: var(--cl-third) !important;
}
#hidden6155936000001246269Frame #content-div {
	display: flex;
	align-items: center;
}
.wf-field-mandatory .wf-field-inner::before {
	content: none !important;
}
/* CONTACT FORM 7 */
form.wpcf7-form {
	position: relative;
}
form.wpcf7-form input, form.wpcf7-form select {
	width: 100%;
    border: 1px solid #BDC8D3;
    border-radius: 4px;
    padding: 10px 15px;
    min-height: 38px;
    font-size: 15px;
}
form.wpcf7-form select:not([data-wform-field='select-multiple']) {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: transparent;
	background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='34' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
	background-repeat: no-repeat;
	background-position-x: 99%;
	background-position-y: 50%;
	background-color: #fff;
	min-width: 70px;
	width: 100%;
}
form.wpcf7-form select {
	cursor: pointer;
}
form.wpcf7-form input[type="submit"] {
	background-color: #F15F29;
    color: #fff;
    border: 1px solid #fff;
    width: auto;
	font-size: 15px;
	padding: 8px 20px;
	font-weight: 700;
	display: flex;
	margin-left: auto;
	margin-right: auto;
}
form.wpcf7-form input[type="submit"]:hover {
	background-color: var(--cl-third);
	cursor: pointer;
}
form.wpcf7-form .wpcf7-spinner {
	position: absolute;
    bottom: 10px;
    left: 50%;
    margin: 0;
    transform: translateX(-50%);
}
form.wpcf7-form .wpcf7-response-output {
	background-color: var(--cl-main);
	font-size: 14px;
	color: #fff;
	border-radius: 4px;
	margin-left: 0;
	margin-right: 0;
	padding: 10px 15px;
}
form.wpcf7-form .wpcf7-not-valid-tip {
	font-weight: 600;
	font-size: 15px;
}
form.wpcf7-form label {
	padding-bottom: 7px;
}
/* RESPONSIVE */
@media (max-width: 992px){
	.blurred-text {
		display: none;
	}
	.related-posts .title {
		font-size: 24px;
		padding: 0;
	}
	.related-posts .article-list {
		margin: 0 -12px;
	}
	.related-posts .article-list .item {
		flex-wrap: wrap;
	}
	.related-posts .thumbnail {
		width: 100%;
	}
	.related-posts .article-list .content {
		width: 100%;
		padding-top: 10px;
		padding-bottom: 15px;
	}
	.campus-tour-gallery .gallery-row {
		display: none;
	}
	.campus-tour-gallery .gallery-mobile {
		display: block;
		margin-bottom: 70px;
	}
	.campus-tour-gallery .gallery-mobile .item {
		display: block;
		position: relative;
	}
	.campus-tour-form .wrapper {
		padding-top: 40px;
	}
	.page-template-template-campus-tour-new .title {
		font-size: 32px;
	}
	.campus-tour-gallery .gallery-mobile .item img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 6px;
	}
	.campus-tour-gallery .gallery-mobile .item::before {
		content: '';
		display: block;
		padding-bottom: 66%;
	}
}
@media (max-width: 1199px) {
    .heading-title {
        font-size: 30px;
    }
	.hero-banner__title {
		font-size: 32px;
	}
}
@media (max-width: 1025px) {
	/* html {
		overflow-x: hidden;
	} */
}
@media (max-width: 769px) {
	.container-1570 {
		max-width: 720px !important;
	}
    .heading-title {
        font-size: 30px;
		line-height: normal;
    }
	.page__title {
        font-size: 32px;
    }
	.blurred-text {
		font-size: 60px;
		line-height: 60px;
		left: -5px;
	}
	.heading-group {
		margin-bottom: 40px;
	}
	.hero-banner__title {
		font-size: 28px;
	}
	.sidebar__area {
		width: 400px;
		right: -420px;
	}
	.popup-video .modal-dialog {
        max-width: 95%;
    }
	/*== TEMPLATE VIDEO */
	.tesla-video .list-arts .thumb:after {
		top: 20% !important;
	}
	.tesla-video .list-arts .slick-prev {
		left: 42%;
        top: -10px;
		transform: translateX(23%);
	}
	.tesla-video .list-arts .slick-next {
		right: 42%;
        top: -10px;
		transform: translateX(-23%);
	}
	/*== END TEMPLATE VIDEO ==*/
	.page-template-template-contact .sec-contact .box {
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 40px;
	}
	.page-template-template-contact .col-left .content {
		padding: 30px;
	}
	.page-template-template-contact .col-right .content {
		padding: 50px;
	}
	.page-template-template-contact .col-left .title {
		font-size: 26px;
	}
	.page-template-template-like-post .container-wrapper {
		flex-wrap: wrap;
	}
	.page-template-template-like-post .col-toc #toc_container {
		position: relative;
		top: 0;
		padding-top: 20px;
	}
	.page-template-template-like-post main .container {
		max-width: 100%;
	}
	.page-template-template-like-post .col-toc,
	.page-template-template-like-post .content-post {
		padding: 0 15px;
	}
	.section-public-template .wrapper .item {
		width: calc(50% - 15px);
	}
}
@media (max-width: 641px) {
	.form-single-posts .wf-header {
		font-size: 24px;
	}
	.form-single-posts .wf-wrapper {
		width: 100% !important;
	}
	.form-single-posts form {
		padding-left: 5px;
		padding-right: 5px;
	}
	.section-public-template .title-file img {
		width: 200px;
	}
	.blog__title {
		font-size: 26px;
	}
    .heading-title {
        font-size: 26px;
		margin-bottom: 15px;
    }
	.page__title {
        font-size: 28px;
    }
	.hero-banner{
		padding-top: 200px;
	}
	.page__title-height {
		padding-top: 230px;
	}
	.hero-banner__title {
		font-size: 26px;
	}
	.hero-banner__content .rank-math-breadcrumb p {
		font-size: 16px;
	}
	.blurred-text {
		font-size: 50px;
		line-height: 60px;
		left: 0px;
	}
	.page-template-template-contact .col-left .title {
		font-size: 20px;
	}
	.page-template-template-contact .col-left .content {
        padding: 30px 20px;
    }
	.page-template-template-contact .col-right .content {
        padding: 50px 35px;
    }
	.btn-outline, .btn-light-orange {
		padding: 0 25px;
		height: 36px;
		line-height: 34px;
	}
	.e-btn, .w-btn {
		height: 40px;
		line-height: 38px;
	}
	/*== CSS ALL ==*/
	.section-title {
		font-size: 22px;
	}
	/*== END CSS ALL ==*/
	/*== TEMPLATE CAMPUS ==*/
	.page-template-template-campus-tour-new .title {
		font-size: 30px;
		margin-bottom: 20px;
	}
	.campus-tour-form .container {
		border-top: none;
	}
	.campus-tour-form .wrapper {
		border-top: 1px dashed #000;
	}
	.campus-tour-form .form-campus form {
		padding: 0;
	}
    .page-template-template-campus-tour-bk .slides-campus .swiper-slide {
        width: 95% !important;
    }
    .page-template-template-campus-tour-bk .custom-title span {
        font-size: 24px;
    }
    .page-template-template-campus-tour-bk .slides-campus .elementor-swiper-button {
        display: none;
    }
	/*== END TEMPLATE CAMPUS ==*/
	/*== TEMPLATE PUBLIC ==*/
	.section-public-template .wrapper {
		width: 100%;
	}
	.section-public-template .wrapper .item {
		flex-wrap: wrap;
	}
	.section-public-template .title-file {
		margin-bottom: 7px;
	}
	/*== END TEMPLATE PUBLIC ==*/
	/*== TEMPLATE SCHOLARSHIPS ==*/
	.page-template-template-scholarships .btn-file {
		margin-top: 20px;
		margin-bottom: 30px;
	}
	.page-template-template-scholarships .wrapper {
		padding: 0;
	}
	.scholarships__sidebar {
		padding: 20px 12px;
	}
	.scholarships__sidebar .title_widget {
		padding: 0 30px;
		line-height: normal;
	}
	.scholarships__sidebar .wf-wrapper {
		width: 100% !important;
	}
	/*== END TEMPLATE SCHOLARSHIPS ==*/
	/*== TEMPLATE YEARBOOK ==*/
	.teacher__title a:hover {
		color: var(--cl-main);
	}
	/*== END TEMPLATE YEARBOOK ==*/
	/*== TEMPLATE VIDEO */
	.tesla-video .list-arts .thumb:after {
		top: 20% !important;
	}
	/*== END TEMPLATE VIDEO ==*/
	/*== TEMPLATE PUBLICATIONS ==*/
	.teacher__title {
		font-size: 17px;
	}
	.teacher__content {
		padding-top: 10px;
	}
	/*== END TEMPLATE PUBLICATIONS ==*/
	/* TEMPLATE SCHOOL FEE */
	.section-school-fees .accordion-body {
		padding: 10px;
	}
	.section-school-fees .main-table {
		overflow-x: scroll;
	}
	/* END TEMPLATE SCHOOL FEE */
	.page-template-template-like-post .col-toc,
	.page-template-template-like-post .content-post {
		padding: 0 12px;
	}
	.page-template-template-like-post .content-post {
		margin-top: 30px;
		padding-bottom: 30px;
	}
}
@media (max-width: 425px){
	.sidebar__area {
		right: -370px;
		width: 350px;
	}
	/*== TEMPLATE VIDEO */
	.tesla-video .list-arts .slick-prev {
		left: 40%;
	}
	.tesla-video .list-arts .slick-next {
		right: 40%;
	}
	/*== END TEMPLATE VIDEO ==*/
	.page-template-template-contact .col-left .content {
        padding: 30px 13px;
    }
	.page-template-template-contact .col-right .content {
		padding: 30px 25px;
	}
	ul.social-list li {
		margin-right: 8px;
	}
	.page-template-template-campus-tour-new .title {
		font-size: 26px;
	}
	.section-public-template .wrapper {
		gap: 10px;
	}
	.section-public-template .wrapper .item {
        width: calc(50% - 5px);
    }
}