<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="#0a1e28"/><stop offset="100%" stop-color="#1a0a3e"/>
    </linearGradient>
    <filter id="b1"><feGaussianBlur stdDeviation="18"/></filter>
  </defs>
  <rect width="600" height="180" fill="url(#bg)"/>
  <ellipse cx="140" cy="90" rx="160" ry="90" fill="#0891b2" opacity="0.2" filter="url(#b1)"/>
  <ellipse cx="480" cy="60" rx="130" ry="80" fill="#7c3aed" opacity="0.2" filter="url(#b1)"/>

  <!-- Globe Earth -->
  <g transform="translate(50,20)">
    <circle cx="68" cy="68" r="56" fill="#0a1e28" stroke="#38bdf8" stroke-width="2" opacity="0.8"/>
    <!-- Land masses (simplified) -->
    <path d="M30 40 Q38 35 48 42 Q55 38 62 45 Q58 55 50 58 Q42 60 35 54 Z" fill="#059669" opacity="0.6"/>
    <path d="M55 52 Q65 48 75 55 Q80 62 75 70 Q68 72 60 68 Q55 62 55 52 Z" fill="#059669" opacity="0.6"/>
    <path d="M80 38 Q92 34 100 42 Q104 52 98 58 Q90 60 83 55 Q78 48 80 38 Z" fill="#059669" opacity="0.5"/>
    <path d="M40 70 Q50 68 55 76 Q53 86 44 88 Q36 85 35 76 Z" fill="#059669" opacity="0.5"/>
    <path d="M70 75 Q82 72 90 80 Q88 92 78 94 Q68 92 66 82 Z" fill="#059669" opacity="0.5"/>
    <!-- Latitude lines -->
    <ellipse cx="68" cy="68" rx="56" ry="22" fill="none" stroke="#38bdf8" stroke-width="1" opacity="0.25"/>
    <ellipse cx="68" cy="68" rx="40" ry="56" fill="none" stroke="#38bdf8" stroke-width="1" opacity="0.2"/>
    <line x1="12" y1="68" x2="124" y2="68" stroke="#38bdf8" stroke-width="1" opacity="0.2"/>
  </g>

  <!-- Map pin markers -->
  <g fill="#f472b6" opacity="0.7">
    <circle cx="235" cy="45" r="6"/>
    <path d="M235 51 L232 62 L235 59 L238 62 Z"/>
    <circle cx="290" cy="70" r="5"/>
    <path d="M290 75 L287 85 L290 83 L293 85 Z"/>
    <circle cx="260" cy="100" r="4"/>
    <path d="M260 104 L258 112 L260 110 L262 112 Z"/>
  </g>
  <!-- Connection lines between pins -->
  <g stroke="#f472b6" stroke-width="1.2" stroke-dasharray="4,3" opacity="0.35">
    <line x1="235" y1="48" x2="290" y2="72"/>
    <line x1="290" y1="73" x2="260" y2="102"/>
    <line x1="260" y1="102" x2="235" y2="48"/>
  </g>

  <!-- Bar chart (economics) -->
  <g transform="translate(340,40)">
    <line x1="0" y1="100" x2="160" y2="100" stroke="#38bdf8" stroke-width="1.5" opacity="0.4"/>
    <rect x="10" y="55" width="22" height="45" rx="3" fill="#0891b2" opacity="0.7"/>
    <rect x="40" y="30" width="22" height="70" rx="3" fill="#7c3aed" opacity="0.7"/>
    <rect x="70" y="65" width="22" height="35" rx="3" fill="#0891b2" opacity="0.6"/>
    <rect x="100" y="20" width="22" height="80" rx="3" fill="#a855f7" opacity="0.7"/>
    <rect x="130" y="40" width="22" height="60" rx="3" fill="#0891b2" opacity="0.65"/>
    <!-- Trend line -->
    <polyline points="21,55 51,30 81,65 111,20 141,40" fill="none" stroke="#fbbf24" stroke-width="2" stroke-dasharray="5,3" opacity="0.7"/>
  </g>

  <!-- Pakistan outline hint (simplified) -->
  <g transform="translate(510,25)" opacity="0.35">
    <path d="M30 10 L60 8 L70 20 L80 30 L75 50 L65 70 L55 90 L45 100 L35 80 L20 60 L15 40 L20 20 Z" fill="none" stroke="#38bdf8" stroke-width="2"/>
    <circle cx="50" cy="55" r="5" fill="#f59e0b" opacity="0.8"/>
  </g>

  <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">SOCIAL STUDIES DEPARTMENT</text>
</svg>
