{"id":15,"date":"2026-07-09T19:27:33","date_gmt":"2026-07-09T19:27:33","guid":{"rendered":"https:\/\/mmproman.co.za\/?page_id=15"},"modified":"2026-08-26T08:05:48","modified_gmt":"2026-08-26T08:05:48","slug":"home","status":"publish","type":"page","link":"https:\/\/mmproman.co.za\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15\" class=\"elementor elementor-15\">\n\t\t\t\t<div class=\"elementor-element elementor-element-03de0bc e-con e-atomic-element e-flexbox-base e-5543445 \" data-id=\"03de0bc\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"03de0bc\">\n    \t\t<div class=\"elementor-element elementor-element-ecb2c18 elementor-widget elementor-widget-html\" data-id=\"ecb2c18\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- MM Proman Header Section - Professional Navigation -->\r\n<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <meta name=\"description\" content=\"MM Proman - Professional Waste Management & Sanitation Services\">\r\n    <meta name=\"keywords\" content=\"waste management Western Cape, sanitation services, septic tank cleaning, skip bins, waste removal, Western Cape\">\r\n    <title>MM Proman | Waste Management & Sanitation Services Western Cape<\/title>\r\n    \r\n    <!-- Elegant Fonts -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700&family=Lora:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Lora', Georgia, serif;\r\n            line-height: 1.6;\r\n            color: #2C3E50;\r\n        }\r\n\r\n        \/* Header Styles *\/\r\n        .header {\r\n            background-color: #FFFFFF;\r\n            padding: 16px 20px;\r\n            position: sticky;\r\n            top: 0;\r\n            z-index: 1000;\r\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\r\n        }\r\n\r\n        .header-container {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            gap: 40px;\r\n        }\r\n\r\n        \/* Logo *\/\r\n        .logo {\r\n            display: flex;\r\n            align-items: center;\r\n            text-decoration: none;\r\n            gap: 12px;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .logo img {\r\n            height: 50px;\r\n            width: auto;\r\n            object-fit: contain;\r\n        }\r\n\r\n        \/* Navigation Menu *\/\r\n        .nav-menu {\r\n            display: flex;\r\n            list-style: none;\r\n            gap: 8px;\r\n            align-items: center;\r\n            flex: 1;\r\n            justify-content: center;\r\n        }\r\n\r\n        .nav-item a {\r\n            text-decoration: none;\r\n            color: #2C3E50;\r\n            font-size: 14px;\r\n            font-weight: 500;\r\n            padding: 10px 16px;\r\n            border-radius: 0;\r\n            transition: all 0.3s ease;\r\n            display: block;\r\n        }\r\n\r\n        .nav-item a:hover {\r\n            color: #144835;\r\n            background-color: #F5F6F7;\r\n        }\r\n\r\n        .nav-item a.active {\r\n            color: #144835;\r\n            border-bottom: 2px solid #2d8b6f;\r\n            padding-bottom: 8px;\r\n        }\r\n\r\n        \/* Header CTA Buttons *\/\r\n        .header-cta {\r\n            display: flex;\r\n            gap: 16px;\r\n            align-items: center;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        \/* Call Us Button *\/\r\n        .btn-phone,\r\n        .btn-phone:link,\r\n        .btn-phone:visited {\r\n            background-color: transparent !important;\r\n            color: #144835 !important;\r\n            border: 2px solid #144835 !important;\r\n            padding: 10px 18px;\r\n            border-radius: 0;\r\n            font-size: 13px;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            text-decoration: none;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n            font-family: 'Lora', Georgia, serif;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        .btn-phone:hover {\r\n            background-color: #144835 !important;\r\n            color: #FFFFFF !important;\r\n        }\r\n\r\n        \/* WhatsApp Button *\/\r\n        .btn-whatsapp,\r\n        .btn-whatsapp:link,\r\n        .btn-whatsapp:visited {\r\n            background-color: #2d8b6f !important;\r\n            color: #FFFFFF !important;\r\n            border: 2px solid #2d8b6f !important;\r\n            padding: 10px 18px;\r\n            border-radius: 0;\r\n            font-size: 13px;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            text-decoration: none;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n            font-family: 'Lora', Georgia, serif;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        .btn-whatsapp:hover {\r\n            background-color: #1f5c48 !important;\r\n            border-color: #1f5c48 !important;\r\n            color: #FFFFFF !important;\r\n        }\r\n\r\n        \/* Mobile Menu Toggle *\/\r\n        .menu-toggle {\r\n            display: none;\r\n            flex-direction: column;\r\n            background: none;\r\n            border: none;\r\n            cursor: pointer;\r\n            gap: 5px;\r\n        }\r\n\r\n        .menu-toggle span {\r\n            width: 24px;\r\n            height: 2px;\r\n            background-color: #144835;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .menu-toggle.active span:nth-child(1) {\r\n            transform: rotate(45deg) translate(8px, 8px);\r\n        }\r\n\r\n        .menu-toggle.active span:nth-child(2) {\r\n            opacity: 0;\r\n        }\r\n\r\n        .menu-toggle.active span:nth-child(3) {\r\n            transform: rotate(-45deg) translate(7px, -7px);\r\n        }\r\n\r\n        \/* Tablet Responsiveness *\/\r\n        @media (max-width: 1024px) {\r\n            .header-container {\r\n                gap: 20px;\r\n            }\r\n\r\n            .nav-menu {\r\n                gap: 4px;\r\n            }\r\n\r\n            .nav-item a {\r\n                padding: 10px 12px;\r\n                font-size: 13px;\r\n            }\r\n\r\n            .btn-phone,\r\n            .btn-whatsapp {\r\n                padding: 9px 14px;\r\n                font-size: 12px;\r\n            }\r\n\r\n            .logo img {\r\n                height: 45px;\r\n            }\r\n        }\r\n\r\n        \/* Mobile Responsiveness *\/\r\n        @media (max-width: 768px) {\r\n            .header {\r\n                padding: 14px 16px;\r\n            }\r\n\r\n            .header-container {\r\n                gap: 16px;\r\n            }\r\n\r\n            .menu-toggle {\r\n                display: flex;\r\n            }\r\n\r\n            .nav-menu {\r\n                position: absolute;\r\n                top: 100%;\r\n                left: 0;\r\n                right: 0;\r\n                background-color: #FFFFFF;\r\n                flex-direction: column;\r\n                gap: 0;\r\n                max-height: 0;\r\n                overflow: hidden;\r\n                transition: max-height 0.3s ease;\r\n                border-bottom: 1px solid #EBEBEB;\r\n                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n            }\r\n\r\n            .nav-menu.active {\r\n                max-height: 400px;\r\n            }\r\n\r\n            .nav-item a {\r\n                padding: 12px 16px;\r\n                border-bottom: 1px solid #F5F6F7;\r\n                display: block;\r\n                width: 100%;\r\n            }\r\n\r\n            .nav-item a:hover {\r\n                background-color: #F5F6F7;\r\n            }\r\n\r\n            .header-cta {\r\n                display: none;\r\n            }\r\n\r\n            .logo img {\r\n                height: 40px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .header {\r\n                padding: 12px 12px;\r\n            }\r\n\r\n            .header-container {\r\n                gap: 12px;\r\n            }\r\n\r\n            .logo img {\r\n                height: 35px;\r\n            }\r\n\r\n            .nav-item a {\r\n                padding: 10px 14px;\r\n                font-size: 13px;\r\n            }\r\n        }\r\n\r\n        \/* Animation *\/\r\n        @keyframes slideDown {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(-10px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        .header {\r\n            animation: slideDown 0.5s ease-out forwards;\r\n        }\r\n\r\n        \/* Accessibility *\/\r\n        @media (prefers-reduced-motion: reduce) {\r\n            * {\r\n                animation-duration: 0.01ms !important;\r\n                animation-iteration-count: 1 !important;\r\n                transition-duration: 0.01ms !important;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- Header Navigation -->\r\n<header class=\"header\">\r\n    <div class=\"header-container\">\r\n        \r\n        <!-- Logo -->\r\n        <a href=\"#hero\" class=\"logo\">\r\n            <img decoding=\"async\" src=\"https:\/\/mmproman.co.za\/wp-content\/uploads\/2026\/07\/cropped-MM-Proman-Logo.png\" alt=\"MM Proman Logo\">\r\n        <\/a>\r\n\r\n        <!-- Navigation Menu -->\r\n        <nav>\r\n            <ul class=\"nav-menu\" id=\"navMenu\">\r\n                <li class=\"nav-item\"><a href=\"#hero\">Home<\/a><\/li>\r\n                <li class=\"nav-item\"><a href=\"#services\">Services<\/a><\/li>\r\n                <li class=\"nav-item\"><a href=\"#why-choose-us\">Why Us<\/a><\/li>\r\n                <li class=\"nav-item\"><a href=\"#how-it-works\">Process<\/a><\/li>\r\n                <li class=\"nav-item\"><a href=\"#testimonials\">Testimonials<\/a><\/li>\r\n                <li class=\"nav-item\"><a href=\"#contact\">Contact<\/a><\/li>\r\n            <\/ul>\r\n        <\/nav>\r\n\r\n        <!-- CTA Buttons -->\r\n        <div class=\"header-cta\">\r\n            <a href=\"tel:+27219746100\" class=\"btn-phone\">\r\n                <span>Call Us<\/span>\r\n            <\/a>\r\n            <a href=\"https:\/\/wa.me\/27730999387\" class=\"btn-whatsapp\">\r\n                <span>WhatsApp<\/span>\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <!-- Mobile Menu Toggle -->\r\n        <button class=\"menu-toggle\" id=\"menuToggle\" aria-label=\"Toggle menu\">\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n        <\/button>\r\n    <\/div>\r\n<\/header>\r\n\r\n<script>\r\n    \/\/ Mobile menu toggle\r\n    const menuToggle = document.getElementById('menuToggle');\r\n    const navMenu = document.getElementById('navMenu');\r\n\r\n    menuToggle.addEventListener('click', function() {\r\n        menuToggle.classList.toggle('active');\r\n        navMenu.classList.toggle('active');\r\n    });\r\n\r\n    \/\/ Close menu when a link is clicked\r\n    document.querySelectorAll('.nav-item a').forEach(link => {\r\n        link.addEventListener('click', function() {\r\n            menuToggle.classList.remove('active');\r\n            navMenu.classList.remove('active');\r\n        });\r\n    });\r\n\r\n    \/\/ Close menu when clicking outside\r\n    document.addEventListener('click', function(event) {\r\n        if (!event.target.closest('header')) {\r\n            menuToggle.classList.remove('active');\r\n            navMenu.classList.remove('active');\r\n        }\r\n    });\r\n\r\n    \/\/ Add active class to current section\r\n    window.addEventListener('scroll', function() {\r\n        let current = '';\r\n        const sections = document.querySelectorAll('section');\r\n        \r\n        sections.forEach(section => {\r\n            const sectionTop = section.offsetTop;\r\n            if (scrollY >= sectionTop - 100) {\r\n                current = section.getAttribute('id');\r\n            }\r\n        });\r\n\r\n        document.querySelectorAll('.nav-item a').forEach(link => {\r\n            link.classList.remove('active');\r\n            if (link.getAttribute('href') === '#' + current) {\r\n                link.classList.add('active');\r\n            }\r\n        });\r\n    });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-bafebfe e-con e-atomic-element e-flexbox-base e-bafebfe-4516115 \" data-id=\"bafebfe\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"bafebfe\">\n    \t\t<div class=\"elementor-element elementor-element-fc7a724 elementor-widget elementor-widget-html\" data-id=\"fc7a724\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- MM Proman Hero Section - Production SEO Optimized -->\r\n<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <meta name=\"description\" content=\"MM Proman - Professional Waste Management & Sanitation Services in Western Cape. Septic tank cleaning, wastewater purification, skip bins, honeysucker trucks serving Cape Town, Paarl, Stellenbosch & entire Western Cape.\">\r\n    <meta name=\"keywords\" content=\"waste management Western Cape, sanitation services, septic tank cleaning Cape Town, skip bins, waste removal Paarl, Stellenbosch waste services\">\r\n    <title>MM Proman | Waste Management & Sanitation Services Western Cape<\/title>\r\n    \r\n    <!-- Elegant Fonts with Performance Optimization -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700&family=Lora:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <!-- Local Business Schema Markup for Google -->\r\n    <script type=\"application\/ld+json\">\r\n    {\r\n      \"@context\": \"https:\/\/schema.org\",\r\n      \"@type\": \"LocalBusiness\",\r\n      \"name\": \"MM Proman\",\r\n      \"description\": \"Waste management, sanitation, hygiene and utility services provider\",\r\n      \"url\": \"https:\/\/mmproman.co.za\",\r\n      \"telephone\": \"+27210974610\",\r\n      \"email\": \"Admin@mmproman.co.za\",\r\n      \"address\": [\r\n        {\r\n          \"@type\": \"PostalAddress\",\r\n          \"streetAddress\": \"2nd Floor, Willowbridge Shopping Complex\",\r\n          \"addressLocality\": \"Cape Town\",\r\n          \"postalCode\": \"7530\",\r\n          \"addressCountry\": \"ZA\"\r\n        },\r\n        {\r\n          \"@type\": \"PostalAddress\",\r\n          \"streetAddress\": \"The Link Building, 1 New Street\",\r\n          \"addressLocality\": \"Paarl\",\r\n          \"postalCode\": \"7646\",\r\n          \"addressCountry\": \"ZA\"\r\n        },\r\n        {\r\n          \"@type\": \"PostalAddress\",\r\n          \"streetAddress\": \"The Vineyard Office Park Building 2, Devon Valley Road\",\r\n          \"addressLocality\": \"Stellenbosch\",\r\n          \"postalCode\": \"7600\",\r\n          \"addressCountry\": \"ZA\"\r\n        }\r\n      ],\r\n      \"areaServed\": [\"Cape Town\", \"Paarl\", \"Stellenbosch\", \"Western Cape\"],\r\n      \"priceRange\": \"Contact for quote\",\r\n      \"sameAs\": []\r\n    }\r\n    <\/script>\r\n\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Lora', Georgia, serif;\r\n            line-height: 1.6;\r\n            color: #2C3E50;\r\n        }\r\n\r\n        \/* Hero Section Styles *\/\r\n        .hero-section {\r\n            min-height: 100vh;\r\n            background: linear-gradient(135deg, #144835 0%, #0d3a2a 100%);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 40px 20px;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* Decorative element for visual interest without impacting performance *\/\r\n        .hero-section::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50%;\r\n            right: -10%;\r\n            width: 500px;\r\n            height: 500px;\r\n            background: rgba(45, 139, 111, 0.1);\r\n            border-radius: 50%;\r\n            pointer-events: none;\r\n            animation: floatSlow 20s ease-in-out infinite;\r\n        }\r\n\r\n        .hero-section::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -30%;\r\n            left: -5%;\r\n            width: 400px;\r\n            height: 400px;\r\n            background: rgba(45, 139, 111, 0.08);\r\n            border-radius: 50%;\r\n            pointer-events: none;\r\n            animation: floatSlow 25s ease-in-out infinite reverse;\r\n        }\r\n\r\n        \/* Floating animation for background elements *\/\r\n        @keyframes floatSlow {\r\n            0%, 100% {\r\n                transform: translateY(0px) translateX(0px);\r\n            }\r\n            25% {\r\n                transform: translateY(-30px) translateX(20px);\r\n            }\r\n            50% {\r\n                transform: translateY(-50px) translateX(-20px);\r\n            }\r\n            75% {\r\n                transform: translateY(-20px) translateX(30px);\r\n            }\r\n        }\r\n\r\n        \/* Animated floating particles *\/\r\n        .floating-particle {\r\n            position: absolute;\r\n            width: 20px;\r\n            height: 20px;\r\n            background: rgba(45, 139, 111, 0.15);\r\n            border-radius: 50%;\r\n            pointer-events: none;\r\n            z-index: 0;\r\n        }\r\n\r\n        .particle-1 {\r\n            top: 15%;\r\n            left: 10%;\r\n            width: 40px;\r\n            height: 40px;\r\n            animation: float1 15s infinite ease-in-out;\r\n        }\r\n\r\n        .particle-2 {\r\n            top: 60%;\r\n            right: 8%;\r\n            width: 30px;\r\n            height: 30px;\r\n            animation: float2 18s infinite ease-in-out;\r\n        }\r\n\r\n        .particle-3 {\r\n            bottom: 20%;\r\n            left: 15%;\r\n            width: 25px;\r\n            height: 25px;\r\n            animation: float3 20s infinite ease-in-out;\r\n        }\r\n\r\n        .particle-4 {\r\n            top: 40%;\r\n            right: 15%;\r\n            width: 35px;\r\n            height: 35px;\r\n            animation: float4 22s infinite ease-in-out;\r\n        }\r\n\r\n        @keyframes float1 {\r\n            0%, 100% { transform: translateY(0px) translateX(0px); opacity: 0.3; }\r\n            50% { transform: translateY(-40px) translateX(30px); opacity: 0.6; }\r\n        }\r\n\r\n        @keyframes float2 {\r\n            0%, 100% { transform: translateY(0px) translateX(0px); opacity: 0.2; }\r\n            50% { transform: translateY(50px) translateX(-40px); opacity: 0.5; }\r\n        }\r\n\r\n        @keyframes float3 {\r\n            0%, 100% { transform: translateY(0px) translateX(0px); opacity: 0.25; }\r\n            50% { transform: translateY(-30px) translateX(-50px); opacity: 0.55; }\r\n        }\r\n\r\n        @keyframes float4 {\r\n            0%, 100% { transform: translateY(0px) translateX(0px); opacity: 0.3; }\r\n            50% { transform: translateY(40px) translateX(45px); opacity: 0.6; }\r\n        }\r\n\r\n        .hero-content {\r\n            max-width: 900px;\r\n            z-index: 1;\r\n            width: 100%;\r\n            text-align: center;\r\n        }\r\n\r\n        \/* Elegant Font for Headings *\/\r\n        h1 {\r\n            font-family: 'Playfair Display', Georgia, serif;\r\n            color: #FFFFFF;\r\n            font-size: 48px;\r\n            font-weight: 700;\r\n            line-height: 1.2;\r\n            margin-bottom: 20px;\r\n            letter-spacing: -0.5px;\r\n            animation: fadeInSlideDown 0.8s ease-out forwards;\r\n            opacity: 0;\r\n        }\r\n\r\n        \/* Keyframe Animations *\/\r\n        @keyframes fadeInSlideDown {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(20px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(20px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        @keyframes fadeIn {\r\n            from {\r\n                opacity: 0;\r\n            }\r\n            to {\r\n                opacity: 1;\r\n            }\r\n        }\r\n\r\n        @keyframes subtle-float {\r\n            0%, 100% {\r\n                transform: translateY(0px);\r\n            }\r\n            50% {\r\n                transform: translateY(8px);\r\n            }\r\n        }\r\n\r\n        \/* Scroll indicator *\/\r\n        .scroll-indicator {\r\n            position: absolute;\r\n            bottom: 30px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            z-index: 2;\r\n        }\r\n\r\n        .scroll-indicator svg {\r\n            width: 30px;\r\n            height: 30px;\r\n            stroke: rgba(255, 255, 255, 0.7);\r\n            stroke-width: 2;\r\n            fill: none;\r\n            animation: bounceDown 2s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes bounceDown {\r\n            0%, 20%, 50%, 80%, 100% {\r\n                opacity: 0.7;\r\n                transform: translateY(0);\r\n            }\r\n            40% {\r\n                opacity: 1;\r\n                transform: translateY(10px);\r\n            }\r\n            60% {\r\n                opacity: 1;\r\n                transform: translateY(5px);\r\n            }\r\n        }\r\n\r\n        .hero-subheading {\r\n            color: #E8F4F8;\r\n            font-size: 20px;\r\n            font-weight: 400;\r\n            margin-bottom: 15px;\r\n            line-height: 1.5;\r\n            animation: fadeInUp 0.8s ease-out 0.15s forwards;\r\n            opacity: 0;\r\n        }\r\n\r\n        .hero-description {\r\n            color: #D0E8F2;\r\n            font-size: 16px;\r\n            margin-bottom: 40px;\r\n            line-height: 1.8;\r\n            max-width: 700px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n            animation: fadeInUp 0.8s ease-out 0.3s forwards;\r\n            opacity: 0;\r\n        }\r\n\r\n        \/* CTA Button Styles *\/\r\n        .cta-button {\r\n            display: inline-block;\r\n            background-color: #2d8b6f;\r\n            color: #FFFFFF;\r\n            padding: 16px 48px;\r\n            text-decoration: none;\r\n            border-radius: 6px;\r\n            font-weight: 600;\r\n            font-size: 16px;\r\n            transition: all 0.3s ease;\r\n            border: 2px solid #2d8b6f;\r\n            cursor: pointer;\r\n            margin-right: 15px;\r\n            margin-bottom: 15px;\r\n            animation: fadeInUp 0.8s ease-out 0.45s forwards;\r\n            opacity: 0;\r\n        }\r\n\r\n        .cta-button:hover {\r\n            background-color: #1f5c48;\r\n            border-color: #1f5c48;\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 12px 28px rgba(45, 139, 111, 0.35);\r\n        }\r\n\r\n        .cta-button:active {\r\n            transform: translateY(-1px);\r\n        }\r\n\r\n        .cta-button-secondary {\r\n            display: inline-block;\r\n            background-color: transparent;\r\n            color: #FFFFFF;\r\n            padding: 16px 48px;\r\n            text-decoration: none;\r\n            border-radius: 6px;\r\n            font-weight: 600;\r\n            font-size: 16px;\r\n            transition: all 0.3s ease;\r\n            border: 2px solid #FFFFFF;\r\n            cursor: pointer;\r\n            margin-bottom: 15px;\r\n            animation: fadeInUp 0.8s ease-out 0.55s forwards;\r\n            opacity: 0;\r\n        }\r\n\r\n        .cta-button-secondary:hover {\r\n            background-color: #FFFFFF;\r\n            color: #0F3A6D;\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 12px 28px rgba(255, 255, 255, 0.25);\r\n        }\r\n\r\n        .cta-button-secondary:active {\r\n            transform: translateY(-1px);\r\n        }\r\n\r\n        \/* Trust Badges *\/\r\n        .trust-badges {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 30px;\r\n            margin-top: 60px;\r\n            flex-wrap: wrap;\r\n            font-size: 14px;\r\n            color: #D0E8F2;\r\n            animation: fadeIn 0.8s ease-out 0.7s forwards;\r\n            opacity: 0;\r\n        }\r\n\r\n        .badge {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .badge:hover {\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .badge-icon {\r\n            width: 24px;\r\n            height: 24px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-weight: bold;\r\n            color: #00A3E0;\r\n        }\r\n\r\n        \/* Mobile Responsiveness *\/\r\n        @media (max-width: 768px) {\r\n            h1 {\r\n                font-size: 36px;\r\n                margin-bottom: 15px;\r\n            }\r\n\r\n            .scroll-indicator svg {\r\n                width: 24px;\r\n                height: 24px;\r\n            }\r\n\r\n            .particle-1 {\r\n                width: 30px;\r\n                height: 30px;\r\n                top: 20%;\r\n            }\r\n\r\n            .particle-2 {\r\n                width: 25px;\r\n                height: 25px;\r\n                right: 10%;\r\n            }\r\n\r\n            .particle-3 {\r\n                width: 20px;\r\n                height: 20px;\r\n                left: 10%;\r\n            }\r\n\r\n            .particle-4 {\r\n                width: 28px;\r\n                height: 28px;\r\n                right: 12%;\r\n            }\r\n\r\n            .hero-subheading {\r\n                font-size: 18px;\r\n                margin-bottom: 12px;\r\n            }\r\n\r\n            .hero-description {\r\n                font-size: 15px;\r\n                margin-bottom: 30px;\r\n            }\r\n\r\n            .cta-button,\r\n            .cta-button-secondary {\r\n                padding: 14px 32px;\r\n                font-size: 15px;\r\n                width: 100%;\r\n                margin-right: 0;\r\n            }\r\n\r\n            .trust-badges {\r\n                gap: 20px;\r\n                margin-top: 40px;\r\n            }\r\n\r\n            .hero-section::before {\r\n                width: 300px;\r\n                height: 300px;\r\n                top: -30%;\r\n                right: -20%;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .hero-section {\r\n                padding: 30px 16px;\r\n                min-height: auto;\r\n                padding-top: 60px;\r\n                padding-bottom: 40px;\r\n            }\r\n\r\n            h1 {\r\n                font-size: 28px;\r\n                line-height: 1.3;\r\n                margin-bottom: 12px;\r\n            }\r\n\r\n            .hero-subheading {\r\n                font-size: 16px;\r\n                margin-bottom: 10px;\r\n            }\r\n\r\n            .hero-description {\r\n                font-size: 14px;\r\n                margin-bottom: 25px;\r\n            }\r\n\r\n            .cta-button,\r\n            .cta-button-secondary {\r\n                padding: 12px 24px;\r\n                font-size: 14px;\r\n                display: block;\r\n                margin-bottom: 12px;\r\n            }\r\n\r\n            .trust-badges {\r\n                flex-direction: column;\r\n                gap: 15px;\r\n            }\r\n        }\r\n\r\n        \/* Accessibility & Performance *\/\r\n        @media (prefers-reduced-motion: reduce) {\r\n            * {\r\n                animation-duration: 0.01ms !important;\r\n                animation-iteration-count: 1 !important;\r\n                transition-duration: 0.01ms !important;\r\n            }\r\n        }\r\n\r\n        \/* Link Anchor Navigation (for header links) *\/\r\n        html {\r\n            scroll-behavior: smooth;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"hero-section\" id=\"hero\">\r\n    <!-- Animated floating particles -->\r\n    <div class=\"floating-particle particle-1\"><\/div>\r\n    <div class=\"floating-particle particle-2\"><\/div>\r\n    <div class=\"floating-particle particle-3\"><\/div>\r\n    <div class=\"floating-particle particle-4\"><\/div>\r\n    \r\n    <div class=\"hero-content\">\r\n        <!-- Main H1 for SEO - Contains primary keywords -->\r\n        <h1>Professional Waste Management & Sanitation Services in Cape Town<\/h1>\r\n        \r\n        <!-- Subheading with additional keywords for local SEO -->\r\n        <p class=\"hero-subheading\">Professional Waste Management & Sanitation Services for Cape Town, Paarl, Stellenbosch & Entire Western Cape<\/p>\r\n        \r\n        <!-- Description with service keywords -->\r\n        <p class=\"hero-description\">\r\n            MM Proman provides comprehensive waste management, septic tank cleaning, wastewater purification, and facility maintenance services across the Western Cape. Serving construction sites, corporate office buildings, shopping complexes, and residential properties with professional waste disposal solutions.\r\n        <\/p>\r\n\r\n        <!-- CTA Buttons for conversions -->\r\n        <a href=\"#services\" class=\"cta-button\">View Our Services<\/a>\r\n        <a href=\"#contact\" class=\"cta-button-secondary\">Request a Quote<\/a>\r\n\r\n        <!-- Trust Indicators -->\r\n        <div class=\"trust-badges\">\r\n            <div class=\"badge\">\r\n                <span class=\"badge-icon\">\u2713<\/span>\r\n                <span>Licensed & Insured<\/span>\r\n            <\/div>\r\n            <div class=\"badge\">\r\n                <span class=\"badge-icon\">\u2713<\/span>\r\n                <span>24\/7 Emergency Support<\/span>\r\n            <\/div>\r\n            <div class=\"badge\">\r\n                <span class=\"badge-icon\">\u2713<\/span>\r\n                <span>3 Local Offices<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Animated scroll indicator -->\r\n        <div class=\"scroll-indicator\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M12 5v14m0 0l-7-7m7 7l7-7\"\/>\r\n            <\/svg>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Navigation Anchors Reference (for header to link to) -->\r\n<!-- \r\n    Link these IDs in your header navigation:\r\n    - #hero (this hero section)\r\n    - #services (services section)\r\n    - #why-choose-us (why choose us section)\r\n    - #locations (locations\/contact section)\r\n    - #contact (main contact section)\r\n-->\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-786a9aa e-con e-atomic-element e-flexbox-base e-786a9aa-546e314 \" data-id=\"786a9aa\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"786a9aa\">\n    \t\t<div class=\"elementor-element elementor-element-e29b16f elementor-widget elementor-widget-html\" data-id=\"e29b16f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- MM Proman Services Section - Production SEO Optimized -->\r\n<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <meta name=\"description\" content=\"MM Proman waste management services in Western Cape. Skip bins (240L, 6M3, 12M3), waste compactor trucks, septic tank cleaning, sanitation equipment, honeysucker trucks, jetting machines for Cape Town, Paarl, Stellenbosch.\">\r\n    <meta name=\"keywords\" content=\"waste management, skip bins, 240 litre bins, 6m3 skip, 12m3 skip, waste compactor, sanitation, septic tank, honeysucker truck, Western Cape\">\r\n    <title>Waste Management Services | MM Proman Western Cape<\/title>\r\n    \r\n    <!-- Elegant Fonts -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700&family=Lora:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <!-- Service Schema Markup for Google -->\r\n    <script type=\"application\/ld+json\">\r\n    {\r\n      \"@context\": \"https:\/\/schema.org\",\r\n      \"@type\": \"LocalBusiness\",\r\n      \"name\": \"MM Proman\",\r\n      \"hasOfferCatalog\": {\r\n        \"@type\": \"OfferCatalog\",\r\n        \"name\": \"Waste Management, Sanitation & Utilities Services\",\r\n        \"itemListElement\": [\r\n          {\r\n            \"@type\": \"Offer\",\r\n            \"name\": \"Waste Management Services\",\r\n            \"description\": \"On-site waste management, waste collection, removal and disposal, construction site waste management, shopping complex waste services in Cape Town, Paarl, Stellenbosch\"\r\n          },\r\n          {\r\n            \"@type\": \"Offer\",\r\n            \"name\": \"Sanitation Services\",\r\n            \"description\": \"Septic tank suction and cleaning, wastewater purification processes, fat trap cleaning, sewer line inspection CCTV in Western Cape\"\r\n          },\r\n          {\r\n            \"@type\": \"Offer\",\r\n            \"name\": \"Hygiene Services\",\r\n            \"description\": \"Sanitary waste services, toilet dispensers machines provision in Cape Town area\"\r\n          },\r\n          {\r\n            \"@type\": \"Offer\",\r\n            \"name\": \"Utilities Services\",\r\n            \"description\": \"Infrastructure repair and maintenance, facilities management, horticulture services, contaminated sites rehabilitation\"\r\n          }\r\n        ]\r\n      }\r\n    }\r\n    <\/script>\r\n\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Lora', Georgia, serif;\r\n            line-height: 1.6;\r\n            color: #2C3E50;\r\n        }\r\n\r\n        \/* Services Section Styles *\/\r\n        .services-section {\r\n            background-color: #FFFFFF;\r\n            padding: 80px 20px;\r\n            min-height: auto;\r\n        }\r\n\r\n        .services-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* Section Header *\/\r\n        .section-header {\r\n            text-align: center;\r\n            margin-bottom: 60px;\r\n            animation: fadeInUp 0.8s ease-out forwards;\r\n            opacity: 0;\r\n        }\r\n\r\n        .section-header h2 {\r\n            font-family: 'Playfair Display', Georgia, serif;\r\n            font-size: 44px;\r\n            color: #144835;\r\n            margin-bottom: 12px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .section-header p {\r\n            font-size: 18px;\r\n            color: #666;\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* Decorative line under header *\/\r\n        .section-header::after {\r\n            content: '';\r\n            display: block;\r\n            width: 50px;\r\n            height: 2px;\r\n            background-color: #2d8b6f;\r\n            margin: 16px auto 0;\r\n        }\r\n\r\n        \/* Services Grid *\/\r\n        .services-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 25px;\r\n            margin-bottom: 60px;\r\n        }\r\n\r\n        \/* Service Category Card *\/\r\n        .service-card {\r\n            background-color: #FFFFFF;\r\n            border-radius: 0;\r\n            overflow: hidden;\r\n            transition: all 0.3s ease;\r\n            border: 1px solid #DEDEDE;\r\n            animation: fadeInUp 0.8s ease-out forwards;\r\n            opacity: 0;\r\n            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .service-card-image {\r\n            width: 100%;\r\n            height: 240px;\r\n            background: linear-gradient(135deg, #144835 0%, #0d3a2a 100%);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 64px;\r\n            color: rgba(255, 255, 255, 0.8);\r\n            overflow: hidden;\r\n        }\r\n\r\n        .service-card-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        .service-card-content {\r\n            padding: 32px 30px;\r\n            flex-grow: 1;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .service-card:nth-child(1) {\r\n            animation-delay: 0.1s;\r\n        }\r\n\r\n        .service-card:nth-child(2) {\r\n            animation-delay: 0.2s;\r\n        }\r\n\r\n        .service-card:nth-child(3) {\r\n            animation-delay: 0.3s;\r\n        }\r\n\r\n        .service-card:nth-child(4) {\r\n            animation-delay: 0.4s;\r\n        }\r\n\r\n        .service-card:hover {\r\n            border-color: #144835;\r\n            box-shadow: 0 8px 18px rgba(20, 72, 53, 0.15);\r\n            transform: translateY(-3px);\r\n        }\r\n\r\n        .service-card h3 {\r\n            font-family: 'Playfair Display', Georgia, serif;\r\n            font-size: 18px;\r\n            color: #144835;\r\n            margin-bottom: 2px;\r\n            font-weight: 700;\r\n            padding-bottom: 10px;\r\n            border-bottom: 2px solid #2d8b6f;\r\n        }\r\n\r\n        .service-card p {\r\n            font-size: 13px;\r\n            color: #707070;\r\n            margin-bottom: 18px;\r\n            line-height: 1.7;\r\n            flex-grow: 1;\r\n        }\r\n\r\n        \/* Service Badge\/Icon *\/\r\n        .service-icon {\r\n            width: 50px;\r\n            height: 50px;\r\n            background-color: #144835;\r\n            border-radius: 8px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 24px;\r\n            margin-bottom: 20px;\r\n            color: #FFFFFF;\r\n        }\r\n\r\n        \/* Sub-services List *\/\r\n        .sub-services {\r\n            list-style: none;\r\n            margin-top: auto;\r\n        }\r\n\r\n        .sub-services li {\r\n            padding: 7px 0;\r\n            padding-left: 20px;\r\n            position: relative;\r\n            font-size: 12px;\r\n            color: #777;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .sub-services li:before {\r\n            content: '\u2192';\r\n            position: absolute;\r\n            left: 0;\r\n            color: #2d8b6f;\r\n            font-weight: bold;\r\n            font-size: 13px;\r\n        }\r\n\r\n        \/* Two Column Service Detail Section *\/\r\n        .service-details {\r\n            background-color: #F9F9F9;\r\n            border-radius: 0;\r\n            padding: 50px 40px;\r\n            margin-top: 60px;\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 50px;\r\n            animation: fadeInUp 0.8s ease-out 0.5s forwards;\r\n            opacity: 0;\r\n            border: 1px solid #EBEBEB;\r\n        }\r\n\r\n        .service-details-column h4 {\r\n            font-family: 'Playfair Display', Georgia, serif;\r\n            font-size: 22px;\r\n            color: #144835;\r\n            margin-bottom: 20px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .service-details-column ul {\r\n            list-style: none;\r\n        }\r\n\r\n        .service-details-column li {\r\n            padding: 10px 0;\r\n            padding-left: 24px;\r\n            position: relative;\r\n            color: #666;\r\n            font-size: 14px;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        .service-details-column li:before {\r\n            content: '\u2192';\r\n            position: absolute;\r\n            left: 0;\r\n            color: #2d8b6f;\r\n            font-weight: bold;\r\n            font-size: 14px;\r\n        }\r\n\r\n        \/* Keyframe Animations *\/\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(20px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        \/* Mobile Responsiveness *\/\r\n        @media (max-width: 768px) {\r\n            .services-section {\r\n                padding: 60px 20px;\r\n            }\r\n\r\n            .section-header h2 {\r\n                font-size: 32px;\r\n                margin-bottom: 10px;\r\n            }\r\n\r\n            .section-header p {\r\n                font-size: 16px;\r\n            }\r\n\r\n            .services-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 20px;\r\n            }\r\n\r\n            .service-card-image {\r\n                height: 200px;\r\n            }\r\n\r\n            .service-card-content {\r\n                padding: 30px 20px;\r\n            }\r\n\r\n            .service-card h3 {\r\n                font-size: 22px;\r\n            }\r\n\r\n            .service-details {\r\n                grid-template-columns: 1fr;\r\n                padding: 40px 30px;\r\n                gap: 30px;\r\n            }\r\n\r\n            .service-details-column h4 {\r\n                font-size: 20px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .services-section {\r\n                padding: 40px 16px;\r\n            }\r\n\r\n            .section-header h2 {\r\n                font-size: 26px;\r\n            }\r\n\r\n            .section-header p {\r\n                font-size: 15px;\r\n            }\r\n\r\n            .services-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 16px;\r\n            }\r\n\r\n            .service-card-image {\r\n                height: 140px;\r\n                font-size: 48px;\r\n            }\r\n\r\n            .service-card-content {\r\n                padding: 24px 20px;\r\n            }\r\n\r\n            .service-card h3 {\r\n                font-size: 16px;\r\n            }\r\n\r\n            .service-card p {\r\n                font-size: 13px;\r\n            }\r\n\r\n            .sub-services li {\r\n                font-size: 12px;\r\n                padding-left: 18px;\r\n            }\r\n\r\n            .service-details {\r\n                grid-template-columns: 1fr;\r\n                padding: 30px 20px;\r\n                gap: 30px;\r\n            }\r\n\r\n            .service-details-column h4 {\r\n                font-size: 16px;\r\n            }\r\n\r\n            .service-details-column li {\r\n                font-size: 14px;\r\n                padding-left: 24px;\r\n            }\r\n        }\r\n\r\n        \/* Accessibility *\/\r\n        @media (prefers-reduced-motion: reduce) {\r\n            * {\r\n                animation-duration: 0.01ms !important;\r\n                animation-iteration-count: 1 !important;\r\n                transition-duration: 0.01ms !important;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"services-section\" id=\"services\">\r\n    <div class=\"services-container\">\r\n        \r\n        <!-- Section Header -->\r\n        <div class=\"section-header\">\r\n            <h2>Our Services<\/h2>\r\n            <p>Comprehensive waste management, sanitation, hygiene, and utility solutions for businesses across Cape Town, Paarl, and Stellenbosch<\/p>\r\n        <\/div>\r\n\r\n        <!-- Services Grid -->\r\n        <div class=\"services-grid\">\r\n            \r\n            <!-- Service Card 1: Waste Management -->\r\n            <div class=\"service-card\">\r\n                <div class=\"service-card-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/mmproman.co.za\/wp-content\/uploads\/2026\/08\/Waste-management.jpg\" alt=\"Waste Management Containers 240L Bins 6M3 Skip Bins 12M3 Skip Bins\" loading=\"lazy\">\r\n                <\/div>\r\n                <div class=\"service-card-content\">\r\n                    <h3>Waste Management<\/h3>\r\n                    <p>Complete waste solutions for construction sites, corporate office buildings, shopping complexes, and residential properties across Western Cape.<\/p>\r\n                    <ul class=\"sub-services\">\r\n                        <li>240 Litre Bins<\/li>\r\n                        <li>6M3 Skip Bins<\/li>\r\n                        <li>12M3 Skip Bins<\/li>\r\n                        <li>Professional Waste Disposal<\/li>\r\n                        <li>Construction Site Waste Management<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Service Card 2: Sanitation -->\r\n            <div class=\"service-card\">\r\n                <div class=\"service-card-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/mmproman.co.za\/wp-content\/uploads\/2026\/08\/Sanitary.jpg\" alt=\"Honeysucker Truck Jetting Machines Septic Tank Cleaning\" loading=\"lazy\">\r\n                <\/div>\r\n                <div class=\"service-card-content\">\r\n                    <h3>Sanitation Services<\/h3>\r\n                    <p>Expert sanitation solutions using professional equipment. Honeysucker trucks and jetting machines for thorough cleaning across Western Cape.<\/p>\r\n                    <ul class=\"sub-services\">\r\n                        <li>Honeysucker Truck Services<\/li>\r\n                        <li>Jetting Machines<\/li>\r\n                        <li>Septic Tank Suction & Cleaning<\/li>\r\n                        <li>Wastewater Purification<\/li>\r\n                        <li>24\/7 Emergency Response<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Service Card 3: Hygiene Services -->\r\n            <div class=\"service-card\">\r\n                <div class=\"service-card-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/mmproman.co.za\/wp-content\/uploads\/2026\/08\/Commercial-cleaning.jpg\" alt=\"Commercial Hygiene Machines Toilet Dispensers Restroom Facilities\" loading=\"lazy\">\r\n                <\/div>\r\n                <div class=\"service-card-content\">\r\n                    <h3>Hygiene Services<\/h3>\r\n                    <p>Maintain workplace hygiene standards with professional machines and dispensers inside toilets and restroom facilities across Western Cape.<\/p>\r\n                    <ul class=\"sub-services\">\r\n                        <li>Hygiene Machines Inside Toilets<\/li>\r\n                        <li>Toilet Dispensers Installation<\/li>\r\n                        <li>Sanitary Waste Services<\/li>\r\n                        <li>Regular Supply & Maintenance<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Service Card 4: Utilities Services -->\r\n            <div class=\"service-card\">\r\n                <div class=\"service-card-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/mmproman.co.za\/wp-content\/uploads\/2026\/08\/Work-wear.jpg\" alt=\"Professional Workers Wearing PPE Waste Compactor Skip Truck Fleet\" loading=\"lazy\">\r\n                <\/div>\r\n                <div class=\"service-card-content\">\r\n                    <h3>Utilities & Maintenance<\/h3>\r\n                    <p>Professional infrastructure maintenance with fully trained workers wearing PPE. Waste compactor and skip truck fleet serving all Western Cape.<\/p>\r\n                    <ul class=\"sub-services\">\r\n                        <li>Waste Compactor Trucks<\/li>\r\n                        <li>Skip Trucks Fleet<\/li>\r\n                        <li>Infrastructure Maintenance<\/li>\r\n                        <li>Facilities Management<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- Service Details Breakdown -->\r\n        <div class=\"service-details\">\r\n            <div class=\"service-details-column\">\r\n                <h4>Why Our Waste Services Stand Out<\/h4>\r\n                <ul>\r\n                    <li>Licensed and fully insured operations<\/li>\r\n                    <li>24\/7 emergency response availability<\/li>\r\n                    <li>3 convenient office locations<\/li>\r\n                    <li>Professional trained staff<\/li>\r\n                    <li>Eco-friendly disposal practices<\/li>\r\n                    <li>Quick turnaround on all requests<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n            <div class=\"service-details-column\">\r\n                <h4>Service Coverage Areas<\/h4>\r\n                <ul>\r\n                    <li>Cape Town & surrounding areas<\/li>\r\n                    <li>Paarl region<\/li>\r\n                    <li>Stellenbosch & wine country<\/li>\r\n                    <li>Greater Cape Town area<\/li>\r\n                    <li>Western Cape region<\/li>\r\n                    <li>Custom arrangements available<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Navigation Anchor Reference -->\r\n<!-- \r\n    Link anchors in your header:\r\n    - #hero (hero section)\r\n    - #services (this section)\r\n    - #why-choose-us (next section)\r\n    - #locations (locations section)\r\n    - #contact (contact section)\r\n-->\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-4c3648e e-con e-atomic-element e-flexbox-base e-4c3648e-265eaa4 \" data-id=\"4c3648e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4c3648e\">\n    \t\t<div class=\"elementor-element elementor-element-e44280d elementor-widget elementor-widget-html\" data-id=\"e44280d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- MM Proman Why Choose Us Section - Production SEO Optimized -->\r\n<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <meta name=\"description\" content=\"Why choose MM Proman for waste management in Western Cape. Licensed, insured, 24\/7 emergency response, professional team, transparent pricing serving Cape Town, Paarl, Stellenbosch.\">\r\n    <meta name=\"keywords\" content=\"best waste management company, licensed sanitation, Western Cape waste services, professional disposal, emergency response\">\r\n    <title>Why Choose MM Proman | Waste Management Western Cape<\/title>\r\n    \r\n    <!-- Elegant Fonts -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700&family=Lora:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Lora', Georgia, serif;\r\n            line-height: 1.6;\r\n            color: #2C3E50;\r\n        }\r\n\r\n        \/* Why Choose Us Section Part 1 - Light Background *\/\r\n        .why-choose-section {\r\n            background-color: #FFFFFF;\r\n            padding: 80px 20px;\r\n        }\r\n\r\n        .why-choose-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* Section Header *\/\r\n        .why-header {\r\n            text-align: center;\r\n            margin-bottom: 60px;\r\n            animation: fadeInUp 0.8s ease-out forwards;\r\n            opacity: 0;\r\n        }\r\n\r\n        .why-header h2 {\r\n            font-family: 'Playfair Display', Georgia, serif;\r\n            font-size: 44px;\r\n            color: #144835;\r\n            margin-bottom: 15px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .why-header p {\r\n            font-size: 18px;\r\n            color: #666;\r\n            max-width: 650px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .why-header::after {\r\n            content: '';\r\n            display: block;\r\n            width: 60px;\r\n            height: 3px;\r\n            background-color: #FF9500;\r\n            margin: 20px auto 0;\r\n        }\r\n\r\n        \/* Two Column Layout *\/\r\n        .why-content {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 60px;\r\n            align-items: center;\r\n            margin-bottom: 0;\r\n            padding-bottom: 60px;\r\n        }\r\n\r\n        .why-left {\r\n            animation: fadeInUp 0.8s ease-out 0.15s forwards;\r\n            opacity: 0;\r\n        }\r\n\r\n        .why-right {\r\n            animation: fadeInUp 0.8s ease-out 0.3s forwards;\r\n            opacity: 0;\r\n        }\r\n\r\n        .why-left h3 {\r\n            font-family: 'Playfair Display', Georgia, serif;\r\n            font-size: 32px;\r\n            color: #0F3A6D;\r\n            margin-bottom: 25px;\r\n            font-weight: 700;\r\n            line-height: 1.3;\r\n        }\r\n\r\n        .why-left p {\r\n            font-size: 16px;\r\n            color: #555;\r\n            margin-bottom: 20px;\r\n            line-height: 1.8;\r\n        }\r\n\r\n        \/* Benefit Items *\/\r\n        .benefit-list {\r\n            list-style: none;\r\n            margin-top: 30px;\r\n        }\r\n\r\n        .benefit-item {\r\n            display: flex;\r\n            gap: 15px;\r\n            margin-bottom: 20px;\r\n            padding: 15px;\r\n            background-color: #F5F6F7;\r\n            border-radius: 6px;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .benefit-item:hover {\r\n            background-color: #E8F4F8;\r\n            transform: translateX(5px);\r\n        }\r\n\r\n        .benefit-icon {\r\n            flex-shrink: 0;\r\n            width: 40px;\r\n            height: 40px;\r\n            background-color: #2D5016;\r\n            color: #FFFFFF;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 20px;\r\n            font-weight: bold;\r\n        }\r\n\r\n        .benefit-text h4 {\r\n            font-family: 'Playfair Display', Georgia, serif;\r\n            font-size: 16px;\r\n            color: #0F3A6D;\r\n            margin-bottom: 5px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .benefit-text p {\r\n            font-size: 14px;\r\n            color: #666;\r\n            margin: 0;\r\n        }\r\n\r\n        \/* Stats Grid on Right *\/\r\n        .stats-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 25px;\r\n        }\r\n\r\n        .stat-box {\r\n            background-color: #F5F6F7;\r\n            padding: 30px;\r\n            border-radius: 8px;\r\n            text-align: center;\r\n            border: 2px solid transparent;\r\n            transition: all 0.3s ease;\r\n            animation: fadeInUp 0.8s ease-out forwards;\r\n            opacity: 0;\r\n        }\r\n\r\n        .stat-box:nth-child(1) {\r\n            animation-delay: 0.4s;\r\n        }\r\n\r\n        .stat-box:nth-child(2) {\r\n            animation-delay: 0.5s;\r\n        }\r\n\r\n        .stat-box:nth-child(3) {\r\n            animation-delay: 0.6s;\r\n        }\r\n\r\n        .stat-box:nth-child(4) {\r\n            animation-delay: 0.7s;\r\n        }\r\n\r\n        .stat-box:hover {\r\n            background-color: #FFFFFF;\r\n            border-color: #144835;\r\n            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);\r\n            transform: translateY(-4px);\r\n        }\r\n\r\n        .stat-number {\r\n            font-family: 'Playfair Display', Georgia, serif;\r\n            font-size: 42px;\r\n            color: #144835;\r\n            font-weight: 700;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .stat-label {\r\n            font-size: 15px;\r\n            color: #555;\r\n            font-weight: 500;\r\n        }\r\n\r\n        \/* Commitment Section - Dark Background *\/\r\n        .commitment-section {\r\n            background: #1a2d3d;\r\n            padding: 80px 40px;\r\n            border-radius: 0;\r\n            margin-top: 0;\r\n            animation: fadeInUp 0.8s ease-out 0.8s forwards;\r\n            opacity: 0;\r\n        }\r\n\r\n        .commitment-section h3 {\r\n            font-family: 'Playfair Display', Georgia, serif;\r\n            font-size: 28px;\r\n            color: #FFFFFF;\r\n            margin-bottom: 30px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .commitment-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n            gap: 30px;\r\n        }\r\n\r\n        .commitment-item {\r\n            background-color: rgba(0, 0, 0, 0.3);\r\n            padding: 25px;\r\n            border-radius: 6px;\r\n            border-left: 4px solid #FF9500;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .commitment-item:hover {\r\n            background-color: rgba(0, 0, 0, 0.5);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .commitment-item h4 {\r\n            font-family: 'Playfair Display', Georgia, serif;\r\n            font-size: 16px;\r\n            color: #FFFFFF;\r\n            margin-bottom: 10px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .commitment-item p {\r\n            font-size: 14px;\r\n            color: #FFFFFF;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Keyframe Animations *\/\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(20px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        \/* Mobile Responsiveness *\/\r\n        @media (max-width: 768px) {\r\n            .why-choose-section {\r\n                padding: 60px 20px;\r\n            }\r\n\r\n            .why-header h2 {\r\n                font-size: 32px;\r\n            }\r\n\r\n            .why-header p {\r\n                font-size: 16px;\r\n            }\r\n\r\n            .why-content {\r\n                grid-template-columns: 1fr;\r\n                gap: 40px;\r\n            }\r\n\r\n            .why-left h3 {\r\n                font-size: 26px;\r\n            }\r\n\r\n            .why-left p {\r\n                font-size: 15px;\r\n            }\r\n\r\n            .stats-grid {\r\n                grid-template-columns: 1fr 1fr;\r\n            }\r\n\r\n            .stat-number {\r\n                font-size: 36px;\r\n            }\r\n\r\n            .commitment-section {\r\n                padding: 60px 30px;\r\n                margin-top: 0;\r\n            }\r\n\r\n            .commitment-section h3 {\r\n                font-size: 24px;\r\n                margin-bottom: 25px;\r\n                color: #FFFFFF;\r\n            }\r\n\r\n            .commitment-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .why-choose-section {\r\n                padding: 40px 16px;\r\n            }\r\n\r\n            .why-header h2 {\r\n                font-size: 26px;\r\n            }\r\n\r\n            .why-header p {\r\n                font-size: 15px;\r\n            }\r\n\r\n            .why-left h3 {\r\n                font-size: 22px;\r\n                margin-bottom: 20px;\r\n            }\r\n\r\n            .why-left p {\r\n                font-size: 14px;\r\n            }\r\n\r\n            .benefit-item {\r\n                padding: 12px;\r\n                margin-bottom: 15px;\r\n                gap: 12px;\r\n            }\r\n\r\n            .benefit-icon {\r\n                width: 36px;\r\n                height: 36px;\r\n                font-size: 18px;\r\n            }\r\n\r\n            .benefit-text h4 {\r\n                font-size: 15px;\r\n            }\r\n\r\n            .benefit-text p {\r\n                font-size: 13px;\r\n            }\r\n\r\n            .stats-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 15px;\r\n            }\r\n\r\n            .stat-number {\r\n                font-size: 32px;\r\n            }\r\n\r\n            .stat-label {\r\n                font-size: 14px;\r\n            }\r\n\r\n            .commitment-section {\r\n                padding: 50px 20px;\r\n                margin-top: 0;\r\n            }\r\n\r\n            .commitment-section h3 {\r\n                font-size: 22px;\r\n                margin-bottom: 20px;\r\n                color: #FFFFFF;\r\n            }\r\n\r\n            .commitment-item {\r\n                padding: 20px;\r\n            }\r\n\r\n            .commitment-item h4 {\r\n                font-size: 15px;\r\n                color: #FFFFFF;\r\n            }\r\n\r\n            .commitment-item p {\r\n                font-size: 13px;\r\n                color: #FFFFFF;\r\n            }\r\n        }\r\n\r\n        \/* Accessibility *\/\r\n        @media (prefers-reduced-motion: reduce) {\r\n            * {\r\n                animation-duration: 0.01ms !important;\r\n                animation-iteration-count: 1 !important;\r\n                transition-duration: 0.01ms !important;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"why-choose-section\" id=\"why-choose-us\">\r\n    <div class=\"why-choose-container\">\r\n        \r\n        <!-- Section Header -->\r\n        <div class=\"why-header\">\r\n            <h2>Why Choose MM Proman<\/h2>\r\n            <p>Trusted by businesses throughout the Western Cape for reliable waste management, sanitation, and utility services<\/p>\r\n        <\/div>\r\n\r\n        <!-- Main Content -->\r\n        <div class=\"why-content\">\r\n            <div class=\"why-left\">\r\n                <h3>Professional Service You Can Depend On<\/h3>\r\n                <p>With multiple office locations across the Western Cape and a team of experienced professionals, MM Proman delivers comprehensive waste management and sanitation solutions tailored to your business needs<\/p>\r\n                \r\n                <ul class=\"benefit-list\">\r\n                    <li class=\"benefit-item\">\r\n                        <div class=\"benefit-icon\">\u2713<\/div>\r\n                        <div class=\"benefit-text\">\r\n                            <h4>Licensed and Fully Insured<\/h4>\r\n                            <p>All operations comply with local and national regulations. Complete insurance coverage on every project<\/p>\r\n                        <\/div>\r\n                    <\/li>\r\n                    <li class=\"benefit-item\">\r\n                        <div class=\"benefit-icon\">\u2713<\/div>\r\n                        <div class=\"benefit-text\">\r\n                            <h4>24\/7 Emergency Response<\/h4>\r\n                            <p>Available around the clock for urgent waste management and sanitation emergencies<\/p>\r\n                        <\/div>\r\n                    <\/li>\r\n                    <li class=\"benefit-item\">\r\n                        <div class=\"benefit-icon\">\u2713<\/div>\r\n                        <div class=\"benefit-text\">\r\n                            <h4>Environmental Responsibility<\/h4>\r\n                            <p>All waste is handled and disposed of following proper environmental protocols and best practices<\/p>\r\n                        <\/div>\r\n                    <\/li>\r\n                    <li class=\"benefit-item\">\r\n                        <div class=\"benefit-icon\">\u2713<\/div>\r\n                        <div class=\"benefit-text\">\r\n                            <h4>Reliable and Professional<\/h4>\r\n                            <p>Consistent service delivery with trained professionals who prioritize punctuality and quality<\/p>\r\n                        <\/div>\r\n                    <\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <!-- Stats Section -->\r\n            <div class=\"why-right\">\r\n                <div class=\"stats-grid\">\r\n                    <div class=\"stat-box\">\r\n                        <div class=\"stat-number\">3<\/div>\r\n                        <div class=\"stat-label\">Office Locations in Western Cape<\/div>\r\n                    <\/div>\r\n                    <div class=\"stat-box\">\r\n                        <div class=\"stat-number\">24\/7<\/div>\r\n                        <div class=\"stat-label\">Emergency Response Available<\/div>\r\n                    <\/div>\r\n                    <div class=\"stat-box\">\r\n                        <div class=\"stat-number\">100%<\/div>\r\n                        <div class=\"stat-label\">Licensed & Insured Operations<\/div>\r\n                    <\/div>\r\n                    <div class=\"stat-box\">\r\n                        <div class=\"stat-number\">5<\/div>\r\n                        <div class=\"stat-label\">Service Categories to Choose From<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Commitment Section -->\r\n        <div class=\"commitment-section\">\r\n            <h3>Our Commitment<\/h3>\r\n            <div class=\"commitment-grid\">\r\n                <div class=\"commitment-item\">\r\n                    <h4>Professional Excellence<\/h4>\r\n                    <p>Every team member is trained to deliver quality service with attention to detail on every assignment<\/p>\r\n                <\/div>\r\n                <div class=\"commitment-item\">\r\n                    <h4>Local Expertise<\/h4>\r\n                    <p>Deep knowledge of Cape Town, Paarl, and Stellenbosch markets. We understand regional business requirements<\/p>\r\n                <\/div>\r\n                <div class=\"commitment-item\">\r\n                    <h4>Transparent Pricing<\/h4>\r\n                    <p>Clear, upfront quotes with no hidden charges. What we quote is what you pay<\/p>\r\n                <\/div>\r\n                <div class=\"commitment-item\">\r\n                    <h4>Long Term Partnership<\/h4>\r\n                    <p>We build lasting business relationships based on reliability, quality work, and consistent service<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-9dfcded e-con e-atomic-element e-flexbox-base e-9dfcded-06010d1 \" data-id=\"9dfcded\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9dfcded\">\n    \t\t<div class=\"elementor-element elementor-element-55db47b elementor-widget elementor-widget-html\" data-id=\"55db47b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- MM Proman Process\/How It Works Section -->\r\n<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <meta name=\"description\" content=\"MM Proman waste management process. Easy steps for waste disposal, septic tank cleaning, sanitation services. Quote to completion in Western Cape.\">\r\n    <meta name=\"keywords\" content=\"waste disposal process, septic tank cleaning process, sanitation service steps, professional waste removal\">\r\n    <title>How It Works | MM Proman Waste Management Process<\/title>\r\n    \r\n    <!-- Elegant Fonts -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700&family=Lora:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Lora', Georgia, serif;\r\n            line-height: 1.6;\r\n            color: #2C3E50;\r\n        }\r\n\r\n        \/* Process Section *\/\r\n        .process-section {\r\n            background-color: #FFFFFF;\r\n            padding: 80px 20px;\r\n        }\r\n\r\n        .process-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* Section Header *\/\r\n        .process-header {\r\n            text-align: center;\r\n            margin-bottom: 50px;\r\n            animation: fadeInUp 0.8s ease-out forwards;\r\n            opacity: 0;\r\n        }\r\n\r\n        .process-header h2 {\r\n            font-family: 'Playfair Display', Georgia, serif;\r\n            font-size: 44px;\r\n            color: #144835;\r\n            margin-bottom: 12px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .process-header p {\r\n            font-size: 16px;\r\n            color: #666;\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .process-header::after {\r\n            content: '';\r\n            display: none;\r\n            width: 60px;\r\n            height: 3px;\r\n            background-color: #FF9500;\r\n            margin: 20px auto 0;\r\n        }\r\n\r\n        \/* Process Timeline *\/\r\n        .process-timeline {\r\n            position: relative;\r\n            padding: 40px 0;\r\n        }\r\n\r\n        \/* Vertical line connector *\/\r\n        .process-timeline::before {\r\n            content: '';\r\n            position: absolute;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 2px;\r\n            height: 100%;\r\n            background: linear-gradient(to bottom, #00A3E0, #2D5016);\r\n            top: 0;\r\n            display: none;\r\n        }\r\n\r\n        \/* Process Steps Grid *\/\r\n        .process-steps {\r\n            display: grid;\r\n            grid-template-columns: repeat(5, 1fr);\r\n            gap: 20px;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* Individual Step *\/\r\n        .process-step {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 0;\r\n            align-items: stretch;\r\n            animation: fadeInUp 0.8s ease-out forwards;\r\n            opacity: 0;\r\n        }\r\n\r\n        .process-step:nth-child(1) {\r\n            animation-delay: 0.1s;\r\n        }\r\n\r\n        .process-step:nth-child(2) {\r\n            animation-delay: 0.2s;\r\n        }\r\n\r\n        .process-step:nth-child(3) {\r\n            animation-delay: 0.3s;\r\n        }\r\n\r\n        .process-step:nth-child(4) {\r\n            animation-delay: 0.4s;\r\n        }\r\n\r\n        .process-step:nth-child(5) {\r\n            animation-delay: 0.5s;\r\n        }\r\n\r\n        \/* Alternate layout for even steps *\/\r\n        .process-step:nth-child(even) {\r\n            direction: ltr;\r\n        }\r\n\r\n        .process-step:nth-child(even) > * {\r\n            direction: ltr;\r\n        }\r\n\r\n        \/* Step number circle *\/\r\n        .step-number {\r\n            position: static;\r\n            width: 50px;\r\n            height: 50px;\r\n            background: linear-gradient(135deg, #144835 0%, #0d3a2a 100%);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-family: 'Playfair Display', Georgia, serif;\r\n            font-size: 24px;\r\n            font-weight: 700;\r\n            color: #FFFFFF;\r\n            z-index: 2;\r\n            margin: 0 0 12px 0;\r\n            flex-shrink: 0;\r\n            box-shadow: 0 2px 8px rgba(20, 72, 53, 0.15);\r\n        }\r\n\r\n        \/* Step Content *\/\r\n        .step-content {\r\n            background-color: #F5F6F7;\r\n            padding: 25px;\r\n            border-radius: 0;\r\n            border-left: none;\r\n            transition: all 0.3s ease;\r\n            position: relative;\r\n            flex-grow: 1;\r\n            display: flex;\r\n            flex-direction: column;\r\n            text-align: center;\r\n        }\r\n\r\n        .process-step:nth-child(even) .step-content {\r\n            border-left: none;\r\n            border-right: none;\r\n        }\r\n\r\n        .step-content:hover {\r\n            background-color: #FFFFFF;\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);\r\n            transform: none;\r\n        }\r\n\r\n        .step-content h3 {\r\n            font-family: 'Playfair Display', Georgia, serif;\r\n            font-size: 16px;\r\n            color: #144835;\r\n            margin-bottom: 12px;\r\n            font-weight: 700;\r\n            order: 2;\r\n        }\r\n\r\n        .step-content p {\r\n            font-size: 13px;\r\n            color: #555;\r\n            line-height: 1.6;\r\n            order: 3;\r\n            margin: 0;\r\n        }\r\n\r\n        \/* Step Icon - Hidden for corporate look *\/\r\n        .step-icon {\r\n            font-size: 28px;\r\n            margin-bottom: 0px;\r\n            display: none;\r\n        }\r\n\r\n        \/* CTA at end *\/\r\n        .process-cta {\r\n            text-align: center;\r\n            margin-top: 70px;\r\n            padding: 50px 40px;\r\n            background-color: #FFFFFF;\r\n            border-radius: 0;\r\n            border-top: 1px solid #E0E0E0;\r\n            animation: fadeInUp 0.8s ease-out 0.6s forwards;\r\n            opacity: 0;\r\n        }\r\n\r\n        .process-cta h3 {\r\n            font-family: 'Playfair Display', Georgia, serif;\r\n            font-size: 28px;\r\n            color: #144835;\r\n            margin-bottom: 12px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .process-cta p {\r\n            font-size: 16px;\r\n            color: #666;\r\n            margin-bottom: 30px;\r\n            max-width: 600px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .cta-button {\r\n            display: inline-block;\r\n            background-color: #2d8b6f;\r\n            color: #FFFFFF;\r\n            padding: 14px 45px;\r\n            text-decoration: none;\r\n            border-radius: 4px;\r\n            font-weight: 600;\r\n            font-size: 15px;\r\n            transition: all 0.3s ease;\r\n            border: none;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .cta-button:hover {\r\n            background-color: #1f5c48;\r\n            box-shadow: 0 4px 12px rgba(45, 139, 111, 0.25);\r\n        }\r\n\r\n        \/* Keyframe Animations *\/\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(20px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        \/* Mobile Responsiveness *\/\r\n        @media (max-width: 1024px) {\r\n            .process-steps {\r\n                grid-template-columns: repeat(3, 1fr);\r\n                gap: 15px;\r\n            }\r\n\r\n            .step-content {\r\n                padding: 20px;\r\n            }\r\n\r\n            .step-content h3 {\r\n                font-size: 15px;\r\n                margin-bottom: 10px;\r\n            }\r\n\r\n            .step-content p {\r\n                font-size: 12px;\r\n            }\r\n\r\n            .step-icon {\r\n                font-size: 24px;\r\n            }\r\n\r\n            .step-number {\r\n                width: 45px;\r\n                height: 45px;\r\n                font-size: 20px;\r\n                margin-bottom: 12px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .process-section {\r\n                padding: 60px 20px;\r\n            }\r\n\r\n            .process-header h2 {\r\n                font-size: 32px;\r\n            }\r\n\r\n            .process-header p {\r\n                font-size: 16px;\r\n            }\r\n\r\n            .process-steps {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 15px;\r\n            }\r\n\r\n            .step-content {\r\n                padding: 22px;\r\n            }\r\n\r\n            .step-content h3 {\r\n                font-size: 15px;\r\n            }\r\n\r\n            .step-content p {\r\n                font-size: 12px;\r\n                line-height: 1.5;\r\n            }\r\n\r\n            .process-cta {\r\n                padding: 40px 30px;\r\n            }\r\n\r\n            .process-cta h3 {\r\n                font-size: 24px;\r\n            }\r\n\r\n            .process-cta p {\r\n                font-size: 15px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .process-section {\r\n                padding: 40px 16px;\r\n            }\r\n\r\n            .process-header h2 {\r\n                font-size: 26px;\r\n            }\r\n\r\n            .process-header p {\r\n                font-size: 15px;\r\n            }\r\n\r\n            .process-steps {\r\n                grid-template-columns: 1fr;\r\n                gap: 12px;\r\n            }\r\n\r\n            .step-number {\r\n                width: 45px;\r\n                height: 45px;\r\n                font-size: 20px;\r\n                margin-bottom: 12px;\r\n            }\r\n\r\n            .step-content {\r\n                padding: 20px;\r\n            }\r\n\r\n            .step-content h3 {\r\n                font-size: 14px;\r\n                margin-bottom: 8px;\r\n            }\r\n\r\n            .step-content p {\r\n                font-size: 12px;\r\n                line-height: 1.5;\r\n            }\r\n\r\n            .step-icon {\r\n                font-size: 24px;\r\n                margin-bottom: 8px;\r\n            }\r\n\r\n            .process-cta {\r\n                padding: 30px 20px;\r\n                margin-top: 40px;\r\n            }\r\n\r\n            .process-cta h3 {\r\n                font-size: 20px;\r\n                margin-bottom: 12px;\r\n            }\r\n\r\n            .process-cta p {\r\n                font-size: 14px;\r\n                margin-bottom: 20px;\r\n            }\r\n\r\n            .cta-button {\r\n                padding: 12px 32px;\r\n                font-size: 15px;\r\n            }\r\n        }\r\n\r\n        \/* Accessibility *\/\r\n        @media (prefers-reduced-motion: reduce) {\r\n            * {\r\n                animation-duration: 0.01ms !important;\r\n                animation-iteration-count: 1 !important;\r\n                transition-duration: 0.01ms !important;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"process-section\" id=\"how-it-works\">\r\n    <div class=\"process-container\">\r\n        \r\n        <!-- Section Header -->\r\n        <div class=\"process-header\">\r\n            <h2>Our Process<\/h2>\r\n            <p>A straightforward approach to delivering professional waste management and sanitation services<\/p>\r\n        <\/div>\r\n\r\n        <!-- Process Timeline -->\r\n        <div class=\"process-timeline\">\r\n            <div class=\"process-steps\">\r\n                \r\n                <!-- Step 1 -->\r\n                <div class=\"process-step\">\r\n                    <div class=\"step-number\">1<\/div>\r\n                    <div class=\"step-content\">\r\n                        <h3>Initial Contact<\/h3>\r\n                        <p>Contact our office via phone, email, or WhatsApp with details about your waste management or sanitation requirements. Our team responds promptly to all inquiries.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Step 2 -->\r\n                <div class=\"process-step\">\r\n                    <div class=\"step-number\">2<\/div>\r\n                    <div class=\"step-content\">\r\n                        <h3>Site Assessment<\/h3>\r\n                        <p>We conduct a thorough evaluation of your facility to understand your specific waste management needs. Our professionals inspect the site and document all requirements.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Step 3 -->\r\n                <div class=\"process-step\">\r\n                    <div class=\"step-number\">3<\/div>\r\n                    <div class=\"step-content\">\r\n                        <h3>Detailed Quotation<\/h3>\r\n                        <p>We provide a comprehensive, transparent quote outlining all costs and timelines. No hidden fees. All pricing is clear before any work begins.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Step 4 -->\r\n                <div class=\"process-step\">\r\n                    <div class=\"step-number\">4<\/div>\r\n                    <div class=\"step-content\">\r\n                        <h3>Professional Execution<\/h3>\r\n                        <p>Our licensed and trained team completes the work according to all safety and environmental standards. We maintain professionalism and cleanliness throughout the project.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Step 5 -->\r\n                <div class=\"process-step\">\r\n                    <div class=\"step-number\">5<\/div>\r\n                    <div class=\"step-content\">\r\n                        <h3>Completion and Follow Up<\/h3>\r\n                        <p>Work is completed on schedule. We provide documentation of services rendered. Our team remains available for any follow up support or ongoing maintenance needs.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- CTA Section -->\r\n        <div class=\"process-cta\">\r\n            <h3>Get Started Today<\/h3>\r\n            <p>Contact MM Proman to discuss your waste management and sanitation requirements. Our team is ready to provide a solution tailored to your business needs<\/p>\r\n            <a href=\"#contact\" class=\"cta-button\">Request a Quote<\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-143ff3c e-con e-atomic-element e-flexbox-base e-143ff3c-4f3bcdb \" data-id=\"143ff3c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"143ff3c\">\n    \t\t<div class=\"elementor-element elementor-element-c83bfe1 elementor-widget elementor-widget-html\" data-id=\"c83bfe1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- MM Proman Locations & Contact Section - Hero Style -->\r\n<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <meta name=\"description\" content=\"Contact MM Proman offices in Cape Town, Paarl, Stellenbosch, Western Cape. Professional waste management & sanitation services. Call 021 974 6100 or WhatsApp 073 0999 387.\">\r\n    <meta name=\"keywords\" content=\"waste management Cape Town, sanitation Paarl, Stellenbosch waste services, contact waste disposal, Western Cape sanitation\">\r\n    <title>Contact & Locations | MM Proman Waste Management<\/title>\r\n    \r\n    <!-- Elegant Fonts -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700&family=Lora:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n    <!-- Contact Schema Markup -->\r\n    <script type=\"application\/ld+json\">\r\n    {\r\n      \"@context\": \"https:\/\/schema.org\",\r\n      \"@type\": \"LocalBusiness\",\r\n      \"name\": \"MM Proman\",\r\n      \"description\": \"Waste management, sanitation, hygiene and utility services\",\r\n      \"telephone\": \"+27210974610\",\r\n      \"email\": \"Admin@mmproman.co.za\",\r\n      \"contactPoint\": {\r\n        \"@type\": \"ContactPoint\",\r\n        \"contactType\": \"Customer Service\",\r\n        \"telephone\": \"+27210974610\",\r\n        \"areaServed\": \"ZA\",\r\n        \"availableLanguage\": \"en\"\r\n      },\r\n      \"address\": [\r\n        {\r\n          \"@type\": \"PostalAddress\",\r\n          \"name\": \"Cape Town Office\",\r\n          \"streetAddress\": \"2nd Floor, Willowbridge Shopping Complex\",\r\n          \"addressLocality\": \"Cape Town\",\r\n          \"postalCode\": \"7530\",\r\n          \"addressCountry\": \"ZA\",\r\n          \"telephone\": \"021 974 6100\"\r\n        },\r\n        {\r\n          \"@type\": \"PostalAddress\",\r\n          \"name\": \"Paarl Office\",\r\n          \"streetAddress\": \"The Link Building, 1 New Street\",\r\n          \"addressLocality\": \"Paarl\",\r\n          \"postalCode\": \"7646\",\r\n          \"addressCountry\": \"ZA\",\r\n          \"telephone\": \"021 003 8250\"\r\n        },\r\n        {\r\n          \"@type\": \"PostalAddress\",\r\n          \"name\": \"Stellenbosch Office\",\r\n          \"streetAddress\": \"The Vineyard Office Park Building 2, Devon Valley Road\",\r\n          \"addressLocality\": \"Stellenbosch\",\r\n          \"postalCode\": \"7600\",\r\n          \"addressCountry\": \"ZA\",\r\n          \"telephone\": \"021 808 1600\"\r\n        }\r\n      ]\r\n    }\r\n    <\/script>\r\n\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Lora', Georgia, serif;\r\n            line-height: 1.6;\r\n            color: #2C3E50;\r\n        }\r\n\r\n        \/* Locations Section Hero Style *\/\r\n        .locations-section {\r\n            background: linear-gradient(135deg, #144835 0%, #0d3a2a 100%);\r\n            padding: 80px 20px;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .locations-section::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50%;\r\n            right: -10%;\r\n            width: 500px;\r\n            height: 500px;\r\n            background: rgba(0, 163, 224, 0.08);\r\n            border-radius: 50%;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .locations-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* Section Header *\/\r\n        .locations-header {\r\n            text-align: center;\r\n            margin-bottom: 60px;\r\n            animation: fadeInDown 0.8s ease-out forwards;\r\n            opacity: 0;\r\n        }\r\n\r\n        .locations-header h2 {\r\n            font-family: 'Playfair Display', Georgia, serif;\r\n            font-size: 44px;\r\n            color: #FFFFFF;\r\n            margin-bottom: 15px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .locations-header p {\r\n            font-size: 18px;\r\n            color: #E8F4F8;\r\n        }\r\n\r\n        \/* Locations Grid *\/\r\n        .locations-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 30px;\r\n            margin-bottom: 60px;\r\n        }\r\n\r\n        \/* Location Card *\/\r\n        .location-card {\r\n            background-color: rgba(255, 255, 255, 0.95);\r\n            padding: 40px;\r\n            border-radius: 8px;\r\n            transition: all 0.3s ease;\r\n            animation: fadeInUp 0.8s ease-out forwards;\r\n            opacity: 0;\r\n        }\r\n\r\n        .location-card:nth-child(1) {\r\n            animation-delay: 0.1s;\r\n        }\r\n\r\n        .location-card:nth-child(2) {\r\n            animation-delay: 0.2s;\r\n        }\r\n\r\n        .location-card:nth-child(3) {\r\n            animation-delay: 0.3s;\r\n        }\r\n\r\n        .location-card:hover {\r\n            transform: translateY(-8px);\r\n            box-shadow: 0 16px 40px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .location-card h3 {\r\n            font-family: 'Playfair Display', Georgia, serif;\r\n            font-size: 24px;\r\n            color: #2D5016;\r\n            margin-bottom: 20px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .location-info {\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .info-label {\r\n            font-size: 12px;\r\n            text-transform: uppercase;\r\n            color: #00A3E0;\r\n            font-weight: 600;\r\n            margin-bottom: 5px;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .info-content {\r\n            font-size: 15px;\r\n            color: #333;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Contact Links *\/\r\n        .contact-links {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 10px;\r\n            margin-top: 20px;\r\n            padding-top: 20px;\r\n            border-top: 1px solid #E0E0E0;\r\n        }\r\n\r\n        .contact-link {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            text-decoration: none;\r\n            color: #0F3A6D;\r\n            font-size: 14px;\r\n            font-weight: 500;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .contact-link:hover {\r\n            color: #FF9500;\r\n            gap: 15px;\r\n        }\r\n\r\n        .contact-link-icon {\r\n            font-size: 16px;\r\n        }\r\n\r\n        \/* Contact CTA Section *\/\r\n        .contact-cta-section {\r\n            background-color: rgba(255, 255, 255, 0.1);\r\n            padding: 60px 40px;\r\n            border-radius: 8px;\r\n            text-align: center;\r\n            animation: fadeInUp 0.8s ease-out 0.4s forwards;\r\n            opacity: 0;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        .contact-cta-section h3 {\r\n            font-family: 'Playfair Display', Georgia, serif;\r\n            font-size: 32px;\r\n            color: #FFFFFF;\r\n            margin-bottom: 15px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .contact-cta-section p {\r\n            font-size: 18px;\r\n            color: #E8F4F8;\r\n            margin-bottom: 30px;\r\n            max-width: 600px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        \/* CTA Buttons *\/\r\n        .contact-buttons {\r\n            display: flex;\r\n            gap: 20px;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .btn-call {\r\n            display: inline-block;\r\n            background-color: #2d8b6f;\r\n            color: #FFFFFF;\r\n            padding: 16px 40px;\r\n            text-decoration: none;\r\n            border-radius: 6px;\r\n            font-weight: 600;\r\n            font-size: 16px;\r\n            transition: all 0.3s ease;\r\n            border: 2px solid #2d8b6f;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .btn-call:hover {\r\n            background-color: #1f5c48;\r\n            border-color: #1f5c48;\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 12px 28px rgba(45, 139, 111, 0.35);\r\n        }\r\n\r\n        .btn-whatsapp {\r\n            display: inline-block;\r\n            background-color: transparent;\r\n            color: #FFFFFF;\r\n            padding: 16px 40px;\r\n            text-decoration: none;\r\n            border-radius: 6px;\r\n            font-weight: 600;\r\n            font-size: 16px;\r\n            transition: all 0.3s ease;\r\n            border: 2px solid #FFFFFF;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .btn-whatsapp:hover {\r\n            background-color: #2d8b6f;\r\n            color: #FFFFFF;\r\n            border-color: #2d8b6f;\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 12px 28px rgba(45, 139, 111, 0.35);\r\n        }\r\n\r\n        \/* Quick Contact Info *\/\r\n        .quick-contact {\r\n            background-color: rgba(255, 149, 0, 0.1);\r\n            padding: 30px 40px;\r\n            border-radius: 8px;\r\n            margin-top: 30px;\r\n            border-left: 4px solid #FF9500;\r\n        }\r\n\r\n        .quick-contact h4 {\r\n            font-family: 'Playfair Display', Georgia, serif;\r\n            font-size: 18px;\r\n            color: #FFFFFF;\r\n            margin-bottom: 15px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .quick-contact-items {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 20px;\r\n        }\r\n\r\n        .quick-contact-item {\r\n            font-size: 14px;\r\n            color: #E8F4F8;\r\n        }\r\n\r\n        .quick-contact-item strong {\r\n            color: #FF9500;\r\n            font-weight: 600;\r\n        }\r\n\r\n        \/* Keyframe Animations *\/\r\n        @keyframes fadeInDown {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(-20px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(20px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        \/* Mobile Responsiveness *\/\r\n        @media (max-width: 768px) {\r\n            .locations-section {\r\n                padding: 60px 20px;\r\n            }\r\n\r\n            .locations-header h2 {\r\n                font-size: 32px;\r\n            }\r\n\r\n            .locations-header p {\r\n                font-size: 16px;\r\n            }\r\n\r\n            .locations-grid {\r\n                gap: 20px;\r\n            }\r\n\r\n            .location-card {\r\n                padding: 30px 20px;\r\n            }\r\n\r\n            .location-card h3 {\r\n                font-size: 20px;\r\n            }\r\n\r\n            .contact-cta-section {\r\n                padding: 50px 30px;\r\n            }\r\n\r\n            .contact-cta-section h3 {\r\n                font-size: 26px;\r\n            }\r\n\r\n            .contact-cta-section p {\r\n                font-size: 16px;\r\n            }\r\n\r\n            .contact-buttons {\r\n                gap: 15px;\r\n            }\r\n\r\n            .btn-call,\r\n            .btn-whatsapp {\r\n                padding: 14px 32px;\r\n                font-size: 15px;\r\n                flex: 1;\r\n                min-width: 150px;\r\n            }\r\n\r\n            .quick-contact-items {\r\n                grid-template-columns: 1fr;\r\n                gap: 15px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .locations-section {\r\n                padding: 40px 16px;\r\n            }\r\n\r\n            .locations-header h2 {\r\n                font-size: 26px;\r\n                margin-bottom: 12px;\r\n            }\r\n\r\n            .locations-header p {\r\n                font-size: 15px;\r\n            }\r\n\r\n            .locations-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 16px;\r\n            }\r\n\r\n            .location-card {\r\n                padding: 24px 20px;\r\n            }\r\n\r\n            .location-card h3 {\r\n                font-size: 18px;\r\n            }\r\n\r\n            .info-content {\r\n                font-size: 14px;\r\n            }\r\n\r\n            .contact-link {\r\n                font-size: 13px;\r\n            }\r\n\r\n            .contact-cta-section {\r\n                padding: 40px 20px;\r\n                margin-top: 40px;\r\n            }\r\n\r\n            .contact-cta-section h3 {\r\n                font-size: 22px;\r\n                margin-bottom: 12px;\r\n            }\r\n\r\n            .contact-cta-section p {\r\n                font-size: 15px;\r\n                margin-bottom: 25px;\r\n            }\r\n\r\n            .contact-buttons {\r\n                flex-direction: column;\r\n                gap: 12px;\r\n            }\r\n\r\n            .btn-call,\r\n            .btn-whatsapp {\r\n                padding: 12px 24px;\r\n                font-size: 14px;\r\n                width: 100%;\r\n            }\r\n\r\n            .quick-contact {\r\n                padding: 24px 20px;\r\n                margin-top: 20px;\r\n            }\r\n\r\n            .quick-contact h4 {\r\n                font-size: 16px;\r\n                margin-bottom: 12px;\r\n            }\r\n\r\n            .quick-contact-item {\r\n                font-size: 13px;\r\n            }\r\n\r\n            .quick-contact-items {\r\n                grid-template-columns: 1fr;\r\n                gap: 12px;\r\n            }\r\n        }\r\n\r\n        \/* Accessibility *\/\r\n        @media (prefers-reduced-motion: reduce) {\r\n            * {\r\n                animation-duration: 0.01ms !important;\r\n                animation-iteration-count: 1 !important;\r\n                transition-duration: 0.01ms !important;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"locations-section\" id=\"contact\">\r\n    <div class=\"locations-container\">\r\n        \r\n        <!-- Section Header -->\r\n        <div class=\"locations-header\">\r\n            <h2>Our Offices<\/h2>\r\n            <p>Three convenient locations across the Western Cape to serve your waste management and sanitation needs<\/p>\r\n        <\/div>\r\n\r\n        <!-- Locations Grid -->\r\n        <div class=\"locations-grid\">\r\n            \r\n            <!-- Cape Town Office -->\r\n            <div class=\"location-card\">\r\n                <h3>Cape Town Office<\/h3>\r\n                \r\n                <div class=\"location-info\">\r\n                    <div class=\"info-label\">Address<\/div>\r\n                    <div class=\"info-content\">\r\n                        2nd Floor, Willowbridge Shopping Complex<br>\r\n                        Cape Town<br>\r\n                        7530\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"location-info\">\r\n                    <div class=\"info-label\">Phone<\/div>\r\n                    <div class=\"info-content\">021 974 6100<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"contact-links\">\r\n                    <a href=\"tel:+27219746100\" class=\"contact-link\">\r\n                        <span>Call Now<\/span>\r\n                    <\/a>\r\n                    <a href=\"mailto:Admin@mmproman.co.za\" class=\"contact-link\">\r\n                        <span>Send Email<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Paarl Office -->\r\n            <div class=\"location-card\">\r\n                <h3>Paarl Office<\/h3>\r\n                \r\n                <div class=\"location-info\">\r\n                    <div class=\"info-label\">Address<\/div>\r\n                    <div class=\"info-content\">\r\n                        The Link Building, 1 New Street<br>\r\n                        Paarl<br>\r\n                        7646\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"location-info\">\r\n                    <div class=\"info-label\">Phone<\/div>\r\n                    <div class=\"info-content\">021 003 8250<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"contact-links\">\r\n                    <a href=\"tel:+27210038250\" class=\"contact-link\">\r\n                        <span>Call Now<\/span>\r\n                    <\/a>\r\n                    <a href=\"mailto:Procurement@mmproman.co.za\" class=\"contact-link\">\r\n                        <span>Send Email<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Stellenbosch Office -->\r\n            <div class=\"location-card\">\r\n                <h3>Stellenbosch Office<\/h3>\r\n                \r\n                <div class=\"location-info\">\r\n                    <div class=\"info-label\">Address<\/div>\r\n                    <div class=\"info-content\">\r\n                        The Vineyard Office Park Building 2<br>\r\n                        Devon Valley Road<br>\r\n                        Stellenbosch 7600\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"location-info\">\r\n                    <div class=\"info-label\">Phone<\/div>\r\n                    <div class=\"info-content\">021 808 1600<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"contact-links\">\r\n                    <a href=\"tel:+27218081600\" class=\"contact-link\">\r\n                        <span>Call Now<\/span>\r\n                    <\/a>\r\n                    <a href=\"mailto:Admin@mmproman.co.za\" class=\"contact-link\">\r\n                        <span>Send Email<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- Contact CTA Section -->\r\n        <div class=\"contact-cta-section\">\r\n            <h3>Contact MM Proman Today<\/h3>\r\n            <p>Reach out to our team to discuss your waste management and sanitation requirements. We provide prompt responses to all inquiries<\/p>\r\n            \r\n            <div class=\"contact-buttons\">\r\n                <a href=\"tel:+27210974610\" class=\"btn-call\">Call Now<\/a>\r\n                <a href=\"https:\/\/wa.me\/27730999387\" class=\"btn-whatsapp\">Message on WhatsApp<\/a>\r\n            <\/div>\r\n\r\n            <div class=\"quick-contact\">\r\n                <h4>Quick Contact<\/h4>\r\n                <div class=\"quick-contact-items\">\r\n                    <div class=\"quick-contact-item\">\r\n                        <strong>WhatsApp:<\/strong> 073 0999 387\r\n                    <\/div>\r\n                    <div class=\"quick-contact-item\">\r\n                        <strong>Direct Calls:<\/strong> 065 751 7995\r\n                    <\/div>\r\n                    <div class=\"quick-contact-item\">\r\n                        <strong>Email:<\/strong> Admin@mmproman.co.za\r\n                    <\/div>\r\n                    <div class=\"quick-contact-item\">\r\n                        <strong>Procurement:<\/strong> Procurement@mmproman.co.za\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-786ba99 e-con e-atomic-element e-flexbox-base e-786ba99-f2b7b83 \" data-id=\"786ba99\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"786ba99\">\n    \t\t<div class=\"elementor-element elementor-element-27c8652 elementor-widget elementor-widget-html\" data-id=\"27c8652\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- MM Proman Testimonials Section -->\r\n<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <meta name=\"description\" content=\"Client testimonials for MM Proman waste management & sanitation services. Trusted by businesses in Cape Town, Paarl, Stellenbosch, Western Cape. Read reviews.\">\r\n    <meta name=\"keywords\" content=\"waste management reviews, sanitation service testimonials, trusted waste disposal, customer feedback Western Cape\">\r\n    <title>Client Testimonials | MM Proman Waste Management Reviews<\/title>\r\n    \r\n    <!-- Elegant Fonts -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700&family=Lora:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Lora', Georgia, serif;\r\n            line-height: 1.6;\r\n            color: #2C3E50;\r\n        }\r\n\r\n        \/* Testimonials Section *\/\r\n        .testimonials-section {\r\n            background-color: #F5F6F7;\r\n            padding: 80px 20px;\r\n        }\r\n\r\n        .testimonials-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* Section Header *\/\r\n        .testimonials-header {\r\n            text-align: center;\r\n            margin-bottom: 60px;\r\n            animation: fadeInUp 0.8s ease-out forwards;\r\n            opacity: 0;\r\n        }\r\n\r\n        .testimonials-header h2 {\r\n            font-family: 'Playfair Display', Georgia, serif;\r\n            font-size: 44px;\r\n            color: #144835;\r\n            margin-bottom: 12px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .testimonials-header p {\r\n            font-size: 16px;\r\n            color: #666;\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* Testimonials Grid *\/\r\n        .testimonials-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n            gap: 30px;\r\n        }\r\n\r\n        \/* Testimonial Card *\/\r\n        .testimonial-card {\r\n            background-color: #FFFFFF;\r\n            padding: 40px;\r\n            border-radius: 4px;\r\n            transition: all 0.3s ease;\r\n            animation: fadeInUp 0.8s ease-out forwards;\r\n            opacity: 0;\r\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\r\n        }\r\n\r\n        .testimonial-card:nth-child(1) {\r\n            animation-delay: 0.1s;\r\n        }\r\n\r\n        .testimonial-card:nth-child(2) {\r\n            animation-delay: 0.2s;\r\n        }\r\n\r\n        .testimonial-card:nth-child(3) {\r\n            animation-delay: 0.3s;\r\n        }\r\n\r\n        .testimonial-card:hover {\r\n            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        \/* Star Rating *\/\r\n        .star-rating {\r\n            margin-bottom: 15px;\r\n            font-size: 16px;\r\n            color: #FFB800;\r\n            letter-spacing: 2px;\r\n        }\r\n\r\n        \/* Testimonial Text *\/\r\n        .testimonial-text {\r\n            font-size: 15px;\r\n            color: #555;\r\n            line-height: 1.8;\r\n            margin-bottom: 25px;\r\n            font-style: italic;\r\n        }\r\n\r\n        \/* Client Info *\/\r\n        .client-info {\r\n            border-top: 1px solid #E0E0E0;\r\n            padding-top: 20px;\r\n        }\r\n\r\n        .client-name {\r\n            font-family: 'Playfair Display', Georgia, serif;\r\n            font-size: 16px;\r\n            color: #144835;\r\n            font-weight: 700;\r\n            margin-bottom: 4px;\r\n        }\r\n\r\n        .client-role {\r\n            font-size: 13px;\r\n            color: #999;\r\n        }\r\n\r\n        \/* Testimonial Count *\/\r\n        .testimonials-count {\r\n            text-align: center;\r\n            margin-top: 60px;\r\n            padding-top: 40px;\r\n            border-top: 1px solid #E0E0E0;\r\n            animation: fadeInUp 0.8s ease-out 0.4s forwards;\r\n            opacity: 0;\r\n        }\r\n\r\n        .count-stat {\r\n            display: inline-block;\r\n            margin-right: 40px;\r\n        }\r\n\r\n        .count-number {\r\n            font-family: 'Playfair Display', Georgia, serif;\r\n            font-size: 36px;\r\n            color: #144835;\r\n            font-weight: 700;\r\n            line-height: 1;\r\n        }\r\n\r\n        .count-label {\r\n            font-size: 14px;\r\n            color: #666;\r\n            margin-top: 8px;\r\n        }\r\n\r\n        \/* Keyframe Animations *\/\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(20px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        \/* Mobile Responsiveness *\/\r\n        @media (max-width: 768px) {\r\n            .testimonials-section {\r\n                padding: 60px 20px;\r\n            }\r\n\r\n            .testimonials-header h2 {\r\n                font-size: 32px;\r\n            }\r\n\r\n            .testimonials-header p {\r\n                font-size: 15px;\r\n            }\r\n\r\n            .testimonials-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 20px;\r\n            }\r\n\r\n            .testimonial-card {\r\n                padding: 30px;\r\n            }\r\n\r\n            .testimonial-text {\r\n                font-size: 14px;\r\n                margin-bottom: 20px;\r\n            }\r\n\r\n            .count-stat {\r\n                display: block;\r\n                margin-right: 0;\r\n                margin-bottom: 20px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .testimonials-section {\r\n                padding: 40px 16px;\r\n            }\r\n\r\n            .testimonials-header h2 {\r\n                font-size: 26px;\r\n                margin-bottom: 10px;\r\n            }\r\n\r\n            .testimonials-header p {\r\n                font-size: 14px;\r\n            }\r\n\r\n            .testimonials-grid {\r\n                gap: 16px;\r\n            }\r\n\r\n            .testimonial-card {\r\n                padding: 24px 20px;\r\n            }\r\n\r\n            .star-rating {\r\n                font-size: 14px;\r\n                margin-bottom: 12px;\r\n            }\r\n\r\n            .testimonial-text {\r\n                font-size: 13px;\r\n                margin-bottom: 18px;\r\n                line-height: 1.7;\r\n            }\r\n\r\n            .client-info {\r\n                padding-top: 16px;\r\n            }\r\n\r\n            .client-name {\r\n                font-size: 15px;\r\n                margin-bottom: 2px;\r\n            }\r\n\r\n            .client-role {\r\n                font-size: 12px;\r\n            }\r\n\r\n            .testimonials-count {\r\n                margin-top: 40px;\r\n                padding-top: 30px;\r\n            }\r\n\r\n            .count-number {\r\n                font-size: 28px;\r\n            }\r\n\r\n            .count-label {\r\n                font-size: 12px;\r\n            }\r\n        }\r\n\r\n        \/* Accessibility *\/\r\n        @media (prefers-reduced-motion: reduce) {\r\n            * {\r\n                animation-duration: 0.01ms !important;\r\n                animation-iteration-count: 1 !important;\r\n                transition-duration: 0.01ms !important;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"testimonials-section\" id=\"testimonials\">\r\n    <div class=\"testimonials-container\">\r\n        \r\n        <!-- Section Header -->\r\n        <div class=\"testimonials-header\">\r\n            <h2>What Our Clients Say<\/h2>\r\n            <p>Real feedback from businesses across the Western Cape who trust MM Proman<\/p>\r\n        <\/div>\r\n\r\n        <!-- Testimonials Grid -->\r\n        <div class=\"testimonials-grid\">\r\n            \r\n            <!-- Testimonial 1 -->\r\n            <div class=\"testimonial-card\">\r\n                <div class=\"star-rating\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                <p class=\"testimonial-text\">\"MM Proman has been handling our waste management for over two years. They're reliable, professional, and their emergency response is outstanding. We've never had an issue.\"<\/p>\r\n                <div class=\"client-info\">\r\n                    <div class=\"client-name\">Michael Thompson<\/div>\r\n                    <div class=\"client-role\">Facilities Manager, Cape Town Shopping Centre<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Testimonial 2 -->\r\n            <div class=\"testimonial-card\">\r\n                <div class=\"star-rating\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                <p class=\"testimonial-text\">\"When our septic system backed up, MM Proman came out the same day. Professional service, fair pricing, and they explained everything clearly. Highly recommend them.\"<\/p>\r\n                <div class=\"client-info\">\r\n                    <div class=\"client-name\">Sarah Mitchell<\/div>\r\n                    <div class=\"client-role\">Operations Director, Paarl Logistics<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Testimonial 3 -->\r\n            <div class=\"testimonial-card\">\r\n                <div class=\"star-rating\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                <p class=\"testimonial-text\">\"We switched to MM Proman for our construction site waste management. Their team is thorough and keeps the site clean. It's made a real difference in our operations.\"<\/p>\r\n                <div class=\"client-info\">\r\n                    <div class=\"client-name\">James Bennett<\/div>\r\n                    <div class=\"client-role\">Project Manager, Bennett Construction<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- Testimonials Statistics -->\r\n        <div class=\"testimonials-count\">\r\n            <div class=\"count-stat\">\r\n                <div class=\"count-number\">150+<\/div>\r\n                <div class=\"count-label\">Satisfied Clients<\/div>\r\n            <\/div>\r\n            <div class=\"count-stat\">\r\n                <div class=\"count-number\">24\/7<\/div>\r\n                <div class=\"count-label\">Service Availability<\/div>\r\n            <\/div>\r\n            <div class=\"count-stat\">\r\n                <div class=\"count-number\">98%<\/div>\r\n                <div class=\"count-label\">Client Retention Rate<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-8e7afca e-con e-atomic-element e-flexbox-base e-8e7afca-b2cb1b4 \" data-id=\"8e7afca\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8e7afca\">\n    \t\t<div class=\"elementor-element elementor-element-ec9b78f elementor-widget elementor-widget-html\" data-id=\"ec9b78f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- MM Proman Footer Section -->\r\n<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <meta name=\"description\" content=\"MM Proman - Waste Management & Sanitation Services in Western Cape. Professional disposal, skip bins, septic tank cleaning serving Cape Town, Paarl, Stellenbosch.\">\r\n    <meta name=\"keywords\" content=\"waste management, sanitation services, Cape Town, Paarl, Stellenbosch, Western Cape, skip bins, septic tank\">\r\n    <title>MM Proman Footer<\/title>\r\n    \r\n    <!-- Elegant Fonts -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700&family=Lora:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Lora', Georgia, serif;\r\n            line-height: 1.6;\r\n            color: #2C3E50;\r\n        }\r\n\r\n        \/* Footer Section *\/\r\n        .footer {\r\n            background: #1a2d3d;\r\n            color: #FFFFFF;\r\n            padding: 70px 20px 40px 20px;\r\n        }\r\n\r\n        .footer-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* Footer Grid *\/\r\n        .footer-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(5, 1fr);\r\n            gap: 40px;\r\n            margin-bottom: 50px;\r\n            animation: fadeInUp 0.8s ease-out forwards;\r\n            opacity: 0;\r\n        }\r\n\r\n        \/* Footer Column *\/\r\n        .footer-column {\r\n            animation: fadeInUp 0.8s ease-out forwards;\r\n            opacity: 0;\r\n            text-align: center;\r\n        }\r\n\r\n        .footer-column:nth-child(1) {\r\n            animation-delay: 0.1s;\r\n        }\r\n\r\n        .footer-column:nth-child(2) {\r\n            animation-delay: 0.2s;\r\n        }\r\n\r\n        .footer-column:nth-child(3) {\r\n            animation-delay: 0.3s;\r\n        }\r\n\r\n        .footer-column:nth-child(4) {\r\n            animation-delay: 0.4s;\r\n        }\r\n\r\n        .footer-column:nth-child(5) {\r\n            animation-delay: 0.5s;\r\n        }\r\n\r\n        \/* Column Heading *\/\r\n        .footer-column h4 {\r\n            font-family: 'Playfair Display', Georgia, serif;\r\n            font-size: 18px;\r\n            color: #FFFFFF;\r\n            margin-bottom: 20px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        \/* Navigation Links *\/\r\n        .footer-nav {\r\n            list-style: none;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n        }\r\n\r\n        .footer-nav li {\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .footer-nav a {\r\n            color: #D0E8F2;\r\n            text-decoration: none;\r\n            font-size: 14px;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .footer-nav a:hover {\r\n            color: #FF9500;\r\n            padding-left: 5px;\r\n        }\r\n\r\n        \/* Office Info *\/\r\n        .office-info {\r\n            margin-bottom: 25px;\r\n        }\r\n\r\n        .office-name {\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            color: #00A3E0;\r\n            margin-bottom: 8px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        .office-address {\r\n            font-size: 13px;\r\n            color: #D0E8F2;\r\n            line-height: 1.8;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .office-phone {\r\n            font-size: 13px;\r\n            color: #FFFFFF;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .office-phone a {\r\n            color: #FFFFFF;\r\n            text-decoration: none;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .office-phone a:hover {\r\n            color: #FF9500;\r\n        }\r\n\r\n        \/* Contact Links *\/\r\n        .contact-list {\r\n            list-style: none;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n        }\r\n\r\n        .contact-list li {\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .contact-list a {\r\n            color: #D0E8F2;\r\n            text-decoration: none;\r\n            font-size: 13px;\r\n            transition: all 0.3s ease;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n        }\r\n\r\n        .contact-list a:hover {\r\n            color: #FF9500;\r\n        }\r\n\r\n        .contact-icon {\r\n            font-size: 14px;\r\n        }\r\n\r\n        \/* Footer Divider *\/\r\n        .footer-divider {\r\n            border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n            margin: 40px 0;\r\n        }\r\n\r\n        \/* Footer Bottom *\/\r\n        .footer-bottom {\r\n            display: grid;\r\n            grid-template-columns: 1fr;\r\n            gap: 30px;\r\n            align-items: center;\r\n            text-align: center;\r\n            animation: fadeInUp 0.8s ease-out 0.5s forwards;\r\n            opacity: 0;\r\n        }\r\n\r\n        .footer-left p {\r\n            font-size: 13px;\r\n            color: #D0E8F2;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        .footer-right {\r\n            text-align: center;\r\n        }\r\n\r\n        .footer-right p {\r\n            font-size: 12px;\r\n            color: #999;\r\n        }\r\n\r\n        \/* Back to Top Link *\/\r\n        .back-to-top {\r\n            display: inline-block;\r\n            color: #FF9500;\r\n            text-decoration: none;\r\n            font-size: 13px;\r\n            font-weight: 600;\r\n            transition: all 0.3s ease;\r\n            margin-top: 8px;\r\n        }\r\n\r\n        .back-to-top:hover {\r\n            color: #FFFFFF;\r\n        }\r\n\r\n        \/* Keyframe Animations *\/\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(20px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        \/* Mobile Responsiveness *\/\r\n        @media (max-width: 768px) {\r\n            .footer {\r\n                padding: 50px 20px 30px 20px;\r\n            }\r\n\r\n            .footer-grid {\r\n                grid-template-columns: repeat(3, 1fr);\r\n                gap: 30px;\r\n                margin-bottom: 40px;\r\n            }\r\n\r\n            .footer-column h4 {\r\n                font-size: 16px;\r\n                margin-bottom: 16px;\r\n            }\r\n\r\n            .footer-nav a {\r\n                font-size: 13px;\r\n            }\r\n\r\n            .office-address {\r\n                font-size: 12px;\r\n            }\r\n\r\n            .office-phone {\r\n                font-size: 12px;\r\n            }\r\n\r\n            .contact-list a {\r\n                font-size: 12px;\r\n            }\r\n\r\n            .footer-bottom {\r\n                grid-template-columns: 1fr;\r\n                gap: 20px;\r\n            }\r\n\r\n            .footer-right {\r\n                text-align: center;\r\n            }\r\n\r\n            .footer-left p {\r\n                font-size: 12px;\r\n            }\r\n\r\n            .footer-right p {\r\n                font-size: 11px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .footer {\r\n                padding: 40px 16px 25px 16px;\r\n            }\r\n\r\n            .footer-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 30px;\r\n            }\r\n\r\n            .footer-column h4 {\r\n                font-size: 15px;\r\n                margin-bottom: 14px;\r\n            }\r\n\r\n            .footer-nav a {\r\n                font-size: 12px;\r\n            }\r\n\r\n            .office-info {\r\n                margin-bottom: 20px;\r\n            }\r\n\r\n            .office-name {\r\n                font-size: 12px;\r\n                margin-bottom: 6px;\r\n            }\r\n\r\n            .office-address {\r\n                font-size: 12px;\r\n                margin-bottom: 8px;\r\n            }\r\n\r\n            .office-phone {\r\n                font-size: 12px;\r\n            }\r\n\r\n            .contact-list a {\r\n                font-size: 12px;\r\n            }\r\n\r\n            .footer-divider {\r\n                margin: 30px 0;\r\n            }\r\n\r\n            .footer-bottom {\r\n                grid-template-columns: 1fr;\r\n                gap: 15px;\r\n            }\r\n\r\n            .footer-left p {\r\n                font-size: 11px;\r\n            }\r\n\r\n            .footer-right p {\r\n                font-size: 10px;\r\n            }\r\n\r\n            .back-to-top {\r\n                font-size: 12px;\r\n            }\r\n        }\r\n\r\n        \/* Accessibility *\/\r\n        @media (prefers-reduced-motion: reduce) {\r\n            * {\r\n                animation-duration: 0.01ms !important;\r\n                animation-iteration-count: 1 !important;\r\n                transition-duration: 0.01ms !important;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<footer class=\"footer\" id=\"footer\">\r\n    <div class=\"footer-container\">\r\n        \r\n        <!-- Footer Grid -->\r\n        <div class=\"footer-grid\">\r\n            \r\n            <!-- Column 1: Quick Links -->\r\n            <div class=\"footer-column\">\r\n                <h4>Quick Links<\/h4>\r\n                <ul class=\"footer-nav\">\r\n                    <li><a href=\"#hero\">Home<\/a><\/li>\r\n                    <li><a href=\"#services\">Services<\/a><\/li>\r\n                    <li><a href=\"#why-choose-us\">Why Choose Us<\/a><\/li>\r\n                    <li><a href=\"#how-it-works\">Our Process<\/a><\/li>\r\n                    <li><a href=\"#contact\">Contact<\/a><\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <!-- Column 2: Services -->\r\n            <div class=\"footer-column\">\r\n                <h4>Our Services<\/h4>\r\n                <ul class=\"footer-nav\">\r\n                    <li><a href=\"#services\">Waste Management<\/a><\/li>\r\n                    <li><a href=\"#services\">Sanitation Services<\/a><\/li>\r\n                    <li><a href=\"#services\">Hygiene Services<\/a><\/li>\r\n                    <li><a href=\"#services\">Utilities & Maintenance<\/a><\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <!-- Column 3: Service Areas -->\r\n            <div class=\"footer-column\">\r\n                <h4>Service Areas<\/h4>\r\n                <ul class=\"footer-nav\">\r\n                    <li><a href=\"#contact\">Cape Town<\/a><\/li>\r\n                    <li><a href=\"#contact\">Paarl<\/a><\/li>\r\n                    <li><a href=\"#contact\">Stellenbosch<\/a><\/li>\r\n                    <li><a href=\"#contact\">Western Cape Region<\/a><\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <!-- Column 3: Offices -->\r\n            <div class=\"footer-column\">\r\n                <h4>Office Locations<\/h4>\r\n                \r\n                <div class=\"office-info\">\r\n                    <div class=\"office-name\">Cape Town<\/div>\r\n                    <div class=\"office-address\">2nd Floor, Willowbridge Shopping Complex, Cape Town 7530<\/div>\r\n                    <div class=\"office-phone\"><a href=\"tel:+27219746100\">021 974 6100<\/a><\/div>\r\n                <\/div>\r\n\r\n                <div class=\"office-info\">\r\n                    <div class=\"office-name\">Paarl<\/div>\r\n                    <div class=\"office-address\">The Link Building, 1 New Street, Paarl 7646<\/div>\r\n                    <div class=\"office-phone\"><a href=\"tel:+27210038250\">021 003 8250<\/a><\/div>\r\n                <\/div>\r\n\r\n                <div class=\"office-info\">\r\n                    <div class=\"office-name\">Stellenbosch<\/div>\r\n                    <div class=\"office-address\">The Vineyard Office Park Building 2, Devon Valley Road, Stellenbosch 7600<\/div>\r\n                    <div class=\"office-phone\"><a href=\"tel:+27218081600\">021 808 1600<\/a><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Column 4: Contact -->\r\n            <div class=\"footer-column\">\r\n                <h4>Get In Touch<\/h4>\r\n                <ul class=\"contact-list\">\r\n                    <li>\r\n                        <a href=\"tel:+27219746100\">\r\n                            <span>021 974 6100<\/span>\r\n                        <\/a>\r\n                    <\/li>\r\n                    <li>\r\n                        <a href=\"https:\/\/wa.me\/27730999387\">\r\n                            <span>073 0999 387 (WhatsApp)<\/span>\r\n                        <\/a>\r\n                    <\/li>\r\n                    <li>\r\n                        <a href=\"tel:+27657517995\">\r\n                            <span>065 751 7995<\/span>\r\n                        <\/a>\r\n                    <\/li>\r\n                    <li>\r\n                        <a href=\"mailto:Admin@mmproman.co.za\">\r\n                            <span>Admin@mmproman.co.za<\/span>\r\n                        <\/a>\r\n                    <\/li>\r\n                    <li>\r\n                        <a href=\"mailto:Procurement@mmproman.co.za\">\r\n                            <span>Procurement@mmproman.co.za<\/span>\r\n                        <\/a>\r\n                    <\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- Footer Divider -->\r\n        <div class=\"footer-divider\"><\/div>\r\n\r\n        <!-- Footer Bottom -->\r\n        <div class=\"footer-bottom\">\r\n            <div class=\"footer-left\">\r\n                <p>MM Proman provides waste management, sanitation, hygiene, and utility services across the Western Cape. Licensed, insured, and available 24\/7 for your needs.<\/p>\r\n            <\/div>\r\n            <div class=\"footer-right\">\r\n                <p>&copy; 2024 MM Proman. All rights reserved.<\/p>\r\n                <a href=\"#hero\" class=\"back-to-top\">Back to Top<\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/footer>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>MM Proman | Waste Management &#038; Sanitation Services Western Cape Home Services Why Us Process Testimonials Contact Call Us WhatsApp MM Proman | Waste Management &#038; Sanitation Services Western Cape Professional Waste Management &#038; Sanitation Services in Cape Town Professional Waste Management &#038; Sanitation Services for Cape Town, Paarl, Stellenbosch &#038; Entire Western Cape MM [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>MM Proman | Waste Management &amp; Sanitation Services Western Cape<\/title>\n<meta name=\"description\" content=\"Professional waste management, sanitation &amp; utility services across Western Cape. Licensed, insured, 24\/7 emergency response. Call 021 974 6100.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mmproman.co.za\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"MM Proman | Waste Management &amp; Sanitation Services Western Cape\" \/>\n<meta property=\"og:description\" content=\"Professional waste management, sanitation &amp; utility services across Western Cape. Licensed, insured, 24\/7 emergency response. Call 021 974 6100.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mmproman.co.za\/\" \/>\n<meta property=\"og:site_name\" content=\"MM Proman\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-26T08:05:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mmproman.co.za\/wp-content\/uploads\/2026\/07\/cropped-MM-Proman-Logo.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mmproman.co.za\\\/\",\"url\":\"https:\\\/\\\/mmproman.co.za\\\/\",\"name\":\"MM Proman | Waste Management & Sanitation Services Western Cape\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mmproman.co.za\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/mmproman.co.za\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/mmproman.co.za\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mmproman.co.za\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/cropped-MM-Proman-Logo.png\",\"datePublished\":\"2026-07-09T19:27:33+00:00\",\"dateModified\":\"2026-08-26T08:05:48+00:00\",\"description\":\"Professional waste management, sanitation & utility services across Western Cape. Licensed, insured, 24\\\/7 emergency response. Call 021 974 6100.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mmproman.co.za\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/mmproman.co.za\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/mmproman.co.za\\\/#primaryimage\",\"url\":\"https:\\\/\\\/mmproman.co.za\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/cropped-MM-Proman-Logo.png\",\"contentUrl\":\"https:\\\/\\\/mmproman.co.za\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/cropped-MM-Proman-Logo.png\",\"width\":512,\"height\":512},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mmproman.co.za\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/mmproman.co.za\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mmproman.co.za\\\/#website\",\"url\":\"https:\\\/\\\/mmproman.co.za\\\/\",\"name\":\"MM Proman\",\"description\":\"Waste management and Sanitation services in Cape Town\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/mmproman.co.za\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"MM Proman | Waste Management & Sanitation Services Western Cape","description":"Professional waste management, sanitation & utility services across Western Cape. Licensed, insured, 24\/7 emergency response. Call 021 974 6100.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mmproman.co.za\/","og_locale":"en_US","og_type":"article","og_title":"MM Proman | Waste Management & Sanitation Services Western Cape","og_description":"Professional waste management, sanitation & utility services across Western Cape. Licensed, insured, 24\/7 emergency response. Call 021 974 6100.","og_url":"https:\/\/mmproman.co.za\/","og_site_name":"MM Proman","article_modified_time":"2026-08-26T08:05:48+00:00","og_image":[{"url":"https:\/\/mmproman.co.za\/wp-content\/uploads\/2026\/07\/cropped-MM-Proman-Logo.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/mmproman.co.za\/","url":"https:\/\/mmproman.co.za\/","name":"MM Proman | Waste Management & Sanitation Services Western Cape","isPartOf":{"@id":"https:\/\/mmproman.co.za\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mmproman.co.za\/#primaryimage"},"image":{"@id":"https:\/\/mmproman.co.za\/#primaryimage"},"thumbnailUrl":"https:\/\/mmproman.co.za\/wp-content\/uploads\/2026\/07\/cropped-MM-Proman-Logo.png","datePublished":"2026-07-09T19:27:33+00:00","dateModified":"2026-08-26T08:05:48+00:00","description":"Professional waste management, sanitation & utility services across Western Cape. Licensed, insured, 24\/7 emergency response. Call 021 974 6100.","breadcrumb":{"@id":"https:\/\/mmproman.co.za\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mmproman.co.za\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mmproman.co.za\/#primaryimage","url":"https:\/\/mmproman.co.za\/wp-content\/uploads\/2026\/07\/cropped-MM-Proman-Logo.png","contentUrl":"https:\/\/mmproman.co.za\/wp-content\/uploads\/2026\/07\/cropped-MM-Proman-Logo.png","width":512,"height":512},{"@type":"BreadcrumbList","@id":"https:\/\/mmproman.co.za\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mmproman.co.za\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/mmproman.co.za\/#website","url":"https:\/\/mmproman.co.za\/","name":"MM Proman","description":"Waste management and Sanitation services in Cape Town","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mmproman.co.za\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/mmproman.co.za\/index.php\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mmproman.co.za\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mmproman.co.za\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mmproman.co.za\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mmproman.co.za\/index.php\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":22,"href":"https:\/\/mmproman.co.za\/index.php\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":91,"href":"https:\/\/mmproman.co.za\/index.php\/wp-json\/wp\/v2\/pages\/15\/revisions\/91"}],"wp:attachment":[{"href":"https:\/\/mmproman.co.za\/index.php\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}