<%- 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: #F8FAF5; margin:0 auto;">
                    <i class="checkmark">✓</i>
                </div>
                <h1>Success</h1>
                <p>We received your order<br /> you will receive order email shortly!</p>
                <br>
                <p>Click <a href="/orders">here </a>to view order</p>
            </div>
        </div>
    </section>

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

   <!-- Footer ==== -->

<!-- footer bottom -->
<div class="back-color" style="position: absolute;bottom: 0;right: 0;left: 0;">
    <div class="container">
        <div class="footer-bottom">
            <div class="row">
                <div class="col-12 text-center">
                    <p class="copyright-text" style="color:#fff;font-size: 18px;">© Copyright 2022 Darwin Platform Pharmaceutical Limited <a href="#"
                            target="_blank" class="text-secondary"></a></p>
                </div>
            </div>
      </div>
    </div>
</div>


<!-- JAVASCRIPT FILES ========================================= -->
<script src="/js/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<script src="/admin/modules/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="/vendor/bootstrap-select/js/bootstrap-select.min.js"></script>
<script src="/vendor/swiper/swiper.min.js"></script>
<script src="/vendor/magnific-popup/jquery.magnific-popup.js"></script>
<script src="/js/swiper.min.js"></script>
<script src="/js/custom.js"></script>
<script src="/vendor/toastify/toastify-js.js"></script>
<script src="/js/sliderResponsive.js"></script>
<script src="/js/functions.js"></script>


</body>

</html>