@extends('layouts.frontend')
@section('style')
<style>
    ._failed{ border-bottom: solid 4px red !important; }
._failed i{  color:red !important;  }

._success {
    box-shadow: 0 15px 25px #00000019;
    padding: 45px;
    width: 100%;
    text-align: center;
    margin: 40px auto;
    border-bottom: solid 4px #28a745;
}

._success i {
    font-size: 55px;
    color: #28a745;
}

._success h2 {
    margin-bottom: 12px;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 10px;
}

._success p {
    margin-bottom: 0px;
    font-size: 18px;
    color: #495057;
    font-weight: 500;
}
</style>
@endsection
@section('content')
<main>

  

    <section class="comn-padd">
        <div class="container">
            <div class="products-main-wrapper">
                <div class="row justify-content-center">
                    <div class="col-md-5">
                        <div class="message-box _failed">
                            <i class="fa fa-times-circle" aria-hidden="true"></i>
                            <h2>{{ __('messages.payment_failed_title') }}</h2>
                            <p>{{ __('messages.payment_failed_message') }}</p>
                            <div class="mt-4">
                                <a href="{{ url('/') }}" class="btn btn-primary">{{ __('messages.back_to_home') }}</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    

</main>

@endsection