.breadcrumbs{
    font-size: .7rem;
}

#accordionVantaggi .accordionButton{
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.5rem;
    color: var(--purple);
}

#accordionVantaggi .accordionButton [class^=title]{
  flex: 1 0 0;
}

#accordionVantaggi .accordionButton::after{
  content: "\f068";
  flex: 0 0 2rem;
  width: 2rem;
  display: block;
  font-family: "Font Awesome\ 5 Free";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-size: 1rem;
  font-weight: 900;
}

#accordionVantaggi .accordionButton.collapsed{
    color: var(--lightPurple);
}

#accordionVantaggi .accordionButton.collapsed::after{
  content: "\f067";
}

.card{
    border: unset;
}

.card-header,.card-body{
    padding: 0;
}

.card-body{
    border-bottom: 1px dashed #A7A7A7;
    border-radius: 0;
}

.plus{
    position: absolute;
    right: 0;
}


#accordionServizi .btn{
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
}

#accordionServizi .btn [class^=title]{
  flex: 1 0 0;
}

#accordionServizi .btn::after{
  content: "\f068";
  flex: 0 0 2rem;
  width: 2rem;
  display: block;
  font-family: "Font Awesome\ 5 Free";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-size: 1rem;
  font-weight: 900;
}

#accordionServizi .btn:not(.collapsed){
    color: var(--purple);
}

#accordionServizi .btn.collapsed::after{
  content: "\f067";
}




.card-header{
    border-bottom: unset;
}

.card-header > button{
    white-space: normal;
}

#future-top .resizer{
    width: 100%;
}

#percorso .resizer{
    width: 100%;
}

#vantaggi .resizer{
    width: 100%;
}


#future-top .imgContainer{
    padding-top: 100%;
}

#percorso .imgContainer{
    padding-top: 100%;
}

#vantaggi .imgContainer{
    padding-top: 100%;
}

@media(max-width: 1799px){

}

@media(max-width: 1199px){
    .breadcrumbs{
        font-size: .9rem;
    }
    #future-top .imgContainer{
        padding-top: 70%;
    }
    
    #percorso .imgContainer{
        padding-top: 70%;
    }

    #vantaggi .imgContainer{
        padding-top: 70%;
    }
}

@media(max-width: 767px){
    #future-top .imgContainer{
        padding-top: 100%;
    }
    
    #percorso .imgContainer{
        padding-top: 100%;
    }
        
    #vantaggi .imgContainer{
        padding-top: 100%;
    }
}

@media(min-width: 1800px){
    .offset-xxl-1 {
        margin-left: 8.333333%;
    }
}