@media screen and (max-width: 1240px) {
  .card-header.border-0 {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 600px) {
  /* .sorting {
    text-align: left !important;
  } */
  table {
    border-collapse: separate;
    border-spacing: 10px; /* Adjust the value as needed */
  }
  .Arabic-side {
    flex-direction: column !important;
  }
  .margin-cust-arb {
    margin-top: 6px !important;
  }
}