.visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.card-img-top {
    max-height: 300px; /* Adjust as needed */
    object-fit: cover;
}

.job-title-link {
    text-decoration: none; /* Remove underline */
    color: inherit; /* Inherit color from parent */
    transition: color 0.3s ease, transform 0.3s ease; /* Smooth transition for hover effects */
    display: inline-block; /* Allows transform to work properly */
}

.job-title-link:hover {
    color: var(--bs-primary); /* Example: change color on hover to primary color */
    transform: translateY(-2px); /* Example: subtle lift effect on hover */
}

#jobs-list table td,
#jobs-list table td h5,
#jobs-list table td p {
    font-size: 1.00em;
}

#jobs-list table h5 {
    margin-bottom: 0.25rem; /* Adjust heading margin for compactness */
}

#jobs-list tbody tr {
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

#jobs-list tbody tr:hover {
    background-color: #f8f9fa; /* Light background on hover */
    transform: scale(1.025); /* Slightly enlarge the row */
}