.blogGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;padding:40px;font-family:sans-serif;margin:80px 0}.blogCard{background:#fff;border:1px solid #d9d9d9;border-radius:22px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.blogCard:hover{border:.3px solid #000;box-shadow:0 20px 40px rgba(0,0,0,.08)}.cardImage{overflow:hidden;border-radius:0}.cardImage img{width:100%;height:190px;-o-object-fit:contain;object-fit:contain;background:#f2f2f2;transition:transform .35s ease}.blogCard:hover .cardImage img{transform:scale(1.05)}.cardContent{padding:7px 18px 18px;display:flex;flex-direction:column;gap:14px}.blogDate{display:flex;align-items:center;gap:15px 20px;flex-wrap:wrap;margin-top:6px;width:100%;justify-content:start}.blogTitle{width:100%;font-size:18px;font-weight:600;text-transform:capitalize;color:#111;height:58px;-webkit-line-clamp:2;transition:all .3s ease-out 0s}.blogDesc,.blogTitle{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.blogDesc{color:#777;font-size:15px;line-height:1.8;-webkit-line-clamp:3;margin-bottom:0}.blogAuthor{margin-top:auto;font-size:14px;color:#444}.blogAuthor span{font-weight:600}@media (max-width:768px){.blogGrid{margin:100px 0;padding:10px}}