.blogs-section { padding: 3rem 0; }
.blogs-section .section-header { text-align: center; margin-bottom: 2.5rem; }
.blogs-section .section-title { font-size:36px;font-weight: 700;color: #0F172A;margin: 0 0 1rem 0;line-height: 1.3;padding-bottom:0}
.blogs-section .section-subtitle { font-size: 18px; color: #1E293B; max-width: 650px; margin: 0 auto; font-weight: 500; line-height: 1.7; }
.blogs-section .blogs-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
.blogs-section .blog-card { overflow: hidden; cursor: pointer; transition: transform 0.3s ease, box-shadow 0.3s ease; text-decoration: none; display: block; }
.blogs-section .blog-card:hover { transform: translateY(-6px); }
.blogs-section .blog-image { width: 100%; height: 240px; overflow: hidden; border-radius: 12px; }
.blogs-section .blog-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease;border-radius: 12px;  }
.blogs-section .blog-card:hover .blog-image img { transform: scale(1.05); }
.blogs-section .blog-body { padding: 1.25rem 0; }
.blogs-section .blog-tag { display: inline-block; padding: 4px 14px; border-radius: 999px; font-size: 13px; font-weight: 600; margin-bottom: 1rem; background: #D1DCE8; color: #1A508E; border: 1px solid #D1DCE8; }
.blogs-section .blog-card:nth-child(2) .blog-tag { background: #FEF7E9; color: #F5A623; border: 1px solid #FEF7E9; }
.blogs-section .blog-card:nth-child(3) .blog-tag { background: #F4ECFE; color: #8A38F5; border: 1px solid #F4ECFE; }
.blogs-section .blog-title { font-size: 20px; font-weight: 700; color: #0F172A; line-height: 1.45; margin: 0 0 .75rem 0; letter-spacing: 0.5px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.blogs-section .blog-excerpt { font-size: 16px; color: #1E293B; line-height: 1.7; font-weight: 500; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.blog_morelink{font-weight: 600; font-size: 16px;letter-spacing: 0.5px;color:#475569;display:flex;margin-top:12px;gap:5px;align-items: center;}
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;
    clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}
@media (max-width: 568px) {
    .blogs-section{padding:20px 0}
    .blogs-section .section-title{font-size: 24px;}
    .blogs-section .blogs-grid {
   
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
}
}