/* -------------------------------------------------------------------------------------------------- PAGINA SERVIZI E BLOG
--------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------*/
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    margin-top: 15px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgb(221, 221, 221);
    border-radius: 0 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

/* ----------------------- Modifiche stile */
p strong {
color:#000000 !important;
}

div > strong {
    color: #000000 !important;
}

div > a {
    cursor: pointer;
}

a {
cursor: pointer;
}

/* ----------------------- Pulsanti middle-page */
.button-numero {
margin-top: 3.5em; 
background-color: #5dfdcb; 
border-radius: 12px; 
color: #000000; 
width: 220px; 
margin-right: auto;
margin-left: auto; 
display: flex;
align-items: center;
justify-content: space-between;
line-height: 1.1;
text-align: left;
box-shadow: 3px 3px 2px rgb(204, 204, 204);
border: none;
transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;

}

.button-numero:hover {
background-color: #cafaeb; 
box-shadow: inset 1px 1px 5px #b3b3b3;
cursor: pointer;
}


.button-numero-estetica {
    margin-top: 3.5em; 
    background-color: #e1d5cc; 
    border-radius: 12px; 
    color: #000000; 
    width: 220px; 
    margin-right: auto;
    margin-left: auto; 
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1.1;
    text-align: left;
    box-shadow: 3px 3px 2px rgb(204, 204, 204);
    border: none;
    transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    
    }
    
    .button-numero-estetica:hover {
    background-color: #efe5dd; 
    box-shadow: inset 1px 1px 5px #b3b3b3;
    cursor: pointer;
    }


.pulsante-numero-test {
padding: 10px;
width: fit-content;
font-weight: 600;
text-decoration: none;
}

.scritta-sotto-numero {
margin-top: 10px;
font-size: 9px;
line-height: 1.5;
letter-spacing: 0.5px;
width: 190px;
text-align: center;
margin-right: auto;
margin-left: auto;
}


/* -----------------------Sezione contatti fine pagina */

.come-contattare {   
max-width: 600px;
text-align: left;
letter-spacing: 0.01em;
font-weight: 600;
color: #151515;
z-index: 1;
margin-top: 60px;
}


@media only screen and (max-width: 600px) {
.come-contattare {
margin-right: auto;
margin-left: auto;

}

}

.come-contattare-2 {
display: flex;
align-items: center;
justify-content: space-evenly;
flex-wrap: wrap;

}
.come-contattare-2 > a {
    z-index: 1;
    
}

@media only screen and (min-width: 376px) and (max-width: 600px) {
.come-contattare-2 {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
}

}



.button-come-contattare {
max-width: 173px;
height: 173px;
padding: 10px;
margin-top: 1.5em;
background-color: #ffffffee; 
border: 1.5px solid #dfdfdf;
border-radius: 12px;
transition: border-color 0.1s;
border-radius: 12px; 
color:#000000;
line-height: 1.1;
text-align: center;
border: 0.15px solid #8f8f8f;
cursor: pointer;
font-size: 12px;
z-index: 1;
}



.button-come-contattare:hover {
border: 1px solid #000000;

}

.testo-bottone {
font-size: 16.5px; 
font-weight: 600; 
margin-top: 0px !important; 
line-height: 1.1 !important;
}

@media only screen and (min-width: 321px) and (max-width:375px) {

.come-contattare-2 {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
}
.button-come-contattare {
max-width: 153px;
height: 153px;
font-size: 10.5px;
}
}

@media only screen and (max-width: 320px) {
.button-come-contattare {
    font-size: 10px;
}
.testo-bottone {
    font-size: 14px;
    margin-top: 0px !important;
}

.come-contattare-2 {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
}
.button-come-contattare {
max-width: 140px;
height: 140px;
}

.button-come-contattare img {
height: 2em;
}

}



/* ----------------------- Icone */
.sezionegrid {
display: flex;
flex-wrap: nowrap;
justify-content: space-evenly;
}

@media only screen and (max-width: 600px) {
    .sezionegrid {
        flex-wrap: wrap;
    }
    } 

.sezionegrid_content {
display: block;
width: 100%;
max-width: 260px;
padding: 1em;
text-align: center;
}



.orizzontalegrid {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    }
    

.orizzontalegrid_content {
    display: block;
    width: 100%;
    max-width: 260px;
    padding: 1em;
    text-align: center;
}

