/** <uniquifier>: Use a unique and descriptive class name
<weight>: Use a value from 300 to 800 **/ 

.open-sans pippo {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}



@font-face {
    font-family: 'HALDEN SOLID';
    src: url('../assets/fonts/HALDENSOLID.eot');
    src: url('../assets/fonts/HALDENSOLID.eot?#iefix') format('embedded-opentype'),
        url('../assets/fonts/HALDENSOLID.woff2') format('woff2'),
        url('../assets/fonts/HALDENSOLID.woff') format('woff'),
        url('../assets/fonts/HALDENSOLID.ttf') format('truetype'),
        url('../assets/fonts/HALDENSOLID.svg#HALDENSOLID') format('svg');
    font-weight: normal;
    font-style: normal;
}

.mini {
  font-optical-sizing: auto;
  color: #fff;
  font-size: 90%;
  opacity: 100%;
  letter-spacing: 0px;
  line-height: 120%;
  padding-bottom: 5%;
  }
.piede {
    font-optical-sizing: auto;
    color: #fff;
    font-size: 90%;
    opacity: 100%;
    letter-spacing: 0px;
    line-height: 120%;
    padding-top: 5%;
    }



/** numeri highlights **/

.box-159 {
      border-left: 4px solid #007dbc;
    }

.box-159f {
      border-left: 10px solid #bc0087;
    }

.box-159m {
      border-left: 10px solid #19bc00;
    }

.highW {
  font-family: 'HALDEN SOLID', sans-serif !important;
  font-weight: normal !important;
  font-style: normal !important;
  letter-spacing: 0.05em;
  color: #0D295C; 
  line-height: 1.1em;
  }

.highP {
  font-family: 'HALDEN SOLID', sans-serif !important;
  font-weight: normal !important;
  font-style: normal !important;
  letter-spacing: 0.05em !important;
  color:#007dbc; 
  line-height: 0.8em;
  }

  .highWhite {
    font-family: 'HALDEN SOLID', sans-serif !important;
    font-weight: normal !important;
    font-style: normal !important;
    letter-spacing: 0.05em;
    color: #ffffff; 
    line-height: 1.1em;
    }


.titolo1 {
    /** color: #007dbc; **/
    color: #fff;
    line-height: 110%;
    font-size: 250%;
    opacity: 100%;
    font-weight: 100;
    letter-spacing: 1px;
    }

    .titolo4 {
        /** color: #007dbc; **/
        color: #fff;
        line-height: 110%;
        font-size: 250%;
        opacity: 100%;
        font-weight: 400;
        letter-spacing: 1px;
        }
    
        .titolo6 {
            /** color: #007dbc; **/
            color: #fff;
            line-height: 110%;
            font-size: 250%;
            opacity: 100%;
            font-weight: 600;
            letter-spacing: 1px;
            }
        
            .titolo7 {
                /** color: #007dbc; **/
                color: #fff;
                line-height: 110%;
                font-size: 250%;
                opacity: 100%;
                font-weight: 700;
                letter-spacing: 1px;
                }
                .titolo8 {
                    /** color: #007dbc; **/
                    color: #fff;
                    line-height: 110%;
                    font-size: 250%;
                    opacity: 100%;
                    font-weight: 800;
                    letter-spacing: 1px;
                    }


                    


.ciccio {
font-weight: 700;
letter-spacing: 0px;
}


.wfptesto {
    /** color: #007dbc; **/
    color: #fff;
    line-height: 150%;
    font-size: 90%;
    opacity: 100%;
    font-weight: 400;
    letter-spacing: 0px;
    }

    .wfptestoB {
        /** color: #007dbc; **/
        color: #000;
        line-height: 150%;
        font-size: 90%;
        opacity: 100%;
        font-weight: 400;
        letter-spacing: 0px;
        }




.fxhalder {
    font-family: 'HALDEN SOLID', sans-serif !important;
    /** color: #007dbc; **/
    color: #ece1b1;
    /** color: #fff; **/
    line-height: 100%;
    font-size: 250%;
    opacity: 100%;
    font-weight: 200;
    letter-spacing: 2px;
    display: inline-block;
    margin-top: 8%;
    margin-bottom: 2%;
}


.fxhalderB {
  font-family: 'HALDEN SOLID', sans-serif !important;
  color: #0D295C;
  line-height: 100%;
  font-size: 250%;
  opacity: 100%;
  font-weight: 200;
  letter-spacing: 2px;
  display: inline-block;
  margin-top: 8%;
  margin-bottom: 2%;
}



.boxtav1 {
  max-width: 35%;
  background: #fff;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.101421), 0px 1px 4px rgba(0, 0, 0, 0.101421);
}


/* .fxhalderB {
    font-family: 'HALDEN SOLID', sans-serif !important; color: #0D295C; line-height: 100%;font-size: 180%; opacity: 100%; font-weight: 200; letter-spacing: 6px; display: inline-block; } */
.fxhalderC {
        font-family: 'HALDEN SOLID', sans-serif !important; /** color: #007dbc; **/ color: #0D295C;
        /** color: #fff; **/ line-height: -20em;font-size: 180%; opacity: 100%; font-weight: 200; letter-spacing: 6px; display: inline-block; }
    
    




