/*
Theme Name: minhduy.vn
Description: Một sản phẩm của Minh Duy Solutions
Author: UX Themes
Template: flatsome
Version: 3.0
*/
@import "style1.css";
/* course */
.section-course-4 .col-inner{
	height: 100%;
}
.section-course-4 .course-content {
	background: blue;
	height: 70%;
}
/*************** ADD CUSTOM CSS HERE.   ***************/
/* types */
html{
	background: transparent;
}
:root{
	--main-color: #0e1951;
	--sec-color: #d2a935;
	--heigth-sec: 140px;
	--height-bg: 500px;
}
body{
	/* 	scroll-behavior: smooth; */
	color: #0a0909;
	font-family: "Be Vietnam", sans-serif;
	font-size: 100%;
	line-height: 1.6;
}
ul, li{
	list-style: none;
	margin-bottom: 0;
	text-align: justify;
}
ul.list-course{
	margin-bottom: 15px;
}
ul.list-course li{
	position: relative;
	padding-left: 10px;
	letter-spacing: 0;

}
ul.list-course li:before{
	content: "»";
	position: absolute;
	left: -5px
}
.title{
	font-size: 32px;
	color: var(--main-color) ;
	font-weight: 700;
	font-family: "Be Vietnam", sans-serif;
	letter-spacing: .05em;
}
.title-sm{
	font-size: 24px;
	letter-spacing: unset;
}
.title-small{
	font-size: 18px !important;
	letter-spacing: unset;
}
.title-banner{
	font-size: 18px !important;
	color: var(--main-color) !important;
}
.sub-title{
	font-size: 24px;
	color: var(--sec-color);
	font-weight: 400;
	font-family: "Be Vietnam", sans-serif;
	color: #d2a935;
}
.title-wc{
	font-size: 18pt;
	color: #ecd480 !important;
	text-transform: uppercase;
}
.title-dangky{
	color: #ecd480 !important; 
	margin-bottom: 0 !important;
}
.title-white{
	color: #fff !important;
}
.uppercase{
	text-transform: uppercase;
}
.banner {
	background: transparent !important;
}
#main .section__home--about{
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: 50% 50%;
}
/* button */
.btn{
	background: linear-gradient(0deg, rgba(222,190,96,1) 0%, rgba(247,232,172,1) 100%);
	border-radius: 5px !important; 
}
.btn--more{
	display: inline;
	padding: 5px 20px;
	color: var(--main-color) !important;
}
.btn--more:hover{
	color: #fff !important;
}
.btn--more span{
	font-size: 13px !important;
}
.btn--animation{
	background: linear-gradient(0deg, rgba(222,190,96,1) 0%, rgba(247,232,172,1) 100%) !important;
	color: #0c1f5b;
	padding: 0 20px 0 20px;
	cursor: pointer;
	border-radius: 5px;
	transition: transform .3s,border .3s,background .3s,box-shadow .3s,opacity .3s,color .3s,-webkit-transform .3s,-webkit-box-shadow .3s;
	animation: lickme 0.7s infinite cubic-bezier(0.66, 0, 0, 1);
}
@keyframes lickme {
	from {
		box-shadow: 0 0 1px rgb(202, 196, 196);
	}

	to {
		box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
	}
}  
.flickity-button-icon {
	background: linear-gradient(0deg, rgba(44,68,133,1) 0%, rgba(53,108,171,1) 100%);
	color: #fff;
	border: 2px solid #fff !important;
	border-radius: 100%;
}
.arrow {
	color: #fff;
}
.slider-nav-dots-dashes .flickity-page-dots .dot {
	border-radius: 100%;
	height: 7px !important;
	margin: 0 3px;
	width: 7px !important;
	background: #fff !important;
	box-shadow: 2px 3px 4px rgba(0,0,0,0.1);
	border: 2px solid var(--sec-color) !important;
}
.flickity-page-dots .dot.is-selected {
	height: 7px !important;
	border-radius: 8px;
	width: 30px !important;
	background: var(--sec-color) !important;
	border-color: var(--sec-color) !important;
	margin: 0 5px;
	opacity: 1 !important;
	transition: all 0.3s linear;
}
/* end button */
.form-full{
	width: 100%;
	max-width: 100% !important;
}
/* Home page */
/* Tab  */
.home--tab li.tab{
	padding: 0 20px;
}
.home--tab .tab.active a{
	background-color: #d4aa5100;
	background-size: contain;
	background-repeat: no-repeat;
	padding: 13px 76px 14px 30px;
	border-radius: 13px 13px 0 0;
	font-size: 15px;
	background-size: 100%;
}
.home--tab .tab.active:nth-child(1) a{
	background-color: #0f1843;
}
.home--tab .tab.active:nth-child(2) a{
	background-color: #0f1843;
}
.home--tab .tab.active:nth-child(3) a{
	background-color: #0f1843;
	padding: 13px 76px 14px 30px;
}
.home--tab .tab.active:nth-child(4) a{
	background-color: #0f1843;
}
/* End tab home page */
/* Lich khai giang */
.home--lkg .banner,
{
	background-color: transparent;
}
.home--lkg p{
	font-size: 14px;
	color: #000;
}
.home--lkg .btn--more{
	padding: 10px 20px !important;
}
.home--lkg .text-box-content{
	padding: 0 10px;
}
/* End lich khai giang */
/* section quản lý */
.tab--quanly .tab{
	transition: unset;
}
.tab--quanly .tab.active{
	background: rgb(244,228,159); 
	border-radius: 100%;
}
.tab--quanly .tab.active a{
	filter: brightness(100%);
}
.tab--quanly .tab a{
	background: url("https://demo.revskin.co/wp-content/uploads/2023/08/bs-p-ne-479x600.png");
	background-size: 100px;
	background-repeat: no-repeat;
	width: 100px;
	margin: 20px;
	height: 100px;
	filter: brightness(60%);
}
.home--tab .tab.active a {
	color: #fff;
	font-weight: 400;
}
.tab--quanly .tab:nth-child(1) a{
	background: url("https://demo.revskin.co/wp-content/uploads/2023/08/bs-p-ne-479x600.png");
	background-size: 100px;
	background-repeat: no-repeat;
}
.tab--quanly .tab:nth-child(2) a{
	background: url("https://demo.revskin.co/wp-content/uploads/2023/08/bs-l-ne-479x600.png");
	background-size: 100px;
	background-repeat: no-repeat;
}
.tab--quanly .tab:nth-child(3) a,
.tab--gioithieu .tab:nth-child(1) a{
	background: url("https://tmvacademy.minhduy.net/wp-content/uploads/2022/09/pham-thi-thanh-tam-avafn.png");
	background-size: 100px;
	background-repeat: no-repeat;
}
.tab--quanly .tab:nth-child(4) a,
.tab--gioithieu .tab:nth-child(2) a{
	background: url("https://tmvacademy.minhduy.net/wp-content/uploads/2022/09/doan-thi-my-kieu-avafn.png");
	background-size: 100px;
	background-repeat: no-repeat;
}

