<?php
http_response_code(404);
?>
<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>404 - Page Not Found</title>

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- AOS -->
    <link href="https://unpkg.com/aos@2.3.4/dist/aos.css" rel="stylesheet">

    <!-- Style -->
    <link rel="stylesheet" href="css/style.min.css">

    <style>

        body {

            background: #F05B18;

            min-height: 100vh;

            display: flex;

            justify-content: center;

            align-items: center;

            color: #fff;

            font-family: 'Poppins', sans-serif;

            overflow: hidden;
        }

        .error-box {

            max-width: 700px;

            width: 90%;

            text-align: center;

            padding: 60px 40px;

            background: rgba(255,255,255,.08);

            backdrop-filter: blur(15px);

            border-radius: 25px;
        }

        .error-code {

            font-size: 180px;

            line-height: 1;

            font-weight: 900;

            color: #CFF16F;
        }

        h1 {

            font-size: 42px;

            margin-bottom: 20px;
        }

        p {

            font-size: 18px;

            margin-bottom: 30px;

            opacity: .9;
        }

        .home-btn {

            background: #CFF16F;

            color: #111;

            text-decoration: none;

            padding: 15px 35px;

            border-radius: 8px;

            font-weight: 700;

            display: inline-block;

            transition: .3s ease;
        }

        .home-btn:hover {

            color: #111;

            transform: translateY(-3px);
        }

        @media(max-width:767px){

            .error-code{
                font-size:100px;
            }

            h1{
                font-size:30px;
            }

        }

    </style>

</head>

<body>

    <div class="error-box" data-aos="zoom-in">

        <div class="error-code">
            404
        </div>

        <h1>
            Page Not Found
        </h1>

        <p>
            Sorry, the page you're looking for doesn't exist or may have been moved.
        </p>

        <a href="/lakhotia-realty" class="home-btn">
            Back To Home
        </a>

    </div>

    <script src="https://unpkg.com/aos@2.3.4/dist/aos.js"></script>

    <script>
        AOS.init({
            duration: 800,
            once: true
        });
    </script>

</body>

</html>