description = "Seperator"

[viewBag]
==
<div {% if data.section_seperator_id %}id="{{ data.section_seperator_id }}"{% endif %} class="seperator py-7 {{ data.section_seperator_bg }}">
    <div class="{{ data.section_seperator_container }}">
        <!-- Row  -->
        {% if data.section_seperator_title or data.section_seperator_desc %}
        <div class="row justify-content-center">
            <div class="col-md-7 text-center">
                {% if data.section_seperator_title %}
                <h5 class="mb-0"><span class="badge badge-pill font-weight-normal px-3 py-1 {{ data.section_seperator_color }}">{{ data.section_seperator_title }}</span></h5>
                {% endif %}
                {% if data.section_seperator_desc %}
                <h6 class="text-body line-height-normal display-13 mt-2 mb-0">{{ data.section_seperator_desc }}</h6>
                {% endif %}
            </div>
        </div>
        {% endif %}
        <!-- Row  -->
    </div>
</div>