.form-row.checkbox input{ width: 0; height: 0; opacity: 0; z-index: -1; visibility: hidden; position: absolute;  background: #fff}
.form-row.checkbox label{ padding-left: 40px;display: block;position: relative;font-size: 13px;line-height: 1.3;color: rgb(255 255 255 /60%);    }
.form-row.checkbox label:before, .form-row.checkbox label:after{ content: ""; position: absolute; display: block;   transition: all 0.3s linear; opacity: 0.8;}
.form-row.checkbox label:before{top:3px;   left: 0; width: 26px; height: 16px; border: 2px solid #bcbcbc; border-radius: 12px;  background: #fff}
.form-row.checkbox label:after{top:8px; left: 7px; width: 10px; height: 10px;  border-radius: 50%;    background-color: #747474;}
.form-row.checkbox input:checked + label:before{ border-color: var(--color1);}
.form-row.checkbox input:checked + label:after{ left: 15px; background-color:  var(--color1)}
.form-row.checkbox label a{text-decoration: underline;}