<div class="section bg-image pt-5 pb-4 pb-lg-0" data-img-src="../../assets/images/upload/startup-benefits-img-02.jpg">

    <div class="container">

        <div class="row mt-5">
            <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2 col-xl-6 offset-xl-3">
                <div class="text-center pt-4 pb-5">

                    <div class="pb-2 mb-4">
                        <div class="zz-separator zz-separator-white zz-separator-narrow ml-auto mr-auto" data-width="98px"></div>
                    </div>

                    <h2 class="h1 font-weight-800 text-white mb-3">Creative App Showcase</h2>

                    <div class="lead-sm text-white-75 mb-4">
                        Pretium dolor cursus molestie magna pulvinar commodo
                    </div>

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

        <div class="row align-items-lg-center">

            <div class="col-md-6 col-lg-4 order-2 order-lg-1">
                <div class="px-4 px-lg-0 pl-xl-4 pr-xl-5">

                    <div class="icon-info-3 pb-2 mb-5 add-animate" data-animated="fadeInLeft">
                        <div class="icon-title d-flex justify-content-start justify-content-lg-end align-items-center mb-3">
                            <img src="../../assets/svg/upload/app-highlight-icon-07.svg" alt="icon" class="mr-3 mr-lg-0 ml-lg-3 order-lg-2" data-width="50px" data-height="50px">
                            <h5 class="mb-0 font-weight-700 text-white text-lg-right order-lg-1">Designed to Sell</h5>
                        </div>
                        <div class="text-white-75 text-lg-right">
                            <p>Aenean sed mattis arcu rhoncus risus duis pretium purus eget cursus molestie</p>
                        </div>
                    </div>

                    <div class="icon-info-3 pb-2 mb-5 add-animate" data-animated="fadeInLeft">
                        <div class="icon-title d-flex justify-content-start justify-content-lg-end align-items-center mb-3">
                            <img src="../../assets/svg/upload/app-highlight-icon-08.svg" alt="icon" class="mr-3 mr-lg-0 ml-lg-3 order-lg-2" data-width="50px" data-height="50px">
                            <h5 class="mb-0 font-weight-700 text-white text-lg-right order-lg-1">Client Targeting</h5>
                        </div>
                        <div class="text-white-75 text-lg-right">
                            <p>Magna nec semper magna quis malesuada dolor nullam ornare in risus</p>
                        </div>
                    </div>

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

                </div>
            </div>

            <div class="col-lg-4 order-1 order-lg-2">
                <div class="text-center px-4 pb-4 mb-5 pb-lg-0 mb-lg-0">
                    <img src="../../assets/images/upload/phone-mockup-08.png" alt="image" class="img-fluid add-animate" data-animated="fadeInUp">
                </div>
            </div>

            <div class="col-md-6 col-lg-4 order-3 order-lg-3">
                <div class="px-4 px-lg-0 pl-xl-5 pr-xl-4">

                    <div class="icon-info-3 pb-2 mb-5 add-animate" data-animated="fadeInRight">
                        <div class="icon-title d-flex justify-content-start align-items-center mb-3">
                            <img src="../../assets/svg/upload/app-highlight-icon-09.svg" alt="icon" class="mr-3" data-width="50px" data-height="50px">
                            <h5 class="mb-0 font-weight-700 text-white">Growth Strategy</h5>
                        </div>
                        <div class="text-white-75">
                            <p>Vestibulum sem ipsum primis metus neca charetra justo sapien purus cursus</p>
                        </div>
                    </div>

                    <div class="icon-info-3 pb-2 mb-5 add-animate" data-animated="fadeInRight">
                        <div class="icon-title d-flex justify-content-start align-items-center mb-3">
                            <img src="../../assets/svg/upload/app-highlight-icon-10.svg" alt="icon" class="mr-3" data-width="50px" data-height="50px">
                            <h5 class="mb-0 font-weight-700 text-white">Configuration</h5>
                        </div>
                        <div class="text-white-75">
                            <p>Hendrerit volutpat in laoreet elementum luctus a consequat bibendum</p>
                        </div>
                    </div>

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

                </div>
            </div>

        </div>

    </div>

    <div class="d-none d-lg-block bg-white mt-lg-up125" data-height="125px"></div>

</div>