[REQ_ERR: 502] [KTrafficClient] Something is wrong. Enable debug mode to see the reason.<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
<style>
    body{
        margin:0;
        font-family: "Inter", sans-serif;
       
    }
    h1.page-title{
        font-size:65px;
        font-family: "Inter", sans-serif;
        font-weight: 700;
        margin: 20px 0;
    }
    .button-404{
        fill: #fff;
        color: #fff;
        border: #eb008b;
        background-color: #eb008b;
        border-radius: 5px 5px 5px 5px;
        padding: 22px 45px 22px 45px;
        cursor: pointer;
        font-family: "Inter", sans-serif;
        font-size:16px;
        font-weight:600;
    }
    .button-404:hover{
        fill: #eb008b;
        color: #eb008b;
        border:#fff;
        background-color: #fff;
        border-radius: 5px 5px 5px 5px;
        padding: 22px 45px 22px 45px;
        cursor: pointer;
    }

    @media screen and (max-width: 991px){
        h1.page-title{
            font-size:50px;
        }
    }
    @media screen and (max-width: 767px){
        h1.page-title{
            font-size:46px;
            margin:15px 0;
        }
    }
    @media screen and (max-width: 575px){
        h1.page-title {
            font-size: 34px;
            margin: 10px 0;
        }
       .page-content h2 {
            color: #fff;
            font-size: 18px;
            line-height: 26px;
            font-weight: 600;
        }
        .page-content p {
            color: #fff;
            font-size: 14px;
            line-height: 20px;
        }
        .button-404 {
            padding: 16px 38px 16px 38px;
        }
    }
</style>
<div id="primary" class="content-area" style="height:100vh; padding:15px; display:flex; justify-content:center; align-items:center; background-image: url('https://designingmedia.com/wp-content/uploads/2022/12/footer-background-image.png'); background-size: cover; background-repeat: no-repeat; background-position: center;">
    <div id="content" class="site-content" role="main" style="text-align: center;">

        <header class="page-header">
            <figure>
                <img src="https://designingmedia.com/wp-content/uploads/2022/12/DesigniningMediaLOGO.png" alt="logo">
            </figure>
            <h1 class="page-title" style="color:#fff">Not Found</h1>
        </header>

        <div class="page-wrapper">
            <div class="page-content">
                <h2 style="color:#fff">We Could Not Find The Page You are Looking For </h2>
                <p style="color:#fff">The link you are tryig to access is probably broken, or the page has been removed</p>
                <a href="https://designingmedia.com/">
                    <button class="button-404" style="margin-top: 20px;">Back to Home</button>
                </a>
            </div><!-- .page-content -->
        </div><!-- .page-wrapper -->

    </div><!-- #content -->
</div><!-- #primary -->