<style>
/* === CUSTOM CHECKBOX CSS === */
/* On mouse-over, add a style */
.checkbox-field:hover input ~ .checkmark {
border: 2px solid #39b54a;
}
/* When the checkbox is checked, add a background */
.checkbox-field input:checked ~ .checkmark {
 border: 0px;
 background: #6BC878 url(https://assets.website-files.com/5b34f90b0c38d5623f58ee1f/5c644b7cd11115d9ef169986_check-action1.svg) no-repeat center;;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
 content: "";
 position: absolute;
 display: none;
}
/* Show the checkmark when checked */
.checkbox-field input:checked ~ .checkmark:after {
 display: block;
}
/* === CUSTOM RADIO BUTTON CSS === *//* On mouse-over, add a style */
.radio-field:hover input ~ .radiomark {
border: 2px solid #39b54a;
}
/* When the checkbox is checked, add a background */
.radio-field input:checked ~ .radiomark {
 border: 0px;
 background: #6BC878;
}
/* Create the checkmark/indicator (hidden when not checked) */
.radiomark:after {
 content: "";
 position: absolute;
 display: none;
}
/* Show the checkmark when checked */
.radio-field input:checked ~ .radiomark:after {
 display: block;
}
/* Style the indicator (dot/circle) */
.radio-field .radiomark:after {
 top: 8px;
 left: 8px;
 width: 8px;
 height: 8px;
 border-radius: 50%;
 background: #ffffff;
}
</style>