nieuw.hypotheek-check.nu Open in urlscan Pro
172.67.189.9  Public Scan

URL: https://nieuw.hypotheek-check.nu/
Submission: On June 06 via api from US — Scanned from DE

Form analysis 3 forms found in the DOM

POST https://nieuw.hypotheek-check.nu

<form method="POST" action="https://nieuw.hypotheek-check.nu" accept-charset="UTF-8" id="makelaar-2-2-2-2-4" class=" form-lang-nl  " data-formname="Oversluit formulier (grijze tekst in tel. nr. balk)" data-form-id="30"
  data-request="VboRenderForm::onSubmit" data-request-data="&quot;form&quot;:&quot;makelaar-2-2-2-2-4&quot;" data-request-success="onFormSend($(this), &quot;form-30&quot;)" data-request-loading="#loader" data-request-validate="" data-countrycode="nl"
  x-data="{ sessionKey: 'uTtKGDyoj94632YJvvgwKOGGEXSEuUg7cfV95hbf'}"><input name="_session_key" type="hidden" value="7OvMj4LXtMxy3YCI3OBvHQLQPHJ0YHmXsEe9sLWz"><input name="_token" type="hidden" value="rcDwS5m12WGM1UVZp1Tbjt9zVQPoTeabVSJAhHCB">
  <script>
    dataLayer.push({
      'event': 'leadformulierStappen',
      'eventAction': 'zichtbaar',
      'eventLabel': 'Oversluit formulier (grijze tekst in tel. nr. balk)',
    })
  </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>
  </div>
  <input type="hidden" name="ua_code" value="">
  <input type="hidden" name="landingpage" value="nieuw.hypotheek-check.nu/">
  <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 text-7xl text-primary-500 animate-spin" 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="M256 64C150 64 64 150 64 256s86 192 192 192c70.1 0 131.3-37.5 164.9-93.6l.1 .1c-6.9 14.9-1.5 32.8 13 41.2c15.3 8.9 34.9 3.6 43.7-11.7c.2-.3 .4-.6 .5-.9l0 0C434.1 460.1 351.1 512 256 512C114.6 512 0 397.4 0 256S114.6 0 256 0c-17.7 0-32 14.3-32 32s14.3 32 32 32z">
              </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">
    <div class="  form-group form-hor-wrap form-group-slider" x-data="rangeslider(100000)" x-effect="init">
      <div class="form-hor-grid-2 form-hor-grid-range">
        <div>
          <label class=" form-hor-label">
            <span>Gewenste hypotheekbedrag</span>
          </label>
        </div>
        <div class="form-hor-range">
          <input type="range" class="form-hor-range-field offer-item" data-title="Gewenste hypotheekbedrag" required="required" id="aankoopsom" name="aankoopsom" value="100000" 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;100.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>Waarde van het huis? (schatting)</span>
            <svg class="svg-inline--fa fa-square-info text-primary-500" x-data=""
              x-tooltip="Wanneer u een woning gaat aankopen, dan bedoelen wij hier de geschatte waarde van de aan te kopen woning. Wanneer u niet gaat kopen, maar iets wilt veranderen aan uw huidige hypotheeksituatie, dan bedoelen we hier de waarde van uw huidige woning."
              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 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM184 336h24V272H184c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H184c-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="Wanneer u een woning gaat aankopen, dan bedoelen wij hier de geschatte waarde van de aan te kopen woning. Wanneer u niet gaat kopen, maar iets wilt veranderen aan uw huidige hypotheeksituatie, dan bedoelen we hier de waarde van uw huidige woning."></i> -->
          </label>
        </div>
        <div class="form-hor-range">
          <input type="range" class="form-hor-range-field offer-item" data-title="Waarde van het huis? (schatting)" required="required" id="marktwaarde_woning" name="marktwaarde_woning" value="300000" min="100000" 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=" form-group form-hor-wrap">
      <div class="form-hor-grid-2">
        <div>
          <label for="reden" class=" form-hor-label">
            <span>Wat is de reden van uw aanvraag?</span>
          </label>
        </div>
        <div>
          <div class="relative">
            <select id="reden" class=" form-control form-hor-field offer-item" name="reden" data-title="Wat is de reden van uw aanvraag?" required="required">
              <option value="" selected=""> Maak uw keuze </option>
              <option value="Hypotheek afsluiten"> Hypotheek afsluiten </option>
              <option value="Huis kopen binnen 3 maanden"> Huis kopen </option>
              <option value="Hypotheek oversluiten"> Hypotheek oversluiten </option>
              <option value="Hypotheek aanpassen"> Hypotheek aanpassen </option>
              <option value="Overig"> Overig </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="">
      <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=" 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 offer-item" name="broninkomen" data-title="Waar komt uw inkomen vandaan?" required="required">
              <option value="" selected=""> Maak uw keuze </option>
              <option value="Loondienst"> Loondienst </option>
              <option value="Via ZZP, VOF of Maatschap"> Via ZZP, VOF of Maatschap </option>
              <option value="Als DGA van een BV"> Als DGA van een BV </option>
              <option value="Uitkering"> Uitkering </option>
              <option value="Pensioen"> 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="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="  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>Wat verdient u bruto per maand?</span>
          </label>
        </div>
        <div class="form-hor-range">
          <input type="range" class="form-hor-range-field " required="required" id="maandinkomen" name="maandinkomen" value="2000" min="1000" max="20000" step="50" 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=" 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">
          <div class="radio">
            <label for="partner_Ja">
              <input id="partner_Ja" type="radio" name="partner" class=" form-hor-radio" value="Ja" required="required"> Ja </label>
          </div>
          <div class="radio">
            <label for="partner_Nee">
              <input id="partner_Nee" type="radio" name="partner" class=" form-hor-radio" value="Nee" required="required" checked=""> Nee </label>
          </div>
        </div>
      </div>
    </div>
    <div class=" 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 leningen naast de hypotheek?</span>
          </label>
        </div>
        <div class="form-hor-radiolist form-hor-cell-2">
          <div class="radio">
            <label for="lopende_leningen_Ja">
              <input id="lopende_leningen_Ja" type="radio" name="lopende_leningen" class=" form-hor-radio" value="Ja" required="required"> Ja </label>
          </div>
          <div class="radio">
            <label for="lopende_leningen_Nee">
              <input id="lopende_leningen_Nee" type="radio" name="lopende_leningen" class=" form-hor-radio" value="Nee" required="required" checked=""> Nee </label>
          </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-3" data-stap="Stap 3">
    <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-4" data-stap="Stap 4">
    <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"> Dhr. </option>
              <option value="v"> Mevr. </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="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>Check mijn mogelijkheden</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://nieuw.hypotheek-check.nu

