<div class="section px-4 px-md-5 pb-5">
    <div class="container">
        <div class="row">
            <div class="col">
                <div class="bg-white py-5 p-lg-5">
                    <div class="px-lg-4">

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

                        <div class="row">

                            <!-- Contact form -->
                            <div class="col-lg-10 offset-lg-1">
                                <div class="pl-xl-0">

                                    <div class="text-center">
                                        <h2 class="display-4 font-weight-400 pb-2 mb-4">Get in Touch</h2>
                                        <div class="lead-sm pb-4 mb-5">
                                            Augue sit amet molestie curabitur placerat nunc a mollis aliquam pellentesque justo purus eget donec malesuada est commodo suscipit tempor blandit enim nulla vulputate tincidunt varius
                                        </div>
                                    </div>

                                    <form>
                                        <div class="row">
    
                                            <div class="col-md-6">
                                                <div class="form-group mb-5 pr-md-2 pr-lg-0 pr-xl-2">
                                                    <input type="text" class="form-control form-control-lg rounded-0 shadow-none border-dark border-top-0 border-right-0 border-left-0 px-2" placeholder="Your name *" required="">
                                                </div>
                                            </div>

                                            <div class="col-md-6">
                                                <div class="form-group mb-5 pr-md-2 pr-lg-0 pr-xl-2">
                                                    <input type="email" class="form-control form-control-lg rounded-0 shadow-none border-dark border-top-0 border-right-0 border-left-0 px-2" placeholder="Your email *" required="">
                                                </div>
                                            </div>

                                            <div class="col-12">
                                                <div class="form-group mb-5 pr-md-2 pr-lg-0 pr-xl-2">
                                                    <input type="text" class="form-control form-control-lg rounded-0 shadow-none border-dark border-top-0 border-right-0 border-left-0 px-2" placeholder="Your subject *" required="">
                                                </div>
                                            </div>

                                            <div class="col-12">
                                                <div class="form-group mb-5 pr-md-2 pr-lg-0 pr-xl-2">
                                                    <textarea class="form-control form-control-lg rounded-0 shadow-none border-dark border-top-0 border-right-0 border-left-0 px-2" rows="7" placeholder="Your message *" required=""></textarea>
                                                </div>
                                            </div>
    
                                            <div class="col-12 text-center">
                                                <button type="submit" class="btn btn-lg btn-light shadow-none mb-0">Send Your Message</button>
                                            </div>
    
                                        </div>
                                    </form>

                                </div>
                            </div>

                        </div>

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

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