/* =========================
     Blogs Section
========================= */

/* =========================
     Cards
========================= */

/* =========================
     Text adjustments for dark mode
========================= */

/* =========================
     Blog card titles
========================= */

/* =========================
     Buttons
========================= */

/* =========================
     Responsive spacing
========================= */
@media (max-width: 575.98px) {
  .blogs-section .container {
    padding-left: 3rem;
    padding-right: 3rem; /* better spacing on small screens */
  }
}