
.card {
    border: none!important;
}

.subscription-card {
    background-color: var(--Theme-Body-Background)!important;
    color: var(--text-body-color)!important;
    width: 100%;
    padding: 24px;
}

.subscription-row {
    box-sizing: border-box;
    margin: 1rem 0;
}

.subscription-row .card-column {
    padding: 0;
}

.subscription-card .subscription-row + .subscription-row {
    border-top: 1px solid var(--text-body-color);
    padding-top: 1rem;
}
.order-card {
    min-height: auto;
}
.order-card-heading {
    background-color: var(--Primary-primary)!important;
}

.order-card-heading p {
    color: var(--Theme-Body-Background)!important;
}

.order-card-body {
    /*display: flex;*/
    display: block; /* prevent container from setting flex on rows */
    gap: 24px;
    background-color: var(--Theme-Body-Background)!important;
    color: var(--text-body-color)!important;
}

.order-card-body h5 {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 33px;
    letter-spacing: -0.408px;
    text-transform: uppercase;
}

.order-card-body .order-row {
    display: flex;
    flex-wrap: nowrap; /* prevents lines from wrapping within the same row */
    align-items: center;
    gap: 1rem; /* space between image and text */
}

.order-card-body .order-row .order-image {
    flex: 0 0 100px; /* minimum width of still image */
}

.order-card-body .order-row .order-text {
    flex: 1; /* takes up all the rest of the space available */
}