<div class="container">
    <h2 class="text-center mb-3">How it Works?</h2>
    <div class="row">
        <div class="col-md col-12 text-md-left text-center cloneable my-4">
            <div class="d-flex">
                <div class="mw-elements-number mr-3 align-self-center text-primary">1.</div>
                <h1 class="mb-2">Let’s go to the space</h1>
            </div>
            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
        </div>

        <div class="col-md col-12 text-md-left text-center cloneable my-4">
            <div class="d-flex">
                <div class="mw-elements-number mr-3 align-self-center text-primary">2.</div>
                <h1 class="mb-2">Let’s go to the space</h1>
            </div>
            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
        </div>

        <div class="col-md col-12 text-md-left text-center cloneable my-4">
            <div class="d-flex">
                <div class="mw-elements-number mr-3 align-self-center text-primary">3.</div>
                <h1 class="mb-2">Let’s go to the space</h1>
            </div>
            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
        </div>
    </div>
</div>

