.card-top-blog-collection .card {
        border-bottom: none;
        margin-bottom: 1rem;
        text-align: left;
}

.card-top-blog-collection .card h2 {
    font-family: Gilroy;
    font-weight: 700;
    color: #19bce5;
    font-size: 18pt;
    margin-bottom: 0;
}

.card-top-blog-collection .card ul {
    margin: 15px 0;
    display: flex;
    flex-flow: row wrap;
}

@media (min-width: 1199.98px) and (max-width: 1400px) {
    .card-top-blog-collection .card ul {
        margin: 15px 0;
        display: flex;
        flex-flow: row wrap;
    }
}
@media (max-width: 767.98px) {
    .card-top-blog-collection .card ul {
        margin: 15px 0;
    }
}

.card-top-blog-collection .card ul li {
    font-family: Proxima Nova;
    font-weight: 400;
    font-size: 11pt;
    color: #767676;
    line-height: 70px;
    padding: 0 15px 0 0;
    border: none;
    background: transparent;
}

@media (min-width: 1199.98px) and (max-width: 1400px) {
    .card-top-blog-collection .card ul li {
        line-height: 40px;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
}

@media (max-width: 767.98px) {
    .card-top-blog-collection .card ul li {
        line-height: 40px;
    }
}

.card-top-blog-collection .card img {
    object-fit: cover;
}
     
@media (max-width: 1199.98px) {
    .card-top-blog-collection .card img {
        height: 50%;
    }
}

.card-top-blog-collection .card-body {
        background: #f5f5f5;
        padding: 35px;
        border-bottom-left-radius: .35rem;
        border-bottom-right-radius: .35rem;
}
 
.card-top-blog-collection .card-body i {
    width: auto;
    margin: 0;
}

@media (max-width: 1199.98px) {
    .card-top-blog-collection .card-body {
        padding: 20px;
    }
}