body {
}

@media (max-width: 768px) {
    .container {
        padding: 0 15px; /* Ensure container doesn’t touch the edges */
    }

    .form-group {
        margin-bottom: 15px; /* Space between form elements */
    }

    button {
        width: 100%; /* Make button full width on mobile */
    }
}

.form-control {
    width: 100%; /* Ensures form controls fill the available space */
}


.container {
    width: 100%; /* Ensure the container fills the width of the viewport */
    max-width: 100%; /* Prevent any width limit on small screens */
    padding: 0 15px; /* Add some padding for spacing */
}

@media (max-width: 768px) {
    .container {
        padding-left: 10px;
        padding-right: 10px; /* Reduce padding on smaller screens if necessary */
    }
}

body {
    overflow-x: hidden; /* To prevent horizontal scrolling */
    margin: 0; /* Remove any default margin that might cause overflow */
}