.contact-form { display: flex; flex-wrap: wrap; gap: 1rem; } .form-group { flex: 1; min-width: 200px; } .form-group label { display: block; margin-bottom: 0.5rem; font-weight: 500; color: #4a4a4a; } .form-group input, .form-group textarea { width: 100%; padding: 0.75rem; border: 1px solid #d0d0d0; border-radius: 4px; font-size: 1rem; } .form-group textarea { resize: vertical; min-height: 150px; } .submit-btn { background-color: #2e4f3e; color: #f5f5f5; border: none; padding: 0.75rem 2rem; border-radius: 4px; cursor: pointer; font-size: 1rem; font-weight: 500; transition: background-color 0.3s; align-self: flex-end; } .submit-btn:hover { background-color: #3f6b54; } .contact-info { list-style: none; } .contact-info li { margin-bottom: 1rem; display: flex; align-items: center; } .contact-info li i { margin-right: 0.75rem; color: #2e4f3e; }