body, div, ul, li, a, button, td, span{
    font-family: 'Open Sans', sans-serif !important;
}
a{
    text-decoration: none;
}

.cropped-home-banner{
	position: absolute;
    width: 0px;
    height: 0px;
    top: 0;
    border-left: 0px solid #f1f7f800;
    border-right: 70px solid #13d76203;
}


@media only screen and (max-width: 766px){
	.cropped-home-banner{
	    display: none;
	}
	.home-banner-area{
	    /* background: none !important; */
	    padding: 80px 0 75px !important;
	}
	.home-banner-wrap{
		max-width: 100% !important;
		text-align: center;
	}
}
.bg-background{
    background: #f1f7f8;
}
.bg-transparent{
    background: #00000000 !important;
}
.top-categories{
    width: 100%;
    min-height: 90px;
    background-color: #f5f9fa;
    padding: 20px 15px;
    display: inline-flex;
    border: 1px solid #cccdcd;
    border-radius: 10px;
    text-decoration: none;
}
.top-categories:hover, .top-categories:focus{
    background-color: #ec5252;
    border: 1px solid #ec5252;
}
.category-icon{
    width: 36px;
    height: 36px;
    background-color: #fff;
    border-radius: 5px;
    text-align: center;
    line-height: 36px;
    margin-top: 7px;
    font-size: 20px;
    position: absolute;
}
.top-categories:hover .category-icon, .top-categories:focus .category-icon{
	background-color: #f5f9fa;
	color: #000;
}
.category-title{
    padding-left: 50px;
    font-weight: 600;
}
.top-categories:hover .category-title, .top-categories:focus .category-title{
	color: #fff;
}
.category-title p{
    color: #b4b4b4;
    font-size: 14px;
    font-weight: 400 !important;
    margin-top: 2px;
    margin-bottom: 1px;
}
.top-categories:hover .category-title p, .top-categories:focus .category-title p{
	color: #efdcdc;
}
.divider-1{
	background-color: #b8c3c5;
	margin-left: -15px;
    margin-right: -10px;
    margin-top: 12px;
    margin-bottom: 6px;
}

.compare-row{
    margin-top: 25px;
    background-color: #fff;
    border: 1px solid #f1f7f8;
    border-radius: 10px;
    padding: 28px 10px;
}
.brn-compare-sm{
    border: 1px solid #5ca1b4;
    color: #5d5d1c;
    background: #fff;
    font-size: 11px;
    border-radius: 6px;
    padding: 2.5px 8px 2.5px 8px;
}
.brn-compare-sm:hover, .brn-compare-sm:focus{
    border: 1px solid #5ca1b4;
    color: #fff;
    background: #5ca1b4;
    font-size: 11px;
    border-radius: 6px;
    padding: 2.5px 8px 2.5px 8px;
}
.badge-sub-warning{
    background-color: #eceb98 !important;
    color: #3c3c2d !important;
}
.badge-secondary{
    background: #999999 !important;
}
.floating-user{
    width: auto;
    height: 30px;
}
.floating-user img{
    border-radius: 15px;
    position: absolute;
}
.floating-user img:hover, .floating-user img:focus{
    z-index: 999;
}
.become-user-label{
    background-color: #ec5252;
    color: white;
    padding: 50px 15px;
    border-radius: 10px;
}
.become-user-label a{
    border: none;
    background-color: #fff;
    font-size: 13px;
    font-weight: 700;
    padding: 10px 22px;
    border-radius: 5px;
    color: #626262;
    text-decoration: none;
}
.become-user-label a:hover{
    box-shadow: 0px 3px 31px 1px #b44b4b;
}
.text-sub-warning{
    color: #eceb98 !important;
}
.badge-sub-warning{
    background-color: #eceb98 !important;
    color: #5c5c4c !important;
    padding: 6px 15px 6px 15px;
    border-radius: 6px;
}
.footer-hover-link{
    text-decoration: none;
    font-size: 14px;
}
.footer-hover-link:hover{
    color: #000000 !important;
    text-shadow: 0px 0px 10px #d8d8d8;
}

.language_selector{
    border-radius: 5px;
    padding: 2px 10px;
    font-size: 14px;
    background: #f1f7f8;
    border-color: #b1b1b1;
}
ul.footer-social-link{
    list-style: none;
    padding-left: 0px;
    height: 60px;
    padding-top: 15px;
}
ul.footer-social-link li{
    float: left;
    background-color: #ec5252;
    color: #fff;
    margin: 0px 15px 0px 0px;
    border-radius: 50%;
    height: 37px;
    width: 37px;
    line-height: 37px;
    text-align: center;
    box-shadow: 0px 2px 13px 2px #e0e0e0;
}
ul.footer-social-link li a{
    display: block;
    color: #fff;
    font-size: 15px;
}
ul.footer-social-link li a:hover{
    color: #ddd;
}
section.featured-instructor{
    background: white;
    padding: 35px 0px;
}
.top-instructor-img{
    max-width: 250px;
}
.top-instructor-img img{
    border-radius: 12px;
}
.top-instructor-details{
    padding: 0px 22px;
}
p.top-instructor-arrow span{
    background-color: #000;
    color: #e9e9e9;
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    font-size: 16px;
}
p.top-instructor-arrow span i{
    line-height: 30px;
}
.slick-list.draggable{
    border-radius: 10px;
}
.hover-shadow-1:hover{
    box-shadow: 0px 0px 5px 0px #9090902e !important;
}


.image-placeholder-1{
    position: absolute;
    width: 100%;
    height: 100% !important;
    background: linear-gradient(91deg, rgb(0 0 0 / 24%) 0%, rgba(0,35,51,0) 100%) !important;
}
.image-placeholder-2{
    position: absolute;
    width: 100%;
    height: 100% !important;
    background: linear-gradient(91deg, rgb(0 0 0 / 50%) 0%, rgb(0 0 0 / 50%) 100%) !important;}
}

.compare-row{
    margin-top: 25px;
    background-color: #fff;
    border: 1px solid #f1f7f8;
    border-radius: 10px;
    padding: 28px 10px;
}
.compare-row-icon{
    height: 26px;
    width: 26px;
    line-height: 26px;
    background: #444;
    border-radius: 5px;
    font-size: 13px;
    color: #fff;
    text-align: center;
}
.skill-level-icon{
    width: 24px;
    height: 24px;
    background-color: transparent;
}
.skill-level-icon span{
    background-color: #dcdee1;
    margin-left: 1.5px;
    margin-right: 1.5px;
    float: left;
}
.skill-level-icon .active{
    background-color: #ec5252;
}
.skill-level-icon span:first-of-type{
    width: 5px;
    height: 8px;
    margin-top: 16px;
}
.skill-level-icon span:nth-of-type(2n){
    width: 5px;
    height: 16px;
    margin-top: 8px;
}
.skill-level-icon span:last-of-type{
    width: 5px;
    height: 24px;
}

.marge-input-box input{
    border-radius: 10px 0px 0px 10px;
    border-right: 0px;
    font-size: 13px;
}

.marge-input-box .input-group-append{
    border: 1px solid #cccfe7;
    border-radius: 0px 10px 10px 0px;
    border-left: none !important;
}
.marge-input-box button{
    background: #ec5252;
    color: #fff;
    font-weight: 500;
    margin: 5px;
    font-size: 13px;
    border-radius: 8px;
}
.marge-input-box button:hover{
    background: #cd4f4f;
    color: #fff;
}

/*Signup & sign in page login*/
.sign-up-form{
    /* background: #fff;
    padding: 35px 30px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px -1px #ebebeb; */
}
.sign-up-form .form-group{ margin-bottom: 15px; }
.sign-up-form .form-group label{
    color: #5c5c5c;
    font-weight: 600;
}
.sign-up-form .form-group .input-group span{
    border-right: none;
    padding: 12px 8px 12px 15px;
    border-radius: 10px;
    color: #878787;
    font-size: 15px;
    font-weight: 500;
}
.sign-up-form .form-group .input-group input{
    border-left: none;
    padding: 12px 5px;
    border-radius: 10px;
    color: #878787;
    font-size: 13px;
    font-weight: 500;
}
/*End Signup & sign in page login*/




