.contact-wrapper {background: #fff; padding: 40px 40px 30px; box-sizing: border-box; border-radius: 0 30px 30px 30px;}

.form-grid {display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px;}
.form-grid #registerSystemMessage, .form-grid #systemMessage, .form-grid .button-group {grid-column: span 2; justify-content: flex-end; gap: 40px;}
#login_form .button-group {margin-top: 20px;}
.form-grid .button-group p a {font-size: 13px; font-weight: 300;}
.form-grid article {}
.form-grid ~ .flex-row {margin-top: 40px;}

#systemMessage .fieldMessage {margin-top: 10px;}

.form-wrapper {width: 100%; max-width: 715px; position: relative;}
.form-wrapper input {font-size: 25px; font-weight: 300; border: 0; padding: 38px 140px 41px 50px; border-radius: 0 50vw 50vw 50vw; width: 100%; box-sizing: border-box; font-family: inherit; line-height: 31px;}
.form-wrapper input::placeholder {opacity: 1; color: #24053A; }
.form-wrapper .button {position: absolute; right: 0px; top: 0px;}

.form-field {}
.form-field label {font-size: 15px; font-weight: 500; display: block; font-family: 'RB-Rational-Neue-Mix-Test'; line-height: 1.5; margin-bottom: 5px;}
.form-field input, .form-field textarea {border: 1px solid #E5E5E5; padding: 15px; box-sizing: border-box; border-radius: 15px; font-family: inherit; font-weight: 500; width: 100%; transition: 0.5s; font-size: 14px;}

.form-field input.highlight-form-field, .form-field textarea.highlight-form-field {border: 1px solid #EA5B55;}

.form-field.textarea {grid-column: span 2;}

.form-field textarea {height: 100px;}

.form-field input:-webkit-autofill,
.form-field input:-webkit-autofill,
.form-field input:-webkit-autofill:hover,
.form-field input:-webkit-autofill:focus {
    background-color: #fff !important;
    box-shadow: 0 0 0px 1000px #fff inset !important;
    -webkit-text-fill-color: #24053A !important;
    border-color: #FF735C !important;
}

.form-field input:-webkit-autofill,
.form-field input:-webkit-autofill:focus {
    transition: background-color 9999s ease-out, color 9999s ease-out;
    -webkit-animation: autofill-fix 0s 9999s both;
}

@keyframes autofill-fix {
    100% {
        background-color: #fff;
        color: #000;
    }
}

.form-field input[data-autocompleted] {
    background-color: transparent !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
  color: #24053A !important;
  -webkit-text-fill-color: #24053A !important;
}


.form-check {display: flex; align-items: center;}
.form-check input {width: 30px; height: 30px; margin-right: 30px; border-radius: 5px; border: 2px solid #ff735c; background: #ff735c00; -webkit-appearance: none; box-sizing: border-box; transition: 0.5s; position: relative;}
.form-check input::before {content: ""; display: block; background: #fff; width: 2px; height: 5px; position: absolute; transform: rotate(-45deg); top: 12px; left: 8px;}
.form-check input::after {content: ""; display: block; background: #fff; width: 2px; height: 12px; position: absolute; transform: rotate(45deg); top: 7px; left: 14px;}
.form-check input:checked {background: #ff735c;}
.form-check label {font-size: 13px; flex: 1;}

.form-field.active-focus input, .form-field.active-focus textarea {border: 1px solid #FF735C;}


/* MESSAGES */

.fieldMessage, #systemMessage.highlight_message {background: #EA5B5520; font-size: 13px; color: #EA5B55; box-sizing: border-box; padding: 8px 15px; font-weight: 400; border-radius: 10px; position: relative; padding-left: 40px; margin-top: 20px; display: inline-block;}
.fieldMessage::before, #systemMessage.highlight_message::before {content: ""; display: block; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; border-radius: 50vw; background: #EA5B55;}
.fieldMessage::after, #systemMessage.highlight_message::after {content: "!"; display: block; position: absolute; top: 50%; left: 18px; transform: translateY(-50%); color: #fff; font-size: 13px;}

#systemMessage.highlight_message {margin: 0 auto 30px; left: 50%; transform: translateX(-50%);}

span.success, #systemMessage.success {background: #72C55F20; font-size: 15px; color: #72C55F; box-sizing: border-box; padding: 8px 15px; font-weight: 400; border-radius: 10px; position: relative; padding-left: 50px; display: inline-block; line-height: 1.5;}
span.success::before, #systemMessage.success::before {content: ""; display: block; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; border-radius: 50vw; background: #72C55F}
span.success::after, #systemMessage.success::after {content: "!"; display: block; position: absolute; top: 50%; left: 23px; transform: translateY(-50%); color: #fff; font-size: 13px;}

#systemMessage.success {left: 50%; transform: translateX(-50%); margin-bottom: 30px;}
#systemMessage p {font-size: 13px; margin: 0; line-height: 1.5;}