raisethon.com Open in urlscan Pro
2606:4700:3034::6815:257b Public Scan

Back to summary

Submitted URL:
https://link.clhds.com/go.asp?li=F32ADE651BD79E04F94026336D4A156C&ui=9265E91C0C32B24650E1482017AFDD7B
Effective URL:
https://raisethon.com/cheder
Submission: On June 08 via manual (June 8th 2022, 3:18:54 pm UTC) from US — Scanned from DE

Form analysis
11 forms found in the DOM

<form class="flex items-center space-x-5">
  <div class="relative max-w-xs"><input type="text" placeholder="Search"
      class="w-full px-5 text-sm text-[color:var(--teams-donations-field-text)] placeholder-[color:var(--teams-donations-field-text)] border-none rounded-full h-9 bg-[color:var(--teams-donations-field-background)] focus:ring-[color:var(--teams-donations-field-border)] focus:ring-2"><button
      class="absolute top-0 right-0 flex items-center justify-center w-9 h-9 focus:outline-none text-[color:var(--teams-donations-field-icon)] hover:text-[color:var(--teams-donations-field-icon-hover)]"><svg viewBox="0 0 124.524 124.524"
        class="w-4 h-4">
        <path fill="currentColor"
          d="M51 102.05c10.5 0 20.2-3.2 28.3-8.6l29.3 29.3c2.301 2.3 6.101 2.3 8.5 0l5.7-5.7c2.3-2.3 2.3-6.1 0-8.5l-29.4-29.2c5.399-8.1 8.6-17.8 8.6-28.3 0-28.1-22.9-51-51-51s-51 22.9-51 51c0 28.099 22.8 51 51 51zm0-82c17.1 0 31 13.9 31 31s-13.9 31-31 31-31-13.9-31-31 13.9-31 31-31z">
        </path>
      </svg></button></div>
  <div class="flex items-center max-w-xs"><span class="text-sm font-bold uppercase whitespace-nowrap text-[color:var(--teams-donations-field-label)]">Sort By</span><select name="sort"
      class="w-40 px-5 ml-2 text-sm text-[color:var(--teams-donations-field-text)] placeholder-[color:var(--teams-donations-field-text)] border-none rounded-full h-9 bg-[color:var(--teams-donations-field-background)] focus:ring-[color:var(--teams-donations-field-border)] focus:ring-2">
      <option value="name">Team Name</option>
      <option value="biggest_goal">Highest Goal</option>
      <option value="smallest_goal">Lowest Goal</option>
      <option value="most_raised">Most Raised</option>
      <option value="least_raised">Least Raised</option>
      <option value="nearest_to_goal">Nearest to Goal</option>
      <option value="most_donors">Most Donors</option>
      <option value="least_donors">Least Donors</option>
    </select></div>
</form>

<form class="flex items-center space-x-5">
  <div class="relative w-7/12 max-w-xs"><input type="text" placeholder="Search"
      class="w-full px-5 text-sm text-[color:var(--teams-donations-field-text)] placeholder-[color:var(--teams-donations-field-text)] border-none rounded-full h-9 bg-[color:var(--teams-donations-field-background)] focus:ring-[color:var(--teams-donations-field-border)] focus:ring-2"><button
      class="absolute top-0 right-0 flex items-center justify-center w-9 h-9 focus:outline-none text-[color:var(--teams-donations-field-icon)] hover:text-[color:var(--teams-donations-field-icon-hover)]"><svg viewBox="0 0 124.524 124.524"
        class="w-4 h-4">
        <path fill="currentColor"
          d="M51 102.05c10.5 0 20.2-3.2 28.3-8.6l29.3 29.3c2.301 2.3 6.101 2.3 8.5 0l5.7-5.7c2.3-2.3 2.3-6.1 0-8.5l-29.4-29.2c5.399-8.1 8.6-17.8 8.6-28.3 0-28.1-22.9-51-51-51s-51 22.9-51 51c0 28.099 22.8 51 51 51zm0-82c17.1 0 31 13.9 31 31s-13.9 31-31 31-31-13.9-31-31 13.9-31 31-31z">
        </path>
      </svg></button></div>
  <div class="flex items-center w-5/12 max-w-xs"><select name="sort"
      class="w-40 px-5 ml-2 text-sm text-[color:var(--teams-donations-field-text)] placeholder-[color:var(--teams-donations-field-text)] border-none rounded-full h-9 bg-[color:var(--teams-donations-field-background)] focus:ring-[color:var(--teams-donations-field-border)] focus:ring-2">
      <option value="newest">Newest</option>
      <option value="oldest">Oldest</option>
      <option value="highest">Highest</option>
      <option value="lowest">Lowest</option>
    </select></div>
</form>

<form class="space-y-7">
  <div class="grid grid-cols-1 gap-2 px-5 md:grid-cols-2 md:px-10"><button type="button"
      class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
      <div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/7ac207c5b76d178d16924cbb9a4be899/Untitled-design-(11).jpg" alt="Donate A Student Locker" class="object-cover w-full h-full">
      </div>
      <div class="flex-1 text-left">
        <h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Student Locker</h3>
        <p class="text-[color:var(--donate-product-text)] font-light mt-1">$200</p><!---->
      </div>
    </button><button type="button"
      class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
      <div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/e4ffdc2b94e45688d80845e8fa306829/Untitled-design-(3).jpg" alt="Donate A Student Desk" class="object-cover w-full h-full">
      </div>
      <div class="flex-1 text-left">
        <h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Student Desk</h3>
        <p class="text-[color:var(--donate-product-text)] font-light mt-1">$250</p><!---->
      </div>
    </button><button type="button"
      class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
      <div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/ae79642452b83e52a96de32b9b371719/Untitled-design-(4).jpg" alt="Donate A Teacher's Desk" class="object-cover w-full h-full">
      </div>
      <div class="flex-1 text-left">
        <h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Teacher's Desk</h3>
        <p class="text-[color:var(--donate-product-text)] font-light mt-1">$550</p><!---->
      </div>
    </button><button type="button"
      class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
      <div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/f187679b23b695958c99468c9d692c0e/Untitled-design-(8).jpg" alt="Donate A Water Fountain" class="object-cover w-full h-full">
      </div>
      <div class="flex-1 text-left">
        <h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Water Fountain</h3>
        <p class="text-[color:var(--donate-product-text)] font-light mt-1">$750</p><!---->
      </div>
    </button><button type="button"
      class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
      <div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/74460df7d7afca5cc3c38cf41549b291/Untitled-design-(7).jpg" alt="Donate A Lunch Table" class="object-cover w-full h-full">
      </div>
      <div class="flex-1 text-left">
        <h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Lunch Table</h3>
        <p class="text-[color:var(--donate-product-text)] font-light mt-1">$2,500</p><!---->
      </div>
    </button><button type="button"
      class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
      <div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/d9d6adc37338b805958965a0949fb0a0/Untitled-design-(6).jpg" alt="Donate A Interactive Whiteboard"
          class="object-cover w-full h-full"></div>
      <div class="flex-1 text-left">
        <h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Interactive Whiteboard</h3>
        <p class="text-[color:var(--donate-product-text)] font-light mt-1">$5,000</p><!---->
      </div>
    </button></div>
  <div class="bg-[color:var(--donate-amount-section-background)] text-[color:var(--donate-amount-section-text)] py-7 px-5 md:px-10">
    <div class="space-y-3 md:flex md:space-y-0 md:space-x-5">
      <div class="w-full md:w-1/2">
        <h3 class="text-xs font-bold text-center uppercase">Your Amount</h3>
        <div class="flex items-center h-16 mt-1 text-[color:var(--donate-amount-field-text)] bg-[color:var(--donate-amount-field-background)] rounded-md">
          <div class="relative z-10 flex-shrink-0"><button type="button" class="flex items-center" disabled="" tabindex="-1">
              <div class="flex flex-col items-center justify-center w-16 h-16">
                <div class="text-3xl font-bold">$</div>
                <p class="text-xs uppercase text-light">USD</p>
              </div><!---->
            </button>
            <div class="absolute p-2 mt-1 space-y-2 bg-[color:var(--donate-amount-field-background)] rounded-md top-full shadow-box scale-100 translate-y-0 opacity-100" style="display: none;"><button type="button" tabindex="-1"
                class="flex w-full items-center px-2 py-2 space-x-2 rounded-md hover:bg-[color:var(--donate-amount-section-background)] text-[color:var(--donate-amount-section-text)] bg-[color:var(--donate-amount-section-background)]">
                <div class="text-xl font-bold">$</div>
                <p class="text-lg uppercase text-light">USD</p>
              </button></div>
          </div>
          <div class="flex-1 h-full"><input type="tel" class="w-full h-full pr-0 text-3xl text-right bg-transparent border-none outline-none focus:outline-none focus:ring-0 text-[color:var(--donate-amount-field-text)]" maxlength="7"></div>
          <div class="flex-shrink-0 pr-5 text-3xl">.00</div>
        </div><!---->
        <div class="mt-5">
          <h3 class="text-xs font-bold text-center uppercase">Donate in Installments</h3>
          <div class="h-12 mt-1"><select class="w-full bg-[color:var(--donate-amount-field-background)] text-[color:var(--donate-amount-field-text)] border-none rounded-md focus:ring-0">
              <option value="1">No Installments</option>
            </select></div>
        </div><!---->
      </div>
      <div class="w-full md:w-1/2 overflow-hidden rounded-md bg-[color:var(--donate-organization-background)]">
        <p class="px-5 mt-6 text-lg text-center">Cheder Lubavitch Hebrew Day School, Inc</p>
        <p class="px-5 mt-1 text-xs text-center">will receive</p>
        <div class="py-2 mt-2 text-center text-[color:var(--donate-amount-text)] bg-[color:var(--donate-amount-background)]">
          <div class="text-3xl font-bold text-white">$0.00 USD</div><!----><!---->
        </div>
        <div class="p-2 text-xs text-center"> Every dollar is being matched 2X </div>
      </div>
    </div><!----><!---->
  </div>
  <div class="px-5 space-y-4 md:px-10">
    <div class="space-y-8 md:flex md:space-y-0 md:space-x-4">
      <div class="flex flex-col w-full"><label for="first_name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">First Name <span class="text-[color:var(--field-label-star)]">*</span></label>
        <div class="relative mt-2"><!----><input type="text" inputmode="text" name="first_name"
            class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
        </div><!---->
      </div>
      <div class="flex flex-col w-full"><label for="last_name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Last Name <span class="text-[color:var(--field-label-star)]">*</span></label>
        <div class="relative mt-2"><!----><input type="text" inputmode="text" name="last_name"
            class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
        </div><!---->
      </div>
    </div>
    <div class="space-y-8 md:flex md:space-y-0 md:space-x-4">
      <div class="flex flex-col w-full"><label for="email" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Email <span class="text-[color:var(--field-label-star)]">*</span></label>
        <div class="relative mt-2"><!----><input type="email" inputmode="email" name="email"
            class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
        </div><!---->
      </div>
      <div class="flex flex-col w-full"><label for="phone" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Phone <span class="text-[color:var(--field-label-star)]">*</span></label>
        <div class="relative mt-2"><!----><input type="tel" inputmode="tel" name="phone"
            class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
        </div><!---->
      </div>
    </div>
    <div class="flex flex-col w-full"><label for="display_name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Display Name <span class="text-[color:var(--field-label-star)]">*</span></label>
      <div class="relative mt-2"><!----><input type="text" inputmode="text" name="display_name"
          class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
      </div><!---->
    </div>
    <div><label class="flex items-center cursor-pointer"><input type="checkbox" name="anonymous" class="w-4 h-4 bg-[color:var(--field-background)] border-0 rounded text-[color:var(--field-border)] focus:ring-0 focus:ring-offset-0"><span
          class="ml-2 text-sm text-[color:var(--field-label)]">I would like to donate anonymously</span></label><!----></div>
    <div class="flex flex-col w-full"><label for="dedication_message" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Message or Dedication <!----></label><textarea name="dedication_message"
        placeholder="type your message or dedication"
        class="block mt-2 bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-20 focus:ring-2 focus:ring-[color:var(--field-border)]"></textarea><!---->
    </div>
  </div>
  <div class="rounded-md bg-[color:var(--donate-teams-background)] p-6 space-y-3 mx-5 md:mx-10">
    <h4 class="text-lg text-center font-bold text-[color:var(--donate-teams-text)]">Team Donation</h4>
    <div class="space-y-2">
      <div class="relative flex flex-col md:flex-row md:space-x-2">
        <div class="flex-1 space-y-2"><label class="block text-xs font-bold text-[color:var(--donate-teams-text)] uppercase">I would like to donate to the following team</label>
          <div class="md:relative mt-2"><button type="button"
              class="w-full bg-[color:var(--donate-teams-field-background)] text-[color:var(-donate-teams-text)] border-none rounded-md focus:ring-0 flex items-center space-x-1 h-10 px-4 relative outline-none">
              <div class="relative flex-1 h-full text-left">
                <div class="absolute inset-0 flex items-center">
                  <div class="truncate">Select Team</div>
                </div>
              </div><svg viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 transition-all">
                <path
                  d="M5.76657 7.8497C5.58735 7.8497 5.40816 7.78126 5.27152 7.64469L0.971743 3.34487C0.698221 3.07135 0.698221 2.62788 0.971743 2.35447C1.24515 2.08106 1.68853 2.08106 1.96208 2.35447L5.76657 6.15919L9.57109 2.35461C9.84461 2.08119 10.288 2.08119 10.5613 2.35461C10.835 2.62802 10.835 3.07148 10.5613 3.34501L6.26163 7.64483C6.12493 7.78142 5.94573 7.8497 5.76657 7.8497Z"
                  fill="currentColor"></path>
              </svg>
            </button>
            <div class="absolute mt-1 bg-[color:var(--donate-teams-field-background)] rounded-md top-full left-0 w-full shadow-box scale-100 translate-y-0 opacity-100 overflow-hidden flex flex-col max-h-72 z-10" style="display: none;">
              <div class="p-2.5 border-b border-solid border-[color:var(--donate-teams-search-border)]"><input type="text" placeholder="Search"
                  class="bg-[color:var(--donate-teams-search-field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--donate-teams-search-field-text)] placeholder-[color:var(--donate-teams-search-field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--donate-teams-search-field-border)]">
              </div>
              <div class="flex-1 overflow-auto">
                <div class="divide-y divide-solid divide-[color:var(--donate-teams-search-border)]">
                  <div><button type="button" class="flex w-full p-3 text-sm text-left bg-[color:var(--donate-teams-search-active-background)]">Wolf Family</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Werbler Family</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Yarmove</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Glaser</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Stern family</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Shney K.</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Cheder Alumni</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Fine Family team</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Osmunson</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Liberow Family</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Atkins</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Shemtov</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Moscowitz</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Wrightman</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Yoel Wolf</button></div><button type="button" class="flex w-full p-3 text-sm hover:bg-[color:var(--donate-teams-search-active-background)]">Load More</button>
                </div>
              </div>
            </div>
          </div>
        </div><!---->
      </div><button type="button" class="text-sm font-bold text-center uppercase text-[color:var(--donate-teams-button)] hover:text-[color:var(--donate-teams-button-hover)] flex mx-auto">Donate to multiple teams</button>
    </div>
  </div>
  <div class="mx-5 md:mx-10">
    <h4 class="block text-xs font-bold text-center text-[color:var(--donate-payment-methods-label)] uppercase">Payment Method</h4>
    <div class="flex flex-wrap justify-center gap-4 mt-1"><button type="button" class="flex items-center justify-center w-20 rounded h-11 bg-[color:var(--donate-payment-methods-button-background-selected)]"><img
          src="https://durt48s07nmgo.cloudfront.net/6aaa4b91-a821-4113-963b-f17d5c37eadb/images/payment-gateway-logos/credit-card.svg" alt="Credit Card" class="object-contain w-12 h-7"></button><button type="button"
        class="flex items-center justify-center w-20 rounded h-11 bg-[color:var(--donate-payment-methods-button-background)] hover:bg-[color:var(--donate-payment-methods-button-background-hover)] group"><img
          src="https://durt48s07nmgo.cloudfront.net/6aaa4b91-a821-4113-963b-f17d5c37eadb/images/payment-gateway-logos/paypal-logo.svg" alt="PayPal" class="object-contain w-12 h-7"></button></div><!---->
  </div>
  <div class="px-5 space-y-4 md:px-10"><!----><!----><!----><!---->
    <div class="space-y-4">
      <div class="flex space-x-4">
        <div class="w-2/3">
          <div class="flex flex-col w-full"><label for="street" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Street <span class="text-[color:var(--field-label-star)]">*</span></label>
            <div class="relative mt-2"><!----><input type="text" inputmode="text" name="street"
                class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
            </div><!---->
          </div>
        </div>
        <div class="w-1/3">
          <div class="flex flex-col w-full"><label for="apt" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Apt <!----></label>
            <div class="relative mt-2"><!----><input type="text" inputmode="text" name="apt"
                class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
            </div><!---->
          </div>
        </div>
      </div>
      <div class="flex space-x-4">
        <div class="flex flex-col w-full"><label for="city" class="text-xs font-bold uppercase text-[color:var(--field-label)]">City <span class="text-[color:var(--field-label-star)]">*</span></label>
          <div class="relative mt-2"><!----><input type="text" inputmode="text" name="city"
              class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
          </div><!---->
        </div>
        <div class="flex flex-col w-full"><label for="state" class="text-xs font-bold uppercase text-[color:var(--field-label)]">State <span class="text-[color:var(--field-label-star)]">*</span></label>
          <div class="relative mt-2"><!----><input type="text" inputmode="text" name="state"
              class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
          </div><!---->
        </div>
        <div class="flex flex-col w-full"><label for="zip" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Zip <span class="text-[color:var(--field-label-star)]">*</span></label>
          <div class="relative mt-2"><!----><input type="text" inputmode="text" name="zip"
              class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
          </div><!---->
        </div>
      </div>
    </div><!---->
  </div>
  <div class="text-center"></div><button
    class="flex items-center px-10 mx-auto mt-10 text-lg font-black text-[color:var(--donate-button-text)] hover:text-[color:var(--donate-button-text)] uppercase bg-[color:var(--donate-button-background)] rounded-full h-14 md:h-16 hover:bg-[color:var(--donate-button-background-hover)] md:text-2xl focus:outline-none">
    Submit Donation </button>
