<?php
/**
 * The template for displaying the header
 *
 *
 * @package Felicityhealth
 * @since Felicityhealth 1.0
 */

?>
<!DOCTYPE html>
<html <?php language_attributes();?>>

<head>
    <meta charset="<?php bloginfo( 'charset' ); ?>" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="profile" href="http://gmpg.org/xfn/11" />
    <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
    <?php if ( is_singular() && get_option( 'thread_comments' ) ) wp_enqueue_script( 'comment-reply' ); ?>
    <?php wp_head(); ?>

    <!-- SEO Meta Tags -->
    <meta name="author" content="Akos Solutions">
    <!-- CSS only -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
        <!-- JavaScript Bundle with Popper -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3" crossorigin="anonymous"></script>
        <?php
        //adds a margin top when user is logged in
            if ( is_user_logged_in() ) {
                echo '
                <style type="text/css">
                .admin-margin-top{
                    margin-top: 32px;
                }
                .wyn-header-component.overlay::after {
                    top: 132px;
                }
                @media (max-width: 767px) {
                    .admin-margin-top{
                        margin-top: 46px;
                    }
                }
                </style>	
                ';
            } 
            ?>
</head>

<body <?php body_class(); ?>>
         <style>
            .smart-app-banner_banner__zHEoF {
                background: #f2f1f5;
                text-align: left;
                line-height: 1;
                font-size: 12px;
            }
            .smart-app-banner_app__SMfRX {
                display: -webkit-flex;
                display: flex;
                -webkit-justify-content: space-between;
                justify-content: space-between;
                padding: 10px;
            }
            .smart-app-banner_details__qECu2 {
                display: -webkit-flex;
                display: flex;
                -webkit-align-items: center;
                align-items: center;
            }
            .button_large__xOVkf {
                height: 48px;
                padding: 0 24px;
                font-size: 16px;
            }
            
            .smart-app-banner_close__kyFUp {
                position: relative;
                left: -4px;
                opacity: .5;
            }
            .image_image__Ge1OD {
                aspect-ratio: var(--aspect-ratio);
                max-width: 100%;
                height: auto;
                border-radius: 20px;
            }
            .smart-app-banner_apps__8nLar {
                width: 50px;
                height: 50px;
                position: relative;
                margin-right: 10px;
            }
            .smart-app-banner_logo__5Vht4 {
                border-radius: 12px;
                margin-right: 10px;
            }
            .smart-app-banner_overlay__UzMbd {
                position: absolute;
                top: 10px;
                left: 10px;
                display: none;
            }
            .smart-app-banner_l1__3f_oW {
                font-size: 13px;
                font-weight: 600;
            }
            .smart-app-banner_l2__23oRk {
                padding: 4px 0;
            }
            .smart-app-banner_l3__YaCoP {
                opacity: .5;
            }
            .button_text__avLhz {
                color: #007dd8 !important;
                background: transparent;
                font-weight: 600;
                text-decoration: underline;
                height: inherit;
            }
            .button_blank__xum9w, .button_text__avLhz {
                padding: 0;
                font-size: inherit;
                min-width: auto;
            }
            .smart-app-banner_view__FWZ5p {
                text-decoration: none;
                font-size: 14px;
            }
            @media (min-width: 480px){
                .smart-app-banner_banner__zHEoF {
                    display: none;
                }
            }

        </style>
        <section id="smart-app-banner" class="smart-app-banner_banner__zHEoF">
            <div class="smart-app-banner_app__SMfRX">
                <div class="smart-app-banner_details__qECu2">
                    <button
                        class="button_button__Yaq9u button_large__xOVkf button_blank__xum9w"
                       
                    >
                        <img
                            style="--aspect-ratio: 24 / 24;"
                            src="<?= site_url() ?>/wp-content/uploads/2022/10/close-icon.svg"
                            alt="Close"
                            width="24"
                            height="24"
                            class="image_image__Ge1OD smart-app-banner_close__kyFUp"
                            loading="lazy"
                        />
                    </button>
                    <div class="smart-app-banner_apps__8nLar">
                        <img
                            style="--aspect-ratio: 40 / 40;"
                            src="<?= site_url() ?>/wp-content/uploads/2022/10/logo_favicon.png"
                            alt="Felicity Online"
                            width="40"
                            height="40"
                            class="image_image__Ge1OD smart-app-banner_logo__5Vht4"
                            loading="lazy"
                        />
                        <img
                            style="--aspect-ratio: 40 / 40;"
                            src="<?= site_url() ?>/wp-content/uploads/2022/10/logo_favicon.png"
                            alt="Felicity Online"
                            width="40"
                            height="40"
                            class="image_image__Ge1OD smart-app-banner_logo__5Vht4 smart-app-banner_overlay__UzMbd"
                            loading="lazy"
                        />
                    </div>
                    <div>
                        <div class="smart-app-banner_l1__3f_oW">Felicity apps</div>
                        <div class="smart-app-banner_l2__23oRk">Manage your health from anywhere</div>
                        <div class="smart-app-banner_l3__YaCoP">FREE - Download now</div>
                    </div>
                </div>
                <button
                    class="button_button__Yaq9u button_large__xOVkf button_text__avLhz smart-app-banner_view__FWZ5p"
                   >
                    View
                </button>
            </div>
        </section>

        <style>
            .header_outer__N3U_W {
                z-index: 3;
            }
            .promo_promo__RK7s4 {
                background: #7e57c2;
                background: #002a39;
                padding: 15px 20px;
                z-index: 10;
                position: relative;
                display: -webkit-flex;
                display: flex;
                -webkit-align-items: center;
                align-items: center;
                -webkit-justify-content: space-between;
                justify-content: space-between;
                /* display: none; */
            }
            .promo_copy__NT2Yp {
                text-align: left;
                padding-right: 5px;
                color: #fff;
            }
            .heading_b1__tcnUG {
                margin: 0;
                font-weight: 600;
                line-height: 1.3;
            }
            .heading_b1__tcnUG {
                font-size: 16px;
            }
            .heading_white__bUZdX {
                color: #fff;
            }
            .button_button__Yaq9u {
                border: 0;
                border-radius: 30px;
                color: #fff;
                font-weight: 600;
                outline: 0;
                position: relative;
                display: -webkit-inline-flex;
                display: inline-flex;
                -webkit-align-items: center;
                align-items: center;
                -webkit-justify-content: center;
                justify-content: center;
                text-align: left;
                cursor: pointer;
            }
            .button_medium__pC6FK {
                height: 36px;
                padding: 0 24px;
                font-size: 16px;
            }
            .button_tertiary__YggG_ {
                background: transparent;
                color: #7e57c2 !important;
                border: 2px solid #7e57c2 !important;
            }
            
            .promo_neon__Q79z3 {
                background-color: #fff;
            }


            @media (min-width: 768px){
                .promo_promo__RK7s4 {
                    z-index: 12;
                    -webkit-justify-content: center;
                    justify-content: center;
                    border-bottom: 1px solid #fff;
                }

                .promo_copy__NT2Yp {
                    padding-right: 20px;
                }
            }

            @media (min-width: 1024px){
                .promo_promo__RK7s4 {
                    position: -webkit-sticky;
                    position: sticky;
                    top: 0;
                }
                .heading_b1__tcnUG {
                    font-size: 20px;
                }
            }

            @media (min-width: 1200px){
                .header_outer__N3U_W {
                    position: -webkit-sticky;
                    position: sticky;
                    top: 0;
                }
            }

            @media (max-width: 1024px){
                .hero_wrap__NC2P3{
                    display: flex;
                    flex-direction: column-reverse;
                }
            }


            @media (max-width: 767px){
                .promo_heading__aSOmC {
                    font-size: 12px;
                }
                .promo_neon__Q79z3 {
                    font-size: 12px;
                    padding: 0 18px;
                    -webkit-flex: none;
                    flex: none;
                }
            }

        </style>
        <div class="header_outer__N3U_W header_banner__oojYT">
            <div class="header_sticktop__83TfI">
                <section class="promo_promo__RK7s4">
                    <div class="promo_copy__NT2Yp"><p class="heading_heading__ooopW heading_b1__tcnUG heading_white__bUZdX promo_heading__aSOmC">Smart Social health Software - no commitment, cancel anytime</p></div>
                    <a class="button_button__Yaq9u button_medium__pC6FK button_tertiary__YggG_ promo_neon__Q79z3" href="#">
                        Buy now &amp; save 50%
                    </a>
                </section>
                <style>
                    .header_sticky__2Bx4l {
                        position: relative;
                        z-index: 11;
                    }
                    .header_header___QWax {
                        position: relative;
                        z-index: 11;
                        background: #fff;
                    }
                    
                    .header_top__MydE5 {
                        z-index: 20;
                        position: relative;
                    }
                    .row_wrap__PYUmC {
                        padding: 0 20px;
                        margin-left: auto;
                        margin-right: auto;
                    }
                    .row_lg__3QyX3 {
                        max-width: 1440px;
                    }

                    .header_wrap__yM3x0 {
                        display: -webkit-flex;
                        display: flex;
                        -webkit-justify-content: space-between;
                        justify-content: space-between;
                        -webkit-align-items: center;
                        align-items: center;
                        position: relative;
                        -webkit-transition: height .5s;
                        transition: height .5s;
                        height: 80px;
                    }

                    .button_blank__xum9w {
                        font-weight: inherit;
                        background: inherit;
                        color: inherit;
                        height: auto;
                        text-align: inherit;
                        display: inherit;
                    }

                    .header_logo__ZEQm1 {
                        /* height: 41px; */
                        width: 40px;
                        position: relative;
                        left: 0;
                        -webkit-transition: all .5s;
                        transition: all .5s;
                    }

                    .header_navs__ryH9S {
                        display: -webkit-flex;
                        display: flex;
                        max-width: 480px;
                        top: 80px;
                    }
                    .header_link-wrap__pM5rP {
                        display: -webkit-flex;
                        display: flex;
                        -webkit-align-items: center;
                        align-items: center;
                    }
                    .header_link__cnx1b {
                        padding: 5px 0 !important;
                        -webkit-transition: color .25s;
                        transition: color .25s;
                        display: -webkit-flex;
                        display: flex;
                        -webkit-align-items: center;
                        align-items: center;
                        -webkit-justify-content: flex-start;
                        justify-content: flex-start;
                        text-align: left;
                        line-height: 1.5;
                    }
                    .header_link__cnx1b:hover {
                        color: #7e57c2;
                    }  
                    
                    .header_link-active__BEgYx {
                        color: #7e57c2;
                    }

                    .header_link-1__NRM09 {
                        font-weight: 600;
                    }
                    .header_arrow__jchUA {
                        margin-left: 10px;
                        -webkit-transition: -webkit-transform .25s;
                        transition: -webkit-transform .25s;
                        transition: transform .25s;
                        transition: transform .25s,-webkit-transform .25s;
                    }

                    .header_arrow-active__FfTK9 {
                        -webkit-transform: rotate(180deg);
                        transform: rotate(180deg);
                    }

                    .heading_b1__tcnUG, .heading_b2__geFx_, .heading_b3__5ejLE, .heading_b4__IOBmo {
                        font-weight: 600;
                        line-height: 1.3;
                    }

                    .header_nav__jZgz3 {
                        list-style-type: none;
                    }

                    /* submenu */
                    .heading_b2__geFx_ {
                        font-size: 16px;
                    }
                    .header_title__NVIZz {
                        text-align: left;
                        padding: 10px 0;
                        color: #7e57c2;
                        margin-bottom: 0px;
                    }

                    .header_col__aTATV  ul {
                        list-style-type: none;
                    }
                    .header_icon__MnCNY {
                        height: 25px;
                        width: 25px;
                        margin-right: 10px;
                        margin-top: -1px;
                    }
                    .header_icon__MnCNY path {
                        fill: currentColor;
                    }

                    
                    @-webkit-keyframes overlay_fade__IIlVk {
                        0% {
                            opacity: 0
                        }

                        to {
                            opacity: .4
                        }
                    }

                    @keyframes overlay_fade__IIlVk {
                        0% {
                            opacity: 0
                        }

                        to {
                            opacity: .4
                        }
                    }

                    .overlay_overlay__K50F9 {
                        background: #002a39;
                        position: fixed;
                        top: 0;
                        right: 0;
                        bottom: 0;
                        left: 0;
                        z-index: 10;
                        -webkit-animation: overlay_fade__IIlVk .5s forwards;
                        animation: overlay_fade__IIlVk .5s forwards
                    }

                    
                    

                    @media (min-width: 480px){
                        .header_wrap__yM3x0 {
                            height: 100px;
                        }
                        .header_logo__ZEQm1 {
                            /* height: 51px; */
                            width: 50px;
                        }
                        .header_navs__ryH9S {
                            top: 100px;
                        }
                    }

                    @media (min-width: 768px){
                        .header_navs__ryH9S {
                            max-width: 384px;
                        }
                    }

                    @media (min-width: 1024px){
                        .row_wrap__PYUmC {
                            padding: 0 40px;
                        }
                    }

                    @media (min-width: 1200px){

                        .header_sticky__2Bx4l {
                            position: -webkit-sticky;
                            position: sticky;
                            top: 67px;
                        }
                        .header_shadow__lM6e3 {
                            -webkit-box-shadow: 0 0 2.2px rgb(0 0 0 / 2%), 0 0 5.3px rgb(0 0 0 / 3%), 0 0 10px rgb(0 0 0 / 4%), 0 0 17.9px rgb(0 0 0 / 4%), 0 0 33.4px rgb(0 0 0 / 5%), 0 0 80px rgb(0 0 0 / 7%);
                            box-shadow: 0 0 2.2px rgb(0 0 0 / 2%), 0 0 5.3px rgb(0 0 0 / 3%), 0 0 10px rgb(0 0 0 / 4%), 0 0 17.9px rgb(0 0 0 / 4%), 0 0 33.4px rgb(0 0 0 / 5%), 0 0 80px rgb(0 0 0 / 7%);
                        }
                        .header_wrap__yM3x0 {
                            display: -webkit-flex;
                            display: flex;
                        }
                        .header_wrap__yM3x0.header_compact__aKYNF {
                            height: 67px;
                        }

                        .header_logo__ZEQm1 {
                            /* height: 61px; */
                            width: 60px;
                        }
                        .header_logo__ZEQm1.header_compact__aKYNF {
                            /* height: 41px; */
                            width: 48px;
                            left: -10px;
                        }
                      
                        .header_burger__5WW4f {
                            display: none !important;
                        }
                        .header_navs__ryH9S {
                            -webkit-flex: 1 1;
                            flex: 1 1;
                            -webkit-justify-content: space-between;
                            justify-content: space-between;
                            max-width: none;
                        }
                        .header_left__I7maY {
                            display: -webkit-flex;
                            display: flex;
                            -webkit-align-items: center;
                            align-items: center;
                            position: relative;
                        }
                        .header_nav__jZgz3 {
                            display: -webkit-flex;
                            display: flex;
                            margin: 0;
                            padding: 0;
                        }
                        .header_item__g_lnF {
                            margin-left: 30px;
                        }
                        .header_link-1__NRM09 {
                            font-size: 16px;
                        }
                        .header_arrow__jchUA {
                            margin-left: 5px;
                        }
                        .header_link-ghost__u4QoA {
                            border: 2px solid;
                            border-color: inherit;
                            padding: 0 24px;
                            border-radius: 30px;
                        }


                        /* submenu */

                        @-webkit-keyframes header_fade__CsZD1 {
                            0% {
                                -webkit-transform: translateY(30px);
                                transform: translateY(30px);
                                opacity: 0
                            }

                            to {
                                -webkit-transform: translateY(0);
                                transform: translateY(0);
                                opacity: 1
                            }
                        }

                        @keyframes header_fade__CsZD1 {
                            0% {
                                -webkit-transform: translateY(30px);
                                transform: translateY(30px);
                                opacity: 0
                            }

                            to {
                                -webkit-transform: translateY(0);
                                transform: translateY(0);
                                opacity: 1
                            }
                        }

                       
                        .header_sub__7Df_y {
                            display: -webkit-flex;
                            display: flex;
                            top: 110px;
                            z-index: 20;
                            background-color: #fff;
                            padding: 30px 0 30px 40px;
                            text-align: left;
                            border-radius: 30px;
                            -webkit-transition: top .5s;
                            transition: top .5s;
                            white-space: nowrap;
                        }
                         
                        .header_col__aTATV {
                            padding-right: 50px;
                        }
                        .header_wrap__yM3x0 .right {
                            position: relative;
                        }
                        
                        .header_sub-right__ygyiT {
                            /* right: 0; */
                            left: 0;
                        }
                        
                        .header_link-arrow__tuSTy:after {
                            content: "";
                            display: block;
                            height: 10px;
                            width: 10px;
                            top: 102px;
                            width: 0;
                            height: 0;
                            border-color: transparent transparent #fff;
                            border-style: solid;
                            border-width: 0 8px 8px;
                            /* left: calc(11% - 16px); */
                            margin-left: 10%;
                        }

                        .header_link-arrow__tuSTy:after, .header_sub__7Df_y {
                            position: absolute;
                            -webkit-animation: header_fade__CsZD1 .25s forwards;
                            animation: header_fade__CsZD1 .25s forwards;
                        }

                        .header_title-space__T4Xim {
                            padding-top: 40px;
                        }
                                            
                    }


                    @media (min-width: 1440px){
                        .header_item__g_lnF {
                            margin-left: 40px;
                        }
                        .header_arrow__jchUA {
                            margin-left: 10px;
                        }
                    }
                    @media (max-width: 1199px){
                        .header_navs__ryH9S {
                            -webkit-flex-direction: column;
                            flex-direction: column;
                            position: absolute;
                            background: #fff;
                            left: -20px;
                            width: 100vw;
                            padding: 30px;
                            -webkit-transform: translateX(-30px);
                            transform: translateX(-30px);
                            opacity: 0;
                            -webkit-transition: all .25s;
                            transition: all .25s;
                            visibility: hidden;
                        }
                        .header_navs__ryH9S.header_open__Mydxw {
                            -webkit-transform: translateX(0);
                            transform: translateX(0);
                            opacity: 1;
                            visibility: visible;
                            overflow: auto;
                        }
                        .header_nav__jZgz3 {
                            -webkit-flex-direction: column;
                            flex-direction: column;
                        }
                        .header_item__g_lnF {
                            /* margin: 5px 0; */
                            margin: 15px 0;
                        }
                        .header_link-wrap__pM5rP {
                            -webkit-justify-content: space-between;
                            justify-content: space-between;
                        }
                        .header_link-1__NRM09 {
                            font-size: 20px;
                            -webkit-flex: 1 1;
                            flex: 1 1;
                            -webkit-justify-content: space-between;
                            justify-content: space-between;
                        }


                    }

                    @media (max-height: 810px) and (min-width: 1200px){
                        .header_sub__7Df_y {
                            max-height: 370px;
                            overflow: auto;
                        }
                        
                    }


                </style>
                <header class="header_sticky__2Bx4l">
                    <section class="header_header___QWax">
                        <div class="row_wrap__PYUmC row_lg__3QyX3">
                            <div class="header_wrap__yM3x0">
                                <?php 
                                $custom_logo_id = get_theme_mod( 'custom_logo' );
                                $logo = wp_get_attachment_image_src( $custom_logo_id , 'full' );
                                if ( has_custom_logo() ) :?>
                                        <a href="<?php echo esc_url( home_url( '/' ) ); ?>" class="button_button__Yaq9u button_large__xOVkf button_blank__xum9w" title="<?=  get_bloginfo( 'name' ) ?>"> 
                                            <img class="header_logo__ZEQm1" src="<?= esc_url( $logo[0] )?>" alt="">
                                        </a>
                                <?php else :?>
                                    <a href="<?php echo esc_url( home_url( '/' ) ); ?>" class="button_button__Yaq9u button_large__xOVkf button_blank__xum9w" title="<?=  get_bloginfo( 'name' ) ?>"><?=  get_bloginfo( 'name' ) ?> </a>
                                <?php endif ?>
    
                                <button class="button_button__Yaq9u button_large__xOVkf button_blank__xum9w header_burger__5WW4f">
                                    <svg width="37" height="28" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <rect width="37" height="4" rx="2" fill="#0D333F"></rect>
                                        <rect y="12" width="37" height="4" rx="2" fill="#0D333F"></rect>
                                        <rect x="9" y="24" width="28" height="4" rx="2" fill="#0D333F"></rect>
                                    </svg>
                                </button>

                                <div class="header_navs__ryH9S">
                                    <div class="header_left__I7maY">
                                        <div>
                                            <nav>
                                                <?php
                                                    // wp_nav_menu( array(
                                                    //     'menu'              => 'primaryLeft',
                                                    //     'theme_location'    => 'primary-menu-left',
                                                    //     'depth'             => 2,
                                                    //     'container'         => 'ul',
                                                    //     'container_class'   => 'dddddd',
                                                    //     'container_id'      => '',
                                                    //     'menu_class'        => '',
                                                    //     'fallback_cb'       => 'MainMenuLeftNavwalker::fallback',
                                                    //     'walker'            => new MainMenuLeftNavwalker()
                                                    //     )
                                                    // );
                                                ?>
                                                <ul class="header_nav__jZgz3">
                                                    <li class="header_item__g_lnF">
                                                        <div class="header_link-wrap__pM5rP">
                                                            <button
                                                                class="button_button__Yaq9u button_large__xOVkf button_blank__xum9w header_link__cnx1b header_link-1__NRM09">
                                                                Why Felicity?
                                                                <svg width="14" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" class="header_arrow__jchUA" data-di-rand="1663077482690">
                                                                    <path d="M1.332 1.215l4.352 4.509a2 2 0 002.878 0l4.353-4.51" stroke="#0D333F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                                                                </svg>
                                                            </button>
                                                        </div>  
                                                        <div class="header_sub__7Df_y header_sub-left__T4o6Q header_sub-auto__nTbmB d-none sub-closed">
                                                            <div class="header_col__aTATV">
                                                                <h2 class="heading_heading__ooopW heading_b2__geFx_ inherit header_title__NVIZz">Why Felicity?</h2>
                                                                <ul>
                                                                    <li>
                                                                        <a class="button_button__Yaq9u button_large__xOVkf button_blank__xum9w header_link__cnx1b"  href="<?php echo site_url('/about-felicity') ?>">
                                                                            Discover Felicity
                                                                        </a>
                                                                    </li>
                                                                    <li>
                                                                        <a class="button_button__Yaq9u button_large__xOVkf button_blank__xum9w header_link__cnx1b"  href="<?php echo site_url('/contact-felicity') ?>">
                                                                            Contact Us
                                                                        </a>
                                                                    </li>
                                                                    <li>
                                                                        <a class="button_button__Yaq9u button_large__xOVkf button_blank__xum9w header_link__cnx1b"  href="<?php echo site_url('/careers') ?>">
                                                                            Job Opportunities
                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    
                                                    
                                                    <li class="header_item__g_lnF">
                                                        <div class="header_link-wrap__pM5rP header_link-no-child">
                                                            <a class="button_button__Yaq9u button_large__xOVkf button_blank__xum9w header_link__cnx1b header_link-1__NRM09" href="<?php echo site_url('/products') ?>">
                                                                Products
                                                            </a>
                                                        </div>
                                                    </li>
                                                    <li class="header_item__g_lnF">
                                                        <div class="header_link-wrap__pM5rP header_link-no-child">
                                                            <a class="button_button__Yaq9u button_large__xOVkf button_blank__xum9w header_link__cnx1b header_link-1__NRM09" href="<?php echo site_url('/services') ?>">
                                                                Services
                                                            </a>
                                                        </div>
                                                    </li>
                                                    <li class="header_item__g_lnF">
                                                        <div class="header_link-wrap__pM5rP header_link-no-child">
                                                            <a class="button_button__Yaq9u button_large__xOVkf button_blank__xum9w header_link__cnx1b header_link-1__NRM09" href="<?php echo site_url('/newsroom') ?>">
                                                                Newsroom
                                                            </a>
                                                        </div>
                                                    </li>
                                                  
                                                </ul>
                                            </nav>
                                        </div>
                                    </div>
                                    <div class="right">
                                        <nav>
                                            <div class="header_nav__jZgz3">
                                                <div class="header_item__g_lnF">
                                                    <div class="header_link-wrap__pM5rP">
                                                        <button
                                                            class="button_button__Yaq9u button_large__xOVkf button_blank__xum9w header_link__cnx1b header_link-1__NRM09">
                                                            Store & Support
                                                            <svg width="14" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" class="header_arrow__jchUA" data-di-rand="1663077482690">
                                                                <path d="M1.332 1.215l4.352 4.509a2 2 0 002.878 0l4.353-4.51" stroke="#0D333F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                                                            </svg>
                                                        </button>
                                                    </div>
                                                    <div class="header_sub__7Df_y header_sub-right__ygyiT d-none sub-closed">
                                                        <div class="header_col__aTATV">
                                                            <h2 class="heading_heading__ooopW heading_b2__geFx_ inherit header_title__NVIZz">Store & Support</h2>
                                                            <ul>
                                                                <li>
                                                                    <a class="button_button__Yaq9u button_large__xOVkf button_blank__xum9w header_link__cnx1b" href="/learn-support/">
                                                                        Support centre
                                                                    </a>
                                                                </li>
                                                                <li>
                                                                    <a class="button_button__Yaq9u button_large__xOVkf button_blank__xum9w header_link__cnx1b" href="/get-started-tutorials/">
                                                                        Get started
                                                                    </a>
                                                                </li>

                                                                <h2 class="heading_heading__ooopW heading_b2__geFx_ inherit header_title__NVIZz header_title-space__T4Xim">Fe Community</h2>
                                                                <li>
                                                                    <a class="button_button__Yaq9u button_large__xOVkf button_blank__xum9w header_link__cnx1b" href="#">
                                                                        Community home
                                                                    </a>
                                                                </li>
                                                                <li>
                                                                    <a class="button_button__Yaq9u button_large__xOVkf button_blank__xum9w header_link__cnx1b" href="#">
                                                                        Felicity Q&amp;A
                                                                    </a>
                                                                </li>
                                                                <li>
                                                                    <a class="button_button__Yaq9u button_large__xOVkf button_blank__xum9w header_link__cnx1b" href="/learn-support/forums/postpage/choose-node/true">
                                                                        Ask the community
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                        <div class="header_col__aTATV">
                                                            <h2 class="heading_heading__ooopW heading_b2__geFx_ inherit header_title__NVIZz">Resources</h2>
                                                            <ul>
                                                                <li>
                                                                    <a class="button_button__Yaq9u button_large__xOVkf button_blank__xum9w header_link__cnx1b" href="/product-updates/">
                                                                        Product updates
                                                                    </a>
                                                                </li>

                                                                <li>
                                                                    <a class="button_button__Yaq9u button_large__xOVkf button_blank__xum9w header_link__cnx1b" href="/blog/">
                                                                        Felicity blog
                                                                    </a>
                                                                </li>
                                                                <h2 class="heading_heading__ooopW heading_b2__geFx_ inherit header_title__NVIZz header_title-space__T4Xim">Training &amp; events</h2>
                                                                <li>
                                                                    <a class="button_button__Yaq9u button_large__xOVkf button_blank__xum9w header_link__cnx1b" href="/get-started-tutorials/">
                                                                        Tutorials
                                                                    </a>
                                                                </li>
                                                                <li>
                                                                    <a class="button_button__Yaq9u button_large__xOVkf button_blank__xum9w header_link__cnx1b" href="/small-business-webinars/">
                                                                        Webinars
                                                                    </a>
                                                                </li>
                                                                <li>
                                                                    <a class="button_button__Yaq9u button_large__xOVkf button_blank__xum9w header_link__cnx1b" href="/events/">
                                                                        Events
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="header_item__g_lnF">
                                                    <div class="header_link-wrap__pM5rP">
                                                        <button class="button_button__Yaq9u button_large__xOVkf button_blank__xum9w header_link__cnx1b header_link-1__NRM09">
                                                            For Finance Firms
                                                            <svg width="14" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" class="header_arrow__jchUA" data-di-rand="1663077482690">
                                                                <path d="M1.332 1.215l4.352 4.509a2 2 0 002.878 0l4.353-4.51" stroke="#0D333F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                                                            </svg>
                                                        </button>
                                                    </div>

                                                    <div class="header_sub__7Df_y header_sub-right__ygyiT d-none sub-closed">
                                                        <div class="header_col__aTATV">
                                                            <h2 class="heading_heading__ooopW heading_b2__geFx_ inherit header_title__NVIZz">Fe for financial Firms</h2>
                                                            <ul>
                                                            <li>
                                                                <a class="button_button__Yaq9u button_large__xOVkf button_blank__xum9w header_link__cnx1b" href="/accountants/online/">
                                                                    <svg viewBox="0 0 25 25" xmlns="http://www.w3.org/2000/svg" class="header_icon__MnCNY">
                                                                        <path d="M19.002 2.79h-14a3 3 0 00-3 3v14a3 3 0 003 3h14a3 3 0 003-3v-14a3 3 0 00-3-3zm-14 2h14a1 1 0 011 1v3h-16v-3a1 1 0 011-1zm14 16h-14a1 1 0 01-1-1v-9h16v9a1 1 0 01-1 1z"></path>
                                                                        <path d="M6.002 7.79a1 1 0 100-2 1 1 0 000 2zM9.002 7.79a1 1 0 100-2.001 1 1 0 000 2zM12.002 7.79a1 1 0 100-2.001 1 1 0 000 2z"></path>
                                                                    </svg>
                                                                    <span>Discover Fe ABC platform</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a
                                                                    class="button_button__Yaq9u button_large__xOVkf button_blank__xum9w header_link__cnx1b"
                                                                     
                                                                    href="#" >
                                                                    <svg viewBox="0 0 25 25" xmlns="http://www.w3.org/2000/svg" class="header_icon__MnCNY">
                                                                        <path
                                                                            d="M12 4.975a1 1 0 001-1V2.157a1 1 0 00-2 0v1.818a1 1 0 001 1zM6.921 7.08a1 1 0 000-1.415L5.636 4.38a1 1 0 00-1.414 1.414L5.507 7.08a1 1 0 001.414 0zM3.818 11.157H2a1 1 0 000 2h1.818a1 1 0 100-2zM22 11.157h-1.818a1 1 0 000 2H22a1 1 0 100-2zM19.778 4.38a1 1 0 00-1.414 0l-1.285 1.285a1 1 0 101.414 1.414l1.285-1.286a1 1 0 000-1.414z"
                                                                            fill="#0D333F"
                                                                        ></path>
                                                                        <path
                                                                            d="M12 5.703A6.451 6.451 0 007.965 17.19a.805.805 0 01.308.63v2.52a2.821 2.821 0 002.818 2.817h1.818a2.821 2.821 0 002.818-2.818V17.82a.806.806 0 01.308-.63A6.451 6.451 0 0012 5.703zm.909 15.454h-1.818a.819.819 0 01-.818-.818v-1.382h3.454v1.382a.818.818 0 01-.818.818zm1.877-5.529a2.8 2.8 0 00-.9 1.33H13v-1.829a2.817 2.817 0 001.818-2.627 1 1 0 10-2 0 .818.818 0 11-1.636 0 1 1 0 10-2 0A2.815 2.815 0 0011 15.13v1.828h-.881a2.8 2.8 0 00-.9-1.329 4.455 4.455 0 115.572 0h-.005z"
                                                                            fill="#0D333F"
                                                                        ></path>
                                                                    </svg>
                                                                    <span>Try now for FREE</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a  class="button_button__Yaq9u button_large__xOVkf button_blank__xum9w header_link__cnx1b"
                                                                    href="/accountants/self-assessment/"  >
                                                                    <svg viewBox="0 0 25 25" xmlns="http://www.w3.org/2000/svg" class="header_icon__MnCNY">
                                                                        <path
                                                                            d="M19.864 8.79H14.14a3.12 3.12 0 00-1.138.22V7.79a5 5 0 00-10 0v2a5.007 5.007 0 001.258 3.312 5.007 5.007 0 00-3.258 4.687v3a2 2 0 002 2h11c.016 0 .03-.008.046-.009.031 0 .06.01.092.01h5.724a3.142 3.142 0 003.138-3.139v-7.724a3.142 3.142 0 00-3.138-3.138zm-16.862 9a3 3 0 013-3 1 1 0 001-1v-.54a1 1 0 00-.5-.868 3 3 0 01-1.5-2.593v-2c0-.793.314-1.554.872-2.118a3.089 3.089 0 014.246-.01c.564.565.88 1.33.882 2.128v2a3 3 0 01-.862 2.108c-.19.186-.401.348-.631.482a1 1 0 00-.507.87v.54a1 1 0 001 1c.342.008.68.075 1 .2v4.665c.002.389.077.774.221 1.135H3.002v-3zm18 1.861a1.14 1.14 0 01-1.138 1.138H14.14a1.14 1.14 0 01-1.138-1.138v-7.724a1.138 1.138 0 011.138-1.138h5.724a1.14 1.14 0 011.138 1.138v7.724z"
                                                                        ></path>
                                                                        <path
                                                                            d="M19.002 11.79h-4a1 1 0 100 2h4a1 1 0 000-2zm-3.318 3.242a.964.964 0 00-1.364 0l-.036.035a.966.966 0 000 1.364l.036.035a.964.964 0 001.364 0l.035-.035a.965.965 0 000-1.364l-.035-.035zm4 0a.964.964 0 00-1.364 0l-.036.035a.966.966 0 000 1.364l.036.035a.964.964 0 001.364 0l.035-.035a.965.965 0 000-1.364l-.035-.035zm-4 3a.964.964 0 00-1.364 0l-.036.035a.966.966 0 000 1.364l.036.035a.964.964 0 001.364 0l.035-.035a.965.965 0 000-1.364l-.035-.035zm4 0a.964.964 0 00-1.364 0l-.036.035a.966.966 0 000 1.364l.036.035a.964.964 0 001.364 0l.035-.035a.965.965 0 000-1.364l-.035-.035zm-10.22-2.434a.5.5 0 00-.462-.309h-2a.5.5 0 00-.354.854l.532.531-.652 1.957a.5.5 0 00.12.512l1 1a.5.5 0 00.708 0l1-1a.5.5 0 00.12-.512l-.652-1.957.532-.53a.5.5 0 00.108-.546z"
                                                                        ></path>
                                                                    </svg>
                                                                    <span>Self Assessment</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a class="button_button__Yaq9u button_large__xOVkf button_blank__xum9w header_link__cnx1b" href="/accountants/payroll/">
                                                                    <svg viewBox="0 0 25 25" xmlns="http://www.w3.org/2000/svg" class="header_icon__MnCNY">
                                                                        <path
                                                                            d="M20.4 11.847c.603-.767.93-1.714.93-2.69v-1.67a4.354 4.354 0 00-1.269-3.063 4.43 4.43 0 00-6.128.006 4.282 4.282 0 00-.923 1.414 4.488 4.488 0 00-2.02 0 4.292 4.292 0 00-.929-1.42 4.429 4.429 0 00-6.128.005A4.349 4.349 0 002.67 7.487v1.67c0 .976.327 1.923.93 2.69a4.345 4.345 0 00-2.6 3.98v.81a2 2 0 002 2h3v.52a2 2 0 002 2h8a2 2 0 002-2v-.52h3a2 2 0 002-2v-.81a4.345 4.345 0 00-2.6-3.98zM3 15.827a2.338 2.338 0 012.33-2.34 1 1 0 001-1v-.45a1 1 0 00-.5-.868 2.316 2.316 0 01-1.16-2.012v-1.67c0-.612.241-1.2.671-1.637a2.392 2.392 0 013.312-.006c.248.253.434.559.544.895-.087.072-.182.13-.264.211a4.349 4.349 0 00-1.263 3.057v1.67c0 .976.327 1.923.93 2.69a4.354 4.354 0 00-2.24 2.27H3v-.81zm5 3.33v-.81a2.338 2.338 0 012.33-2.34 1 1 0 001-1v-.45a1 1 0 00-.5-.868 2.316 2.316 0 01-1.16-2.012v-1.67a2.334 2.334 0 011.864-2.284 2.33 2.33 0 012.796 2.284v1.67a2.343 2.343 0 01-.659 1.636 2.517 2.517 0 01-.49.372 1 1 0 00-.511.872v.45a1 1 0 001 1 2.338 2.338 0 012.33 2.34v.81H8zm13-2.52h-3.36a4.353 4.353 0 00-2.24-2.269 4.336 4.336 0 00.931-2.69v-1.67a4.354 4.354 0 00-1.269-3.064c-.08-.079-.173-.135-.258-.206.109-.333.293-.637.538-.888a2.392 2.392 0 013.312-.006c.433.438.676 1.028.676 1.643v1.67a2.317 2.317 0 01-1.156 2.012 1 1 0 00-.5.868v.45a1 1 0 001 1A2.339 2.339 0 0121 15.827v.81z"
                                                                            fill="#0D333F"
                                                                        ></path>
                                                                    </svg>
                                                                    <span>Payroll</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a class="button_button__Yaq9u button_large__xOVkf button_blank__xum9w header_link__cnx1b" >
                                                                    <svg viewBox="0 0 25 25" xmlns="http://www.w3.org/2000/svg" class="header_icon__MnCNY">
                                                                        <path
                                                                            d="M21.133 4.892a2.982 2.982 0 00-2.12-.882l-14-.02h-.005a3 3 0 00-3 3l-.015 10a3 3 0 003 3h2a1 1 0 100-2h-2a1 1 0 01-1-1l.009-6 16 .024-.009 6a1 1 0 01-1 1h-2a1 1 0 000 2H19a3 3 0 003-3l.015-10a2.98 2.98 0 00-.882-2.122zM4.006 8.988v-2a1 1 0 011-1l14 .02a1 1 0 011 1v2l-16-.02z"
                                                                        ></path>
                                                                        <path d="M15.707 15.293a1 1 0 00-1.414 0L12 17.586l-.793-.793a1 1 0 00-1.414 1.414l1.5 1.5a1 1 0 001.414 0l3-3a1 1 0 000-1.414z"></path>
                                                                    </svg>
                                                                    <span>Payments</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a class="button_button__Yaq9u button_large__xOVkf button_blank__xum9w header_link__cnx1b">
                                                                    <svg viewBox="0 0 25 25" xmlns="http://www.w3.org/2000/svg" class="header_icon__MnCNY">
                                                                        <path
                                                                            d="M20.5 10.157a1.5 1.5 0 001.5-1.5V6.482a1.5 1.5 0 00-.891-1.37l-8.5-3.78a1.5 1.5 0 00-1.216 0l-8.5 3.777A1.5 1.5 0 002 6.482v2.175a1.5 1.5 0 001.5 1.5H4v7h-.5a1.5 1.5 0 00-1.5 1.5v2a1.5 1.5 0 001.5 1.5h17a1.5 1.5 0 001.5-1.5v-2a1.5 1.5 0 00-1.5-1.5H20v-7h.5zM4 6.807l8-3.556 8 3.556v1.35H4v-1.35zm5 10.35v-7h6v7H9zm-3-7h1v7H6v-7zm14 10H4v-1h16v1zm-2-3h-1v-7h1v7z"
                                                                            fill="#0D333F"
                                                                        ></path>
                                                                        <path d="M12 7.157a1 1 0 100-2 1 1 0 000 2z" fill="#0D333F"></path>
                                                                    </svg>
                                                                    <span>Bank connections</span>
                                                                </a>
                                                            </li>
                                                            
                                                            </ul>
                                                        </div>
                                                        <div class="header_col__aTATV">
                                                            <h2 class="heading_heading__ooopW heading_b2__geFx_ inherit header_title__NVIZz">Training &amp; events</h2>
                                                            <ul>
                                                            <li>
                                                                <a class="button_button__Yaq9u button_large__xOVkf button_blank__xum9w header_link__cnx1b" href="#">
                                                                    <svg viewBox="0 0 25 25" xmlns="http://www.w3.org/2000/svg" class="header_icon__MnCNY">
                                                                        <path
                                                                            d="M12 2.157a10 10 0 1010 10 10.011 10.011 0 00-10-10zM8.008 19.08v-.276a2.34 2.34 0 012.331-2.337 1 1 0 001-1v-.449a1 1 0 00-.5-.87 2.313 2.313 0 01-1.153-2.013v-1.67c.001-.613.243-1.2.674-1.637a2.364 2.364 0 011.658-.69 2.33 2.33 0 012.327 2.333v1.67a2.337 2.337 0 01-.663 1.636 2.485 2.485 0 01-.489.371 1.001 1.001 0 00-.512.872v.45a1 1 0 001 1 2.337 2.337 0 012.326 2.344v.254a7.932 7.932 0 01-8 .01l.001.002zm9.815-1.454a4.3 4.3 0 00-1.077-1.875 4.35 4.35 0 00-1.332-.917 4.326 4.326 0 00.934-2.688v-1.67a4.33 4.33 0 10-8.658-.012v1.67a4.34 4.34 0 00.93 2.691 4.352 4.352 0 00-2.44 2.8 8 8 0 1111.645 0l-.002.001z"
                                                                            fill="#0D333F"
                                                                        ></path>
                                                                    </svg>
                                                                    <span>Certification</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a class="button_button__Yaq9u button_large__xOVkf button_blank__xum9w header_link__cnx1b"
                                                                    href="#">
                                                                    <svg viewBox="0 0 25 25" xmlns="http://www.w3.org/2000/svg" class="header_icon__MnCNY">
                                                                        <path
                                                                            d="M21.077 15.157H21v-10h.077a1 1 0 000-2H13a1 1 0 00-2 0H2.923a1 1 0 100 2H3v10h-.077a1 1 0 000 2h5.311l-2.091 3.485a1 1 0 101.714 1.03l2.709-4.515h2.868l2.709 4.514a1 1 0 101.714-1.029l-2.091-3.485h5.311a1 1 0 100-2zM5 5.157h14v10H5v-10z"
                                                                            fill="#0D333F"
                                                                        ></path>
                                                                        <path
                                                                            d="M10.5 6.157h-3a1.5 1.5 0 00-1.5 1.5v5a1.5 1.5 0 001.5 1.5h3a1.5 1.5 0 001.5-1.5v-5a1.5 1.5 0 00-1.5-1.5zm-.5 6H8v-4h2v4zM17 7.157h-3a1 1 0 100 2h3a1 1 0 100-2zM17 11.157h-3a1 1 0 000 2h3a1 1 0 100-2z"
                                                                            fill="#0D333F"
                                                                        ></path>
                                                                    </svg>
                                                                    <span>Training</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a class="button_button__Yaq9u button_large__xOVkf button_blank__xum9w header_link__cnx1b"
                                                                    >
                                                                    <svg viewBox="0 0 25 25" xmlns="http://www.w3.org/2000/svg" class="header_icon__MnCNY">
                                                                        <path d="M19 2.157H5a3 3 0 00-3 3v10a3 3 0 003 3h6v2H6a1 1 0 000 2h12a1 1 0 100-2h-5v-2h6a3 3 0 003-3v-10a3 3 0 00-3-3zm1 13a1 1 0 01-1 1H5a1 1 0 01-1-1v-10a1 1 0 011-1h14a1 1 0 011 1v10z" fill="#0D333F"></path>
                                                                        <path d="M14.555 9.325l-3-2A1 1 0 0010 8.157v4a1 1 0 001.555.832l3-2a1 1 0 000-1.664z" fill="#0D333F"></path>
                                                                    </svg>
                                                                    <span>Webinars</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a class="button_button__Yaq9u button_large__xOVkf button_blank__xum9w header_link__cnx1b" href="/events/"  >
                                                                    <svg viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg" class="header_icon__MnCNY">
                                                                        <path
                                                                            d="M18.223 3H17a1 1 0 0 0-2 0H9a1 1 0 0 0-2 0H5.777A2.781 2.781 0 0 0 3 5.778v12.444A2.78 2.78 0 0 0 5.777 21h12.446A2.781 2.781 0 0 0 21 18.222V5.778A2.781 2.781 0 0 0 18.223 3ZM5.777 5H7a1 1 0 0 0 2 0h6a1 1 0 0 0 2 0h1.223a.779.779 0 0 1 .777.778V7H5V5.778A.779.779 0 0 1 5.777 5Zm12.446 14H5.777A.779.779 0 0 1 5 18.222V9h14v9.222a.78.78 0 0 1-.777.778Z"
                                                                            fill="#0D333F"
                                                                        ></path>
                                                                        <path d="M12 10a1 1 0 0 0-1 1v3a1 1 0 0 0 2 0v-3a1 1 0 0 0-1-1ZM12 18a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" fill="#0D333F"></path>
                                                                    </svg>
                                                                    <span>Events</span>
                                                                </a>
                                                            </li>
                                                            <h2 class="heading_heading__ooopW heading_b2__geFx_ inherit header_title__NVIZz header_title-space__T4Xim">Get started</h2>
                                                            <li>
                                                                <a class="button_button__Yaq9u button_large__xOVkf button_blank__xum9w header_link__cnx1b" href="#">
                                                                    <svg viewBox="0 0 25 25" xmlns="http://www.w3.org/2000/svg" class="header_icon__MnCNY">
                                                                        <path d="M8 9.157h8a1 1 0 100-2H8a1 1 0 100 2zM8 12.157h8a1 1 0 100-2H8a1 1 0 000 2zM11 13.157H8a1 1 0 000 2h3a1 1 0 100-2z" fill="#0D333F"></path>
                                                                        <path
                                                                            d="M18 3.157H6a3 3 0 00-3 3v12a3 3 0 003 3h8a1 1 0 00.707-.293l6-6a1 1 0 00.293-.707v-8a3 3 0 00-3-3zm-13 15v-12a1 1 0 011-1h12a1 1 0 011 1v7h-3a3 3 0 00-3 3v3H6a1 1 0 01-1-1zm12.586-3L15 17.743v-1.586a1 1 0 011-1h1.586z"
                                                                            fill="#0D333F"
                                                                        ></path>
                                                                    </svg>
                                                                    <span>Finance blog</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a class="button_button__Yaq9u button_large__xOVkf button_blank__xum9w header_link__cnx1b" href="/learn-support/help-articles/misc/03/help-articles-uk?label=Felicity's%20Accountant%20Online">
                                                                    <svg viewBox="0 0 25 25" xmlns="http://www.w3.org/2000/svg" class="header_icon__MnCNY">
                                                                        <path
                                                                            d="M12 15.157a1 1 0 100 2 1 1 0 000-2zM15 10.157a3.006 3.006 0 00-3-3 3 3 0 00-2.9 2.27 1 1 0 101.937.494A1.02 1.02 0 0112 9.157a1.006 1.006 0 011 1c0 .013.007.024.007.037 0 .013-.007.023-.007.036a.5.5 0 01-.276.447l-1.172.584a1 1 0 00-.552.896v1a1 1 0 002 0v-.383l.62-.308a2.515 2.515 0 001.38-2.3v-.009z"
                                                                            fill="#0D333F"
                                                                        ></path>
                                                                        <path d="M19.082 5.097a9.932 9.932 0 00-7.066-2.94H12a10 10 0 00-.016 20H12a10 10 0 007.082-17.06zm-1.434 12.725A7.943 7.943 0 0112 20.157h-.013a8 8 0 11.013-16h.012a8 8 0 015.636 13.665z" fill="#0D333F"></path>
                                                                    </svg>
                                                                    <span>Finance support</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a class="button_button__Yaq9u button_large__xOVkf button_blank__xum9w header_link__cnx1b" href="/accountants/get-started/">
                                                                    <svg viewBox="0 0 25 25" xmlns="http://www.w3.org/2000/svg" class="header_icon__MnCNY">
                                                                        <path
                                                                            d="M12.002 2.79a10 10 0 1010 10 10.012 10.012 0 00-10-10zm6.918 6h-2.413c-.27-1.121-.654-2.21-1.146-3.252A8.049 8.049 0 0118.92 8.79zm1.082 4a7.957 7.957 0 01-.263 2H16.87a17.37 17.37 0 00.132-2 17.389 17.389 0 00-.132-2h2.869c.172.652.26 1.324.263 2zm-10.851 2a15.424 15.424 0 01-.149-2 15.4 15.4 0 01.149-2h5.7c.094.662.144 1.33.151 2-.006.668-.056 1.336-.149 2H9.151zm-5.149-2c.002-.676.09-1.348.263-2h2.869a17.348 17.348 0 00-.132 2c.005.668.05 1.336.132 2H4.265a7.953 7.953 0 01-.263-2zm8.694-7.966a14.743 14.743 0 011.755 3.965h-4.9a14.738 14.738 0 011.755-3.965c.229-.02.46-.035.694-.035.234 0 .467.015.696.035zm-4.052.714A16.817 16.817 0 007.502 8.79H5.084a8.045 8.045 0 013.56-3.25zM5.084 16.79h2.418c.27 1.12.654 2.21 1.147 3.251a8.046 8.046 0 01-3.565-3.25zm6.224 3.965a14.747 14.747 0 01-1.755-3.965h4.9a14.749 14.749 0 01-1.756 3.965c-.229.02-.46.035-.694.035-.234 0-.466-.015-.695-.035zm4.053-.714a16.84 16.84 0 001.146-3.25h2.413a8.049 8.049 0 01-3.559 3.25z"
                                                                        ></path>
                                                                    </svg>
                                                                    <span>Felicity's onboarding</span>
                                                                </a>
                                                            </li>
                                                            </ul>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="header_item__g_lnF">
                                                    <div class="header_link-wrap__pM5rP header_link-ghost__u4QoA header_link-no-child">
                                                        <a class="button_button__Yaq9u button_large__xOVkf button_blank__xum9w header_link__cnx1b header_link-1__NRM09"  href="<?php echo site_url('/request-demo') ?>">
                                                            Request Demo
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </nav>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                    <div class="overlay_overlay__K50F9 d-none"></div>
                </header>
            </div>
        </div>

        <!-- Show subMenu if has page has children -->
        <?php
            $base_args = array(
                'hierarchical' => 0
            );
            if (has_children()):
                $args = array(
                    'child_of' => $post->ID,
                    'parent' => $post->ID
                );
        ?>
        <style>
            .sub-nav_sub-header__KCmxG .sub-nav_sub-header-row__pRxRn {
                position: relative;
                background: #fff;
                z-index: 3;
            }
            .row_wrap__PYUmC {
                padding: 0 20px;
                margin-left: auto;
                margin-right: auto;
            }
            .row_lg__3QyX3 {
                max-width: 1440px;
            }
            .sub-nav_sub-header__KCmxG .sub-nav_sub-header-wrap__j0CLM {
                border-top: 1px solid #edf2f2;
                display: -webkit-flex;
                display: flex;
                height: 60px;
            }
            .sub-nav_dropdown-nav__qzevV {
                display: -webkit-flex;
                display: flex;
            }
            .sub-nav_dropdown-nav__qzevV .sub-nav_dropdown-title__JMr21 {
                font-weight: 600;
                cursor: auto;
            }

            .sub-nav_arrow__NJbMD {
                margin-left: 10px;
                -webkit-transition: -webkit-transform .25s;
                transition: -webkit-transform .25s;
                transition: transform .25s;
                transition: transform .25s,-webkit-transform .25s;
            }

            .sub-nav_navs__lmBGq {
                display: -webkit-flex;
                display: flex;
                top: 80px;
            }


            .sub-nav_nav-left__FbnCf {
                position: relative;
                -webkit-flex: 1 1;
                flex: 1 1;
            }

            .sub-nav_nav__4jyCN {
                display: -webkit-flex;
                display: flex;
            }

            .sub-nav_link-wrap__EKRH_ {
                display: -webkit-flex;
                display: flex;
                -webkit-align-items: center;
                align-items: center;
            }

            .sub-nav_link__4gLMl, .sub-nav_nav__4jyCN .sub-nav_sub__7l08Q a {
                padding: 5px 0;
                -webkit-transition: color .25s;
                transition: color .25s;
                display: -webkit-flex;
                display: flex;
                -webkit-align-items: center;
                align-items: center;
                -webkit-justify-content: flex-start;
                justify-content: flex-start;
                text-align: left;
            }
            .sub-nav_link-1__FqKFP {
                font-weight: 500;
            }


            @media (min-width: 480px){
                .sub-nav_navs__lmBGq {
                    top: 100px;
                }
            }


            @media (min-width: 1024px){
                .row_wrap__PYUmC {
                    padding: 0 40px;
                }
            }



            @media (min-width: 1200px){
                .sub-nav_sub-header__KCmxG {
                    position: -webkit-sticky;
                    position: sticky;
                    z-index: 2;
                    /* top: 134px; */
                    top: 167px;
                }
                .sub-nav_arrow__NJbMD {
                    margin-left: 5px;
                }
                .sub-nav_dropdown-nav__qzevV .sub-nav_dropdown-title__JMr21 svg {
                    display: none;
                }
                .sub-nav_navs__lmBGq {
                    -webkit-flex: 1 1;
                    flex: 1 1;
                    -webkit-justify-content: space-between;
                    justify-content: space-between;
                }
                .sub-nav_nav-left__FbnCf, .sub-nav_nav-right__I9RJI {
                    display: -webkit-flex;
                    display: flex;
                    -webkit-align-items: center;
                    align-items: center;
                }
                .sub-nav_nav__4jyCN .sub-nav_item__wT0FQ {
                    margin-left: 30px;
                }
                .sub-nav_link-1__FqKFP {
                    font-size: 16px;
                }
                .sub-nav_link-underline__d1gZR {
                    position: relative;
                }
                .sub-nav_link-underline__d1gZR:after {
                    content: "";
                    display: block;
                    position: absolute;
                    bottom: -12px;
                    left: 0;
                    right: 0;
                    height: 3px;
                    background: #7e57c2;
                    border-radius: 10px;
                }
                .sub-nav_nav-left__FbnCf, .sub-nav_nav-right__I9RJI {
                    display: -webkit-flex;
                    display: flex;
                    -webkit-align-items: center;
                    align-items: center;
                }
            }

            @media (min-width: 1440px){
                .sub-nav_arrow__NJbMD {
                    margin-left: 10px;
                }
                .sub-nav_nav__4jyCN .sub-nav_item__wT0FQ {
                    margin-left: 40px;
                }

            }

        </style>
        <div class="sub-nav_sub-header__KCmxG">
            <header class="sub-nav_sub-header__KCmxG">
                <section  class="sub-nav_sub-header-row__pRxRn">
                    <div class="row_wrap__PYUmC row_lg__3QyX3">
                        <div class="sub-nav_sub-header-wrap__j0CLM">
                            <div class="sub-nav_dropdown-nav__qzevV">
                                <a class="button_button__Yaq9u button_large__xOVkf button_blank__xum9w sub-nav_dropdown-title__JMr21 link-title">
                                    <?= the_title() ?>
                                    <svg width="14" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" class="sub-nav_arrow__NJbMD">
                                        <path d="M1.332 1.215l4.352 4.509a2 2 0 002.878 0l4.353-4.51" stroke="#0D333F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                                    </svg>
                                </a>
                            </div>
                            <div class="sub-nav_navs__lmBGq">
                                <div class="sub-nav_nav-left__FbnCf">
                                    <nav>
                                        <ul class="sub-nav_nav__4jyCN">   
                                        <?php 
                                            $args = array_merge($base_args, $args);
                                            $pages = get_pages($args);
                                            foreach ($pages as $page):?>  
                                                <li class="sub-nav_item__wT0FQ">
                                                <div class="sub-nav_link-wrap__EKRH_">
                                                    <a class="button_button__Yaq9u button_large__xOVkf button_blank__xum9w sub-nav_link__4gLMl sub-nav_link-1__FqKFP sub-nav_link-underline__d1gZR"
                                                        href="<?= get_permalink($page->ID) ?>">
                                                        <?= $page->post_title  ?>
                                                    </a>
                                                </div>
                                            </li>
                                            <?php  endforeach; ?>   
                                        </ul>
                                    </nav>
                                </div>
                                <div class="sub-nav_nav-right__I9RJI"></div>
                            </div>
                          
                        </div>
                    </div>
                </section>
            </header>
        </div>
        <?php
            else:
                // if (is_top_level()):
                // $args = array(
                //     'parent' => $post->post_parent
                // );
                // else:
                // $args = array(
                //     'parent' => 0
                // );
                // endif;
            endif; 
        ?>

        <div class="page-container">