<style>
    .mobile-bottom-menu-wrapper {
    /*display: none;*/
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #2a3042;
    z-index: 9999;
    padding:2px;
}
.mobile-bottom-menu li a span {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
}
.mobile-bottom-menu .li .a .i {
    position: relative;
    z-index: 1;
    color: #fff;
}
ol, ul {
    padding-left: 0px;
}
.mobile-bottom-menu li a.active i {
    background: #f26a23;
    width: 45px;
    height: 45px;
    border: 4px solid var(--separate-bg);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-top: -12px;
    transform: translateY(-9px);
}


@media (min-width: 1024px) {
    .main-content {
    margin-left: 294px;
    overflow: hidden;
}
}
.d-sidebar {
    position: fixed;
    min-height: calc(100vh - 75px);
    max-height: calc(100vh - 75px);
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    top: 75px;
    left: 0;
    width: 310px;
    padding: 20px 0;
    background-color: #2a3042;
    overflow: hidden;
    z-index: 1;
    overflow: auto;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    line-height: 20px;
}
.d-sidebar-menu li a {
    display: block;
    padding: 12px 20px !important;
    color: #fff;
}





</style>

<div id="google_translate_element" style="background-color:#fff"></div>

<script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
}
</script>

<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

<script src="//code.jivosite.com/widget/qWKmIOhIaJ" async></script>
<!--<script src="//code.tidio.co/8ezcehmnrazqjzrf14xbaqej8mbq2nfs.js" async></script>-->

<!-- GetButton.io widget -->
<script type="text/javascript">
    (function () {
        var options = {
            // whatsapp: "+17276300722", // WhatsApp number
            call_to_action: "Message us", // Call to action
            position: "left",
            bottom: "103px"// Position may be 'right' or 'left'
        };
        var proto = document.location.protocol, host = "getbutton.io", url = proto + "//static." + host;
        var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js';
        s.onload = function () { WhWidgetSendButton.init(host, proto, options); };
        var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);
    })();
</script>
<!-- /GetButton.io widget -->

<style>
    #gb-widget-493 {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
    box-sizing: border-box !important;
    bottom: 103px;
}

.kvLxar {
    display: flex;
    margin: 7px;
    position: relative;
    -webkit-box-pack: start;
    justify-content: flex-start;
    bottom: 100px;
}
</style>





 <!-- ========== Left Sidebar Start ========== --
  <div class="vertical-menu">

<div data-simplebar class="h-100">
<div class="d-sidebar" display="">
    
    <!--- Sidemenu --
    <div id="sidebar-menu">
        <!-- Left Menu Start --
        
        
        <div class="nav">
   <div class="menu">
        <ul class="metismenu list-unstyled d-sidebar-menu" id="side-menu">
        <li class="menu-title" key="t-people"></li>

            <li>
                <a href="/dashboard" class=" waves-effect">
                    <i class="bx bx-home-circle"></i>
                    <span key="t-dashboards">My Account</span>
                </a>
            </li>

            <li>
                <a href="/trade-activities" class=" waves-effect">
                    <i class="bx bx-map-alt" type="solid"></i>
                    <span key="t-users">Trade Activities</span>
                </a>
            </li>

            <li>
                <a href="/deposit" class=" waves-effect">
                    <i class="bx bx-credit-card" type="solid"></i>
                    <span key="t-users">Deposit</span>
                </a>
            </li>

            <li>
                <a href="/withdrawal" class=" waves-effect">
                    <i class="bx bx-dollar-circle" type="solid"></i>
                    <span key="t-users">Withdrawal</span>
                </a>
            </li>

            <li>
                <a href="/transaction" class=" waves-effect">
                    <i class="bx bx-briefcase-alt" type="solid"></i>
                    <span key="t-tansaction-history">Transaction History</span>
                </a>
            </li>

            <li>
                <a href="/upgrade-account" class=" waves-effect">
                    <i class="bx bx-up-arrow-alt" type="solid"></i>
                    <span key="t-tansaction-history">Upgrade Account</span>
                </a>
            </li>

            
            <li>
                <a href="/notification" class=" waves-effect">
                    <i class="bx bx-bell" type="solid"></i>
                    <span key="t-notification">Notification</span>
                </a>
            </li>

            <li>
                <a href="/referrals" class=" waves-effect">
                    <i class="bx bx-user-circle" ></i>
                    <span key="t-referrals">Referrals</span>
                </a>
            </li>


            
        </ul>

        </div></div>
    </div>
    <!-- Sidebar --
</div>
</div>
<!-- Left Sidebar End -->




