body {
    max-width: 1500px;
    margin: auto;
    height: auto;
}

.ma-barre {
    border: none; /* Supprime la bordure par défaut */
    border-top: 2px solid black; /* Ajoute une bordure de 2px en haut */
    width: 100%; /* Fait en sorte que la barre s'étende sur toute la largeur de son conteneur */
}

.fields-design{
    background-color: rgb(255, 255, 255); 
    border: 0px solid rgb(0, 0, 0); 
    border-radius: 0px; 
    box-shadow: none; 
    box-sizing: 
    border-box; 
    color: rgb(0, 0, 0); 
    font-family: Times; 
    font-size: 16px; 
    font-style: normal; 
    font-weight: 400; 
    height: 31px; 
    letter-spacing: normal; 
    margin: 0px; 
    max-height: none; 
    min-height: 0px; 
    min-width: 0px; 
    opacity: 1; 
    outline: rgb(0, 0, 0) none 0px; 
    padding: 0px; 
    text-align: start; 
    text-decoration: none solid rgb(0, 0, 0); 
    text-shadow: none; 
    transition: all 0s ease 0s; 
    user-select: auto; 
    vertical-align: baseline; 
    visibility: visible; 
    white-space: normal; 
    width: 100%;
}

.section-form {
    background-color: white;
    box-shadow: 0 0 2em gray;
    border-radius: 10px;
    margin: 1em auto 1em auto;
    max-width: 800px;
    padding: 3em;
}

.description h1 {
    font-weight: bolder;
    text-transform: uppercase;
    background: linear-gradient(to right, #057814, #7eb95e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 0 1em 0 1em;
}

.description h4 {
    font-weight: bolder;
    text-transform: uppercase;
    background: linear-gradient(to right, #057814, #7eb95e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 0 1em 0 1em;
}

.paymentTwo {
    display: none;
}

.button-back-donation {
    padding: 0.8rem 9rem 0.8rem 9rem;
    background-color: #8a8a8a;
    color: white;
    text-decoration: none;
}

/**** Button ****/
.btn-primary {
    background: linear-gradient(to right, #010d01, #118d25) !important;
}

.btn-primary:hover {
    background: linear-gradient(to right, #118d25, #010d01) !important;
}

.btn-primary, .btn-secondary {
    padding: 0.7em 0 0.7em 0 !important;
    text-transform: uppercase !important;
    border: inherit !important;
}
/***** End Button *****/

#payment_type .form-check .form-check-input{
    position: relative !important;
    bottom: -6px;
    left: 20px;
}

#cvvImg{
    color: #0a53be;
}

.month input, .year input, .cvv input {
    text-align: center !important;
    padding-right: 1px !important;
    padding-left: 1px !important;
}

@media screen and (max-width: 995px) {
    .section-form {
        box-shadow: inherit;
        border-radius: inherit;
        margin: auto;
        padding: 1em;
    }

    .button, .button-back {
        padding: 0.5rem 1rem 0.5em 1rem;
        width: 100%;
        border-radius: 5px;
        color: white;
        font-size: 1.2rem;
        text-transform: uppercase;
    }

    .month input, .year input, .cvv input {
        text-align: left !important;
        padding-right: inherit !important;
        padding-left: inherit !important;
    }
}

@media screen and (max-width: 666px) {
    .button {
        margin: 1em 0 1em 0;
    }

    .right {
        margin: 1em 0 1em 0;
    }

    #payment_type .form-check .form-check-input{
        position: relative !important;
        bottom: -6px;
        left: 55px;
    }
}