/* IPlanet Framework */

/* Import Font del sito */
@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&display=swap');

/* Variabili di Root */
:root{
    --bianco:white;
    --grigio:#585858;
    --grigio-chiaro:#F3F3F3;
    --verde:#018183;
    --ottanio:#018183;
    --gradiente-arancio: linear-gradient(270deg,   #FFF008,#FF8000);
    --gradiente-arancio-90: linear-gradient(90deg,   #FFF008,#FF8000);
    --gradiente-logo: linear-gradient(50deg,#00ADD9,#47ED0F);;

    --font: "Geologica", sans-serif;

    --maxwidth: 1440px;
    --smallwidth:1164px;
    --fontsize: 16px;
    --padding: 20px;
    --distanza-header: 39px;

    /* RADIUS */
    --ds-radius:60px 60px 0px 200px;

}
.lista-valori-bl-verde .img-icona img{height: 62px;width: 98px;}
.testo-foglia img{height: 50px;
    margin-left: -20px;}
/* RESET CSS*/
body, html{ box-sizing: border-box;margin: 0;padding: 0;}
*,*:before,*:after{ box-sizing: border-box; }
h1,h2,h3{color: var(--verde);}
h1,h2,h3,h4,h5,h6, p, ol, ul{margin: 0;padding: 0;}
ol,ul{list-style-type: none;}
img{height: auto;}
a{text-decoration: none;}
hr{border:none; border-bottom: 1px solid #ddd}
.menu{margin-bottom:0px;}

/* TITOLI*/
.titolo-0{font-size:5rem;}
h1,.titolo-1{font-size: 3.4rem;font-weight:400;}
h2,.titolo-2{font-size: 2.42rem;font-weight:300;}
h3,.titolo-3{font-size: 1.5rem;}
h4,.titolo-4{font-size: 1.2rem;}
p{font-size:1rem;}
h1,h2,h3,h4,p,1l,ol{
    margin-bottom:1rem;
}

/* agile privacy */
#myagileprivacy_text_wrapper, .myagileprivacy_text_wrapper {margin-top:30px;font-family:var(--font);}
#myagileprivacy_text_wrapper p{
	margin-bottom:10px;font-family:var(--font);
}

/* GRIGLIE */
.grid{display:flex;flex-wrap:wrap;margin: 0 auto;width:100%;}
.space-grid{column-gap: 2rem;row-gap:2rem;flex-wrap: nowrap;    justify-content: center;}
.grid--small{max-width:960px;}

.col-5{width:5%;}
.col-10{width:10%;}
.col-15{width:15%;}
.col-20{width:20%;}
.col-25{width:25%;}
.col-30{width:30%;}
.col-33{width:33.33%;}
.col-35{width:35%;}
.col-40{width:40%;}
.col-45{width:45%;}
.col-50{width:50%;}
.col-55{width:55%;}
.col-60{width:60%;}
.col-65{width:65%;}
.col-66{width:66.66%;}
.col-70{width:70%;}
.col-75{width:75%;}
.col-80{width:80%;}
.col-85{width:85%;}
.col-90{width:90%;}
.col-95{width:95%;}
.col-100{width:100%;}

@media (max-width:768px) {
    [class*='col-']{width:100%;}
    .sma-25{width:25%;}
    .sma-33{width:33.33%;}
    .sma-50{width:50%;}
}

/* helpers */

.txt-center{text-align:center;}
.txt-left{text-align:left;}
.txt-right{text-align:right;}
.txt-justify{text-align: justify;}

.mt-0{margin-top: 0;}
.mt-1{margin-top: 1rem;}
.mt-2{margin-top: 2rem;}
.mt-3{margin-top: 3rem;}
.mt-4{margin-top: 4rem;}
.mt-5{margin-top: 5rem;}
.mt-6{margin-top: 6rem;}

.mt-meno-1{margin-top: -1rem;}
.mt-meno-2{margin-top: -2rem;}
.mt-meno-3{margin-top: -3rem;}

.mb-0{margin-bottom: 0;}
.mb-1{margin-bottom: 1rem;}
.mb-2{margin-bottom: 2rem;}
.mb-3{margin-bottom: 3rem;}
.mb-4{margin-bottom: 4rem;}
.mb-5{margin-bottom: 5rem;}
.mb-6{margin-bottom: 6rem;}
.mb-7{margin-bottom: 7rem;}
.mb-8{margin-bottom: 8rem;}

.pr-o{padding-right: 0;}
.pr-1{padding-right: 1rem;}
.pr-2{padding-right: 2rem;}
.pr-3{padding-right: 3rem;}
.pr-4{padding-right: 4rem;}
.pr-5{padding-right: 5rem;}
.pr-6{padding-right: 6rem;}
.pr-7{padding-right: 7rem;}
.pr-8{padding-right: 8rem;}

.pl-o{padding-left: 0;}
.pl-1{padding-left: 1rem;}
.pl-2{padding-left: 2rem;}
.pl-3{padding-left: 3rem;}
.pl-4{padding-left: 4rem;}
.pl-5{padding-left: 5rem;}
.pl-6{padding-left: 6rem;}
.pl-7{padding-left: 7rem;}
.pl-8{padding-left: 8rem;}

.p-1{padding: 1rem;}
.p-0{padding: 0;}
.p-2{padding: 2rem;}
.p-3{padding: 3rem;}
.p-4{padding: 4rem;}
.p-5{padding: 5rem;}
.p-6{padding: 6rem;}
.p-7{padding: 7rem;}
.p-8{padding: 8rem;}

.flex-column{display: flex;flex-direction: column;}
.flex-row{display: flex;flex-direction: row;}

/* BANNER COOKIE */
#my-agile-privacy-notification-area a{
    cursor: pointer !important;
}
#my-agile-privacy-notification-area .map_notification-message.map_flex{line-height: 20px !important;}
#my-agile-privacy-notification-area{
color: white !important;
    border-radius: 60px 0px !important;
    font-size: 12px !important;
    line-height: 15px !important;
    bottom: 3vh;
    background: var(--grigio-chiaro) !important;
    color: var(--verde) !important;
    display: block;}
#my-agile-privacy-notification-area .map-button,
#my-agile-privacy-notification-area .map-button.map-button-style.map-reject-button{
        background: var(--gradiente-arancio) !important;
        color: var(--grigio) !important;
}
#my-agile-privacy-notification-content{padding: 30px !important;}
#my-agile-privacy-notification-area .map-reject-button{background: transparent !important;}



/* GENERALE */
html {
    scroll-behavior: smooth;
}

