/*Adding these override settings stop modernize the checkboxes and radio buttons.*/

div.checker span {
    background-image: none !important;
    border-radius: 4px;
    border: 1px solid #c8c8c8;
}

    div.checker span.checked {
        background-image: none !important;
        background: #0d6efd !important;
        border: 1px solid #0d6efd !important;
    }
        div.checker span.checked::after {
            content: "\f00c"; /* fa-check-small */
            font-family: "Font Awesome 7 Free";
            font-weight: 900;
            color: #fff;
            position: absolute;
            inset: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 11px;
            pointer-events: none;
        }