/* ===== FIX: elimina effetto "doppio dropdown" Helix/JoomShaper ===== */

/* 1) wrapper esterno: deve diventare INVISIBILE (niente sfondo/ombra/bordo/padding) */
.sp-dropdown.sp-dropdown-main{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
}

/* 2) solo l'inner deve avere il "box" bianco */
.sp-dropdown.sp-dropdown-main > .sp-dropdown-inner{
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.06) !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.12) !important;
  padding: 8px 0 !important;
  overflow: hidden !important;
}

/* Link base */
.sp-dropdown.sp-dropdown-main ul.sp-mega-group > li > a{
  display:block;
  padding: 12px 16px;
  color:#193029;
  font-weight:600;
  text-decoration:none;
  transition: background-color .18s ease, color .18s ease;
}

/* Hover soft */
.sp-dropdown.sp-dropdown-main ul.sp-mega-group > li > a:hover,
.sp-dropdown.sp-dropdown-main ul.sp-mega-group > li > a:focus{
  background:#1F3F46;
  color:#fff;
}

/* Active */
.sp-dropdown.sp-dropdown-main ul.sp-mega-group > li.active > a{
  background: rgba(31,63,70,.12);
  color:#193029;
}

/* ===== FIX HEADER per laptop 1366px ===== */
@media (max-width: 1366px){

  /* Header layout: logo + menu sempre in riga */
  #sp-header .container,
  #sp-header .container-fluid{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  /* Menu principale */
  .sp-megamenu-parent{
    display: flex;
    flex-wrap: nowrap; /* IMPEDISCE che il menu vada a capo */
  }

  /* Voci menu */
  .sp-megamenu-parent > li > a{
    padding: 0 10px !important;
    font-size: 14px !important;
    white-space: nowrap;
  }

}

/* Spazio tra logo e menu principale */
@media (max-width: 1366px){

  .sp-megamenu-parent{
    margin-left: 30px; /* aumenta/diminuisci a piacere */
  }

}

/* ===== MOBILE: forza hamburger dentro la barra bianca (soluzione blindata) ===== */
@media (max-width: 768px){

  /* Barra header come riferimento */
  #sp-header{
    position: relative !important;
    background: #fff !important;
    z-index: 9999 !important;
  }

  /* Contenitore header in una riga */
  #sp-header .container,
  #sp-header .container-fluid{
    position: relative !important;
  }

  /* Hamburger: ancorato in alto a destra dentro l'header */
  #sp-header .offcanvas-toggler{
    position: absolute !important;
    right: 16px !important;
    top: 50% !important;
    transform: translateY(-70%) !important;
    margin: 0 !important;
    z-index: 10000 !important;
  }

  /* Evita che wrapper strani lo spingano a capo */
  #sp-header .sp-menu-btn,
  #sp-header .sp-header-right,
  #sp-header .sp-megamenu-wrapper{
    float: none !important;
    width: auto !important;
  }

  /* (opzionale) se il logo è troppo alto e "mangia" spazio */
  #sp-header .logo img{
    max-height: 46px !important;
    width: auto !important;
  }
}

/* ===== HOME: 4 box – altezza stabile + testo max 4 righe ===== */

/* box: struttura flessibile, niente height fissa */
#sppb-addon-38dc6e33-bd9a-4fdf-92b9-7f9019315633 .sppb-addon-content{
  min-height: 260px !important;      /* spazio coerente per 4 righe */
  display: flex !important;
  flex-direction: column !important;
}

/* testo: massimo 4 righe */
#sppb-addon-38dc6e33-bd9a-4fdf-92b9-7f9019315633 .sppb-addon-text p{
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 6 !important;  /* <<< 4 righe */
  overflow: hidden !important;
  line-height: 1.45;
}

/* bottone sempre in basso */
#sppb-addon-38dc6e33-bd9a-4fdf-92b9-7f9019315633 .sppb-btn{
  margin-top: auto !important;
}

@media (max-width: 1366px){
  #sppb-addon-38dc6e33-bd9a-4fdf-92b9-7f9019315633 .sppb-addon-content{
    min-height: 340px !important;
  }
}

/* ===== LAYOUT: container più largo su laptop 1366 ===== */
@media (min-width: 1200px) and (max-width: 1399px){

  /* Container Helix / Bootstrap */
  .container,
  #sp-header .container,
  #sp-main-body .container,
  #sp-footer .container{
    max-width: 1280px !important;   /* prova 1240–1320 */
  }

  /* Riduci padding laterale del container */
  .container{
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1399px){
  .sppb-row-container{
    max-width: 1280px !important;
  }
}

/* ===== Infrastrutture strategiche: immagini "corner-to-corner" tra righe ===== */

/* 1) Elimina spazio sopra/sotto alle 4 section (le righe alternate) */
#section-id-3a0e4326-c98b-4e12-8b6c-be7c0ee7cf6b,
#section-id-8fa6e0ff-3628-40f6-85c9-821124e32af7,
#section-id-4ee8a4bc-0c2d-49cc-a4e0-8b9e538b2840,
#section-id-c6cd9d5f-7183-4416-bffa-f71e027ac601{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* 2) Se il container interno ha padding verticale, azzeralo */
#section-id-3a0e4326-c98b-4e12-8b6c-be7c0ee7cf6b .sppb-container-inner,
#section-id-8fa6e0ff-3628-40f6-85c9-821124e32af7 .sppb-container-inner,
#section-id-4ee8a4bc-0c2d-49cc-a4e0-8b9e538b2840 .sppb-container-inner,
#section-id-c6cd9d5f-7183-4416-bffa-f71e027ac601 .sppb-container-inner{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* 3) Togli il padding laterale SOLO alle colonne che contengono le immagini (così l’angolo cade sul “centro”) */
#column-wrap-id-bf0508a0-df81-4378-84ad-c9bddfa7ec06,
#column-wrap-id-d35dcc01-1fe8-462b-9e3f-97c0dbbe0663,
#column-wrap-id-ef3384cc-bcd2-402a-afaf-2630da242609,
#column-wrap-id-d0b23845-3553-4654-9112-9d2cc795bd32{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 4) Immagini: niente margini, block, e niente border-radius (se vuoi angoli che “tocchino” davvero) */
#section-id-3a0e4326-c98b-4e12-8b6c-be7c0ee7cf6b .sppb-addon-single-image-container img,
#section-id-8fa6e0ff-3628-40f6-85c9-821124e32af7 .sppb-addon-single-image-container img,
#section-id-4ee8a4bc-0c2d-49cc-a4e0-8b9e538b2840 .sppb-addon-single-image-container img,
#section-id-c6cd9d5f-7183-4416-bffa-f71e027ac601 .sppb-addon-single-image-container img{
  display: block !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

/* 5) Elimina eventuali margini dell’addon immagine */
#section-id-3a0e4326-c98b-4e12-8b6c-be7c0ee7cf6b .sppb-addon-single-image,
#section-id-8fa6e0ff-3628-40f6-85c9-821124e32af7 .sppb-addon-single-image,
#section-id-4ee8a4bc-0c2d-49cc-a4e0-8b9e538b2840 .sppb-addon-single-image,
#section-id-c6cd9d5f-7183-4416-bffa-f71e027ac601 .sppb-addon-single-image{
  margin: 0 !important;
}



/* ===== Infrastrutture strategiche: immagini attaccate, testo ok ===== */

/* 0) Le 4 section: niente spazio verticale */
#section-id-3a0e4326-c98b-4e12-8b6c-be7c0ee7cf6b,
#section-id-8fa6e0ff-3628-40f6-85c9-821124e32af7,
#section-id-4ee8a4bc-0c2d-49cc-a4e0-8b9e538b2840,
#section-id-c6cd9d5f-7183-4416-bffa-f71e027ac601{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* 1) Azzera SOLO il padding delle colonne che contengono le IMMAGINI */
#column-wrap-id-bf0508a0-df81-4378-84ad-c9bddfa7ec06,
#column-wrap-id-d35dcc01-1fe8-462b-9e3f-97c0dbbe0663,
#column-wrap-id-ef3384cc-bcd2-402a-afaf-2630da242609,
#column-wrap-id-d0b23845-3553-4654-9112-9d2cc795bd32{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 2) Elimina micro-gap "invisibili" dentro il container immagine */
#section-id-3a0e4326-c98b-4e12-8b6c-be7c0ee7cf6b .sppb-addon-single-image-container,
#section-id-8fa6e0ff-3628-40f6-85c9-821124e32af7 .sppb-addon-single-image-container,
#section-id-4ee8a4bc-0c2d-49cc-a4e0-8b9e538b2840 .sppb-addon-single-image-container,
#section-id-c6cd9d5f-7183-4416-bffa-f71e027ac601 .sppb-addon-single-image-container{
  line-height: 0 !important;
  font-size: 0 !important;
}

/* 3) Immagini: block + niente margini/bordi */
#section-id-3a0e4326-c98b-4e12-8b6c-be7c0ee7cf6b .sppb-addon-single-image-container img,
#section-id-8fa6e0ff-3628-40f6-85c9-821124e32af7 .sppb-addon-single-image-container img,
#section-id-4ee8a4bc-0c2d-49cc-a4e0-8b9e538b2840 .sppb-addon-single-image-container img,
#section-id-c6cd9d5f-7183-4416-bffa-f71e027ac601 .sppb-addon-single-image-container img{
  display: block !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

/* 4) CHIUSURA GAP: sovrapponi di 2px SOLO le section 2 e 4 (quelle che stanno sotto) */
#section-id-8fa6e0ff-3628-40f6-85c9-821124e32af7,
#section-id-c6cd9d5f-7183-4416-bffa-f71e027ac601{
  margin-top: -2px !important;  /* se serve: -1px o -3px */
}





/* ===== Infrastrutture strategiche: corner-to-corner (solo immagini) ===== */

/* 1) Normalizza il rendering dell'immagine (evita micro-gap inline/subpixel) */
#sppb-addon-97aff3fe-b5b9-4afb-b062-aa3bd0e3775a img,
#sppb-addon-440eded4-55a4-437d-8bc6-6eb7a86f6790 img,
#sppb-addon-dd6e5710-a429-44b7-9af7-e6b1e3951698 img,
#sppb-addon-e89b4463-0550-44f5-825a-f1ec15a11950 img{
  display: block !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

/* 2) Forza i container immagine a non generare spazi vuoti */
#sppb-addon-97aff3fe-b5b9-4afb-b062-aa3bd0e3775a .sppb-addon-single-image-container,
#sppb-addon-440eded4-55a4-437d-8bc6-6eb7a86f6790 .sppb-addon-single-image-container,
#sppb-addon-dd6e5710-a429-44b7-9af7-e6b1e3951698 .sppb-addon-single-image-container,
#sppb-addon-e89b4463-0550-44f5-825a-f1ec15a11950 .sppb-addon-single-image-container{
  line-height: 0 !important;
  font-size: 0 !important;
}

/* 3) Sovrapposizione verticale: attacca gli angoli tra righe (2px) */
/* immagini riga 2, 3, 4 salgono di 2px verso l'immagine sopra */
#sppb-addon-440eded4-55a4-437d-8bc6-6eb7a86f6790,
#sppb-addon-dd6e5710-a429-44b7-9af7-e6b1e3951698,
#sppb-addon-e89b4463-0550-44f5-825a-f1ec15a11950{
  margin-top: -2px !important;
}

/* 4) Sovrapposizione orizzontale al centro (1px) per chiudere il filo residuo */
/* immagini a destra (riga 1 e 3): spingi verso sinistra */
#sppb-addon-97aff3fe-b5b9-4afb-b062-aa3bd0e3775a,
#sppb-addon-dd6e5710-a429-44b7-9af7-e6b1e3951698{
  margin-left: -1px !important;
}

/* immagini a sinistra (riga 2 e 4): spingi verso destra */
#sppb-addon-440eded4-55a4-437d-8bc6-6eb7a86f6790,
#sppb-addon-e89b4463-0550-44f5-825a-f1ec15a11950{
  margin-right: -1px !important;
}



/* ===== CHI SIAMO: ultime 3 righe a scacchiera - corner-to-corner definitivo ===== */

/* 1) Azzeramento spazi verticali sulle 3 section */
#section-id-eef714de-eb57-451d-af4f-a01ca10bb2b5,
#section-id-a5f1c780-9d3f-4f99-809a-07268d6f372e,
#section-id-93f42dcb-8044-4fdf-9bb1-cacde540510f{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#section-id-eef714de-eb57-451d-af4f-a01ca10bb2b5 .sppb-container-inner,
#section-id-a5f1c780-9d3f-4f99-809a-07268d6f372e .sppb-container-inner,
#section-id-93f42dcb-8044-4fdf-9bb1-cacde540510f .sppb-container-inner{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* 2) Togli gutter SOLO alle colonne che contengono le immagini */
#column-wrap-id-f77ea5dc-74c4-4583-9786-628fc3c437e5, /* 3a ultima: immagine a destra */
#column-wrap-id-164beb5c-9032-47b5-a9a2-0fe2c85b5e37, /* penultima: immagine a sinistra */
#column-wrap-id-62613fba-19dc-4af5-b1a0-346af2255fd4  /* ultima: immagine a destra */
{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 3) Normalizza container immagini (niente micro-gap inline/subpixel) */
#sppb-addon-b709e560-3f32-4d85-a312-63d35dc992c4 .sppb-addon-single-image-container,
#sppb-addon-a4261beb-4d8f-4a85-908c-ab517166eb61 .sppb-addon-single-image-container,
#sppb-addon-155a9e95-bf19-40a7-b3ba-4178c2b5cbe0 .sppb-addon-single-image-container{
  line-height: 0 !important;
  font-size: 0 !important;
}

#sppb-addon-b709e560-3f32-4d85-a312-63d35dc992c4 img,
#sppb-addon-a4261beb-4d8f-4a85-908c-ab517166eb61 img,
#sppb-addon-155a9e95-bf19-40a7-b3ba-4178c2b5cbe0 img{
  display: block !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

/* 4) Overlap verticale tra le 3 section (chiude il filino tra righe) */
#section-id-a5f1c780-9d3f-4f99-809a-07268d6f372e{
  margin-top: -3px !important; /* attacca 3a->penultima (prova -2 se troppo) */
}
#section-id-93f42dcb-8044-4fdf-9bb1-cacde540510f{
  margin-top: -3px !important; /* attacca penultima->ultima (prova -2 se troppo) */
}

/* 5) Overlap orizzontale al centro (chiude l'angolo su angolo) */
/* immagini a destra: spingi verso il centro con margin-left negativo */
#sppb-addon-b709e560-3f32-4d85-a312-63d35dc992c4,
#sppb-addon-155a9e95-bf19-40a7-b3ba-4178c2b5cbe0{
  margin-left: -1px !important;
}

/* immagine a sinistra: spingi verso il centro con margin-right negativo */
#sppb-addon-a4261beb-4d8f-4a85-908c-ab517166eb61{
  margin-right: -1px !important;
}


