www.safecu.org Open in urlscan Pro
104.17.24.10  Public Scan

Submitted URL: https://safecredityounion.org/
Effective URL: https://www.safecu.org/about/join-safe?utm_source=safecreditYOUnion
Submission: On July 17 via automatic, source certstream-suspicious — Scanned from IT

Form analysis 6 forms found in the DOM

<form class="yxt-SearchBar-form">
  <input class="js-yext-query yxt-SearchBar-input" type="text" name="query" value="" aria-label="Conduct a search" autocomplete="off" autocorrect="off" spellcheck="false">
  <button type="button" class="js-yxt-SearchBar-clear yxt-SearchBar-clear yxt-SearchBar--hidden component" data-eventtype="SEARCH_CLEAR_BUTTON" data-eventoptions="{}" data-component="IconComponent"
    data-opts="{ &quot;iconName&quot;: &quot;close&quot; }" data-prop="icon" data-is-component-mounted="true" data-is-analytics-attached="true">
    <div class="Icon Icon--close " aria-hidden="true">
      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
        <path d="M7 8l9.716 9.716m0-9.716L7 17.716" stroke="currentColor" stroke-width="2"></path>
      </svg>
    </div>
    <span class="yxt-SearchBar-clearButtonText sr-only"> Clear </span>
  </button>
  <button type="submit" class="js-yext-submit yxt-SearchBar-button">
    <div class="js-yxt-AnimatedForward yxt-SearchBar-AnimatedIcon--paused component" data-component="IconComponent"
      data-opts="{&quot;iconName&quot;:&quot;yext_animated_forward&quot;,&quot;classNames&quot;:&quot;Icon--lg&quot;,&quot;complexContentsParams&quot;:{&quot;iconPrefix&quot;:&quot;SearchBar&quot;}}" data-is-component-mounted="true">
      <div class="Icon Icon--yext_animated_forward Icon--lg" aria-hidden="true">
        <svg viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg">
          <defs>
            <mask id="SearchBar_forward_Mask-1">
              <rect fill="#fff" width="720" height="720"></rect>
            </mask>
            <mask id="SearchBar_forward_Mask-2">
              <rect x="-144.3" y="144.3" fill="#fff" width="720" height="720"></rect>
              <path d="M-0.3 .1c0 0 1.3 1.2 1.3 1.2c0 0 .3-1.6 .3-1.6c0 0-1.6 .4-1.6 .4"></path>
              <path fill="#fff" d="M.3 .7c0 0-0.3 .3-0.3 .3c0 0 0 0 0 0c0 0 .3-0.3 .3-0.3c0 0 0 0 0 0"></path>
              <path d="M.3 .7c0 0-0.1 0-0.1 0c0 0 .1 .1 .1 .1c0 0 .1-0.1 .1-0.1c0 0-0.1 0-0.1 0m222.8 469.1c0 0-70.5 69.4-70.5 69.4c0 0 34.1 33.5 34.1 33.5c0 0 67-72.9 67-72.9c0 0-30.6-30-30.6-30"></path>
            </mask>
            <mask id="SearchBar_forward_Mask-3">
              <rect fill="#fff" width="720" height="720"></rect>
              <path
                d="M489.8 277.4c0 0 78 18.8 78 18.8c0 0-96.1 61.5-96.1 61.5c0 0 59.6-41.1 59.6-41.1c0 0 10.6-53.8 10.6-53.8c0 0-38.2 .6-38.2 .6c0 0-13.9 14-13.9 14m-67.8-108.1c0 0 73.9 1.3 73.9 1.3c0 0-33.8 54.5-33.8 54.5c0 0 18.6-3.2 18.6-3.2c0 0 35.4-36.5 35.4-36.5c0 0-62-25.9-62-25.9c0 0-32.1 9.8-32.1 9.8">
              </path>
            </mask>
            <mask id="SearchBar_forward_Mask-4">
              <rect x="-91.1" y="91.1" fill="#fff" width="720" height="720"></rect>
              <path d="M-0.3 .1c0 0 1.3 1.2 1.3 1.2c0 0 .3-1.6 .3-1.6c0 0-1.6 .4-1.6 .4"></path>
              <path fill="#fff" d="M.3 .7c0 0-0.3 .3-0.3 .3c0 0 0 0 0 0c0 0 .3-0.3 .3-0.3c0 0 0 0 0 0"></path>
              <path d="M.3 .7c0 0-0.1 0-0.1 0c0 0 .1 .1 .1 .1c0 0 .1-0.1 .1-0.1c0 0-0.1 0-0.1 0m222.8 469.1c0 0-70.5 69.4-70.5 69.4c0 0 34.1 33.5 34.1 33.5c0 0 67-72.9 67-72.9c0 0-30.6-30-30.6-30"></path>
            </mask>
            <mask id="SearchBar_forward_Mask-5">
              <rect fill="#fff" width="720" height="720"></rect>
              <path
                d="M488.4 291.4c0 0 40.5 39.3 40.5 39.3c0 0-57.2 27-57.2 27c0 0 59.6-41.1 59.6-41.1c0 0 10.6-53.8 10.6-53.8c0 0-38.2 .6-38.2 .6c0 0-15.3 28-15.3 28m-90.5-97.4c0 0 52-11.3 52-11.3c0 0-6 45.2-6 45.2c0 0 36.8-6 36.8-6c0 0 39.3-31.9 39.3-31.9c0 0-65.9-30.5-65.9-30.5c0 0-56.2 34.5-56.2 34.5">
              </path>
            </mask>
            <mask id="SearchBar_forward_Mask-6">
              <rect x="-61.3" y="61.3" fill="#fff" width="720" height="720"></rect>
            </mask>
            <mask id="SearchBar_forward_Mask-7">
              <rect fill="#fff" width="720" height="720"></rect>
              <path
                d="M481.8 298.4c0 0 27.5 39.8 27.5 39.8c0 0-37.6 19.5-37.6 19.5c0 0 59.6-41.1 59.6-41.1c0 0 10.6-53.8 10.6-53.8c0 0-38.2 .6-38.2 .6c0 0-21.9 35-21.9 35m-108.1-79.7c0 0 30.2-23.8 30.2-23.8c0 0 21.7 35.9 21.7 35.9c0 0 55.1-8.9 55.1-8.9c0 0 35.4-36.5 35.4-36.5c0 0-62-25.9-62-25.9c0 0-80.4 59.2-80.4 59.2">
              </path>
            </mask>
            <mask id="SearchBar_forward_Mask-8">
              <rect x="-42.6" y="42.6" fill="#fff" width="720" height="720"></rect>
            </mask>
            <mask id="SearchBar_forward_Mask-9">
              <rect fill="#fff" width="720" height="720"></rect>
              <path
                d="M475.2 305.4c0 0 14.5 40.3 14.5 40.3c0 0-18 12-18 12c0 0 59.6-41.1 59.6-41.1c0 0 10.6-53.8 10.6-53.8c0 0-38.2 .6-38.2 .6c0 0-28.5 42-28.5 42m-113.6-74.3c0 0 17.9-18.5 17.9-18.5c0 0 36.4 25.3 36.4 25.3c0 0 64.8-16 64.8-16c0 0 39.3-31.9 39.3-31.9c0 0-65.9-30.5-65.9-30.5c0 0-92.5 71.6-92.5 71.6">
              </path>
            </mask>
            <mask id="SearchBar_forward_Mask-10">
              <rect x="-29.6" y="29.6" fill="#fff" width="720" height="720"></rect>
            </mask>
            <mask id="SearchBar_forward_Mask-11">
              <rect fill="#fff" width="720" height="720"></rect>
              <path
                d="M468.6 312.4c0 0 1.5 40.8 1.5 40.8c0 0 1.6 4.5 1.6 4.5c0 0 59.6-41.1 59.6-41.1c0 0 10.6-53.8 10.6-53.8c0 0-38.2 .6-38.2 .6c0 0-35.1 49-35.1 49m-107-81.3c0 0 15.1 4.9 15.1 4.9c0 0 38.2 13.3 38.2 13.3c0 0 65.8-27.4 65.8-27.4c0 0 39.3-21.9 39.3-21.9c0 0-65.9-40.5-65.9-40.5c0 0-92.5 71.6-92.5 71.6">
              </path>
            </mask>
            <mask id="SearchBar_forward_Mask-12">
              <rect x="-20.3" y="20.3" fill="#fff" width="720" height="720"></rect>
            </mask>
            <mask id="SearchBar_forward_Mask-13">
              <rect fill="#fff" width="720" height="720"></rect>
              <path
                d="M456.6 311.9c0 0-7 35.6-7 35.6c0 0 22.1 10.2 22.1 10.2c0 0 59.6-41.1 59.6-41.1c0 0 10.6-53.8 10.6-53.8c0 0-38.2 .6-38.2 .6c0 0-47.1 48.5-47.1 48.5m-95-80.8c0 0 12.3 28.3 12.3 28.3c0 0 39.9 1.3 39.9 1.3c0 0 66.9-38.8 66.9-38.8c0 0 39.3-21.9 39.3-21.9c0 0-65.9-40.5-65.9-40.5c0 0-92.5 71.6-92.5 71.6">
              </path>
            </mask>
            <mask id="SearchBar_forward_Mask-14">
              <rect x="-13.4" y="13.4" fill="#fff" width="720" height="720"></rect>
            </mask>
            <mask id="SearchBar_forward_Mask-15">
              <rect fill="#fff" width="720" height="720"></rect>
              <path
                d="M444.6 311.4c0 0-15.6 30.5-15.6 30.5c0 0 42.7 15.8 42.7 15.8c0 0 59.6-41.1 59.6-41.1c0 0 10.6-53.8 10.6-53.8c0 0-38.2 .6-38.2 .6c0 0-59.1 48-59.1 48m-83-80.3c0 0 9.5 51.7 9.5 51.7c0 0 41.7-10.8 41.7-10.8c0 0 67.9-50.1 67.9-50.1c0 0 50.6-31.9 50.6-31.9c0 0-77.2-30.5-77.2-30.5c0 0-92.5 71.6-92.5 71.6">
              </path>
            </mask>
            <mask id="SearchBar_forward_Mask-16">
              <rect x="-7.3" y="7.3" fill="#fff" width="720" height="720"></rect>
            </mask>
            <mask id="SearchBar_forward_Mask-17">
              <rect fill="#fff" width="720" height="720"></rect>
              <path
                d="M432.6 310.9c0 0-24.2 25.3-24.2 25.3c0 0 63.3 21.5 63.3 21.5c0 0 59.6-41.1 59.6-41.1c0 0 10.6-53.8 10.6-53.8c0 0-38.2 .6-38.2 .6c0 0-71.1 47.5-71.1 47.5m-71-79.8c0 0 20.3 90.4 20.3 90.4c0 0 29-29.5 29-29.5c0 0 69.8-70.1 69.8-70.1c0 0 35.4-36.5 35.4-36.5c0 0-62-25.9-62-25.9c0 0-92.5 71.6-92.5 71.6">
              </path>
            </mask>
            <mask id="SearchBar_forward_Mask-18">
              <rect x="-4" y="4" fill="#fff" width="720" height="720"></rect>
            </mask>
            <mask id="SearchBar_forward_Mask-19">
              <rect fill="#fff" width="720" height="720"></rect>
              <path
                d="M432.6 310.9c0 0-24.2 25.3-24.2 25.3c0 0 63.3 21.5 63.3 21.5c0 0 59.6-41.1 59.6-41.1c0 0 10.6-53.8 10.6-53.8c0 0-38.2 .6-38.2 .6c0 0-71.1 47.5-71.1 47.5m-71-79.8c0 0 20.3 90.4 20.3 90.4c0 0 29-29.5 29-29.5c0 0 69.8-70.1 69.8-70.1c0 0 39.3-31.9 39.3-31.9c0 0-65.9-30.5-65.9-30.5c0 0-92.5 71.6-92.5 71.6">
              </path>
            </mask>
            <mask id="SearchBar_forward_Mask-20">
              <rect fill="#fff" width="720" height="720"></rect>
            </mask>
            <clipPath id="SearchBar_forward_ClipPath-1">
              <rect width="720" height="720"></rect>
            </clipPath>
          </defs>
          <g transform="translate(0,0) scale(.1,.1)">
            <g mask="url(#SearchBar_forward_Mask-1)">
              <path d="M377.5 395.3c0 0 64.8 0 64.8 0c0 0 0 129.6 0 129.6c0 0 28.8 0 28.8 0c0 0 0-129.6 0-129.6c0 0 64.8 0 64.8 0c0 0 0-28.8 0-28.8c0 0-158.4 0-158.4 0c0 0 0 28.8 0 28.8Z"></path>
              <path
                d="M338.9 363.6c0 0-62.5 62.4-62.5 62.4c0 0-62.4-62.4-62.4-62.4c0 0-20.4 20.4-20.4 20.4c0 0 62.5 62.4 62.5 62.4c0 0-62.5 62.4-62.5 62.4c0 0 20.4 20.4 20.4 20.4c0 0 62.4-62.4 62.4-62.4c0 0 62.5 62.4 62.5 62.4c0 0 20.3-20.4 20.3-20.4c0 0-62.4-62.4-62.4-62.4c0 0 62.4-62.4 62.4-62.4c0 0-20.3-20.4-20.3-20.4Z">
              </path>
              <path
                d="M454.7 345.8c44.8 0 81-36.3 81-81c0 0-28.8 0-28.8 0c0 28.8-23.3 52.2-52.2 52.2c-8.2 0-16-1.9-22.9-5.3c0 0 69.8-69.9 69.8-69.9c0 0 21.1-21 21.1-21c-14.4-22.3-39.5-37-68-37c-44.7 0-81 36.2-81 81c0 44.7 36.3 81 81 81Zm0-133.2c10.2 0 19.6 2.9 27.6 7.9c0 0-71.9 71.8-71.9 71.8c-5-8-7.9-17.4-7.9-27.5c0-28.9 23.4-52.2 52.2-52.2Z">
              </path>
              <path d="M276.4 255.9c0 0-60.7-72.8-60.7-72.8c0 0-22.1 18.6-22.1 18.6c0 0 68.4 82 68.4 82c0 0 0 62.4 0 62.4c0 0 28.8 0 28.8 0c0 0 0-62.6 0-62.6c0 0 68.4-81.8 68.4-81.8c0 0-22-18.6-22-18.6c0 0-60.8 72.8-60.8 72.8Z"></path>
            </g>
            <path stroke="#000" stroke-width="30" d="M0-353.7c195.2 0 353.7 158.5 353.7 353.7c0 195.2-158.5 353.7-353.7 353.7c-195.2 0-353.7-158.5-353.7-353.7c0-195.2 158.5-353.7 353.7-353.7Z" fill="none"
              transform="translate(359.8,360.4) scale(.977,.977)"></path>
          </g>
          <g opacity="0" transform="translate(0,0) scale(.1,.1)">
            <g display="block" mask="url(#SearchBar_forward_Mask-2)" transform="translate(144.3,-144.3)">
              <path d="M224.2 478.3c0 0-210.6 210.5-210.6 210.5c0 0 20.4 20.4 20.4 20.4c0 0 210.7-210.7 210.7-210.7c-11.7-11-5.9-6-20.5-20.2Z"></path>
            </g>
            <g display="block" mask="url(#SearchBar_forward_Mask-3)">
              <path d="M390.6 395.2c0 0 51.7 .1 51.7 .1c0 0 .1 103.6 .1 103.6c0 0 28.7 0 28.7 0c0 0 0-103.6 0-103.6c0 0 52-0.1 52-0.1c0 0 0-28.4 0-28.4c0 0-132.5 0-132.5 0c0 0 0 28.4 0 28.4Z"></path>
              <path
                d="M329 373.4c0 .1-52.6 52.6-52.6 52.6c0 0-62.4-62.4-62.4-62.4c0 0-20.4 20.4-20.4 20.4c0 0 62.5 62.4 62.5 62.4c0 0-62.5 62.4-62.5 62.4c0 0 20.4 20.4 20.4 20.4c0 0 62.4-62.4 62.4-62.4c0 0 62.5 62.4 62.5 62.4c0 0 20.3-20.4 20.3-20.4c0 0-62.4-62.4-62.4-62.4c0 0 52.6-52.6 52.6-52.6c0 0-20.4-20.3-20.4-20.3Z">
              </path>
              <path
                d="M454.7 345.8c44.8 0 81-36.3 81-81c0 0-28.8 0-28.8 0c0 28.8-23.3 52.2-52.2 52.2c-8.2 0-16-1.9-22.9-5.3c0 0 69.8-69.9 69.8-69.9c0 0 21.1-21 21.1-21c-14.4-22.3-39.5-37-68-37c-44.7 0-81 36.2-81 81c0 44.7 36.3 81 81 81Zm0-133.2c10.2 0 19.6 2.9 27.6 7.9c0 0-71.9 71.8-71.9 71.8c-5-8-7.9-17.4-7.9-27.5c0-28.9 23.4-52.2 52.2-52.2Z">
              </path>
              <path d="M276.4 255.9c0 0-48.7-58.3-48.7-58.3c0 0-21.1 19-21.1 19c0 0 55.5 67.2 55.5 67.2c0 0 .3 50 .3 50c0 0 28.4 0 28.4 0c0 0 0-50.3 0-50.3c0 0 55.4-66.9 55.4-66.9c0 0-21-18.6-21-18.6c0 0-48.8 57.9-48.8 57.9Z"></path>
            </g>
            <path stroke="#000" stroke-width="30" d="M0-336.2c185.6 0 336.2 150.6 336.2 336.2c0 185.6-150.6 336.2-336.2 336.2c-185.6 0-336.2-150.6-336.2-336.2c0-185.6 150.6-336.2 336.2-336.2Z" fill="none" display="block"
              transform="translate(370.8,347.5) scale(.977,.977)"></path>
          </g>
          <g opacity="0" transform="translate(0,0) scale(.1,.1)">
            <g mask="url(#SearchBar_forward_Mask-4)" transform="translate(91.1,-91.1)">
              <path d="M224.2 478.3c0 0-210.6 210.5-210.6 210.5c0 0 20.4 20.4 20.4 20.4c0 0 210.7-210.7 210.7-210.7c-11.7-11-5.9-6-20.5-20.2Z"></path>
            </g>
            <g mask="url(#SearchBar_forward_Mask-5)">
              <path d="M409.7 395.1c0 0 32.6 .2 32.6 .2c0 0 .3 65.5 .3 65.5c0 0 28.5 0 28.5 0c0 0 0-65.5 0-65.5c0 0 33.1-0.2 33.1-0.2c0 0 0-27.8 0-27.8c0 0-94.5 0-94.5 0c0 0 0 27.8 0 27.8Z"></path>
              <path
                d="M319.7 382.8c0 0-43.3 43.2-43.3 43.2c0 0-62.4-62.4-62.4-62.4c0 0-20.4 20.4-20.4 20.4c0 0 62.5 62.4 62.5 62.4c0 0-62.5 62.4-62.5 62.4c0 0 20.4 20.4 20.4 20.4c0 0 62.4-62.4 62.4-62.4c0 0 62.5 62.4 62.5 62.4c0 0 20.3-20.4 20.3-20.4c0 0-62.4-62.4-62.4-62.4c0 0 43.4-43.3 43.4-43.3c0 0-20.5-20.3-20.5-20.3Z">
              </path>
              <path
                d="M502.8 199.6c-13.4-9.9-30-15.8-48.1-15.8c-44.7 0-81 36.2-81 81c0 44.7 36.3 81 81 81c44.8 0 81-36.3 81-81h-28.8c0 28.8-23.3 52.2-52.2 52.2c-8.2 0-16-1.9-22.9-5.3l69.8-69.9l.3-0.2l-20.3-20.4l-71.2 71.1c-5-8-7.9-17.4-7.9-27.5c0-28.9 23.4-52.2 52.2-52.2c10.1 0 19.4 2.8 27.4 7.7Z"
                fill-rule="evenodd"></path>
              <path d="M276.4 255.9c0 0-31.1-37-31.1-37c0 0-19.7 19.5-19.7 19.5c0 0 36.7 45.6 36.7 45.6c0 0 .7 31.8 .7 31.8c0 0 27.7 0 27.7 0c0 0 0-32.4 0-32.4c0 0 36.5-44.9 36.5-44.9c0 0-19.6-18.6-19.6-18.6c0 0-31.2 36-31.2 36Z"></path>
            </g>
            <path stroke="#000" stroke-width="30" d="M0-310c171.1 0 310 138.9 310 310c0 171.1-138.9 310-310 310c-171.1 0-310-138.9-310-310c0-171.1 138.9-310 310-310Z" fill="none" transform="translate(387.8,328.7) scale(.977,.977)"></path>
          </g>
          <g opacity="0" transform="translate(0,0) scale(.1,.1)">
            <g display="block" mask="url(#SearchBar_forward_Mask-6)" transform="translate(61.3,-61.3)">
              <path d="M224.2 478.3c0 0-210.6 210.5-210.6 210.5c0 0 20.4 20.4 20.4 20.4c0 0 210.7-210.7 210.7-210.7c-11.7-11-5.9-6-20.5-20.2Z"></path>
            </g>
            <g mask="url(#SearchBar_forward_Mask-7)">
              <path d="M420.4 395c0 0 21.9 .3 21.9 .3c0 0 .4 44.1 .4 44.1c0 0 28.4 0 28.4 0c0 0 0-44.1 0-44.1c0 0 22.6-0.3 22.6-0.3c0 0 0-27.5 0-27.5c0 0-73.3 0-73.3 0c0 0 0 27.5 0 27.5Z"></path>
              <path
                d="M313.2 389.2c0 0-36.8 36.8-36.8 36.8c0 0-62.4-62.4-62.4-62.4c0 0-20.4 20.4-20.4 20.4c0 0 62.5 62.4 62.5 62.4c0 0-62.5 62.4-62.5 62.4c0 0 20.4 20.4 20.4 20.4c0 0 62.4-62.4 62.4-62.4c0 0 62.5 62.4 62.5 62.4c0 0 20.3-20.4 20.3-20.4c0 0-62.4-62.4-62.4-62.4c0 0 37-36.9 37-36.9c0 0-20.6-20.3-20.6-20.3Z">
              </path>
              <path
                d="M500 200c-13.4-9.9-27.2-16.2-45.3-16.2c-44.7 0-81 36.2-81 81c0 44.7 36.3 81 81 81c44.8 0 81-36.3 81-81h-28.8c0 28.8-23.3 52.2-52.2 52.2c-8.2 0-16-1.9-22.9-5.3l57.7-57.7l-20.3-20.4l-58.8 58.7c-5-8-7.9-17.4-7.9-27.5c0-28.9 23.4-52.2 52.2-52.2c10.1 0 19.4 2.8 27.4 7.7Z"
                fill-rule="evenodd"></path>
              <path d="M276.4 255.9c0 0-21.2-25.1-21.2-25.1c0 0-19 19.8-19 19.8c0 0 26.2 33.5 26.2 33.5c0 0 1 21.6 1 21.6c0 0 27.2 0 27.2 0c0 0 0-22.3 0-22.3c0 0 25.9-32.7 25.9-32.7c0 0-18.8-18.6-18.8-18.6c0 0-21.3 23.8-21.3 23.8Z"></path>
            </g>
            <path stroke="#000" stroke-width="30" d="M0-294.3c162.4 0 294.3 131.9 294.3 294.3c0 162.4-131.9 294.3-294.3 294.3c-162.4 0-294.3-131.9-294.3-294.3c0-162.4 131.9-294.3 294.3-294.3Z" fill="none" display="block"
              transform="translate(398.7,318.2) scale(.977,.977)"></path>
          </g>
          <g opacity="0" transform="translate(0,0) scale(.1,.1)">
            <g mask="url(#SearchBar_forward_Mask-8)" transform="translate(42.6,-42.6)">
              <path d="M224.2 478.3c0 0-210.6 210.5-210.6 210.5c0 0 20.4 20.4 20.4 20.4c0 0 210.7-210.7 210.7-210.7c-11.7-11-5.9-6-20.5-20.2Z"></path>
            </g>
            <g display="block" mask="url(#SearchBar_forward_Mask-9)">
              <path d="M427.2 394.9c0 0 15.1 .4 15.1 .4c0 0 .4 30.7 .4 30.7c0 0 28.4 0 28.4 0c0 0 0-30.7 0-30.7c0 0 15.9-0.4 15.9-0.4c0 0 0-27.2 0-27.2c0 0-59.8 0-59.8 0c0 0 0 27.2 0 27.2Z"></path>
              <path
                d="M307.4 395c0 0-31 31-31 31c0 0-53.9-54-53.9-54c0 0-20.4 20.4-20.4 20.4c0 0 54 54 54 54c0 0-62.5 62.4-62.5 62.4c0 0 20.4 20.4 20.4 20.4c0 0 62.4-62.4 62.4-62.4c0 0 54 54 54 54c0 0 20.4-20.3 20.4-20.3c0 0-54-54.1-54-54.1c0 0 31.2-31.1 31.2-31.1c0 0-20.6-20.3-20.6-20.3Z">
              </path>
              <path
                d="M502.8 199.6c-13.4-9.9-30.1-15.8-48.1-15.8c-44.7 0-81 36.2-81 81c0 44.7 36.3 81 81 81c44.8 0 81-36.3 81-81h-28.8c0 28.8-23.3 52.2-52.2 52.2c-8.2 0-16-1.9-22.9-5.3l45.5-45.5l-20.4-20.4l-46.5 46.5c-5-8-7.9-17.4-7.9-27.5c0-28.9 23.4-52.2 52.2-52.2c10.1 0 19.4 2.8 27.4 7.7Z"
                fill-rule="evenodd"></path>
              <path d="M276.4 255.9c0 0-15-17.6-15-17.6c0 0-18.4 20-18.4 20c0 0 19.4 25.8 19.4 25.8c0 0 1.2 15.2 1.2 15.2c0 0 27 0 27 0c0 0 0-15.9 0-15.9c0 0 19.1-24.9 19.1-24.9c0 0-18.2-18.7-18.2-18.7c0 0-15.1 16.1-15.1 16.1Z"></path>
            </g>
            <path stroke="#000" stroke-width="30" d="M0-284.4c157 0 284.4 127.4 284.4 284.4c0 157-127.4 284.4-284.4 284.4c-157 0-284.4-127.4-284.4-284.4c0-157 127.4-284.4 284.4-284.4Z" fill="none" transform="translate(406.1,311.6) scale(.977,.977)">
            </path>
          </g>
          <g opacity="0" transform="translate(0,0) scale(.1,.1)">
            <g display="block" mask="url(#SearchBar_forward_Mask-10)" transform="translate(29.6,-29.6)">
              <path d="M224.2 478.3c0 0-210.6 210.5-210.6 210.5c0 0 20.4 20.4 20.4 20.4c0 0 210.7-210.7 210.7-210.7c-11.7-11-5.9-6-20.5-20.2Z"></path>
            </g>
            <g display="block" mask="url(#SearchBar_forward_Mask-11)">
              <path d="M436 393.5c0 0 8.7 .4 8.7 .4c0 0 .4 17.8 .4 17.8c0 0 23.6 0 23.6 0c0 0 0-17.8 0-17.8c0 0 9.4-0.4 9.4-0.4c0 0 0-22.6 0-22.6c0 0-42.1 0-42.1 0c0 0 0 22.6 0 22.6Z"></path>
              <path
                d="M297.2 405.2c0 0-20.8 20.8-20.8 20.8c0 0-35.4-35.6-35.4-35.6c0 0-20.3 20.5-20.3 20.5c0 0 35.4 35.5 35.4 35.5c0 0-62.5 62.4-62.5 62.4c0 0 20.4 20.4 20.4 20.4c0 0 62.4-62.4 62.4-62.4c0 0 35.6 35.5 35.6 35.5c0 0 20.2-20.2 20.2-20.2c0 0-35.4-35.7-35.4-35.7c0 0 21.1-21 21.1-21c0 0-20.7-20.2-20.7-20.2Z">
              </path>
              <path
                d="M502.8 199.6c-13.4-9.9-30.1-15.8-48.1-15.8c-44.7 0-81 36.2-81 81c0 44.7 36.3 81 81 81c44.8 0 81-36.3 81-81h-28.8c0 28.8-23.3 52.2-52.2 52.2c-8.2 0-16-1.9-22.9-5.3l33.7-33.7l-20.4-20.3l-34.7 34.6c-5-8-7.9-17.4-7.9-27.5c0-28.9 23.4-52.2 52.2-52.2c10.1 0 19.4 2.8 27.4 7.7Z"
                fill-rule="evenodd"></path>
              <path d="M276.4 255.9c0 0-10.7-12.4-10.7-12.4c0 0-18.1 20.1-18.1 20.1c0 0 14.9 20.6 14.9 20.6c0 0 1.2 10.7 1.2 10.7c0 0 26.8 0 26.8 0c0 0 0-11.5 0-11.5c0 0 14.6-19.6 14.6-19.6c0 0-17.9-18.6-17.9-18.6c0 0-10.8 10.7-10.8 10.7Z"></path>
            </g>
            <path stroke="#000" stroke-width="30" d="M0-277.5c153.1 0 277.5 124.4 277.5 277.5c0 153.1-124.4 277.5-277.5 277.5c-153.1 0-277.5-124.4-277.5-277.5c0-153.1 124.4-277.5 277.5-277.5Z" fill="none" display="block"
              transform="translate(411.2,307.1) scale(.977,.977)"></path>
          </g>
          <g opacity="0" transform="translate(0,0) scale(.1,.1)">
            <g display="block" mask="url(#SearchBar_forward_Mask-12)" transform="translate(20.3,-20.3)">
              <path d="M224.2 478.3c0 0-210.6 210.5-210.6 210.5c0 0 20.4 20.4 20.4 20.4c0 0 210.7-210.7 210.7-210.7c-11.7-11-5.9-6-20.5-20.2Z"></path>
            </g>
            <g display="block" mask="url(#SearchBar_forward_Mask-13)">
              <path d="M446 390.8c0 0 3.5 .2 3.5 .2c0 0 .2 7.3 .2 7.3c.1 0 14.2 0 14.2 0c0 0 0-7.3 0-7.3c0 0 4-0.2 4-0.2c0 0 0-13.5 0-13.5c0 0-21.9 0-21.9 0c0 0 0 13.5 0 13.5Z"></path>
              <path
                d="M287.9 414.4c0 0-11.5 11.6-11.5 11.6c0 0-18.5-18.8-18.5-18.8c0 0-20.3 20.5-20.3 20.5c0 0 18.5 18.7 18.5 18.7c0 0-62.5 62.4-62.5 62.4c0 0 20.4 20.4 20.4 20.4c0 0 62.4-62.4 62.4-62.4c0 0 18.7 18.7 18.7 18.7c0 0 20.2-20 20.2-20c0 0-18.5-19.1-18.5-19.1c0 0 11.9-11.8 11.9-11.8c0 0-20.8-20.2-20.8-20.2Z">
              </path>
              <path
                d="M502.8 199.6c-13.4-10-30.1-15.8-48.1-15.8c-44.7 0-81 36.2-81 81c0 44.7 36.3 81 81 81c44.8 0 81-36.3 81-81h-28.8c0 28.8-23.3 52.2-52.2 52.2c-8.2 0-16-1.9-22.9-5.3l22.4-22.4l-20.4-20.4l-23.4 23.4c-5-8-7.9-17.4-7.9-27.5c0-28.9 23.4-52.2 52.2-52.2c10.1 0 19.4 2.8 27.4 7.7Z"
                fill-rule="evenodd"></path>
              <path d="M276.4 259.4c0 0-4.5-5.2-4.5-5.2c0 0-10.7 12.1-10.7 12.1c0 0 6.9 10.1 6.9 10.1c0 0 .8 4.5 .8 4.5c0 0 16 0 16 0c0 0 0-5 0-5c0 0 6.7-9.4 6.7-9.4c0 0-10.6-11.2-10.6-11.2c0 0-4.6 4.1-4.6 4.1Z"></path>
            </g>
            <path stroke="#000" stroke-width="30" d="M0-272.5c150.4 0 272.5 122.1 272.5 272.5c0 150.4-122.1 272.5-272.5 272.5c-150.4 0-272.5-122.1-272.5-272.5c0-150.4 122.1-272.5 272.5-272.5Z" fill="none" display="block"
              transform="translate(414.9,303.7) scale(.977,.977)"></path>
          </g>
          <g opacity="0" transform="translate(0,0) scale(.1,.1)">
            <g display="block" mask="url(#SearchBar_forward_Mask-14)" transform="translate(13.4,-13.4)">
              <path d="M224.2 478.3c0 0-210.6 210.5-210.6 210.5c0 0 20.4 20.4 20.4 20.4c0 0 210.7-210.7 210.7-210.7c-11.7-11-5.9-6-20.5-20.2Z"></path>
            </g>
            <g display="block" mask="url(#SearchBar_forward_Mask-15)">
              <path d="M453.6 388.1c0 0 .7 0 .7 0c0 0 .1 1.7 .1 1.7c0 0 4.7 0 4.7 0c0 0 0-1.7 0-1.7c0 0 1 0 1 0c0 0 0-4.5 0-4.5c0 0-6.5 0-6.5 0c0 0 0 4.5 0 4.5Z"></path>
              <path
                d="M280.8 421.5c0 0-4.4 4.5-4.4 4.5c0 0-5.5-5.9-5.5-5.9c0 0-20.3 20.6-20.3 20.6c0 0 5.5 5.7 5.5 5.7c0 0-62.5 62.4-62.5 62.4c0 0 20.4 20.4 20.4 20.4c0 0 62.4-62.4 62.4-62.4c0 0 5.8 5.7 5.8 5.7c0 0 20.1-19.9 20.1-19.9c0 0-5.5-6.2-5.5-6.2c0 0 4.8-4.6 4.8-4.6c0 0-20.8-20.3-20.8-20.3Z">
              </path>
              <path
                d="M502.8 199.6c-13.4-10-30.1-15.8-48.1-15.8c-44.7 0-81 36.2-81 81c0 44.7 36.3 81 81 81c44.8 0 81-36.3 81-81h-28.8c0 28.8-23.3 52.2-52.2 52.2c-8.2 0-16-1.9-22.9-5.3l11.9-11.9l-20.4-20.3l-12.9 12.8c-5-8-7.9-17.4-7.9-27.5c0-28.9 23.4-52.2 52.2-52.2c10.1 0 19.4 2.8 27.4 7.7Z"
                fill-rule="evenodd"></path>
              <path d="M276.4 262.9c0 0-1-1.2-1-1.2c0 0-3.6 4-3.6 4c0 0 1.9 2.8 1.9 2.8c0 0 .2 1.1 .2 1.1c0 0 5.4 0 5.4 0c0 0 0-1.2 0-1.2c0 0 1.7-2.6 1.7-2.6c0 0-3.5-3.7-3.5-3.7c0 0-1.1 .8-1.1 .8Z"></path>
            </g>
            <path stroke="#000" stroke-width="30" d="M0-268.8c148.4 0 268.8 120.4 268.8 268.8c0 148.4-120.4 268.8-268.8 268.8c-148.4 0-268.8-120.4-268.8-268.8c0-148.4 120.4-268.8 268.8-268.8Z" fill="none" display="block"
              transform="translate(417.6,301.3) scale(.977,.977)"></path>
          </g>
          <g opacity="0" transform="translate(0,0) scale(.1,.1)">
            <g display="block" mask="url(#SearchBar_forward_Mask-16)" transform="translate(7.3,-7.3)">
              <path d="M224.2 478.3c0 0-210.6 210.5-210.6 210.5c0 0 20.4 20.4 20.4 20.4c0 0 210.7-210.7 210.7-210.7c-11.7-11-5.9-6-20.5-20.2Z"></path>
            </g>
            <g display="block" mask="url(#SearchBar_forward_Mask-17)">
              <path d="M275.4 426.9c0 0-19.3 19.5-19.3 19.5c0 0-62.5 62.4-62.5 62.4c0 0 20.4 20.4 20.4 20.4c0 0 62.4-62.4 62.4-62.4c0 0 19.9-19.7 19.9-19.7c0 0-20.9-20.2-20.9-20.2Z"></path>
              <path
                d="M411.4 291.3l20.7 20.7l.1-0.1c6.8 3.2 14.5 5.1 22.5 5.1c28.9 0 52.2-23.4 52.2-52.2h28.8c0 44.7-36.2 81-81 81c-44.7 0-81-36.3-81-81c0-44.8 36.3-81 81-81c18 0 21.9 6.3 35.3 16.2l-7.9 20.3c-8-4.9-17.3-7.7-27.4-7.7c-28.8 0-52.2 23.3-52.2 52.2c0 10.1 2.9 19.5 7.9 27.5Z"
                fill-rule="evenodd"></path>
            </g>
            <path stroke="#000" stroke-width="30" d="M0-265.6c146.6 0 265.6 119 265.6 265.6c0 146.6-119 265.6-265.6 265.6c-146.6 0-265.6-119-265.6-265.6c0-146.6 119-265.6 265.6-265.6Z" fill="none" display="block"
              transform="translate(420,299.1) scale(.977,.977)"></path>
          </g>
          <g opacity="0" transform="translate(0,0) scale(.1,.1)">
            <g display="block" mask="url(#SearchBar_forward_Mask-18)" transform="translate(4,-4)">
              <path d="M224.2 478.3c0 0-210.6 210.5-210.6 210.5c0 0 20.4 20.4 20.4 20.4c0 0 210.7-210.7 210.7-210.7c-11.7-11-5.9-6-20.5-20.2Z"></path>
            </g>
            <g display="block" mask="url(#SearchBar_forward_Mask-19)">
              <path d="M265.4 437.1c0 0-9.3 9.3-9.3 9.3c0 0-62.5 62.4-62.5 62.4c0 0 20.4 20.4 20.4 20.4c0 0 62.4-62.4 62.4-62.4c0 0 9.8-9.6 9.8-9.6c0 0-20.8-20.1-20.8-20.1Z"></path>
              <path
                d="M403 299.3l20.9 20.9l8.3-8.3c6.8 3.2 14.5 5.1 22.5 5.1c28.9 0 52.2-23.4 52.2-52.2h28.8c0 44.7-36.2 81-81 81c-44.7 0-81-36.3-81-81c0-44.8 36.3-81 81-81c18 0 34.6 5.8 48.1 15.8l-20.7 20.7c-8-4.9-17.3-7.7-27.4-7.7c-28.8 0-52.2 23.3-52.2 52.2c0 10 2.9 19.3 7.8 27.3Z"
                fill-rule="evenodd"></path>
            </g>
            <path stroke="#000" stroke-width="30" d="M0-263.8c145.6 0 263.8 118.2 263.8 263.8c0 145.6-118.2 263.8-263.8 263.8c-145.6 0-263.8-118.2-263.8-263.8c0-145.6 118.2-263.8 263.8-263.8Z" fill="none" display="block"
              transform="translate(421.2,297.8) scale(.977,.977)"></path>
          </g>
          <g clip-path="url(#SearchBar_forward_ClipPath-1)" opacity="0" transform="translate(0,0) scale(.1,.1)">
            <g display="block" mask="url(#SearchBar_forward_Mask-20)">
              <path d="M224.2 478.3c0 0-210.6 210.5-210.6 210.5c0 0 20.4 20.4 20.4 20.4c0 0 210.7-210.7 210.7-210.7c-11.7-11-5.9-6-20.5-20.2Z"></path>
            </g>
            <path stroke="#000" stroke-width="30" d="M0-261.7c144.4 0 261.7 117.3 261.7 261.7c0 144.4-117.3 261.7-261.7 261.7c-144.4 0-261.7-117.3-261.7-261.7c0-144.4 117.3-261.7 261.7-261.7Z" fill="none" display="block"
              transform="translate(422.8,296.4) scale(.977,.977)"></path>
          </g>
        </svg>
      </div>
    </div>
    <div class="js-yxt-AnimatedReverse yxt-SearchBar-AnimatedIcon--paused yxt-SearchBar-AnimatedIcon--inactive component" data-component="IconComponent"
      data-opts="{&quot;iconName&quot;:&quot;yext_animated_reverse&quot;,&quot;classNames&quot;:&quot;Icon--lg&quot;,&quot;complexContentsParams&quot;:{&quot;iconPrefix&quot;:&quot;SearchBar&quot;}}" data-is-component-mounted="true">
      <div class="Icon Icon--yext_animated_reverse Icon--lg" aria-hidden="true">
        <svg viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg">
          <defs>
            <mask id="SearchBar_reverse_Mask-1">
              <rect fill="#fff" width="720" height="720"></rect>
            </mask>
            <mask id="SearchBar_reverse_Mask-2">
              <rect x="-144.3" y="144.3" fill="#fff" width="720" height="720"></rect>
              <path d="M-0.3 .1c0 0 1.3 1.2 1.3 1.2c0 0 .3-1.6 .3-1.6c0 0-1.6 .4-1.6 .4"></path>
              <path fill="#fff" d="M.3 .7c0 0-0.3 .3-0.3 .3c0 0 0 0 0 0c0 0 .3-0.3 .3-0.3c0 0 0 0 0 0"></path>
              <path d="M.3 .7c0 0-0.1 0-0.1 0c0 0 .1 .1 .1 .1c0 0 .1-0.1 .1-0.1c0 0-0.1 0-0.1 0m222.8 469.1c0 0-70.5 69.4-70.5 69.4c0 0 34.1 33.5 34.1 33.5c0 0 67-72.9 67-72.9c0 0-30.6-30-30.6-30"></path>
            </mask>
            <mask id="SearchBar_reverse_Mask-3">
              <rect fill="#fff" width="720" height="720"></rect>
              <path
                d="M489.8 277.4c0 0 78 18.8 78 18.8c0 0-96.1 61.5-96.1 61.5c0 0 59.6-41.1 59.6-41.1c0 0 10.6-53.8 10.6-53.8c0 0-38.2 .6-38.2 .6c0 0-13.9 14-13.9 14m-67.8-108.1c0 0 73.9 1.3 73.9 1.3c0 0-33.8 54.5-33.8 54.5c0 0 18.6-3.2 18.6-3.2c0 0 35.4-36.5 35.4-36.5c0 0-62-25.9-62-25.9c0 0-32.1 9.8-32.1 9.8">
              </path>
            </mask>
            <mask id="SearchBar_reverse_Mask-4">
              <rect x="-91.1" y="91.1" fill="#fff" width="720" height="720"></rect>
              <path d="M-0.3 .1c0 0 1.3 1.2 1.3 1.2c0 0 .3-1.6 .3-1.6c0 0-1.6 .4-1.6 .4"></path>
              <path fill="#fff" d="M.3 .7c0 0-0.3 .3-0.3 .3c0 0 0 0 0 0c0 0 .3-0.3 .3-0.3c0 0 0 0 0 0"></path>
              <path d="M.3 .7c0 0-0.1 0-0.1 0c0 0 .1 .1 .1 .1c0 0 .1-0.1 .1-0.1c0 0-0.1 0-0.1 0m222.8 469.1c0 0-70.5 69.4-70.5 69.4c0 0 34.1 33.5 34.1 33.5c0 0 67-72.9 67-72.9c0 0-30.6-30-30.6-30"></path>
            </mask>
            <mask id="SearchBar_reverse_Mask-5">
              <rect fill="#fff" width="720" height="720"></rect>
              <path
                d="M488.4 291.4c0 0 40.5 39.3 40.5 39.3c0 0-57.2 27-57.2 27c0 0 59.6-41.1 59.6-41.1c0 0 10.6-53.8 10.6-53.8c0 0-38.2 .6-38.2 .6c0 0-15.3 28-15.3 28m-90.5-97.4c0 0 52-11.3 52-11.3c0 0-6 45.2-6 45.2c0 0 36.8-6 36.8-6c0 0 39.3-31.9 39.3-31.9c0 0-65.9-30.5-65.9-30.5c0 0-56.2 34.5-56.2 34.5">
              </path>
            </mask>
            <mask id="SearchBar_reverse_Mask-6">
              <rect x="-61.3" y="61.3" fill="#fff" width="720" height="720"></rect>
            </mask>
            <mask id="SearchBar_reverse_Mask-7">
              <rect fill="#fff" width="720" height="720"></rect>
              <path
                d="M481.8 298.4c0 0 27.5 39.8 27.5 39.8c0 0-37.6 19.5-37.6 19.5c0 0 59.6-41.1 59.6-41.1c0 0 10.6-53.8 10.6-53.8c0 0-38.2 .6-38.2 .6c0 0-21.9 35-21.9 35m-108.1-79.7c0 0 30.2-23.8 30.2-23.8c0 0 21.7 35.9 21.7 35.9c0 0 55.1-8.9 55.1-8.9c0 0 35.4-36.5 35.4-36.5c0 0-62-25.9-62-25.9c0 0-80.4 59.2-80.4 59.2">
              </path>
            </mask>
            <mask id="SearchBar_reverse_Mask-8">
              <rect x="-42.6" y="42.6" fill="#fff" width="720" height="720"></rect>
            </mask>
            <mask id="SearchBar_reverse_Mask-9">
              <rect fill="#fff" width="720" height="720"></rect>
              <path
                d="M475.2 305.4c0 0 14.5 40.3 14.5 40.3c0 0-18 12-18 12c0 0 59.6-41.1 59.6-41.1c0 0 10.6-53.8 10.6-53.8c0 0-38.2 .6-38.2 .6c0 0-28.5 42-28.5 42m-113.6-74.3c0 0 17.9-18.5 17.9-18.5c0 0 36.4 25.3 36.4 25.3c0 0 64.8-16 64.8-16c0 0 39.3-31.9 39.3-31.9c0 0-65.9-30.5-65.9-30.5c0 0-92.5 71.6-92.5 71.6">
              </path>
            </mask>
            <mask id="SearchBar_reverse_Mask-10">
              <rect x="-29.6" y="29.6" fill="#fff" width="720" height="720"></rect>
            </mask>
            <mask id="SearchBar_reverse_Mask-11">
              <rect fill="#fff" width="720" height="720"></rect>
              <path
                d="M468.6 312.4c0 0 1.5 40.8 1.5 40.8c0 0 1.6 4.5 1.6 4.5c0 0 59.6-41.1 59.6-41.1c0 0 10.6-53.8 10.6-53.8c0 0-38.2 .6-38.2 .6c0 0-35.1 49-35.1 49m-107-81.3c0 0 15.1 4.9 15.1 4.9c0 0 38.2 13.3 38.2 13.3c0 0 65.8-27.4 65.8-27.4c0 0 39.3-21.9 39.3-21.9c0 0-65.9-40.5-65.9-40.5c0 0-92.5 71.6-92.5 71.6">
              </path>
            </mask>
            <mask id="SearchBar_reverse_Mask-12">
              <rect x="-20.3" y="20.3" fill="#fff" width="720" height="720"></rect>
            </mask>
            <mask id="SearchBar_reverse_Mask-13">
              <rect fill="#fff" width="720" height="720"></rect>
              <path
                d="M456.6 311.9c0 0-7 35.6-7 35.6c0 0 22.1 10.2 22.1 10.2c0 0 59.6-41.1 59.6-41.1c0 0 10.6-53.8 10.6-53.8c0 0-38.2 .6-38.2 .6c0 0-47.1 48.5-47.1 48.5m-95-80.8c0 0 12.3 28.3 12.3 28.3c0 0 39.9 1.3 39.9 1.3c0 0 66.9-38.8 66.9-38.8c0 0 39.3-21.9 39.3-21.9c0 0-65.9-40.5-65.9-40.5c0 0-92.5 71.6-92.5 71.6">
              </path>
            </mask>
            <mask id="SearchBar_reverse_Mask-14">
              <rect x="-13.4" y="13.4" fill="#fff" width="720" height="720"></rect>
            </mask>
            <mask id="SearchBar_reverse_Mask-15">
              <rect fill="#fff" width="720" height="720"></rect>
              <path
                d="M444.6 311.4c0 0-15.6 30.5-15.6 30.5c0 0 42.7 15.8 42.7 15.8c0 0 59.6-41.1 59.6-41.1c0 0 10.6-53.8 10.6-53.8c0 0-38.2 .6-38.2 .6c0 0-59.1 48-59.1 48m-83-80.3c0 0 9.5 51.7 9.5 51.7c0 0 41.7-10.8 41.7-10.8c0 0 67.9-50.1 67.9-50.1c0 0 50.6-31.9 50.6-31.9c0 0-77.2-30.5-77.2-30.5c0 0-92.5 71.6-92.5 71.6">
              </path>
            </mask>
            <mask id="SearchBar_reverse_Mask-16">
              <rect x="-7.3" y="7.3" fill="#fff" width="720" height="720"></rect>
            </mask>
            <mask id="SearchBar_reverse_Mask-17">
              <rect fill="#fff" width="720" height="720"></rect>
              <path
                d="M432.6 310.9c0 0-24.2 25.3-24.2 25.3c0 0 63.3 21.5 63.3 21.5c0 0 59.6-41.1 59.6-41.1c0 0 10.6-53.8 10.6-53.8c0 0-38.2 .6-38.2 .6c0 0-71.1 47.5-71.1 47.5m-71-79.8c0 0 20.3 90.4 20.3 90.4c0 0 29-29.5 29-29.5c0 0 69.8-70.1 69.8-70.1c0 0 35.4-36.5 35.4-36.5c0 0-62-25.9-62-25.9c0 0-92.5 71.6-92.5 71.6">
              </path>
            </mask>
            <mask id="SearchBar_reverse_Mask-18">
              <rect x="-4" y="4" fill="#fff" width="720" height="720"></rect>
            </mask>
            <mask id="SearchBar_reverse_Mask-19">
              <rect fill="#fff" width="720" height="720"></rect>
              <path
                d="M432.6 310.9c0 0-24.2 25.3-24.2 25.3c0 0 63.3 21.5 63.3 21.5c0 0 59.6-41.1 59.6-41.1c0 0 10.6-53.8 10.6-53.8c0 0-38.2 .6-38.2 .6c0 0-71.1 47.5-71.1 47.5m-71-79.8c0 0 20.3 90.4 20.3 90.4c0 0 29-29.5 29-29.5c0 0 69.8-70.1 69.8-70.1c0 0 39.3-31.9 39.3-31.9c0 0-65.9-30.5-65.9-30.5c0 0-92.5 71.6-92.5 71.6">
              </path>
            </mask>
            <mask id="SearchBar_reverse_Mask-20">
              <rect fill="#fff" width="720" height="720"></rect>
            </mask>
            <clipPath id="SearchBar_reverse_ClipPath-1">
              <rect width="720" height="720"></rect>
            </clipPath>
          </defs>
          <g transform="translate(0,0) scale(.1,.1)">
            <g mask="url(#SearchBar_reverse_Mask-1)">
              <path d="M377.5 395.3c0 0 64.8 0 64.8 0c0 0 0 129.6 0 129.6c0 0 28.8 0 28.8 0c0 0 0-129.6 0-129.6c0 0 64.8 0 64.8 0c0 0 0-28.8 0-28.8c0 0-158.4 0-158.4 0c0 0 0 28.8 0 28.8Z"></path>
              <path
                d="M338.9 363.6c0 0-62.5 62.4-62.5 62.4c0 0-62.4-62.4-62.4-62.4c0 0-20.4 20.4-20.4 20.4c0 0 62.5 62.4 62.5 62.4c0 0-62.5 62.4-62.5 62.4c0 0 20.4 20.4 20.4 20.4c0 0 62.4-62.4 62.4-62.4c0 0 62.5 62.4 62.5 62.4c0 0 20.3-20.4 20.3-20.4c0 0-62.4-62.4-62.4-62.4c0 0 62.4-62.4 62.4-62.4c0 0-20.3-20.4-20.3-20.4Z">
              </path>
              <path
                d="M454.7 345.8c44.8 0 81-36.3 81-81c0 0-28.8 0-28.8 0c0 28.8-23.3 52.2-52.2 52.2c-8.2 0-16-1.9-22.9-5.3c0 0 69.8-69.9 69.8-69.9c0 0 21.1-21 21.1-21c-14.4-22.3-39.5-37-68-37c-44.7 0-81 36.2-81 81c0 44.7 36.3 81 81 81Zm0-133.2c10.2 0 19.6 2.9 27.6 7.9c0 0-71.9 71.8-71.9 71.8c-5-8-7.9-17.4-7.9-27.5c0-28.9 23.4-52.2 52.2-52.2Z">
              </path>
              <path d="M276.4 255.9c0 0-60.7-72.8-60.7-72.8c0 0-22.1 18.6-22.1 18.6c0 0 68.4 82 68.4 82c0 0 0 62.4 0 62.4c0 0 28.8 0 28.8 0c0 0 0-62.6 0-62.6c0 0 68.4-81.8 68.4-81.8c0 0-22-18.6-22-18.6c0 0-60.8 72.8-60.8 72.8Z"></path>
            </g>
            <path stroke="#000" stroke-width="30" d="M0-353.7c195.2 0 353.7 158.5 353.7 353.7c0 195.2-158.5 353.7-353.7 353.7c-195.2 0-353.7-158.5-353.7-353.7c0-195.2 158.5-353.7 353.7-353.7Z" fill="none"
              transform="translate(359.8,360.4) scale(.977,.977)"></path>
          </g>
          <g opacity="0" transform="translate(0,0) scale(.1,.1)">
            <g display="block" mask="url(#SearchBar_reverse_Mask-2)" transform="translate(144.3,-144.3)">
              <path d="M224.2 478.3c0 0-210.6 210.5-210.6 210.5c0 0 20.4 20.4 20.4 20.4c0 0 210.7-210.7 210.7-210.7c-11.7-11-5.9-6-20.5-20.2Z"></path>
            </g>
            <g display="block" mask="url(#SearchBar_reverse_Mask-3)">
              <path d="M390.6 395.2c0 0 51.7 .1 51.7 .1c0 0 .1 103.6 .1 103.6c0 0 28.7 0 28.7 0c0 0 0-103.6 0-103.6c0 0 52-0.1 52-0.1c0 0 0-28.4 0-28.4c0 0-132.5 0-132.5 0c0 0 0 28.4 0 28.4Z"></path>
              <path
                d="M329 373.4c0 .1-52.6 52.6-52.6 52.6c0 0-62.4-62.4-62.4-62.4c0 0-20.4 20.4-20.4 20.4c0 0 62.5 62.4 62.5 62.4c0 0-62.5 62.4-62.5 62.4c0 0 20.4 20.4 20.4 20.4c0 0 62.4-62.4 62.4-62.4c0 0 62.5 62.4 62.5 62.4c0 0 20.3-20.4 20.3-20.4c0 0-62.4-62.4-62.4-62.4c0 0 52.6-52.6 52.6-52.6c0 0-20.4-20.3-20.4-20.3Z">
              </path>
              <path
                d="M454.7 345.8c44.8 0 81-36.3 81-81c0 0-28.8 0-28.8 0c0 28.8-23.3 52.2-52.2 52.2c-8.2 0-16-1.9-22.9-5.3c0 0 69.8-69.9 69.8-69.9c0 0 21.1-21 21.1-21c-14.4-22.3-39.5-37-68-37c-44.7 0-81 36.2-81 81c0 44.7 36.3 81 81 81Zm0-133.2c10.2 0 19.6 2.9 27.6 7.9c0 0-71.9 71.8-71.9 71.8c-5-8-7.9-17.4-7.9-27.5c0-28.9 23.4-52.2 52.2-52.2Z">
              </path>
              <path d="M276.4 255.9c0 0-48.7-58.3-48.7-58.3c0 0-21.1 19-21.1 19c0 0 55.5 67.2 55.5 67.2c0 0 .3 50 .3 50c0 0 28.4 0 28.4 0c0 0 0-50.3 0-50.3c0 0 55.4-66.9 55.4-66.9c0 0-21-18.6-21-18.6c0 0-48.8 57.9-48.8 57.9Z"></path>
            </g>
            <path stroke="#000" stroke-width="30" d="M0-336.2c185.6 0 336.2 150.6 336.2 336.2c0 185.6-150.6 336.2-336.2 336.2c-185.6 0-336.2-150.6-336.2-336.2c0-185.6 150.6-336.2 336.2-336.2Z" fill="none" display="block"
              transform="translate(370.8,347.5) scale(.977,.977)"></path>
          </g>
          <g opacity="0" transform="translate(0,0) scale(.1,.1)">
            <g mask="url(#SearchBar_reverse_Mask-4)" transform="translate(91.1,-91.1)">
              <path d="M224.2 478.3c0 0-210.6 210.5-210.6 210.5c0 0 20.4 20.4 20.4 20.4c0 0 210.7-210.7 210.7-210.7c-11.7-11-5.9-6-20.5-20.2Z"></path>
            </g>
            <g mask="url(#SearchBar_reverse_Mask-5)">
              <path d="M409.7 395.1c0 0 32.6 .2 32.6 .2c0 0 .3 65.5 .3 65.5c0 0 28.5 0 28.5 0c0 0 0-65.5 0-65.5c0 0 33.1-0.2 33.1-0.2c0 0 0-27.8 0-27.8c0 0-94.5 0-94.5 0c0 0 0 27.8 0 27.8Z"></path>
              <path
                d="M319.7 382.8c0 0-43.3 43.2-43.3 43.2c0 0-62.4-62.4-62.4-62.4c0 0-20.4 20.4-20.4 20.4c0 0 62.5 62.4 62.5 62.4c0 0-62.5 62.4-62.5 62.4c0 0 20.4 20.4 20.4 20.4c0 0 62.4-62.4 62.4-62.4c0 0 62.5 62.4 62.5 62.4c0 0 20.3-20.4 20.3-20.4c0 0-62.4-62.4-62.4-62.4c0 0 43.4-43.3 43.4-43.3c0 0-20.5-20.3-20.5-20.3Z">
              </path>
              <path
                d="M502.8 199.6c-13.4-9.9-30-15.8-48.1-15.8c-44.7 0-81 36.2-81 81c0 44.7 36.3 81 81 81c44.8 0 81-36.3 81-81h-28.8c0 28.8-23.3 52.2-52.2 52.2c-8.2 0-16-1.9-22.9-5.3l69.8-69.9l.3-0.2l-20.3-20.4l-71.2 71.1c-5-8-7.9-17.4-7.9-27.5c0-28.9 23.4-52.2 52.2-52.2c10.1 0 19.4 2.8 27.4 7.7Z"
                fill-rule="evenodd"></path>
              <path d="M276.4 255.9c0 0-31.1-37-31.1-37c0 0-19.7 19.5-19.7 19.5c0 0 36.7 45.6 36.7 45.6c0 0 .7 31.8 .7 31.8c0 0 27.7 0 27.7 0c0 0 0-32.4 0-32.4c0 0 36.5-44.9 36.5-44.9c0 0-19.6-18.6-19.6-18.6c0 0-31.2 36-31.2 36Z"></path>
            </g>
            <path stroke="#000" stroke-width="30" d="M0-310c171.1 0 310 138.9 310 310c0 171.1-138.9 310-310 310c-171.1 0-310-138.9-310-310c0-171.1 138.9-310 310-310Z" fill="none" transform="translate(387.8,328.7) scale(.977,.977)"></path>
          </g>
          <g opacity="0" transform="translate(0,0) scale(.1,.1)">
            <g display="block" mask="url(#SearchBar_reverse_Mask-6)" transform="translate(61.3,-61.3)">
              <path d="M224.2 478.3c0 0-210.6 210.5-210.6 210.5c0 0 20.4 20.4 20.4 20.4c0 0 210.7-210.7 210.7-210.7c-11.7-11-5.9-6-20.5-20.2Z"></path>
            </g>
            <g mask="url(#SearchBar_reverse_Mask-7)">
              <path d="M420.4 395c0 0 21.9 .3 21.9 .3c0 0 .4 44.1 .4 44.1c0 0 28.4 0 28.4 0c0 0 0-44.1 0-44.1c0 0 22.6-0.3 22.6-0.3c0 0 0-27.5 0-27.5c0 0-73.3 0-73.3 0c0 0 0 27.5 0 27.5Z"></path>
              <path
                d="M313.2 389.2c0 0-36.8 36.8-36.8 36.8c0 0-62.4-62.4-62.4-62.4c0 0-20.4 20.4-20.4 20.4c0 0 62.5 62.4 62.5 62.4c0 0-62.5 62.4-62.5 62.4c0 0 20.4 20.4 20.4 20.4c0 0 62.4-62.4 62.4-62.4c0 0 62.5 62.4 62.5 62.4c0 0 20.3-20.4 20.3-20.4c0 0-62.4-62.4-62.4-62.4c0 0 37-36.9 37-36.9c0 0-20.6-20.3-20.6-20.3Z">
              </path>
              <path
                d="M500 200c-13.4-9.9-27.2-16.2-45.3-16.2c-44.7 0-81 36.2-81 81c0 44.7 36.3 81 81 81c44.8 0 81-36.3 81-81h-28.8c0 28.8-23.3 52.2-52.2 52.2c-8.2 0-16-1.9-22.9-5.3l57.7-57.7l-20.3-20.4l-58.8 58.7c-5-8-7.9-17.4-7.9-27.5c0-28.9 23.4-52.2 52.2-52.2c10.1 0 19.4 2.8 27.4 7.7Z"
                fill-rule="evenodd"></path>
              <path d="M276.4 255.9c0 0-21.2-25.1-21.2-25.1c0 0-19 19.8-19 19.8c0 0 26.2 33.5 26.2 33.5c0 0 1 21.6 1 21.6c0 0 27.2 0 27.2 0c0 0 0-22.3 0-22.3c0 0 25.9-32.7 25.9-32.7c0 0-18.8-18.6-18.8-18.6c0 0-21.3 23.8-21.3 23.8Z"></path>
            </g>
            <path stroke="#000" stroke-width="30" d="M0-294.3c162.4 0 294.3 131.9 294.3 294.3c0 162.4-131.9 294.3-294.3 294.3c-162.4 0-294.3-131.9-294.3-294.3c0-162.4 131.9-294.3 294.3-294.3Z" fill="none" display="block"
              transform="translate(398.7,318.2) scale(.977,.977)"></path>
          </g>
          <g opacity="0" transform="translate(0,0) scale(.1,.1)">
            <g mask="url(#SearchBar_reverse_Mask-8)" transform="translate(42.6,-42.6)">
              <path d="M224.2 478.3c0 0-210.6 210.5-210.6 210.5c0 0 20.4 20.4 20.4 20.4c0 0 210.7-210.7 210.7-210.7c-11.7-11-5.9-6-20.5-20.2Z"></path>
            </g>
            <g display="block" mask="url(#SearchBar_reverse_Mask-9)">
              <path d="M427.2 394.9c0 0 15.1 .4 15.1 .4c0 0 .4 30.7 .4 30.7c0 0 28.4 0 28.4 0c0 0 0-30.7 0-30.7c0 0 15.9-0.4 15.9-0.4c0 0 0-27.2 0-27.2c0 0-59.8 0-59.8 0c0 0 0 27.2 0 27.2Z"></path>
              <path
                d="M307.4 395c0 0-31 31-31 31c0 0-53.9-54-53.9-54c0 0-20.4 20.4-20.4 20.4c0 0 54 54 54 54c0 0-62.5 62.4-62.5 62.4c0 0 20.4 20.4 20.4 20.4c0 0 62.4-62.4 62.4-62.4c0 0 54 54 54 54c0 0 20.4-20.3 20.4-20.3c0 0-54-54.1-54-54.1c0 0 31.2-31.1 31.2-31.1c0 0-20.6-20.3-20.6-20.3Z">
              </path>
              <path
                d="M502.8 199.6c-13.4-9.9-30.1-15.8-48.1-15.8c-44.7 0-81 36.2-81 81c0 44.7 36.3 81 81 81c44.8 0 81-36.3 81-81h-28.8c0 28.8-23.3 52.2-52.2 52.2c-8.2 0-16-1.9-22.9-5.3l45.5-45.5l-20.4-20.4l-46.5 46.5c-5-8-7.9-17.4-7.9-27.5c0-28.9 23.4-52.2 52.2-52.2c10.1 0 19.4 2.8 27.4 7.7Z"
                fill-rule="evenodd"></path>
              <path d="M276.4 255.9c0 0-15-17.6-15-17.6c0 0-18.4 20-18.4 20c0 0 19.4 25.8 19.4 25.8c0 0 1.2 15.2 1.2 15.2c0 0 27 0 27 0c0 0 0-15.9 0-15.9c0 0 19.1-24.9 19.1-24.9c0 0-18.2-18.7-18.2-18.7c0 0-15.1 16.1-15.1 16.1Z"></path>
            </g>
            <path stroke="#000" stroke-width="30" d="M0-284.4c157 0 284.4 127.4 284.4 284.4c0 157-127.4 284.4-284.4 284.4c-157 0-284.4-127.4-284.4-284.4c0-157 127.4-284.4 284.4-284.4Z" fill="none" transform="translate(406.1,311.6) scale(.977,.977)">
            </path>
          </g>
          <g opacity="0" transform="translate(0,0) scale(.1,.1)">
            <g display="block" mask="url(#SearchBar_reverse_Mask-10)" transform="translate(29.6,-29.6)">
              <path d="M224.2 478.3c0 0-210.6 210.5-210.6 210.5c0 0 20.4 20.4 20.4 20.4c0 0 210.7-210.7 210.7-210.7c-11.7-11-5.9-6-20.5-20.2Z"></path>
            </g>
            <g display="block" mask="url(#SearchBar_reverse_Mask-11)">
              <path d="M436 393.5c0 0 8.7 .4 8.7 .4c0 0 .4 17.8 .4 17.8c0 0 23.6 0 23.6 0c0 0 0-17.8 0-17.8c0 0 9.4-0.4 9.4-0.4c0 0 0-22.6 0-22.6c0 0-42.1 0-42.1 0c0 0 0 22.6 0 22.6Z"></path>
              <path
                d="M297.2 405.2c0 0-20.8 20.8-20.8 20.8c0 0-35.4-35.6-35.4-35.6c0 0-20.3 20.5-20.3 20.5c0 0 35.4 35.5 35.4 35.5c0 0-62.5 62.4-62.5 62.4c0 0 20.4 20.4 20.4 20.4c0 0 62.4-62.4 62.4-62.4c0 0 35.6 35.5 35.6 35.5c0 0 20.2-20.2 20.2-20.2c0 0-35.4-35.7-35.4-35.7c0 0 21.1-21 21.1-21c0 0-20.7-20.2-20.7-20.2Z">
              </path>
              <path
                d="M502.8 199.6c-13.4-9.9-30.1-15.8-48.1-15.8c-44.7 0-81 36.2-81 81c0 44.7 36.3 81 81 81c44.8 0 81-36.3 81-81h-28.8c0 28.8-23.3 52.2-52.2 52.2c-8.2 0-16-1.9-22.9-5.3l33.7-33.7l-20.4-20.3l-34.7 34.6c-5-8-7.9-17.4-7.9-27.5c0-28.9 23.4-52.2 52.2-52.2c10.1 0 19.4 2.8 27.4 7.7Z"
                fill-rule="evenodd"></path>
              <path d="M276.4 255.9c0 0-10.7-12.4-10.7-12.4c0 0-18.1 20.1-18.1 20.1c0 0 14.9 20.6 14.9 20.6c0 0 1.2 10.7 1.2 10.7c0 0 26.8 0 26.8 0c0 0 0-11.5 0-11.5c0 0 14.6-19.6 14.6-19.6c0 0-17.9-18.6-17.9-18.6c0 0-10.8 10.7-10.8 10.7Z"></path>
            </g>
            <path stroke="#000" stroke-width="30" d="M0-277.5c153.1 0 277.5 124.4 277.5 277.5c0 153.1-124.4 277.5-277.5 277.5c-153.1 0-277.5-124.4-277.5-277.5c0-153.1 124.4-277.5 277.5-277.5Z" fill="none" display="block"
              transform="translate(411.2,307.1) scale(.977,.977)"></path>
          </g>
          <g opacity="0" transform="translate(0,0) scale(.1,.1)">
            <g display="block" mask="url(#SearchBar_reverse_Mask-12)" transform="translate(20.3,-20.3)">
              <path d="M224.2 478.3c0 0-210.6 210.5-210.6 210.5c0 0 20.4 20.4 20.4 20.4c0 0 210.7-210.7 210.7-210.7c-11.7-11-5.9-6-20.5-20.2Z"></path>
            </g>
            <g display="block" mask="url(#SearchBar_reverse_Mask-13)">
              <path d="M446 390.8c0 0 3.5 .2 3.5 .2c0 0 .2 7.3 .2 7.3c.1 0 14.2 0 14.2 0c0 0 0-7.3 0-7.3c0 0 4-0.2 4-0.2c0 0 0-13.5 0-13.5c0 0-21.9 0-21.9 0c0 0 0 13.5 0 13.5Z"></path>
              <path
                d="M287.9 414.4c0 0-11.5 11.6-11.5 11.6c0 0-18.5-18.8-18.5-18.8c0 0-20.3 20.5-20.3 20.5c0 0 18.5 18.7 18.5 18.7c0 0-62.5 62.4-62.5 62.4c0 0 20.4 20.4 20.4 20.4c0 0 62.4-62.4 62.4-62.4c0 0 18.7 18.7 18.7 18.7c0 0 20.2-20 20.2-20c0 0-18.5-19.1-18.5-19.1c0 0 11.9-11.8 11.9-11.8c0 0-20.8-20.2-20.8-20.2Z">
              </path>
              <path
                d="M502.8 199.6c-13.4-10-30.1-15.8-48.1-15.8c-44.7 0-81 36.2-81 81c0 44.7 36.3 81 81 81c44.8 0 81-36.3 81-81h-28.8c0 28.8-23.3 52.2-52.2 52.2c-8.2 0-16-1.9-22.9-5.3l22.4-22.4l-20.4-20.4l-23.4 23.4c-5-8-7.9-17.4-7.9-27.5c0-28.9 23.4-52.2 52.2-52.2c10.1 0 19.4 2.8 27.4 7.7Z"
                fill-rule="evenodd"></path>
              <path d="M276.4 259.4c0 0-4.5-5.2-4.5-5.2c0 0-10.7 12.1-10.7 12.1c0 0 6.9 10.1 6.9 10.1c0 0 .8 4.5 .8 4.5c0 0 16 0 16 0c0 0 0-5 0-5c0 0 6.7-9.4 6.7-9.4c0 0-10.6-11.2-10.6-11.2c0 0-4.6 4.1-4.6 4.1Z"></path>
            </g>
            <path stroke="#000" stroke-width="30" d="M0-272.5c150.4 0 272.5 122.1 272.5 272.5c0 150.4-122.1 272.5-272.5 272.5c-150.4 0-272.5-122.1-272.5-272.5c0-150.4 122.1-272.5 272.5-272.5Z" fill="none" display="block"
              transform="translate(414.9,303.7) scale(.977,.977)"></path>
          </g>
          <g opacity="0" transform="translate(0,0) scale(.1,.1)">
            <g display="block" mask="url(#SearchBar_reverse_Mask-14)" transform="translate(13.4,-13.4)">
              <path d="M224.2 478.3c0 0-210.6 210.5-210.6 210.5c0 0 20.4 20.4 20.4 20.4c0 0 210.7-210.7 210.7-210.7c-11.7-11-5.9-6-20.5-20.2Z"></path>
            </g>
            <g display="block" mask="url(#SearchBar_reverse_Mask-15)">
              <path d="M453.6 388.1c0 0 .7 0 .7 0c0 0 .1 1.7 .1 1.7c0 0 4.7 0 4.7 0c0 0 0-1.7 0-1.7c0 0 1 0 1 0c0 0 0-4.5 0-4.5c0 0-6.5 0-6.5 0c0 0 0 4.5 0 4.5Z"></path>
              <path
                d="M280.8 421.5c0 0-4.4 4.5-4.4 4.5c0 0-5.5-5.9-5.5-5.9c0 0-20.3 20.6-20.3 20.6c0 0 5.5 5.7 5.5 5.7c0 0-62.5 62.4-62.5 62.4c0 0 20.4 20.4 20.4 20.4c0 0 62.4-62.4 62.4-62.4c0 0 5.8 5.7 5.8 5.7c0 0 20.1-19.9 20.1-19.9c0 0-5.5-6.2-5.5-6.2c0 0 4.8-4.6 4.8-4.6c0 0-20.8-20.3-20.8-20.3Z">
              </path>
              <path
                d="M502.8 199.6c-13.4-10-30.1-15.8-48.1-15.8c-44.7 0-81 36.2-81 81c0 44.7 36.3 81 81 81c44.8 0 81-36.3 81-81h-28.8c0 28.8-23.3 52.2-52.2 52.2c-8.2 0-16-1.9-22.9-5.3l11.9-11.9l-20.4-20.3l-12.9 12.8c-5-8-7.9-17.4-7.9-27.5c0-28.9 23.4-52.2 52.2-52.2c10.1 0 19.4 2.8 27.4 7.7Z"
                fill-rule="evenodd"></path>
              <path d="M276.4 262.9c0 0-1-1.2-1-1.2c0 0-3.6 4-3.6 4c0 0 1.9 2.8 1.9 2.8c0 0 .2 1.1 .2 1.1c0 0 5.4 0 5.4 0c0 0 0-1.2 0-1.2c0 0 1.7-2.6 1.7-2.6c0 0-3.5-3.7-3.5-3.7c0 0-1.1 .8-1.1 .8Z"></path>
            </g>
            <path stroke="#000" stroke-width="30" d="M0-268.8c148.4 0 268.8 120.4 268.8 268.8c0 148.4-120.4 268.8-268.8 268.8c-148.4 0-268.8-120.4-268.8-268.8c0-148.4 120.4-268.8 268.8-268.8Z" fill="none" display="block"
              transform="translate(417.6,301.3) scale(.977,.977)"></path>
          </g>
          <g opacity="0" transform="translate(0,0) scale(.1,.1)">
            <g display="block" mask="url(#SearchBar_reverse_Mask-16)" transform="translate(7.3,-7.3)">
              <path d="M224.2 478.3c0 0-210.6 210.5-210.6 210.5c0 0 20.4 20.4 20.4 20.4c0 0 210.7-210.7 210.7-210.7c-11.7-11-5.9-6-20.5-20.2Z"></path>
            </g>
            <g display="block" mask="url(#SearchBar_reverse_Mask-17)">
              <path d="M275.4 426.9c0 0-19.3 19.5-19.3 19.5c0 0-62.5 62.4-62.5 62.4c0 0 20.4 20.4 20.4 20.4c0 0 62.4-62.4 62.4-62.4c0 0 19.9-19.7 19.9-19.7c0 0-20.9-20.2-20.9-20.2Z"></path>
              <path
                d="M411.4 291.3l20.7 20.7l.1-0.1c6.8 3.2 14.5 5.1 22.5 5.1c28.9 0 52.2-23.4 52.2-52.2h28.8c0 44.7-36.2 81-81 81c-44.7 0-81-36.3-81-81c0-44.8 36.3-81 81-81c18 0 21.9 6.3 35.3 16.2l-7.9 20.3c-8-4.9-17.3-7.7-27.4-7.7c-28.8 0-52.2 23.3-52.2 52.2c0 10.1 2.9 19.5 7.9 27.5Z"
                fill-rule="evenodd"></path>
            </g>
            <path stroke="#000" stroke-width="30" d="M0-265.6c146.6 0 265.6 119 265.6 265.6c0 146.6-119 265.6-265.6 265.6c-146.6 0-265.6-119-265.6-265.6c0-146.6 119-265.6 265.6-265.6Z" fill="none" display="block"
              transform="translate(420,299.1) scale(.977,.977)"></path>
          </g>
          <g opacity="0" transform="translate(0,0) scale(.1,.1)">
            <g display="block" mask="url(#SearchBar_reverse_Mask-18)" transform="translate(4,-4)">
              <path d="M224.2 478.3c0 0-210.6 210.5-210.6 210.5c0 0 20.4 20.4 20.4 20.4c0 0 210.7-210.7 210.7-210.7c-11.7-11-5.9-6-20.5-20.2Z"></path>
            </g>
            <g display="block" mask="url(#SearchBar_reverse_Mask-19)">
              <path d="M265.4 437.1c0 0-9.3 9.3-9.3 9.3c0 0-62.5 62.4-62.5 62.4c0 0 20.4 20.4 20.4 20.4c0 0 62.4-62.4 62.4-62.4c0 0 9.8-9.6 9.8-9.6c0 0-20.8-20.1-20.8-20.1Z"></path>
              <path
                d="M403 299.3l20.9 20.9l8.3-8.3c6.8 3.2 14.5 5.1 22.5 5.1c28.9 0 52.2-23.4 52.2-52.2h28.8c0 44.7-36.2 81-81 81c-44.7 0-81-36.3-81-81c0-44.8 36.3-81 81-81c18 0 34.6 5.8 48.1 15.8l-20.7 20.7c-8-4.9-17.3-7.7-27.4-7.7c-28.8 0-52.2 23.3-52.2 52.2c0 10 2.9 19.3 7.8 27.3Z"
                fill-rule="evenodd"></path>
            </g>
            <path stroke="#000" stroke-width="30" d="M0-263.8c145.6 0 263.8 118.2 263.8 263.8c0 145.6-118.2 263.8-263.8 263.8c-145.6 0-263.8-118.2-263.8-263.8c0-145.6 118.2-263.8 263.8-263.8Z" fill="none" display="block"
              transform="translate(421.2,297.8) scale(.977,.977)"></path>
          </g>
          <g clip-path="url(#SearchBar_reverse_ClipPath-1)" opacity="0" transform="translate(0,0) scale(.1,.1)">
            <g display="block" mask="url(#SearchBar_reverse_Mask-20)">
              <path d="M224.2 478.3c0 0-210.6 210.5-210.6 210.5c0 0 20.4 20.4 20.4 20.4c0 0 210.7-210.7 210.7-210.7c-11.7-11-5.9-6-20.5-20.2Z"></path>
            </g>
            <path stroke="#000" stroke-width="30" d="M0-261.7c144.4 0 261.7 117.3 261.7 261.7c0 144.4-117.3 261.7-261.7 261.7c-144.4 0-261.7-117.3-261.7-261.7c0-144.4 117.3-261.7 261.7-261.7Z" fill="none" display="block"
              transform="translate(422.8,296.4) scale(.977,.977)"></path>
          </g>
        </svg>
      </div>
    </div>
    <span class="yxt-SearchBar-buttonText sr-only"> Submit </span>
  </button>
