.bb-course-item-wrap .bb-cover-list-item{
   border-radius: 40px !important;
   padding-bottom: 0px !important;
   overflow: auto !important;
}

.ld-course-list-items{
   margin-top: 100px;
   justify-content: center;
}

.ld-course-list-items .bb-cover-list-item .ld-status{
   font-size: 14px !important;
   line-height: 30px !important;
}

.ld-course-list-items .bb-course-item-wrap{
   flex: 0 0 30% !important;
}

.ld-course-list-items .bb-course-title{
   margin: 0px !important;
}

.ld-course-list-items .bb-card-course-details{
   margin-bottom: 10px !important;
}

.ld-course-list-items .bb-course-item-wrap::marker{
   content: none !important;
}

#bb-courses-directory-form > nav ul.courses-nav{
   display: flex;
   justify-content: center;
   gap: 20px;
}

.ld-course-list-items .course-progress-wrap{
   margin: 10px 0px 20px 0px !important;
}

#bb-courses-directory-form > nav ul.courses-nav li div{
   display: flex;
   align-items: center;
   padding: 0px !important;
   margin-right: 5px;
}

#bb-courses-directory-form > nav ul.courses-nav li{
    display: flex;
}


#bb-courses-directory-form > nav ul.courses-nav li div{
   text-transform: uppercase;
   font-size: 32px;
   font-weight: bold;
   color: #F1F1F1 !important;
}

#bb-courses-directory-form > nav ul.courses-nav li{
   padding: 20px 20px !important;
   margin: 0px !important;
}

#bb-courses-directory-form > nav ul.courses-nav li span.count{
   background-color: rgba(8, 255, 103, 0.40);
   font-size: 28px;
   line-height: 32px !important;
}

#bb-courses-directory-form > nav ul.courses-nav li.selected div{
   border: none !important;
}


/* temporarily disabled loading icon, to be moved to a more suitable place */
i.bb-icon-loader{
   display:none !important;
}

@media (max-width: 1200px) {
   .course-dir-list .bb-grid{
      flex-wrap: nowrap !important;
      flex-direction: column;
      gap: 20px;
   }
}