.custom-checkbox { 
    display: none;
}

.custom-checkbox + label {
    display: flex;
    align-items: center;
}
.custom-checkbox + label:before {
  font-family: 'Font Awesome 5 Free';
  display: inline-block;
}

.custom-checkbox + label:before { 
    content: "\f0c8";
    font-weight: 100;
    font-size: 18px;
    color: var(--iconColor);
} 

.custom-checkbox:checked + label:before { 
    content: "\f14a"; 
    font-weight: 600;
    font-size: 18px;
    color: var(--primaryColor);
}