                <div class="rd-navbar-nav-wrap">
                    <div class="rd-navbar-info">
                        <ul class="other-link">
                            <li><a href="#" data-toggle="modal" data-target="#exampleModalCenter"><i class="fa-solid fa-magnifying-glass"></i></a></li>
                            <li><a href="#"><i class="fa-regular fa-user"></i></a></li>
                            <li><a href="#"><i class="fa-solid fa-bag-shopping"></i></a></li>
                        </ul>
                    </div>
                    <ul class="rd-navbar-nav">
                        <li class="{{ Route::is('') ?? 'active' }}" ><a href="/">Home</a></li>
                        <li class="{{ Route::is('products', 'products/*') ? 'active' : '' }}"><a href="/products">Products</a></li>
                        <li class="{{ Route::is('support', 'support/*') ? 'active' : '' }}"><a href="/support/technical">Support</a>
							<ul class="rd-navbar-dropdown">
                                <li class="{{ Route::is('support/technical', 'support/technical/*') ? 'active' : '' }}"><a href="/support/technical">Technical Support</a></li>
                                <li class="{{ Route::is('support/sales-inquiry', 'support/sales-inquiry/*') ? 'active' : '' }}"><a href="/support/sales-inquiry">Sales Inquiry</a></li>
                                <li class="{{ Route::is('support/distribution-partners', 'support/distribution-partners/*') ? 'active' : '' }}"><a href="/support/distribution-partners">Distribution Partners</a></li>
                                <li class="{{ Route::is('support/ecosystem-partners', 'support/ecosystem-partners/*') ? 'active' : '' }}"><a href="/support/ecosystem-partners">Ecosystem Partners</a></li>
							</ul>
                        </li>
                        <li class="{{ Route::is('news', 'news/*', 'events', 'events/*') ? 'active' : '' }}"><a href="/news">News</a>
							<ul class="rd-navbar-dropdown">
                                <li class="{{ Route::is('news', 'news/*') ? 'active' : '' }}"><a href="/news">News</a></li>
                                <li class="{{ Route::is('events', 'events/*') ? 'active' : '' }}"><a href="/events">Events</a></li>
							</ul>
                        </li>
                        <li class="{{ Route::is('about', 'about/*') ? 'active' : '' }}"><a href="/about">About</a>
							<ul class="rd-navbar-dropdown">
                                <li><a href="/about#anchor-about01">About Us</a></li>
                                <li><a href="/about#anchor-about02">Contact Us</a></li>
							</ul>
                        </li>
						<li>
                            <a href="#" data-toggle="modal" data-target="#exampleModalCenter"><i class="fa-solid fa-magnifying-glass"></i></a>
                            <a href="member-login.php"><i class="fa-regular fa-user"></i></a>
                            <a href="#"><i class="fa-solid fa-bag-shopping"></i></a>
                        </li>
                    </ul>
                </div>

                <!-- Modal -->
                <div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
                    <div class="modal-dialog modal-dialog-centered" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="exampleModalCenterTitle">Keyword Search</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body">
                                <form class="form-inline mt-2 mt-md-0 justify-content-between">
                                    <input class="form-control w-100" type="text" placeholder="Please enter search text" aria-label="Search">
                                </form>
                            </div>
                            <div class="modal-footer justify-content-center">
                                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Close Window</button>
                            </div>
                        </div>
                    </div>
                </div>
