<!DOCTYPE html>
<html lang="en">

<!-- Mirrored from www.crestpointunion.com/assets/css/personal by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 14 May 2026 07:42:17 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="description" content="The page you are looking for could not be found." />
    <title>Crestpoint Union | Page Not Found</title>

    <link rel="icon" href="../images/favicon.png" />
    <link rel="stylesheet" href="bootstrap.bundle.min.html" />
    <link rel="stylesheet" href="remixicon.css" />
    <link rel="stylesheet" href="flaticon_finto.css" />
    <link rel="stylesheet" href="swiper-bundle.min.css" />
    <link rel="stylesheet" href="scrollCue.css" />
    <link rel="stylesheet" href="style.css" />
    <link rel="stylesheet" href="responsive.css" />
    <style>
        .hero-background {
    background-image: url('../images/hero.webp');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; /* default for small screens */
}

@media (min-width: 768px) {
  .hero-background {
    background-size: 100% auto; /* stretch horizontally, maintain aspect ratio */
  }
}

    </style>
</head>
<body>
    <!-- Start Preloader Area -->
    <div class="preloader-area position-fixed top-0 bottom-0 start-0 end-0 bg-[#0B1F3A] flex items-center justify-center" id="preloader">
        <div class="preloader-content text-center">
            <!-- Swiss Bank Logo -->
            <div class="mb-8">
                <div class="w-16 h-16 mx-auto bg-white/10 rounded-2xl flex items-center justify-center mb-4 animate-pulse">
                    <span class="text-white text-2xl">🇨🇭</span>
                </div>
                <h1 class="text-white text-2xl font-semibold tracking-wide">Crestpoint Union</h1>
                <p class="text-gray-400 text-sm mt-2">Swiss Private Banking</p>
            </div>
            
            <!-- Elegant Loading Animation -->
            <div class="loading-container">
                <div class="loading-ring">
                    <div class="ring"></div>
                    <div class="ring"></div>
                    <div class="ring"></div>
                </div>
                <p class="text-gray-300 text-sm mt-6 animate-pulse">Securing your connection...</p>
            </div>
        </div>
        
        <!-- Subtle Background Pattern -->
        <div class="absolute inset-0 opacity-5">
            <div class="absolute top-1/4 left-1/4 w-32 h-32 border border-white/20 rounded-full"></div>
            <div class="absolute top-3/4 right-1/4 w-24 h-24 border border-white/20 rounded-full"></div>
            <div class="absolute bottom-1/4 left-1/3 w-16 h-16 border border-white/20 rounded-full"></div>
        </div>
    </div>
    
    <style>
    .preloader-area {
        z-index: 9999;
        backdrop-filter: blur(10px);
    }
    
    .loading-ring {
        position: relative;
        width: 80px;
        height: 80px;
        margin: 0 auto;
    }
    
    .ring {
        position: absolute;
        width: 100%;
        height: 100%;
        border: 2px solid transparent;
        border-radius: 50%;
        animation: spin 2s linear infinite;
    }
    
    .ring:nth-child(1) {
        border-top-color: #DE1115;
        animation-delay: 0s;
    }
    
    .ring:nth-child(2) {
        border-right-color: #DE1115;
        animation-delay: 0.3s;
        width: 70%;
        height: 70%;
        top: 15%;
        left: 15%;
    }
    
    .ring:nth-child(3) {
        border-bottom-color: #DE1115;
        animation-delay: 0.6s;
        width: 40%;
        height: 40%;
        top: 30%;
        left: 30%;
    }
    
    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }
    
    /* Fade out animation */
    .preloader-area.fade-out {
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.5s ease, visibility 0.5s ease;
    }
    
    /* Mobile responsive */
    @media (max-width: 640px) {
        .preloader-content h1 {
            font-size: 1.5rem;
        }
        
        .loading-ring {
            width: 60px;
            height: 60px;
        }
        
        .preloader-content .w-16 {
            width: 3rem;
            height: 3rem;
        }
    }
    </style>
    
    <script>
    // Hide preloader when page loads
    window.addEventListener('load', function() {
        const preloader = document.getElementById('preloader');
        if (preloader) {
            setTimeout(() => {
                preloader.classList.add('fade-out');
                setTimeout(() => {
                    preloader.style.display = 'none';
                }, 500);
            }, 1500); // Show for at least 1.5 seconds
        }
    });
    </script>
    <!-- End Preloader Area -->

    <!-- Start Navbar Area -->
    <nav class="navbar main-navbar navbar-expand-lg bg-color-ffffff" id="navbar">
        <div class="container-fluid  position-relative">
            <a class="navbar-brand logo-brand p-0" href="../../index.html">
                <img src="../images/logo.svg" alt="Crestpoint Union">
            </a>
            <a class="navbar-toggler" data-bs-toggle="offcanvas" href="#navbarOffcanvas" role="button" aria-controls="navbarOffcanvas">
                <span class="burger-menu">
                    <span class="top-bar"></span>
                    <span class="middle-bar"></span>
                    <span class="bottom-bar"></span>
                </span>
            </a>

            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav mx-auto">
                    <li class="nav-item">
                        <a class="nav-link " href="#">
                            Home
                        </a>
                    </li>

                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                            Banking
                        </a>
                        <ul class="dropdown-menu">
                            <li><a class="dropdown-item" href="personal">Personal Banking</a></li>
                            <li><a class="dropdown-item" href="business">Business Banking</a></li>
                            <li><a class="dropdown-item" href="digital.html">Digital Banking</a></li>
                        </ul>
                    </li>

                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                            Services
                        </a>
                        <ul class="dropdown-menu">
                            <li><a class="dropdown-item" href="investments.html">Investments & Wealth</a></li>
                            <li><a class="dropdown-item" href="security.html">Security & Protection</a></li>
                        </ul>
                    </li>

                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                            Company
                        </a>
                        <ul class="dropdown-menu">
                            <li><a class="dropdown-item" href="about.html">About Us</a></li>
                            <li><a class="dropdown-item" href="faqs.html">FAQs</a></li>
                            <li><a class="dropdown-item" href="privacy.html">Privacy Policy</a></li>
                            <li><a class="dropdown-item" href="terms.html">Terms & Conditions</a></li>
                        </ul>
                    </li>

                    <li class="nav-item">
                        <a class="nav-link" href="contact.html">
                            Contact
                        </a>
                    </li>
                </ul>
            </div>

            <div class="others-options">
                <ul class="d-flex align-items-center ps-0 mb-0 list-unstyled">
                    <li>
                        <button type="button" class="search-btn" data-bs-toggle="modal" data-bs-target="#exampleModal">
                            <i class="ri-search-line"></i> Search
                        </button>
                    </li>
                    <li>
                        <a href="login.html" class="search-btn login"><i class="ri-account-circle-line"></i> Log in</a>
                    </li>
                    <li>
                        <a href="login.html" class="default-btn">Private Banking <i class="ri-arrow-right-up-line"></i></a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    <!-- End Navbar Area -->

    <!-- Start Mobile Navbar Area -->
    <div class="mobile-navbar offcanvas offcanvas-end border-0" data-bs-backdrop="static" tabindex="-1" id="navbarOffcanvas">
        <div class="offcanvas-header">
            <a href="../../index.html" class="logo d-inline-block">
                <img src="../images/logo-white.svg" alt="Crestpoint Union">
            </a>
            <button type="button" class="close-btn bg-transparent position-relative lh-1 p-0 border-0" data-bs-dismiss="offcanvas" aria-label="close">
                <i class="ri-close-fill"></i>
            </button>
        </div>

        <div class="offcanvas-body">
            <ul class="mobile-menu">
                <li class="mobile-menu-list ">
                    <a href="#">Home</a>
                </li>

                <li class="mobile-menu-list">
                    <a href="javascript:void(0);">Banking</a>
                    <ul class="mobile-menu-items">
                        <li><a class="dropdown-item" href="personal">Personal Banking</a></li>
                        <li><a class="dropdown-item" href="business">Business Banking</a></li>
                        <li><a class="dropdown-item" href="digital.html">Digital Banking</a></li>
                    </ul>
                </li>

                <li class="mobile-menu-list">
                    <a href="javascript:void(0);">Services</a>
                    <ul class="mobile-menu-items">
                        <li><a class="dropdown-item" href="investments.html">Investments & Wealth</a></li>
                        <li><a class="dropdown-item" href="security.html">Security & Protection</a></li>
                    </ul>
                </li>

                <li class="mobile-menu-list">
                    <a href="javascript:void(0);">Company</a>
                    <ul class="mobile-menu-items">
                        <li><a class="dropdown-item" href="about.html">About Us</a></li>
                        <li><a class="dropdown-item" href="faqs.html">FAQs</a></li>
                        <li><a class="dropdown-item" href="privacy.html">Privacy Policy</a></li>
                        <li><a class="dropdown-item" href="terms.html">Terms & Conditions</a></li>
                    </ul>
                </li>

                <li class="mobile-menu-list without-icon">
                    <a href="contact.html" class="nav-link">Contact</a>
                </li>
            </ul>

            <!-- Others options -->
            <div class="others-options">
                <ul class="d-flex align-items-center ps-0 mb-0 list-unstyled">
                    <li>
                        <button type="button" class="search-btn" data-bs-toggle="modal" data-bs-target="#exampleModal">
                            <i class="ri-search-line"></i> Search
                        </button>
                    </li>
                    <li>
                        <a href="login.html" class="search-btn login"><i class="ri-account-circle-line"></i> Log in</a>
                    </li>
                    <li>
                        <a href="login.html" class="default-btn">Get Started <i class="ri-arrow-right-up-line"></i></a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- End Mobile Navbar Area -->

    <!-- Search Modal -->
    <div class="search-modal modal fade" id="exampleModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header position-relative">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"> </button>
                </div>
                <div class="modal-body">
                    <form class="popup-form">
                        <input type="text" class="form-control" placeholder="Search here">
                        <button type="submit" class="popup-btn">
                            <i class="ri-search-line"></i>
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- Search Modal End -->

    <!-- Breadcrumbs -->
        <div class="ge-breadcrumbs py-3" style="background:#f6f7fb;">
        <div class="container">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb mb-0">
                    <li class="breadcrumb-item"><a href="../../index.html">Home</a></li>
                    <li class="breadcrumb-item active" aria-current="page">Page Not Found</li>
                </ol>
            </nav>
        </div>
    </div>
    
    <main class="ge-main-content">
