le="width: 40%;"></div>
        </div>
    </div>

    <!-- Error -->
    <div class="fl-aurora fl-error fl-container fl-show" role="alert" aria-live="assertive" aria-atomic="true">
        <div class="fl-content">
            <div class="fl-message">Oops! Something went wrong!</div>
            <button class="fl-close" aria-label="Close error message">×</button>
        </div>
        <div class="fl-progress-bar">
            <div class="fl-progress" style="width: 30%;"></div>
        </div>
    </div>

 