<ul class="pagination">
                                    <li class="page-item"><a class="page-link" href="#!">1</a></li>
                                    <li class="page-item"><a class="page-link is-active" href="#!">2</a></li>
                                    <li class="page-item"><a class="page-link" href="#!">3</a></li>
                                    <li class="page-item"><a class="page-link" href="#!">
                                    <i class="ri-arrow-right-s-line md hydrated" role="img" aria-label="chevron forward outline"></i> </a>
                                    </li>
                                </ul>
                                
                            

                                
                                    <nav aria-label="Page navigation  ">
                                    <ul class="pagination has_style1">
                                        <li class="page-item"><a class="page-link" href="#!">1</a></li>
                                        <li class="page-item"><a class="page-link is-active" href="#!">2</a></li>
                                        <li class="page-item"><a class="page-link" href="#!">3</a></li>
                                        <li class="page-item"><a class="page-link" href="#!">
                                                <i class="ri-arrow-right-s-line md hydrated" role="img"
                                                    aria-label="chevron forward outline"></i> </a></li>
                                    </ul>
                                </nav>