<style>

.arrow-icon {
  width: 15px;
  height: 15px;
}

.arrow-big .arrow-icon {
  width: 30px;
  height: 30px;
}

</style>


<page>

  <table>
    <col style="width:1415">    
    <tr>
      <td style="height: 53px; background-color: #0d2634; color: #FFF; text-transform: uppercase; text-align: center; font-size: 30px; line-height: 53px; font-weight: bold;">{{'reviews-evolution'|trans}}{% if brandName %} - {{brandName}}{% endif %}</td>
    </tr>
    <tr>
      <td style="height: 673px;">
        {% include 'pdf/reviews-evolution-complete.twig' %}
      </td>
    </tr>
    <tr>
      <td style="height: 53px; background-color: #0d2634; color: #FFF; text-transform: uppercase; text-align: center; font-size: 25px; line-height: 53px; font-weight: bold;"><img src="img/pdf/logo.png" height="40"></td>
    </tr>
  </table>

</page>

<page>

  <table>
    <col style="width:1415">    
    <tr>
      <td style="height: 53px; background-color: #0d2634; color: #FFF; text-transform: uppercase; text-align: center; font-size: 30px; line-height: 53px; font-weight: bold;">{{'reviews-evolution'|trans}}{% if brandName %} - {{brandName}}{% endif %}</td>
    </tr>
    <tr>
      <td style="height: 673px;">
        {% include 'pdf/reviews-and-total-evolution-complete.twig' %}
      </td>
    </tr>
    <tr>
      <td style="height: 53px; background-color: #0d2634; color: #FFF; text-transform: uppercase; text-align: center; font-size: 25px; line-height: 53px; font-weight: bold;"><img src="img/pdf/logo.png" height="40"></td>
    </tr>
  </table>

</page>

