::-webkit-scrollbar {
    display: none;
}
a {
    color: white !important;
    text-decoration: none; /* no underline */
}


h1{
    font-family: fontVisioABC;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px; /* 100% */
    letter-spacing: -0.48px;
    color: white;
    margin: 0px;
}
h2{
    margin:0px;
    font-family: fontVisioABC;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px; /* 120% */
    letter-spacing: -0.3px;
    color:white;
}

.acontainer{
    margin-left: auto;
    margin-right: auto;
  
    width: 1440px;
}

.bodycontainer{
    margin-top: 90px;
    margin-left: auto;
    margin-right: auto;
   
    width: 1125px;
}
.q01{
    font-family: var(--h4-font-family);
    font-weight: var(--h4-font-weight);
    color: var(--dark-grey);
    font-size: var(--h4-font-size);
    letter-spacing: var(--h4-letter-spacing);
    line-height: var(--h4-line-height);
    font-style: var(--h4-font-style);
}
.g01{
    font-family: "fontVisioInter-Regular", Helvetica;
    font-weight: 400;
    color: var(--dark-grey);
    font-size: 16px;
    letter-spacing: 0.16px;
    line-height: 22px;
    width: 50%;
}
.bold700{
    font-weight: 700;
}

.ahomeimg{
    margin-top:15px;
   border-radius: 15px;
    background-image: url('./../aimg/home.png');
    margin-left: auto;
    margin-right: auto;
    width: 1410px;
    height: 705px;
   position: relative;
    background-size: cover;
    background-position: 50% 50%;
}
.atexthome{
    position: absolute;
    bottom: 0;
    margin-left:135px;
    margin-bottom: 30px;
}



.phome{
    position: relative;
    width: fit-content;
    font-family: var(--h2-font-family);
    font-weight: var(--h2-font-weight);
    color: var(--white);
    font-size: var(--h2-font-size);
    letter-spacing: var(--h2-letter-spacing);
    line-height: var(--h2-line-height);
    white-space: nowrap;
    font-style: var(--h2-font-style);
    margin: 0px;
}

.text-wrapper {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: fontVisioInter-SemiBold;
    font-weight: var(--h1-font-weight);
    color: var(--white);
    font-size: var(--h1-font-size);
    letter-spacing: var(--h1-letter-spacing);
    line-height: var(--h1-line-height);
    white-space: nowrap;
    font-style: var(--h1-font-style);
  }


.b2_top{
    position: absolute;
    top: 10px;
    width: 355px;
    height: 539px;
    background-color: white;
    border-radius: 5px;
    border: 0.25px solid;
    border-color: var(--visio-blu);
}
.b3{
   margin-left: 10px;;
    width: 342px;
    height: 12px;
    position: absolute;
    background: white;    
    border-radius: 5px;
    border-left: 2.5px solid;
    border-top: 1px solid;
    border-color: var(--visio-blu);
    transform: skewX(-64deg);
}
.b4{
   margin-left: 347px;
    width: 20px;
    height: 535px;
    position: absolute;
    background: white; 
    border-radius: 0px 5px 1px 1px;
    border-right: 1px solid;
    border-top: 1px solid;
    border-color: var(--visio-blu);
    
}
.b5{
   margin-top: 535px;
   margin-left: 353px;
    width: 10px;
    height: 15px;
    position: absolute;
    background: white; 
    border-radius: 0px 0px 6px 6px;
    border-right: 1px solid;
  
    border-bottom: 1px solid;
    border-color: var(--visio-blu);
    transform: skewX(-25deg);
}
.img_servizi{
    border: 1px solid var(--visio-blu);
    width: 325px;
    height: 325px;
}
.notizie_container{
    display: flex;
   
    height: 550px;
    align-items: flex-start;
    position: relative;
    flex: 0 0 auto;
    margin-right: -15px;
    overflow: hidden;
    overflow-x: scroll;
   

}