/* ===========================
   RSForm PRO - Lavora con noi
   =========================== */

/* Variabili colori (puoi regolarle) */
:root{
  --fl-dark: #193029;  /* header/menu */
  --fl-blue: #1c5676;  /* CTA */
  --fl-yellow: #f2c13f;/* accento */
  --fl-border: #dbe2ea;
  --fl-bg: #f5f7fa;
  --fl-text: #14181c;
  --fl-muted: #6b7785;
}

/* Card contenitore */
#userForm .formContainer{
  background: #fff;
  border: 1px solid var(--fl-border);
  border-radius: 18px;
  padding: 28px 26px;
  box-shadow: 0 10px 28px rgba(0,0,0,.08);
}

/* Allinea meglio righe/colonne UIkit */
#userForm .uk-form-row{
  margin: 0 0 18px 0;
}

/* Label */
#userForm .uk-form-label{
  color: var(--fl-text);
  font-weight: 700;
  font-size: 15px;
  line-height: 1.2;
  margin-bottom: 8px;
}

/* Rendi l’asterisco più “brand” */
#userForm .formRequired{
  color: var(--fl-yellow);
  margin-left: 6px;
}

/* Inputs / textarea / file */
#userForm input.rsform-input-box,
#userForm textarea.rsform-text-box,
#userForm input.rsform-upload-box{
  width: 100%;
  border: 2px solid var(--fl-border);
  border-radius: 14px;
  padding: 12px 14px;
  background: #fbfcfe;
  color: var(--fl-text);
  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
  outline: none;
}

#userForm textarea.rsform-text-box{
  min-height: 120px;
  resize: vertical;
}

/* Focus */
#userForm input.rsform-input-box:focus,
#userForm textarea.rsform-text-box:focus,
#userForm input.rsform-upload-box:focus{
  border-color: var(--fl-blue);
  box-shadow: 0 0 0 4px rgba(28,86,118,.15);
  background: #fff;
}

/* Placeholder */
#userForm ::placeholder{
  color: var(--fl-muted);
}

/* Radio group: stile "pillole" */
#userForm .rsfp-fieldset{
  border: 0;
  padding: 0;
  margin: 0;
}

#userForm .rsfp-fieldset label{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  margin-right: 10px;
  border: 2px solid var(--fl-border);
  border-radius: 999px;
  background: #fbfcfe;
  cursor: pointer;
  user-select: none;
  transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
  font-weight: 600;
  color: var(--fl-text);
}

/* Nascondo radio nativo e creo “dot” */
#userForm .rsfp-fieldset input.rsform-radio{
  appearance: none;
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid var(--fl-muted);
  display: inline-block;
  position: relative;
  background: #fff;
}

#userForm .rsfp-fieldset input.rsform-radio:checked{
  border-color: var(--fl-blue);
}

#userForm .rsfp-fieldset input.rsform-radio:checked::after{
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: 50%;
  background: var(--fl-blue);
}

/* Hover pillole */
#userForm .rsfp-fieldset label:hover{
  border-color: var(--fl-blue);
  box-shadow: 0 0 0 4px rgba(28,86,118,.10);
}

/* Bottone submit */
#userForm .rsform-submit-button.uk-button.uk-button-primary{
  background: var(--fl-blue);
  border: 0;
  border-radius: 14px;
  padding: 12px 18px;
  font-weight: 800;
  letter-spacing: .2px;
  box-shadow: 0 10px 22px rgba(28,86,118,.25);
  transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
}

/* Accento giallo sul bottone */
#userForm .rsform-submit-button.uk-button.uk-button-primary{
  position: relative;
  overflow: hidden;
}
#userForm .rsform-submit-button.uk-button.uk-button-primary::before{
  content:"";
  position:absolute;
  left:0; top:0; bottom:0;
  width: 10px;
  background: var(--fl-yellow);
}

#userForm .rsform-submit-button.uk-button.uk-button-primary:hover{
  transform: translateY(-1px);
  filter: brightness(1.02);
  box-shadow: 0 14px 28px rgba(28,86,118,.30);
}

/* Messaggi validazione: rendili meno invasivi */
#userForm .formValidation .formNoError{
  display: none;
}

/* Responsive: su mobile metti label sopra e riduci spazi */
@media (max-width: 768px){
  #userForm .uk-form-horizontal .uk-form-label{
    float: none;
    width: auto;
    display: block;
    margin: 0 0 8px 0;
  }
  #userForm .uk-form-horizontal .uk-form-controls{
    margin-left: 0;
  }
  #userForm .formContainer{
    padding: 20px 16px;
    border-radius: 16px;
  }
}

/* ===========================
   Header card - Lavora con noi
   =========================== */

/* Wrapper: colpisce il titolo subito sopra al form */
#userForm{
  margin-top: 0;
}

/* Titolo pagina (H2 o H3 sopra al form) */
#userForm:before{
  content: "Lavora con noi";
  display: block;
  background: #193029;          /* barra scura Fastlines */
  color: #ffffff;
  font-size: 28px;
  font-weight: 800;
  padding: 22px 26px;
  border-radius: 18px 18px 0 0;
  letter-spacing: .3px;
}

/* Sottolineatura gialla */
#userForm:after{
  content: "";
  display: block;
  height: 6px;
  background: #f2c13f;          /* giallo brand */
  border-radius: 0 0 4px 4px;
}

/* Aggancio visivo con la card del form */
#userForm .formContainer{
  border-radius: 0 0 18px 18px;
  border-top: 0;
}

/* Se hai già un titolo reale sopra al form, nascondilo */
#userForm .page-header,
#userForm h1,
#userForm h2,
#userForm h3{
  display: none;
}

/* Responsive */
@media (max-width: 768px){
  #userForm:before{
    font-size: 22px;
    padding: 18px 18px;
  }
}


/* ===== Pulsante submit: tutto blu ===== */

#userForm .rsform-submit-button.uk-button.uk-button-primary{
  background: #1c5676;          /* stesso blu del sito */
  border-radius: 14px;
  padding: 12px 20px;
  font-weight: 800;
  letter-spacing: .2px;
  box-shadow: 0 10px 22px rgba(28,86,118,.25);
}

/* RIMUOVE accento giallo */
#userForm .rsform-submit-button.uk-button.uk-button-primary::before{
  display: none !important;
}

/* ===== Header card: stesso blu del pulsante ===== */

#userForm:before{
  background: #1c5676;  /* IDENTICO al pulsante */
  color: #ffffff;
}


/* ===========================
   Header card - RSForm Pro
   =========================== */

/* BASE: header card comune a tutti i form */
#userForm:before{
  display: block;
  background: #1c5676;
  color: #ffffff;
  font-size: 28px;
  font-weight: 800;
  padding: 22px 26px;
  border-radius: 18px 18px 0 0;
  letter-spacing: .3px;
}

#userForm:after{
  content: "";
  display: block;
  height: 6px;
  background: #f2c13f;
  border-radius: 0 0 4px 4px;
}

/* Aggancio visivo con la card */
#userForm .formContainer{
  border-radius: 0 0 18px 18px;
  border-top: 0;
}

/* ===========================
   Titoli specifici
   =========================== */

/* Lavora con noi */
#userForm:not(.form-contatti):before{
  content: "Lavora con noi";
}

/* Contatti */
#userForm.form-contatti:before{
  content: "Contattaci";
}

/* ===========================
   Responsive
   =========================== */
@media (max-width: 768px){
  #userForm:before{
    font-size: 22px;
    padding: 18px;
  }
}


/* ==============================
   HOME - Sezione 1: "Necessità"
   (compatibile con .sppb-row-container)
   ============================== */

.fl-need-section{
  padding: 70px 0 !important;
  background: #f5f7fa;
}

/* card contenitore */
.fl-need-section > .sppb-row-container{
  background: #ffffff;
  border: 1px solid #dbe2ea;
  border-radius: 18px;
  padding: 48px 44px;
  box-shadow: 0 10px 28px rgba(0,0,0,.08);
  position: relative;
  overflow: hidden;
}

/* accento giallo in alto */
.fl-need-section > .sppb-row-container:before{
  content:"";
  position:absolute;
  left:0; top:0;
  width:100%;
  height:6px;
  background:#f2c13f;
}

/* lead: è il primo text-block dopo l'H2 */
.fl-need-section .addon-root-text-block:first-of-type p{
  color:#6b7785;
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 26px;
}

/* 4 cards: i tuoi feature addon wrapper */
.fl-need-section .addon-root-feature{
  height: 100%;
}

.fl-need-section .addon-root-feature .sppb-addon-feature{
  background: #fbfcfe;
  border: 2px solid #dbe2ea;
  border-radius: 16px;
  padding: 18px 18px;
  height: 100%;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}

/* hover */
.fl-need-section .addon-root-feature .sppb-addon-feature:hover{
  transform: translateY(-2px);
  border-color: #1c5676;
  box-shadow: 0 14px 28px rgba(0,0,0,.10);
}

/* icone */
.fl-need-section .addon-root-feature .sppb-icon,
.fl-need-section .addon-root-feature .sppb-icon i{
  color: #1c5676 !important;
}

/* titoli e testo */
.fl-need-section .addon-root-feature .sppb-feature-box-title{
  font-size: 18px;
  margin-bottom: 8px;
  color:#14181c;
}

.fl-need-section .addon-root-feature .sppb-addon-text{
  color:#6b7785;
  font-size: 15px;
}

/* CTA testo (la riga con "Non cerchi un’offerta...") */
.fl-need-section #sppb-addon-0655ae29-f8dc-4fbb-b95a-9b352f2ea2c1 p{
  font-size: 18px;
  font-weight: 700;
  color:#14181c;
  margin: 14px 0 0;
}

/* bottone */
.fl-need-section .sppb-btn{
  background:#1c5676 !important;
  border:0 !important;
  border-radius: 14px !important;
  padding: 12px 18px !important;
  font-weight: 800 !important;
  box-shadow: 0 10px 22px rgba(28,86,118,.25);
}

.fl-need-section .sppb-btn:hover{
  filter: brightness(1.03);
  transform: translateY(-1px);
}

/* mobile */
@media (max-width: 768px){
  .fl-need-section > .sppb-row-container{
    padding: 28px 18px;
  }
}


/* =========================================================
   HOME - Sezione 1: "Quando la connessione non è un’opzione"
   Classe section: fl-need-section
   ========================================================= */

/* Section layout */
.fl-need-section{
  padding: 70px 0 !important;
  background: #f5f7fa;
}

/* Card contenitore (SP Page Builder usa .sppb-row-container) */
.fl-need-section > .sppb-row-container{
  background: #ffffff;
  border: 1px solid #dbe2ea;
  border-radius: 18px;
  padding: 48px 44px;
  box-shadow: 0 10px 28px rgba(0,0,0,.08);
  position: relative;
  overflow: hidden;
}

/* Accento giallo in alto */
.fl-need-section > .sppb-row-container:before{
  content:"";
  position:absolute;
  left:0; top:0;
  width:100%;
  height:6px;
  background:#f2c13f;
}

/* Heading più equilibrato */
.fl-need-section h2.sppb-addon-title{
  font-size: 30px !important;
  line-height: 1.15 !important;
  margin-bottom: 10px !important;
  color:#14181c;
}

@media (max-width: 768px){
  .fl-need-section h2.sppb-addon-title{
    font-size: 24px !important;
  }
}

/* Lead (primo text-block dopo heading) */
.fl-need-section .addon-root-text-block:first-of-type p{
  color:#6b7785;
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 26px;
}

/* =========================
   4 BOX (Feature) - puliti
   ========================= */

/* Evita duplicati: mostra SOLO la variante "after" */
.fl-need-section .sppb-addon-feature.sppb-addon-content-align-before,
.fl-need-section .sppb-addon-feature.sppb-addon-content-align-left,
.fl-need-section .sppb-addon-feature.sppb-addon-content-align-right{
  display: none !important;
}
.fl-need-section .sppb-addon-feature.sppb-addon-content-align-after{
  display: block !important;
}

/* Card box */
.fl-need-section .addon-root-feature .sppb-addon-feature.sppb-addon-content-align-after{
  background: #fbfcfe;
  border: 2px solid #dbe2ea;
  border-radius: 16px;
  padding: 18px 18px;
  min-height: 220px !important; /* regola 200–240 */
  height: 100% !important;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}

/* Hover */
.fl-need-section .addon-root-feature .sppb-addon-feature.sppb-addon-content-align-after:hover{
  transform: translateY(-2px);
  border-color: #1c5676;
  box-shadow: 0 14px 28px rgba(0,0,0,.10);
}

/* Contenuto interno ordinato */
.fl-need-section .sppb-addon-feature.sppb-addon-content-align-after .sppb-addon-content{
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

/* Icone coerenti */
.fl-need-section .addon-root-feature .sppb-icon,
.fl-need-section .addon-root-feature .sppb-icon i{
  color: #1c5676 !important;
}
.fl-need-section .sppb-addon-feature.sppb-addon-content-align-after .sppb-icon{
  margin: 10px 0 8px !important;
}

/* Titoli box: bold */
.fl-need-section .addon-root-feature .sppb-feature-box-title{
  font-size: 18px;
  font-weight: 800 !important;
  margin-bottom: 8px;
  color:#14181c;
}

/* Testo box: max 3 righe (uniforma altezze) */
.fl-need-section .addon-root-feature .sppb-addon-text p{
  color:#6b7785;
  font-size: 15px;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  overflow: hidden !important;
}

/* =========================
   CTA (testo + bottone)
   ========================= */

/* Testo CTA: nel tuo HTML questo addon ha id fisso */
.fl-need-section #sppb-addon-0655ae29-f8dc-4fbb-b95a-9b352f2ea2c1 p{
  font-size: 18px;
  font-weight: 700;
  color:#14181c;
  margin: 14px 0 0;
}

/* Bottone */
.fl-need-section .sppb-btn{
  background:#1c5676 !important;
  border:0 !important;
  border-radius: 14px !important;
  padding: 12px 18px !important;
  font-weight: 800 !important;
  box-shadow: 0 10px 22px rgba(28,86,118,.25);
}
.fl-need-section .sppb-btn:hover{
  filter: brightness(1.03);
  transform: translateY(-1px);
}

/* Mobile spacing */
@media (max-width: 768px){
  .fl-need-section > .sppb-row-container{
    padding: 28px 18px;
  }
}


/* =========================================================
   HOME - Sezione 1: "Quando la connessione non è un’opzione"
   Classe section: fl-need-section
   ========================================================= */

/* Section layout */
.fl-need-section{
  padding: 70px 0 !important;
  background: #f5f7fa;
}

/* Card contenitore (SP Page Builder usa .sppb-row-container) */
.fl-need-section > .sppb-row-container{
  background: #ffffff;
  border: 1px solid #dbe2ea;
  border-radius: 18px;
  padding: 48px 44px;
  box-shadow: 0 10px 28px rgba(0,0,0,.08);
  position: relative;
  overflow: hidden;
}

