{{#with data}}
    <div class="clearfix">
        <div class="bs4--border-bottom">
            <h3 id="{{@root/dom/divMortgageCalculatorLabel}}" class="headline-4 bs4--my-0 text-black bs4--py-3 theme-main-font">
                <span class="bs4--d-flex bs4--justify-content-between bs4--align-items-center">
                    Mortgage & Affordability
                    <i id="{{@root/dom/spanMortgageCalculatorCollapseChevron}}"
                        class="material-icons chevron pull-right" aria-hidden="true">expand_more</i>
                </span>
            </h3>
        </div>
        <div class="row collapse pt-15" id="{{@root/dom/divMortgageCalculatorCollapse}}"
            style="margin-right: -5px; margin-left: -5px;">
            <div class="container main-container text-center ">
                {{> hsLoadingGraphic}}
            </div>
        </div>

    </div>
{{/with}}