@{
    ViewBag.Title = "NotFound";
    Layout = "~/Views/Shared/_AnonLayout.cshtml";
}


<div class="container">
    <div class="card card-body col-sm-12 shadow-lg">
        <div class="row flex-column-reverse flex-lg-row">
            <div class="col-sm-4 offset-1 p-t-140">
                <div>
                    <h2 class="font-weight-bolder font-size-51" style="font-family:'Roboto',sans-serif;">Oops!</h2>
                    <div class="font-color-grey font-size-16 pt-2">
                        We can't seem to find the page you're looking for.
                    </div>
                </div>
                <div>
                    <div class="font-size-16 font-weight-bold pt-4">
                        Here are some helpful links:
                    </div>
                    <div class="row">
                        <div class="col-sm-12 btn-group my-2">
                            <div class=""><a href="@Url.Action(" Register", "Account" )" class="btn btn-md btn-primary font-size-10 font-weight-bold"><i class="fa fa-arrow-right pull-right"></i>HOME</a></div>
                            <div class="ml-3"><a href="@Url.Action(" Login", "Account" )" class="btn btn-md btn-primary font-weight-bold"><i class="fa fa-arrow-right pull-right"></i>RESUME JOURNEY</a></div>
                            <div class="ml-3"><a href="" class="btn btn-md btn-primary font-size-10 font-weight-bold"><i class="fa fa-arrow-right pull-right"></i>CHAT</a></div>
                        </div>
                        <div class="col-sm-12 btn-group">
                            <div class=""><a href="@Url.Action(" Register", "Account" )" class="btn btn-md btn-primary font-size-10 font-weight-bold"><i class="fa fa-arrow-right pull-right"></i>OPEN AN ACCOUNT</a></div>
                            <div class="ml-3"><a href="" class="btn btn-md btn-primary font-size-10 font-weight-bold"><i class="fa fa-arrow-right pull-right"></i>CONTACT US</a></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 p-t-140 font-size-46 text-center">
                404
            </div>
        </div>
    </div>
</div>


<style>
    /*.errormsgbox {
        max-width: 501px;
        height: 217px;
        right: -548px;
        bottom: 410px;
        border-style: none;
        vertical-align: middle;
    }*/

    .font-size-51 {
        font-size: 95px;
    }

    .font-size-46 {
        font-size: 204px;
        color: #FF5F39;
        margin-top: -16px;
    }

    .card {
        margin-top: 55px;
    }

    .font-size-16 {
        font-size: 15px;
    }
</style>