/*TITOLO*/
#titolo_servizi_costi{
    padding-top: 60px;
    font-size: 6vw;
}

/*SERVIZI*/

#container_servizi{
    margin:0;
    margin-top: 50px;
    row-gap: 50px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 22px;
}
.servizio{
    width: 340px;
    border: solid 3px #367273;
    border-radius:30px;
    padding: 10px;
}

.servizio .centra_verticale{
    row-gap: 10px;
}

.servizio img:nth-child(1){
    width: 70px;
    margin-top: -45px;
}


.contenuto_breve_servizio{
    font-size: 20px;
}

.contenuto_lungo_servizio{
    width: 320px;
    font-size: 15px;
}

/*COSTI*/
#titolo_costi{
    margin-top: 7vw;
    font-size: 6vw;
}


#costi{
    margin-top: 2vw;
    border-radius: 2vw;
}

#switch_tipo_lezioni div:nth-child(1), #switch_tipo_lezioni div:nth-child(2){
    padding: 0.6vw 0;
    font-size: 3vw;
}

#switch_tipo_lezioni div:nth-child(1){
    border-radius: 2vw 0 0 0;
}

#switch_tipo_lezioni div:nth-child(2){
    border-radius: 0 2vw 0 0;
}
#switch_tipo_lezioni div:nth-child(2) p:nth-child(2){
    font-size: 2vw;
}
#contenitore_costi_individuale, #contenitore_costi_gruppo{
    padding: 1.5vw 0;
    font-size: 2.3vw;
}

#persone_max{
    margin-top: 1vw;
    font-size: 2.4vw;
}

.costo{
    padding: 1.4vw;
    row-gap: 0.5vw;
}

.sconto{
    padding: 0.2vw 1.5vw;
    border-radius: 1vw;
}

/*DISCLAIMER SERVIZI*/
#discaimer_servizi{
    font-size: 2vw;
    margin-top: 2vw;
}

/*PRENOTA LEZIONE (btn)*/
#btn_prenota_lezione{
    padding: 10px 20px;
    margin-top: 30px;
    font-size: 3vw;
}

/*PIATTAFORMA*/
#piattaforma{
    margin-top: 5vw;
}

#piattaforma p:nth-child(1){
    font-size: 4vw;
}

#piattaforma p:nth-child(2){
    margin-top: 0.6;
    font-size: calc(1.5vw + 10px);
}