#donationform {
    color: #000000;
}

#donationform fieldset {
padding:0px!important;
border:none!important;

}

#donationform,
#donationform label,
#donationform legend,
#donationform input,
#donationform h3 {
    font-family: "DM Sans", Sans-serif;
}

#donationform fieldset,
#donationform fieldset#topbottons,
#donationform fieldset#paymentfrequency {
    appearance: none!important;
    background: transparent!important;
    border: 0!important;
    border-color: transparent!important;
    border-image: none!important;
    border-style: none!important;
    border-width: 0!important;
    box-shadow: none!important;
    margin: 0 0 1rem!important;
    margin-block: 0 1rem!important;
    margin-inline: 0!important;
    min-inline-size: 0!important;
    padding: 0!important;
    padding-block: 0!important;
    padding-inline: 0!important;
}

#donationform .amount-options,
#donationform .payment-frequency {
    border: 0!important;
    box-shadow: none!important;
    padding: 0!important;
}

#donationform #topbottons,
#donationform #paymentfrequency {
    appearance: none!important;
    background: transparent!important;
    border: 0!important;
    border-color: transparent!important;
    border-image: none!important;
    border-style: none!important;
    border-width: 0!important;
    box-shadow: none!important;
    margin-left: 0!important;
    margin-right: 0!important;
    min-inline-size: 0!important;
    padding: 0!important;
}

#donationform legend {
    display: block;
    padding: 0!important;
}

#donationform input {
    outline: none!important;
}

#donationform input[type="radio"],
#donationform input[type="checkbox"] {
    accent-color: #000000;
}

#donationform label {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin: 5px 0;
    width: 100%;
}

#topbottons {
    display: flex;
    flex-direction: row;
    margin-bottom: 1rem!important;
}

#mygtukai {
    display: flex;
    gap: 5px!important;
    margin-bottom: 1rem;
    padding-right: 1rem!important;
    width: 60%;
}

#mygtukai .amount-button {
    text-align: center;
    width: 100%;
}

.amount-button {
    align-items: center;
    background: transparent;
    border: 1px solid #000000;
    border-radius: 200px;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    min-height: 40px;
    padding: 8px 10px;
    user-select: none;
}

.amount-button label {
    color: #000000;
    font-size: 16px!important;
    font-weight: 700!important;
    line-height: 1!important;
    margin: 0!important;
    text-transform: uppercase!important;
}

.amount-button:hover,
.selected-amount {
    background-color: #000000!important;
    color: #ffffff!important;
}

.amount-button:hover label,
.selected-amount label {
    color: #ffffff!important;
}

.amount-button input[type="radio"] {
    display: none;
}

#norimasuma {
    position: relative;
    width: 40%!important;
}

#eurlabel {
    font-size: 16px!important;
    font-weight: 700!important;
    line-height: 1!important;
    margin-top: 14px!important;
    position: absolute!important;
    right: 20px!important;
    width: 50px!important;
}

#custom_amount,
#donor_email,
#donor_name,
#donor_phone {
    background: #F5F4FC;
    border: none!important;
    border-radius: 8px!important;
    font-size: 16px!important;
    font-weight: 400!important;
}

.payment-frequency {
    border: 0!important;
    box-shadow: none!important;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 1.75rem!important;
    padding: 0!important;
}

.payment-frequency legend {
    flex-basis: 100%;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 4px;
}

.payment-frequency-option {
    align-items: center;
    border: 1px solid #000000;
    border-radius: 8px;
    cursor: pointer;
    display: inline-flex;
    flex: 1 1 220px;
    gap: 8px;
    margin: 0!important;
    padding: 10px 12px;
}

.payment-frequency-option input {
    margin: 0!important;
}

.contact-details {
    margin-top: 0.5rem;
}

.contact-details h3 {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin: 0 0 1rem;
}

#nameemail {
    display: flex;
    flex-direction: row;
    gap: 1rem;
}

#donor_phone {
    width: 49%;
}

#bottombuttons {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#accept_terms_label {
    font-size: 16px!important;
    line-height: 1!important;
    margin-top: 2px!important;
}

.aukoti,
.aukoti:hover {
    background-color: #000000!important;
    border: 1px solid #000000!important;
    border-radius: 8px!important;
    color: #ffffff!important;
    font-weight: 700!important;
    max-width: 110px!important;
    text-transform: uppercase!important;
}

@media (max-width: 900px) {
    #topbottons {
        flex-direction: column;
    }

    #mygtukai,
    #norimasuma {
        padding-right: 0!important;
        width: 100%!important;
    }

    #nameemail {
        flex-direction: column;
        gap: 0;
    }

    #donor_phone {
        width: 100%;
    }
}

@media (max-width: 767px) {
    #donationform label {
        font-size: 16px!important;
    }

    #donationform .amount-button label {
        font-size: 12px!important;
    }

    .amount-button {
        padding: 5px!important;
    }
}