www.canadahelps.org Open in urlscan Pro
151.101.67.52 Public Scan

Back to summary

Submitted URL:
https://oigmxhdab.cc.rs6.net/tn.jsp?f=0015eWv9VlZbqMAP1W-43tlB9PhR8V8zWx3KUvMMJK2IX2A9dDu1Yt0g5mPPXZTknK6mg-MxAg9LccZtp-itdFH...
Effective URL:
https://www.canadahelps.org/en/dn/125358
Submission: On December 20 via manual (December 20th 2024, 4:15:15 am UTC) from IN — Scanned from US

Form analysis
1 forms found in the DOM

<form class="ff-container ff-width">
  <header id="cdf-header" class="flex justify-between px-10 py-4 m:px-6 sm:px-3">
    <div class="flex-none"><img class="mr-4 max-h-[70px] max-w-[130px]" src="/en/charities/logo/53270/" alt="PKD Foundation of Canada logo"></div>
    <div class="flex-grow">
      <h1 class="text-ink-charcoal text-display mx-0 mb-2 mt-0 xxs:text-h2">PKD Foundation of Canada</h1>
      <h2 class="text-ink-bayoux text-h3 mb-2 xxs:h4">BN: 852683853RR0001</h2>
      <p class="text-ink-charcoal" tabindex="-1" aria-hidden="true" id="expandableText" aria-live="polite">The mission of the PKD Foundation of Canada is to promote programs of research, advocacy, education, support and awareness in order to
        discover...</p><button class="underline hover:text-blue-dark text-blue-ch" type="button" id="read-more-btn" aria-controls="expandableText" aria-expanded="false" style="color: rgb(247, 141, 30);">Read more</button>
    </div>
    <div class="ml-2"><a href="https://www.canadahelps.org/fr/dn/125358" class="bg-shade-lilac hover:bg-shade-zicron block cursor-pointer text-ink-bayoux rounded-full py-0 px-1 w-6" style="outline-color: rgb(247, 141, 30);">FR</a></div>
  </header>
  <fieldset id="donation-details" class="">
    <legend class="ff-section-title" style="background-color: rgb(9, 129, 149); color: rgb(248, 245, 245);">Donation Details</legend>
    <div class="ff-section">
      <fieldset class="mb-4 max-w-[400px]">
        <legend class="hidden-accessibility">Choose Donation Frequency</legend>
        <div class="item-group xxs:flex-col flex w-full">
          <div class="flex-auto w-1/2 xs:flex-1 xs:self-stretch xxs:w-auto"><input id="oneTime" name="donationFrequency" type="radio" class="border-0 w-0 height-px cursor-pointer -m-px p-0 overflow-hidden absolute peer focus:ring-0 -z-[10]" value="1"
              checked=""><label
              class="min-w-48 flex items-center justify-center text-center font-lato py-2 px-4 xs:px-2 peer-checked:border-blue-ch peer-checked:bg-blue-ch peer-checked:text-white font-semibold border-shade-solitude border-2 border-l-0 xxs:border-l-2 xxs:border-b-0 xxs:peer-checked:border-b-2 peer-checked:border-r-2 peer-checked:border-l-2 border-l-2 text-blue-ch text-default cursor-pointer rounded-l-ch xxs:rounded-t-ch xxs:rounded-bl-none from-[#FAFBFC] to-[#EBEFF2] xs:h-full xxs:h-auto"
              for="oneTime" style="border-color: rgb(247, 141, 30); background: rgb(247, 141, 30);"><span>DONATE ONCE</span></label></div>
          <div class="flex-auto w-1/2 xs:flex-1 xs:self-stretch xxs:w-auto"><input id="monthly" name="donationFrequency" type="radio" class="border-0 w-0 height-px cursor-pointer -m-px p-0 overflow-hidden absolute peer focus:ring-0 -z-[10]"
              value="2"><label
              class="min-w-48 flex items-center justify-center text-center font-lato py-2 px-4 xs:px-2 peer-checked:border-blue-ch peer-checked:bg-blue-ch peer-checked:text-white font-semibold border-shade-solitude border-2 border-l-0 xxs:border-l-2 xxs:border-b-0 xxs:border-b-2 xxs:peer-checked:border-b-2 peer-checked:border-r-2 peer-checked:border-l-2 border-r-2 xxs:rounded-t-none xxs:rounded-bl-ch text-blue-ch text-default cursor-pointer rounded-r-ch xxs:rounded-bl-none hover:bg-gradient-to-b from-[#FAFBFC] to-[#EBEFF2] xs:h-full xxs:h-auto"
              for="monthly" style="color: rgb(247, 141, 30);"><span>DONATE MONTHLY</span></label></div>
        </div>
      </fieldset>
      <fieldset class="">
        <legend class="custom-label">Donation amount</legend>
        <div class="amount-group flex flex-wrap">
          <div class="mr-2 last:mr-0"><input id="donationPreset-1" name="donationPreset" type="radio" class="border-0 w-0 height-px cursor-pointer -m-px p-0 overflow-hidden absolute peer focus:ring-0 -z-[10]" value="50"><label
              class="block font-lato font-bold p-2 mb-4 peer-checked:text-blue-ch peer-checked:border-blue-ch border-shade-solitude border-2 text-ink-bayoux text-default text-center cursor-pointer rounded-ch hover:bg-gradient-to-b from-[#FAFBFC] to-[#EBEFF2]"
              for="donationPreset-1">$50</label></div>
          <div class="mr-2 last:mr-0"><input id="donationPreset-2" name="donationPreset" type="radio" class="border-0 w-0 height-px cursor-pointer -m-px p-0 overflow-hidden absolute peer focus:ring-0 -z-[10]" value="100"><label
              class="block font-lato font-bold p-2 mb-4 peer-checked:text-blue-ch peer-checked:border-blue-ch border-shade-solitude border-2 text-ink-bayoux text-default text-center cursor-pointer rounded-ch hover:bg-gradient-to-b from-[#FAFBFC] to-[#EBEFF2]"
              for="donationPreset-2">$100</label></div>
          <div class="mr-2 last:mr-0"><input id="donationPreset-3" name="donationPreset" type="radio" class="border-0 w-0 height-px cursor-pointer -m-px p-0 overflow-hidden absolute peer focus:ring-0 -z-[10]" value="250"><label
              class="block font-lato font-bold p-2 mb-4 peer-checked:text-blue-ch peer-checked:border-blue-ch border-shade-solitude border-2 text-ink-bayoux text-default text-center cursor-pointer rounded-ch hover:bg-gradient-to-b from-[#FAFBFC] to-[#EBEFF2]"
              for="donationPreset-3">$250</label></div>
          <div class="mr-2 last:mr-0"><input id="donationPreset-4" name="donationPreset" type="radio" class="border-0 w-0 height-px cursor-pointer -m-px p-0 overflow-hidden absolute peer focus:ring-0 -z-[10]" value="500"><label
              class="block font-lato font-bold p-2 mb-4 peer-checked:text-blue-ch peer-checked:border-blue-ch border-shade-solitude border-2 text-ink-bayoux text-default text-center cursor-pointer rounded-ch hover:bg-gradient-to-b from-[#FAFBFC] to-[#EBEFF2]"
              for="donationPreset-4">$500</label></div>
        </div>
        <div class="mb-4">
          <div class="flex"><span class="inline-flex items-center rounded-l-ch border border-r-0 border-shade-solitude bg-shade-lilac px-2 font-lato text-ink-charcoal" aria-hidden="true">$</span>
            <div class="relative w-36"><input id="donationAmount" aria-errormessage="donationAmount-error" aria-invalid="false"
                class="h-10 rounded-ch block w-full min-w-0 rounded-none border-shade-solitude p-2 ring-0 peer hover:border-blue-dark focus:border-blue-dark active:border-blue-dark appearance-none focus:ring-0 rounded-r-ch hover:rounded-ch focus:rounded-ch active:rounded-ch placeholder-transparent"
                name="donationAmount" type="number" step="0.01" min="3" placeholder="Custom amount" value=""><label
                class="absolute left-2 text-ink-bayoux px-1.2 font-lato scale-75 peer-focus:scale-75 transition-all duration-200 cursor-text -translate-y-5 -translate-x-2.5 top-3 peer-focus:-translate-y-5 peer-focus:-translate-x-2.5 bg-white peer-focus:text-blue-dark peer-placeholder-shown:-translate-x-1 peer-placeholder-shown:-translate-y-0.5 peer-placeholder-shown:scale-100 peer-placeholder-shown:bg-white"
                for="donationAmount">Custom amount</label></div>
          </div>
          <div class="">
            <div aria-live="polite" aria-atomic="true" class="font-lato text-error-solid text-caption mt-2 hidden"></div>
          </div>
        </div>
        <div class="">
          <div aria-live="polite" aria-atomic="true" class="font-lato text-error-solid text-caption mt-2 hidden"></div>
        </div>
      </fieldset>
      <div class="mb-4">
        <div class="relative"><label
            class="absolute left-2 text-ink-bayoux px-1.2 font-lato scale-75 peer-placeholder-shown:scale-100 transition-all duration-200 cursor-text -translate-y-5 -translate-x-2.5 top-3 peer-placeholder-shown:-translate-y-0.5 peer-placeholder-shown:-translate-x-1.2 bg-white peer-placeholder-shown:bg-white"
            for="donationFund">Fund</label><select id="donationFund" name="donationFund" aria-label="Fund"
            class="font-lato h-10 w-full p-2 pr-8 whitespace-nowrap text-ellipsis text-ink-charcoal text-default cursor-pointer rounded-ch focus:ring-0 border-shade-solitude pl-2 hover:border-blue-dark focus:border-blue-dark focus:ring-blue-dark active:border-blue-dark">
            <option value="173816">General Donation</option>
            <option value="11137">PKD Research</option>
          </select></div>
        <div class="">
          <div aria-live="polite" aria-atomic="true" class="font-lato text-error-solid text-caption mt-2 hidden"></div>
        </div>
      </div>
      <div class="relative mb-4"><input name="messageForCharity" type="text" aria-invalid="false" aria-errormessage="id-messageForCharity-error" placeholder="Write a private message to us (optional)"
          aria-label="Write a private message to us (optional)" maxlength="255"
          class="h-10 font-lato w-full p-2 rounded-ch border-shade-solitude hover:border-blue-dark focus:border-blue-dark active:border-blue-dark focus:outline-none peer focus:shadow-none focus:ring-0 text-default border-solid text-ink-charcoal placeholder-transparent"
          id="id-messageForCharity" inputmode="text" value=""><label
          class="text-default absolute left-2 text-ink-bayoux pl-1.2 font-lato scale-75 peer-focus:scale-75 peer-placeholder-shown:scale-100 transition-all duration-200 cursor-text -translate-y-6 -translate-x-2.5 top-3 peer-placeholder-shown:-translate-y-1 peer-focus:-translate-y-6 peer-placeholder-shown:-translate-x-1.2 peer-focus:-translate-x-2.5 bg-white peer-placeholder-shown:bg-white peer-focus:text-blue-dark"
          for="id-messageForCharity">Write a private message to us (optional)</label>
        <div aria-live="polite"><span id="id-messageForCharity-counter" class="mt-2 text-caption text-ink-bayoux block">255 characters remaining</span></div>
        <div class="">
          <div aria-live="polite" aria-atomic="true" class="font-lato text-error-solid text-caption mt-2 hidden"></div>
        </div>
      </div>
    </div>
  </fieldset>
  <fieldset id="donor-info" class="">
    <legend class="ff-section-title" style="background-color: rgb(9, 129, 149); color: rgb(248, 245, 245);">Donor &amp; Tax Receipt Information</legend>
    <div class="ff-section">
      <div role="alert" aria-atomic="true"></div>
      <div>
        <div>
          <div class="relative mb-4"><input name="donorEmail" type="email" aria-invalid="false" aria-errormessage="donorEmail-error" placeholder="Email Address" aria-label="Email Address" maxlength="60"
              class="h-10 font-lato w-full p-2 rounded-ch border-shade-solitude hover:border-blue-dark focus:border-blue-dark active:border-blue-dark focus:outline-none peer focus:shadow-none focus:ring-0 text-default border-solid text-ink-charcoal placeholder-transparent"
              id="donorEmail" inputmode="text" value=""><label
              class="text-default absolute left-2 text-ink-bayoux pl-1.2 font-lato scale-75 peer-focus:scale-75 peer-placeholder-shown:scale-100 transition-all duration-200 cursor-text -translate-y-6 -translate-x-2.5 top-3 peer-placeholder-shown:-translate-y-1 peer-focus:-translate-y-6 peer-placeholder-shown:-translate-x-1.2 peer-focus:-translate-x-2.5 bg-white peer-placeholder-shown:bg-white peer-focus:text-blue-dark"
              for="donorEmail">Email Address<span class="hide-for-sr text-error-solid" aria-hidden="true" title="This field is required">*</span><span class="hidden-accessibility">This field is required</span></label>
            <div class="">
              <div aria-live="polite" aria-atomic="true" class="font-lato text-error-solid text-caption mt-2 hidden"></div>
            </div>
          </div>
        </div>
      </div>
      <div class="mb-4 flex content-start" data-radium="true"><input id="isCorporateDonation" name="isCorporateDonation" data-is-checked="false" type="checkbox"
          class="align-top mr-2 mt-0.5 h-[18px] w-[18px] cursor-pointer rounded-ch ring-0 focus:ring-0 focus:ring-offset-0 focus:shadow-none border-shade-iron checked:border-blue-ch checked:bg-blue-ch indeterminate:bg-blue-ch hover:border-blue-ch checked:hover:bg-blue-ch indeterminate:hover:bg-blue-ch focus:border-blue-ch checked:focus:bg-blue-ch indeterminate:focus:bg-blue-ch "
          data-radium="true">
        <div data-radium="true">
          <div class="flex" data-radium="true"><label for="isCorporateDonation" class="font-lato cursor-pointer select-none font-normal text-default">This is a corporate donation</label></div>
          <div class="">
            <div aria-live="polite" aria-atomic="true" class="font-lato text-error-solid text-caption mt-2 hidden"></div>
          </div>
        </div>
      </div>
      <div class="flex mb-4 xxs:flex-col">
        <div class="flex-col w-1/2 pr-2 xxs:w-full xxs:pr-0 xxs:mb-4">
          <div class="relative"><input name="donorFirstName" type="text" aria-invalid="false" aria-errormessage="donorFirstName-error" placeholder="First Name" aria-label="First Name" maxlength="20"
              class="h-10 font-lato w-full p-2 rounded-ch border-shade-solitude hover:border-blue-dark focus:border-blue-dark active:border-blue-dark focus:outline-none peer focus:shadow-none focus:ring-0 text-default border-solid text-ink-charcoal placeholder-transparent"
              id="donorFirstName" inputmode="text" value=""><label
              class="text-default absolute left-2 text-ink-bayoux pl-1.2 font-lato scale-75 peer-focus:scale-75 peer-placeholder-shown:scale-100 transition-all duration-200 cursor-text -translate-y-6 -translate-x-2.5 top-3 peer-placeholder-shown:-translate-y-1 peer-focus:-translate-y-6 peer-placeholder-shown:-translate-x-1.2 peer-focus:-translate-x-2.5 bg-white peer-placeholder-shown:bg-white peer-focus:text-blue-dark"
              for="donorFirstName">First Name<span class="hide-for-sr text-error-solid" aria-hidden="true" title="This field is required">*</span><span class="hidden-accessibility">This field is required</span></label>
            <div class="">
              <div aria-live="polite" aria-atomic="true" class="font-lato text-error-solid text-caption mt-2 hidden"></div>
            </div>
          </div>
        </div>
        <div class="flex-col w-1/2 pl-2 xxs:w-full xxs:pl-0">
          <div class="relative"><input name="donorLastName" type="text" aria-invalid="false" aria-errormessage="donorLastName-error" placeholder="Last Name" aria-label="Last Name" maxlength="20"
              class="h-10 font-lato w-full p-2 rounded-ch border-shade-solitude hover:border-blue-dark focus:border-blue-dark active:border-blue-dark focus:outline-none peer focus:shadow-none focus:ring-0 text-default border-solid text-ink-charcoal placeholder-transparent"
              id="donorLastName" inputmode="text" value=""><label
              class="text-default absolute left-2 text-ink-bayoux pl-1.2 font-lato scale-75 peer-focus:scale-75 peer-placeholder-shown:scale-100 transition-all duration-200 cursor-text -translate-y-6 -translate-x-2.5 top-3 peer-placeholder-shown:-translate-y-1 peer-focus:-translate-y-6 peer-placeholder-shown:-translate-x-1.2 peer-focus:-translate-x-2.5 bg-white peer-placeholder-shown:bg-white peer-focus:text-blue-dark"
              for="donorLastName">Last Name<span class="hide-for-sr text-error-solid" aria-hidden="true" title="This field is required">*</span><span class="hidden-accessibility">This field is required</span></label>
            <div class="">
              <div aria-live="polite" aria-atomic="true" class="font-lato text-error-solid text-caption mt-2 hidden"></div>
            </div>
          </div>
        </div>
      </div>
      <fieldset>
        <legend class="custom-label">Address<span class="hide-for-sr text-error-solid" aria-hidden="true" title="This field is required">*</span><span class="hidden-accessibility">This field is required</span></legend>
        <div>
          <div class="relative mb-4"><input name="donorAddressLine1" type="text" aria-invalid="false" aria-errormessage="donorAddressLine1-error" placeholder="Address line 1" aria-label="Address line 1"
              class="h-10 font-lato w-full p-2 rounded-ch border-shade-solitude hover:border-blue-dark focus:border-blue-dark active:border-blue-dark focus:outline-none peer focus:shadow-none focus:ring-0 text-default border-solid text-ink-charcoal placeholder-transparent pac-target-input"
              id="donorAddressLine1" inputmode="text" value="" autocomplete="off"><label
              class="text-default absolute left-2 text-ink-bayoux pl-1.2 font-lato scale-75 peer-focus:scale-75 peer-placeholder-shown:scale-100 transition-all duration-200 cursor-text -translate-y-6 -translate-x-2.5 top-3 peer-placeholder-shown:-translate-y-1 peer-focus:-translate-y-6 peer-placeholder-shown:-translate-x-1.2 peer-focus:-translate-x-2.5 bg-white peer-placeholder-shown:bg-white peer-focus:text-blue-dark"
              for="donorAddressLine1">Address line 1<span class="hide-for-sr text-error-solid" aria-hidden="true" title="This field is required">*</span><span class="hidden-accessibility">This field is required</span></label>
            <div class="">
              <div aria-live="polite" aria-atomic="true" class="font-lato text-error-solid text-caption mt-2 hidden"></div>
            </div>
          </div>
        </div>
        <div class="relative mb-4"><input name="donorAddressLine2" type="text" aria-invalid="false" aria-errormessage="donorAddressLine2-error" placeholder="Address line 2 (optional)" aria-label="Address line 2 (optional)"
            class="h-10 font-lato w-full p-2 rounded-ch border-shade-solitude hover:border-blue-dark focus:border-blue-dark active:border-blue-dark focus:outline-none peer focus:shadow-none focus:ring-0 text-default border-solid text-ink-charcoal placeholder-transparent"
            id="donorAddressLine2" inputmode="text" value=""><label
            class="text-default absolute left-2 text-ink-bayoux pl-1.2 font-lato scale-75 peer-focus:scale-75 peer-placeholder-shown:scale-100 transition-all duration-200 cursor-text -translate-y-6 -translate-x-2.5 top-3 peer-placeholder-shown:-translate-y-1 peer-focus:-translate-y-6 peer-placeholder-shown:-translate-x-1.2 peer-focus:-translate-x-2.5 bg-white peer-placeholder-shown:bg-white peer-focus:text-blue-dark"
            for="donorAddressLine2">Address line 2 (optional)</label>
          <div class="">
            <div aria-live="polite" aria-atomic="true" class="font-lato text-error-solid text-caption mt-2 hidden"></div>
          </div>
        </div>
        <div class="flex mb-4 xxs:flex-col">
          <div class="flex-col w-1/2 pr-2 xxs:w-full xxs:pr-0 xxs:mb-4">
            <div class="relative"><input name="donorCity" type="text" aria-invalid="false" aria-errormessage="donorCity-error" placeholder="City" aria-label="City"
                class="h-10 font-lato w-full p-2 rounded-ch border-shade-solitude hover:border-blue-dark focus:border-blue-dark active:border-blue-dark focus:outline-none peer focus:shadow-none focus:ring-0 text-default border-solid text-ink-charcoal placeholder-transparent"
                id="donorCity" inputmode="text" value=""><label
                class="text-default absolute left-2 text-ink-bayoux pl-1.2 font-lato scale-75 peer-focus:scale-75 peer-placeholder-shown:scale-100 transition-all duration-200 cursor-text -translate-y-6 -translate-x-2.5 top-3 peer-placeholder-shown:-translate-y-1 peer-focus:-translate-y-6 peer-placeholder-shown:-translate-x-1.2 peer-focus:-translate-x-2.5 bg-white peer-placeholder-shown:bg-white peer-focus:text-blue-dark"
                for="donorCity">City<span class="hide-for-sr text-error-solid" aria-hidden="true" title="This field is required">*</span><span class="hidden-accessibility">This field is required</span></label>
              <div class="">
                <div aria-live="polite" aria-atomic="true" class="font-lato text-error-solid text-caption mt-2 hidden"></div>
              </div>
            </div>
          </div>
          <div class="flex-col w-1/2 pl-2 xxs:w-full xxs:pl-0">
            <div class="">
              <div class="relative"><select id="donorCountry" name="donorCountry" aria-label="Country"
                  class="font-lato h-10 w-full p-2 pr-8 whitespace-nowrap text-ellipsis text-ink-charcoal text-default cursor-pointer rounded-ch focus:ring-0 border-shade-solitude pl-2 hover:border-blue-dark focus:border-blue-dark focus:ring-blue-dark active:border-blue-dark">
                  <option value="" disabled="">Select Country</option>
                  <option value="CA">Canada</option>
                  <option value="US">United States</option>
                  <option value="AL">Albania</option>
                  <option value="DZ">Algeria</option>
                  <option value="AD">Andorra</option>
                  <option value="AO">Angola</option>
                  <option value="AI">Anguilla</option>
                  <option value="AQ">Antarctica</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</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="BN">Brunei</option>
                  <option value="BG">Bulgaria</option>
                  <option value="BF">Burkina Faso</option>
                  <option value="BI">Burundi</option>
                  <option value="KH">Cambodia</option>
                  <option value="CM">Cameroon</option>
                  <option value="CV">Cape Verde</option>
                  <option value="KY">Cayman Islands</option>
                  <option value="TD">Chad</option>
                  <option value="CL">Chile</option>
                  <option value="CN">China</option>
                  <option value="CX">Christmas Island</option>
                  <option value="CO">Colombia</option>
                  <option value="KM">Comoros</option>
                  <option value="CG">Congo</option>
                  <option value="CK">Cook Islands</option>
                  <option value="CR">Costa Rica</option>
                  <option value="CI">Cote D'Ivoire</option>
                  <option value="HR">Croatia</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="ER">Eritrea</option>
                  <option value="EE">Estonia</option>
                  <option value="ET">Ethiopia</option>
                  <option value="FK">Falkland Islands</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="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="GN">Guinea</option>
                  <option value="GW">Guinea-Bissau</option>
                  <option value="GY">Guyana</option>
                  <option value="HT">Haiti</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="IQ">Iraq</option>
                  <option value="IE">Ireland</option>
                  <option value="IL">Israel</option>
                  <option value="IT">Italy</option>
                  <option value="JM">Jamaica</option>
                  <option value="JP">Japan</option>
                  <option value="JO">Jordan</option>
                  <option value="KZ">Kazakhstan</option>
                  <option value="KE">Kenya</option>
                  <option value="KI">Kiribati</option>
                  <option value="KW">Kuwait</option>
                  <option value="KG">Kyrgyzstan</option>
                  <option value="LA">Lao</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</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 Is.</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="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="NO">Norway</option>
                  <option value="OM">Oman</option>
                  <option value="PK">Pakistan</option>
                  <option value="PW">Palau</option>
                  <option value="PS">Palestinian Terr.</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">Reunion</option>
                  <option value="RO">Romania</option>
                  <option value="RU">Russian Fed.</option>
                  <option value="RW">Rwanda</option>
                  <option value="SH">Saint Helena</option>
                  <option value="LC">Saint Lucia</option>
                  <option value="WS">Samoa</option>
                  <option value="SM">San Marino</option>
                  <option value="SA">Saudi Arabia</option>
                  <option value="SN">Senegal</option>
                  <option value="CS">Serbia</option>
                  <option value="SC">Seychelles</option>
                  <option value="SL">Sierra Leone</option>
                  <option value="SG">Singapore</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="KR">South Korea</option>
                  <option value="ES">Spain</option>
                  <option value="LK">Sri Lanka</option>
                  <option value="SD">Sudan</option>
                  <option value="SR">Suriname</option>
                  <option value="SZ">Swaziland</option>
                  <option value="SE">Sweden</option>
                  <option value="CH">Switzerland</option>
                  <option value="TW">Taiwan</option>
                  <option value="TJ">Tajikistan</option>
                  <option value="TZ">Tanzania</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</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="UY">Uruguay</option>
                  <option value="UZ">Uzbekistan</option>
                  <option value="VU">Vanuatu</option>
                  <option value="VE">Venezuela</option>
                  <option value="VN">Viet Nam</option>
                  <option value="VG">Virgin Islands</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 class="">
                <div aria-live="polite" aria-atomic="true" class="font-lato text-error-solid text-caption mt-2 hidden"></div>
              </div>
            </div>
          </div>
        </div>
        <div class="flex mb-4 xxs:flex-col">
          <div class="flex-col w-1/2 pr-2 xxs:w-full xxs:pr-0 xxs:mb-4">
            <div class="">
              <div class="relative"><select id="donorProvince" name="donorProvince" aria-label="Province"
                  class="font-lato h-10 w-full p-2 pr-8 whitespace-nowrap text-ellipsis text-ink-charcoal text-default cursor-pointer rounded-ch focus:ring-0 border-shade-solitude pl-2 hover:border-blue-dark focus:border-blue-dark focus:ring-blue-dark active:border-blue-dark">
                  <option value="" disabled="">Select Province</option>
                  <option value="AB">Alberta</option>
                  <option value="BC">British Columbia</option>
                  <option value="MB">Manitoba</option>
                  <option value="NB">New Brunswick</option>
                  <option value="NL">Newfoundland and Labrador</option>
                  <option value="NT">Northwest Territories</option>
                  <option value="NS">Nova Scotia</option>
                  <option value="NU">Nunavut</option>
                  <option value="ON">Ontario</option>
                  <option value="PE">Prince Edward Island</option>
                  <option value="QC">Quebec</option>
                  <option value="SK">Saskatchewan</option>
                  <option value="YT">Yukon</option>
                </select></div>
              <div class="">
                <div aria-live="polite" aria-atomic="true" class="font-lato text-error-solid text-caption mt-2 hidden"></div>
              </div>
            </div>
          </div>
          <div class="flex-col w-1/2 pl-2 xxs:w-full xxs:pl-0">
            <div class="relative"><input name="donorPostalCode" type="text" aria-invalid="false" aria-errormessage="donorPostalCode-error" placeholder="Postal code" aria-label="Postal code"
                class="h-10 font-lato w-full p-2 rounded-ch border-shade-solitude hover:border-blue-dark focus:border-blue-dark active:border-blue-dark focus:outline-none peer focus:shadow-none focus:ring-0 text-default border-solid text-ink-charcoal placeholder-transparent"
                id="donorPostalCode" inputmode="text" value=""><label
                class="text-default absolute left-2 text-ink-bayoux pl-1.2 font-lato scale-75 peer-focus:scale-75 peer-placeholder-shown:scale-100 transition-all duration-200 cursor-text -translate-y-6 -translate-x-2.5 top-3 peer-placeholder-shown:-translate-y-1 peer-focus:-translate-y-6 peer-placeholder-shown:-translate-x-1.2 peer-focus:-translate-x-2.5 bg-white peer-placeholder-shown:bg-white peer-focus:text-blue-dark"
                for="donorPostalCode">Postal code</label>
              <div class="">
                <div aria-live="polite" aria-atomic="true" class="font-lato text-error-solid text-caption mt-2 hidden"></div>
              </div>
            </div>
          </div>
        </div>
      </fieldset>
    </div>
  </fieldset>
  <fieldset id="payment-info" class="">
    <legend class="ff-section-title" style="background-color: rgb(9, 129, 149); color: rgb(248, 245, 245);">Payment Information</legend>
    <div class="ff-section">
      <fieldset id="paymentType" data-radium="true">
        <legend class="custom-label" data-radium="true"><span class="flex items-center" data-radium="true"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="shield-check"
              class="svg-inline--fa fa-shield-check text-blue-ch mr-2.5 h-4 w-4 cursor-pointer" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path fill="currentColor"
                d="M73 127L256 49.4 439 127c5.9 2.5 9.1 7.8 9 12.8c-.4 91.4-38.4 249.3-186.3 320.1c-3.6 1.7-7.8 1.7-11.3 0C102.4 389 64.5 231.2 64 139.7c0-5 3.1-10.2 9-12.8zM457.7 82.8L269.4 2.9C265.2 1 260.7 0 256 0s-9.2 1-13.4 2.9L54.3 82.8c-22 9.3-38.4 31-38.3 57.2c.5 99.2 41.3 280.7 213.6 363.2c16.7 8 36.1 8 52.8 0C454.8 420.7 495.5 239.2 496 140c.1-26.2-16.3-47.9-38.3-57.2zM369 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-111 111-47-47c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l64 64c9.4 9.4 24.6 9.4 33.9 0L369 209z">
              </path>
            </svg>Secure Payment Options</span></legend>
        <div class="xxs:flex-col ml-0.5 flex flex-wrap" data-radium="true">
          <div class="mr-4 mb-4 flex content-start" data-radium="true"><input id="paymentType-0" type="radio" name="paymentType"
              class="mt-0.8 cursor-pointer mr-2 h-[18px] w-[18px] p-0.5 focus:ring-1 focus:ring-offset-2 focus:shadow-none checked:bg-none border-none ring-1 ring-offset-2 ring-shade-iron checked:bg-blue-ch checked:ring-shade-iron  hover:ring-blue-ch checked:hover:bg-blue-ch focus:ring-blue-ch checked:focus:bg-blue-ch"
              data-radium="true" value="CreditCard" checked="" style="background-color: rgb(247, 141, 30);">
            <div data-radium="true">
              <div class="flex" data-radium="true"><label for="paymentType-0" class="font-lato cursor-pointer font-normal text-ink-charcoal text-default">Credit Card</label></div>
            </div>
          </div>
          <div class="mr-4 mb-4 flex content-start" data-radium="true"><input id="paymentType-1" type="radio" name="paymentType"
              class="mt-0.8 cursor-pointer mr-2 h-[18px] w-[18px] p-0.5 focus:ring-1 focus:ring-offset-2 focus:shadow-none checked:bg-none border-none ring-1 ring-offset-2 ring-shade-iron checked:bg-blue-ch checked:ring-shade-iron  hover:ring-blue-ch checked:hover:bg-blue-ch focus:ring-blue-ch checked:focus:bg-blue-ch"
              data-radium="true" value="Paypal">
            <div data-radium="true">
              <div class="flex" data-radium="true"><label for="paymentType-1" class="font-lato cursor-pointer font-normal text-ink-charcoal text-default">PayPal</label></div>
            </div>
          </div>
          <div class="mr-4 mb-4 flex content-start" data-radium="true"><input id="paymentType-2" type="radio" name="paymentType"
              class="mt-0.8 cursor-pointer mr-2 h-[18px] w-[18px] p-0.5 focus:ring-1 focus:ring-offset-2 focus:shadow-none checked:bg-none border-none ring-1 ring-offset-2 ring-shade-iron checked:bg-blue-ch checked:ring-shade-iron  hover:ring-blue-ch checked:hover:bg-blue-ch focus:ring-blue-ch checked:focus:bg-blue-ch"
              data-radium="true" value="GooglePay">
            <div data-radium="true">
              <div class="flex" data-radium="true"><label for="paymentType-2" class="font-lato cursor-pointer font-normal text-ink-charcoal text-default">Google Pay</label></div>
            </div>
          </div>
          <div class="mr-4 mb-4 flex content-start" data-radium="true"><input id="paymentType-3" type="radio" name="paymentType"
              class="mt-0.8 cursor-pointer mr-2 h-[18px] w-[18px] p-0.5 focus:ring-1 focus:ring-offset-2 focus:shadow-none checked:bg-none border-none ring-1 ring-offset-2 ring-shade-iron checked:bg-blue-ch checked:ring-shade-iron  hover:ring-blue-ch checked:hover:bg-blue-ch focus:ring-blue-ch checked:focus:bg-blue-ch"
              data-radium="true" value="GiftCard">
            <div data-radium="true">
              <div class="flex" data-radium="true"><label for="paymentType-3" class="font-lato cursor-pointer font-normal text-ink-charcoal text-default">Gift Card</label></div>
            </div>
          </div>
        </div>
        <div class="">
          <div aria-live="polite" aria-atomic="true" class="font-lato text-error-solid text-caption mt-2 hidden"></div>
        </div>
      </fieldset>
      <div class="flex flex-col">
        <div class="relative">
          <div class="relative mb-4"><input name="creditCardNumber" type="text" aria-invalid="false" aria-errormessage="id-creditCardNumber-error" placeholder="Credit card number" aria-label="Credit card number"
              class="h-10 font-lato w-full p-2 rounded-ch border-shade-solitude hover:border-blue-dark focus:border-blue-dark active:border-blue-dark focus:outline-none peer focus:shadow-none focus:ring-0 text-default border-solid text-ink-charcoal placeholder-transparent"
              id="id-creditCardNumber" inputmode="text" value=""><label
              class="text-default absolute left-2 text-ink-bayoux pl-1.2 font-lato scale-75 peer-focus:scale-75 peer-placeholder-shown:scale-100 transition-all duration-200 cursor-text -translate-y-6 -translate-x-2.5 top-3 peer-placeholder-shown:-translate-y-1 peer-focus:-translate-y-6 peer-placeholder-shown:-translate-x-1.2 peer-focus:-translate-x-2.5 bg-white peer-placeholder-shown:bg-white peer-focus:text-blue-dark"
              for="id-creditCardNumber">Credit card number<span class="hide-for-sr text-error-solid" aria-hidden="true" title="This field is required">*</span><span class="hidden-accessibility">This field is required</span></label>
            <div class="">
              <div aria-live="polite" aria-atomic="true" class="font-lato text-error-solid text-caption mt-2 hidden"></div>
            </div>
          </div><span class="card-type-logos absolute right-0 top-0 m-0.5 flex p-2"><img aria-hidden="true" tabindex="-1" class="xs:h-4 xs:mt-1 h-5 pl-0.5 pr-1 " src="https://www.canadahelps.org/secure/img/visa_logo.svg" alt="VISA"><img
              aria-hidden="true" tabindex="-1" class="xs:h-4 xs:mt-1 h-5 pl-0.5 pr-1 " src="https://www.canadahelps.org/secure/img/visa_debit_logo.svg" alt="VISA Debit"><img aria-hidden="true" tabindex="-1" class="xs:h-4 xs:mt-1 h-5 pl-0.5 pr-1 "
              src="https://www.canadahelps.org/secure/img/mastercard_logo.svg" alt="Mastercard"><img aria-hidden="true" tabindex="-1" class="xs:h-4 xs:mt-1 h-5 pl-0.5 pr-1 " src="https://www.canadahelps.org/secure/img/american_express_logo.svg"
              alt="American Express"></span>
        </div>
        <div class="xxs:flex-col mb-4 flex w-full">
          <div class="relative flex-grow mr-2 xxs:mr-0 xxs:mb-4"><input name="creditCardExpiryDate" type="text" aria-invalid="false" aria-errormessage="id-creditCardExpiryDate-error" placeholder="Expiry (MM/YY)" aria-label="Expiry (MM/YY)"
              maxlength="5"
              class="h-10 font-lato w-full p-2 rounded-ch border-shade-solitude hover:border-blue-dark focus:border-blue-dark active:border-blue-dark focus:outline-none peer focus:shadow-none focus:ring-0 text-default border-solid text-ink-charcoal placeholder-transparent"
              id="id-creditCardExpiryDate" inputmode="text" value=""><label
              class="text-default absolute left-2 text-ink-bayoux pl-1.2 font-lato scale-75 peer-focus:scale-75 peer-placeholder-shown:scale-100 transition-all duration-200 cursor-text -translate-y-6 -translate-x-2.5 top-3 peer-placeholder-shown:-translate-y-1 peer-focus:-translate-y-6 peer-placeholder-shown:-translate-x-1.2 peer-focus:-translate-x-2.5 bg-white peer-placeholder-shown:bg-white peer-focus:text-blue-dark"
              for="id-creditCardExpiryDate">Expiry (MM/YY)<span class="hide-for-sr text-error-solid" aria-hidden="true" title="This field is required">*</span><span class="hidden-accessibility">This field is required</span></label>
            <div class="">
              <div aria-live="polite" aria-atomic="true" class="font-lato text-error-solid text-caption mt-2 hidden"></div>
            </div>
          </div>
          <div class="xxs:items-center flex">
            <div class="relative flex-grow ml-2 xxs:ml-0"><input name="creditCardCVV" type="text" aria-invalid="false" aria-errormessage="id-creditCardCVV-error" placeholder="CVV" aria-label="CVV" maxlength="3"
                class="h-10 font-lato w-full p-2 rounded-ch border-shade-solitude hover:border-blue-dark focus:border-blue-dark active:border-blue-dark focus:outline-none peer focus:shadow-none focus:ring-0 text-default border-solid text-ink-charcoal placeholder-transparent"
                id="id-creditCardCVV" inputmode="text" value=""><label
                class="text-default absolute left-2 text-ink-bayoux pl-1.2 font-lato scale-75 peer-focus:scale-75 peer-placeholder-shown:scale-100 transition-all duration-200 cursor-text -translate-y-6 -translate-x-2.5 top-3 peer-placeholder-shown:-translate-y-1 peer-focus:-translate-y-6 peer-placeholder-shown:-translate-x-1.2 peer-focus:-translate-x-2.5 bg-white peer-placeholder-shown:bg-white peer-focus:text-blue-dark"
                for="id-creditCardCVV">CVV<span class="hide-for-sr text-error-solid" aria-hidden="true" title="This field is required">*</span><span class="hidden-accessibility">This field is required</span></label>
              <div class="">
                <div aria-live="polite" aria-atomic="true" class="font-lato text-error-solid text-caption mt-2 hidden"></div>
              </div>
            </div>
            <div aria-label="The CVV is a three- or four- digit security code usually found on the back of your credit card. For American Express, the four-digit security code is located on the front of the card." class="relative self-start"
              role="img" tabindex="0" data-radium="true"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="circle-question" class="svg-inline--fa fa-circle-question ch-question-circle text-blue-ch h-3 w-3 cursor-pointer ml-2.5"
                role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="color: rgb(247, 141, 30);">
                <path fill="currentColor"
                  d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM169.8 165.3c7.9-22.3 29.1-37.3 52.8-37.3h58.3c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6c-13.3 0-24-10.7-24-24V250.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.4-6.8-15.1-15.1-15.1H222.6c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z">
                </path>
              </svg></div>
          </div>
        </div>
        <div class="relative"><input name="creditCardName" type="text" aria-invalid="false" aria-errormessage="id-creditCardName-error" placeholder="Name on card" aria-label="Name on card"
            class="h-10 font-lato w-full p-2 rounded-ch border-shade-solitude hover:border-blue-dark focus:border-blue-dark active:border-blue-dark focus:outline-none peer focus:shadow-none focus:ring-0 text-default border-solid text-ink-charcoal placeholder-transparent"
            id="id-creditCardName" inputmode="text" value=""><label
            class="text-default absolute left-2 text-ink-bayoux pl-1.2 font-lato scale-75 peer-focus:scale-75 peer-placeholder-shown:scale-100 transition-all duration-200 cursor-text -translate-y-6 -translate-x-2.5 top-3 peer-placeholder-shown:-translate-y-1 peer-focus:-translate-y-6 peer-placeholder-shown:-translate-x-1.2 peer-focus:-translate-x-2.5 bg-white peer-placeholder-shown:bg-white peer-focus:text-blue-dark"
            for="id-creditCardName">Name on card<span class="hide-for-sr text-error-solid" aria-hidden="true" title="This field is required">*</span><span class="hidden-accessibility">This field is required</span></label>
          <div class="">
            <div aria-live="polite" aria-atomic="true" class="font-lato text-error-solid text-caption mt-2 hidden"></div>
          </div>
        </div>
      </div>
    </div>
  </fieldset>
  <fieldset id="dedication-info" class="">
    <legend class="ff-section-title" style="background-color: rgb(9, 129, 149); color: rgb(248, 245, 245);">Dedication Information</legend>
    <div class="ff-section">
      <fieldset class="mb-4">
        <legend class="hidden-accessibility">Dedicate your donation</legend>
        <div class="item-group xxs:flex-col flex false">
          <div class="xs:flex-1 xs:self-stretch"><input id="in-memory-of" name="dedicationType" type="radio" class="border-0 w-0 height-px cursor-pointer -m-px p-0 overflow-hidden absolute peer focus:ring-0 -z-[10]" value="2"><label
              class="min-w-28 flex items-center justify-center text-center font-lato py-2 px-4 xs:px-2 peer-checked:text-blue-ch peer-checked:border-blue-ch peer-checked:font-bold border-shade-solitude border-2 border-l-0 xxs:border-l-2 xxs:border-b-0 xxs:peer-checked:border-b-2 peer-checked:border-r-2 peer-checked:border-l-2 border-l-2 text-ink-bayoux text-default cursor-pointer rounded-l-ch xxs:rounded-t-ch xxs:rounded-bl-none hover:bg-gradient-to-b from-[#FAFBFC] to-[#EBEFF2] xs:h-full xxs:h-auto"
              for="in-memory-of" style="color: rgb(247, 141, 30);">In Memory Of</label></div>
          <div class="xs:flex-1 xs:self-stretch"><input id="in-honour-of" name="dedicationType" type="radio" class="border-0 w-0 height-px cursor-pointer -m-px p-0 overflow-hidden absolute peer focus:ring-0 -z-[10]" value="1"><label
              class="min-w-28 flex items-center justify-center text-center font-lato py-2 px-4 xs:px-2 peer-checked:text-blue-ch peer-checked:border-blue-ch peer-checked:font-bold border-shade-solitude border-2 border-l-0 xxs:border-l-2 xxs:border-b-0 xxs:peer-checked:border-b-2 peer-checked:border-r-2 peer-checked:border-l-2 text-ink-bayoux text-default cursor-pointer xxs:rounded-bl-none hover:bg-gradient-to-b from-[#FAFBFC] to-[#EBEFF2] xs:h-full xxs:h-auto"
              for="in-honour-of" style="color: rgb(247, 141, 30);">In Honour Of</label></div>
          <div class="xs:flex-1 xs:self-stretch"><input id="no-dedication" name="dedicationType" type="radio" class="border-0 w-0 height-px cursor-pointer -m-px p-0 overflow-hidden absolute peer focus:ring-0 -z-[10]" value="0" checked=""><label
              class="min-w-28 flex items-center justify-center text-center font-lato py-2 px-4 xs:px-2 peer-checked:text-blue-ch peer-checked:border-blue-ch peer-checked:font-bold border-shade-solitude border-2 border-l-0 xxs:border-l-2 xxs:border-b-0 xxs:border-b-2 xxs:peer-checked:border-b-2 peer-checked:border-r-2 peer-checked:border-l-2 border-r-2 xxs:rounded-t-none xxs:rounded-bl-ch text-ink-bayoux text-default cursor-pointer rounded-r-ch xxs:rounded-bl-none font-bold from-[#FAFBFC] to-[#EBEFF2] xs:h-full xxs:h-auto"
              for="no-dedication" style="border-color: rgb(247, 141, 30); color: rgb(247, 141, 30);">No dedication</label></div>
        </div>
      </fieldset>
    </div>
  </fieldset>
  <fieldset id="anonymity-details" class="">
    <legend class="ff-section-title" style="background-color: rgb(9, 129, 149); color: rgb(248, 245, 245);">Anonymity</legend>
    <div class="ff-section">
      <div class="flex content-start" data-radium="true"><input id="id-anonymousDonation" name="anonymousDonation" data-is-checked="false" type="checkbox"
          class="align-top mr-2 mt-0.5 h-[18px] w-[18px] cursor-pointer rounded-ch ring-0 focus:ring-0 focus:ring-offset-0 focus:shadow-none border-shade-iron checked:border-blue-ch checked:bg-blue-ch indeterminate:bg-blue-ch hover:border-blue-ch checked:hover:bg-blue-ch indeterminate:hover:bg-blue-ch focus:border-blue-ch checked:focus:bg-blue-ch indeterminate:focus:bg-blue-ch "
          data-radium="true">
        <div data-radium="true">
          <div class="flex" data-radium="true"><label for="id-anonymousDonation" class="font-lato cursor-pointer select-none font-normal text-default">Make my donation anonymous.</label></div>
          <div class="">
            <div aria-live="polite" aria-atomic="true" class="font-lato text-error-solid text-caption mt-2 hidden"></div>
          </div>
        </div>
      </div>
    </div>
  </fieldset>
  <div class="cdf-footer border-t-zircon flex flex-col justify-center border-t px-6 pt-8 pb-10">
    <div class="mb-6 flex flex-col items-center justify-evenly"><button aria-label="button" id="cdf-submit" type="button"
        class="rounded-ch border-solid px-4 font-bold outline outline-1 focus:outline-2 items-center hover:bg-gradient-to-b active:shadow-inner cursor-pointer text-btnLarge py-4 bg-blue-ch outline-blue-dark hover:from-blue-ch hover:to-blue-dark active:shadow-blue-dark text-white"
        data-radium="true" style="background: rgb(247, 141, 30); color: white; outline-color: rgb(197, 91, 0);">Complete Donation Now</button></div>
    <p class="undefined text-tos text-ink-bayoux text-center">By completing this donation you agree to the
      <a href="https://www.canadahelps.org/en/terms-of-use/" target="_blank" class="text-blue-ch hover:text-blue-dark hover:underline cursor-pointer underline" style="color: rgb(247, 141, 30);">Terms of Service</a> and
      <a href="https://www.canadahelps.org/en/privacy-policy/" target="_blank" class="text-blue-ch hover:text-blue-dark hover:underline cursor-pointer underline" style="color: rgb(247, 141, 30);">Privacy Policy</a>. Powered by CanadaHelps, a
      registered charity BN 896568417RR0001.</p>
    <div style="display: none;">This site is protected by reCAPTCHA and the Google <a href="https://policies.google.com/privacy">Privacy Policy</a> and <a href="https://policies.google.com/terms">Terms of Service</a> apply.</div>
  </div>
