<div class="{% if content.header_img is defined and content.header_img is not empty %}main-title{% else %}small-main-title{% endif %} br8 mt-40px mb-40px aic frame-overflow"> <div class="jcc dflex solution-container-print"> {% if block.frame_img is defined and block.frame_img is not empty %} <img src="{{ block.frame_img.formats['1000x.webp'] }}" srcset="{{ block.frame_img.formats['300x.webp'] }} 300w, {{ block.frame_img.formats['600x.webp'] }} 600w, {{ block.frame_img.formats['1000x.webp'] }} 1000w" sizes="1000px" alt="{{ block.frame_img | copyright_or_description_or_title }}" class="br8 w100 frame-image" width="{{ block.frame_img.fileVersion.properties.width }}" height="{{ block.frame_img.fileVersion.properties.height }}"> {% endif %} <div class="frame-flex-container w100 dflex jcse mt-2p5em mb-3p5em p-1em"> <div class="frame-pics p-2440 fdc aic br6"> {% if block.frame1_title is defined and block.frame1_title is not empty %} <h2 class="frame-title corange wd100 lh28 fs20 fw500 dflex tac">{{ block.frame1_title }}</h2> {% endif %} {% if block.frame1_text is defined and block.frame1_text is not empty %} <div class="text-flex fw400 fs16 lh24 framed">{{ block.frame1_text | raw }}</div> {% endif %} </div> <div class="frame-pics p-2440 fdc aic br6"> {% if block.frame2_title is defined and block.frame2_title %} <h2 class="frame-title corange wd100 lh28 fs20 fw500 dflex tac">{{ block.frame2_title }}</h2> {% endif %} {% if block.frame2_text is defined and block.frame2_text is not empty %} <div class="text-flex fw400 fs16 lh24 framed">{{ block.frame2_text | raw }}</div> {% endif %} </div> </div> </div> <div class="background-color-orange"></div></div>