<div class="is-section is-box is-section-fixed is-align-center is-light-text" style="height: 300px;">

    <div class="is-overlay">
        <div class="is-overlay-bg"
             style="background-image: url('{{ config('builder.frontend_asset_path') }}/placeholders/landscape.jpg'); background-position: 50% 50%;"
             data-quality="80"
        >
            <div class="is-overlay-color" style="opacity: 0.4; background-color: rgb(0, 0, 0); display: block;"></div>
        </div>
    </div>

    <div class="is-boxes">
        <div class="is-box-centered">
            <div class="is-container container-fluid" style="max-width: 1620px;">
                <div class="row">
                    <div class="align-items-center col-md-12 d-flex flex-column">
                        <h1 class="display-3 mb-0 text-white">Heading 1</h1>
                        <hr class="border border-1 border-secondary my-2 opacity-100 w-25">
                        <h4>Call [company_phone] or email [company_email] to book an initial consultation.</h4>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>
