www.nationaalbespaarcentrum.nl Open in urlscan Pro
172.66.0.158  Public Scan

Submitted URL: https://t.tech.geefmijmeeraanbiedingen.nl/c/?t=af22569-28f-8s8-149-1lf2c
Effective URL: https://www.nationaalbespaarcentrum.nl/overwaarde-opnemen-berekenen/?br=1&bi=5&me=6&ua=&ua=www.imo4016.nl&utm_source=imo&utm_campaign=imo
Submission: On November 21 via api from BE — Scanned from NL

Form analysis 4 forms found in the DOM

POST https://www.nationaalbespaarcentrum.nl/overwaarde-opnemen-berekenen

<form method="POST" action="https://www.nationaalbespaarcentrum.nl/overwaarde-opnemen-berekenen" accept-charset="UTF-8" id="nat-berekening-formulier-2-3" class=" form-lang-nl  nat-form"
  data-formname="NAT berekening formulier (vertical overwaarde) - Met placeholder" data-form-id="46" data-request="VboRenderForm::onSubmit" data-request-data="&quot;form&quot;:&quot;nat-berekening-formulier-2-3&quot;"
  data-request-success="onFormSend($(this), &quot;form-46&quot;)" data-request-loading="#loader" data-request-validate="" data-countrycode="nl" x-data="{ sessionKey: 'rBRWF32rOXcDQsriyXKKzpbX4CfOLm9xvw78qwPc'}"><input name="_session_key"
    type="hidden" value="jUolLwljHUixBgJTcINQsphFyNxBwCL6Lm8F6No0"><input name="_token" type="hidden" value="r8dqkIR3whVyJfBCRtVdtMLEdW7ABZ1w57SUpcaf">
  <script>
    dataLayer.push({
      'event': 'leadformulierStappen',
      'eventAction': 'zichtbaar',
      'eventLabel': 'NAT berekening formulier (vertical overwaarde) - Met placeholder',
    })
  </script>
  <span class="hidden" id="municipality_str" data-municipality="Gemeente"></span>
  <div class="steps-wrap" style="">
    <div class="steps" aria-label="Progress" role="list">
      <div class="step-bg-line"></div>
      <div data-num="1" data-name="form-step-1" class="step active current">1<span class="sr-only">Stap 1</span></div>
      <div data-num="2" data-name="form-step-2" class="step">2<span class="sr-only">Stap 2</span></div>
      <div data-num="3" data-name="form-step-3" class="step">3<span class="sr-only">Stap 3</span></div>
      <div data-num="4" data-name="form-step-4" class="step">4<span class="sr-only">Stap 4</span></div>
      <div data-num="5" data-name="form-step-5" class="step">5<span class="sr-only">Stap 5</span></div>
    </div>
  </div>
  <input type="hidden" name="ua_code" value="www.imo4016.nl">
  <input type="hidden" name="landingpage" value="www.nationaalbespaarcentrum.nl/overwaarde-opnemen-berekenen/?br=1&amp;bi=5&amp;me=6&amp;ua=&amp;ua=www.imo4016.nl&amp;utm_source=imo&amp;utm_campaign=imo">
  <div id="loader" class="z-50 absolute inset-0 bg-gray-200/30 backdrop-blur text-center" style="display:none;">
    <div class="flex justify-center items-center w-full h-full">
      <div>
        <div class="text-4xl font-bold text-gray-800">Een moment geduld alstublieft...</div>
        <div class="my-12 text-center">
          <svg class="svg-inline--fa fa-spinner-third animate-spin text-7xl text-primary-500" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="spinner-third" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
            data-fa-i2svg="">
            <g class="fa-duotone-group">
              <path class="fa-secondary" fill="currentColor"
                d="M0 256C0 114.9 114.1 .5 255.1 0C237.9 .5 224 14.6 224 32c0 17.7 14.3 32 32 32C150 64 64 150 64 256s86 192 192 192c69.7 0 130.7-37.1 164.5-92.6c-3 6.6-3.3 14.8-1 22.2c1.2 3.7 3 7.2 5.4 10.3c1.2 1.5 2.6 3 4.1 4.3c.8 .7 1.6 1.3 2.4 1.9c.4 .3 .8 .6 1.3 .9s.9 .6 1.3 .8c5 2.9 10.6 4.3 16 4.3c11 0 21.8-5.7 27.7-16c-44.3 76.5-127 128-221.7 128C114.6 512 0 397.4 0 256z">
              </path>
              <path class="fa-primary" fill="currentColor"
                d="M224 32c0-17.7 14.3-32 32-32C397.4 0 512 114.6 512 256c0 46.6-12.5 90.4-34.3 128c-8.8 15.3-28.4 20.5-43.7 11.7s-20.5-28.4-11.7-43.7c16.3-28.2 25.7-61 25.7-96c0-106-86-192-192-192c-17.7 0-32-14.3-32-32z"></path>
            </g>
          </svg><!-- <i class="fa-duotone fa-spinner-third text-7xl text-primary-500 animate-spin"></i> -->
        </div>
        <div class="text-2xl font-medium text-gray-600">We zijn uw gegevens aan het verwerken.</div>
      </div>
    </div>
  </div>
  <fieldset x-data="" :id="$id('form-step')" class="form-fieldset" id="form-step-1" data-stap="Stap 1">
    <input type="hidden" name="reden" id="reden" data-label="Wat is de reden van uw aanvraag?" value="Hypotheek verhogen" data-defaultvalue="Hypotheek verhogen">
    <div class="  form-group form-hor-wrap form-group-slider" x-data="rangeslider(50000)" x-effect="init">
      <div class="form-hor-grid-2 form-hor-grid-range">
        <div>
          <label class=" form-hor-label">
            <span>Hoeveel overwaarde wilt u opnemen?</span>
          </label>
        </div>
        <div class="form-hor-range">
          <input type="range" class="form-hor-range-field offer-item" data-title="Hoeveel overwaarde wilt u opnemen?" required="required" id="hoeveelOpnemen" name="hoeveelOpnemen" value="50000" min="10000" max="200000" step="5000"
            x-model.number="value">
          <div class="flex justify-end">
            <div class="relative">
              <input type="text" class="form-hor-range-value peer" inputmode="numeric" x-model.number.lazy="value" :value="value">
              <div class="form-hor-range-value-overlay absolute inset-0"><span x-text="formatted">€&nbsp;50.000</span></div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="  form-group form-hor-wrap form-group-slider" x-data="rangeslider(200000)" x-effect="init">
      <div class="form-hor-grid-2 form-hor-grid-range">
        <div>
          <label class=" form-hor-label">
            <span>Hoogte van uw huidige hypotheek</span>
          </label>
        </div>
        <div class="form-hor-range">
          <input type="range" class="form-hor-range-field offer-item" data-title="Hoogte van uw huidige hypotheek" required="required" id="gewenst_hypotheekbedrag" name="gewenst_hypotheekbedrag" value="200000" min="10000" max="1000000" step="2500"
            x-model.number="value">
          <div class="flex justify-end">
            <div class="relative">
              <input type="text" class="form-hor-range-value peer" inputmode="numeric" x-model.number.lazy="value" :value="value">
              <div class="form-hor-range-value-overlay absolute inset-0"><span x-text="formatted">€&nbsp;200.000</span></div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="  form-group form-hor-wrap form-group-slider" x-data="rangeslider(300000)" x-effect="init">
      <div class="form-hor-grid-2 form-hor-grid-range">
        <div>
          <label class=" form-hor-label">
            <span>(Geschatte) waarde van uw huis</span>
          </label>
        </div>
        <div class="form-hor-range">
          <input type="range" class="form-hor-range-field offer-item" data-title="(Geschatte) waarde van uw huis" required="required" id="waarde_woning" name="waarde_woning" value="300000" min="75000" max="1500000" step="5000" x-model.number="value">
          <div class="flex justify-end">
            <div class="relative">
              <input type="text" class="form-hor-range-value peer" inputmode="numeric" x-model.number.lazy="value" :value="value">
              <div class="form-hor-range-value-overlay absolute inset-0"><span x-text="formatted">€&nbsp;300.000</span></div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="">
      <button type="button" class=" form-btn form-btn-next"><span>Volgende stap</span> <svg class="svg-inline--fa fa-angles-right ml-4" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angles-right" role="img"
          xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
          <path fill="currentColor"
            d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z">
          </path>
        </svg><!-- <i class="fa-solid fa-angles-right ml-4"></i> --></button>
    </div>
  </fieldset>
  <fieldset x-data="" :id="$id('form-step')" class="form-fieldset" id="form-step-2" data-stap="Stap 2">
    <div class="radio-float form-group form-hor-wrap-sm wide" data-cl="true" data-name="hypotheek_voor_2013" data-claction="hide" data-clcondition="is_same" data-clfield="eerste_koopwoning" data-clvalue="Ja" aria-hidden="false" style="">
      <div class="form-hor-grid-3 form-hor-grid-radio">
        <div>
          <label class=" form-hor-label">
            <span>Had u voor 2013 al een hypotheek?</span>
            <svg class="svg-inline--fa fa-square-info text-primary-500" x-data="" x-tooltip="Per 01-01-2013 zijn de hypotheekregels in Nederland flink gewijzigd. Wanneer u voor 2013 al een hypotheek bezat, dan valt u onder het overgangsrecht."
              aria-hidden="true" focusable="false" data-prefix="fas" data-icon="square-info" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
              <path fill="currentColor"
                d="M64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32zM184 336l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z">
              </path>
            </svg><!-- <i class="fa-solid fa-square-info text-primary-500" x-data="" x-tooltip="Per 01-01-2013 zijn de hypotheekregels in Nederland flink gewijzigd. Wanneer u voor 2013 al een hypotheek bezat, dan valt u onder het overgangsrecht."></i> -->
          </label>
        </div>
        <div class="form-hor-radiolist form-hor-cell-2 " data-title="Had u voor 2013 al een hypotheek?">
          <div class="radio">
            <label for="hypotheek_voor_2013_Ja">
              <input id="hypotheek_voor_2013_Ja" type="radio" name="hypotheek_voor_2013" class=" form-hor-radio" value="Ja" data-title="Had u voor 2013 al een hypotheek?" data-label="Ja" translate="no" required="required" checked=""> Ja </label>
          </div>
          <div class="radio">
            <label for="hypotheek_voor_2013_Nee">
              <input id="hypotheek_voor_2013_Nee" type="radio" name="hypotheek_voor_2013" class=" form-hor-radio" value="Nee" data-title="Had u voor 2013 al een hypotheek?" data-label="Nee" translate="no" required="required"> Nee </label>
          </div>
        </div>
      </div>
    </div>
    <div class="  form-group form-hor-wrap form-group-slider" x-data="rangeslider(500)" x-effect="init">
      <div class="form-hor-grid-2 form-hor-grid-range">
        <div>
          <label class=" form-hor-label">
            <span>Huidige hypotheeklast per maand <sup>(bruto)</sup></span>
            <svg class="svg-inline--fa fa-square-info text-primary-500" x-data=""
              x-tooltip="Wat betaalt u maandelijks bruto voor uw huidige hypotheek? Dit bedrag betaalt u maandelijks aan de geldverstrekker. De eventuele renteaftrek hoeft u niet mee te rekenen." aria-hidden="true" focusable="false" data-prefix="fas"
              data-icon="square-info" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
              <path fill="currentColor"
                d="M64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32zM184 336l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z">
              </path>
            </svg><!-- <i class="fa-solid fa-square-info text-primary-500" x-data="" x-tooltip="Wat betaalt u maandelijks bruto voor uw huidige hypotheek? Dit bedrag betaalt u maandelijks aan de geldverstrekker. De eventuele renteaftrek hoeft u niet mee te rekenen."></i> -->
          </label>
        </div>
        <div class="form-hor-range">
          <input type="range" class="form-hor-range-field " required="required" id="hypotheeklast" name="hypotheeklast" value="500" min="0" max="5000" step="25" x-model.number="value">
          <div class="flex justify-end">
            <div class="relative">
              <input type="text" class="form-hor-range-value peer" inputmode="numeric" x-model.number.lazy="value" :value="value">
              <div class="form-hor-range-value-overlay absolute inset-0"><span x-text="formatted">€&nbsp;500</span></div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="wide radio-float form-group form-hor-wrap-sm wide">
      <div class="form-hor-grid-3 form-hor-grid-radio">
        <div>
          <label class=" form-hor-label">
            <span>Extra lopende kredieten?</span>
            <svg class="svg-inline--fa fa-square-info text-primary-500" x-data="" x-tooltip="Wij bedoelen hier lopende kredieten (waaronder bijv. ook roodstanden en creditcards). Het gaat hier dus niet om een eventuele hypotheek." aria-hidden="true"
              focusable="false" data-prefix="fas" data-icon="square-info" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
              <path fill="currentColor"
                d="M64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32zM184 336l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z">
              </path>
            </svg><!-- <i class="fa-solid fa-square-info text-primary-500" x-data="" x-tooltip="Wij bedoelen hier lopende kredieten (waaronder bijv. ook roodstanden en creditcards). Het gaat hier dus niet om een eventuele hypotheek."></i> -->
          </label>
        </div>
        <div class="form-hor-radiolist form-hor-cell-2 " data-title="Extra lopende kredieten?">
          <div class="radio">
            <label for="lopende_leningen_1">
              <input id="lopende_leningen_1" type="radio" name="lopende_leningen" class="form-hor-radio is_dependant" value="1" data-title="Extra lopende kredieten?" data-label="Ja" translate="no" required="required"> Ja </label>
          </div>
          <div class="radio">
            <label for="lopende_leningen_0">
              <input id="lopende_leningen_0" type="radio" name="lopende_leningen" class="form-hor-radio is_dependant" value="0" data-title="Extra lopende kredieten?" data-label="Nee" translate="no" required="required" checked=""> Nee </label>
          </div>
        </div>
      </div>
    </div>
    <div class="  form-group form-hor-wrap form-group-slider" x-data="rangeslider(5000)" x-effect="init" data-cl="true" data-name="openstaand_kredietsaldo" data-claction="show" data-clcondition="is_same" data-clfield="lopende_leningen"
      data-clvalue="1" aria-hidden="true" style="display: none;">
      <div class="form-hor-grid-2 form-hor-grid-range">
        <div>
          <label class=" form-hor-label">
            <span>Totale openstaande kredietsaldo</span>
          </label>
        </div>
        <div class="form-hor-range">
          <input type="range" class="form-hor-range-field " id="openstaand_kredietsaldo" name="openstaand_kredietsaldo" value="0" min="0" max="75000" step="250" x-model.number="value">
          <div class="flex justify-end">
            <div class="relative">
              <input type="text" class="form-hor-range-value peer" inputmode="numeric" x-model.number.lazy="value" :value="value">
              <div class="form-hor-range-value-overlay absolute inset-0"><span x-text="formatted">€&nbsp;5.000</span></div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="">
      <button type="button" class=" form-btn form-btn-next"><span>Volgende stap</span> <svg class="svg-inline--fa fa-angles-right ml-4" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angles-right" role="img"
          xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
          <path fill="currentColor"
            d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z">
          </path>
        </svg><!-- <i class="fa-solid fa-angles-right ml-4"></i> --></button>
    </div>
    <div class="">
      <button type="button" class=" form-btn-prev"><span>Vorige stap</span></button>
    </div>
  </fieldset>
  <fieldset x-data="" :id="$id('form-step')" class="form-fieldset" id="form-step-3" data-stap="Stap 3">
    <div class="form-hor-wrap-sm form-group date_field  wide" x-data="{ geboortedatum: '' }">
      <div class="form-hor-grid-3">
        <div>
          <label for="geboortedatum" class="form-hor-label ">
            <span>Wat is uw geboortedatum?</span>
          </label>
        </div>
        <div class="form-hor-cell-2">
          <input id="geboortedatum" type="text" name="geboortedatum" class="wide form-hor-field " placeholder="DD-MM-JJJJ" x-model.lazy="geboortedatum" pattern="[0-9]{2}-[0-9]{2}-[0-9]{4}" :class="{'validate peer': geboortedatum !== ''}"
            inputmode="numeric" value="" required="required">
          <div class="validation-icon-valid">
            <svg class="svg-inline--fa fa-check" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
              <path fill="currentColor" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path>
            </svg><!-- <i class="fa-solid fa-check"></i> -->
          </div>
          <div class="validation-icon-invalid">
            <svg class="svg-inline--fa fa-times" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" data-fa-i2svg="">
              <path fill="currentColor"
                d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z">
              </path>
            </svg><!-- <i class="fa-solid fa-times"></i> -->
          </div>
        </div>
      </div>
      <div class="dobComment dobInvalidYear">Het jaartal dient 4 cijfers te bevatten.</div>
    </div>
    <div class=" bruto-maandinkomen form-group form-hor-wrap form-group-slider" x-data="rangeslider(2000)" x-effect="init">
      <div class="form-hor-grid-2 form-hor-grid-range">
        <div>
          <label class=" form-hor-label">
            <span>Uw bruto maandinkomen?</span>
            <svg class="svg-inline--fa fa-square-info text-primary-500" x-data="" x-tooltip="Het totale bruto maandsalaris excl. vakantiegeld zoalste zien is op je salarisstrook." aria-hidden="true" focusable="false" data-prefix="fas"
              data-icon="square-info" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
              <path fill="currentColor"
                d="M64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32zM184 336l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z">
              </path>
            </svg><!-- <i class="fa-solid fa-square-info text-primary-500" x-data="" x-tooltip="Het totale bruto maandsalaris excl. vakantiegeld zoalste zien is op je salarisstrook."></i> -->
          </label>
        </div>
        <div class="form-hor-range">
          <input type="range" class="form-hor-range-field " required="required" id="bruto_maandinkomen" name="bruto_maandinkomen" value="2000" min="0" max="15000" step="100" x-model.number="value">
          <div class="flex justify-end">
            <div class="relative">
              <input type="text" class="form-hor-range-value peer" inputmode="numeric" x-model.number.lazy="value" :value="value">
              <div class="form-hor-range-value-overlay absolute inset-0"><span x-text="formatted">€&nbsp;2.000</span></div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class=" pensioeninkomen-incl form-group form-hor-wrap form-group-slider" x-data="rangeslider(2000)" x-effect="init">
      <div class="form-hor-grid-2 form-hor-grid-range">
        <div>
          <label class=" form-hor-label">
            <span>Bruto pensioeninkomen per maand <sup>(incl. AOW)</sup></span>
            <svg class="svg-inline--fa fa-square-info text-primary-500" x-data="" x-tooltip="Uw huidige bruto pensioeninkomen per maand inclusief de AOW die u maandelijks ontvangt.." aria-hidden="true" focusable="false" data-prefix="fas"
              data-icon="square-info" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
              <path fill="currentColor"
                d="M64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32zM184 336l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z">
              </path>
            </svg><!-- <i class="fa-solid fa-square-info text-primary-500" x-data="" x-tooltip="Uw huidige bruto pensioeninkomen per maand inclusief de AOW die u maandelijks ontvangt.."></i> -->
          </label>
        </div>
        <div class="form-hor-range">
          <input type="range" class="form-hor-range-field " id="bruto_pensioeninkomen" name="bruto_pensioeninkomen" value="2000" min="0" max="15000" step="100" x-model.number="value">
          <div class="flex justify-end">
            <div class="relative">
              <input type="text" class="form-hor-range-value peer" inputmode="numeric" x-model.number.lazy="value" :value="value">
              <div class="form-hor-range-value-overlay absolute inset-0"><span x-text="formatted">€&nbsp;2.000</span></div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class=" pensioeninkomen-excl form-group form-hor-wrap form-group-slider" x-data="rangeslider(2000)" x-effect="init">
      <div class="form-hor-grid-2 form-hor-grid-range">
        <div>
          <label class=" form-hor-label">
            <span>Bruto maandinkomen bij pensioen <sup>(excl. AOW)</sup></span>
            <svg class="svg-inline--fa fa-square-info text-primary-500" x-data=""
              x-tooltip="Uw bruto pensioeninkomen per maand op de ingangsdatum van uw pensioen zonder de te ontvangen AOW mee te rekenen. Voor meer informatie over uw pensioen gaat u naar mijnpensioenoverzicht.nl" aria-hidden="true" focusable="false"
              data-prefix="fas" data-icon="square-info" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
              <path fill="currentColor"
                d="M64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32zM184 336l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z">
              </path>
            </svg><!-- <i class="fa-solid fa-square-info text-primary-500" x-data="" x-tooltip="Uw bruto pensioeninkomen per maand op de ingangsdatum van uw pensioen zonder de te ontvangen AOW mee te rekenen. Voor meer informatie over uw pensioen gaat u naar mijnpensioenoverzicht.nl"></i> -->
          </label>
        </div>
        <div class="form-hor-range">
          <input type="range" class="form-hor-range-field " id="bruto_toekomstig_pensioeninkomen" name="bruto_toekomstig_pensioeninkomen" value="2000" min="0" max="15000" step="100" x-model.number="value">
          <div class="flex justify-end">
            <div class="relative">
              <input type="text" class="form-hor-range-value peer" inputmode="numeric" x-model.number.lazy="value" :value="value">
              <div class="form-hor-range-value-overlay absolute inset-0"><span x-text="formatted">€&nbsp;2.000</span></div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="broninkomen form-group form-hor-wrap">
      <div class="form-hor-grid-2">
        <div>
          <label for="broninkomen" class=" form-hor-label">
            <span>Waar komt uw inkomen vandaan?</span>
          </label>
        </div>
        <div>
          <div class="relative">
            <select id="broninkomen" class=" form-control form-hor-field " name="broninkomen" required="required">
              <option value="" translate="no" selected=""> Maak uw keuze </option>
              <option value="Loondienst" translate="no"> Loondienst </option>
              <option value="Via ZZP, VOF of Maatschap" translate="no"> Via ZZP, VOF of Maatschap </option>
              <option value="Als DGA van een BV" translate="no"> Als DGA van een BV </option>
              <option value="Uitkering" translate="no"> Uitkering </option>
              <option value="Pensioen" translate="no"> Pensioen </option>
            </select>
            <div class="form-hor-select-icon">
              <svg class="form-hor-select-icon-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
              </svg>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="radio-float form-group form-hor-wrap-sm wide">
      <div class="form-hor-grid-3 form-hor-grid-radio">
        <div>
          <label class=" form-hor-label">
            <span>Heeft u een partner?</span>
          </label>
        </div>
        <div class="form-hor-radiolist form-hor-cell-2 " data-title="Heeft u een partner?">
          <div class="radio">
            <label for="partner_Ja">
              <input id="partner_Ja" type="radio" name="partner" class="form-hor-radio is_dependant" value="Ja" data-title="Heeft u een partner?" data-label="Ja" translate="no" required="required"> Ja </label>
          </div>
          <div class="radio">
            <label for="partner_Nee">
              <input id="partner_Nee" type="radio" name="partner" class="form-hor-radio is_dependant" value="Nee" data-title="Heeft u een partner?" data-label="Nee" translate="no" required="required" checked=""> Nee </label>
          </div>
        </div>
      </div>
    </div>
    <div class="form-hor-wrap-sm form-group date_field  wide" x-data="{ geboortedatum_partner: '' }" data-cl="true" data-name="geboortedatum_partner" data-claction="show" data-clcondition="is_same" data-clfield="partner" data-clvalue="Ja"
      aria-hidden="true" style="display: none;">
      <div class="form-hor-grid-3">
        <div>
          <label for="geboortedatum_partner" class="form-hor-label ">
            <span>Geboortedatum van uw partner</span>
          </label>
        </div>
        <div class="form-hor-cell-2">
          <input id="geboortedatum_partner" type="text" name="geboortedatum_partner" class="wide form-hor-field " placeholder="DD-MM-JJJJ" x-model.lazy="geboortedatum_partner" pattern="[0-9]{2}-[0-9]{2}-[0-9]{4}"
            :class="{'validate peer': geboortedatum_partner !== ''}" inputmode="numeric" value="">
          <div class="validation-icon-valid">
            <svg class="svg-inline--fa fa-check" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
              <path fill="currentColor" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path>
            </svg><!-- <i class="fa-solid fa-check"></i> -->
          </div>
          <div class="validation-icon-invalid">
            <svg class="svg-inline--fa fa-times" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" data-fa-i2svg="">
              <path fill="currentColor"
                d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z">
              </path>
            </svg><!-- <i class="fa-solid fa-times"></i> -->
          </div>
        </div>
      </div>
      <div class="dobComment dobInvalidYear">Het jaartal dient 4 cijfers te bevatten.</div>
    </div>
    <div class=" bruto-maandinkomen_partner form-group form-hor-wrap form-group-slider" x-data="rangeslider(2000)" x-effect="init">
      <div class="form-hor-grid-2 form-hor-grid-range">
        <div>
          <label class=" form-hor-label">
            <span>Bruto maandinkomen van uw partner?</span>
            <svg class="svg-inline--fa fa-square-info text-primary-500" x-data="" x-tooltip="Dit is het maandelijkse bruto inkomenexclusief vakantiegeld en eventueledertiende maand van je partner." aria-hidden="true" focusable="false"
              data-prefix="fas" data-icon="square-info" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
              <path fill="currentColor"
                d="M64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32zM184 336l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z">
              </path>
            </svg><!-- <i class="fa-solid fa-square-info text-primary-500" x-data="" x-tooltip="Dit is het maandelijkse bruto inkomenexclusief vakantiegeld en eventueledertiende maand van je partner."></i> -->
          </label>
        </div>
        <div class="form-hor-range">
          <input type="range" class="form-hor-range-field " id="bruto_maandinkomen_partner" name="bruto_maandinkomen_partner" value="2000" min="0" max="15000" step="100" x-model.number="value">
          <div class="flex justify-end">
            <div class="relative">
              <input type="text" class="form-hor-range-value peer" inputmode="numeric" x-model.number.lazy="value" :value="value">
              <div class="form-hor-range-value-overlay absolute inset-0"><span x-text="formatted">€&nbsp;2.000</span></div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class=" pensioeninkomen-incl_partner form-group form-hor-wrap form-group-slider" x-data="rangeslider(2000)" x-effect="init">
      <div class="form-hor-grid-2 form-hor-grid-range">
        <div>
          <label class=" form-hor-label">
            <span>Bruto pensioeninkomen per maand <sup>(incl. AOW)</sup></span>
            <svg class="svg-inline--fa fa-square-info text-primary-500" x-data="" x-tooltip="Het huidige bruto pensioeninkomen per maand van uw partner inclusief de AOW die uw partner maandelijks ontvangt.." aria-hidden="true" focusable="false"
              data-prefix="fas" data-icon="square-info" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
              <path fill="currentColor"
                d="M64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32zM184 336l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z">
              </path>
            </svg><!-- <i class="fa-solid fa-square-info text-primary-500" x-data="" x-tooltip="Het huidige bruto pensioeninkomen per maand van uw partner inclusief de AOW die uw partner maandelijks ontvangt.."></i> -->
          </label>
        </div>
        <div class="form-hor-range">
          <input type="range" class="form-hor-range-field " id="bruto_pensioeninkomen_partner" name="bruto_pensioeninkomen_partner" value="2000" min="0" max="15000" step="100" x-model.number="value">
          <div class="flex justify-end">
            <div class="relative">
              <input type="text" class="form-hor-range-value peer" inputmode="numeric" x-model.number.lazy="value" :value="value">
              <div class="form-hor-range-value-overlay absolute inset-0"><span x-text="formatted">€&nbsp;2.000</span></div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class=" pensioeninkomen-excl_partner form-group form-hor-wrap form-group-slider" x-data="rangeslider(2000)" x-effect="init">
      <div class="form-hor-grid-2 form-hor-grid-range">
        <div>
          <label class=" form-hor-label">
            <span>Bruto maandinkomen bij pensioen <sup>(excl. AOW)</sup></span>
            <svg class="svg-inline--fa fa-square-info text-primary-500" x-data=""
              x-tooltip="Het bruto pensioeninkomen per maand van uw partner op de ingangsdatum van het pensioen zonder de te ontvangen AOW mee te rekenen. Voor meer informatie over het pensioen van uw partner gaat u naar mijnpensioenoverzicht.nl"
              aria-hidden="true" focusable="false" data-prefix="fas" data-icon="square-info" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
              <path fill="currentColor"
                d="M64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32zM184 336l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z">
              </path>
            </svg><!-- <i class="fa-solid fa-square-info text-primary-500" x-data="" x-tooltip="Het bruto pensioeninkomen per maand van uw partner op de ingangsdatum van het pensioen zonder de te ontvangen AOW mee te rekenen. Voor meer informatie over het pensioen van uw partner gaat u naar mijnpensioenoverzicht.nl"></i> -->
          </label>
        </div>
        <div class="form-hor-range">
          <input type="range" class="form-hor-range-field " id="bruto_toekomstig_pensioeninkomen_partner" name="bruto_toekomstig_pensioeninkomen_partner" value="2000" min="0" max="15000" step="100" x-model.number="value">
          <div class="flex justify-end">
            <div class="relative">
              <input type="text" class="form-hor-range-value peer" inputmode="numeric" x-model.number.lazy="value" :value="value">
              <div class="form-hor-range-value-overlay absolute inset-0"><span x-text="formatted">€&nbsp;2.000</span></div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="">
      <button type="button" class=" form-btn form-btn-next"><span>Volgende stap</span> <svg class="svg-inline--fa fa-angles-right ml-4" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angles-right" role="img"
          xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
          <path fill="currentColor"
            d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z">
          </path>
        </svg><!-- <i class="fa-solid fa-angles-right ml-4"></i> --></button>
    </div>
    <div class="">
      <button type="button" class=" form-btn-prev"><span>Terug naar vorige stap</span></button>
    </div>
  </fieldset>
  <fieldset x-data="" :id="$id('form-step')" class="form-fieldset" id="form-step-4" data-stap="Stap 4">
    <div class="form-hor-wrap-sm form-group " x-data="{ zipcode: zipcode ? zipcode : null }">
      <div class="form-hor-grid-3">
        <div>
          <label for="postcode" class="form-hor-label "> Uw postcode </label>
        </div>
        <div class="form-hor-cell-2">
          <input id="postcode" type="text" name="postcode" data-name="zipcode" x-model.lazy="zipcode" value="" class=" form-hor-field " placeholder="" minlength="6" pattern="[1-9][0-9]{3} ?(?!sa|sd|ss)[a-zA-Z]{2}"
            :class="{'validate peer': zipcode !== null &amp;&amp; zipcode.length >= 6}" required="required" autocomplete="off" inputmode="numeric">
          <div class="validation-icon-valid">
            <svg class="svg-inline--fa fa-check" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
              <path fill="currentColor" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path>
            </svg><!-- <i class="fa-solid fa-check"></i> -->
          </div>
          <div class="validation-icon-invalid">
            <svg class="svg-inline--fa fa-times" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" data-fa-i2svg="">
              <path fill="currentColor"
                d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z">
              </path>
            </svg><!-- <i class="fa-solid fa-times"></i> -->
          </div>
        </div>
      </div>
    </div>
    <div class="form-hor-wrap-sm form-hor-wrap-double form-group " x-data="{ housenumber: housenumber ? housenumber : null, addition: addition ? addition : null }" id="housenumber_field">
      <div class="form-hor-grid-3">
        <div>
          <label for="huisnummer" class="form-hor-label ">
            <span>Uw huisnummer</span>
          </label>
        </div>
        <div class="form-hor-cell-2">
          <div class="form-inner-grid-12">
            <div class="form-inner-cell-7">
              <input id="huisnummer" type="text" name="huisnummer" data-name="housenumber" x-model.lazy="housenumber" value="" class=" form-hor-field " placeholder="" :class="{'validate peer': housenumber !== null}" pattern="\d*" min="1"
                required="required" inputmode="numeric">
              <div class="validation-icon-valid">
                <svg class="svg-inline--fa fa-check" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
                  <path fill="currentColor" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path>
                </svg><!-- <i class="fa-solid fa-check"></i> -->
              </div>
              <div class="validation-icon-invalid">
                <svg class="svg-inline--fa fa-times" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" data-fa-i2svg="">
                  <path fill="currentColor"
                    d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z">
                  </path>
                </svg><!-- <i class="fa-solid fa-times"></i> -->
              </div>
            </div>
            <div class="form-inner-cell-5">
              <input id="additionConnect" type="text" name="additionConnect" data-name="addition" x-model.lazy="addition" class="form-hor-field" placeholder="Toevoeging" :class="{'validate peer': addition !== null}">
              <div class="validation-icon-valid">
                <svg class="svg-inline--fa fa-check" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
                  <path fill="currentColor" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path>
                </svg><!-- <i class="fa-solid fa-check"></i> -->
              </div>
              <div class="validation-icon-invalid">
                <svg class="svg-inline--fa fa-times" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" data-fa-i2svg="">
                  <path fill="currentColor"
                    d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z">
                  </path>
                </svg><!-- <i class="fa-solid fa-times"></i> -->
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="form-hor-wrap-sm  form-group " x-data="{ streetname: streetname ? streetname : null }" id="street_field" style="display: none;">
      <div class="form-hor-grid-3">
        <div>
          <label for="straatnaam" class="form-hor-label "> Straatnaam </label>
        </div>
        <div class="form-hor-cell-2">
          <input id="straatnaam" type="text" name="straatnaam" data-name="streetname" x-model="streetname" value="" class=" form-hor-field " placeholder="">
          <div class="validation-icon-valid">
            <svg class="svg-inline--fa fa-check" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
              <path fill="currentColor" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path>
            </svg><!-- <i class="fa-solid fa-check"></i> -->
          </div>
          <div class="validation-icon-invalid">
            <svg class="svg-inline--fa fa-times" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" data-fa-i2svg="">
              <path fill="currentColor"
                d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z">
              </path>
            </svg><!-- <i class="fa-solid fa-times"></i> -->
          </div>
        </div>
      </div>
    </div>
    <div class="form-hor-wrap-sm form-group " x-data="{ city: city ? city : null }" id="city_field" style="display: none;">
      <div class="form-hor-grid-3">
        <div>
          <label for="woonplaats" class="form-hor-label "> Woonplaats </label>
        </div>
        <div class="form-hor-cell-2">
          <input id="woonplaats" type="text" name="woonplaats" data-name="city" x-model="city" class=" form-hor-field " placeholder="">
          <div class="validation-icon-valid">
            <svg class="svg-inline--fa fa-check" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
              <path fill="currentColor" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path>
            </svg><!-- <i class="fa-solid fa-check"></i> -->
          </div>
          <div class="validation-icon-invalid">
            <svg class="svg-inline--fa fa-times" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" data-fa-i2svg="">
              <path fill="currentColor"
                d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z">
              </path>
            </svg><!-- <i class="fa-solid fa-times"></i> -->
          </div>
        </div>
      </div>
    </div>
    <div class="">
      <button type="button" class=" form-btn form-btn-next"><span>Volgende stap</span> <svg class="svg-inline--fa fa-angles-right ml-4" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angles-right" role="img"
          xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
          <path fill="currentColor"
            d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z">
          </path>
        </svg><!-- <i class="fa-solid fa-angles-right ml-4"></i> --></button>
    </div>
    <div class="">
      <button type="button" class=" form-btn-prev"><span>Terug naar vorige stap</span></button>
    </div>
  </fieldset>
  <fieldset x-data="" :id="$id('form-step')" class="form-fieldset" id="form-step-5" data-stap="Stap 5">
    <div class=" form-group form-hor-wrap-sm">
      <div class="form-hor-grid-3">
        <div>
          <label for="aanhef" class=" form-hor-label">
            <span>Aanhef</span>
          </label>
        </div>
        <div class="form-hor-cell-2">
          <div class="relative">
            <select id="aanhef" class=" form-control form-hor-field" name="aanhef" required="required">
              <option value="m" translate="no"> Dhr. </option>
              <option value="v" translate="no"> Mevr. </option>
            </select>
            <div class="form-hor-select-icon">
              <svg class="form-hor-select-icon-svg valid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
              </svg>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="form-hor-wrap-sm form-hor-wrap-double form-group " x-data="{ voorletters: null, achternaam: null, naam: null }" x-effect="naam = voorletters + ' ' + achternaam">
      <div class="form-hor-grid-3">
        <div>
          <label for="naam" class="form-hor-label "> Uw naam </label>
        </div>
        <div class="form-hor-cell-2">
          <div class="form-inner-grid-3">
            <div class="form-inner-cell-1">
              <input id="voorletters" placeholder="Initialen" type="text" name="voorletters" x-model.lazy="voorletters" class="form-hor-field" :class="{'validate peer': voorletters !== null}" required="required" minlength="1">
              <div class="validation-icon-valid">
                <svg class="svg-inline--fa fa-check" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
                  <path fill="currentColor" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path>
                </svg><!-- <i class="fa-solid fa-check"></i> -->
              </div>
              <div class="validation-icon-invalid">
                <svg class="svg-inline--fa fa-times" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" data-fa-i2svg="">
                  <path fill="currentColor"
                    d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z">
                  </path>
                </svg><!-- <i class="fa-solid fa-times"></i> -->
              </div>
            </div>
            <div class="form-inner-cell-2">
              <input id="achternaam" type="text" name="achternaam" placeholder="Achternaam" x-model.lazy="achternaam" class="form-hor-field" :class="{'validate peer': achternaam !== null}" required="required" minlength="2">
              <div class="validation-icon-valid">
                <svg class="svg-inline--fa fa-check" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
                  <path fill="currentColor" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path>
                </svg><!-- <i class="fa-solid fa-check"></i> -->
              </div>
              <div class="validation-icon-invalid">
                <svg class="svg-inline--fa fa-times" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" data-fa-i2svg="">
                  <path fill="currentColor"
                    d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z">
                  </path>
                </svg><!-- <i class="fa-solid fa-times"></i> -->
              </div>
            </div>
          </div>
          <input id="naam" type="text" name="naam" x-model.lazy="naam" class="hidden form-hor-field validate peer" :class="{'validate peer': naam !== null}" :value="naam">
        </div>
      </div>
    </div>
    <div class="form-hor-wrap-sm form-group " x-data="{ emailadres: null }">
      <div class="form-hor-grid-3">
        <div>
          <label for="emailadres" class="form-hor-label "> E-mailadres </label>
        </div>
        <div class="form-hor-cell-2">
          <input id="emailadres" type="email" name="emailadres" data-name="emailaddress" x-model.lazy="emailadres" value="" class=" form-hor-field" placeholder="" required="required" :class="{'validate peer': emailadres !== null}"
            pattern="^[a-zA-Z0-9._%+-]+@(?:[a-zA-Z0-9-]+\.)+[a-zA-Z]{2,}$">
          <div class="validation-icon-valid">
            <svg class="svg-inline--fa fa-check" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
              <path fill="currentColor" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path>
            </svg><!-- <i class="fa-solid fa-check"></i> -->
          </div>
          <div class="validation-icon-invalid">
            <svg class="svg-inline--fa fa-times" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" data-fa-i2svg="">
              <path fill="currentColor"
                d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z">
              </path>
            </svg><!-- <i class="fa-solid fa-times"></i> -->
          </div>
        </div>
      </div>
    </div>
    <div class="form-hor-wrap-sm form-group  wrapper-int-phone">
      <div class="form-hor-grid-3">
        <div>
          <label for="telefoonnummer" class="form-hor-label  label-int-phone"> Telefoonnummer </label>
        </div>
        <div class="form-hor-cell-2">
          <div class="iti iti--allow-dropdown iti--show-flags">
            <div class="iti__flag-container">
              <div class="iti__selected-flag" role="combobox" aria-haspopup="listbox" aria-controls="iti-0__country-listbox" aria-owns="iti-0__country-listbox" aria-expanded="false" aria-label="Telephone country code" tabindex="0"
                title="Netherlands (Nederland): +31">
                <div class="iti__flag iti__nl"></div>
                <div class="iti__arrow"></div>
              </div>
              <ul class="iti__country-list iti__hide" id="iti-0__country-listbox" role="listbox" aria-label="List of countries">
                <li class="iti__country iti__preferred iti__active" tabindex="-1" id="iti-0__item-nl-preferred" role="option" data-dial-code="31" data-country-code="nl" aria-selected="true">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__nl"></div>
                  </div><span class="iti__country-name">Netherlands (Nederland)</span><span class="iti__dial-code">+31</span>
                </li>
                <li class="iti__country iti__preferred" tabindex="-1" id="iti-0__item-be-preferred" role="option" data-dial-code="32" data-country-code="be" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__be"></div>
                  </div><span class="iti__country-name">Belgium (België)</span><span class="iti__dial-code">+32</span>
                </li>
                <li class="iti__country iti__preferred" tabindex="-1" id="iti-0__item-de-preferred" role="option" data-dial-code="49" data-country-code="de" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__de"></div>
                  </div><span class="iti__country-name">Germany (Deutschland)</span><span class="iti__dial-code">+49</span>
                </li>
                <li class="iti__country iti__preferred" tabindex="-1" id="iti-0__item-fr-preferred" role="option" data-dial-code="33" data-country-code="fr" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__fr"></div>
                  </div><span class="iti__country-name">France</span><span class="iti__dial-code">+33</span>
                </li>
                <li class="iti__divider" role="separator" aria-disabled="true"></li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-af" role="option" data-dial-code="93" data-country-code="af" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__af"></div>
                  </div><span class="iti__country-name">Afghanistan (‫افغانستان‬‎)</span><span class="iti__dial-code">+93</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-al" role="option" data-dial-code="355" data-country-code="al" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__al"></div>
                  </div><span class="iti__country-name">Albania (Shqipëri)</span><span class="iti__dial-code">+355</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-dz" role="option" data-dial-code="213" data-country-code="dz" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__dz"></div>
                  </div><span class="iti__country-name">Algeria (‫الجزائر‬‎)</span><span class="iti__dial-code">+213</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-as" role="option" data-dial-code="1" data-country-code="as" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__as"></div>
                  </div><span class="iti__country-name">American Samoa</span><span class="iti__dial-code">+1</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ad" role="option" data-dial-code="376" data-country-code="ad" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__ad"></div>
                  </div><span class="iti__country-name">Andorra</span><span class="iti__dial-code">+376</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ao" role="option" data-dial-code="244" data-country-code="ao" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__ao"></div>
                  </div><span class="iti__country-name">Angola</span><span class="iti__dial-code">+244</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ai" role="option" data-dial-code="1" data-country-code="ai" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__ai"></div>
                  </div><span class="iti__country-name">Anguilla</span><span class="iti__dial-code">+1</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ag" role="option" data-dial-code="1" data-country-code="ag" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__ag"></div>
                  </div><span class="iti__country-name">Antigua and Barbuda</span><span class="iti__dial-code">+1</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ar" role="option" data-dial-code="54" data-country-code="ar" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__ar"></div>
                  </div><span class="iti__country-name">Argentina</span><span class="iti__dial-code">+54</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-am" role="option" data-dial-code="374" data-country-code="am" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__am"></div>
                  </div><span class="iti__country-name">Armenia (Հայաստան)</span><span class="iti__dial-code">+374</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-aw" role="option" data-dial-code="297" data-country-code="aw" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__aw"></div>
                  </div><span class="iti__country-name">Aruba</span><span class="iti__dial-code">+297</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ac" role="option" data-dial-code="247" data-country-code="ac" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__ac"></div>
                  </div><span class="iti__country-name">Ascension Island</span><span class="iti__dial-code">+247</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-au" role="option" data-dial-code="61" data-country-code="au" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__au"></div>
                  </div><span class="iti__country-name">Australia</span><span class="iti__dial-code">+61</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-at" role="option" data-dial-code="43" data-country-code="at" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__at"></div>
                  </div><span class="iti__country-name">Austria (Österreich)</span><span class="iti__dial-code">+43</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-az" role="option" data-dial-code="994" data-country-code="az" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__az"></div>
                  </div><span class="iti__country-name">Azerbaijan (Azərbaycan)</span><span class="iti__dial-code">+994</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bs" role="option" data-dial-code="1" data-country-code="bs" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__bs"></div>
                  </div><span class="iti__country-name">Bahamas</span><span class="iti__dial-code">+1</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bh" role="option" data-dial-code="973" data-country-code="bh" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__bh"></div>
                  </div><span class="iti__country-name">Bahrain (‫البحرين‬‎)</span><span class="iti__dial-code">+973</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bd" role="option" data-dial-code="880" data-country-code="bd" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__bd"></div>
                  </div><span class="iti__country-name">Bangladesh (বাংলাদেশ)</span><span class="iti__dial-code">+880</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bb" role="option" data-dial-code="1" data-country-code="bb" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__bb"></div>
                  </div><span class="iti__country-name">Barbados</span><span class="iti__dial-code">+1</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-by" role="option" data-dial-code="375" data-country-code="by" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__by"></div>
                  </div><span class="iti__country-name">Belarus (Беларусь)</span><span class="iti__dial-code">+375</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-be" role="option" data-dial-code="32" data-country-code="be" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__be"></div>
                  </div><span class="iti__country-name">Belgium (België)</span><span class="iti__dial-code">+32</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bz" role="option" data-dial-code="501" data-country-code="bz" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__bz"></div>
                  </div><span class="iti__country-name">Belize</span><span class="iti__dial-code">+501</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bj" role="option" data-dial-code="229" data-country-code="bj" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__bj"></div>
                  </div><span class="iti__country-name">Benin (Bénin)</span><span class="iti__dial-code">+229</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bm" role="option" data-dial-code="1" data-country-code="bm" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__bm"></div>
                  </div><span class="iti__country-name">Bermuda</span><span class="iti__dial-code">+1</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bt" role="option" data-dial-code="975" data-country-code="bt" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__bt"></div>
                  </div><span class="iti__country-name">Bhutan (འབྲུག)</span><span class="iti__dial-code">+975</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bo" role="option" data-dial-code="591" data-country-code="bo" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__bo"></div>
                  </div><span class="iti__country-name">Bolivia</span><span class="iti__dial-code">+591</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ba" role="option" data-dial-code="387" data-country-code="ba" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__ba"></div>
                  </div><span class="iti__country-name">Bosnia and Herzegovina (Босна и Херцеговина)</span><span class="iti__dial-code">+387</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bw" role="option" data-dial-code="267" data-country-code="bw" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__bw"></div>
                  </div><span class="iti__country-name">Botswana</span><span class="iti__dial-code">+267</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-br" role="option" data-dial-code="55" data-country-code="br" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__br"></div>
                  </div><span class="iti__country-name">Brazil (Brasil)</span><span class="iti__dial-code">+55</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-io" role="option" data-dial-code="246" data-country-code="io" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__io"></div>
                  </div><span class="iti__country-name">British Indian Ocean Territory</span><span class="iti__dial-code">+246</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-vg" role="option" data-dial-code="1" data-country-code="vg" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__vg"></div>
                  </div><span class="iti__country-name">British Virgin Islands</span><span class="iti__dial-code">+1</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bn" role="option" data-dial-code="673" data-country-code="bn" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__bn"></div>
                  </div><span class="iti__country-name">Brunei</span><span class="iti__dial-code">+673</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bg" role="option" data-dial-code="359" data-country-code="bg" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__bg"></div>
                  </div><span class="iti__country-name">Bulgaria (България)</span><span class="iti__dial-code">+359</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bf" role="option" data-dial-code="226" data-country-code="bf" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__bf"></div>
                  </div><span class="iti__country-name">Burkina Faso</span><span class="iti__dial-code">+226</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bi" role="option" data-dial-code="257" data-country-code="bi" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__bi"></div>
                  </div><span class="iti__country-name">Burundi (Uburundi)</span><span class="iti__dial-code">+257</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-kh" role="option" data-dial-code="855" data-country-code="kh" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__kh"></div>
                  </div><span class="iti__country-name">Cambodia (កម្ពុជា)</span><span class="iti__dial-code">+855</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cm" role="option" data-dial-code="237" data-country-code="cm" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__cm"></div>
                  </div><span class="iti__country-name">Cameroon (Cameroun)</span><span class="iti__dial-code">+237</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ca" role="option" data-dial-code="1" data-country-code="ca" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__ca"></div>
                  </div><span class="iti__country-name">Canada</span><span class="iti__dial-code">+1</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cv" role="option" data-dial-code="238" data-country-code="cv" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__cv"></div>
                  </div><span class="iti__country-name">Cape Verde (Kabu Verdi)</span><span class="iti__dial-code">+238</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bq" role="option" data-dial-code="599" data-country-code="bq" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__bq"></div>
                  </div><span class="iti__country-name">Caribbean Netherlands</span><span class="iti__dial-code">+599</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ky" role="option" data-dial-code="1" data-country-code="ky" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__ky"></div>
                  </div><span class="iti__country-name">Cayman Islands</span><span class="iti__dial-code">+1</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cf" role="option" data-dial-code="236" data-country-code="cf" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__cf"></div>
                  </div><span class="iti__country-name">Central African Republic (République centrafricaine)</span><span class="iti__dial-code">+236</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-td" role="option" data-dial-code="235" data-country-code="td" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__td"></div>
                  </div><span class="iti__country-name">Chad (Tchad)</span><span class="iti__dial-code">+235</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cl" role="option" data-dial-code="56" data-country-code="cl" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__cl"></div>
                  </div><span class="iti__country-name">Chile</span><span class="iti__dial-code">+56</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cn" role="option" data-dial-code="86" data-country-code="cn" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__cn"></div>
                  </div><span class="iti__country-name">China (中国)</span><span class="iti__dial-code">+86</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cx" role="option" data-dial-code="61" data-country-code="cx" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__cx"></div>
                  </div><span class="iti__country-name">Christmas Island</span><span class="iti__dial-code">+61</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cc" role="option" data-dial-code="61" data-country-code="cc" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__cc"></div>
                  </div><span class="iti__country-name">Cocos (Keeling) Islands</span><span class="iti__dial-code">+61</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-co" role="option" data-dial-code="57" data-country-code="co" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__co"></div>
                  </div><span class="iti__country-name">Colombia</span><span class="iti__dial-code">+57</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-km" role="option" data-dial-code="269" data-country-code="km" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__km"></div>
                  </div><span class="iti__country-name">Comoros (‫جزر القمر‬‎)</span><span class="iti__dial-code">+269</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cd" role="option" data-dial-code="243" data-country-code="cd" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__cd"></div>
                  </div><span class="iti__country-name">Congo (DRC) (Jamhuri ya Kidemokrasia ya Kongo)</span><span class="iti__dial-code">+243</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cg" role="option" data-dial-code="242" data-country-code="cg" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__cg"></div>
                  </div><span class="iti__country-name">Congo (Republic) (Congo-Brazzaville)</span><span class="iti__dial-code">+242</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ck" role="option" data-dial-code="682" data-country-code="ck" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__ck"></div>
                  </div><span class="iti__country-name">Cook Islands</span><span class="iti__dial-code">+682</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cr" role="option" data-dial-code="506" data-country-code="cr" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__cr"></div>
                  </div><span class="iti__country-name">Costa Rica</span><span class="iti__dial-code">+506</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ci" role="option" data-dial-code="225" data-country-code="ci" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__ci"></div>
                  </div><span class="iti__country-name">Côte d’Ivoire</span><span class="iti__dial-code">+225</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-hr" role="option" data-dial-code="385" data-country-code="hr" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__hr"></div>
                  </div><span class="iti__country-name">Croatia (Hrvatska)</span><span class="iti__dial-code">+385</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cu" role="option" data-dial-code="53" data-country-code="cu" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__cu"></div>
                  </div><span class="iti__country-name">Cuba</span><span class="iti__dial-code">+53</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cw" role="option" data-dial-code="599" data-country-code="cw" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__cw"></div>
                  </div><span class="iti__country-name">Curaçao</span><span class="iti__dial-code">+599</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cy" role="option" data-dial-code="357" data-country-code="cy" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__cy"></div>
                  </div><span class="iti__country-name">Cyprus (Κύπρος)</span><span class="iti__dial-code">+357</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cz" role="option" data-dial-code="420" data-country-code="cz" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__cz"></div>
                  </div><span class="iti__country-name">Czech Republic (Česká republika)</span><span class="iti__dial-code">+420</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-dk" role="option" data-dial-code="45" data-country-code="dk" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__dk"></div>
                  </div><span class="iti__country-name">Denmark (Danmark)</span><span class="iti__dial-code">+45</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-dj" role="option" data-dial-code="253" data-country-code="dj" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__dj"></div>
                  </div><span class="iti__country-name">Djibouti</span><span class="iti__dial-code">+253</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-dm" role="option" data-dial-code="1" data-country-code="dm" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__dm"></div>
                  </div><span class="iti__country-name">Dominica</span><span class="iti__dial-code">+1</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-do" role="option" data-dial-code="1" data-country-code="do" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__do"></div>
                  </div><span class="iti__country-name">Dominican Republic (República Dominicana)</span><span class="iti__dial-code">+1</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ec" role="option" data-dial-code="593" data-country-code="ec" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__ec"></div>
                  </div><span class="iti__country-name">Ecuador</span><span class="iti__dial-code">+593</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-eg" role="option" data-dial-code="20" data-country-code="eg" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__eg"></div>
                  </div><span class="iti__country-name">Egypt (‫مصر‬‎)</span><span class="iti__dial-code">+20</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sv" role="option" data-dial-code="503" data-country-code="sv" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__sv"></div>
                  </div><span class="iti__country-name">El Salvador</span><span class="iti__dial-code">+503</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gq" role="option" data-dial-code="240" data-country-code="gq" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__gq"></div>
                  </div><span class="iti__country-name">Equatorial Guinea (Guinea Ecuatorial)</span><span class="iti__dial-code">+240</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-er" role="option" data-dial-code="291" data-country-code="er" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__er"></div>
                  </div><span class="iti__country-name">Eritrea</span><span class="iti__dial-code">+291</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ee" role="option" data-dial-code="372" data-country-code="ee" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__ee"></div>
                  </div><span class="iti__country-name">Estonia (Eesti)</span><span class="iti__dial-code">+372</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sz" role="option" data-dial-code="268" data-country-code="sz" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__sz"></div>
                  </div><span class="iti__country-name">Eswatini</span><span class="iti__dial-code">+268</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-et" role="option" data-dial-code="251" data-country-code="et" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__et"></div>
                  </div><span class="iti__country-name">Ethiopia</span><span class="iti__dial-code">+251</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-fk" role="option" data-dial-code="500" data-country-code="fk" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__fk"></div>
                  </div><span class="iti__country-name">Falkland Islands (Islas Malvinas)</span><span class="iti__dial-code">+500</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-fo" role="option" data-dial-code="298" data-country-code="fo" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__fo"></div>
                  </div><span class="iti__country-name">Faroe Islands (Føroyar)</span><span class="iti__dial-code">+298</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-fj" role="option" data-dial-code="679" data-country-code="fj" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__fj"></div>
                  </div><span class="iti__country-name">Fiji</span><span class="iti__dial-code">+679</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-fi" role="option" data-dial-code="358" data-country-code="fi" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__fi"></div>
                  </div><span class="iti__country-name">Finland (Suomi)</span><span class="iti__dial-code">+358</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-fr" role="option" data-dial-code="33" data-country-code="fr" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__fr"></div>
                  </div><span class="iti__country-name">France</span><span class="iti__dial-code">+33</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gf" role="option" data-dial-code="594" data-country-code="gf" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__gf"></div>
                  </div><span class="iti__country-name">French Guiana (Guyane française)</span><span class="iti__dial-code">+594</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-pf" role="option" data-dial-code="689" data-country-code="pf" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__pf"></div>
                  </div><span class="iti__country-name">French Polynesia (Polynésie française)</span><span class="iti__dial-code">+689</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ga" role="option" data-dial-code="241" data-country-code="ga" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__ga"></div>
                  </div><span class="iti__country-name">Gabon</span><span class="iti__dial-code">+241</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gm" role="option" data-dial-code="220" data-country-code="gm" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__gm"></div>
                  </div><span class="iti__country-name">Gambia</span><span class="iti__dial-code">+220</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ge" role="option" data-dial-code="995" data-country-code="ge" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__ge"></div>
                  </div><span class="iti__country-name">Georgia (საქართველო)</span><span class="iti__dial-code">+995</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-de" role="option" data-dial-code="49" data-country-code="de" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__de"></div>
                  </div><span class="iti__country-name">Germany (Deutschland)</span><span class="iti__dial-code">+49</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gh" role="option" data-dial-code="233" data-country-code="gh" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__gh"></div>
                  </div><span class="iti__country-name">Ghana (Gaana)</span><span class="iti__dial-code">+233</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gi" role="option" data-dial-code="350" data-country-code="gi" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__gi"></div>
                  </div><span class="iti__country-name">Gibraltar</span><span class="iti__dial-code">+350</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gr" role="option" data-dial-code="30" data-country-code="gr" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__gr"></div>
                  </div><span class="iti__country-name">Greece (Ελλάδα)</span><span class="iti__dial-code">+30</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gl" role="option" data-dial-code="299" data-country-code="gl" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__gl"></div>
                  </div><span class="iti__country-name">Greenland (Kalaallit Nunaat)</span><span class="iti__dial-code">+299</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gd" role="option" data-dial-code="1" data-country-code="gd" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__gd"></div>
                  </div><span class="iti__country-name">Grenada</span><span class="iti__dial-code">+1</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gp" role="option" data-dial-code="590" data-country-code="gp" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__gp"></div>
                  </div><span class="iti__country-name">Guadeloupe</span><span class="iti__dial-code">+590</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gu" role="option" data-dial-code="1" data-country-code="gu" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__gu"></div>
                  </div><span class="iti__country-name">Guam</span><span class="iti__dial-code">+1</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gt" role="option" data-dial-code="502" data-country-code="gt" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__gt"></div>
                  </div><span class="iti__country-name">Guatemala</span><span class="iti__dial-code">+502</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gg" role="option" data-dial-code="44" data-country-code="gg" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__gg"></div>
                  </div><span class="iti__country-name">Guernsey</span><span class="iti__dial-code">+44</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gn" role="option" data-dial-code="224" data-country-code="gn" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__gn"></div>
                  </div><span class="iti__country-name">Guinea (Guinée)</span><span class="iti__dial-code">+224</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gw" role="option" data-dial-code="245" data-country-code="gw" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__gw"></div>
                  </div><span class="iti__country-name">Guinea-Bissau (Guiné Bissau)</span><span class="iti__dial-code">+245</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gy" role="option" data-dial-code="592" data-country-code="gy" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__gy"></div>
                  </div><span class="iti__country-name">Guyana</span><span class="iti__dial-code">+592</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ht" role="option" data-dial-code="509" data-country-code="ht" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__ht"></div>
                  </div><span class="iti__country-name">Haiti</span><span class="iti__dial-code">+509</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-hn" role="option" data-dial-code="504" data-country-code="hn" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__hn"></div>
                  </div><span class="iti__country-name">Honduras</span><span class="iti__dial-code">+504</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-hk" role="option" data-dial-code="852" data-country-code="hk" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__hk"></div>
                  </div><span class="iti__country-name">Hong Kong (香港)</span><span class="iti__dial-code">+852</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-hu" role="option" data-dial-code="36" data-country-code="hu" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__hu"></div>
                  </div><span class="iti__country-name">Hungary (Magyarország)</span><span class="iti__dial-code">+36</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-is" role="option" data-dial-code="354" data-country-code="is" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__is"></div>
                  </div><span class="iti__country-name">Iceland (Ísland)</span><span class="iti__dial-code">+354</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-in" role="option" data-dial-code="91" data-country-code="in" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__in"></div>
                  </div><span class="iti__country-name">India (भारत)</span><span class="iti__dial-code">+91</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-id" role="option" data-dial-code="62" data-country-code="id" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__id"></div>
                  </div><span class="iti__country-name">Indonesia</span><span class="iti__dial-code">+62</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ir" role="option" data-dial-code="98" data-country-code="ir" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__ir"></div>
                  </div><span class="iti__country-name">Iran (‫ایران‬‎)</span><span class="iti__dial-code">+98</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-iq" role="option" data-dial-code="964" data-country-code="iq" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__iq"></div>
                  </div><span class="iti__country-name">Iraq (‫العراق‬‎)</span><span class="iti__dial-code">+964</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ie" role="option" data-dial-code="353" data-country-code="ie" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__ie"></div>
                  </div><span class="iti__country-name">Ireland</span><span class="iti__dial-code">+353</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-im" role="option" data-dial-code="44" data-country-code="im" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__im"></div>
                  </div><span class="iti__country-name">Isle of Man</span><span class="iti__dial-code">+44</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-il" role="option" data-dial-code="972" data-country-code="il" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__il"></div>
                  </div><span class="iti__country-name">Israel (‫ישראל‬‎)</span><span class="iti__dial-code">+972</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-it" role="option" data-dial-code="39" data-country-code="it" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__it"></div>
                  </div><span class="iti__country-name">Italy (Italia)</span><span class="iti__dial-code">+39</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-jm" role="option" data-dial-code="1" data-country-code="jm" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__jm"></div>
                  </div><span class="iti__country-name">Jamaica</span><span class="iti__dial-code">+1</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-jp" role="option" data-dial-code="81" data-country-code="jp" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__jp"></div>
                  </div><span class="iti__country-name">Japan (日本)</span><span class="iti__dial-code">+81</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-je" role="option" data-dial-code="44" data-country-code="je" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__je"></div>
                  </div><span class="iti__country-name">Jersey</span><span class="iti__dial-code">+44</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-jo" role="option" data-dial-code="962" data-country-code="jo" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__jo"></div>
                  </div><span class="iti__country-name">Jordan (‫الأردن‬‎)</span><span class="iti__dial-code">+962</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-kz" role="option" data-dial-code="7" data-country-code="kz" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__kz"></div>
                  </div><span class="iti__country-name">Kazakhstan (Казахстан)</span><span class="iti__dial-code">+7</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ke" role="option" data-dial-code="254" data-country-code="ke" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__ke"></div>
                  </div><span class="iti__country-name">Kenya</span><span class="iti__dial-code">+254</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ki" role="option" data-dial-code="686" data-country-code="ki" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__ki"></div>
                  </div><span class="iti__country-name">Kiribati</span><span class="iti__dial-code">+686</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-xk" role="option" data-dial-code="383" data-country-code="xk" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__xk"></div>
                  </div><span class="iti__country-name">Kosovo</span><span class="iti__dial-code">+383</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-kw" role="option" data-dial-code="965" data-country-code="kw" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__kw"></div>
                  </div><span class="iti__country-name">Kuwait (‫الكويت‬‎)</span><span class="iti__dial-code">+965</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-kg" role="option" data-dial-code="996" data-country-code="kg" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__kg"></div>
                  </div><span class="iti__country-name">Kyrgyzstan (Кыргызстан)</span><span class="iti__dial-code">+996</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-la" role="option" data-dial-code="856" data-country-code="la" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__la"></div>
                  </div><span class="iti__country-name">Laos (ລາວ)</span><span class="iti__dial-code">+856</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-lv" role="option" data-dial-code="371" data-country-code="lv" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__lv"></div>
                  </div><span class="iti__country-name">Latvia (Latvija)</span><span class="iti__dial-code">+371</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-lb" role="option" data-dial-code="961" data-country-code="lb" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__lb"></div>
                  </div><span class="iti__country-name">Lebanon (‫لبنان‬‎)</span><span class="iti__dial-code">+961</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ls" role="option" data-dial-code="266" data-country-code="ls" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__ls"></div>
                  </div><span class="iti__country-name">Lesotho</span><span class="iti__dial-code">+266</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-lr" role="option" data-dial-code="231" data-country-code="lr" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__lr"></div>
                  </div><span class="iti__country-name">Liberia</span><span class="iti__dial-code">+231</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ly" role="option" data-dial-code="218" data-country-code="ly" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__ly"></div>
                  </div><span class="iti__country-name">Libya (‫ليبيا‬‎)</span><span class="iti__dial-code">+218</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-li" role="option" data-dial-code="423" data-country-code="li" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__li"></div>
                  </div><span class="iti__country-name">Liechtenstein</span><span class="iti__dial-code">+423</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-lt" role="option" data-dial-code="370" data-country-code="lt" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__lt"></div>
                  </div><span class="iti__country-name">Lithuania (Lietuva)</span><span class="iti__dial-code">+370</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-lu" role="option" data-dial-code="352" data-country-code="lu" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__lu"></div>
                  </div><span class="iti__country-name">Luxembourg</span><span class="iti__dial-code">+352</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mo" role="option" data-dial-code="853" data-country-code="mo" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__mo"></div>
                  </div><span class="iti__country-name">Macau (澳門)</span><span class="iti__dial-code">+853</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mg" role="option" data-dial-code="261" data-country-code="mg" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__mg"></div>
                  </div><span class="iti__country-name">Madagascar (Madagasikara)</span><span class="iti__dial-code">+261</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mw" role="option" data-dial-code="265" data-country-code="mw" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__mw"></div>
                  </div><span class="iti__country-name">Malawi</span><span class="iti__dial-code">+265</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-my" role="option" data-dial-code="60" data-country-code="my" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__my"></div>
                  </div><span class="iti__country-name">Malaysia</span><span class="iti__dial-code">+60</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mv" role="option" data-dial-code="960" data-country-code="mv" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__mv"></div>
                  </div><span class="iti__country-name">Maldives</span><span class="iti__dial-code">+960</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ml" role="option" data-dial-code="223" data-country-code="ml" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__ml"></div>
                  </div><span class="iti__country-name">Mali</span><span class="iti__dial-code">+223</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mt" role="option" data-dial-code="356" data-country-code="mt" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__mt"></div>
                  </div><span class="iti__country-name">Malta</span><span class="iti__dial-code">+356</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mh" role="option" data-dial-code="692" data-country-code="mh" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__mh"></div>
                  </div><span class="iti__country-name">Marshall Islands</span><span class="iti__dial-code">+692</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mq" role="option" data-dial-code="596" data-country-code="mq" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__mq"></div>
                  </div><span class="iti__country-name">Martinique</span><span class="iti__dial-code">+596</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mr" role="option" data-dial-code="222" data-country-code="mr" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__mr"></div>
                  </div><span class="iti__country-name">Mauritania (‫موريتانيا‬‎)</span><span class="iti__dial-code">+222</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mu" role="option" data-dial-code="230" data-country-code="mu" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__mu"></div>
                  </div><span class="iti__country-name">Mauritius (Moris)</span><span class="iti__dial-code">+230</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-yt" role="option" data-dial-code="262" data-country-code="yt" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__yt"></div>
                  </div><span class="iti__country-name">Mayotte</span><span class="iti__dial-code">+262</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mx" role="option" data-dial-code="52" data-country-code="mx" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__mx"></div>
                  </div><span class="iti__country-name">Mexico (México)</span><span class="iti__dial-code">+52</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-fm" role="option" data-dial-code="691" data-country-code="fm" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__fm"></div>
                  </div><span class="iti__country-name">Micronesia</span><span class="iti__dial-code">+691</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-md" role="option" data-dial-code="373" data-country-code="md" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__md"></div>
                  </div><span class="iti__country-name">Moldova (Republica Moldova)</span><span class="iti__dial-code">+373</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mc" role="option" data-dial-code="377" data-country-code="mc" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__mc"></div>
                  </div><span class="iti__country-name">Monaco</span><span class="iti__dial-code">+377</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mn" role="option" data-dial-code="976" data-country-code="mn" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__mn"></div>
                  </div><span class="iti__country-name">Mongolia (Монгол)</span><span class="iti__dial-code">+976</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-me" role="option" data-dial-code="382" data-country-code="me" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__me"></div>
                  </div><span class="iti__country-name">Montenegro (Crna Gora)</span><span class="iti__dial-code">+382</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ms" role="option" data-dial-code="1" data-country-code="ms" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__ms"></div>
                  </div><span class="iti__country-name">Montserrat</span><span class="iti__dial-code">+1</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ma" role="option" data-dial-code="212" data-country-code="ma" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__ma"></div>
                  </div><span class="iti__country-name">Morocco (‫المغرب‬‎)</span><span class="iti__dial-code">+212</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mz" role="option" data-dial-code="258" data-country-code="mz" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__mz"></div>
                  </div><span class="iti__country-name">Mozambique (Moçambique)</span><span class="iti__dial-code">+258</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mm" role="option" data-dial-code="95" data-country-code="mm" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__mm"></div>
                  </div><span class="iti__country-name">Myanmar (Burma) (မြန်မာ)</span><span class="iti__dial-code">+95</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-na" role="option" data-dial-code="264" data-country-code="na" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__na"></div>
                  </div><span class="iti__country-name">Namibia (Namibië)</span><span class="iti__dial-code">+264</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-nr" role="option" data-dial-code="674" data-country-code="nr" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__nr"></div>
                  </div><span class="iti__country-name">Nauru</span><span class="iti__dial-code">+674</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-np" role="option" data-dial-code="977" data-country-code="np" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__np"></div>
                  </div><span class="iti__country-name">Nepal (नेपाल)</span><span class="iti__dial-code">+977</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-nl" role="option" data-dial-code="31" data-country-code="nl" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__nl"></div>
                  </div><span class="iti__country-name">Netherlands (Nederland)</span><span class="iti__dial-code">+31</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-nc" role="option" data-dial-code="687" data-country-code="nc" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__nc"></div>
                  </div><span class="iti__country-name">New Caledonia (Nouvelle-Calédonie)</span><span class="iti__dial-code">+687</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-nz" role="option" data-dial-code="64" data-country-code="nz" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__nz"></div>
                  </div><span class="iti__country-name">New Zealand</span><span class="iti__dial-code">+64</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ni" role="option" data-dial-code="505" data-country-code="ni" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__ni"></div>
                  </div><span class="iti__country-name">Nicaragua</span><span class="iti__dial-code">+505</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ne" role="option" data-dial-code="227" data-country-code="ne" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__ne"></div>
                  </div><span class="iti__country-name">Niger (Nijar)</span><span class="iti__dial-code">+227</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ng" role="option" data-dial-code="234" data-country-code="ng" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__ng"></div>
                  </div><span class="iti__country-name">Nigeria</span><span class="iti__dial-code">+234</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-nu" role="option" data-dial-code="683" data-country-code="nu" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__nu"></div>
                  </div><span class="iti__country-name">Niue</span><span class="iti__dial-code">+683</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-nf" role="option" data-dial-code="672" data-country-code="nf" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__nf"></div>
                  </div><span class="iti__country-name">Norfolk Island</span><span class="iti__dial-code">+672</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-kp" role="option" data-dial-code="850" data-country-code="kp" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__kp"></div>
                  </div><span class="iti__country-name">North Korea (조선 민주주의 인민 공화국)</span><span class="iti__dial-code">+850</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mk" role="option" data-dial-code="389" data-country-code="mk" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__mk"></div>
                  </div><span class="iti__country-name">North Macedonia (Северна Македонија)</span><span class="iti__dial-code">+389</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mp" role="option" data-dial-code="1" data-country-code="mp" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__mp"></div>
                  </div><span class="iti__country-name">Northern Mariana Islands</span><span class="iti__dial-code">+1</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-no" role="option" data-dial-code="47" data-country-code="no" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__no"></div>
                  </div><span class="iti__country-name">Norway (Norge)</span><span class="iti__dial-code">+47</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-om" role="option" data-dial-code="968" data-country-code="om" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__om"></div>
                  </div><span class="iti__country-name">Oman (‫عُمان‬‎)</span><span class="iti__dial-code">+968</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-pk" role="option" data-dial-code="92" data-country-code="pk" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__pk"></div>
                  </div><span class="iti__country-name">Pakistan (‫پاکستان‬‎)</span><span class="iti__dial-code">+92</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-pw" role="option" data-dial-code="680" data-country-code="pw" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__pw"></div>
                  </div><span class="iti__country-name">Palau</span><span class="iti__dial-code">+680</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ps" role="option" data-dial-code="970" data-country-code="ps" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__ps"></div>
                  </div><span class="iti__country-name">Palestine (‫فلسطين‬‎)</span><span class="iti__dial-code">+970</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-pa" role="option" data-dial-code="507" data-country-code="pa" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__pa"></div>
                  </div><span class="iti__country-name">Panama (Panamá)</span><span class="iti__dial-code">+507</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-pg" role="option" data-dial-code="675" data-country-code="pg" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__pg"></div>
                  </div><span class="iti__country-name">Papua New Guinea</span><span class="iti__dial-code">+675</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-py" role="option" data-dial-code="595" data-country-code="py" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__py"></div>
                  </div><span class="iti__country-name">Paraguay</span><span class="iti__dial-code">+595</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-pe" role="option" data-dial-code="51" data-country-code="pe" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__pe"></div>
                  </div><span class="iti__country-name">Peru (Perú)</span><span class="iti__dial-code">+51</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ph" role="option" data-dial-code="63" data-country-code="ph" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__ph"></div>
                  </div><span class="iti__country-name">Philippines</span><span class="iti__dial-code">+63</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-pl" role="option" data-dial-code="48" data-country-code="pl" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__pl"></div>
                  </div><span class="iti__country-name">Poland (Polska)</span><span class="iti__dial-code">+48</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-pt" role="option" data-dial-code="351" data-country-code="pt" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__pt"></div>
                  </div><span class="iti__country-name">Portugal</span><span class="iti__dial-code">+351</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-pr" role="option" data-dial-code="1" data-country-code="pr" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__pr"></div>
                  </div><span class="iti__country-name">Puerto Rico</span><span class="iti__dial-code">+1</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-qa" role="option" data-dial-code="974" data-country-code="qa" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__qa"></div>
                  </div><span class="iti__country-name">Qatar (‫قطر‬‎)</span><span class="iti__dial-code">+974</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-re" role="option" data-dial-code="262" data-country-code="re" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__re"></div>
                  </div><span class="iti__country-name">Réunion (La Réunion)</span><span class="iti__dial-code">+262</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ro" role="option" data-dial-code="40" data-country-code="ro" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__ro"></div>
                  </div><span class="iti__country-name">Romania (România)</span><span class="iti__dial-code">+40</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ru" role="option" data-dial-code="7" data-country-code="ru" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__ru"></div>
                  </div><span class="iti__country-name">Russia (Россия)</span><span class="iti__dial-code">+7</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-rw" role="option" data-dial-code="250" data-country-code="rw" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__rw"></div>
                  </div><span class="iti__country-name">Rwanda</span><span class="iti__dial-code">+250</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bl" role="option" data-dial-code="590" data-country-code="bl" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__bl"></div>
                  </div><span class="iti__country-name">Saint Barthélemy</span><span class="iti__dial-code">+590</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sh" role="option" data-dial-code="290" data-country-code="sh" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__sh"></div>
                  </div><span class="iti__country-name">Saint Helena</span><span class="iti__dial-code">+290</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-kn" role="option" data-dial-code="1" data-country-code="kn" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__kn"></div>
                  </div><span class="iti__country-name">Saint Kitts and Nevis</span><span class="iti__dial-code">+1</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-lc" role="option" data-dial-code="1" data-country-code="lc" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__lc"></div>
                  </div><span class="iti__country-name">Saint Lucia</span><span class="iti__dial-code">+1</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mf" role="option" data-dial-code="590" data-country-code="mf" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__mf"></div>
                  </div><span class="iti__country-name">Saint Martin (Saint-Martin (partie française))</span><span class="iti__dial-code">+590</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-pm" role="option" data-dial-code="508" data-country-code="pm" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__pm"></div>
                  </div><span class="iti__country-name">Saint Pierre and Miquelon (Saint-Pierre-et-Miquelon)</span><span class="iti__dial-code">+508</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-vc" role="option" data-dial-code="1" data-country-code="vc" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__vc"></div>
                  </div><span class="iti__country-name">Saint Vincent and the Grenadines</span><span class="iti__dial-code">+1</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ws" role="option" data-dial-code="685" data-country-code="ws" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__ws"></div>
                  </div><span class="iti__country-name">Samoa</span><span class="iti__dial-code">+685</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sm" role="option" data-dial-code="378" data-country-code="sm" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__sm"></div>
                  </div><span class="iti__country-name">San Marino</span><span class="iti__dial-code">+378</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-st" role="option" data-dial-code="239" data-country-code="st" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__st"></div>
                  </div><span class="iti__country-name">São Tomé and Príncipe (São Tomé e Príncipe)</span><span class="iti__dial-code">+239</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sa" role="option" data-dial-code="966" data-country-code="sa" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__sa"></div>
                  </div><span class="iti__country-name">Saudi Arabia (‫المملكة العربية السعودية‬‎)</span><span class="iti__dial-code">+966</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sn" role="option" data-dial-code="221" data-country-code="sn" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__sn"></div>
                  </div><span class="iti__country-name">Senegal (Sénégal)</span><span class="iti__dial-code">+221</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-rs" role="option" data-dial-code="381" data-country-code="rs" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__rs"></div>
                  </div><span class="iti__country-name">Serbia (Србија)</span><span class="iti__dial-code">+381</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sc" role="option" data-dial-code="248" data-country-code="sc" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__sc"></div>
                  </div><span class="iti__country-name">Seychelles</span><span class="iti__dial-code">+248</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sl" role="option" data-dial-code="232" data-country-code="sl" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__sl"></div>
                  </div><span class="iti__country-name">Sierra Leone</span><span class="iti__dial-code">+232</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sg" role="option" data-dial-code="65" data-country-code="sg" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__sg"></div>
                  </div><span class="iti__country-name">Singapore</span><span class="iti__dial-code">+65</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sx" role="option" data-dial-code="1" data-country-code="sx" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__sx"></div>
                  </div><span class="iti__country-name">Sint Maarten</span><span class="iti__dial-code">+1</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sk" role="option" data-dial-code="421" data-country-code="sk" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__sk"></div>
                  </div><span class="iti__country-name">Slovakia (Slovensko)</span><span class="iti__dial-code">+421</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-si" role="option" data-dial-code="386" data-country-code="si" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__si"></div>
                  </div><span class="iti__country-name">Slovenia (Slovenija)</span><span class="iti__dial-code">+386</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sb" role="option" data-dial-code="677" data-country-code="sb" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__sb"></div>
                  </div><span class="iti__country-name">Solomon Islands</span><span class="iti__dial-code">+677</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-so" role="option" data-dial-code="252" data-country-code="so" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__so"></div>
                  </div><span class="iti__country-name">Somalia (Soomaaliya)</span><span class="iti__dial-code">+252</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-za" role="option" data-dial-code="27" data-country-code="za" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__za"></div>
                  </div><span class="iti__country-name">South Africa</span><span class="iti__dial-code">+27</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-kr" role="option" data-dial-code="82" data-country-code="kr" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__kr"></div>
                  </div><span class="iti__country-name">South Korea (대한민국)</span><span class="iti__dial-code">+82</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ss" role="option" data-dial-code="211" data-country-code="ss" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__ss"></div>
                  </div><span class="iti__country-name">South Sudan (‫جنوب السودان‬‎)</span><span class="iti__dial-code">+211</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-es" role="option" data-dial-code="34" data-country-code="es" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__es"></div>
                  </div><span class="iti__country-name">Spain (España)</span><span class="iti__dial-code">+34</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-lk" role="option" data-dial-code="94" data-country-code="lk" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__lk"></div>
                  </div><span class="iti__country-name">Sri Lanka (ශ්‍රී ලංකාව)</span><span class="iti__dial-code">+94</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sd" role="option" data-dial-code="249" data-country-code="sd" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__sd"></div>
                  </div><span class="iti__country-name">Sudan (‫السودان‬‎)</span><span class="iti__dial-code">+249</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sr" role="option" data-dial-code="597" data-country-code="sr" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__sr"></div>
                  </div><span class="iti__country-name">Suriname</span><span class="iti__dial-code">+597</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sj" role="option" data-dial-code="47" data-country-code="sj" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__sj"></div>
                  </div><span class="iti__country-name">Svalbard and Jan Mayen</span><span class="iti__dial-code">+47</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-se" role="option" data-dial-code="46" data-country-code="se" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__se"></div>
                  </div><span class="iti__country-name">Sweden (Sverige)</span><span class="iti__dial-code">+46</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ch" role="option" data-dial-code="41" data-country-code="ch" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__ch"></div>
                  </div><span class="iti__country-name">Switzerland (Schweiz)</span><span class="iti__dial-code">+41</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sy" role="option" data-dial-code="963" data-country-code="sy" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__sy"></div>
                  </div><span class="iti__country-name">Syria (‫سوريا‬‎)</span><span class="iti__dial-code">+963</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tw" role="option" data-dial-code="886" data-country-code="tw" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__tw"></div>
                  </div><span class="iti__country-name">Taiwan (台灣)</span><span class="iti__dial-code">+886</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tj" role="option" data-dial-code="992" data-country-code="tj" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__tj"></div>
                  </div><span class="iti__country-name">Tajikistan</span><span class="iti__dial-code">+992</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tz" role="option" data-dial-code="255" data-country-code="tz" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__tz"></div>
                  </div><span class="iti__country-name">Tanzania</span><span class="iti__dial-code">+255</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-th" role="option" data-dial-code="66" data-country-code="th" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__th"></div>
                  </div><span class="iti__country-name">Thailand (ไทย)</span><span class="iti__dial-code">+66</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tl" role="option" data-dial-code="670" data-country-code="tl" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__tl"></div>
                  </div><span class="iti__country-name">Timor-Leste</span><span class="iti__dial-code">+670</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tg" role="option" data-dial-code="228" data-country-code="tg" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__tg"></div>
                  </div><span class="iti__country-name">Togo</span><span class="iti__dial-code">+228</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tk" role="option" data-dial-code="690" data-country-code="tk" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__tk"></div>
                  </div><span class="iti__country-name">Tokelau</span><span class="iti__dial-code">+690</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-to" role="option" data-dial-code="676" data-country-code="to" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__to"></div>
                  </div><span class="iti__country-name">Tonga</span><span class="iti__dial-code">+676</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tt" role="option" data-dial-code="1" data-country-code="tt" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__tt"></div>
                  </div><span class="iti__country-name">Trinidad and Tobago</span><span class="iti__dial-code">+1</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tn" role="option" data-dial-code="216" data-country-code="tn" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__tn"></div>
                  </div><span class="iti__country-name">Tunisia (‫تونس‬‎)</span><span class="iti__dial-code">+216</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tr" role="option" data-dial-code="90" data-country-code="tr" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__tr"></div>
                  </div><span class="iti__country-name">Turkey (Türkiye)</span><span class="iti__dial-code">+90</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tm" role="option" data-dial-code="993" data-country-code="tm" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__tm"></div>
                  </div><span class="iti__country-name">Turkmenistan</span><span class="iti__dial-code">+993</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tc" role="option" data-dial-code="1" data-country-code="tc" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__tc"></div>
                  </div><span class="iti__country-name">Turks and Caicos Islands</span><span class="iti__dial-code">+1</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tv" role="option" data-dial-code="688" data-country-code="tv" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__tv"></div>
                  </div><span class="iti__country-name">Tuvalu</span><span class="iti__dial-code">+688</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-vi" role="option" data-dial-code="1" data-country-code="vi" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__vi"></div>
                  </div><span class="iti__country-name">U.S. Virgin Islands</span><span class="iti__dial-code">+1</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ug" role="option" data-dial-code="256" data-country-code="ug" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__ug"></div>
                  </div><span class="iti__country-name">Uganda</span><span class="iti__dial-code">+256</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ua" role="option" data-dial-code="380" data-country-code="ua" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__ua"></div>
                  </div><span class="iti__country-name">Ukraine (Україна)</span><span class="iti__dial-code">+380</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ae" role="option" data-dial-code="971" data-country-code="ae" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__ae"></div>
                  </div><span class="iti__country-name">United Arab Emirates (‫الإمارات العربية المتحدة‬‎)</span><span class="iti__dial-code">+971</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gb" role="option" data-dial-code="44" data-country-code="gb" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__gb"></div>
                  </div><span class="iti__country-name">United Kingdom</span><span class="iti__dial-code">+44</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-us" role="option" data-dial-code="1" data-country-code="us" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__us"></div>
                  </div><span class="iti__country-name">United States</span><span class="iti__dial-code">+1</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-uy" role="option" data-dial-code="598" data-country-code="uy" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__uy"></div>
                  </div><span class="iti__country-name">Uruguay</span><span class="iti__dial-code">+598</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-uz" role="option" data-dial-code="998" data-country-code="uz" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__uz"></div>
                  </div><span class="iti__country-name">Uzbekistan (Oʻzbekiston)</span><span class="iti__dial-code">+998</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-vu" role="option" data-dial-code="678" data-country-code="vu" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__vu"></div>
                  </div><span class="iti__country-name">Vanuatu</span><span class="iti__dial-code">+678</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-va" role="option" data-dial-code="39" data-country-code="va" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__va"></div>
                  </div><span class="iti__country-name">Vatican City (Città del Vaticano)</span><span class="iti__dial-code">+39</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ve" role="option" data-dial-code="58" data-country-code="ve" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__ve"></div>
                  </div><span class="iti__country-name">Venezuela</span><span class="iti__dial-code">+58</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-vn" role="option" data-dial-code="84" data-country-code="vn" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__vn"></div>
                  </div><span class="iti__country-name">Vietnam (Việt Nam)</span><span class="iti__dial-code">+84</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-wf" role="option" data-dial-code="681" data-country-code="wf" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__wf"></div>
                  </div><span class="iti__country-name">Wallis and Futuna (Wallis-et-Futuna)</span><span class="iti__dial-code">+681</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-eh" role="option" data-dial-code="212" data-country-code="eh" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__eh"></div>
                  </div><span class="iti__country-name">Western Sahara (‫الصحراء الغربية‬‎)</span><span class="iti__dial-code">+212</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ye" role="option" data-dial-code="967" data-country-code="ye" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__ye"></div>
                  </div><span class="iti__country-name">Yemen (‫اليمن‬‎)</span><span class="iti__dial-code">+967</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-zm" role="option" data-dial-code="260" data-country-code="zm" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__zm"></div>
                  </div><span class="iti__country-name">Zambia</span><span class="iti__dial-code">+260</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-zw" role="option" data-dial-code="263" data-country-code="zw" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__zw"></div>
                  </div><span class="iti__country-name">Zimbabwe</span><span class="iti__dial-code">+263</span>
                </li>
                <li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ax" role="option" data-dial-code="358" data-country-code="ax" aria-selected="false">
                  <div class="iti__flag-box">
                    <div class="iti__flag iti__ax"></div>
                  </div><span class="iti__country-name">Åland Islands</span><span class="iti__dial-code">+358</span>
                </li>
              </ul>
            </div><input id="telefoonnummer" type="tel" name="telefoonnummer" value="" class=" form-hor-field field-int-phone" placeholder="Voor de gratis telefonische berekening" required="required" autocomplete="off" data-intl-tel-input-id="0">
          </div>
          <div class="validation-icon-valid">
            <svg class="svg-inline--fa fa-check" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
              <path fill="currentColor" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path>
            </svg><!-- <i class="fa-solid fa-check"></i> -->
          </div>
          <div class="validation-icon-invalid">
            <svg class="svg-inline--fa fa-times" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" data-fa-i2svg="">
              <path fill="currentColor"
                d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z">
              </path>
            </svg><!-- <i class="fa-solid fa-times"></i> -->
          </div>
        </div>
      </div>
    </div>
    <input type="hidden" name="countryCode" value="">
    <input type="hidden" name="lead_type" value="1">
    <div class=" relative">
      <button type="submit" class=" form-btn peer"><span>Vergelijk en bereken</span> <span><svg class="svg-inline--fa fa-angles-right ml-4" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angles-right" role="img"
            xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
            <path fill="currentColor"
              d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z">
            </path>
          </svg><!-- <i class="fa-solid fa-angles-right ml-4"></i> --></span></button>
      <div class="btn-submit-overlay"></div>
    </div>
    <div class="">
      <button type="button" class=" form-btn-prev"><span>Terug naar vorige stap</span></button>
    </div>
  </fieldset>
