@extends('layout.main')



@section('main-section')
    <!-- Content Wrapper Start -->
    <div class="content-wrapper">

        <!-- Breadcrumb Start -->
        <div class="breadcrumb-wrap bg-spring">
            <img src="{{ asset('assets/img/breadcrumb/br-shape-1.png') }}" alt="Image" class="br-shape-one xs-none">
            <img src="{{ asset('assets/img/breadcrumb/br-shape-2.png') }}" alt="Image" class="br-shape-two xs-none">
            <img src="{{ asset('assets/img/breadcrumb/br-shape-3.png') }}" alt="Image"
                class="br-shape-three moveHorizontal sm-none">
            <img src="{{ asset('assets/img/breadcrumb/br-shape-4.png') }}" alt="Image"
                class="br-shape-four moveVertical sm-none">

            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-7 col-md-8 col-sm-8">
                        <div class="breadcrumb-title">
                            <h2>Services</h2>
                            <ul class="breadcrumb-menu list-style">
                                <li><a href="{{ route('home') }}">Home </a></li>
                                <li>Services</li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-5 col-md-4 col-sm-4 xs-none">
                        <div class="breadcrumb-img">
                            <img src="{{ asset('assets/img/breadcrumb/br-shape-5.png') }}" alt="Image"
                                class="br-shape-five animationFramesTwo">
                            <img src="{{ asset('assets/img/breadcrumb/br-shape-6.png') }}" alt="Image"
                                class="br-shape-six bounce">
                            <img src="{{ asset('assets/img/breadcrumb/breadcrumb-2.png') }}" alt="Image">

                        </div>
                    </div>
                </div>
            </div>
            <!-- Breadcrumb End -->

            <!-- Service Section Start -->
            <section class="service-wrap ptb-100">
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-xl-4 col-lg-6 col-md-6">
                            <div class="service-card style4">
                                <div class="service-info">
                                    <div class="service-title">
                                        <span><i class="flaticon-payment-method"></i></span>
                                        <h3>Mobile Recharge</h3>

                                    </div>
                                    <p>
                                        Recharge your mobile quickly and easily with Payon. Our platform supports all major
                                        telecom providers, offering seamless and secure transactions 24/7.
                                    </p>
                                    <a href="#" class="link style1">Learn More <i
                                            class="flaticon-right-arrow-1"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-6 col-md-6">
                            <div class="service-card style4">
                                <div class="service-info">
                                    <div class="service-title">
                                        <span><i class="flaticon-computer"></i></span>
                                        <h3>DTH Recharge</h3>
                                    </div>
                                    <p>
                                        Recharge your DTH connection instantly with Payon. We support all major DTH
                                        providers, ensuring fast, secure, and hassle-free recharges anytime you need.
                                    </p>
                                    <a href="#" class="link style1">Learn More <i
                                            class="flaticon-right-arrow-1"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-6 col-md-6">
                            <div class="service-card style4">
                                <div class="service-info">
                                    <div class="service-title">
                                        <span><i class="flaticon-loan-1"></i></span>
                                        <h3>Electricity Bill</h3>
                                    </div>

                                    <p>
                                        Pay your electricity bills quickly and securely with Payon. We support all major
                                        electricity boards, offering a smooth and reliable payment experience.
                                    </p>

                                    <a href="#" class="link style1">Learn More <i
                                            class="flaticon-right-arrow-1"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-6 col-md-6">
                            <div class="service-card style4">
                                <div class="service-info">
                                    <div class="service-title">
                                        <span><i class="flaticon-secure-shield"></i></span>
                                        <h3>Money Transfer</h3>
                                    </div>
                                    <p>
                                        Move your money with ease using Payon. Our platform enables seamless transfers to
                                        any Indian bank, offering a quick and secure way to send funds anytime.
                                    </p>
                                    <a href="#" class="link style1">Learn More <i
                                            class="flaticon-right-arrow-1"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-6 col-md-6">
                            <div class="service-card style4">
                                <div class="service-info">
                                    <div class="service-title">
                                        <span><i class="flaticon-mortarboard"></i></span>
                                        <h3>Landline</h3>
                                    </div>
                                    <p>
                                        Pay your landline bills online with Payon. Enjoy a quick, secure, and convenient way
                                        to stay connected without missing a due date, with instant confirmation.
                                        
                                    </p>
                                    <a href="#" class="link style1">Learn More <i
                                            class="flaticon-right-arrow-1"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-6 col-md-6">
                            <div class="service-card style4">
                                <div class="service-info">
                                    <div class="service-title">
                                        <span><i class="flaticon-loan"></i></span>
                                        <h3>Loan EMI</h3>
                                    </div>
                                    <p>
                                        Pay your loan EMIs on time with Payon. Our platform offers a secure and hassle-free
                                        way to manage monthly installments for all major banks and NBFCs.
                                    </p>
                                    <a href="#" class="link style1">Learn More <i
                                            class="flaticon-right-arrow-1"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-6 col-md-6">
                            <div class="service-card style4">
                                <div class="service-info">
                                    <div class="service-title">
                                        <span><i class="flaticon-computer"></i></span>
                                        <h3>Broadband</h3>
                                    </div>
                                    <p>
                                        Pay your broadband bills instantly with Payon. We support all major ISPs, offering a
                                        smooth and secure payment experience from the comfort of your home.
                                    </p>
                                    <a href="#" class="link style1">Learn More <i
                                            class="flaticon-right-arrow-1"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-6 col-md-6">
                            <div class="service-card style4">
                                <div class="service-info">
                                    <div class="service-title">
                                        <span><i class="flaticon-loan-1"></i></span>
                                        <h3>Gas Bill</h3>
                                    </div>
                                    <p>
                                        Pay your gas bills effortlessly with Payon. Our platform supports all major gas
                                        providers, ensuring fast and secure payments from anywhere.
                                    </p>
                                    <a href="#" class="link style1">Learn More <i
                                            class="flaticon-right-arrow-1"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-6 col-md-6">
                            <div class="service-card style4">
                                <div class="service-info">
                                    <div class="service-title">
                                        <span><i class="flaticon-loan-1"></i></span>
                                        <h3>Water Bill</h3>
                                    </div>
                                    <p>
                                        Pay your water bills quickly and securely with Payon. We support all major water
                                        supply boards, making bill payments easy and hassle-free.
                                    </p>
                                    <a href="#" class="link style1">Learn More <i
                                            class="flaticon-right-arrow-1"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-6 col-md-6">
                            <div class="service-card style4">
                                <div class="service-info">
                                    <div class="service-title">
                                        <span><i class="flaticon-secure-shield"></i></span>
                                        <h3>Insurance</h3>
                                    </div>
                                    <p>
                                        Pay your insurance premiums easily with Payon. Our platform supports all major
                                        insurers, offering secure and hassle-free premium payments online.
                                    </p>
                                    <a href="#" class="link style1">Learn More <i
                                            class="flaticon-right-arrow-1"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-6 col-md-6">
                            <div class="service-card style4">
                                <div class="service-info">
                                    <div class="service-title">
                                        <span><i class="flaticon-loan"></i></span>
                                        <h3>Subscriptions</h3>
                                    </div>
                                    <p>
                                        Manage and pay your subscription bills effortlessly with Payon. From magazines to
                                        streaming services, enjoy hassle-free, on-time payments.
                                    </p>
                                    <a href="#" class="link style1">Learn More <i
                                            class="flaticon-right-arrow-1"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-6 col-md-6">
                            <div class="service-card style4">
                                <div class="service-info">
                                    <div class="service-title">
                                        <span><i class="flaticon-computer"></i></span>
                                        <h3>AEPS</h3>
                                    </div>
                                    <p>
                                        Perform secure and instant transactions using your Aadhaar number with Payon’s AEPS
                                        service. Easy banking at your fingertips without needing a card.
                                    </p>
                                    <a href="#" class="link style1">Learn More <i class="flaticon-right-arrow-1">
                                        </i></a>
                                </div>
                            </div>
                        </div>

                    </div>
                    <ul class="page-nav list-style mt-20">
                        <li><a href="#"><i class="flaticon-back"></i></a></li>
                        <li><a class="active" href="#">1</a></li>
                        <li><a href="#">2</a></li>

                        <li><a href="#"><i class="flaticon-next-1"></i></a></li>
                    </ul>
                </div>
            </section>
            <!-- Service Section End -->

        </div>
        <!-- Content Wrapper End -->
    @endsection