<div class="card-wrapper it25-info-list">
  <div class="card">
    <div class="accordion" id="accordionExample101">
      <div class="accordion-item">
        <h2 class="accordion-header" id="heading101">
          <button
            class="accordion-button collapsed"
            type="button"
            data-bs-toggle="collapse"
            data-bs-target="#collapse101"
            aria-expanded="false"
            aria-controls="collapse101"
          >
            LOREM IPSUM
          </button>
        </h2>
        <div id="collapse101" class="accordion-collapse collapse" data-bs-parent="#accordionExample101" role="region" aria-labelledby="heading1">
          <div class="accordion-body">
            Vestibulum hendrerit ultrices nibh, sed pharetra lacus ultrices eget. Morbi et ipsum et sapien dapibus facilisis. Integer eget semper nibh. Proin
            enim nulla, egestas ac rutrum eget, ullamcorper nec turpis.
          </div>
        </div>
      </div>
      <div class="accordion-item">
        <h2 class="accordion-header" id="heading201">
          <button
            class="accordion-button collapsed"
            type="button"
            data-bs-toggle="collapse"
            data-bs-target="#collapse201"
            aria-expanded="false"
            aria-controls="collapse201"
          >
            LOREM IPSUM
          </button>
        </h2>
        <div id="collapse201" class="accordion-collapse collapse" data-bs-parent="#accordionExample101" role="region" aria-labelledby="heading201">
          <div class="accordion-body">
            Vestibulum hendrerit ultrices nibh, sed pharetra lacus ultrices eget. Morbi et ipsum et sapien dapibus facilisis. Integer eget semper nibh. Proin
            enim nulla, egestas ac rutrum eget, ullamcorper nec turpis.
          </div>
        </div>
      </div>
      <div class="accordion-item">
        <h2 class="accordion-header" id="heading301">
          <button
            class="accordion-button collapsed"
            type="button"
            data-bs-toggle="collapse"
            data-bs-target="#collapse301"
            aria-expanded="false"
            aria-controls="collapse301"
          >
            LOREM IPSUM
          </button>
        </h2>
        <div id="collapse301" class="accordion-collapse collapse" data-bs-parent="#accordionExample101" role="region" aria-labelledby="heading301">
          <div class="accordion-body">
            Vestibulum hendrerit ultrices nibh, sed pharetra lacus ultrices eget. Morbi et ipsum et sapien dapibus facilisis. Integer eget semper nibh. Proin
            enim nulla, egestas ac rutrum eget, ullamcorper nec turpis.
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="card-wrapper it25-info-box">
  <div class="card">
    <div class="card-body">
      <ul class="list-box">
        <li class="me-3">
          <div class="icon-circle">
            <svg class="icon icon-sm auth primary-blue-fill">
              <use href="/bootstrap-lombardia/dist/svg/sprites.svg#it25-telephone"></use>
            </svg>
          </div>
        </li>
        <li class="textbox auth-box">
          <span class="text">Chiama il numero verde</span>
          <span class="number">800.000.000</span>
        </li>
      </ul>
    </div>
  </div>
</div>

<div class="card-wrapper it25-info-box">
  <div class="card">
    <div class="card-body">
      <ul class="list-box">
        
        <li class="me-3">
          <div class="icon-circle">
            <svg class="icon icon-sm auth primary-blu-fill" alt="">
              <use href="/bootstrap-lombardia/dist/svg/sprites.svg#it-block-notes"></use>
            </svg>
          </div>
        </li>
        
        <li class="textbox">
          <span class="text">Compila il questionario di gradimento</span>
        </li>
        <li class="link">
          <button class="btn btn-primary btn-circle" aria-label="Vai al questionario">
            <svg class="icon icon-white icon-sm me-2">
              <use href="/bootstrap-lombardia/dist/svg/sprites.svg#it-chevron-right"></use>
            </svg>
          </button>
        </li>
      </ul>
    </div>
  </div>
</div>

<div class="card-wrapper it25-info-box">
  <div class="card">
    <div class="form-group autocomplete-wrapper it25-search">
      <label for="autocomplete-two" class="visually-hidden">Cerca argomenti</label>
      <input type="search" class="autocomplete" placeholder="Cerca argomenti" id="autocomplete-two05" name="autocomplete-two05" data-bs-autocomplete="[]" aria-label="ricerca con autocompletamento"/>
      <span class="autocomplete-icon" aria-hidden="true">
        <svg class="icon icon-sm black-color"><use href="/bootstrap-lombardia/dist/svg/sprites.svg#it-search"></use></svg>
      </span>
      <ul class="autocomplete-list" id="testAutocomplete205">
        <li>
          <a href="#">
            <div class="avatar size-sm">
              <img src="https://randomuser.me/api/portraits/women/44.jpg" alt="Paola Pistoia" />
            </div>
            <span class="autocomplete-list-text">
              <span>Paola <mark>Pi</mark>stoia</span><em>Profilo</em>
            </span>
          </a>
        </li>
        <li>
          <a href="#">
            <div class="avatar size-sm">
              <img src="https://randomuser.me/api/portraits/men/46.jpg" alt="Pierluigi Rossi" />
            </div>
            <span class="autocomplete-list-text">
              <span><mark>Pi</mark>erluigi Rossi</span><em>Profilo</em>
            </span>
          </a>
        </li>
        <li>
          <a href="#">
            <svg class="icon icon-sm"><use href="/bootstrap-lombardia/dist/svg/sprites.svg#it-pa"></use></svg>
            <span class="autocomplete-list-text">
              <span>Comune di <mark>Pi</mark>sa</span><em>Amministrazione</em>
            </span>
          </a>
        </li>
        <li>
          <a href="#">
            <svg class="icon icon-sm"><use href="/bootstrap-lombardia/dist/svg/sprites.svg#it-file"></use></svg>
            <span class="autocomplete-list-text"> <span>Linee guida per i cataloghi pubblica amministrazione</span><em>Documento</em> </span>
          </a>
        </li>
      </ul>
    </div>
  </div>
</div>

<div class="card-wrapper it25-info-box">
  <div class="card">
    <div class="card-body">
      <ul class="list-box">
        
        <li class="textbox">
          <span class="text">Lorem ipsum</span>
        </li>
        <li class="link">
          <button class="btn btn-primary btn-circle" aria-label="Vai al questionario">
            <svg class="icon icon-white icon-sm me-2">
              <use href="/bootstrap-lombardia/dist/svg/sprites.svg#it-chevron-right"></use>
            </svg>
          </button>
        </li>
      </ul>
    </div>
  </div>
</div>

<div class="card-wrapper it25-info-box ">
  <div class="card">
    <div class="card-body">
      <div class="my-1">
        <svg class="icon icon-sm primary-blue-fill"><use href="/bootstrap-lombardia/dist/svg/sprites.svg#it-image"></use></svg>
      </div>
       
      <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing...</p>
      
    </div>
  </div>
</div>

<div class="card-wrapper it25-info-box card-sm">
  <div class="card">
    <div class="card-body">
      <div class="my-1">
        <svg class="icon icon-sm primary-blue-fill"><use href="/bootstrap-lombardia/dist/svg/sprites.svg#it-image"></use></svg>
      </div>
      
      <a href="#">
        <h3 class="card-title h5 primary-blue-color"></h3>
      </a>
       
    </div>
  </div>
</div>