</form>

POST ./join-safe?utm_source=safecreditYOUnion

<form method="post" action="./join-safe?utm_source=safecreditYOUnion" id="sf">
  <div class="aspNetHidden">
    <input type="hidden" name="ctl14_TSM" id="ctl14_TSM" value=";;System.Web.Extensions, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35:en-US:18f1b484-bbc5-4e2e-8ca4-477603537f34:ea597d4b:b25378d2">
    <input type="hidden" name="ctl15_TSSM" id="ctl15_TSSM" value="">
    <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="">
    <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="">
    <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="2E16cLk5LFF2U/QqD6OO51QxYd1SMJ4FuatBEqHdHHCmr2wRirC1JUkBNeM11NC8VX835zqPNXYl96HKKzOx77iNwS21XQDOnrB2BxcSgRo=">
  </div>
  <script type="text/javascript">
    //<![CDATA[
    var theForm = document.forms['sf'];
    if (!theForm) {
      theForm = document.sf;
    }

    function __doPostBack(eventTarget, eventArgument) {
      if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
      }
    }
    //]]>
  </script>
  <script src="/WebResource.axd?d=pynGkmcFUV13He1Qd6_TZOXSIGAwFetqf85b-lzLHmqNjOTQIeIAVL2HkDGugo0KwCJYnk8Ika9Y2Tc-POGptg2&amp;t=638459572569584809" type="text/javascript"></script>
  <script type="text/javascript">
    //<![CDATA[
    var __cultureInfo = {
      "name": "en",
      "numberFormat": {
        "CurrencyDecimalDigits": 2,
        "CurrencyDecimalSeparator": ".",
        "IsReadOnly": true,
        "CurrencyGroupSizes": [3],
        "NumberGroupSizes": [3],
        "PercentGroupSizes": [3],
        "CurrencyGroupSeparator": ",",
        "CurrencySymbol": "$",
        "NaNSymbol": "NaN",
        "CurrencyNegativePattern": 0,
        "NumberNegativePattern": 1,
        "PercentPositivePattern": 1,
        "PercentNegativePattern": 1,
        "NegativeInfinitySymbol": "-∞",
        "NegativeSign": "-",
        "NumberDecimalDigits": 2,
        "NumberDecimalSeparator": ".",
        "NumberGroupSeparator": ",",
        "CurrencyPositivePattern": 0,
        "PositiveInfinitySymbol": "∞",
        "PositiveSign": "+",
        "PercentDecimalDigits": 2,
        "PercentDecimalSeparator": ".",
        "PercentGroupSeparator": ",",
        "PercentSymbol": "%",
        "PerMilleSymbol": "‰",
        "NativeDigits": ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"],
        "DigitSubstitution": 1
      },
      "dateTimeFormat": {
        "AMDesignator": "AM",
        "Calendar": {
          "MinSupportedDateTime": "\/Date(-62135568000000)\/",
          "MaxSupportedDateTime": "\/Date(253402300799999)\/",
          "AlgorithmType": 1,
          "CalendarType": 1,
          "Eras": [1],
          "TwoDigitYearMax": 2029,
          "IsReadOnly": true
        },
        "DateSeparator": "/",
        "FirstDayOfWeek": 0,
        "CalendarWeekRule": 0,
        "FullDateTimePattern": "dddd, MMMM d, yyyy h:mm:ss tt",
        "LongDatePattern": "dddd, MMMM d, yyyy",
        "LongTimePattern": "h:mm:ss tt",
        "MonthDayPattern": "MMMM d",
        "PMDesignator": "PM",
        "RFC1123Pattern": "ddd, dd MMM yyyy HH\u0027:\u0027mm\u0027:\u0027ss \u0027GMT\u0027",
        "ShortDatePattern": "M/d/yyyy",
        "ShortTimePattern": "h:mm tt",
        "SortableDateTimePattern": "yyyy\u0027-\u0027MM\u0027-\u0027dd\u0027T\u0027HH\u0027:\u0027mm\u0027:\u0027ss",
        "TimeSeparator": ":",
        "UniversalSortableDateTimePattern": "yyyy\u0027-\u0027MM\u0027-\u0027dd HH\u0027:\u0027mm\u0027:\u0027ss\u0027Z\u0027",
        "YearMonthPattern": "MMMM yyyy",
        "AbbreviatedDayNames": ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
        "ShortestDayNames": ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"],
        "DayNames": ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
        "AbbreviatedMonthNames": ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec", ""],
        "MonthNames": ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December", ""],
        "IsReadOnly": true,
        "NativeCalendarName": "Gregorian Calendar",
        "AbbreviatedMonthGenitiveNames": ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec", ""],
        "MonthGenitiveNames": ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December", ""]
      },
      "eras": [1, "A.D.", null, 0]
    }; //]]>
  </script>
  <script
    src="/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=ctl14_TSM&amp;compress=0&amp;_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d4.0.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen%3a18f1b484-bbc5-4e2e-8ca4-477603537f34%3aea597d4b%3ab25378d2"
    type="text/javascript"></script>
  <div class="aspNetHidden">
    <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="BA6A048C">
  </div>
  <script type="text/javascript">
    //<![CDATA[
    Sys.WebForms.PageRequestManager._initialize('ctl00$ctl14', 'sf', [], [], [], 90, 'ctl00');
    //]]>
  </script>
  <input type="hidden" name="ctl00$ctl14" id="ctl14">
  <script type="text/javascript">
    //<![CDATA[
    Sys.Application.setServerId("ctl14", "ctl00$ctl14");
    Sys.Application._enableHistoryInScriptManager();
    //]]>
  </script>
  <section aria-labelledby="main-content" class="sr-only"><a href="#main-content">Skip to main content</a></section>
  <!-- HEADER : BEGIN -->
  <!-- desktop menu content block : begin -->
  <div>
    <div class="sfContentBlock sf-Long-text"><!-- Modal -->
      <div class="modal fade" id="user-preference-modal" role="dialog">
        <div class="modal-dialog">
          <div id="preference-modal-content" class="modal-content" style="padding:30px 10px;">
            <a data-dismiss="modal"><em id="user-preferecne-modal-exit" class="fa fa-times exit exit-bs-modal" aria-hidden="true" title="Exit User Preference Modal" style="touch-action:pan-y;user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);z-index:10000;"><span class="sr-only">Exit</span></em></a>
            <div class="modal-body" style="padding-top:0px;">
              <p>Please choose whether this site may use cookies or related technologies as described below.</p>
              <div class="cookie-preference-section">
                <p style="border-bottom:1px solid black;"><strong>Required Cookies</strong>
                  <br> Required to enable core site functionality and provide secure log-in for online banking.
                </p>
                <p style="border-bottom:1px solid black;" id="functionalCookiesSelection"><label for="functionalCookies">Functional Cookies</label> &nbsp; </p>
                <div class="toggle btn btn-success" data-toggle="toggle" style="width: 0px; height: 0px;"><input id="functionalCookies" type="checkbox" checked="checked" data-toggle="toggle" data-on="Yes" data-off="No" data-onstyle="success"
                    data-offstyle="default">
                  <div class="toggle-group"><label class="btn btn-success toggle-on">Yes</label><label class="btn btn-default active toggle-off">No</label><span class="toggle-handle btn btn-default"></span></div>
                </div><br> Necessary to provide a full visitor experience, including live chat. <p></p>
                <p id="marketingCookiesSelection"><label for="marketingCookies">Marketing Cookies</label> &nbsp; </p>
                <div class="toggle btn btn-success" data-toggle="toggle" style="width: 0px; height: 0px;"><input id="marketingCookies" type="checkbox" checked="checked" data-toggle="toggle" data-on="Yes" data-off="No" data-onstyle="success"
                    data-offstyle="default">
                  <div class="toggle-group"><label class="btn btn-success toggle-on">Yes</label><label class="btn btn-default active toggle-off">No</label><span class="toggle-handle btn btn-default"></span></div>
                </div><br> Allows us to analyze site usage to improve performance and serve ads on third party advertisers that are relevant to your interest. <p></p>
              </div>
              <p><a id="save-user-preferences" class="btn-ghost">Save My Preferences</a></p>
              <p>Learn more about how this site uses cookies by reading our <a class="consent-preference-link" href="/privacy-statement">Privacy Statement</a>. </p>
            </div>
            <!-- modal-body -->
          </div>
          <!-- modal-content -->
        </div>
        <!-- modal-dialog -->
      </div>
      <!-- modal -->
    </div>
  </div>
  <div>
    <div class="sfContentBlock sf-Long-text">
      <div class="user-preferences-sticky hidden-print" style=""><em class="fas fa-times exit" aria-hidden="true" title="Exit User Preferences" id="Exit-User-Preferences"
          style="touch-action:pan-y;user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);top:5px;right:5px;z-index:5000;"><span class="sr-only">Exit</span></em>
        <div class="user-preferences white-font">
          <div class="preferences-flex-container">
            <div class="preferences-copy" style="padding:14px;">We use cookies to analyze performance of the traffic on our website and provide advertising and content personalization. By clicking "I Accept," you consent to use of cookies in
              accordance with our <a class="consent-preference-link" href="/privacy-statement">Privacy Statement</a>. </div>
            <div class="preferences-user-pref">
              <a id="user-preferences" class="consent-preference-link" data-toggle="modal" data-target="#user-preference-modal" data-id="user-preferences" data-backdrop="static" data-keyboard="false">Manage Cookies</a></div>
            <div class="preferences-accept-all"><a class="btn-ghost" id="accept-all-cookies">I
 Accept</a></div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <link href="/assets/content/bootstrap-toggle.min.css" rel="stylesheet">
  <script src="/assets/scripts/bootstrap-toggle.min.js" type="text/javascript"></script>
  <div>
    <div class="sfContentBlock sf-Long-text"><!-- Body Gradient Overlay -->
      <div id="dropdown-overlay">&nbsp;</div>
      <div class="off-canvas-overlay">&nbsp;</div>
      <div class="overlay">&nbsp;</div>
    </div>
  </div>
  <div>
    <div class="sfContentBlock sf-Long-text"><!-- Main Navigation -->
      <section id="main-nav-redesign"><!-- Main  Menu (Default) ---->
        <div id="silde-nav" class="navbar navbar-inverse" style="background-color:#01528a;height:90px;border-color:#01528a;border-radius:0;">
          <div class="container" style="height:90px;">
            <div class="navbar-header" style="height:75px;padding-top:15px;"><button id="b1" button-type="button" class="off-canvas-toggle navbar-toggle navbar-collapse search-trigger" style="padding:9px 10px;margin-top:4px;"><span
                  class="sr-only">Menu Toggle</span><em class="fas fa-bars fa-lg"></em></button><button id="b2" type="button" class="navbar-toggle navbar-collapse" data-toggle="collapse" data-target="#mobileNavbar"
                style="display:none;float:right;margin-top:0;"><em id="trigger" class="fas fa-bars fa-lg fa menu-trigger search-trigger"></em><span class="sr-only">Menu Toggle</span>
              </button><!-- hidden -->
              <a id="safe-logo" class="navbar-brand" href="/" style="padding-top:10px;"><img id="nav-logo" src="/images/default-source/main/safe-logo-white.png?sfvrsn=fdbe5940_12" alt="SAFE-Logo-Primary" title="SAFE-Logo-Primary" data-displaymode="Original"></a>
              <!-- populated via jquery on landing page itself -->
              <a id="join-safe-top-nav" class="navbar-brand pull-right join-safe" href="/schedule" style="color:#fff;"><em class="fas fa-clock join-icon"></em>&nbsp; Schedule <span class="mobile-only-hide">an Appointment</span></a>
            </div>
          </div>
        </div>
      </section>
    </div>
  </div>
  <script type="text/javascript">
    $(document).ready(function() {
      if (Math.random() > 0.5) {
        $("#campaign-top-nav-cta").replaceWith(
          '<a id="join-safe-top-nav" class="navbar-brand pull-right join-safe" href="/schedule" style="color:#fff;"><em class="fas fa-clock join-icon"></em>&nbsp; Schedule <span class="mobile-only-hide">an Appointment</span></a>');
      } else {
        $("#campaign-top-nav-cta").replaceWith(
        '<a id="join-safe-top-nav-b" class="navbar-brand pull-right join-safe" data-target="#contact-us" data-toggle="modal" style="color:#fff;"><em class="fa-regular fa-message"></em>&nbsp; Contact Us</a>');
      }
    });
  </script>
  <!-- desktop menu content block : end -->
  <!-- HEADER : END -->
  <main id="main-content">
    <div>
      <div class="sfContentBlock sf-Long-text">
        <section id="lumm-hero" class="landing-hero-section ab-hero" style="display:block;"><!-- Image -->
          <div class="landing-hero"><!-- hero image as background -->
          </div><!-- Message Box -->
          <div class="landing-page-hero-text" style="">
            <h2 class="landing-page-hero-h2">SAFE is here for you</h2>
            <p class="landing-page-hero-p">You and your family work hard to reach your goals. Banking with SAFE helps make your goals a reality. </p>
          </div><!--     <div style="clear:both;">&nbsp;</div>  -->
        </section>
      </div>
    </div>
    <div>
      <div class="sfContentBlock sf-Long-text">
        <section class="inner-page-splash copy-section">
          <div class="container">
            <h2>Experience the credit union difference with SAFE</h2>
            <p>As a community-based financial partner, we act in the interest of our members first—always. Serving members for over 80 years, our mission is to support you and your family’s financial wellness. We offer accounts and services for every
              age and life stage.</p>
            <p>If you work or live within Sacramento, Placer, El Dorado, Yolo, San Joaquin, Contra Costa, Solano, Yuba, Sutter, Butte, Nevada, Alameda, and Amador counties, you’re eligible to join SAFE Credit Union.</p>
            <p>We hope you’ll become a SAFE member today!</p>
            <div style="padding-top:30px;border-bottom:2px solid #ECECEC;">&nbsp;</div>
          </div>
        </section>
      </div>
    </div>
    <section id="choose-slider" class="slider-section safe-landing-content-wrapper choose-whats-right-for-you" style="padding-top:0px;">
      <div class="container slider-nav slider-padding">
        <h2 class="safe-landing-page center" style="padding-bottom:30px;">Choose what's right for you</h2>
        <div class="container-fluid">
          <div class="row">
            <div class="col-md-12">
              <div class="choose-carousel slick-initialized slick-slider slick-dotted">
                <div class="slick-list draggable">
                  <div class="slick-track" style="opacity: 1; width: 1080px; transform: translate3d(0px, 0px, 0px);">
                    <div class="col-md-3 landing-page-value-prop-wrapper checking-wrap slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" style="width: 216px;">
                      <div id="join-safe-choose-checking-lottie" class="lottie-wrapper">
                        <lottie-player trigger="in-screen" class="landing-page-value-prop-icon" src="/assets/lottie/Jump-Page-wired-outline-999-money-check.json" loop="" hover="" intermission="1000" background="transparent"></lottie-player>
                        <span class="sr-only">Icon - Checking</span>
                      </div>
                      <div class="landing-page-value-prop-copy bold checking"> Checking </div>
                      <div class="checking-navbar checking-offbar checking-onbar"></div>
                    </div>
                    <div class="col-md-3 landing-page-value-prop-wrapper savings-wrap slick-slide slick-active" data-slick-index="1" aria-hidden="false" style="width: 216px;">
                      <div id="join-safe-choose-savings-lottie" class="lottie-wrapper">
                        <lottie-player trigger="in-screen" class="landing-page-value-prop-icon" src="/assets/lottie/Jump-Page-wired-outline-453-savings-pig.json" loop="" hover="" intermission="1000" background="transparent"></lottie-player><span
                          class="sr-only">Icon - Savings</span>
                      </div>
                      <div class="landing-page-value-prop-copy bold savings"> Savings </div>
                      <div class="savings-navbar savings-offbar"></div>
                    </div>
                    <div class="col-md-3 landing-page-value-prop-wrapper creditcards-wrap slick-slide slick-active" data-slick-index="2" aria-hidden="false" style="width: 216px;">
                      <div id="join-safe-choose-creditcards-lottie" class="lottie-wrapper">
                        <lottie-player trigger="in-screen" class="landing-page-value-prop-icon" src="/assets/lottie/Jump-Page-wired-outline-455-credit-card-bank.json" loop="" hover="" intermission="1000" background="transparent"></lottie-player><span
                          class="sr-only">Icon - Credit Cards</span>
                      </div>
                      <div class="landing-page-value-prop-copy bold creditcards"> Credit Cards </div>
                      <div class="creditcards-navbar creditcards-offbar"></div>
                    </div>
                    <div class="col-md-3 landing-page-value-prop-wrapper loans-wrap slick-slide slick-active" data-slick-index="3" aria-hidden="false" style="width: 216px;">
                      <div id="join-safe-choose-loans-lottie" href="/personal/borrow-money" class="lottie-wrapper">
                        <lottie-player trigger="in-screen" class="landing-page-value-prop-icon" src="/assets/lottie/Jump-Page-wired-outline-2367-loan.json" loop="" hover="" intermission="1000" background="transparent"></lottie-player><span
                          class="sr-only">Icon - Loans</span>
                      </div>
                      <div class="landing-page-value-prop-copy bold loans"> Loans </div>
                      <div class="loans-navbar loans-offbar"></div>
                    </div>
                    <div class="col-md-3 landing-page-value-prop-wrapper business-wrap slick-slide slick-active" data-slick-index="4" aria-hidden="false" style="width: 216px;">
                      <div id="join-safe-choose-business-lottie" class="lottie-wrapper">
                        <lottie-player trigger="in-screen" class="landing-page-value-prop-icon" src="/assets/lottie/Jump-Page-wired-outline-481-shop.json" loop="" hover="" intermission="1000" background="transparent"></lottie-player><span
                          class="sr-only">Icon - Business</span>
                      </div>
                      <div class="landing-page-value-prop-copy bold business"> Business </div>
                      <div class="business-navbar business-offbar"></div>
                    </div>
                  </div>
                </div>
                <!-- end carousels -->
                <ul class="slick-dots">
                  <li class="slick-active"><button type="button">1</button></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <script type="module" src="/assets/scripts/lordicon/lottie-player.js"></script>
    <div>
      <div class="sfContentBlock sf-Long-text">
        <section data-id="1" class="grey-background-copy flex-cards-wrapper product-options checking-options">
          <div class="container">
            <div class="flex-cards"><!-- Card : Begin -->
              <div class="flex-card product-cards-flex">
                <div class="product-green product-cards-header">
                  <div>Perfect Cents Checking<sup>®</sup></div>
                </div>
                <p>Our most popular checking account created for everyday users.</p>
                <div>
                  <p class="see-more"><a id="pcc-opennow" class="tertiary-button xaleadgen-button" data-toggle="modal" data-target="#member-or-new" data-id="perfect-cents-checking">Open Now</a></p>
                  <p class="see-more"><a href="/personal/manage-your-money/checking-accounts/#perfectcents" id="pcc-seemore" class="tertiary-button">See More</a></p>
                </div>
              </div><!-- Card : End -->
              <!-- Card : Begin -->
              <div class="flex-card product-cards-flex">
                <div class="product-safeblue product-cards-header">
                  <div>Freedom Checking</div>
                </div>
                <p>Easy, stress-free checking for a simplified banking experience.<br>&nbsp;</p>
                <div>
                  <p class="see-more"><a id="fc-opennow" class="tertiary-button xaleadgen-button" data-toggle="modal" data-target="#member-or-new" data-id="freedom-checking">Open Now</a></p>
                  <p class="see-more"><a href="/personal/manage-your-money/checking-accounts/#freedomchecking" id="fc-getdetails" class="tertiary-button">Get Details</a></p>
                </div>
              </div><!-- Card : End -->
              <!-- Card : Begin -->
              <div class="flex-card product-cards-flex">
                <div class="product-purple product-cards-header">
                  <div>Prestige Checking</div>
                </div>
                <p>Account tailored to those with high account balances.<br>&nbsp;</p>
                <div>
                  <p class="see-more"><a id="pc-opennow" class="tertiary-button xaleadgen-button" data-toggle="modal" data-target="#member-or-new" data-id="prestige-checking">Open Now</a></p>
                  <p class="see-more"><a href="/personal/manage-your-money/checking-accounts/#prestigechecking" id="pc-takealook" class="tertiary-button">Take a Look</a></p>
                </div>
              </div><!-- Card : End -->
            </div>
          </div>
        </section>
      </div>
    </div>
    <div>
      <div class="sfContentBlock sf-Long-text">
        <section data-id="2" class="grey-background-copy flex-cards-wrapper product-options savings-options" style="display: none;">
          <div class="container">
            <div class="flex-cards"><!-- Card : Begin -->
              <div class="flex-card product-cards-flex">
                <div class="product-ltpurple product-cards-header">
                  <div>Money Market</div>
                </div>
                <p>Get easy access to funds while earning competitive dividends.</p>
                <div>
                  <p class="see-more"><a id="mm-opennow" class="tertiary-button xaleadgen-button" data-toggle="modal" data-target="#member-or-new" data-id="money-market">Open Now</a></p>
                  <p class="see-more"><a href="/personal/grow-your-money/money-market" id="mm-startsaving" class="tertiary-button">Start Saving</a></p>
                </div>
              </div><!-- Card : End -->
              <!-- Card : Begin -->
              <div class="flex-card product-cards-flex">
                <div class="product-green product-cards-header">
                  <div>Certificates</div>
                </div>
                <p>Lock in higher dividend rates for a specific amount of time.</p>
                <div>
                  <p class="see-more"><a id="cert-opennow" class="tertiary-button xaleadgen-button" data-toggle="modal" data-target="#member-or-new" data-id="certificates">Open Now</a></p>
                  <p class="see-more"><a href="/personal/grow-your-money/certificates" id="cert-seeoptions" class="tertiary-button">See Options</a></p>
                </div>
              </div><!-- Card : End -->
              <!-- Card : Begin -->
              <div class="flex-card product-cards-flex">
                <div class="product-blue product-cards-header">
                  <div>Share Savings</div>
                </div>
                <p>Our standard savings account for a simple savings solution.</p>
                <div>
                  <p class="see-more"><a id="share-opennow" class="tertiary-button xaleadgen-button" data-toggle="modal" data-target="#member-or-new" data-id="savings">Open Now</a></p>
                  <p class="see-more"><a href="/personal/grow-your-money/savings" id="share-startonline" class="tertiary-button">Start Online</a></p>
                </div>
              </div><!-- Card : End -->
            </div>
          </div>
        </section>
      </div>
    </div>
    <div>
      <div class="sfContentBlock sf-Long-text">
        <section data-id="3" class="grey-background-copy flex-cards-wrapper product-options creditcard-options" style="display: none;">
          <div class="container">
            <div class="flex-cards"><!-- Card : Begin -->
              <div class="flex-card product-cards-flex">
                <div class="product-blue product-cards-header">
                  <div>Cash Back+ Visa Signature<sup>®</sup> Credit Card</div>
                </div>
                <p>Get more out of each moment with exclusive benefits and earn up to 5% cash back.</p>
                <div>
                  <p class="see-more"><a id="cashback-plus-visa-opennow" class="tertiary-button" data-toggle="modal" data-target="#cards-member-or-new" data-id="SAFE+Cash+Back+Plus+Visa+Signature">Apply Now</a></p>
                  <p class="see-more"><a href="/personal/borrow-money/credit-cards/cash-back-plus-visa-signature-credit-card" id="cashback-plus-visa-seebenefits" class="tertiary-button">See Benefits</a></p>
                </div>
              </div><!-- Card : End -->
              <!-- Card : Begin -->
              <div class="flex-card product-cards-flex">
                <div class="product-safeblue product-cards-header">
                  <div>Essential Visa<sup>®</sup> Credit Card</div>
                </div>
                <p>Lower interest rates allow those who tend to carry a balance to pay over time.</p>
                <div>
                  <p class="see-more"><a id="essential-visa-opennow" class="tertiary-button" data-toggle="modal" data-target="#cards-member-or-new" data-id="SAFE+Essential+Visa">Apply Now</a></p>
                  <p class="see-more"><a href="/personal/borrow-money/credit-cards/essential-credit-card" id="essential-visa-takealook" class="tertiary-button">Take a Look</a></p>
                </div>
              </div><!-- Card : End -->
              <!-- Card : Begin -->
              <div class="flex-card product-cards-flex">
                <div class="product-green product-cards-header">
                  <div>Cash Back Visa<sup>®</sup> Credit Card</div>
                </div>
                <p>The card that earns you cash back.*<br>&nbsp; </p>
                <div>
                  <p class="see-more"><a id="cash-back-visa-opennow" class="tertiary-button" data-toggle="modal" data-target="#cards-member-or-new" data-id="SAFE+Cash+Back+Visa">Apply Now</a></p>
                  <p class="see-more"><a href="/personal/borrow-money/credit-cards/cash-back-visa-credit-card" id="cash-back-visa-learnmore" class="tertiary-button">Learn More</a></p>
                </div>
              </div><!-- Card : End -->
              <!-- Card : Begin -->
              <div class="flex-card product-cards-flex">
                <div class="product-green product-cards-header">
                  <div>Smart Visa<sup>®</sup> Credit Card<br>&nbsp;</div>
                </div>
                <p>A card that can help build credit with the backing of funds on deposit.</p>
                <div>
                  <p class="see-more"><a id="smart-visa-opennow" class="tertiary-button" data-toggle="modal" data-target="#cards-member-or-new" data-id="SAFE+Smart+Visa">Apply Now</a></p>
                  <p class="see-more"><a href="/personal/borrow-money/credit-cards/smart-visa-credit-card" id="smart-visa-explore" class="tertiary-button">Explore</a></p>
                </div>
              </div><!-- Card : End -->
            </div>
          </div>
        </section>
      </div>
    </div>
    <div>
      <div class="sfContentBlock sf-Long-text">
        <section data-id="4" class="grey-background-copy flex-cards-wrapper product-options loan-options" style="display: none;">
          <div class="container">
            <div class="flex-cards"><!-- Card : Begin -->
              <div class="flex-card product-cards-flex">
                <div class="product-blue product-cards-header">
                  <div>Auto Loans</div>
                </div>
                <p>Car shopping should be fun. Getting pre-approved for a new or used car loan makes shopping easier.<br>&nbsp; </p>
                <div>
                  <p class="see-more"><a id="apply-now-auto" class="tertiary-button" data-toggle="modal" data-target="#member-or-new-loans" data-id="Purchase">Apply Now</a></p>
                  <p class="see-more"><a href="/personal/borrow-money/auto-loans" id="autoloan-seerates" class="tertiary-button">Get Moving</a></p>
                </div>
              </div><!-- Card : End -->
              <!-- Card : Begin -->
              <div class="flex-card product-cards-flex">
                <div class="product-ltpurple product-cards-header">
                  <div>Personal Loans</div>
                </div>
                <p>Reasons for taking out a loan are personal. Finance what matters with a low, fixed-rate loan.<br>&nbsp;</p>
                <div>
                  <p class="see-more"><a id="personal-loan-apply" class="tertiary-button" data-toggle="modal" data-target="#member-or-new-loans" data-id="Personal+Loan">Apply Now</a></p>
                  <p class="see-more"><a href="/personal/borrow-money/personal-loans/" id="personalloan-getstarted" class="tertiary-button">Get Started</a></p>
                </div>
              </div><!-- Card : End -->
              <!-- Card : Begin -->
              <div class="flex-card product-cards-flex">
                <div class="product-safeblue product-cards-header">
                  <div>Boat, RV, Motorcycle Loans</div>
                </div>
                <p>Supporting adventurous spirits with flexible loan options to get moving faster.<br>&nbsp;</p>
                <div>
                  <p class="see-more"><a id="specialty-apply-now" class="tertiary-button" data-toggle="modal" data-target="#member-or-new-loans" data-id="specialty-apply-now">Apply Now</a></p>
                  <p class="see-more"><a href="/personal/borrow-money/specialty-vehicles" id="boat-exploreoptions" class="tertiary-button">Explore</a></p><!-- Options -->
                </div>
              </div><!-- Card : End -->
              <!-- Card : Begin -->
              <div class="flex-card product-cards-flex">
                <div class="product-green product-cards-header">
                  <div>Home Loans</div>
                </div>
                <p>Local lending with competitive rates, flexible terms, and personalized service to close on the perfect home.</p>
                <div>
                  <p class="see-more"><a id="newApplyNowHome" class="tertiary-button xaleadgen-button" data-toggle="modal" data-target="#apply-for-a-home-loan-modal" data-id="Purchase">Apply Now</a></p>
                  <p class="see-more"><a href="/personal/borrow-money/home-loans" id="homeloan-getmoving" class="tertiary-button">See Rates</a></p>
                </div>
              </div><!-- Card : End -->
              <!-- Card : Begin -->
              <div class="flex-card product-cards-flex">
                <div class="product-purple product-cards-header">
                  <div>Student Loans</div>
                </div>
                <p>Investing in education is a smart idea. A flexible student loan with Sallie Mae<sup>®</sup> can help.<br>&nbsp; </p>
                <div>
                  <p class="see-more"><a href="/personal/borrow-money/student-loans" id="student-learnmore" class="tertiary-button">Learn More</a></p>
                </div>
              </div><!-- Card : End -->
              <!-- Card : Begin -->
              <!-- BLANK ON PURPOSE -->
              <div class="flex-card product-cards-flex blank-it">
                <div class="product-blue product-cards-header blank-it">
                  <div><!-- Quick Access Loan -->
                  </div>
                </div>
                <p>&nbsp;</p>
                <div>
                  <p class="see-more">&nbsp;</p>
                </div>
              </div><!-- Card : End -->
            </div>
          </div>
        </section>
      </div>
    </div>
    <div>
      <div class="sfContentBlock sf-Long-text">
        <section data-id="5" class="grey-background-copy flex-cards-wrapper product-options business-options" style="display: none;">
          <div class="container">
            <div class="flex-cards"><!-- Card : Begin -->
              <div class="flex-card product-cards-flex">
                <div class="product-green product-cards-header">
                  <div>Commercial Real Estate<br>&nbsp;</div>
                </div>
                <p>We're here to help businesses expand and maximize investment opportunities.<br>&nbsp;</p>
                <div>
                  <p class="see-more"><a href="/business/grow-your-business/commercial-real-estate" id="cre-getstarted" class="tertiary-button">Get Started</a></p>
                </div>
              </div><!-- Card : End -->
              <!-- Card : Begin -->
              <div class="flex-card product-cards-flex">
                <div class="product-blue product-cards-header">
                  <div>Business Checking Account</div>
                </div>
                <p>Separation between personal and business funds is a must. Start here with business checking.</p>
                <div>
                  <p class="see-more"><a href="/business/manage-your-money/business-checking" id="buschecking-seedetails" class="tertiary-button">See Details</a></p>
                </div>
              </div><!-- Card : End -->
              <!-- Card : Begin -->
              <div class="flex-card product-cards-flex">
                <div class="product-purple product-cards-header">
                  <div>SAFE Visa<sup>®</sup> Business Credit Card</div>
                </div>
                <p>Every business purchase earns points toward travel, merchandise, gift cards, and more.</p>
                <div>
                  <p class="see-more"><a href="/business/grow-your-business/visa-business" id="visabus-startearning" class="tertiary-button">Start Earning</a></p>
                </div>
              </div><!-- Card : End -->
              <!-- Card : Begin -->
              <div class="flex-card product-cards-flex">
                <div class="product-safeblue product-cards-header">
                  <div>SBA Loans<br>&nbsp;</div>
                </div>
                <p>Secure the financing you need to grow your business and drive your cash flow.</p>
                <div>
                  <p class="see-more"><a href="/business/grow-your-business/sba-loans" id="sba-learnmore" class="tertiary-button">Learn More</a></p>
                </div>
              </div><!-- Card : End -->
              <!-- Card : Begin -->
              <!-- BLANK ON PURPOSE -->
              <div class="flex-card product-cards-flex blank-it">
                <div class="product-purple product-cards-header blank-it">
                  <div>&nbsp;</div>
                </div>
                <p>&nbsp;</p>
                <div>
                  <p class="see-more">&nbsp;</p>
                </div>
              </div><!-- Card : End -->
              <!-- Card : Begin -->
              <!-- BLANK ON PURPOSE -->
              <div class="flex-card product-cards-flex blank-it">
                <div class="product-purple product-cards-header blank-it">
                  <div>&nbsp;</div>
                </div>
                <p>&nbsp;</p>
                <div>
                  <p class="see-more">&nbsp;</p>
                </div>
              </div><!-- Card : End -->
            </div>
          </div>
        </section>
      </div>
    </div>
    <!-- XA Lead Gen Modal Checking -->
    <style>
      .xa-lead-gen-form h1 {
        margin: 16px 0 40px;
        font-size: 32px;
        font-family: "utopia-std";
        color: #01528a;
      }

      .xa-lead-gen-form ul {
        list-style: disc;
        margin-left: 20px;
        color: #4a4a4a;
      }

      .xa-lead-gen-form p {
        color: #4a4a4a;
      }

      .xa-lead-gen-form li {
        color: #4a4a4a;
      }

      #skipstep {
        margin-top: -95px !important;
        margin-left: 150px !important;
      }

      #skip a:hover {
        text-decoration: underline;
      }

      #xaleadgen {
        padding: 50px 60px 60px 60px;
      }

      #xaleadgen a {
        color: #cccccc;
        font-weight: 300 !important;
      }
    </style>
    <div class="modal fade" id="member-or-new" role="dialog">
      <div class="modal-dialog">
        <div class="modal-content">
          <a data-dismiss="modal">
                <em class="fa fa-times exit exit-bs-modal" aria-hidden="true" title="Exit" style="touch-action: pan-y; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 10000;">
                    <span class="sr-only">Exit</span>
                </em>
            </a>
          <div class="modal-body">
            <!-- MODAL #1 : BEGIN -->
            <div id="member-non-member" class="member-non-member">
              <!-- MOBILE YES/NO (<= 1024px) -->
              <div class="mobileYesNo" id="mobileYesNo">
                <h2>Are you a SAFE Member?</h2>
                <p>
                  <br><a class="tertiary-link-white yes-no-button" id="yes" onclick="if (!window.__cfRLUnblockHandlers) return false; showModal('yes');">Log In</a> &nbsp; &nbsp; &nbsp;
                  <a class="safe-btn-secondary safe-btn-secondary-light yes-no-button" id="no" onclick="if (!window.__cfRLUnblockHandlers) return false; showModal('no');">Join</a>
                </p>
              </div>
              <!-- SAFE MEMBER OB LOGIN : BEGIN -->
              <div class="safe-member smlogin" id="safe-member">
                <h2>SAFE Member</h2>
                <p>Log in to continue, then select "Open an Account"</p>
                <!-- this is for Chrome to strip out -->
                <input type="hidden" id="testcookie" name="testcookie" value="false">
                <input type="hidden" id="testjs" name="testjs" value="false">
                <input type="hidden" id="dscheck" name="dscheck" value="0">
                <input type="text" placeholder="username" name="userid" id="username" maxlength="60" aria-label="User name">
                <input type="password" placeholder="password" name="password" id="xaleadgenpass" maxlength="200" aria-label="Password" style="height:54px;">
                <input type="checkbox" id="showPassword-xa">
                <label for="showPassword-xa" class="seepwd-xa">
                  <span class="sr-only">Show or Hide Password</span>
                </label>
                <a href="https://www.safecuhb.org/dbank/live/app/authUpdate" target="_blank" style="float: left"><strong>Need help logging in?</strong></a>
                <button class="btn-green">
                  <span class="icon-security-shield" style="padding-right: 10px;" title="Log In"></span>Log in </button>
                <p> Not enrolled? <a href="https://www.safecuhb.org/tob/live/usp-core/app/register">
                                    <strong>
                                        Get
                                        Started!
                                    </strong>
                                </a>
                </p>
              </div>
              <!-- SAFE MEMBER OB LOGIN : END -->
              <!-- NEW TO SAFE? : BEGIN -->
              <div class="new-to-safe" id="new-to-safe">
                <h2>New to SAFE?</h2>
                <p>Welcome! Open your new account in minutes.</p>
                <p>
                </p>
                <div class="leadgen-modal-trigger arrow-after">Let's get started</div>
                <p></p>
                <div class="patriot-mobile"> IDENTIFICATION NOTICE: SAFE Credit Union complies with the USA PATRIOT Act requirements to verify identification and protect member accounts. We may obtain a credit report or ask you to provide
                  identification documents to verify the information on the application. </div>
              </div>
              <!-- NEW TO SAFE? : END -->
              <div style="clear: both;">&nbsp;</div>
              <div class="patriot-desktop"> IDENTIFICATION NOTICE: SAFE Credit Union complies with the USA PATRIOT Act requirements to verify identification and protect member accounts. We may obtain a credit report or ask you to provide
                identification documents to verify the information on the application. </div>
            </div><!-- member-non-member -->
            <!-- MODAL #1 : END -->
            <!-- MODAL #2 : BEGIN -->
            <div id="xaleadgen" class="xa-lead-gen-form">
              <div class="form-wrapper">
                <h1 class="leadgenxa">Let's get started</h1>
                <p>
                  <strong> You will need the following information in order to complete the application: </strong>
                </p>
                <ul>
                  <li>Government issued ID/Drivers License/State ID or Passport with current address</li>
                  <li>Your complete physical and mailing address</li>
                  <li>Social Security Number</li>
                  <li>Date of Birth</li>
                  <li>New accounts for minors must be opened in a branch</li>
                </ul>
                <p>&nbsp;</p>
                <div class="container"><iframe id="checking-lead-gen-iframe" class="responsive-iframe" src="https://cloud.email.safecu.org/checking-lead-gen" frameborder="0" scrolling="no" style="height:300px;"></iframe></div>
                <p>&nbsp;</p>
              </div><!-- #form-group -->
            </div><!-- MODAL #2 : END -->
          </div><!-- modal-body -->
        </div><!-- modal-content -->
      </div><!-- modal-dialog -->
    </div><!-- modal -->
    <script type="text/javascript">
      $(".submit-xalg").click(function(event) {});
      $('#member-or-new').on('show.bs.modal', function(e) {
        window.productInterest = $(e.relatedTarget).attr('data-id');
        $("#safeforms_Product").append('value="' + window.productInterest + '"');
      });
      // extra if modal is closed then reopened
      $(".xaleadgen-button").click(function() {
        $("#member-non-member").show();
      });
      // Hide XA content on modal exit
      // reset blue modal bg color
      $(".exit-bs-modal").click(function() {
        $("#member-non-member, #xaleadgen").css("display", "none");
        $("#member-or-new .modal-content").css("background-color", "rgba(1,82,138,.9)");
      });
      // hide default modal content
      // show XA content
      // set white modal bg color
      $(".leadgen-modal-trigger").click(function() {
        $(".member-non-member").hide();
        $("#xaleadgen").fadeIn();
        $("#member-or-new .modal-content").css("background-color", "rgba(255,255,255,1)");
        //$(".skip-link").html("<a href='/oao?" + window.productInterest + "'>(Skip this step)</a>");
      });
      // This is triggered by mobile div buttons
      function showModal(yesno) {
        if (yesno === "yes") {
          $('.mobileYesNo').hide();
          $('.safe-member').show();
          $('.new-to-safe').hide();
        } else {
          $('.mobileYesNo').hide();
          $('.new-to-safe').show();
          $('.safe-member').hide();
        }
      }
      // if browser is resized clean up modal content on close
      $('#member-or-new').on('hidden.bs.modal', function() {
        var browserWidth = $(document).width();
        if (browserWidth < 1024) {
          $(".mobileYesNo").show();
          $(".new-to-safe").hide();
          $(".safe-member").hide();
        } else {
          $(".new-to-safe").show();
          $(".safe-member").show();
        }
      });
      // more resize cleanup
      $(window).resize(function() {
        var browserWidthResized = $(document).width();
        if (browserWidthResized >= 1024) {
          $('.mobileYesNo').hide();
          $('.new-to-safe').show();
          $('.safe-member').show();
        } else if (browserWidthResized > 736) {
          $('.mobileYesNo').show();
          $('.new-to-safe').hide();
          $('.safe-member').hide();
        } else {
          // nada
        }
      });
    </script>
    <script type="text/javascript">
      window.closeModal = function() {
        $('#member-or-new').modal('hide');
      };
      /*let interval = window.setInterval(trackClick, 100);
  let i = 0;
  function trackClick() {
  if(document.activeElement == document.querySelector("#savings-lead-gen-iframe")) {
  	i++
  	alert("clicked "+ i);
  	window.focus();
   }
 }*/
    </script>
    <!-- Modal -->
    <div class="modal fade" id="member-or-new-loans" role="dialog">
      <div class="modal-dialog">
        <div class="modal-content">
          <a data-dismiss="modal">
                <em class="fa fa-times exit exit-bs-modal" aria-hidden="true" title="Exit" style="touch-action: pan-y; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 10000;">
                    <span class="sr-only">Exit</span>
                </em>
            </a>
          <div class="modal-body">
            <div class="member-non-member">
              <!-- MOBILE YES/NO (<= 1024px) -->
              <div class="mobileYesNo" id="mobileYesNo">
                <h2>Are you a SAFE Member?</h2>
                <p>
                  <button class="button-grn yes-no-button" id="yes" onclick="if (!window.__cfRLUnblockHandlers) return false; showModal('yes');" type="button">Yes</button> &nbsp; <button class="button-grn yes-no-button" id="no"
                    onclick="if (!window.__cfRLUnblockHandlers) return false; showModal('no');" type="button">No</button>
                </p>
              </div>
              <!-- SAFE MEMBER OB LOGIN : BEGIN -->
              <div class="safe-member smlogin" id="safe-member">
                <h2>SAFE Member</h2>
                <p>Log in to continue, then select "Apply for a Loan"</p>
                <form>
                  <!-- this is for Chrome to strip out -->
                </form>
                <form autocomplete="off" name="Login" action="https://www.safecuhb.org/auth-olb/live/v1/remote-login" method="post" onsubmit="if (!window.__cfRLUnblockHandlers) return false; return setParamStatus();">
                  <input type="hidden" id="testcookie" name="testcookie" value="false">
                  <input type="hidden" id="testjs" name="testjs" value="false">
                  <input type="hidden" id="dscheck" name="dscheck" value="0">
                  <input type="text" placeholder="username" name="userid" id="username" maxlength="32" aria-label="User name">
                  <input type="password" placeholder="password" name="password" id="password" maxlength="200" aria-label="Password">
                  <p><a href="https://www.safecuhb.org/dbank/live/app/authUpdate" target="_blank" style="float: left"><strong>Need help logging in?</strong></a></p>
                  <p>&nbsp;</p>
                  <button class="btn-green">
                    <span class="icon-security-shield" style="padding-right: 10px;" title="Log In"></span>Log in </button>
                  <p>Not enrolled? <a href="https://www.safecuhb.org/tob/live/usp-core/app/register"><strong>Get
                                        Started!</strong></a></p>
                </form>
              </div>
              <!-- SAFE MEMBER OB LOGIN : END -->
              <!-- NEW TO SAFE? : BEGIN -->
              <div class="new-to-safe" id="new-to-safe">
                <h2>New to SAFE?</h2>
                <script type="text/javascript">
                  var baseURLvehicle = "https://app.loanspq.com/VL/VehicleLoan.aspx?lenderref=Safecu2618&=&l=1&LOANPURPOSE=";
                  var baseURLcreditcards = "https://app.loanspq.com/cc/CreditCard.aspx?lenderref=Safecu2618&=&l=1&LOANPURPOSE=";
                  // auto
                  $(document).on("click", "#apply-now-auto", function() {
                    var productValue = $(this).attr('data-id');
                    $('#member-or-new-loans').modal('show');
                    var goToURLLink = "<p>Welcome! Apply for a loan in minutes.</p><p><a href='" + baseURLvehicle + productValue + " ' class='arrow-after' target='_blank' onclick='closeModal();'>Let's get started on a auto loan</a>";
                    $(".new-member-link").html('');
                    $(".new-member-link").append(goToURLLink);
                  });
                  // specialty vehicle
                  $(document).on("click", "#specialty-apply-now", function() {
                    var productValue = $(this).attr('data-id');
                    $('#member-or-new-loans').modal('show');
                    var goToURLLink = "<p>Welcome! Apply for a loan in minutes.</p><p><a href='" + baseURLvehicle + productValue +
                      " ' class='arrow-after' target='_blank' onclick='closeModal();' style='letter-spacing: -.1px;'>Let's get started on a specialty vehicle loan</a>";
                    $(".new-member-link").html('');
                    $(".new-member-link").append(goToURLLink);
                  });
                  // personal loan
                  $(document).on("click", "#personal-loan-apply", function() {
                    var productValue = $(this).attr('data-id');
                    $('#member-or-new-loans').modal('show');
                    var goToURLLink =
                      "<p>Welcome! Apply for a loan in minutes.</p><p><a href='https://app.loanspq.com/PL/PersonalLoan.aspx?lenderref=Safecu2618&=&l=1&LOANPURPOSE=Personal+Loan' class='arrow-after' target='_blank' onclick='closeModal();'>Let's get started on a personal loan</a>";
                    $(".new-member-link").html('');
                    $(".new-member-link").append(goToURLLink);
                  });
                  // credit cards
                  $(document).on("click", "#cashback-plus-visa-opennow", function() {
                    var productValue = $(this).attr('data-id');
                    $('#member-or-new-loans').modal('show');
                    var goToURLLink = "<p>Welcome! Apply for a credit card in minutes.</p><p><a href='" + baseURLcreditcards + productValue + " ' class='arrow-after' target='_blank' onclick='closeModal();'>Let's get started</a>";
                    $(".new-member-link").html('');
                    $(".new-member-link").append(goToURLLink);
                  });
                  $(document).on("click", "#essential-visa-opennow", function() {
                    var productValue = $(this).attr('data-id');
                    $('#member-or-new-loans').modal('show');
                    var goToURLLink = "<p>Welcome! Apply for a credit card in minutes.</p><p><a href='" + baseURLcreditcards + productValue + " ' class='arrow-after' target='_blank' onclick='closeModal();'>Let's get started</a>";
                    $(".new-member-link").html('');
                    $(".new-member-link").append(goToURLLink);
                  });
                  $(document).on("click", "#cash-back-visa-opennow", function() {
                    var productValue = $(this).attr('data-id');
                    $('#member-or-new-loans').modal('show');
                    var goToURLLink = "<p>Welcome! Apply for a credit card in minutes.</p><p><a href='" + baseURLcreditcards + productValue + " ' class='arrow-after' target='_blank' onclick='closeModal();'>Let's get started</a>";
                    $(".new-member-link").html('');
                    $(".new-member-link").append(goToURLLink);
                  });
                  $(document).on("click", "#smart-visa-opennow", function() {
                    var productValue = $(this).attr('data-id');
                    $('#member-or-new-loans').modal('show');
                    var goToURLLink = "<p>Welcome! Apply for a credit card in minutes.</p><p><a href='" + baseURLcreditcards + productValue + " ' class='arrow-after' target='_blank' onclick='closeModal();'>Let's get started</a>";
                    $(".new-member-link").html('');
                    $(".new-member-link").append(goToURLLink);
                  });

                  function closeModal() {
                    $('#member-or-new-loans').modal('toggle');
                  }
                </script>
                <!-- link generates from jquery script -->
                <div class="new-member-link">&nbsp;</div>
                <p></p>
                <div class="patriot-mobile">IDENTIFICATION NOTICE: SAFE Credit Union complies with the USA PATRIOT Act requirements to verify identification and protect member accounts. We may obtain a credit report or ask you to provide
                  identification documents to verify the information on the application. </div>
              </div>
              <!-- NEW TO SAFE? : END -->
              <div style="clear: both;">&nbsp;</div>
              <div class="patriot-desktop">IDENTIFICATION NOTICE: SAFE Credit Union complies with the USA PATRIOT Act requirements to verify identification and protect member accounts. We may obtain a credit report or ask you to provide
                identification documents to verify the information on the application.</div>
            </div><!-- member-non-member -->
          </div><!-- modal-body -->
        </div><!-- modal-content -->
      </div><!-- modal-dialog -->
    </div><!-- modal -->
    <script type="text/javascript">
      // This is triggered by mobile div buttons
      function showModal(yesno) {
        if (yesno === "yes") {
          $('.mobileYesNo').hide();
          $('.safe-member').show();
          $('.new-to-safe').hide();
        } else {
          $('.mobileYesNo').hide();
          $('.new-to-safe').show();
          $('.safe-member').hide();
        }
      }
      // if browser is resized clean up modal content on close
      $('#member-or-new-loans').on('hidden.bs.modal', function() {
        var browserWidth = $(document).width();
        if (browserWidth < 1024) {
          $(".mobileYesNo").show();
          $(".new-to-safe").hide();
          $(".safe-member").hide();
        } else {
          $(".new-to-safe").show();
          $(".safe-member").show();
        }
      });
      // more resize cleanup
      $(window).resize(function() {
        var browserWidthResized = $(document).width();
        if (browserWidthResized >= 1024) {
          $('.mobileYesNo').hide();
          $('.new-to-safe').show();
          $('.safe-member').show();
        } else if (browserWidthResized > 736) {
          $('.mobileYesNo').show();
          $('.new-to-safe').hide();
          $('.safe-member').hide();
        } else {
          // nada
        }
      });
    </script>
    <style>
      .apply-header {
        font-size: 36px;
        font-family: "utopia-std";
        color: #fefefe;
        font-style: italic;
        padding: 10px 0 20px 15px;
        margin-top: 20px;
      }

      .apply-sub-header {
        font-size: 30px;
        font-family: gotham;
        color: #fefefe;
        font-style: normal;
        font-weight: 100;
        padding: 10px 0 10px 0;
      }

      .apply-cta {
        font-size: 20px;
        letter-spacing: 1px;
        font-weight: 400;
        text-decoration: none;
      }

      .apply {
        padding: 20px;
      }

      .modal-content {
        background-color: #01528a;
      }

      .apply-button-wrap {
        padding: 20px 20px;
      }

      @media (max-width: 414px) {
        .apply-header {
          font-size: 28px;
        }

        .apply-sub-header {
          font-size: 24px;
        }

        .modal-body {
          margin-bottom: 70px;
        }

        .apply {
          padding: 0px;
        }
      }

      @media (min-width: 768px) {
        .modal-apply {
          width: 735px;
          margin: 30px auto;
        }

        .modal-body {
          margin-bottom: 70px;
        }
      }
    </style>
    <!-- Modal -->
    <div class="modal fade" id="apply-for-a-home-loan-modal" role="dialog">
      <div class="modal-dialog modal-apply">
        <div class="modal-content">
          <a data-dismiss="modal">
                <em class="fa fa-times exit exit-bs-modal" aria-hidden="true" title="Exit" style="touch-action: pan-y; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 10000;">
                    <span class="sr-only">Exit</span>
                </em>
            </a>
          <div class="modal-body">
            <div class="apply">
              <div class="apply-header">SAFE Mortgage Solutions</div>
              <div class="apply-button-wrap">
                <div class="apply-sub-header" style="padding-top: 30px;">Ready to buy or refinance your home?</div>
                <a href="https://safecu.mymortgage-online.com/?loanapp&amp;siteid=4810800406&amp;workFlowId=106231" class="apply-cta">Start your application &gt;</a>
              </div>
              <div class="apply-button-wrap">
                <div class="apply-sub-header" style="padding-top: 30px;">Referred by a new home builder?</div>
                <a href="https://safecu.mymortgage-online.com/?loanapp&amp;siteid=4810800406&amp;workFlowId=116565" type="button" class="apply-cta">Start your application &gt;</a>
              </div>
            </div>
            <!-- member-non-member -->
          </div>
          <!-- modal-body -->
        </div>
        <!-- modal-content -->
      </div>
      <!-- modal-dialog -->
      <!-- modal -->
    </div>
    <script type="text/javascript">
      var apply_For_A_Home_Loan = '<a class="btn-green" data-target="#apply-for-a-home-loan-modal" id="home-loans-apply" data-toggle="modal">Apply Now</a> ';
      $(".apply-for-a-home-loan").html(apply_For_A_Home_Loan);
    </script>
    <div>
      <div class="sfContentBlock sf-Long-text">
        <section class="safe-feature join-safe-member-benefits" style="padding-bottom:0px;">
          <div class="container">
            <div class="flex-container">
              <div class="flex-photo-left"><img alt="The SAFE Credit Union Performing Arts Center" src="/images/default-source/safe-landing-pages/join-safe/safe-pac-member-benefits-2.jpg"></div>
              <div class="flex-copy-right">
                <h2>SAFE Member Benefits</h2>
                <p><strong>Exclusive Member Discounts</strong>
                  <br>Save on community-based productions, hotels and resorts worldwide, financial literacy tools, and more.
                </p>
                <p><strong>Financial workshops &amp; webinars</strong>
                  <br>Join us for financial education <a href="/community/events">workshops</a> focused on relevant topics for each of life's milestones.
                </p>
                <p><strong>Personalized financial planning</strong>
                  <br>Get <a href="/wealth-management">financial guidance</a> from our advisors to reach your goals and aspirations.
                </p>
                <p><strong>Easy banking on the go</strong>
                  <br>Connect to a full suite of mobile and online <a href="/personal/online-and-mobile-banking/">banking features</a> for easy access to your money.
                </p>
                <p><strong>Insurance and Protection</strong>
                  <br>Plan ahead to <a href="/personal/insurance">protect your family and assets</a>, so the unexpected doesn't keep you sidelined.
                </p>
                <p>&nbsp;</p>
              </div>
            </div>
            <div style="clear:both;">&nbsp;</div>
          </div>
        </section>
      </div>
    </div>
    <style>
      @charset 'UTF-8';

      /* Slider */
      .slick-loading .slick-list {
        background: #fff url('/assets/content/images/ajax-loader.gif') center center no-repeat;
      }

      /* Icons */
      @font-face {
        font-family: 'slick';
        font-weight: normal;
        font-style: normal;
        src: url('/assets/fonts/slick.eot');
        src: url('/assets/fonts/slick.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/slick.woff') format('woff'), url('/assets/fonts/slick.ttf') format('truetype'), url('/assets/fonts/slick.svg#slick') format('svg');
      }

      /* Arrows */
      .slick-prev,
      .slick-next {
        font-size: 0;
        line-height: 0;
        position: absolute;
        top: 50%;
        display: block;
        /* width: 20px;
    height: 20px; */
        padding: 0;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        background: transparent;
      }

      .slick-prev:hover,
      .slick-prev:focus,
      .slick-next:hover,
      .slick-next:focus {
        color: transparent;
        outline: none;
        background: transparent;
      }

      .slick-prev:hover:before,
      .slick-prev:focus:before,
      .slick-next:hover:before,
      .slick-next:focus:before {
        opacity: 1;
      }

      .slick-prev.slick-disabled:before,
      .slick-next.slick-disabled:before {
        opacity: .25;
      }

      /* Dots */
      .slick-dots {
        text-align: center;
        position: relative;
        bottom: 15px;
      }

      .slick-dots li {
        position: relative;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
      }

      .slick-dots li button {
        font-size: 0;
        line-height: 0;
        display: block;
        width: 20px;
        height: 20px;
        /* padding: 5px; */
        cursor: pointer;
        color: transparent;
        border: 0;
        outline: none;
        background: transparent;
      }

      .slick-dots li button:hover,
      .slick-dots li button:focus {
        outline: none;
      }

      .slick-dots li button:hover:before,
      .slick-dots li button:focus:before {
        opacity: 1;
      }

      .slick-dots li button:before {
        font-family: "Font Awesome 5 Pro";
        content: "\f111";
        font-size: 20px;
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        text-align: center;
        font-weight: bold;
        opacity: .50;
        color: #cccccc;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }

      .slick-dots li.slick-active button:before {
        font-size: 20px;
        font-family: "Font Awesome 5 Pro";
        content: "\f111";
        opacity: 1;
        color: #01528A;
        font-weight: bold;
      }

      .slick-prev:before,
      .slick-next:before {
        font-size: 20px;
        line-height: 1;
        opacity: .70;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }

      .slick-prev {
        left: 5%;
        z-index: 50000;
      }

      [dir='rtl'] .slick-prev {
        right: 5%;
        left: auto;
      }

      [dir='rtl'] .slick-prev:before {
        content: '→';
      }

      .slick-next {
        right: 5%;
      }

      [dir='rtl'] .slick-next {
        right: auto;
        left: 20px;
      }

      [dir='rtl'] .slick-next:before {
        content: '←';
      }

      .slick-prev:before {
        font-family: "Font Awesome 5 Pro";
        content: "\f053";
        /* f104 */
        font-size: 20px;
        color: #262626;
        font-size: 60px;
      }

      .slick-next:before {
        font-family: "Font Awesome 5 Pro";
        content: "\f054";
        /* f105 */
        color: #262626;
        font-size: 60px;
      }

      @media (max-width: 1058px) {
        #review-slider .slick-dots {
          display: block !important;
        }

        .slick-prev:before,
        .slick-next:before {
          display: none !important;
        }
      }

      @media (min-width: 1059px) {
        .slick-dots {
          display: none !important;
        }

        .slick-prev:before,
        .slick-next:before {
          display: block !important;
        }
      }
    </style>
    <link rel="stylesheet" type="text/css" href="/assets/content/slick.css">
    <section id="review-slider" class="slider-section" style="padding-top:60px;background-color:#ECECEC;">
      <div class="container slider-nav slider-padding" style="text-align:center;">
        <h2>Why do over 200,000 members in the Greater Sacramento area love <span class="no-break">SAFE Credit Union</span>?</h2>
        <div class="safe-landing-page-carousel slick-initialized slick-slider slick-dotted"><button class="slick-prev slick-arrow" aria-label="Previous" type="button" style="display: block;">Previous</button>
          <div class="slick-list draggable">
            <div class="slick-track" style="opacity: 1; width: 10260px; transform: translate3d(-1140px, 0px, 0px);">
              <div class="slick-slide slick-cloned" data-slick-index="-1" aria-hidden="true" tabindex="-1" style="width: 1140px;">
                <div class="sfContentBlock sf-Long-text">
                  <div class="safe-feature-slide" data-id="3">
                    <div class="slides-flex-container">
                      <div class="slider-copy">
                        <p><em class="fas fa-star"></em><em class="fas fa-star"></em><em class="fas fa-star"></em><em class="fas fa-star"></em><em class="fas fa-star"></em>&nbsp;<strong>Yelp Review</strong></p>
                        <h2 class="safe-landing-page-quote">I've been banking with SAFE since I was a young adult. Sadly we do not have a Safe Credit Union in my state so I make it a point to stop in when I'm in town. I always enjoy the customer
                          service and the time their workers spend with their customers.</h2>
                        <p><em>— Michelle B. </em></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" tabindex="0" role="tabpanel" id="slick-slide10" aria-describedby="slick-slide-control10" style="width: 1140px;">
                <div class="sfContentBlock sf-Long-text">
                  <div class="safe-feature-slide" data-id="1">
                    <div class="slides-flex-container">
                      <div class="slider-copy">
                        <p><strong><em class="fas fa-star"></em><em class="fas fa-star"></em><em class="fas fa-star"></em><em class="fas fa-star"></em><em class="fas fa-star"></em>&nbsp; Google Review</strong></p>
                        <h2 class="safe-landing-page-quote">The best credit union you could belong to. I've been a customer there for years and they've always taken care of me. I highly recommend it. </h2>
                        <p><em>— Laurene B.</em></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="slick-slide" data-slick-index="1" aria-hidden="true" tabindex="-1" role="tabpanel" id="slick-slide11" aria-describedby="slick-slide-control11" style="width: 1140px;">
                <div class="sfContentBlock sf-Long-text">
                  <div class="safe-feature-slide" data-id="2">
                    <div class="slides-flex-container">
                      <div class="slider-copy">
                        <p><em class="fas fa-star"></em><em class="fas fa-star"></em><em class="fas fa-star"></em><em class="fas fa-star"></em><em class="fas fa-star"></em>&nbsp;<strong>Yelp Review</strong></p>
                        <h2 class="safe-landing-page-quote">My wife and I have been doing business with them for over 30 years and have never had a problem with any transaction. The services provided are excellent and the staff is very friendly.</h2>
                        <p><em>— Ward J. </em></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="slick-slide" data-slick-index="2" aria-hidden="true" tabindex="-1" role="tabpanel" id="slick-slide12" aria-describedby="slick-slide-control12" style="width: 1140px;">
                <div class="sfContentBlock sf-Long-text">
                  <div class="safe-feature-slide" data-id="3">
                    <div class="slides-flex-container">
                      <div class="slider-copy">
                        <p><em class="fas fa-star"></em><em class="fas fa-star"></em><em class="fas fa-star"></em><em class="fas fa-star"></em><em class="fas fa-star"></em>&nbsp;<strong>Google Review</strong></p>
                        <h2 class="safe-landing-page-quote">I switched my business to SAFE and I couldn't be happier. I do a lot of transactions and even though it's a lot more work than a regular account, the staff there is ALWAYS friendly and
                          helpful. They bring a positive felling when you go in there. </h2>
                        <p><em>— Scott R.</em></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="slick-slide" data-slick-index="3" aria-hidden="true" tabindex="-1" role="tabpanel" id="slick-slide13" aria-describedby="slick-slide-control13" style="width: 1140px;">
                <div class="sfContentBlock sf-Long-text">
                  <div class="safe-feature-slide" data-id="3">
                    <div class="slides-flex-container">
                      <div class="slider-copy">
                        <p><em class="fas fa-star"></em><em class="fas fa-star"></em><em class="fas fa-star"></em><em class="fas fa-star"></em><em class="fas fa-star"></em>&nbsp;<strong>Yelp Review</strong></p>
                        <h2 class="safe-landing-page-quote">I've been banking with SAFE since I was a young adult. Sadly we do not have a Safe Credit Union in my state so I make it a point to stop in when I'm in town. I always enjoy the customer
                          service and the time their workers spend with their customers.</h2>
                        <p><em>— Michelle B. </em></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="slick-slide slick-cloned" data-slick-index="4" aria-hidden="true" tabindex="-1" style="width: 1140px;">
                <div class="sfContentBlock sf-Long-text">
                  <div class="safe-feature-slide" data-id="1">
                    <div class="slides-flex-container">
                      <div class="slider-copy">
                        <p><strong><em class="fas fa-star"></em><em class="fas fa-star"></em><em class="fas fa-star"></em><em class="fas fa-star"></em><em class="fas fa-star"></em>&nbsp; Google Review</strong></p>
                        <h2 class="safe-landing-page-quote">The best credit union you could belong to. I've been a customer there for years and they've always taken care of me. I highly recommend it. </h2>
                        <p><em>— Laurene B.</em></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="slick-slide slick-cloned" data-slick-index="5" aria-hidden="true" tabindex="-1" style="width: 1140px;">
                <div class="sfContentBlock sf-Long-text">
                  <div class="safe-feature-slide" data-id="2">
                    <div class="slides-flex-container">
                      <div class="slider-copy">
                        <p><em class="fas fa-star"></em><em class="fas fa-star"></em><em class="fas fa-star"></em><em class="fas fa-star"></em><em class="fas fa-star"></em>&nbsp;<strong>Yelp Review</strong></p>
                        <h2 class="safe-landing-page-quote">My wife and I have been doing business with them for over 30 years and have never had a problem with any transaction. The services provided are excellent and the staff is very friendly.</h2>
                        <p><em>— Ward J. </em></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="slick-slide slick-cloned" data-slick-index="6" aria-hidden="true" tabindex="-1" style="width: 1140px;">
                <div class="sfContentBlock sf-Long-text">
                  <div class="safe-feature-slide" data-id="3">
                    <div class="slides-flex-container">
                      <div class="slider-copy">
                        <p><em class="fas fa-star"></em><em class="fas fa-star"></em><em class="fas fa-star"></em><em class="fas fa-star"></em><em class="fas fa-star"></em>&nbsp;<strong>Google Review</strong></p>
                        <h2 class="safe-landing-page-quote">I switched my business to SAFE and I couldn't be happier. I do a lot of transactions and even though it's a lot more work than a regular account, the staff there is ALWAYS friendly and
                          helpful. They bring a positive felling when you go in there. </h2>
                        <p><em>— Scott R.</em></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="slick-slide slick-cloned" data-slick-index="7" aria-hidden="true" tabindex="-1" style="width: 1140px;">
                <div class="sfContentBlock sf-Long-text">
                  <div class="safe-feature-slide" data-id="3">
                    <div class="slides-flex-container">
                      <div class="slider-copy">
                        <p><em class="fas fa-star"></em><em class="fas fa-star"></em><em class="fas fa-star"></em><em class="fas fa-star"></em><em class="fas fa-star"></em>&nbsp;<strong>Yelp Review</strong></p>
                        <h2 class="safe-landing-page-quote">I've been banking with SAFE since I was a young adult. Sadly we do not have a Safe Credit Union in my state so I make it a point to stop in when I'm in town. I always enjoy the customer
                          service and the time their workers spend with their customers.</h2>
                        <p><em>— Michelle B. </em></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- end carousels -->
          <button class="slick-next slick-arrow" aria-label="Next" type="button" style="display: block;">Next</button>
          <ul class="slick-dots" style="display: block;" role="tablist">
            <li class="slick-active" role="presentation"><button type="button" role="tab" id="slick-slide-control10" aria-controls="slick-slide10" aria-label="1 of 4" tabindex="0" aria-selected="true">1</button></li>
            <li role="presentation"><button type="button" role="tab" id="slick-slide-control11" aria-controls="slick-slide11" aria-label="2 of 4" tabindex="-1">2</button></li>
            <li role="presentation"><button type="button" role="tab" id="slick-slide-control12" aria-controls="slick-slide12" aria-label="3 of 4" tabindex="-1">3</button></li>
            <li role="presentation"><button type="button" role="tab" id="slick-slide-control13" aria-controls="slick-slide13" aria-label="4 of 4" tabindex="-1">4</button></li>
          </ul>
        </div>
      </div>
    </section>
    <script type="text/javascript">
      // slick tab click function 
      // for div onclick
      $('div[data-slide]').click(function(e) {
        e.preventDefault();
        var slideno = $(this).data('slide');
        $('.safe-landing-page-carousel').slick('slickGoTo', slideno - 1);
      });
      // for a:href
      $('a[data-slide]').click(function(e) {
        e.preventDefault();
        var slideno = $(this).data('slide');
        $('.safe-landing-page-carousel').slick('slickGoTo', slideno - 1);
      });
    </script>
    <!-- <script src="/assets/scripts/slick.min.js" type="text/javascript" charset="utf-8"></script> -->
    <script type="text/javascript">
      // slick slider 
      $(document).on('ready', function() {
        $(".safe-landing-page-carousel").slick({
          dots: true,
          arrows: true,
          infinite: true,
          autoplay: false,
          autoplaySpeed: 10000, // 10 sec
          slidesToShow: 1
        });
      });
    </script>
    <script type="text/javascript" src="//cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick.min.js"></script>
    <div>
      <div class="sfContentBlock sf-Long-text"><!-- Mobile Nav CSS -->
        <style>
          body {
            overflow-x: hidden;
          }

          .off-canvas-toggle {
            float: left;
            padding: 0 15px;
          }

          .off-canvas a:focus {
            outline: none !important;
            color: inherit;
          }

          .off-canvas {
            width: 75vw;
            position: fixed;
            left: 0;
            top: 0;
            height: 100%;
            overflow-x: hidden;
            overflow-y: auto;
            background-color: #333;
            transform: translateX(-100%);
            transition: .4s ease-in-out;
            z-index: 1;
          }

          .off-canvas-active .off-canvas {
            transform: translateX(0);
          }

          .navbar-fixed-top {
            transition: .4s ease-in-out;
            width: 100%;
          }

          .page-wrapper {
            padding-top: 50px;
            transition: .4s ease-in-out;
          }

          .off-canvas-active .page-wrapper,
          .off-canvas-active .navbar-fixed-top {
            transform: translateX(300px);
          }

          .list-group {
            padding: 20px;
          }

          .off-canvas-overlay {
            /* added display none to prevent flashing of overlay */
            display: none;
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, .75);
            z-index: 601;
            visibility: hidden;
            opacity: 0;
            transition: .4s ease-in-out;
          }

          .off-canvas-active .off-canvas-overlay {
            opacity: 1;
            visibility: visible;
          }

          #closeOffCanvas .list-group {
            padding: 0;
            margin-bottom: 0;
          }

          #mobileNavbar .panel-group .panel+.panel {
            margin-top: 0;
          }

          #mobileNavbar .panel-title {
            color: #01528a;
          }

          .group-active {
            background-color: #0077cc !important;
          }

          .list-group-item {
            background-color: #01528a;
            color: #fff;
          }

          .personal-group,
          .business-group,
          .wm-group,
          .community-group {
            list-style-type: none;
            padding-top: 5px;
            /*padding-bottom: 5px;*/
          }

          .personal-group .list-group-item,
          .business-group .list-group-item,
          .wm-group .list-group-item,
          .community-group .list-group-item {
            list-style-type: none;
            background-color: #ebebeb;
            color: #01528a;
            font-weight: 300;
          }

          .personal-group .list-group-item span,
          .business-group .list-group-item span,
          .wm-group .list-group-item span,
          .community-group .list-group-item span {
            color: #01528a;
          }

          .personal-group .personal-links,
          .business-group .business-links,
          .wm-group .wm-links,
          .community-group .community-links {
            list-style-type: none;
            padding-bottom: 15px !important;
            color: #262626;
          }

          .personal-group .personal-links li,
          .business-group .business-links li,
          .wm-group .wm-links li,
          .community-group .community-links li {
            padding-top: 15px;
          }

          #second-group {
            padding-top: 15px;
          }

          #second-group .list-group-item {
            font-size: 12px;
            border: transparent;
            background-color: #ebebeb;
            color: #262626;
            padding: 5px 15px;
            font-size: 12px;
          }

          .search-mobile {
            background-color: #fff;
            color: #262626;
            font-size: 14px;
            padding: 15px 25px;
          }

          /*
            @media screen and (min-width: 1200px) {
            #mobileNavbar {
            display: none;
            }
            }

            @media screen and (max-width: 1199px) {
            .yxt-SearchBar-container {
            width: 65vw !important;
            }
            */
          .search-span {
            height: 55px;
          }

          .yext-search {
            background-color: transparent;
            top: 0;
            left: 0;
            width: 55vw !important;
          }

          @media screen and (max-width: 991px) {
            .yext-search input {
              width: 75% !important;
            }

            .off-canvas-overlay {
              display: block;
            }
          }

          @media screen and (max-width: 614px) {
            yxt-SearchBar-container {
              width: 145% !important;
            }

            .yext-search input {
              width: 60% !important;
            }
          }
        </style>
        <!-- Mobile Navigation -->
        <div id="mobileNavbar" class="off-canvas" style="background-color:#ebebeb;z-index:602;">
          <div id="closeOffCanvas" style="cursor:pointer;color:#262626;">
            <div class="search-span"><em id="mobile-close" aria-hidden="true" class="fas fa-times mobile-exit pull-right fa-lg" title="Exit" style="display:inline;padding-top:20px;color:#262626;padding-right:20px;"><span
                  class="sr-only">Exit</span></em>
            </div>
            <ul class="list-group">
              <li id="personalMobileLink" class="list-group-item"><a data-toggle="collapse" href="#accordionPersonal">Personal</a>
              </li>
              <div class="panel-group personal-group collapse" id="accordionPersonal">
                <div class="panel panel-default">
                  <div class="panel-heading">
                    <h4 class="panel-title"><a href="/personal">Personal</a></h4>
                  </div>
                </div>
                <div class="panel panel-default">
                  <div class="panel-heading">
                    <h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordionPersonal" href="#personalCollapse1">Checking<em class="far fa-plus-square fa-lg pull-right" style="color:#767676;"></em></a>
                    </h4>
                  </div>
                  <div id="personalCollapse1" class="panel-collapse collapse">
                    <ul class="personal-links">
                      <li><a href="/personal/manage-your-money/checking-accounts/">Checking Accounts</a></li>
                      <li><a href="/personal/manage-your-money/online-banking/direct-deposit">Direct Deposit</a></li>
                      <li><a href="/personal/manage-your-money/safe-visa-debit-card">Visa<sup>®</sup> Debit Card</a></li>
                      <li><a href="/personal/manage-your-money/checking-accounts/switch-checking">Switch Checking</a></li>
                    </ul>
                  </div>
                </div>
                <div class="panel panel-default">
                  <div class="panel-heading">
                    <h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordionPersonal" href="#personalCollapse2">Savings &amp; Retirements<em class="far fa-plus-square fa-lg pull-right" style="color:#767676;"></em></a>
                    </h4>
                  </div>
                  <div id="personalCollapse2" class="panel-collapse collapse">
                    <ul class="personal-links">
                      <li><a href="/personal/grow-your-money/savings">Savings Account</a></li>
                      <li><a href="/personal/grow-your-money/money-market">Money Market</a></li>
                      <li><a href="/personal/grow-your-money/certificates">Certificates</a></li>
                      <li><a href="/personal/grow-your-money/iras">IRAs</a></li>
                      <li><a href="/personal/grow-your-money/capitol-club">Capitol Club</a></li>
                    </ul>
                  </div>
                </div>
                <div class="panel panel-default">
                  <div class="panel-heading">
                    <h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordionPersonal" href="#personalCollapse3">Loans &amp; Credit<em class="far fa-plus-square fa-lg pull-right" style="color:#767676;"></em></a>
                    </h4>
                  </div>
                  <div id="personalCollapse3" class="panel-collapse collapse">
                    <ul class="personal-links">
                      <li><a href="/personal/borrow-money/auto-loans">Auto Loans</a></li>
                      <li><a href="/personal/borrow-money/credit-cards">Credit Cards</a></li>
                      <li><a href="/personal/borrow-money/home-loans">Mortgages</a></li>
                      <li><a href="/personal/borrow-money/personal-loans/">Personal Loans</a></li>
                      <li><a href="/personal/borrow-money/student-loans">Student Loans</a></li>
                      <li><a href="/personal/borrow-money/home-loans/home-equity-loans">Home Equity Loans</a></li>
                      <li><a href="/personal/borrow-money/specialty-vehicles">Specialty Vehicle Loans</a></li>
                      <li><a href="/personal/borrow-money/personal-loans">Green Energy Loans</a></li>
                      <li><a href="/personal/insurance">Insurance &amp; Protection Options</a></li>
                    </ul>
                  </div>
                </div>
                <div class="panel panel-default">
                  <div class="panel-heading">
                    <h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordionPersonal" href="#personalCollapse4">Online &amp; Mobile Banking<em class="far fa-plus-square fa-lg pull-right" style="color:#767676;"></em></a>
                    </h4>
                  </div>
                  <div id="personalCollapse4" class="panel-collapse collapse">
                    <ul class="personal-links">
                      <li><a href="/personal/online-and-mobile-banking/">Online &amp; Mobile Banking</a></li>
                      <li><a href="/personal/online-and-mobile-banking/move-money#transfer-money-between-your-safe-accounts">Transfer Money</a></li>
                      <li><a href="/personal/online-and-mobile-banking/mobile-banking#mydeposit">Mobile Deposit</a></li>
                      <li><a href="/personal/online-and-mobile-banking/card-services">Card Services</a></li>
                      <li><a href="/personal/online-and-mobile-banking/alerts-and-notifications">Alerts &amp; Notifications</a></li>
                      <li><a href="/personal/online-and-mobile-banking/move-money#bill-pay">Bill Pay</a></li>
                      <li><a href="/personal/online-and-mobile-banking/move-money#loan-payments">SAFE Loan Payment</a></li>
                      <li><a href="/personal/online-and-mobile-banking/digital-wallet/">Digital Wallet</a></li>
                      <li><a href="/personal/online-and-mobile-banking/voice-banking/">Voice Banking</a></li>
                      <li><a href="/personal/online-security">Online Security</a></li>
                    </ul>
                  </div>
                </div>
                <div class="panel panel-default">
                  <div class="panel-heading">
                    <h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordionPersonal" href="#personalCollapse5">Financial Wellness<em class="far fa-plus-square fa-lg pull-right" style="color:#767676;"></em></a>
                    </h4>
                  </div>
                  <div id="personalCollapse5" class="panel-collapse collapse">
                    <ul class="personal-links">
                      <li><a href="/community/financial-education">Financial Wellness Navigator </a></li>
                      <li><a href="/community/financial-education#financial-guides">Financial Guides </a></li>
                      <li><a href="/community/events">Events &amp; Webinars </a></li>
                      <li><a href="/community/employers">Workplace Financial Wellness </a></li>
                    </ul>
                  </div>
                </div>
                <div class="panel panel-default">
                  <div class="panel-heading">
                    <h4 class="panel-title"><a href="/financial-calculators">Financial Calculators</a></h4>
                  </div>
                </div>
              </div>
              <li id="businessMobileLink" class="list-group-item"><a data-toggle="collapse" href="#accordionBusiness">Business</a>
              </li>
              <div class="panel-group business-group collapse" id="accordionBusiness">
                <div class="panel panel-default">
                  <div class="panel-heading">
                    <h4 class="panel-title"><a href="/business">Business</a></h4>
                  </div>
                </div>
                <div class="panel panel-default">
                  <div class="panel-heading">
                    <h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordionBusiness" href="#businessCollapse1">Checking &amp; Savings<em class="far fa-plus-square fa-lg pull-right" style="color:#767676;"></em></a>
                    </h4>
                  </div>
                  <div id="businessCollapse1" class="panel-collapse collapse">
                    <ul class="business-links">
                      <li><a href="/business/manage-your-money/business-checking">Business Checking</a></li>
                      <li><a href="/business/manage-your-money/mydeposit-business">Remote Checking</a></li>
                      <li><a href="/business/manage-your-money/business-savings">Savings Account</a></li>
                      <li><a href="/business/manage-your-money/business-savings#businessMoneyMarket">Money Market</a></li>
                      <li><a href="/business/manage-your-money/business-savings#businessCertificates">Certificates</a></li>
                    </ul>
                  </div>
                </div>
                <div class="panel panel-default">
                  <div class="panel-heading">
                    <h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordionBusiness" href="#businessCollapse2">Loans &amp; Credit<em class="far fa-plus-square fa-lg pull-right" style="color:#767676;"></em></a>
                    </h4>
                  </div>
                  <div id="businessCollapse2" class="panel-collapse collapse">
                    <ul class="business-links">
                      <li><a href="/business/contact-a-safe-business-banking-expert">Business Term Loans</a></li>
                      <li><a href="/business/grow-your-business/working-capital">Working Capital</a></li>
                      <li><a href="/business/grow-your-business/sba-loans">SBA Loans</a></li>
                      <li><a href="/business/grow-your-business/visa-business">Business Credit Card</a></li>
                      <li><a href="/business/grow-your-business/commercial-real-estate">Commercial Real Estate</a></li>
                      <li><a href="/business/grow-your-business/equipment-financing">Equipment &amp; Auto Financing</a></li>
                    </ul>
                  </div>
                </div>
                <div class="panel panel-default">
                  <div class="panel-heading">
                    <h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordionBusiness" href="#businessCollapse3">Other Business Services<em class="far fa-plus-square fa-lg pull-right" style="color:#767676;"></em></a>
                    </h4>
                  </div>
                  <div id="businessCollapse3" class="panel-collapse collapse">
                    <ul class="business-links">
                      <li><a href="/business/business-services/payroll-services">Payroll Services</a></li>
                      <li><a href="/business/business-services/merchant-services">Merchant Services</a></li>
                      <li><a href="/business/business-services/simplified-employee-pension-sep">Simplified Employee Pension (SEP)</a></li>
                      <li><a href="/business/additional-resources-and-self-help">Additional Resources</a></li>
                    </ul>
                  </div>
                </div>
              </div>
              <li id="wmMobileLink" class="list-group-item"><a data-toggle="collapse" href="#accordionWM">Wealth Management</a>
              </li>
              <div class="panel-group wm-group collapse" id="accordionWM">
                <div class="panel panel-default">
                  <div class="panel-heading">
                    <h4 class="panel-title"><a href="/wealth-management">Wealth Management</a></h4>
                  </div>
                </div>
                <div class="panel panel-default">
                  <div class="panel-heading">
                    <h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordionWM" href="#wmCollapse1">Wealth Advice &amp; Guidance<em class="far fa-plus-square fa-lg pull-right" style="color:#767676;"></em></a>
                    </h4>
                  </div>
                  <div id="wmCollapse1" class="panel-collapse collapse">
                    <ul class="wm-links">
                      <li><a href="/wealth-management/">Wealth Management</a></li>
                      <li><a href="/wealth-management/meet-our-advisors">Meet Our Advisors</a></li>
                      <li>
                        <a class="thirdParty" data-id="/wealth-management/guided-wealth-portfolio" style="touch-action: pan-y; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">Guides Wealth Portfolio &nbsp;</a>
                      </li>
                      <li><a href="/wealth-management/life-stages">Life Stages</a></li>
                    </ul>
                  </div>
                </div>
                <div class="panel panel-default">
                  <div class="panel-heading">
                    <h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordionWM" href="#wmCollapse2">Personal &amp; Business Savings<em class="far fa-plus-square fa-lg pull-right" style="color:#767676;"></em></a>
                    </h4>
                  </div>
                  <div id="wmCollapse2" class="panel-collapse collapse">
                    <ul class="wm-links">
                      <li><a href="/personal/grow-your-money/money-market">Money Market</a></li>
                      <li><a href="/personal/grow-your-money/certificates">Certificates</a></li>
                      <li><a href="/personal/grow-your-money/iras">IRAs</a></li>
                    </ul>
                  </div>
                </div>
                <div class="panel panel-default">
                  <div class="panel-heading">
                    <h4 class="panel-title"><a href="/financial-calculators">Financial Calculators</a></h4>
                  </div>
                </div>
              </div>
              <li id="communityMobileLink" class="list-group-item"><a data-toggle="collapse" href="#accordionCommunity">Community</a>
              </li>
              <div class="panel-group community-group collapse" id="accordionCommunity">
                <div class="panel panel-default">
                  <div class="panel-heading">
                    <h4 class="panel-title"><a href="/community">Community</a></h4>
                  </div>
                </div>
                <div class="panel panel-default">
                  <div class="panel-heading">
                    <h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordionCommunity" href="#communityCollapse1">Community Impact<em class="far fa-plus-square fa-lg pull-right" style="color:#767676;"></em></a>
                    </h4>
                  </div>
                  <div id="communityCollapse1" class="panel-collapse collapse">
                    <ul class="community-links">
                      <li><a href="/community/community-impact">Community Impact </a></li>
                      <li><a href="/community/community-impact/education">Education and Youth Leadership </a></li>
                      <li><a href="/community/community-impact/funding">Funding </a></li>
                      <li><a href="/community/community-impact/health">Health and Wellness </a></li>
                      <li><a href="/community/community-impact/military">Military Personnel </a></li>
                      <li><a href="/community/community-impact/volunteer">Volunteering </a></li>
                    </ul>
                  </div>
                </div>
                <div class="panel panel-default">
                  <div class="panel-heading">
                    <h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordionCommunity" href="#communityCollapse2">Financial Wellness<em class="far fa-plus-square fa-lg pull-right" style="color:#767676;"></em></a>
                    </h4>
                  </div>
                  <div id="communityCollapse2" class="panel-collapse collapse">
                    <ul class="community-links">
                      <li><a href="/community/financial-education">Financial Wellness Navigator </a></li>
                      <li><a href="/community/financial-education#financial-guides">Financial Guides </a></li>
                      <li><a href="/community/events">Events &amp; Webinars </a></li>
                      <li><a href="/community/employers">Workplace Financial Wellness </a></li>
                    </ul>
                  </div>
                </div>
                <div class="panel panel-default">
                  <div class="panel-heading">
                    <h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordionCommunity" href="#communityCollapse3">The District<em class="far fa-plus-square fa-lg pull-right" style="color:#767676;"></em></a>
                    </h4>
                  </div>
                  <div id="communityCollapse3" class="panel-collapse collapse">
                    <ul class="community-links">
                      <li><a href="/community/district">About The District </a></li>
                      <li><a href="/community/district#district-faq">Frequently Asked Questions </a></li>
                      <li><a href="https://info.safecu.org/safe-credit-union-convent-center-and-performing-arts-district">Subscribe </a></li>
                    </ul>
                  </div>
                </div>
                <div class="panel panel-default">
                  <div class="panel-heading">
                    <h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordionCommunity" href="#communityCollapse4">Workplace Financial Wellness<em class="far fa-plus-square fa-lg pull-right" style="color:#767676;"></em></a>
                    </h4>
                  </div>
                  <div id="communityCollapse4" class="panel-collapse collapse">
                    <ul class="community-links">
                      <li><a href="/community/employers">For Employers </a></li>
                      <li><a href="/community/employers/contact-workplace-financial-wellness">Request Information </a></li>
                    </ul>
                  </div>
                </div>
              </div>
            </ul>
            <div id="second-group">
              <li class="list-group-item"><a href="/contact-us">Contact Us</a></li>
              <li class="list-group-item"><a href="/oao">Join SAFE</a></li>
              <li class="list-group-item"><a href="/rates-disclosures/safe-credit-card-rates">Rates</a></li>
              <li class="list-group-item"><a href="/atm-branch">ATM/Branch</a></li>
              <li class="list-group-item"><a href="/schedule">Appointment</a></li>
              <li class="list-group-item"><a href="https://blog.safecu.org/">Beyond Everyday Banking</a></li>
              <li class="list-group-item"><a href="/about/careers">Careers</a></li>
              <li class="list-group-item"><a href="/faq">FAQ</a></li>
              <li class="list-group-item"><a href="/about">About</a></li>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div>
      <div class="sfContentBlock sf-Long-text">
        <section class="inner-page-splash" style="display:none;">
          <div class="container"></div>
        </section>
      </div>
    </div>
  </main>
