@extends('layouts.app')
{{-- @extends('layouts.cms-nav') --}}
@section('content')
<main id="main">
    <section class="inner-page">
        <div class="container mt-5">
            <section id="payment-details" class="payment-details">
                <div class="container">
                    <div class="row justify-content-center" data-aos="fade-top" data-aos-delay="200">
                        <div class="col-lg-9 text-center col-md-12 mt-4 mt-md-0">
                            <div class="card shadow-lg border-0 p-5" style="border-radius: 30px;">
                                <div class="card-body">
                                    <div class="text-center">
                                        <i style="font-size: 5rem!important;" class='text-danger fa-solid fa-triangle-exclamation'></i>
                                        <h4 class="mt-3"><strong>{{ __("Payment Failed!") }}</strong></h4>
                                        <div class="row justify-content-center mt-5">
                                            <div class="col-lg-8">
                                                <h4 class="mt-3"><strong>{{ __("Restart the app and try again!") }}</strong></h4>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
      </section>
</main>
@endsection
{{-- @extends('layouts.footer') --}}