</form>

<form class="space-y-7">
  <div class="grid grid-cols-1 gap-2 px-5 md:grid-cols-2 md:px-10">
    <div class="flex p-3 space-x-3 border border-solid">
      <div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/7ac207c5b76d178d16924cbb9a4be899/Untitled-design-(11).jpg" alt="Donate A Student Locker" class="object-cover w-full h-full">
      </div>
      <div class="flex-1 text-left">
        <h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Student Locker</h3>
        <div class="flex justify-between mt-1 space-x-2">
          <p class="text-[color:var(--donate-product-text)] font-light">$200 <!----></p>
          <div class="flex items-center"><button
              class="w-8 h-8 rounded-full flex items-center justify-center bg-[color:var(--donate-product-button)] text-[color:var(--donate-product-button-text)] hover:bg-[color:var(--donate-product-button-hover)] hover:text-[color:var(--donate-product-button-text-hover)]"><svg
                xml:space="preserve" viewBox="0 0 22.354 22.354" class="w-3 h-3">
                <path fill="currentColor" d="M0 8.61h22.354v5.133H0z"></path>
              </svg></button><input type="tel" class="w-8 h-8 border-none p-0 text-center bg-transparent text-[color:var(--donate-product-text)] outline-none focus:ring-0"><button
              class="w-8 h-8 rounded-full flex items-center justify-center bg-[color:var(--donate-product-button)] text-[color:var(--donate-product-button-text)] hover:bg-[color:var(--donate-product-button-hover)] hover:text-[color:var(--donate-product-button-text-hover)]"><svg
                viewBox="0 0 256 256" xml:space="preserve" class="w-3 h-3">
                <path fill="currentColor" d="M160 96V0H96v96H0v64h96v96h64v-96h96V96z"></path>
              </svg></button></div>
        </div><!---->
      </div>
    </div><button type="button"
      class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
      <div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/e4ffdc2b94e45688d80845e8fa306829/Untitled-design-(3).jpg" alt="Donate A Student Desk" class="object-cover w-full h-full">
      </div>
      <div class="flex-1 text-left">
        <h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Student Desk</h3>
        <p class="text-[color:var(--donate-product-text)] font-light mt-1">$250</p><!---->
      </div>
    </button><button type="button"
      class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
      <div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/ae79642452b83e52a96de32b9b371719/Untitled-design-(4).jpg" alt="Donate A Teacher's Desk" class="object-cover w-full h-full">
      </div>
      <div class="flex-1 text-left">
        <h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Teacher's Desk</h3>
        <p class="text-[color:var(--donate-product-text)] font-light mt-1">$550</p><!---->
      </div>
    </button><button type="button"
      class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
      <div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/f187679b23b695958c99468c9d692c0e/Untitled-design-(8).jpg" alt="Donate A Water Fountain" class="object-cover w-full h-full">
      </div>
      <div class="flex-1 text-left">
        <h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Water Fountain</h3>
        <p class="text-[color:var(--donate-product-text)] font-light mt-1">$750</p><!---->
      </div>
    </button><button type="button"
      class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
      <div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/74460df7d7afca5cc3c38cf41549b291/Untitled-design-(7).jpg" alt="Donate A Lunch Table" class="object-cover w-full h-full">
      </div>
      <div class="flex-1 text-left">
        <h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Lunch Table</h3>
        <p class="text-[color:var(--donate-product-text)] font-light mt-1">$2,500</p><!---->
      </div>
    </button><button type="button"
      class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
      <div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/d9d6adc37338b805958965a0949fb0a0/Untitled-design-(6).jpg" alt="Donate A Interactive Whiteboard"
          class="object-cover w-full h-full"></div>
      <div class="flex-1 text-left">
        <h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Interactive Whiteboard</h3>
        <p class="text-[color:var(--donate-product-text)] font-light mt-1">$5,000</p><!---->
      </div>
    </button>
  </div>
  <div class="bg-[color:var(--donate-amount-section-background)] text-[color:var(--donate-amount-section-text)] py-7 px-5 md:px-10">
    <div class="space-y-3 md:flex md:space-y-0 md:space-x-5">
      <div class="w-full md:w-1/2">
        <h3 class="text-xs font-bold text-center uppercase">Your Amount</h3>
        <div class="flex items-center h-16 mt-1 text-[color:var(--donate-amount-field-text)] bg-[color:var(--donate-amount-field-background)] rounded-md">
          <div class="relative z-10 flex-shrink-0"><button type="button" class="flex items-center" disabled="" tabindex="-1">
              <div class="flex flex-col items-center justify-center w-16 h-16">
                <div class="text-3xl font-bold">$</div>
                <p class="text-xs uppercase text-light">USD</p>
              </div><!---->
            </button>
            <div class="absolute p-2 mt-1 space-y-2 bg-[color:var(--donate-amount-field-background)] rounded-md top-full shadow-box scale-100 translate-y-0 opacity-100" style="display: none;"><button type="button" tabindex="-1"
                class="flex w-full items-center px-2 py-2 space-x-2 rounded-md hover:bg-[color:var(--donate-amount-section-background)] text-[color:var(--donate-amount-section-text)] bg-[color:var(--donate-amount-section-background)]">
                <div class="text-xl font-bold">$</div>
                <p class="text-lg uppercase text-light">USD</p>
              </button></div>
          </div>
          <div class="flex-1 h-full"><input type="tel" class="w-full h-full pr-0 text-3xl text-right bg-transparent border-none outline-none focus:outline-none focus:ring-0 text-[color:var(--donate-amount-field-text)]" maxlength="7"></div>
          <div class="flex-shrink-0 pr-5 text-3xl">.00</div>
        </div><!---->
        <div class="mt-5">
          <h3 class="text-xs font-bold text-center uppercase">Donate in Installments</h3>
          <div class="h-12 mt-1"><select class="w-full bg-[color:var(--donate-amount-field-background)] text-[color:var(--donate-amount-field-text)] border-none rounded-md focus:ring-0">
              <option value="1">No Installments</option>
              <option value="2">Divide donation by 2 months ($100.00)</option>
              <option value="3">Divide donation by 3 months ($66.67)</option>
              <option value="4">Divide donation by 4 months ($50.00)</option>
              <option value="5">Divide donation by 5 months ($40.00)</option>
              <option value="6">Divide donation by 6 months ($33.33)</option>
              <option value="7">Divide donation by 7 months ($28.57)</option>
              <option value="8">Divide donation by 8 months ($25.00)</option>
              <option value="9">Divide donation by 9 months ($22.22)</option>
              <option value="10">Divide donation by 10 months ($20.00)</option>
              <option value="11">Divide donation by 11 months ($18.18)</option>
              <option value="12">Divide donation by 12 months ($16.67)</option>
            </select></div>
        </div><!---->
      </div>
      <div class="w-full md:w-1/2 overflow-hidden rounded-md bg-[color:var(--donate-organization-background)]">
        <p class="px-5 mt-6 text-lg text-center">Cheder Lubavitch Hebrew Day School, Inc</p>
        <p class="px-5 mt-1 text-xs text-center">will receive</p>
        <div class="py-2 mt-2 text-center text-[color:var(--donate-amount-text)] bg-[color:var(--donate-amount-background)]">
          <div class="text-3xl font-bold text-white">$400.00 USD</div><!----><!---->
        </div>
        <div class="p-2 text-xs text-center"> Every dollar is being matched 2X </div>
      </div>
    </div><!----><!---->
  </div>
  <div class="px-5 space-y-4 md:px-10">
    <div class="space-y-8 md:flex md:space-y-0 md:space-x-4">
      <div class="flex flex-col w-full"><label for="first_name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">First Name <span class="text-[color:var(--field-label-star)]">*</span></label>
        <div class="relative mt-2"><!----><input type="text" inputmode="text" name="first_name"
            class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
        </div><!---->
      </div>
      <div class="flex flex-col w-full"><label for="last_name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Last Name <span class="text-[color:var(--field-label-star)]">*</span></label>
        <div class="relative mt-2"><!----><input type="text" inputmode="text" name="last_name"
            class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
        </div><!---->
      </div>
    </div>
    <div class="space-y-8 md:flex md:space-y-0 md:space-x-4">
      <div class="flex flex-col w-full"><label for="email" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Email <span class="text-[color:var(--field-label-star)]">*</span></label>
        <div class="relative mt-2"><!----><input type="email" inputmode="email" name="email"
            class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
        </div><!---->
      </div>
      <div class="flex flex-col w-full"><label for="phone" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Phone <span class="text-[color:var(--field-label-star)]">*</span></label>
        <div class="relative mt-2"><!----><input type="tel" inputmode="tel" name="phone"
            class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
        </div><!---->
      </div>
    </div>
    <div class="flex flex-col w-full"><label for="display_name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Display Name <span class="text-[color:var(--field-label-star)]">*</span></label>
      <div class="relative mt-2"><!----><input type="text" inputmode="text" name="display_name"
          class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
      </div><!---->
    </div>
    <div><label class="flex items-center cursor-pointer"><input type="checkbox" name="anonymous" class="w-4 h-4 bg-[color:var(--field-background)] border-0 rounded text-[color:var(--field-border)] focus:ring-0 focus:ring-offset-0"><span
          class="ml-2 text-sm text-[color:var(--field-label)]">I would like to donate anonymously</span></label><!----></div>
    <div class="flex flex-col w-full"><label for="dedication_message" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Message or Dedication <!----></label><textarea name="dedication_message"
        placeholder="type your message or dedication"
        class="block mt-2 bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-20 focus:ring-2 focus:ring-[color:var(--field-border)]"></textarea><!---->
    </div>
  </div>
  <div class="rounded-md bg-[color:var(--donate-teams-background)] p-6 space-y-3 mx-5 md:mx-10">
    <h4 class="text-lg text-center font-bold text-[color:var(--donate-teams-text)]">Team Donation</h4>
    <div class="space-y-2">
      <div class="relative flex flex-col md:flex-row md:space-x-2">
        <div class="flex-1 space-y-2"><label class="block text-xs font-bold text-[color:var(--donate-teams-text)] uppercase">I would like to donate to the following team</label>
          <div class="md:relative mt-2"><button type="button"
              class="w-full bg-[color:var(--donate-teams-field-background)] text-[color:var(-donate-teams-text)] border-none rounded-md focus:ring-0 flex items-center space-x-1 h-10 px-4 relative outline-none">
              <div class="relative flex-1 h-full text-left">
                <div class="absolute inset-0 flex items-center">
                  <div class="truncate">Select Team</div>
                </div>
              </div><svg viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 transition-all">
                <path
                  d="M5.76657 7.8497C5.58735 7.8497 5.40816 7.78126 5.27152 7.64469L0.971743 3.34487C0.698221 3.07135 0.698221 2.62788 0.971743 2.35447C1.24515 2.08106 1.68853 2.08106 1.96208 2.35447L5.76657 6.15919L9.57109 2.35461C9.84461 2.08119 10.288 2.08119 10.5613 2.35461C10.835 2.62802 10.835 3.07148 10.5613 3.34501L6.26163 7.64483C6.12493 7.78142 5.94573 7.8497 5.76657 7.8497Z"
                  fill="currentColor"></path>
              </svg>
            </button>
            <div class="absolute mt-1 bg-[color:var(--donate-teams-field-background)] rounded-md top-full left-0 w-full shadow-box scale-100 translate-y-0 opacity-100 overflow-hidden flex flex-col max-h-72 z-10" style="display: none;">
              <div class="p-2.5 border-b border-solid border-[color:var(--donate-teams-search-border)]"><input type="text" placeholder="Search"
                  class="bg-[color:var(--donate-teams-search-field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--donate-teams-search-field-text)] placeholder-[color:var(--donate-teams-search-field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--donate-teams-search-field-border)]">
              </div>
              <div class="flex-1 overflow-auto">
                <div class="divide-y divide-solid divide-[color:var(--donate-teams-search-border)]">
                  <div><button type="button" class="flex w-full p-3 text-sm text-left bg-[color:var(--donate-teams-search-active-background)]">Wolf Family</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Werbler Family</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Yarmove</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Glaser</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Stern family</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Shney K.</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Cheder Alumni</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Fine Family team</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Osmunson</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Liberow Family</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Atkins</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Shemtov</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Moscowitz</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Wrightman</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Yoel Wolf</button></div><button type="button" class="flex w-full p-3 text-sm hover:bg-[color:var(--donate-teams-search-active-background)]">Load More</button>
                </div>
              </div>
            </div>
          </div>
        </div><!---->
      </div><button type="button" class="text-sm font-bold text-center uppercase text-[color:var(--donate-teams-button)] hover:text-[color:var(--donate-teams-button-hover)] flex mx-auto">Donate to multiple teams</button>
    </div>
  </div>
  <div class="mx-5 md:mx-10">
    <h4 class="block text-xs font-bold text-center text-[color:var(--donate-payment-methods-label)] uppercase">Payment Method</h4>
    <div class="flex flex-wrap justify-center gap-4 mt-1"><button type="button" class="flex items-center justify-center w-20 rounded h-11 bg-[color:var(--donate-payment-methods-button-background-selected)]"><img
          src="https://durt48s07nmgo.cloudfront.net/6aaa4b91-a821-4113-963b-f17d5c37eadb/images/payment-gateway-logos/credit-card.svg" alt="Credit Card" class="object-contain w-12 h-7"></button><button type="button"
        class="flex items-center justify-center w-20 rounded h-11 bg-[color:var(--donate-payment-methods-button-background)] hover:bg-[color:var(--donate-payment-methods-button-background-hover)] group"><img
          src="https://durt48s07nmgo.cloudfront.net/6aaa4b91-a821-4113-963b-f17d5c37eadb/images/payment-gateway-logos/paypal-logo.svg" alt="PayPal" class="object-contain w-12 h-7"></button></div><!---->
  </div>
  <div class="px-5 space-y-4 md:px-10"><!----><!----><!----><!---->
    <div class="space-y-4">
      <div class="flex space-x-4">
        <div class="w-2/3">
          <div class="flex flex-col w-full"><label for="street" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Street <span class="text-[color:var(--field-label-star)]">*</span></label>
            <div class="relative mt-2"><!----><input type="text" inputmode="text" name="street"
                class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
            </div><!---->
          </div>
        </div>
        <div class="w-1/3">
          <div class="flex flex-col w-full"><label for="apt" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Apt <!----></label>
            <div class="relative mt-2"><!----><input type="text" inputmode="text" name="apt"
                class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
            </div><!---->
          </div>
        </div>
      </div>
      <div class="flex space-x-4">
        <div class="flex flex-col w-full"><label for="city" class="text-xs font-bold uppercase text-[color:var(--field-label)]">City <span class="text-[color:var(--field-label-star)]">*</span></label>
          <div class="relative mt-2"><!----><input type="text" inputmode="text" name="city"
              class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
          </div><!---->
        </div>
        <div class="flex flex-col w-full"><label for="state" class="text-xs font-bold uppercase text-[color:var(--field-label)]">State <span class="text-[color:var(--field-label-star)]">*</span></label>
          <div class="relative mt-2"><!----><input type="text" inputmode="text" name="state"
              class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
          </div><!---->
        </div>
        <div class="flex flex-col w-full"><label for="zip" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Zip <span class="text-[color:var(--field-label-star)]">*</span></label>
          <div class="relative mt-2"><!----><input type="text" inputmode="text" name="zip"
              class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
          </div><!---->
        </div>
      </div>
    </div><!---->
  </div>
  <div class="text-center"></div><button
    class="flex items-center px-10 mx-auto mt-10 text-lg font-black text-[color:var(--donate-button-text)] hover:text-[color:var(--donate-button-text)] uppercase bg-[color:var(--donate-button-background)] rounded-full h-14 md:h-16 hover:bg-[color:var(--donate-button-background-hover)] md:text-2xl focus:outline-none">
    Submit Donation </button>
