{"id":64,"date":"2023-10-04T12:58:51","date_gmt":"2023-10-04T12:58:51","guid":{"rendered":"https:\/\/ecolosplus.se\/?page_id=64"},"modified":"2026-04-09T06:53:18","modified_gmt":"2026-04-09T04:53:18","slug":"elementor-64","status":"publish","type":"page","link":"https:\/\/ecolosplus.se\/sv\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"64\" class=\"elementor elementor-64\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-407bc3d e-con-full e-flex magic-button-disabled-no e-con e-parent\" data-id=\"407bc3d\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-290cff6 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"290cff6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"ec-hero\">\r\n\r\n<div class=\"ec-bg\"><\/div>\r\n<div class=\"ec-aurora\"><\/div>\r\n<div class=\"ec-noise\"><\/div>\r\n\r\n<div class=\"ec-content\">\r\n\r\n<h1>Minimera dina leveranskostnader med Ecolos+ plattformen<\/h1>\r\n\r\n<p>\r\nEcolos+ hj\u00e4lper logistikf\u00f6retag att uppn\u00e5 effektivitet, kostnadsbesparingar\r\noch h\u00e5llbarhet genom webbaserade dashboards, API-tj\u00e4nster och mobilappar.\r\n<\/p>\r\n\r\n<a href=\"https:\/\/ecolosplus.se\/lets-talk\/\" class=\"ec-btn\">\r\nStarta din resa\r\n<\/a>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n\/* full width reset *\/\r\n\r\nbody{\r\noverflow-x:hidden;\r\n}\r\n\r\n\/* hero *\/\r\n\r\n.ec-hero{\r\nposition:relative;\r\nwidth:100vw;\r\nmin-height:720px;\r\ndisplay:flex;\r\nalign-items:center;\r\njustify-content:center;\r\ntext-align:center;\r\nbackground:#030712;\r\ncolor:white;\r\noverflow:hidden;\r\nmargin-left:calc(-50vw + 50%);\r\n}\r\n\r\n\/* content *\/\r\n\r\n.ec-content{\r\nmax-width:900px;\r\npadding:100px 20px;\r\nz-index:5;\r\nposition:relative;\r\n}\r\n\r\n.ec-content h1{\r\nfont-size:52px;\r\nfont-weight:700;\r\nmargin-bottom:20px;\r\nline-height:1.2;\r\n}\r\n\r\n.ec-content p{\r\nfont-size:18px;\r\nopacity:.85;\r\nmargin-bottom:35px;\r\n}\r\n\r\n\/* button *\/\r\n\r\n.ec-btn{\r\ndisplay:inline-block;\r\npadding:16px 34px;\r\nborder-radius:14px;\r\nbackground:linear-gradient(135deg,#2563eb,#7c3aed);\r\ncolor:white;\r\nfont-weight:600;\r\ntext-decoration:none;\r\ntransition:.35s;\r\nbox-shadow:0 10px 30px rgba(37,99,235,.25);\r\n}\r\n\r\n.ec-btn:hover{\r\ntransform:translateY(-3px);\r\nbox-shadow:0 20px 40px rgba(124,58,237,.35);\r\nbackground:linear-gradient(135deg,#3b82f6,#9333ea);\r\ncolor:white;\r\n}\r\n\r\n\/* animated gradient background *\/\r\n\r\n.ec-bg{\r\nposition:absolute;\r\nwidth:150%;\r\nheight:150%;\r\ntop:-25%;\r\nleft:-25%;\r\n\r\nbackground:\r\nradial-gradient(circle at 20% 30%, #2563eb, transparent 40%),\r\nradial-gradient(circle at 80% 20%, #9333ea, transparent 40%),\r\nradial-gradient(circle at 50% 80%, #06b6d4, transparent 40%);\r\n\r\nanimation:float 20s ease infinite;\r\nopacity:.7;\r\n}\r\n\r\n@keyframes float{\r\n0%{transform:translate(0,0)}\r\n50%{transform:translate(-80px,-60px)}\r\n100%{transform:translate(0,0)}\r\n}\r\n\r\n\/* aurora animation *\/\r\n\r\n.ec-aurora{\r\nposition:absolute;\r\nwidth:200%;\r\nheight:200%;\r\nbackground:linear-gradient(\r\n115deg,\r\n#2563eb,\r\n#9333ea,\r\n#06b6d4,\r\n#2563eb\r\n);\r\n\r\nfilter:blur(120px);\r\nopacity:.25;\r\nanimation:aurora 25s linear infinite;\r\n}\r\n\r\n@keyframes aurora{\r\n\r\n0%{\r\ntransform:translate(-20%,-20%) rotate(0deg);\r\n}\r\n\r\n50%{\r\ntransform:translate(-10%,-10%) rotate(180deg);\r\n}\r\n\r\n100%{\r\ntransform:translate(-20%,-20%) rotate(360deg);\r\n}\r\n\r\n}\r\n\r\n\/* noise texture *\/\r\n\r\n.ec-noise{\r\nposition:absolute;\r\nwidth:100%;\r\nheight:100%;\r\nbackground-image:url(\"https:\/\/grainy-gradients.vercel.app\/noise.svg\");\r\nopacity:.15;\r\n}\r\n\r\n\/* mouse glow *\/\r\n\r\n.ec-hero::after{\r\ncontent:\"\";\r\nposition:absolute;\r\nwidth:600px;\r\nheight:600px;\r\nbackground:radial-gradient(circle,#3b82f6,transparent 70%);\r\nfilter:blur(120px);\r\nopacity:.35;\r\npointer-events:none;\r\ntransition:.15s;\r\n}\r\n\r\n\/* responsive *\/\r\n\r\n@media(max-width:768px){\r\n\r\n.ec-content h1{\r\nfont-size:34px;\r\n}\r\n\r\n.ec-content p{\r\nfont-size:16px;\r\n}\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n\r\nconst hero = document.querySelector(\".ec-hero\");\r\n\r\nhero.addEventListener(\"mousemove\",(e)=>{\r\n\r\nconst rect = hero.getBoundingClientRect();\r\n\r\nconst x = e.clientX - rect.left;\r\nconst y = e.clientY - rect.top;\r\n\r\nhero.style.setProperty(\r\n'--mouse-x', x + 'px'\r\n);\r\n\r\nhero.style.setProperty(\r\n'--mouse-y', y + 'px'\r\n);\r\n\r\nhero.style.setProperty(\r\n'background-position',\r\nx+'px '+y+'px'\r\n);\r\n\r\n})\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f3c6af6 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"f3c6af6\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5290b28 elementor-widget elementor-widget-html\" data-id=\"5290b28\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"relative bg-gradient-to-br from-slate-50 to-white py-16 lg:py-20 overflow-hidden\">\r\n  <div class=\"max-w-6xl mx-auto px-6 lg:px-8\">\r\n    <div class=\"grid lg:grid-cols-2 gap-12 lg:gap-16 items-center\">\r\n      \r\n      <!-- Left Content -->\r\n      <div class=\"space-y-8\">\r\n        <div class=\"inline-flex items-center gap-2 bg-blue-100 text-blue-700 text-sm font-medium px-4 py-1.5 rounded-full\">\r\n          <span class=\"w-2 h-2 bg-blue-500 rounded-full animate-pulse\"><\/span>\r\n          Drivs av AI\r\n        <\/div>\r\n        \r\n        <h1 class=\"text-4xl lg:text-5xl font-bold text-slate-900 leading-tight\">\r\n          ECOLOS<span class=\"text-blue-600\">+<\/span><br>\r\n          <span class=\"text-2xl lg:text-3xl font-semibold text-slate-700\">En datadriven logistikplattform f\u00f6r sista-milen-leveranser<\/span>\r\n        <\/h1>\r\n        \r\n        <div class=\"space-y-8 pt-2\">\r\n          <!-- Feature 1 -->\r\n          <div class=\"flex gap-4\">\r\n            <div class=\"flex-shrink-0 w-9 h-9 bg-gradient-to-br from-blue-500 to-cyan-500 rounded-2xl flex items-center justify-center text-white text-xl\">\ud83d\ude80<\/div>\r\n            <div>\r\n              <h3 class=\"text-lg font-semibold text-slate-900\">Intelligent ruttoptimering<\/h3>\r\n              <p class=\"text-slate-600 text-[15px] leading-relaxed\">\r\n                Med hj\u00e4lp av AI hittar vi de mest effektiva rutterna som minskar leveranstider, br\u00e4nslef\u00f6rbrukning och driftkostnader.\r\n              <\/p>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <!-- Feature 2 -->\r\n          <div class=\"flex gap-4\">\r\n            <div class=\"flex-shrink-0 w-9 h-9 bg-gradient-to-br from-emerald-500 to-teal-500 rounded-2xl flex items-center justify-center text-white text-xl\">\ud83d\udccd<\/div>\r\n            <div>\r\n              <h3 class=\"text-lg font-semibold text-slate-900\">Realtidssp\u00e5rning av paket<\/h3>\r\n              <p class=\"text-slate-600 text-[15px] leading-relaxed\">\r\n                \u00c5terf\u00f6rs\u00e4ljare och logistikf\u00f6retag kan f\u00f6lja sina leveranser i realtid med full insyn.\r\n              <\/p>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <!-- Feature 3 -->\r\n          <div class=\"flex gap-4\">\r\n            <div class=\"flex-shrink-0 w-9 h-9 bg-gradient-to-br from-violet-500 to-purple-500 rounded-2xl flex items-center justify-center text-white text-xl\">\ud83d\ude0a<\/div>\r\n            <div>\r\n              <h3 class=\"text-lg font-semibold text-slate-900\">F\u00f6rb\u00e4ttrad kundn\u00f6jdhet<\/h3>\r\n              <p class=\"text-slate-600 text-[15px] leading-relaxed\">\r\n                Mer p\u00e5litliga och f\u00f6ruts\u00e4gbara leveranser, realtidssp\u00e5rning och smart chattsupport f\u00f6r en b\u00e4ttre kundupplevelse.\r\n              <\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Right Visual -->\r\n      <div class=\"relative flex justify-center lg:justify-end\">\r\n        <div class=\"relative\">\r\n          <img decoding=\"async\" src=\"https:\/\/ecolosplus.se\/wp-content\/uploads\/2023\/10\/Untitled-design-2023-09-22T155109.742-1.png\" \r\n               alt=\"ECOLOS+ - AI-driven logistikplattform f\u00f6r sista milen\" \r\n               class=\"w-full max-w-md lg:max-w-lg drop-shadow-2xl rounded-3xl\">\r\n          \r\n          <!-- Dekorativ badge -->\r\n          <div class=\"absolute -top-5 -right-5 bg-white shadow-lg rounded-2xl px-4 py-2.5 text-sm font-medium text-slate-700 hidden lg:flex items-center gap-2\">\r\n            <span class=\"text-emerald-500 text-base\">\u25cf<\/span>\r\n            AI-optimerad\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Tailwind CDN -->\r\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c4a428e e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"c4a428e\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-039b9c9 elementor-widget elementor-widget-html\" data-id=\"039b9c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"ecolos-slider\">\r\n\r\n<style>\r\n\r\n.ecolos-slider{\r\nwidth:100vw;\r\nmargin-left:calc(-50vw + 50%);\r\nposition:relative;\r\noverflow:hidden;\r\nbackground:#f8fafc;\r\npadding:70px 0;\r\nfont-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n}\r\n\r\n.ecolos-title{\r\ntext-align:center;\r\nfont-size:30px;\r\nfont-weight:600;\r\ncolor:#0E2A6B;\r\nmargin-bottom:40px;\r\n}\r\n\r\n.ecolos-wrapper{\r\nmax-width:1400px;\r\nmargin:auto;\r\nposition:relative;\r\n}\r\n\r\n.ecolos-track{\r\ndisplay:flex;\r\ntransition:transform .8s cubic-bezier(.77,0,.18,1);\r\n}\r\n\r\n.ecolos-slide{\r\nmin-width:100%;\r\npadding:0 40px;\r\nbox-sizing:border-box;\r\ndisplay:flex;\r\njustify-content:center;\r\nalign-items:center;\r\n}\r\n\r\n.ecolos-slide img{\r\nwidth:100%;\r\nmax-width:1100px;\r\nborder-radius:18px;\r\nbox-shadow:0 25px 60px rgba(0,0,0,.12);\r\ntransition:.6s;\r\n}\r\n\r\n.ecolos-slide img:hover{\r\ntransform:scale(1.02);\r\n}\r\n\r\n.ecolos-arrow{\r\nposition:absolute;\r\ntop:50%;\r\ntransform:translateY(-50%);\r\nwidth:50px;\r\nheight:50px;\r\nbackground:white;\r\nborder-radius:50%;\r\ndisplay:flex;\r\nalign-items:center;\r\njustify-content:center;\r\ncursor:pointer;\r\nbox-shadow:0 10px 25px rgba(0,0,0,.1);\r\nz-index:10;\r\ntransition:.3s;\r\n}\r\n\r\n.ecolos-arrow:hover{\r\ntransform:translateY(-50%) scale(1.1);\r\n}\r\n\r\n.ecolos-prev{ left:20px; }\r\n.ecolos-next{ right:20px; }\r\n\r\n.ecolos-dots{\r\ntext-align:center;\r\nmargin-top:30px;\r\n}\r\n\r\n.ecolos-dot{\r\nwidth:10px;\r\nheight:10px;\r\nbackground:#d1d5db;\r\ndisplay:inline-block;\r\nmargin:0 6px;\r\nborder-radius:50%;\r\ncursor:pointer;\r\ntransition:.3s;\r\n}\r\n\r\n.ecolos-dot.active{\r\nbackground:#6A3DF0;\r\ntransform:scale(1.3);\r\n}\r\n\r\n<\/style>\r\n\r\n<div class=\"ecolos-title\">EcolosPlus Moduler<\/div>\r\n\r\n<div class=\"ecolos-wrapper\">\r\n\r\n<div class=\"ecolos-track\">\r\n\r\n<div class=\"ecolos-slide\">\r\n<img decoding=\"async\" src=\"https:\/\/ecolosplus.se\/wp-content\/uploads\/2024\/10\/1-8.png\">\r\n<\/div>\r\n\r\n<div class=\"ecolos-slide\">\r\n<img decoding=\"async\" src=\"https:\/\/ecolosplus.se\/wp-content\/uploads\/2024\/10\/3-2.png\">\r\n<\/div>\r\n\r\n<div class=\"ecolos-slide\">\r\n<img decoding=\"async\" src=\"https:\/\/ecolosplus.se\/wp-content\/uploads\/2024\/10\/Streamlined-workflow-Real-time-data-collection-Comprehensive-delivery-management-1.png\">\r\n<\/div>\r\n\r\n<div class=\"ecolos-slide\">\r\n<img decoding=\"async\" src=\"https:\/\/ecolosplus.se\/wp-content\/uploads\/2024\/10\/4-1.png\">\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"ecolos-arrow ecolos-prev\">\u276e<\/div>\r\n<div class=\"ecolos-arrow ecolos-next\">\u276f<\/div>\r\n\r\n<div class=\"ecolos-dots\"><\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n\r\n\/* same JS *\/\r\n\r\n<\/script>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3ccf512 e-con-full e-flex magic-button-disabled-no e-con e-parent\" data-id=\"3ccf512\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-151dced elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"151dced\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"ecolosplus-benefits py-24 bg-[#0a0f1c] relative overflow-hidden\">\r\n  <div class=\"max-w-screen-2xl mx-auto px-6 lg:px-12\">\r\n    \r\n    <!-- Title -->\r\n    <div class=\"text-center mb-20\">\r\n      <h2 class=\"text-5xl md:text-6xl font-bold tracking-tighter text-white\">\r\n        Ecolos<span class=\"bg-gradient-to-r from-cyan-400 via-blue-400 to-indigo-400 bg-clip-text text-transparent\">Plus<\/span>\r\n      <\/h2>\r\n      <p class=\"text-4xl md:text-5xl font-medium text-slate-200 mt-3\">\r\n        F\u00f6rdelar f\u00f6r ditt f\u00f6retag\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Benefits Grid -->\r\n    <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n      \r\n      <!-- Card 1 -->\r\n      <div class=\"group bg-gradient-to-br from-slate-900 to-slate-800 border border-slate-700\/50 rounded-3xl p-10 hover:border-cyan-400\/60 hover:shadow-2xl hover:shadow-cyan-500\/10 transition-all duration-500 hover:-translate-y-2\">\r\n        <div class=\"w-20 h-20 bg-cyan-500\/10 rounded-2xl flex items-center justify-center mb-8 group-hover:scale-110 transition-transform duration-300\">\r\n          <span class=\"text-4xl\">\ud83d\uddfa\ufe0f<\/span>\r\n        <\/div>\r\n        <h3 class=\"text-2xl font-semibold text-white mb-3\">Snabbare, gr\u00f6nare & f\u00f6ruts\u00e4gbara rutter<\/h3>\r\n        <p class=\"text-slate-400 text-lg leading-relaxed\">Snabbare, gr\u00f6nare & f\u00f6ruts\u00e4gbara rutter<\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 2 -->\r\n      <div class=\"group bg-gradient-to-br from-slate-900 to-slate-800 border border-slate-700\/50 rounded-3xl p-10 hover:border-cyan-400\/60 hover:shadow-2xl hover:shadow-cyan-500\/10 transition-all duration-500 hover:-translate-y-2\">\r\n        <div class=\"w-20 h-20 bg-emerald-500\/10 rounded-2xl flex items-center justify-center mb-8 group-hover:scale-110 transition-transform duration-300\">\r\n          <span class=\"text-4xl\">\ud83d\uded2<\/span>\r\n        <\/div>\r\n        <h3 class=\"text-2xl font-semibold text-white mb-3\">Minskade operativa kostnader<\/h3>\r\n        <p class=\"text-slate-400 text-lg leading-relaxed\">Minskade operativa kostnader<\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 3 -->\r\n      <div class=\"group bg-gradient-to-br from-slate-900 to-slate-800 border border-slate-700\/50 rounded-3xl p-10 hover:border-cyan-400\/60 hover:shadow-2xl hover:shadow-cyan-500\/10 transition-all duration-500 hover:-translate-y-2\">\r\n        <div class=\"w-20 h-20 bg-amber-500\/10 rounded-2xl flex items-center justify-center mb-8 group-hover:scale-110 transition-transform duration-300\">\r\n          <span class=\"text-4xl\">\ud83d\udcc4<\/span>\r\n        <\/div>\r\n        <h3 class=\"text-2xl font-semibold text-white mb-3\">F\u00f6rh\u00f6jd kundn\u00f6jdhet<\/h3>\r\n        <p class=\"text-slate-400 text-lg leading-relaxed\">F\u00f6rh\u00f6jd kundn\u00f6jdhet<\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 4 -->\r\n      <div class=\"group bg-gradient-to-br from-slate-900 to-slate-800 border border-slate-700\/50 rounded-3xl p-10 hover:border-cyan-400\/60 hover:shadow-2xl hover:shadow-cyan-500\/10 transition-all duration-500 hover:-translate-y-2\">\r\n        <div class=\"w-20 h-20 bg-violet-500\/10 rounded-2xl flex items-center justify-center mb-8 group-hover:scale-110 transition-transform duration-300\">\r\n          <span class=\"text-4xl\">\ud83d\udce6<\/span>\r\n        <\/div>\r\n        <h3 class=\"text-2xl font-semibold text-white mb-3\">Skalbara l\u00f6sningar<\/h3>\r\n        <p class=\"text-slate-400 text-lg leading-relaxed\">Skalbara l\u00f6sningar<\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 5 -->\r\n      <div class=\"group bg-gradient-to-br from-slate-900 to-slate-800 border border-slate-700\/50 rounded-3xl p-10 hover:border-cyan-400\/60 hover:shadow-2xl hover:shadow-cyan-500\/10 transition-all duration-500 hover:-translate-y-2\">\r\n        <div class=\"w-20 h-20 bg-sky-500\/10 rounded-2xl flex items-center justify-center mb-8 group-hover:scale-110 transition-transform duration-300\">\r\n          <span class=\"text-4xl\">\ud83d\udcca<\/span>\r\n        <\/div>\r\n        <h3 class=\"text-2xl font-semibold text-white mb-3\">Omfattande dataanalys<\/h3>\r\n        <p class=\"text-slate-400 text-lg leading-relaxed\">Omfattande dataanalys<\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 6 -->\r\n      <div class=\"group bg-gradient-to-br from-slate-900 to-slate-800 border border-slate-700\/50 rounded-3xl p-10 hover:border-cyan-400\/60 hover:shadow-2xl hover:shadow-cyan-500\/10 transition-all duration-500 hover:-translate-y-2\">\r\n        <div class=\"w-20 h-20 bg-rose-500\/10 rounded-2xl flex items-center justify-center mb-8 group-hover:scale-110 transition-transform duration-300\">\r\n          <span class=\"text-4xl\">\ud83d\udcb3<\/span>\r\n        <\/div>\r\n        <h3 class=\"text-2xl font-semibold text-white mb-3\">Flexibel pay-per-use-modell<\/h3>\r\n        <p class=\"text-slate-400 text-lg leading-relaxed\">Flexibel pay-per-use-modell<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Subtle background decoration -->\r\n  <div class=\"absolute inset-0 bg-[radial-gradient(at_top_right,#22d3ee_0%,transparent_50%)] opacity-10 pointer-events-none\"><\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-80aabc0 e-con-full e-flex magic-button-disabled-no e-con e-parent\" data-id=\"80aabc0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a4fd736 elementor-widget elementor-widget-html\" data-id=\"a4fd736\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"video-section py-24 bg-[#0a0f1c] relative overflow-hidden\">\r\n  <div class=\"max-w-screen-2xl mx-auto px-6 lg:px-12\">\r\n    \r\n    <!-- Title -->\r\n    <div class=\"text-center mb-16\">\r\n      <h2 class=\"text-5xl md:text-6xl font-bold tracking-tighter text-white\">\r\n        Discover EcolosPlus\r\n      <\/h2>\r\n      <p class=\"text-2xl text-slate-400 mt-4 max-w-3xl mx-auto\">\r\n        Watch how EcolosPlus makes your business faster, greener, and smarter\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Video Container -->\r\n    <div class=\"max-w-5xl mx-auto\">\r\n      <div class=\"relative rounded-3xl overflow-hidden shadow-2xl shadow-cyan-500\/20 border border-slate-700\/50 bg-black aspect-video\">\r\n        \r\n        <iframe \r\n          class=\"w-full h-full\"\r\n          src=\"https:\/\/www.youtube.com\/embed\/SReWhxWomeY\" \r\n          title=\"EcolosPlus - Introduction Video\" \r\n          frameborder=\"0\" \r\n          allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" \r\n          referrerpolicy=\"strict-origin-when-cross-origin\"\r\n          allowfullscreen>\r\n        <\/iframe>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Subtitle -->\r\n    <div class=\"text-center mt-10\">\r\n      <p class=\"text-slate-400 text-lg\">\r\n        Watch the video and step into the future of logistics\r\n      <\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- Background decoration -->\r\n  <div class=\"absolute inset-0 bg-[radial-gradient(at_center,#22d3ee_0%,transparent_70%)] opacity-5 pointer-events-none\"><\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1d3a43d e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"1d3a43d\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c67adea elementor-widget elementor-widget-html\" data-id=\"c67adea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"ecolos-features py-16 px-6 bg-white\">\r\n  <div class=\"max-w-7xl mx-auto\">\r\n\r\n    <!-- Header -->\r\n    <div class=\"text-center mb-16\">\r\n      <h2 class=\"text-4xl md:text-5xl font-bold text-gray-900 tracking-tight\">\r\n        Ecolos+ <span class=\"text-[#2563EB]\">Konkurrenskraftiga Funktioner<\/span>\r\n      <\/h2>\r\n      <p class=\"mt-4 text-lg text-gray-600 max-w-2xl mx-auto\">\r\n        Intelligent AI-driven logistikplattform\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Feature 1 -->\r\n    <div class=\"grid lg:grid-cols-2 gap-12 items-center mb-20\">\r\n      \r\n      <!-- Left: Text -->\r\n      <div class=\"space-y-8\">\r\n        <div class=\"inline-flex items-center gap-3\">\r\n          <span class=\"text-4xl\">\ud83d\ude80<\/span>\r\n          <h3 class=\"text-2xl font-semibold text-gray-900\">1. AI-driven Ruttoptimering<\/h3>\r\n        <\/div>\r\n        \r\n        <ul class=\"space-y-6 text-[17px]\">\r\n          <li class=\"flex gap-4\">\r\n            <div class=\"text-[#2563EB] text-xl mt-0.5\">\u2022<\/div>\r\n            <div>\r\n              <p class=\"font-medium text-gray-800\">Prediktera ETA och ruttider<\/p>\r\n              <p class=\"text-gray-600\">Baserat p\u00e5 historisk trafikdata och budprestanda<\/p>\r\n            <\/div>\r\n          <\/li>\r\n          <li class=\"flex gap-4\">\r\n            <div class=\"text-[#2563EB] text-xl mt-0.5\">\u2022<\/div>\r\n            <div>\r\n              <p class=\"font-medium text-gray-800\">Datadriven AI-optimering<\/p>\r\n              <p class=\"text-gray-600\">Effektivare och mer f\u00f6ruts\u00e4gbara rutter<\/p>\r\n            <\/div>\r\n          <\/li>\r\n          <li class=\"flex gap-4\">\r\n            <div class=\"text-[#2563EB] text-xl mt-0.5\">\u2022<\/div>\r\n            <div>\r\n              <p class=\"font-medium text-gray-800\">H\u00f6gre kundn\u00f6jdhet<\/p>\r\n              <p class=\"text-gray-600\">P\u00e5litliga ETA-prediktioner och leveransprecision<\/p>\r\n            <\/div>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- Right: Video 1 -->\r\n      <div class=\"rounded-2xl overflow-hidden border border-gray-200 shadow-sm\">\r\n        <video class=\"w-full\" autoplay loop muted playsinline>\r\n          <source src=\"https:\/\/ecolosplus.se\/wp-content\/uploads\/2024\/10\/Blue-Black-Professiona-Intelligent-Technology-Presentation-2.mp4\" type=\"video\/mp4\">\r\n        <\/video>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Feature 2 -->\r\n    <div class=\"grid lg:grid-cols-2 gap-12 items-center\">\r\n      \r\n      <!-- Left: Video 2 -->\r\n      <div class=\"rounded-2xl overflow-hidden border border-gray-200 shadow-sm lg:order-1\">\r\n        <video class=\"w-full\" autoplay loop muted playsinline>\r\n          <source src=\"https:\/\/ecolosplus.se\/wp-content\/uploads\/2024\/10\/Blue-Black-Professiona-Intelligent-Technology-Presentation-1.mp4\" type=\"video\/mp4\">\r\n        <\/video>\r\n      <\/div>\r\n\r\n      <!-- Right: Text -->\r\n      <div class=\"space-y-8 lg:order-2\">\r\n        <div class=\"inline-flex items-center gap-3\">\r\n          <span class=\"text-4xl\">\u26a1<\/span>\r\n          <h3 class=\"text-2xl font-semibold text-gray-900\">2. Full Kontroll \u00f6ver Ruttoptimering<\/h3>\r\n        <\/div>\r\n        \r\n        <ul class=\"space-y-6 text-[17px]\">\r\n          <li class=\"flex gap-4\">\r\n            <div class=\"text-[#2563EB] text-xl mt-0.5\">\u2022<\/div>\r\n            <div>\r\n              <p class=\"font-medium text-gray-800\">Hantera stora volymer av paket<\/p>\r\n              <p class=\"text-gray-600\">Med kraftfull AI-driven ber\u00e4kning<\/p>\r\n            <\/div>\r\n          <\/li>\r\n          <li class=\"flex gap-4\">\r\n            <div class=\"text-[#2563EB] text-xl mt-0.5\">\u2022<\/div>\r\n            <div>\r\n              <p class=\"font-medium text-gray-800\">Full manuell kontroll<\/p>\r\n              <p class=\"text-gray-600\">Drag-and-drop, kartritning och anpassade kriterier<\/p>\r\n            <\/div>\r\n          <\/li>\r\n          <li class=\"flex gap-4\">\r\n            <div class=\"text-[#2563EB] text-xl mt-0.5\">\u2022<\/div>\r\n            <div>\r\n              <p class=\"font-medium text-gray-800\">Realtidsflexibilitet<\/p>\r\n              <p class=\"text-gray-600\">Enkelt omordna, l\u00e4gga till eller ta bort leveranser<\/p>\r\n            <\/div>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .ecolos-features {\r\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n  }\r\n  \r\n  .ecolos-features video {\r\n    max-height: 340px;\r\n    object-fit: cover;\r\n    width: 100%;\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    .ecolos-features video {\r\n      max-height: 280px;\r\n    }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cadb75b e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"cadb75b\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e0f18d elementor-widget elementor-widget-html\" data-id=\"9e0f18d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"ecolos-features py-16 px-6 bg-white\">\r\n\r\n\r\n    <!-- Feature 3 -->\r\n    <div class=\"grid lg:grid-cols-2 gap-12 items-center mb-20\">\r\n      \r\n      <!-- Left: Text -->\r\n      <div class=\"space-y-8\">\r\n        <div class=\"inline-flex items-center gap-3\">\r\n          <span class=\"text-4xl\">\ud83d\udccd<\/span>\r\n          <h3 class=\"text-2xl font-semibold text-gray-900\">3. Realtids Live-sp\u00e5rning<\/h3>\r\n        <\/div>\r\n        \r\n        <ul class=\"space-y-6 text-[17px]\">\r\n          <li class=\"flex gap-4\">\r\n            <div class=\"text-[#2563EB] text-xl mt-0.5\">\u2022<\/div>\r\n            <div>\r\n              <p class=\"font-medium text-gray-800\">Sp\u00e5ra bud i realtid<\/p>\r\n              <p class=\"text-gray-600\">Via GPS-data fr\u00e5n mobilappen<\/p>\r\n            <\/div>\r\n          <\/li>\r\n          <li class=\"flex gap-4\">\r\n            <div class=\"text-[#2563EB] text-xl mt-0.5\">\u2022<\/div>\r\n            <div>\r\n              <p class=\"font-medium text-gray-800\">Se leveransstatus<\/p>\r\n              <p class=\"text-gray-600\">I tid, f\u00f6rsenad eller uppskjuten<\/p>\r\n            <\/div>\r\n          <\/li>\r\n          <li class=\"flex gap-4\">\r\n            <div class=\"text-[#2563EB] text-xl mt-0.5\">\u2022<\/div>\r\n            <div>\r\n              <p class=\"font-medium text-gray-800\">Full operativ kontroll<\/p>\r\n              <p class=\"text-gray-600\">\u00d6vervaka rutter och hantera f\u00f6rseningar proaktivt<\/p>\r\n            <\/div>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- Right: Video 3 -->\r\n      <div class=\"rounded-2xl overflow-hidden border border-gray-200 shadow-sm\">\r\n        <video class=\"w-full\" autoplay loop muted playsinline>\r\n          <source src=\"https:\/\/ecolosplus.se\/wp-content\/uploads\/2024\/10\/Blue-Black-Professiona-Intelligent-Technology-Presentation-7.mp4\" type=\"video\/mp4\">\r\n        <\/video>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Feature 4 -->\r\n    <div class=\"grid lg:grid-cols-2 gap-12 items-center\">\r\n      \r\n      <!-- Left: Video 4 -->\r\n      <div class=\"rounded-2xl overflow-hidden border border-gray-200 shadow-sm lg:order-1\">\r\n        <video class=\"w-full\" autoplay loop muted playsinline>\r\n          <source src=\"https:\/\/ecolosplus.se\/wp-content\/uploads\/2024\/10\/Blue-Black-Professiona-Intelligent-Technology-Presentation-12.mp4\" type=\"video\/mp4\">\r\n        <\/video>\r\n      <\/div>\r\n\r\n      <!-- Right: Text -->\r\n      <div class=\"space-y-8 lg:order-2\">\r\n        <div class=\"inline-flex items-center gap-3\">\r\n          <span class=\"text-4xl\">\ud83d\udcac<\/span>\r\n          <h3 class=\"text-2xl font-semibold text-gray-900\">4. Intelligent Chattbot f\u00f6r Omedelbar Support<\/h3>\r\n        <\/div>\r\n        \r\n        <ul class=\"space-y-6 text-[17px]\">\r\n          <li class=\"flex gap-4\">\r\n            <div class=\"text-[#2563EB] text-xl mt-0.5\">\u2022<\/div>\r\n            <div>\r\n              <p class=\"font-medium text-gray-800\">Support dygnet runt<\/p>\r\n              <p class=\"text-gray-600\">AI-driven chattbot f\u00f6r anv\u00e4ndare och kunder<\/p>\r\n            <\/div>\r\n          <\/li>\r\n          <li class=\"flex gap-4\">\r\n            <div class=\"text-[#2563EB] text-xl mt-0.5\">\u2022<\/div>\r\n            <div>\r\n              <p class=\"font-medium text-gray-800\">Skapa support\u00e4renden<\/p>\r\n              <p class=\"text-gray-600\">Direkt via chattboten<\/p>\r\n            <\/div>\r\n          <\/li>\r\n          <li class=\"flex gap-4\">\r\n            <div class=\"text-[#2563EB] text-xl mt-0.5\">\u2022<\/div>\r\n            <div>\r\n              <p class=\"font-medium text-gray-800\">Realtidsuppdateringar<\/p>\r\n              <p class=\"text-gray-600\">F\u00f6lj upp \u00e4renden och f\u00e5 snabba svar<\/p>\r\n            <\/div>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .ecolos-features {\r\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n  }\r\n  \r\n  .ecolos-features video {\r\n    max-height: 340px;\r\n    object-fit: cover;\r\n    width: 100%;\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    .ecolos-features video {\r\n      max-height: 280px;\r\n    }\r\n  }\r\n<\/style>\r\n<section class=\"ecolos-features py-16 px-6 bg-white\">\r\n    <!-- Feature 5 -->\r\n    <div class=\"grid lg:grid-cols-2 gap-12 items-center\">\r\n    \r\n      <!-- Left: Text -->\r\n      <div class=\"space-y-8\">\r\n        <div class=\"inline-flex items-center gap-3\">\r\n          <span class=\"text-4xl\">\ud83c\udfe2<\/span>\r\n          <h3 class=\"text-2xl font-semibold text-gray-900\">5. Automatisk Hub-tilldelning<\/h3>\r\n        <\/div>\r\n      \r\n        <ul class=\"space-y-6 text-[17px]\">\r\n          <li class=\"flex gap-4\">\r\n            <div class=\"text-[#2563EB] text-xl mt-0.5\">\u2022<\/div>\r\n            <div>\r\n              <p class=\"font-medium text-gray-800\">Perfekt f\u00f6r verksamhet med flera hubbar<\/p>\r\n              <p class=\"text-gray-600\">Effektiv leveransf\u00f6rdelning i regioner med flera hubbar<\/p>\r\n            <\/div>\r\n          <\/li>\r\n          <li class=\"flex gap-4\">\r\n            <div class=\"text-[#2563EB] text-xl mt-0.5\">\u2022<\/div>\r\n            <div>\r\n              <p class=\"font-medium text-gray-800\">Anpassade leveransomr\u00e5den<\/p>\r\n              <p class=\"text-gray-600\">Definiera zoner med polygon-kartl\u00e4ggning runt varje hub<\/p>\r\n            <\/div>\r\n          <\/li>\r\n          <li class=\"flex gap-4\">\r\n            <div class=\"text-[#2563EB] text-xl mt-0.5\">\u2022<\/div>\r\n            <div>\r\n              <p class=\"font-medium text-gray-800\">Smart automatisk tilldelning<\/p>\r\n              <p class=\"text-gray-600\">Tilldela leveranser baserat p\u00e5 kapacitet, resurser och n\u00e4rhet<\/p>\r\n            <\/div>\r\n          <\/li>\r\n          <li class=\"flex gap-4\">\r\n            <div class=\"text-[#2563EB] text-xl mt-0.5\">\u2022<\/div>\r\n            <div>\r\n              <p class=\"font-medium text-gray-800\">Optimerad resursf\u00f6rdelning<\/p>\r\n              <p class=\"text-gray-600\">F\u00f6rhindra \u00f6verbelastning av hubbar och maximera effektivitet<\/p>\r\n            <\/div>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- Right: Video 5 - \u0646\u0633\u062e\u0647 \u0627\u0635\u0644\u0627\u062d\u200c\u0634\u062f\u0647 -->\r\n      <div class=\"rounded-2xl overflow-hidden border border-gray-200 shadow-sm bg-gray-50\">\r\n        <video\r\n          class=\"w-full block\"\r\n          autoplay\r\n          loop\r\n          muted\r\n          playsinline\r\n          style=\"max-height: 340px; object-fit: cover;\"\r\n        >\r\n          <source src=\"https:\/\/ecolosplus.se\/wp-content\/uploads\/2024\/10\/Blue-Black-Professiona-Intelligent-Technology-Presentation-4.mp4\" type=\"video\/mp4\">\r\n          Din webbl\u00e4sare st\u00f6der inte videouppspelning.\r\n        <\/video>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .ecolos-features {\r\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n  }\r\n  \r\n  .ecolos-features video {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    .ecolos-features video {\r\n      max-height: 280px;\r\n    }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b5e8306 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"b5e8306\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b12cc11 elementor-widget elementor-widget-html\" data-id=\"b12cc11\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \u0627\u0633\u062a\u0627\u06cc\u0644 \u062b\u0627\u0628\u062a \u0628\u0631\u0627\u06cc \u0686\u062a\u200c\u0628\u0627\u062a -->\n<style>\n.chatbot-container {\n  position: fixed;\n  bottom: 30px;\n  right: 20px;\n  z-index: 1000;\n  font-family: Arial, sans-serif;\n}\n.chatbot-button {\n  width: 60px; height: 60px;\n  background-color: #0056d2; border:none; border-radius:50%;\n  color:#fff; font-size:24px; cursor:pointer;\n  display:flex; align-items:center; justify-content:center;\n  box-shadow:0 4px 12px rgba(0,0,0,0.2);\n  transition:background-color .3s, transform .2s;\n}\n.chatbot-modal {\n  position: fixed; bottom:100px; right:20px;\n  width:360px; max-width:90%; height:520px;\n  background:#fff; border-radius:10px;\n  box-shadow:0 8px 24px rgba(0,0,0,0.2);\n  overflow:hidden; display:none; flex-direction:column;\n  transform: translateY(20px); opacity:0;\n  transition: transform .3s ease-out, opacity .3s ease-out;\n}\n.chatbot-modal.open {\n  display:flex; transform: translateY(0); opacity:1;\n}\n.chatbot-iframe {\n  border:none; width:100%; height:calc(100% - 40px);\n}\n.chatbot-close {\n  background:#f0f0f0; color:#333; border:none;\n  width:100%; padding:10px; cursor:pointer;\n  font-size:14px; transition:background .3s,color .3s;\n}\n.chatbot-close:hover { background:#e0e0e0; color:#f00; }\n<\/style>\n\n<!-- \u0633\u0627\u062e\u062a\u0627\u0631 HTML -->\n<div class=\"chatbot-container\">\n  <button id=\"chatbotButton\" class=\"chatbot-button\" aria-label=\"Open Chatbot\">\n    \ud83d\udcac\n  <\/button>\n  <div id=\"chatbotModal\" class=\"chatbot-modal\">\n    <iframe id=\"chatbotIframe\" class=\"chatbot-iframe\"\n            data-src=\"https:\/\/chatbot.trendplus.se\/ui\/ecolos-chatbot\"\n            src=\"about:blank\" loading=\"lazy\"\n            sandbox=\"allow-scripts allow-same-origin\">\n    <\/iframe>\n    <button id=\"closeChatbot\" class=\"chatbot-close\">Close<\/button>\n  <\/div>\n<\/div>\n\n<!-- \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062a\u0639\u0627\u0645\u0644 -->\n<script>\n(function(){\n  const btn    = document.getElementById('chatbotButton');\n  const modal  = document.getElementById('chatbotModal');\n  const iframe = document.getElementById('chatbotIframe');\n  const close  = document.getElementById('closeChatbot');\n\n  btn.addEventListener('click', e => {\n    e.stopPropagation();\n    if (!modal.classList.contains('open')) {\n      if (iframe.src === 'about:blank')\n        iframe.src = iframe.dataset.src;\n      modal.classList.add('open');\n    } else modal.classList.remove('open');\n  });\n  close.addEventListener('click', e => { e.stopPropagation(); modal.classList.remove('open'); });\n  document.addEventListener('click', e => {\n    if (modal.classList.contains('open')\n        && !modal.contains(e.target)\n        && !btn.contains(e.target)) {\n      modal.classList.remove('open');\n    }\n  });\n  modal.addEventListener('click', e => e.stopPropagation());\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-07b4b6c e-con-full e-flex magic-button-disabled-no e-con e-parent\" data-id=\"07b4b6c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-90c12d2 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"90c12d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"ecolos-cta py-20 px-6 bg-[#1E40AF] text-white\">\r\n  <div class=\"max-w-4xl mx-auto text-center\">\r\n    \r\n    <p class=\"text-2xl md:text-3xl font-medium leading-relaxed max-w-3xl mx-auto\">\r\n      H\u00e4r kan du registrera ditt intresse f\u00f6r <span class=\"font-semibold\">ECOLOS+<\/span>.\r\n    <\/p>\r\n    \r\n    <p class=\"mt-6 text-lg md:text-xl text-blue-100 max-w-2xl mx-auto\">\r\n      V\u00e5rt dedikerade supportteam kommer att kontakta dig inom kort f\u00f6r att boka ett \r\n      inledande m\u00f6te, <span class=\"font-medium\">kostnadsfritt!<\/span>\r\n    <\/p>\r\n\r\n    <div class=\"mt-12\">\r\n      <a href=\"https:\/\/ecolosplus.se\/sv\/lets-talk\" \r\n         class=\"inline-flex items-center justify-center gap-3 bg-white text-[#1E40AF] hover:bg-blue-50 transition-all font-semibold text-xl px-12 py-6 rounded-2xl shadow-xl shadow-blue-900\/30 text-center\">\r\n        L\u00e5t oss prata!\r\n        <span class=\"text-2xl\">\u2192<\/span>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <p class=\"mt-8 text-blue-200 text-sm\">\r\n      Ingen f\u00f6rpliktelse \u2022 Snabb \u00e5terkoppling\r\n    <\/p>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .ecolos-cta {\r\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Minimise your delivery costs with Ecolos+ platform Ecolos+ helps logistics companies achieve efficiency, cost-effectiveness, and sustainability through web-based dashboards, API services, and mobile apps. Start your journey Minimera dina leveranskostnader med Ecolos+ plattformen Ecolos+ hj\u00e4lper logistikf\u00f6retag att uppn\u00e5 effektivitet, kostnadsbesparingar och h\u00e5llbarhet genom webbaserade dashboards, API-tj\u00e4nster och mobilappar. Starta din resa Powered by AI ECOLOS+ [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":379,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-64","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Home - Ecolos Plus<\/title>\n<meta name=\"description\" content=\"Ecolos Plus is a SaaS platform employing AI, data analytics, and mathematic discrete optimisation to revolutionise last-mile deliveries.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ecolosplus.se\/sv\/\" \/>\n<meta property=\"og:locale\" content=\"sv_SE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - Ecolos Plus\" \/>\n<meta property=\"og:description\" content=\"Ecolos Plus is a SaaS platform employing AI, data analytics, and mathematic discrete optimisation to revolutionise last-mile deliveries.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ecolosplus.se\/sv\/\" \/>\n<meta property=\"og:site_name\" content=\"Ecolos Plus\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-09T04:53:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ecolosplus.se\/wp-content\/uploads\/2023\/10\/Untitled-design-2023-09-22T155109.742.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1080\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Ber\u00e4knad l\u00e4stid\" \/>\n\t<meta name=\"twitter:data1\" content=\"14 minuter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ecolosplus.se\\\/\",\"url\":\"https:\\\/\\\/ecolosplus.se\\\/\",\"name\":\"Home - Ecolos Plus\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ecolosplus.se\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ecolosplus.se\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ecolosplus.se\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ecolosplus.se\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/Untitled-design-2023-09-22T155109.742.png\",\"datePublished\":\"2023-10-04T12:58:51+00:00\",\"dateModified\":\"2026-04-09T04:53:18+00:00\",\"description\":\"Ecolos Plus is a SaaS platform employing AI, data analytics, and mathematic discrete optimisation to revolutionise last-mile deliveries.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ecolosplus.se\\\/#breadcrumb\"},\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ecolosplus.se\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\\\/\\\/ecolosplus.se\\\/#primaryimage\",\"url\":\"https:\\\/\\\/ecolosplus.se\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/Untitled-design-2023-09-22T155109.742.png\",\"contentUrl\":\"https:\\\/\\\/ecolosplus.se\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/Untitled-design-2023-09-22T155109.742.png\",\"width\":1080,\"height\":1080,\"caption\":\"ecolosplus\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ecolosplus.se\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ecolosplus.se\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ecolosplus.se\\\/#website\",\"url\":\"https:\\\/\\\/ecolosplus.se\\\/\",\"name\":\"Ecolos Plus\",\"description\":\"Dive into the future of last-mile logistics\",\"publisher\":{\"@id\":\"https:\\\/\\\/ecolosplus.se\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ecolosplus.se\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sv-SE\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/ecolosplus.se\\\/#organization\",\"name\":\"Ecolos Plus\",\"url\":\"https:\\\/\\\/ecolosplus.se\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\\\/\\\/ecolosplus.se\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/ecolosplus.se\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/logo01.png\",\"contentUrl\":\"https:\\\/\\\/ecolosplus.se\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/logo01.png\",\"width\":742,\"height\":314,\"caption\":\"Ecolos Plus\"},\"image\":{\"@id\":\"https:\\\/\\\/ecolosplus.se\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Home - Ecolos Plus","description":"Ecolos Plus is a SaaS platform employing AI, data analytics, and mathematic discrete optimisation to revolutionise last-mile deliveries.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ecolosplus.se\/sv\/","og_locale":"sv_SE","og_type":"article","og_title":"Home - Ecolos Plus","og_description":"Ecolos Plus is a SaaS platform employing AI, data analytics, and mathematic discrete optimisation to revolutionise last-mile deliveries.","og_url":"https:\/\/ecolosplus.se\/sv\/","og_site_name":"Ecolos Plus","article_modified_time":"2026-04-09T04:53:18+00:00","og_image":[{"width":1080,"height":1080,"url":"https:\/\/ecolosplus.se\/wp-content\/uploads\/2023\/10\/Untitled-design-2023-09-22T155109.742.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Ber\u00e4knad l\u00e4stid":"14 minuter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ecolosplus.se\/","url":"https:\/\/ecolosplus.se\/","name":"Home - Ecolos Plus","isPartOf":{"@id":"https:\/\/ecolosplus.se\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ecolosplus.se\/#primaryimage"},"image":{"@id":"https:\/\/ecolosplus.se\/#primaryimage"},"thumbnailUrl":"https:\/\/ecolosplus.se\/wp-content\/uploads\/2023\/10\/Untitled-design-2023-09-22T155109.742.png","datePublished":"2023-10-04T12:58:51+00:00","dateModified":"2026-04-09T04:53:18+00:00","description":"Ecolos Plus is a SaaS platform employing AI, data analytics, and mathematic discrete optimisation to revolutionise last-mile deliveries.","breadcrumb":{"@id":"https:\/\/ecolosplus.se\/#breadcrumb"},"inLanguage":"sv-SE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ecolosplus.se\/"]}]},{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/ecolosplus.se\/#primaryimage","url":"https:\/\/ecolosplus.se\/wp-content\/uploads\/2023\/10\/Untitled-design-2023-09-22T155109.742.png","contentUrl":"https:\/\/ecolosplus.se\/wp-content\/uploads\/2023\/10\/Untitled-design-2023-09-22T155109.742.png","width":1080,"height":1080,"caption":"ecolosplus"},{"@type":"BreadcrumbList","@id":"https:\/\/ecolosplus.se\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ecolosplus.se\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/ecolosplus.se\/#website","url":"https:\/\/ecolosplus.se\/","name":"Ecolos Plus","description":"Dive into the future of last-mile logistics","publisher":{"@id":"https:\/\/ecolosplus.se\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ecolosplus.se\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sv-SE"},{"@type":"Organization","@id":"https:\/\/ecolosplus.se\/#organization","name":"Ecolos Plus","url":"https:\/\/ecolosplus.se\/","logo":{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/ecolosplus.se\/#\/schema\/logo\/image\/","url":"https:\/\/ecolosplus.se\/wp-content\/uploads\/2023\/10\/logo01.png","contentUrl":"https:\/\/ecolosplus.se\/wp-content\/uploads\/2023\/10\/logo01.png","width":742,"height":314,"caption":"Ecolos Plus"},"image":{"@id":"https:\/\/ecolosplus.se\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/ecolosplus.se\/sv\/wp-json\/wp\/v2\/pages\/64","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ecolosplus.se\/sv\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ecolosplus.se\/sv\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ecolosplus.se\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ecolosplus.se\/sv\/wp-json\/wp\/v2\/comments?post=64"}],"version-history":[{"count":489,"href":"https:\/\/ecolosplus.se\/sv\/wp-json\/wp\/v2\/pages\/64\/revisions"}],"predecessor-version":[{"id":2533,"href":"https:\/\/ecolosplus.se\/sv\/wp-json\/wp\/v2\/pages\/64\/revisions\/2533"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ecolosplus.se\/sv\/wp-json\/wp\/v2\/media\/379"}],"wp:attachment":[{"href":"https:\/\/ecolosplus.se\/sv\/wp-json\/wp\/v2\/media?parent=64"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}