.figures {
    font-family: 'HALDEN SOLID', sans-serif !important;
    letter-spacing: 1.5px;
    font-weight: normal;
    font-style: normal;
     }
    
    


.fxbianco {
    color: #fff; 
    line-height: 110%;
    font-size: 200%;
    font-weight: 200;
    display: inline-block;
}



.figures {
font-family: 'HALDEN SOLID', sans-serif !important;
letter-spacing: 1.5px;
font-weight: normal;
font-style: normal;
 }

.numbers {
font-size: 42px;
 line-height: 45px !important;
 }

.text {
font-size: 22px;
 line-height: 32px !important;
 }

.bignumbers {
font-size: 42px;
 line-height: 60px !important;
 }

.countries {  
  font-size: 16px;
  line-height: 1;}

.interlinea {  
    line-height: 1.3;}

.shadow-image {
      height: auto;
      box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.5); /* Ombra: offset-x, offset-y, blur-radius, color */
  }
  



/* Style for the counter container */
.counter-container {
  /* White background for contrast */
  background-color: #eeeeee;
  /* Internal padding for spacing */
  padding: 40px 60px;
  /* Rounded corners for a softer design */
  border-radius: 20px;
  /* Light shadow for depth
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);*/
  /* Center the text */
  text-align: left;
}


/* Style for the counter container Prova */
.counter-container2 {
  /* White background for contrast 
  background-color:#007dbc;*/
  /* Internal padding for spacing */
  padding: 20px 20px;
  /* Rounded corners for a softer design */
  border-radius: 20px;
  /* Light shadow for depth
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);*/
  /* Center the text */
  text-align: left;
}






/* Style for the counter number */
.counter {
  /* Large font size for visibility */
  font-size: 90px;
  /* Bold text */
  font-weight: 100;dialogContent
  /* Initial text color */
  color: #007dbc;
  /* Relative positioning for pseudo-elements */
  position: relative;
  /* Inline-block display to manage dimensions and margins */
  display: inline-block;
  /* Transition for color change */
  transition: color 0.3s ease;
  letter-spacing:-0.05em;
}












/* Style applied when the 'animate' class is added 
.counter.animate {
  /* Change text color for animation 
  color: #8338ec;
}*/

/* Style for the plus sign that appears after the number */
.counter::after {
  /* Add content: the '+' sign
  content: '+'; */
  /* Font size for the plus sign */
  font-size: 36px;
  /* Absolute positioning relative to the counter */
  position: absolute;
  /* Position at the top-right of the number */
  top: 10px;
  right: -30px;
  /* Initial color of the plus sign */
  color: #007dbc;
  /* Initial opacity set to zero for animation */
  opacity: 0;
  /* Initial translation for sliding effect */
  transform: translateX(10px);
  /* Transitions for opacity and transformation */
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}

/* Animation style for the plus sign when 'animate' class is present */
.counter.animate::after {
  /* Full opacity to make the plus sign visible */
  opacity: 1;
  /* Reset translation to bring the plus sign into position */
  transform: translateX(0);
  /* Change color of the plus sign for animation
  color: #8338ec; */
}



.rounded-top {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.rounded-bottom {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.rounded-top-left {
  border-top-left-radius: 5px;
}




/* Style the buttons that are used to open and close the accordion panelz */
.accordion {
  background-color: #eee;
  color:#007dbc !important;
  cursor: pointer;
  padding: 0px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  font-family: 'Open Sans', 'Helvetica Neue', sans-serif;
  margin-bottom: 0; 
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover)
.active, .accordion:hover {
  background-color: #ccc; 
}*/

/* Style the accordion panelz. Note: hidden by default */
.panelz {
  padding: 40px 40px;
  background-color: #eeeeee;
  display: none;
  overflow: hidden;
  position: relative;
  margin-top: 0;
}











.accordion-arrow {
  display: inline-block; /* Importante per la trasformazione e l'allineamento */
  transition: transform 0.2s ease-in-out;
  margin-left: 5px; /* O il valore che preferisci */
  line-height: 0; /* Può aiutare a prevenire spazio extra se l'SVG ha dimensioni definite in em */
}

.accordion-arrow.rotated {
  transform: rotate(90deg); /* Ruota l'intero span, SVG incluso */
}

/* Opzionale: Stili specifici per l'SVG se necessario */
.accordion-arrow svg {
  /* width: 1em; */ /* Già impostato nell'HTML, ma puoi controllarlo qui */
  /* height: 1em; */ /* Già impostato nell'HTML, ma puoi controllarlo qui */
  vertical-align: middle; /* Aiuta ad allineare l'SVG con il testo */
}










/* 
.accordion:before {
  content: '\02795'; /* Unicode character for "plus" sign (+)
  font-size: 40px;
  color:#007dbc !important;
  float: right;
  margin-right: 40px;
  margin-top: 40px;
  
}

.active:before {
  content: "\2796"; /* Unicode character for "minus" sign (-)
  font-size: 40px;
    margin-top: 40px;
    float: right;
}*/


.font-size-phablet-60{
  font-size:60px !important;
  }