/* Hide bottom hero wave added by the theme so the hero has a flat bottom */
#iq-home .waves-box,
#iq-home .iq-waves,
.iq-banner .waves-box,
.iq-banner .iq-waves,
#iq-home::after,
.iq-banner::after,
#iq-home .wave,
.iq-banner .wave {
    display: none !important;
    background: none !important;
    height: 0 !important;
}

.iq-banner {
    background-color: #5385b4;
}

.btn-p20 {
    padding: 20px;
}

@media (max-width: 991px) {
    .banner-text {
        margin-top: 100px !important;
    }

    .home-svg {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        visibility: hidden !important;
    }
}

/* ============================================
   Full-height layout - Footer always at bottom
   ============================================ */
html {
    height: 100%;
}

body {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

/* Main content area grows to fill available space */
body > header,
body > nav,
body > .navbar {
    flex-shrink: 0;
}

/* The main content placeholder - grows to push footer down */
#cphMain,
[id$="cphMain"],
main,
.main-content,
body > section:not(footer):not(.footer-wrapper),
body > div:not(#back-to-top):not(.modal):not(.navbar) {
    flex: 1 0 auto;
}

/* Footer stays at bottom */
footer,
.footer-wrapper,
.iq-footer {
    flex-shrink: 0;
    margin-top: auto;
}

/* Back to top button shouldn't affect layout */
#back-to-top {
    flex: none;
}