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

            <div class="row mt-6">
                <div class="col-12">
                    <h3 class="h4 mb-4">Text Utilities</h3>
                    <div class="demo-utility-grid">
                        <div class="card p-4">
                            <p class="text-truncate">This is a very long text that will be truncated with ellipsis when it overflows its container.</p>
                        </div>
                        <div class="card p