/* Buy Donation Model Style */

.fade.buy__donation-model.in {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.buy__donation-model__dialog {
    max-width: 430px;
    width: 100%;
}

.buy__donation-model__dialog .modal-content {
    max-height: 90vh;
    overflow-y: auto;
}

.buy__donation-model__dialog-body {
    /*max-height: 600px;*/
    padding: 30px;
    display: flex;
    align-items: center;
    flex-direction: column;
    min-height: 200px;
}

.donation__processing_fee-checkbox {
    visibility: hidden;
}

.donation__processing_fee-checkbox.show__i-pay-fee {
    visibility: visible;
}

.buy__donation-model__dialog-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 180px;
}

/* RESPONSIVE FOR MOBILE */
@media only screen and (max-width: 600px) {
    .buy__donation-model__dialog__title {
        font-size: 18px !important;
    }
}

.buy__donation-model__dialog__title {
    color: #1E0A3B;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 55px;
    padding-top: 13px;
    padding-bottom: 20px;
}

.buy__donation-model__dialog__continue-btn {
    margin-top: 20px;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    width: 144px;
    height: 36px;
    border-radius: 18px;
    background: var(--primary-color);
    justify-content: center;
    display: flex;
    align-items: center;
    cursor: pointer;
    border: none;
}

.buy__donation-model__dialog__continue-btn:hover {
    text-decoration: none;
    background: rgba(111, 190, 74, 0.8);
    color: #FFF;
}

.buy__donation-model__footer {
    margin-top: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.buy__donation-model__footer-text {
    color: #CECECE;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    margin: 0 4px;
}

.buy__donation-model__donation-amount {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    width: 100%;
}

.donations_amount {
    width: 48%;
    padding: 12px 35px;
    text-align: center;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 4px;
    border: 2px solid #E2E2E2;
    background: #FFF;
    cursor: pointer;
}

.donations__amount-text {
    color: var(--primary-color);
    text-align: center;
    font-size: 15px;
    font-style: normal;
    line-height: 22px;
}

/* Desktop */
@media (min-width: 768px) {
    /* Styles for tablets and larger screens */
    .donations_amount:hover {
        border: 2px solid var(--primary-color);
    }
}

.donations_amount.active {
    border: 2px solid var(--primary-color);
}

.donation__processing_fee-text {
    color: #999;
    font-size: 16px;
    font-style: normal;
}

.donation__processing_fee-amount {
    color: #000;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
}

.buy__donation-model__custom-amount {
    width: 100%;
    margin-top: 12px;
}

.custom__amount-icon {
    padding: 6px 18px;
    background: #FFF;
    border: 0;
    font-size: 16px
}

.buy__donation-model__custom-amount-div {
    padding: 10px 0;
    border-radius: 4px;
    border: 1px solid #E2E2E2;
    background: #FFF;
}

.buy__donation-model__custom-input {
    border: 0 !important;
    border-left: 1px solid #D9D9D9 !important;
    height: 25px !important;
    font-size: 14px !important;
    text-align: left !important;
}

.buy__donation-model__custom-input::placeholder {
    color: #999 !important;
    font-size: 14px !important;
    font-style: normal !important;
}

.donation__loader {
    justify-content: center;
}

.donation__loader-circle {
    border-color: var(--primary-color) !important;
}

.minimum__amount-error {
    color: red;
    font-size: 14px;
}

.donation-info-form__questionnaire {
    width: 100%;
}