#news-updates .blog-card {
position: relative;
margin-bottom: 25px;
border-radius: 10px;
}
#news-updates .blog-card .blog-image {
max-height: 300px;
position: relative;
}
#news-updates .blog-card .blog-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
    object-fit: cover;
-o-object-position: center;
    object-position: center;
border-radius: 10px 10px 0px 0px;
}
#news-updates .blog-card .blog-image .date {
position: absolute;
bottom: 5px;
right: 5px;
background-color: #dedad6;
display: inline-flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 28px;
line-height: 1;
font-weight: 600;
padding: 12px;
border-radius: 10px;
}
#news-updates .blog-card .blog-image .date span {
font-size: 13px;
font-weight: 400;
}
#news-updates .blog-card .blog-content {
padding: 10px 10px 25px 10px;
background-color: #f8f9fa;
border-radius: 0px 0px 10px 10px;
}
#news-updates .blog-card .blog-content h4 {
font-size: 18px;
font-weight: 600;
color: #701a0b;
margin-top: 10px;
}

#news-updates .blog-card .blog-content p {
font-size: 13px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}

.news-single .news-image {
margin-bottom: 25px;
}
.news-single h4 {
font-size: 20px;
font-weight: 600;
color: #701a0b;
}
.news-single .date {
display: flex;
gap: 10px;
margin-bottom: 15px;
}
.news-single .date span {
font-size: 13px;
opacity: 0.6;
}
.news-single h5 {
font-weight: 700;
margin-top: 25px;
}
.news-single p {
text-align: justify;
}
.news-image img{
    border-radius: 10px;
}
.related-blog-card {
display: flex;
flex-direction: row;
align-self: center;
justify-content: space-between;
padding-bottom: 7px;
margin-bottom: 7px;
border-bottom: 1px solid #b6b6b6;
position: relative;
}
.related-blog-card .blog-image {
width: 30%;
}
.related-blog-card .blog-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
    object-fit: cover;
-o-object-position: center;
    object-position: center;
    border-radius: 10px;
}
.related-blog-card .blog-content {
width: calc(70% - 15px);
}
.related-blog-card .blog-content h4 {
font-size: 14px;
}

@media screen and (max-width:540px) {
    #news-updates .blog-card .blog-image {
        max-height: 350px;
        position: relative;
    }
}
