.form-group{
    display: grid;
    grid-template-columns: repeat(2, 25% 65%);
    gap: 20px;
    align-items: center;
}

form{
    display: grid;
    margin: 20px;
}

.input-div{
    display: grid;
    row-gap: 10px;
}

.form-check{
    display: flex;
    gap: 20px;
    justify-content: center;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: 0.125rem;
}
.form-control{
    margin: auto;
    display: flex;
}

.title-registration{
    text-align: center;
}

.agree{
    display: flex;
    justify-content: flex-start;
}


/* ---------------  barre de recherche  --------------- */

.task-find{
    width: 90%;
    display: flex;
    margin: auto;
}

.task-input{
    margin: auto;
    display: flex;
    border-radius: 15px;
    padding: 10px;
    border: none;
}


/* MULTIPLE SELECT  */

.ts-control{
    border: none;
}

.ts-wrapper.multi .ts-control > div{
    border-radius: 5px;
    background: black;
    color: white;
}