<div style="font-family: 'Segoe UI', Arial, sans-serif; max-width: 750px; color: #334155; line-height: 1.6; border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden; background-color: #ffffff; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);"> <div style="background-color: #1a5276; padding: 20px; color: #ffffff;"> <h1 style="margin: 0; font-size: 22px; letter-spacing: 0.5px; display: flex; align-items: center; gap: 12px;"> <i class="fa-solid fa-bolt-lightning" style="color: #3498db;"></i> AEGIS ENERGY SOLUTIONS </h1> <p style="margin: 5px 0 0 35px; font-size: 13px; opacity: 0.9; font-weight: 300; text-transform: uppercase; letter-spacing: 1px;"> Unified Energy Partner </p> </div> <div style="padding: 25px;"> <p style="font-size: 18px; color: #1e293b; font-weight: 600; margin-bottom: 20px; line-height: 1.5;"> Bridging the gap between <span style="color: #1a5276;">petroleum reliability</span> and <span style="color: #059669;">renewable innovation</span> for high-demand sectors. </p> <div style="display: flex; gap: 15px; margin-bottom: 25px; font-size: 12px; font-weight: 700; color: #64748b; text-transform: uppercase;"> <span><i class="fa-solid fa-pickaxe" style="margin-right: 5px;"></i> Mining</span> <span><i class="fa-solid fa-industry" style="margin-right: 5px;"></i> Manufacturing</span> <span><i class="fa-solid fa-truck-container" style="margin-right: 5px;"></i> Logistics</span> </div> <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-bottom: 25px;"> <div style="background: #f0fdf4; border: 1px solid #dcfce7; padding: 15px; border-radius: 8px;"> <h3 style="margin: 0 0 8px 0; font-size: 14px; color: #166534; display: flex; align-items: center; gap: 8px;"> <i class="fa-duotone fa-solar-panel"></i> Renewables </h3> <p style="margin: 0; font-size: 13px; color: #3f6212;">Solar PV & UPS Systems</p> </div> <div style="background: #fef2f2; border: 1px solid #fee2e2; padding: 15px; border-radius: 8px;"> <h3 style="margin: 0 0 8px 0; font-size: 14px; color: #991b1b; display: flex; align-items: center; gap: 8px;"> <i class="fa-duotone fa-gas-pump"></i> Distribution </h3> <p style="margin: 0; font-size: 13px; color: #7f1d1d;">Petroleum & LPG Excellence</p> </div> </div> <div style="border-left: 3px solid #cbd5e1; padding-left: 20px; margin-bottom: 30px;"> <p style="margin: 0; font-style: italic; color: #475569; font-size: 15px;"> "We don't just supply energy; we engineer the stability required for modern industry to thrive." </p> </div> <div style="display: flex; justify-content: space-between; align-items: center; padding-top: 15px; border-top: 1px solid #f1f5f9; font-size: 12px; color: #94a3b8;"> <span> <i class="fa-solid fa-medal" style="color: #1a5276; margin-right: 4px;"></i> <strong>B-BBEE Level 1</strong> </span> <span> <i class="fa-solid fa-file-certificate" style="margin-right: 4px;"></i> CSD: <strong>MAAA1701216</strong> </span> </div> </div> </div>