.soluzioni{
    background: url('/media/backivf.webp'), #6270A8;
    background-repeat: no-repeat;
    background-position: right top;
}
h2.titleSoluzioni, h3.textBtn, h4.titleAnalisi, li.itemAnalisi, p.textStrumenti, p.namePartner, p.overtitle, h2.titleChiSiamo, p.textChiSiamo, p.boldTextChiSiamo, h2.titleVerificaEsterna, p.overtitlePartner, h2.titlePartner, p.textPartner, a.btnPartner, h2.titleSpecialisti, p.nomeSpecialisti, p.ruoloSpecialisti, h2#popupNome, p#popupBio, h2.titleReferenti, h3.cittaReferente, p.nomeReferente, p.numeroReferente, p.emailReferente, p.overtitleBlog, h2.titleBlog, a.postCategory, p.postTitle, a.postBtnLink, a.linkButton{
    font-family: 'news-gothic-std', sans-serif;
}
h2.titleSoluzioni, h3.textBtn, li.itemAnalisi, p.textStrumenti a, p.namePartner a, p.namePartner, li.itemAnalisi a, li.itemAnalisi a:hover, li.itemAnalisi a:focus, li.itemAnalisi a:active, button.btnBio, p.overtitlePartner, a.btnPartner {
    color: white;
}
.innerSoluzioni, .gridChiSiamo, .innerVerificaEsterna, .innerPartner, .innerSpecialisti, a.linkButton{
    margin: auto;
}
.innerSoluzioni, .gridAnalisi, .boxStrumenti, .verificaEsterna, .colReferenti:not(:last-of-type), .colReferenti:nth-child(-n+2), .gridReferenti > div:last-child{
    position: relative;
}
.analisi {
    background: rgb(130 145 199 / 91%);
}
.analisi, .innerAnalisi, .innerStrumenti {
    height: 100%;
}
.strumenti {
    background: rgb(76 88 134 / 91%);
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100%;
    transition: top 0.3s ease;
}
button.btnAccordion {
    width: 100%;
    background: transparent;
    border: none;
    text-align: left;
}
button.btnAccordion, p.textStrumenti a, p.namePartner a, button.btnBio {
    cursor: pointer;
}
button.btnAccordion, button.btnBio, a.btnPartner {
    display: flex;
    align-items: center;
}
button.btnAccordion::after {
    content: "\e145";
    font-weight: 100;
    font-family: 'Material Symbols Outlined', sans-serif;
    color: white;
}
button.btnAccordion.active::after {
    content: "\e15b";
}
h3.textBtn, ul.listAnalisi, p.textStrumenti, p.namePartner, p.boldTextChiSiamo, h2.titleVerificaEsterna, p.ruoloSpecialisti, h2#popupNome, p#popupBio, p.emailReferente, h2.titleReferenti {
    margin: 0;
}
.innerSoluzioni {
    transition: height 0.3s ease;
    height: auto;
    overflow: hidden;
}
.gridAnalisi, ul.listAnalisi, .boxStrumenti, .chiSiamo, .gridChiSiamo, .gridSpecialisti, .popupMeta, .innerPopupBio, .gridReferenti, .gridBlog, .cardPost, .postMeta {
    display: flex;
}
.gridAnalisi::after, .boxStrumenti:not(:last-child)::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    background: white;
}
h4.titleAnalisi, h4.titleAnalisi a, h4.titleAnalisi a:hover, h4.titleAnalisi a:focus, h4.titleAnalisi a:active {
    color: #374167;
}
h4.titleAnalisi a, li.itemAnalisi a, p.textStrumenti a, p.namePartner a{
    text-decoration: none;
}
ul.listAnalisi {
    list-style-type: none;
    padding: 0;
    flex-direction: column;
}
.boxStrumenti {
    align-items: baseline;
}
.chiSiamo {
    background-size: contain !important;
    background-position: right !important;
    background-repeat: no-repeat !important;
}
p.overtitle, p.nomeSpecialisti, p.ruoloSpecialisti, h3.cittaReferente, p.nomeReferente, p.numeroReferente, p.emailReferente, p.overtitleBlog {
    color: #6270A8;
}
h2.titleChiSiamo, p.textChiSiamo, p.boldTextChiSiamo, h2.titlePartner, p.textPartner, h2.titleSpecialisti, h2#popupNome, p#popupBio, h2.titleReferenti, h2.titleBlog {
    color: #1E3582;
}
.verificaEsterna, .referentiCommerciali, .blog {
    background: #EDEDED;
}
h2.titleVerificaEsterna {
    color: #8291C7;
}
.verificaEsterna img {
    position: absolute;
}
a.btnPartner {
    background: #1e3582;
    justify-content: center;
    text-decoration: none;
    border-radius: 6vw;
    border: 3px solid #1e3582;
}
a.btnPartner:hover{
    color: #1e3582;
    background: transparent;
}
.gridSpecialisti {
    flex-wrap: wrap;
    justify-content: center;
}
.gridSpecialisti > div {
    box-shadow: 0px 0px 35px #0000001A;
}
.cardSpecialisti > img {
    width: 100%;
}
.bioSpecialisti{
    display: flex;
    flex-direction: column;
}
button.btnBio {
    background: #6270a8;
    border: none;
    border-radius: 5vw;
    justify-content: center;
    grid-gap: 5px;
}
.arrowBio {
    animation: oscillate 2s infinite linear;
}
@keyframes oscillate {
    0% { transform: translateX(0); }
    50% { transform: translateX(5px); }
    100% { transform: translateX(0); }
}
.popupBio {
    display: none;
    position: fixed;
    left: 0;
    width: 100%;
    background: rgba(98, 112, 168, 0.5);
}
.innerPopupBio {
    background: white;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    flex-direction: column;
}
img#popupImg {
    object-fit: cover;
    border-radius: 50%;
}
.closePopup {
    position: absolute;
    cursor: pointer;
    color: #1e3582;
}
.gridReferenti > div {
    text-align: center;
}
/* BLOG */
.blog{
    box-shadow: 0px 3px 20px #0000000D;
}
.cardPost, .postMeta{
    flex-direction: column;
}
.cardPost {
    background-color: white;
    box-shadow: 0px 0px 30px #0000001A;
}
p.overtitleBlog, h2.titleBlog, p.postTitle{
    margin-top: 0;
}
p.overtitleBlog, a.postCategory, a.postBtnLink{
    line-height: 1;
}
h2.titleBlog, p.postTitle{
    line-height: 1.1;
}
a.linkToPost{
    line-height: 0;
    position: relative;
    display: block;
}
a.linkToPost, img.postImg{
    width: 100%;
}
a.linkToPost:after {
    content: '';
    left: 0;
    width: 100%;
    height: 100%;
    bottom: -2px;
    position: absolute;
}
img.postImg {
    object-fit: cover;
}
.postMeta {
    height: 100%;
}
.postCategory, p.postTitle a {
    text-decoration: none;
}
a.postCategory {
    text-transform: uppercase;
}
p.postTitle a, p.postTitle a:hover, p.postTitle a:focus, a.postBtnLink:hover, a.linkButton:hover{
    color: #003883;
}
a.postBtnLink {
    margin-top: auto;
}
a.postBtnLink, a.linkButton{
    color: white;
    cursor: pointer;
    border-radius: 44px;
    border: 3px solid #003883;
    background-color: #003883;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}
a.postBtnLink:hover, a.linkButton:hover{
    background-color: transparent;
}
@media (max-width: 550px){
    .soluzioni{
        background-size: 125vw;
    }
    h2.titleSoluzioni {
        font-size: 11vw;
        line-height: 11.5vw;
    }
    .innerSoluzioni {
        height: 47vw;
    }
    button.btnAccordion::after {
        font-size: 12vw;
    }  
    h3.textBtn {
        font-size: 7.3vw;
        line-height: 8vw;
    }
    .innerSoluzioni.analisiActive {
        height: 250vw;
    } 
    .innerSoluzioni.strumentiActive {
        height: 124vw;
    } 
    .strumenti {
        top: 24vw;
        height: calc(100% - 24vw);
    }
    .strumenti.notOpened {
        top: 214vw;
    }
    .boxStrumenti {
        grid-gap: 2vw;
    }
    .boxStrumenti:not(:last-child){
        margin-bottom: 9vw;
    }
    .boxStrumenti:not(:last-child)::after {
        bottom: -4.5vw;
    }
    p.namePartner {
        width: 40vw;
    }
    .gridAnalisi {
        flex-direction: column;
        row-gap: 8vw;
    }
    .gridAnalisi > div {
        flex: 0 0 calc((100% - 8vw - 36px) / 2);
        padding: 0 0 0 4vw;
    }
    h4.titleAnalisi, p.textStrumenti, h2.titleVerificaEsterna, h3.cittaReferente {
        font-size: 5.45vw;
    }
    h4.titleAnalisi {
        margin: 0 0 4vw;
        line-height: 6vw;
    }
    ul.listAnalisi {
        grid-gap: 1.5vw;
    }
    li.itemAnalisi, p.textChiSiamo, p.boldTextChiSiamo, p.textPartner, p#popupBio {
        font-size: 4.5vw;
    }    
    p.overtitle, p.overtitlePartner, a.btnPartner, p.nomeSpecialisti, p.ruoloSpecialisti, button.btnBio, p.nomeReferente, p.numeroReferente, p.emailReferente, p.overtitleBlog, a.postCategory, a.postBtnLink, a.linkButton{
        font-size: 3.6vw;
    }
    p.overtitle, p.overtitlePartner, a.btnPartner, p.nomeReferente, p.numeroReferente, p.emailReferente {
        line-height: 3.6vw;
    }
    h2.titleChiSiamo, h2.titlePartner, h2.titleSpecialisti, h2.titleReferenti {
        font-size: 10vw;
        line-height: 10vw;
    }
    .gridChiSiamo > div:nth-child(2) {
        background: url('/media/chisiamoivf550.webp');
        height: calc(100vw / (550 / 404));
    }
    p.textPartner {
        width: 81vw;
    }
    a.btnPartner {
        height: 12vw;
        width: 52vw;
    }
    .gridSpecialisti {
        grid-gap: 10vw;
    }
    .gridSpecialisti > div {
        border-radius: 6vw;
    }
    .cardSpecialisti > img {
        border-radius: 6vw 6vw 0 0;
    }
    .bioSpecialisti {
        padding: 5vw 7vw;
        grid-gap: 4vw;
    }
    p.nomeSpecialisti {
        margin: 0 0 0.8vw;
    }
    button.btnBio {
        height: 6.5vw;
        width: 22vw;
    }
    .material-symbols-outlined.arrowBio {
        font-size: 5vw !important;
        line-height: 5vw !important;
    }
    .popupBio {
        top: 20vw;
        height: calc(100% - 20vw);
    }
    .innerPopupBio {
        border-radius: 7vw;
    }
    h2#popupNome {
        font-size: 8.2vw;
        line-height: 8.2vw;
    }
    /* BLOG */
    .blog{
        padding: 12vw 0;
    }
    p.overtitleBlog{
        margin-bottom: 3.8vw;
    }
    h2.titleBlog{
        font-size: 10vw;
        margin-bottom: 10vw;
    }
    .gridBlog {
        grid-gap: 6vw;
        margin-bottom: 5vw;
    }
    .cardPost {
        flex: 0 0 61vw;
        border-radius: 0 0 6vw 6vw;
    }
    img.postImg {
        height: 50vw;
    }
    .postMeta {
        padding: 4px 6vw 7vw;
    }
    a.postCategory {
        margin-bottom: 2vw;
    }
    p.postTitle{
        font-size: 4.5vw;
        margin-bottom: 6.5vw;
        margin-bottom: 5vw;
    }
    a.postBtnLink {
        height: 11vw;
    }
    a.linkButton{
        height: 11vw;
        width: 45vw;
    }
}
@media (min-width: 551px){
    .gridSpecialisti > div{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .bioSpecialisti {
        justify-content: space-between;
        flex-grow: 1;
    }
}
@media (min-width: 551px) and (max-width: 899.9px){
    p.postTitle{
        margin-bottom: 4vw;
    }
}
@media (min-width: 551px) and (max-width: 766.9px){
    .soluzioni{
        background-size: 110vw;
    }
    h2.titleSoluzioni {
        font-size: 8.54vw;
        line-height: 9vw;
    }
    .innerSoluzioni {
        height: 42vw;
    }
    .analisi, .strumenti {
        border-radius: 10vw 10vw 0 0;
    }
    button.btnAccordion::after {
        font-size: 10vw;
    }  
    h3.textBtn {
        font-size: 5.3vw;
        line-height: 6vw;
    }
    .innerSoluzioni.analisiActive {
        height: 165vw;
    } 
    .innerSoluzioni.strumentiActive {
        height: 100vw;
    } 
    .strumenti {
        top: 21vw;
        height: calc(100% - 21vw);
    }
    .strumenti.notOpened {
        top: 135vw;
    }
    .boxStrumenti {
        grid-gap: 2vw;
    }
    .boxStrumenti:not(:last-child){
        margin-bottom: 7vw;
    }
    .boxStrumenti:not(:last-child)::after {
        bottom: -3.5vw;
    }
    p.namePartner{
        font-size: 2vw;
    }
    .gridAnalisi {
        row-gap: 8vw;
    }
    .gridAnalisi > div {
        flex: 0 0 calc((100% - 8vw - 36px) / 2);
        padding: 0 0 0 4vw;
    }
    h4.titleAnalisi, p.textStrumenti, h2.titleVerificaEsterna, h3.cittaReferente, p.postTitle {
        font-size: 3.9vw;
    }
    h4.titleAnalisi {
        margin: 0 0 3vw;
        line-height: 4.3vw;
    }
    ul.listAnalisi {
        grid-gap: 1vw;
    }
    li.itemAnalisi, p.textChiSiamo, p.boldTextChiSiamo, p.textPartner, p#popupBio {
        font-size: 3.3vw;
    }
    p.overtitle, p.overtitlePartner, a.btnPartner, p.nomeSpecialisti, p.ruoloSpecialisti, button.btnBio, p.nomeReferente, p.numeroReferente, p.emailReferente, p.overtitleBlog, a.postCategory, a.postBtnLink, a.linkButton{
        font-size: 2.6vw;
    }
    p.overtitle, p.overtitlePartner, a.btnPartner, p.nomeReferente, p.numeroReferente, p.emailReferente {
        line-height: 2.6vw;
    }
    h2.titleChiSiamo, h2.titlePartner, h2.titleSpecialisti, h2.titleReferenti {
        font-size: 7.2vw;
        line-height: 8vw;
    }
    .gridChiSiamo > div:nth-child(2) {
        background: url('/media/chisiamoivf551.webp');
        height: calc(100vw / (750 / 551));
    }
    p.textPartner {
        width: 65vw;
    }
    a.btnPartner {
        height: 10vw;
        width: 45vw;
    }
    .gridSpecialisti {
        grid-gap: 8vw;
    }
    .gridSpecialisti > div {
        flex: 0 1 calc((100% - 8vw) / 2);
        border-radius: 4vw;
    }
    .bioSpecialisti {
        padding: 4vw 3vw;
        grid-gap: 3vw;
    }
    p.nomeSpecialisti {
        margin: 0 0 0.5vw;
    }
    .cardSpecialisti > img {
        border-radius: 4vw 4vw 0 0;
    }
    button.btnBio {
        height: 5.5vw;
        width: 18vw;
    }
    .material-symbols-outlined.arrowBio {
        font-size: 3.5vw !important;
        line-height: 3.5vw !important;
    }
    .popupBio {
        top: 15vw;
        height: calc(100% - 15vw);
    }
    .innerPopupBio {
        border-radius: 5vw;
    }
    h2#popupNome {
        font-size: 6.56vw;
        line-height: 7vw;
    }
    p.nomeReferente {
        margin: 0 0 2vw;
    }
    /* BLOG */
    .blog{
        padding: 10vw 0;
    }
    p.overtitleBlog{
        margin-bottom: 2.8vw;
    }
    h2.titleBlog{
        width: 60vw;
        font-size: 7.2vw;
        margin-bottom: 8vw;
    }
    .gridBlog{
        grid-gap: 8vw;
        margin-bottom: 3vw;
    }
    .cardPost {
        flex: 0 0 55vw;
        border-radius: 0 0 5vw 5vw;
    }
    img.postImg {
        height: 45vw;
    }
    .postMeta {
        padding: 4px 6vw 6vw;
    }
    a.postCategory {
        margin-bottom: 1.2vw;
    }
    p.postTitle{
        margin-bottom: 5vw;
    }
    a.postBtnLink {
        height: 10vw;
    }
    a.linkButton{
        height: 10vw;
        width: 40vw;
    }
}
@media (max-width: 766.9px){
    .soluzioni{
        padding: 10vw 0 0;
    }
    h2.titleSoluzioni {
        margin: 0 auto 8vw 10vw;
    }
    button.btnAccordion {
        padding: 4.5vw 10vw;
        grid-gap: 4vw;
    } 
    .descrAccordion {
        padding: 0 10vw;
    }
    .gridAnalisi::after {
        bottom: -6vw;
    }
    .gridChiSiamo > div:first-child, .innerVerificaEsterna, .innerPartner, .innerSpecialisti, .innerReferenti {
        padding: 10vw;
    }
    h2.titleChiSiamo, p.textChiSiamo, h2.titlePartner, p.textPartner{
        margin: 0 0 6vw;
    }
    .gridChiSiamo > div:nth-child(2) {
        background-size: contain;
    }
    .verificaEsterna img {
        display: none;
    }
    .partner{
        background-color: #8291C7;
    }
    h2.titleSpecialisti {
        margin: 0 0 10vw;
    }
    .innerPopupBio {
        padding: 10vw;
        max-height: 95%;
        width: 80vw;
    }
    .innerPopupBio, .popupMeta {
        grid-gap: 6vw;
    }
    img#popupImg {
        width: 33.4vw;
        height: 33.4vw;
    }
    span.closePopup {
        font-size: 8vw;
        right: 10vw;
        top: 8vw;
    }
    .gridReferenti{
        flex-direction: column;
        margin: 10vw 0 0;
        grid-gap: 12vw;
    }
    .colReferenti:not(:last-child)::after {
        position: absolute;
        content: "";
        width: 60%;
        height: 2px;
        background: white;
        bottom: -6vw;
        right: 0;
        left: 0;
        margin: auto;
    }
    .gridBlog {
        padding: 0 10vw 6vw;
    }
    p.overtitleBlog, h2.titleBlog {
        padding: 0 10vw;
    }
    .gridBlog::-webkit-scrollbar {
        display: none;
    }
}
@media (min-width: 767px){
    .partner{
        background-repeat: no-repeat !important;
        background-position: right bottom !important;
    }
    .gridSpecialisti > div {
        flex: 0 1 calc((100% - 10vw) / 3);
    }
}
@media (min-width: 767px) and (max-width: 899.9px){
    .soluzioni{
        background-size: 100vw;
        padding: 8vw 0 0;
    }
    h2.titleSoluzioni {
        font-size: 6.13vw;
        margin: 0 auto 8vw 8vw;
    }
    .gridChiSiamo > div:first-child, .innerVerificaEsterna, .innerPartner, .innerSpecialisti, .innerReferenti {
        padding: 8vw;
    }
    .innerSoluzioni {
        width: 94vw;
        height: 30vw;
    }
    .analisi, .strumenti {
        border-radius: 8vw 8vw 0 0;
    }
    button.btnAccordion {
        padding: 4vw 5.5vw;
        grid-gap: 3vw;
    } 
    button.btnAccordion::after {
        font-size: 6vw;
    }  
    h3.textBtn {
        font-size: 3.8vw;
        line-height: 4.5vw;
    }
    .innerSoluzioni.analisiActive {
        height: 104vw;
    } 
    .innerSoluzioni.strumentiActive {
        height: 72vw;
    } 
    .strumenti {
        top: 15vw;
        height: calc(100% - 15vw);
    }
    .strumenti.notOpened {
        top: 86vw;
    }
    .boxStrumenti {
        grid-gap: 1.5vw;
    }
    .boxStrumenti:not(:last-child){
        margin-bottom: 5vw;
    }
    .boxStrumenti:not(:last-child)::after {
        bottom: -2.5vw;
    }
    p.namePartner {
        font-size: 1.44vw;
    }
    .descrAccordion {
        padding: 0 5.5vw;
    }
    .gridAnalisi {
        row-gap: 5vw;
    }
    .gridAnalisi > div {
        flex: 0 0 calc((100% - 9vw - 36px) / 3);
        padding: 0 0 0 3vw;
    }
    .colAnalisi:nth-child(2) h4.titleAnalisi {
        width: 20vw;
    }
    h4.titleAnalisi, p.textStrumenti, h2.titleVerificaEsterna, h3.cittaReferente {
        font-size: 2.83vw;
    }
    h4.titleAnalisi {
        margin: 0 0 2.5vw;
        line-height: 3.3vw;
    }
    li.itemAnalisi, p.textChiSiamo, p.boldTextChiSiamo, p.textPartner, p#popupBio {
        font-size: 2.34vw;
    }
    p.overtitle, p.overtitlePartner, a.btnPartner, p.nomeSpecialisti, p.ruoloSpecialisti, button.btnBio, p.nomeReferente, p.numeroReferente, p.emailReferente, p.overtitleBlog, a.postCategory, a.postBtnLink, a.linkButton {
        font-size: 1.89vw;
    }
    p.overtitle, p.overtitlePartner, a.btnPartner, button.btnBio, p.nomeReferente, p.numeroReferente, p.emailReferente{
        line-height: 1.89vw;
    }
    h2.titleChiSiamo, h2.titlePartner, h2.titleSpecialisti, h2.titleReferenti {
        font-size: 5.17vw;
        line-height: 5.6vw;
    }
    h2.titleChiSiamo, p.textChiSiamo, h2.titlePartner, p.textPartner, h2.titleSpecialisti{
        margin: 0 0 4vw;
    }
    p.textChiSiamo, p.boldTextChiSiamo {
        width: 53vw;
    }
    h2.titleVerificaEsterna {
        width: 56vw;
    }
    .verificaEsterna img {
        width: 31vw;
        top: 24vw;
        right: 4vw;
    }
    .partner{
        background-size: 52vw;
    }
    p.textPartner {
        width: 69vw;
    }
    a.btnPartner{
        height: 7vw;
        width: 32vw;
    }
    .gridSpecialisti {
        grid-gap: 7vw 5vw;
    }
    .bioSpecialisti {
        padding: 3vw;
        grid-gap: 2.5vw;
    }
    p.nomeSpecialisti, p.ruoloSpecialisti {
        line-height: 2.3vw;
    }
    button.btnBio {
        height: 4vw;
        width: 13vw;
    }
    .material-symbols-outlined.arrowBio {
        font-size: 2.5vw !important;
        line-height: 2.5vw !important;
    }
    .popupBio {
        top: 12vw;
        height: calc(100% - 12vw);
    }
    .innerPopupBio {
        border-radius: 4vw;
        padding: 8vw 8vw 8vw 10vw;
    }
    img#popupImg {
        width: 24.8vw;
        height: 24.8vw;
    }
    h2#popupNome {
        font-size: 4.7vw;
        line-height: 5vw;
    }
    span.closePopup {
        right: 8vw;
        top: 6vw;
    }
    .gridReferenti {
        grid-gap: 10vw 20vw;
        margin: 8vw 0 0;
    }
    .gridReferenti > div {
        flex: 0 1 calc((100% - 20vw) / 2);
    }
    .colReferenti:nth-child(2n+1)::after, .colReferenti:nth-last-child(-n+2)::before {
        position: absolute;
        content: "";
        background-color: white;
    }
    .colReferenti:nth-child(2n+1)::after {
        width: 2px;
        height: calc(100% + 4vw);
        top: -2vw;
        right: -10vw;
    }
    .colReferenti:nth-last-child(-n+2)::before{
        width: 100%;
        height: 2px;
        top: -5vw;
        right: 0;
    }
    /* BLOG */
    .blog{
        padding: 8vw 0;
    }
    p.overtitleBlog, h2.titleBlog{
        padding: 0 8vw;
    }
    p.overtitleBlog{
        margin-bottom: 2vw;
    }
    h2.titleBlog{
        font-size: 5.17vw;
        margin-bottom: 5vw;
    }
    .gridBlog {
        grid-gap: 4vw;
        margin-bottom: 4vw;
        padding: 0 8vw 3vw;
    }
    .cardPost {
        flex: 0 0 calc((100% - 4vw) / 2);
        border-radius: 0 0 3.9vw 3.9vw;
    }
    img.postImg {
        height: 30vw;
    }
    .postMeta {
        padding: 4px 3vw 3vw;
    }
    a.postCategory {
        margin-bottom: 0.8vw;
    }
    p.postTitle{
        font-size: 2.78vw;
        margin-bottom: 3.5vw;
    }
    a.postBtnLink {
        height: 7vw;
    }
    a.linkButton{
        height: 7vw;
        width: 28vw;
    }
}
@media (max-width: 899.9px){
    .gridAnalisi {
        flex-wrap: wrap;
    }
    .gridAnalisi > div {
        border-left: 9px solid #4C5886;
    }
    p.overtitle, p.overtitlePartner{
        margin: 0 0 2vw;
    }
    .gridChiSiamo{
        flex-direction: column;
        width: 100%;
    }
    .popupMeta{
        flex-direction: column;
    }
    h3.cittaReferente {
        margin: 0 0 3vw;
    }
    p.numeroReferente {
        margin: 0 0 1vw;
    }
    .gridBlog {
        overflow-x: auto;
    }
    a.linkToPost:after{
        background: transparent linear-gradient(0deg, #ffffff 0%, #ffffff 6%, #ffffffd9 25%, #ffffff00 100%) 0% 0% no-repeat padding-box;
    }
    .gridBlog::-webkit-scrollbar {
        display: none;
    }
}
@media (min-width: 767px) and (max-width: 1099.9px){
    .gridAnalisi::after{
        bottom: -4vw;
    }
    ul.listAnalisi {
        grid-gap: 0.8vw;
    }
    .partner{
        background: url('/media/backPartner900.webp'), #8291C7;
    }
    .gridSpecialisti > div {
        border-radius: 3vw;
    }
    .cardSpecialisti > img {
        border-radius: 3vw 3vw 0 0;
    }
    p.nomeSpecialisti {
        margin: 0 0 0.7vw;
    }
    .innerPopupBio {
        width: 84vw;
        max-height: 90%;
    }
    .innerPopupBio, .popupMeta {
        grid-gap: 4vw;
    }
    span.closePopup {
        font-size: 6vw;
    }
    p.nomeReferente {
        margin: 0 0 1.5vw;
    }
}
@media (min-width: 900px){
    .soluzioni{
        padding: 6vw 0 0;
    }
    p.overtitle, p.overtitlePartner{
        margin: 0 0 1vw;
    }
    .specialisti, .referentiCommerciali{
        padding: 6vw 0;
    }
    .popupMeta {
        align-items: center;
    }
    h2#popupNome span {
        display: block;
    }
    a.linkToPost:after{
        background: transparent linear-gradient(0deg, #ffffff 0%, #ffffff 9%, #ffffffd9 32%, #ffffff00 100%) 0% 0% no-repeat padding-box;
    }
    p.postTitle{
        margin-bottom: 2vw;
    }
}
@media (min-width: 900px) and (max-width: 1099.9px){
    .soluzioni{
        background-size: 85vw;
    }
    h2.titleSoluzioni {
        font-size: 5.22vw;
        margin: 0 auto 3vw;
    }
    h2.titleSoluzioni, .gridChiSiamo, .innerVerificaEsterna, .innerPartner, .innerSpecialisti, .innerReferenti {
        width: 84vw;
    }
    .analisi, .strumenti {
        border-radius: 6vw 6vw 0 0;
    }
    .gridAnalisi > div {
        border-left: 6px solid #4C5886;
        flex: 0 0 calc((100% - 6vw - 24px) / 4);
        padding: 0 0 0 1.5vw;
    }
    .innerSoluzioni {
        width: 94vw;
        height: 28vw;
    }
    button.btnAccordion {
        padding: 4vw 4.5vw;
        grid-gap: 2vw;
    } 
    button.btnAccordion::after {
        font-size: 5vw;
    }  
    h3.textBtn {
        font-size: 3.22vw;
        line-height: 3.22vw;
    }
    .innerSoluzioni.analisiActive {
        height: 74vw;
    } 
    .innerSoluzioni.strumentiActive {
        height: 68vw;
    } 
    .strumenti {
        top: 14vw;
        height: calc(100% - 14vw);
    }
    .strumenti.notOpened {
        top: 60.3vw;
    }
    .boxStrumenti {
        grid-gap: 1.5vw;
    }
    .boxStrumenti:not(:last-child){
        margin-bottom: 5vw;
    }
    .boxStrumenti:not(:last-child)::after {
        bottom: -2.5vw;
    }
    p.namePartner {
        font-size: 1.23vw;
    }
    .descrAccordion {
        padding: 0 4.5vw;
    }
    h4.titleAnalisi, p.textStrumenti, h2.titleVerificaEsterna, h3.cittaReferente, p.postTitle {
        font-size: 2.41vw;
    }
    h4.titleAnalisi {
        margin: 0 0 2vw;
    }
    li.itemAnalisi, p.textChiSiamo, p.boldTextChiSiamo, p.textPartner, p#popupBio {
        font-size: 2vw;
    }
    .chiSiamo {
        background: url(/media/chisiamoivf900.webp);
        height: calc(100vw /(1000 / 500));
    }
    p.overtitle, p.overtitlePartner, a.btnPartner, p.nomeSpecialisti, p.ruoloSpecialisti, button.btnBio, p.nomeReferente, p.numeroReferente, p.emailReferente, p.overtitleBlog, a.postCategory, a.postBtnLink, a.linkButton {
        font-size: 1.61vw;
    }
    p.overtitle, p.overtitlePartner, a.btnPartner, p.nomeReferente, p.numeroReferente, p.emailReferente {
        line-height: 1.61vw;
    }
    h2.titleChiSiamo, h2.titlePartner, h2.titleSpecialisti, h2.titleReferenti {
        font-size: 4.41vw;
        line-height: 4.6vw;
    }
    h2.titleChiSiamo, p.textChiSiamo, h2.titlePartner, p.textPartner, h2.titleSpecialisti{
        margin: 0 0 3vw;
    }
    p.textChiSiamo {
        width: 43vw;
    }
    p.boldTextChiSiamo {
        width: 50vw;
    }
    .verificaEsterna, .partner {
        padding: 6vw 0;
    }
    h2.titleVerificaEsterna {
        width: 59vw;
    }
    .verificaEsterna img {
        width: 31vw;
        top: 12vw;
        right: 5vw;
    }
    .partner{
        background-size: 38vw;
    }
    p.textPartner {
        width: 61vw;
    }
    a.btnPartner {
        height: 6vw;
        width: 28vw;
    }
    .gridSpecialisti {
        grid-gap: 5vw;
    }
    .bioSpecialisti {
        padding: 3vw 2vw;
        grid-gap: 2vw;
    }
    p.nomeSpecialisti, p.ruoloSpecialisti {
        line-height: 1.8vw;
    }
    button.btnBio {
        height: 3.5vw;
        width: 12vw;
    }
    .material-symbols-outlined.arrowBio {
        font-size: 2.2vw !important;
        line-height: 2.2vw !important;
    }
    .popupBio {
        top: 10vw;
        height: calc(100% - 10vw);
    }
    .innerPopupBio {
        border-radius: 3vw;
    }
    img#popupImg {
        width: 20.5vw;
        height: 20.5vw;
    }
    h2#popupNome {
        font-size: 4vw;
        line-height: 4.3vw;
    }
    span.closePopup {
        right: 6vw;
        top: 4vw;
    }
    .innerReferenti{
        margin: auto;
    }
    .gridReferenti {
        grid-gap: 8vw 5.5vw;
        margin: 7vw 0 0;
    }
    .colReferenti:nth-child(-n+2)::after{
        height: calc(100% + 4vw);
        top: -2vw;
        right: -3vw;
    }
    .gridReferenti > div:last-child::before {
        width: calc(100% + 3vw);
        top: -4vw;
        left: -2vw;
    }
    h3.cittaReferente {
        margin: 0 0 2vw;
    }
    p.numeroReferente {
        margin: 0 0 0.6vw;
    }
    /* BLOG */
    .blog{
        padding: 7vw 8vw;
    }
    p.overtitleBlog{
        margin-bottom: 1.5vw;
    }
    h2.titleBlog{
        font-size: 4.41vw;
        margin-bottom: 5vw;
    }
    .gridBlog {
        grid-gap: 3vw;
        margin-bottom: 5vw;
    }
    .cardPost {
        flex: 0 0 calc((100% - 6vw) / 3);
    }
    .postMeta {
        padding: 4px 2.5vw 3vw;
    }
    a.postCategory {
        margin-bottom: 0.8vw;
    }
    p.postTitle{
        margin-bottom: 2.5vw;
    }
    a.postBtnLink {
        height: 5vw;
    }
    a.linkButton{
        height: 5vw;
        width: 22vw;
    }
}
@media (min-width: 900px) and (max-width: 1400px){
    .innerPopupBio {
        padding: 6vw 8vw;
    }
    .colReferenti:nth-child(-n+2)::after{
        position: absolute;
        content: "";
        width: 2px;
        background-color: white;
    }
    .gridReferenti > div:last-child::before {
        position: absolute;
        content: "";
        height: 2px;
        background: white;
    }
    .cardPost {
        border-radius: 0 0 3.9vw 3.9vw;
    }
    img.postImg {
        height: 20vw;
    }
}
@media (max-width: 1099.9px){
    .popupBio {
        overflow: hidden;
    }
    .innerPopupBio {
        overflow: auto;
    }
}
@media (min-width: 1100px){
    h2.titleSoluzioni {
        margin: 0 auto 2vw;
    }
    h2.titleChiSiamo, p.textChiSiamo, h2.titlePartner, p.textPartner, h2.titleSpecialisti{
        margin: 0 0 2vw;
    }
    button.btnAccordion {
        padding: 2vw 3.7vw;
    } 
    .descrAccordion {
        padding: 0 3.7vw;
    }
    .gridAnalisi > div {
        flex: 0 0 calc((100% - 4vw - 36px) / 4);
        border-left: 9px solid #4C5886;
        padding: 0 0 0 1vw;
    }
    h4.titleAnalisi {
        margin: 0 0 1vw;
    }
    .boxStrumenti {
        grid-gap: 1vw;
    } 
    .verificaEsterna, .partner {
        padding: 4vw 0;
    }
    .bioSpecialisti {
        grid-gap: 1.5vw;
    }
    p.nomeSpecialisti {
        margin: 0 0 0.5vw;
    }
    .innerPopupBio {
        max-height: 80%;
    }
    .gridReferenti {
        margin: 5vw 0 0;
    }
    .gridReferenti > div {
        flex: 0 1 auto;
    }
    h3.cittaReferente {
        margin: 0 0 1.5vw;
    }
    p.numeroReferente {
        margin: 0 0 0.6vw;
    }
    .gridBlog {
        grid-gap: 2vw;
    }
    .cardPost {
        flex: 0 0 calc((100% - 4vw) / 3);
    }
    a.postCategory {
        margin-bottom: 0.6vw;
    }
}
@media (min-width: 1100px) and (max-width: 1400px){
    .soluzioni{
        background-size: 75vw;
    }
    h2.titleSoluzioni {
        font-size: 4.27vw;
    }
    h2.titleSoluzioni, .gridChiSiamo, .innerVerificaEsterna, .innerPartner, .innerSpecialisti {
        width: 80vw;
    }
    .analisi, .strumenti {
        border-radius: 4.5vw 4.5vw 0 0;
    }
    .innerSoluzioni {
        width: 87vw;
        height: 17.8vw;
    }
    button.btnAccordion {
        grid-gap: 1.5vw;
    } 
    h3.textBtn {
        font-size: 2.64vw;
        line-height: 2.64vw;
    }
    button.btnAccordion::after {
        font-size: 4vw;
    }  
    .innerSoluzioni.analisiActive {
        height: 50vw;
    } 
    .innerSoluzioni.strumentiActive {
        height: 49vw;
    } 
    .strumenti {
        top: 9vw;
        height: calc(100% - 9vw);
    }
    .strumenti.notOpened {
        top: 41.3vw;
    }
    .boxStrumenti:not(:last-child){
        margin-bottom: 4vw;
    }
    .boxStrumenti:not(:last-child)::after {
        bottom: -2vw;
    }
    p.namePartner {
        font-size: 1vw;
    }
    .gridAnalisi::after {
        bottom: -2.5vw;
    }
    h4.titleAnalisi, p.textStrumenti, h2.titleVerificaEsterna, h3.cittaReferente, p.postTitle{
        font-size: 2vw;
    }
    h4.titleAnalisi {
        line-height: 2.5vw;
        width: 16vw;
    }
    ul.listAnalisi {
        grid-gap: 0.5vw;
    }
    li.itemAnalisi, p.textChiSiamo, p.boldTextChiSiamo, p.textPartner, p#popupBio {
        font-size: 1.63vw;
    }
    .chiSiamo {
        background: url(/media/chisiamoivf1100.webp);
        height: calc(100vw / (1200 / 500));
    }
    p.overtitle, p.overtitlePartner, a.btnPartner, p.nomeSpecialisti, p.ruoloSpecialisti, button.btnBio, p.nomeReferente, p.numeroReferente, p.emailReferente, p.overtitleBlog, a.postCategory, a.postBtnLink, a.linkButton {
        font-size: 1.32vw;
    }
    p.overtitle, p.nomeReferente, p.numeroReferente, p.emailReferente {
        line-height: 1.32vw;
    }
    h2.titleChiSiamo, h2.titlePartner, h2.titleSpecialisti, h2.titleReferenti {
        font-size: 3.6vw;
        line-height: 3.8vw;
    }
    p.textChiSiamo {
        width: 37vw;
    }
    p.boldTextChiSiamo {
        width: 33vw;
    }
    h2.titleVerificaEsterna {
        width: 59vw;
    }
    .verificaEsterna img {
        width: 25vw;
        right: 5vw;
        top: 6vw;
    }
    .partner{
        background: url('/media/backPartner1100.webp'), #8291C7;
        background-size: 34vw;
    }
    p.textPartner {
        width: 56vw;
    }
    a.btnPartner {
        height: 5vw;
        width: 22vw;
    }
    .gridSpecialisti {
        grid-gap: 4vw 5vw;
    }
    .gridSpecialisti > div {
        border-radius: 2.5vw;
    }
    .cardSpecialisti > img {
        border-radius: 2.5vw 2.5vw 0 0;
    }
    .bioSpecialisti {
        padding: 2.5vw;
    }
    p.nomeSpecialisti, p.ruoloSpecialisti {
        line-height: 1.5vw;
    }
    button.btnBio {
        height: 3vw;
        width: 10vw;
    }
    .material-symbols-outlined.arrowBio {
        font-size: 2vw !important;
        line-height: 2vw !important;
    }
    .innerPopupBio, .popupMeta {
        grid-gap: 3vw;
    }
    .popupBio {
        top: 8vw;
        height: calc(100% - 8vw);
    }
    .innerPopupBio {
        border-radius: 2.5vw;
        width: 80vw;
    }
    img#popupImg {
        width: 16.7vw;
        height: 16.7vw;
    }
    h2#popupNome {
        font-size: 3.28vw;
        line-height: 3.5vw;
    }
    .closePopup {
        top: 3vw;
        right: 4vw;
        font-size: 4vw;
    }
    .innerReferenti{
        margin: 0 10vw;
    }
    .gridReferenti {
        grid-gap: 8vw 10vw;
    }    
    .colReferenti:nth-child(-n+2)::after{
        height: calc(100% + 2vw);
        top: -1vw;
        right: -5.5vw;
    }
    .gridReferenti > div:last-child::before {
        width: calc(100% + 10vw);
        left: -5vw;
        top: -4vw;
    }
    p.nomeReferente {
        margin: 0 0 1vw;
    }
    /* BLOG */
    .blog{
        padding: 5vw 10vw 7vw;
    }
    p.overtitleBlog{
        margin-bottom: 1.3vw;
    }
    h2.titleBlog{
        font-size: 3.6vw;
        margin-bottom: 4vw;
    }
    .gridBlog {
        margin-bottom: 4vw;
    }
    .postMeta {
        padding: 4px 2.5vw 2.5vw;
    }
    p.postTitle{
        margin-bottom: 2vw;
    }
    a.postBtnLink {
        height: 4vw;
    }
    a.linkButton{
        height: 4vw;
        width: 20vw;
    }
}
@media(max-width: 1400px){
    .gridReferenti {
        flex-wrap: wrap;
        justify-content: center;
    }
}
@media(min-width: 1401px){
    .soluzioni{
        background-size: 85vw;
    }
    h2.titleSoluzioni {
        font-size: 3.4vw;
    }
    h2.titleSoluzioni, .gridChiSiamo, .innerVerificaEsterna, .innerPartner, .innerSpecialisti {
        width: 70vw;
    }
    .analisi, .strumenti {
        border-radius: 3.7vw 3.7vw 0 0;
    }
    .innerSoluzioni {
        width: 77vw;
        height: 15.2vw;
    }
    button.btnAccordion {
        grid-gap: 1vw;
    } 
    h3.textBtn {
        font-size: 2.1vw;
    }
    button.btnAccordion::after {
        font-size: 3vw;
    }  
    .innerSoluzioni.analisiActive {
        height: 40vw;
    } 
    .innerSoluzioni.strumentiActive {
        height: 39vw;
    } 
    .strumenti {
        top: 7.6vw;
        height: calc(100% - 7.6vw);
    }
    .strumenti.notOpened {
        top: 32.4vw;
    }
    .boxStrumenti:not(:last-child){
        margin-bottom: 3vw;
    }
    .gridAnalisi::after, .boxStrumenti:not(:last-child)::after {
        bottom: -1.5vw;
    }
    h4.titleAnalisi, p.textStrumenti, h2.titleVerificaEsterna, h3.cittaReferente, p.postTitle{
        font-size: 1.57vw;
    }
    h4.titleAnalisi {
        line-height: 2vw;
        width: 13vw;
    }
    ul.listAnalisi {
        grid-gap: 0.3vw;
    }
    li.itemAnalisi, p.textChiSiamo, p.boldTextChiSiamo, p.textPartner, p#popupBio{
        font-size: 1.3vw;
    }
    p.namePartner{
        font-size: 0.8vw;
    }
    .chiSiamo {
        background: url(/media/chisiamoivf1401.webp);
        height: calc(100vw / (2000 / 700));
    }
    .gridChiSiamo > div {
        flex: 0 1 calc(100% / 2);
    }
    p.overtitle, p.overtitlePartner, a.btnPartner, p.nomeSpecialisti, p.ruoloSpecialisti, button.btnBio, .nomeReferente, p.numeroReferente, p.emailReferente, a.linkButton {
        font-size: 1.05vw;
        line-height: 1.05vw;
    }
    h2.titleChiSiamo, h2.titlePartner, h2.titleSpecialisti, h2.titleReferenti {
        font-size: 2.87vw;
        line-height: 3vw;
    }
    p.textChiSiamo {
        width: 33vw;
    }
    p.boldTextChiSiamo {
        width: 32vw;
    }
    h2.titleVerificaEsterna {
        width: 48vw;
    }
    .verificaEsterna img {
        width: 22vw;
        right: 13vw;
        top: 5vw;
    }
    .partner{
        background: url('/media/backPartner.webp'), #8291C7;
        background-size: 31vw;
    }
    p.textPartner {
        width: 48vw;
    }
    a.btnPartner {
        height: 4vw;
        width: 18.5vw;
    }
    .gridSpecialisti {
        grid-gap: 3vw 5vw;
    }
    .gridSpecialisti > div {
        border-radius: 2vw;
    }
    .cardSpecialisti > img {
        border-radius: 2vw 2vw 0 0;
    }
    .bioSpecialisti {
        padding: 2vw;
    }
    button.btnBio {
        height: 2vw;
        width: 6vw;
    }
    .material-symbols-outlined.arrowBio {
        font-size: 0.8vw !important;
        line-height: 1.2vw !important;
    }
    .popupBio {
        top: 6.3vw;
        height: calc(100% - 6.3vw);
    }
    .innerPopupBio {
        padding: 4vw 6vw;
        border-radius: 2vw;
        width: 70vw;
    }
    .innerPopupBio, .popupMeta {
        grid-gap: 2vw;
    }
    img#popupImg {
        width: 9.6vw;
        height: 9.6vw;
    }
    h2#popupNome {
        font-size: 2.61vw;
        line-height: 2.8vw;
    }
    .closePopup {
        top: 2vw;
        right: 3vw;
        font-size: 3vw;
    }
    .innerReferenti{
        margin-left: 15vw;
        margin-right: 6vw;
    }
    .gridReferenti {
        grid-gap: 4vw;
    }
    .colReferenti:not(:last-of-type)::after{
        position: absolute;
        content: "";
        height: 100%;
        width: 2px;
        background-color: white;
        top: 0;
        right: -2vw;
    }
    p.nomeReferente {
        margin: 0 0 0.8vw;
    }
    /* BLOG */
    .blog{
        padding: 5vw 15vw 7vw;
    }
    p.overtitleBlog, a.postCategory, a.postBtnLink{
        font-size: 1.05vw;
    }
    p.overtitleBlog{
        margin-bottom: 1vw;
    }
    h2.titleBlog{
        font-size: 2.87vw;
        margin-bottom: 3vw;
    }
    .gridBlog{
        margin-bottom: 4vw;
    }
    .cardPost {
        border-radius: 0 0 2.3vw 2.3vw;
    }
    img.postImg {
        height: 15vw;
    }
    .postMeta {
        padding: 5px 2.5vw 2vw;
    }
    a.postBtnLink {
        height: 3.5vw;
    }
    a.linkButton{
        height: 3.5vw;
        width: 16vw;
    }
}