</form>

<form>
  <!-- this is for Chrome to strip out -->
</form>

Name: LoginPOST https://www.safecuhb.org/auth-olb/live/v1/remote-login

<form autocomplete="off" name="Login" action="https://www.safecuhb.org/auth-olb/live/v1/remote-login" method="post" onsubmit="if (!window.__cfRLUnblockHandlers) return false; return setParamStatus();">
  <input type="hidden" id="testcookie" name="testcookie" value="false">
  <input type="hidden" id="testjs" name="testjs" value="false">
  <input type="hidden" id="dscheck" name="dscheck" value="0">
  <input type="text" placeholder="username" name="userid" id="username" maxlength="32" aria-label="User name">
  <input type="password" placeholder="password" name="password" id="password" maxlength="200" aria-label="Password">
  <p><a href="https://www.safecuhb.org/dbank/live/app/authUpdate" target="_blank" style="float: left"><strong>Need help logging in?</strong></a></p>
  <p>&nbsp;</p>
  <button class="btn-green">
    <span class="icon-security-shield" style="padding-right: 10px;" title="Log In"></span>Log in </button>
  <p>Not enrolled? <a href="https://www.safecuhb.org/tob/live/usp-core/app/register"><strong>Get
                                        Started!</strong></a></p>
</form>

