<div class="score mtl">
            <h2 class="happy-title color-framboise u-uppercase mbm">Happy score</h2>
            <div class="score-diagram mrauto mlauto flex-container align-center justify-center">
                <div class="pie">
                    <style type="text/css">
                    @keyframes countdown {
                        from {
                          stroke-dashoffset: 0px;
                        }
                        to {
                          stroke-dashoffset: {{ 754 * (1 - (100 -  $res ) /100 }};
                        }
                      }
                    </style>
                    <svg>
                        <circle r="120" cx="150" cy="150"></circle>
                    </svg>
                </div>
                <div class="pourcent color-framboise font-headings w100">{{ $res }}%</div>
            </div>

        </div>