<div class="container">
    <div class="row">
        <div class="title1 text-center">
            <h2 class="uppercase white">How It Works</h2>
        </div>
        <div class="col-sm-3 how-works text-center">
            <div class="icon-circle"><span class="icon-note font60"></span></div>
            <div class="small-circle-no">01</div>
            <h3 class="white m-top3 font25">Collectons</h3>
            <p class="white m-top1">Excepteur sint occaecat cupidatat non proident, sunt culpa only.</p>
        </div>
        <div class="col-sm-3 how-works text-center">
            <div class="icon-circle"><span class="icon-graph font60"></span></div>
            <div class="small-circle-no">02</div>
            <h3 class="white m-top3 font25">Analysis</h3>
            <p class="white m-top1">Excepteur sint occaecat cupidatat non proident, sunt culpa only.</p>
        </div>
        <div class="col-sm-3 how-works text-center">
            <div class="icon-circle"><span class="icon-bulb font60"></span></div>
            <div class="small-circle-no">03</div>
            <h3 class="white m-top3 font25">Visualization</h3>
            <p class="white m-top1">Excepteur sint occaecat cupidatat non proident, sunt culpa only.</p>
        </div>
        <div class="col-sm-3 how-works text-center">
            <div class="icon-circle"><span class="icon-cursor font60"></span></div>
            <div class="small-circle-no">04</div>
            <h3 class="white m-top3 font25">Insights</h3>
            <p class="white m-top1">Excepteur sint occaecat cupidatat non proident, sunt culpa only.</p>
        </div>
    </div>
    <div class="button animate-in text-center m-bottom5" data-anim-type="fade-in-up" data-anim-delay="100"><a class="btn whte-border four font-thin font20" href="#">Get a FREE Quote</a></div>
</div>
