secure.unicef.ca Open in urlscan Pro
104.18.26.2  Public Scan

Submitted URL: http://dev-help.unicef.org/
Effective URL: https://secure.unicef.ca/page/31858/donate/1
Submission: On December 27 via api from US — Scanned from CA

Form analysis 1 forms found in the DOM

Name: pb_General__Main_Donation_Form_ENPOST /page/31858/donate/2

<form method="post" id="pb_31858" name="pb_General__Main_Donation_Form_EN" action="/page/31858/donate/2" class="en__component en__component--page" novalidate="novalidate">
  <input type="hidden" name="hidden" class="en__hiddenFields" value="transaction.othamt4">
  <input type="hidden" name="sessionId" value="f8a6ce6935b74937ba7d4fef1b51cf3c-cac1-prd-web6">
  <ul class="en__errorList">
  </ul>
  <div class="en__component en__component--row en__component--row--1 row--header">
    <div class="en__component en__component en__component--column">
      <div class="en__component en__component--copyblock" style="







">
        <header>
          <div class="container--logo">
            <a href="https://www.unicef.ca/en"><img alt="UNICEF Logo" class="emailImage" data-ratio-lock="true" data-unit="%" src="https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/1672/UNICEF-CANADA_ForEveryChild-Vertical-Logo_RGB_White2.png?v=1716312394000"> </a>
          </div>
          <div class="rotatorWrapper desktop">
            <div class="rotator">
              <div class="rotator-item">
                <p class="action-count">&nbsp;</p>
              </div>
            </div>
          </div>
          <div class="language-switcher"><a href="https://secure.unicef.ca/page/30466/donate/1">Français</a></div>
        </header>
      </div>
    </div>
  </div>
  <div class="en__component en__component--row en__component--row--1 row--hero">
    <div class="en__component en__component en__component--column en__component--column--1">
      <div class="en__component en__component--copyblock" style="







">
        <section class="hero" style="background-image: url(&quot;https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/1672/UNI418475.jpg?v=1715086557000&quot;);"><img
            alt="A 2-year-old girl sits on the lap of her mother, and eats from a sachet of ready-to-use therapeutic food (RUTF) after being assessed for malnutrition at the outpatient therapeutic centre." class="js-background" data-ratio-lock="true"
            data-unit="%" height="auto" src="https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/1672/UNI418475.jpg?v=1715086557000" style="height: auto; width: 100%; display: none;" width="100%"></section>
      </div>
    </div>
  </div>
  <div class="en__component en__component--row en__component--row--1 row--form">
    <div class="en__component en__component en__component--column en__component--column--1">
      <div class="en__component en__component--copyblock" style="







">
        <div class="language-switcher affix-top" style="width: 435px;"><a href="https://secure.unicef.ca/page/30466/donate/1">Français</a></div>
      </div>
      <div class="en__component en__component--copyblock" style="







">
        <div class="editor_explainer">Form and Progress Bar Container</div>
        <section class="form">
          <div class="js-formContainer affix-top window--frame" style="width: 435px;">
            <div class="js-formSteps">&nbsp;<ul>
                <div class="progress-bar" style="width: 33.3333%;"></div>
                <li class="step0 active" style="left: 0%; width: 33.3333%;"><span class="stepLabel">Donation amount</span></li>
                <li class="step1" style="left: 25%; width: 25%; display: none;"><span class="stepLabel">Recipient Details</span></li>
                <li class="step2" style="left: 33.3333%; width: 33.3333%;"><span class="stepLabel">Your information</span></li>
                <li class="step3" style="left: 66.6667%; width: 33.3333%;"><span class="stepLabel">Payment details</span></li>
              </ul>
            </div>
            <div id="window" style="width: 400%; margin-left: 0%;">
              <div class="page page--1" style="width: 25%;">
                <h2 class="form_header">Make a Lasting Impact for Children. Donate Now.</h2>
                <div class="en__component en__component--formblock" style="">
                  <div class="en__field en__field--radio en__field--1877453 en__field--recurrpay">
                    <label for="en__field_transaction_recurrpay" class="en__field__label" style="">Donation Frequency</label>
                    <div class="en__field__element en__field__element--radio duration-toggle--wrapper">
                      <div class="en__field__item recurring--wrapper">
                        <input id="en__field_transaction_recurrpay0" checked="" type="radio" class="en__field__input en__field__input--radio" value="Y" name="transaction.recurrpay">
                        <label for="en__field_transaction_recurrpay0" class="en__field__label en__field__label--item"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px"
                            viewBox="0 0 612 792" style="enable-background:new 0 0 612 792;" xml:space="preserve" class="svg replaced-svg">
                            <path style="fill:#FFFFFF;"
                              d="M407.8,172.1L354,187.5l12.8,44.8c-11.9-4.6-24.3-8-37-10.1c-9.6-1.5-19.4-2.3-29-2.3  c-43.1,0-85.2,15.4-118.4,43.5c-33.5,28.3-55.8,67.8-62.8,111.1c-5.2,32.8-1.4,66.5,11,97.3l3.6,8.9l53-18.7l-4.1-9.8  c-9.1-21.9-12-45.8-8.3-68.9c4.8-30.1,20.3-57.5,43.6-77.2c23.1-19.5,52.3-30.2,82.3-30.2c6.7,0,13.5,0.5,20.2,1.6  c5.4,0.9,10.7,2.1,16,3.6l-40,11.4l15.4,53.8L446,305.6L407.8,172.1z">
                            </path>
                            <path style="fill:#FFFFFF;"
                              d="M475.3,346.7l-5.4-15.6l-54,16.4l4.1,10.7c8,20.9,10.4,43.5,6.9,65.4c-4.8,30.1-20.3,57.5-43.6,77.3  C360.2,520.3,330.9,531,301,531c0,0,0,0,0,0c-6.7,0-13.5-0.5-20.2-1.6c-4.2-0.7-8.2-1.5-12.3-2.6l38-10.8l-15.2-53.8l-133.8,40.2  l37.8,133.6l53.8-15.2l-13-45.8c11.5,4.4,23.5,7.6,35.8,9.5c9.6,1.5,19.4,2.3,29,2.3c0,0,0,0,0,0c43.1,0,85.2-15.4,118.4-43.5  c33.5-28.3,55.8-67.8,62.8-111.1C486.7,403.3,484.5,374.5,475.3,346.7z">
                            </path>
                          </svg>Monthly gift</label>
                      </div>
                      <div class="en__field__item one-time--wrapper">
                        <input id="en__field_transaction_recurrpay1" type="radio" class="en__field__input en__field__input--radio" value="" name="transaction.recurrpay">
                        <label for="en__field_transaction_recurrpay1" class="en__field__label en__field__label--item"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px"
                            viewBox="0 0 612 792" style="enable-background:new 0 0 612 792;" xml:space="preserve" class="svg replaced-svg">
                            <g>
                              <g>
                                <path style="fill:#FFFFFF;" d="M469.4,613.7H142.3V286.5h327.2V613.7z M190.3,565.6h231.1V334.5H190.3V565.6z"></path>
                              </g>
                              <path style="fill:#FFFFFF;"
                                d="M417.8,196.1c-12.5-14.2-32.4-20-54.7-16.1c-18.3,3.3-37.3,12.9-53.4,27.1c-1.3,1.1-2.6,2.3-3.8,3.5   c-1.2-1.2-2.5-2.4-3.8-3.5c-16.2-14.2-35.2-23.8-53.5-27.1c-22.3-4-42.2,1.9-54.7,16.1c-12.5,14.2-15.7,34.7-8.9,56.3   c5.6,17.7,17.6,35.3,33.8,49.5c16.2,14.2,35.2,23.8,53.5,27.1c4.6,0.8,9.1,1.2,13.4,1.2c7.2,0,13.9-1.1,20.1-3.2   c6.3,2.2,13,3.2,20.1,3.2c21.7,0,46.1-10,67-28.3c16.2-14.2,28.2-31.8,33.8-49.5C433.5,230.8,430.3,210.2,417.8,196.1z    M290.9,281.2c-2.7,2.6-21.3,1.3-40.3-15.5c-19.1-16.8-22.8-35-20.5-38h0c2.1-2.1,20.2-2.3,40.4,15.5   C289.4,260,293.1,278.2,290.9,281.2z M361.2,265.8c-7.6,6.7-15.2,11-21.8,13.6c0.1-7.3-1-14.9-3.5-22.7c-0.6-1.9-1.3-3.9-2.1-5.8   c2.3-2.7,4.9-5.2,7.6-7.6c20.2-17.7,38.3-17.6,40.4-15.5C384,230.7,380.2,249,361.2,265.8z">
                              </path>
                              <g>
                                <rect x="281.8" y="316" style="fill:#FFFFFF;" width="48" height="273.6"></rect>
                              </g>
                            </g>
                          </svg>One-time gift</label>
                      </div>
                    </div>
                  </div>
                  <div class="en__field en__field--radio en__field--withOther en__field--1877456 en__field--donationAmt en__mandatory">
                    <label class="en__field__label" style="">My <strong>recurring donation</strong> amount:</label>
                    <div class="en__field__element en__field__element--radio donation-levels">
                      <div class="en__field__item">
                        <input type="radio" class="en__field__input en__field__input--radio" value="35" name="transaction.donationAmt" id="en__field_transaction_donationAmt5">
                        <label class="en__field__label en__field__label--item" for="en__field_transaction_donationAmt5">$35</label>
                      </div>
                      <div class="en__field__item">
                        <input type="radio" class="en__field__input en__field__input--radio" value="30" name="transaction.donationAmt" id="en__field_transaction_donationAmt6">
                        <label class="en__field__label en__field__label--item" for="en__field_transaction_donationAmt6">$30</label>
                      </div>
                      <div class="en__field__item">
                        <input type="radio" class="en__field__input en__field__input--radio" value="25" name="transaction.donationAmt" id="en__field_transaction_donationAmt7">
                        <label class="en__field__label en__field__label--item" for="en__field_transaction_donationAmt7">$25</label>
                      </div>
                      <div class="en__field__item">
                        <input type="radio" class="en__field__input en__field__input--radio" value="20" name="transaction.donationAmt" id="en__field_transaction_donationAmt8">
                        <label class="en__field__label en__field__label--item" for="en__field_transaction_donationAmt8">$20</label>
                      </div>
                      <div class="en__field__item">
                        <input type="radio" class="en__field__input en__field__input--radio" value="15" name="transaction.donationAmt" id="en__field_transaction_donationAmt9">
                        <label class="en__field__label en__field__label--item" for="en__field_transaction_donationAmt9">$15</label>
                      </div>
                      <div class="en__field__item otherField--wrapper">
                        <input type="radio" class="en__field__input en__field__input--radio" value="other" name="transaction.donationAmt" id="en__field_transaction_donationAmt10" placeholder="Other amount">
                        <label class="en__field__label en__field__label--item" for="en__field_transaction_donationAmt10">Other amount</label>
                        <input class="en__field__input en__field__input--other" type="text" name="transaction.donationAmt.other" value="" placeholder="Other amount">
                      </div>
                    </div>
                  </div>
                  <input type="hidden" class="en__field__input en__field__input--hidden" name="transaction.recurrfreq" value="MONTHLY">
                  <input type="hidden" class="en__field__input en__field__input--hidden" name="transaction.recurprd" value="1">
                  <input type="hidden" class="en__field__input en__field__input--hidden" name="transaction.recurrcnt" value="999">
                  <input type="hidden" class="en__field__input en__field__input--hidden" name="transaction.recurrday" value="999">
                  <div class="en__field en__field--checkbox en__field--1877457 en__field--inmem">
                    <label class="en__field__label" style=""><span class="label-span">Tribute Gift</span></label>
                    <div class="en__field__element en__field__element--checkbox
	">
                      <div class="en__field__item">
                        <input id="en__field_transaction_inmem" type="checkbox" class="en__field__input en__field__input--checkbox" value="Y" name="transaction.inmem">
                        <label for="en__field_transaction_inmem" class="en__field__label en__field__label--item"><span class="label-span">Dedicate this donation</span></label>
                      </div>
                    </div>
                  </div>
                  <p class="js-tribute-option-message">Select this option to send a card to a loved one.</p>
                </div>
                <div class="btn-next--wrapper"><button type="button" class="btn btn-next">Next<span class="glyphicon glyphicon-chevron-right"></span></button></div>
              </div>
              <div class="page page--2 tributePanel mobile-hide" style="width: 25%;">
                <h2>Recipient details</h2>
                <p class="js-honoree-message">Please enter the name and address of the person you wish to notify of this gift, if applicable.</p>
                <div class="en__component en__component--formblock" style="">
                  <div class="en__field en__field--radio en__field--1830051 en__field--trbopts">
                    <label for="en__field_transaction_trbopts" class="en__field__label" style="">Tribute Type</label>
                    <div class="en__field__element en__field__element--radio
