/* General Form Styling */ .wpcf7 input, .wpcf7 textarea, .wpcf7 select { width: 100%; padding: 12px; margin-bottom: 15px; border: 1px solid #ddd; border-radius: 5px; font-size: 16px; background: #fff; transition: all 0.3s ease; } .wpcf7 input:focus, .wpcf7 textarea:focus, .wpcf7 select:focus { border-color: #6a0dad; outline: none; box-shadow: 0 0 5px rgba(106, 13, 173, 0.2); } .wpcf7-submit { background: linear-gradient(to right, #a167ff, #c084fc); color: #fff; padding: 12px; border: none; border-radius: 5px; font-size: 18px; cursor: pointer; transition: all 0.3s ease; } .wpcf7-submit:hover { background: linear-gradient(to right, #8643ff, #b06efb); } /* Align fields in a grid */ .wpcf7-form { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; max-width: 600px; margin: auto; } .wpcf7-form input, .wpcf7-form textarea, .wpcf7-form select { grid-column: span 2; } .wpcf7-form input[name="your-name"], .wpcf7-form input[name="your-email"] { grid-column: span 1; } .wpcf7-form input[name="your-phone"], .wpcf7-form input[name="your-location"] { grid-column: span 1; } .wpcf7-form select[name="your-country"] { grid-column: span 2; } .wpcf7-form textarea { grid-column: span 2; } .wpcf7-submit { grid-column: span 2; text-align: center; }