/*---------------------------------------------------------
	2nd Header Area
---------------------------------------------------------*/
.second-header-area {
	padding: 40px 0 30px !important;
	background: #29303b !important;
	color: #fff !important;
}

footer h5, footer .h5 {
  color: #1e2022 !important;
}
/*---------------------------------------------------------
	Home Page
---------------------------------------------------------*/
.home-fact-area {
    background: linear-gradient(-45deg,#7ccd20,#6e1a52) !important;
}
.home-fact-area h1, .home-fact-area h2, .home-fact-area h3, .home-fact-area h4, .home-fact-area h5, .home-fact-area h6 {
    font-family: josefin sans,sans-serif !important;
    color: #fff !important;
}
.home-fact-area p {
    font-family: mulish,sans-serif !important;
    color: #fff;!important;
}
.team-area {
    /* background: #29303b !important; */
    background: #f8f8f8 !important;
}
/*.about-area2 {
    padding: 100px !important;
}*/
.footer-area {
    background-color: #f6f6f6 !important;
    margin-top: auto;
}
.course-header-area p {
	color: yellowgreen !important;
}
.course-header-area h1, .course-header-area h2, .course-header-area h3, .course-header-area h4, .course-header-area h5, .course-header-area h6 {
    color: #ff8d00;
}
.course-sidebar-text-box .buy-btns .btn-buy-now {
    color: #fff !important;
    background-color: #ff9f67 !important;
    border-color: #ff9f67 !important;
}
.course-sidebar-text-box .buy-btns .btn-add-cart {
    background: #4289fe !important;
    border-color: #505763 !important;
    color: #fff !important;
}
.course-carousel-area .course-carousel-title {
    font-size: 30px !important;
}
.instructor-name a, .instructor-name button{
	color:#007791 !important;
}
.compare-courses-wrap a {
    color: #007791;
}
.course-slider .slick-list{
	height:480px !important;
}
/* top 10 course slider */
.position-absolute {
    bottom: -12px !important;
}
.rating-white i {
    font-size: 14px !important;
    color: #fff !important;
}
/* service/feature area */
.services-area .single-services {
	background: #fff !important;
	/* border: 1px solid #5d70ff; */
}
/* .services-area .single-services .features-caption h3 {
    color: #626fff !important;
}
.services-area .single-services .features-caption p {
    color: #626fff !important;
} */
.single-slider {
	top: -92px !important;
}
.image_wrapper {
    /* height: 152px; */
    width: 100%;
}
/*---------------------------------------------------------
	main.css:1032
---------------------------------------------------------*/
.course-carousel-area .slick-list::before, .course-carousel-area .slick-list::after {
    width: 0px !important;
}
.course-carousel-area .slick-list::before, .course-carousel-area .slick-list::after {
    width: 0px !important;
}

/*---------------------------------------------------------

---------------------------------------------------------*/
.slider-height {
    min-height: 670px !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: block !important;
}

/*---------------------------------------------------------
	Login Form (position)
---------------------------------------------------------*/
.login-form {
    position: relative !important;
}

/*---------------------------------------------------------
	Main Header
---------------------------------------------------------*/
.main-header {
	background: linear-gradient(to bottom,#c054ff 0%,#5274ff 100%)
}

/*---------------------------------------------------------
	Login Form (main2)
---------------------------------------------------------*/
.user-dashboard-box {
    border: 0px !important;
}
.login-form {
    background: none !important;
}
.user-dashboard-content .content-update-box button {
    background-color: #ff9f67 !important;
    border-color: #ff9f67 !important;
    border-radius: 5px !important;
    line-height:0 !important;
}
.forgot-pass a:hover, .account-have a:hover {
    color: #4255a4 !important;
}
.forgot-pass a, .account-have a {
    color: #4255a4 !important;
}

/*---------------------------------------------------------
	Header Menu -> user dropdown menu (main)
---------------------------------------------------------*/
.menu-icon-box .dropdown {
    width: 250px !important;
}

/*---------------------------------------------------------
	Header Menu -> course menu dropdown (main2)
---------------------------------------------------------*/
.main-header .main-menu li .has-children ul li a {
    padding: 0px !important;
}

.main-nav-wrap {
    margin: 0px !important;
}

/*---------------------------------------------------------
	Header Menu (devide partition)
---------------------------------------------------------*/
.main-header .col-xl-2, .main-header .col-lg-2 {
	width: 50% !important;
}
.main-header .col-xl-10, .main-header .col-lg-10 {
	width: 50% !important;
}

/*---------------------------------------------------------
	Header Menu (text, style)
---------------------------------------------------------*/
.menu-area {
    box-shadow:none !important;
	margin: 0 55px !important;
}
.bg-light {
    background-color: transparent  !important;
}
.main-nav-wrap > ul > li > a {
    font-size: 16px !important;
	font-weight: 600 !important;
    color: #fff !important;
}
.mobile-main-nav.nav-is-visible {
    background: #666 !important;
}
.mobile-nav-trigger span, .mobile-nav-trigger span::before, .mobile-nav-trigger span::after {
    background: #fff !important;
}
.mobile-main-nav > li.menu-1st-level > a {
    border-bottom: 1px solid #dedfe0;
}
@media (min-width:767px){
    .main-nav-wrap li[class*="menu-1st-level"] {
        display: none;
    }
}

/*---------------------------------------------------------
	Header Menu (logged in)
---------------------------------------------------------*/
.menu-icon-box .icon a {
    color: #fff;
}
.menu-icon-box .icon .number {
    position: absolute !important;
    top: 0px !important;
    right: -8px !important;
    font-size: 16px !important;
    line-height: 1.43 !important;
    min-width: 28px !important;
}

/*---------------------------------------------------------
	Course Listing
---------------------------------------------------------*/
.category-filter-box {
    padding: 35px 0 20px 0 !important;
    border-bottom: 4px solid #e8e9eb !important;
    margin-bottom: 30px !important;
}
.category-filter-box a {
	float: right !important;
	font-size: 19px !important;
	margin-left: 5px !important;
	color: #635c5c;
}
.course-title-box {
    height: 48px !important;
}
/* sidebar */
.custom-radio:checked + label {
	font-size: 14px;
	font-weight:bold;

}
.custom-radio:checked + label::before, .custom-radio:not(:checked) + label::before {
    border: 0px !important;
}
.custom-radio:checked + label::after, .custom-radio:not(:checked) + label::after {
    content: '\25B6' !important;
    background: none !important;
    position: absolute;
    top: 0px !important;
	font-size:16px !important;
}
/* rating */
.rating-grey i {
    font-size: 14px !important;
    color: #ccc !important;
}
.card-body {
    padding: 14px !important;
}
.card-body p {
	line-height: normal !important;
	font-size:13px;
	text-align:justify;
}
.card-footer {
    padding: 14px !important;
    background-color: transparent !important;
}
.card-footer .mr-2 {
	margin-right: 0px !important;
}
.card-footer .starting-price {
	font-size: 14px !important;
}
.card-footer .selling-price {
	font-size: 16px !important;
    color: #626fff !important;
}
.align-items-center {
    padding-top: 0px !important;
}
h3 a {
    font-size: 16px;
	line-height: normal !important;
}
small {
	line-height: 12px !important;
	font-size: 12px !important;
}
.course-title {
	font-size: 16px;
	line-height: normal !important;
	/*font-family: josefin sans,sans-serif !important;*/
}
/* wishlist */
.wishlist-selected {
    color: #ec5252 !important;
}
.text-right {
    float: right !important;
}

/*---------------------------------------------------------
	Course Detail
---------------------------------------------------------*/
.what-you-get-box {
	background-color:#fff !important;
	border: 4px solid #eaf2ff !important;
}
.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}
.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.w-100 {
    width: 100% !important;
}
.w-100 {
    width: 100% !important;
}
hr {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
    border: 0 !important;
        border-top-color: currentcolor !important;
        border-top-style: none !important;
        border-top-width: 0px !important;
    border-top: 0.0625rem solid #e7eaf3 !important;
}
hr {
    box-sizing: content-box !important;
    height: 0 !important;
    overflow: visible !important;
}
.link-underline {
    color: #8c98a4 !important;
    border-bottom: 0.0625rem dashed #97a4af !important;
    border-bottom-color: rgb(151, 164, 175) !important;
}
.avatar {
    display: inline-block !important;
    width: 3.125rem !important;
    height: 3.125rem !important;
    border-radius: 0.3125rem !important;
}
.avatar-group {
    display: -ms-flexbox !important;
    display: flex !important;
}
.ml-4, .mx-4 {
    margin-left: 1.5rem !important;
}
.avatar-xs {
    width: 1.75rem !important;
    height: 1.75rem !important;
}
.avatar-circle {
    border-radius: 50% !important;
}
.avatar-group .avatar-xs .avatar-img, .avatar-group .avatar-xs .avatar-initials, .avatar-group .avatar-sm .avatar-img, .avatar-group .avatar-sm .avatar-initials, .avatar-group .avatar .avatar-img, .avatar-group .avatar .avatar-initials {
    border: 2px solid #fff !important;
}
.avatar-circle .avatar-img {
    border-radius: 50% !important;
}
.avatar-img {
    max-width: 100% !important;
    height: 100% !important;
    -o-object-fit: cover !important;
    object-fit: cover !important;
    border-radius: 0.3125rem !important;
}
.font-weight-bold {
    font-weight: 600 !important;
}
.mr-1, .mx-1 {
    margin-right: 0.25rem !important;
}
.ml-2, .mx-2 {
    margin-left: 0.5rem !important;
}
.clr_orange {
    color: #ff8d00 !important;
	padding: 0 5px !important;
	margin: 0 0 5px 0px !important;
}
/* course-header */
.course-header-wrap > div > span {
    margin-right: 0px !important;
}
.badge {
    padding: 0.50em .4em !important;
}
/* sticky header */
.course-header-area.duplicated {
    top: 102px !important;
}
.course-header-area.duplicated .title {
	font-size: 24px !important;
	line-height: normal !important;
}
.course-sidebar {
	top: 115px !important;
}
/* slider (related course) */
.compare-box {
    max-height: 470px !important;
}
.slick-arrow {
    color: transparent !important;
}
.course-carousel-items2 .slick-prev:hover,
.course-carousel-items2 .slick-next:hover{
    box-shadow: 0 2px 8px 2px rgba(20,23,28,.15);
}
.course-carousel-items2 .slick-prev:focus,
.course-carousel-items2 .slick-next:focus{
    box-shadow: 0 0 1px 1px rgba(20,23,28,.1), 0 3px 1px 0 rgba(20,23,28,.1) !important;
}

.course-carousel-items2 .slick-prev,
.course-carousel-items2 .slick-next{
    width: 47px;
    height: 47px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 1px 1px rgba(20,23,28,.1), 0 3px 1px 0 rgba(20,23,28,.1);
    z-index: 1;
    top: calc( 50% - 25px);
}
.course-carousel-items2 .slick-prev{
    left: -28px;
}
.course-carousel-items2 .slick-prev.slick-disabled,
.course-carousel-items2 .slick-next.slick-disabled{
    opacity: 0;
}
.course-carousel-items2 .slick-prev:before{
    content: url(../img/icons/prev_arrow.png);
    line-height: 0;
    opacity: 1
}
.course-carousel-items2 .slick-next{
    right: -15px
}
.course-carousel-items2 .slick-next:before{
    content: url(../img/icons/next_arrow.png);
    line-height: 0;
    opacity: 1;
}

/*---------------------------------------------------------
	User Profile Page
---------------------------------------------------------*/
.user-dashboard-sidebar .user-box {
    color: #fff !important;
}
.user-dashboard-sidebar .user-box img {
    background: #fff !important;
}
.user-dashboard-sidebar .user-dashboard-menu ul .active a {
    background: #4255a4 !important;
}
.user-dashboard-content {
    /* border: 8px solid #01963e !important; */
}
.user-dashboard-sidebar {
    border-right: 0px !important;
}
.user-dashboard-sidebar .user-dashboard-menu ul a {
    padding: 8px 15px !important;
}
.user-dashboard-sidebar .user-dashboard-menu ul .active a {
    background: #01963e !important;
}

/*---------------------------------------------------------
	Header Logo Alt
---------------------------------------------------------*/
.logo img {
	font-size: 20px !important;
	font-weight: bold !important;
}

/*---------------------------------------------------------
	User Panel
---------------------------------------------------------*/
/*section.page-header-area .page-title, h1 {
    color: #ff8d00 !important;
}*/
section.page-header-area {
    background: #29303b;
}
.user-dashboard-sidebar {
	background: #29303b;
}
/* menu bar */
section.page-header-area.my-course-area ul li {
    margin-right: 0px !important;
}
section.page-header-area.my-course-area ul li.active a, section.page-header-area.my-course-area ul li a:hover {
    padding: 10px !important;
	border-bottom-color: transparent !important;
	background-color: #4255a4 !important;
}
section.page-header-area.my-course-area ul li a {
    padding: 10px !important;
    border-bottom: 0px !important;
}
/* filter area */
.filter-box .btn {
    background: #f2f3f5 !important;
    color: #992337 !important;
    border: 1px solid #ccc !important;
    text-decoration: none;
}
.filter-box .btn:hover {
    background: #f2f3f5 !important;
    color: #fff !important;
    border-color: #992337 !important;
}
.filter-box .btn:focus {
    background: #f2f3f5 !important;
    color: #992337 !important;
    border-color: #992337 !important;
}
.my-course-filter-bar.filter-box {
    padding-top: 0px !important;
}
/* search area */
.my-courses-area .my-course-search-bar .input-group-append button {
    background: #f2f3f5 !important;
    color: #992337 !important;
    border: 1px solid #ccc !important;
}
.filter-box .btn[aria-expanded="true"] {
    background-color: none !important;
}
.btn-dropdown {
    padding: 3px 10px;
    background: #fff;
    border-radius: 5px;
    color: #ff9f67 !important;
    border: 1px solid #ff9f67;
}
.btn-dropdown:hover {
    background: #fff !important;
    color: #ff9f67 !important;
}
.btn-outline-secondary:hover {
    border-color: #ff9f67 !important;
}
.btn-dropdown::after {
    content: none;
}
.show > .btn-outline-secondary.dropdown-toggle {
    background-color: #fff !important;
    border-color: #ff9f67 !important;
}
/* button */
.btn-xs {
    padding: 12px 12px !important;
    font-size: 10px !important;
}
.btn-sm {
    padding: 16px 10px !important;
    font-size: 14px;
}
.btn-md {
    padding: 20px 14px !important;
    font-size: 14px;
}
/*.btn:hover, .btn:focus {
    background-color: #ff9f67;
    border-color: #ff9f67 !important;
	color: #fff !important;
}*/
.btn-blue {
    background-color: #626fff !important;
}

/*---------------------------------------------------------
	Course Detail
---------------------------------------------------------*/
.course-curriculum-accordion .lecture-group-title {
    background: #eaf2ff !important;
    border: 1px solid #eaf2ff !important;
}
.requirements-box {
    background-color: #fff !important;
    border: 4px solid #eaf2ff !important;
    padding: 10px 15px !important;
    margin-top: 40px !important;
}
.space-1, .space-bottom-1 {
    margin-bottom: 2rem !important;
}
.account-verify-error {
    width:100%;
    margin:10px 0 10px 0;
    padding:5px; color:#fa5c7c;
    background-color:#fee1e7;
}
.add-to-cart-error {
    width:100%;
    margin:10px 0;
    padding:10px; color:#fa5c7c;
    background-color: #fee9e7;
    font-size: 14px;
}
.course-curriculum-accordion .lecture-list .lecture::before {
    content: "" !important;
}
.course-curriculum-accordion .lecture-list .lecture {
    padding: 12px 30px 12px 30px !important;
}

/*---------------------------------------------------------
	My Courses List
---------------------------------------------------------*/
.rating {
    margin-bottom: 0px !important;
}
.rating i {
    font-size: 14px !important;
    color: #ddd !important;
}
.rating i.filled {
    color: #f4c150 !important;
}
.your-rating-text i {
    font-size: 14px !important;
    color: #ff7b2e !important;
}
.edit-rating {
    color: #2a303b !important;
    font-size: 14px !important;
}
.course-box .instructor-img-hover span {
    font-weight: normal !important;
    font-size: 12px !important;
}
/*---------------------------------------------------------
	Checkout
---------------------------------------------------------*/
.btn-primary:hover {
    background-color: #01963e !important;
    border-color: #01963e !important;
}
.cart-course-wrapper {
    border: 1px solid #eee !important;
}
.package-details {
    color: #ccc !important;
}

/*---------------------------------------------------------
	Purchase History
---------------------------------------------------------*/
.purchase-history-course-title {
    color: #635c5c !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    vertical-align: top !important;
}
.tbl-purchase-history td {
    vertical-align: top !important;
    border: 1px solid #ccc !important;
}
.purchase-history-list li {
    padding: 12px 8px !important;
    font-size: 14px !important;
}
.col {
    padding-right: 8px !important;
    padding-left: 8px !important;
}
.purchase-history-detail {
    font-size: 12px !important;
}

.cart-button {
    width: 100px !important;
    border: 1px solid #fff !important;
    border-radius: 8px !important;
    height: 52px !important;
    padding: 5px !important;
}

/*---------------------------------------------------------
	Modal-Box
---------------------------------------------------------*/
.modal-content .close {
    color: #666 !important;
    text-shadow: 0 0 0 #fff;
    opacity: 1;
    font-size: 27px;
}
.modal {
	background-color: rgba(41,48,59,.8);
}
.modal-body {
    padding: 0.5rem 0rem 2.0rem 0rem !important;
}
.modal-content {
	/* border: 4px solid #01963e !important; */
}
.modal-footer {
	/*background: #01963e !important;*/
	border-bottom-right-radius: 0rem !important;
	border-bottom-left-radius: 0rem !important;
	padding: 0.6rem !important;
}
.modal-table {
	width: 100%;
	text-align: center;
	color: #999;
}
#free-course-enrol-confirm-modal .btn {
    font-weight:normal !important;
    padding: 18px 22px !important;
}
#free-course-enrol-confirm-modal .btn3 {
    font-weight:normal !important;
    padding: 18px 22px !important;
}

