Subscription Info<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n max-width: 400px;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n text-align: center;\n }\n .container {\n background: #fff;\n padding: 20px;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n }\n .header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 20px;\n }\n .title {\n font-size: 20px;\n color: #333;\n font-weight: bold;\n }\n .progress {\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background-color: #e0e0e0;\n position: relative;\n }\n .progress::after {\n content: '';\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background-color: #9c27b0;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n .menu-dots {\n font-size: 24px;\n color: #ccc;\n }\n .plan-badge {\n background-color: #4fc3f7;\n color: white;\n padding: 5px 10px;\n border-radius: 20px;\n font-size: 12px;\n margin-bottom: 10px;\n display: inline-block;\n }\n .plan-card {\n background-color: #f0f8ff;\n border: 1px solid #4fc3f7;\n border-radius: 10px;\n padding: 20px;\n margin-bottom: 20px;\n transition: all 0.3s ease;\n }\n .plan-card:hover {\n box-shadow: 0 4px 8px rgba(79, 195, 247, 0.2);\n }\n .plan-card.selected {\n background-color: #ffebee;\n border-color: #ff5722;\n box-shadow: 0 4px 8px rgba(255, 87, 34, 0.2);\n }\n .plan-icon {\n font-size: 24px;\n color: #4fc3f7;\n margin-bottom: 10px;\n }\n .plan-name {\n font-size: 18px;\n font-weight: bold;\n color: #333;\n margin-bottom: 5px;\n }\n .plan-details {\n font-size: 14px;\n color: #666;\n margin-bottom: 10px;\n }\n .plan-price {\n font-size: 24px;\n font-weight: bold;\n color: #ff5722;\n margin-bottom: 5px;\n }\n .plan-duration {\n font-size: 12px;\n color: #999;\n margin-bottom: 10px;\n }\n .plan-select-btn {\n background-color: #4fc3f7;\n color: white;\n border: none;\n padding: 8px 16px;\n border-radius: 20px;\n cursor: pointer;\n transition: background-color 0.3s ease;\n }\n .plan-select-btn:hover, .plan-select-btn.selected {\n background-color: #ff5722;\n }\n .features-section {\n background-color: #f8f9fa;\n border-radius: 10px;\n padding: 15px;\n margin-bottom: 20px;\n }\n .features-title {\n font-size: 16px;\n font-weight: bold;\n color: #333;\n margin-bottom: 10px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n .features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n .features-list li {\n font-size: 14px;\n color: #666;\n margin-bottom: 8px;\n position: relative;\n padding-left: 20px;\n }\n .features-list li::before {\n content: \"\u2605\";\n color: #ff5722;\n position: absolute;\n left: 0;\n }\n .more-details {\n color: #4fc3f7;\n text-decoration: none;\n font-size: 14px;\n cursor: pointer;\n }\n .more-details:hover {\n text-decoration: underline;\n }\n .next-btn {\n width: 100%;\n padding: 12px;\n font-size: 18px;\n color: #fff;\n background-color: #ff5722;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n box-shadow: 0 4px 8px rgba(255, 87, 34, 0.2);\n transition: background-color 0.3s ease, box-shadow 0.3s ease;\n }\n .next-btn:hover {\n background-color: #e64a19;\n box-shadow: 0 6px 12px rgba(230, 74, 25, 0.3);\n }\n .next-btn:disabled {\n background-color: #ccc;\n cursor: not-allowed;\n box-shadow: none;\n }\n .terms {\n font-size: 12px;\n color: #757575;\n margin-top: 10px;\n }\n .terms a {\n color: #2196f3;\n text-decoration: none;\n }\n .terms a:hover {\n text-decoration: underline;\n }\n <\/style>\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n const planCard = document.querySelector('.plan-card');\n const planSelectBtn = document.querySelector('.plan-select-btn');\n const nextBtn = document.querySelector('.next-btn');\n const moreDetails = document.querySelector('.more-details');\n\n let planSelected = false;\n\n \/\/ Select plan on click\n planCard.addEventListener('click', () => {\n planSelected = true;\n planCard.classList.add('selected');\n planSelectBtn.textContent = 'Selected';\n planSelectBtn.classList.add('selected');\n nextBtn.disabled = false;\n });\n\n \/\/ More details click\n moreDetails.addEventListener('click', () => {\n alert('More details about the plan will be shown here. Terms & Conditions apply.');\n });\n\n \/\/ Next button click\n nextBtn.addEventListener('click', () => {\n if (planSelected) {\n window.location.href = 'payment.html';\n } else {\n alert('Please select the Delivery Partner Plan!');\n }\n });\n\n \/\/ Initially disable Next button\n nextBtn.disabled = true;\n });\n <\/script>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"header\">\n <div class=\"title\">Subscription Info<\/div>\n <div class=\"progress\"><\/div>\n <div class=\"menu-dots\">\u22ee\u22ee\u22ee<\/div>\n <\/div>\n <div class=\"plan-badge\">\n \ud83c\udf81 Get a chance to win iPhone 15. Terms & Conditions\n <\/div>\n <div class=\"plan-card\">\n <div class=\"plan-icon\">\u2605<\/div>\n <div class=\"plan-name\">Delivery Partner Plan<\/div>\n <div class=\"plan-details\">Valid for 1 Year..<\/div>\n <div class=\"plan-price\">\u20b9199<\/div>\n <div class=\"plan-duration\">\n <span>365 days<\/span> | <span>\u20b90.55\/day<\/span>\n <\/div>\n <button class=\"plan-select-btn\">Select Plan<\/button>\n <\/div>\n <div class=\"features-section\">\n <div class=\"features-title\">\n What's included\n <a href=\"#\" class=\"more-details\">More Details ><\/a>\n <\/div>\n <ul class=\"features-list\">\n <li>Customer and vendor duties.<\/li>\n <li>Premium roadside assistance<\/li>\n <li>Fraud prevention<\/li>\n <\/ul>\n <\/div>\n <button type=\"button\" class=\"next-btn\" disabled>Next<\/button>\n <div class=\"terms\">\n By continuing, you agree to our <a href=\"#\">Privacy Policy<\/a> and <a href=\"#\">Terms<\/a>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\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>Subscription Info Subscription Info \u22ee\u22ee\u22ee \ud83c\udf81 Get a chance to win iPhone 15. Terms & Conditions \u2605 Delivery Partner Plan […]<\/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-91","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=\/wp\/v2\/pages\/91","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=91"}],"version-history":[{"count":10,"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=\/wp\/v2\/pages\/91\/revisions"}],"predecessor-version":[{"id":420,"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=\/wp\/v2\/pages\/91\/revisions\/420"}],"wp:attachment":[{"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=91"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Subscription Info<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n max-width: 400px;\n margin: 0 auto;\n padding: 20px;\n background-color: #f9f9f9;\n text-align: center;\n }\n .container {\n background: #fff;\n padding: 20px;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n }\n .header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 20px;\n }\n .title {\n font-size: 20px;\n color: #333;\n font-weight: bold;\n }\n .progress {\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background-color: #e0e0e0;\n position: relative;\n }\n .progress::after {\n content: '';\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background-color: #9c27b0;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n .menu-dots {\n font-size: 24px;\n color: #ccc;\n }\n .plan-badge {\n background-color: #4fc3f7;\n color: white;\n padding: 5px 10px;\n border-radius: 20px;\n font-size: 12px;\n margin-bottom: 10px;\n display: inline-block;\n }\n .plan-card {\n background-color: #f0f8ff;\n border: 1px solid #4fc3f7;\n border-radius: 10px;\n padding: 20px;\n margin-bottom: 20px;\n transition: all 0.3s ease;\n }\n .plan-card:hover {\n box-shadow: 0 4px 8px rgba(79, 195, 247, 0.2);\n }\n .plan-card.selected {\n background-color: #ffebee;\n border-color: #ff5722;\n box-shadow: 0 4px 8px rgba(255, 87, 34, 0.2);\n }\n .plan-icon {\n font-size: 24px;\n color: #4fc3f7;\n margin-bottom: 10px;\n }\n .plan-name {\n font-size: 18px;\n font-weight: bold;\n color: #333;\n margin-bottom: 5px;\n }\n .plan-details {\n font-size: 14px;\n color: #666;\n margin-bottom: 10px;\n }\n .plan-price {\n font-size: 24px;\n font-weight: bold;\n color: #ff5722;\n margin-bottom: 5px;\n }\n .plan-duration {\n font-size: 12px;\n color: #999;\n margin-bottom: 10px;\n }\n .plan-select-btn {\n background-color: #4fc3f7;\n color: white;\n border: none;\n padding: 8px 16px;\n border-radius: 20px;\n cursor: pointer;\n transition: background-color 0.3s ease;\n }\n .plan-select-btn:hover, .plan-select-btn.selected {\n background-color: #ff5722;\n }\n .features-section {\n background-color: #f8f9fa;\n border-radius: 10px;\n padding: 15px;\n margin-bottom: 20px;\n }\n .features-title {\n font-size: 16px;\n font-weight: bold;\n color: #333;\n margin-bottom: 10px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n .features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n .features-list li {\n font-size: 14px;\n color: #666;\n margin-bottom: 8px;\n position: relative;\n padding-left: 20px;\n }\n .features-list li::before {\n content: \"\u2605\";\n color: #ff5722;\n position: absolute;\n left: 0;\n }\n .more-details {\n color: #4fc3f7;\n text-decoration: none;\n font-size: 14px;\n cursor: pointer;\n }\n .more-details:hover {\n text-decoration: underline;\n }\n .next-btn {\n width: 100%;\n padding: 12px;\n font-size: 18px;\n color: #fff;\n background-color: #ff5722;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n box-shadow: 0 4px 8px rgba(255, 87, 34, 0.2);\n transition: background-color 0.3s ease, box-shadow 0.3s ease;\n }\n .next-btn:hover {\n background-color: #e64a19;\n box-shadow: 0 6px 12px rgba(230, 74, 25, 0.3);\n }\n .next-btn:disabled {\n background-color: #ccc;\n cursor: not-allowed;\n box-shadow: none;\n }\n .terms {\n font-size: 12px;\n color: #757575;\n margin-top: 10px;\n }\n .terms a {\n color: #2196f3;\n text-decoration: none;\n }\n .terms a:hover {\n text-decoration: underline;\n }\n <\/style>\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n const planCard = document.querySelector('.plan-card');\n const planSelectBtn = document.querySelector('.plan-select-btn');\n const nextBtn = document.querySelector('.next-btn');\n const moreDetails = document.querySelector('.more-details');\n\n let planSelected = false;\n\n \/\/ Select plan on click\n planCard.addEventListener('click', () => {\n planSelected = true;\n planCard.classList.add('selected');\n planSelectBtn.textContent = 'Selected';\n planSelectBtn.classList.add('selected');\n nextBtn.disabled = false;\n });\n\n \/\/ More details click\n moreDetails.addEventListener('click', () => {\n alert('More details about the plan will be shown here. Terms & Conditions apply.');\n });\n\n \/\/ Next button click\n nextBtn.addEventListener('click', () => {\n if (planSelected) {\n window.location.href = 'payment.html';\n } else {\n alert('Please select the Delivery Partner Plan!');\n }\n });\n\n \/\/ Initially disable Next button\n nextBtn.disabled = true;\n });\n <\/script>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"header\">\n <div class=\"title\">Subscription Info<\/div>\n <div class=\"progress\"><\/div>\n <div class=\"menu-dots\">\u22ee\u22ee\u22ee<\/div>\n <\/div>\n <div class=\"plan-badge\">\n \ud83c\udf81 Get a chance to win iPhone 15. Terms & Conditions\n <\/div>\n <div class=\"plan-card\">\n <div class=\"plan-icon\">\u2605<\/div>\n <div class=\"plan-name\">Delivery Partner Plan<\/div>\n <div class=\"plan-details\">Valid for 1 Year..<\/div>\n <div class=\"plan-price\">\u20b9199<\/div>\n <div class=\"plan-duration\">\n <span>365 days<\/span> | <span>\u20b90.55\/day<\/span>\n <\/div>\n <button class=\"plan-select-btn\">Select Plan<\/button>\n <\/div>\n <div class=\"features-section\">\n <div class=\"features-title\">\n What's included\n <a href=\"#\" class=\"more-details\">More Details ><\/a>\n <\/div>\n <ul class=\"features-list\">\n <li>Customer and vendor duties.<\/li>\n <li>Premium roadside assistance<\/li>\n <li>Fraud prevention<\/li>\n <\/ul>\n <\/div>\n <button type=\"button\" class=\"next-btn\" disabled>Next<\/button>\n <div class=\"terms\">\n By continuing, you agree to our <a href=\"#\">Privacy Policy<\/a> and <a href=\"#\">Terms<\/a>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\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>Subscription Info Subscription Info \u22ee\u22ee\u22ee \ud83c\udf81 Get a chance to win iPhone 15. Terms & Conditions \u2605 Delivery Partner Plan […]<\/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-91","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=\/wp\/v2\/pages\/91","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=91"}],"version-history":[{"count":10,"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=\/wp\/v2\/pages\/91\/revisions"}],"predecessor-version":[{"id":420,"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=\/wp\/v2\/pages\/91\/revisions\/420"}],"wp:attachment":[{"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=91"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}