.tab--quanly .tab span{
	opacity: 0;
	visibility: hidden;
}
/* end tab quản lý */
/* tab hành trình */
.tab--hanhtrinh .tab:nth-child(1) a{
	background: url("https://tmvacademy.minhduy.net/wp-content/uploads/2022/09/luu-lan-anh.png");
	background-size: 100px;
}
.tab--hanhtrinh .tab:nth-child(2) a{
	background: url("https://tmvacademy.minhduy.net/wp-content/uploads/2022/09/dang-phuong-thao.png");
	background-size: 100px;
}
.tab--hanhtrinh .tab:nth-child(3) a{
	background: url(https://tmvacademy.minhduy.net/wp-content/uploads/2022/09/nguyen-quynh-hoa.png);
	background-size: 100px;
}
/* End tab hành trình */
/* section giảng viên */
.giangvien-info {
	padding: 25px 19px 10px 21px;
	background-color: var(--main-color);
	background: url(https://linhanhacademy.edu.vn/wp-content/uploads/2022/04/tieu-de-bg-tt.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
}
.giangvien-info h3 {
	color: #fff;
	text-transform: uppercase;
	font-size: 30px;
	margin-top: 10px;
	display: inline
}
.giangvien-info p{
	margin-bottom: 0;
	color: var(--sec-color);
}
/* end section giảng viên */
ul.list--tab-info{
	background: #fff;
	padding: 20px;
	border-radius: 8px;
}
ul.list--tab-info li {
	max-width: 90%;
	margin: 5px 0 5px 8px;
	list-style-type: disc;
}
/* End section quản lý */

/* section checkbox */
.section__checkbox .icon-box.featured-box{
	background: #fff;
	border-radius: 5px;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.1);
}
.section__checkbox .icon-box-text{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
/* End section checbox */
.section__bg-whychoose .banner{
	background: unset !important;
}
.section--background .section-bg.bg-loaded {
	background-image: url(https://tmvacademy.minhduy.net/wp-content/uploads/2022/09/bg-section-6-fn-1.png);
	background-repeat: no-repeat;
	background-position: 50% 0%;
}
.section--background{
	bottom: var(--heigth-sec);
	z-index: 1;
	padding-top: calc(var(--heigth-sec) + 30px ) !important;
	margin-bottom: -500px;
	padding-bottom: 500px !important;
}
.section--background .flickity-page-dots{
	bottom: -50px !important;
}
/* end section bg */

/* section bg wc */
.section__bg-whychoose{
	padding-top: 50px;
	padding-bottom: 50px;
	/* 	margin-bottom: -85px; */
	z-index: 2;
}
.section__bg-whychoose .section-bg.bg-loaded {
	background-image: url(https://tmvacademy.minhduy.net/wp-content/uploads/2022/09/bg-tim2.png);
	background-repeat: no-repeat;
	background-position: 100% 0%;
	background-size: cover !important;
	background-repeat: no-repeat !important;
}

/* end section bg wc */
.khoahoc__mobile{
	display: none;
}
/* End home page */
/* Custom blog */
.widget.widget_block .section{
	padding: 0;
	transition: unset;
}
.post-sidebar.large-3.col{
	padding: 0;
	transition: unset;
}
.is-divider {
	background-color: #dfc27f;
}
.badge-outline .badge-inner {
	background-color: #fff;
	border: 2px solid;
	color: #dfc27f;
}
.box-blog-post:hover .badge-outline .badge-inner{
	background-color: #dfc27f;
	border: 2px solid #dfc27f;
	color: #fff;
}
/* End custom blog */

/* About page - Trang Giới thiệu */
.section__camket{
	bottom: 140px;
	margin-bottom: -140px;
}
.section__camket--desktop .icon-box-text.last-reset {
	display: flex;
	align-items: center;

}
.section__camket--mb{
	display: none;
}
.section__camket .title-camket{
	font-size: 32px !important;
	color: #0e1951 !important;
	font-weight: bolder;
	text-transform: uppercase;
}
.section__quatrinh .title-banner{
	font-size: 20px !important;
	text-transform: uppercase;
}
.about--banner{
	background: transparent !important;
}

.tab--lichsu .box-shadow{
	padding: 30px;
	background: #fff;
	font-weight: bolder;
}
.tab--lichsu .tab.active{
	background: none; 
	border-radius: none;
}
.tab--lichsu .tab.active a{
	filter: none;
}
.tab--lichsu .tab:hover a{
	filter: none;
}
.tab--lichsu li {
	top: -36px;
}
.tab--lichsu .tab a{
	background: url("https://tmvacademy.minhduy.net/wp-content/uploads/2022/09/asset-38.png");
	background-size: cover;
	background-repeat: no-repeat;
	width: 150px;
	height: 87px;
}
.tab--lichsu .tab:nth-child(1) a{
	background: url("https://tmvacademy.minhduy.net/wp-content/uploads/2022/09/asset-38.png");
	background-size: cover;
	background-repeat: no-repeat;
}
.tab--lichsu .tab:first-child:hover
{
	transform: translate(-20px, 10px);
	transition: translate 0.6s ease-out;
}
.tab--lichsu .tab:last-child:hover{
	transform: translate(20px, 10px);
	transition: translate 0.6s ease-out;
}
.tab--lichsu .tab:nth-child(1) a{
	background: url("https://tmvacademy.minhduy.net/wp-content/uploads/2022/09/asset-34.png");
	background-size: cover;
	background-repeat: no-repeat;
}
.tab--lichsu .tab:nth-child(2) a{
	background: url("https://tmvacademy.minhduy.net/wp-content/uploads/2022/09/lich-su-ht-t12019.png");
	background-size: cover;
	background-repeat: no-repeat;
}
.tab--lichsu .tab:nth-child(3) a{
	background: url("https://tmvacademy.minhduy.net/wp-content/uploads/2022/09/asset-36.png");
	background-size: cover;
	background-repeat: no-repeat;
}
.tab--lichsu .tab:nth-child(4) a{
	background: url("https://tmvacademy.minhduy.net/wp-content/uploads/2022/09/asset-37.png");
	background-size: cover;
	background-repeat: no-repeat;
}
.tab--lichsu .tab:nth-child(5) a{
	background: url("https://tmvacademy.minhduy.net/wp-content/uploads/2022/09/asset-38.png");
	background-size: cover;
	background-repeat: no-repeat;
}
.tab--lichsu ul.nav {
	background: url(https://linhanhacademy.edu.vn/wp-content/uploads/2022/04/line-moc.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: -21px 46px;
	height: 138px;
	margin-top: 41px;
}
/*  about */
.about__banner{
	color: #000;
	background: transparent !important;
}
.about__banner .box-shadow-2,
.box__content .box-shadow-2{
	background: #fff;
	padding: 20px;
	border-radius: 8px;
}

.about__banner .text-box-content p{
	color: #000;
	font-size: 14px;
}

.about__banner .title-banner{
	font-size: 16px;
	color: #0e1951;
	font-weight: bold;
	text-transform: uppercase;
}
.about__wc--content h3,
.about__content--title,
.about__title-banner{
	color: #e6cb78;
	font-size: 22px;
	text-transform: uppercase;
	font-weight: bold !important;
}
.about__title-banner{
	color: var(--main-color) !important;
}
.about__wc--content p{
	color: #fff;
	font-size: 20px;
}
.row__lotrinh .box-text{
	position: absolute;
	bottom: 0;	
}
.row__lotrinh .box-text h4{
	color: var(--main-color);
	text-transform: uppercase;

}
/* End trang giới thiệu */
p.form-row-first, p.form-row-last {
	width: 100% !important;
}
.camket__img{
	position: relative;
}
.camket__content {
	position: absolute;
	top: 5%;
}
.camket__title--mb{
	padding: 0;
}
/* Trang khóa học */
.row__doituong .col-inner {
	height: 100%;
	background: #fff;
}
@media only screen and (max-width: 48em) {
	/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
@media only screen and (min-width : 700px) {
	.section__bg-whychoose .box-text p {
		font-size: 16px;
	}
}


@media only screen and (max-width: 1281px){
	.home--lkg .text-box-content {
		padding: 10px;
	}
	.lkg__col {
		max-width: 50% !important;
		width: 50% !important;
		flex-basis: 50% !important;
	}
	.home--lkg .banner {
		padding-top: 140% !important;
	}
	.section__quatrinh .box__content,
	.section__quatrinh .quatrinh__anh{
		flex-basis: 33.333%;
		max-width: 33.33%;
	}
	.section__quatrinh .title-banner{
		font-size: 18px;
	}
}
@media only screen and (max-width : 1024px) {
	.section__bg-whychoose .banner {
		padding-top: 20%;
	}

	/* 	section home - tại sao chọn */
	.tab--quanly .nav.nav-simple.nav-uppercase.nav-size-xlarge.nav-right {
		justify-content: center;
	}
	.title{
		font-size: 28px;
	}
}
@media only screen and (max-width : 992px) {
	.title{
		font-size: 28px;
	}
	.khoahoc__mobile{
		display: block;
	}
	.khoahoc__desktop{
		display: none;
	}
	.giangvien-info h3{
		font-size: 20px;
	}
	/* 	Tab */
	.tab--quanly .tab a{
		background-size: 50px !important;
		width: 50px;
		height: 50px;
	}
	.tab--lichsu .tab a {
		background-size: 80px !important;
		width: 80px;
		height: 80px;
	}
	/* End tab	 */
	.section__quatrinh .box__content{
		flex-basis: 100%;
		max-width: 100%;
	}
	.section__camket--desktop .icon-box-text h3.title-banner {
		font-size: 14px !important;
	}


}
@media only screen and (max-width: 850px){
	.title{
		font-size: 26px;
	}

	.camket__content{
		top: 5%;
	}
	/* 	Section quá trình */
	.section__quatrinh .box__content .box-shadow-2 {
		background: unset;
		padding: 20px;
		box-shadow: unset !important;
		border-radius: unset;
	}
	.section__quatrinh .box__content  img{
		display: none;
	}
	.section__quatrinh .box__content p {
		text-align: justify !important;
		font-size: 14px;
	}
	.section__quatrinh .box__content .title-banner:last-child{
		display: none;
	}
	.section__quatrinh .box__content .box-shadow-2 {
		max-width: 80%;
		margin: 0 auto;
	}
	/* 	Trang giới thiệu - section Vì sao chọn chúng tôi */
	.about__wc--content h3 {

		font-size: 16px;
	}
	.about__wc--content p {

		font-size: 14px;
	}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.title{
		font-size: 20px;
	}
	.section__bg-whychoose .banner {
		padding-top: 25%;
	}
	.title-camket{
		font-size: 22px;
	}
	.section--background .section-bg.bg-loaded{
		background-image: none !important;
	}
	.footer-wrapper .section-bg.bg-loaded {
		
	}
	.camket__content{
		top: 4%;
	}
}

@media only screen and (max-width : 721px) {
	.lkg__col {
		max-width: 100% !important;
		width: 100%;
		flex-basis: 100% !important;
	}
	.home--lkg .banner {
		padding-top: 100% !important;
	}
	.home--lkg .text-box-content {
		padding: 0 20px;
	}
	/* 	about  */
	.icon-box-text .title-banner {
		font-size: 12px !important;
	}
	.section__camket .icon-box-img{
		width: 30px !important;
	}
	.about__banner .text-box-content p{
		font-size: 12px;
	}
	/* end about	 */
	iframe {
		height: 45vh;
	}
	.camket__content{
		top: 2%;
	}


}
@media only screen and (max-width : 541px) {

	.title{
		font-size: 22px;
	}
	iframe {
		height: 30vh;
	}
	.section__bg-whychoose .banner {
		padding-top: 80%;
	}
	.section__camket .title-camket{
		font-size: 24px !important;
	}
	.camket__content{
		top: 1%;
	}
	/* 	trang giơi thiệu - section cam ket */
	.section__camket--mb{
		display: block;
	}
	.section__camket--desktop{
		display: none;
	}
	.camket__col--full{
		padding-bottom: 0;
	}
	.camket__col--full .icon-box-text.last-reset {
		display: flex;
		align-items: center;
		margin-left: 0;
	}
	.camket__col--full .icon-box-text.last-reset .text{
		margin-left: unset;
	}
	.camket__col--full .icon-box-text.last-reset .text h3{
		margin-bottom: unset;
	}
	/* 	section quá trình */
	.section__quatrinh .box__content .box-shadow-2 {
		max-width: 100%;
		margin: 0 auto;
	}
	.section__quatrinh h3.title.title-banner {
		font-size: 16px !important;
	}
	.wc__order-1{
		order: 1;
	}
	.wc__order-2{
		order: 2;
	}
	/* 	lo trinh */
	.lotrinh__stack{
		flex-wrap: nowrap;
		overflow: scroll;
		white-space: nowrap;
		gap: 8px;
	}
	.lotrinh__stack .box.has-hover.has-hover.box-text-bottom {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		background: #fff;
		box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
	}

}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.home--lkg .banner {
		padding-top: 200% !important;
	}
	.section__bg-whychoose .banner {
		padding-top: 100%;
	}
	.tab--quanly .tab a {
		background-size: 40px !important;
		width: 40px;
		height: 40px;
	}
	.tab--lichsu .tab a {
		background-size: 75px !important;
		width: 75px;
		height: 75px;
	}
	.section__camket{
		bottom: 0;
		margin-bottom: 0;
	}
	.camket__content {
		position: relative;
		background: #fff;
		border-radius: 8px;
	}
	.row__lotrinh .box-text {
		position: relative;
	}
	/* 	Trang giới thiệu về MDSCO */
	.camket__col--full {
		width: 100%;
		max-width: 100%;
		flex-basis: 100%;
	}
	.camket__col--full .icon-box-right .icon-box-text{
		order: unset;
		text-align: left;
		margin-left: 10px;
	}
	.camket__col--full .icon-box-right .icon-box-text br{
		display: none;
	}
	h3.about__title-banner {
		font-size: 20px;
	}

}
/* Custom, iPhone Retina */ 
@media only screen and (max-width : 350px) {
	.banner p {
		margin-bottom: 0;
	}
	.section__bg-whychoose .banner {
		padding-top: 130%;
	}
}
/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	.home--lkg .banner {
		padding-top: 250% !important;
	}
}

.video-fit {
	position: relative;
}
.video-fit .rll-youtube-player {
	position: absolute !important;
	width:100% !important;
	top:0px !important;
	bottom: 0px !important;
}