<div class="section w-100 py-5 bg-image" data-img-src="../../assets/images/upload/directory-how-it-work-bg.jpg">
    <div class="container">

        <div class="row my-5">
            <div class="col-lg-8 offset-lg-2">
                <div class="text-center">

                    <h5 class="font-weight-400 text-white-75">Intelligence Search</h5>

                    <div data-height="3px"></div>

                    <h2 class="h1 section-title-4 title-light-1 font-weight-800">
                        How It Works
                        <div class="title-divider-round"></div>
                    </h2>
                    
                </div>
            </div>
        </div>

        <div class="row mb-5">
            <div class="col-md-8 offset-md-2 col-lg-12 offset-lg-0">
                <div class="row">

                    <div class="col-lg-4">
                        <div class="bg-white text-center rounded-xl shadow-sm px-5 py-4 mb-4">
                            <img src="../../assets/svg/upload/directory-how-it-work-01.svg" alt="How it works">
                            <h5 class="font-weight-700 mb-3">Find Businesses</h5>
                            <div class="pb-2">
                                <p>Cras lectus lacus tristique at vestibulum nec cursus sem purus massa</p>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-4">
                        <div class="bg-white text-center rounded-xl shadow-sm px-5 py-4 mb-4">
                            <img src="../../assets/svg/upload/directory-how-it-work-02.svg" alt="How it works">
                            <h5 class="font-weight-700 mb-3">Get Directions</h5>
                            <div class="pb-2">
                                <p>Fusce sem massa congue vitae neque rhoncus ac viverra erat aliquam</p>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-4">
                        <div class="bg-white text-center rounded-xl shadow-sm px-5 py-4 mb-4">
                            <img src="../../assets/svg/upload/directory-how-it-work-03.svg" alt="How it works">
                            <h5 class="font-weight-700 mb-3">Make a Reservation</h5>
                            <div class="pb-2">
                                <p>Posuere in sit amet consequat lobortis dictum vitae diam fermentum</p>
                            </div>
                        </div>
                    </div>

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

    </div>
</div>