@media only screen and (max-width: 600px) {
    .orizzontalegrid {
        flex-wrap: wrap;
    }

    .orizzontalegrid_content {
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 20px;
        width: 100%;
        max-width: none;
        text-align: left;
        align-items: center;
    }

    .orizzontalegrid_content .sub {
        display: block;
    }

    .orizzontalegrid_content img {
        height: auto !important;
    }
    } 


/* -----------------------Box informativo Italiano/inglese */

.boximportante {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
}


@media only screen and (max-width: 800px) {
    .boximportante {
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
}

@media only screen and (min-width: 801px) and (max-width:1200px) {
    .boximportante {
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
}

.boximportante1 {
    width: 355px;
    background-color:#ececec ;
    border-radius: 25px;
    display: block;
    padding: 1em;
    text-align: left;
}

@media only screen and (max-width: 800px)
{
.boximportante1 {
        width: 90%;
        margin-right: auto;
        margin-left:auto;
        margin-bottom:2em;
}
}

@media only screen and (min-width: 801px) and (max-width:1200px) 
{
.boximportante1 {
        width: 95%;
        margin-right: auto;
        margin-left:auto;
        margin-bottom:2em;
}
}


.boximportante1titolo {
    display: flex;
    justify-content: left;
    align-items: center;
    text-align: left;
    font-weight: 700;
    font-size: 21.5px;
    margin-top: 0px !important;
    line-height: 25px;
    margin-bottom: 1em;
}

/*-----------------------Icone casi clinici */

.casi {
    display: block;
}

.casiclinici {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
    }

    .casiclinici_content {
margin-top: 1em;
display: block;
width: 320px;
padding: 1em;
text-align: left;

    }
    .casiclinici_content p {
        margin-top: 10px;
    }

    @media only screen and (max-width: 1200px) {
        .casiclinici {
        flex-wrap: wrap;
        justify-content: left;
        }
        
        .casiclinici_content{
            width: 500px;
        }
        }






/*-------------------BOX VARI-----------------*/

    .boxlocation {
        display: block;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
        font-size: 18px;
        font-weight: 700;
        color: #000;
    }

    .boxlocation p {
        font-size: 12px; 
        font-weight: 200; 
        margin-top: 10px !important;
    }

    .boxinfo-main {

        display: flex;
        justify-content: left;
        flex-wrap: nowrap;
    }

    .boxinfo {
        display: block;
        max-width: 500px;
        background-color: rgb(248, 248, 248);
        margin-top: 15px;
        margin-bottom: 40px;
        padding: 1em;
        font-size: 12px;
        text-align: left;
        border: dashed 1px black;
        border-radius: 10px;

    }

    /* mobile */ 
    .boxhifutop-main {
        display: flex;
        gap: 15px;
        flex-wrap: wrap;

    }

    .boxhifutop-1 {
       width: 100%;
        order: 1;
    }

    .boxhifutop-2 {
        width: 100%;
        text-align: left;
        order: 2;
    }

    /* desktop */
    @media only screen and  (min-width:1000px) {

        .boxhifutop-1 {
            order: 2;
            width: 44%;
        }

        .boxhifutop-2 {
            order: 1;
            width: 44%;
        }


    }

    .boxhifuopenday {
        margin-top: 2.5em;
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 18px;
        font-weight: 900;
        font-family: Lato, Helvetica, Arial, sans-serif;
        width: 60%;
        max-width: 300px;
        line-height: 20px;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
    }

    .boxhifuopenday img {
        width: 90%;
        max-width: 250px;
    }


    /* CTA Inline sotto il boxhifu */

.cta-inline {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 14px;
    flex-wrap: wrap;
    margin: 32px auto 0;
    max-width: 560px;
}

.cta-inline__link {
    flex: 0 1 auto;
    text-decoration: none;
}

.cta-inline__button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: auto;
    min-width: 220px;
    max-width: 260px;
    padding: 14px 26px;
    border-radius: 16px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.01em;
    border: 1px solid rgba(255, 255, 255, 0.35);
    box-shadow: 0 20px 42px -28px rgba(68, 56, 80, 0.6);
    backdrop-filter: blur(6px);
    color: inherit;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.cta-inline__button::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(120deg, rgba(255,255,255,0.4), rgba(255,255,255,0.08) 60%, transparent 80%);
    pointer-events: none;
}

.cta-inline__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 24px 48px -30px rgba(68, 56, 80, 0.7);
}

