#blog-section .blog-card {
    border: 1px solid var(--color-primary);
}

#blog-section .blog-card .card-header{

    background: var(--color-primary);
    color:#fff;
    
}


#blog-section .blog-card img {

    height: 250px;
    min-height:250px;
    max-height:250px;
    object-fit: cover;

}

#blog-section .blog-card h5.card-title {

    font-size: 18px;
    line-height: 24px;
    color: var(--color-primary);
    margin-bottom:10px;
    margin-top:10px;
}

#blog-section .blog-card p.card-text {

    font-size: 16px;
    line-height: 20px;
    font-weight:400 !important;
}

#blog-section .blog-card p.card-text span {

    font-size: 16px;
    line-height: 20px;
    font-weight:400 !important;
}


#blog-section .blog-card p,
#blog-section .blog-card p span {

    font-size: 16px;
    line-height: 20px;
    font-family: Roboto, sans-serif !important;
    font-weight: 400 !important;
}

#blog-section .blog-card p.author-name,
p.author-name {

    font-size:15px !important;


}

#blog-section .blog-card .blog-read-more-btn {

    background: var(--color-primary);
    border: 1px solid var(--color-primary);
    border-radius: 10px;
    color: #ffff;
    padding: 5px 8px;
    font-size: 14px;
    margin:10px 0;
    letter-spacing: 1px;

}

#blog-section .blog-card .blog-read-more-btn:hover {

    background: #fff;
    border: 1px solid var(--color-primary);
    border-radius: 10px;
    color: var(--color-primary);


}