     </div>
                </div>
            </div>
        </div>
        
        <div class="card shadow-sm mb-4">
            <div class="card-header py-3">
                <strong><i class="bi bi-question-circle me-2"></i>{% trans %}Tips & Examples{% endtrans %}</strong>
            </div>
            <div class="card-body p-0">
                <div class="list-group list-group-flush">
                    <div class="list-group-item">
                        <ul class="mb-0 ps-4 small">
             