.row-custom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
}

.row-custom .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding-right: 8px;
    padding-left: 8px;
}

.course-item {
    margin-bottom: 40px;
}

.cours-img {
    margin-bottom: 20px;
}

.cours-img a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.cours-img img {
    width: 100%;
}

.course-content {
    margin: -20% 5% 0% 5%;
    background: #fff;
    padding: 15px 15px 15px 15px;
    box-shadow: 0px 3px 15px 0px rgb(0 0 0 / 7%);
    z-index: 1;
    position: relative;
    text-align: center;
}

.course-content h3 {
    font-size: 20px !important;  
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

.btn-wrap a {
    font-size: 13px;
    font-weight: 500;
    font-family: 'Oswald', 'sans-serif';
    text-transform: uppercase;
    letter-spacing: 1.3px;
}

.btn-wrap a i { 
    margin-left: 10px;
}

@media (max-width:767px) {
    .course-item.col-md-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .btn-wrap a {
        font-size: 12px;
    }
}

@media (min-width:768px) and (max-width: 990px) {
    .course-item.col-md-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .course-item.col-md-3 {
        flex: 0 0 33.3%;
        max-width: 33.3%;
    }
}