/*used on Home page*/
.animated-loader{
    width: 100px;
    height: 100px;
    line-height: 100px;
    padding: 0px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.common-search-box{
    margin-right: 50px;
    padding: 0px 0;
}
.common-search-box input{
    background-color: hsl(192deg 33% 97%);
    border: 1px solid hsl(192deg 33% 97%);
    height: 40px;
    padding: 0 15px;
    border-radius: 5px 0 0 5px;
    font-size: 13px;
}
.common-search-box input:focus{
    background-color: #fff;
    border-color: #dedfe0;
    border-right-color: transparent;
}
.common-search-box input:focus + .input-group-button{
    background-color: #fff !important;
    border-top: 1px solid #dedfe0 !important;
    border-right: 1px solid #dedfe0 !important;
    border-bottom: 1px solid #dedfe0 !important;
    padding: 5px 9px 5px 10px !important;
}
.common-search-box button{
    background-color: #ec5252 !important;
    border-color: #ec5252;
    color: #fff;
    padding: 1px 6px;
    border-radius: 6px;
}
.common-search-box button:hover{
    color: #efefef;
}
.common-search-box .input-group-button {
    background-color: hsl(192deg 33% 97%);
    padding: 6px 10px 6px 10px;
    border-radius: 0px 5px 5px 0px;
}

/*Custom print content*/
    @media print{
        .print-content{
            position: fixed !important;
            margin: 0 !important;
            top: 0 !important;
            bottom: 0 !important;
            left: 0 !important;
            right: 0!important;
            z-index: 3333 !important;
            width: 100% !important;
            background: #fff !important;
        }
        footer, nav, title{
            display: none !important    ;
        }
        body{
            overflow: hidden !important ;
        }
    }
/*End Custom print content*/





/*BLOG start*/
    .blog-search-input{
        height: 42px;
        background-color: #f1f7f8;
        border-bottom: 1px solid #cdcdcd;
        border-top: none;
        border-left: none;
        border-right: none;
        border-radius: 0px;
    }
    .blog-search-button{
        display: none;
        padding: 0px 20px;
        border: none;
        border-bottom: 1px solid #cdcdcd;
        background-color: #fff;
    }
    .ellipsis-line-2{
        display: -webkit-box!important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
    }
    .ellipsis-line-3{
        display: -webkit-box!important;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
    }
/*End Blog*/


/*=======================================*/
/*CUSTOMIZER HAWS*/
/*=======================================*/
/* :root {
    --bs-color_1: #0d6efd;
    --bs-color_2: #1357bd;
    --bs-color_3: #fffb00;
    --bs-color_4: #ffbb00;
} */
/*
.theme_customizer
-001
*/

.is-animating{
    transition: all 0.35s;
}

/* Sizes Reponsivos*/
/*Percentuais*/

.u-size1of12{
	width: 8.333333333333333%;
}
.u-size2of12{
	width: calc(8.333333333333333% * 2);
}
.u-size3of12{
	width: 100%;
}
.u-size4of12{
	width: 100%;
}
.u-size5of12{
	width: 100%;
}

.u-size6of12{
	width: 100%;
}

.u-size7of12{
	width: 100%;
}


.u-size8of12{
	width: 100%;
}


.u-size9of12{
	width: 100%;
}

.u-size10of12{
	width: 100%;
}

.u-size11of12{
	width:100%;
}
.u-sizeFull{
	width: 100%;
}
/*Responsive Desktop*/
@media screen and (min-width: 768px){
	.u-size3of12{
	width: calc(8.333333333333333% * 3);
}
.u-size4of12{
	width: calc(8.333333333333333% * 4);
}
.u-size5of12{
	width: calc(8.333333333333333% * 5);
}

.u-size6of12{
	width: calc(8.333333333333333% * 6);
}

.u-size7of12{
	width: calc(8.333333333333333% * 7);
}


.u-size8of12{
	width: calc(8.333333333333333% * 8);
}


.u-size9of12{
	width: calc(8.333333333333333% * 9);
}

.u-size10of12{
	width: calc(8.333333333333333% * 10);
}

.u-size11of12{
	width: calc(8.333333333333333% * 11);
}
.u-sizeFull{
	width: 100%;
}
}

/*Valores Absolutos*/
.u-size1of12--px{
	width: 100px;
}
.u-size2of12--px{
	width: 200px;
}
.u-size3of12--px{
	width: 100%;
}
.u-size4of12--px{
	width: 100%;
}
.u-size5of12--px{
	width: 100%;
}

.u-size6of12--px{
	width: 100%;
}

.u-size7of12--px{
	width: 100%;
}


.u-size8of12--px{
	width: 100%;
}


.u-size9of12--px{
	width: 100%;
}

.u-size10of12--px{
	width: 100%;
}

.u-size11of12--px{
	width: 100%;
}
.u-sizeFull--px{
	width: 100%;
}

/*Responsive Desktop*/
@media screen and (min-width: 768px){

.u-size3of12--px{
	width: 300px;
}
.u-size4of12--px{
	width: 400px;
}
.u-size5of12--px{
	width: 500px
}

.u-size6of12--px{
	width: 600px;
}

.u-size7of12--px{
	width: 700px;
}


.u-size8of12--px{
	width: 800px;
}


.u-size9of12--px{
	width: 900px;
}

.u-size10of12--px{
	width: 1000px;
}

.u-size11of12--px{
	width: 1100px;
}
.u-sizeFull--px{
	width: 1200px;
}
}


/*------------------
 * MARGIN - Mobile
 *------------------
*/
/*Margin - Mobile Lelel 1*/
.u-marginTop{
	margin-top: 45px;
}
.u-marginRight{
	margin-right: calc(8.333333333333333% / 2);
}

.u-marginBottom{
	margin-bottom: 45px;
}
.u-marginLeft{
	margin-left: calc(8.333333333333333% / 2);
}

.u-marginVertical{
	margin-left: calc(8.333333333333333% / 2);
	margin-right: calc(8.333333333333333% / 2);
}
.u-marginHorizontal{
	margin-top: 45px;
	margin-bottom: 45px;
}

/*Margin - Mobile Lelel 2*/
.u-marginTop--inter{
	margin-top: 22.5px;
}
.u-marginRight--inter{
	margin-right: calc(8.333333333333333% / 4);
}

.u-marginBottom--inter{
	margin-bottom: 22.5px;
}
.u-marginLeft--inter{
	margin-left: calc(8.333333333333333% / 4);
}

.u-marginVertical--inter{
	margin-left: calc(8.333333333333333% / 4);
	margin-right: calc(8.333333333333333% / 4);
}
.u-marginHorizontal--inter{
	margin-top: 22.5px;
	margin-bottom: 22.5px;
}

/*Margin - Mobile Lelel 3*/
.u-marginTop--inter--half{
	margin-top: 11.25px;
}
.u-marginRight--inter--half{
	margin-right: calc(8.333333333333333% / 8);
}

.u-marginBottom--inter--half{
	margin-bottom: 11.25px;
}
.u-marginLeft--inter--half{
	margin-left: calc(8.333333333333333% / 8);
}

.u-marginVertical--inter--half{
	margin-left: calc(8.333333333333333% / 8);
	margin-right: calc(8.333333333333333% / 8);
}
.u-marginHorizontal--inter--half{
	margin-top: 11.25px;
	margin-bottom: 11.25px;
}

/*------------------
 * MARGIN - Desktop
 *------------------
*/

@media screen and (min-width: 768px) {
	

/*Margin - Mobile Lelel 1*/
.u-marginTop{
	margin-top: 90px;
}
.u-marginRight{
	margin-right: 8.333333333333333% ;
}

.u-marginBottom{
	margin-bottom: 90px;
}
.u-marginLeft{
	margin-left: 8.333333333333333% ;
}

.u-marginVertical{
	margin-left: 8.333333333333333% ;
	margin-right: 8.333333333333333% ;
}
.u-marginHorizontal{
	margin-top: 90px;
	margin-bottom: 90px;
}

/*Margin - Mobile Lelel 2*/
.u-marginTop--inter{
	margin-top: 45px;
}
.u-marginRight--inter{
	margin-right: calc(8.333333333333333% / 2);
}

.u-marginBottom--inter{
	margin-bottom: 45px;
}
.u-marginLeft--inter{
	margin-left: calc(8.333333333333333% / 2);
}

.u-marginVertical--inter{
	margin-left: calc(8.333333333333333% / 2);
	margin-right: calc(8.333333333333333% / 2);
}
.u-marginHorizontal--inter{
	margin-top: 45px;
	margin-bottom: 45px;
}

/*Margin - Mobile Lelel 3*/
.u-marginTop--inter--half{
	margin-top: 22.5px;
}
.u-marginRight--inter--half{
	margin-right: calc(8.333333333333333% / 4);
}

.u-marginBottom--inter--half{
	margin-bottom: 22.5px;
}
.u-marginLeft--inter--half{
	margin-left: calc(8.333333333333333% / 4);
}

.u-marginVertical--inter--half{
	margin-left: calc(8.333333333333333% / 4);
	margin-right: calc(8.333333333333333% / 4);
}
.u-marginHorizontal--inter--half{
	margin-top: 22.5px;
	margin-bottom: 22.5px;
}

}

/*------------------
 * PADDING - Mobile
 *------------------
*/
/*PADDING - Mobile Lelel 1*/
.u-paddingTop{
	padding-top: 30px;
}
.u-paddingRight{
	padding-right: calc(8.333333333333333% / 2);
}

.u-paddingBottom{
	padding-bottom: 30px;
}
.u-paddingLeft{
	padding-left: calc(8.333333333333333% / 2);
}

.u-paddingVertical{
	padding-left: calc(8.333333333333333% / 2);
	padding-right: calc(8.333333333333333% / 2);
}
.u-paddingHorizontal{
	padding-top: 30px;
	padding-bottom: 30px;
}

/*PADDING - Mobile Lelel 2*/
.u-paddingTop--inter{
	padding-top: 15px;
}
.u-paddingRight--inter{
	padding-right: calc(8.333333333333333% / 4);
}

.u-paddingBottom--inter{
	padding-bottom: 15px;
}
.u-paddingLeft--inter{
	padding-left: calc(8.333333333333333% / 4);
}

.u-paddingVertical--inter{
	padding-left: calc(8.333333333333333% / 4);
	padding-right: calc(8.333333333333333% / 4);
}
.u-paddingHorizontal--inter{
	padding-top: 15px;
	padding-bottom: 15px;
}

/*PADDING - Mobile Lelel 3*/
.u-paddingTop--inter--half{
	padding-top: 7.5px;
}
.u-paddingRight--inter--half{
	padding-right: calc(8.333333333333333% / 8);
}

.u-paddingBottom--inter--half{
	padding-bottom: 7.5px;
}
.u-paddingLeft--inter--half{
	padding-left: calc(8.333333333333333% / 8);
}

.u-paddingVertical--inter--half{
	padding-left: calc(8.333333333333333% / 8);
	padding-right: calc(8.333333333333333% / 8);
}
.u-paddingHorizontal--inter--half{
	padding-top: 7.5px;
	padding-bottom: 7.5px;
}



/*------------------
 * PADDING - Desktop
 *------------------
*/

@media screen and (min-width: 768px) {

    /* // Switch */

.u-paddingSwitch--left{
    padding: 0px 0px 0px 60px !important;
}

.u-paddingSwitch--left--inter{
    padding: 0px 0px 0px 30px !important;
}
.u-paddingSwitch--left--inter--half{
    padding: 0px 0px 0px 15px !important;
}
.u-paddingSwitch--right{
    padding: 0px 60px 0px 0px !important;
}

.u-paddingSwitch--right--inter{
    padding: 0px 30px 0px 0px !important;
}
.u-paddingSwitch--right--inter--half{
    padding: 0px 15px 0px 0px !important;
}
.u-paddingSwitch--top{
    padding: 60px 0px 0px 0px !important;
}

.u-paddingSwitch--top--inter{
    padding: 30px 0px 0px 0px !important;
}
.u-paddingSwitch--top--inter--half{
    padding: 15px 0px 0px 0px !important;
}
.u-paddingSwitch--bottom{
    padding: 0px 0px 60px 0px !important;
}

.u-paddingSwitch--bottom--inter{
    padding: 0px 0px 30px 0px !important;
}
.u-paddingSwitch--bottom--inter--half{
    padding: 0px 0px 15px 0px !important;
}

.u-paddingSwitch--horizontal{
    padding: 60px 0px 60px 0px !important;
}

.u-paddingSwitch--horizontal--inter{
    padding: 30px 0px 30px 0px !important;
}
.u-paddingSwitch--horizontal--inter--half{
    padding: 15px 0px 15px 0px !important;
}


.u-paddingSwitch--vertical{
    padding: 0px 60px 0px 60px !important;
}

.u-paddingSwitch--vertical--inter{
    padding: 0px 30px 0px 30px !important;
}
.u-paddingSwitch--vertical--inter--half{
    padding: 0px 15px 0px 15px !important;
}


/*PADDING - Mobile Lelel 1*/
.u-paddingTop{
	padding-top: 60px;
}
.u-paddingRight{
	padding-right: 8.333333333333333% ;
}

.u-paddingBottom{
	padding-bottom: 60px;
}
.u-paddingLeft{
	padding-left: 8.333333333333333% ;
}

.u-paddingVertical{
	padding-left: 8.333333333333333% ;
	padding-right: 8.333333333333333% ;
}
.u-paddingHorizontal{
	padding-top: 60px;
	padding-bottom: 60px;
}

/*PADDING - Mobile Level 2*/
.u-paddingTop--inter{
	padding-top: 30px;
}
.u-paddingRight{
	padding-right: calc(8.333333333333333% / 4);
}

.u-paddingBottom--inter{
	padding-bottom: 30px;
}
.u-paddingLeft--inter{
	padding-left: calc(8.333333333333333% / 4);
}

.u-paddingVertical--inter{
	padding-left: calc(8.333333333333333% / 4);
	padding-right: calc(8.333333333333333% / 4);
}
.u-paddingHorizontal--inter{
	padding-top: 30px;
	padding-bottom: 30px;
}

/*PADDING - Mobile Level 3*/
.u-paddingTop--inter--half{
	padding-top: 15px;
}
.u-paddingRight--half{
	padding-right: calc(8.333333333333333% / 8);
}

.u-paddingBottom--inter--half{
	padding-bottom: 15px;
}
.u-paddingLeft--inter--half{
	padding-left: calc(8.333333333333333% / 8);
}

.u-paddingVertical--inter--half{
	padding-left: calc(8.333333333333333% / 8);
	padding-right: calc(8.333333333333333% / 8);
}
.u-paddingHorizontal--inter--half{
	padding-top: 15px;
	padding-bottom: 15px;
}
}

.u-noPadding {
    padding: 0 !important;
    margin: 0 !important;
 }

.u-positionRelative{
    position: relative;
}
.u-positionFixed{
    position: fixed;
}
.u-positionAbsolute{
    position: absolute;
}

/* FLEX BOX*/
.u-displayFlex{
	display: flex;
}
.u-displayBlock{
	display: block;
}
.u-flexWrapWrap{
	flex-wrap: wrap;
}
.u-flexJustifyContentSpaceBetween{
	justify-content: space-between;
}
.u-flexJustifyContentCenter{
	justify-content: center;
}
.u-flexJustifyContentFlexStart{
	justify-content: flex-start;
}
.u-flexJustifyContentFlexEnd{
	justify-content: flex-end;
}
.u-flexJustifyItemsCenter{
	justify-items: center;
}
.u-flexJustifyItemsFlexStart{
	justify-items: flex-start;
}
.u-flexJustifyItemsFlexEnd{
	justify-items: flex-end;
}

.u-flexAlignContentCenter{
	align-content: center;
}
.u-flexAlignContentFlexStart{
	align-content: flex-start;
}
.u-flexAlignContentFlexEnd{
	align-content: flex-end;
}
.u-flexAlignContentCenter{
	align-content: center;
}
.u-flexAlignContentFlexStart{
	align-content: flex-start;
}
.u-flexAlignContentFlexEnd{
	align-content: flex-end;
}
.u-flexAlignItemsFlexStart{
    align-items: flex-start;
}
.u-flexAlignItemsFlexEnd{
    align-items: flex-end;
}

.u-flexDirectionColumn{
	flex-direction: column;
}
.u-flexDirectionColumn--reverse{
	flex-direction: column-reverse;
}

.u-flexDirectionRow{
	flex-direction: row;
}
.u-flexDirectionRow--reverse{
	flex-direction: row-reverse;
}
.u-flex1{
    flex: 1;
}
.u-flex2{
    flex: 2;
}
.u-flex3{
    flex: 3;
}
.u-flex4{
    flex: 4;
}
.u-flex5{
    flex: 5;
}
/* OUTROS */


.u-flexAlignItemsCenter{
	align-items: center;
}

.u-textAlignCenter{
    text-align: center;
}

.u-textAlignLeft{
    text-align: left;
}

.u-textAlignRight{
    text-align: right;
}

@media screen and (min-width: 767px) {
.u-flexAlignContentSwitchFlexStart{
    align-content: flex-start;
}
.u-flexAlignItemsSwitchFlexStart{
    align-items: flex-start;
}
.u-flexAlignItemsSwitchFlexEnd{
    align-items: flex-end;
}
.u-paddingSwitchTopToRight{
    padding-top: 0px;
    padding-right: 4.165%;
}
.u-paddingSwitchTopToLeft{
    padding-top: 0px;
    padding-left: 4.165%;
}

.u-flexDirectionSwitchRow{
	flex-direction: row;
}
.u-flexDirectionSwitchRow--reverse{
	flex-direction: row-reverse;
}
.u-flexDirectionSwitchColumn{
	flex-direction: row;
}
.u-flexDirectionSwitchColumn--reverse{
	flex-direction: row-reverse;
}

.u-flex-1{
    flex:1;
}
.u-flex-2{
    flex:3;
}
.u-flex-3{
    flex:3;
}
.u-flex-4{
    flex:4;
}
.u-flex-5{
    flex:5;
}

}
/* IMAGES */
.u-objectFitCover{
    object-fit: cover;
}
.u-objectFitContain{
    object-fit: contain;
}
/* CONTAINER */

.u-maxSize--container {
    max-width: 1200px;
  }



.u-maxSize--container {
    max-width: 100%;
  }

  .u-alignCenterBox {
    margin-left: auto;
    margin-right: auto;
  }

@media screen and (min-width: 767px) {
    .u-maxSize--container {
        max-width: 1360px;
    }
}

/* CUSTOMIZER */
.search-box button{
    background: var(--bs-color_1) !important;
    border-color: var(--bs-color_1) !important;
}
.menu-icon-box .icon .number{
    background: var(--bs-color_1) !important;
}
.sign-in-box .btn-sign-up{
    background: var(--bs-color_1) !important;
    border-color: var(--bs-color_1) !important;
}
.sign-in-box .btn-sign-up:hover{
    background: var(--bs-color_2) !important;
    border-color: var(--bs-color_2) !important;
}
.home-banner-text .btn{
    background: var(--bs-color_1) !important;
    border-color: var(--bs-color_1) !important;
}
.home-banner-text .btn:hover{
    background: var(--bs-color_2) !important;
    border-color: var(--bs-color_2) !important;
}
.home-fact-area{
    background: var(--bs-color_1) !important;
}
.btn.red{
    background: var(--bs-color_1) !important;
    border-color: var(--bs-color_1) !important;
}
.btn.red:hover{
    background: var(--bs-color_2) !important;
    border-color: var(--bs-color_2) !important;
}
.top-categories:hover, .top-categories:focus{
    background: var(--bs-color_2) !important;
    border-color: var(--bs-color_2) !important;
}

.course-popover-content .popover-btns .wishlist-btn{
    border-color: var(--bs-color_1) !important;
}
.course-popover-content .popover-btns .wishlist-btn i{
    -webkit-text-stroke: 1px var(--bs-color_1) !important;
}
.course-popover-content .popover-btns .wishlist-btn.active i, 
.course-popover-content .popover-btns .wishlist-btn:hover i{
    color: var(--bs-color_1) !important;
}
.become-user-label{
    background-color: var(--bs-color_1) !important;
    background-image: url('../img/img-get-started.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: right;
}
.become-user-label a:hover{
    box-shadow: 0px 3px 31px 1px var(--bs-color_2) !important;
}
ul.footer-social-link li{
    background-color: var(--bs-color_1) !important;
}
.btn-danger{
    background: var(--bs-color_1) !important;
    border-color: var(--bs-color_1) !important;
}

.custom-radio:checked + label::before, 
.custom-radio:not(:checked) + label::before{
    outline: 1px solid var(--bs-color_1) !important;
}
.custom-radio:checked + label::after,
.custom-radio:not(:checked) + label::after{
    background: var(--bs-color_2) !important;   
}

.course-sidebar-text-box .buy-btns .btn-add-wishlist{
    color: var(--bs-color_1) !important;
    border-color: var(--bs-color_1) !important;
}
.course-sidebar-text-box .buy-btns .btn-add-wishlist:hover{
    color: #FFFFFF !important;
    background: var(--bs-color_1) !important;
    border-color: var(--bs-color_1) !important;
}
section.category-header-area{
    background-color: var(--bs-color_2) !important;
}
.marge-input-box button{
    background-color: var(--bs-color_1) !important;
}

.cart-sidebar .total-price{
    color: var(--bs-color_2) !important;
}
.course-list-dropdown .item-list .item .item-details .current-price{
    color: var(--bs-color_2) !important;
}

.user-dashboard-content .content-update-box button{
    background: var(--bs-color_1) !important;
    border-color: var(--bs-color_1) !important;
    border-radius: 5px;
}
.user-dashboard-content .content-update-box button:hoover{
    background: var(--bs-color_2) !important;
    border-color: var(--bs-color_2) !important;
}
.become-user-label a{
    padding: 15px 30px !important;
}

.TextFooter{
    font-size: 13px !important;
}
.TextFooter a{
    color: var(--bs-color_1) !important;
}
/* COURSES */

.has-newPrice .course-price{
    font-size: 15px !important;
    color: var(--bs-color_8) !important;
}
.has-newPrice.course-box .course-details{
    padding: 10px !important;
}
.course-box .course-details .price{
    margin: 0px !important;
    padding: 0px !important;
}
.course-box .course-price{
    background: var(--bs-color_5);
    border-radius: 5px !important;
    color: var(--bs-color_8) !important;
}
.has-newPrice.course-box-2 .course-price-rating{
    background: var(--bs-color_5);
    padding: 0px 0px 20px 0px !important;
    border-radius: 0px 10px 10px 0px;
}

.has-newPrice .installments{
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 20px;
    background: var(--bs-color_7) !important;
}
.has-newPrice .installments .valueInstallment{
    font-size: 22px !important;
    color: var(--bs-color_1) !important;
}
.has-newPrice .CashDiscount{
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 20px;
}
.has-newPrice .CashDiscount .CashDiscountValue{
    font-size: 22px !important;
}

.has-newPrice .PrimaryPrice{
    font-size: 15px !important;
    width: 100% !important;
    padding: 10px 20px !important;
    position: relative !important;
    display: flex !important;
}
.has-newPrice.course-box-2 .PrimaryPrice{
    justify-content: flex-end;
}
.has-newPrice .original-price{
    margin: 0 10px 0 0 !important;
    display: flex;
    align-items: center;
    
}
.has-newPrice .current-price{
    font-size: 15px !important;
}
.has-newPrice .rating,
.has-newPrice .rating-number{
    padding: 0 20px;
}

/* Course Page */
.course-content-area .price{
    color: var(--bs-color_8) !important;
}

.course-content-area .price .PrimaryPrice{
    color: var(--bs-color_8) !important;
}

.course-content-area .price .original-price{
    font-size: 18px;
}

.course-content-area .price .current-price{
    font-size: 18px;
}

.course-content-area .price .installments,
.course-content-area .price .InstallmentValue{
    color: var(--bs-color_8) !important;
}

.course-content-area .price .installments .InstallmentPrice{
    font-size: 34px;
    color: var(--bs-color_1) !important;
}

.course-content-area .price .CashDiscount{
    color: var(--bs-color_8) !important;
}

.course-content-area .price .CashDiscount .CashDiscountValue{
    font-size: 24px;
}

@media screen and (min-width:960px) {

    .course-box-2.has-newPrice{
        position: relative !important;
    }
    .has-newPrice.course-box-2 .PrimaryPrice{
        justify-content: flex-start;
    }
    .course-box-2.has-newPrice .course-price-rating{
        height: 100% !important;
        text-align: left;
    }
    .has-newPrice .PrimaryPrice{
        justify-content: flex-start;
    }
}
/* Whatsapp */

.WhatsappLink{
    position: fixed;
    bottom: 40px;
    z-index: 999;
  }
  
  .WhatsappLink.WhatsappLink--Layout_1{
    right: 3%;
  }
  
  .WhatsappLink.WhatsappLink--Layout_2{
    left: 3%;
  }
  
  .WhatsappLink .fa-whatsapp{
    font-size: 38px;
    color: #FFF;
    text-shadow: 0px 3px 5px rgba(0,0,0,0.5);
    box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
    background: #25bf25;
    border-radius: 100px;
    border: 9px solid #25bf25;
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.35s;
    margin: 0px !important;
    padding: 0px !important;
  }
  .WhatsappLink .fa-whatsapp:hover{
    color: #25bf25;
    background: #FFFFFF;
    border: 9px solid #FFFFFF;
    text-shadow: none;
  }
  .CourseDetails{
      color: var(--bs-color_8) !important;
  }
  
.Page-about a{
    color: var(--bs-color_1);
}
.Page-about a:hover{
    color: #000000;
}

.Page-about .container ul:last-child{
    list-style: none !important;
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
    padding: 0px;
}
.Page-about .container ul:last-child li{
    max-width: 48%;
    padding: 10px 1%;
    margin: 0px;
}
.Page-about .container ul:last-child li img{
    width: 100%;
    object-fit: cover;
    max-height: 367px;
}
.Page-about .Testimonials{
    padding: 0px 0px 70px 0px;
    position: relative;
    display: flex;
    flex-direction: column;
}
.Section--about-image-src{
    border-radius: 25px;
}
.Section--about-image-src{
    width: 100%;
}
.Section--dark,
.Section--dark a{
    color: var(--bs-color_0);
}

@media only screen and (min-width: 767px){
    .Page-about .note-float-left{
        float: left !important;
        margin: 30px 30px 30px 0px;
        max-width: 500px;
    }
    .Page-about .Testimonials{
        flex-direction: row;
        align-items: center;
    }
    .Page-about .Testimonials-title{
        width: 35%;
        padding-right: 5%;
    }
    .Page-about .Testimonials-content{
        width: 65%;
        min-height: 480px;
    }
    .Section--about{
        position: relative;
        display: flex;
        flex-direction: row;
        padding: 70px 0px 40px 0px;
    }
    .Section--about-image{
        width: 40%;
        padding: 0px 45px 0px 0px;
    }
    .Section--about-text{
        width: 60%;
        text-align: justify;
    }
}

#cart_items_details .btn.red{
    z-index: 999 !important;
    background:var(--bs-teal) !important;
    border-color: var(--bs-teal) !important;
    position: relative;
    display: block;
}

#cart_items_details .btn.red:focus{
    background: var(--bs-color_1) !important;
    border-color: var(--bs-color_1) !important;
}

