<%- include("../includes/header") %>
    <style>
        h1 {
            color: #88B04B;
            font-family: "Nunito Sans", "Helvetica Neue", sans-serif;
            font-weight: 900;
            font-size: 40px;
            margin-bottom: 10px;
        }

        p {
            color: #404F5E;
            font-family: "Nunito Sans", "Helvetica Neue", sans-serif;
            font-size: 20px;
            margin: 0;
        }

        i {
            color: #9ABC66;
            font-size: 100px;
            line-height: 200px;
            margin-left: -15px;
        }

        .card {
            background: white;
            padding: 60px;
            border-radius: 4px;
            box-shadow: 0 2px 3px #C8D0D8;
            display: inline-block;
            margin: 0 auto;
        }
    </style>
    <!-- Appointment -->
    <section class="section-area account-wraper1">
        <div class="container-fluid text-center">
            <div class="card">
                <div style="border-radius:200px; height:200px; width:200px; background: #fb00001f; margin:0 auto;">
                    <i class="cross">X</i>
                </div>
                <h1>Failed</h1>
                <p>Oops! Something went wrong.<br /> we'll be in touch shortly!</p>
            </div>
        </div>
    </section>

    </div>
    <button onclick='window.scrollTo({top: 0, behavior: "smooth"});' class="back-to-top fa fa-chevron-up"></button>
    </div>

    <%- include("../includes/footer") %>