<div class="ms-2 mt-3 row topbuffer35">

  <div class="col-lg-6">

     <div class="card text-center">

        <div class="card-body">

           <div class="m-2">

              <div class="row gx-1 align-items-center">

                 <div class="col">

                    <p><strong>Example</strong></p>

                 </div>

                 <div class="col-auto text-center">

                    <a data-mdb-toggle="collapse" href="#dropwdown" aria-expanded="false"><i class="fa-solid fa-chevron-down"></i></a>

                 </div>

              </div>

              <div class="collapse" id="dropwdown">

                 <form class="needs-validation" action="" method="post" novalidate>

                    <div class="row gx-2 topbuffer10">

                       <div class="col-lg-12">

                          <div class="form-outline">

                             <input type="text" class="form-control form-control-lg" value="Example Value">

                             <label class="form-label">Example Lable</label>

                          </div>

                       </div>

                    </div>

                 </form>

              </div>

           </div>

        </div>

     </div>

  </div>

</div>