.registration-container {
    max-width: 800px;
    padding: 40px 70px 80px 70px;
    justify-self: center;
}

@media (max-width: 757px) {
    .registration-container {
        padding: 40px;
    }
}

.registration form label {
    font: var(--texte);
}

.registration form::placeholder {
    color: var(--black-color-30-percent);
}

.registration div[id^="registration_form_"] {
    font: var(--texte-petit);
    color: var(--black-color-30-percent);
}

.registration button {
    background-color: var(--accent);
    border: none;
}

.retour-button {
    align-self: start;
}

.registration form  {
    margin-bottom: 4px;
}

.registration .step1 div[class^="col"]:not(:first-of-type) {
    margin-bottom: 4px;
}

.registration .step2 div[class^="col"]:not(:first-of-type) {
    margin-bottom: 4px;
}
@media (min-width: 767px) {
    .registration .step1 .col-md-6:nth-child(odd) {
        padding-left: 10px;
        padding-right: 5px;
    }

    .registration .step1 .col-md-6:nth-child(even) {
        padding-left: 5px;
        padding-right: 10px;
    }

    .registration .step2 .col-md-6:nth-child(odd){
        padding-left: 5px;
        padding-right: 10px;
    }

    .registration .step2 .col-md-6:nth-child(even) {
        padding-left: 10px;
        padding-right: 5px;
    }
}

.registration .step3 .col-12 label {
    display: none;
}

.registration .step3 .col-12:nth-child(2) > div.mb-3 {
    margin: 0 !important;
}

.registration .step3 .col-12:nth-child(2) {
    margin-bottom: 10px;
}

.registration .step3 .col-12:nth-child(3) {
    margin-bottom: 24px;
}

.form-check label:nth-last-col(8) {
    background-color: red;
}

.registration .step3 a {
    height: 18px;
    margin-left: 3px;
    margin-top: 2px;
}

.passwd-confirm {
    height: 44px;
}

@media (max-width: 767px) {
    .agree-terms > div {
        margin-bottom: 0 !important;
    }

    .agree-terms {
        height: min-content;
    }

    .registration .step3 a {
        margin: 0 0 0 25px;
    }
}