.course-content-area .description-content img {
    max-width: 100%;
}


.btn.blue{
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
    padding: 11px 12px;
    font-size: 15px;
    border-radius: 2px;
    line-height: 1.35135;
    font-weight: 600;
}
.btn.blue:hover{
    background-color: #1357bd !important;
    border-color: #1357bd !important;
    color: #fff;
}
.btn.blue:focus {
    background-color: #04996c !important;
    border-color: #04996c !important;
    color: #fff;
}

.u-displayFlex{
    display: flex;
}
@media screen and (min-width: 767px) {
    .u-flexSwitchRow{
        flex-direction: row;
    }
}

.course-sidebar-text-box .buy-btns .btn-buy,
.course-sidebar-text-box .buy-btns .btn-buy:focus{
    background: green !important;
    color: #FFF !important;
    border-color: green !important;
}
.course-sidebar-text-box .buy-btns .btn-buy:hover{
    background: rgb(1, 99, 1) !important;
    border-color: rgb(1, 99, 1) !important;
}

.course-sidebar-text-box .buy-btns .btn-buy-now,
.course-sidebar-text-box .buy-btns .btn-buy-now:focus{
    color: green !important;
    background-color: #FFFFFF !important;
    border-color: green !important;
}
.course-sidebar-text-box .buy-btns .btn-buy-now:hover{
    color: #FFFFFF !important;
    background: rgb(1, 99, 1) !important;
    border-color: rgb(1, 99, 1) !important;
}
.course-content-area .description-content a{
    color: #0d6efd;
    text-decoration: underline;
}
.course-content-area .description-content a:hover{
    color: #03409b;
}

