.pagination {
            text-align: center;
            display: block;
            width: 100%;
	margin-top: 5em !important;
        }

        .pagination ul {
            display: block;
            width: 100%;
            padding: 0;
            margin: 0;
            list-style: none;
            text-align: center;
        }

        .pagination ul li {
            display: inline-block;
            margin: 0 0.5rem;
        }

        .pagination ul li a,
        .pagination ul li button {
            display: flex;
            width: 3rem;
            height: 3rem;
            border-radius: 1.5rem;
            align-items: center;
            justify-content: center;
            color: #000;
            background: none;
            border: none;
            cursor: pointer;
            box-shadow: 0 2px 5px rgba(0,0,0,0.15);
        }

/*.pagination ul li.active a,*/
/*.pagination ul li.active button {*/
/*    background-color: #f8f8f8;*/
/*    color: #333; !* Darker text color for better contrast *!*/
/*    cursor: default;*/
/*    pointer-events: none;*/
/*    font-weight: bold; !* Optional: makes numbers clearer *!*/
/*}*/

        .pagination ul li.active a,
.pagination ul li.active button {
  background-color:#282c2d;
  color:#fff;
    cursor: default;
    pointer-events: none;
    font-weight: bold; /* Optional: makes numbers clearer */
}

        .pagination ul li.pagination-arrow a,
        .pagination ul li.pagination-arrow button {

  cursor:pointer;
  background-color:#e5e5e5;
  color:#282c2d;
  line-height:1;
  box-shadow:0 .1176470588rem .2941176471rem #00000029
        }

        @media (max-width: 991px) {
            .pagination ul li.pagination-num {
                display: none;
            }

            .pagination ul li.pagination-num.active {
                display: inline-block;
            }
        }