/*@function linear-gradient($pos, $gradients...) {
  $type: linear;
  $pos-type: type-of(nth($pos, 1));

  // if $pos doesn't exist, fix $gradient
  @if ($pos-type == color) or (nth($pos, 1) == "transparent")  {
    $gradients: zip($pos $gradients);
    $pos: false;
  }

  $type-gradient: $type, $pos, $gradients;
  @return $type-gradient;
}*/
.main-devenir-client-outre-mer-bnp-paribas {
  background-color: #fff;
  padding: 2rem; }

.main-devenir-client-outre-mer-bnp-paribas h1, .main-devenir-client-outre-mer-bnp-paribas h2, .main-devenir-client-outre-mer-bnp-paribas h3 {
  margin: 0;
  letter-spacing: 1px; }

.main-devenir-client-outre-mer-bnp-paribas h1, .main-devenir-client-outre-mer-bnp-paribas h2 {
  font-weight: bold; }

.main-devenir-client-outre-mer-bnp-paribas h1, .main-devenir-client-outre-mer-bnp-paribas h3 {
  color: #767676; }

.main-devenir-client-outre-mer-bnp-paribas h2 {
  margin-bottom: 1.75rem;
  font-size: 3.5rem; }

.main-devenir-client-outre-mer-bnp-paribas h2::after {
  content: "";
  border-bottom: 2px solid;
  display: block;
  width: 82px; }

.main-devenir-client-outre-mer-bnp-paribas h3 {
  font-size: 2.5rem;
  line-height: 1; }

.main-devenir-client-outre-mer-bnp-paribas .main-content {
  margin-top: 3rem;
  width: 100%;
  max-width: 800px;
  margin-inline: auto; }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem; }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .fieldset-wrapper, .main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .input-container.input-container--w-full {
  grid-column: 1 / -1; }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body legend {
  width: 100%;
  border-bottom: 1px solid #e7e7e7; }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body legend, .main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body label {
  font-weight: bold; }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body label {
  display: inline-block; }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body input[type="checkbox"] + label {
  display: inline; }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .fieldset-wrapper > legend, .main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .input-container > label {
  margin-bottom: .75rem; }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body input, .main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body textarea, .main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body select {
  padding: .5rem;
  line-height: 1.5; }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body input:focus, .main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body textarea:focus, .main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body select:focus {
  outline-width: 1px;
  outline-style: auto;
  outline-color: revert; }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .fieldset-wrapper {
  padding: 0;
  margin: 0; }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .fieldset-wrapper legend {
  margin-bottom: 12px;
  padding-bottom: 4px; }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .fieldset-wrapper .multi-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  gap: 1.75rem; }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .fieldset-wrapper .multi-input > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

@media (max-width: 768px) {
  .main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .fieldset-wrapper .multi-input > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%; } }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .text-clarification {
  text-transform: capitalize;
  opacity: .6;
  font-style: italic;
  font-weight: 600;
  font-size: 83%;
  padding-left: .5em; }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .text-clarification--required {
  color: #ce1e43;
  opacity: .85; }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .input-container {
  position: relative;
  padding: 0 !important; }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .input-container::after {
  content: "";
  color: #ce1e43;
  font-size: 75%;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: translate(0px, 110%);
          transform: translate(0px, 110%);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .2s;
  transition: all .2s; }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .input-container .select-container {
  position: relative;
  z-index: 0; }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .input-container .select-container::before {
  content: attr(data-placeholder);
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-left: 0.5em;
  opacity: .3;
  z-index: -1; }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .input-container .select-container::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-right: 0.2em;
  width: 0.8em;
  height: 0.5em;
  background-color: gray;
  clip-path: polygon(100% 0%, 0 0%, 50% 100%); }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .input-container select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
  cursor: pointer;
  background-color: transparent; }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .input-container input,
.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .input-container select {
  border-width: 0px 0px 1px 0px;
  border-color: #1f272a;
  -webkit-transition: border-color .2s;
  transition: border-color .2s;
  width: 100%; }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .input-container input::-webkit-input-placeholder, .main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .input-container textarea::-webkit-input-placeholder {
  opacity: 0.5; }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .input-container input::-moz-placeholder, .main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .input-container textarea::-moz-placeholder {
  opacity: 0.5; }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .input-container input:-ms-input-placeholder, .main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .input-container textarea:-ms-input-placeholder {
  opacity: 0.5; }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .input-container input::-ms-input-placeholder, .main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .input-container textarea::-ms-input-placeholder {
  opacity: 0.5; }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .input-container input::placeholder,
