Folding Tables

<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>