{"id":10,"date":"2026-07-19T16:57:57","date_gmt":"2026-07-19T16:57:57","guid":{"rendered":"https:\/\/maheshautoagency.com\/?page_id=10"},"modified":"2026-07-22T10:08:29","modified_gmt":"2026-07-22T10:08:29","slug":"service","status":"publish","type":"page","link":"https:\/\/maheshautoagency.com\/index.php\/service\/","title":{"rendered":"Service"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Services Banner - Transparent Background<\/title>\r\n <!-- Font Awesome CDN -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.6.0\/css\/all.min.css\">\r\n \r\n <style>\r\n \/* Base Container - Completely Transparent *\/\r\n .services-banner {\r\n position: relative;\r\n width: 100%;\r\n min-height: 100vh;\r\n background: transparent; \/* Background fully transparent *\/\r\n display: flex;\r\n align-items: center;\r\n padding: 50px 8%;\r\n box-sizing: border-box;\r\n font-family: 'Poppins', sans-serif;\r\n }\r\n\r\n \/* Overlay made transparent *\/\r\n .services-banner .overlay {\r\n display: none; \/* Removed overlay box to keep background transparent *\/\r\n }\r\n\r\n \/* Content Layer *\/\r\n .services-banner .content {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 650px;\r\n color: #ffffff;\r\n }\r\n\r\n \/* Highlight Sub-heading *\/\r\n .services-banner .content span {\r\n color: #ffcc00; \/* Bright Yellow Highlight *\/\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n display: inline-block;\r\n margin-bottom: 10px;\r\n text-shadow: 0 2px 6px rgba(0,0,0,0.8); \/* Dark drop shadow for contrast *\/\r\n }\r\n\r\n \/* Main Heading Highlight *\/\r\n .services-banner .content h1 {\r\n color: #ffffff; \/* Bright White Text *\/\r\n font-size: 3.2rem;\r\n font-weight: 800;\r\n margin: 0 0 15px 0;\r\n letter-spacing: 1.5px;\r\n text-shadow: 0 4px 10px rgba(0,0,0,0.9); \/* Heavy shadow to pop out from any background *\/\r\n }\r\n\r\n \/* Paragraph Styling *\/\r\n .services-banner .content p {\r\n color: #f1f5f9; \/* Clean Light Off-White *\/\r\n font-size: 1.15rem;\r\n line-height: 1.6;\r\n margin-bottom: 35px;\r\n font-weight: 500;\r\n text-shadow: 0 2px 6px rgba(0,0,0,0.8);\r\n }\r\n\r\n \/* Grid Items Container *\/\r\n .service-box {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 15px;\r\n }\r\n\r\n \/* Each Service Item Styling *\/\r\n .service-box .item {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n background: rgba(0, 0, 0, 0.4); \/* Subtle semi-transparent dark pill background *\/\r\n padding: 12px 22px;\r\n border-radius: 8px;\r\n backdrop-filter: blur(4px); \/* Blur effect behind items *\/\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n transition: all 0.3s ease;\r\n width: fit-content;\r\n }\r\n\r\n \/* Item Hover Effect *\/\r\n .service-box .item:hover {\r\n background: rgba(255, 204, 0, 0.25);\r\n border-color: #ffcc00;\r\n transform: translateX(8px);\r\n }\r\n\r\n \/* Highlight Icon *\/\r\n .service-box .item i {\r\n font-size: 1.5rem;\r\n color: #ffcc00; \/* Bright Yellow Icon *\/\r\n text-shadow: 0 2px 4px rgba(0,0,0,0.6);\r\n }\r\n\r\n \/* Highlight Item Text *\/\r\n .service-box .item h4 {\r\n color: #ffffff;\r\n font-size: 1.2rem;\r\n font-weight: 700;\r\n margin: 0;\r\n text-shadow: 0 2px 4px rgba(0,0,0,0.8);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"services-banner\">\r\n\r\n <div class=\"content\">\r\n <span>WHAT WE OFFER<\/span>\r\n <h1>OUR SERVICES<\/h1>\r\n\r\n <p>\r\n Complete solutions for your three-wheeler needs.<br>\r\n Quality service, genuine parts & happy customers.\r\n <\/p>\r\n\r\n <div class=\"service-box\">\r\n <div class=\"item\">\r\n <i class=\"fa-solid fa-screwdriver-wrench\"><\/i>\r\n <h4>Expert Technicians<\/h4>\r\n <\/div>\r\n\r\n <div class=\"item\">\r\n <i class=\"fa-solid fa-gears\"><\/i>\r\n <h4>Genuine Parts<\/h4>\r\n <\/div>\r\n\r\n <div class=\"item\">\r\n <i class=\"fa-solid fa-stopwatch\"><\/i>\r\n <h4>Quick Service<\/h4>\r\n <\/div>\r\n\r\n <div class=\"item\">\r\n <i class=\"fa-solid fa-award\"><\/i>\r\n <h4>Customer Satisfaction<\/h4>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n<\/body>\r\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8603838 e-con-full e-flex e-con e-parent\" data-id=\"8603838\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c40cdca elementor-widget elementor-widget-html\" data-id=\"c40cdca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Services We Provide<\/title>\r\n <!-- Font Awesome Icons -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.6.0\/css\/all.min.css\">\r\n <!-- Google Fonts -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Poppins', sans-serif;\r\n }\r\n\r\n body {\r\n background-color: #0b0b0b;\r\n color: #ffffff;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 100vh;\r\n padding: 50px 20px;\r\n }\r\n\r\n .services-section {\r\n max-width: 1300px;\r\n width: 100%;\r\n text-align: center;\r\n }\r\n\r\n \/* Header Styling *\/\r\n .section-subtitle {\r\n color: #d4af37;\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .section-title {\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n color: #ffffff;\r\n margin-bottom: 15px;\r\n }\r\n\r\n \/* Divider Design *\/\r\n .divider {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .divider::before,\r\n .divider::after {\r\n content: '';\r\n width: 60px;\r\n height: 1px;\r\n background-color: #d4af37;\r\n }\r\n\r\n .divider-icon {\r\n color: #d4af37;\r\n margin: 0 10px;\r\n font-size: 0.9rem;\r\n }\r\n\r\n \/* Grid Layout *\/\r\n .services-grid {\r\n display: grid;\r\n grid-template-columns: repeat(6, 1fr);\r\n gap: 18px;\r\n }\r\n\r\n \/* Card Container *\/\r\n .service-card {\r\n background-color: #121212;\r\n border: 1px solid #d4af37;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n text-align: left;\r\n position: relative;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n }\r\n\r\n .service-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.2);\r\n }\r\n\r\n \/* Card Image Container *\/\r\n .card-img-wrapper {\r\n position: relative;\r\n width: 100%;\r\n height: 170px;\r\n }\r\n\r\n .card-img-wrapper img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n \/* Circular Icon overlapping the image *\/\r\n .card-icon {\r\n position: absolute;\r\n bottom: -28px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 56px;\r\n height: 56px;\r\n background-color: #121212;\r\n border: 2px solid #d4af37;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #d4af37;\r\n font-size: 1.3rem;\r\n z-index: 2;\r\n }\r\n\r\n \/* Card Body Content *\/\r\n .card-body {\r\n padding: 38px 18px 20px 18px;\r\n display: flex;\r\n flex-direction: column;\r\n flex-grow: 1;\r\n }\r\n\r\n .service-number {\r\n color: #d4af37;\r\n font-size: 0.95rem;\r\n font-weight: 700;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .service-title {\r\n color: #ffffff;\r\n font-size: 1.1rem;\r\n font-weight: 600;\r\n margin-bottom: 12px;\r\n line-height: 1.3;\r\n }\r\n\r\n .service-desc {\r\n color: #a0a0a0;\r\n font-size: 0.8rem;\r\n line-height: 1.5;\r\n margin-bottom: 25px;\r\n flex-grow: 1;\r\n }\r\n\r\n \/* Read More Link *\/\r\n .read-more {\r\n color: #d4af37;\r\n text-decoration: none;\r\n font-size: 0.82rem;\r\n font-weight: 700;\r\n letter-spacing: 1px;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .read-more:hover {\r\n color: #ffffff;\r\n }\r\n\r\n \/* Responsive Breakpoints *\/\r\n @media (max-width: 1200px) {\r\n .services-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 25px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .services-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .services-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n .section-title {\r\n font-size: 2rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"services-section\">\r\n <span class=\"section-subtitle\">OUR EXPERTISE<\/span>\r\n <h2 class=\"section-title\">Services We Provide<\/h2>\r\n \r\n <div class=\"divider\">\r\n <i class=\"fa-solid fa-diamond divider-icon\"><\/i>\r\n <\/div>\r\n\r\n <div class=\"services-grid\">\r\n \r\n <!-- Card 1 -->\r\n <div class=\"service-card\">\r\n <div class=\"card-img-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1486006920555-c77dce18193b?q=80&w=400&auto=format&fit=crop\" alt=\"Vehicle Service\" title=\"Service\">\r\n <div class=\"card-icon\">\r\n <i class=\"fa-solid fa-screwdriver-wrench\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <span class=\"service-number\">01<\/span>\r\n <h3 class=\"service-title\">Vehicle Service<\/h3>\r\n <p class=\"service-desc\">Regular servicing to keep your three-wheeler in perfect condition and long life.<\/p>\r\n <a href=\"#\" class=\"read-more\">READ MORE →<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 2 -->\r\n <div class=\"service-card\">\r\n <div class=\"card-img-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1580273916550-e323be2ae537?q=80&w=400&auto=format&fit=crop\" alt=\"Genuine Spare Parts\" title=\"Service\">\r\n <div class=\"card-icon\">\r\n <i class=\"fa-solid fa-gear\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <span class=\"service-number\">02<\/span>\r\n <h3 class=\"service-title\">Genuine Spare Parts<\/h3>\r\n <p class=\"service-desc\">100% genuine spare parts for better performance, safety and durability.<\/p>\r\n <a href=\"#\" class=\"read-more\">READ MORE →<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 3 -->\r\n <div class=\"service-card\">\r\n <div class=\"card-img-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1619642751034-765dfdf7c58e?q=80&w=400&auto=format&fit=crop\" alt=\"CNG Kit Fitting\" title=\"Service\">\r\n <div class=\"card-icon\">\r\n <i class=\"fa-solid fa-gas-pump\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <span class=\"service-number\">03<\/span>\r\n <h3 class=\"service-title\">CNG Kit Fitting<\/h3>\r\n <p class=\"service-desc\">Government approved CNG fitment with maximum mileage & safety.<\/p>\r\n <a href=\"#\" class=\"read-more\">READ MORE →<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 4 -->\r\n <div class=\"service-card\">\r\n <div class=\"card-img-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1558981403-c5f9899a28bc?q=80&w=400&auto=format&fit=crop\" alt=\"Insurance Services\" title=\"Service\">\r\n <div class=\"card-icon\">\r\n <i class=\"fa-solid fa-shield-halved\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <span class=\"service-number\">04<\/span>\r\n <h3 class=\"service-title\">Insurance Services<\/h3>\r\n <p class=\"service-desc\">Get the best insurance plans for your vehicle at lowest price.<\/p>\r\n <a href=\"#\" class=\"read-more\">READ MORE →<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 5 -->\r\n <div class=\"service-card\">\r\n <div class=\"card-img-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1503376780353-7e6692767b70?q=80&w=400&auto=format&fit=crop\" alt=\"Electrical Repair\" title=\"Service\">\r\n <div class=\"card-icon\">\r\n <i class=\"fa-solid fa-bolt\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <span class=\"service-number\">05<\/span>\r\n <h3 class=\"service-title\">Electrical Repair<\/h3>\r\n <p class=\"service-desc\">All type of electrical repairs with advanced diagnostics.<\/p>\r\n <a href=\"#\" class=\"read-more\">READ MORE →<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 6 -->\r\n <div class=\"service-card\">\r\n <div class=\"card-img-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517524008697-84bbe3c3fd98?q=80&w=400&auto=format&fit=crop\" alt=\"Roadside Assistance\" title=\"Service\">\r\n <div class=\"card-icon\">\r\n <i class=\"fa-solid fa-handshake\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <span class=\"service-number\">06<\/span>\r\n <h3 class=\"service-title\">Roadside Assistance<\/h3>\r\n <p class=\"service-desc\">24\/7 roadside help whenever you need us, anywhere.<\/p>\r\n <a href=\"#\" class=\"read-more\">READ MORE →<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d65c5e3 e-con-full e-flex e-con e-parent\" data-id=\"d65c5e3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc3b4a9 elementor-widget elementor-widget-html\" data-id=\"dc3b4a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Why Choose Us Section<\/title>\r\n <!-- Font Awesome Icons -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.6.0\/css\/all.min.css\">\r\n <!-- Google Fonts -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Poppins', sans-serif;\r\n }\r\n\r\n body {\r\n background-color: #0b0b0b;\r\n color: #ffffff;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 100vh;\r\n padding: 40px 20px;\r\n }\r\n\r\n \/* Banner Container *\/\r\n .why-choose-us {\r\n position: relative;\r\n width: 100%;\r\n max-width: 1300px;\r\n background: linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85)), \r\n url('https:\/\/images.unsplash.com\/photo-1517524008697-84bbe3c3fd98?q=80&w=1200&auto=format&fit=crop') no-repeat center center\/cover;\r\n border: 1px solid #332a15;\r\n padding: 60px 50px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 40px;\r\n border-radius: 4px;\r\n }\r\n\r\n \/* Left Content Column *\/\r\n .left-content {\r\n flex: 1;\r\n max-width: 380px;\r\n }\r\n\r\n .subtitle {\r\n color: #d4af37;\r\n font-size: 0.85rem;\r\n font-weight: 700;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .main-title {\r\n color: #ffffff;\r\n font-size: 2.2rem;\r\n font-weight: 700;\r\n line-height: 1.25;\r\n margin-bottom: 15px;\r\n }\r\n\r\n \/* Divider Design *\/\r\n .divider {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .divider::before,\r\n .divider::after {\r\n content: '';\r\n width: 30px;\r\n height: 1px;\r\n background-color: #d4af37;\r\n }\r\n\r\n .divider-icon {\r\n color: #d4af37;\r\n margin: 0 6px;\r\n font-size: 0.75rem;\r\n }\r\n\r\n .description {\r\n color: #b0b0b0;\r\n font-size: 0.9rem;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* Right Features Grid *\/\r\n .features-grid {\r\n flex: 2;\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 25px;\r\n text-align: center;\r\n }\r\n\r\n .feature-item {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .feature-item:hover {\r\n transform: translateY(-5px);\r\n }\r\n\r\n \/* Icon Styling *\/\r\n .icon-box {\r\n font-size: 3rem;\r\n color: #d4af37;\r\n margin-bottom: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .feature-title {\r\n color: #ffffff;\r\n font-size: 1.05rem;\r\n font-weight: 700;\r\n margin-bottom: 8px;\r\n line-height: 1.3;\r\n }\r\n\r\n .feature-desc {\r\n color: #999999;\r\n font-size: 0.82rem;\r\n line-height: 1.4;\r\n }\r\n\r\n \/* Responsive Design *\/\r\n @media (max-width: 1024px) {\r\n .why-choose-us {\r\n flex-direction: column;\r\n text-align: center;\r\n padding: 40px 30px;\r\n }\r\n\r\n .left-content {\r\n max-width: 100%;\r\n }\r\n\r\n .divider {\r\n justify-content: center;\r\n }\r\n\r\n .features-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n width: 100%;\r\n gap: 30px;\r\n }\r\n }\r\n\r\n @media (max-width: 576px) {\r\n .features-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n .main-title {\r\n font-size: 1.8rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"why-choose-us\">\r\n <!-- Left Side: Title & Info -->\r\n <div class=\"left-content\">\r\n <span class=\"subtitle\">WHY CHOOSE US<\/span>\r\n <h2 class=\"main-title\">Committed to Quality<br>Committed to You<\/h2>\r\n \r\n <div class=\"divider\">\r\n <i class=\"fa-solid fa-diamond divider-icon\"><\/i>\r\n <\/div>\r\n\r\n <p class=\"description\">\r\n We use advanced technology and genuine parts to ensure your vehicle gives the best performance on every ride.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Right Side: 4 Features -->\r\n <div class=\"features-grid\">\r\n \r\n <!-- Item 1 -->\r\n <div class=\"feature-item\">\r\n <div class=\"icon-box\">\r\n <i class=\"fa-solid fa-award\"><\/i>\r\n <\/div>\r\n <h3 class=\"feature-title\">Experienced<br>Technicians<\/h3>\r\n <p class=\"feature-desc\">Skilled & certified professionals<\/p>\r\n <\/div>\r\n\r\n <!-- Item 2 -->\r\n <div class=\"feature-item\">\r\n <div class=\"icon-box\">\r\n <i class=\"fa-solid fa-certificate\"><\/i>\r\n <\/div>\r\n <h3 class=\"feature-title\">Quality<br>Assurance<\/h3>\r\n <p class=\"feature-desc\">100% quality check before delivery<\/p>\r\n <\/div>\r\n\r\n <!-- Item 3 -->\r\n <div class=\"feature-item\">\r\n <div class=\"icon-box\">\r\n <i class=\"fa-regular fa-clock\"><\/i>\r\n <\/div>\r\n <h3 class=\"feature-title\">Quick<br>Turnaround<\/h3>\r\n <p class=\"feature-desc\">On-time service you can trust<\/p>\r\n <\/div>\r\n\r\n <!-- Item 4 -->\r\n <div class=\"feature-item\">\r\n <div class=\"icon-box\">\r\n <i class=\"fa-solid fa-users\"><\/i>\r\n <\/div>\r\n <h3 class=\"feature-title\">Customer<br>First<\/h3>\r\n <p class=\"feature-desc\">Your satisfaction is our priority<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-39c263a e-con-full e-flex e-con e-parent\" data-id=\"39c263a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2ac410a elementor-widget elementor-widget-html\" data-id=\"2ac410a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Book Your Appointment Banner<\/title>\r\n <!-- Font Awesome Icons -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.6.0\/css\/all.min.css\">\r\n <!-- Google Fonts -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Poppins', sans-serif;\r\n }\r\n\r\n body {\r\n background-color: #000000;\r\n color: #ffffff;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 100vh;\r\n padding: 30px 20px;\r\n }\r\n\r\n \/* Outer Box Container *\/\r\n .appointment-banner {\r\n position: relative;\r\n width: 100%;\r\n max-width: 1250px;\r\n background-color: #0a0a0a;\r\n border: 1px solid #d4af37;\r\n border-radius: 6px;\r\n padding: 30px 40px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n overflow: hidden;\r\n box-shadow: 0 0 25px rgba(212, 175, 55, 0.08);\r\n }\r\n\r\n \/* Left Side: Auto Rickshaw Image *\/\r\n .vehicle-img-wrapper {\r\n flex: 1;\r\n max-width: 250px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .vehicle-img-wrapper img {\r\n width: 100%;\r\n height: auto;\r\n object-fit: contain;\r\n filter: drop-shadow(0 10px 15px rgba(0,0,0,0.8));\r\n }\r\n\r\n \/* Center Content Column *\/\r\n .center-content {\r\n flex: 2;\r\n text-align: center;\r\n padding: 0 20px;\r\n }\r\n\r\n .subtitle {\r\n color: #d4af37;\r\n font-size: 0.82rem;\r\n font-weight: 700;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .main-title {\r\n color: #ffffff;\r\n font-size: 2.2rem;\r\n font-weight: 800;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n margin-bottom: 10px;\r\n }\r\n\r\n \/* Gold Divider *\/\r\n .divider {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 15px auto;\r\n }\r\n\r\n .divider::before,\r\n .divider::after {\r\n content: '';\r\n width: 40px;\r\n height: 1px;\r\n background-color: #d4af37;\r\n }\r\n\r\n .divider-icon {\r\n color: #d4af37;\r\n margin: 0 8px;\r\n font-size: 0.75rem;\r\n }\r\n\r\n .description {\r\n color: #a0a0a0;\r\n font-size: 0.9rem;\r\n margin-bottom: 22px;\r\n }\r\n\r\n \/* Button Styling *\/\r\n .btn-appointment {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background-color: #e5a92a;\r\n color: #000000;\r\n padding: 12px 28px;\r\n border-radius: 5px;\r\n font-size: 0.85rem;\r\n font-weight: 700;\r\n text-decoration: none;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 15px rgba(229, 169, 42, 0.3);\r\n }\r\n\r\n .btn-appointment:hover {\r\n background-color: #ffffff;\r\n color: #000000;\r\n box-shadow: 0 4px 20px rgba(255, 255, 255, 0.4);\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* Right Side: 24\/7 Gauge Badge *\/\r\n .badge-wrapper {\r\n flex: 1;\r\n max-width: 200px;\r\n display: flex;\r\n justify-content: flex-end;\r\n align-items: center;\r\n }\r\n\r\n .clock-gauge {\r\n width: 150px;\r\n height: 150px;\r\n border-radius: 50%;\r\n border: 3px solid #d4af37;\r\n border-bottom-color: transparent; \/* Gauge look *\/\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n transform: rotate(-30deg); \/* Angled gauge arc *\/\r\n box-shadow: inset 0 0 15px rgba(212, 175, 55, 0.2);\r\n }\r\n\r\n .gauge-inner {\r\n transform: rotate(30deg); \/* Counter rotate text *\/\r\n text-align: center;\r\n }\r\n\r\n .gauge-sub-top {\r\n color: #b0b0b0;\r\n font-size: 0.65rem;\r\n font-weight: 600;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n }\r\n\r\n .gauge-main {\r\n color: #d4af37;\r\n font-size: 2rem;\r\n font-weight: 800;\r\n line-height: 1;\r\n margin: 4px 0;\r\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.4);\r\n }\r\n\r\n .gauge-sub-bottom {\r\n color: #b0b0b0;\r\n font-size: 0.65rem;\r\n font-weight: 600;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n }\r\n\r\n \/* Responsive Styles *\/\r\n @media (max-width: 992px) {\r\n .appointment-banner {\r\n flex-direction: column;\r\n gap: 30px;\r\n text-align: center;\r\n padding: 40px 20px;\r\n }\r\n\r\n .center-content {\r\n order: 2;\r\n padding: 0;\r\n }\r\n\r\n .vehicle-img-wrapper {\r\n order: 1;\r\n max-width: 280px;\r\n }\r\n\r\n .badge-wrapper {\r\n order: 3;\r\n justify-content: center;\r\n }\r\n\r\n .main-title {\r\n font-size: 1.8rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"appointment-banner\">\r\n\r\n <!-- Left Image -->\r\n <div class=\"vehicle-img-wrapper\">\r\n <!-- Transparent PNG image of Auto Rickshaw -->\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/6y4G1mP\/auto-rickshaw.png\" alt=\"Three-Wheeler Vehicle\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1558981403-c5f9899a28bc?q=80&w=300&auto=format&fit=crop'\" title=\"Service\">\r\n <\/div>\r\n\r\n <!-- Center Content -->\r\n <div class=\"center-content\">\r\n <span class=\"subtitle\">READY TO EXPERIENCE THE BEST SERVICE?<\/span>\r\n <h2 class=\"main-title\">BOOK YOUR APPOINTMENT<\/h2>\r\n \r\n <div class=\"divider\">\r\n <i class=\"fa-solid fa-diamond divider-icon\"><\/i>\r\n <\/div>\r\n\r\n <p class=\"description\">Our team is ready to serve you with the best solutions.<\/p>\r\n\r\n <a href=\"#\" class=\"btn-appointment\">\r\n BOOK APPOINTMENT <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n <!-- Right 24\/7 Gauge -->\r\n <div class=\"badge-wrapper\">\r\n <div class=\"clock-gauge\">\r\n <div class=\"gauge-inner\">\r\n <span class=\"gauge-sub-top\">WE ARE OPEN<\/span>\r\n <div class=\"gauge-main\">24\/7<\/div>\r\n <span class=\"gauge-sub-bottom\">FOR YOU<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\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>Services Banner – Transparent Background WHAT WE OFFER OUR SERVICES Complete solutions for your three-wheeler needs. Quality service, genuine parts […]<\/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":"disabled","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-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/maheshautoagency.com\/index.php\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maheshautoagency.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maheshautoagency.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maheshautoagency.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/maheshautoagency.com\/index.php\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":7,"href":"https:\/\/maheshautoagency.com\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":60,"href":"https:\/\/maheshautoagency.com\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions\/60"}],"wp:attachment":[{"href":"https:\/\/maheshautoagency.com\/index.php\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}