/*destinazioni*/

/* .bloccoDestinazione {
  height: 280px;
} */

.sezioni:hover {
  text-decoration: none !important;
}

.paragrafo-destinazioni {
  color: black !important;
  padding-right: 20%;
  margin-top: 20px; 
  margin-bottom: 20px; 
}

.paragrafo-destinazioni2 {
  color: black !important;
  margin-bottom: 20px; 
  margin-top: 20px; 
  padding-left: 20%;
}

.imgDestinazioni {
  width: 50px !important;
  height: auto;
  z-index: 999;
}

.imgDestinazioni2 {
  width: auto;
  height: 50px !important;
  z-index: 999;
  
}

#contenitore_percorso .paragrafoPercorso{
  max-width: 600px;
}

.percorsoMetodo{
  width: 100%;
}

.bloccoPercorso{
  min-height: 100px !important;
}

.bloccoPercorso .elementor-widget-container{
  height: auto !important;
  margin: 0px !important;
  padding: 100px 0px !important;
  min-height: 0 !important;
}

.bloccoPercorso > *{
  padding: 0px !important;
  display: block !important;
}

.cls-1 {
  fill: none;
  stroke-dasharray: 20;
  stroke-miterlimit: 10;
  stroke-width: 5px ;
  /* Imposta la linea tratteggiata */
  transition: stroke-dashoffset 0.1s linear;
}

.cls-12 {
  fill: none;
  /* stroke-dasharray: 20; */
  stroke-miterlimit: 10;
  stroke-width: 5px; 
  /* Imposta la linea tratteggiata */
  transition: stroke-dashoffset 0.1s linear;
}

.sezioni img {
  transition: transform 1s;
}
.rotate {
  transform: rotate(360deg);
}


#imgReputation{
  margin-right: 6px; 
}
#imgConversioni{
  margin-right: 6px; 
}

#imgFidelizzazione{
  margin-left: 6px; 
}

#imgVisibilita{
  margin-left: 6px;
}

.bloccoDestinazione4{
  height: auto !important;
}

@media(min-width: 990px){
  .imgDestinazioni{
    width: 50px !important;
    height: auto !important;
  }
  .imgDestinazioni2{
    width: 50px !important;
    height: auto !important;
  }
}

.svg-container{
  min-height: 0px;
  overflow: hidden;
  padding-right: 22px; 
  padding-left: 22px; 
  width: 100%; 
  
}
.svg-container-alt{
  min-height: 100px;
  overflow: hidden;
  padding-right: 22px; 
  padding-left: 22px; 
  width: 100%; 
}

.svg-container{
  margin-bottom: -7px;
  max-height: 0px;
  min-width: 350px;
}

.svg-container.svg{
  overflow: hidden;
  vertical-align: middle;
  border: solid;
  height: 100%;
  width: 100%;
  padding-left: 22px; /* dare in js img/2 */
  padding-right: 22px;
}
.container-sezione{
  display: flex; 
  align-items: flex-start;
  opacity: 0;
  transition: opacity 0.5s;
  min-width: 350px;
}
.sezioni .container-sezione img{
 max-width: 60px;
}

/*************/

#percorso, #tratteggio{
  position: absolute; 
  width: calc(100% - 45px);
}

#percorso_reverse, #tratteggio_reverse{
  position: absolute; 
  width: calc(100% - 45px);

}

#percorso2, #tratteggio2{
  position: absolute; 
  width: calc(100% - 45px);
}

@media(min-width: 990px){
  #percorso, #percorso2, #tratteggio, #tratteggio2{
    width: calc(100% - 125px);
  transform: translateX(40px);
  }
  #percorso_reverse, #tratteggio_reverse{
    width: calc(100% - 125px);
    transform: translateX(40px);
  }
}

@media(min-width: 450px){
  .cls-1, .cls-12{
    stroke-width: 3px !important;
  }
}

@media(max-width: 449px){
  .cls-1, .cls-12{
    stroke-width: 5px !important;
  }
}

.intro-destinazioni-container{
  margin-bottom: 40px; 
  padding-bottom: 40px; 
  padding-left: 10px; 
  padding-right: 10px;
}

.elementor-1254 .elementor-element.elementor-element-7f8bd41:not(.elementor-motion-effects-element-type-background), .elementor-1254 .elementor-element.elementor-element-7f8bd41 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-position: top center !important; 
}


#immagine_percorso{margin-top:100px; animation: linear 0.4s; transition: linear 0.4s}