/* Default (mobile) */
.custom-gutter {
    --bs-gutter-x: -2rem !important;
}

/* Tablet (≥768px) */
@media (min-width: 768px) and (max-width: 1024px) {
    .custom-gutter {
        --bs-gutter-x: 20rem !important; /* bigger for tablets */
    }
}

/* Laptop / Desktop (≥1025px) */
@media (min-width: 1025px) {
    .custom-gutter {
        --bs-gutter-x: 16rem !important; /* even bigger for laptops/desktops */
    }
}