<style> /* Force-remove theme container styling */ .form-wrapper { width: 100% !important; margin: 0 !important; padding: 0 !important; display: block !important; } /* Remove card styling and theme overrides */ .whatsapp-form { background: #ffffff !important; padding: 0 !important; border: none !important; max-width: 100% !important; width: 100% !important; box-shadow: none !important; border-radius: 0 !important; font-family: Arial, sans-serif; text-align: left !important; } .whatsapp-form h2 { font-size: 20px; margin-bottom: 15px; font-weight: 700; color: #000; text-align: left !important; } .whatsapp-form label { display: block; font-size: 15px; font-weight: 600; margin-bottom: 6px; color: #1a1a1a; } .whatsapp-form input[type="tel"], .whatsapp-form textarea { width: 100%; padding: 12px; border: 1px solid #dcdcdc !important; border-radius: 8px; background: #f9f9f9 !important; font-size: 15px; margin-bottom: 15px; color: #333; box-sizing: border-box; } .whatsapp-form textarea { min-height: 80px; resize: vertical; } .whatsapp-form button { background-color: #34c759 !important; /* green button like screenshot */ color: white !important; padding: 14px; width: 100%; border: none; border-radius: 8px; font-size: 16px; font-weight: bold; cursor: pointer; margin-top: 10px; } .whatsapp-form button:hover { opacity: 0.9; } </style> <div class="form-wrapper"> <form action="https://formspree.io/f/xblkrzyk" method="POST" class="whatsapp-form"> <h2>Get a Free Quote</h2> <label for="phone">Cell Number</label> <input type="tel" id="phone" name="phone" required placeholder="Enter your cell number"> <label for="product">Which product are you interested in?</label> <textarea id="product" name="product" required placeholder="Type the product name here..."></textarea> <button type="submit">Send Message</button> </form> </div>