/* Accento giallo in alto */
.fl-need-section > .sppb-row-container:before{
  content:"";
  position:absolute;
  left:0; top:0;
  width:100%;
  height:6px;
  background:#f2c13f;
}

/* Heading più equilibrato */
.fl-need-section h2.sppb-addon-title{
  font-size: 30px !important;
  line-height: 1.15 !important;
  margin-bottom: 10px !important;
  color:#14181c;
}

@media (max-width: 768px){
  .fl-need-section h2.sppb-addon-title{
    font-size: 24px !important;
  }
}

/* Lead (primo text-block dopo heading) */
.fl-need-section .addon-root-text-block:first-of-type p{
  color:#6b7785;
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 26px;
}

/* =========================
   4 BOX (Feature) - puliti
   ========================= */

/* Evita duplicati: mostra SOLO la variante "after" */
.fl-need-section .sppb-addon-feature.sppb-addon-content-align-before,
.fl-need-section .sppb-addon-feature.sppb-addon-content-align-left,
.fl-need-section .sppb-addon-feature.sppb-addon-content-align-right{
  display: none !important;
}
.fl-need-section .sppb-addon-feature.sppb-addon-content-align-after{
  display: block !important;
}

/* Card box */
.fl-need-section .addon-root-feature .sppb-addon-feature.sppb-addon-content-align-after{
  background: #fbfcfe;
  border: 2px solid #dbe2ea;
  border-radius: 16px;
  padding: 18px 18px;
  min-height: 220px !important; /* regola 200–240 */
  height: 100% !important;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}

/* Hover */
.fl-need-section .addon-root-feature .sppb-addon-feature.sppb-addon-content-align-after:hover{
  transform: translateY(-2px);
  border-color: #1c5676;
  box-shadow: 0 14px 28px rgba(0,0,0,.10);
}

/* Contenuto interno ordinato */
.fl-need-section .sppb-addon-feature.sppb-addon-content-align-after .sppb-addon-content{
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

/* Icone coerenti */
.fl-need-section .addon-root-feature .sppb-icon,
.fl-need-section .addon-root-feature .sppb-icon i{
  color: #1c5676 !important;
}
.fl-need-section .sppb-addon-feature.sppb-addon-content-align-after .sppb-icon{
  margin: 10px 0 8px !important;
}

/* Titoli box: bold */
.fl-need-section .addon-root-feature .sppb-feature-box-title{
  font-size: 18px;
  font-weight: 800 !important;
  margin-bottom: 8px;
  color:#14181c;
}

/* Testo box: max 3 righe (uniforma altezze) */
.fl-need-section .addon-root-feature .sppb-addon-text p{
  color:#6b7785;
  font-size: 15px;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  overflow: hidden !important;
}


/* Spazio tra box e CTA */
.fl-need-section .addon-root-button{
  margin-top: 32px !important; /* puoi portarlo a 40 se vuoi più aria */
  margin-left: 100px;
}
}


/* CTA: capitalizzazione corretta */
.fl-need-section .sppb-btn{
  text-transform: none !important; /* disattiva uppercase */
}


/* CTA button: disattiva Capitalize del template */
.fl-need-section .sppb-button-wrapper a.sppb-btn,
.fl-need-section a#btn-a39b31dd-e223-4c15-a673-fc5e301528ec.sppb-btn{
  text-transform: none !important;
}


/* Spazio sopra la frase CTA (solo testo, non il pulsante) */
.fl-need-section #sppb-addon-wrapper-0655ae29-f8dc-4fbb-b95a-9b352f2ea2c1{
  margin-top: 32px !important; /* regola 24–40 */
}



/* =========================================================
   HOME - Sezione 2: "Non vendiamo connessioni. Progettiamo reti."
   Classe section: fl-method-section
   ========================================================= */

.fl-method-section{
  padding: 70px 0 !important;
  background: #f5f7fa;
}

/* card contenitore */
.fl-method-section > .sppb-row-container{
  background:#fff;
  border: 1px solid #dbe2ea;
  border-radius: 18px;
  padding: 48px 44px;
  box-shadow: 0 10px 28px rgba(0,0,0,.08);
  position: relative;
  overflow: hidden;
}

/* badge */
.fl-method-section .fl-badge{
  display: inline-block;
  background: #f0f4f8;
  border: 1px solid #dbe2ea;
  color: #1c5676;
  font-weight: 800;
  font-size: 13px;
  padding: 6px 12px;
  border-radius: 999px;
  margin-bottom: 14px;
  height: 35px;
}

/* heading */
.fl-method-section h2.sppb-addon-title{
  font-size: 30px !important;
  line-height: 1.15 !important;
  margin: 0 0 12px !important;
  color:#14181c;
}
@media (max-width: 768px){
  .fl-method-section h2.sppb-addon-title{
    font-size: 24px !important;
  }
}

/* lead */
.fl-method-section .fl-lead p{
  color:#6b7785;
  font-size: 17px;
  margin: 0 0 18px;
}

/* lista “check” (se usi list addon normale) */
.fl-method-section .fl-list{
  margin: 0 0 22px;
}
.fl-method-section .fl-list li{
  list-style: none;
  padding-left: 28px;
  position: relative;
  margin: 10px 0;
  color:#14181c;
}
.fl-method-section .fl-list li:before{
  content:"";
  width: 16px;
  height: 16px;
  position:absolute;
  left:0; top: 4px;
  border-radius: 999px;
  border: 2px solid #dbe2ea;
  background:#f0f4f8;
}
.fl-method-section .fl-list li:after{
  content:"";
  position:absolute;
  left:5px; top: 9px;
  width: 8px;
  height: 4px;
  border-left: 3px solid #1c5676;
  border-bottom: 3px solid #1c5676;
  transform: rotate(-45deg);
}

/* bottone */
.fl-method-section .sppb-btn{
  background:#1c5676 !important;
  border:0 !important;
  border-radius: 14px !important;
  padding: 12px 18px !important;
  font-weight: 800 !important;
  box-shadow: 0 10px 22px rgba(28,86,118,.25);
  text-transform: none !important;
}
.fl-method-section .sppb-btn:hover{
  filter: brightness(1.03);
  transform: translateY(-1px);
}

/* testo piccolo accanto al bottone (se lo metti in un text addon) */
.fl-method-section .fl-cta-note{
  color:#6b7785;
  font-size: 16px;
  margin-left: 14px;
}

/* immagine a destra: effetto “card” */
.fl-method-section .fl-image img{
  border-radius: 18px;
  border: 1px solid #dbe2ea;
  width: 100%;
  height: auto;
  display: block;
}

/* piccolo angolo giallo sull'immagine (decorativo) */
.fl-method-section .fl-image{
  position: relative;
}
.fl-method-section .fl-image:after{
  content:"";
  position:absolute;
  right: 0;
  top: 0;
  width: 42px;
  height: 42px;
  background:#f2c13f;
  clip-path: polygon(100% 0, 0 0, 100% 100%);
  border-top-right-radius: 18px;
}
@media (max-width: 992px){
  .fl-method-section .fl-image:after{ display:none; }
}

/* mobile */
@media (max-width: 768px){
  .fl-method-section > .sppb-row-container{
    padding: 28px 18px;
  }
}



/* =========================================================
   HOME - Sezione 3: Metodo Fastlines (4 step)
   Classe section: fl-steps-section
   ========================================================= */

.fl-steps-section{
  padding: 70px 0 !important;
  background: #f5f7fa;
}

/* card contenitore */
.fl-steps-section > .sppb-row-container{
  background:#fff;
  border: 1px solid #dbe2ea;
  border-radius: 18px;
  padding: 48px 44px;
  box-shadow: 0 10px 28px rgba(0,0,0,.08);
  position: relative;
  overflow: hidden;
}

/* accento giallo sotto */
.fl-steps-section > .sppb-row-container:after{
  content:"";
  position:absolute;
  left:0; bottom:0;
  width:100%;
  height:6px;
  background:#f2c13f;
}

/* heading */
.fl-steps-section h2.sppb-addon-title{
  font-size: 30px !important;
  line-height: 1.15 !important;
  margin: 0 0 12px !important;
  color:#14181c;
}
.fl-steps-section .fl-steps-lead p{
  color:#6b7785;
  font-size: 17px;
  margin: 0 0 22px;
}

/* timeline line dietro gli step (desktop) */
@media (min-width: 992px){
  .fl-steps-section .fl-steps-row{
    position: relative;
    padding-top: 26px;
  }
  .fl-steps-section .fl-steps-row:before{
    content:"";
    position:absolute;
    left: 6%;
    right: 6%;
    top: 18px;
    height: 6px;
    background: #dbe2ea;
    border-radius: 999px;
  }
}

/* numero step (pill) */
.fl-steps-section .fl-step-num{
  display: inline-block;
  background: #f0f4f8;
  border: 1px solid #dbe2ea;
  color: #1c5676;
  font-weight: 800;
  font-size: 13px;
  padding: 6px 12px;
  border-radius: 999px;
  margin-bottom: 12px;
  height: 35px;
}

/* “nodo” del timeline (puntino) */
@media (min-width: 992px){
  .fl-steps-section .fl-step-card{
    position: relative;
    padding-top: 26px;
  }
  .fl-steps-section .fl-step-card:before{
    content:"";
    position:absolute;
    top: 8px;
    left: 50%;
    width: 14px;
    height: 14px;
    background:#1c5676;
    border: 4px solid #ffffff;
    box-shadow: 0 0 0 2px #1c5676;
    border-radius: 999px;
    transform: translateX(-50%);
  }
}

/* card step */
.fl-steps-section .fl-step-card{
  background: #fbfcfe;
  border: 2px solid #dbe2ea;
  border-radius: 16px;
  padding: 18px 18px;
  height: 100%;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.fl-steps-section .fl-step-card:hover{
  transform: translateY(-2px);
  border-color: #1c5676;
  box-shadow: 0 14px 28px rgba(0,0,0,.10);
}

/* titoli step */
.fl-steps-section .fl-step-card .sppb-addon-title,
.fl-steps-section .fl-step-card h3,
.fl-steps-section .fl-step-card h4{
  font-weight: 800 !important;
  color:#14181c;
  margin-bottom: 8px;
}

/* descrizione */
.fl-steps-section .fl-step-card p{
  color:#6b7785;
  font-size: 15px;
  margin: 0;
}

/* mobile */
@media (max-width: 768px){
  .fl-steps-section > .sppb-row-container{
    padding: 28px 18px;
  }
}


/* =========================
   Sezione 3 – Riduzione titoli Feature Box
   ========================= */

/* Titoli degli step (Feature Box) */
.fl-steps-section .fl-step-card h3,
.fl-steps-section .fl-step-card h4,
.fl-steps-section .fl-step-card .sppb-addon-title{
  font-size: 18px !important;   /* stesso livello sezione 1 */
  line-height: 1.25 !important;
  font-weight: 800 !important;
  margin-bottom: 6px !important;
}


/* =========================
   Sezione 3 – Rimuove pallini timeline
   ========================= */

.fl-steps-section .fl-step-card:before{
  display: none !important;
}



/* =========================================================
   HOME - Sezione 4: Scenari (card cliccabili)
   Classe section: fl-scenarios-section
   ========================================================= */

.fl-scenarios-section{
  padding: 70px 0 !important;
  background: #f5f7fa;
}

/* card contenitore principale */
.fl-scenarios-section > .sppb-row-container{
  background:#fff;
  border: 1px solid #dbe2ea;
  border-radius: 18px;
  padding: 48px 44px;
  box-shadow: 0 10px 28px rgba(0,0,0,.08);
  position: relative;
  overflow: hidden;
}

.fl-scenarios-section h2.sppb-addon-title{
  font-size: 30px !important;
  line-height: 1.15 !important;
  margin: 0 0 12px !important;
  color:#14181c;
}

.fl-scenarios-section .fl-scenarios-lead p{
  color:#6b7785;
  font-size: 17px;
  margin: 0 0 22px;
}

/* ----- Card scenario ----- */
.fl-scenarios-section .fl-scenario-card{
  background: #fbfcfe;
  border: 2px solid #dbe2ea;
  border-radius: 16px;
  padding: 18px 18px;
  height: 100%;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}

.fl-scenarios-section .fl-scenario-card:hover{
  transform: translateY(-2px);
  border-color: #1c5676;
  box-shadow: 0 14px 28px rgba(0,0,0,.10);
}

/* immagine */
.fl-scenarios-section .fl-scenario-image img{
  width: 100%;
  height: auto;
  display:block;
  border-radius: 14px;
  border: 1px solid #dbe2ea;
}

/* piccolo angolo giallo */
.fl-scenarios-section .fl-scenario-image{
  position: relative;
  margin-bottom: 14px;
}
.fl-scenarios-section .fl-scenario-image:after{
  content:"";
  position:absolute;
  right: 0;
  top: 0;
  width: 34px;
  height: 34px;
  background:#f2c13f;
  clip-path: polygon(100% 0, 0 0, 100% 100%);
  border-top-right-radius: 14px;
}

/* tag pill */
.fl-scenarios-section .fl-scenario-tag{
  display:inline-block;
  background:#f0f4f8;
  border:1px solid #dbe2ea;
  color:#1c5676;
  font-weight:800;
  font-size:13px;
  padding:6px 12px;
  border-radius:999px;
  margin-bottom: 10px;
  height: 35px;
}

/* titoli card */
.fl-scenarios-section .fl-scenario-title{
  font-size: 18px;
  font-weight: 800;
  color:#14181c;
  margin: 0 0 8px;
}

/* descrizione */
.fl-scenarios-section .fl-scenario-desc p{
  color:#6b7785;
  font-size: 15px;
  margin: 0 0 14px;
}

/* bottone */
.fl-scenarios-section .sppb-btn{
  background:#1c5676 !important;
  border:0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 800 !important;
  text-transform: none !important;
  box-shadow: 0 10px 22px rgba(28,86,118,.18);
}

/* barra nota finale */
.fl-scenarios-section .fl-scenarios-note{
  margin-top: 26px;
  background: #f5f7fa;
  border: 2px solid #dbe2ea;
  border-radius: 16px;
  padding: 18px 20px;
  color:#14181c;
  font-weight: 700;
  position: relative;
  height: 65px;
}


/* mobile */
@media (max-width: 768px){
  .fl-scenarios-section > .sppb-row-container{
    padding: 28px 18px;
  }
  .fl-scenarios-section .fl-scenarios-note:after{
    width: 220px;
  }
}


/* =========================
   Sezione 4 – Barra gialla in basso (come sezione 3)
   ========================= */

/* Assicuriamo che la card sia "contenitore" del pseudo-elemento */
.fl-scenarios-section > .sppb-row-container{
  position: relative;
  overflow: hidden; /* importante per seguire i bordi arrotondati */
}

/* Barra gialla piena in fondo alla card */
.fl-scenarios-section > .sppb-row-container:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:6px;           /* come sezione 3: puoi mettere 8px se la vuoi più marcata */
  background:#f2c13f;
}


