.eleventh {
    position: relative;
  }
  .containerContact {
      display: flex;
      flex-direction: column;
      align-items: center;
      height: 100vh;
      width: 100%;         /* prende tutta la larghezza disponibile */
      max-width: 100%;     /* impedisce di sbordare */
    }
    .footerInfo{
      margin-top: 5%;
      padding-bottom: 10px;
    }
    .firstBlock6 {
      display: flex;
      justify-content: center;
    }
    .boxText {
      display: flex;
      flex-flow: row wrap;
      gap: 10%;
      margin-top: 10%;
      width: 80vw;
      z-index: 2;
    }
    .textContact{
      color: rgb(255, 255, 255);
      font-size: 14pt;
      text-align: left;
      font-weight: 500;
      width: 200px;
    }
    .news {
      display: flex;
      flex-direction: row;
    }
    /* .mySlides6 {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    } 
    
    .lineDot6 {
      position: absolute;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      top: 88%;
      left: 90%;
      z-index: 6;
    }
    
    .dot6 {
      cursor: pointer;
      height: 10px;
      width: 10px;
      margin: 2px 2px;
      background-color: #bbb;
      border-radius: 50%;
      display: inline-block;
      transition: background-color 0.6s ease;
    }
    
    .activeDot6, .dot6:hover {
      background-color: #717171;
    }*/
    
    .slopeBegin6 {
      background: linear-gradient(to right, rgb(91, 187, 190) 0%, rgb(98, 255, 138)100%);
      clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
    }
    
    .slopeEnd6 {
      clip-path: polygon(70% 0, 90% 0, 81% 100%, 61% 100%);
    }
    
    .slopeBegin6,
    .slopeEnd6 {
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 0;
    }
    
    .svgfrecciaR6 {
      cursor: pointer;
      transform: rotate(90deg) scale(2);
      margin-left: 25px;
    }
    
    .mailText {
        cursor: pointer;
        color: rgb(68, 68, 175);;
        padding: 3px;
        border-radius: 5px;
        border-style: solid;
        border-color: rgb(68, 68, 175);;       
    }

    .mailText:hover {  
      color: white;
      padding: 3px;
      border-radius: 5px;
      background: rgb(68, 68, 175);       
    }
    .mailText:hover a {  
      color: white;
      /* padding: 3px; */ 
      background: rgb(68, 68, 175);     
    }
    
    .sendMail {
      transition: transform 2s;
    }
    .sendMail:hover {
      transform: translateX(20px);
    }

    a {text-decoration: none;}
  
    .imageContact {
      /* The image used */
      background-image: url("../images/contattiGmaps.jpg");
      /* Full height */
      width: 100%;
      height: 100%;
      /* Center and scale the image nicely */
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      z-index: 1;  
      }

        /* telefoni normali e tablet piccoli */
    @media (min-width: 360px) and (max-width: 411px) {
      .containerContact {
        height: 160vh;
      }
    }

    /* tablet grandi e laptop medi */
    @media (min-width: 412px) and (max-width: 1250px) {
      .containerContact {
        height: 120vh;
      }
    }
/*       @media only screen and (min-width: 375px){
        .lineDot6 {
          left: 76%;
        }
      }  
      @media only screen and (min-width: 768px) {
        .lineDot6 {
          left: 86%;
        }
      } 
      @media only screen and (min-width: 992px) {
        .lineDot6 {
          left: 90%;
        }
      } 
      @media only screen and (min-height: 768px) {
        .lineDot6 {
          top: 92%;
        }
      }  */