</form>

POST https://www.nationaalbespaarcentrum.nl/overwaarde-opnemen-berekenen

<form method="POST" action="https://www.nationaalbespaarcentrum.nl/overwaarde-opnemen-berekenen" accept-charset="UTF-8" id="contact-form-2" class="form-wide" data-form-id="12" data-request="PartnerForm2::onSubmit"
  data-request-data="&quot;form&quot;:&quot;contact-form-2&quot;" data-request-update="'PartnerForm2::message' : '.form-12'" data-request-success="onPartnerFormSend($(this))"><input name="_session_key" type="hidden"
    value="jUolLwljHUixBgJTcINQsphFyNxBwCL6Lm8F6No0"><input name="_token" type="hidden" value="r8dqkIR3whVyJfBCRtVdtMLEdW7ABZ1w57SUpcaf">
  <div class="form-hor-wrap-sm form-group  " x-data="{ naam: '' }">
    <div class="form-hor-grid-3">
      <div>
        <label for="naam" class="form-hor-label ">
          <span>Naam *</span>
        </label>
      </div>
      <div class="form-hor-cell-2">
        <input id="naam" type="text" name="naam" x-model.lazy="naam" value="" class=" form-hor-field " placeholder="" :class="{'validate peer': naam !== ''}" required="required">
        <div class="validation-icon-valid">
          <svg class="svg-inline--fa fa-check" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
            <path fill="currentColor" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path>
          </svg><!-- <i class="fa-solid fa-check"></i> -->
        </div>
        <div class="validation-icon-invalid">
          <svg class="svg-inline--fa fa-times" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" data-fa-i2svg="">
            <path fill="currentColor"
              d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z">
            </path>
          </svg><!-- <i class="fa-solid fa-times"></i> -->
        </div>
      </div>
    </div>
  </div>
  <div class="form-hor-wrap-sm form-group  " x-data="{ bedrijfsnaam: '' }">
    <div class="form-hor-grid-3">
      <div>
        <label for="bedrijfsnaam" class="form-hor-label ">
          <span>Bedrijfsnaam *</span>
        </label>
      </div>
      <div class="form-hor-cell-2">
        <input id="bedrijfsnaam" type="text" name="bedrijfsnaam" x-model.lazy="bedrijfsnaam" value="" class=" form-hor-field " placeholder="" :class="{'validate peer': bedrijfsnaam !== ''}" required="required">
        <div class="validation-icon-valid">
          <svg class="svg-inline--fa fa-check" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
            <path fill="currentColor" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path>
          </svg><!-- <i class="fa-solid fa-check"></i> -->
        </div>
        <div class="validation-icon-invalid">
          <svg class="svg-inline--fa fa-times" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" data-fa-i2svg="">
            <path fill="currentColor"
              d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z">
            </path>
          </svg><!-- <i class="fa-solid fa-times"></i> -->
        </div>
      </div>
    </div>
  </div>
  <div class="form-hor-wrap-sm form-group " x-data="{ emailadres: null }">
    <div class="form-hor-grid-3">
      <div>
        <label for="emailadres" class="form-hor-label "> E-mailadres * </label>
      </div>
      <div class="form-hor-cell-2">
        <input id="emailadres" type="email" name="emailadres" data-name="emailaddress" x-model.lazy="emailadres" value="" class=" form-hor-field" placeholder="" required="required" :class="{'validate peer': emailadres !== null}"
          pattern="^[a-zA-Z0-9._%+-]+@(?:[a-zA-Z0-9-]+\.)+[a-zA-Z]{2,}$">
        <div class="validation-icon-valid">
          <svg class="svg-inline--fa fa-check" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
            <path fill="currentColor" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path>
          </svg><!-- <i class="fa-solid fa-check"></i> -->
        </div>
        <div class="validation-icon-invalid">
          <svg class="svg-inline--fa fa-times" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" data-fa-i2svg="">
            <path fill="currentColor"
              d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z">
            </path>
          </svg><!-- <i class="fa-solid fa-times"></i> -->
        </div>
      </div>
    </div>
  </div>
  <div class="form-hor-wrap-sm form-group  wrapper-int-phone">
    <div class="form-hor-grid-3">
      <div>
        <label for="telefoonnummer" class="form-hor-label  label-int-phone"> Telefoonnummer </label>
      </div>
      <div class="form-hor-cell-2">
        <input id="telefoonnummer" type="tel" name="telefoonnummer" value="" class=" form-hor-field field-int-phone" placeholder="">
        <div class="validation-icon-valid">
          <svg class="svg-inline--fa fa-check" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
            <path fill="currentColor" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path>
          </svg><!-- <i class="fa-solid fa-check"></i> -->
        </div>
        <div class="validation-icon-invalid">
          <svg class="svg-inline--fa fa-times" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" data-fa-i2svg="">
            <path fill="currentColor"
              d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z">
            </path>
          </svg><!-- <i class="fa-solid fa-times"></i> -->
        </div>
      </div>
    </div>
  </div>
  <input type="hidden" name="countryCode" value="">
  <div class="  form-group form-hor-wrap-sm">
    <div class="form-hor-grid-3 form-hor-grid-textarea">
      <div class="form-hor-cell-1">
        <label for="bericht" class=" form-hor-label">
          <span>Uw bericht</span>
        </label>
      </div>
      <div class="form-hor-cell-2">
        <textarea id="bericht" name="bericht" class=" form-control form-hor-field" placeholder=""></textarea>
      </div>
    </div>
  </div>
  <div class=" relative">
    <button type="submit" class=" form-btn peer"><span>Verstuur</span> <span><svg class="svg-inline--fa fa-angles-right ml-4" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angles-right" role="img"
          xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
          <path fill="currentColor"
            d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z">
          </path>
        </svg><!-- <i class="fa-solid fa-angles-right ml-4"></i> --></span></button>
    <div class="btn-submit-overlay"></div>
  </div>
