/* Style the label of the checkbox */
.filter-checkbox-label {
    display: inline-block;
    margin-bottom: 2px; /* Increased margin for better spacing */
    font-size: 16px; /* Adjusted font size */
    color: #333;
}

/* Style the custom checkbox */
.filter-checkbox-custom {
    display: inline-block;
    width: 20px; /* Adjusted width */
    height: 20px; /* Adjusted height */
    background-color: #fff; /* White background */
    border: 2px solid #333;
    border-radius: 5px; /* Rounded corners */
    cursor: pointer;
    vertical-align: middle;
    margin-right: 10px; /* Increased margin for better spacing */
    accent-color: white;
}


.filter-checkbox-custom:checked + .filter-checkbox-label::before {
    background-color: #333; /* Change background color when checked */
}


/* Style the checkmark inside the custom checkbox */
.filter-checkbox-custom:checked::after {
    content: '';
    display: block;
    width: 10px;
    height: 15px;
    border: solid black;
    border-width: 0 2px 3px 0;
    transform: rotate(35deg);
    margin: 1px auto;
}