<!-- Header Start -->
<style>
    @media (max-width: 1199px) {
        .popup-mobile-menu .mainmenu li a {
            padding: 8px 0;
            display: flex;
            justify-content: flex-start !important;
            font-size: 16px;
            font-weight: 500;
            color: #6F6B80;
            align-items: center;
        }
    }
</style>
<!-- Top Bar Start -->
<div class="topbar">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-6 d-none d-lg-block">
                <ul class="top-bar-support">
                    <li>
                        <a href="tel:+19786480756">
                            <i class="fi fi-tr-phone-call"></i>
                            <span>+1 978-648-0756</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="fi fi-tr-envelopes"></i>
                            <span>info@bdwebservices.com</span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="col-lg-6">
                <div class="d-flex justify-content-center justify-content-lg-end">
                    <div class="dropdown top-bar-dropdown account">
                        <button data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">
                            <i class="fi fi-tr-circle-user"></i> Account </button>
                        <ul class="dropdown-menu dropdown-menu-end">
                            <li>
                                <a href="login.html"><span class="headings">Sign In</span><span class="contents">Have an
                                        account? Sign in now.</span></a>
                            </li>
                            <li>
                                <a href="register.html"><span class="headings">Register</span><span class="contents">New
                                        to Prohost? Create an account to get started
                                        today.</span></a>
                            </li>
                            <li>
                                <a href="forgot-password.html"><span class="headings">Forgot Password</span><span
                                        class="contents">Easily recover your forgotten password here.</span></a>
                            </li>
                        </ul>
                    </div>
                    <div class="dropdown top-bar-dropdown">
                        <button data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">
                            <i class="bi bi-currency-dollar"></i> USD </button>
                        <ul class="dropdown-menu dropdown-menu-end">
                            <li>
                                <a href="#"><i class="bi bi-currency-rupee"></i> BDT</a>
                            </li>
                            <li>
                                <a href="#"><i class="bi bi-currency-pound"></i> GBP</a>
                            </li>
                        </ul>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
<!-- Top Bar End -->
<!-- Logo bar Start-->
<div class="logo-bar">
    <div class="container">
        <div class="row justify-content-between">
            <div class="col-xl-4 col-8">
                <a href="index-2.html" class="main-logo">
                    <!-- logo image here -->
                    <img src="https://bdwebservices.com/img/logo.png" alt="logo">
                </a>
            </div>
            <div class="col-xl-8 col-4 justify-content-end d-flex">
                <div class="form-domain-search-header">
                    <button class="close-domain-search-button">
                        <i class="bi bi-x"></i>
                    </button>
                    <form action="https://www.rctheme.com/#">
                        <input class="input" type="text" placeholder="Enter Your Ideal Domain Name ...">
                        <button class="submit">
                            <i class="bi bi-search d-lg-none"></i>
                            <span class="d-none d-lg-inline-block">Search Now</span>
                        </button>
                    </form>
                    <ul class="domain-tld">
                        <li><span class="name">.Com</span><span class="price">$12.25</span></li>
                        <li><span class="name">.Net</span><span class="price">$18.85</span></li>
                        <li><span class="name">.Store</span><span class="price">$12.25</span></li>
                        <li><span class="name">.XYZ</span><span class="price">$15.25</span></li>
                    </ul>
                </div>
                <button class="form-domain-search-button">
                    <i class="bi bi-search"></i>
                </button>
                <!-- mobile menu button -->
                <button class="hamberger-button">
                    <i class="bi bi-list"></i>
                </button>
            </div>
        </div>
    </div>
