<div class="component-section bg-gray">
    <div class="container">
        <div class="row justify-content-center  text-center">
            <div class="col-md-4">
                <div class="steps-solid mb-md-5 mb-3">
                    <i class="vl-finger-touch icon-lg"></i>
                    <span class="step-number">
                        01
                    </span>
                </div>
                <div class="steps-info">
                    <h6 class="mb-3">شروع بازاریابی</h6>
                    <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="steps-solid mb-md-5 mb-3">
                    <i class="vl-clip2 icon-lg"></i>
                    <span class="step-number">
                        02
                    </span>
                </div>
                <div class="steps-info">
                    <h6 class="mb-3">مشارکت بازدیدکنندگان</h6>
                    <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="steps-solid step-last mb-md-5 mb-3">
                    <i class="vl-avatar-boy icon-lg"></i>
                    <span class="step-number">
                        03
                    </span>
                </div>
                <div class="steps-info">
                    <h6 class="mb-3">ایجاد کاربر</h6>
                    <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.</p>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="component-section">
    <div class="container">
        <div class="row justify-content-center  text-center">
            <div class="col-md-4">
                <div class="steps-dashed mb-md-5 mb-3">
                    <i class="vl-finger-touch icon-lg"></i>
                    <span class="step-number">
                        01
                    </span>
                </div>
                <div class="steps-info">
                    <h6 class="mb-3">شروع بازاریابی</h6>
                    <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="steps-dashed mb-md-5 mb-3">
                    <i class="vl-clip2 icon-lg"></i>
                    <span class="step-number">
                        02
                    </span>
                </div>
                <div class="steps-info">
                    <h6 class="mb-3">مشارکت بازدیدکنندگان</h6>
                    <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="steps-dashed step-last mb-md-5 mb-3">
                    <i class="vl-avatar-boy icon-lg"></i>
                    <span class="step-number">
                        03
                    </span>
                </div>
                <div class="steps-info">
                    <h6 class="mb-3">ایجاد کاربر</h6>
                    <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.</p>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="component-section gradient-primary">
    <div class="container">
        <div class="row justify-content-center  text-center">
            <div class="col-md-4">
                <div class="steps-dashed-light mb-md-5 mb-3">
                    <i class="vl-finger-touch icon-lg"></i>
                    <!--<span class="step-number">-->
                    <!--01-->
                    <!--</span>-->
                </div>
                <div class="steps-info">
                    <h6 class="mb-3">شروع بازاریابی</h6>
                    <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="steps-dashed-light mb-md-5 mb-3">
                    <i class="vl-clip2 icon-lg"></i>
                    <!--<span class="step-number">-->
                    <!--02-->
                    <!--</span>-->
                </div>
                <div class="steps-info">
                    <h6 class="mb-3">مشارکت بازدیدکنندگان</h6>
                    <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="steps-dashed-light step-last mb-md-5 mb-3">
                    <i class="vl-avatar-boy icon-lg"></i>
                    <!--<span class="step-number">-->
                    <!--03-->
                    <!--</span>-->
                </div>
                <div class="steps-info">
                    <h6 class="mb-3">ایجاد کاربر</h6>
                    <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.</p>
                </div>
            </div>
        </div>
    </div>
</div>