Name: chrome

<form name="chrome"><input type="hidden"></form>

Name: LoginPOST https://www.safecuhb.org/tob/live/usp-core/app/initialLogin

<form autocomplete="off" name="Login" action="https://www.safecuhb.org/tob/live/usp-core/app/initialLogin" method="post" onsubmit="if (!window.__cfRLUnblockHandlers) return false; return setParamStatus();">
  <input type="hidden" id="testcookie" name="testcookie" value="false">
  <input type="hidden" id="testjs" name="testjs" value="false">
  <input type="hidden" id="dscheck" name="dscheck" value="0">
  <input type="text" placeholder="username" name="userid" id="usernameModal" maxlength="60" aria-label="User name">
  <input type="password" placeholder="password" name="password" id="passwordModal" maxlength="200" aria-label="Password" style="height: 54px;">
  <input type="checkbox" id="showPassword-olbm">
  <label for="showPassword-olbm" class="seepwd-olbm"><span class="sr-only">Show or Hide Password</span></label>
  <a href="https://www.safecuhb.org/tob/live/usp-core/app/authUpdate?__hstc=91352517.08acef2aa9e851a7977f9b20ed0499f3.1367360699423.1374467755537.1374496651830.231&amp;__hssc=91352517.204.137449665183" target="_blank"><strong>Need help loggin in?</strong></a>
  <button class="btn-green"><span class="fas fa-shield-check" title="Log In"></span>Log In</button>
  <p>Not enrolled? <a href="https://www.safecuhb.org/tob/live/usp-core/app/register"><strong>Get Started!</strong></a></p>
