<div class="top-bar">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-6">
                <p class="country-select" id="toggleButtoncountry">
                    <i class="bi bi-translate"></i>Select Country
                </p>
            </div>
            <div class="col-6">
                <div class="support-item">
                    <a class="items" href="login.html">
                        <i class="fas fa-user"></i> Login </a>
                    <a class="items d-none d-sm-block" href="contact.html">
                        <i class="fas fa-comments-alt"></i> Support </a>
                    <a class="items" href="#">
                        <i class="fab fa-blogger"></i> Blog </a>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="languagePopup" class="theme-language-popup">
    <div class="content-wrap">
        <div class="inner container">
            <div class="inner-content position-relative">
                <span id="closeButtoncountry">
                    <i class="ri-close-line"></i>
                </span>
                <h4 class="title">Choose your Country/Region</h4>
                <ul class="country-list">
                    <li>
                        <a href="#">
                            <strong>Argentina </strong> - Español </a>
                    </li>
                    <li>
                        <a href="#">
                            <strong>Australia </strong> - English </a>
                    </li>
                    <li>
                        <a href="#">
                            <strong>België </strong> - Nederlands </a>
                    </li>
                    <li>
                        <a href="#">
                            <strong>Belgique </strong> - Français </a>
                    </li>
                    <li>
                        <a href="#">
                            <strong>Brasil </strong> - Português </a>
                    </li>
                    <li>
                        <a href="#">
                            <strong>Canada </strong> - English </a>
                    </li>
                    <li>
                        <a href="#">
                            <strong>Chile </strong> - Español </a>
                    </li>
                    <li>
                        <a href="#">
                            <strong>Colombia </strong> - Español </a>
                    </li>
                    <li>
                        <a href="#">
                            <strong>Danmark </strong> - Dansk </a>
                    </li>
                    <li>
                        <a href="#">
                            <strong>Deutschland </strong> - Deutsch </a>
                    </li>
                    <li>
                        <a href="#">
                            <strong>Argentina </strong> - Español </a>
                    </li>
                    <li>
                        <a href="#">
                            <strong>Argentina </strong> - Español </a>
                    </li>
                    <li>
                        <a href="#">
                            <strong>España </strong> - Español </a>
                    </li>
                    <li>
                        <a href="#">
                            <strong>Estados Unidos </strong> - Español </a>
                    </li>
                    <li>
                        <a href="#">
                            <strong>France </strong> - Français </a>
                    </li>
                    <li>
                        <a href="#">
                            <strong>Hong Kong </strong> - English </a>
                    </li>
                    <li>
                        <a class="active" href="#">
                            <strong>India </strong> - English </a>
                    </li>
                    <li>
                        <a href="#">
                            <strong>India </strong> - हिंदी </a>
                    </li>
                    <li>
                        <a href="#">
                            <strong>Indonesia </strong> - Bahasa Indonesia </a>
                    </li>
                    <li>
                        <a href="#">
                            <strong>Ireland </strong> - English </a>
                    </li>
                    <li>
                        <a href="#">
                            <strong>Israel </strong> - English </a>
                    </li>
                    <li>
                        <a href="#">
                            <strong>Italia </strong> - Italiano </a>
                    </li>
                    <li>
                        <a href="#">
                            <strong>Malaysia </strong> - English </a>
                    </li>
                    <li>
                        <a href="#">
                            <strong>México </strong> - Español </a>
                    </li>
                    <li>
                        <a href="#">
                            <strong>Nederland </strong> - Nederlands </a>
                    </li>
                    <li>
                        <a href="#">
                            <strong>New Zealand </strong> - English </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="main-header d-none d-xl-block">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-6 col-md-4 col-lg-6">
                <a href="index.html" class="logo">
                    <!-- logo -->
                    <img src="{{ asset(env('THEME') . '/images/logo.png') }}" alt="logo">
                </a>
            </div>
            <div class="col-6 col-md-8 col-lg-6">
                <div class="header-support">
                    <ul class="support-item-web items d-none d-md-inline-block">
                        <li class="call-no">Sales: <strong>+1234567890 | <a
                                    href="https://www.rctheme.com/cdn-cgi/l/email-protection" class="__cf_email__"
                                    data-cfemail="3f6c5e535a4c7f5b50525e5651515e525a115c5052">[email&#160;protected]</a></strong>
                        </li>
                        <li class="call-no">Billing: <strong>+1234567890 | <a
                                    href="https://www.rctheme.com/cdn-cgi/l/email-protection" class="__cf_email__"
                                    data-cfemail="2b6942474742454c6b4f44464a4245454a464e05484446">[email&#160;protected]</a></strong>
                        </li>
                    </ul>
                    <a class="call-mob items d-md-none" href="tel:+911234567890">
                        <i class="fas fa-phone-alt"></i>
                    </a>
                    <a class="cart-icon items" href="#">
                        <img src="{{ asset(env('THEME') . '/images/cart.svg') }}" alt="cart icon">
                        <span class="count">0</span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
<header class="header">
    <div class="container d-flex align-items-center justify-content-between position-relative">
        <i class="mobile-nav-toggle mobile-nav-show bi bi-list"></i>
        <i class="mobile-nav-toggle mobile-nav-hide d-none bi bi-x"></i>
        <nav class="navbar mb-0">
            <ul>
                <li>
                    <a href="index.html">
                        <span>Home</span>
                    </a>
                </li>
                <li>
                    <a href="about.html">
                        <span>About</span>
                    </a>
                </li>
                <li class="dropdown">
                    <a href="#">
                        <span>Domain</span>
                        <i class="bi bi-chevron-down dropdown-indicator"></i>
                    </a>
                    <ul class="menu-item">
                        <li>
                            <a href="domain-search.html">
                                <i class="fal fa-globe"></i>
                                <span class="info">
                                    <span class="heading">Domain Search</span>
                                    <span class="content">Book your domain here</span>
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="trasfer-domain.html">
                                <i class="fal fa-sign-in"></i>
                                <span class="info">
                                    <span class="heading">Transfer your Domain</span>
                                    <span class="content">Move in your existing Domains</span>
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="domain-promos.html">
                                <i class="fal fa-badge-percent"></i>
                                <span class="info">
                                    <span class="heading">Domain Promos</span>
                                    <span class="content">Big savings. Act fast!</span>
                                </span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a href="#">
                        <span>Hosting</span>
                        <i class="bi bi-chevron-down dropdown-indicator"></i>
                    </a>
                    <ul class="menu-item">
                        <li>
                            <a href="shared-hosting.html">
                                <i class="fal fa-server"></i>
                                <span class="info">
                                    <span class="heading">Shared Hosting</span>
                                    <span class="content">Low Cost Hosting</span>
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="windows-hosting.html">
                                <i class="fab fa-windows"></i>
                                <span class="info">
                                    <span class="heading">Windows Hosting</span>
                                    <span class="content">Windows-based hosting for your needs.</span>
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="wordpress-hosting.html">
                                <i class="fab fa-wordpress"></i>
                                <span class="info">
                                    <span class="heading">Wordpress Hosting</span>
                                    <span class="content">Optimized hosting for WordPress sites.</span>
                                </span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a href="#">
                        <span>Server</span>
                        <i class="bi bi-chevron-down dropdown-indicator"></i>
                    </a>
                    <ul class="menu-item">
                        <li>
                            <a href="vps-server.html">
                                <i class="fal fa-database"></i>
                                <span class="info">
                                    <span class="heading">VPS Server</span>
                                    <span class="content">Flexible VPS solutions for you.</span>
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="dedicated-server.html">
                                <i class="fal fa-server"></i>
                                <span class="info">
                                    <span class="heading">Deicated Server</span>
                                    <span class="content">Powerful servers for dedicated performance.</span>
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="windows-server.html">
                                <i class="fab fa-windows"></i>
                                <span class="info">
                                    <span class="heading">Windows Deicated Server</span>
                                    <span class="content">Windows-based dedicated servers for performance.</span>
                                </span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a href="#">
                        <span>Reseller</span>
                        <i class="bi bi-chevron-down dropdown-indicator"></i>
                    </a>
                    <ul class="menu-item">
                        <li>
                            <a href="reseller-hosting.html">
                                <i class="far fa-globe"></i>
                                <span class="info">
                                    <span class="heading">Reseller Hosting</span>
                                    <span class="content">Launch your hosting business today!</span>
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="windows-reseller.html">
                                <i class="fab fa-windows"></i>
                                <span class="info">
                                    <span class="heading">Windows Reseller Hosting</span>
                                    <span class="content">Windows-based reseller hosting for entrepreneurs.</span>
                                </span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a href="#">
                        <span>Email</span>
                        <i class="bi bi-chevron-down dropdown-indicator"></i>
                    </a>
                    <ul class="menu-item">
                        <li>
                            <a href="business-email.html">
                                <i class="fal fa-mail-bulk"></i>
                                <span class="info">
                                    <span class="heading">Business Email</span>
                                    <span class="content">Professional email solutions for businesses.</span>
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="enterprices-email.html">
                                <i class="fas fa-envelope-open-text"></i>
                                <span class="info">
                                    <span class="heading">Enterprices Email</span>
                                    <span class="content">Enterprise-grade email solutions for businesses.</span>
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="gapps.html">
                                <i class="fab fa-google"></i>
                                <span class="info">
                                    <span class="heading">Google Workspace</span>
                                    <span class="content">Boost productivity with Google Workspace.</span>
                                </span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a href="#">
                        <span>Security</span>
                        <i class="bi bi-chevron-down dropdown-indicator"></i>
                    </a>
                    <ul class="menu-item">
                        <li>
                            <a href="ssl.html">
                                <i class="far fa-lock"></i>
                                <span class="info">
                                    <span class="heading">SSL Certificate</span>
                                    <span class="content">Secure your site with SSL.</span>
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="sitelock.html">
                                <i class="fal fa-shield-alt"></i>
                                <span class="info">
                                    <span class="heading">Sitelock</span>
                                    <span class="content">Protect your website with Sitelock.</span>
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="codeguard.html">
                                <i class="far fa-cloud-download"></i>
                                <span class="info">
                                    <span class="heading">Codeguard</span>
                                    <span class="content">Backup and secure your website.</span>
                                </span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="contact.html">
                        <span>Contact</span>
                    </a>
                </li>
                <li>
                    <a href="combo-plan.html" class="menu-account-btn">
                        <span>
                            <i class="fal fa-gift"></i>Offer </span>
                    </a>
                </li>
            </ul>
        </nav>
        <div class="d-flex align-items-center d-xl-none w-100">
            <a href="index.html" class="logo-mob">
                <!-- logo -->
                <img src="{{ asset(env('THEME') . '/images/logo.png') }}" alt="logo">
            </a>
            <div class="header-support w-100">
                <ul class="support-item-web items d-none d-md-inline-block">
                    <li class="call-no">Sales: <strong>+1234567890 | <a
                                href="https://www.rctheme.com/cdn-cgi/l/email-protection" class="__cf_email__"
                                data-cfemail="b4e7d5d8d1c7f4d0dbd9d5dddadad5d9d19ad7dbd9">[email&#160;protected]</a></strong>
                    </li>
                    <li class="call-no">Billing: <strong>+1234567890 | <a
                                href="https://www.rctheme.com/cdn-cgi/l/email-protection" class="__cf_email__"
                                data-cfemail="4a0823262623242d0a2e25272b2324242b272f64292527">[email&#160;protected]</a></strong>
                    </li>
                </ul>
                <a class="cart-icon items" href="#">
                    <img src="{{ asset(env('THEME') . '/images/cart.svg') }}" alt="cart icon">
                    <span class="count">0</span>
                </a>
            </div>
        </div>
    </div>
</header>
<div class="mob-secreen-page-slider d-sm-none user-select-none">
    <div class="swiper swiper-hader-link">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <a href="shared-hosting.html" class="slide-item">
                    <i class="fal fa-server"></i>
                    <span>Shared Hosting</span>
                </a>
            </div>
            <div class="swiper-slide">
                <a href="windows-hosting.html" class="slide-item">
                    <i class="fab fa-windows"></i>
                    <span>Windows Hosting</span>
                </a>
            </div>
            <div class="swiper-slide">
                <a href="windows-hosting.html" class="slide-item">
                    <i class="fab fa-wordpress-simple"></i>
                    <span>Wordpress Hosting</span>
                </a>
            </div>
            <div class="swiper-slide">
                <a href="reseller-hosting.html" class="slide-item">
                    <i class="fal fa-cabinet-filing"></i>
                    <span>Reseller Hosting</span>
                </a>
            </div>
            <div class="swiper-slide">
                <a href="cloud.html" class="slide-item">
                    <i class="fal fa-cloud"></i>
                    <span>Cloud Hosting</span>
                </a>
            </div>
            <div class="swiper-slide">
                <a href="dedicated-server.html" class="slide-item">
                    <i class="fal fa-server"></i>
                    <span>Dedicated Server</span>
                </a>
            </div>
            <div class="swiper-slide">
                <a href="vps.html" class="slide-item">
                    <i class="fal fa-database"></i>
                    <span>VPS Hosting</span>
                </a>
            </div>
            <div class="swiper-slide">
                <a href="ssl.html" class="slide-item">
                    <i class="fal fa-lock-alt"></i>
                    <span>SSl Certificate</span>
                </a>
            </div>
            <div class="swiper-slide">
                <a href="codeguard.html" class="slide-item">
                    <i class="fal fa-cloud-download"></i>
                    <span>Coudguard Backup</span>
                </a>
            </div>
            <div class="swiper-slide">
                <a href="business-email.html" class="slide-item">
                    <i class="fal fa-envelope-open-text"></i>
                    <span>Business Email</span>
                </a>
            </div>
            <div class="swiper-slide">
                <a href="enterprices-email.html" class="slide-item">
                    <i class="fal fa-envelope"></i>
                    <span>Enterprices Email</span>
                </a>
            </div>
            <div class="swiper-slide">
                <a href="gapps.html" class="slide-item">
                    <i class="fab fa-google"></i>
                    <span>Google Workspace</span>
                </a>
            </div>
        </div>
    </div>
</div>
<!-- header end -->
