<div class="fds-alert fds-alert-success" role="alert">
                    <i class="fa-sharp fa-regular fa-circle-check"></i>
                    <div class="fds-d-flex fds-flex-column">
                      <p class="fds-fwmedium">Congratulazioni</p>
                      <p>
                        <small
                          >Hai completato l'acquisto del dominio e dei
                          servizi.</small
                        >
                      </p>
                    </div>
                  </div>
                  <div class="fds-d-flex fds-flex-column fds-gap-3">
                    <h5>Riepilogo acquisto</h5>
                    <div class="fds-row">
                      <div class="fds-d-flex fds-flex-column fds-col-md-6">
                        <span
                          class="fds-text-uppercase fds-text-body-secondary fds-small"
                          >Tipologia</span
                        >
                        <p class="fds-fs-4">Flazio Versione Pro</p>
                      </div>
                      <div class="fds-d-flex fds-flex-column fds-col-md-6">
                        <span
                          class="fds-text-uppercase fds-text-body-secondary fds-small"
                          >Dominio</span
                        >
                        <p class="fds-fs-4">andreacalabro.it</p>
                      </div>
                    </div>
                    <div class="fds-d-flex fds-flex-column">
                      <span
                        class="fds-text-uppercase fds-text-body-secondary fds-small"
                        >Servizi speciali</span
                      >
                      <p class="fds-fs-4">GDPR & Privacy</p>
                    </div>
                    <hr class="fds" />
                    <h5>Informazioni di pagamento</h5>
                    <div class="fds-row">
                      <div class="fds-d-flex fds-flex-column fds-col-md-6">
                        <span
                          class="fds-text-uppercase fds-text-body-secondary fds-small"
                          >Tipologia</span
                        >
                        <p class="fds-fs-4">Abbonamento annuale</p>
                        <span class="fds-fs-xs fds-text-body-secondary"
                          >12 mesi in un’unica soluzione</span
                        >
                      </div>
                      <div class="fds-d-flex fds-flex-column fds-col-md-6">
                        <span
                          class="fds-text-uppercase fds-text-body-secondary fds-small"
                          >Metodo di pagamento</span
                        >
                        <p class="fds-fs-4">Carta di credito</p>
                        <span class="fds-fs-xs fds-text-body-secondary"
                          >4563*******5698</span
                        >
                      </div>
                    </div>
                    <hr class="fds" />
                    <h5>Dettagli di fatturazione</h5>
                    <div class="fds-row">
                      <div class="fds-d-flex fds-flex-column fds-col-md-6">
                        <span
                          class="fds-text-uppercase fds-text-body-secondary fds-small"
                          >Nome</span
                        >
                        <p class="fds-fs-4">Leonardo</p>
                      </div>
                      <div class="fds-d-flex fds-flex-column fds-col-md-6">
                        <span
                          class="fds-text-uppercase fds-text-body-secondary fds-small"
                          >Cognome</span
                        >
                        <p class="fds-fs-4">Da Vinci</p>
                      </div>
                    </div>
                    <div class="fds-row">
                      <div class="fds-d-flex fds-flex-column fds-col-md-6">
                        <span
                          class="fds-text-uppercase fds-text-body-secondary fds-small"
                          >Telefono</span
                        >
                        <p class="fds-fs-4">+39 000 1234567</p>
                      </div>
                      <div class="fds-d-flex fds-flex-column fds-col-md-6">
                        <span
                          class="fds-text-uppercase fds-text-body-secondary fds-small"
                          >Email</span
                        >
                        <p class="fds-fs-4">[email protected]</p>
                      </div>
                    </div>
                    <div class="fds-d-flex fds-flex-column">
                      <span
                        class="fds-text-uppercase fds-text-body-secondary fds-small"
                        >Codice fiscale</span
                      >
                      <p class="fds-fs-4">DVNLRD85E05H501G</p>
                    </div>
                    <div id="summaryDescription">
                      <div class="fds-d-flex fds-flex-column fds-gap-3">
                        <div class="fds-row">
                          <div class="fds-d-flex fds-flex-column fds-col-md-6">
                            <span
                              class="fds-text-uppercase fds-text-body-secondary fds-small"
                              >Città</span
                            >
                            <p class="fds-fs-4">Roma</p>
                          </div>
                          <div class="fds-d-flex fds-flex-column fds-col-md-6">
                            <span
                              class="fds-text-uppercase fds-text-body-secondary fds-small"
                              >CAP</span
                            >
                            <p class="fds-fs-4">00100</p>
                          </div>
                        </div>
                        <div class="fds-row">
                          <div class="fds-d-flex fds-flex-column fds-col-md-6">
                            <span
                              class="fds-text-uppercase fds-text-body-secondary fds-small"
                              >Paese</span
                            >
                            <p class="fds-fs-4">Italia</p>
                          </div>
                          <div class="fds-d-flex fds-flex-column fds-col-md-6">
                            <span
                              class="fds-text-uppercase fds-text-body-secondary fds-small"
                              >Provincia</span
                            >
                            <p class="fds-fs-4">Roma</p>
                          </div>
                        </div>
                      </div>
                    </div>
                    <a class="fds-link fsd-link-sm" id="toggleSummarySection">
                      Scopri di più
                    </a>
                  </div>