/* screen - come-funziona */

.come-funziona {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  gap: 5px;
  width:100vw;
}

.come-funziona .label {
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.come-funziona .label-1 {
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.come-funziona .body {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 80px 0px 0px;
  position: relative;
  width:100vw;
}

@media(max-width:1000px){
  .come-funziona .body {
    padding: 80px 12px 0px 12px;
  }
}
.come-funziona .vector-61 {
  height: 761px;
  left: 229px;
  position: absolute;
  top: 3226px;
  width: 68.1vw;
}

.come-funziona .vector-60 {
  height: 645px;
  left: 229px;
  position: absolute;
  top: 2417px;
  width: 41.50vw;
}

.come-funziona .vector-62 {
  height: 761px;
  left: 244px;
  position: absolute;
  top: 4465px;
  width: 62.7vw;
}

.come-funziona .section {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  position: relative;
  width: 100%;
}

.come-funziona .hero {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 55px;
  position: relative;
}

@media(max-width:1000px){
  .come-funziona .hero {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
}

.come-funziona .titolo-1 {
  align-self: stretch;
  color: var(--secondary);
  font-weight: 700;
  line-height: 64px;
  margin-top: -1.00px;
  position: relative;
}

@media(max-width:1000px){
  .come-funziona .titolo-1 {
    text-align: center;
    line-height: 44px;
}
}

.come-funziona .testo {
  align-self: stretch;
  color: var(--secondary);
  font-weight: 400;
  line-height: 32px;
  position: relative;
}

@media(max-width:1000px){
  .come-funziona .testo {
    text-align: center;
  }
}

.come-funziona .section-1 {
  align-items: center;
  flex-direction: column;
  padding: 120px 0px;
}

@media(max-width:1000px){
  .come-funziona .section-1 {
    padding: 60px 0px;
  }
}

.come-funziona .grey-section {
  align-items: center;
  background-color: var(--secondary);
  border-radius: 14px;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 64px;
  padding: 20px 0px;
  position: relative;
  width: 84.7vw;
}

@media(max-width: 1000px){
  .come-funziona .grey-section {
  width: 100%;
  }
}
.come-funziona .frame {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  position: relative;
}

.come-funziona .legalinvoice-1 {
  flex: 0 0 auto;
  position: relative;
}

.come-funziona .moleculestesti {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 8px;
  justify-content: center;
  position: relative;
}

.come-funziona .titolo-2-1 {
  align-self: stretch;
  color: var(--white);
  font-weight: 700;
  line-height: 44px;
  margin-top: -1.00px;
  position: relative;
}

.come-funziona .sottotitolo {
  align-self: stretch;
  color: var(--white);
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-s);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
}

.come-funziona .taxi-flying-sheets-of-paper {
  height: 116px;
  object-fit: cover;
  position: relative;
  width: 122px;
}

.come-funziona .moleculestesti-1 {
  display: flex;
  width: 68.3vw;
}

@media(max-width:1000px){
  .come-funziona .moleculestesti-1 {
    width: 100%;
  }
}

.come-funziona .titolo-3 {
  align-self: stretch;
  color: var(--secondary);
  font-weight: 700;
  line-height: 44px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.come-funziona .sottotitolo-1 {
  align-self: stretch;
  color: var(--secondary-dark);
  font-weight: 400;
  line-height: 26px;
}

.come-funziona .section-2 {
  align-items: flex-start;
  padding: 116px 0px 139px 110px;
}

@media(max-width:1000px){
  .come-funziona .section-2 {
    padding: 0px!important;
    padding-top:40px!important;
  }
}

.come-funziona .accordion-img {
  align-items: flex-start;
  display: flex;
  gap: 64px;
  justify-content: center;
  margin-right: -2.00px;
  position: relative;
  width: 92.5vw;
}

@media(max-width:1000px){
  .come-funziona .accordion-img {
    flex-direction: column;
    gap: 40px!important;
  }
}

.come-funziona .wizard-accordion-1 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--grey-2);
  border-radius: 5px;
  box-shadow: 0px 3px 7px #c2d1d96e;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 234px;
  padding: 16px 20px;
  position: relative;
  width: 34.7vw;
}

.come-funziona .frame-3836-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 20px;
  position: relative;
  width: 100%;
}