">
                      <div class="en__field__item">
                        <input id="en__field_transaction_trbopts0" checked="" type="radio" class="en__field__input en__field__input--radio" value="tribute" name="transaction.trbopts">
                        <label for="en__field_transaction_trbopts0" class="en__field__label en__field__label--item">A gift in honour</label>
                      </div>
                      <div class="en__field__item">
                        <input id="en__field_transaction_trbopts1" type="radio" class="en__field__input en__field__input--radio" value="memorial" name="transaction.trbopts">
                        <label for="en__field_transaction_trbopts1" class="en__field__label en__field__label--item">A gift in memory</label>
                      </div>
                    </div>
                  </div>
                  <div class="en__field en__field--select en__field--1832676 en__field--NOT_TAGGED_27">
                    <label for="en__field_supporter_NOT_TAGGED_27" class="en__field__label" style="">Card Delivery Method</label>
                    <div class="en__field__element en__field__element--select">
                      <select id="en__field_supporter_NOT_TAGGED_27" class="en__field__input en__field__input--select" name="supporter.NOT_TAGGED_27">
                        <option selected="selected" value="digital">E-card</option>
                        <option value="printed">Mailed card</option>
                        <option value="selfprinted">PDF Card</option>
                        <option value="">No Card</option>
                      </select>
                    </div>
                  </div>
                  <div class="en__field en__field--text en__field--template_id fancyLabel" style="display: none;"><label for="en__field_grpam_template_id_0" class="en__field__label" style=""><input id="en__field_grpam_template_id_0" type="text"
                        class="en__field__input en__field__input--text" name="grpam.template_id_0" value="" style="display: none;" data-empty="false"><input type="radio" name="grCardProject-cardTemplate_0"
                        id="card_template_7e14349d-ba82-43a6-8aad-ae3e585d6315_0" value="7e14349d-ba82-43a6-8aad-ae3e585d6315" class="js-stationery-layout-id"><span class="label">Select a Card Design </span></label><label
                      class="layout-choice-thumbnail-label" for="card_template_7e14349d-ba82-43a6-8aad-ae3e585d6315_0"><input id="en__field_grpam_template_id_0" type="text" class="en__field__input en__field__input--text" name="grpam.template_id_0"
                        value="" style="display: none;" data-empty="false"><input type="radio" name="grCardProject-cardTemplate_0" id="card_template_7e14349d-ba82-43a6-8aad-ae3e585d6315_0" value="7e14349d-ba82-43a6-8aad-ae3e585d6315"
                        class="js-stationery-layout-id"><span class="label">Select a Card Design </span></label></div>
                  <input type="hidden" class="en__field__input en__field__input--hidden" name="transaction.honname" value="">
                  <div class="en__field en__field--text en__field--1830047 en__field--infname fancyLabel">
                    <label for="en__field_transaction_infname" class="en__field__label" style=""><input id="en__field_transaction_infname" type="text" class="en__field__input en__field__input--text" name="transaction.infname" value=""
                        data-empty="true"><span class="label">Recipient Name</span></label>
                  </div>
                  <div class="en__field en__field--text en__field--1847158 en__field--NOT_TAGGED_30 fancyLabel">
                    <label for="en__field_supporter_NOT_TAGGED_30" class="en__field__label" style=""><input id="en__field_supporter_NOT_TAGGED_30" type="text" class="en__field__input en__field__input--text" name="supporter.NOT_TAGGED_30" value=""
                        data-empty="true"><span class="label">*Honouree First Name</span></label>
                  </div>
                  <div class="en__field en__field--text en__field--1847157 en__field--NOT_TAGGED_31 fancyLabel">
                    <label for="en__field_supporter_NOT_TAGGED_31" class="en__field__label" style=""><input id="en__field_supporter_NOT_TAGGED_31" type="text" class="en__field__input en__field__input--text" name="supporter.NOT_TAGGED_31" value=""
                        data-empty="true"><span class="label">*Honouree Last name</span></label>
                  </div>
                  <div class="en__field en__field--text en__field--1832677 en__field--infemail fancyLabel">
                    <label for="en__field_transaction_infemail" class="en__field__label" style=""><input id="en__field_transaction_infemail" type="text" class="en__field__input en__field__input--text" name="transaction.infemail" value=""
                        data-empty="true"><span class="label">*Recipient Email</span></label>
                  </div>
                  <div class="en__field en__field--text en__field--1830050 en__field--infadd1 en__hidden fancyLabel">
                    <label for="en__field_transaction_infadd1" class="en__field__label" style=""><input id="en__field_transaction_infadd1" type="text" class="en__field__input en__field__input--text" name="transaction.infadd1" value=""
                        data-empty="true"><span class="label">*Recipient Address 1</span></label>
                  </div>
                  <div class="en__field en__field--text en__field--1830045 en__field--infcity en__hidden fancyLabel">
                    <label for="en__field_transaction_infcity" class="en__field__label" style=""><input id="en__field_transaction_infcity" type="text" class="en__field__input en__field__input--text" name="transaction.infcity" value=""
                        data-empty="true"><span class="label">*Recipient City</span></label>
                  </div>
                  <div class="en__field en__field--text en__field--1830046 en__field--infreg en__hidden fancyLabel">
                    <label for="en__field_transaction_infreg" class="en__field__label" style=""><input id="en__field_transaction_infreg" type="text" class="en__field__input en__field__input--text" name="transaction.infreg" value=""
                        data-empty="true"><span class="label">*Recipient Province</span></label>
                  </div>
                  <div class="en__field en__field--text en__field--1830048 en__field--infpostcd en__hidden fancyLabel">
                    <label for="en__field_transaction_infpostcd" class="en__field__label" style=""><input id="en__field_transaction_infpostcd" type="text" class="en__field__input en__field__input--text" name="transaction.infpostcd" value=""
                        data-empty="true"><span class="label">*Recipient Postcode</span></label>
                  </div>
                  <div class="en__field en__field--text en__field--1830049 en__field--infcountry en__hidden fancyLabel">
                    <label for="en__field_transaction_infcountry" class="en__field__label" style=""><input id="en__field_transaction_infcountry" type="text" class="en__field__input en__field__input--text" name="transaction.infcountry" value=""
                        data-empty="true"><span class="label">*Recipient Country</span></label>
                  </div>
                  <div class="en__field en__field--textarea en__field--1830044 en__field--gftrsn">
                    <label for="en__field_transaction_gftrsn" class="en__field__label" style="">Personalized Message (optional)</label>
                    <div class="en__field__element en__field__element--textarea">
                      <textarea id="en__field_transaction_gftrsn" class="en__field__input en__field__input--textarea" name="transaction.gftrsn" maxlength="500" data-empty="true"></textarea>
                    </div>
                    <p class="js-remaining-characters">500 characters remaining.</p>
                  </div>
                  <div class="en__field en__field--radio en__field--1833535 en__field--NOT_TAGGED_29">
                    <label for="en__field_supporter_NOT_TAGGED_29" class="en__field__label" style="">Tribute Card Language</label>
                    <div class="en__field__element en__field__element--radio
">
                      <div class="en__field__item">
                        <input id="en__field_supporter_NOT_TAGGED_290" checked="" type="radio" class="en__field__input en__field__input--radio" value="en_CA" name="supporter.NOT_TAGGED_29">
                        <label for="en__field_supporter_NOT_TAGGED_290" class="en__field__label en__field__label--item">English</label>
                      </div>
                      <div class="en__field__item">
                        <input id="en__field_supporter_NOT_TAGGED_291" type="radio" class="en__field__input en__field__input--radio" value="fr_CA" name="supporter.NOT_TAGGED_29">
                        <label for="en__field_supporter_NOT_TAGGED_291" class="en__field__label en__field__label--item">French</label>
                      </div>
                    </div>
                  </div>
                  <div class="en__field en__field--calendar en__field--1832936 en__field--NOT_TAGGED_28">
                    <label for="en__field_supporter_NOT_TAGGED_28" class="en__field__label" style="">*Card Delivery Date</label>
                    <div class="en__field__element en__field__element--calendar">
                      <input id="en__field_supporter_NOT_TAGGED_28" type="date" class="en__field__input en__field__input--calendar" name="supporter.NOT_TAGGED_28" value="">
                    </div>
                    <p class="js-tribute-mail-message">To ensure your card is delivered on time, we recommend making your donation two weeks in advance.</p>
                  </div>
                  <div class="en__field en__field--checkbox en__field--2017197 en__field--anonymousDonor">
                    <div class="en__field__element en__field__element--checkbox
	">
                      <div class="en__field__item">
                        <input id="en__field_supporter_anonymousDonor" type="checkbox" class="en__field__input en__field__input--checkbox" value="Y" name="supporter.anonymousDonor">
                        <label for="en__field_supporter_anonymousDonor" class="en__field__label en__field__label--item">I consent to having my personal information shared with the honouree or their family upon request</label>
                      </div>
                    </div>
                  </div>
                  <input type="hidden" class="en__field__input en__field__input--hidden" name="transaction.comments" value="">
                </div>
                <div class="en__component en__component--copyblock" style="







">
                  <div class="scripts_title">Character Limits for Cards</div>
                  <script>
                    var cardLimits = {
                      ecardMax: 500,
                      cardMax: 150
                    }
                  </script>
                </div>
                <div class="en__component en__component--copyblock" style="







