.index .div-vector-57 {
    height: 100px;
    width: 100%;
    padding: 0px 108px;
  }

  @media(max-width:1000px){
    .index .div-vector-57 {
      display: none;
    }
  }
  
  .index .vector-57 {
    width: 25%;
    padding-right: 4%;
    margin-top: -33%;
    height: 608%;
    float: right;
  }

  .come-funziona .vector-57 {
    margin-top: -40%;
    height: 700%;
    padding-right: 9%;
}
  
  .index .div-vector-58 {
      height: 160px;
      width: 100%;
      padding: 0px 108px;
  }

  @media(max-width:1000px){
    .index .div-vector-58 {
      display: none;
    }
  }
  
  .index .vector-58 {
    width: 100%;
    padding-left: 15%;
    padding-right: 24%;
    margin-top: -12%;
    height: 270%;
  }
  
  .index .div-vector-59 {
    height: 160px;
    width: 100%;
    padding: 0px 108px;
  }

  @media(max-width:1000px){
    .index .div-vector-59 {
      display: none;
    }
  }
  
  .index .vector-59 {
    width: 100%;
    padding-left: 15%;
    padding-right: 15%;
    margin-top: -12%;
    height: 296%;
  }

  .come-funziona .vector-59 {
    padding-right: 24%;
  }
  
  @media(max-width:1000px){
    .index .vector-57, .index .vector-58, .index .vector-59{
      display: none;
    }
  }

  .index .highlight-functionality-sx {
    align-items: center;
    align-self: stretch;
    display: var(----display-responsive);
    flex: 0 0 auto;
    gap: 10px;
    padding: 0px 108px 0px 108px;
    position: relative;
    width: 100%;
  }
  
  @media(max-width:1000px){
    .index .highlight-functionality-sx {
    padding:0px;
    padding-top:40px
    }
  }
  
  .index .frame-477501 {
    align-items: center;
    display: var(--display-responsive);
    flex: 1;
    flex-grow: 1;
    gap: 10px;
    position: relative;
  }
  
  .index .frame-477502 {
    align-items: center;
    display: flex;
    flex: 1;
    flex-grow: 1;
    gap: 10px;
    position: relative;
    flex-direction: row;
  }
  
  @media(max-width:1000px){
    .index .frame-477502 {
    flex-direction: column-reverse;
    gap:24px;
    }
  }

  .index .frame-4 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 24px;
    position: relative;
    width: 41.67vw;
  }
  
  @media(max-width:1000px){
    .index .frame-4 {
      width: 100%;
    }
  }

  .index .headline {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 16px;
    position: relative;
    width: 100%;
  }

  .index .titolo-2 {
    align-self: stretch;
    color: var(--secondary);
    font-weight: 700;
    line-height: 44px;
    margin-top: -1.00px;
    position: relative;
  }
  
  .index .con-il-pannello-di-c {
    align-self: stretch;
    color: var(--secondary-dark);
    font-weight: 400;
    line-height: 26px;
    position: relative;
  }
  
  .index .con-il-pannello-di-c-1 {
    align-self: stretch;
    color: var(--secondary-dark);
    font-weight: 700;
    line-height: 28px;
    margin-top: -1.00px;
    position: relative;
  }

  .index .frame-4-1 {
    align-items: flex-end;
    display: flex;
    flex: 1;
    flex-direction: column;
    flex-grow: 1;
    gap: 24px;
    position: relative;
  }
  
  @media(max-width:1000px){
    .index .frame-4-1 {
      gap:12px;
    }
  }

  .index .nfchand-1 {
    height: auto;
    position: relative;
    width: 34.72vw;
  }
  
  @media(max-width:1000px){
    .index .nfchand-1 {
      width: 100%;
    }
  }

  .index .highlight-functionality-dx {
    justify-content: flex-end;
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    gap: 10px;
    padding: 0px 108px;
    position: relative;
    width: 100%;
  }
  
  @media(max-width:1000px){
    .index .highlight-functionality-dx {
    padding:0px;
    padding-top:60px
    }
  }

  .index .nfchand-1-1 {
    height: auto;
    position: relative;
    width: 32.92vw;
  }
  
  @media(max-width:1000px){
    .index .nfchand-1-1 {
      width: 100%;
    }
  }
  
  .index .nfchand-1-2 {
    height: auto;
    position: relative;
    width: 34.72vw;
  }
  
  @media(max-width:1000px){
    .index .nfchand-1-2 {
      width: 100%;
    }
  }

  .index .highlight-functionality-sx-1 {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    gap: 10px;
    padding: 0px 108px 120px 108px;
    position: relative;
    width: 100%;
  }
  
  @media(max-width:1000px){
    .index .highlight-functionality-sx-1 {
    padding:0px!important;
    padding-top:60px!important;
    }
  }