@extends('front.layout.app')
@section('content')

<main>

    <section class='pay_section'>

        <div class="container">
            <div class="row justify-content-center">
                <div class="col-12 col-sm-12 col-md-12 col-lg-5">
                    <div class="row">

                        <div class="col-12">
                            <div>
                                <div class='d-flex justify-content-center'>
                                    <div class='border_lock'>
                                        <i class="fa-regular fa-lock"></i>

                                    </div>
                                </div>

                                <p class='para_step'>
                                    Step 1 OF 2
                                </p>

                                <h3>
                                    Choose how to pay
                                </h3>
                                <p>
                                    Your payment is encrypted and you can change how you pay anytime.
                                </p>
                                <p>
                                    Secure for peace of mind
                                </p>
                                <p>
                                    Cancel wasy online
                                </p>
                            </div>
                            <div>
                                <p class='encr'>
                                    End-to-end encrypted <i class="fa-regular fa-lock"></i>
                                </p>
                            </div>

                            <a href='#' class='main_border_pay'>
                                <p>
                                    Credit or Debit Card
                                </p>
                                <img src="images/card_de.png" class='img-fluid' alt="">
                            </a>

                        </div>

                    </div>
                </div>
            </div>
        </div>

    </section>





</main>

@endsection