<div style="background: #ffffff; border-radius: 12px; border: 1px solid #E2E4E6; padding: 1.25rem 1.5rem; max-width: 620px;"> <div style="display: flex; align-items: center; gap: 14px; margin-bottom: 14px;"> <div style="width: 48px; height: 48px; border-radius: 50%; flex-shrink: 0; background: #e6f3f1; display: flex; align-items: center; justify-content: center;"> <svg width="26" height="26" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 2C9.5 2 7.5 4.2 7.5 7C7.5 9.5 9 11.5 11 12C7.5 12.8 5 15.6 5 19H19C19 15.6 16.5 12.8 13 12C15 11.5 16.5 9.5 16.5 7C16.5 4.2 14.5 2 12 2Z" fill="#087a6a"/> </svg> </div> <div> <p style="font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 20px; margin: 0; color: #1a1a1a;">Wastewater support</p> <p style="font-family: 'Inter', sans-serif; font-size: 16px; color: #666; margin: 5px 0 0;">Get help with supply kits, orders, invoicing and more.</p> </div> </div> <div style="border-top: 1px solid #E2E4E6; padding-top: 12px; display: flex; align-items: center; gap: 10px;"> <div style="width: 32px; height: 32px; border-radius: 50%; background: #e6f3f1; display: flex; align-items: center; justify-content: center; flex-shrink: 0;"> <svg width="17" height="17" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6C22 4.9 21.1 4 20 4ZM20 8L12 13L4 8V6L12 11L20 6V8Z" fill="#087a6a"/> </svg> </div> <a href="mailto:wastewatersupport@verily.com" style="font-family: 'Inter', sans-serif; font-size: 17px; color: #087a6a; text-decoration: none; font-weight: 500;">wastewatersupport@verily.com</a> </div> </div>