</form>

Text Content

Clear


Submit


Skip to main content
Exit

Please choose whether this site may use cookies or related technologies as
described below.

Required Cookies
Required to enable core site functionality and provide secure log-in for online
banking.

Functional Cookies  

YesNo

Necessary to provide a full visitor experience, including live chat.



Marketing Cookies  

YesNo

Allows us to analyze site usage to improve performance and serve ads on third
party advertisers that are relevant to your interest.



Save My Preferences

Learn more about how this site uses cookies by reading our Privacy Statement.

Exit
We use cookies to analyze performance of the traffic on our website and provide
advertising and content personalization. By clicking "I Accept," you consent to
use of cookies in accordance with our Privacy Statement.
Manage Cookies
I Accept
 
 
 
Menu ToggleMenu Toggle   Schedule an Appointment


SAFE IS HERE FOR YOU

You and your family work hard to reach your goals. Banking with SAFE helps make
your goals a reality.


EXPERIENCE THE CREDIT UNION DIFFERENCE WITH SAFE

As a community-based financial partner, we act in the interest of our members
first—always. Serving members for over 80 years, our mission is to support you
and your family’s financial wellness. We offer accounts and services for every
age and life stage.

If you work or live within Sacramento, Placer, El Dorado, Yolo, San Joaquin,
Contra Costa, Solano, Yuba, Sutter, Butte, Nevada, Alameda, and Amador counties,
you’re eligible to join SAFE Credit Union.

