User
Give me a 10-slide presentation about renewable energy trends.
Shared Chat
Renewable Energy Trends (2025)
3/25/2025, 2:18:27 AM
GizAI
<svg width="680" height="400" viewBox="0 0 680 400" xmlns="http://www.w3.org/2000/svg" class="giz-slide">
<!-- Background -->
<rect width="680" height="400" fill="#1a2639" />
<!-- Decorative Element -->
<path d="M0,400 L680,400 L680,320 C620,340 550,300 480,320 C410,340 350,300 280,320 C210,340 150,300 80,320 C40,330 0,320 0,320 Z" fill="#3f51b5" opacity="0.6" />
<!-- Title -->
<text x="340" y="150" font-family="Arial, sans-serif" font-size="42" font-weight="bold" fill="#ffffff" text-anchor="middle">RENEWABLE ENERGY TRENDS</text>
<!-- Subtitle -->
<text x="340" y="200" font-family="Arial, sans-serif" font-size="24" fill="#8bd8bd" text-anchor="middle">Powering Our Sustainable Future</text>
<!-- Icons -->
<g transform="translate(180, 260)">
<!-- Solar Icon -->
<circle cx="0" cy="0" r="25" fill="#f9a826" />
<g fill="none" stroke="#1a2639" stroke-width="2">
<path d="M0,-25 L0,25 M-25,0 L25,0 M-18,-18 L18,18 M-18,18 L18,-18" />
</g>
</g>
<g transform="translate(280, 260)">
<!-- Wind Icon -->
<circle cx="0" cy="0" r="25" fill="#4fc3f7" />
<path d="M0,-5 C5,-5 15,-15 15,-20 C15,-25 10,-25 10,-20 C10,-15 5,-10 0,-10 Z" fill="#1a2639" transform="rotate(0)"/>
<path d="M0,-5 C5,-5 15,-15 15,-20 C15,-25 10,-25 10,-20 C10,-15 5,-10 0,-10 Z" fill="#1a2639" transform="rotate(120)"/>
<path d="M0,-5 C5,-5 15,-15 15,-20 C15,-25 10,-25 10,-20 C10,-15 5,-10 0,-10 Z" fill="#1a2639" transform="rotate(240)"/>
<circle cx="0" cy="0" r="5" fill="#1a2639" />
</g>
<g transform="translate(380, 260)">
<!-- Hydro Icon -->
<circle cx="0" cy="0" r="25" fill="#29b6f6" />
<path d="M-15,5 Q0,-15 15,5 Q0,25 -15,5 Z" fill="#1a2639" />
</g>
<g transform="translate(480, 260)">
<!-- Geothermal Icon -->
<circle cx="0" cy="0" r="25" fill="#66bb6a" />
<path d="M-10,-10 L10,10 M-10,10 L10,-10" stroke="#1a2639" stroke-width="3" />
<circle cx="0" cy="0" r="10" fill="#ef5350" />
</g>
<!-- Footer -->
<text x="340" y="360" font-family="Arial, sans-serif" font-size="14" fill="#ffffff" text-anchor="middle">© 2025 Global Renewable Energy Initiative</text>
</svg>
<svg width="680" height="400" viewBox="0 0 680 400" xmlns="http://www.w3.org/2000/svg" class="giz-slide">
<!-- Background -->
<rect width="680" height="400" fill="#1a2639" />
<!-- Decorative Element -->
<path d="M0,400 L680,400 L680,320 C620,340 550,300 480,320 C410,340 350,300 280,320 C210,340 150,300 80,320 C40,330 0,320 0,320 Z" fill="#3f51b5" opacity="0.6" />
<!-- Title -->
<text x="340" y="50" font-family="Arial, sans-serif" font-size="24" font-weight="bold" fill="#ffffff" text-anchor="middle">THE GLOBAL RENEWABLE LANDSCAPE</text>
<!-- Content Container -->
<rect x="50" y="70" width="580" height="280" rx="10" fill="#243447" opacity="0.7" />
<!-- Content Text -->
<text x="70" y="100" font-family="Arial, sans-serif" font-size="18" font-weight="bold" fill="#8bd8bd">Current Status:</text>
<text x="70" y="130" font-family="Arial, sans-serif" font-size="16" fill="#ffffff">• Renewables provided 28% of global electricity in 2023</text>
<text x="70" y="160" font-family="Arial, sans-serif" font-size="16" fill="#ffffff">• Investment reached $500B globally, a 9% increase from 2022</text>
<text x="70" y="190" font-family="Arial, sans-serif" font-size="16" fill="#ffffff">• Solar and wind account for 60% of new capacity additions</text>
<text x="70" y="230" font-family="Arial, sans-serif" font-size="18" font-weight="bold" fill="#8bd8bd">Key Drivers:</text>
<text x="70" y="260" font-family="Arial, sans-serif" font-size="16" fill="#ffffff">• Declining technology costs (70% drop for solar since 2010)</text>
<text x="70" y="290" font-family="Arial, sans-serif" font-size="16" fill="#ffffff">• Policy support and climate commitments</text>
<text x="70" y="320" font-family="Arial, sans-serif" font-size="16" fill="#ffffff">• Corporate sustainability goals and consumer demand</text>
<!-- Global Map Visualization (Simplified) -->
<g transform="translate(380, 200)">
<!-- World Map Outline (Simplified) -->
<path d="M-120,-50 C-100,-60 -80,-55 -60,-50 C-40,-45 -20,-60 0,-55 C20,-50 40,-45 60,-50 C80,-55 100,-45 120,-50 C140,-55 120,-30 100,-25 C80,-20 60,-25 40,-20 C20,-15 0,-25 -20,-20 C-40,-15 -60,-25 -80,-20 C-100,-15 -120,-20 -120,-50 Z" fill="#3f51b5" opacity="0.5" stroke="#8bd8bd" stroke-width="1" />
<!-- Highlight Areas -->
<circle cx="-80" cy="-30" r="10" fill="#f9a826" opacity="0.7" /> <!-- North America -->
<circle cx="0" cy="-35" r="12" fill="#f9a826" opacity="0.7" /> <!-- Europe -->
<circle cx="80" cy="-30" r="15" fill="#f9a826" opacity="0.7" /> <!-- Asia -->
<circle cx="-20" cy="0" r="8" fill="#f9a826" opacity="0.7" /> <!-- South America -->
<circle cx="50" cy="0" r="7" fill="#f9a826" opacity="0.7" /> <!-- Africa -->
</g>
<!-- Footer -->
<text x="340" y="380" font-family="Arial, sans-serif" font-size="12" fill="#ffffff" text-anchor="middle">Source: International Renewable Energy Agency (IRENA) 2023 Report</text>
</svg>
<svg width="680" height="400" viewBox="0 0 680 400" xmlns="http://www.w3.org/2000/svg" class="giz-slide">
<!-- Background -->
<rect width="680" height="400" fill="#1a2639" />
<!-- Decorative Element -->
<path d="M0,400 L680,400 L680,320 C620,340 550,300 480,320 C410,340 350,300 280,320 C210,340 150,300 80,320 C40,330 0,320 0,320 Z" fill="#3f51b5" opacity="0.6" />
<!-- Title -->
<text x="340" y="50" font-family="Arial, sans-serif" font-size="24" font-weight="bold" fill="#ffffff" text-anchor="middle">TECHNOLOGY GROWTH COMPARISON</text>
<!-- Chart Container -->
<rect x="50" y="70" width="580" height="280" rx="10" fill="#243447" opacity="0.7" />
<!-- Chart Title and Legend -->
<text x="340" y="100" font-family="Arial, sans-serif" font-size="18" fill="#ffffff" text-anchor="middle">Installed Capacity Growth 2010-2025 (GW)</text>
<!-- Legend -->
<rect x="480" y="120" width="15" height="15" fill="#f9a826" />
<text x="505" y="133" font-family="Arial, sans-serif" font-size="14" fill="#ffffff">Solar</text>
<rect x="480" y="145" width="15" height="15" fill="#4fc3f7" />
<text x="505" y="158" font-family="Arial, sans-serif" font-size="14" fill="#ffffff">Wind</text>
<rect x="480" y="170" width="15" height="15" fill="#66bb6a" />
<text x="505" y="183" font-family="Arial, sans-serif" font-size="14" fill="#ffffff">Hydro</text>
<rect x="480" y="195" width="15" height="15" fill="#ef5350" />
<text x="505" y="208" font-family="Arial, sans-serif" font-size="14" fill="#ffffff">Geothermal</text>
<!-- Chart Axes -->
<line x1="100" y1="300" x2="450" y2="300" stroke="#ffffff" stroke-width="2" />
<line x1="100" y1="300" x2="100" y2="130" stroke="#ffffff" stroke-width="2" />
<!-- X-Axis Labels -->
<text x="100" y="320" font-family="Arial, sans-serif" font-size="12" fill="#ffffff" text-anchor="middle">2010</text>
<text x="170" y="320" font-family="Arial, sans-serif" font-size="12" fill="#ffffff" text-anchor="middle">2013</text>
<text x="240" y="320" font-family="Arial, sans-serif" font-size="12" fill="#ffffff" text-anchor="middle">2016</text>
<text x="310" y="320" font-family="Arial, sans-serif" font-size="12" fill="#ffffff" text-anchor="middle">2019</text>
<text x="380" y="320" font-family="Arial, sans-serif" font-size="12" fill="#ffffff" text-anchor="middle">2022</text>
<text x="450" y="320" font-family="Arial, sans-serif" font-size="12" fill="#ffffff" text-anchor="middle">2025</text>
<!-- Y-Axis Labels -->
<text x="90" y="300" font-family="Arial, sans-serif" font-size="12" fill="#ffffff" text-anchor="end">0</text>
<text x="90" y="250" font-family="Arial, sans-serif" font-size="12" fill="#ffffff" text-anchor="end">500</text>
<text x="90" y="200" font-family="Arial, sans-serif" font-size="12" fill="#ffffff" text-anchor="end">1000</text>
<text x="90" y="150" font-family="Arial, sans-serif" font-size="12" fill="#ffffff" text-anchor="end">1500</text>
<!-- Chart Data - Solar -->
<polyline points="100,290 170,280 240,250 310,200 380,150 450,130" fill="none" stroke="#f9a826" stroke-width="3" />
<circle cx="100" cy="290" r="4" fill="#f9a826" />
<circle cx="170" cy="280" r="4" fill="#f9a826" />
<circle cx="240" cy="250" r="4" fill="#f9a826" />
<circle cx="310" cy="200" r="4" fill="#f9a826" />
<circle cx="380" cy="150" r="4" fill="#f9a826" />
<circle cx="450" cy="130" r="4" fill="#f9a826" />
<!-- Chart Data - Wind -->
<polyline points="100,285 170,270 240,240 310,210 380,180 450,155" fill="none" stroke="#4fc3f7" stroke-width="3" />
<circle cx="100" cy="285" r="4" fill="#4fc3f7" />
<circle cx="170" cy="270" r="4" fill="#4fc3f7" />
<circle cx="240" cy="240" r="4" fill="#4fc3f7" />
<circle cx="310" cy="210" r="4" fill="#4fc3f7" />
<circle cx="380" cy="180" r="4" fill="#4fc3f7" />
<circle cx="450" cy="155" r="4" fill="#4fc3f7" />
<!-- Chart Data - Hydro -->
<polyline points="100,260 170,255 240,250 310,245 380,240 450,235" fill="none" stroke="#66bb6a" stroke-width="3" />
<circle cx="100" cy="260" r="4" fill="#66bb6a" />
<circle cx="170" cy="255" r="4" fill="#66bb6a" />
<circle cx="240" cy="250" r="4" fill="#66bb6a" />
<circle cx="310" cy="245" r="4" fill="#66bb6a" />
<circle cx="380" cy="240" r="4" fill="#66bb6a" />
<circle cx="450" cy="235" r="4" fill="#66bb6a" />
<!-- Chart Data - Geothermal -->
<polyline points="100,295 170,293 240,291 310,289 380,287 450,285" fill="none" stroke="#ef5350" stroke-width="3" />
<circle cx="100" cy="295" r="4" fill="#ef5350" />
<circle cx="170" cy="293" r="4" fill="#ef5350" />
<circle cx="240" cy="291" r="4" fill="#ef5350" />
<circle cx="310" cy="289" r="4" fill="#ef5350" />
<circle cx="380" cy="287" r="4" fill="#ef5350" />
<circle cx="450" cy="285" r="4" fill="#ef5350" />
<!-- Annotations -->
<text x="450" y="115" font-family="Arial, sans-serif" font-size="12" fill="#f9a826" text-anchor="end">1600+ GW</text>
<text x="450" y="140" font-family="Arial, sans-serif" font-size="12" fill="#4fc3f7" text-anchor="end">1200+ GW</text>
<!-- Footer -->
<text x="340" y="380" font-family="Arial, sans-serif" font-size="12" fill="#ffffff" text-anchor="middle">Source: Bloomberg New Energy Finance (BNEF) and IEA projections</text>
</svg>
<svg width="680" height="400" viewBox="0 0 680 400" xmlns="http://www.w3.org/2000/svg" class="giz-slide">
<!-- Background -->
<rect width="680" height="400" fill="#1a2639" />
<!-- Decorative Element -->
<path d="M0,400 L680,400 L680,320 C620,340 550,300 480,320 C410,340 350,300 280,320 C210,340 150,300 80,320 C40,330 0,320 0,320 Z" fill="#3f51b5" opacity="0.6" />
<!-- Title -->
<text x="340" y="50" font-family="Arial, sans-serif" font-size="24" font-weight="bold" fill="#ffffff" text-anchor="middle">SOLAR ENERGY INNOVATIONS</text>
<!-- Content Container -->
<rect x="50" y="70" width="580" height="280" rx="10" fill="#243447" opacity="0.7" />
<!-- Solar Panel Illustration -->
<g transform="translate(140, 180)">
<!-- Frame -->
<rect x="-80" y="-60" width="160" height="120" rx="5" fill="#333" stroke="#666" stroke-width="2" />
<!-- Panel Sections -->
<g>
<rect x="-70" y="-50" width="30" height="45" fill="#0288d1" stroke="#333" stroke-width="1" />
<rect x="-35" y="-50" width="30" height="45" fill="#0288d1" stroke="#333" stroke-width="1" />
<rect x="0" y="-50" width="30" height="45" fill="#0288d1" stroke="#333" stroke-width="1" />
<rect x="35" y="-50" width="30" height="45" fill="#0288d1" stroke="#333" stroke-width="1" />
<rect x="-70" y="0" width="30" height="45" fill="#0288d1" stroke="#333" stroke-width="1" />
<rect x="-35" y="0" width="30" height="45" fill="#0288d1" stroke="#333" stroke-width="1" />
<rect x="0" y="0" width="30" height="45" fill="#0288d1" stroke="#333" stroke-width="1" />
<rect x="35" y="0" width="30" height="45" fill="#0288d1" stroke="#333" stroke-width="1" />
</g>
<!-- Reflection -->
<path d="M-70,-50 L-40,-50 L-70,-30 Z" fill="#ffffff" opacity="0.3" />
<path d="M-35,-50 L-5,-50 L-35,-30 Z" fill="#ffffff" opacity="0.3" />
<path d="M0,-50 L30,-50 L0,-30 Z" fill="#ffffff" opacity="0.3" />
<path d="M35,-50 L65,-50 L35,-30 Z" fill="#ffffff" opacity="0.3" />
</g>
<!-- Innovation Points -->
<text x="320" y="100" font-family="Arial, sans-serif" font-size="18" font-weight="bold" fill="#8bd8bd">Key Solar Innovations:</text>
<!-- Innovation 1 -->
<circle cx="300" y="130" r="6" fill="#f9a826" />
<text x="320" y="135" font-family="Arial, sans-serif" font-size="16" fill="#ffffff">Perovskite Solar Cells</text>
<text x="320" y="155" font-family="Arial, sans-serif" font-size="13" fill="#cccccc">Efficiency jumped from 3% to 25.7% in a decade</text>
<!-- Innovation 2 -->
<circle cx="300" cy="180" r="6" fill="#f9a826" />
<text x="320" y="185" font-family="Arial, sans-serif" font-size="16" fill="#ffffff">Bifacial Solar Panels</text>
<text x="320" y="205" font-family="Arial, sans-serif" font-size="13" fill="#cccccc">Generate power from both sides, improving yield by 30%</text>
<!-- Innovation 3 -->
<circle cx="300" cy="230" r="6" fill="#f9a826" />
<text x="320" y="235" font-family="Arial, sans-serif" font-size="16" fill="#ffffff">Building-Integrated Photovoltaics (BIPV)</text>
<text x="320" y="255" font-family="Arial, sans-serif" font-size="13" fill="#cccccc">Solar walls, windows, and roofing materials</text>
<!-- Innovation 4 -->
<circle cx="300" cy="280" r="6" fill="#f9a826" />
<text x="320" y="285" font-family="Arial, sans-serif" font-size="16" fill="#ffffff">Floating Solar Farms</text>
<text x="320" y="305" font-family="Arial, sans-serif" font-size="13" fill="#cccccc">Water cooling effect increases efficiency by 5-10%</text>
<!-- Footer -->
<text x="340" y="380" font-family="Arial, sans-serif" font-size="12" fill="#ffffff" text-anchor="middle">Source: National Renewable Energy Laboratory (NREL) & Fraunhofer Institute</text>
</svg>
<svg width="680" height="400" viewBox="0 0 680 400" xmlns="http://www.w3.org/2000/svg" class="giz-slide">
<!-- Background -->
<rect width="680" height="400" fill="#1a2639" />
<!-- Decorative Element -->
<path d="M0,400 L680,400 L680,320 C620,340 550,300 480,320 C410,340 350,300 280,320 C210,340 150,300 80,320 C40,330 0,320 0,320 Z" fill="#3f51b5" opacity="0.6" />
<!-- Title -->
<text x="340" y="50" font-family="Arial, sans-serif" font-size="24" font-weight="bold" fill="#ffffff" text-anchor="middle">WIND POWER ADVANCEMENTS</text>
<!-- Content Container -->
<rect x="50" y="70" width="580" height="280" rx="10" fill="#243447" opacity="0.7" />
<!-- Wind Turbine Evolution Illustration -->
<g transform="translate(150, 220)">
<!-- Old Style Turbine (1990s) -->
<rect x="-90" y="30" width="10" height="50" fill="#cccccc" />
<circle cx="-85" cy="30" r="2" fill="#ff5252" />
<line x1="-85" y1="30" x2="-100" y2="15" stroke="#cccccc" stroke-width="3" />
<line x1="-85" y1="30" x2="-70" y2="15" stroke="#cccccc" stroke-width="3" />
<line x1="-85" y1="30" x2="-85" y2="5" stroke="#cccccc" stroke-width="3" />
<text x="-85" y="95" font-family="Arial, sans-serif" font-size="10" fill="#ffffff" text-anchor="middle">1990s</text>
<text x="-85" y="110" font-family="Arial, sans-serif" font-size="10" fill="#ffffff" text-anchor="middle">0.5 MW</text>
<!-- Mid-Generation Turbine (2000s) -->
<rect x="-30" y="20" width="14" height="60" fill="#cccccc" />
<circle cx="-23" cy="20" r="3" fill="#ff5252" />
<line x1="-23" y1="20" x2="-48" y2="0" stroke="#cccccc" stroke-width="4" />
<line x1="-23" y1="20" x2="2" y2="0" stroke="#cccccc" stroke-width="4" />
<line x1="-23" y1="20" x2="-23" y2="-15" stroke="#cccccc" stroke-width="4" />
<text x="-23" y="95" font-family="Arial, sans-serif" font-size="10" fill="#ffffff" text-anchor="middle">2000s</text>
<text x="-23" y="110" font-family="Arial, sans-serif" font-size="10" fill="#ffffff" text-anchor="middle">2 MW</text>
<!-- Modern Turbine (2010s) -->
<rect x="40" y="10" width="18" height="70" fill="#cccccc" />
<circle cx="49" cy="10" r="4" fill="#ff5252" />
<line x1="49" y1="10" x2="14" y2="-15" stroke="#cccccc" stroke-width="5" />
<line x1="49" y1="10" x2="84" y2="-15" stroke="#cccccc" stroke-width="5" />
<line x1="49" y1="10" x2="49" y2="-30" stroke="#cccccc" stroke-width="5" />
<text x="49" y="95" font-family="Arial, sans-serif" font-size="10" fill="#ffffff" text-anchor="middle">2010s</text>
<text x="49" y="110" font-family="Arial, sans-serif" font-size="10" fill="#ffffff" text-anchor="middle">6 MW</text>
<!-- Next-Gen Turbine (2020s) -->
<rect x="110" y="0" width="22" height="80" fill="#cccccc" />
<circle cx="121" cy="0" r="5" fill="#ff5252" />
<line x1="121" y1="0" x2="76" y2="-30" stroke="#cccccc" stroke-width="6" />
<line x1="121" y1="0" x2="166" y2="-30" stroke="#cccccc" stroke-width="6" />
<line x1="121" y1="0" x2="121" y2="-45" stroke="#cccccc" stroke-width="6" />
<text x="121" y="95" font-family="Arial, sans-serif" font-size="10" fill="#ffffff" text-anchor="middle">2020s</text>
<text x="121" y="110" font-family="Arial, sans-serif" font-size="10" fill="#ffffff" text-anchor="middle">15+ MW</text>
</g>
<!-- Key Advancements -->
<text x="430" y="100" font-family="Arial, sans-serif" font-size="18" font-weight="bold" fill="#8bd8bd">Key Advancements:</text>
<!-- Innovation 1 -->
<circle cx="380" cy="130" r="6" fill="#4fc3f7" />
<text x="400" y="135" font-family="Arial, sans-serif" font-size="16" fill="#ffffff">Larger Rotors</text>
<text x="400" y="155" font-family="Arial, sans-serif" font-size="13" fill="#cccccc">Diameters now exceeding 220 meters</text>
<!-- Innovation 2 -->
<circle cx="380" cy="180" r="6" fill="#4fc3f7" />
<text x="400" y="185" font-family="Arial, sans-serif" font-size="16" fill="#ffffff">Floating Offshore Wind</text>
<text x="400" y="205" font-family="Arial, sans-serif" font-size="13" fill="#cccccc">Unlocking deep-water sites with strong winds</text>
<!-- Innovation 3 -->
<circle cx="380" cy="230" r="6" fill="#4fc3f7" />
<text x="400" y="235" font-family="Arial, sans-serif" font-size="16" fill="#ffffff">Digital Twin Technology</text>
<text x="400" y="255" font-family="Arial, sans-serif" font-size="13" fill="#cccccc">AI-driven maintenance to reduce downtime</text>
<!-- Innovation 4 -->
<circle cx="380" cy="280" r="6" fill="#4fc3f7" />
<text x="400" y="285" font-family="Arial, sans-serif" font-size="16" fill="#ffffff">Airborne Wind Energy</text>
<text x="400" y="305" font-family="Arial, sans-serif" font-size="13" fill="#cccccc">Kite and drone systems capturing high-altitude winds</text>
<!-- Footer -->
<text x="340" y="380" font-family="Arial, sans-serif" font-size="12" fill="#ffffff" text-anchor="middle">Source: Global Wind Energy Council (GWEC) & Wind Europe</text>
</svg>
<svg width="680" height="400" viewBox="0 0 680 400" xmlns="http://www.w3.org/2000/svg" class="giz-slide">
<!-- Background -->
<rect width="680" height="400" fill="#1a2639" />
<!-- Decorative Element -->
<path d="M0,400 L680,400 L680,320 C620,340 550,300 480,320 C410,340 350,300 280,320 C210,340 150,300 80,320 C40,330 0,320 0,320 Z" fill="#3f51b5" opacity="0.6" />
<!-- Title -->
<text x="340" y="50" font-family="Arial, sans-serif" font-size="24" font-weight="bold" fill="#ffffff" text-anchor="middle">ENERGY STORAGE SOLUTIONS</text>
<!-- Content Container -->
<rect x="50" y="70" width="580" height="280" rx="10" fill="#243447" opacity="0.7" />
<!-- Storage Technology Comparison Table -->
<rect x="70" y="100" width="540" height="40" fill="#3f51b5" opacity="0.6" />
<!-- Table Headers -->
<text x="120" y="125" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="#ffffff">Technology</text>
<text x="280" y="125" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="#ffffff">Duration</text>
<text x="390" y="125" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="#ffffff">Cost ($/kWh)</text>
<text x="510" y="125" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="#ffffff">Efficiency</text>
<!-- Row 1 - Lithium-ion -->
<rect x="70" y="140" width="540" height="35" fill="#243447" stroke="#3f51b5" stroke-width="1" />
<text x="120" y="163" font-family="Arial, sans-serif" font-size="14" fill="#ffffff">Lithium-ion</text>
<text x="280" y="163" font-family="Arial, sans-serif" font-size="14" fill="#ffffff">1-4 hours</text>
<text x="390" y="163" font-family="Arial, sans-serif" font-size="14" fill="#ffffff">150-300</text>
<text x="510" y="163" font-family="Arial, sans-serif" font-size="14" fill="#ffffff">85-95%</text>
<!-- Row 2 - Flow Batteries -->
<rect x="70" y="175" width="540" height="35" fill="#1a2639" stroke="#3f51b5" stroke-width="1" />
<text x="120" y="198" font-family="Arial, sans-serif" font-size="14" fill="#ffffff">Flow Batteries</text>
<text x="280" y="198" font-family="Arial, sans-serif" font-size="14" fill="#ffffff">4-12 hours</text>
<text x="390" y="198" font-family="Arial, sans-serif" font-size="14" fill="#ffffff">250-400</text>
<text x="510" y="198" font-family="Arial, sans-serif" font-size="14" fill="#ffffff">70-85%</text>
<!-- Row 3 - Pumped Hydro -->
<rect x="70" y="210" width="540" height="35" fill="#243447" stroke="#3f51b5" stroke-width="1" />
<text x="120" y="233" font-family="Arial, sans-serif" font-size="14" fill="#ffffff">Pumped Hydro</text>
<text x="280" y="233" font-family="Arial, sans-serif" font-size="14" fill="#ffffff">8-24 hours</text>
<text x="390" y="233" font-family="Arial, sans-serif" font-size="14" fill="#ffffff">100-200</text>
<text x="510" y="233" font-family="Arial, sans-serif" font-size="14" fill="#ffffff">70-80%</text>
<!-- Row 4 - Hydrogen -->
<rect x="70" y="245" width="540" height="35" fill="#1a2639" stroke="#3f51b5" stroke-width="1" />
<text x="120" y="268" font-family="Arial, sans-serif" font-size="14" fill="#ffffff">Hydrogen</text>
<text x="280" y="268" font-family="Arial, sans-serif" font-size="14" fill="#ffffff">Days-Months</text>
<text x="390" y="268" font-family="Arial, sans-serif" font-size="14" fill="#ffffff">200-400</text>
<text x="510" y="268" font-family="Arial, sans-serif" font-size="14" fill="#ffffff">30-45%</text>
<!-- Row 5 - Thermal -->
<rect x="70" y="280" width="540" height="35" fill="#243447" stroke="#3f51b5" stroke-width="1" />
<text x="120" y="303" font-family="Arial, sans-serif" font-size="14" fill="#ffffff">Thermal Storage</text>
<text x="280" y="303" font-family="Arial, sans-serif" font-size="14" fill="#ffffff">4-16 hours</text>
<text x="390" y="303" font-family="Arial, sans-serif" font-size="14" fill="#ffffff">50-150</text>
<text x="510" y="303" font-family="Arial, sans-serif" font-size="14" fill="#ffffff">60-90%</text>
<!-- Battery Icons -->
<g transform="translate(610, 163) scale(0.8)">
<rect x="-20" y="-10" width="30" height="20" fill="#8bd8bd" rx="2" />
<rect x="10" y="-5" width="5" height="10" fill="#8bd8bd" rx="1" />
</g>
<g transform="translate(610, 198) scale(0.8)">
<rect x="-20" y="-10" width="30" height="20" fill="#4fc3f7" rx="2" />
<circle cx="-5" cy="-5" r="3" fill="#1a2639" />
<circle cx="-5" cy="5" r="3" fill="#1a2639" />
</g>
<g transform="translate(610, 233) scale(0.8)">
<path d="M-15,-10 L15,-10 L15,0 L5,10 L-15,10 Z" fill="#29b6f6" />
<path d="M-5,-5 L5,-5 L0,5 Z" fill="#1a2639" />
</g>
<g transform="translate(610, 268) scale(0.8)">
<circle cx="0" cy="0" r="12" fill="none" stroke="#ef5350" stroke-width="2" />
<text x="0" y="5" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#ef5350" text-anchor="middle">H</text>
</g>
<g transform="translate(610, 303) scale(0.8)">
<rect x="-15" y="-10" width="30" height="20" fill="#ff9800" rx="2" />
<path d="M-10,-5 L-5,5 L0,-5 L5,5 L10,-5" fill="none" stroke="#1a2639" stroke-width="2" />
</g>
<!-- Footer -->
<text x="340" y="380" font-family="Arial, sans-serif" font-size="12" fill="#ffffff" text-anchor="middle">Source: U.S. Department of Energy, Energy Storage Association</text>
</svg>
<svg width="680" height="400" viewBox="0 0 680 400" xmlns="http://www.w3.org/2000/svg" class="giz-slide">
<!-- Background -->
<rect width="680" height="400" fill="#1a2639" />
<!-- Decorative Element -->
<path d="M0,400 L680,400 L680,320 C620,340 550,300 480,320 C410,340 350,300 280,320 C210,340 150,300 80,320 C40,330 0,320 0,320 Z" fill="#3f51b5" opacity="0.6" />
<!-- Title -->
<text x="340" y="50" font-family="Arial, sans-serif" font-size="24" font-weight="bold" fill="#ffffff" text-anchor="middle">ECONOMIC IMPACT & JOB CREATION</text>
<!-- Content Container -->
<rect x="50" y="70" width="580" height="280" rx="10" fill="#243447" opacity="0.7" />
<!-- Investment and Job Growth Chart -->
<g transform="translate(340, 190)">
<!-- Chart Area -->
<rect x="-230" y="-75" width="460" height="150" fill="#243447" stroke="#3f51b5" stroke-width="1" />
<!-- Y-axis (left) - Investment -->
<line x1="-230" y1="75" x2="-230" y2="-75" stroke="#ffffff" stroke-width="1" />
<text x="-240" y="75" font-family="Arial, sans-serif" font-size="10" fill="#ffffff" text-anchor="end">$0B</text>
<text x="-240" y="25" font-family="Arial, sans-serif" font-size="10" fill="#ffffff" text-anchor="end">$200B</text>
<text x="-240" y="-25" font-family="Arial, sans-serif" font-size="10" fill="#ffffff" text-anchor="end">$400B</text>
<text x="-240" y="-75" font-family="Arial, sans-serif" font-size="10" fill="#ffffff" text-anchor="end">$600B</text>
<!-- Y-axis (right) - Jobs -->
<line x1="230" y1="75" x2="230" y2="-75" stroke="#ffffff" stroke-width="1" />
<text x="240" y="75" font-family="Arial, sans-serif" font-size="10" fill="#ffffff" text-anchor="start">0M</text>
<text x="240" y="25" font-family="Arial, sans-serif" font-size="10" fill="#ffffff" text-anchor="start">5M</text>
<text x="240" y="-25" font-family="Arial, sans-serif" font-size="10" fill="#ffffff" text-anchor="start">10M</text>
<text x="240" y="-75" font-family="Arial, sans-serif" font-size="10" fill="#ffffff" text-anchor="start">15M</text>
<!-- X-axis -->
<line x1="-230" y1="75" x2="230" y2="75" stroke="#ffffff" stroke-width="1" />
<text x="-190" y="90" font-family="Arial, sans-serif" font-size="10" fill="#ffffff" text-anchor="middle">2015</text>
<text x="-95" y="90" font-family="Arial, sans-serif" font-size="10" fill="#ffffff" text-anchor="middle">2020</text>
<text x="0" y="90" font-family="Arial, sans-serif" font-size="10" fill="#ffffff" text-anchor="middle">2025</text>
<text x="95" y="90" font-family="Arial, sans-serif" font-size="10" fill="#ffffff" text-anchor="middle">2030</text>
<text x="190" y="90" font-family="Arial, sans-serif" font-size="10" fill="#ffffff" text-anchor="middle">2035</text>
<!-- Investment Line -->
<polyline points="-190,40 -95,25 0,0 95,-25 190,-50" stroke="#8bd8bd" stroke-width="3" fill="none" />
<circle cx="-190" cy="40" r="4" fill="#8bd8bd" />
<circle cx="-95" cy="25" r="4" fill="#8bd8bd" />
<circle cx="0" cy="0" r="4" fill="#8bd8bd" />
<circle cx="95" cy="-25" r="4" fill="#8bd8bd" />
<circle cx="190" cy="-50" r="4" fill="#8bd8bd" />
<!-- Jobs Line -->
<polyline points="-190,45 -95,30 0,10 95,-15 190,-40" stroke="#f9a826" stroke-width="3" fill="none" />
<circle cx="-190" cy="45" r="4" fill="#f9a826" />
<circle cx="-95" cy="30" r="4" fill="#f9a826" />
<circle cx="0" cy="10" r="4" fill="#f9a826" />
<circle cx="95" cy="-15" r="4" fill="#f9a826" />
<circle cx="190" cy="-40" r="4" fill="#f9a826" />
<!-- Legend -->
<rect x="100" y="-70" width="12" height="6" fill="#8bd8bd" />
<text x="120" y="-65" font-family="Arial, sans-serif" font-size="12" fill="#ffffff">Investment</text>
<rect x="100" y="-55" width="12" height="6" fill="#f9a826" />
<text x="120" y="-50" font-family="Arial, sans-serif" font-size="12" fill="#ffffff">Jobs</text>
</g>
<!-- Key Findings -->
<text x="140" y="100" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="#8bd8bd">Key Economic Benefits</text>
<!-- Finding 1 -->
<circle cx="80" cy="130" r="6" fill="#8bd8bd" />
<text x="100" y="135" font-family="Arial, sans-serif" font-size="14" fill="#ffffff">Global investment projected to reach $630B by 2035</text>
<!-- Finding 2 -->
<circle cx="80" cy="160" r="6" fill="#8bd8bd" />
<text x="100" y="165" font-family="Arial, sans-serif" font-size="14" fill="#ffffff">14+ million direct jobs worldwide by 2035</text>
<!-- Regional Job Distribution -->
<text x="535" y="100" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="#f9a826">Job Distribution 2025</text>
<!-- Pie Chart -->
<g transform="translate(535, 140)">
<!-- Pie Segments -->
<path d="M0,0 L0,-35 A35,35 0 0,1 30.31,17.5 Z" fill="#4fc3f7" /> <!-- Asia -->
<path d="M0,0 L30.31,17.5 A35,35 0 0,1 -30.31,17.5 Z" fill="#8bd8bd" /> <!-- Europe -->
<path d="M0,0 L-30.31,17.5 A35,35 0 0,1 -21.5,-27.49 Z" fill="#f9a826" /> <!-- North America -->
<path d="M0,0 L-21.5,-27.49 A35,35 0 0,1 0,-35 Z" fill="#ef5350" /> <!-- Rest of World -->
<!-- Labels -->
<text x="20" y="-15" font-family="Arial, sans-serif" font-size="10" fill="#ffffff">Asia 40%</text>
<text x="0" y="25" font-family="Arial, sans-serif" font-size="10" fill="#ffffff">Europe 30%</text>
<text x="-40" y="0" font-family="Arial, sans-serif" font-size="10" fill="#ffffff">N. America 20%</text>
<text x="-15" y="-25" font-family="Arial, sans-serif" font-size="10" fill="#ffffff">Rest 10%</text>
</g>
<!-- Footer -->
<text x="340" y="380" font-family="Arial, sans-serif" font-size="12" fill="#ffffff" text-anchor="middle">Source: International Renewable Energy Agency (IRENA) & BloombergNEF</text>
</svg>
<svg width="680" height="400" viewBox="0 0 680 400" xmlns="http://www.w3.org/2000/svg" class="giz-slide">
<!-- Background -->
<rect width="680" height="400" fill="#1a2639" />
<!-- Decorative Element -->
<path d="M0,400 L680,400 L680,320 C620,340 550,300 480,320 C410,340 350,300 280,320 C210,340 150,300 80,320 C40,330 0,320 0,320 Z" fill="#3f51b5" opacity="0.6" />
<!-- Title -->
<text x="340" y="50" font-family="Arial, sans-serif" font-size="24" font-weight="bold" fill="#ffffff" text-anchor="middle">POLICY FRAMEWORKS & INCENTIVES</text>
<!-- Content Container -->
<rect x="50" y="70" width="580" height="280" rx="10" fill="#243447" opacity="0.7" />
<!-- World Map (Simplified) -->
<g transform="translate(340, 200) scale(1.3)">
<!-- North America -->
<path d="M-130,-40 C-120,-35 -110,-45 -100,-40 C-95,-35 -90,-50 -85,-45 C-80,-40 -75,-50 -70,-45 C-70,-40 -80,-35 -85,-30 C-90,-25 -95,-35 -100,-30 C-105,-25 -110,-35 -115,-30 C-120,-25 -125,-35 -130,-30 Z" fill="#4fc3f7" />
<!-- Europe -->
<path d="M-40,-40 C-35,-45 -30,-35 -25,-40 C-20,-45 -15,-35 -10,-40 C-5,-45 0,-35 5,-40 C10,-35 5,-30 0,-25 C-5,-20 -10,-30 -15,-25 C-20,-20 -25,-30 -30,-25 C-35,-30 -40,-35 -40,-40 Z" fill="#8bd8bd" />
<!-- Asia -->
<path d="M30,-40 C35,-45 40,-35 45,-40 C50,-45 55,-35 60,-40 C65,-45 70,-35 75,-40 C80,-35 75,-30 70,-25 C65,-20 60,-30 55,-25 C50,-20 45,-30 40,-25 C35,-30 30,-35 30,-40 Z" fill="#f9a826" />
<!-- Africa -->
<path d="M0,0 C5,-5 10,5 15,0 C20,-5 25,5 30,0 C35,5 30,10 25,15 C20,20 15,10 10,15 C5,10 0,5 0,0 Z" fill="#ef5350" />
<!-- South America -->
<path d="M-70,0 C-65,-5 -60,5 -55,0 C-50,-5 -45,5 -40,0 C-35,5 -40,10 -45,15 C-50,20 -55,10 -60,15 C-65,10 -70,5 -70,0 Z" fill="#66bb6a" />
<!-- Australia -->
<path d="M80,20 C85,15 90,25 95,20 C100,25 95,30 90,35 C85,30 80,25 80,20 Z" fill="#ab47bc" />
</g>
<!-- Policy Types and Regions -->
<g transform="translate(340, 185)">
<!-- Connection Lines -->
<line x1="-130" y1="-40" x2="-250" y2="-100" stroke="#4fc3f7" stroke-width="1" />
<line x1="-10" y1="-40" x2="-250" y2="-50" stroke="#8bd8bd" stroke-width="1" />
<line x1="50" y1="-40" x2="200" y2="-100" stroke="#f9a826" stroke-width="1" />
<line x1="15" y1="5" x2="200" y2="-50" stroke="#ef5350" stroke-width="1" />
<line x1="-60" y1="5" x2="-250" y2="0" stroke="#66bb6a" stroke-width="1" />
<line x1="90" y1="25" x2="200" y2="0" stroke="#ab47bc" stroke-width="1" />
</g>
<!-- Policy Types -->
<!-- North America -->
<rect x="50" y="70" width="180" height="30" rx="5" fill="#4fc3f7" opacity="0.8" />
<text x="140" y="90" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#ffffff" text-anchor="middle">NORTH AMERICA</text>
<text x="140" y="110" font-family="Arial, sans-serif" font-size="12" fill="#ffffff" text-anchor="middle">Tax Credits (ITC/PTC)</text>
<text x="140" y="125" font-family="Arial, sans-serif" font-size="12" fill="#ffffff" text-anchor="middle">Net Metering</text>
<!-- Europe -->
<rect x="50" y="135" width="180" height="30" rx="5" fill="#8bd8bd" opacity="0.8" />
<text x="140" y="155" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#ffffff" text-anchor="middle">EUROPE</text>
<text x="140" y="175" font-family="Arial, sans-serif" font-size="12" fill="#ffffff" text-anchor="middle">Feed-in Tariffs</text>
<text x="140" y="190" font-family="Arial, sans-serif" font-size="12" fill="#ffffff" text-anchor="middle">Carbon Pricing</text>
<!-- South America -->
<rect x="50" y="200" width="180" height="30" rx="5" fill="#66bb6a" opacity="0.8" />
<text x="140" y="220" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#ffffff" text-anchor="middle">SOUTH AMERICA</text>
<text x="140" y="240" font-family="Arial, sans-serif" font-size="12" fill="#ffffff" text-anchor="middle">Renewable Auctions</text>
<text x="140" y="255" font-family="Arial, sans-serif" font-size="12" fill="#ffffff" text-anchor="middle">Clean Energy Certificates</text>
<!-- Asia -->
<rect x="450" y="70" width="180" height="30" rx="5" fill="#f9a826" opacity="0.8" />
<text x="540" y="90" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#ffffff" text-anchor="middle">ASIA</text>
<text x="540" y="110" font-family="Arial, sans-serif" font-size="12" fill="#ffffff" text-anchor="middle">Renewable Quotas</text>
<text x="540" y="125" font-family="Arial, sans-serif" font-size="12" fill="#ffffff" text-anchor="middle">Green Bonds</text>
<!-- Africa -->
<rect x="450" y="135" width="180" height="30" rx="5" fill="#ef5350" opacity="0.8" />
<text x="540" y="155" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#ffffff" text-anchor="middle">AFRICA</text>
<text x="540" y="175" font-family="Arial, sans-serif" font-size="12" fill="#ffffff" text-anchor="middle">Microgrid Incentives</text>
<text x="540" y="190" font-family="Arial, sans-serif" font-size="12" fill="#ffffff" text-anchor="middle">Off-grid Subsidies</text>
<!-- Australia/Oceania -->
<rect x="450" y="200" width="180" height="30" rx="5" fill="#ab47bc" opacity="0.8" />
<text x="540" y="220" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#ffffff" text-anchor="middle">AUSTRALIA/OCEANIA</text>
<text x="540" y="240" font-family="Arial, sans-serif" font-size="12" fill="#ffffff" text-anchor="middle">Renewable Energy Targets</text>
<text x="540" y="255" font-family="Arial, sans-serif" font-size="12" fill="#ffffff" text-anchor="middle">Battery Storage Rebates</text>
<!-- Global Initiatives -->
<rect x="240" y="270" width="200" height="50" rx="5" fill="#3f51b5" opacity="0.8" />
<text x="340" y="290" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#ffffff" text-anchor="middle">GLOBAL INITIATIVES</text>
<text x="340" y="310" font-family="Arial, sans-serif" font-size="12" fill="#ffffff" text-anchor="middle">Paris Agreement Climate Targets</text>
<!-- Footer -->
<text x="340" y="380" font-family="Arial, sans-serif" font-size="12" fill="#ffffff" text-anchor="middle">Source: REN21 Global Status Report & IEA Policy Database</text>
</svg>
<svg width="680" height="400" viewBox="0 0 680 400" xmlns="http://www.w3.org/2000/svg" class="giz-slide">
<!-- Background -->
<rect width="680" height="400" fill="#1a2639" />
<!-- Decorative Element -->
<path d="M0,400 L680,400 L680,320 C620,340 550,300 480,320 C410,340 350,300 280,320 C210,340 150,300 80,320 C40,330 0,320 0,320 Z" fill="#3f51b5" opacity="0.6" />
<!-- Title -->
<text x="340" y="50" font-family="Arial, sans-serif" font-size="24" font-weight="bold" fill="#ffffff" text-anchor="middle">CHALLENGES & FUTURE OPPORTUNITIES</text>
<!-- Content Container -->
<rect x="50" y="70" width="580" height="280" rx="10" fill="#243447" opacity="0.7" />
<!-- Left Side: Challenges -->
<text x="185" y="100" font-family="Arial, sans-serif" font-size="18" font-weight="bold" fill="#ef5350" text-anchor="middle">CHALLENGES</text>
<!-- Divider -->
<line x1="340" y1="90" x2="340" y2="330" stroke="#3f51b5" stroke-width="2" />
<!-- Right Side: Opportunities -->
<text x="495" y="100" font-family="Arial, sans-serif" font-size="18" font-weight="bold" fill="#8bd8bd" text-anchor="middle">OPPORTUNITIES</text>
<!-- Challenges Icons and Text -->
<g transform="translate(85, 140)">
<!-- Grid Integration -->
<rect x="0" y="0" width="40" height="40" rx="5" fill="#ef5350" opacity="0.7" />
<path d="M10,10 L30,10 L30,30 L10,30 Z M15,5 L15,15 M25,5 L25,15 M15,25 L15,35 M25,25 L25,35" stroke="#ffffff" stroke-width="2" fill="none" />
<text x="50" y="20" font-family="Arial, sans-serif" font-size="16" fill="#ffffff">Grid Integration</text>
<text x="50" y="35" font-family="Arial, sans-serif" font-size="12" fill="#cccccc">Intermittency management</text>
</g>
<g transform="translate(85, 200)">
<!-- Cost -->
<rect x="0" y="0" width="40" height="40" rx="5" fill="#ef5350" opacity="0.7" />
<text x="20" y="28" font-family="Arial, sans-serif" font-size="20" font-weight="bold" fill="#ffffff" text-anchor="middle">$</text>
<text x="50" y="20" font-family="Arial, sans-serif" font-size="16" fill="#ffffff">Initial Investment</text>
<text x="50" y="35" font-family="Arial, sans-serif" font-size="12" fill="#cccccc">High upfront capital costs</text>
</g>
<g transform="translate(85, 260)">
<!-- Materials -->
<rect x="0" y="0" width="40" height="40" rx="5" fill="#ef5350" opacity="0.7" />
<path d="M10,30 L30,30 L25,10 L15,10 Z M20,15 L20,25 M15,20 L25,20" stroke="#ffffff" stroke-width="2" fill="none" />
<text x="50" y="20" font-family="Arial, sans-serif" font-size="16" fill="#ffffff">Critical Materials</text>
<text x="50" y="35" font-family="Arial, sans-serif" font-size="12" fill="#cccccc">Supply chain constraints</text>
</g>
<!-- Opportunities Icons and Text -->
<g transform="translate(395, 140)">
<!-- AI & Digital -->
<rect x="0" y="0" width="40" height="40" rx="5" fill="#8bd8bd" opacity="0.7" />
<path d="M10,10 L30,10 L30,30 L10,30 Z M15,15 L25,15 M15,20 L25,20 M15,25 L20,25" stroke="#ffffff" stroke-width="2" fill="none" />
<text x="50" y="20" font-family="Arial, sans-serif" font-size="16" fill="#ffffff">AI & Digital Twins</text>
<text x="50" y="35" font-family="Arial, sans-serif" font-size="12" fill="#cccccc">Smart grid management</text>
</g>
<g transform="translate(395, 200)">
<!-- Hybrid Systems -->
<rect x="0" y="0" width="40" height="40" rx="5" fill="#8bd8bd" opacity="0.7" />
<circle cx="15" cy="15" r="8" fill="#f9a826" />
<path d="M28,28 C35,23 35,15 28,10" stroke="#4fc3f7" stroke-width="2" fill="none" />
<text x="50" y="20" font-family="Arial, sans-serif" font-size="16" fill="#ffffff">Hybrid Systems</text>
<text x="50" y="35" font-family="Arial, sans-serif" font-size="12" fill="#cccccc">Complementary technologies</text>
</g>
<g transform="translate(395, 260)">
<!-- Circular Economy -->
<rect x="0" y="0" width="40" height="40" rx="5" fill="#8bd8bd" opacity="0.7" />
<path d="M20,10 C30,10 35,20 30,28 L25,25 M30,28 L35,32 M10,28 C5,20 10,10 20,10 L20,15 M10,28 L5,32 M20,35 C10,35 5,25 10,17 L15,20 M20,35 L20,30" stroke="#ffffff" stroke-width="2" fill="none" />
<text x="50" y="20" font-family="Arial, sans-serif" font-size="16" fill="#ffffff">Circular Economy</text>
<text x="50" y="35" font-family="Arial, sans-serif" font-size="12" fill="#cccccc">Recycling & repurposing</text>
</g>
<!-- Footer -->
<text x="340" y="380" font-family="Arial, sans-serif" font-size="12" fill="#ffffff" text-anchor="middle">Source: World Economic Forum, IRENA, IEA Technology Outlook</text>
</svg>
<svg width="680" height="400" viewBox="0 0 680 400" xmlns="http://www.w3.org/2000/svg" class="giz-slide">
<!-- Background -->
<rect width="680" height="400" fill="#1a2639" />
<!-- Decorative Element -->
<path d="M0,400 L680,400 L680,320 C620,340 550,300 480,320 C410,340 350,300 280,320 C210,340 150,300 80,320 C40,330 0,320 0,320 Z" fill="#3f51b5" opacity="0.6" />
<!-- Title -->
<text x="340" y="60" font-family="Arial, sans-serif" font-size="30" font-weight="bold" fill="#ffffff" text-anchor="middle">THANK YOU</text>
<!-- Content Container -->
<rect x="120" y="90" width="440" height="220" rx="10" fill="#243447" opacity="0.7" />
<!-- Summary Points -->
<text x="340" y="130" font-family="Arial, sans-serif" font-size="20" font-weight="bold" fill="#8bd8bd" text-anchor="middle">Key Takeaways</text>
<!-- Point 1 -->
<circle cx="150" cy="170" r="6" fill="#f9a826" />
<text x="170" y="175" font-family="Arial, sans-serif" font-size="16" fill="#ffffff">Renewables are now the fastest growing energy source</text>
<!-- Point 2 -->
<circle cx="150" cy="200" r="6" fill="#f9a826" />
<text x="170" y="205" font-family="Arial, sans-serif" font-size="16" fill="#ffffff">Technology costs continue to decline rapidly</text>
<!-- Point 3 -->
<circle cx="150" cy="230" r="6" fill="#f9a826" />
<text x="170" y="235" font-family="Arial, sans-serif" font-size="16" fill="#ffffff">Storage solutions are enhancing grid stability</text>
<!-- Point 4 -->
<circle cx="150" cy="260" r="6" fill="#f9a826" />
<text x="170" y="265" font-family="Arial, sans-serif" font-size="16" fill="#ffffff">Policy support remains crucial for further growth</text>
<!-- Point 5 -->
<circle cx="150" cy="290" r="6" fill="#f9a826" />
<text x="170" y="295" font-family="Arial, sans-serif" font-size="16" fill="#ffffff">Hybrid systems will define the future energy landscape</text>
<!-- Energy Icons -->
<g transform="translate(140, 350)">
<!-- Solar -->
<circle cx="0" cy="0" r="15" fill="#f9a826" />
<g fill="none" stroke="#1a2639" stroke-width="1">
<path d="M0,-15 L0,15 M-15,0 L15,0 M-10,-10 L10,10 M-10,10 L10,-10" />
</g>
</g>
<g transform="translate(190, 350)">
<!-- Wind -->
<circle cx="0" cy="0" r="15" fill="#4fc3f7" />
<path d="M0,-3 C3,-3 9,-9 9,-12 C9,-15 6,-15 6,-12 C6,-9 3,-6 0,-6 Z" fill="#1a2639" transform="rotate(0)"/>
<path d="M0,-3 C3,-3 9,-9 9,-12 C9,-15 6,-15 6,-12 C6,-9 3,-6 0,-6 Z" fill="#1a2639" transform="rotate(120)"/>
<path d="M0,-3 C3,-3 9,-9 9,-12 C9,-15 6,-15 6,-12 C6,-9 3,-6 0,-6 Z" fill="#1a2639" transform="rotate(240)"/>
<circle cx="0" cy="0" r="3" fill="#1a2639" />
</g>
<g transform="translate(240, 350)">
<!-- Hydro -->
<circle cx="0" cy="0" r="15" fill="#29b6f6" />
<path d="M-9,3 Q0,-9 9,3 Q0,15 -9,3 Z" fill="#1a2639" />
</g>
<g transform="translate(290, 350)">
<!-- Geothermal -->
<circle cx="0" cy="0" r="15" fill="#66bb6a" />
<path d="M-6,-6 L6,6 M-6,6 L6,-6" stroke="#1a2639" stroke-width="2" />
<circle cx="0" cy="0" r="6" fill="#ef5350" />
</g>
<g transform="translate(340, 350)">
<!-- Biomass -->
<circle cx="0" cy="0" r="15" fill="#8bc34a" />
<path d="M-5,-5 C-3,-8 0,-7 0,-5 C3,-8 5,-5 3,-2 C6,-3 6,0 4,2 C6,4 4,6 1,5 C2,8 -2,8 -4,5 C-7,6 -8,3 -6,1 C-8,-1 -6,-4 -5,-5" fill="#1a2639" />
</g>
<g transform="translate(390, 350)">
<!-- Battery -->
<circle cx="0" cy="0" r="15" fill="#8bd8bd" />
<rect x="-8" y="-6" width="16" height="12" fill="none" stroke="#1a2639" stroke-width="1" />
<rect x="8" y="-3" width="3" height="6" fill="#1a2639" />
<line x1="-4" y1="-3" x2="-4" y2="3" stroke="#1a2639" stroke-width="2" />
<line x1="0" y1="-3" x2="0" y2="3" stroke="#1a2639" stroke-width="2" />
<line x1="4" y1="-3" x2="4" y2="3" stroke="#1a2639" stroke-width="2" />
</g>
<g transform="translate(440, 350)">
<!-- Smart Grid -->
<circle cx="0" cy="0" r="15" fill="#7986cb" />
<circle cx="-6" cy="-6" r="3" fill="none" stroke="#1a2639" stroke-width="1" />
<circle cx="6" cy="-6" r="3" fill="none" stroke="#1a2639" stroke-width="1" />
<circle cx="-6" cy="6" r="3" fill="none" stroke="#1a2639" stroke-width="1" />
<circle cx="6" cy="6" r="3" fill="none" stroke="#1a2639" stroke-width="1" />
<line x1="-6" y1="-6" x2="6" y2="-6" stroke="#1a2639" stroke-width="1" />
<line x1="-6" y1="-6" x2="-6" y2="6" stroke="#1a2639" stroke-width="1" />
<line x1="-6" y1="6" x2="6" y2="6" stroke="#1a2639" stroke-width="1" />
<line x1="6" y1="-6" x2="6" y2="6" stroke="#1a2639" stroke-width="1" />
<line x1="-6" y1="-6" x2="6" y2="6" stroke="#1a2639" stroke-width="1" />
<line x1="-6" y1="6" x2="6" y2="-6" stroke="#1a2639" stroke-width="1" />
</g>
<g transform="translate(490, 350)">
<!-- Hydrogen -->
<circle cx="0" cy="0" r="15" fill="#ef5350" />
<text x="0" y="5" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#1a2639" text-anchor="middle">H</text>
</g>
<g transform="translate(540, 350)">
<!-- Research -->
<circle cx="0" cy="0" r="15" fill="#9c27b0" />
<circle cx="0" cy="-3" r="5" fill="none" stroke="#1a2639" stroke-width="1" />
<line x1="0" y1="2" x2="0" y2="8" stroke="#1a2639" stroke-width="1" />
<line x1="-4" y1="5" x2="4" y2="5" stroke="#1a2639" stroke-width="1" />
<line x1="-3" y1="8" x2="3" y2="8" stroke="#1a2639" stroke-width="1" />
</g>
<!-- Footer -->
<text x="340" y="380" font-family="Arial, sans-serif" font-size="14" fill="#ffffff" text-anchor="middle">Contact: renewables@globalenergy.org</text>
</svg>