/* =========================
   Sezione 4 – Riduzione titoli card
   ========================= */

.fl-scenarios-section .fl-scenario-card h3,
.fl-scenarios-section .fl-scenario-card h4,
.fl-scenarios-section .sppb-addon-title{
  font-size: 18px !important;   /* prova 17px se li vuoi ancora più compatti */
  line-height: 1.25 !important;
  font-weight: 700 !important;
  margin-bottom: 8px !important;
}



/* =========================================================
   HOME - SEZIONE 5 (Case history) - CSS UNICO PULITO
   Target: section.fl-cases2-section
   ========================================================= */

.fl-cases2-section{
  padding: 70px 0 !important;
  background: #f5f7fa;
  position: relative;
}

/* CARD principale (row-container) */
.fl-cases2-section > .sppb-row-container{
  position: relative;
  background:#fff;
  border: 1px solid #dbe2ea;
  border-radius: 18px;
  box-shadow: 0 10px 28px rgba(0,0,0,.08);
  overflow: hidden;
  /* barra gialla in basso */
  background-image: linear-gradient(#f2c13f,#f2c13f);
  background-size: 100% 6px;
  background-repeat: no-repeat;
  background-position: left bottom;
}

/* header blu */
.fl-cases2-section > .sppb-row-container:before{
  content:"";
  position:absolute;
  left:0; top:0;
  width:100%;
  height: 150px;
  background:#123a52;
}

/* label "Case history" */
.fl-cases2-section > .sppb-row-container:after{
  content:"Case history";
  position:absolute;
  left: 42px;
  top: 22px;
  color: rgba(255,255,255,.75);
  font-weight: 700;
  letter-spacing: .2px;
  font-size: 14px;
}

/* titolo header */
.fl-cases2-section .fl-cases2-head{
  position: relative;
  padding: 54px 42px 0 !important;
  margin: 0 !important;
}
.fl-cases2-section .fl-cases2-head .sppb-addon-title{
  color:#fff !important;
  font-size: 34px !important;
  line-height: 1.15 !important;
  margin: 0 !important;
}

/* sottotitolo (wrapper specifico del tuo addon) */
.fl-cases2-section #sppb-addon-wrapper-feeb3978-8b09-42b8-8b43-4598980cca5e{
  position: relative;
  padding: 6px 42px 22px !important;
  margin: 0 !important;
}
.fl-cases2-section #sppb-addon-wrapper-feeb3978-8b09-42b8-8b43-4598980cca5e p{
  color: rgba(255,255,255,.85) !important;
  margin: 0 !important;
}

/* corpo */
.fl-cases2-section #section-id-ea983f52-b1fb-48a3-8be0-3a885d6f5c99{
  padding: 24px 42px 0 !important;
  margin: 0 !important;
}

/* RESET: elimina margini "automatici" degli addon dentro la sezione */
.fl-cases2-section .sppb-addon-wrapper,
.fl-cases2-section .sppb-addon{
  margin-bottom: 0 !important;
}

/* =========================================================
   LAYOUT 2 COLONNE (sx + dx)
   ========================================================= */
@media (min-width: 992px){
  .fl-cases2-section #section-id-ea983f52-b1fb-48a3-8be0-3a885d6f5c99 .sppb-row.sppb-nested-row{
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 22px;
    align-items: stretch;
  }

  /* sinistra 62% */
  .fl-cases2-section #section-id-ea983f52-b1fb-48a3-8be0-3a885d6f5c99
  .sppb-row.sppb-nested-row > .sppb-row-column:first-child{
    flex: 0 0 62% !important;
    max-width: 62% !important;
    width: 62% !important;
    min-width: 0 !important;
  }

  /* destra 38% */
  .fl-cases2-section #section-id-ea983f52-b1fb-48a3-8be0-3a885d6f5c99
  .sppb-row.sppb-nested-row > .sppb-row-column:last-child{
    flex: 0 0 38% !important;
    max-width: 38% !important;
    width: 38% !important;
    min-width: 0 !important;
  }
}

/* =========================================================
   COLONNA SINISTRA (FEATURE - Diga di Occhito)
   Fix spazio/compattezza
   ========================================================= */
.fl-cases2-section #section-id-ea983f52-b1fb-48a3-8be0-3a885d6f5c99
.sppb-row.sppb-nested-row > .sppb-row-column:first-child{
  background: #fbfcfe;
  border: 2px solid #dbe2ea;
  border-radius: 16px;
  padding: 16px;
}

/* immagine grande */
.fl-cases2-section .fl-cases2-feature-img{
  position: relative;
  margin: 0 0 10px !important; /* COMPATTA */
}
.fl-cases2-section .fl-cases2-feature-img img{
  width:100%;
  display:block;
  border-radius: 14px;
  border: 1px solid #dbe2ea;
}
/* angolo giallo */
.fl-cases2-section .fl-cases2-feature-img:after{
  content:"";
  position:absolute;
  right:0; top:0;
  width:34px; height:34px;
  background:#f2c13f;
  clip-path: polygon(100% 0, 0 0, 100% 100%);
  border-top-right-radius: 14px;
}

/* tag In evidenza (più vicino al titolo) */
.fl-cases2-section .fl-cases2-tag{
  margin: 0 0 6px !important;
}
.fl-cases2-section .fl-cases2-tag p{
  display:inline-block;
  background:#f0f4f8;
  border:1px solid #dbe2ea;
  color:#1c5676;
  font-weight:800;
  font-size:12px;
  padding:6px 12px;
  border-radius:999px;
  margin: 0 !important;
}

/* titoli e descrizioni (sx e dx uguali) */
.fl-cases2-section .fl-cases2-title .sppb-addon-title{
  font-size: 24px !important;
  line-height: 1.18 !important;
  font-weight: 800 !important;
  margin: 0 0 8px !important;
  color:#14181c !important;
}
.fl-cases2-section .fl-cases2-desc p{
  font-size: 15.5px !important;
  line-height: 1.45 !important;
  color:#6b7785 !important;
  margin: 0 0 10px !important; /* COMPATTA */
}

/* pills ovali in linea */
.fl-cases2-section .fl-cases2-pill{
  display: inline-block !important;
  margin: 0 10px 10px 0 !important;
}
.fl-cases2-section .fl-cases2-pill .sppb-addon-content p{
  display: inline-block !important;
  background: #f5f7fa;
  border: 1px solid #dbe2ea;
  color: #6b7785;
  font-weight: 800;
  font-size: 12px;
  line-height: 1;
  padding: 7px 14px;
  border-radius: 999px;
  margin: 0 !important;
  white-space: nowrap;
}

/* bottone featured: più vicino alle pills */
.fl-cases2-section .fl-cases2-feature.sppb-btn,
.fl-cases2-section #btn-8aa42334-2950-48da-9d08-e9ced0e47f2a{
  background:#1c5676 !important;
  border:0 !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 800 !important;
  text-transform: none !important;
  box-shadow: 0 10px 22px rgba(28,86,118,.18);
  margin-top: 6px !important;
}

/* =========================================================
   COLONNA DESTRA (2 box)
   ========================================================= */
.fl-cases2-section #section-id-ea983f52-b1fb-48a3-8be0-3a885d6f5c99
.sppb-row.sppb-nested-row > .sppb-row-column:last-child{
  background: #fbfcfe;
  border: 2px solid #dbe2ea;
  border-radius: 16px;
  padding: 16px;
}

/* evita che il nested container stringa la colonna */
.fl-cases2-section #section-id-22c799dd-7f3a-45dd-975c-55b5861cfab1,
.fl-cases2-section #section-id-22c799dd-7f3a-45dd-975c-55b5861cfab1 .sppb-container-inner,
.fl-cases2-section #section-id-22c799dd-7f3a-45dd-975c-55b5861cfab1 .sppb-row.sppb-nested-row{
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

/* box destra impilati e larghi */
@media (min-width: 992px){
  .fl-cases2-section #section-id-22c799dd-7f3a-45dd-975c-55b5861cfab1 .sppb-row.sppb-nested-row{
    display:flex !important;
    flex-direction: column !important;
    gap: 14px;
  }
  .fl-cases2-section #section-id-22c799dd-7f3a-45dd-975c-55b5861cfab1
  .sppb-row.sppb-nested-row > .sppb-row-column{
    width:100% !important;
    max-width:100% !important;
    flex: 0 0 100% !important;
    min-width:0 !important;
  }
}

/* layout interno del box: thumb + contenuto */
.fl-cases2-section #section-id-22c799dd-7f3a-45dd-975c-55b5861cfab1
.sppb-row.sppb-nested-row > .sppb-row-column{
  background:#fff;
  border: 1px solid #dbe2ea;
  border-radius: 14px;
  padding: 14px;
  display: grid !important;
  grid-template-columns: 120px 1fr;
  column-gap: 16px;
  align-items: start;
}

/* thumb */
.fl-cases2-section .fl-cases2-thumb{
  position: relative;
  width: 120px !important;
  max-width: 120px !important;
  margin: 0 !important;
}
.fl-cases2-section .fl-cases2-thumb img{
  width:100% !important;
  display:block;
  border-radius: 12px;
  border: 1px solid #dbe2ea;
}
/* angolo giallo */
.fl-cases2-section .fl-cases2-thumb:after{
  content:"";
  position:absolute;
  right:0; top:0;
  width:26px; height:26px;
  background:#f2c13f;
  clip-path: polygon(100% 0, 0 0, 100% 100%);
  border-top-right-radius: 12px;
}

/* title/desc/button nel secondo binario */
.fl-cases2-section #section-id-22c799dd-7f3a-45dd-975c-55b5861cfab1
.fl-cases2-title,
.fl-cases2-section #section-id-22c799dd-7f3a-45dd-975c-55b5861cfab1
.fl-cases2-desc,
.fl-cases2-section #section-id-22c799dd-7f3a-45dd-975c-55b5861cfab1
.sppb-button-wrapper{
  grid-column: 2;
}

/* bottoni box destra */
.fl-cases2-section #section-id-22c799dd-7f3a-45dd-975c-55b5861cfab1 .sppb-btn{
  background:#1c5676 !important;
  border:0 !important;
  border-radius: 999px !important;
  padding: 8px 18px !important;
  font-weight: 800 !important;
  text-transform: none !important;
}

/* =========================================================
   CTA in basso
   ========================================================= */
.fl-cases2-section .fl-cases2-cta{
  padding: 18px 42px 22px !important;
  margin-top: 10px !important;
}
.fl-cases2-section .fl-cases2-cta > .sppb-container-inner{
  background:#f5f7fa;
  border: 1px solid #dbe2ea;
  border-radius: 999px;
  padding: 12px 16px;
}
.fl-cases2-section .fl-cases2-cta p{
  margin: 0 !important;
}

/* bottone contattaci */
.fl-cases2-section #btn-0be0877e-33b2-41ef-8e19-ddb21453635d{
  background:#1c5676 !important;
  border:0 !important;
  border-radius: 12px !important;
  padding: 10px 18px !important;
  font-weight: 800 !important;
  text-transform: none !important;
}

/* =========================================================
   Responsive
   ========================================================= */
@media (max-width: 768px){
  .fl-cases2-section > .sppb-row-container:before{ height: 170px; }
  .fl-cases2-section .fl-cases2-head{ padding: 56px 18px 0 !important; }
  .fl-cases2-section #sppb-addon-wrapper-feeb3978-8b09-42b8-8b43-4598980cca5e{ padding: 6px 18px 18px !important; }
  .fl-cases2-section #section-id-ea983f52-b1fb-48a3-8be0-3a885d6f5c99{ padding: 18px 18px 0 !important; }
  .fl-cases2-section .fl-cases2-cta{ padding: 14px 18px 18px !important; }
  .fl-cases2-section > .sppb-row-container:after{ left: 18px; }

  /* box destra: torna stacked */
  .fl-cases2-section #section-id-22c799dd-7f3a-45dd-975c-55b5861cfab1
  .sppb-row.sppb-nested-row > .sppb-row-column{
    display: block !important;
  }
  .fl-cases2-section .fl-cases2-thumb{
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 10px !important;
  }
}


/* =========================================================
   SEZ.5 - Pills in linea (24/7 - Setup rapido - Supporto diretto)
   Ogni pill è un addon separato -> il wrapper va reso inline
   ========================================================= */

/* I wrapper che contengono i pill NON devono occupare 100% */
.fl-cases2-section .sppb-addon-wrapper:has(.fl-cases2-pill){
  display: inline-block !important;
  width: auto !important;
  vertical-align: top !important;
  margin: 0 10px 10px 0 !important;
}

/* Fallback per browser che non supportano :has()
   (forziamo inline direttamente sul wrapper specifico dei pill) */
.fl-cases2-section .fl-cases2-pill{
  display: inline-block !important;
  width: auto !important;
}

/* il testo dentro deve restare ovale e non andare a capo */
.fl-cases2-section .fl-cases2-pill .sppb-addon-content,
.fl-cases2-section .fl-cases2-pill .sppb-addon-content p{
  display: inline-block !important;
  width: auto !important;
  white-space: nowrap !important;
  margin: 0 !important;
}

/* se il builder inserisce <p> con margin-top/bottom */
.fl-cases2-section .fl-cases2-pill .sppb-addon-content p{
  background: #f5f7fa;
  border: 1px solid #dbe2ea;
  color: #6b7785;
  font-weight: 800;
  font-size: 12px;
  line-height: 1;
  padding: 7px 14px;
  border-radius: 999px;
}



/* =========================================================
   SEZ.5 - Colonna DESTRA (Cava / Eventi live + Tratto infrastruttura)
   Fix: box full width + layout thumb a sinistra + typo coerente
   ========================================================= */

/* 1) La colonna destra NON deve avere limiti di larghezza interni */
.fl-cases2-section #column-id-9c5edd90-6a8d-4b5a-b0fa-f30bcd240a9d,
.fl-cases2-section #column-id-9c5edd90-6a8d-4b5a-b0fa-f30bcd240a9d > .sppb-column-addons,
.fl-cases2-section #section-id-22c799dd-7f3a-45dd-975c-55b5861cfab1,
.fl-cases2-section #section-id-22c799dd-7f3a-45dd-975c-55b5861cfab1 .sppb-container-inner,
.fl-cases2-section #section-id-22c799dd-7f3a-45dd-975c-55b5861cfab1 .sppb-row.sppb-nested-row{
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

/* 2) I 2 box a destra devono stare in colonna e riempire la larghezza */
@media (min-width: 992px){
  .fl-cases2-section #section-id-22c799dd-7f3a-45dd-975c-55b5861cfab1 .sppb-row.sppb-nested-row{
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
  }

  .fl-cases2-section #section-id-22c799dd-7f3a-45dd-975c-55b5861cfab1
  .sppb-row.sppb-nested-row > .sppb-row-column{
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
  }
}

