<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=0.9, shrink-to-fit=no, viewport-fit=cover" />

    <!-- Google Tag Manager -->
    <script>
    (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-PCKX4F4Q');
</script>

    <!-- End Google Tag Manager -->

    <!-- Microsoft Clarity - UK project (the PK site uses its own in _PkLayout.cshtml) -->
    <script type="text/javascript">
        (function(c,l,a,r,i,t,y){
            c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
            t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
            y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
        })(window, document, "clarity", "script", "ygmnbh1jzr");
    </script>

    <script>
    (function(w, d, t, u, o) {
        w[u] = w[u] || [], o.ts = (new Date).getTime();
        var n = d.createElement(t);
        n.src = "https://bat.bing.net/bat.js?ti=" + o.ti + ("uetq" != u ? "&q=" + u : ""),
        n.async = 1, n.onload = n.onreadystatechange = function() {
            var s = this.readyState;
            s && "loaded" !== s && "complete" !== s ||
            (o.q = w[u], w[u] = new UET(o), w[u].push("pageLoad"),
            n.onload = n.onreadystatechange = null)
        };
        var i = d.getElementsByTagName(t)[0];
        i.parentNode.insertBefore(n, i);
    })(window, document, "script", "uetq", {
        ti: "97272826",
        enableAutoSpaTracking: true
    });
</script>


    <title>404 - Page Not Found | Moneypex UK</title>
    <link rel="icon" type="image/x-icon" href="/img/icon.png">
    <meta name="description" content="The page you are looking for doesn&#x27;t exist. Return to Moneypex homepage." />
    
    <!--------------------Open Graph Start-------------------->
    <meta property="og:site_name" content="Moneypex">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://moneypex.com/404">
    <meta property="og:title" content="404 - Page Not Found | Moneypex UK">
    <meta property="og:description" content="The page you are looking for doesn&#x27;t exist. Return to Moneypex homepage.">
    <meta property="og:image" content="https://moneypex.com">
    <!--------------------Open Graph End---------------------->
    <!------------Twitter Card Start------------->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="@moneypex">
    <meta name="twitter:title" content="404 - Page Not Found | Moneypex UK">
    <meta name="twitter:description" content="The page you are looking for doesn&#x27;t exist. Return to Moneypex homepage.">
    <meta name="twitter:image" content="https://moneypex.com">
    <!------------Twitter Card End------------->
    <!-------------Canonical & Alternate Start------->
    <link rel="canonical" href="https://moneypex.com/404" />
    <link rel="alternate" hreflang="en-gb" href="https://moneypex.com/404" />
    <link rel="alternate" hreflang="x-default" href="https://moneypex.com/404">
    <!---------------Canonical & Alternate End------->

    <!-- Tawk.to Integration Script -->

    <!-- CSS Files - Load in correct order -->
    <link rel="stylesheet" href="/css/bootstrap.min.css?v=IRmqyEfQmwBelG-DWTohpbupEe-dvJ9VpscR1sTGiUs&amp;v=IRmqyEfQmwBelG-DWTohpbupEe-dvJ9VpscR1sTGiUs" href="/css/bootstrap.min.css" />
    <link rel="stylesheet" href="/css/design-system.css?v=gSg1-T1hPIxfx71qbWriCDDKmYTut0eTT78zk-m9v98&amp;v=gSg1-T1hPIxfx71qbWriCDDKmYTut0eTT78zk-m9v98" href="/css/design-system.css" />
    <link rel="stylesheet" href="/css/home.css?v=j9CtD0ZKNabSmJLuAu5PgASztBjDCWpLPmCIloMmwlA&amp;v=j9CtD0ZKNabSmJLuAu5PgASztBjDCWpLPmCIloMmwlA" href="/css/home.css" />
    <link rel="stylesheet" href="/css/toastr.min.css?v=8zWNqCgDOUez8mqM-4ibv-cQEzzP_8BxX2_N36JqVNg&amp;v=8zWNqCgDOUez8mqM-4ibv-cQEzzP_8BxX2_N36JqVNg" href="/css/toastr.min.css" />
    <!-- External Assets -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" />
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet" />
    
    <link rel="stylesheet" href="/css/app.css?v=YxOygb4YriUf7iDMsDcs6FKylTc" />
    <link rel="stylesheet" href="/css/site.css" href="/css/site.css" />
    <link rel="stylesheet" href="/css/tailwind.css?v=prD0Ak7mfOSb2SW0b5BWswArmS6rpId50u1Zdevko-8&amp;v=prD0Ak7mfOSb2SW0b5BWswArmS6rpId50u1Zdevko-8" href="/css/tailwind.css" />
    <link rel="stylesheet" href="/Content/tailwind.min.css?v=NBJPUmVMzNrUjau6KdVD7wDaykEMKjzdm8knxocrw8Q&amp;v=NBJPUmVMzNrUjau6KdVD7wDaykEMKjzdm8knxocrw8Q" href="/Content/tailwind.min.css" />
    <!-- All fix styles bundled into one file -->
    <link rel="stylesheet" href="/css/fixes-bundle.css?v=VCh3BPiGjChi7z06s9a6I9NuvQfY97xp3BPl8ELtJyY&amp;v=VCh3BPiGjChi7z06s9a6I9NuvQfY97xp3BPl8ELtJyY" href="/css/fixes-bundle.css" />
    <link rel="stylesheet" href="/css/fbr.css" />
    <link rel="stylesheet" href="/css/footer-fix.css?v=deCBeX1QuJosla3ssZxFkuhWWRooXwjdo0Ap0NBg6zg&amp;v=deCBeX1QuJosla3ssZxFkuhWWRooXwjdo0Ap0NBg6zg" href="/css/footer-fix.css" />
    <!-- Hero animation layer - must load LAST so animations are never overridden -->
    <link rel="stylesheet" href="/css/hero-live.css?v=wlCCVVN1Q6dM-orXgGo03FvvbQYGzg5VFs9KBbFs6yE&amp;v=wlCCVVN1Q6dM-orXgGo03FvvbQYGzg5VFs9KBbFs6yE" href="/css/hero-live.css" />

    <!------------------Head Scripts Start----------------------->
    
    <!------------------Head Scripts End----------------------->
</head>
<body data-pm-url="https://practicemanager.moneypex.com" data-pm-web-base-url="https://practicemanager.moneypex.com">
    <!-- Google Tag Manager (noscript) -->
    <noscript>
    <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PCKX4F4Q"
            height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>

    <!-- End Google Tag Manager (noscript) -->
    <!-- Mobile Debug Script - Only in development/staging -->
        <script src="/js/mobile-debug.js"></script>
    <!-- Global Background Elements -->
    <!-- Animated Lines -->


    <!-- Gradient Orbs -->


    <div class="modal fade modern-cookie-modal" id="cookieConsentModal" tabindex="-1" role="dialog" aria-labelledby="cookieConsentModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <p class="modal-title" id="cookieConsentModalLabel">Pick your cookie preferences</p>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <p class="cookie-intro-text">
                        Some cookies are required for the functionality of our website and cannot be disabled. However, we need your permission to use optional cookies. You can change your cookie settings using the 'Manage Cookies' link. To learn more, visit our Cookies Policy.
                    </p>

                    <div class="cookie-option-card essential">
                        <div class="cookie-option-header">
                            <div class="cookie-checkbox-wrapper">
                                <input type="checkbox" class="cookie-checkbox" required disabled checked name="essential" id="essentialCookie">
                            </div>
                            <label for="essentialCookie" class="cookie-option-title">Essential</label>
                        </div>
                        <p class="cookie-option-description">
                            These cookies are required for the website to function properly. They protect your data.
                        </p>
                    </div>

                    <div class="cookie-option-card">
                        <div class="cookie-option-header">
                            <div class="cookie-checkbox-wrapper">
                                <input type="checkbox" class="cookie-checkbox" id="functionalCookie" name="functional">
                            </div>
                            <label for="functionalCookie" class="cookie-option-title">Functional</label>
                        </div>
                        <p class="cookie-option-description">
                            These cookies enable us to personalize your experience by remembering your preferences, region or country, language, and accessibility settings.
                        </p>
                    </div>

                    <div class="cookie-option-card">
                        <div class="cookie-option-header">
                            <div class="cookie-checkbox-wrapper">
                                <input type="checkbox" class="cookie-checkbox" id="performanceCookie" name="performance">
                            </div>
                            <label for="performanceCookie" class="cookie-option-title">Performance Enhancements</label>
                        </div>
                        <p class="cookie-option-description">
                            These cookies inform us of how visitors utilize our website. This data helps us optimize our content and personalize your experience.
                        </p>
                    </div>

                    <div class="cookie-option-card">
                        <div class="cookie-option-header">
                            <div class="cookie-checkbox-wrapper">
                                <input type="checkbox" class="cookie-checkbox" id="advertisingCookie" name="advertising">
                            </div>
                            <label for="advertisingCookie" class="cookie-option-title">Advertising</label>
                        </div>
                        <p class="cookie-option-description">
                            These cookies allow us to provide you with relevant communications and advertisements within our products and on third-party websites.
                        </p>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn-save-cookies" onclick="saveCookieConsentSettings()">Save changes</button>
                </div>
            </div>
        </div>
    </div>
    <!-- All styles moved to /css/app.css for theme consistency -->
    <nav class="modern-navbar fixed-top">
        <div class="container-fluid container-md mp-navbar-container">
            <div class="d-flex justify-content-between align-items-center mp-navbar-row">
                <div class="d-flex align-items-center">
                <a class="navbar-brand header-logo-animated" href="/">
                    <img src="/moneypex-logo.svg"
                         alt="Moneypex Logo"
                         width="150"
                         height="40"
                         class="align-text-top header-logo" />
                </a>
                </div>

                <div class="d-none d-lg-flex align-items-center mp-navbar-links">
                    <div class="nav-dropdown-wrapper position-relative nav-item-animated dropdown">
                        <a class="nav-link-modern" href="#" id="solutionsDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                            Solutions
                            <svg class="dropdown-arrow d-inline-block align-middle" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                <path d="M6 9l6 6 6-6"></path>
                            </svg>
                        </a>
                        <div class="modern-dropdown mega-menu dropdown-menu">
                            <div class="p-3">
                                <ul class="list-unstyled mb-0">
                                    <li>
                                        <a class="dropdown-item-modern" href="/accounting">
                                            <div class="d-flex align-items-center">
                                                <div class="dropdown-icon me-3">
                                                    <img src="/productIcons/accounting.webp" alt="Accounting" width="20" height="20" />
                                                </div>
                                                <div>
                                                    <span class="dropdown-title">Accounting</span>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="dropdown-item-modern" href="/restaurant-pos">
                                            <div class="d-flex align-items-center">
                                                <div class="dropdown-icon me-3">
                                                    <img src="/productIcons/resturnt.webp" alt="Restaurant POS" width="20" height="20" />
                                                </div>
                                                <div>
                                                    <span class="dropdown-title">Restaurant POS</span>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="dropdown-item-modern" href="/manufacturing">
                                            <div class="d-flex align-items-center">
                                                <div class="dropdown-icon me-3">
                                                    <img src="/productIcons/maufecturing.webp" alt="Manufacturing" width="20" height="20" />
                                                </div>
                                                <div>
                                                    <span class="dropdown-title">Manufacturing</span>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="dropdown-item-modern" href="/distribution">
                                            <div class="d-flex align-items-center">
                                                <div class="dropdown-icon me-3">
                                                    <img src="/productIcons/Distribution.webp" alt="Distribution" width="20" height="20" />
                                                </div>
                                                <div>
                                                    <span class="dropdown-title">Distribution</span>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="dropdown-item-modern" href="/rental">
                                            <div class="d-flex align-items-center">
                                                <div class="dropdown-icon me-3">
                                                    <img src="/productIcons/Rentail.webp" alt="Rental Management" width="20" height="20" />
                                                </div>
                                                <div>
                                                    <span class="dropdown-title">Rental Management</span>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="dropdown-item-modern" href="/mobile-shop-pos-software">
                                            <div class="d-flex align-items-center">
                                                <div class="dropdown-icon me-3">
                                                    <img src="/productIcons/pos mobile.webp" alt="Mobile Shop POS" width="20" height="20" />
                                                </div>
                                                <div>
                                                    <span class="dropdown-title">Mobile Shop POS</span>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a class="dropdown-item-modern" href="/practice-manager">
                                            <div class="d-flex align-items-center">
                                                <div class="dropdown-icon me-3">
                                                    <img src="/productIcons/practicManger.webp" alt="Practice Manager" width="20" height="20" />
                                                </div>
                                                <div>
                                                    <span class="dropdown-title">Practice Manager</span>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                      <li>
                                        <a class="dropdown-item-modern" href="/retail-pos">
                                            <div class="d-flex align-items-center">
                                                <div class="dropdown-icon me-3">
                                                    <img src="/productIcons/POS.webp" alt="Retail POS" width="20" height="20" />
                                                </div>
                                                <div>
                                                    <span class="dropdown-title">Retail POS</span>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                  
                                  
                                   
                                </ul>
                            </div>
                        </div>
                    </div>



                    <div class="nav-dropdown-wrapper position-relative nav-item-animated dropdown">
                        <a class="nav-link-modern" href="#" id="resourcesDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                            Resources
                            <svg class="dropdown-arrow" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="display: inline-block; vertical-align: middle;">
                                <path d="M6 9l6 6 6-6"></path>
                            </svg>
                        </a>
                        <ul class="modern-dropdown dropdown-menu" aria-labelledby="resourcesDropdown">
                            <li>
                                <a class="dropdown-item-modern" target="_blank" href="https://support.moneypex.com/">
                                    <div class="dropdown-icon">
                                        <img src="/Navbar icons/HelpCenter.png" alt="Help Center" />
                                    </div>
                                    <div class="dropdown-content">
                                        <span class="dropdown-title">Help Center</span>
                                        <span class="dropdown-desc">Find answers and get support.</span>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>

                    <div class="nav-dropdown-wrapper position-relative nav-item-animated dropdown">
                        <a class="nav-link-modern" href="#" id="companyDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                            Company
                            <svg class="dropdown-arrow" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="display: inline-block; vertical-align: middle;">
                                <path d="M6 9l6 6 6-6"></path>
                            </svg>
                        </a>
                        <ul class="modern-dropdown dropdown-menu text-start" aria-labelledby="companyDropdown" style="left: auto; right: 0; transform: translateX(0) translateY(-10px);">
                            <li>
                                <a class="dropdown-item-modern" href="/about-us">
                                    <div class="dropdown-icon">
                                        <svg width="20" height="20" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
                                            <path d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
                                        </svg>
                                    </div>
                                    <div class="dropdown-content">
                                        <span class="dropdown-title">About Us</span>
                                        <span class="dropdown-desc">Learn more about Moneypex.</span>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a class="dropdown-item-modern" href="/contact-us">
                                    <div class="dropdown-icon">
                                        <img src="/Navbar icons/ContactUs.png" alt="Contact Us" />
                                    </div>
                                    <div class="dropdown-content">
                                        <span class="dropdown-title">Contact Us</span>
                                        <span class="dropdown-desc">Get in touch with our team.</span>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>


                    <a class="nav-link-modern nav-item-animated" href="/select-login">
                        <span>Log In</span>
                       
                    </a>
                        <a class="btn-premium" href="/select-app">
                            <span>Start Free Trial</span>
                            <svg fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2.5">
                                <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" />
                            </svg>
                        </a>
                </div>

                <button class="d-lg-none border-0 bg-transparent" type="button" data-bs-toggle="collapse" data-bs-target="#mobileNavbar" aria-controls="mobileNavbar" aria-expanded="false" aria-label="Toggle navigation" style="padding: 8px;">
                    <svg id="menuIcon" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <path d="M3 12h18M3 6h18M3 18h18"></path>
                    </svg>
                    <svg id="closeIcon" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="display: none;">
                        <path d="M18 6L6 18M6 6l12 12"></path>
                    </svg>
                </button>
            </div>

            <div class="collapse d-lg-none py-4 border-top border-gray-200" id="mobileNavbar">
                <div class="d-flex flex-column gap-3">
                    <a class="nav-link-mobile text-gray-700" data-close-mobile-nav="true" href="/">Home</a>

                    <div class="accordion" id="mobileNavAccordion">
                        <div class="accordion-item border-0">
                            <div class="accordion-header" id="mobileHeadingSolutions">
                                <button class="accordion-button collapsed mobile-nav-section-btn" type="button" data-bs-toggle="collapse" data-bs-target="#mobileCollapseSolutions" aria-expanded="false" aria-controls="mobileCollapseSolutions">
                                    <p class="mobile-nav-accordion-label">Solutions</p>
                                </button>
                            </div>
                            <div id="mobileCollapseSolutions" class="accordion-collapse collapse" aria-labelledby="mobileHeadingSolutions" data-bs-parent="#mobileNavAccordion">
                                <div class="accordion-body pt-0">
                                    <div class="d-flex flex-column mobile-nav-sub">
                                        <a class="nav-link-mobile" data-close-mobile-nav="true" href="/accounting">Accounting</a>
                                        <a class="nav-link-mobile" data-close-mobile-nav="true" href="/manufacturing">Manufacturing</a>
                                        <a class="nav-link-mobile" data-close-mobile-nav="true" href="/distribution">Distribution</a>
                                        <a class="nav-link-mobile" data-close-mobile-nav="true" href="/rental">Rental Management</a>
                                        <a class="nav-link-mobile" data-close-mobile-nav="true" href="/practice-manager">Practice Manager</a>
                                        <a class="nav-link-mobile" data-close-mobile-nav="true" href="/mobile-shop-pos-software">Mobile Shop POS</a>
                                        <a class="nav-link-mobile" data-close-mobile-nav="true" href="/retail-pos">Retail POS</a>
                                        <a class="nav-link-mobile" data-close-mobile-nav="true" href="/restaurant-pos">Restaurant POS</a>
                                    </div>
                                </div>
                            </div>
                        </div>


                        <div class="accordion-item border-0">
                            <div class="accordion-header" id="mobileHeadingResources">
                                <button class="accordion-button collapsed mobile-nav-section-btn" type="button" data-bs-toggle="collapse" data-bs-target="#mobileCollapseResources" aria-expanded="false" aria-controls="mobileCollapseResources">
                                    <p class="mobile-nav-accordion-label">Resources</p>
                                </button>
                            </div>
                            <div id="mobileCollapseResources" class="accordion-collapse collapse" aria-labelledby="mobileHeadingResources" data-bs-parent="#mobileNavAccordion">
                                <div class="accordion-body pt-0">
                                    <div class="d-flex flex-column mobile-nav-sub">
                                        <a class="nav-link-mobile" data-close-mobile-nav="true" href="/blog">Blog</a>
                                        <a class="nav-link-mobile" data-close-mobile-nav="true" target="_blank" href="https://support.moneypex.com/">Help Center</a>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="accordion-item border-0">
                            <div class="accordion-header" id="mobileHeadingCompany">
                                <button class="accordion-button collapsed mobile-nav-section-btn" type="button" data-bs-toggle="collapse" data-bs-target="#mobileCollapseCompany" aria-expanded="false" aria-controls="mobileCollapseCompany">
                                    <p class="mobile-nav-accordion-label">Company</p>
                                </button>
                            </div>
                            <div id="mobileCollapseCompany" class="accordion-collapse collapse" aria-labelledby="mobileHeadingCompany" data-bs-parent="#mobileNavAccordion">
                                <div class="accordion-body pt-0">
                                    <div class="d-flex flex-column mobile-nav-sub">
                                        <a class="nav-link-mobile" data-close-mobile-nav="true" href="/about-us">About Us</a>
                                        <a class="nav-link-mobile" data-close-mobile-nav="true" href="/contact-us">Contact Us</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="mt-4 pt-4 border-top border-gray-200">
                        <a class="nav-link-mobile text-gray-700 mb-3" data-close-mobile-nav="true" href="/select-login">Log In</a>
                            <a class="btn-premium w-100" data-close-mobile-nav="true" href="/select-app">
                                <span>Start Free Trial</span>
                            </a>
                    </div>
                </div>
            </div>
        </nav>
   
    <div>
        
<style>
    .error-404-section {
        min-height: 80vh;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 4rem 2rem;
        background: linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%);
        position: relative;
        overflow: hidden;
    }

    .error-404-section::before {
        content: '';
        position: absolute;
        top: -20%;
        right: -10%;
        width: 500px;
        height: 500px;
        background: radial-gradient(circle, rgba(30, 92, 170, 0.08) 0%, transparent 70%);
        border-radius: 50%;
        z-index: 0;
    }

    .error-404-container {
        max-width: 1200px;
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 4rem;
        align-items: center;
        position: relative;
        z-index: 1;
    }

    .error-404-content {
        animation: fadeInLeft 0.8s ease-out;
    }

    @keyframes fadeInLeft {
        from {
            opacity: 0;
            transform: translateX(-30px);
        }
        to {
            opacity: 1;
            transform: translateX(0);
        }
    }

    .error-404-image {
        animation: fadeInRight 0.8s ease-out;
        position: relative;
    }

    @keyframes fadeInRight {
        from {
            opacity: 0;
            transform: translateX(30px);
        }
        to {
            opacity: 1;
            transform: translateX(0);
        }
    }

    .error-404-image img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    .error-404-title {
        font-size: 6rem;
        font-weight: 800;
        color: #1E5CAA;
        margin-bottom: 1rem;
        font-family: 'Montserrat', sans-serif;
        line-height: 1;
    }

    .error-404-subtitle {
        font-size: 2rem;
        font-weight: 700;
        color: #111827;
        margin-bottom: 1.5rem;
        font-family: 'Montserrat', sans-serif;
    }

    .error-404-description {
        font-size: 1.125rem;
        color: #4b5563;
        margin-bottom: 2.5rem;
        line-height: 1.7;
    }

    .error-404-btn {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.875rem 2rem;
        font-size: 1rem !important;
        font-weight: 600 !important;
        color: #ffffff !important;
        background: linear-gradient(135deg, #1E5CAA 0%, #3b82f6 100%);
        border: none;
        border-radius: 0.75rem;
        text-decoration: none !important;
        transition: all 0.3s ease;
        box-shadow: 0 10px 25px -5px rgba(30, 92, 170, 0.3);
    }

    .error-404-btn:hover,
    .error-404-btn:focus,
    .error-404-btn:visited,
    .error-404-btn:active {
        transform: translateY(-2px);
        box-shadow: 0 15px 35px -5px rgba(30, 92, 170, 0.4);
        color: #ffffff !important;
        text-decoration: none !important;
    }

    .error-404-btn svg {
        width: 20px;
        height: 20px;
        stroke: #ffffff !important;
        color: #ffffff !important;
        flex-shrink: 0;
    }

    @media (max-width: 992px) {
        .error-404-container {
            grid-template-columns: 1fr;
            gap: 3rem;
            text-align: center;
        }

        .error-404-title {
            font-size: 4rem;
        }

        .error-404-subtitle {
            font-size: 1.75rem;
        }
    }

    @media (max-width: 768px) {
        .error-404-section {
            padding: 3rem 1.5rem;
        }

        .error-404-title {
            font-size: 3rem;
        }

        .error-404-subtitle {
            font-size: 1.5rem;
        }

        .error-404-description {
            font-size: 1rem;
        }
    }
</style>

<section class="error-404-section">
    <div class="error-404-container">
        <div class="error-404-content">
            <h1 class="error-404-title">404</h1>
            <h2 class="error-404-subtitle">Oops! Page Not Found</h2>
            <p class="error-404-description">
                It seems you have reached a URL that doesn't exist. The page you're looking for may have been moved, deleted, or never existed.
            </p>
            <a href="/" class="error-404-btn">
                <svg fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2.5">
                    <path stroke-linecap="round" stroke-linejoin="round" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" />
                </svg>
                Go to Homepage
            </a>
        </div>
        <div class="error-404-image">
            <img src="/img/group-954.png" alt="404 Error Illustration" />
        </div>
    </div>
</section>

    </div>
    <footer class="modern-footer">
    <div class="container-fluid footer-content modern-footer-container">
        <div class="row mb-12 footer-main-row">
            <!-- Brand Column -->
            <div class="col-12 col-md-6 col-lg-4 mb-5 mb-lg-0 fade-in-up">
                <a href="/" class="footer-brand-link">
                    <!-- Logo -->
                    <img src="/img/mp-logo-white.webp" alt="Moneypex Footer logo" class="footer-logo-img" width="150" height="40" style="display: block;" />
                </a>
                <p class="footer-text footer-description mb-6 pr-lg-4">
Moneypex is an all-in-one cloud-based business management software – simplifying accounting, invoicing, POS, and operations for businesses of every size. Trusted by 1,700+ active customers across the UK.                </p>
                <div class="d-flex gap-3">
                    <a href="https://www.facebook.com/moneypex" class="social-icon-pro" aria-label="Facebook">
                        <svg width="20" height="20" fill="currentColor" viewBox="0 0 24 24"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>
                    </a>
                    <a href="https://twitter.com/moneypex" class="social-icon-pro" aria-label="Twitter">
                        <svg width="20" height="20" fill="currentColor" viewBox="0 0 24 24"><path d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"/></svg>
                    </a>
                    <a href="https://www.linkedin.com/showcase/moneypex" class="social-icon-pro" aria-label="LinkedIn">
                        <svg width="20" height="20" fill="currentColor" viewBox="0 0 24 24"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
                    </a>
                        <a href="https://www.youtube.com/@moneypexaccountingsoftware"
       class="social-icon-pro"
       aria-label="YouTube"
       target="_blank"
       rel="noopener noreferrer">
        <svg width="20" height="20" fill="currentColor" viewBox="0 0 24 24">
            <path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" />
        </svg>
    </a>

                   
                </div>
            </div>

            <!-- Products Column -->
            <div class="col-6 col-md-6 col-lg-2 mb-5 mb-lg-0 fade-in-up delay-100">
                <p class="footer-heading">Products</p>
                <ul class="list-unstyled d-flex flex-column gap-3">
                        <li><a href="/accounting" class="footer-link">Cloud Accounting</a></li>
                        <li><a href="/practice-manager" class="footer-link">Practice Manager</a></li>
                        <li><a href="/manufacturing" class="footer-link">Manufacturing</a></li>
                        <li><a href="/restaurant-pos" class="footer-link">Restaurant POS</a></li>
                        <li><a href="/retail-pos" class="footer-link">Retail POS</a></li>
                        <li><a href="/mobile-shop-pos-software" class="footer-link">Mobile Shop POS</a></li>
                </ul>
            </div>

            <!-- Resources Column -->
            <div class="col-6 col-md-6 col-lg-2 mb-5 mb-lg-0 fade-in-up delay-200">
                <p class="footer-heading">Resources</p>
                <ul class="list-unstyled d-flex flex-column gap-3">
                    <li><a href="/blog" class="footer-link">Blog</a></li>
                    <li><a href="https://support.moneypex.com/" target="_blank" class="footer-link">Help Center</a></li>
                        <li><a href="/making-tax-digital" class="footer-link">MTD Guide</a></li>
                </ul>
            </div>

            <!-- Company Column -->
            <div class="col-6 col-md-6 col-lg-2 mb-5 mb-lg-0 fade-in-up delay-300">
                <p class="footer-heading">Company</p>
                <ul class="list-unstyled d-flex flex-column gap-3">
                        <li><a href="/about-us" class="footer-link">About Us</a></li>
                    <li><a href="/contact-us" class="footer-link">Contact</a></li>
                    <li><a href="/privacy-policy" class="footer-link">Privacy Policy</a></li>
                    <li><a href="/terms-and-condition" class="footer-link">Terms of Service</a></li>
                </ul>
            </div>
        </div>

        <!-- Contact & Copyright Row -->
        <div class="border-top-glass pt-5 fade-in-up delay-400">
            <div class="row mb-5">
                <div class="col-12 col-md-4 mb-4 mb-md-0">
                    <div class="contact-item-pro">
                        <div class="contact-icon-box">
                            <svg width="20" height="20" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
                                <path stroke-linecap="round" stroke-linejoin="round" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
                            </svg>
                        </div>
                        <div>
                            <div class="footer-contact-label">Email Us</div>
                            <a href="mailto:info@moneypex.com" class="footer-link footer-contact-value">info@moneypex.com</a>
                        </div>
                    </div>
                </div>

                <div class="col-12 col-md-4 mb-4 mb-md-0">
                    <div class="contact-item-pro">
                        <div class="contact-icon-box">
                            <svg width="20" height="20" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
                                <path stroke-linecap="round" stroke-linejoin="round" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" />
                            </svg>
                        </div>
                        <div>
                            <div class="footer-contact-label">Call Us</div>
                                <a href="tel:01217985696" class="footer-link footer-contact-value">0 121 798 5696</a>
                        </div>
                    </div>
                </div>

                <div class="col-12 col-md-4">
                    <div class="contact-item-pro">
                        <div class="contact-icon-box">
                            <svg width="20" height="20" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
                                <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
                                <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
                            </svg>
                        </div>
                        <div>
                            <div class="footer-contact-label">Visit Us</div>
                            <div class="footer-contact-value">
                                    51 Whitmore Road, Birmingham, B10 0NR
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="d-flex flex-column flex-md-row justify-content-between align-items-center gap-3 pt-4">
                <p class="mb-0 text-sm text-gray-400">
                    &copy; 2026 Moneypex UK. All rights reserved.
                </p>
                <div class="d-flex gap-4">
                    <a href="/terms-and-condition" class="footer-link text-sm">Terms</a>
                    <a href="/privacy-policy" class="footer-link text-sm">Privacy</a>
                    <a href="/cookie-policy" class="footer-link text-sm">Cookies</a>
                </div>
            </div>
        </div>
    </div>
</footer>


    <!-- Modern Cookie Consent Banner -->
    <!-- Note: Inline styles added to prevent CSS conflicts with global hover rules -->
    <style>
        #cookieConsentBanner,
        #cookieConsentBanner *,
        #cookieConsentBanner *:hover,
        #cookieConsentBanner *:focus,
        #cookieConsentBanner *:active {
            transform: none !important;
            -webkit-transform: none !important;
            opacity: 1 !important;
            visibility: visible !important;
            filter: none !important;
            -webkit-filter: none !important;
        }
        #cookieConsentBanner .cookie-btn,
        #cookieConsentBanner .cookie-btn:hover {
            transition: background-color 0.2s ease, box-shadow 0.2s ease !important;
        }
    </style>
    <div id="cookieConsentBanner" class="cookie-consent-overlay" style="display: none;">
        <div class="cookie-consent-container">
            <div class="cookie-consent-content">
                <div class="cookie-consent-header">
                    <p class="cookie-consent-title">Your privacy</p>
                    <button id="BtnAccept" type="button" class="cookie-consent-close" aria-label="Close">
                        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M15 5L5 15M5 5L15 15" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
                        </svg>
                    </button>
                </div>
                <div class="cookie-consent-body">
                    <p class="cookie-consent-text">
                        This website needs certain data to function and stay secure. We need your permission to collect statistics on site usage. This helps us enhance our services and customize our marketing. To continue, click "Accept cookies," or visit "Cookie settings" to modify your cookie preferences. You can always change your selected option by clicking on "Manage Cookies."
                    </p>
                    <div class="cookie-consent-actions">
                        <button type="button" class="cookie-btn cookie-btn-secondary" onclick="showCookieConsentModal()">
                            Manage Cookies
                        </button>
                        <button type="button" class="cookie-btn cookie-btn-primary" id="btnAccept">
                            Accept Cookies
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--------------Scripts Start-------------------->
    <script>
        // Global error handler to prevent blank pages
        window.addEventListener('error', function(e) {
            console.error('JavaScript error caught:', e.error || e.message, e.filename, e.lineno);
            // Prevent page from going blank - ensure body is visible
            if (document.body) {
                document.body.style.display = '';
                document.body.style.visibility = 'visible';
                document.body.style.opacity = '1';
            }
        }, true);

        // Catch unhandled promise rejections
        window.addEventListener('unhandledrejection', function(e) {
            console.error('Unhandled promise rejection:', e.reason);
            e.preventDefault(); // Prevent default browser behavior
        });

        // Navbar transparency on scroll - once scrolled, stays solid (UK version)
        (function() {
            try {
            const navbar = document.querySelector('.modern-navbar');
            if (!navbar) return;
            
            // Set navbar to always be visible and sticky
            navbar.style.setProperty('transform', 'translateY(0)', 'important');
            navbar.style.setProperty('display', 'block', 'important');
            navbar.style.setProperty('visibility', 'visible', 'important');
            navbar.style.setProperty('opacity', '1', 'important');
            navbar.style.setProperty('position', 'fixed', 'important');
            navbar.style.setProperty('top', '0', 'important');
            navbar.style.setProperty('width', '100%', 'important');
            navbar.style.setProperty('z-index', '1030', 'important');
            navbar.classList.add('nav-visible');
            document.body.classList.add('navbar-visible');
            
            // Always start transparent
            navbar.style.setProperty('background-color', 'transparent', 'important');
            navbar.style.setProperty('backdrop-filter', 'none', 'important');
            navbar.style.setProperty('-webkit-backdrop-filter', 'none', 'important');
            navbar.style.setProperty('box-shadow', 'none', 'important');
            navbar.classList.remove('scrolled');
            
            let hasScrolled = false;
            
            // Function to update navbar background - only on first scroll
            function updateNavbarBackground() {
                if (hasScrolled) return; 
                
                const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
                
                if (scrollTop > 50) {
                    // Detect iOS to prevent the transparency bug
                    const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1);
                    
                    if (isIOS) {
                        // Force solid white on iOS - NEVER use rgba or blur on fixed elements in iOS 16+
                        navbar.style.setProperty('background-color', '#ffffff', 'important');
                        navbar.style.setProperty('backdrop-filter', 'none', 'important');
                        navbar.style.setProperty('-webkit-backdrop-filter', 'none', 'important');
                    } else {
                        // All other browsers - translucent with blur
                        navbar.style.setProperty('background-color', 'rgba(255, 255, 255, 0.98)', 'important');
                        navbar.style.setProperty('backdrop-filter', 'blur(12px)', 'important');
                        navbar.style.setProperty('-webkit-backdrop-filter', 'blur(12px)', 'important');
                    }
                    
                    navbar.style.setProperty('box-shadow', '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)', 'important');
                    navbar.classList.add('scrolled');
                    hasScrolled = true; 
                }
            }
            
            // Update on scroll
            window.addEventListener('scroll', updateNavbarBackground, { passive: true });
            
            // Check immediately in case we're already scrolled
            setTimeout(function() {
                updateNavbarBackground();
            }, 100);
            } catch (error) {
                console.error('Error in navbar script:', error);
            }
        })();
    </script>
    
    <!-- JavaScript Files - Load in correct order -->
    <script src="/js/jquery-3.6.0.min.js"></script>
    <script>
        // Error handling for jQuery - ensure it's loaded before proceeding
        if (typeof jQuery === 'undefined') {
            console.error('jQuery failed to load. Page functionality may be limited.');
        }
    </script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" onerror="console.error('Popper.js CDN failed to load. Bootstrap dropdowns may not work.'); window.Popper = null;"></script>
    <script>
        // Fallback check for Popper.js
        if (typeof Popper === 'undefined' && typeof window.Popper === 'undefined') {
            console.warn('Popper.js not available. Some Bootstrap features may not work.');
        }
    </script>
    <script src="/js/bootstrap.min.js"></script>
    <script>
        // Error handling for Bootstrap
        if (typeof bootstrap === 'undefined') {
            console.error('Bootstrap failed to load. UI components may not work.');
        }
    </script>
    <script src="/js/toastr.min.js"></script>
    <script src="/js/app.js?v=ZafAT5Vlsew0cDcGGBOprMitOHg"></script>
    <script src="/js/dropdown-close-on-scroll.js"></script>
    <!-- Mobile Navbar Fix - Ensure mobile dropdown works properly -->
    <script src="/js/mobile-navbar-fix.js?v=7YSBNQkQFEQZAwoEmizFZKkb-Og7HIQdLR_l2CbO4Sk&amp;v=7YSBNQkQFEQZAwoEmizFZKkb-Og7HIQdLR_l2CbO4Sk" src="/js/mobile-navbar-fix.js"></script>

    <!------------------Tracking Scripts Start----------------------->
    <!--------------Scripts Start-------------------->