</form>

POST https://www.nationaalbespaarcentrum.nl/overwaarde-opnemen-berekenen

<form method="POST" action="https://www.nationaalbespaarcentrum.nl/overwaarde-opnemen-berekenen" accept-charset="UTF-8" id="nieuwsbrief" class="inline-form" data-request="NewsletterForm::onSubmit"
  data-request-data="&quot;form&quot;:&quot;nieuwsbrief&quot;" data-request-update="'NewsletterForm::message' : '.form-9'" data-request-success="resetForm($(this), &quot;form-9&quot;)"><input name="_session_key" type="hidden"
    value="jUolLwljHUixBgJTcINQsphFyNxBwCL6Lm8F6No0"><input name="_token" type="hidden" value="r8dqkIR3whVyJfBCRtVdtMLEdW7ABZ1w57SUpcaf">
  <div class="newsletter-form">
    <div class="form-group  newsletter-field-wrap" x-data="{ emailadres: null }">
      <input id="emailadres" type="email" name="emailadres" data-name="emailaddress" x-model.lazy="emailadres" value="" class=" newsletter-field" placeholder="E-mailadres" :class="{'validate peer': emailadres !== null}"
        pattern="^[a-zA-Z0-9._%+-]+@(?:[a-zA-Z0-9-]+\.)+[a-zA-Z]{2,}$" required="" tabindex="-1">
    </div>
    <div class=" newsletter-submit-wrap">
      <button type="submit" class=" newsletter-submit"><span>Inschrijven</span></button>
    </div>
  </div>
