/* Center the pagination */
.pagination {
    display: flex;
    justify-content: left;
    padding-left: 0;
    list-style: none;
    padding: 50px;
  }
  
  /* Style for each page item */
  .pagination .page-item {
    margin: 0 5px;
  }
  
  /* Style for the page link */
  .pagination .page-link {
    color: #007bff; /* Default link color */
    background-color: #fff; /* Background color */
    border: 1px solid #dee2e6; /* Border color */
    padding: 8px 12px;
    text-decoration: none;
    transition: background-color 0.3s;
  }
  
  /* Hover effect for page link */
  .pagination .page-link:hover {
    background-color: #f1f1f1; /* Hover background color */
  }
  
  /* Style for active page item */
  .pagination .page-item.active .page-link {
    color: #fff; /* Text color */
    background-color: #ffc107; /* Active page background color (yellow) */
    border-color: #ffc107; /* Border color for active page */
  }
  
  /* Disabled state styling */
  .pagination .page-item.disabled .page-link {
    color: #6c757d; /* Disabled text color */
    pointer-events: none; /* Disable clicks */
    background-color: #fff; /* Background color */
    border-color: #dee2e6; /* Border color */
  }
  
  /* Style for previous and next buttons */
  .page-pre .page-link, .page-next .page-link {
    padding: 8px 16px;
  }
  
  /* Ensure that pagination items without routes are styled properly */
  .pagination .page-item.noroute a {
    text-decoration: none;
  }