html{
    background: white;
}

/*TITOLO*/
#titolo_servizi_costi{
    padding-top: 15vw;
    font-size: 7vw;
}

/*SERVIZI*/

#container_servizi{
    display: flex;
    flex-direction: column;
    row-gap: 10vw;
    margin-top: 10vw;
    
}
.servizio{
    border: solid 2px #367273;
    background: white;
    border-radius:7vw;
    padding: 2vw;
}

.servizio .centra_verticale{
    row-gap: 2vw;
}

.servizio img:nth-child(1){
    width: 16vw;
    margin-top: -10vw;
}


.contenuto_breve_servizio{
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    color: #367273;
    font-size: 5vw;
    font-weight: 700;
    text-align: center;
}

.contenuto_lungo_servizio{
    text-align: center;
    width: 75vw;
    font-size: 3.5vw;
}

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

#reminder_gratis{
    font-size: 4.5vw;
    text-align: center;
    margin-top: 4vw;
}

#costi{
    background-color: #2A6A6C;
    margin-top: 3vw;
    border-radius: 2vw;
}

#switch_tipo_lezioni{
    display: flex;
    justify-content: space-evenly;
    color: white;
    font-weight: 700;
}

#switch_tipo_lezioni div:nth-child(1), #switch_tipo_lezioni div:nth-child(2){
    width: 50%;
    text-align: center;
    padding: 1vw 0;
    font-size: 4vw;
}

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

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

#switch_tipo_lezioni div:nth-child(2) p:nth-child(2){
    font-size: 3vw;
}

#contenitore_costi_individuale, #contenitore_costi_gruppo{
    height: 4vw;
    padding: 2vw 0;
    font-size: 3vw;
    display: flex;
    justify-content: space-around;
    height: fit-content;
}

#persone_max{
    display: none;
    font-size: 3vw;
    font-weight: 700;
    color: white;
    margin-top: 2vw;
    width: 100%;
    text-align: center;
}

#contenitore_costi_gruppo{
    display: none;
}

.costo{
    display: flex;
    flex-direction: column;
    background: #002E2F;
    border-radius: 2vw;
    padding: 2vw;
    height: fit-content;
    color: white;
    align-items: center;
    row-gap: 1.5vw;
}

.sconto{
    background: #BCB506;
    padding: 0.3vw 2vw;
    border-radius: 1vw;
}

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

/*PRENOTA LEZIONE (btn)*/
#btn_prenota_lezione{
    padding: 2vw;
    margin-top: 8vw;
    margin-bottom: 18vw;
    width:-webkit-fill-available;
    font-weight: 700;
}