Info box 07

<div class="bg-gray-02 pt-12 pb-11">
    <div class="container">
        <h2 class="text-heading text-center">Services Offered</h2>
        <span class="heading-divider mx-auto"></span>
        <div class="slick-slider arrow-haft-inner mt-7 mx-0"
             data-slick-options='{"slidesToShow": 4, "autoplay":true,"dots":false,"responsive":[{"breakpoint": 992,"settings": {"slidesToShow":3}},{"breakpoint": 768,"settings": {"slidesToShow": 2,"arrows":false,"dots":true,"autoplay":true}},{"breakpoint": 576,"settings": {"slidesToShow": 1,"arrows":false,"dots":true,"autoplay":true}}]}'>
            <div class="box px-0 py-6">
                <div
                        class="card border-0 py-7 px-4 shadow-hover-3 bg-transparent bg-hover-white">
                    <div class="d-flex justify-content-center card-img-top">
                        <img src="../../../images/house.png" alt="Property Management">
                    </div>
                    <div class="card-body px-0 pt-5 pb-0 text-center">
                        <h4 class="card-title fs-16 lh-13 text-dark mb-2 px-10">Property Management</h4>
                        <p class="card-text text-body px-8">Sed ut perspiciatis unde omnis iste natus error
                            sit</p>
                    </div>
                </div>
            </div>
            <div class="box px-0">
                <div
                        class="card border-0 py-7 px-4 shadow-hover-3 bg-transparent bg-hover-white">
                    <div class="d-flex justify-content-center card-img-top">
                        <img src="../../../images/mortgage.png" alt="Mortgage Service">
                    </div>
                    <div class="card-body px-0 pt-5 pb-0 text-center">
                        <h4 class="card-title fs-16 lh-13 text-dark mb-2 px-10">Mortgage Service</h4>
                        <p class="card-text text-body px-8">Sed ut perspiciatis unde omnis iste natus error
                            sit</p>
                    </div>
                </div>
            </div>
            <div class="box px-0">
                <div
                        class="card border-0 py-7 px-4 shadow-hover-3 bg-transparent bg-hover-white">
                    <div class="d-flex justify-content-center card-img-top">
                        <img src="../../../images/clipboard.png" alt="Consulting Service">
                    </div>
                    <div class="card-body px-0 pt-5 pb-0 text-center ">
                        <h4 class="card-title fs-16 lh-13 text-dark mb-2 px-10">Consulting Service</h4>
                        <p class="card-text text-body px-8">Sed ut perspiciatis unde omnis iste natus error
                            sit</p>
                    </div>
                </div>
            </div>
            <div class="box px-0">
                <div
                        class="card border-0 py-7 px-4 shadow-hover-3 bg-transparent bg-hover-white">
                    <div class="d-flex justify-content-center card-img-top">
                        <img src="../../../images/building.png" alt="Recover Asset Value">
                    </div>
                    <div class="card-body px-0 pt-5 pb-0 text-center">
                        <h4 class="card-title fs-16 lh-13 text-dark mb-2 px-8">Recover Asset Value</h4>
                        <p class="card-text text-body px-8">Sed ut perspiciatis unde omnis iste natus error
                            sit</p>
                    </div>
                </div>
            </div>
            <div class="box px-0">
                <div
                        class="card border-0 py-7 px-4 shadow-hover-3 bg-transparent bg-hover-white">
                    <div class="d-flex justify-content-center card-img-top">
                        <img src="../../../images/house.png" alt="Property Management">
                    </div>
                    <div class="card-body px-0 pt-5 pb-0 text-center">
                        <h4 class="card-title fs-16 lh-13 text-dark mb-2 px-10">Property Management</h4>
                        <p class="card-text text-body px-8">Sed ut perspiciatis unde omnis iste natus error
                            sit</p>
                    </div>
                </div>
            </div>
            <div class="box px-0">
                <div
                        class="card border-0 py-7 px-4 shadow-hover-3 bg-transparent bg-hover-white">
                    <div class="d-flex justify-content-center card-img-top">
                        <img src="../../../images/mortgage.png" alt="Mortgage Service">
                    </div>
                    <div class="card-body px-0 pt-5 pb-0 text-center">
                        <h4 class="card-title fs-16 lh-13 text-dark mb-2 px-10">Mortgage Service</h4>
                        <p class="card-text text-body px-8">Sed ut perspiciatis unde omnis iste natus error
                            sit</p>
                    </div>
                </div>
            </div>
            <div class="box px-0">
                <div
                        class="card border-0 py-7 px-4 shadow-hover-3 bg-transparent bg-hover-white">
                    <div class="d-flex justify-content-center card-img-top">
                        <img src="../../../images/clipboard.png" alt="Consulting Service">
                    </div>
                    <div class="card-body px-0 pt-5 pb-0 text-center ">
                        <h4 class="card-title fs-16 lh-13 text-dark mb-2 px-10">Consulting Service</h4>
                        <p class="card-text text-body px-8">Sed ut perspiciatis unde omnis iste natus error
                            sit</p>
                    </div>
                </div>
            </div>
            <div class="box px-0">
                <div
                        class="card border-0 py-7 px-4 shadow-hover-3 bg-transparent bg-hover-white">
                    <div class="d-flex justify-content-center card-img-top">
                        <img src="../../../images/building.png" alt="Recover Asset Value">
                    </div>
                    <div class="card-body px-0 pt-5 pb-0 text-center">
                        <h4 class="card-title fs-16 lh-13 text-dark mb-2 px-8">Recover Asset Value</h4>
                        <p class="card-text text-body px-8">Sed ut perspiciatis unde omnis iste natus error
                            sit</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>