<!-- 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 -->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Contact Us – CASFOD Style</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
  <style>
    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 40px;
      background-color: #f7f7f7;
    }

    .contact-container {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      background-color: #fff;
      padding: 40px;
      border-radius: 10px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
      max-width: 1100px;
      margin: auto;
    }

    .form-section, .info-section {
      flex: 1;
      min-width: 300px;
      margin: 10px;
    }

    h2 {
      font-size: 20px;
      margin-bottom: 20px;
      color: #333;
      border-bottom: 1px solid #ccc;
      padding-bottom: 10px;
    }

    .form-group {
      display: flex;
      gap: 10px;
    }

    .form-group input {
      flex: 1;
    }

    label {
      display: block;
      margin-bottom: 5px;
      font-weight: bold;
    }

    input, textarea {
      width: 100%;
      padding: 2px;
      margin-bottom: 15px;
      border-radius: 5px;
      border: 1px solid #ccc;
    }

    textarea {
      resize: vertical;
      height: 100px;
    }

    button {
      background-color: #0073e6;
      color: white;
      padding: 12px;
      border: none;
      border-radius: 5px;
      font-size: 16px;
      cursor: pointer;
    }

    button:hover {
      background-color: #005bb5;
    }

    .info-section p {
      margin: 10px 0;
      font-size: 15px;
    }

    .info-section i {
      color: #0073e6;
      margin-right: 8px;
      width: 20px;
      text-align: center;
    }

    .info-section strong {
      color: #333;
    }

    @media (max-width: 768px) {
      .contact-container {
        flex-direction: column;
        padding: 20px;
      }
    }
  </style>
</head>
<body>

<div class="contact-container">
  <!-- Left: Form -->
  <div class="form-section">
    <h2>SEND US AN EMAIL</h2>
    <form>
      <div class="form-group">
        <div>
          <label for="name">Your Name</label>
          <input type="text" id="name" name="name" placeholder="Enter your name" required>
        </div>
        <div>
          <label for="email">Your Email</label>
          <input type="email" id="email" name="email" placeholder="Enter your email" required>
        </div>
      </div>
      
      <div class="form-group">
        <div>
          <label for="phone">Phone Number</label>
          <input type="tel" id="phone" name="phone" placeholder="Enter your phone number">
        </div>
        <div>
          <label for="company">Company</label>
          <input type="text" id="company" name="company" placeholder="Enter your company name">
        </div>
      </div>
      
      <label for="message">Your Message</label>
      <textarea id="message" name="message" maxlength="180" placeholder="Type your message..."></textarea>

      <button type="submit">Submit</button>
    </form>
  </div>

  <!-- Right: Info -->
  <div class="info-section">
    <h2>CONTACT US</h2>
    <p><i class="fas fa-phone-alt"></i> <strong>Phone:</strong> +2347072817264</p>
    <p><i class="fas fa-envelope"></i> <strong>Email:</strong> Admin@vistainitiative.org</p>
    <p><i class="fas fa-comments"></i> <strong>Support:</strong> Forum open 24h</p>
    <p><i class="fas fa-map-marker-alt"></i> <strong>Address:</strong>No2 Along Badamsi Filling Station, Damboa/Biu Road, Maiduguri, Borno State, Nigeria.</p>
    <p><i class="fas fa-paper-plane"></i> <em>We are always on the move.</em></p>
  </div>
</div>

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

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