<!--<div class="d-sidebar" display="">
    <ul class="d-sidebar-menu">
      <li class="{{singleMenu('user.dashboard')}}">
        <a href="{{ route('user.dashboard') }}"><i data-feather="home"></i> {{ __('Dashboard') }}</a>
      </li>

      <li class="has_submenu {{arrayMenu(['user.investmentplan','user.invest.log'])}}">
        <a href="#0"><i data-feather="zap"></i> {{ __('Investment') }}</a>
        <ul class="submenu">
          <li class="{{singleMenu('user.investmentplan')}}">
            <a href="{{ route('user.investmentplan') }}"><i data-feather="chevrons-right"></i> {{ __('Investment Plans') }}</a>
          </li>
          <li class="{{singleMenu('user.invest.log')}}">
            <a href="{{ route('user.invest.log') }}"><i data-feather="chevrons-right"></i> {{ __('Invest Log') }}</a>
          </li>
        </ul> 
      </li>

      <li class="has_submenu {{arrayMenu(['user.deposit','user.deposit.log'])}}">
        <a href="#0"><i data-feather="briefcase"></i> {{ __('Deposit') }}</a>
        <ul class="submenu">
          <li class="{{singleMenu('user.deposit')}}">
            <a href="{{ route('user.deposit') }}"><i data-feather="chevrons-right"></i> {{ __('Add Deposit') }}</a>
          </li>
          <li class="{{singleMenu('user.deposit.log')}}">
            <a href="{{ route('user.deposit.log') }}"><i data-feather="chevrons-right"></i> {{ __('Deposit Log') }}</a>
          </li>
        </ul>
      </li>

      <li class="has_submenu {{arrayMenu(['user.withdraw','user.withdraw.*'])}}">
        <a href="#0"><i data-feather="credit-card"></i> {{ __('Withdraw') }}</a>
        <ul class="submenu">
          <li class="{{singleMenu('user.withdraw')}}">
            <a href="{{ route('user.withdraw') }}"><i data-feather="chevrons-right"></i> {{ __('Withdraw') }}</a>
          </li>
          <li class="{{singleMenu('user.withdraw.*')}}">
            <a href="{{ route('user.withdraw.all') }}"><i data-feather="chevrons-right"></i> {{ __('Withdraw Log') }}</a>
          </li>
        </ul>
      </li>

      <li class="{{singleMenu('user.transfer_money')}}">
        <a href="{{ route('user.transfer_money') }}"><i data-feather="repeat"></i> {{ __('Transfer Money') }}</a>
      </li>

       <li class="{{activeMenu(route('user.money.log'))}}">
            <a href="{{ route('user.money.log') }}">
            <i data-feather="file-text"></i>
                {{ __('Money Transfer Log') }}
            </a>
        </li>
         <li class="{{activeMenu(route('user.kyc'))}}">
            <a href="{{ route('user.kyc') }}">
            <i data-feather="file-text"></i>
                {{ __('KYC Verification') }}
            </a>
        </li>


      <li class="{{singleMenu('user.interest.log')}}">
        <a href="{{ route('user.interest.log') }}"><i data-feather="file-text"></i> {{ __('Interest Log') }}</a>
      </li>
      <li class="{{singleMenu('user.transaction.log')}}">
        <a href="{{ route('user.transaction.log') }}"><i data-feather="file-text"></i> {{ __('Transaction Log') }}</a>
      </li>
      <li class="{{singleMenu('user.commision')}}">
        <a href="{{ route('user.commision') }}"><i data-feather="file-text"></i> {{ __('Refferal Log') }}</a>
      </li>
      
      <li class="{{singleMenu('user.2fa')}}">
        <a href="{{ route('user.2fa') }}"><i data-feather="shield"></i> {{ __('2FA') }}</a>
      </li>
      <li class="{{singleMenu('user.ticket.index')}}">
        <a href="{{ route('user.ticket.index') }}"><i data-feather="life-buoy"></i> {{ __('Support') }}</a>
      </li>
      <li>
        <a href="{{ route('user.logout') }}"><i data-feather="log-out"></i> {{ __('Logout') }}</a>
      </li>
    </ul>
    <div class="d-plan-notice mt-4 mx-3">
        <p class="mb-0">{{ __('Your Current Plan') }}
            -{{ isset($currentPlan->plan->plan_name) ? $currentPlan->plan->plan_name : 'N/A' }}</p>
        <a href="{{ route('user.investmentplan') }}">{{ __('Update Plan') }} <i class="fas fa-arrow-up"></i></a>
    </div>
</div>-->



<!-- mobile bottom menu start -->
<!--<div class="mobile-bottom-menu-wrapper">-->
<!--  <ul class="mobile-bottom-menu">-->
<!--    <li>-->
<!--      <a href="{{ route('user.deposit') }}" class="{{ activeMenu(route('user.deposit')) }}">-->
<!--        <i class="bi bi-wallet2" style="color:#fff;"></i>-->
<!--        <span>{{ __('Add Funds') }}</span>-->
<!--      </a>-->
<!--    </li>-->

    
<!--        <li>-->
<!--  <a href="{{ route('user.investmentplan') }}" class="{{ activeMenu(route('user.investmentplan')) }}">-->
<!--        <i class="bi bi-piggy-bank" style="color:#fff;"></i>-->
<!--        <span>{{ __('Plans') }}</span>-->
<!--      </a>-->
<!--    </li>-->
    

<!--    <li>-->
<!--      <a href="{{ route('user.dashboard') }}" class="{{ activeMenu(route('user.dashboard')) }}">-->
<!--        <i class="bi bi-house-door" style="color:#fff;"></i>-->
<!--        <span>{{ __('Home') }}</span>-->
<!--      </a>-->
<!--    </li>-->
<!--    <li>-->
<!--      <a href="{{ route('user.withdrawMethod') }}" class="{{ activeMenu(route('user.withdrawMethod')) }}">-->
<!--        <i class="bi bi-cash-coin" style="color:#fff;"></i>-->
<!--        <span>{{ __('Withdraw') }}</span>-->
<!--      </a>-->
<!--    </li>-->
<!--    <li>-->
<!--      <a href="mailto:support@support@myprimetrades.com?subject=Support%20Related%20issues&body=hello%2C%20I'm%20writing%20from%20your%20website%20https%3A%2F%2Fmyprimetrades.com%0D%0AI'd%20like%20to..." class="">-->
<!--        <i class="bi bi-envelope" style="color:#fff;"></i>-->
<!--        <span>{{ __('Support') }}</span>-->
<!--      </a>-->
<!--    </li>-->
<!--  </ul>-->
<!--</div>-->
<!-- mobile bottom menu end -->