section.inner-banner{background:url(/assets/images/blog-banner.png) top/cover no-repeat}*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}body{background:#fafafa}.container{width:90%;max-width:1400px;margin:auto}.blog-filter{padding:60px 0 40px}.blog-filter ul{flex-wrap:wrap;justify-content:center;gap:40px;list-style:none;display:flex}.blog-filter ul li{cursor:pointer;color:#666;font-size:18px;transition:all .3s;position:relative}.blog-filter ul li.active{color:#000;font-weight:600}.blog-filter ul li.active:after{content:"";background:#000;width:100%;height:2px;position:absolute;bottom:-10px;left:0}.blog-grid{grid-template-columns:repeat(4,1fr);gap:15px;padding-bottom:80px;display:grid}.blog-card{flex-direction:column;transition:all .4s}.blog-card.hide{display:none}.blog-grid>.blog-card>a>img{border-radius:6px;width:100%;height:auto}.blog-grid>.blog-card{align-items:start}.blog-meta{color:#777;font-size:14px}.blog-meta b{color:#5b5b5b}.blog-title{font-size:18px;font-weight:600;line-height:1.5}.blog-title>a{color:#333;text-decoration:none}@media (max-width:1100px){.blog-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.blog-filter{padding:19px 0 10px}.blog-grid{grid-template-columns:1fr}.blog-filter ul{gap:18px}.blog-filter ul li{font-size:15px}}