<form method="POST" action="https://nieuw.hypotheek-check.nu" 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="7OvMj4LXtMxy3YCI3OBvHQLQPHJ0YHmXsEe9sLWz"><input name="_token" type="hidden"
    value="rcDwS5m12WGM1UVZp1Tbjt9zVQPoTeabVSJAhHCB">
  <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,}$" 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 0H304V48h24H430.1L207 271l-17 17L224 321.9l17-17 223-223V184v24h48V184 24 0H488 328zM24 32H0V56 488v24H24 456h24V488 312 288H432v24V464H48V80H200h24V32H200 24z"></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 0H304V48h24H430.1L207 271l-17 17L224 321.9l17-17 223-223V184v24h48V184 24 0H488 328zM24 32H0V56 488v24H24 456h24V488 312 288H432v24V464H48V80H200h24V32H200 24z"></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 0H304V48h24H430.1L207 271l-17 17L224 321.9l17-17 223-223V184v24h48V184 24 0H488 328zM24 32H0V56 488v24H24 456h24V488 312 288H432v24V464H48V80H200h24V32H200 24z"></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 0H304V48h24H430.1L207 271l-17 17L224 321.9l17-17 223-223V184v24h48V184 24 0H488 328zM24 32H0V56 488v24H24 456h24V488 312 288H432v24V464H48V80H200h24V32H200 24z"></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 0H304V48h24H430.1L207 271l-17 17L224 321.9l17-17 223-223V184v24h48V184 24 0H488 328zM24 32H0V56 488v24H24 456h24V488 312 288H432v24V464H48V80H200h24V32H200 24z"></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 0H304V48h24H430.1L207 271l-17 17L224 321.9l17-17 223-223V184v24h48V184 24 0H488 328zM24 32H0V56 488v24H24 456h24V488 312 288H432v24V464H48V80H200h24V32H200 24z"></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 0H304V48h24H430.1L207 271l-17 17L224 321.9l17-17 223-223V184v24h48V184 24 0H488 328zM24 32H0V56 488v24H24 456h24V488 312 288H432v24V464H48V80H200h24V32H200 24z"></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 0H304V48h24H430.1L207 271l-17 17L224 321.9l17-17 223-223V184v24h48V184 24 0H488 328zM24 32H0V56 488v24H24 456h24V488 312 288H432v24V464H48V80H200h24V32H200 24z"></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 0H304V48h24H430.1L207 271l-17 17L224 321.9l17-17 223-223V184v24h48V184 24 0H488 328zM24 32H0V56 488v24H24 456h24V488 312 288H432v24V464H48V80H200h24V32H200 24z"></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 0H304V48h24H430.1L207 271l-17 17L224 321.9l17-17 223-223V184v24h48V184 24 0H488 328zM24 32H0V56 488v24H24 456h24V488 312 288H432v24V464H48V80H200h24V32H200 24z"></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 0H304V48h24H430.1L207 271l-17 17L224 321.9l17-17 223-223V184v24h48V184 24 0H488 328zM24 32H0V56 488v24H24 456h24V488 312 288H432v24V464H48V80H200h24V32H200 24z"></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 0H304V48h24H430.1L207 271l-17 17L224 321.9l17-17 223-223V184v24h48V184 24 0H488 328zM24 32H0V56 488v24H24 456h24V488 312 288H432v24V464H48V80H200h24V32H200 24z"></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 0H304V48h24H430.1L207 271l-17 17L224 321.9l17-17 223-223V184v24h48V184 24 0H488 328zM24 32H0V56 488v24H24 456h24V488 312 288H432v24V464H48V80H200h24V32H200 24z"></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 0H304V48h24H430.1L207 271l-17 17L224 321.9l17-17 223-223V184v24h48V184 24 0H488 328zM24 32H0V56 488v24H24 456h24V488 312 288H432v24V464H48V80H200h24V32H200 24z"></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 0H304V48h24H430.1L207 271l-17 17L224 321.9l17-17 223-223V184v24h48V184 24 0H488 328zM24 32H0V56 488v24H24 456h24V488 312 288H432v24V464H48V80H200h24V32H200 24z"></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