.domande_container{
    margin-bottom:180px;
    
    height: 470px;
    align-items: flex-start;
    position: relative;
    flex: 0 0 auto;
    margin-right: -15px;
    overflow: hidden;
    overflow-x: scroll;
   
    border-radius:15px;
    padding: 15px 0px 0px 175px;
}
.notizie_titolo{
    padding-left: 15px;
    width: 305px;
    margin-top: -1px;
    font-family: var(--h4-font-family);
    font-weight: var(--h4-font-weight);
    color: var(--visio-blu);
    font-size: var(--h4-font-size);
    letter-spacing: var(--h4-letter-spacing);
    line-height: var(--h4-line-height);
    font-style: var(--h4-font-style);
}
.notizie_p{
    position: relative;
    width: 305px;
    font-family: var(--h5-font-family);
    font-weight: var(--h5-font-weight);
    color: var(--visio-blu);
    font-size: var(--h5-font-size);
    letter-spacing: var(--h5-letter-spacing);
    line-height: var(--h5-line-height);
    font-style: var(--h5-font-style);
    padding:15px;
}
.cerchio{
    display: inline-flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px;
    cursor: pointer;
    
    border-radius: 30px;
    border: 1px solid;
    border-color: #8c8c8c;
    transform: rotate(-180deg);
}

.d01{
    margin-top:75px;
    position: relative;
    width: 355px;
    font-family: "fontVisioInter-Regular", Helvetica;
    font-weight: 700;
    color: var(--dark-grey);
    font-size: 48px;
    letter-spacing: -0.48px;
    line-height: 48px;
}
.c01{
    position: relative;
    width: 355px;
    font-family: "Roboto", Helvetica;
    font-weight: 400;
    color: var(--dark-grey);
    font-size: 30px;
    letter-spacing: -0.3px;
    line-height: 36px;
}



.icontainer{
    display: flex;
    width: 746px;
    align-items: center;
    gap: 10px;
    padding: 10px;
    background:white;
    border-radius: 5px;
    border: 0.25px solid;
    border-color: var(--visio-blu);
    position: absolute;
    top: 10px;
    left: 0;
}
.vinput{
    font-family: fontVisioInter-SemiBold;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 5px 10px;
    position: relative;
    flex: 1;
    flex-grow: 1;
    background-color: #ffc7091a;
    border: 1px solid;
    border-color: var(--visio-blu);
}
.vinput::placeholder{
    color: var(--visio-blu);
}
.b6{
   margin-left: 10px;;
    width: 752px;
    height: 12px;
    position: absolute;
    background: white;    
    border-radius: 5px 0px 0px 5px;
    border-left: 2.5px solid;
    border-top: 1px solid;
    border-color: var(--visio-blu);
    transform: skewX(-64deg);
}
.b7{
   margin-left: 753px;
   margin-top:46px;
    width: 22px;
    height: 12px;
    position: absolute;
    background: white;    
    border-radius: 5px 5px 5px 0px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: var(--visio-blu);
    transform: skewX(-34deg);
}
.b8{
   margin-left: 10px;;
    width: 752px;
    height: 12px;
    position: absolute;
    background: white;    
    border-radius: 5px 0px 0px 5px;
    border-left: 2.5px solid;
    border-top: 1px solid;
    border-color: var(--visio-blu);
    transform: skewX(-64deg);
}
.b9{
    margin-left: 755px;
    width: 22px;
    height: 47px;
    position: absolute;
    background: white;    
    border-radius: 0px 5px 0px 0px;
    border-right: 1px solid;
    border-top: 1px solid;
    border-color: var(--visio-blu);
}