</form>

<form class="list-cookies h-96 overflow-y-scroll">
  <div class="px-6 py-6 border-b last-of-type:border-b-0 checkbox disabled">
    <div x-data="{ open: false }">
      <span class="flex w-full justify-between mb-3" @click="open = !(open)">
        <div class="flex items-center gap-x-4">
          <span class="text-sm text-gray-400">
            <svg class="svg-inline--fa fa-chevron-down" x-show="open" style="display: none;" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
              data-fa-i2svg="">
              <path fill="currentColor" d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"></path>
            </svg><!-- <i class="fa-solid fa-chevron-down" x-show="open" style="display: none;"></i> -->
            <svg class="svg-inline--fa fa-chevron-up" x-show="!(open)" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-up" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
              <path fill="currentColor" d="M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"></path>
            </svg><!-- <i class="fa-solid fa-chevron-up" x-show="!(open)"></i> -->
          </span>
          <div class="flex items-center">
            <strong>Noodzakelijk</strong>
            <span class="ml-2 w-6 h-6 flex justify-center items-center rounded-full bg-gray-300 text-black text-sm font-bold">7</span>
          </div>
        </div>
        <div x-data="{ value: true, disabled: true }" class="" x-id="['toggle-label']">
          <input type="checkbox" :value="value" class="sr-only" id="sg-cookies-necessary-modal" checked="" disabled="">
          <!-- Button -->
          <button x-ref="toggle" @click="value = ! value" type="button" role="switch" :aria-checked="value" :aria-labelledby="$id('toggle-label')" :class="disabled ? 'bg-gray-300' : value ? 'bg-blue-700' : 'bg-gray-400'"
            class="relative ml-4 inline-flex w-14 rounded-full py-1 transition bg-gray-300" disabled="" aria-checked="true" aria-labelledby="toggle-label-1">
            <span :class="value ? 'translate-x-7' : 'translate-x-1'" class="bg-white h-6 w-6 rounded-full transition shadow-md translate-x-7" aria-hidden="true"></span>
          </button>
        </div>
      </span>
      <div class="description help-block">
        <div>
          <p>Noodzakelijke cookies helpen een website bruikbaarder te maken, door basisfuncties als paginanavigatie en toegang tot beveiligde gedeelten van de website mogelijk te maken. Zonder deze cookies kan de website niet naar behoren werken.</p>
        </div>
        <div x-show="open" class="space-y-6 mt-8" style="display: none;">
          <div x-data="{ open: false }">
            <div class="border p-6 rounded-xl hover:bg-gray-100" @click="open = !(open)" :class="{ 'hover:bg-gray-100': !(open) }">
              <div class="font-bold flex items-center mb-2 justify-between">
                <div class="flex items-center">
                  <span class="cursor-pointer" :class="{ 'hover:text-blue-700': open }">Google</span>
                  <span class="ml-2 w-6 h-6 flex justify-center items-center rounded-full bg-gray-300 text-black text-sm font-bold">5</span>
                </div>
                <span class="text-sm text-gray-400">
                  <svg class="svg-inline--fa fa-chevron-down" x-show="open" style="display: none;" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
                    data-fa-i2svg="">
                    <path fill="currentColor" d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"></path>
                  </svg><!-- <i class="fa-solid fa-chevron-down" x-show="open" style="display: none;"></i> -->
                  <svg class="svg-inline--fa fa-chevron-up" x-show="!(open)" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-up" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
                    <path fill="currentColor" d="M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"></path>
                  </svg><!-- <i class="fa-solid fa-chevron-up" x-show="!(open)"></i> -->
                </span>
              </div>
              <div class="font-bold flex items-center">
                <a href="https://policies.google.com/privacy" class="text-blue-700 mr-2" target="_blank">Meer informatie over deze aanbieder</a>
                <svg class="svg-inline--fa fa-arrow-up-right-from-square fa-lg" aria-hidden="true" focusable="false" data-prefix="fasr" data-icon="arrow-up-right-from-square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
                  data-fa-i2svg="">
                  <path fill="currentColor"
                    d="M328 0L304 0l0 48 24 0 102.1 0L207 271l-17 17L224 321.9l17-17 223-223L464 184l0 24 48 0 0-24 0-160 0-24L488 0 328 0zM24 32L0 32 0 56 0 488l0 24 24 0 432 0 24 0 0-24 0-176 0-24-48 0 0 24 0 152L48 464 48 80l152 0 24 0 0-48-24 0L24 32z">
                  </path>
                </svg><!-- <i class="fa-sharp fa-regular fa-arrow-up-right-from-square fa-lg"></i> -->
              </div>
              <div class="border-t mt-6 pt-6" x-show="open" style="display: none;">
                <div class="border bg-gray-100 p-4 rounded-lg mb-8">
                  <div class="font-bold">test_cookie</div>
                  <p>Gebruikt om te controleren of de browser van de gebruiker cookies ondersteunt.</p>
                  <div class="border-t mt-4 pt-4">
                    <div class="md:grid md:grid-cols-2">
                      <div>
                        <b>Vervaltermijn:</b> 1 dag
                      </div>
                      <div>
                        <b>Type:</b> HTTP
                      </div>
                    </div>
                  </div>
                </div>
                <div class="border bg-gray-100 p-4 rounded-lg mb-8">
                  <div class="font-bold">LinkedIn</div>
                  <p></p>
                  <div class="border-t mt-4 pt-4">
                    <div class="md:grid md:grid-cols-2">
                      <div>
                        <b>Vervaltermijn:</b>
                      </div>
                      <div>
                        <b>Type:</b>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="border bg-gray-100 p-4 rounded-lg mb-8">
                  <div class="font-bold">bcookie</div>
                  <p>In afwachting</p>
                  <div class="border-t mt-4 pt-4">
                    <div class="md:grid md:grid-cols-2">
                      <div>
                        <b>Vervaltermijn:</b> 1 jaar
                      </div>
                      <div>
                        <b>Type:</b> HTTP
                      </div>
                    </div>
                  </div>
                </div>
                <div class="border bg-gray-100 p-4 rounded-lg mb-8">
                  <div class="font-bold">li_gc</div>
                  <p>In afwachting</p>
                  <div class="border-t mt-4 pt-4">
                    <div class="md:grid md:grid-cols-2">
                      <div>
                        <b>Vervaltermijn:</b> 180 dagen
                      </div>
                      <div>
                        <b>Type:</b> HTTP
                      </div>
                    </div>
                  </div>
                </div>
                <div class="border bg-gray-100 p-4 rounded-lg ">
                  <div class="font-bold">bscookie</div>
                  <p>In afwachting</p>
                  <div class="border-t mt-4 pt-4">
                    <div class="md:grid md:grid-cols-2">
                      <div>
                        <b>Vervaltermijn:</b> 1 jaar
                      </div>
                      <div>
                        <b>Type:</b> HTTP
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div x-data="{ open: false }">
            <div class="border p-6 rounded-xl hover:bg-gray-100" @click="open = !(open)" :class="{ 'hover:bg-gray-100': !(open) }">
              <div class="font-bold flex items-center mb-2 justify-between">
                <div class="flex items-center">
                  <span class="cursor-pointer" :class="{ 'hover:text-blue-700': open }">Pinterest</span>
                  <span class="ml-2 w-6 h-6 flex justify-center items-center rounded-full bg-gray-300 text-black text-sm font-bold">1</span>
                </div>
                <span class="text-sm text-gray-400">
                  <svg class="svg-inline--fa fa-chevron-down" x-show="open" style="display: none;" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
                    data-fa-i2svg="">
                    <path fill="currentColor" d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"></path>
                  </svg><!-- <i class="fa-solid fa-chevron-down" x-show="open" style="display: none;"></i> -->
                  <svg class="svg-inline--fa fa-chevron-up" x-show="!(open)" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-up" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
                    <path fill="currentColor" d="M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"></path>
                  </svg><!-- <i class="fa-solid fa-chevron-up" x-show="!(open)"></i> -->
                </span>
              </div>
              <div class="font-bold flex items-center">
                <a href="https://policy.pinterest.com/en/privacy-policy" class="text-blue-700 mr-2" target="_blank">Meer informatie over deze aanbieder</a>
                <svg class="svg-inline--fa fa-arrow-up-right-from-square fa-lg" aria-hidden="true" focusable="false" data-prefix="fasr" data-icon="arrow-up-right-from-square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
                  data-fa-i2svg="">
                  <path fill="currentColor"
                    d="M328 0L304 0l0 48 24 0 102.1 0L207 271l-17 17L224 321.9l17-17 223-223L464 184l0 24 48 0 0-24 0-160 0-24L488 0 328 0zM24 32L0 32 0 56 0 488l0 24 24 0 432 0 24 0 0-24 0-176 0-24-48 0 0 24 0 152L48 464 48 80l152 0 24 0 0-48-24 0L24 32z">
                  </path>
                </svg><!-- <i class="fa-sharp fa-regular fa-arrow-up-right-from-square fa-lg"></i> -->
              </div>
              <div class="border-t mt-6 pt-6" x-show="open" style="display: none;">
                <div class="border bg-gray-100 p-4 rounded-lg ">
                  <div class="font-bold">is_eu</div>
                  <p>Bepaalt of de gebruiker zich in de EU bevindt en daarom onder de EU-regels inzake gegevensprivacy valt.</p>
                  <div class="border-t mt-4 pt-4">
                    <div class="md:grid md:grid-cols-2">
                      <div>
                        <b>Vervaltermijn:</b> Session
                      </div>
                      <div>
                        <b>Type:</b> HTTP
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div x-data="{ open: false }">
            <div class="border p-6 rounded-xl hover:bg-gray-100" @click="open = !(open)" :class="{ 'hover:bg-gray-100': !(open) }">
              <div class="font-bold flex items-center mb-2 justify-between">
                <div class="flex items-center">
                  <span class="cursor-pointer" :class="{ 'hover:text-blue-700': open }">Kies Je Leverancier</span>
                  <span class="ml-2 w-6 h-6 flex justify-center items-center rounded-full bg-gray-300 text-black text-sm font-bold">1</span>
                </div>
                <span class="text-sm text-gray-400">
                  <svg class="svg-inline--fa fa-chevron-down" x-show="open" style="display: none;" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
                    data-fa-i2svg="">
                    <path fill="currentColor" d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"></path>
                  </svg><!-- <i class="fa-solid fa-chevron-down" x-show="open" style="display: none;"></i> -->
                  <svg class="svg-inline--fa fa-chevron-up" x-show="!(open)" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-up" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
                    <path fill="currentColor" d="M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"></path>
                  </svg><!-- <i class="fa-solid fa-chevron-up" x-show="!(open)"></i> -->
                </span>
              </div>
              <div class="font-bold flex items-center">
                <a href="/" class="text-blue-700 mr-2" target="_blank">Meer informatie over deze aanbieder</a>
                <svg class="svg-inline--fa fa-arrow-up-right-from-square fa-lg" aria-hidden="true" focusable="false" data-prefix="fasr" data-icon="arrow-up-right-from-square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
                  data-fa-i2svg="">
                  <path fill="currentColor"
                    d="M328 0L304 0l0 48 24 0 102.1 0L207 271l-17 17L224 321.9l17-17 223-223L464 184l0 24 48 0 0-24 0-160 0-24L488 0 328 0zM24 32L0 32 0 56 0 488l0 24 24 0 432 0 24 0 0-24 0-176 0-24-48 0 0 24 0 152L48 464 48 80l152 0 24 0 0-48-24 0L24 32z">
                  </path>
                </svg><!-- <i class="fa-sharp fa-regular fa-arrow-up-right-from-square fa-lg"></i> -->
              </div>
              <div class="border-t mt-6 pt-6" x-show="open" style="display: none;">
                <div class="border bg-gray-100 p-4 rounded-lg ">
                  <div class="font-bold">october_session</div>
                  <p>Houdt de sessiestatus van de bezoeker over paginavragen bij.</p>
                  <div class="border-t mt-4 pt-4">
                    <div class="md:grid md:grid-cols-2">
                      <div>
                        <b>Vervaltermijn:</b> 1 dag
                      </div>
                      <div>
                        <b>Type:</b> HTTP
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="px-6 py-6 border-b last-of-type:border-b-0 checkbox ">
    <div x-data="{ open: false }">
      <span class="flex w-full justify-between mb-3" @click="open = !(open)">
        <div class="flex items-center gap-x-4">
          <span class="text-sm text-gray-400">
            <svg class="svg-inline--fa fa-chevron-down" x-show="open" style="display: none;" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
              data-fa-i2svg="">
              <path fill="currentColor" d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"></path>
            </svg><!-- <i class="fa-solid fa-chevron-down" x-show="open" style="display: none;"></i> -->
            <svg class="svg-inline--fa fa-chevron-up" x-show="!(open)" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-up" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
              <path fill="currentColor" d="M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"></path>
            </svg><!-- <i class="fa-solid fa-chevron-up" x-show="!(open)"></i> -->
          </span>
          <div class="flex items-center">
            <strong>Voorkeuren</strong>
            <span class="ml-2 w-6 h-6 flex justify-center items-center rounded-full bg-gray-300 text-black text-sm font-bold">1</span>
          </div>
        </div>
        <div x-data="{ value: true, disabled: false }" class="" x-id="['toggle-label']">
          <input type="checkbox" :value="value" class="sr-only" id="sg-cookies-preferences-modal" checked="">
          <!-- Button -->
          <button x-ref="toggle" @click="value = ! value" type="button" role="switch" :aria-checked="value" :aria-labelledby="$id('toggle-label')" :class="disabled ? 'bg-gray-300' : value ? 'bg-blue-700' : 'bg-gray-400'"
            class="relative ml-4 inline-flex w-14 rounded-full py-1 transition bg-blue-700" aria-checked="true" aria-labelledby="toggle-label-2">
            <span :class="value ? 'translate-x-7' : 'translate-x-1'" class="bg-white h-6 w-6 rounded-full transition shadow-md translate-x-7" aria-hidden="true"></span>
          </button>
        </div>
      </span>
      <div class="description help-block">
        <div>
          <p>Voorkeurscookies zorgen ervoor dat een website informatie kan onthouden die van invloed is op het gedrag en de vormgeving van de website, zoals de taal van uw voorkeur of de regio waar u woont.</p>
        </div>
        <div x-show="open" class="space-y-6 mt-8" style="display: none;">
          <div x-data="{ open: false }">
            <div class="border p-6 rounded-xl hover:bg-gray-100" @click="open = !(open)" :class="{ 'hover:bg-gray-100': !(open) }">
              <div class="font-bold flex items-center mb-2 justify-between">
                <div class="flex items-center">
                  <span class="cursor-pointer" :class="{ 'hover:text-blue-700': open }">LinkedIn</span>
                  <span class="ml-2 w-6 h-6 flex justify-center items-center rounded-full bg-gray-300 text-black text-sm font-bold">1</span>
                </div>
                <span class="text-sm text-gray-400">
                  <svg class="svg-inline--fa fa-chevron-down" x-show="open" style="display: none;" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
                    data-fa-i2svg="">
                    <path fill="currentColor" d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"></path>
                  </svg><!-- <i class="fa-solid fa-chevron-down" x-show="open" style="display: none;"></i> -->
                  <svg class="svg-inline--fa fa-chevron-up" x-show="!(open)" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-up" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
                    <path fill="currentColor" d="M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"></path>
                  </svg><!-- <i class="fa-solid fa-chevron-up" x-show="!(open)"></i> -->
                </span>
              </div>
              <div class="font-bold flex items-center">
                <a href="https://www.linkedin.com/legal/privacy-policy" class="text-blue-700 mr-2" target="_blank">Meer informatie over deze aanbieder</a>
                <svg class="svg-inline--fa fa-arrow-up-right-from-square fa-lg" aria-hidden="true" focusable="false" data-prefix="fasr" data-icon="arrow-up-right-from-square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
                  data-fa-i2svg="">
                  <path fill="currentColor"
                    d="M328 0L304 0l0 48 24 0 102.1 0L207 271l-17 17L224 321.9l17-17 223-223L464 184l0 24 48 0 0-24 0-160 0-24L488 0 328 0zM24 32L0 32 0 56 0 488l0 24 24 0 432 0 24 0 0-24 0-176 0-24-48 0 0 24 0 152L48 464 48 80l152 0 24 0 0-48-24 0L24 32z">
                  </path>
                </svg><!-- <i class="fa-sharp fa-regular fa-arrow-up-right-from-square fa-lg"></i> -->
              </div>
              <div class="border-t mt-6 pt-6" x-show="open" style="display: none;">
                <div class="border bg-gray-100 p-4 rounded-lg ">
                  <div class="font-bold">lidc</div>
                  <p>In afwachting</p>
                  <div class="border-t mt-4 pt-4">
                    <div class="md:grid md:grid-cols-2">
                      <div>
                        <b>Vervaltermijn:</b> 1 dag
                      </div>
                      <div>
                        <b>Type:</b> HTTP
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="px-6 py-6 border-b last-of-type:border-b-0 checkbox ">
    <div x-data="{ open: false }">
      <span class="flex w-full justify-between mb-3" @click="open = !(open)">
        <div class="flex items-center gap-x-4">
          <span class="text-sm text-gray-400">
            <svg class="svg-inline--fa fa-chevron-down" x-show="open" style="display: none;" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
              data-fa-i2svg="">
              <path fill="currentColor" d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"></path>
            </svg><!-- <i class="fa-solid fa-chevron-down" x-show="open" style="display: none;"></i> -->
            <svg class="svg-inline--fa fa-chevron-up" x-show="!(open)" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-up" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
              <path fill="currentColor" d="M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"></path>
            </svg><!-- <i class="fa-solid fa-chevron-up" x-show="!(open)"></i> -->
          </span>
          <div class="flex items-center">
            <strong>Statistieken</strong>
            <span class="ml-2 w-6 h-6 flex justify-center items-center rounded-full bg-gray-300 text-black text-sm font-bold">4</span>
          </div>
        </div>
        <div x-data="{ value: true, disabled: false }" class="" x-id="['toggle-label']">
          <input type="checkbox" :value="value" class="sr-only" id="sg-cookies-statistics-modal" checked="">
          <!-- Button -->
          <button x-ref="toggle" @click="value = ! value" type="button" role="switch" :aria-checked="value" :aria-labelledby="$id('toggle-label')" :class="disabled ? 'bg-gray-300' : value ? 'bg-blue-700' : 'bg-gray-400'"
            class="relative ml-4 inline-flex w-14 rounded-full py-1 transition bg-blue-700" aria-checked="true" aria-labelledby="toggle-label-3">
            <span :class="value ? 'translate-x-7' : 'translate-x-1'" class="bg-white h-6 w-6 rounded-full transition shadow-md translate-x-7" aria-hidden="true"></span>
          </button>
        </div>
      </span>
      <div class="description help-block">
        <div>
          <p>Statistische cookies helpen eigenaren van websites begrijpen hoe bezoekers hun website gebruiken, door anoniem gegevens te verzamelen en te rapporteren.</p>
        </div>
        <div x-show="open" class="space-y-6 mt-8" style="display: none;">
          <div x-data="{ open: false }">
            <div class="border p-6 rounded-xl hover:bg-gray-100" @click="open = !(open)" :class="{ 'hover:bg-gray-100': !(open) }">
              <div class="font-bold flex items-center mb-2 justify-between">
                <div class="flex items-center">
                  <span class="cursor-pointer" :class="{ 'hover:text-blue-700': open }">Google</span>
                  <span class="ml-2 w-6 h-6 flex justify-center items-center rounded-full bg-gray-300 text-black text-sm font-bold">4</span>
                </div>
                <span class="text-sm text-gray-400">
                  <svg class="svg-inline--fa fa-chevron-down" x-show="open" style="display: none;" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
                    data-fa-i2svg="">
                    <path fill="currentColor" d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"></path>
                  </svg><!-- <i class="fa-solid fa-chevron-down" x-show="open" style="display: none;"></i> -->
                  <svg class="svg-inline--fa fa-chevron-up" x-show="!(open)" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-up" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
                    <path fill="currentColor" d="M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"></path>
                  </svg><!-- <i class="fa-solid fa-chevron-up" x-show="!(open)"></i> -->
                </span>
              </div>
              <div class="font-bold flex items-center">
                <a href="https://policies.google.com/privacy" class="text-blue-700 mr-2" target="_blank">Meer informatie over deze aanbieder</a>
                <svg class="svg-inline--fa fa-arrow-up-right-from-square fa-lg" aria-hidden="true" focusable="false" data-prefix="fasr" data-icon="arrow-up-right-from-square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
                  data-fa-i2svg="">
                  <path fill="currentColor"
                    d="M328 0L304 0l0 48 24 0 102.1 0L207 271l-17 17L224 321.9l17-17 223-223L464 184l0 24 48 0 0-24 0-160 0-24L488 0 328 0zM24 32L0 32 0 56 0 488l0 24 24 0 432 0 24 0 0-24 0-176 0-24-48 0 0 24 0 152L48 464 48 80l152 0 24 0 0-48-24 0L24 32z">
                  </path>
                </svg><!-- <i class="fa-sharp fa-regular fa-arrow-up-right-from-square fa-lg"></i> -->
              </div>
              <div class="border-t mt-6 pt-6" x-show="open" style="display: none;">
                <div class="border bg-gray-100 p-4 rounded-lg mb-8">
                  <div class="font-bold">_ga</div>
                  <p>Registreert een uniek ID die wordt gebruikt om statistische gegevens te genereren over hoe de bezoeker de website gebruikt.</p>
                  <div class="border-t mt-4 pt-4">
                    <div class="md:grid md:grid-cols-2">
                      <div>
                        <b>Vervaltermijn:</b> 2 jaar
                      </div>
                      <div>
                        <b>Type:</b> HTTP
                      </div>
                    </div>
                  </div>
                </div>
                <div class="border bg-gray-100 p-4 rounded-lg mb-8">
                  <div class="font-bold">_ga_#</div>
                  <p>Verzamelt gegevens over het aantal keren dat een gebruiker de website heeft bezocht, evenals data voor het eerste en meest recente bezoek. Gebruikt door Google Analytics.</p>
                  <div class="border-t mt-4 pt-4">
                    <div class="md:grid md:grid-cols-2">
                      <div>
                        <b>Vervaltermijn:</b> 2 jaar
                      </div>
                      <div>
                        <b>Type:</b> HTTP
                      </div>
                    </div>
                  </div>
                </div>
                <div class="border bg-gray-100 p-4 rounded-lg mb-8">
                  <div class="font-bold">LinkedIn</div>
                  <p></p>
                  <div class="border-t mt-4 pt-4">
                    <div class="md:grid md:grid-cols-2">
                      <div>
                        <b>Vervaltermijn:</b>
                      </div>
                      <div>
                        <b>Type:</b>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="border bg-gray-100 p-4 rounded-lg ">
                  <div class="font-bold">Tiktok</div>
                  <p></p>
                  <div class="border-t mt-4 pt-4">
                    <div class="md:grid md:grid-cols-2">
                      <div>
                        <b>Vervaltermijn:</b>
                      </div>
                      <div>
                        <b>Type:</b>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="px-6 py-6 border-b last-of-type:border-b-0 checkbox ">
    <div x-data="{ open: false }">
      <span class="flex w-full justify-between mb-3" @click="open = !(open)">
        <div class="flex items-center gap-x-4">
          <span class="text-sm text-gray-400">
            <svg class="svg-inline--fa fa-chevron-down" x-show="open" style="display: none;" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
              data-fa-i2svg="">
              <path fill="currentColor" d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"></path>
            </svg><!-- <i class="fa-solid fa-chevron-down" x-show="open" style="display: none;"></i> -->
            <svg class="svg-inline--fa fa-chevron-up" x-show="!(open)" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-up" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
              <path fill="currentColor" d="M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"></path>
            </svg><!-- <i class="fa-solid fa-chevron-up" x-show="!(open)"></i> -->
          </span>
          <div class="flex items-center">
            <strong>Marketing</strong>
            <span class="ml-2 w-6 h-6 flex justify-center items-center rounded-full bg-gray-300 text-black text-sm font-bold">33</span>
          </div>
        </div>
        <div x-data="{ value: true, disabled: false }" class="" x-id="['toggle-label']">
          <input type="checkbox" :value="value" class="sr-only" id="sg-cookies-marketing-modal" checked="">
          <!-- Button -->
          <button x-ref="toggle" @click="value = ! value" type="button" role="switch" :aria-checked="value" :aria-labelledby="$id('toggle-label')" :class="disabled ? 'bg-gray-300' : value ? 'bg-blue-700' : 'bg-gray-400'"
            class="relative ml-4 inline-flex w-14 rounded-full py-1 transition bg-blue-700" aria-checked="true" aria-labelledby="toggle-label-4">
            <span :class="value ? 'translate-x-7' : 'translate-x-1'" class="bg-white h-6 w-6 rounded-full transition shadow-md translate-x-7" aria-hidden="true"></span>
          </button>
        </div>
      </span>
      <div class="description help-block">
        <div>
          <p>Voorkeurscookies zorgen ervoor dat een website informatie kan onthouden die van invloed is op het gedrag en de vormgeving van de website, zoals de taal van uw voorkeur of de regio waar u woont.</p>
        </div>
        <div x-show="open" class="space-y-6 mt-8" style="display: none;">
          <div x-data="{ open: false }">
            <div class="border p-6 rounded-xl hover:bg-gray-100" @click="open = !(open)" :class="{ 'hover:bg-gray-100': !(open) }">
              <div class="font-bold flex items-center mb-2 justify-between">
                <div class="flex items-center">
                  <span class="cursor-pointer" :class="{ 'hover:text-blue-700': open }">Meta Platforms, Inc.</span>
                  <span class="ml-2 w-6 h-6 flex justify-center items-center rounded-full bg-gray-300 text-black text-sm font-bold">3</span>
                </div>
                <span class="text-sm text-gray-400">
                  <svg class="svg-inline--fa fa-chevron-down" x-show="open" style="display: none;" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
                    data-fa-i2svg="">
                    <path fill="currentColor" d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"></path>
                  </svg><!-- <i class="fa-solid fa-chevron-down" x-show="open" style="display: none;"></i> -->
                  <svg class="svg-inline--fa fa-chevron-up" x-show="!(open)" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-up" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
                    <path fill="currentColor" d="M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"></path>
                  </svg><!-- <i class="fa-solid fa-chevron-up" x-show="!(open)"></i> -->
                </span>
              </div>
              <div class="font-bold flex items-center">
                <a href="https://www.facebook.com/policy.php/" class="text-blue-700 mr-2" target="_blank">Meer informatie over deze aanbieder</a>
                <svg class="svg-inline--fa fa-arrow-up-right-from-square fa-lg" aria-hidden="true" focusable="false" data-prefix="fasr" data-icon="arrow-up-right-from-square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
                  data-fa-i2svg="">
                  <path fill="currentColor"
                    d="M328 0L304 0l0 48 24 0 102.1 0L207 271l-17 17L224 321.9l17-17 223-223L464 184l0 24 48 0 0-24 0-160 0-24L488 0 328 0zM24 32L0 32 0 56 0 488l0 24 24 0 432 0 24 0 0-24 0-176 0-24-48 0 0 24 0 152L48 464 48 80l152 0 24 0 0-48-24 0L24 32z">
                  </path>
                </svg><!-- <i class="fa-sharp fa-regular fa-arrow-up-right-from-square fa-lg"></i> -->
              </div>
              <div class="border-t mt-6 pt-6" x-show="open" style="display: none;">
                <div class="border bg-gray-100 p-4 rounded-lg mb-8">
                  <div class="font-bold">_fbp</div>
                  <p>Gebruikt door Facebook om een reeks advertentieproducten te leveren, zoals realtime bieden van externe adverteerders.</p>
                  <div class="border-t mt-4 pt-4">
                    <div class="md:grid md:grid-cols-2">
                      <div>
                        <b>Vervaltermijn:</b> 3 maanden
                      </div>
                      <div>
                        <b>Type:</b> HTTP
                      </div>
                    </div>
                  </div>
                </div>
                <div class="border bg-gray-100 p-4 rounded-lg mb-8">
                  <div class="font-bold">lastExternalReferrer</div>
                  <p>Achterhaalt op welke wijze de gebruiker naar de website is gekomen door zijn laatste URL-adres te registreren.</p>
                  <div class="border-t mt-4 pt-4">
                    <div class="md:grid md:grid-cols-2">
                      <div>
                        <b>Vervaltermijn:</b> Persistent
                      </div>
                      <div>
                        <b>Type:</b> HTTP
                      </div>
                    </div>
                  </div>
                </div>
                <div class="border bg-gray-100 p-4 rounded-lg ">
                  <div class="font-bold">lastExternalReferrerTime</div>
                  <p>Achterhaalt op welke wijze de gebruiker naar de website is gekomen door zijn laatste URL-adres te registreren.</p>
                  <div class="border-t mt-4 pt-4">
                    <div class="md:grid md:grid-cols-2">
                      <div>
                        <b>Vervaltermijn:</b> Persistent
                      </div>
                      <div>
                        <b>Type:</b> HTTP
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div x-data="{ open: false }">
            <div class="border p-6 rounded-xl hover:bg-gray-100" @click="open = !(open)" :class="{ 'hover:bg-gray-100': !(open) }">
              <div class="font-bold flex items-center mb-2 justify-between">
                <div class="flex items-center">
                  <span class="cursor-pointer" :class="{ 'hover:text-blue-700': open }">Google</span>
                  <span class="ml-2 w-6 h-6 flex justify-center items-center rounded-full bg-gray-300 text-black text-sm font-bold">5</span>
                </div>
                <span class="text-sm text-gray-400">
                  <svg class="svg-inline--fa fa-chevron-down" x-show="open" style="display: none;" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
                    data-fa-i2svg="">
                    <path fill="currentColor" d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"></path>
                  </svg><!-- <i class="fa-solid fa-chevron-down" x-show="open" style="display: none;"></i> -->
                  <svg class="svg-inline--fa fa-chevron-up" x-show="!(open)" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-up" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
                    <path fill="currentColor" d="M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"></path>
                  </svg><!-- <i class="fa-solid fa-chevron-up" x-show="!(open)"></i> -->
                </span>
              </div>
              <div class="font-bold flex items-center">
                <a href="https://policies.google.com/privacy" class="text-blue-700 mr-2" target="_blank">Meer informatie over deze aanbieder</a>
                <svg class="svg-inline--fa fa-arrow-up-right-from-square fa-lg" aria-hidden="true" focusable="false" data-prefix="fasr" data-icon="arrow-up-right-from-square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
                  data-fa-i2svg="">
                  <path fill="currentColor"
                    d="M328 0L304 0l0 48 24 0 102.1 0L207 271l-17 17L224 321.9l17-17 223-223L464 184l0 24 48 0 0-24 0-160 0-24L488 0 328 0zM24 32L0 32 0 56 0 488l0 24 24 0 432 0 24 0 0-24 0-176 0-24-48 0 0 24 0 152L48 464 48 80l152 0 24 0 0-48-24 0L24 32z">
                  </path>
                </svg><!-- <i class="fa-sharp fa-regular fa-arrow-up-right-from-square fa-lg"></i> -->
              </div>
              <div class="border-t mt-6 pt-6" x-show="open" style="display: none;">
                <div class="border bg-gray-100 p-4 rounded-lg mb-8">
                  <div class="font-bold">_gcl_au</div>
                  <p>Gebruikt door Google AdSense om te experimenteren met de efficiëntie van advertenties op websites die hun services gebruiken.</p>
                  <div class="border-t mt-4 pt-4">
                    <div class="md:grid md:grid-cols-2">
                      <div>
                        <b>Vervaltermijn:</b> 3 maanden
                      </div>
                      <div>
                        <b>Type:</b> HTTP
                      </div>
                    </div>
                  </div>
                </div>
                <div class="border bg-gray-100 p-4 rounded-lg mb-8">
                  <div class="font-bold">IDE</div>
                  <p>In afwachting</p>
                  <div class="border-t mt-4 pt-4">
                    <div class="md:grid md:grid-cols-2">
                      <div>
                        <b>Vervaltermijn:</b> 1 jaar
                      </div>
                      <div>
                        <b>Type:</b> HTTP
                      </div>
                    </div>
                  </div>
                </div>
                <div class="border bg-gray-100 p-4 rounded-lg mb-8">
                  <div class="font-bold">pagead/landing</div>
                  <p>Verzamelt gegevens over bezoekersgedrag van meerdere websites, om meer relevante advertenties weer te geven - Hierdoor kan de website ook het aantal keren dat de bezoeker dezelfde advertentie te zien krijgt beperken.</p>
                  <div class="border-t mt-4 pt-4">
                    <div class="md:grid md:grid-cols-2">
                      <div>
                        <b>Vervaltermijn:</b> Session
                      </div>
                      <div>
                        <b>Type:</b> Pixel
                      </div>
                    </div>
                  </div>
                </div>
                <div class="border bg-gray-100 p-4 rounded-lg mb-8">
                  <div class="font-bold">ads/ga-audiences</div>
                  <p>Used by Google AdWords to re-engage visitors that are likely to convert to customers based on the visitor's online behaviour across websites.</p>
                  <div class="border-t mt-4 pt-4">
                    <div class="md:grid md:grid-cols-2">
                      <div>
                        <b>Vervaltermijn:</b> Session
                      </div>
                      <div>
                        <b>Type:</b> Pixel
                      </div>
                    </div>
                  </div>
                </div>
                <div class="border bg-gray-100 p-4 rounded-lg ">
                  <div class="font-bold">pagead/1p-user-list/#</div>
                  <p>In afwachting</p>
                  <div class="border-t mt-4 pt-4">
                    <div class="md:grid md:grid-cols-2">
                      <div>
                        <b>Vervaltermijn:</b> Session
                      </div>
                      <div>
                        <b>Type:</b> Pixel
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div x-data="{ open: false }">
            <div class="border p-6 rounded-xl hover:bg-gray-100" @click="open = !(open)" :class="{ 'hover:bg-gray-100': !(open) }">
              <div class="font-bold flex items-center mb-2 justify-between">
                <div class="flex items-center">
                  <span class="cursor-pointer" :class="{ 'hover:text-blue-700': open }">LinkedIn</span>
                  <span class="ml-2 w-6 h-6 flex justify-center items-center rounded-full bg-gray-300 text-black text-sm font-bold">2</span>
                </div>
                <span class="text-sm text-gray-400">
                  <svg class="svg-inline--fa fa-chevron-down" x-show="open" style="display: none;" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
                    data-fa-i2svg="">
                    <path fill="currentColor" d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"></path>
                  </svg><!-- <i class="fa-solid fa-chevron-down" x-show="open" style="display: none;"></i> -->
                  <svg class="svg-inline--fa fa-chevron-up" x-show="!(open)" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-up" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
                    <path fill="currentColor" d="M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"></path>
                  </svg><!-- <i class="fa-solid fa-chevron-up" x-show="!(open)"></i> -->
                </span>
              </div>
              <div class="font-bold flex items-center">
                <a href="https://www.linkedin.com/legal/privacy-policy" class="text-blue-700 mr-2" target="_blank">Meer informatie over deze aanbieder</a>
                <svg class="svg-inline--fa fa-arrow-up-right-from-square fa-lg" aria-hidden="true" focusable="false" data-prefix="fasr" data-icon="arrow-up-right-from-square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
                  data-fa-i2svg="">
                  <path fill="currentColor"
                    d="M328 0L304 0l0 48 24 0 102.1 0L207 271l-17 17L224 321.9l17-17 223-223L464 184l0 24 48 0 0-24 0-160 0-24L488 0 328 0zM24 32L0 32 0 56 0 488l0 24 24 0 432 0 24 0 0-24 0-176 0-24-48 0 0 24 0 152L48 464 48 80l152 0 24 0 0-48-24 0L24 32z">
                  </path>
                </svg><!-- <i class="fa-sharp fa-regular fa-arrow-up-right-from-square fa-lg"></i> -->
              </div>
              <div class="border-t mt-6 pt-6" x-show="open" style="display: none;">
                <div class="border bg-gray-100 p-4 rounded-lg mb-8">
                  <div class="font-bold">li_sugr</div>
                  <p>In afwachting</p>
                  <div class="border-t mt-4 pt-4">
                    <div class="md:grid md:grid-cols-2">
                      <div>
                        <b>Vervaltermijn:</b> 3 maanden
                      </div>
                      <div>
                        <b>Type:</b> HTTP
                      </div>
                    </div>
                  </div>
                </div>
                <div class="border bg-gray-100 p-4 rounded-lg ">
                  <div class="font-bold">UserMatchHistory</div>
                  <p>In afwachting</p>
                  <div class="border-t mt-4 pt-4">
                    <div class="md:grid md:grid-cols-2">
                      <div>
                        <b>Vervaltermijn:</b> 30 dagen
                      </div>
                      <div>
                        <b>Type:</b> HTTP
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div x-data="{ open: false }">
            <div class="border p-6 rounded-xl hover:bg-gray-100" @click="open = !(open)" :class="{ 'hover:bg-gray-100': !(open) }">
              <div class="font-bold flex items-center mb-2 justify-between">
                <div class="flex items-center">
                  <span class="cursor-pointer" :class="{ 'hover:text-blue-700': open }">Microsoft</span>
                  <span class="ml-2 w-6 h-6 flex justify-center items-center rounded-full bg-gray-300 text-black text-sm font-bold">7</span>
                </div>
                <span class="text-sm text-gray-400">
                  <svg class="svg-inline--fa fa-chevron-down" x-show="open" style="display: none;" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
                    data-fa-i2svg="">
                    <path fill="currentColor" d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"></path>
                  </svg><!-- <i class="fa-solid fa-chevron-down" x-show="open" style="display: none;"></i> -->
                  <svg class="svg-inline--fa fa-chevron-up" x-show="!(open)" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-up" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
                    <path fill="currentColor" d="M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"></path>
                  </svg><!-- <i class="fa-solid fa-chevron-up" x-show="!(open)"></i> -->
                </span>
              </div>
              <div class="font-bold flex items-center">
                <a href="https://privacy.microsoft.com/en-US/privacystatement" class="text-blue-700 mr-2" target="_blank">Meer informatie over deze aanbieder</a>
                <svg class="svg-inline--fa fa-arrow-up-right-from-square fa-lg" aria-hidden="true" focusable="false" data-prefix="fasr" data-icon="arrow-up-right-from-square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
                  data-fa-i2svg="">
                  <path fill="currentColor"
                    d="M328 0L304 0l0 48 24 0 102.1 0L207 271l-17 17L224 321.9l17-17 223-223L464 184l0 24 48 0 0-24 0-160 0-24L488 0 328 0zM24 32L0 32 0 56 0 488l0 24 24 0 432 0 24 0 0-24 0-176 0-24-48 0 0 24 0 152L48 464 48 80l152 0 24 0 0-48-24 0L24 32z">
                  </path>
                </svg><!-- <i class="fa-sharp fa-regular fa-arrow-up-right-from-square fa-lg"></i> -->
              </div>
              <div class="border-t mt-6 pt-6" x-show="open" style="display: none;">
                <div class="border bg-gray-100 p-4 rounded-lg mb-8">
                  <div class="font-bold">_uetsid</div>
                  <p>Verzamelt gegevens over bezoekersgedrag van meerdere websites, om meer relevante advertenties weer te geven - Hierdoor kan de website ook het aantal keren dat de bezoeker dezelfde advertentie te zien krijgt beperken.</p>
                  <div class="border-t mt-4 pt-4">
                    <div class="md:grid md:grid-cols-2">
                      <div>
                        <b>Vervaltermijn:</b> 1 dag
                      </div>
                      <div>
                        <b>Type:</b> HTTP
                      </div>
                    </div>
                  </div>
                </div>
                <div class="border bg-gray-100 p-4 rounded-lg mb-8">
                  <div class="font-bold">_uetvid</div>
                  <p>Gebruikt om bezoekers op meerdere websites te volgen, om relevante advertenties te presenteren op basis van de voorkeuren van de bezoeker.</p>
                  <div class="border-t mt-4 pt-4">
                    <div class="md:grid md:grid-cols-2">
                      <div>
                        <b>Vervaltermijn:</b> 1 jaar
                      </div>
                      <div>
                        <b>Type:</b> HTTP
                      </div>
                    </div>
                  </div>
                </div>
                <div class="border bg-gray-100 p-4 rounded-lg mb-8">
                  <div class="font-bold">_uetsid</div>
                  <p>Gebruikt om bezoekers op meerdere websites te volgen, om relevante advertenties te presenteren op basis van de voorkeuren van de bezoeker.</p>
                  <div class="border-t mt-4 pt-4">
                    <div class="md:grid md:grid-cols-2">
                      <div>
                        <b>Vervaltermijn:</b> Persistent
                      </div>
                      <div>
                        <b>Type:</b> HTTP
                      </div>
                    </div>
                  </div>
                </div>
                <div class="border bg-gray-100 p-4 rounded-lg mb-8">
                  <div class="font-bold">_uetsid_exp</div>
                  <p>Bevat de vervaldatum voor de cookie met bijbehorende naam.</p>
                  <div class="border-t mt-4 pt-4">
                    <div class="md:grid md:grid-cols-2">
                      <div>
                        <b>Vervaltermijn:</b> Persistent
                      </div>
                      <div>
                        <b>Type:</b> HTTP
                      </div>
                    </div>
                  </div>
                </div>
                <div class="border bg-gray-100 p-4 rounded-lg mb-8">
                  <div class="font-bold">_uetvid</div>
                  <p>Gebruikt om bezoekers op meerdere websites te volgen, om relevante advertenties te presenteren op basis van de voorkeuren van de bezoeker.</p>
                  <div class="border-t mt-4 pt-4">
                    <div class="md:grid md:grid-cols-2">
                      <div>
                        <b>Vervaltermijn:</b> 1 jaar
                      </div>
                      <div>
                        <b>Type:</b> HTTP
                      </div>
                    </div>
                  </div>
                </div>
                <div class="border bg-gray-100 p-4 rounded-lg mb-8">
                  <div class="font-bold">_uetvid_exp</div>
                  <p>Bevat de vervaldatum voor de cookie met bijbehorende naam.</p>
                  <div class="border-t mt-4 pt-4">
                    <div class="md:grid md:grid-cols-2">
                      <div>
                        <b>Vervaltermijn:</b> Persistent
                      </div>
                      <div>
                        <b>Type:</b> HTTP
                      </div>
                    </div>
                  </div>
                </div>
                <div class="border bg-gray-100 p-4 rounded-lg ">
                  <div class="font-bold">MUID</div>
                  <p>In afwachting</p>
                  <div class="border-t mt-4 pt-4">
                    <div class="md:grid md:grid-cols-2">
                      <div>
                        <b>Vervaltermijn:</b> 1 jaar
                      </div>
                      <div>
                        <b>Type:</b> HTTP
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div x-data="{ open: false }">
            <div class="border p-6 rounded-xl hover:bg-gray-100" @click="open = !(open)" :class="{ 'hover:bg-gray-100': !(open) }">
              <div class="font-bold flex items-center mb-2 justify-between">
                <div class="flex items-center">
                  <span class="cursor-pointer" :class="{ 'hover:text-blue-700': open }">Oath</span>
                  <span class="ml-2 w-6 h-6 flex justify-center items-center rounded-full bg-gray-300 text-black text-sm font-bold">1</span>
                </div>
                <span class="text-sm text-gray-400">
                  <svg class="svg-inline--fa fa-chevron-down" x-show="open" style="display: none;" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
                    data-fa-i2svg="">
                    <path fill="currentColor" d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"></path>
                  </svg><!-- <i class="fa-solid fa-chevron-down" x-show="open" style="display: none;"></i> -->
                  <svg class="svg-inline--fa fa-chevron-up" x-show="!(open)" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-up" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
                    <path fill="currentColor" d="M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"></path>
                  </svg><!-- <i class="fa-solid fa-chevron-up" x-show="!(open)"></i> -->
                </span>
              </div>
              <div class="font-bold flex items-center">
                <a href="https://policies.oath.com/us/en/oath/privacy/index.html" class="text-blue-700 mr-2" target="_blank">Meer informatie over deze aanbieder</a>
                <svg class="svg-inline--fa fa-arrow-up-right-from-square fa-lg" aria-hidden="true" focusable="false" data-prefix="fasr" data-icon="arrow-up-right-from-square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
                  data-fa-i2svg="">
                  <path fill="currentColor"
                    d="M328 0L304 0l0 48 24 0 102.1 0L207 271l-17 17L224 321.9l17-17 223-223L464 184l0 24 48 0 0-24 0-160 0-24L488 0 328 0zM24 32L0 32 0 56 0 488l0 24 24 0 432 0 24 0 0-24 0-176 0-24-48 0 0 24 0 152L48 464 48 80l152 0 24 0 0-48-24 0L24 32z">
                  </path>
                </svg><!-- <i class="fa-sharp fa-regular fa-arrow-up-right-from-square fa-lg"></i> -->
              </div>
              <div class="border-t mt-6 pt-6" x-show="open" style="display: none;">
                <div class="border bg-gray-100 p-4 rounded-lg ">
                  <div class="font-bold">sp.pl</div>
                  <p>Gebruikt door de website om gebruikersgedrag en navigatie op de website te registreren - De cookie registreert elke interactie met actieve campagnes op de website. Dit wordt gebruikt voor het optimaliseren van advertenties en
                    voor efficiënte retargeting.</p>
                  <div class="border-t mt-4 pt-4">
                    <div class="md:grid md:grid-cols-2">
                      <div>
                        <b>Vervaltermijn:</b> Session
                      </div>
                      <div>
                        <b>Type:</b> Pixel
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div x-data="{ open: false }">
            <div class="border p-6 rounded-xl hover:bg-gray-100" @click="open = !(open)" :class="{ 'hover:bg-gray-100': !(open) }">
              <div class="font-bold flex items-center mb-2 justify-between">
                <div class="flex items-center">
                  <span class="cursor-pointer" :class="{ 'hover:text-blue-700': open }">Pinterest</span>
                  <span class="ml-2 w-6 h-6 flex justify-center items-center rounded-full bg-gray-300 text-black text-sm font-bold">3</span>
                </div>
                <span class="text-sm text-gray-400">
                  <svg class="svg-inline--fa fa-chevron-down" x-show="open" style="display: none;" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
                    data-fa-i2svg="">
                    <path fill="currentColor" d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"></path>
                  </svg><!-- <i class="fa-solid fa-chevron-down" x-show="open" style="display: none;"></i> -->
                  <svg class="svg-inline--fa fa-chevron-up" x-show="!(open)" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-up" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
                    <path fill="currentColor" d="M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"></path>
                  </svg><!-- <i class="fa-solid fa-chevron-up" x-show="!(open)"></i> -->
                </span>
              </div>
              <div class="font-bold flex items-center">
                <a href="https://policy.pinterest.com/en/privacy-policy" class="text-blue-700 mr-2" target="_blank">Meer informatie over deze aanbieder</a>
                <svg class="svg-inline--fa fa-arrow-up-right-from-square fa-lg" aria-hidden="true" focusable="false" data-prefix="fasr" data-icon="arrow-up-right-from-square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
                  data-fa-i2svg="">
                  <path fill="currentColor"
                    d="M328 0L304 0l0 48 24 0 102.1 0L207 271l-17 17L224 321.9l17-17 223-223L464 184l0 24 48 0 0-24 0-160 0-24L488 0 328 0zM24 32L0 32 0 56 0 488l0 24 24 0 432 0 24 0 0-24 0-176 0-24-48 0 0 24 0 152L48 464 48 80l152 0 24 0 0-48-24 0L24 32z">
                  </path>
                </svg><!-- <i class="fa-sharp fa-regular fa-arrow-up-right-from-square fa-lg"></i> -->
              </div>
              <div class="border-t mt-6 pt-6" x-show="open" style="display: none;">
                <div class="border bg-gray-100 p-4 rounded-lg mb-8">
                  <div class="font-bold">_pin_unauth</div>
                  <p>Gebruikt door Pinterest om het gebruik van services bij te houden.</p>
                  <div class="border-t mt-4 pt-4">
                    <div class="md:grid md:grid-cols-2">
                      <div>
                        <b>Vervaltermijn:</b> 1 jaar
                      </div>
                      <div>
                        <b>Type:</b> HTTP
                      </div>
                    </div>
                  </div>
                </div>
                <div class="border bg-gray-100 p-4 rounded-lg mb-8">
                  <div class="font-bold">ar_debug</div>
                  <p>In afwachting</p>
                  <div class="border-t mt-4 pt-4">
                    <div class="md:grid md:grid-cols-2">
                      <div>
                        <b>Vervaltermijn:</b> 1 jaar
                      </div>
                      <div>
                        <b>Type:</b> HTTP
                      </div>
                    </div>
                  </div>
                </div>
                <div class="border bg-gray-100 p-4 rounded-lg ">
                  <div class="font-bold">v3/</div>
                  <p>Gebruikt door Pinterest om het gebruik van services bij te houden.</p>
                  <div class="border-t mt-4 pt-4">
                    <div class="md:grid md:grid-cols-2">
                      <div>
                        <b>Vervaltermijn:</b> 1 jaar
                      </div>
                      <div>
                        <b>Type:</b> HTTP
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div x-data="{ open: false }">
            <div class="border p-6 rounded-xl hover:bg-gray-100" @click="open = !(open)" :class="{ 'hover:bg-gray-100': !(open) }">
              <div class="font-bold flex items-center mb-2 justify-between">
                <div class="flex items-center">
                  <span class="cursor-pointer" :class="{ 'hover:text-blue-700': open }">Taboola</span>
                  <span class="ml-2 w-6 h-6 flex justify-center items-center rounded-full bg-gray-300 text-black text-sm font-bold">6</span>
                </div>
                <span class="text-sm text-gray-400">
                  <svg class="svg-inline--fa fa-chevron-down" x-show="open" style="display: none;" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
                    data-fa-i2svg="">
                    <path fill="currentColor" d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"></path>
                  </svg><!-- <i class="fa-solid fa-chevron-down" x-show="open" style="display: none;"></i> -->
                  <svg class="svg-inline--fa fa-chevron-up" x-show="!(open)" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-up" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
                    <path fill="currentColor" d="M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"></path>
                  </svg><!-- <i class="fa-solid fa-chevron-up" x-show="!(open)"></i> -->
                </span>
              </div>
              <div class="font-bold flex items-center">
                <a href="https://www.taboola.com/privacy-policy" class="text-blue-700 mr-2" target="_blank">Meer informatie over deze aanbieder</a>
                <svg class="svg-inline--fa fa-arrow-up-right-from-square fa-lg" aria-hidden="true" focusable="false" data-prefix="fasr" data-icon="arrow-up-right-from-square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
                  data-fa-i2svg="">
                  <path fill="currentColor"
                    d="M328 0L304 0l0 48 24 0 102.1 0L207 271l-17 17L224 321.9l17-17 223-223L464 184l0 24 48 0 0-24 0-160 0-24L488 0 328 0zM24 32L0 32 0 56 0 488l0 24 24 0 432 0 24 0 0-24 0-176 0-24-48 0 0 24 0 152L48 464 48 80l152 0 24 0 0-48-24 0L24 32z">
                  </path>
                </svg><!-- <i class="fa-sharp fa-regular fa-arrow-up-right-from-square fa-lg"></i> -->
              </div>
              <div class="border-t mt-6 pt-6" x-show="open" style="display: none;">
                <div class="border bg-gray-100 p-4 rounded-lg mb-8">
                  <div class="font-bold">#:session-data</div>
                  <p>Volgt de individuele sessies op de websites, hierdoor kan de website statistische gegevens van meerdere bezoeken verzamelen - Deze gegevens kunnen ook worden gebruikt om leads voor marketingdoeleinden te creëren.</p>
                  <div class="border-t mt-4 pt-4">
                    <div class="md:grid md:grid-cols-2">
                      <div>
                        <b>Vervaltermijn:</b> Persistent
                      </div>
                      <div>
                        <b>Type:</b> HTTP
                      </div>
                    </div>
                  </div>
                </div>
                <div class="border bg-gray-100 p-4 rounded-lg mb-8">
                  <div class="font-bold">eng_mt</div>
                  <p>Volgt de conversie-rate tussen de gebruiker en de advertentiebanners op de website - Dit dient om de relevantie van de advertenties op de website te optimaliseren.</p>
                  <div class="border-t mt-4 pt-4">
                    <div class="md:grid md:grid-cols-2">
                      <div>
                        <b>Vervaltermijn:</b> Persistent
                      </div>
                      <div>
                        <b>Type:</b> HTTP
                      </div>
                    </div>
                  </div>
                </div>
                <div class="border bg-gray-100 p-4 rounded-lg mb-8">
                  <div class="font-bold">t_gid</div>
                  <p>Deze cookie wijst een specifieke bezoeker-ID toe wanneer de bezoeker reageert op advertenties of content van de website - hiermee kan de website de bezoeker doelgericht vergelijkbare advertenties of inhoud aanbieden.</p>
                  <div class="border-t mt-4 pt-4">
                    <div class="md:grid md:grid-cols-2">
                      <div>
                        <b>Vervaltermijn:</b> 1 jaar
                      </div>
                      <div>
                        <b>Type:</b> HTTP
                      </div>
                    </div>
                  </div>
                </div>
                <div class="border bg-gray-100 p-4 rounded-lg mb-8">
                  <div class="font-bold">t_pt_gid</div>
                  <p>Deze cookie wijst een specifieke bezoeker-ID toe wanneer de bezoeker reageert op advertenties of content van de website - hiermee kan de website de bezoeker doelgericht vergelijkbare advertenties of inhoud aanbieden.</p>
                  <div class="border-t mt-4 pt-4">
                    <div class="md:grid md:grid-cols-2">
                      <div>
                        <b>Vervaltermijn:</b> In afwachting
                      </div>
                      <div>
                        <b>Type:</b> HTTP
                      </div>
                    </div>
                  </div>
                </div>
                <div class="border bg-gray-100 p-4 rounded-lg mb-8">
                  <div class="font-bold">taboola global:user-id</div>
                  <p>Stelt een unieke ID in voor de bezoeker, waarmee externe adverteerders de bezoeker kunnen targeten met relevante advertenties. Deze koppelservice wordt geleverd door advertentieshubs van derden, waardoor het realtime bieden voor
                    adverteerders wordt vergemakkelijkt.</p>
                  <div class="border-t mt-4 pt-4">
                    <div class="md:grid md:grid-cols-2">
                      <div>
                        <b>Vervaltermijn:</b> Persistent
                      </div>
                      <div>
                        <b>Type:</b> HTTP
                      </div>
                    </div>
                  </div>
                </div>
                <div class="border bg-gray-100 p-4 rounded-lg ">
                  <div class="font-bold">taboola_session_id</div>
                  <p>Deze cookie wordt gebruikt om gegevens over een bezoeker te verzamelen. Deze informatie wordt omgezet in een ID-string met informatie over een specifieke bezoeker - ID-informatiestrings kunnen worden gebruikt om groepen met
                    overeenkomstige voorkeuren te benaderen, of kan worden gebruikt door externe domeinen of advertentie-uitwisselingen.</p>
                  <div class="border-t mt-4 pt-4">
                    <div class="md:grid md:grid-cols-2">
                      <div>
                        <b>Vervaltermijn:</b> Session
                      </div>
                      <div>
                        <b>Type:</b> HTTP
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div x-data="{ open: false }">
            <div class="border p-6 rounded-xl hover:bg-gray-100" @click="open = !(open)" :class="{ 'hover:bg-gray-100': !(open) }">
              <div class="font-bold flex items-center mb-2 justify-between">
                <div class="flex items-center">
                  <span class="cursor-pointer" :class="{ 'hover:text-blue-700': open }">Tiktok</span>
                  <span class="ml-2 w-6 h-6 flex justify-center items-center rounded-full bg-gray-300 text-black text-sm font-bold">4</span>
                </div>
                <span class="text-sm text-gray-400">
                  <svg class="svg-inline--fa fa-chevron-down" x-show="open" style="display: none;" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
                    data-fa-i2svg="">
                    <path fill="currentColor" d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"></path>
                  </svg><!-- <i class="fa-solid fa-chevron-down" x-show="open" style="display: none;"></i> -->
                  <svg class="svg-inline--fa fa-chevron-up" x-show="!(open)" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-up" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
                    <path fill="currentColor" d="M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"></path>
                  </svg><!-- <i class="fa-solid fa-chevron-up" x-show="!(open)"></i> -->
                </span>
              </div>
              <div class="font-bold flex items-center">
                <a href="https://www.tiktok.com/legal/privacy-policy?lang=en" class="text-blue-700 mr-2" target="_blank">Meer informatie over deze aanbieder</a>
                <svg class="svg-inline--fa fa-arrow-up-right-from-square fa-lg" aria-hidden="true" focusable="false" data-prefix="fasr" data-icon="arrow-up-right-from-square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
                  data-fa-i2svg="">
                  <path fill="currentColor"
                    d="M328 0L304 0l0 48 24 0 102.1 0L207 271l-17 17L224 321.9l17-17 223-223L464 184l0 24 48 0 0-24 0-160 0-24L488 0 328 0zM24 32L0 32 0 56 0 488l0 24 24 0 432 0 24 0 0-24 0-176 0-24-48 0 0 24 0 152L48 464 48 80l152 0 24 0 0-48-24 0L24 32z">
                  </path>
                </svg><!-- <i class="fa-sharp fa-regular fa-arrow-up-right-from-square fa-lg"></i> -->
              </div>
              <div class="border-t mt-6 pt-6" x-show="open" style="display: none;">
                <div class="border bg-gray-100 p-4 rounded-lg mb-8">
                  <div class="font-bold">tt_appInfo</div>
                  <p>Wordt gebruikt door de sociale netwerkdienst, TikTok, voor het volgen van het gebruik van embedded services.</p>
                  <div class="border-t mt-4 pt-4">
                    <div class="md:grid md:grid-cols-2">
                      <div>
                        <b>Vervaltermijn:</b> Session
                      </div>
                      <div>
                        <b>Type:</b> HTTP
                      </div>
                    </div>
                  </div>
                </div>
                <div class="border bg-gray-100 p-4 rounded-lg mb-8">
                  <div class="font-bold">tt_pixel_session_index</div>
                  <p>Wordt gebruikt door de sociale netwerkdienst, TikTok, voor het volgen van het gebruik van embedded services.</p>
                  <div class="border-t mt-4 pt-4">
                    <div class="md:grid md:grid-cols-2">
                      <div>
                        <b>Vervaltermijn:</b> Session
                      </div>
                      <div>
                        <b>Type:</b> HTTP
                      </div>
                    </div>
                  </div>
                </div>
                <div class="border bg-gray-100 p-4 rounded-lg mb-8">
                  <div class="font-bold">tt_sessionId</div>
                  <p>Wordt gebruikt door de sociale netwerkdienst, TikTok, voor het volgen van het gebruik van embedded services.</p>
                  <div class="border-t mt-4 pt-4">
                    <div class="md:grid md:grid-cols-2">
                      <div>
                        <b>Vervaltermijn:</b> Session
                      </div>
                      <div>
                        <b>Type:</b> HTTP
                      </div>
                    </div>
                  </div>
                </div>
                <div class="border bg-gray-100 p-4 rounded-lg ">
                  <div class="font-bold">_ttp&amp;nbsp;[x2]</div>
                  <p>Wordt gebruikt door de sociale netwerkdienst, TikTok, voor het volgen van het gebruik van embedded services.</p>
                  <div class="border-t mt-4 pt-4">
                    <div class="md:grid md:grid-cols-2">
                      <div>
                        <b>Vervaltermijn:</b> 1 jaar
                      </div>
                      <div>
                        <b>Type:</b> HTTP
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div x-data="{ open: false }">
            <div class="border p-6 rounded-xl hover:bg-gray-100" @click="open = !(open)" :class="{ 'hover:bg-gray-100': !(open) }">
              <div class="font-bold flex items-center mb-2 justify-between">
                <div class="flex items-center">
                  <span class="cursor-pointer" :class="{ 'hover:text-blue-700': open }">Yahoo</span>
                  <span class="ml-2 w-6 h-6 flex justify-center items-center rounded-full bg-gray-300 text-black text-sm font-bold">1</span>
                </div>
                <span class="text-sm text-gray-400">
                  <svg class="svg-inline--fa fa-chevron-down" x-show="open" style="display: none;" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
                    data-fa-i2svg="">
                    <path fill="currentColor" d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"></path>
                  </svg><!-- <i class="fa-solid fa-chevron-down" x-show="open" style="display: none;"></i> -->
                  <svg class="svg-inline--fa fa-chevron-up" x-show="!(open)" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-up" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
                    <path fill="currentColor" d="M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"></path>
                  </svg><!-- <i class="fa-solid fa-chevron-up" x-show="!(open)"></i> -->
                </span>
              </div>
              <div class="font-bold flex items-center">
                <a href="https://policies.oath.com/us/en/oath/privacy/index.html" class="text-blue-700 mr-2" target="_blank">Meer informatie over deze aanbieder</a>
                <svg class="svg-inline--fa fa-arrow-up-right-from-square fa-lg" aria-hidden="true" focusable="false" data-prefix="fasr" data-icon="arrow-up-right-from-square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
                  data-fa-i2svg="">
                  <path fill="currentColor"
                    d="M328 0L304 0l0 48 24 0 102.1 0L207 271l-17 17L224 321.9l17-17 223-223L464 184l0 24 48 0 0-24 0-160 0-24L488 0 328 0zM24 32L0 32 0 56 0 488l0 24 24 0 432 0 24 0 0-24 0-176 0-24-48 0 0 24 0 152L48 464 48 80l152 0 24 0 0-48-24 0L24 32z">
                  </path>
                </svg><!-- <i class="fa-sharp fa-regular fa-arrow-up-right-from-square fa-lg"></i> -->
              </div>
              <div class="border-t mt-6 pt-6" x-show="open" style="display: none;">
                <div class="border bg-gray-100 p-4 rounded-lg ">
                  <div class="font-bold">A3</div>
                  <p>Verzamelt informatie over bezoekersgedrag op meerdere websites. Deze informatie wordt gebruikt om de relevantie van advertenties op de website te optimaliseren.</p>
                  <div class="border-t mt-4 pt-4">
                    <div class="md:grid md:grid-cols-2">
                      <div>
                        <b>Vervaltermijn:</b> 1 jaar
                      </div>
                      <div>
                        <b>Type:</b> HTTP
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div x-data="{ open: false }">
            <div class="border p-6 rounded-xl hover:bg-gray-100" @click="open = !(open)" :class="{ 'hover:bg-gray-100': !(open) }">
              <div class="font-bold flex items-center mb-2 justify-between">
                <div class="flex items-center">
                  <span class="cursor-pointer" :class="{ 'hover:text-blue-700': open }">Kies je Leverancier</span>
                  <span class="ml-2 w-6 h-6 flex justify-center items-center rounded-full bg-gray-300 text-black text-sm font-bold">1</span>
                </div>
                <span class="text-sm text-gray-400">
                  <svg class="svg-inline--fa fa-chevron-down" x-show="open" style="display: none;" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
                    data-fa-i2svg="">
                    <path fill="currentColor" d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"></path>
                  </svg><!-- <i class="fa-solid fa-chevron-down" x-show="open" style="display: none;"></i> -->
                  <svg class="svg-inline--fa fa-chevron-up" x-show="!(open)" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-up" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
                    <path fill="currentColor" d="M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"></path>
                  </svg><!-- <i class="fa-solid fa-chevron-up" x-show="!(open)"></i> -->
                </span>
              </div>
              <div class="font-bold flex items-center">
                <a href="/" class="text-blue-700 mr-2" target="_blank">Meer informatie over deze aanbieder</a>
                <svg class="svg-inline--fa fa-arrow-up-right-from-square fa-lg" aria-hidden="true" focusable="false" data-prefix="fasr" data-icon="arrow-up-right-from-square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
                  data-fa-i2svg="">
                  <path fill="currentColor"
                    d="M328 0L304 0l0 48 24 0 102.1 0L207 271l-17 17L224 321.9l17-17 223-223L464 184l0 24 48 0 0-24 0-160 0-24L488 0 328 0zM24 32L0 32 0 56 0 488l0 24 24 0 432 0 24 0 0-24 0-176 0-24-48 0 0 24 0 152L48 464 48 80l152 0 24 0 0-48-24 0L24 32z">
                  </path>
                </svg><!-- <i class="fa-sharp fa-regular fa-arrow-up-right-from-square fa-lg"></i> -->
              </div>
              <div class="border-t mt-6 pt-6" x-show="open" style="display: none;">
                <div class="border bg-gray-100 p-4 rounded-lg ">
                  <div class="font-bold">io_uid</div>
                  <p>Verzamelt gegevens over bezoekersgedrag van meerdere websites, om meer relevante advertenties weer te geven - Hierdoor kan de website ook het aantal keren dat de bezoeker dezelfde advertentie te zien krijgt beperken.</p>
                  <div class="border-t mt-4 pt-4">
                    <div class="md:grid md:grid-cols-2">
                      <div>
                        <b>Vervaltermijn:</b> Session
                      </div>
                      <div>
                        <b>Type:</b> HTTP
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