</form>

<form class="space-y-7">
  <div class="grid grid-cols-1 gap-2 px-5 md:grid-cols-2 md:px-10"><button type="button"
      class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
      <div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/7ac207c5b76d178d16924cbb9a4be899/Untitled-design-(11).jpg" alt="Donate A Student Locker" class="object-cover w-full h-full">
      </div>
      <div class="flex-1 text-left">
        <h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Student Locker</h3>
        <p class="text-[color:var(--donate-product-text)] font-light mt-1">$200</p><!---->
      </div>
    </button>
    <div class="flex p-3 space-x-3 border border-solid">
      <div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/e4ffdc2b94e45688d80845e8fa306829/Untitled-design-(3).jpg" alt="Donate A Student Desk" class="object-cover w-full h-full">
      </div>
      <div class="flex-1 text-left">
        <h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Student Desk</h3>
        <div class="flex justify-between mt-1 space-x-2">
          <p class="text-[color:var(--donate-product-text)] font-light">$250 <!----></p>
          <div class="flex items-center"><button
              class="w-8 h-8 rounded-full flex items-center justify-center bg-[color:var(--donate-product-button)] text-[color:var(--donate-product-button-text)] hover:bg-[color:var(--donate-product-button-hover)] hover:text-[color:var(--donate-product-button-text-hover)]"><svg
                xml:space="preserve" viewBox="0 0 22.354 22.354" class="w-3 h-3">
                <path fill="currentColor" d="M0 8.61h22.354v5.133H0z"></path>
              </svg></button><input type="tel" class="w-8 h-8 border-none p-0 text-center bg-transparent text-[color:var(--donate-product-text)] outline-none focus:ring-0"><button
              class="w-8 h-8 rounded-full flex items-center justify-center bg-[color:var(--donate-product-button)] text-[color:var(--donate-product-button-text)] hover:bg-[color:var(--donate-product-button-hover)] hover:text-[color:var(--donate-product-button-text-hover)]"><svg
                viewBox="0 0 256 256" xml:space="preserve" class="w-3 h-3">
                <path fill="currentColor" d="M160 96V0H96v96H0v64h96v96h64v-96h96V96z"></path>
              </svg></button></div>
        </div><!---->
      </div>
    </div><button type="button"
      class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
      <div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/ae79642452b83e52a96de32b9b371719/Untitled-design-(4).jpg" alt="Donate A Teacher's Desk" class="object-cover w-full h-full">
      </div>
      <div class="flex-1 text-left">
        <h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Teacher's Desk</h3>
        <p class="text-[color:var(--donate-product-text)] font-light mt-1">$550</p><!---->
      </div>
    </button><button type="button"
      class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
      <div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/f187679b23b695958c99468c9d692c0e/Untitled-design-(8).jpg" alt="Donate A Water Fountain" class="object-cover w-full h-full">
      </div>
      <div class="flex-1 text-left">
        <h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Water Fountain</h3>
        <p class="text-[color:var(--donate-product-text)] font-light mt-1">$750</p><!---->
      </div>
    </button><button type="button"
      class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
      <div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/74460df7d7afca5cc3c38cf41549b291/Untitled-design-(7).jpg" alt="Donate A Lunch Table" class="object-cover w-full h-full">
      </div>
      <div class="flex-1 text-left">
        <h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Lunch Table</h3>
        <p class="text-[color:var(--donate-product-text)] font-light mt-1">$2,500</p><!---->
      </div>
    </button><button type="button"
      class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
      <div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/d9d6adc37338b805958965a0949fb0a0/Untitled-design-(6).jpg" alt="Donate A Interactive Whiteboard"
          class="object-cover w-full h-full"></div>
      <div class="flex-1 text-left">
        <h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Interactive Whiteboard</h3>
        <p class="text-[color:var(--donate-product-text)] font-light mt-1">$5,000</p><!---->
      </div>
    </button>
  </div>
  <div class="bg-[color:var(--donate-amount-section-background)] text-[color:var(--donate-amount-section-text)] py-7 px-5 md:px-10">
    <div class="space-y-3 md:flex md:space-y-0 md:space-x-5">
      <div class="w-full md:w-1/2">
        <h3 class="text-xs font-bold text-center uppercase">Your Amount</h3>
        <div class="flex items-center h-16 mt-1 text-[color:var(--donate-amount-field-text)] bg-[color:var(--donate-amount-field-background)] rounded-md">
          <div class="relative z-10 flex-shrink-0"><button type="button" class="flex items-center" disabled="" tabindex="-1">
              <div class="flex flex-col items-center justify-center w-16 h-16">
                <div class="text-3xl font-bold">$</div>
                <p class="text-xs uppercase text-light">USD</p>
              </div><!---->
            </button>
            <div class="absolute p-2 mt-1 space-y-2 bg-[color:var(--donate-amount-field-background)] rounded-md top-full shadow-box scale-100 translate-y-0 opacity-100" style="display: none;"><button type="button" tabindex="-1"
                class="flex w-full items-center px-2 py-2 space-x-2 rounded-md hover:bg-[color:var(--donate-amount-section-background)] text-[color:var(--donate-amount-section-text)] bg-[color:var(--donate-amount-section-background)]">
                <div class="text-xl font-bold">$</div>
                <p class="text-lg uppercase text-light">USD</p>
              </button></div>
          </div>
          <div class="flex-1 h-full"><input type="tel" class="w-full h-full pr-0 text-3xl text-right bg-transparent border-none outline-none focus:outline-none focus:ring-0 text-[color:var(--donate-amount-field-text)]" maxlength="7"></div>
          <div class="flex-shrink-0 pr-5 text-3xl">.00</div>
        </div><!---->
        <div class="mt-5">
          <h3 class="text-xs font-bold text-center uppercase">Donate in Installments</h3>
          <div class="h-12 mt-1"><select class="w-full bg-[color:var(--donate-amount-field-background)] text-[color:var(--donate-amount-field-text)] border-none rounded-md focus:ring-0">
              <option value="1">No Installments</option>
              <option value="2">Divide donation by 2 months ($125.00)</option>
              <option value="3">Divide donation by 3 months ($83.33)</option>
              <option value="4">Divide donation by 4 months ($62.50)</option>
              <option value="5">Divide donation by 5 months ($50.00)</option>
              <option value="6">Divide donation by 6 months ($41.67)</option>
              <option value="7">Divide donation by 7 months ($35.71)</option>
              <option value="8">Divide donation by 8 months ($31.25)</option>
              <option value="9">Divide donation by 9 months ($27.78)</option>
              <option value="10">Divide donation by 10 months ($25.00)</option>
              <option value="11">Divide donation by 11 months ($22.73)</option>
              <option value="12">Divide donation by 12 months ($20.83)</option>
            </select></div>
        </div><!---->
      </div>
      <div class="w-full md:w-1/2 overflow-hidden rounded-md bg-[color:var(--donate-organization-background)]">
        <p class="px-5 mt-6 text-lg text-center">Cheder Lubavitch Hebrew Day School, Inc</p>
        <p class="px-5 mt-1 text-xs text-center">will receive</p>
        <div class="py-2 mt-2 text-center text-[color:var(--donate-amount-text)] bg-[color:var(--donate-amount-background)]">
          <div class="text-3xl font-bold text-white">$500.00 USD</div><!----><!---->
        </div>
        <div class="p-2 text-xs text-center"> Every dollar is being matched 2X </div>
      </div>
    </div><!----><!---->
  </div>
  <div class="px-5 space-y-4 md:px-10">
    <div class="space-y-8 md:flex md:space-y-0 md:space-x-4">
      <div class="flex flex-col w-full"><label for="first_name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">First Name <span class="text-[color:var(--field-label-star)]">*</span></label>
        <div class="relative mt-2"><!----><input type="text" inputmode="text" name="first_name"
            class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
        </div><!---->
      </div>
      <div class="flex flex-col w-full"><label for="last_name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Last Name <span class="text-[color:var(--field-label-star)]">*</span></label>
        <div class="relative mt-2"><!----><input type="text" inputmode="text" name="last_name"
            class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
        </div><!---->
      </div>
    </div>
    <div class="space-y-8 md:flex md:space-y-0 md:space-x-4">
      <div class="flex flex-col w-full"><label for="email" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Email <span class="text-[color:var(--field-label-star)]">*</span></label>
        <div class="relative mt-2"><!----><input type="email" inputmode="email" name="email"
            class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
        </div><!---->
      </div>
      <div class="flex flex-col w-full"><label for="phone" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Phone <span class="text-[color:var(--field-label-star)]">*</span></label>
        <div class="relative mt-2"><!----><input type="tel" inputmode="tel" name="phone"
            class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
        </div><!---->
      </div>
    </div>
    <div class="flex flex-col w-full"><label for="display_name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Display Name <span class="text-[color:var(--field-label-star)]">*</span></label>
      <div class="relative mt-2"><!----><input type="text" inputmode="text" name="display_name"
          class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
      </div><!---->
    </div>
    <div><label class="flex items-center cursor-pointer"><input type="checkbox" name="anonymous" class="w-4 h-4 bg-[color:var(--field-background)] border-0 rounded text-[color:var(--field-border)] focus:ring-0 focus:ring-offset-0"><span
          class="ml-2 text-sm text-[color:var(--field-label)]">I would like to donate anonymously</span></label><!----></div>
    <div class="flex flex-col w-full"><label for="dedication_message" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Message or Dedication <!----></label><textarea name="dedication_message"
        placeholder="type your message or dedication"
        class="block mt-2 bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-20 focus:ring-2 focus:ring-[color:var(--field-border)]"></textarea><!---->
    </div>
  </div>
  <div class="rounded-md bg-[color:var(--donate-teams-background)] p-6 space-y-3 mx-5 md:mx-10">
    <h4 class="text-lg text-center font-bold text-[color:var(--donate-teams-text)]">Team Donation</h4>
    <div class="space-y-2">
      <div class="relative flex flex-col md:flex-row md:space-x-2">
        <div class="flex-1 space-y-2"><label class="block text-xs font-bold text-[color:var(--donate-teams-text)] uppercase">I would like to donate to the following team</label>
          <div class="md:relative mt-2"><button type="button"
              class="w-full bg-[color:var(--donate-teams-field-background)] text-[color:var(-donate-teams-text)] border-none rounded-md focus:ring-0 flex items-center space-x-1 h-10 px-4 relative outline-none">
              <div class="relative flex-1 h-full text-left">
                <div class="absolute inset-0 flex items-center">
                  <div class="truncate">Select Team</div>
                </div>
              </div><svg viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 transition-all">
                <path
                  d="M5.76657 7.8497C5.58735 7.8497 5.40816 7.78126 5.27152 7.64469L0.971743 3.34487C0.698221 3.07135 0.698221 2.62788 0.971743 2.35447C1.24515 2.08106 1.68853 2.08106 1.96208 2.35447L5.76657 6.15919L9.57109 2.35461C9.84461 2.08119 10.288 2.08119 10.5613 2.35461C10.835 2.62802 10.835 3.07148 10.5613 3.34501L6.26163 7.64483C6.12493 7.78142 5.94573 7.8497 5.76657 7.8497Z"
                  fill="currentColor"></path>
              </svg>
            </button>
            <div class="absolute mt-1 bg-[color:var(--donate-teams-field-background)] rounded-md top-full left-0 w-full shadow-box scale-100 translate-y-0 opacity-100 overflow-hidden flex flex-col max-h-72 z-10" style="display: none;">
              <div class="p-2.5 border-b border-solid border-[color:var(--donate-teams-search-border)]"><input type="text" placeholder="Search"
                  class="bg-[color:var(--donate-teams-search-field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--donate-teams-search-field-text)] placeholder-[color:var(--donate-teams-search-field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--donate-teams-search-field-border)]">
              </div>
              <div class="flex-1 overflow-auto">
                <div class="divide-y divide-solid divide-[color:var(--donate-teams-search-border)]">
                  <div><button type="button" class="flex w-full p-3 text-sm text-left bg-[color:var(--donate-teams-search-active-background)]">Wolf Family</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Werbler Family</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Yarmove</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Glaser</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Stern family</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Shney K.</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Cheder Alumni</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Fine Family team</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Osmunson</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Liberow Family</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Atkins</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Shemtov</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Moscowitz</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Wrightman</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Yoel Wolf</button></div><button type="button" class="flex w-full p-3 text-sm hover:bg-[color:var(--donate-teams-search-active-background)]">Load More</button>
                </div>
              </div>
            </div>
          </div>
        </div><!---->
      </div><button type="button" class="text-sm font-bold text-center uppercase text-[color:var(--donate-teams-button)] hover:text-[color:var(--donate-teams-button-hover)] flex mx-auto">Donate to multiple teams</button>
    </div>
  </div>
  <div class="mx-5 md:mx-10">
    <h4 class="block text-xs font-bold text-center text-[color:var(--donate-payment-methods-label)] uppercase">Payment Method</h4>
    <div class="flex flex-wrap justify-center gap-4 mt-1"><button type="button" class="flex items-center justify-center w-20 rounded h-11 bg-[color:var(--donate-payment-methods-button-background-selected)]"><img
          src="https://durt48s07nmgo.cloudfront.net/6aaa4b91-a821-4113-963b-f17d5c37eadb/images/payment-gateway-logos/credit-card.svg" alt="Credit Card" class="object-contain w-12 h-7"></button><button type="button"
        class="flex items-center justify-center w-20 rounded h-11 bg-[color:var(--donate-payment-methods-button-background)] hover:bg-[color:var(--donate-payment-methods-button-background-hover)] group"><img
          src="https://durt48s07nmgo.cloudfront.net/6aaa4b91-a821-4113-963b-f17d5c37eadb/images/payment-gateway-logos/paypal-logo.svg" alt="PayPal" class="object-contain w-12 h-7"></button></div><!---->
  </div>
  <div class="px-5 space-y-4 md:px-10"><!----><!----><!----><!---->
    <div class="space-y-4">
      <div class="flex space-x-4">
        <div class="w-2/3">
          <div class="flex flex-col w-full"><label for="street" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Street <span class="text-[color:var(--field-label-star)]">*</span></label>
            <div class="relative mt-2"><!----><input type="text" inputmode="text" name="street"
                class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
            </div><!---->
          </div>
        </div>
        <div class="w-1/3">
          <div class="flex flex-col w-full"><label for="apt" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Apt <!----></label>
            <div class="relative mt-2"><!----><input type="text" inputmode="text" name="apt"
                class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
            </div><!---->
          </div>
        </div>
      </div>
      <div class="flex space-x-4">
        <div class="flex flex-col w-full"><label for="city" class="text-xs font-bold uppercase text-[color:var(--field-label)]">City <span class="text-[color:var(--field-label-star)]">*</span></label>
          <div class="relative mt-2"><!----><input type="text" inputmode="text" name="city"
              class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
          </div><!---->
        </div>
        <div class="flex flex-col w-full"><label for="state" class="text-xs font-bold uppercase text-[color:var(--field-label)]">State <span class="text-[color:var(--field-label-star)]">*</span></label>
          <div class="relative mt-2"><!----><input type="text" inputmode="text" name="state"
              class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
          </div><!---->
        </div>
        <div class="flex flex-col w-full"><label for="zip" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Zip <span class="text-[color:var(--field-label-star)]">*</span></label>
          <div class="relative mt-2"><!----><input type="text" inputmode="text" name="zip"
              class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
          </div><!---->
        </div>
      </div>
    </div><!---->
  </div>
  <div class="text-center"></div><button
    class="flex items-center px-10 mx-auto mt-10 text-lg font-black text-[color:var(--donate-button-text)] hover:text-[color:var(--donate-button-text)] uppercase bg-[color:var(--donate-button-background)] rounded-full h-14 md:h-16 hover:bg-[color:var(--donate-button-background-hover)] md:text-2xl focus:outline-none">
    Submit Donation </button>
</form>

