<div class="row clearfix skills-09">
    <div class="col-12" style="text-align:center">
        <h2 style="letter-spacing: 11px;">TEAM SKILLS</h2>
        <p class="h6">DISCOVER HOW GOOD WE ARE</p>
        <div class="spacer height-40"></div>
    </div>
</div>
<div class="row clearfix skills-09">
    <div class="col-12 col-md-3" style="text-align:center;">
        <p class="h1 mb-3">
            <i class="icon fas fa-heart"></i>
        </p>
        <p class="mb-0">WEB DESIGN</p>
        <p class="display-3" style="font-weight: 400;">
            <span class="scrolling-numbers">87</span>
            %
        </p>
    </div>
    <div class="col-12 col-md-3" style="text-align:center;">
        <p class="h1 mb-3">
            <i class="icon fas fa-life-ring"></i>
        </p>
        <p class="mb-0">WEB DEVELOPMENT</p>
        <p class="display-3" style="font-weight: 400;">
            <span class="scrolling-numbers">92</span>
            %
        </p>
    </div>
    <div class="col-12 col-md-3" style="text-align:center;">
        <p class="h1 mb-3">
            <i class="icon fas fa-camera"></i>
        </p>
        <p class="mb-0">PHOTOGRAPHY</p>
        <p class="display-3" style="font-weight: 400;">
            <span class="scrolling-numbers">77</span>
            %
        </p>
    </div>
    <div class="col-12 col-md-3" style="text-align:center;">
        <p class="h1 mb-3">
            <i class="icon fas fa-globe-europe"></i>
        </p>
        <p class="mb-0">BRANDING</p>
        <p class="display-3" style="font-weight: 400;">
            <span class="scrolling-numbers">80</span>
            %
        </p>
    </div>
</div>
