{%
  set classes = [
  'paragraph',
  'paragraph--type--' ~ paragraph.bundle|clean_class,
  view_mode ? 'paragraph--view-mode--' ~ view_mode|clean_class,
  not paragraph.isPublished() ? 'paragraph--unpublished'
]
%}
{% block paragraph %}
  <div{{ attributes.addClass(classes) }}>
    {{ content.controls }}
    <div class="widget_row" id="{{ paragraph.field_section_anchor.0.value }}">
      {% if paragraph.field_section_background_type.0.value == 'color' %}
      <div class="bg-style-color widget_centered" style="background-color: {{ paragraph.field_section_background_color.0.value.color }};" >
      {% elseif paragraph.field_section_background_type.0.value == 'image' %}
      <div class="bg-style-image widget_centered" style="background-image:  url({{ file_url(paragraph.field_section_background_image.0.entity.uri.value) }});" >
      {% elseif paragraph.field_section_background_type.0.value == 'pattern' %}
      <div class="bg-style-pattern widget_centered" style="background-image:  url({{ file_url(paragraph.field_section_background_pattern.0.entity.uri.value) }});" >
      {% else %}
      <div class="bg-style-none widget_centered">
      {% endif %}
        <div class="widget_centered_container widget_row full_container">
          <div class="container">
            <div class="eye"></div>
            <div class="box_with_bg">

              {% if paragraph.field_section_title is not empty %}
                <h2 class="{{ paragraph.field_section_title_style.0.value}}">
                  <span>
                    {{ paragraph.field_section_title.0.value }}
                    {% if paragraph.field_section_subtitle is not empty %}
                      <b>{{ paragraph.field_section_subtitle.0.value }}</b>
                    {% endif %}
                  </span>
                  <div class="title-line"></div>
                </h2>
              {% endif %}

              {% block content %}
                {{ content }}
              {% endblock %}

            </div>
          </div>
        </div>

        {% if paragraph.field_section_background_img_cap is not empty %}
          <div class="img-caption">
            <p>{{ paragraph.field_section_background_img_cap.0.value }}</p>
          </div>
        {% endif %}

      </div>
    </div>
  </div>
{% endblock paragraph %}