@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700;800&display=swap');
html {
  scroll-behavior: smooth;
}
body{
	font-family: 'Open Sans', sans-serif;
}
.mt-10{
	margin-top: 10px;
}
.mt-20{
	margin-top: 20px;
}
.mt-30{
	margin-top: 30px;
}
.mt-40{
	margin-top: 40px;
}
.mt-50{
	margin-top: 50px;
}
.mb-10{
	margin-bottom: 10px
}
.mb-20{
	margin-bottom: 20px
}
.mb-30{
	margin-bottom: 30px
}
.ml-10{
	margin-left: 10px
}
.ml-20{
	margin-left: 20px
}
.ml-30{
	margin-left: 30px
}

.mb-10{
	margin-bottom: 10px;
}
.image-full{
	width: 100%;
}
.image-max-full{
	max-width: 100%;
}
.nopadding{
	padding: 0px !important;
}
a:hover{
	text-decoration: none;
}
.clear-both{
	clear: both
}
.d-nav{
	background: #3f51b5;
	border-radius: 0px;
	border: none;
	z-index: 100;
	padding: 0px 15px;
	position: sticky;
	top: 0px
}
.d-nav .navbar-brand{
	margin-right: 40px;
	color: #fff;
	font-weight: 700
}
.homes-header{
	min-height: 105vh;
    background: url(../images/background.jpg) no-repeat center top #ff6800;
    background-size: 100%;
    background-attachment: fixed;
    margin-top: -66px;
    padding-bottom: 50px
}
.home-header-image{
	margin-top: -100px;
	width: 100%;
}
@keyframes header-img-up-down {
  0%   {margin-top: 225px}
  50%  {margin-top: 220px}
  100%  {margin-top: 225px}
}
.d-nav .navbar-nav .nav-link {
    color: #fff;
    padding: 20px 15px;
    transition: 0.4s
}
.d-nav .navbar-nav .nav-link:hover{
	color: #fff;
	opacity: 0.8;
	transition: 0.4s;
}


.menu-register-link{
	background: #03A9F4;
    padding: 4px 26px 7px 26px !important;
    margin-top: 15px;
    border-radius: 100px;
    transition: 0.4s;
}
.menu-register-link:hover{
	box-shadow: none;
	transition: 0.4s;
}
.menu-register-link i{
	font-size: 14px;
	margin-left: 5px;
}
.menu-course-link, .menu-course-link:focus{
    padding: 7px 17px 7px 17px !important;
    margin-top: 0px;
    border-radius: 5px;
    border: 1px solid #fff;
    color: #fff !important;
    transition: 0.4s;
    font-size: 14px;
}
.menu-course-link:hover{
	background: rgba(0, 0, 0, 0) !important;
	transition: 0.4s;
}
.menu-course-link i{
	margin-left: 10px
}
.home-header-text{
	margin-top: 15vh;
	text-align: center;
}
.home-header-text h2{
	color: #9e9e9f;
	font-weight: 700;
	font-size: 55px;
	margin-bottom: 0px;
}
.home-header-text h2 span{
	color: #fff;
	font-size: 55px
}
.home-header-text h1{
	color: #fff;
	font-weight: 700;
	font-size: 55px;
}
.home-header-text h4{
	color: #fff;
	font-weight: 300;
	font-size: 19px;
	margin-top: 10px
}
.home-header-text h4 span{
	border-bottom: 1px dashed
}

