.side-by-side-1-across-fullwidth.blue {
    --color-bg: var(--blue-4d);
    --color-text: var(--white);
}

.side-by-side-1-across-fullwidth.blue .slide .img-cont {
    margin-bottom: 0;
}

.side-by-side-1-across-fullwidth.blue .slide .content-section {
    position: relative;
    background-color: var(--color-bg);
    padding: var(--space-5);
    overflow: hidden;
}

.side-by-side-1-across-fullwidth.blue .slide .content-section::after {
    background-position: 145px 100%;
}

.side-by-side-1-across-fullwidth.blue .slide .slide-title,
.side-by-side-1-across-fullwidth.blue .slide .slide-title a,
.side-by-side-1-across-fullwidth.blue .slide p {
    color: var(--color-text);
}

.side-by-side-1-across-fullwidth.blue .slide .slide-title,
.side-by-side-1-across-fullwidth.blue .slide .slide-title a {
    font-size: 26px;
    line-height: 1.4;
}

.side-by-side-1-across-fullwidth.blue .slide p {
    line-height: 1.8;
    font-size: var(--text-base);
}

.side-by-side-1-across-fullwidth.blue .slide .slide-footer a {
    border: var(--orange-ec);
    background-color: var(--orange-ec);
}

.side-by-side-1-across-fullwidth.blue .slide .content-section::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    background-image: url(/includes/public/assets/shared/white-reeds2.svg);
    background-repeat: no-repeat;
    background-position: 110% 120%;
    background-size: 60%;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
    opacity: 40%;
}

@media screen and (min-width: 40em) {
    .side-by-side-1-across-fullwidth.blue .slide .content-section::after {
        background-position: 120% 130%;
        background-size: 75%;
    }
}

@media screen and (min-width: 64em) {
    .side-by-side-1-across-fullwidth.blue .slide .content-section::after {
        background-position: 110% 240%;
        background-size: 65%;
    }

    .side-by-side-1-across-fullwidth.blue .slide p {
        line-height: 1.8;
    }

    .side-by-side-1-across-fullwidth.blue .slide a.read-more:not(p *),
    .side-by-side-1-across-fullwidth.blue .slide .slide-footer a {
        padding: var(--space-4) var(--space-6);
    }
}