<form class="space-y-7">
  <div class="grid grid-cols-1 gap-2 px-5 md:grid-cols-2 md:px-10"><button type="button"
      class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
      <div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/7ac207c5b76d178d16924cbb9a4be899/Untitled-design-(11).jpg" alt="Donate A Student Locker" class="object-cover w-full h-full">
      </div>
      <div class="flex-1 text-left">
        <h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Student Locker</h3>
        <p class="text-[color:var(--donate-product-text)] font-light mt-1">$200</p><!---->
      </div>
    </button><button type="button"
      class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
      <div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/e4ffdc2b94e45688d80845e8fa306829/Untitled-design-(3).jpg" alt="Donate A Student Desk" class="object-cover w-full h-full">
      </div>
      <div class="flex-1 text-left">
        <h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Student Desk</h3>
        <p class="text-[color:var(--donate-product-text)] font-light mt-1">$250</p><!---->
      </div>
    </button>
    <div class="flex p-3 space-x-3 border border-solid">
      <div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/ae79642452b83e52a96de32b9b371719/Untitled-design-(4).jpg" alt="Donate A Teacher's Desk" class="object-cover w-full h-full">
      </div>
      <div class="flex-1 text-left">
        <h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Teacher's Desk</h3>
        <div class="flex justify-between mt-1 space-x-2">
          <p class="text-[color:var(--donate-product-text)] font-light">$550 <!----></p>
          <div class="flex items-center"><button
              class="w-8 h-8 rounded-full flex items-center justify-center bg-[color:var(--donate-product-button)] text-[color:var(--donate-product-button-text)] hover:bg-[color:var(--donate-product-button-hover)] hover:text-[color:var(--donate-product-button-text-hover)]"><svg
                xml:space="preserve" viewBox="0 0 22.354 22.354" class="w-3 h-3">
                <path fill="currentColor" d="M0 8.61h22.354v5.133H0z"></path>
              </svg></button><input type="tel" class="w-8 h-8 border-none p-0 text-center bg-transparent text-[color:var(--donate-product-text)] outline-none focus:ring-0"><button
              class="w-8 h-8 rounded-full flex items-center justify-center bg-[color:var(--donate-product-button)] text-[color:var(--donate-product-button-text)] hover:bg-[color:var(--donate-product-button-hover)] hover:text-[color:var(--donate-product-button-text-hover)]"><svg
                viewBox="0 0 256 256" xml:space="preserve" class="w-3 h-3">
                <path fill="currentColor" d="M160 96V0H96v96H0v64h96v96h64v-96h96V96z"></path>
              </svg></button></div>
        </div><!---->
      </div>
    </div><button type="button"
      class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
      <div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/f187679b23b695958c99468c9d692c0e/Untitled-design-(8).jpg" alt="Donate A Water Fountain" class="object-cover w-full h-full">
      </div>
      <div class="flex-1 text-left">
        <h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Water Fountain</h3>
        <p class="text-[color:var(--donate-product-text)] font-light mt-1">$750</p><!---->
      </div>
    </button><button type="button"
      class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
      <div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/74460df7d7afca5cc3c38cf41549b291/Untitled-design-(7).jpg" alt="Donate A Lunch Table" class="object-cover w-full h-full">
      </div>
      <div class="flex-1 text-left">
        <h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Lunch Table</h3>
        <p class="text-[color:var(--donate-product-text)] font-light mt-1">$2,500</p><!---->
      </div>
    </button><button type="button"
      class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
      <div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/d9d6adc37338b805958965a0949fb0a0/Untitled-design-(6).jpg" alt="Donate A Interactive Whiteboard"
          class="object-cover w-full h-full"></div>
      <div class="flex-1 text-left">
        <h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Interactive Whiteboard</h3>
        <p class="text-[color:var(--donate-product-text)] font-light mt-1">$5,000</p><!---->
      </div>
    </button>
  </div>
  <div class="bg-[color:var(--donate-amount-section-background)] text-[color:var(--donate-amount-section-text)] py-7 px-5 md:px-10">
    <div class="space-y-3 md:flex md:space-y-0 md:space-x-5">
      <div class="w-full md:w-1/2">
        <h3 class="text-xs font-bold text-center uppercase">Your Amount</h3>
        <div class="flex items-center h-16 mt-1 text-[color:var(--donate-amount-field-text)] bg-[color:var(--donate-amount-field-background)] rounded-md">
          <div class="relative z-10 flex-shrink-0"><button type="button" class="flex items-center" disabled="" tabindex="-1">
              <div class="flex flex-col items-center justify-center w-16 h-16">
                <div class="text-3xl font-bold">$</div>
                <p class="text-xs uppercase text-light">USD</p>
              </div><!---->
            </button>
            <div class="absolute p-2 mt-1 space-y-2 bg-[color:var(--donate-amount-field-background)] rounded-md top-full shadow-box scale-100 translate-y-0 opacity-100" style="display: none;"><button type="button" tabindex="-1"
                class="flex w-full items-center px-2 py-2 space-x-2 rounded-md hover:bg-[color:var(--donate-amount-section-background)] text-[color:var(--donate-amount-section-text)] bg-[color:var(--donate-amount-section-background)]">
                <div class="text-xl font-bold">$</div>
                <p class="text-lg uppercase text-light">USD</p>
              </button></div>
          </div>
          <div class="flex-1 h-full"><input type="tel" class="w-full h-full pr-0 text-3xl text-right bg-transparent border-none outline-none focus:outline-none focus:ring-0 text-[color:var(--donate-amount-field-text)]" maxlength="7"></div>
          <div class="flex-shrink-0 pr-5 text-3xl">.00</div>
        </div><!---->
        <div class="mt-5">
          <h3 class="text-xs font-bold text-center uppercase">Donate in Installments</h3>
          <div class="h-12 mt-1"><select class="w-full bg-[color:var(--donate-amount-field-background)] text-[color:var(--donate-amount-field-text)] border-none rounded-md focus:ring-0">
              <option value="1">No Installments</option>
              <option value="2">Divide donation by 2 months ($275.00)</option>
              <option value="3">Divide donation by 3 months ($183.33)</option>
              <option value="4">Divide donation by 4 months ($137.50)</option>
              <option value="5">Divide donation by 5 months ($110.00)</option>
              <option value="6">Divide donation by 6 months ($91.67)</option>
              <option value="7">Divide donation by 7 months ($78.57)</option>
              <option value="8">Divide donation by 8 months ($68.75)</option>
              <option value="9">Divide donation by 9 months ($61.11)</option>
              <option value="10">Divide donation by 10 months ($55.00)</option>
              <option value="11">Divide donation by 11 months ($50.00)</option>
              <option value="12">Divide donation by 12 months ($45.83)</option>
            </select></div>
        </div><!---->
      </div>
      <div class="w-full md:w-1/2 overflow-hidden rounded-md bg-[color:var(--donate-organization-background)]">
        <p class="px-5 mt-6 text-lg text-center">Cheder Lubavitch Hebrew Day School, Inc</p>
        <p class="px-5 mt-1 text-xs text-center">will receive</p>
        <div class="py-2 mt-2 text-center text-[color:var(--donate-amount-text)] bg-[color:var(--donate-amount-background)]">
          <div class="text-3xl font-bold text-white">$1,100.00 USD</div><!----><!---->
        </div>
        <div class="p-2 text-xs text-center"> Every dollar is being matched 2X </div>
      </div>
    </div><!----><!---->
  </div>
  <div class="px-5 space-y-4 md:px-10">
    <div class="space-y-8 md:flex md:space-y-0 md:space-x-4">
      <div class="flex flex-col w-full"><label for="first_name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">First Name <span class="text-[color:var(--field-label-star)]">*</span></label>
        <div class="relative mt-2"><!----><input type="text" inputmode="text" name="first_name"
            class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
        </div><!---->
      </div>
      <div class="flex flex-col w-full"><label for="last_name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Last Name <span class="text-[color:var(--field-label-star)]">*</span></label>
        <div class="relative mt-2"><!----><input type="text" inputmode="text" name="last_name"
            class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
        </div><!---->
      </div>
    </div>
    <div class="space-y-8 md:flex md:space-y-0 md:space-x-4">
      <div class="flex flex-col w-full"><label for="email" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Email <span class="text-[color:var(--field-label-star)]">*</span></label>
        <div class="relative mt-2"><!----><input type="email" inputmode="email" name="email"
            class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
        </div><!---->
      </div>
      <div class="flex flex-col w-full"><label for="phone" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Phone <span class="text-[color:var(--field-label-star)]">*</span></label>
        <div class="relative mt-2"><!----><input type="tel" inputmode="tel" name="phone"
            class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
        </div><!---->
      </div>
    </div>
    <div class="flex flex-col w-full"><label for="display_name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Display Name <span class="text-[color:var(--field-label-star)]">*</span></label>
      <div class="relative mt-2"><!----><input type="text" inputmode="text" name="display_name"
          class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
      </div><!---->
    </div>
    <div><label class="flex items-center cursor-pointer"><input type="checkbox" name="anonymous" class="w-4 h-4 bg-[color:var(--field-background)] border-0 rounded text-[color:var(--field-border)] focus:ring-0 focus:ring-offset-0"><span
          class="ml-2 text-sm text-[color:var(--field-label)]">I would like to donate anonymously</span></label><!----></div>
    <div class="flex flex-col w-full"><label for="dedication_message" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Message or Dedication <!----></label><textarea name="dedication_message"
        placeholder="type your message or dedication"
        class="block mt-2 bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-20 focus:ring-2 focus:ring-[color:var(--field-border)]"></textarea><!---->
    </div>
  </div>
  <div class="rounded-md bg-[color:var(--donate-teams-background)] p-6 space-y-3 mx-5 md:mx-10">
    <h4 class="text-lg text-center font-bold text-[color:var(--donate-teams-text)]">Team Donation</h4>
    <div class="space-y-2">
      <div class="relative flex flex-col md:flex-row md:space-x-2">
        <div class="flex-1 space-y-2"><label class="block text-xs font-bold text-[color:var(--donate-teams-text)] uppercase">I would like to donate to the following team</label>
          <div class="md:relative mt-2"><button type="button"
              class="w-full bg-[color:var(--donate-teams-field-background)] text-[color:var(-donate-teams-text)] border-none rounded-md focus:ring-0 flex items-center space-x-1 h-10 px-4 relative outline-none">
              <div class="relative flex-1 h-full text-left">
                <div class="absolute inset-0 flex items-center">
                  <div class="truncate">Select Team</div>
                </div>
              </div><svg viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 transition-all">
                <path
                  d="M5.76657 7.8497C5.58735 7.8497 5.40816 7.78126 5.27152 7.64469L0.971743 3.34487C0.698221 3.07135 0.698221 2.62788 0.971743 2.35447C1.24515 2.08106 1.68853 2.08106 1.96208 2.35447L5.76657 6.15919L9.57109 2.35461C9.84461 2.08119 10.288 2.08119 10.5613 2.35461C10.835 2.62802 10.835 3.07148 10.5613 3.34501L6.26163 7.64483C6.12493 7.78142 5.94573 7.8497 5.76657 7.8497Z"
                  fill="currentColor"></path>
              </svg>
            </button>
            <div class="absolute mt-1 bg-[color:var(--donate-teams-field-background)] rounded-md top-full left-0 w-full shadow-box scale-100 translate-y-0 opacity-100 overflow-hidden flex flex-col max-h-72 z-10" style="display: none;">
              <div class="p-2.5 border-b border-solid border-[color:var(--donate-teams-search-border)]"><input type="text" placeholder="Search"
                  class="bg-[color:var(--donate-teams-search-field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--donate-teams-search-field-text)] placeholder-[color:var(--donate-teams-search-field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--donate-teams-search-field-border)]">
              </div>
              <div class="flex-1 overflow-auto">
                <div class="divide-y divide-solid divide-[color:var(--donate-teams-search-border)]">
                  <div><button type="button" class="flex w-full p-3 text-sm text-left bg-[color:var(--donate-teams-search-active-background)]">Wolf Family</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Werbler Family</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Yarmove</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Glaser</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Stern family</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Shney K.</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Cheder Alumni</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Fine Family team</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Osmunson</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Liberow Family</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Atkins</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Shemtov</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Moscowitz</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Wrightman</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Yoel Wolf</button></div><button type="button" class="flex w-full p-3 text-sm hover:bg-[color:var(--donate-teams-search-active-background)]">Load More</button>
                </div>
              </div>
            </div>
          </div>
        </div><!---->
      </div><button type="button" class="text-sm font-bold text-center uppercase text-[color:var(--donate-teams-button)] hover:text-[color:var(--donate-teams-button-hover)] flex mx-auto">Donate to multiple teams</button>
    </div>
  </div>
  <div class="mx-5 md:mx-10">
    <h4 class="block text-xs font-bold text-center text-[color:var(--donate-payment-methods-label)] uppercase">Payment Method</h4>
    <div class="flex flex-wrap justify-center gap-4 mt-1"><button type="button" class="flex items-center justify-center w-20 rounded h-11 bg-[color:var(--donate-payment-methods-button-background-selected)]"><img
          src="https://durt48s07nmgo.cloudfront.net/6aaa4b91-a821-4113-963b-f17d5c37eadb/images/payment-gateway-logos/credit-card.svg" alt="Credit Card" class="object-contain w-12 h-7"></button><button type="button"
        class="flex items-center justify-center w-20 rounded h-11 bg-[color:var(--donate-payment-methods-button-background)] hover:bg-[color:var(--donate-payment-methods-button-background-hover)] group"><img
          src="https://durt48s07nmgo.cloudfront.net/6aaa4b91-a821-4113-963b-f17d5c37eadb/images/payment-gateway-logos/paypal-logo.svg" alt="PayPal" class="object-contain w-12 h-7"></button></div><!---->
  </div>
  <div class="px-5 space-y-4 md:px-10"><!----><!----><!----><!---->
    <div class="space-y-4">
      <div class="flex space-x-4">
        <div class="w-2/3">
          <div class="flex flex-col w-full"><label for="street" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Street <span class="text-[color:var(--field-label-star)]">*</span></label>
            <div class="relative mt-2"><!----><input type="text" inputmode="text" name="street"
                class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
            </div><!---->
          </div>
        </div>
        <div class="w-1/3">
          <div class="flex flex-col w-full"><label for="apt" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Apt <!----></label>
            <div class="relative mt-2"><!----><input type="text" inputmode="text" name="apt"
                class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
            </div><!---->
          </div>
        </div>
      </div>
      <div class="flex space-x-4">
        <div class="flex flex-col w-full"><label for="city" class="text-xs font-bold uppercase text-[color:var(--field-label)]">City <span class="text-[color:var(--field-label-star)]">*</span></label>
          <div class="relative mt-2"><!----><input type="text" inputmode="text" name="city"
              class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
          </div><!---->
        </div>
        <div class="flex flex-col w-full"><label for="state" class="text-xs font-bold uppercase text-[color:var(--field-label)]">State <span class="text-[color:var(--field-label-star)]">*</span></label>
          <div class="relative mt-2"><!----><input type="text" inputmode="text" name="state"
              class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
          </div><!---->
        </div>
        <div class="flex flex-col w-full"><label for="zip" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Zip <span class="text-[color:var(--field-label-star)]">*</span></label>
          <div class="relative mt-2"><!----><input type="text" inputmode="text" name="zip"
              class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
          </div><!---->
        </div>
      </div>
    </div><!---->
  </div>
  <div class="text-center"></div><button
    class="flex items-center px-10 mx-auto mt-10 text-lg font-black text-[color:var(--donate-button-text)] hover:text-[color:var(--donate-button-text)] uppercase bg-[color:var(--donate-button-background)] rounded-full h-14 md:h-16 hover:bg-[color:var(--donate-button-background-hover)] md:text-2xl focus:outline-none">
    Submit Donation </button>
</form>

