{"id":429,"date":"2025-09-11T13:27:00","date_gmt":"2025-09-11T13:27:00","guid":{"rendered":"https:\/\/truck.ctaindiaload.in\/?page_id=429"},"modified":"2025-09-11T13:27:41","modified_gmt":"2025-09-11T13:27:41","slug":"help-page","status":"publish","type":"page","link":"https:\/\/truck.ctaindiaload.in\/?page_id=429","title":{"rendered":"Help Page"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"429\" class=\"elementor elementor-429\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9825cee e-flex e-con-boxed e-con e-parent\" data-id=\"9825cee\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e8229fb elementor-widget elementor-widget-html\" data-id=\"e8229fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\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>Help & Support<\/title>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        }\n        \n        :root {\n            --primary: #2563eb;\n            --primary-dark: #1d4ed8;\n            --secondary: #3b82f6;\n            --accent: #22d3ee;\n            --light: #f0f7ff;\n            --dark: #1e293b;\n            --success: #10b981;\n            --warning: #f59e0b;\n            --danger: #ef4444;\n            --gray: #64748b;\n        }\n        \n        body {\n            background: linear-gradient(135deg, #f0f7ff 0%, #e0f2fe 100%);\n            color: var(--dark);\n            min-height: 100vh;\n        }\n        \n        \/* Header Styles *\/\n        .header {\n            background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);\n            color: white;\n            padding: 15px 20px;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n        }\n        \n        .logo {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n        }\n        \n        .logo h1 {\n            font-size: 22px;\n            font-weight: 600;\n        }\n        \n        .back-btn {\n            background: rgba(255, 255, 255, 0.2);\n            color: white;\n            border: none;\n            border-radius: 50%;\n            width: 40px;\n            height: 40px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            font-size: 18px;\n            cursor: pointer;\n            transition: background 0.3s;\n        }\n        \n        .back-btn:hover {\n            background: rgba(255, 255, 255, 0.3);\n        }\n        \n        \/* Main Content *\/\n        .main-content {\n            padding: 20px;\n            max-width: 1000px;\n            margin: 0 auto;\n        }\n        \n        .page-title {\n            font-size: 24px;\n            margin-bottom: 20px;\n            color: var(--dark);\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n        \n        .help-sections {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 20px;\n            margin-bottom: 30px;\n        }\n        \n        @media (max-width: 768px) {\n            .help-sections {\n                grid-template-columns: 1fr;\n            }\n        }\n        \n        .help-card {\n            background: white;\n            border-radius: 12px;\n            padding: 20px;\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n            transition: transform 0.3s;\n        }\n        \n        .help-card:hover {\n            transform: translateY(-5px);\n        }\n        \n        .help-card-header {\n            display: flex;\n            align-items: center;\n            gap: 15px;\n            margin-bottom: 15px;\n        }\n        \n        .help-icon {\n            width: 50px;\n            height: 50px;\n            border-radius: 12px;\n            background: var(--light);\n            color: var(--primary);\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            font-size: 20px;\n        }\n        \n        .help-card-title {\n            font-size: 18px;\n            font-weight: 600;\n            color: var(--dark);\n        }\n        \n        .help-card-content {\n            color: var(--gray);\n            line-height: 1.6;\n        }\n        \n        .help-list {\n            list-style: none;\n            margin-top: 15px;\n        }\n        \n        .help-list li {\n            padding: 10px 0;\n            border-bottom: 1px solid #f1f5f9;\n        }\n        \n        .help-list li:last-child {\n            border-bottom: none;\n        }\n        \n        .help-list a {\n            color: var(--primary);\n            text-decoration: none;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            transition: color 0.3s;\n        }\n        \n        .help-list a:hover {\n            color: var(--primary-dark);\n        }\n        \n        .help-list i {\n            width: 20px;\n        }\n        \n        \/* Contact Section *\/\n        .contact-section {\n            background: white;\n            border-radius: 12px;\n            padding: 25px;\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n            margin-bottom: 30px;\n        }\n        \n        .contact-title {\n            font-size: 20px;\n            margin-bottom: 20px;\n            color: var(--dark);\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n        \n        .contact-options {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 20px;\n        }\n        \n        .contact-option {\n            display: flex;\n            align-items: center;\n            gap: 15px;\n            padding: 15px;\n            background: #f8fafc;\n            border-radius: 8px;\n            transition: background 0.3s;\n        }\n        \n        .contact-option:hover {\n            background: #f1f5f9;\n        }\n        \n        .contact-icon {\n            width: 40px;\n            height: 40px;\n            border-radius: 50%;\n            background: var(--primary);\n            color: white;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            font-size: 18px;\n        }\n        \n        .contact-info {\n            flex: 1;\n        }\n        \n        .contact-type {\n            font-weight: 600;\n            color: var(--dark);\n            margin-bottom: 5px;\n        }\n        \n        .contact-detail {\n            color: var(--gray);\n            font-size: 14px;\n        }\n        \n        \/* FAQ Section *\/\n        .faq-section {\n            background: white;\n            border-radius: 12px;\n            padding: 25px;\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n        }\n        \n        .faq-title {\n            font-size: 20px;\n            margin-bottom: 20px;\n            color: var(--dark);\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n        \n        .faq-item {\n            margin-bottom: 15px;\n            border-bottom: 1px solid #f1f5f9;\n            padding-bottom: 15px;\n        }\n        \n        .faq-question {\n            font-weight: 600;\n            color: var(--dark);\n            margin-bottom: 10px;\n            cursor: pointer;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n        \n        .faq-answer {\n            color: var(--gray);\n            line-height: 1.6;\n            display: none;\n            padding-top: 10px;\n        }\n        \n        .faq-item.active .faq-answer {\n            display: block;\n        }\n        \n        .faq-item.active .faq-question i {\n            transform: rotate(180deg);\n        }\n        \n        \/* Responsive Design *\/\n        @media (max-width: 768px) {\n            .main-content {\n                padding: 15px;\n            }\n            \n            .contact-options {\n                grid-template-columns: 1fr;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- Header -->\n    <div class=\"header\">\n        <div class=\"logo\">\n            <button class=\"back-btn\" onclick=\"window.history.back()\">\n                <i class=\"fas fa-arrow-left\"><\/i>\n            <\/button>\n            <h1>Help & Support<\/h1>\n        <\/div>\n        <div class=\"header-right\">\n            <div class=\"help-icon\">\n                <i class=\"fas fa-question-circle\"><\/i>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Main Content -->\n    <div class=\"main-content\">\n        <h2 class=\"page-title\">\n            <i class=\"fas fa-hands-helping\"><\/i>\n            How can we help you?\n        <\/h2>\n        \n        <div class=\"help-sections\">\n            <div class=\"help-card\">\n                <div class=\"help-card-header\">\n                    <div class=\"help-icon\">\n                        <i class=\"fas fa-box\"><\/i>\n                    <\/div>\n                    <div class=\"help-card-title\">Delivery Help<\/div>\n                <\/div>\n                <div class=\"help-card-content\">\n                    <p>Find answers to common questions about deliveries, pickup process, and customer interactions.<\/p>\n                    <ul class=\"help-list\">\n                        <li><a href=\"#\"><i class=\"fas fa-chevron-right\"><\/i> How to handle customer requests<\/a><\/li>\n                        <li><a href=\"#\"><i class=\"fas fa-chevron-right\"><\/i> Delivery best practices<\/a><\/li>\n                        <li><a href=\"#\"><i class=\"fas fa-chevron-right\"><\/i> Managing delivery timelines<\/a><\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <div class=\"help-card\">\n                <div class=\"help-card-header\">\n                    <div class=\"help-icon\">\n                        <i class=\"fas fa-wallet\"><\/i>\n                    <\/div>\n                    <div class=\"help-card-title\">Payments & Earnings<\/div>\n                <\/div>\n                <div class=\"help-card-content\">\n                    <p>Information about your earnings, payment schedules, and resolving payment issues.<\/p>\n                    <ul class=\"help-list\">\n                        <li><a href=\"#\"><i class=\"fas fa-chevron-right\"><\/i> Understanding your earnings<\/a><\/li>\n                        <li><a href=\"#\"><i class=\"fas fa-chevron-right\"><\/i> Payment schedule<\/a><\/li>\n                        <li><a href=\"#\"><i class=\"fas fa-chevron-right\"><\/i> Resolving payment issues<\/a><\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <div class=\"help-card\">\n                <div class=\"help-card-header\">\n                    <div class=\"help-icon\">\n                        <i class=\"fas fa-mobile-alt\"><\/i>\n                    <\/div>\n                    <div class=\"help-card-title\">App Help<\/div>\n                <\/div>\n                <div class=\"help-card-content\">\n                    <p>Get help with the delivery partner app, troubleshooting, and feature guides.<\/p>\n                    <ul class=\"help-list\">\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>Help &#038; Support Help &#038; Support How can we help you? Delivery Help Find answers to common questions about deliveries, [&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":"","ast-site-content-layout":"full-width-container","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":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","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":"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":"","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-4)","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-4)","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-4)","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-429","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=\/wp\/v2\/pages\/429","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=429"}],"version-history":[{"count":5,"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=\/wp\/v2\/pages\/429\/revisions"}],"predecessor-version":[{"id":434,"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=\/wp\/v2\/pages\/429\/revisions\/434"}],"wp:attachment":[{"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=429"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}