2141 lines
161 KiB
HTML
2141 lines
161 KiB
HTML
<!DOCTYPE html><html lang="en-US" data-scroll-behavior="smooth" class="manrope_67dc055e-module__BHrBnq__variable space_grotesk_2e42c3c6-module__3Wl9rq__variable syne_ef5854ac-module__2TJB3a__variable dm_sans_2770e922-module__TdA3fW__variable inter_5dbe1e89-module__i9oJOa__variable"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/0c795a286deabae8-s.p.14tvuu96~wkr0.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/0c89a48fa5027cee-s.p.0rd3rjvnnhw7n.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/5c285b27cdda1fe8-s.p.0yo6-5yoeeudq.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/a343f882a40d2cc9-s.p.0kho-wj7-y-w1.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="/images/doormile-white.png"/><link rel="preload" as="image" href="/images/doormile-black.png"/><link rel="stylesheet" href="/_next/static/chunks/0ugoa9j3nv76b.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/098a0lm-b~rn..js"/><script src="/_next/static/chunks/0tldj~reb5~dn.js" async=""></script><script src="/_next/static/chunks/110q6k5sdl4es.js" async=""></script><script src="/_next/static/chunks/14w_kqlcp4t3-.js" async=""></script><script src="/_next/static/chunks/07uz2g0_38qia.js" async=""></script><script src="/_next/static/chunks/turbopack-0srbdy.l3xhmj.js" async=""></script><script src="/_next/static/chunks/06n0m6ck5r8gy.js" async=""></script><script src="/_next/static/chunks/0n.gft-j~h_v_.js" async=""></script><script src="/_next/static/chunks/04xui0pxt.et1.js" async=""></script><script src="/_next/static/chunks/0d3shmwh5_nmn.js" async=""></script><script src="/_next/static/chunks/156g7kwfb3yon.js" async=""></script><script src="/_next/static/chunks/0p9m8qrmh2pfj.js" async=""></script><link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" as="style"/><link rel="preload" href="/css/site.css" as="style"/><meta name="next-size-adjust" content=""/><link rel="preload" as="image" href="/images/miletruth-bg.webp"/><title>MileTruth – Doormile</title><meta name="description" content="Optimizes every stage of the delivery journey for maximum efficiency. Explore the only AI built exclusively for logistics."/><meta name="robots" content="index, follow"/><link rel="shortcut icon" href="/images/cropped-image-2.png"/><link rel="icon" href="/favicon.ico?favicon.14w3bhkxgz946.ico" sizes="40x40" type="image/x-icon"/><link rel="icon" href="/images/cropped-image-2.png"/><link rel="apple-touch-icon" href="/images/cropped-image-2.png"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"/><link rel="stylesheet" href="/css/site.css"/><script src="/_next/static/chunks/03~yq9q893hmn.js" noModule=""></script></head><body class="wp-singular page-template-default page wp-theme-logico wp-child-theme-logico-child theme-logico ehf-header ehf-footer ehf-template-logico ehf-stylesheet-logico-child logico-front-end logico-theme-style-rounded elementor-default elementor-kit-5 elementor-page"><div hidden=""><!--$--><!--/$--></div><div class="body-overlay"></div><div class="body-container"><div id="page" class="hfeed site"><header id="masthead" itemScope="" itemType="https://schema.org/WPHeader"><p class="main-title bhf-hidden" itemProp="headline"><a title="Doormile" rel="home" href="/">Doormile</a></p><div data-elementor-type="wp-post" data-elementor-id="5180" class="elementor elementor-5180"><div class="elementor-element elementor-element-466de1b e-con-full sticky-container-on e-flex cut-corner-no e-con e-parent header-hide-until-scroll" data-id="466de1b" data-element_type="container" data-settings="{"position":"absolute"}"><div class="elementor-element elementor-element-e052838 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="e052838" data-element_type="container"><div class="elementor-element elementor-element-d681ece e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="d681ece" data-element_type="container"><div class="elementor-element elementor-element-472172e e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="472172e" data-element_type="container"><div class="elementor-element elementor-element-2f31137 elementor-hidden-laptop elementor-hidden-tablet_extra elementor-hidden-tablet elementor-hidden-mobile_extra elementor-hidden-mobile elementor-widget elementor-widget-logico_slide_sidebar" data-id="2f31137" data-element_type="widget" data-widget_type="logico_slide_sidebar.default"><div class="elementor-widget-container"><div class="logico-slide-sidebar-widget"><div class="dropdown-trigger" data-id="2f31137"><span class="dropdown-trigger-icon"></span></div></div><div style="z-index:100000" class="slide-sidebar-wrapper slide-sidebar-position-left" id="side-panel-2f31137"><div class="slide-sidebar-close"></div><div class="slide-sidebar"><div class="slide-sidebar-header"><figure class="wp-block-image size-full is-resized"><img alt="Doormile logo" loading="lazy" width="305" height="58" decoding="async" data-nimg="1" class="wp-image-5851" style="color:transparent;width:210px;height:auto" src="/images/doormile-logo.png"/></figure></div><div class="slide-sidebar-content" tabindex="0" role="region" aria-label="Menu content"><div id="block-37" class="widget widget_block"><div class="widget-wrapper"><div class="dm-block-group is-layout-constrained dm-block-group-is-layout-constrained"><div class="wp-block-title"><h6 class="wp-block-heading has-text-font-font-family" style="font-size:18px;font-style:normal;font-weight:700;letter-spacing:0px;text-transform:none">Address</h6></div><h6 class="wp-block-heading has-text-font-font-family" style="font-size:14px;font-style:normal;font-weight:700;letter-spacing:0px;text-transform:none">Hyderabad</h6><p>5th Floor, Vision Ultima,<br/>Street No.3, Jayabheri Enclave,<br/>Gachibowli, Hyderabad,<br/>Telangana 500032.</p><div style="height:12px" aria-hidden="true" class="wp-block-spacer"></div><h6 class="wp-block-heading has-text-font-font-family" style="font-size:14px;font-style:normal;font-weight:700;letter-spacing:0px;text-transform:none">Coimbatore</h6><p>Mayflower Valencia,<br/>Near Nava India Bus Stop,<br/>Avinashi Road,<br/>Udayampalayam,<br/>Tamil Nadu 641037.</p><div style="height:12px" aria-hidden="true" class="wp-block-spacer"></div><h6 class="wp-block-heading has-text-font-font-family" style="font-size:14px;font-style:normal;font-weight:700;letter-spacing:0px;text-transform:none">Bengaluru</h6><p>C612, 6th Floor,<br/>Trifecta Starlight,<br/>ITPL Road,<br/>Garudacharapalya,<br/>Mahadevapura,<br/>Bangalore 560048,<br/>Karnataka, India.</p><div style="height:3px" aria-hidden="true" class="wp-block-spacer"></div><div class="wp-block-title"><h6 class="wp-block-heading has-text-font-font-family" style="font-size:18px;font-style:normal;font-weight:700;letter-spacing:0px;text-transform:none">Contact Us</h6></div><p>Tel : +91 86886 97941</p><div style="height:3px" aria-hidden="true" class="wp-block-spacer"></div><div class="wp-block-title"><h6 class="wp-block-heading has-text-font-font-family" style="font-size:18px;font-style:normal;font-weight:700;letter-spacing:0px;text-transform:none">Email</h6></div><p><a href="mailto:care@doormile.com" data-wplink-edit="true">care@doormile.com</a></p><div style="height:3px" aria-hidden="true" class="wp-block-spacer"></div><ul class="wp-block-social-links has-icon-color is-style-logos-only has-background is-layout-flex wp-block-social-links-is-layout-flex" style="background-color:#1f1f1f"><li style="color:#ffffff" class="wp-social-link wp-social-link-facebook has-white-color wp-block-social-link"><a rel="noopener nofollow" target="_blank" href="https://www.facebook.com/" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M12 2C6.5 2 2 6.5 2 12c0 5 3.7 9.1 8.4 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.3v7C18.3 21.1 22 17 22 12c0-5.5-4.5-10-10-10z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Facebook</span></a></li><li style="color:#ffffff" class="wp-social-link wp-social-link-x has-white-color wp-block-social-link"><a rel="noopener nofollow" target="_blank" href="https://x.com/" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M13.982 10.622 20.54 3h-1.554l-5.693 6.618L8.745 3H3.5l6.876 10.007L3.5 21h1.554l6.012-6.989L15.868 21h5.245l-7.131-10.378Zm-2.128 2.474-.697-.997-5.543-7.93H8l4.474 6.4.697.996 5.815 8.318h-2.387l-4.745-6.787Z"></path></svg><span class="wp-block-social-link-label screen-reader-text">X</span></a></li><li style="color:#ffffff" class="wp-social-link wp-social-link-linkedin has-white-color wp-block-social-link"><a rel="noopener nofollow" target="_blank" href="https://www.linkedin.com/" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M19.7,3H4.3C3.582,3,3,3.582,3,4.3v15.4C3,20.418,3.582,21,4.3,21h15.4c0.718,0,1.3-0.582,1.3-1.3V4.3 C21,3.582,20.418,3,19.7,3z M8.339,18.338H5.667v-8.59h2.672V18.338z M7.004,8.574c-0.857,0-1.549-0.694-1.549-1.548 c0-0.855,0.691-1.548,1.549-1.548c0.854,0,1.547,0.694,1.547,1.548C8.551,7.881,7.858,8.574,7.004,8.574z M18.339,18.338h-2.669 v-4.177c0-0.996-0.017-2.278-1.387-2.278c-1.389,0-1.601,1.086-1.601,2.206v4.249h-2.667v-8.59h2.559v1.174h0.037 c0.356-0.675,1.227-1.387,2.526-1.387c2.703,0,3.203,1.779,3.203,4.092V18.338z"></path></svg><span class="wp-block-social-link-label screen-reader-text">LinkedIn</span></a></li><li style="color:#ffffff" class="wp-social-link wp-social-link-youtube has-white-color wp-block-social-link"><a rel="noopener nofollow" target="_blank" href="https://www.youtube.com/" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M21.8,8.001c0,0-0.195-1.378-0.795-1.985c-0.76-0.797-1.613-0.801-2.004-0.847c-2.799-0.202-6.997-0.202-6.997-0.202 h-0.009c0,0-4.198,0-6.997,0.202C4.608,5.216,3.756,5.22,2.995,6.016C2.395,6.623,2.2,8.001,2.2,8.001S2,9.62,2,11.238v1.517 c0,1.618,0.2,3.237,0.2,3.237s0.195,1.378,0.795,1.985c0.761,0.797,1.76,0.771,2.205,0.855c1.6,0.153,6.8,0.201,6.8,0.201 s4.203-0.006,7.001-0.209c0.391-0.047,1.243-0.051,2.004-0.847c0.6-0.607,0.795-1.985,0.795-1.985s0.2-1.618,0.2-3.237v-1.517 C22,9.62,21.8,8.001,21.8,8.001z M9.935,14.594l-0.001-5.62l5.404,2.82L9.935,14.594z"></path></svg><span class="wp-block-social-link-label screen-reader-text">YouTube</span></a></li></ul></div></div></div></div><div class="slide-sidebar-cta"><div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex"><div class="wp-block-button is-style-simple is-style-theme"><a class="wp-block-button__link wp-element-button" style="border-radius:10px" href="/contact">Get in touch</a></div></div></div></div></div></div></div><div class="elementor-element elementor-element-846e53d elementor-widget elementor-widget-site-logo" data-id="846e53d" data-element_type="widget" data-widget_type="site-logo.default"><div class="elementor-widget-container"><div class="hfe-site-logo"><a data-elementor-open-lightbox="" class="elementor-clickable" href="/"><div class="hfe-site-logo-set"><div class="hfe-site-logo-container"><img alt="doormile-logo" width="400" height="76" decoding="async" data-nimg="1" class="hfe-site-logo-img logo-desktop elementor-animation-" style="color:transparent" src="/images/doormile-white.png"/><img alt="doormile-logo" width="400" height="76" decoding="async" data-nimg="1" class="hfe-site-logo-img logo-mobile elementor-animation-" style="color:transparent" src="/images/doormile-black.png"/></div></div></a></div></div></div></div><div class="elementor-element elementor-element-e44ee7e e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="e44ee7e" data-element_type="container"><div class="elementor-element elementor-element-0b7bf6f logico-breakpoint-laptop elementor-widget__width-auto elementor-widget elementor-widget-logico_navigation_menu" data-id="0b7bf6f" data-element_type="widget" data-widget_type="logico_navigation_menu.default"><div class="elementor-widget-container"><div class="header-menu-container"><nav><ul id="menu-main-menu" class="main-menu"><li id="menu-item-10508" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10508"><a href="/#home">Home</a></li><li id="menu-item-10509" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10509"><a href="/how-it-works#how-it-works">How It Works</a></li><li id="menu-item-10510" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10510 active"><a href="/miletruth#miletruth">MileTruth™ AI</a></li><li id="menu-item-10511" class="menu-item menu-item-type-custom menu-item-10511"><a href="/solutions#solutions">Solutions</a></li><li id="menu-item-10512" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10512"><a href="/about-us#about">About</a></li><li id="menu-item-10535" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10535"><a href="/blog#blogs">Blogs</a></li></ul></nav></div><div class="menu-trigger" data-id="0b7bf6f"><span class="menu-trigger-icon"><span class="hamburger"><span></span><span></span><span></span></span></span></div><div style="z-index:100000" class="mobile-header-menu-container" id="mobile-header-0b7bf6f"><div class="mobile-header-row"><div class="header-icons-container"><div class="header-icon login-logout"><a href="#" title="Login/Register" class="link-login"></a></div><div class="header-icon menu-close"><span class="menu-close-icon"></span></div></div></div><nav><ul id="menu-main-menu-1" class="main-menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10508"><a href="/#home">Home</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10509"><a href="/how-it-works#how-it-works">How It Works</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10510 active"><a href="/miletruth#miletruth">MileTruth™ AI</a></li><li class="menu-item menu-item-type-custom menu-item-10511"><a href="/solutions#solutions">Solutions</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-10512"><a href="/about-us#about">About</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10535"><a href="/blog#blogs">Blogs</a></li></ul></nav><div class="header-mobile-contacts"><div class="contact-item contact-item-phone"><span class="contact-item-label">Phone</span><div class="contact-item-value"><p>Tel : +91 86886 97941</p></div></div><div class="contact-item contact-item-email"><span class="contact-item-label">Email</span><div class="contact-item-value"><p><a href="mailto:care@doormile.com" data-wplink-edit="true">care@doormile.com</a></p></div></div></div><div class="header-mobile-socials"><ul class="mobile-menu-socials wrapper-socials"><li><a href="https://www.facebook.com/" target="_blank" aria-label="Facebook" rel="noreferrer"><svg aria-hidden="true" width="18" height="18" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path></svg></a></li><li><a href="https://x.com/" target="_blank" aria-label="X (Twitter)" rel="noreferrer"><svg aria-hidden="true" width="18" height="18" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg></a></li><li><a href="https://www.linkedin.com/" target="_blank" aria-label="LinkedIn" rel="noreferrer"><svg aria-hidden="true" width="18" height="18" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path></svg></a></li><li><a href="https://www.youtube.com/" target="_blank" aria-label="YouTube" rel="noreferrer"><svg aria-hidden="true" width="18" height="18" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path></svg></a></li></ul></div><div class="header-mobile-button"><a class="logico-alter-button" href="/contact">Get in Touch</a></div></div></div></div></div></div></div><div class="elementor-element elementor-element-f961133 e-con-full elementor-hidden-laptop elementor-hidden-tablet_extra elementor-hidden-tablet elementor-hidden-mobile_extra elementor-hidden-mobile e-flex cut-corner-no sticky-container-off e-con e-child" data-id="f961133" data-element_type="container"><div class="elementor-element elementor-element-cabdb09 elementor-widget elementor-widget-logico_header_button" data-id="cabdb09" data-element_type="widget" data-widget_type="logico_header_button.default"><div class="elementor-widget-container"><div class="header-button-container"><a class="header-button header-button-animation-fade" href="/contact">Contact Us</a></div></div></div></div></div></div></header><style>
|
||
/* ── Off-canvas menu: full-height flex column ──
|
||
Header (logo) at top, scrollable content in the middle, and the
|
||
"Get in touch" CTA pinned at the bottom — so the panel stays
|
||
usable however much content (e.g. multiple office addresses) it
|
||
holds. Scoped to #side-panel-2f31137; no other sidebar is touched.
|
||
Width, colors, the slide-in animation, and open/close behaviour
|
||
(driven by the .active class on the wrapper) are all unchanged. */
|
||
#side-panel-2f31137 .slide-sidebar {
|
||
display: flex !important;
|
||
flex-direction: column !important;
|
||
height: 100% !important;
|
||
padding: 0 !important; /* the three sections own their padding */
|
||
overflow: hidden !important; /* scrolling lives on the content area */
|
||
}
|
||
/* Fit the *visible* viewport. The panel height is calc(100vh - 20px),
|
||
but on mobile 100vh is the larger, URL-bar-inclusive height, which
|
||
pushed the bottom of the scroll list + the CTA below the fold and
|
||
made scrolling appear broken. dvh tracks the actually-visible area;
|
||
vh is kept as a fallback for older browsers. */
|
||
#side-panel-2f31137.slide-sidebar-wrapper {
|
||
height: calc(100vh - 20px);
|
||
height: calc(100dvh - 20px) !important;
|
||
}
|
||
#side-panel-2f31137 .slide-sidebar-header {
|
||
flex: 0 0 auto;
|
||
padding: 52px 36px 18px; /* top clears the floating close button */
|
||
text-align: center; /* centre the logo */
|
||
}
|
||
#side-panel-2f31137 .slide-sidebar-header figure {
|
||
margin: 0;
|
||
text-align: center;
|
||
}
|
||
#side-panel-2f31137 .slide-sidebar-header img {
|
||
display: inline-block; /* centred by the header's text-align */
|
||
}
|
||
#side-panel-2f31137 .slide-sidebar-content {
|
||
flex: 1 1 auto;
|
||
min-height: 0; /* let the flex child shrink so it can scroll */
|
||
overflow-y: auto;
|
||
overflow-x: hidden;
|
||
-webkit-overflow-scrolling: touch; /* momentum scroll on iOS */
|
||
overscroll-behavior: contain; /* don't chain scroll to the page */
|
||
padding: 18px 60px 8px; /* top gap below the logo header */
|
||
}
|
||
#side-panel-2f31137 .slide-sidebar-content:focus-visible {
|
||
outline: none; /* container is scroll-focusable, not a control */
|
||
}
|
||
#side-panel-2f31137 .slide-sidebar-cta {
|
||
flex: 0 0 auto;
|
||
padding: 16px 60px 36px;
|
||
}
|
||
/* Compact, readable address blocks (tighter line + lead-in than the
|
||
default 1.75em body spacing). */
|
||
#side-panel-2f31137 .slide-sidebar-content p {
|
||
line-height: 1.5;
|
||
margin-top: 4px;
|
||
}
|
||
/* Larger social icons — the logos-only block style renders them at 18px. */
|
||
#side-panel-2f31137 .wp-block-social-links.is-style-logos-only .wp-block-social-link a svg {
|
||
width: 26px !important;
|
||
height: 26px !important;
|
||
}
|
||
|
||
#masthead .elementor-element.elementor-element-466de1b {
|
||
position: absolute !important;
|
||
top: 5px !important;
|
||
left: 0 !important;
|
||
right: 0 !important;
|
||
width: auto !important;
|
||
transition: background-color 0.25s ease, box-shadow 0.25s ease, padding 0.25s ease !important;
|
||
z-index: 10000 !important;
|
||
}
|
||
|
||
/* .e-con's --padding-* falls through two competing stylesheets and lands at 10px locally
|
||
(vs 0 in production). Zero out the pill wrappers so the navbar matches prod height (~122px). */
|
||
#masthead .elementor-element.elementor-element-e052838,
|
||
#masthead .elementor-element.elementor-element-d681ece {
|
||
padding-top: 0 !important;
|
||
padding-bottom: 0 !important;
|
||
}
|
||
|
||
@media (min-width: 1025px) {
|
||
#masthead {
|
||
position: relative;
|
||
z-index: 10000;
|
||
}
|
||
|
||
/* Production pins the wrapper via Elementor sticky-effects JS (not shipped here).
|
||
Force position:fixed once scrolled past 50px so the header stays in viewport. */
|
||
#masthead .elementor-element.elementor-element-466de1b.dm-header-scrolled {
|
||
position: fixed !important;
|
||
background: rgba(26, 26, 26, 0.92) !important;
|
||
-webkit-backdrop-filter: blur(14px) !important;
|
||
backdrop-filter: blur(14px) !important;
|
||
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22) !important;
|
||
top: 0 !important;
|
||
}
|
||
|
||
#masthead .elementor-element.elementor-element-466de1b.dm-header-scrolled .elementor-element.elementor-element-e052838 {
|
||
background: transparent !important;
|
||
}
|
||
}
|
||
|
||
/* ── Desktop navbar layout (3-section balanced grid) ──
|
||
The earlier Mac-M1 fix used justify-content:space-between, which
|
||
on wide screens flung the logo and nav to opposite edges and
|
||
left a large asymmetric gap between them. Replace it with a
|
||
responsive three-column grid so the nav stays optically centred
|
||
with equal space on both sides, the logo group sits left and the
|
||
Contact button right — proportional at every desktop width.
|
||
|
||
The logo group (472172e) and nav (e44ee7e) are nested inside
|
||
e052838 › d681ece, while the Contact button (f961133) is their
|
||
uncle. Those two wrappers carry no visual styling on desktop
|
||
(their background/padding live only in the <1024px mobile block),
|
||
so display:contents flattens them and promotes all three logical
|
||
sections to be direct items of one header grid. The grid only
|
||
applies >=1025px, leaving the mobile pill layout untouched. */
|
||
@media (min-width: 1025px) {
|
||
#masthead .elementor-element.elementor-element-466de1b {
|
||
display: grid !important;
|
||
grid-template-columns: 1fr auto 1fr !important;
|
||
align-items: center !important;
|
||
column-gap: clamp(16px, 2vw, 32px) !important;
|
||
/* Equal left/right safe areas pull the logo and Contact
|
||
button inward off the viewport edges. Because the inset
|
||
is symmetric, the 1fr side columns shrink equally and the
|
||
centred nav does not shift. */
|
||
padding-inline: clamp(24px, 3vw, 48px) !important;
|
||
/* Consistent top/bottom breathing room inside the bar; with
|
||
align-items:center every section stays vertically centred. */
|
||
padding-block: clamp(8px, 1vw, 16px) !important;
|
||
}
|
||
|
||
#masthead .elementor-element.elementor-element-e052838,
|
||
#masthead .elementor-element.elementor-element-d681ece {
|
||
display: contents !important;
|
||
}
|
||
|
||
/* navbar-left: menu/grid icon + logo */
|
||
#masthead .elementor-element.elementor-element-472172e {
|
||
justify-self: start !important;
|
||
display: flex !important;
|
||
align-items: center !important;
|
||
gap: clamp(16px, 1.5vw, 28px) !important;
|
||
flex: 0 0 auto !important;
|
||
}
|
||
|
||
/* Logo never shrinks — keeps a clean edge against the nav. */
|
||
#masthead .elementor-element.elementor-element-846e53d {
|
||
flex-shrink: 0 !important;
|
||
}
|
||
|
||
/* navbar-center: navigation menu, optically centred. */
|
||
#masthead .elementor-element.elementor-element-e44ee7e {
|
||
justify-self: center !important;
|
||
display: flex !important;
|
||
align-items: center !important;
|
||
}
|
||
|
||
/* navbar-right: Contact button, aligned to the right edge. */
|
||
#masthead .elementor-element.elementor-element-f961133 {
|
||
justify-self: end !important;
|
||
}
|
||
}
|
||
|
||
#masthead .header-menu-container .main-menu > li.active > a:before {
|
||
background-color: #ffffff !important;
|
||
opacity: 1 !important;
|
||
}
|
||
|
||
#masthead .header-menu-container .main-menu > li.active > a {
|
||
color: #ffffff !important;
|
||
}
|
||
|
||
#masthead .header-menu-container .main-menu > li > a:focus,
|
||
#masthead .header-menu-container .main-menu > li > a:focus-visible {
|
||
outline: none !important;
|
||
box-shadow: none !important;
|
||
}
|
||
|
||
/* Responsive logo adjustment on mobile/tablet */
|
||
@media (max-width: 1024px) {
|
||
#masthead .elementor-element.elementor-element-846e53d .hfe-site-logo .hfe-site-logo-container img {
|
||
width: 150px !important;
|
||
height: auto !important;
|
||
margin-left: 20px !important;
|
||
}
|
||
#masthead .header-menu-container {
|
||
display: none !important;
|
||
}
|
||
#masthead .menu-trigger {
|
||
display: block !important;
|
||
}
|
||
|
||
/* Sticky header on scroll for mobile/tablet too — the desktop
|
||
rule lived only in the min-width:1025px block, so on phones the
|
||
absolutely-positioned navbar scrolled away with the page. Pin it
|
||
to the top once scrolled past 50px, matching desktop behaviour. */
|
||
#masthead .elementor-element.elementor-element-466de1b.dm-header-scrolled {
|
||
position: fixed !important;
|
||
top: 0 !important;
|
||
left: 0 !important;
|
||
right: 0 !important;
|
||
}
|
||
}
|
||
|
||
@media (max-width: 480px) {
|
||
#masthead .elementor-element.elementor-element-846e53d .hfe-site-logo .hfe-site-logo-container img {
|
||
width: 130px !important;
|
||
margin-left: 10px !important;
|
||
}
|
||
}
|
||
|
||
/* The theme reveals the mobile slide-in menu via Elementor's
|
||
body[data-elementor-device-mode="mobile"] rules, which are set by
|
||
Elementor's frontend JS — that JS isn't shipped in this Next port,
|
||
so the panel stayed display:none and the hamburger opened nothing.
|
||
Restore it with the same 1024px breakpoint the nav already switches
|
||
at. The panel sits off-screen (right:-320px) until .active slides
|
||
it in, matching production behaviour. */
|
||
@media (max-width: 1024px) {
|
||
#masthead .elementor-widget-logico_navigation_menu .mobile-header-menu-container {
|
||
display: block !important;
|
||
}
|
||
}
|
||
|
||
/* The bundled 'fontello' subset is missing the search (\e85c) and
|
||
close (\e845) glyphs, so those two icons render as empty tofu
|
||
boxes. Replace them with inline SVGs via CSS masks so they paint
|
||
in the current text colour (matching the working cart/user icons)
|
||
and respond to hover. */
|
||
#masthead .header-icon.search-link .search-trigger-icon::before,
|
||
#masthead .header-icon.menu-close .menu-close-icon::before {
|
||
content: "" !important;
|
||
display: block;
|
||
width: 1em;
|
||
height: 1em;
|
||
background-color: currentColor;
|
||
-webkit-mask-repeat: no-repeat;
|
||
mask-repeat: no-repeat;
|
||
-webkit-mask-position: center;
|
||
mask-position: center;
|
||
-webkit-mask-size: contain;
|
||
mask-size: contain;
|
||
}
|
||
#masthead .header-icon.search-link .search-trigger-icon::before {
|
||
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='16.5' y1='16.5' x2='21' y2='21'/%3E%3C/svg%3E");
|
||
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='16.5' y1='16.5' x2='21' y2='21'/%3E%3C/svg%3E");
|
||
}
|
||
#masthead .header-icon.menu-close .menu-close-icon::before {
|
||
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='5' y1='5' x2='19' y2='19'/%3E%3Cline x1='19' y1='5' x2='5' y2='19'/%3E%3C/svg%3E");
|
||
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='5' y1='5' x2='19' y2='19'/%3E%3Cline x1='19' y1='5' x2='5' y2='19'/%3E%3C/svg%3E");
|
||
}
|
||
</style><div id="miletruth" class="content-wrapper content-wrapper-may-contain-elementor-code content-wrapper-sidebar-position-none"><div class="content"><div class="content-inner"><div data-elementor-type="wp-page" data-elementor-id="59" class="elementor elementor-59"><style>
|
||
/* ── Hero wrapper: column layout, zero gap between hero + stats ── */
|
||
.miletruth-hero .elementor-element-86f3204 {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 0;
|
||
margin: 0;
|
||
padding: 0 20px;
|
||
}
|
||
|
||
/* ── Hero slider card ── */
|
||
.miletruth-hero-container {
|
||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.15) 55%, rgba(0, 0, 0, 0.3) 100%), url('/images/miletruth-bg.webp') !important;
|
||
background-size: cover !important;
|
||
background-position: center !important;
|
||
background-repeat: no-repeat !important;
|
||
/* Match the home page hero card (800px) so MileTruth has the same visual
|
||
presence on large desktop, MacBook M1/Pro, and standard laptops. */
|
||
min-height: 800px;
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: center;
|
||
border-radius: 25px 25px 0 0;
|
||
margin-top: 20px;
|
||
padding: 100px 40px;
|
||
}
|
||
.miletruth-hero-container::before {
|
||
display: none !important;
|
||
}
|
||
.miletruth-content {
|
||
position: relative;
|
||
z-index: 2;
|
||
width: 100%;
|
||
padding: 0 40px !important;
|
||
box-sizing: border-box;
|
||
}
|
||
.miletruth-hero .content-slider-item-heading,
|
||
.miletruth-hero .content-slider-item-heading .heading-content {
|
||
color: rgba(255, 255, 255, 0.96) !important;
|
||
font-family: var(--font-manrope), "Manrope", sans-serif !important;
|
||
font-size: clamp(34px, 5.5vw, 72px) !important;
|
||
font-weight: 850 !important;
|
||
line-height: 1.05 !important;
|
||
letter-spacing: -1.5px !important;
|
||
text-transform: uppercase !important;
|
||
text-align: center !important;
|
||
display: block;
|
||
}
|
||
.miletruth-hero .content-slider-item-text {
|
||
margin-top: 22px !important;
|
||
text-align: center !important;
|
||
}
|
||
.miletruth-hero .content-slider-item-text p {
|
||
color: rgba(255, 255, 255, 0.72) !important;
|
||
font-family: var(--font-manrope), "Manrope", sans-serif !important;
|
||
font-size: clamp(17px, 1.6vw, 23px) !important;
|
||
font-weight: 500 !important;
|
||
line-height: 1.65 !important;
|
||
margin: 0 auto !important;
|
||
max-width: 820px;
|
||
}
|
||
.miletruth-hero .slide-content {
|
||
display: flex !important;
|
||
flex-direction: column !important;
|
||
align-items: center !important;
|
||
justify-content: center !important;
|
||
text-align: center !important;
|
||
width: 100% !important;
|
||
height: 100% !important;
|
||
padding: 0 40px !important;
|
||
box-sizing: border-box !important;
|
||
}
|
||
.miletruth-hero .slide-content,
|
||
.miletruth-hero .slide-content-inner {
|
||
/* These carry inherited 20px padding from the slider theme with
|
||
content-box sizing, so width:100% + padding overflowed the viewport
|
||
by ~40px and pushed the hero off-center. Force border-box so the
|
||
padding is contained and the block stays centered. */
|
||
box-sizing: border-box !important;
|
||
}
|
||
.miletruth-hero .slide-content-inner {
|
||
display: flex !important;
|
||
flex-direction: column !important;
|
||
align-items: center !important;
|
||
justify-content: center !important;
|
||
text-align: center !important;
|
||
margin-left: auto !important;
|
||
margin-right: auto !important;
|
||
max-width: 1000px !important;
|
||
width: 100% !important;
|
||
}
|
||
.miletruth-hero .content-slider-item-heading,
|
||
.miletruth-hero .content-slider-item-heading .heading-content {
|
||
text-align: center !important;
|
||
display: block !important;
|
||
width: 100% !important;
|
||
margin-left: auto !important;
|
||
margin-right: auto !important;
|
||
}
|
||
.miletruth-hero .content-slider-item-text {
|
||
display: flex !important;
|
||
justify-content: center !important;
|
||
width: 100% !important;
|
||
margin-top: 23px !important;
|
||
text-align: center !important;
|
||
}
|
||
.miletruth-hero .text-content {
|
||
text-align: center !important;
|
||
max-width: 800px !important;
|
||
margin: 0 auto !important;
|
||
}
|
||
/* The "logico" slider reveal animation leaves these at opacity:0 until
|
||
its JS runs (absent in this rebuild), hiding the heading + subtitle.
|
||
Force them visible. */
|
||
.miletruth-hero .content-slider-item-heading,
|
||
.miletruth-hero .content-slider-item-text,
|
||
.miletruth-hero .logico-content-wrapper-1,
|
||
.miletruth-hero .logico-content-wrapper-2 {
|
||
opacity: 1 !important;
|
||
transform: none !important;
|
||
visibility: visible !important;
|
||
}
|
||
|
||
/* ══════════════════════════════════════════════════════════════════
|
||
Stats bar — dark rounded card overlapping the hero bottom
|
||
══════════════════════════════════════════════════════════════════ */
|
||
.miletruth-hero .elementor-element-8e5c81e {
|
||
display: flex !important;
|
||
flex-direction: column !important;
|
||
justify-content: center !important;
|
||
width: 100% !important;
|
||
margin: -25px 0 0 0 !important;
|
||
background-color: #1F1F1F !important;
|
||
border-radius: 25px !important;
|
||
padding: 40px 0 !important;
|
||
position: relative !important;
|
||
z-index: 1 !important;
|
||
}
|
||
.miletruth-hero .elementor-element-8e5c81e > .e-con-inner {
|
||
width: 100% !important;
|
||
max-width: 1440px !important;
|
||
height: auto !important;
|
||
margin: 0 auto !important;
|
||
padding: 0 40px !important;
|
||
flex-grow: 0 !important;
|
||
box-sizing: border-box !important;
|
||
}
|
||
|
||
/* 4-col grid for counter widgets — rows size to content (not 1fr of the
|
||
container) so the counters aren't parked at the top of a tall row. */
|
||
.miletruth-hero .elementor-element-628123a {
|
||
display: grid !important;
|
||
grid-template-columns: repeat(4, 1fr) !important;
|
||
grid-template-rows: auto !important;
|
||
height: auto !important;
|
||
gap: 40px !important;
|
||
width: 100% !important;
|
||
justify-items: start !important;
|
||
align-items: start !important;
|
||
align-content: start !important;
|
||
}
|
||
|
||
/* Counter: title on top, number below, left-aligned */
|
||
.miletruth-hero .elementor-counter {
|
||
display: flex !important;
|
||
flex-direction: column !important;
|
||
align-items: flex-start !important;
|
||
text-align: left !important;
|
||
}
|
||
|
||
/* Counter title — above the number */
|
||
.miletruth-hero .elementor-counter-title {
|
||
font-family: var(--font-manrope), "Manrope", sans-serif !important;
|
||
font-size: 20px !important;
|
||
font-weight: 600 !important;
|
||
line-height: 1.3em !important;
|
||
color: #FFFFFF !important;
|
||
margin-bottom: 12px !important;
|
||
text-transform: none !important;
|
||
}
|
||
|
||
/* Counter number wrapper — centered */
|
||
.miletruth-hero .elementor-counter-number-wrapper {
|
||
font-family: var(--font-space-grotesk), "Space Grotesk", var(--font-manrope), "Manrope", sans-serif !important;
|
||
font-size: clamp(48px, 6.5vw, 100px) !important;
|
||
font-weight: 700 !important;
|
||
line-height: 1em !important;
|
||
color: #C01227 !important;
|
||
letter-spacing: -0.03em !important;
|
||
display: flex !important;
|
||
align-items: baseline !important;
|
||
justify-content: flex-start !important;
|
||
}
|
||
.miletruth-hero .elementor-counter-number {
|
||
color: #C01227 !important;
|
||
font-size: inherit !important;
|
||
font-weight: inherit !important;
|
||
}
|
||
.miletruth-hero .elementor-counter-number-suffix {
|
||
color: #C01227 !important;
|
||
font-size: inherit !important;
|
||
font-weight: inherit !important;
|
||
letter-spacing: -0.03em !important;
|
||
}
|
||
|
||
/* ── Responsive ── */
|
||
@media (max-width: 1200px) {
|
||
.miletruth-hero .content-slider-item-heading,
|
||
.miletruth-hero .content-slider-item-heading .heading-content {
|
||
font-size: 60px !important;
|
||
}
|
||
}
|
||
@media (max-width: 1024px) {
|
||
.miletruth-hero-container {
|
||
min-height: 600px;
|
||
padding: 120px 0;
|
||
}
|
||
.miletruth-hero .elementor-element-8e5c81e {
|
||
padding: 40px 0 !important;
|
||
}
|
||
.miletruth-hero .elementor-element-628123a {
|
||
grid-template-columns: repeat(2, 1fr) !important;
|
||
gap: 50px 40px !important;
|
||
}
|
||
.miletruth-hero .content-slider-item-heading,
|
||
.miletruth-hero .content-slider-item-heading .heading-content {
|
||
font-size: 50px !important;
|
||
line-height: 1.1 !important;
|
||
}
|
||
}
|
||
@media (max-width: 768px) {
|
||
.miletruth-hero .content-slider-item-heading,
|
||
.miletruth-hero .content-slider-item-heading .heading-content {
|
||
font-size: 40px !important;
|
||
line-height: 1.12 !important;
|
||
}
|
||
.miletruth-hero .content-slider-item-text p {
|
||
font-size: 16px !important;
|
||
}
|
||
}
|
||
@media (max-width: 580px) {
|
||
.miletruth-hero-container {
|
||
min-height: 500px;
|
||
padding: 100px 0;
|
||
}
|
||
.miletruth-hero .elementor-element-86f3204 {
|
||
padding: 0 12px;
|
||
}
|
||
/* Collapse the nested horizontal padding (was 40px + 40px on top of the
|
||
12px wrapper) — at 320px that left only ~136px for text and the long
|
||
heading words overflowed, causing horizontal scroll + off-center look. */
|
||
.miletruth-content {
|
||
padding: 0 14px !important;
|
||
}
|
||
.miletruth-hero .slide-content {
|
||
padding: 0 !important;
|
||
}
|
||
.miletruth-hero .elementor-element-8e5c81e {
|
||
padding: 30px 0 !important;
|
||
border-radius: 20px !important;
|
||
}
|
||
.miletruth-hero .elementor-element-8e5c81e > .e-con-inner {
|
||
padding: 0 20px !important;
|
||
}
|
||
.miletruth-hero .elementor-element-628123a {
|
||
grid-template-columns: 1fr !important;
|
||
gap: 36px !important;
|
||
/* Single column on mobile → center each stat in the card */
|
||
justify-items: center !important;
|
||
}
|
||
.miletruth-hero .elementor-counter {
|
||
align-items: center !important;
|
||
text-align: center !important;
|
||
}
|
||
.miletruth-hero .elementor-counter-number-wrapper {
|
||
justify-content: center !important;
|
||
}
|
||
.miletruth-hero .content-slider-item-heading,
|
||
.miletruth-hero .content-slider-item-heading .heading-content {
|
||
font-size: clamp(26px, 8vw, 32px) !important;
|
||
letter-spacing: -0.5px !important;
|
||
/* never let a single long word push past the viewport */
|
||
overflow-wrap: break-word;
|
||
word-break: break-word;
|
||
}
|
||
}
|
||
</style><div class="elementor-63 miletruth-hero"><div class="elementor-element elementor-element-86f3204 e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent" data-id="86f3204" data-element_type="container" data-e-type="container"><div class="miletruth-hero-container"><div class="e-con-inner miletruth-content"><div class="logico-content-slider-widget"><div class="content-slider-wrapper"><div class="content-slider-container"><div class="content-slider owl-carousel owl-theme"><div class="content-item slider-item elementor-repeater-item-6867061 slide-style-standard"><div class="slide-content" style="padding-left:0;padding-right:0"><div class="slide-content-inner"><h1 class="content-slider-item-heading logico-content-wrapper-1"><span class="heading-content">The Only AI Built<br/>Exclusively for Logistics</span></h1><div class="content-slider-item-text logico-content-wrapper-2"><div class="text-content"><p>Optimizes every stage of the delivery journey for maximum efficiency.</p></div></div></div></div></div></div></div></div></div></div></div><div class="elementor-element elementor-element-8e5c81e e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-child" data-id="8e5c81e" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}"><div class="e-con-inner"><div class="elementor-element elementor-element-628123a e-con-full e-grid cut-corner-no sticky-container-off e-con e-child" data-id="628123a" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-1da88b5 elementor-widget elementor-widget-counter" data-id="1da88b5" data-element_type="widget" data-e-type="widget" data-widget_type="counter.default"><div class="elementor-widget-container"><div class="elementor-counter"><div class="elementor-counter-title">SLA Compliance</div><div class="elementor-counter-number-wrapper"><span class="elementor-counter-number">1</span><span class="elementor-counter-number-suffix"> %</span></div></div></div></div><div class="elementor-element elementor-element-1da88b5 elementor-widget elementor-widget-counter" data-id="1da88b5-2" data-element_type="widget" data-e-type="widget" data-widget_type="counter.default"><div class="elementor-widget-container"><div class="elementor-counter"><div class="elementor-counter-title">Distance Saved</div><div class="elementor-counter-number-wrapper"><span class="elementor-counter-number">1</span><span class="elementor-counter-number-suffix"> %</span></div></div></div></div><div class="elementor-element elementor-element-1da88b5 elementor-widget elementor-widget-counter" data-id="1da88b5-3" data-element_type="widget" data-e-type="widget" data-widget_type="counter.default"><div class="elementor-widget-container"><div class="elementor-counter"><div class="elementor-counter-title">Fewer Vehicles</div><div class="elementor-counter-number-wrapper"><span class="elementor-counter-number">1</span><span class="elementor-counter-number-suffix"> %</span></div></div></div></div><div class="elementor-element elementor-element-a1cf3d4 elementor-widget elementor-widget-counter" data-id="a1cf3d4" data-element_type="widget" data-e-type="widget" data-widget_type="counter.default"><div class="elementor-widget-container"><div class="elementor-counter"><div class="elementor-counter-title">Dispatch Latency</div><div class="elementor-counter-number-wrapper"><span class="elementor-counter-number">45</span><span class="elementor-counter-number-suffix">ms</span></div></div></div></div></div></div></div></div></div><style>
|
||
/* ============================================================
|
||
EV-Native Design — redesigned section
|
||
bg #080808 · red #ef4444 · Manrope
|
||
============================================================ */
|
||
|
||
.evnd, .evnd * { font-family: "Manrope", Sans-serif !important; }
|
||
|
||
/* External gap helpers — keep stacked workflow sections on one rhythm
|
||
(Desktop 40 · Tablet 32 · 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):not(.evnd__imgwrap--video) {
|
||
width: fit-content;
|
||
max-width: 100%;
|
||
margin-inline: auto;
|
||
}
|
||
.evnd__grid--cards .evnd__imgwrap:not(.evnd__imgwrap--media):not(.evnd__imgwrap--video) .evnd__img {
|
||
width: auto;
|
||
height: auto;
|
||
max-height: clamp(520px, 46vw, 670px);
|
||
max-width: 100%;
|
||
}
|
||
}
|
||
|
||
@media (min-width: 1200px) {
|
||
.evnd__grid--cards .evnd__imgwrap--video {
|
||
width: 100%;
|
||
height: 100%;
|
||
min-height: 100%;
|
||
}
|
||
.evnd__grid--cards .evnd__imgwrap--video .evnd__video {
|
||
width: 100%;
|
||
height: 100%;
|
||
object-fit: cover;
|
||
}
|
||
}
|
||
|
||
.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__video {
|
||
display: block;
|
||
width: 100%;
|
||
height: 100%;
|
||
object-fit: contain;
|
||
}
|
||
.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 · --ca2
|
||
secondary · --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 5–10% 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; }
|
||
}
|
||
</style><div class="elementor-element elementor-element-bbc6760 e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent evnd-gap-top evnd-gap-bottom" data-id="bbc6760" data-element_type="container" data-e-type="container" aria-label="Workflow 1 — Performance" style="background-color:#0d0d0d;width:calc(100% - 40px);margin-left:20px;margin-right:20px;border-radius:25px;overflow:hidden"><div class="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="background-position:center 0px;background-image:url(/images/mile-1.webp);background-size:cover;background-repeat:no-repeat;position:relative;z-index:2;border-radius:25px 25px 0 0;overflow:hidden"></div><div class="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"><div class="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"><div class="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"}"><div class="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"><div class="elementor-widget-container"><h5 class="logico-title">OPTIMIZE EVERY MILE</h5></div></div><div class="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"><div class="elementor-widget-container"><p>Cut travel distance, reduce operating cost, and improve fleet productivity across every route.</p></div></div></div><div class="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"}"></div></div></div><section class="evnd evnd--cards" aria-label="Workflow 1 — Performance" style="--ca:#00E5FF;--ca2:#14B8A6;--cg:rgba(0,229,255,0.18)"><div class="evnd__map" aria-hidden="true"><canvas class="ind__map" aria-hidden="true"></canvas></div><div class="evnd__inner evnd__inner--cards"><span class="evnd__eyebrow">/ Performance /</span><h2 class="evnd__title">SMARTER ROUTES. <span class="accent">LOWER COSTS.</span></h2><div class="evnd__grid evnd__grid--cards"><div class="evnd__left"><div class="evnd__media"><div class="evnd__glow"></div><div class="evnd__imgwrap evnd__imgwrap--media"><div class="wf-scene" role="img" aria-label="Live route optimization engine" style="background:#020617"><style>
|
||
.wf-scene {
|
||
position: relative;
|
||
width: 100%;
|
||
/* Compact, fixed-ratio media panel — replaces the multi-viewport pinned
|
||
scroll experience so the workflow is dramatically shorter. */
|
||
aspect-ratio: 4 / 3;
|
||
border-radius: 16px;
|
||
overflow: hidden;
|
||
}
|
||
.wf-scene__canvas { position: absolute; inset: 0; }
|
||
.wf-scene__canvas canvas { display: block; width: 100% !important; height: 100% !important; }
|
||
@media (max-width: 991px) {
|
||
.wf-scene { aspect-ratio: 16 / 10; }
|
||
}
|
||
/* Phones: shorter scene panel (~17% less tall than the old 4/3) so the
|
||
card + KPI bar are reached sooner. The closer mobile camera framing
|
||
keeps the depot/routes/vehicles readable in the reduced height. */
|
||
@media (max-width: 480px) {
|
||
.wf-scene { aspect-ratio: 16 / 10; }
|
||
}
|
||
</style><div class="wf-scene__canvas"></div></div><div class="evnd__badge evnd__badge--tl"><b>-42%</b><span>DISTANCE SAVED</span></div><div class="evnd__badge evnd__badge--br"><b>-37%</b><span>FEWER VEHICLES</span></div></div></div></div><div class="evnd__right"><div class="evnd__dash" style="--ca:#00E5FF;--ca2:#14B8A6;--cg:rgba(0,229,255,0.18)"><div class="evnd__dash-head"><span class="evnd__dash-live"><span class="evnd__dash-livedot"></span>Performance Insight</span><span class="evnd__dash-sys">AI ENGINE</span></div><div class="evnd__dash-kpis"><div class="evnd__kpi"><b class="evnd__kpi-val">0<!-- -->%</b><span class="evnd__kpi-label">Distance Saved</span></div><div class="evnd__kpi"><b class="evnd__kpi-val">0<!-- -->%</b><span class="evnd__kpi-label">Faster Routes</span></div><div class="evnd__kpi"><b class="evnd__kpi-val">0<!-- -->%</b><span class="evnd__kpi-label">Lower Cost</span></div><div class="evnd__kpi"><b class="evnd__kpi-val">0.0<!-- -->%</b><span class="evnd__kpi-label">On-Time</span></div></div><div class="evnd__dash-feats"><div class="evnd__dfeat"><span class="evnd__dfeat-ico" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="3 11 22 2 13 21 11 13 3 11"></polygon></svg></span><div class="evnd__dfeat-body"><span class="evnd__dfeat-title">Route Optimization</span><p class="evnd__dfeat-desc">AI selects the most efficient path across every zone.</p></div></div><div class="evnd__dfeat"><span class="evnd__dfeat-ico" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 17 13.5 8.5 8.5 13.5 2 7"></polyline><polyline points="16 17 22 17 22 11"></polyline></svg></span><div class="evnd__dfeat-body"><span class="evnd__dfeat-title">Distance Reduction</span><p class="evnd__dfeat-desc">Same volume delivered with a leaner, better-used fleet.</p></div></div><div class="evnd__dfeat"><span class="evnd__dfeat-ico" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 14l4-4"></path><path d="M3.34 19a10 10 0 1 1 17.32 0"></path></svg></span><div class="evnd__dfeat-body"><span class="evnd__dfeat-title">Fleet Efficiency</span><p class="evnd__dfeat-desc">Higher utilisation and lower operating cost.</p></div></div><div class="evnd__dfeat"><span class="evnd__dfeat-ico" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path><polyline points="9 12 11 14 15 10"></polyline></svg></span><div class="evnd__dfeat-body"><span class="evnd__dfeat-title">SLA Performance</span><p class="evnd__dfeat-desc">Real-time correction keeps deliveries on time.</p></div></div></div></div></div></div><div class="evnd__bar"><div class="evnd__bar-item"><span class="evnd__bar-label">Distance Saved</span><b class="evnd__bar-val">0<!-- -->%</b></div><div class="evnd__bar-item"><span class="evnd__bar-label">Faster Routes</span><b class="evnd__bar-val">0<!-- -->%</b></div><div class="evnd__bar-item"><span class="evnd__bar-label">Lower Cost</span><b class="evnd__bar-val">0<!-- -->%</b></div><div class="evnd__bar-item"><span class="evnd__bar-label">On-Time</span><b class="evnd__bar-val">0.0<!-- -->%</b></div></div></div></section></div><style>
|
||
/* ============================================================
|
||
EV-Native Design — redesigned section
|
||
bg #080808 · red #ef4444 · Manrope
|
||
============================================================ */
|
||
|
||
.evnd, .evnd * { font-family: "Manrope", Sans-serif !important; }
|
||
|
||
/* External gap helpers — keep stacked workflow sections on one rhythm
|
||
(Desktop 40 · Tablet 32 · 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):not(.evnd__imgwrap--video) {
|
||
width: fit-content;
|
||
max-width: 100%;
|
||
margin-inline: auto;
|
||
}
|
||
.evnd__grid--cards .evnd__imgwrap:not(.evnd__imgwrap--media):not(.evnd__imgwrap--video) .evnd__img {
|
||
width: auto;
|
||
height: auto;
|
||
max-height: clamp(520px, 46vw, 670px);
|
||
max-width: 100%;
|
||
}
|
||
}
|
||
|
||
@media (min-width: 1200px) {
|
||
.evnd__grid--cards .evnd__imgwrap--video {
|
||
width: 100%;
|
||
height: 100%;
|
||
min-height: 100%;
|
||
}
|
||
.evnd__grid--cards .evnd__imgwrap--video .evnd__video {
|
||
width: 100%;
|
||
height: 100%;
|
||
object-fit: cover;
|
||
}
|
||
}
|
||
|
||
.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__video {
|
||
display: block;
|
||
width: 100%;
|
||
height: 100%;
|
||
object-fit: contain;
|
||
}
|
||
.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 · --ca2
|
||
secondary · --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 5–10% 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; }
|
||
}
|
||
</style><div class="elementor-element elementor-element-bbc6760 e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent evnd-gap-bottom" data-id="bbc6760" data-element_type="container" data-e-type="container" aria-label="Workflow 2 — Innovation" style="background-color:#0d0d0d;width:calc(100% - 40px);margin-left:20px;margin-right:20px;border-radius:25px;overflow:hidden"><div class="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="background-position:center 0px;background-image:url(/images/mid-mile-approach.webp);background-size:cover;background-repeat:no-repeat;position:relative;z-index:2;border-radius:25px 25px 0 0;overflow:hidden"></div><div class="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"><div class="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"><div class="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"}"><div class="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"><div class="elementor-widget-container"><h5 class="logico-title">CHOOSE THE BEST PLAN</h5></div></div><div class="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"><div class="elementor-widget-container"><p>Analyze thousands of route possibilities and automatically select the most efficient delivery strategy.</p></div></div></div><div class="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"}"></div></div></div><section class="evnd evnd--cards" aria-label="Workflow 2 — Innovation" style="--ca:#E2354A;--ca2:#C01227;--cg:rgba(226,53,74,0.2)"><div class="evnd__map" aria-hidden="true"><canvas class="ind__map" aria-hidden="true"></canvas></div><div class="evnd__inner evnd__inner--cards evnd__inner--img"><span class="evnd__eyebrow">/ Innovation /</span><h2 class="evnd__title">MANY STRATEGIES. <span class="accent">ONE BEST PLAN.</span></h2><div class="evnd__grid evnd__grid--cards evnd__grid--img"><div class="evnd__left"><div class="evnd__media"><div class="evnd__glow"></div><div class="evnd__imgwrap evnd__imgwrap--video"><video class="evnd__video" autoPlay="" muted="" loop="" playsInline="" aria-label="AI route-planning engine selecting the best delivery plan"><source src="/videos/workflow-2-routing.mp4" type="video/mp4"/></video><div class="evnd__badge evnd__badge--tl"><b>45ms</b><span>INFERENCE</span></div><div class="evnd__badge evnd__badge--br"><b>100%</b><span>SLA-FIRST</span></div></div></div></div><div class="evnd__right"><div class="evnd__dash" style="--ca:#E2354A;--ca2:#C01227;--cg:rgba(226,53,74,0.2)"><div class="evnd__dash-head"><span class="evnd__dash-live"><span class="evnd__dash-livedot"></span>AI Decision Engine</span><span class="evnd__dash-sys">AI ENGINE</span></div><div class="evnd__dash-kpis"><div class="evnd__kpi"><b class="evnd__kpi-val">0<!-- -->ms</b><span class="evnd__kpi-label">Inference</span></div><div class="evnd__kpi"><b class="evnd__kpi-val">0<!-- -->+</b><span class="evnd__kpi-label">Strategies</span></div><div class="evnd__kpi"><b class="evnd__kpi-val">0.0<!-- -->%</b><span class="evnd__kpi-label">SLA Met</span></div><div class="evnd__kpi"><b class="evnd__kpi-val">0<!-- -->/7</b><span class="evnd__kpi-label">Adaptive</span></div></div><div class="evnd__dash-feats"><div class="evnd__dfeat"><span class="evnd__dfeat-ico" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 2 7 12 12 22 7 12 2"></polygon><polyline points="2 17 12 22 22 17"></polyline><polyline points="2 12 12 17 22 12"></polyline></svg></span><div class="evnd__dfeat-body"><span class="evnd__dfeat-title">Generate Routes</span><p class="evnd__dfeat-desc">Many strategies explored per dispatch window.</p></div></div><div class="evnd__dfeat"><span class="evnd__dfeat-ico" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg></span><div class="evnd__dfeat-body"><span class="evnd__dfeat-title">Check Constraints</span><p class="evnd__dfeat-desc">Battery, capacity, distance and time validated.</p></div></div><div class="evnd__dfeat"><span class="evnd__dfeat-ico" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="6" y1="20" x2="6" y2="14"></line><line x1="12" y1="20" x2="12" y2="4"></line><line x1="18" y1="20" x2="18" y2="10"></line></svg></span><div class="evnd__dfeat-body"><span class="evnd__dfeat-title">Score & Compare</span><p class="evnd__dfeat-desc">Plans ranked by total cost in parallel.</p></div></div><div class="evnd__dfeat"><span class="evnd__dfeat-ico" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon></svg></span><div class="evnd__dfeat-body"><span class="evnd__dfeat-title">Select Best Plan</span><p class="evnd__dfeat-desc">SLA-first plan locked in and dispatched.</p></div></div></div></div></div></div><div class="evnd__bar"><div class="evnd__bar-item"><span class="evnd__bar-label">Inference</span><b class="evnd__bar-val">0<!-- -->ms</b></div><div class="evnd__bar-item"><span class="evnd__bar-label">Strategies</span><b class="evnd__bar-val">0<!-- -->+</b></div><div class="evnd__bar-item"><span class="evnd__bar-label">SLA Met</span><b class="evnd__bar-val">0.0<!-- -->%</b></div><div class="evnd__bar-item"><span class="evnd__bar-label">Adaptive</span><b class="evnd__bar-val">0<!-- -->/7</b></div></div></div></section></div><div aria-hidden="true" style="min-height:100vh"></div></div></div></div></div><!--$--><!--/$--><style>
|
||
.logico-form-field.dm-field-filled .logico-label-wrapper>label {
|
||
font-size: 14px;
|
||
top: -14px;
|
||
color: var(--logico-dark-text-color);
|
||
}
|
||
.logico-form-field.dm-field-filled .logico-label-placeholder .logico-label-placeholder-text:before {
|
||
right: 100%;
|
||
left: initial;
|
||
}
|
||
.logico-form-field.dm-field-filled .logico-label-placeholder .logico-label-placeholder-text:after {
|
||
left: 100%;
|
||
right: initial;
|
||
}
|
||
</style><footer data-rocket-location-hash="1eeca93394c4fc14089e9d12a2a92e22" itemScope="" itemType="https://schema.org/WPFooter" id="colophon" role="contentinfo"><div class="footer-width-fixer"><div data-elementor-type="wp-post" data-elementor-id="6585" class="elementor elementor-6585"><div class="elementor-element elementor-element-3cd920c e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent" data-id="3cd920c" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-b29b8fc e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-child" data-id="b29b8fc" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}"><div class="e-con-inner"><div class="elementor-element elementor-element-ef6fa6d e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="ef6fa6d" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-9990148 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="9990148" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-8899bdf elementor-absolute elementor-widget elementor-widget-image" data-id="8899bdf" data-element_type="widget" data-e-type="widget" data-settings="{"_position":"absolute"}" data-widget_type="image.default"><div class="elementor-widget-container"><img alt="" loading="lazy" width="965" height="474" decoding="async" data-nimg="1" class="attachment-full size-full wp-image-1148" style="color:transparent" src="/images/bg-map.png"/></div></div><div class="elementor-element elementor-element-a0e7516 elementor-widget elementor-widget-logico_heading" data-id="a0e7516" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default"><div class="elementor-widget-container"><div class="logico-title">/ get in touch /</div></div></div><div class="elementor-element elementor-element-687d944 elementor-widget elementor-widget-logico_heading" data-id="687d944" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default"><div class="elementor-widget-container"><div class=""><h3 class="logico-title" style="color:white">We are always ready to help you and answer your questions</h3></div></div></div><div class="elementor-element elementor-element-670d1b2 elementor-widget elementor-widget-text-editor" data-id="670d1b2" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default"><div class="elementor-widget-container"><p>Connecting businesses with fast, secure, smart deliveries.</p></div></div><div class="elementor-element elementor-element-2631b42 e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-child" data-id="2631b42" data-element_type="container" data-e-type="container"><div class="e-con-inner"><div class="elementor-element elementor-element-df89993 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="df89993" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-69b6892 elementor-widget elementor-widget-logico_heading" data-id="69b6892" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default"><div class="elementor-widget-container"><div class="logico-title dm-foot-label"><svg class="dm-foot-ic" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z"></path></svg><span>Contect</span></div></div></div><div class="elementor-element elementor-element-87be926 elementor-widget elementor-widget-text-editor" data-id="87be926" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default"><div class="elementor-widget-container"><p>Tel : +91 86886 97941</p></div></div></div><div class="elementor-element elementor-element-f5d8e63 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="f5d8e63" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-774e540 elementor-widget elementor-widget-logico_heading" data-id="774e540" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default"><div class="elementor-widget-container"><div class="logico-title dm-foot-label"><svg class="dm-foot-ic" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg><span>Address</span></div></div></div><div class="elementor-element elementor-element-9c1cf03 elementor-widget elementor-widget-text-editor" data-id="9c1cf03" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default"><div class="elementor-widget-container"><p>5th Floor, Vision Ultima, Street No.3, Jayabheri Enclave, Gachibowli, Hyderabad, Telangana 500032.</p></div></div></div></div></div><div class="elementor-element elementor-element-645be8d e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-child" data-id="645be8d" data-element_type="container" data-e-type="container"><div class="e-con-inner"><div class="elementor-element elementor-element-a96d151 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="a96d151" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-37e647f elementor-widget elementor-widget-logico_heading" data-id="37e647f" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default"><div class="elementor-widget-container"><div class="logico-title dm-foot-label"><svg class="dm-foot-ic" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="2" y="4" width="20" height="16" rx="2"></rect><path d="m22 7-10 5L2 7"></path></svg><span>Email</span></div></div></div><div class="elementor-element elementor-element-ba67644 elementor-widget elementor-widget-text-editor" data-id="ba67644" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default"><div class="elementor-widget-container"><p><a href="mailto:care@doormile.com">care@doormile.com</a></p></div></div></div><div class="elementor-element elementor-element-9ba4b82 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="9ba4b82" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-e9a5d79 elementor-widget elementor-widget-logico_heading" data-id="e9a5d79" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default"><div class="elementor-widget-container"><div class="logico-title dm-foot-label"><svg class="dm-foot-ic" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" y1="13.51" x2="15.42" y2="17.49"></line><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"></line></svg><span>Social</span></div></div></div><div class="elementor-element elementor-element-a6bccba elementor-shape-square elementor-grid-0 elementor-widget elementor-widget-social-icons" data-id="a6bccba" data-element_type="widget" data-e-type="widget" data-widget_type="social-icons.default"><div class="elementor-widget-container"><div class="elementor-social-icons-wrapper elementor-grid" role="list" style="--grid-column-gap:52px;--grid-row-gap:18px;column-gap:52px;row-gap:18px"><span class="elementor-grid-item" role="listitem" style="padding:0 15px"><a class="elementor-icon elementor-social-icon elementor-social-icon-linkedin-in elementor-repeater-item-38e1bcc" href="https://www.linkedin.com" target="_blank" rel="noopener noreferrer"><span class="elementor-screen-only">LinkedIn</span><svg aria-hidden="true" class="e-font-icon-svg e-fab-linkedin-in" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path></svg></a></span><span class="elementor-grid-item" role="listitem" style="padding:0 15px"><a class="elementor-icon elementor-social-icon elementor-social-icon-youtube elementor-repeater-item-b0d5e1f" href="https://www.youtube.com" target="_blank" rel="noopener noreferrer"><span class="elementor-screen-only">YouTube</span><svg aria-hidden="true" class="e-font-icon-svg e-fab-youtube" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path></svg></a></span></div></div></div></div></div></div></div><div class="elementor-element elementor-element-a5c503d e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="a5c503d" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}"><div class="elementor-element elementor-element-535776a elementor-widget elementor-widget-logico_heading" data-id="535776a" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default"><div class="elementor-widget-container"><div class="logico-title">Get in Touch</div></div></div><div class="elementor-element elementor-element-0e6fedf elementor-widget elementor-widget-logico_wpforms" data-id="0e6fedf" data-element_type="widget" data-e-type="widget" data-widget_type="logico_wpforms.default"><div class="elementor-widget-container"><div class="logico-wpforms-widget"><div class="wpforms-container wpforms-render-modern" id="wpforms-369"><form id="wpforms-form-369" class="wpforms-validate wpforms-form"><div class="wpforms-field-container"><div class="wpforms-field-wrapper logico-form-field"><div class="logico-label-wrapper" style="margin-bottom:12px"><div class="logico-label-placeholder"><div class="logico-label-placeholder-text">Full name</div></div><label class="wpforms-field-label" for="footer-field-name">Full name</label></div><input type="text" id="footer-field-name" class="wpforms-field-large" required="" name="fullName" value=""/></div><div class="wpforms-field-wrapper logico-form-field"><div class="logico-label-wrapper" style="margin-bottom:12px"><div class="logico-label-placeholder"><div class="logico-label-placeholder-text">Email</div></div><label class="wpforms-field-label" for="footer-field-email">Email</label></div><input type="email" id="footer-field-email" class="wpforms-field-large" required="" name="email" value=""/></div><div class="wpforms-field-wrapper logico-form-field"><div class="logico-label-wrapper" style="margin-bottom:12px"><div class="logico-label-placeholder"><div class="logico-label-placeholder-text">Subject</div></div><label class="wpforms-field-label" for="footer-field-subject">Subject</label></div><input type="text" id="footer-field-subject" class="wpforms-field-large" required="" name="subject" value=""/></div><div class="wpforms-field-wrapper logico-form-field"><div class="logico-label-wrapper" style="margin-bottom:12px"><div class="logico-label-placeholder"><div class="logico-label-placeholder-text">Message</div></div><label class="wpforms-field-label" for="footer-field-message">Message</label></div><textarea id="footer-field-message" class="wpforms-field-large" name="message" required=""></textarea></div></div><div class="wpforms-submit-container"><button type="submit" id="wpforms-submit-369" class="logico-alter-button wpforms-submit">Send a message</button></div></form></div></div></div></div></div></div><div class="elementor-element elementor-element-e183a77 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="e183a77" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-5219697 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="5219697" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-e6af8aa elementor-widget__width-initial elementor-widget elementor-widget-logico_heading" data-id="e6af8aa" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default"><div class="elementor-widget-container"><div class=""><h2 class="logico-title">Delivered <span style="color:#c01227">on time</span> with no hassle.</h2></div></div></div></div></div><div class="elementor-element elementor-element-ba22941 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="ba22941" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-54629ca elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="54629ca" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default"><div class="elementor-widget-container"><div class="elementor-divider"><span class="elementor-divider-separator"></span></div></div></div></div><div class="elementor-element elementor-element-3f1ba7a e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="3f1ba7a" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-64e2e81 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="64e2e81" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-b5c897d elementor-widget elementor-widget-image" data-id="b5c897d" data-element_type="widget" data-e-type="widget" data-widget_type="image.default"><div class="elementor-widget-container"><a href="/"><img alt="Doormile Tagline" loading="lazy" width="300" height="57" decoding="async" data-nimg="1" class="attachment-full size-full wp-image-5851" style="color:transparent;width:280px;height:auto" src="/images/logo-slogan.png"/></a></div></div><div class="elementor-element elementor-element-e4e6486 elementor-shape-square elementor-grid-0 elementor-widget elementor-widget-social-icons" data-id="e4e6486" data-element_type="widget" data-e-type="widget" data-widget_type="social-icons.default"><div class="elementor-widget-container"><div class="elementor-social-icons-wrapper elementor-grid" role="list" style="--grid-column-gap:52px;--grid-row-gap:18px;column-gap:52px;row-gap:18px"><span class="elementor-grid-item" role="listitem" style="padding:0 15px"><a class="elementor-icon elementor-social-icon elementor-social-icon-linkedin-in" href="https://www.linkedin.com" target="_blank" rel="noopener noreferrer"><span class="elementor-screen-only">LinkedIn</span><svg aria-hidden="true" class="e-font-icon-svg e-fab-linkedin-in" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path></svg></a></span><span class="elementor-grid-item" role="listitem" style="padding:0 15px"><a class="elementor-icon elementor-social-icon elementor-social-icon-youtube" href="https://www.youtube.com" target="_blank" rel="noopener noreferrer"><span class="elementor-screen-only">YouTube</span><svg aria-hidden="true" class="e-font-icon-svg e-fab-youtube" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path></svg></a></span></div></div></div></div><div class="elementor-element elementor-element-5b73dd3 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="5b73dd3" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-10ead4d elementor-widget elementor-widget-logico_heading" data-id="10ead4d" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default"><div class="elementor-widget-container"><div class="logico-title">Solutions</div></div></div><div class="elementor-element elementor-element-b2507df elementor-widget elementor-widget-logico_custom_navigation_menu" data-id="b2507df" data-element_type="widget" data-e-type="widget" data-widget_type="logico_custom_navigation_menu.default"><div class="elementor-widget-container"><ul class="logico-custom-menu-widget"><li><a href="/miletruth">MileTruth™</a></li><li><a href="/how-it-works">How It Works</a></li><li><a href="/solutions">Use Cases</a></li><li><a href="/contact">Request Demo</a></li></ul></div></div></div><div class="elementor-element elementor-element-451f15c e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="451f15c" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-0ec06ff elementor-widget elementor-widget-logico_heading" data-id="0ec06ff" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default"><div class="elementor-widget-container"><div class="logico-title">Services</div></div></div><div class="elementor-element elementor-element-a219b7d elementor-widget elementor-widget-logico_custom_navigation_menu" data-id="a219b7d" data-element_type="widget" data-e-type="widget" data-widget_type="logico_custom_navigation_menu.default"><div class="elementor-widget-container"><ul class="logico-custom-menu-widget"><li><a href="/about-us">About Us</a></li><li><a href="/about-us#women-entrepreneurship">Women entrepreneurship</a></li><li><a href="/blog">Blog</a></li><li><a href="/contact">Contact</a></li></ul></div></div></div><div class="elementor-element elementor-element-44a1f5d e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="44a1f5d" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-0edc8fd elementor-widget elementor-widget-logico_heading" data-id="0edc8fd" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default"><div class="elementor-widget-container"><div class="logico-title">Legal</div></div></div><div class="elementor-element elementor-element-189484a elementor-widget elementor-widget-logico_custom_navigation_menu" data-id="189484a" data-element_type="widget" data-e-type="widget" data-widget_type="logico_custom_navigation_menu.default"><div class="elementor-widget-container"><ul class="logico-custom-menu-widget"><li><a href="/privacy-policy">Privacy Policy</a></li><li><a href="/terms-of-service">Terms Service</a></li><li><a href="/cookie-policy">Cookie Policy</a></li></ul></div></div></div></div></div></div></div></div></div></footer><div class="footer-scroll-top " style="cursor:pointer"></div><style>
|
||
.elementor-6585 .elementor-element.elementor-element-e6af8aa .logico-title,
|
||
.elementor-6585 .elementor-element.elementor-element-3f1ba7a .logico-title,
|
||
.elementor-6585 .elementor-element.elementor-element-3f1ba7a .logico-custom-menu-widget {
|
||
font-family: var(--font-manrope), system-ui, -apple-system, "Segoe UI", sans-serif;
|
||
}
|
||
/* Prevent footer custom navigation menu items from wrapping on hover,
|
||
which causes layout shifts, height changes, and cursor flickering loops. */
|
||
.elementor-6585 .logico-custom-menu-widget li a {
|
||
white-space: nowrap !important;
|
||
}
|
||
/* The divider widget is a flex child that should grow via Elementor's
|
||
--container-widget-flex-grow variable, but the base rule wiring that
|
||
variable to flex-grow lives in elementor-frontend.css (not loaded). */
|
||
.elementor-6585 .elementor-element.elementor-element-54629ca {
|
||
flex-grow: 1;
|
||
width: 100%;
|
||
}
|
||
.elementor-6585 .elementor-element.elementor-element-54629ca .elementor-divider-separator {
|
||
display: block;
|
||
border-top: var(--divider-border-width, 1px) var(--divider-border-style, solid) var(--divider-color, #CBCBCB);
|
||
}
|
||
|
||
/* Production renders footer social icons at ~25px; ours default to 50px because the
|
||
base Elementor icon-size rule (font-size + SVG width:1em) is in elementor-frontend.css
|
||
which isn't loaded. Match prod for both upper (a6bccba) and lower (e4e6486) groups. */
|
||
.elementor-6585 .elementor-element.elementor-element-a6bccba .elementor-social-icon,
|
||
.elementor-6585 .elementor-element.elementor-element-e4e6486 .elementor-social-icon {
|
||
font-size: 16px;
|
||
}
|
||
.elementor-6585 .elementor-element.elementor-element-a6bccba .elementor-social-icon svg,
|
||
.elementor-6585 .elementor-element.elementor-element-e4e6486 .elementor-social-icon svg {
|
||
width: 25px;
|
||
height: 25px;
|
||
}
|
||
|
||
/* Compact footer link columns on phones (<=480px). The kit only sets
|
||
column --width at min-width:481px, so below that all four blocks
|
||
fall back to 100% and stack into one very tall column. Put the
|
||
logo+social full-width on top, then lay the three link groups out
|
||
in a 2-up grid (matching the tablet 47% intent) so the footer is
|
||
roughly half as tall. */
|
||
/* Inline icon beside each contact label (Call Center / Our Location /
|
||
Email / Social network). */
|
||
.elementor-6585 .dm-foot-label {
|
||
display: inline-flex !important;
|
||
align-items: center;
|
||
gap: 8px;
|
||
}
|
||
.elementor-6585 .dm-foot-label .dm-foot-ic {
|
||
flex: 0 0 auto;
|
||
color: #C01227;
|
||
}
|
||
|
||
/* ── Compact mobile contact footer (<=600px) ──
|
||
On phones the upper contact section stacked into one very tall
|
||
column with 50px margins between every block. Tighten the heading,
|
||
collapse those stack margins, and pair Email + Social side-by-side
|
||
(both are short) so the footer is far shorter without losing the
|
||
full-width address readability. */
|
||
@media (max-width: 600px) {
|
||
/* Trim the band's oversized top/bottom padding on phones. */
|
||
.elementor-6585 .elementor-element.elementor-element-b29b8fc > .e-con-inner {
|
||
padding-top: 40px !important;
|
||
padding-bottom: 40px !important;
|
||
}
|
||
.elementor-6585 .elementor-element.elementor-element-687d944 .logico-title {
|
||
font-size: clamp(24px, 6.6vw, 32px) !important;
|
||
line-height: 1.2 !important;
|
||
}
|
||
.elementor-6585 .dm-foot-label .dm-foot-ic { width: 14px; height: 14px; }
|
||
/* The Call Center / Our Location group carries a 10px side padding
|
||
the Email / Social group doesn't, leaving its labels indented
|
||
10px out of line with everything else — zero it so all four
|
||
contact blocks share the same left edge as the heading. */
|
||
.elementor-6585 .elementor-element.elementor-element-2631b42 {
|
||
padding-left: 0 !important;
|
||
padding-right: 0 !important;
|
||
}
|
||
/* All four contact blocks stack in one left-aligned column with a
|
||
consistent gap (Social network sits below Email). */
|
||
.elementor-6585 .elementor-element.elementor-element-2631b42,
|
||
.elementor-6585 .elementor-element.elementor-element-f5d8e63,
|
||
.elementor-6585 .elementor-element.elementor-element-645be8d,
|
||
.elementor-6585 .elementor-element.elementor-element-9ba4b82 {
|
||
margin-top: 22px !important;
|
||
}
|
||
.elementor-6585 .elementor-element.elementor-element-645be8d > .e-con-inner {
|
||
flex-direction: column !important;
|
||
gap: 0 !important;
|
||
align-items: stretch !important;
|
||
}
|
||
.elementor-6585 .elementor-element.elementor-element-a96d151,
|
||
.elementor-6585 .elementor-element.elementor-element-9ba4b82 {
|
||
width: 100% !important;
|
||
}
|
||
}
|
||
|
||
@media (max-width: 480px) {
|
||
.elementor-6585 .elementor-element.elementor-element-3f1ba7a {
|
||
display: flex !important;
|
||
flex-direction: row !important;
|
||
flex-wrap: wrap !important;
|
||
gap: 36px 16px !important;
|
||
}
|
||
.elementor-6585 .elementor-element.elementor-element-64e2e81 {
|
||
flex: 0 0 100% !important;
|
||
width: 100% !important;
|
||
}
|
||
.elementor-6585 .elementor-element.elementor-element-5b73dd3,
|
||
.elementor-6585 .elementor-element.elementor-element-451f15c,
|
||
.elementor-6585 .elementor-element.elementor-element-44a1f5d {
|
||
flex: 1 1 calc(50% - 8px) !important;
|
||
width: calc(50% - 8px) !important;
|
||
min-width: 0 !important;
|
||
}
|
||
/* Allow long links (e.g. "Women entrepreneurship") to wrap inside
|
||
the narrow columns instead of overflowing. */
|
||
.elementor-6585 .logico-custom-menu-widget li a {
|
||
white-space: normal !important;
|
||
}
|
||
/* Trim the large social-icons top gap so the brand block stays tight. */
|
||
.elementor-6585 .elementor-element.elementor-element-e4e6486 > .elementor-widget-container {
|
||
margin-top: 24px !important;
|
||
}
|
||
}
|
||
</style></div></div><script src="/_next/static/chunks/098a0lm-b~rn..js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[67989,[\"/_next/static/chunks/06n0m6ck5r8gy.js\",\"/_next/static/chunks/0n.gft-j~h_v_.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/156g7kwfb3yon.js\"],\"default\"]\n3:I[8971,[\"/_next/static/chunks/06n0m6ck5r8gy.js\",\"/_next/static/chunks/0n.gft-j~h_v_.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/156g7kwfb3yon.js\"],\"default\"]\n4:I[48064,[\"/_next/static/chunks/06n0m6ck5r8gy.js\",\"/_next/static/chunks/0n.gft-j~h_v_.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/156g7kwfb3yon.js\"],\"default\"]\n5:I[26290,[\"/_next/static/chunks/06n0m6ck5r8gy.js\",\"/_next/static/chunks/0n.gft-j~h_v_.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/156g7kwfb3yon.js\"],\"default\"]\n6:I[82637,[\"/_next/static/chunks/06n0m6ck5r8gy.js\",\"/_next/static/chunks/0n.gft-j~h_v_.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/156g7kwfb3yon.js\"],\"HeaderUIProvider\"]\n7:I[92260,[\"/_next/static/chunks/06n0m6ck5r8gy.js\",\"/_next/static/chunks/0n.gft-j~h_v_.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/156g7kwfb3yon.js\"],\"default\"]\n8:I[3374,[\"/_next/static/chunks/06n0m6ck5r8gy.js\",\"/_next/static/chunks/0n.gft-j~h_v_.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/156g7kwfb3yon.js\"],\"default\"]\n9:I[39756,[\"/_next/static/chunks/06n0m6ck5r8gy.js\",\"/_next/static/chunks/0n.gft-j~h_v_.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/156g7kwfb3yon.js\"],\"default\"]\na:I[37457,[\"/_next/static/chunks/06n0m6ck5r8gy.js\",\"/_next/static/chunks/0n.gft-j~h_v_.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/156g7kwfb3yon.js\"],\"default\"]\nb:I[58234,[\"/_next/static/chunks/06n0m6ck5r8gy.js\",\"/_next/static/chunks/0n.gft-j~h_v_.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/156g7kwfb3yon.js\"],\"default\"]\nc:I[58829,[\"/_next/static/chunks/06n0m6ck5r8gy.js\",\"/_next/static/chunks/0n.gft-j~h_v_.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/156g7kwfb3yon.js\",\"/_next/static/chunks/0p9m8qrmh2pfj.js\"],\"default\"]\nd:I[76756,[\"/_next/static/chunks/06n0m6ck5r8gy.js\",\"/_next/static/chunks/0n.gft-j~h_v_.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/156g7kwfb3yon.js\",\"/_next/static/chunks/0p9m8qrmh2pfj.js\"],\"default\"]\ne:I[38730,[\"/_next/static/chunks/06n0m6ck5r8gy.js\",\"/_next/static/chunks/0n.gft-j~h_v_.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/156g7kwfb3yon.js\",\"/_next/static/chunks/0p9m8qrmh2pfj.js\"],\"default\"]\nf:I[33016,[\"/_next/static/chunks/06n0m6ck5r8gy.js\",\"/_next/static/chunks/0n.gft-j~h_v_.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/156g7kwfb3yon.js\",\"/_next/static/chunks/0p9m8qrmh2pfj.js\"],\"default\"]\n10:I[97367,[\"/_next/static/chunks/06n0m6ck5r8gy.js\",\"/_next/static/chunks/0n.gft-j~h_v_.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/156g7kwfb3yon.js\"],\"OutletBoundary\"]\n11:\"$Sreact.suspense\"\n14:I[97367,[\"/_next/static/chunks/06n0m6ck5r8gy.js\",\"/_next/static/chunks/0n.gft-j~h_v_.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/156g7kwfb3yon.js\"],\"ViewportBoundary\"]\n16:I[97367,[\"/_next/static/chunks/06n0m6ck5r8gy.js\",\"/_next/static/chunks/0n.gft-j~h_v_.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/156g7kwfb3yon.js\"],\"MetadataBoundary\"]\n18:I[68027,[\"/_next/static/chunks/06n0m6ck5r8gy.js\",\"/_next/static/"])</script><script>self.__next_f.push([1,"chunks/0n.gft-j~h_v_.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/156g7kwfb3yon.js\"],\"default\",1]\n:HL[\"/_next/static/chunks/0ugoa9j3nv76b.css\",\"style\"]\n:HL[\"/_next/static/media/0c795a286deabae8-s.p.14tvuu96~wkr0.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/0c89a48fa5027cee-s.p.0rd3rjvnnhw7n.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/5c285b27cdda1fe8-s.p.0yo6-5yoeeudq.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/a343f882a40d2cc9-s.p.0kho-wj7-y-w1.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css\",\"style\"]\n:HL[\"/css/site.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"miletruth\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"miletruth\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0ugoa9j3nv76b.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/06n0m6ck5r8gy.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0n.gft-j~h_v_.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/04xui0pxt.et1.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/chunks/156g7kwfb3yon.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en-US\",\"data-scroll-behavior\":\"smooth\",\"className\":\"manrope_67dc055e-module__BHrBnq__variable space_grotesk_2e42c3c6-module__3Wl9rq__variable syne_ef5854ac-module__2TJB3a__variable dm_sans_2770e922-module__TdA3fW__variable inter_5dbe1e89-module__i9oJOa__variable\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"link\",null,{\"rel\":\"stylesheet\",\"href\":\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css\"}],[\"$\",\"link\",null,{\"rel\":\"stylesheet\",\"href\":\"/css/site.css\"}]]}],[\"$\",\"body\",null,{\"className\":\"wp-singular page-template-default page wp-theme-logico wp-child-theme-logico-child theme-logico ehf-header ehf-footer ehf-template-logico ehf-stylesheet-logico-child logico-front-end logico-theme-style-rounded elementor-default elementor-kit-5 elementor-page\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"$L2\",null,{}],[\"$\",\"$L3\",null,{}],[\"$\",\"$L4\",null,{\"children\":[[\"$\",\"$L5\",null,{}],[\"$\",\"$L6\",null,{\"children\":[[\"$\",\"$L7\",null,{}],[\"$\",\"div\",null,{\"className\":\"body-container\",\"children\":[\"$\",\"div\",null,{\"id\":\"page\",\"className\":\"hfeed site\",\"children\":[[\"$\",\"$L8\",null,{}],[\"$\",\"$L9\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$La\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],[\"$\",\"$Lb\",null,{}]]}]}]]}]]}]]}]]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L9\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$La\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"div\",null,{\"id\":\"miletruth\",\"className\":\"content-wrapper content-wrapper-may-contain-elementor-code content-wrapper-sidebar-position-none\",\"children\":[\"$\",\"div\",null,{\"className\":\"content\",\"children\":[\"$\",\"div\",null,{\"className\":\"content-inner\",\"children\":[\"$\",\"div\",null,{\"data-elementor-type\":\"wp-page\",\"data-elementor-id\":\"59\",\"className\":\"elementor elementor-59\",\"children\":[[\"$\",\"$Lc\",null,{}],[\"$\",\"$Ld\",null,{}],[\"$\",\"$Le\",null,{}],[\"$\",\"$Lf\",null,{}]]}]}]}]}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0p9m8qrmh2pfj.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L10\",null,{\"children\":[\"$\",\"$11\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@12\"}]}]]}],{},null,false,null]},null,false,\"$@13\"]},null,false,null],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L14\",null,{\"children\":\"$L15\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L16\",null,{\"children\":[\"$\",\"$11\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L17\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$18\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0ugoa9j3nv76b.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"Eik1xISOuHXIIK3VYjQ26\"}\n"])</script><script>self.__next_f.push([1,"19:[]\n13:\"$W19\"\n"])</script><script>self.__next_f.push([1,"15:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"1a:I[27201,[\"/_next/static/chunks/06n0m6ck5r8gy.js\",\"/_next/static/chunks/0n.gft-j~h_v_.js\",\"/_next/static/chunks/04xui0pxt.et1.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/156g7kwfb3yon.js\"],\"IconMark\"]\n12:null\n17:[[\"$\",\"title\",\"0\",{\"children\":\"MileTruth – Doormile\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Optimizes every stage of the delivery journey for maximum efficiency. Explore the only AI built exclusively for logistics.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"link\",\"3\",{\"rel\":\"shortcut icon\",\"href\":\"/images/cropped-image-2.png\"}],[\"$\",\"link\",\"4\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.14w3bhkxgz946.ico\",\"sizes\":\"40x40\",\"type\":\"image/x-icon\"}],[\"$\",\"link\",\"5\",{\"rel\":\"icon\",\"href\":\"/images/cropped-image-2.png\"}],[\"$\",\"link\",\"6\",{\"rel\":\"apple-touch-icon\",\"href\":\"/images/cropped-image-2.png\"}],[\"$\",\"$L1a\",\"7\",{}]]\n"])</script></body></html> |