{{#fields}}
<section class="c-tertiaryNav -withDropdown js-toggleDropdownBtn" data-on-inject="TertiaryNav">
    <div class="l-container">
        <div class="c-tertiaryNav__content">
            <p class="c-tertiaryNav__title">{{savings-account-text}}</p>
            <div class="c-tertiaryNav__dropdown">
                {{#menu_list}}
                <svg class="c-tertiaryNav__dropdownArrow isBelow769" width="18" height="9" viewBox="0 0 18 9"
                    fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M16.84 0.951172L10.32 7.47117C9.55 8.24117 8.29 8.24117 7.52 7.47117L1 0.951172"
                        stroke="#666D78" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"
                        stroke-linejoin="round" />
                </svg>
                
                <div class="c-tertiaryNav__dropdownContent" id="c-tertiaryNav__dropdownContent">
                    {{{menu_list}}}
                    <div class="c-tertiaryNav__btnGroup">
                        {{#apply-button-text}}
                        <a href="{{apply-button-href}}" class="c-tertiaryNav__button m-button -fillRed" target="_blank">
                            <p class="m-button__text">{{apply-button-text}}</p>
                        </a>
                        {{/apply-button-text}}

                        {{#request-button-text}}
                        <button class="c-tertiaryNav__button m-button -textRed" data-scroll-to="callbackForm"
                            data-toggle="modal" data-target="#RequestCallback">
                            <p class="m-button__text">{{request-button-text}}</p>
                        </button>
                        {{/request-button-text}}
                    </div>
                </div>
                {{/menu_list}}
            </div>
        </div>
    </div>
</section>



{{/fields}}