.hv-home-blogs { padding: 60px 24px; background: #fff8ee; border-top: 1px solid #e8d7bd; border-bottom: 1px solid #e8d7bd; }
.hv-home-blogs > .container { width: 100%; max-width: 1140px; padding: 0; }
.hv-home-blogs .blog-row { display: flex; flex-wrap: wrap; margin: 0 -12px; }
.hv-home-blogs .blog-row > .text-center { width: 100%; padding: 0 12px; margin-bottom: 28px; }
.hv-home-blogs .blog-row > .text-center h2 { margin: 0; color: #542d15; font: 34px/1.25 Georgia, serif; text-transform: none; }
.hv-home-blogs .blog-card { display: flex; flex-direction: column; width: calc(33.333333% - 24px); margin: 0 12px; padding: 0 0 24px; overflow: hidden; background: #fff; border: 1px solid #e7d8c4; border-radius: 12px; box-shadow: 0 6px 20px #542d1506; }
.hv-home-blogs .blog-img { display: block; width: 100%; height: 205px; object-fit: cover; border-radius: 0; margin: 0; }
.hv-home-blogs .blog-card h3 { margin: 22px 22px 12px; color: #542d15; font: 23px/1.3 Georgia, serif; }
.hv-home-blogs .blog-desc { margin: 0 22px 20px; color: #7b6857; font: 14px/1.75 Arial, sans-serif; }
.hv-home-blogs .blog-card > a { align-self: flex-start; margin: auto 22px 0; }
.hv-home-blogs .blog-btn { padding: 12px 20px; margin: 0; border: 0; border-radius: 7px; background: #65330f; color: #fff5e6; font: 600 13px/1.5 Arial, sans-serif; }
.hv-home-blogs .blog-btn:hover { background: #81481e; }
.hv-home-blogs .container > .row:last-child { margin: 28px 0 0; }
.hv-home-blogs .container > .row:last-child .blog-btn { border: 1px solid #a47b4b; background: transparent; color: #65330f; }
.hv-home-blogs .container > .row:last-child .blog-btn:hover { background: #f0e1cb; }
@media (max-width: 800px) { .hv-home-blogs .blog-card { width: calc(50% - 24px); margin-bottom: 24px; } }
@media (max-width: 600px) { .hv-home-blogs { padding: 40px 18px; } .hv-home-blogs .blog-card { width: calc(100% - 24px); } .hv-home-blogs .blog-row > .text-center h2 { font-size: 28px; } .hv-home-blogs .blog-img { height: auto; aspect-ratio: 1.85; } }