@font-face {
    font-family:Recoleta;
    src:url(../fonts/Recoleta-Light.ttf);
    
}
@font-face {
    font-family:Recoleta-Medium;
    src:url(../fonts/Recoleta-Medium.ttf);
    
}
@font-face {
    font-family:Recoleta-Bold;
    src:url(../fonts/Recoleta-Bold.ttf);
    
}
.home-banner-area{
    background-color: #102327;
}
.cropped-home-banner {
    border-bottom: 644px solid rgb(16 35 39) !important;
    
}
.home-banner-wrap h2 {
    font-family: Recoleta;
    font-size: 60px;
    line-height: 76px;
    margin-bottom: 15px;
    color: #fff;
    font-weight: 900;
}
.home-banner-wrap p {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    line-height: 26px;
    font-family: Helix;
    margin-bottom: 51px;
}
.clearfix:after,ul.list {
	clear: both;
}

.clearfix:after,.clearfix:before {
	content: " ";
	display: table;
}

ul.list {
	border: 2px solid #fff;
	border-radius: 8px;
	list-style: none;
	margin-top: 20px;
	padding: 10px!important;
	background-color: rgba(7,76,110,.659);
}

ul.list li {
	display: inline-block;
	width: 32%;
	text-transform: capitalize;
	list-style-type: none;
	color: #fff;
	font-size: 16px!important;
	font-weight: 400;
	text-align: center;
	background: 0 0!important;
	padding: 0!important;
	margin: 0!important;
}

ul.list li span {
	color: #16ff03;
}
.section__title{
    margin-top: 50px;
}
.section__title h3 {
    font-family: Recoleta;
    font-size: 50px;
    font-weight: 900;
    line-height: 64px;
    color: var(--system_secendory_color);
    margin-bottom: 17px;
}
.section__title p {
    font-size: 18px;
    font-weight: 500;
    font-family: Helix;
    color: #373737;
    line-height: 26px;
}

.course-carousel-title{
    font-family: Recoleta-Medium;
}
.fw-700 {
    font-family: Recoleta-Medium;
}
section.featured-instructor1 {

    padding: 0px 0px !important;
    margin-bottom: 32px!important;
}
.theme_btn {
    background: #505151;
    border-radius: 5px;
    font-family: Cerebri Sans;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    padding: 10px 19px;
    border: 1px solid transparent;
    text-transform: capitalize;
    display: inline-block;
    line-height: 1;
}
.large_title{
    font-size: 33px!important;
    color: #fff!important;
}
.course-box-wrap {
    margin-bottom: 32px!important;
}
.news{
    width: auto;
    display: inline-block;
        padding: 20px 5px!important;
}
.news img{
    height: 48px;
}
.modile_main_wrap {
    display: -ms-grid;
    display: grid;

    grid-template-columns: repeat(3,1fr);
}
.single_module {
    padding: 30px 30px 22px;
    border: 1px solid transparent;
    transition: .3s;
    border-radius: 5px;
}
@media (max-width: 767px){
    .modile_main_wrap{
     grid-template-columns:repeat(1,1fr);
        
    }
    
}
.text-center {
    text-align: center!important;
}
.single_module h3 {
    font-size: 34px;
    font-family: Recoleta;
    font-weight: 500;
    
    margin-top: 26px;
    margin-bottom: 13px;
}
.single_module p {
    font-size: 16px;
    line-height: 1.75;
    font-weight: 400;
    margin-bottom: 0;
}
.who_we_info {
    display: grid;
    grid-template-columns: repeat(2,1fr);
}
.info_left {
    border: 1px solid #e9e7f7;
   
    border-radius: 5px 0 0 5px;
    padding: 0px! important;
}
.info_left img{
        width: 100%;
}
.info_right {
    background: #48abaa;
    display: flex;
    flex-wrap: wrap;
    padding: 70px 65px 50px 50px;
}
.info_right p{
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    padding-top: 15px;
    color: #fff;
}
.p-heading{
    font-size: 30px!important;
    font-family: Recoleta;

}
@media (max-width: 820px){
    .who_we_info{
     grid-template-columns:repeat(1,1fr);
        
    }
    
}
@media (max-width: 767px){
    .home-banner-wrap h2{
     visibility: hidden;
        
    }
    .home-banner-wrap p{
     visibility: hidden;
        
    }
    .home-banner-area{
     padding: 0px 0 18px !important;
     background-position: 82%!important;
     box-shadow: inset 0 0 0 2000px rgb(19 18 19 / 33%);
        
    }
    
}
@media (max-width: 767px){
    .info_right {
    background: #48abaa;
    display: flex;
    flex-wrap: wrap;
    padding: 13px 14px 7px 15px;
}

.info_right p {
    font-size: 16px;
}
    
}

.btn-compare-sm {
    color: #ffffff!important;
    background: #43a0a2!important;
}

.membership_tag{
        border: 1px solid #ffd700;
    border-radius: 10px;
    padding: 1px 5px 1px 5px;
    background: linear-gradient(to right, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
    color: #010101;
}
.is_premium{
    height: 4px;
    background: linear-gradient(to right, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
}
.watchbutton{
    border: 1px solid #48abaa;
    padding: 5px;
    background: #48abaa;
    color: #fff;
    border-radius: 4px;
}