We hope you’ll become a SAFE member today!

 


CHOOSE WHAT'S RIGHT FOR YOU

Icon - Checking
Checking

Icon - Savings
Savings

Icon - Credit Cards
Credit Cards

Icon - Loans
Loans

Icon - Business
Business

 * 1

Perfect Cents Checking®

Our most popular checking account created for everyday users.

Open Now

See More

Freedom Checking

Easy, stress-free checking for a simplified banking experience.
 

Open Now

Get Details

Prestige Checking

Account tailored to those with high account balances.
 

Open Now

Take a Look

Money Market

Get easy access to funds while earning competitive dividends.

Open Now

Start Saving

Certificates

Lock in higher dividend rates for a specific amount of time.

Open Now

See Options

Share Savings

Our standard savings account for a simple savings solution.

Open Now

Start Online

Cash Back+ Visa Signature® Credit Card

Get more out of each moment with exclusive benefits and earn up to 5% cash back.

Apply Now

See Benefits

Essential Visa® Credit Card

Lower interest rates allow those who tend to carry a balance to pay over time.

Apply Now

Take a Look

Cash Back Visa® Credit Card

The card that earns you cash back.*
 

Apply Now

Learn More

Smart Visa® Credit Card
 

A card that can help build credit with the backing of funds on deposit.

