.card {
    /*
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    */
   /* border: 0;*/
    /*border-radius: .5rem;*/
    font-weight: 400;
    background-color: #fff;

    border-radius: 8px;
    padding: 25px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}

.card-body {
    padding: 15px;
}

#card-errors {
    color: red;
}

.card.payment{
    border-top: 7px solid #779f2f;
}

.card.payment h3{
    
}
.card-details .StripeElement {
    background-color: white;
    height: 40px;
    padding: 10px 12px;
    border-radius: 4px;
    border: 1px solid #ccc !important;
    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
}

#payment-request-button .stripeElement {
    border: 0;
}

.StripeElement--focus {
    box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
    border-color: #fa755a;
}

.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}