img,
svg {
    vertical-align: middle;
}

.progress {
    height: 5px !important;
    background-color: #dfdddd !important;
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
}

.course_name {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.course_image_div{
    height: 150px;
}

.course_image_div img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
}

.is-active>.tab_icon{
    filter: invert(8%) sepia(100%) saturate(6481%) hue-rotate(246deg) brightness(102%) contrast(143%);
}
