    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="top-bar">
                    <p class="top-para m-0">Your iP: 34.34.233.188 • Google Cloud • Your Status: <a class="fw-bold"
                            href="#">Unprotected</a></p>
                </div>
            </div>
        </div>
        <div class="row align-items-center mt-16px">
            <div class="col-4 col-md-6 col-lg-2">
                <div class="logo-area">
                    <a href="/">
                        <img class="img-fluid" src="{{ asset(path: 'themes/images/twistvpn-logo.svg') }}" alt="">
                    </a>
                </div>
            </div>
            <div class="col-12 col-lg-8">
                <nav class="navigation">
                    <ul class="nav-list">
                        <li class="nav-list-item {{ navActive(route(name: 'home')) }}">
                            <a class="nav-link" href="/">home</a>
                        </li>
                        <li class="nav-list-item {{ navActive(route(name: 'pricing')) }} ">
                            <a class="nav-link" href="{{ route('pricing') }}">pricing</a>
                        </li>
                        <li class="nav-list-item {{ navActive(route(name: 'support')) }}">
                            <a class="nav-link" href="{{ route('support') }}">support</a>
                        </li>
                    </ul>
                </nav>
            </div>
            <div class="col-8 col-md-6 col-lg-2">
                <div class="header-right">
                    <a class="nav-link" href="#">Log in</a>
                     <a class="nav-link" href="#">Sign up</a>
                </div>
                  
            </div>
        </div>
    </div>

    <!-- mobile menu start -->
    <div class="mobile-menu-area">
        <nav class="mobile-menu">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <ul class="mobile-menu-list">

                        </ul>
                    </div>
                </div>
            </div>
        </nav>
    </div>
    <!-- mobile menu end -->