html, body {
    height: 100%; /* Ensure the body takes the full height of the viewport */
}

body {
    display: flex;
    flex-direction: column;
    margin: 0; /* Remove default margin */
}

.container-fluid.flex-grow-1 {
    flex-grow: 1; /* Allow the main content to grow and push the footer down */
}

footer {
    margin-top: auto; /* Push the footer to the bottom */
}