.donation-form-box{
    background-color:#1eaaa0;
    padding:10px 1px 1px;
    border-radius:20px;
    text-align:center;
}
.km-donation-box{
    background-color:#f0f9f8;
    border-radius:20px;
    padding:30px 20px;
}
.km-tabs{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:0px;
    flex-direction:row;
    flex-wrap:nowrap;
    margin-bottom:20px;
}
.km-tab{
    background-color:#fff;
    color:#000;
    border:1px solid #1eaaa0;
    border-radius:30px;
}
.oncebtn{
    z-index:1;
    padding-left:30px;
    padding-right:30px;
}
.monthlybtn{
    padding-left:60px;
    margin-left:-50px;
}
button.km-tab:hover{
    background-color:#1eaaa0;
    color:#fff;
}
.km-tab.active{
    background-color:#1eaaa0;
    color:#fff;
}
.km-descriptions{
    font-size:12px;
    text-transform:uppercase;
    margin-bottom:20px;
}
.km-amount{
    border-radius:20px;
    border-color:#1eaaa0;
    color:#000;
    position: relative;
    margin-bottom:10px;
    border:1px solid #1eaaa0;
    background:#fff;
    padding:10px 16px;
    cursor:pointer;
}
.km-amount:hover{
    background-color:#1eaaa0;
    color:#fff;
}
.km-amount.active{
    background-color:#1eaaa0;
    color:#fff;
}
.km-amount.active::after{
    content:"";
    position:absolute;
    top:100%;
    left:50%;
    margin-left:-8px;
    border-width:8px;
    border-style:solid;
    border-color:#1eaaa0 transparent transparent transparent;
}
.km-message{
    margin-top:12px;
    font-style: normal !important;
    color:#000 !important;
    font-size:12px;
    font-weight:500;
    background-color:#e2f3f2;
    padding:15px;
    border:1px solid #1eaaa0;
    border-radius:10px;
}
.km-input-group{
    margin-bottom:20px;
    margin-top:10px;
}
.km-currecncy-symbol{
    text-align:start !important;
    display:block;
    margin-top:-32px;
    font-weight:bold;
    color:#1eaaa0;
}
.km-other{
    border:none !important;
    outline:none !important;
    border-bottom:1px solid #000 !important;
    border-radius:0px !important;
    padding-left:20px !important;
    background-color:transparent !important;
    width:100%;
}
.km-other:focus{
    background-color:#fff !important;
}
.km-type{
    border:1px solid #1eaaa0;
    margin-bottom:20px;
    margin-top:25px !important;
    width:100%;
}
.km-submit{
    background-color:#1eaaa0;
    color:#fff;
    width:100%;
    border:none;
    border-radius:20px;
    padding:12px 16px;
    cursor:pointer;
}
.km-submit:hover{
    background-color:#235ed1;
}

.ancew-align-left{ text-align:left; }
.ancew-align-center{ text-align:center; }
.ancew-align-right{ text-align:right; }

