<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: 1100px;">
                <div class="row shadow-lg">

                    <div class="col-12 col-md-6 bg-primary p-5">
                        <h4 class="mb-4">Lorem Ipsum is dummy text</h4>
                        <h2 class="h1 mb-4">Lorem Ipsum is dummy text</h2>
                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has
                            been the industry's standard dummy text ever since the 1500s, when an unknown printer took a
                            galley of type and scrambled it to make a type specimen book.
                        </p>
                        <span class="mt-4 d-block">
                            <a href="#" class="btn btn-dark">Read More</a>
                        </span>
                    </div>

                    <div style="grid-template-columns: 1fr 1fr;" class="col-12 col-md-6 d-md-grid bg-white p-0">
                        <div
                            class="py-4 px-5 border-top-0 border-left-0 border d-md-flex flex-column justify-content-center"
                            style="border-color: rgb(240, 240, 240) !important;"
                        >
                            <p class="h1">
                                <i class="icon fas fa-trophy mb-3" aria-hidden="true"></i>
                            </p>
                            <h3 class="h5">Feature or Unique Selling Point 1</h3>
                        </div>
                        <div
                            class="py-4 px-5 border border-top-0 border-right-0 d-md-flex flex-column justify-content-center"
                            style="border-color: rgb(240, 240, 240) !important;"
                        >
                            <p class="h1">
                                <i class="icon fas fa-computer mb-3" aria-hidden="true"></i>
                            </p>
                            <h3 class="h5">Feature or Unique Selling Point 2</h3>
                        </div>
                        <div
                            class="py-4 px-5 border border-bottom-0 border-left-0 d-md-flex flex-column justify-content-center"
                            style="border-color: rgb(240, 240, 240) !important;"
                        >
                            <p class="h1">
                                <i class="icon fas fa-flask-vial mb-3" aria-hidden="true"></i>
                            </p>
                            <h3 class="h5">Feature or Unique Selling Point 3<br></h3>
                        </div>
                        <div
                            class="py-4 px-5 border border-bottom-0 border-right-0 d-md-flex flex-column justify-content-center"
                            style="border-color: rgb(240, 240, 240) !important;"
                        >
                            <p class="h1">
                                <i class="icon fas fa-brain mb-3" aria-hidden="true"></i>
                            </p>
                            <h3 class="h5">Feature or Unique Selling Point 4</h3>
                        </div>
                    </div>

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