/* BANNER */
.home-banner-text{
}
.home-banner-area{
    height: auto;
    background-repeat: no-repeat !important;
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
    background-size: 100%;
    background-position-y: top;

}
.home-banner-area .col{
}

.home-banner-area .home-banner-text .Title{
    font-size: 24px;
    line-height: 120%;
}
.home-banner-area .home-banner-text .Description{
    font-size: 16px;
    line-height: 120%;
}
/* RIGHT */
.BannerStyle--image_bg_info_right{
    background-position-x: center !important;
}
.BannerStyle--image_bg_info_right .row{}
.BannerStyle--image_bg_info_right .row .col{
    display: flex !important;
    justify-content: center !important;
}
.BannerStyle--image_bg_info_right .row .col .home-banner-text{
    text-align: center;
}
.BannerStyle--image_bg_info_right .row .col .home-banner-text .Title{}
.BannerStyle--image_bg_info_right .row .col .home-banner-text .Description{}
.BannerStyle--image_bg_info_right .row .col .home-banner-text .btn{}

/* LEFT */
.BannerStyle--image_bg_info_left{
    background-position-x: center !important;
}
.BannerStyle--image_bg_info_left .row{}
.BannerStyle--image_bg_info_left .row .col{
    display: flex !important;
    justify-content: center !important;
}
.BannerStyle--image_bg_info_left .row .col .home-banner-text{
    text-align: center;
}
.BannerStyle--image_bg_info_left .row .col .home-banner-text .Title{}
.BannerStyle--image_bg_info_left .row .col .home-banner-text .Description{}
.BannerStyle--image_bg_info_left .row .col .home-banner-text .btn{}

/* CENTER */
.BannerStyle--image_bg_info_center{
    background-position-x: center !important;

}
.BannerStyle--image_bg_info_center .row{}
.BannerStyle--image_bg_info_center .row .col{
    display: flex !important;
    justify-content: center !important;
}
.BannerStyle--image_bg_info_center .row .col .home-banner-text{
    text-align: center;
}
.BannerStyle--image_bg_info_center .row .col .home-banner-text .Title{}
.BannerStyle--image_bg_info_center .row .col .home-banner-text .Description{}
.BannerStyle--image_bg_info_center .row .col .home-banner-text .btn{}

/* BG CENTER */
.BannerStyle--only_image_bg{
    background-size: cover;
    min-height: 480px;
}
.BannerStyle--only_image_bg .row{}
.BannerStyle--only_image_bg .row .col{
    display: flex !important;
    justify-content: center !important;
}
.BannerStyle--only_image_bg .row .col .home-banner-text{
    text-align: center;
}
.BannerStyle--only_image_bg .row .col .home-banner-text .Title{}
.BannerStyle--only_image_bg .row .col .home-banner-text .Description{}
.BannerStyle--only_image_bg .row .col .home-banner-text .btn{}

.Link--only_image_bg{
    position: absolute;
    display: block;
    z-index: 2;
    width:100%;
    height: 100%;
}

@media screen and (min-width:767px){
    .home-banner-area{
        height: 75vh;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .home-banner-area .col{
        padding-top: 0px;
    }
    
    .home-banner-area .home-banner-text .Title{
        font-size: 40px;
        line-height: 120%;
    }
    .home-banner-area .home-banner-text .Description{
        font-size: 22px;
        line-height: 120%;
    }

/* RIGHT */
.BannerStyle--image_bg_info_right{
    background-position-x: left !important;
    background-size: contain !important;
    display: flex;
    align-items: center;
}
.BannerStyle--image_bg_info_right .row{}
.BannerStyle--image_bg_info_right .row .col{
    display: flex !important;
    justify-content: flex-end !important;
}
.BannerStyle--image_bg_info_right .row .col .home-banner-text{
    text-align: left;
}
.BannerStyle--image_bg_info_right .row .col .home-banner-text .Title{}
.BannerStyle--image_bg_info_right .row .col .home-banner-text .Description{}
.BannerStyle--image_bg_info_right .row .col .home-banner-text .btn{}

/* LEFT */
.BannerStyle--image_bg_info_left{
    background-position-x: right !important;
    background-size: contain !important;
    display: flex;
    align-items: center;
}
.BannerStyle--image_bg_info_left .row{}
.BannerStyle--image_bg_info_left .row .col{
    display: flex !important;
    justify-content: flex-start !important;
}
.BannerStyle--image_bg_info_left .row .col .home-banner-text{
    text-align: left;
}
.BannerStyle--image_bg_info_left .row .col .home-banner-text .Title{}
.BannerStyle--image_bg_info_left .row .col .home-banner-text .Description{}
.BannerStyle--image_bg_info_left .row .col .home-banner-text .btn{}

/* CENTER */
.BannerStyle--image_bg_info_center{
    background-position-x: center !important;
    background-size: contain !important;
    display: flex;
    align-items: center;
}
.BannerStyle--image_bg_info_center .row{}
.BannerStyle--image_bg_info_center .row .col{
    display: flex !important;
    justify-content: center !important;
}
.BannerStyle--image_bg_info_center .row .col .home-banner-text{
    text-align: center;
}
.BannerStyle--image_bg_info_center .row .col .home-banner-text .Title{}
.BannerStyle--image_bg_info_center .row .col .home-banner-text .Description{}
.BannerStyle--image_bg_info_center .row .col .home-banner-text .btn{}

.BannerStyle--only_image_bg{
    background-position-x: center !important;
    background-size: cover;
}
/* CENTER BG */
.BannerStyle--only_image_bg .row{}
.BannerStyle--only_image_bg .row .col{
    display: flex !important;
    justify-content: center !important;
}
.BannerStyle--only_image_bg .row .col .home-banner-text{
    text-align: center;
}
.BannerStyle--only_image_bg .row .col .home-banner-text .Title{}
.BannerStyle--only_image_bg .row .col .home-banner-text .Description{}
.BannerStyle--only_image_bg .row .col .home-banner-text .btn{}

}

.u-darkModeBanner{
    color: #FFFFFF;
}

/* SLIDER CONTROLLS */

#slider-carousel{
    position: relative;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    z-index: 3;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: rgba(0,0,0,0.35) !important;
    width: 70px !important;
    border-radius: 70px !important;
    height: 70px !important;
    -moz-box-shadow: 0px 5px 15px -2px rgb(0 0 0 / 30%);
    -webkit-box-shadow: 0px 5px 15px -2px rgb(0 0 0 / 30%);
    box-shadow: 0px 5px 15px -2px rgb(0 0 0 / 30%);
    color: #FFFFFF !important;
    font-size: 34px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.owl-carousel .owl-nav button span{
    display: block;
    width: 20px;
    height: 10px;
    padding: 0;
    margin: 0;
    line-height: 0px;
}
.owl-carousel .owl-nav .owl-prev{
  left: 1% !important;
}
.owl-carousel .owl-nav .owl-next{
  right: 1% !important;
}

.Section--testimonials{

}

.Section-testimonial-item{
    padding: 30px;
}

.Section-testimonial-item-container{
    box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.25);
    padding: 15px;
    border-radius: 5px;
}

.Section-testimonial-item-figure{
    width: 100px;
    height: 100px;
    border-radius: 100px;
    overflow: hidden;
    margin: -40px auto 0px auto;
    position: relative;
    display: block;
}
.Section-testimonial-item-figure-video{
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    background: #000000;
    transition: all 0.35s;
}
.Section-testimonial-item-figure-video img{
    opacity: 0.65;
    transition: all 0.35s;
}
.Section-testimonial-item-figure-video i{
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    color: #FFFFFF;
    font-size: 40px;
    transition: all 0.35s;
}
.Section-testimonial-item-figure-video span{
    position: absolute;
    z-index: 1;
    top: 80%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    color: #FFFFFF;
    font-size: 40px;
    transition: all 0.35s;
}
.Section-testimonial-item-figure-video span{
    font-size: 15px;
}
.Section-testimonial-item-figure-video span{
    opacity: 0;
}
.Section-testimonial-item-figure-video:hover img{
    opacity: 0.85;
}
.Section-testimonial-item-figure-video:hover i{
    opacity: 0;
}
.Section-testimonial-item-figure-video:hover span{
    opacity: 1;
}
.Section-testimonial-item-title{
    margin-top: 10px;
}

.Section-testimonial-item-description{
    margin-top: 10px;
    width: 100%;
}

.Section-testimonial-item-name{}

.Section-testimonial-item-jobTitle{
    color: #555555;
}
.u-scroll--on .menu-area{
    position: fixed;
    width: 100%;
    left: 0px;
    top: 0px;
}
body.u-scroll--on{
    /* padding-top: 48px; */
}

.CheckoutSteps-items,
.CheckoutSteps-items-item,
.CheckoutSteps-items-item-icon{
    position: relative;
}

.CheckoutSteps-items-item-icon{
    position: relative;
    display: block;
    width: 70px;
    height: 70px;
}
.CheckoutSteps-items-item-icon i{
    font-size: 20px;
}
.CheckoutSteps-items-item-icon span{
    position: absolute;
    width: 70px;
    height: 70px;
    background: #EEEEEE;
    border: 1px solid #CCCCCC;
    border-radius: 70px;
    z-index: 2;
}