/* 3) Layout interno di ciascun box: thumb a sinistra + contenuti a destra */
.fl-cases2-section #section-id-22c799dd-7f3a-45dd-975c-55b5861cfab1
.sppb-row.sppb-nested-row > .sppb-row-column{
  display: grid !important;
  grid-template-columns: 120px 1fr;
  column-gap: 16px;
  align-items: start;
}

/* 4) Thumb: dimensione fissa e senza margini “strani” */
.fl-cases2-section #section-id-22c799dd-7f3a-45dd-975c-55b5861cfab1 .fl-cases2-thumb{
  width: 120px !important;
  max-width: 120px !important;
  margin: 0 !important;
}
.fl-cases2-section #section-id-22c799dd-7f3a-45dd-975c-55b5861cfab1 .fl-cases2-thumb img{
  width: 120px !important;
  height: auto !important;
  display: block !important;
  border-radius: 12px;
}

/* 5) Forzo title/desc/button nella colonna 2 della griglia */
.fl-cases2-section #section-id-22c799dd-7f3a-45dd-975c-55b5861cfab1 .fl-cases2-title,
.fl-cases2-section #section-id-22c799dd-7f3a-45dd-975c-55b5861cfab1 .fl-cases2-desc,
.fl-cases2-section #section-id-22c799dd-7f3a-45dd-975c-55b5861cfab1 .sppb-button-wrapper{
  grid-column: 2 !important;
}

/* 6) Tipografia coerente (sinistra + destra) */
.fl-cases2-section .fl-cases2-title .sppb-addon-title{
  font-size: 24px !important;
  line-height: 1.18 !important;
  font-weight: 800 !important;
  margin: 0 0 8px !important;
}
.fl-cases2-section .fl-cases2-desc p{
  font-size: 15.5px !important;
  line-height: 1.45 !important;
  margin: 0 0 12px !important;
  color: #6b7785 !important;
}

/* 7) Mobile: torna verticale (thumb sopra) */
@media (max-width: 575px){
  .fl-cases2-section #section-id-22c799dd-7f3a-45dd-975c-55b5861cfab1
  .sppb-row.sppb-nested-row > .sppb-row-column{
    display: block !important;
  }
  .fl-cases2-section #section-id-22c799dd-7f3a-45dd-975c-55b5861cfab1 .fl-cases2-thumb{
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 10px !important;
  }
  .fl-cases2-section #section-id-22c799dd-7f3a-45dd-975c-55b5861cfab1 .fl-cases2-thumb img{
    width: 100% !important;
  }
}


/* =========================================================
   SEZIONE 5 – FIX DEFINITIVO BOX DESTRA "STRETTI"
   (override SPPB inline/max-width)
   ========================================================= */

/* 1) Forza ogni BOX (colonna) a essere block e largo 100% */
.fl-cases2-section
#section-id-22c799dd-7f3a-45dd-975c-55b5861cfab1
.sppb-row-column{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  float: none !important;
}

/* 2) Forza anche il contenuto interno del box */
.fl-cases2-section
#section-id-22c799dd-7f3a-45dd-975c-55b5861cfab1
.sppb-row-column > .sppb-column-addons{
  width: 100% !important;
  max-width: 100% !important;
}

/* 3) Elimina eventuali limiti sugli addon interni */
.fl-cases2-section
#section-id-22c799dd-7f3a-45dd-975c-55b5861cfab1
.sppb-addon-wrapper,
.fl-cases2-section
#section-id-22c799dd-7f3a-45dd-975c-55b5861cfab1
.sppb-addon{
  width: 100% !important;
  max-width: 100% !important;
}

/* 4) Mantieni layout thumb + testo (grid) */
.fl-cases2-section
#section-id-22c799dd-7f3a-45dd-975c-55b5861cfab1
.sppb-row-column{
  display: grid !important;
  grid-template-columns: 120px 1fr;
  column-gap: 16px;
  align-items: start;
}

/* 5) Thumb fissa */
.fl-cases2-section
#section-id-22c799dd-7f3a-45dd-975c-55b5861cfab1
.fl-cases2-thumb{
  width: 120px !important;
  max-width: 120px !important;
  margin: 0 !important;
}
.fl-cases2-section
#section-id-22c799dd-7f3a-45dd-975c-55b5861cfab1
.fl-cases2-thumb img{
  width: 120px !important;
  height: auto !important;
  display: block;
}

/* 6) Testo e bottone nella seconda colonna */
.fl-cases2-section
#section-id-22c799dd-7f3a-45dd-975c-55b5861cfab1
.fl-cases2-title,
.fl-cases2-section
#section-id-22c799dd-7f3a-45dd-975c-55b5861cfab1
.fl-cases2-desc,
.fl-cases2-section
#section-id-22c799dd-7f3a-45dd-975c-55b5861cfab1
.sppb-button-wrapper{
  grid-column: 2 !important;
}

/* 7) Mobile: torna verticale */
@media (max-width: 575px){
  .fl-cases2-section
  #section-id-22c799dd-7f3a-45dd-975c-55b5861cfab1
  .sppb-row-column{
    display: block !important;
  }

  .fl-cases2-section
  #section-id-22c799dd-7f3a-45dd-975c-55b5861cfab1
  .fl-cases2-thumb{
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 10px !important;
  }

  .fl-cases2-section
  #section-id-22c799dd-7f3a-45dd-975c-55b5861cfab1
  .fl-cases2-thumb img{
    width: 100% !important;
  }
}



/* SEZ.5 - CTA finale: testo a sinistra + bottone "Contattaci" a destra (inline) */
.fl-cases2-section .fl-cases2-cta > .sppb-container-inner{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
}

/* il contenuto della colonna (addon list) diventa flex */
.fl-cases2-section .fl-cases2-cta .sppb-column-addons{
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  gap: 18px !important;
}

/* testo: occupa lo spazio disponibile */
.fl-cases2-section .fl-cases2-cta .sppb-addon-text-block{
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

/* bottone: resta a destra */
.fl-cases2-section .fl-cases2-cta .sppb-addon-button{
  flex: 0 0 auto !important;
  margin-left: auto !important;
}

/* evita centrature strane del wrapper del bottone */
.fl-cases2-section .fl-cases2-cta .sppb-button-wrapper{
  text-align: right !important;
  margin: 0 !important;
}

/* mobile: se non c'è spazio, va sotto (più pulito) */
@media (max-width: 575px){
  .fl-cases2-section .fl-cases2-cta > .sppb-container-inner,
  .fl-cases2-section .fl-cases2-cta .sppb-column-addons{
    flex-wrap: wrap !important;
  }
  .fl-cases2-section .fl-cases2-cta .sppb-addon-button{
    margin-left: 0 !important;
  }
}


/* SEZ.5 – CTA finale: bottone più vicino al bordo destro */
.fl-cases2-section .fl-cases2-cta > .sppb-container-inner{
  padding-right: 2px !important;   /* prima era più largo */
}

/* bottone leggermente spinto verso destra */
.fl-cases2-section .fl-cases2-cta .sppb-addon-button{
  margin-left: auto !important;
}

/* sicurezza: niente margini interni extra */
.fl-cases2-section .fl-cases2-cta .sppb-button-wrapper{
  margin-right: 0 !important;
}


/* SEZ.5 – CTA finale: più spazio tra testo e bottone */
.fl-cases2-section .fl-cases2-cta > .sppb-container-inner{
  display: flex !important;
  align-items: center;
  gap: 24px; /* ← aumenta/diminuisci questo valore */
}

/* =========================================================
   STICKY HEADER SU MOBILE - JoomShaper (Nestfund)
   ========================================================= */

/* 1) Forza sticky su mobile */
@media (max-width: 992px){
  #sp-header{
    position: sticky !important;   /* sticky vero */
    top: 0 !important;
    z-index: 99999 !important;
    width: 100% !important;
  }

  /* 2) Se qualche wrapper blocca lo sticky (overflow nascosto) */
  #sp-header,
  #sp-header .container,
  #sp-header .container-inner{
    overflow: visible !important;
  }

  /* 3) Alcuni template mettono overflow sui wrapper della pagina */
  .body-wrapper,
  .body-innerwrapper,
  #sp-page-body,
  #sp-main-body{
    overflow: visible !important;
  }
}

/* =========================================================
   FIX OFFCANVAS (hamburger): X non cliccabile con header sticky
   ========================================================= */

/* 1) quando l'offcanvas è aperto, abbasso lo z-index dell'header */
body.offcanvas-open #sp-header,
body.off-canvas-open #sp-header,
body.offcanvas-active #sp-header,
body.sp-offcanvas-open #sp-header{
  z-index: 10 !important;
}

/* 2) alzo offcanvas + overlay + close sopra l'header */
#sp-offcanvas,
.offcanvas-menu,
.offcanvas-overlay,
.offcanvas-inner,
.close-offcanvas,
.offcanvas-close,
button.close,
.close{
  z-index: 999999 !important;
}

/* 3) mi assicuro che la X riceva il click */
.close-offcanvas,
.offcanvas-close,
#sp-offcanvas .close,
#sp-offcanvas button.close{
  pointer-events: auto !important;
}



/* ======================================================
   PAGINA SERVIZIO WIRELESS - FASTLINES
   ====================================================== */