<form class="space-y-7">
  <div class="grid grid-cols-1 gap-2 px-5 md:grid-cols-2 md:px-10"><button type="button"
      class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
      <div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/7ac207c5b76d178d16924cbb9a4be899/Untitled-design-(11).jpg" alt="Donate A Student Locker" class="object-cover w-full h-full">
      </div>
      <div class="flex-1 text-left">
        <h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Student Locker</h3>
        <p class="text-[color:var(--donate-product-text)] font-light mt-1">$200</p><!---->
      </div>
    </button><button type="button"
      class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
      <div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/e4ffdc2b94e45688d80845e8fa306829/Untitled-design-(3).jpg" alt="Donate A Student Desk" class="object-cover w-full h-full">
      </div>
      <div class="flex-1 text-left">
        <h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Student Desk</h3>
        <p class="text-[color:var(--donate-product-text)] font-light mt-1">$250</p><!---->
      </div>
    </button><button type="button"
      class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
      <div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/ae79642452b83e52a96de32b9b371719/Untitled-design-(4).jpg" alt="Donate A Teacher's Desk" class="object-cover w-full h-full">
      </div>
      <div class="flex-1 text-left">
        <h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Teacher's Desk</h3>
        <p class="text-[color:var(--donate-product-text)] font-light mt-1">$550</p><!---->
      </div>
    </button>
    <div class="flex p-3 space-x-3 border border-solid">
      <div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/f187679b23b695958c99468c9d692c0e/Untitled-design-(8).jpg" alt="Donate A Water Fountain" class="object-cover w-full h-full">
      </div>
      <div class="flex-1 text-left">
        <h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Water Fountain</h3>
        <div class="flex justify-between mt-1 space-x-2">
          <p class="text-[color:var(--donate-product-text)] font-light">$750 <!----></p>
          <div class="flex items-center"><button
              class="w-8 h-8 rounded-full flex items-center justify-center bg-[color:var(--donate-product-button)] text-[color:var(--donate-product-button-text)] hover:bg-[color:var(--donate-product-button-hover)] hover:text-[color:var(--donate-product-button-text-hover)]"><svg
                xml:space="preserve" viewBox="0 0 22.354 22.354" class="w-3 h-3">
                <path fill="currentColor" d="M0 8.61h22.354v5.133H0z"></path>
              </svg></button><input type="tel" class="w-8 h-8 border-none p-0 text-center bg-transparent text-[color:var(--donate-product-text)] outline-none focus:ring-0"><button
              class="w-8 h-8 rounded-full flex items-center justify-center bg-[color:var(--donate-product-button)] text-[color:var(--donate-product-button-text)] hover:bg-[color:var(--donate-product-button-hover)] hover:text-[color:var(--donate-product-button-text-hover)]"><svg
                viewBox="0 0 256 256" xml:space="preserve" class="w-3 h-3">
                <path fill="currentColor" d="M160 96V0H96v96H0v64h96v96h64v-96h96V96z"></path>
              </svg></button></div>
        </div><!---->
      </div>
    </div><button type="button"
      class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
      <div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/74460df7d7afca5cc3c38cf41549b291/Untitled-design-(7).jpg" alt="Donate A Lunch Table" class="object-cover w-full h-full">
      </div>
      <div class="flex-1 text-left">
        <h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Lunch Table</h3>
        <p class="text-[color:var(--donate-product-text)] font-light mt-1">$2,500</p><!---->
      </div>
    </button><button type="button"
      class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
      <div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/d9d6adc37338b805958965a0949fb0a0/Untitled-design-(6).jpg" alt="Donate A Interactive Whiteboard"
          class="object-cover w-full h-full"></div>
      <div class="flex-1 text-left">
        <h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Interactive Whiteboard</h3>
        <p class="text-[color:var(--donate-product-text)] font-light mt-1">$5,000</p><!---->
      </div>
    </button>
  </div>
  <div class="bg-[color:var(--donate-amount-section-background)] text-[color:var(--donate-amount-section-text)] py-7 px-5 md:px-10">
    <div class="space-y-3 md:flex md:space-y-0 md:space-x-5">
      <div class="w-full md:w-1/2">
        <h3 class="text-xs font-bold text-center uppercase">Your Amount</h3>
        <div class="flex items-center h-16 mt-1 text-[color:var(--donate-amount-field-text)] bg-[color:var(--donate-amount-field-background)] rounded-md">
          <div class="relative z-10 flex-shrink-0"><button type="button" class="flex items-center" disabled="" tabindex="-1">
              <div class="flex flex-col items-center justify-center w-16 h-16">
                <div class="text-3xl font-bold">$</div>
                <p class="text-xs uppercase text-light">USD</p>
              </div><!---->
            </button>
            <div class="absolute p-2 mt-1 space-y-2 bg-[color:var(--donate-amount-field-background)] rounded-md top-full shadow-box scale-100 translate-y-0 opacity-100" style="display: none;"><button type="button" tabindex="-1"
                class="flex w-full items-center px-2 py-2 space-x-2 rounded-md hover:bg-[color:var(--donate-amount-section-background)] text-[color:var(--donate-amount-section-text)] bg-[color:var(--donate-amount-section-background)]">
                <div class="text-xl font-bold">$</div>
                <p class="text-lg uppercase text-light">USD</p>
              </button></div>
          </div>
          <div class="flex-1 h-full"><input type="tel" class="w-full h-full pr-0 text-3xl text-right bg-transparent border-none outline-none focus:outline-none focus:ring-0 text-[color:var(--donate-amount-field-text)]" maxlength="7"></div>
          <div class="flex-shrink-0 pr-5 text-3xl">.00</div>
        </div><!---->
        <div class="mt-5">
          <h3 class="text-xs font-bold text-center uppercase">Donate in Installments</h3>
          <div class="h-12 mt-1"><select class="w-full bg-[color:var(--donate-amount-field-background)] text-[color:var(--donate-amount-field-text)] border-none rounded-md focus:ring-0">
              <option value="1">No Installments</option>
              <option value="2">Divide donation by 2 months ($375.00)</option>
              <option value="3">Divide donation by 3 months ($250.00)</option>
              <option value="4">Divide donation by 4 months ($187.50)</option>
              <option value="5">Divide donation by 5 months ($150.00)</option>
              <option value="6">Divide donation by 6 months ($125.00)</option>
              <option value="7">Divide donation by 7 months ($107.14)</option>
              <option value="8">Divide donation by 8 months ($93.75)</option>
              <option value="9">Divide donation by 9 months ($83.33)</option>
              <option value="10">Divide donation by 10 months ($75.00)</option>
              <option value="11">Divide donation by 11 months ($68.18)</option>
              <option value="12">Divide donation by 12 months ($62.50)</option>
            </select></div>
        </div><!---->
      </div>
      <div class="w-full md:w-1/2 overflow-hidden rounded-md bg-[color:var(--donate-organization-background)]">
        <p class="px-5 mt-6 text-lg text-center">Cheder Lubavitch Hebrew Day School, Inc</p>
        <p class="px-5 mt-1 text-xs text-center">will receive</p>
        <div class="py-2 mt-2 text-center text-[color:var(--donate-amount-text)] bg-[color:var(--donate-amount-background)]">
          <div class="text-3xl font-bold text-white">$1,500.00 USD</div><!----><!---->
        </div>
        <div class="p-2 text-xs text-center"> Every dollar is being matched 2X </div>
      </div>
    </div><!----><!---->
  </div>
  <div class="px-5 space-y-4 md:px-10">
    <div class="space-y-8 md:flex md:space-y-0 md:space-x-4">
      <div class="flex flex-col w-full"><label for="first_name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">First Name <span class="text-[color:var(--field-label-star)]">*</span></label>
        <div class="relative mt-2"><!----><input type="text" inputmode="text" name="first_name"
            class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
        </div><!---->
      </div>
      <div class="flex flex-col w-full"><label for="last_name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Last Name <span class="text-[color:var(--field-label-star)]">*</span></label>
        <div class="relative mt-2"><!----><input type="text" inputmode="text" name="last_name"
            class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
        </div><!---->
      </div>
    </div>
    <div class="space-y-8 md:flex md:space-y-0 md:space-x-4">
      <div class="flex flex-col w-full"><label for="email" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Email <span class="text-[color:var(--field-label-star)]">*</span></label>
        <div class="relative mt-2"><!----><input type="email" inputmode="email" name="email"
            class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
        </div><!---->
      </div>
      <div class="flex flex-col w-full"><label for="phone" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Phone <span class="text-[color:var(--field-label-star)]">*</span></label>
        <div class="relative mt-2"><!----><input type="tel" inputmode="tel" name="phone"
            class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
        </div><!---->
      </div>
    </div>
    <div class="flex flex-col w-full"><label for="display_name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Display Name <span class="text-[color:var(--field-label-star)]">*</span></label>
      <div class="relative mt-2"><!----><input type="text" inputmode="text" name="display_name"
          class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
      </div><!---->
    </div>
    <div><label class="flex items-center cursor-pointer"><input type="checkbox" name="anonymous" class="w-4 h-4 bg-[color:var(--field-background)] border-0 rounded text-[color:var(--field-border)] focus:ring-0 focus:ring-offset-0"><span
          class="ml-2 text-sm text-[color:var(--field-label)]">I would like to donate anonymously</span></label><!----></div>
    <div class="flex flex-col w-full"><label for="dedication_message" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Message or Dedication <!----></label><textarea name="dedication_message"
        placeholder="type your message or dedication"
        class="block mt-2 bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-20 focus:ring-2 focus:ring-[color:var(--field-border)]"></textarea><!---->
    </div>
  </div>
  <div class="rounded-md bg-[color:var(--donate-teams-background)] p-6 space-y-3 mx-5 md:mx-10">
    <h4 class="text-lg text-center font-bold text-[color:var(--donate-teams-text)]">Team Donation</h4>
    <div class="space-y-2">
      <div class="relative flex flex-col md:flex-row md:space-x-2">
        <div class="flex-1 space-y-2"><label class="block text-xs font-bold text-[color:var(--donate-teams-text)] uppercase">I would like to donate to the following team</label>
          <div class="md:relative mt-2"><button type="button"
              class="w-full bg-[color:var(--donate-teams-field-background)] text-[color:var(-donate-teams-text)] border-none rounded-md focus:ring-0 flex items-center space-x-1 h-10 px-4 relative outline-none">
              <div class="relative flex-1 h-full text-left">
                <div class="absolute inset-0 flex items-center">
                  <div class="truncate">Select Team</div>
                </div>
              </div><svg viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 transition-all">
                <path
                  d="M5.76657 7.8497C5.58735 7.8497 5.40816 7.78126 5.27152 7.64469L0.971743 3.34487C0.698221 3.07135 0.698221 2.62788 0.971743 2.35447C1.24515 2.08106 1.68853 2.08106 1.96208 2.35447L5.76657 6.15919L9.57109 2.35461C9.84461 2.08119 10.288 2.08119 10.5613 2.35461C10.835 2.62802 10.835 3.07148 10.5613 3.34501L6.26163 7.64483C6.12493 7.78142 5.94573 7.8497 5.76657 7.8497Z"
                  fill="currentColor"></path>
              </svg>
            </button>
            <div class="absolute mt-1 bg-[color:var(--donate-teams-field-background)] rounded-md top-full left-0 w-full shadow-box scale-100 translate-y-0 opacity-100 overflow-hidden flex flex-col max-h-72 z-10" style="display: none;">
              <div class="p-2.5 border-b border-solid border-[color:var(--donate-teams-search-border)]"><input type="text" placeholder="Search"
                  class="bg-[color:var(--donate-teams-search-field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--donate-teams-search-field-text)] placeholder-[color:var(--donate-teams-search-field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--donate-teams-search-field-border)]">
              </div>
              <div class="flex-1 overflow-auto">
                <div class="divide-y divide-solid divide-[color:var(--donate-teams-search-border)]">
                  <div><button type="button" class="flex w-full p-3 text-sm text-left bg-[color:var(--donate-teams-search-active-background)]">Wolf Family</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Werbler Family</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Yarmove</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Glaser</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Stern family</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Shney K.</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Cheder Alumni</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Fine Family team</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Osmunson</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Liberow Family</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Atkins</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Shemtov</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Moscowitz</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Wrightman</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Yoel Wolf</button></div><button type="button" class="flex w-full p-3 text-sm hover:bg-[color:var(--donate-teams-search-active-background)]">Load More</button>
                </div>
              </div>
            </div>
          </div>
        </div><!---->
      </div><button type="button" class="text-sm font-bold text-center uppercase text-[color:var(--donate-teams-button)] hover:text-[color:var(--donate-teams-button-hover)] flex mx-auto">Donate to multiple teams</button>
    </div>
  </div>
  <div class="mx-5 md:mx-10">
    <h4 class="block text-xs font-bold text-center text-[color:var(--donate-payment-methods-label)] uppercase">Payment Method</h4>
    <div class="flex flex-wrap justify-center gap-4 mt-1"><button type="button" class="flex items-center justify-center w-20 rounded h-11 bg-[color:var(--donate-payment-methods-button-background-selected)]"><img
          src="https://durt48s07nmgo.cloudfront.net/6aaa4b91-a821-4113-963b-f17d5c37eadb/images/payment-gateway-logos/credit-card.svg" alt="Credit Card" class="object-contain w-12 h-7"></button><button type="button"
        class="flex items-center justify-center w-20 rounded h-11 bg-[color:var(--donate-payment-methods-button-background)] hover:bg-[color:var(--donate-payment-methods-button-background-hover)] group"><img
          src="https://durt48s07nmgo.cloudfront.net/6aaa4b91-a821-4113-963b-f17d5c37eadb/images/payment-gateway-logos/paypal-logo.svg" alt="PayPal" class="object-contain w-12 h-7"></button></div><!---->
  </div>
  <div class="px-5 space-y-4 md:px-10"><!----><!----><!----><!---->
    <div class="space-y-4">
      <div class="flex space-x-4">
        <div class="w-2/3">
          <div class="flex flex-col w-full"><label for="street" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Street <span class="text-[color:var(--field-label-star)]">*</span></label>
            <div class="relative mt-2"><!----><input type="text" inputmode="text" name="street"
                class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
            </div><!---->
          </div>
        </div>
        <div class="w-1/3">
          <div class="flex flex-col w-full"><label for="apt" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Apt <!----></label>
            <div class="relative mt-2"><!----><input type="text" inputmode="text" name="apt"
                class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
            </div><!---->
          </div>
        </div>
      </div>
      <div class="flex space-x-4">
        <div class="flex flex-col w-full"><label for="city" class="text-xs font-bold uppercase text-[color:var(--field-label)]">City <span class="text-[color:var(--field-label-star)]">*</span></label>
          <div class="relative mt-2"><!----><input type="text" inputmode="text" name="city"
              class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
          </div><!---->
        </div>
        <div class="flex flex-col w-full"><label for="state" class="text-xs font-bold uppercase text-[color:var(--field-label)]">State <span class="text-[color:var(--field-label-star)]">*</span></label>
          <div class="relative mt-2"><!----><input type="text" inputmode="text" name="state"
              class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
          </div><!---->
        </div>
        <div class="flex flex-col w-full"><label for="zip" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Zip <span class="text-[color:var(--field-label-star)]">*</span></label>
          <div class="relative mt-2"><!----><input type="text" inputmode="text" name="zip"
              class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
          </div><!---->
        </div>
      </div>
    </div><!---->
  </div>
  <div class="text-center"></div><button
    class="flex items-center px-10 mx-auto mt-10 text-lg font-black text-[color:var(--donate-button-text)] hover:text-[color:var(--donate-button-text)] uppercase bg-[color:var(--donate-button-background)] rounded-full h-14 md:h-16 hover:bg-[color:var(--donate-button-background-hover)] md:text-2xl focus:outline-none">
    Submit Donation </button>
</form>

