<svg viewBox="0 0 2100 800" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <linearGradient id="bgGrad" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#7A1F2B"/>
      <stop offset="100%" stop-color="#59151F"/>
    </linearGradient>
    <linearGradient id="goldGrad" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%" stop-color="#B8901F"/>
      <stop offset="100%" stop-color="#E4BE5A"/>
    </linearGradient>
    <radialGradient id="glow" cx="80%" cy="30%" r="70%">
      <stop offset="0%" stop-color="#9C3040" stop-opacity="0.55"/>
      <stop offset="100%" stop-color="#7A1F2B" stop-opacity="0"/>
    </radialGradient>
  </defs>

  <!-- background -->
  <rect width="2100" height="800" fill="url(#bgGrad)"/>
  <rect width="2100" height="800" fill="url(#glow)"/>

  <!-- decorative dotted grid, top-left -->
  <g fill="#FBF1D4" opacity="0.18">
    <circle cx="70" cy="70" r="4"/><circle cx="110" cy="70" r="4"/><circle cx="150" cy="70" r="4"/>
    <circle cx="70" cy="110" r="4"/><circle cx="110" cy="110" r="4"/><circle cx="150" cy="110" r="4"/>
    <circle cx="70" cy="150" r="4"/><circle cx="110" cy="150" r="4"/><circle cx="150" cy="150" r="4"/>
  </g>

  <!-- soft wave divider -->
  <path d="M1330,0 C1230,220 1560,260 1500,460 C1450,620 1650,650 1620,800 L2100,800 L2100,0 Z" fill="#59151F" opacity="0.55"/>
  <path d="M1480,0 C1400,180 1680,240 1640,420 C1600,600 1820,660 1780,800 L2100,800 L2100,0 Z" fill="#B8901F" opacity="0.16"/>

  <!-- right side emblem: large soft circle + medical cross + building silhouette -->
  <circle cx="1700" cy="400" r="330" fill="#FBF1D4" opacity="0.08"/>
  <circle cx="1700" cy="400" r="230" fill="#FBF1D4" opacity="0.10"/>

  <!-- simple building -->
  <g opacity="0.9">
    <rect x="1560" y="300" width="290" height="260" rx="10" fill="#FAF6EC" opacity="0.95"/>
    <rect x="1560" y="300" width="290" height="46" rx="10" fill="#B8901F"/>
    <g fill="#7A1F2B" opacity="0.85">
      <rect x="1590" y="370" width="34" height="34"/>
      <rect x="1644" y="370" width="34" height="34"/>
      <rect x="1698" y="370" width="34" height="34"/>
      <rect x="1752" y="370" width="34" height="34"/>
      <rect x="1590" y="424" width="34" height="34"/>
      <rect x="1644" y="424" width="34" height="34"/>
      <rect x="1698" y="424" width="34" height="34"/>
      <rect x="1752" y="424" width="34" height="34"/>
      <rect x="1590" y="478" width="34" height="34"/>
      <rect x="1698" y="478" width="34" height="34"/>
      <rect x="1752" y="478" width="34" height="34"/>
    </g>
    <rect x="1636" y="478" width="46" height="82" fill="#7A1F2B" opacity="0.85"/>
  </g>

  <!-- medical cross emblem, top right of building -->
  <g transform="translate(1790,255)">
    <circle r="46" fill="#7A1F2B"/>
    <rect x="-8" y="-26" width="16" height="52" rx="4" fill="#FAF6EC"/>
    <rect x="-26" y="-8" width="52" height="16" rx="4" fill="#FAF6EC"/>
  </g>

  <!-- stethoscope motif, lower right, subtle gold line art -->
  <g stroke="#E4BE5A" stroke-width="6" fill="none" opacity="0.55" stroke-linecap="round">
    <path d="M1500 640 C1500 700 1560 720 1600 690 C1640 660 1620 610 1580 610"/>
    <circle cx="1580" cy="605" r="12" fill="#E4BE5A" stroke="none"/>
    <circle cx="1500" cy="645" r="10" fill="none"/>
  </g>

  <!-- LEFT: text content -->
  <g font-family="Arial, Helvetica, sans-serif">
    <!-- eyebrow pill -->
    <rect x="90" y="150" width="230" height="52" rx="26" fill="#FBF1D4" opacity="0.95"/>
    <text x="205" y="184" font-size="24" font-weight="700" fill="#7A1F2B" text-anchor="middle" letter-spacing="1">CAREERS</text>

    <!-- headline -->
    <text x="88" y="300" font-size="86" font-weight="800" fill="#FAF6EC">Build your career</text>
    <text x="88" y="392" font-size="86" font-weight="800" fill="#FAF6EC">in healthcare —</text>
    <text x="88" y="484" font-size="86" font-weight="800" fill="url(#goldGrad)">close to home</text>

    <!-- subtext -->
    <text x="90" y="560" font-size="30" fill="#F4E1E1" opacity="0.92">Ali Murad Shah Medical Center &amp; Institute of Paramedics</text>
    <text x="90" y="600" font-size="30" fill="#F4E1E1" opacity="0.92">Mithi, Tharparkar</text>

    <!-- CTA pill -->
    <rect x="90" y="644" width="330" height="76" rx="38" fill="url(#goldGrad)"/>
    <text x="255" y="692" font-size="30" font-weight="700" fill="#3A2A08" text-anchor="middle">We're Hiring →</text>
  </g>
</svg>