.btn-style-1, .btn-style-1:focus{
	display: inline-block;
    background: #ffeb07;
    color: #000000;
    padding: 8px 26px 10px 26px;
    font-size: 19px;
    border-radius: 5px;
    box-shadow: 0px 0px 11px #c43b16;
    transition: 0.4s;
    position: relative;
    z-index: 99;
}
.btn-style-1:hover{
	color: #000000;
	box-shadow: none;
	transition: 0.4s;
}
.test-i-headet-1{
	width: 150px;
	float: left;
}
.test-i-headet-1 img{
	width: 100%;
	margin-bottom: 8px;
	box-shadow: 0px 0px 20px rgb(8 8 9 / 25%);
}
.test-i-headet-1 h5{
	color: #000000;
	font-size: 13px;
}
.test-i-headet-1 p{
	font-size: 12px;
	color: #3a3939;
	width: 90%
}
.test-i-headet-2{
	width: 120px;
	margin-top: 150px;
	float: left;
}
.test-i-headet-2 img{
	width: 100%;
	margin-bottom: 8px;
	box-shadow: 0px 0px 20px rgb(8 8 9 / 25%);
}
.test-i-headet-3{
	width: 95px;
	margin-top: 55px;
	float: left;
}
.test-i-headet-3 img{
	width: 100%;
	margin-bottom: 20px;
	box-shadow: 0px 0px 20px rgb(8 8 9 / 25%);
}
.test-i-headet-3 h5{
	color: #000000;
	font-size: 13px;
	width: 200px;
	padding-left: 10%;
}
.test-i-headet-3 p{
	font-size: 12px;
	color: #3a3939;
	width: 200px;
	padding-left: 10%;
	margin-bottom: 5px
}
.test-i-headet-3-2{
	width: 175px;
    margin-top: 63px;
    float: left;
}
.test-i-headet-3-2 h5{
	color: #000000;
	font-size: 13px;
	width: 90%;
	padding-left: 5%;
}
.test-i-headet-3-2 p{
	font-size: 12px;
	color: #3a3939;
	width: 90%;
	padding-left: 5%;
	margin-bottom: 5px
}
.section-50{
	padding: 50px 0px;
}
.title-1{
	margin-bottom: 30px;
}
.title-1 h5{
	color: #ff7900;
	margin-bottom: 0px;
	font-weight: 400
}
.title-1 h2{
	color: #000000;
	margin: 10px 0px;
	font-weight: 700
}
.offsering-box{
	text-align: center;
    padding: 20px !important;
    background: linear-gradient(45deg, #ff7900, #ffe007);
    border-radius: 10px;
    box-shadow: 0px 0px 10px #ddd;
    transition: 0.4s;
}
.offsering-box:hover{
	transform: scale(0.97);
	transition: 0.4s;
}
.offsering-box:hover .offering-arrow{
	transform: rotateX(180deg);
	transition: 0.9s
}
.box-bg-2{
	background: linear-gradient(45deg, #431991, #885edb);
}
.box-bg-3{
	background: linear-gradient(45deg, #d51a11, #ff584c)
}
.box-bg-4{
	background: linear-gradient(45deg, #0a7d72, #1bdac8);
}
.offsering-box img{
	max-width: 100%;
	margin-bottom: 10px
}
.offsering-box h3{
	color: #fff;
    font-size: 24px;
    text-shadow: 0px 0px 5px rgb(0 0 0 / 26%);
}
.offsering-box p{
	color: #fff;
	font-size: 13px
}
.offsering-box p a{
	display: inline-block;
	color: #fff
}
.offering-arrow, .offering-arrow:focus{
	display: inline-block;
    margin: 10px auto 0px auto;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    background: rgb(0 0 0 / 21%);
    border-radius: 100px;
    transition: 0.9s
}
.offering-arrow:hover{
	color: #fff;
	background: rgb(0 0 0 / 31%);
	transition: 0.4s
}
.stat-home{
	text-align: center;
	padding: 50px 0px;
}
.stat-home h2{
	font-size: 42px;
	font-weight: 700
}
.stat-home h4{
	font-weight: 300;
	color: #000000
}
.kids-circle-1{
	border-radius: 100%;
	width: 150px;
	box-shadow: 0px 0px 10px #ddd;
	position: absolute;
	top: 100px;
	left: 23%;
}
.kids-circle-2{
	border-radius: 100%;
	width: 90px;
	box-shadow: 0px 0px 10px #ddd;
	position: absolute;
	top: 32px;
	left: 9%;
}
.kids-circle-3{
	border-radius: 100%;
	width: 90px;
	box-shadow: 0px 0px 10px #ddd;
	position: absolute;
	top: 125px;
	left: 0%;
}
.kids-circle-4{
	border-radius: 100%;
	width: 90px;
	box-shadow: 0px 0px 10px #ddd;
	position: absolute;
	top: 39px;
	left: 52.5%;
}
.kids-circle-5{
	border-radius: 100%;
	width: 90px;
	box-shadow: 0px 0px 10px #ddd;
	position: absolute;
	top: 220px;
	left: 7.7%;
}
.kids-circle-6{
	border-radius: 100%;
	width: 90px;
	box-shadow: 0px 0px 10px #ddd;
	position: absolute;
	top: 225px;
	left: 51%;
}
.kids-circle-7{
	border-radius: 100%;
	width: 90px;
	box-shadow: 0px 0px 10px #ddd;
	position: absolute;
	top: 134px;
	left: 60%;
}
.kids-circle-8{
	border-radius: 100%;
	width: 90px;
	box-shadow: 0px 0px 10px #ddd;
	position: absolute;
	top: -2px;
	left: 31.4%;
}
.kids-circle-9{
	border-radius: 100%;
	width: 90px;
	box-shadow: 0px 0px 10px #ddd;
	position: absolute;
	top: 261px;
	left: 29%;
}
.kids-circle{
	transition: 0.4s;
}
.kids-circle:hover{
	transition: 0.4s;
	transform: scale(1.1);
}
.info-box-home{
	padding: 5px 15px;
}
.info-box-home h3{
	font-size: 22px;
	color: #000000;
	margin-top: 10px;
}
.info-box-home p{
	font-size: 13px
}
.info-box-home img{
	transition: 0.4s
}
.info-box-home:hover img{
	transform: scale(0.9);
	transition: 0.4s
}
.home-section-togather{
	background: linear-gradient(white, #ffeb07);
	text-align: center;
}
.home-section-togather h2{
	font-weight: 700;
	font-size: 50px
}
.home-section-togather h3{
	font-weight: 300;
	font-size: 30px
}
.home-section-togather a, .home-section-togather a:focus{
	display: block;
    width: 100%;
    background: #ff7900;
    color: #fff;
    padding: 7px 10px 9px 10px;
    font-size: 18px;
    border-radius: 100px;
    box-shadow: 0px 0px 10px rgb(133 73 19 / 34%);
    margin-top: 20px;
    margin-bottom: 30px;
    transition: 0.4s
}
.home-section-togather a:hover{
	box-shadow: none;
	transition: 0.4s
}
.home-section-togather a i{
	font-size: 15px;
	margin-left: 7px;
	transition: 0.4s
}
.home-section-togather a:hover i{
	margin-left: 14px;
	transition: 0.4s
}
.lang-box{
	border: 1px solid #dbdbdb;
    text-align: center;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 30px;
    transition: 0.4s;
    background: linear-gradient(45deg, #e6e6e6 50%, #f2f2f2 50%);
}
.lang-box:hover img{
	transform: scale(0.9);
	transition: 0.4s;
}
.lang-box img{
	margin-bottom: 10px;
	transition: 0.4s;
}
.lang-box p{
	margin: 0px
}
.lang-section{
	background: url(../images/lang-bg.png) no-repeat center bottom;
	background-attachment: fixed;
	background-size: 100% 100%;
	padding-bottom: 50px
}
.my-btn, .my-btn:focus{
	display: inline-block;
    background: #03a9f4;
    color: #fff;
    font-size: 19px;
    padding: 12px 26px 13px 26px;
    border-radius: 100px;
    line-height: 1;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
    transition: 0.4s;
    text-align: center;
}
.my-btn:hover{
	box-shadow: none;
	color: #fff;
	margin-top: 2px;
	transition: 0.4s;
}
.tb-section{
	padding: 20px 0px 60px 0px;
    background: url(../images/lang-bg-light.png) no-repeat center bottom, #f7f7ff;
	background-attachment: fixed;
	background-size: 100% 100%;
}
.tb-left{
	text-align: center;
	padding-top: 100px
}
.tb-left h3{
	font-size: 22px;
	color: #000000;
	font-weight: 400;
}
.tb-left h2{
	font-size: 50px;
    color: #ff7900;
    font-weight: 700;
}
.tb-left h4{
	font-size: 22px;
    color: #000000;
    font-weight: 400;
    background: #ffeb07;
    display: inline-block;
    padding: 5px 15px;
    margin-bottom: 0px
}
.tb-left h1{
	font-weight: 700;
	font-size: 100px;
	margin: 0px;
}
.tb-cta-box{
	text-align: center;
    background: #ffeb07;
    margin-top: 20px;
    padding: 20px 15px;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 23%);
}
.tb-cta-box h4{
	margin: 0px;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 400;
	color: #000000;
}
.tb-cta-box h3{
	margin: 10px 0px;
	font-size: 26px;
	font-weight: 700
}
.tb-cta-box h3 a{
	color: #000000;
    background: #e9d70f;
    display: inline-block;
    line-height: 1;
    padding: 7px 20px 8px 20px;
    border-radius: 100px;
    transition: 0.4s;
}
.tb-cta-box h3 a:hover{
	color: #000000;
	opacity: 0.8;
	transition: 0.4s;
}
.tb-cta-box h3 a i{
	font-size: 24px;
	margin-left: 10px
}
.yt-tb{
	display: inline-block;
    background: #ff0000;
    color: #fff;
    padding: 8px 20px 9px 20px;
    border-radius: 6px;
    transition: 0.4s;
}
.yt-tb i{
	font-size: 20px;
	margin-right: 10px;
	position: relative;
	top: 2px;
}
.yt-tb:hover{
	color: #fff;
	border-radius: 100px;
	transition: 0.4s;
}
.testi-section{
	background: url(../images/testi-bg.png) no-repeat center center, #fff;
	background-attachment: fixed;
	padding: 50px 0px;
}
.test-title{
	color: #000000;
	margin-bottom: 30px;
	font-size: 26px
}
.why-points{
	color: #000000;
	font-weight: 400;
    font-size: 20px;
    line-height: 1;
    box-shadow: rgb(215 215 215) 0px 0px 10px;
    margin: 10px 0px;
    padding: 6px 10px;
    border-radius: 10px;
}
.why-points img{
	width: 40px;
	margin-right: 10px
}
.footer-cta{
	background: #3f51b5;
    padding: 30px 0px;
}
.footer-cta h2{
	margin: 0px;
	font-size: 24px;
	color: #fff;
	font-weight: 400
}
.footer-cta p{
	margin: 0px;
	font-size: 16px;
	color: #000000;
	font-weight: 400
}
.footer-main{
	padding: 40px 0px 0px 0px;
	background: #1c1b1a;
}
.footer-main ul.footer-links{
	list-style: none;
	padding: 0px;
	margin: 15px 0px;
}
.footer-main ul.footer-links li a{
	display: inline-block;
    padding: 4px 0px;
    color: #cfcece;
    font-size: 14px
}
.footer-main ul.footer-links li a:hover{
	opacity: 0.8;
}
.footer-text{
	font-size: 13px;
	color: #9e9e9e;
}
.footer-main h4{
	color: #cfcece;
	font-weight: 400;
}
.footer-main h4 span{
	
	font-weight: 700;
}
.footer-link-title{
	color: #fff;
	font-size: 15px
}
.footer-course-links{
	list-style: none;
	padding: 0px;
	margin: 15px 0px;
}
.footer-course-links li{
	padding: 5px 0px;
}
.footer-course-links li a{
	display: block;
    font-size: 13px;
    background: #141211;
    color: #cfcece;
    padding: 5px 10px;
    border-radius: 5px;
}
.dropdown:hover>.dropdown-menu {
  display: block;
  transition: 0.4s;
}
.navbar-nav .dropdown-menu{
	border: none;
	max-width: unset;
	top: 97%;
	min-width: 250px
}
.navbar-nav .dropdown-menu a{
	padding: 8px 20px;
}
.navbar-nav .dropdown-menu a i.icon-menu{
	margin-right: 10px;
    background: #ff7900;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    border-radius: 100px;
    color: #fff;
    box-shadow: 0px 0px 5px #a1a0a0;
}
.icon-arrow-menu{
	color: #ddd;
    float: right;
    top: 5px;
    position: relative;
}
.code-icon-live-box{
	padding: 15px;
}
.code-icon-live-box h3{
	font-size: 20px;
	color: #000000;
	margin: 10px 0px 0px 0px
}
.code-icon-live-box p{
	font-size: 14px;
	color: #555;
	margin: 0px
}
.kid-testi{
	text-align: justify;
}
.kid-testi img{
	width: 100%

}
.kid-testi h3{
	font-size: 22px;
	margin-top: 10px;
	color: #000000;
}
.kid-testi h3 i{
	background: #ff7900;
    color: #fff;
    width: 32px;
    height: 32px;
    line-height: 34px;
    border-radius: 100px;
    font-size: 18px;
    text-align: center;
    margin-right: 10px;
    box-shadow: 0px 0px 10px #8b8b8b;
}
.kid-testi p{
	font-size: 14px
}
.home-pricing{
	padding: 50px 0px;
	background: radial-gradient(#ffbe07, #ff7900);
}
.D-nav-pill{
	background: rgb(255 229 7 / 39%)
}
.D-nav-pill .nav-link{
	font-weight: 700;
    font-size: 22px;
    color: #000000;
    border-radius: 0px;
}
.D-nav-pill .nav-link p{
	margin: 0px;
	font-weight: 400;
	font-size: 14px
}
.D-nav-pill .nav-link.active, .D-nav-pill .show > .nav-link{
	background: linear-gradient(45deg, #ffc907, #ffeb07) !important;
	color: #000000
}
.price-box-home{
	background: #fff;
    padding: 0px;
    border-radius: 7px;
    overflow: hidden;
}
.price-top-title{
	min-height: 120px;
	padding: 20px 30px !important
}
.price-top-title h2{
	margin: 0px;
	color: #000000;
	font-size: 26px
}
.price-body{
	min-height: 250px;
	background: #fff
}
.price-body h5{
	background: #ffd900;
    padding: 7px 15px;
    font-weight: 400;
    color: #000000;
    font-size: 13px;
}
.price-body h5 span{
	float: right;
}
.price-body h4{
	font-size: 18px;
	margin-top: 20px
}
.price-body p{
	color: #77757c;
	font-size: 14px;
}
.price-bottom{
	background: linear-gradient(45deg, rgb(255 235 7 / 63%), #ffffff);
	padding: 15px 15px 10px 15px;
	text-align: center;
}
.price-bottom h3{
	color: #000000;
	font-weight: 700;
	font-size: 26px;
}
.price-bottom h3 span{
	font-weight: 400;
	font-size: 14px;
	text-decoration: line-through;
	display: block;
}
.price-btn, .price-btn:focus{
	display: block;
    background: linear-gradient(45deg, #ff7900, #ffc800);
    color: #fff;
    font-size: 18px;
    padding: 10px 20px;
    margin-top: 20px;
    font-weight: 700;
    border-radius: 7px;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 26%)
}
.price-btn:hover{
	color: #fff;
	box-shadow: none;
}
.color-white{
	color: #fff !important
}
.login-homes-header{
	min-height: 85vh;
    background: #f6f6f9;
    margin-top: -66px;
    padding-bottom: 50px;
}
.login-box{
	margin-top: 10%;
	padding: 0px !important;
	overflow: hidden;
}
.login-box h2{
	text-align: center;
}
.login-box img{
	width: 90%;
	margin-left: 5%
}
.login-box-body{
	background: #fff;
	padding: 25px;
	border-radius: 5px;
	box-shadow: 0px 0px 10px #ddd
}
.login-box-body label{
	margin-bottom: 2px;
	color: #000000
}
.login-box-body .form-control{
	border-radius: 0px;
	border: 1px solid #cbd6e2
}
.login-box-body .form-control:focus{
	outline: none;
	box-shadow: none;
}
.login-btn, .login-btn:focus{
	background-color: #ff7a59;
    border-color: #ff7a59;
    color: #fff;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 16%);
    border: none;
    padding: 5px 10px 6px 10px;
    font-size: 18px;
    font-weight: 400;
    outline: none;
    transition: 0.4s;
    max-width: 300px;
    margin: 0 auto;
}
.login-btn:hover{
	box-shadow: none;
	transition: 0.4s;
	background-color: #ff7a59;
    border-color: #ff7a59;
    color: #fff;
}
.fp-link{
	display: block;
    text-align: right;
    color: #03a9f4;
    font-weight: 700;
    margin-top: 5px;
    transition: 0.4s
}
.fp-link:hover, .register-link a:hover{
	color: #03a9f4;
	opacity: 0.7;
	transition: 0.4s
}
.register-link{
	margin-top: 20px;
	font-size: 17px;
	font-weight: 400;
	text-align: center;
}
.register-link a{
    color: #03a9f4;
    font-weight: 700;
    transition: 0.4s
}
.register-side-img{
	background: #03a9f4;
	margin-top: 150px;
	border-radius: 10px 0px 0px 10px
}
.register-side-img img{
	width: 100%;
}
.mt-150{
	margin-top: 150px;
}
.radius-2{
	border-radius: 0px 10px 10px 0px !important
}
.course-list-header{
    background: url(../images/course-list-bg.png) no-repeat center right,  #f2f0ee;
    background-size: auto 100%;
    margin-top: -66px;
    padding: 80px 0px 0px 0px
}
.course-list-header-text{
	margin-top: 50px;
	padding-bottom: 60px
}
.course-list-header-text h5{
	font-weight: 700;
	font-size: 26px;
	color: #000000;
	margin: 0px;
}
.course-list-header-text h3{
	font-weight: 700;
	font-size: 50px;
	color: #ff7900;
}
.ticker-ul{
	list-style: none;
	padding: 0px;
}
.ticker-ul li{
	width: 46%;
    padding-left: 35px;
    background: url(../images/tick.png) no-repeat left 8px center, #ffffff;
    background-size: 20px;
    float: left;
    border-radius: 5px;
    margin-right: 2%;
    margin-bottom: 10px;
    padding: 5px 5px 5px 35px;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 21%);
}
.course-list-top-tbl{
	width: 100%;
	margin-top: 25px
}
.course-list-top-tbl h4{
	margin: 0px;
	font-size: 20px
}
.course-list-top-tbl tr td{
	padding: 10px 0px
}
.course-list-main{
	background: #f6f6f9;
	padding: 40px 0px;
	min-height: 450px;
	position: relative;
}
.course-list-left{
	border-right: 1px solid #ddd;
}
.sticky-my{
	position: sticky;
	top: 80px;
}
.left-filter{
	padding: 0px 15px;
}
.left-filter h3{
	margin-top: 0px;
	font-size: 17px;
	text-transform: uppercase;
	border-bottom: 1px solid #ddd;
	padding-bottom: 7px;
	margin-bottom: 15px
}
.left-filter ul{
	list-style: none;
	padding: 0px;
	margin-bottom: 25px

}
.left-filter ul li a{
	display: block;
	color: #1f1f1f;
	padding: 7px 0px 7px 25px;
	transition: 0.4s
}
.left-filter ul li h4{
	padding: 2px 0px 2px 25px;
}
.left-filter ul li.active a::before, .left-filter ul li.active h4::before{
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    color: #4CAF50;
    left: 15px;
    position: absolute;
}
.left-filter ul li a i{
	float: right;
	color: #888;
	top: 4px;
	position: relative;
}
.left-filter ul li a:hover{
	opacity: 0.7;
	transition: 0.4s;
}
.search-input{
	border-radius: 0px;
    box-shadow: none;
    height: auto;
    font-size: 16px;
    background: url(../images/search.png) no-repeat center right 15px, #fff;
    background-size: 20px;
    color: #000000;
}
.search-input-pin{
	background: url(../images/pin.png) no-repeat center left 10px, #fff;
	border-radius: 0px;
    box-shadow: none;
    height: auto;
    font-size: 16px;
    background-size: 16px;
    color: #000000;
    padding-left: 36px
}
.course-list-heading{
	border-bottom: 1px solid #ddd;
	margin: 0px 0px 30px 0px;
	font-size: 20px
}
.course-list-heading span{
	color: #000000;
    display: inline-block;
    border-bottom: 2px solid #ff7900;
    padding-bottom: 8px;
    margin-bottom: -1px;
}
.course-box{
	background: #fff;
	padding: 0px 0px 15px 0px;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0px 0px 10px #c7c7c7;
	margin-bottom: 30px;
	transition: 0.4s
}
.course-box:hover{
	box-shadow: 0px 0px 1px #c7c7c7;
	transform: scale(1.01);
	transition: 0.4s
}
.course-box img.baner-image-course{
	width: 100%;
	margin-bottom: 15px;
	border-radius: 10px;
	box-shadow: 0px 0px 10px #89898b
}
.course-box h2{
	font-size: 1.1rem;
	margin-bottom: 20px;
	color: #000000
}
.course-box p{
	color: #6b6f73;
	margin-bottom: 5px
}
.course-box p i{
	margin-right: 7px;
	color: #ff7900
}
.course-box h3{
	margin: 0px;
	font-size: 18px;
	display: inline-block;
	color: #444
}
.course-box h3 span{
	font-weight: 400;
    margin-left: 10px;
    text-decoration: line-through;
    font-size: 14px;
    color: #7b7b7b;
}
.view-detail-btn{
	display: inline-block;
	float: right;
	color: #ff7900;
	margin-top: 2px;
	font-size: 15px;
}
.view-detail-btn i{
	margin-left: 5px
}
.course-list-box{
	background: #fff;
	border: 1px solid #e2e2e4;
	margin-bottom: 15px;
	padding: 5px;
    box-shadow: 0px 0px 10px #ddd;
    transition: 0.4s
}
.course-list-box:hover{
	box-shadow: none;
	transition: 0.4s;
}
.course-list-box img.course-banner{
	width: 100%;
}
.course-list-box h2{
	font-size: 20px;
	color: #000000;
	font-weight: 400
}

.course-list-box p{
	font-size: 14px;
	color: #616071
}
.course-list-box h4{
	font-weight: 400;
	font-size: 14px;
	position: absolute;
    bottom: 5px;
    left: 10px
}
.course-stars i{
	color: #ff7900
}
.course-stars{
	margin-right: 15px
}
.course-list-box h3{
	margin: 0px 15px 0px 0px;
	font-size: 20px;
	font-weight: 400;
}
.course-list-box h3 span{
	font-size: 15px;
	text-decoration: line-through;
	color: #8e8989
}
.view-detail-btn-sm {
    display: inline-block;
    background: linear-gradient(45deg, #3f51b5, #03a9f4);
    color: #ffffff;
    padding: 5px 15px;
    margin-top: 15px;
    margin-right: 15px;
    box-shadow: 0px 0px 5px #ddd;
    position: absolute;
    bottom: 10px;
    right: 15px;
}
.view-detail-btn-sm i{
	font-size: 13px; 
	margin-left: 5px
}
.view-detail-btn-sm:hover{
	box-shadow: none;
	color: #fff;
}
.course-header{
	background: radial-gradient(#ffb000, #ff7900)
}
.course-header-text {
    margin-top: 50px;
    padding-bottom: 60px;
}
.course-header-text h3{
	color: #fff;
	font-weight: 700;
	font-size: 2rem
}
.course-header-text p{
	color: #fff
}
.course-stars{
	font-size: 0.9rem
}


.login-drop{
	background: unset;
    border: unset;
}
.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px !important;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333 !important;
    white-space: nowrap;
}