/* Align radio buttons inline */
.radio-group {
    display: flex;
    gap: 20px; /* Space between each radio button */
}

/* Hide the default radio button */
input[type="radio"] {
    display: none;
}

/* Label styled as a custom radio button (circle) */
.custom-radio {
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #ddd;
    cursor: pointer;
    display: inline-block;
    background-color: currentColor; /* Use the color from the style attribute */
}

/* When the radio button is checked, show a border around it */
input[type="radio"]:checked + .custom-radio {
    border: 4px solid #000; /* Black border for selection indicator */
}