on Table Data */
.jobs-table tbody tr:hover td {
  background-color: #bbdefb;
}

/* Dark Mode Specific Styling */
.dark-mode .jobs-table th,
.dark-mode .jobs-table td {
  color: #000; /* Set table font color to black in dark mode */
}

/* Responsive Styling */
@media screen and (max-width: 600px) {
  .search-container input[type="text"] {
    width: 80%;
  }

  .jobs-table th, .jobs-table td {
    padding: 10px;
    font-size: 14px;
  }
}


    </style>


   <main>
<style>
   /* Container styling */
.roadma