</div>
<!-- Logo bar End-->
<!-- Main Header Start -->
<div class="header d-flex align-items-center position-relative">
    <div class="container-fluid container-sm d-flex align-items-center justify-content-between">
        <div class="popup-mobile-menu">
            <div class="inner">
                <div class="popup-mobile-menu-header">
                    <div class="logo">
                        <img src="https://bdwebservices.com/img/logo.png" alt="logo">
                    </div>
                    <div class="close-menu">
                        <button class="close-button">
                            <i class="bi bi-x"></i>
                        </button>
                    </div>
                </div>
                <ul class="mainmenu">
                    <li>
                        <a class="{{ request()->is('/') ? 'clientarea' : '' }}" href="contact.html">
                            <span>Home</span>
                        </a>
                    </li>
                    <!-- Domain Dropdown Start -->
                    <li class="has-droupdown"> <a href="#" class=""><span>Domain</span><i
                                class="bi bi-chevron-down dropdown-indicator"></i></a>
                        <ul class="submenu">
                            <li class="px-2"><a href="register-domain.html">Register a
                                    domain </a></li>
                            <li class="px-2"><a href="transfer-domain.html">Transfer a
                                    domain</a></li>
                            <li class="px-2"><a href="domain-pricing.html">Domain
                                    Pricing</a></li>
                        </ul>
                    </li>
                    <!-- Domain Dropdown end -->
                    <!-- Web Hosting Dropdown Start -->
                    <li class="has-droupdown"> <a href="#" class=""><span>Web Hosting</span><i
                                class="bi bi-chevron-down dropdown-indicator"></i></a>
                        <ul class="submenu">
                            <li class="px-2"><a href="bdix-unmanaged-vps.html"> Linux
                                    Shared
                                    Hosting</a></li>
                            <li class="px-2"><a href="usa-unmanaged-vps.html"> Linux
                                    Reseller
                                    Hosting</a></li>
                        </ul>
                    </li>
                    <!-- Web Hosting Dropdown End -->
                    <!-- Server Dropdown Start -->
                    <li class="has-droupdown"> <a href="#" class=""><span>Server</span><i
                                class="bi bi-chevron-down dropdown-indicator"></i></a>
                        <ul class="submenu">
                            <li class="px-2"><a href="bdix-unmanaged-vps.html"> Linux
                                    Shared
                                    Hosting</a></li>
                            <li class="px-2"><a href="usa-unmanaged-vps.html"> Linux
                                    Reseller
                                    Hosting</a></li>
                        </ul>
                    </li>
                    <!-- Server Dropdown End -->

                    <!-- Email & Security Dropdown Start -->
                    <li class="has-droupdown megamenu">
                        <a href="#">
                            <span>Email & Security</span>
                            <i class="bi bi-chevron-down dropdown-indicator"></i>
                        </a>
                        <ul class="rn-megamenu">
                            <li class="has-droupdown three">
                                <a href="#">
                                    <span>
                                        <img class="me-2"
                                            src="{{ asset(env('THEME') . '/images/email_marketing.png') }}"
                                            alt="img">Email Service </span>
                                    <i class="bi bi-chevron-down dropdown-indicator"></i>
                                </a>
                                <ul class="submenu">
                                    <li>
                                        <a href="business-email.html">Business Email
                                            <span class="heading-content text-wrap">Simple and powerful
                                                webmail</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="enterprise-email.html">Enterprise Email
                                            <span class="heading-content text-wrap">Advanced and
                                                Corporate-class
                                                email</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="g-suite.html">G Suite
                                            <span class="heading-content text-wrap">Formerly Google Apps for
                                                Work - Email,
                                                calendar and storage on any device</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="has-droupdown three">
                                <a href="#">
                                    <span>
                                        <img class="me-2"
                                            src="{{ asset(env('THEME') . '/images/shield_icon.png') }}"
                                            alt="img">Security </span>
                                    <i class="bi bi-chevron-down dropdown-indicator"></i>
                                </a>
                                <ul class="submenu">
                                    <li>
                                        <a href="ssl-certificates.html">SSL Certificates
                                            <span class="heading-content text-wrap">SSL Certificates ensure
                                                secure,
                                                encrypted website data transmission.</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="sitelock.html">Sitelock
                                            <span class="heading-content text-wrap">Protect your website from threats
                                                with
                                                SiteLock security.</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="codeguard.html">CodeGuard Website Backup
                                            <span class="heading-content text-wrap">CodeGuard: Automatic, reliable
                                                backups
                                                for your website. </span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="has-droupdown three nav-bar-dropdown-img">
                                <img src="{{ asset(env('THEME') . '/images/security_img.png') }}" alt="image">
                            </li>
                        </ul>
                    </li>
                    <!-- Email & Security Dropdown End -->


                    <!-- About Prohost v2 Dropdown Start -->
                    <li class="has-droupdown megamenu">
                        <a href="#">
                            <span>About</span>
                            <i class="bi bi-chevron-down dropdown-indicator"></i>
                        </a>
                        <ul class="rn-megamenu">
                            <li class="has-droupdown three">
                                <a href="#">
                                    <span>
                                        <img class="me-2" src="{{ asset(env('THEME') . '/images/office.png') }}"
                                            alt="img">Company
                                    </span>
                                    <i class="bi bi-chevron-down dropdown-indicator"></i>
                                </a>
                                <ul class="submenu">
                                    <li>
                                        <a href="about-us.html">About us
                                            <span class="heading-content text-wrap">Leading provider of innovative,
                                                reliable hosting solutions.</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">Our Team
                                            <span class="heading-content text-wrap">Expert team ensuring seamless
                                                hosting.</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="sitemap.html">SiteMap
                                            <span class="heading-content text-wrap">Navigate our site easily with our
                                                sitemap.</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="has-droupdown three">
                                <a href="#">
                                    <span>
                                        <img class="me-2"
                                            src="{{ asset(env('THEME') . '/images/customer_service.png') }}"
                                            alt="img">Support </span>
                                    <i class="bi bi-chevron-down dropdown-indicator"></i>
                                </a>
                                <ul class="submenu">
                                    <li>
                                        <a href="contact.html">24 x 7 Support
                                            <span class="heading-content text-wrap">Always here when you need.</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="legal.html">Legal Agreements
                                            <span class="heading-content text-wrap">Read our legal agreements for
                                                important
                                                information.</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="privacy-policy.html">Privacy Policy
                                            <span class="heading-content text-wrap">Review our privacy policy for
                                                detailed
                                                information.</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="has-droupdown three">
                                <a href="#">
                                    <span>
                                        <img class="me-2" src="{{ asset(env('THEME') . '/images/tool.png') }}"
                                            alt="img">Tools </span>
                                    <i class="bi bi-chevron-down dropdown-indicator"></i>
                                </a>
                                <ul class="submenu">
                                    <li>
                                        <a href="#">Affiliates
                                            <span class="heading-content text-wrap">Join our affiliate program and earn
                                                rewards.</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">Blog
                                            <span class="heading-content text-wrap">Explore our blog for insightful
                                                articles.</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">Knowledgebase
                                            <span class="heading-content text-wrap">Browse our knowledgebase for
                                                helpful
                                                resources.</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <!-- About Prohost v2 Dropdown End -->
                    <li>
                        <a class="clientarea" href="contact.html">
                            <span>Need Help ?</span>
                        </a>
                    </li>


                </ul>
            </div>
        </div>
    </div>
</div>
<!-- Main Header End -->
<!-- Header End -->
