.card-image {
    max-width: 338px;
    max-height: 213px;
    float: right;
}

.banner-offset {
    position: absolute;
    bottom: -83px;

    max-width: 930px;
    width: 96vw;

    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 54px 118px 0px rgba(37, 37, 37, 0.04);

    > div {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }

    .copy {
        display: flex !important;
        justify-content: space-between;
        align-self: stretch;
        text-align: center;
    }

    @media only screen and (max-width: 639px) {
        &.banner-offset {
            bottom: -130px;
        }

        .copy {
            display: grid !important;
            grid-template-columns: repeat(2, 1fr);
            grid-template-rows: repeat(2, 1fr);
            gap: 15px;

            text-align: left;

            > div {
                width: 100% !important;
            }
        }
    }

    @media only screen and (max-width: 559px) {
        &.banner-offset {
            width: 95vw;
        }
    }

    @media only screen and (max-width: 491px) {
        &.banner-offset {
            width: 93vw;
            bottom: -150px;
        }
    }
}

.btn.large {
    padding: 20px 32px;
    line-height: 24px;
}

.stores-container {
    max-width: 540px;
    margin-left: auto !important;
    margin-right: auto !important;
    column-gap: 90px;
    row-gap: 40px;

    > img {
        height: 70px;
    }

    > :nth-child(5) {
        margin-left: 75px;
    }

    @media (max-width: 568px) {
        > :nth-child(5) {
            margin-left: unset;
        }
    }
}

.earn-more-rewards {
    .grid-half {
        min-height: 300px;
    }

    @media only screen and (max-width: 639px) {
        .grid-half {
            min-height: unset;
        }
    }
}

.bottom-cta {
    .copy {
        @media only screen and (max-width: 814px) {
            &.copy {
                display: block !important;
            }

            > img {
                margin-left: auto !important;
                margin-right: auto !important;
            }

            .card-features {
                column-gap: 100px !important;
            }
        }
    }
    .card-features {
        display: flex;
        text-align: center;
        column-gap: 45px;

        >:nth-child(1) {
            display: flex;
            flex-direction: column;
        }

        > div {
            width: 100%;
        }

        @media only screen and (max-width: 639px) {
            &.card-features {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                grid-template-rows: repeat(2, 1fr);
                gap: 15px;

                text-align: left;

                > div {
                    max-width: unset !important;
                }
            }
        }

        @media only screen and (max-width: 946px) {
            &.card-features {
                column-gap: 35px;
            }
        }

        @media only screen and (max-width: 913px) {
            &.card-features {
                column-gap: 20px;
            }
        }

        @media only screen and (max-width: 864px) {
            &.card-features {
                column-gap: 5px;
            }
        }
    }
}

.collapse-toggle span.no-wrap {
    display: inline;
}