<html>
<head>
    <style>
        .pb_150 {
    padding-bottom: 150px;
}
.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}
.pt_140 {
    padding-top: 140px;
}
.p_relative {
    position: relative;
}
.d_block {
    display: block;
}
.centred {
    text-align: center;
}   
.mb_70 {
    margin-bottom: 70px;
}
img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
}
.fs_24 {
    font-size: 24px;
}
.mb_55 {
    margin-bottom: 55px;
}
.fw_medium {
    font-weight: 500;
}
.error-section .inner-box .theme-btn {
    font-size: 16px;
}
.error-section .inner-box .theme-btn {
    background: #6a36ff;
}
.theme-btn-five {
    background: #612ade;
    padding: 17px 40px;
}
.theme-btn {
    position: relative;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    font-size: 15px;
    line-height: 26px;
    font-weight: 600;
    font-family: 'Inter', sans-serif;
    color: #fff !important;
    text-align: center;
    padding: 12px 32px;
    border-radius: 5px;
    text-transform: capitalize;
    z-index: 1;
    -webkit-transition: all cubic-bezier(.4,0,.2,1) .4s;
    -o-transition: all cubic-bezier(.4,0,.2,1) .4s;
    transition: all cubic-bezier(.4,0,.2,1) 
}
.theme-btn-five:before {
    position: absolute;
    content: '';
    background: #141417;
    width: 0%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: -1;
    transition: all 500ms ease;
}
.error-section .inner-box .theme-btn i {
    position: relative;
    font-size: 24px;
    margin-left: 0px;
    margin-right: 10px;
    top: 2px;
}
.fa-long-arrow-left:before {
    content: "\f177";
}
.theme-btn-five:hover:before {
    width: 100%;
}
.theme-btn-five:before {
    position: absolute;
    content: '';
    background: #141417;
    width: 0%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: -1;
    transition: all 500ms ease;
}
    </style>
</head>
<body>
    <!-- header END -->


    <section class="error-section p_relative d_block centred pt_140 pb_150">
        <div class="auto-container">
            <div class="inner-box">
                <figure class="error-image p_relative d_block mb_70"><img src="images/icon/error.png" alt=""></figure>
                <h2 class="d_block fs_50 lh_60 fw_bold mb_12">404 - Page Not Found</h2>
                <h3 class="d_block fs_24 fw_medium mb_55">The page you are looking for does not exist.</h3>
                <div class="text-box">
                    <a href="/" class="theme-btn theme-btn-five"><i class="btn-icon-bx fas fa-plus"></i> Back to Homepage</a>
                </div>
            </div>
        </div>
    </section>




    <!-- header -->

    <!-- JAVASCRIPT FILES ========================================= -->

</body>

</html>