<div class="is-section is-box">
    <div class="is-boxes">
        <div class="is-box-centered">

            <div class="is-container container-fluid" style="max-width: 1250px;">
                <div class="row products-20 gy-5" style="align-items: center;">

                    <div class="col-12 col-md-6">
                        <h2 class="mb-4">Section Heading - Lorem Ipsum is dummy text</h2>
                        <div class="lead">
                            <p>
                                Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an
                                unknown printer took a galley of type. Lorem ipsum dolor sit amet, consectetur
                                adipiscing elit.
                            </p>
                            <p>
                                Sed tincidunt dolor in ex malesuada, vitae eleifend justo fringilla. Mauris porta lorem
                                sed nisi posuere, nec finibus nunc pulvinar. Phasellus sodales lacus sit amet risus
                                commodo lobortis.
                            </p>
                        </div>
                        <div>
                            <span>
                                <a href="#" title="" class="btn btn-outline-primary mt-4 btn-lg">Learn More</a>
                            </span>
                        </div>
                    </div>

                    <div class="col-12 col-md-6">
                        <div class="ps-5 pb-3 position-relative">
                            <div class="image-wrapper" style="padding-top: 115%;">
                                <img
                                    src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg"
                                    alt=""
                                    class="shadow-lg rounded-3"
                                >
                            </div>
                            <div class="bg-primary text-white rounded-3 position-absolute bottom-0 start-0 p-4 mb-5 d-flex flex-row align-items-start w-60 shadow">
                                <div class="bg-white-30 rounded-circle flex-grow-0 flex-shrink-0 p-2 me-2">
                                    <i class="fa fa-check fa-fw h5 m-0"></i>
                                </div>
                                <div>
                                    <h5>Box heading</h5>
                                    <p>
                                        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
                                        ipsum dolor sit amet vivamus ante.
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>

        </div>
    </div>
</div>
