.form__contact{flex-direction:column;gap:1rem;width:100%;padding:0;display:flex}.form__contact .form__wrapper{grid-column-gap:2rem;grid-row-gap:1rem;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;width:100%;display:grid}.form__contact label{font-size:var(--size-xs);flex-direction:column;gap:.5rem;display:flex}.form__contact label span{font-size:inherit;gap:5px;display:inline-flex}.form__contact label span:after{content:" *";color:var(--color-error)}.form__contact label input,.form__contact label select,.form__contact label textarea{font-size:var(--size-xs);background-color:var(--color-white);border:2px solid var(--color-white);border-radius:5px;padding:.4rem .5rem;line-height:1.2;transition:background-color .2s,border-color .2s}.form__contact label input:focus,.form__contact label select:focus,.form__contact label textarea:focus{border-color:var(--color-secondary);background-color:#fff;outline:none}.form__contact .block__textarea{flex-direction:column;width:100%;display:flex}.form__contact .block__textarea textarea{resize:none}.form__contact button{background-color:var(--color-primary);width:fit-content;color:var(--color-white)}.form__contact button:hover{background-color:var(--color-primary-dark)}.form__contact button:after{border-color:var(--color-primary-dark)}@media only screen and (max-width:768px){.form__contact .form__wrapper{grid-template-columns:repeat(1,1fr)}}
