.whyChooseUsSlide {
    padding: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    min-height: 200vh !important;
    align-items: center;
    align-content: center;
    justify-content: center;
    /* todo use the --desktopMinWidth env variable when they'll be available */
    @media (min-width: 1401px) {
        background: url('../img/backgrounds/796206.jpg?202310291440') center;
    }
    @media (max-width: 1400px) and (min-width: 401px) {
        background: url('../img/backgrounds/796206-mobile.jpg?202310291440') left;
        padding-left: 200px;
    }
    @media (max-width: 400px) {
        background: url('../img/backgrounds/796206-mobile.jpg?202310291440') left;
        padding-left: 100px;
    }
}

.whyChooseUsHeading {
    text-align: justify;
    @media (min-width: 1001px) {
        font-size: 128px !important;
    }
    @media (max-width: 1000px) {
        font-size: 64px !important;
    }
}

.whyChooseUsTextBox {
    box-sizing: border-box;
    color: white;
    font-size: 20px;
    width: 100%;
    text-align: justify;

    @media (min-width: 1401px) { /* todo use the --desktopMinWidth env variable when they'll be available */
        color: white;
        width: 49%;
        padding: 100px;
        font-size: 32px;
    }
}