:root {
    --gold: #ca9618;
}
.servizio {
    display: none;
    flex-direction: column;
    row-gap: 20px;
}
.servizio h4 {
    margin-top: -20px;
    font-size: 20px;
}
.servizio.attivo {
    display: flex;
}
.ruota {
    position: relative;
}
.circle.center {
    position: absolute;
    width: 230px;
    height: 230px;
    max-width: 230px;
    max-height: 230px;
    border-radius: 100%;
    font-weight: 600;
    padding: 10px;
    top: 49%;
    left: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    transform: translate(-50%, -50%);
}
.circle .icona {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    width: 50%;
}
.circle .icona {
    display: none;
}
.wh_title {
    width: 170px;
    height: 170px;
    max-width: 170px;
    max-height: 170px;
    border-radius: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    font-size: 19px;
    color: #2f474e;
    font-weight: 600;
    text-align: center;
}
.wh_title .box {
    fill: #fff !important;
}
.wh_title:hover .box {
    fill: #ca9618 !important;
}
.wh_title:hover .boxtext {
    fill: #fff !important;
}
.wh_title[data-service="onboarding"] {
    top: 29px;
    left: 264px;
}
.wh_title[data-service="teambuilding"] {
    top: 119px;
    left: 451px;
}
.wh_title[data-service="procedure"] {
    top: 321px;
    left: 497px;
}
.wh_title[data-service="organigramma"] {
    bottom: 58px;
    left: 368px;
}
.wh_title[data-service="obiettivi"] {
    bottom: 58px;
    left: 162px;
}
.wh_title[data-service="marketing"] {
    bottom: 219px;
    left: 33px;
}
.wh_title[data-service="delega"] {
    top: 119px;
    left: 79px;
}
.wh_title:hover {
    background-color: var(--gold);
    color: #fff;
    cursor: pointer;
}
.wh_title.attivo {
    background-color: var(--gold);
    color: #fff;
}
@media screen and (max-width: 480px) {
    .circle .icona {
        width: 40%;
    }
    .wh_title {
        font-size: 12px;
        width: 108px !important;
        height: 108px !important;
    }
    .wh_title[data-service="onboarding"] {
        top: 19px;
        left: 165px;
    }
    .wh_title[data-service="teambuilding"] {
        top: 74px;
        left: 283px;
    }
    .wh_title[data-service="procedure"] {
        top: 201px;
        left: 310px;
    }
    .wh_title[data-service="organigramma"] {
        bottom: 38px;
        left: 228px;
    }
    .wh_title[data-service="obiettivi"] {
        bottom: 38px;
        left: 101px;
    }
    .wh_title[data-service="marketing"] {
        bottom: 139px;
        left: 20px;
    }
    .wh_title[data-service="delega"] {
        top: 74px;
        left: 49px;
    }
}