.section-blog-grid{background-color:var(--color-light);padding:80px 0}.section-blog-grid .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.section-blog-grid .blog-item{background-color:var(--color-light);border:1px solid #dee2e6;border-radius:4px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s,border-color .3s}.section-blog-grid .blog-item .blog-link{text-decoration:none;display:flex;flex-direction:column;height:100%}.section-blog-grid .blog-item .thumb{background-color:var(--color-bg-alt)}.section-blog-grid .blog-item .thumb:before{padding-bottom:60%}.section-blog-grid .blog-item .thumb img{transition:transform .5s ease}.section-blog-grid .blog-item .blog-content{padding:24px;display:flex;flex-direction:column;flex-grow:1}.section-blog-grid .blog-item .blog-date{font-size:13px;font-weight:600;color:#6c757d;margin-bottom:12px;display:block}.section-blog-grid .blog-item .blog-title{font-size:20px;line-height:28px;font-weight:700;color:#495057;margin:0 0 12px 0;display:inline-block;position:relative;align-self:flex-start}.section-blog-grid .blog-item .blog-title::after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2px;background-color:var(--color-accent);transition:width .3s ease}.section-blog-grid .blog-item .blog-excerpt{font-size:15px;line-height:24px;color:#6c757d;margin:0}.section-blog-grid .blog-item:hover{box-shadow:0 10px 30px rgba(0,0,0,.05);border-color:#ced4da}.section-blog-grid .blog-item:hover .thumb img{transform:scale(1.04)}.section-blog-grid .blog-item:hover .blog-title{color:var(--color-dark)}.section-blog-grid .blog-item:hover .blog-title::after{width:100%}@media (max-width:1024px){.section-blog-grid .blog-grid{gap:15px;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.section-blog-grid .blog-grid{grid-template-columns:1fr}}