.pagination-block {
                padding: 1rem 0;
                justify-content: center;
                display: flex;
            }

            .pagination-block>span {
                width: .75rem;
                height: .75rem;
            }

            .pagination-block>.swiper-pagination-bullet-active {
                background: var(--style-color);
            }

            .pagination-inline {
                display: inline
            }

            .pagination-inline .prevbtn, .pagination-inline .nextbtn {
                width: 1.5rem;
                height: 3rem;
                font-size: 1rem;
                line-height: 2.75rem;
                color: #fff;
                background: var(--style-color);
                border-radius: 0;
                padding: 0;
                text-align: center;
                position: absolute;
                top: 50%;
                margin-top: -1.5rem;
                display: none;
                z-index: 12;
            }

            .pagination-inline .prevbtn {
                left: 0%;
            }

            .pagination-inline .nextbtn {
                right: 0%;
            }

            .pagination {
                list-style: none;
                justify-content: center;
                display: -ms-flexbox;
                display: flex;
                margin-top: 10px;
            }

            .pagination>a,.pagination>span {
                color: var(--style-color);
                border: 1px solid var(--style-color);
                padding: .2rem .625rem;
                margin: 0 .325rem;
            }

            .pagination>a:hover, .pagination>span:hover, .pagination>span {
                background-color: var(--style-color);
                color: #fff;
            }