.pagination{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px;
    margin:0;
    padding:0;
    list-style:none;
}

.pagination li{
    margin:0;
    padding:0;
}

.pagination li a,
.pagination li span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:42px;
    height:42px;
    padding:0 14px;
    background:#fff;
    border:1px solid #D8E2D0;
    color:#6E756A;
    text-decoration:none;
    font-size:15px;
    transition:all .25s ease;
}

.pagination li a:hover{
    background:#EEF5E8;
    border-color:#AFC79B;
    color:#5A6B4D;
}

.pagination li.active span{
    background:#A8C686;
    border-color:#A8C686;
    color:#fff;
    font-weight:600;
}

.pagination li.disabled span{
    background:#F7F7F3;
    border-color:#E5E5DF;
    color:#B8B8B0;
    cursor:default;
}

.pagination li:first-child a,
.pagination li:first-child span,
.pagination li:last-child a,
.pagination li:last-child span{
    min-width:auto;
    padding:0 16px;
}
.header-navigation__nav > nav > ul > li.active > a,
.offcanvas-navigation > ul > li.active > a,
.offcanvas-navigation .sub-menu > li.active > a,
.header-navigation__nav .submenu > li.active > a,
.header-navigation__nav .megamenu li ul li.active > a{
    color:#A8C686;
    font-weight:600;
}

.header-navigation__nav > nav > ul > li.active > a::after{
    width:100%;
}