/* Fix for the bottom spacing issues */

html {
    height: 100%;
    scroll-padding-bottom: 0;
}

body {
    min-height: 100%;
    position: relative;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.main-container {
    flex: 1 0 auto;
}

#footer-section {
    flex-shrink: 0;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

footer {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* Remove any potential space caused by margins */
body::after {
    display: none;
}

.content-section:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Ensure the viewport is properly filled */
.content-section#footer-section {
    margin-bottom: 0 !important;
    border-bottom: none !important;
}

/* Remove any margin from the last child element in the footer */
#footer-section > *:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}