<section class="py-5">
  <div class="container text-center">
    <h1 class="display-1 text-muted">404</h1>
    <h2 class="mb-3">Page Not Found</h2>
    <p class="lead mb-4">The page you are looking for could not be found.</p>
    <a class="btn btn-primary" href="#">Return Home</a>
  </div>
</section>

    </main>
    <footer class="footer-area" style="background:#0b1b2b; color:#fff;">
        <div class="container py-5">
            <div class="row g-4">
                <div class="col-md-3">
                    <img src="../images/logo-white.svg" alt="Crestpoint Union" style="height:34px;" />
                    <p class="mt-3 mb-0" style="opacity:.9;">Crestpoint Union is Switzerland's premier private bank, providing discreet, sophisticated banking services, and exceptional wealth management solutions for discerning clients worldwide.</p>
                    <hr style="border-color: rgba(255,255,255,.15);">
                    <span class="text-gray small mt-3 pt-3" style="font-style: italic;"> <i class="ri-check-line  text-white"></i> Licensed by Swiss Financial Market Supervisory Authority (FINMA)</span>

                </div>
                <div class="col-md-3">
                    <div class="footer-weight part-two ps-5">
                    <h6 class="text-uppercase text-white">Banking</h6>
                    <ul class="service-link">
                        <li><a class="text-white" href="personal">Personal Banking</a></li>
                        <li><a class="text-white" href="business">Business Banking</a></li>
                        <li><a class="text-white" href="digital.html">Digital Banking</a></li>
                    </ul>
                </div>
            </div>
                <div class="col-md-3">
                    <div class="footer-weight ps-5">
                    <h6 class="text-uppercase text-white">Services</h6>
                    <ul class="list-unstyled mb-0">
                        <li><a class="text-white" href="investments.html">Investments & Wealth</a></li>
                        <li><a class="text-white" href="security.html">Security & Protection</a></li>
                        <li><a class="text-white" href="login.html">Online Banking</a></li>
                    </ul>
                </div>
                </div>
                <div class="col-md-3">
                    <div class="footer-weight part-three ps-5">
                    <h6 class="text-uppercase text-white">Company</h6>
                    <ul class="list-unstyled mb-0">
                        <li><a class="text-white" href="about.html">About Us</a></li>
                        <li><a class="text-white" href="faqs.html">FAQs</a></li>
                        <li><a class="text-white" href="contact.html">Contact</a></li>
                        <li><a class="text-white" href="privacy.html">Privacy Policy</a></li>
                        <li><a class="text-white" href="terms.html">Terms & Conditions</a></li>
                    </ul>
                </div>
                </div>
            </div>
            <hr class="my-4" style="border-color: rgba(255,255,255,.15);" />
            <div class="d-flex flex-column flex-md-row justify-content-between align-items-center">
                <p class="mb-2 mb-md-0" style="opacity:.8;">© 2026 Crestpoint Union. All rights reserved.</p>
                <p class="mb-0" style="opacity:.8;">Swiss banking support 24/7 • <a class="text-white" href="mailto:privatebanking@crestpointunion.com">privatebanking@crestpointunion.com</a></p>
            </div>
        </div>
    </footer>

    <script src="../js/bootstrap.bundle.min.js"></script>
    <script src="../js/swiper-bundle.min.js"></script>
    <script src="../js/scrollCue.min.js"></script>
    <script src="../js/fslightbox.min.js"></script>
    <script src="../js/smooth-scroll.js"></script>
    <script src="../js/script.js"></script>
    <script src="../../../code.tidio.co_443/zjuig7lqcibqwtu0dpk73jkxo8zmnl6p.js" async></script>
  </body>

<!-- Mirrored from www.crestpointunion.com/assets/css/personal by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 14 May 2026 07:42:17 GMT -->
</html>
