.blurbFeatures {
    background: #003883;
}
/* NUMERI EUROFINS GENOMA */
.gridBlurb {
    display: flex;
    margin: auto;
    justify-content: center;
}
.colBlurbFeatures {
    display: flex;
    justify-content: center;
    position: relative;
}
.innerColBlurbFeatures {
    border-radius: 50%;
    transform: translate(-50%, -50%) !important;
    transform-origin: center;
    position: absolute;
    top: 50%;
    left: 50%;
}
.colBlurbFeatures:first-child .innerColBlurbFeatures {
    border: 3px solid #EE7D11;
    animation: from0to50inner 4s linear infinite;
}
.colBlurbFeatures:nth-child(2) .innerColBlurbFeatures {
    border: 3px solid #3E54FF;
    animation: from0to50inner 4s linear infinite;
}
.colBlurbFeatures:nth-child(3) .innerColBlurbFeatures {
    border: 3px solid #8892E0;
    animation: from0to50inner 4s linear infinite;
}
p.textBlurb {
    position: absolute;
    top: 50%;
    transform: translate(50%, -50%);
    right: 50%;
    margin: 0;
}
p.textBlurb, h2.titleFeatures, h3.subtitleFeatures {
    font-family: 'news-gothic-std', sans-serif;
    color: white;
    text-align: center;
}
h3.subtitleFeatures {
    font-weight: 300;
    margin: 0 auto;
}
/* BUSINESS UNIT */
.innerBusinessUnit {
    margin: auto;
}
p.overTitleBusUnit, h2.titleBusinessUnit, h2.nameBusinessUnit, a.btnBusinessUnit{
    font-family: 'news-gothic-std', sans-serif;
}
p.overTitleBusUnit{
    color:#EE7D11;
}
h2.titleBusinessUnit{
    color: #003883;
    margin: 0;
}
.gridBusinessUnit {
    display: flex;
    flex-wrap: wrap;
}
.gridBusinessUnit > div {
    display: flex;
    justify-content: center;
}
.circleBusinessUnit {
    border-radius: 50%;
}
.gridBusinessUnit > div:first-child > div:first-child {
    background: #8291C7;
}
.gridBusinessUnit > div:nth-child(2) > div:first-child {
    background: #6270A8;
}
.gridBusinessUnit > div:nth-child(3) > div:first-child {
    background: #73B0C4;
}
.gridBusinessUnit > div:nth-child(4) > div:first-child {
    background: #003883;
}
.gridBusinessUnit > div:nth-child(5) > div:first-child {
    background: #75BF95;
}
.gridBusinessUnit > div:nth-child(6) > div:first-child {
    background: #91C1D1;
}
.gridBusinessUnit > div > div:first-child {
    position: relative;
}
.gridBusinessUnit > div > div:first-child > div, .textBusinessUnit {
    position: absolute;
}
.gridBusinessUnit > div > div:first-child > div:first-child {
    border-radius: 50%;
}
.innerSfondoPicBusiness {
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    width: 106%;
    height: 106%;
}
.gridBusinessUnit > div > div > div:first-child > div > img {
    transform: scale(1.1);
    filter: blur(5px);
    transition: 2s;
}
.gridBusinessUnit > div > div > div:first-child > div > img.start{
 filter: blur(0);
}
img.picBusinessUnit {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
}
img.picBusinessUnit.animation.start {
    transform: scale(1.3);
}
.textBusinessUnit {
    left: 50%;
    transform: translate(-50%, 0%);
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
h2.nameBusinessUnit {
    color: white;
    text-shadow: 0px 0px 10px #000000CC;
}
a.btnBusinessUnit {
    background: transparent;
    border: 3px solid #fff;
    border-radius: 6vw;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}
a.btnBusinessUnit:hover{
    background: white;
}
.healthBusinessUnit a.btnBusinessUnit:hover{
    color: #8291C7;
}
.ivfBusinessUnit a.btnBusinessUnit:hover{
    color: #6270A8;
}
.oncoBusinessUnit a.btnBusinessUnit:hover{
    color: #73B0C4;
}
.scienceBusinessUnit a.btnBusinessUnit:hover{
    color: #003883;
}
.wellnessBusinessUnit a.btnBusinessUnit:hover{
    color: #75BF95;
}
.pharmaBusinessUnit a.btnBusinessUnit:hover{
    color: #91C1D1;
}
a.btnBusinessUnit, .nomeServizioPazienti a, .nomeServizioPazienti a:hover, .nomeServizioPazienti a:active, .nomeServizioPazienti a:focus{
    color: white;
    text-decoration: none;
}
/* I SERVIZI */
.nostriServizi {
    background: #003883;
}
.gridServizi, .servizioPaziente, .contBlueLight, .contBlueDark, .innerPaziente, .servizioMedico{
    height: 100%;
}
.gridServizi{
    display: flex;
}
.colSectionServizi {
    overflow: hidden;
    position: relative;
}
p.overTitleServizi, h2.titleServizi, button#btnPaziente, button#btnMedico, p.overTitlePaziente, p.nomeServizioPazienti {
    font-family: 'news-gothic-std', sans-serif;
}
.servizioMedico, .servizioPaziente {
    transition: transform 0.5s ease;
    position: absolute;
    width: 100%;
}
p.overTitleServizi {
    color: #EE7D11;
}
h2.titleServizi, button#btnPaziente, button#btnMedico, p.nomeServizioPazienti{
    color: white;
}
.btnMedicoPaziente, .innerPaziente, .gridServiziPazienti {
    display: flex;
}
button#btnMedico, button#btnPaziente {
    border: 3px solid white;
    background: transparent;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.btnServiziActive {
    color: #003883 !important;
}
button#btnMedico.btnServiziActive {
    background: #91C1D1 !important;
    border-color: #91C1D1 !important;
}
button#btnPaziente.btnServiziActive {
    background: #8291C7 !important;
    border-color: #8291C7 !important;
}
.btnServiziActive img {
    filter: brightness(0) saturate(100%) invert(15%) sepia(96%) saturate(1831%) hue-rotate(201deg) brightness(94%) contrast(105%);
}
.contBlueLight {
    background: rgba(0 41 95 / 35%);
}
.contBlueDark {
    background-size: cover !important;
}
.innerPaziente, .gridServiziPazienti {
    flex-direction: column;
}
p.overTitlePaziente {
    color: #8291C7;
}
.colServiziPazienti {
    display: flex;
    flex-direction: row;
    align-items: center;
}
p.nomeServizioPazienti {
    margin: 0;
}
/* CONSULENZA GENETICA */
.gridConsulenza {
    margin: auto;
}
p.overTitleConsulenza, h2.titleConsulenza, p.textConsulenza, a.btnConsulenza {
    font-family: 'news-gothic-std', sans-serif;
}
p.overTitleConsulenza {
    color: #EE7D11;
}
h2.titleConsulenza, p.textConsulenza {
    color: #1A317F;
}
a.btnConsulenza {
    background: #003883;
    border-radius: 6vw;
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #003883;
}
a.btnConsulenza:hover{
    background: transparent;
    color: #003883;
}
/* NPS*/
.gridPromoterScore {
    align-items: center;
}
h2.titleScore, p.textScore, li.itemScore{
    font-family: 'news-gothic-std', sans-serif;
    color: #1A317F;
}
h2.titleScore{
    font-weight: 100;
}
ul.listScore {
    list-style-type: none;
    padding: 0;
}
a.btnScore {
    display: flex;
    background: #28BF91;
    border-radius: 6vw;
    justify-content: center;
    align-items: center;
    font-family: 'news-gothic-std', sans-serif;
    color: white; 
    text-decoration: none;
    border: 3px solid #28BF91;
}
a.btnScore:hover{
    background: transparent;
    color: #28BF91; 
}
.circleScore {
    border: 3px solid #28BF91;
    border-radius: 50%;
    background: rgb(255 255 255 / 77%);
}
p.totScore{
    display: flex;
    font-family: 'news-gothic-std', sans-serif;
    color:#28BF91;
    margin: 0;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
}
/* OPINIONE */
.opinione {
    position: relative;
}
.triangolo {
    background-color: #ededed;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    position: absolute;
    top: -1px;
}
.gridOpinione {
    margin: auto;
}
.gridOpinione, .iconTextSocial {
    align-items: center;
}
.listSocial, .iconTextSocial {
    display: flex;
}
h2.titleOpinione, p.textOpinione, p.textSocial{
    font-family: 'news-gothic-std', sans-serif;
    color: #1A317F;
}
p.textOpinione, p.textSocial {
    margin: 0;
}
.listSocial {
    flex-direction: column;
}
.rowSocial {
    border: 3px solid #003883;
}
img.iconOpinione {
    height: auto;
}
/* BLOG */
.blogHomepage {
    background: #ededed;
}
.innerBlogHomepage{
    margin: auto;
    text-align: center;
}
p.overTitleBlog, h2.titleBlogHome, h2.titleBlog, p.catBlog, a.btnPost, a.btnBlog {
    font-family: 'news-gothic-std', sans-serif;
}
p.overTitleBlog {
    color: #EE7D11;
    text-align: left;
}
h2.titleBlogHome, h2.titleBlog {
    color: #1A317F;
    text-align: left;
}
h2.titleBlogHome{
    margin: 0;
}
.gridListPostBlog {
    display: flex;
}
.itemPostBlog {
    background: white;
    box-shadow: 0px 0px 30px #0000001A;
    display: flex;
    flex-direction: column;
}
.gradientHome {
    position: relative;
    z-index: 0;
    line-height: 0;
}
img.immagineEvidenza {
    width: 100%;
    object-fit: cover;
}
.gradientImmagine {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    background: transparent linear-gradient(0deg, #ffffff 0%, #ffffff 15%, #ffffffd9 40%, #ffffff00 100%) 0% 0% no-repeat padding-box;
}
.innerPostHomepage {
    position: relative;
    z-index: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
}
p.catBlog {
    text-transform: uppercase;
    text-align: left;
}
a.btnPost, a.btnBlog{
    color: #fff;
    text-decoration: none;
    background: #003883;
    border-radius: 7vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #003883;
}
a.btnPost:hover, a.btnBlog:hover{
    background: transparent;
    color: #003883;
}
a.btnPost {
    margin-top: auto;
}
a.btnBlog {
    margin: auto;
}
/* PROGETTI */
.progettiGenoma {
    background: #003883;
}
p.overTitleProgetti, h2.titleProgetti {
    font-family: 'news-gothic-std', sans-serif;
}
p.overTitleProgetti {
    color: #EE7D11;
}
h2.titleProgetti {
    color: white;
}
.gridProgettiGenoma {
    display: flex;
    flex-direction: column;
}
.progettoGenoma {
    background-position: right bottom !important;
    background-repeat: no-repeat !important;
    display: flex;
    flex-direction: column;
}
.violetLightProgetti {
    background: rgb(77 87 188 / 50%);
}
.greenLightProgetti {
    background: rgb(106 168 132 / 50%);
}
.violetLightProgetti, .gridProgettiGenoma > div .progettoGenoma, .greenLightProgetti {
    height: 100%;
}
img.logoProgetto {
    height: auto;
}
p.textProgetto, a.btnProgetto {
    font-family: 'news-gothic-std', sans-serif;
    color: white;
}
a.btnProgetto {
    background: transparent;
    border: 3px solid white;
    border-radius: 7vw;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
a.btnProgetto:hover{
    background: white;
}
.greenLightProgetti a.btnProgetto:hover{
    color: #73B790;
}
.violetLightProgetti a.btnProgetto:hover{
    color: #5B66D1;
}
span.thinText {
    font-weight: 300;
}
@media (max-width: 550px){
    .blurbFeatures {
        padding: 15vw 10vw;
    }
    .gridBlurb {
        height: 200vw;
    }
    .innerColBlurbFeatures {
        width: 55vw;
        height: 55vw;
    }
    p.textBlurb, h2.titleFeatures {
        font-size: 7.3vw;
        line-height: 8vw;
    }
    p.textBlurb {
        width: 50vw;
    }
    h2.titleFeatures {
        margin: 5vw auto 5vw;
    }
    h3.subtitleFeatures {
        font-size: 4.5vw;
        width: 70vw;
    }
    @keyframes from0to50inner {
        0%{width: 55vw; height: 55vw; transform: translate(-50%, -50%);}
        50%{width: 60vw; height: 60vw; transform: translate(-50%, -50%)}
        100%{width: 55vw; height: 55vw; transform: translate(-50%, -50%)}
    }
    /* BUSINESS UNIT */
    .businessUnit {
        padding: 15vw 10vw;
    }
    p.overTitleBusUnit {
        font-size: 3.6vw;
        line-height: 3.6vw;
    }
    h2.titleBusinessUnit {
        font-size: 10vw;
        line-height: 10vw;
    }
    .gridBusinessUnit {
        grid-gap: 15vw;
        margin-top: 15vw;
    }
    .circleBusinessUnit {
        width: 65vw;
        height: 65vw;
    }
    .gridBusinessUnit > div > div:first-child > div:first-child {
        width: 45vw;
        height: 45vw;
        left: -6vw;
        top: -6vw;
    } 
    .gridBusinessUnit > div:first-child > div:first-child > div:first-child  {
        border: 2.5vw solid #8291C7;
    }
    .gridBusinessUnit > div:nth-child(2) > div:first-child > div:first-child  {
        border: 2.5vw solid #6270A8;
    }
    .gridBusinessUnit > div:nth-child(3) > div:first-child > div:first-child{
        border: 2.5vw solid #73B0C4;
    }
    .gridBusinessUnit > div:nth-child(4) > div:first-child > div:first-child{
        border: 2.5vw solid #003883;
    }
    .gridBusinessUnit > div:nth-child(5) > div:first-child > div:first-child{
        border: 2.5vw solid #75BF95;
    }
    .gridBusinessUnit > div:nth-child(6) > div:first-child > div:first-child{
        border: 2.5vw solid #91C1D1;
    }
    .innerSfondoPicBusiness {
        bottom: 0.3vw;
        left: -2vw;
    }
    .textBusinessUnit {
        top: 33%;
        height: 34vw;
        width: 50vw;
    }
    h2.nameBusinessUnit {
        width: 49vw;
        font-size: 9vw;
        line-height: 9vw;
        margin: 0 0 4vw;
    }
    a.btnBusinessUnit {
        width: 43vw;
        height: 10vw;
        font-size: 3.5vw;
    }
    /* SERVIZI */
    .nostriServizi {
        height: 85vw;
        padding-block: 15vw 0;
    }
    .nostriServizi.show {
        height: 180vw;
    }
    .gridServizi {
        grid-gap: 8vw;
    }
    .btnServizi {
        height: 65vw;
    }
    p.overTitleServizi, button#btnMedico, button#btnPaziente, p.overTitlePaziente {
        font-size: 3.6vw;
        line-height: 3.6vw;
    }
    h2.titleServizi {
        font-size: 10vw;
        line-height: 10vw;
        margin: 0 0 10vw;
    }
    .servizioMedico, .servizioPaziente {
        height: calc(180vw - 73vw);
    }
    .servizioPaziente.show .contBlueDark {
        background: url('/media/serviziopaziente550.webp');
    }
    .servizioMedico.show .contBlueDark {
        background: url('/media/serviziomedico550.webp');
    }
    .innerPaziente {
        padding: 10vw 8vw;
    }
    p.nomeServizioPazienti {
        font-size: 5.45vw;
    }
    /* CONSULENZA GENETICA */
    .gridConsulenza > div:first-child{
        padding: 15vw 10vw;
    }
    p.overTitleConsulenza, a.btnConsulenza{
        font-size: 3.6vw;
    }
    p.overTitleConsulenza {
        line-height: 3.6vw;
    }
    h2.titleConsulenza {
        font-size: 10vw;
        line-height: 10vw;
        margin: 0 0 10vw;
    }
    p.textConsulenza {
        font-size: 4.5vw;
        margin: 0 0 8vw;
    }
    a.btnConsulenza {
        height: 12vw;
        width: 52vw;
    }
    .gridConsulenza > div:nth-child(2) {
        background: url('/media/consulenzahome550.webp');
        height: calc(100vw / (550 / 474));
    }
    /* NPS */
    h2.titleScore{
        font-size: 10vw;
        line-height: 10vw;
    }
    h2.titleScore, p.textScore, ul.listScore {
        margin: 0 0 6vw;
    }
    p.textScore, li.itemScore {
        font-size: 4.5vw;
    }
    p.textScore {
        width: 75vw;
    }
    a.btnScore {
        height: 12vw;
        width: 70vw;
        font-size: 3.6vw;
    }
    .gridPromoterScore > div:nth-child(2) {
        background: url('/media/backNPShome550.webp');
        height: calc(100vw / (550 / 465));
    }
    p.totScore {
        font-size: 19.74vw;
    }
    /* OPINIONE */
    .triangolo {
        width: 28.4vw;
        height: 14.2vw;
    }
    .gridOpinione > div:first-child{
        padding: 20vw 10vw 10vw; 
    }
    h2.titleOpinione{
        font-size: 10vw;
        line-height: 10vw;
        margin: 0 0 6vw;
    }
    p.textOpinione {
        font-size: 4.5vw;
    }
    .gridOpinione > div:nth-child(2){
        padding: 0 10vw 15vw; 
    }
    .listSocial {
        grid-gap: 4vw;
    }
    .rowSocial {
        padding: 3vw 4vw;
        border-radius: 10vw;
    }
    .iconTextSocial {
        grid-gap: 3vw;
    }
    img.iconOpinione {
        width: 10vw;
    }
    p.textSocial{
        font-size: 3.6vw;
        width: 45vw;
    }
    /* BLOG */
    .blogHomepage {
        padding: 15vw 0;
    }
    .metaBlogHomepage {
        padding: 0 10vw;
    }
    p.overTitleBlog, p.catBlog {
        font-size: 3.6vw;
        line-height: 3.6vw;
    }
    h2.titleBlogHome {
        font-size: 10vw;
        line-height: 10vw;
    }
    .gridListPostBlog {
        grid-gap: 6vw;
        margin-bottom: 6vw;
    }
    .itemPostBlog {
        flex: 0 0 75%;
        border-radius: 0 0 6vw 6vw;
    }
    img.immagineEvidenza {
        height: 50vw;
    }
    .gradientImmagine {
        bottom: -9vw;
    }
    .innerPostHomepage {
        padding: 0 6vw 8vw;
    }
    h2.titleBlog {
        font-size: 4.5vw;
        line-height: 5.5vw;
    }
    a.btnPost, a.btnBlog {
        font-size: 3.6vw;
        height: 12vw;
    }
    a.btnBlog {
        width: 52vw;
    }
    /* PROGETTI */
    .metaProgettiGenoma {
        padding: 15vw 10vw 0;
    }
    p.overTitleProgetti {
        font-size: 3.6vw;
        line-height: 3.6vw;
    }
    h2.titleProgetti {
        font-size: 10vw;
        line-height: 10vw;
    }
    .violetLightProgetti, .greenLightProgetti {
        padding-top: 6vw;
    }
    .progettoGenoma {
        height: calc(100vw /(550 / 650)) !important;
    }
    .gridProgettiGenoma > div:first-child .progettoGenoma{
        background: url('/media/genomaorizzonte550.webp'), #5B66D1;
    }
    .gridProgettiGenoma > div:first-child .progettoGenoma a.btnProgetto {
        background: #5e69d382;
    }
    .gridProgettiGenoma > div:nth-child(2) .progettoGenoma a.btnProgetto {
        background: #74b79082;
    }
    .gridProgettiGenoma > div:nth-child(2) .progettoGenoma {
        background: url('/media/genomanutrigenetica550.webp'), #73B790;
    }
    .gridProgettiGenoma > div:first-child .progettoGenoma img.logoProgetto {
        width: 70vw;
    }
    .gridProgettiGenoma > div:nth-child(2) .progettoGenoma img.logoProgetto {
        width: 60vw;
    }
    p.textProgetto {
        font-size: 4.5vw;
        margin: 6vw 0 8vw;
    }
    a.btnProgetto {
        width: 55vw;
        height: 12vw;
        font-size: 3.6vw;
    }
}
@media (min-width: 551px) and (max-width: 766.9px){
    .blurbFeatures {
        padding-block: 10vw;
    }
    .gridBlurb {
        height: 185vw;
    }
    .innerColBlurbFeatures {
        width: 50vw;
        height: 50vw;
    }
    p.textBlurb, h2.titleFeatures {
        font-size: 5.9vw;
        line-height: 6.5vw;
    }
    @keyframes from0to50inner {
        0%{width: 50vw; height: 50vw; transform: translate(-50%, -50%);}
        50%{width: 54vw; height: 54vw; transform: translate(-50%, -50%)}
        0%{width: 50vw; height: 50vw; transform: translate(-50%, -50%)}
    }
    h2.titleFeatures {
        margin: 8vw auto 4vw;
    }
    h3.subtitleFeatures {
        font-size: 3.9vw;
    }
    /* BUSINESS UNIT */
    .businessUnit {
        padding: 12vw 10vw 20vw;
    }
    p.overTitleBusUnit {
        font-size: 2.6vw;
        line-height: 2.6vw;
    }
    h2.titleBusinessUnit {
        font-size: 7.2vw;
        line-height: 7.2vw;
    }
    .gridBusinessUnit {
        grid-gap: 10vw;
        margin-top: 15vw;
    }
    .circleBusinessUnit {
        width: 60vw;
        height: 60vw;
    }
    .gridBusinessUnit > div > div:first-child > div:first-child {
        width: 40vw;
        height: 40vw;
        top: -6.5vw;
        left: -6vw;
    }    
    .gridBusinessUnit > div:first-child > div:first-child > div:first-child  {
        border: 2.5vw solid #8291C7;
    }
    .gridBusinessUnit > div:nth-child(2) > div:first-child > div:first-child  {
        border: 2.5vw solid #6270A8;
    }
    .gridBusinessUnit > div:nth-child(3) > div:first-child > div:first-child{
        border: 2.5vw solid #73B0C4;
    }
    .gridBusinessUnit > div:nth-child(4) > div:first-child > div:first-child{
        border: 2.5vw solid #003883;
    }
    .gridBusinessUnit > div:nth-child(5) > div:first-child > div:first-child{
        border: 2.5vw solid #75BF95;
    }
    .gridBusinessUnit > div:nth-child(6) > div:first-child > div:first-child{
        border: 2.5vw solid #91C1D1;
    }
    .innerSfondoPicBusiness {
        bottom: 0.6vw;
        left: -1.9vw;
    }
    .textBusinessUnit {
        height: 28vw;
        top: 42%;
    }
    h2.nameBusinessUnit {
        width: 35.5vw;
        font-size: 6.56vw;
        line-height: 6.56vw;
        margin: 0 0 4vw;
    }
    a.btnBusinessUnit {
        width: 35vw;
        height: 9vw;
        font-size: 2.6vw;
    }
    /* SERVIZI */
    .nostriServizi {
        height: 80vw;
        padding-block: 10vw 0;
    }
    .nostriServizi.show {
        height: 165vw;
    }
    .gridServizi {
        grid-gap: 10vw;
    }
    p.overTitleServizi, button#btnMedico, button#btnPaziente, p.overTitlePaziente {
        font-size: 2.6vw;
        line-height: 2.6vw;
    }
    h2.titleServizi {
        font-size: 7.2vw;
        line-height: 7.2vw;
        margin: 0 0 10vw;
    }
    .btnServizi {
        height: 58vw;
    }
    .servizioMedico, .servizioPaziente {
        height: calc(165vw - 68vw);
    }
    .servizioPaziente.show .contBlueDark {
        background: url('/media/serviziopaziente551.webp');
    }
    .servizioMedico.show .contBlueDark {
        background: url('/media/serviziomedico551.webp');
    }
    .innerPaziente {
        padding: 10vw;
    }
    p.nomeServizioPazienti {
        font-size: 4.6vw;
    }
    /* CONSULENZA GENETICA */
    .gridConsulenza > div:first-child{
        padding: 10vw;
    }
    p.overTitleConsulenza, a.btnConsulenza {
        font-size: 2.6vw;
    }
    p.overTitleConsulenza {
        line-height: 2.6vw;
    }
    h2.titleConsulenza {
        font-size: 7.2vw;
        line-height: 7.2vw;
        margin: 0 0 5vw;
    }
    p.textConsulenza {
        font-size: 3.9vw;
        margin: 0 0 6vw;
    }
    a.btnConsulenza {
        height: 10vw;
        width: 45vw;
    }
    .gridConsulenza > div:nth-child(2) {
        background: url('/media/consulenzahome551.webp');
        height: calc(100vw / (750 / 646));
    }
    /* NPS */
    h2.titleScore{
        font-size: 7.2vw;
        line-height: 7.2vw;
    }
    h2.titleScore, p.textScore, ul.listScore {
        margin: 0 0 5vw;
    }
    p.textScore, li.itemScore{
        font-size: 3.9vw;
    }
    a.btnScore {
        font-size: 2.6vw;
        height: 10vw;
        width: 55vw;
    }
    .gridPromoterScore > div:nth-child(2) {
        background: url('/media/backNPShome551.webp');
        height: calc(100vw / (750 / 621));
    }
    p.totScore {
        font-size: 19.7vw;
    }
    /* OPINIONE */
    .triangolo {
        width: 20.4vw;
        height: 10.2vw;
    }
    .gridOpinione > div:first-child{
        padding: 15vw 10vw 10vw; 
    }
    h2.titleOpinione{
        font-size: 7.2vw;
        line-height: 7.2vw;
        margin: 0 0 5vw;
    }
    p.textOpinione{
        font-size: 3.9vw;  
    }
    .gridOpinione > div:nth-child(2){
        padding: 0 10vw 10vw; 
    }
    .listSocial {
        grid-gap: 3vw;
    }
    .rowSocial {
        padding: 2vw 3vw;
        border-radius: 6vw;
    }
    .iconTextSocial {
        grid-gap: 2vw;
    }
    img.iconOpinione {
        width: 7vw;
    }
    p.textSocial {
        font-size: 2.6vw;
    }
    /* BLOG */
    .blogHomepage {
        padding-block: 10vw;
    }
    .metaBlogHomepage{
        padding-inline: 10vw;
    }
    p.overTitleBlog, p.catBlog {
        font-size: 2.6vw;
        line-height: 2.6vw;
    }
    h2.titleBlogHome {
        font-size: 7.2vw;
        line-height: 7.2vw;
    }
    .gridListPostBlog {
        grid-gap: 8vw;
        margin-bottom: 6vw;
    }
    .itemPostBlog {
        flex: 0 0 70%;
        border-radius: 0 0 5vw 5vw;
    }
    img.immagineEvidenza {
        height: 45vw;
    }
    .gradientImmagine {
        bottom: -8vw;
    }
    .innerPostHomepage {
        padding: 0 6vw 6vw;
    }
    h2.titleBlog {
        font-size: 3.9vw;
        line-height: 4.7vw;
    }
    a.btnPost, a.btnBlog {
        font-size: 2.6vw;
        height: 10vw;
    }
    a.btnBlog {
        width: 45vw;
    }
    /* PROGETTI */
    .metaProgettiGenoma {
        padding: 10vw 10vw 0;
    }
    p.overTitleProgetti {
        font-size: 2.6vw;
        line-height: 2.6vw;
    }
    h2.titleProgetti {
        font-size: 7.2vw;
        line-height: 7.2vw;
    }  
    .violetLightProgetti, .greenLightProgetti {
        padding-top: 4vw;
    }
    .gridProgettiGenoma > div:first-child .progettoGenoma {
        background: url('/media/genomaorizzonte551.webp'), #5B66D1;
    }
    .gridProgettiGenoma > div:nth-child(2) .progettoGenoma {
        background: url('/media/genomanutrigenetica551.webp'), #73B790;
    }    
    .progettoGenoma {
        height: calc(100vw / (750 / 700)) !important;
        background-size: contain !important;
    }
    .gridProgettiGenoma > div:first-child .progettoGenoma img.logoProgetto {
        width: 56vw;
    }
    .gridProgettiGenoma > div:nth-child(2) .progettoGenoma img.logoProgetto {
        width: 46vw;
    }
    p.textProgetto{
        font-size: 3.3vw;
        margin: 4vw 0 6vw;
    }
    a.btnProgetto {
        width: 50vw;
        height: 10vw;
        font-size: 2.6vw;
    }
}
@media (max-width: 766.9px){
    .gridBlurb {
        flex-direction: row;
    }
    .colBlurbFeatures {
        flex: 0 1 100%;
    }
    /* BUSINESS UNIT */
    .gridBusinessUnit > div {
        flex: 0 1 100%;
    }
    /* SERVIZI */
    .gridServizi {
        width: 80vw;
    }
    .btnMedicoPaziente {
        grid-gap: 6vw;
        flex-direction: column;
    }
    button#btnMedico, button#btnPaziente {
        width: 100%;
        height: 14vw;
        border-radius: 8vw;
    }
    button#btnMedico, button#btnPaziente, .colServiziPazienti, .gridServiziPazienti {
        grid-gap: 3vw;
    }
    img.picFreccia {
        width: 6vw;
    }
    .contBlueLight {
        padding-top: 4vw;
    }
    .contBlueDark {
        background-position: center !important;
    }
    .contBlueLight, .contBlueDark {
        border-radius: 12vw 12vw 0 0;
    }
    p.overTitlePaziente {
        margin: 0 0 6vw;
    }
    img.picAnalisi, img.picConsulenza, img.picKit {
        max-width: 5.5vw;
    } 
    /* CONSULENZA GENETICA */
    .gridConsulenza > div:nth-child(2) {
        background-size: contain;
    }
    /* NPS */
    .gridPromoterScore > div:first-child{
        padding: 10vw; 
    }
    .gridPromoterScore > div:nth-child(2){
        background-size: contain !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .circleScore {
        width: 65vw;
        height: 65vw;
    }
    /* OPINIONE */
    .triangolo {
        left: 10vw;
    }
    /* BLOG */
    h2.titleBlogHome {
        margin: 0 0 10vw;
    }
    .gridListPostBlog {
        padding: 0 10vw 6vw;
    }
    p.catBlog {
        margin: 0 0 1vw;
    }
    /* PROGETTI */
    h2.titleProgetti {
        margin: 0 0 10vw;
    }
    .gridProgettiGenoma {
        grid-gap: 10vw;
    }
    .violetLightProgetti, .progettoGenoma, .greenLightProgetti {
        border-radius: 10vw 10vw 0 0;
    }
    .progettoGenoma {
        padding: 10vw 10vw 0;
    }
}
@media (min-width: 767px){
    /* SERVIZI */
    button#btnMedico, button#btnPaziente {
        border-radius: 5vw;
    }
    .contBlueDark {
        background-position: right !important;
    }
    .innerPaziente {
        justify-content: center;
    }
    /* CONSULENZA GENETICA */
    .consulenzaGenetica {
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: right !important;
        display: flex;
    }
    /* NPS */
    .promoterScore {
        background-position: right center !important;
        background-size: contain !important;
    }
    .promoterScore, .gridPromoterScore {
        display: flex;
    }
    .gridPromoterScore {
        justify-content: space-between;
        margin: auto;
    }
    /* OPINIONE */
    .gridOpinione {
        display: flex;
        justify-content: space-between;
    }
    .rowSocial {
        padding: 1.5vw 2.5vw;
    }
    /* PROGETTI */
    .violetLightProgetti, .progettoGenoma, .greenLightProgetti{
        border-radius: 5vw 0 0 5vw;
    }
    .progettoGenoma {
        justify-content: center;
    }
}
@media (min-width: 767px) and (max-width: 899.9px){
    .blurbFeatures {
        padding: 8vw 4vw;
    }
    .gridBlurb {
        height: 78vw;
    }
    .colBlurbFeatures {
        flex: 0 1 calc(100% / 2);
    }
    .innerColBlurbFeatures {
        width: 34vw;
        height: 34vw;
    }
    h2.titleFeatures, p.textBlurb {
        font-size: 4.23vw;
        line-height: 4.5vw;
    }
    h2.titleFeatures {
        width: 74vw;
        margin: 7vw auto 3vw;
    }
    p.textBlurb {
        width: 30vw;
    }
    h3.subtitleFeatures {
        font-size: 2.83vw;
        line-height: 3.5vw;
    }
    @keyframes from0to50inner {
        0%{width: 34vw; height: 34vw; transform: translate(-50%, -50%);}
        50%{width: 36vw; height: 36vw; transform: translate(-50%, -50%)}
        0%{width: 34vw; height: 34vw; transform: translate(-50%, -50%)}
    }
    /* BUSINESS UNIT */
    .businessUnit {
        padding: 8vw;
    }
    p.overTitleBusUnit {
        font-size: 1.89vw;
        line-height: 2vw;
    }
    h2.titleBusinessUnit {
        font-size: 5.17vw;
        line-height: 5.3vw;
    }
    .gridBusinessUnit {
        grid-gap: 12vw 8vw;
        margin-top: 10vw;
    }
    .gridBusinessUnit > div {
        flex: 0 1 calc((100% - 8vw) / 2);
    }
    .circleBusinessUnit {
        width: 100%;
        height: 38vw;
    }
    .gridBusinessUnit > div > div:first-child > div:first-child {
        top: -3.5vw;
        left: -3vw;
        width: 25vw;
        height: 25vw;
    }
    .gridBusinessUnit > div:first-child > div:first-child > div:first-child  {
        border: 1.5vw solid #8291C7;
    }
    .gridBusinessUnit > div:nth-child(2) > div:first-child > div:first-child  {
        border: 1.5vw solid #6270A8;
    }
    .gridBusinessUnit > div:nth-child(3) > div:first-child > div:first-child{
        border: 1.5vw solid #73B0C4;
    }
    .gridBusinessUnit > div:nth-child(4) > div:first-child > div:first-child{
        border: 1.5vw solid #003883;
    }
    .gridBusinessUnit > div:nth-child(5) > div:first-child > div:first-child{
        border: 1.5vw solid #75BF95;
    }
    .gridBusinessUnit > div:nth-child(6) > div:first-child > div:first-child{
        border: 1.5vw solid #91C1D1;
    }
    .innerSfondoPicBusiness {
        bottom: 0.3vw;
        left: -1.2vw;
    }
    .textBusinessUnit {
        height: 18vw;
        top: 38%;
        width: 30vw;
    }
    h2.nameBusinessUnit {
        width: 25.5vw;
        font-size: 4.7vw;
        line-height: 5vw;
        margin: 0 0 2vw;
    }
    a.btnBusinessUnit {
        width: 23vw;
        height: 5.5vw;
        font-size: 1.89vw;
    }
    /* SERVIZI */
    .nostriServizi {
        height: 45vw;
    }
    .nostriServizi.show {
        height: 84vw;
    }
    .gridServizi {
        grid-gap: 8vw;
    }
    p.overTitleServizi, button#btnMedico, button#btnPaziente{
        font-size: 1.89vw;
    }
    h2.titleServizi {
        font-size: 5.17vw;
        line-height: 5.17vw;
        margin: 0 0 6vw;
    }
    .btnServizi {
        height: 27vw;
    }
    .btnMedicoPaziente {
        grid-gap: 8vw;
    }
    button#btnMedico, button#btnPaziente {
        height: 9vw;
    }
    button#btnMedico, button#btnPaziente, .gridServiziPazienti, .colServiziPazienti {
        grid-gap: 2vw;
    }
    .servizioMedico, .servizioPaziente {
        height: calc(84vw - 35vw);
    }
    img.picFreccia {
        width: 3vw;
    }
    .contBlueLight, .contBlueDark {
        border-radius: 10vw 10vw 0 0;
    }
    .servizioMedico.show .contBlueDark {
        background: url('/media/serviziomedico767.webp'), #00295F;
    }
    .servizioPaziente.show .contBlueDark {
        background: url('/media/serviziopaziente767.webp'), #00295F;
    }
    .innerPaziente {
        padding-left: 8vw;
    }
    img.picAnalisi, img.picConsulenza, img.picKit {
        max-width: 4vw;
    } 
    p.nomeServizioPazienti {
        font-size: 3.3vw;
    }   
    /* CONSULENZA GENETICA */
    .consulenzaGenetica{
        background: url('/media/consulenzahome767.webp'), #ededed;
        height: calc(100vw / (850 / 570));
    }
    p.overTitleConsulenza, a.btnConsulenza {
        font-size: 1.89vw;
    }
    h2.titleConsulenza {
        font-size: 5.17vw;
        line-height: 5.17vw;
        margin: 0 0 6vw;
        width: 61vw;
    }
    p.textConsulenza {
        font-size: 2.83vw;
        margin: 0 0 4vw;
    }
    a.btnConsulenza {
        height: 7vw;
        width: 33vw;
    }  
    /* NPS */ 
    .promoterScore {
        background: url('/media/backNPShome767.webp'), #ededed;
        height: calc(100vw /(850 / 800));
    }
    h2.titleScore {
        font-size: 5.17vw;
        line-height: 5.17vw;
    }
    h2.titleScore, p.textScore, ul.listScore {
        margin: 0 0 4vw;
    }
    p.textScore, li.itemScore {
        font-size: 2.83vw;
    }
    a.btnScore {
        font-size: 1.89vw;
        height: 7vw;
        width: 37vw;
    }
    .circleScore {
        width: 38vw;
        height: 38vw;
    }
    p.totScore{
        font-size: 14.14vw;
    }
    /* OPINIONE */ 
    .opinione {
        padding-block: 15vw 10vw;
    }
    .triangolo {
        width: 17.4vw;
        height: 8.7vw;
        left: 8vw;
    }
    h2.titleOpinione {
        font-size: 5.17vw;
        line-height: 5.17vw;
        margin: 0 0 4vw;
    }
    p.textOpinione{
        font-size: 2.83vw;
    }
    .listSocial {
        grid-gap: 2.5vw;
    }
    .rowSocial {
        border-radius: 5vw;
        width: 32vw;
    }
    img.iconOpinione {
        width: 5.6vw;
    }
    p.textSocial {
        font-size: 1.89vw;
    }
    /* BLOG */
    .blogHomepage {
        padding: 8vw 0 8vw 8vw;
    }
    p.overTitleBlog {
        font-size: 1.89vw;
        line-height: 2vw;
    }
    h2.titleBlogHome {
        font-size: 5.17vw;
        line-height: 5.17vw;
        margin: 0 0 6vw;
    }
    .gridListPostBlog {
        grid-gap: 4vw;
        margin-bottom: 6vw;
        padding: 0 8vw 2vw 0;
    }
    .itemPostBlog {
        border-radius: 0 0 3.9vw 3.9vw;
        flex: 0 0 calc((100% - 4vw) / 2);
    }
    img.immagineEvidenza {
        height: 30vw;
    }
    .gradientImmagine {
        bottom: -5vw;
    }
    .innerPostHomepage {
        padding: 3vw;
    }
    p.catBlog, a.btnPost, a.btnBlog {
        font-size: 1.89vw;
    }
    p.catBlog {
        margin: 0 0 1vw;
    }
    h2.titleBlog {
        font-size: 2.83vw;
        line-height: 3.3vw;
    }
    a.btnPost, a.btnBlog {
        height: 7vw;
    }   
    a.btnBlog {
        width: 33vw;
    }   
    /* PROGETTI */
    p.overTitleProgetti, p.textProgetto, a.btnProgetto {
        font-size: 1.89vw;
    }
    h2.titleProgetti {
        font-size: 5.17vw;
        line-height: 5.17vw;
        margin: 0 0 6vw;
    }
    .colProgettiGenoma {
        height: 44vw;
    }
    .gridProgettiGenoma > div:first-child .progettoGenoma {
        background: url('/media/genomaorizzonte767.webp'), #5B66D1;
    }
    .progettoGenoma {
        margin-left: 3vw;
        background-size: cover !important;
    }
    .gridProgettiGenoma > div:first-child .progettoGenoma img.logoProgetto {
        width: 38vw;
    }
    .gridProgettiGenoma > div:nth-child(2) .progettoGenoma img.logoProgetto {
        width: 32vw;
    }
    img.logoProgetto, p.textProgetto {
        margin: 0 0 4vw;
    }
    p.textProgetto {
        line-height: 2.8vw;
    }
    a.btnProgetto {
        width: 30vw;
        height: 7vw;
    }
    .gridProgettiGenoma > div:nth-child(2) .progettoGenoma {
        background: url('/media/genomanutrigenetica767.webp'), #73B790;
    }
}
@media (min-width: 767px) and (max-width: 1099.9px){
    /* SERVIZI */
    .nostriServizi {
        padding-block: 8vw 0;
    }
    .gridServizi {
        max-width: 84vw;
    }
    p.overTitlePaziente {
        margin: 0 0 4vw;
        font-size: 1.89vw;
    }
    .btnMedicoPaziente > button {
        flex: 0 1 50%;
    }
    img.picFreccia {
        width: 4vw;
    }
    .contBlueLight {
        padding-top: 3vw;
    }
    /* CONSULENZA */
    .gridConsulenza {
        width: 84vw;
    }
    /* NPS */
    .gridPromoterScore {
        width: 84vw;
    }
    /* OPINIONE */
    .gridOpinione{
        width: 84vw;
    }
    .iconTextSocial {
        grid-gap: 1.5vw;
    }
    /* PROGETTI */
    .innerProgettiGenoma {
        padding: 8vw 0 10vw 8vw;
    }
    .gridProgettiGenoma {
        grid-gap: 5vw;
    }
    .progettoGenoma {
        padding-inline: 8vw;
    }
}
@media (max-width: 899.9px) {
    /* BUSINESS UNIT */
    p.overTitleBusUnit {
        margin: 0 0 2vw;
    }
    .gridBlurb {
        flex-wrap: wrap;
    }
    /* SERVIZI */
    p.overTitleServizi {
        margin: 0 0 2vw;
    }
    /* CONSULENZA GENETICA */
    p.overTitleConsulenza {
        margin: 0 0 2vw;
    }
    /* BLOG */
    p.overTitleBlog {
        margin: 0 0 2vw;
    }
    .gridListPostBlog {
        flex-wrap: nowrap;
        overflow-x: auto;
    }
    h2.titleBlog {
        margin: 0 0 4vw;
    }
    /* PROGETTI */
    p.overTitleProgetti {
        margin: 0 0 2vw;
    }
}
@media (min-width: 900px) {
    .colBlurbFeatures {
        flex: 0 1 calc(100% / 3);
    }
    /* BUSINESS UNIT */
    p.overTitleBusUnit, h2.nameBusinessUnit  {
        margin: 0 0 1vw;
    }
    /* I SERVIZI */
    p.overTitleServizi {
        margin: 0 0 1vw;
    }
    .colServiziPazienti {
        grid-gap: 1.5vw;
    }
    /* CONSULENZA GENETICA */
    p.overTitleConsulenza {
        margin: 0 0 1vw;
    }
    /* BLOG */
    p.overTitleBlog {
        margin: 0 0 1vw;
    }
    .itemPostBlog {
        flex: 0 1 calc(100% / 3);
    }
    h2.titleBlog {
        margin: 0 0 2vw;
    }
    /* PROGETTI */
    p.overTitleProgetti {
        margin: 0 0 1vw;
    }
    .progettoGenoma {
        margin-left: 2vw;
        background-size: contain !important;
    }
}
@media (min-width: 900px) and (max-width: 1099.9px){
    .blurbFeatures {
        padding-block: 8vw 10vw;
    }
    .gridBlurb {
        max-width: 84vw;
        height: calc(84vw / 3);
    }
    .innerColBlurbFeatures {
        width: 24vw;
        height: 24vw;
    }
    p.textBlurb, h2.titleFeatures {
        font-size: 3.61vw;
        line-height: 4vw;
    }
    h2.titleFeatures {
        width: 61vw;
        margin: 5vw auto 3vw;
    }
    h3.subtitleFeatures {
        font-size: 2.41vw;
    }
    @keyframes from0to50inner {
        0%{width: 24vw; height: 24vw; transform: translate(-50%, -50%);}
        50%{width: 26vw; height: 26vw; transform: translate(-50%, -50%)}
        0%{width: 24vw; height: 24vw; transform: translate(-50%, -50%)}
    }
    /* BUSINESS UNIT */
    .businessUnit {
        padding-block: 8vw 10vw;
    }
    .innerBusinessUnit {
        width: 84vw;
    }
    p.overTitleBusUnit, a.btnBusinessUnit {
        font-size: 1.61vw;
    }
    h2.titleBusinessUnit {
        font-size: 4.41vw;
        line-height: 4.41vw;
    }
    .gridBusinessUnit {
        grid-gap: 8vw 4vw;
    }
    .gridBusinessUnit > div {
        flex: 0 1 calc((100% - 8vw) / 3);
    }
    .circleBusinessUnit {
        width: 100%;
        height: 25.33vw;
    }
    .gridBusinessUnit > div:first-child > div:first-child > div:first-child  {
        border: 1vw solid #8291C7;
    }
    .gridBusinessUnit > div:nth-child(2) > div:first-child > div:first-child  {
        border: 1vw solid #6270A8;
    }
    .gridBusinessUnit > div:nth-child(3) > div:first-child > div:first-child{
        border: 1vw solid #73B0C4;
    }
    .gridBusinessUnit > div:nth-child(4) > div:first-child > div:first-child{
        border: 1vw solid #003883;
    }
    .gridBusinessUnit > div:nth-child(5) > div:first-child > div:first-child{
        border: 1vw solid #75BF95;
    }
    .gridBusinessUnit > div:nth-child(6) > div:first-child > div:first-child{
        border: 1vw solid #91C1D1;
    }
    .gridBusinessUnit > div > div:first-child > div:first-child {
        width: 16vw;
        height: 16vw;
    }
    .textBusinessUnit {
        top: 28%;
        height: 14.5vw;
        width: 100%;
    }
    h2.nameBusinessUnit {
        width: 21.8vw;
        font-size: 4vw;
        line-height: 4vw;
    }
    a.btnBusinessUnit {
        width: 17vw;
        height: 4vw;
    }
    /* SERVIZI */
    .nostriServizi {
        height: 40vw;
    }
    .nostriServizi.show{
        height: 75vw;
    }
    p.overTitleServizi {
        font-size: 1.61vw;
    }
    h2.titleServizi {
        font-size: 4.41vw;
        line-height: 4.41vw;
        margin: 0 0 5vw;
    }
    .gridServizi {
        grid-gap: 10vw;
    }
    .btnServizi {
        height: 20vw;
    }
    .btnMedicoPaziente {
        grid-gap: 3vw;
        flex-direction: row;
    }
    button#btnMedico, button#btnPaziente, p.overTitlePaziente{
        font-size: 1.61vw;
    }
    button#btnMedico, button#btnPaziente {
        height: 7vw;
    } 
    .servizioMedico, .servizioPaziente {
        height: calc(75vw - 30vw);
    }
    .contBlueLight, .contBlueDark {
        border-radius: 8vw 8vw 0 0;
    }
    .servizioMedico.show .contBlueDark {
        background: url('/media/serviziomedico900.webp'), #00295F;
    }
    .servizioPaziente.show .contBlueDark {
        background: url('/media/serviziopaziente900.webp'), #00295F;
    }
    .innerPaziente {
        padding-left: 5vw;
    } 
    img.picAnalisi, img.picConsulenza, img.picKit {
        max-width: 3.5vw;
    } 
    p.nomeServizioPazienti {
        font-size: 2.81vw;
    }
    /* CONSULENZA GENETICA */
    .consulenzaGenetica{
        background: url('/media/consulenzahome900.webp');
        height: calc(100vw / (1000 / 550));
    }
    p.overTitleConsulenza, a.btnConsulenza {
       font-size: 1.61vw;
    }
    h2.titleConsulenza {
        font-size: 4.41vw;
        line-height: 4.41vw;
        width: 53vw;
        margin: 0 0 3vw;
    }
    p.textConsulenza {
        font-size: 2.41vw;
        margin: 0 0 3vw;
    }
    a.btnConsulenza {
        height: 6vw;
        width: 28vw;
    }
    /* NPS */ 
    .promoterScore{
        background: url('/media/backNPShome900.webp'), #ededed;
        height: calc(100vw / (1000 / 800));
    }  
    h2.titleScore{
        font-size: 4.41vw;
        line-height: 4.41vw;
    }
    p.textScore, li.itemScore {
        font-size: 2.41vw;
    }
    a.btnScore {
        font-size: 1.61vw;
        height: 6vw;
        width: 34vw;
    }
    .circleScore {
        width: 37vw;
        height: 37vw;
    }
    p.totScore {
        font-size: 12.08vw;
    }
    /* OPINIONE */
    .opinione {
        padding-block: 10vw;
    }
    .triangolo {
        width: 14.2vw;
        height: 7.1vw;
        left: 8vw;
    }
    h2.titleOpinione{
        font-size: 4.41vw;
        line-height: 4.41vw;
        width: 38vw;
    }
    p.textOpinione {
        font-size: 2.41vw;
    }
    .rowSocial {
        width: 27vw;
    }
    img.iconOpinione {
        width: 4.7vw;
    }
    p.textSocial {
        font-size: 1.61vw;
    }
    /* BLOG */
    .blogHomepage {
        padding-block: 8vw 10vw;
    }
    .innerBlogHomepage {
        max-width: 84vw;
    }
    .gridListPostBlog {
        margin-bottom: 5vw;
        grid-gap: 3vw;
    }
    p.overTitleBlog, p.catBlog, a.btnPost, a.btnBlog  {
        font-size: 1.61vw;
    }
    h2.titleBlogHome {
        font-size: 4.41vw;
        line-height: 4.41vw;
        margin: 0 0 4vw;
    }
    .innerPostHomepage {
        padding: 0 2.5vw 4vw;
    }
    p.catBlog {
        margin: 0 0 0.5vw;
    }
    h2.titleBlog {
        font-size: 2.41vw;
        line-height: 2.7vw;
    }
    a.btnPost, a.btnBlog {
        height: 6vw;
    }
    a.btnBlog {
        width: 28vw;
    }
    /* PROGETTI */
    p.overTitleProgetti, p.textProgetto, a.btnProgetto {
        font-size: 1.61vw;
    }
    h2.titleProgetti {
        font-size: 4.41vw;
        line-height: 4.41vw;
        margin: 0 0 7vw;
    }
    .colProgettiGenoma {
        height: 35vw;
    }
    .gridProgettiGenoma > div:first-child .progettoGenoma {
        background: url('/media/genomaorizzonte900.webp'), #5B66D1;
    }
    .gridProgettiGenoma > div:nth-child(2) .progettoGenoma {
        background: url('/media/genomanutrigenetica900.webp'), #73B790;
    }
    .gridProgettiGenoma > div:first-child .progettoGenoma img.logoProgetto {
        width: 30vw;
    }
    .gridProgettiGenoma > div:nth-child(2) .progettoGenoma img.logoProgetto {
        width: 25vw;
    }
    img.logoProgetto {
        margin: 0 0 3vw;
    }
    p.textProgetto {
        margin: 0 0 3vw;
    }
    a.btnProgetto {
        width: 28vw;
        height: 6vw;
    }
}
@media (min-width: 900px) and (max-width: 1400px){
    .gridBusinessUnit {
        margin-top: 8vw;
    }
    .gridBusinessUnit > div > div:first-child > div:first-child {
        top: -2.75vw;
        left: -2vw;
    }
    .innerSfondoPicBusiness {
        bottom: 0.1vw;
        left: -0.7vw;
    }
    /* SERVIZI */
    button#btnMedico, button#btnPaziente, .gridServiziPazienti {
        grid-gap: 1.5vw;
    }
    /* NPS */
    h2.titleScore, p.textScore, ul.listScore {
        margin: 0 0 3vw;
    }
    /* OPINIONE */
    h2.titleOpinione {
        margin: 0 0 3vw;
    }
    .rowSocial {
        border-radius: 4vw;
    }
    .listSocial {
        grid-gap: 2vw;
    }
    /* BLOG */
    .itemPostBlog{
        border-radius: 0 0 3.9vw 3.9vw;
    }
    img.immagineEvidenza {
        height: 20vw;
    }
    .gradientImmagine {
        bottom: -3vw;
    }
}
@media (max-width: 1099.9px){
    .nostriServizi {
        transition: height 0.5s ease;
    } 
    .gridServizi {
        flex-direction: column;
        margin: auto;
    }  
    .colSectionServizi {
        height: 100%;
    }
    /*.servizioMedico, .servizioPaziente {
        transform: translateY(85%);
    }
    .servizioMedico.show,  .servizioPaziente.show{
        transform: translateY(0); /* Nasconde il div spostandolo a destra */
    /*}*/
    .contBlueDark {
        background: #00295F;
    }
}
@media (min-width: 1100px){
    .blurbFeatures {
        padding-block: 5vw 7vw;
    }
    h2.titleFeatures {
        margin: 4vw auto 2vw;
    }
    /* BUSINESS UNIT */
    .businessUnit {
        padding-block: 7vw;
    }
    .gridBusinessUnit > div:first-child > div:first-child > div:first-child  {
        border: 0.7vw solid #8291C7;
    }
    .gridBusinessUnit > div:nth-child(2) > div:first-child > div:first-child  {
        border: 0.7vw solid #6270A8;
    }
    .gridBusinessUnit > div:nth-child(3) > div:first-child > div:first-child{
        border: 0.7vw solid #73B0C4;
    }
    .gridBusinessUnit > div:nth-child(4) > div:first-child > div:first-child{
        border: 0.7vw solid #003883;
    }
    .gridBusinessUnit > div:nth-child(5) > div:first-child > div:first-child{
        border: 0.7vw solid #75BF95;
    }
    .gridBusinessUnit > div:nth-child(6) > div:first-child > div:first-child{
        border: 0.7vw solid #91C1D1;
    }
    /* I SERVIZI */
    h2.titleServizi {
        margin: 0 0 4vw;
    }
    .colButtonServizi {
        padding-top: 7vw;
    }
    .btnMedicoPaziente {
        grid-gap: 2vw;
        flex-direction: column;
    }
    .servizioMedico, .servizioPaziente {
        transform: translateX(85%);
    }
    .servizioMedico.show,  .servizioPaziente.show{
        transform: translateX(0); /* Nasconde il div spostandolo a destra */
    }
    .contBlueDark {
        margin-left: 2vw;
    }
    .innerPaziente {
        padding-left: 7vw;
    }
    p.overTitlePaziente {
        margin: 0 0 2vw;
    }
    /* CONSULENZA GENETICA */
    p.textConsulenza{
        margin: 0 0 2.5vw;
    }
    /* OPINIONE */
    .opinione {
        padding-block: 5vw;
    } 
    .iconTextSocial {
        grid-gap: 1vw;
    }
    /* BLOG */
    .blogHomepage {
        padding-block: 5vw 7vw;
    }
    .gridListPostBlog {
        grid-gap: 2vw;
    }
    p.catBlog {
        margin: 0 0 0.2vw;
    }
    /* PROGETTI */
    .gridProgettiGenoma {
        grid-gap: 3.5vw;
    }
    img.logoProgetto {
        margin: 0 0 2.5vw;
    }
    .gridProgettiGenoma > div:first-child .progettoGenoma img.logoProgetto {
        width: 31vw;
    }
    .gridProgettiGenoma > div:nth-child(2) .progettoGenoma img.logoProgetto {
        width: 25vw;
    }
    p.textProgetto {
        margin: 0 0 2vw;
    }
}
@media (min-width: 1100px) and (max-width: 1400px){
    .gridBlurb {
        max-width: 77vw;
        height: calc(77vw / 3);
    }
    .innerColBlurbFeatures {
        width: 22vw;
        height: 22vw;
    }
    p.textBlurb, h2.titleFeatures {
        font-size: 2.95vw;
        line-height: 3.5vw;
    }
    p.textBlurb {
        width: 20vw;
    }
    h2.titleFeatures {
        width: 52vw;
    }
    @keyframes from0to50inner {
        0%{width: 22vw; height: 22vw; transform: translate(-50%, -50%);}
        50%{width: 24vw; height: 24vw; transform: translate(-50%, -50%)}
        0%{width: 22vw; height: 22vw; transform: translate(-50%, -50%)}
    }
    h3.subtitleFeatures {
        font-size: 2vw;
    }
    /* BUSINESS UNIT */
    .innerBusinessUnit {
        width: 80vw;
    }
    p.overTitleBusUnit, a.btnBusinessUnit {
        font-size: 1.32vw;
    }
    h2.titleBusinessUnit {
        font-size: 3.6vw;
        line-height: 4vw;
    }
    .gridBusinessUnit {
        grid-gap: 4vw;
    }
    .gridBusinessUnit > div {
        flex: 0 1 calc((100% - 8vw) / 3);
    }
    .circleBusinessUnit {
        width: 22vw;
        height: 22vw;
    }
    .gridBusinessUnit > div > div:first-child > div:first-child {
        width: 15vw;
        height: 15vw;
    }
    .textBusinessUnit {
        height: 12vw;
        top: 30%;
    }
    h2.nameBusinessUnit {
        width: 17.9vw;
        font-size: 3.28vw;
        line-height: 3.28vw;
    }
    a.btnBusinessUnit {
        width: 15vw;
        height: 3.5vw;
    }
    /* I SERVIZI */
    .nostriServizi {
        height: 50vw;
    }
    .gridServizi {
        margin-left: 10vw;
    }
    p.overTitleServizi, button#btnMedico, button#btnPaziente, p.overTitlePaziente {
        font-size: 1.32vw;
    }
    h2.titleServizi {
        font-size: 3.6vw;
        line-height: 3.6vw;
    }
    .colButtonServizi {
        flex: 0 1 40%;
    }
    .colSectionServizi {
        flex: 0 1 60%;
    }
    button#btnMedico, button#btnPaziente {
        width: 29vw;
        height: 5vw;
    }
    img.picFreccia {
        width: 3vw;
    }
    .contBlueLight, .contBlueDark {
        border-radius: 7vw 0 0 7vw;
    }
    .servizioMedico .contBlueDark {
        background: url('/media/serviziomedico1100.webp'),#00295F;
    }
    .servizioPaziente .contBlueDark {
        background: url('/media/serviziopaziente1100.webp'),#00295F;
    }
    img.picAnalisi {
        max-width: 2.2vw;
        height: 2.2vw;
    }
    img.picConsulenza {
        max-width: 2.5vw;
        height: 2.5vw;
    }
    img.picKit {
        max-width: 2.2vw;
    }
    p.nomeServizioPazienti {
        font-size: 2.3vw;
    }
    /* CONSULENZA GENETICA */
    .consulenzaGenetica{
        background: url('/media/consulenzaHome1100.webp');
        height: calc(100vw / (1200 / 500));
    }
    .gridConsulenza {
        width: 80vw;
    }
    p.overTitleConsulenza, a.btnConsulenza {
        font-size: 1.32vw;
    }
    h2.titleConsulenza {
        font-size: 3.6vw;
        line-height: 3.6vw;
        width: 45vw;
        margin: 0 0 3vw;
    }
    p.textConsulenza {
        font-size: 2vw;
    }
    a.btnConsulenza {
        height: 5vw;
        width: 22vw;
    }
    /* NPS */
    .promoterScore{
        background: url('/media/backNPShome1100.webp'), #ededed;
        height: calc(100vw / (1200 / 750));
    }
    .gridPromoterScore {
        width: 80vw;
    }
    h2.titleScore{
        font-size: 3.6vw;
        line-height: 3.6vw;
        width: 31vw;  
    }
    p.textScore, li.itemScore {
        font-size: 2vw;
    }
    a.btnScore {
        font-size: 1.32vw;
        height: 5vw;
        width: 28vw;
    }
    .circleScore{
        width: 30.5vw;
        height: 30.5vw;
    }
    p.totScore {
        font-size: 9.86vw;
    }
    /* OPINIONE */
    .triangolo {
        width: 11.2vw;
        height: 5.6vw;
        left: 10vw;
    }   
    .gridOpinione{
        width: 80vw;
    }
    h2.titleOpinione{
        font-size: 3.6vw;
        line-height: 3.6vw; 
    }
    p.textOpinione{
        font-size: 2vw;  
        width: 37vw;
    }
    p.textSocial {
        font-size: 1.32vw;
    }
    img.iconOpinione {
        width: 3.5vw;
    }
    /* BLOG */
    .innerBlogHomepage {
        max-width: 80vw;
    }
    .gridListPostBlog {
        margin-bottom: 4vw;
    }
    p.overTitleBlog {
        font-size: 1.32vw;
    }
    h2.titleBlogHome {
        font-size: 3.6vw;
        line-height: 3.6vw;
        margin: 0 0 3vw;
    }
    .innerPostHomepage {
        padding: 0 2vw 3vw;
    }
    p.catBlog, a.btnPost, a.btnBlog {
        font-size: 1.32vw;
    }
    h2.titleBlog {
        font-size: 2vw;
        line-height: 2.2vw;
    }
    a.btnPost, a.btnBlog {
        height: 5vw;
    }
    a.btnBlog {
        width: 22vw;
    }
    /* PROGETTI */
    p.overTitleProgetti, a.btnProgetto {
        font-size: 1.32vw;
    }
    h2.titleProgetti {
        font-size: 3.6vw;
        line-height: 3.6vw;
        margin: 0 0 5vw;
    }
    .innerProgettiGenoma {
        padding: 5vw 0 7vw 10vw;
    }
    .colProgettiGenoma {
        height: 28vw;
    }
    .gridProgettiGenoma > div:first-child .progettoGenoma {
        background: url('/media/genomaorizzonte1100.webp'), #5B66D1;
    }
    .gridProgettiGenoma > div:nth-child(2) .progettoGenoma {
        background: url('/media/genomanutrigenetica1100.webp'), #73B790;
    }
    .progettoGenoma {
        padding: 0 10vw;
    }
    p.textProgetto {
        font-size: 1.63vw;
    }
    .gridProgettiGenoma > div:first-child p.textProgetto {
        width: 38vw;
    }
    .gridProgettiGenoma > div:nth-child(2) p.textProgetto {
        width: 34vw;
    }
    a.btnProgetto {
        width: 24vw;
        height: 5vw;
    }
}
@media (min-width: 1401px){
    .gridBlurb {
        max-width: 65vw;
        height: calc(65vw / 3);
    }
    .innerColBlurbFeatures {
        width: 16vw;
        height: 16vw;
    }
    p.textBlurb, h2.titleFeatures {
        font-size: 2.35vw;
        line-height: 2.8vw;
    }
    p.textBlurb {
        width: 16vw;
    }
    h2.titleFeatures {
        width: 40vw;
    }
    h3.subtitleFeatures {
        font-size: 1.57vw;
    }
    @keyframes from0to50inner {
        0%{width: 16vw; height: 16vw; transform: translate(-50%, -50%);}
        50%{width: 19vw; height: 19vw; transform: translate(-50%, -50%)}
        0%{width: 16vw; height: 16vw; transform: translate(-50%, -50%)}
    }
    /* BUSINESS UNIT */
    .innerBusinessUnit {
        width: 70vw;
    }
    p.overTitleBusUnit,  a.btnBusinessUnit {
        font-size: 1.05vw;
    }
    h2.titleBusinessUnit {
        font-size: 2.87vw;
        line-height: 2.9vw;
    }
    .gridBusinessUnit {
        grid-gap: 5vw;
        margin-top: 5vw;
    }
    .gridBusinessUnit > div {
        flex: 0 1 calc((100% - 10vw) / 3);
    }
    .circleBusinessUnit {
        width: 19.5vw;
        height: 19.5vw;
    }
    .gridBusinessUnit > div > div:first-child > div:first-child  {
        top: -1.75vw;
        left: -1.6vw;
        width: 12.5vw;
        height: 12.5vw;
    }
    .innerSfondoPicBusiness {
        bottom: 0.1vw;
        left: -0.5vw;
    }
    .textBusinessUnit {
        height: 10vw;
        top: 32%;
    }
    h2.nameBusinessUnit {
        font-size: 2.61vw;
        line-height: 2.8vw;
        width: 14.2vw;
    }
    a.btnBusinessUnit {
        width: 11.5vw;
        height: 2.5vw;
    }
    /* I SERVIZI */
    .nostriServizi {
        height: 44vw;
    }
    .gridServizi {
        margin-left: 15vw;
    }
    .colButtonServizi {
        flex: 0 1 35%;
    }
    p.overTitleServizi, button#btnMedico, button#btnPaziente, p.overTitlePaziente {
        font-size: 1.05vw;
    }
    h2.titleServizi {
        font-size: 2.87vw;
        line-height: 2.87vw;
    }
    button#btnMedico, button#btnPaziente {
        height: 4.3vw;
        width: 24vw;
    }
    img.picFreccia {
        width: 2.5vw;
    }
    .colSectionServizi {
        flex: 0 1 65%;
    }
    .contBlueLight, .contBlueDark {
        border-radius: 5vw 0 0 5vw;
    }
    .servizioMedico .contBlueDark {
        background: url('/media/serviziomedico1401.webp'),#00295F;
    }
    .servizioPaziente .contBlueDark {
        background: url('/media/serviziopaziente1401.webp'),#00295F;
    }
    button#btnMedico, button#btnPaziente, .gridServiziPazienti {
        grid-gap: 1vw;
    }
    p.nomeServizioPazienti {
        font-size: 1.83vw;
    }
    img.picAnalisi {
        max-width: 1.8vw;
        height: 1.8vw;
    }
    img.picConsulenza {
        max-width: 2vw;
        height: 2vw;
    }
    img.picKit {
        max-width: 1.8vw;
    }
    /* CONSULENZA GENETICA */
    .consulenzaGenetica {
        background: url('/media/consulenzahome1401.webp');
        height: calc(100vw / (2000 / 801));
    }
    .gridConsulenza {
        width: 70vw;
    }
    p.overTitleConsulenza, a.btnConsulenza {
        font-size: 1.05vw;
    }
    h2.titleConsulenza{
        font-size: 2.9vw;
        line-height: 2.9vw;
        margin: 0 0 2.5vw;
        width: 35vw;
    }
    p.textConsulenza{
        font-size: 1.57vw;
    }
    a.btnConsulenza{
        height: 4vw;
        width: 18.5vw;
    }
    /* NPS */
    .promoterScore{
        background: url('/media/backNPShome2000.webp'), #ededed;
        height: calc(100vw / (2000 / 950));
    }
    .gridPromoterScore {
        width: 70vw;
    }
    h2.titleScore {
        font-size: 2.9vw;
        line-height: 2.9vw;
    }
    h2.titleScore, p.textScore, ul.listScore{
        margin: 0 0 2vw;
    }
    p.textScore, li.itemScore{
        font-size: 1.57vw;
    }
    a.btnScore {
        font-size: 1.05vw;
        height: 4vw;
        width: 22vw;
    }
    .circleScore {
        width: 22.5vw;
        height: 22.5vw;
    }
    p.totScore {
        font-size: 7.83vw;
    }
    /* OPINIONE */
    .triangolo {
        width: 8.15vw;
        height: 4.1vw;
        left: 15vw;
    }
    .gridOpinione{
        width: 70vw;
    }
    h2.titleOpinione {
        font-size: 2.9vw;
        line-height: 2.9vw;
        margin: 0 0 2vw;
    }   
    p.textOpinione{
        font-size: 1.57vw;
    }
    .listSocial {
        grid-gap: 1.5vw;
    }
    .rowSocial {
        border-radius: 3vw;
        width: 25vw;
    }
    img.iconOpinione {
        width: 2.7vw;
    }
    p.textSocial {
        font-size: 1.05vw;
    }
    /* BLOG */
    .innerBlogHomepage {
        max-width: 70vw;
    }
    .gridListPostBlog {
        margin-bottom: 4vw;
    }
    .metaBlogHomepage{
        margin: 0 0 2.5vw;
    }
    p.overTitleBlog, p.catBlog, a.btnPost, a.btnBlog {
        font-size: 1.05vw;
    }
    h2.titleBlogHome {
        font-size: 2.9vw;
        line-height: 2.9vw;
    }
    .itemPostBlog{
        border-radius: 0 0 2.3vw 2.3vw;
    }
    img.immagineEvidenza {
        height: 15vw;
    }
    .gradientImmagine {
        bottom: -2vw;
    }
    .innerPostHomepage {
        padding: 0 2.5vw 2vw;
    }
    h2.titleBlog {
        font-size: 1.57vw;
        line-height: 1.75vw;
    }
    a.btnPost, a.btnBlog {
        height: 4vw;
    }
    a.btnBlog{
        width: 18.5vw;
    }
    /* PROGETTI */
    p.overTitleProgetti, a.btnProgetto {
        font-size: 1.05vw;
    }
    h2.titleProgetti {
        font-size: 2.9vw;
        line-height: 2.9vw;
        margin: 0 0 4vw;
    }
    .progettoGenoma {
        padding: 0 8vw;
    }
    .innerProgettiGenoma {
        padding: 5vw 0 7vw 15vw;
    }
    .gridProgettiGenoma > div:first-child .progettoGenoma {
        background: url('/media/genomaorizzonte1401.webp'), #5B66D1;
    }
    .gridProgettiGenoma > div:nth-child(2) .progettoGenoma {
        background: url('/media/genomanutrigenetica1401.webp'), #73B790;
    }
    .colProgettiGenoma {
        height: 26vw;
    }
    p.textProgetto {
        font-size: 1.3vw;
    }
    a.btnProgetto {
        height: 4vw;
        width: 24vw;
    }
}