<?php global $lang; ?>

<!--begin::Menu wrapper-->
<div
        class="app-header-menu app-header-mobile-drawer align-items-stretch"
        data-kt-drawer="true"
        data-kt-drawer-name="app-header-menu"
        data-kt-drawer-activate="{default: true, lg: false}"
        data-kt-drawer-overlay="true"
        data-kt-drawer-width="250px"
        data-kt-drawer-direction="start"
        data-kt-drawer-toggle="#kt_app_header_menu_toggle"
        data-kt-swapper="true"
        data-kt-swapper-mode="{default: 'append', lg: 'prepend'}"
        data-kt-swapper-parent="{default: '#kt_app_body', lg: '#kt_app_header_wrapper'}"
>
    <!--begin::Menu-->
    <div
        class=" menu
                menu-rounded
                menu-active-bg
                menu-state-primary
                menu-column
                menu-lg-row
                menu-title-gray-700
                menu-icon-gray-500
                menu-arrow-gray-500
                menu-bullet-gray-500
                my-5 my-lg-0 align-items-stretch fw-semibold px-2 px-lg-0"
        id="kt_app_header_menu"
        data-kt-menu="true"
    >
        <!--begin:Menu item-->
        <div  data-kt-menu-trigger="{default: 'click', lg: 'hover'}" data-kt-menu-placement="bottom-start" data-kt-app-menu-placement="bottom"  class="menu-item here show menu-here-bg menu-lg-down-accordion me-0 me-lg-2" >
            <!--begin:Menu link-->
            <span class="menu-link" >
                <span  class="menu-title" ><?=$lang['menu-our-campaigns']?></span>
                <span  class="menu-arrow d-lg-none" ></span>
            </span>
            <!--end:Menu link-->
        </div>
        <!--end:Menu item-->
        <!--begin:Menu item-->
        <div  data-kt-menu-trigger="{default: 'click', lg: 'hover'}" data-kt-menu-placement="bottom-start" data-kt-app-menu-placement="bottom"  class="menu-item menu-lg-down-accordion me-0 me-lg-2" >
            <!--begin:Menu link-->
            <span class="menu-link" >
                <span  class="menu-title" ><?=$lang['menu-benefits']?></span>
                <span  class="menu-arrow d-lg-none" ></span>
            </span>
            <!--end:Menu link-->
        </div>
        <!--end:Menu item-->
        <!--begin:Menu item-->
        <div  data-kt-menu-trigger="{default: 'click', lg: 'hover'}" data-kt-menu-placement="bottom-start"  class="menu-item menu-lg-down-accordion menu-sub-lg-down-indention me-0 me-lg-2" >
            <!--begin:Menu link-->
            <span class="menu-link" >
                <span  class="menu-title" ><?=$lang['menu-get-involved']?></span>
                <span  class="menu-arrow d-lg-none" ></span>
            </span>
            <!--end:Menu link-->
        </div>
        <!--end:Menu item--><!--begin:Menu item-->
        <div  data-kt-menu-trigger="{default: 'click', lg: 'hover'}" data-kt-menu-placement="bottom-start"  class="menu-item menu-lg-down-accordion menu-sub-lg-down-indention me-0 me-lg-2" >
            <!--begin:Menu link-->
            <span class="menu-link" >
                <span  class="menu-title" ><?=$lang['menu-contact-us']?></span>
                <span  class="menu-arrow d-lg-none" ></span>
            </span>
            <!--end:Menu link-->
        </div>
        <!--end:Menu item-->
    </div>
    <!--end::Menu-->
</div>
<!--end::Menu wrapper-->