.elementor-3021 .elementor-element.elementor-element-292fc3d:not(.elementor-motion-effects-element-type-background), .elementor-3021 .elementor-element.elementor-element-292fc3d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );background-image:url("https://niazfoundation.org/wp-content/uploads/2025/07/charity-program-abstract-seamless-pattern-600nw-2187616663.webp");}.elementor-3021 .elementor-element.elementor-element-292fc3d > .elementor-background-overlay{background-color:var( --e-global-color-accent );opacity:0.85;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3021 .elementor-element.elementor-element-292fc3d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:40px 0px 40px 0px;}.elementor-3021 .elementor-element.elementor-element-be0e279{text-align:center;}.elementor-3021 .elementor-element.elementor-element-be0e279 .elementor-heading-title{color:#FFFFFF;}.elementor-3021 .elementor-element.elementor-element-80ed8f3:not(.elementor-motion-effects-element-type-background), .elementor-3021 .elementor-element.elementor-element-80ed8f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://niazfoundation.org/wp-content/uploads/2025/07/set-hands-holding-heart-concept-volunteering-love_206049-10.avif");background-position:bottom center;background-repeat:no-repeat;background-size:contain;}.elementor-3021 .elementor-element.elementor-element-80ed8f3 > .elementor-background-overlay{background-color:#FFFFFF;opacity:0.91;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3021 .elementor-element.elementor-element-80ed8f3 > .elementor-container{max-width:460px;}.elementor-3021 .elementor-element.elementor-element-80ed8f3{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:40px 0px 40px 0px;}.elementor-3021 .elementor-element.elementor-element-69cb3a9 > .elementor-widget-container{background-color:#FFFFFFED;padding:20px 20px 20px 20px;border-style:solid;border-width:3px 3px 3px 3px;border-color:var( --e-global-color-2acdf8f );border-radius:20px 20px 20px 20px;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-69cb3a9 *//* ✅ HIDE the checkbox completely */
.simpay-checkbox-wrap input[type="checkbox"] {
  display: none!important;
}

/* ✅ Base label style - looks like a button */
.simpay-checkbox-label label {
  display: inline-block;
  padding: 10px 30px 10px 30px!important;
  background-color: #f0f0f0;
  color: #333;
  border: 2px solid #ccc;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: 500!important;
}

/* ✅ On hover */
.simpay-checkbox-label label:hover {
  background-color: #e0e0e0;
}

/* ✅ When checkbox is checked — apply active style */
.simpay-checkbox-wrap:has(.simpay-checkbox:checked) label {
  background-color: #ECA30C;
  color: black;
  border-color: #ECA30C;
}

/* 5. Put all 3 checkboxes in one line */
.simpay-form-control.simpay-checkbox-container {
  display: inline-block;
  margin-right: 4px;
  vertical-align: top;
}

.simpay-optional-indicator{
    display: none!important;
}/* End custom CSS */