Files
doormilebuild/build/_next/static/chunks/0cmp9y76439gj.js
2026-06-12 14:59:22 +05:30

915 lines
88 KiB
JavaScript
Raw Blame History

This file contains invisible Unicode characters
This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,5074,e=>{"use strict";var t=e.i(43476),n=e.i(71645);let i=[[[.04,.2],[.1,.12],[.18,.1],[.24,.13],[.29,.12],[.3,.18],[.27,.22],[.26,.28],[.22,.3],[.2,.38],[.17,.44],[.15,.4],[.16,.32],[.12,.3],[.09,.26],[.06,.24]],[[.21,.5],[.27,.48],[.31,.52],[.31,.6],[.29,.66],[.27,.74],[.24,.82],[.22,.8],[.22,.7],[.205,.62],[.2,.55]],[[.45,.16],[.5,.13],[.55,.15],[.57,.19],[.55,.24],[.5,.27],[.47,.25],[.455,.2]],[[.46,.34],[.53,.32],[.58,.36],[.585,.44],[.56,.52],[.53,.6],[.5,.66],[.47,.62],[.46,.52],[.45,.44],[.45,.38]],[[.56,.14],[.64,.1],[.74,.1],[.84,.14],[.9,.2],[.92,.26],[.86,.3],[.8,.3],[.74,.34],[.7,.34],[.66,.3],[.6,.3],[.575,.24],[.565,.18]],[[.81,.66],[.87,.64],[.92,.68],[.92,.74],[.86,.77],[.81,.74],[.8,.7]]],a=[[.115,.3],[.265,.255],[.285,.66],[.475,.185],[.605,.345],[.655,.4],[.745,.5],[.815,.275],[.865,.715]],o=[[0,1],[1,3],[3,4],[4,5],[5,6],[6,7],[7,8],[1,2],[3,7],[0,7]];e.s(["default",0,function({accent:e="#ef4444"}){let d=(0,n.useRef)(null);return(0,n.useEffect)(()=>{let[t,n,l]=function(e){let t=/^#?([0-9a-f]{6})$/i.exec(e.trim());if(!t)return[239,68,68];let n=parseInt(t[1],16);return[n>>16&255,n>>8&255,255&n]}(e),r=e=>`rgba(${t},${n},${l},${e})`,s=`rgb(${t},${n},${l})`,c=d.current,m=c?.parentElement;if(!c||!m)return;let p=c.getContext("2d");if(!p)return;let g=window.matchMedia?.("(prefers-reduced-motion: reduce)").matches,h=0,x=0,f=[],v=0,w=0,u=()=>{let e=m.getBoundingClientRect();h=Math.max(1,e.width),x=Math.max(1,e.height);let t=Math.min(window.devicePixelRatio||1,2);c.width=Math.round(h*t),c.height=Math.round(x*t),c.style.width=h+"px",c.style.height=x+"px",p.setTransform(t,0,0,t,0,0),(()=>{f=[];let e=Math.max(11,Math.min(17,h/70));for(let t=e/2;t<h;t+=e)for(let n=e/2;n<x;n+=e){let e=t/h,a=n/x;for(let o of i)if(function(e,t,n){let i=!1;for(let a=0,o=n.length-1;a<n.length;o=a++){let d=n[a][0],l=n[a][1],r=n[o][0],s=n[o][1];l>t!=s>t&&e<(r-d)*(t-l)/(s-l)+d&&(i=!i)}return i}(e,a,o)){f.push({x:t,y:n});break}}})()},b=(e,t)=>({x:(e.x+t.x)/2,y:(e.y+t.y)/2-.28*Math.hypot(t.x-e.x,t.y-e.y)}),y=(e,t,n,i)=>{let a=1-i;return{x:a*a*e.x+2*a*i*t.x+i*i*n.x,y:a*a*e.y+2*a*i*t.y+i*i*n.y}},_=e=>{for(let e of(p.clearRect(0,0,h,x),p.fillStyle="rgba(120,122,130,0.55)",f))p.beginPath(),p.arc(e.x,e.y,1.15,0,2*Math.PI),p.fill();let t=a.map(([e,t])=>({x:e*h,y:t*x}));for(let[e,n]of(p.save(),p.setLineDash([4,7]),p.lineWidth=1,p.strokeStyle=r(.13),o)){let i=b(t[e],t[n]);p.beginPath(),p.moveTo(t[e].x,t[e].y),p.quadraticCurveTo(i.x,i.y,t[n].x,t[n].y),p.stroke()}p.restore(),p.save();for(let n=0;n<o.length;n++){let[i,a]=o[n],d=b(t[i],t[a]),l=((.11*e+.137*n)%1+1)%1,c=y(t[i],d,t[a],l),m=Math.max(0,l-.04),g=y(t[i],d,t[a],m),h=p.createLinearGradient(g.x,g.y,c.x,c.y);h.addColorStop(0,r(0)),h.addColorStop(1,r(.5)),p.strokeStyle=h,p.lineWidth=2,p.beginPath(),p.moveTo(g.x,g.y),p.lineTo(c.x,c.y),p.stroke(),p.shadowColor=s,p.shadowBlur=12,p.fillStyle=s,p.beginPath(),p.arc(c.x,c.y,2.6,0,2*Math.PI),p.fill(),p.shadowBlur=0}for(let n of(p.restore(),t)){for(let t=0;t<2;t++){let i=((e+2.6*t/2)%2.6+2.6)%2.6/2.6,a=3+24*i,o=(1-i)*.45;p.beginPath(),p.strokeStyle=r(o),p.lineWidth=1.5,p.arc(n.x,n.y,a,0,2*Math.PI),p.stroke()}p.fillStyle=s,p.shadowColor=s,p.shadowBlur=8,p.beginPath(),p.arc(n.x,n.y,2.6,0,2*Math.PI),p.fill(),p.shadowBlur=0}},j=e=>{w||(w=e),_((e-w)/1e3),v=requestAnimationFrame(j)};u(),g?_(0):v=requestAnimationFrame(j);let N=new ResizeObserver(()=>{u(),g&&_(0)});return N.observe(m),()=>{cancelAnimationFrame(v),N.disconnect()}},[e]),(0,t.jsx)("canvas",{ref:d,className:"ind__map","aria-hidden":"true"})}])},24911,e=>{"use strict";var t=e.i(43476),n=e.i(2018);e.s(["default",0,function(){return(0,t.jsxs)("div",{className:"elementor-61",children:[(0,t.jsx)("div",{className:"elementor-element elementor-element-88745f4 e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-parent","data-id":"88745f4","data-element_type":"container","data-e-type":"container",children:(0,t.jsx)("div",{className:"e-con-inner",children:(0,t.jsxs)("div",{className:"elementor-element elementor-element-343b363 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child","data-id":"343b363","data-element_type":"container","data-e-type":"container",children:[(0,t.jsx)(n.ScrollReveal,{delay:.05,duration:.7,yOffset:20,children:(0,t.jsx)("div",{className:"elementor-element elementor-element-7afb238 elementor-widget elementor-widget-logico_heading","data-id":"7afb238","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_heading.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"logico-title",children:"/ Doormile Approach /"})})})}),(0,t.jsx)(n.ScrollReveal,{delay:.15,duration:.85,yOffset:30,children:(0,t.jsx)("div",{className:"elementor-element elementor-element-1cc335a elementor-widget elementor-widget-logico_heading","data-id":"1cc335a","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_heading.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"logico-title",style:{WebkitTextStroke:"4px #c01227",color:"#fff",fontWeight:800},children:"The Doormile Way"})})})}),(0,t.jsxs)("div",{className:"elementor-element elementor-element-4c3e632 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child","data-id":"4c3e632","data-element_type":"container","data-e-type":"container",children:[(0,t.jsx)(n.ScrollReveal,{delay:.2,duration:.8,yOffset:25,children:(0,t.jsx)("div",{className:"elementor-element elementor-element-5ba6bbf e-con-full e-flex cut-corner-no sticky-container-off e-con e-child","data-id":"5ba6bbf","data-element_type":"container","data-e-type":"container",children:(0,t.jsx)("div",{className:"elementor-element elementor-element-9363070 elementor-widget elementor-widget-logico_heading","data-id":"9363070","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_heading.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("h3",{className:"logico-title",children:" Smarter, Faster, Connected Logistics"})})})})}),(0,t.jsx)(n.ScrollReveal,{delay:.3,duration:.8,yOffset:25,children:(0,t.jsx)("div",{className:"elementor-element elementor-element-e7609a5 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child","data-id":"e7609a5","data-element_type":"container","data-e-type":"container",children:(0,t.jsx)("div",{className:"elementor-element elementor-element-c134b96 elementor-widget elementor-widget-text-editor","data-id":"c134b96","data-element_type":"widget","data-e-type":"widget","data-widget_type":"text-editor.default",children:(0,t.jsxs)("div",{className:"elementor-widget-container",children:[(0,t.jsx)("p",{children:(0,t.jsxs)("strong",{children:["We connect first mile and last mile into one seamless system, reducing delays and improving efficiency. With real-time tracking and digital workflows,",(0,t.jsx)("br",{})," every delivery is faster, reliable, and fully transparent."]})}),(0,t.jsx)("p",{children:"Seamless logistics powered by real-time tracking, digital processes, and reliable delivery execution."})]})})})})]})]})})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-5041fcc e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-parent","data-id":"5041fcc","data-element_type":"container","data-e-type":"container",children:(0,t.jsx)("div",{className:"e-con-inner",children:(0,t.jsxs)(n.StaggerChildren,{stagger:.12,duration:.7,yOffset:35,className:"elementor-element elementor-element-2d7c3ee e-con-full e-grid cut-corner-no sticky-container-off e-con e-child",children:[(0,t.jsxs)("div",{className:"elementor-element elementor-element-d11b050 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child","data-id":"d11b050","data-element_type":"container","data-e-type":"container",children:[(0,t.jsx)("div",{className:"elementor-element elementor-element-3a6f50f elementor-view-default elementor-widget elementor-widget-icon","data-id":"3a6f50f","data-element_type":"widget","data-e-type":"widget","data-widget_type":"icon.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"elementor-icon-wrapper",children:(0,t.jsx)("div",{className:"elementor-icon",children:(0,t.jsx)("i",{"aria-hidden":"true",className:"fontello icon-light-delivery"})})})})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-1025248 elementor-widget elementor-widget-logico_heading","data-id":"1025248","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_heading.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"logico-title",children:"End-to-End Protection"})})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-c7c19bd elementor-widget elementor-widget-text-editor","data-id":"c7c19bd","data-element_type":"widget","data-e-type":"widget","data-widget_type":"text-editor.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("p",{children:"End-to-end visibility ensures every shipment stays secure and on schedule."})})})]}),(0,t.jsxs)("div",{className:"elementor-element elementor-element-2c82e54 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child","data-id":"2c82e54","data-element_type":"container","data-e-type":"container",children:[(0,t.jsx)("div",{className:"elementor-element elementor-element-f51735e elementor-view-default elementor-widget elementor-widget-icon","data-id":"f51735e","data-element_type":"widget","data-e-type":"widget","data-widget_type":"icon.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"elementor-icon-wrapper",children:(0,t.jsx)("div",{className:"elementor-icon",children:(0,t.jsx)("i",{"aria-hidden":"true",className:"fontello icon-light-container"})})})})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-c682633 elementor-widget elementor-widget-logico_heading","data-id":"c682633","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_heading.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"logico-title",children:"Proactive delay prevention"})})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-74d14e3 elementor-widget elementor-widget-text-editor","data-id":"74d14e3","data-element_type":"widget","data-e-type":"widget","data-widget_type":"text-editor.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("p",{children:"Real-time monitoring helps prevent delays before they impact deliveries."})})})]}),(0,t.jsxs)("div",{className:"elementor-element elementor-element-08b9b20 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child","data-id":"08b9b20","data-element_type":"container","data-e-type":"container",children:[(0,t.jsx)("div",{className:"elementor-element elementor-element-612c459 elementor-view-default elementor-widget elementor-widget-icon","data-id":"612c459","data-element_type":"widget","data-e-type":"widget","data-widget_type":"icon.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"elementor-icon-wrapper",children:(0,t.jsx)("div",{className:"elementor-icon",children:(0,t.jsx)("i",{"aria-hidden":"true",className:"fontello icon-light-directions"})})})})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-aa49275 elementor-widget elementor-widget-logico_heading","data-id":"aa49275","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_heading.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"logico-title",children:"Single owner, single promise"})})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-74cfdf7 elementor-widget elementor-widget-text-editor","data-id":"74cfdf7","data-element_type":"widget","data-e-type":"widget","data-widget_type":"text-editor.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("p",{children:"One unified system manages the entire delivery process seamlessly."})})})]}),(0,t.jsxs)("div",{className:"elementor-element elementor-element-04989ee e-con-full e-flex cut-corner-no sticky-container-off e-con e-child","data-id":"04989ee","data-element_type":"container","data-e-type":"container",children:[(0,t.jsx)("div",{className:"elementor-element elementor-element-11a657e elementor-view-default elementor-widget elementor-widget-icon","data-id":"11a657e","data-element_type":"widget","data-e-type":"widget","data-widget_type":"icon.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"elementor-icon-wrapper",children:(0,t.jsx)("div",{className:"elementor-icon",children:(0,t.jsx)("i",{"aria-hidden":"true",className:"fontello icon-light-storage"})})})})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-b317d31 elementor-widget elementor-widget-logico_heading","data-id":"b317d31","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_heading.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"logico-title",children:"Dynamic AI-driven adjustments"})})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-8fe5662 elementor-widget elementor-widget-text-editor","data-id":"8fe5662","data-element_type":"widget","data-e-type":"widget","data-widget_type":"text-editor.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("p",{children:"AI-powered routing adapts instantly to improve speed and efficiency."})})})]})]})})})]})}])},14224,e=>{"use strict";var t=e.i(43476),n=e.i(71645),i=e.i(89970),a=e.i(83495),o=e.i(5074);i.default.registerPlugin(a.ScrollTrigger);let d=[{icon:(0,t.jsx)("svg",{className:"evnd-icon",viewBox:"0 0 24 24",fill:"none",stroke:"#f59e0b",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,t.jsx)("polygon",{points:"13 2 3 14 12 14 11 22 21 10 12 10 13 2"})}),title:"Battery-Aware Routing",desc:"Battery level, health, and degradation are first-class inputs to route optimization — not afterthoughts."},{icon:(0,t.jsx)("svg",{className:"evnd-icon",viewBox:"0 0 24 24",fill:"none",stroke:"#94a3b8",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,t.jsx)("path",{d:"M18 10h-1.28A6 6 0 0 0 12 5V3M12 5V3M6 10h1.28A6 6 0 0 0 12 5M12 18v2M12 18v2M8 10v6a4 4 0 0 0 8 0v-6"})}),title:"Charging Integration",desc:"Seamlessly integrate charging stops without compromising delivery windows or SLA commitments."},{icon:(0,t.jsx)("svg",{className:"evnd-icon",viewBox:"0 0 24 24",fill:"none",stroke:"#ef4444",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,t.jsx)("path",{d:"m8 3 4 8 5-5 5 15H2L8 3z"})}),title:"Energy-Optimized Paths",desc:"Factor in elevation, speed limits, payload weight, and live weather for maximum range efficiency."},{icon:(0,t.jsx)("svg",{className:"evnd-icon",viewBox:"0 0 24 24",fill:"none",stroke:"#ef4444",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,t.jsx)("path",{d:"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"})}),title:"Predictable Operations",desc:"EVs become predictable assets, not operational risks. Full visibility from depot to doorstep."}],l=[{value:"100%",label:"ELECTRIC FLEET"},{value:"-40%",label:"COST / MILE"}],r=[{value:99.9,decimals:1,suffix:"%",label:"SLA Compliance"},{value:42,suffix:"%",label:"Distance Saved"},{value:37,suffix:"%",label:"Fewer Vehicles"},{value:45,suffix:"ms",label:"Dispatch Latency"}];function s({value:e,decimals:i=0,suffix:a="",duration:o=1700,className:d}){let[l,r]=(0,n.useState)(0),c=(0,n.useRef)(null),m=(0,n.useRef)(!1);return(0,n.useEffect)(()=>{let t=c.current;if(!t)return;if(window.matchMedia?.("(prefers-reduced-motion: reduce)").matches)return void requestAnimationFrame(()=>r(e));let n=new IntersectionObserver(t=>{for(let i of t)if(i.isIntersecting&&!m.current){m.current=!0;let t=performance.now(),i=e=>1-Math.pow(1-e,3),a=n=>{let d=Math.min(1,(n-t)/o);r(e*i(d)),d<1?requestAnimationFrame(a):r(e)};requestAnimationFrame(a),n.disconnect()}},{threshold:.2});return n.observe(t),()=>n.disconnect()},[e,o]),(0,t.jsxs)("b",{ref:c,className:d,children:[l.toFixed(i),a]})}function c({accent:e}){return(0,t.jsx)("div",{className:"evnd__map","aria-hidden":"true",children:(0,t.jsx)(o.default,{accent:e})})}function m({metrics:e,features:n,heading:i,theme:a}){let o=a?{"--ca":a.accent,"--ca2":a.accent2,"--cg":a.glow}:void 0;return(0,t.jsxs)("div",{className:"evnd__dash",style:o,children:[i&&(0,t.jsxs)("div",{className:"evnd__dash-head",children:[(0,t.jsxs)("span",{className:"evnd__dash-live",children:[(0,t.jsx)("span",{className:"evnd__dash-livedot"}),i]}),(0,t.jsx)("span",{className:"evnd__dash-sys",children:"AI ENGINE"})]}),(0,t.jsx)("div",{className:"evnd__dash-kpis",children:e.map(e=>(0,t.jsxs)("div",{className:"evnd__kpi",children:[(0,t.jsx)(s,{value:e.value,decimals:e.decimals,suffix:e.suffix,className:"evnd__kpi-val"}),(0,t.jsx)("span",{className:"evnd__kpi-label",children:e.label})]},e.label))}),(0,t.jsx)("div",{className:"evnd__dash-feats",children:n.map(e=>(0,t.jsxs)("div",{className:"evnd__dfeat",children:[(0,t.jsx)("span",{className:"evnd__dfeat-ico","aria-hidden":"true",children:e.icon}),(0,t.jsxs)("div",{className:"evnd__dfeat-body",children:[(0,t.jsx)("span",{className:"evnd__dfeat-title",children:e.title}),(0,t.jsx)("p",{className:"evnd__dfeat-desc",children:e.desc})]})]},e.title))})]})}e.s(["default",0,function({bannerImage:e="/images/bg-header-5.png",cardNumber:o="",cardTitle:p="EV Logistics",cardSubtitle:g="Cleaner miles, lower costs",eyebrow:h="/ EV-Native Design /",titleLead:x="BUILT FOR ELECTRIC. ",titleAccent:f="NOT ADAPTED.",features:v=d,image:w="/images/premium-ev-van.png",imageAlt:u="DoorMile electric delivery van",badges:b=l,stats:y=r,gapTop:_=!1,gapBottom:j=!1,ariaLabel:N,mediaSlot:k,metrics:S,cardsHeading:z,cardsTheme:T}){let I=(0,n.useRef)(null),R=!!S&&S.length>0,A=R&&T?{"--ca":T.accent,"--ca2":T.accent2,"--cg":T.glow}:void 0;return(0,n.useEffect)(()=>{let e=I.current;if(!e)return;let t=a.ScrollTrigger.create({trigger:e,start:"top bottom",end:"bottom top",scrub:!0,onUpdate:()=>{if(window.innerWidth>=1021){let t=window.scrollY,n=e.getBoundingClientRect().top+t;i.default.set(e,{backgroundPosition:`center ${.3*(t-n)}px`})}else i.default.set(e,{backgroundPosition:""})}});return()=>t?.kill()},[]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("style",{dangerouslySetInnerHTML:{__html:`
/* ============================================================
EV-Native Design — redesigned section
bg #080808 \xb7 red #ef4444 \xb7 Manrope
============================================================ */
.evnd, .evnd * { font-family: "Manrope", Sans-serif !important; }
/* External gap helpers — keep stacked workflow sections on one rhythm
(Desktop 40 \xb7 Tablet 32 \xb7 Mobile 24). Single-sided per boundary. */
.evnd-gap-top { margin-top: 40px !important; }
.evnd-gap-bottom { margin-bottom: 40px !important; }
.evnd {
position: relative;
isolation: isolate;
overflow: hidden;
background: #080808;
/* flat top so it connects seamlessly to the banner above; rounded
bottom only, and no top margin so there is no white gap */
border-radius: 0 0 clamp(16px, 2vw, 28px) clamp(16px, 2vw, 28px);
margin: 0 0 clamp(28px, 5vw, 64px);
padding: 64px 48px clamp(48px, 6vw, 80px);
}
/* ---- Tighten the space below the KPI bar (WF1/WF2 only) ----
The base section reserves a tall padding-bottom (up to 80px) plus a
margin-bottom (up to 64px) that renders as a #0d0d0d band inside the
rounded container — together ~144px of empty space after the KPI bar.
The workflows end at the bar, so trim both: the bar now sits close to
the section's bottom edge, and the outer .evnd-gap-bottom (40px) still
provides clean separation to the next section. Scoped to .evnd--cards
(specificity beats the base + responsive .evnd rules at every
breakpoint) so the homepage EV section keeps its original spacing. */
.evnd.evnd--cards {
padding-bottom: clamp(28px, 3vw, 40px);
margin-bottom: clamp(8px, 1vw, 14px);
}
/* ---- Tighten the banner → black-section transition (≥768px) ----
From 768px up the floating title card overlaps with a FIXED budget
(margin-top:-298px into the banner, -70px into this section). The
workflow cards carry longer subtitles than the homepage card, so they
run taller than that budget and the overflow shows as a dark #0d0d0d
spacer between the hero image and this black section. Pull the section
up under the banner to swallow that strip — the card (z-index 2) stays
on top, so the overlapping card design is preserved. The flat top tucks
cleanly behind the banner. Not applied ≤767px, where the card sits
inline (no overlap) and no spacer exists — so mobile is unchanged. */
@media (min-width: 768px) {
.evnd { margin-top: -60px; }
}
/* ---- Floating card sizing: content-driven, not container-driven ----
The exported Elementor card reserves a lot of vertical space that the
short title + subtitle don't fill: the red text block (3b61435) carried
64px/73px top/bottom padding and the empty white footer strip (5aea22e)
a 70px min-height. Trim both so the card height tracks the text, while
keeping the two-tone red/white design, the 25px corner radius, and the
typography untouched. These rules live in the (body) inline <style> so
they override site.css at equal specificity; values tighten on mobile.
Applies to every workflow card (shared element IDs) for consistency. */
.elementor-element.elementor-element-3b61435 {
--padding-top: 46px;
--padding-bottom: 38px;
}
.elementor-element.elementor-element-5aea22e {
--min-height: 38px;
--padding-top: 14px;
--padding-bottom: 14px;
}
@media (max-width: 1020px) {
.elementor-element.elementor-element-3b61435 {
--padding-top: 34px;
--padding-bottom: 28px;
}
.elementor-element.elementor-element-5aea22e {
--min-height: 32px;
--padding-top: 12px;
--padding-bottom: 12px;
}
}
@media (max-width: 660px) {
/* Mobile: trim more aggressively so there is no large empty area
below the paragraph. */
.elementor-element.elementor-element-3b61435 {
--padding-top: 26px;
--padding-bottom: 22px;
}
.elementor-element.elementor-element-5aea22e {
--min-height: 24px;
--padding-top: 10px;
--padding-bottom: 10px;
}
}
/* subtle diagonal light band for depth (matches reference) */
.evnd::before {
content: '';
position: absolute;
inset: 0;
z-index: 0;
pointer-events: none;
background: linear-gradient(120deg, transparent 28%, rgba(255,255,255,0.015) 50%, transparent 72%);
}
.evnd__inner { position: relative; z-index: 1; max-width: 1280px; margin: 0 auto; }
/* ---- MAIN GRID ---- */
.evnd__grid {
display: grid;
grid-template-columns: 1.15fr 1fr;
gap: clamp(32px, 4vw, 56px);
align-items: center;
}
/* Split-screen workflow layout: ~60/40 so the compact dashboard column
carries enough weight to balance the Three.js scene. align-items:
stretch lets the dashboard panel match the scene height. */
.evnd__grid--cards {
grid-template-columns: 1.5fr 1fr;
align-items: stretch;
}
.evnd__grid--cards .evnd__left { justify-content: center; }
.evnd__grid--cards .evnd__left,
.evnd__grid--cards .evnd__media { width: 100%; }
/* ---- Desktop height alignment: scene and dashboard share one row height.
A min-height floor on the scene column sets the baseline row height;
both columns stretch to the row via grid align-items: stretch. The
dashboard uses min-height:100% and its feature list grows (flex:1) to
fill any extra height so the panel always matches the scene. */
@media (min-width: 992px) {
.evnd__grid--cards .evnd__left {
min-height: clamp(560px, 40vw, 620px);
}
.evnd__grid--cards .evnd__media,
.evnd__grid--cards .evnd__imgwrap--media,
.evnd__grid--cards .wf-scene { height: 100%; }
.evnd__grid--cards .wf-scene { aspect-ratio: auto; }
.evnd__grid--cards .evnd__dash { min-height: 100%; }
/* Static-image media (Workflow 2): cap the image height with a fixed
max-height so it sits at roughly the dashboard's row height instead
of towering hundreds of px below it. width:auto keeps the aspect
ratio (no stretch, no crop) and the frame hugs the image
(fit-content), so it stays centred with no side bands. The cap is
kept below the dashboard height so the image never inflates the row.
Scoped to the non-scene wrapper; desktop only, mobile untouched. */
.evnd__grid--cards .evnd__imgwrap:not(.evnd__imgwrap--media) {
width: fit-content;
max-width: 100%;
margin-inline: auto;
}
.evnd__grid--cards .evnd__imgwrap:not(.evnd__imgwrap--media) .evnd__img {
width: auto;
height: auto;
max-height: clamp(520px, 46vw, 670px);
max-width: 100%;
}
}
.evnd__left {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.evnd__right {
display: flex;
flex-direction: column;
}
.evnd__eyebrow {
display: inline-flex;
align-items: center;
gap: 12px;
color: #ef4444 !important;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.16em;
font-size: 13px;
margin-bottom: 20px;
}
.evnd__eyebrow::before {
content: '';
width: 16px;
height: 2px;
background: #ef4444;
}
.evnd__title {
color: #fff !important;
font-weight: 800 !important;
font-size: clamp(32px, 3.8vw, 48px) !important;
line-height: 1.15 !important;
letter-spacing: -0.01em;
margin: 0 0 36px 0;
}
@media (min-width: 768px) {
.evnd__title {
white-space: nowrap;
}
}
.evnd__title .accent {
color: #ef4444 !important;
}
.evnd__media {
position: relative;
width: 100%;
}
.evnd__glow {
position: absolute;
left: 50%; bottom: -4%;
width: 80%; height: 80px;
transform: translateX(-50%);
background: radial-gradient(50% 50% at 50% 50%, rgba(239,68,68,0.3), transparent 72%);
filter: blur(35px);
z-index: 0;
animation: evndGlow 4s ease-in-out infinite;
}
.evnd__imgwrap {
position: relative;
z-index: 1;
overflow: hidden;
border-radius: 16px;
border: 1px solid rgba(255,255,255,0.06);
box-shadow: 0 30px 60px -25px rgba(0,0,0,0.85);
}
.evnd__img {
display: block;
width: 100%;
height: auto;
object-fit: cover;
transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}
.evnd__imgwrap:hover .evnd__img {
transform: scale(1.03);
}
/* Badge overlay styling */
.evnd__badge {
position: absolute;
z-index: 2;
display: flex;
flex-direction: column;
gap: 2px;
padding: 12px 16px;
background: rgba(13,13,13,0.72);
border: 1px solid rgba(255,255,255,0.08);
border-radius: 8px;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
}
.evnd__badge b {
color: #ef4444 !important;
font-weight: 800;
font-size: 24px;
line-height: 1;
}
.evnd__badge span {
color: rgba(255,255,255,0.7) !important;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.evnd__badge--tl { top: 20px; left: 20px; }
.evnd__badge--br { bottom: 20px; right: 20px; }
/* ---- Homepage feature cards (default, no-dashboard mode) ---- */
.evnd__features {
display: flex;
flex-direction: column;
gap: 16px;
height: 100%;
justify-content: space-between;
}
.evnd-feature {
position: relative;
display: grid;
grid-template-columns: 48px minmax(0, 1fr) auto;
gap: 20px;
align-items: start;
background: rgba(255,255,255,0.02);
border: 1px solid rgba(255,255,255,0.05);
border-radius: 16px;
padding: 24px;
overflow: hidden;
transition: background-color 0.4s ease, border-color 0.4s ease, transform 0.4s cubic-bezier(.25,1,.5,1);
}
.evnd-feature__body { min-width: 0; }
.evnd-feature::before {
content: '';
position: absolute;
left: 0; top: 0; bottom: 0;
width: 3px;
background: #ef4444;
transform: scaleY(0);
transform-origin: bottom;
transition: transform 0.4s ease;
}
.evnd-feature:hover {
background: rgba(239,68,68,0.03);
border-color: rgba(239,68,68,0.2);
transform: translateY(-2px);
}
.evnd-feature:hover::before { transform: scaleY(1); }
.evnd-feature__icon-container {
width: 48px; height: 48px;
display: flex; align-items: center; justify-content: center;
background: rgba(255,255,255,0.03);
border: 1px solid rgba(255,255,255,0.08);
border-radius: 12px;
transition: background-color 0.3s ease, border-color 0.3s ease;
}
.evnd-feature:hover .evnd-feature__icon-container {
background: rgba(239,68,68,0.08);
border-color: rgba(239,68,68,0.25);
}
.evnd-icon {
width: 22px;
height: 22px;
display: block;
}
.evnd-feature__title {
color: #fff !important;
font-weight: 700;
font-size: 15px !important;
text-transform: uppercase;
letter-spacing: 0.05em;
margin: 4px 0 8px;
transition: color 0.3s ease;
}
.evnd-feature:hover .evnd-feature__title { color: #ef4444 !important; }
.evnd-feature__desc {
color: rgba(255,255,255,0.65) !important;
font-weight: 400 !important;
font-size: 14px !important;
line-height: 1.6 !important;
margin: 0;
}
.evnd-feature__arrow {
color: rgba(255,255,255,0.25);
font-size: 16px;
align-self: flex-start;
margin-top: 4px;
transition: color 0.3s ease, transform 0.3s ease;
}
.evnd-feature:hover .evnd-feature__arrow { color: #ef4444; transform: translate(3px, -3px); }
/* When the left media is a live 3D scene, let it define its own height
(via aspect-ratio) — drop the image-only hover zoom container quirks. */
.evnd__imgwrap--media { box-shadow: 0 30px 60px -25px rgba(0,0,0,0.85); }
/* ============================================================
COMPACT DASHBOARD (MileTruth workflow right column).
A small KPI row over compact feature cards, on the animated network
backdrop. Themed per-workflow via CSS vars (--ca accent \xb7 --ca2
secondary \xb7 --cg glow). Falls back to the section red.
============================================================ */
.evnd__dash {
--ca: #ef4444;
--ca2: #f59e0b;
--cg: rgba(239,68,68,0.22);
position: relative;
display: flex;
flex-direction: column;
gap: 18px;
width: 100%;
/* panel surface so the column reads as a real dashboard, not empty space */
background:
radial-gradient(120% 80% at 100% 0%, color-mix(in srgb, var(--ca) 9%, transparent) 0%, transparent 55%),
linear-gradient(180deg, rgba(255,255,255,0.025) 0%, rgba(255,255,255,0.01) 100%);
border: 1px solid rgba(255,255,255,0.07);
border-radius: 20px;
padding: 24px;
overflow: hidden;
isolation: isolate;
}
.evnd__dash-head,
.evnd__dash-kpis,
.evnd__dash-feats { position: relative; z-index: 1; }
/* dashboard header row */
.evnd__dash-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.evnd__dash-live {
display: inline-flex;
align-items: center;
gap: 9px;
color: var(--ca) !important;
font-weight: 800;
font-size: 12px;
letter-spacing: 0.16em;
text-transform: uppercase;
}
.evnd__dash-livedot {
width: 8px; height: 8px;
border-radius: 50%;
background: var(--ca);
box-shadow: 0 0 0 0 var(--cg);
animation: evndPulse 1.8s ease-out infinite;
}
@keyframes evndPulse {
0% { box-shadow: 0 0 0 0 var(--cg); opacity: 1; }
70% { box-shadow: 0 0 0 8px transparent; opacity: 0.7; }
100% { box-shadow: 0 0 0 0 transparent; opacity: 1; }
}
.evnd__dash-sys {
color: rgba(255,255,255,0.4) !important;
font-weight: 700;
font-size: 11px;
letter-spacing: 0.18em;
text-transform: uppercase;
}
/* ---- Compact KPI row ---- */
.evnd__dash-kpis {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
.evnd__kpi {
display: flex;
flex-direction: column;
gap: 5px;
padding: 14px 16px;
background: rgba(255,255,255,0.025);
border: 1px solid rgba(255,255,255,0.06);
border-radius: 14px;
}
.evnd__kpi-val {
color: #fff !important;
font-weight: 800;
font-size: clamp(26px, 3vw, 34px);
line-height: 1;
letter-spacing: -0.02em;
background: linear-gradient(120deg, #fff 0%, var(--ca) 135%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.evnd__kpi-label {
color: rgba(255,255,255,0.6) !important;
font-weight: 600;
font-size: 12.5px;
letter-spacing: 0.01em;
}
/* ============================================================
Large-screen layout balance (WF1/WF2 dashboard only, ≥1440px).
Root cause of the empty space is an oversized dashboard column, not
the KPI cards: give the Three.js scene more of the row (≈66/34, up to
68/32 on ultra-wide) and pin the dashboard panel to a compact fixed
max-width, centred in its column — so the KPI cards and feature rows
stop stretching and read as content-sized. Card heights, typography,
card styling, animations and the scene itself are untouched; only the
column proportions, panel width and KPI content alignment change.
(.evnd__inner caps at 1280px, so one ratio step covers all 1440+
widths; the 1600/1920 steps tighten the split further on very wide
displays.) Everything is scoped to .evnd__grid--cards and ≥1440px, so
the homepage EV section and tablet/laptop/mobile layouts are unchanged.
============================================================ */
@media (min-width: 1440px) {
/* Let the content area grow past the 1280px base cap so the scene
can get wider on large screens (scoped to WF1/WF2 — the homepage
EV section keeps its 1280px inner). Viewport/padding still limit
this at smaller widths; it mainly pays off at ~1600px+. */
.evnd__inner--cards { max-width: 1560px; }
/* Dashboard pinned to a fixed 600px track; the scene (1fr) absorbs
ALL the extra width, so growing the inner widens the scene only. */
.evnd__grid--cards { grid-template-columns: 1fr 600px; }
.evnd__grid--cards .evnd__dash {
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
/* Centre the KPI value/label so the cards read balanced rather than
left-hugging (height/type/styling unchanged). */
.evnd__grid--cards .evnd__kpi {
align-items: center;
text-align: center;
}
}
@media (min-width: 1920px) {
/* Ultra-wide: give the scene even more room (dashboard stays 600px). */
.evnd__inner--cards { max-width: 1720px; }
}
/* ---- Static-image workflow (Workflow 2) layout, 1440px+ ----
The asset is PORTRAIT, so it can't fill the wide scene column without
cropping. To show the WHOLE image (no missing content) it's hugged to
its own width via the ≥992 rules (fit-content frame + height cap) and
centred next to the 600px dashboard (same width as Workflow 1) with the
pair centred in a tightened inner — full image, no crop, no dead space.
It therefore sits a little narrower than the dashboard; filling the
column edge-to-edge would need a landscape source image. */
@media (min-width: 1440px) {
.evnd__inner--cards.evnd__inner--img { max-width: 1200px; }
.evnd__grid--cards.evnd__grid--img {
grid-template-columns: auto 600px;
justify-content: center;
gap: clamp(40px, 3vw, 56px);
}
}
/* ---- Compact feature cards ---- */
.evnd__dash-feats {
display: flex;
flex-direction: column;
gap: 12px;
flex: 1 0 auto;
}
.evnd__dfeat {
display: grid;
grid-template-columns: 38px minmax(0, 1fr);
gap: 14px;
align-items: center;
padding: 13px 16px;
background: rgba(255,255,255,0.02);
border: 1px solid rgba(255,255,255,0.06);
border-radius: 14px;
transition: background-color 0.35s ease, border-color 0.35s ease, transform 0.35s cubic-bezier(.25,1,.5,1);
}
.evnd__dfeat:hover {
background: color-mix(in srgb, var(--ca) 5%, transparent);
border-color: color-mix(in srgb, var(--ca) 28%, transparent);
transform: translateY(-2px);
}
.evnd__dfeat-ico {
width: 38px; height: 38px;
display: flex; align-items: center; justify-content: center;
color: var(--ca);
background: color-mix(in srgb, var(--ca) 12%, transparent);
border: 1px solid color-mix(in srgb, var(--ca) 30%, transparent);
border-radius: 10px;
}
.evnd__dfeat-ico svg { width: 19px; height: 19px; display: block; }
.evnd__dfeat-body { min-width: 0; }
.evnd__dfeat-title {
display: block;
color: #fff !important;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.04em;
margin-bottom: 3px;
}
.evnd__dfeat-desc {
color: rgba(255,255,255,0.6) !important;
font-weight: 400 !important;
font-size: 13px !important;
line-height: 1.45 !important;
margin: 0 !important;
}
/* ============================================================
Shared global-network backdrop (WF1/WF2) — the dotted world-map
silhouette + animated hub network reused VERBATIM from the Women
Empowerment section (IndustryWorldMap canvas), tinted to the workflow
accent. Full-bleed, behind the .evnd__inner content (z 0 vs z 1),
pointer-events free, held to a subtle 510% opacity so the KPI cards,
feature cards and insight content stay the primary focus.
============================================================ */
.evnd__map {
position: absolute;
inset: 0;
z-index: 0;
/* Matches the Women Empowerment section's .ws-map treatment (flat
opacity, no mask — same implementation). On this darker #080808
background the grey dots are already very low contrast, so this
sits subtle while keeping the world-map silhouette readable. */
opacity: 0.5;
pointer-events: none;
overflow: hidden;
}
.evnd__map canvas { display: block; width: 100%; height: 100%; }
/* ---- BOTTOM BAR (homepage / default mode) ---- */
.evnd__bar {
display: grid;
grid-template-columns: repeat(4, 1fr);
background: rgba(255,255,255,0.02);
border: 1px solid rgba(255,255,255,0.06);
border-radius: 16px;
overflow: hidden;
margin-top: 60px;
padding: 38px 0;
}
.evnd__bar-item {
position: relative;
display: flex;
flex-direction: column;
gap: 12px;
align-items: center;
justify-content: center;
text-align: center;
padding: 12px 24px;
}
.evnd__bar-item:not(:last-child)::after {
content: '';
position: absolute;
right: 0;
top: 15%;
height: 70%;
width: 1px;
background: rgba(255, 255, 255, 0.08);
}
.evnd__bar-val {
color: #ef4444 !important;
font-weight: 800;
font-size: clamp(32px, 4vw, 56px);
line-height: 1;
}
.evnd__bar-label {
color: #fff !important;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.02em;
text-transform: none;
opacity: 0.9;
}
@keyframes evndGlow { 0%,100% { opacity: 0.75; } 50% { opacity: 1; } }
/* ---- Responsive ---- */
@media (max-width: 1024px) {
.evnd-gap-top { margin-top: 32px !important; }
.evnd-gap-bottom { margin-bottom: 32px !important; }
}
@media (max-width: 991px) {
.evnd { padding: 48px 32px 56px; }
.evnd__grid { grid-template-columns: 1fr; gap: 40px; }
.evnd__title { margin-bottom: 28px; }
.evnd__features { gap: 14px; }
/* Stacked: KPI row can spread to 4-up since it now has full width. */
.evnd__dash-kpis { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 767px) {
.evnd-gap-top { margin-top: 24px !important; }
.evnd-gap-bottom { margin-bottom: 24px !important; }
.evnd__bar { grid-template-columns: repeat(2, 1fr); gap: 24px 0; padding: 24px 0; margin-top: 24px; }
.evnd__bar-item:nth-child(even)::after { display: none; }
.evnd__bar-item:nth-child(2)::after { display: none; }
.evnd__bar-item { padding: 12px 16px; }
/* ---- Scene overlay cleanup (mobile) ----
Keep only the primary top-left KPI badge; the second (bottom-right)
badge covers the route visualization, so it is removed. The
remaining badge is scaled down (~0.72) so it never dominates. */
.evnd__badge--br { display: none !important; }
.evnd__badge--tl { transform: scale(0.72); transform-origin: top left; }
/* ---- Horizontal alignment (WF1 / WF2 only) ----
minmax(0,1fr) + min-width:0 let the scene/panel columns shrink to
the container so the scene, panel and content share one symmetric
width and centre perfectly. Scoped to .evnd__grid--cards so the
homepage EV section is untouched. */
.evnd__grid--cards { grid-template-columns: minmax(0, 1fr); }
.evnd__grid--cards .evnd__left,
.evnd__grid--cards .evnd__right,
.evnd__grid--cards .evnd__media,
.evnd__grid--cards .evnd__dash { min-width: 0; }
/* Keep the KPI row a tidy 2x2 on phones. */
.evnd__dash-kpis { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
.evnd { padding: 40px 16px 48px; }
.evnd__bar { grid-template-columns: repeat(2, 1fr); gap: 18px 0; padding: 22px 0; }
.evnd__bar-item { padding: 10px 12px; gap: 8px; }
.evnd__bar-val { font-size: clamp(26px, 9vw, 34px); }
.evnd__bar-label { font-size: 12.5px; }
/* feature cards (homepage): tighter, no overflow, more room for text */
.evnd-feature {
grid-template-columns: 40px minmax(0, 1fr);
gap: 14px;
padding: 18px 16px;
}
.evnd-feature__icon-container { width: 40px; height: 40px; border-radius: 10px; }
.evnd-icon { width: 20px; height: 20px; }
.evnd-feature__title { font-size: 14px !important; letter-spacing: 0.03em; margin: 2px 0 6px; padding-right: 22px; }
.evnd-feature__desc { font-size: 13px !important; line-height: 1.55 !important; }
.evnd-feature__arrow { position: absolute; top: 16px; right: 16px; margin: 0; }
/* ---- Compact dashboard (phones) ---- */
.evnd__dash { padding: 18px; gap: 14px; }
.evnd__dash-sys { display: none; }
.evnd__dash-kpis { gap: 10px; }
.evnd__kpi { padding: 12px 14px; gap: 4px; }
.evnd__kpi-val { font-size: clamp(24px, 8vw, 30px); }
.evnd__kpi-label { font-size: 12px; }
.evnd__dfeat { padding: 12px 14px; gap: 12px; grid-template-columns: 34px minmax(0, 1fr); }
.evnd__dfeat-ico { width: 34px; height: 34px; border-radius: 9px; }
.evnd__dfeat-ico svg { width: 17px; height: 17px; }
.evnd__dfeat-title { font-size: 13.5px; }
.evnd__dfeat-desc { font-size: 12.5px !important; }
}
`}}),(0,t.jsxs)("div",{className:"elementor-element elementor-element-bbc6760 e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent"+(_?" evnd-gap-top":"")+(j?" evnd-gap-bottom":""),"data-id":"bbc6760","data-element_type":"container","data-e-type":"container","aria-label":N,style:{backgroundColor:"#0d0d0d",width:"calc(100% - 40px)",marginLeft:"20px",marginRight:"20px",borderRadius:"25px",overflow:"hidden"},children:[(0,t.jsx)("div",{ref:I,className:"elementor-element elementor-element-7da6646 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child","data-id":"7da6646","data-element_type":"container","data-e-type":"container","data-settings":'{"background_background":"classic"}',style:{backgroundPosition:"center 0px",backgroundImage:`url(${e})`,backgroundSize:"cover",backgroundRepeat:"no-repeat",position:"relative",zIndex:2,borderRadius:"25px 25px 0 0",overflow:"hidden"}}),(0,t.jsx)("div",{className:"elementor-element elementor-element-8b5d6e6 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child","data-id":"8b5d6e6","data-element_type":"container","data-e-type":"container",children:(0,t.jsxs)("div",{className:"elementor-element elementor-element-1f766ea e-con-full e-flex cut-corner-no sticky-container-off e-con e-child","data-id":"1f766ea","data-element_type":"container","data-e-type":"container",children:[(0,t.jsxs)("div",{className:"elementor-element elementor-element-3b61435 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child","data-id":"3b61435","data-element_type":"container","data-e-type":"container","data-settings":'{"background_background":"classic"}',children:[o&&(0,t.jsx)("div",{className:"elementor-element elementor-element-c364d1c elementor-widget elementor-widget-text-editor","data-id":"c364d1c","data-element_type":"widget","data-e-type":"widget","data-widget_type":"text-editor.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("p",{children:o})})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-239afbb elementor-widget elementor-widget-logico_heading","data-id":"239afbb","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_heading.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("h5",{className:"logico-title",children:p})})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-0d307dd elementor-widget elementor-widget-text-editor","data-id":"0d307dd","data-element_type":"widget","data-e-type":"widget","data-widget_type":"text-editor.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("p",{children:g})})})]}),(0,t.jsx)("div",{className:"elementor-element elementor-element-5aea22e e-con-full e-flex cut-corner-no sticky-container-off e-con e-child","data-id":"5aea22e","data-element_type":"container","data-e-type":"container","data-settings":'{"background_background":"classic"}'})]})}),(0,t.jsxs)("section",{className:`evnd${R?" evnd--cards":""}`,"aria-label":N??"EV-Native Design",style:A,children:[R&&T&&(0,t.jsx)(c,{accent:T.accent}),(0,t.jsxs)("div",{className:`evnd__inner${R?" evnd__inner--cards":""}${R&&!k?" evnd__inner--img":""}`,children:[(0,t.jsx)("span",{className:"evnd__eyebrow",children:h}),(0,t.jsxs)("h2",{className:"evnd__title",children:[x,(0,t.jsx)("span",{className:"accent",children:f})]}),(0,t.jsxs)("div",{className:`evnd__grid${R?" evnd__grid--cards":""}${R&&!k?" evnd__grid--img":""}`,children:[(0,t.jsx)("div",{className:"evnd__left",children:(0,t.jsxs)("div",{className:"evnd__media",children:[(0,t.jsx)("div",{className:"evnd__glow"}),(0,t.jsxs)("div",{className:`evnd__imgwrap${k?" evnd__imgwrap--media":""}`,children:[k||(0,t.jsx)("img",{className:"evnd__img",src:w,alt:u,decoding:"async"}),b[0]&&(0,t.jsxs)("div",{className:"evnd__badge evnd__badge--tl",children:[(0,t.jsx)("b",{children:b[0].value}),(0,t.jsx)("span",{children:b[0].label})]}),b[1]&&(0,t.jsxs)("div",{className:"evnd__badge evnd__badge--br",children:[(0,t.jsx)("b",{children:b[1].value}),(0,t.jsx)("span",{children:b[1].label})]})]})]})}),(0,t.jsx)("div",{className:"evnd__right",children:R?(0,t.jsx)(m,{metrics:S,features:v,heading:z,theme:T}):(0,t.jsx)("div",{className:"evnd__features",children:v.map(e=>(0,t.jsxs)("div",{className:"evnd-feature",children:[(0,t.jsx)("div",{className:"evnd-feature__icon-container","aria-hidden":"true",children:e.icon}),(0,t.jsxs)("div",{className:"evnd-feature__body",children:[(0,t.jsx)("div",{className:"evnd-feature__title",children:e.title}),(0,t.jsx)("p",{className:"evnd-feature__desc",children:e.desc})]}),(0,t.jsx)("span",{className:"evnd-feature__arrow","aria-hidden":"true",children:"↗"})]},e.title))})})]}),(0,t.jsx)("div",{className:"evnd__bar",children:(R?S:y).map(e=>(0,t.jsxs)("div",{className:"evnd__bar-item",children:[(0,t.jsx)("span",{className:"evnd__bar-label",children:e.label}),(0,t.jsx)(s,{value:e.value,decimals:e.decimals,suffix:e.suffix,className:"evnd__bar-val"})]},e.label))})]})]})]})]})}])},97677,e=>{"use strict";var t=e.i(43476),n=e.i(71645),i=e.i(89970),a=e.i(2018);e.s(["default",0,function(){let[e,o]=(0,n.useState)(0),d=(0,n.useRef)(null);(0,n.useEffect)(()=>{let e=setInterval(()=>{o(e=>+(0===e))},7e3);return()=>clearInterval(e)},[]);let l=e=>{o(e)};return(0,n.useEffect)(()=>{if(!d.current)return;let e=d.current.querySelector(".owl-item.active");if(!e)return;let t=e.querySelector(".heading-content"),n=e.querySelector(".text-content");t&&n&&(i.default.killTweensOf([t,n]),i.default.fromTo(t,{y:55,opacity:0,scale:.95},{y:0,opacity:1,scale:1,duration:1.1,ease:"power4.out"}),i.default.fromTo(n,{y:30,opacity:0},{y:0,opacity:1,duration:.95,ease:"power3.out",delay:.25}))},[e]),(0,t.jsxs)("div",{className:"elementor-element elementor-element-741f56c e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent","data-id":"741f56c","data-element_type":"container","data-e-type":"container",children:[(0,t.jsx)("style",{dangerouslySetInnerHTML:{__html:`
/* Fluid responsive font size override for hero headings */
.logico-content-slider-widget .content-slider-item-heading {
font-size: clamp(30px, 5.5vw, 80px) !important;
word-wrap: break-word !important;
overflow-wrap: break-word !important;
white-space: normal !important;
}
/* Prevent horizontal overflow on slider and stage containers */
.logico-content-slider-widget,
.content-slider-wrapper,
.content-slider-container,
.content-slider,
.owl-stage-outer,
.owl-stage,
.owl-item,
.slider-item,
.slide-content,
.slide-content-inner {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
/* Force word wrapping and responsive spacing for heading and text */
.logico-content-slider-widget .content-slider-item-heading,
.logico-content-slider-widget .content-slider-item-heading span,
.logico-content-slider-widget .content-slider-item-heading .heading-content {
white-space: normal !important;
word-wrap: break-word !important;
overflow-wrap: break-word !important;
max-width: 100% !important;
}
.logico-content-slider-widget .content-slider-item-heading {
padding-left: 15px !important;
padding-right: 15px !important;
}
.logico-content-slider-widget .text-content {
width: 100% !important;
max-width: min(780px, 100%) !important;
box-sizing: border-box !important;
padding-left: 15px !important;
padding-right: 15px !important;
}
/* Larger, more readable hero subtitle on large/4K screens */
.logico-content-slider-widget .content-slider-item-text p {
font-size: clamp(16px, 1.35vw, 23px) !important;
line-height: 1.65 !important;
}
/* Responsive slider heights */
.logico-content-slider-widget .owl-stage-outer {
height: 800px !important;
}
@media (max-width: 840px) {
.logico-content-slider-widget .owl-stage-outer {
height: 600px !important;
}
}
@media (max-width: 480px) {
.logico-content-slider-widget .owl-stage-outer {
height: 520px !important;
}
}
@media (max-width: 660px) {
.logico-content-slider-widget .content-slider-item-heading {
font-size: clamp(20px, 7vw, 32px) !important;
}
}
/* Slide counter ("01/02" + progress line): site.css pushes it ~80px in
from the right and only 9px off the bottom on mobile, so it sits in an
awkward spot. Pin it cleanly to the bottom-right with even padding. */
@media (max-width: 767px) {
.elementor-61 .elementor-element.elementor-element-6c7cbcb .slider-footer {
text-align: right !important;
margin-bottom: 24px !important;
}
.elementor-61 .elementor-element.elementor-element-6c7cbcb .slider-footer .slider-pagination {
justify-content: flex-end !important;
margin-left: 22px !important;
margin-right: 22px !important;
}
.elementor-61 .elementor-element.elementor-element-6c7cbcb .slider-progress-wrapper {
margin-right: 0 !important;
}
/* The prev/next arrows sit in the bottom-right corner and overlap the
counter once it's pinned right. Hide them on mobile — slides
auto-rotate and the counter shows progress. */
.elementor-61 .elementor-element.elementor-element-6c7cbcb .owl-nav {
display: none !important;
}
}
`}}),(0,t.jsx)("div",{className:"elementor-element elementor-element-6c7cbcb elementor-widget elementor-widget-logico_content_slider","data-id":"6c7cbcb","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_content_slider.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"logico-content-slider-widget",children:(0,t.jsx)("div",{className:"content-slider-wrapper",children:(0,t.jsx)("div",{className:"content-slider-container",children:(0,t.jsxs)("div",{className:"content-slider owl-carousel owl-theme nav-view-vertical nav-h-position-right nav-v-position-bottom owl-loaded owl-drag",ref:d,children:[(0,t.jsx)("div",{className:"owl-stage-outer",style:{position:"relative",overflow:"hidden"},children:(0,t.jsxs)("div",{className:"owl-stage",style:{position:"relative",width:"100%",height:"100%"},children:[(0,t.jsx)("div",{className:`owl-item ${0===e?"active":""}`,style:{position:"relative",width:"100%",opacity:+(0===e),visibility:0===e?"visible":"hidden",transition:"opacity 0.8s ease-in-out, visibility 0.8s ease-in-out",zIndex:0===e?2:1},children:(0,t.jsx)("div",{className:"content-item slider-item elementor-repeater-item-3264830 slide-style-standard",style:{backgroundImage:"url('/images/home-bg-1.png')",backgroundPosition:"center center",backgroundRepeat:"no-repeat",backgroundSize:"cover"},children:(0,t.jsx)("div",{className:"slide-content",style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",width:"100%",height:"100%"},children:(0,t.jsxs)("div",{className:"slide-content-inner",style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",textAlign:"center",margin:"0 auto",width:"100%",maxWidth:"1000px"},children:[(0,t.jsx)("h1",{className:"content-slider-item-heading logico-content-wrapper-1",style:{textAlign:"center",width:"100%"},children:(0,t.jsxs)("span",{className:"heading-content block",children:["ONE CONNECTED SYSTEM.",(0,t.jsx)("br",{}),(0,t.jsx)(a.ShimmerText,{className:"font-extrabold",children:"ONE PROMISE KEPT."})]})}),(0,t.jsx)("div",{className:"content-slider-item-text logico-content-wrapper-2",style:{display:"flex",justifyContent:"center",width:"100%",marginTop:"23px"},children:(0,t.jsx)("div",{className:"text-content",style:{textAlign:"center",maxWidth:"680px",margin:"0 auto"},children:(0,t.jsx)("p",{children:"Stop managing three separate logistics services. Doormile unifies first, mid and last mile into a single intelligent delivery system powered by MileTruth™ AI."})})})]})})})}),(0,t.jsx)("div",{className:`owl-item ${1===e?"active":""}`,style:{position:"absolute",top:0,left:0,width:"100%",opacity:+(1===e),visibility:1===e?"visible":"hidden",transition:"opacity 0.8s ease-in-out, visibility 0.8s ease-in-out",zIndex:1===e?2:1},children:(0,t.jsx)("div",{className:"content-item slider-item elementor-repeater-item-6867061 slide-style-standard",style:{backgroundImage:"url('/images/home-bg-1.png')",backgroundPosition:"center center",backgroundRepeat:"no-repeat",backgroundSize:"cover"},children:(0,t.jsx)("div",{className:"slide-content",style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",width:"100%",height:"100%"},children:(0,t.jsxs)("div",{className:"slide-content-inner",style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",textAlign:"center",margin:"0 auto",width:"100%",maxWidth:"1000px"},children:[(0,t.jsx)("h1",{className:"content-slider-item-heading logico-content-wrapper-1",style:{textAlign:"center",width:"100%"},children:(0,t.jsxs)("span",{className:"heading-content block",children:[(0,t.jsx)(a.ShimmerText,{className:"font-extrabold",children:"AI-POWERED"}),(0,t.jsx)("br",{}),"CONNECTED LOGISTICS"]})}),(0,t.jsx)("div",{className:"content-slider-item-text logico-content-wrapper-2",style:{display:"flex",justifyContent:"center",width:"100%",marginTop:"23px"},children:(0,t.jsx)("div",{className:"text-content",style:{textAlign:"center",maxWidth:"680px",margin:"0 auto"},children:(0,t.jsx)("p",{children:"Behind every successful business is a strong supply chain. Logistics turns plans into reality."})})})]})})})})]})}),(0,t.jsxs)("div",{className:"owl-nav",children:[(0,t.jsx)("button",{type:"button",className:"owl-next",onClick:()=>o(e=>+(0===e)),"aria-label":"Next",style:{cursor:"pointer",border:"none",outline:"none"}}),(0,t.jsx)("button",{type:"button",className:"owl-prev",onClick:()=>o(e=>+(0===e)),"aria-label":"Previous",style:{cursor:"pointer",border:"none",outline:"none"}})]}),(0,t.jsx)("div",{className:"slider-footer slider-footer-position-after slider-footer-width-full slider-footer-view-inside",children:(0,t.jsx)("div",{className:"slider-footer-content",children:(0,t.jsxs)("div",{className:"slider-pagination",style:{display:"flex",justifyContent:"flex-end",alignItems:"center"},children:[(0,t.jsxs)("div",{className:"slider-progress-wrapper",style:{marginRight:"35px",display:"flex",flexDirection:"column",alignItems:"flex-start"},children:[(0,t.jsxs)("div",{style:{fontSize:"16px",fontWeight:600,color:"#FFFFFF",marginBottom:"4px"},children:[(0,t.jsx)("span",{className:"slider-progress-current",children:0===e?"01":"02"})," / ",(0,t.jsx)("span",{className:"slider-progress-all",style:{opacity:.6},children:"02"})]}),(0,t.jsx)("div",{style:{width:"80px",height:"2px",background:"rgba(255, 255, 255, 0.2)",position:"relative",borderRadius:"1px",overflow:"hidden"},children:(0,t.jsx)("div",{style:{position:"absolute",left:0===e?"0":"50%",width:"50%",height:"100%",background:"#c01227",transition:"left 0.3s ease"}})})]}),(0,t.jsxs)("div",{className:"owl-dots owl-dots-6c7cbcb",style:{display:"none"},children:[(0,t.jsx)("button",{type:"button",className:`owl-dot ${0===e?"active":""}`,onClick:()=>l(0),children:(0,t.jsx)("span",{})}),(0,t.jsx)("button",{type:"button",className:`owl-dot ${1===e?"active":""}`,onClick:()=>l(1),children:(0,t.jsx)("span",{})})]})]})})})]})})})})})})]})}])},58140,e=>{"use strict";var t=e.i(43476),n=e.i(22016),i=e.i(2018);e.s(["default",0,function(){return(0,t.jsxs)(i.StaggerChildren,{stagger:.15,duration:.7,yOffset:30,className:"elementor-element elementor-element-9b26234 e-con-full e-grid cut-corner-no sticky-container-off e-con e-parent",children:[(0,t.jsx)("div",{className:"elementor-element elementor-element-ca6bc63 e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-child","data-id":"ca6bc63","data-element_type":"container","data-e-type":"container","data-settings":'{"background_background":"classic"}',children:(0,t.jsxs)("div",{className:"e-con-inner",children:[(0,t.jsx)("div",{className:"elementor-element elementor-element-cc55905 elementor-widget-divider--view-line elementor-widget elementor-widget-divider","data-id":"cc55905","data-element_type":"widget","data-e-type":"widget","data-widget_type":"divider.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"elementor-divider",children:(0,t.jsx)("span",{className:"elementor-divider-separator"})})})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-3fb5639 elementor-widget__width-initial elementor-widget elementor-widget-logico_heading","data-id":"3fb5639","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_heading.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsxs)("div",{className:"logico-title",children:[(0,t.jsx)(i.CountUp,{end:99.2,decimals:1,suffix:"%",duration:2.2})," ",(0,t.jsx)("br",{}),(0,t.jsx)("span",{style:{fontSize:"20px"},children:"On-Time Delivery"})]})})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-94c3ff1 elementor-widget elementor-widget-logico_button","data-id":"94c3ff1","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_button.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"button-widget",children:(0,t.jsx)("div",{className:"button-container",children:(0,t.jsxs)(n.default,{href:"/solutions",className:"logico-small-button",children:["Connected Miles",(0,t.jsx)("svg",{viewBox:"0 0 13 20",children:(0,t.jsx)("polyline",{points:"0.5 19.5 3 19.5 12.5 10 3 0.5"})})]})})})})})]})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-4c0903b e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-child","data-id":"4c0903b","data-element_type":"container","data-e-type":"container","data-settings":'{"background_background":"classic"}',children:(0,t.jsxs)("div",{className:"e-con-inner",children:[(0,t.jsx)("div",{className:"elementor-element elementor-element-c8adeeb elementor-widget-divider--view-line elementor-widget elementor-widget-divider","data-id":"c8adeeb","data-element_type":"widget","data-e-type":"widget","data-widget_type":"divider.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"elementor-divider",children:(0,t.jsx)("span",{className:"elementor-divider-separator"})})})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-5e64d7b elementor-widget__width-initial elementor-widget elementor-widget-logico_heading","data-id":"5e64d7b","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_heading.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsxs)("div",{className:"logico-title",children:[(0,t.jsx)(i.CountUp,{end:3,suffix:"x Faster",duration:1.8})," ",(0,t.jsx)("br",{}),(0,t.jsx)("span",{style:{fontSize:"20px"},children:"Faster Response"})]})})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-20db156 elementor-widget elementor-widget-logico_button","data-id":"20db156","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_button.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"button-widget",children:(0,t.jsx)("div",{className:"button-container",children:(0,t.jsxs)(n.default,{href:"/miletruth",className:"logico-small-button",children:["MileTruth™ AI",(0,t.jsx)("svg",{viewBox:"0 0 13 20",children:(0,t.jsx)("polyline",{points:"0.5 19.5 3 19.5 12.5 10 3 0.5"})})]})})})})})]})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-f003242 e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-child","data-id":"f003242","data-element_type":"container","data-e-type":"container","data-settings":'{"background_background":"classic"}',children:(0,t.jsxs)("div",{className:"e-con-inner",children:[(0,t.jsx)("div",{className:"elementor-element elementor-element-d58ef3c elementor-widget-divider--view-line elementor-widget elementor-widget-divider","data-id":"d58ef3c","data-element_type":"widget","data-e-type":"widget","data-widget_type":"divider.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"elementor-divider",children:(0,t.jsx)("span",{className:"elementor-divider-separator"})})})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-d00253e elementor-widget__width-initial elementor-widget elementor-widget-logico_heading","data-id":"d00253e","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_heading.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsxs)("div",{className:"logico-title",children:[(0,t.jsx)(i.CountUp,{end:40,suffix:"%",duration:2})," ",(0,t.jsx)("br",{}),(0,t.jsx)("span",{style:{fontSize:"20px"},children:"Cost Reduction"})]})})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-3481e66 elementor-widget elementor-widget-logico_button","data-id":"3481e66","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_button.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"button-widget",children:(0,t.jsx)("div",{className:"button-container",children:(0,t.jsxs)(n.default,{href:"/solutions",className:"logico-small-button",children:["SLA Protection",(0,t.jsx)("svg",{viewBox:"0 0 13 20",children:(0,t.jsx)("polyline",{points:"0.5 19.5 3 19.5 12.5 10 3 0.5"})})]})})})})})]})})]})}])},36854,e=>{"use strict";var t=e.i(43476),n=e.i(2018);e.s(["default",0,function(){return(0,t.jsx)("div",{className:"elementor-element elementor-element-30fd9d1 e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-parent section-shrink-custom","data-id":"30fd9d1","data-element_type":"container","data-e-type":"container",children:(0,t.jsx)("div",{className:"e-con-inner",children:(0,t.jsxs)("div",{className:"elementor-element elementor-element-03db5d7 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child","data-id":"03db5d7","data-element_type":"container","data-e-type":"container",children:[(0,t.jsx)(n.ScrollReveal,{delay:.05,duration:.8,yOffset:20,children:(0,t.jsx)("div",{className:"elementor-element elementor-element-3fe4ca3 elementor-widget elementor-widget-logico_heading","data-id":"3fe4ca3","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_heading.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"logico-title",children:"/ The Problem /"})})})}),(0,t.jsx)(n.ScrollReveal,{delay:.15,duration:.85,yOffset:30,children:(0,t.jsx)("div",{className:"elementor-element elementor-element-ffd1f7d elementor-widget__width-initial elementor-widget elementor-widget-logico_heading","data-id":"ffd1f7d","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_heading.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("h3",{className:"logico-title",children:"Fragmented Logistics is Broken"})})})}),(0,t.jsxs)("div",{className:"elementor-element elementor-element-e09c20e e-grid e-con-full cut-corner-no sticky-container-off e-con e-child","data-id":"e09c20e","data-element_type":"container","data-e-type":"container",children:[(0,t.jsx)(n.ScrollReveal,{delay:.1,duration:.7,yOffset:35,className:"w-full",children:(0,t.jsx)("div",{className:"elementor-element elementor-element-81a7690 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box","data-id":"81a7690","data-element_type":"widget","data-e-type":"widget","data-widget_type":"icon-box.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsxs)("div",{className:"elementor-icon-box-wrapper",children:[(0,t.jsx)("div",{className:"elementor-icon-box-icon",children:(0,t.jsx)("span",{className:"elementor-icon",children:(0,t.jsx)("i",{"aria-hidden":"true",className:"fontello icon-air-delivery"})})}),(0,t.jsx)("div",{className:"elementor-icon-box-content",children:(0,t.jsxs)("div",{className:"elementor-icon-box-title",children:[(0,t.jsx)("p",{className:"logico-title",style:{fontSize:"42px",fontWeight:800,color:"#111111",marginBottom:0,textAlign:"left",lineHeight:"1.1"},children:"73%"}),(0,t.jsx)("span",{style:{textAlign:"left",display:"block",fontSize:"16px",fontWeight:600,color:"#111111",marginTop:"8px",lineHeight:"1.4"},children:"of delays happen at handoffs"})]})})]})})})}),(0,t.jsx)(n.ScrollReveal,{delay:.2,duration:.7,yOffset:35,className:"w-full",children:(0,t.jsx)("div",{className:"elementor-element elementor-element-0f4aa27 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box","data-id":"0f4aa27","data-element_type":"widget","data-e-type":"widget","data-widget_type":"icon-box.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsxs)("div",{className:"elementor-icon-box-wrapper",children:[(0,t.jsx)("div",{className:"elementor-icon-box-icon",children:(0,t.jsx)("span",{className:"elementor-icon",children:(0,t.jsx)("i",{"aria-hidden":"true",className:"fontello icon-container"})})}),(0,t.jsx)("div",{className:"elementor-icon-box-content",children:(0,t.jsxs)("div",{className:"elementor-icon-box-title",children:[(0,t.jsx)("p",{className:"logico-title",style:{fontSize:"42px",fontWeight:800,color:"#111111",marginBottom:0,textAlign:"left",lineHeight:"1.1"},children:"3x"}),(0,t.jsx)("span",{style:{textAlign:"left",display:"block",fontSize:"16px",fontWeight:600,color:"#111111",marginTop:"8px",lineHeight:"1.4"},children:"higher risk of missed SLAs"})]})})]})})})}),(0,t.jsx)(n.ScrollReveal,{delay:.3,duration:.7,yOffset:35,className:"w-full",children:(0,t.jsx)("div",{className:"elementor-element elementor-element-6cfd203 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box","data-id":"6cfd203","data-element_type":"widget","data-e-type":"widget","data-widget_type":"icon-box.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsxs)("div",{className:"elementor-icon-box-wrapper",children:[(0,t.jsx)("div",{className:"elementor-icon-box-icon",children:(0,t.jsx)("span",{className:"elementor-icon",children:(0,t.jsx)("i",{"aria-hidden":"true",className:"fontello icon-trolley"})})}),(0,t.jsx)("div",{className:"elementor-icon-box-content",children:(0,t.jsxs)("div",{className:"elementor-icon-box-title",children:[(0,t.jsx)("p",{className:"logico-title",style:{fontSize:"42px",fontWeight:800,color:"#111111",marginBottom:0,textAlign:"left",lineHeight:"1.1"},children:"2.5x"}),(0,t.jsx)("span",{style:{textAlign:"left",display:"block",fontSize:"16px",fontWeight:600,color:"#111111",marginTop:"8px",lineHeight:"1.4"},children:"more time spent on coordination"})]})})]})})})}),(0,t.jsx)(n.ScrollReveal,{delay:.4,duration:.7,yOffset:35,className:"w-full",children:(0,t.jsx)("div",{className:"elementor-element elementor-element-0d343e1 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box","data-id":"0d343e1","data-element_type":"widget","data-e-type":"widget","data-widget_type":"icon-box.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsxs)("div",{className:"elementor-icon-box-wrapper",children:[(0,t.jsx)("div",{className:"elementor-icon-box-icon",children:(0,t.jsx)("span",{className:"elementor-icon",children:(0,t.jsx)("i",{"aria-hidden":"true",className:"fontello icon-supply-chain"})})}),(0,t.jsx)("div",{className:"elementor-icon-box-content",children:(0,t.jsxs)("div",{className:"elementor-icon-box-title",children:[(0,t.jsx)("p",{className:"logico-title",style:{fontSize:"42px",fontWeight:800,color:"#111111",marginBottom:0,textAlign:"left",lineHeight:"1.1"},children:"28%"}),(0,t.jsx)("span",{style:{textAlign:"left",display:"block",fontSize:"16px",fontWeight:600,color:"#111111",marginTop:"8px",lineHeight:"1.4"},children:"increase in operational costs"})]})})]})})})})]})]})})})}])},32693,e=>{"use strict";var t=e.i(43476),n=e.i(22016),i=e.i(57688),a=e.i(2018);e.s(["default",0,function(){return(0,t.jsxs)("div",{className:"elementor-element elementor-element-89a0ca1 e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent","data-id":"89a0ca1","data-element_type":"container","data-e-type":"container",children:[(0,t.jsx)("style",{dangerouslySetInnerHTML:{__html:`
/* Ensure the inner content wrapper is responsive and never overflows */
.elementor-element-fdb2e58 {
width: 100% !important;
max-width: 650px !important;
}
/* Make heading font size fluid and responsive */
.elementor-element-7500280 .logico-title {
font-size: clamp(26px, 3.5vw, 54px) !important;
line-height: 1.25em !important;
word-wrap: break-word !important;
overflow-wrap: break-word !important;
}
/* Make sure paragraphs are responsive on all screen widths */
.elementor-element-165dfa5 {
width: 100% !important;
max-width: min(619px, 100%) !important;
}
.elementor-element-3888a1e {
width: 100% !important;
max-width: min(526px, 100%) !important;
}
/* Sizing and identical padding on all 4 sides for Connected Logistics Image container */
.elementor-element-99768ba .elementor-widget-container {
display: flex !important;
justify-content: center !important;
align-items: center !important;
padding: 40px !important; /* Identical gap on left, right, top, and bottom */
box-sizing: border-box !important;
}
.elementor-element-99768ba img.wp-image-4481 {
width: 100% !important;
max-width: 100% !important; /* Allow natural responsive scaling on desktop */
height: auto !important;
object-fit: cover !important;
border-radius: 25px !important; /* Preserve 25px border radius */
margin: 0 auto !important;
display: block !important;
}
/* Desktop/Laptop (min-width: 1025px) column width and flex rules */
@media (min-width: 1025px) {
.elementor-element-9ffed33 {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
}
.elementor-element-96343ba,
.elementor-element-71c3e1d {
width: 50% !important;
max-width: 50% !important;
flex: 1 1 50% !important;
box-sizing: border-box !important;
}
}
@media (max-width: 1024px) {
/* Force columns to stack vertically on mobile/tablet */
.elementor-element-9ffed33 {
flex-direction: column !important;
align-items: stretch !important;
}
/* Force both children to be full width */
.elementor-element-96343ba,
.elementor-element-71c3e1d {
width: 100% !important;
max-width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
/* Show image at the bottom or top depending on order */
.elementor-element-96343ba {
margin-top: 30px !important;
}
/* Override desktop fixed widths on mobile/tablet */
.elementor-element-165dfa5,
.elementor-element-3888a1e {
width: 100% !important;
max-width: 100% !important;
}
/* Tablet overrides: ~15% smaller than site.css's 450px with centered layout */
.elementor-element-99768ba .elementor-widget-container {
padding: 30px !important;
}
.elementor-element.elementor-element-99768ba .elementor-widget-container img.wp-image-4481 {
width: 100% !important;
max-width: 382px !important;
border-radius: 25px !important; /* Explicitly keep 25px */
}
}
@media (max-width: 767px) {
/* Mobile overrides: ~15% smaller than site.css's 90% with 10% identical padding on all 4 sides */
.elementor-element-99768ba .elementor-widget-container {
padding: 10% !important;
}
.elementor-element.elementor-element-99768ba .elementor-widget-container img.wp-image-4481 {
width: 100% !important;
max-width: 100% !important;
border-radius: 25px !important; /* Explicitly keep 25px */
}
}
`}}),(0,t.jsxs)("div",{className:"elementor-element elementor-element-9ffed33 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child","data-id":"9ffed33","data-element_type":"container","data-e-type":"container","data-settings":'{"background_background":"classic"}',children:[(0,t.jsx)("div",{className:"elementor-element elementor-element-96343ba e-con-full e-flex cut-corner-no sticky-container-off e-con e-child","data-id":"96343ba","data-element_type":"container",children:(0,t.jsx)(a.ScrollReveal,{delay:.1,duration:.9,yOffset:30,className:"w-full h-full",children:(0,t.jsx)("div",{className:"elementor-element elementor-element-99768ba elementor-widget elementor-widget-image","data-id":"99768ba","data-element_type":"widget","data-e-type":"widget","data-widget_type":"image.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)(i.default,{fetchPriority:"high",priority:!0,width:578,height:790,src:"/images/home2-pic-3.png",className:"attachment-full size-full wp-image-4481",alt:"Connected Logistics",style:{width:"100%",height:"auto",objectFit:"cover",borderRadius:"25px"}})})})})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-71c3e1d e-con-full e-flex cut-corner-no sticky-container-off e-con e-child","data-id":"71c3e1d","data-element_type":"container","data-e-type":"container",children:(0,t.jsxs)("div",{className:"elementor-element elementor-element-fdb2e58 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child","data-id":"fdb2e58","data-element_type":"container","data-e-type":"container",children:[(0,t.jsx)(a.ScrollReveal,{delay:.1,duration:.8,yOffset:20,children:(0,t.jsx)("div",{className:"elementor-element elementor-element-0136e6e elementor-widget elementor-widget-logico_heading","data-id":"0136e6e","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_heading.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"logico-title",children:"/ Connected Logistics /"})})})}),(0,t.jsx)(a.ScrollReveal,{delay:.2,duration:.85,yOffset:25,children:(0,t.jsx)("div",{className:"elementor-element elementor-element-7500280 elementor-widget elementor-widget-logico_heading","data-id":"7500280","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_heading.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("h3",{className:"logico-title",children:"Smart logistics solutions we deliver for modern supply chains"})})})}),(0,t.jsxs)(a.ScrollReveal,{delay:.25,duration:.8,yOffset:25,children:[(0,t.jsx)("div",{className:"elementor-element elementor-element-4cc07a7 elementor-widget elementor-widget-logico_heading","data-id":"4cc07a7","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_heading.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"logico-title",children:"Real-Time Visibility"})})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-165dfa5 elementor-widget__width-initial elementor-widget elementor-widget-text-editor","data-id":"165dfa5","data-element_type":"widget","data-e-type":"widget","data-widget_type":"text-editor.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("p",{children:"See every shipment, every vehicle, every handoff—live. No blind spots."})})})]}),(0,t.jsxs)(a.ScrollReveal,{delay:.35,duration:.8,yOffset:25,children:[(0,t.jsx)("div",{className:"elementor-element elementor-element-da9d310 elementor-widget elementor-widget-logico_heading","data-id":"da9d310","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_heading.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"logico-title",children:"Dynamic Route Adjustment"})})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-3888a1e elementor-widget__width-initial elementor-widget elementor-widget-text-editor","data-id":"3888a1e","data-element_type":"widget","data-e-type":"widget","data-widget_type":"text-editor.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("p",{children:"AI continuously optimizes routes based on traffic, weather, and real-world conditions."})})})]}),(0,t.jsxs)(a.ScrollReveal,{delay:.45,duration:.8,yOffset:25,children:[(0,t.jsx)("div",{className:"elementor-element elementor-element-4cc07a7 elementor-widget elementor-widget-logico_heading","data-id":"4cc07a7","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_heading.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"logico-title",children:"Proactive Delay Prevention"})})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-165dfa5 elementor-widget__width-initial elementor-widget elementor-widget-text-editor","data-id":"165dfa5","data-element_type":"widget","data-e-type":"widget","data-widget_type":"text-editor.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("p",{children:"Detect SLA risks hours before they become problems. Act, don't react."})})})]}),(0,t.jsxs)(a.ScrollReveal,{delay:.55,duration:.8,yOffset:25,children:[(0,t.jsx)("div",{className:"elementor-element elementor-element-4cc07a7 elementor-widget elementor-widget-logico_heading","data-id":"4cc07a7","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_heading.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"logico-title",children:"Execution Intelligence"})})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-165dfa5 elementor-widget__width-initial elementor-widget elementor-widget-text-editor","data-id":"165dfa5","data-element_type":"widget","data-e-type":"widget","data-widget_type":"text-editor.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("p",{children:"Learn from every delivery. Get smarter with every mile traveled."})})})]}),(0,t.jsx)(a.ScrollReveal,{delay:.65,duration:.8,yOffset:20,children:(0,t.jsx)("div",{className:"elementor-element elementor-element-c0a45e4 elementor-widget elementor-widget-logico_button","data-id":"c0a45e4","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_button.default",children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"button-widget",children:(0,t.jsx)("div",{className:"button-container",children:(0,t.jsx)(a.Magnetic,{children:(0,t.jsx)(n.default,{href:"/solutions",className:"logico-alter-button",children:"Explore more"})})})})})})})]})}),(0,t.jsx)("div",{className:"elementor-element elementor-element-0efc59e elementor-absolute elementor-widget elementor-widget-logico_block_decoration","data-id":"0efc59e","data-element_type":"widget","data-settings":'{"_position":"absolute"}',"data-widget_type":"logico_block_decoration.default",style:{position:"absolute"},children:(0,t.jsx)("div",{className:"elementor-widget-container",children:(0,t.jsx)("div",{className:"block-decoration animation-enable block-decoration-style-1",children:(0,t.jsx)("div",{className:"block-decoration-item"})})})})]})]})}])}]);