<div class="row clearfix skills-02">
    <div class="col-12" style="text-align:center">
        <h1 class="display-3" style="letter-spacing: 6px;">PROFESSIONAL SKILLS</h1>
        <div class="spacer height-60"></div>
    </div>
</div>
<div class="row clearfix skills-02">
    <div class="col-12 col-md-4" style="text-align:center;">
        <div class="bg-primary h2 text-white rounded-circle shadow-sm d-inline-block mb-3"
             style="width:2.5em;height:2.5em;line-height:2.5em;"
        >
            <p>
                <span class="scrolling-numbers">87</span>
                %
            </p>
        </div>
        <h3>WEB DESIGN</h3>
        <p>Lorem Ipsum is dummy text of the printing industry.</p>
    </div>
    <div class="col-12 col-md-4" style="text-align:center;">
        <div class="bg-secondary h2 text-white rounded-circle shadow-sm d-inline-block mb-3"
             style="width:2.5em;height:2.5em;line-height:2.5em;"
        >
            <p>
                <span class="scrolling-numbers">92</span>
                %
            </p>
        </div>
        <h3>WEB DEVELOPMENT</h3>
        <p>Lorem Ipsum is dummy text of the printing industry.</p>
    </div>
    <div class="col-12 col-md-4" style="text-align:center;">
        <div class="bg-tertiary h2 text-white rounded-circle shadow-sm d-inline-block mb-3"
             style="width:2.5em;height:2.5em;line-height:2.5em;"
        >
            <p>
                <span class="scrolling-numbers">99</span>
                %
            </p>
        </div>
        <h3>CUSTOMER SUPPORT</h3>
        <p>Lorem Ipsum is dummy text of the printing industry.</p>
    </div>
</div>
