{% if showBreadcrumb %}
  {% include 'components/_breadcrumb' with {
    breadcrumb: breadcrumb
  } %}
{% endif %}
<section class="masterHeadSimpleElement" data-mshs-41139>
  {% if backgroundImage %}
    {% include 'components/_imageTransformsSimple' with {
      img: backgroundImage,
      setClass: 'img-absolute',
      alt: title ?? backgroundImage.title,
      notLazy: false
    } only %}
  {% endif %}
  {% if (title|length) > 0 or (description|length) > 0 %}
    <div class="container masterHeadSimple pt-5 mt-3 text-start">
      <section class="col-12 col-lg-9">
        {% if (title|length) > 0 %}
          <h1 class="title">
            {{ title }}
          </h1>
        {% endif %}
        {% if (description|length) > 0 %}
          <div class="description">
            {{ description }}
          </div>
        {% endif %}
        {% include 'components/_btnArrow' with {
          btn: link,
          Highlight: true,
          classCustom: 'masterHeadSimple__btn',
          parentClass: 'd-inline-block mt-3'
        } only %}
      </section>
    </div>
  {% endif %}
</section>