.container {
    width: 100%; /* Đặt chiều rộng của container */
    margin-left: auto;
    margin-right: auto; /* Căn giữa theo chiều ngang */
    background-color: #D9D9D9;
    color: blue;
}

.form-grid {
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(1, 1fr); /* Mặc định 1 cột */
    font-size: 22px;
   
}

.form-group {
    display: flex;
    flex-direction: column;
}

.radio-group {
    font-size: 24px;
    color: blue;
}

.form-group label {
    margin-top: 5px;
    margin-bottom: 2px;
    font-size: 22px;
    font-weight: bo;
}

.form-group input, .form-group select {
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 22px;
}

.btn-custom {
    margin-top: 10px;
    margin-bottom: 2px;
    color: blue;
    background-color: chartreuse;
    border-radius: 10px; /* Bo góc nút */
    font-size: 24px; /* Kích thước chữ lớn hơn */
    font-weight: bold; /* Tăng độ đậm của chữ */
    cursor: pointer; /* Thay đổi con trỏ khi hover */
}
/* Thiết lập responsive cho các thiết bị lớn hơn */
@media (min-width: 600px) {
    .form-grid {
        grid-template-columns: repeat(2, 1fr); /* Chia thành 2 cột */
    }
}

@media (min-width: 900px) {
    .form-grid {
        grid-template-columns: repeat(3, 1fr); /* Chia thành 3 cột */
    }
}