#be-login-creation {
  .account-creation-form-title {
    border-bottom: none;
    font: normal normal bold 29px/36px 'Newsreader', sans-serif;
    color: #444444;
    margin-bottom: 30px;
    display: block;
  }

  .ast-account-gdpr {
    padding-top: 20px;
    padding-bottom: 0;
    font-size: 16px;
  }

  #accountCreationForm {
    padding: 30px 40px 50px 40px;
    background: #FFFFFF;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;

    .btn-validate-account {
      width: 100%;
      background-color: #d9b77b !important;
    }

    #civility-group {
      width: 100%;

      .ast-form-label {
        width: 49%;
      }

      select {
        width: 49%;
      }
    }

    .form-group {
      float: none;
      width: 100%;

      @media (min-width: 576px) {
        width: 50%;
      }

      input, select {
        max-width: unset;
        padding: 10px 25px !important;
        border-bottom: 1px solid #E0E0E0;

        &:hover {
          border-color: #d9b77b;
        }

        width: 100%;
      }

      select {
        line-height: unset;
      }
    }
  }
}

@media(max-width: 575px) {
  #be-login-creation {

    #accountCreationForm {

      #civility-group {
        width: 100%;

        .ast-form-label {
          width: 100%;
        }

        select {
          width: 100%;
        }
      }
    }
  }
}