.form-check-input {
    appearance: none;
    -webkit-appearance: none;
    width: 22px;
    height: 22px;
    border: 3px solid #4a9bec;
    border-radius: 6px; /* กรอบโค้งแบบการ์ตูน */
    background-color: #fff;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease;
}

/* hover effect */
.form-check-input:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 6px rgba(74, 155, 236, 0.3);
}

/* เมื่อถูกเลือก */
.form-check-input:checked {
    background-color: #4a9bec;
    border-color: #4a9bec;
}



/* label จับคู่ให้ดูนุ่มขึ้น */
.form-check-label {
    cursor: pointer;
    margin-left: 6px;
    user-select: none;
}