@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:wght@200;300;400;500;600;700;800&display=swap');
:root {
    --albersans-family: 'Albert Sans', sans-serif;
    --primary-color: rgb(30 117 187);
    --secondary-color: #2b2f32;
    --third-color: #a3a5a7;
    --four-color: #ececec;
    --footer-border: #979797;
    --dark-blue: #123269;
}

/* PAGINATION STYLING START */

.pagination_links {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    flex-wrap: wrap;
    font-family: var(--albersans-family);
    font-size: 14px;
    margin-top: 26px;
}

.pagination_links a,
.pagination_links span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 44px;
  
    border: 1px solid #dbe4ef;
    border-radius: 12px;
    color: var(--secondary-color);
    background: #fff;
    font-family: var(--albersans-family);
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: all .15s ease;
}

.pagination_links a:hover {
    border-color: var(--primary-color);
    color: var(--primary-color);
    background: #eef6fc;
}

.pagination_links span[aria-current="page"],
.pagination_links span[aria-current="page"] span {
    border-color: var(--primary-color);
    background: var(--primary-color);
    color: #fff;
}

.pagination_links span[aria-disabled="true"] {
    color: #c4cbd5;
    background: #f8f9fa;
    cursor: not-allowed;
}

.pagination_links i {
    font-size: 14px;
}