">
                  <div>
                    <p><a href="#" id="viewSampleCard">View Sample Card</a><button class="grCardProject-preview" type="button">View a sample card</button></p>
                  </div>
                </div>
                <div class="btn-next--wrapper"><button type="button" class="btn btn-next">Next<span class="glyphicon glyphicon-chevron-right"></span></button></div>
                <p class="pull-left back-button"> <button type="button" class="go-back btn-prev"><span class="glyphicon glyphicon-chevron-left"></span>Back</button> </p>
              </div>
              <div class="page page--3" style="width: 25%;">
                <h2 class="formPanel_header">Your Information</h2>
                <div class="js-panel_explainer" style="display:none">
                  <p class="opt-in_explainer">When you make a gift to UNICEF Canada, you’ll join us in our mission to protect every child’s survival and development. As a valued member of our online community, you will receive occasional email
                    updates about UNICEF’s work for children, emergency response efforts, and how you can help.</p>
                </div>
                <div class="en__component en__component--formblock billing-form--wrapper" style="">
                  <div class="en__field en__field--select en__field--281834 en__field--title">
                    <label for="en__field_supporter_title" class="en__field__label" style="">Title</label>
                    <div class="en__field__element en__field__element--select">
                      <select id="en__field_supporter_title" class="en__field__input en__field__input--select" name="supporter.title">
                        <option value="">Title</option>
                        <option value="Mr.">Mr.</option>
                        <option value="Ms">Ms</option>
                        <option value="Mrs.">Mrs.</option>
                        <option value="Miss">Miss</option>
                        <option value="Dr.">Dr.</option>
                      </select>
                    </div>
                  </div>
                  <div class="en__field en__field--text en__field--281833 en__field--firstName en__mandatory fancyLabel">
                    <label for="en__field_supporter_firstName" class="en__field__label" style=""><input id="en__field_supporter_firstName" type="text" class="en__field__input en__field__input--text" name="supporter.firstName" value=""
                        data-empty="true"><span class="label">First name</span></label>
                  </div>
                  <div class="en__field en__field--text en__field--281835 en__field--lastName en__mandatory fancyLabel">
                    <label for="en__field_supporter_lastName" class="en__field__label" style=""><input id="en__field_supporter_lastName" type="text" class="en__field__input en__field__input--text" name="supporter.lastName" value=""
                        data-empty="true"><span class="label">Last name</span></label>
                  </div>
                  <div class="en__field en__field--checkbox en__field--question en__field--27786 en__field--organization-field">
                    <label class="en__field__label" style="">This gift is from a business or organization</label>
                    <div class="en__field__element en__field__element--checkbox
	">
                      <div class="en__field__item">
                        <input id="en__field_supporter_questions_27786" type="checkbox" class="en__field__input en__field__input--checkbox" value="Y" name="supporter.questions.27786">
                        <label for="en__field_supporter_questions_27786" class="en__field__label en__field__label--item">This gift is from a business or organization</label>
                      </div>
                    </div>
                  </div>
                  <div class="en__field en__field--text en__field--558698 en__field--othamt4 en__mandatory en__hidden fancyLabel" style="display: none;">
                    <label for="en__field_transaction_othamt4" class="en__field__label" style=""><input id="en__field_transaction_othamt4" type="text" class="en__field__input en__field__input--text" name="transaction.othamt4" value="" disabled=""
                        data-empty="true"><span class="label">Donor Organization Name</span></label>
                  </div>
                  <div class="en__field en__field--text en__field--281838 en__field--address1 en__mandatory fancyLabel">
                    <label for="en__field_supporter_address1" class="en__field__label" style=""><input id="en__field_supporter_address1" type="text" class="en__field__input en__field__input--text" name="supporter.address1" value=""
                        data-empty="true"><span class="label">Address</span></label>
                  </div>
                  <div class="en__field en__field--text en__field--281836 en__field--address2 fancyLabel">
                    <label for="en__field_supporter_address2" class="en__field__label" style=""><input id="en__field_supporter_address2" type="text" class="en__field__input en__field__input--text" name="supporter.address2" value=""
                        data-empty="true"><span class="label">Unit</span></label>
                  </div>
                  <div class="en__field en__field--text en__field--281839 en__field--city en__mandatory fancyLabel">
                    <label for="en__field_supporter_city" class="en__field__label" style=""><input id="en__field_supporter_city" type="text" class="en__field__input en__field__input--text" name="supporter.city" value="" data-empty="true"><span
                        class="label">City</span></label>
                  </div>
                  <div class="en__field en__field--select en__field--281843 en__field--country en__mandatory">
                    <label for="en__field_supporter_country" class="en__field__label" style="">Country</label>
                    <div class="en__field__element en__field__element--select">
                      <select name="supporter.country" id="supporter-country" class="en__field__input en__field__input--select">
                        <option value="">Country</option>
                        <option value="CA">Canada</option>
                        <option value="US">United States</option>
                        <option value="AF">Afghanistan</option>
                        <option value="AX">Åland Islands</option>
                        <option value="AL">Albania</option>
                        <option value="DZ">Algeria</option>
                        <option value="AS">American Samoa</option>
                        <option value="AD">Andorra</option>
                        <option value="AO">Angola</option>
                        <option value="AI">Anguilla</option>
                        <option value="AQ">Antarctica</option>
                        <option value="AG">Antigua and Barbuda</option>
                        <option value="AR">Argentina</option>
                        <option value="AM">Armenia</option>
                        <option value="AW">Aruba</option>
                        <option value="AU">Australia</option>
                        <option value="AT">Austria</option>
                        <option value="AZ">Azerbaijan</option>
                        <option value="BS">Bahamas</option>
                        <option value="BH">Bahrain</option>
                        <option value="BD">Bangladesh</option>
                        <option value="BB">Barbados</option>
                        <option value="BY">Belarus</option>
                        <option value="BE">Belgium</option>
                        <option value="BZ">Belize</option>
                        <option value="BJ">Benin</option>
                        <option value="BM">Bermuda</option>
                        <option value="BT">Bhutan</option>
                        <option value="BO">Bolivia, Plurinational State of</option>
                        <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                        <option value="BA">Bosnia and Herzegovina</option>
                        <option value="BW">Botswana</option>
                        <option value="BV">Bouvet Island</option>
                        <option value="BR">Brazil</option>
                        <option value="IO">British Indian Ocean Territory</option>
                        <option value="BN">Brunei Darussalam</option>
                        <option value="BG">Bulgaria</option>
                        <option value="BF">Burkina Faso</option>
                        <option value="BI">Burundi</option>
                        <option value="CV">Cabo Verde</option>
                        <option value="KH">Cambodia</option>
                        <option value="CM">Cameroon</option>
                        <option value="KY">Cayman Islands</option>
                        <option value="CF">Central African Republic</option>
                        <option value="TD">Chad</option>
                        <option value="CL">Chile</option>
                        <option value="CN">China</option>
                        <option value="CX">Christmas Island</option>
                        <option value="CC">Cocos (Keeling) Islands</option>
                        <option value="CO">Colombia</option>
                        <option value="KM">Comoros</option>
                        <option value="CG">Congo</option>
                        <option value="CD">Congo, the Democratic Republic of the</option>
                        <option value="CK">Cook Islands</option>
                        <option value="CR">Costa Rica</option>
                        <option value="CI">Côte d'Ivoire</option>
                        <option value="HR">Croatia</option>
                        <option value="CU">Cuba</option>
                        <option value="CW">Curaçao</option>
                        <option value="CY">Cyprus</option>
                        <option value="CZ">Czech Republic</option>
                        <option value="DK">Denmark</option>
                        <option value="DJ">Djibouti</option>
                        <option value="DM">Dominica</option>
                        <option value="DO">Dominican Republic</option>
                        <option value="EC">Ecuador</option>
                        <option value="EG">Egypt</option>
                        <option value="SV">El Salvador</option>
                        <option value="GQ">Equatorial Guinea</option>
                        <option value="ER">Eritrea</option>
                        <option value="EE">Estonia</option>
                        <option value="ET">Ethiopia</option>
                        <option value="FK">Falkland Islands (Malvinas)</option>
                        <option value="FO">Faroe Islands</option>
                        <option value="FJ">Fiji</option>
                        <option value="FI">Finland</option>
                        <option value="FR">France</option>
                        <option value="GF">French Guiana</option>
                        <option value="PF">French Polynesia</option>
                        <option value="TF">French Southern Territories</option>
                        <option value="GA">Gabon</option>
                        <option value="GM">Gambia</option>
                        <option value="GE">Georgia</option>
                        <option value="DE">Germany</option>
                        <option value="GH">Ghana</option>
                        <option value="GI">Gibraltar</option>
                        <option value="GR">Greece</option>
                        <option value="GL">Greenland</option>
                        <option value="GD">Grenada</option>
                        <option value="GP">Guadeloupe</option>
                        <option value="GU">Guam</option>
                        <option value="GT">Guatemala</option>
                        <option value="GG">Guernsey</option>
                        <option value="GN">Guinea</option>
                        <option value="GW">Guinea-Bissau</option>
                        <option value="GY">Guyana</option>
                        <option value="HT">Haiti</option>
                        <option value="HM">Heard Island and McDonald Islands</option>
                        <option value="VA">Holy See (Vatican City State)</option>
                        <option value="HN">Honduras</option>
                        <option value="HK">Hong Kong</option>
                        <option value="HU">Hungary</option>
                        <option value="IS">Iceland</option>
                        <option value="IN">India</option>
                        <option value="ID">Indonesia</option>
                        <option value="IR">Iran, Islamic Republic of</option>
                        <option value="IQ">Iraq</option>
                        <option value="IE">Ireland</option>
                        <option value="IM">Isle of Man</option>
                        <option value="IL">Israel</option>
                        <option value="IT">Italy</option>
                        <option value="JM">Jamaica</option>
                        <option value="JP">Japan</option>
                        <option value="JE">Jersey</option>
                        <option value="JO">Jordan</option>
                        <option value="KZ">Kazakhstan</option>
                        <option value="KE">Kenya</option>
                        <option value="KI">Kiribati</option>
                        <option value="KP">Korea, Democratic People's Republic of</option>
                        <option value="KR">Korea, Republic of</option>
                        <option value="KW">Kuwait</option>
                        <option value="KG">Kyrgyzstan</option>
                        <option value="LA">Lao People's Democratic Republic</option>
                        <option value="LV">Latvia</option>
                        <option value="LB">Lebanon</option>
                        <option value="LS">Lesotho</option>
                        <option value="LR">Liberia</option>
                        <option value="LY">Libya</option>
                        <option value="LI">Liechtenstein</option>
                        <option value="LT">Lithuania</option>
                        <option value="LU">Luxembourg</option>
                        <option value="MO">Macao</option>
                        <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                        <option value="MG">Madagascar</option>
                        <option value="MW">Malawi</option>
                        <option value="MY">Malaysia</option>
                        <option value="MV">Maldives</option>
                        <option value="ML">Mali</option>
                        <option value="MT">Malta</option>
                        <option value="MH">Marshall Islands</option>
                        <option value="MQ">Martinique</option>
                        <option value="MR">Mauritania</option>
                        <option value="MU">Mauritius</option>
                        <option value="YT">Mayotte</option>
                        <option value="MX">Mexico</option>
                        <option value="FM">Micronesia, Federated States of</option>
                        <option value="MD">Moldova, Republic of</option>
                        <option value="MC">Monaco</option>
                        <option value="MN">Mongolia</option>
                        <option value="ME">Montenegro</option>
                        <option value="MS">Montserrat</option>
                        <option value="MA">Morocco</option>
                        <option value="MZ">Mozambique</option>
                        <option value="MM">Myanmar</option>
                        <option value="NA">Namibia</option>
                        <option value="NR">Nauru</option>
                        <option value="NP">Nepal</option>
                        <option value="NL">Netherlands</option>
                        <option value="NC">New Caledonia</option>
                        <option value="NZ">New Zealand</option>
                        <option value="NI">Nicaragua</option>
                        <option value="NE">Niger</option>
                        <option value="NG">Nigeria</option>
                        <option value="NU">Niue</option>
                        <option value="NF">Norfolk Island</option>
                        <option value="MP">Northern Mariana Islands</option>
                        <option value="NO">Norway</option>
                        <option value="OM">Oman</option>
                        <option value="PK">Pakistan</option>
                        <option value="PW">Palau</option>
                        <option value="PS">Palestine, State of</option>
                        <option value="PA">Panama</option>
                        <option value="PG">Papua New Guinea</option>
                        <option value="PY">Paraguay</option>
                        <option value="PE">Peru</option>
                        <option value="PH">Philippines</option>
                        <option value="PN">Pitcairn</option>
                        <option value="PL">Poland</option>
                        <option value="PT">Portugal</option>
                        <option value="PR">Puerto Rico</option>
                        <option value="QA">Qatar</option>
                        <option value="RE">Réunion</option>
                        <option value="RO">Romania</option>
                        <option value="RU">Russian Federation</option>
                        <option value="RW">Rwanda</option>
                        <option value="BL">Saint Barthélemy</option>
                        <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                        <option value="KN">Saint Kitts and Nevis</option>
                        <option value="LC">Saint Lucia</option>
                        <option value="MF">Saint Martin (French part)</option>
                        <option value="PM">Saint Pierre and Miquelon</option>
                        <option value="VC">Saint Vincent and the Grenadines</option>
                        <option value="WS">Samoa</option>
                        <option value="SM">San Marino</option>
                        <option value="ST">Sao Tome and Principe</option>
                        <option value="SA">Saudi Arabia</option>
                        <option value="SN">Senegal</option>
                        <option value="RS">Serbia</option>
                        <option value="SC">Seychelles</option>
                        <option value="SL">Sierra Leone</option>
                        <option value="SG">Singapore</option>
                        <option value="SX">Sint Maarten (Dutch part)</option>
                        <option value="SK">Slovakia</option>
                        <option value="SI">Slovenia</option>
                        <option value="SB">Solomon Islands</option>
                        <option value="SO">Somalia</option>
                        <option value="ZA">South Africa</option>
                        <option value="GS">South Georgia and the South Sandwich Islands</option>
                        <option value="SS">South Sudan</option>
                        <option value="ES">Spain</option>
                        <option value="LK">Sri Lanka</option>
                        <option value="SD">Sudan</option>
                        <option value="SR">Suriname</option>
                        <option value="SJ">Svalbard and Jan Mayen</option>
                        <option value="SZ">Swaziland</option>
                        <option value="SE">Sweden</option>
                        <option value="CH">Switzerland</option>
                        <option value="SY">Syrian Arab Republic</option>
                        <option value="TW">Taiwan, Province of China</option>
                        <option value="TJ">Tajikistan</option>
                        <option value="TZ">Tanzania, United Republic of</option>
                        <option value="TH">Thailand</option>
                        <option value="TL">Timor-Leste</option>
                        <option value="TG">Togo</option>
                        <option value="TK">Tokelau</option>
                        <option value="TO">Tonga</option>
                        <option value="TT">Trinidad and Tobago</option>
                        <option value="TN">Tunisia</option>
                        <option value="TR">Turkey</option>
                        <option value="TM">Turkmenistan</option>
                        <option value="TC">Turks and Caicos Islands</option>
                        <option value="TV">Tuvalu</option>
                        <option value="UG">Uganda</option>
                        <option value="UA">Ukraine</option>
                        <option value="AE">United Arab Emirates</option>
                        <option value="GB">United Kingdom</option>
                        <option value="UM">United States Minor Outlying Islands</option>
                        <option value="UY">Uruguay</option>
                        <option value="UZ">Uzbekistan</option>
                        <option value="VU">Vanuatu</option>
                        <option value="VE">Venezuela, Bolivarian Republic of</option>
                        <option value="VN">Viet Nam</option>
                        <option value="VG">Virgin Islands, British</option>
                        <option value="VI">Virgin Islands, U.S.</option>
                        <option value="WF">Wallis and Futuna</option>
                        <option value="EH">Western Sahara</option>
                        <option value="YE">Yemen</option>
                        <option value="ZM">Zambia</option>
                        <option value="ZW">Zimbabwe</option>
                      </select>
                    </div>
                  </div>
                  <div class="en__field en__field--text en__field--281841 en__field--postcode en__mandatory fancyLabel">
                    <label for="en__field_supporter_postcode" class="en__field__label" style=""><input id="en__field_supporter_postcode" type="text" class="en__field__input en__field__input--text" name="supporter.postcode" value=""
                        data-empty="true"><span class="label">Postal code</span></label>
                  </div>
                  <div class="en__field en__field--text en__field--281840 en__field--region en__mandatory fancyLabel"><label for="en__field_supporter_region" class="en__field__label" style=""><input id="en__field_supporter_region" type="text"
                        class="en__field__input en__field__input--text" name="supporter.region" value="" data-empty="true"><span class="label">Province / State</span></label></div>
                  <div class="en__field en__field--text en__field--281842 en__field--phoneNumber en__mandatory fancyLabel">
                    <label for="en__field_supporter_phoneNumber" class="en__field__label" style=""><input id="en__field_supporter_phoneNumber" type="tel" class="en__field__input en__field__input--text" name="supporter.phoneNumber" value=""
                        data-empty="true"><span class="label">Phone number</span></label>
                  </div>
                  <div class="en__field en__field--select en__field--281844 en__field--NOT_TAGGED_2 en__mandatory">
                    <label for="en__field_supporter_NOT_TAGGED_2" class="en__field__label" style="">Phone Type</label>
                    <div class="en__field__element en__field__element--select">
                      <select id="en__field_supporter_NOT_TAGGED_2" class="en__field__input en__field__input--select" name="supporter.NOT_TAGGED_2">
                        <option value="">Phone type</option>
                        <option value="Home">Home</option>
                        <option value="Cell">Cell</option>
                        <option value="Work">Work</option>
                      </select>
                    </div>
                  </div>
                  <div class="en__field en__field--text en__field--281845 en__field--emailAddress en__mandatory fancyLabel">
                    <label for="en__field_supporter_emailAddress" class="en__field__label" style=""><input id="en__field_supporter_emailAddress" type="text" class="en__field__input en__field__input--text" name="supporter.emailAddress" value=""
                        data-empty="true"><span class="label">Email address</span></label>
                  </div><input type="hidden" class="en__field__input--hidden" name="supporter.sendOffset" value="-08:00">
                  <div class="en__field en__field--checkbox en__field--question en__field--34104 en__field--email-implied-consent-en">
                    <label class="en__field__label" style="">Email Implied Consent - EN</label>
                    <div class="en__field__element en__field__element--checkbox
	">
                      <div class="en__field__item">
                        <input id="en__field_supporter_questions_34104" checked="" type="checkbox" class="en__field__input en__field__input--checkbox" value="Y" name="supporter.questions.34104">
                        <label for="en__field_supporter_questions_34104" class="en__field__label en__field__label--item">I would like to receive email communications</label>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="en__component en__component--formblock" style="">
                  <input type="hidden" class="en__field__input en__field__input--hidden" name="transaction.othamt1" value="GENERAL">
                  <input type="hidden" class="en__field__input en__field__input--hidden" name="transaction.othamt3" value="00DIAQ05XXE">
                  <input type="hidden" class="en__field__input en__field__input--hidden" name="transaction.dirgift"
                    value="{&quot;project_id&quot;:&quot;79b1edaa-8837-4132-be19-e99ab02c6005&quot;,&quot;source_reference_id&quot;:&quot;be518e56-fe61-4162-931a-d11c5eb92457&quot;}">
                  <input type="hidden" class="en__field__input en__field__input--hidden" name="supporter.language" value="English">
                </div>
                <div class="panel_explainer_content">
                  <p class="opt-in_explainer">When you make a gift to UNICEF Canada, you’ll join us in our mission to protect every child’s survival and development. As a valued member of our online community, you will receive occasional email
                    updates about UNICEF’s work for children, emergency response efforts, and how you can help.</p>
                </div>
                <div class="btn-next--wrapper"><button type="button" class="btn btn-next">Next<span class="glyphicon glyphicon-chevron-right"></span></button></div>
                <p class="pull-left back-button"> <button type="button" class="go-back btn-prev"><span class="glyphicon glyphicon-chevron-left"></span>Back</button> </p>
              </div>
              <div class="page page--4" style="width: 25%;">
                <h2 class="formPanel_header">Payment Details</h2>
                <div class="cvv2-modal">
                  <p>The Security Code is the 3 or 4 digit security code on the front or back of your credit or debit card.</p>
                  <p class="close">Close</p>
                </div>
                <div class="en__component en__component--formblock" style="">
                  <div class="en__field en__field--radio en__field--286249 en__field--NOT_TAGGED_22 en__mandatory" style="display: none;">
                    <label for="en__field_supporter_NOT_TAGGED_22" class="en__field__label" style="">Payment Source</label>
                    <div class="en__field__element en__field__element--radio
