.donation-form{max-width:650px;margin:auto;font-family:sans-serif}
.form-step{display:none}
.form-step.active{display:block}
.form-progress{display:flex;justify-content:space-between;gap:4px;margin-bottom:30px;padding:10px 0}
.step-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center}
.step-label{font-size:10px;font-weight:bold;text-transform:uppercase;color:#000;margin-bottom:4px;color: #000;text-align: center;font-family: Gotham;font-style: normal;font-weight: 700;line-height: 150%; /* 13.5px */letter-spacing: 0.9px;text-transform: uppercase;}
.step-bar{width:100%;height:6px;background:#fff;clip-path:polygon(10% 0,100% 0,90% 100%,0% 100%)}
.step-bar.active{background:#f5a623}
.toggle-btn,.amount-btn,.payment-tab{margin:5px 0;padding:10px 20px;border:1px solid #ccc;cursor:pointer;background:#fff}
.toggle-btn.active,.amount-btn.active,.payment-tab.active{background:#1a3d4f;color:#fff;border-color:#1a3d4f}
input,select{width:100%;padding:10px;margin:10px 0;box-sizing:border-box}
.custom-other-select{margin-top:10px}
.next-btn,#submit-btn{margin-top:10px;padding:10px 30px;background:#f5a623;border:none;cursor:pointer;padding: 10px 30px; font-size: 16px; line-height: 150%; font-family: ; letter-spacing: 1.6px; font-weight: 700; display: inline-block; text-transform: uppercase; clip-path: polygon(100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 0); text-align: center; color:#000;color: #000;font-family: Gotham;font-size: 16px;font-style: normal;font-weight: 700;line-height: 150%; /* 24px */letter-spacing: 1.6px;text-transform: uppercase;}
.prev-btn { position:relative; background-color:transparent; color:#000;padding: 10px 30px; font-size: 16px; line-height: 150%; font-family: ; letter-spacing: 1.6px; font-weight: 700; display: inline-block; text-transform: uppercase; clip-path: polygon(100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 0); text-align: center; color:#000;color: #000;font-family: Gotham;font-size: 16px;font-style: normal;font-weight: 700;line-height: 150%; /* 24px */letter-spacing: 1.6px;text-transform: uppercase;border:none;}
.prev-btn:before {content: "←";font-size: 18px;}
.donor-organization,.donor-individual{margin-top:10px}
.payment-ach,.payment-card{margin-top:20px}
.payment-card p { color: var(--Text-primary, #000);font-family: "Garamond Premiere Pro";font-size: 18px;font-style: normal;font-weight: 400;line-height: 150%; /* 27px */}
.tribute-section{border-top:1px solid #ccc;padding-top:20px;margin-top:20px}
.tribute-section h4,.tribute-section h5{margin:20px 0 10px;font-weight:bold; color:#18697C; font-size:16px;}
.toggle-btn{margin:5 0px;padding:10px 20px;border:1px solid #ccc;cursor:pointer}
.toggle-btn.active{background:#1a3d4f;color:#fff;border-color:#1a3d4f}
.button-group{display:flex;margin-bottom:20px;flex-wrap:wrap;gap:0px;}
.button-group button{flex:1;padding:12px 0;font-weight:bold;text-align:center;border:none;border-right:1px solid #2e6776;color:#2e6776;cursor:pointer;text-align: center;font-family: Gotham;font-size: 16px;font-style: normal;font-weight: 700;line-height: 120%; /* 19.2px */text-transform: capitalize;}
.button-group button:last-child{border-right:none}
.button-group button.active{background:#2e6776;color:#ffffff}
.donation-form label { color: var(--Text-primary, #000);font-family: "Garamond Premiere Pro";font-size: 18px;font-style: normal;font-weight: 400;line-height: 150%; display:flex;align-items:center; flex-wrap:nowrap;}
input:focus, select:focus, textarea:focus {outline: 2px solid #004990; /* or another high-contrast color */background-color: #f0f8ff;  /* light background to boost visibility */}
.back-arrow {cursor: pointer;}
select { text-transform:none!important;}
.custom-checkbox input[type="checkbox"] {display:none;}
.custom-checkbox .checkmark {height:20px;width:20px;background-color:#FFF;border:2px solid #DFE1E5;display:inline-block;vertical-align:middle;margin-right:10px;position:relative;cursor:pointer;}
.custom-checkbox input[type="checkbox"]:checked + .checkmark {background-color:#18697C;border-color:#18697C;}
.custom-checkbox input[type="checkbox"]:checked + .checkmark::after {content:'';position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);}

.form-step label {display: block;margin-bottom: 0px; /* space between label and input */font-weight: 600; /* optional: make labels stand out */font-size: 0.95rem; /* optional: size control */}
.label-wrap input, .label-wrap label, .label-wrap select { margin-top:0;}

span#processing-fee-display { padding:0px;}

input.error,
select.error {
  border: 2px solid red;}
  background-color: #fff8f8;
}

select.error:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(211, 51, 51, 0.4);
}

.error-message {color: red;font-size: 0.8em;display: none;}



#form-loader.show {display: flex !important;}
.label-wrap { display:flex; align-items:center; flex-wrap:wrap;}
.label-wrap label { width:100%;}
.label-wrap input { width:100%;}
.label-wrap select { width:100%;}
.label-wrap {}
.label-wrap.width-adjust-long { width:44%;}
.label-wrap.width-adjust { width:44%;}
.label-wrap.width-adjust-short { width:44%;}
.label-wrap.width-adjust-full { width:100%;}

/*
.form-row.fully select { max-width:25%; width:25%;}
.form-row.fully input[type="text"] { max-width:75%;width:75%;}
*/

.currency-input {position: relative;display: inline-block;}
.currency-input .currency-symbol {position: absolute;left: 10px;top: 50%;transform: translateY(-50%);font-size: 1rem;color: #444;pointer-events: none;}

.currency-input input {
  padding-left: 20px; /* make room for the $ */
}


label.dba { color: #18697C;text-align: center;font-family: Gotham;font-size: 16px;font-style: normal;font-weight: 700;line-height: 120%; /* 19.2px */text-transform: capitalize;}

input[type=checkbox], input[type=radio] { width:18px; height:18px; }
.gideoncard-mail-option{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;background:#fff;margin-top:20px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}
.gideoncard-checkbox{display:flex;align-items:center;gap:12px;font-size:18px;line-height:1.5;font-family:serif;color:#000}
.gideoncard-checkbox input[type="checkbox"]{width:20px;height:20px;accent-color:#2e6776}
.gideoncard-image img{max-height:120px;border-radius:4px;object-fit:cover}

.form-row {display: flex;gap: 10px;margin-bottom: 0px; width:100%;justify-content:space-between;}
.form-row select,.form-row input {flex: 1;}

@media (max-width:767px) {
  .form-row.fully select { max-width:100%; width:100%;}
  .form-row.fully input[type="text"] { max-width:100%;width:100%;}
  .label-wrap.width-adjust-long { width:100%;}
  .label-wrap.width-adjust { width:100%;}
  .label-wrap.width-adjust-short { width:100%;}
  .label-wrap.width-adjust-full { width:100%;}
  .form-row { flex-wrap:wrap;}
  .label-wrap { width:100%;}
  .button-group button { border-right:none;}
}

@media(max-width:600px) {
  .button-group button{width:100%;flex:unset;}
  .form-row.fully { display:inline-block;}
}
@media(max-width:600px){.gideoncard-mail-option{flex-direction:column;align-items:flex-start}.gideoncard-image img{max-width:100%}}