.container-customer-registration-data .container-page-title {
    max-width: 450px;
    margin: auto;
    margin-bottom: 30px;
}

.container-customer-registration-data .container-page-title .big-title {
    font-size: 45px
}
.container-customer-registration-data .container-page-title .span-full-width {
    display: block;
    width: 100%;
}

.container-customer-registration-data .container-page-title .small-text-after-tile {
    text-align: right;
    font-size: 25px
}

.container-customer-registration-data .container-form-element .title-field {
    position: relative;
}
.container-row-address .container-title h2, .container-customer-registration-data .container-form-element h3.title-field, .container-customer-registration-data .container-page-title .title-form-customer-registration, .row-title-typology-activity h2  {
    font-weight: 700;
}
.container-customer-registration-data .container-form-element .container-input-form input[type="text"],.container-customer-registration-data .container-form-element .container-input-form select {
    height: 30px;
}
.container-customer-registration-data .container-form-element .container-input-form input[type="text"] {
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 1px solid #000000;
}

.row-form {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.container-customer-registration-data form {
    margin-bottom: 50px;
    margin-top: 25px;
}
.container-customer-registration-data form .container-button {
    margin-top: 25px;
    display: flex;
    justify-content: center;
}
.container-customer-registration-data .container-form-element  .container-row-address {
    display: flex;
    flex-wrap: wrap;
}

.container-customer-registration-data .container-form-element .container-row-address .container-fields-address .row-form-address {
    padding: 20px 15px;
}
.container-customer-registration-data .container-form-element .container-row-address .container-fields-address {
    width: 100%;
    border: 1px solid #000000;
}

.container-customer-registration-data .container-form-element .container-row-address .container-fields-address .container-title {
    margin-bottom: 30px;
    text-align: center;
}

.container-customer-registration-data .container-form-element .container-input-form {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.has-mandatory-field::after {
    content: '*';
    position: absolute;
    font-size: 15px;
    top: -3px;
}

.container-customer-registration-data .container-form-element .two-fields,.container-customer-registration-data .container-form-element  .container-row-address {
    gap: 20px;
}
.container-text-info-mandatory,.has-mandatory-field::after {
    color:#ff0000;
}
.container-text-info-mandatory {
    padding: 5px;
}
.container-row-professional-info.third-form-section {
    padding-top: 25px;
}
.row-fields-principal-contact,.row-fields-principal-contact .row-civility label,.row-fields-principal-contact .row-civility {
    display: flex;
}

.row-fields-principal-contact .row-civility label {
    flex-direction: row;
    gap: 5px;
    align-items: center;
}
.row-fields-principal-contact .row-civility {
    width: fit-content;
    gap: 15px;
}
.row-fields-principal-contact .row-fullname input {
    margin-left:0;
}
.row-fields-principal-contact .row-fullname, .row-fields-principal-contact .row-fullname input {
    width: calc(100% - 10%);
}

.row-fields-principal-contact .small-radio-button {
    width: 15px;
    height: 15px;
}

.row-fields-principal-contact {
    flex-wrap: wrap;
}

.container-row-typology.row-fourth-section {
    padding-top: 40px;
}

.row-form.row-title-typology-activity {
    flex-direction: row;
    gap: 20px;
}

.row-form.row-title-typology-activity .row-typology-activity {
    border: 1px solid;
    text-align: center;
}

.row-content-typology-activity {
    border: 1px solid #000000;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
}

.row-content-typology-activity .row-typology-activity,.row-form.row-title-typology-activity .row-typology-activity {
    width: 100%
}

.row-content-typology-activity .row-typology-activity.list-content-activity,.row-content-typology-activity .row-typology-activity .typology-information  {
    text-align: start;
}

.row-content-typology-activity .row-typology-activity .typology-information .radio-typology-title {
    width: 25px;
    height: 25px;
}

.row-content-typology-activity .row-typology-activity.list-content-activity .radio-activity-title {
    width: 15px;
    height: 15px;
}

.row-content-typology-activity .row-typology-activity .typology-information .content-text-typologie {
    width: calc(100% - 25px);
}
.row-content-typology-activity .row-typology-activity .typology-information {
    display: flex;
    gap: 10px;
}

.row-content-typology-activity .show-mobile {
    font-weight: 700;
}
.row-form.row-title-typology-activity {
    display: none;
}
.container-row-typology-activity.row-fourth-section {
    margin-top: 40px;
}
.has-mandatory-field {
    position: relative;
}
.custom-mandatory-field .has-mandatory-field::after {
    left: -1px;
}
span.field-error {
    color: #ff0000;
    margin-top: 5px;
    font-size: 10px;
}
.row-form.has-error input.input-mandatory, .row-form.has-error input.field-only-number,.row-form.has-error input.input-email, .row-form.has-error input.phone-number {
    border: 1px solid #ff0000 !important;
}
.container-typology-info-input.has-error .row-content-typology-activity {
    border-color:  #ff0000;
}

.row-form.has-error,.container-typology-info-input.has-error .row-typology-section-title .title-field 
{
    color: #ff0000;
}

.container-registration-form {
     max-width: 980px; 
    margin: auto;
}
.container-customer-registration-data .container-form-element .container-row-address .container-fields-address .container-title h2, .container-customer-registration-data .container-form-element .container-row-address .container-fields-address .container-title, .row-form.row-title-typology-activity .row-typology-activity h2 {
    color: #ffffff;
}
.row-form.row-title-typology-activity .row-typology-activity, .container-customer-registration-data .container-form-element .container-row-address .container-fields-address .container-title {
    background-color: #8c8c8c;
}
.container-customer-registration-data .container-form-element .container-row-address .container-fields-address .container-title {
    min-height: 85px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.container-customer-registration-data .container-form-element .container-input-form input{
    border-radius: 0px;
}
.container-customer-registration-data .container-form-element .container-input-form input:focus-visible {
    outline-color: #49505759;
    outline-width: 4px;
    outline-style: solid;
    border-bottom: 0;
}

.row-form.row-billing-address,.row-form.row-delivery-address {
    gap: 6px;
}

.container-registration-form input[type="radio"] {
    position: relative;
}
.container-registration-form input[type="radio"]:checked:after {
    width: 100%;
    height: 100%;
    border-radius: 25px;
    border: 2px solid #c8c8c8;
}
.container-registration-form input[type="radio"]:after {
    content: '';
    position: absolute;
    background-color: #000000;
    width: 0;
    height: 0;
    border-radius: 0;
    border: 0;
}
.container-registration-form input[type="radio"]:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    top: 0;
    position: absolute;
    border-radius: 25px;
    border: 1px solid #000000;
}
.row-typology-activity {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 85px;
}
/*Bouton s'inscrire*/
.container-registration-form .container-button button#btn-register {
    padding-top: 10px;
    padding-bottom: 10px;
}
.container-registration-form .container-button button#btn-register:active {
    background-color: #3c3c3c;
}
.container-registration-form .container-button button#btn-register:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.25);
}

