/* Ensure the feedback form columns align properly on different screen sizes */
#feedbackForm {
    padding: 15px;
    margin-bottom: -10px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center; /* Center the columns vertically */
}

    /* Ensure the text and button align properly */
    #feedbackForm .col-12 {
        font-size: 12pt;
    }

    #feedbackForm .col-md-6 {
        text-align: left;
        padding-top: 0; /* Remove extra padding */
    }

    #feedbackForm .col-md-3 {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding-left: 0; /* Remove extra padding */
    }

        #feedbackForm .col-md-3 button {
            margin-right: 10px; /* Add margin to space out buttons */
            padding: 10px 15px;
        }

/* Mobile responsiveness (small screens) */
@media (max-width: 768px) {
    #feedbackForm {
        padding: 10px;
        margin-bottom: 0;
        flex-direction: column; /* Stack form elements on mobile */
    }

        #feedbackForm .col-12 {
            font-size: 11pt;
        }

        #feedbackForm .col-md-6,
        #feedbackForm .col-md-3 {
            text-align: center; /* Center text and buttons on mobile */
        }

            #feedbackForm .col-md-3 button {
                margin-top: 10px; /* Stack buttons on top of each other on mobile */
                width: 80%; /* Increase button width on mobile */
            }
}