.pagination-wrapper {
    text-align: center;
    margin: 20px 0;
    justify-content: center; 
}

.pagination {
    justify-content: center; /* Centers the pagination links */
}

.pagination .page-item .page-link {
    color: #ee7710; /* Change link color */
    border: 1px solid #ee7710; /* Border color */
    padding: 8px 16px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.pagination .page-item.active .page-link {
    background-color: #ee7710 !; /* Active background color */
    color: white; /* Active text color */
    border-color: #ee7710;
}

.pagination .page-item .page-link:hover {
    background-color: #ee7710; /* Hover background color */
    color: white; /* Hover text color */
}
.pagination {
    list-style-type: none; /* Remove default bullets */
    padding-left: 0; /* Remove default padding */
    
    margin: 0; /* Remove default margins */
}

.pagination li {
    display: inline; /* Align list items horizontally */
    
    margin: 0 5px; /* Add horizontal spacing between items */
}

.pagination a, .pagination span {
    display: inline-block; /* Ensure links and spans are inline */
    padding: 8px 16px;
    border: 1px solid #ddd;
    color: #ee7710;
    text-decoration: none;
}

.pagination a:hover {
    background-color: #f1f1f1; /* Example hover background */
}

.pagination .active a {
    background-color: #ee7710;
    color: white;
    border-color: #ee7710;
}