</form>

Text Content

PKD FOUNDATION OF CANADA


BN: 852683853RR0001

The mission of the PKD Foundation of Canada is to promote programs of research,
advocacy, education, support and awareness in order to discover...

Read more
FR
Donation Details
Choose Donation Frequency
DONATE ONCE
DONATE MONTHLY
Donation amount
$50
$100
$250
$500
$
Custom amount


FundGeneral DonationPKD Research

Write a private message to us (optional)
255 characters remaining

Donor & Tax Receipt Information
Email Address*This field is required

This is a corporate donation

First Name*This field is required

Last Name*This field is required

Address*This field is required
Address line 1*This field is required

Address line 2 (optional)

City*This field is required

Select CountryCanadaUnited
StatesAlbaniaAlgeriaAndorraAngolaAnguillaAntarcticaArgentinaArmeniaArubaAustraliaAustriaAzerbaijanBahamasBahrainBangladeshBarbadosBelarusBelgiumBelizeBeninBermudaBhutanBoliviaBosnia
and HerzegovinaBotswanaBouvet IslandBrazilBruneiBulgariaBurkina
FasoBurundiCambodiaCameroonCape VerdeCayman IslandsChadChileChinaChristmas
IslandColombiaComorosCongoCook IslandsCosta RicaCote D'IvoireCroatiaCyprusCzech
RepublicDenmarkDjiboutiDominicaDominican RepublicEcuadorEgyptEl
SalvadorEritreaEstoniaEthiopiaFalkland IslandsFaroe
IslandsFijiFinlandFranceFrench GuianaFrench
PolynesiaGabonGambiaGeorgiaGermanyGhanaGibraltarGreeceGreenlandGrenadaGuadeloupeGuamGuatemalaGuineaGuinea-BissauGuyanaHaitiHondurasHong
KongHungaryIcelandIndiaIndonesiaIraqIrelandIsraelItalyJamaicaJapanJordanKazakhstanKenyaKiribatiKuwaitKyrgyzstanLaoLatviaLebanonLesothoLiberiaLibyaLiechtensteinLithuaniaLuxembourgMacaoMacedoniaMadagascarMalawiMalaysiaMaldivesMaliMaltaMarshall
Is.MartiniqueMauritaniaMauritiusMayotteMexicoMonacoMongoliaMontenegroMontserratMoroccoMozambiqueMyanmarNamibiaNauruNepalNetherlandsNew
CaledoniaNew ZealandNicaraguaNigerNigeriaNiueNorfolk
IslandNorwayOmanPakistanPalauPalestinian Terr.PanamaPapua New
GuineaParaguayPeruPhilippinesPitcairnPolandPortugalPuerto
RicoQatarReunionRomaniaRussian Fed.RwandaSaint HelenaSaint LuciaSamoaSan
MarinoSaudi ArabiaSenegalSerbiaSeychellesSierra
LeoneSingaporeSlovakiaSloveniaSolomon IslandsSomaliaSouth AfricaSouth
KoreaSpainSri
LankaSudanSurinameSwazilandSwedenSwitzerlandTaiwanTajikistanTanzaniaThailandTimor-LesteTogoTokelauTongaTrinidad
And TobagoTunisiaTurkeyTurkmenistanTurks And CaicosTuvaluUgandaUkraineUnited
Arab EmiratesUnited KingdomUruguayUzbekistanVanuatuVenezuelaViet NamVirgin
IslandsWallis And FutunaWestern SaharaYemenZambiaZimbabwe