.wpml-ls-statics-footer,.otgs-development-site-front-end{display: none}
body{
    background: var(--bianco);
    font-family: var(--font);
    font-size: var(--fontsize);
    font-weight: 400;
    box-sizing: border-box;
    color: var(--grigio);
    overflow-x: hidden;
}
.content-wrapper {
    position: relative; /* Rende il wrapper un riferimento per il posizionamento assoluto */
    padding: var(--padding); /* Applica il padding qui */
    max-width: var(--maxwidth);
    margin: 0 auto; /* Per centrare il contenuto */
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
.container-small{
    max-width: var(--smallwidth);
    margin:0 auto;
    width: 100%;
}
.container-roadmap{
    width: 100%;
    overflow: hidden;
    margin-left: calc((100vw - var(--smallwidth)) / 2);
    transition: margin-left 0.3s ease; 
}
.container-roadmap.scrolling {
    margin-left: 0;
    width: 100vw;
    margin-right: calc((100vw - var(--smallwidth)) / -2);
}
.container-full-width {
    position: relative; /* Mantiene il posizionamento relativo per consentire l'allineamento */
    width: 100vw; /* Imposta la larghezza al 100% della viewport */
    margin-left: calc(50% - 50vw); /* Compensa la centratura del contenitore */
    margin-right: calc(50% - 50vw);
    border-top: 1px solid #5858584D;
    border-bottom: 1px solid #5858584D;
    overflow-x: hidden; /* Nasconde eventuali contenuti fuoriusciti */
}
.largo-roadmap{
    position: relative; /* Mantiene il posizionamento relativo per consentire l'allineamento */
    width: 100vw; /* Imposta la larghezza al 100% della viewport */
    margin-left: calc(50% - 50vw); /* Compensa la centratura del contenitore */
    margin-right: calc(50% - 50vw);
    overflow-x: hidden; /* Nasconde eventuali contenuti fuoriusciti */
    background: var(--grigio-chiaro);
    padding: 60px 0px 0px 0px;
    margin-top: 30px;
}
.linea-larga{
    position: relative; /* Mantiene il posizionamento relativo per consentire l'allineamento */
    width: 100vw; /* Imposta la larghezza al 100% della viewport */
    margin-left: calc(50% - 50vw); /* Compensa la centratura del contenitore */
    margin-right: calc(50% - 50vw);
    border-top: 1px solid #5858584D;
    overflow-x: hidden; /* Nasconde eventuali contenuti fuoriusciti */
}

.container-full-width .content-wrapper{
    padding-top: 0px;
    padding-bottom: 0px;
}
.largo-roadmap-vertical{
    position: relative; /* Mantiene il posizionamento relativo per consentire l'allineamento */
    width: 100vw; /* Imposta la larghezza al 100% della viewport */
    margin-left: calc(50% - 50vw); /* Compensa la centratura del contenitore */
    margin-right: calc(50% - 50vw);
    background: var(--grigio-chiaro);
    overflow-x: hidden; /* Nasconde eventuali contenuti fuoriusciti */
}
.content-metodi-di-pagamento{
    position: relative; /* Mantiene il posizionamento relativo per consentire l'allineamento */
    width: 100vw; /* Imposta la larghezza al 100% della viewport */
    margin-left: calc(50% - 50vw); /* Compensa la centratura del contenitore */
    margin-right: calc(50% - 50vw);
    overflow-x: hidden; /* Nasconde eventuali contenuti fuoriusciti */
    background: var(--grigio-chiaro);
    margin-top: 30px;
    padding-top: 90px;
    padding-bottom: 90px;
}
.content-stazione-futuro{
    position: relative; /* Mantiene il posizionamento relativo per consentire l'allineamento */
    width: 100vw; /* Imposta la larghezza al 100% della viewport */
    margin-left: calc(50% - 50vw); /* Compensa la centratura del contenitore */
    margin-right: calc(50% - 50vw);
    overflow-x: hidden; /* Nasconde eventuali contenuti fuoriusciti */
    background: linear-gradient(50deg,#00ADD9,#47ED0F80);
    margin-top: 30px;
    padding-top: 75px;
    padding-bottom: 67px;
}
.testo-verde{
    color:var(--verde);
    font-weight: 300;
}


/* BOTTONI */
.btn-oro{
    padding:13px 39.5px 14px 39.5px;
    background: var(--gradiente-arancio);
    border-radius: 100px;
    color: var(--grigio);
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    align-content: center;
    cursor: pointer;
}


/* EFFETTO LINK */
.link {
  position: relative;
  display: inline-block;
  color: inherit;
  text-decoration: none;}

.link:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background-color: currentColor; /* Usa currentColor per ereditare il colore del testo */
    transition: width 0.8s ease; 
  }

.link:hover::after {
    width: 100%; // Espande la linea su tutta la larghezza del testo
  }

/* EFFETTO BOTTONE */
.btn-scale{transition: transform .9s ease;}
.btn-scale:hover{transform: scale(0.9);}


/* HEADER */
header{
    position: absolute;
    top: 44px; /* Posiziona rispetto al wrapper */
    left: 0;
    width: calc(100% - 2 * var(--padding) - 2 * var(--distanza-header)); /* Sottrai il padding dai lati */
    margin-left: calc(var(--padding) + var(--distanza-header));
    height: 80px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: stretch;
    z-index: 999;
}
.logo{
    width: 203px;
    background: var(--gradiente-logo);
    border-radius:60px 0px;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.language-selector{
    width: 203px;
}

.hero{
    min-height: 411px;
    background-color: black;
    border-radius: var(--ds-radius);
}

.hero-header{
    height: 411px;
    border-radius: var(--ds-radius);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding-left: 118px;
    padding-bottom: 144px;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
.hero-header h1{
    font-style: italic;
    color: white;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 61px;
}

.hero-header-app{
    height: 616px;
    border-radius: var(--ds-radius);
    background: linear-gradient(90deg,#FFF008,#FF8000);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding-left: 118px;
    padding-bottom: 118px;
    padding-right: 118px;
    margin-bottom: 60px;
}
.content-header-app{
        display: flex;
    width: 100%;
    height: 100%;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
}
.hero-header-app h1{
    font-style: italic;
    color: var(--grigio);
    font-weight: 300;
    text-transform: uppercase;
    font-size: 61px;
    line-height: 61px;
}

.testo-hero-header-app {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 572px;
}

.testo-hero-header-app p{
    font-size:31px;
    margin-bottom: 20px;
}
.bottoni-hero-header-app {
    display: flex;
    flex-direction: row;
    gap: 40px;
}
.bottoni-hero-header-app img {
    border-radius: 100px;
    height: 48px;
}
.immagine-hero-header-app img{
    filter: drop-shadow(0px 13px 28px rgba(0, 0, 0, 0.1))
          drop-shadow(0px 50px 50px rgba(0, 0, 0, 0.09))
          drop-shadow(0px 113px 68px rgba(0, 0, 0, 0.05))
          drop-shadow(0px 201px 81px rgba(0, 0, 0, 0.01))
          drop-shadow(0px 314px 88px rgba(0, 0, 0, 0));
    margin-bottom: -29px;
    max-width: 457px;
}

/* FOOTER */
footer{
    width: 100%;
}
footer p, footer a{
    font-size: 12.8px;
    line-height: 16px;
    color:var(--grigio);
}
footer a{
    text-transform: uppercase;
}

footer hr{height: 1px;color:#5858584D;}
footer .grid{padding: 30px 0px;}
.logo-footer img{width:118px;}
.titolo-footer{font-size:16px;text-transform: uppercase;color:var(--grigio);font-weight: 500;margin-bottom:25px;}
.footer-menu{font-size:12.8px; color:var(--grigio);line-height: 24px;}

.canali{
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: stretch;
    justify-content: flex-start;
    gap: 20px;
}

.canali .pulsanti {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 5px;
}

.canali .pulsanti img{
    border-radius:60px;
    height: 30px;
}


.footer-copyright{
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}


.btn-up{
        display: flex;
    flex-direction: row;
    align-items: center;
}

/* BLOCCO VERDE PRE-FOOTER */
.blocco-verde{
    margin-top:30px;
    margin-bottom:30px;
    border-radius:0px 200px 0px 200px;
    padding:124px 85px;
    background: linear-gradient(60deg, #50EE11,#FFFF33);
    max-height: 572px;
}
.testo-bl-verde{
    justify-content: space-between;
    height: 100%;
}
.testo-bl-verde .titolo{
    text-transform: uppercase;
    font-style: italic;
}
.testo-bl-verde .testo-e-btn{
    justify-content: space-between;
    align-content: flex-start;
    gap: 20px;
    max-width: 690px;
    align-items: flex-start;
}

.testo-bl-verde .testo-e-btn p{
    color:var(--verde);
}

.testo-bl-verde .sottotitolo{
    color: var(--verde);
    font-size: 25px;
    font-weight: 600;
}
.lista-valori-bl-verde{
    max-width: 401px;
    gap:45px;
}


.lista-valori-bl-verde .img-icona{
    position: relative;
}
.lista-valori-bl-verde .img-icona .ico{
    position: absolute;
    top: 14.12px;
    left: 36.55px;
}

.lista-valori-bl-verde h3{
    font-size: 1rem;
}

.lista-valori-bl-verde .dettaglio-valore{
        align-items: center;
    justify-content: flex-start;
    gap: 20px;
}
}
.lista-valori-bl-verde .dettaglio-valore .testo{
    gap:10px;
    max-width: 283px;
}
.lista-valori-bl-verde .dettaglio-valore .testo .descrizione{
    color:var(--verde);
    font-weight: 300;
}

/* BLOCCO DOWNLOAD APP */
.blocco-app{
    background: var(--grigio-chiaro);
    border-radius: 200px 0px 200px 0px;
    margin-top:30px;
    margin-bottom: 30px;
}

.blocco-app .img-blocco-app{
    border-radius: 200px 0px 200px 0px;
    background: var(--gradiente-arancio-90);
    padding:44.51px 93.44px 59.48px 83.21px;
}
.blocco-app .img-blocco-app img{
    max-width: 457px;
    filter: drop-shadow(0px 13px 28px rgba(0, 0, 0, 0.1))
            drop-shadow(0px 50px 50px rgba(0, 0, 0, 0.09))
            drop-shadow(0px 113px 68px rgba(0, 0, 0, 0.05))
            drop-shadow(0px 201px 81px rgba(0, 0, 0, 0.01))
            drop-shadow(0px 315px 88px rgba(0, 0, 0, 0));
}

.blocco-app .blocco-app-testo{
    padding:82.74px 60px 84.26px 60px;
    gap:10px;
    align-items: flex-start;
    justify-content: space-between;
}

.blocco-app .blocco-app-testo .titolo{
    text-transform: uppercase;
    font-style: italic;
    font-weight: 300;
    color:var(--grigio);
}
.blocco-app .blocco-app-testo p{
    margin-bottom: 30px;
    font-weight: 300;
}

/* BLOCCO TARIFFE */

.blocco-tariffe{
    background: var(--grigio-chiaro);
    border-radius: 0px 200px 0px 200px;
    margin-top:30px;
    margin-bottom: 30px;
}
.blocco-tariffe .img-blocco-tariffe{
    height: 100%;
    min-height:458px;
    border-radius: 0px 200px 0px 200px;
    width: 100%;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
}

.blocco-tariffe .blocco-tariffe-testo{
    padding:113.19px 60px 112.48px 60px;
    gap:10px;
    align-items: flex-start;
    justify-content: space-between;
}

.blocco-tariffe .blocco-tariffe-testo .titolo{
    text-transform: uppercase;
    font-style: italic;
    font-weight: 300;
    color:var(--grigio);
}
.blocco-tariffe .blocco-tariffe-testo p{
    margin-bottom: 30px;
    font-weight: 300;
}
.blocco-tariffe .blocco-tariffe-testo p.sottotitolo{
    margin-top:-10px;
    margin-bottom: 0px;
    font-weight: 400;
    font-size: 25px;
    font-style: italic;
}

/* TESTO SEMPLICE */
.testo-semplice h2 {
    color:var(--grigio);
    font-style: italic;
    margin-bottom: 20px;
}
.testo-semplice p{
    line-height: 20px;
    font-weight: 300;
}

/* BLOCCO ULTRAFAST */
.blocco-ultrafast{
    height: 399px;
    border-radius: 200px 0px 300px 0px;
    background: linear-gradient(200deg, #50EE11,#FFFF33);
    margin-top: 30px;
    padding:67.38px 65px;
    margin-right: 50px;
}

.blocco-ultrafast .blocco-ultrafast-testo{
    padding:0px 60px;
    align-items: flex-start;
    justify-content: space-between;
    gap:10px;
    color:var(--verde);
}

.blocco-ultrafast .blocco-ultrafast-testo h2{
    font-style: italic;
}
.blocco-ultrafast .blocco-ultrafast-testo .sottotitolo{
    font-size:25px;
}

.blocco-ultrafast .blocco-ultrafast-testo .btn-oro{
    margin-top:30px;
}
.img-blocco-ultrafast {
    position: relative;
}
.img-blocco-ultrafast img{
    position: absolute;
    top: -67.38px;
    right: calc(0px - 50px - 65px);
}


/* SLIDER */

.home .swiper-container {
    width: 100%;
    overflow: hidden; /* Nasconde le slide non visibili */
    position: relative;
}

.home .swiper-slide {
    background-size: cover !important;
    background-position: center;
    background-repeat: no-repeat !important;
    height: 860px !important; /* Regola l'altezza secondo necessità */
    border-radius: var(--ds-radius);
    display: flex !important;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    align-content: flex-start;
    padding-bottom: 146px;
    padding-left: 118px;

}


.home .slide-content {
    text-align: left;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    max-width: 655px;
    color: white;
}
.home .slide-content h2{
    color: white;
    font-style: italic;
    text-transform: uppercase;
    font-size: 61px;
}
.home .slide-content h3{
    font-size: 31.25px;
    line-height: 37.5px;
    font-style: italic;
    color: white;
    font-weight: 300;
}

.home .slide-content .btn-oro{
    margin-top:30px;
}


.home .swiper-pagination {
    position: absolute;
    bottom: 46px !important; /* Distanza dal fondo del contenitore */
    right: 40px !important; /* Distanza dal lato destro del contenitore */
    text-align: right !important; /* Allinea i puntini a destra */
    padding-right: 40px !important;
}

.home .swiper-pagination-bullet {
    background: white !important; /* Colore dei puntini */
    opacity: 0.5; /* Opacità dei puntini non attivi */
    transition: opacity 0.3s; /* Transizione per l'opacità */
    width: 10px !important;
    height: 10px !important;
}

.home .swiper-pagination-bullet-active {
    opacity: 1; /* Opacità completa per il puntino attivo */
    background: white !important;
    width: 30px !important;
    height: 10px !important;
    border-radius: 20px !important;
}

/* BLOCCO LIFESTYLE */
.blocco-lifestyle{
    
    padding: 60px 0px;
}


.blocco-lifestyle h2{
    font-style: italic;
    text-transform: uppercase;
    font-size: 61px;
    color: var(--grigio);
}

.blocco-lifestyle-alto{
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    gap:37px;
}
.blocco-lifestyle-alto .testo-blocco-lifestyle{
    max-width: 927px;
}

.blocco-lifestyle .ultimi-3-articoli{
    display: flex;
    flex-direction: row;
    margin-top: 60px;
    gap: 20px;
}
.blocco-lifestyle .anteprima-articolo {
    gap:20px;
    align-items: flex-start;
}

.blocco-lifestyle .anteprima-articolo .immagine-in-evidenza{
    width: 100%;
    border-radius: 0px 100px 0px 100px;
    height: 258px;
    overflow: hidden;
}
.blocco-lifestyle .anteprima-articolo .immagine-in-evidenza-2{
    border-radius: 100px 0px 100px 0px;
}
.blocco-lifestyle .anteprima-articolo .immagine-in-evidenza img{
    width: 100%;
    height: 100%;
    object-fit: cover; /* Mantiene il rapporto d'aspetto e riempie il contenitore */
}
.blocco-lifestyle .anteprima-articolo h3{
    font-size: 25px;
    line-height: 31px;
    color:var(--grigio);
    font-weight: 500;
}

.blocco-lifestyle .anteprima-articolo .link-semplice{
    color:var(--ottanio);
    font-size: 12px;
}

/* PAGINA CONTATTI */
.blocco-numero-verde{
    display: flex;
    flex-direction: row;
    border-radius: 200px 0px 200px 0px;
    background-color: var(--grigio);
    height: 340px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.blocco-numero-verde .titolo-numero-verde{
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    align-items: flex-start;
    margin-left: 118px;
}

.blocco-numero-verde .titolo-numero-verde h2{
    max-width: 572px;
    color: white;
    font-style: italic;
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 100;
}

.sezione-numero-verde{
    height: 100%;
    border-radius: 0px 0px 200px 0px;
    background: linear-gradient(250deg, #50EE11,#FFFF33);
        display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.int-sezione-numero-verde{
    max-width: 339px;
    color: var(--ottanio);
    gap: 20px;
    align-items: center;
    justify-content: space-between;
}
.dett-numero-verde{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.dett-numero-verde p{font-size: 40px;font-weight: 500}
.indicazioni-numero-verde{
    margin-top: 20px;
    font-weight: 300;
}
.icona-verde{
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 20px;
}
.icona-verde img{
    height: 80px;
}
.blocco-form-di-contatto{
    padding:60px 118px 118px 118px;
    background-color: #f3f3f3;
    border-radius: 0px 200px 0px 200px;
}
.blocco-form-di-contatto h2{
    color: var(--grigio);
    font-style: italic;
    margin-bottom: 20px;
}
.blocco-form-di-contatto p{
    margin-bottom: 20px;
}
.blocco-form-di-contatto .container-small{
    margin-bottom:30px;
}
/* FORM */
.campo-mezzo-d{
    margin-right:10px;
}
.campo-mezzo-s{
    margin-left:10px;
}
.wpcf7{
    margin-top: 30px;
}
.blocco-form-di-contatto .wpcf7 p{margin-bottom:0px;}
.wpcf7 .col-50{
    margin-bottom: 60px;
}

.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap select{
    width: 100%;
    padding: 20px;
    outline: none;
    font-size: 16px;
    box-sizing: border-box;
    height: 60px;
    color: var(--grigio);
    background: #e8e8e8;
    border: none;
    font-weight: 300;
    font-family: "Geologica", sans-serif;
}

.wpcf7-form-control-wrap input[type="checkbox" i]{
    height:30px;
    width:30px;
    margin-right:0;
    padding: 0;
    font-family: "Geologica", sans-serif;
}

.wpcf7-list-item{
    margin:0px;
}

.wpcf7-form-control-wrap textarea{
    width: 100%;
    padding: 20px;
    outline: none;
    font-size: 16px;
    box-sizing: border-box;
    height: auto;
    color: var(--grigio);
    background: #e8e8e8;
    border: none;
    font-weight: 300;
    font-family: "Geologica", sans-serif;
}

.wpcf7-form-control.wpcf7-submit.has-spinner{
    font-weight: 300;
    height:50px;
    color: var(--primario);
    background: transparent;
    font-size:1rem; background: var(--primario);color:var(--bianco); padding: 15px 25px; display: inline-block;font-weight:600;
}

.wpcf7-list-item label {
    display: flex;
    align-items: center; /* Allinea verticalmente il checkbox e il testo */
}

.wpcf7-list-item-label {
    margin-left: 5px; /* Aggiunge uno spazio tra il checkbox e il testo */
}
.wpcf7 button{border:none;}
.btn-form{
    width: 100%;
    display: flex;
    flex-direction: row;
        align-content: center;
    align-items: center;
    justify-content: flex-end;
    margin-top:53px;
    margin-bottom: 30px;
}
.wpcf7-list-item-label {
    font-size: 20px;
    color: var(--grigio);
    opacity: 0.3;
    font-weight: 100;
    margin-left: 27px;
}

/* Stile per il checkbox di accettazione */
.campo-acceptance {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    border: 1px solid var(--grigio) !important;
    background-color: #d3d3d3;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    margin-right: 5px;
}

/* Stile per quando il checkbox è selezionato */
.campo-acceptance:checked {
    background: linear-gradient(270deg, #FFF008, #FF8000);
    border-color: transparent;
}

/* Crea il segno di spunta quando selezionato */
.campo-acceptance:checked:after {
    position: absolute;
    left: 5px;
    top: 2px;
    width: 3px;
    height: 8px;
    font-size: 20px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* Hover effect */
.campo-acceptance:hover {
    border-color: var(--grigio);
}

/* Focus state per accessibilità */
.campo-acceptance:focus {
    outline-offset: 2px;
}

/* CHI SIAMO */



.blocco-futuro{
    background: white;
    border-radius: 200px 0px 200px 0px;
    margin-top:30px;
    margin-bottom: 30px;
}
.blocco-futuro .img-blocco-futuro{
    height: 100%;
    min-height:458px;
    border-radius: 200px 0px 200px 0px;
    width: 100%;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
}

.blocco-futuro .blocco-futuro-testo{
    padding:117px 60px 117px 60px;
    gap:10px;
    align-items: flex-start;
    justify-content: space-between;
}

.blocco-futuro .blocco-futuro-testo .titolo{
    text-transform: uppercase;
    font-style: italic;
    font-weight: 300;
    color:var(--verde);
}
.blocco-futuro .blocco-futuro-testo p{
    font-weight: 300;
    line-height: 20px;
    color: var(--verde);
}


.chi-siamo-start{
    margin-top:30px;
}

.img-1-chi-siamo-start{
    padding: 148px 0px 175px 219px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    border-radius: 200px 0px 0px 0px;
}

.titolo-chi-siamo-start{
    background: var(--ottanio);
    height: 227px;
    border-radius: 81px 0px 0px 0px;
    padding: 65px 60px 70px 60px;
    color: white;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.titolo-chi-siamo-start h2{
    color: white;
    text-transform: uppercase;
    font-weight: 300;
    font-style: italic;
}
.blocco-destra-chi-siamo-start-uno{
    height: 250px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    border-radius: 0px 0px 200px 2px;
}
.blocco-destra-chi-siamo-start-due{
    padding: 76px 70px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
}
.blocco-destra-chi-siamo-start-due p{
    max-width: 454px;
}

.page-template-iplanet .blocco-ultrafast{
    margin-bottom: 30px;
}

.page-template-iplanet .testo-semplice{
    margin-top: 30px;
}

.blocco-video{
    padding-top: 52px;
    padding-bottom:60px;
    display: flex;
    flex-direction: column;
        align-items: center;
}

.blocco-brand{
    margin-bottom: 60px;
}
.blocco-brand .grid{
    gap:20px;
    flex-wrap: nowrap;
}
.blocco-sinistra-brand{
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-end;
}

.blocco-sinistra-brand .foglia-verde{
    padding: 134px 118px;
    background: linear-gradient(50deg,#FFFF33,#50EE11);
    border-radius: 0px 200px 0px 200px;
}
.blocco-sinistra-brand .foglia-verde p{
    color: var(--verde);
}
.blocco-sinistra-brand .img-foglia-piccola{
    width: 527px;
    border-radius: 200px 0px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    height: 252px;

}
.blocco-destra-brand{
    background: var(--grigio-chiaro);
    border-radius: 200px 0px;
    padding: 145px 118px;
    gap: 10px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;

}
.blocco-destra-brand 42{
    margin-bottom:20px;
}
.blocco-destra-brand h2{
    font-style: italic;
    color: var(--grigio);
    text-transform: uppercase;
}

.blocco-valori{
    padding-top:70px;
    padding-bottom:34px;
}
.blocco-valori .container-small{width: 100%;}
.blocco-valori h2{
    color:var(--grigio);
    font-style: italic;
    text-transform: uppercase;
    font-size: 61px;
}
.sottotitolo-valori{
    font-size: 31px;
}

.foglie{
    margin-top: 47px;
}
.foglie .grid{
    flex-wrap: nowrap;
    gap:20px;
    margin-bottom: 20px;
}

.foglia{
    width: 100%;
    height: 318px;
    display: flex;
    flex-direction: column;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: center;
    padding: 0px 118px;
}
.testo-foglia{
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    gap: 10px;
    align-items: flex-start;
}
.testo-foglia h3{
    font-size: 31px;
    font-style: italic;
    text-transform: uppercase;
    color: var(--grigio);
    font-weight: 300;
}
.testo-foglia img{
    height: 50px;
}
.grigia-0-2{
    background: var(--grigio-chiaro);
    border-radius: 0px 200px;

}
.grigia-2-0{
    background: var(--grigio-chiaro);
    border-radius: 200px 0px;
}
.foglia:hover{
    background: linear-gradient(50deg,#FFFF33,#50EE11);
    color: var(--verde);
}
.foglia:hover h3{
    color: var(--verde);
}
.foglia:hover svg path{
    fill: var(--ottanio);
}
.icon-grigia {
  display: block; /* Mostra l'icona grigia di base */
}

.icon-verde {
  display: none; /* Nasconde l'icona verde */

}

.foglia:hover .icon-grigia {
  display: none; /* Nasconde l'icona grigia al passaggio del mouse */
}

.foglia:hover .icon-verde {
  display: block; /* Mostra l'icona verde al passaggio del mouse */
}

.presidente{
    padding:60px 0px;
    display: flex;
    flex-direction: row;
    gap: 50px;
}
.img-presidente {
    width: 335px;
    height: 290px;
    border-radius: 100px 0px;
    background-size: cover !important;
    background-position: center !important;
    filter: grayscale(100%);
}
.testo-presidente{
    max-width: 749px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
}
.testo-presidente h2{
    color: var(--grigio);
    font-style: italic;

}

/* TEAM */
.linea-team-member{
    padding-top: 60px;
    padding-bottom: 60px;
}
.team-member{
    display: flex;
    flex-direction: row;
    gap: 20px;
}
.img-team-member {
    width: 217px;
    height: 189px;
    border-radius: 0px 60px;
    background-size: cover !important;
    background-position: center 5px !important;
    background-repeat: no-repeat !important;
    filter: grayscale(100%) brightness(90%) contrast(120%);
    background-blend-mode: multiply; /* moltiplica i colori */
        background-color: #f1f1f1 !important;
}


.testo-team-member{
    max-width: 335px;
    padding: 0px 40px;
    gap: 10px;
    display: flex;
    flex-direction: column;
}

.testo-team-member h2{
    font-size: 25px;
    color: var(--grigio);
    font-weight: 500;
}
.testo-team-member p{
    color: var(--grigio);
}
.skill-list {
    list-style: none;
    padding-left: 5px; /* rientro generale della lista */
    font-size: 16px;
    font-weight: 300;
}

.skill-list li, .testo-presidente li {
    position: relative;
    padding-left: 20px; /* spazio per il punto + distanza dal testo */
    margin-bottom: 10px; /* distanza tra i li */
}

.skill-list li:before, .testo-presidente li:before {
    content: "•";
    color: var(--grigio);
    position: absolute;
    left: 5px; /* rientro del punto */
    top: 0;
}

/* rimuove il margin-bottom dall'ultimo li */
.skill-list li:last-child,, .testo-presidente li:last-child {
    margin-bottom: 0;
}

/* ROADMAP */
.largo-roadmap .testo-semplice {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
}
.largo-roadmap .testo-semplice h2{
    text-transform: uppercase;
    font-size: 61px;
    margin-bottom: 0px;
}
.largo-roadmap .testo-semplice p{
    margin-bottom: 10px;
}

/* LE NOSTRE TARIFFE */
.page-template-nostre-tariffe .testo-semplice{margin-top: 60px;}
.page-template-nostre-tariffe .testo-semplice h2{line-height: 46px;}
.page-template-nostre-tariffe .blocco-tariffe {margin-top: 60px;}

.faq-container{margin-top: 56px; display:flex
;
    flex-direction: column;
    align-items: flex-start;}
.faq-container h2{text-transform: uppercase;font-style: italic;color:var(--grigio);
font-size: 61px;margin-bottom: 20px;}

.faq-item {
    margin-bottom: 20px;
    width: 100%;
}

.faq-question {
    padding: 45px 0px;
    cursor: pointer;
    position: relative;
    display: flex;
    justify-content: space-between;
    font-size: 25px;
    font-style: italic;
    align-items: center;
}

.faq-toggle {
    font-size: 20px;
    transition: transform 0.3s ease;
    font-style: normal;
}

.faq-question.active .faq-toggle {
    transform: rotate(45deg);
    font-style: normal;
}

.faq-answer {
    padding: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
}

.faq-answer.active {
    padding: 0px 0px 30px 0px;
    max-height: 1000px;
    font-weight: 300;
}

/* TARIFFE */
.page-template-tariffe .testo-semplice{margin-top: 60px;}
.page-template-tariffe .testo-semplice h2{line-height: 46px;}

.blocco-app-verde{padding:94px 0px;display: flex;flex-direction: column;
background: linear-gradient(60deg,#00ADD9,#47ED0F80);
border-radius: 0px 200px;justify-content: center;
    align-items: center;
    align-content: center;
    margin-top: 60px;
    margin-bottom: 30px;
}
.blocco-app-verde-int{
    display: flex
;
    flex-direction: row;
    max-width: 858px;
    justify-content: space-between;
    align-content: center;
    align-items: stretch;
    gap: 119px;
}
.content-blocco-app-verde p{
    font-style: italic;
    font-size: 39px;
    line-height: 46px;
    color: var(--ottanio);
}
.img-blocco-app-verde img{width: 206px;filter: drop-shadow(0px 6px 13px #0000001A)
          drop-shadow(0px 24px 24px #00000017)drop-shadow(0px 53px 32px #0000000D)drop-shadow(0px 94px 38px #0000000D)drop-shadow(0px 147px 41px #00000000);}
.btn-blocco-app-verde{display: flex;flex-direction: row;gap: 40px;margin-top: 20px;}
.btn-blocco-app-verde img{    border-radius: 100px;
    height: 48px;}

.note-aggiuntive{
    font-weight: 300;
    margin-bottom: 30px;
}
.dettaglio-ricarica{
        display: flex
;
    padding: 60px 0px;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 950px;
    margin: auto;
}
.blocco-dettaglio-ricarica{
    width: 375px;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: flex-start;
}

.blocco-dettaglio-ricarica img{
    width: 100%;
    border-radius: 0px 100px;
    margin-bottom: 36px;
}
.testo-blocco-dettaglio-ricarica{
        display: flex;
    flex-direction: row;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 1px solid #5858584D;
    margin-bottom: 20px;
}
.testo-blocco-dettaglio-ricarica H3{
    font-size: 25px;
    color: var(--grigio);
    font-weight: 300;
    margin-bottom: 10px;
}
.testo-blocco-dettaglio-ricarica p{
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 20px;
}
.badge-blocco-dettaglio-ricarica{
    width: 67px;
    height: 39px;
    border-radius: 10px;
    padding: 10px 20px;
}
.appx .badge-blocco-dettaglio-ricarica{
    color: var(--grigio);
    background: linear-gradient(60deg,#FFF008,#FF8000);
}
.posx .badge-blocco-dettaglio-ricarica{
    color: var(--verde);
    background: linear-gradient(60deg,#50EE11,#FFFF33);
}

.repeater-blocco-dettaglio-ricarica{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
.tariffa-item{
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    padding: 20px 40px;
    border-radius: 10px;
    align-items: center;
}
.tariffa-item .titolo-tariffa{
    color: var(--grigio);
    font-size: 25px;
    text-align: center;
    font-weight: 400;
}
.tariffa-item .sottotitolo_tariffa{
    color: var(--grigio);
    font-size: 14px;
    font-weight: 200;
    text-align: center;
}
.appx .tariffa-item{
    background: linear-gradient(60deg,#FFF008,#FF8000);
}
.posx .tariffa-item{
    background: linear-gradient(60deg,#50EE11,#FFFF33);
}
.posx .tariffa-item .titolo-tariffa{
    color: var(--verde);
}
.posx .tariffa-item .sottotitolo_tariffa{
    color: var(--verde);
}
.scarica-pdf{
    text-align: center;
    margin-bottom: 60px;
}
.scarica-pdf p, .scarica-pdf a{
    color: var(--verde);
}
.page-template-scarica-app .container-small.testo-semplice{margin-bottom: 50px;}


.blocco-istruzioni{margin-top: 60px;}
.blocco-istruzioni h2{
    text-transform: uppercase;
}
.blocco-istruzioni p{
    font-size: 25px;
    line-height: 30px;
}

.scroll-down-btn {
    position: absolute;
    bottom: 46px;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
    display: flex;
    z-index: 10;
    flex-direction: column;
    align-items: center;
    color: white;
    font-weight: 300;
}

.scroll-down-btn img {
    width: 40px; /* dimensiona come preferisci */
    height: auto;
}


.blocco-istruzioni .blocco-app{
    background: var(--grigio-chiaro);
    border-radius: 200px 0px 200px 0px;
    width: 928px;
    height: 393px;
    margin-top: 0px;
}

.blocco-istruzioni .blocco-app img{
    height: 300px;
}

.blocco-istruzioni .blocco-app .img-blocco-app{
    border-radius: 200px 0px 200px 0px;
    background: linear-gradient(90deg,#FFFF33,#50EE11);
    padding: 33px 149px;
    height: 393px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.blocco-istruzioni .blocco-app .img-blocco-app img{
    filter: drop-shadow(0px 5px 11px rgba(0, 0, 0, 0.01))
            drop-shadow(0px 10px 10px rgba(0, 0, 0, 0.09))
            drop-shadow(0px 26px 23px rgba(0, 0, 0, 0.05))
            drop-shadow(0px 104px 31px rgba(0, 0, 0, 0.01))
            drop-shadow(0px 10px 37px rgba(0, 0, 0, 0));
}
.blocco-istruzioni .blocco-app .blocco-app-testo{
    padding: 60px;
    gap: 10px;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
}

.blocco-istruzioni .blocco-app .blocco-app-testo .titolo{
    text-transform: none;
    font-style: italic;
    font-weight: 300;
    color: var(--grigio);
    font-size: 25px;
}

.blocco-istruzioni .blocco-app .blocco-app-testo p{
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
}

/* Nuovi stili per Swiper */

.istruzioni-swiper {
    width: 100%;
    overflow: hidden;
    padding: 20px 0;
}

.slide-blocco-istruzioni {
    width: 100%;
    display: flex;
    justify-content: center;
}

.swiper-container {
    width: 928px;
    position: relative;
}

.swiper-wrapper {
    width: 100%; /* Rimuovi la larghezza fissa */
    display: flex;
    align-items: center;
}

.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%; /* Rimuovi la larghezza fissa */
}

.swiper-pagination {
    position: relative;
    margin-top: 30px;
}

.swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
    background: var(--grigio-chiaro);
    opacity: 1;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--grigio) !important; 
    width: 30px !important;
    border-radius: 10px !important;
}
.sezione-servizi{margin-top: 60px;}
.sezione-servizi h2{font-size: 61px;text-transform: uppercase;}
.sezione-servizi .testo-e-pulsante{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;gap:20px;}
.sezione-servizi .testo-solo{
    max-width: 809px;
}
.blocchi-servizi-3 {
    display: flex;
    flex-direction: row;
    gap: 20px;
    margin-top: 60px;
} 
.blocco-servizio{
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    padding: 64px 40px;
    height: 407px;
    width: 375px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    color: white;
    gap: 30px;
}
.round-a{border-radius: 0px 100px}
.round-b{border-radius: 100px 0px}

.blocco-servizio h3{
    color: white;
    font-size: 39px;
    line-height: 46px;
    font-weight: 300;
    font-style: italic;
    text-transform: uppercase;
    height: 94px;
}
.blocco-servizio p{
    font-size: 25px;
    line-height: 30px;
    font-weight: 500;
}

.column{}
.btn-roadmap {display: flex;flex-direction: column;padding: 0px 30px;    align-items: flex-start;}


.page-template-servizi .testo-semplice{margin-top: 60px;}


.page-template-servizi .content-stazione-futuro{
    position: relative; /* Mantiene il posizionamento relativo per consentire l'allineamento */
    width: 100vw; /* Imposta la larghezza al 100% della viewport */
    margin-left: calc(50% - 50vw); /* Compensa la centratura del contenitore */
    margin-right: calc(50% - 50vw);
    overflow-x: hidden; /* Nasconde eventuali contenuti fuoriusciti */
    background: linear-gradient(90deg,#FFFF33,#50EE11);
    margin-top: 30px;
    padding-top: 75px;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.blocco-servizi-aggiuntivi h2{
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 10px;
    font-style: italic;
}
.blocco-servizi-aggiuntivi p{color: var(--verde);}
.listing-servizi-aggiuntivi .grid{    justify-content: space-between;}
.listing-servizi-aggiuntivi{margin-top: 60px}
.servizio-aggiuntivo{
    width: 374px;
    height: 280px;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border-radius: 0px 80px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap:10px;
    color: white !important;
    margin-bottom: 20px;
}
.servizio-aggiuntivo h3, .servizio-aggiuntivo p{color: white;}
.servizio-aggiuntivo h3{font-weight: 400;}
.servizio-aggiuntivo .sfondo{
    width: 124px;
}
.servizio-aggiuntivo .img-icona{
    position: relative;
    margin-bottom: 20px;
}
.servizio-aggiuntivo .img-icona .ico{
    position: absolute;
    top: 20px;
    left: 36.55px;
}
.scheda-sicurezza{
        display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    color: var(--verde);
}
.listing-servizi .blocco-tariffe{
    height: 493px;
    max-height: 493px;
}
.listing-servizi .blocco-tariffe .img-blocco-tariffe{
    min-height: 493px;
}
.listing-servizi .blocco-tariffe .blocco-tariffe-testo {
    padding: 84px 60px;
    gap: 20px;
    align-items: flex-start;
    justify-content: space-between;
}

.listing-servizi .blocco-tariffe .flex-row-reverse .blocco-tariffe-testo{
        align-items: flex-end;
        text-align: right;
}
.flex-row-reverse .scheda-sicurezza img {
    order: 2; /* Sposta l'immagine dopo il testo */
}
.listing-servizi .img-icona {
    position: relative;
    margin-bottom: 20px;
}
.listing-servizi .img-icona .ico {
    position: absolute;
    top: 18px;
    left: 42px;
}
.mostra-piu-container{
        display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.mostra-piu-btn{
    background: transparent;
    cursor: pointer;
    border: none;
    font-size: 25px;
    color: var(--verde);
}

.blocco-green .blocco-app{
    background: linear-gradient(45deg,#FFFF33,#50EE11);
}
.blocco-green .blocco-app .blocco-app-testo{
    padding: 100px 60px;
}
.blocco-green .blocco-app .blocco-app-testo h2{font-size: 39px;}
.blocco-green .blocco-app .blocco-app-testo h2,.blocco-green .blocco-app .blocco-app-testo p{color: var(--verde);}
.blocco-green .blocco-app .blocco-app-testo p{margin-bottom: 0px;}

.blocco-green .img-blocco-app{
    height: 100%;
    background-size: 200% !important;
    background-position: center 30% !important;
    background-position-x: 44% !important;
}
.testo-blocco-metodi-pagamento h2{
    text-transform: uppercase;
    color: var(--grigio);
    margin-bottom: 20px;
}
.metodi-blocco-metodi-pagamento{
    height: 100%;
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: flex-end;
    justify-content: flex-end;
}
.blocco-ricarica-passi{
    padding: 60px 0px;
}
.blocco-ricarica-passi h2{
    color: var(--grigio);
    text-transform: uppercase;
    font-style: italic;
}
.blocco-ricarica-passi .sottotitolo{
    font-size: 25px;
    line-height: 30px;
    color: var(--grigio);
}
.blocco-ricarica-passi .img-icona .sfondo{
    height: 100px;
    width: 156px;
    position: relative;
}
.blocco-ricarica-passi .img-icona .ico{
    position: absolute;
    bottom: 20px;
}
.sezione-4-passi {
    margin-top: 85px;
    display: flex;
    flex-direction: row;
    align-content: space-between;
    align-items: stretch;
}
.passo{
        display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    gap: 40px;
    padding: 0px 20px;
    border-right: 1px solid #5858584D;
}
.testo-passo{
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    gap: 10px;
    max-width: 280px;
    text-align: center;
}
.testo-passo h3{
    font-size: 25px;
    font-weight: 300;
    color: var(--grigio);
}
.passo-last{
    border-right: none;
}
.largo-roadmap-vertical{margin-top: 30px;}

.home ..testo-semplice{font-weight: 500;}

.largo-roadmap-vertical{padding: 80px 0px; !important}
.dett-numero-verde a{color: var(--verde);}

.colonnina-blocco{
    margin-top: 30px;
    background: var(--grigio-chiaro);
    padding: 160px 0px;
    border-radius: 200px 0px;
}
.colonnina-blocco h2{

}



.page-template-tariffe .hero-header{
    background-position: center center, center -140px !important;
}
.page-template-contatti .hero-header{
    background-position: center center, center -85px !important;
}
.mobile{display: none;}
/* Tablet in modalità orizzontale */
.qr{display: none;}

.blocco-brand{margin-top: 30px;}
.home .blocco-verde{margin-top: 0px;}

.custom-streamable-player {
        width: 100%;
        max-width: 960px;
        background: #000;
        border-radius: 0px 200px 0px 200px;
        overflow: hidden;
        position: relative;
    }

    .video-wrapper {
        position: relative;
        padding-bottom: 56.25%;
    }

    .video-player {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 0px 200px 0px 200px;
    }

    .play-overlay {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 80px;
        height: 80px;
        background: rgba(0, 0, 0, 0.6);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        opacity: 0;
        transition: opacity 0.3s;
        z-index: 2;
    }

    .video-paused .play-overlay {
        opacity: 1;
    }

    .play-overlay svg {
        width: 40px;
        height: 40px;
        fill: white;
    }

    .video-controls {
        position: absolute;
        bottom: 20px;
        left: 0;
        right: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1;
    }

    .progress-container {
        width: 60%;
        height: 4px;
        position: relative;
    }

    .progress {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-appearance: none;
        background: transparent;
        z-index: 2;
        cursor: pointer;
    }

    .progress::-webkit-slider-runnable-track {
        width: 100%;
        height: 1px;
        background: white;
    }

    .progress-filled {
        position: absolute;
        left: 0;
        bottom: -1px;
        height: 3px;
        background: linear-gradient(to right, #FFFF33, #50EE11);
        pointer-events: none;
        z-index: 4;
        border-radius: 10px;
    }

    .progress::-webkit-slider-thumb {
        -webkit-appearance: none;
        width: 0px;
        height: 0px;
        background: white;
        border-radius: 50%;
        margin-top: -5.5px;
        position: relative;
        z-index: 2;
    }

    .progress::-moz-range-track {
        width: 100%;
        height: 1px;
        background: white;
    }

    .progress::-moz-range-thumb {
        width: 0px;
        height: 0px;
        background: white;
        border: none;
        border-radius: 50%;
        position: relative;
        z-index: 2;
    }
.form-privacy{
   margin-bottom:2rem;
}
.hero-header .sottotitolo{
    color: white;
    font-size: 31px;
    font-style: italic;
}
..custom-streamable-player{max-width: 926px;}
.blocco-tariffe-testo .img-icona img{width: 125px;}
.banner-download-mobile{display: none;}
 .sezione-servizi .no-pc{display: flex;}
    .sezione-servizi .no-tel{display: none;}
    .tariffa-item .titolo-tariffa{font-size: 19px;}
.chi-siamo-tablet,.futuro-tablet,.ricarica-tablet{display: none;}
.largo-roadmap-mobile{display: none;}

.page-template-mappa-stazioni .container-small.testo-semplice{margin-top: 60px;}
.mese-road{width: 255px !important  ;}
.mese-road span{font-size: 12px;color: var(--ottanio);}
.below .mese-road {    margin-bottom: 10px;
    margin-top: -10px;}

.iframe-container {
    position: relative;
    overflow: hidden;
    margin-top: 60px;
    width: 100%;
    padding-top: 56.25%; /* Per aspect ratio 16:9 */
}

.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.blocco-app .img-blocco-app{height: 100%;}
.page-template-servizi .blocco-app.blocco-mappa{margin-top: 0px;}
.page-template-stazioni .blocco-app.blocco-mappa{margin-bottom: 0px;}
.blocco-app.blocco-mappa .img-blocco-app{background-position: center !important;background-size: cover !important;}

.legenda-mappa{
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 73px;
}
.legenda-mappa h2{
    color: var(--grigio);
    font-style: italic;
    font-size: 18px;
        line-height: 18px !important;
}
.pin-mappa{
    display: flex;
    flex-direction: row;
    gap: 20px;
}
.pin-mappa div{
        display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.pin-mappa img{
    height: 42px;
}


@media all and (min-width: 767px) and (max-width: 1300px) {
    .language-selector{display: none !important;}
    .blocco-app.blocco-mappa .col-55{width: 55%;}
    .blocco-app.blocco-mappa .col-45{width: 45%;}
    :root{--ds-radius:25px 25px 0px 150px;}
    .colonnina-blocco{border-radius: 80px 0px;}

    .largo-roadmap-mobile{display: none;}
    .tariffa-item .titolo-tariffa{font-size: 16px;}
    .chi-siamo-tablet,.futuro-tablet{display: flex;}.ricarica-tablet{display: flex;flex-direction: column;}
    .passo-last{border-right: 1px solid #5858584D}
    .chi-siamo-desktop,.futuro-desktop,.ricarica-desktop{display: none;}
    .hero-header .sottotitolo{font-size:28px;}
    .ricarica-tablet .swiper-pagination{bottom: -50px !important;}
    .ricarica-tablet .swiper-container{width: 100%;}
    .ricarica-tablet .passo{height: 100%;}
    .ricarica-tablet .container-small{padding: 0px 30px;}
    .blocco-ricarica-passi .img-icona .sfondo{height: 60px;}
    .titolo-chi-siamo-start p{font-size: 24px;}
    .blocco-destra-chi-siamo-start-due p{width: auto;max-width: 100%;}
    .blocco-destra-chi-siamo-start-due{padding: 60px 30px;}
    .blocco-destra-chi-siamo-start-uno{height: 100%;}
    .titolo-chi-siamo-start{height: auto;}
    .img-1-chi-siamo-start{padding: 86px 30px 100px 60px;}
    .titolo-chi-siamo-start{background: transparent;padding: 0px;}
    .chi-siamo-uno{display: flex;flex-direction: row;}
    .desktop{display: none;}
    .mobile{display: block;}
    .img-blocco-app{height: 100%;        display: flex
;
        flex-direction: column;
        align-items: center;
        justify-content: center;}
    .img-blocco-app img{width: 100%;}
    header{top: 20px;width: 100%;margin:0px;padding:0px 20px;}
    .language-selector{display: none;}
    .logo{width: 131px;border-radius: 25px 0px;height: 51px;}
    .logo img{width: 90px;}
    .home .swiper-slide {padding-left: 60px;padding-bottom:200px;padding-right: 60px;}
    .home .slide-content{max-width: 605px;}
    .blocco-tariffe .blocco-tariffe-testo {padding: 60px 30px;}
    .blocco-tariffe,.blocco-tariffe .img-blocco-tariffe{border-radius: 150px 0px;}
    .testo-semplice h2{font-size: 29px;line-height: 29px !important;}
    .testo-semplice p{font-size: 14px;}
    .testo-semplice {padding: 10px 30px;}
    .home .testo-semplice{margin-top:40px;}
    .blocco-app{border-radius: 150px 0px;}
    .blocco-app .img-blocco-app{border-radius: 150px 0px;padding: 48px 152px;}
    .blocco-app .blocco-app-testo{padding:60px 30px;}
    .home .blocco-app{margin-bottom:0px;}
    .blocco-verde{max-height: auto;padding: 100px 30px;max-height: 760px;border-radius: 0px 100px;}
    .blocco-verde .sottotitolo{margin-top: 40px;margin-bottom: 20px;}
    footer .col-25, footer .col-40, footer .col-10{width: 50%;}
    footer .col-25 {border-bottom: 1px solid #5858584D;padding-bottom:30px;}
    footer .col-40, footer .col-10{padding-top:30px;}
    .canali .pulsanti {gap:20px;}
    .menu-navigazione-footer .titolo-footer,.menu-social-footer .titolo-footer{display: none;}
    .footer-nav li{margin-bottom:20px;}
    .footer-nav li:last-child {margin-bottom:0px;}
    .hero-header{height: 400px;border-radius:25px 25px 0px 150px;
        display: flex;
        flex-direction: column;
        justify-content: center;padding:140px 40px;}
    .largo-roadmap .testo-semplice h2{font-size: 40px;}
    .blocco-ultrafast{margin-top: 30px !important;}
    .blocco-verde .col-65, .blocco-verde .col-35{width: 100%;}
    .btn-oro{font-size: 13px;}
    .content-stazione-futuro{background: linear-gradient(90deg,#00ADD9,#47ED0F);padding: 90px 10px;}
    .blocco-futuro{margin:0px;border-radius: 150px 0px;}
    .blocco-futuro .img-blocco-futuro{border-radius: 150px 0px;min-height: 447px;}
    .blocco-futuro .blocco-futuro-testo{padding: 60px 30px;}
    .container-roadmap{margin-left: 30px;}
    .timeline-horizontal-inner{padding-right: 200px;}
    .custom-streamable-player,.video-player{border-radius: 140px 0px !important}
    .blocco-brand .grid{flex-wrap: wrap;}
    .blocco-brand .col-50{width: 100%;}
    .blocco-sinistra-brand{flex-direction: row;}
    .blocco-sinistra-brand .foglia-verde{
        display:flex;
        flex-direction: column;
        justify-content: center;padding:60px 30px;width: 50%;border-radius: 0px 100px;height: 220px;}
    .blocco-sinistra-brand .img-foglia-piccola{width: 50%;border-radius: 100px 0px;height: 220px;}
    .blocco-destra-brand{padding: 60px 30px;border-radius: 100px 0px;}
    .blocco-brand{margin-bottom: 30px;}
    .foglie .col-50{width: 50%;}
    .foglia{padding: 60px 30px;}
    .grigia-0-2{border-radius: 0px 80px;}
    .grigia-2-0,.verde-2-0{border-radius: 80px 0px;}
    .testo-foglia h3{font-size: 28px;text-transform: capitalize;}
    .testo-foglia p{font-size:14px;}
    .foglia.verde-2-0{height: 276px;}
    .foglia:first-child{height: 276px;}
    .testo-presidente{max-width: 50%;padding-right: 30px;}
    .presidente{padding:30px 0px;gap:40px;}
    .linea-team-member .col-50{width: 100%;}
    .linea-team-member{padding:30px 0px;}
    .testo-team-member{max-width: 511px;}
    .linea-team-member .col-50:first-child{margin-bottom: 30px;}
    .blocco-numero-verde .col-60,.blocco-numero-verde .col-40{width: 50%;}
    .blocco-numero-verde{border-radius: 100px 0px;}
    .sezione-numero-verde{border-radius: 0px 0px 100px 0px;}
    .blocco-numero-verde .titolo-numero-verde{margin-left: 0px;padding:60px 30px 60px 60px;}
    .sezione-numero-verde{padding: 60px 30px;}
    .indicazioni-numero-verde p{font-size: 12px;}
    .dett-numero-verde p{font-size: 30px;}
    .blocco-numero-verde {height: auto;}
    .blocco-form-di-contatto{border-radius: 0px 100px;padding: 60px 40px;}
    .blocco-form-di-contatto .col-50{width: 50%;}
    .blocco-form-di-contatto .col-50.col-100-tablet{width: 100%;}
    .blocco-form-di-contatto .col-50.col-100-tablet .campo-mezzo-d{margin: 0px;}
    .form-privacy{margin-bottom:0px;}
    .hero-header h1 {max-width: 501px;font-size: 60px;line-height: 60px;}
    .sezione-servizi{margin-top: 50px;}
    .sezione-servizi .testo-e-pulsante{flex-direction: column;align-items: flex-start;}
    .blocchi-servizi-3{flex-direction: column;align-items: flex-start;gap: 30px;}
    .blocco-servizio{height: auto;width: auto;padding: 60px 30px;width: 100%;}
    .blocco-servizio h3{height: auto;}
    .blocco-green .col-45,.blocco-green .col-55,.blocco-metodi-pagamento .col-50,
    .blocco-tariffe .col-55, .blocco-tariffe .col-45,.blocco-app .col-55, .blocco-app .col-45{width:100%;}
    .blocco-green .blocco-app .col-45 {order:2;}
    .blocco-green .img-blocco-app {height: 425px;}
    .blocco-green .blocco-app .blocco-app-testo {padding: 60px 30px;}
    .content-metodi-di-pagamento{margin-top: 0px;padding: 80px 30px;}
    .metodi-blocco-metodi-pagamento{justify-content: flex-start;margin-top: 60px;height: auto;}
    .servizi-container .blocco-tariffe .col-40{width: 40%;}
    .servizi-container .blocco-tariffe .col-60{width: 60%;}
    .listing-servizi .blocco-tariffe{height: 100%;border-radius: 0px 150px 0px 100px;}
    .listing-servizi .blocco-tariffe .img-blocco-tariffe{min-height: 308px;height: 100%;border-radius: 0px 150px 0px 100px;}
    .listing-servizi .blocco-tariffe .blocco-tariffe-testo{padding: 52px 25px;gap:10px;}
    .listing-servizi .img-icona{width: auto;}
    .listing-servizi .blocco-tariffe .blocco-tariffe-testo .titolo {font-size: 25px;text-transform: capitalize;}
    .listing-servizi .blocco-tariffe .blocco-tariffe-testo p{font-size: 14px;}
    .content-stazione-futuro {padding-top: 40px; padding-bottom:40px;}
    .faq-container{align-items: center;}
    .faq-toggle{display: none;}
    .faq-question{padding: 30px 20px;}
    .faq-answer.active{padding: 0px 20px 20px 20px;}
    .page-template-tariffe .hero-header {
    background-position: center center, center -70px !important;}
    .blocco-app-verde{padding:80px;border-radius: 0px 140px;background: linear-gradient(60deg, #00ADD9, #47ED0F);}
    .img-blocco-app-verde img{width: 163px;}
    .content-blocco-app-verde p{font-size: 29px;line-height: 29px;}
    .blocco-app-verde-int{gap: 40px;}
    .btn-blocco-app-verde img{height: 38px;}
    .container-small.note-aggiuntive{margin-bottom: 30px;}
    .blocco-dettaglio-ricarica{max-width: 375px;}
    .testo-blocco-dettaglio-ricarica{gap:20px;}
    .tariffa-item .sottotitolo_tariffa{font-size: 12px;}
    .dettaglio-ricarica{gap: 40px;}
    .page-template-scarica-app .blocco-istruzioni .testo-semplice h2{
        max-width: 465px;
        font-size: 40px;
        line-height: 40px !important;
    }
    .page-template-scarica-app .blocco-istruzioni .testo-semplice p{
        font-size: 24px !important;
        line-height: 29px !important;
    }
    .hero-header-app {height: auto;padding: 139px 60px 110px 60px;}
    .content-header-app{    flex-direction: column;
    align-items: center;
    justify-content: center;}
    .testo-hero-header-app{align-items: center;}
    .bottoni-hero-header-app.mobile{display: flex;justify-content: center;margin-top:60px;gap: 8px;}
    .bottoni-hero-header-app.mobile img{height: 38px;}
    .immagine-hero-header-app img{height: 294px;}
    .immagine-hero-header-app{margin-top: 40px;}
    .slide-blocco-istruzioni .col-50{width: 50%;}
    .blocco-istruzioni .blocco-app {max-width: 688px;border-radius: 180px 0px;height: 330px;}
    .blocco-istruzioni .blocco-app .img-blocco-app{border-radius: 180px 0px;height: 330px;}
    .istruzioni-slide.swiper-slide{display: flex;justify-content: center;}
    .blocco-istruzioni .blocco-app img{height: auto;width: 120px;}
    .blocco-ultrafast{height: auto;padding: 108px 100px;margin:0;border-radius: 150px 0px 244px 0px;}
    .blocco-ultrafast .blocco-ultrafast-testo{padding: 0px;}
    .blocco-ultrafast .blocco-ultrafast-testo h2{max-width: 503px;}
    .blocco-ultrafast-testo p{max-width: 333px;}
    .img-blocco-ultrafast img{width: 364px;bottom: -110px;top: auto;
    right: calc(0px - 50px - 51px);}
    .blocco-ultrafast .col-55,.blocco-ultrafast .col-45{width: 100%}
.blocco-servizi-aggiuntivi h2{font-size: 39px;}
.page-template-servizi .content-stazione-futuro{padding-top: 60px;padding-bottom: 60px;}
.servizio-aggiuntivo{height: 280px;width: 300px;}
.listing-servizi-aggiuntivi .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .listing-servizi-aggiuntivi .swiper-pagination-custom, .listing-servizi-aggiuntivi .swiper-pagination-fraction{bottom: -20px;}
.colonnina-blocco{padding: 80px 0px;}
.banner-download-mobile{display: flex !important;}
}

/* Tablet in modalità verticale */
@media all and (min-width: 481px) and (max-width: 767px) {
    .language-selector{display: none !important;}
    .largo-roadmap-vertical{display: none;}

    .colonnina-blocco{border-radius: 80px 0px;}
.dettaglio-ricarica{align-items: center;}
.content-wrapper {padding: 10px;}
    :root{--ds-radius:25px 25px 0px 80px;}
    .hero-header .sottotitolo{font-size:24px;}
    .desktop{display: none;}
    .mobile{display: block;}
    .img-blocco-app{height: 100%;        display: flex
;
        flex-direction: column;
        align-items: center;
        justify-content: center;}
    .img-blocco-app img{width: 100%;}
    header{top: 9px;width: calc(100% + 2px);margin:0px;padding:0px 10px;}
    .language-selector{display: none;}
    .logo{width: 131px;border-radius: 25px 0px;height: 51px;}
    .logo img{width: 90px;}
    .home .swiper-slide {padding-left: 20px;padding-bottom:200px;padding-right: 20px;height: 585px !important;}
    .home .slide-content{max-width: 605px;}
    .home .slide-content p {display: none;}
    .home .slide-content h2{font-size: 41px;}
    .home .slide-content h3{font-size: 24px;}
    .home .desktop {display: block}
    .home .mobile{display: none;}
    .btn-oro a{font-size: 13px;}
    .blocco-tariffe .blocco-tariffe-testo {padding: 60px 30px;}
    .blocco-tariffe .blocco-tariffe-testo p{display: none;}
    .blocco-tariffe,.blocco-tariffe .img-blocco-tariffe{border-radius: 80px 0px;min-height: 208px;}
    .blocco-tariffe .blocco-tariffe-testo .titolo {font-size: 34px;}
    .blocco-tariffe .blocco-tariffe-testo .sottotitolo{display: block;}
    .testo-semplice h2{font-size: 29px;line-height: 29px !important;font-size:24px}
    .blocco-tariffe .btn-oro.btn-scale{margin-top: 40px;}
    .testo-semplice p{font-size: 14px;}
    .testo-semplice {padding: 10px 30px;}
    .home .testo-semplice{margin-top:0px;padding: 40px 20px;}
    .blocco-app{border-radius: 80px 0px;margin-bottom: 20px;}
    .blocco-app .img-blocco-app{border-radius: 80px 0px;padding: 25px 70px;}
    .blocco-app .blocco-app-testo{padding:60px 30px;}
    .blocco-app .blocco-app-testo p{display: none;}
    .blocco-app .blocco-app-testo .titolo{font-size: 34px;margin-bottom: 10px;}
    .home .blocco-app{margin-bottom:0px;}
    .blocco-verde{max-height: auto;padding: 60px 30px;max-height: 760px;border-radius: 0px 100px;}
    .testo-bl-verde p,.lista-valori-bl-verde{display: none;}
    .testo-bl-verde .sottotitolo{display: block;font-size: 20px;}
    .blocco-verde .sottotitolo{margin-top: 30px;}
    .blocco-verde .titolo{font-size: 34px;}
    footer .grid{padding: 0px 0px 30px 0px}
    footer .download-app-footer{padding-bottom: 30px;border-bottom: 1px solid #5858584D;}
    footer .download-app-footer .titolo-footer{font-size: 12.8px;font-weight: 300;}
    footer hr:first-child,footer .grid .col-25:first-child{display: none;}
    footer .logo-footer {display: none;}
    footer .col-25, footer .col-40, footer .col-10{width: 100%;}
    footer .col-25 {border-bottom: 1px solid #5858584D;padding-bottom:30px;}
    footer .col-40, footer .col-10{padding-top:30px;}
    .canali .pulsanti {gap:20px;}
    .footer-copyright p,.footer-copyright a{font-size: 10.8px;}
    .menu-navigazione-footer .titolo-footer,.menu-social-footer .titolo-footer{display: none;}
    .footer-nav li{margin-bottom:10px;}
    .footer-nav li:last-child {margin-bottom:0px;}
    .hero-header{height: 300px;border-radius:25px 25px 0px 80px;
        display: flex;
        flex-direction: column;
        justify-content: center;padding:130px 30px;}
    .largo-roadmap .testo-semplice h2{font-size: 40px;}
    .blocco-ultrafast{margin-top: 30px !important;}
    .blocco-verde .col-65, .blocco-verde .col-35{width: 100%;}
    .btn-oro{font-size: 13px;}
    .content-stazione-futuro{background: linear-gradient(90deg,#00ADD9,#47ED0F);padding: 90px 10px;}
    .blocco-futuro{margin:0px;border-radius: 80px 0px;}
    .blocco-futuro .img-blocco-futuro{border-radius: 80px 0px;min-height: 229px;}
    .blocco-futuro .blocco-futuro-testo{padding: 60px 30px;}
    .blocco-futuro-testo p{display: none;}
    .blocco-futuro .blocco-futuro-testo .titolo{font-size: 34px;}
    .container-roadmap{margin-left: 30px;}
    .timeline-horizontal-inner{padding-right: 200px;}
    .custom-streamable-player,.video-player{border-radius: 0px 0px !important;width: 100vw;}
    .blocco-brand .grid{flex-wrap: wrap;}
    .blocco-brand .col-50{width: 100%;}
    .blocco-sinistra-brand{flex-direction: column;}
    .blocco-sinistra-brand .foglia-verde{
        display:flex;
        flex-direction: column;
        justify-content: center;padding:60px 30px;width: 100%;border-radius: 80px 0px;height: 192px;background: #abd2d2;z-index: 99;}
    .blocco-sinistra-brand .img-foglia-piccola{width: 100%;border-radius: 80px 0px;height: 220px;margin-top: -90px;}
    .blocco-destra-brand{padding: 60px 30px;border-radius: 80px 0px;}
    .blocco-destra-brand h2{font-size: 34px;}
    .blocco-video{padding-bottom: 20px;}
    .blocco-brand{margin-bottom: 30px;background: var(--grigio-chiaro);border-radius: 80px 0px;}
    .page-template-iplanet .container-full-width{border:none;}
    .blocco-valori{padding: 0px;}
    .blocco-valori h2{font-size: 41px;}
    .sottotitolo-valori{font-size: 24px;}
    .blocco-valori-testo{padding: 0px 30px;}

    .foglie .col-50{width: 100%;}
    .foglie .grid{flex-wrap: wrap;}
    .foglia{padding: 60px 30px;}
    .grigia-0-2{border-radius: 0px 80px;}
    .grigia-2-0,.verde-2-0{border-radius: 80px 0px;}
    .testo-foglia h3{font-size: 24px;text-transform: capitalize;}
    .testo-foglia p{font-size:14px;}
    .foglia.verde-2-0{height: 276px;}
    .foglia{height: auto;}
    .testo-presidente{max-width: 100%;padding: 0px 30px;}
    .img-presidente{width: 100%;height: 188px;}
    .presidente{padding:0px 0px 60px 0px;gap:60px;flex-direction: column;align-items: center;}
    .linea-team-member .col-50{width: 100%;}
    .dettaglio-team div.linea-larga:nth-of-type(2){display: none !important;}
    .dettaglio-team .linea-team-member:nth-of-type(3){margin-bottom: 30px;}
    .largo-roadmap-vertical{padding: 60px 0px 0px 0px;}
.faq-container h2{font-size: 41px;padding: 0px 30px;}
.faq-question{font-size: 20px;}
.sezione-servizi .testo-semplice h2{font-size: 41px;}

    .team-member {
    display: flex
;
    flex-direction: column;
    gap: 30px;
    align-content: center;
    align-items: center;
}
    .linea-team-member{padding:30px 0px;}
    .testo-team-member{max-width: 511px;}
    .linea-team-member .col-50:first-child{margin-bottom: 30px;}
    .blocco-numero-verde .col-60,.blocco-numero-verde .col-40{width: 100%;}
    .blocco-numero-verde{border-radius: 80px 0px;background: linear-gradient(250deg, #50EE11, #FFFF33);}
    .sezione-numero-verde{border-radius: 0px 0px 100px 0px;}
    .sezione-numero-verde{background: transparent;}
    .blocco-numero-verde .titolo-numero-verde{margin-left: 0px;padding:60px 30px;border-radius: 80px 0px;background: var(--grigio)}
    .blocco-numero-verde .titolo-numero-verde h2 {font-size: 34px;}
    .sezione-numero-verde{padding: 60px 30px;}
    .indicazioni-numero-verde p{font-size: 14px;}
    .icona-verde img{height: 60px;}
    .dett-numero-verde p{font-size: 25px;}
    .wpcf7 .col-50{margin-bottom: 20px;}
    .wpcf7-list-item-label{font-size: 14px;margin-left: 0px;}
    .wpcf7-list-item label{    display: flex
;
    flex-direction: column;
    align-items: flex-start;}
    .campo-mezzo-d, .campo-mezzo-s {margin:0;}
    .blocco-numero-verde {height: auto;}
    .blocco-form-di-contatto{border-radius: 0px 80px;padding: 60px 30px;}
    .blocco-form-di-contatto .col-50{width: 100%;}
    .blocco-form-di-contatto .col-50.col-100-tablet{width: 100%;}
    .blocco-form-di-contatto .col-50.col-100-tablet .campo-mezzo-d{margin: 0px;}
    .form-privacy{margin-bottom:0px;}
    .hero-header h1 {max-width: 501px;font-size: 41px;line-height: 41px;}
    .sezione-servizi{margin-top: 50px;}
    .sezione-servizi .testo-e-pulsante{flex-direction: column;align-items: flex-start;}
    .blocchi-servizi-3{flex-direction: column;align-items: flex-start;gap: 30px;}
    .blocco-servizio{min-height: 336px;height:auto;width: auto;padding: 60px 30px;width: 100%;}
    .blocco-servizio h3{height: auto;font-size: 34px;}
    .blocco-servizio p{font-size: 20px;}
    .blocco-green .col-45,.blocco-green .col-55,.blocco-metodi-pagamento .col-50,
    .blocco-tariffe .col-55, .blocco-tariffe .col-45,.blocco-app .col-55, .blocco-app .col-45{width:100%;}
    .blocco-green .blocco-app .col-45 {order:2;}
    .sezione-servizi .no-pc{display: none;}
    .sezione-servizi .no-tel{display: flex;margin-top: 30px;}
 .blocco-green .blocco-app .blocco-app-testo p{display: block;font-size: 14px;}
 .blocco-green .blocco-app .blocco-app-testo h2{font-size: 34px;}
    .blocco-green .img-blocco-app {height: 245px;}
    .blocco-green .blocco-app .blocco-app-testo {padding: 60px 30px;}
    .content-metodi-di-pagamento{margin-top: 0px;padding: 60px 30px;}
    .metodi-blocco-metodi-pagamento{justify-content: flex-start;margin-top: 60px;height: auto;}
    .servizi-container .blocco-tariffe .col-40{width: 100%;}
    .servizi-container .blocco-tariffe .col-60{width: 100%;}
    .listing-servizi .blocco-tariffe{height: 100%;border-radius: 80px 0px;max-height: 100%;}
    .listing-servizi .blocco-tariffe .img-blocco-tariffe{min-height: 208px;height: 100%;border-radius: 80px 0px;}
    .listing-servizi .blocco-tariffe .blocco-tariffe-testo{padding: 30px;gap:10px;}
    .listing-servizi .img-icona{width: 78px;}
    .listing-servizi .blocco-tariffe .blocco-tariffe-testo .titolo {font-size: 20px;text-transform: capitalize;}
    .listing-servizi .blocco-tariffe .blocco-tariffe-testo p{font-size: 14px;display: block;}
    .content-stazione-futuro {padding-top: 40px; padding-bottom:40px;}
    .faq-container{align-items: center;}
    .faq-toggle{display: none;}
    .faq-question{padding: 30px 20px;}
    .faq-answer.active{padding: 0px 20px 20px 20px;}
    .testo-blocco-metodi-pagamento h2{font-size: 39px;font-style: italic;}
    .testo-blocco-metodi-pagamento p{font-size: 14px;}
    .listing-servizi .blocco-tariffe .flex-row-reverse .blocco-tariffe-testo{align-items: flex-start;
    text-align: left;}
    .flex-row-reverse .scheda-sicurezza img{order: 0;}
    .blocco-ricarica-passi .sottotitolo {margin-top: 20px;}
    .page-template-servizi .testo-semplice h2{font-size: 29px;}
    .page-template-tariffe .hero-header {
    background-position: center center, center !important;}
    .blocco-app-verde{padding:80px;border-radius: 0px 140px;background: linear-gradient(60deg, #00ADD9, #47ED0F);}
    .img-blocco-app-verde img{width: 163px;}
    .content-blocco-app-verde p{font-size: 29px;line-height: 29px;}
    .blocco-app-verde-int{gap: 40px;}
    .btn-blocco-app-verde img{height: 38px;}
    .container-small.note-aggiuntive{margin-bottom: 30px;}
    .blocco-dettaglio-ricarica{max-width: 375px;}
    .testo-blocco-dettaglio-ricarica{gap:20px;padding: 0px 30px;}
    .repeater-blocco-dettaglio-ricarica{padding: 0px 30px;}
    .page-template-tariffe .linea-larga {display: none;}
    .blocco-dettaglio-ricarica img {border-radius: 0px 80px;}
    .tariffa-item .titolo-tariffa{font-size: 15px;}
    .tariffa-item .sottotitolo_tariffa{font-size: 12.8px;}
    .blocco-dettaglio-ricarica{max-width:auto;width: auto;}
    .dettaglio-ricarica{gap: 60px;flex-direction: column;}
    .page-template-scarica-app .blocco-istruzioni .testo-semplice h2{
        max-width: 465px;
        font-size: 34px;
        line-height: 40px !important;
    }
    .page-template-scarica-app .blocco-istruzioni .testo-semplice p{
        font-size: 24px !important;
        line-height: 29px !important;
    }
    .testo-blocco-dettaglio-ricarica H3{font-size: 20px;}
    .page-template-contatti .hero-header{
    background-position: center center, center !important;
}
    .hero-header-app {height: auto;padding: 81px 20px;}
    .content-header-app{    flex-direction: column;
    align-items: center;
    justify-content: center;}
    .testo-hero-header-app{align-items: center;}
    .bottoni-hero-header-app.mobile{display: flex;justify-content: center;margin-top:60px;gap: 8px;}
    .bottoni-hero-header-app.mobile img{height: 30px;}
    .immagine-hero-header-app img{height: 178px;}
    .immagine-hero-header-app{margin-top: 40px;        display: flex
;
        flex-direction: column;
        align-items: center;}
    .slide-blocco-istruzioni .col-50{width: 100%;}
    .hero-header-app h1{font-size: 41px;line-height: 50px;}
    .hero-header-app p{display: none;}
    .blocco-istruzioni .blocco-app {max-width: calc(100vw - 20px);border-radius: 80px 0px;height: auto;}
    .blocco-istruzioni .blocco-app .img-blocco-app{border-radius: 80px 0px;height: 323px;}
    .istruzioni-slide.swiper-slide{display: flex;justify-content: center;}
    .blocco-istruzioni .blocco-app img{height: auto;width: 120px;}
    .blocco-ultrafast{height: auto;padding: 60px 30px;margin:0;border-radius: 0px 80px 0px 80px;}
    .blocco-ultrafast .blocco-ultrafast-testo{padding: 0px;}
    .blocco-ultrafast .blocco-ultrafast-testo h2{max-width: 503px;font-size: 34px;}
    .blocco-ultrafast-testo p{display: none;}
    .blocco-ultrafast-testo .sottotitolo{display: block;font-size: 24px;}
    .blocco-istruzioni .blocco-app .blocco-app-testo p{display: block;}
    .img-blocco-ultrafast {display: none;}
    .blocco-ultrafast .col-55,.blocco-ultrafast .col-45{width: 100%}
    .blocco-ultrafast .blocco-ultrafast-testo .btn-oro{margin-top: 20px;}
    .page-template-scarica-app footer {padding: 0px 10px;}
    .page-template-scarica-app .banner-download-mobile{display: none !important;}
    .banner-download-mobile{    display: flex
;
    flex-direction: row;
    align-items: center;
    padding: 23px 10px;
    justify-content: space-between;
position: fixed;
bottom: 0;
left: 0;
width: 100vw;
box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px 20px;
background: white;z-index: 999;}
    .testo-bn{font-size: 14px;color:var(--verde);}
    .chi-siamo-tablet,.futuro-tablet{display: flex;}.ricarica-tablet{display: flex;flex-direction: column;}
    .chi-siamo-desktop,.futuro-desktop,.ricarica-desktop{display: none;}
    .chi-siamo-uno .grid .col-50:nth-of-type(1){order:2;}
    .blocco-destra-chi-siamo-start-uno{order:0;border-radius: 80px 0px 0px 0px;height: 200px;}
    .img-1-chi-siamo-start{background: var(--verde);border-radius: 0px 0px 80px 0px;padding: 0px;}
    .titolo-chi-siamo-start{border-radius: 0px 0px 80px 0px;padding: 30px;height: auto;}
    .blocco-destra-chi-siamo-start-due{padding: 30px;}
    .page-template-servizi .content-stazione-futuro{padding:60px 30px;}
    .blocco-servizi-aggiuntivi h2{max-width: 333px;}
    .servizio-aggiuntivo{width: 256px;height: 258px;}
    .servizio-aggiuntivo .sfondo{width: 99px;}
    .servizio-aggiuntivo h3{font-size: 20px;}
    .servizio-aggiuntivo p{font-size: 14px;}
    .content-stazione-futuro .container-small{    max-width: calc(100vw - 80px);}
    .content-stazione-futuro .swiper-container{width: 100%;}
    .content-stazione-futuro .swiper-pagination{bottom:-20px !important;}
    .content-stazione-futuro .swiper-slide{max-width: 256px;}
    .passo-last{border-right: 1px solid #5858584D}
    .ricarica-tablet .swiper-pagination{bottom: -50px !important;}
    .ricarica-tablet .swiper-container{width: 100%;}
    .ricarica-tablet .passo{height: 100%;}
    .ricarica-tablet .container-small{padding: 0px 30px;}
.largo-roadmap-mobile{display: block;}
.desk-chi{display: none;}
.iframe-container{height: 600px;}
.blocco-app .img-blocco-app{height: 229px;}

}
.largo-roadmap-mobile {
    position: relative;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    background: var(--grigio-chiaro);
    overflow-x: hidden;
    margin-top: 20px;
    padding: 60px 0px;
}
/* Smartphone o piccoli Tablet */
@media all and (max-width: 480px) {
    .language-selector{display: none !important;}
    .timeline-year{padding-right: 0px;}
    .largo-roadmap-mobile{display: block;}
    .content-wrapper {padding: 10px;}
    :root{--ds-radius:25px 25px 0px 80px;}
    .colonnina-blocco{border-radius: 80px 0px;padding: 60px 0px;}
    .hero-header .sottotitolo{font-size:24px;}
    .desktop{display: none;}
    .mobile{display: block;}
    .img-blocco-app{height: 100%;        display: flex
;
        flex-direction: column;
        align-items: center;
        justify-content: center;}
    .img-blocco-app img{width: 100%;}
    header{top: 9px;width: calc(100% + 2px);margin:0px;padding:0px 10px;}
    .language-selector{display: none;}
    .logo{width: 131px;border-radius: 25px 0px;height: 51px;}
    .logo img{width: 90px;}
    .home .swiper-slide {padding-left: 20px;padding-bottom:200px;padding-right: 20px;height: 585px !important;}
    .home .slide-content{max-width: 605px;}
    .home .slide-content p {display: none;}
    .home .slide-content h2{font-size: 41px;}
    .home .slide-content h3{font-size: 24px;}
    .home .desktop {display: block}
    .home .mobile{display: none;}
    .btn-oro a{font-size: 13px;}
    .blocco-tariffe .blocco-tariffe-testo {padding: 60px 30px;}
    .blocco-tariffe .blocco-tariffe-testo p{display: none;}
    .blocco-tariffe,.blocco-tariffe .img-blocco-tariffe{border-radius: 80px 0px;min-height: 208px;}
    .blocco-tariffe .blocco-tariffe-testo .titolo {font-size: 34px;}
    .blocco-tariffe .blocco-tariffe-testo .sottotitolo{display: block;}
    .testo-semplice h2{font-size: 29px;line-height: 29px !important;font-size:24px}
    .blocco-tariffe .btn-oro.btn-scale{margin-top: 40px;}
    .testo-semplice p{font-size: 14px;}
    .testo-semplice {padding: 10px 30px;}
    .home .testo-semplice{margin-top:0px;padding: 40px 20px;}
    .blocco-app{border-radius: 80px 0px;margin-bottom: 20px;}
    .blocco-app .img-blocco-app{border-radius: 80px 0px;padding: 25px 70px;}
    .blocco-app .blocco-app-testo{padding:60px 30px;}
    .blocco-app .blocco-app-testo p{display: none;}
    .blocco-app .blocco-app-testo .titolo{font-size: 34px;margin-bottom: 10px;}
    .home .blocco-app{margin-bottom:0px;}
    .blocco-verde{max-height: auto;padding: 60px 30px;max-height: 760px;border-radius: 0px 100px;}
    .testo-bl-verde p,.lista-valori-bl-verde{display: none;}
    .testo-bl-verde .sottotitolo{display: block;font-size: 20px;}
    .blocco-verde .sottotitolo{margin-top: 30px;}
    .blocco-verde .titolo{font-size: 34px;}
    footer .grid{padding: 0px 0px 30px 0px}
    footer .download-app-footer{padding-bottom: 30px;border-bottom: 1px solid #5858584D;}
    footer .download-app-footer .titolo-footer{font-size: 12.8px;font-weight: 300;}
    footer hr:first-child,footer .grid .col-25:first-child{display: none;}
    footer .logo-footer {display: none;}
    footer .col-25, footer .col-40, footer .col-10{width: 100%;}
    footer .col-25 {border-bottom: 1px solid #5858584D;padding-bottom:30px;}
    footer .col-40, footer .col-10{padding-top:30px;}
    .canali .pulsanti {gap:20px;}
    .footer-copyright p,.footer-copyright a{font-size: 10.8px;}
    .menu-navigazione-footer .titolo-footer,.menu-social-footer .titolo-footer{display: none;}
    .footer-nav li{margin-bottom:10px;}
    .footer-nav li:last-child {margin-bottom:0px;}
    .hero-header{height: 300px;border-radius:25px 25px 0px 80px;
        display: flex;
        flex-direction: column;
        justify-content: center;padding:130px 30px;}
    .largo-roadmap .testo-semplice h2{font-size: 40px;}
    .blocco-ultrafast{margin-top: 30px !important;}
    .blocco-verde .col-65, .blocco-verde .col-35{width: 100%;}
    .btn-oro{font-size: 13px;}
    .content-stazione-futuro{background: linear-gradient(90deg,#00ADD9,#47ED0F);padding: 90px 10px;}
    .blocco-futuro{margin:0px;border-radius: 80px 0px;}
    .blocco-futuro .img-blocco-futuro{border-radius: 80px 0px;min-height: 229px;}
    .blocco-futuro .blocco-futuro-testo{padding: 60px 30px;}
    .blocco-futuro-testo p{display: none;}
    .blocco-futuro .blocco-futuro-testo .titolo{font-size: 34px;}
    .container-roadmap{margin-left: 30px;}
    .timeline-horizontal-inner{padding-right: 200px;}
    .custom-streamable-player,.video-player{border-radius: 0px 0px !important;width: 100vw;}
    .blocco-brand .grid{flex-wrap: wrap;}
    .blocco-brand .col-50{width: 100%;}
    .blocco-sinistra-brand{flex-direction: column;}
    .blocco-sinistra-brand .foglia-verde{
        display:flex;
        flex-direction: column;
        justify-content: center;padding:60px 30px;width: 100%;border-radius: 80px 0px;height: 192px;background: #abd2d2;z-index: 99;}
    .blocco-sinistra-brand .img-foglia-piccola{width: 100%;border-radius: 80px 0px;height: 220px;margin-top: -90px;}
    .blocco-destra-brand{padding: 60px 30px;border-radius: 80px 0px;}
    .blocco-destra-brand h2{font-size: 34px;}
    .blocco-video{padding-bottom: 20px;}
    .blocco-brand{margin-bottom: 30px;background: var(--grigio-chiaro);border-radius: 80px 0px;}
    .page-template-iplanet .container-full-width{border:none;}
    .blocco-valori{padding: 0px;}
    .blocco-valori h2{font-size: 41px;}
    .sottotitolo-valori{font-size: 24px;}
    .blocco-valori-testo{padding: 0px 30px;}

    .foglie .col-50{width: 100%;}
    .foglie .grid{flex-wrap: wrap;}
    .foglia{padding: 60px 30px;}
    .grigia-0-2{border-radius: 0px 80px;}
    .grigia-2-0,.verde-2-0{border-radius: 80px 0px;}
    .testo-foglia h3{font-size: 24px;text-transform: capitalize;}
    .testo-foglia p{font-size:14px;}
    .foglia.verde-2-0{height: 276px;}
    .foglia{height: auto;}
    .testo-presidente{max-width: 100%;padding: 0px 30px;}
    .img-presidente{width: 100%;height: 200px;}
    .presidente{padding:0px 0px 60px 0px;gap:60px;flex-direction: column;align-items: center;}
    .linea-team-member .col-50{width: 100%;}
    .dettaglio-team div.linea-larga:nth-of-type(2){display: none !important;}
    .dettaglio-team .linea-team-member:nth-of-type(3){margin-bottom: 30px;}
    .largo-roadmap-vertical{padding: 60px 0px 0px 0px;}
.faq-container h2{font-size: 41px;padding: 0px 30px;}
.faq-question{font-size: 20px;}
.sezione-servizi .testo-semplice h2{font-size: 41px;}

    .team-member {
    display: flex
;
    flex-direction: column;
    gap: 30px;
    align-content: center;
    align-items: center;
}
    .linea-team-member{padding:30px 0px;}
    .testo-team-member{max-width: 511px;}
    .linea-team-member .col-50:first-child{margin-bottom: 30px;}
    .blocco-numero-verde .col-60,.blocco-numero-verde .col-40{width: 100%;}
    .blocco-numero-verde{border-radius: 80px 0px;background: linear-gradient(250deg, #50EE11, #FFFF33);}
    .sezione-numero-verde{border-radius: 0px 0px 100px 0px;}
    .sezione-numero-verde{background: transparent;}
    .blocco-numero-verde .titolo-numero-verde{margin-left: 0px;padding:60px 30px;border-radius: 80px 0px;background: var(--grigio)}
    .blocco-numero-verde .titolo-numero-verde h2 {font-size: 34px;}
    .sezione-numero-verde{padding: 60px 30px;}
    .indicazioni-numero-verde p{font-size: 14px;}
    .icona-verde img{height: 60px;}
    .dett-numero-verde p{font-size: 25px;}
    .wpcf7 .col-50{margin-bottom: 20px;}
    .wpcf7-list-item-label{font-size: 14px;margin-left: 0px;}
    .wpcf7-list-item label{    display: flex
;
    flex-direction: column;
    align-items: flex-start;}
    .campo-mezzo-d, .campo-mezzo-s {margin:0;}
    .blocco-numero-verde {height: auto;}
    .blocco-form-di-contatto{border-radius: 0px 80px;padding: 60px 30px;}
    .blocco-form-di-contatto .col-50{width: 100%;}
    .blocco-form-di-contatto .col-50.col-100-tablet{width: 100%;}
    .blocco-form-di-contatto .col-50.col-100-tablet .campo-mezzo-d{margin: 0px;}
    .form-privacy{margin-bottom:0px;}
    .hero-header h1 {max-width: 501px;font-size: 41px;line-height: 41px;}
    .sezione-servizi{margin-top: 50px;}
    .sezione-servizi .testo-e-pulsante{flex-direction: column;align-items: flex-start;}
    .blocchi-servizi-3{flex-direction: column;align-items: flex-start;gap: 30px;}
    .blocco-servizio{min-height: 336px;height:auto;width: auto;padding: 60px 30px;width: 100%;}
    .blocco-servizio h3{height: auto;font-size: 34px;}
    .blocco-servizio p{font-size: 20px;}
    .blocco-green .col-45,.blocco-green .col-55,.blocco-metodi-pagamento .col-50,
    .blocco-tariffe .col-55, .blocco-tariffe .col-45,.blocco-app .col-55, .blocco-app .col-45{width:100%;}
    .blocco-green .blocco-app .col-45 {order:2;}
    .sezione-servizi .no-pc{display: none;}
    .sezione-servizi .no-tel{display: flex;margin-top: 30px;}
 .blocco-green .blocco-app .blocco-app-testo p{display: block;font-size: 14px;}
 .blocco-green .blocco-app .blocco-app-testo h2{font-size: 34px;}
    .blocco-green .img-blocco-app {height: 245px;}
    .blocco-green .blocco-app .blocco-app-testo {padding: 60px 30px;}
    .content-metodi-di-pagamento{margin-top: 0px;padding: 60px 30px;}
    .metodi-blocco-metodi-pagamento{justify-content: flex-start;margin-top: 60px;height: auto;}
    .servizi-container .blocco-tariffe .col-40{width: 100%;}
    .servizi-container .blocco-tariffe .col-60{width: 100%;}
    .listing-servizi .blocco-tariffe{height: 100%;border-radius: 80px 0px;max-height: 100%;}
    .listing-servizi .blocco-tariffe .img-blocco-tariffe{min-height: 208px;height: 100%;border-radius: 80px 0px;}
    .listing-servizi .blocco-tariffe .blocco-tariffe-testo{padding: 30px;gap:10px;}
    .listing-servizi .img-icona{width: 78px;}
    .listing-servizi .blocco-tariffe .blocco-tariffe-testo .titolo {font-size: 20px;text-transform: capitalize;}
    .listing-servizi .blocco-tariffe .blocco-tariffe-testo p{font-size: 14px;display: block;}
    .content-stazione-futuro {padding-top: 40px; padding-bottom:40px;}
    .faq-container{align-items: center;}
    .faq-toggle{display: none;}
    .faq-question{padding: 30px 20px;}
    .faq-answer.active{padding: 0px 20px 20px 20px;}
    .testo-blocco-metodi-pagamento h2{font-size: 39px;font-style: italic;}
    .testo-blocco-metodi-pagamento p{font-size: 14px;}
    .listing-servizi .blocco-tariffe .flex-row-reverse .blocco-tariffe-testo{align-items: flex-start;
    text-align: left;}
    .flex-row-reverse .scheda-sicurezza img{order: 0;}
    .blocco-ricarica-passi .sottotitolo {margin-top: 20px;}
    .page-template-servizi .testo-semplice h2{font-size: 29px;}
    .page-template-tariffe .hero-header {
    background-position: center center, center !important;}
    .blocco-app-verde{padding:80px;border-radius: 0px 140px;background: linear-gradient(60deg, #00ADD9, #47ED0F);}
    .img-blocco-app-verde img{width: 163px;}
    .content-blocco-app-verde p{font-size: 29px;line-height: 29px;}
    .blocco-app-verde-int{gap: 40px;}
    .btn-blocco-app-verde img{height: 38px;}
    .container-small.note-aggiuntive{margin-bottom: 30px;}
    .blocco-dettaglio-ricarica{max-width: 375px;}
    .testo-blocco-dettaglio-ricarica{gap:20px;padding: 0px 30px;}
    .repeater-blocco-dettaglio-ricarica{padding: 0px 30px;}
    .page-template-tariffe .linea-larga {display: none;}
    .blocco-dettaglio-ricarica img {border-radius: 0px 80px;}
    .tariffa-item .titolo-tariffa{font-size: 15px;}
    .tariffa-item .sottotitolo_tariffa{font-size: 12.8px;}
    .blocco-dettaglio-ricarica{max-width:auto;width: auto;}
    .dettaglio-ricarica{gap: 60px;flex-direction: column;}
    .page-template-scarica-app .blocco-istruzioni .testo-semplice h2{
        max-width: 465px;
        font-size: 34px;
        line-height: 40px !important;
    }
    .page-template-scarica-app .blocco-istruzioni .testo-semplice p{
        font-size: 24px !important;
        line-height: 29px !important;
    }
    .testo-blocco-dettaglio-ricarica H3{font-size: 20px;}
    .page-template-contatti .hero-header{
    background-position: center center, center !important;
}
    .hero-header-app {height: auto;padding: 81px 20px;}
    .content-header-app{    flex-direction: column;
    align-items: center;
    justify-content: center;}
    .testo-hero-header-app{align-items: center;}
    .bottoni-hero-header-app.mobile{display: flex;justify-content: center;margin-top:60px;gap: 8px;}
    .bottoni-hero-header-app.mobile img{height: 30px;}
    .immagine-hero-header-app img{height: 178px;}
    .immagine-hero-header-app{margin-top: 40px;        display: flex
;
        flex-direction: column;
        align-items: center;}
    .slide-blocco-istruzioni .col-50{width: 100%;}
    .hero-header-app h1{font-size: 41px;line-height: 50px;}
    .hero-header-app p{display: none;}
    .blocco-istruzioni .blocco-app {max-width: calc(100vw - 20px);border-radius: 80px 0px;height: auto;}
    .blocco-istruzioni .blocco-app .img-blocco-app{border-radius: 80px 0px;height: 323px;}
    .istruzioni-slide.swiper-slide{display: flex;justify-content: center;}
    .blocco-istruzioni .blocco-app img{height: auto;width: 120px;}
    .blocco-ultrafast{height: auto;padding: 60px 30px;margin:0;border-radius: 0px 80px 0px 80px;}
    .blocco-ultrafast .blocco-ultrafast-testo{padding: 0px;}
    .blocco-ultrafast .blocco-ultrafast-testo h2{max-width: 503px;font-size: 34px;}
    .blocco-ultrafast-testo p{display: none;}
    .blocco-ultrafast-testo .sottotitolo{display: block;font-size: 24px;}
    .blocco-istruzioni .blocco-app .blocco-app-testo p{display: block;}
    .img-blocco-ultrafast {display: none;}
    .blocco-ultrafast .col-55,.blocco-ultrafast .col-45{width: 100%}
    .blocco-ultrafast .blocco-ultrafast-testo .btn-oro{margin-top: 20px;}
    .page-template-scarica-app footer {padding: 0px 10px;}
    .page-template-scarica-app .banner-download-mobile{display: none !important;}
    .banner-download-mobile{    display: flex
;
    flex-direction: row;
    align-items: center;
    padding: 23px 10px;
    justify-content: space-between;
position: fixed;
bottom: 0;
left: 0;
width: 100vw;
box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px 20px;
background: white;z-index: 999;}
    .testo-bn{font-size: 14px;color:var(--verde);}
    .chi-siamo-tablet,.futuro-tablet{display: flex;}.ricarica-tablet{display: flex;flex-direction: column;}
    .chi-siamo-desktop,.futuro-desktop,.ricarica-desktop{display: none;}
    .chi-siamo-uno .grid .col-50:nth-of-type(1){order:2;}
    .blocco-destra-chi-siamo-start-uno{order:0;border-radius: 80px 0px 0px 0px;height: 200px;}
    .img-1-chi-siamo-start{background: var(--verde);border-radius: 0px 0px 80px 0px;padding: 0px;}
    .titolo-chi-siamo-start{border-radius: 0px 0px 80px 0px;padding: 30px;height: auto;}
    .blocco-destra-chi-siamo-start-due{padding: 30px;}
    .page-template-servizi .content-stazione-futuro{padding:60px 30px;}
    .blocco-servizi-aggiuntivi h2{max-width: 333px;}
    .servizio-aggiuntivo{width: 256px;height: 258px;}
    .servizio-aggiuntivo .sfondo{width: 99px;}
    .servizio-aggiuntivo h3{font-size: 20px;}
    .servizio-aggiuntivo p{font-size: 14px;}
    .content-stazione-futuro .container-small{    max-width: calc(100vw - 80px);}
    .content-stazione-futuro .swiper-container{width: 100%;}
    .content-stazione-futuro .swiper-pagination{bottom:-20px !important;}
    .content-stazione-futuro .swiper-slide{max-width: 256px;}
    .passo-last{border-right: 1px solid #5858584D}
    .ricarica-tablet .swiper-pagination{bottom: -50px !important;}
    .ricarica-tablet .swiper-container{width: 100%;}
    .ricarica-tablet .passo{height: 100%;}
    .ricarica-tablet .container-small{padding: 0px 30px;}
    .largo-roadmap-vertical{display: none;}
    .banner-download-mobile{display: flex !important;}
    .desk-chi{display: none;}
    .home .swiper-slide{background-position: 86% center !important;background-repeat: no-repeat !important;}
    .home .blocco-verde{margin-top: 30px;}

    .page-template-chi-siamo .timeline-mobile-wrapper:after {
  background: linear-gradient(to bottom, #ffffff00 40%, /* #ffffff00 = bianco con opacità 0 */ var(--grigio-chiaro) 92% /* #ffffff = bianco pieno */);
content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
.iframe-container{height: 600px;}
.blocco-app .img-blocco-app{height: 229px;}

   }




.lang-link{
    text-transform: uppercase;
    color: #ffffff9c;
}
.current-lang, .lang-link:hover{
    text-transform: uppercase;
    color: white !important;
}

.language-switcher{
        display: flex;
    flex-direction: row;
    gap: 20px;
}

.language-selector{
        display: flex
;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}



body.page-id-1370 .dett-numero-verde p{
    font-size: 30px;
}

/* Stili base forniti da te */
.blocco-lifestyle-alto {
    justify-content: space-between;
}

.blocco-lifestyle .anteprima-articolo .immagine-in-evidenza {
    width: 453px;
    height: 258px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    display: block;
    border-radius: 0px 100px 0px 100px !important;
}

.immagine-in-evidenza-alternativa {
    border-radius: 100px 0px 100px 0px !important;
}

/* Stili aggiuntivi per il placeholder (se hai rimosso gli stili inline dal PHP) */
.placeholder-immagine {
    background-color: #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed #ccc;
    /* Width e Height verranno ereditati da .immagine-in-evidenza o sovrascritti nelle media query */
}
.placeholder-immagine span {
    color: #999;
    font-size: 14px;
}
.anteprima-articolo{width: 453px;}
/* Stili originali per il contenitore degli articoli (che ora è anche la traccia) */
.blocco-lifestyle .ultimi-3-articoli { /* Questa è la tua .slider-track */
    display: flex; /* Già presente, ottimo per iniziare */
    flex-direction: row; /* Già presente */
    margin-top: 60px;
    gap: 20px;
}


/* === INIZIO STILI PER ABILITARE LO SLIDER === */

/* Applichiamo gli stili per lo slider da desktop (1400px) in giù */
@media (max-width: 1400px) { /* MODIFICATO DA 1300px A 1400px */
    .ultimi-articoli-slider-container {
        overflow-x: auto; /* Permette lo scorrimento orizzontale */
        -webkit-overflow-scrolling: touch; /* Migliora lo scorrimento su iOS */
        
        /* Opzionale: nascondere la scrollbar */
        scrollbar-width: none;  /* Firefox */
        -ms-overflow-style: none;  /* IE and Edge */
    }
    .ultimi-articoli-slider-container::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Opera */
    }

    .blocco-lifestyle .ultimi-3-articoli.slider-track {
        flex-wrap: nowrap; /* Impedisce agli articoli di andare a capo */
        width: max-content; /* Fa sì che il contenitore sia largo quanto la somma dei figli */
        padding-bottom: 15px; /* Spazio eventuale per la scrollbar se non nascosta, o solo per estetica */
    }

    .blocco-lifestyle .anteprima-articolo.slider-item {
        flex: 0 0 auto; /* Impedisce agli item di restringersi o espandersi */
    }
}
/* === FINE STILI PER ABILITARE LO SLIDER === */

.blocco-lifestyle-alto{align-items: center;}
.single-post .lifestyle-border{
    margin-top:30px;
}
.single-post .hero-header{
    padding-bottom:0px;
    justify-content: center;
    padding-top: 102px;
}
.single-post .testo-semplice{
    margin-top:80px;
}
.single-post .testo-semplice h3,.single-post .testo-semplice h4, .single-post .testo-semplice h5, .single-post .testo-semplice h6{
    margin-bottom:20px;
    margin-top: 20px;
    color:#585858;
}

/* Stili base per spaziatura e indentazione (dal tuo codice) */
.single-post ul,
.single-post ol {
    margin-bottom: 1.5em;
    padding-left: 20px; /* Spazio standard per i marcatori. Se i marcatori fossero molto grandi, andrebbe aumentato. */
}

.single-post ul li,
.single-post ol li {
    margin-bottom: 0.5em;
    line-height: 1.6;
}

.single-post ul ul,
.single-post ol ol,
.single-post ul ol,
.single-post ol ul {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding-left: 25px; /* Maggiore indentazione per le liste annidate */
}

/* === INIZIO STILI SPECIFICI PER MARCATORI === */

.single-post ul {
    list-style-type: disc; /* Questo è il pallino pieno standard.
                              Altre opzioni comuni:
                              - circle (pallino vuoto)
                              - square (quadratino pieno)
                           */
}


.single-post ul li::marker {
    color: var(--verde); /* Sostituisci con la tua variabile colore o un codice esadecimale */
}


.single-post ol {
    list-style-type: decimal; 
}

/* Opzionale: Colora e/o stilizza i numeri */
.single-post ol li::marker {
    color: var(--verde);       /* Sostituisci con la tua variabile colore o un codice esadecimale */
}


.single-post ul ul {
    list-style-type: circle; /* Esempio: pallino vuoto per sotto-liste ul */
}


.single-post ol ol {
    list-style-type: lower-alpha; /* Esempio: lettere minuscole per sotto-liste ol */
}



/* Le tue Media Query esistenti rimangono per definire l'aspetto specifico degli item */

/* Tablet Orizzontale e PC piccoli (ora questo range è leggermente diverso se il limite superiore è 1400px per lo slider) */
/* Se vuoi che gli stili specifici per "tablet orizzontale" si applichino fino a 1400px, modifica anche questo */
@media all and (min-width: 767px) and (max-width: 1399px) { 
    .testo-blocco-lifestyle { width: calc(100% - 250px); }
    .blocco-lifestyle { padding: 60px 20px; }
    .lifestyle-border { margin-top: 20px; }
    .single-post .hero-header{
    padding-bottom:0px;
    justify-content: center;
    padding-top: 0px;}
    .single-post .hero-header h1{
        max-width:100%;
        font-size:40px;
        line-height: 40px;
    }
    .single-post .testo-semplice{margin-top:40px;}
    .single-post .blocco-lifestyle{padding:40px 20px;}
    .single-post .blocco-lifestyle h2{font-size:40px;}
}

/* Tablet Verticale (481px - 767px) */
@media all and (min-width: 481px) and (max-width: 767px) {
    .testo-blocco-lifestyle { width: calc(100% - 250px); }
    .blocco-lifestyle { padding: 60px 20px; }

    .blocco-lifestyle .anteprima-articolo.slider-item {
        width: 340px; /* Esempio: adatta questo valore */
    }
    .blocco-lifestyle .anteprima-articolo.slider-item .immagine-in-evidenza {
        width: 100%;
        height: 192px; /* Calcola l'altezza per mantenere l'aspect ratio: 340 * (258/453) circa */
    }
}

/* Mobile (max-width: 480px) */
@media all and (max-width: 480px) {
    .testo-blocco-lifestyle { display: none; }
    .blocco-lifestyle { padding: 60px 20px; }
    .lifestyle-border { border: none; }
    .blocco-lifestyle .sottotitolo-articolo { display: none; }
    
    .blocco-lifestyle .anteprima-articolo.slider-item {
        max-width: 277px;
        width: 277px;
    }
    .blocco-lifestyle .titolo-articolo a { font-size: 20px; }
    .blocco-lifestyle .anteprima-articolo.slider-item .immagine-in-evidenza {
        width: 277px; 
        height: 158px;
        border-radius: 0px 50px 0px 50px !important;
    }
    .immagine-in-evidenza-alternativa {
        border-radius: 50px 0px 50px 0px !important;
    }
    .blocco-lifestyle h2 { font-size: 34px; }
    .single-post .testo-semplice{margin-top:20px;}
    .single-post .blocco-lifestyle{padding:20px;}
    .single-post .hero-header h1{font-size: 25px;line-height: 25px;}
    .single-post .hero-header{padding-top:0px;}
}


/* Per centrare articoli quando sono 2 */
.page-template-archive .ultimi-articoli-due-soli .ultimi-2-articoli {
    display: flex;
    justify-content: center;
    margin-top: 60px;
    gap: 20px;
}

/* Per centrare un singolo articolo */
.page-template-archive .ultimi-articoli-singolo .ultimi-1-articolo {
    display: flex;
    justify-content: center;
}




/* Rimuovi border-top dal primo .vantaggi-border */
    .page-template-archive .vantaggi-border {
        border-top: none;
        margin-bottom:0px;
    }
    
    /* Aggiungi margin-top di 20px al secondo .vantaggi-border */
    .page-template-archive .lifestyle-border {
        border-top: none;
        margin-bottom:0px;
    }

    
    .page-template-archive .slider-pagination{
        position: relative;
    }
    .page-template-archive .swiper-pagination-bullet-active, .page-template-archive .swiper-pagination-bullet{
        background:var(--ottanio) !important;
    }


.blocco-rfid .istruzioni-slide.layout-image-right .blocco-app-testo.flex-column {
    align-items: flex-end;
    text-align: right;
}
.blocco-rfid .blocco-app .img-blocco-app {
    height: 457px;
}
.blocco-rfid .blocco-app img {
    height: 300px;
}

.blocco-rfid  .blocco-app .img-blocco-app {
    border-radius: 0px 200px 0px 200px;
    background: linear-gradient(90deg, #FFFF33, #50EE11);
    padding: 33px 149px;
    height: 393px;
    display: flex
;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.blocco-rfid  .blocco-app {
    width: 1164px;
    height: 457px;
}

.blocco-rfid .blocco-app {
    background: var(--grigio-chiaro);
    border-radius: 0px 200px 0px 200px;
    height: 393px;
    margin-top: 0px;
}

.blocco-rfid  .blocco-app .blocco-app-testo {
    padding: 60px;
    gap: 10px;
    align-items: flex-start;
    justify-content: center;
	height: 100%;}