.cci-course-page{
    width:100%;
    display:block;
}

.cci-course-hero{
    display:flex;
    justify-content:space-between;
    gap:60px;
    padding:60px;
    background:#eadcf1;
    width:100%;
    box-sizing:border-box;
}

.cci-left{
    width:70%;
}

.cci-right{
    width:25%;
}

.cci-logo{
    max-height:70px;
    margin-bottom:20px;
}

.cci-title{
    font-size:60px;
    color:#63b7db;
    margin-bottom:30px;
    line-height:1.2;
}

.cci-text{
    color:#f26a00;
    margin-bottom:25px;
    font-size:22px;
    line-height:1.5;
}

.cci-meta{
    margin-bottom:30px;
    font-size:22px;
    line-height:1.6;
}

.cci-btn{
    display:block;
    width:180px;
    text-align:center;
    background:#5bc45b;
    color:#fff !important;
    padding:14px 24px;
    border-radius:5px;
    text-decoration:none;
    margin-top:15px;
    font-size:18px;
}

.cci-course-content{
    width:100%;
    padding:60px;
    box-sizing:border-box;
    display:block;
    clear:both;
}


/* REMOVE THEME WIDTH LIMIT */

.page-template-template-courses .site,
.page-template-template-courses .site-content,
.page-template-template-courses .content-area,
.page-template-template-courses .site-main,
.page-template-template-courses .container,
.page-template-template-courses .ast-container{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
}


/* MOBILE */

@media(max-width:768px){

    .cci-course-hero{
        flex-direction:column;
        padding:30px;
    }

    .cci-left,
    .cci-right{
        width:100%;
    }

    .cci-title{
        font-size:40px;
    }

    .cci-course-content{
        padding:30px;
    }

}