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

            <div class="is-container container-fluid is-custom" style="max-width: 1250px; padding: 80px 25px;">
                <div style="align-items: center;" draggable="false" class="row products-s-14 align-items-stretch g-5">

                    <div class="col-12 col-md-6 d-flex align-items-stretch">
                        <div class="row align-items-stretch py-4 g-3">

                            <div class="col-6 col-md-3 d-flex align-items-stretch mt-n4 mb-4">
                                <img
                                    src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg"
                                    class="object-fit-cover rounded-3"
                                    alt="">
                            </div>

                            <div class="col-6 col-md-3 d-flex align-items-stretch mt-4 mb-n2 mb-md-n4">
                                <img
                                    src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg"
                                    class="object-fit-cover rounded-3"
                                    alt="">
                            </div>

                            <div class="col-6 col-md-3 d-flex align-items-stretch mt-n2 mt-md-n4 mb-4">
                                <img src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg"
                                     class="object-fit-cover rounded-3"
                                     alt="">
                            </div>

                            <div class="col-6 col-md-3 d-flex align-items-stretch mt-4 mb-n4">
                                <img
                                    src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg"
                                    class="object-fit-cover rounded-3"
                                    alt="">
                            </div>

                        </div>
                    </div>

                    <div class="col-12 col-md-6 px-5 py-md-5">
                        <div class="spacer height-40"></div>
                        <h2 class="mb-4 h5 text-primary">Section Heading</h2>
                        <h3 class="mb-4 h2">Lorem Ipsum is dummy text</h3>
                        <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>
                        </div>
                        <div>
                            <span>
                                <a href="#" title="" class="btn mt-4 btn-lg btn-primary" draggable="false">Learn More
                                </a>
                            </span>
                        </div>
                        <div class="spacer height-40"></div>
                    </div>

                </div>
            </div>

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