﻿body {

}

.form-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

@media (min-width: 768px) {
    .form-group {
        flex-direction: row;
        align-items: center;
    }

        .form-group > * {
            margin-right: 10px;
        }
}

/* Adjust the vertical spacing for smaller screens */
@media (max-width: 768px) {
    .form-responsive .rz-row {
        gap: 10px; /* Reduce the gap on smaller screens */
    }

    .form-responsive .rz-column {
        /* Ensure full width for columns on smaller screens */
        flex-basis: 100%;
        max-width: 100%;
    }
}