HUIS KOPEN OF OM EEN ANDERE REDEN WETEN WAT U KUNT LENEN? CHECK WAT MOGELIJK IS!





ER ZIJN VERSCHILLENDE OPTIES BESCHIKBAAR DIE VOOR U VERGELEKEN KUNNEN WORDEN.
VRAAG EEN GRATIS DOOR EEN HYPOTHEEKSPECIALIST UITGEVOERDE TELEFONISCHE
BEREKENING VAN UW HYPOTHEEKMOGELIJKHEDEN AAN. WIJ RESPECTEREN UW PRIVACY.

Reactie binnen één werkdag
100% onafhankelijk
Volledig vrijblijvend
Gratis berekening op maat
100% onafhankelijk
Volledig vrijblijvend
1Stap 1
2Stap 2
3Stap 3
4Stap 4
Een moment geduld alstublieft...

We zijn uw gegevens aan het verwerken.
Gewenste hypotheekbedrag
€ 100.000
Waarde van het huis? (schatting)
€ 300.000
Wat is de reden van uw aanvraag?
Maak uw keuze Hypotheek afsluiten Huis kopen Hypotheek oversluiten Hypotheek
aanpassen Overig

Volgende stap
Waar komt uw inkomen vandaan?
Maak uw keuze Loondienst Via ZZP, VOF of Maatschap Als DGA van een BV Uitkering
Pensioen

Wat is uw geboortedatum?

Het jaartal dient 4 cijfers te bevatten.
Wat verdient u bruto per maand?
€ 2.000
Heeft u een partner?
Ja
Nee
Heeft u leningen naast de hypotheek?
Ja
Nee
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



Check mijn mogelijkheden

Terug naar vorige stap

Veilige verbinding

In 2 minuten bent u klaar!



UW HYPOTHEEKBEREKENING


Gewenste hypotheekbedrag
€ 100.000
Waarde van het huis? (schatting)
€ 300.000
Maximaal te lenen: € ............?
U weet snel waar u aan toe bent
 * Laatste aanvraag - 21:07
 * Vandaag al 166 offerteaanvragen
 * 15.874 mensen gingen u al voor