.ancew-msg{
    margin-top:10px;
    font-size:13px;
    padding:8px 10px;
    border-radius:10px;
}
.ancew-msg.ok{ background:#e9f7ef; border:1px solid #bfe8ce; }
.ancew-msg.err{ background:#fdecea; border:1px solid #f5c6cb; }

.ancew-muted{ font-size:12px; color:#083937; margin-top:10px; }
.ancew-cart-link{ text-decoration:none; }


.ancew-bar{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:10px;align-items:center;background:#f0f9f8;border:1px solid #1eaaa0;border-radius:18px;padding:10px}
.ancew-bar select,.ancew-bar input{width:100%;min-height:40px;border:1px solid #1eaaa0;border-radius:12px;padding:8px 12px;background:#fff;margin:0}
.ancew-bar-submit{min-height:40px;border:none;border-radius:14px;background:#1eaaa0;color:#fff;padding:8px 18px;cursor:pointer;white-space:nowrap}
.ancew-bar-submit:hover{background:#235ed1}
.ancew-bar-custom{display:none}
.ancew-bar-msg{grid-column:1/-1;font-size:13px;padding:8px 10px;border-radius:10px}
.ancew-bar-msg.ok{background:#e9f7ef;border:1px solid #bfe8ce}
.ancew-bar-msg.err{background:#fdecea;border:1px solid #f5c6cb}
@media (max-width: 900px){ .ancew-bar{grid-template-columns:1fr} }


.ancew-bar-submit.ancew-success{
  background:#28a745 !important;
  color:#fff !important;
}
.ancew-bar-msg{display:none !important;}


/* Donation bar refinements */
.ancew-bar{
  border-width: 0;
}
.ancew-bar select{
  appearance:none;
  -webkit-appearance:none;
  background-position: right 14px center;
  background-repeat:no-repeat;
  padding-right:34px;
}
.ancew-bar-submit{
  border-radius:999px;
  background:#caa21e;
  color:#fff;
}
.ancew-bar-submit:hover{
  background:#0d4f73;
  color:#fff;
}

/* Donation box refreshed theme */
.donation-form-box{
  background-color:#0d5f86;
  border-radius:0;
}
.km-donation-box{
  background-color:#fff;
  border-radius:0 0 12px 12px;
  padding:26px 20px;
}
.form-title .ancew-title{
  color:#fff;
  margin:0;
}
.km-tabs{
  justify-content:flex-start;
  gap:10px;
}
.km-tab{
  border:0;
  background:#e7eef2;
  color:#0d4f73;
  padding:12px 24px;
  border-radius:999px;
}
.monthlybtn{ margin-left:0; padding-left:24px; }
.km-tab.active{
  background:#0d5f86;
  color:#fff;
}
.km-amount{
  border-color:#0d5f86;
  color:#1d1d1d;
}
.km-amount.active,
.km-amount:hover{
  background-color:#0d5f86;
  color:#fff;
}
.km-amount.active::after{
  border-color:#0d5f86 transparent transparent transparent;
}
.km-message{
  background:#dbeaf2;
  border-color:#0d5f86;
}
.km-currecncy-symbol{
  color:#0d5f86;
}
.km-type{
  border-color:#0d5f86;
  border-radius:6px;
}
.km-submit{
  background-color:#caa21e;
  color:#fff;
  border-radius:999px;
}
.km-submit:hover{
  background-color:#b38c13;
}


/* Donation bar: visible dropdown arrows and editable borders */
.ancew-bar{
  gap:10px;
}
.ancew-bar select,
.ancew-bar input{
  border:0 solid transparent !important;
  box-shadow:none !important;
}
.ancew-bar select{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%23333' d='M6 8 0 0h12z'/></svg>");
  background-repeat:no-repeat;
  background-position:right 14px center;
  padding-right:36px !important;
}
.ancew-bar-submit{
  border:0 solid transparent !important;
  border-radius:999px !important;
}
.ancew-bar-submit.ancew-success{
  background:#eaf8ef !important;
  color:#2e7d32 !important;
}
.ancew-bar-submit.ancew-success:hover{
  background:#eaf8ef !important;
  color:#2e7d32 !important;
}

/* Donation box visual reset to target style */
.donation-form-box{
  background:#0d5f86 !important;
  padding:0 !important;
  border-radius:0 !important;
  overflow:hidden;
}
.km-donation-box{
  background:#ffffff !important;
  border-radius:0 0 12px 12px !important;
  padding:22px 20px 28px !important;
}
.form-title{
  background:#0d5f86;
  margin:0 -20px 18px;
  padding:14px 20px;
}
.form-title .ancew-title{
  color:#fff !important;
  font-size:28px;
  line-height:1.1;
  margin:0;
  text-align:center;
}
.km-tabs{
  justify-content:center !important;
  gap:14px !important;
  margin-bottom:18px !important;
}
.km-tabs--single .km-tab{
  min-width:138px;
}
.km-tab{
  border:0 !important;
  background:#ffffff !important;
  color:#0d5f86 !important;
  border-radius:999px !important;
  padding:12px 24px !important;
  box-shadow: inset 0 0 0 1px #0d5f86;
}
.monthlybtn{
  margin-left:0 !important;
  padding-left:24px !important;
}
.km-tab.active{
  background:#0d5f86 !important;
  color:#fff !important;
  box-shadow:none !important;
}
.km-descriptions{
  margin-bottom:16px !important;
  font-size:12px !important;
  color:#444 !important;
}
.km-amounts{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
}
.km-amount{
  min-width:86px;
  border:1px solid #0d5f86 !important;
  border-radius:999px !important;
  color:#222 !important;
  background:#fff !important;
  padding:10px 18px !important;
  margin-bottom:0 !important;
}
.km-amount.active,
.km-amount:hover{
  background:#0d5f86 !important;
  color:#fff !important;
}
.km-amount.active::after{
  border-color:#0d5f86 transparent transparent transparent !important;
}
.km-message{
  margin-top:16px !important;
  background:#d6e7f1 !important;
  border:1px solid #0d5f86 !important;
  border-radius:10px !important;
  padding:16px 14px !important;
  min-height:unset !important;
  font-size:14px !important;
  text-align:center;
}
.km-input-group{
  margin-top:18px !important;
  margin-bottom:18px !important;
}
.ancew-other-label{
  display:block;
  color:#7b7b7b;
  font-size:16px;
  margin-bottom:6px;
}
.km-currecncy-symbol{
  display:inline-block !important;
  margin:0 4px 0 0 !important;
  color:#0d5f86 !important;
  font-weight:700;
}
.km-other{
  width:100% !important;
  border:none !important;
  border-bottom:1px solid #222 !important;
  padding:4px 0 !important;
  background:transparent !important;
}
.km-type{
  width:100% !important;
  border:1px solid #0d5f86 !important;
  border-radius:6px !important;
  margin-top:0 !important;
  margin-bottom:18px !important;
  padding:12px 14px !important;
}
.km-submit{
  background:#caa21e !important;
  color:#fff !important;
  border:none !important;
  border-radius:999px !important;
  padding:14px 18px !important;
  font-size:16px;
  font-weight:600;
}
.km-submit:hover{
  background:#b58f17 !important;
  color:#fff !important;
}


/* Donation box tweaks on top of v1.1.1 */
.km-amount.active::after{
  display:none !important;
}
.km-message{
  min-height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.km-submit.ancew-success{
  background:#eaf8ef !important;
  color:#2e7d32 !important;
}


.km-message.ancew-message{
  background-image:none !important;
}


/* v1.1.6.1 custom amount refinement */
.km-donation-box{
  border-radius:0 !important;
  overflow:hidden;
}
.km-amounts{
  margin-bottom:8px;
}
.ancew-custom-wrap{
  display:none;
}
.ancew-custom-field{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  border:1px solid #0d5f86;
  border-radius:999px;
  padding:10px 16px;
  background:#fff;
  box-sizing:border-box;
}
.ancew-custom-currency{
  color:#0d5f86;
  font-weight:700;
  font-size:20px;
  line-height:1;
}
.ancew-custom-field .km-other,
.ancew-custom-field .ancew-custom-amount{
  border:0 !important;
  border-bottom:0 !important;
  outline:none !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  width:100% !important;
  min-height:auto !important;
}
.ancew-custom-field .km-other:focus,
.ancew-custom-field .ancew-custom-amount:focus{
  background:transparent !important;
}
.ancew-custom-field input::placeholder{
  color:#7b7b7b;
  opacity:1;
}