/* ==================== Checkbox Start ==================== */
    .css-checkbox {
        appearance: none;
        background-color: #FFFFFF;
        border: 1.5px solid #90EE90;
        border-radius: 4px;
        cursor: pointer;
        height: 20px;
        position: relative;
        width: 20px;
    }

    .css-checkbox:hover {
        border-color: #45A049;
    }

    .css-checkbox:checked {
        background-color: #90EE90;
    }
    
    .css-checkbox:checked::after {
        border: solid #000000;
        border-width: 0 3px 3px 0;
        content: "";
        height: 10px;
        left: 6px;
        position: absolute;
        transform: rotate(45deg);
        top: 2px;
        width: 5px;
    }
    /* ==================== Checkbox End ==================== */