<div class="section py-5">
    <div class="container">
        <div class="row align-items-center my-4">
                
            <div class="col-lg-6">
                <div class="row pb-4 pb-lg-0 mb-5 mb-lg-0">

                    <div class="col-md-6">
                        <div class="add-animate" data-animated="fadeInDown">

                            <div class="d-none d-md-block" data-height="95px"></div>

                            <img src="../../assets/images/upload/construction-about-us-01.jpg" alt="image" class="img-fluid rounded-lg shadow-lg">

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

                            <img src="../../assets/images/upload/construction-about-us-02.jpg" alt="image" class="img-fluid rounded-lg shadow-lg">

                            <div class="d-md-none" data-height="30px"></div>

                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="add-animate" data-animated="fadeInUp">

                            <img src="../../assets/images/upload/construction-about-us-03.jpg" alt="image" class="img-fluid rounded-lg shadow-lg">

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

                            <img src="../../assets/images/upload/construction-about-us-04.jpg" alt="image" class="img-fluid rounded-lg shadow-lg">

                        </div>
                    </div>

                </div>
            </div>

            <div class="col-lg-6">
                <div class="px-xl-5">
                    <div class="pl-lg-3 add-animate" data-animated="fadeInRight">

                        <div class="mb-5">

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

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

                            <h2 class="h1 font-weight-800 mb-4">Goals & Motivation</h2>

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

                            <div class="lead-sm">
                                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-carrot mb-0">Meet our team</a>

                        <div class="d-none d-lg-block" data-height="95px"></div>

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

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