{% if top is defined %}
    {% set top = top %}
{% else %}
    {% set top = true %}
{% endif %}


<div id="navbarCollapse" class="collapse navbar-collapse justify-content-md-center">
    <div class="navbar-brand-container">
        <a href="{{ path('index') }}" class="navbar-brand ">
            <img src="{{ asset('/img/bo/logo.png') }}" alt="Operation CPG Logo" width="50" height="50"
                 style="opacity: .8">
            Operation
            <strong class="text-info">CPG</strong>
        </a></div>

    <ul class="navbar-nav">
        <li class="nav-item pt-1">
            <a class="nav-link text-center " data-target="#services">
                <i class="fa-solid fa-toolbox d-block"></i>
                Services
            </a>
        </li>

        <li class="nav-item pt-1">
            <a class="nav-link text-center " data-target="#clients">
                <i class="fa-solid fa-user d-block"></i>
                Clients
            </a>
        </li>

        <li class="nav-item pt-1">
            <a class="nav-link text-center " data-target="#mission">
                <i class="fa-solid fa-crosshairs d-block"></i>
                Mission
            </a>
        </li>


        <li class="nav-item pt-1">
            <a class="nav-link text-center " data-target="#aboutUs">
                <i class="fa-solid fa-file d-block"></i>
                About
            </a>
        </li>

        <li class="nav-item pt-1">
            <a class="nav-link text-center " data-target="#team">
                <i class="fa-solid fa-users d-block"></i>
                Team
            </a>
        </li>

        <li class="nav-item pt-1">
            <a class="nav-link text-center " data-target="#contactUs">
                <i class="fa-solid fa-message d-block"></i>
                Contact us
            </a>
        </li>
    </ul>
</div>