<!DOCTYPE html>
<html lang="en">
<head>
    
    <!-- Favicon -->
    <link href="https://infinitywave.io/assets/images/Infinity/Infinity FM Icon.png" rel="shortcut icon">
    <!-- CSS -->
    <link href="https://infinitywave.io/assets/plugins/bootstrap/bootstrap.min.css" rel="stylesheet">
    <link href="https://infinitywave.io/assets/plugins/owl-carousel/owl.carousel.min.css" rel="stylesheet">
    <link href="https://infinitywave.io/assets/plugins/owl-carousel/owl.theme.default.min.css" rel="stylesheet">
    <link href="https://infinitywave.io/assets/plugins/magnific-popup/magnific-popup.min.css" rel="stylesheet">
    <link href="https://infinitywave.io/assets/plugins/sal/sal.min.css" rel="stylesheet">
    <link href="https://infinitywave.io/assets/css/theme.css?v=16.0.0" rel="stylesheet">

    
    <!-- Fonts/Icons -->
    <link href="https://infinitywave.io/assets/plugins/font-awesome/css/all.css" rel="stylesheet">
    <link href="https://infinitywave.io/assets/plugins/themify/themify-icons.min.css" rel="stylesheet">
    <link href="https://infinitywave.io/assets/plugins/simple-line-icons/css/simple-line-icons.css" rel="stylesheet">

    <style>
.wp-container-core-columns-is-layout-1,
.wp-container-core-columns-is-layout-2,
.wp-container-core-columns-is-layout-3,
.wp-container-core-columns-is-layout-4 {
  max-width: 1300px;
  margin: 0 auto; /* Centers horizontally */
}

@media (max-width: 992px) {

}
.wp-container-core-columns-is-layout-4 {
margin-top:70px; }

 @media (max-width: 992px){
 .wp-block-group {
    padding-left: 20px;
    padding-right: 20px;
}
.is-nowrap {
padding: 0;
}}
        /* Mobile (max-width: 768px) - black text */
        @media (max-width: 992px) {
            .desktop-text {
                color: black !important;
            }
            /* Ensure the button text stays white */
            .header-menu-extra .bg-black {
                color: white !important;
            }
            .header-menu {
                display: none; /* Hide menu by default on mobile */
            }
            .header-menu.active {
                display: block; /* Show menu when active */
            }
        }
.wp-block-column {     word-break: normal; }
p, li, div {
    color: black !important; /* Forces the text to be black */
}
:root :where(.is-layout-flow) > * {
    margin-block-start: 0px; /* Override the margin */
}

    </style>
</head>
<body data-preloader="1">
    <!-- Header -->
    <div class="header center absolute-dark">
        <div class="container">
            <!-- Logo -->
            <div class="header-logo">
                <h3><a href="https://infinitywave.io/">infinity wave</a></h3>
            </div>

            <!-- Menu Toggle -->
            <button class="header-toggle">
                <span></span>
            </button>

            <!-- Menu -->
            <div class="header-menu">
                <ul class="nav pt-lg-4">
                    <li class="nav-item">
                        <a href="https://infinitywave.io/FOX"><button class="btn-hd desktop-text" style="padding: 8px; border-radius: 10px;">FOX</button></a>
                    </li>
                    <li class="nav-item">
                        <a href="https://infinitywave.io/consulting"><button class="btn-hd desktop-text" style="padding: 8px; border-radius: 10px;">Consulting</button></a>
                    </li>
                    <li class="nav-item">
                        <a href="https://infinitywave.io/blogmain"><button class="btn-hd desktop-text" style="padding: 8px; border-radius: 10px;">Blog</button></a>
                    </li>
<li class="nav-item">
                        <a href="https://infinitywave.io/careers"><button class="btn-hd desktop-text" style="padding: 8px; border-radius: 10px;">Career</button></a>
                    </li>
                    <li class="nav-item">
                        <a href="https://infinitywave.io/contact"><button class="btn-hd desktop-text" style="padding: 8px; border-radius: 10px;">About Us</button></a>
                    </li>
            </div>
        </div>
        <!-- end container -->
    </div>
    <!-- end Header -->

    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script>
        $(document).ready(function() {
            $('.header-toggle').on('click', function() {
                $('.header-menu').toggleClass('active'); // Toggle the menu visibility
            });
        });
    </script>
</body>
</html>

<style>
    @media screen and (min-width: 1200px) {
        .foOfo
        {
            margin-top: 200px;
            margin-bottom: 200px;
        }
        
        .notfound
        {
            margin-bottom: 30px;
        }
    }

    @media screen and (max-width: 1200px) {
        .foOfo
        {
            margin-top: 200px;
            margin-bottom: 200px;
        }
        
        .notfound
        {
            margin-bottom: 30px;
        }
       
    }

    @media screen and (max-width: 992px) {
        .foOfo
        {
            margin-top: 200px;
            margin-bottom: 200px;
        }
        .notfound
        {
            margin-bottom: 30px;
        }
    }

    @media screen and (max-width: 768px) {
        .foOfo
        {
            margin-top: 200px;
            margin-bottom: 200px;
        }
        
        .notfound
        {
            font-size: 28px;
            margin-bottom: 30px;
        }
    }

    @media screen and (max-width: 576px) {
        .foOfo
        {
            margin-top: 200px;
            margin-bottom: 200px;
        }
        
        .notfound
        {
            font-size: 19px;
            margin-bottom: 30px;
        }
    }
    
    .btn-pnf
    {
        background-color: #F3F3F3;
        font-weight: 600;
        width: 150px;
        padding: 10px 0;
        border-radius: 10px;
    }

    .btn-pnf:hover {
    background-color: #d1d1d1; /* Darker shade for hover effect */
}
</style>

        <div class="section">
			<div class="container">
                <div class="text-center foOfo">
                    <h1 class="notfound">Sorry, that page cannot be found.</h1>
                    <a class="goback" href="https://infinitywave.io/"><button class="btn-pnf">Go to main page</button></a>
                </div>
			</div><!-- end container -->
		</div>