/* HERO */
.fl-wireless-hero{
  position: relative;
  padding:120px 0;
  background-size:cover;
  background-position:center;
  color:#fff;
}
.fl-wireless-hero:before{
  content:"";
  position:absolute;
  inset:0;
  /* background:linear-gradient(90deg,rgba(18,58,82,.85),rgba(18,58,82,.55)); */
  background: #123a52;
  background-image: linear-gradient(#f2c13f,#f2c13f);
  background-size: 100% 6px;
  background-repeat: no-repeat;
  background-position: left bottom;
}
.fl-wireless-hero .sppb-container{
  position:relative;
  z-index:2;
}
.fl-wireless-hero h1{
  font-size:42px;
  font-weight:800;
}
.fl-wireless-hero p{
  font-size:18px;
  opacity:.9;
}

/* PROCESSO */
.fl-wireless-process{
  padding:80px 0;
  background:#f5f7fa;
}
.fl-wireless-process .sppb-addon{
  background:#fff;
  padding:28px;
  border-radius:16px;
  border:1px solid #e3e8ef;
  transition:.3s;
}
.fl-wireless-process .sppb-addon:hover{
  transform:translateY(-5px);
  box-shadow:0 15px 30px rgba(0,0,0,.08);
}

/* BENEFITS */
.fl-wireless-benefits{
  padding:80px 0;
}
.fl-wireless-benefits .sppb-addon{
  background:#fbfcfe;
  padding:24px;
  border-radius:14px;
  border:1px solid #dbe2ea;
}
.fl-wireless-benefits h3{
  font-size:35px;
  font-weight:500;
  margin-bottom:10px;
}

/* FEATURES */
.fl-wireless-features{
  padding:80px 0;
  background:#f5f7fa;
}
.fl-wireless-features ul{
  list-style:none;
  padding:0;
}
.fl-wireless-features ul li{
  margin-bottom:12px;
  font-weight:600;
}
.fl-wireless-features ul li:before{
  content:"✔";
  color:#1c5676;
  margin-right:8px;
}

/* CTA */
.fl-wireless-cta{
  padding:60px 0;
  text-align:center;
  background:#123a52;
  color:#fff;
}
.fl-wireless-cta .sppb-btn{
  background:#1c5676;
  border:0;
  border-radius:12px;
  padding:12px 24px;
  font-weight:800;
  text-transform:none;
}
.fl-wireless-cta .sppb-btn:hover{
  background:#16445d;
}



/* =========================================================
   PAGINA SERVIZIO - FIBRA FTTC/FTTH (solo questa pagina)
   Richiede Page Class: fl-fttc-page
   ========================================================= */

.fl-fttc-page .sppb-section{
  padding: 70px 0;
}

/* HERO */
.fl-fttc-page .fl-fttc-hero{
  position: relative;
  padding: 0px 0 !important;
  background: #123a52; /* blu Fastlines */
  color: #fff;
  overflow: hidden;
}
.fl-fttc-page .fl-fttc-hero .sppb-addon-title{
  color:#fff !important;
  font-size: 44px !important;
  line-height: 1.08 !important;
  margin: 0 0 10px !important;
  font-weight: 800 !important;
}
.fl-fttc-page .fl-fttc-hero p{
  color: rgba(255,255,255,.86) !important;
  font-size: 18px !important;
  margin: 0 !important;
  max-width: 820px;
}

/* se vuoi una “barra gialla” come stile home */
.fl-fttc-page .fl-fttc-hero{
  background-image: linear-gradient(#f2c13f,#f2c13f);
  background-size: 100% 6px;
  background-repeat: no-repeat;
  background-position: left bottom;
}

/* TITOLI SEZIONI */
.fl-fttc-page .fl-fttc-process .sppb-addon-title,
.fl-fttc-page .fl-fttc-benefits .sppb-addon-title,
.fl-fttc-page .fl-fttc-services .sppb-addon-title{
  font-size: 28px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  color: #14181c !important;
  margin: 0 0 18px !important;
}

/* PROCESS: cards (come wireless) */
.fl-fttc-page .fl-fttc-process{
  background: #f5f7fa;
}
.fl-fttc-page .fl-fttc-process .sppb-row-container{
  background: transparent;
}
.fl-fttc-page .fl-fttc-process .sppb-addon-feature{
  background: #fff;
  border: 1px solid #dbe2ea;
  border-radius: 16px;
  padding: 16px;
  box-shadow: 0 10px 22px rgba(0,0,0,.06);
  height: 100%;
}
.fl-fttc-page .fl-fttc-process .sppb-img-container img{
  width: 100%;
  display: block;
  border-radius: 14px;
  border: 1px solid #dbe2ea;
  margin-bottom: 12px;
}
.fl-fttc-page .fl-fttc-process .sppb-feature-box-title{
  font-size: 20px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  margin: 0 0 8px !important;
  color:#14181c !important;
}
.fl-fttc-page .fl-fttc-process .sppb-addon-text p{
  margin: 0 !important;
  color:#6b7785 !important;
  font-size: 15.5px !important;
  line-height: 1.45 !important;
}

/* BENEFITS: griglia pulita */
.fl-fttc-page .fl-fttc-benefits{
  background: #fff;
}
.fl-fttc-page .fl-fttc-benefits .sppb-addon-feature{
  background: #fbfcfe;
  border: 1px solid #dbe2ea;
  border-radius: 16px;
  padding: 16px;
  height: 100%;
}
.fl-fttc-page .fl-fttc-benefits .sppb-feature-box-title{
  font-size: 18px !important;
  font-weight: 800 !important;
  margin: 0 0 6px !important;
  color:#14181c !important;
}
.fl-fttc-page .fl-fttc-benefits .sppb-addon-text p{
  margin: 0 !important;
  color:#6b7785 !important;
  font-size: 15.5px !important;
  line-height: 1.45 !important;
}

/* SERVICES (opzionali) */
.fl-fttc-page .fl-fttc-services{
  background: #f5f7fa;
}
.fl-fttc-page .fl-fttc-services .sppb-addon-feature{
  background: #fff;
  border: 1px solid #dbe2ea;
  border-radius: 16px;
  padding: 16px;
  height: 100%;
}
.fl-fttc-page .fl-fttc-services .sppb-feature-box-title{
  font-size: 20px !important;
  font-weight: 800 !important;
  margin: 0 0 8px !important;
  color:#14181c !important;
}
.fl-fttc-page .fl-fttc-services .sppb-addon-text p{
  margin: 0 !important;
  color:#6b7785 !important;
  font-size: 15.5px !important;
  line-height: 1.45 !important;
}

/* CTA */
.fl-fttc-page .fl-fttc-cta .sppb-row-container{
  background:#fff;
  border: 1px solid #dbe2ea;
  border-radius: 18px;
  padding: 22px;
  box-shadow: 0 10px 22px rgba(0,0,0,.06);
}
.fl-fttc-page .fl-fttc-cta p{
  margin: 0 !important;
  font-size: 17px !important;
  line-height: 1.45 !important;
  color:#14181c !important;
}
.fl-fttc-page .fl-fttc-cta p + p{
  margin-top: 6px !important;
  color:#6b7785 !important;
  font-size: 15.5px !important;
}
.fl-fttc-page .fl-fttc-cta .sppb-btn{
  background:#1c5676 !important;
  border:0 !important;
  border-radius: 12px !important;
  padding: 12px 18px !important;
  font-weight: 800 !important;
  text-transform: none !important;
  box-shadow: 0 10px 22px rgba(28,86,118,.18);
}

/* responsive */
@media (max-width: 768px){
  .fl-fttc-page .fl-fttc-hero{ padding: 70px 0 !important; }
  .fl-fttc-page .fl-fttc-hero .sppb-addon-title{ font-size: 34px !important; }
  .fl-fttc-page .fl-fttc-hero p{ font-size: 16px !important; }
  .fl-fttc-page .fl-fttc-cta .sppb-row-container{ padding: 18px; }
}




/* =========================================================
   SERVIZIO - FIBRA FTTH (solo pagina FTTH)
   Usa classi di sezione:
   - fl-ftth-hero
   - fl-ftth-process
   - fl-ftth-benefits
   - fl-ftth-features
   - fl-ftth-cta
   ========================================================= */

/* ---------- HERO ---------- */
.fl-ftth-hero{
  position: relative;
  padding: 0px 0 0px !important;
  background: #123a52; /* blu Fastlines */
  overflow: hidden;
  background-image: linear-gradient(#f2c13f,#f2c13f);  /*barra gialla*/
  background-size: 100% 6px;
  background-repeat: no-repeat;
  background-position: left bottom;
}
.fl-ftth-hero .sppb-row-overlay{
  opacity: .15; /* se c’è overlay di PB */
}
.fl-ftth-hero .sppb-addon-title{
  color:#fff !important;
  font-weight: 800 !important;
  font-size: 46px !important;
  line-height: 1.08 !important;
  margin: 0 0 14px !important;
}
.fl-ftth-hero .sppb-addon-text-block p{
  color: rgba(255,255,255,.88) !important;
  font-size: 18px !important;
  line-height: 1.55 !important;
  margin: 0 !important;
  max-width: 820px;
}
@media (max-width: 768px){
  .fl-ftth-hero{ padding: 70px 0 55px !important; }
  .fl-ftth-hero .sppb-addon-title{ font-size: 34px !important; }
  .fl-ftth-hero .sppb-addon-text-block p{ font-size: 16px !important; }
}

/* ---------- SEZIONI BASE (spaziatura + fondo) ---------- */
.fl-ftth-process,
.fl-ftth-benefits,
.fl-ftth-features{
  padding: 60px 0 !important;
  background: #f5f7fa;
}
.fl-ftth-process .sppb-row-container,
.fl-ftth-benefits .sppb-row-container,
.fl-ftth-features .sppb-row-container,
.fl-ftth-cta .sppb-row-container{
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

/* Titoli sezioni */
.fl-ftth-process .sppb-addon-title,
.fl-ftth-benefits .sppb-addon-title,
.fl-ftth-features .sppb-addon-title{
  font-size: 28px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  color:#14181c !important;
  margin: 0 0 18px !important;
}

/* ---------- CARD/BOX (stile coerente col sito) ---------- */
.fl-ftth-process .sppb-column,
.fl-ftth-benefits .sppb-column,
.fl-ftth-features .sppb-column{
  min-width: 0; /* evita “strozzature” in flex */
}

/* Se usi Feature Box di PageBuilder */
.fl-ftth-process .sppb-addon-feature,
.fl-ftth-benefits .sppb-addon-feature,
.fl-ftth-features .sppb-addon-feature{
  background:#fff;
  border: 1px solid #dbe2ea;
  border-radius: 16px;
  padding: 18px 18px;
  box-shadow: 0 10px 22px rgba(0,0,0,.06);
}

/* Titoli nei box */
.fl-ftth-process .sppb-feature-box-title,
.fl-ftth-benefits .sppb-feature-box-title,
.fl-ftth-features .sppb-feature-box-title{
  font-size: 20px !important;
  line-height: 1.22 !important;
  font-weight: 800 !important;
  color:#14181c !important;
  margin: 0 0 10px !important;
}

/* Testi nei box */
.fl-ftth-process .sppb-addon-feature .sppb-addon-text p,
.fl-ftth-benefits .sppb-addon-feature .sppb-addon-text p,
.fl-ftth-features .sppb-addon-feature .sppb-addon-text p{
  font-size: 15.5px !important;
  line-height: 1.5 !important;
  color:#6b7785 !important;
  margin: 0 !important;
}

/* Immagini nei box (se presenti) */
.fl-ftth-process .sppb-addon-feature .sppb-img-container img,
.fl-ftth-benefits .sppb-addon-feature .sppb-img-container img,
.fl-ftth-features .sppb-addon-feature .sppb-img-container img{
  width:100% !important;
  height:auto !important;
  display:block;
  border-radius: 14px;
  border: 1px solid #dbe2ea;
  margin-bottom: 12px;
}

/* ---------- SEZIONE ARCHITETTURA / DIAGRAMMA (se la metti con Image addon) ---------- */
.fl-ftth-process .sppb-addon-single-image img{
  width: 100% !important;
  height: auto !important;
  display:block;
  border-radius: 16px;
  border: 1px solid #dbe2ea;
  background:#fff;
  padding: 10px;
}

/* ---------- LISTE “vantaggi” (se usi Text Block con elenco) ---------- */
.fl-ftth-benefits ul,
.fl-ftth-features ul{
  margin: 0 !important;
  padding-left: 18px !important;
}
.fl-ftth-benefits li,
.fl-ftth-features li{
  color:#6b7785;
  font-size: 15.5px;
  line-height: 1.55;
  margin: 0 0 10px;
}

/* Se invece hai “checklist” con ✔ e <br> */
.fl-ftth-features .sppb-addon-text p{
  color:#6b7785 !important;
  font-size: 15.5px !important;
  line-height: 1.65 !important;
}

/* ---------- CTA FINALE ---------- */
.fl-ftth-cta{
  padding: 34px 0 70px !important;
  background: #f5f7fa;
}
.fl-ftth-cta .sppb-row{
  background:#fff;
  border: 1px solid #dbe2ea;
  border-radius: 999px;
  padding: 18px 22px;
  box-shadow: 0 10px 22px rgba(0,0,0,.06);
  align-items: center;
}
.fl-ftth-cta .sppb-addon-text-block p{
  margin: 0 !important;
  font-size: 18px !important;
  line-height: 1.45 !important;
  color:#14181c !important;
}
.fl-ftth-cta .sppb-button-wrapper{
  text-align: right;
}
.fl-ftth-cta .sppb-btn{
  background:#1c5676 !important;
  border: 0 !important;
  border-radius: 14px !important;
  padding: 12px 18px !important;
  font-weight: 800 !important;
  text-transform: none !important;
  box-shadow: 0 10px 22px rgba(28,86,118,.18);
}

/* CTA responsive */
@media (max-width: 768px){
  .fl-ftth-process,
  .fl-ftth-benefits,
  .fl-ftth-features{ padding: 44px 0 !important; }

  .fl-ftth-process .sppb-addon-title,
  .fl-ftth-benefits .sppb-addon-title,
  .fl-ftth-features .sppb-addon-title{
    font-size: 24px !important;
  }

  .fl-ftth-cta .sppb-row{
    border-radius: 18px;
    padding: 18px 16px;
  }
  .fl-ftth-cta .sppb-button-wrapper{
    text-align: left;
    margin-top: 10px;
  }
}



/* =========================================================
   PAGINA SERVIZIO - FIBRA OTTICA DEDICATA
   Page Class (Menu Item > Page Display > Page Class):
   fl-svc-fod
   ========================================================= */

.fl-svc-fod .sppb-section{
  padding: 70px 0;
}

/* ---------- HERO ---------- */
.fl-svc-fod .fl-fod-hero{
  position: relative;
  padding: 110px 0 90px;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}
.fl-svc-fod .fl-fod-hero:before{
  content:"";
  position:absolute;
  inset:0;
  /* background: rgba(8, 22, 33, .62); */
  background: #123a52;
  background-image: linear-gradient(#f2c13f,#f2c13f); /*barra gialla*/
  background-size: 100% 6px;
  background-repeat: no-repeat;
  background-position: left bottom;
}
.fl-svc-fod .fl-fod-hero .sppb-container-inner,
.fl-svc-fod .fl-fod-hero .sppb-row,
.fl-svc-fod .fl-fod-hero .sppb-column{
  position: relative;
  z-index: 2;
}
.fl-svc-fod .fl-fod-hero h1,
.fl-svc-fod .fl-fod-hero .sppb-addon-title{
  color:#fff !important;
  font-weight: 900 !important;
  letter-spacing: -.3px;
  margin: 0 0 10px !important;
  font-size: 44px !important;
  line-height: 1.08 !important;
}
.fl-svc-fod .fl-fod-hero p{
  color: rgba(255,255,255,.88) !important;
  font-size: 18px !important;
  line-height: 1.5 !important;
  margin: 0 0 18px !important;
  max-width: 780px;
}
.fl-svc-fod .fl-fod-hero .sppb-btn{
  background:#1c5676 !important;
  border:0 !important;
  border-radius: 12px !important;
  padding: 12px 18px !important;
  font-weight: 800 !important;
  text-transform: none !important;
  box-shadow: 0 12px 26px rgba(0,0,0,.20);
}

/* ---------- INTRO + PROFILI ---------- */
.fl-svc-fod .fl-fod-intro{
  background:#f5f7fa;
}
.fl-svc-fod .fl-fod-intro h2,
.fl-svc-fod .fl-fod-intro .sppb-addon-title{
  font-size: 32px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  margin: 0 0 10px !important;
  color:#0f1b24 !important;
}
.fl-svc-fod .fl-fod-intro p{
  color:#5f6d7a !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
}
.fl-svc-fod .fl-fod-intro .fl-fod-card{
  background:#fff;
  border:1px solid #dbe2ea;
  border-radius: 16px;
  box-shadow: 0 10px 28px rgba(0,0,0,.06);
  padding: 18px 18px;
}
.fl-svc-fod .fl-fod-intro .fl-fod-card h4{
  font-weight: 900;
  margin: 0 0 10px;
  color:#0f1b24;
}
.fl-svc-fod .fl-fod-intro .fl-fod-card ul{
  margin: 0;
  padding-left: 18px;
}
.fl-svc-fod .fl-fod-intro .fl-fod-card li{
  margin: 6px 0;
  color:#344250;
  font-weight: 700;
}

/* ---------- BENEFITS GRID ---------- */
.fl-svc-fod .fl-fod-benefits{
  background:#fff;
}
.fl-svc-fod .fl-fod-benefits h2,
.fl-svc-fod .fl-fod-benefits .sppb-addon-title{
  font-size: 32px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  margin: 0 0 18px !important;
  color:#0f1b24 !important;
}
.fl-svc-fod .fl-fod-benefits .sppb-addon-feature{
  background:#fbfcfe;
  border:1px solid #dbe2ea;
  border-radius: 16px;
  padding: 16px 16px;
  box-shadow: 0 10px 24px rgba(0,0,0,.05);
  height: 100%;
}
.fl-svc-fod .fl-fod-benefits .sppb-feature-box-title{
  font-size: 18px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
  margin: 0 0 8px !important;
  color:#0f1b24 !important;
}
.fl-svc-fod .fl-fod-benefits .sppb-addon-text p{
  margin: 0 !important;
  color:#5f6d7a !important;
  font-size: 15.5px !important;
  line-height: 1.5 !important;
}

/* ---------- DEEPDIVE (AlwaysOn + VPN) ---------- */
.fl-svc-fod .fl-fod-deepdive{
  background:#f5f7fa;
}
.fl-svc-fod .fl-fod-deepdive h2,
.fl-svc-fod .fl-fod-deepdive .sppb-addon-title{
  font-size: 32px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  margin: 0 0 18px !important;
  color:#0f1b24 !important;
}
.fl-svc-fod .fl-fod-deepdive .fl-fod-panel{
  background:#fff;
  border:1px solid #dbe2ea;
  border-radius: 18px;
  padding: 18px 18px;
  box-shadow: 0 12px 26px rgba(0,0,0,.06);
  height: 100%;
}
.fl-svc-fod .fl-fod-deepdive .fl-fod-panel h3{
  margin: 0 0 10px;
  font-weight: 900;
  color:#0f1b24;
}
.fl-svc-fod .fl-fod-deepdive .fl-fod-panel p{
  color:#5f6d7a !important;
  font-size: 15.5px !important;
  line-height: 1.55 !important;
  margin: 0 0 12px !important;
}
.fl-svc-fod .fl-fod-deepdive .fl-fod-mini ul{
  margin: 0;
  padding-left: 18px;
}
.fl-svc-fod .fl-fod-deepdive .fl-fod-mini li{
  margin: 6px 0;
  color:#344250;
  font-weight: 700;
}

/* ---------- BEST PRACTICE (3 BOX) ---------- */
.fl-svc-fod .fl-fod-best{
  background:#fff;
}
.fl-svc-fod .fl-fod-best h2,
.fl-svc-fod .fl-fod-best .sppb-addon-title{
  font-size: 32px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  margin: 0 0 18px !important;
  color:#0f1b24 !important;
}
.fl-svc-fod .fl-fod-best .sppb-addon-feature{
  background:#fbfcfe;
  border:1px solid #dbe2ea;
  border-radius: 16px;
  padding: 16px;
  box-shadow: 0 10px 22px rgba(0,0,0,.05);
  height: 100%;
}

/* ---------- CTA ---------- */
.fl-svc-fod .fl-fod-cta{
  background:#0f2a3c;
  position: relative;
}
.fl-svc-fod .fl-fod-cta:after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height: 6px;
  background:#f2c13f; /* giallo Fastlines */
}
.fl-svc-fod .fl-fod-cta p{
  color: rgba(255,255,255,.90) !important;
  font-size: 16.5px !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}
.fl-svc-fod .fl-fod-cta .sppb-btn{
  background:#f2c13f !important;
  border:0 !important;
  color:#0f1b24 !important;
  border-radius: 12px !important;
  padding: 12px 18px !important;
  font-weight: 900 !important;
  text-transform: none !important;
}

/* ---------- spacing generale addons (evita “vuoti” strani) ---------- */
.fl-svc-fod .sppb-addon-wrapper,
.fl-svc-fod .sppb-addon{
  margin-bottom: 0 !important;
}

/* ---------- Responsive ---------- */
@media (max-width: 992px){
  .fl-svc-fod .fl-fod-hero{ padding: 90px 0 70px; }
  .fl-svc-fod .fl-fod-hero h1,
  .fl-svc-fod .fl-fod-hero .sppb-addon-title{ font-size: 36px !important; }
  .fl-svc-fod .sppb-section{ padding: 55px 0; }
}
@media (max-width: 575px){
  .fl-svc-fod .fl-fod-hero h1,
  .fl-svc-fod .fl-fod-hero .sppb-addon-title{ font-size: 30px !important; }
  .fl-svc-fod .fl-fod-intro h2,
  .fl-svc-fod .fl-fod-benefits h2,
  .fl-svc-fod .fl-fod-deepdive h2,
  .fl-svc-fod .fl-fod-best h2{ font-size: 26px !important; }
}



/* =========================================================
   PAGINA SERVIZIO - SIM (Backup LTE)  | Page Class: fl-svc-sim
   Sezioni:
   - .fl-sim-hero
   - .fl-sim-intro
   - .fl-sim-process
   - .fl-sim-benefits
   - .fl-sim-tech
   - .fl-sim-cta
   ========================================================= */

.fl-svc-sim .sppb-section{
  padding: 70px 0;
}

/* -------- HERO -------- */
.fl-svc-sim .fl-sim-hero{
  position: relative;
  padding: 95px 0 85px;
  background: #123a52;
  overflow: hidden;
}
.fl-svc-sim .fl-sim-hero .sppb-row-overlay{
  background: linear-gradient(90deg, rgba(18,58,82,.92), rgba(18,58,82,.70));
  background-image: linear-gradient(#f2c13f,#f2c13f); /*barra gialla*/
  background-size: 100% 6px;
  background-repeat: no-repeat;
  background-position: left bottom;
}
.fl-svc-sim .fl-sim-hero .sppb-addon-title{
  color:#fff !important;
  font-size: 44px !important;
  line-height: 1.10 !important;
  margin: 0 0 12px !important;
  font-weight: 800 !important;
}
.fl-svc-sim .fl-sim-hero p{
  color: rgba(255,255,255,.88) !important;
  font-size: 17px;
  line-height: 1.55;
  margin: 0 0 18px !important;
  max-width: 760px;
}
.fl-svc-sim .fl-sim-hero .sppb-btn{
  background:#1c5676 !important;
  border:0 !important;
  border-radius: 12px !important;
  padding: 11px 18px !important;
  font-weight: 800 !important;
  text-transform: none !important;
  box-shadow: 0 10px 22px rgba(28,86,118,.18);
}

/* -------- INTRO -------- */
.fl-svc-sim .fl-sim-intro{
  background: #f5f7fa;
}
.fl-svc-sim .fl-sim-intro .sppb-row-container{
  background:#fff;
  border: 1px solid #dbe2ea;
  border-radius: 18px;
  box-shadow: 0 10px 28px rgba(0,0,0,.06);
  padding: 34px 34px;
}
.fl-svc-sim .fl-sim-intro p{
  color:#4b5563;
  font-size: 16px;
  line-height: 1.65;
  margin: 0 0 12px !important;
}
.fl-svc-sim .fl-sim-intro strong{
  color:#14181c;
}
.fl-svc-sim .fl-sim-intro img{
  width: 100%;
  height: auto;
  border-radius: 14px;
  border: 1px solid #dbe2ea;
  display:block;
}

/* mini box “In sintesi” (se lo fai con un Text addon) */
.fl-svc-sim .fl-sim-intro .fl-sim-summary{
  margin-top: 14px;
  background: #fbfcfe;
  border: 1px solid #dbe2ea;
  border-radius: 14px;
  padding: 14px 14px;
}
.fl-svc-sim .fl-sim-intro .fl-sim-summary p{
  margin: 0 !important;
  font-size: 14px;
  line-height: 1.5;
  color:#6b7785;
}

/* -------- SEZIONI TITOLI -------- */
.fl-svc-sim .fl-sim-process .sppb-addon-title,
.fl-svc-sim .fl-sim-benefits .sppb-addon-title,
.fl-svc-sim .fl-sim-tech .sppb-addon-title{
  font-size: 28px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  margin: 0 0 18px !important;
  color:#14181c !important;
}

/* -------- PROCESS (3 card) -------- */
.fl-svc-sim .fl-sim-process{
  background:#fff;
}
.fl-svc-sim .fl-sim-process .sppb-addon-feature{
  background:#fbfcfe;
  border: 1px solid #dbe2ea;
  border-radius: 16px;
  padding: 18px 18px;
  height: 100%;
}
.fl-svc-sim .fl-sim-process .sppb-feature-box-title{
  font-weight: 800 !important;
  font-size: 18px !important;
  margin: 0 0 8px !important;
  color:#14181c !important;
}
.fl-svc-sim .fl-sim-process .sppb-addon-text p{
  color:#6b7785 !important;
  font-size: 14.8px;
  line-height: 1.55;
  margin: 0 !important;
}
.fl-svc-sim .fl-sim-process .sppb-img-container img{
  border-radius: 12px;
  border: 1px solid #dbe2ea;
  margin-bottom: 10px;
}

/* -------- BENEFITS (griglia box) -------- */
.fl-svc-sim .fl-sim-benefits{
  background:#f5f7fa;
}
.fl-svc-sim .fl-sim-benefits .sppb-addon-feature{
  background:#fff;
  border: 1px solid #dbe2ea;
  border-radius: 16px;
  padding: 18px 18px;
  height: 100%;
}
.fl-svc-sim .fl-sim-benefits .sppb-feature-box-title{
  font-weight: 800 !important;
  font-size: 18px !important;
  margin: 0 0 8px !important;
  color:#14181c !important;
}
.fl-svc-sim .fl-sim-benefits .sppb-addon-text p{
  color:#6b7785 !important;
  font-size: 14.8px;
  line-height: 1.55;
  margin: 0 !important;
}

/* -------- TECH (lista + immagine) -------- */
.fl-svc-sim .fl-sim-tech{
  background:#fff;
}
.fl-svc-sim .fl-sim-tech ul{
  margin: 0 !important;
  padding-left: 18px;
}
.fl-svc-sim .fl-sim-tech li{
  color:#4b5563;
  font-size: 15.5px;
  line-height: 1.6;
  margin: 0 0 8px;
}
.fl-svc-sim .fl-sim-tech img{
  width:100%;
  height:auto;
  border-radius: 14px;
  border: 1px solid #dbe2ea;
  display:block;
}

/* -------- CTA -------- */
.fl-svc-sim .fl-sim-cta{
  background:#f5f7fa;
}
.fl-svc-sim .fl-sim-cta .sppb-row-container{
  background:#fff;
  border: 1px solid #dbe2ea;
  border-radius: 18px;
  padding: 22px 22px;
  box-shadow: 0 10px 28px rgba(0,0,0,.06);
}
.fl-svc-sim .fl-sim-cta p{
  margin: 0 !important;
  font-size: 16px;
  line-height: 1.55;
  color:#14181c;
  font-weight: 700;
}
.fl-svc-sim .fl-sim-cta .sppb-btn{
  background:#1c5676 !important;
  border:0 !important;
  border-radius: 12px !important;
  padding: 11px 18px !important;
  font-weight: 800 !important;
  text-transform: none !important;
  box-shadow: 0 10px 22px rgba(28,86,118,.18);
}

/* -------- Responsive -------- */
@media (max-width: 992px){
  .fl-svc-sim .fl-sim-hero .sppb-addon-title{ font-size: 34px !important; }
  .fl-svc-sim .fl-sim-intro .sppb-row-container{ padding: 22px 18px; }
  .fl-svc-sim .sppb-section{ padding: 55px 0; }
}



/* =========================================================
   PAGINA SERVIZIO - VOIP
   Page Class (Menu > Page Display): fl-voip-page
   ========================================================= */

.fl-voip-page .page-content{
  overflow-x: hidden;
}

/* ---------- HERO ---------- */
.fl-voip-page .fl-voip-hero{
  padding: 0px 0 0px !important;
/*  background: linear-gradient(180deg, #123a52 0%, #0f2f44 100%); */
  background: #123a52;
  color: #fff;
  position: relative;
  background-image: linear-gradient(#f2c13f,#f2c13f); /*barra gialla*/
  background-size: 100% 6px;
  background-repeat: no-repeat;
  background-position: left bottom;
}

.fl-voip-page .fl-voip-hero .sppb-addon-title{
  color:#fff !important;
  font-weight: 900 !important;
  font-size: 44px !important;
  line-height: 1.08 !important;
  margin: 0 0 14px !important;
}

.fl-voip-page .fl-voip-hero p{
  color: rgba(255,255,255,.88) !important;
  font-size: 18px !important;
  line-height: 1.55 !important;
  margin: 0 0 18px !important;
  max-width: 720px;
}

.fl-voip-page .fl-voip-hero .sppb-button-wrapper{
  margin-top: 8px;
}

.fl-voip-page .fl-voip-hero .fl-voip-hero-btn,
.fl-voip-page .fl-voip-hero .sppb-btn{
  background:#f2c13f !important;
  color:#123a52 !important;
  border:0 !important;
  border-radius: 999px !important;
  padding: 10px 18px !important;
  font-weight: 900 !important;
  text-transform: none !important;
}

/* ---------- SEZIONI: padding generale ---------- */
.fl-voip-page .fl-voip-intro,
.fl-voip-page .fl-voip-highlights,
.fl-voip-page .fl-voip-np,
.fl-voip-page .fl-voip-advanced,
.fl-voip-page .fl-voip-benefits{
  padding: 62px 0 !important;
}

/* alternanza sfondo */
.fl-voip-page .fl-voip-intro,
.fl-voip-page .fl-voip-np,
.fl-voip-page .fl-voip-benefits{
  background:#f5f7fa;
}
.fl-voip-page .fl-voip-highlights,
.fl-voip-page .fl-voip-advanced{
  background:#fff;
}

/* Titoli sezione */
.fl-voip-page .fl-voip-intro .sppb-addon-title,
.fl-voip-page .fl-voip-highlights .sppb-addon-title,
.fl-voip-page .fl-voip-np .sppb-addon-title,
.fl-voip-page .fl-voip-advanced .sppb-addon-title,
.fl-voip-page .fl-voip-benefits .sppb-addon-title{
  font-weight: 900 !important;
  color:#14181c !important;
}

/* Intro: immagine */
.fl-voip-page .fl-voip-intro .fl-voip-intro-img img{
  width: 100%;
  height: auto;
  display:block;
  border-radius: 16px;
  border: 1px solid #dbe2ea;
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
}

/* ---------- CARD / BOX STYLE (riusabile) ---------- */
.fl-voip-page .fl-voip-card,
.fl-voip-page .fl-voip-np .sppb-addon,
.fl-voip-page .fl-voip-advanced .sppb-addon,
.fl-voip-page .fl-voip-benefits .sppb-addon{
  background:#fff;
  border:1px solid #dbe2ea;
  border-radius: 16px;
  box-shadow: 0 10px 22px rgba(0,0,0,.05);
  padding: 18px 18px;
}

/* Titolo box */
.fl-voip-page .fl-voip-highlights h3,
.fl-voip-page .fl-voip-np h3,
.fl-voip-page .fl-voip-advanced h3,
.fl-voip-page .fl-voip-benefits h3{
  font-size: 18x !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
  margin: 0 0 8px !important;
  color:#14181c !important;
}

/* Testi box */
.fl-voip-page .fl-voip-highlights p,
.fl-voip-page .fl-voip-np p,
.fl-voip-page .fl-voip-advanced p,
.fl-voip-page .fl-voip-benefits p{
  color:#6b7785 !important;
  font-size: 14.5px !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

/* Spaziatura griglie (PageBuilder a volte “schiaccia”) */
.fl-voip-page .fl-voip-highlights .sppb-row,
.fl-voip-page .fl-voip-np .sppb-row,
.fl-voip-page .fl-voip-advanced .sppb-row,
.fl-voip-page .fl-voip-benefits .sppb-row{
  row-gap: 18px;
}

/* ---------- CTA ---------- */
.fl-voip-page .fl-voip-cta{
  padding: 54px 0 !important;
  background:#fff;
}

.fl-voip-page .fl-voip-cta .sppb-row-container{
  background:#f5f7fa;
  border: 1px solid #dbe2ea;
  border-radius: 999px;
  padding: 18px 22px;
}

.fl-voip-page .fl-voip-cta p{
  margin: 0 !important;
  font-size: 16px !important;
  color:#14181c !important;
  font-weight: 700;
}

.fl-voip-page .fl-voip-cta .sppb-button-wrapper{
  display:flex;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
}

.fl-voip-page .fl-voip-cta .fl-voip-cta-btn,
.fl-voip-page .fl-voip-cta .sppb-btn{
  background:#1c5676 !important;
  border:0 !important;
  color:#fff !important;
  border-radius: 12px !important;
  padding: 10px 18px !important;
  font-weight: 900 !important;
  text-transform: none !important;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px){
  .fl-voip-page .fl-voip-hero{ padding: 70px 0 56px !important; }
  .fl-voip-page .fl-voip-hero .sppb-addon-title{ font-size: 34px !important; }
  .fl-voip-page .fl-voip-cta .sppb-row-container{
    border-radius: 18px;
  }
  .fl-voip-page .fl-voip-cta .sppb-button-wrapper{
    justify-content: flex-start;
    margin-top: 10px;
  }
}


/* VOIP CTA - centra il pulsante */
.fl-voip-page .fl-voip-cta .sppb-button-wrapper{
  display:flex !important;
  justify-content: center !important;
  align-items: center;
}



/* ===========================
   E-FAX (SERVIZI) - PAGE CSS
   Page Class: fl-efax-page
   =========================== */

.fl-efax-page h1,
.fl-efax-page h2,
.fl-efax-page h3{
  font-weight: 600;
}

.fl-efax-page p{
  line-height: 1.7;
}

/* HERO */
.fl-efax-hero{
  padding: 120px 0;
  text-align: center;
 /* background: #0f172a; */
  background: #123a52;
  color: #fff;
  background-image: linear-gradient(#f2c13f,#f2c13f); /*barra gialla*/
  background-size: 100% 6px;
  background-repeat: no-repeat;
  background-position: left bottom;
}
.fl-efax-hero h1{
  font-size: 44px;
  margin-bottom: 18px;
}
.fl-efax-hero p{
  font-size: 20px;
  opacity: .9;
  margin: 0 auto;
  max-width: 880px;
}

/* INTRO */
.fl-efax-intro{
  padding: 90px 0;
}
.fl-efax-intro h2{
  margin-bottom: 14px;
}
.fl-efax-intro .sppb-addon-single-image img{
  border-radius: 14px;
  box-shadow: 0 12px 34px rgba(0,0,0,.08);
}

/* BENEFITS */
.fl-efax-benefits{
  padding: 90px 0;
  background: #f8fafc;
}
.fl-efax-benefits .sppb-row > div{
  padding: 12px;
}
.fl-efax-benefits .sppb-column{
  background: #fff;
  border-radius: 14px;
  padding: 32px;
  text-align: center;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  transition: .25s ease;
  height: 100%;
}
.fl-efax-benefits .sppb-column:hover{
  transform: translateY(-6px);
}
.fl-efax-benefits h3{
  font-size: 20px;
  margin-bottom: 10px;
}

/* OPS */
.fl-efax-ops{
  padding: 90px 0;
  background: #f8fafc;
}
.fl-efax-ops .sppb-row > div{
  padding: 12px;
}
.fl-efax-ops .sppb-column{
  background: #fff;
  border-radius: 14px;
  padding: 32px;
  text-align: center;
  box-shadow: 0 10px 30px rgba(0,0,0,.05);
  height: 100%;
}
.fl-efax-ops h3{
  font-size: 20px;
  margin-bottom: 10px;
}

/* ADVANCED */
.fl-efax-advanced{
  padding: 90px 0;
  background: #f8fafc;
}
.fl-efax-advanced .sppb-column{
  background: #fff;
  border-radius: 14px;
  padding: 34px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  height: 100%;
}
.fl-efax-advanced h3{
  font-size: 20px;
  margin-bottom: 10px;
}

/* CTA */
.fl-efax-cta{
  padding: 100px 0;
  background: #0f172a;
  color: #fff;
  text-align: center;
}
.fl-efax-cta h2{
  margin-bottom: 10px;
}
.fl-efax-cta p{
  max-width: 820px;
  margin: 0 auto;
  opacity: .9;
}
.fl-efax-cta .sppb-button-wrapper{
  display: flex;
  justify-content: center;
  margin-top: 26px;
}
.fl-efax-cta .sppb-btn{
  padding: 14px 40px;
  border-radius: 30px;
  font-size: 16px;
}

/* Responsive */
@media (max-width: 992px){
  .fl-efax-hero{
    padding: 90px 0;
  }
  .fl-efax-hero h1{
    font-size: 34px;
  }
}



/* ==============================
   CENTRALINO VIRTUALE (PBX) - PAGE
   Page Class: fl-pbx-page
   ============================== */

.fl-pbx-page h1,
.fl-pbx-page h2,
.fl-pbx-page h3{ font-weight: 600; }

.fl-pbx-page p{ line-height: 1.7; }

/* HERO */
.fl-pbx-hero{
  padding: 120px 0;
  text-align: center;
 /* background: #0f172a; */
  background: #123a52;
  color: #fff;
  background-image: linear-gradient(#f2c13f,#f2c13f); /*barra gialla*/
  background-size: 100% 6px;
  background-repeat: no-repeat;
  background-position: left bottom;
}
.fl-pbx-hero h1{ font-size: 44px; margin-bottom: 16px; }
.fl-pbx-hero p{
  font-size: 20px;
  opacity: .9;
  max-width: 900px;
  margin: 0 auto;
}

/* INTRO */
.fl-pbx-intro{ padding: 90px 0; }
.fl-pbx-intro .sppb-addon-single-image img{
  border-radius: 14px;
  box-shadow: 0 12px 34px rgba(0,0,0,.08);
}

/* BENEFITS GRID */
.fl-pbx-benefits{
  padding: 90px 0;
  background: #f8fafc;
}
.fl-pbx-benefits .sppb-row > div{ padding: 12px; }
.fl-pbx-benefits .sppb-column{
  background: #fff;
  border-radius: 14px;
  padding: 32px;
  text-align: center;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  transition: .25s ease;
  height: 100%;
}
.fl-pbx-benefits .sppb-column:hover{ transform: translateY(-6px); }
.fl-pbx-benefits h3{ font-size: 20px; margin-bottom: 10px; }

/* FEATURES */
.fl-pbx-features{ padding: 90px 0; }
.fl-pbx-features ul{
  margin: 14px 0 0;
  padding-left: 18px;
}
.fl-pbx-features li{ margin: 8px 0; }
.fl-pbx-features .sppb-addon-single-image img{
  border-radius: 14px;
  box-shadow: 0 12px 34px rgba(0,0,0,.08);
}

/* SECURITY */
.fl-pbx-security{
  padding: 90px 0;
  background: #f8fafc;
}
.fl-pbx-security .sppb-column{
  background: #fff;
  border-radius: 14px;
  padding: 40px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
}

/* CTA */
.fl-pbx-cta{
  padding: 100px 0;
  background: #0f172a;
  color: #fff;
  text-align: center;
}
.fl-pbx-cta p{
  max-width: 820px;
  margin: 0 auto;
  opacity: .9;
}
.fl-pbx-cta .sppb-button-wrapper{
  display: flex;
  justify-content: center;
  margin-top: 26px;
}
.fl-pbx-cta .sppb-btn{
  padding: 14px 40px;
  border-radius: 30px;
  font-size: 16px;
}

/* Responsive */
@media (max-width: 992px){
  .fl-pbx-hero{ padding: 90px 0; }
  .fl-pbx-hero h1{ font-size: 34px; }
}  



/* ==============================
   FIRMA DIGITALE - CNS - SPID - PEC
   Page Class: fl-id-page
   ============================== */

.fl-id-page h1,
.fl-id-page h2,
.fl-id-page h3{ font-weight: 600; }

.fl-id-page p{ line-height: 1.7; }

/* HERO */
.fl-id-hero{
  padding: 120px 0;
  text-align: center;
/*  background: #0f172a; */
  background: #123a52;
  color: #fff;
  background-image: linear-gradient(#f2c13f,#f2c13f); /*barra gialla*/
  background-size: 100% 6px;
  background-repeat: no-repeat;
  background-position: left bottom;
}
.fl-id-hero h1{ font-size: 42px; margin-bottom: 14px; }
.fl-id-hero p{
  font-size: 20px;
  opacity: .9;
  max-width: 980px;
  margin: 0 auto;
}

/* INTRO */
.fl-id-intro{ padding: 90px 0; }
.fl-id-intro .sppb-addon-single-image img{
  border-radius: 14px;
  box-shadow: 0 12px 34px rgba(0,0,0,.08);
}

/* OVERVIEW */
.fl-id-overview{
  padding: 90px 0;
  background: #f8fafc;
}
.fl-id-overview .sppb-row > div{ padding: 12px; }
.fl-id-overview .sppb-column{
  background: #fff;
  border-radius: 14px;
  padding: 28px;
  text-align: center;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  transition: .25s ease;
  height: 100%;
}
.fl-id-overview .sppb-column:hover{ transform: translateY(-6px); }
.fl-id-overview h3{ font-size: 18px; margin-bottom: 8px; }

/* FIRMA DIGITALE */
.fl-id-sign{ padding: 90px 0; }
.fl-id-sign .sppb-addon-single-image img{
  border-radius: 14px;
  box-shadow: 0 12px 34px rgba(0,0,0,.08);
}

/* SPID */
.fl-id-spid{
  padding: 90px 0;
  background: #f8fafc;
}
.fl-id-spid .sppb-addon-single-image img{
  border-radius: 14px;
  box-shadow: 0 12px 34px rgba(0,0,0,.08);
}

/* PEC */
.fl-id-pec{ padding: 90px 0; }
.fl-id-pec .sppb-addon-single-image img{
  border-radius: 14px;
  box-shadow: 0 12px 34px rgba(0,0,0,.08);
}
.fl-id-pec .fl-id-pec-note{
  background: #f8fafc;
  border-radius: 14px;
  padding: 18px 18px;
  margin-top: 14px;
}

/* CTA */
.fl-id-cta{
  padding: 100px 0;
  background: #0f172a;
  color: #fff;
  text-align: center;
}
.fl-id-cta p{
  max-width: 820px;
  margin: 0 auto;
  opacity: .9;
}
.fl-id-cta .sppb-button-wrapper{
  display: flex;
  justify-content: center;
  margin-top: 26px;
}
.fl-id-cta .sppb-btn{
  padding: 14px 40px;
  border-radius: 30px;
  font-size: 16px;
}

/* Responsive */
@media (max-width: 992px){
  .fl-id-hero{ padding: 90px 0; }
  .fl-id-hero h1{ font-size: 32px; }
}




/* ==============================
   ANTIVIRUS (Firewall) - Fastlines
   Page Class: fl-av-page
   ============================== */

.fl-av-page h1,
.fl-av-page h2,
.fl-av-page h3{ font-weight: 600; }

.fl-av-page p{ line-height: 1.7; }

/* HERO */
.fl-av-hero{
  padding: 120px 0;
  text-align: center;
 /* background: #0f172a; */
  background: #123a52;
  color: #fff;
  background-image: linear-gradient(#f2c13f,#f2c13f); /*barra gialla*/
  background-size: 100% 6px;
  background-repeat: no-repeat;
  background-position: left bottom;
}
.fl-av-hero h1{ font-size: 42px; margin-bottom: 14px; }
.fl-av-hero p{
  font-size: 20px;
  opacity: .9;
  max-width: 980px;
  margin: 0 auto;
}

/* INTRO */
.fl-av-intro{ padding: 90px 0; }
.fl-av-intro .sppb-addon-single-image img{
  border-radius: 14px;
  box-shadow: 0 12px 34px rgba(0,0,0,.08);
}

/* HOW (3 box) */
.fl-av-how{
  padding: 90px 0;
  background: #f8fafc;
}
.fl-av-how .sppb-row > div{ padding: 12px; }
.fl-av-how .sppb-column{
  background: #fff;
  border-radius: 14px;
  padding: 28px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  height: 100%;
  transition: .25s ease;
}
.fl-av-how .sppb-column:hover{ transform: translateY(-6px); }
.fl-av-how h3{ font-size: 18px; margin-bottom: 8px; }

/* FEATURES */
.fl-av-features{ padding: 90px 0; }
.fl-av-features ul{ margin: 0; padding-left: 18px; }
.fl-av-features li{ margin: 8px 0; }
.fl-av-features .sppb-addon-single-image img{
  border-radius: 14px;
  box-shadow: 0 12px 34px rgba(0,0,0,.08);
}

/* BENEFITS */
.fl-av-benefits{
  padding: 90px 0;
  background: #f8fafc;
}
.fl-av-benefits .sppb-row > div{ padding: 12px; }
.fl-av-benefits .sppb-column{
  background: #fff;
  border-radius: 14px;
  padding: 28px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  height: 100%;
  transition: .25s ease;
}
.fl-av-benefits .sppb-column:hover{ transform: translateY(-6px); }
.fl-av-benefits h3{ font-size: 18px; margin-bottom: 8px; }

/* CTA */
.fl-av-cta{
  padding: 100px 0;
  background: #0f172a;
  color: #fff;
  text-align: center;
}
.fl-av-cta p{
  max-width: 820px;
  margin: 0 auto;
  opacity: .9;
}
.fl-av-cta .sppb-button-wrapper{
  display: flex;
  justify-content: center;
  margin-top: 26px;
}
.fl-av-cta .sppb-btn{
  padding: 14px 40px;
  border-radius: 30px;
  font-size: 16px;
}

/* Responsive */
@media (max-width: 992px){
  .fl-av-hero{ padding: 90px 0; }
  .fl-av-hero h1{ font-size: 32px; }
}



/* ==============================
   IOT - Fastlines
   Page Class: fl-iot-page
   ============================== */

.fl-iot-page h1,
.fl-iot-page h2,
.fl-iot-page h3{ font-weight: 600; }

.fl-iot-page p{ line-height: 1.7; }

/* HERO */
.fl-iot-hero{
  padding: 120px 0;
  text-align: center;
 /* background: #0f172a; */
  background: #123a52;
  color: #fff;
  background-image: linear-gradient(#f2c13f,#f2c13f); /*barra gialla*/
  background-size: 100% 6px;
  background-repeat: no-repeat;
  0background-position: left bottom;
}
.fl-iot-hero h1{ font-size: 40px; margin-bottom: 14px; }
.fl-iot-hero p{
  font-size: 20px;
  opacity: .9;
  max-width: 980px;
  margin: 0 auto;
}

/* INTRO */
.fl-iot-intro{ padding: 90px 0; }
.fl-iot-intro .sppb-addon-single-image img{
  border-radius: 14px;
  box-shadow: 0 12px 34px rgba(0,0,0,.08);
}

/* PILLS */
.fl-iot-pills{ padding: 10px 0 70px; }
.fl-iot-pill-row{
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}
.fl-iot-pill{
  display: inline-flex;
  align-items: center;
  padding: 10px 16px;
  border-radius: 999px;
  background: #f1f5f9;
  border: 1px solid rgba(15,23,42,.08);
  font-weight: 600;
  font-size: 14px;
}

/* USE CASES */
.fl-iot-usecases{
  padding: 90px 0;
  background: #f8fafc;
}
.fl-iot-usecases h2{
  text-align: center;
  margin-bottom: 26px;
}

/* Card container (apply class on each column) */
.fl-iot-card{
  background: #fff;
  border-radius: 14px;
  padding: 18px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  height: 100%;
  transition: .25s ease;
}
.fl-iot-card:hover{ transform: translateY(-6px); }

.fl-iot-card .sppb-addon-single-image img{
  border-radius: 12px;
  width: 100%;
  height: auto;
  margin-bottom: 14px;
}

.fl-iot-card h3{
  font-size: 18px;
  margin: 8px 0 8px;
}

.fl-iot-card p{ margin: 0; opacity: .95; }

/* CTA */
.fl-iot-cta{
  padding: 100px 0;
  background: #0f172a;
  color: #fff;
  text-align: center;
}
.fl-iot-cta p{
  max-width: 860px;
  margin: 0 auto;
  opacity: .9;
}
.fl-iot-cta .sppb-button-wrapper{
  display: flex;
  justify-content: center;
  margin-top: 26px;
}
.fl-iot-cta .sppb-btn{
  padding: 14px 40px;
  border-radius: 30px;
  font-size: 16px;
}

/* Responsive */
@media (max-width: 992px){
  .fl-iot-hero{ padding: 90px 0; }
  .fl-iot-hero h1{ font-size: 30px; }
}