module.exports=[33319,a=>{"use strict";var b=a.i(87924),c=a.i(72131),d=a.i(35112);a.s(["default",0,function(){(0,d.preload)("/images/home1-slide-1.webp",{as:"image"});let[a,e]=(0,c.useState)(0);(0,c.useEffect)(()=>{let a=setInterval(()=>{e(a=>+(0===a))},7e3);return()=>clearInterval(a)},[]);let f=a=>{e(a)};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("style",{dangerouslySetInnerHTML:{__html:`
        .howits-hero-custom-bg.elementor-repeater-item-3264830,
        .howits-hero-custom-bg.elementor-repeater-item-6867061 {
            background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.1)), url('/images/home1-slide-1.webp') !important;
            background-position: center !important;
            background-repeat: no-repeat !important;
            background-size: cover !important;
        }

        .howits-hero-custom-bg.elementor-repeater-item-6867061 {
            background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.1)), url('/images/home1-slide-2.webp') !important;
            background-position: center !important;
            background-repeat: no-repeat !important;
            background-size: cover !important;
        }

        /* Center alignments for standard content slider elements */
        .elementor-element.elementor-element-6c7cbcb .slide-content {
            display: flex !important;
            flex-direction: column !important;
            justify-content: center !important;
            align-items: center !important;
            text-align: center !important;
            width: 100% !important;
            height: 100% !important;
            padding: 0 !important;
            box-sizing: border-box !important;
        }

        .elementor-element.elementor-element-6c7cbcb .slide-content-inner {
            display: flex !important;
            flex-direction: column !important;
            justify-content: center !important;
            align-items: center !important;
            text-align: center !important;
            width: 100% !important;
            max-width: 1000px !important;
            margin: 0 auto !important;
            /* Contain the slider theme's inherited 20px padding (content-box) so
               width:100% + padding doesn't overflow the viewport and push the
               heading off-center on mobile. */
            box-sizing: border-box !important;
        }

        .elementor-element.elementor-element-6c7cbcb .content-slider-item-heading,
        .elementor-element.elementor-element-6c7cbcb .content-slider-item-heading .heading-content {
            text-align: center !important;
            display: block !important;
            width: 100% !important;
            margin-left: auto !important;
            margin-right: auto !important;
            padding-left: 15px !important;
            padding-right: 15px !important;
        }

        .elementor-element.elementor-element-6c7cbcb .content-slider-item-text {
            display: flex !important;
            justify-content: center !important;
            width: 100% !important;
            margin-top: 23px !important;
        }

        .elementor-element.elementor-element-6c7cbcb .text-content {
            text-align: center !important;
            max-width: 820px !important;
            margin: 0 auto !important;
            padding-left: 15px !important;
            padding-right: 15px !important;
        }

        /* Larger, more readable hero subtitle on large/4K screens */
        .elementor-element.elementor-element-6c7cbcb .content-slider-item-text p {
            font-size: clamp(16px, 1.35vw, 23px) !important;
            line-height: 1.65 !important;
        }

        @media (min-width: 1025px) {
            /* Match Home's hero frame so the floating navbar sits with the same
               breathing space. Home (.elementor-61) frames the hero card at 20px;
               this page falls through to the shared kit's 32px base. */
            .elementor-element.elementor-element-741f56c {
                padding: 20px !important;
            }
            .elementor-element.elementor-element-6c7cbcb .owl-carousel.owl-theme .content-item {
                height: 800px !important;
                min-height: 800px !important;
            }
        }

        @media (max-width: 1024px) {
            .elementor-element.elementor-element-741f56c {
                width: 100% !important;
                max-width: 100% !important;
                margin-left: auto !important;
                margin-right: auto !important;
                --padding-top: 0px !important;
                --padding-block-start: 0px !important;
                padding: 0 10px 10px 10px !important;
                overflow: hidden !important;
                border-radius: 25px !important;
            }

            /* The stage-outer carries an inline height:800px; collapse it to the
               slide height so there is no dead empty space below the hero card. */
            .elementor-element.elementor-element-6c7cbcb .owl-stage-outer {
                height: 620px !important;
            }

            .elementor-element.elementor-element-6c7cbcb .owl-carousel.owl-theme .content-item {
                width: 100% !important;
                min-height: 620px !important;
                height: 620px !important;
                border-radius: 25px !important;
                overflow: hidden !important;
            }

            .elementor-element.elementor-element-6c7cbcb .slide-content {
                width: 100% !important;
                min-height: 620px !important;
                padding-left: 0 !important;
                padding-right: 0 !important;
                box-sizing: border-box !important;
            }
        }

        @media (max-width: 767px) {
            .elementor-element.elementor-element-741f56c {
                width: 100% !important;
                max-width: 100% !important;
                --padding-top: 0px !important;
                --padding-block-start: 0px !important;
                padding: 0 10px 10px 10px !important;
                border-radius: 22px !important;
            }

            .elementor-element.elementor-element-6c7cbcb .owl-stage-outer {
                height: 560px !important;
            }

            .elementor-element.elementor-element-6c7cbcb .owl-carousel.owl-theme .content-item {
                min-height: 560px !important;
                height: 560px !important;
                border-radius: 22px !important;
            }

            .elementor-element.elementor-element-6c7cbcb .slide-content {
                min-height: 560px !important;
                padding-left: 0 !important;
                padding-right: 0 !important;
            }

            .elementor-element.elementor-element-6c7cbcb .content-slider-item-heading {
                max-width: 100% !important;
                font-size: clamp(38px, 11vw, 48px) !important;
                line-height: 1.05 !important;
                overflow-wrap: break-word !important;
                padding-left: 15px !important;
                padding-right: 15px !important;
            }

            /* Pin the slide counter ("01/02") cleanly bottom-RIGHT — matching the
               Home and How-It-Works heroes. site.css parks it ~80px in from the
               right (looks left/centred), and the wide dot navigation eats the
               right side, so hide the dots on mobile and right-align the counter. */
            .elementor .elementor-element.elementor-element-6c7cbcb .slider-footer {
                text-align: right !important;
                margin-bottom: 24px !important;
            }
            .elementor .elementor-element.elementor-element-6c7cbcb .slider-footer .slider-pagination {
                justify-content: flex-end !important;
                margin-left: 22px !important;
                margin-right: 22px !important;
            }
            .elementor .elementor-element.elementor-element-6c7cbcb .owl-dots {
                display: none !important;
            }
            /* Hide the prev/next arrows on mobile (they overlap the counter) —
               slides still auto-rotate, matching the home hero. */
            .elementor .elementor-element.elementor-element-6c7cbcb .owl-nav {
                display: none !important;
            }
        }
      `}}),(0,b.jsx)("div",{className:"elementor-element elementor-element-741f56c e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent","data-id":"741f56c","data-element_type":"container","data-e-type":"container",children:(0,b.jsx)("div",{className:"elementor-element elementor-element-6c7cbcb elementor-widget elementor-widget-logico_content_slider","data-id":"6c7cbcb","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_content_slider.default",children:(0,b.jsx)("div",{className:"elementor-widget-container",children:(0,b.jsx)("div",{className:"logico-content-slider-widget",children:(0,b.jsx)("div",{className:"content-slider-wrapper",children:(0,b.jsx)("div",{className:"content-slider-container",children:(0,b.jsxs)("div",{className:"content-slider owl-carousel owl-theme nav-view-vertical nav-h-position-right nav-v-position-bottom owl-loaded owl-drag",children:[(0,b.jsx)("div",{className:"owl-stage-outer",style:{position:"relative",overflow:"hidden",height:"800px"},children:(0,b.jsxs)("div",{className:"owl-stage",style:{position:"relative",width:"100%",height:"100%"},children:[(0,b.jsx)("div",{className:`owl-item ${0===a?"active":""}`,style:{position:"relative",width:"100%",opacity:+(0===a),visibility:0===a?"visible":"hidden",transition:"opacity 0.8s ease-in-out, visibility 0.8s ease-in-out",zIndex:0===a?2:1},children:(0,b.jsx)("div",{className:"content-item slider-item elementor-repeater-item-3264830 slide-style-standard howits-hero-custom-bg",children:(0,b.jsx)("div",{className:"slide-content",children:(0,b.jsxs)("div",{className:"slide-content-inner",children:[(0,b.jsx)("h1",{className:"content-slider-item-heading logico-content-wrapper-1",children:(0,b.jsx)("span",{className:"heading-content",children:"Solutions for Every Industry"})}),(0,b.jsx)("div",{className:"content-slider-item-text logico-content-wrapper-2",children:(0,b.jsx)("div",{className:"text-content",children:(0,b.jsx)("p",{children:"Discover how Doormile's connected logistics platform serves diverse industries with tailored solutions."})})})]})})})}),(0,b.jsx)("div",{className:`owl-item ${1===a?"active":""}`,style:{position:"absolute",top:0,left:0,width:"100%",opacity:+(1===a),visibility:1===a?"visible":"hidden",transition:"opacity 0.8s ease-in-out, visibility 0.8s ease-in-out",zIndex:1===a?2:1},children:(0,b.jsx)("div",{className:"content-item slider-item elementor-repeater-item-6867061 slide-style-standard howits-hero-custom-bg",children:(0,b.jsx)("div",{className:"slide-content",children:(0,b.jsxs)("div",{className:"slide-content-inner",children:[(0,b.jsx)("h1",{className:"content-slider-item-heading logico-content-wrapper-1",children:(0,b.jsx)("span",{className:"heading-content",children:"One Platform. All Verticals"})}),(0,b.jsx)("div",{className:"content-slider-item-text logico-content-wrapper-2",children:(0,b.jsx)("div",{className:"text-content",children:(0,b.jsx)("p",{children:"Doormile adapts to the unique challenges of your vertical—not the other way around."})})})]})})})})]})}),(0,b.jsxs)("div",{className:"owl-nav",children:[(0,b.jsx)("button",{type:"button",className:"owl-next",onClick:()=>e(a=>+(0===a)),"aria-label":"Next",style:{cursor:"pointer",border:"none",outline:"none"}}),(0,b.jsx)("button",{type:"button",className:"owl-prev",onClick:()=>e(a=>+(0===a)),"aria-label":"Previous",style:{cursor:"pointer",border:"none",outline:"none"}})]}),(0,b.jsx)("div",{className:"slider-footer slider-footer-position-after slider-footer-width-full slider-footer-view-inside",children:(0,b.jsx)("div",{className:"slider-footer-content",children:(0,b.jsxs)("div",{className:"slider-pagination",style:{display:"flex",justifyContent:"flex-end",alignItems:"center",gap:"10px"},children:[(0,b.jsxs)("div",{className:"slider-progress-wrapper",style:{marginRight:"35px",display:"flex",flexDirection:"column",alignItems:"flex-start"},children:[(0,b.jsxs)("div",{style:{fontSize:"16px",fontWeight:600,color:"#FFFFFF",marginBottom:"4px"},children:[(0,b.jsx)("span",{className:"slider-progress-current",children:0===a?"01":"02"})," / ",(0,b.jsx)("span",{className:"slider-progress-all",style:{opacity:.6},children:"02"})]}),(0,b.jsx)("div",{style:{width:"80px",height:"2px",background:"rgba(255, 255, 255, 0.2)",position:"relative",borderRadius:"1px",overflow:"hidden"},children:(0,b.jsx)("div",{style:{position:"absolute",left:0===a?"0":"50%",width:"50%",height:"100%",background:"#c01227",transition:"left 0.3s ease"}})})]}),(0,b.jsxs)("div",{className:"owl-dots owl-dots-6c7cbcb",style:{display:"none"},children:[(0,b.jsx)("button",{type:"button",role:"button",className:`owl-dot ${0===a?"active":""}`,onClick:()=>f(0),children:(0,b.jsx)("span",{})}),(0,b.jsx)("button",{type:"button",role:"button",className:`owl-dot ${1===a?"active":""}`,onClick:()=>f(1),children:(0,b.jsx)("span",{})})]})]})})})]})})})})})})})]})}])},42957,a=>{"use strict";var b=a.i(87924),c=a.i(72131),d=a.i(22994);let e=[{id:1,title:"FMCG",image:"/images/tab-pic-1-solution.webp",alt:"FMCG logistics",desc:"FMCG logistics demands speed, precision, and continuous fulfillment across high-volume delivery networks. Businesses must balance tight delivery timelines, inventory movement, and operational efficiency without compromising product availability.",ch:["Unpredictable demand spikes create delivery pressure and reduce operational efficiency during peak periods.","Fresh product expiry constraints require faster, precisely timed deliveries to maintain product quality.","Multi-stop route complexity increases travel time, operational costs, and delivery coordination challenges.","Inventory stockout risks increase when delivery delays disrupt fast-moving product distribution."],so:["AI demand forecasting adapts delivery plans instantly to real-time order demand.","Expiry-aware routing prioritises perishable goods for on-time freshness.","Smart multi-stop optimisation groups orders to cut cost and travel time.","Real-time inventory sync prevents stockouts and improves fulfilment accuracy."]},{id:2,title:"Pharma",image:"/images/tab-pic-2-solution.webp",alt:"Pharma logistics",desc:"Pharma logistics requires precision, compliance, and real-time monitoring so every shipment arrives safely and on time — from temperature-sensitive medicines to urgent emergency deliveries.",ch:["Cold chain integrity demands precise temperature control throughout transit.","Regulatory compliance must be tracked and documented on every delivery.","Critical delivery time windows require highly accurate scheduling.","Emergency shipments need instant dispatch and zero-delay execution."],so:["Cold chain monitoring with automatic re-routing keeps shipments in-spec.","Compliance engine with audit trails ensures full chain-of-custody visibility.","Precision scheduling locks in critical delivery windows reliably.","Priority dispatch queue fast-tracks urgent, life-critical shipments."]},{id:3,title:"Enterprise & B2B",image:"/images/tab-pic-3-solution.webp",alt:"Enterprise and B2B logistics",desc:"Enterprise and B2B logistics require coordination and reliability to manage high-value shipments at scale — with appointment scheduling, white-glove standards, and strict SLA commitments.",ch:["Appointment scheduling requires precise timing across many locations.","White-glove delivery standards demand premium handling and accuracy.","Multi-location routing complexity grows with large-scale operations.","Strict SLA commitments pressure teams to stay timely and error-free."],so:["Intelligent appointment engine streamlines and automates delivery slots.","White-glove workflow module enforces premium handling end to end.","Enterprise route planner coordinates efficient multi-location delivery.","SLA monitoring dashboard tracks commitments and flags risk in real time."]}];function f({sec:a}){let[e,g]=(0,c.useState)("ch"),h="ch"===e?a.ch:a.so;return(0,b.jsx)("section",{className:"istk","aria-label":`${a.title} solutions`,children:(0,b.jsxs)("div",{className:"istk__card",children:[(0,b.jsx)(d.default,{}),(0,b.jsxs)("div",{className:"istk__row",children:[(0,b.jsx)("div",{className:"istk__media",children:(0,b.jsx)("img",{className:"istk__img",src:a.image,alt:a.alt,decoding:"async",loading:"lazy"})}),(0,b.jsxs)("div",{className:"istk__content",children:[(0,b.jsx)("h3",{className:"istk__title",children:a.title}),(0,b.jsx)("p",{className:"istk__desc",children:a.desc}),(0,b.jsxs)("div",{className:"istk__tabs",role:"tablist","aria-label":"Challenges or Solutions",children:[(0,b.jsx)("button",{type:"button",role:"tab","aria-selected":"ch"===e,className:`istk__tab ${"ch"===e?"active":""}`,onClick:()=>g("ch"),children:"Challenges"}),(0,b.jsx)("button",{type:"button",role:"tab","aria-selected":"so"===e,className:`istk__tab ${"so"===e?"active":""}`,onClick:()=>g("so"),children:"Solutions"})]}),(0,b.jsx)("ul",{className:"istk__list",children:h.map((a,c)=>(0,b.jsx)("li",{style:{animationDelay:`${80*c}ms`},children:a},a))},e)]})]})]})})}let g=`
/* No outer frame — the cards float on the page background. */
#ind-stack { background: transparent; }

/* The kit-5 theme forces heading size/color on h3 via !important — re-assert. */
#ind-stack .istk__title {
  font-family: var(--font-manrope), 'Manrope', system-ui, sans-serif !important;
  font-size: clamp(42px, 4.4vw, 62px) !important;
  font-weight: 600 !important;
  line-height: 1.04 !important;
  letter-spacing: -0.02em !important;
  color: #ffffff !important;
  text-transform: none !important;
  margin: 0 0 22px !important;
}

#ind-stack .istk {
  padding: 14px 20px;
}
#ind-stack .istk:first-child { padding-top: 24px; }
#ind-stack .istk:last-child { padding-bottom: 24px; }

#ind-stack .istk__card {
  position: relative;
  overflow: hidden;
  background: #0d0d0d;
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 40px;
  padding: 44px;
}

/* Procedurally-drawn dotted world map (continent dots + hub pulses + routes).
   Vector canvas, so it never distorts on the card's aspect ratio the way a
   stretched bitmap did. Faint gray dots read as a subtle backdrop on the dark card. */
#ind-stack .ind__map {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: 0.7;
  pointer-events: none;
}

#ind-stack .istk__row {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: clamp(44px, 6vw, 104px);
}

/* ---- Image — inset rounded, portrait, drives the card height ---- */
#ind-stack .istk__media {
  flex: 0 0 35%;
  align-self: stretch;
  min-height: 560px;
}
#ind-stack .istk__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 26px;
}

/* ---- Content ---- */
#ind-stack .istk__content {
  flex: 1;
  min-width: 0;
  max-width: 680px;
}
#ind-stack .istk__desc {
  font-size: clamp(16px, 1.25vw, 20px);
  font-weight: 400;
  line-height: 1.62;
  color: rgba(255,255,255,0.8);
  margin: 0 0 30px;
}

/* Tabs — pills above a full-width underline rule */
#ind-stack .istk__tabs {
  display: flex;
  gap: 10px;
  padding-bottom: 16px;
  margin-bottom: 26px;
  border-bottom: 1px solid rgba(255,255,255,0.2);
}
#ind-stack .istk__tab {
  appearance: none;
  border: none;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 13px 30px;
  border-radius: 9px;
  background: #f3dede;
  color: #555;
  transition: background-color 0.25s ease, color 0.25s ease;
}
#ind-stack .istk__tab:hover { background: #ecd2d2; }
#ind-stack .istk__tab.active {
  background: #dc2626;
  color: #fff;
  box-shadow: 0 8px 22px -10px rgba(220,38,38,0.8);
}

/* Bullets — round red dots, full-sentence items */
#ind-stack .istk__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
#ind-stack .istk__list li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 22px;
  font-size: clamp(15px, 1.15vw, 18px);
  font-weight: 400;
  line-height: 1.55;
  color: rgba(255,255,255,0.85);
  animation: istkSlideIn 0.4s ease both;
}
#ind-stack .istk__list li:last-child { margin-bottom: 0; }
#ind-stack .istk__list li::before {
  content: '';
  position: absolute;
  left: 2px;
  top: 9px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #dc2626;
  box-shadow: 0 0 8px rgba(220,38,38,0.55);
}

@keyframes istkSlideIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

/* ---- Responsive ---- */
@media (max-width: 1024px) {
  #ind-stack .istk__card { padding: 28px; border-radius: 28px; }
  #ind-stack .istk__row { flex-direction: column; align-items: stretch; gap: 28px; }
  #ind-stack .istk__media { flex: none; min-height: 0; height: 300px; }
  #ind-stack .istk__content { max-width: none; }
}
@media (max-width: 600px) {
  #ind-stack .istk { padding: 10px; }
  #ind-stack .istk__card { padding: 22px 20px; border-radius: 24px; }
  #ind-stack .istk__media { height: 240px; }
  #ind-stack .istk__title { margin-bottom: 16px !important; }
  #ind-stack .istk__desc { margin: 0 0 24px; }
  /* Two equal-width pills that always fit the card — no horizontal overflow. */
  #ind-stack .istk__tabs { gap: 8px; margin-bottom: 22px; }
  #ind-stack .istk__tab { flex: 1 1 0; min-width: 0; padding: 12px 8px; text-align: center; font-size: 13px; }
  #ind-stack .istk__list li { margin-bottom: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  #ind-stack .istk__list li { animation: none !important; opacity: 1; transform: none; }
}
`;a.s(["default",0,function(){return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("style",{dangerouslySetInnerHTML:{__html:g}}),(0,b.jsx)("div",{id:"ind-stack",children:e.map(a=>(0,b.jsx)(f,{sec:a},a.id))})]})}])}];

//# sourceMappingURL=src_components_sections_06v94o_._.js.map