body { direction: ltr; /* Change text direction to left-to-right */ background-color: #f0f0f0; /* Light gray background */ margin: 0; /* No margin */ font-family: 'Cairo', sans-serif; /* Font family */ } .content-container { width: 100%; /* Full width */ max-width: 800px; /* Maximum width */ margin: 40px auto; /* Center with a margin */ background: #fff; /* White background */ border-radius: 10px; /* Rounded corners */ box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); /* Shadow effect */ overfl

body { direction: ltr; /* Right-to-left direction */ background-color: #f0f0f0; /* Light gray background */ margin: 0; /* No margin */ font-family: 'Cairo', sans-serif; /* Font family */ } .table-container { width: 100%; /* Full width */ max-width: 800px; /* Maximum width */ margin: 40px auto; /* Center with a margin */ background: #fff; /* White background */ border-radius: 10px; /* Rounded corners */ box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); /* Shadow effect */ overflow: hidden; /* Hi

body { direction: ltr; /* Set text direction to right-to-left */ background-color: #f0f0f0; /* Light gray background */ margin: 0; /* Set margin to zero */ font-family: 'Cairo', sans-serif; /* Set font */ } .table-container { width: 100%; /* Full width */ max-width: 800px; /* Maximum width */ margin: 40px auto; /* Center with margin */ background: #fff; /* White background */ border-radius: 10px; /* Rounded corners */ box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); /* Shadow effect */ overflow: hidden; /* Hide overflow */ } .table-header

body { direction: ltr; /* Right-to-left direction */ font-family: 'Cairo', sans-serif; /* Font family */ background-color: #f4f4f4; /* Light gray background */ margin: 0; /* No margin */ padding: 20px; /* 20px padding */ } .table-container { max-width: 1000px; /* Maximum width of the table container */ margin: 40px auto; /* Centered with 40px margin on top and bottom */ background: #ffffff; /* White background */ border-radius: 12px; /* Rounded corners */ box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1

body { direction: ltr; background-color: #f0f0f0; margin: 0; font-family: 'Cairo', sans-serif; } .table-container { width: 100%; max-width: 800px; margin: 40px auto; background: #fff; border-radius: 10px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); overflow: hidden; } .table-header { background: linear-gradient(to right, #0084BD, #003366); color: #fff; text-align: center; padding: 25px; font-size: 24px; font-weight: bold; } t

body { font-family: Arial, sans-serif; background-color: #f5f5f5; direction: ltr; text-align: left; margin: 0; padding: 20px; } .responsive-table { width: 100%; border-collapse: collapse; margin-bottom: 20px; background-color: #ffffff; border-radius: 10px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .responsive-table th, .responsive-table td { padding: 15px; text-align: center; border: 1px solid #ddd; } .responsive-table th { backgr

body { direction: ltr; font-family: 'Cairo', sans-serif; background-color: #f4f4f4; margin: 0; padding: 20px; } .table-container { max-width: 1000px; margin: 40px auto; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); overflow: hidden; padding: 20px; } .table-header { background: linear-gradient(to right, #007bbd, #003366); color: #ffffff; text-align: center; padding: 15px; font-size: 22px;