<!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=1.0"> 
    
    <!-- BootStrap Link -->
    <link rel="stylesheet" href="account/assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="account/assets/css/animate.css">

    <!-- Icon Link -->
    <link rel="stylesheet" href="account/assets/css/all.min.css">
    <link rel="stylesheet" href="account/assets/css/line-awesome.min.css">

    <!-- Plugings Link -->
    <link rel="stylesheet" href="account/assets/css/slick.css">
    <link rel="stylesheet" href="account/assets/css/nice-select.css">
    <link rel="stylesheet" href="account/assets/css/odometer.css">

    <!-- Custom Link -->
    <link rel="stylesheet" href="account/assets/css/main.css">

    <link rel="shortcut icon" href="/bb/lg.png" type="image/x-icon">
    <link rel="icon" href="/bb/lg.png" type="image/x-icon">

    <title>{$settings.site_name}</title>
    
<!-- Smartsupp Live Chat script -->
<script type="text/javascript">
var _smartsupp = _smartsupp || {};
_smartsupp.key = 'edf544f95d22563497bc5c87a7f49916e35835fc';
window.smartsupp||(function(d) {
  var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[];
  s=d.getElementsByTagName('script')[0];c=d.createElement('script');
  c.type='text/javascript';c.charset='utf-8';c.async=true;
  c.src='https://www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s);
})(document);
</script>
<noscript> Powered by <a href=“https://www.smartsupp.com” target=“_blank”>Smartsupp</a></noscript>   
</head>
<body style="background: #1C202E;">

    <div class="overlay"></div>

    <!-- Header Section Starts Here -->
    <div class="header" style="background: #000;">

        <div class="header-bottom">
            <div class="container">
                <div class="header-bottom-area">
                    <div class="logo"><a href="/"><img src="/bb/logo.png" alt="logo" style="background: #fff;"></a></div>
                    <ul class="menu">
                        
                        <li><a style="color: #fff;" href="/">Home</a></li>

                        <li><a style="color: #fff;" href="/#about">About Company</a></li>

                        <li><a style="color: #fff;" href="/#plans">Plans</a></li>

                        <li><a style="color: #fff;" href="/support">Contact Us</a></li>

                        <li><a style="color: #fff;" href="?a=login">Login</a></li>

                        <li><a style="color: #fff;" href="?a=signup">Sign Up</a></li>
    
                    </ul>                    
    
                    <div class="header-trigger-wrapper d-flex d-lg-none align-items-center">
                        <div class="mobile-nav-right d-flex align-items-center"></div>
                        <a href="#0" class="search--btn me-4 text--base"><i class="fas fa-search"></i></a>
                        <div class="header-trigger d-block d--none">
                            <span></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

        <!-- Header Section Ends Here -->