#client-choice {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 20px;
    box-sizing: border-box;
    padding: 20px;
}

#autoentrepreneur-choice.active {
    border: 2px solid green;
    background-color: #F0FDF4;
}

#private-client-choice.active {
    border: 2px solid #33B5E5;
    background-color: #E0FFFF;
}

#business-client-choice.active {
    border: 2px solid orange;
    background-color: #FFD9A6;
}


/*AUTOENTREPRENEUR CHOICE */
#autoentrepreneur-choice{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    height: 100px;
    width: 400px;

    box-sizing: border-box;

    border: 2px solid green;
    border-radius: 5px;
}

#autoentrepreneur-choice:hover{
    background-color: #F0FDF4;
    cursor: pointer;}

#autoentrepreneur-choice-line-1{
    font-size: 18px;
    font-weight: bold;
}

#autoentrepreneur-choice-line-2{
    font-size: 16px;
    font-style: italic;
}


/* PRIVATE CLIENT PART */
#private-client-choice {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    height: 100px;
    width: 400px;

    box-sizing: border-box;

    border: 2px solid #33B5E5;
    border-radius: 5px;
}

#private-client-choice:hover {
    background-color: #E0FFFF;
    cursor: pointer;
}

#private-client-choice-line-1 {
    font-size: 18px;
    font-weight: bold;
}

#private-client-choice-line-2 {
    font-size: 16px;
    font-style: italic;
}


/* BUSINESS CLIENT PART */
#business-client-choice {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    height: 100px;
    width: 400px;

    box-sizing: border-box;

    border: 2px solid orange;
    border-radius: 5px;
}

#business-client-choice:hover {
    background-color: #FFD9A6;
    cursor: pointer;
}

#business-client-choice-line-1 {
    font-size: 18px;
    font-weight: bold;
}

#business-client-choice-line-2 {
    font-size: 16px;
    font-style: italic;
}