<div class="section pt-5">
    <div class="container">
        <div class="row mt-5">

            <div class="col-lg-6 align-self-center">
                <div class="px-xl-5 pt-2 pb-4 pb-md-5 mb-5 overflow-hidden">
                    <div class="add-animate" data-animated="fadeInLeft">

                        <div class="mb-5">

                            <h5 class="font-weight-400">We Do Everything You Need</h5>

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

                            <h2 class="h1 section-title-4 text-left font-weight-800 mb-4">
                                Great Choice For You
                                <div class="title-divider-round"></div>
                            </h2>

                            <div class="lead-sm pt-2">
                                Duis pretium purus eget cursus molestie magna pulvinar consequat magna nec malesuada sapien erat nullam ornare dictum magna dignissim
                            </div>

                        </div>

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

                        <a href="#" class="btn btn-lg btn-primary mr-3 mb-md-0"><i class="fas fa-long-arrow-alt-right"></i>View details</a>
                        <a href="#" class="btn btn-lg btn-success mb-md-0"><i class="fas fa-long-arrow-alt-right"></i>Get a quote</a>

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

            <div class="col-lg-6 align-self-end">
                <div class="text-center px-md-4 px-lg-0">
                    <img src="../../assets/images/upload/services-benefits-img-01.png" alt="image" class="img-fluid add-animate" data-animated="fadeInRight">
                </div>
            </div>

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