/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
body {
  	font-family: 'SVN-Gilroy', sans-serif;
}

/* Hero slide */
.ead-home-hero-slide .swiper-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	bottom: 30px!important;
}

.ead-home-hero-slide .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
	width: 8px!important;
	height: 8px!important;
}
/* End */

.eaca-img-100.e-con>.elementor-widget, 
.eaca-img-100.e-con>.elementor-widget img {
	height: 100%!important;
}

.ead-contact-form {
	background: radial-gradient(65.56% 137.32% at 76.46% 32.98%, #341FB0 0%, #5B42FF 100%);
}

.ead-m-0 {
	margin: 0!important;
}

/* style cf7 */
.ead-contact-form p {
	margin: 0;
}
.ead-cf7-two-columns {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    max-width: 944px;
    margin: 0 auto;
}

.ead-cf7-two-columns .ead-col {
    flex: 1 1 calc(50% - 10px);
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.ead-cf7-field input,
.ead-cf7-field select {
    width: 100%;
    padding: 12px 16px;
    font-size: 16px;
    border: 1px solid #DBD9DE;
    border-radius: 8px;
    box-sizing: border-box;
	color: #ABABB1;
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
}

.ead-cf7-field input::placeholder {
	color: #ABABB1;
}

.ead-cf7-submit {
    width: 100%;
    text-align: center;
    margin-top: 25px;
}

.ead-cf7-submit input[type="submit"] {
    background: #FFFFFF;
    color: #5126B1;
    padding: 12px 20px;
    font-size: 18px;
    border: none;
    border-radius: 12px;
    font-weight: 700;
    cursor: pointer;
}

.ead-cf7-submit input[type="submit"]:hover {
    background: #5126B1;
    color: #fff;
}

.wpcf7-spinner {
  display: none;
  vertical-align: middle;
}

.wpcf7-form.wpcf7-submitting .wpcf7-spinner {
  display: inline-block;
}


@media (max-width: 768px) {
    .ead-cf7-two-columns {
		flex-direction: column;
  	}
  	.ead-cf7-two-columns .col {
    	flex: 1 1 100%;
  	}
}

/* end */


@media (min-width: 1025px) {
	.img-box-right .elementor-image-box-title, .img-box-left .elementor-image-box-title {
		margin-bottom: 12px;
	}
	.img-box-left, .img-box-right {
	  flex: 1;
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	}
	.img-box-right .elementor-image-box-img {
		position: absolute;
		right: -47px;
		top: 50%;
		transform: translateY(-50%);
		width: 100px!important;
		height: 100px;
	}
	.img-box-left .elementor-image-box-img {
		position: absolute;
		left: -47px;
		top: 50%;
		transform: translateY(-50%);
		width: 100px!important;
		height: 100px;
	}
	.ead-core-values .elementor-widget-image-box {
		width: calc((100% - 64px) / 3);
	}
}

@media (max-width: 1024px) {
	.img-box-right .elementor-image-box-wrapper, .img-box-left .elementor-image-box-wrapper {
		display: block!important;
	}
}
.img-box-top {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.img-box-top .elementor-image-box-img {
	position: absolute;
	top: 0;
	transform: translateX(-50%) translateY(-50%);
}

@media (max-width: 768px) {
	.ead-core-values .elementor-widget-image-box {
		width: 100%;
	}
	
	.ead-core-values .elementor-image-box-wrapper {
    	display: grid;
    	grid-template-columns: auto 1fr;
    	grid-template-areas:
      		"icon title"
      		"desc desc";
    	column-gap: 12px;
    	align-items: center;
  	}

  	.ead-core-values .elementor-image-box-img {
    	grid-area: icon;
    	margin: 0;
    	display: flex;
    	align-items: center;
	}

  	.ead-core-values .elementor-image-box-content {
    	display: contents;
  	}

  	.ead-core-values .elementor-image-box-title {
    	grid-area: title;
		margin: 0!important;
    	display: flex;
    	align-items: center;
  	}
	
  	.ead-core-values .elementor-image-box-description {
    	grid-area: desc;
    	margin-top: 4px;
  	}
}

/* Đội ngũ giảng viên */
.ead-orbit-wrapper {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: -60px;
}

.ead-orbit-content, .ead-orbit-mobile-only {
    display: none;
}
.ead-orbit-content.active {
    display: block;
}

.ead-orbit-container {
	position: relative;
	width: 600px;
	height: 600px;
	background: url('images/ellipse.svg') no-repeat;
	background-size: contain;
	background-position: right;
}

.ead-center-avatar {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 400px;
	height: 400px;
	border-radius: 50%;
	overflow: hidden;
}

.ead-center-avatar img,
.ead-orbit-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ead-orbit-avatar img {
/* 	transform: rotateY(180deg); */
}

.ead-orbit-avatar {
	position: absolute;
	width: 71px;
	height: 71px;
	border-radius: 50%;
	overflow: hidden;
	cursor: pointer;
}
.ead-orbit-avatar:hover, .ead-orbit-avatar.active {
	border: 3px solid #D0C3FF;
}
.ead-avatar1 { top: -4%; left: 58%; transform: translate(-50%, 0); }
.ead-avatar2 { top: 5%; left: 75%; transform: translate(50%, 50%); }
.ead-avatar3 { top: 50%; left: 100%; transform: translate(-50%, -50%); }
.ead-avatar4 { bottom: 5%; left: 75%; transform: translate(50%, -50%); }
.ead-avatar5 { bottom: -4%; left: 58%; transform: translate(-50%, 0); }

.ead-orbit-content-wrap {
	width: calc(100% - 600px);
	padding: 40px;
	border-radius: 20px;
	background: linear-gradient(180deg, #FFFFFF 0%, #F4F3FF 100%);
}

.ead-orbit-content.active {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.ead-orbit-content h4.ead-name {
	font-weight: 700;
	font-size: 32px;
	line-height: 36px;
  	margin: 0px;
  	color: #5126B1;
}

.ead-orbit-content .ead-description {
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #19181B;
}
.ead-orbit-content .ead-description ul {
	padding-left: 25px;
}

/* Mobile only */
.ead-orbit-slide-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 40px;
	max-width: 450px;
	margin: 0 auto;
}
.ead-orbit-slide-inner img {
	width: 250px;
	height: 250px;
	border-radius: 50%;
}

.ead-orbit-slide-inner .ead-orbit-content {
	padding: 24px 12px;
	border-radius: 20px;
	background: linear-gradient(180deg, #FFFFFF 0%, #F4F3FF 100%);
}

.ead-orbit-swiper-pagination {
	position: absolute;
	top: 260px;
	text-align: center;
}
.ead-orbit-swiper-pagination .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	background: #DBD9DE;
}
.ead-orbit-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 10px;
	height: 10px;
	background: #8061F1;
}

@media (max-width: 1290px) {
	.ead-orbit-container {
		width: 500px;
		height: 500px;
	}
	.ead-center-avatar {
		width: 300px;
		height: 300px;
	}
	.ead-avatar1 { top: -5%; left: 58%; transform: translate(-50%, 0); }
	.ead-avatar5 { bottom: -5%; left: 58%; transform: translate(-50%, 0); }
}

@media (max-width: 1024px) {
	.ead-orbit-content-wrap {
		padding: 24px 12px;
	}
	.ead-orbit-content h4.ead-name {
		font-size: 20px;
	}
}

@media (max-width: 900px) {
	.ead-orbit-main-container.e-con>.e-con-inner {
		padding: 40px 20px;
	}
	.ead-orbit-main-container.e-con>.e-con-inner h3.elementor-heading-title {
		text-align: center;
	}
	.ead-orbit-desktop-only {
		display: none;
	}
	.ead-orbit-mobile-only {
		display: block;
	}
}
/* End */

/* Course */
/* ---- Display tab */
.ead-tabs-wrapper {
	display: flex;
    flex-direction: column;
    align-items: center;
    gap: 48px;
}

.ead-tabs-mobile {
	width: 100%;
    display: none;
}

.ead-tabs-nav.ead-tabs-desktop {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	border-radius: 40px;
	background: #fdecf0;
	padding: 4px;
}

.ead-tab {
	padding: 5px 20px;
	border: none;
	border-radius: 40px;
	cursor: pointer;
	color: #615D6C;
	transition: all 0.3s ease;
	width: 258px;
	height: 48px;
}

.ead-tab.active, .ead-tab:hover {
	background: #B61F32;
	color: #F4F3FF;
}

.ead-tabs-content.ead-tabs-desktop {
	display: block;
	width: 100%;
}

.ead-tab-pane {
	display: none;
}

.ead-tab-pane.active {
	display: block;
}

.ead-course-list {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

/* ---- End display tab */

.ead-course-levels-container {
	display: flex;
	flex-direction: column;
	gap: 60px;
}
.ead-course-level-section, .ead-courses-archive {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.ead-course-level-heading {
    background-color: #b61f33;
    color: #FFFFFF!important;
    padding: 12px 24px;
    border-radius: 20px 20px 0 0;
    display: inline-block;
    margin-bottom: 20px;
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
    margin: 0;
}

.ead-course-level-heading-hr {
	width: 100%;
	height: 10px;
	border-radius: 0 0 12px 12px;
	background-color: #d23046;
}

.ead-course-cards, .ead-related-list {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 20px;
}

.ead-course-card {
    background: #fff;
    border: 1px solid #DBD9DE;
    border-radius: 20px;
    overflow: hidden;
    flex: 1 1 calc(33.333% - 20px);
    max-width: 384px;
    min-width: 280px;
}

.ead-course-card:hover {
	box-shadow: 0px 4px 0px 0px #B61F32;
}

.ead-course-card-top {
	display: flex;
    align-items: center;
    justify-content: center;
	min-height: 280px;
	text-align: center;
	background-image: url('images/bg-card-course.svg');
	background-size: cover;
  	background-position: center;
	background-repeat: no-repeat;
}

.ead-course-card-top h5 {
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
	max-width: 242px;
	color: #FFFFFF;
}

.ead-course-card-bottom {
	padding: 30px 20px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.ead-course-card-content {
	font-weight: 700;
	font-size: 20px;
	line-height: 26px;
	height: 52px;
}

.ead-course-button {
	width: fit-content;
}

.ead-course-button:not(.ead-disabled) {
    padding: 12px 20px;
    border: 1px solid #B61F32;
    border-radius: 12px;
    color: #B61F32!important;
    color: #FFFFFF;
    text-decoration: none!important;
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    float: right;
}

.ead-course-button:not(.ead-disabled):hover {
	background-color: #B61F32;
	color: #FFFFFF!important;
}

.ead-course-button.ead-disabled {
	border: 1px solid #DBD9DE;
	border-radius: 6px;
	padding: 4px 6px;
    color: #615D6C;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    pointer-events: none;
}

.ead-pagination {
    text-align: center;
    margin-top: 20px;
}

.ead-courses-archive .ead-pagination {
	margin-top: 0;
}

.ead-load-more {
    display: inline-block;
    padding: 10px 24px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 12px;
    border: 1px solid #B61F32;
    background: #fff;
    color: #B61F32;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
}

.ead-load-more:hover, .ead-load-more:focus {
    background: #B61F32;
    color: #fff;
    border-color: #B61F32;
}

.ead-load-more:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

@media (max-width: 1024px) {
	.ead-tab {
		width: 150px;
	}
    .ead-course-card {
    	flex: 1 1 calc(50% - 20px);
    	max-width: calc(50% - 20px);
    }

	.ead-course-levels-container {
		gap: 36px;
	}

	.ead-course-card-top {
		min-height: 200px;
		background-image: url('images/bg-card-course-mb.svg');
	}

	.ead-course-card-bottom {
		padding: 16px 20px;
	}

	.ead-course-level-heading {
		font-size: 18px;
		line-height: 22px;
	}

	.ead-course-card-content {
		font-weight: 700;
		font-size: 17px;
		line-height: 22px;
	}
}

@media (max-width: 768px) {
    .ead-course-card {
        flex: 1 1 100%;
        max-width: 100%;
    }

    .ead-tabs-desktop {
        display: none!important;
    }

    .ead-tabs-mobile {
        display: block;
    }

    .ead-mobile-slider {
        width: 100%;
		max-width: 100%;
		overflow: hidden;
    }

    .ead-mobile-slider .ead-course-card {
    	flex: none;
    	max-width: unset;
    	min-width: unset;
    }

    .ead-mobile-slider-pagination {
    	margin-top: 24px;
    	text-align: center;
    }

    .ead-mobile-slider-pagination .swiper-pagination-bullet {
    	width: 8px;
    	height: 8px;
    	background: #DBD9DE;
    }
    .ead-mobile-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    	width: 10px;
    	height: 10px;
    	background: #8061F1;
    }
}

/* End */

/* Single course */
/* ---Khoi 1 */
.privileges-title {
	font-weight: 700;
	font-size: 40px;
	line-height: 100%;
	color: #422191;
	text-align: center;
}

.ead-privileges-wrap {
	text-align: center;
	padding: 40px 20px;
}
.ead-privileges-title {
	font-size: 28px;
	margin-bottom: 32px;
	color: #2b2076;
	font-weight: 700;
}
.ead-privileges-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 40px;
}
.ead-privilege-box {
	position: relative;
	background: #fff;
	border: 1px solid #D0C3FF;
	border-radius: 12px;
	padding: 48px 20px 20px;
	text-align: center;
	font-size: 16px;
	line-height: 20px;
	color: #19181B;
	font-weight: 500;
	width: 100%;
	max-width: 440px;
	box-sizing: border-box;
	flex: 1 1 calc(50% - 20px);
}
.ead-privilege-box strong {
	color: #5126B1;
	font-weight: 700;
}
.ead-privilege-icon {
	position: absolute;
	top: -24px;
	left: 50%;
	transform: translateX(-50%);
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ead-privilege-icon img {
	width: 40px;
	height: 40px;
}

.ead-privilege-content p {
	margin-bottom: 0;
}

@media (max-width: 1024px) {
	.privileges-title {
		font-size: 24px;
		line-height: 24px;
	}
	.ead-privileges-grid {
		gap: 40px 20px;
	}
}

@media (max-width: 768px) {
	.ead-privilege-box {
		flex: 0 0 calc(50% - 10px);
		max-width: calc(50% - 10px);
	}
}

/* ---- end khoi 1*/

/* ---- Khoi 2 */
.ead-goals-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 40px;
}

.ead-goal-item {
	display: flex;
	flex-direction: column;
	gap: 20px;
	background: #F4F3FF;
	border-radius: 20px;
	padding: 24px 20px;
	max-width: 388px;
}

.ead-goal-icon img {
	width: 40px;
	height: 40px;
	object-fit: contain;
}

.ead-goal-title {
	font-weight: 700;
	font-size: 20px;
	line-height: 26px;
	color: #5126B1;
	margin: 0;
}

.ead-goal-description {
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #19181B;
}

@media (max-width: 1024px) {
	.ead-goals-wrapper {
		gap: 20px;
	}
}
/* ---- end khoi 2*/

/* ---- Khoi 3 */
.ead-learning-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	background: #2A1467;
}

/* Left (content) */
.ead-learning-left {
	flex: 0 0 51.88%;
	color: #FFFFFF;
	display: flex;
	flex-direction: column;
	gap: 40px;
	padding: 60px 80px;
}

.ead-learning-items {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

h3.ead-learning-title {
	font-weight: 700;
	font-size: 40px;
	line-height: 100%;
	text-align: center;
	color: #FFFFFF;
	margin: 0;
}

/* Right (image) */
.ead-learning-right {
	flex: 0 0 48.12%;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.ead-learning-right img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Learning item */
.ead-learning-item {
	color: #FFFFFF;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.ead-learning-item-title h6 {
	font-weight: 700;
	font-size: 20px;
	line-height: 26px;
	color: #8061F1;
	background: #FFFFFF;
	display: inline-block;
	padding: 4px 8px;
	border-radius: 12px;
	margin: 0;
}

.ead-learning-item-description {
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
}

@media (max-width: 1024px) {
	.ead-learning-wrapper {
		flex-direction: column-reverse;
	}

	.ead-learning-left {
		padding: 40px 20px;
	}

	.ead-learning-left,
	.ead-learning-right {
		flex: 1 1 100%;
		max-width: 100%;
	}

	h3.ead-learning-title {
		font-size: 24px;
		line-height: 24px;
	}

	.ead-learning-item-title h6 {
		font-size: 17px;
		line-height: 22px;
	}
}

@media (max-width: 768px) {
	.ead-learning-item-title {
		font-size: 15px;
	}

	.ead-learning-item-description {
		font-size: 13.5px;
	}
}

/* ---- End khoi 3 */

/* ---- Khoi 4 */
.ead-participant-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	justify-content: center;
}

.ead-participant-card {
	flex: 1 1 calc(25% - 24px);
	padding: 32px 20px;
	border-radius: 20px;
	border: 1px solid #DBD9DE;
	box-sizing: border-box;
	max-width: 242px;
	min-width: 240px;
}

h6.ead-participant-title {
	font-size: 20px;
	line-height: 26px;
	font-weight: 700;
	color: #5126B1;
	margin: 0;
	margin-bottom: 12px;
	text-align: center;
}

.ead-participant-description {
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	color: #19181B;
	text-align: center;
}

@media (max-width: 1024px) {
	.ead-participant-card {
		flex: 0 0 calc(50% - 12px);
		max-width: calc(50% - 12px);
	}
}

@media (max-width: 768px) {
	.ead-participant-grid {
		gap: 20px;
	}

	.ead-participant-card {
		flex: 1 1 100%;
		max-width: 100%;
		padding: 24px;
		max-width: auto;
	}

	.ead-participant-title {
		font-size: 16px;
	}

	.ead-participant-description {
		font-size: 14px;
	}
}
/* ---- End khoi 4 */

/* ---- Khoi 5 */
.ead-khoi5-block {
	background: radial-gradient(67.91% 67.91% at 60.49% 32.09%, #441E86 0%, #251050 100%);
}
.ead-khoi5-wrapper {
	display: flex;
	flex-direction: column;
	gap: 60px;
}

.ead-khoi5-header {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

h3.ead-khoi5-title {
	text-align: center;
	font-weight: 700;
	font-size: 40px;
	line-height: 100%;
	color: #FFFFFF;
	margin: 0;
}

.ead-khoi5-subtitle {
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	color: #FFFFFF;
}

.ead-khoi5-subtitle strong {
	color: #FFD65B;
}

.ead-khoi5-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 48px 24px;
	justify-content: center;
}

.ead-khoi5-card {
	position: relative;
	flex: 1 1 calc(50% - 12px);
	display: flex;
	flex-direction: column;
	gap: 12px;
	background: #FFFFFF;
	padding: 44px 24px;
	border: 1px solid #EBEAFD;
	border-radius: 20px;
	min-width: 335px;
	max-width: 508px;
}

.ead-khoi5-card-content {
	position: relative;
}

.ead-khoi5-phase {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #F4F3FF;
	color: #2A1467;
	padding: 6px 14px;
	border: 1px solid #2A1467;
	border-radius: 12px;
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	width: fit-content;
	height: 44px;
}

h6.ead-khoi5-goal {
	font-weight: 700;
	font-size: 20px;
	line-height: 26px;
	color: #8061F1;
	margin: 0;
}

.ead-khoi5-content ul {
	padding-left: 27px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #19181B;
}

@media (max-width: 1024px) {
	h3.ead-khoi5-title {
		font-size: 24px;
		line-height: 24px;
	}

	.ead-khoi5-card {
		padding: 32px 16px;
	}

	.ead-khoi5-phase {
		font-size: 18px;
		line-height: 22px;
		padding: 6px 14px;
		height: 34px;
	}
}

@media (max-width: 768px) {
	.ead-khoi5-grid {
		gap: 48px;
	}

	.ead-khoi5-card {
		flex: 1 1 100%;
	}
}
/* ---- End khoi 5 */

/* ---- Khoi 6 */
.ead-khoi6-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 40px;
}

h3.ead-khoi6-title {
	font-weight: 700;
	font-size: 40px;
	line-height: 100%;
	text-align: center;
	color: #422191;
	margin: 0;
}

.ead-khoi6-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 64px 32px;
	justify-content: center;
	padding: 60px 32px;
	background: #F4F3FF;
	border-radius: 20px;
}

.ead-khoi6-item {
	position: relative;
	background: #FFFFFF;
	border-radius: 20px;
	padding: 40px 24px;
	flex: 1 1 calc(50% - 16px);
	max-width: calc(50% - 16px);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
}

.ead-khoi6-icon {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 60px;
	height: 60px;
}

.ead-khoi6-icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

h6.ead-khoi6-item-title {
	color: #5126B1;
	font-weight: 700;
	font-size: 20px;
	line-height: 26px;
	text-align: center;
	margin: 0;
}

.ead-khoi6-content {
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	text-align: justify;
	color: #19181B;
}

@media (max-width: 1024px) {
	h3.ead-khoi6-title {
		font-size: 24px;
		line-height: 24px;
	}

	.ead-khoi6-grid {
		padding: 60px 12px;
	}

	h6.ead-khoi6-item-title {
		font-size: 17px;
		line-height: 22px;
	}
}

@media (max-width: 768px) {
	.ead-khoi6-item {
		flex: 1 1 100%;
		max-width: 100%;
	}
}
/* ---- ENd khoi 6 */

/* ---- Khoi 7 */
.ead-khoi7-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 48px;
}

h3.ead-khoi7-title {
	font-weight: 700;
	font-size: 40px;
	line-height: 100%;
	text-align: center;
	color: #422191;
	margin: 0;
}

.ead-khoi7-container {
	max-width: 1040px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	align-items: stretch;
}

.ead-khoi7-image {
	flex: 1 1 calc(44% - 20px);
	max-width: calc(44% - 20px);
}

.ead-khoi7-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
}

.ead-khoi7-content {
	flex: 1 1 calc(56% - 20px);
	max-width: calc(56% - 20px);
}

.ead-khoi7-items {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.ead-khoi7-item {
	display: flex;
	flex-direction: column;
	gap: 12px;
	background: #F4F3FF;
	padding: 24px 20px;
	border: 1px solid #DBD9DE;
	border-radius: 20px;
}

h6.ead-khoi7-item-title {
	color: #5126B1;
	font-weight: 700;
	font-size: 20px;
	line-height: 26px;
	margin: 0;
}

.ead-khoi7-item-content {
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #19181B;
}

@media (max-width: 1024px) {
	.ead-khoi7-wrap {
		gap: 40px;
	}

	h3.ead-khoi7-title {
		font-size: 24px;
		line-height: 24px;
	}

	h6.ead-khoi7-item-title {
		font-size: 17px;
		line-height: 22px;
	}
}

@media (max-width: 768px) {
	.ead-khoi7-container {
		flex-direction: column;
		gap: 24px;
	}

	.ead-khoi7-image, .ead-khoi7-content {
		flex: 1 1 100%;
		max-width: 100%;
	}

	.ead-khoi7-image,
	.ead-khoi7-image img {
		max-height: 240px;
	}
}
/* ---- End khoi 7 */
/* End */
.ead-cpt-grid {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 20px;
}
.ead-cpt-item  {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.ead-cpt-medium-size {
	display: flex;
	flex-direction: column;
	width: calc((100% - 20px) / 2);
	gap: 24px;
}
.ead-cpt-grid.ead-col-3 .ead-cpt-item  {
	width: calc((100% - 40px) / 3);
}
.ead-cpt-grid.ead-col-4 .ead-cpt-item  {
	width: calc((100% - 60px) / 4);
}
.ead-type-row .ead-cpt-item.ead-cpt-large  {
	flex-direction: row;
	width: 100%!important;
	gap: 20px;
}
.ead-type-row.ead-col-3 .ead-cpt-item.ead-cpt-large .ead-cpt-thumbnail {
	width: calc((2 / 3 * 100%) - 10px);
}

.ead-type-row.ead-col-3 .ead-cpt-item.ead-cpt-large .ead-cpt-content {
	width: calc((1 / 3 * 100%) - 10px);
}

.ead-type-row.ead-col-4 .ead-cpt-item.ead-cpt-large .ead-cpt-thumbnail,
.ead-type-row.ead-col-4 .ead-cpt-item.ead-cpt-large .ead-cpt-content {
	width: calc(50% - 10px);
}

.ead-cpt-medium-size .ead-cpt-item.ead-cpt-medium {
	width: 100%;
	gap: 32px;
}

.ead-cpt-medium-size .ead-cpt-item.ead-cpt-small {
	width: 100%;
	flex-direction: row;
	max-height: 170px;
}

.ead-type-col .ead-cpt-item.ead-cpt-large  {
	flex-direction: column;
	width: 50%!important;
	gap: 20px;
}
.ead-type-col.ead-col-3 .ead-cpt-item.ead-cpt-large .ead-cpt-thumbnail {
	width: calc((2 / 3 * 100%) - 10px);
}

.ead-type-col.ead-col-3 .ead-cpt-item.ead-cpt-large .ead-cpt-content {
	width: calc((1 / 3 * 100%) - 10px);
}

.ead-type-col.ead-col-4 .ead-cpt-item.ead-cpt-large .ead-cpt-thumbnail,
.ead-type-col.ead-col-4 .ead-cpt-item.ead-cpt-large .ead-cpt-content,
.ead-cpt-medium-size .ead-cpt-item.ead-cpt-small .ead-cpt-thumbnail,
.ead-cpt-medium-size .ead-cpt-item.ead-cpt-small .ead-cpt-content {
	width: calc(50% - 10px);
}
.ead-cpt-thumbnail img  {
	width: 100%;
	max-height: 190px;
	border-radius: 15px;
	object-fit: cover;
}
.ead-cpt-item.ead-cpt-large .ead-cpt-thumbnail img, .ead-cpt-item.ead-cpt-medium .ead-cpt-thumbnail img {
	max-height: 343px
}
.ead-cpt-medium-size .ead-cpt-item.ead-cpt-small .ead-cpt-thumbnail img {
	max-height: 170px;
}

.ead-cpt-date  {
	color: #858484;
	font-weight: 400;
	font-size: 14px;
	line-height: 150%;
	margin-bottom: 0;
}
.ead-cpt-title a  {
	color: #5126B1;
	text-decoration: none;
	font-weight: bold;
	font-weight: 700;
	font-size: 20px;
	line-height: 130%;

}
.ead-cpt-tags  {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 12px;
}
.ead-cpt-tags .ead-tag  {
	color: #B3B3B3;
	padding: 2px 12px;
	border: 1px solid #B3B3B3;
	border-radius: 12px;
	font-weight: 400;
	font-size: 12px;
	line-height: 150%;
	text-align: center;

}

.ead-cpt-pagination {
	text-align: center;
	margin-top: 100px;
}

.ead-cpt-pagination .page-numbers {
	display: inline-flex;
	gap: 8px;
	padding: 0;
	margin: 0;
	list-style: none;
}

.ead-cpt-pagination .page-numbers li {
	list-style: none;
}

.ead-cpt-pagination .page-numbers li .page-numbers,
.ead-cpt-pagination .page-numbers li span {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	font-size: 16px;
	text-decoration: none;
	color: #333;
	background-color: transparent;
	transition: background-color 0.2s ease;
}

.ead-cpt-pagination .page-numbers li .page-numbers:hover {
	background-color: #f0f0f0;
}

.ead-cpt-pagination .page-numbers li span.current {
	background-color: #003adb;
	color: #FFFFFF;
	font-weight: bold;
	pointer-events: none;
}

/* News */

/* End */

/* Form dang ky tu van */
.ead-consult-form-title p, .ead-consult-form p {
	margin: 0;
}
.ead-consult-form {
	display: flex;
	flex-direction: column;
	gap: 13px;
}
.ead-consult-form .ead-consult-field input {
	border: 1px solid #DBD9DE;
	border-radius: 8px;
	padding: 12px 16px;
	color: #19181B;
	background: #FFFFFF;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
}
.ead-consult-form .ead-consult-field input::placeholder {
	color: #ABABB1;
}
.ead-consult-form .ead-consult-field input:focus-visible {
	outline: none;
}
.ead-consult-form .ead-consult-submit {
	text-align: center;
}
.ead-consult-form .ead-consult-submit input {
	background: #FFFFFF;
	padding: 12px 20px;
	border: none;
	border-radius: 12px;
	color: #5126B1;
	font-weight: 700;
	font-size: 18px;
	line-height: 100%;
	height: 43px;
}
.ead-consult-form .ead-consult-submit input:hover {
	background: #5126B1;
	color: #FFFFFF;
}

/* Style detail course */
.ead-sc-training-overview {
    max-width: 100%;
    padding: 32px;
    border-radius: 20px;
    background: #f9f7f6;
}

.ead-sc-training-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 130%;
    color: #424242!important;
    margin: 0 0 20px 0;
}

.ead-sc-overview-item {
    display: flex;
    gap: 10px;
    padding: 16px 0;
    border-bottom: 1px solid #42424233;
}

.ead-sc-overview-item:last-child {
    border-bottom: 0;
}

.ead-sc-icon img {
    width: 20px;
    height: 20px;
    object-fit: contain;
    display: block;
}

.ead-sc-value {
    color: #424242;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 400;
}

/* End style detail course */

h4.ead-related-title {
	font-size: 24px;
    font-weight: 700;
    line-height: 130%;
	color: #B61F32;
}
.ead-related-courses {
	display: flex;
    flex-direction: column;
    align-items: center;
}
.ead-related-list {
	width: 100%;
	justify-content: center;
}

.ead-view-all {
	display: flex;
	justify-content: center;
	margin: 40px 0 10px 0;
}
@media(min-width: 1025px) {
	.ead-sticky-scroll {
		position: sticky;
		top: 135px;
		height:100%;
	}
}
@media (max-width: 1024px) {
	.ead-consult-form-section {
		max-width: 600px;
	}
}
@media (max-width: 768px) {
	.ead-consult-form {
		gap: 12px;
	}

	.ead-consult-form .ead-consult-submit {
		margin-top: 12px;
	}
}
/* End */