.registration-form{ padding: 20px; width: 100%;  box-sizing: border-box; margin: auto  }
.registration-form .row{ margin-bottom: 20px; position: relative;}
/*.registration-form .row.required:after { display: block; content: "*"; position: absolute; right: 5px; top:5px; font-size: 14px; color: #ff6f6f  }*/

.row.type-text input,
.row.type-password input
{ padding: 15px;  height: 60px;background: #fff;border: 1px solid #979797; width: 100%; box-sizing: border-box }

.checkbox-wrap{}
.checkbox-wrap input{width: 0;height: 0;opacity: 0;z-index: -1;visibility: hidden; position: absolute}
.checkbox-wrap label {padding-left: 45px; padding-top:0; display: block;position: relative;font-size: 14px; }
.checkbox-wrap label:before {content: "";position: absolute;display: block;transition: all 0.3s linear;opacity: 0.5; top: 3px;left: 0;width: 28px;height: 16px;border: 2px solid #828282;border-radius: 12px; cursor: pointer}

.checkbox-wrap label:after { content: "";position: absolute;display: block;transition: all 0.3s linear;opacity: 0.5;top: 7px;left: 5px;width: 12px;height: 12px;border-radius: 50%;background-color: #828282;cursor: pointer}
.checkbox-wrap input:checked + label:before{ border-color: #fc8507}
.checkbox-wrap input:checked + label:after{ left: 14px; background-color:  #fc8507}
.checkbox-wrap a{ color: inherit; text-decoration: underline}



.registration-form span.error{
    display: block;
    font-size:13px;
    color: #ff3b30;
    padding-top: 5px;
    padding-left: 16px;
    text-align: left;
}

.support-link{ margin-top: 30px; text-align: center;}
.support-link a{ text-decoration: underline; font-weight: bold}

.form-text .text-title{ font-size:18px;  font-weight:bold;color: #fc8507; text-align: center; margin: 15px 0}
.form-text { line-height: 1.5; text-align: center}
.form-text .text-footer{ margin-top: 30px; padding-top: 20px; border-top:1px solid rgb(0 0 0 / 20%); font-size: 13px; opacity: .7}
.form-text .text-link{ margin: 20px 0; text-align: center}
.form-text .text-link a{ cursor: pointer; text-decoration: underline; font-weight: bold; font-size: 14px}
.form-text  .text-links{ display: flex; gap: 30px; justify-content: center}
@media only screen and (min-width: 768px) {
    .form-text .text-title{ font-size:22px;}

}