Apply Now

Explore

Auto Loans

Car shopping should be fun. Getting pre-approved for a new or used car loan
makes shopping easier.
 

Apply Now

Get Moving

Personal Loans

Reasons for taking out a loan are personal. Finance what matters with a low,
fixed-rate loan.
 

Apply Now

Get Started

Boat, RV, Motorcycle Loans

Supporting adventurous spirits with flexible loan options to get moving faster.
 

Apply Now

Explore

Home Loans

Local lending with competitive rates, flexible terms, and personalized service
to close on the perfect home.

Apply Now

See Rates

Student Loans

Investing in education is a smart idea. A flexible student loan with Sallie Mae®
can help.
 

Learn More

 

 

Commercial Real Estate
 

We're here to help businesses expand and maximize investment opportunities.
 

Get Started

Business Checking Account

Separation between personal and business funds is a must. Start here with
business checking.

See Details

SAFE Visa® Business Credit Card

Every business purchase earns points toward travel, merchandise, gift cards, and
more.

Start Earning

SBA Loans
 

Secure the financing you need to grow your business and drive your cash flow.

Learn More

 

 

 

 

 

 

Exit


ARE YOU A SAFE MEMBER?


Log In       Join


SAFE MEMBER

Log in to continue, then select "Open an Account"

Show or Hide Password Need help logging in? Log in

