/*inqube custom styling */
.hero-search-box {
    display: none;
}

.about-heading-backdrop, body #sub-banner, .zekerheden, .footer-component {
    background: linear-gradient(270deg, rgb(106, 0, 64) 0%, rgb(16, 44, 107) 19%, rgb(16, 44, 107) 34%, rgb(10, 9, 14) 100%) !important;
}

.submit-form-button::before, .submit-form-button::after {
    background: linear-gradient(270deg, rgb(106, 0, 64) 0%, rgb(16, 44, 107) 19%, rgb(16, 44, 107) 34%, rgb(10, 9, 14) 100%) !important;
}

.custom-home-page {
    position: relative;
    background: #f2f2f2;
    overflow: hidden;
}

#navigation {
    background: linear-gradient(270deg, rgb(106, 0, 64) 0%, rgb(16, 44, 107) 19%, rgb(16, 44, 107) 34%, rgb(10, 9, 14) 100%) !important;
    a {
        color: white !important;
    }
}

body #navigation.sticky {
    background-color: rgba(3, 7, 30, 0.65) !important;

    a {
        color: white !important;
    }
}

#navigation .container .links a span {
    color: white !important;
}

.mobile-menu-button svg {
    fill: white !important;
}

.mobile-menu-button {
    color: white !important;
}

.footer-component {
    background-color: #0F1819;
}

.zekerheden h3, .zekerheden p, .zekerheden h5 {
    color: white !important;
}

html .footer-component h5 {
    color: white !important;
}

html .footer-component a, html .footer-component p {
    color: rgba(255, 255, 255, 0.65) !important;
}

html .footer-component a:hover, html .footer-component p:hover {
    color: white !important;
}

body #navigation .container .links {
    margin-left: auto;
}

body #navigation .container .header-cta {
    margin-left: unset;
}

@media screen and (min-width: 1100px) {
    #navigation .container {
        max-width: 1500px;
    }

    #navigation .container .links {
        gap: 50px;
    }
}