.elementor-7864 .elementor-element.elementor-element-2427a41{--display:flex;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for charifund-donation-form-four-widget, class: .elementor-element-44cc26a *//* ── Input wrapper: remove yellow border/bg ── */
.input-group-icon {
    background-color: #122F2A !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 50px !important;
    padding: 4px !important;
}

/* ── Dollar sign ($) circle ── */
.input-group-icon .thumb {
    background-color: #122F2A !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
}

/* ── Amount input field ── */
.input-group-icon input#donationAmount {
    background-color: #122F2A !important;
    color: #ffffff !important;
    border: none !important;
    outline: none !important;
}

/* ── Amount input placeholder text ── */
.input-group-icon input#donationAmount::placeholder {
    color: #ffffffaa !important;
}

/* ── Preset amount buttons: transparent bg, green border, black text ── */
.made-amount .donation-amount {
    background-color: transparent !important;
    color: #000000 !important;
    border: 1px solid #122F2A !important;
    transition: all 0.3s ease !important;
}

/* ── Hover on preset amounts ── */
.made-amount .donation-amount:hover {
    background-color: #D32F2F !important;
    border-color: #D32F2F !important;
    color: #ffffff !important;
    cursor: pointer;
}

/* ── Active/selected amount (e.g. 50 selected = red) ── */
.made-amount .donation-amount.active {
    background-color: #D32F2F !important;
    border-color: #D32F2F !important;
    color: #ffffff !important;
}








/* ── Remove orange pseudo-element on Donate button ── */
.community-donation .btn--primary::before,
.community-donation .btn--primary::after {
    background-color: #D32F2F !important;
    background: #D32F2F !important;
}

/* ── Donate Now button: full red ── */
.community-donation .btn--primary {
    background-color: #D32F2F !important;
    background: #D32F2F !important;
    border-color: #D32F2F !important;
    color: #ffffff !important;
    transition: all 0.3s ease !important;
}

/* ── Hover: pseudo-elements also turn green ── */
.community-donation .btn--primary:hover::before,
.community-donation .btn--primary:hover::after {
    background-color: #122F2A !important;
    background: #122F2A !important;
}

/* ── Donate Now button hover: green ── */
.community-donation .btn--primary:hover {
    background-color: #122F2A !important;
    background: #122F2A !important;
    border-color: #122F2A !important;
    color: #ffffff !important;
}/* End custom CSS */