.main.landing-page-success {
    background-color: #fff;
}
.app-image {
    flex: 1;
}

.app-image img {
    float: right;
}

.app-marketing.desktop {
    float: left;
}

#landing-page-container {
    display: flex;
    padding: 30px;
    width: 80%;
}

#landing-page-container a:hover {
    color: var(--cash-color-dark);
    text-decoration: none;
}

#landing-page-container a.email-signup:hover {
    color: #FFFFFF;
}

.desktop-offers-link a {
    padding-top: 78px;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    text-decoration: underline solid var(--cash-color);
}

.desktop-offers-link a:hover {
    color: var(--cash-color-dark) !important;
    text-decoration: underline solid var(--cash-color-dark) !important;
}

.email-signup {
    margin: 0;
    max-width: 343px;
}

#google_button_container {
    justify-content: left !important; /* !important used to override justify-content set in google_login.css */
    margin: 10px 0;
}

.highlighted {
    color: var(--cash-color);
}

.logging-in {
    margin: 18px 0;
    max-width: 343px;
    background-color: #FFFFFF;
}

.logging-in-text {
    color: var(--coal-color);
}

.main {
    background-color: #E8FAF6;
}

.page-copy {
    flex: 2;
    padding: inherit;
}

.page-copy h1 {
    color: var(--coal-color);
    font-family: 'Poppins Regular';
    font-size: 40px;
    font-weight: 700;
    line-height: 60px;
    text-align: left;
    margin: 0;
}

.page-copy h2 {
    color: var(--coal-color);
    font-family: 'Poppins Regular';
    padding-top: 35px;
    font-size: 36px;
    font-weight: 700;
    line-height: 54px;
    text-align: left;
    margin: 0;
    margin-bottom: 0.5rem;
}

.signup-disclaimer {
    float: left;
    margin: 20px 0;
}

.subtitle {
    text-align: left;
}

.subtitle a {
    color: var(--cash-color) !important;
    cursor: pointer;
}

.subtitle a:hover {
    color: var(--cash-color-dark) !important;
}

.landing-page-success .page-copy {
    text-align: center;
}

.landing-page-success .page-copy h3 {
    padding-top:35px;
    font-weight:700;
    font-size:38px;
    font-style:normal;
    line-height:57px;
    color:var(--coal-color);
}

.landing-page-success .page-copy .success-text {
    display: flex;
    align-items: center;
    justify-content: center;
}

.landing-page-success .page-copy .success-text p {
    color: var(--coal-color);
    max-width: 370px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
}

.landing-page-success .page-copy .app-icons {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 0 30px 0;
}

.qr-code-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.qr-code-container .background-qr-code {
    background: url("/account/assets/img/views/welcome/qr_code_bg.png");
    background-size: contain;
    background-repeat: no-repeat;
}

.qr-code-container img.qr-code {
    margin: 2rem;
    border-radius: 20px;
}

.qr-code-container .scan-container {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
}

.qr-code-container i.scan-icon {
    content: url("/account/assets/img/views/welcome/scan-icon.svg");
    margin: 0.5rem;
    margin-left: 0;
}

.qr-code-container p {
    margin: 0;
}

.qr-code-container hr {
    opacity: 100%;
    width: 50%;
    margin: 1rem;
}

.app-icons .app-icons-play {
    width:138px;
}

#phone-and-coin-scaled {
    width: 268px;
    height: 515px;
}

.form-control.is-invalid {
    background-image: url("/shared/assets/img/exclamation-circle-fill.svg");
}

.promo-code-success {
    font-weight: bold;
    margin: 13px;
}

.lp-highlight {
    color: var(--cash-color);
}

@media(max-width: 1024px) {
    #landing-page-container {
        width: 90%;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .app-icons {
        display: flex;
        justify-content: center;
    }
}

@media(max-width: 767px) {
    .app-icons {
        display: flex;
        justify-content: center;
    }

    .app-image {
        display: flex;
        justify-content: center;
        margin-left: 25px;
        margin-top: 20px;
    }

    #landing-page-container {
        display: block;
        width: 100%;
        padding-top: 30px;
    }

    .email-signup {
        margin: 0 auto;
    }

    #google_button_container {
        display: flex;
        justify-content: center !important; /* !important used to override the value set outside of the media query */
    }

    .page-copy {
        padding: 0;
    }

    .page-copy h1 {
        font-size: 22px;
        line-height: 33px;
        text-align: center;
    }

    .page-copy h2 {
        font-size: 18px;
        line-height: 27px;
        text-align: center;
    }

    #copy-phone-separator {
        display: none;
    }

    .signup-disclaimer {
        float: none;
        text-align: center;
        margin-bottom: 0;
    }

    .subtitle {
        text-align: center;
    }

    .qr-code-container {
        display: none;
    }

    .landing-page-success .page-copy h3 {
        padding-top: 20px;
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 30px;
    }

    .landing-page-success .page-copy .success-text p {
        color: var(--coal-color);
        max-width: 300px;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 21px;
    }
}