.CheckoutSteps-items-item-title{
    font-size: 13px;
    font-weight: 500;
    margin-top: 10px;
}
.CheckoutSteps-items-item.active .CheckoutSteps-items-item-icon span{
    border-color: var(--bs-color_1);
}
.CheckoutSteps-items-item.active .CheckoutSteps-items-item-icon i,
.CheckoutSteps-items-item.active .CheckoutSteps-items-item-title{
    color: var(--bs-color_1) !important;
    font-weight: bold;
}

.CheckoutSteps-items-item-icon:before,
.CheckoutSteps-items-item-icon:after{
    position: absolute;
    content:'';
    width: 100%;
    height: 1px;
    background: #CCC;
    top: 50%;
    transform: translateY(-50%);
    z-index: 0;
}
.CheckoutSteps-items-item-icon:before{
    left: -100%;
}
.CheckoutSteps-items-item-icon:after{
    right: -100%;
}
.CheckoutSteps-items-item:first-child .CheckoutSteps-items-item-icon:before{
    display: none;
}
.CheckoutSteps-items-item:last-child .CheckoutSteps-items-item-icon:after{
    display: none;
}
@media screen and (max-width: 480px){
    .menu-area .navbar{
        display: flex;
        justify-content: flex-start !important;
        flex-wrap: inherit !important;
        align-items: inherit !important;
    }
    .menu-area .navbar .menu-icon-box:not(.has_label) .icon a{
        width: 30px;
        height: 30px;
    }
    .menu-area .navbar .menu-icon-box:not(.has_label) .icon .number{
        top: 9px !important;
        right: -6px !important;
    }
    .menu-area .navbar .mobile-header-buttons{
        display: flex;
    }
    .menu-area .navbar .mobile-header-buttons .mobile-nav-trigger{
        width: 25px !important;
    }
    /* .Notifications{
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
    .Notifications.corner-triangle.top-right::before,
    .Notifications.corner-triangle.top-right::after{
        left: 50% !important;
        right: inherit !important;
        transform: translateX(-50%) !important;
    } */
}
@media screen and (min-width: 480px) {

    .course-sidebar{
        margin-top: -193px;
    }
    .CheckoutSteps-items-item-icon:before,
    .CheckoutSteps-items-item-icon:after{
        position: absolute;
        content:'';
        width: 200%;
        height: 1px;
        background: #CCC;
        top: 50%;
        transform: translateY(-50%);
    }
    .CheckoutSteps-items-item-icon:before{
        left: -200%;
    }
    .CheckoutSteps-items-item-icon:after{
        right: -200%;
    }
    .CheckoutSteps-items-item:first-child .CheckoutSteps-items-item-icon:before{
        display: none;
    }
    .CheckoutSteps-items-item:last-child .CheckoutSteps-items-item-icon:after{
        display: none;
    }
    .CheckoutSteps-items-item-title{
        font-size: 14px;
    }
}
    