Text Content

Direct contact
 
Afspraak maken
055 204 81 90


UW OVERWAARDE SLIM VERZILVEREN? BEKIJK DIRECT UW INDICATIEVE MOGELIJKHEDEN!





ER ZIJN VERSCHILLENDE OPTIES BESCHIKBAAR DIE VOOR U VERGELEKEN KUNNEN
WORDEN. BEKIJK DIRECT UW INDICATIEVE HYPOTHEEKBEREKENING EN WORDT DAARNA DOOR
EEN (EXTERNE) HYPOTHEEKSPECIALIST GEBELD VOOR UW EXACTERE MOGELIJKHEDEN. WIJ
RESPECTEREN UW PRIVACY.

Gratis berekening op maat
100% onafhankelijk
Reactie binnen één werkdag
Veel persoonlijk contact
100% onafhankelijk
Veel persoonlijk contact
1Stap 1
2Stap 2
3Stap 3
4Stap 4
5Stap 5
Een moment geduld alstublieft...

We zijn uw gegevens aan het verwerken.
Hoeveel overwaarde wilt u opnemen?
€ 50.000
Hoogte van uw huidige hypotheek
€ 200.000
(Geschatte) waarde van uw huis
€ 300.000
Volgende stap
Had u voor 2013 al een hypotheek?
Ja
Nee
Huidige hypotheeklast per maand (bruto)
€ 500
Extra lopende kredieten?
Ja
Nee
Totale openstaande kredietsaldo
€ 5.000
Volgende stap
Vorige stap
Wat is uw geboortedatum?

