{% load static %}
{% block onboarding_intro %}

    <div class="modal fade" id="modalOnbIntro" role="dialog" data-bs-backdrop="static" data-bs-keyboard="false">
        <div class="modal-dialog modal-dialog-centered modal-lg modal-dialog-scrollable">
            <div class="modal-content tc-height-perc-90">
                <div class="modal-header px-3 mx-0 white-text no-border onboarding-modal-bg">
                    <div id="divHeaderContentModalOnbIntro"></div>
                    <button id="btnOnbIntroClose" type="button" class="btn-close btn-close-white size-12"></button>
                </div>

                <div id="divBodyModalOnbIntro" class="modal-body">
                </div>

                <div class="modal-footer px-4 d-flex justify-content-start">
                    <button id="btnModalOnbIntroAction" class="btn purple-btn size-14 custom-btn-sm px-5 py-2 mb-1" type="button"> </button>
                </div>
            </div>
        </div>
    </div>

{% endblock %}