{# COLORS VARIATIONS #}{% set theme = slice.theme %}{% set accentColor = 'orange' %}{% set buttonClass = 'button--orange' %}{% if theme == 'blue' %}{% set accentColor = 'violet' %}{% set buttonClass = 'button--violet' %}{% endif %}<div class="slice relative slice--text slice--text--{{ theme }} {{ theme == 'dark' ? 'slice--padding' : '' }} {{ slice.surTitle is defined and slice.surTitle is not null ? 'pt-11' : '' }}"> <div class="fluid-grid"> <div class="row"> <div class="col-12 lg-col-8 lg-col-offset-2 relative"> {% if slice.surTitle is defined and slice.surTitle is not null %} <p class="relative lg:absolute top-0 suptitle font-weight-xbold uppercase"> <span class="inline-block">{{ slice.surTitle }}</span> </p> {% endif %} {% if slice.title is defined and slice.title is not null %} <h2 class="title title--L text-{{ accentColor }} relative font-weight-semibold mb-8"> {{ slice.title }} </h2> {% endif %} {% for block in slice.blocks %} <div class="relative {{ not loop.first ? 'mt-6' : '' }}"> {% if block.subTitle is defined and block.subTitle is not null %} <h3 class="text-green title title--M mb-6">{{ block.subTitle }}</h3> {% endif %} {% if block.subText is defined and block.subText is not null %} <div class="description paragraph paragraph--L font-weight-semibold wysiwyg wysiwyg--{{ theme }} text-{{ accentColor }} mb-4"> {{ block.subText|raw }} </div> {% endif %} {% if block.text is defined and block.text is not null %} <div class="paragraph wysiwyg wysiwyg--{{ theme }}"> {{ block.text|raw }} </div> {% endif %} </div> {% endfor %} {% if slice.cta.label is defined and slice.cta.label is not null %} {% set cta = slice.cta %} {% include 'front/partials/button-arrow.html.twig' with {class: 'mt-8 ' ~ buttonClass } %} {% endif %} </div> </div> </div></div>