<div class="position-relative "> <div class="line-slick position-absolute max-15 zi--1 bgc-555555 t-33 r-0 l-0 he-2"></div> {% if getHistories()|length > 3 %} <div class="zi-9 pointer prev-hist br-50 t-10-sm t-15 he-48-sm he-40 wi-40 wi-48-sm bw-2 bs-solid bc-15683A d-flex align-items-center justify-content-center position-absolute l--50-sm l--25 "> <i class="fas fa-arrow-left fs-21 c-15683A" aria-hidden="true"></i> </div> <div class="zi-9 pointer next-hist br-50 t-10-sm t-15 he-48-sm he-40 wi-40 wi-48-sm bw-2 bs-solid bc-15683A d-flex align-items-center justify-content-center position-absolute r--50-sm r--25 "> <i class="fas fa-arrow-right fs-21 c-15683A" aria-hidden="true"></i> </div> {% endif %} <div class="slick-histories"> {% for key, history in getHistories()|reverse %} <div class="pax-20 text-center text-md-left"> <div class="he-65 d-flex align-items-center justify-content-center"> <div class="img-slick-histories br-100 justify-content-center text-center d-flex mx-auto align-items-center {{ history.isHighlight ? "highLight wi-64 he-64 bgc-15683A " : 'bgc-F7F6F2 wi-52 he-52' }}"> <img src="{{ history.historyCategory ? asset(vich_uploader_asset(history.historyCategory, 'historyCategoryFile')) : asset('assets/img/defhis.svg') }}" alt="{{ history.title }}" class="{{ history.isHighlight ? "wi-40 he-40 " : 'wi-34 he-34 ' }}"/> </div> </div> <div class="text-center dateHistory gilroy-bold may-10"> {{ history.year }} </div> <h4 class=" {{ history.isHighlight ? "c-15683A" : 'c-333333' }} fs-16 gilroy-bold lh2-14 may-10"> {{ history.title }}</h4> <div class="c-555555 fs-16 lh2-14">{{ history.description|raw }}</div> </div> {% endfor %} </div></div>