@media screen and (min-width:767px){

    .CheckoutSteps-items-item a:hover .CheckoutSteps-items-item-icon span{
        border-color: var(--bs-color_1);
    }
    .CheckoutSteps-items-item a:hover .CheckoutSteps-items-item-icon i,
    .CheckoutSteps-items-item a:hover .CheckoutSteps-items-item-title{
        color: var(--bs-color_1);
    }

    .CheckoutSteps-items-item-icon:before,
    .CheckoutSteps-items-item-icon:after{
        width: 320%;
    }
    .CheckoutSteps-items-item-icon:before{
        left: -320%;
    }
    .CheckoutSteps-items-item-icon:after{
        right: -320%;
    }
    .CheckoutSteps-items-item:first-child .CheckoutSteps-items-item-icon:before{
        display: none;
    }
    .CheckoutSteps-items-item:last-child .CheckoutSteps-items-item-icon:after{
        display: none;
    }
    .CheckoutSteps-items-item-title{
        font-size: 16px;
    }

    body.u-scroll--on{
        /* padding-top: 67px; */
    }
    .course-popover-content .popover-btns .add-to-cart-btn{
        padding: 15px 20px !important;
    }
    .breadcrumb-container{
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

/* NotificationDropDown */

.Notifications-items-item.not_read{
    background: #ddfff5;
    color: green;
}

.Notifications-items-item.not_read:hover{
    background: #c8fcec !important;
}
.Notifications-items-item-title{
    font-size: 14px;
    margin: 0px;
    font-weight: bold;
}

.Notifications-items-item-title small{
    font-size: 12px;
    margin: 0px 0px 5px 0px;
    font-weight: normal;
}
.Notifications-items-item-description small{
    font-size: 12px;
}
.ebook-card {
    min-height: inherit !important;
    border-radius: 7px;
}

.ebook-card .image{
    border-radius: 5px;
}

.ebook-card .middle{
    position: relative;
    display: block;
    opacity: 1;
    margin: 0px 0px 0px 0px;
}
.ebook-card .view-details{
    position: relative;
    display: block;
    margin-bottom: 25px;
}

.course-bundle-header{
    background-color: var(--bs-color_2) !important;
}

.course-bundle-box{
    background-color: #e5f0ff !important;
}
.bundle-buy-button{
    margin-top: 0px;
}
.bundle-bg-image{
    min-height: 200px;
    height: inherit;
}
.BundleDetail .bundle-buy-button a.btn{
    
}
.ModalNotifications.card{
    margin: 20px;
}
.BgLight{
    color: var(--bs-color_8) !important;
}
.course-list-dropdown .item-list ul li{
    padding: 10px 10px 0px 10px;
}
.Notifications-items-item-dropDown-items-item-link{
    border-radius: 5px;
    padding: 10px;
}
.Notifications-items-item-dropDown-items-item-link:hover{
    background: #EEEEEE !important;
}
.Notifications-items-item-dropDown-items-item-link.Not_read{
    background: var(--bs-color_7);
}
.Notifications-items-item-dropDown-items-item-link.Not_read:hover{
    background: var(--bs-color_5);
}
.Notifications-items-item-description{
    margin: 0px !important;
}
.course-list-dropdown .item-list ul li:hover{
    background: inherit !important;
}
.home-banner-wrap .btn{
    background: var(--bs-color_1) !important;
}
section.page-header-area.my-course-area ul li.active a, 
section.page-header-area.my-course-area ul li a:hover {
    border: 1px solid var(--bs-color_1) !important;
    background-color: var(--bs-color_1) !important;
}
.common-search-box button {
    background-color: var(--bs-color_1) !important;
    border-color: var(--bs-color_1)
}
.cartButton{
    display: none !important;
}
.ButtomShow.cartButton{
    display: inline-block !important;
}
.FooterContacts {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.barContacts{
    background: var(--bs-color_8);
    color: var(--bs-color_5);
}
.FooterContacts .FooterContacts-item{
    margin: 10px 0px 10px 0px;
    font-size: 22px;
    font-weight: bold;
    color: var(--bs-color_5);
}

.FooterContacts .FooterContacts-item i{
    margin-right: 10px;
    font-size: 18px;
    color: var(--bs-color_5);
}
.FooterContacts-item--email,
.FooterContacts-item--email small{
    font-size: 14px !important;
    font-weight: normal !important;
}

.FooterAddress ul{
    list-style: none !important;
    display: flex;
    flex-direction: column;
}

.FooterAddress ul li{
    margin: 10px 0px 10px 0px;
    padding: 0px 0px 30px 0px;
    font-size: 16px;
    color: var(--bs-color_5);
}
.FooterAddress ul li:last-child{
    padding: 0px;
}

@media screen and (min-width: 480px){
    .FooterAddress ul li{
        padding: 0px 50px 0px 0px;
    }
    .FooterAddress ul li:last-child{
        padding: 0px;
    }
}
.course-box-wrap--bundles a{
    color: var(--bs-color_8);
}
.u-Price{
    font-size: 16px;
    font-weight: bold;
}
.u-priceOld{
    text-decoration: line-through;
    font-size: 14px;
    color: var(--bs-color_8);
}

.section-list i.mdi{}

.NavItems{
    list-style: none;
    margin: 0px;
    padding: 0px;
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: space-between;

}
.NavItems-item{
    margin: 0px;
    padding: 0px;
    height: 100%;
}
.NavItems-item-link{
    padding: 0 20px;
    height: 100%;
    display: flex;
    align-items: center;
}

.TopNav{
    background: var(--bs-color_2) !important;
    height: 48px;
    position: relative;
    display: flex;
    font-size: 13px;
}
.TopNav:after{
    position: absolute;
    left: 50%;
    bottom: -30px;
    transform: translateX(-50%);
    width: 50%;
    height: 20px;
    box-shadow: 0px -10px 35px -5px rgba(0,0,0,0.90);
    content: '';
}

.TopNav-container{
    position: relative;
    display: flex;
}
.TopNav-menu{
    width: 100%;
    padding-right: 25px;
    padding: 2.5px 0px;
    height: 100%;
}
.TopNav-menu .mobile-header-buttons {
    padding: 0px;
    color: #FFFFFF;
}
.TopNav-menu .mobile-header-buttons a.mobile-nav-trigger span,
.TopNav-menu .mobile-header-buttons a.mobile-nav-trigger span:before,
.TopNav-menu .mobile-header-buttons a.mobile-nav-trigger span:after{
    color: #FFFFFF;
    background: #FFFFFF;
}
.TopNav-menu .mobile-header-buttons a.mobile-search-trigger:before{
    border-color: #FFFFFF !important;
}
.TopNav-menu .mobile-header-buttons a.mobile-search-trigger:after,
.TopNav-menu .mobile-header-buttons a.mobile-search-trigger span:before,
.TopNav-menu .mobile-header-buttons a.mobile-search-trigger span:after{
    background: #FFF;
}

.TopNav-menu-items{
    color: var(--bs-color_5);
}
.TopNav-menu-items-item{
   
}
.TopNav-menu-items-item-link{
    color: #FFFFFF;
    font-weight: 500;
}

.TopNav-menu-items-item-link:hover{
    color: var(--bs-color_4);
}

.TopNav-menu-contacts{
    width: 200px;
}
.TopNav-menu-contacts-items{
    position: relative;
    display: flex;
    width: 100%;
}
.TopNav-menu-contacts-items-item{
    width: 50%;
    padding-left: 25px;
}
.TopNav-contacts{
    width: 300px;
    padding: 10px 0px 10px 50px;
}
.TopNav-contacts-items{
    /* display: flex;
    list-style: none;
    margin: 0px;
    padding: 0px;
    justify-content: space-between;
    height: 100%; */
}
.TopNav-contacts-items-item{
    height: 100%;
    align-items: center;
    display: flex;
}
.TopNav-contacts-items-item-link{
    color: var(--bs-color_9);
}
a.TopNav-contacts-items-item-link:hover{
    color: var(--bs-color_4);
}
.menu-area{
    height: 62px !important;
}
.Site-header-search-container{}
.Site-header-search-container-form{
    height: 45px;
    border: 1px solid var(--bs-color_9) !important;
    background: var(--bs-color_7) !important;
    border-radius: 5px;
    padding: 0px;
    box-shadow: 0px 7px 10px -2px rgba(5,111,181,0.25);
}
.Site-header-search-container-form .input-group{
    height: 100%;
    padding: 0px;
    position: relative;
}
.Site-header-search-container-button{
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 6px 10px 6px 10px;
    border-radius: 0px 5px 5px 0px;
}

.Site-header-search-container-form .IconSearchInputForm{
    position: absolute;
    display: block;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    color: var(--bs-color_9);
}

.Site-header-search-container-form-inputText{
    height: 100% !important;
    margin: 0px;
    padding-left: 35px !important;
    font-weight: bold;
    color: var(--bs-color_9);
    border: none !important;
    background: none !important;
}
.Site-header-search-container-form .input-group-append i{
    font-size: 14px !important;
}
.Site-header-search-container-form .input-group-append .btn{
    padding: 5px 10px;
    border-radius: 3px;
    line-height: 100%;
}

.search-box .input-group-append{
    background-color: none !important;
}
.navbarMain{
    display: flex;
    align-items: center;
}
.NavCategories{
    padding: 2.5px 0px;
    position: relative;
    margin-top: 83px;
}
.NavCategories:before{
    position: absolute;
    left: 50%;
    top: -20px;
    transform: translateX(-50%);
    width: 50%;
    height: 20px;
    content: '';
    z-index: 2;
}
body:not(.is-scrollOn) .NavCategories:before{
    box-shadow: 0px 5px 35px -5px rgba(5,111,181,0.80);
    transition: all 0.35s;
    transition-delay: 0.15s;
}
.NavCategories-menu-items-item-link{
    padding: 10px 20px;
    font-weight: 600;
    color: #000000;
    font-size: 14px;
}
.sign-in-box-link{
    display: flex;
    position: relative;
    align-items: center;
    color: var(--bs-color_1);
    margin: 0px 15px;
}
.sign-in-box-link i{
    font-size: 18px;
}
.sign-in-box-link span{
    font-size: 14px;
    font-weight: 600;
}
.sign-in-box-link i{
    margin-right: 5px;
}
.sign-in-box .Btn-register{
    border-radius: 3px !important;
}

.BtnShadow{
    box-shadow: 0px 7px 10px -2px rgba(5,111,181,0.25);
}
.IconsHeader i,
.menu-icon-box i{
    color: var(--bs-color_9);
}

.menu-area.navbarMain{
    position: absolute;
    top: 48px;
    width: 100%;
    transition: all 0.35s;
}

@media screen and (max-width: 767px) {
    

    .u-onlyDesktop{
        display: none !important;
    }
    .u-onlyMobile{
        /* display: block !important; */
    }
    .menu-icon-box.has_label > div{
        height: 100%;
    }
    .menu-icon-box.has_label > div > a{
        padding: 0px !important;
        margin-bottom: 0px !important;
        margin-top: 0px !important;
        height: 100%;
        display: flex;
        align-items: center;
    }
    .menu-icon-box.has_label > div > a i{
        font-size: 20px;
    }
    .TopNav-menu{
        width: 30% !important;
    }
    .TopNav-contacts{
        padding-left: 0px;
        width: 70% !important;
    }
    .NavItems-item-link{
        padding: 0px 5px;
    }
}


@media screen and (min-width: 767px) {
    .menu-area{
        height: 88px !important;
        border-bottom: 1px solid var(--bs-color_9);
    }

    .u-onlyDesktop{
        /* display: block !important; */

    }
    .u-onlyMobile{
        display: none !important;
    }
    .TopNav-menu{
        width: calc(100% - 300px);
        padding-right: 50px;
    }
}


body.is-scrollOn .menu-area.navbarMain{
    position: fixed;
    width: 100%;
    z-index: 9999;
    top: 0;
    box-shadow: 0px 5px 30px -5px rgba(0,0,0,0.25);
    border: none !important;
}
body.is-scrollOn .main-nav-wrap.u-onlyMobile{
    display: block !important;
}

/* FOOTER */
.Site-footer--follow{
    background: var(--bs-color_11);
}
.Site-footer--follow-title{
    font-size: 14px;
    color: var(--bs-color_1);
    font-weight: bold;
}

@media screen and (min-width: 767px) {
    .Site-footer--follow-title{
        font-size: 22px;
    } 
}
.Site-footer--follow-socialMedia .NavItems-item-link{
    width: 62px;
    height: 62px;
    background: #FFF;
    border-radius: 3px;
    justify-content: center;
}
.Site-footer--follow-socialMedia .NavItems-item-link i{
    font-size: 20px;
    color: var(--bs-color_2);
}
.Site-footer--follow-socialMedia .NavItems-item-link:hover{
    background: var(--bs-color_2);
    color: #FFFFFF;
}
.Site-footer--follow-socialMedia .NavItems-item-link:hover i{
    color: #FFFFFF;
}
.Site-footer--nav{
    background: var(--bs-color_10);
}
.Site-footer--nav-header{
    font-size: 22px;
    color: var(--bs-color_8);
    font-weight: lighter;
}
.Site-footer-nav-items{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.Site-footer-nav-items-item{
    font-size: 14px;
    color: var(--bs-color_12);
    margin: 2.5px 0px;
    padding: 2.5px 0px;
}
.Site-footer-nav-items-item-link{
    color: var(--bs-color_2);
    font-weight: bold;
}
.Site-footer-states .Site-footer-nav-items-item{
    margin: 2.5px;
    padding: 2.5px;
}
.Site-footer--faq{
    background: var(--bs-color_1);
}
.Site-footer--faq-header{
    background: var(--bs-color_14);
    padding: 15px;
    border-radius: 5px 5px 0px 0px;
}
.Site-footer--faq-nav{
    background: var(--bs-color_14);
    border-radius: 0px 0px 5px 5px;
}
.Site-footer--faq-nav-items{
    list-style: none;
    border-radius: 0px 0px 5px 5px;
    padding: 0px 15px 10px 15px;
}
.Site-footer--faq-nav-items-item{
    background: var(--bs-color_15);
    border-radius: 5px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding: 7px;
}
.Site-footer--faq-nav-items-item-link{
    padding: 0px 0px 7px 0px;
}
.Site-footer--faq-nav-items-item-link i{
    font-size: 10px;
}
.Site-footer--copyright{
    background: var(--bs-color_15);
}
/* Styles General */
.u-boxShadow_1{
    box-shadow: 0px 7px 10px -2px rgba(5,111,181,0.25);
}
/* FORM */


.Form--lighter.Form--inLine{
    height: 64px;
    border: 1px solid var(--bs-color_9) !important;
    background: var(--bs-color_7) !important;
    border-radius: 5px;
    padding: 0px;
}

.Form-row{
    padding: 0px;
    position: relative;
}
.Form--lighter.Form--inLine .Form-row{
    height: 100%;
}
/* .Site-header-search-container-button{
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 6px 10px 6px 10px;
    border-radius: 0px 5px 5px 0px;
} */

.Form-input-icon{
    position: absolute;
    display: block;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    color: var(--bs-color_9);
}

.Form-inputText{
    height: 100% !important;
    margin: 0px;
    padding: 5px 50px 5px 35px;
    font-weight: bold;
    color: var(--bs-color_9);
    border: none !important;
    background: none !important;
}
.Form-inputSubmit{
    font-size: 14px;
    font-weight: bold;
    padding: 5px 25px;
    border-radius: 3px;
    line-height: 100%;
}
.Form--lighter.Form--inLine .Form-inputSubmit{
    background: var(--bs-color_1);
    color: #FFFFFF;
    border: 2px solid var(--bs-color_1);
    position: absolute;
    top: 5px;
    right: 5px;
    height: 52px;
    transition: all 0.3s;
}

.Form--lighter.Form--inLine .Form-inputSubmit:hover{
    background-color: var(--bs-color_2);
}

.Site-header-search-container-form .input-group-append i{
    font-size: 14px !important;
}
.Site-header-search-container-form .input-group-append .btn{
    padding: 5px 10px;
    border-radius: 3px;
    line-height: 100%;
}

.popover-btns{
    margin-top: 50px;
    padding-right: 65px;
    position: relative;
    margin-bottom: 15px;
    text-align: left;
    white-space: normal;
}
.popover-btns .add-to-cart-btn {
    width: auto;
    padding: 13px 35px;
    border-radius: 10px;
    font-size: 14px;
}
.course-details .popover-btns{
    margin-top: 25px;
}
.course-details .popover-btns .wishlist-btn{
    border: 1px solid var(--bs-color_1) !important;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    padding: 0;
    background: transparent;
}
.course-details .popover-btns .wishlist-btn i {
    -webkit-text-stroke: 1px var(--bs-color_1) !important;
    color: transparent;
}
.course-details .popover-btns .wishlist-btn:hover i {
    color: var(--bs-color_1);
}
.course-details .title a {
    color: #000000 !important;
}
@media screen and (min-width: 767px) {
    .popover-btns .add-to-cart-btn {
        padding: 15px 20px !important;
    }
}


/* Checkout */

.payment-header-text {
    font-size: 23px;

}

.close-btn-light {
    padding-left: 10px;
    padding-right: 10px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 25px;
    background-color: #F1EAE9;
    color: #a45e72;
    border-radius: 5px;
}

.close-btn-light:hover {
    padding-left: 10px;
    padding-right: 10px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 25px;
    background-color: #a45e72;
    color: #FFFFFF;
    border-radius: 5px;
}

.payment-header {
    font-size: 14px;
}

.item {
    width: 100%;
    height: 50px;
    display: block;
}

.count-item {
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 5px;
    padding-bottom: 5px;

    margin-bottom: 100%;
    margin-right: 18px;
    margin-top: 8px;

    color: #00B491;
    background-color: #DEF6F3;
    border-radius: 5px;
    float: left;
}

.item-title {
    font-weight: bold;
    font-size: 13.5px;
    display: block;
    margin-top: 6px;
}

.item-price {
    float: right;
    color: #00B491;
}

.by-owner {
    font-size: 11px;
    color: #76767E;
    display: block;
    margin-top: -3px;
}

.total {
    border-radius: 8px 0px 0px 8px;
    background-color: #DBF3F0;
    padding: 10px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 18px;
}

.total-price {
    border-radius: 0px 8px 8px 0px;
    background-color: #CCD4DD;
    padding: 10px;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 18px;
}

.indicated-price {
    padding-bottom: 20px;
    margin-bottom: 0px;
}

.payment-button {
    background-color: #1DBDA0;
    border-radius: 8px;
    padding: 10px;
    padding-left: 30px;
    padding-right: 30px;
    color: #fff;
    border: none;
    font-size: 18px;
}

.payment-gateway {
    border: 2px solid #D3DCDD;
    border-radius: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    cursor: pointer;
}

.payment-gateway:hover {
    border: 2px solid #00D04F;
    border-radius: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    cursor: pointer;
}

.payment-gateway-icon {
    width: 80%;
    float: right;
}

.tick-icon {
    margin: 0px;
    padding: 0px;
    width: 15%;
    float: left;
    display: none;
}

.paypal-form,
.stripe-form,
.razorpay-form {
    display: none;
}

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

    .paypal,
    .stripe,
    .paytm,
    .paystack,
    .payumoney,
    .razorpay {
        margin-left: 5px;
        width: 70%;
    }
}

.ContainerPayButtom{
position: relative;
display: flex;
justify-items: space-between;
flex-direction: row;
}
.ContainerPayButtom .payment-button{
position: relative;
height: auto;
padding: 0px;
text-align: center;
margin: 0px 1% 0px 1%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
color: #FFFFFF;
text-decoration: none;
}
.ContainerPayButtom i{
font-family: "Font Awesome 5 Free" !important;
}
.ContainerPayButtom .payment-button .Buttom-label{
padding: 15px 30px 15px 30px;
line-height: 120%;
flex: 1;
display: flex;
align-items: center;
font-size: 17px;
font-weight: bold;

}
.ContainerPayButtom .payment-button .Buttom-value{
background: rgba(0,0,0,0.5);
width: 100%;
border-radius: 0px 0px 8px 8px;
padding: 10px 30px 15px 30px;
font-size: 14px;
font-weight: normal;

transition: all 0.3s;
-webkit-transition: all 0.3s;
-ms-webkit-transition: all 0.3s;
}
.ContainerPayButtom .payment-button:hover .Buttom-value{
background: rgba(0,0,0,0.75);
}

.payment-button--installments{
background: #0d6efd;
}
.payment-button--installments:hover{
background: #1357bd;
}
.payment-button--cash{
background: #29AC94;
}
.payment-button--cash:hover{
background: #14806C;
}

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

.paypal, .stripe, .paytm, .paystack, .payumoney, .razorpay {
    margin-left: 5px;
    width: 70%;
}
.ContainerPayButtom{
    flex-direction: column;
}
.ContainerPayButtom .payment-button{
    width: 100%;
    margin: 0px 0px 15px 0px;
}

}


/* STEPS */


.CheckoutSteps-items,
.CheckoutSteps-items-item,
.CheckoutSteps-items-item-icon{
position: relative;
padding: 0px;
}
.CheckoutSteps-items-item a{
text-decoration: none;
}
.CheckoutSteps-items-item-icon{
position: relative;
display: block;
width: 70px;
height: 70px;
}
.CheckoutSteps-items-item-icon i{
font-size: 20px;
}
.CheckoutSteps-items-item-icon span{
position: absolute;
width: 70px;
height: 70px;
background: #EEEEEE;
border: 1px solid #CCCCCC;
border-radius: 70px;
z-index: 2;
}

.CheckoutSteps-items-item-title{
font-size: 13px;
font-weight: 500;
margin-top: 10px;
}
.CheckoutSteps-items-item.active .CheckoutSteps-items-item-icon span{
border-color: #0d6efd;
}
.CheckoutSteps-items-item.active .CheckoutSteps-items-item-icon i,
.CheckoutSteps-items-item.active .CheckoutSteps-items-item-title{
color: #0d6efd !important;
font-weight: bold;
}

.CheckoutSteps-items-item-icon:before,
.CheckoutSteps-items-item-icon:after{
position: absolute;
content:'';
width: 100%;
height: 1px;
background: #CCC;
top: 50%;
transform: translateY(-50%);
z-index: 0;
}
.CheckoutSteps-items-item-icon:before{
left: -100%;
}
.CheckoutSteps-items-item-icon:after{
right: -100%;
}
.CheckoutSteps-items-item:first-child .CheckoutSteps-items-item-icon:before{
display: none;
}
.CheckoutSteps-items-item:last-child .CheckoutSteps-items-item-icon:after{
display: none;
}
@media screen and (min-width: 480px) {
.CheckoutSteps-items-item-icon:before,
.CheckoutSteps-items-item-icon:after{
    position: absolute;
    content:'';
    width: 200%;
    height: 1px;
    background: #CCC;
    top: 50%;
    transform: translateY(-50%);
}
.CheckoutSteps-items-item-icon:before{
    left: -200%;
}
.CheckoutSteps-items-item-icon:after{
    right: -200%;
}
.CheckoutSteps-items-item:first-child .CheckoutSteps-items-item-icon:before{
    display: none;
}
.CheckoutSteps-items-item:last-child .CheckoutSteps-items-item-icon:after{
    display: none;
}
.CheckoutSteps-items-item-title{
    font-size: 14px;
}
}

@media screen and (min-width:767px){

.CheckoutSteps-items-item a:hover .CheckoutSteps-items-item-icon span{
    border-color: #0d6efd;
}
.CheckoutSteps-items-item a:hover .CheckoutSteps-items-item-icon i,
.CheckoutSteps-items-item a:hover .CheckoutSteps-items-item-title{
    color: #0d6efd;
}

.CheckoutSteps-items-item-icon:before,
.CheckoutSteps-items-item-icon:after{
    width: 320%;
}
.CheckoutSteps-items-item-icon:before{
    left: -320%;
}
.CheckoutSteps-items-item-icon:after{
    right: -320%;
}
.CheckoutSteps-items-item:first-child .CheckoutSteps-items-item-icon:before{
    display: none;
}
.CheckoutSteps-items-item:last-child .CheckoutSteps-items-item-icon:after{
    display: none;
}
.CheckoutSteps-items-item-title{
    font-size: 16px;
}

body.u-scroll--on{
    padding-top: 67px;
}
.course-popover-content .popover-btns .add-to-cart-btn{
    padding: 15px 20px !important;
}
.breadcrumb-container{
    padding-top: 50px;
    padding-bottom: 50px;
}
}
.item-price .old-price{
font-weight: lighter !important;
color: #777777 !important;
text-decoration: line-through;
}
/* End Checkout */


.CheckoutPage{}
.CheckoutPage-header{}
.CheckoutPage-content{}

.Content-box{
    background: var(--bs-color_0);
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0px 10px 30px -5px rgba(16, 60, 79, 0.20);
}

.Content-box .linkText{
    color: var(--bs-color_1);
    text-decoration: underline;
}
.Content-box .linkText:hover{
    color: var(--bs-color_2) !important;
    text-decoration: none;
}
.Content-box-header{}
.Content-box-header-title{
    font-size: 20px;
    font-weight: bold;
    color: var(--bs-color_12);
}
.Content-box-title{
    font-weight: 300;
    font-size: 20px;
}
.Content-box-title strong{
    font-weight: 700;
}
/* Toggle */
.ToggleContent{
    display: none;
}
.ToggleContent--active{
    display: block !important;
}
.ItemsPrice-subtotal{
    position: relative;
    border-radius: 5px;
    background: var(--bs-color_13);
    padding: 5px 10px;
    margin-bottom: 10px;
    font-size: 14px;
    justify-content: flex-end;
}
.ItemsPrice-total{
    position: relative;
    border-radius: 5px;
    background: var(--bs-color_7);
    padding: 5px 10px;
    font-size: 18px;
    justify-content: flex-end;
}
.ItemsPrice-label{
    margin-right: 5px;
}
.ItemsPrice-value{}
.ItemsPrice hr{
    margin: 0px 0px 20px 0px;
}
.PaymentMethods-items{
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.PaymentMethods-items-item{
    position:relative;
    padding: 0px;
    margin: 0px 0px 10px 0px;
    background: var(--bs-color_11);
    border-radius: 5px;
}
.PaymentMethods-items-item .spinner{
    display: flex;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    background: rgba(255,255,255,0.75);
    z-index: 5;
    justify-content: center;
    align-items: center;
}
.PaymentMethods-items-item .spinner.hidden{
    display: none !important;
}
.PaymentMethods-items-item:hover,
.PaymentMethods-items-item.active{
    background: var(--bs-color_7);
}
.PaymentMethods-items-item-container-content{
    padding: 0px 20px;
}
.PaymentMethods-items-item-container-header{
    padding: 20px 20px 15px 20px;
    display: flex;
    cursor: pointer;
}
.PaymentMethods-items-item-container-header-icon{
    width: auto;
    height: 20px;
    margin: 0px 10px 0px 0px;
}
.PaymentMethods-items-item-container-header-title{
    font-size: 18px;
    font-weight: 300;
    line-height: 100%;
    margin: 0px;
    padding: 0px;
}
.PaymentMethods-items-item-container-header-title strong{
    font-weight: bold;
}
.PaymentMethods-items-item-container-content{
    display: none;
}
.input-group.form-floating > label{
    left: 38px !important;
    z-index: 10 !important;
}

.inputRequiredError{
    border: 1px solid red !Important;
}
.inputRequiredSuccess{
    border: 1px solid green !Important;
}
.TogglePaymentMethodsContent--response .GuidePayment-items{
    margin: 0px !important;
    padding: 0px 20px !important;
    width: 100% !important;
}
.TogglePaymentMethodsContent--response .GuidePayment-items-item{
    margin: 5px 0px !important;
    padding: 5px 0px !important;
    font-size: 13px !important;
}
.GuidePayment-items-item-icon{
    position: absolute;
    left: 0px;
}
.TogglePaymentMethodsContent--response .InforPayment-items{
    margin: 0px !important;
    padding: 0px 20px !important;
    width: 100% !important;
}
.TogglePaymentMethodsContent--response .InforPayment-items-item{
    margin: 5px 0px !important;
    padding: 5px 0px !important;
    font-size: 13px !important;
}
.CheckoutStepPageOrder{
    position: relative;
    display: flex;
    width: 100% !important;
    flex-direction: column;
}
.CheckoutStepPageOrder .Resume,
.CheckoutStepPageOrder .PaymentForm{
    flex: 1;
}
.CheckoutStepPageOrder--user_form{
    
}
@media screen and (min-width:767px){
    .CheckoutStepPageOrder{
        flex-direction: row;
    }
    .CheckoutStepPageOrder .PaymentForm{
        margin-left: 30px;
    } 
    .CheckoutStepPageOrder--user_form{
        flex-direction: column !important;
    }
    .CheckoutStepPageOrder--user_form .PaymentForm{
        margin-left: 0px;
    }
}
/* =================================================== */
/* Minha conta */
/* =================================================== */
.Section--intro{
    background: #FFEEB0;
}
.Section--intro h1,
.Section--intro h2,
.Section--intro h3,
.Section--intro h4{
    margin: 0px;
    padding: 0px;
}

.Section-navigation{
    display: flex;
}
.Section-navigation-header{}
.Section-navigation-header-title{
    display: flex;
    padding: 10px 0px;
    color: #7D7557;
    align-items: center;
}

.Section-navigation-header-title-text{
    font-size: 13px;
    font-weight: bold;
    line-height: 120%;
}
.Section-navigation-icon{
    margin: 0px;
    margin-right: 1.5px;
}
.Section-navigation-items{
    list-style: none;
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin: 0px;
    padding: 0px;
    padding-left: 30px;
}
.Section-navigation-items-item{}
.Section-navigation-items-item-link{
    display: flex;
    padding: 10px 10px 10px 0px;
    position: relative;
}
.Section-navigation-items-item-link.active:after{
    position: absolute;
    display: block;
    width: 100%;
    height: 4px;
    content: '';
    background: var(--bs-color_1);
    bottom: 0px;
    left: 0px;
}
.Section-navigation-items-item-link-text{
    font-size: 13px;
    font-weight: bold;
    line-height: 120%;
}

/* sprites Icon */
.FigureIcon{
    position: relative;
    display: block;
    width: 22px;
    height: 22px;
}
.FigureIcon--account{
    background-image: url('/assets/frontend/eduplataformav3/img/sprites.png'); 
    /* /apps/LMS/lms-59 */
    background-position: 0px 0px;
}
.FigureIcon--myCourses{
    background-image: url('/assets/frontend/eduplataformav3/img/sprites.png');
    background-position: -22px 0px;
}
.FigureIcon--myBundles{
    background-image: url('/assets/frontend/eduplataformav3/img/sprites.png');
    background-position: -44px 0px;
}
.FigureIcon--mySubscriptions{
    background-image: url('/assets/frontend/eduplataformav3/img/sprites.png');
    background-position: -66px 0px;
}
.FigureIcon--myLives{
    background-image: url('/assets/frontend/eduplataformav3/img/sprites.png');
    background-position: -88px 0px;
}
.FigureIcon--myWishlist{
    background-image: url('/assets/frontend/eduplataformav3/img/sprites.png');
    background-position: -110px 0px;
}
.FigureIcon--myMessages{
    background-image: url('/assets/frontend/eduplataformav3/img/sprites.png');
    background-position: -132px 0px;
}
.FigureIcon--myOrders{
    background-image: url('/assets/frontend/eduplataformav3/img/sprites.png');
    background-position: -154px 0px;
}
.FigureIcon--myPofile{
    background-image: url('/assets/frontend/eduplataformav3/img/sprites.png');
    background-position: -176px 0px;
}
.FigureIcon--myEbooks{
    background-image: url('/assets/frontend/eduplataformav3/img/sprites.png');
    background-position: -198px 0px;
}
.FigureIcon--myCourse{
    background-image: url('/assets/frontend/eduplataformav3/img/sprites.png');
    background-position: -220px 0px;
}
.FigureIcon--courseContents{
    background-image: url('/assets/frontend/eduplataformav3/img/sprites.png');
    background-position: -242px 0px;
}
.FigureIcon--courseForum{
    background-image: url('/assets/frontend/eduplataformav3/img/sprites.png');
    background-position: -264px 0px;
}
.FigureIcon--courseAssignment{
    background-image: url('/assets/frontend/eduplataformav3/img/sprites.png');
    background-position: -286px 0px;
}
.FigureIcon--courseCertificate{
    background-image: url('/assets/frontend/eduplataformav3/img/sprites.png');
    background-position: -308px 0px;
}
.FigureIcon--courseAbout{
    background-image: url('/assets/frontend/eduplataformav3/img/sprites.png');
    background-position: -330px 0px;
}
/*  */
.FigureIcon--myCourse--light{
    background-image: url('/assets/frontend/eduplataformav3/img/sprites.png');
    background-position: -359px 0px;
    width: 52px;
    height: 47px;
}
.FigureIcon--myBundles--light{
    background-image: url('/assets/frontend/eduplataformav3/img/sprites.png');
    background-position: -408px 0px;
    width: 52px;
    height: 47px;
}
.FigureIcon--myEbooks--light{
    background-image: url('/assets/frontend/eduplataformav3/img/sprites.png');
    background-position: -460px 0px;
    width: 52px;
    height: 47px;
}

/*  */
.Section-intro-header{
    background: var(--bs-color_2) !important;
    padding: 40px 0px;
}
.Section-intro-header-title{
    color: var(--bs-color_0);
    font-size: 34px;
    font-weight: bold;
    display: flex;
    flex-direction: column;
}
.Section-intro-header-title-small{
    font-size: 18px;
    font-weight: normal;
}
.Section-intro-header-title-text{}

/* End sprites */

/* Course Page */
.CousePage--my_course_contents .CousePage-container .course-box .course-image img{
    max-height: 180px;
    object-fit: cover;
    width: 100%;
}
.CousePage--my_course_contents .CousePage-container .course-box .title{
    margin: 0px;
}
.CousePage .SearchForm-container{
    max-width: 500px;
    width: 100%;
}
@media screen and (min-width: 767px) {
    .CousePage-container--col2{
        padding-left: 40px;
    }
}
.CousePage-lessons-items-item{}
.CousePage-lessons-items-item-header{}
.CousePage-lessons-items-item-actions{
    min-width: 200px;
}
.CousePage-lessons-items-item-actions .btn{
    padding: 7px 14px;
    background: var(--bs-color_1);
    font-size: 14px;
    text-align: center;
    line-height: 100%;
}
.CousePage-lessons-items-item-actions .btn i{
    font-size: 10px;
    margin-left: 5px;
}
.CousePage-lessons-items-item-actions .btn:hover{
    background: var(--bs-color_15);
    border-color: var(--bs-color_15);
}
.CoursePage-attachments-items-item-header{
    padding: 10px 20px !important;
    /* background-color: var(--bs-color_10); */
}

.CoursePage-attachments-items-item-header .float-start{
    margin-right: 5px;
}

.BorderStyles{
    border: 1px solid var(--bs-color_9);
}
.BorderStyles-cols--switch{}

.BorderStyles-cols--switch-left{
    border-bottom: 1px solid var(--bs-color_9);
}
.BorderStyles-cols--switch-right{}
.BorderStyles-cols-col{
    
}
.CoursePage-forum-loop{
    padding: 15px;
}
.CousePage-container.CousePage-container--col2{
    height: auto !important;
}
.CousePage-container.CousePage-container--col2 .CoursePage-attachments-items-item-header{
    padding-bottom: 0px !important;
    display: flex;
    align-items: center;
}
@media screen and (min-width:767px) {
    .BorderStyles-cols--switch-left{
        border-bottom: none;
        border-right: 1px solid var(--bs-color_9);
    }
}
/* FORUM */
.CoursePage-forum-loop-items{
    list-style: none;
    margin: 0;
    padding: 0;
}
.CoursePage-forum-loop-items-item{}
.CoursePage-forum-loop-items-item-link{
    padding: 10px;
    margin: 5px 0px;
    color: var(--bs-color_1);
    background: var(--bs-color_11);
    border-radius: 5px;
    position: relative;
    display: flex;
    flex-direction: column;
}
.CoursePage-forum-loop .CoursePage-forum-loop-items-item-link:hover{
    background: var(--bs-color_9) !important;
}
.CoursePage-forum-loop .CoursePage-forum-loop-items-item-link.active{
    background: var(--bs-color_5);
}
.CoursePage-forum-loop-items-item-link-header{
    display: flex;
    margin-bottom: 3px;
    justify-content: space-between;
}
.CoursePage-forum-loop-items-item-link-title{
    font-size: 14px;
}
.CoursePage-forum-loop-items-item-link-date{
    font-size: 12px;
}
.CoursePage-forum-loop-items-item-link-content{
    font-size: 13px;
    margin: 0px;
}

.CoursePage-forum{}
.CoursePage-forum-loop,
.CoursePage-forum-mainFrame{
    overflow-y: auto;
    height: calc(100vh - 100px);
}
.CoursePage-forum-mainFrame-header{
    border-bottom: 1px solid var(--bs-color_9);
    padding: 15px;
}
.CoursePage-forum-mainFrame-main{
    padding: 15px;
}
.CoursePage-forum-mainFrame-header{
    display: flex;
    justify-content: space-between;
}
.CoursePage-forum-mainFrame-header-date{
    font-size: 15px;
}
.CoursePage-forum-mainFrame-header-date{
    font-size: 13px;
}
.CoursePage-forum-mainFrame-main .CoursePage-forum-loop-items-item:nth-child(odd) .CoursePage-forum-loop-items-item-link{

}
.CoursePage-forum-mainFrame-main .CoursePage-forum-loop-items-item:nth-child(even) .CoursePage-forum-loop-items-item-link{

}

.CoursePage-forum-mainFrame-main .CoursePage-forum-loop-items-item-link:hover{
    background: var(--bs-color_11);
}

.CoursePage-forum-parent{
    position: relative;
    display: block;
    padding: 15px;
    background: var(--bs-color_5);
    margin: 10px 0px;
}
.CoursePage-forum-parent-header{
    font-size: 13px;
}
.CoursePage-forum-parent-description {
    font-size: 18px;
}

@media screen and (min-width:767px) {
    .CoursePage-forum{
        height: calc(100vh - 150px);
    }
    .CoursePage-forum-loop,
    .CoursePage-forum-mainFrame{
        overflow-y: auto;
        height: calc(100vh - 152px);
    }
    
    .CoursePage-forum-mainFrame-main .CoursePage-forum-loop-items-item-link{
        width: 60%;
        margin: 10px 0px;
    }
    .CoursePage-forum-mainFrame-main .CoursePage-forum-loop-items-item:nth-child(odd) .CoursePage-forum-loop-items-item-link{
        margin-right: 40%;
    }
    .CoursePage-forum-mainFrame-main .CoursePage-forum-loop-items-item:nth-child(even) .CoursePage-forum-loop-items-item-link{
        margin-left: 40%;
        background: var(--bs-color_10);
    }
    
}
.CoursePage-certificate .circular-progress{
    width: 180px !important;
    height: 180px !important;
}

.Resume-accessOrderItem-items{
    list-style: none;
    margin: 20px 0px 0px 0px;
    padding: 0px;
    display: flex;
    flex-direction: column;
}
.Resume-accessOrderItem-items-item{
    display: flex;
    flex-direction: row;
}
.Resume-accessOrderItem-items-item-button{
    position: relative !important;
    display: flex !important;
    flex-direction: row !important;
    padding: 20px;
}
.Resume-accessOrderItem-items-item-button-icon{
    margin: 0px 5px 0px 0px;
}
.Resume-accessOrderItem-items-item-button-texts{
    display: flex;
    flex-direction: column;
    text-align: left;
}
.Resume-accessOrderItem-items-item-button-texts-line2{
    font-size: 13px;
    font-weight: normal;
}
.OrderDataPayment-items{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.OrderDataPayment-items-item{
    padding: 0px 10px;
    border: 1px solid #B8D6E8;
    background: #EEF5FA;
    display: flex;
    flex-direction: column;
    box-shadow: 0 2px 1px #dedfe0;
    border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.OrderDataPayment-items-item-label{
    color: #456477;
    font-size:12px;
    font-weight: bold;
    margin: 10px 0px;
}
.OrderDataPayment-items-item-content{
    margin: 0px 0px 10px 0px;
    font-size: 14px;
    color: #000000;
}
.OrderDataPayment-items-item.u-size50of100{
    width: 97.5%;
    margin-left: 1.25%;
    margin-right: 1.25%;
}
.OrderDataPayment-items-item.u-size25of100{
    width: 47.5%;
    margin-left: 1.25%;
    margin-right: 1.25%;
}

.CousePage .CousePage-container{}

.CoursePage-lastLesson-items{
    padding-bottom: 30px;
}

.CousePage .CousePage-container .CoursePage-lastLesson-items-item{
    /* margin-top: 15px; */
}
.CoursePage-lastLesson-items-item .CoursePage-lastLesson-items-item-box{
    margin: 0px !important;
}

.CousePage .CousePage-container .SearchForm-container{
    padding: 0px !important;
    height: 62px;
}

.CousePage .CousePage-container .SearchForm-container .common-search-box input{
    height: 62px;
}
.CousePage .CousePage-container .SearchForm-container .common-search-box input:focus{
    border: none !important;
}
.CousePage .CousePage-container .SearchForm-container .input-group-button{
    display: flex;
    width: 70px;
}
.CousePage .CousePage-container .SearchForm-container .input-group-button button.btn{
    width: 100%;
}

.CousePage .CousePage-container .SearchForm-container .Site-header-search-container-form{
    height: 62px;
}
.CousePage .CousePage-container .SearchForm-container .Site-header-search-container-form{
    height: 64px;
}

.CousePage .CousePage-flags-item{
    background: var(--bs-color_10);
    border-radius: 3px;
    font-size: 13px;
    color: var(--bs-color_2);
    padding: 2.5px 5px;
    margin-left: 2.5px;
    margin-right: 2.5px;
    width: auto !important;
    
}
.CousePage .CousePage-container .CousePage-container-accordion .CousePage-container-accordion-itemTitle{
    background: linear-gradient(0deg, var(--bs-color_16), var(--bs-color_17));
    color: var(--bs-color_1);
}

.u-shadowBox_1{
    box-shadow: 0px 5px 24px -14px var(--bs-color_14) !important;
}
.u-borderRadius5{
    border-radius: 5px;
}

@media screen and (min-width: 767px) {
    .OrderDataPayment-items{
        /* margin: 0px -2.5%; */
    }
    .OrderDataPayment-items-item.u-size50of100{
        width: 47.5%;
        margin-left: 1.25%;
        margin-right: 1.25%;
    }
    .OrderDataPayment-items-item.u-size15of100{
        width: 17.5%;
        margin-left: 1.25%;
        margin-right: 1.25%;
    }
    .OrderDataPayment-items-item.u-size35of100{
        width: 27.5%;
        margin-left: 1.25%;
        margin-right: 1.25%;
    }
    .OrderDataPayment-items-item.u-size25of100{
        width: 22.5%;
        margin-left: 1.25%;
        margin-right: 1.25%;
    }
    .CousePage .CousePage-container{
        margin-top: 0px !important;
        padding-top: 50px;
    }
    .Lesson_container .embed-responsive{
        height: calc(100% - 30px) !important;
    }
}

.form-group input:checked + label:not(label.radio):after{
    color: #FFF !important;
}