@media screen and (min-width:768px){
    .container-customer-registration-data .container-page-title .big-title {
        font-size: 60px
    }
    .container-customer-registration-data .container-page-title .small-text-after-tile {
        font-size: 30px
    }
    /* .container-customer-registration-data .container-form-element .container-row-address .container-fields-address .container-title {
        min-height: 70px;
    } */
    .container-customer-registration-data .container-form-element .container-row-address .container-fields-address {
        width: 50%;
    }

    .container-customer-registration-data .container-form-element  .container-row-address {
        gap: 0px;
    }

    .container-customer-registration-data .container-form-element .container-row-address .container-fields-address .row-form-address {
        padding: 35px 15px;
    }
    .container-customer-registration-data .container-form-element .container-input-form {
        gap: 25px;
    }

    .row-content-typology-activity .row-typology-activity, .row-form.row-title-typology-activity .row-typology-activity {
        width: calc(50% - 10px);
    }
    .row-content-typology-activity .row-typology-activity.list-content-activity {
        text-align: right;
    }
    .row-content-typology-activity .row-typology-activity .typology-information {
        text-align: center;
    }
    .row-content-typology-activity .show-mobile {
        display: none;
    }
    .row-content-typology-activity .row-typology-activity .typology-information {
        display: flex;
        flex-direction: column;
        gap: 0;
        align-items: center;
        justify-content: center;
    }
    .row-form.row-title-typology-activity {
        display: flex;
    }
    .container-row-typology-activity.row-fourth-section {
        margin-top: 50px;
    }
}
@media screen and (min-width:992px){
    .container-customer-registration-data .container-form-element .two-fields {
        flex-direction: row;
        gap: 30px;
    }
    .container-customer-registration-data .container-form-element .two-fields .row-form {
        width: calc(50% - 15px)
    }
    .row-fields-principal-contact {
        flex-wrap: nowrap;
    }
    .row-fields-principal-contact .row-fullname input {
        margin-left: 10px;
    }
}