<form class="space-y-7">
  <div class="grid grid-cols-1 gap-2 px-5 md:grid-cols-2 md:px-10"><button type="button"
      class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
      <div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/7ac207c5b76d178d16924cbb9a4be899/Untitled-design-(11).jpg" alt="Donate A Student Locker" class="object-cover w-full h-full">
      </div>
      <div class="flex-1 text-left">
        <h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Student Locker</h3>
        <p class="text-[color:var(--donate-product-text)] font-light mt-1">$200</p><!---->
      </div>
    </button><button type="button"
      class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
      <div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/e4ffdc2b94e45688d80845e8fa306829/Untitled-design-(3).jpg" alt="Donate A Student Desk" class="object-cover w-full h-full">
      </div>
      <div class="flex-1 text-left">
        <h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Student Desk</h3>
        <p class="text-[color:var(--donate-product-text)] font-light mt-1">$250</p><!---->
      </div>
    </button><button type="button"
      class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
      <div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/ae79642452b83e52a96de32b9b371719/Untitled-design-(4).jpg" alt="Donate A Teacher's Desk" class="object-cover w-full h-full">
      </div>
      <div class="flex-1 text-left">
        <h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Teacher's Desk</h3>
        <p class="text-[color:var(--donate-product-text)] font-light mt-1">$550</p><!---->
      </div>
    </button><button type="button"
      class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
      <div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/f187679b23b695958c99468c9d692c0e/Untitled-design-(8).jpg" alt="Donate A Water Fountain" class="object-cover w-full h-full">
      </div>
      <div class="flex-1 text-left">
        <h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Water Fountain</h3>
        <p class="text-[color:var(--donate-product-text)] font-light mt-1">$750</p><!---->
      </div>
    </button>
    <div class="flex p-3 space-x-3 border border-solid">
      <div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/74460df7d7afca5cc3c38cf41549b291/Untitled-design-(7).jpg" alt="Donate A Lunch Table" class="object-cover w-full h-full">
      </div>
      <div class="flex-1 text-left">
        <h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Lunch Table</h3>
        <div class="flex justify-between mt-1 space-x-2">
          <p class="text-[color:var(--donate-product-text)] font-light">$2,500 <!----></p>
          <div class="flex items-center"><button
              class="w-8 h-8 rounded-full flex items-center justify-center bg-[color:var(--donate-product-button)] text-[color:var(--donate-product-button-text)] hover:bg-[color:var(--donate-product-button-hover)] hover:text-[color:var(--donate-product-button-text-hover)]"><svg
                xml:space="preserve" viewBox="0 0 22.354 22.354" class="w-3 h-3">
                <path fill="currentColor" d="M0 8.61h22.354v5.133H0z"></path>
              </svg></button><input type="tel" class="w-8 h-8 border-none p-0 text-center bg-transparent text-[color:var(--donate-product-text)] outline-none focus:ring-0"><button
              class="w-8 h-8 rounded-full flex items-center justify-center bg-[color:var(--donate-product-button)] text-[color:var(--donate-product-button-text)] hover:bg-[color:var(--donate-product-button-hover)] hover:text-[color:var(--donate-product-button-text-hover)]"><svg
                viewBox="0 0 256 256" xml:space="preserve" class="w-3 h-3">
                <path fill="currentColor" d="M160 96V0H96v96H0v64h96v96h64v-96h96V96z"></path>
              </svg></button></div>
        </div><!---->
      </div>
    </div><button type="button"
      class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
      <div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/d9d6adc37338b805958965a0949fb0a0/Untitled-design-(6).jpg" alt="Donate A Interactive Whiteboard"
          class="object-cover w-full h-full"></div>
      <div class="flex-1 text-left">
        <h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Interactive Whiteboard</h3>
        <p class="text-[color:var(--donate-product-text)] font-light mt-1">$5,000</p><!---->
      </div>
    </button>
  </div>
  <div class="bg-[color:var(--donate-amount-section-background)] text-[color:var(--donate-amount-section-text)] py-7 px-5 md:px-10">
    <div class="space-y-3 md:flex md:space-y-0 md:space-x-5">
      <div class="w-full md:w-1/2">
        <h3 class="text-xs font-bold text-center uppercase">Your Amount</h3>
        <div class="flex items-center h-16 mt-1 text-[color:var(--donate-amount-field-text)] bg-[color:var(--donate-amount-field-background)] rounded-md">
          <div class="relative z-10 flex-shrink-0"><button type="button" class="flex items-center" disabled="" tabindex="-1">
              <div class="flex flex-col items-center justify-center w-16 h-16">
                <div class="text-3xl font-bold">$</div>
                <p class="text-xs uppercase text-light">USD</p>
              </div><!---->
            </button>
            <div class="absolute p-2 mt-1 space-y-2 bg-[color:var(--donate-amount-field-background)] rounded-md top-full shadow-box scale-100 translate-y-0 opacity-100" style="display: none;"><button type="button" tabindex="-1"
                class="flex w-full items-center px-2 py-2 space-x-2 rounded-md hover:bg-[color:var(--donate-amount-section-background)] text-[color:var(--donate-amount-section-text)] bg-[color:var(--donate-amount-section-background)]">
                <div class="text-xl font-bold">$</div>
                <p class="text-lg uppercase text-light">USD</p>
              </button></div>
          </div>
          <div class="flex-1 h-full"><input type="tel" class="w-full h-full pr-0 text-3xl text-right bg-transparent border-none outline-none focus:outline-none focus:ring-0 text-[color:var(--donate-amount-field-text)]" maxlength="7"></div>
          <div class="flex-shrink-0 pr-5 text-3xl">.00</div>
        </div><!---->
        <div class="mt-5">
          <h3 class="text-xs font-bold text-center uppercase">Donate in Installments</h3>
          <div class="h-12 mt-1"><select class="w-full bg-[color:var(--donate-amount-field-background)] text-[color:var(--donate-amount-field-text)] border-none rounded-md focus:ring-0">
              <option value="1">No Installments</option>
              <option value="2">Divide donation by 2 months ($1,250.00)</option>
              <option value="3">Divide donation by 3 months ($833.33)</option>
              <option value="4">Divide donation by 4 months ($625.00)</option>
              <option value="5">Divide donation by 5 months ($500.00)</option>
              <option value="6">Divide donation by 6 months ($416.67)</option>
              <option value="7">Divide donation by 7 months ($357.14)</option>
              <option value="8">Divide donation by 8 months ($312.50)</option>
              <option value="9">Divide donation by 9 months ($277.78)</option>
              <option value="10">Divide donation by 10 months ($250.00)</option>
              <option value="11">Divide donation by 11 months ($227.27)</option>
              <option value="12">Divide donation by 12 months ($208.33)</option>
            </select></div>
        </div><!---->
      </div>
      <div class="w-full md:w-1/2 overflow-hidden rounded-md bg-[color:var(--donate-organization-background)]">
        <p class="px-5 mt-6 text-lg text-center">Cheder Lubavitch Hebrew Day School, Inc</p>
        <p class="px-5 mt-1 text-xs text-center">will receive</p>
        <div class="py-2 mt-2 text-center text-[color:var(--donate-amount-text)] bg-[color:var(--donate-amount-background)]">
          <div class="text-3xl font-bold text-white">$5,000.00 USD</div><!----><!---->
        </div>
        <div class="p-2 text-xs text-center"> Every dollar is being matched 2X </div>
      </div>
    </div><!----><!---->
  </div>
  <div class="px-5 space-y-4 md:px-10">
    <div class="space-y-8 md:flex md:space-y-0 md:space-x-4">
      <div class="flex flex-col w-full"><label for="first_name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">First Name <span class="text-[color:var(--field-label-star)]">*</span></label>
        <div class="relative mt-2"><!----><input type="text" inputmode="text" name="first_name"
            class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
        </div><!---->
      </div>
      <div class="flex flex-col w-full"><label for="last_name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Last Name <span class="text-[color:var(--field-label-star)]">*</span></label>
        <div class="relative mt-2"><!----><input type="text" inputmode="text" name="last_name"
            class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
        </div><!---->
      </div>
    </div>
    <div class="space-y-8 md:flex md:space-y-0 md:space-x-4">
      <div class="flex flex-col w-full"><label for="email" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Email <span class="text-[color:var(--field-label-star)]">*</span></label>
        <div class="relative mt-2"><!----><input type="email" inputmode="email" name="email"
            class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
        </div><!---->
      </div>
      <div class="flex flex-col w-full"><label for="phone" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Phone <span class="text-[color:var(--field-label-star)]">*</span></label>
        <div class="relative mt-2"><!----><input type="tel" inputmode="tel" name="phone"
            class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
        </div><!---->
      </div>
    </div>
    <div class="flex flex-col w-full"><label for="display_name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Display Name <span class="text-[color:var(--field-label-star)]">*</span></label>
      <div class="relative mt-2"><!----><input type="text" inputmode="text" name="display_name"
          class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
      </div><!---->
    </div>
    <div><label class="flex items-center cursor-pointer"><input type="checkbox" name="anonymous" class="w-4 h-4 bg-[color:var(--field-background)] border-0 rounded text-[color:var(--field-border)] focus:ring-0 focus:ring-offset-0"><span
          class="ml-2 text-sm text-[color:var(--field-label)]">I would like to donate anonymously</span></label><!----></div>
    <div class="flex flex-col w-full"><label for="dedication_message" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Message or Dedication <!----></label><textarea name="dedication_message"
        placeholder="type your message or dedication"
        class="block mt-2 bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-20 focus:ring-2 focus:ring-[color:var(--field-border)]"></textarea><!---->
    </div>
  </div>
  <div class="rounded-md bg-[color:var(--donate-teams-background)] p-6 space-y-3 mx-5 md:mx-10">
    <h4 class="text-lg text-center font-bold text-[color:var(--donate-teams-text)]">Team Donation</h4>
    <div class="space-y-2">
      <div class="relative flex flex-col md:flex-row md:space-x-2">
        <div class="flex-1 space-y-2"><label class="block text-xs font-bold text-[color:var(--donate-teams-text)] uppercase">I would like to donate to the following team</label>
          <div class="md:relative mt-2"><button type="button"
              class="w-full bg-[color:var(--donate-teams-field-background)] text-[color:var(-donate-teams-text)] border-none rounded-md focus:ring-0 flex items-center space-x-1 h-10 px-4 relative outline-none">
              <div class="relative flex-1 h-full text-left">
                <div class="absolute inset-0 flex items-center">
                  <div class="truncate">Select Team</div>
                </div>
              </div><svg viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 transition-all">
                <path
                  d="M5.76657 7.8497C5.58735 7.8497 5.40816 7.78126 5.27152 7.64469L0.971743 3.34487C0.698221 3.07135 0.698221 2.62788 0.971743 2.35447C1.24515 2.08106 1.68853 2.08106 1.96208 2.35447L5.76657 6.15919L9.57109 2.35461C9.84461 2.08119 10.288 2.08119 10.5613 2.35461C10.835 2.62802 10.835 3.07148 10.5613 3.34501L6.26163 7.64483C6.12493 7.78142 5.94573 7.8497 5.76657 7.8497Z"
                  fill="currentColor"></path>
              </svg>
            </button>
            <div class="absolute mt-1 bg-[color:var(--donate-teams-field-background)] rounded-md top-full left-0 w-full shadow-box scale-100 translate-y-0 opacity-100 overflow-hidden flex flex-col max-h-72 z-10" style="display: none;">
              <div class="p-2.5 border-b border-solid border-[color:var(--donate-teams-search-border)]"><input type="text" placeholder="Search"
                  class="bg-[color:var(--donate-teams-search-field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--donate-teams-search-field-text)] placeholder-[color:var(--donate-teams-search-field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--donate-teams-search-field-border)]">
              </div>
              <div class="flex-1 overflow-auto">
                <div class="divide-y divide-solid divide-[color:var(--donate-teams-search-border)]">
                  <div><button type="button" class="flex w-full p-3 text-sm text-left bg-[color:var(--donate-teams-search-active-background)]">Wolf Family</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Werbler Family</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Yarmove</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Glaser</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Stern family</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Shney K.</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Cheder Alumni</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Fine Family team</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Osmunson</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Liberow Family</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Atkins</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Shemtov</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Moscowitz</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Wrightman</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Yoel Wolf</button></div><button type="button" class="flex w-full p-3 text-sm hover:bg-[color:var(--donate-teams-search-active-background)]">Load More</button>
                </div>
              </div>
            </div>
          </div>
        </div><!---->
      </div><button type="button" class="text-sm font-bold text-center uppercase text-[color:var(--donate-teams-button)] hover:text-[color:var(--donate-teams-button-hover)] flex mx-auto">Donate to multiple teams</button>
    </div>
  </div>
  <div class="mx-5 md:mx-10">
    <h4 class="block text-xs font-bold text-center text-[color:var(--donate-payment-methods-label)] uppercase">Payment Method</h4>
    <div class="flex flex-wrap justify-center gap-4 mt-1"><button type="button" class="flex items-center justify-center w-20 rounded h-11 bg-[color:var(--donate-payment-methods-button-background-selected)]"><img
          src="https://durt48s07nmgo.cloudfront.net/6aaa4b91-a821-4113-963b-f17d5c37eadb/images/payment-gateway-logos/credit-card.svg" alt="Credit Card" class="object-contain w-12 h-7"></button><button type="button"
        class="flex items-center justify-center w-20 rounded h-11 bg-[color:var(--donate-payment-methods-button-background)] hover:bg-[color:var(--donate-payment-methods-button-background-hover)] group"><img
          src="https://durt48s07nmgo.cloudfront.net/6aaa4b91-a821-4113-963b-f17d5c37eadb/images/payment-gateway-logos/paypal-logo.svg" alt="PayPal" class="object-contain w-12 h-7"></button></div><!---->
  </div>
  <div class="px-5 space-y-4 md:px-10"><!----><!----><!----><!---->
    <div class="space-y-4">
      <div class="flex space-x-4">
        <div class="w-2/3">
          <div class="flex flex-col w-full"><label for="street" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Street <span class="text-[color:var(--field-label-star)]">*</span></label>
            <div class="relative mt-2"><!----><input type="text" inputmode="text" name="street"
                class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
            </div><!---->
          </div>
        </div>
        <div class="w-1/3">
          <div class="flex flex-col w-full"><label for="apt" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Apt <!----></label>
            <div class="relative mt-2"><!----><input type="text" inputmode="text" name="apt"
                class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
            </div><!---->
          </div>
        </div>
      </div>
      <div class="flex space-x-4">
        <div class="flex flex-col w-full"><label for="city" class="text-xs font-bold uppercase text-[color:var(--field-label)]">City <span class="text-[color:var(--field-label-star)]">*</span></label>
          <div class="relative mt-2"><!----><input type="text" inputmode="text" name="city"
              class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
          </div><!---->
        </div>
        <div class="flex flex-col w-full"><label for="state" class="text-xs font-bold uppercase text-[color:var(--field-label)]">State <span class="text-[color:var(--field-label-star)]">*</span></label>
          <div class="relative mt-2"><!----><input type="text" inputmode="text" name="state"
              class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
          </div><!---->
        </div>
        <div class="flex flex-col w-full"><label for="zip" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Zip <span class="text-[color:var(--field-label-star)]">*</span></label>
          <div class="relative mt-2"><!----><input type="text" inputmode="text" name="zip"
              class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
          </div><!---->
        </div>
      </div>
    </div><!---->
  </div>
  <div class="text-center"></div><button
    class="flex items-center px-10 mx-auto mt-10 text-lg font-black text-[color:var(--donate-button-text)] hover:text-[color:var(--donate-button-text)] uppercase bg-[color:var(--donate-button-background)] rounded-full h-14 md:h-16 hover:bg-[color:var(--donate-button-background-hover)] md:text-2xl focus:outline-none">
    Submit Donation </button>
</form>