.come-funziona .group-384 {
  background-color: var(--success-alternative);
  border-radius: 2px;
  height: 42px;
  position: relative;
  width: 42px;
}

.come-funziona .rectangle {
  background-color: var(--green-commercial);
  height: 2px;
  left: 0;
  position: absolute;
  top: 40px;
  width: 42px;
}

.come-funziona .schedule {
  height: 28px;
  left: 7px;
  position: absolute;
  top: 7px;
  width: 28px;
}

.come-funziona .x100-compliance {
  flex: 1;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
}

.come-funziona .expand_less {
  height: 20px;
  position: relative;
  width: 20px;
}

.come-funziona .testo-1 {
  align-items: flex-end;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 32px;
  position: relative;
  width: 100%;
}

.come-funziona .carica-da-questo-com {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.come-funziona .wizard-accordion {
  align-items: flex-start;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 74px;
  justify-content: center;
  padding: 16px 20px;
  position: relative;
  width: 34.7vw;
}

.come-funziona .frame-3836 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 20px;
  margin-bottom: -3.00px;
  margin-top: -3.00px;
  position: relative;
  width: 100%;
}

.come-funziona .d-devices {
  height: 28px;
  left: 7px;
  position: absolute;
  top: 7px;
  width: 28px;
}

.come-funziona .verwalten-sie-ihre-r {
  flex: 1;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.come-funziona .keyboard_arrow_down {
  height: 20px;
  position: relative;
  width: 20px;
}

.come-funziona .account_balance {
  height: 28px;
  left: 7px;
  position: absolute;
  top: 7px;
  width: 28px;
}

.come-funziona .smartphone {
  height: 28px;
  left: 7px;
  position: absolute;
  top: 7px;
  width: 28px;
}

.come-funziona .frame-4518 {
  height: 525px;
  position: relative;
  width: 53.3vw;
}

.come-funziona .mask-group {
  height: 552px;
  left: 174px;
  position: absolute;
  top: -11px;
  width: 41.1vw;
}

.come-funziona .moleculestesti-2 {
  display: inline-flex;
  padding: 0px 208px;
}

@media(max-width:1000px){
  .come-funziona .moleculestesti-2 {
    padding:60px 0px 0px 0px;
    width: 100%;
  }
}

.come-funziona .titolo-4 {
  color: var(--secondary);
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-xl);
  font-weight: 600;
  letter-spacing: -0.53px;
  line-height: 44px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 57.08vw;
}

@media(max-width:1000px){
  .come-funziona .titolo-4 {
    width: 100%;
  }
}

.come-funziona .sottotitolo-2 {
  letter-spacing: 0;
  line-height: 24px;
  width: 56.1vw;
}

@media(max-width:1000px){
  .come-funziona .sottotitolo-2 {
    width: 100%;
  }
}

.come-funziona .keyboard_arrow_down-3 {
  height: 20px;
  position: relative;
  width: 20px;
}

.come-funziona .moleculestesti-3 {
  align-items: center;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  position: relative;
}

@media (max-width:1000px){
  .come-funziona .moleculestesti-3 {
    gap: 12px;
  }
}

.come-funziona .section-3 {
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  position: relative;
  width: 100%;
}

.come-funziona .sottotitolo-3 {
  position: relative;
  text-align: center;
}

.come-funziona .x100-compliance-3 {
  flex: 1;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

ul.con-il-pannello-di-c.desktopsubtitle-2---20-regular {
  gap: 12px; 
  display: flex; 
  flex-direction: column;
  }

  .highlight-functionality-sx-1 {
    padding: 0px 108px!important;
  }

  .highlight-functionality-sx-1-padding {
    padding: 0px 108px 120px 108px!important;
  }