{% load crispy_forms_tags %}

<form action="" method="POST" enctype="multipart/form-data" autocomplete="off">
  {% csrf_token %}
  <div class="accordion-item">
    <div class="card">
      <div class="card-header">
        <h5 class="mb-0 fw-bold"> 
        Import File
        </h5>
      </div>
      <div class="card-body">
          <div class="row">
            <div class="col-md-12">
              <div class="row">
                <div class="col-md-4 fw-bold">
                  {{form.device|as_crispy_field }}
                </div> 
            </div>
            </div>
            <div class="col-md-6">
              <div class="row">
                <div class="col-md-4">
                  {{form.file|as_crispy_field}}
                </div>
              </div>
          </div>
      </div> 
    </div>
    <div class="row" style="margin-top: 10px;margin-bottom: 8px; ">
      <div class="col-md-12" style="text-align: right;">
          <button type="submit" class="cus-btn" >Submit</button>
      </div>
  </div>
</form>