.blog-card.recommended-card{
    background-color: #F5F8FD;
    border-radius: 0.75rem;
    display: flex;              /* Make it a flex container */
    flex-direction: column;
    width: 30%;
    margin: 0 0.5rem;
}

.blog-thumbnail img{
    width: 100%;
    height: 150px;
    border-radius: 8px;
}

.blog-content{
    padding:1rem;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}


.revamp-page-template .blogs-webinar-section .webinar-title-blog{
    font-size: 1.25rem;
    font-weight: 700;
    color: #1A1F38;
    margin-bottom: 1rem;
    text-wrap: auto;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blogs-webinar-section .blog-thumbnail img{
 width:100%;
}


@media (max-width: 767px) {
    .blog-card.recommended-card{
        background-color: #F5F8FD;
        border-radius: 0.75rem;
        display: inline-block;
        width: 17.5rem;
        margin: 0 0.5rem;
    }
    .blogs-webinar-section .blog-thumbnail img{
        width:280px;
    }
}