Embed

<div style="display: flex; flex-direction: column; align-items: center;">

  
  <div style="width: 100%; height: 200px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 30px; text-align: center; color: white; margin-bottom: 5px;">

    
    <p style="font-size: 35px; line-height: 1.8; margin-bottom: 20px;">Let's build amazing things together!</p>

    <p style="font-size: 18px; line-height: 1.5;">Stay ahead of the curve with SynapThink’s newsletter! Join our community and be the first to know about the latest in AI innovation, industry trends, and actionable insights. Plus, get exclusive access to our expert advice, tips, and guides to empower your business with AI. Embark on your journey towards a smarter future, one newsletter at a time. Subscribe now and let’s build tomorrow, together.</p>
  </div>

  
  <div style="width: 100%; display: flex; justify-content: center; margin-top: 5px;">
    <div style="width: 80%; max-width: 1000px; padding: 0;">
      <iframe src="https://cdn.forms-content.sg-form.com/80511ab2-2bfa-11ee-82d4-1ed7b93fbdbf" style="width: 100%; height: 600px; border: none;"></iframe>
    </div>
  </div>
</div>

<style>
  /* CSS for responsiveness */
  @media only screen and (max-width: 768px) {
    div[style^="width: 80%"] {
      width: 90%;
    }
  }

  @media only screen and (max-width: 500px) {
    div[style^="width: 100%"] {
      width: 95%;
    }
    div[style^="height: 800px"] {
      height: 600px;
    }
  }
</style>