form {max-width: 800px; margin: 0 auto !important; display: block;}

form .flex-row  {column-gap: 4%;}
form .flex-row input {width: 48%; box-sizing: border-box;}

label {color: #000;}
input, textarea {background: none;outline: 0;color: #000;border: 1px solid #000;width: 100%;box-sizing: border-box;padding: 15px 25px;margin-bottom: 10px !important;font-size: 16px;font-style: inherit;color: #000;font-family: inherit;transition: 0.3s;}
input:focus, textarea:focus { border: 1px solid #cc2929;}
textarea {height: 250px;}
button { outline: 0; border: 0; display: block !important;}

.form-btns {display: flex; column-gap: 1%;}
.subtitle p {color: #cc2929;font-weight: bold;text-align: center;padding: 20px 0;}

.check-label { display: flex; align-items: center; padding-bottom: 30px; justify-content: center; user-select: none;}
.check-label input {width: 30px; margin: 0 0 0 30px; cursor: pointer; border: none; overflow: hidden; border-radius: 100%; overflow: hidden; -webkit-appearance: none; height: 30px; padding: 0; transition: 0.3s; background: #fff;}
.check-label input:focus {border: none !important;}
.check-label input::before {content: ''; display: block; position: relative; width: 5px; height: 3px; transform: rotate(45deg); background: #cc2929; right: -7px;top: -15px; transition: 0.3s;}
.check-label input::after {content: ''; display: block; position: relative; width: 15px; height: 3px; transform: rotate(-45deg); background: #cc2929; right: -8px;top: -15px; transition: 0.3s;}

.check-label input:checked {background: #cc2929;}
.check-label input:checked::before {top: 15px; background: #fff;}
.check-label input:checked::after {top: 10px; background: #fff;}

#success-message {background: #000;text-align: center; line-height: 40px; margin: 10px 0;}
#success-message p {color: #fff;text-align: center;}

#systemMessage {background: #000; color: #fff;text-align: center; line-height: 40px; margin: 10px 0;}