<form class="space-y-7">
  <div class="grid grid-cols-1 gap-2 px-5 md:grid-cols-2 md:px-10"><button type="button"
      class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
      <div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/7ac207c5b76d178d16924cbb9a4be899/Untitled-design-(11).jpg" alt="Donate A Student Locker" class="object-cover w-full h-full">
      </div>
      <div class="flex-1 text-left">
        <h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Student Locker</h3>
        <p class="text-[color:var(--donate-product-text)] font-light mt-1">$200</p><!---->
      </div>
    </button><button type="button"
      class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
      <div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/e4ffdc2b94e45688d80845e8fa306829/Untitled-design-(3).jpg" alt="Donate A Student Desk" class="object-cover w-full h-full">
      </div>
      <div class="flex-1 text-left">
        <h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Student Desk</h3>
        <p class="text-[color:var(--donate-product-text)] font-light mt-1">$250</p><!---->
      </div>
    </button><button type="button"
      class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
      <div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/ae79642452b83e52a96de32b9b371719/Untitled-design-(4).jpg" alt="Donate A Teacher's Desk" class="object-cover w-full h-full">
      </div>
      <div class="flex-1 text-left">
        <h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Teacher's Desk</h3>
        <p class="text-[color:var(--donate-product-text)] font-light mt-1">$550</p><!---->
      </div>
    </button><button type="button"
      class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
      <div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/f187679b23b695958c99468c9d692c0e/Untitled-design-(8).jpg" alt="Donate A Water Fountain" class="object-cover w-full h-full">
      </div>
      <div class="flex-1 text-left">
        <h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Water Fountain</h3>
        <p class="text-[color:var(--donate-product-text)] font-light mt-1">$750</p><!---->
      </div>
    </button><button type="button"
      class="flex p-3 space-x-3 border border-solid group border-[color:var(--donate-product-border)] bg-[color:var(--donate-product-background)] hover:border-[color:var(--donate-product-border-hover)] hover:bg-[color:var(--donate-product-background-hover)]">
      <div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/74460df7d7afca5cc3c38cf41549b291/Untitled-design-(7).jpg" alt="Donate A Lunch Table" class="object-cover w-full h-full">
      </div>
      <div class="flex-1 text-left">
        <h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Lunch Table</h3>
        <p class="text-[color:var(--donate-product-text)] font-light mt-1">$2,500</p><!---->
      </div>
    </button>
    <div class="flex p-3 space-x-3 border border-solid">
      <div class="flex-shrink-0 w-12 h-12 overflow-hidden rounded-full"><img src="https://d245vfwwtobhqa.cloudfront.net/media/d9d6adc37338b805958965a0949fb0a0/Untitled-design-(6).jpg" alt="Donate A Interactive Whiteboard"
          class="object-cover w-full h-full"></div>
      <div class="flex-1 text-left">
        <h3 class="text-sm font-black text-[color:var(--donate-product-title)]">Donate A Interactive Whiteboard</h3>
        <div class="flex justify-between mt-1 space-x-2">
          <p class="text-[color:var(--donate-product-text)] font-light">$5,000 <!----></p>
          <div class="flex items-center"><button
              class="w-8 h-8 rounded-full flex items-center justify-center bg-[color:var(--donate-product-button)] text-[color:var(--donate-product-button-text)] hover:bg-[color:var(--donate-product-button-hover)] hover:text-[color:var(--donate-product-button-text-hover)]"><svg
                xml:space="preserve" viewBox="0 0 22.354 22.354" class="w-3 h-3">
                <path fill="currentColor" d="M0 8.61h22.354v5.133H0z"></path>
              </svg></button><input type="tel" class="w-8 h-8 border-none p-0 text-center bg-transparent text-[color:var(--donate-product-text)] outline-none focus:ring-0"><button
              class="w-8 h-8 rounded-full flex items-center justify-center bg-[color:var(--donate-product-button)] text-[color:var(--donate-product-button-text)] hover:bg-[color:var(--donate-product-button-hover)] hover:text-[color:var(--donate-product-button-text-hover)]"><svg
                viewBox="0 0 256 256" xml:space="preserve" class="w-3 h-3">
                <path fill="currentColor" d="M160 96V0H96v96H0v64h96v96h64v-96h96V96z"></path>
              </svg></button></div>
        </div><!---->
      </div>
    </div>
  </div>
  <div class="bg-[color:var(--donate-amount-section-background)] text-[color:var(--donate-amount-section-text)] py-7 px-5 md:px-10">
    <div class="space-y-3 md:flex md:space-y-0 md:space-x-5">
      <div class="w-full md:w-1/2">
        <h3 class="text-xs font-bold text-center uppercase">Your Amount</h3>
        <div class="flex items-center h-16 mt-1 text-[color:var(--donate-amount-field-text)] bg-[color:var(--donate-amount-field-background)] rounded-md">
          <div class="relative z-10 flex-shrink-0"><button type="button" class="flex items-center" disabled="" tabindex="-1">
              <div class="flex flex-col items-center justify-center w-16 h-16">
                <div class="text-3xl font-bold">$</div>
                <p class="text-xs uppercase text-light">USD</p>
              </div><!---->
            </button>
            <div class="absolute p-2 mt-1 space-y-2 bg-[color:var(--donate-amount-field-background)] rounded-md top-full shadow-box scale-100 translate-y-0 opacity-100" style="display: none;"><button type="button" tabindex="-1"
                class="flex w-full items-center px-2 py-2 space-x-2 rounded-md hover:bg-[color:var(--donate-amount-section-background)] text-[color:var(--donate-amount-section-text)] bg-[color:var(--donate-amount-section-background)]">
                <div class="text-xl font-bold">$</div>
                <p class="text-lg uppercase text-light">USD</p>
              </button></div>
          </div>
          <div class="flex-1 h-full"><input type="tel" class="w-full h-full pr-0 text-3xl text-right bg-transparent border-none outline-none focus:outline-none focus:ring-0 text-[color:var(--donate-amount-field-text)]" maxlength="7"></div>
          <div class="flex-shrink-0 pr-5 text-3xl">.00</div>
        </div><!---->
        <div class="mt-5">
          <h3 class="text-xs font-bold text-center uppercase">Donate in Installments</h3>
          <div class="h-12 mt-1"><select class="w-full bg-[color:var(--donate-amount-field-background)] text-[color:var(--donate-amount-field-text)] border-none rounded-md focus:ring-0">
              <option value="1">No Installments</option>
              <option value="2">Divide donation by 2 months ($2,500.00)</option>
              <option value="3">Divide donation by 3 months ($1,666.67)</option>
              <option value="4">Divide donation by 4 months ($1,250.00)</option>
              <option value="5">Divide donation by 5 months ($1,000.00)</option>
              <option value="6">Divide donation by 6 months ($833.33)</option>
              <option value="7">Divide donation by 7 months ($714.29)</option>
              <option value="8">Divide donation by 8 months ($625.00)</option>
              <option value="9">Divide donation by 9 months ($555.56)</option>
              <option value="10">Divide donation by 10 months ($500.00)</option>
              <option value="11">Divide donation by 11 months ($454.55)</option>
              <option value="12">Divide donation by 12 months ($416.67)</option>
            </select></div>
        </div><!---->
      </div>
      <div class="w-full md:w-1/2 overflow-hidden rounded-md bg-[color:var(--donate-organization-background)]">
        <p class="px-5 mt-6 text-lg text-center">Cheder Lubavitch Hebrew Day School, Inc</p>
        <p class="px-5 mt-1 text-xs text-center">will receive</p>
        <div class="py-2 mt-2 text-center text-[color:var(--donate-amount-text)] bg-[color:var(--donate-amount-background)]">
          <div class="text-3xl font-bold text-white">$10,000.00 USD</div><!----><!---->
        </div>
        <div class="p-2 text-xs text-center"> Every dollar is being matched 2X </div>
      </div>
    </div><!----><!---->
  </div>
  <div class="px-5 space-y-4 md:px-10">
    <div class="space-y-8 md:flex md:space-y-0 md:space-x-4">
      <div class="flex flex-col w-full"><label for="first_name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">First Name <span class="text-[color:var(--field-label-star)]">*</span></label>
        <div class="relative mt-2"><!----><input type="text" inputmode="text" name="first_name"
            class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
        </div><!---->
      </div>
      <div class="flex flex-col w-full"><label for="last_name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Last Name <span class="text-[color:var(--field-label-star)]">*</span></label>
        <div class="relative mt-2"><!----><input type="text" inputmode="text" name="last_name"
            class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
        </div><!---->
      </div>
    </div>
    <div class="space-y-8 md:flex md:space-y-0 md:space-x-4">
      <div class="flex flex-col w-full"><label for="email" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Email <span class="text-[color:var(--field-label-star)]">*</span></label>
        <div class="relative mt-2"><!----><input type="email" inputmode="email" name="email"
            class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
        </div><!---->
      </div>
      <div class="flex flex-col w-full"><label for="phone" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Phone <span class="text-[color:var(--field-label-star)]">*</span></label>
        <div class="relative mt-2"><!----><input type="tel" inputmode="tel" name="phone"
            class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
        </div><!---->
      </div>
    </div>
    <div class="flex flex-col w-full"><label for="display_name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Display Name <span class="text-[color:var(--field-label-star)]">*</span></label>
      <div class="relative mt-2"><!----><input type="text" inputmode="text" name="display_name"
          class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
      </div><!---->
    </div>
    <div><label class="flex items-center cursor-pointer"><input type="checkbox" name="anonymous" class="w-4 h-4 bg-[color:var(--field-background)] border-0 rounded text-[color:var(--field-border)] focus:ring-0 focus:ring-offset-0"><span
          class="ml-2 text-sm text-[color:var(--field-label)]">I would like to donate anonymously</span></label><!----></div>
    <div class="flex flex-col w-full"><label for="dedication_message" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Message or Dedication <!----></label><textarea name="dedication_message"
        placeholder="type your message or dedication"
        class="block mt-2 bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-20 focus:ring-2 focus:ring-[color:var(--field-border)]"></textarea><!---->
    </div>
  </div>
  <div class="rounded-md bg-[color:var(--donate-teams-background)] p-6 space-y-3 mx-5 md:mx-10">
    <h4 class="text-lg text-center font-bold text-[color:var(--donate-teams-text)]">Team Donation</h4>
    <div class="space-y-2">
      <div class="relative flex flex-col md:flex-row md:space-x-2">
        <div class="flex-1 space-y-2"><label class="block text-xs font-bold text-[color:var(--donate-teams-text)] uppercase">I would like to donate to the following team</label>
          <div class="md:relative mt-2"><button type="button"
              class="w-full bg-[color:var(--donate-teams-field-background)] text-[color:var(-donate-teams-text)] border-none rounded-md focus:ring-0 flex items-center space-x-1 h-10 px-4 relative outline-none">
              <div class="relative flex-1 h-full text-left">
                <div class="absolute inset-0 flex items-center">
                  <div class="truncate">Select Team</div>
                </div>
              </div><svg viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 transition-all">
                <path
                  d="M5.76657 7.8497C5.58735 7.8497 5.40816 7.78126 5.27152 7.64469L0.971743 3.34487C0.698221 3.07135 0.698221 2.62788 0.971743 2.35447C1.24515 2.08106 1.68853 2.08106 1.96208 2.35447L5.76657 6.15919L9.57109 2.35461C9.84461 2.08119 10.288 2.08119 10.5613 2.35461C10.835 2.62802 10.835 3.07148 10.5613 3.34501L6.26163 7.64483C6.12493 7.78142 5.94573 7.8497 5.76657 7.8497Z"
                  fill="currentColor"></path>
              </svg>
            </button>
            <div class="absolute mt-1 bg-[color:var(--donate-teams-field-background)] rounded-md top-full left-0 w-full shadow-box scale-100 translate-y-0 opacity-100 overflow-hidden flex flex-col max-h-72 z-10" style="display: none;">
              <div class="p-2.5 border-b border-solid border-[color:var(--donate-teams-search-border)]"><input type="text" placeholder="Search"
                  class="bg-[color:var(--donate-teams-search-field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--donate-teams-search-field-text)] placeholder-[color:var(--donate-teams-search-field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--donate-teams-search-field-border)]">
              </div>
              <div class="flex-1 overflow-auto">
                <div class="divide-y divide-solid divide-[color:var(--donate-teams-search-border)]">
                  <div><button type="button" class="flex w-full p-3 text-sm text-left bg-[color:var(--donate-teams-search-active-background)]">Wolf Family</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Werbler Family</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Yarmove</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Glaser</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Stern family</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Shney K.</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Cheder Alumni</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Fine Family team</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Osmunson</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Liberow Family</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Atkins</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Shemtov</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Moscowitz</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Wrightman</button></div>
                  <div><button type="button" class="flex w-full p-3 text-sm text-left">Yoel Wolf</button></div><button type="button" class="flex w-full p-3 text-sm hover:bg-[color:var(--donate-teams-search-active-background)]">Load More</button>
                </div>
              </div>
            </div>
          </div>
        </div><!---->
      </div><button type="button" class="text-sm font-bold text-center uppercase text-[color:var(--donate-teams-button)] hover:text-[color:var(--donate-teams-button-hover)] flex mx-auto">Donate to multiple teams</button>
    </div>
  </div>
  <div class="mx-5 md:mx-10">
    <h4 class="block text-xs font-bold text-center text-[color:var(--donate-payment-methods-label)] uppercase">Payment Method</h4>
    <div class="flex flex-wrap justify-center gap-4 mt-1"><button type="button" class="flex items-center justify-center w-20 rounded h-11 bg-[color:var(--donate-payment-methods-button-background-selected)]"><img
          src="https://durt48s07nmgo.cloudfront.net/6aaa4b91-a821-4113-963b-f17d5c37eadb/images/payment-gateway-logos/credit-card.svg" alt="Credit Card" class="object-contain w-12 h-7"></button><button type="button"
        class="flex items-center justify-center w-20 rounded h-11 bg-[color:var(--donate-payment-methods-button-background)] hover:bg-[color:var(--donate-payment-methods-button-background-hover)] group"><img
          src="https://durt48s07nmgo.cloudfront.net/6aaa4b91-a821-4113-963b-f17d5c37eadb/images/payment-gateway-logos/paypal-logo.svg" alt="PayPal" class="object-contain w-12 h-7"></button></div><!---->
  </div>
  <div class="px-5 space-y-4 md:px-10"><!----><!----><!----><!---->
    <div class="space-y-4">
      <div class="flex space-x-4">
        <div class="w-2/3">
          <div class="flex flex-col w-full"><label for="street" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Street <span class="text-[color:var(--field-label-star)]">*</span></label>
            <div class="relative mt-2"><!----><input type="text" inputmode="text" name="street"
                class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
            </div><!---->
          </div>
        </div>
        <div class="w-1/3">
          <div class="flex flex-col w-full"><label for="apt" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Apt <!----></label>
            <div class="relative mt-2"><!----><input type="text" inputmode="text" name="apt"
                class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
            </div><!---->
          </div>
        </div>
      </div>
      <div class="flex space-x-4">
        <div class="flex flex-col w-full"><label for="city" class="text-xs font-bold uppercase text-[color:var(--field-label)]">City <span class="text-[color:var(--field-label-star)]">*</span></label>
          <div class="relative mt-2"><!----><input type="text" inputmode="text" name="city"
              class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
          </div><!---->
        </div>
        <div class="flex flex-col w-full"><label for="state" class="text-xs font-bold uppercase text-[color:var(--field-label)]">State <span class="text-[color:var(--field-label-star)]">*</span></label>
          <div class="relative mt-2"><!----><input type="text" inputmode="text" name="state"
              class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
          </div><!---->
        </div>
        <div class="flex flex-col w-full"><label for="zip" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Zip <span class="text-[color:var(--field-label-star)]">*</span></label>
          <div class="relative mt-2"><!----><input type="text" inputmode="text" name="zip"
              class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
          </div><!---->
        </div>
      </div>
    </div><!---->
  </div>
  <div class="text-center"></div><button
    class="flex items-center px-10 mx-auto mt-10 text-lg font-black text-[color:var(--donate-button-text)] hover:text-[color:var(--donate-button-text)] uppercase bg-[color:var(--donate-button-background)] rounded-full h-14 md:h-16 hover:bg-[color:var(--donate-button-background-hover)] md:text-2xl focus:outline-none">
    Submit Donation </button>
</form>

<form class="">
  <div class="space-y-4">
    <div class="space-y-8 md:flex md:space-y-0 md:space-x-10">
      <div class="flex flex-col w-full"><label for="creator_name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Your Name <span class="text-[color:var(--field-label-star)]">*</span></label>
        <div class="relative mt-2"><!----><input type="text" inputmode="text" name="creator_name"
            class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
        </div><!---->
      </div>
      <div class="flex flex-col w-full"><label for="name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Team Name <span class="text-[color:var(--field-label-star)]">*</span></label>
        <div class="relative mt-2"><!----><input type="text" inputmode="text" name="name"
            class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
        </div><!---->
      </div>
    </div>
    <div class="space-y-8 md:flex md:space-y-0 md:space-x-10">
      <div class="flex flex-col w-full"><label for="creator_email" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Your Email <span class="text-[color:var(--field-label-star)]">*</span></label>
        <div class="relative mt-2"><!----><input type="email" inputmode="email" name="creator_email"
            class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
        </div><!---->
      </div>
      <div class="flex flex-col w-full"><label for="creator_phone" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Your Phone <span class="text-[color:var(--field-label-star)]">*</span></label>
        <div class="relative mt-2"><!----><input type="tel" inputmode="tel" name="creator_phone"
            class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
        </div><!---->
      </div>
    </div>
    <div class="space-y-8 md:flex md:space-y-0 md:space-x-10">
      <div class="flex flex-col w-full" inputtype="decimal"><label for="goal" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Team Goal <span class="text-[color:var(--field-label-star)]">*</span></label>
        <div class="relative mt-2"><input type="text" inputmode="text" name="goal" required=""
            class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"
            inputtype="decimal"><!----><!----></div><!---->
      </div>
      <div class="flex flex-col w-full space-y-1">
        <div class="flex flex-col w-full"><label for="slug" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Team URL <span class="text-[color:var(--field-label-star)]">*</span></label>
          <div class="relative mt-2"><!----><input type="text" inputmode="text" name="slug"
              class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
          </div><!---->
        </div>
      </div>
    </div>
    <div class="flex flex-col w-full"><label for="description" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Description <!----></label><textarea name="description"
        class="block mt-2 bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-20 focus:ring-2 focus:ring-[color:var(--field-border)]"></textarea><!---->
    </div>
  </div><button
    class="flex items-center px-10 mx-auto mt-10 text-lg font-black text-[color:var(--create-team-button-text)] hover:text-[color:var(--create-team-button-text)] uppercase bg-[color:var(--create-team-button-background)] rounded-full h-14 md:h-16 hover:bg-[color:var(--create-team-button-background-hover)] md:text-2xl focus:outline-none">
    Create my Team </button>
</form>