Het jaartal dient 4 cijfers te bevatten.
Uw bruto maandinkomen?
€ 2.000
Bruto pensioeninkomen per maand (incl. AOW)
€ 2.000
Bruto maandinkomen bij pensioen (excl. AOW)
€ 2.000
Waar komt uw inkomen vandaan?
Maak uw keuze Loondienst Via ZZP, VOF of Maatschap Als DGA van een BV Uitkering
Pensioen

Heeft u een partner?
Ja
Nee
Geboortedatum van uw partner

Het jaartal dient 4 cijfers te bevatten.
Bruto maandinkomen van uw partner?
€ 2.000
Bruto pensioeninkomen per maand (incl. AOW)
€ 2.000
Bruto maandinkomen bij pensioen (excl. AOW)
€ 2.000
Volgende stap
Terug naar vorige stap
Uw postcode

Uw huisnummer

Straatnaam

Woonplaats

Volgende stap
Terug naar vorige stap
Aanhef
Dhr. Mevr.

Uw naam

E-mailadres

Telefoonnummer
 * 
   Netherlands (Nederland)+31
 * 
   Belgium (België)+32
 * 
   Germany (Deutschland)+49
 * 
   France+33
 * 
 * 
   Afghanistan (‫افغانستان‬‎)+93
 * 
   Albania (Shqipëri)+355
 * 
   Algeria (‫الجزائر‬‎)+213
 * 
   American Samoa+1
 * 
   Andorra+376
 * 
   Angola+244
 * 
   Anguilla+1
 * 
   Antigua and Barbuda+1
 * 
   Argentina+54
 * 
   Armenia (Հայաստան)+374
 * 
   Aruba+297
 * 
   Ascension Island+247
 * 
   Australia+61
 * 
   Austria (Österreich)+43
 * 
   Azerbaijan (Azərbaycan)+994
 * 
   Bahamas+1
 * 
   Bahrain (‫البحرين‬‎)+973
 * 
   Bangladesh (বাংলাদেশ)+880
 * 
   Barbados+1
 * 
   Belarus (Беларусь)+375
 * 
   Belgium (België)+32
 * 
   Belize+501
 * 
   Benin (Bénin)+229
 * 
   Bermuda+1
 * 
   Bhutan (འབྲུག)+975
 * 
   Bolivia+591
 * 
   Bosnia and Herzegovina (Босна и Херцеговина)+387
 * 
   Botswana+267
 * 
   Brazil (Brasil)+55
 * 
   British Indian Ocean Territory+246
 * 
   British Virgin Islands+1
 * 
   Brunei+673
 * 
   Bulgaria (България)+359
 * 
   Burkina Faso+226
 * 
   Burundi (Uburundi)+257
 * 
   Cambodia (កម្ពុជា)+855
 * 
   Cameroon (Cameroun)+237
 * 
   Canada+1
 * 
   Cape Verde (Kabu Verdi)+238
 * 
   Caribbean Netherlands+599
 * 
   Cayman Islands+1
 * 
   Central African Republic (République centrafricaine)+236
 * 
   Chad (Tchad)+235
 * 
   Chile+56
 * 
   China (中国)+86
 * 
   Christmas Island+61
 * 
   Cocos (Keeling) Islands+61
 * 
   Colombia+57
 * 
   Comoros (‫جزر القمر‬‎)+269
 * 
   Congo (DRC) (Jamhuri ya Kidemokrasia ya Kongo)+243
 * 
   Congo (Republic) (Congo-Brazzaville)+242
 * 
   Cook Islands+682
 * 
   Costa Rica+506
 * 
   Côte d’Ivoire+225
 * 
   Croatia (Hrvatska)+385
 * 
   Cuba+53
 * 
   Curaçao+599
 * 
   Cyprus (Κύπρος)+357
 * 
   Czech Republic (Česká republika)+420
 * 
   Denmark (Danmark)+45
 * 
   Djibouti+253
 * 
   Dominica+1
 * 
   Dominican Republic (República Dominicana)+1
 * 
   Ecuador+593
 * 
   Egypt (‫مصر‬‎)+20
 * 
   El Salvador+503
 * 
   Equatorial Guinea (Guinea Ecuatorial)+240
 * 
   Eritrea+291
 * 
   Estonia (Eesti)+372
 * 
   Eswatini+268
 * 
   Ethiopia+251
 * 
   Falkland Islands (Islas Malvinas)+500
 * 
   Faroe Islands (Føroyar)+298
 * 
   Fiji+679
 * 
   Finland (Suomi)+358
 * 
   France+33
 * 
   French Guiana (Guyane française)+594
 * 
   French Polynesia (Polynésie française)+689
 * 
   Gabon+241
 * 
   Gambia+220
 * 
   Georgia (საქართველო)+995
 * 
   Germany (Deutschland)+49
 * 
   Ghana (Gaana)+233
 * 
   Gibraltar+350
 * 
   Greece (Ελλάδα)+30
 * 
   Greenland (Kalaallit Nunaat)+299
 * 
   Grenada+1
 * 
   Guadeloupe+590
 * 
   Guam+1
 * 
   Guatemala+502
 * 
   Guernsey+44
 * 
   Guinea (Guinée)+224
 * 
   Guinea-Bissau (Guiné Bissau)+245
 * 
   Guyana+592
 * 
   Haiti+509
 * 
   Honduras+504
 * 
   Hong Kong (香港)+852
 * 
   Hungary (Magyarország)+36
 * 
   Iceland (Ísland)+354
 * 
   India (भारत)+91
 * 
   Indonesia+62
 * 
   Iran (‫ایران‬‎)+98
 * 
   Iraq (‫العراق‬‎)+964
 * 
   Ireland+353
 * 
   Isle of Man+44
 * 
   Israel (‫ישראל‬‎)+972
 * 
   Italy (Italia)+39
 * 
   Jamaica+1
 * 
   Japan (日本)+81
 * 
   Jersey+44
 * 
   Jordan (‫الأردن‬‎)+962
 * 
   Kazakhstan (Казахстан)+7
 * 
   Kenya+254
 * 
   Kiribati+686
 * 
   Kosovo+383
 * 
   Kuwait (‫الكويت‬‎)+965
 * 
   Kyrgyzstan (Кыргызстан)+996
 * 
   Laos (ລາວ)+856
 * 
   Latvia (Latvija)+371
 * 
   Lebanon (‫لبنان‬‎)+961
 * 
   Lesotho+266
 * 
   Liberia+231
 * 
   Libya (‫ليبيا‬‎)+218
 * 
   Liechtenstein+423
 * 
   Lithuania (Lietuva)+370
 * 
   Luxembourg+352
 * 
   Macau (澳門)+853
 * 
   Madagascar (Madagasikara)+261
 * 
   Malawi+265
 * 
   Malaysia+60
 * 
   Maldives+960
 * 
   Mali+223
 * 
   Malta+356
 * 
   Marshall Islands+692
 * 
   Martinique+596
 * 
   Mauritania (‫موريتانيا‬‎)+222
 * 
   Mauritius (Moris)+230
 * 
   Mayotte+262
 * 
   Mexico (México)+52
 * 
   Micronesia+691
 * 
   Moldova (Republica Moldova)+373
 * 
   Monaco+377
 * 
   Mongolia (Монгол)+976
 * 
   Montenegro (Crna Gora)+382
 * 
   Montserrat+1
 * 
   Morocco (‫المغرب‬‎)+212
 * 
   Mozambique (Moçambique)+258
 * 
   Myanmar (Burma) (မြန်မာ)+95
 * 
   Namibia (Namibië)+264
 * 
   Nauru+674
 * 
   Nepal (नेपाल)+977
 * 
   Netherlands (Nederland)+31
 * 
   New Caledonia (Nouvelle-Calédonie)+687
 * 
   New Zealand+64
 * 
   Nicaragua+505
 * 
   Niger (Nijar)+227
 * 
   Nigeria+234
 * 
   Niue+683
 * 
   Norfolk Island+672
 * 
   North Korea (조선 민주주의 인민 공화국)+850
 * 
   North Macedonia (Северна Македонија)+389
 * 
   Northern Mariana Islands+1
 * 
   Norway (Norge)+47
 * 
   Oman (‫عُمان‬‎)+968
 * 
   Pakistan (‫پاکستان‬‎)+92
 * 
   Palau+680
 * 
   Palestine (‫فلسطين‬‎)+970
 * 
   Panama (Panamá)+507
 * 
   Papua New Guinea+675
 * 
   Paraguay+595
 * 
   Peru (Perú)+51
 * 
   Philippines+63
 * 
   Poland (Polska)+48
 * 
   Portugal+351
 * 
   Puerto Rico+1
 * 
   Qatar (‫قطر‬‎)+974
 * 
   Réunion (La Réunion)+262
 * 
   Romania (România)+40
 * 
   Russia (Россия)+7
 * 
   Rwanda+250
 * 
   Saint Barthélemy+590
 * 
   Saint Helena+290
 * 
   Saint Kitts and Nevis+1
 * 
   Saint Lucia+1
 * 
   Saint Martin (Saint-Martin (partie française))+590
 * 
   Saint Pierre and Miquelon (Saint-Pierre-et-Miquelon)+508
 * 
   Saint Vincent and the Grenadines+1
 * 
   Samoa+685
 * 
   San Marino+378
 * 
   São Tomé and Príncipe (São Tomé e Príncipe)+239
 * 
   Saudi Arabia (‫المملكة العربية السعودية‬‎)+966
 * 
   Senegal (Sénégal)+221
 * 
   Serbia (Србија)+381
 * 
   Seychelles+248
 * 
   Sierra Leone+232
 * 
   Singapore+65
 * 
   Sint Maarten+1
 * 
   Slovakia (Slovensko)+421
 * 
   Slovenia (Slovenija)+386
 * 
   Solomon Islands+677
 * 
   Somalia (Soomaaliya)+252
 * 
   South Africa+27
 * 
   South Korea (대한민국)+82
 * 
   South Sudan (‫جنوب السودان‬‎)+211
 * 
   Spain (España)+34
 * 
   Sri Lanka (ශ්‍රී ලංකාව)+94
 * 
   Sudan (‫السودان‬‎)+249
 * 
   Suriname+597
 * 
   Svalbard and Jan Mayen+47
 * 
   Sweden (Sverige)+46
 * 
   Switzerland (Schweiz)+41
 * 
   Syria (‫سوريا‬‎)+963
 * 
   Taiwan (台灣)+886
 * 
   Tajikistan+992
 * 
   Tanzania+255
 * 
   Thailand (ไทย)+66
 * 
   Timor-Leste+670
 * 
   Togo+228
 * 
   Tokelau+690
 * 
   Tonga+676
 * 
   Trinidad and Tobago+1
 * 
   Tunisia (‫تونس‬‎)+216
 * 
   Turkey (Türkiye)+90
 * 
   Turkmenistan+993
 * 
   Turks and Caicos Islands+1
 * 
   Tuvalu+688
 * 
   U.S. Virgin Islands+1
 * 
   Uganda+256
 * 
   Ukraine (Україна)+380
 * 
   United Arab Emirates (‫الإمارات العربية المتحدة‬‎)+971
 * 
   United Kingdom+44
 * 
   United States+1
 * 
   Uruguay+598
 * 
   Uzbekistan (Oʻzbekiston)+998
 * 
   Vanuatu+678
 * 
   Vatican City (Città del Vaticano)+39
 * 
   Venezuela+58
 * 
   Vietnam (Việt Nam)+84
 * 
   Wallis and Futuna (Wallis-et-Futuna)+681
 * 
   Western Sahara (‫الصحراء الغربية‬‎)+212
 * 
   Yemen (‫اليمن‬‎)+967
 * 
   Zambia+260
 * 
   Zimbabwe+263
 * 
   Åland Islands+358



