.mobile-1r-1c .grid-content{
    margin: auto;
}

.mobile-2r-1c .row.mx-n2 .region {
    padding-left: 24px;
    padding-right: 24px;
}

.mobile-2r-1c.grid-black-background, .mobile-1r-1c.grid-black-background, .mobile-3r-1c.grid-black-background {
    color: var(--white) !important;
    background-color: var(--black) !important;
    box-shadow: 30vw 0 0 0 var(--black), -30vw 0 0 0 var(--black) !important;
  }

.mobile-2r-1c.grid-gray-background, .mobile-1r-1c.grid-gray-background, .mobile-3r-1c.grid-gray-background {
    color: var(--black) !important;
    background-color: var(--bg-gray) !important;
    box-shadow: 30vw 0 0 0 var(--bg-gray), -30vw 0 0 0 var(--bg-gray) !important;
  }

.mobile-1r-1c.grid-primary-background, .mobile-2r-1c.grid-primary-background, .mobile-3r-1c.grid-primary-background {
    color: var(--white) !important;
    background-color: var(--primary-1) !important;
    box-shadow: 30vw 0 0 0 var(--primary-1), -30vw 0 0 0 var(--primary-1) !important;
   }
.mobile-1r-1c.grid-secondary-background, .mobile-2r-1c.grid-secondary-background, .mobile-3r-1c.grid-secondary-background {
    color: var(--white) !important;
    background-color: var(--secondary-1) !important;
    box-shadow: 30vw 0 0 0 var(--secondary-1), -30vw 0 0 0 var(--secondary-1) !important;
  }

.mobile-2r-1c.grid-gray-background div, .mobile-2r-1c.grid-black-background div, .mobile-2r-1c.grid-no-background div,
.mobile-1r-1c.grid-gray-background div, .mobile-1r-1c.grid-black-background div, .mobile-1r-1c.grid-no-background div,
.mobile-3r-1c.grid-gray-background div, .mobile-3r-1c.grid-black-background div, .mobile-3r-1c.grid-no-background div
{
    background-color: unset !important;
    /* box-shadow: unset !important; */
}

.mobile-2r-1c.grid-gray-background div, .mobile-1r-1c.grid-gray-background div, .mobile-3r-1c.grid-gray-background div {
    color: var(--black) !important;
}

.mobile-2r-1c.grid-black-background div, .mobile-1r-1c.grid-black-background div, .mobile-3r-1c.grid-black-background div {
    color: var(--white) !important;
}

.mobile-2r-1c.grid-gray-background div, .mobile-1r-1c.grid-gray-background div, .mobile-3r-1c.grid-gray-background div
{
    color: var(--black) !important;
}

.mobile-2r-1c.tablet-view, .mobile-3r-1c.tablet-view {
    flex: 0 0 100%;
    max-width: 100%;
}

.mobile-2r-1c.grid-sm-top-padding, .mobile-3r-1c.grid-sm-top-padding, .mobile-1r-1c.grid-sm-top-padding {
    padding-top: 24px;
}

.mobile-2r-1c.grid-sm-bottom-padding, .mobile-3r-1c.grid-sm-bottom-padding, .mobile-1r-1c.grid-sm-bottom-padding {
    padding-bottom: 24px;
}

.mobile-2r-1c.grid-md-top-padding, .mobile-3r-1c.grid-md-top-padding, .mobile-1r-1c.grid-md-top-padding {
    padding-top: 36px;
}

.mobile-2r-1c.grid-md-bottom-padding, .mobile-3r-1c.grid-md-bottom-padding, .mobile-1r-1c.grid-md-bottom-padding {
    padding-bottom: 36px;
}

.mobile-2r-1c.grid-lg-top-padding, .mobile-3r-1c.grid-lg-top-padding, .mobile-1r-1c.grid-lg-top-padding {
    padding-top: 48px;
}

.mobile-2r-1c.grid-lg-bottom-padding, .mobile-3r-1c.grid-lg-bottom-padding, .mobile-1r-1c.grid-lg-bottom-padding {
    padding-bottom: 48px;
}

@media screen and (min-width: 769px) {
    .mobile-2r-1c .first-col-left .region.col-12:first-child > div {
        display: flex;
        justify-content: left;
    }

    .mobile-2r-1c .first-col-center .region.col-12:first-child > div {
        display: flex;
        justify-content: center;
    }

    .mobile-2r-1c .first-col-right .region.col-12:first-child > div {
        display: flex;
        justify-content: right;
    }

    .mobile-2r-1c .second-col-left .region.col-12:last-child > div {
        display: flex;
        justify-content: left;
    }

    .mobile-2r-1c .second-col-center .region.col-12:last-child > div {
        display: flex;
        justify-content: center;
    }

    .mobile-2r-1c .second-col-right .region.col-12:last-child > div {
        display: flex;
        justify-content: right;
    }
}

@media screen and (max-width: 768.9px) {
    .mobile-2r-1c :is(.first-col-left, .first-col-center, .first-col-right, .second-col-left, .second-col-center, .second-col-right) .region.col-12 > div {
        display: flex;
        justify-content: center;
    }
    .col-order-reverse {
        display: grid;
        grid-template-columns: 1fr;
    }

    .col-order-reverse .region:nth-child(1) {
        order: 2;
    }

    .col-order-reverse .region:nth-child(2) {
        order: 1;
    }
}