.cta-inline__icon,
.cta-inline__label {
    position: relative;
    z-index: 1;
}

.cta-inline__button--call {
    background: linear-gradient(135deg, #5175E5, #6B91FF);
    color: #ffffff;
}

.cta-inline__button--info {
    background: linear-gradient(135deg, rgba(255,255,255,0.35), rgba(255,255,255,0.08));
    color: #3c458b;
    border: 1px solid rgba(81, 117, 229, 0.45);
    box-shadow: inset 0 0 0 1px rgba(81, 117, 229, 0.25), 0 18px 38px -28px rgba(68, 56, 80, 0.55);
}

@media (max-width: 480px) {
    .cta-inline__button {
        min-width: 85%;
        max-width: 320px;
    }
}
/*----------------------LOGHI--------------------------*/
.logodipartimento {
    width: 60%;
    margin-bottom: 50px;

}

.loghidipartimento {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-bottom: 50px;
    gap: 15px;
}

    .loghidipartimento img {
    width: 40%;
    }

.logoimplantologia {
    width: 40%;
    margin-bottom: 50px;
}

@media screen and (min-width: 500px) {
    
    .logodipartimento {
    width: 40%;
}

.loghidipartimento img {
    width: 30%;
    }

.logoimplantologia {
        width: 26%;
    }

}



        /*----------------------------------- modifiche titoli */

                                                        /*medicina estetica */

        .titoloestetica {
            font-size: 45px;
            text-align: center; 
            color: #000000; 
            font-weight: 500;
            letter-spacing: 7px;
            text-transform: uppercase;
            padding-top: 40px;
            padding-left: 20px;
            padding-right: 20px;
            padding-bottom: 20px;
            display: block;

        }


/* @media only screen and (min-width: 1100px) {

    .titoloestetica {
    font-size: 60px;
    letter-spacing: 10px;
    }
}
*/


        .titoloesteticalungo {
            font-size: 23px !important;
            text-align: center; 
            color: #000000; 
            font-weight: 500;
            letter-spacing: 5.5px;
            text-transform: uppercase;
            padding-top: 40px;
            padding-left: 20px;
            padding-right: 20px;
            padding-bottom: 20px;
            display: block;

        }
        @media only screen and (min-width: 738px) {

            .titoloesteticalungo {
                font-size: 45px !important;
                letter-spacing: 7px;
            }
        }

        @media only screen and (min-width: 375px) and (max-width:400px) {

            .titoloesteticalungo {
                font-size: 21px;
                letter-spacing: 4px;
            }
        }

        @media only screen and (max-width: 374px) {

            .titoloesteticalungo {
                font-size: 17px;
                letter-spacing: 4px;
            }
        }

        .sottotitoloestetica1 {
            font-size: 15px;
            text-transform: uppercase;
            text-align: center;
            line-height: 18px;
            letter-spacing: 5px;
            margin-top: 15px;
            display: block;
        }


        .sottotitoloestetica2 {
            font-size: 13px;
            text-transform: uppercase;
            text-align: center;
            line-height: 18px;
            margin-top: 10px;
            display: block;
            letter-spacing: 4px;
        }

      /*  @media only screen and (min-width:1100px){

            .sottotitoloestetica1 {
                font-size: 25px;
                line-height: 28px;
                letter-spacing: 7px;
            }
            .sottotitoloestetica2 {
                font-size: 20px;
                line-height: 28px;
                letter-spacing: 6px;
            }

        } */

        .sottotitoloestetica2-lungo {
            font-size: 13px;
            text-transform: uppercase;
            text-align: center;
            line-height: 18px;
            margin-top: 10px;
            display: block;
            letter-spacing: 4px;
        }


        @media only screen and (min-width: 375px) and (max-width:400px) {

            .sottotitoloestetica2-lungo {
                font-size: 12px;
                letter-spacing: 4px;
            }
        }

        @media only screen and (max-width:374px) {

            .sottotitoloestetica2-lungo {
                font-size: 10px;
                letter-spacing: 4px;
            }
        }


        .yellowbox {
            content: "";
            width: 20px;
            height: 20px;
            background-color: #c7b83d;
            display: inline-block;
            margin-right: 15px;
            margin-bottom: -5px;
        }

        .lilacbox {
            content: "";
            width: 20px;
            height: 20px;
            background-color: #C19AB7;
            display: inline-block;
            margin-right: 15px;
            margin-bottom: -5px;
        }


                                                            /* Blog */
        .infotrattamenti {
            
            margin-top: 2.5em;
            font-size: 22px;
            text-align: left;
            font-weight: 700;
            font-family: Lato, Helvetica, Arial, sans-serif;
            margin-bottom: 15px;
        }

        .infotrattamenti-main {
            font-family: Lato, Helvetica, Arial, sans-serif;
            font-weight: 900;
            font-size: 24px;
            letter-spacing: 5px;
            text-transform: uppercase;
            text-align: left;
        }

        .coloricon {
            color:#505050;
        }


        .infotrattamenti-header {
            
            margin-top: 5.5em;
            font-size: 30px;
            text-align: left;
            font-weight: 700;
            font-family: Lato, Helvetica, Arial, sans-serif;
            padding-bottom: 15px;
            border-bottom: 1px solid #9c9c9c;
        }

        .infotrattamenti-header.numerato {
            overflow: hidden; 
            font-size: 35px !important;

        }

        .infotrattamenti-header.numerato .circle {
            width: 60px;
            height: 60px;
            background: linear-gradient(to right, rgb(106, 145, 225), rgb(49, 25, 233));
            color: white;
            text-align: center;
            line-height: 60px;
            font-size: 30px;
            font-family: Lato, Helvetica, Arial, sans-serif;
            float: right;
            margin-left: 25px; 
            margin-bottom: 25px; 
            border-radius: 15px;
        }

        @media only screen and  (min-width: 768px) {
            .infotrattamenti-header {
                margin-top: 3.5em;
            }

        }
        

        .titoloblog {
            font-size: 28px;
            font-family: Lato, Helvetica, Arial, sans-serif;
            color: #568daf;
            font-weight: 900;
            text-align: left;
        }


        

                                                                     /* Servizi */

        .titoloservizio {
            font-size: 35px;
            font-weight: 900;
            font-family: Lato, Helvetica, Arial, sans-serif;
            color: #000000;
            text-align: left;
            padding-bottom: 10px;
            margin-bottom: 50px;
            border-bottom: 1px solid #c4c4c4;
        }
        
        .sottotitoloservizio {
        font-size: 20px;
        font-weight: 400;
        font-family: Lato, Helvetica, Arial, sans-serif;
        padding-bottom: 27px;
        color: #474747;
        }
        
         @media only screen and (min-width: 738px) {
            .titoloservizio {
                font-size: 45px;
            }
            .sottotitoloservizio {
                font-size: 24px;
            }
        } 
        
        .prestazioniofferte {
            color: rgba(235, 0, 0, 0.58);
            font-family: Lato, Helvetica, Arial, sans-serif;
            font-weight: 700;
            font-size: 30px;
            text-align: left;
        }
        
        .titolospecialista {
            color: rgb(41, 41, 41);
            font-family: Lato, Helvetica, Arial, sans-serif;
            font-size: 30px;
            font-weight: 900;
            margin-top: 60px;
            text-align: left;
        }

        .infoutili {
            color: rgb(0, 0, 0);
            font-family: Lato, Helvetica, Arial, sans-serif;
            font-weight: 700;
            font-size: 29px;
            text-align: left;
            margin-top: 60px;
        }


        .h3servizi {
                color: rgb(0, 0, 0);
                font-family: Lato, Helvetica, Arial, sans-serif;
                font-weight: 700;
                font-size: 25px;
                text-align: left;
            }

        .h4servizi {
            color: rgb(0, 0, 0);
            font-family: Lato, Helvetica, Arial, sans-serif;
            font-weight: 700;
            font-size: 21px;
            text-align: left;
            margin-top: 40px;
        }
      
      /*--------------------- NUMERI statistiche */

.contenitore-numeri1 {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.contenitore-numeri2 {
    display: block;
    margin: 1em;
    line-height: 1;
    width: 50%;
    text-align: center;
}

.numerogrosso {
    font-size: 50px;
    font-weight: 400;
}

.orange {
    color: #f89420;
}

.beigee{
    color: #bca694;
}
.beige2 {
    color: #997316;
}

.darkblue {
        color: #4170ad;
}

@media only screen and (min-width: 1000px) {
    .contenitore-numeri2 {
        width: 35%;
       
    }
}
      
      /* ---------------------------- MODIFICA LAYOUT PAGINA */



.contenitore1 {
    max-width: 1200px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: auto;
    margin-left: auto;
}


.contenitore2 {
    width: 100%;
    display: flex;
    justify-content: center;
}

.contenitore3 {
    width:100%;
    display: block;
    padding-bottom: 60px;
    border-top: solid 1px rgb(241, 241, 241);
}

.sezione-collegamenti{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 60px;
    padding-top: 40px;
}


.contenitore-colorato {
    width: 100vw;
    position: relative;
    left: calc(-50vw + 50%);
    margin-top: 50px;
    margin-bottom: 50px;
    padding-top: 30px;
    padding-bottom: 30px;
}


.beige {
    background-color: #f1e6dc;
}

.grigio {
    background-color: #f7f7f7;
}

.contenitore-colorato .contenuto {

    max-width: 1200px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: auto;
    margin-left: auto;
}


 @media only screen and (min-width:768px) and (max-width: 1200px)
            {
                .contenitore1 {
                    padding-right: 60px;
                    padding-left: 60px;
                }

                .contenitore3 {
                    display: flex;
                    justify-content: space-around;
                }

                .sezione-collegamenti {
                    width: 40%;
                }

                .contenitore-colorato .contenuto {
                    padding-right: 60px;
                    padding-left: 60px;
                }
           
            }
            



@media only screen and (max-height: 450px) 
            {
                .contenitore1 {
                    padding-right: 30px;
                    padding-left: 30px;
                }
                .contenitore-colorato .contenuto {
                    padding-right:50px;
                    padding-left: 50px;
                }
            }



@media only screen and (min-width:1200px)
            {
            .sezione-collegamenti{
                width: 400px;
            }
            .contenitore3 {
                display: flex;
                justify-content: space-around;
            }
       
    
            }


.colonnacontainer {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 45px;
}

.colonnacontainer2 {
    display: flex; 
    flex-direction: column;
    position: relative; 
    align-items: center;
}



.colonnacontent {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 45px;
    }

.colonnacontent2 {
    z-index: 1;
    position: relative;
    padding: 20px;
    border-radius: 15px;
    max-width: 500px;
}

    .colonnacontent2 p {
        font-size: 15px;
        line-height: 22px;
        font-family: Lato, helvetica, arial, sans-serif;
        color: #000000;
    }

    .colonnacontent2 .list-marked li {
        font-size: 15px;
        line-height: 22px;
        font-family: Lato, helvetica, arial, sans-serif;
        color: #000000;
    }

.colonnacontent3 {
    flex-basis: 100%;
    max-width: 1000px;
}

.colonnacontent .imgcolonna {
    width: 400px;
    overflow: hidden;
    object-fit: fill;
    height: 50vh;

}

.colonnacontent2 .imgcolonna {
    width: 100%;
    z-index: -1;
    position: relative;
}
    
    @media only screen and (min-width:1000px) {
    
            .colonnacontent {
                width: 49%;
                padding: 10px;
                
            }

            .colonnacontainer {
                display: flex;
                justify-content: space-between;
                width: 100%;
                padding-top: 50px;
                padding-bottom: 50px;
            }

            .colonnacontent .imgcolonna {
                width: 100%;
                overflow: hidden;
            }

            .colonnacontainer2 {
                flex-direction: row;
                justify-content: space-between;
                gap: 15px;
            }

            
                .colonnacontent2 p {
                    font-size: 14px;
                }

                .colonnacontent2 .list-marked li {
                    font-size: 14px;
                }
            
            .colonnacontent3 {
                max-width: 49%;
            }
        }

    @media only screen and (max-height: 500px) {
        .colonnacontent .imgcolonna {
            height: auto;
        }
    }


    .imgheader {
        height: 90vh;
        width: 100vw;
        background-color: #a9aeb8 !important;
        position: relative;
        left: calc(-50vw + 50%);
    }
    
    .imgheader img {
        position: absolute;
        right:0;
        height: inherit;
        
    
    }
    
    .imgheader h1 {
        top: 0;
        text-align: center;
        position: absolute;
        z-index: 3;
        color: white;
        left:0;
        right: 0;
        margin: 0 auto;
    }
 @media only screen and (min-width:568px) {
    .imgheader {
        height: 90vh;
    }
    .imgheader h1 {
        top: auto;
        bottom: 0; }
 }




@media only screen and (min-width: 768px) {

.infotrattamenti-container /*1000px*/ {

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.infotrattamenti-container2 /*1000px*/ {
    display: flex;
    flex-direction: column;
    justify-content: left;
    width: 700px;
}

}

 /*---------------------------------------- Box prestazioni */

/* mobile & desktop */
 .prestazione-contenitore {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
	gap: 15px;
	padding-top: 15px;
 } 


 .prestazione-main {
    background: rgb(255, 255, 255);
    box-shadow: 0 4px 12px 0 rgba(104, 115, 125, .15);
    border-radius: 10px;
    padding: 2em 2em 2em 2em;
    display: block;
  	max-width: 350px;
    width: 70%;
    position: relative;
    padding-bottom: 3.5em;
 }


 .prestazione-contenitore .wider {
    width: 40%;
 }


 .prestazione-img-title {
    display: flex;
    justify-content: left;
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 17px;
    line-height: 24px;
    text-align: left;
    width: 100%;
	gap: 10px; 
 }

 .prestazione-img-title img{
    width: 50px;
    align-self: center;
 }
.prestazione-img-title .bigger {
    width: 70px;
}


 .prestazione-descrizione-prezzo {
    display: flex;
    justify-content: space-between;
	position:relative;
    gap: 15px;
 }

.prestazione-descrizione-prezzo p {
    font-size: 14px;
    line-height: 21px;
    text-align: left;
    margin-top: 20px !important;
    color: rgb(86, 86, 86);
}

 .prestazione-main .info {
    font-size: 14px;
    line-height: 19px;
    padding-top: 1em;
    text-align: left;
 }

 .prestazione-descrizione .lista {
    font-size: 14px;
    line-height: 19px;
    padding-top: 1em;
    text-align: left;
 }

 .prestazione-descrizione .lista li {
    position: relative;
 }

 .prestazione-descrizione ul li::before {
    content: "•";
    position: absolute;
    left: -20px;
    top: 0;

 }

 .prestazione-descrizione p {
    font-size: 14px;
    line-height: 24px;
 }

 .prestazione-prezzo {
    float: right;
	bottom: 0;
	right: 0;
    font-size: 18px;
    text-align: right;
    font-weight: 900;
 }
 .prestazione-main a {
    font-size: 11px;
    line-height: 15px;
    padding-top: 1em;
    text-align: left;
    color: #1571ce;
    cursor: pointer;
 }

@media only screen and (max-width: 768px) {
    .prestazione-contenitore .wider {
        width: 100%;
        max-width: 400px;
     }
}


/* Bottone info in basso a destra */
.prestazione-main .info-button {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    border: none;
    background-color: #2b2b2b;
    color: #fff;
    font-size: 24px;
    border-radius: 50%;
    cursor: pointer;
    padding: 0;
    line-height: 1;
    z-index: 2;
    transition: background-color 0.2s;
}

.prestazione-main .info-button.minore {
            width: auto;
            height: auto;
            font-size: 13px;
            border-radius: 10px;
            padding: 9px;
          }

.prestazione-main .info-button:hover {
    background-color: #9a9a9a;
}

/* Per la selezione della card */
.prestazione-main.selected {
    box-shadow: inset 0 0 18px 2px #5175e5, 0 1.5px 4px rgba(0,0,0,0.10);
    border: 2px solid #5175e5;
}




/* ----------------------------- LINKs */
 .linkpubblicazioni {

    line-height: 17px ;
  max-width: 250px;
    margin-top: 15px;
    text-align: left;

 }
 .linkpubblicazioni p {

    font-weight: 500;
 }
.linkpubblicazioni a {
    font-size: 12px;
    color: #1571ce;
    font-weight: 300;
    margin-top: 0px !important;
}





/* collegamenti link fondo pagina */ 

.linkcollegamenti-main {
    display: flex;
    /* flex-direction: column; */
    padding-top: 15px;
	align-items: left;
    gap: 20px;
    flex-wrap: wrap;
	
}

.linkcollegamenti-content {
    width: 300px;
    display: flex;
	justify-content: left;
    padding: 10px;
    scale: 1;
    transition: .3s all ease;
    cursor: pointer;
    margin: 5px;
	gap: 10px;
	border-bottom: 1px solid rgb(235, 235, 235);
	
}

.linkcollegamenti-content img {
    width: 60px;
    margin-right: 15px;
	align-self: center;
}

.linkcollegamenti-content span {
    font-size: 2.5em;   
    color:#5175E5; 
}

.linkcollegamenti-content2 {
	display: flex;
	flex-direction: column;
	align-items: left;
}
.linkcollegamenti-content2 p {
    font-size: 12px;
    margin-bottom: 5px;
    text-align: left;
    color: #000;
    line-height: 15px;
    color: rgb(61, 61, 61);
}

.linkcollegamenti-content2 h5 {

    font-size: 15.5px;
    font-weight: 700;
    text-align: left;
	line-height: 25px;
    
}

.linkcollegamenti-content2 .linknuovo {
	
	margin-top: 5px;
    color:#1571ce;
    text-align: left;
    font-size: 11px;
    cursor: pointer;
}

.linkcollegamenti-content:hover {
    cursor: pointer;
    scale: 1.02;
} 

/* .linkcollegamenti-main {
    display: flex;
    justify-content: baseline;
    padding-top: 15px;
    flex-wrap: wrap;
}

.linkcollegamenti-content {
    width: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: rgb(247, 247, 247);
    padding: 10px;
    scale: 1;
    transition: .3s all ease;
    cursor: pointer;
    margin: 20px;
}

.linkcollegamenti-content img {
    width: 60px;
    margin-bottom: 15px;
}

.linkcollegamenti-content p {
    font-size: 12px;
    margin-bottom: 15px;
    text-align: center;
    color: #000;
    line-height: 15px;
    color: rgb(61, 61, 61);
}

.linkcollegamenti-content h5 {
    font-size: 15.5px;
    font-weight: 700;
    text-align: center;
    
}

.linkcollegamenti-content .linknuovo {

    color:#1571ce;
    text-align: center;
    font-size: 11px;
    cursor: pointer;
}

.linkcollegamenti-content:hover {
    cursor: pointer;
    scale: 1.02;
} 
*/

/* --------------------------------------------------------------------------------------------------PAGINA CONTATTI
--------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------- */
      
      /* -------------------- MODIIFCHE A VOCI ESISTENTI pagina contatti */
      .tabs-custom .nav-custom-tabs li a:hover,
       .tabs-custom .nav-custom-tabs li.active a {
       background-color:  #43BFAF;
       color: #000;
       }
       
       .tabs-custom .nav-custom-tabs li a {
           position: relative;
           padding: 15px 25px;
           font: 400 12px/20px "Libre Franklin", Helvetica, Arial, sans-serif;
           font-size: 17px;
           color: rgb(0, 0, 0);
           text-align: center;
           vertical-align: middle;
           letter-spacing: 0.06em;
           text-transform: uppercase;
           transition: .3s all ease;
           background-color: #43BFAF;
           line-height: 30px;
    
       } 
       
       .posizionecentro {
           display: block;
           margin-right: auto;
           margin-left: auto;
           width: fit-content;
       
       }
       
       @media (min-width: 768px) {
           
           .tabs-custom .nav-custom-tabs li a:hover,
           .tabs-custom .nav-custom-tabs li.active a {
               background-color: rgb(48, 86, 74);
           color: rgb(218, 218, 218);
           }
       
       
           .tabs-custom.tabs-horizontal .nav-custom-tabs li a {
               background-color: transparent;
               color: #000;
               padding: 25px 22px;
               background-color: aquamarine;
           }
           .tabs-custom.tabs-horizontal .nav-custom-tabs li a:hover,
           .tabs-custom.tabs-horizontal .nav-custom-tabs li a.active {
               background-color: rgb(48, 86, 74);
           color: rgb(255, 255, 255);
           }
       }
        
       .color_azzurro {
           color:#266962 !important
       }
       
       
       
/* --------------------------------------------
NUOVI PULSANTI CONTATTI per PAGINA CONTATTI */
       
           .container-contact-box /* impostiamo le dimensioni standard basandoci sul dispositivo mobile */ {
               margin-bottom: 20px;
                  }
               
                  @media only screen and (min-width:768px)
               {
                   .container-contact-box {
                       display: flex !important;
               justify-content: space-evenly !important;
                          }  
       
                          .nav {
                 list-style: none;
                 flex-wrap: wrap;
                          }
               }
               
               
                   .contact-us-box {
                       background: rgb(255, 255, 255);
                       box-shadow: 0 4px 12px 0 rgba(104, 115, 125, .15);
                       display: flex;
                       flex-direction: column;
                       padding: 2rem 3rem 2.5rem;
                       text-align:center;
                       margin-bottom: 30px;
       
                   }
                   @media only screen and (min-width:1200px){
       
                       .contact-us-box {
                           width: 34%;
                       }
                   }
       
                   @media only screen and (min-width:768px) and (max-width: 1200px)
               {
                   .contact-us-box {
                       width: 34%;
                       padding: 35px 30px 35px 30px;
                   }
               }
       
               @media only screen and (max-width:400px)
               {
                   .contact-us-box {
                       padding: 35px 15px 35px 15px;
                   }
               }
               
                   .icon-contact {
                       font-size: 2.4em;
                       color: #209fe2;
                   }
               
                   .big-text-contact /* testo grosso del box di contatto*/ {
                       font-size: 20px;
                       font-weight: 700;
                       line-height: 22px;
                   }
               
               .small-text-contact /* testo piccolo del box di contatto */ {
               font-size: 13px;
               line-height: 15px;
               }
               
               .button-contact {
               background-color: #00706c;
               border-color: #0b655d;
               color: #fff;
               text-decoration: none;
               border: none;
                   width: 220px;
                   font-size: 14px;
                   font-weight: 600;
                   padding: 10px 0px 10px 0px;
                   margin: 0px auto;
               }
               
               .button-contact:hover {
                   background-color:#6eb2ac; 
                   transition: background-color 0.3s ease-in-out;
                   cursor: pointer;
               }
       
        .messagebutton {
           font-size: 12px;
           text-align: center;
           font-weight: 600;
           color: rgb(65, 65, 65);
           line-height: 15px;
        }
       
        .nomeform {
           font-size: 23px;
           font-weight: 700;
        }
       

        .box-header-blog {
           width: 100%;
           background-color:#173042;
           text-align: center;
           padding: 30px;
           order: 1;
          }



/*----------------------------------------------------------------------------------CASI CLINICI------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

            .introduzione-casi {
                margin-top: 15px;
                margin-bottom: 35px;
                border-bottom: 1px solid #ececec;

            }

                .introduzione-casi-boxes {
                    display: flex;
                    justify-content: space-around;
                    flex-wrap: wrap;


                }

                .introduzione-casi-icone{
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    width: 400px;
                    background-color: rgb(248, 248, 248);
                    margin-top: 15px;
                    margin-bottom: 15px;
                    padding: 1em;
                    text-align: center;
                    font-size: 17px;
                    font-weight: 900;
        
            
                        }

                        .introduzione-casi-icone > p {
                            margin-top: 10px;
                            font-size: 14px;
                            font-weight: 200;
                        }

                        .introduzione-casi-icone > a {
                            margin-top: 10px;
                            font-size: 12px;
                            color: #1571ce;
                            font-weight: 200;
                        }

                        .introduzione-casi-icone > img {
                            width: 100px;
                            margin-bottom: 15px;
                        }

                        
/*----------------------------------- box casi con immagini */
				.boxcasiclinici-main {
					display: flex;
					justify-content: space-around;
					flex-wrap: wrap;
				
				}
				
				.boxcasiclinici-box {
					padding: 10px;
					display: flex;
					flex-direction: column;
					align-items: center;
					width: 100%;
					background-color: #ffffff;
                    margin-bottom: 45px;
                    /*background-color: rgb(243, 243, 243);*/
                    border: 1px solid #e8e8e8;
                    border-radius: 10px;
				}
				
				.boxcasiclinici-box > img {
							
							width: 90%;
							
					}
				
				.boxcasiclinici-box  h3 {
				font-size: 22px;
				font-family: Lato, Helvetica, Arial, sans serif;
				font-weight: 700;
				color: #000000;
				text-align: center;
				margin-top: 15px;
				
				}
				
				.boxcasiclinici-box  p {
				font-size: 13px;
				margin-top: 15px;
                line-height: 15px;
                text-align: center;
				}

                .boxcasiclinici-box .button {
                    display: block;
                    margin-right: auto;
                    margin-left: auto;
                    width: 220px;
                }
				
				
				@media only screen and (min-width:1000px) {
				
						.boxcasiclinici-box {
						align-items: left;
						width: 320px;
						}
						
						.boxcasiclinici-box  img {
                        width: 90%;
                        }
							
					
						
				}



/* Hoverblue */

.hoverblue {
    transition: color 0.3s ease-in-out, text-decoration 0.3s ease-in-out; 
    color: #1582d6;
}

.hoverblue:hover {
    color: #0056b3;
    text-decoration: underline !important;
    cursor: pointer;
}