">
                      <div class="en__field__item">
                        <input id="en__field_supporter_NOT_TAGGED_22" checked="" type="radio" class="en__field__input en__field__input--radio" value="cc" name="supporter.NOT_TAGGED_22">
                        <label for="en__field_supporter_NOT_TAGGED_22" class="en__field__label en__field__label--item">Credit Card</label>
                      </div>
                    </div>
                  </div>
                  <div class="en__field en__field--select en__field--286250 en__field--paymenttype en__mandatory">
                    <label for="en__field_transaction_paymenttype" class="en__field__label" style="">Payment Type</label>
                    <div class="en__field__element en__field__element--select">
                      <select id="en__field_transaction_paymenttype" class="en__field__input en__field__input--select" name="transaction.paymenttype">
                        <option value="VI">Visa</option>
                        <option value="MC">MasterCard</option>
                        <option value="AX">Amex</option>
                        <option value="CreditCard">Credit Card</option>
                      </select>
                    </div>
                  </div>
                </div>
                <div class="en__component en__component--formblock" style="">
                  <input type="hidden" class="en__field__input en__field__input--hidden" name="transaction.paycurrency" value="CAD">
                  <div class="en__field en__field--text en__field--1812513 en__field--creditCardHolderName en__mandatory fancyLabel">
                    <label for="en__field_supporter_creditCardHolderName" class="en__field__label" style=""><input id="en__field_supporter_creditCardHolderName" type="text" class="en__field__input en__field__input--text"
                        name="supporter.creditCardHolderName" value="" data-empty="true"><span class="label">Card Holder Name</span></label>
                  </div>
                  <div class="js-creditCardLogos en__field en__field--ccLogos"><span class="ccLogo ccLogo-visa" data-payment-value="VI"></span><span class="ccLogo ccLogo-mastercard" data-payment-value="MC"></span><span
                      class="ccLogo ccLogo-americanexpress" data-payment-value="AX"></span></div>
                  <div class="en__field en__field--vgs en__field--1521836 en__field--ccnumber en__mandatory">
                    <label for="en__field_transaction_ccnumber" class="en__field__label" style="">Card number</label>
                    <div class="en__field__element en__field__element--vgs">
                      <input type="hidden" name="transaction.ccnumber">
                      <div id="en__field_transaction_ccnumber" class="en__field__input en__field__input--vgs vgs-collect-container__empty vgs-collect-container__invalid">
                        <iframe title="Secure card number input frame"
                          src="https://js.verygoodvault.com/vgs-collect/2.23.0/lib/index.html#type=card-number&amp;autoComplete=cc-number&amp;name=transaction.ccnumber&amp;validations%5B0%5D=required&amp;validations%5B1%5D=validCardNumber&amp;tokenization%5Bformat%5D=GENERIC_T_FOUR&amp;tokenization%5Bstorage%5D=VOLATILE&amp;formId=randomId2604490973615533067&amp;fieldId=randomId2603021449106125387&amp;createdAt=1735276755747&amp;tnt=dG50Y2Z4ZHd5emg%3D&amp;env=bGl2ZQ%3D%3D&amp;logLevel=default&amp;vgsCollectSessionId=61bedcd9-567e-4dab-adbb-812fbe00b3e9&amp;css%5Bpadding%5D=6px&amp;css%5BboxSizing%5D=border-box&amp;css%5BfontFamily%5D=%22Univers%20Light%22%2C%20Arial%2C%20sans-serif&amp;css%5BfontSize%5D=16px&amp;css%5Bcolor%5D=rgb%2846%2C%2046%2C%2046%29"
                          frameborder="0" scrolling="0" allowtransparency="true" id="randomId2603021449106125387" form-id="randomId2604490973615533067"></iframe>
                      </div>
                    </div>
                  </div>
                  <div class="en__field en__field--splittext en__field--1521835 en__field--ccexpire en__mandatory">
                    <label for="en__field_transaction_ccexpire" class="en__field__label" style="">Expiry</label>
                    <div class="en__field__element en__field__element--splittext">
                      <input type="hidden" name="transaction.ccexpire.delimiter" value="">
                      <div class="en__field__item js-ccexp-month" maxlength="2">
                        <input id="en__field_transaction_ccexpire" type="tel" class="en__field__input en__field__input--splittext" name="transaction.ccexpire" value="" placeholder="MM" data-empty="true">
                      </div>
                      <div class="en__field__item js-ccexp-year" maxlength="2">
                        <input type="tel" class="en__field__input en__field__input--splittext" name="transaction.ccexpire" value="" placeholder="YY" data-empty="true">
                      </div>
                    </div>
                  </div>
                  <div class="en__field en__field--vgs en__field--1521834 en__field--ccvv en__mandatory">
                    <label for="en__field_transaction_ccvv" class="en__field__label" style="">CVV</label>
                    <div class="en__field__element en__field__element--vgs">
                      <input type="hidden" name="transaction.ccvv">
                      <div id="en__field_transaction_ccvv" class="en__field__input en__field__input--vgs vgs-collect-container__empty vgs-collect-container__invalid">
                        <iframe title="Secure card security code input frame"
                          src="https://js.verygoodvault.com/vgs-collect/2.23.0/lib/index.html#type=card-security-code&amp;autoComplete=cc-csc&amp;name=transaction.ccvv&amp;validations%5B0%5D=required&amp;validations%5B1%5D=validCardSecurityCode&amp;tokenization%5Bformat%5D=UUID&amp;tokenization%5Bstorage%5D=VOLATILE&amp;formId=randomId2604490973615533067&amp;fieldId=randomId260031163790852325457&amp;createdAt=1735276755749&amp;tnt=dG50Y2Z4ZHd5emg%3D&amp;env=bGl2ZQ%3D%3D&amp;logLevel=default&amp;vgsCollectSessionId=61bedcd9-567e-4dab-adbb-812fbe00b3e9&amp;css%5Bpadding%5D=6px&amp;css%5BboxSizing%5D=border-box&amp;css%5BfontFamily%5D=%22Univers%20Light%22%2C%20Arial%2C%20sans-serif&amp;css%5BfontSize%5D=16px&amp;css%5Bcolor%5D=rgb%2846%2C%2046%2C%2046%29"
                          frameborder="0" scrolling="0" allowtransparency="true" id="randomId260031163790852325457" form-id="randomId2604490973615533067" name="vgs-collect-cvv-field"></iframe>
                      </div>
                    </div>
                    <a href="#" class="cvv2-help-link"><img src="https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/1672/input-field-help-unicef.svg?v=1650292228000" alt=""></a>
                  </div>
                  <div class="en__field en__field--checkbox en__field--2046320 en__field--feeCover en__hidden">
                    <label class="en__field__label" style="display: none;">2.7%</label>
                    <div class="en__field__element en__field__element--checkbox
	">
                      <div class="en__field__item">
                        <input id="en__field_transaction_feeCover" type="checkbox" class="en__field__input en__field__input--checkbox" value="Y" name="transaction.feeCover">
                        <label for="en__field_transaction_feeCover" class="en__field__label en__field__label--item">I'd like to make an even greater impact for children. Top up my donation by 2.7% to help with the transaction fees.</label>
                      </div>
                    </div>
                  </div>
                  <div class="en__submit"><button style="">Donate $35 monthly</button></div>
                  <p id="cshp--or-donate-with-text" style="display: none;"><span>Or donate with:</span></p>
                  <div id="en__digitalWallet" style="justify-content: flex-start; display: none;" data-node-uid="2">
                    <div id="en__digitalWallet__stripeButtons" class="en__digitalWallet__button" style="width: 100%; display: none;" data-theme="dark" data-node-uid="3">
                      <div id="en__digitalWallet__stripeButtons__container" class="en__digitalWallet__container" style="margin: 0 0 5px 0"></div>
                    </div>
                    <div style="flex-basis: 100%; height: 0px; display: none;"></div>
                    <div id="en__digitalWallet__paypalTouch" class="en__digitalWallet__button" style="width: 100%; display: none;" data-theme="gold" data-node-uid="1">
                      <div id="en__digitalWallet__paypalTouch__container" class="en__digitalWallet__container" style="margin: 0px 0px 5px; max-width: 750px; max-height: fit-content;">
                        <div id="zoid-paypal-buttons-uid_cf291e2df1_mdu6mtk6mtu" class="paypal-buttons paypal-buttons-context-iframe paypal-buttons-label-unknown paypal-buttons-layout-vertical" data-paypal-smart-button-version="5.0.465"
                          style="height: 0px;">
                          <style nonce="">
                            #zoid-paypal-buttons-uid_cf291e2df1_mdu6mtk6mtu {
                              position: relative;
                              display: inline-block;
                              width: 100%;
                              min-height: 35px;
                              min-width: 200px;
                              font-size: 0;
                            }

                            #zoid-paypal-buttons-uid_cf291e2df1_mdu6mtk6mtu>iframe {
                              position: absolute;
                              top: 0;
                              left: 0;
                              width: 100%;
                              height: 100%;
                            }

                            #zoid-paypal-buttons-uid_cf291e2df1_mdu6mtk6mtu>iframe.component-frame {
                              z-index: 100;
                            }

                            #zoid-paypal-buttons-uid_cf291e2df1_mdu6mtk6mtu>iframe.prerender-frame {
                              transition: opacity .2s linear;
                              z-index: 200;
                            }

                            #zoid-paypal-buttons-uid_cf291e2df1_mdu6mtk6mtu>iframe.visible {
                              opacity: 1;
                            }

                            #zoid-paypal-buttons-uid_cf291e2df1_mdu6mtk6mtu>iframe.invisible {
                              opacity: 0;
                              pointer-events: none;
                            }

                            #zoid-paypal-buttons-uid_cf291e2df1_mdu6mtk6mtu>.smart-menu {
                              position: absolute;
                              z-index: 300;
                              top: 0;
                              left: 0;
                              width: 100%;
                            }
                          </style><iframe allowtransparency="true"
                            name="__zoid__paypal_buttons__eyJzZW5kZXIiOnsiZG9tYWluIjoiaHR0cHM6Ly9zZWN1cmUudW5pY2VmLmNhIn0sIm1ldGFEYXRhIjp7IndpbmRvd1JlZiI6eyJ0eXBlIjoicGFyZW50IiwiZGlzdGFuY2UiOjB9fSwicmVmZXJlbmNlIjp7InR5cGUiOiJyYXciLCJ2YWwiOiJ7XCJ1aWRcIjpcInpvaWQtcGF5cGFsLWJ1dHRvbnMtdWlkX2NmMjkxZTJkZjFfbWR1Nm10azZtdHVcIixcImNvbnRleHRcIjpcImlmcmFtZVwiLFwidGFnXCI6XCJwYXlwYWwtYnV0dG9uc1wiLFwiY2hpbGREb21haW5NYXRjaFwiOntcIl9fdHlwZV9fXCI6XCJyZWdleFwiLFwiX192YWxfX1wiOlwiXFxcXC5wYXlwYWxcXFxcLihjb218Y24pKDpcXFxcZCspPyRcIn0sXCJ2ZXJzaW9uXCI6XCIxMF8zXzNcIixcInByb3BzXCI6e1wic3R5bGVcIjp7XCJsYWJlbFwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJsYXlvdXRcIjpcInZlcnRpY2FsXCIsXCJjb2xvclwiOlwiZ29sZFwiLFwic2hhcGVcIjpcInJlY3RcIixcInRhZ2xpbmVcIjpmYWxzZSxcImhlaWdodFwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJwZXJpb2RcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwibWVudVBsYWNlbWVudFwiOlwiYmVsb3dcIixcImRpc2FibGVNYXhXaWR0aFwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJkaXNhYmxlTWF4SGVpZ2h0XCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcImJvcmRlclJhZGl1c1wiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn19LFwiY3JlYXRlT3JkZXJcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF9mZmZjNGU0ZGZmX21kdTZtdGs2bXR1XCIsXCJuYW1lXCI6XCJib3VuZCBcIn19LFwib25DbGlja1wiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkXzYwYTZmM2NiYzlfbWR1Nm10azZtdHVcIixcIm5hbWVcIjpcImJvdW5kIFwifX0sXCJvbkluaXRcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF9iNTE3ZjcyYzZiX21kdTZtdGs2bXR1XCIsXCJuYW1lXCI6XCJvbkluaXRcIn19LFwib25BcHByb3ZlXCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfZTZlNmEyNTg4ZF9tZHU2bXRrNm10dVwiLFwibmFtZVwiOlwiYm91bmQgXCJ9fSxcImNzcE5vbmNlXCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcImFsbG93QmlsbGluZ1BheW1lbnRzXCI6dHJ1ZSxcImFtb3VudFwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJhcGlTdGFnZUhvc3RcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwiYXBwbGVQYXlcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwiYXBwbGVQYXlTdXBwb3J0XCI6ZmFsc2UsXCJicmFuZGVkXCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcImJ1dHRvbkxvY2F0aW9uXCI6XCJzZWN1cmUudW5pY2VmLmNhXCIsXCJidXR0b25TZXNzaW9uSURcIjpcInVpZF81NTE5YzhmNDU0X21kdTZtdGs2bXR1XCIsXCJidXR0b25TaXplXCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcImJ1eWVyQ291bnRyeVwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJjbGllbnRBY2Nlc3NUb2tlblwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJjdXN0b21lcklkXCI6XCJcIixcImNsaWVudElEXCI6XCJBY1htbWlGZkppRXB3eXl4M1ZmUmRPWTZxUG1sNURueVdycHotbURDWFhVZDNEbWM1cV94ZTZlMk9TZXg5NG5pSk1nQmNxMnFJTEhabHRQSVwiLFwiY2xpZW50TWV0YWRhdGFJRFwiOlwidWlkX2VlYmU2ODhlZDZfbWR1Nm10azZtdHVcIixcImNvbW1pdFwiOnRydWUsXCJjb21wb25lbnRzXCI6W1wiYnV0dG9uc1wiXSxcImNyZWF0ZUJpbGxpbmdBZ3JlZW1lbnRcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwiY3JlYXRlU3Vic2NyaXB0aW9uXCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcImNyZWF0ZVZhdWx0U2V0dXBUb2tlblwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJjc3BcIjp7XCJub25jZVwiOlwiXCJ9LFwiY3VycmVuY3lcIjpcIkNBRFwiLFwiZGVidWdcIjpmYWxzZSxcImRpc2FibGVDYXJkXCI6W10sXCJkaXNhYmxlRnVuZGluZ1wiOltcImNhcmRcIixcImNyZWRpdFwiLFwiYmFuY29udGFjdFwiLFwiYmxpa1wiLFwiZXBzXCIsXCJnaXJvcGF5XCIsXCJpZGVhbFwiLFwibWVyY2Fkb3BhZ29cIixcIm15YmFua1wiLFwicDI0XCIsXCJzZXBhXCIsXCJzb2ZvcnRcIl0sXCJkaXNhYmxlU2V0Q29va2llXCI6dHJ1ZSxcImRpc3BsYXlPbmx5XCI6W10sXCJlbmFibGVGdW5kaW5nXCI6W1widmVubW9cIl0sXCJlbmFibGVUaHJlZURvbWFpblNlY3VyZVwiOmZhbHNlLFwiZW5hYmxlVmF1bHRcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwiZW52XCI6XCJwcm9kdWN0aW9uXCIsXCJleHBlcmltZW50XCI6e1wiZW5hYmxlVmVubW9cIjpmYWxzZSxcInZlbm1vVmF1bHRXaXRob3V0UHVyY2hhc2VcIjpmYWxzZSxcInZlbm1vV2ViRW5hYmxlZFwiOmZhbHNlfSxcImV4cGVyaW1lbnRhdGlvblwiOnt9LFwiZmxvd1wiOlwicHVyY2hhc2VcIixcImZ1bmRpbmdFbGlnaWJpbGl0eVwiOntcInBheXBhbFwiOntcImVsaWdpYmxlXCI6dHJ1ZSxcInZhdWx0YWJsZVwiOnRydWV9LFwicGF5bGF0ZXJcIjp7XCJlbGlnaWJsZVwiOmZhbHNlLFwidmF1bHRhYmxlXCI6ZmFsc2UsXCJwcm9kdWN0c1wiOntcInBheUluM1wiOntcImVsaWdpYmxlXCI6ZmFsc2UsXCJ2YXJpYW50XCI6bnVsbH0sXCJwYXlJbjRcIjp7XCJlbGlnaWJsZVwiOmZhbHNlLFwidmFyaWFudFwiOm51bGx9LFwicGF5bGF0ZXJcIjp7XCJlbGlnaWJsZVwiOmZhbHNlLFwidmFyaWFudFwiOm51bGx9fX0sXCJjYXJkXCI6e1wiZWxpZ2libGVcIjpmYWxzZSxcImJyYW5kZWRcIjp0cnVlLFwiaW5zdGFsbG1lbnRzXCI6ZmFsc2UsXCJ2ZW5kb3JzXCI6e1widmlzYVwiOntcImVsaWdpYmxlXCI6dHJ1ZSxcInZhdWx0YWJsZVwiOnRydWV9LFwibWFzdGVyY2FyZFwiOntcImVsaWdpYmxlXCI6dHJ1ZSxcInZhdWx0YWJsZVwiOnRydWV9LFwiYW1leFwiOntcImVsaWdpYmxlXCI6dHJ1ZSxcInZhdWx0YWJsZVwiOnRydWV9LFwiZGlzY292ZXJcIjp7XCJlbGlnaWJsZVwiOmZhbHNlLFwidmF1bHRhYmxlXCI6dHJ1ZX0sXCJoaXBlclwiOntcImVsaWdpYmxlXCI6ZmFsc2UsXCJ2YXVsdGFibGVcIjpmYWxzZX0sXCJlbG9cIjp7XCJlbGlnaWJsZVwiOmZhbHNlLFwidmF1bHRhYmxlXCI6dHJ1ZX0sXCJqY2JcIjp7XCJlbGlnaWJsZVwiOnRydWUsXCJ2YXVsdGFibGVcIjp0cnVlfSxcIm1hZXN0cm9cIjp7XCJlbGlnaWJsZVwiOnRydWUsXCJ2YXVsdGFibGVcIjp0cnVlfSxcImRpbmVyc1wiOntcImVsaWdpYmxlXCI6dHJ1ZSxcInZhdWx0YWJsZVwiOnRydWV9LFwiY3VwXCI6e1wiZWxpZ2libGVcIjpmYWxzZSxcInZhdWx0YWJsZVwiOnRydWV9fSxcImd1ZXN0RW5hYmxlZFwiOmZhbHNlfSxcInZlbm1vXCI6e1wiZWxpZ2libGVcIjpmYWxzZSxcInZhdWx0YWJsZVwiOmZhbHNlfSxcIml0YXVcIjp7XCJlbGlnaWJsZVwiOmZhbHNlfSxcImNyZWRpdFwiOntcImVsaWdpYmxlXCI6ZmFsc2V9LFwiYXBwbGVwYXlcIjp7XCJlbGlnaWJsZVwiOmZhbHNlfSxcInNlcGFcIjp7XCJlbGlnaWJsZVwiOmZhbHNlfSxcImlkZWFsXCI6e1wiZWxpZ2libGVcIjpmYWxzZX0sXCJiYW5jb250YWN0XCI6e1wiZWxpZ2libGVcIjpmYWxzZX0sXCJnaXJvcGF5XCI6e1wiZWxpZ2libGVcIjpmYWxzZX0sXCJlcHNcIjp7XCJlbGlnaWJsZVwiOmZhbHNlfSxcInNvZm9ydFwiOntcImVsaWdpYmxlXCI6ZmFsc2V9LFwibXliYW5rXCI6e1wiZWxpZ2libGVcIjpmYWxzZX0sXCJwMjRcIjp7XCJlbGlnaWJsZVwiOmZhbHNlfSxcIndlY2hhdHBheVwiOntcImVsaWdpYmxlXCI6ZmFsc2V9LFwicGF5dVwiOntcImVsaWdpYmxlXCI6ZmFsc2V9LFwiYmxpa1wiOntcImVsaWdpYmxlXCI6ZmFsc2V9LFwidHJ1c3RseVwiOntcImVsaWdpYmxlXCI6ZmFsc2V9LFwib3h4b1wiOntcImVsaWdpYmxlXCI6ZmFsc2V9LFwiYm9sZXRvXCI6e1wiZWxpZ2libGVcIjpmYWxzZX0sXCJib2xldG9iYW5jYXJpb1wiOntcImVsaWdpYmxlXCI6ZmFsc2V9LFwibWVyY2Fkb3BhZ29cIjp7XCJlbGlnaWJsZVwiOmZhbHNlfSxcIm11bHRpYmFuY29cIjp7XCJlbGlnaWJsZVwiOmZhbHNlfSxcInNhdGlzcGF5XCI6e1wiZWxpZ2libGVcIjpmYWxzZX0sXCJwYWlkeVwiOntcImVsaWdpYmxlXCI6ZmFsc2V9fSxcImZ1bmRpbmdTb3VyY2VcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwiZ2V0UGFnZVVybFwiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkXzNlYzc3YjY1YzRfbWR1Nm10azZtdHVcIixcIm5hbWVcIjpcImdldFBhZ2VVcmxcIn19LFwiZ2V0UG9wdXBCcmlkZ2VcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF8yMWYxYmQ4MzRjX21kdTZtdGs2bXR1XCIsXCJuYW1lXCI6XCJnZXRQb3B1cEJyaWRnZVwifX0sXCJnZXRQcmVyZW5kZXJEZXRhaWxzXCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfN2E5Y2ZhODBkN19tZHU2bXRrNm10dVwiLFwibmFtZVwiOlwiZ2V0UHJlcmVuZGVyRGV0YWlsc1wifX0sXCJnZXRRdWVyaWVkRWxpZ2libGVGdW5kaW5nXCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfMzk5MDAxYmE3NF9tZHU2bXRrNm10dVwiLFwibmFtZVwiOlwiZ2V0UXVlcmllZEVsaWdpYmxlRnVuZGluZ1wifX0sXCJob3N0ZWRCdXR0b25JZFwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJpbnRlbnRcIjpcImNhcHR1cmVcIixcImpzU2RrTGlicmFyeVwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJsb2NhbGVcIjp7XCJjb3VudHJ5XCI6XCJVU1wiLFwibGFuZ1wiOlwiZW5cIn0sXCJtZXJjaGFudElEXCI6W10sXCJtZXJjaGFudFJlcXVlc3RlZFBvcHVwc0Rpc2FibGVkXCI6ZmFsc2UsXCJtZXNzYWdlXCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcIm5vbmNlXCI6XCJcIixcIm9uQ2FuY2VsXCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcIm9uQ29tcGxldGVcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwib25NZXNzYWdlQ2xpY2tcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF84ZGI2YjI4MGU1X21kdTZtdGs2bXR1XCIsXCJuYW1lXCI6XCJvbk1lc3NhZ2VDbGlja1wifX0sXCJvbk1lc3NhZ2VIb3ZlclwiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkXzQ0MDE1ODZhNDJfbWR1Nm10azZtdHVcIixcIm5hbWVcIjpcIm9uTWVzc2FnZUhvdmVyXCJ9fSxcIm9uTWVzc2FnZVJlYWR5XCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfYmQ0ODYzMDZmNl9tZHU2bXRrNm10dVwiLFwibmFtZVwiOlwib25NZXNzYWdlUmVhZHlcIn19LFwib25TaGlwcGluZ0FkZHJlc3NDaGFuZ2VcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwib25TaGlwcGluZ0NoYW5nZVwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJvblNoaXBwaW5nT3B0aW9uc0NoYW5nZVwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJoYXNTaGlwcGluZ0NhbGxiYWNrXCI6ZmFsc2UsXCJwYWdlVHlwZVwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJwYXJ0bmVyQXR0cmlidXRpb25JRFwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJwYXltZW50TWV0aG9kTm9uY2VcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwicGF5bWVudE1ldGhvZFRva2VuXCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcInBheW1lbnRSZXF1ZXN0XCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcInBsYXRmb3JtXCI6XCJkZXNrdG9wXCIsXCJyZWZlcnJlckRvbWFpblwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJyZW1lbWJlclwiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkX2RhZGE5NmRlZDRfbWR1Nm10azZtdHVcIixcIm5hbWVcIjpcInJlbWVtYmVyXCJ9fSxcInJlbWVtYmVyZWRcIjpbXSxcInJlbmRlcmVkQnV0dG9uc1wiOltcInBheXBhbFwiXSxcInNlc3Npb25JRFwiOlwidWlkX2VlYmU2ODhlZDZfbWR1Nm10azZtdHVcIixcInNka0NvcnJlbGF0aW9uSURcIjpcInByZWJ1aWxkXCIsXCJzZXNzaW9uU3RhdGVcIjp7XCJnZXRcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF8zMzBkODYwNjE3X21kdTZtdGs2bXR1XCIsXCJuYW1lXCI6XCJnZXRcIn19LFwic2V0XCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfOTQwZmJhMGUxZV9tZHU2bXRrNm10dVwiLFwibmFtZVwiOlwic2V0XCJ9fX0sXCJnZXRTaG9wcGVySW5zaWdodHNVc2VkXCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfNmJkZDQ5MmI2OV9tZHU2bXRrNm10dVwiLFwibmFtZVwiOlwiQ3JcIn19LFwic3RhZ2VIb3N0XCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcInN0b3JhZ2VJRFwiOlwidWlkX2VkZDExMWNmYmJfbWR1Nm10azZtdHVcIixcInN0b3JhZ2VTdGF0ZVwiOntcImdldFwiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkXzRlNmExMmJlYmZfbWR1Nm10azZtdHVcIixcIm5hbWVcIjpcImdldFwifX0sXCJzZXRcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF9lMmFlODA0ZWY3X21kdTZtdGs2bXR1XCIsXCJuYW1lXCI6XCJzZXRcIn19fSxcInN1cHBvcnRlZE5hdGl2ZUJyb3dzZXJcIjpmYWxzZSxcInN1cHBvcnRzUG9wdXBzXCI6dHJ1ZSxcInRlc3RcIjp7XCJhY3Rpb25cIjpcImNoZWNrb3V0XCJ9LFwidXNlckV4cGVyaWVuY2VGbG93XCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcInVzZXJJRFRva2VuXCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcInZhdWx0XCI6ZmFsc2UsXCJ3YWxsZXRcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9fSxcImV4cG9ydHNcIjp7XCJpbml0XCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfN2VmMDE5ZjQ4NV9tZHU2bXRrNm10dVwiLFwibmFtZVwiOlwiaW5pdFwifX0sXCJjbG9zZVwiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkXzA1NGE1OGU0YjlfbWR1Nm10azZtdHVcIixcIm5hbWVcIjpcImNsb3NlOjptZW1vaXplZFwifX0sXCJjaGVja0Nsb3NlXCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfODY4YTUwMjMyNF9tZHU2bXRrNm10dVwiLFwibmFtZVwiOlwiY2hlY2tDbG9zZVwifX0sXCJyZXNpemVcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF83ZWU4MjdiOThjX21kdTZtdGs2bXR1XCIsXCJuYW1lXCI6XCJfblwifX0sXCJvbkVycm9yXCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfZDZiNjg0NmNmM19tZHU2bXRrNm10dVwiLFwibmFtZVwiOlwicW5cIn19LFwic2hvd1wiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkXzMzYzZkZGU1N2JfbWR1Nm10azZtdHVcIixcIm5hbWVcIjpcImduXCJ9fSxcImhpZGVcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF9jMTZiYzZhNTFjX21kdTZtdGs2bXR1XCIsXCJuYW1lXCI6XCJ2blwifX0sXCJleHBvcnRcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF80ZWJiMWE3Nzk5X21kdTZtdGs2bXR1XCIsXCJuYW1lXCI6XCJXblwifX19fSJ9fQ__"
                            title="PayPal" allowpaymentrequest="allowpaymentrequest" scrolling="no" id="jsx-iframe-524bed8d70" class="component-frame visible" style="background-color: transparent; border: none;"></iframe><iframe
                            allowtransparency="true" name="__zoid_prerender_frame__paypal_buttons_uid_2412322d97_mdu6mtk6mtu__" title="PayPal" allowpaymentrequest="allowpaymentrequest" scrolling="no" id="jsx-iframe-992a2675a5"
                            class="prerender-frame invisible" style="background-color: transparent; border: none;"></iframe>
                          <div id="smart-menu" class="smart-menu"></div>
                          <div id="installments-modal" class="installments-modal"></div><iframe name="__detect_close_uid_4c235360e9_mdu6mtk6mtu__" style="display: none;"></iframe>
                        </div>
                      </div>
                    </div>
                    <div style="flex-basis: 100%; height: 0px; display: none;"></div>
                    <div id="en__digitalWallet__chariot" class="en__digitalWallet__button" style="width: 100%; display: none;" data-theme="DefaultTheme" data-node-uid="4">
                      <div id="en__digitalWallet__chariot__container" class="en__digitalWallet__container"></div>
                    </div>
                  </div>
                  <p class="pull-left back-button"> <button type="button" class="go-back btn-prev"><span class="glyphicon glyphicon-chevron-left"></span>Back</button> </p>
                </div>
              </div>
            </div>
          </div>
        </section>
      </div>
      <div class="en__component en__component--copyblock" style="







