File "booking-20260907141015.html"
Full Path: /home/chawlag2/public_html/cars/admin/vendor/chart.js/booking-20260907141015.html
File size: 40 KB
MIME-type: text/html
Charset: utf-8
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Booking Form</title>
<link href="https://fonts.googleapis.com/css?family=PT+Sans:400" rel="stylesheet">
<link type="text/css" rel="stylesheet" href="css/booking.css" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<!-- NOTE: this was in your file as a stylesheet link; leaving as-is -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="alternate" hreflang="x-default" href="https://www.dongfeng-nammi-box.ch/">
<link rel="alternate" hreflang="de" href="https://www.dongfeng-nammi-box.ch/">
<link rel="alternate" hreflang="en" href="https://www.dongfeng-nammi-box.ch/en">
<meta content="Stylish, practical, and innovative – CGM-Box is your perfect companion for everyday journeys with a range of 430 km" name="description">
<meta content="CGM-Box – the new rising star in affordable electric mobility in Pakistan" property="og:title">
<meta content="Stylish, practical, and innovative – CGM-Box is your perfect companion for everyday journeys with a range of 430 km for only CHF 21,990.–, available in Switzerland from autumn 2024." property="og:description">
<meta content="images/668681a7e07badadddadde51_Sharing_Image.webp" property="og:image">
<meta content="CGM-Box – the new rising star in affordable electric mobility in Switzerland" property="twitter:title">
<meta content="Stylish, practical, and innovative – CGM-Box is your perfect companion for everyday journeys with a range of 430 km" property="twitter:description">
<meta content="https://cdn.prod.website-files.com/6673de3350ec9a81ecfa64a2/668681a7e07badadddadde51_Sharing_Image.webp" property="twitter:image">
<meta property="og:type" content="website">
<meta content="summary_large_image" name="twitter:card">
<meta content="width=device-width, initial-scale=1" name="viewport">
<link href="css/dongfeng-nammi-box.webflow.7ffe7ed09.min.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);
</script>
<link href="images/6675a83c20d748b3dea3be18_Favicon.png" rel="shortcut icon" type="image/x-icon">
<link href="images/6675a84021eb67bac0af9632_Webclip.png" rel="apple-touch-icon">
<script id="Cookiebot" src="js/uc.js" data-cbid="d7888c28-abe6-4050-b8bb-a20ac72085b2" data-blockingmode="auto" type="text/javascript"></script>
<!-- Google tag (gtag.js) -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-BX12GEE1BJ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-BX12GEE1BJ');
function bookNow() {
alert("COMING SOON!");
}
</script>
<link href="css/floating.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="../bikes/assets/vendor/animate.css/animate.min.css" rel="stylesheet">
<link href="../bikes/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="../bikes/assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="../bikes/assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="../bikes/assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="../bikes/assets/vendor/remixicon/remixicon.css" rel="stylesheet">
<link href="../bikes/assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<link href="../bikes/assets/css/style.css" rel="stylesheet">
<style>
#footer p a{ color:#2e4155 !important; }
#footer .footer-top .footer-links ul a,i{ color:#2e4155 !important; }
/* WRAPPER FOR MAIN MENU */
.header-main-menu {
display:flex;
align-items:center;
gap:24px;
margin-right:24px;
position:relative;
z-index:1000;
}
/* TOP-LEVEL LINKS */
.header-link-007 {
font-size:13px;
letter-spacing:0.16em;
text-transform:uppercase;
color:#ffffff;
text-decoration:none;
padding:6px 4px;
display:inline-block;
}
.header-link-007:hover { color:#38bdf8; }
/* PARENT ITEM */
.menu-item-007 { position:relative; }
/* DROPDOWN PANEL */
.menu-dropdown-007{
position:absolute;
top:30px;
left:0;
min-width:190px;
background:rgba(15,23,42,0.98);
border-radius:12px;
padding:8px 0;
box-shadow:0 18px 40px rgba(0,0,0,0.75);
opacity:0;
visibility:hidden;
transform:translateY(8px);
transition:all 0.20s ease;
z-index:2000;
pointer-events:none;
}
.menu-item-007:hover .menu-dropdown-007{
opacity:1;
visibility:visible;
transform:translateY(0);
pointer-events:auto;
}
.dropdown-link-007{
display:block;
padding:10px 16px;
font-size:12px;
letter-spacing:0.14em;
text-transform:uppercase;
color:#e5e7eb;
text-decoration:none;
white-space:nowrap;
transition:background 0.18s ease, color 0.18s ease;
}
.dropdown-link-007:hover{
background:rgba(55,65,81,0.85);
color:#ffffff;
}
.badge-coming-soon{
display:inline-flex;
align-items:center;
padding:2px 8px;
border-radius:999px;
background:rgba(248,250,252,0.08);
border:1px solid rgba(248,250,252,0.35);
font-size:9px;
margin-left:6px;
text-transform:uppercase;
letter-spacing:0.12em;
color:#fbbf24;
}
.btn-header-link{ width:100%; text-align:left; }
.custom-control-inline{ width:auto; }
@media screen and (max-width:479px){
.color-name-wrap{ bottom:90px; left:40%; }
}
.logo-wrap{ width:auto !important; }
.nav-link{ align-self:center; top:25% !important; }
@media (max-width:991px){
.header-main-menu{ display:none; }
}
/* FOOTER (LIGHT + GRAY) */
#footer{
background:#ffffff !important;
border-top:1px solid var(--border);
color:#334155 !important;
}
#footer .footer-top{
background:linear-gradient(180deg,#ffffff,#f3f5f8) !important;
padding-top:45px;
}
#footer h3,
#footer h4,
#footer .footer-info p,
#footer .footer-links ul li a{ color:#334155 !important; }
#footer .footer-links ul li a:hover{ color:var(--brand) !important; }
#footer .social-links a{
background:rgba(11,94,215,0.08) !important;
color:var(--brand) !important;
border:1px solid rgba(11,94,215,0.18);
}
#footer .social-links a:hover{
background:rgba(11,94,215,0.14) !important;
color:var(--brand-2) !important;
}
#footer .copyright{ color:#64748b !important; }
#footer .social-links a{
background:rgba(11,94,215,0.08) !important;
color:#0b5ed7 !important;
border:1px solid rgba(11,94,215,0.18);
}
/* HEADER LAYOUT */
.logo{
position:inherit !important;
margin-top:20px !important;
width:180px;
height:auto;
}
.header--dual-logos{
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
background:#000000;
height:135px;
}
.header--dual-logos .logo-wrap{ width:auto !important; }
.header-left-logo,
.header-right-logo{
display:flex;
align-items:center;
flex:0 0 auto;
}
.header-center-nav{
flex:1 1 auto;
display:flex;
align-items:center;
justify-content:center;
gap:28px;
}
.header-center-nav .header-main-menu{ margin-right:0 !important; }
.header-center-nav .nav-buttons-wrap{ display:flex; gap:12px; }
.header-center-nav .button-secondary.reverse-no-hover,
.header-center-nav .button-primary.reverse-no-hover{ white-space:nowrap; }
.mobile-menu-header{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:80px 16px 10px;
border-bottom:1px solid rgba(148,163,184,0.25);
margin-bottom:6px;
}
.mobile-menu-header .mobile-logo{ display:flex; align-items:center; }
.mobile-menu-header img{ height:38px; width:auto; display:block; }
.nav-mobile-menu .nav-link{
padding:14px 18px;
width:100%;
text-align:left;
top:auto !important;
align-self:auto !important;
}
.nav-mobile-menu{
max-height:100vh;
overflow-y:auto;
-webkit-overflow-scrolling:touch;
padding-bottom:28px;
}
.nav-submenu{
margin-top:4px;
margin-bottom:10px;
padding-left:16px;
border-left:2px solid rgba(148,163,184,0.35);
}
.nav-sub-link{
padding-top:10px !important;
padding-bottom:10px !important;
opacity:0.92;
font-size:13px;
letter-spacing:0.12em;
}
@media screen and (max-width:1199px){
.header-center-nav .nav-buttons-wrap{ display:none; }
}
@media screen and (max-width:991px){
.logo{ display:flex; }
.header-main-menu{ display:flex; }
}
@media (max-width:767px){
.header-main-menu{ display:none; }
.header--dual-logos .logo-wrap{ display:none; }
}
/* FIXED: your CSS was broken here */
.burger-element{
background-color:#ffffff;
}
</style>
</head>
<body>
<header class="header header--dual-logos">
<!-- LEFT: Chawla Logo -->
<a href="../index.html" class="logo-wrap w-inline-block header-left-logo">
<img loading="lazy" alt="Chawla Group" src="images/logo2.png" class="logo light">
</a>
<!-- CENTER -->
<div class="navigation header-center-nav">
<!-- main menu (desktop) -->
<div class="header-main-menu">
<div class="menu-item-007">
<a href="../cars.html" class="header-link-007">Models</a>
<div class="menu-dropdown-007">
<a href="box.html" class="dropdown-link-007">Box</a>
<a href="007.html" class="dropdown-link-007">007</a>
<a href="vigo.html" class="dropdown-link-007">
Vigo <span class="badge-coming-soon">Coming Soon</span>
</a>
</div>
</div>
<a href="about.html" class="header-link-007">About Us</a>
<a href="contact.html" class="header-link-007">Contact Us</a>
</div>
<nav class="nav-buttons-wrap">
<a href="booking.html" class="button-primary reverse-no-hover w-button">Book now</a>
<a href="dealers-network.html" class="button-secondary reverse-no-hover w-button">Locations</a>
</nav>
<!-- burger -->
<div class="burger">
<div class="burger-element"></div>
<div class="burger-element"></div>
<div class="burger-element"></div>
</div>
</div>
<!-- RIGHT: Dongfeng Logo -->
<a href="../index.html" class="logo-wrap w-inline-block header-right-logo">
<img loading="lazy" alt="Dongfeng"
src="images/6675a6a246c2cbec25eb9aa5_dongfeng_logo_white.svg"
class="logo light">
</a>
</header>
<section class="nav-mobile-wrap">
<nav class="nav-mobile-menu">
<div class="close-menu">
<img loading="lazy" src="images/667d85fe1c9bb91e2148b21c_X.svg" alt="" class="close-menu-icon">
</div>
<div class="mobile-menu-header">
<a href="../index.html" class="mobile-logo">
<img loading="lazy" src="images/logo2.png" alt="Chawla" style="height: 80px;">
</a>
<a href="../index.html" class="mobile-logo">
<img loading="lazy" src="images/dongfeng-logo-black.png" alt="Dongfeng">
</a>
</div>
<a href="../cars.html" class="nav-link hover-el">Models</a>
<div class="nav-submenu">
<a href="box.html" class="nav-link nav-sub-link hover-el">• Box</a>
<a href="007.html" class="nav-link nav-sub-link hover-el">• 007</a>
<a href="vigo.html" class="nav-link nav-sub-link hover-el">• Vigo (Coming Soon)</a>
</div>
<a href="about.html" class="nav-link hover-el">About Us</a>
<a href="contact.html" class="nav-link hover-el">Contact Us</a>
<a href="booking.html" class="nav-link hover-vf">Book now</a>
<a href="dealers-network.html" class="nav-link hover-el">Locations</a>
</nav>
</section>
<div class="container-fluid px-1 px-md-5 px-lg-1 px-xl-5 py-5 mx-auto ">
<div class="card card0 border-0" style="background-image: linear-gradient(283deg,var(--ocean-eyes)25%,var(--white)75%,#f9faf5 104%);">
<div class="row d-flex">
<div class="col-lg-6">
<div class="card1 pb-5">
<div class="row">
<!-- <img src="images/logo2.png" class="logo"> -->
</div>
<br/>
<!-- ===================== BOX (LUX) SPECS (LEFT) - START ===================== -->
<div class="row" id="rowLUX" style="display: block">
<div class="col-md-12">
<div id="main">
<div class="container">
<div class="accordion" id="faq">
<div class="card">
<div class="card-header" id="faqhead1">
<a href="#" id="dimCard1" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq1"
aria-expanded="true" aria-controls="faq1"><b>DIMENSIONS</b></a>
</div>
<div id="faq1" class="collapse" aria-labelledby="faqhead1" data-parent="#faq">
<table class="" border="1" style="margin-left: 3%">
<tr>
<td colspan="6">
<img id="carImg" src="images/lux430.jpg" class="image" style="height: 390px; width: 100%;">
</td>
</tr>
<tr style="background-color: #f9f9f9;">
<td style="padding: 5px"><b>Length (mm)</b></td>
<td style="padding: 5px">4030</td>
<td style="padding: 5px"><b>Width (mm)</b></td>
<td style="padding: 5px">1810</td>
</tr>
<tr style="background-color: #f9f9f9;">
<td style="padding: 5px"><b>Height (mm)</b></td>
<td style="padding: 5px">1570</td>
<td style="padding: 5px"><b>Wheelbase (mm)</b></td>
<td style="padding: 5px">2660</td>
</tr>
<tr style="background-color: #f9f9f9;">
<td style="padding: 5px"><b>Body Structure</b></td>
<td colspan="3" style="padding: 5px">5 Door - 5 Seats (HB)</td>
</tr>
</table>
</div>
</div>
<div class="card">
<div class="card-header" id="faqhead2">
<a href="#" id="elecCard1" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq2"
aria-expanded="true" aria-controls="faq2"><b>ELECTRICAL INFORMATION</b></a>
</div>
<div id="faq2" class="collapse" aria-labelledby="faqhead2" data-parent="#faq">
<table class="" border="1" style="margin-left: 3%">
<tr style="background-color: #f9f9f9;">
<td style="padding: 5px"><b>AC Charger Power 6.6 KW</b></td>
<td style="padding: 5px">S</td>
<td style="padding: 5px"><b>DC Charging Time</b></td>
<td style="padding: 5px">30 Minutes</td>
</tr>
<tr style="background-color: #f9f9f9;">
<td style="padding: 5px"><b>Fast Charging Percentage</b></td>
<td style="padding: 5px">80%</td>
<td style="padding: 5px"><b>AC Charger Type 2 Euro</b></td>
<td style="padding: 5px">S</td>
</tr>
<tr style="background-color: #f9f9f9;">
<td style="padding: 5px"><b>DC Combo (CCS)</b></td>
<td style="padding: 5px">S</td>
<td style="padding: 5px"><b>Battery Type LFP</b></td>
<td style="padding: 5px">LFP (Lithium Iron Phosphate)</td>
</tr>
<tr style="background-color: #f9f9f9;">
<td style="padding: 5px"><b>Battery Capacity</b></td>
<td style="padding: 5px">42.3 KWH</td>
<td style="padding: 5px"><b>Battery Pre-Heating</b></td>
<td style="padding: 5px">S</td>
</tr>
<tr style="background-color: #f9f9f9;">
<td style="padding: 5px"><b>Battery Cooling Scheme</b></td>
<td style="padding: 5px">S</td>
<td style="padding: 5px"><b>Vehicle Warranty</b></td>
<td style="padding: 5px">4 Years or 150,000 KM</td>
</tr>
<tr style="background-color: #f9f9f9;">
<td style="padding: 5px"><b>Battery Warranty</b></td>
<td colspan="3" style="padding: 5px">8 Years or 200,000 KM</td>
</tr>
</table>
</div>
</div>
<div class="card">
<div class="card-header" id="faqhead3">
<a href="#" id="perCard1" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq3"
aria-expanded="true" aria-controls="faq3"><b>PERFORMANCE</b></a>
</div>
<div id="faq3" class="collapse" aria-labelledby="faqhead3" data-parent="#faq">
<table class="" border="1" style="margin-left: 3%">
<tr style="background-color: #f9f9f9;">
<td style="padding: 5px"><b>Max Speed</b></td>
<td style="padding: 5px">140 KM/H</td>
<td style="padding: 5px"><b>CLTC Comprehensive Range</b></td>
<td style="padding: 5px">430 KM</td>
</tr>
<tr style="background-color: #f9f9f9;">
<td style="padding: 5px"><b>Motor Power</b></td>
<td style="padding: 5px">70KW</td>
<td style="padding: 5px"><b>Motor Type</b></td>
<td style="padding: 5px">Permanent Magnet Synchronous Motor</td>
</tr>
<tr style="background-color: #f9f9f9;">
<td style="padding: 5px"><b>Motor Layout</b></td>
<td style="padding: 5px">Front</td>
<td style="padding: 5px"><b>Number of Motors</b></td>
<td style="padding: 5px">1</td>
</tr>
</table>
</div>
</div>
<div class="card">
<div class="card-header" id="faqhead_4">
<a href="#" id="priceCard1" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq_4"
aria-expanded="true" aria-controls="faq_4"><b>PRICING</b></a>
</div>
<div id="faq_4" class="collapse" aria-labelledby="faqhead_4" data-parent="#faq">
<table class="" border="1" style="margin-left: 3%">
<tr style="background-color: #f9f9f9;">
<td style="padding: 5px"><b>Price</b></td>
<td style="padding: 5px" colspan="3">PKR 6,400,000 /-</td>
</tr>
<tr style="background-color: #f9f9f9;">
<td style="padding: 5px" colspan="4">* PKR 15,00,000 as advance for booking.</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ===================== BOX (LUX) SPECS (LEFT) - END ===================== -->
<!-- ===================== BOX (FLAGSHIP) SPECS (LEFT) - START ===================== -->
<div class="row" id="rowFlagship" style="display: none">
<div class="col-md-12">
<div id="main">
<div class="container">
<div class="accordion" id="faq">
<div class="card">
<div class="card-header" id="faqhead4">
<a href="#" id="dimCard2" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq4"
aria-expanded="true" aria-controls="faq4"><b>DIMENSIONS</b></a>
</div>
<div id="faq4" class="collapse" aria-labelledby="faqhead4" data-parent="#faq">
<table class="" border="1" style="margin-left: 3%; margin-right: 2%;">
<tr>
<td colspan="6" style="padding: 5px">
<img id="carImg" src="images/flagship430.jpg" class="image" style="height: 390px; width: 100%;">
</td>
</tr>
<tr style="background-color: #f9f9f9;">
<td style="padding: 5px;"><b>Length (mm)</b></td>
<td style="padding: 5px;">4030</td>
<td style="padding: 5px;"><b>Width (mm)</b></td>
<td style="padding: 5px;">1810</td>
</tr>
<tr style="background-color: #f9f9f9;">
<td style="padding: 5px;"><b>Height (mm)</b></td>
<td style="padding: 5px;">1570</td>
<td style="padding: 5px;"><b>Wheelbase (mm)</b></td>
<td style="padding: 5px;">2660</td>
</tr>
<tr style="background-color: #f9f9f9;">
<td style="padding: 5px;"><b>Body Structure</b></td>
<td colspan="3" style="padding: 5px;">5 Door - 5 Seats (HB)</td>
</tr>
</table>
</div>
</div>
<div class="card">
<div class="card-header" id="faqhead5">
<a href="#" id="elecCard2" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq5"
aria-expanded="true" aria-controls="faq5"><b>ELECTRICAL INFORMATION</b></a>
</div>
<div id="faq5" class="collapse" aria-labelledby="faqhead5" data-parent="#faq">
<table class="" border="1" style="margin-left: 3%;">
<tr style="background-color: #f9f9f9;">
<td style="padding: 5px;"><b>AC Charger Power 6.6 KW</b></td>
<td style="padding: 5px;">S</td>
<td style="padding: 5px;"><b>DC Charging Time</b></td>
<td style="padding: 5px;">30 Minutes</td>
</tr>
<tr style="background-color: #f9f9f9;">
<td style="padding: 5px;"><b>Fast Charging Percentage</b></td>
<td style="padding: 5px;">80%</td>
<td style="padding: 5px;"><b>AC Charger Type 2 Euro</b></td>
<td style="padding: 5px;">S</td>
</tr>
<tr style="background-color: #f9f9f9;">
<td style="padding: 5px;"><b>DC Combo (CCS)</b></td>
<td style="padding: 5px;">S</td>
<td style="padding: 5px;"><b>Battery Type LFP</b></td>
<td style="padding: 5px;">LFP (Lithium Iron Phosphate)</td>
</tr>
<tr style="background-color: #f9f9f9;">
<td style="padding: 5px;"><b>Battery Capacity</b></td>
<td style="padding: 5px;">42.3 KWH</td>
<td style="padding: 5px;"><b>Battery Pre-Heating</b></td>
<td style="padding: 5px;">S</td>
</tr>
<tr style="background-color: #f9f9f9;">
<td style="padding: 5px;"><b>Battery Cooling Scheme</b></td>
<td style="padding: 5px;">S</td>
<td style="padding: 5px;"><b>Vehicle Warranty</b></td>
<td style="padding: 5px;">4 Years or 150,000 KM</td>
</tr>
<tr style="background-color: #f9f9f9;">
<td style="padding: 5px;"><b>Battery Warranty</b></td>
<td colspan="3" style="padding: 5px;">8 Years or 200,000 KM</td>
</tr>
</table>
</div>
</div>
<div class="card">
<div class="card-header" id="faqhead6">
<a href="#" id="perCard2" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq6"
aria-expanded="true" aria-controls="faq6"><b>PERFORMANCE</b></a>
</div>
<div id="faq6" class="collapse" aria-labelledby="faqhead6" data-parent="#faq">
<table class="" border="1" style="margin-left: 3%">
<tr style="background-color: #f9f9f9;">
<td style="padding: 5px;"><b>Max Speed</b></td>
<td style="padding: 5px;">140 KM/H</td>
<td style="padding: 5px;"><b>CLTC Comprehensive Range</b></td>
<td style="padding: 5px;">430 KM</td>
</tr>
<tr style="background-color: #f9f9f9;">
<td style="padding: 5px;"><b>Motor Power</b></td>
<td style="padding: 5px;">70KW</td>
<td style="padding: 5px;"><b>Motor Type</b></td>
<td style="padding: 5px;">Permanent Magnet Synchronous Motor</td>
</tr>
<tr style="background-color: #f9f9f9;">
<td style="padding: 5px;"><b>Motor Layout</b></td>
<td style="padding: 5px;">Front</td>
<td style="padding: 5px;"><b>Number of Motors</b></td>
<td style="padding: 5px;">1</td>
</tr>
</table>
</div>
</div>
<div class="card">
<div class="card-header" id="faqhead_6">
<a href="#" id="priceCard2" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq_6"
aria-expanded="true" aria-controls="faq_6"><b>PRICING</b></a>
</div>
<div id="faq_6" class="collapse" aria-labelledby="faqhead_6" data-parent="#faq">
<table class="" border="1" style="margin-left: 3%">
<tr style="background-color: #f9f9f9;">
<td style="padding: 5px"><b>Price</b></td>
<td style="padding: 5px" colspan="3">PKR 6,800,000 /-</td>
</tr>
<tr style="background-color: #f9f9f9;">
<td style="padding: 5px" colspan="4">* PKR 15,00,000 as advance for booking.</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ===================== BOX (FLAGSHIP) SPECS (LEFT) - END ===================== -->
<!-- ===================== 007 SPECS (LEFT) - START ===================== -->
<div class="row" id="row007" style="display: none">
<div class="col-md-12">
<div id="main">
<div class="container">
<div class="accordion" id="faq007">
<div class="card">
<div class="card-header" id="faq007head1">
<a href="#" id="dimCard007" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq007_1"
aria-expanded="true" aria-controls="faq007_1"><b>DIMENSIONS</b></a>
</div>
<div id="faq007_1" class="collapse" aria-labelledby="faq007head1" data-parent="#faq007">
<table border="1" style="margin-left: 3%; width: 94%;">
<tr style="background-color:#f9f9f9;">
<td style="padding:5px;"><b>Length (mm)</b></td><td style="padding:5px;">4880</td>
<td style="padding:5px;"><b>Width (mm)</b></td><td style="padding:5px;">1895</td>
</tr>
<tr style="background-color:#f9f9f9;">
<td style="padding:5px;"><b>Height (mm)</b></td><td style="padding:5px;">1460</td>
<td style="padding:5px;"><b>Wheelbase (mm)</b></td><td style="padding:5px;">2915</td>
</tr>
<tr style="background-color:#f9f9f9;">
<td style="padding:5px;"><b>Doors</b></td><td style="padding:5px;">5</td>
<td style="padding:5px;"><b>Seats</b></td><td style="padding:5px;">5</td>
</tr>
</table>
</div>
</div>
<div class="card">
<div class="card-header" id="faq007head2">
<a href="#" id="elecCard007" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq007_2"
aria-expanded="true" aria-controls="faq007_2"><b>ELECTRICAL INFORMATION</b></a>
</div>
<div id="faq007_2" class="collapse" aria-labelledby="faq007head2" data-parent="#faq007">
<table border="1" style="margin-left: 3%; width: 94%;">
<tr style="background-color:#f9f9f9;">
<td style="padding:5px;"><b>Battery Capacity (kWh)</b></td>
<td style="padding:5px;">Essence: 58.4</td>
<td style="padding:5px;">Prestige: 73.5</td>
<td style="padding:5px;">Excellence: 73.5</td>
</tr>
<tr style="background-color:#f9f9f9;">
<td style="padding:5px;"><b>Driving Range (km) - CLTC</b></td>
<td style="padding:5px;">Essence: 550</td>
<td style="padding:5px;">Prestige: 650</td>
<td style="padding:5px;">Excellence: 565</td>
</tr>
<tr style="background-color:#f9f9f9;">
<td style="padding:5px;"><b>V2L (220V AC Power Output)</b></td>
<td style="padding:5px;">Essence: -</td>
<td style="padding:5px;">Prestige: ✓</td>
<td style="padding:5px;">Excellence: ✓</td>
</tr>
<tr style="background-color:#f9f9f9;">
<td style="padding:5px;"><b>Fast & Standard AC/DC Dual Charging</b></td>
<td style="padding:5px;">Essence: -</td>
<td style="padding:5px;">Prestige: ✓</td>
<td style="padding:5px;">Excellence: ✓</td>
</tr>
<tr style="background-color:#f9f9f9;">
<td style="padding:5px;"><b>Warranty (Battery & Motor)</b></td>
<td style="padding:5px;" colspan="3">8 Years / 200,000 KM</td>
</tr>
<tr style="background-color:#f9f9f9;">
<td style="padding:5px;"><b>Warranty (Vehicle)</b></td>
<td style="padding:5px;" colspan="3">5 Years / 150,000 KM</td>
</tr>
</table>
</div>
</div>
<div class="card">
<div class="card-header" id="faq007head3">
<a href="#" id="perCard007" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq007_3"
aria-expanded="true" aria-controls="faq007_3"><b>PERFORMANCE</b></a>
</div>
<div id="faq007_3" class="collapse" aria-labelledby="faq007head3" data-parent="#faq007">
<table border="1" style="margin-left: 3%; width: 94%;">
<tr style="background-color:#f9f9f9;">
<td style="padding:5px;"><b>Drive Type</b></td>
<td style="padding:5px;">Essence: RWD</td>
<td style="padding:5px;">Prestige: RWD</td>
<td style="padding:5px;">Excellence: AWD</td>
</tr>
<tr style="background-color:#f9f9f9;">
<td style="padding:5px;"><b>Max Power (kW)</b></td>
<td style="padding:5px;">160</td>
<td style="padding:5px;">200</td>
<td style="padding:5px;">200+200</td>
</tr>
<tr style="background-color:#f9f9f9;">
<td style="padding:5px;"><b>Max Torque (N·m)</b></td>
<td style="padding:5px;">310</td>
<td style="padding:5px;">320</td>
<td style="padding:5px;">320+320</td>
</tr>
<tr style="background-color:#f9f9f9;">
<td style="padding:5px;"><b>0–100 km/h</b></td>
<td style="padding:5px;"><6s</td>
<td style="padding:5px;"><6s</td>
<td style="padding:5px;"><3.5s</td>
</tr>
</table>
</div>
</div>
<div class="card">
<div class="card-header" id="faq007head4">
<a href="#" id="priceCard007" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq007_4"
aria-expanded="true" aria-controls="faq007_4"><b>PRICING</b></a>
</div>
<div id="faq007_4" class="collapse" aria-labelledby="faq007head4" data-parent="#faq007">
<table border="1" style="margin-left: 3%; width: 94%;">
<tr style="background-color:#f9f9f9;">
<td style="padding:5px;"><b>Variant</b></td>
<td style="padding:5px;"><b>Ex-Lahore Price (PKR)</b></td>
<td style="padding:5px;"><b>Booking Amount (PKR)</b></td>
</tr>
<tr style="background-color:#f9f9f9;">
<td style="padding:5px;">ESSENCE</td>
<td style="padding:5px;">11,900,000</td>
<td style="padding:5px;">2,400,000</td>
</tr>
<tr style="background-color:#f9f9f9;">
<td style="padding:5px;">PRESTIGE</td>
<td style="padding:5px;">12,450,000</td>
<td style="padding:5px;">2,500,000</td>
</tr>
<tr style="background-color:#f9f9f9;">
<td style="padding:5px;">EXCELLENCE</td>
<td style="padding:5px;">13,900,000</td>
<td style="padding:5px;">2,800,000</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ===================== 007 SPECS (LEFT) - END ===================== -->
<!-- ===================== VIGO SPECS (LEFT) - START ===================== -->
<div class="row" id="rowVigo" style="display:none">
<div class="col-md-12">
<div id="main">
<div class="container">
<div class="accordion" id="faqVigo">
<div class="card">
<div class="card-header" id="faqVigoHead1">
<a href="#" id="dimCardVigo" class="btn btn-header-link collapsed"
data-toggle="collapse" data-target="#faqVigo_1"
aria-expanded="true" aria-controls="faqVigo_1"><b>DIMENSIONS</b></a>
</div>
<div id="faqVigo_1" class="collapse" aria-labelledby="faqVigoHead1" data-parent="#faqVigo">
<table border="1" style="margin-left: 3%; width:94%;">
<tr style="background-color:#f9f9f9;">
<td style="padding:5px;"><b>Vehicle Type</b></td><td style="padding:5px;">SUV</td>
<td style="padding:5px;"><b>Doo