.course-details-page .main-info-panel .img-panel{
    width: 255px;
    float: left;
    margin-right: 30px;
}
.course-details-page .main-info-panel .img-panel img{
    width: 100%;
    float: left;
}
.course-details-page .main-info-panel .img-panel .share-panel{
    width: 100%;
    float: left;
    margin-top: 10px;
}
.course-details-page .main-info-panel .img-panel .share-panel .rating{
    float: left;
    margin-top: 4px;
}
.course-details-page .main-info-panel .img-panel .share-panel .rating .icon{
    float: left;
    margin-right: 4px;
}
.course-details-page .main-info-panel .img-panel .share-panel .share-link{
    float: right;
    font-size: 16px;
    color: #26296B;
}
.course-details-page .main-info-panel .img-panel .share-panel .share-link img{
    width: 16px;
}
.course-details-page .main-info-panel .img-panel .share-panel .share-link span{
    vertical-align: middle;
    display: inline-block;
}
.course-details-page .main-info-panel .content-sec{
    overflow: hidden;
    display: block;
}
.course-details-page .main-info-panel .content-sec .title-sec{
    width: 100%;
    font-size: 36px;
    font-weight: 600;
    color: #111111;
}
.course-details-page .main-info-panel .content-sec p{
    font-size: 16px;
    line-height: 24px;
    color: #333333;
}
.course-details-page .main-info-panel .content-sec .advantage{
    width: 100%;
    float: left;
    margin-top: 10px;
}
.course-details-page .main-info-panel .content-sec .advantage ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.course-details-page .main-info-panel .content-sec .advantage ul li{
    float: left;
    margin-right: 20px;
}
.course-details-page .main-info-panel .content-sec .advantage ul li span{
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    color: #666666;
}

.course-details-page .course-des .make-me-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 90px;
    padding: 0 15px;
}
.course-details-page .course-des .navbar{
    width: 100%;
    float: left;
    padding: 0px;
    background: #f8f9fa;
    padding-top: 40px;
    z-index: 9;
}
.course-details-page .course-des .navbar ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.course-details-page .course-des .navbar ul li{
    float: left;
    margin-right: 60px;
}
.course-details-page .course-des .navbar ul li .nav-link{
    font-size: 16px;
    color: #666666;
    font-weight: 500;
    padding: 15px 0px;
    border-bottom: solid 3px rgba(0,0,0,0);
}
.course-details-page .course-des .navbar ul li .nav-link.active{
    color: #26296B;
    border-bottom-color: #26296B;
}
.course-details-page #highlights .card{
    background: #EEDB6F;
    border-color: transparent;
    display: inline-block;
}
.course-details-page .course-des .info-item{
    display: inline-block;
    width: 100%;
    padding: 30px 0px;
}
.course-details-page .course-des .title-sec{
    font-size: 20px;
    font-weight: 500;
    color: #111111;
}
.course-details-page .course-des .points{
    font-size: 16px;
}
.course-details-page .course-des .points li{
    margin-top: 10px;
}
.course-details-page .course-des p.pera{
    font-size: 16px;
    kerning: 24px;  
    margin-top: 10px;
    color: #333333;
}
.course-details-page .course-des .course-points{
    margin: 0px;
    padding: 0px;
}
.course-details-page .course-des .course-points li{
    background: url(../img/course-details/open-book.svg) no-repeat left top;
    padding-left: 0px;
    margin-top: 20px;
}
.course-details-page .course-des .course-points li .number{
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    width: 26px;
    text-align: center;
    display: inline-block;
    margin-right: 5px;
}
.course-details-page .course-des .ratings img{
    max-width:100%; 
}
.course-details-page .similar-courses-sec .title{
    font-size: 26px;
    font-weight: 500;
    color: #111111;
    margin-bottom: 20px;
}
.course-details-page .similar-courses-sec .card{
    background: #FAF3FF;
}
.course-details-page .similar-courses-sec .card .card-body .card-title{
    font-size: 18px;
    margin-bottom: 0px;
}



@media(max-width: 767px){
    .course-details-page .course-des .navbar{
        display: none;
    }
    .course-details-page .main-info-panel .content-sec{
        overflow: inherit;
        float: left;
        width: 100%;
    }
}