/*---------------------------------------------------------
	Preloader-Circle
---------------------------------------------------------*/
.preloader .preloader-circle {
    border-top-color: #22b14c !important;
}

/*---------------------------------------------------------
	Pagination
---------------------------------------------------------*/
ul.pagination .page-item a, ul.pagination .page-item .page-link {
    color: #22b14c !important;
}
ul.pagination .page-link {
    color: #fff !important;
}
ul.pagination .page-item a:hover, ul.pagination .page-item .page-link:hover {
    border-color: #22b14c !important;
}
ul.pagination .page-item.active a, ul.pagination .page-item.active .page-link {
    background-color: #22b14c;
    border-color: #22b14c;
    color: #fff !important;
}

/*---------------------------------------------------------
	User Horizontal Menu
---------------------------------------------------------*/
.badge {
    line-height: 8px !important;
}

/*---------------------------------------------------------
	Green Theme
---------------------------------------------------------*/
.main-header {
    background: white;
}
.theme-colors, .header-sticky.sticky-bar {
    background: white;
}
.hero__caption h1 {
    color: #132119cc !important;
}
.hero__caption p {
    color: #132119cc !important;
}
.course-carousel-area .course-carousel-title {
    background: #01963e !important;
    padding: 10px !important;
    color: #fff !important;
}
b, sup, sub, u, del {
    color: #00692b !important;
}
.card-footer .selling-price {
    color: #01963e !important;
}
h1, h2, h3, h4, h5, h6 {
    color: #122b46 !important;
}
.team-area {
    /* background: #030235 !important; */
    background: #f8f8f8 !important;
}
.team-area .single-cat .cat-cap h5 > a {
    /* color: #01963e !important; */
    color: black !important;
}
.team-area .single-cat .cat-cap p {
    /* color: #ff9f67 !important; */
    color: #7d7d7d !important;
}
.footer-area {
    background-color: #f6f6f6 !important;
}
.btn {
    background: #01963e !important;
}
.border-btn {
    border: 1px solid #01963e !important;
    color: #01963e !important;
}
/* .border-btn::before {
    background: #01963e !important;
} */
.border-btn:hover {
    color: #fff !important;
    background-color: #01963e;
}
.user-dashboard-content .content-update-box button {
    background-color: #01963e !important;
    border-color: #01963e !important;
}
section.page-header-area.my-course-area ul li.active a, section.page-header-area.my-course-area ul li a:hover {
    background-color: #01963e !important;
}
.btn-dropdown {
    color: #01963e !important;
    border: 1px solid #01963e !important;
}
.btn-outline-secondary:hover {
    border-color: #01963e !important;
}
.btn-dropdown:hover {
    color: #01963e !important;
}
.btn::before {
    background: #01963e !important;
}