/* ============================================================================
   Pagina iniziale: grafica nuova.
   Colori: sfondo #f4f7fb, riquadri bianchi bordo #e3e9f2, blu #1d6fe5. Nessun menu in alto: si toglie lo spazio
   lasciato per il menu fisso.
   ============================================================================ */

/* ---------------------------------------------------------------- pagina */
body{
  padding-top:0;
  background:#f4f7fb;
  font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}
.hpn{
  color:#1f2d3d;
  font-size:16px;
  line-height:1.5;
  padding:24px 0 32px;
}
.hpn a:not(.hpn-btn){ color:#1d6fe5; }
.hpn a:not(.hpn-btn):hover{ color:#1557b8; }
.hpn-cms p:last-child,
.hpn-cms ul:last-child{ margin-bottom:0; }

/* icone dei pseudo-elementi (peso 900 = solid) */
.hpn .hpn-riquadri li::before{
  font-family:"Font Awesome 5 Free";
  font-weight:900;
  font-style:normal;
  font-variant:normal;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
}

/* ---------------------------------------------------------------- bottoni */
.hpn .hpn-btn{
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-height:52px;
  padding:10px 22px;
  border:0;
  border-radius:8px;
  font-size:18px;
  font-weight:500;
  line-height:1.25;
  text-decoration:none;
}
.hpn .hpn-btn i{ font-size:20px; }
.hpn .hpn-btn-largo{ display:flex; width:100%; }
/* bottoni principali verdi «via libera»: si staccano dalle testate blu (il rosso nel sito vuol dire attenzione/cancella);
   bianco su #198754 4,5:1, su #146c43 6,5:1 */
.hpn .hpn-btn-pieno{
  background:linear-gradient(135deg, #198754 0%, #146c43 100%);
  box-shadow:0 2px 8px rgba(20, 108, 67, .28);
  color:#ffffff;
}
.hpn .hpn-btn-pieno:hover,
.hpn .hpn-btn-pieno:focus{ background:linear-gradient(135deg, #146c43 0%, #0f5132 100%); color:#ffffff; }
/* «Guarda i nostri VIDEO» = visualizzare: verde chiaro (azione secondaria rispetto ai tre bottoni verdi pieni) */
.hpn .hpn-btn-chiaro{
  background:#e8f5ee;
  border:1px solid #c3e6d1;
  color:#0f5132;
}
.hpn .hpn-btn-chiaro:hover,
.hpn .hpn-btn-chiaro:focus{ background:#d7eee1; color:#0b3f27; }
.hpn .hpn-btn-cerchio{
  flex:0 0 38px;
  width:38px;
  height:38px;
  border-radius:50%;
  background:#198754;
  color:#ffffff;
  display:flex;
  align-items:center;
  justify-content:center;
}
.hpn .hpn-btn-cerchio i{ font-size:14px; margin-left:2px; }
.hpn .hpn-btn:focus-visible{ outline:3px solid #0f2a5c; outline-offset:2px; }

/* ---------------------------------------------------------------- 1. riquadro grande */
.hpn-hero{
  position:relative;
  overflow:hidden;
  margin:0 0 24px;
  padding:0; /* 12/10/2026: senza i quattro riquadri sotto (ora in «Benvenuti in Crios») non serve spazio in fondo */
  border:1px solid #e3e9f2;
  border-radius:16px;
  background:
    radial-gradient(circle at 0% 0%, #e3efff 0%, rgba(227, 239, 255, 0) 55%),
    linear-gradient(180deg, #ffffff 0%, #ffffff 70%, #f1f6fd 100%);
  box-shadow:0 1px 2px rgba(20, 45, 90, .04), 0 10px 28px rgba(20, 45, 90, .07);
}
.hpn-hero-alto{
  position:relative;
  min-height:400px;
  display:flex;
  align-items:center;
}
.hpn-hero-testo{
  position:relative;
  z-index:1;
  width:47%;
  padding:40px 0 36px 48px;
}
.hpn .hpn-titolo{ margin:0 0 18px; line-height:1; }
.hpn-kicker{
  display:block;
  margin:0 0 12px;
  color:#4a5d78;
  font-size:14px;
  font-weight:600;
  letter-spacing:.32em;
  text-transform:uppercase;
}
/* logo alla sua misura reale (191x110): ingrandito si sfoca */
.hpn-logo{ display:block; width:191px; max-width:100%; height:auto; }
.hpn .hpn-hero-cms h2{
  margin:0 0 12px;
  color:#0f2a5c;
  font-size:30px;
  font-weight:600;
  line-height:1.2;
}
.hpn .hpn-hero-cms p{
  margin:0 0 22px;
  color:#3c4b63;
  font-size:17px;
}
/* foto a destra: il bordo sinistro sfuma nel bianco */
.hpn-hero-foto{
  position:absolute;
  right:0;
  top:50%;
  width:56%;
  max-width:740px;
  height:auto;
  transform:translateY(-50%);
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000000 24%);
  mask-image:linear-gradient(90deg, transparent 0%, #000000 24%);
}
/* i quattro riquadri (elenco puntato, grassetto = titolo) */
.hpn .hpn-riquadri{ margin:0 22px; }
/* 12/10/2026 (Alessandro): i riquadri stanno in fondo a «Benvenuti in Crios», allineati al testo del riquadro */
.hpn .hpn-box .hpn-riquadri{ margin:0 26px 26px; }
.hpn .hpn-riquadri ul{
  list-style:none;
  margin:0;
  padding:14px 8px;
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  background:#ffffff;
  border:1px solid #e3e9f2;
  border-radius:14px;
  box-shadow:0 4px 16px rgba(20, 45, 90, .06);
}
.hpn .hpn-riquadri li{
  position:relative;
  min-height:58px;
  padding:6px 14px 6px 78px;
  color:#5b6b82;
  font-size:14px;
  line-height:1.35;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.hpn .hpn-riquadri li + li{ border-left:1px solid #e9eef5; }
.hpn .hpn-riquadri li strong{
  display:block;
  margin-bottom:2px;
  color:#1d6fe5;
  font-size:14px;
  font-weight:700;
  letter-spacing:.01em;
}
.hpn .hpn-riquadri li::before{
  content:"\f15c"; /* file-alt, anche per eventuali voci in piu' */
  position:absolute;
  left:16px;
  top:50%;
  width:48px;
  height:48px;
  margin-top:-24px;
  border-radius:50%;
  background:#e8f1fd;
  color:#1d6fe5;
  font-size:20px;
  line-height:48px;
  text-align:center;
}
.hpn .hpn-riquadri li:nth-child(1)::before{ content:"\f02b"; } /* tag: listino riservato */
.hpn .hpn-riquadri li:nth-child(2)::before{ content:"\f46d"; } /* clipboard-list: preventivi */
.hpn .hpn-riquadri li:nth-child(3)::before{ content:"\f187"; } /* archive: archivio online */
.hpn .hpn-riquadri li:nth-child(4)::before{ content:"\f15c"; } /* file-alt: DDT e fatture */

/* ---------------------------------------------------------------- 2. accesso e registrazione */
.hpn-accessi{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:20px;
  margin:0 0 24px;
}
.hpn-accesso{
  display:flex;
  flex-direction:column;
  padding:24px 26px 26px;
  border:1px solid;
  border-radius:14px;
}
.hpn .hpn-accesso h2{
  display:flex;
  align-items:center;
  gap:14px;
  margin:0 0 14px;
  font-size:28px;
  font-weight:600;
  line-height:1.15;
}
.hpn .hpn-accesso h2 img{ flex:0 0 64px; width:64px; height:64px; }
.hpn .hpn-accesso .hpn-cms{ flex:1 1 auto; margin:0 0 20px; font-size:17px; }
.hpn-accesso-verde{ background:#ebf8f0; border-color:#cdeed9; }
.hpn .hpn-accesso-verde h2{ color:#16743f; }
.hpn .hpn-accesso-verde .hpn-cms{ color:#1f4d33; }
.hpn-accesso-giallo{ background:#fff6e0; border-color:#f4dfa8; }
.hpn .hpn-accesso-giallo h2{ color:#7a5200; }
.hpn .hpn-accesso-giallo .hpn-cms{ color:#6b4a06; }

/* ---------------------------------------------------------------- riquadri con la testata blu */
.hpn-box{
  margin:0 0 24px;
  background:#ffffff;
  border:1px solid #e3e9f2;
  border-radius:14px;
  box-shadow:0 1px 2px rgba(20, 45, 90, .04), 0 6px 18px rgba(20, 45, 90, .05);
}
.hpn-testa{
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px 24px;
  border-radius:13px 13px 0 0;
  background:linear-gradient(90deg, #1d6fe5 0%, #1a73c9 100%);
  color:#ffffff;
}
.hpn-testa > i{ font-size:24px; width:28px; text-align:center; }
.hpn .hpn-testa h2{ margin:0; font-size:24px; font-weight:500; line-height:1.25; }
.hpn-corpo{ padding:22px 26px 26px; }

/* ---------------------------------------------------------------- 3. benvenuto e assistenza */
.hpn-benvenuto{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 270px;
  gap:28px;
  align-items:center;
}
.hpn .hpn-benvenuto-testo h3{ margin:0 0 6px; color:#0f2a5c; font-size:24px; font-weight:700; }
.hpn .hpn-benvenuto-testo p{ font-size:18px; line-height:1.45; color:#3c4b63; }
.hpn .hpn-benvenuto-testo p.hpn-piccolo{ margin-top:10px; font-size:12px; }
/* R1 (25/10/2026): bottone «Richiedi campionatura gratuita» sotto il testo di «Benvenuti in Crios» */
.hpn .hpn-benvenuto-campionatura{ margin-top:18px; }
.hpn .hpn-rosso{ color:#e0202e; }
.hpn .hpn-verde{ color:#16743f; }
.hpn .hpn-blu{ color:#1d6fe5; }
.hpn-assistenza{
  padding:22px 18px;
  border:1px solid #e3ecf8;
  border-radius:12px;
  background:#f3f7fd;
  text-align:center;
}
.hpn-assistenza-ico{
  width:64px;
  height:64px;
  margin:0 auto 10px;
  border-radius:50%;
  background:#e1edfd;
  color:#1d6fe5;
  font-size:28px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.hpn .hpn-assistenza h3{ margin:0 0 4px; color:#0f2a5c; font-size:19px; font-weight:600; }
.hpn .hpn-assistenza p{ margin:0 0 2px; color:#5b6b82; font-size:16px; }
.hpn .hpn-assistenza p.hpn-telefono{ margin:2px 0 4px; font-size:26px; font-weight:700; line-height:1.2; }
.hpn .hpn-assistenza p.hpn-telefono a{ color:#0f2a5c; text-decoration:none; }
.hpn .hpn-assistenza p.hpn-telefono a:hover{ color:#1d6fe5; }

/* ---------------------------------------------------------------- 4. video */
.hpn-video{
  display:grid;
  grid-template-columns:minmax(0, 1.15fr) minmax(0, 1fr);
  gap:28px;
  align-items:center;
}
.hpn-video-anteprima{ display:block; overflow:hidden; border-radius:12px; }
.hpn-video-anteprima img{ display:block; width:100%; height:auto; }
.hpn-video-anteprima:hover img{ opacity:.92; }
.hpn-video-titolo{
  display:flex;
  align-items:flex-start;
  gap:16px;
  margin:0 0 20px;
}
.hpn-video-ico{
  flex:0 0 48px;
  width:48px;
  height:48px;
  border-radius:12px;
  background:#e8f1fd;
  color:#1d6fe5;
  font-size:20px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.hpn .hpn-video-titolo h3{ margin:0 0 6px; color:#0f2a5c; font-size:23px; font-weight:700; line-height:1.2; }
.hpn .hpn-video-titolo p{ color:#5b6b82; font-size:17px; }

/* ---------------------------------------------------------------- piede */
.hpn-piede{
  padding:26px 0 22px;
  background:#0e1f3d;
  color:#d7deea;
  font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-size:14px;
  line-height:1.55;
}
.hpn-piede-dentro{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr) auto;
  gap:28px;
  align-items:center;
}
/* logo su una piastrina chiara: le lettere blu scuro sul fondo scuro non si leggerebbero */
.hpn-piede-logo{ display:block; width:150px; height:auto; padding:8px 12px; border-radius:10px; background:#ffffff; box-sizing:content-box; }
.hpn-piede p{ margin:0; }
.hpn-piede .hpn-piede-nome{ color:#ffffff; font-weight:700; letter-spacing:.03em; }
.hpn-piede-contatti{
  list-style:none;
  margin:0;
  padding:0 0 0 28px;
  border-left:1px solid rgba(255, 255, 255, .18);
}
.hpn-piede-contatti li{ display:flex; align-items:baseline; gap:12px; margin:2px 0; }
.hpn-piede-contatti i{ flex:0 0 16px; width:16px; color:#ffffff; text-align:center; }
.hpn-piede a{ color:#8cc2ff; text-decoration:underline; }
.hpn-piede a:hover{ color:#ffffff; }
.hpn-piede .hpn-piede-versione{ margin:14px 0 0; color:#9aa5b8; font-size:11px; text-align:center; }

/* ---------------------------------------------------------------- tablet e telefono */
@media (max-width: 991px){
  .hpn-hero-alto{ display:block; min-height:0; }
  .hpn-hero-testo{ width:auto; padding:32px 28px 8px; }
  .hpn-hero-foto{
    position:static;
    display:block;
    width:100%;
    max-width:none;
    transform:none;
    -webkit-mask-image:none;
    mask-image:none;
  }
  .hpn .hpn-riquadri ul{ grid-template-columns:repeat(2, minmax(0, 1fr)); row-gap:12px; }
  .hpn .hpn-riquadri li:nth-child(3){ border-left:0; }
  .hpn-benvenuto{ grid-template-columns:minmax(0, 1fr); }
  .hpn-video{ grid-template-columns:minmax(0, 1fr); }
  .hpn-piede-dentro{ grid-template-columns:minmax(0, 1fr); gap:16px; text-align:center; }
  .hpn-piede-logo{ margin:0 auto; }
  .hpn-piede-contatti{ padding:16px 0 0; border-left:0; border-top:1px solid rgba(255, 255, 255, .18); justify-self:center; text-align:left; }
}
@media (max-width: 767px){
  .hpn{ padding-top:16px; }
  .hpn-accessi{ grid-template-columns:minmax(0, 1fr); }
  .hpn .hpn-accesso h2{ font-size:24px; }
  .hpn .hpn-hero-cms h2{ font-size:25px; }
  .hpn-corpo{ padding:18px 18px 20px; }
  .hpn-testa{ padding:12px 18px; }
  .hpn .hpn-testa h2{ font-size:21px; }
  .hpn .hpn-benvenuto-testo p{ font-size:17px; }
  .hpn .hpn-box .hpn-riquadri{ margin:0 18px 20px; }
}
@media (max-width: 520px){
  .hpn .hpn-riquadri{ margin:0 14px; }
  .hpn .hpn-riquadri ul{ grid-template-columns:minmax(0, 1fr); }
  .hpn .hpn-riquadri li + li{ border-left:0; border-top:1px solid #e9eef5; padding-top:12px; }
  .hpn-hero-testo{ padding:26px 20px 6px; }
  .hpn .hpn-btn{ font-size:17px; padding:10px 16px; }
  .hpn-accesso{ padding:20px 18px 20px; }
}

/* ---------------------------------------------------------------- campionatura gratuita (stessa grafica) */
/* Solo aspetto del modulo di sempre: campi, nomi e script invariati. */
.hpn.hpn-campionatura{ padding:24px 0 32px !important; }
.hpn-camp-testa{
  display:flex;
  align-items:center;
  gap:24px;
  margin:0 0 20px;
  padding:22px 28px;
  background:#ffffff;
  border:1px solid #e3e9f2;
  border-radius:16px;
  box-shadow:0 1px 2px rgba(20, 45, 90, .04), 0 10px 28px rgba(20, 45, 90, .07);
}
.hpn-camp-logo{ flex:0 0 auto; display:block; border-radius:8px; }
.hpn-camp-logo img{ display:block; width:150px; height:auto; }
.hpn .hpn-camp-testa h1{ margin:0 0 4px; color:#0f2a5c; font-size:30px; font-weight:600; line-height:1.2; }
.hpn .hpn-camp-testa p{ margin:0; color:#5b6b82; font-size:16px; }
/* il riquadro esterno di sempre diventa solo un contenitore (il titolo e' nella testata) */
.hpn-campionatura > .container > h1:empty{ display:none; }
.hpn-campionatura > .container > .card{ border:0; background:transparent; box-shadow:none; }
.hpn-campionatura > .container > .card > .card-header{ display:none; }
.hpn-campionatura > .container > .card > .card-body{ padding:0; }
/* pagina di conferma: il testo in un riquadro bianco */
.hpn-camp-esito > .container > .card{ background:#ffffff; border:1px solid #e3e9f2; border-radius:14px; box-shadow:0 1px 2px rgba(20, 45, 90, .04), 0 6px 18px rgba(20, 45, 90, .05); }
.hpn-camp-esito > .container > .card > .card-body{ padding:24px 26px; font-size:17px; line-height:1.6; }
.hpn .hpn-camp-torna{ margin:20px 0 0; }
/* riquadri del modulo: bianchi con la testata blu e i numeri 1-2-3 nei cerchietti */
.hpn-campionatura form{ counter-reset:hpn-camp; }
.hpn-campionatura .card.my-4{
  margin:0 0 20px !important;
  overflow:hidden;
  background:#ffffff;
  border:1px solid #e3e9f2;
  border-radius:14px;
  box-shadow:0 1px 2px rgba(20, 45, 90, .04), 0 6px 18px rgba(20, 45, 90, .05);
}
.hpn-campionatura .card.my-4 > .card-header{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  column-gap:14px;
  row-gap:2px;
  margin:0;
  padding:14px 24px;
  border:0;
  border-radius:0;
  background:linear-gradient(90deg, #1d6fe5 0%, #1a73c9 100%);
  color:#ffffff;
  font-size:22px;
  font-weight:500;
  line-height:1.25;
}
.hpn-campionatura .card.my-4 > .card-header img{ display:none; }
.hpn-campionatura .card.my-4 > .card-header .title_lg{ color:#ffffff; font-size:22px; font-weight:500; }
.hpn-campionatura .card.my-4 > .card-header hr{ flex-basis:100%; height:0; margin:0; border:0; }
.hpn-campionatura .card.my-4 > .card-header .sub_title{ color:#e3eefc; font-size:15px; font-style:normal; font-weight:400; }
.hpn-campionatura .card.my-4 > .card-header .sub_title b{ color:#ffffff; font-weight:600; }
.hpn-campionatura .card.my-4:not(#address_container) > .card-header::before{
  counter-increment:hpn-camp;
  content:counter(hpn-camp);
  flex:0 0 36px;
  width:36px;
  height:36px;
  border-radius:50%;
  background:#ffffff;
  color:#1d6fe5;
  font-size:18px;
  font-weight:700;
  line-height:36px;
  text-align:center;
}
.hpn-campionatura .card.my-4:not(#address_container) > .card-header .sub_title{ padding-left:50px; }
.hpn-campionatura .card.my-4 > .card-body{
  display:grid;
  grid-template-columns:repeat(12, minmax(0, 1fr));
  column-gap:16px;
  row-gap:14px;
  padding:20px 24px 24px;
}
.hpn-campionatura .card.my-4 > .card-body > *{ grid-column:1 / -1; }
.hpn-campionatura .form-group{ margin:0; }
.hpn-campionatura .form-group > label.control-label{
  display:block;
  flex:none;
  width:auto;
  max-width:none;
  margin:0 0 5px;
  padding:0;
  color:#3c4b63;
  font-size:14px;
  font-weight:600;
}
.hpn-campionatura .form-control{
  height:46px;
  padding:8px 14px;
  border:1px solid #d5deea;
  border-radius:8px;
  color:#1f2d3d;
  font-size:16px;
}
.hpn-campionatura .form-control:focus{ border-color:#1d6fe5; box-shadow:0 0 0 3px rgba(29, 111, 229, .15); }
/* campi corti affiancati (solo nei browser che capiscono :has; negli altri restano uno sotto l'altro) */
@media (min-width: 768px){
  .hpn-campionatura .card-body > .form-group:has(#email),
  .hpn-campionatura .card-body > .form-group:has(#vat_no),
  .hpn-campionatura .card-body > .form-group:has(#fiscal_address_city),
  .hpn-campionatura .card-body > .form-group:has(#address_city),
  .hpn-campionatura .card-body > .form-group:has(#name),
  .hpn-campionatura .card-body > .form-group:has(#surname),
  .hpn-campionatura .card-body > .form-group:has(#person_phone){ grid-column:span 6; }
  .hpn-campionatura .card-body > .form-group:has(#fiscal_address),
  .hpn-campionatura .card-body > .form-group:has(#address){ grid-column:span 9; }
  .hpn-campionatura .card-body > .form-group:has(#fiscal_address_no),
  .hpn-campionatura .card-body > .form-group:has(#address_no),
  .hpn-campionatura .card-body > .form-group:has(#fiscal_address_zip),
  .hpn-campionatura .card-body > .form-group:has(#address_zip),
  .hpn-campionatura .card-body > #fiscal_address_pr_container,
  .hpn-campionatura .card-body > #pr_container{ grid-column:span 3; }
}
/* scelta dell'indirizzo di spedizione (fra i riquadri) */
.hpn-campionatura form > .form-group{
  margin:0 0 20px;
  padding:14px 24px 16px;
  background:#ffffff;
  border:1px solid #e3e9f2;
  border-radius:14px;
  font-size:16px;
}
.hpn-campionatura form > .form-group > label.control-label{ margin:0 0 6px; color:#0f2a5c; font-size:17px; }
.hpn-campionatura input[type="radio"],
.hpn-campionatura input[type="checkbox"]{
  width:20px;
  height:20px;
  margin:0 6px 0 10px;
  vertical-align:-4px;
  accent-color:#1d6fe5;
}
/* privacy: testo dell'informativa e consensi */
.hpn-campionatura .card-body textarea{
  display:block;
  width:100%;
  min-height:170px;
  padding:12px 14px;
  border:1px solid #d5deea;
  border-radius:8px;
  background:#fafcff;
  color:#3c4b63;
  font-size:14px;
  line-height:1.5;
  resize:vertical;
}
.hpn-campionatura .card-body .form-group p{ margin:0 0 6px; color:#3c4b63; }
/* «non sono un robot», invio e nota sui campi obbligatori */
.hpn-campionatura .g-recaptcha{ margin:4px 0 16px; }
.hpn-campionatura form > hr{ display:none; }
.hpn-campionatura #buttonSubmit{
  min-height:54px;
  padding:12px 30px;
  border:0;
  border-radius:8px;
  background:linear-gradient(135deg, #198754 0%, #146c43 100%);
  box-shadow:0 2px 8px rgba(20, 108, 67, .28);
  color:#ffffff;
  font-size:18px;
  font-weight:600;
}
.hpn-campionatura #buttonSubmit:hover,
.hpn-campionatura #buttonSubmit:focus{ background:linear-gradient(135deg, #146c43 0%, #0f5132 100%); color:#ffffff; }
.hpn-campionatura #buttonSubmit:focus-visible{ outline:3px solid #0f2a5c; outline-offset:2px; }
.hpn-campionatura > .container > .card > .card-body > hr{ border-top-color:#e3e9f2; }
.hpn-campionatura .alert{ border-radius:10px; }
@media (max-width: 767px){
  .hpn-camp-testa{ flex-direction:column; align-items:flex-start; gap:14px; padding:20px; }
  .hpn .hpn-camp-testa h1{ font-size:25px; }
  .hpn-campionatura .card.my-4 > .card-header{ padding:12px 18px; font-size:20px; }
  .hpn-campionatura .card.my-4:not(#address_container) > .card-header .sub_title{ padding-left:0; }
  .hpn-campionatura .card.my-4 > .card-body{ padding:16px 18px 20px; }
  .hpn-campionatura form > .form-group{ padding:12px 18px 14px; }
  .hpn-campionatura #buttonSubmit{ width:100%; }
}