/************************************ Left content styling ************************************/
.left-content {
    margin-top: -30px;
}

/************************************ Pagination styling ************************************/
.pagination {
    text-align: center;
    padding: 10px 0;
}

.page-link {
    display: inline-block;
    padding: 1px; /* Adjusted for better clickability and visibility */
    margin: 0 4px; /* Adds space between links */
    color: black;
    border-radius: 5px; /* Optional: Adds rounded corners for a modern look */
    text-decoration: none; /* Removes underline from links */
}

.page-link:hover, .page-link:focus {
    background-color: #e9ecef;
    border-color: #dee2e6;
    outline: none;
}

.page-link.active {
    text-decoration: underline;
    color: #F05336; /* Highlight color for the active page link */
    background-color: transparent; /* Resets background for active link if needed */
}

/************************************ Mobile Version styling ************************************/
@media only screen and (max-width: 768px) {
    .page-link {
        padding: 1px; /* Larger padding for easier tap targets */
        font-size: 14px; /* Slightly larger font size for readability */
    }

    /* Adjust pagination container padding for mobile */
    .pagination {
        padding: 15px 0;
    }
}