.side-by-side-1-across-imagebox  {
    max-width: 1100px;
    margin: 0 auto 50px;
}

.side-by-side-1-across-imagebox .slide .img-cont {
    border-radius: 20px 20px 0px 0px;
}

.side-by-side-1-across-imagebox .slide .content-section {
    display: grid;
    place-items: center;
    background-color: var(--navy);
    position: relative;
    padding: 0 0 var(--space-5);
    border-radius: 0px 0px 20px 20px;
}

.side-by-side-1-across-imagebox .slide .content-section .slide-title,
.side-by-side-1-across-imagebox .slide .content-section .slide-title > a  {
    font-size: 20px;
}

.side-by-side-1-across-imagebox .slide .content-section > .inner {
    padding-right: 0px;
    justify-items: center;
}

.side-by-side-1-across-imagebox .slide .content-section > .inner .title-box {
    display: unset;
    text-align: left;
    padding: var(--space-5) var(--space-5) 0px;
}

.side-by-side-1-across-imagebox .slide .content-section .read-more {
    background-color: #A0D9DC;
    text-transform: uppercase;
    display: block;
    color: white;
    width: max-content;
    padding: 8px 10px 5px;
    margin-bottom: 20px;
    margin-top: 10px !important;
}

.side-by-side-1-across-imagebox .slide .content-section .read-more:hover {
    background-color: var(--cerulean);
    color: white !important;
}

.side-by-side-1-across-imagebox .slide .content-section .dotted-lines {
    width: 100%;
    position: relative;
    display: grid;
    height: unset;
    right: 0;
    bottom: 0;
    margin: unset;
}

.side-by-side-1-across-imagebox .slide .content-section .dotted-lines .dotted-line {
    display: block;
    border-top: 2px dotted var(--white);
}

@media (min-width: 40em) {
    .side-by-side-1-across-imagebox .slide > .inner {
        grid-template-columns: 1fr 1fr;
    }

    .side-by-side-1-across-imagebox .slide > .inner .slide-top {
        align-self: center;
    }

    .side-by-side-1-across-imagebox .slide .img-cont {
        border-radius: 0px 20px 20px 0px;
    }

    .side-by-side-1-across-imagebox .slide .content-section {
        border-radius: 20px 0px 0px 20px;
        margin: 20px 0px 20px -20px;
    }

    .side-by-side-1-across-imagebox .slide .content-section > .inner {
        justify-items: start;
        padding-left: 0px;
    }

    .side-by-side-1-across-imagebox .slide .content-section .read-more {
        background-color: #A0D9DC;
        text-transform: uppercase;
        display: block;
        color: white;
        width: max-content;
        padding: 8px 10px 5px;
        margin-bottom: 20px;
        margin-top: 10px !important;
        margin-left: var(--space-5);
    }

    .side-by-side-1-across-imagebox .slide .content-section > .inner .title-box .slide-title,
    .side-by-side-1-across-imagebox .slide .content-section > .inner .title-box .slide-title > a {
        font-size: 20px;
    }

    .side-by-side-1-across-imagebox .slide .content-section > .inner .title-box .slide-title:hover,
    .side-by-side-1-across-imagebox .slide .content-section > .inner .title-box .slide-title > a:hover {
       color: white;
    }

    /* Image right positioning */

    .side-by-side-1-across-imagebox .slide.image-right > .inner {
        grid-template-columns: 1fr 1fr;
    }

    .side-by-side-1-across-imagebox .slide.image-right > .inner .slide-top {
        grid-column: 2;
        grid-row: 1;
    }

    .side-by-side-1-across-imagebox .slide.image-right > .inner .content-section {
        grid-column: 1;
        grid-row: 1;
    }

    .side-by-side-1-across-imagebox .slide.image-right .img-cont {
        border-radius: 20px 0px 0px 20px;
    }

    .side-by-side-1-across-imagebox .slide.image-right .content-section {
        border-radius: 0px 20px 20px 0px;
        margin: 20px -20px 20px 0px;
    }
}

@media (min-width: 64em) {
    .side-by-side-1-across-imagebox .slide .content-section > .inner {
        padding-right: 0px !important;
        padding-top: 45px;
    }

    .side-by-side-1-across-imagebox .slide > .inner {
        grid-template-columns: 1.5fr 1fr;
    }

    .side-by-side-1-across-imagebox .slide .content-section > .inner .title-box .slide-title,
    .side-by-side-1-across-imagebox .slide .content-section > .inner .title-box .slide-title > a {
        max-width: 100% !important;
        font-size: 35px;
    }

    .side-by-side-1-across-imagebox .slide .content-section > .inner .title-box {
        margin: 0px 50px;
    }

    .side-by-side-1-across-imagebox .slide .content-section .read-more {
        margin-left: 70px;
    }

    .side-by-side-1-across-imagebox .slide .content-section .dotted-lines {
        top: 40px;
    }

    .side-by-side-1-across-imagebox .slide .content-section {
        margin: 60px 0px 60px -50px;
    }

    /* Image right positioning */

    .side-by-side-1-across-imagebox .slide.image-right > .inner {
        grid-template-columns: 1fr 1.5fr;
    }

    .side-by-side-1-across-imagebox .slide.image-right .content-section {
        margin: 60px -50px 60px 0px;
    }
}

@media (min-width: 75em) {
    .side-by-side-1-across-imagebox .slide .content-section > .inner .title-box .slide-title,
    .side-by-side-1-across-imagebox .slide .content-section > .inner .title-box .slide-title > a {
        font-size: 54px;
    }

    .side-by-side-1-across-imagebox .slide .content-section .dotted-lines {
        top: 20px;
    }

    .side-by-side-1-across-imagebox .slide .content-section {
        margin: 80px 0px 80px -50px;
    }

    .side-by-side-1-across-imagebox .slide .content-section > .inner .title-box {
        max-width: 65%;
    }

    /* Image right positioning */

    .side-by-side-1-across-imagebox .slide.image-right .content-section {
        margin: 80px -50px 80px 0px;
    }
}