<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="description" content="Bellair Shipping and Logistics">
<meta name="keywords" content="Bellair, Shipping, Logistics, Warehousing">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Page Not Found</title>
<link rel="icon" href="/public/icon.png">
<!--Box Icons-->
<link rel="stylesheet" href="/public/assets/fonts/boxicons/css/boxicons.min.css" nonce="8b6c3ba9f45cadd">
<!--AOS Animations-->
<link rel="stylesheet" href="/public/assets/vendor/node_modules/css/aos.css" nonce="8b6c3ba9f45cadd">
<!--Iconsmind Icons-->
<link rel="stylesheet" href="/public/assets/fonts/iconsmind/iconsmind.css" nonce="8b6c3ba9f45cadd">
<!--Google fonts-->
<link rel="preconnect" href="https://fonts.googleapis.com" nonce="8b6c3ba9f45cadd">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin nonce="8b6c3ba9f45cadd">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&family=Source+Serif+Pro:ital@0;1&display=swap" rel="stylesheet" nonce="8b6c3ba9f45cadd">
<!-- Main CSS -->
<link href="/public/assets/css/theme.min.css" rel="stylesheet" nonce="8b6c3ba9f45cadd">
<script src="/public/libs/jsPSI.Geo.v1.0.min.js" nonce="c88359b5970e2636"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css" nonce="8b6c3ba9f45cadd">
<link href="/public/custom.css" rel="stylesheet" nonce="8b6c3ba9f45cadd">
<script type="importmap" nonce="c88359b5970e2636">
{"imports": {"vue": "https://unpkg.com/vue@3.2.47/dist/vue.esm-browser.prod.js"}}
</script>
<script src="/public/client/common/bex.client.v1.0.0.min.js" nonce="c88359b5970e2636"></script>
</head>
<body>
<div class="spinner-loader bg-white">
<div class="spinner-border text-dark" role="status">
</div>
<span class="small d-block ms-2">Loading...</span>
</div>
<!-- Mon Sep 08 2025 22:32:28 GMT+0000 (GMT) -->
<header class="z-index-fixed header-fixed-top d-print-none">
<nav class="navbar navbar-expand-lg navbar-light bg-white border-1 border-bottom psi-border-light-gray">
<div class="container position-relative">
<!--Sire-logo-->
<a class="navbar-brand" href="/">
<img src="/public/images/logo.svg" alt="Bellair" class="app-img-nav">
</a>
<div class="d-flex align-items-center navbar-no-collapse-items order-lg-last d-print-none">
<button class="navbar-toggler order-last" type="button" data-bs-toggle="collapse" data-bs-target="#mainNavbarTheme" aria-controls="mainNavbarTheme" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon">
<i></i>
</span>
</button>
<div class="nav-item me-3 me-lg-0 ms-lg-4 ms-xl-5 dropdown">
<a href="#" class="btn btn-outline-secondary btm-sm rounded-pill py-1" data-bs-auto-close="outside" data-bs-toggle="dropdown">
Login
</a>
<div class="dropdown-menu dropdown-menu-end dropdown-menu-xs p-4">
<form class="needs-validation" novalidate="" method="POST" action="/login">
<div>
<h5 class="mb-4">Login to Bellair</h5>
</div>
<div class="input-group mb-3">
<div class="input-group-text"><i class="bx bx-envelope fs-4"></i></div>
<input type="text" id="username" name="username" required="" class="form-control" autofocus="" placeholder="Email Address">
</div>
<div class="input-group mb-3">
<div class="input-group-text"><i class="bx bx-lock-open-alt fs-4"></i></div>
<input type="password" id="password" name="password" required="" class="form-control" placeholder="Password">
</div>
<div class="mb-3">
<div class="text-end me-1">
<label class="text-end d-block mb-0"><a href="/assist/password-reset" class="fw-semibold text-muted link-decoration">Forgot Password?</a></label>
</div>
</div>
<div class="d-grid">
<button class="btn btn-primary btn-hover-arrow" type="submit">
<span>Login</span>
</button>
</div>
<p class="pt-4 mb-0 text-muted text-end text-nowrap">
Don't have a web account? <a href="/contact/3" class="ms-2 pb-0 text-dark fw-semibold text-muted link-decoration">Request Access</a>
</p>
</form>
</div>
</div>
</div>
<div class="collapse navbar-collapse d-print-none" id="mainNavbarTheme">
<!--Navbar items-->
<div class="ms-auto d-none d-xl-block">
<div class="d-flex bex-navbar-track" role="search">
<input nonce="8b6c3ba9f45cadd" class="form-control me-2" type="search" id="trackSearchValue" name="trackSearchValue" placeholder="Bill/Reference Number" aria-label="Track"" autocomplete="off">
<button nonce="8b6c3ba9f45cadd" class="btn btn-info btn-sm" type="button" onclick="bexClient.trackShipment({genericSearchValue: document.getElementById('trackSearchValue').value})">Track</button>
</div>
</div>
<ul class="navbar-nav ms-auto">
<li class="nav-item d-xl-none">
<a class="nav-link fw-5" href="/track"><i class="bx bx-right-arrow-circle fs-5"></i> Track</span></a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Services</a>
<div class="dropdown-menu p-lg-3 dropdown-menu-end dropdown-menu-xs"
data-bs-popper="none">
<a class="dropdown-item" href="/services/logistics">Logistics</a>
<a class="dropdown-item" href="/services/domestic">Domestic</a>
<a class="dropdown-item" href="/services/international">International</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">About</a>
<div class="dropdown-menu p-lg-3 dropdown-menu-end dropdown-menu-xs"
data-bs-popper="none">
<a class="dropdown-item" href="/about">About Bellair</a>
<a class="dropdown-item" href="/about/privacy-policy">Privacy Policy</a>
<a class="dropdown-item" href="/about/terms-and-conditions">Terms and Conditions</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="/contact">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<div class="d-none d-print-block mt-2 mb-4 pt-0 pb-2 fs-2 text-center fw-light border-2 border-bottom border-dark-50">
Bellair
</div>
<main class="main-content" id="main-content">
<main class="main-content d-grid" id="main-content">
<section class="position-relative overflow-hidden">
<div class="container pt-lg-16 pb-9">
<div class="row">
<div class="col-lg-12 mx-auto text-center position-relative">
<div class=" position-relative z-index-1">
<div class="text-danger mb-5">
<img src="/public/images/404.png" class="width-18x mx-auto" alt="">
</div>
<h1 class="display-1 mb-2">404</h1>
<h2 class="mb-4">Oops! Page not found</h2>
<p class="w-lg-75 lead mx-auto mb-5">
It seems that page you are looking for no longer exists.
</p>
<a href="/" class="fw-semibold">
<i class="bx bx-left-arrow-alt lh-1 fw-normal me-2"></i>Back to Home</a>
</div>
</div>
</div>
</div>
</section>
</main>
</main>
<!-- Common Footer Minimal
Generated: Sun Sep 07 2025 19:16:53 GMT+0000 (GMT)
-->
<footer id="footer" class="position-relative overflow-hidden bg-dark text-white mt-5">
<div class="container pt-3 pb-3">
<hr class="mb-1 mt-0">
<div class="row d-none d-md-block mb-4 d-print-none">
<div class="col-12">
<div class="d-flex small align-items-center float-start ">
<a class="d-block ms-3" href="/services/logistics">Logistics</a>
<a class="d-block ms-3" href="/services/domestic">Domestic</a>
<a class="d-block ms-3" href="/services/international">International</a>
<a class="d-block ms-3" href="/about">About Bellair</a>
<a class="d-block ms-3" href="/about/privacy-policy">Privacy Policy</a>
<a class="d-block ms-3" href="/about/terms-and-conditions">Terms and Conditions</a>
<a class="d-block ms-3" href="/contact">Contact</a>
</div>
<div id="idCopyright" class="small float-end text-end text-muted">
<a class="d-block ms-3" href="/">© 2023-2025 Bellair</a>
</div>
</div>
</div>
</div>
</footer>
<!-- scripts -->
<script src="/public/assets/js/theme.bundle.js" nonce="c88359b5970e2636"></script>
<script>
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
return new bootstrap.Tooltip(tooltipTriggerEl)
})
</script>
</body>
</html>