<div class="col-lg-3 d-none d-sm-block d-md-none d-lg-block">
          <p class="h4"> Area Riservata</p>
          <div class="card rounded shadow mb-5">
            <div class="card-body">
              <ul class="list-unstyled list-py-1">
                <li><a href="ar-dashboard.php" class="list-item icon-left active"><i class="bi bi-arrow-right-short"></i><span> Dashboard</span></a> </li>
                <li><a href="ar-profilo.php" class="list-item icon-left"><i class="bi bi-arrow-right-short"></i><span> Profilo</span></a> </li>
                <li><a href="ar-ricarica.php" class="list-item icon-left" style=" cursor: pointer"><i class="bi bi-arrow-right-short"></i><span> Ricarica credito </span> </a></li>
                <li><a href="ar-storico-acquisti.php" class="list-item icon-left"><i class="bi bi-arrow-right-short"></i><span> Storico Acquisti</span></a> </li>
                <li class="list-item  text-center mb-5 mt-3"> <span class="badge bg-primary rounded-pill text-uppercase py-2 px-3">Credito residuo €&nbsp;0,00</span></li>
                <li class="mt-4"><a class="list-item icon-left" href="http://design.openapi.it/demo.ufficiocatastale.com/"><i class="bi bi-box-arrow-left  text-danger"></i> <span class="test-uppercase text-danger"><strong>ESCI</strong></span> </a> </li>
              </ul>
            </div>
          </div>
        </div>