Select ProvinceAlbertaBritish ColumbiaManitobaNew BrunswickNewfoundland and
LabradorNorthwest TerritoriesNova ScotiaNunavutOntarioPrince Edward
IslandQuebecSaskatchewanYukon

Postal code

Payment Information
Secure Payment Options
Credit Card
PayPal
Google Pay
Gift Card

Credit card number*This field is required

Expiry (MM/YY)*This field is required

CVV*This field is required


Name on card*This field is required

Dedication Information
Dedicate your donation
In Memory Of
In Honour Of
No dedication
Anonymity
Make my donation anonymous.

Complete Donation Now

By completing this donation you agree to the Terms of Service and Privacy
Policy. Powered by CanadaHelps, a registered charity BN 896568417RR0001.

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of
Service apply.
WE RESPECT YOUR PRIVACY
CanadaHelps uses cookies to track analytics and personalize your experience.
Check the privacy policy for more details. Choose your consent level and update
your preferences anytime.
Customize Accept all Reject all
Privacy Policy
Powered by:

www.canadahelps.org Open in urlscan Pro 151.101.67.52 Public Scan

Form analysis 1 forms found in the DOM

Text Content

www.canadahelps.org Open in urlscan Pro
151.101.67.52 Public Scan

Form analysis
1 forms found in the DOM