">
        <div class="formPanel formPanel--donation">
        </div>
      </div>
      <div class="en__component en__component--copyblock" style="







">
        <div class="formPanel formPanel--honoree">
        </div>
      </div>
      <div class="en__component en__component--copyblock" style="







">
        <div class="formPanel formPanel--billing">
        </div>
      </div>
      <div class="en__component en__component--copyblock" style="







">
        <div class="formPanel formPanel--payment">
        </div>
      </div>
    </div>
  </div>
  <div class="en__component en__component--row en__component--row--1 row--campaign">
    <div class="en__component en__component en__component--column en__component--column--1">
      <div class="en__component en__component--copyblock" style="







">
        <div class="editor_explainer">Campaign Section</div>
        <section class="campaign">
          <p>&nbsp;</p>
        </section>
      </div>
      <div class="en__component en__component--copyblock" style="







">
        <div class="block block_text">
          <h1 class="block_title">Donate to Help Children Around the World</h1>
          <!--<p><strong>All one-time gifts are currently being matched by a generous, anonymous donor up to $100,000.</strong></p>-->
          <p>Now more than ever, UNICEF needs your help to get life-saving supplies, care and protection to children in vulnerable situations around the world. A donation from you can provide children with the nutrition, water, healthcare and
            education services they need to reach their full potential.</p>
        </div>
      </div>
      <div class="en__component en__component--copyblock" style="







