.blog_list .blog-card{width: 100%;border: none;border-radius: 1rem;overflow: hidden;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);min-height: 250px;}
.blog_list .post-media-wrapper {position: relative;height: 100%;}
.blog_list .post-image {width: 100%;height: 100%;object-fit: fill;}
.blog_list .post-date-badge {position: absolute;top: 1rem;left: 1rem;background-color: white;color: #495057; padding: 0.5rem 1rem;border-radius: 0.5rem;font-weight: 500;font-size: 0.9rem;z-index: 10;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}
.blog_list .post-date-badge i {color: var(--primary);margin-right: 0.5rem;}
.blog_list .card-body-content {padding: 1rem;}
.blog_list .card-body-content .card-title{font-size: 24px;line-height: 32px;font-weight: 500;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.blog_list .card-body-content .card-title a{color: var(--gcolor1)}
.blog_list .card-body-content .card-text{font-size: 15px;line-height: 26px;font-weight: 400;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.blog_list .btn-read-more {background-image: linear-gradient(90deg, var(--gcolor1) 0%, var(--gcolor2) 100%);border-color: var(--gcolor1);font-weight: 600;padding: 0.7rem 2rem;border-radius: 0.5rem;display: inline-flex;align-items: center;transition: background-color 0.2s;}
.blog_list .btn-read-more:hover {background-image: linear-gradient(90deg, var(--gcolor2) 0%, var(--gcolor1) 100%);border-color: var(--gcolor2);}
.blog_list .btn-read-more i {margin-left: 0.5rem;}
.blog_list .post-meta-footer {border-top: 1px solid var(--gcolor1);padding-top: 1rem;margin-top: auto;display: flex;align-items: center;justify-content: space-between;}
.blog_list .post-meta-footer .post-author .post-author-img {width: 32px;height: 32px;border-radius: 50%;margin-right: 0.5rem;}
.blog_list .post-meta-footer .post-author span{text-transform: capitalize;font-size: 15px;color: var(--primary) !important;}
.blog_list .cate_view{gap: 10px;}
.blog_list .cate_view a, .blog_list .cate_view span {font-size: 15px;margin-left: 0.75rem;color: var(--primary);}
.blog_list .cate_view small {font-size: 15px;margin-left: 0.25rem;}
.blog_list .cate_view a:hover, .blog_list .cate_view span:hover{color: var(--menuhover);}
        
@media (max-width: 767.98px) {
.blog_list .blog-card {min-height: auto;}
.blog_list .post-image {height: 250px;}
}