Vergelijk en bereken

Terug naar vorige stap

Veilige verbinding

In 2 minuten bent u klaar!



UW HYPOTHEEKBEREKENING


Hoeveel overwaarde wilt u opnemen?
€ 50.000
Hoogte van uw huidige hypotheek
€ 200.000
(Geschatte) waarde van uw huis
€ 300.000
Te lenen bedrag: € ............?
U weet snel waar u aan toe bent
 * Laatste aanvraag - 08:26
 * Vandaag al 7 aanvragen
 * 15.874 mensen gingen je al voor

Zie hierboven
19-11-2024
Wim
8.9
97% van onze klanten beveelt ons aan.
-
07-11-2024
Anoniem


MEER MOGELIJK DAN U DENKT

Elke hypotheekverstrekker kent haar eigen regels en voorwaarden, maar kan in
bepaalde gevallen afwijken voor een maatwerk- of "explain" hypotheek. De bij ons
aangesloten onafhankelijke adviseurs zijn gespecialiseerd in maatwerk!

Bij ons ontvangt u geheel vrijblijvend een telefonische berekening van uw
mogelijkheden. Het staat u vrij om na de hypotheek check te bepalen of wij u
mogen koppelen aan een creatieve adviseur of dat u zelf verder zoekt.

Check mijn mogelijkheden



WAAROM NATIONAALBESPAARCENTRUM.NL?

Dezelfde (werk)dag nog weten of uw hypotheekwens haalbaar is? Wij screenen uw
aanvraag vaak al binnen een uur. De bij ons aangesloten onafhankelijke adviseurs
zijn creatiever, flexibeler en goedkoper dan die van de grote hypotheekketens.
Zij geven advies bij u aan de keukentafel en zijn gespecialiseerd in maatwerk.
Er is vaak meer mogelijk dan wat u in eerste instantie zou verwachten.


VEEL PERSOONLIJK CONTACT


GRATIS BEREKENING VAN UW MOGELIJKHEDEN


VERGELIJK DIVERSE GELDVERSTREKKERS


IN HEEL NEDERLAND ACTIEF


GEDIPLOMEERDE ADVISEURS VOOR ONAFHANKELIJK ADVIES

De bij ons aangesloten onafhankelijke adviseurs werken onder een vergunning en
zijn gediplomeerd voor het geven van hypotheekadvies. Zij kunnen uw hypotheek
aanvragen bij (bijna) alle hypotheekverstrekkers. Ze vergelijken
hypotheekverstrekkers op rente en voorwaarden.

U bent verzekerd van een betrouwbaar, deskundig en transparant advies die
gebaseerd is op uw persoonlijke situatie.


Boogschutterstraat 1 7324 AE te Apeldoorn
055 204 81 90


MEER INFORMATIE

Over ons


OVER NATIONAALBESPAARCENTRUM.NL

Close


WIE ZIJN WIJ?

Nationaalbespaarcentrum.nl is onderdeel van Hypotheek Connect (KVK nummer:
08196184 | AFM nummer: 12019228). Hypotheek Connect is een organisatie die
consumenten informeert over hoe zij voordelige financiële producten kunnen
afsluiten en/of hoe en hoeveel zij op hun huidige producten kunnen besparen.

Als onafhankelijke tussenpersoon hebben wij de mogelijkheid je volledig
onafhankelijk te informeren over je mogelijkheden. Op basis van de gegevens die
je op onze website achterlaat, zijn wij of de bij ons aangesloten partners in
staat contact met je te leggen, een volledig vrijblijvende inventarisatie uit te
voeren en je daarbij te informeren over je mogelijkheden. Aangezien de bij ons
aangesloten adviseurs volledig onafhankelijk werken, zijn zij in staat om de
diverse aanbieders van financiële producten die actief zijn op de Nederlandse
markt voor je te vergelijken en je de aanbieder aan te bevelen die het beste bij
je persoonlijke situatie past.

Wij zijn alle dagen van de week per e-mail bereikbaar op
info@hypotheekconnect.nl. Tevens kunt u ons van 09.00 uur tot 21.00 uur bereiken
op nummer: 055 - 204 8190. Het hoofdkantoor is gevestigd aan de
Boogschutterstraat 1, 7224 AE te Apeldoorn. Onze consultants staan je graag
vrijblijvend te woord.


DE KOSTEN EN INHOUD VAN ONZE DIENSTVERLENING

Onze dienstverlening is voor een consument geheel kosteloos en vrijblijvend.
Hypotheek Connect brengt consumenten die daar behoefte aan hebben in contact met
een onafhankelijke financieel adviseur. Wanneer wij u in contact brengen met een
financieel adviseur, ontvangen wij hiervoor een gemiddelde financiële
vergoeding. Meer informatie over de inhoud van onze dienstverlening staat in
onze dienstenwijzer en vergelijkingskaart (hypotheekaanvraag).


BELONINGSBELEID

Hypotheek Connect heeft een beheerst beloningsbeleid vastgesteld. Het
beloningsbeleid heeft ten doel te voorkomen dat de beloningen die onze
medewerkers ontvangen zouden kunnen leiden tot onzorgvuldige klantbehandeling.
Het beleid beoogt onaanvaardbare risico’s in dat verband te beheersen en te
voorkomen en is gericht op continuïteit en de lange termijn belangen van
Hypotheek Connect.

Hypotheek Connect wenst iedere prikkel om potentiële klanten te aanvaarden,
terwijl dit niet in het belang van de klant is uit te sluiten. Om risico’s op
dit gebied uit te sluiten is de variabele beloning die een medewerker van
Hypotheek Connect op jaarbasis ontvangt gemaximeerd op 20% van het bruto
jaarsalaris. De beoordeling van medewerkers van Hypotheek Connect en de daarbij
behorende vaste beloning is gebaseerd op prestaties gericht op de lange termijn.
Medewerkers worden beoordeeld op basis van verschillende criteria, inclusief het
handelen in het belang van de klant.


KLACHTENPROCEDURE

Natuurlijk streven wij als organisatie naar een tevreden klant. Onze openbare
klachtenprocedure geeft een ieder die niet tevreden is de mogelijkheid om
eventuele onvrede te uiten. Wij zullen vervolgens ons best doen om met u tot een
passende oplossing te komen. Bekijk voor meer informatie onze klachtenprocedure.


WIL JE FEEDBACK GEVEN, KLANT WORDEN OF HEB JE EEN ANDERE OPMERKING OF SUGGESTIE?


Naam *

Bedrijfsnaam *

E-mailadres *

Telefoonnummer

Uw bericht

Verstuur

Venster sluiten
Reviews Dienstenwijzer Vergelijkingskaart Klachtenprocedure


NIEUWSBRIEF

Schrijf je in voor onze nieuwsbrief


Inschrijven
Gebruikersvoorwaarden


GEBRUIKERSVOORWAARDEN

Close

Indien u Nationaalbespaarcentrum.nl van Hypotheek Connect bezoekt en mogelijk
gebruik maakt van de aangeboden informatie en diensten op deze website, stemt u
onvoorwaardelijk in met de Disclaimer, de Privacy Verklaring, het Cookie
Statement en deze gebruikersvoorwaarden. Laatstgenoemden worden onderstaand
beschreven.

Hypotheek Connect heeft het recht deze gebruikersvoorwaarden te wijzigingen. U
stemt ermee in dat steeds de laatste versie van deze gebruikersvoorwaarden
gelden tussen Hypotheek Connect en u. De laatste versie van deze
gebruikersvoorwaarden kunt u altijd hier vinden op deze pagina.

Heeft u na het lezen van de gebruikersvoorwaarden nog vragen? Neem dan
gerust contact met ons op. 

Hoe werkt onze website?

Via onze websites kunt u gratis en vrijblijvend een hypotheekaanvraag doen. Na
het invullen van het formulier, beoordeelt Hypotheek Connect uw aanvraag. Als de
aanvraag correct en compleet is, sturen wij uw aanvraag door naar een van onze
aangesloten hypotheekspecialisten. Zij nemen vervolgens contact met u op voor
een persoonlijk gesprek. Helaas kunnen wij niet garanderen dat een van de
bedrijven of professionals ook daadwerkelijk contact met u opneemt. 

Aangesloten bedrijven en professionals

Aangesloten bedrijven en/of professionals zijn aangesloten bij Hypotheek Connect
met als doel om hypotheekaanvragen te ontvangen. Hypotheek Connect hanteert een
zorgvuldig beleid bij het selecteren van de aansluiting van bedrijven of
professionals. Desondanks kunnen wij geen garantie bieden met betrekking tot de
levering en kwaliteit van de diensten vermeld op onze site. Bovendien aanvaarden
wij geen aansprakelijkheid voor uitspraken die door derden worden gedaan, zowel
op onze website als in verstrekte e-mails en/of uitgevoerde werkzaamheden.

De op de website verstrekte informatie is slechts algemene informatie en kan
niet worden beschouwd als een persoonlijk advies. Op deze site kunt u middels
een formulier persoonlijke informatie achterlaten voor de aanvraag van een
hypotheek. Het hypotheekadvies zal worden geleverd door een bij ons aangesloten
gespecialiseerd hypotheekkantoor, waarvan een van hun medewerkers persoonlijk
contact met u op zal nemen.

Indien een aangesloten bedrijf of professional u een persoonlijk advies op maat
heeft gegeven is Hypotheek Connect nimmer verantwoordelijk voor de verleende
dienstverlening en/of het geleverde product. Wanneer er tussen een aangesloten
bedrijf of professional en u een overeenkomst tot stand komt, dan is Hypotheek
Connect daarbij tevens op geen enkele wijze contractspartij. Hypotheek Connect
kan dan ook niet aangesproken worden ter zake van de (deugdelijke) nakoming van
een dergelijke overeenkomst of uit eventuele niet-nakoming voortvloeiende
schade.

Formuliergegevens

Middels het invullen van een formulier op Hypotheek Connect geeft u uw
toestemming voor het verstrekken van uw gegevens aan een van de bij ons
aangesloten bedrijven die u verder kunnen helpen met uw hypotheekaanvraag.
Hypotheek Connect is niet aansprakelijk voor eventuele schade die is ontstaan
voortvloeiend uit door u foutief en/of onvolledig verstrekte gegevens.

Hypotheek Connect kan niet in alle gevallen garanderen dat deze elektronische
gegevens juist worden bezorgd. Daarnaast kan Hypotheek Connect niet garanderen
dat alle elektronisch verstuurde informatie tijdig zal worden ontvangen en
verwerkt. Als bezoeker van de website blijft u te allen tijde verantwoordelijk
voor de keuze en het gebruik van de mogelijkheid tot het versturen van
elektronische berichten.

Hypotheek Connect is geenszins verantwoordelijk voor de aanwezigheid van
virussen, defecten en mogelijke onvolkomenheden ten gevolge van het bezoek aan
of het gebruik van deze website.

Aansprakelijkheid

Hypotheek Connect heeft de inhoud van deze website met grote zorgvuldigheid
samengesteld. Regelmatig wordt de inhoud van de website geactualiseerd en
aangevuld. Hypotheek Connect is echter niet verantwoordelijk voor onjuistheden
en/of onvolledigheden op haar website. Door het snel wisselende aanbod kunnen
wij helaas niet garanderen dat de volledige inhoud van onze website(s) volledig
en juist is. Beslissingen die bezoekers nemen op basis van informatie op deze
site zijn voor eigen rekening en op eigen risico. 

Komt u ergens een fout tegen? Dan horen we dat graag via ons contactformulier.

Hypotheek Connect is niet aansprakelijk voor enige schade die is voortgekomen
uit het gebruik of de (on)bereikbaarheid van de site. Een ononderbroken toegang
tot deze website kan niet worden gegarandeerd. Hypotheek Connect is niet
verantwoordelijke voor eventuele schade voortkomend uit de onmogelijkheid de
website te kunnen raadplegen.

Hypotheek Connect is niet verantwoordelijk voor eventuele schade die is ontstaan
door handelen en/of nalaten van het bij ons aangesloten bedrijf of de
professional. Voortvloeiend uit het door ons in gelegde contact tussen u en het
bedrijf of de professional is Hypotheek Connect géén partij bij de eventuele
overeenkomst die jullie met elkaar sluiten.

Hypotheek Connect is eigenaar en rechthebbende van alle verstrekte informatie op
deze website. Publicatie, verspreiding of vermenigvuldiging van de informatie is
zonder toestemming van Hypotheek Connect verboden.

Overig

Indien een van bovengenoemde voorwaarden, dan wel een van de voorwaarden in de
Disclaimer of in de Privacy Verklaring individueel nietig wordt verklaard, dan
blijven de overige voorwaarden onverminderd van kracht. Hypotheek Connect heeft
als doel de nietig verklaarde voorwaarde zo spoedig mogelijk in een voor beide
partijen acceptabel alternatief te herschrijven.

Venster sluiten
Privacy statement


PRIVACY STATEMENT

Close

Hypotheek Connect neemt jouw privacy zeer serieus en zal informatie over jou (de
betrokkene) op een veilige manier verwerken en gebruiken. In dit Privacy
Statement leggen wij je uit welke gegevens wij verwerken, en met welk doel we
dat doen. Daarnaast kun je in dit Privacy Statement lezen over jouw rechten met
betrekking tot onze verwerking van jouw persoonsgegevens. We raden je aan dit
Privacy Statement aandachtig door te nemen. Voor vragen kun je altijd contact
opnemen met info@hypotheekconnect.nl.

WIE IS HYPOTHEEK CONNECT?

Hypotheek Connect is een handelsnaam van de besloten vennootschap Finance
Prospects B.V., kantoorhoudende te (7324 AE) Apeldoorn aan Boogschutterstraat 1,
ingeschreven in het handelsregister van de Kamer van Koophandel onder nummer
08196184.

Hypotheek Connect is ten aanzien van de verwerking van jouw persoonsgegevens
door Hypotheek Connect de verwerkingsverantwoordelijke.

HOE GEBRUIKT HYPOTHEEK CONNECT JOUW GEGEVENS?

Hieronder vind je een overzicht van de doeleinden waarvoor Hypotheek Connect
persoonsgegevens over jou verwerkt. Daarbij is telkens aangegeven welke gegevens
Hypotheek Connect voor dat specifieke doel gebruikt, wat de juridische grondslag
is om die gegevens te mogen verwerken en hoe lang de gegevens door Hypotheek
Connect worden bewaard. Om het overzichtelijk te houden, hebben we alles
gegroepeerd naar type gegevensstroom.

DIENSTVERLENING, KLANTENBEHEER EN FINANCIELE ADMINISTRATIE

Doeleinde:Financiele administratieGegevens:Bedrijfsnaam, Factuuradres,
Bankgegevens (Naam bank/IBAN/BIC), Openstaande saldoGrondslag:Wettelijke
verplichtingBewaartermijn:Zo lang als noodzakelijk voor dit doeleinde

Doeleinde:Verlenen van de dienst zelfGegevens:NAW-gegevens, E-mailadres,
Dossiergegevens, Financiele gegevens, Gegevens die nodig zijn om de dienst te
leveren, Gegevens die tijdens de dienst gegenereerd wordenGrondslag:Uitvoering
van de overeenkomstBewaartermijn:maximaal 7 jaar

Doeleinde:Afhandelen klachtenGegevens:NAW-gegevens, E-mailadres,
Dossiergegevens, Financiele gegevens, Gegevens die nodig zijn om de dienst te
leveren, Gegevens die tijdens de dienst gegenereerd wordenGrondslag:Uitvoering
van de overeenkomstBewaartermijn:maximaal 7 jaar