">
        <div class="block block_threeCol" style="padding-top: 0;">
          <h2 class="block_title">How your donation will help children:</h2>
          <div class="block_threeColumnWrapper">
            <div class="block_column--thirds"><img alt="" class="emailImage" data-ratio-lock="true" data-unit="px" height="81"
                src="https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/1672/ICON_125x125_Therapeutic_Food.png?v=1551280325000" style="height: 81px; width: 81px;" width="81">
              <h4 class="block_subtitle block_subtitle--sm">$20</h4>
              <p class="block_columnParagraph">Can send therapeutic food supplements to 14 children.</p>
            </div>
            <div class="block_column--thirds"><img alt="" class="emailImage" data-ratio-lock="true" data-unit="px" height="81"
                src="https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/1672/ICON_125x125_Vaccines.png?v=1551280325000" style="height: 81px; width: 81px;" width="81">
              <h4 class="block_subtitle block_subtitle--sm">$50</h4>
              <p class="block_columnParagraph">Can provide 54 children with life-saving vaccines.</p>
            </div>
            <div class="block_column--thirds"><img alt="" class="emailImage" data-ratio-lock="true" data-unit="px" height="81"
                src="https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/1672/ICON_125x125_Water.png?v=1551280325000" style="height: 81px; width: 81px;" width="81">
              <h4 class="block_subtitle block_subtitle--sm">$100</h4>
              <p class="block_columnParagraph">Can provide 325 children with safe water for drinking, bathing and household use.</p>
            </div>
          </div>
        </div>
      </div>
      <div class="en__component en__component--copyblock" style="







">
        <div class="block block_text" style="padding-top: 0;">
          <h2 class="block_title">Why Monthly Giving is the Most Powerful Way to Give</h2>
          <p>Monthly donations are the most powerful way to have a year-round impact on the lives of children.<br>
            <br> Your gift will help children every single day by investing in their health, safety and future all year long. If you choose to give monthly, you will be joining an exclusive group of donors who receive regular videos, emails and
            reports about the impact of UNICEF’s work.<br>
            <br>
            <strong>Thank you for choosing to donate to UNICEF and helping us build a better world for every child.</strong>
          </p>
          <p><em>All donations are eligible for a tax credit as a charitable gift. If you prefer to donate by phone, please call 1 800 567 4483. We are available to answer your call 24/7.</em></p>
        </div>
      </div>
    </div>
  </div>
  <div class="en__component en__component--row en__component--row--1 row--footer">
    <div class="en__component en__component en__component--column en__component--column--1">
      <div class="en__component en__component--copyblock" style="







">
        <footer class="footer">
          <style type="text/css">
            .cke_editable .footer img {
              height: 150px;
              width: auto
            }
          </style>
          <div class="footer_logo"><img alt="" class="emailImage unicef_logo" data-ratio-lock="true" data-unit="px"
              src="https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/1672/UNICEF-CANADA_ForEveryChild-Vertical-Logo_RGB_Cyan.png?v=1712163304000"> <img alt="" class="emailImage imagine_logo" data-ratio-lock="true"
              data-unit="px" src="https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/1672/ICTrustmark.png?v=1705344750000"></div>
          <div class="footer_contact">
            <p class="footer_contact_phone"><a href="tel:+18005674483">+1 800 567 4483</a></p>
            <p>90 Eglinton Avenue East, Suite 400<br> Toronto, ON M4P 2Y3</p>
          </div>
          <div class="footer_links_wrapper">
            <div class="footer_links"><a href="https://www.unicef.ca/en/legal">Legal</a> <a href="https://www.unicef.ca/en/accessible-service-unicef-canada">Accessibility</a>
              <a href="https://www.unicef.ca/sites/default/files/legacy/imce_uploads/Docs/policy/unicef_canada_external_feedback_and_complaints_policy_et_v2.pdf">Complaint</a>
              <a href="https://www.unicef.ca/en/unicef-canada-internet-privacy-policy">Privacy</a> <a href="https://www.unicef.ca/en/contact">Contact&nbsp;Us</a></div>
            <div class="footer_copyright">
              <p id="registration_number">Charitable Registration&nbsp;No.<br> 122680572 RR0001</p>
              <p>© UNICEF Canada</p>
            </div>
          </div>
        </footer>
      </div>
    </div>
  </div>
  <div class="en__component en__component--row en__component--row--1">
    <div class="en__component en__component en__component--column en__component--column--1">
      <div class="en__component en__component--copyblock" style="







