.hero {
    background-size: contain !important;
}
.gridHero, .gridLineeGuida, .colLineeGuida, .borderLinee, .settore, .gridTabTipologia, button.btnAccordion, ul.listTextDescr, .descrTest, .kitModalita, .descrKit, ul.listModalita, ul.listComplete, ul.listNote, ul.listPrimaRaccolta, .stepPicPrelievo, .stepPrelievo, .itemPrelievo, .borderPrelievo, .picIllustrazioni, .illustrazioni, .innerEtichettatura, ul.listEtichettatura, .innerConfezionamento, .innerModulistica, .innerConfezionamento > div:nth-child(2){
    display: flex;
}
.gridHero, .innerQualita, .innerLineeGuida, .innerIstruzioni, .innerRaccoltaConser, .innerEtichettatura, .innerConfezionamento, .innerModulistica{
    margin: auto;
}
h1.titleHero, p.overtitleHero, p.textQualita, p.textLineeGuida, p.numLineeGuida, p.textLineaGuida, p.textIstruzioni, p.textBoldIstruzioni, h2.titleRaccolta, h3.nomeSettore, a.btnGuida, h4.textBtn, p.textDescr, ul.listTextDescr li, p.titleModalita, ul.listModalita li, p.note, p.titleComplete, li.itemComplete, li.itemNote, p.titlePrelievo, p.textPrimaRaccolta, ul.listPrimaRaccolta li, p.textSigillati, p.numberPrelievo, .itemPrelievo, h2.titleEticConfSped, h2.titleEtichettatura, li.itemEtichettatura, p.textCaption, h2.titleConfezionamento, p.textConfezionamento, h2.titleModulistica, p.textModulistica, a.btnModulistica {
    font-family: 'news-gothic-std', sans-serif;
}
p.overtitleHero, p.textPrimaRaccolta, p.attenzionePrelievo, li.itemModalita.arancione strong, h2.titleEtichettatura, h2.titleConfezionamento, h2.titleModulistica{
    color: #EE7D11;
}
h1.titleHero, h2.titleRaccolta, p.textDescr, ul.listTextDescr li, p.titleModalita, ul.listModalita li, p.note, p.titleComplete, li.itemComplete, li.itemNote, p.titlePrelievo, ul.listPrimaRaccolta li, p.textSigillati, p.numberPrelievo, .itemPrelievo, h2.titleEticConfSped, li.itemEtichettatura, p.textCaption, p.textConfezionamento, p.textModulistica{
    color: #003883;
}
h1.titleHero, p.textQualita, p.numLineeGuida, p.textLineaGuida, p.textBoldIstruzioni, h4.textBtn, h3.nomeSettore, p.textDescr, ul.listModalita, ul.listComplete, ul.listPrimaRaccolta, p.textPrelievo, li.itemEtichettatura p, ul.listEtichettatura, p.textConfezionamento{
    margin: 0;
}
.qualita, .istruzioni {
    background: #003883;
}
p.textQualita, p.textLineeGuida, p.numLineeGuida, p.textLineaGuida, p.textIstruzioni, p.textBoldIstruzioni, a.btnGuida, h4.textBtn, a.btnModulistica{
    color: white;
}
.lineeGuida {
    background: #00295F;
}
.colLineeGuida, .gridTabTipologia, ul.listTextDescr, .kitModalita, .descrKit, ul.listComplete, ul.listModalita, ul.listNote, ul.listPrimaRaccolta, .stepPrelievo, .illustrazioni, ul.listEtichettatura {
    flex-direction: column;
}
.colLineeGuida, button.btnAccordion {
    align-items: center;
}
.colLineeGuida:first-child > .borderLinee {
    border: 1px solid #EE7D11;
}
.colLineeGuida:nth-child(2) > .borderLinee {
    border: 1px solid #FFB56E;
}
.colLineeGuida:nth-child(3) > .borderLinee {
    border: 1px solid #8291C7;
}
.colLineeGuida:nth-child(4) > .borderLinee {
    border: 1px solid #6270A8;
}
.borderLinee, .borderPrelievo {
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
p.textLineaGuida, p.textCaption {
    text-align: center;
}
.tabTipologia, .etichettatura, .confezionamento, .modulistica {
    background: #f5f5f5;
}
.textUno{
    color: #8291C7;
}
a.btnGuida, a.btnModulistica {
    cursor: pointer;
    background: #EE7D11;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #EE7D11;
}
a.btnGuida:hover, a.btnModulistica:hover{
    color: #EE7D11;
    background-color: transparent;
    cursor: pointer;
}
.settore, button.btnAccordion, .descrTest {
    justify-content: space-between;
}   
button.btnAccordion {
    width: 100%;
    border: none;
    cursor: pointer;
}
.uno {
    background-color: #8291C7;
}
button.btnAccordion::after {
    content: "\e145";
    font-weight: 900;
    font-family: 'Material Symbols Outlined';
    color: white;
}
button.btnAccordion.active::after {
    content: "\e15b";
}
h3.nomeSettore{
    cursor: pointer;
}
h3.nomeSettore::after{
    display: inline-block;
    content: "\e313";
    font-weight: 900;
    font-family: 'Material Symbols Outlined', sans-serif;
    vertical-align: middle;
    animation: moveDown 1.5s infinite ease-in-out;
    cursor: pointer;
}
.accordionTest{
    display: none;
}
@keyframes moveDown {
    0% {transform: translateY(0);}
    50% {transform: translateY(5px); /* La freccia si sposta verso il basso */}
    100% {transform: translateY(0); /* Torna alla posizione originale */}
}
h4.textBtn {
    text-align: start;
}
.kitComplete, .modalita, .prelievo {
    position: relative;
}
.kitComplete::before, .modalita::before, .prelievo::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #003883;
    left: 0;
}
.textDue{
    color: #6270A8;
}
.due {
    background-color: #6270A8;
}
.textTre{
    color: #4C5886;
}
.tre {
    background-color: #4C5886;
}
.textQuattro{
    color: #374167;
}
.quattro{
    background-color: #374167;
}
.picTest img, .picTestDoppio img{
    width: 100%;
    object-fit: contain;
}
.borderPrelievo {
    border: 2px solid #003883;
    height: 100%;
    width: 100%;
}
img.illustrazione1, img.illustrazione2 {
    width: 100%;
    height: 100%;
}
.eticConfSped {
    border-top: 1px solid #003883;
}
ul.listDatiAnag {
    list-style-type: "- ";
    padding-inline-start: 20px;
}
p.textCaption {
    margin-bottom: 0;
}
.imageCaption img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
@media (max-width: 550px) {
    p.overtitleHero, a.btnGuida, ul.listModalita li, ul.listComplete li, ul.listPrimaRaccolta li, p.textSigillati, p.textPrelievo, li.itemScrivere, p.attenzionePrelievo, p.textCaption, a.btnModulistica{
        font-size: 3.6vw;
    }
    h1.titleHero {
        font-size: 11vw;
        line-height: 11vw;
        width: 75vw;
    }
    .gridHero > .colHero:nth-child(2){
        background: url(/media/heropreanalitica550.webp);
        height: calc(100vw /(550 / 349));
    }
    p.textQualita, p.textLineeGuida, p.textLineaGuida, p.textIstruzioni, h4.textBtn, p.textDescr, ul.listTextDescr li, p.titleModalita, p.titleComplete, p.titlePrelievo, p.textPrimaRaccolta, p.numberPrelievo, li.itemEtichettatura, p.textConfezionamento, p.textModulistica{
        font-size: 5.45vw;
    }
    p.textQualita, p.textLineeGuida {
        width: 76vw;
    }
    p.textLineeGuida, p.textIstruzioni, h2.titleRaccolta{
        margin: 0 0 10vw;
    }
    .gridLineeGuida {
        grid-gap: 12vw;
    }
    .gridLineeGuida > div {
        grid-gap: 5vw;
    }
    .borderLinee {
        width: 18vw;
        height: 18vw;
    }
    p.numLineeGuida {
        font-size: 9vw;
    }
    .gridLineeGuida > div:first-child p.textLineaGuida{
        width: 52vw;
    }  
    .gridLineeGuida > div:nth-child(2) p.textLineaGuida{
        width: 48vw;
    }    
    .gridLineeGuida > div:nth-child(3) p.textLineaGuida, .gridLineeGuida > div:nth-child(4) p.textLineaGuida{
        width: 55vw;
    }
    p.textBoldIstruzioni, h2.titleRaccolta, h3.nomeSettore, h2.titleEticConfSped, h2.titleEtichettatura, h2.titleConfezionamento, h2.titleModulistica {
        font-size: 8.2vw;
    }
    p.textBoldIstruzioni, h2.titleRaccolta, h3.nomeSettore {
        line-height: 9.2vw;
    }
    h2.titleRaccolta {
        width: 75vw;
    }
    .gridTabTipologia, .kitModalita, .descrKit {
        grid-gap: 10vw;
    }
    .tabTipologia {
        border-radius: 8vw 8vw 0 0;
    }
    .settore {
        padding: 10vw;
    }
    h3.nomeSettore {
        width: 60vw;
    }
    a.btnGuida{
        width: 58vw;
        height: 12vw;
    }
    button.btnAccordion {
        padding: 7vw 5vw 7vw 10vw;
    }
    button.btnAccordion:not(:last-of-type), p.titleComplete, p.titleModalita, p.titlePrelievo, p.textPrimaRaccolta {
        margin: 0 0 5vw;
    }
    button.btnAccordion.due p {
        width: 69vw;
    }
    button.btnAccordion.tre p {
        width: 66vw;
    }
    button.btnAccordion::after {
        font-size: 6vw;
    }
    h3.nomeSettore::after {
        font-size: 10.3vw;
        height: 5vw;
        line-height: 5vw;
        margin-left: 1.5vw;
    }
    .descrAccordion:not(:last-child) {
        padding: 2vw 10vw 10vw;
    }
    .descrAccordion:last-child {
        padding: 7vw 10vw 10vw;
    }
    ul.listTextDescr {
        margin: 4vw 0 0;
        padding: 0 0 0 5vw;
    }
    ul.listTextDescr, ul.listComplete, ul.listModalita{
        grid-gap: 3vw;
    }
    .kitComplete::before, .modalita::before, .prelievo::before {
        top: -5vw;
    }
    ul.listComplete, ul.listModalita, ul.listPrimaRaccolta, ul.listScrivere, ul.listNote {
        padding: 0 0 0 3.6vw;
    }
    p.textPrimaRaccolta {
        width: 70vw;
        line-height: 6.5vw;
    }
    ul.listPrimaRaccolta {
        grid-gap: 1vw;
    }
    .stepPrelievo, .itemPrelievo {
        grid-gap: 4vw;
    }
    .borderPrelievo {
        max-width: 8vw;
        max-height: 8vw;
    }
    p.textPrelievo {
        width: 63vw;
    }
    p.attenzionePrelievo {
        line-height: 4vw;
    }
    .picTest img {
        max-height: 60vw;
    }
    .picTestDoppio img {
        max-height: 100vw;
    }
    .picIllustrazioni img {
        max-height: 80vw;
    }
    p.note, li.itemNote {
        font-size: 2.7vw;
    }
    p.note, .stepPicPrelievo {
        margin: 5vw 0 0;
    }
    ul.listNote {
        grid-gap: 2vw;
    }
    .eticConfSped > div:not(:last-child) {
        margin-bottom: 6vw;
    }
    h2.titleEtichettatura, h2.titleConfezionamento, h2.titleModulistica, p.textModulistica {
        margin: 0 0 6vw;
    }
    h2.titleEtichettatura {
        width: 70vw;
    }
    h2.titleEtichettatura, h2.titleConfezionamento {
        line-height: 10vw;
    }
    ul.listEtichettatura {
        padding: 0 0 0 5.3vw;
        grid-gap: 6vw;
    }
    li.itemEtichettatura, p.textConfezionamento {
        line-height: 7vw;
    }
    a.btnModulistica {
        width: 100%;
        height: 12vw;
    }
    .modulistica .imageCaption img {
        max-height: 100vw;
    }
}
@media (min-width: 551px) {
    .itemPrelievo:not(:nth-child(5)) {
        align-items: center;
    } 
}
@media (min-width: 551px) and (max-width: 766.9px) {
    p.overtitleHero, a.btnGuida, ul.listModalita li, ul.listComplete li, ul.listPrimaRaccolta li, p.textSigillati, p.textPrelievo, p.attenzionePrelievo, li.itemScrivere, p.textCaption, a.btnModulistica{
        font-size: 2.6vw;
    }
    h1.titleHero {
        font-size: 8.54vw;
        line-height: 9vw;
        width: 58vw;
    }
    .gridHero > .colHero:nth-child(2){
        background: url(/media/heropreanalitica551.webp);
        height: calc(100vw /(750 / 475));
    }
    p.textQualita, p.textLineeGuida, p.textLineaGuida, p.textIstruzioni, h4.textBtn, p.textDescr, ul.listTextDescr li, p.titleModalita, p.titleComplete, p.titlePrelievo, p.textPrimaRaccolta, p.numberPrelievo, li.itemEtichettatura, p.textConfezionamento, p.textModulistica{
        font-size: 3.9vw;
    }
    p.textQualita {
        width: 73vw;
    }
    p.textLineeGuida, p.textIstruzioni, h2.titleRaccolta {
        margin: 0 0 8vw;
    }
    .gridLineeGuida {
        grid-gap: 10vw;
    }
    .borderLinee {
        width: 14vw;
        height: 14vw;
    }
    p.numLineeGuida {
        font-size: 6.56vw;
    }
    .gridLineeGuida > div:first-child p.textLineaGuida {
        width: 30vw;
    }
    .gridLineeGuida > div:nth-child(2) p.textLineaGuida {
        width: 34vw;
    }
    .gridLineeGuida > div:nth-child(3) p.textLineaGuida {
        width: 37vw;
    }
    .gridLineeGuida > div:nth-child(4) p.textLineaGuida {
        width: 39vw;
    }
    p.textBoldIstruzioni, h2.titleRaccolta, h3.nomeSettore, h2.titleEticConfSped, h2.titleEtichettatura, h2.titleConfezionamento, h2.titleModulistica{
        font-size: 5.9vw;
    }
    p.textBoldIstruzioni {
        width: 68vw;
    }
    h2.titleRaccolta {
        width: 56vw;
    }
    .gridTabTipologia, .kitModalita, .descrKit {
        grid-gap: 8vw;
    }
    .tabTipologia {
        border-radius: 7.5vw 7.5vw 0 0;
    }
    .settore {
        padding: 8vw 10vw;
    }
    h3.nomeSettore::after {
        font-size: 9.3vw;
        margin-left: 2vw;
    }
    a.btnGuida, a.btnModulistica{
        width: 45vw;
        height: 10vw;
    }
    button.btnAccordion {
        padding: 5vw 5vw 5vw 10vw;
    }
    button.btnAccordion:not(:last-of-type), p.titleComplete, p.titleModalita, p.titlePrelievo, p.textPrimaRaccolta {
        margin: 0 0 3vw;
    }
    button.btnAccordion.due p {
        width: 68vw;
    }
    button.btnAccordion.quattro p {
        width: 74vw;
    }
    button.btnAccordion::after {
        font-size: 5vw;
    }
    .descrAccordion:not(:last-child) {
        padding: 2vw 10vw 8vw;
    }
    .descrAccordion:last-child {
        padding: 5vw 10vw 8vw;
    }
    ul.listTextDescr {
        margin: 3vw 0 0;
        padding: 0 0 0 3.5vw;
        grid-gap: 2.3vw;
    }
    .kitComplete::before, .modalita::before, .prelievo::before {
        top: -4vw;
    }
    ul.listComplete, ul.listModalita {
        grid-gap: 2vw;
    }
    ul.listComplete, ul.listModalita, ul.listPrimaRaccolta, ul.listScrivere, ul.listNote {
        padding: 0 0 0 3.2vw;
    }
    ul.listPrimaRaccolta {
        grid-gap: 0.8vw;
    }
    .stepPrelievo {
        grid-gap: 3.5vw;
    }
    .itemPrelievo {
        grid-gap: 3.5vw;
    }
    .borderPrelievo {
        max-width: 7.5vw;
        max-height: 7.5vw;
    }
    p.attenzionePrelievo {
        line-height: 3vw;
    }
    p.note, li.itemNote {
        font-size: 2vw;
    }
    p.note, .stepPicPrelievo {
        margin: 4vw 0 0;
    }
    ul.listNote {
        grid-gap: 1.5vw;
    }
    .picTest img {
        max-height: 60vw;
    }
    .picTestDoppio img {
        max-height: 70vw;
    }
    .picIllustrazioni {
        grid-gap: 10vw;
    }
    .picIllustrazioni img {
        max-height: 79vw;
    }
    .illustrazioni {
        grid-gap: 8vw;
    }
    .eticConfSped > div:not(:last-child) {
        margin-bottom: 5vw;
    }
    h2.titleEtichettatura, h2.titleConfezionamento, h2.titleModulistica, p.textModulistica {
        margin: 0 0 5vw;
    }
    h2.titleEtichettatura {
        width: 50vw;
    }
    ul.listEtichettatura {
        padding: 0 0 0 4.5vw;
        grid-gap: 5vw;
    }
    li.itemEtichettatura {
        width: 68vw;
    }
    .etichettatura .imageCaption img {
        max-height: 45vw;
    }
    h2.titleConfezionamento {
        width: 60vw;
    }
    p.textConfezionamento {
        width: 73vw;
    }
    p.textModulistica {
        width: 71vw;
    }
    .modulistica .imageCaption img {
        max-height: 75vw;
    }
}
@media (min-width: 551px) and (max-width: 899.9px) {
    .gridLineeGuida > div {
        grid-gap: 3vw;
    }
    h3.nomeSettore::after {
        height: 4vw;
        line-height: 4vw;
    }
}
@media (max-width: 766.9px) {
    .gridHero > .colHero:first-child, .innerQualita, .innerLineeGuida, .innerIstruzioni, .etichettatura, .confezionamento, .modulistica{
        padding: 10vw;
    }
    .gridLineeGuida > div {
        flex: 0 1 100%;
    }
    .raccoltaConser {
        padding: 0 0 10vw;
    }
    h2.titleRaccolta {
        padding: 10vw 0 0 10vw;
    }
    .settore, .descrTest{
        flex-direction: column;
    }
    .settore {
        grid-gap: 6vw;
    }
    .descrTest, .innerEtichettatura, .innerConfezionamento, .innerModulistica{
        grid-gap: 10vw;
    }
    p.textSigillati {
        margin: 2.5vw 0 0;
    }
    ul.listScrivere, ul.listNote{
        margin: 2vw 0 0;
    }
    p.attenzionePrelievo {
        margin: 1vw 0 0;
    }
    .picIllustrazioni > img, .picIllustrazioni > div, .confezionamento .imageCaption > div {
        flex: 0 1 50%;
    }
    .picIllustrazioni {
        grid-gap: 10vw;
    }
    .picTest img, .picTestDoppio img {
        object-position: center;
    }
    h2.titleEticConfSped {
        margin: 10vw 0 8vw 10vw;
    }
    .confezionamento .imageCaption {
        grid-gap: 5vw;
    }
    .confezionamento .imageCaption img {
        max-height: 57vw;
    }
}
@media (min-width: 767px){
    .settore{
        align-items: center;
    } 
    .picTest img, .picTestDoppio img{
        object-position: right;
    }
    .picIllustrazioni {
        flex-direction: column;
    }
}
@media (min-width: 767px) and (max-width: 899.9px) {
    .gridHero > .colHero:first-child, .innerQualita, .innerLineeGuida, .innerIstruzioni, .innerRaccoltaConser, .etichettatura, .confezionamento, .modulistica{
        padding: 8vw;
    }
    .gridHero > .colHero:nth-child(2){
        background: url(/media/heropreanalitica767.webp);
        height: calc(100vw /(850 / 539));
    }
    p.overtitleHero, a.btnGuida, ul.listModalita li, ul.listComplete li, ul.listPrimaRaccolta li, p.textSigillati, .textPrelievo, li.itemScrivere, p.attenzionePrelievo, p.textCaption, a.btnModulistica{
        font-size: 1.89vw;
    }
    h1.titleHero {
        font-size: 6.13vw;
        line-height: 6.5vw;
        width: 75vw;
    }
    p.textQualita, p.textLineeGuida, p.textLineaGuida, p.textIstruzioni, h4.textBtn, p.textDescr, ul.listTextDescr li, p.titleModalita, p.titleComplete, p.titlePrelievo, p.textPrimaRaccolta, p.numberPrelievo, li.itemEtichettatura, p.textConfezionamento, p.textModulistica{
        font-size: 2.83vw;
    }
    p.textQualita {
        width: 74vw;
    }
    p.textLineeGuida, p.textIstruzioni, h2.titleRaccolta{
        margin: 0 0 5vw;
    }
    .gridLineeGuida {
        grid-gap: 8vw 4.5vw;
    }
    .gridLineeGuida > div {
        flex: 0 1 calc((100% - 4.5vw) / 2);
    }
    .borderLinee {
        width: 10vw;
        height: 10vw;
    }
    p.numLineeGuida {
        font-size: 4.7vw;
    }
    .gridLineeGuida > div:first-child p.textLineaGuida {
        width: 22vw;
    }    
    .gridLineeGuida > div:nth-child(2) p.textLineaGuida {
        width: 25vw;
    }    
    .gridLineeGuida > div:nth-child(3) p.textLineaGuida {
        width: 28vw;
    }
    .gridLineeGuida > div:nth-child(4) p.textLineaGuida {
        width: 30vw;
    }
    p.textIstruzioni {
        width: 79vw;
    }
    p.textBoldIstruzioni, h2.titleRaccolta, h3.nomeSettore, h2.titleEticConfSped, h2.titleEtichettatura, h2.titleConfezionamento, h2.titleModulistica{
        font-size: 4.23vw;
    }
    p.textBoldIstruzioni {
        line-height: 5vw;
    }
    h2.titleRaccolta {
        width: 65vw;
    }
    .gridTabTipologia, .kitModalita, .descrKit{
        grid-gap: 6vw;
    }
    .tabTipologia {
        border-radius: 5.5vw 5.5vw 0 0;
    }
    .settore {
        padding: 5vw;
    }
    h3.nomeSettore.textUno {
        line-height: 5vw;
    }
    h3.nomeSettore {
        width: 33vw;
    }
    a.btnGuida{
        width: 35vw;
        height: 9vw;
    }
    button.btnAccordion {
        padding: 3vw 3vw 3vw 5vw;
    }
    button.btnAccordion.uno h4.textBtn {
        max-width: 64vw;
    }
    button.btnAccordion:not(:last-of-type), p.titleComplete, p.titleModalita, p.titlePrelievo, p.textPrimaRaccolta{
        margin: 0 0 2.5vw;
    }
    button.btnAccordion::after {
        font-size: 3.5vw;
    }
    h3.nomeSettore::after {
        font-size: 6.3vw;
    }
    .descrAccordion:not(:last-child) {
        padding: 2vw 5vw 5vw;
    }
    .descrAccordion:last-child {
        padding: 4vw 5vw 5vw;
    }
    p.textDescr {
        line-height: 4.5vw;
    }
    ul.listTextDescr {
        margin: 2.5vw 0 0;
        padding: 0 0 0 2.7vw;
        grid-gap: 2vw;
    }
    .kitComplete::before, .modalita::before, .prelievo::before {
        top: -3vw;
    }
    ul.listComplete, ul.listModalita, ul.listPrimaRaccolta, ul.listScrivere, ul.listNote {
        padding: 0 0 0 2.3vw;
    }
    p.textPrimaRaccolta {
        width: 38vw;
        line-height: 3.5vw;
    }
    ul.listPrimaRaccolta {
        grid-gap: 0.6vw;
    }
    .stepPrelievo, .confezionamento .imageCaption {
        grid-gap: 3vw;
    }
    .itemPrelievo {
        grid-gap: 2.3vw;
    }
    .borderPrelievo {
        max-width: 5.5vw;
        max-height: 5.5vw;
    }
    p.attenzionePrelievo {
        line-height: 2.2vw;
    }
    p.textSigillati {
        margin: 2vw 0 0;
    }
    p.note, li.itemNote {
        font-size: 1.44vw;
    }
    ul.listNote {
        grid-gap: 1vw;
    }
    .picTest img, .etichettatura .imageCaption img{
        max-height: 40vw;
    }
    .picTestDoppio img {
        max-height: 58vw;
    }
    .picIllustrazioni {
        grid-gap: 36vw;
    }
    .picIllustrazioni img {
        max-height: 44vw;
    }
    .illustrazioni {
        grid-gap: 10vw;
    }
    h2.titleEticConfSped, .innerEtichettatura, .innerConfezionamento, .innerModulistica {
        width: 84vw;
    }
    h2.titleEticConfSped {
        margin: 6vw auto 5vw;
    }
    .innerEtichettatura, .innerConfezionamento, .innerModulistica {
        grid-gap: 8vw;
    }
    h2.titleEtichettatura, h2.titleConfezionamento, h2.titleModulistica, p.textModulistica{
        margin: 0 0 4vw;
    }
    ul.listEtichettatura {
        padding: 0 0 0 3vw;
        grid-gap: 4vw;
    }
    li.itemEtichettatura {
        width: 50vw;
    }
    p.textConfezionamento {
        width: 62vw;
        line-height: 4vw;
    }
    .confezionamento .imageCaption img {
        max-height: 35vw;
    }
    p.textModulistica {
        width: 52vw;
    }
    .modulistica .imageCaption img {
        max-height: 60vw;
    }
    a.btnModulistica{
        width: 32vw;
        height: 7vw;
    }
}
@media (min-width: 767px) and (max-width: 1099.9px) {
    .gridLineeGuida {
        justify-content: center;
    }
    ul.listComplete, ul.listModalita {
        grid-gap: 1.5vw;
    }
    p.note, .stepPicPrelievo {
        margin: 3vw 0 0;
    }
    h2.titleEticConfSped br:first-child {
        display: none;
    }
    .eticConfSped > div:not(:last-child) {
        margin-bottom: 3vw;
    }
}
@media (min-width: 767px) and (max-width: 1400px) {
    h3.nomeSettore::after {
        padding-left: 1vw;
    }
    .descrTest {
        grid-gap: 6vw;
    }
    .kitModalita {
        flex: 0 1 calc(70% - 3vw);
    }
    .picTest, .picTestDoppio, .picIllustrazioni{
        flex: 0 1 calc(30% - 3vw);
    }
    p.attenzionePrelievo {
        margin: 0.5vw 0 0;
    }
    ul.listNote, ul.listScrivere {
        margin: 1vw 0 0 ;
    }
}
@media (max-width: 899.9px) {
    .gridHero, .innerEtichettatura, .innerConfezionamento, .innerModulistica{
        flex-direction: column;
    }
    p.overtitleHero{
        margin: 0 0 2vw;
    }
    .gridHero > .colHero:nth-child(2) {
        background-size: contain;
    }
    a.btnGuida, a.btnModulistica{
        border-radius: 7vw;
    }
    .imageCaption {
        align-self: center;
    }
}
@media (min-width: 900px) {
    .gridHero {
        height: 100%;
        align-items: center;
    }
    p.overtitleHero{
        margin: 0 0 1vw;
    }
    .qualita, .lineeGuida, .istruzioni, .raccoltaConser, .etichettatura, .confezionamento, .modulistica {
        padding: 6vw 0;
    }
    a.btnGuida, a.btnModulistica{
        border-radius: 5vw
    }
    p.textSigillati {
        margin: 1vw 0 0;
    }
    .innerEtichettatura, .innerConfezionamento, .innerModulistica {
        grid-gap: 4vw;
    }
    .etichettatura .imageCaption{
        align-self: end;
    }
}
@media (min-width: 900px) and (max-width: 1099.9px) {
    .hero{
        background: url(/media/heropreanalitica900.webp);
        height: calc(100vw /(1000 / 450));
    }
    .gridHero, .innerQualita, .innerLineeGuida, .innerIstruzioni, .innerRaccoltaConser, h2.titleEticConfSped, .innerEtichettatura, .innerConfezionamento, .innerModulistica {
        width: 84vw;
    }
    p.overtitleHero, a.btnGuida, ul.listModalita li, ul.listComplete li, ul.listPrimaRaccolta li, p.textSigillati, p.textPrelievo, li.itemScrivere, p.attenzionePrelievo, p.textCaption, a.btnModulistica{
        font-size: 1.61vw;
    }
    h1.titleHero {
        font-size: 5.22vw;
        line-height: 6vw;
        width: 35vw;
    }
    p.textQualita, p.textLineeGuida, p.textLineaGuida, p.textIstruzioni, h4.textBtn, p.textDescr, ul.listTextDescr li, p.titleModalita, p.titleComplete, p.titlePrelievo, p.textPrimaRaccolta, p.numberPrelievo, li.itemEtichettatura, p.textConfezionamento, p.textModulistica{
        font-size: 2.41vw;
    }
    p.textLineeGuida, p.textIstruzioni, h2.titleRaccolta, p.textModulistica {
        margin: 0 0 4vw;
    }  
    p.textLineeGuida {
        line-height: 3.5vw;
    }
    .gridLineeGuida {
        grid-gap: 5vw 3vw;
    }
    .gridLineeGuida > div {
        flex: 0 0 calc((100% - 6vw) / 3);
        grid-gap: 2vw;
    }
    .borderLinee {
        width: 9vw;
        height: 9vw;
    }
    p.numLineeGuida {
        font-size: 4vw;
    }
    .gridLineeGuida > div:first-child p.textLineaGuida {
        width: 19vw;
    }    
    .gridLineeGuida > div:nth-child(2) p.textLineaGuida {
        width: 21vw;
    }    
    .gridLineeGuida > div:nth-child(3) p.textLineaGuida {
        width: 24vw;
    }
    .gridLineeGuida > div:nth-child(4) p.textLineaGuida {
        width: 26vw;
    }
    p.textBoldIstruzioni, h2.titleRaccolta, h3.nomeSettore, h2.titleEticConfSped, h2.titleEtichettatura, h2.titleConfezionamento, h2.titleModulistica{
        font-size: 3.61vw;
    }
    .gridTabTipologia, .kitModalita, .descrKit {
        grid-gap: 5vw;
    }
    .tabTipologia {
        border-radius: 5vw 5vw 0 0;
    }
    .settore {
        padding: 5vw;
    }
    a.btnGuida, a.btnModulistica{
        width: 28vw;
        height: 6vw;
    }
    button.btnAccordion {
        padding: 2vw 3vw 2vw 5vw;
    }
    button.btnAccordion:not(:last-of-type), p.titleComplete, p.titleModalita, p.titlePrelievo, p.textPrimaRaccolta {
        margin: 0 0 2vw;
    }
    button.btnAccordion::after {
        font-size: 3vw;
    }
    h3.nomeSettore::after {
        font-size: 5.3vw;
        height: 3vw;
        line-height: 3vw;
    }
    .descrAccordion:not(:last-child) {
        padding: 2vw 5vw 5vw;
    }
    .descrAccordion:last-child {
        padding: 3.5vw 5vw 5vw;
    }
    p.textDescr {
        line-height: 4vw;
    }
    ul.listTextDescr, .innerConfezionamento > div:nth-child(2)  {
        grid-gap: 1.5vw;
    }
    ul.listTextDescr {
        margin: 2vw 0 0;
        padding: 0 0 0 2.5vw;
    }
    .kitComplete::before, .modalita::before, .prelievo::before{
        top: -2.5vw;
    }
    ul.listComplete, ul.listModalita, ul.listPrimaRaccolta {
        padding: 0 0 0 2vw;
    }
    p.textPrimaRaccolta {
        width: 29vw;
        line-height: 3vw;
    }
    .stepPrelievo {
        grid-gap: 2vw;
    }
    ul.listPrimaRaccolta {
        grid-gap: 0.4vw;
    }
    .itemPrelievo {
        grid-gap: 1.8vw;
    }
    .borderPrelievo {
        max-width: 5vw;
        max-height: 5vw;
    }
    ul.listScrivere, ul.listNote {
        padding: 0 0 0 1.7vw;
    }
    p.attenzionePrelievo {
        line-height: 2vw;
    }
    p.note, li.itemNote {
        font-size: 1.23vw;
    }
    ul.listNote {
        grid-gap: 0.8vw;
    }
    .picTest img {
        max-height: 38vw;
    }
    .picTestDoppio img{
        max-height: 58vw;
    }
    .picIllustrazioni {
        grid-gap: 22vw;
    }
    .picIllustrazioni img {
        max-height: 44vw;
    }
    h2.titleEticConfSped {
        margin: 5vw auto 4vw;
    }
    .innerEtichettatura > div:first-child, .innerConfezionamento > div:first-child, .innerModulistica > div:first-child{
        flex: 0 1 calc(62% - 2vw);
    }
    ul.listEtichettatura {
        padding: 0 0 0 2.6vw;
    }
    li.itemEtichettatura, p.textConfezionamento, p.textModulistica {
        line-height: 3.4vw;
    }
    .innerEtichettatura > div:nth-child(2), .innerConfezionamento > div:nth-child(2), .innerModulistica > div:nth-child(2) {
        flex: 0 1 calc(38% - 2vw);
    }
    .etichettatura .imageCaption img, .confezionamento .imageCaption img{
        max-height: 22vw;
    }
    .confezionamento .imageCaption, .modulistica .imageCaption{
        align-self: end;
    }
    h2.titleConfezionamento {
        line-height: 4.5vw;
        width: 35vw;
    }
    p.textConfezionamento {
        width: 50vw;
    }
    .modulistica .imageCaption img {
        max-height: 39vw;
    }
}
@media (min-width: 900px) and (max-width: 1400px) {
    .illustrazioni {
        grid-gap: 6vw;
    }
    ul.listEtichettatura {
        grid-gap: 3vw;
    }
    h2.titleEtichettatura, h2.titleConfezionamento, h2.titleModulistica{
        margin: 0 0 3vw;
    }
}
@media (max-width: 1099.9px) {
    .gridLineeGuida {
        flex-wrap: wrap;
    }
}
@media (min-width: 1100px) {
    h3.nomeSettore::after {
        padding-left: 0.5vw;
    }
    p.note, .stepPicPrelievo{
        margin: 2vw 0 0;
    }
    h2.titleRaccolta{
        margin: 0 0 3vw;
    }
    ul.listPrimaRaccolta {
        grid-gap: 0.3vw;
    }
    h2.titleEticConfSped {
        margin: 4vw auto 3vw;
    }
    h2.titleEticConfSped br {
        display: none;
    }
}
@media (min-width: 1100px) and (max-width: 1400px) {
    .hero{
        background: url(/media/heropreanalitica1100.webp);
        height: calc(100vw /(1200 / 419));
    }
    .gridHero, .innerQualita, .innerLineeGuida, .innerIstruzioni, .innerRaccoltaConser, h2.titleEticConfSped, .innerEtichettatura, .innerConfezionamento, .innerModulistica {
        width: 80vw;
    }
    p.overtitleHero, a.btnGuida, ul.listModalita li, ul.listComplete li, ul.listPrimaRaccolta li, p.textSigillati, p.textPrelievo, li.itemScrivere, p.attenzionePrelievo, p.textCaption, a.btnModulistica{
        font-size: 1.32vw;
    }
    h1.titleHero {
        font-size: 4.27vw;
        line-height: 4.57vw;
        width: 29vw;
    }
    p.textQualita, p.textLineeGuida, p.textLineaGuida, p.textIstruzioni, h4.textBtn, p.textDescr, ul.listTextDescr li, p.titleModalita, p.titleComplete, p.titlePrelievo, p.textPrimaRaccolta, p.numberPrelievo, li.itemEtichettatura, p.textConfezionamento, p.textModulistica{
        font-size: 2vw;
    }
    p.textQualita {
        width: 75vw;
    }
    p.textLineeGuida, p.textIstruzioni{
        margin: 0 0 3vw;
    }
    .gridLineeGuida {
        column-gap: 3vw;    
    }
    .colLineeGuida, .stepPrelievo, .itemPrelievo, .innerConfezionamento .imageCaption {
        grid-gap: 1.5vw;
    }
    .borderLinee {
        width: 7vw;
        height: 7vw;
    }
    p.numLineeGuida {
        font-size: 3.28vw;
    }
    .gridLineeGuida > div:first-child p.textLineaGuida {
        width: 15vw;
    }    
    .gridLineeGuida > div:nth-child(2) p.textLineaGuida {
        width: 17vw;
    }
    .gridLineeGuida > div:nth-child(3) p.textLineaGuida {
        width: 19vw;
    }
    .gridLineeGuida > div:nth-child(4) p.textLineaGuida {
        width: 20vw;
    }
    p.textIstruzioni {
        width: 68vw;
    }
    p.textBoldIstruzioni, h2.titleRaccolta, h3.nomeSettore, h2.titleEticConfSped, h2.titleEtichettatura, h2.titleConfezionamento, h2.titleModulistica {
        font-size: 2.95vw;
    }
    .gridTabTipologia, .kitModalita, .descrKit{
        grid-gap: 4vw;
    }
    .tabTipologia {
        border-radius: 4vw 4vw 0 0;
    }
    .settore {
        padding: 4vw;
    }
    a.btnGuida, a.btnModulistica{
        width: 22vw;
        height: 5vw;
    }
    button.btnAccordion {
        padding: 2vw 4vw;
    }
    button.btnAccordion::after {
        font-size: 2.3vw;
    }
    button.btnAccordion:not(:last-of-type), p.titleModalita, p.titleComplete, p.titlePrelievo, p.textPrimaRaccolta {
        margin: 0 0 1.5vw;
    }
    h3.nomeSettore::after {
        font-size: 4.3vw;
        height: 2.5vw;
        line-height: 2.5vw;
    }
    .descrAccordion:not(:last-child) {
        padding: 1vw 4vw 4vw;
    }
    .descrAccordion:last-child {
        padding: 2.5vw 4vw 4vw;
    }
    p.textDescr {
        line-height: 3.5vw;
    }
    ul.listTextDescr {
        margin: 1.5vw 0 0;
    }
    ul.listTextDescr, ul.listEtichettatura {
        padding: 0 0 0 2vw;
    }
    ul.listTextDescr, ul.listModalita, ul.listComplete{
        grid-gap: 1vw;
    }
    .kitComplete::before,.modalita::before, .prelievo::before {
        top: -2vw;
    }
    ul.listModalita, ul.listComplete, ul.listPrimaRaccolta, ul.listScrivere, ul.listNote{
        padding: 0 0 0 1.7vw;
    }
    p.attenzionePrelievo {
        line-height: 1.5vw;
    }    
    .picTest img{
        max-height: 30vw;
    }
    p.note, li.itemNote {
        font-size: 1vw;
    }
    ul.listNote {
        grid-gap: 0.6vw;
    }
    .picTestDoppio img{
        max-height: 53vw;
    }
    .borderPrelievo {
        max-width: 3.9vw;
        max-height: 3.9vw;
    }
    .picIllustrazioni {
        grid-gap: 14vw;
    }
    .picIllustrazioni img {
        max-height: 35vw;
    }
    .eticConfSped > div:not(:last-child) {
        margin-bottom: 2vw;
    }
    .innerEtichettatura > div:first-child, .innerConfezionamento > div:first-child, .innerModulistica > div:first-child {
        flex: 0 1 calc(55% - 2vw);
    }
    li.itemEtichettatura, p.textConfezionamento {
        line-height: 2.9vw;
    }
    .innerEtichettatura > div:nth-child(2), .innerConfezionamento > div:nth-child(2), .innerModulistica > div:nth-child(2) {
        flex: 0 1 calc(45% - 2vw);
    }
    .etichettatura .imageCaption img{
        max-height: 22vw;
    }
    h2.titleConfezionamento {
        line-height: 3.5vw;
        width: 30vw;
    }
    .confezionamento .imageCaption img {
        max-height: 25vw;
    }
    p.textModulistica{
        margin: 0 0 3vw;
    }
    .modulistica .imageCaption img {
        max-height: 30vw;
    }
}
@media (min-width: 1401px) {
    .hero{
        background: url(/media/heropreanalitica.webp);
        height: calc(100vw /(2000 / 699));
    }
    .gridHero, .innerQualita, .innerLineeGuida, .innerIstruzioni, .innerRaccoltaConser, h2.titleEticConfSped, .innerEtichettatura, .innerConfezionamento, .innerModulistica{
        width: 70vw;
    }
    p.overtitleHero, a.btnGuida, ul.listModalita li, ul.listComplete li, ul.listPrimaRaccolta li, p.textSigillati, p.textPrelievo, p.attenzionePrelievo, li.itemScrivere, p.textCaption, a.btnModulistica{
        font-size: 1.05vw;
    }
    h1.titleHero {
        font-size: 3.4vw;
        line-height: 3.6vw;
        width: 23vw;
    }
    p.textQualita, p.textLineeGuida, p.textLineaGuida, p.textIstruzioni, h4.textBtn, p.textDescr, ul.listTextDescr li, p.titleModalita, p.titleComplete, p.titlePrelievo, p.textPrimaRaccolta, p.numberPrelievo, li.itemEtichettatura, p.textConfezionamento, p.textModulistica{
        font-size: 1.57vw;
    }
    p.textQualita, p.textIstruzioni, p.textBoldIstruzioni{
        width: 55vw;
    }
    p.textLineeGuida, p.textIstruzioni, h2.titleEtichettatura, h2.titleConfezionamento, h2.titleModulistica, p.textModulistica{
        margin: 0 0 2vw;
    }
    .gridLineeGuida {
        column-gap: 3.5vw;
    }
    .colLineeGuida, .confezionamento .imageCaption {
        grid-gap: 1vw;
    }
    .borderLinee {
        width: 5vw;
        height: 5vw;
    }
    p.numLineeGuida {
        font-size: 2.61vw;
    }
    p.textBoldIstruzioni, h2.titleRaccolta, h3.nomeSettore, h2.titleEticConfSped, h2.titleEtichettatura, h2.titleConfezionamento, h2.titleModulistica{
        font-size: 2.35vw;
    }
    p.textBoldIstruzioni {
        line-height: 3vw;
    }
    .gridTabTipologia, .kitModalita, .descrKit{
        grid-gap: 3vw;
    }
    .tabTipologia {
        border-radius: 2.3vw 2.3vw 0 0;
    }
    .settore {
        padding: 3vw;
    }
    a.btnGuida, a.btnModulistica{
        width: 18.5vw;
        height: 4vw;
    }
    button.btnAccordion {
        padding: 1vw 3vw;
    }
    button.btnAccordion::after {
        font-size: 1.3vw;
    }
    button.btnAccordion:not(:last-of-type), p.titleModalita, p.titleComplete, p.titlePrelievo, p.textPrimaRaccolta {
        margin: 0 0 1vw;
    }
    h3.nomeSettore::after {
        font-size: 3.3vw;
        height: 2vw;
        line-height: 2vw;
    }
    .descrAccordion:not(:last-of-type) {
        padding: 1vw 3vw 3vw;
    }
    .descrAccordion:last-of-type {
        padding: 2vw 3vw 3vw;
    }
    .descrTest {
        grid-gap: 5vw;
    }
    .kitModalita {
        flex: 0 1 calc(70% - 2.5vw);
    }
    ul.listTextDescr {
        margin: 1vw 0 0;
        padding: 0 0 0 1.5vw;
    }
    ul.listTextDescr, ul.listNote{
        grid-gap: 0.4vw;
    }
    .kitComplete::before, .modalita::before, .prelievo::before {
        top: -1.5vw;
    }
    p.textDescr {
        line-height: 2.5vw;
    }    
    ul.listModalita, ul.listComplete, ul.listPrimaRaccolta, ul.listScrivere, ul.listNote{
        padding: 0 0 0 1.1vw;
    }
    ul.listModalita, ul.listComplete{
        grid-gap: 0.6vw;
    }
    p.note, li.itemNote{
        font-size: 0.8vw;
    }
    ul.listNote, ul.listScrivere {
        margin: 0.5vw 0 0;
    }
    li.itemModalita {
        line-height: 1.5vw;
    }
    .picTest, .picTestDoppio, .picIllustrazioni {
        flex: 0 1 calc(30% - 2.5vw);
    }
    .picTest img{
        max-height: 22vw;
    }
    .picTestDoppio img{
        max-height: 43vw;
    }
    .stepPrelievo {
        grid-gap: 1.2vw;
    }
    .itemPrelievo {
        grid-gap: 1.4vw;
    }
    .borderPrelievo {
        max-width: 2.9vw;
        max-height: 2.9vw;
    }
    p.attenzionePrelievo {
        margin: 0.4vw 0 0;
        line-height: 1.3vw;
    }
    .picIllustrazioni {
        grid-gap: 8vw;
    }
    .picIllustrazioni img{
        max-height: 30vw;
    }
    .illustrazioni {
        grid-gap: 4vw;
    }
    .eticConfSped > div:not(:last-child) {
        margin-bottom: 1.5vw;
    }
    .innerEtichettatura > div:first-child, .innerConfezionamento > div:first-child, .innerModulistica > div:first-child{
        flex: 0 1 calc(60% - 2vw);
    }
    ul.listEtichettatura {
        padding: 0 0 0 1.6vw;
        grid-gap: 2vw;
    }
    .innerEtichettatura > div:nth-child(2), .innerConfezionamento > div:nth-child(2), .innerModulistica > div:nth-child(2) {
        flex: 0 1 calc(40% - 2vw);
    }
    .etichettatura .imageCaption img {
        max-height: 17vw;
    }
    p.textConfezionamento, li.itemEtichettatura, p.textModulistica {
        line-height: 2.3vw;
    }
    p.textConfezionamento {
        width: 34vw;
    }
    .confezionamento .imageCaption {
        justify-content: center;
    }
    .confezionamento .imageCaption img {
        max-height: 17vw;
    }
    p.textModulistica {
        width: 29vw;
    }
    .modulistica .imageCaption img {
        max-height: 27vw;
    }
}