/* Fix: Remove white space below footer and gray area above footer */
html, body {
    margin: 0 !important;
    padding: 0 !important;
    background-color: #0B7A83 !important; /* Match footer primary color */
}

body {
    background-color: #0B7A83 !important; /* Match footer primary color */
}

.page-wraper {
    background-color: #FFFFFF !important;
    margin: 0 !important;
    padding: 0 !important;
}

#smooth-wrapper, 
#smooth-content {
    background-color: #FFFFFF !important;
    margin: 0 !important;
    padding: 0 !important;
}

.page-content {
    background-color: #FFFFFF !important;
}

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

/* Ensure footer fills the bottom */
footer .container:last-child {
    padding-bottom: 0 !important;
}

/* Fix the separator section to have white background */
.bg-white {
    background-color: #FFFFFF !important;
}

/* Ensure page wrapper extends to footer */
.page-wraper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

#smooth-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
}

#smooth-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.page-content {
    flex: 1;
}