.blog-row {
    padding: 3rem 0rem !important;
    border-bottom: 1px solid #DCDCDC;
    transition: all 0.5s ease-in-out;
}

.blog-posts {
    background-color: #F1EFE9;
}

.blog-posts h2 {
    font-size: 36px !important;
    line-height: 42px;
}

.img-fluid-blog {
    height: 350px;
    width: 100%;
    object-fit: cover;
}

.tag {
    width: fit-content;
    font-size: 16px;
    padding: 0px 10px !important;
    color: #000;
    border-radius: 200px;
    border: 1px solid #000;
}

.blog-row:hover img {
    border-radius: 20px;
}

.blog-row img {
    transition: all 0.5s ease-in-out;
}

.blog-row:hover {

    border-bottom: 2px solid #000;
}

@media (max-width: 768px) {
    .blog-posts h2 {
        padding: 2rem 0rem;
    }
}