.content-banner {
    color: var(--color-secondary-a);
    padding: 4rem 2rem
}

.content-banner a {
    margin-bottom: 0
}

.content-banner a.link:hover {
    color: #3baf58;
}

.content-banner.-bg-a {
    background-color: #f5f1e9;
    background-color: var(--color-bg-a)
}

.content-banner.-bg-b {
    /* background-color: #f9f7f5;
    background-color: var(--color-bg-b) */
    background: url('../../vh_pattern_helix_dark_blue_rgb_250729.png') 50%/cover no-repeat;
    /* color: white; */
}

.content-banner.-bg-white {
    background-color: #fff;
    background-color: var(--color-white)
}

.content-banner.-bg-ecru {
    background-color: #f2eee4;
    /* background: url(../../bg-ecru.d382d080.jpg) 50%/cover no-repeat */
}

.content-banner.-bg-c {
    background-color: #504941;
    background-color: var(--color-bg-c)
}

.content-banner.-bg-d {
    background-color: #005d83;
    background-color: var(--color-secondary-a);
    /* background: url('../../vh_pattern_full_w_helix_rgb_250729.png') 50%/cover no-repeat; */
    color: white;
}

.content-banner.-bg-c,
.content-banner.-bg-d,
:is(.content-banner.-bg-c, .content-banner.-bg-d) a {
    color: var(--color-white)
}

:is(.content-banner.-bg-c, .content-banner.-bg-d) .button {
    background-color: #fff;
    background-color: var(--color-white);
    color: var(--color-primary);
    outline-color: #fff;
    outline-color: var(--color-white)
}

:is(.content-banner.-bg-c, .content-banner.-bg-d) .button:hover {
    background-color: #3baf58;
}

:is(.content-banner.-bg-c, .content-banner.-bg-d) .secondary-button {
    border-color: #fff;
    border-color: var(--color-white)
}

:is(.content-banner.-bg-c, .content-banner.-bg-d) .secondary-button:hover {
    border-color: #3baf58;
}

.content-banner__wrapper {
    flex-direction: column;
    /* max-width: 80rem; */
    margin: 0 auto;
    display: grid;
}

.content-banner__content {
    color: inherit
}

.content-banner__content h3 {
    border-bottom: 1px solid #bfbdbe;
    border-bottom: 1px solid var(--color-nuetral-b);
    margin-bottom: 2.4rem;
    padding-bottom: 2.4rem;
    font-size: 2.4rem;
    line-height: 3.6rem
}

.content-banner__content p {
    margin-bottom: 2.4rem;
    font-size: 1.6rem;
    line-height: 2.4rem
}

.content-banner__buttons {
    grid-gap: 1.24rem;
    flex-wrap: wrap;
    grid-auto-columns: max-content;
    grid-auto-flow: column;
    align-items: baseline;
    margin-bottom: 2rem;
    display: flex
}

.content-banner__image {
    width: 100%
}

.content-banner__image img {
    border-radius: 2px;
    max-width: 100%
}

@media (min-width:1024px) {
    .content-banner {
        padding-top: 6rem;
        padding-bottom: 6rem
    }

    .content-banner__wrapper {
        grid-gap: 2rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: center;
        max-width: 112rem;
        margin: 0 auto;
        display: grid
    }

    .content-banner__content h3 {
        font-size: 3.2rem;
        line-height: 4.8rem
    }
}

/*# sourceMappingURL=content-banner.css.map */