Prettig inventarisatie en adviesgesprek. Duidelijke vragen, Duidelijke uitleg.
05-06-2024
Lootsma
8.9
97% van onze klanten beveelt ons aan.
netjes geholpen , afspraak ingepland als gewenst
30-05-2024
Grunt - Verdonk


WAAROM HYPOTHEEK-BEREKENEN.NL?

Hypotheek-berekenen.nl is onderdeel van Nationaal Bespaarcentrum. Met oog voor
kwaliteit, korte lijnen en een groot netwerk aan onafhankelijke
hypotheekadviseurs helpen we dagelijks vele Nederlanders bij het checken van hun
hypotheekmogelijkheden. 

Er wordt eerst een vrijblijvende telefonische hypotheek check uitgevoerd. Bij
een positieve check bieden we de mogelijkheid om een afspraak te maken met een
bij ons aangesloten (onafhankelijke) hypotheekadviseur uit uw regio. Zij zijn
bereid geheel vrijblijvend bij u thuis of op een andere door u gewenste locatie
met u af te spreken en u verder te adviseren.


VEEL PERSOONLIJK CONTACT


GRATIS BEREKENING VAN UW MOGELIJKHEDEN


VERGELIJK DIVERSE GELDVERSTREKKERS


EEN HYPOTHEEK AFSLUITEN, ZO WERKT HET



Een hypotheek is een vorm van een lening waarbij de geldverstrekker meer
zekerheid heeft doordat er sprake is van een onderpand. Een hypotheek wordt
vooral gebruikt bij de aankoop van huizen. Wanneer je niet in staat bent om de
hypotheek terug te betalen, krijgt de bank waarbij je de hypotheek hebt
afgesloten je huis. Oftewel: de bank waarbij je de hypotheek hebt afgesloten is
de eigenaar van de woning, totdat de hypotheek volledig is terugbetaald. Omdat
het vaak om hoge bedragen gaat bij een hypothecaire lening, is de looptijd vaak
erg lang, bijvoorbeeld 20 of 30 jaar. 

Wanneer je een hypotheek hebt afgesloten bij een bank, betaal je in veel
gevallen maandelijks een bedrag aan deze bank bestaande uit rente en aflossing.
Los je geld af, dan daalt je restschuld. Stel je sluit een hypotheek af van €
250.000,- en je lost in een maand € 1.000,- af, dan is je restschuld €
249.000,-. Je betaalt rente ter compensatie aan de bank voor het uitgeleende
geld. 


WELKE HYPOTHEEKVORM PAST BIJ MIJ?

Er zijn verschillende hypotheekvormen met elk zijn eigen voor- en nadelen. De 3
meest voorkomende hypotheekvormen zijn de annuïteitenhypotheek, een lineaire
hypotheek en een aflossingsvrije hypotheek. 

Welke hypotheekvorm het beste bij u past is volledig afhankelijk van uw huidige
situatie en toekomstplannen. Onze aangesloten adviseurs nemen graag de tijd om
uw hypotheekmogelijkheden te berekenen, geheel gratis en vrijblijvend! Zo weet u
direct waar u en toe bent en welke hypotheekvorm het beste bij u past. 



×


WAT ZIJN UW MOGELIJKHEDEN?

Er zijn tal van partijen die verschillende voorwaarden stellen voor het
afsluiten van een hypotheek. Bij ons ontvangt u direct een telefonische
berekening van uw mogelijkheden en brengen wij u in contact met een
hypotheekadviseur die verschillende aanbieders voor u kan vergelijken. Geheel
gratis en vrijblijvend! 

Het staat u vrij om na de telefonische check te bepalen of u gekoppeld wilt
worden aan een hypotheekadviseur uit uw omgeving of dat u zelf op zoek gaat naar
een goede hypotheekadviseur.

Check mijn mogelijkheden

Boogschutterstraat 1 7324 AE te Apeldoorn
055 204 81 90


OVER ONS

Over ons Reviews


NIEUWSBRIEF

Schrijf je in voor onze nieuwsbrief


Inschrijven
Algemene voorwaarden Privacy Verklaring KvK: 08196184 | AFM: 12019228 BTW:
NL820745911B01


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