/* form
{
    width: 100%;
} */
h5
{
    color: black;
}
p
{
    color: black;
}
/* خلي الجدول جوه div قابل للتمرير أفقياً */
table {
  table-layout: auto; /* خلي الجدول يتوزع حسب المحتوى */
}

@media (max-width: 576px) {
  /* لما الشاشة صغيرة */
  table {
    display: block;
    overflow-x:auto;  /* سكرول أفقي لو محتاج */
    white-space: nowrap; /* خلي النصوص في صف واحد */
  }
}