h1 {
  background: linear-gradient(180deg, var(--themeht-primary-color2) 60%, var( --themeht-primary-color) 64%, var( --themeht-primary-color3) 66%);
background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

/*--------------------------
     riquadri
---------------------------*/

#tecnologie {
    margin-top: 100px;
    margin-bottom: 80px;
}

.info-item {
    display: flex;
    align-items: flex-start;
    gap: 10px; /* Distanza tra icona e testo */
    margin-bottom: 10px;
  }
  
  .info-item i {
    flex-shrink: 0; /* Evita che l'icona si ridimensioni */
    font-size: 1.2rem; /* Dimensione dell'icona */
  }
  
  .info-item p {
    margin: 0; /* Evita margini indesiderati */
  }

  /*--------------------------
       botone preventivo
---------------------------*/

#preventivo {
    display: block;
    width: fit-content;
    margin: 0 auto;
    margin-bottom: 100px;
  }

  .image-container img {
    margin-top: -300px;
    margin-right: -600px;
  }

/*--------------------------
      immagine responsiva
---------------------------*/
  
  /* Per schermi medio-piccoli (tablet, mobile) */
  @media (max-width: 1200px) {
    .image-container img {
      margin-top: -600px;  /* Riduci il margine superiore */
      margin-right: -500px; /* Riduci il margine a destra */
    }
  }
  
  /* Per schermi piccoli (mobile) */
  @media (max-width: 576px) {
    .image-container img {
      margin-top: -50px; /* Ancora più ridotto per mobile */
      margin-right: -100px; /* Ancora più ridotto per mobile */
    }
  }

  @media (max-width: 992px) {
    .image-container img {
      display: none;
    }
  }

/*--------------------------
      gradiente tecnologia
---------------------------*/

.grediant-tecnologie {background: linear-gradient(180deg, var( --themeht-primary-color2) -25%, var(--themeht-primary-color) 10%, var( --themeht-primary-color3) 30%,  var( --themeht-primary-color) 70%, var( --themeht-primary-color2) 105%);}