{"id":1036,"date":"2024-02-10T13:43:00","date_gmt":"2024-02-10T13:43:00","guid":{"rendered":"https:\/\/startersites.io\/elementor\/smile-dent\/?page_id=1036"},"modified":"2026-05-04T08:29:36","modified_gmt":"2026-05-04T08:29:36","slug":"vehicle","status":"publish","type":"page","link":"https:\/\/mitaxi.co.uk\/index.php\/vehicle\/","title":{"rendered":"Vehicle"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1036\" class=\"elementor elementor-1036\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ed7e38 e-flex e-con-boxed e-con e-parent\" data-id=\"4ed7e38\" 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-d289556 elementor-widget elementor-widget-html\" data-id=\"d289556\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"travel-tech-section\">\r\n  <div class=\"travel-tech-wrap\">\r\n\r\n    <div class=\"travel-tech-top\">\r\n      <span class=\"travel-tech-badge\">Vehicle System<\/span>\r\n\r\n      <h2 class=\"travel-tech-title\">\r\n        A vehicle system designed for professional drivers in London\r\n      <\/h2>\r\n\r\n      <p class=\"travel-tech-text\">\r\n        Built to support long shifts, consistent availability, and practical daily operation, the LEVC TX combines electric capability with extended range, giving drivers reliability without interruptions.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"travel-tech-diagram\">\r\n\r\n      <div class=\"travel-tech-flow\">\r\n        <span class=\"flow-dot flow-dot-1\"><\/span>\r\n        <span class=\"flow-dot flow-dot-2\"><\/span>\r\n      <\/div>\r\n\r\n      <div class=\"travel-tech-label travel-tech-label-top\">LEVC TX<\/div>\r\n      <div class=\"travel-tech-label travel-tech-label-bottom\">Driver Focused<\/div>\r\n\r\n      <!-- LEFT CARD -->\r\n      <div class=\"travel-tech-card travel-tech-card-left\">\r\n        <span class=\"card-border card-border-top\"><\/span>\r\n        <span class=\"card-border card-border-right\"><\/span>\r\n        <span class=\"card-border card-border-bottom\"><\/span>\r\n        <span class=\"card-border card-border-left\"><\/span>\r\n\r\n        <div class=\"travel-tech-card-logo\">\r\n          <strong>Daily<\/strong><span> Operation<\/span>\r\n        <\/div>\r\n        <div class=\"travel-tech-card-divider\"><\/div>\r\n        <div class=\"travel-tech-card-text\">Designed for Consitent, Uninterrupted driving<\/div>\r\n      <\/div>\r\n\r\n      <!-- CENTER -->\r\n      <div class=\"travel-tech-center\">\r\n        <span class=\"travel-tech-center-wave wave-1\"><\/span>\r\n        <span class=\"travel-tech-center-wave wave-2\"><\/span>\r\n\r\n        <div class=\"travel-tech-center-icon\">\r\n          <span class=\"travel-tech-center-yellow\"><\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- RIGHT CARD -->\r\n      <div class=\"travel-tech-card travel-tech-card-right\">\r\n        <span class=\"card-border card-border-top\"><\/span>\r\n        <span class=\"card-border card-border-right\"><\/span>\r\n        <span class=\"card-border card-border-bottom\"><\/span>\r\n        <span class=\"card-border card-border-left\"><\/span>\r\n\r\n        <div class=\"travel-tech-card-logo\">\r\n          <strong>Extended<\/strong><span> Range<\/span>\r\n        <\/div>\r\n        <div class=\"travel-tech-card-divider\"><\/div>\r\n        <div class=\"travel-tech-card-text\">Electric driving supported by extended range capability<\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n* { box-sizing: border-box; }\r\n\r\n.travel-tech-section,\r\n.travel-tech-section * {\r\n  font-family: 'Poppins', sans-serif !important;\r\n}\r\n\r\n.travel-tech-section {\r\n  width: 100vw;\r\n  position: relative;\r\n  left: 50%;\r\n  margin-left: -50vw;\r\n  background: #f5f5f3;\r\n  padding: 60px 0 90px;\r\n}\r\n\r\n.travel-tech-wrap {\r\n  width: 100%;\r\n  max-width: 1680px;\r\n  margin: 0 auto;\r\n  padding: 0 40px;\r\n}\r\n\r\n\/* TOP TEXT - updated only *\/\r\n.travel-tech-top {\r\n  text-align: center;\r\n  max-width: 1320px;\r\n  margin: 0 auto 58px;\r\n}\r\n\r\n.travel-tech-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: #F2B705;\r\n  color: #1C1F24;\r\n  padding: 12px 24px;\r\n  border-radius: 999px;\r\n  font-size: 1px;\r\n  font-weight: 400;\r\n  line-height: 1;\r\n  margin-bottom: 26px;\r\n}\r\n\r\n.travel-tech-title {\r\n  max-width: 1380px;\r\n  margin: 0 auto 26px;\r\n  font-size: 84px;\r\n  line-height: 1.06;\r\n  letter-spacing: -3px;\r\n  font-weight: 400;\r\n  color: #1C1F24;\r\n}\r\n\r\n.travel-tech-text {\r\n  max-width: 980px;\r\n  margin: 0 auto;\r\n  font-size: 18px;\r\n  line-height: 1.9;\r\n  color: #1C1F24;\r\n  font-weight: 00;\r\n}\r\n\r\n\/* DIAGRAM *\/\r\n.travel-tech-diagram {\r\n  position: relative;\r\n  max-width: 1100px;\r\n  height: 600px;\r\n  margin: auto;\r\n}\r\n\r\n\/* dashed loop - static shape *\/\r\n.travel-tech-flow {\r\n  position: absolute;\r\n  left: 50%;\r\n  top: 100px;\r\n  transform: translateX(-50%);\r\n  width: 600px;\r\n  height: 350px;\r\n  border: 2px dashed rgba(0,0,0,0.18);\r\n  border-radius: 60px;\r\n}\r\n\r\n\/* moving dots only *\/\r\n.flow-dot {\r\n  position: absolute;\r\n  width: 8px;\r\n  height: 8px;\r\n  background: #F2B705;\r\n  border-radius: 50%;\r\n  z-index: 2;\r\n}\r\n\r\n.flow-dot-1 {\r\n  animation: moveDotPath 7s linear infinite;\r\n}\r\n\r\n.flow-dot-2 {\r\n  animation: moveDotPath 7s linear infinite 3.5s;\r\n}\r\n\r\n\/* CENTER *\/\r\n.travel-tech-center {\r\n  position: absolute;\r\n  left: 50%;\r\n  top: 270px;\r\n  transform: translate(-50%, -50%);\r\n  width: 300px;\r\n  height: 300px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n\/* PURE WHITE EXPANDING SHAPES *\/\r\n.travel-tech-center-wave {\r\n  position: absolute;\r\n  left: 50%;\r\n  top: 50%;\r\n  width: 150px;\r\n  height: 150px;\r\n  background: #ffffff;\r\n  border-radius: 30px;\r\n  transform: translate(-50%, -50%) scale(1);\r\n  z-index: 1;\r\n}\r\n\r\n.wave-1 {\r\n  animation: waveExpand 2.8s ease-out infinite;\r\n}\r\n\r\n.wave-2 {\r\n  animation: waveExpand 2.8s ease-out infinite 1.4s;\r\n}\r\n\r\n\/* BLACK ICON FIXED *\/\r\n.travel-tech-center-icon {\r\n  width: 120px;\r\n  height: 120px;\r\n  background: #1C1F24;\r\n  border-radius: 20px;\r\n  position: relative;\r\n  z-index: 3;\r\n}\r\n\r\n.travel-tech-center-yellow {\r\n  position: absolute;\r\n  width: 60px;\r\n  height: 60px;\r\n  background: #F2B705;\r\n  top: 20px;\r\n  left: 20px;\r\n  border-top-left-radius: 100px;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n\r\n  .travel-tech-diagram {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    align-items: center !important;\r\n    gap: 20px !important;\r\n    height: auto !important;\r\n  }\r\n\r\n  \/* REMOVE ALL ABSOLUTE *\/\r\n  .travel-tech-card,\r\n  .travel-tech-card-left,\r\n  .travel-tech-card-right,\r\n  .travel-tech-center,\r\n  .travel-tech-label {\r\n    position: static !important;\r\n    transform: none !important;\r\n    left: auto !important;\r\n    right: auto !important;\r\n  }\r\n\r\n  \/* CARDS STYLE *\/\r\n  .travel-tech-card {\r\n    width: 100% !important;\r\n    max-width: 420px !important;\r\n    border-radius: 12px;\r\n    padding: 20px;\r\n  }\r\n\r\n  \/* ICON *\/\r\n  .travel-tech-center {\r\n    margin: 15px 0;\r\n  }\r\n\r\n  .travel-tech-center-icon {\r\n    width: 70px !important;\r\n    height: 70px !important;\r\n  }\r\n\r\n  \/* ORDER *\/\r\n  .travel-tech-card-left { order: 1; }\r\n  .travel-tech-center { order: 2; }\r\n  .travel-tech-card-right { order: 3; }\r\n\r\n  \/* BUTTON *\/\r\n  .travel-tech-label-bottom {\r\n    order: 4;\r\n    margin-top: 15px;\r\n  }\r\n\r\n  \/* REMOVE DECORATION *\/\r\n  .travel-tech-flow {\r\n    display: none !important;\r\n  }\r\n\r\n}\r\n\r\n\/* CLEAN BOX ZOOM OUT *\/\r\n@keyframes waveExpand {\r\n  0% {\r\n    transform: translate(-50%, -50%) scale(0.9);\r\n    opacity: 0;\r\n  }\r\n  15% {\r\n    opacity: 1;\r\n  }\r\n  60% {\r\n    opacity: 0.6;\r\n  }\r\n  100% {\r\n    transform: translate(-50%, -50%) scale(2.4);\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n\/* CARDS *\/\r\n.travel-tech-card {\r\n  position: absolute;\r\n  width: 320px;\r\n  background: #ffffff;\r\n  border-radius: 10px;\r\n  overflow: hidden;\r\n  top: 260px;\r\n  border: 1px solid rgba(0,0,0,0.05);\r\n}\r\n\r\n.travel-tech-card-left { left: 40px; }\r\n.travel-tech-card-right { right: 40px; }\r\n\r\n\/* yellow border animation around white card *\/\r\n.card-border {\r\n  position: absolute;\r\n  background: #F2B705;\r\n  z-index: 3;\r\n  opacity: 0;\r\n}\r\n\r\n.card-border-top {\r\n  top: 0;\r\n  left: 0;\r\n  width: 0;\r\n  height: 2px;\r\n  animation: borderTop 2.8s linear infinite;\r\n}\r\n\r\n.card-border-right {\r\n  top: 0;\r\n  right: 0;\r\n  width: 2px;\r\n  height: 0;\r\n  animation: borderRight 2.8s linear infinite;\r\n}\r\n\r\n.card-border-bottom {\r\n  right: 0;\r\n  bottom: 0;\r\n  width: 0;\r\n  height: 2px;\r\n  animation: borderBottom 2.8s linear infinite;\r\n}\r\n\r\n.card-border-left {\r\n  left: 0;\r\n  bottom: 0;\r\n  width: 2px;\r\n  height: 0;\r\n  animation: borderLeft 2.8s linear infinite;\r\n}\r\n\r\n\/* LOGO *\/\r\n.travel-tech-card-logo {\r\n  text-align: center;\r\n  padding: 20px;\r\n  font-size: 25px;\r\n}\r\n\r\n.travel-tech-card-divider {\r\n  height: 1px;\r\n  background: #dddddd;\r\n  width: calc(100% - 30px);\r\n  margin: 0 auto;\r\n}\r\n\r\n.travel-tech-card-text {\r\n  text-align: center;\r\n  padding: 15px;\r\n  color: #666;\r\n}\r\n\r\n.travel-tech-label {\r\n  position: absolute;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  background: #1C1F24;\r\n  color: #f3f3f3;\r\n  padding: 10px 20px;\r\n  border-radius: 6px;\r\n}\r\n\r\n.travel-tech-label-top { top: 60px; }\r\n.travel-tech-label-bottom { bottom: 80px; }\r\n\r\n\/* CARD BORDER ANIMATION *\/\r\n@keyframes borderTop {\r\n  0%   { width: 0; opacity: 1; left: 0; }\r\n  24%  { width: 100%; opacity: 1; left: 0; }\r\n  25%  { width: 100%; opacity: 0; left: 0; }\r\n  100% { width: 100%; opacity: 0; left: 0; }\r\n}\r\n\r\n@keyframes borderRight {\r\n  0%   { height: 0; opacity: 0; top: 0; }\r\n  24%  { height: 0; opacity: 0; top: 0; }\r\n  25%  { height: 0; opacity: 1; top: 0; }\r\n  49%  { height: 100%; opacity: 1; top: 0; }\r\n  50%  { height: 100%; opacity: 0; top: 0; }\r\n  100% { height: 100%; opacity: 0; top: 0; }\r\n}\r\n\r\n@keyframes borderBottom {\r\n  0%   { width: 0; opacity: 0; right: 0; }\r\n  49%  { width: 0; opacity: 0; right: 0; }\r\n  50%  { width: 0; opacity: 1; right: 0; }\r\n  74%  { width: 100%; opacity: 1; right: 0; }\r\n  75%  { width: 100%; opacity: 0; right: 0; }\r\n  100% { width: 100%; opacity: 0; right: 0; }\r\n}\r\n\r\n@keyframes borderLeft {\r\n  0%   { height: 0; opacity: 0; bottom: 0; }\r\n  74%  { height: 0; opacity: 0; bottom: 0; }\r\n  75%  { height: 0; opacity: 1; bottom: 0; }\r\n  99%  { height: 100%; opacity: 1; bottom: 0; }\r\n  100% { height: 100%; opacity: 0; bottom: 0; }\r\n}\r\n\r\n\/* DOTS MOVING ON DASHED PATH *\/\r\n@keyframes moveDotPath {\r\n  0% {\r\n    left: -4px;\r\n    top: 85%;\r\n  }\r\n  12.5% {\r\n    left: -4px;\r\n    top: 0;\r\n  }\r\n  37.5% {\r\n    left: calc(100% - 4px);\r\n    top: 0;\r\n  }\r\n  62.5% {\r\n    left: calc(100% - 4px);\r\n    top: calc(100% - 4px);\r\n  }\r\n  87.5% {\r\n    left: -4px;\r\n    top: calc(100% - 4px);\r\n  }\r\n  100% {\r\n    left: -4px;\r\n    top: 85%;\r\n  }\r\n}\r\n\r\n\/* RESPONSIVE - updated only for topic *\/\r\n@media (max-width: 1199px) {\r\n  .travel-tech-top {\r\n    max-width: 1100px;\r\n  }\r\n\r\n  .travel-tech-title {\r\n    font-size: 68px;\r\n    line-height: 0.96;\r\n    letter-spacing: -2px;\r\n  }\r\n\r\n  .travel-tech-text {\r\n    font-size: 18px;\r\n  }\r\n}\r\n\r\n@media (max-width: 991px) {\r\n  .travel-tech-top {\r\n    max-width: 900px;\r\n    margin-bottom: 36px;\r\n  }\r\n\r\n  .travel-tech-badge {\r\n    font-size: 15px;\r\n    padding: 10px 20px;\r\n    margin-bottom: 22px;\r\n  }\r\n\r\n  .travel-tech-title {\r\n    font-size: 40px;\r\n    line-height: 1.5;\r\n    letter-spacing: -1.5px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .travel-tech-text {\r\n    font-size: 16px;\r\n    line-height: 1.9;\r\n  }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  .travel-tech-badge {\r\n    font-size: 12px;\r\n    padding: 10px 18px;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .travel-tech-title {\r\n        margin:5 0 26px;\r\n    font-size: 35px;\r\n    line-height: 1.4;\r\n    letter-spacing: -1px;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .travel-tech-text {\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a2dc448 e-flex e-con-boxed e-con e-parent\" data-id=\"a2dc448\" 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-9e737c6 elementor-widget elementor-widget-html\" data-id=\"9e737c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\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<section class=\"power-both-section\">\r\n  <div class=\"power-both-container\">\r\n\r\n    <div class=\"power-both-head\">\r\n      <h2>Vehicle Overview<\/h2>\r\n      <p>\r\n        The LEVC TX is designed for professional drivers operating daily in London, combining electric driving with extended range to support long shifts, reduce interruptions, and maintain consistent service.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"power-both-grid\">\r\n\r\n      <!-- LEFT CARD -->\r\n      <div class=\"power-both-card\">\r\n        <div class=\"power-both-logo claritygo-logo\">\r\n          <span class=\"clarity-dark\">Range<\/span><span class=\"clarity-light\"><\/span>\r\n        <\/div>\r\n\r\n        <p class=\"power-both-card-text\">\r\n          Extended range capability allows drivers to complete long shifts without interruption, combining electric driving with fuel support.\r\n        <\/p>\r\n\r\n       <a href=\"\/index.php\/process\/\" class=\"power-both-btn\">View Process<\/a>\r\n      <\/div>\r\n\r\n      <!-- RIGHT CARD -->\r\n      <div class=\"power-both-card\">\r\n        <div class=\"power-both-logo meetingspro-logo\">\r\n          <span class=\"meetings-dark\">Comfort<\/span><span class=\"meetings-light\"><\/span>\r\n        <\/div>\r\n\r\n        <p class=\"power-both-card-text\">\r\n          Spacious interior supports both driver and passenger comfort, helping maintain a professional experience throughout daily operations.\r\n        <\/p>\r\n<a href=\"\/index.php\/about\/\" class=\"power-both-btn\">About Us<\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n*{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.power-both-section,\r\n.power-both-section *{\r\n  font-family:'Poppins',sans-serif !important;\r\n}\r\n\r\n.power-both-section{\r\n  width:100vw;\r\n  position:relative;\r\n  left:50%;\r\n  margin-left:-50vw;\r\n  background:#ffffff;\r\n  padding:110px 0 120px;\r\n}\r\n\r\n.power-both-container{\r\n  width:100%;\r\n  max-width:1500px;\r\n  margin:0 auto;\r\n  padding:0 40px;\r\n}\r\n\r\n.power-both-head{\r\n  text-align:center;\r\n  max-width:760px;\r\n  margin:0 auto 58px;\r\n}\r\n\r\n.power-both-head h2{\r\n  margin:0 0 18px;\r\n  font-size:54px;\r\n  line-height:1.08;\r\n  font-weight:500;\r\n  color:#111111;\r\n  letter-spacing:-1.5px;\r\n}\r\n\r\n.power-both-head p{\r\n  margin:0 auto;\r\n  max-width:760px;\r\n  font-size:18px;\r\n  line-height:1.7;\r\n  font-weight:400;\r\n  color:#2b2b2b;\r\n}\r\n\r\n.power-both-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(2,minmax(0,1fr));\r\n  gap:22px;\r\n  align-items:stretch;\r\n}\r\n\r\n.power-both-card{\r\n  background:#f5f5f5;\r\n  border-radius:10px;\r\n  padding:42px 34px 40px;\r\n  min-height:320px;\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:flex-start;\r\n}\r\n\r\n.power-both-logo{\r\n  margin-bottom:22px;\r\n  line-height:1;\r\n  letter-spacing:-1px;\r\n}\r\n\r\n.claritygo-logo,\r\n.meetingspro-logo{\r\n  font-size:34px;\r\n}\r\n\r\n.clarity-dark,\r\n.meetings-dark{\r\n  color:#111111;\r\n  font-weight:700;\r\n}\r\n\r\n.clarity-light,\r\n.meetings-light{\r\n  color:#3a3a3a;\r\n  font-weight:300;\r\n}\r\n\r\n.power-both-card-text{\r\n  margin:0;\r\n  max-width:560px;\r\n  font-size:18px;\r\n  line-height:1.7;\r\n  color:#1b1b1b;\r\n  font-weight:400;\r\n}\r\n\r\n.power-both-btn{\r\n  margin-top:28px;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  width:fit-content;\r\n  min-width:170px;\r\n  height:54px;\r\n  padding:0 26px;\r\n  background:#F2B705;\r\n  color:#111111;\r\n  text-decoration:none;\r\n  border-radius:999px;\r\n  font-size:16px;\r\n  font-weight:500;\r\n  transition:all 0.25s ease;\r\n}\r\n\r\n.power-both-btn:hover{\r\n  background:#000000;\r\n  color:#ffffff;\r\n  transform:translateY(-2px);\r\n}\r\n\r\n@media (max-width:1200px){\r\n  .power-both-head h2{\r\n    font-size:54px;\r\n  }\r\n\r\n  .power-both-card{\r\n    min-height:300px;\r\n  }\r\n}\r\n\r\n@media (max-width:991px){\r\n  .power-both-section{\r\n    padding:85px 0 95px;\r\n  }\r\n\r\n  .power-both-container{\r\n    padding:0 24px;\r\n  }\r\n\r\n  .power-both-head{\r\n    margin-bottom:38px;\r\n  }\r\n\r\n  .power-both-head h2{\r\n    font-size:44px;\r\n  }\r\n\r\n  .power-both-head p{\r\n    font-size:17px;\r\n  }\r\n\r\n  .power-both-grid{\r\n    grid-template-columns:1fr;\r\n    gap:20px;\r\n  }\r\n\r\n  .power-both-card{\r\n    min-height:auto;\r\n    padding:34px 26px 32px;\r\n  }\r\n\r\n  .power-both-card-text{\r\n    max-width:100%;\r\n  }\r\n}\r\n\r\n@media (max-width:767px){\r\n  .power-both-section{\r\n    padding:70px 0 80px;\r\n  }\r\n\r\n  .power-both-container{\r\n    padding:0 18px;\r\n  }\r\n\r\n  .power-both-head h2{\r\n    font-size:36px;\r\n    letter-spacing:-1px;\r\n  }\r\n\r\n  .power-both-head p{\r\n    font-size:16px;\r\n    line-height:1.7;\r\n  }\r\n\r\n  .claritygo-logo,\r\n  .meetingspro-logo{\r\n    font-size:28px;\r\n  }\r\n\r\n  .power-both-card{\r\n    padding:28px 20px 28px;\r\n    border-radius:8px;\r\n  }\r\n\r\n  .power-both-card-text{\r\n    font-size:15px;\r\n  }\r\n\r\n  .power-both-btn{\r\n    height:48px;\r\n    min-width:150px;\r\n    font-size:15px;\r\n    padding:0 22px;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fca37af e-flex e-con-boxed e-con e-parent\" data-id=\"fca37af\" 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-41758fc1 elementor-widget-mobile__width-initial elementor-widget elementor-widget-html\" data-id=\"41758fc1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"industry-section-full\">\r\n  <div class=\"industry-wrapper\">\r\n\r\n    <div class=\"industry-header\">\r\n      <h2>Key features build for daily<br>driver performance<\/h2>\r\n      <p>\r\n        Each feature of the LEVC TX is designed to support professional drivers through long shifts, ensuring comfort, efficiency, and reliable performance.\r\n      <\/p>\r\n    <\/div>\r\n<div class=\"industry-slider-wrap\">\r\n  <div class=\"industry-slider\" id=\"industrySlider\">\r\n\r\n        <!-- OLD CARD 1 -->\r\n        <article class=\"industry-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/mitaxi.co.uk\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-Apr-20-2026-10_45_02-AM.png\" alt=\"Public Sector\">\r\n          <div class=\"industry-label\">Extended Range<\/div>\r\n          <div class=\"industry-hover-content\">\r\n            <h3>Extended Range<\/h3>\r\n            <p>\r\n              Extended range capability allows drivers to operate through long shifts without interruption, combining electric driving with fuel support.\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- OLD CARD 2 -->\r\n        <article class=\"industry-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/mitaxi.co.uk\/wp-content\/uploads\/2026\/04\/Generated-Image-April-20-2026-11_02AM.png\" alt=\"Energy, Resource & Marine\">\r\n          <div class=\"industry-label\">Driver Efficiency<\/div>\r\n          <div class=\"industry-hover-content\">\r\n            <h3>Driver Efficiency<\/h3>\r\n            <p>\r\n              Designed to support efficient daily operation, the vehicle helps drivers maintain steady workflow with minimal disruption or unnecessary stops.\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- OLD CARD 3 -->\r\n        <article class=\"industry-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/mitaxi.co.uk\/wp-content\/uploads\/2026\/04\/Generated-Image-April-20-2026-2_36PM.png\" alt=\"Entertainment & Media\">\r\n          <div class=\"industry-label\">Passenger Comfort<\/div>\r\n          <div class=\"industry-hover-content\">\r\n            <h3>Passenger Comfort<\/h3>\r\n            <p>\r\n              Spacious interior design supports both driver and passenger comfort, helping maintain a professional experience across every journey.\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- OLD CARD 4 -->\r\n        <article class=\"industry-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/mitaxi.co.uk\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-Apr-20-2026-11_20_07-AM.png\" alt=\"The Nordics\">\r\n          <div class=\"industry-label\">Wheelchair Accessibility<\/div>\r\n          <div class=\"industry-hover-content\">\r\n            <h3>Wheelchair Accessibility<\/h3>\r\n            <p>\r\n             Built with accessibility in mind, the vehicle supports wheelchair access and ease of entry, allowing drivers to serve a wider range.\r\n            <\/p>\r\n          <\/div>\r\n          \r\n        <\/article>\r\n<div class=\"industry-arrows-overlay\">\r\n  <button class=\"arrow-btn prev\">\r\n    <span>&#10094;<\/span>\r\n  <\/button>\r\n  <button class=\"arrow-btn next\">\r\n    <span>&#10095;<\/span>\r\n  <\/button>\r\n<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"industry-bottom\">\r\n      <div class=\"industry-progress\">\r\n        <span id=\"industryProgressBar\"><\/span>\r\n      <\/div>\r\n  \r\n    <\/div>\r\n  <\/div>\r\n  \r\n<\/section>\r\n\r\n<style>\r\n  .industry-section-full {\r\n    position: relative;\r\n    width: 100vw;\r\n    max-width: 100vw;\r\n    left: 50%;\r\n    margin-left: -50vw;\r\n    background: #f3f3f3;\r\n    padding: 70px 0 55px;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .industry-wrapper {\r\n    width: 100%;\r\n    max-width: 1450px;\r\n    margin: 0 auto;\r\n    padding: 0 36px;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .industry-header {\r\n    width: 100%;\r\n    max-width: 780px;\r\n    margin-bottom: 46px;\r\n  }\r\n\r\n  .industry-header h2 {\r\n    margin: 0 0 22px;\r\n    font-size: 52px;\r\n    line-height: 1.02;\r\n    font-weight: 500;\r\n    letter-spacing: -2px;\r\n    color: #111;\r\n  }\r\n\r\n  .industry-header p {\r\n    margin: 0;\r\n    max-width: 660px;\r\n    font-size: 18px;\r\n    line-height: 1.55;\r\n    color: #2f2f2f;\r\n  }\r\n\r\n  .industry-slider-wrap {\r\n    width: 100%;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .industry-slider {\r\n    display: flex;\r\n    gap: 18px;\r\n    transition: transform 0.45s ease;\r\n    will-change: transform;\r\n    align-items: stretch;\r\n  }\r\n\r\n  .industry-card {\r\n    position: relative;\r\n    flex: 0 0 calc(25% - 15px);\r\n    height: 510px;\r\n    min-height: 510px;\r\n    border-radius: 10px;\r\n    overflow: hidden;\r\n    background: #ddd;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .industry-card img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n  }\r\n\r\n  .industry-label {\r\n    position: absolute;\r\n    left: 14px;\r\n    right: 14px;\r\n    bottom: 14px;\r\n    background: #f3f3f3;\r\n    color: #111;\r\n    font-size: 22px;\r\n    line-height: 1.32;\r\n    font-weight: 700;\r\n    padding: 16px 18px;\r\n    border-radius: 4px;\r\n    box-sizing: border-box;\r\n    z-index: 2;\r\n    transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;\r\n  }\r\n\r\n  .industry-hover-content {\r\n    position: absolute;\r\n    left: 14px;\r\n    right: 14px;\r\n    bottom: 14px;\r\n    background: #f4cf00;\r\n    color: #111;\r\n    padding: 18px 18px 20px;\r\n    border-radius: 4px;\r\n    z-index: 3;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transform: translateY(10px);\r\n    transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;\r\n    box-sizing: border-box;\r\n    max-height: calc(100% - 28px);\r\n    overflow-y: auto;\r\n  }\r\n\r\n  .industry-hover-content h3 {\r\n    margin: 0 0 12px;\r\n    font-size: 20px;\r\n    line-height: 1.25;\r\n    font-weight: 700;\r\n    color: #111;\r\n  }\r\n\r\n  .industry-hover-content p {\r\n    margin: 0;\r\n    font-size: 18px;\r\n    line-height: 1.55;\r\n    color: #111;\r\n  }\r\n\r\n  .industry-card:hover .industry-label {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transform: translateY(8px);\r\n  }\r\n\r\n  .industry-card:hover .industry-hover-content {\r\n    opacity: 1;\r\n    visibility: visible;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .industry-bottom {\r\n    margin-top: 34px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 24px;\r\n  }\r\n\r\n  .industry-progress {\r\n    position: relative;\r\n    flex: 1;\r\n    height: 4px;\r\n    background: #d9d9d9;\r\n    border-radius: 999px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .industry-progress span {\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    width: 20%;\r\n    height: 100%;\r\n    background: #f0c400;\r\n    border-radius: 999px;\r\n    transition: width 0.45s ease;\r\n  }\r\n  \/* \ud83d\udd25 ARROWS STYLE *\/\r\n\/* \ud83d\udd25 MODERN CIRCLE ARROWS *\/\r\n.industry-arrows-overlay {\r\n  display: none;\r\n}\r\n\r\n@media (max-width: 1200px) {\r\n\r\n  .industry-slider-wrap {\r\n    position: relative;\r\n  }\r\n\r\n  .industry-arrows-overlay {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 0;\r\n    width: 100%;\r\n    transform: translateY(-50%);\r\n    padding: 0 12px;\r\n    pointer-events: none;\r\n    z-index: 10;\r\n  }\r\n\r\n  .arrow-btn {\r\n    pointer-events: all;\r\n    width: 48px;\r\n    height: 48px;\r\n    border-radius: 50%;\r\n    border: none;\r\n    cursor: pointer;\r\n\r\n    \/* STYLE LIKE YOUR IMAGE *\/\r\n    background: rgba(0, 0, 0, 0.55);\r\n    backdrop-filter: blur(6px);\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    transition: all 0.25s ease;\r\n  }\r\n\r\n  .arrow-btn span {\r\n    color: #fff;\r\n    font-size: 20px;\r\n    line-height: 1;\r\n  }\r\n\r\n  .arrow-btn:hover {\r\n    background: rgba(0, 0, 0, 0.75);\r\n    transform: scale(1.08);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* HIDE BY DEFAULT *\/\r\n.industry-arrows-overlay {\r\n  display: none;\r\n}\r\n\r\n\/* MOBILE & TABLET ONLY *\/\r\n@media (max-width: 1200px) {\r\n\r\n  .industry-slider-wrap {\r\n    position: relative;\r\n    overflow: hidden !important;\r\n  }\r\n\r\n  \/* SHOW OVERLAY ARROWS *\/\r\n  .industry-arrows-overlay {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 0;\r\n    width: 100%;\r\n    transform: translateY(-50%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .industry-arrows-overlay button {\r\n    pointer-events: all;\r\n    background: rgba(0,0,0,0.7);\r\n    color: #fff;\r\n    border: none;\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 50%;\r\n    font-size: 20px;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .industry-arrows-overlay .prev {\r\n    margin-left: 10px;\r\n  }\r\n\r\n  .industry-arrows-overlay .next {\r\n    margin-right: 10px;\r\n  }\r\n\r\n}\r\n\r\n.industry-arrow.left { left: 10px; }\r\n.industry-arrow.right { right: 10px; }\r\n\r\n@media (max-width:1024px){\r\n  .industry-arrow{\r\n    display:none !important;\r\n  }\r\n}\r\n\r\n\r\n\/* ARROW HOVER *\/\r\n.industry-arrow:hover {\r\n  background: rgba(0,0,0,0.8);\r\n}\r\n\r\n\/* \ud83d\udcf1 ONLY MOBILE & TABLET *\/\r\n@media (max-width: 1024px) {\r\n  .industry-arrow {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  \/* \u274c remove scrollbar *\/\r\n  .industry-slider-wrap {\r\n    overflow: hidden !important;\r\n  }\r\n}\r\n\r\n  @media (max-width: 1400px) {\r\n    .industry-wrapper {\r\n      max-width: 1400px;\r\n      padding: 0 34px;\r\n    }\r\n\r\n    .industry-header h2 {\r\n      font-size: 64px;\r\n    }\r\n\r\n    .industry-header p {\r\n      font-size: 18px;\r\n    }\r\n\r\n    .industry-card {\r\n      height: 490px;\r\n      min-height: 490px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1200px) {\r\n    .industry-header h2 {\r\n      font-size: 52px;\r\n      letter-spacing: -1px;\r\n    }\r\n\r\n    .industry-header p {\r\n      font-size: 17px;\r\n    }\r\n\r\n    .industry-card {\r\n      flex: 0 0 calc(33.333% - 12px);\r\n      height: 470px;\r\n      min-height: 470px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .industry-header {\r\n      margin-bottom: 30px;\r\n    }\r\n\r\n    .industry-header h2 {\r\n      font-size: 42px;\r\n    }\r\n\r\n    .industry-header p {\r\n      font-size: 16px;\r\n      max-width: 100%;\r\n    }\r\n\r\n    .industry-card {\r\n      flex: 0 0 calc(50% - 9px);\r\n      height: 430px;\r\n      min-height: 430px;\r\n    }\r\n\r\n    .industry-label,\r\n    .industry-hover-content {\r\n      left: 12px;\r\n      right: 12px;\r\n      bottom: 12px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    .industry-section-full {\r\n      padding: 50px 0 38px;\r\n    }\r\n\r\n    .industry-wrapper {\r\n      padding: 0 14px;\r\n    }\r\n\r\n    .industry-header {\r\n      margin-bottom: 24px;\r\n    }\r\n\r\n    .industry-header h2 {\r\n      font-size: 34px;\r\n      line-height: 1.08;\r\n    }\r\n\r\n    .industry-header p {\r\n      font-size: 15px;\r\n      line-height: 1.55;\r\n    }\r\n\r\n    .industry-slider {\r\n      gap: 14px;\r\n    }\r\n\r\n    .industry-card {\r\n      flex: 0 0 100%;\r\n      height: 380px;\r\n      min-height: 380px;\r\n    }\r\n\r\n    .industry-label {\r\n      font-size: 18px;\r\n      padding: 14px 16px;\r\n    }\r\n\r\n    .industry-hover-content {\r\n      padding: 16px;\r\n    }\r\n\r\n    .industry-hover-content h3 {\r\n      font-size: 19px;\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .industry-hover-content p {\r\n      font-size: 14px;\r\n      line-height: 1.5;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n  const slider = document.getElementById(\"industrySlider\");\r\n  const cards = document.querySelectorAll(\".industry-card\");\r\n  const prev = document.querySelector(\".prev\");\r\n  const next = document.querySelector(\".next\");\r\n\r\n  let index = 0;\r\n\r\n  function getVisibleCards() {\r\n    if (window.innerWidth <= 640) return 1;\r\n    if (window.innerWidth <= 900) return 2;\r\n    if (window.innerWidth <= 1200) return 3;\r\n    return 4;\r\n  }\r\n\r\n  function getGap() {\r\n    return window.innerWidth <= 640 ? 14 : 18;\r\n  }\r\n\r\n  function slideMove() {\r\n\r\n    if (window.innerWidth > 1200) return;\r\n\r\n    const visibleCards = getVisibleCards();\r\n    const maxIndex = cards.length - visibleCards;\r\n\r\n    index = Math.max(0, Math.min(index, maxIndex));\r\n\r\n    const cardWidth = cards[0].offsetWidth + getGap();\r\n\r\n    slider.style.transform = `translateX(-${index * cardWidth}px)`;\r\n  }\r\n\r\n  next.addEventListener(\"click\", () => {\r\n    index++;\r\n    slideMove();\r\n  });\r\n\r\n  prev.addEventListener(\"click\", () => {\r\n    index--;\r\n    slideMove();\r\n  });\r\n\r\n  window.addEventListener(\"resize\", slideMove);\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-67f3499f e-flex e-con-boxed e-con e-parent\" data-id=\"67f3499f\" 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-39c62bd8 elementor-widget elementor-widget-html\" data-id=\"39c62bd8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"impact-section\">\r\n  <div class=\"impact-wrap\">\r\n    <div class=\"impact-header\">\r\n      <h2>Performance for daily operation<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"impact-card\">\r\n      <!-- LEFT TABS -->\r\n      <div class=\"impact-tabs\">\r\n        <button class=\"impact-tab active\" data-tab=\"sustainability\">Long Shift Range<\/button>\r\n        <button class=\"impact-tab\" data-tab=\"community\">Flexible Energy Use<\/button>\r\n        <button class=\"impact-tab\" data-tab=\"wellbeing\">Urban Driving Ease<\/button>\r\n      <\/div>\r\n\r\n      <!-- RIGHT CONTENT -->\r\n      <div class=\"impact-content\">\r\n        <!-- Sustainability -->\r\n        <div class=\"impact-panel active\" id=\"sustainability\">\r\n          <div class=\"impact-media\">\r\n            <img decoding=\"async\" src=\"https:\/\/mitaxi.co.uk\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-Apr-22-2026-12_24_39-PM.png\" alt=\"Sustainability\">\r\n          <\/div>\r\n\r\n          <div class=\"impact-text\">\r\n            <h3>Supports full-day operation<\/h3>\r\n            <p>\r\n              Extended range allows drivers to operate for long hours without interruption, reducing the need for frequent stops during shifts.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Community -->\r\n        <div class=\"impact-panel\" id=\"community\">\r\n          <div class=\"impact-media\">\r\n            <img decoding=\"async\" src=\"https:\/\/mitaxi.co.uk\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-Apr-22-2026-12_28_26-PM.png\" alt=\"Community\">\r\n          <\/div>\r\n\r\n          <div class=\"impact-text\">\r\n            <h3>Electric with fuel backup<\/h3>\r\n            <p>\r\n              Combination of electric driving and fuel support gives drivers flexibility, ensuring they remain operational even when charging is not available.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Wellbeing -->\r\n        <div class=\"impact-panel\" id=\"wellbeing\">\r\n          <div class=\"impact-media\">\r\n            <img decoding=\"async\" src=\"https:\/\/mitaxi.co.uk\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-Apr-22-2026-02_01_51-PM.png\" alt=\"Wellbeing\">\r\n          <\/div>\r\n\r\n          <div class=\"impact-text\">\r\n            <h3>Smooth control in city use<\/h3>\r\n            <p>\r\n              Built for city environments, the vehicle offers smooth handling and ease of driving through traffic, supporting daily work efficiency.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .impact-section,\r\n  .impact-section * {\r\n    font-family: 'Poppins', sans-serif !important;\r\n  }\r\n\r\n  .impact-section {\r\n    width: 100vw;\r\n    position: relative;\r\n    left: 50%;\r\n    right: 50%;\r\n    margin-left: -50vw;\r\n    margin-right: -50vw;\r\n    background: #0a0a0a;\r\n    padding: 76px 0 92px;\r\n  }\r\n\r\n  .impact-wrap {\r\n    width: 100%;\r\n    max-width: 1560px;\r\n    margin: 0 auto;\r\n    padding: 0 90px;\r\n  }\r\n\r\n  .impact-header {\r\n    text-align: center;\r\n    margin-bottom: 44px;\r\n  }\r\n\r\n  .impact-header h2 {\r\n    margin: 0;\r\n    color: #ffffff;\r\n    font-size: 48px;\r\n    line-height: 1.08;\r\n    font-weight: 500;\r\n    letter-spacing: -1.3px;\r\n  }\r\n\r\n  .impact-card {\r\n    display: grid;\r\n    grid-template-columns: 390px 1fr;\r\n    background: #2b2b2d;\r\n    border-radius: 12px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .impact-tabs {\r\n    background: #2b2b2d;\r\n    border-right: 1px solid rgba(255,255,255,0.07);\r\n  }\r\n\r\n  .impact-tab {\r\n    width: 100%;\r\n    min-height: 147px;\r\n    border: 0;\r\n    outline: 0;\r\n    cursor: pointer;\r\n    text-align: left;\r\n    padding: 0 34px;\r\n    background: transparent;\r\n    color: #ffffff;\r\n    font-size: 22px;\r\n    line-height: 1.2;\r\n    font-weight: 600;\r\n    border-bottom: 1px solid rgba(255,255,255,0.08);\r\n    transition: background 0.25s ease, color 0.25s ease;\r\n  }\r\n\r\n  .impact-tab:last-child {\r\n    border-bottom: 0;\r\n  }\r\n\r\n  .impact-tab.active {\r\n    background: #F2B705;\r\n    color: #111111;\r\n  }\r\n\r\n  .impact-content {\r\n    position: relative;\r\n    min-height: 430px;\r\n  }\r\n\r\n  .impact-panel {\r\n    display: none;\r\n    height: 100%;\r\n    padding: 38px 52px 38px 38px;\r\n    grid-template-columns: 320px 1fr;\r\n    gap: 40px;\r\n    align-items: center;\r\n    opacity: 0;\r\n    transform: translateY(16px);\r\n    transition: opacity 0.35s ease, transform 0.35s ease;\r\n  }\r\n\r\n  .impact-panel.active {\r\n    display: grid;\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .impact-media {\r\n    width: 100%;\r\n    max-width: 320px;\r\n  }\r\n\r\n  .impact-media img {\r\n    width: 100%;\r\n    aspect-ratio: 1 \/ 1;\r\n    object-fit: cover;\r\n    display: block;\r\n    border-radius: 10px;\r\n  }\r\n\r\n  .impact-text {\r\n    max-width: 520px;\r\n  }\r\n\r\n  .impact-text h3 {\r\n    margin: 0 0 18px;\r\n    color: #ffffff;\r\n    font-size: 34px;\r\n    line-height: 1.15;\r\n    font-weight: 600;\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  .impact-text p {\r\n    margin: 0;\r\n    color: #ffffff;\r\n    font-size: 16px;\r\n    line-height: 1.7;\r\n    font-weight: 400;\r\n    opacity: 0.96;\r\n  }\r\n\r\n  .impact-text a {\r\n    color: #ffffff;\r\n    text-decoration: underline;\r\n  }\r\n\r\n\r\n  @media (max-width: 1199px) {\r\n    .impact-wrap {\r\n      padding: 0 40px;\r\n    }\r\n\r\n    .impact-header h2 {\r\n      font-size: 46px;\r\n    }\r\n\r\n    .impact-card {\r\n      grid-template-columns: 300px 1fr;\r\n    }\r\n\r\n    .impact-tab {\r\n      min-height: 118px;\r\n      font-size: 20px;\r\n      padding: 0 24px;\r\n    }\r\n\r\n    .impact-panel,\r\n    .impact-panel.active {\r\n      grid-template-columns: 280px 1fr;\r\n      gap: 28px;\r\n      padding: 28px;\r\n    }\r\n\r\n    .impact-media {\r\n      max-width: 280px;\r\n    }\r\n\r\n    .impact-text h3 {\r\n      font-size: 28px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .impact-section {\r\n      padding: 54px 0 64px;\r\n    }\r\n\r\n    .impact-wrap {\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .impact-header {\r\n      margin-bottom: 24px;\r\n    }\r\n\r\n    .impact-header h2 {\r\n      font-size: 36px;\r\n      line-height: 1.12;\r\n      letter-spacing: -0.8px;\r\n    }\r\n\r\n    .impact-card {\r\n      grid-template-columns: 1fr;\r\n      border-radius: 10px;\r\n    }\r\n\r\n    .impact-tabs {\r\n      border-right: 0;\r\n      border-bottom: 1px solid rgba(255,255,255,0.08);\r\n    }\r\n\r\n    .impact-tab {\r\n      min-height: 78px;\r\n      font-size: 18px;\r\n      padding: 0 20px;\r\n    }\r\n\r\n    .impact-content {\r\n      min-height: auto;\r\n    }\r\n\r\n    .impact-panel,\r\n    .impact-panel.active {\r\n      grid-template-columns: 1fr;\r\n      gap: 22px;\r\n      padding: 22px;\r\n      min-height: auto;\r\n    }\r\n\r\n    .impact-media,\r\n    .impact-text {\r\n      max-width: 100%;\r\n    }\r\n\r\n    .impact-text h3 {\r\n      font-size: 26px;\r\n      margin-bottom: 14px;\r\n    }\r\n\r\n    .impact-text p {\r\n      font-size: 16px;\r\n      line-height: 1.65;\r\n    }\r\n    \r\n  }\r\n  @media (max-width: 1199px) {\r\n\r\n  .impact-panel,\r\n  .impact-panel.active {\r\n    grid-template-columns: 1fr; \/* \ud83d\udd25 stack *\/\r\n  }\r\n\r\n  .impact-media {\r\n    max-width: 100%;\r\n  }\r\n\r\n}\r\n  \r\n<\/style>\r\n\r\n<script>\r\n  (function () {\r\n    const tabs = document.querySelectorAll('.impact-tab');\r\n    const panels = document.querySelectorAll('.impact-panel');\r\n\r\n    tabs.forEach((tab) => {\r\n      tab.addEventListener('click', function () {\r\n        const target = this.getAttribute('data-tab');\r\n\r\n        tabs.forEach((btn) => btn.classList.remove('active'));\r\n        panels.forEach((panel) => panel.classList.remove('active'));\r\n\r\n        this.classList.add('active');\r\n        document.getElementById(target).classList.add('active');\r\n      });\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c36354d e-flex e-con-boxed e-con e-parent\" data-id=\"c36354d\" 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-52a6341 elementor-widget elementor-widget-html\" data-id=\"52a6341\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"life-clarity-section\">\r\n  <div class=\"life-clarity-wrap\">\r\n    <div class=\"life-clarity-header\">\r\n      <h2>Interior and Experience <\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"life-slider\">\r\n      <div class=\"life-track\" id=\"lifeTrack\">\r\n\r\n        <div class=\"life-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/mitaxi.co.uk\/wp-content\/uploads\/2026\/03\/business-class-3-scaled.jpeg\" alt=\"Taxi 1\">\r\n        <\/div>\r\n\r\n        <div class=\"life-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/mitaxi.co.uk\/wp-content\/uploads\/2026\/03\/taxi-drive-interior.jpg\" alt=\"Taxi 2\">\r\n        <\/div>\r\n\r\n        <div class=\"life-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/mitaxi.co.uk\/wp-content\/uploads\/2026\/03\/levc-tx-taxi-review-2023-19-rear-seats-1.jpg\" alt=\"Taxi 3\">\r\n        <\/div>\r\n\r\n        <div class=\"life-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/mitaxi.co.uk\/wp-content\/uploads\/2026\/03\/fer4666-scaled.jpg\" alt=\"Taxi 4\">\r\n        <\/div>\r\n\r\n        <div class=\"life-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/mitaxi.co.uk\/wp-content\/uploads\/2026\/03\/496b1343e811778a6cf37ec08002c66e3f4b32a3-1604490541-0aa70f42-1920x1280-1.jpg\" alt=\"Taxi 5\">\r\n        <\/div>\r\n\r\n        <div class=\"life-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/mitaxi.co.uk\/wp-content\/uploads\/2026\/03\/levc-tx-taxi-review-2023-13-cabin.jpg\" alt=\"Taxi 6\">\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"life-footer\">\r\n        <div class=\"life-progress-bar\">\r\n          <div class=\"life-progress-fill\" id=\"lifeProgressFill\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"life-arrows\">\r\n          <button class=\"life-arrow life-arrow-prev\" id=\"lifePrev\" aria-label=\"Previous\">\r\n            <span>&larr;<\/span>\r\n          <\/button>\r\n          <button class=\"life-arrow life-arrow-next\" id=\"lifeNext\" aria-label=\"Next\">\r\n            <span>&rarr;<\/span>\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.life-clarity-section,\r\n.life-clarity-section * {\r\n  font-family: 'Poppins', sans-serif !important;\r\n}\r\n\r\n\/* \u2705 BACKGROUND WHITE *\/\r\n.life-clarity-section {\r\n  width: 100vw;\r\n  position: relative;\r\n  left: 50%;\r\n  right: 50%;\r\n  margin-left: -50vw;\r\n  margin-right: -50vw;\r\n  background: #ffffff; \/* changed *\/\r\n  padding: 70px 0 78px;\r\n  overflow: hidden;\r\n}\r\n\r\n.life-clarity-wrap {\r\n  width: 100%;\r\n  max-width: 1700px;\r\n  margin: 0 auto;\r\n  padding: 0 105px;\r\n}\r\n\r\n.life-clarity-header {\r\n  text-align: center;\r\n  margin-bottom: 42px;\r\n}\r\n\r\n\/* \u2705 TEXT BLACK *\/\r\n.life-clarity-header h2 {\r\n  margin: 0;\r\n  color: #111111; \/* changed *\/\r\n  font-size: 60px;\r\n  line-height: 1.08;\r\n  font-weight: 600;\r\n  letter-spacing: -1.3px;\r\n}\r\n\r\n.life-slider {\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n.life-track {\r\n  display: flex;\r\n  gap: 38px;\r\n  transition: transform 0.45s ease;\r\n  will-change: transform;\r\n}\r\n\r\n.life-card {\r\n  flex: 0 0 calc((100% - 38px) \/ 2);\r\n  border-radius: 10px;\r\n  overflow: hidden;\r\n  background: #1a1a1a;\r\n}\r\n\r\n.life-card img {\r\n  width: 100%;\r\n  height: 430px;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n.life-footer {\r\n  margin-top: 34px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 28px;\r\n}\r\n\r\n.life-progress-bar {\r\n  flex: 1;\r\n  height: 3px;\r\n  background: rgba(0,0,0,0.2); \/* adjusted for white bg *\/\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n.life-progress-fill {\r\n  width: 40%;\r\n  height: 100%;\r\n  background: #F2B705;\r\n  transition: width 0.35s ease;\r\n}\r\n\r\n.life-arrows {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.life-arrow {\r\n  width: 58px;\r\n  height: 58px;\r\n  border-radius: 50%;\r\n  border: 0;\r\n  cursor: pointer;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 0;\r\n  transition: transform 0.2s ease, opacity 0.2s ease;\r\n}\r\n\r\n.life-arrow span {\r\n  font-size: 30px;\r\n  line-height: 1;\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.life-arrow-prev {\r\n  background: #8f7900;\r\n  color: #111111;\r\n}\r\n\r\n.life-arrow-next {\r\n  background: #F2B705;\r\n  color: #111111;\r\n}\r\n\r\n.life-arrow:hover {\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.life-arrow:disabled {\r\n  opacity: 0.4;\r\n  cursor: default;\r\n  transform: none;\r\n}\r\n\r\n@media (max-width: 1199px) {\r\n  .life-clarity-wrap {\r\n    padding: 0 40px;\r\n  }\r\n\r\n  .life-clarity-header h2 {\r\n    font-size: 48px;\r\n  }\r\n\r\n  .life-track {\r\n    gap: 24px;\r\n  }\r\n\r\n  .life-card {\r\n    flex: 0 0 calc((100% - 24px) \/ 2);\r\n  }\r\n\r\n  .life-card img {\r\n    height: 340px;\r\n  }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  .life-clarity-section {\r\n    padding: 50px 0 58px;\r\n  }\r\n\r\n  .life-clarity-wrap {\r\n    padding: 0 18px;\r\n  }\r\n\r\n  .life-clarity-header {\r\n    margin-bottom: 26px;\r\n  }\r\n\r\n  .life-clarity-header h2 {\r\n    font-size: 38px;\r\n    line-height: 1.12;\r\n    letter-spacing: -0.8px;\r\n  }\r\n\r\n  .life-track {\r\n    gap: 16px;\r\n  }\r\n\r\n  .life-card {\r\n    flex: 0 0 100%;\r\n  }\r\n\r\n  .life-card img {\r\n    height: 240px;\r\n  }\r\n\r\n  .life-footer {\r\n    margin-top: 22px;\r\n    gap: 16px;\r\n  }\r\n\r\n  .life-arrow {\r\n    width: 50px;\r\n    height: 50px;\r\n  }\r\n\r\n  .life-arrow span {\r\n    font-size: 24px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n  (function () {\r\n    const track = document.getElementById('lifeTrack');\r\n    const cards = Array.from(track.querySelectorAll('.life-card'));\r\n    const prevBtn = document.getElementById('lifePrev');\r\n    const nextBtn = document.getElementById('lifeNext');\r\n    const progressFill = document.getElementById('lifeProgressFill');\r\n\r\n    let index = 0;\r\n\r\n    function getVisibleCards() {\r\n      return window.innerWidth <= 767 ? 1 : 2;\r\n    }\r\n\r\n    function getGap() {\r\n      if (window.innerWidth <= 767) return 16;\r\n      if (window.innerWidth <= 1199) return 24;\r\n      return 38;\r\n    }\r\n\r\n    function getMaxIndex() {\r\n      return Math.max(0, cards.length - getVisibleCards());\r\n    }\r\n\r\n    function updateSlider() {\r\n      const cardWidth = cards[0].getBoundingClientRect().width;\r\n      const gap = getGap();\r\n      const offset = index * (cardWidth + gap);\r\n\r\n      track.style.transform = `translateX(-${offset}px)`;\r\n\r\n      const totalSteps = getMaxIndex() + 1;\r\n      const currentStep = index + 1;\r\n      progressFill.style.width = `${(currentStep \/ totalSteps) * 100}%`;\r\n\r\n      prevBtn.disabled = index === 0;\r\n      nextBtn.disabled = index >= getMaxIndex();\r\n    }\r\n\r\n    nextBtn.addEventListener('click', function () {\r\n      if (index < getMaxIndex()) {\r\n        index++;\r\n        updateSlider();\r\n      }\r\n    });\r\n\r\n    prevBtn.addEventListener('click', function () {\r\n      if (index > 0) {\r\n        index--;\r\n        updateSlider();\r\n      }\r\n    });\r\n\r\n    window.addEventListener('resize', function () {\r\n      if (index > getMaxIndex()) {\r\n        index = getMaxIndex();\r\n      }\r\n      updateSlider();\r\n    });\r\n\r\n    updateSlider();\r\n  })();\r\n<\/script>\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>Vehicle System A vehicle system designed for professional drivers in London Built to support long shifts, consistent availability, and practical daily operation, the LEVC TX combines electric capability with extended range, giving drivers reliability without interruptions. LEVC TX Driver Focused Daily Operation Designed for Consitent, Uninterrupted driving Extended Range Electric driving supported by extended range [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1036","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","vertical_spacing_source":"custom","content_area_spacing":"none","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/mitaxi.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/1036","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mitaxi.co.uk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mitaxi.co.uk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mitaxi.co.uk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mitaxi.co.uk\/index.php\/wp-json\/wp\/v2\/comments?post=1036"}],"version-history":[{"count":241,"href":"https:\/\/mitaxi.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/1036\/revisions"}],"predecessor-version":[{"id":4090,"href":"https:\/\/mitaxi.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/1036\/revisions\/4090"}],"wp:attachment":[{"href":"https:\/\/mitaxi.co.uk\/index.php\/wp-json\/wp\/v2\/media?parent=1036"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}