Doeleinde:FacturatieGegevens:NAW-gegevens, E-mailadres, Dossiergegevens,
Financiele gegevens, Gegevens die nodig zijn om de dienst te leveren, Gegevens
die tijdens de dienst gegenereerd wordenGrondslag:Uitvoering van de
overeenkomstBewaartermijn:maximaal 7 jaar

Doeleinde:CRMGegevens:Naam, E-mailadres, Locatie,
TelefoonnummerGrondslag:Gerechtvaardigd belangBetrokken belang:Commercieel
belangBewaartermijn:maximaal 7 jaar

Doeleinde:SollicitatieGegevens:Naam, E-mailadres, Locatie,
TelefoonnummerGrondslag:Gerechtvaardigd belangBetrokken belang:Commercieel
belangBewaartermijn:maximaal 7 jaar



MARKETING



Gegevens:Naam, NAW-gegevens, E-mailadres, Telefoonnummer, Klikgedrag,
SurfgedragGrondslag:Gerechtvaardigd belangBetrokken belang:Commercieel
belangBewaartermijn:Zo lang als noodzakelijk voor dit doeleinde

Doeleinde:NieuwsbriefGegevens:Naam, NAW-gegevens, E-mailadres, Telefoonnummer,
Klikgedrag, SurfgedragGrondslag:Gerechtvaardigd belangBetrokken
belang:Commercieel belangBewaartermijn:Zo lang als noodzakelijk voor dit
doeleinde

Doeleinde:RetargetingGegevens:Naam, NAW-gegevens, E-mailadres, Telefoonnummer,
Klikgedrag, SurfgedragGrondslag:Gerechtvaardigd belangBetrokken
belang:Commercieel belangBewaartermijn:Zo lang als noodzakelijk voor dit
doeleinde

Doeleinde:Social media marketingGegevens:Naam, NAW-gegevens, E-mailadres,
Telefoonnummer, Klikgedrag, SurfgedragGrondslag:Gerechtvaardigd belangBetrokken
belang:Commercieel belangBewaartermijn:Zo lang als noodzakelijk voor dit
doeleinde

Doeleinde:Behavioural targetingGegevens:Naam, NAW-gegevens, E-mailadres,
Telefoonnummer, Klikgedrag, SurfgedragGrondslag:Gerechtvaardigd belangBetrokken
belang:Commercieel belangBewaartermijn:Zo lang als noodzakelijk voor dit
doeleinde



WEBSITE

 

Doeleinde:Website analyticsGegevens:Surfgedrag, LocatieGrondslag:Gerechtvaardigd
belangBetrokken belang:Commercieel belangBewaartermijn:Zo lang als noodzakelijk
voor dit doeleinde

Doeleinde:A/B testingGegevens:Surfgedrag, LocatieGrondslag:Gerechtvaardigd
belangBetrokken belang:Commercieel belangBewaartermijn:Zo lang als noodzakelijk
voor dit doeleinde

Doeleinde:Plaatsen van berichten of reviewsGegevens:Naam, Adres,
E-mailadresGrondslag:Uitvoering van de overeenkomstBewaartermijn:Zo lang als
noodzakelijk voor dit doeleinde

Doeleinde:ChatfunctieGegevens:Naam, Adres, E-mailadresGrondslag:Uitvoering van
de overeenkomstBewaartermijn:Zo lang als noodzakelijk voor dit doeleinde

HOE VERKRIJGEN WIJ JOUW PERSOONSGEGEVENS?

Hypotheek Connect heeft gegevens over jou in bezit, omdat jij gegevens aan ons
verstrekt hebt, en omdat Hypotheek Connect gegevens van andere partijen heeft
verkregen. Die andere partijen zijn: andere leadleveranciers die Hypotheek
Connect inschakelen voor de uitvoering van de aan hen door de consument
verstrekte opdracht.

WAT ZIJN JOUW RECHTEN?

Onder de Europese Algemene Verordening Gegevensbescherming beschik je over een
aantal rechten met betrekking tot jouw gegevens en de verwerking ervan:

INZAGE

Je kunt je eigen (persoons)gegevens altijd opvragen. Als je de persoonsgegevens
wilt zien die bij Hypotheek Connect over je zijn vastgelegd, kun je een verzoek
tot inzage doen.

WIJZIGEN

Als je veranderingen wilt aanbrengen in de persoonsgegevens die je hebt gezien
naar aanleiding van een inzageverzoek en die je niet zelf in je account kan
veranderen, kun je een verzoek hiertoe doen bij Hypotheek Connect. Je kunt
verzoeken dat Hypotheek Connect je gegevens wijzigt, verbetert, aanvult,
verwijdert of afschermt.

BEPERKEN VAN DE VERWERKING

Je hebt daarnaast, onder voorwaarden, het recht om Hypotheek Connect te
verzoeken de verwerking van je persoonsgegevens te beperken.

RECHT VAN BEZWAAR

Als een bepaalde verwerking op grond van het “gerechtvaardigd belang” van
Hypotheek Connect of een derde plaatsvindt, heb je het recht om bezwaar te maken
tegen die verwerking.

GEGEVENSOVERDRACHT

Je hebt het recht jouw persoonsgegevens van Hypotheek Connect te verkrijgen.
Hypotheek Connect zal deze verstrekken in een gestructureerde en gangbare vorm,
die op eenvoudige wijze in andere gangbare digitale systemen te openen valt. Op
deze manier kun je jouw gegevens ook bij een andere aanbieder onderbrengen.

TOESTEMMING INTREKKEN

In alle gevallen waarin de grondslag voor een bepaalde gegevensverwerking jouw
toestemming is, heb je het recht die toestemming in te trekken. Dat heeft voor
het verleden geen gevolgen, maar betekent wel dat wij die gegevens dan niet meer
mogen verwerken. Het kan zijn dat Hypotheek Connect je daardoor bepaalde
diensten niet meer kan leveren.

REACTIE DOOR HYPOTHEEK CONNECT

Een verzoek kan verstuurd worden naar info@hypotheekconnect.nl. Hypotheek
Connect zal je verzoek zo snel mogelijk inwilligen en in elk geval niet later
dan één (1) maand nadat Hypotheek Connect een dergelijk verzoek heeft ontvangen.
Indien Hypotheek Connect je verzoek afwijst zullen wij in ons antwoord aangeven
waarom het verzoek wordt afgewezen.

ONTVANGERS VAN DE PERSOONSGEGEVENS

De gegevens kunnen worden doorgegeven aan:
– Verwerkers
– Partijen die betrokken zijn bij de uitvoering of nakoming van de door jou
gewenste diensten n.a.v. de door jou verleende opdracht

Het kan zijn dat Hypotheek Connect verplicht is je gegevens te verstrekken aan
een derde partij, bijvoorbeeld op grond van een wettelijke verplichting.

WAT ZIJN COOKIES EN HOE GEBRUIKT HYPOTHEEK CONNECT ZE?

Cookies zijn kleine stukjes (tekst)informatie die bij het bezoek van de website
van Hypotheek Connect worden meegestuurd aan je browser en vervolgens op de
harde schijf of in het geheugen van je computer, tablet, mobiele telefoon of
ander apparaat (hierna: “Apparaat”) worden opgeslagen. De cookies die via de
website van Hypotheek Connect worden geplaatst, kunnen jouw Apparaat of de
bestanden die daarop opgeslagen staan niet beschadigen. Als we het over
‘cookies’ hebben, bedoelen we niet alleen deze kleine stukjes (tekst)informatie,
maar ook vergelijkbare technieken waarmee informatie verzameld wordt, zoals
bijvoorbeeld device fingerprinting.

KAN DIT PRIVACY STATEMENT WORDEN GEWIJZIGD?

Dit Privacy Statement kan worden gewijzigd. Wij adviseren je daarom regelmatig
het Privacy Statement na te lezen op eventuele wijzigingen.

WAAR KAN JE TERECHT MET KLACHTEN EN VRAGEN?

Mocht je nog vragen hebben over dit Privacy Statement en de wijze waarop
Hypotheekconnect je gegevens gebruikt, dan kun je een e-mail sturen naar
info@hypotheekconnect.nl. Ook als je een klacht hebt over de manier waarop
Hypotheekconnect jouw gegevens verwerkt, kun je een e-mail sturen naar
info@hypotheekconnect.nl. Daarnaast kan je ook altijd contact opnemen met de
bevoegde nationale toezichthouder op het gebied van privacybescherming. In
Nederland is dit de Autoriteit Persoonsgegevens.

Venster sluiten
Cookie Statement


COOKIE STATEMENT

Close

Dit Cookie Statement beschrijft de cookies waarvan Hypotheek Connect (hierna
ook: “we” en “ons”) gebruik maakt via de website Nationaalbespaarcentrum.nl
(hierna: de “Website”) en voor welk doel deze cookies worden gebruikt.

WAT ZIJN COOKIES?

Cookies zijn kleine stukjes (tekst)informatie die bij je bezoek aan een website
worden meegestuurd aan jouw browser en daarna op de harde schijf of in het
geheugen van je computer, tablet of mobiele telefoon (hierna: “Apparaat”) worden
opgeslagen. De cookies die via de Website worden geplaatst, kunnen jouw Apparaat
of de bestanden die daarop opgeslagen staan niet beschadigen.

WELKE COOKIES GEBRUIKT HYPOTHEEK CONNECT?

ANALYTICS COOKIES

Voor het verzamelen van statistieken over het gebruik en bezoek van de Website,
maakt Hypotheek Connect gebruik van analyticsdiensten. Deze gegevens worden door
de aanbieder van deze analyticsdiensten geanalyseerd en de resultaten hiervan
worden aan Hypotheek Connect verstrekt. Hypotheek Connect krijgt op deze manier
inzicht in hoe de Website wordt gebruikt en kan aan de hand van die gegevens de
Website en/of haar dienstverlening zo nodig aanpassen. Als dat wettelijk
verplicht is, kan de analyticsdienst deze informatie aan derden verstrekken.
Hypotheek Connect maakt gebruik van de volgende analyticsdiensten: Google
Analytics en Hotjar.

We hebben onze analyticsdiensten zo privacyvriendelijk mogelijk ingesteld. Dat
betekent dat we de volgende maatregelen hebben genomen om jouw privacy te
beschermen:
– We hebben een verwerkersovereenkomst gesloten met de aanbieder van de
analyticsdienst.
– We hebben met de aanbieder van de analyticsdienst afgesproken dat de gegevens
niet voor andere doeleinden gebruikt mogen worden.
– Je IP-adres wordt gedeeltelijk versleuteld.

AFFILIATE COOKIES

Hypotheek Connect maakt gebruik van affiliate marketing. Wanneer je via een van
onze affiliates op de Website bent gekomen, dan kan het zijn dat die affiliate
van ons een vergoeding krijgt. Om dat mogelijk te maken, gebruiken we affiliate
cookies.

TRACKING COOKIES

Hypotheek Connect maakt op de Website gebruik van cookies van derde partijen die
jou op basis van je surfgedrag gepersonaliseerde aanbiedingen kunnen doen.

Via de website wordt een cookie op jouw Apparaat geplaatst met een uniek nummer.
Dit cookie maakt het mogelijk om jouw Apparaat te herkennen als je na een bezoek
aan onze website naar een andere website surft, die onderdeel uitmaakt van
hetzelfde advertentienetwerk. Dit maakt het mogelijk voor Hypotheek Connect om
jou op die andere website advertenties te tonen.

De gegevens die op deze wijze worden verzameld, worden door Hypotheek Connect
alleen gebruikt om je ook op andere websites onze advertenties te kunnen tonen
en worden niet aan andere bestanden gekoppeld.

VERWIJDEREN COOKIES

De toestemming die je hebt gegeven aan Hypotheek Connect voor het plaatsen en
uitlezen van cookies, kun je altijd intrekken door je browser zo in te stellen
dat deze geen cookies accepteert of door alle in jouw browser reeds geplaatste
cookies te verwijderen. Raadpleeg de helpfunctie van je browser om te zien op
welke wijze je de cookies kunt verwijderen.

Je moet er wel rekening mee houden dat het verwijderen van cookies tot gevolg
kan hebben dat bepaalde onderdelen van de Website niet of niet goed meer werken.

Het weigeren en verwijderen van cookies heeft alleen gevolgen voor de computer
en de browser waarop je deze handeling uitvoert. Als je gebruik maakt van
meerdere computers en/of browsers moet je de bovengenoemde handeling(en) voor
iedere computer en/of browser herhalen.

PRIVACY STATEMENT

De mogelijkheid bestaat dat de informatie die door middel van een cookie
verzameld wordt persoonsgegevens bevat. Als dat het geval is, is op de
verwerking van deze persoonsgegevens tevens het Privacy Statement van
Hypotheekconnect van toepassing. Het Privacy Statement vind je hier.

WIJZIGINGEN

Dit Cookie Statement kan worden gewijzigd. Wijzigingen in dit Cookie Statement
worden via de Website bekend gemaakt.

VRAGEN

Als je nog vragen hebt over dit Cookie Statement, stuur dan een bericht naar
info@hypotheekconnect.nl.

Venster sluiten
Disclaimer


DISCLAIMER

Close

Deze disclaimer inclusief alle onderstaande punten is van toepassing op deze
website Nationaalbespaarcentrum.nl van Hypotheek Connect. Als bezoeker en
gebruiker van Hypotheek Connect stem je in met deze disclaimer.

Hypotheek Connect heeft de inhoud van deze website met grote zorgvuldigheid
samengesteld. Regelmatig wordt de inhoud gecontroleerd en wordt deze waar nodig
geactualiseerd en aangevuld. Ondanks deze zorg kan de website onvolledige
informatie in de inhoud bevatten. Het renteoverzicht betreft een momentopname,
waarbij de uiteindelijke datum van aanvraag leidend is voor het rentepercentage.
Dit percentage kan dagelijks fluctueren en betreft onderdeel van het
adviesgesprek. Hypotheek Connect is niet aansprakelijk voor eventuele
wijzigingen in de gepubliceerde rentestand op haar eigen website dan wel in de
websites van mogelijke (media)partners welke aan Hypotheek Connect zijn
gekoppeld.

Hypotheek Connect draagt in geen enkel opzicht de schade welke voortvloeit uit
het direct dan wel indirect gebruik van haar website, dan wel voortkomend uit de
onmogelijkheid de website te kunnen raadplegen.

Hypotheek Connect levert de inhoud van haar website in feitelijke staat zonder
de garantie of waarborg dat de aangeboden inhoud voor bepaalde doelen of
anderszins deugdelijk of geschikt is.

Hypotheek Connect behoudt zich het recht om (de inhoud van) de website naar
eigen inzicht en op ieder willekeurig moment te veranderen of te beëindigen en
draagt geen verantwoordelijkheid voor de gevolgen van verandering of
beëindiging.

Hypotheek Connect behoudt zich het recht voor om je, zonder voorafgaande
kennisgeving, de toestemming te ontzeggen tot de website en de hierop aangeboden
informatie en diensten.

Gedurende je bezoek aan Hypotheek Connect worden basisgegevens van jou als
bezoeker opgeslagen in de log-bestanden van Hypotheek Connect. Deze gegevens
zijn oorspronkelijk bedoeld voor de statistieken van deze website. Deze gegevens
kunnen echter gebruikt worden om je toegang tot de website te monitoren dan wel
te blokkeren.

Beschermt en vrijwaard Hypotheek Connect, diens werknemers, vertegenwoordigers,
handelspartners, licentiehouders en de auteur van deze disclaimer van
gerechtelijke en buitengerechtelijke maatregelen, inclusief de kosten welke
ontstaan zijn als gevolg zijn van, dan wel gerelateerd aan het gebruik of
misbruik van de website of inbreuk op welke wettelijke regeling dan ook.

Hypotheek Connect is eigenaar en rechthebbende van alle verstrekte informatie op
deze website. Publicatie, verspreiding of vermenigvuldiging van de informatie op
deze website is, zonder uitdrukkelijke toestemming van Hypotheek Connect,
verboden.

Venster sluiten
KvK: 08196184 | AFM: 12019228


DEZE WEBSITE MAAKT GEBRUIK VAN COOKIES

Door op “Alles toestaan” te klikken gaat u akkoord met het opslaan van cookies
op uw apparaat voor het verbeteren van websitenavigatie, het analyseren van
websitegebruik en om ons te helpen bij onze marketingprojecten

.
Details tonen

Alles toestaan
Details tonen
Aanpassen
×
 * Toestemming
 * Details
 * Over

Deze website maakt gebruik van cookies

Door op “Alles toestaan” te klikken gaat u akkoord met het opslaan van cookies
op uw apparaat voor het verbeteren van websitenavigatie, het analyseren van
websitegebruik en om ons te helpen bij onze marketingprojecten.

Noodzakelijk 7


Noodzakelijke cookies helpen een website bruikbaarder te maken, door
basisfuncties als paginanavigatie en toegang tot beveiligde gedeelten van de
website mogelijk te maken. Zonder deze cookies kan de website niet naar behoren
werken.

Google 5
Meer informatie over deze aanbieder
test_cookie

Gebruikt om te controleren of de browser van de gebruiker cookies ondersteunt.

Vervaltermijn: 1 dag
Type: HTTP
LinkedIn



Vervaltermijn:
Type:
bcookie

In afwachting

Vervaltermijn: 1 jaar
Type: HTTP
li_gc

In afwachting

Vervaltermijn: 180 dagen
Type: HTTP
bscookie

In afwachting

Vervaltermijn: 1 jaar
Type: HTTP
Pinterest 1
Meer informatie over deze aanbieder
is_eu

Bepaalt of de gebruiker zich in de EU bevindt en daarom onder de EU-regels
inzake gegevensprivacy valt.

Vervaltermijn: Session
Type: HTTP
Kies Je Leverancier 1
Meer informatie over deze aanbieder
october_session

Houdt de sessiestatus van de bezoeker over paginavragen bij.

Vervaltermijn: 1 dag
Type: HTTP
Voorkeuren 1


Voorkeurscookies zorgen ervoor dat een website informatie kan onthouden die van
invloed is op het gedrag en de vormgeving van de website, zoals de taal van uw
voorkeur of de regio waar u woont.

LinkedIn 1
Meer informatie over deze aanbieder
lidc

In afwachting

Vervaltermijn: 1 dag
Type: HTTP
Statistieken 4


Statistische cookies helpen eigenaren van websites begrijpen hoe bezoekers hun
website gebruiken, door anoniem gegevens te verzamelen en te rapporteren.

Google 4
Meer informatie over deze aanbieder
_ga

Registreert een uniek ID die wordt gebruikt om statistische gegevens te
genereren over hoe de bezoeker de website gebruikt.

Vervaltermijn: 2 jaar
Type: HTTP
_ga_#

Verzamelt gegevens over het aantal keren dat een gebruiker de website heeft
bezocht, evenals data voor het eerste en meest recente bezoek. Gebruikt door
Google Analytics.

Vervaltermijn: 2 jaar
Type: HTTP
LinkedIn



Vervaltermijn:
Type:
Tiktok



Vervaltermijn:
Type:
Marketing 33


Voorkeurscookies zorgen ervoor dat een website informatie kan onthouden die van
invloed is op het gedrag en de vormgeving van de website, zoals de taal van uw
voorkeur of de regio waar u woont.

Meta Platforms, Inc. 3
Meer informatie over deze aanbieder
_fbp

Gebruikt door Facebook om een reeks advertentieproducten te leveren, zoals
realtime bieden van externe adverteerders.

Vervaltermijn: 3 maanden
Type: HTTP
lastExternalReferrer

Achterhaalt op welke wijze de gebruiker naar de website is gekomen door zijn
laatste URL-adres te registreren.

Vervaltermijn: Persistent
Type: HTTP
lastExternalReferrerTime

Achterhaalt op welke wijze de gebruiker naar de website is gekomen door zijn
laatste URL-adres te registreren.

Vervaltermijn: Persistent
Type: HTTP
Google 5
Meer informatie over deze aanbieder
_gcl_au

Gebruikt door Google AdSense om te experimenteren met de efficiëntie van
advertenties op websites die hun services gebruiken.

Vervaltermijn: 3 maanden
Type: HTTP
IDE

In afwachting

Vervaltermijn: 1 jaar
Type: HTTP
pagead/landing

Verzamelt gegevens over bezoekersgedrag van meerdere websites, om meer relevante
advertenties weer te geven - Hierdoor kan de website ook het aantal keren dat de
bezoeker dezelfde advertentie te zien krijgt beperken.

Vervaltermijn: Session
Type: Pixel
ads/ga-audiences

Used by Google AdWords to re-engage visitors that are likely to convert to
customers based on the visitor's online behaviour across websites.

Vervaltermijn: Session
Type: Pixel
pagead/1p-user-list/#

In afwachting

Vervaltermijn: Session
Type: Pixel
LinkedIn 2
Meer informatie over deze aanbieder
li_sugr

In afwachting

Vervaltermijn: 3 maanden
Type: HTTP
UserMatchHistory

In afwachting

Vervaltermijn: 30 dagen
Type: HTTP
Microsoft 7
Meer informatie over deze aanbieder
_uetsid

Verzamelt gegevens over bezoekersgedrag van meerdere websites, om meer relevante
advertenties weer te geven - Hierdoor kan de website ook het aantal keren dat de
bezoeker dezelfde advertentie te zien krijgt beperken.

Vervaltermijn: 1 dag
Type: HTTP
_uetvid

Gebruikt om bezoekers op meerdere websites te volgen, om relevante advertenties
te presenteren op basis van de voorkeuren van de bezoeker.

Vervaltermijn: 1 jaar
Type: HTTP
_uetsid

Gebruikt om bezoekers op meerdere websites te volgen, om relevante advertenties
te presenteren op basis van de voorkeuren van de bezoeker.

Vervaltermijn: Persistent
Type: HTTP
_uetsid_exp

Bevat de vervaldatum voor de cookie met bijbehorende naam.

Vervaltermijn: Persistent
Type: HTTP
_uetvid

Gebruikt om bezoekers op meerdere websites te volgen, om relevante advertenties
te presenteren op basis van de voorkeuren van de bezoeker.

Vervaltermijn: 1 jaar
Type: HTTP
_uetvid_exp

Bevat de vervaldatum voor de cookie met bijbehorende naam.

Vervaltermijn: Persistent
Type: HTTP
MUID

In afwachting

Vervaltermijn: 1 jaar
Type: HTTP
Oath 1
Meer informatie over deze aanbieder
sp.pl

Gebruikt door de website om gebruikersgedrag en navigatie op de website te
registreren - De cookie registreert elke interactie met actieve campagnes op de
website. Dit wordt gebruikt voor het optimaliseren van advertenties en voor
efficiënte retargeting.

Vervaltermijn: Session
Type: Pixel
Pinterest 3
Meer informatie over deze aanbieder
_pin_unauth

Gebruikt door Pinterest om het gebruik van services bij te houden.

Vervaltermijn: 1 jaar
Type: HTTP
ar_debug

In afwachting

Vervaltermijn: 1 jaar
Type: HTTP
v3/

Gebruikt door Pinterest om het gebruik van services bij te houden.

Vervaltermijn: 1 jaar
Type: HTTP
Taboola 6
Meer informatie over deze aanbieder
#:session-data

Volgt de individuele sessies op de websites, hierdoor kan de website
statistische gegevens van meerdere bezoeken verzamelen - Deze gegevens kunnen
ook worden gebruikt om leads voor marketingdoeleinden te creëren.

Vervaltermijn: Persistent
Type: HTTP
eng_mt

Volgt de conversie-rate tussen de gebruiker en de advertentiebanners op de
website - Dit dient om de relevantie van de advertenties op de website te
optimaliseren.

Vervaltermijn: Persistent
Type: HTTP
t_gid

Deze cookie wijst een specifieke bezoeker-ID toe wanneer de bezoeker reageert op
advertenties of content van de website - hiermee kan de website de bezoeker
doelgericht vergelijkbare advertenties of inhoud aanbieden.

Vervaltermijn: 1 jaar
Type: HTTP
t_pt_gid

Deze cookie wijst een specifieke bezoeker-ID toe wanneer de bezoeker reageert op
advertenties of content van de website - hiermee kan de website de bezoeker
doelgericht vergelijkbare advertenties of inhoud aanbieden.

Vervaltermijn: In afwachting
Type: HTTP
taboola global:user-id

Stelt een unieke ID in voor de bezoeker, waarmee externe adverteerders de
bezoeker kunnen targeten met relevante advertenties. Deze koppelservice wordt
geleverd door advertentieshubs van derden, waardoor het realtime bieden voor
adverteerders wordt vergemakkelijkt.

Vervaltermijn: Persistent
Type: HTTP
taboola_session_id

Deze cookie wordt gebruikt om gegevens over een bezoeker te verzamelen. Deze
informatie wordt omgezet in een ID-string met informatie over een specifieke
bezoeker - ID-informatiestrings kunnen worden gebruikt om groepen met
overeenkomstige voorkeuren te benaderen, of kan worden gebruikt door externe
domeinen of advertentie-uitwisselingen.

Vervaltermijn: Session
Type: HTTP
Tiktok 4
Meer informatie over deze aanbieder
tt_appInfo

Wordt gebruikt door de sociale netwerkdienst, TikTok, voor het volgen van het
gebruik van embedded services.

Vervaltermijn: Session
Type: HTTP
tt_pixel_session_index

Wordt gebruikt door de sociale netwerkdienst, TikTok, voor het volgen van het
gebruik van embedded services.

Vervaltermijn: Session
Type: HTTP
tt_sessionId

Wordt gebruikt door de sociale netwerkdienst, TikTok, voor het volgen van het
gebruik van embedded services.

Vervaltermijn: Session
Type: HTTP
_ttp&nbsp;[x2]

Wordt gebruikt door de sociale netwerkdienst, TikTok, voor het volgen van het
gebruik van embedded services.

Vervaltermijn: 1 jaar
Type: HTTP
Yahoo 1
Meer informatie over deze aanbieder
A3

Verzamelt informatie over bezoekersgedrag op meerdere websites. Deze informatie
wordt gebruikt om de relevantie van advertenties op de website te optimaliseren.

Vervaltermijn: 1 jaar
Type: HTTP
Kies je Leverancier 1
Meer informatie over deze aanbieder
io_uid

Verzamelt gegevens over bezoekersgedrag van meerdere websites, om meer relevante
advertenties weer te geven - Hierdoor kan de website ook het aantal keren dat de
bezoeker dezelfde advertentie te zien krijgt beperken.

Vervaltermijn: Session
Type: HTTP

Cookies zijn kleine tekstbestanden die door websites kunnen worden gebruikt om
gebruikerservaringen efficiënter te maken.

Volgens de wet mogen wij cookies op uw apparaat opslaan als ze strikt
noodzakelijk zijn voor het gebruik van de site. Voor alle andere soorten cookies
hebben we uw toestemming nodig.

Deze website maakt gebruik van verschillende soorten cookies. Sommige cookies
worden geplaatst door diensten van derden die op onze pagina's worden
weergegeven.



Selectie toestaan Alles toestaan