<nav class="position-fixed r-0 zi-999 t-45 l-0  nav-web"> 
    <div class="d-flex container content-nav position-relative zi-9 align-items-stretch justify-content-between mx-auto"> 
        <div class="position-absolute menuProducts br-8 overflow-hidden zi-999  t-85 l-0 r-0"> 
            {% include "commons/menuProducts.html.twig" %} 
        </div> 
        <div class="position-absolute menuPublications zi-999  t-90 l-60 mx-auto r-0"> 
            {% include "commons/menuPublications.html.twig" %} 
        </div> 
        <a class="navbar-brand bgc-transparent pa-20" 
           href="{{ path('front_landing') }}"> 
            <img src="{{ asset('assets/img/logo-viewpoint.svg') }}" alt="logo" height="61" class="img"/> 
        </a> 
        <ul class="navbar-nav mx-auto"> 
            {% for key, linkNav in getLinksNav() %} 
                {% if linkNav is not iterable %} 
                    <li class="nav-item nav-item-custom  {{ (loop.index == "2") ? 'nav-link2' }}  {{ (loop.index == "4") ? 'nav-link4' }}  c-9DC771-h {{ (currentPage is defined and currentPage == key) ? 'active c-9DC771' : 'c-616161 ' }} max-18 d-flex align-items-center justify-content-center"> 
                        <a class="text-center  c-inherit text-md-left fw-500 nav-link" 
                           href="{{ linkNav }}"> 
                            {{ key }} 
                            {% if (loop.index == "2" or loop.index == "4") %} 
                                <i class="fas fa-caret-down fs-12 mal-7"></i> 
                            {% endif %} 
                        </a> 
                    </li> 
                {% else %} 
                    <li class="nav-item dropdown   c-9DC771-h {{ (currentPage is defined and currentPage == key) ? 'active c-9DC771' : 'c-616161 ' }}"> 
                        <a class="nav-link c-inherit" 
                           href="#" id="navbarDropdown{{loop.index}}" type="button"> 
                            {{ key }} 
                            <i class="fas fa-chevron-down mal-7"></i> 
                        </a> 
                        <div class="dropdown-menu px-0 pay-16" aria-labelledby="navbarDropdown{{loop.index}}"> 
                            {% for subKey, subLink in linkNav %} 
                                <a class="dropdown-item c-616161 c-9DC771-h" 
                                   href="{{ subLink }}"> 
                                    {{ subKey }} 
                                </a> 
                            {% endfor %} 
                        </div> 
                    </li> 
                {% endif %} 
            {% endfor %} 
        </ul> 
        <ul class=" d-flex align-items-center mab-0 pal-0 ul-search mawi-330"> 
            <li class="nav-item mal-20 nav-search-li list-none"> 
                <a href="{{path('front_contact')}}" class="btn btn-green pax-24 pay-13 br-8"> 
                    {{"navbar.contact"|trans}}</a> 
            </li> 
            <li class="nav-item mal-15 nav-search-li list-none d-none position-absolute r-0 wi-170"> 
                <form method="get" action="{{ path('front_navbar_search') }}"> 
                    {% set navSearchQuery = navSearchQuery|default %} 
                    <div class="input-group"> 
                        <div class="input-group-prepend"> 
                            <button class="input-group-text bgc-white"> 
                                <i class="fa fa-search c-9DC771"></i> 
                            </button> 
                        </div> 
                        <input type="text" name="nav-search" class="nav-link pax-10 pay-5 form-control" 
                               value="{{ navSearchQuery }}" 
                               placeholder="Search..."> 
                    </div> 
                </form> 
            </li> 
            <li class="nav-item list-none mal-15"> 
                <a class="text-center text-uppercase nav-search c-333333 c-9DC771-h text-md-left fw-700 nav-link" 
                   href="#"> 
                    <i class="fa fa-search"></i> 
                </a> 
            </li> 
        </ul> 
 
    </div> 
</nav>