<div class="is-section is-box">
    <div class="is-overlay">
        <div class="is-overlay-content"></div>
        <div class="is-overlay-bg"
             style="background-image: url('{{ config('builder.frontend_asset_path') }}/placeholders/landscape.jpg');"
             data-quality="80"
        >
            <div class="bg-primary is-overlay-color" style="opacity: 0.7; display: block;"></div>
        </div>
    </div>
    <div class="is-boxes">
        <div class="is-box-centered">
            <div class="is-container container-fluid" style="max-width: 1500px;">
                <div class="align-items-center g-4 py-5 row" draggable="false">
                    <div class="col-12 col-xl-6 pe-5 text-white">
                        <h2 class="display-4">Heading 2 here</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>
                        <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>
                        <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>
                        <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>
                            <a href="#" class="btn btn-secondary">Read More</a>
                        </span>
                    </div>
                    <div class="col-12 col-md-6 col-xl-3 mt-md-n3">
                        <div
                            class="bg-white border-0 border-5 border-bottom border-primary card mb-3 p-4 rounded-4 shadow text-center aos-init aos-animate"
                            data-aos="fade-up"
                        >
                            <p class="h3">
                                <i class="icon fas fa-map-marker-alt text-secondary display-4"></i>
                            </p>
                            <h3 class="fw-bold text-tertiary">Title</h3>
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.&nbsp; Lorem
                                Ipsum has been the industry's
                            </p>
                        </div>
                        <div
                            class="bg-white border-0 border-5 border-bottom border-primary card p-4 rounded-4 shadow text-center aos-init aos-animate"
                            data-aos="fade-up"
                        >
                            <p class="h3">
                                <i class="icon fas fa-money-bill-wave text-secondary display-4"></i>
                            </p>
                            <h3 class="text-tertiary fw-bold">Title</h3>
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.&nbsp; Lorem
                                Ipsum has been the industry's
                            </p>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 col-xl-3">
                        <div
                            class="bg-white border-0 border-5 border-bottom border-primary card mb-3 mt-md-4 p-4 rounded-4 shadow text-center aos-init aos-animate"
                            data-aos="fade-up"
                        >
                            <p class="h3">
                                <i class="icon fas fa-check text-secondary display-4"></i>
                            </p>
                            <h3 class="text-tertiary fw-bold">Title</h3>
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.&nbsp; Lorem
                                Ipsum has been the industry's
                            </p>
                        </div>
                        <div
                            class="bg-white border-0 border-5 border-bottom border-primary card p-4 rounded-4 shadow text-center aos-init aos-animate"
                            data-aos="fade-up"
                        >
                            <p class="h3">
                                <i class="icon fas fas fa-cogs text-secondary display-4"></i>
                            </p>
                            <h3 class="text-tertiary fw-bold">Title</h3>
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.&nbsp; Lorem
                                Ipsum has been the industry's
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
