.home-blog-section { background: #fff; }
.home-blog-heading { margin-bottom: 24px; }
.home-blog-carousel { position: relative; display: grid; grid-auto-columns: calc((100% - 72px) / 4); grid-auto-flow: column; gap: 24px; overflow-x: auto; padding: 4px 2px 14px; scroll-snap-type: x mandatory; scrollbar-width: none; }
.home-blog-carousel::-webkit-scrollbar { display: none; }
@media (min-width: 640px) and (max-width: 1023px) {
    .home-blog-carousel { grid-auto-columns: calc((100% - 20px) / 2); gap: 20px; }
}
@media (max-width: 639px) {
    .home-blog-carousel { grid-auto-columns: 88%; gap: 10px; margin-right: -20px; padding-right: -20px; }
}