.container-fluid {
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-left: auto;
  margin-right: auto;
}

/* مثال: تغییر استایل در سایزهای بزرگتر از 1024px (مشابه lg در Tailwind) */
@media (min-width: 1024px) {
  .container-fluid {
    max-width: 1920px; /* یا هر مقدار دلخواه */
  }
}