<div class="is-section is-box is-light-text is-section-fixed banner-07 banner-primary bg-primary"
     style="height: 650px;"
>
    <div class="is-overlay">
        <div class="is-overlay-bg"></div>
    </div>
    <div class="is-boxes">
        <div class="is-box-centered is-opacity-95">
            <div class="is-container container-fluid-fluid">
                <div class="row" style="align-items: center;">
                    <div class="col-12 lead col-md-7">
                        <h3 class="h4 mt-3">Lorem Ipsum</h3>
                        <h1>Main Page Heading</h1>
                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                        <div class="mt-4">
                            <span>
                                <a href="tel:[company_phone]" class="btn btn-lg mb-3 btn-tertiary"
                                   title="Give us a call"
                                >[company_phone]
                                </a>
                            </span>
                            <span></span>
                        </div>
                    </div>
                    <div class="col-12 col-md-5">
                        <div class="banner-07-img-wrap ps-5 pt-5 pb-4 position-relative aos-init aos-animate"
                             data-aos="fade-left" data-aos-delay="1000" data-aos-once="true"
                        >
                            <div class="image-wrapper">
                                <img src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg"
                                     alt="" class="rounded-circle border-secondary border border-5"
                                >
                            </div>
                            <div class="position-absolute start-0 top-0 w-40">
                                <div class="image-wrapper">
                                    <img
                                        src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg"
                                        alt="" class="rounded-circle border-tertiary border border-3"
                                    >
                                </div>
                            </div>
                            <div class="position-absolute start-0 bottom-0 w-30">
                                <div class="image-wrapper">
                                    <img
                                        src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg"
                                        alt="Wood Pellets" class="rounded-circle border border-primary border-3"
                                    >
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
