<div class="is-section is-box is-bg-grey">
    <div class="is-boxes">
        <div class="is-box-centered">
            <div class="is-container container-fluid" style="max-width: 800px;">
                <div class="row gx-0 features-27">
                    <div class="col-12 col-md-6 d-flex">
                        <img src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg"
                             alt="" style="object-fit: cover;" class="rounded-5 shadow-lg"
                        >
                    </div>
                    <div class="col-12 col-md-6 py-5 my-4">
                        <div class="list-row d-flex align-items-center mb-5">
                            <div class="list-icon-col me-3 me-md-5 display-5">
                                <div style="width: 2.25em; line-height: 2.25em;"
                                     class="bg-white text-center shadow-sm rounded-circle fw-bold"
                                >1
                                </div>
                            </div>
                            <div class="list-content-col text-muted">
                                <h4 class="text-body">Heading 1</h4>
                                <p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
                            </div>
                        </div>
                        <div class="list-row d-flex align-items-center mb-5">
                            <div class="list-icon-col me-3 me-md-5 display-5">
                                <div style="width: 2.25em; line-height: 2.25em;"
                                     class="bg-white text-center shadow-sm rounded-circle fw-bold"
                                >2
                                </div>
                            </div>
                            <div class="list-content-col text-muted">
                                <h4 class="text-body">Heading 2</h4>
                                <p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
                            </div>
                        </div>
                        <div class="list-row d-flex align-items-center">
                            <div class="list-icon-col me-3 me-md-5 display-5">
                                <div style="width: 2.25em; line-height: 2.25em;"
                                     class="bg-white text-center shadow-sm rounded-circle fw-bold"
                                >3
                                </div>
                            </div>
                            <div class="list-content-col text-muted">
                                <h4 class="text-body">Heading 3</h4>
                                <p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
