.register-section {
    max-width: 600px;
    margin: 0px auto;
}

.register-section__error {
    color: var(--destructive);
}

.register-section__validation {
    color: var(--destructive);
}

.register-section .m-stepper {
    width: 100%;
}

.register-section .m-stepper__steps {
    display: grid;
    grid-template-columns: repeat(var(--total-step-number), 1fr);
    column-gap: var(--base-space-2);
    grid-template-rows: 1fr;
    width: 100%;
    height: var(--base-space-2);
}

    .register-section .m-stepper__steps > *:not(.is-active) {
        background-color: color-mix(in srgb, var(--secondary) 50%, var(--white) 100%);
    }

    .register-section .m-stepper__steps > *.is-active {
        background-color: var(--secondary);
    }
.register-section .signup-form__profile-option {
    padding: var(--base-space-9) var(--base-space-6);
    align-items: center;
    justify-content: center;
    background-color: var(--secondary-lightest);
    color: var(--secondary);
    text-align: center;
    text-decoration: none;
    border:none;
}

.register-section .thickBorderFull {
    border: 2px solid var(--input-border-color);
    width: 100%;
    border-radius: 0px;
}
.register-section .thickBorder {
    border: 2px solid var(--input-border-color);
    border-radius: 0px;
}

.register-section .back {
    text-decoration: none;
    color: var(--black);
}


/* === Responsive mobile (<768px) === */
@media (max-width: 767.98px) {
    .register-section {
        margin-left: 2em;
        margin-right: 2em;
    }
}