.blog-filter-wrap{border-radius:4px;display:flex;gap:15px;margin:0 auto 50px;max-width:920px;padding:10px}.blog-filter-category{flex:1;position:relative}.blog-filter-category select{appearance:none;background:#fff;border:none;border-radius:4px;color:#555;cursor:pointer;font-size:14px;height:44px;outline:none;padding:0 40px 0 15px;width:100%}.blog-filter-category:after{border-bottom:2px solid #777;border-right:2px solid #777;content:"";height:8px;pointer-events:none;position:absolute;right:15px;top:50%;transform:translateY(-60%) rotate(45deg);width:8px}.blog-search-box{flex:1;position:relative}.blog-search-box svg{color:#999;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.blog-search-box input{background:#fff;border:none;border-radius:4px;font-size:14px;height:44px;outline:none;padding-left:42px;padding-right:15px;width:100%}.blog-search-box input::placeholder{color:#999}.blog-grid{display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:60px}.blog-card{background:#fff;border-radius:12px;box-shadow:0 4px 18px rgba(0,0,0,.08);overflow:hidden;transition:.3s}.blog-card:hover{transform:translateY(-6px)}.blog-image{max-height:220px;min-height:50px;overflow:hidden;position:relative}.blog-image img{display:block;height:100%;object-fit:cover;transition:.4s;width:100%}.blog-card:hover img{transform:scale(1.05)}.blog-content{padding:18px}.blog-title{font-size:18px;line-height:1.5;margin:.7rem 0}.blog-meta{color:#8a8a8a;font-size:13px}.blog-author{align-items:center;display:flex;gap:10px}.blog-author img{border-radius:50%;height:34px;width:34px}.blog-author span{font-size:14px;font-weight:600}.blog-tag{border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:6px 14px;text-transform:capitalize}.blog-tag,.blog-tags{left:15px;position:absolute;top:15px;z-index:2}.blog-tags{display:flex;flex-wrap:wrap;gap:8px}.blog-tags .blog-tag{border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:6px 12px;position:static}.blog-description{color:#6b7280;display:-webkit-box;font-size:14px;-webkit-line-clamp:2;line-height:1.7;margin:0 0 15px;-webkit-box-orient:vertical;overflow:hidden}.blog-content-author{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;width:100%}@media(max-width:991px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.blog-filter-wrap{flex-direction:column}.blog-grid{grid-template-columns:1fr}}