">
        <div class="loading-modal" style="display: none;">
          <div class="loading-modal--container"><img class="loading" src="https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/1672/unicef-loading-animation.gif?v=1528140220000">
            <div class="loading-modal--content">
              <div class="logo"><img alt="" class="emailImage" data-ratio-lock="true" data-unit="px"
                  src="https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/1672/UNICEF-CANADA_ForEveryChild-Vertical-Logo_RGB_White.png?v=1712163280000" style="height: auto; width: 160px;"></div>
              <div class="logo"><br>
                <br> &nbsp;
              </div>
              <p class="loading-message">Loading...</p>
            </div>
          </div>
        </div>
        <div class="modal fade" id="validErrModal" style="display: none;" tabindex="-1">
          <div class="modal-dialog">
            <div class="modal-content">
              <div class="modal-header"><!--button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button-->
                <h4 class="modal-title">Please correct the errors indicated below.</h4>
              </div>
              <div class="modal-body error-list">
                <ul>
                </ul>
              </div>
              <div class="modal-footer"><button aria-label="Close" class="btn btn-default" data-dismiss="modal" type="button">Close</button></div>
            </div>
          </div>
        </div>
      </div>
      <div class="en__component en__component--copyblock" style="







">
        <div aria-hidden="true" aria-labelledby="error-modal" class="modal fade" id="errorModal" role="dialog" tabindex="-1">
          <div class="modal-dialog">
            <div class="modal-content">
              <div class="modal-header">
                <h5 class="modal-title">Processing error</h5>
              </div>
              <div class="modal-body">The following error occurred while trying to process your gift: <div class="modalErrorMessage">&nbsp;</div>
              </div>
              <div class="modal-footer"><button aria-label="Close" class="btn btn-default" data-dismiss="modal" type="button">Close</button></div>
            </div>
          </div>
        </div>
      </div>
      <div class="en__component en__component--codeblock">
        <script id="cshp--fee-cover-price-updater">
          document.addEventListener('DOMContentLoaded', () => {
            // Hide the fee cover label on load
            const feeCoverLabel = document.querySelector('.en__field--feeCover > label');
            if (feeCoverLabel) {
              feeCoverLabel.style.display = 'none';
            }
            // Hide the entire fee cover input if loading with Monthly option
            if (isRecurringPayment()) {
              const feeCover = document.querySelector('.en__field--feeCover');
              feeCover.classList.add('en__hidden');
            }
          });
          // Hide fee cover field
          document.querySelectorAll('.en__field--recurrpay > div label').forEach(el => {
            el.addEventListener('click', () => {
              const feeCover = document.querySelector('.en__field--feeCover');
              setTimeout(() => {
                if (isRecurringPayment()) {
                  feeCover.classList.add('en__hidden');
                  resetOriginalText();
                } else {
                  feeCover.classList.remove('en__hidden');
                  resetOriginalText();
                }
              }, 100);
            });
          });
          // Get the fee percentage from the label
          function extractFeePercentage() {
            const label = document.querySelector('.en__field--feeCover > label');
            if (!label) return 0;
            const percentageMatch = label.innerText.match(/(\d+(?:\.\d+)?)%/);
            return percentageMatch ? parseFloat(percentageMatch[1]) / 100 : 0;
          }
          // Extract amount from button text
          function extractAmount(buttonText) {
            const match = buttonText.match(/\d+\.?\d*/);
            return match ? parseFloat(match[0]) : 0;
          }
          // Store original button format
          let originalButtonText = null;
          // Check if recurring payment is set to Y
          function isRecurringPayment() {
            const recurringRadios = document.querySelectorAll('input[name="transaction.recurrpay"]');
            for (const radio of recurringRadios) {
              if (radio.checked) {
                return radio.value === 'Y';
              }
            }
            return false;
          }
          // Reset the stored original text when amount changes
          function resetOriginalText() {
            originalButtonText = null;
            const checkbox = document.getElementById('en__field_transaction_feeCover');
            if (checkbox && checkbox.checked) {
              checkbox.click(); // Uncheck the box to reset to base amount
            }
          }
          // Listen for amount changes
          document.querySelectorAll('input[name="transaction.donationAmt"]').forEach(input => {
            input.addEventListener('change', resetOriginalText);
          });
          // Also listen for "other amount" input changes if it exists
          const otherAmountInput = document.querySelector('input[name="transaction.donationAmt.other"]');
          if (otherAmountInput) {
            otherAmountInput.addEventListener('input', resetOriginalText);
          }
          // Handle checkbox change event
          document.getElementById('en__field_transaction_feeCover')?.addEventListener('change', (e) => {
            // Only proceed if recurring payment is not Y
            if (isRecurringPayment()) return;
            const button = document.querySelector('.en__submit button');
            if (!button) return;
            // Store original text on first check
            if (e.target.checked && originalButtonText === null) {
              originalButtonText = button.innerText;
            }
            if (e.target.checked) {
              const amount = extractAmount(originalButtonText || button.innerText);
              const feePercentage = extractFeePercentage();
              const newAmount = amount * (1 + feePercentage);
              // Replace the original amount with new amount in the original text
              const originalAmount = amount.toString();
              const newAmountStr = newAmount.toFixed(2);
              button.innerText = (originalButtonText || button.innerText).replace(originalAmount, newAmountStr);
            } else {
              // Restore original text when unchecked
              if (originalButtonText) {
                button.innerText = originalButtonText;
              }
            }
          });
        </script>
      </div>
      <div class="en__component en__component--codeblock">
        <style>
          b,
          strong {
            font-family: "Univers Bold", "Arial", sans-serif;
            font-weight: normal;
          }

          .block ul {
            font-family: "Univers Light", "Arial", sans-serif;
            font-size: 18px;
          }

          h1.block_title {
            padding: 35px 0;
            font-size: 40px;
          }

          h1.block_title:first-child {
            padding-top: 0px;
          }

          h2.block_title:first-child {
            padding-top: 0px;
          }

          h2.block_title {
            font-size: 30px;
          }

          /* Tribute Consent styles */
          .en__field--NOT_TAGGED_32 .en__field__item label {
            padding-left: 35px !important;
            position: relative;
            min-height: 20px;
            width: 100%;
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            color: #000;
          }

          .en__field--NOT_TAGGED_32 .en__field__item .en__field__input {
            height: 44px;
            background-color: #f2f4f4;
            border-radius: 2px;
            width: 100%;
            font-size: 16px;
            color: #616161;
            border: 1px solid #4c4745;
            font-weight: 400;
          }

          .en__field--NOT_TAGGED_32 .en__field__item input:checked+label::before {
            content: "\E013";
            background-color: #1cabe2;
            color: white;
            font-family: "Glyphicons Halflings";
            text-indent: 4px;
            border-radius: 2px;
            border-width: initial;
            border-style: none;
            border-color: initial;
            -o-border-image: initial;
            border-image: initial;
          }

          .en__field--NOT_TAGGED_32 .en__field__item label:before {
            border-radius: 2px;
            content: "";
            width: 25px;
            height: 25px;
            border: 2px solid #1cabe2;
            background: #f3f3f3;
            background-repeat: no-repeat;
            background-size: 95%;
            background-position: 50% 90%;
            left: 0;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
          }

          .en__field--NOT_TAGGED_32 .en__field__item {
            width: calc(50% - 4px);
            background: #f3f3f3;
            border-radius: 2px;
            padding: 8px;
            margin: 8px 0;
          }

          .en__field--NOT_TAGGED_32 .en__field__element--radio {
            width: 100%;
          }

          /* Media queries */
          @media screen and (min-width: 768px) {
            .block {
              padding: 70px 30px 40px 30px;
            }
          }
        </style>
      </div>
      <div class="en__component en__component--codeblock">
        <style>
          #en__digitalWallet {
            font-size: 0;
            display: none;
            flex-wrap: wrap;
            position: relative;
            width: 100%;
            top: 0;
          }

          .payopt {
            background: #fff;
            color: #1A9DD1;
            border: 1px solid #1A9DD1;
            border-radius: 8px;
            width: 100%;
            text-align: center;
            font-family: "UniversLT-CondensedBold", "Arial", sans-serif;
            font-weight: 400;
            font-size: 23px;
            line-height: 1.4;
            outline: none;
            margin-bottom: 12px;
            line-height: 1em;
            outline: none;
            padding: 13px;
            cursor: pointer;
          }

          .payopt.active-option {
            background-color: #1A9DD1;
            color: #fff;
          }
        </style>
        <script>
          document.addEventListener('DOMContentLoaded', function() {
            const digitalWallet = document.getElementById('en__digitalWallet');
            const creditCardFields = ['en__field--creditCardHolderName', 'en__field--ccLogos', 'en__field--ccnumber', 'en__field--ccexpire', 'en__field--ccvv', 'en__submit'];
            // Function to toggle visibility of the orpayby div
            function toggleOrPayBy() {
              const recurrpay1 = document.getElementById('en__field_transaction_recurrpay1');
              const orpayby = document.getElementById('orpayby');
              if (orpayby) {
                if (recurrpay1.checked) {
                  orpayby.style.display = 'block'; // Show if not checked
                } else {
                  orpayby.style.display = 'none'; // Hide if checked
                }
              }
            }
            // Function to handle payment button toggle
            function handlePaymentSelection(event) {
              const selectedButton = event.target.id;
              // Reset all buttons and hide digital wallet initially
              creditCardBtn.classList.remove('active-option');
              paypalBtn.classList.remove('active-option');
              digitalWallet.style.display = 'none'; // Hide digital wallet
              creditCardFields.forEach(className => {
                const elements = document.getElementsByClassName(className);
                Array.from(elements).forEach(el => {
                  el.style.display = 'none'; // Hide all fields initially
                });
              });
              // Show appropriate fields based on selection
              if (selectedButton === 'credit-card-btn') {
                creditCardFields.forEach(className => {
                  const elements = document.getElementsByClassName(className);
                  Array.from(elements).forEach(el => {
                    el.style.display = 'block'; // Show credit card fields
                  });
                });
                creditCardBtn.classList.add('active-option'); // Mark credit card button as active
              } else if (selectedButton === 'paypal-btn') {
                digitalWallet.style.display = 'block'; // Show digital wallet
                paypalBtn.classList.add('active-option'); // Mark PayPal button as active
              }
            }
            // Event listeners for radio button changes
            const radioButtons = document.querySelectorAll('input[name="transaction.recurrpay"]');
            radioButtons.forEach(radio => {
              radio.addEventListener('change', toggleOrPayBy);
            });
            // Event listeners for payment buttons
            const creditCardBtn = document.getElementById('credit-card-btn');
            const paypalBtn = document.getElementById('paypal-btn');
            creditCardBtn.addEventListener('click', handlePaymentSelection);
            paypalBtn.addEventListener('click', handlePaymentSelection);
            // Initial visibility setup
            toggleOrPayBy();
            handlePaymentSelection({
              target: creditCardBtn
            }); // Show credit card fields by default
          });
        </script>
      </div>
      <div class="en__component en__component--copyblock" style="







">
        <div class="editor_explainer">Learn more anchor</div>
        <div class="campaign-anchor" id="campaign-anchor" style="display: none">
          <p>Learn more <span class="glyphicon glyphicon-chevron-down">&nbsp;</span></p>
        </div>
      </div>
    </div>
  </div>
  <div class="en__component en__component--row en__component--row--1">
    <div class="en__component en__component en__component--column en__component--column--1">
      <div class="en__component en__component--copyblock" style="







