Contact Form + Google Map

<!-- Contact Us Message Form & Map Section -->
<section class="py-5 bg-light">
  <div class="container">
    <div class="row g-5">
      <!-- Contact Form -->
      <div class="col-lg-6">
        <div class="bg-white p-4 p-md-5 rounded-4 shadow-sm">
          <h3 class="fw-bold mb-4">Send us a Message</h3>
          <form id="contactForm">
            <div class="mb-3">
              <label class="form-label fw-semibold">Your Name</label>
              <input type="text" class="form-control bg-light border-0 py-2" placeholder="Enter your full name" required>
            </div>
            <div class="row mb-3">
              <div class="col-md-6">
                <label class="form-label fw-semibold">Email Address</label>
                <input type="email" class="form-control bg-light border-0 py-2" placeholder="email@example.com" required>
              </div>
              <div class="col-md-6 mt-3 mt-md-0">
                <label class="form-label fw-semibold">Subject</label>
                <input type="text" class="form-control bg-light border-0 py-2" placeholder="Topic of inquiry" required>
              </div>
            </div>
            <div class="mb-4">
              <label class="form-label fw-semibold">Message</label>
              <textarea class="form-control bg-light border-0 py-2" rows="5" placeholder="Write your message here..." required></textarea>
            </div>
            <button type="submit" class="btn btn-primary w-100 py-3 rounded-pill fw-bold shadow-sm">
              <i class="bi bi-send me-2"></i> Send Message
            </button>
          </form>
        </div>
      </div>
      <!-- Google Map -->
      <div class="col-lg-6">
        <div class="h-100 rounded-4 overflow-hidden shadow-sm border bg-white p-2">
          <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3651.90244243014!2d90.3910801!3d23.7508672!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3755b8bd55555555%3A0x7d8a6e8b4e8b8e8b!2sDhaka!5e0!3m2!1sen!2sbd!4v1700000000000!5m2!1sen!2sbd" width="100%" height="100%" style="border:0; min-height: 400px;" allowfullscreen="" loading="lazy">
          </iframe>
        </div>
      </div>
    </div>
  </div>
</section>