<div class="swm-all-header-wrapper">
    <div class="swm-main-container swm-header-main-container header_1 brd-small">
        <div class="swm-header header_1s" id="swm-header">
            <div class="swm-header-container-wrap sticky-on" id="swm-main-nav-holder" style="top: 0px;">
                <div class="swm-container header-main">
                    <div class="swm-header-logo-section">
                        <div class="swm-logo" style="width: 180px">
                            <div class="swm-logo-img" style="width: 180px;height: 60px;">
                                <a href="home" title="Logo Savana Finance">
                                    <img class="swm-std-logo" style="max-width: 180px;width: 180px;" src="./media/logo.png" alt="logo Savana Finance" />
                                    <img class="swm-sticky-logo" style="max-width: 180px;width: 180px;" src="./media/logo-sticky.png" alt="Logo Savana Finance" />
                                </a>
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <style type="text/css">
                        .brd-large .swm-primary-nav>li:hover>a>span:before,.swm-primary-nav>li:hover>a>span:before{
                            content: '' !important;
                            background: transparent !important;
                                width: 0 !important;
                        }
                        
                    </style>
                    <div class="swm-header-button-search">
                        <div class="swm-header-search">
                            <span class="swm-transition"><i class="fas fa-search"></i></span>
                        </div>
                        <div id="swm-sidepanel-trigger" class="swm-sidepanel-trigger s_one">
                            <div class="swm-sidepanel-trigger-wrap">
                                <div class="swm-sp-icon-box swm-transition">
                                    <div class="swm-sp-icon-inner swm-transition"><span class="swm-transition"></span></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swm-header-menu-section-wrap">
                        <div class="swm-header-menu-section" id="swm-primary-navigation">
                            <div class="swm-main-nav">
                                <div id="swm-mobi-nav-icon">
                                    <div id="swm-mobi-nav-btn">
                                        <span class="swm-mobi-nav-btn-box">
                                            <span class="swm-transition"><span class="swm-transition"></span></span>
                                        </span>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                                <div class="swm-primary-nav-wrap">
                                    <ul id="swm-primary-nav" class="swm-primary-nav">
                                        <li
                                            id="menu-item-303"
                                            class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home current-menu-ancestor current-menu-parent menu-item-has-children menu-item-303 pm-dropdown megamenu-first-element <?=strpos($_SERVER['REQUEST_URI'], 'home') ? 'swm-m-active' : ''?>"
                                        >
                                            <a href="home"><span>Accueil</span></a>
                                        </li>
                                        <li id="menu-item-312" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-312 pm-dropdown megamenu-first-element <?=strpos($_SERVER['REQUEST_URI'], 'about') ? 'swm-m-active' : ''?>">
                                            <a href="about"><span>A propos de nous</span></a>
                                            
                                        </li>
                                        <li id="menu-item-313" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-313 megamenu-on megamenu-style-grid megamenu-first-element <?=strpos($_SERVER['REQUEST_URI'], 'service') ? 'swm-m-active' : ''?>">
                                            <a href="serviceall"><span style="cursor:pointer;">Services</span></a>
                                           <ul class="sub-menu" data-megamenu-columns="3">
                                                <li
                                                    id="menu-item-1696"
                                                    class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1696 pm-dropdown megamenu-first-element"
                                                    style="width: 350px;"
                                                >
                                                <ul class="sub-menu">
                                                    <?php
                                                        foreach (Service::q()->limit(4)->execute() as $service) {
                                                            ?>
                                                            <li id="menu-item-1228" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1228 megamenu-first-element">
                                                                <a href="service/<?=$service->id?>"><span><?=$service->intitule?></span></a>
                                                            </li>
                                                            <?php
                                                        }
                                                    ?>
                                                    <!-- <li id="menu-item-1231" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1231 megamenu-first-element">
                                                        <a href="service"><span>Compte d’épargne HADJ </span></a>
                                                    </li>
                                                    <li id="menu-item-1229" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1229 megamenu-first-element">
                                                        <a href="service"><span>Compte Courant entreprise & particulier  </span></a>
                                                    </li>
                                                     <li id="menu-item-1229" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1229 megamenu-first-element">
                                                        <a href="service"><span>Vente et Achat des devises </span></a>
                                                    </li> -->
                                                        
                                                </ul>
                                            </li>
                                            <li
                                                id="menu-item-1696"
                                                class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1696 pm-dropdown megamenu-first-element"
                                                style="width: 295px;"
                                            >
                                                <ul class="sub-menu">
                                                    <?php
                                                        foreach (Service::q()->limit(4)->offset(4)->execute() as $service) {
                                                            ?>
                                                            <li id="menu-item-1228" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1228 megamenu-first-element">
                                                                <a href="service/<?=$service->id?>"><span><?=$service->intitule?></span></a>
                                                            </li>
                                                            <?php
                                                        }
                                                    ?>
                                                    <!--< li id="menu-item-1228" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1228 megamenu-first-element">
                                                        <a href="service"><span>E-Banking   </span></a>
                                                    </li>
                                                    <li id="menu-item-1231" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1231 megamenu-first-element">
                                                        <a href="service"><span>SMS Banking </span></a>
                                                    </li>
                                                    <li id="menu-item-1229" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1229 megamenu-first-element">
                                                        <a href="service"><span>Cash-management </span></a>
                                                    </li>
                                                     <li id="menu-item-1229" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1229 megamenu-first-element">
                                                        <a href="service"><span>Transfert d’argent </span></a>
                                                    </li> -->
                                                </ul>
                                            </li>
                                            <li
                                                id="menu-item-1696"
                                                class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1696 pm-dropdown megamenu-first-element"
                                                style="width: 295px;"
                                            >
                                                <ul class="sub-menu">
                                                    <?php
                                                        foreach (Service::q()->limit(4)->offset(8)->execute() as $service) {
                                                            ?>
                                                            <li id="menu-item-1228" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1228 megamenu-first-element">
                                                                <a href="service/<?=$service->id?>"><span><?=$service->intitule?></span></a>
                                                            </li>
                                                            <?php
                                                        }
                                                    ?>
                                                    <!-- <li id="menu-item-1228" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1228 megamenu-first-element">
                                                        <a href="service"><span>Caution Provisoire   </span></a>
                                                    </li>
                                                    <li id="menu-item-1231" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1231 megamenu-first-element">
                                                        <a href="service"><span>Mobile Money </span></a>
                                                    </li>
                                                    <li id="menu-item-1229" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1229 megamenu-first-element">
                                                        <a href="service"><span>Carte Bancaire </span></a>
                                                    </li> -->
                                                </ul>
                                            </li>
                                        </ul>
                                        </li>
                                        <li class="menu-item menu-item-type-custom menu-item-object-custom  menu-item-home menu-item-has-children menu-item-303 megamenu-first-element <?=strpos($_SERVER['REQUEST_URI'], 'produit') ? 'swm-m-active' : ''?>">
                                            <a href="produit"><span>Produits</span></a>
                                        </li>
                                        <li id="menu-item-316" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-316 pm-dropdown megamenu-first-element <?=strpos($_SERVER['REQUEST_URI'], 'actu') ? 'swm-m-active' : ''?>">
                                            <a href="actu"><span>Actualité</span></a>
                                        </li>
                                        <li id="menu-item-455" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-455 pm-dropdown <?=strpos($_SERVER['REQUEST_URI'], 'contact') ? 'swm-m-active' : ''?>">
                                            <a href="contact"><span>Contact</span></a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="clear"></div>
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="clear"></div>
                    <style>
                        .swm-post-date-line:before, .swm-mobi-nav-close {
                            background: #18551A;
                        }
                    </style>
                    <div id="swm-mobi-nav">
                        <span class="swm-mobi-nav-close"></span>
                        <div class="clear"></div>
                         <ul id="swm-primary-nav" class="swm-primary-nav" style="display: none;">
                                        <li
                                            id="menu-item-303"
                                            class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home current-menu-ancestor current-menu-parent menu-item-has-children menu-item-303 pm-dropdown megamenu-first-element <?=strpos($_SERVER['REQUEST_URI'], 'home') ? 'swm-m-active' : ''?>"
                                        >
                                            <a href="home"><span>Accueil</span></a>
                                        </li>
                                        <li id="menu-item-312" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-312 pm-dropdown megamenu-first-element <?=strpos($_SERVER['REQUEST_URI'], 'about') ? 'swm-m-active' : ''?>">
                                            <a href="about"><span>A propos de nous</span></a>
                                            
                                        </li>
                                        <li id="menu-item-313" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-313 megamenu-on megamenu-style-grid megamenu-first-element <?=strpos($_SERVER['REQUEST_URI'], 'service') ? 'swm-m-active' : ''?>">
                                            <a href="serviceall"><span style="cursor:pointer;">Services</span></a>
                                           <ul class="sub-menu" data-megamenu-columns="3">
                                                <li
                                                    id="menu-item-1696"
                                                    class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1696 pm-dropdown megamenu-first-element"
                                                    style="width: 350px;"
                                                >
                                                <ul class="sub-menu">
                                                    <?php
                                                        foreach (Service::q()->limit(4)->execute() as $service) {
                                                            ?>
                                                            <li id="menu-item-1228" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1228 megamenu-first-element">
                                                                <a href="service/<?=$service->id?>"><span><?=$service->intitule?></span></a>
                                                            </li>
                                                            <?php
                                                        }
                                                    ?>
                                                    <!-- <li id="menu-item-1231" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1231 megamenu-first-element">
                                                        <a href="service"><span>Compte d’épargne HADJ </span></a>
                                                    </li>
                                                    <li id="menu-item-1229" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1229 megamenu-first-element">
                                                        <a href="service"><span>Compte Courant entreprise & particulier  </span></a>
                                                    </li>
                                                     <li id="menu-item-1229" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1229 megamenu-first-element">
                                                        <a href="service"><span>Vente et Achat des devises </span></a>
                                                    </li> -->
                                                        
                                                </ul>
                                            </li>
                                            <li
                                                id="menu-item-1696"
                                                class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1696 pm-dropdown megamenu-first-element"
                                                style="width: 295px;"
                                            >
                                                <ul class="sub-menu">
                                                    <?php
                                                        foreach (Service::q()->limit(4)->offset(4)->execute() as $service) {
                                                            ?>
                                                            <li id="menu-item-1228" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1228 megamenu-first-element">
                                                                <a href="service/<?=$service->id?>"><span><?=$service->intitule?></span></a>
                                                            </li>
                                                            <?php
                                                        }
                                                    ?>
                                                    <!--< li id="menu-item-1228" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1228 megamenu-first-element">
                                                        <a href="service"><span>E-Banking   </span></a>
                                                    </li>
                                                    <li id="menu-item-1231" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1231 megamenu-first-element">
                                                        <a href="service"><span>SMS Banking </span></a>
                                                    </li>
                                                    <li id="menu-item-1229" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1229 megamenu-first-element">
                                                        <a href="service"><span>Cash-management </span></a>
                                                    </li>
                                                     <li id="menu-item-1229" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1229 megamenu-first-element">
                                                        <a href="service"><span>Transfert d’argent </span></a>
                                                    </li> -->
                                                </ul>
                                            </li>
                                            <li
                                                id="menu-item-1696"
                                                class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1696 pm-dropdown megamenu-first-element"
                                                style="width: 295px;"
                                            >
                                                <ul class="sub-menu">
                                                    <?php
                                                        foreach (Service::q()->limit(4)->offset(8)->execute() as $service) {
                                                            ?>
                                                            <li id="menu-item-1228" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1228 megamenu-first-element">
                                                                <a href="service/<?=$service->id?>"><span><?=$service->intitule?></span></a>
                                                            </li>
                                                            <?php
                                                        }
                                                    ?>
                                                    <!-- <li id="menu-item-1228" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1228 megamenu-first-element">
                                                        <a href="service"><span>Caution Provisoire   </span></a>
                                                    </li>
                                                    <li id="menu-item-1231" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1231 megamenu-first-element">
                                                        <a href="service"><span>Mobile Money </span></a>
                                                    </li>
                                                    <li id="menu-item-1229" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1229 megamenu-first-element">
                                                        <a href="service"><span>Carte Bancaire </span></a>
                                                    </li> -->
                                                </ul>
                                            </li>
                                        </ul>
                                        </li>
                                        <li class="menu-item menu-item-type-custom menu-item-object-custom  menu-item-home menu-item-has-children menu-item-303 megamenu-first-element <?=strpos($_SERVER['REQUEST_URI'], 'produit') ? 'swm-m-active' : ''?>">
                                            <a href="produit"><span>Produits</span></a>
                                        </li>
                                        <li id="menu-item-316" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-316 pm-dropdown megamenu-first-element <?=strpos($_SERVER['REQUEST_URI'], 'actualite') ? 'swm-m-active' : ''?>">
                                            <a href="actu"><span>Actualité</span></a>
                                        </li>
                                        <li id="menu-item-455" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-455 pm-dropdown <?=strpos($_SERVER['REQUEST_URI'], 'contact') ? 'swm-m-active' : ''?>">
                                            <a href="contact"><span>Contact</span></a>
                                        </li>
                                    </ul>
                    </div>
                    <div id="swm-mobi-nav-overlay-bg" class="swm-css-transition"></div>
                </div>
            </div>
        </div>
        <div class="clear"></div>
    </div>
</div>