<!-- Main content -->
<div class="content-wrapper">

    <!-- Inner content -->
    <div class="content-inner">

        <!-- Container -->
        <div class="flex-fill mt-5">

            <!-- Error title -->
            <div class="text-center mb-4">
                <h1 class="display-3 fs-xxxl fw-bold text-warning">404</h1>
                <h2 class="heading1"><?= $translate['oops_The_page_does_not_exist'] ?></h2>
                <p class="fs-3 text-muted"><?= $translate['sorry_we_couldnt_find_the_page'] ?>.</p>
            </div>
            <!-- /error title -->

            <!-- Error content -->
            <div class=" text-center">
                <a href="home" class="btn btn-indigo">
                    <span class="me-1"><?= $translate['go_back_to_home_page'] ?></span>
                    <i class="ph-arrow-right"></i>
                </a>
            </div>
            <!-- /error wrapper -->

        </div>
        <!-- /container -->

    </div>
    <!-- /inner content -->

</div>
<!-- /main content -->