/* Mainstage S2 — Centered with Trust Logos */

.mstg.v2 {

    /* -- Spacing overrides ---------------------------- */

    --mstg-tls-pd-v-tp:      160;
    --mstg-tls-pd-v-tp-mbl:  80;
    --mstg-tls-pd-v-bt:      160;
    --mstg-tls-pd-v-bt-mbl:  80;

    /* -- Background image opacity --------------------- */

    --mstg-img-bg-o: 1;

    /* -- Body text max-width -------------------------- */

    .mn_wd {
        text-align: left;

        div:not(.mrg_tp) {
            background-color: #363465;
            padding: 1.5rem;
            @media screen and (min-width: 1024px) {
                max-width: 55%;
            }
        }
    }

    p {
        max-width: 58ch;
        /* margin-inline: auto; */
    }

    .fnt_t-big {
        line-height: 1.2;
        font-size: 2.65rem;
        color: #00BECA;
        @media screen and (max-width: 1024px) {
            font-size: 2.2rem;
        }
    }

    .bg::after {
         content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: linear-gradient(
            to bottom,
            rgba(30, 28, 60, 0) 0%,
            rgba(30, 28, 60, 0) 45%,
            rgba(30, 28, 60, 0.35) 70%,
            rgba(30, 28, 60, 0.85) 90%,
            rgba(30, 28, 60, 1) 100%
      );
    }

    @media screen and (max-width: 700px) {
        & {
            padding-bottom: 12rem;
        }

        .bg::after {
            height: 10rem;
            bottom: 0;
            top: auto;
            background: linear-gradient(
                to bottom,
                rgba(255,255,255, 0) 0%,
                rgba(30, 28, 60, 0.15) 90%,
                rgba(30, 28, 60, 0.3) 96%,
                rgba(30, 28, 60, 0.65) 100%
            );
        }
    }
}