<div class="box py-3 px-4"> <div class="row align-items-center justify-content-center"> <div class="col-12 col-sm"> <div class="row"> <div class="col col-auto pb-2"> <div class="square bg-green-light"> <i class="fal fa-fw fa-users text-green"></i> </div> </div> <div class="col"> <h4 class="text-18 mb-1 text-darker">Performance</h4> <h3 class="text-19 bold mb-3 text-darker">{{ retorno.dados.nome_grupo }} {{ retorno.dados.tipo ? '- ' ~ retorno.dados.tipo : '' }}</h3> <p class="line-height">Este resultado é a média da Performance de todos os avaliados que estão na mesma categoria que você.</p> </div> </div> </div> <div class="col-12 col-sm-auto pt-3 pt-sm-0"> <b class="text-60 d-block pb-3 text-center">{{retorno.dados.performance|default(0) | is_float}}<span class="text-40">%</span></b> <div class="stars white"> <div class="progress" style="width: {{retorno.dados.performance|default(0)}}%"></div> <div class="base"></div> </div> </div> </div></div>