.contactForm{ display: flex; flex: none; flex-wrap: wrap; align-items: center; }
.contactForm span{ width: 49%; margin: 0 1% 1em 0; }
.contactForm span.hp{ display: none; }
.contactForm div{ width: 99%; margin: 0 1% 1em 0; }
.contactForm input:not([type=checkbox]), .contactForm select, .contactForm textarea{
    width: 100%; border: none; border-bottom: 3px solid var(--main-color); padding: 0.25em; font-size: 1em;
    background: none;
}
.contactForm input:not([type=checkbox]).error, .contactForm select.error, .contactForm textarea.error{
    background: var( --field-error ); color: var(--main-text)!important;
}
.contactForm div.error{ background: var( --row-error ); }
.contactForm textarea{ height: 10em; }

.contactForm .accept{ display: flex; flex: none; align-items: center; margin: 1em 0; } 
.contactForm .accept dom a{ display: inline-block; width: 2em; aspect-ratio: 1/1; overflow: hidden; border: 3px solid var(--main-color); border-radius: 100%; margin-right: 0.5em; }
.contactForm .accept dom a input{ display: none; }
.contactForm .accept dom a.checked{ background: var(--main-color); }
.contactForm .inline{ color: var(--third-color); }

.contactForm nav{ font-size: 1.5em; margin-top: 0.5em; }