@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,400;1,100;1,200;1,400;1,600;1,700&display=swap');

.radio-label {
    cursor: pointer;
    border: solid 2px #f9f9f9;
    margin: 0 1rem;
}

.radio-label.checked {
    border: solid 2px black;
}

.label-all,
p,
.control-label {
    font-family: 'Poppins';
    font-weight: 700;
}

.font-size-risposte-aperte {
    font-size: 15px;
}

.heart {
    height: 50px;
    width: 50px;
    border-radius: 100%;
    vertical-align: middle;
    position: relative;
}

.heart i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
}

.active {
    background-color: black;
    display: block;
}

.nActive {
    background-color: grey;
    display: block;
}

.button-cute {
    background-color: #ffff !important;
    color: black !important;
    width: 48%;
    font-family: 'Poppins';
    font-weight: 400;

}

.btn-cute-larg {
    display: block !important;
    width: 100%;
}

.button-cute.checked {
    background-color: black !important;
    color: #ffff !important;
}

#autodiagnosi-capelli_spezzati,
#autodiagnosi-capelli_secchi,
#autodiagnosi-capelli_crespi,
#autodiagnosi-doppie_punte,
#autodiagnosi-colori_i_capelli,
#autodiagnosi-forfora,
#autodiagnosi-perdi_capelli,
#autodiagnosi-lavi_capelli,
#autodiagnosi-dieta,
#autodiagnosi-sport,
#autodiagnosi-fumatore,
#autodiagnosi-stress,
#autodiagnosi-tagli_i_capelli,
#autodiagnosi-capelli_bianchi,
#autodiagnosi-trattamenti_chimici,
#autodiagnosi-stato_della_cute,
#autodiagnosi-come_risultano_capelli,
#autodiagnosi-colore,
#autodiagnosi-tipologia_capello,
#autodiagnosi-lunghezza,
#autodiagnosi-spessore {

    text-align: center;
}

#autodiagnosi-tipologia_capello,
#autodiagnosi-lunghezza,
#autodiagnosi-spessore,
#autodiagnosi-colore {
    margin-bottom: 50px;
}

img {
    padding: 15px;
}

.field-autodiagnosi-colore {
    display: flex;
    flex-direction: column;
}

.label-colore {
    font-size: 10px !important;
    font-weight: bolder;
}


.font-domande-multi {
    font-size: 13px !important;
}

#autodiagnosi-tipo_viso,
#autodiagnosi-tipo_carnagione,
#autodiagnosi-tipo_occhi,
#autodiagnosi-tipo_capelli {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    margin-bottom: 50px;
    font-size: 13px;
    justify-content: center;
}