Not enrolled? Get Started!


NEW TO SAFE?

Welcome! Open your new account in minutes.



Let's get started



IDENTIFICATION NOTICE: SAFE Credit Union complies with the USA PATRIOT Act
requirements to verify identification and protect member accounts. We may obtain
a credit report or ask you to provide identification documents to verify the
information on the application.
 
IDENTIFICATION NOTICE: SAFE Credit Union complies with the USA PATRIOT Act
requirements to verify identification and protect member accounts. We may obtain
a credit report or ask you to provide identification documents to verify the
information on the application.


LET'S GET STARTED

You will need the following information in order to complete the application:

 * Government issued ID/Drivers License/State ID or Passport with current
   address
 * Your complete physical and mailing address
 * Social Security Number
 * Date of Birth
 * New accounts for minors must be opened in a branch

 



 

Exit


ARE YOU A SAFE MEMBER?

Yes   No


SAFE MEMBER

Log in to continue, then select "Apply for a Loan"



Need help logging in?

 

Log in

Not enrolled? Get Started!


NEW TO SAFE?

 



IDENTIFICATION NOTICE: SAFE Credit Union complies with the USA PATRIOT Act
requirements to verify identification and protect member accounts. We may obtain
a credit report or ask you to provide identification documents to verify the
information on the application.
 
IDENTIFICATION NOTICE: SAFE Credit Union complies with the USA PATRIOT Act
requirements to verify identification and protect member accounts. We may obtain
a credit report or ask you to provide identification documents to verify the
information on the application.
Exit
SAFE Mortgage Solutions
Ready to buy or refinance your home?
Start your application >
Referred by a new home builder?
Start your application >


SAFE MEMBER BENEFITS

Exclusive Member Discounts
Save on community-based productions, hotels and resorts worldwide, financial
literacy tools, and more.

Financial workshops & webinars
Join us for financial education workshops focused on relevant topics for each of
life's milestones.

Personalized financial planning
Get financial guidance from our advisors to reach your goals and aspirations.

Easy banking on the go
Connect to a full suite of mobile and online banking features for easy access to
your money.

Insurance and Protection
Plan ahead to protect your family and assets, so the unexpected doesn't keep you
sidelined.

 

 


WHY DO OVER 200,000 MEMBERS IN THE GREATER SACRAMENTO AREA LOVE SAFE CREDIT
UNION?

Previous

 Yelp Review


I'VE BEEN BANKING WITH SAFE SINCE I WAS A YOUNG ADULT. SADLY WE DO NOT HAVE A
SAFE CREDIT UNION IN MY STATE SO I MAKE IT A POINT TO STOP IN WHEN I'M IN TOWN.
I ALWAYS ENJOY THE CUSTOMER SERVICE AND THE TIME THEIR WORKERS SPEND WITH THEIR
CUSTOMERS.

— Michelle B.

  Google Review


THE BEST CREDIT UNION YOU COULD BELONG TO. I'VE BEEN A CUSTOMER THERE FOR YEARS
AND THEY'VE ALWAYS TAKEN CARE OF ME. I HIGHLY RECOMMEND IT.

— Laurene B.

 Yelp Review


MY WIFE AND I HAVE BEEN DOING BUSINESS WITH THEM FOR OVER 30 YEARS AND HAVE
NEVER HAD A PROBLEM WITH ANY TRANSACTION. THE SERVICES PROVIDED ARE EXCELLENT
AND THE STAFF IS VERY FRIENDLY.

— Ward J.

 Google Review


I SWITCHED MY BUSINESS TO SAFE AND I COULDN'T BE HAPPIER. I DO A LOT OF
TRANSACTIONS AND EVEN THOUGH IT'S A LOT MORE WORK THAN A REGULAR ACCOUNT, THE
STAFF THERE IS ALWAYS FRIENDLY AND HELPFUL. THEY BRING A POSITIVE FELLING WHEN
YOU GO IN THERE.

— Scott R.

 Yelp Review


I'VE BEEN BANKING WITH SAFE SINCE I WAS A YOUNG ADULT. SADLY WE DO NOT HAVE A
SAFE CREDIT UNION IN MY STATE SO I MAKE IT A POINT TO STOP IN WHEN I'M IN TOWN.
I ALWAYS ENJOY THE CUSTOMER SERVICE AND THE TIME THEIR WORKERS SPEND WITH THEIR
CUSTOMERS.

— Michelle B.

  Google Review


THE BEST CREDIT UNION YOU COULD BELONG TO. I'VE BEEN A CUSTOMER THERE FOR YEARS
AND THEY'VE ALWAYS TAKEN CARE OF ME. I HIGHLY RECOMMEND IT.

— Laurene B.

 Yelp Review


MY WIFE AND I HAVE BEEN DOING BUSINESS WITH THEM FOR OVER 30 YEARS AND HAVE
NEVER HAD A PROBLEM WITH ANY TRANSACTION. THE SERVICES PROVIDED ARE EXCELLENT
AND THE STAFF IS VERY FRIENDLY.

— Ward J.

 Google Review


I SWITCHED MY BUSINESS TO SAFE AND I COULDN'T BE HAPPIER. I DO A LOT OF
TRANSACTIONS AND EVEN THOUGH IT'S A LOT MORE WORK THAN A REGULAR ACCOUNT, THE
STAFF THERE IS ALWAYS FRIENDLY AND HELPFUL. THEY BRING A POSITIVE FELLING WHEN
YOU GO IN THERE.

— Scott R.

 Yelp Review


I'VE BEEN BANKING WITH SAFE SINCE I WAS A YOUNG ADULT. SADLY WE DO NOT HAVE A
SAFE CREDIT UNION IN MY STATE SO I MAKE IT A POINT TO STOP IN WHEN I'M IN TOWN.
I ALWAYS ENJOY THE CUSTOMER SERVICE AND THE TIME THEIR WORKERS SPEND WITH THEIR
CUSTOMERS.

— Michelle B.

Next
 * 1
 * 2
 * 3
 * 4

Exit
 * Personal

   PERSONAL
   
   CHECKING
   
    * Checking Accounts
    * Direct Deposit
    * Visa® Debit Card
    * Switch Checking
   
   SAVINGS & RETIREMENTS
   
    * Savings Account
    * Money Market
    * Certificates
    * IRAs
    * Capitol Club
   
   LOANS & CREDIT
   
    * Auto Loans
    * Credit Cards
    * Mortgages
    * Personal Loans
    * Student Loans
    * Home Equity Loans
    * Specialty Vehicle Loans
    * Green Energy Loans
    * Insurance & Protection Options
   
   ONLINE & MOBILE BANKING
   
    * Online & Mobile Banking
    * Transfer Money
    * Mobile Deposit
    * Card Services
    * Alerts & Notifications
    * Bill Pay
    * SAFE Loan Payment
    * Digital Wallet
    * Voice Banking
    * Online Security
   
   FINANCIAL WELLNESS
   
    * Financial Wellness Navigator
    * Financial Guides
    * Events & Webinars
    * Workplace Financial Wellness
   
   FINANCIAL CALCULATORS

 * Business

   BUSINESS
   
   CHECKING & SAVINGS
   
    * Business Checking
    * Remote Checking
    * Savings Account
    * Money Market
    * Certificates
   
   LOANS & CREDIT
   
    * Business Term Loans
    * Working Capital
    * SBA Loans
    * Business Credit Card
    * Commercial Real Estate
    * Equipment & Auto Financing
   
   OTHER BUSINESS SERVICES
   
    * Payroll Services
    * Merchant Services
    * Simplified Employee Pension (SEP)
    * Additional Resources

 * Wealth Management

   WEALTH MANAGEMENT
   
   WEALTH ADVICE & GUIDANCE
   
    * Wealth Management
    * Meet Our Advisors
    * Guides Wealth Portfolio  
    * Life Stages
   
   PERSONAL & BUSINESS SAVINGS
   
    * Money Market
    * Certificates
    * IRAs
   
   FINANCIAL CALCULATORS

 * Community

   COMMUNITY
   
   COMMUNITY IMPACT
   
    * Community Impact
    * Education and Youth Leadership
    * Funding
    * Health and Wellness
    * Military Personnel
    * Volunteering
   
   FINANCIAL WELLNESS
   
    * Financial Wellness Navigator
    * Financial Guides
    * Events & Webinars
    * Workplace Financial Wellness
   
   THE DISTRICT
   
    * About The District
    * Frequently Asked Questions
    * Subscribe
   
   WORKPLACE FINANCIAL WELLNESS
   
    * For Employers
    * Request Information

Contact UsJoin SAFERatesATM/BranchAppointmentBeyond Everyday
BankingCareersFAQAbout

Contact Careers About FAQ Blog
Facebook Twitter LinkedIn Instagram YouTube Podcasts


SAFE Routing No. 321173742

NMLS #466072

Terms of Use PRIVACY STATEMENT Rates & Disclosures Avoiding Foreclosure

Insured by NCUA. Your savings federally insured to at least $250,000 and backed
by the full faith and credit of the United States Government. National Credit
Union Administration, a U.S. Government Agency.

All loans subject to credit approval and membership eligibility.

© 2024  SAFE Credit Union. All Rights Reserved.

About LPL Contact
Facebook Twitter LinkedIn

 

Terms of Use   PRIVACY STATEMENT   Rates & Disclosures  

©   SAFE Credit Union. All Rights Reserved.

 

Exit
Contact Us
Available M-F, 7 a.m. - 7 p.m. and Sat, 9:30 a.m. - 2:30 p.m.
Call (800) SEE-SAFE
Available M-F, 7 a.m. - 7 p.m. and Sat, 9:30 a.m. - 2:30 p.m.
Schedule appointment
Visit a Branch
Branch hours: M-F, 10 a.m.- 6 p.m. and Sat, 10 a.m. - 2 p.m.


THIRD PARTY LINK

If you click "continue" below, you will be directed to a third party's web site.
As a member service, SAFE Credit Union offers links to web sites of third
parties whose products or services we believe offer good value and may be of
interest to you. In some cases, if allowed by law, SAFE Credit Union may receive
compensation from third parties whose products or services you purchase. Third
parties are solely responsible for their web sites, products and services, and
maintain their own consumer data privacy policies, which may differ from those
of SAFE Credit Union. Use of third party services, products and web sites is
solely at your discretion. To go to a third party web site, click "continue." To
go back to SAFE Credit Union's web site, click "close."

Close
Continue
Exit


HI! LET’S GET STARTED.


Show or Hide Password Need help loggin in? Log In

Not enrolled? Get Started!

Exit


SAFE BUSINESS BANKING

Open a SAFE business account


NEW BUSINESS MEMBER?

Let's get started



EXISTING BUSINESS MEMBER?

Contact a Business Banking Expert

To comply with the California Consumer Privacy Act, SAFE Credit Union notifies
individuals who are parties to business accounts/loans of the categories of
personal information we may collect and how we use it. View our personal
information collection practices.