@extends('layouts.portal_theme_01')
@section('customcss')
    <style>
        .card-img-top {
            height: 200px; /* Ensures all images are the same height */
            object-fit: cover; /* Maintains aspect ratio and ensures image fills the container */
        }

        .card-body {
            display: flex;
            flex-direction: column;
            justify-content: space-between; /* Aligns content properly inside the card */
        }
    </style>
    @section('content')


        <div class="container pb-5">
            <div class="row mt-3">

                    <div class="row">
                        <div class="h-100 p-5 text-bg-light border rounded-3">
                            <h2>Checkout Error!</h2>
                            <p>An unexpected error happen while completing your checkout! If you keep experiencing this issue, please contact us at
                            <strong>herocodecentral@gmail.com</strong> to assist you further.</p>
                            <a class="btn btn-primary" type="button" href="mailto:herocodecentral@gmail.com" target="_blank">
                                Contact Us
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>


    @endsection

    @section('script')
        <script>


        </script>
    @endsection