<!DOCTYPE html>
<html lang="en">
    <head>
        <!-- Favicon -->
        <link href="https://infinitywave.io/assets/images/Infinity/Infinity FM Icon.png" rel="shortcut icon">
        <!-- CSS -->
        <link href="https://infinitywave.io/assets/plugins/bootstrap/bootstrap.min.css" rel="stylesheet">
        <link href="https://infinitywave.io/assets/plugins/owl-carousel/owl.carousel.min.css" rel="stylesheet">
        <link href="https://infinitywave.io/assets/plugins/owl-carousel/owl.theme.default.min.css" rel="stylesheet">
        <link href="https://infinitywave.io/assets/plugins/magnific-popup/magnific-popup.min.css" rel="stylesheet">
        <link href="https://infinitywave.io/assets/plugins/sal/sal.min.css" rel="stylesheet">
        <link href="https://infinitywave.io/assets/css/theme.css?v=5.0.3" rel="stylesheet">

        <!-- Fonts/Icons -->
        <link href="https://infinitywave.io/assets/plugins/font-awesome/css/all.css" rel="stylesheet">
        <link href="https://infinitywave.io/assets/plugins/themify/themify-icons.min.css" rel="stylesheet">
        <link href="https://infinitywave.io/assets/plugins/simple-line-icons/css/simple-line-icons.css" rel="stylesheet">

        <style>
            .ft {
                padding: 0;
            }
            #google_translate_element select,
            #google_translate_element .goog-te-menu-value span,
            #google_translate_element .goog-te-menu2-item div {
                color: black !important; /* Force text color to black */
            }
            #google_translate_element a {
                color: inherit !important;  /* Ensure it inherits the color */
            }
        </style>
    </head>
    <body data-preloader="1">
        <footer style="margin-top: -110px;">
            <div class="section-sm">
                <div class="container" style="border-top: 1px solid #0000001a;">
                    <h3 class="mt-5">infinity wave</h3>
                    <div id="google_translate_element" class="mb-3"></div>
                    <div class="row col-spacing-20" style="color: rgba(255, 255, 255, 0.8);">
                        <div class="col-6 col-sm-6 col-lg-2 mr-lg-4">
                            <h6 class="font-small uppercase" style="font-size: 20px;">Company</h6>
                            <ul class="list-unstyled">
                                <li><a href="https://infinitywave.io/contact">About Us</a></li>
                                <li><a href="https://infinitywave.io/careers">Career</a></li>
                                <li><a href="https://infinitywave.io/blogmain">Blog</a></li>
                            </ul>
                        </div>
                        <div class="col-8 col-sm-7 col-lg-2 mr-lg-4">
                            <h6 class="font-small uppercase" style="font-size: 20px;">Services</h6>
                            <ul class="list-unstyled">
                                <li><a href="https://infinitywave.io/FOX">FOX</a></li>
                                <li><a href="https://infinitywave.io/consulting">Consulting</a></li>
                            </ul>
                        </div>
                        <div class="col-7 col-sm-6 col-lg-2 mr-lg-4">
                            <h6 class="font-small uppercase" style="font-size: 20px;">Resources</h6>
                            <ul class="list-unstyled">
                                <li><a href="https://infinitywave.io/privacy">Privacy Policy</a></li>
                                <li><a href="https://infinitywave.io/tnc">Terms of Use</a></li>
                            </ul>
                        </div>
                        <div class="col-7 col-sm-7 col-lg-2 mt-lg-0 mt-4 mr-lg-1">
                            <ul class="list-inline social-icons">
                                <li><a href="https://www.facebook.com/infinity_ifm-101781841745735"><i class="fab fa-facebook-square fa-lg"></i></a></li>
                                <li><a href="https://www.linkedin.com/company/infinityfm"><i class="fab fa-linkedin fa-lg"></i></a></li>
                                <li><a href="https://www.youtube.com/channel/UCX_zJiMFFsTMnH0D2y2DFrg"><i class="fab fa-youtube fa-lg"></i></a></li>
                            </ul>
                        </div>
                        <div class="col-8 col-sm-6 col-lg-3 mt-lg-0 mt-4">
                            <p class="address">
                                Sunway Iskandar,<br>
                                Bandar Medini Iskandar,<br>
                                79250 Iskandar Puteri,<br>
                                Johor Darul Ta'zim, Malaysia
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="section-xs copyright">
                <div class="container text-center">
                    <p>&copy; <span id="year"></span> Infinity Wave Sdn. Bhd., All Rights Reserved.</p>
                </div>
            </div>

            <script>
                // Get the current year
                const year = new Date().getFullYear();
                document.getElementById("year").textContent = year;

                // Google Translate Initialization
                if (!window.googleTranslateElementInit) {
                    function googleTranslateElementInit() {
                        new google.translate.TranslateElement({
                            pageLanguage: 'en',
                            includedLanguages: 'en,pt,zh-CN,ko,de',
                            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
                        }, 'google_translate_element');
                    }

                    // Load Google Translate script
                    const script = document.createElement('script');
                    script.type = 'text/javascript';
                    script.src = 'https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit';
                    script.async = true;
                    script.defer = true;
                    document.body.appendChild(script);
                }
            </script>
        </footer>

        <script src="https://infinitywave.io/assets/plugins/jquery.min.js"></script>
        <script src="https://infinitywave.io/assets/plugins/plugins.js"></script>
        <script src="https://infinitywave.io/assets/js/functions.js"></script>
    </body>
</html>