/* =========================
     Projects Section
========================= */

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

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

/* =========================
   Carousel Controls
========================= */
/* Light mode: dark icons */
.carousel-control-prev-icon,
.carousel-control-next-icon {
  filter: invert(1);
}

/* Dark mode: white icons */
body.dark-mode .carousel-control-prev-icon,
body.dark-mode .carousel-control-next-icon {
  filter: invert(0);
}