<li class="pi-draggable active" draggable="true" ondragstart="return dragStart(event)"> 
    <section class="about-area about-one">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="about-title text-center">
                        <h2 class="title fw-bold">Why Choose Us</h2>
                    </div>
                </div>
            </div>
            <!-- row -->
            <div class="row justify-content-center">
                <div class="col-md-4 col-sm-8">
                    <div class="single-about-items">
                        <div class="items-icon">
                            <i class="lni lni-bullhorn"></i>
                        </div>
                        <div class="items-content">
                            <h4 class="items-title">Digital Marketing</h4>
                            <p class="text">
                                Short description for the ones who look for something new
                            </p>
                        </div>
                    </div>
                    <!-- single about items -->
                </div>
                <div class="col-md-4 col-sm-8">
                    <div class="single-about-items">
                        <div class="items-icon">
                            <i class="lni lni-investment"></i>
                        </div>
                        <div class="items-content">
                            <h4 class="items-title">Consulting Services</h4>
                            <p class="text">
                                Short description for the ones who look for something new
                            </p>
                        </div>
                    </div>
                    <!-- single about items -->
                </div>
                <div class="col-md-4 col-sm-8">
                    <div class="single-about-items">
                        <div class="items-icon">
                            <i class="lni lni-handshake"></i>
                        </div>
                        <div class="items-content">
                            <h4 class="items-title">Business Solutions</h4>
                            <p class="text">
                                Short description for the ones who look for something new
                            </p>
                        </div>
                    </div>
                    <!-- single about items -->
                </div>
            </div>
            <!-- row -->
        </div>
        <!-- container -->
    </section>
</li>
<li class="pi-draggable" draggable="true" ondragstart="return dragStart(event)">
    <section class="about-area about-two">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="about-title text-center">
                        <div class="section-title">
                            <h2 class="fw-bold">Our Key Features</h2>
                            <p>
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do
                                eiusmod tempor incididunt ut labore et dolore magna aliqua.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- row -->
            <div class="row justify-content-center">
                <div class="col-xl-5 col-lg-6 col-md-8 col-sm-11">
                    <div class="single-features-one-items text-center">
                        <div class="features-image">
                            <img src="<?php echo SITE_PATH; ?>assets/images/about/about-02/viral.svg" alt="image" />
                        </div>
                        <div class="features-content">
                            <h3 class="features-title">Social Media Marketin</h3>
                            <p class="text">
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et
                                dolore magna aliqua.
                            </p>
                        </div>
                    </div>
                    <!-- single features one items -->
                </div>
                <div class="col-xl-5 col-lg-6 col-md-8 col-sm-11">
                    <div class="single-features-one-items text-center">
                        <div class="features-image">
                            <img src="<?php echo SITE_PATH; ?>assets/images/about/about-02/remote-team.svg" alt="image" />
                        </div>
                        <div class="features-content">
                            <h3 class="features-title">Dedicated Team</h3>
                            <p class="text">
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et
                                dolore magna aliqua.
                            </p>
                        </div>
                    </div>
                    <!-- single features one items -->
                </div>
            </div>
            <!-- row -->
        </div>
        <!-- container -->
    </section>
</li>