">
        <div class="scripts_title">Scripts Block</div>
        <script>
          //var dataLayer = [];
          var formType = 'donation';
        </script>
        <script src="https://grassriots-ecards.s3.us-west-2.amazonaws.com/v2.0/prod/gr_pam_en.js"></script>
        <script>
          var grPamProject = grcards.autoInit({
            api_key: "sundSsDHVtieI1jtcXaT3nV7qVcXJeA5rVt4PkZa",
            project_id: "79b1edaa-8837-4132-be19-e99ab02c6005",
            locale: "en_CA",
            quickAction: "engagingNetworks"
          });
        </script>
        <script src="https://enframe-assets.s3.amazonaws.com/unicef-canada/enframe-donation-vendor-tribute.js?v=1.0">
        </script>
        <script src="https://enframe-assets.s3.amazonaws.com/unicef-canada/enframe-donation-app-tribute.js?v=1.0"></script>
      </div>
      <div class="en__component en__component--codeblock">
        <script>
          function ToLower(str) {
            if (!str) {
              return '';
            }
            try {
              return str.toLowerCase().replace(/ /g, '');
            } catch (ex) {
              console.error("Error converting string to lower case:", ex);
              return str; // Return original string if conversion fails
            }
          }

          function onDonationSuccess() {
            console.log('advanced_matching triggered');
            // Push to Google
            window.dataLayer = window.dataLayer || []; // Ensure dataLayer exists
            window.dataLayer.push({
              event: 'advanced_matching',
              firstname: ToLower('{user_data~First Name}'),
              lastname: ToLower('{user_data~Last Name}'),
              email: '{user_data~Email Address}',
              phone: '{user_data~Phone number}{user_data~Cell Number}',
              city: ToLower('{user_data~City}'),
              state: '{user_data~Province}',
              zip: '{user_data~Postal Code}',
              country: '{user_data~Country}',
              external_id: '{receipt_data~campaignerId}'
            });
          }
          document.addEventListener('DOMContentLoaded', function() {
            setTimeout(function() {
              // Ensure pageJson is defined and check conditions
              if (window.pageJson && window.pageJson.pageNumber === window.pageJson.pageCount && window.pageJson.giftProcess === true) {
                onDonationSuccess();
              }
            }, 2000);
          });
        </script>
      </div>
      <div class="en__component en__component--codeblock">
        <script id="cshp--toggle-digital-wallets-based-on-donation-frequency--js">
          /**
           * Toggle digital wallets based on donation frequency
           * 
           * @author CSHP:MZ
           * @since 2024-12-12
           * @updated 2024-12-13
           */
          document.addEventListener('DOMContentLoaded', function() {
            // If digital wallet component doesn't exist, return
            const digitalWallet = document.getElementById('en__digitalWallet');
            if (!digitalWallet) return;
            // "Or Donate With" text based on locale
            const orDonateWithText = () => {
              switch (pageJson.locale) {
                case 'en-US':
                  return 'Or donate with:';
                case 'fr-CA':
                  return 'Faire un don avec:';
              }
            }
            // Create the Or Donate With text component and add after the submit button
            const orDonateWithElement = document.createElement('p');
            orDonateWithElement.id = 'cshp--or-donate-with-text';
            const spanElement = document.createElement('span');
            spanElement.textContent = orDonateWithText();
            orDonateWithElement.appendChild(spanElement);
            orDonateWithElement.style.display = 'none'; // hide initially
            // Initial DOM manipulation to move digital wallet and add Or Donate With text
            // Using 1-second delay to avoid any conflicts with Back button implementations
            setTimeout(() => {
              // 1. Get the submit button
              const submitButton = document.querySelector('.en__submit');
              // 2. Add donate with text
              submitButton.after(orDonateWithElement);
              // 3. Move the digital wallet to below the or donate with text
              orDonateWithElement.after(digitalWallet);
            }, 1000);
            // Function to handle visibility toggle
            function toggleDigitalWallet() {
              // Get all radio inputs with the specified name
              const radioInputs = document.getElementsByName('transaction.recurrpay');
              let checkedValue = null;
              // Find which radio is checked
              radioInputs.forEach(radio => {
                if (radio.checked) {
                  checkedValue = radio.value;
                }
              });
              // Set visibility of the container itself
              digitalWallet.style.display = (checkedValue === '') ? 'block' : 'none';
              // Also set visibility of the "Or Donate With" text
              orDonateWithElement.style.display = (checkedValue === '') ? 'inline-block' : 'none';
              // Get all immediate children
              const children = Array.from(digitalWallet.children);
              // Set display based on checked value
              children.forEach(child => {
                child.style.display = (checkedValue === '') ? 'inline-block' : 'none';
              });
            }
            // Add click event listeners to all labels associated with the radio inputs
            const radioInputs = document.getElementsByName('transaction.recurrpay');
            radioInputs.forEach(radio => {
              // Find associated label
              const labels = document.querySelectorAll(`label[for="${radio.id}"]`);
              labels.forEach(label => {
                label.addEventListener('click', toggleDigitalWallet);
              });
              // Also listen for direct changes on the radio inputs
              radio.addEventListener('change', toggleDigitalWallet);
            });
            // Run immediately to set initial state
            setTimeout(toggleDigitalWallet, 1000);
          });
        </script>
        <style id="cshp--toggle-digital-wallets-based-on-donation-frequency--css">
          #cshp--or-donate-with-text {
            position: relative;
            text-align: center;
            width: 100%;
            line-height: 1rem;
            margin-bottom: 1rem;
          }

          #cshp--or-donate-with-text::before {
            content: "";
            border-bottom: 1px solid #000;
            display: inline-block;
            position: absolute;
            top: 0.5rem;
            left: 0;
            line-height: 0.5;
            width: 100%;
            z-index: 0;
          }

          #cshp--or-donate-with-text span {
            background-color: #fff;
            position: relative;
            z-index: 1;
            padding-inline: 1rem;
          }
        </style>
      </div>
    </div>
  </div>
</form>

Text Content

Donate

 

Français

Français
Form and Progress Bar Container
 
   
 * Donation amount
 * Recipient Details
 * Your information
 * Payment details


MAKE A LASTING IMPACT FOR CHILDREN. DONATE NOW.

Donation Frequency
Monthly gift
One-time gift
My recurring donation amount:
$35
$30
$25
$20
$15
Other amount
Tribute Gift
Dedicate this donation

Select this option to send a card to a loved one.

Next


RECIPIENT DETAILS

Please enter the name and address of the person you wish to notify of this gift,
if applicable.

Tribute Type
A gift in honour
A gift in memory
Card Delivery Method
E-card Mailed card PDF Card No Card
Select a Card Design Select a Card Design
Recipient Name
*Honouree First Name
*Honouree Last name
*Recipient Email
*Recipient Address 1
*Recipient City
*Recipient Province
*Recipient Postcode
*Recipient Country
Personalized Message (optional)


500 characters remaining.

Tribute Card Language
English
French
*Card Delivery Date


To ensure your card is delivered on time, we recommend making your donation two
weeks in advance.

I consent to having my personal information shared with the honouree or their
family upon request
Character Limits for Cards

View Sample CardView a sample card

Next

Back


YOUR INFORMATION

When you make a gift to UNICEF Canada, you’ll join us in our mission to protect
every child’s survival and development. As a valued member of our online
community, you will receive occasional email updates about UNICEF’s work for
children, emergency response efforts, and how you can help.

Title
Title Mr. Ms Mrs. Miss Dr.
First name
Last name
This gift is from a business or organization
This gift is from a business or organization
Donor Organization Name
Address
Unit
City
Country
CountryCanadaUnited StatesAfghanistanÅland IslandsAlbaniaAlgeriaAmerican
SamoaAndorraAngolaAnguillaAntarcticaAntigua and
BarbudaArgentinaArmeniaArubaAustraliaAustriaAzerbaijanBahamasBahrainBangladeshBarbadosBelarusBelgiumBelizeBeninBermudaBhutanBolivia,
Plurinational State ofBonaire, Sint Eustatius and SabaBosnia and
HerzegovinaBotswanaBouvet IslandBrazilBritish Indian Ocean TerritoryBrunei
DarussalamBulgariaBurkina FasoBurundiCabo VerdeCambodiaCameroonCayman
IslandsCentral African RepublicChadChileChinaChristmas IslandCocos (Keeling)
IslandsColombiaComorosCongoCongo, the Democratic Republic of theCook
IslandsCosta RicaCôte d'IvoireCroatiaCubaCuraçaoCyprusCzech
RepublicDenmarkDjiboutiDominicaDominican RepublicEcuadorEgyptEl
SalvadorEquatorial GuineaEritreaEstoniaEthiopiaFalkland Islands (Malvinas)Faroe
IslandsFijiFinlandFranceFrench GuianaFrench PolynesiaFrench Southern
TerritoriesGabonGambiaGeorgiaGermanyGhanaGibraltarGreeceGreenlandGrenadaGuadeloupeGuamGuatemalaGuernseyGuineaGuinea-BissauGuyanaHaitiHeard
Island and McDonald IslandsHoly See (Vatican City State)HondurasHong
KongHungaryIcelandIndiaIndonesiaIran, Islamic Republic ofIraqIrelandIsle of
ManIsraelItalyJamaicaJapanJerseyJordanKazakhstanKenyaKiribatiKorea, Democratic
People's Republic ofKorea, Republic ofKuwaitKyrgyzstanLao People's Democratic
RepublicLatviaLebanonLesothoLiberiaLibyaLiechtensteinLithuaniaLuxembourgMacaoMacedonia,
the former Yugoslav Republic ofMadagascarMalawiMalaysiaMaldivesMaliMaltaMarshall
IslandsMartiniqueMauritaniaMauritiusMayotteMexicoMicronesia, Federated States
ofMoldova, Republic
ofMonacoMongoliaMontenegroMontserratMoroccoMozambiqueMyanmarNamibiaNauruNepalNetherlandsNew
CaledoniaNew ZealandNicaraguaNigerNigeriaNiueNorfolk IslandNorthern Mariana
IslandsNorwayOmanPakistanPalauPalestine, State ofPanamaPapua New
GuineaParaguayPeruPhilippinesPitcairnPolandPortugalPuerto
RicoQatarRéunionRomaniaRussian FederationRwandaSaint BarthélemySaint Helena,
Ascension and Tristan da CunhaSaint Kitts and NevisSaint LuciaSaint Martin
(French part)Saint Pierre and MiquelonSaint Vincent and the GrenadinesSamoaSan
MarinoSao Tome and PrincipeSaudi ArabiaSenegalSerbiaSeychellesSierra
LeoneSingaporeSint Maarten (Dutch part)SlovakiaSloveniaSolomon
IslandsSomaliaSouth AfricaSouth Georgia and the South Sandwich IslandsSouth
SudanSpainSri LankaSudanSurinameSvalbard and Jan
MayenSwazilandSwedenSwitzerlandSyrian Arab RepublicTaiwan, Province of
ChinaTajikistanTanzania, United Republic
ofThailandTimor-LesteTogoTokelauTongaTrinidad and
TobagoTunisiaTurkeyTurkmenistanTurks and Caicos IslandsTuvaluUgandaUkraineUnited
Arab EmiratesUnited KingdomUnited States Minor Outlying
IslandsUruguayUzbekistanVanuatuVenezuela, Bolivarian Republic ofViet NamVirgin
Islands, BritishVirgin Islands, U.S.Wallis and FutunaWestern
SaharaYemenZambiaZimbabwe
Postal code
Province / State
Phone number
Phone Type
Phone type Home Cell Work
Email address
Email Implied Consent - EN
I would like to receive email communications


When you make a gift to UNICEF Canada, you’ll join us in our mission to protect
every child’s survival and development. As a valued member of our online
community, you will receive occasional email updates about UNICEF’s work for
children, emergency response efforts, and how you can help.

Next

Back


PAYMENT DETAILS

The Security Code is the 3 or 4 digit security code on the front or back of your
credit or debit card.

Close

Payment Source
Credit Card
Payment Type
Visa MasterCard Amex Credit Card
Card Holder Name

Card number

Expiry

CVV

2.7%
I'd like to make an even greater impact for children. Top up my donation by 2.7%
to help with the transaction fees.
Donate $35 monthly

Or donate with:



Back





Campaign Section

 


DONATE TO HELP CHILDREN AROUND THE WORLD

Now more than ever, UNICEF needs your help to get life-saving supplies, care and
protection to children in vulnerable situations around the world. A donation
from you can provide children with the nutrition, water, healthcare and
education services they need to reach their full potential.


HOW YOUR DONATION WILL HELP CHILDREN:

$20

Can send therapeutic food supplements to 14 children.

$50

Can provide 54 children with life-saving vaccines.

$100

Can provide 325 children with safe water for drinking, bathing and household
use.


WHY MONTHLY GIVING IS THE MOST POWERFUL WAY TO GIVE

Monthly donations are the most powerful way to have a year-round impact on the
lives of children.

Your gift will help children every single day by investing in their health,
safety and future all year long. If you choose to give monthly, you will be
joining an exclusive group of donors who receive regular videos, emails and
reports about the impact of UNICEF’s work.

Thank you for choosing to donate to UNICEF and helping us build a better world
for every child.

All donations are eligible for a tax credit as a charitable gift. If you prefer
to donate by phone, please call 1 800 567 4483. We are available to answer your
call 24/7.

+1 800 567 4483

90 Eglinton Avenue East, Suite 400
Toronto, ON M4P 2Y3

Legal Accessibility Complaint Privacy Contact Us

Charitable Registration No.
122680572 RR0001

© UNICEF Canada



 

Loading...

PLEASE CORRECT THE ERRORS INDICATED BELOW.


Close

PROCESSING ERROR

The following error occurred while trying to process your gift:
 
Close



Learn more anchor

Learn more  

Scripts Block