.course_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.course {
    width: 200px;
    padding: 5px;
    margin: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.price {
    float: left;
}

.details {
    float: right;
}

.course_image {
    width: 100%;
}

.course_list > .col-lg-6 > .card {
    height: 100%;
}

.truncate-text{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.main-inner{
    width: 100%;
    margin:0 !important;
    padding:0 !important;
}