<div id="preloader">
    <div class="loader">
        <div class="loader-rect"></div>
        <div class="loader-rect"></div>
        <div class="loader-rect"></div>
        <div class="loader-rect"></div>
    </div>
</div>

<header id="header-3" class="header-area absolute-header">
    <div class="sticky-area">
        <div class="navigation">
            <div class="container">
                <div class="row">
                    <div class="col-lg-2">
                        <div class="logo">
                            <a class="navbar-brand" href="{{url_for('index')}}"><img
                                    src="{{url_for('static', filename='assets/img/logo-white.png')}}" alt></a>
                        </div>
                    </div>
                    <div class="col-lg-10">
                        <div class="main-menu">
                            <nav class="navbar navbar-expand-lg">
                                <button class="navbar-toggler" type="button" data-toggle="collapse"
                                    data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                                    aria-expanded="false" aria-label="Toggle navigation">
                                    <span class="navbar-toggler-icon"></span>
                                    <span class="navbar-toggler-icon"></span>
                                    <span class="navbar-toggler-icon"></span>
                                </button>
                                <div class="collapse navbar-collapse justify-content-center"
                                    id="navbarSupportedContent">
                                    <ul class="navbar-nav ml-auto">
                                        <li class="nav-item">
                                            <a class="nav-link" href="{{url_for('index')}}">Home</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" href="{{url_for('about_us')}}">About</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" href="{{url_for('services')}}">Services</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" href="{{url_for('contacts')}}">Contact</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" href="{{url_for('team')}}">Team</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" href="{{url_for('gallery')}}">Gallery</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link py-3"  href="{{url_for('partner')}}"><button class="main-btn">Parner Today</button></a>
                                        </li>
                                    </ul>
                                </div>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="search-popup">
        <span class="search-back-drop"></span>
        <div class="search-inner">
            <div class="auto-container">
                <div class="upper-text">
                    <button class="close-search"><span class="far fa-times"></span></button>
                </div>
                <form method="post" action="#">
                    <div class="form-group">
                        <input type="search" name="search-field" placeholder="Search Here..." required>
                        <button type="submit"><i class="far fa-search"></i></button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</header>