{"id":33915,"date":"2025-04-14T10:03:50","date_gmt":"2025-04-14T10:03:50","guid":{"rendered":"https:\/\/sanil.in\/zenfleet\/home-2\/"},"modified":"2025-05-21T09:12:34","modified_gmt":"2025-05-21T09:12:34","slug":"home","status":"publish","type":"page","link":"https:\/\/sanil.in\/zenfleet\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"33915\" class=\"elementor elementor-33915\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a86f9cd e-flex e-con-boxed e-con e-parent\" data-id=\"a86f9cd\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b036fe8 e-con-full e-flex e-con e-child\" data-id=\"b036fe8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad1f0d6 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"ad1f0d6\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:&quot;200&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Smarter, Safer, Data-Driven Fleet Management.<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a6251d7 elementor-widget elementor-widget-text-editor\" data-id=\"a6251d7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>AI-powered fleet tracking, predictive maintenance, route optimization, and compliance \u2013 all in one platform. Real-time tracking, optimized routes, and data-driven insights to reduce costs by 30% and improve efficiency.<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-81fa5f1 elementor-mobile-align-center splite-showpopup elementor-widget elementor-widget-button\" data-id=\"81fa5f1\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-long-arrow-alt-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Schedule a Demo<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cb6a2bf e-con-full e-flex e-con e-parent\" data-id=\"cb6a2bf\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8980e21 elementor-widget elementor-widget-html\" data-id=\"8980e21\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Stats Section with Proper Full Width -->\n<div style=\"position: relative; width: 100%; background: linear-gradient(135deg, #f9f9f9, #f0f6ff); padding: 80px 0; margin: 0 auto;\">\n    <!-- Background Decorations -->\n    <div style=\"position: absolute; width: 300px; height: 300px; border-radius: 50%; background: linear-gradient(45deg, rgba(0, 100, 255, 0.05), rgba(105, 51, 255, 0.05)); top: -100px; left: -100px; animation: float 15s ease-in-out infinite;\"><\/div>\n    <div style=\"position: absolute; width: 200px; height: 200px; border-radius: 50%; background: linear-gradient(45deg, rgba(255, 87, 34, 0.03), rgba(255, 138, 80, 0.03)); bottom: -50px; right: -50px; animation: float 10s ease-in-out infinite alternate;\"><\/div>\n    \n    <!-- Content Container -->\n    <div style=\"max-width: 1200px; margin: 0 auto; padding: 0 20px; position: relative; z-index: 1;\">\n        <!-- Stats Grid -->\n        <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px;\">\n            <!-- Stat Card 1 -->\n            <div style=\"background: white; border-radius: 16px; padding: 40px 30px; text-align: center; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); transition: all 0.4s ease; position: relative; overflow: hidden; cursor: pointer;\" onmouseover=\"this.style.transform='translateY(-10px)';this.style.boxShadow='0 15px 40px rgba(0, 100, 255, 0.1)';\" onmouseout=\"this.style.transform='translateY(0)';this.style.boxShadow='0 10px 30px rgba(0, 0, 0, 0.05)';\">\n                <div style=\"position: absolute; top: -20px; right: -20px; width: 100px; height: 100px; background: linear-gradient(45deg, rgba(0, 100, 255, 0.05), rgba(105, 51, 255, 0.05)); border-radius: 50%; z-index: 0;\"><\/div>\n                <div style=\"position: relative; z-index: 1;\">\n                    <div style=\"font-size: 56px; font-weight: 800; background: linear-gradient(45deg, #0064ff, #6933ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 5px; line-height: 1.1; animation: pulse 2s infinite ease-in-out;\">30%<\/div>\n                    <div style=\"font-size: 18px; font-weight: 600; color: #1a1a2e; margin-bottom: 15px;\">Cost Reduction<\/div>\n                    <p style=\"color: #6c757d; font-size: 16px;\">Optimized routes and predictive maintenance reduce operational costs.<\/p>\n                <\/div>\n            <\/div>\n            \n            <!-- Stat Card 2 -->\n            <div style=\"background: white; border-radius: 16px; padding: 40px 30px; text-align: center; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); transition: all 0.4s ease; position: relative; overflow: hidden; cursor: pointer;\" onmouseover=\"this.style.transform='translateY(-10px)';this.style.boxShadow='0 15px 40px rgba(0, 100, 255, 0.1)';\" onmouseout=\"this.style.transform='translateY(0)';this.style.boxShadow='0 10px 30px rgba(0, 0, 0, 0.05)';\">\n                <div style=\"position: absolute; top: -20px; right: -20px; width: 100px; height: 100px; background: linear-gradient(45deg, rgba(0, 100, 255, 0.05), rgba(105, 51, 255, 0.05)); border-radius: 50%; z-index: 0;\"><\/div>\n                <div style=\"position: relative; z-index: 1;\">\n                    <div style=\"font-size: 56px; font-weight: 800; background: linear-gradient(45deg, #0064ff, #6933ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 5px; line-height: 1.1; animation: pulse 2s infinite ease-in-out 0.5s;\">25%<\/div>\n                    <div style=\"font-size: 18px; font-weight: 600; color: #1a1a2e; margin-bottom: 15px;\">Efficiency Improvement<\/div>\n                    <p style=\"color: #6c757d; font-size: 16px;\">Real-time tracking minimizes idle time and improves vehicle utilization.<\/p>\n                <\/div>\n            <\/div>\n            \n            <!-- Stat Card 3 -->\n            <div style=\"background: white; border-radius: 16px; padding: 40px 30px; text-align: center; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); transition: all 0.4s ease; position: relative; overflow: hidden; cursor: pointer;\" onmouseover=\"this.style.transform='translateY(-10px)';this.style.boxShadow='0 15px 40px rgba(0, 100, 255, 0.1)';\" onmouseout=\"this.style.transform='translateY(0)';this.style.boxShadow='0 10px 30px rgba(0, 0, 0, 0.05)';\">\n                <div style=\"position: absolute; top: -20px; right: -20px; width: 100px; height: 100px; background: linear-gradient(45deg, rgba(0, 100, 255, 0.05), rgba(105, 51, 255, 0.05)); border-radius: 50%; z-index: 0;\"><\/div>\n                <div style=\"position: relative; z-index: 1;\">\n                    <div style=\"font-size: 56px; font-weight: 800; background: linear-gradient(45deg, #0064ff, #6933ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 5px; line-height: 1.1; animation: pulse 2s infinite ease-in-out 1s;\">40%<\/div>\n                    <div style=\"font-size: 18px; font-weight: 600; color: #1a1a2e; margin-bottom: 15px;\">Maintenance Cost Decrease<\/div>\n                    <p style=\"color: #6c757d; font-size: 16px;\">Preventive scheduling reduces repairs and extends vehicle lifespan.<\/p>\n                <\/div>\n            <\/div>\n            \n            <!-- Stat Card 4 -->\n            <div style=\"background: white; border-radius: 16px; padding: 40px 30px; text-align: center; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); transition: all 0.4s ease; position: relative; overflow: hidden; cursor: pointer;\" onmouseover=\"this.style.transform='translateY(-10px)';this.style.boxShadow='0 15px 40px rgba(0, 100, 255, 0.1)';\" onmouseout=\"this.style.transform='translateY(0)';this.style.boxShadow='0 10px 30px rgba(0, 0, 0, 0.05)';\">\n                <div style=\"position: absolute; top: -20px; right: -20px; width: 100px; height: 100px; background: linear-gradient(45deg, rgba(0, 100, 255, 0.05), rgba(105, 51, 255, 0.05)); border-radius: 50%; z-index: 0;\"><\/div>\n                <div style=\"position: relative; z-index: 1;\">\n                    <div style=\"font-size: 56px; font-weight: 800; background: linear-gradient(45deg, #0064ff, #6933ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 5px; line-height: 1.1; animation: pulse 2s infinite ease-in-out 1.5s;\">100%<\/div>\n                    <div style=\"font-size: 18px; font-weight: 600; color: #1a1a2e; margin-bottom: 15px;\">Compliance & Safety<\/div>\n                    <p style=\"color: #6c757d; font-size: 16px;\">Complete regulatory compliance and enhanced operational safety.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n    @keyframes float {\n        0% { transform: translateY(0) rotate(0deg); }\n        50% { transform: translateY(-20px) rotate(5deg); }\n        100% { transform: translateY(0) rotate(0deg); }\n    }\n    \n    @keyframes pulse {\n        0% { opacity: 1; }\n        50% { opacity: 0.8; }\n        100% { opacity: 1; }\n    }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e272c6b e-flex e-con-boxed e-con e-parent\" data-id=\"e272c6b\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f2d9b4 elementor-widget elementor-widget-heading\" data-id=\"5f2d9b4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Live ZenFleet Experience<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-52ee19b e-flex e-con-boxed e-con e-parent\" data-id=\"52ee19b\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-307011b elementor-widget elementor-widget-video\" data-id=\"307011b\" data-element_type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;start&quot;:0,&quot;end&quot;:30,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/sanil.in\/zenfleet\/wp-content\/uploads\/2025\/04\/ZenFleet_video.mp4#t=,30\" autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-510e899 e-con-full e-flex e-con e-parent\" data-id=\"510e899\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c6a3303 elementor-widget elementor-widget-html\" data-id=\"c6a3303\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>ZenFleet - Intelligent Fleet Management Solutions<\/title>\n    \n    <!-- Google Fonts -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n    \n    <!-- CSS -->\n    <style>\n        :root {\n            --primary: #0064ff;\n            --secondary: #6933ff;\n            --accent: #ff5722;\n            --dark: #1a1a2e;\n            --light: #f8f9fa;\n            --light-blue: #e6f0ff;\n            --white: #ffffff;\n            --gray: #6c757d;\n            --success: #28a745;\n            --gradient-primary: linear-gradient(135deg, var(--primary), var(--secondary));\n            --gradient-accent: linear-gradient(135deg, var(--accent), #ff8a50);\n            --box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n            --border-radius: 16px;\n            --border-radius-lg: 24px;\n            --border-radius-sm: 8px;\n            --transition: all 0.3s ease;\n        }\n        \n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        body {\n            font-family: 'Inter', sans-serif;\n            line-height: 1.6;\n            color: var(--dark);\n            background-color: var(--white);\n            overflow-x: hidden;\n            width: 100%;\n            margin: 0;\n            padding: 0;\n        }\n        \n        .container {\n            width: 100%;\n            max-width: 100%;\n            margin: 0 auto;\n            padding: 0 24px;\n            box-sizing: border-box;\n        }\n        \n        \/* Advanced Features Section (gradient) *\/\n        .gradient-features-section {\n            position: relative;\n            padding: 100px 0;\n            background: linear-gradient(135deg, #0d1b2a 0%, #162447 50%, #1d2d50 100%);\n            color: var(--white);\n            overflow: hidden;\n        }\n        \n        .gradient-title {\n            text-align: center;\n            font-size: 42px;\n            font-weight: 800;\n            margin-bottom: 30px;\n            color: var(--white) !important; \/* Force white color *\/\n        }\n        \n        .gradient-subtitle {\n            text-align: center;\n            font-size: 18px;\n            max-width: 700px;\n            margin: 0 auto 60px;\n            color: rgba(255, 255, 255, 0.8);\n        }\n        \n        .gradient-feature-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 30px;\n        }\n        \n        .gradient-feature {\n            background: rgba(255, 255, 255, 0.05);\n            border-radius: 20px;\n            padding: 40px;\n            transition: all 0.3s ease;\n        }\n        \n        .gradient-feature:hover {\n            transform: translateY(-10px);\n            background: rgba(255, 255, 255, 0.1);\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);\n        }\n        \n        .gradient-feature-title {\n            font-size: 24px;\n            margin-bottom: 20px;\n            color: #ffffff !important; \/* Force white color *\/\n            position: relative;\n            padding-left: 40px;\n        }\n        \n        .gradient-feature-title:before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 30px;\n            height: 2px;\n            background: var(--accent);\n        }\n        \n        .gradient-feature-text {\n            color: rgba(255, 255, 255, 0.7);\n            font-size: 16px;\n            line-height: 1.7;\n        }\n        \n        .gradient-blob {\n            position: absolute;\n            border-radius: 50%;\n            filter: blur(100px);\n            z-index: 0;\n        }\n        \n        .gradient-blob-1 {\n            width: 500px;\n            height: 500px;\n            background: rgba(105, 51, 255, 0.15);\n            top: -200px;\n            right: -100px;\n        }\n        \n        .gradient-blob-2 {\n            width: 600px;\n            height: 600px;\n            background: rgba(0, 100, 255, 0.1);\n            bottom: -300px;\n            left: -200px;\n        }\n        \n        \/* Advanced Technology Features Section *\/\n        .features-section {\n            position: relative;\n            padding: 120px 0;\n            background-color: var(--dark);\n            color: var(--white);\n            overflow: hidden;\n        }\n        \n        .features-background {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(125deg, #1a1a2e 0%, #16213e 50%, #0d1b2a 100%);\n            z-index: -2;\n        }\n        \n        .features-grid-pattern {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-image: \n                linear-gradient(rgba(0, 100, 255, 0.03) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(0, 100, 255, 0.03) 1px, transparent 1px);\n            background-size: 20px 20px;\n            z-index: -1;\n        }\n        \n        .feature-blob {\n            position: absolute;\n            border-radius: 50%;\n            filter: blur(80px);\n            z-index: -1;\n        }\n        \n        .blob-1 {\n            width: 400px;\n            height: 400px;\n            background: rgba(0, 100, 255, 0.15);\n            top: -100px;\n            left: -100px;\n        }\n        \n        .blob-2 {\n            width: 500px;\n            height: 500px;\n            background: rgba(255, 87, 34, 0.08);\n            bottom: -200px;\n            right: -150px;\n        }\n        \n        .features-header {\n            text-align: center;\n            margin-bottom: 80px;\n            position: relative;\n            z-index: 1;\n        }\n        \n        .features-title {\n            font-size: 52px;\n            font-weight: 800;\n            margin-bottom: 20px;\n            background: linear-gradient(to right, #ffffff, #6933ff);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            color: transparent;\n            display: inline-block;\n        }\n        \n        .features-subtitle {\n            font-size: 20px;\n            max-width: 700px;\n            margin: 0 auto;\n            color: rgba(255, 255, 255, 0.8);\n        }\n        \n        .features-row {\n            display: flex;\n            flex-wrap: wrap;\n            margin: 0 -15px;\n        }\n        \n        .feature-column {\n            flex: 0 0 33.333333%;\n            max-width: 33.333333%;\n            padding: 15px;\n        }\n        \n        .feature-card {\n            position: relative;\n            height: 100%;\n            background: rgba(255, 255, 255, 0.03);\n            backdrop-filter: blur(10px);\n            border: 1px solid rgba(255, 255, 255, 0.05);\n            border-radius: 20px;\n            padding: 40px 30px;\n            overflow: hidden;\n            transition: all 0.4s ease;\n        }\n        \n        .feature-card:before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(125deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 100%);\n            z-index: -1;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\n            border-color: rgba(105, 51, 255, 0.2);\n        }\n        \n        .feature-card:after {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 5px;\n            background: linear-gradient(to right, var(--primary), var(--secondary));\n            transform: scaleX(0);\n            transform-origin: left;\n            transition: transform 0.5s ease;\n        }\n        \n        .feature-card:hover:after {\n            transform: scaleX(1);\n        }\n        \n        .feature-icon-wrapper {\n            width: 80px;\n            height: 80px;\n            margin-bottom: 25px;\n            position: relative;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n        }\n        \n        .feature-icon-bg {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            border-radius: 20px;\n            background: linear-gradient(135deg, rgba(105, 51, 255, 0.1), rgba(0, 100, 255, 0.1));\n            transform: rotate(10deg);\n            transition: transform 0.3s ease;\n        }\n        \n        .feature-card:hover .feature-icon-bg {\n            transform: rotate(0deg);\n        }\n        \n        .feature-icon {\n            z-index: 1;\n            color: var(--primary);\n            font-size: 36px;\n            transition: transform 0.3s ease;\n        }\n        \n        .feature-card:hover .feature-icon {\n            transform: scale(1.1);\n        }\n        \n        .feature-title {\n            font-size: 24px;\n            font-weight: 700;\n            margin-bottom: 15px;\n            color: white !important; \/* Force white color *\/\n        }\n        \n        .feature-description {\n            color: rgba(255, 255, 255, 0.7);\n            font-size: 16px;\n            line-height: 1.6;\n        }\n        \n        .feature-list {\n            list-style-type: none;\n            margin-top: 15px;\n            padding-left: 0;\n        }\n        \n        .feature-list li {\n            position: relative;\n            padding-left: 25px;\n            margin-bottom: 10px;\n            color: rgba(255, 255, 255, 0.7);\n            font-size: 15px;\n        }\n        \n        .feature-list li:before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 8px;\n            width: 8px;\n            height: 8px;\n            border-radius: 50%;\n            background: var(--accent);\n        }\n        \n        .noise-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'\/%3E%3C\/svg%3E\");\n            opacity: 0.3;\n            z-index: -1;\n        }\n        \n        \/* Responsive adjustments *\/\n        @media (max-width: 1200px) {\n            .features-title, .gradient-title {\n                font-size: 46px;\n            }\n        }\n        \n        @media (max-width: 992px) {\n            .feature-column {\n                flex: 0 0 50%;\n                max-width: 50%;\n            }\n            \n            .features-title, .gradient-title {\n                font-size: 40px;\n            }\n            \n            .gradient-feature-grid {\n                grid-template-columns: 1fr;\n            }\n        }\n        \n        @media (max-width: 768px) {\n            .features-section, .gradient-features-section {\n                padding: 80px 0;\n            }\n            \n            .features-title, .gradient-title {\n                font-size: 36px;\n            }\n            \n            .features-subtitle, .gradient-subtitle {\n                font-size: 18px;\n            }\n        }\n        \n        @media (max-width: 576px) {\n            .feature-column {\n                flex: 0 0 100%;\n                max-width: 100%;\n            }\n            \n            .features-title, .gradient-title {\n                font-size: 32px;\n            }\n            \n            .gradient-feature {\n                padding: 30px;\n            }\n        }\n    <\/style>\n<\/head>\n\n<body>\n    <!-- Gradient Features Section - Advanced Intelligent Management -->\n    <section class=\"gradient-features-section\">\n        <div class=\"gradient-blob gradient-blob-1\"><\/div>\n        <div class=\"gradient-blob gradient-blob-2\"><\/div>\n        \n        <div class=\"container\">\n            <h2 class=\"gradient-title\">Advanced Intelligent Management<\/h2>\n            <p class=\"gradient-subtitle\">Our AI-powered platform transforms how you manage your fleet with cutting-edge technology and actionable insights for optimization.<\/p>\n            \n            <div class=\"gradient-feature-grid\">\n                <div class=\"gradient-feature\" data-aos=\"fade-right\">\n                    <h3 class=\"gradient-feature-title\">IoT Sensor Integration<\/h3>\n                    <p class=\"gradient-feature-text\">Connect with temperature sensors, tire pressure monitors, cargo tracking devices, and other IoT equipment to monitor every aspect of your fleet. Receive real-time data from connected vehicles for comprehensive monitoring of critical parameters and conditions.<\/p>\n                <\/div>\n                \n                <div class=\"gradient-feature\" data-aos=\"fade-left\">\n                    <h3 class=\"gradient-feature-title\">Predictive Analytics<\/h3>\n                    <p class=\"gradient-feature-text\">Leverage machine learning algorithms to predict maintenance needs, optimize routes, and identify potential issues before they occur. Our AI engine analyzes historical data to provide actionable insights that reduce costs and improve operational efficiency.<\/p>\n                <\/div>\n                \n                <div class=\"gradient-feature\" data-aos=\"fade-right\">\n                    <h3 class=\"gradient-feature-title\">Compliance Management<\/h3>\n                    <p class=\"gradient-feature-text\">Automate compliance tracking for regulations including electronic logging devices (ELD), driver hours, vehicle inspections, and permit renewals. Stay ahead of regulatory requirements with digital documentation and proactive alerts for upcoming deadlines.<\/p>\n                <\/div>\n                \n                <div class=\"gradient-feature\" data-aos=\"fade-left\">\n                    <h3 class=\"gradient-feature-title\">Seamless API Integration<\/h3>\n                    <p class=\"gradient-feature-text\">Integrate with your existing business systems including ERP platforms, transportation management systems, accounting software, and fuel card providers. Our flexible API ensures data flows seamlessly between systems for unified operations management.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Advanced Technology Features Section -->\n    <section class=\"features-section\">\n        <div class=\"features-background\"><\/div>\n        <div class=\"features-grid-pattern\"><\/div>\n        <div class=\"noise-overlay\"><\/div>\n        \n        <div class=\"feature-blob blob-1\"><\/div>\n        <div class=\"feature-blob blob-2\"><\/div>\n        \n        <div class=\"container features-container\">\n            <div class=\"features-header\">\n                <h2 class=\"features-title\">Advanced Technology Features<\/h2>\n                <p class=\"features-subtitle\">Our platform leverages cutting-edge technology to provide unparalleled fleet management capabilities.<\/p>\n            <\/div>\n            \n            <div class=\"features-row\">\n                <!-- Tech Feature 1 -->\n                <div class=\"feature-column\">\n                    <div class=\"feature-card\" data-aos=\"fade-up\">\n                        <div class=\"feature-icon-wrapper\">\n                            <div class=\"feature-icon-bg\"><\/div>\n                            <div class=\"feature-icon\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"36\" height=\"36\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                                    <polygon points=\"16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76\"><\/polygon>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                        <h3 class=\"feature-title\">Real-time GPS Tracking<\/h3>\n                        <p class=\"feature-description\">Monitor your entire fleet with precision GPS technology providing live location updates, route history, and vehicle status from anywhere, anytime.<\/p>\n                        <ul class=\"feature-list\">\n                            <li>Live location updates with high accuracy<\/li>\n                            <li>Historical route playback<\/li>\n                            <li>Detailed trip logs and reports<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n                \n                <!-- Tech Feature 2 -->\n                <div class=\"feature-column\">\n                    <div class=\"feature-card\" data-aos=\"fade-up\">\n                        <div class=\"feature-icon-wrapper\">\n                            <div class=\"feature-icon-bg\"><\/div>\n                            <div class=\"feature-icon\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"36\" height=\"36\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                        <h3 class=\"feature-title\">Driver Behavior Analysis<\/h3>\n                        <p class=\"feature-description\">Monitor driving patterns to improve safety, reduce fuel consumption, and extend vehicle lifespan.<\/p>\n                        <ul class=\"feature-list\">\n                            <li>Track harsh braking, acceleration, and cornering<\/li>\n                            <li>Monitor speed limit violations<\/li>\n                            <li>Driver performance scoring and feedback<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n                \n                <!-- Tech Feature 3 -->\n                <div class=\"feature-column\">\n                    <div class=\"feature-card\" data-aos=\"fade-up\">\n                        <div class=\"feature-icon-wrapper\">\n                            <div class=\"feature-icon-bg\"><\/div>\n                            <div class=\"feature-icon\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"36\" height=\"36\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <path d=\"M18 8h1a4 4 0 0 1 0 8h-1\"><\/path>\n                                    <path d=\"M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z\"><\/path>\n                                    <line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"4\"><\/line>\n                                    <line x1=\"10\" y1=\"1\" x2=\"10\" y2=\"4\"><\/line>\n                                    <line x1=\"14\" y1=\"1\" x2=\"14\" y2=\"4\"><\/line>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                        <h3 class=\"feature-title\">Fuel Management System<\/h3>\n                        <p class=\"feature-description\">Optimize fuel consumption with advanced monitoring, detect fuel theft, and identify wasteful driving patterns.<\/p>\n                        <ul class=\"feature-list\">\n                            <li>Real-time fuel consumption monitoring<\/li>\n                            <li>Fuel theft detection and alerts<\/li>\n                            <li>Fuel efficiency analysis and reports<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n                \n                <!-- Tech Feature 4 -->\n                <div class=\"feature-column\">\n                    <div class=\"feature-card\" data-aos=\"fade-up\">\n                        <div class=\"feature-icon-wrapper\">\n                            <div class=\"feature-icon-bg\"><\/div>\n                            <div class=\"feature-icon\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"36\" height=\"36\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                                    <polyline points=\"12 6 12 12 16 14\"><\/polyline>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                        <h3 class=\"feature-title\">Predictive Maintenance<\/h3>\n                        <p class=\"feature-description\">Extend vehicle lifespan with AI-powered maintenance scheduling, automated service reminders, and early problem detection.<\/p>\n                        <ul class=\"feature-list\">\n                            <li>Service scheduling based on usage patterns<\/li>\n                            <li>Maintenance history and documentation<\/li>\n                            <li>AI-driven predictive diagnostics<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n                \n                <!-- Tech Feature 5 -->\n                <div class=\"feature-column\">\n                    <div class=\"feature-card\" data-aos=\"fade-up\">\n                        <div class=\"feature-icon-wrapper\">\n                            <div class=\"feature-icon-bg\"><\/div>\n                            <div class=\"feature-icon\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"36\" height=\"36\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <polygon points=\"3 11 22 2 13 21 11 13 3 11\"><\/polygon>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                        <h3 class=\"feature-title\">Route Optimization<\/h3>\n                        <p class=\"feature-description\">Cut travel time and fuel costs with AI-powered route planning that considers traffic patterns, weather conditions, and delivery windows.<\/p>\n                        <ul class=\"feature-list\">\n                            <li>AI-driven optimal route generation<\/li>\n                            <li>Real-time traffic integration<\/li>\n                            <li>Multi-stop route planning and optimization<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n                \n                <!-- Tech Feature 6 -->\n                <div class=\"feature-column\">\n                    <div class=\"feature-card\" data-aos=\"fade-up\">\n                        <div class=\"feature-icon-wrapper\">\n                            <div class=\"feature-icon-bg\"><\/div>\n                            <div class=\"feature-icon\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"36\" height=\"36\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <path d=\"M20 7h-9\"><\/path>\n                                    <path d=\"M14 17H5\"><\/path>\n                                    <circle cx=\"17\" cy=\"17\" r=\"3\"><\/circle>\n                                    <circle cx=\"7\" cy=\"7\" r=\"3\"><\/circle>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                        <h3 class=\"feature-title\">Advanced Geofencing<\/h3>\n                        <p class=\"feature-description\">Create virtual boundaries and receive instant alerts when vehicles enter or exit designated areas.<\/p>\n                        <ul class=\"feature-list\">\n                            <li>Customizable geo-fence boundaries<\/li>\n                            <li>Entry\/exit notifications<\/li>\n                            <li>Time-based geo-fence restrictions<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Animation Script for Features section -->\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ Feature cards hover effect\n            const featureCards = document.querySelectorAll('.feature-card');\n            \n            featureCards.forEach(card => {\n                \/\/ Add mousemove effect for a subtle 3D tilt\n                card.addEventListener('mousemove', function(e) {\n                    const cardRect = card.getBoundingClientRect();\n                    const cardCenterX = cardRect.left + cardRect.width \/ 2;\n                    const cardCenterY = cardRect.top + cardRect.height \/ 2;\n                    \n                    const mouseX = e.clientX;\n                    const mouseY = e.clientY;\n                    \n                    \/\/ Calculate how far mouse is from center (in percent)\n                    const percentX = (mouseX - cardCenterX) \/ (cardRect.width \/ 2) * 5; \/\/ Max 5 degrees\n                    const percentY = (mouseY - cardCenterY) \/ (cardRect.height \/ 2) * 5; \/\/ Max 5 degrees\n                    \n                    \/\/ Apply transform\n                    card.style.transform = `translateY(-10px) rotateX(${-percentY}deg) rotateY(${percentX}deg)`;\n                    \n                    \/\/ Add highlight effect based on mouse position\n                    const highlight = card.querySelector('.feature-icon-bg');\n                    if (highlight) {\n                        highlight.style.background = `radial-gradient(circle at ${(mouseX - cardRect.left) \/ cardRect.width * 100}% ${(mouseY - cardRect.top) \/ cardRect.height * 100}%, rgba(105, 51, 255, 0.2), rgba(0, 100, 255, 0.1))`;\n                    }\n                });\n                \n                \/\/ Reset transform on mouseout\n                card.addEventListener('mouseleave', function() {\n                    card.style.transform = '';\n                    \n                    const highlight = card.querySelector('.feature-icon-bg');\n                    if (highlight) {\n                        highlight.style.background = 'linear-gradient(135deg, rgba(105, 51, 255, 0.1), rgba(0, 100, 255, 0.1))';\n                    }\n                });\n            });\n            \n            \/\/ Animate elements with data-aos attribute when they enter viewport\n            const animateOnScroll = function() {\n                const animatedElements = document.querySelectorAll('[data-aos]');\n                \n                animatedElements.forEach(element => {\n                    const elementPosition = element.getBoundingClientRect().top;\n                    const windowHeight = window.innerHeight;\n                    \n                    if (elementPosition < windowHeight * 0.85) {\n                        const delay = element.getAttribute('data-aos-delay') || 0;\n                        \n                        setTimeout(() => {\n                            element.style.opacity = '1';\n                            element.style.transform = 'translateY(0)';\n                        }, delay);\n                    }\n                });\n            };\n            \n            \/\/ Set initial state for AOS elements\n            const initAOS = function() {\n                const animatedElements = document.querySelectorAll('[data-aos]');\n                \n                animatedElements.forEach(element => {\n                    element.style.opacity = '0';\n                    element.style.transform = 'translateY(30px)';\n                    element.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n                });\n            };\n            \n            \/\/ Initialize the AOS effect\n            initAOS();\n            \n            \/\/ Trigger animation on initial load\n            animateOnScroll();\n            \n            \/\/ Add scroll event listener\n            window.addEventListener('scroll', animateOnScroll);\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0eb52a1 e-flex e-con-boxed e-con e-parent\" data-id=\"0eb52a1\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9cc35c4 elementor-widget elementor-widget-html\" data-id=\"9cc35c4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>ZenFleet - Supported Sensors & Devices<\/title>\n    \n    <!-- Google Fonts -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n    \n    <!-- CSS -->\n    <style>\n        :root {\n            --primary: #0064ff;\n            --secondary: #6933ff;\n            --accent: #ff5722;\n            --accent-secondary: #00d084;\n            --dark: #1a1a2e;\n            --light: #f8f9fa;\n            --light-blue: #e6f0ff;\n            --white: #ffffff;\n            --gray: #6c757d;\n            --success: #28a745;\n            --gradient-primary: linear-gradient(135deg, var(--primary), var(--secondary));\n            --gradient-accent: linear-gradient(135deg, var(--accent), #ff8a50);\n            --gradient-cool: linear-gradient(135deg, #00d2ff, var(--secondary));\n            --box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n            --border-radius: 16px;\n            --border-radius-lg: 24px;\n            --border-radius-sm: 8px;\n            --transition: all 0.3s ease;\n        }\n        \n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        body {\n            font-family: 'Inter', sans-serif;\n            line-height: 1.6;\n            color: var(--dark);\n            background-color: var(--white);\n            overflow-x: hidden;\n            width: 100%;\n            margin: 0;\n            padding: 0;\n        }\n        \n        .container {\n            width: 100%;\n            max-width: 100%;\n            margin: 0 auto;\n            padding: 0 24px;\n            box-sizing: border-box;\n        }\n        \n        \/* Sensors Section *\/\n        .sensors-section {\n            position: relative;\n            padding: 120px 0;\n            background-color: var(--light);\n            overflow: hidden;\n            width: 100vw;\n            left: 50%;\n            right: 50%;\n            margin-left: -50vw;\n            margin-right: -50vw;\n            position: relative;\n        }\n        \n        .sensors-background {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(125deg, #f8f9fa 0%, #f0f2f5 100%);\n            z-index: -2;\n        }\n        \n        .sensors-grid-pattern {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-image: \n                linear-gradient(rgba(0, 100, 255, 0.02) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(0, 100, 255, 0.02) 1px, transparent 1px);\n            background-size: 20px 20px;\n            z-index: -1;\n        }\n        \n        .sensors-header {\n            text-align: center;\n            margin-bottom: 60px;\n            position: relative;\n            z-index: 1;\n        }\n        \n        .sensors-title {\n            font-size: 42px;\n            font-weight: 800;\n            margin-bottom: 20px;\n            color: var(--dark);\n            position: relative;\n            display: inline-block;\n        }\n        \n        .sensors-title:after {\n            content: '';\n            position: absolute;\n            bottom: -12px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 4px;\n            background: var(--gradient-primary);\n            border-radius: 2px;\n        }\n        \n        .sensors-subtitle {\n            font-size: 18px;\n            max-width: 700px;\n            margin: 0 auto;\n            color: var(--gray);\n        }\n        \n        .sensors-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 30px;\n            position: relative;\n            z-index: 1;\n        }\n        \n        .sensor-card {\n            background: var(--white);\n            border-radius: var(--border-radius);\n            box-shadow: var(--box-shadow);\n            padding: 40px 30px;\n            transition: var(--transition);\n            position: relative;\n            overflow: hidden;\n            display: flex;\n            flex-direction: column;\n            align-items: flex-start;\n            height: 100%;\n        }\n        \n        .sensor-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\n        }\n        \n        .sensor-card:before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 4px;\n            height: 100%;\n            background: var(--gradient-primary);\n            transition: var(--transition);\n        }\n        \n        .sensor-card:hover:before {\n            width: 8px;\n        }\n        \n        .sensor-icon {\n            width: 70px;\n            height: 70px;\n            border-radius: 20px;\n            background: var(--light-blue);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 25px;\n            transition: var(--transition);\n        }\n        \n        .sensor-icon svg {\n            width: 36px;\n            height: 36px;\n            color: var(--primary);\n            transition: var(--transition);\n        }\n        \n        .sensor-card:hover .sensor-icon {\n            background: var(--gradient-primary);\n        }\n        \n        .sensor-card:hover .sensor-icon svg {\n            color: var(--white);\n        }\n        \n        .sensor-title {\n            font-size: 22px;\n            font-weight: 700;\n            margin-bottom: 15px;\n            color: var(--dark);\n        }\n        \n        .sensor-description {\n            color: var(--gray);\n            font-size: 16px;\n            line-height: 1.6;\n            margin-bottom: 20px;\n        }\n        \n        .sensor-specs {\n            margin-top: auto;\n            width: 100%;\n        }\n        \n        .sensor-spec {\n            display: flex;\n            align-items: center;\n            margin-bottom: 10px;\n            font-size: 14px;\n            color: var(--dark);\n        }\n        \n        .sensor-spec:last-child {\n            margin-bottom: 0;\n        }\n        \n        .spec-icon {\n            margin-right: 10px;\n            color: var(--accent);\n            flex-shrink: 0;\n        }\n        \n        .sensor-card:nth-child(3n-1) .spec-icon {\n            color: var(--secondary);\n        }\n        \n        .sensor-card:nth-child(3n) .spec-icon {\n            color: var(--accent-secondary);\n        }\n        \n        .floating-device {\n            position: absolute;\n            pointer-events: none;\n            z-index: 0;\n            opacity: 0.6;\n            animation: float 10s ease-in-out infinite;\n        }\n        \n        .device-1 {\n            top: 10%;\n            right: 5%;\n            animation-delay: 0s;\n        }\n        \n        .device-2 {\n            bottom: 10%;\n            left: 5%;\n            animation-delay: 2s;\n        }\n        \n        .device-3 {\n            top: 50%;\n            left: 10%;\n            animation-delay: 4s;\n        }\n        \n        .device-4 {\n            bottom: 40%;\n            right: 10%;\n            animation-delay: 6s;\n        }\n        \n        @keyframes float {\n            0% {\n                transform: translateY(0) rotate(0deg);\n            }\n            50% {\n                transform: translateY(-20px) rotate(5deg);\n            }\n            100% {\n                transform: translateY(0) rotate(0deg);\n            }\n        }\n        \n        .compatibility-badge {\n            display: inline-flex;\n            align-items: center;\n            background-color: var(--light-blue);\n            color: var(--primary);\n            font-size: 12px;\n            font-weight: 600;\n            padding: 6px 12px;\n            border-radius: 20px;\n            margin-right: 8px;\n            margin-bottom: 8px;\n        }\n        \n        .compatibility-badge svg {\n            margin-right: 5px;\n            width: 14px;\n            height: 14px;\n        }\n        \n        .badge-container {\n            display: flex;\n            flex-wrap: wrap;\n            margin-top: 15px;\n        }\n        \n        \/* Responsive *\/\n        @media (max-width: 1200px) {\n            .sensors-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n            \n            .sensors-title {\n                font-size: 38px;\n            }\n        }\n        \n        @media (max-width: 768px) {\n            .sensors-section {\n                padding: 80px 0;\n            }\n            \n            .sensors-title {\n                font-size: 32px;\n            }\n            \n            .sensors-subtitle {\n                font-size: 16px;\n            }\n            \n            .sensor-card {\n                padding: 30px 25px;\n            }\n        }\n        \n        @media (max-width:\n        576px) {\n            .sensors-grid {\n                grid-template-columns: 1fr;\n            }\n            \n            .sensors-title {\n                font-size: 28px;\n            }\n            \n            .sensor-icon {\n                width: 60px;\n                height: 60px;\n            }\n            \n            .sensor-icon svg {\n                width: 30px;\n                height: 30px;\n            }\n        }\n        \n        \/* WordPress Compatibility *\/\n        .entry-content .sensors-section,\n        .elementor .sensors-section,\n        .wp-block-group .sensors-section {\n            width: 100vw !important;\n            max-width: 100vw !important;\n            left: 50% !important;\n            right: 50% !important;\n            margin-left: -50vw !important;\n            margin-right: -50vw !important;\n            position: relative !important;\n        }\n        \n        \/* Force headings to be visible in WordPress *\/\n        .sensors-title, \n        .sensor-title {\n            color: var(--dark) !important;\n        }\n        \n        \/* Fix container width for WordPress *\/\n        .elementor-section.elementor-section-boxed > .sensors-section .container {\n            max-width: 100% !important;\n            width: 100% !important;\n            padding-left: 20px !important;\n            padding-right: 20px !important;\n        }\n    <\/style>\n<\/head>\n\n<body>\n    <!-- Fleet Sensors & Devices Section -->\n    <section class=\"sensors-section\">\n        <div class=\"sensors-background\"><\/div>\n        <div class=\"sensors-grid-pattern\"><\/div>\n        \n        <!-- Floating Device Illustrations -->\n        <div class=\"floating-device device-1\">\n            <svg width=\"120\" height=\"120\" viewBox=\"0 0 120 120\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path d=\"M60 10C32.4 10 10 32.4 10 60C10 87.6 32.4 110 60 110C87.6 110 110 87.6 110 60C110 32.4 87.6 10 60 10Z\" fill=\"#E6F0FF\"\/>\n                <path d=\"M60 30C43.4 30 30 43.4 30 60C30 76.6 43.4 90 60 90C76.6 90 90 76.6 90 60C90 43.4 76.6 30 60 30Z\" fill=\"#0064FF\" fill-opacity=\"0.1\"\/>\n                <path d=\"M70 55H65V45C65 42.24 62.76 40 60 40C57.24 40 55 42.24 55 45V55H50C47.24 55 45 57.24 45 60C45 62.76 47.24 65 50 65H55V75C55 77.76 57.24 80 60 80C62.76 80 65 77.76 65 75V65H70C72.76 65 75 62.76 75 60C75 57.24 72.76 55 70 55Z\" fill=\"#0064FF\" fill-opacity=\"0.2\"\/>\n            <\/svg>\n        <\/div>\n        \n        <div class=\"floating-device device-2\">\n            <svg width=\"100\" height=\"100\" viewBox=\"0 0 100 100\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <rect x=\"10\" y=\"10\" width=\"80\" height=\"80\" rx=\"15\" fill=\"#E6F0FF\"\/>\n                <rect x=\"25\" y=\"25\" width=\"50\" height=\"50\" rx=\"8\" fill=\"#6933FF\" fill-opacity=\"0.1\"\/>\n                <path d=\"M60 40H40C37.24 40 35 42.24 35 45V55C35 57.76 37.24 60 40 60H60C62.76 60 65 57.76 65 55V45C65 42.24 62.76 40 60 40Z\" fill=\"#6933FF\" fill-opacity=\"0.2\"\/>\n            <\/svg>\n        <\/div>\n        \n        <div class=\"floating-device device-3\">\n            <svg width=\"80\" height=\"80\" viewBox=\"0 0 80 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path d=\"M40 5L70 20L70 50L40 65L10 50L10 20L40 5Z\" fill=\"#E6F0FF\"\/>\n                <path d=\"M40 20L60 30L60 50L40 60L20 50L20 30L40 20Z\" fill=\"#FF5722\" fill-opacity=\"0.1\"\/>\n                <path d=\"M40 30L50 35L50 45L40 50L30 45L30 35L40 30Z\" fill=\"#FF5722\" fill-opacity=\"0.2\"\/>\n            <\/svg>\n        <\/div>\n        \n        <div class=\"floating-device device-4\">\n            <svg width=\"90\" height=\"90\" viewBox=\"0 0 90 90\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <circle cx=\"45\" cy=\"45\" r=\"35\" fill=\"#E6F0FF\"\/>\n                <circle cx=\"45\" cy=\"45\" r=\"25\" fill=\"#00D084\" fill-opacity=\"0.1\"\/>\n                <path d=\"M55 45C55 50.52 50.52 55 45 55C39.48 55 35 50.52 35 45C35 39.48 39.48 35 45 35C50.52 35 55 39.48 55 45Z\" fill=\"#00D084\" fill-opacity=\"0.2\"\/>\n            <\/svg>\n        <\/div>\n        \n        <div class=\"container\">\n            <div class=\"sensors-header\">\n                <h2 class=\"sensors-title\">Fleet Sensors & Devices We Support<\/h2>\n                <p class=\"sensors-subtitle\">ZenFleet integrates seamlessly with a wide range of smart sensors to deliver deep operational visibility.<\/p>\n            <\/div>\n            \n            <div class=\"sensors-grid\">\n                <!-- GPS Tracking Devices -->\n                <div class=\"sensor-card\">\n                    <div class=\"sensor-icon\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <circle cx=\"12\" cy=\"10\" r=\"3\"\/>\n                            <path d=\"M12 21.7C17.3 17 20 13 20 10a8 8 0 1 0-16 0c0 3 2.7 7 8 11.7z\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"sensor-title\">GPS Tracking Devices<\/h3>\n                    <p class=\"sensor-description\">High-precision location tracking for real-time fleet monitoring with advanced mapping features.<\/p>\n                    \n                    <div class=\"badge-container\">\n                        <span class=\"compatibility-badge\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"14\" height=\"14\">\n                                <polyline points=\"20 6 9 17 4 12\"\/>\n                            <\/svg>\n                            AIS 140\n                        <\/span>\n                        <span class=\"compatibility-badge\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"14\" height=\"14\">\n                                <polyline points=\"20 6 9 17 4 12\"\/>\n                            <\/svg>\n                            4G\/5G\n                        <\/span>\n                    <\/div>\n                    \n                    <div class=\"sensor-specs\">\n                        <div class=\"sensor-spec\">\n                            <svg class=\"spec-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/>\n                            <\/svg>\n                            <span>Updates every 5-30 seconds<\/span>\n                        <\/div>\n                        <div class=\"sensor-spec\">\n                            <svg class=\"spec-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"\/>\n                            <\/svg>\n                            <span>Accuracy within 2-5 meters<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- Fuel Level & Consumption Sensors -->\n                <div class=\"sensor-card\">\n                    <div class=\"sensor-icon\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path d=\"M3 22h12\"\/>\n                            <path d=\"M8 6h3\"\/>\n                            <path d=\"M11 6a4 4 0 0 1 4 4v10a2 2 0 0 0 4 0V7a3 3 0 0 0-3-3h-5\"\/>\n                            <rect x=\"3\" y=\"10\" width=\"8\" height=\"12\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"sensor-title\">Fuel Level & Consumption Sensors<\/h3>\n                    <p class=\"sensor-description\">Monitor fuel usage with high-precision sensors that detect fill-ups, consumption rates, and theft.<\/p>\n                    \n                    <div class=\"sensor-specs\">\n                        <div class=\"sensor-spec\">\n                            <svg class=\"spec-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/>\n                            <\/svg>\n                            <span>Accuracy within \u00b11% of tank capacity<\/span>\n                        <\/div>\n                        <div class=\"sensor-spec\">\n                            <svg class=\"spec-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n                                <polyline points=\"12 6 12 12 16 14\"\/>\n                            <\/svg>\n                            <span>Real-time fuel drain alerts<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- Temperature & Humidity Sensors -->\n                <div class=\"sensor-card\">\n                    <div class=\"sensor-icon\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path d=\"M14 14.76V3.5a2.5 2.5 0 0 0-5 0v11.26a4.5 4.5 0 1 0 5 0z\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"sensor-title\">Temperature & Humidity Sensors<\/h3>\n                    <p class=\"sensor-description\">Environmental monitoring for cold chain logistics, pharmaceutical transport, and perishable goods.<\/p>\n                    \n                    <div class=\"badge-container\">\n                        <span class=\"compatibility-badge\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"14\" height=\"14\">\n                                <polyline points=\"20 6 9 17 4 12\"\/>\n                            <\/svg>\n                            Cold Chain\n                        <\/span>\n                        <span class=\"compatibility-badge\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"14\" height=\"14\">\n                                <polyline points=\"20 6 9 17 4 12\"\/>\n                            <\/svg>\n                            Pharma\n                        <\/span>\n                    <\/div>\n                    \n                    <div class=\"sensor-specs\">\n                        <div class=\"sensor-spec\">\n                            <svg class=\"spec-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M14 14.76V3.5a2.5 2.5 0 0 0-5 0v11.26a4.5 4.5 0 1 0 5 0z\"\/>\n                            <\/svg>\n                            <span>Range: -40\u00b0C to +80\u00b0C (\u00b10.5\u00b0C accuracy)<\/span>\n                        <\/div>\n                        <div class=\"sensor-spec\">\n                            <svg class=\"spec-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"\/>\n                            <\/svg>\n                            <span>Humidity: 0-100% RH (\u00b13% accuracy)<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- Door Sensors & Security Alerts -->\n                <div class=\"sensor-card\">\n                    <div class=\"sensor-icon\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/>\n                            <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"sensor-title\">Door Sensors & Security Alerts<\/h3>\n                    <p class=\"sensor-description\">Monitor cargo access with real-time alerts for unauthorized entry, ensuring secure transport.<\/p>\n                    \n                    <div class=\"sensor-specs\">\n                        <div class=\"sensor-spec\">\n                            <svg class=\"spec-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/>\n                                <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\n                            <\/svg>\n                            <span>Instant tamper detection<\/span>\n                        <\/div>\n                        <div class=\"sensor-spec\">\n                            <svg class=\"spec-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n                                <polyline points=\"12 6 12 12 16 14\"\/>\n                            <\/svg>\n                            <span>Door open\/close logging with timestamps<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- Driver Identification Sensors -->\n                <div class=\"sensor-card\">\n                    <div class=\"sensor-icon\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/>\n                            <circle cx=\"12\" cy=\"7\" r=\"4\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"sensor-title\">Driver Identification Sensors<\/h3>\n                    <p class=\"sensor-description\">Secure vehicle access with RFID and biometric authentication for driver verification.<\/p>\n                    \n                    <div class=\"badge-container\">\n                        <span class=\"compatibility-badge\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"14\" height=\"14\">\n                                <polyline points=\"20 6 9 17 4 12\"\/>\n                            <\/svg>\n                            RFID\n                        <\/span>\n                        <span class=\"compatibility-badge\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"14\" height=\"14\">\n                                <polyline points=\"20 6 9 17 4 12\"\/>\n                            <\/svg>\n                            Biometric\n                        <\/span>\n                    <\/div>\n                    \n                    <div class=\"sensor-specs\">\n                        <div class=\"sensor-spec\">\n                            <svg class=\"spec-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/>\n                                <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/>\n                            <\/svg>\n                            <span>Supports multiple driver profiles<\/span>\n                        <\/div>\n                        <div class=\"sensor-spec\">\n                            <svg class=\"spec-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n                            <\/svg>\n                            <span>Tamper-resistant authentication<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- BLE Beacons for Asset Tracking -->\n                <div class=\"sensor-card\">\n                    <div class=\"sensor-icon\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path d=\"M21.92 6.62a1 1 0 0 0-.54-.54A1 1 0 0 0 21 6h-5a1 1 0 0 0-.7 1.7l.9.9L12 12.9l-4.2-4.3.9-.9A1 1 0 0 0 8 6H3a1 1 0 0 0-.38.08 1 1 0 0 0-.54.54A1 1 0 0 0 2 7v5a1 1 0 0 0 1.7.7l.9-.9 4.2 4.3-.9.9a1 1 0 0 0 1.4 1.4l.9-.9 4.3 4.2-.9.9a1 1 0 0 0 .7 1.7h5a1 1 0 0 0 .38-.08 1 1 0 0 0 .54-.54A1 1 0 0 0 20 23v-5a1 1 0 0 0-1.7-.7l-.9.9-4.3-4.2.9-.9a1 1 0 0 0 0-1.4l-.9-.9 4.3-4.2.9.9A1 1 0 0 0 20 7V2a1 1 0 0 0-.08-.38z\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"sensor-title\">BLE Beacons for Asset Tracking<\/h3>\n                    <p class=\"sensor-description\">Low-energy Bluetooth beacons for tracking individual assets, equipment, and inventory within your fleet.<\/p>\n                    \n                    <div class=\"sensor-specs\">\n                        <div class=\"sensor-spec\">\n                            <svg class=\"spec-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n                                <path d=\"M8 14s1.5 2 4 2 4-2 4-2\"\/>\n                                <line x1=\"9\" y1=\"9\" x2=\"9.01\" y2=\"9\"\/>\n                                <line x1=\"15\" y1=\"9\" x2=\"15.01\" y2=\"9\"\/>\n                            <\/svg>\n                            <span>Battery life up to 3-5 years<\/span>\n                        <\/div>\n                        <div class=\"sensor-spec\">\n                            <svg class=\"spec-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n                            <\/svg>\n                            <span>Range up to 100m, waterproof options<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-10350dc e-flex e-con-boxed e-con e-parent\" data-id=\"10350dc\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a49ca93 elementor-widget elementor-widget-html\" data-id=\"a49ca93\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>ZenFleet - Business Value Delivered<\/title>\n    \n    <!-- Google Fonts -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n    \n    <!-- CSS -->\n    <style>\n        :root {\n            --primary: #0064ff;\n            --secondary: #6933ff;\n            --accent: #ff5722;\n            --accent-secondary: #00d084;\n            --success: #28a745;\n            --warning: #ffc107;\n            --dark: #1a1a2e;\n            --light: #f8f9fa;\n            --light-blue: #e6f0ff;\n            --white: #ffffff;\n            --gray: #6c757d;\n            --gray-dark: #343a40;\n            --gray-light: #e9ecef;\n            --gradient-primary: linear-gradient(135deg, var(--primary), var(--secondary));\n            --gradient-accent: linear-gradient(135deg, var(--accent), #ff8a50);\n            --gradient-success: linear-gradient(135deg, var(--success), var(--accent-secondary));\n            --gradient-blue: linear-gradient(135deg, #0064ff, #00c6ff);\n            --gradient-purple: linear-gradient(135deg, #6933ff, #a633ff);\n            --box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n            --border-radius: 16px;\n            --border-radius-lg: 24px;\n            --border-radius-sm: 8px;\n            --transition: all 0.3s ease;\n        }\n        \n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        body {\n            font-family: 'Inter', sans-serif;\n            line-height: 1.6;\n            color: var(--dark);\n            background-color: var(--white);\n            overflow-x: hidden;\n            width: 100%;\n            margin: 0;\n            padding: 0;\n        }\n        \n        .container {\n            width: 100%;\n            max-width: 100%;\n            margin: 0 auto;\n            padding: 0 24px;\n            box-sizing: border-box;\n        }\n        \n        \/* Business Value Section *\/\n        .business-value-section {\n            position: relative;\n            padding: 120px 0;\n            background-color: var(--dark);\n            overflow: hidden;\n            width: 100vw;\n            left: 50%;\n            right: 50%;\n            margin-left: -50vw;\n            margin-right: -50vw;\n            position: relative;\n        }\n        \n        .business-background {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(125deg, #1a1a2e 0%, #16213e 50%, #0d1b2a 100%);\n            z-index: -2;\n        }\n        \n        .business-grid-pattern {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-image: \n                linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);\n            background-size: 20px 20px;\n            z-index: -1;\n        }\n        \n        .noise-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'\/%3E%3C\/svg%3E\");\n            opacity: 0.3;\n            z-index: -1;\n        }\n        \n        .business-header {\n            text-align: center;\n            margin-bottom: 80px;\n            position: relative;\n            z-index: 1;\n        }\n        \n        .business-title {\n            font-size: 52px;\n            font-weight: 800;\n            margin-bottom: 20px;\n            color: var(--white);\n            position: relative;\n            display: inline-block;\n        }\n        \n        .business-title span {\n            position: relative;\n            z-index: 1;\n        }\n        \n        .business-title-highlight {\n            position: relative;\n            display: inline-block;\n        }\n        \n        .business-title-highlight:after {\n            content: '';\n            position: absolute;\n            bottom: 5px;\n            left: 0;\n            width: 100%;\n            height: 12px;\n            background: var(--gradient-accent);\n            opacity: 0.4;\n            z-index: 0;\n            border-radius: 4px;\n        }\n        \n        .business-subtitle {\n            font-size: 20px;\n            max-width: 700px;\n            margin: 0 auto;\n            color: rgba(255, 255, 255, 0.7);\n        }\n        \n        .value-cards-container {\n            position: relative;\n            z-index: 1;\n            perspective: 1000px;\n        }\n        \n        .value-cards {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 30px;\n            margin-bottom: 60px;\n        }\n        \n        .value-card {\n            position: relative;\n            overflow: hidden;\n            background-color: rgba(255, 255, 255, 0.03);\n            backdrop-filter: blur(10px);\n            -webkit-backdrop-filter: blur(10px);\n            border-radius: var(--border-radius);\n            border: 1px solid rgba(255, 255, 255, 0.05);\n            padding: 40px 30px;\n            transform-style: preserve-3d;\n            transform: translateZ(0);\n            transition: var(--transition);\n        }\n        \n        .value-card:hover {\n            transform: translateY(-10px) translateZ(10px);\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\n            border-color: rgba(105, 51, 255, 0.2);\n        }\n        \n        .value-card:before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.08), transparent 70%);\n            z-index: -1;\n        }\n        \n        .value-card-header {\n            display: flex;\n            align-items: center;\n            margin-bottom: 25px;\n        }\n        \n        .value-icon {\n            width: 60px;\n            height: 60px;\n            border-radius: 16px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-right: 20px;\n            background: var(--gradient-primary);\n            box-shadow: 0 8px 20px rgba(0, 100, 255, 0.2);\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .value-icon:before {\n            content: '';\n            position: absolute;\n            top: -20px;\n            left: -20px;\n            width: 60px;\n            height: 60px;\n            background: rgba(255, 255, 255, 0.2);\n            transform: rotate(45deg);\n        }\n        \n        .value-icon svg {\n            width: 30px;\n            height: 30px;\n            color: var(--white);\n            z-index: 1;\n        }\n        \n        .value-card:nth-child(2) .value-icon {\n            background: var(--gradient-purple);\n            box-shadow: 0 8px 20px rgba(105, 51, 255, 0.2);\n        }\n        \n        .value-card:nth-child(3) .value-icon {\n            background: var(--gradient-accent);\n            box-shadow: 0 8px 20px rgba(255, 87, 34, 0.2);\n        }\n        \n        .value-card:nth-child(4) .value-icon {\n            background: var(--gradient-success);\n            box-shadow: 0 8px 20px rgba(40, 167, 69, 0.2);\n        }\n        \n        .value-card:nth-child(5) .value-icon {\n            background: var(--gradient-blue);\n            box-shadow: 0 8px 20px rgba(0, 198, 255, 0.2);\n        }\n        \n        .value-card:nth-child(6) .value-icon {\n            background: linear-gradient(135deg, #ff7c00, #ff9966);\n            box-shadow: 0 8px 20px rgba(255, 124, 0, 0.2);\n        }\n        \n        .value-percentage {\n            flex-grow: 1;\n            display: flex;\n            flex-direction: column;\n        }\n        \n        .value-number {\n            font-size: 36px;\n            font-weight: 800;\n            line-height: 1;\n            margin-bottom: 5px;\n            background: var(--gradient-primary);\n            -webkit-background-clip: text;\n            background-clip: text;\n            -webkit-text-fill-color: transparent;\n            color: transparent;\n        }\n        \n        .value-card:nth-child(2) .value-number {\n            background: var(--gradient-purple);\n            -webkit-background-clip: text;\n            background-clip: text;\n            -webkit-text-fill-color: transparent;\n        }\n        \n        .value-card:nth-child(3) .value-number {\n            background: var(--gradient-accent);\n            -webkit-background-clip: text;\n            background-clip: text;\n            -webkit-text-fill-color: transparent;\n        }\n        \n        .value-card:nth-child(4) .value-number {\n            background: var(--gradient-success);\n            -webkit-background-clip: text;\n            background-clip: text;\n            -webkit-text-fill-color: transparent;\n        }\n        \n        .value-card:nth-child(5) .value-number {\n            background: var(--gradient-blue);\n            -webkit-background-clip: text;\n            background-clip: text;\n            -webkit-text-fill-color: transparent;\n        }\n        \n        .value-card:nth-child(6) .value-number {\n            background: linear-gradient(135deg, #ff7c00, #ff9966);\n            -webkit-background-clip: text;\n            background-clip: text;\n            -webkit-text-fill-color: transparent;\n        }\n        \n        .value-label {\n            font-size: 14px;\n            color: rgba(255, 255, 255, 0.6);\n            text-transform: uppercase;\n            letter-spacing: 1px;\n        }\n        \n        .value-title {\n            font-size: 20px;\n            font-weight: 700;\n            color: var(--white);\n            margin-bottom: 15px;\n        }\n        \n        .value-description {\n            color: rgba(255, 255, 255, 0.7);\n            font-size: 16px;\n            line-height: 1.6;\n        }\n        \n        .value-highlight {\n            font-weight: 600;\n            color: var(--white);\n            border-bottom: 2px dashed rgba(255, 255, 255, 0.3);\n            padding-bottom: 2px;\n        }\n        \n        .value-progress {\n            margin-top: 25px;\n            width: 100%;\n            height: 6px;\n            background-color: rgba(255, 255, 255, 0.1);\n            border-radius: 3px;\n            overflow: hidden;\n            position: relative;\n        }\n        \n        .value-progress-bar {\n            position: absolute;\n            top: 0;\n            left: 0;\n            height: 100%;\n            width: 10%;\n            background: var(--gradient-primary);\n            border-radius: 3px;\n            transition: width 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        \n        .value-card:nth-child(2) .value-progress-bar {\n            background: var(--gradient-purple);\n        }\n        \n        .value-card:nth-child(3) .value-progress-bar {\n            background: var(--gradient-accent);\n        }\n        \n        .value-card:nth-child(4) .value-progress-bar {\n            background: var(--gradient-success);\n        }\n        \n        .value-card:nth-child(5) .value-progress-bar {\n            background: var(--gradient-blue);\n        }\n        \n        .value-card:nth-child(6) .value-progress-bar {\n            background: linear-gradient(135deg, #ff7c00, #ff9966);\n        }\n        \n        .value-metric {\n            display: flex;\n            align-items: center;\n            margin-top: 20px;\n        }\n        \n        .metric-label {\n            font-size: 14px;\n            color: rgba(255, 255, 255, 0.6);\n            margin-right: 10px;\n        }\n        \n        .metric-value {\n            font-weight: 600;\n            color: var(--white);\n        }\n        \n        .metric-value.positive {\n            color: var(--accent-secondary);\n        }\n        \n        \/* ROI Calculator *\/\n        .roi-calculator,\n        .roi-calculator-header,\n        .roi-calculator-title,\n        .roi-calculator-description,\n        .roi-calculator-content,\n        .roi-form,\n        .form-group,\n        .form-label,\n        .form-control,\n        .form-group-inline,\n        .calculate-btn,\n        .roi-results,\n        .roi-result-item,\n        .result-label,\n        .result-value,\n        .total-roi,\n        .roi-visual,\n        .roi-chart-title,\n        .roi-chart,\n        .roi-chart-bar,\n        .roi-indicator,\n        .indicator-label {\n            display: none !important;\n        }\n        \n        .floating-element {\n            position: absolute;\n            opacity: 0.4;\n            z-index: 0;\n        }\n        \n        .float-1 {\n            top: 10%;\n            left: 5%;\n            animation: float 15s ease-in-out infinite;\n        }\n        \n        .float-2 {\n            top: 20%;\n            right: 8%;\n            animation: float 18s ease-in-out infinite;\n            animation-delay: 2s;\n        }\n        \n        .float-3 {\n            bottom: 15%;\n            left: 10%;\n            animation: float 20s ease-in-out infinite;\n            animation-delay: 5s;\n        }\n        \n        .float-4 {\n            bottom: 20%;\n            right: 5%;\n            animation: float 17s ease-in-out infinite;\n            animation-delay: 3s;\n        }\n        \n        @keyframes float {\n            0% {\n                transform: translateY(0) rotate(0deg);\n            }\n            50% {\n                transform: translateY(-30px) rotate(5deg);\n            }\n            100% {\n                transform: translateY(0) rotate(0deg);\n            }\n        }\n        \n        \/* 3D Animation *\/\n        .model-3d-wrapper {\n            position: absolute;\n            bottom: -50px;\n            right: -100px;\n            width: 600px;\n            height: 600px;\n            pointer-events: none;\n            z-index: 0;\n            opacity: 0.3;\n        }\n        \n        .model-3d {\n            width: 100%;\n            height: 100%;\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='600' height='600' viewBox='0 0 600 600' fill='none'%3E%3Cg opacity='0.3'%3E%3Cpath d='M300 100L500 200V400L300 500L100 400V200L300 100Z' stroke='url(%23paint0_linear)' stroke-width='2'\/%3E%3Cpath d='M300 200L400 250V350L300 400L200 350V250L300 200Z' stroke='url(%23paint1_linear)' stroke-width='2'\/%3E%3Cpath d='M300 150L450 225V375L300 450L150 375V225L300 150Z' stroke='url(%23paint2_linear)' stroke-width='2'\/%3E%3Ccircle cx='300' cy='100' r='5' fill='white'\/%3E%3Ccircle cx='500' cy='200' r='5' fill='white'\/%3E%3Ccircle cx='500' cy='400' r='5' fill='white'\/%3E%3Ccircle cx='300' cy='500' r='5' fill='white'\/%3E%3Ccircle cx='100' cy='400' r='5' fill='white'\/%3E%3Ccircle cx='100' cy='200' r='5' fill='white'\/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='100' y1='100' x2='500' y2='500' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%230064FF'\/%3E%3Cstop offset='1' stop-color='%236933FF'\/%3E%3C\/linearGradient%3E%3ClinearGradient id='paint1_linear' x1='200' y1='200' x2='400' y2='400' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF5722'\/%3E%3Cstop offset='1' stop-color='%23FF8A50'\/%3E%3C\/linearGradient%3E%3ClinearGradient id='paint2_linear' x1='150' y1='150' x2='450' y2='450' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300D084'\/%3E%3Cstop offset='1' stop-color='%2328A745'\/%3E%3C\/linearGradient%3E%3C\/defs%3E%3C\/g%3E%3C\/svg%3E\");\n            background-size: contain;\n            background-repeat: no-repeat;\n            background-position: center;\n            animation: rotate3d 30s linear infinite;\n            transform-style: preserve-3d;\n        }\n        \n        @keyframes rotate3d {\n            0% {\n                transform: rotateY(0deg);\n            }\n            100% {\n                transform: rotateY(360deg);\n            }\n        }\n        \n        \/* Responsive adjustments *\/\n        @media (max-width: 1200px) {\n            .value-cards {\n                grid-template-columns: repeat(2, 1fr);\n            }\n            \n            .business-title {\n                font-size: 46px;\n            }\n            \n            .model-3d-wrapper {\n                width: 400px;\n                height: 400px;\n                right: -50px;\n            }\n        }\n        \n        @media (max-width: 992px) {\n            .roi-calculator-content {\n                grid-template-columns: 1fr;\n                gap: 30px;\n            }\n            \n            .business-title {\n                font-size: 40px;\n            }\n            \n            .model-3d-wrapper {\n                opacity: 0.1;\n            }\n        }\n        \n        @media (max-width: 768px) {\n            .business-value-section {\n                padding: 80px 0;\n            }\n            \n            .business-title {\n                font-size: 36px;\n            }\n            \n            .business-subtitle {\n                font-size: 18px;\n            }\n            \n            .value-card {\n                padding: 30px 25px;\n            }\n            \n            .roi-calculator {\n                padding: 30px 20px;\n            }\n            \n            .roi-calculator-title {\n                font-size: 28px;\n            }\n            \n            .form-group-inline {\n                flex-direction: column;\n                gap: 25px;\n            }\n        }\n        \n        @media (max-width: 576px) {\n            .value-cards {\n                grid-template-columns: 1fr;\n            }\n            \n            .business-title {\n                font-size: 32px;\n            }\n            \n            .value-card-header {\n                flex-direction: column;\n                align-items: flex-start;\n            }\n            \n            .value-icon {\n                margin-right: 0;\n                margin-bottom: 15px;\n            }\n            \n            .roi-results:before {\n                height: 3px;\n            }\n        }\n        \n        \/* WordPress Compatibility *\/\n        .entry-content .business-value-section,\n        .elementor .business-value-section,\n        .wp-block-group .business-value-section {\n            width: 100vw !important;\n            max-width: 100vw !important;\n            left: 50% !important;\n            right: 50% !important;\n            margin-left: -50vw !important;\n            margin-right: -50vw !important;\n            position: relative !important;\n        }\n        \n        \/* Force headings to be visible in WordPress *\/\n        .business-title, \n        .value-title,\n        .roi-calculator-title {\n            color: var(--white) !important;\n        }\n        \n        \/* Fix container width for WordPress *\/\n        .elementor-section.elementor-section-boxed > .business-value-section .container {\n            max-width: 100% !important;\n            width: 100% !important;\n            padding-left: 20px !important;\n            padding-right: 20px !important;\n        }\n        \n        .value-number,\n        .total-roi .result-value {\n            color: var(--white) !important;\n        }\n    <\/style>\n<\/head>\n\n<body>\n    <!-- Business Value Section -->\n    <section class=\"business-value-section\">\n        <div class=\"business-background\"><\/div>\n        <div class=\"business-grid-pattern\"><\/div>\n        <div class=\"noise-overlay\"><\/div>\n        \n        <!-- Floating Elements -->\n        <div class=\"floating-element float-1\">\n            <svg width=\"120\" height=\"120\" viewBox=\"0 0 120 120\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path d=\"M60 10C32.4 10 10 32.4 10 60C10 87.6 32.4 110 60 110C87.6 110 110 87.6 110 60C110 32.4 87.6 10 60 10Z\" fill=\"#0064FF\" fill-opacity=\"0.1\"\/>\n                <path d=\"M60 30C43.4 30 30 43.4 30 60C30 76.6 43.4 90 60 90C76.6 90 90 76.6 90 60C90 43.4 76.6 30 60 30Z\" fill=\"#0064FF\" fill-opacity=\"0.2\"\/>\n            <\/svg>\n        <\/div>\n        \n        <div class=\"floating-element float-2\">\n            <svg width=\"100\" height=\"100\" viewBox=\"0 0 100 100\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <rect x=\"10\" y=\"10\" width=\"80\" height=\"80\" rx=\"15\" fill=\"#6933FF\" fill-opacity=\"0.1\"\/>\n                <rect x=\"25\" y=\"25\" width=\"50\" height=\"50\" rx=\"8\" fill=\"#6933FF\" fill-opacity=\"0.2\"\/>\n            <\/svg>\n        <\/div>\n        \n        <div class=\"floating-element float-3\">\n            <svg width=\"90\" height=\"90\" viewBox=\"0 0 90 90\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path d=\"M45 0L84.1 22.5V67.5L45 90L5.9 67.5V22.5L45 0Z\" fill=\"#FF5722\" fill-opacity=\"0.1\"\/>\n                <path d=\"M45 15L70.85 30V60L45 75L19.15 60V30L45 15Z\" fill=\"#FF5722\" fill-opacity=\"0.2\"\/>\n            <\/svg>\n        <\/div>\n        \n        <div class=\"floating-element float-4\">\n            <svg width=\"80\" height=\"80\" viewBox=\"0 0 80 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <circle cx=\"40\" cy=\"40\" r=\"30\" fill=\"#00D084\" fill-opacity=\"0.1\"\/>\n                <circle cx=\"40\" cy=\"40\" r=\"15\" fill=\"#00D084\" fill-opacity=\"0.2\"\/>\n            <\/svg>\n        <\/div>\n        \n        <!-- 3D Model Illustration -->\n        <div class=\"model-3d-wrapper\">\n            <div class=\"model-3d\"><\/div>\n        <\/div>\n        \n        <div class=\"container\">\n            <div class=\"business-header\">\n                <h2 class=\"business-title\"><span class=\"business-title-highlight\">Business Value<\/span> <span>Delivered<\/span><\/h2>\n                <p class=\"business-subtitle\">Discover how ZenFleet transforms your operations with measurable improvements across key performance indicators.<\/p>\n            <\/div>\n            \n            <div class=\"value-cards-container\">\n                <!-- Value Cards -->\n                <div class=\"value-cards\">\n                    <!-- Fuel and Maintenance Costs -->\n                    <div class=\"value-card\">\n                        <div class=\"value-card-header\">\n                            <div class=\"value-icon\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <path d=\"M3 22h12\"\/>\n                                    <path d=\"M8 6h3\"\/>\n                                    <path d=\"M11 6a4 4 0 0 1 4 4v10a2 2 0 0 0 4 0V7a3 3 0 0 0-3-3h-5\"\/>\n                                    <rect x=\"3\" y=\"10\" width=\"8\" height=\"12\"\/>\n                                <\/svg>\n                            <\/div>\n                            <div class=\"value-percentage\">\n                                <div class=\"value-number\">10-25%<\/div>\n                                <div class=\"value-label\">Cost Reduction<\/div>\n                            <\/div>\n                        <\/div>\n                        \n                        <h3 class=\"value-title\">Fuel & Maintenance Cost Savings<\/h3>\n                        <p class=\"value-description\">Optimize routes and reduce idle time to cut <span class=\"value-highlight\">fuel consumption<\/span>. Predictive maintenance helps prevent costly breakdowns and extends vehicle lifespan.<\/p>\n                        \n                        <div class=\"value-progress\">\n                            <div class=\"value-progress-bar\" data-width=\"25\"><\/div>\n                        <\/div>\n                        \n                        <div class=\"value-metric\">\n                            <span class=\"metric-label\">Average fuel efficiency improvement:<\/span>\n                            <span class=\"metric-value positive\">Up to 25%<\/span>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Asset Utilization -->\n                    <div class=\"value-card\">\n                        <div class=\"value-card-header\">\n                            <div class=\"value-icon\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/>\n                                <\/svg>\n                            <\/div>\n                            <div class=\"value-percentage\">\n                                <div class=\"value-number\">40%<\/div>\n                                <div class=\"value-label\">Improved Utilization<\/div>\n                            <\/div>\n                        <\/div>\n                        \n                        <h3 class=\"value-title\">Better Asset Utilization<\/h3>\n                        <p class=\"value-description\">Maximize vehicle efficiency and productivity with real-time tracking, optimized scheduling, and <span class=\"value-highlight\">intelligent dispatching<\/span> to reduce downtime significantly.<\/p>\n                        \n                        <div class=\"value-progress\">\n                            <div class=\"value-progress-bar\" data-width=\"40\"><\/div>\n                        <\/div>\n                        \n                        <div class=\"value-metric\">\n                            <span class=\"metric-label\">Fleet capacity improvement:<\/span>\n                            <span class=\"metric-value positive\">Do more with fewer vehicles<\/span>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Route Adherence -->\n                    <div class=\"value-card\">\n                        <div class=\"value-card-header\">\n                            <div class=\"value-icon\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <polygon points=\"3 11 22 2 13 21 11 13 3 11\"\/>\n                                <\/svg>\n                            <\/div>\n                            <div class=\"value-percentage\">\n                                <div class=\"value-number\">85%<\/div>\n                                <div class=\"value-label\">Reduction in Deviations<\/div>\n                            <\/div>\n                        <\/div>\n                        \n                        <h3 class=\"value-title\">Route Adherence & Reduced Pilferage<\/h3>\n                        <p class=\"value-description\">Enforce route compliance with geofencing and real-time alerts. Minimize unauthorized stops and prevent <span class=\"value-highlight\">cargo theft or pilferage<\/span> with continuous monitoring.<\/p>\n                        \n                        <div class=\"value-progress\">\n                            <div class=\"value-progress-bar\" data-width=\"85\"><\/div>\n                        <\/div>\n                        \n                        <div class=\"value-metric\">\n                            <span class=\"metric-label\">Average cargo loss reduction:<\/span>\n                            <span class=\"metric-value positive\">Nearly eliminated<\/span>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Driver Accountability -->\n                    <div class=\"value-card\">\n                        <div class=\"value-card-header\">\n                            <div class=\"value-icon\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/>\n                                    <circle cx=\"12\" cy=\"7\" r=\"4\"\/>\n                                <\/svg>\n                            <\/div>\n                            <div class=\"value-percentage\">\n                                <div class=\"value-number\">60%<\/div>\n                                <div class=\"value-label\">Safety Improvement<\/div>\n                            <\/div>\n                        <\/div>\n                        \n                        <h3 class=\"value-title\">Driver Accountability & Safety<\/h3>\n                        <p class=\"value-description\">Encourage safer driving behavior through monitoring and scoring. Reduce <span class=\"value-highlight\">accidents and violations<\/span> while promoting a culture of responsibility and safety.<\/p>\n                        \n                        <div class=\"value-progress\">\n                            <div class=\"value-progress-bar\" data-width=\"60\"><\/div>\n                        <\/div>\n                        \n                        <div class=\"value-metric\">\n                            <span class=\"metric-label\">Insurance premium reduction:<\/span>\n                            <span class=\"metric-value positive\">Up to 20%<\/span>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Compliance Management -->\n                    <div class=\"value-card\">\n                        <div class=\"value-card-header\">\n                            <div class=\"value-icon\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/>\n                                    <polyline points=\"14 2 14 8 20 8\"\/>\n                                    <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/>\n                                    <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/>\n                                    <polyline points=\"10 9 9 9 8 9\"\/>\n                                <\/svg>\n                            <\/div>\n                            <div class=\"value-percentage\">\n                                <div class=\"value-number\">75%<\/div>\n                                <div class=\"value-label\">Administrative Savings<\/div>\n                            <\/div>\n                        <\/div>\n                        \n                        <h3 class=\"value-title\">Real-time Compliance & Document Management<\/h3>\n                        <p class=\"value-description\">Automate documentation and regulatory compliance tracking. Eliminate <span class=\"value-highlight\">paperwork and manual processes<\/span> while ensuring all vehicles meet legal requirements.<\/p>\n                        \n                        <div class=\"value-progress\">\n                            <div class=\"value-progress-bar\" data-width=\"75\"><\/div>\n                        <\/div>\n                        \n                        <div class=\"value-metric\">\n                            <span class=\"metric-label\">Administrative time saved:<\/span>\n                            <span class=\"metric-value positive\">15-20 hours\/week<\/span>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Passenger Satisfaction -->\n                    <div class=\"value-card\">\n                        <div class=\"value-card-header\">\n                            <div class=\"value-icon\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <path d=\"M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3\"\/>\n                                <\/svg>\n                            <\/div>\n                            <div class=\"value-percentage\">\n                                <div class=\"value-number\">90%<\/div>\n                                <div class=\"value-label\">Satisfaction Rate<\/div>\n                            <\/div>\n                        <\/div>\n                        \n                        <h3 class=\"value-title\">Boost Passenger Satisfaction<\/h3>\n                        <p class=\"value-description\">Provide accurate ETAs and safer rides for public transport fleets. Enhance <span class=\"value-highlight\">customer experience<\/span> with real-time tracking and notifications for improved service quality.<\/p>\n                        \n                        <div class=\"value-progress\">\n                            <div class=\"value-progress-bar\" data-width=\"90\"><\/div>\n                        <\/div>\n                        \n                        <div class=\"value-metric\">\n                            <span class=\"metric-label\">Customer retention increase:<\/span>\n                            <span class=\"metric-value positive\">30% higher<\/span>\n                        <\/div>\n                    <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ROI Calculator JavaScript -->\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ Initialize progress bars animation\n            const progressBars = document.querySelectorAll('.value-progress-bar');\n            \n            setTimeout(() => {\n                progressBars.forEach(bar => {\n                    const width = bar.getAttribute('data-width') + '%';\n                    bar.style.width = width;\n                });\n            }, 500);\n            \n            \/\/ ROI Calculator functionality\n            const calculateBtn = document.getElementById('calculateBtn');\n            const vehicleCount = document.getElementById('vehicleCount');\n            const fuelCost = document.getElementById('fuelCost');\n            const maintenanceCost = document.getElementById('maintenanceCost');\n            const laborHours = document.getElementById('laborHours');\n            \n            const fuelSavings = document.getElementById('fuelSavings');\n            const maintenanceSavings = document.getElementById('maintenanceSavings');\n            const laborSavings = document.getElementById('laborSavings');\n            const totalSavings = document.getElementById('totalSavings');\n            const roiChart = document.getElementById('roiChart');\n            \n            function calculateROI() {\n                \/\/ Get input values\n                const vehicles = parseInt(vehicleCount.value) || 10;\n                const fuel = parseInt(fuelCost.value) || 600;\n                const maintenance = parseInt(maintenanceCost.value) || 300;\n                const labor = parseInt(laborHours.value) || 120;\n                \n                \/\/ Calculate savings (estimated using typical savings percentages)\n                const fuelSavingsValue = Math.round(vehicles * fuel * 0.25); \/\/ 25% fuel savings\n                const maintenanceSavingsValue = Math.round(vehicles * maintenance * 0.25); \/\/ 25% maintenance savings\n                const laborHourlyCost = 25; \/\/ Assumed hourly labor cost\n                const laborSavingsValue = Math.round((labor * 0.15) * laborHourlyCost * vehicles); \/\/ 15% labor time savings\n                \n                const totalSavingsValue = fuelSavingsValue + maintenanceSavingsValue + laborSavingsValue;\n                \n                \/\/ Update the results\n                fuelSavings.textContent = ' + fuelSavingsValue.toLocaleString();\n                maintenanceSavings.textContent = ' + maintenanceSavingsValue.toLocaleString();\n                laborSavings.textContent = ' + laborSavingsValue.toLocaleString();\n                totalSavings.textContent = ' + totalSavingsValue.toLocaleString();\n                \n                \/\/ Calculate ROI for the chart (simplified)\n                const monthlyCost = vehicles * 50; \/\/ Assumed monthly cost per vehicle\n                const monthsToBreakeven = Math.ceil(monthlyCost \/ (totalSavingsValue \/ 3));\n                \n                \/\/ ROI Chart animation\n                const roiPercentage = Math.min(100, Math.round((totalSavingsValue \/ monthlyCost) * 33.33)); \/\/ 3x return = 100%\n                roiChart.style.width = roiPercentage + '%';\n            }\n            \n            \/\/ Initial calculation\n            calculateROI();\n            \n            \/\/ Add event listeners for real-time calculation\n            calculateBtn.addEventListener('click', calculateROI);\n            \n            \/\/ Add animation for value cards\n            const valueCards = document.querySelectorAll('.value-card');\n            \n            function animateCards() {\n                valueCards.forEach((card, index) => {\n                    setTimeout(() => {\n                        card.style.opacity = '1';\n                        card.style.transform = 'translateY(0) translateZ(10px)';\n                    }, index * 150);\n                });\n            }\n            \n            \/\/ Set initial state\n            valueCards.forEach(card => {\n                card.style.opacity = '0';\n                card.style.transform = 'translateY(30px) translateZ(0)';\n                card.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n            });\n            \n            \/\/ Animate on scroll\n            const businessSection = document.querySelector('.business-value-section');\n            \n            const observer = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        animateCards();\n                        observer.disconnect();\n                    }\n                });\n            }, { threshold: 0.2 });\n            \n            observer.observe(businessSection);\n            \n            \/\/ 3D tilt effect for cards\n            valueCards.forEach(card => {\n                card.addEventListener('mousemove', function(e) {\n                    const rect = this.getBoundingClientRect();\n                    const x = e.clientX - rect.left;\n                    const y = e.clientY - rect.top;\n                    \n                    const centerX = rect.width \/ 2;\n                    const centerY = rect.height \/ 2;\n                    \n                    const angleY = (x - centerX) \/ 20;\n                    const angleX = (centerY - y) \/ 20;\n                    \n                    this.style.transform = `translateY(-10px) translateZ(10px) rotateX(${angleX}deg) rotateY(${angleY}deg)`;\n                });\n                \n                card.addEventListener('mouseleave', function() {\n                    this.style.transform = 'translateY(-10px) translateZ(10px)';\n                });\n            });\n        });\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-95a71c3 e-flex e-con-boxed e-con e-parent\" data-id=\"95a71c3\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-017f1b3 e-con-full e-flex e-con e-child\" data-id=\"017f1b3\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-c9b8184 e-flex e-con-boxed e-con e-child\" data-id=\"c9b8184\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-92819d9 e-flex e-con-boxed e-con e-child\" data-id=\"92819d9\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4306f83 elementor-widget elementor-widget-image\" data-id=\"4306f83\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/sanil.in\/zenfleet\/wp-content\/uploads\/elementor\/thumbs\/Technology-r4e0zcinwe0derlo7s55awu90k1mn241axbrqswco0.jpeg\" title=\"Technology\" alt=\"Industries\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c489602 elementor-absolute elementor-widget elementor-widget-icon-box\" data-id=\"c489602\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h6 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tUnique approach\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h6>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tfor unique needs\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c6a75cc e-con-full e-flex e-con e-child\" data-id=\"c6a75cc\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fbd102b elementor-widget elementor-widget-heading\" data-id=\"fbd102b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">We Serve Diverse Fleets\u200b<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d1143dd elementor-widget elementor-widget-text-editor\" data-id=\"d1143dd\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>Construction &amp; Heavy Equipment<\/li><li>Cold Chain &amp; Perishables<\/li><li>Distribution &amp; 3PL<\/li><li>Public Transport Fleets<\/li><li>Emergency &amp; Utility Fleets<\/li><li>And More&#8230;<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-79609e3 elementor-widget elementor-widget-button\" data-id=\"79609e3\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/sanil.in\/zenfleet\/industry-use-cases\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-long-arrow-alt-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Explore Use Cases<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4eb1531 e-flex e-con-boxed e-con e-parent\" data-id=\"4eb1531\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d912ef9 elementor-mobile-align-center elementor-align-center splite-showpopup elementor-widget elementor-widget-button\" data-id=\"d912ef9\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-long-arrow-alt-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">connect with our experts<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Smarter, Safer, Data-Driven Fleet Management. AI-powered fleet tracking, predictive maintenance, route optimization, and compliance \u2013 all in one platform. Real-time tracking, optimized routes, and data-driven insights to reduce costs by 30% and improve efficiency. Schedule a Demo 30% Cost Reduction Optimized routes and predictive maintenance reduce operational costs. 25% Efficiency Improvement Real-time tracking minimizes idle [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-33915","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sanil.in\/zenfleet\/wp-json\/wp\/v2\/pages\/33915","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sanil.in\/zenfleet\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sanil.in\/zenfleet\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sanil.in\/zenfleet\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sanil.in\/zenfleet\/wp-json\/wp\/v2\/comments?post=33915"}],"version-history":[{"count":137,"href":"https:\/\/sanil.in\/zenfleet\/wp-json\/wp\/v2\/pages\/33915\/revisions"}],"predecessor-version":[{"id":34377,"href":"https:\/\/sanil.in\/zenfleet\/wp-json\/wp\/v2\/pages\/33915\/revisions\/34377"}],"wp:attachment":[{"href":"https:\/\/sanil.in\/zenfleet\/wp-json\/wp\/v2\/media?parent=33915"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}