.contact-us-wapper { width: min(100%, 62rem); margin: 0 auto; padding: clamp(3rem, 7vw, 7rem) var(--section-gutter); }
.contact-us-form-wrapper { max-width: 48rem; margin: 2rem auto 0; }
.contact-us-form { display: grid; gap: 1rem; }
.contact-us-form .form-group { display: grid; gap: .5rem; }
.contact-us-form input, .contact-us-form textarea { width: 100%; min-height: 3.25rem; padding: .9rem 1rem; border: 1px solid var(--line-strong-color); border-radius: 0; background: color-mix(in srgb, var(--background-color) 96%, white); color: var(--text-color); }
.contact-us-form textarea { min-height: 10rem; }
.contact-us-form input:focus, .contact-us-form textarea:focus { outline: 2px solid var(--accent-color); outline-offset: 2px; }
.contact-us-form .send-btn { justify-self: start; }
.hp { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
@media (max-width: 640px) { .contact-us-form .send-btn { width: 100%; justify-self: stretch; } }