/* General Page Styling */ body { font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; background-color: #f8f9fa; color: #333; margin: 0; padding: 20px; display: flex; flex-direction: column; align-items: center; } h1 { color: #2c3e50; margin-bottom: 20px; text-align: center; } /* Container for horizontal scrolling on small screens */ .table-container { width: 100%; max-width: 1300px; overflow-x: auto; background-color: #ffffff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); border-radius: 10px; margin-bottom: 40px; } /* Table Styling */ .styled-table { width: 100%; border-collapse: collapse; font-size: 14px; min-width: 1000px; /* Ensures table doesn't squash too much */ } .styled-table thead tr { background-color: #007bff; color: #ffffff; text-align: left; font-weight: bold; } .styled-table th, .styled-table td { padding: 12px 15px; border-bottom: 1px solid #ececec; } .styled-table tbody tr:nth-of-type(even) { background-color: #f3f3f3; } .styled-table tbody tr:last-of-type { border-bottom: 3px solid #007bff; } .styled-table tbody tr:hover { background-color: #e9ecef; transition: background-color 0.2s ease; } /* Column specific styling */ .styled-table td:nth-child(1) { font-weight: 600; color: #007bff; } /* Responsive adjustments */ @media screen and (max-width: 768px) { body { padding: 10px; } h1 { font-size: 1.5rem; } }

Shipping Rates