/* HERO */
.hero, .esperienza, .team{
    background-color: white;
}
.gridHero, .col2-hero, .esperienza, .bgEsperienza, .completezza, .bgCompletezza, .team, .bgTeam{
    background-repeat: no-repeat;
}
.gridHero, .gridCircleSedi, .cardSede, .esperienza, .contNumeroEsperienza, .completezza, .contTestCompletezza, .containerBuCompletezza, .gridDati, .cardDati, .containerTextDati, .gridFilosofia, .cardFilosofia, .containerProfessionisti, button.btnAccordion, .contNomeProgetto{
    display: flex;
}
h1, h2, h3, p, li, button, a{
    font-family: 'news-gothic-std', sans-serif;
}
h1.titleHero, h2.subtitleHero, li.itemHero, h2.titleEsperienza, h3.subtitleEsperienza, p.textEsperienza, h2.titleCompletezza, h3.subtitleCompletezza, h3.subtitle1Team, p.textTeam, h3.subtitle2Team, h2.titleProgetti, h3.nomeProgetto, li.voceProgetto{
    color:#003883;
}
p.textHero, a.linkButton:hover, li.itemHero::before, p.overtitleSedi, p.overtitleEsperienza, p.overtitleCompletezza, p.overtitleMission, p.overtitleFilosofia, span.textOrange, h2.titleTeam, p.overtitleQualita, button.btnAccordion span, p.overtitleProgetti, .contNomeProgetto span{
    color:#EE7D11;
}
a.linkButton, h2.titleSedi, p.textCircleSede, h3.subtitleSedi, p.textNumeroEsperienza, h3.numeroEsperienza, h3.numeroTest, p.textTest, h3.numeroBu, p.textBu, p.textCardDati, p.numberCardDati, p.textDati, h2.titleMission, h3.subtitleMission, h2.titleFilosofia, h3.subtitleFilosofia, p.textFilosofia, p.textCardFilosofia, p.textProfessionisti, h2.titleQualita, p.textQualita, button.btnAccordion, p.textCertificazione{
    color:white;
}
p.textHero, h2.subtitleHero, p.overtitleEsperienza, p.textEsperienza, p.textNumeroEsperienza, h3.numeroEsperienza, h3.subtitleCompletezza, p.overtitleCompletezza, h3.numeroTest, p.textTest, h3.numeroBu, p.textBu, p.numberCardDati, p.textDati, p.overtitleMission, h3.subtitleMission, p.overtitleFilosofia, p.textCardFilosofia, h2.titleTeam, p.textProfessionisti, h3.subtitle2Team, p.overtitleQualita, p.overtitleProgetti, h3.nomeProgetto{
    margin: 0;
}
a.linkButton{
    background: #EE7D11;
    border-radius: 44px;
    border: 3px solid #EE7D11;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}
a.linkButton:hover, button.btnAccordion, button.btnAccordion:hover, button.btnAccordion:focus{
    background-color: transparent;
}
ul.listHero, ul.listProgetto{
    list-style: none;
}
li.itemHero, button.btnAccordion, .cardSede, .cardDati, .cardFilosofia{
    position: relative;
}
li.itemHero::before{
    position: absolute;
    content: '\e876';
    font-weight: 500;
    font-family: 'Material Symbols Outlined';
    top: 50%;
    transform: translateY(-50%);
}
/* SEDI */
.sedi, .datiEurofins, .mission, .qualita{
    background-color: #003883;
}
.sedi, .cardDati{
    text-align: center;
}
h2.titleSedi, h3.subtitleSedi{
    margin: 0 auto;
}
.gridCircleSedi, .cardSede, .cardDati, .cardFilosofia{
    justify-content: center;
}
.gridCircleSedi, .cardSede, .containerTextDati, .cardDati, .gridFilosofia, .cardFilosofia, .containerProfessionisti, button.btnAccordion, .contNomeProgetto{
    align-items: center;
}
.cardSede .circle {
    animation:bouncingCircleSedi 4s linear infinite;
}
.circle {
    transform: translate(-50%, -50%) !important;
    transform-origin: center;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
}
.cardSede:first-child .circle, .cardDati:first-child .circle, .cardFilosofia:first-child .circle{
    border: 3px solid #EE7D11;
}
.cardSede:nth-child(2) .circle, .cardDati:last-child .circle, .cardFilosofia:nth-child(2) .circle{
    border: 3px solid #3E54FF;
}
.cardSede:nth-child(3) .circle,  .cardFilosofia:last-child .circle{
    border: 3px solid #8892E0;
}
.cardSede:last-child .circle, .cardDati:nth-child(2) .circle{
    border: 3px solid #FFB56E;
}
.cardSede strong{
    display: block;
}
/* ESPERIENZA */
.esperienza, .completezza{
    flex-direction: column;
    justify-content: space-between;
}
.ombraNumeroEsperienza{
    background: linear-gradient(90deg, #00388380 0%, #ffffff00 20%);
}
h3.numeroEsperienza, h3.numeroTest{
    position: relative;
}
h3.numeroEsperienza::before, h3.numeroTest::before {
    left: 0;
    content: '+';
    line-height: 0;
    position: absolute;
    transform: translateX(-100%);
}
/* COMPLETEZZA */
.textContainerCompletezza{
    text-align: right;
}
h3.subtitleCompletezza{
    margin-left: auto;
}
.ombraTestCompletezza{
    background: linear-gradient(270deg, #00388380 12%, #ffffff00 22%);
}
/* DATI EUROFINS */
.gridDati{
    flex-wrap: wrap;
    justify-content: center;
}
.cardDati {
    flex-direction: column;
}
.cardDati .circle{
    animation:bouncingCircleDati 4s linear infinite;
}
.cardDati:nth-child(3) .circle{
    border: 3px solid #8291C7;
}
.cardDati:nth-child(4) .circle{
    border: 3px solid #6270A8;
}
img.iconDati{
    height: auto;
}
.ombraTextDati{
    background-color: #00295F80;
}
.containerTextDati, .filosofia{
    background-color: #00295F;
}
/* FILOSOFIA */
.cardFilosofia .circle {
    animation:from0to50inner 4s linear infinite;
}
/* TEAM */
.ombraProfessionisti{
    background: linear-gradient(90deg, #00388380 0%, #ffffff00 20%);
}
/* QUALITÀ */
.wrapCertificazione{
    border-bottom: 1px solid white;
}
button.btnAccordion{
    width: 100%;
    padding: 0;
    border: none;
    cursor: pointer;
    text-align: left;
}
button.btnAccordion:after{
    position: absolute;
    color:white;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 100;
    font-family: 'Material Symbols Outlined';
    content: '\e145';
}
button.btnAccordion.active:after{
    content: '\e15b';
}
button.btnAccordion span{
    font-weight: 500;
}
.descrAccordion {
    display: none;
}
p.subtextPdf a{
    text-decoration: none;
}
/* PROGETTI */
.progetti{
    background-color: #EDEDED;
}
.contNomeProgetto span {
    font-weight: 500;
}
ul.listProgetto{
    padding-left: 0;
}
ul.sublistProgetto {
    list-style: disc;
}
@media (max-width:550px){
    /* HERO */
    .col2-hero{
        background-image: url(/media/hvdn2x5t/hero-chisiamo-500.webp);
    }
    p.textHero, p.overtitleSedi, p.overtitleEsperienza, p.overtitleCompletezza, p.overtitleMission, p.overtitleFilosofia, p.overtitleQualita, p.overtitleProgetti{
        font-size: 3.6vw;
        line-height: 4.5vw;
    }
    a.linkButton, li.voceProgetto, p.textCertificazione{
        font-size: 4.5vw;
        line-height: 6.2vw;
    }
    h1.titleHero, h2.titleEsperienza, h2.titleCompletezza, h2.titleMission, h2.titleFilosofia, h2.titleTeam,  h2.titleQualita, h2.titleProgetti{
        font-size: 10vw;
        line-height: 11.5vw;
    }
    h1.titleHero{
        margin: 2vw 0 6vw;
    }
    h2.subtitleHero{
        font-size: 7vw;
        line-height: 9vw;
    }
    li.itemHero, h3.subtitleSedi, h3.subtitleEsperienza, h3.subtitleCompletezza, p.textCardDati, p.textDati, h3.subtitleMission, p.textFilosofia, h3.subtitle1Team, p.textQualita, button.btnAccordion, h3.nomeProgetto{
        font-size: 5.45vw;
    }
    ul.listHero {
        padding-left: 9vw;
        margin: 7vw 0 9vw;
    }
    li.itemHero::before {
        font-size: 8.5vw;
        left: -9vw;
    }
    a.linkButton {
        width: 62vw;
        height: 15vw;
    }
    /* SEDI */
    .sedi{
        padding: 15vw 8vw;
    }
    h2.titleSedi, p.textCircleSede, p.numberCardDati, p.textCardFilosofia, h3.subtitleFilosofia, h3.subtitle2Team{
        font-size: 7.3vw;
        line-height: 9vw;
    }
    p.overtitleSedi{
        margin: 0 auto 2.5vw;
    }
    .gridCircleSedi{
        margin: 4vw auto;
        height: 268vw;
    }
    .cardSede {
        flex: 0 0 100%;
    }   
    .cardSede .circle, .cardFilosofia .circle{
        width: 55vw;
        height: 55vw;
    }
    @keyframes bouncingCircleSedi {
        0%{width: 55vw; height: 55vw; transform: translate(-50%, -50%) !important;}
        50%{width: 60vw; height: 60vw; transform: translate(-50%, -50%) !important;}
        0%{width: 55vw; height: 55vw; transform: translate(-50%, -50%) !important;}
    }
    /* ESPERIENZA */
    .bgEsperienza{
        background-image: url(/media/bg-esperienza-500-def.webp);
        height: calc(100vw / (500 / 448));
    }
    .textContainerEsperienza {
        padding: 15vw 10vw;
    }
    p.textEsperienza, p.textNumeroEsperienza, p.textTest, p.textBu, p.textTeam{
        font-size: 4.5vw;
    }
    p.textEsperienza, p.textTeam{
        line-height: 6vw;
    }
    p.textNumeroEsperienza, p.textTest, p.textBu{
        line-height: 5.5vw;
    }
    h3.numeroEsperienza, h3.numeroTest{
        font-size: 15vw;
        line-height: 15vw;
        margin-left: 5.5vw;
    }
    h2.titleEsperienza, h2.titleCompletezza, h2.titleMission, h2.titleFilosofia{
        margin: 2.5vw 0 7vw;
    }
    h3.subtitleEsperienza {
        margin: 0 0 7vw;
    }
    .ombraNumeroEsperienza, .contNumeroEsperienza{
        border-radius: 17vw 0 0 17vw;
    }
    .ombraNumeroEsperienza {
        width: 93vw;
    }
    .contNumeroEsperienza {
        margin-left: 3vw;
        padding: 4.5vw 0 4.5vw 14vw;
    }
    h3.numeroEsperienza::before, h3.numeroTest::before{
        top: 38%;
        font-size: 11vw;
    }
    p.textNumeroEsperienza {
        max-width: 66vw;
    }
    /* COMPLETEZZA */
    .bgCompletezza{
        background-image: url(/media/bg-completezza-500-def.webp);
        height: calc(100vw / (500 / 564));
    }
    .textContainerCompletezza{
        padding: 15vw 10vw;
    }
    .ombraTestCompletezza, .contTestCompletezza{
        border-radius: 0 17vw 17vw 0;
    }
    .ombraTestCompletezza {
        bottom: 44vw;
        width: 90vw;
    }
    .contTestCompletezza {
        flex-direction: column;
        margin-right: 3vw;
        padding: 4vw 0 4vw 10vw;
        grid-gap: 3vw;
    }
    p.textTest  {
        max-width: 50vw;
    }
    .containerBuCompletezza{
        height: 44vw;
        grid-gap: 2vw;
    }
    h3.numeroBu, p.textProfessionisti{
        font-size: 11.2vw;
        line-height: 11.2vw;
    }
    /* DATI EUROFINS */
    .datiEurofins {
        padding-top: 15vw;
    }
    .cardDati{
        height: 75vw;
    }
    .cardDati:first-child p.textCardDati{
        width: 48vw;
    }
    .cardDati .circle{
        width: 62vw;
        height: 62vw;
    }
    .cardDati:first-child img.iconDati, .cardDati:nth-child(4) img.iconDati {
        width: 10.3vw;
    }
    .cardDati:nth-child(2) img.iconDati {
        width: 12.5vw;
    }
    .cardDati:nth-child(3) img.iconDati, .cardDati:last-child img.iconDati {
        width: 13.3vw;
    }
    p.textCardDati {
        margin: 4.5vw 0 3.5vw;
        line-height: 6.5vw;
    }
    .ombraTextDati {
        padding-top: 4.5vw;
    }
    .containerTextDati {
        padding: 12vw 10vw;
    }
    @keyframes bouncingCircleDati {
        0%{width: 62vw; height: 62vw; transform: translate(-50%, -50%) !important;}
        50%{width: 67vw; height: 67vw; transform: translate(-50%, -50%) !important;}
        0%{width: 62vw; height: 62vw; transform: translate(-50%, -50%) !important;}
    }
    /* MISSION */
    .mission{
        padding: 15vw 10vw;
    }
    h3.subtitleMission {
        line-height: 7vw;
    }
    /* FILOSOFIA */
    .filosofia{
        padding: 15vw 10vw;
    }
    h3.subtitleFilosofia, p.textFilosofia{
        margin: 0 0 7vw;
    }
    .gridFilosofia{
        height: 200vw;
    }
    @keyframes from0to50inner {
        0%{width: 55vw; height: 55vw; transform: translate(-50%, -50%) !important;}
        50%{width: 60vw; height: 60vw; transform: translate(-50%, -50%) !important;}
        0%{width: 55vw; height: 55vw; transform: translate(-50%, -50%) !important;}
    }
    /* TEAM */
    .team{
        padding-bottom: 15vw;
    }
    .bgTeam{
        background-image: url(/media/bg-team-500.webp);
    }
    .innerTeam {
        padding-top: 12vw;
    }
    h3.subtitle1Team {
        line-height:6.2vw;
        margin: 4vw 0 7vw;
    }
    p.textTeam {
        width: 80vw;
        margin: 0 0 6vw;
    }
    h3.subtitle2Team {
        width: 80vw;
    }
    .ombraProfessionisti, .containerProfessionisti{
        border-radius: 14vw 0 0 14vw;
    }
    .ombraProfessionisti {
        margin-left: 5vw;
        margin-bottom: 7vw;
    }
    .containerProfessionisti {
        height: 30vw;
        padding-left: 11vw;
        margin-left: 3vw;
    }
    /* QUALITÀ */
    .qualita{
        padding: 15vw 10vw;
    }
    h2.titleQualita {
        margin: 2vw 0 7vw;
    }
    p.textQualita {
        margin: 0 0 7vw;
    }
    button.btnAccordion {
        grid-gap: 1.2vw;
        padding: 5vw 8vw 5vw 0;
    }
    button.btnAccordion span, button.btnAccordion:after{
        font-size: 7.5vw;
    }
    .descrAccordion {
        padding-left: 8.7vw;
    }
    p.textCertificazione {
        width: 65vw;
        margin: 0 0 7vw;
    }
    .qualita a.linkButton {
        margin-top: 9vw;
    }
    /* PROGETTI */
    .progetti{
        padding: 15vw 10vw 7vw;
    }
    h2.titleProgetti {
        margin: 2.5vw 0 7vw;
    }
    .contNomeProgetto {
        grid-gap: 1vw;
    }
    ul.listProgetto {
        margin: 3vw 0 8vw;
    }
    ul.sublistProgetto {
        padding-left: 5vw;
    }
    li.voceProgetto {
        line-height: 8vw;
    }
    .contNomeProgetto span {
        font-size: 7.5vw;
    }
}
@media (min-width: 551px){
    .contTestCompletezza{
        align-items: center;
    }
}
@media (min-width:551px) and (max-width:899.9px){
    .col2-hero{
        background-image: url(/media/gx2lsnfd/hero-chisiamo-700.webp);
    }
    .gridCircleSedi{
        margin: 6vw auto;
    }
    .contTestCompletezza{
        grid-gap: 3vw;
    }
    .datiEurofins {
        padding-top: 10vw;
    }
    .team{
        padding-bottom: 10vw;
    }
    .bgTeam{
        background-image: url(/media/bg-team-700.webp);
    }
    .innerTeam {
        padding-top: 8vw;
    }
    p.textTeam {
        margin: 0 0 4vw;
    }
    p.textQualita {
        width: 77vw;
    }
    .contNomeProgetto {
        grid-gap: 0.5vw;
    }
}
@media (min-width:551px) and (max-width:766.9px){
    /* HERO */
    p.textHero, a.linkButton, p.overtitleSedi, p.overtitleEsperienza, p.overtitleCompletezza, p.overtitleMission, p.overtitleFilosofia, p.overtitleQualita, p.overtitleProgetti, li.voceProgetto{
        font-size: 2.6vw;
    }
    p.textHero, p.overtitleSedi, a.linkButton, p.overtitleEsperienza, p.overtitleCompletezza, p.overtitleMission, p.overtitleFilosofia, p.overtitleQualita, p.overtitleProgetti{
        line-height: 3.4vw;
    }
    h1.titleHero{
        line-height: 9.5vw;
        margin: 1.5vw 0 5vw;
    }
    h2.subtitleHero{
        font-size: 5.3vw;
        line-height: 6vw;
    }
    li.itemHero, h3.subtitleSedi, h3.subtitleEsperienza, h3.subtitleCompletezza, p.textCardDati, p.textDati, h3.subtitleMission, p.textFilosofia, h3.subtitle1Team, p.textQualita, button.btnAccordion, p.textCertificazione, h3.nomeProgetto{
        font-size: 3.9vw;
    }
    ul.listHero {
        padding-left: 7vw;
        margin: 7vw 0 8vw;
    }
    li.itemHero::before {
        font-size: 6.5vw;
        left: -7vw;
    }
    a.linkButton {
        width: 50vw;
        height: 11vw;
    }
    /* SEDI */
    .sedi{
        padding: 10vw;
    }
    p.overtitleSedi{
        margin: 0 auto 1.5vw;
    }
    h2.titleSedi, p.textCircleSede, p.numberCardDati, p.textCardFilosofia, h3.subtitleFilosofia, h3.subtitle2Team{
        font-size: 5.9vw;
        line-height: 7vw;
    }
    h3.subtitleSedi {
        width: 70vw;
    }
    .gridCircleSedi{
        height: 80vw;
    }
    .cardSede{
        flex: 0 0 50%;
    }
    .cardSede .circle{
        width: 34vw;
        height: 34vw;
    }
    @keyframes bouncingCircleSedi {
        0%{width: 34vw; height: 34vw; transform: translate(-50%, -50%) !important;}
        50%{width: 37vw; height: 37vw; transform: translate(-50%, -50%) !important;}
        0%{width: 34vw; height: 34vw; transform: translate(-50%, -50%) !important;}
    }
    /* ESPERIENZA */
    .bgEsperienza{
        background-image: url(/media/bg-esperienza-551-def.webp);
        height: calc(100vw / (700 / 622));
    }
    .textContainerEsperienza {
        padding: 10vw;
    }
    h2.titleEsperienza, h2.titleCompletezza, h2.titleMission, h2.titleFilosofia, h2.titleTeam,  h2.titleQualita, h2.titleProgetti{
        font-size: 7.2vw;
        line-height: 8vw;
    }
    p.textEsperienza, p.textNumeroEsperienza, p.textTest, p.textBu, p.textTeam{
        font-size: 3.3vw;
        line-height: 4.5vw;
    }
    h3.numeroEsperienza, h3.numeroTest{
        font-size: 14vw;
    }
    h2.titleEsperienza, h2.titleCompletezza, h2.titleMission, h2.titleFilosofia{
        margin: 1.5vw 0 6vw;
    }
    h3.subtitleEsperienza {
        margin: 0 0 6vw;
    }
    .ombraNumeroEsperienza, .contNumeroEsperienza{
        border-radius: 15vw 0 0 15vw;
    }
    .ombraNumeroEsperienza {
        width: 90vw;
    }
    .contNumeroEsperienza {
        margin-left: 2.5vw;
        padding: 3.5vw 0 3.5vw 12vw;
    }
    p.textNumeroEsperienza {
        max-width: 50vw;
    }
    h3.numeroEsperienza::before, h3.numeroTest::before{
        top: 38%;
        font-size: 10vw;
    }
    h3.numeroEsperienza {
        line-height: 14vw;
        margin-left: 5.5vw;
    }
    /* COMPLETEZZA */
    .bgCompletezza{
        background-image: url(/media/bg-completezza-551-def.webp);
        height: calc(100vw / (700 / 670));
    }
    .textContainerCompletezza{
        padding: 10vw;
    }
    .ombraTestCompletezza, .contTestCompletezza{
        border-radius: 0 8.5vw 8.5vw 0;
    }
    .ombraTestCompletezza {
        bottom: 32vw;
        width: 92vw;
    }
    .contTestCompletezza {
        margin-right: 2.5vw;
        padding: 3vw 0 2vw 15vw;
    }
    h3.numeroTest{
        line-height: 14vw;
    }
    .containerBuCompletezza{
        height: 32vw;
        grid-gap: 2vw;
    }
    h3.numeroBu, p.textProfessionisti{
        font-size: 8.5vw;
        line-height: 8.5vw;
    }
    /* DATI EUROFINS */
    .cardDati{
        height: 61vw;
    }
    .cardDati:first-child p.textCardDati {
        width: 36vw;
    }
    .cardDati .circle{
        width: 50vw;
        height: 50vw;
    }
    .cardDati:first-child img.iconDati, .cardDati:nth-child(4) img.iconDati {
        width: 8.5vw;
    }
    .cardDati:nth-child(2) img.iconDati {
        width: 10vw;
    }
    .cardDati:nth-child(3) img.iconDati, .cardDati:last-child img.iconDati {
        width: 10.5vw;
    }
    p.textCardDati {
        margin: 3vw 0 2.5vw;
        line-height: 4.9vw;
    }
    .ombraTextDati {
        padding-top:3.5vw;
    }
    .containerTextDati {
        padding: 10vw;
    }
    p.textDati {
        width: 72vw;
    }
    @keyframes bouncingCircleDati {
        0%{width: 50vw; height: 50vw; transform: translate(-50%, -50%) !important;}
        50%{width: 54vw; height: 54vw; transform: translate(-50%, -50%) !important;}
        0%{width: 50vw; height: 50vw; transform: translate(-50%, -50%) !important;}
    }
    /* MISSION */
    .mission{
        padding: 10vw;
    }
    h3.subtitleMission {
        line-height: 5.5vw;
    }
    /* FILOSOFIA */
    .filosofia{
        padding: 10vw;
    }
    h3.subtitleFilosofia, p.textFilosofia{
        margin: 0 0 6vw;
    }
    .gridFilosofia{
        height: 185vw;
    }
    .cardFilosofia .circle{
        width: 50vw;
        height: 50vw;
    }
    @keyframes from0to50inner {
        0%{width: 50vw; height: 50vw; transform: translate(-50%, -50%) !important;}
        50%{width: 54vw; height: 54vw; transform: translate(-50%, -50%) !important;}
        0%{width: 50vw; height: 50vw; transform: translate(-50%, -50%) !important;}
    }
    /* TEAM */
    h3.subtitle1Team {
        margin: 3vw 0 6vw;
    }
    p.textTeam {
        width: 73vw;
    }
    .ombraProfessionisti, .containerProfessionisti{
        border-radius: 7.2vw 0 0 7.2vw;
    }
    .ombraProfessionisti {
        margin-left: 6.5vw;
        margin-bottom: 6vw;
    }
    .containerProfessionisti {
        height: 16vw;
        padding-left: 5vw;
        margin-left: 2.5vw;
    }
    /* QUALITÀ */
    .qualita{
        padding: 10vw;
    }
    h2.titleQualita {
        margin: 2vw 0 5vw;
    }
    p.textQualita {
        margin: 0 0 6vw;
    }
    button.btnAccordion {
        height: 18vw;
        grid-gap: 1vw;
        padding-right: 8vw;
    }
    button.btnAccordion span, button.btnAccordion:after{
        font-size: 6.5vw;
    }
    .descrAccordion {
        padding-left: 7.5vw;
    }
    p.textCertificazione {
        width: 64vw;
        margin: 0 0 6vw;
    }
    .qualita a.linkButton {
        margin-top: 8vw;
    }
    /* PROGETTI */
    .progetti{
        padding: 10vw 10vw 5vw;
    }
    h2.titleProgetti {
        margin: 1.5vw 0 5vw;
    }
    ul.listProgetto {
        margin: 3vw 0 6vw;
    }
    ul.sublistProgetto {
        padding-left: 3.6vw;
    }
    li.voceProgetto {
        line-height: 5.1vw;
    }
    .contNomeProgetto span {
        font-size: 5.3vw;
    }
}
@media (max-width:766.9px){
    .col1-hero{
        padding: 10vw;
    }
    li.itemHero{
        margin-bottom: 2.5vw;
    }
    .cardDati, .cardFilosofia{
        flex: 0 0 100%;
    }
    .contNumeroEsperienza {
        grid-gap: 1vw;
        flex-direction: column-reverse;
    }
    .containerBuCompletezza{
        padding: 0 10vw;
        flex-direction: column;
        justify-content: center;
    }
    .gridDati {
        width: 80vw;
        margin: 0 auto 10vw;
    }
    .ombraTextDati, .containerTextDati{
        border-radius: 12vw 12vw 0 0;
    }
    .ombraTextDati {
        width: 100vw;
    }
    h2.titleTeam, h3.subtitle1Team, p.textTeam, h3.subtitle2Team{
        padding-left: 10vw;
    }
}
@media (min-width:767px){
    .contNumeroEsperienza{
        align-items: center;
    }
    .containerBuCompletezza{
        justify-content: flex-end;
        align-items: center;
    }
    .contTestCompletezza{
        justify-content: flex-end;
    }
}
@media (min-width:767px) and (max-width:899.9px){
    /* HERO */
    .col1-hero{
        padding: 8vw;
    }
    p.textHero, a.linkButton, p.overtitleSedi, p.overtitleEsperienza, p.overtitleCompletezza, p.overtitleMission, p.overtitleFilosofia, p.overtitleQualita, p.overtitleProgetti, li.voceProgetto{
        font-size: 1.89vw;
    }
    p.textHero, a.linkButton, p.overtitleSedi, p.overtitleEsperienza, p.overtitleCompletezza, p.overtitleMission, p.overtitleFilosofia, p.overtitleQualita, p.overtitleProgetti{
        line-height: 2.7vw;
    }
    h1.titleHero{
        font-size: 6.13vw;
        line-height: 6.4vw;
        width: 71vw;
        margin: 1vw 0 4vw;
    }
    h2.subtitleHero{
        font-size: 3.8vw;
        line-height: 4.5vw;
        width: 64vw;
    }
    li.itemHero, h3.subtitleSedi, h3.subtitleEsperienza, h3.subtitleCompletezza, p.textCardDati, p.textDati, h3.subtitleMission, p.textFilosofia, h3.subtitle1Team, p.textQualita, button.btnAccordion, p.textCertificazione, h3.nomeProgetto{
        font-size: 2.83vw;
    }
    ul.listHero {
        padding-left: 5.5vw;
        margin: 5vw 0;
    }
    li.itemHero::before {
        font-size: 5vw;
        left: -5.5vw;
    }
    li.itemHero{
        margin-bottom: 2vw;
    }
    a.linkButton {
        width: 38vw;
        height: 8vw;
    }
    /* SEDI */
    .sedi{
        padding: 10vw 8vw;
    }
    p.overtitleSedi{
        margin: 0 auto 1vw;
    }
    h2.titleSedi, p.textCircleSede, p.numberCardDati, p.textCardFilosofia, h3.subtitleFilosofia, h3.subtitle2Team{
        font-size: 4.23vw;
        line-height: 5.3vw;
    }
    .gridCircleSedi {
        width: 65vw;
        height: 65vw;
    }
    .cardSede, .cardDati, .cardFilosofia{
        flex: 0 0 calc(100% / 2);
    }
    .cardSede .circle{
        width: 26vw;
        height: 26vw;
    }
    @keyframes bouncingCircleSedi {
        0%{width: 26vw; height: 26vw; transform: translate(-50%, -50%) !important;}
        50%{width: 28vw; height: 28vw; transform: translate(-50%, -50%) !important;}
        0%{width: 26vw; height: 26vw; transform: translate(-50%, -50%) !important;}
    }
    /* ESPERIENZA */
    .bgEsperienza{
        background-image: url(/media/bg-esperienza-700-def.webp);
        height: calc(100vw / (700 / 505));
    }
    .textContainerEsperienza {
        padding: 8vw;
    }
    h2.titleEsperienza, h2.titleCompletezza, h2.titleMission, h2.titleFilosofia, h2.titleTeam,  h2.titleQualita, h2.titleProgetti{
        font-size: 5.7vw;
    }
    p.textEsperienza, p.textNumeroEsperienza, p.textTest, p.textBu, p.textTeam{
        font-size: 2.55vw;
        line-height: 3.5vw;
    }
    h3.numeroEsperienza, h3.numeroTest{
        font-size: 12.5vw;
    }
    h2.titleEsperienza, h2.titleCompletezza, h2.titleMission, h2.titleFilosofia{
        margin: 1vw 0 4vw;
    }
    h3.subtitleEsperienza {
        margin: 0 0 4vw;
        width: 61vw;
    }
    p.textEsperienza {
        width: 65vw;
    }
    .ombraNumeroEsperienza, .contNumeroEsperienza{
        border-radius: 7.4vw 0 0 7.4vw;
    }
    .ombraNumeroEsperienza {
        width: 96vw;
    }
    .contNumeroEsperienza {
        margin-left: 2vw;
        padding: 2vw 0 2vw 6vw;
    }
    p.textNumeroEsperienza {
        max-width: 25vw;
    }
    h3.numeroEsperienza::before, h3.numeroTest::before {
        font-size: 9vw;
        top: 38%;
    }
    h3.numeroEsperienza {
        margin-left: 6vw;
        line-height: 12.5vw;
    }
    /* COMPLETEZZA */
    .bgCompletezza{
        background-image: url(/media/bg-completezza-700-def.webp);
        height: calc(100vw / (700 / 641));
    }
    .textContainerCompletezza{
        padding: 10vw 8vw;
    }
    .ombraTestCompletezza, .contTestCompletezza{
        border-radius: 0 7vw 7vw 0;
    }
    .ombraTestCompletezza {
        bottom: 21vw;
        width: 94vw;
    }
    .contTestCompletezza {
        margin-right: 2vw;
        padding: 1.5vw 5vw 1vw 0;
    }
    h3.numeroTest{
        line-height: 12.5vw;
    }
    p.textBu  {
        max-width: 24vw;
    }
    .containerBuCompletezza{
        height: 21vw;
        grid-gap: 3vw;
        padding: 0 14vw 0 8vw;
    }
    h3.numeroBu, p.textProfessionisti{
        font-size: 7.2vw;
        line-height: 7.2vw;
    }
    /* DATI EUROFINS */
    .gridDati {
        width: 84vw;
        margin: 0 auto 8vw;
    }
    .cardDati{
        height: 42vw;
    }
    .cardDati:first-child p.textCardDati, .cardDati:nth-child(3) p.textCardDati {
        width: 18vw;
    }
    .cardDati .circle{
        width: 36vw;
        height: 36vw;
    }
    .cardDati:first-child img.iconDati, .cardDati:nth-child(4) img.iconDati {
        width: 7vw;
    }
    .cardDati:nth-child(2) img.iconDati {
        width: 7.8vw;
    }
    .cardDati:nth-child(3) img.iconDati, .cardDati:last-child img.iconDati {
        width: 8vw;
    }
    p.textCardDati {
        margin: 2.2vw 0 1.8vw;
        line-height: 3.8vw;
    }
    .ombraTextDati, .containerTextDati{
        border-radius: 0 11vw 11vw 0;
    }
    .ombraTextDati {
        width: 90vw;
    }
    .containerTextDati {
        padding-left: 8vw;
        height: 24vw;
    }
    p.textDati {
        width: 67vw;
    }
    @keyframes bouncingCircleDati {
        0%{width: 36vw; height: 36vw; transform: translate(-50%, -50%) !important;}
        50%{width: 38vw; height: 38vw; transform: translate(-50%, -50%) !important;}
        0%{width: 36vw; height: 36vw; transform: translate(-50%, -50%) !important;}
    }
    /* MISSION */
    .mission{
        padding: 10vw 8vw;
    }
    h3.subtitleMission {
        line-height: 4.4vw;
    }
    /* FILOSOFIA */
    .filosofia{
        padding: 10vw 8vw;
    }
    .gridFilosofia{
        height: 70vw;
    }
    h3.subtitleFilosofia, p.textFilosofia{
        margin: 0 0 5vw;
        width: 77vw;
    }
    .cardFilosofia .circle{
        width: 30vw;
        height: 30vw;
    }
    @keyframes from0to50inner {
        0%{width: 30vw; height: 30vw; transform: translate(-50%, -50%) !important;}
        50%{width: 32vw; height: 32vw; transform: translate(-50%, -50%) !important;}
        0%{width: 30vw; height: 30vw; transform: translate(-50%, -50%) !important;}
    }
    /* TEAM */
    h2.titleTeam, h3.subtitle1Team, p.textTeam, h3.subtitle2Team{
        padding-left: 8vw;
    }
    h3.subtitle1Team {
        line-height: 3.9vw;
        margin: 2vw 0 5vw;
    }
    p.textTeam {
        width: 71vw;
    }
    .ombraProfessionisti, .containerProfessionisti{
        border-radius: 6.5vw 0 0 6.5vw;
    }
    .ombraProfessionisti {
        margin-left: 4vw;
        margin-bottom: 5vw;
    }
    .containerProfessionisti {
        height: 14vw;
        padding-left: 4vw;
        margin-left: 2vw;
    }
    /* QUALITÀ */
    .qualita{
        padding: 10vw 8vw;
    }
    h2.titleQualita {
        margin: 2vw 0 4vw;
        line-height: 6.7vw;
    }
    p.textQualita {
        margin: 0 0 3vw;
    }
    button.btnAccordion {
        height: 13vw;
        grid-gap: 0.8vw;
        padding-right: 10vw;
    }
    button.btnAccordion span, button.btnAccordion:after{
        font-size: 5vw;
    }
    .descrAccordion {
        padding-left: 5.8vw;
    }
    p.textCertificazione {
        width: 67vw;
        margin: 0 0 4vw;
    }
    .qualita a.linkButton {
        margin-top: 6vw;
    }
    /* PROGETTI */
    .progetti{
        padding: 10vw 8vw 5vw;
    }
    h2.titleProgetti {
        margin: 1vw 0 4vw;
    }
    ul.listProgetto {
        margin: 2vw 0 4vw;
    }
    ul.sublistProgetto {
        padding-left: 2.6vw;
    }
    li.voceProgetto {
        line-height: 3.6vw;
    }
    .contNomeProgetto span {
        font-size: 5vw;
    }
}
@media (max-width:899.9px){
    .gridHero{
        flex-direction: column;
    }
    .col2-hero, .bgEsperienza, .bgCompletezza, .bgTeam{
        background-size: contain;
    }
    .col2-hero{
        height: calc(100vw / (700 / 435));
    }
    .gridCircleSedi, .gridFilosofia{
        flex-wrap: wrap;
    }
    .esperienza, .completezza{
        position: relative;
    }
    .ombraNumeroEsperienza {
        position: absolute;
        bottom: 0;
        right: 0;
    }
    .contNumeroEsperienza, .contTestCompletezza, .containerProfessionisti {
        background: #003883;
    }
    .ombraTestCompletezza {
        position: absolute;
        left: 0;
    }
    .containerBuCompletezza {
        background: #00295f;
    }
    .containerTextDati {
        width: 80vw;
    }
    .gridFilosofia {
        margin: 5vw 0 6vw;
        justify-content: center;
    }
    .bgTeam{
        height: calc(100vw / (700 / 516));
    }
}
@media (min-width:900px){
    .gridHero{
        align-items: center;
    }
    h1.titleHero{
        margin: 1vw 0 2vw;
    }
    p.overtitleSedi{
        margin: 0 0 1vw;
    }
    .cardDati, .cardFilosofia{
        flex: 0 0 calc(100% / 3);
    }
    .esperienza, .completezza, .team{
        background-size: contain;
    }
    h3.subtitleEsperienza {
        margin: 0 0 3vw;
    }
    .contNumeroEsperienza {
        padding-left: 3vw;
    }
    .ombraProfessionisti {
        margin-bottom: 3vw;
    }
    .containerProfessionisti {
        padding-left: 3vw;
    }
    p.textQualita {
        margin: 0 0 3vw;
    }
}
@media (min-width:900px) and (max-width:1400px){
    ul.listHero {
        margin: 3vw 0;
    }
    li.itemHero{
        margin-bottom: 1vw;
    }
    .gridCircleSedi{
        margin: 4vw auto;
    }
    p.overtitleSedi{
        margin: 0 auto 0.5vw;
    }
    h2.titleEsperienza, h2.titleCompletezza, h2.titleMission, h2.titleFilosofia{
        margin: 0.5vw 0 3vw;
    }
    .ombraNumeroEsperienza, .contNumeroEsperienza, .ombraProfessionisti, .containerProfessionisti{
        border-radius: 5vw 0 0 5vw;
    }
    .ombraNumeroEsperienza {
        margin-top: 5vw;
    }
    .contNumeroEsperienza {
        margin-left: 1.5vw;
        background: linear-gradient(90deg, #003883 44%, #00388378 55%, #ffffff00 63%);
    }
    h3.numeroEsperienza {
        line-height: 8vw;
    }
    .ombraTestCompletezza, .contTestCompletezza{
        border-radius: 0 5vw 5vw 0;
    }
    .contTestCompletezza {
        margin-right: 1.5vw;
    }
    .cardDati:first-child img.iconDati, .cardDati:nth-child(4) img.iconDati {
        width: 4.7vw;
    }
    .cardDati:nth-child(2) img.iconDati {
        width: 5.6vw;
    }
    .cardDati:nth-child(3) img.iconDati, .cardDati:last-child img.iconDati {
        width: 5.2vw;
    }
    h3.subtitleMission {
        line-height: 3.2vw;
    }
    .team{
        padding: 8vw 0 4vw;
    }
    h3.subtitle1Team {
        line-height: 2.8vw;
    }
    p.textTeam {
        margin: 0 0 2.5vw;
    }
    p.textCertificazione {
        width: 66vw;
    }
    h2.titleProgetti {
        margin: 0.5vw 0 2vw;
    }
    .contNomeProgetto {
        grid-gap: 0.5vw;
    }
    ul.listProgetto {
        margin: 1.5vw 0 3vw;
    }
}
@media (min-width:900px) and (max-width:1099.9px){
    /* HERO */
    .gridHero{
        background-image: url(/media/icghhklw/hero-chisiamo-900.webp);
        background-size: cover;
        background-position: 18.5vw;
        padding: 4vw 0 4vw 8vw;
    }
    p.textHero, a.linkButton, p.overtitleSedi, p.overtitleEsperienza, p.overtitleCompletezza, p.overtitleMission, p.overtitleFilosofia, p.overtitleQualita, p.overtitleProgetti, li.voceProgetto{
        font-size: 1.61vw;
    }
    p.textHero, a.linkButton, p.overtitleSedi, p.overtitleEsperienza, p.overtitleCompletezza, p.overtitleMission, p.overtitleFilosofia, p.overtitleQualita, p.overtitleProgetti{
        line-height: 2.1vw;
    }
    h1.titleHero{
        font-size: 5.22vw;
        line-height: 5.2vw;
        width: 59vw;
    }
    h2.subtitleHero{
        font-size: 3.22vw;
        line-height: 4vw;
        width: 51vw;
    }
    li.itemHero, h3.subtitleSedi, h3.subtitleEsperienza, p.textNumeroEsperienza, h3.subtitleCompletezza, p.textTest, p.textBu, p.textCardDati, p.textDati, h3.subtitleMission, p.textFilosofia, h3.subtitle1Team, p.textQualita, button.btnAccordion, p.textCertificazione, h3.nomeProgetto{
        font-size: 2.41vw;
    }
    ul.listHero {
        padding-left: 4vw;
    }
    li.itemHero::before {
        font-size: 3.8vw;
        left: -4vw;
    }
    a.linkButton {
        width: 28vw;
        height: 6vw;
    }
    /* SEDI */
    .sedi{
        padding: 6vw 8vw;
    }
    h2.titleSedi, p.textCircleSede, p.numberCardDati, p.textCardFilosofia, h3.subtitleFilosofia, h3.subtitle2Team{
        font-size: 3.61vw;
        line-height: 4.25vw;
    }
    .gridCircleSedi{
        height: 55vw;
        max-width: 55vw;
        flex-wrap: wrap;
    }
    .cardSede{
        flex: 0 0 calc(100% / 2);
    }
    .cardSede .circle, .cardFilosofia .circle{
        width: 22vw;
        height: 22vw;
    }
    h3.subtitleSedi {
        width: 65vw;
    }
    @keyframes bouncingCircleSedi {
        0%{width: 22vw; height: 22vw; transform: translate(-50%, -50%) !important;}
        50%{width: 24vw; height: 24vw; transform: translate(-50%, -50%) !important;}
        0%{width: 22vw; height: 22vw; transform: translate(-50%, -50%) !important;}
    }
    /* ESPERIENZA */
    .esperienza{
        background-image: url(/media/bg-esperienza-900.webp);
        background-position: 41vw;
    }
    .textContainerEsperienza {
        padding: 6vw 0 0 8vw;
    }
    h2.titleEsperienza, h2.titleCompletezza, h2.titleMission, h2.titleFilosofia, h2.titleTeam,  h2.titleQualita, h2.titleProgetti{
        font-size: 4.41vw;
    }
    p.textEsperienza, p.textTeam{
        font-size: 2vw;
        line-height: 3vw;
    }
    h3.numeroEsperienza, h3.numeroTest{
        font-size: 12vw;
    }
    h3.subtitleEsperienza, p.textEsperienza {
        width: 50vw;
    }
    .ombraNumeroEsperienza {
        margin-left: 3.5vw;
    }
    p.textNumeroEsperienza {
        width: 36vw;
    }
    h3.numeroEsperienza::before, h3.numeroTest::before {
        font-size: 7vw;
    }
    h3.numeroEsperienza::before {
        top: 6vw;
    }
    h3.numeroEsperienza {
        margin-left: 4vw;
        padding-top: 4vw;
    }
    /* COMPLETEZZA */
    .completezza{
        background-image: url(/media/bg-completezza-900.webp);
    }
    .textContainerCompletezza{
        padding: 8vw 9vw 0 0;
    }
    .ombraTestCompletezza {
        margin-right: 5vw;
        margin-top: 6vw;
    }
    .contTestCompletezza {
        padding-right: 3vw;
        background: linear-gradient(270deg, #003883 45%, #003883e0 48.5%, #003883c4 50%, #0038835c 55%, #ffffff00 67%);
    }
    h3.numeroTest::before {
        top: 4.7vw;
    }
    h3.numeroTest{
        margin-right: 2vw;
        line-height: 12vw;
    }
    .containerBuCompletezza{
        grid-gap: 2.3vw;
        padding: 2.9vw 9.5vw 2.9vw 0;
        background: linear-gradient(90deg, #ffffff00 32%, #0038835c 41.5%, #003883c4 46.5%, #00295fe6 52%, #00295f 60%);
    }
    h3.numeroBu, p.textProfessionisti{
        font-size: 6.2vw;
        line-height: 6.2vw;
    }
    p.textBu {
        width: 24vw;
    }
    /* DATI EUROFINS */
    .datiEurofins {
        padding-top: 8vw;
    }
    .gridDati {
        width: 84vw;
        margin: 0 auto 6vw;
    }
    .cardDati{
        height: calc(84vw / 3);
    }
    .cardDati:first-child p.textCardDati, .cardDati:nth-child(3) p.textCardDati {
        width: 15vw;
    }
    .cardDati .circle{
        width: 25vw;
        height: 25vw;
    }
    p.textCardDati {
        margin: 1.5vw 0 1vw;
        line-height: 2.8vw;
    }
    .ombraTextDati, .containerTextDati{
        border-radius: 0 6.5vw 6.5vw 0;
    }
    .ombraTextDati {
        width: 85vw;
    }
    .containerTextDati {
        padding-left: 8vw;
        height: 15vw;
        width: 75vw;
    }
    p.textDati {
        width: 70vw;
    }
    @keyframes bouncingCircleDati {
        0%{width: 25vw; height: 25vw; transform: translate(-50%, -50%) !important;}
        50%{width: 26vw; height: 26vw; transform: translate(-50%, -50%) !important;}
        0%{width: 25vw; height: 25vw; transform: translate(-50%, -50%) !important;}
    }
    /* MISSION */
    .mission{
        padding: 6vw 0 7vw 8vw;
    }
    /* FILOSOFIA */
    .filosofia{
        padding: 6vw 8vw;
    }
    h3.subtitleFilosofia, p.textFilosofia{
        margin: 0 0 4vw;
    }
    p.textFilosofia{
        width: 80vw;
    }
    .gridFilosofia{
        max-width: 80vw;
        margin: 3vw 0 4vw;
        height: calc(80vw / 3);
    }
    @keyframes from0to50inner {
        0%{width: 22vw; height: 22vw; transform: translate(-50%, -50%) !important;}
        50%{width: 24vw; height: 24vw; transform: translate(-50%, -50%) !important;}
        0%{width: 22vw; height: 22vw; transform: translate(-50%, -50%) !important;}
    }
    /* TEAM */
    .team{
        background-image: url(/media/bg-team-900.webp);
        background-position: 39vw;
    }
    h2.titleTeam, h3.subtitle1Team, p.textTeam, h3.subtitle2Team{
        padding-left: 8vw;
    }
    h3.subtitle1Team {
        margin: 1vw 0 3vw;
    }
    p.textTeam {
        width: 45vw;
    }
    h3.subtitle2Team {
        width: 69vw;
    }
    .ombraProfessionisti {
        margin-left: 3.5vw;
    }
    .containerProfessionisti {
        height: 12vw;
        margin-left: 1.5vw;
        background: linear-gradient(90deg, #003883 44%, #ffffff00 66%);
    }
    /* QUALITÀ */
    .qualita{
        padding: 7vw 8vw;
    }
    h2.titleQualita {
        width: 65vw;
        margin: 1vw 0 2.5vw;
        line-height: 5vw;
    }
    p.textQualita {
        width: 56vw;
    }
    button.btnAccordion {
        height: 9vw;
        grid-gap: 0.8vw;
    }
    button.btnAccordion span, button.btnAccordion:after{
        font-size: 4vw;
    }
    .descrAccordion {
        padding-left: 4.8vw;
    }
    p.textCertificazione {
        margin: 0 0 3vw;
    }
    .qualita a.linkButton {
        margin-top: 5vw;
    }
    /* PROGETTI */
    .progetti{
        padding: 5vw 8vw 2.5vw;
    }
    ul.listProgetto {
        width: 73vw;
    }
    ul.sublistProgetto {
        padding-left: 2vw;
    }
    li.voceProgetto {
        line-height: 3.1vw;
    }
    .contNomeProgetto span {
        font-size: 4vw;
    }
}
@media (min-width:1100px){
    .gridHero{
        background-size: contain;
    }
    .containerProfessionisti {
        margin-left: 1vw;
    }
    button.btnAccordion {
        grid-gap: 0.5vw;
    }
}
@media (min-width:1100px) and (max-width:1400px){
    /* HERO */
    .gridHero{
        background-image: url(/media/imth2f0z/hero-chisiamo-1100.webp);
        background-position: 20vw;
        padding: 3vw 0 4vw 10vw;
    }
    p.textHero, a.linkButton, p.overtitleSedi, p.overtitleEsperienza, p.overtitleCompletezza, p.overtitleMission, p.overtitleFilosofia, p.overtitleQualita, p.overtitleProgetti, li.voceProgetto{
        font-size: 1.32vw;
    }
    p.textHero, a.linkButton, p.overtitleSedi, p.overtitleEsperienza, p.overtitleCompletezza, p.overtitleMission, p.overtitleFilosofia, p.overtitleQualita, p.overtitleProgetti{
        line-height: 2vw;
    }
    h1.titleHero{
        font-size: 4.27vw;
        line-height: 4.5vw;
        width: 49vw;
    }
    h2.subtitleHero{
        font-size: 2.64vw;
        line-height: 3.2vw;
        width: 44vw;
    }
    li.itemHero, h3.subtitleSedi, h3.subtitleEsperienza, p.textNumeroEsperienza, h3.subtitleCompletezza, p.textTest, p.textBu, p.textCardDati, p.textDati, h3.subtitleMission, p.textFilosofia, h3.subtitle1Team, p.textQualita, button.btnAccordion, p.textCertificazione, h3.nomeProgetto{
        font-size: 2vw;
    }
    ul.listHero {
        padding-left: 3.5vw;
    }
    li.itemHero::before {
        font-size: 3.5vw;
        left: -3.5vw;
    }
    a.linkButton {
        width: 26vw;
        height: 5.5vw;
    }
    /* SEDI */
    .sedi{
        padding: 6vw 10vw;
    }
    h2.titleSedi, p.textCircleSede, p.numberCardDati, p.textCardFilosofia, h3.subtitleFilosofia, h3.subtitle2Team{
        font-size: 2.95vw;
        line-height: 3.5vw;
    }
    .gridCircleSedi{
        height: 20vw;
        max-width: 82vw;
        flex-wrap: wrap;
    }
    .cardSede{
        flex: 0 0 calc(100% / 4);
    }
    .cardSede .circle{
        width: 16vw;
        height: 16vw;
    }
    h3.subtitleSedi {
        width: 62vw;
    }
    @keyframes bouncingCircleSedi {
        0%{width: 16vw; height: 16vw; transform: translate(-50%, -50%) !important;}
        50%{width: 18vw; height: 18vw; transform: translate(-50%, -50%) !important;}
        0%{width: 16vw; height: 16vw; transform: translate(-50%, -50%) !important;}
    }
    /* ESPERIENZA */
    .esperienza{
        background-image: url(/media/bg-esperienza-1100.webp);
        background-position: 45vw;
    }
    .textContainerEsperienza {
        padding: 6vw 0 0 12vw;
    }
    h2.titleEsperienza, h2.titleCompletezza, h2.titleMission, h2.titleFilosofia, h2.titleTeam,  h2.titleQualita, h2.titleProgetti{
        font-size: 3.6vw;
    }
    p.textEsperienza, p.textTeam{
        font-size: 1.63vw;
        line-height: 2.6vw;
    }
    h3.numeroEsperienza, h3.numeroTest{
        font-size: 11vw;
    }
    h3.subtitleEsperienza, p.textEsperienza {
        width: 41.5vw;
    }
    .ombraNumeroEsperienza {
        margin-left: 7.5vw;
    }
    p.textNumeroEsperienza {
        width: 31vw;
    }
    h3.numeroEsperienza::before, h3.numeroTest::before  {
        font-size: 7vw;
    }
    h3.numeroEsperienza::before {
        top: 5.5vw;
    }
    h3.numeroEsperienza {
        padding-top: 3vw;
        margin-left: 4vw;
    }
    /* COMPLETEZZA */
    .completezza{
        background-image: url(/media/bg-completezza-1100.webp);
        background-position: -10vw;
    }
    .ombraTestCompletezza {
        margin-right: 6vw;
    }
    .contTestCompletezza {
        padding-right: 4vw;
        background: linear-gradient(270deg, #003883 44%, #003883e0 47.5%, #003883c4 50%, #0038835c 54%, #ffffff00 67%);
    }
    h3.numeroTest::before  {
        top: 4.3vw;
    }
    h3.numeroTest{
        line-height: 11vw;
        margin-right: 2vw;
    }
    .containerBuCompletezza{
        grid-gap: 2vw;
        padding: 2.5vw 11vw 2.5vw 0;
        background: linear-gradient(90deg, #ffffff00 32%, #0038835c 42%, #003883c4 47%, #00295fe6 54%, #00295f 62%);
    }
    h3.numeroBu, p.textProfessionisti{
        font-size: 6vw;
        line-height: 6vw;
    }
    p.textBu {
        width: 20vw;
    }
    /* DATI EUROFINS */
    .datiEurofins {
        padding-top: 6vw;
    }
    .gridDati {
        width: 80vw;
        margin: 0 auto 5vw;
    }
    .cardDati{
        height: calc(80vw / 3);
    }
    .cardDati:first-child p.textCardDati, .cardDati:nth-child(3) p.textCardDati {
        width: 12vw;
    }
    .cardDati .circle{
        width: 24vw;
        height: 24vw;
    }
    p.textCardDati {
        margin: 1.4vw 0 1vw;
        line-height: 2.7vw;
    }
    .ombraTextDati, .containerTextDati{
        border-radius: 0 6vw 6vw 0;
    }
    .ombraTextDati {
        width: 90vw;
    }
    .containerTextDati {
        padding-left: 10vw;
        height: 13vw;
        width: 78vw;
    }
    p.textDati {
        width: 70vw;
    }
    @keyframes bouncingCircleDati {
        0%{width: 24vw; height: 24vw; transform: translate(-50%, -50%) !important;}
        50%{width: 25vw; height: 25vw; transform: translate(-50%, -50%) !important;}
        0%{width: 24vw; height: 24vw; transform: translate(-50%, -50%) !important;}
    }
    /* MISSION */
    .mission{
        padding: 6vw 0 7vw 10vw;
    }
    /* FILOSOFIA */
    .filosofia{
        padding: 6vw 0 6vw 10vw;
    }
    h3.subtitleFilosofia, p.textCertificazione{
        margin: 0 0 3vw;
    }
    p.textFilosofia{
        width: 75vw;
        margin: 0 0 4vw;
    }
    .gridFilosofia{
        max-width: 75vw;
        margin: 2vw 0 3vw;
        height: calc(75vw / 3);
    }
    .cardFilosofia .circle{
        width: 20vw;
        height: 20vw;
    }
    @keyframes from0to50inner {
        0%{width: 20vw; height: 20vw; transform: translate(-50%, -50%) !important;}
        50%{width: 22vw; height: 22vw; transform: translate(-50%, -50%) !important;}
        0%{width: 20vw; height: 20vw; transform: translate(-50%, -50%) !important;}
    }
    /* TEAM */
    .team{
        background-image: url(/media/bg-team-1100.webp);
        background-position: 40vw;
    }
    h2.titleTeam, h3.subtitle1Team, p.textTeam, h3.subtitle2Team{
        padding-left: 10vw;
    }
    h3.subtitle1Team {
        margin: 1vw 0 3.5vw;
    }
    p.textTeam {
        width: 40vw;
    }
    h3.subtitle2Team {
        width: 57vw;
    }
    .ombraProfessionisti {
        margin-left: 6vw;
    }
    .containerProfessionisti {
        height: 11vw;
        background: linear-gradient(90deg, #003883 44%, #ffffff00 65%);
    }
    /* QUALITÀ */
    .qualita{
        padding: 7vw 10vw;
    }
    h2.titleQualita {
        width: 60vw;
        margin: 1vw 0 2vw;
        line-height: 4.3vw;
    }
    button.btnAccordion {
        height: 8vw;
    }
    button.btnAccordion span, button.btnAccordion:after{
        font-size: 3.5vw;
    }
    .descrAccordion {
        padding-left: 4vw;
    }
    .qualita a.linkButton {
        margin-top: 4vw;
    }
    /* PROGETTI */
    .progetti{
        padding: 5vw 10vw 2.5vw;
    }
    ul.listProgetto {
        width: 68vw;
    }
    ul.sublistProgetto {
        padding-left: 1.8vw;
    }
    li.voceProgetto {
        line-height: 3vw;
    }
    .contNomeProgetto span {
        font-size: 3.5vw;
    }
}
@media (min-width:1401px){
    /* HERO */
    .gridHero{
        background-image: url(/media/ddqbxddv/hero-chisiamo-2000.webp);
        background-position: right;
        padding: 5vw 0 5vw 15vw;
    }
    p.textHero, a.linkButton, p.overtitleSedi, p.overtitleEsperienza, p.overtitleCompletezza, p.overtitleMission, p.overtitleFilosofia, p.overtitleQualita, p.overtitleProgetti, li.voceProgetto{
        font-size: 1.05vw;
    }
    p.textHero, a.linkButton, p.overtitleSedi, p.overtitleEsperienza, p.overtitleCompletezza, p.overtitleMission, p.overtitleFilosofia, p.overtitleQualita, p.overtitleProgetti{
        line-height: 1vw;
    }
    h1.titleHero{
        font-size: 3.4vw;
        line-height: 3.6vw;
        width: 39vw;
    }
    h2.subtitleHero{
        font-size: 2.1vw;
        line-height: 2.4vw;
        width: 33vw;
    }
    li.itemHero, h3.subtitleSedi, h3.subtitleEsperienza, p.textNumeroEsperienza, h3.subtitleCompletezza, p.textTest, p.textBu, p.textCardDati, p.textDati, h3.subtitleMission, p.textFilosofia, h3.subtitle1Team, p.textQualita, button.btnAccordion, p.textCertificazione, h3.nomeProgetto{
        font-size: 1.57vw;
    }
    ul.listHero {
        padding-left: 2.5vw;
        margin: 2.5vw 0;
    }
    li.itemHero::before {
        font-size: 2.5vw;
        line-height: 2.5vw;
        left: -2.5vw;
    }
    li.itemHero{
        margin-bottom: 0.8vw;
    }
    a.linkButton {
        width: 18.5vw;
        height: 4vw;
    }
    /* SEDI */
    .sedi{
        padding: 5vw 14vw;
    }
    h2.titleSedi, p.textCircleSede, p.numberCardDati, p.textCardFilosofia, h3.subtitleFilosofia, h3.subtitle2Team{
        font-size: 2.35vw;
        line-height: 2.8vw;
    }
    .gridCircleSedi{
        margin: 3vw auto;
        max-width: 72vw;
        height: calc(72vw / 4);
    }
    .cardSede{
        flex: 0 0 calc(100% / 4);
    }
    .cardSede .circle{
        width: 13vw;
        height: 13vw;
    }
    h3.subtitleSedi {
        width: 45vw;
    }
    @keyframes bouncingCircleSedi {
        0%{width: 13vw; height: 13vw; transform: translate(-50%, -50%) !important;}
        50%{width: 15vw; height: 15vw; transform: translate(-50%, -50%) !important;}
        0%{width: 13vw; height: 13vw; transform: translate(-50%, -50%) !important;}
    }
    /* ESPERIENZA */
    .esperienza{
        background-image: url(/media/bg-esperienza-2000.webp);
        background-position: right;
        height: calc(100vw / (1920 / 1055));
    }
    .textContainerEsperienza {
        padding: 6vw 0 0 18vw;
    }
    h2.titleEsperienza, h2.titleCompletezza, h2.titleMission, h2.titleFilosofia, h2.titleTeam,  h2.titleQualita, h2.titleProgetti{
        font-size: 2.87vw;
    }
    p.textEsperienza, p.textTeam{
        font-size: 1.3vw;
        line-height: 2vw;
    }
    h3.numeroEsperienza, h3.numeroTest{
        font-size: 10.4vw;
    }
    h2.titleEsperienza, h2.titleCompletezza, h2.titleMission, h2.titleFilosofia{
        margin: 0.5vw 0 2vw;
    }
    h3.subtitleEsperienza, p.textEsperienza {
        width: 33vw;
    }
    .ombraNumeroEsperienza, .contNumeroEsperienza{
        border-radius: 4.5vw 0 0 4.5vw;
    }
    .ombraNumeroEsperienza {
        margin-left: 14vw;
    }
    .contNumeroEsperienza {
        margin-left: 1vw;
        background: linear-gradient(90deg, #003883 39%, #00388378 48%, #ffffff00 58%);
    }
    p.textNumeroEsperienza {
        width: 23vw;
    }
    h3.numeroEsperienza::before, h3.numeroTest::before  {
        font-size: 6.5vw;
    }
    h3.numeroEsperienza::before{
        top: 4.5vw;
    }
    h3.numeroEsperienza {
        padding-top: 2vw;
        margin-left: 5vw;
        line-height: 7.5vw;
    }
    /* COMPLETEZZA */
    .completezza{
        background-image: url(/media/bg-completezza-2000.webp);
        height: calc(100vw / (1920 / 1156));
    }
    .textContainerCompletezza{
        padding: 12vw 16vw 0 0;
    }
    h3.subtitleCompletezza {
        width: 32vw;
    }
    .ombraTestCompletezza, .contTestCompletezza{
        border-radius: 0 4.5vw 4.5vw 0;
    }
    .ombraTestCompletezza {
        margin-right: 12vw;
        margin-top: auto;
    }
    .contTestCompletezza {
        margin-right: 1vw;
        padding-right: 3vw;
        background: linear-gradient(270deg, #003883 33%, #003883e0 36.5%, #003883c4 38%, #0038835c 41%, #ffffff00 54%);
    }
    h3.numeroTest::before {
        top: 4vw;
    }
    h3.numeroTest{
        line-height: 10vw;
    }
    p.textTest{
        margin-left: 1vw;
    }
    .containerBuCompletezza{
        grid-gap: 1.5vw;
        padding: 2.1vw 16vw 2.1vw 0;
        background: linear-gradient(90deg, #ffffff00 44%, #0038835c 51%, #003883c4 54%, #00295fe6 58%, #00295f 64%);
    }
    h3.numeroBu, p.textProfessionisti{
        font-size: 5.25vw;
        line-height: 5.25vw;
    }
    /* DATI EUROFINS */
    .datiEurofins {
        padding-top: 4vw;
    }
    .gridDati {
        width: 70vw;
        margin: 0 auto 3vw;
    }
    .cardDati{
        height: calc(70vw / 3);
    }
    .cardDati:first-child p.textCardDati, .cardDati:nth-child(3) p.textCardDati {
        width: 10vw;
    }
    .cardDati .circle{
        width: 19vw;
        height: 19vw;
    }
    .cardDati:first-child img.iconDati, .cardDati:nth-child(4) img.iconDati {
        width: 3.3vw;
    }
    .cardDati:nth-child(2) img.iconDati {
        width: 4.6vw;
    }
    .cardDati:nth-child(3) img.iconDati, .cardDati:last-child img.iconDati {
        width: 4.1vw;
    }
    p.textCardDati {
        margin: 1.3vw 0 0.8vw;
        line-height: 1.9vw;
    }
    .ombraTextDati, .containerTextDati{
        border-radius: 0 4.5vw 4.5vw 0;
    }
    .containerTextDati {
        padding-left: 15vw;
        height: 10vw;
    }
    @keyframes bouncingCircleDati {
        0%{width: 19vw; height: 19vw; transform: translate(-50%, -50%) !important;}
        50%{width: 21vw; height: 21vw; transform: translate(-50%, -50%) !important;}
        0%{width: 19vw; height: 19vw; transform: translate(-50%, -50%) !important;}
    }
    /* MISSION */
    .mission{
        padding: 6vw 0 7vw 15vw;
    }
    /* FILOSOFIA */
    .filosofia{
        padding: 6vw 0 6vw 15vw;
    }
    h3.subtitleFilosofia, p.textCertificazione{
        margin: 0 0 2vw;
    }
    p.textFilosofia{
        width: 60vw;
        margin: 0 0 3vw;
    }
    .gridFilosofia{
        margin: 2vw 0;
        max-width: 65vw;
        height: calc(65vw / 4);
    }
    .cardFilosofia .circle{
        width: 16vw;
        height: 16vw;
    }
    @keyframes from0to50inner {
        0%{width: 16vw; height: 16vw; transform: translate(-50%, -50%) !important;}
        50%{width: 19vw; height: 19vw; transform: translate(-50%, -50%) !important;}
        0%{width: 16vw; height: 16vw; transform: translate(-50%, -50%) !important;}
    }
    /* TEAM */
    .team{
        background-image: url(/media/bg-team-2000.webp);
        background-position: right;
        height: calc(100vw / (1920 / 1130));
    }
    .innerTeam {
        padding-top: 4.6vw;
    }
    h2.titleTeam, h3.subtitle1Team, p.textTeam, h3.subtitle2Team{
        padding-left: 15vw;
    }
    h3.subtitle1Team{
        width: 37vw;
        margin: 1vw 0 2.5vw;
    }
    p.textTeam {
        width: 38vw;
        margin: 0 0 2vw;
    }
    h3.subtitle2Team {
        width: 45vw;
    }
    .ombraProfessionisti, .containerProfessionisti{
        border-radius: 4.2vw 0 0 4.2vw;
    }
    .ombraProfessionisti {
        margin-left: 11vw;
    }
    .containerProfessionisti {
        height: 9vw;
        background: linear-gradient(90deg, #003883 44%, #ffffff00 61%);
    }
    /* QUALITÀ */
    .qualita{
        padding: 7vw 15vw;
    }
    h2.titleQualita {
        width: 45vw;
        margin: 1vw 0 2.5vw;
        line-height: 3.3vw;
    }
    button.btnAccordion {
        height: 5.5vw;
    }
    button.btnAccordion span, button.btnAccordion:after{
        font-size: 3vw;
    }
    .descrAccordion {
        padding-left: 3.5vw;
    }
    p.textCertificazione {
        width: 60vw;
    }
    .qualita a.linkButton {
        margin-top: 4vw;
    }
    /* PROGETTI */
    .progetti{
        padding: 5vw 15vw 2.5vw;
    }
    h2.titleProgetti {
        margin: 0.5vw 0 3vw;
    }
    ul.listProgetto {
        width: 55vw;
        margin: 1vw 0 2vw;
    }
    ul.sublistProgetto {
        padding-left: 1.1vw;
    }
    li.voceProgetto {
        line-height: 2vw;
    }
    .contNomeProgetto span {
        font-size: 3vw;
    }
}