<style type="text/css">

    .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
        background-color: #093979 !important;
        color: #ffffff !important;
    }
</style>


<div class="container">
    <div class="row">
        <div class="col-12 col-lg-3">
        </div>
        <div class="col-12 col-lg-6">

            {!! str_replace('/?', '?', $data->render()) !!}
            {{--            --}}
            {{--            <div class="text-center margin-50px-top wow fadeInUp">--}}
            {{--                <div class="pagination text-small text-uppercase text-extra-dark-gray">--}}
            {{--                    <ul class="mx-auto">--}}
            {{--                        <li><a href="#"><i class="fas fa-long-arrow-alt-left margin-5px-right d-none d-md-inline-block"></i> Prev</a></li>--}}
            {{--                        <li class="active"><a href="#">1</a></li>--}}
            {{--                        <li><a href="#">2</a></li>--}}
            {{--                        <li><a href="#">3</a></li>--}}
            {{--                        <li><a href="#">Next <i class="fas fa-long-arrow-alt-right margin-5px-left d-none d-md-inline-block"></i></a></li>--}}
            {{--                    </ul>--}}
            {{--                </div>--}}
            {{--            </div>--}}

        </div>
    </div>

</div>