<form class="">
  <div class="space-y-4">
    <div class="space-y-8 md:flex md:space-y-0 md:space-x-10">
      <div class="flex flex-col w-full"><label for="creator_name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Your Name <span class="text-[color:var(--field-label-star)]">*</span></label>
        <div class="relative mt-2"><!----><input type="text" inputmode="text" name="creator_name"
            class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
        </div><!---->
      </div>
      <div class="flex flex-col w-full"><label for="name" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Team Name <span class="text-[color:var(--field-label-star)]">*</span></label>
        <div class="relative mt-2"><!----><input type="text" inputmode="text" name="name"
            class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
        </div><!---->
      </div>
    </div>
    <div class="space-y-8 md:flex md:space-y-0 md:space-x-10">
      <div class="flex flex-col w-full"><label for="creator_email" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Your Email <span class="text-[color:var(--field-label-star)]">*</span></label>
        <div class="relative mt-2"><!----><input type="email" inputmode="email" name="creator_email"
            class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
        </div><!---->
      </div>
      <div class="flex flex-col w-full"><label for="creator_phone" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Your Phone <span class="text-[color:var(--field-label-star)]">*</span></label>
        <div class="relative mt-2"><!----><input type="tel" inputmode="tel" name="creator_phone"
            class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
        </div><!---->
      </div>
    </div>
    <div class="space-y-8 md:flex md:space-y-0 md:space-x-10">
      <div class="flex flex-col w-full" inputtype="decimal"><label for="goal" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Team Goal <span class="text-[color:var(--field-label-star)]">*</span></label>
        <div class="relative mt-2"><input type="text" inputmode="text" name="goal" required=""
            class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"
            inputtype="decimal"><!----><!----></div><!---->
      </div>
      <div class="flex flex-col w-full space-y-1">
        <div class="flex flex-col w-full"><label for="slug" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Team URL <span class="text-[color:var(--field-label-star)]">*</span></label>
          <div class="relative mt-2"><!----><input type="text" inputmode="text" name="slug"
              class="bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-10 focus:ring-2 focus:ring-[color:var(--field-border)] focus-visible:outline-none peer"><!---->
          </div><!---->
        </div>
      </div>
    </div>
    <div class="flex flex-col w-full"><label for="description" class="text-xs font-bold uppercase text-[color:var(--field-label)]">Description <!----></label><textarea name="description"
        class="block mt-2 bg-[color:var(--field-background)] rounded border-0 border-none w-full px-3 text-[color:var(--field-text)] placeholder-[color:var(--field-placeholder)] text-sm h-20 focus:ring-2 focus:ring-[color:var(--field-border)]"></textarea><!---->
    </div>
  </div><button
    class="flex items-center px-10 mx-auto mt-10 text-lg font-black text-[color:var(--create-team-button-text)] hover:text-[color:var(--create-team-button-text)] uppercase bg-[color:var(--create-team-button-background)] rounded-full h-14 md:h-16 hover:bg-[color:var(--create-team-button-background-hover)] md:text-2xl focus:outline-none">
    Create my Team </button>
</form>

Text Content

RAISETHON

EnglishEn
English
Hebrew
French


$227,162

22%

OF ORIGINAL GOAL
$1,000,000 Raised


2X

Matched

Donate Now


Campaign Ends In

0
1

Days

:
2
3

Hours

:
4
1

Minutes

:
1
0

Seconds


2X MATCHED


MR. ERIC ROTHNER




RESNICK AUTO GROUP




FRIENDS OF CHEDER LUBAVITCH




MS CAPITAL VENTURES



Dedication OpportunityWho We Are



CHEDER LUBAVITCH HEBREW DAY SCHOOL, INC

Email:mwolf@clhds.com
Phone:

8476756777

Tax ID:

36-3332947




PRODUCTS


DONATE A STUDENT LOCKER

$200






DONATE A STUDENT DESK

$250






DONATE A TEACHER'S DESK

$550






DONATE A WATER FOUNTAIN

$750






DONATE A LUNCH TABLE

$2,500






DONATE A INTERACTIVE WHITEBOARD

$5,000






67 TEAMS

Create a Team

Sort ByTeam NameHighest GoalLowest GoalMost RaisedLeast RaisedNearest to
GoalMost DonorsLeast Donors
Create a Team

Wolf Family

$27,708

of $36,000 Raised

12

Donors

Visit Team Page
Werbler Family

$20,400

of $25,000 Raised

2

Donors

Visit Team Page
Yarmove

$7,280

of $10,000 Raised

5

Donors

Visit Team Page
Glaser

$5,968

of $10,000 Raised

4

Donors

Visit Team Page
Stern family

$4,752

of $5,000 Raised

3

Donors

Visit Team Page
Shney K.

$3,394

of $10,000 Raised

12

Donors

Visit Team Page
Cheder Alumni

$2,264

of $50,000 Raised

6

Donors

Visit Team Page
Fine Family team

$2,108

of $4,000 Raised

8

Donors

Visit Team Page
Osmunson

$2,016

of $2,000 Raised

10

Donors

Visit Team Page
Liberow Family

$2,000

of $2,000 Raised

1

Donors

Visit Team Page
Atkins

$2,000

of $2,000 Raised

1

Donors

Visit Team Page
Shemtov

$2,000

of $1,000 Raised

1

Donors

Visit Team Page
Moscowitz

$1,800

of $3,600 Raised

1

Donors

Visit Team Page
Wrightman

$1,664

of $2,000 Raised

8

Donors

Visit Team Page
Yoel Wolf

$1,532

of $3,600 Raised

7

Donors

Visit Team Page
Load More
170
DONORS

NewestOldestHighestLowest

BINYOMIN SCHEIMAN

1 minute ago

$100

With Schanowitz

SHOLOM & ROCHEL MEYER

7 minutes ago

$720

With Wrightman

CHANA A MANGEL

7 minutes ago

$108

With Shney K.

לעילוי נשמת שטערנא שרה בת ר׳ יהושע העשל

ANONYMOUS

7 minutes ago

$1,000
In honor of Rabbi Twerski and Rabbi Brody

ELI SPIRN

8 minutes ago

$36

CHICAGO MERCANTILE EXCHANGE

8 minutes ago

$20,000
Your friends at CME

THE JEWISH GATOR NATION

12 minutes ago

$360
In honor of Rabbi's Twersky, Wolf & all the teachers & staff. THANK YOU!

MORDECHAI STERN

12 minutes ago

$1,080

With Stern family

NATHAN HERZOG

15 minutes ago

$2,400

With Yarmove

In honour of our special friend Yakov. The Kedem / gefen family

ESTHER ALIMA

16 minutes ago

$400

With Wolf Family

ANONYMOUS

17 minutes ago

$1,000

ANONYMOUS

17 minutes ago

$14,000

With Wolf Family

In memory of Mr. Seymour Abrams who dedicated his life to Jewish causes and
charities especially to Cheder Lubavitch. Will always be remembered.

CAROLYN AND IKE SOFFER

18 minutes ago

$72

With Wolf Family

NOACH & DEVORY FOX

30 minutes ago

$200

With Zirkind

In honor of the Zirkinds!!

MEIR AND ESTY GLUCK

37 minutes ago

$100

With Wrightman

Load More


RAISETHON

Raising funding, recognition and awareness for the 21st century.






GET IN TOUCH

PHONE

+1 347-878-7866

EMAIL

info@raisethon.com

Terms of ServicePrivacy Policy
© 2022 RaiseThon LLC, All rights Reserved




DONATE NOW


DONATE A STUDENT LOCKER

$200




DONATE A STUDENT DESK

$250




DONATE A TEACHER'S DESK

$550




DONATE A WATER FOUNTAIN

$750




DONATE A LUNCH TABLE

$2,500




DONATE A INTERACTIVE WHITEBOARD

$5,000


YOUR AMOUNT

$

USD

$

USD


.00


DONATE IN INSTALLMENTS

No Installments

Cheder Lubavitch Hebrew Day School, Inc

will receive

$0.00 USD
Every dollar is being matched 2X
First Name *

Last Name *

Email *

Phone *

Display Name *

I would like to donate anonymously
Message or Dedication

TEAM DONATION

I would like to donate to the following team
Select Team
Wolf Family
Werbler Family
Yarmove
Glaser
Stern family
Shney K.
Cheder Alumni
Fine Family team
Osmunson
Liberow Family
Atkins
Shemtov
Moscowitz
Wrightman
Yoel Wolf
Load More
Donate to multiple teams

PAYMENT METHOD


Street *

Apt

City *

State *

Zip *


Submit Donation


DONATE NOW


DONATE A STUDENT LOCKER

$200





DONATE A STUDENT DESK

$250




DONATE A TEACHER'S DESK

$550




DONATE A WATER FOUNTAIN

$750




DONATE A LUNCH TABLE

$2,500




DONATE A INTERACTIVE WHITEBOARD

$5,000


YOUR AMOUNT

$

USD

$

USD


.00


DONATE IN INSTALLMENTS

No InstallmentsDivide donation by 2 months ($100.00)Divide donation by 3 months
($66.67)Divide donation by 4 months ($50.00)Divide donation by 5 months
($40.00)Divide donation by 6 months ($33.33)Divide donation by 7 months
($28.57)Divide donation by 8 months ($25.00)Divide donation by 9 months
($22.22)Divide donation by 10 months ($20.00)Divide donation by 11 months
($18.18)Divide donation by 12 months ($16.67)

Cheder Lubavitch Hebrew Day School, Inc

will receive

$400.00 USD
Every dollar is being matched 2X
First Name *

Last Name *

Email *

Phone *

Display Name *

I would like to donate anonymously
Message or Dedication

TEAM DONATION

I would like to donate to the following team
Select Team
Wolf Family
Werbler Family
Yarmove
Glaser
Stern family
Shney K.
Cheder Alumni
Fine Family team
Osmunson
Liberow Family
Atkins
Shemtov
Moscowitz
Wrightman
Yoel Wolf
Load More
Donate to multiple teams

PAYMENT METHOD


Street *

Apt

City *

State *

Zip *


Submit Donation


DONATE NOW


DONATE A STUDENT LOCKER

$200


DONATE A STUDENT DESK

$250





DONATE A TEACHER'S DESK

$550




DONATE A WATER FOUNTAIN

$750




DONATE A LUNCH TABLE

$2,500




DONATE A INTERACTIVE WHITEBOARD

$5,000


YOUR AMOUNT

$

USD

$

USD


.00


DONATE IN INSTALLMENTS

No InstallmentsDivide donation by 2 months ($125.00)Divide donation by 3 months
($83.33)Divide donation by 4 months ($62.50)Divide donation by 5 months
($50.00)Divide donation by 6 months ($41.67)Divide donation by 7 months
($35.71)Divide donation by 8 months ($31.25)Divide donation by 9 months
($27.78)Divide donation by 10 months ($25.00)Divide donation by 11 months
($22.73)Divide donation by 12 months ($20.83)

Cheder Lubavitch Hebrew Day School, Inc

will receive

$500.00 USD
Every dollar is being matched 2X
First Name *

Last Name *

Email *

Phone *

Display Name *

I would like to donate anonymously
Message or Dedication

TEAM DONATION

I would like to donate to the following team
Select Team
Wolf Family
Werbler Family
Yarmove
Glaser
Stern family
Shney K.
Cheder Alumni
Fine Family team
Osmunson
Liberow Family
Atkins
Shemtov
Moscowitz
Wrightman
Yoel Wolf
Load More
Donate to multiple teams

PAYMENT METHOD


Street *

Apt

City *

State *

Zip *


Submit Donation


DONATE NOW


DONATE A STUDENT LOCKER

$200




DONATE A STUDENT DESK

$250


DONATE A TEACHER'S DESK

$550





DONATE A WATER FOUNTAIN

$750




DONATE A LUNCH TABLE

$2,500




DONATE A INTERACTIVE WHITEBOARD

$5,000


YOUR AMOUNT

$

USD

$

USD


.00


DONATE IN INSTALLMENTS

No InstallmentsDivide donation by 2 months ($275.00)Divide donation by 3 months
($183.33)Divide donation by 4 months ($137.50)Divide donation by 5 months
($110.00)Divide donation by 6 months ($91.67)Divide donation by 7 months
($78.57)Divide donation by 8 months ($68.75)Divide donation by 9 months
($61.11)Divide donation by 10 months ($55.00)Divide donation by 11 months
($50.00)Divide donation by 12 months ($45.83)

Cheder Lubavitch Hebrew Day School, Inc

will receive

$1,100.00 USD
Every dollar is being matched 2X
First Name *

Last Name *

Email *

Phone *

Display Name *

I would like to donate anonymously
Message or Dedication

TEAM DONATION

I would like to donate to the following team
Select Team
Wolf Family
Werbler Family
Yarmove
Glaser
Stern family
Shney K.
Cheder Alumni
Fine Family team
Osmunson
Liberow Family
Atkins
Shemtov
Moscowitz
Wrightman
Yoel Wolf
Load More
Donate to multiple teams

PAYMENT METHOD


Street *

Apt

City *

State *

Zip *


Submit Donation


DONATE NOW


DONATE A STUDENT LOCKER

$200




DONATE A STUDENT DESK

$250




DONATE A TEACHER'S DESK

$550


DONATE A WATER FOUNTAIN

$750





DONATE A LUNCH TABLE

$2,500




DONATE A INTERACTIVE WHITEBOARD

$5,000


YOUR AMOUNT

$

USD

$

USD


.00


DONATE IN INSTALLMENTS

No InstallmentsDivide donation by 2 months ($375.00)Divide donation by 3 months
($250.00)Divide donation by 4 months ($187.50)Divide donation by 5 months
($150.00)Divide donation by 6 months ($125.00)Divide donation by 7 months
($107.14)Divide donation by 8 months ($93.75)Divide donation by 9 months
($83.33)Divide donation by 10 months ($75.00)Divide donation by 11 months
($68.18)Divide donation by 12 months ($62.50)

Cheder Lubavitch Hebrew Day School, Inc

will receive

$1,500.00 USD
Every dollar is being matched 2X
First Name *

Last Name *

Email *

Phone *

Display Name *

I would like to donate anonymously
Message or Dedication

TEAM DONATION

I would like to donate to the following team
Select Team
Wolf Family
Werbler Family
Yarmove
Glaser
Stern family
Shney K.
Cheder Alumni
Fine Family team
Osmunson
Liberow Family
Atkins
Shemtov
Moscowitz
Wrightman
Yoel Wolf
Load More
Donate to multiple teams

PAYMENT METHOD


Street *

Apt

City *

State *

Zip *


Submit Donation


DONATE NOW


DONATE A STUDENT LOCKER

$200




DONATE A STUDENT DESK

$250




DONATE A TEACHER'S DESK

$550




DONATE A WATER FOUNTAIN

$750


DONATE A LUNCH TABLE

$2,500





DONATE A INTERACTIVE WHITEBOARD

$5,000


YOUR AMOUNT

$

USD

$

USD


.00


DONATE IN INSTALLMENTS

No InstallmentsDivide donation by 2 months ($1,250.00)Divide donation by 3
months ($833.33)Divide donation by 4 months ($625.00)Divide donation by 5 months
($500.00)Divide donation by 6 months ($416.67)Divide donation by 7 months
($357.14)Divide donation by 8 months ($312.50)Divide donation by 9 months
($277.78)Divide donation by 10 months ($250.00)Divide donation by 11 months
($227.27)Divide donation by 12 months ($208.33)

Cheder Lubavitch Hebrew Day School, Inc

will receive

$5,000.00 USD
Every dollar is being matched 2X
First Name *

Last Name *

Email *

Phone *

Display Name *

I would like to donate anonymously
Message or Dedication

TEAM DONATION

I would like to donate to the following team
Select Team
Wolf Family
Werbler Family
Yarmove
Glaser
Stern family
Shney K.
Cheder Alumni
Fine Family team
Osmunson
Liberow Family
Atkins
Shemtov
Moscowitz
Wrightman
Yoel Wolf
Load More
Donate to multiple teams

PAYMENT METHOD


Street *

Apt

City *

State *

Zip *


Submit Donation


DONATE NOW


DONATE A STUDENT LOCKER

$200




DONATE A STUDENT DESK

$250




DONATE A TEACHER'S DESK

$550




DONATE A WATER FOUNTAIN

$750




DONATE A LUNCH TABLE

$2,500


DONATE A INTERACTIVE WHITEBOARD

$5,000




YOUR AMOUNT

$

USD

$

USD


.00


DONATE IN INSTALLMENTS

No InstallmentsDivide donation by 2 months ($2,500.00)Divide donation by 3
months ($1,666.67)Divide donation by 4 months ($1,250.00)Divide donation by 5
months ($1,000.00)Divide donation by 6 months ($833.33)Divide donation by 7
months ($714.29)Divide donation by 8 months ($625.00)Divide donation by 9 months
($555.56)Divide donation by 10 months ($500.00)Divide donation by 11 months
($454.55)Divide donation by 12 months ($416.67)

Cheder Lubavitch Hebrew Day School, Inc

will receive

$10,000.00 USD
Every dollar is being matched 2X
First Name *

Last Name *

Email *

Phone *

Display Name *

I would like to donate anonymously
Message or Dedication

TEAM DONATION

I would like to donate to the following team
Select Team
Wolf Family
Werbler Family
Yarmove
Glaser
Stern family
Shney K.
Cheder Alumni
Fine Family team
Osmunson
Liberow Family
Atkins
Shemtov
Moscowitz
Wrightman
Yoel Wolf
Load More
Donate to multiple teams

PAYMENT METHOD


Street *

Apt

City *

State *

Zip *


Submit Donation


CREATE A TEAM

Your Name *

Team Name *

Your Email *

Your Phone *

Team Goal *

Team URL *

Description
Create my Team


CREATE A TEAM

Your Name *

Team Name *

Your Email *

Your Phone *

Team Goal *

Team URL *

Description
Create my Team

raisethon.com Open in urlscan Pro 2606:4700:3034::6815:257b Public Scan

Form analysis 11 forms found in the DOM

Text Content

raisethon.com Open in urlscan Pro
2606:4700:3034::6815:257b Public Scan

Form analysis
11 forms found in the DOM