<form class="np-form" action="{{ form.options.action }}" method="post" id="desktop_edit_learner" novalidate>
  <input type="hidden" name="_method" value="{{ form.options.http_method }}">
  {% form_authenticity_token %}
  <div class="np-card">
    <div class="np-card-container np-card-padding">
      <div class="row">
        <div class="col-sm-7 np-account-form">
          {% render "account_form", form: form, version: "desktop" %}
          <button type="submit" class="green-gradient-button np-button-large-font np-form-action">
            {% t shared.account.save %}
          </button>
        </div>
        <div class="col-sm-5 np-account-avatar">
          {% include "account_avatar", version: "desktop" %}
        </div>
      </div>
    </div>
  </div>
</form>


<style>
  .np-card-container {
    background: none;
  }
  .np-input-label {
    color: #fff;
    font-size: 1rem;
  }
  .np-resource-title {
    color: #fff;
  }
  @media screen and (min-width: 768px) {
    .np-account-avatar p {
      color: #fff;
      font-size: 1rem;
    }
  }
  .np-card-container, .np-card-container-training-session {
    box-shadow: none; 
  }
  .np-account-avatar-choice .np-form-field .np-input-label {
    font-size:1rem;
  }

</style>