How to place on one line: two labels and two drop-down lists?

Question

In fact, I have 2 dropdownlist, and I would like to place these 2 elements on one line.

img1

img2

I'm lost with Bootstrap. Can you help me please?

Here is a reproduction -> link.

<div class="home-content">
   <div class="container">
      <h1 class="text-center pb-3">Title</h1>
      <div class="row pt-3 container">
         <div class="card" style="width: 100%">
            <div class="card-body">
               <div class="row row-cols-3 pt-3">
                  <div class="col text-end">
                     <label for="type" class="form-label">Type</label>
                  </div>
                  <div class="col-4">
                     <select
                     class="form-select"
                     style="max-width: 100px"
                     [ngModel]="selectedType"
                     (ngModelChange)="onChangeType($event)"
                     >
                     <option [value]="''">TOUS</option>
                     <option [value]="'IN'">IN</option>
                     <option [value]="'OUT'">OUT</option>
                     </select>
                     <div class="col text-end">
                        <label for="type" class="form-label">Status</label>
                     </div>
                     <div class="col-4"></div>
                     <select
                     class="form-select"
                     style="max-width: 100px"
                     [ngModel]="selectedStatut"
                     (ngModelChange)="onChangeStatut($event)"
                     >
                     <option [value]="''">TOUS</option>
                     <option [value]="'1'">ENCODE</option>
                     <option [value]="'8'">ANNULE</option>
                     <option [value]="'9'">FAIT</option>
                     </select>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>

Thank you for your help.