<div class="row">
<div class="col-sm-12 text-center">
<div class="elements--title">
<h4>Percentage Radials</h4>
</div>
</div>

<div class="col-sm-6 col-md-3 text-center">
<h6>Ammenity</h6>

<div class="piechart piechart-1" data-size="200" data-value="90">
<div class="piechart__overlay">
<div class="piechart__description"><span class="h3">90%</span></div>
</div>
</div>
</div>

<div class="col-sm-6 col-md-3 text-center">
<h6>Transport</h6>

<div class="piechart piechart-1" data-size="200" data-value="60">
<div class="piechart__overlay">
<div class="piechart__description"><span class="h3">60%</span></div>
</div>
</div>
</div>

<div class="col-sm-6 col-md-3 text-center">
<h6>Nightlife</h6>

<div class="piechart piechart-1" data-size="200" data-value="30">
<div class="piechart__overlay">
<div class="piechart__description"><span class="h3">30%</span></div>
</div>
</div>
</div>

<div class="col-sm-6 col-md-3 text-center">
<h6>Safety</h6>

<div class="piechart piechart-1" data-size="200" data-value="75">
<div class="piechart__overlay">
<div class="piechart__description"><span class="h3">75%</span></div>
</div>
</div>
</div>
</div>