.b10{
    margin-left: 755px;
    width: 22px;
    height: 162px;
    position: absolute;
    background: white;    
    border-radius: 0px 5px 0px 0px;
    border-right: 1px solid;
    border-top: 1px solid;
    border-color: var(--visio-blu);
}
.b11{
   margin-left: 762px;
   margin-top:161px;
    width: 14px;
    height: 10px;
    position: absolute;
    background: white;    
    border-radius: 5px 5px 5px 0px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: var(--visio-blu);
    transform: skewX(-34deg);
}
.tinput{
    font-family: fontVisioInter-SemiBold;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 5px 10px;
    position: relative;
    flex: 1;
    flex-grow: 1;
    background-color: #ffc7091a;
    border: 1px solid;
    border-color: var(--visio-blu);
    resize: none;
    height: 140px;
}
.tinput::placeholder{
    color: var(--visio-blu);
}


.b16{
    margin-left: 10px;;
     width: 92px;
     height: 12px;
     position: absolute;
     background: #93cfeb;    
     border-radius: 5px 0px 0px 5px;
     border-left: 2.5px solid;
     border-top: 1px solid;
     border-color: var(--white);
     transform: skewX(-64deg);
 }
 .b17{
    margin-left: 94px;
    margin-top:32px;
     width: 22px;
     height: 12px;
     position: absolute;
     background: #93cfeb;    
     border-radius: 5px 5px 5px 0px;
     border-right: 1px solid;
     border-bottom: 1px solid;
     border-color: var(--white);
     transform: skewX(-34deg);
 }
 .b18{
    margin-left: 10px;;
     width: 92px;
     height: 12px;
     position: absolute;
     background: #93cfeb;    
     border-radius: 5px 0px 0px 5px;
     border-left: 2.5px solid;
     border-top: 1px solid;
     border-color: var(--white);
     transform: skewX(-64deg);
 }
 .b19{
     margin-left: 95px;
     width: 22px;
     height: 37px;
     position: absolute;
     background: #93cfeb;    
     border-radius: 0px 5px 0px 0px;
     border-right: 1px solid;
     border-top: 1px solid;
     border-color: var(--white);
 }

 .btn_container{
    cursor: pointer;
    display: flex;
    width: 84px;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border-radius: 5px;
    border: 0.25px solid;
    background-color: #93cfeb;
    border-color: var(--white);
    position: absolute;
    top: 10px;
    left: 0;
}
.div_invia{
    position: relative;
    width: fit-content;
   
    font-family: var(--h6-font-family);
    font-weight: var(--h6-font-weight);
    color: var(--white);
    font-size: var(--h6-font-size);
    letter-spacing: var(--h6-letter-spacing);
    
    white-space: nowrap;
    font-style: var(--h6-font-style);
}

.footer{
    display: flex;
    margin-top:90px;
    height: 170px;
    border-radius: 15px;
}
.footer_left{
    display: flex;
    width: 1083px;
    align-items: flex-start;
    gap: 129px;
    padding: 30px 30px 30px 135px;
    position: relative;
    background-color: var(--visio-blu);
    border-radius: 15px 0px 0px 15px;
}
.footer_left_inside{
    display: flex;
    width: 1083px;
    align-items: flex-start;
    gap: 129px;
    
    position: relative;
    background-color: var(--visio-blu);
    border-radius: 15px 0px 0px 15px;
}
.footer_left_text{
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "fontVisioInter-Regular", Helvetica;
    font-weight: 400;
    color: var(--white);
    font-size: 16px;
   margin-bottom:4px;;
    letter-spacing: 0.32px;
    line-height: 24px;
    white-space: nowrap;
}

.footer_right{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding: 30px;
    position: relative;
    flex: 1;
    align-self: stretch;
    flex-grow: 1;
    background-color: var(--dark-grey);
    border-radius: 0px 15px 15px 0px;
}
.footer_right_inside{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    flex: 1;
    align-self: stretch;
    flex-grow: 1;
    background-color: var(--dark-grey);
    border-radius: 0px 15px 15px 0px;
}

.footer_right_text{
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "fontVisioInter-Regular", Helvetica;
    font-weight: 500;
    color: var(--white);
    font-size: 12px;
    letter-spacing: 0.24px;
    line-height: 22px;
    white-space: nowrap;
}