.side-by-side-1-across {
    padding: 0;
    margin-bottom: 100px;
    overflow: hidden;
}

.side-by-side-1-across .slides {
    max-width: 1440px;
    margin: 0 auto;
}

.side-by-side-1-across .slide {
    text-align: center;
}

.side-by-side-1-across:not([data-slides-across="2"]) .slide > .inner {
    max-width: none;
    padding: 0;
    margin: 0;
}

.side-by-side-1-across .slide .slide-top,
.side-by-side-1-across .slide .content-section {
    position: relative;
    display: block;
}

.side-by-side-1-across .slide .slide-top {
    z-index: 2;
    padding: 0 15px;
}

.side-by-side-1-across .slide .slide-img {
    background-color: transparent;
    background-image: none;
}

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

.side-by-side-1-across .logo-badge {
    position: absolute;
    inset: auto auto 0 20px;
    z-index: 2;
    transform: rotate(-30deg);
    width: 140px;
    pointer-events: none;
    filter: brightness(0) invert(1);
}

.side-by-side-1-across .slide .content-section {
    z-index: 1;
    padding: 220px 25px 80px;
    margin-top: -152px;
    background: var(--gray-light);
}

.side-by-side-1-across .slide .slide-title {
    position: relative;
    z-index: 2;
    margin-bottom: 36px;
    font-family: var(--montserrat);
    font-weight: bold;
    font-size: 27px;
    line-height: 1.2;
    color: var(--teal);
    text-align: center;
}

.side-by-side-1-across .slide .title-text {
    position: relative;
    z-index: 2;
}

.side-by-side-1-across .slide-title-highlight {
    position: relative;
    z-index: 1;
    padding: 1px 4px 1px;
    background: var(--purple-light);
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    font-family: var(--brice-semibold);
    font-weight: normal;
    line-height: 1.4;
}

.side-by-side-1-across .slide .slide-desc {
    font-family: var(--acumin);
    font-weight: normal;
    font-size: 16px;
    line-height: calc(19.2/16);
    color: var(--gray-dark);
}

@media (min-width: 40em) {
    .side-by-side-1-across .slide > .inner {
        align-items: center;
    }

    .side-by-side-1-across .slide .slide-top {
        padding: 0 0 0 30px;
    }

    .side-by-side-1-across .logo-badge {
        filter: unset;
    }

    .side-by-side-1-across .slide .content-section {
        --padding-inline: 47px;
        padding: 57px var(--padding-inline) 66px calc(var(--padding-inline) + 100vw);
        margin: 0;
        margin-left: -100vw;
        background: none;
    }

    .side-by-side-1-across .slide .content-section::before {
        position: absolute;
        inset: 0 -50vw 0 0;
        z-index: 1;
        display: block;
        background: var(--gray-light);
        content: '';
        pointer-events: none;
    }

    .side-by-side-1-across .slide .content-section > * {
        position: relative;
        z-index: 2;
    }

    /*----- right-aligned images -----*/

    .side-by-side-1-across .slides.slide-right .slide-top {
        padding: 0 30px 0 0;
    }

    .side-by-side-1-across .slides.slide-right .slide .content-section {
        padding-inline: var(--padding-inline) calc(var(--padding-inline) + 100vw);
        margin-right: -100vw;
        margin-left: unset;
    }

    .side-by-side-1-across .slides.slide-right .slide .content-section::before {
        inset: 0 0 0 -50vw;
    }

    /*----- alternating slides -----*/

    .side-by-side-1-across .slides.alternating .slide:nth-child(even) .slide-top {
        padding: 0 30px 0 0;
    }

    .side-by-side-1-across .slides.alternating .slide:nth-child(even) .content-section {
        padding-inline: var(--padding-inline) calc(var(--padding-inline) + 100vw);
        margin-right: -100vw;
        margin-left: unset;
    }

    .side-by-side-1-across .slides.alternating .slide:nth-child(even) .content-section::before {
        inset: 0 0 0 -50vw;
    }

    /*----- alternating slides, right-aligned images -----*/

    .side-by-side-1-across .slides.slide-right.alternating .slide:nth-child(even) .slide-top {
        padding: 0 0 0 30px;
    }

    .side-by-side-1-across .slides.alternating .slide:nth-child(even) .content-section {
        padding-inline: calc(var(--padding-inline) + 100vw) var(--padding-inline);
        margin-left: -100vw;
        margin-right: unset;
    }

    .side-by-side-1-across .slides.slide-right.alternating .slide:nth-child(even) .content-section::before {
        inset: 0 -50vw 0 0;
    }
}

@media (min-width: 64em) {
    .side-by-side-1-across {
        margin-bottom: 142px;
    }

    .side-by-side-1-across .slide > .inner {
        grid-template: auto / 52.15% minmax(0, 1fr);
    }

    .side-by-side-1-across .slide .content-section {
        text-align: left;
    }

    .side-by-side-1-across .logo-badge {
        left: 70px;
        transform: none;
        width: 307px;
    }

    .side-by-side-1-across .slide .slide-title {
        margin-bottom: 50px;
        align-items: flex-start;
        font-size: 45px;
        text-align: left;
    }

    .side-by-side-1-across .slide-title-highlight::before {
        inset: 3px -14px -7px;
    }

    .side-by-side-1-across .slide .slide-desc {
        font-size: 25px;
        line-height: 1.4;
    }

    /*----- right-aligned images -----*/

    .side-by-side-1-across .slides.slide-right .slide > .inner {
        grid-template: auto / minmax(0, 1fr) 52.15%;
    }
    
    /*----- alternating slides -----*/

    .side-by-side-1-across .slides.alternating .slide:nth-child(even) > .inner {
        grid-template: auto / minmax(0, 1fr) 52.15%;
    }
    
    /*----- alternating slides, right-aligned images -----*/
    
    .side-by-side-1-across .slides.slide-right.alternating .slide:nth-child(even) > .inner {
        grid-template: auto / 52.15% minmax(0, 1fr);
    }
}