/* roba per Stripe */

button {
    outline: none !important;
}

.StripeElement {
box-sizing: border-box;

height: 40px;

padding: 10px 12px;

border: 1px solid #a9a9a9;
border-radius: 4px;
background-color: white;

box-shadow: 0 1px 3px 0 #e6ebf1;
-webkit-transition: box-shadow 150ms ease;
transition: box-shadow 150ms ease;
}

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

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

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

/* /roba per Stripe */


.container{
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.payment__nomeSocieta {
    font-size: 14px;
}

.payment__data{
    padding-top: 40px;
}

.payment__image{
}

.payment__text{
    margin-bottom: 30px;
    text-align: center;
}

.price__text{
    font-size: 30px;
    font-weight: 600;
}

.price__description {
    font-size: 20px;
    margin-top: -3px;
}

.payment__image img{
    width: 235px;
    border-radius: 8px;
}

.payment__paragraph{
    text-align: center;
    color: #000000;
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 19px;
}

.payment__form{
    padding-top: 30px;
}

.form__title{
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px;
}

.form__label{
    font-size: 13px;
    margin-bottom: 5px;
}

.form__input{
    font-size: 13px;
    margin-bottom: 20px;
}

.table__certified{
    padding-top: 20px;
}

.powered__text{
    padding-top: 30px;
    font-size: 10px;
    color: #a5a5a5;
}

.powered__text span{
    color: #cf4061;
    font-weight: 600;
}

@media screen and (min-width: 992px){
    .container{
        flex-direction: row;
        justify-content: center;
    }

    .payment__data{
        display: flex;
        flex-direction: column;
        justify-content: start;
        padding: 100px 60px 100px 0px;
        height: 100vh;
        min-width: 30%;
        max-width: 43%;
        margin-top: 6px;
        width: 500px;
    }

    .payment__form{
        display: flex;
        flex-direction: column;
        justify-content: start;
        padding: 100px 55px;
        /* height: 100%; */
        min-width: 30%;
        max-width: 43%;
        overflow-y: auto;

    }

    .payment__form{
        box-shadow: -12px 0 10px -10px  rgb(0 0 0 / 18%);
    }

    .payment__paragraph,
    .payment__text{
        text-align: start;
    }
}

@media screen and (max-width: 991px){
    .payment__image {
        text-align: center;
    }
}