<style>
    /* ── Global fix for reCAPTCHA/Google full-screen white overlays ── */
    div[style*="z-index: 2000000000"][style*="width: 100%"],
    div[style*="z-index:2000000000"][style*="width: 100%"] {
        background-color: transparent !important;
        background: none !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
</style>
<script defer src="https://www.googletagmanager.com/gtag/js?id=G-0FFY5N1T01" onerror="console.warn('Google Analytics failed to load. Tracking may be limited.');"></script>
<script>
    try {
    window.dataLayer = window.dataLayer || [];
        function gtag() { 
            try {
                dataLayer.push(arguments); 
            } catch(e) {
                console.warn('gtag error:', e);
            }
        }
    gtag('js', new Date());
    gtag('config', 'G-0FFY5N1T01');
    //Event snippet for Website traffic conversion page(for pk ad account)
    gtag('event', 'conversion', { 'send_to': 'AW-10869910423/wdHkCIu4sa4YEJfXlr8o' });
    //gtag('config', 'ua-141893463-1');
    //gtag('config', 'aw-668114055');
    //gtag('config', 'aw-10869910423');
    //event snippet for page view moneypex.com/pk conversion page(for uk ad account)
    //gtag('event', 'conversion', { 'send_to': 'aw-668114055/ngpycn757eabeie5yr4c' });
    } catch (error) {
        console.warn('Google Analytics initialization error:', error);
    }
</script>


<!--Start of Tawk.to Script-->
<script type="text/javascript">
    var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
    (function(){
    var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
    s1.async=true;
    s1.src='https://embed.tawk.to/5d5bd494eb1a6b0be60863fd/default';
    s1.charset='UTF-8';
    s1.setAttribute('crossorigin','*');
    s0.parentNode.insertBefore(s1,s0);
    })();
</script>
<!--End of Tawk.to Script-->
<!-- Lead forensic -->
<script defer type="text/javascript" src="https://www.365operation.com/js/807146.js" onerror="console.warn('Lead Forensic tracking failed to load.');"></script>
<noscript><img alt="" src="https://www.365operation.com/807146.png" style="display:none;" /></noscript>

<!-- Meta Pixel Code -->
<!-- End Meta Pixel Code -->
<!--------------PK pixel code 1183842152187778 Start-------------------->
<!-- End PK Pixel Code 1183842152187778 End -->
<!-- Meta Pixel Code -->
<!-- End Meta Pixel Code -->


    <!------------------Tracking Scripts End----------------------->
    <!------------------Schema Scripts Start----------------------->
    
    <!------------------Schema Scripts End----------------------->
    
    
    
    <!-- Prevent Disappearing Script - Ensure all elements stay visible after animations -->
    <script src="/js/prevent-disappearing.js"></script>
    <!-- Pricing Carousel - Mobile navigation for pricing cards -->
    <script src="/js/pricing-carousel.js?v=69TIntQihaEC8mDbvISEeZc0kR9lVwo-l2qOPshDHk0&amp;v=69TIntQihaEC8mDbvISEeZc0kR9lVwo-l2qOPshDHk0" src="/js/pricing-carousel.js"></script>
    <!-- Responsive Optimization Script - Image lazy loading and responsive helpers -->
    <script src="/js/responsive-optimization.js"></script>
    <!-- Persistent Chat Trigger Button (Replaces Scroll to Top) -->
   

    <script type="text/javascript">
        function handleTawkClick(e) {
            if (e) e.preventDefault();
            // maximize() opens the chat window as an overlay on the current page
            if (window.Tawk_API && typeof window.Tawk_API.maximize === 'function') {
                window.Tawk_API.maximize();
            } else if (window.Tawk_API && typeof window.Tawk_API.toggle === 'function') {
                window.Tawk_API.toggle();
            } else {
                // Fallback to a small popup only if the widget hasn't loaded
                var url = 'https://tawk.to/chat/5d5bd494eb1a6b0be60863fd/default';
                window.open(url, 'Tawk_Window', 'width=450,height=600,resizable=yes,scrollbars=yes');
            }
            return false;
        }
    </script>
    <!-- Global SweetAlert Override - Moved to end of body to ensure priority -->
    <style>
        .swal2-container.swal2-shown {
            background-color: rgba(0, 0, 0, 0.65) !important;
            z-index: 9999999999 !important;
            opacity: 1 !important;
            visibility: visible !important;
            display: flex !important;
        }
        body .swal2-container .swal2-popup,
        body .swal2-container .swal2-popup.premium-swal-popup,
        div.swal2-popup {
            background: rgb(255, 255, 255) !important;
            background-color: rgb(255, 255, 255) !important;
            color: #1e293b !important;
            opacity: 1 !important;
            visibility: visible !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            justify-content: center !important;
            width: auto !important;
            min-width: 320px !important;
            max-width: 95% !important;
            padding: 2.5rem !important;
            border-radius: 16px !important;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.3) !important;
            border: 1px solid #e2e8f0 !important;
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
            box-sizing: border-box !important;
        }
        .swal2-title, 
        .swal2-html-container, 
        .swal2-content,
        [class^="swal2-title"],
        [class^="swal2-html-container"] {
            color: #1e293b !important;
            opacity: 1 !important;
            visibility: visible !important;
            width: 100% !important;
            text-align: center !important;
            display: block !important;
            background: transparent !important;
            margin: 0.5rem 0 !important;
            font-family: 'Inter', sans-serif !important;
        }
        .swal2-actions,
        [class^="swal2-actions"] {
            display: flex !important;
            flex-direction: row !important;
            width: 100% !important;
            justify-content: center !important;
            gap: 1rem !important;
            margin-top: 2rem !important;
            background: transparent !important;
        }
        .swal2-confirm,
        .swal2-styled.swal2-confirm {
            background-color: #1E5CAA !important;
            background: linear-gradient(135deg, #1E5CAA 0%, #2563eb 100%) !important;
            color: white !important;
            border-radius: 8px !important;
            padding: 0.75rem 2rem !important;
            font-weight: 600 !important;
            min-width: 140px !important;
            border: none !important;
        }
        .swal2-icon {
            display: flex !important;
            margin: 0 auto 1.5rem !important;
            border-width: 4px !important;
            border-style: solid !important;
            border-radius: 50% !important;
            width: 5em !important;
            height: 5em !important;
            justify-content: center !important;
            align-items: center !important;
            position: relative !important;
            box-sizing: content-box !important;
        }
        .swal2-icon.swal2-warning {
            border-color: #f8bb86 !important;
            color: #f8bb86 !important;
        }
        .swal2-icon.swal2-error {
            border-color: #f27474 !important;
            color: #f27474 !important;
        }
        .swal2-icon.swal2-success {
            border-color: #a5dc86 !important;
            color: #a5dc86 !important;
        }
        .swal2-icon.swal2-info {
            border-color: #3fc3ee !important;
            color: #3fc3ee !important;
        }
        .swal2-icon-content {
            display: flex !important;
            align-items: center !important;
            font-size: 3.75em !important;
            font-weight: bold !important;
        }
        .swal2-icon.swal2-warning .swal2-icon-content {
            color: #f8bb86 !important;
        }
        .swal2-icon.swal2-error .swal2-icon-content {
            color: #f27474 !important;
        }
    </style>
</body>
</html>

            