.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .input-container .select-container::after,
.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .input-container textarea::placeholder {
  opacity: 0.5; }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .input-container input:user-valid,
.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .input-container select:user-valid,
.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .input-container textarea:user-valid {
  border-color: #00d076; }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .input-container select:user-valid {
  background-color: white; }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .input-container input:user-invalid,
.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .input-container select:user-invalid {
  border-color: #ce1e43; }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .input-container:has(input:user-invalid)::after {
  content: "Champ non valide.";
  visibility: visible;
  opacity: 1; }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .input-container:has(input[type="email"]:user-invalid)::after {
  content: "Merci de renseigner un mail valide.";
  visibility: visible;
  opacity: 1; }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .input-container:has(input:required:user-invalid:-moz-placeholder-shown)::after {
  content: "Champ obligatoire.";
  visibility: visible;
  opacity: 1; }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .input-container:has(input:required:user-invalid:-ms-input-placeholder)::after {
  content: "Champ obligatoire.";
  visibility: visible;
  opacity: 1; }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .input-container:has(input:required:user-invalid:placeholder-shown)::after, .main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .input-container:has(select:required:user-invalid)::after {
  content: "Champ obligatoire.";
  visibility: visible;
  opacity: 1; }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .input-container .limit-character-container {
  display: block;
  text-align: right;
  opacity: .6; }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .input-container textarea {
  height: 6lh;
  width: 100%; }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .input-container input[type="checkbox"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 1.25em;
  height: 1.25em;
  background-color: transparent;
  margin: 0;
  margin-right: .25em;
  border: 2px solid currentColor;
  border-radius: 0.15em;
  -webkit-transform: translateY(-0.075em);
          transform: translateY(-0.075em);
  display: inline-grid;
  place-content: center;
  outline-offset: 0px; }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .input-container input[type="checkbox"]::before {
  content: "";
  width: 0.55em;
  height: 0.55em;
  visibility: hidden;
  opacity: 0;
  background-color: white;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .input-container input[type="checkbox"]:checked {
  background-color: #00d084; }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .input-container input[type="checkbox"]:checked:before {
  visibility: visible;
  opacity: 1; }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .fieldset-wrapper .input-radio-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .fieldset-wrapper .input-radio-wrapper > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative; }

@media (max-width: 768px) {
  .main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .fieldset-wrapper .input-radio-wrapper > div {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
    width: 100%; } }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .fieldset-wrapper .input-radio-wrapper input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  max-width: unset;
  text-align: center;
  -ms-flex-line-pack: center;
      align-content: center;
  color: rgba(51, 51, 51, 0.8);
  border: 1px solid #999999;
  height: 100%;
  min-height: 45px;
  border-radius: 50px;
  -webkit-transition: all .2s;
  transition: all .2s; }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .fieldset-wrapper .input-radio-wrapper label {
  position: absolute;
  inset: 0;
  -ms-flex-line-pack: center;
      align-content: center;
  text-align: center;
  max-width: unset;
  cursor: pointer;
  -webkit-transition: all .2s;
  transition: all .2s; }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .fieldset-wrapper .input-radio-wrapper input:checked,
.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .fieldset-wrapper .input-radio-wrapper input:hover {
  background-color: #00d084; }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .fieldset-wrapper .input-radio-wrapper input:checked + label,
.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__body .fieldset-wrapper .input-radio-wrapper input:hover + label {
  color: white; }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2.75rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__footer input[type="submit"] {
  font-size: 110%;
  border: none;
  padding: 1.0em 4.3em;
  margin-inline: auto;
  color: #fff;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12); }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__footer .form__validation {
  color: #155724;
  background-color: #d4edda;
  position: relative;
  padding: 1rem 1.25rem;
  margin-top: 1.5rem;
  border: 1px solid #c3e6cb;
  border-radius: 0.25rem; }

.main-devenir-client-outre-mer-bnp-paribas .signup-form .signup-form__footer .form__error {
  color: #721c24;
  background-color: #f8d7da;
  position: relative;
  padding: 1rem 1.25rem;
  margin-top: 1.5rem;
  border: 1px solid #f5c6cb;
  border-radius: 0.25rem; }