Discover great places

<div class="d-flex flex-column w-100">
    <div class="page-header-block-height d-flex align-items-center bg-image py-5" data-img-src="../../assets/images/upload/section-hero-banner-05.jpg">
        <div class="container">
            <div class="row py-5">

                <div class="col-12 col-md-10 offset-md-1 col-lg-8 offset-lg-2 text-center mb-5">
                    <div class="add-animate" data-animated="fadeIn">
                        <h1 class="display-4 text-white font-weight-800 text-uppercase mb-3">Discover great places</h1>
                        <div class="lead-sm text-white-75">Aenean nec mattis arcu in rhoncus risus duis pretium purus eget cursus molestie magna nunc pulvinar magna quis malesuada sapien erat mi nullam ornare dictum magna</div>
                    </div>
                </div>

                <div class="w-100 mb-4"></div>

                <div class="col-12 col-md-10 offset-md-1 col-lg-8 offset-lg-2 col-xl-12 offset-xl-0">
                    <div class="form-box bg-indigo rounded-xl shadow-lg">
                        <form class="form-light-2">
                            <div class="row">

                                <div class="col-xl-3 mb-4 mb-xl-0">
                                    <div class="input-group input-group-lg">
                                        <div class="input-group-inner">
                                            <div class="input-group-prepend border-left-0">
                                                <span class="input-group-text input-group-icon bg-transparent"><i class="fas fa-building"></i></span>
                                            </div>
                                            <input type="text" class="form-control form-control-lg pl-0" placeholder="What are you looking for?">
                                            <div class="input-focus-bg rounded-0 shadow-none border-top-0 border-right-0 border-left-0"></div>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-xl-3 mb-4 mb-xl-0">
                                    <div class="input-group input-group-lg">
                                        <div class="input-group-inner">
                                            <div class="input-group-prepend border-left-0">
                                                <span class="input-group-text input-group-icon bg-transparent"><i class="fas fa-map-marker-alt"></i></span>
                                            </div>
                                            <input type="text" class="form-control form-control-lg pl-0" placeholder="Where to look?">
                                            <div class="input-focus-bg rounded-0 shadow-none border-top-0 border-right-0 border-left-0"></div>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-xl-3 mb-4 mb-xl-0">
                                    <div class="input-group input-group-lg">
                                        <div class="input-group-inner">
                                            <div class="input-group-prepend border-left-0">
                                                <span class="input-group-text input-group-icon bg-transparent"><i class="fas fa-layer-group"></i></span>
                                            </div>
                                            <select class="custom-select custom-select-lg pl-0">
                                                <option selected="">All categories</option>
                                                <option value="1">Business</option>
                                                <option value="2">Education</option>
                                                <option value="3">Entertainment</option>
                                                <option value="4">Food & Restaurant</option>
                                                <option value="5">Shopping</option>
                                                <option value="6">Outdoor Activities</option>
                                                <option value="7">Art & History</option>
                                            </select>
                                            <div class="input-focus-bg rounded-0 shadow-none border-top-0 border-right-0 border-left-0"></div>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-xl-3 pt-3 pt-xl-0">
                                    <button type="submit" class="btn btn-block btn-lg btn-round btn-dark-gray mb-xl-0">Search location</button>
                                </div>

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

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