<div class="row row-cols-1 row-cols-md-2 mt-5">
  <div class="col">
    <label for="first-name" class="text-dark visually-hidden">First Name <span aria-hidden="true">*</span></label>[text* first-name id:first-name autocomplete:name placeholder "First Name"]
  </div>
  <div class="col">
    <label for="last-name" class="text-dark visually-hidden">Last Name <span aria-hidden="true">*</span></label>[text* last-name id:last-name autocomplete:name placeholder "Last Name"]
  </div>
  <div class="col">
    <label for="company" class="text-dark visually-hidden">Company <span aria-hidden="true">*</span></label>[text* company id:company autocomplete:organization placeholder "Company"]
  </div>
  <div class="col">
    <label for="tel" class="text-dark visually-hidden">Telephone <span aria-hidden="true">*</span></label>[tel* tel id:tel placeholder "Telephone"]
  </div>
</div>

<div class="row row-cols-1">
  <div class="col">
    <label for="email" class="text-dark visually-hidden">Email <span aria-hidden="true">*</span></label>[email* email id:email placeholder "Email"]
  </div>
  <div class="col">
    <label for="inquiry" class="text-dark visually-hidden">Inquiry <span aria-hidden="true">*</span></label>[select* inquiry id:inquiry use_label_element default: "Select an option"
      "General | enquiries@broadfield-law.com"
      "UK Region | enquiries@broadfield-law.com"
      "APAC Region | christopher.price@shplegalservices.com, effievasilopoulos@broadfieldlaw.com"
      "Careers | jamesparker@broadfield-law.com"
      "Press & Media | mlyon@lss-strategicpartners.com, JaneBLACKETT@broadfield-law.com"]
  </div>
</div>

<div class="row row-cols-1">
  <div class="col">
    <label for="your-message" class="text-dark visually-hidden">Message <span aria-hidden="true">*</span></label>[textarea* your-message id:your-message placeholder "Message"]
  </div>
  <div class="col w-100 text-center submit-wrap pb-4">[submit "SEND"]
    <span class="submit-border"></span>
  </div>
  <div class="col w-100 text-center submit-wrap">
    <p class="text-dark">This site is protected with Turnstile by Cloudflare and the Cloudflare Privacy Policy and Terms of Service apply.</p>
  </div>
  <div class="col w-100 text-center submit-wrap">
    <p class="font-13 text-dark">Unsolicited e-mails and information sent to Broadfield will not be considered confidential, may be disclosed to others, may not receive a response, and do not create a lawyer-client relationship with Broadfield. Please do not include any confidential information in this message. Also, please note that our lawyers do not seek to practice law in any jurisdiction in which they are not properly permitted to do so. </p>
  </div>
</div>