<div class="input-group mb-3">
                                                <span class="input-group-text b1" id="basic-addon1"><i class="fa-regular fa-user"></i></span>
                                                <input type="text" class="form-control shadow-none" placeholder="Username" aria-label="Username" aria-describedby="basic-addon1">
                                            </div>
                                            <div class="input-group mb-3">
                                                <input type="text" class="form-control shadow-none"
                                                    placeholder="Recipient's username" aria-label="Recipient's username"
                                                    aria-describedby="basic-addon2">
                                                <span class="input-group-text b1" id="basic-addon2">@example.com</span>
                                            </div>
                                            <div class="mb-3">
                                                <label for="basic-url" class="form-label">Your vanity URL</label>
                                                <div class="input-group">
                                                    <span class="input-group-text b1" id="basic-addon3">https://example.com/users/</span>
                                                    <input type="text" class="form-control shadow-none" id="basic-url"
                                                        aria-describedby="basic-addon3 basic-addon4">
                                                </div>
                                            </div>
                                            <div class="input-group mb-3">
                                                <span class="input-group-text b1">$</span>
                                                <input type="text" class="form-control shadow-none"
                                                    aria-label="Amount (to the nearest dollar)">
                                                <span class="input-group-text b1">.00</span>
                                            </div>
                                            <div class="input-group mb-3">
                                                <input type="text" class="form-control shadow-none" placeholder="Username"
                                                    aria-label="Username">
                                                <span class="input-group-text b1">@</span>
                                                <input type="text" class="form-control shadow-none" placeholder="Server"
                                                    aria-label="Server">
                                            </div>
                                            <div class="input-group">
                                                <span class="input-group-text b1">With textarea</span>
                                                <textarea class="form-control shadow-none" aria-label="With textarea"></textarea>
                                            </div>
                                            
                                        

                                            
                                                <div class="input-group">
                                                    <span class="input-group-text b1">First and last name</span>
                                                    <input type="text" aria-label="First name" class="form-control shadow-none">
                                                    <input type="text" aria-label="Last name" class="form-control shadow-none">
                                                </div>
                                            
                                        

                                            
                                                <!-- Input group with two buttons Left -->
                                                <div class="input-group mb-3">
                                                    <span class="input-group-text b1">$</span>
                                                    <span class="input-group-text b1">0.00</span>
                                                    <input type="text" class="form-control shadow-none" aria-label="Dollar amount (with dot and two decimal places)">
                                                </div>

                                                <!-- Input group with two buttons Right -->
                                                <div class="input-group mb-3">
                                                    <input type="text" class="form-control shadow-none" aria-label="Dollar amount (with dot and two decimal places)">
                                                    <span class="input-group-text b1">$</span>
                                                    <span class="input-group-text b1">0.00</span>
                                                </div>
                                            
                                        

                                            
                                                <!-- Input group with button Left -->
                                                <div class="input-group mb-3">
                                                    <button class="btn rbt-btn" type="button" id="button-addon1">Button</button>
                                                    <input type="text" class="form-control shadow-none" placeholder="" aria-label="Example text with button addon" aria-describedby="button-addon1">
                                                </div>

                                                <!-- Input group with button Right -->
                                                <div class="input-group mb-3">
                                                    <input type="text" class="form-control shadow-none" placeholder="Recipient's username" aria-label="Recipient's username" aria-describedby="button-addon2">
                                                    <button class="btn rbt-btn" type="button" id="button-addon2">Button</button>
                                                </div>

                                                <!-- Input group with two buttons Left -->
                                                <div class="input-group mb-3">
                                                    <button class="btn rbt-btn" type="button">Button</button>
                                                    <button class="btn rbt-btn rbt-btn-gray-light" type="button">Button</button>
                                                    <input type="text" class="form-control shadow-none" placeholder="" aria-label="Example text with two button addons">
                                                </div>

                                                <!-- Input group with two buttons Right -->
                                                <div class="input-group">
                                                    <input type="text" class="form-control shadow-none" placeholder="Recipient's username" aria-label="Recipient's username with two button addons">
                                                    <button class="btn rbt-btn rbt-btn-gray-light" type="button">Button</button>
                                                    <button class="btn rbt-btn" type="button">Button</button>
                                                </div>