.checkbox-container .frm_opt_container {
    display: grid;
    grid-template-columns: repeat(7, 1fr); /* Adjusts the number of columns */
    /* Removed the 'gap' property to avoid the 'unknown property' error */
}

.checkbox-container .frm_checkbox {
    display: flex;
    align-items: center; /* Centers the checkbox vertically */
    margin: 5px; /* Adds space around the items instead of using 'gap' */
}

.frm_label_button_container {
    display: flex;
    flex-direction: column; /* Stack items vertically */
    align-items: center; /* Center-align items horizontally */
    text-align: center; /* Center-align text */
}

.day-name {
    font-size: 0.75em; /* Smaller text for the day name */
    margin-bottom: 4px; /* Space between the day name and number */
}

.day-number {
    font-size: 1.25em; /* Larger text for the day number */
}