.loader-container {
    margin: 0px auto;
    padding-top: 30px;
}
.loader {
    width: 50px;
    aspect-ratio: 1;
    display: grid;
    border: 4px solid #0000;
    border-radius: 50%;
    border-right-color: #25b09b;
    animation: l15 1s infinite linear;
  }
  .loader::before,
  .loader::after {
    content: "";
    grid-area: 1/1;
    margin: 2px;
    border: inherit;
    border-radius: 50%;
    animation: l15 2s infinite;
  }
  .loader::after {
    margin: 8px;
    animation-duration: 3s;
  }
  @keyframes l15{
    100%{transform: rotate(1turn)}
  }



  /* Apply the color to the pagination links */
.pagination .page-link {
    color: #106167;               /* Text color */
    background-color: transparent; /* Transparent background */
    border-color: #106167;         /* Border color */
}

/* Change the color of the active page item */
.pagination .page-item.active .page-link {
    color: white;                 /* Text color for active page */
    background-color: #106167;    /* Background color for active page */
    border-color: #106167;        /* Border color for active page */
    font-size: 16px;
}

/* Change color on hover */
.pagination .page-link:hover {
    color: #fff;                  /* Text color on hover */
    background-color: #106167;    /* Background color on hover */
    border-color: #106167;        /* Border color on hover */
}

/* For the disabled state (e.g., when previous or next is not available) */
.pagination .page-item.disabled .page-link {
    color: #106167;               /* Lighter color for disabled links */
    background-color: transparent; /* Transparent background */
    border-color: #d6d6d6;         /* Lighter border */
    font-size: 16px;
    font-weight: bold;
}