<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 180" width="600" height="180">
  <defs>
    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0%" stop-color="#1a0a2e"/><stop offset="100%" stop-color="#0a1a3e"/>
    </linearGradient>
    <filter id="b1"><feGaussianBlur stdDeviation="18"/></filter>
  </defs>
  <rect width="600" height="180" fill="url(#bg)"/>
  <ellipse cx="130" cy="90" rx="160" ry="90" fill="#9333ea" opacity="0.2" filter="url(#b1)"/>
  <ellipse cx="490" cy="70" rx="130" ry="80" fill="#2563eb" opacity="0.2" filter="url(#b1)"/>

  <!-- Speech bubble 1 -->
  <g transform="translate(50,20)">
    <rect x="0" y="0" width="130" height="55" rx="12" fill="#1e0a40" stroke="#a78bfa" stroke-width="2"/>
    <polygon points="20,55 10,75 40,55" fill="#1e0a40" stroke="#a78bfa" stroke-width="2" stroke-linejoin="round"/>
    <!-- Urdu text style lines -->
    <path d="M15 20 Q40 15 65 20 Q50 25 30 22" fill="none" stroke="#a78bfa" stroke-width="2.5" stroke-linecap="round"/>
    <path d="M70 20 Q95 15 110 20" fill="none" stroke="#a78bfa" stroke-width="2.5" stroke-linecap="round"/>
    <line x1="15" y1="38" x2="90" y2="38" stroke="#a78bfa" stroke-width="1.5" opacity="0.4"/>
  </g>

  <!-- Speech bubble 2 (English) -->
  <g transform="translate(50,105)">
    <rect x="0" y="0" width="120" height="45" rx="12" fill="#0a1a3e" stroke="#60a5fa" stroke-width="2"/>
    <polygon points="100,0 120,-18 90,0" fill="#0a1a3e" stroke="#60a5fa" stroke-width="2" stroke-linejoin="round"/>
    <!-- ABC -->
    <text x="15" y="28" font-family="Georgia,serif" font-size="20" fill="#60a5fa" opacity="0.8" font-weight="bold">A B C</text>
  </g>

  <!-- Calligraphy pen / quill -->
  <g transform="translate(230,15)">
    <path d="M20 120 Q40 80 70 40 Q85 20 100 10 Q95 25 85 35 Q105 15 110 5 Q108 25 90 50 Q70 80 50 130 Z" fill="#c4b5fd" opacity="0.6"/>
    <path d="M50 130 Q52 140 48 150 Q44 155 40 145 Q45 140 50 130 Z" fill="#6d28d9" opacity="0.8"/>
    <line x1="50" y1="130" x2="20" y2="160" stroke="#c4b5fd" stroke-width="1.5" opacity="0.4"/>
  </g>

  <!-- Globe / languages circle -->
  <g transform="translate(340,20)">
    <circle cx="65" cy="65" r="55" fill="none" stroke="#60a5fa" stroke-width="1.8" opacity="0.5"/>
    <ellipse cx="65" cy="65" rx="28" ry="55" fill="none" stroke="#60a5fa" stroke-width="1.5" opacity="0.4"/>
    <ellipse cx="65" cy="65" rx="55" ry="22" fill="none" stroke="#60a5fa" stroke-width="1.5" opacity="0.4"/>
    <line x1="10" y1="65" x2="120" y2="65" stroke="#60a5fa" stroke-width="1" opacity="0.3"/>
    <line x1="65" y1="10" x2="65" y2="120" stroke="#60a5fa" stroke-width="1" opacity="0.3"/>
    <!-- Language labels -->
    <text x="30" y="50" font-family="serif" font-size="9" fill="#a78bfa" opacity="0.8">اردو</text>
    <text x="75" y="40" font-family="serif" font-size="8" fill="#60a5fa" opacity="0.8">English</text>
    <text x="26" y="90" font-family="serif" font-size="8" fill="#34d399" opacity="0.8">عربی</text>
    <text x="75" y="95" font-family="serif" font-size="8" fill="#fbbf24" opacity="0.8">فارسی</text>
  </g>

  <!-- Floating letters -->
  <text x="510" y="45" font-family="serif" font-size="28" fill="#a78bfa" opacity="0.3">ا</text>
  <text x="540" y="80" font-family="serif" font-size="24" fill="#60a5fa" opacity="0.25">ب</text>
  <text x="520" y="115" font-family="serif" font-size="22" fill="#c4b5fd" opacity="0.2">ت</text>
  <text x="555" y="55" font-family="serif" font-size="20" fill="#a78bfa" opacity="0.2">پ</text>

  <text x="30" y="170" font-family="'Segoe UI',sans-serif" font-size="11" fill="white" opacity="0.3" font-weight="600" letter-spacing="3">URDU &amp; LANGUAGES DEPARTMENT</text>
</svg>
