<!-- wp:heading {"textAlign":"center","level":3,"style":{"color":{"text":"#3f16e3"},"elements":{"link":{"color":{"text":"#3f16e3"}}}}} -->
<h3 class="wp-block-heading has-text-align-center has-text-color has-link-color" style="color:#3f16e3">Looking for a fast reply? Reach out through any of the channels below.</h3>
<!-- /wp:heading -->

<!-- wp:columns {"style":{"spacing":{"blockGap":{"left":"var:preset|spacing|10"}},"border":{"width":"0px","style":"none"}}} -->
<div class="wp-block-columns" style="border-style:none;border-width:0px"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:html -->
<!-- FONT AWESOME FOR ICONS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />

<!-- FORM AND CONTACT INFO WRAPPER -->
<div style="display: flex; flex-wrap: wrap; gap: 30px; justify-content: space-between; padding: 30px; background: #f9f9f9; border-radius: 10px;">

  <!-- CONTACT INFORMATION SECTION -->
  <div class="info-section" style="flex: 1; min-width: 300px; text-align: justify;">
    <h2>CONTACT US</h2>
    <p><i class="fas fa-phone"></i> <strong>Phone:</strong> +2348081132745</p>
    <p><i class="fas fa-envelope"></i> <strong>Email:</strong> admin@casfod.org</p>
    <p><i class="fas fa-headset"></i> <strong>Support:</strong> Forum open 24h</p>
    <p><i class="fas fa-map-marker-alt"></i> <strong>Address:</strong> Plot 75 Pompomari Layout, Maiduguri, Borno State</p>
    <p><i class="fas fa-info-circle"></i> <em>We are always on the move.</em></p>
  </div>

  <!-- CONTACT FORM SECTION -->
  <div class="form-section" style="flex: 1; min-width: 300px;">
    <h2>Send Us a Mail</h2>
    <form action="https://formsubmit.co/Admin@vistainitiative.org" method="POST" style="display: flex; flex-direction: column; gap: 15px;">
      <!-- Hidden to disable CAPTCHA -->
      <input type="hidden" name="_captcha" value="false">

      <!-- First Name -->
      <label><i class="fas fa-user"></i> First Name *</label>
      <input type="text" name="name" required placeholder="Please input your name" style="padding: 10px; border: 1px solid #ccc; border-radius: 5px;">

      <!-- Email -->
      <label><i class="fas fa-envelope"></i> Email Address *</label>
      <input type="email" name="email" required placeholder="Enter your email" style="padding: 10px; border: 1px solid #ccc; border-radius: 5px;">

      <!-- Phone -->
      <label><i class="fas fa-phone"></i> Phone Number</label>
      <input type="text" name="phone" placeholder="Enter your phone number" style="padding: 10px; border: 1px solid #ccc; border-radius: 5px;">

      <!-- Message -->
      <label><i class="fas fa-comment"></i> Message</label>
      <textarea name="message" maxlength="180" placeholder="Enter your message (max 180 characters)" style="padding: 10px; border: 1px solid #ccc; border-radius: 5px;" rows="4"></textarea>

      <!-- Submit -->
      <button type="submit" style="padding: 12px; background-color: #0073e6; color: #fff; border: none; border-radius: 5px; font-weight: bold; cursor: pointer;">
        Submit
      </button>
    </form>
  </div>
</div>

<!-- /wp:html --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph -->