<div class="block-range">
  <div class="block-range__container">
    <h2 class="block-range__title titleXXL" data-lang="lng-requestRangeTitle">Initial investment <span class="CTABase">*</span></h2>
    <p class="block-range__subtitle RegularS" data-lang="lng-requestRangeSubTitle">Indicate the anticipated amount for your initial investment</p>
    <div class="range" data-widget="range">
      <input type="hidden" class="range__value" id="range" name="range" data-value="range">
      <label id="range-error" class="error error--default RegularXXS range__rangeRequired" for="range" data-form="error" data-lang="lng-Required">* Required</label>
      <div class="range__background"></div>
      <div class="range__progress" data-progress="range"></div>
      <div class="range__container">
        <div class="range__item" data-value="0">
          <div class="range__itemCircle" data-circle="range" data-circle-id="0"></div>
          <div class="range__itemText CTABase">$0</div>
        </div>
        <div class="range__item" data-value="1">
          <div class="range__itemCircle" data-circle="range" data-circle-id="1"></div>
          <div class="range__itemText CTABase">$1000</div>
        </div>
        <div class="range__item" data-value="2">
          <div class="range__itemCircle" data-circle="range" data-circle-id="2"></div>
          <div class="range__itemText CTABase">$5000</div>
        </div>
        <div class="range__item" data-value="3">
          <div class="range__itemCircle" data-circle="range" data-circle-id="3"></div>
          <div class="range__itemText CTABase">$10000</div>
        </div>
        <div class="range__item" data-value="4">
          <div class="range__itemCircle" data-circle="range" data-circle-id="4"></div>
          <div class="range__itemText CTABase">$25000</div>
        </div>
        <div class="range__item" data-value="5">
          <div class="range__itemCircle" data-circle="range" data-circle-id="5"></div>
          <div class="range__itemText CTABase">$50000</div>
        </div>
        <div class="range__item" data-value="6">
          <div class="range__itemCircle" data-circle="range" data-circle-id="6"></div>
          <div class="range__itemText CTABase" data-lang="lng-More">More</div>
        </div>
      </div>
      <input
        class="range__input"
        type="range"
        min="0"
        max="6"
        step="1"
        value="0"
        data-tick-step="6"
        data-input="range"
      />
    </div>
    <div class="formElement">
      <div class="formElementText RegularXXS" data-lang="lng-Required">* Required</div>
      <select class="formSelect CTABase" name="rangeSelect" id="rangeSelect">
        <option value="1" selected="selected">$1000</option>
        <option value="2">$5000</option>
        <option value="3">$10000</option>
        <option value="4">$25000</option>
        <option value="5" data-lang="lng-More">More</option>
      </select>
    </div>
  </div>
</div>