﻿html, body {
    width: 100%;
 
}

/* Default (desktop/tablet): only rounded-start */
.form-container {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
}


/* Default: stacked for larger screens */
.checkbox-row {
    display: flex;
    flex-direction: column;
}


/* Mobile view (<= 768px): add rounded-end */
@media (max-width: 768px) {
    html, body {
        width: 90%;
    }

    .form-container {
        border-radius: 1rem !important; /* both start and end */
    }

    .checkbox-row {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

        .checkbox-row .form-check {
            margin-bottom: 0;
        }
}
