2130 lines
97 KiB
JavaScript
2130 lines
97 KiB
JavaScript
module.exports=[68035,a=>{"use strict";a.s(["default",()=>b]);let b=(0,a.i(11857).registerClientReference)(function(){throw Error("Attempted to call the default export of [project]/src/components/sections/IndustryWorldMap.tsx <module evaluation> from the server, but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"[project]/src/components/sections/IndustryWorldMap.tsx <module evaluation>","default")},17381,a=>{"use strict";a.s(["default",()=>b]);let b=(0,a.i(11857).registerClientReference)(function(){throw Error("Attempted to call the default export of [project]/src/components/sections/IndustryWorldMap.tsx from the server, but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"[project]/src/components/sections/IndustryWorldMap.tsx","default")},85955,a=>{"use strict";a.i(68035);var b=a.i(17381);a.n(b)},33741,a=>{"use strict";var b=a.i(7997),c=a.i(19218);function d(){return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("style",{dangerouslySetInnerHTML:{__html:`
|
||
.eh-outer {
|
||
box-sizing: border-box;
|
||
padding: 20px;
|
||
}
|
||
|
||
.eh-section {
|
||
position: relative;
|
||
border-radius: 25px;
|
||
overflow: hidden;
|
||
box-sizing: border-box;
|
||
height: 800px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
background: #07080c;
|
||
}
|
||
|
||
.eh-bg {
|
||
position: absolute;
|
||
inset: 0;
|
||
background-image: url("/images/women-hero-slider-2.png");
|
||
background-size: cover;
|
||
background-position: 30% 72%;
|
||
z-index: 0;
|
||
}
|
||
|
||
.eh-scrim {
|
||
position: absolute;
|
||
inset: 0;
|
||
background:
|
||
linear-gradient(180deg, rgba(7, 8, 12, 0.72) 0%, rgba(7, 8, 12, 0.5) 40%, rgba(7, 8, 12, 0.86) 100%);
|
||
z-index: 1;
|
||
}
|
||
|
||
.eh-inner {
|
||
position: relative;
|
||
z-index: 2;
|
||
width: 100%;
|
||
max-width: 1000px;
|
||
margin: 0 auto;
|
||
padding: 0 15px;
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
text-align: center;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.eh-eyebrow {
|
||
font-size: 13px;
|
||
font-weight: 800;
|
||
letter-spacing: 2.6px;
|
||
text-transform: uppercase;
|
||
color: #ff5470;
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.eh-title {
|
||
width: 100%;
|
||
font-size: clamp(30px, 5.5vw, 80px) !important;
|
||
font-weight: 800 !important;
|
||
letter-spacing: -0.03em !important;
|
||
line-height: 1.08 !important;
|
||
text-transform: uppercase !important;
|
||
color: #ffffff !important;
|
||
margin: 0;
|
||
word-wrap: break-word;
|
||
overflow-wrap: break-word;
|
||
}
|
||
|
||
.eh-title .eh-soft {
|
||
color: rgba(255, 255, 255, 0.72);
|
||
}
|
||
|
||
.eh-desc {
|
||
width: 100%;
|
||
max-width: 680px;
|
||
margin: 23px auto 0;
|
||
font-size: clamp(16px, 1.35vw, 23px);
|
||
line-height: 1.65;
|
||
color: rgba(255, 255, 255, 0.78);
|
||
}
|
||
|
||
.eh-btns {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
gap: 14px;
|
||
flex-wrap: wrap;
|
||
margin-top: 32px;
|
||
}
|
||
|
||
.eh-btn-primary,
|
||
.eh-btn-outline {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 10px;
|
||
padding: 15px 28px;
|
||
border-radius: 100px;
|
||
font-weight: 800;
|
||
font-size: 14px;
|
||
text-decoration: none;
|
||
transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease, background-color 0.3s ease, border-color 0.3s ease;
|
||
}
|
||
|
||
.eh-btn-primary {
|
||
background: #c01227;
|
||
color: #ffffff !important;
|
||
border: 1.5px solid #c01227;
|
||
}
|
||
|
||
.eh-btn-primary:hover {
|
||
transform: translateY(-3px);
|
||
box-shadow: 0 14px 30px rgba(192, 18, 39, 0.4);
|
||
}
|
||
|
||
.eh-btn-outline {
|
||
background: rgba(255, 255, 255, 0.04);
|
||
color: #ffffff !important;
|
||
border: 1.5px solid rgba(255, 255, 255, 0.36);
|
||
}
|
||
|
||
.eh-btn-outline:hover {
|
||
border-color: rgba(255, 255, 255, 0.82);
|
||
background: rgba(255, 255, 255, 0.09);
|
||
transform: translateY(-3px);
|
||
}
|
||
|
||
@media (max-width: 1020px) {
|
||
.eh-outer { padding: 10px; }
|
||
}
|
||
|
||
@media (max-width: 840px) {
|
||
.eh-section { height: 600px; }
|
||
}
|
||
|
||
@media (max-width: 660px) {
|
||
.eh-title {
|
||
font-size: clamp(20px, 7vw, 32px) !important;
|
||
}
|
||
}
|
||
|
||
@media (max-width: 480px) {
|
||
.eh-section { height: 520px; }
|
||
.eh-btn-primary, .eh-btn-outline { width: 100%; justify-content: center; padding: 14px 22px; }
|
||
.eh-btns { width: 100%; }
|
||
}
|
||
`}}),(0,b.jsx)("div",{className:"eh-outer",children:(0,b.jsxs)("section",{className:"eh-section",id:"wings-empowerment-hero",children:[(0,b.jsx)("div",{className:"eh-bg","aria-hidden":"true"}),(0,b.jsx)("div",{className:"eh-scrim","aria-hidden":"true"}),(0,b.jsxs)(c.ScrollReveal,{delay:.05,duration:.85,yOffset:30,className:"eh-inner",children:[(0,b.jsxs)("h1",{className:"eh-title",children:["Building ",(0,b.jsx)("span",{className:"eh-soft",children:"Women"}),(0,b.jsx)("br",{}),(0,b.jsx)(c.ShimmerText,{children:"Entrepreneurs."})]}),(0,b.jsx)("p",{className:"eh-desc",children:"Empowering ambitious women with the network, strategic partnerships, and opportunities to build, grow, and lead successful enterprises that shape the future of logistics."})]})]})})]})}var e=a.i(85955);function f(){return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("style",{dangerouslySetInnerHTML:{__html:`
|
||
.ev-section {
|
||
position: relative;
|
||
background: #ffffff;
|
||
padding: clamp(96px, 11vw, 150px) 0;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.ev-map {
|
||
position: absolute;
|
||
inset: 0;
|
||
z-index: 0;
|
||
opacity: 0.4;
|
||
pointer-events: none;
|
||
}
|
||
|
||
.ev-inner {
|
||
position: relative;
|
||
z-index: 1;
|
||
max-width: 1380px;
|
||
min-width: 0;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.ev-eyebrow {
|
||
margin: 0 0 18px 0;
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
letter-spacing: 1.5px;
|
||
color: rgba(17, 17, 17, 0.6);
|
||
}
|
||
|
||
.ev-divider {
|
||
width: 100%;
|
||
height: 1px;
|
||
margin: 0 0 clamp(64px, 7.8vw, 92px) 0;
|
||
border: none;
|
||
background-color: rgba(17, 17, 17, 0.16);
|
||
}
|
||
|
||
.ev-title {
|
||
margin: 0 0 clamp(92px, 11.5vw, 156px) 0 !important;
|
||
max-width: 1320px;
|
||
display: block;
|
||
font-weight: 800 !important;
|
||
font-style: normal !important;
|
||
letter-spacing: -0.018em !important;
|
||
word-spacing: 0.02em;
|
||
line-height: 1.04em !important;
|
||
text-transform: none !important;
|
||
color: #ffffff !important;
|
||
-webkit-text-stroke: 2px #c01227;
|
||
paint-order: stroke fill;
|
||
font-size: clamp(48px, 8.5vw, 128px) !important;
|
||
white-space: normal;
|
||
overflow-wrap: normal;
|
||
text-wrap: balance;
|
||
}
|
||
|
||
@media (max-width: 1280px) {
|
||
.ev-title {
|
||
font-size: 118px !important;
|
||
}
|
||
}
|
||
|
||
@media (max-width: 1020px) {
|
||
.ev-title {
|
||
font-size: 96px !important;
|
||
}
|
||
}
|
||
|
||
@media (max-width: 767px) {
|
||
.ev-title {
|
||
font-size: 72px !important;
|
||
}
|
||
}
|
||
|
||
.ev-columns {
|
||
display: grid;
|
||
grid-template-columns: minmax(0, 0.6fr) minmax(0, 1fr);
|
||
gap: clamp(60px, 8vw, 122px);
|
||
align-items: start;
|
||
}
|
||
|
||
.ev-columns > * {
|
||
min-width: 0;
|
||
}
|
||
|
||
.ev-statement {
|
||
margin: 0;
|
||
font-size: clamp(28px, 3vw, 52px);
|
||
font-weight: 600;
|
||
line-height: 1.2;
|
||
letter-spacing: -0.03em;
|
||
color: #111111;
|
||
overflow-wrap: break-word;
|
||
}
|
||
|
||
.ev-support {
|
||
display: grid;
|
||
gap: clamp(34px, 3.8vw, 52px);
|
||
min-width: 0;
|
||
}
|
||
|
||
.ev-block {
|
||
display: grid;
|
||
gap: 12px;
|
||
}
|
||
|
||
.ev-block-label {
|
||
margin: 0;
|
||
font-size: 12px;
|
||
font-weight: 700;
|
||
letter-spacing: 1.4px;
|
||
line-height: 1;
|
||
text-transform: uppercase;
|
||
color: rgba(192, 18, 39, 0.86);
|
||
}
|
||
|
||
.ev-lead,
|
||
.ev-note {
|
||
font-size: clamp(17px, 1.3vw, 20px);
|
||
line-height: 1.6;
|
||
color: #333333;
|
||
margin: 0;
|
||
overflow-wrap: break-word;
|
||
}
|
||
|
||
.ev-lead {
|
||
font-weight: 700;
|
||
}
|
||
|
||
.ev-note {
|
||
font-weight: 400;
|
||
}
|
||
|
||
@media (max-width: 900px) {
|
||
.ev-columns {
|
||
grid-template-columns: 1fr;
|
||
}
|
||
}
|
||
|
||
@media (max-width: 600px) {
|
||
.ev-section { padding-top: 64px; padding-bottom: 64px; }
|
||
.ev-title {
|
||
max-width: calc(100vw - (var(--dm-mobile-gutter, 10px) * 2));
|
||
font-size: 56px !important;
|
||
letter-spacing: -0.025em !important;
|
||
line-height: 1.02em !important;
|
||
-webkit-text-stroke-width: 1.5px;
|
||
}
|
||
}
|
||
`}}),(0,b.jsxs)("section",{className:"ev-section",id:"wings-empowerment-vision",children:[(0,b.jsx)("div",{className:"ev-map","aria-hidden":"true",children:(0,b.jsx)(e.default,{})}),(0,b.jsx)("div",{className:"dm-section-container",children:(0,b.jsxs)("div",{className:"ev-inner",children:[(0,b.jsxs)(c.ScrollReveal,{delay:.05,duration:.7,yOffset:20,children:[(0,b.jsx)("p",{className:"ev-eyebrow",children:"/ Our Vision /"}),(0,b.jsx)("hr",{className:"ev-divider"})]}),(0,b.jsx)(c.ScrollReveal,{delay:.12,duration:.85,yOffset:30,children:(0,b.jsx)("h2",{className:"ev-title",children:"Women Own The Future."})}),(0,b.jsxs)("div",{className:"ev-columns",children:[(0,b.jsx)(c.ScrollReveal,{delay:.18,duration:.8,yOffset:25,children:(0,b.jsx)("p",{className:"ev-statement",children:"A logistics ecosystem where women don’t just participate — they own, build, and lead."})}),(0,b.jsxs)(c.ScrollReveal,{delay:.26,duration:.8,yOffset:25,className:"ev-support",children:[(0,b.jsxs)("div",{className:"ev-block",children:[(0,b.jsx)("p",{className:"ev-block-label",children:"The vision"}),(0,b.jsx)("p",{className:"ev-lead",children:"We are building an entrepreneurial ecosystem where women launch enterprises, scale operations, and shape the future of logistics from the inside."})]}),(0,b.jsxs)("div",{className:"ev-block",children:[(0,b.jsx)("p",{className:"ev-block-label",children:"Why it matters"}),(0,b.jsx)("p",{className:"ev-note",children:"Industries transform when founders emerge from every corner. Women-led enterprises bring fresh perspective, operational resilience, and long-term economic impact to logistics."})]}),(0,b.jsxs)("div",{className:"ev-block",children:[(0,b.jsx)("p",{className:"ev-block-label",children:"How Wings contributes"}),(0,b.jsx)("p",{className:"ev-note",children:"Wings provides the infrastructure — strategic partnerships, funding access, founder networks, and industry connections — that turns ambition into enterprise."})]})]})]})]})})]})]})}function g(){return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("style",{dangerouslySetInnerHTML:{__html:`
|
||
.esy-section {
|
||
position: relative;
|
||
width: calc(100% - 40px);
|
||
margin: 0 auto clamp(24px, 4vw, 40px);
|
||
border-radius: 28px;
|
||
overflow: hidden;
|
||
box-sizing: border-box;
|
||
min-height: clamp(500px, 50vw, 690px);
|
||
display: flex;
|
||
align-items: stretch;
|
||
background: #09090b;
|
||
}
|
||
|
||
.esy-bg {
|
||
position: absolute;
|
||
inset: 0;
|
||
background-image:
|
||
linear-gradient(100deg, rgba(9, 9, 11, 0.96) 0%, rgba(9, 9, 11, 0.84) 43%, rgba(192, 18, 39, 0.28) 100%),
|
||
url("/images/wings-heroslider4.png");
|
||
background-size: cover;
|
||
background-position: center;
|
||
z-index: 0;
|
||
}
|
||
|
||
.esy-inner {
|
||
position: relative;
|
||
z-index: 1;
|
||
max-width: 1380px;
|
||
margin: 0 auto;
|
||
width: 100%;
|
||
padding-top: clamp(60px, 7vw, 98px);
|
||
padding-bottom: clamp(60px, 7vw, 98px);
|
||
display: grid;
|
||
grid-template-columns: minmax(0, 0.9fr) minmax(280px, 0.52fr);
|
||
gap: clamp(36px, 6vw, 96px);
|
||
align-items: end;
|
||
}
|
||
|
||
.esy-eyebrow {
|
||
font-size: 13px;
|
||
font-weight: 800;
|
||
letter-spacing: 2.5px;
|
||
text-transform: uppercase;
|
||
color: #ff5470;
|
||
margin-bottom: 24px;
|
||
}
|
||
|
||
.esy-statement {
|
||
max-width: 920px;
|
||
font-size: clamp(38px, 5.7vw, 86px);
|
||
font-weight: 800;
|
||
letter-spacing: -0.055em;
|
||
line-height: 0.98;
|
||
text-transform: uppercase;
|
||
color: #ffffff;
|
||
margin: 0;
|
||
}
|
||
|
||
.esy-statement em {
|
||
color: #ff5470;
|
||
font-style: normal;
|
||
}
|
||
|
||
.esy-side {
|
||
border-left: 1px solid rgba(255, 255, 255, 0.18);
|
||
padding-left: clamp(24px, 3vw, 42px);
|
||
}
|
||
|
||
.esy-label {
|
||
display: block;
|
||
font-size: 12px;
|
||
font-weight: 800;
|
||
letter-spacing: 1.8px;
|
||
text-transform: uppercase;
|
||
color: rgba(255, 255, 255, 0.45);
|
||
margin-bottom: 18px;
|
||
}
|
||
|
||
.esy-pull {
|
||
font-size: clamp(22px, 2.3vw, 34px);
|
||
font-weight: 800;
|
||
line-height: 1.16;
|
||
letter-spacing: -0.03em;
|
||
color: #ffffff;
|
||
margin: 0 0 22px 0;
|
||
}
|
||
|
||
.esy-sub {
|
||
font-size: 15.5px;
|
||
line-height: 1.65;
|
||
color: rgba(255, 255, 255, 0.64);
|
||
margin: 0;
|
||
}
|
||
|
||
/* ---- Desktop-only inner spacing compaction ----
|
||
.esy-section never set its own padding, so it was silently
|
||
inheriting 96px top/bottom from the global bare-tag "section"
|
||
padding rule (6rem 0) in site.css — stacking with .esy-inner's
|
||
own clamp(60-98px) padding into a huge, unbalanced inset. Cancel
|
||
that leak here. Also tighten .esy-inner's own padding and widen its
|
||
max-width (so a fixed padding, not a narrow centered column,
|
||
controls the left/right inset at every desktop width) — and bring
|
||
min-height down to match the now-tighter natural content height,
|
||
since the old 690px floor was itself forcing extra empty space
|
||
once the padding was reduced. Scoped to desktop only; tablet/
|
||
mobile keep their original spacing untouched below. */
|
||
@media (min-width: 1025px) {
|
||
.esy-section {
|
||
padding: 0;
|
||
min-height: clamp(420px, 38vw, 500px);
|
||
}
|
||
.esy-inner {
|
||
max-width: 1900px;
|
||
padding-top: 64px;
|
||
padding-bottom: 56px;
|
||
padding-left: 64px;
|
||
padding-right: 64px;
|
||
}
|
||
}
|
||
|
||
@media (max-width: 1024px) {
|
||
.esy-section { width: calc(100% - 24px); border-radius: 22px; }
|
||
.esy-inner { grid-template-columns: 1fr; align-items: start; }
|
||
.esy-side { max-width: 640px; }
|
||
}
|
||
|
||
@media (max-width: 640px) {
|
||
.esy-section { min-height: 560px; }
|
||
.esy-side { border-left: none; padding-left: 0; border-top: 1px solid rgba(255, 255, 255, 0.18); padding-top: 24px; }
|
||
}
|
||
`}}),(0,b.jsxs)("section",{className:"esy-section",id:"wings-empowerment-story",children:[(0,b.jsx)("div",{className:"esy-bg","aria-hidden":"true"}),(0,b.jsxs)("div",{className:"esy-inner dm-section-container",children:[(0,b.jsxs)(c.ScrollReveal,{delay:.05,duration:.85,yOffset:25,children:[(0,b.jsx)("div",{className:"esy-eyebrow",children:"/ Our Approach /"}),(0,b.jsxs)("p",{className:"esy-statement",children:["Not a program on a brochure. ",(0,b.jsx)("em",{children:"An ecosystem women can build in."})]})]}),(0,b.jsxs)(c.ScrollReveal,{delay:.15,duration:.8,yOffset:25,className:"esy-side",children:[(0,b.jsx)("span",{className:"esy-label",children:"Manifesto"}),(0,b.jsx)("p",{className:"esy-pull",children:"A venture that starts with conviction. A network that turns it into momentum."}),(0,b.jsx)("p",{className:"esy-sub",children:"Wings is designed around the moments that define a founder: the first partnership signed, the first client won, the first team hired, the first enterprise scaled."})]})]})]})]})}var h=a.i(3236);let i=[{value:"500",plus:"+",label:"Women Partners"},{value:"35",plus:"+",label:"Cities"},{value:"10K",plus:"+",label:"Deliveries"}],j=[{title:"Women Leadership",desc:"Women shaping strategy and driving excellence across logistics operations.",icon:(0,b.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,b.jsx)("circle",{cx:"12",cy:"9",r:"5"}),(0,b.jsx)("path",{d:"M9 13.5 7.5 21 12 18l4.5 3-1.5-7.5"})]})},{title:"Entrepreneurship",desc:"Women building sustainable businesses within the logistics ecosystem.",icon:(0,b.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,b.jsx)("rect",{x:"3",y:"7",width:"18",height:"13",rx:"2"}),(0,b.jsx)("path",{d:"M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M3 12h18"})]})},{title:"Innovation",desc:"Women advancing logistics through practical ideas and operational insight.",icon:(0,b.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,b.jsx)("path",{d:"M9 18h6M10 21h4"}),(0,b.jsx)("path",{d:"M12 3a6 6 0 0 0-3.8 10.6c.5.5.8 1.2.8 1.9v.5h6v-.5c0-.7.3-1.4.8-1.9A6 6 0 0 0 12 3Z"})]})},{title:"Community Growth",desc:"Creating local opportunities through entrepreneurship, collaboration, and community-driven growth.",icon:(0,b.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,b.jsx)("circle",{cx:"9",cy:"8",r:"3"}),(0,b.jsx)("path",{d:"M3.5 20c0-3 2.5-5 5.5-5s5.5 2 5.5 5M16 5.5a3 3 0 0 1 0 5.8M20.5 20c0-2.3-1.4-3.9-3.3-4.6"})]})}];function k({eyebrow:a="/ Women Empowerment /",bannerLabel:d="Empowering Women",bannerCopy:f="Doormile empowers women to lead the future of logistics.",ctaLabel:g="Explore more",ctaHref:l="#",heading:m="Women Leading the Way",stats:n=i,cards:o=j}={}){return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("style",{dangerouslySetInnerHTML:{__html:`
|
||
/* ============================================================
|
||
Success Stories — redesigned right column (stats + 2x2 cards)
|
||
Dark section \xb7 red accent #dc2626 / #ef4444 \xb7 Manrope
|
||
============================================================ */
|
||
/* Neutralise the right column's asymmetric 140px left padding so the
|
||
box group can be centered instead of pushed to one side. */
|
||
.elementor-element.elementor-element-b2c956f { padding: 0 !important; }
|
||
|
||
/* Vertically center the two columns so the right content lines up with
|
||
the image instead of needing a big top gap; tighten row gap. */
|
||
.elementor-element.elementor-element-2ed47f3 { align-items: center !important; }
|
||
|
||
/* Animated map background behind the Success Stories content */
|
||
.elementor-element.elementor-element-b6e14bd { position: relative; overflow: hidden; }
|
||
.elementor-element.elementor-element-b6e14bd > .e-con-inner { position: relative; z-index: 1; }
|
||
.ws-map { position: absolute; inset: 0; z-index: 0; opacity: 0.5; pointer-events: none; }
|
||
.ws-map canvas { display: block; }
|
||
|
||
#ws-stories {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 16px;
|
||
width: 100%;
|
||
max-width: 620px;
|
||
margin: 0 auto; /* center the 7 boxes as a group — no negative margins */
|
||
}
|
||
|
||
#ws-stories .ws__stats {
|
||
display: grid;
|
||
grid-template-columns: repeat(3, 1fr);
|
||
gap: 12px;
|
||
}
|
||
#ws-stories .ws__stat {
|
||
background: rgba(255,255,255,0.04);
|
||
border: 1px solid rgba(255,255,255,0.08);
|
||
border-radius: 14px;
|
||
padding: 20px 16px;
|
||
transition: border-color 0.3s ease, background-color 0.3s ease;
|
||
}
|
||
#ws-stories .ws__stat:hover { border-color: rgba(220,38,38,0.28); background: rgba(220,38,38,0.05); }
|
||
#ws-stories .ws__stat-num {
|
||
color: #fff !important;
|
||
font-weight: 900;
|
||
font-size: clamp(28px, 3vw, 38px);
|
||
line-height: 1;
|
||
letter-spacing: -0.01em;
|
||
}
|
||
#ws-stories .ws__stat-num span { color: #dc2626 !important; }
|
||
#ws-stories .ws__stat-label {
|
||
margin-top: 9px;
|
||
color: rgba(255,255,255,0.7) !important;
|
||
font-size: 14px !important;
|
||
font-weight: 700;
|
||
letter-spacing: 0.03em;
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
#ws-stories .ws__cards {
|
||
display: grid;
|
||
grid-template-columns: 1fr 1fr;
|
||
gap: 14px;
|
||
align-items: stretch;
|
||
}
|
||
#ws-stories .ws__card {
|
||
position: relative;
|
||
overflow: hidden;
|
||
display: flex;
|
||
flex-direction: column;
|
||
min-height: 168px;
|
||
background: rgba(255,255,255,0.035);
|
||
border: 1px solid rgba(255,255,255,0.08);
|
||
border-radius: 14px;
|
||
padding: 20px;
|
||
transition: transform 0.35s cubic-bezier(.25,1,.5,1), border-color 0.35s ease, background-color 0.35s ease, box-shadow 0.35s ease;
|
||
}
|
||
#ws-stories .ws__card::after {
|
||
content: '';
|
||
position: absolute;
|
||
top: -45%; left: -25%;
|
||
width: 150px; height: 150px;
|
||
background: radial-gradient(circle, rgba(220,38,38,0.2), transparent 70%);
|
||
opacity: 0;
|
||
transition: opacity 0.35s ease;
|
||
pointer-events: none;
|
||
}
|
||
#ws-stories .ws__card:hover {
|
||
transform: translateY(-4px);
|
||
border-color: rgba(220,38,38,0.3);
|
||
background: rgba(220,38,38,0.05);
|
||
box-shadow: 0 18px 44px -20px rgba(0,0,0,0.7);
|
||
}
|
||
#ws-stories .ws__card:hover::after { opacity: 1; }
|
||
#ws-stories .ws__card-icon {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
width: 40px; height: 40px;
|
||
border-radius: 11px;
|
||
background: rgba(220,38,38,0.12);
|
||
border: 1px solid rgba(220,38,38,0.25);
|
||
color: #ef4444;
|
||
margin-bottom: 16px;
|
||
transition: background-color 0.3s ease, color 0.3s ease;
|
||
}
|
||
#ws-stories .ws__card:hover .ws__card-icon { background: #dc2626; color: #fff; }
|
||
#ws-stories .ws__card-icon svg { width: 21px; height: 21px; }
|
||
#ws-stories .ws__card-title {
|
||
color: #fff !important;
|
||
font-weight: 800;
|
||
font-size: 19px;
|
||
line-height: 1.2;
|
||
letter-spacing: 0;
|
||
margin-bottom: 9px;
|
||
}
|
||
#ws-stories .ws__card-desc {
|
||
max-width: 28ch;
|
||
color: rgba(255,255,255,0.66) !important;
|
||
font-size: 15px;
|
||
line-height: 1.52;
|
||
margin: 0;
|
||
font-weight: 500;
|
||
}
|
||
|
||
/* ---- Floating card sizing: content-driven, not container-driven ----
|
||
Matches the EV Logistics card height proportions exactly by trimming
|
||
red content padding and white footer min-height. */
|
||
.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) {
|
||
.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;
|
||
}
|
||
}
|
||
|
||
.elementor-element-778840d .logico-title {
|
||
white-space: nowrap !important;
|
||
}
|
||
|
||
/* The banner image (bg-header-women.png) is very wide (≈2.48:1) and the
|
||
woman — the subject of this section — sits on the right. On narrow
|
||
screens "cover" center-crops her out, so shift the focal point right
|
||
to keep her face in frame. */
|
||
@media (max-width: 1024px) {
|
||
.elementor-element.elementor-element-7da6646:not(.elementor-motion-effects-element-type-background) {
|
||
background-position: 78% center !important;
|
||
}
|
||
}
|
||
@media (max-width: 767px) {
|
||
.elementor-element.elementor-element-7da6646:not(.elementor-motion-effects-element-type-background) {
|
||
background-position: 82% 25% !important;
|
||
}
|
||
}
|
||
|
||
/* Stack the two columns below the desktop breakpoint so the box group
|
||
always gets full width and stays centered — never clipped. */
|
||
@media (max-width: 1024px) {
|
||
.elementor-element-778840d .logico-title {
|
||
white-space: normal !important;
|
||
}
|
||
.elementor-element.elementor-element-2ed47f3 { grid-template-columns: 1fr !important; }
|
||
#ws-stories { max-width: 640px; margin: 0 auto; }
|
||
/* Align the heading, image and stats/cards to one shared left/right
|
||
edge — the heading + image widgets carried extra inset that left
|
||
them staggered (80px / 70px / 60px) against the stats column. */
|
||
#women-entrepreneurship .elementor-element-36efec7,
|
||
#women-entrepreneurship .elementor-element-b2c956f {
|
||
padding-left: 0 !important;
|
||
padding-right: 0 !important;
|
||
}
|
||
#women-entrepreneurship .elementor-element-778840d,
|
||
#women-entrepreneurship .elementor-element-bbfb67f,
|
||
#women-entrepreneurship .elementor-element-778840d > .elementor-widget-container,
|
||
#women-entrepreneurship .elementor-element-bbfb67f > .elementor-widget-container {
|
||
padding-left: 0 !important;
|
||
padding-right: 0 !important;
|
||
margin-left: 0 !important;
|
||
margin-right: 0 !important;
|
||
}
|
||
}
|
||
|
||
@media (max-width: 767px) {
|
||
#women-entrepreneurship {
|
||
width: calc(100% - 20px) !important;
|
||
margin-left: 10px !important;
|
||
margin-right: 10px !important;
|
||
border-radius: 22px !important;
|
||
padding-left: 0px !important;
|
||
padding-right: 0px !important;
|
||
}
|
||
#women-entrepreneurship .e-con-boxed > .e-con-inner {
|
||
padding-top: 32px !important;
|
||
padding-bottom: 32px !important;
|
||
padding-left: 0 !important;
|
||
padding-right: 0 !important;
|
||
}
|
||
#women-entrepreneurship .elementor-element-8b5d6e6,
|
||
#women-entrepreneurship .elementor-element-b6e14bd,
|
||
#women-entrepreneurship .elementor-element-90cc867,
|
||
#women-entrepreneurship .elementor-element-36efec7,
|
||
#women-entrepreneurship .elementor-element-b2c956f {
|
||
padding-left: 0 !important;
|
||
padding-right: 0 !important;
|
||
margin-left: 0 !important;
|
||
margin-right: 0 !important;
|
||
}
|
||
#women-entrepreneurship .elementor-element-1f766ea {
|
||
width: 100% !important;
|
||
max-width: 100% !important;
|
||
margin-left: auto !important;
|
||
margin-right: auto !important;
|
||
padding-left: 0 !important;
|
||
padding-right: 0 !important;
|
||
}
|
||
#women-entrepreneurship .elementor-element.elementor-element-2ed47f3 {
|
||
padding-left: 0 !important;
|
||
padding-right: 0 !important;
|
||
margin-left: 0 !important;
|
||
margin-right: 0 !important;
|
||
margin-top: 0 !important;
|
||
padding-top: 0 !important;
|
||
gap: 24px !important;
|
||
}
|
||
#women-entrepreneurship .elementor-element-36efec7 {
|
||
margin-top: 0px !important;
|
||
padding-top: 0px !important;
|
||
gap: 0px !important;
|
||
}
|
||
#women-entrepreneurship .elementor-element-24c0280 {
|
||
margin-bottom: 0px !important;
|
||
padding-left: 14px !important;
|
||
padding-right: 14px !important;
|
||
box-sizing: border-box !important;
|
||
}
|
||
#women-entrepreneurship .elementor-element-778840d {
|
||
margin-top: 14px !important;
|
||
margin-bottom: 14px !important;
|
||
padding-top: 0px !important;
|
||
padding-bottom: 0px !important;
|
||
padding-left: 14px !important;
|
||
padding-right: 14px !important;
|
||
box-sizing: border-box !important;
|
||
}
|
||
#women-entrepreneurship .elementor-element-778840d h3.logico-title,
|
||
#women-entrepreneurship .elementor-element-778840d > .elementor-widget-container {
|
||
margin: 0px !important;
|
||
padding: 0px !important;
|
||
}
|
||
#women-entrepreneurship .elementor-element-7da6646 {
|
||
width: calc(100% - 28px) !important;
|
||
margin-left: 14px !important;
|
||
margin-right: 14px !important;
|
||
border-radius: 18px !important;
|
||
min-height: 240px !important;
|
||
margin-top: 15px !important;
|
||
margin-bottom: -50px !important;
|
||
box-sizing: border-box !important;
|
||
}
|
||
#women-entrepreneurship .elementor-element-8b5d6e6 {
|
||
padding-left: 14px !important;
|
||
padding-right: 14px !important;
|
||
margin-left: 0px !important;
|
||
margin-right: 0px !important;
|
||
width: 100% !important;
|
||
max-width: 100% !important;
|
||
box-sizing: border-box !important;
|
||
}
|
||
#women-entrepreneurship .elementor-element-bbfb67f img {
|
||
width: 100% !important;
|
||
}
|
||
#women-entrepreneurship .elementor-element-bbfb67f {
|
||
margin-top: 0px !important;
|
||
margin-bottom: 16px !important;
|
||
padding-left: 14px !important;
|
||
padding-right: 14px !important;
|
||
box-sizing: border-box !important;
|
||
}
|
||
#ws-stories {
|
||
padding-left: 14px !important;
|
||
padding-right: 14px !important;
|
||
box-sizing: border-box !important;
|
||
}
|
||
/* KPI stat cards stack one-per-row on mobile. Inside each card the big
|
||
number sits on the left and the label on the right, vertically
|
||
centered, so every stat reads as a clean full-width row instead of
|
||
three cramped columns. */
|
||
#ws-stories .ws__stats { grid-template-columns: 1fr; gap: 12px; }
|
||
#ws-stories .ws__stat {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
gap: 16px;
|
||
padding: 16px 20px;
|
||
min-width: 0;
|
||
}
|
||
#ws-stories .ws__stat-num { font-size: clamp(30px, 9vw, 40px); }
|
||
#ws-stories .ws__stat-label {
|
||
margin-top: 0;
|
||
font-size: 13px !important;
|
||
letter-spacing: 0.02em;
|
||
text-align: right;
|
||
min-height: 0;
|
||
}
|
||
#ws-stories .ws__cards { grid-template-columns: 1fr; gap: 12px; }
|
||
}
|
||
`}}),(0,b.jsxs)("div",{id:"women-entrepreneurship",className:"elementor-element elementor-element-bbc6760 e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent","data-id":"bbc6760","data-element_type":"container","data-e-type":"container",style:{backgroundColor:"#1f1f1f",width:"calc(100% - 40px)",marginLeft:"20px",marginRight:"20px",borderRadius:"25px"},children:[(0,b.jsx)("div",{className:"elementor-element elementor-element-13a7637 elementor-widget__width-auto elementor-absolute elementor-widget elementor-widget-logico_decorative_block","data-id":"13a7637","data-element_type":"widget","data-e-type":"widget",style:{position:"absolute"},children:(0,b.jsx)("div",{className:"elementor-widget-container",children:(0,b.jsx)("div",{className:"block-decoration animation-enable block-decoration-style-1",children:(0,b.jsx)("div",{className:"block-decoration-item"})})})}),(0,b.jsx)("div",{style:{backgroundImage:"url(/images/bg-header-women.webp)"},className:"elementor-element elementor-element-7da6646 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child","data-id":"7da6646","data-element_type":"container","data-e-type":"container"}),(0,b.jsx)("div",{className:"elementor-element elementor-element-8b5d6e6 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child","data-id":"8b5d6e6","data-element_type":"container","data-e-type":"container",children:(0,b.jsxs)("div",{className:"elementor-element elementor-element-1f766ea e-con-full e-flex cut-corner-no sticky-container-off e-con e-child","data-id":"1f766ea","data-element_type":"container","data-e-type":"container",children:[(0,b.jsxs)("div",{className:"elementor-element elementor-element-3b61435 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child","data-id":"3b61435","data-element_type":"container","data-e-type":"container","data-settings":'{"background_background":"classic"}',children:[(0,b.jsx)("div",{className:"elementor-element elementor-element-c364d1c elementor-widget elementor-widget-text-editor","data-id":"c364d1c","data-element_type":"widget","data-e-type":"widget","data-widget_type":"text-editor.default",children:(0,b.jsx)("div",{className:"elementor-widget-container",children:(0,b.jsx)("p",{children:"01"})})}),(0,b.jsx)("div",{className:"elementor-element elementor-element-239afbb elementor-widget elementor-widget-logico_heading","data-id":"239afbb","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_heading.default",children:(0,b.jsx)("div",{className:"elementor-widget-container",children:(0,b.jsx)("h5",{className:"logico-title",children:d})})}),(0,b.jsx)("div",{className:"elementor-element elementor-element-0d307dd elementor-widget elementor-widget-text-editor","data-id":"0d307dd","data-element_type":"widget","data-e-type":"widget","data-widget_type":"text-editor.default",children:(0,b.jsx)("div",{className:"elementor-widget-container",children:(0,b.jsx)("p",{children:f})})})]}),(0,b.jsx)("div",{className:"elementor-element elementor-element-5aea22e e-con-full e-flex cut-corner-no sticky-container-off e-con e-child","data-id":"5aea22e","data-element_type":"container","data-e-type":"container","data-settings":'{"background_background":"classic"}',children:(0,b.jsx)("div",{className:"elementor-element elementor-element-46b9ffa elementor-widget elementor-widget-logico_button","data-id":"46b9ffa","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_button.default",children:(0,b.jsx)("div",{className:"elementor-widget-container",children:(0,b.jsx)("div",{className:"button-widget",children:(0,b.jsx)("div",{className:"button-container",children:(0,b.jsxs)("a",{href:l,className:"logico-small-button",children:[g,(0,b.jsx)("svg",{viewBox:"0 0 13 20",children:(0,b.jsx)("polyline",{points:"0.5 19.5 3 19.5 12.5 10 3 0.5"})})]})})})})})})]})}),(0,b.jsxs)("div",{className:"elementor-element elementor-element-b6e14bd e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-child","data-id":"b6e14bd","data-element_type":"container","data-e-type":"container","data-settings":'{"background_background":"classic"}',children:[(0,b.jsx)("div",{className:"ws-map","aria-hidden":"true",children:(0,b.jsx)(e.default,{})}),(0,b.jsx)("div",{className:"e-con-inner",children:(0,b.jsxs)("div",{className:"elementor-element elementor-element-90cc867 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child","data-id":"90cc867","data-element_type":"container","data-e-type":"container",children:[(0,b.jsx)("div",{className:"elementor-element elementor-element-24c0280 elementor-widget__width-inherit elementor-widget elementor-widget-logico_heading","data-id":"24c0280","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_heading.default",children:(0,b.jsx)("div",{className:"elementor-widget-container",children:(0,b.jsx)("div",{className:"logico-title",children:a})})}),(0,b.jsxs)("div",{className:"elementor-element elementor-element-2ed47f3 e-con-full e-grid cut-corner-no sticky-container-off e-con e-child","data-id":"2ed47f3","data-element_type":"container","data-e-type":"container",children:[(0,b.jsxs)("div",{className:"elementor-element elementor-element-36efec7 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child","data-id":"36efec7","data-element_type":"container","data-e-type":"container",children:[(0,b.jsx)(c.ScrollReveal,{duration:.8,yOffset:28,triggerOnce:!0,children:(0,b.jsx)("div",{className:"elementor-element elementor-element-778840d elementor-widget elementor-widget-logico_heading","data-id":"778840d","data-element_type":"widget","data-e-type":"widget","data-widget_type":"logico_heading.default",children:(0,b.jsx)("div",{className:"elementor-widget-container",children:(0,b.jsx)("h3",{className:"logico-title",children:m})})})}),(0,b.jsx)("div",{className:"elementor-element elementor-element-bbfb67f elementor-widget elementor-widget-image","data-id":"bbfb67f","data-element_type":"widget","data-e-type":"widget","data-widget_type":"image.default",children:(0,b.jsx)("div",{className:"elementor-widget-container",children:(0,b.jsx)(h.default,{src:"/images/bg-map-women.webp",alt:"Women Map",width:626,height:692,style:{maxWidth:"100%",height:"auto"}})})})]}),(0,b.jsx)("div",{className:"elementor-element elementor-element-b2c956f e-con-full e-flex cut-corner-no sticky-container-off e-con e-child","data-id":"b2c956f","data-element_type":"container","data-e-type":"container",children:(0,b.jsxs)("div",{id:"ws-stories",children:[(0,b.jsx)(c.StaggerChildren,{className:"ws__stats",stagger:.1,duration:.6,yOffset:20,triggerOnce:!0,children:n.map(a=>{let d,e;return(0,b.jsxs)("div",{className:"ws__stat",children:[(0,b.jsxs)("div",{className:"ws__stat-num",children:[(e=(d=a.value.trim().match(/^(\d+(?:\.\d+)?)(.*)$/))?{end:Number(d[1]),suffix:d[2]}:null)?(0,b.jsx)(c.CountUp,{end:e.end,suffix:e.suffix,duration:1.8,triggerOnce:!0}):a.value,(0,b.jsx)("span",{children:a.plus})]}),(0,b.jsx)("div",{className:"ws__stat-label",children:a.label})]},a.label)})}),(0,b.jsx)(c.StaggerChildren,{className:"ws__cards",stagger:.08,duration:.6,yOffset:24,triggerOnce:!0,children:o.map(a=>(0,b.jsxs)("div",{className:"ws__card",children:[(0,b.jsx)("span",{className:"ws__card-icon","aria-hidden":"true",children:a.icon}),(0,b.jsx)("div",{className:"ws__card-title",children:a.title}),(0,b.jsx)("p",{className:"ws__card-desc",children:a.desc})]},a.title))})]})})]})]})})]})]})]})}var l=a.i(95936);let m=[{title:"Venture Launchpad",desc:"Business model validation, market entry strategy, entity formation, and go-to-market execution for women-led logistics enterprises.",type:"Start building"},{title:"Strategic Partnerships",desc:"Direct access to supply chain networks, B2B relationships, industry alliances, and commercial agreements that accelerate growth.",type:"Connect and grow"},{title:"Founder Mentorship",desc:"One-on-one guidance from established entrepreneurs, operators, and investors who understand what it takes to scale.",type:"Learn from builders"},{title:"Growth & Scale",desc:"Operational expansion frameworks, team building, funding readiness, and sustainable unit economics for ventures ready to grow.",type:"Scale with confidence"},{title:"Industry Immersion",desc:"Real exposure to logistics operations, supply chain infrastructure, and distribution networks before founders commit to a vertical.",type:"See the opportunity"}];function n(){return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("style",{dangerouslySetInnerHTML:{__html:`
|
||
.epr-section {
|
||
background: #ffffff;
|
||
padding-top: clamp(28px, 3.2vw, 48px);
|
||
padding-bottom: clamp(78px, 9vw, 132px);
|
||
overflow: visible;
|
||
}
|
||
|
||
.epr-inner {
|
||
max-width: 1380px;
|
||
min-width: 0;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.epr-head {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: flex-start;
|
||
margin-bottom: clamp(54px, 7vw, 86px);
|
||
}
|
||
|
||
.epr-head-reveal {
|
||
width: 100%;
|
||
}
|
||
|
||
.epr-divider {
|
||
width: 100%;
|
||
height: 1px;
|
||
margin: 18px 0 clamp(24px, 3.5vw, 40px) 0;
|
||
border: none;
|
||
background-color: rgba(17, 17, 17, 0.14);
|
||
}
|
||
|
||
.epr-eyebrow {
|
||
font-size: 13px;
|
||
font-weight: 800;
|
||
letter-spacing: 2.4px;
|
||
text-transform: uppercase;
|
||
color: rgba(17, 17, 17, 0.42);
|
||
}
|
||
|
||
.epr-title {
|
||
max-width: 950px;
|
||
font-size: clamp(42px, 6.2vw, 88px) !important;
|
||
font-weight: 800 !important;
|
||
letter-spacing: -0.055em !important;
|
||
line-height: 0.98 !important;
|
||
text-transform: uppercase !important;
|
||
color: #111111 !important;
|
||
margin: 0;
|
||
}
|
||
|
||
.epr-stage {
|
||
display: grid;
|
||
grid-template-columns: minmax(300px, 0.38fr) minmax(0, 0.62fr);
|
||
gap: clamp(32px, 5vw, 78px);
|
||
/* stretch (not start): .epr-aside-wrap must span the full row
|
||
height — the tall Programs column's implicit-row height — so it
|
||
defines the sticky travel distance. The visual box no longer
|
||
lives here, so stretching this item no longer distorts it. */
|
||
align-items: stretch;
|
||
min-width: 0;
|
||
}
|
||
|
||
.epr-stage > * {
|
||
min-width: 0;
|
||
}
|
||
|
||
/* Responsibility split (desktop sticky architecture):
|
||
.epr-aside-wrap — plain grid item, stretched to the full
|
||
Programs-list row height. Defines travel
|
||
distance. No sizing responsibility of its
|
||
own beyond that.
|
||
.epr-aside-sticky — owns position: sticky. Its height is
|
||
explicitly clamped to the viewport
|
||
(100dvh minus header clearance and a
|
||
bottom safe-margin), so it can never grow
|
||
taller than what's actually visible —
|
||
the tall min-height that previously fought
|
||
the sticky top offset is gone entirely.
|
||
.epr-aside — the visual composition (ghost number, map,
|
||
heading, paragraph). Fills the sticky
|
||
frame's height and arranges its existing
|
||
content inside it; owns the decorative
|
||
bleed clipping (overflow: hidden). */
|
||
.epr-aside-wrap {
|
||
min-width: 0;
|
||
}
|
||
|
||
.epr-aside-sticky {
|
||
/* 132px clears the site header's fixed state (~122px tall once
|
||
scrolled) with a small margin; only grows on very tall
|
||
viewports. This is viewport-height-derived, NOT content-height
|
||
derived — unlike the old top formula, it never has to react to
|
||
how tall the aside's own content happens to be. */
|
||
--epr-sticky-top: clamp(132px, 12dvh, 160px);
|
||
--epr-sticky-bottom-safe: 28px;
|
||
position: sticky;
|
||
top: var(--epr-sticky-top);
|
||
height: calc(100dvh - var(--epr-sticky-top) - var(--epr-sticky-bottom-safe));
|
||
min-height: 0;
|
||
min-width: 0;
|
||
/* Lets the visual composition react to the frame's OWN resolved
|
||
height (container query below) rather than guessing from the
|
||
viewport or the write-up's vw-based type scale. */
|
||
container-type: size;
|
||
container-name: epr-frame;
|
||
}
|
||
|
||
.epr-aside {
|
||
--epr-aside-pad-t: clamp(18px, 3vw, 34px);
|
||
--epr-aside-pad-b: clamp(24px, 3.5vw, 42px);
|
||
position: relative;
|
||
height: 100%;
|
||
min-width: 0;
|
||
min-height: 0;
|
||
padding: var(--epr-aside-pad-t) 0 var(--epr-aside-pad-b);
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: center;
|
||
overflow: hidden;
|
||
color: #111111;
|
||
}
|
||
|
||
.epr-aside-map {
|
||
position: absolute;
|
||
inset: 8% -22% 8% -28%;
|
||
z-index: 0;
|
||
opacity: 0.22;
|
||
pointer-events: none;
|
||
}
|
||
|
||
.epr-aside-map canvas {
|
||
display: block;
|
||
}
|
||
|
||
.epr-aside-content {
|
||
position: relative;
|
||
z-index: 1;
|
||
display: grid;
|
||
gap: clamp(18px, 2.2vw, 28px);
|
||
}
|
||
|
||
.epr-aside-num {
|
||
position: relative;
|
||
font-size: clamp(164px, 17vw, 300px);
|
||
font-weight: 900;
|
||
line-height: 0.78;
|
||
letter-spacing: -0.06em;
|
||
color: transparent;
|
||
-webkit-text-stroke: 2px rgba(200, 16, 46, 0.2);
|
||
}
|
||
|
||
.epr-aside-copy {
|
||
position: relative;
|
||
max-width: 12ch;
|
||
font-size: clamp(30px, 3.6vw, 56px);
|
||
font-weight: 800;
|
||
line-height: 0.98;
|
||
letter-spacing: -0.055em;
|
||
text-transform: uppercase;
|
||
color: #111111;
|
||
margin: 0;
|
||
}
|
||
|
||
.epr-aside-copy em {
|
||
font-style: normal;
|
||
color: #c8102e;
|
||
}
|
||
|
||
.epr-aside-desc {
|
||
position: relative;
|
||
max-width: 34ch;
|
||
font-size: 15.5px;
|
||
line-height: 1.65;
|
||
color: rgba(17, 17, 17, 0.58);
|
||
margin: 0;
|
||
}
|
||
|
||
/* Constrained-frame fallback: the sticky frame is short (short
|
||
desktop viewport height), so the decorative ghost number/map
|
||
shrink first — spacing second — while the heading and paragraph
|
||
stay full size and fully visible, per spec. Placed after the base
|
||
.epr-aside-num/-content/-map rules so it wins the cascade at
|
||
matching container sizes (equal selector specificity; source
|
||
order decides). */
|
||
@container epr-frame (max-height: 660px) {
|
||
.epr-aside { padding-top: clamp(12px, 1.8vw, 22px); padding-bottom: clamp(16px, 2.2vw, 26px); }
|
||
.epr-aside-content { gap: clamp(12px, 1.6vw, 20px); }
|
||
.epr-aside-num { font-size: clamp(90px, 11vw, 180px); }
|
||
}
|
||
|
||
@container epr-frame (max-height: 560px) {
|
||
.epr-aside { padding-top: clamp(8px, 1.2vw, 14px); padding-bottom: clamp(10px, 1.6vw, 18px); }
|
||
.epr-aside-content { gap: clamp(6px, 1vw, 12px); }
|
||
.epr-aside-num { font-size: clamp(48px, 7vw, 100px); }
|
||
.epr-aside-map { opacity: 0.14; }
|
||
}
|
||
|
||
.epr-list {
|
||
display: grid;
|
||
gap: clamp(28px, 4vw, 52px);
|
||
}
|
||
|
||
.epr-row {
|
||
display: grid;
|
||
grid-template-columns: 110px minmax(0, 1fr);
|
||
gap: clamp(22px, 4vw, 58px);
|
||
padding-bottom: clamp(28px, 4vw, 52px);
|
||
border-bottom: 1px solid rgba(17, 17, 17, 0.14);
|
||
}
|
||
|
||
.epr-row:nth-child(even) {
|
||
margin-left: clamp(0px, 7vw, 96px);
|
||
}
|
||
|
||
.epr-row-index {
|
||
font-size: clamp(38px, 4.2vw, 62px);
|
||
font-weight: 900;
|
||
line-height: 1;
|
||
letter-spacing: -0.05em;
|
||
color: #c8102e;
|
||
}
|
||
|
||
.epr-row-featured {
|
||
padding: clamp(28px, 4vw, 44px) clamp(24px, 3vw, 40px);
|
||
background: #09090b;
|
||
border-radius: 22px;
|
||
border-bottom: none;
|
||
margin-bottom: clamp(28px, 4vw, 52px);
|
||
}
|
||
|
||
.epr-row-featured .epr-row-index {
|
||
color: rgba(255, 255, 255, 0.22);
|
||
-webkit-text-stroke: 1.5px rgba(255, 255, 255, 0.5);
|
||
}
|
||
|
||
.epr-row-featured .epr-row-title {
|
||
font-size: clamp(32px, 4vw, 64px) !important;
|
||
color: #ffffff !important;
|
||
}
|
||
|
||
.epr-row-featured .epr-row-desc {
|
||
color: rgba(255, 255, 255, 0.62);
|
||
}
|
||
|
||
.epr-row-flag {
|
||
display: inline-block;
|
||
font-size: 12px;
|
||
font-weight: 800;
|
||
letter-spacing: 1.3px;
|
||
text-transform: uppercase;
|
||
color: #ffffff;
|
||
background: #c8102e;
|
||
padding: 6px 14px;
|
||
border-radius: 100px;
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
.epr-row-type {
|
||
display: block;
|
||
font-size: 12px;
|
||
font-weight: 800;
|
||
letter-spacing: 1.7px;
|
||
text-transform: uppercase;
|
||
color: rgba(17, 17, 17, 0.42);
|
||
margin-bottom: 14px;
|
||
}
|
||
|
||
.epr-row-featured .epr-row-type {
|
||
color: rgba(255, 255, 255, 0.42);
|
||
}
|
||
|
||
.epr-row-title {
|
||
font-size: clamp(28px, 3.4vw, 52px) !important;
|
||
font-weight: 800 !important;
|
||
letter-spacing: -0.045em !important;
|
||
line-height: 1.02 !important;
|
||
text-transform: uppercase !important;
|
||
color: #111111 !important;
|
||
margin: 0 0 14px 0;
|
||
}
|
||
|
||
.epr-row-desc {
|
||
max-width: 660px;
|
||
font-size: 15.5px;
|
||
line-height: 1.65;
|
||
color: rgba(17, 17, 17, 0.58);
|
||
margin: 0;
|
||
}
|
||
|
||
.epr-cta {
|
||
margin-top: clamp(48px, 6vw, 72px);
|
||
}
|
||
|
||
.epr-cta-link {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 10px;
|
||
font-size: 15px;
|
||
font-weight: 800;
|
||
color: #111111 !important;
|
||
text-decoration: none !important;
|
||
border-bottom: 1.5px solid rgba(17, 17, 17, 0.2);
|
||
padding-bottom: 5px;
|
||
transition: border-color 0.3s ease, color 0.3s ease;
|
||
}
|
||
|
||
.epr-cta-link:hover {
|
||
color: #c8102e !important;
|
||
border-color: #c8102e;
|
||
}
|
||
|
||
/* Laptop: sticky stays enabled, just a narrower gutter. */
|
||
@media (max-width: 1180px) {
|
||
.epr-stage { grid-template-columns: minmax(220px, 0.34fr) minmax(0, 0.66fr); gap: clamp(28px, 4vw, 46px); }
|
||
.epr-row:nth-child(even) { margin-left: 0; }
|
||
}
|
||
|
||
/* Tablet: sticky disabled — the aside scrolls in normal flow instead
|
||
of pinning, since there's no longer enough vertical runway next to
|
||
the (now narrower, shorter) program list for pinning to read well. */
|
||
@media (max-width: 1023px) {
|
||
.epr-aside-sticky {
|
||
position: relative;
|
||
top: auto;
|
||
height: auto;
|
||
container-type: normal;
|
||
}
|
||
}
|
||
|
||
@media (max-width: 767px) {
|
||
.epr-stage { grid-template-columns: 1fr; }
|
||
.epr-aside {
|
||
position: relative;
|
||
top: auto;
|
||
min-height: 300px;
|
||
padding-top: 4px;
|
||
padding-bottom: clamp(24px, 7vw, 38px);
|
||
}
|
||
.epr-aside-map {
|
||
inset: -8% -18% 0 -20%;
|
||
opacity: 0.18;
|
||
}
|
||
.epr-aside-content {
|
||
gap: 20px;
|
||
}
|
||
.epr-aside-num {
|
||
font-size: clamp(128px, 34vw, 180px);
|
||
}
|
||
.epr-aside-copy {
|
||
max-width: 11ch;
|
||
font-size: clamp(34px, 10vw, 48px);
|
||
}
|
||
.epr-aside-desc {
|
||
max-width: 32ch;
|
||
font-size: 14.5px;
|
||
}
|
||
}
|
||
|
||
@media (max-width: 640px) {
|
||
.epr-section { padding-top: 28px; padding-bottom: 54px; }
|
||
.epr-title {
|
||
font-size: clamp(34px, 10vw, 40px) !important;
|
||
letter-spacing: -0.045em !important;
|
||
overflow-wrap: anywhere;
|
||
}
|
||
.epr-row-title {
|
||
font-size: clamp(27px, 8.5vw, 36px) !important;
|
||
overflow-wrap: anywhere;
|
||
}
|
||
.epr-row { grid-template-columns: 1fr; gap: 12px; }
|
||
}
|
||
`}}),(0,b.jsx)("section",{className:"epr-section",id:"wings-empowerment-programs",children:(0,b.jsx)("div",{className:"dm-section-container",children:(0,b.jsxs)("div",{className:"epr-inner",children:[(0,b.jsxs)("div",{className:"epr-head",children:[(0,b.jsxs)(c.ScrollReveal,{delay:.05,duration:.75,yOffset:20,className:"epr-head-reveal",children:[(0,b.jsx)("div",{className:"epr-eyebrow",children:"/ Entrepreneurship Pillars /"}),(0,b.jsx)("hr",{className:"epr-divider"})]}),(0,b.jsx)(c.ScrollReveal,{delay:.1,duration:.85,yOffset:24,children:(0,b.jsx)("h2",{className:"epr-title",children:"Every pillar is built around ownership."})})]}),(0,b.jsxs)("div",{className:"epr-stage",children:[(0,b.jsx)("div",{className:"epr-aside-wrap",children:(0,b.jsx)("div",{className:"epr-aside-sticky",children:(0,b.jsxs)("aside",{className:"epr-aside",children:[(0,b.jsx)("div",{className:"epr-aside-map","aria-hidden":"true",children:(0,b.jsx)(e.default,{})}),(0,b.jsxs)(c.ScrollReveal,{delay:.05,duration:.8,yOffset:24,className:"epr-aside-content",children:[(0,b.jsx)("div",{className:"epr-aside-num",children:"05"}),(0,b.jsxs)("p",{className:"epr-aside-copy",children:["Building tomorrow’s ",(0,b.jsx)("em",{children:"women entrepreneurs."})]}),(0,b.jsx)("p",{className:"epr-aside-desc",children:"Every enterprise starts with one decision. Our pillars move women from idea to ownership through mentorship, real industry partnerships, and hands-on venture building across the logistics ecosystem."})]})]})})}),(0,b.jsxs)("div",{children:[(0,b.jsx)(c.ScrollReveal,{delay:.1,duration:.8,yOffset:24,children:(0,b.jsx)("div",{className:"epr-list",children:m.map((a,c)=>(0,b.jsxs)("article",{className:`epr-row${0===c?" epr-row-featured":""}`,children:[(0,b.jsx)("div",{className:"epr-row-index",children:String(c+1).padStart(2,"0")}),(0,b.jsxs)("div",{children:[0===c&&(0,b.jsx)("span",{className:"epr-row-flag",children:"Where most founders begin"}),(0,b.jsx)("span",{className:"epr-row-type",children:a.type}),(0,b.jsx)("h3",{className:"epr-row-title",children:a.title}),(0,b.jsx)("p",{className:"epr-row-desc",children:a.desc})]})]},a.title))})}),(0,b.jsx)("div",{className:"epr-cta",children:(0,b.jsxs)(l.default,{href:"/contact",className:"epr-cta-link",children:["Start your venture",(0,b.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.25",strokeLinecap:"round",strokeLinejoin:"round",children:(0,b.jsx)("path",{d:"M5 12h14M13 6l6 6-6 6"})})]})})]})]})]})})})]})}let o=[{end:100,suffix:"+",label:"Enterprises Launched",isCount:!0},{end:25,suffix:"+",label:"Industry Partners",isCount:!0},{end:15,suffix:"+",label:"Cities Active",isCount:!0},{value:"Millions",label:"In Economic Value Created",isCount:!1}];function p(){return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("style",{dangerouslySetInnerHTML:{__html:`
|
||
.eim-section {
|
||
position: relative;
|
||
width: calc(100% - 40px);
|
||
margin: clamp(24px, 4vw, 40px) auto;
|
||
border-radius: 28px;
|
||
overflow: hidden;
|
||
box-sizing: border-box;
|
||
background: #09090b;
|
||
padding: clamp(64px, 8vw, 100px) clamp(24px, 5vw, 48px);
|
||
}
|
||
|
||
.eim-inner {
|
||
position: relative;
|
||
z-index: 1;
|
||
max-width: 1380px;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.eim-eyebrow {
|
||
font-size: 13px;
|
||
font-weight: 800;
|
||
letter-spacing: 2.5px;
|
||
text-transform: uppercase;
|
||
color: #c8102e;
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.eim-title {
|
||
font-size: clamp(28px, 3.4vw, 46px) !important;
|
||
font-weight: 800 !important;
|
||
letter-spacing: -0.03em !important;
|
||
line-height: 1.15 !important;
|
||
text-transform: none !important;
|
||
color: #ffffff !important;
|
||
margin: 0 0 clamp(32px, 4vw, 48px) 0;
|
||
}
|
||
|
||
.eim-divider {
|
||
border: none;
|
||
border-top: 1px solid rgba(255, 255, 255, 0.12);
|
||
margin: 0 0 clamp(40px, 5vw, 56px) 0;
|
||
}
|
||
|
||
.eim-hero-row {
|
||
display: flex;
|
||
align-items: flex-end;
|
||
gap: clamp(20px, 3vw, 36px);
|
||
margin-bottom: clamp(48px, 6vw, 72px);
|
||
}
|
||
|
||
.eim-hero-num {
|
||
font-size: clamp(90px, 13vw, 190px);
|
||
font-weight: 800;
|
||
line-height: 0.85;
|
||
letter-spacing: -0.03em;
|
||
color: transparent;
|
||
-webkit-text-stroke: 2px #c8102e;
|
||
}
|
||
|
||
.eim-hero-label {
|
||
font-size: 13px;
|
||
font-weight: 700;
|
||
letter-spacing: 1.5px;
|
||
text-transform: uppercase;
|
||
color: rgba(255, 255, 255, 0.55);
|
||
max-width: 90px;
|
||
line-height: 1.4;
|
||
padding-bottom: clamp(12px, 1.5vw, 24px);
|
||
}
|
||
|
||
.eim-divider-2 {
|
||
border: none;
|
||
border-top: 1px solid rgba(255, 255, 255, 0.12);
|
||
margin: 0 0 clamp(40px, 5vw, 56px) 0;
|
||
}
|
||
|
||
.eim-secondary-row {
|
||
display: grid;
|
||
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||
}
|
||
|
||
.eim-secondary-item {
|
||
padding-right: 24px;
|
||
border-left: 1px solid rgba(255, 255, 255, 0.12);
|
||
padding-left: 24px;
|
||
}
|
||
|
||
.eim-secondary-item:first-child {
|
||
border-left: none;
|
||
padding-left: 0;
|
||
}
|
||
|
||
.eim-secondary-num {
|
||
display: block;
|
||
font-size: clamp(32px, 3vw, 44px);
|
||
font-weight: 800;
|
||
color: #ff5470;
|
||
letter-spacing: -0.02em;
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.eim-secondary-label {
|
||
font-size: 13px;
|
||
font-weight: 600;
|
||
color: rgba(255, 255, 255, 0.5);
|
||
line-height: 1.4;
|
||
}
|
||
|
||
.eim-copy {
|
||
max-width: 720px;
|
||
margin-top: clamp(48px, 6vw, 72px);
|
||
font-size: 15.5px;
|
||
line-height: 1.7;
|
||
color: rgba(255, 255, 255, 0.55);
|
||
}
|
||
|
||
@media (max-width: 1024px) {
|
||
.eim-section { width: calc(100% - 24px); border-radius: 22px; }
|
||
}
|
||
|
||
@media (max-width: 700px) {
|
||
.eim-hero-row { align-items: flex-start; flex-direction: column; gap: 12px; }
|
||
.eim-hero-label { padding-bottom: 0; max-width: none; }
|
||
.eim-secondary-row { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 28px; }
|
||
.eim-secondary-item:nth-child(3) { border-left: none; padding-left: 0; }
|
||
}
|
||
|
||
@media (max-width: 460px) {
|
||
.eim-section { padding-top: 48px; padding-bottom: 48px; }
|
||
}
|
||
`}}),(0,b.jsx)("section",{className:"eim-section",id:"wings-empowerment-impact",children:(0,b.jsxs)("div",{className:"eim-inner dm-section-container",children:[(0,b.jsxs)(c.ScrollReveal,{delay:.05,duration:.75,yOffset:20,children:[(0,b.jsx)("div",{className:"eim-eyebrow",children:"/ Our Impact /"}),(0,b.jsx)("h2",{className:"eim-title",children:"Growth we can measure"})]}),(0,b.jsx)("hr",{className:"eim-divider"}),(0,b.jsxs)(c.ScrollReveal,{delay:.08,duration:.8,yOffset:20,className:"eim-hero-row",children:[(0,b.jsx)("span",{className:"eim-hero-num",children:(0,b.jsx)(c.CountUp,{end:500,suffix:"+",duration:2.2,triggerOnce:!0})}),(0,b.jsx)("span",{className:"eim-hero-label",children:"Women-Led Enterprises In The Ecosystem"})]}),(0,b.jsx)("hr",{className:"eim-divider-2"}),(0,b.jsx)(c.ScrollReveal,{delay:.1,duration:.8,yOffset:20,children:(0,b.jsx)("div",{className:"eim-secondary-row",children:o.map(a=>(0,b.jsxs)("div",{className:"eim-secondary-item",children:[(0,b.jsx)("span",{className:"eim-secondary-num",children:a.isCount?(0,b.jsx)(c.CountUp,{end:a.end,suffix:a.suffix,duration:2,triggerOnce:!0}):a.value}),(0,b.jsx)("span",{className:"eim-secondary-label",children:a.label})]},a.label))})}),(0,b.jsx)(c.ScrollReveal,{delay:.12,duration:.75,yOffset:20,className:"eim-copy",children:(0,b.jsx)("p",{children:"Every number on this page represents a woman who walked into a room with an idea and walked out with a business. An enterprise launched, a partnership secured, a market entered — each is a marker of real economic impact, not a statistic collected for its own sake."})})]})})]})}let q=[{step:"01",title:"Apply",desc:"Submit your venture idea and tell us about your entrepreneurial vision."},{step:"02",title:"Discovery",desc:"Identify the right market opportunity and validate your business model."},{step:"03",title:"Build",desc:"Develop your enterprise with ecosystem support, mentorship, and partnerships."},{step:"04",title:"Launch",desc:"Go to market with strategic backing, industry connections, and operational infrastructure."},{step:"05",title:"Scale",desc:"Grow your team, expand operations, and lead your enterprise to sustainable impact."}];function r(){return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("style",{dangerouslySetInnerHTML:{__html:`
|
||
.ehw-section {
|
||
background: #ffffff;
|
||
padding: var(--space-section-lg, 80px) 0 calc(var(--space-section-lg, 80px) + 32px) 0;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.ehw-inner {
|
||
max-width: 1380px;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.ehw-head {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: flex-start;
|
||
margin-bottom: clamp(126px, calc(7vw + 60px), 172px);
|
||
}
|
||
|
||
.ehw-head-reveal {
|
||
width: 100%;
|
||
}
|
||
|
||
.ehw-divider {
|
||
width: 100%;
|
||
height: 1px;
|
||
margin: 18px 0 clamp(24px, 3.5vw, 40px) 0;
|
||
border: none;
|
||
background-color: rgba(17, 17, 17, 0.14);
|
||
}
|
||
|
||
.ehw-eyebrow {
|
||
font-size: 13px;
|
||
font-weight: 800;
|
||
letter-spacing: 2.4px;
|
||
text-transform: uppercase;
|
||
color: rgba(17, 17, 17, 0.42);
|
||
}
|
||
|
||
.ehw-title {
|
||
max-width: 820px;
|
||
font-size: clamp(32px, 4vw, 54px) !important;
|
||
font-weight: 800 !important;
|
||
letter-spacing: -0.03em !important;
|
||
line-height: 1.08 !important;
|
||
text-transform: none !important;
|
||
color: #111111 !important;
|
||
margin: 0 !important;
|
||
}
|
||
|
||
/* ----------------------------------------------------------------
|
||
Premium editorial process row: five milestones in a single
|
||
sequence, separated by thin hairline dividers (no cards, no
|
||
shadows, no boxed containers). One flex-wrap sequence with
|
||
responsive flex-basis handles the composition at every size —
|
||
5-across on desktop, 3 + 2 (centered) on tablet, a single
|
||
vertical column on mobile — from one shared markup.
|
||
---------------------------------------------------------------- */
|
||
.ehw-sequence {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
justify-content: center;
|
||
--ehw-gap: clamp(24px, 2.6vw, 48px);
|
||
column-gap: var(--ehw-gap);
|
||
row-gap: clamp(48px, 6vw, 84px);
|
||
}
|
||
|
||
.ehw-step {
|
||
position: relative;
|
||
flex: 0 1 calc((100% - 4 * var(--ehw-gap)) / 5);
|
||
min-width: 168px;
|
||
padding-left: clamp(20px, 2vw, 32px);
|
||
border-left: 1px solid rgba(17, 17, 17, 0.14);
|
||
transition: border-color 0.3s ease;
|
||
}
|
||
|
||
.ehw-step:first-child {
|
||
border-left: none;
|
||
padding-left: 0;
|
||
}
|
||
|
||
.ehw-step:hover {
|
||
border-left-color: rgba(200, 16, 46, 0.4);
|
||
}
|
||
|
||
.ehw-step-num {
|
||
font-size: clamp(48px, 4.6vw, 78px);
|
||
font-weight: 900;
|
||
line-height: 0.84;
|
||
letter-spacing: -0.03em;
|
||
color: transparent;
|
||
-webkit-text-stroke: 1.5px rgba(17, 17, 17, 0.24);
|
||
margin: 0 0 18px 0;
|
||
transition: -webkit-text-stroke-color 0.3s ease;
|
||
}
|
||
|
||
.ehw-step.is-accent .ehw-step-num {
|
||
-webkit-text-stroke: 1.5px rgba(200, 16, 46, 0.58);
|
||
}
|
||
|
||
.ehw-step-kicker {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 7px;
|
||
margin-bottom: 18px;
|
||
}
|
||
|
||
.ehw-step-kicker svg {
|
||
width: 13px;
|
||
height: 13px;
|
||
color: rgba(17, 17, 17, 0.36);
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.ehw-step-kicker span {
|
||
font-size: 11px;
|
||
font-weight: 800;
|
||
letter-spacing: 2px;
|
||
text-transform: uppercase;
|
||
color: rgba(17, 17, 17, 0.4);
|
||
}
|
||
|
||
.ehw-step.is-accent .ehw-step-kicker svg,
|
||
.ehw-step.is-accent .ehw-step-kicker span {
|
||
color: #c8102e;
|
||
}
|
||
|
||
.ehw-step-title {
|
||
font-size: clamp(18px, 1.4vw, 22px) !important;
|
||
font-weight: 800 !important;
|
||
letter-spacing: -0.02em !important;
|
||
line-height: 1.2 !important;
|
||
text-transform: none !important;
|
||
color: #111111 !important;
|
||
margin: 0 0 22px 0;
|
||
}
|
||
|
||
.ehw-step-desc {
|
||
max-width: 27ch;
|
||
font-size: 14px;
|
||
line-height: 1.6;
|
||
color: rgba(17, 17, 17, 0.55);
|
||
margin: 0;
|
||
}
|
||
|
||
/* Tablet: 3 + 2, centered — sever the divider at the start of each row. */
|
||
@media (max-width: 1100px) {
|
||
.ehw-step {
|
||
flex-basis: calc((100% - 2 * var(--ehw-gap)) / 3);
|
||
}
|
||
.ehw-step:nth-child(4) {
|
||
border-left: none;
|
||
padding-left: 0;
|
||
}
|
||
}
|
||
|
||
/* Mobile: compact numbered editorial index — number in a narrow
|
||
left column, title/description/divider sharing one right
|
||
content column, laid out on the existing milestone markup via
|
||
CSS Grid (no duplicated JSX, no new step markup). */
|
||
@media (max-width: 640px) {
|
||
.ehw-head {
|
||
margin-bottom: clamp(40px, 10vw, 56px);
|
||
}
|
||
|
||
.ehw-sequence {
|
||
row-gap: 0;
|
||
}
|
||
|
||
.ehw-step {
|
||
display: grid;
|
||
grid-template-columns: 48px minmax(0, 1fr);
|
||
column-gap: 14px;
|
||
flex-basis: 100%;
|
||
padding-left: 0;
|
||
padding-top: clamp(28px, 8vw, 36px);
|
||
border-left: none;
|
||
border-top: none;
|
||
}
|
||
|
||
.ehw-step:first-child {
|
||
padding-top: 0;
|
||
}
|
||
|
||
/* Compact solid index number — replaces the oversized pale
|
||
outline treatment used on desktop/tablet. */
|
||
.ehw-step-num {
|
||
grid-column: 1;
|
||
grid-row: 1;
|
||
align-self: start;
|
||
font-size: clamp(32px, 9vw, 40px);
|
||
line-height: 1;
|
||
color: #c8102e;
|
||
-webkit-text-stroke: 0;
|
||
margin: 0;
|
||
}
|
||
|
||
/* Hidden completely — no reserved gap left in its place since a
|
||
display:none grid item takes no track space. */
|
||
.ehw-step-kicker {
|
||
display: none;
|
||
}
|
||
|
||
.ehw-step-title {
|
||
grid-column: 2;
|
||
grid-row: 1;
|
||
font-size: clamp(22px, 6vw, 26px) !important;
|
||
}
|
||
|
||
.ehw-step-desc {
|
||
grid-column: 2;
|
||
grid-row: 2;
|
||
max-width: none;
|
||
font-size: 16px;
|
||
}
|
||
|
||
/* Divider lives inside the description box (content column
|
||
only), so it never runs underneath the number column. */
|
||
.ehw-step-desc::after {
|
||
content: "";
|
||
display: block;
|
||
margin-top: clamp(24px, 6vw, 28px);
|
||
height: 1px;
|
||
background-color: rgba(17, 17, 17, 0.14);
|
||
}
|
||
|
||
.ehw-step:last-child .ehw-step-desc::after {
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
/* ---- Mobile title-to-description gap fix ----
|
||
.ehw-step-title is an <h3>, so it's matched by a global,
|
||
unscoped site.css rule (.logico-front-end h3:not(...) { margin:
|
||
0 0 30px }) that outranks this component's own single-class
|
||
".ehw-step-title { margin: 0 0 22px }" by specificity — bumping
|
||
the real margin-bottom to 30px everywhere, not just here. There
|
||
is no min-height, space-between, or fixed row height anywhere in
|
||
this component; the gap is purely that extra 8px of margin
|
||
reading as oversized once every other element around it (kicker,
|
||
description line-height) is tightly spaced. Overridden with
|
||
!important, matching how every other property on this selector
|
||
already has to defeat the same global rule. Scoped to mobile
|
||
only, per spec — desktop/tablet are left exactly as they were
|
||
(still resolving to the global 30px; out of scope here). */
|
||
@media (max-width: 767px) {
|
||
.ehw-step-title {
|
||
margin-bottom: 16px !important;
|
||
}
|
||
}
|
||
|
||
@media (max-width: 480px) {
|
||
.ehw-section { padding-top: 48px; padding-bottom: 68px; }
|
||
}
|
||
`}}),(0,b.jsx)("section",{className:"ehw-section",id:"wings-empowerment-how-it-works",children:(0,b.jsx)("div",{className:"dm-section-container",children:(0,b.jsxs)("div",{className:"ehw-inner",children:[(0,b.jsxs)("div",{className:"ehw-head",children:[(0,b.jsxs)(c.ScrollReveal,{delay:.05,duration:.75,yOffset:20,className:"ehw-head-reveal",children:[(0,b.jsx)("div",{className:"ehw-eyebrow",children:"/ The Founder Journey /"}),(0,b.jsx)("hr",{className:"ehw-divider"})]}),(0,b.jsx)(c.ScrollReveal,{delay:.1,duration:.85,yOffset:24,children:(0,b.jsx)("h2",{className:"ehw-title",children:"A clear path, from idea to enterprise"})})]}),(0,b.jsx)(c.StaggerChildren,{className:"ehw-sequence",stagger:.12,duration:.7,yOffset:30,triggerOnce:!0,children:q.map((a,c)=>(0,b.jsxs)("div",{className:`ehw-step${2===c?" is-accent":""}`,children:[(0,b.jsx)("div",{className:"ehw-step-num",children:a.step}),(0,b.jsxs)("div",{className:"ehw-step-kicker","aria-hidden":"true",children:[(0,b.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,b.jsx)("path",{d:"M7 17 17 7M9 7h8v8"})}),(0,b.jsx)("span",{children:"Step"})]}),(0,b.jsx)("h3",{className:"ehw-step-title",children:a.title}),(0,b.jsx)("p",{className:"ehw-step-desc",children:a.desc})]},a.step))})]})})})]})}function s(){return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("style",{dangerouslySetInnerHTML:{__html:`
|
||
.est-section {
|
||
position: relative;
|
||
background: #ffffff;
|
||
padding-top: clamp(24px, 3vw, 48px);
|
||
padding-bottom: clamp(78px, 9vw, 132px);
|
||
overflow: hidden;
|
||
}
|
||
|
||
.est-inner {
|
||
max-width: 1380px;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.est-head {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: flex-start;
|
||
margin-bottom: clamp(54px, 7vw, 86px);
|
||
}
|
||
|
||
.est-head-reveal {
|
||
width: 100%;
|
||
}
|
||
|
||
.est-divider {
|
||
width: 100%;
|
||
height: 1px;
|
||
margin: 18px 0 clamp(24px, 3.5vw, 40px) 0;
|
||
border: none;
|
||
background-color: rgba(17, 17, 17, 0.14);
|
||
}
|
||
|
||
.est-eyebrow {
|
||
font-size: 13px;
|
||
font-weight: 800;
|
||
letter-spacing: 2.4px;
|
||
text-transform: uppercase;
|
||
color: rgba(17, 17, 17, 0.42);
|
||
}
|
||
|
||
.est-title {
|
||
max-width: 940px;
|
||
font-size: clamp(42px, 6.3vw, 90px) !important;
|
||
font-weight: 800 !important;
|
||
letter-spacing: -0.055em !important;
|
||
line-height: 0.98 !important;
|
||
text-transform: uppercase !important;
|
||
color: #111111 !important;
|
||
margin: 0;
|
||
}
|
||
|
||
.est-feature {
|
||
display: grid;
|
||
grid-template-columns: minmax(0, 0.94fr) minmax(340px, 0.64fr);
|
||
gap: clamp(28px, 4vw, 62px);
|
||
align-items: stretch;
|
||
margin-bottom: clamp(44px, 6vw, 76px);
|
||
}
|
||
|
||
.est-photo {
|
||
position: relative;
|
||
min-height: clamp(460px, 48vw, 680px);
|
||
border-radius: 26px;
|
||
overflow: hidden;
|
||
background: #09090b;
|
||
}
|
||
|
||
.est-photo img {
|
||
object-fit: cover;
|
||
object-position: center;
|
||
}
|
||
|
||
.est-photo::after {
|
||
content: "";
|
||
position: absolute;
|
||
inset: 0;
|
||
background: linear-gradient(180deg, rgba(9, 9, 11, 0) 34%, rgba(9, 9, 11, 0.72) 100%);
|
||
pointer-events: none;
|
||
}
|
||
|
||
.est-photo-caption {
|
||
position: absolute;
|
||
left: clamp(24px, 3vw, 42px);
|
||
right: clamp(24px, 3vw, 42px);
|
||
bottom: clamp(24px, 3vw, 42px);
|
||
z-index: 1;
|
||
color: #ffffff;
|
||
}
|
||
|
||
.est-photo-caption span {
|
||
display: block;
|
||
font-size: 12px;
|
||
font-weight: 800;
|
||
letter-spacing: 1.7px;
|
||
text-transform: uppercase;
|
||
color: rgba(255, 255, 255, 0.6);
|
||
margin-bottom: 8px;
|
||
}
|
||
|
||
.est-photo-caption strong {
|
||
display: block;
|
||
font-size: clamp(24px, 3vw, 42px);
|
||
font-weight: 900;
|
||
line-height: 1.02;
|
||
letter-spacing: -0.04em;
|
||
}
|
||
|
||
.est-copy {
|
||
border-radius: 26px;
|
||
background: #09090b;
|
||
color: #ffffff;
|
||
padding: clamp(34px, 5vw, 62px);
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: space-between;
|
||
overflow: hidden;
|
||
position: relative;
|
||
}
|
||
|
||
.est-copy::before {
|
||
content: "";
|
||
position: absolute;
|
||
width: 320px;
|
||
height: 320px;
|
||
right: -120px;
|
||
top: -120px;
|
||
background: radial-gradient(circle, rgba(200, 16, 46, 0.42), transparent 68%);
|
||
pointer-events: none;
|
||
}
|
||
|
||
.est-quote-mark {
|
||
position: relative;
|
||
font-family: Georgia, serif;
|
||
font-size: 92px;
|
||
line-height: 0.8;
|
||
color: #c8102e;
|
||
display: block;
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.est-quote-text {
|
||
position: relative;
|
||
font-size: clamp(25px, 3vw, 44px);
|
||
font-weight: 800;
|
||
line-height: 1.12;
|
||
letter-spacing: -0.04em;
|
||
color: #ffffff;
|
||
margin: 0 0 28px 0;
|
||
}
|
||
|
||
.est-narrative {
|
||
position: relative;
|
||
font-size: 15.5px;
|
||
line-height: 1.68;
|
||
color: rgba(255, 255, 255, 0.66);
|
||
margin: 0;
|
||
max-width: 46ch;
|
||
}
|
||
|
||
.est-person {
|
||
position: relative;
|
||
padding-top: clamp(38px, 5vw, 64px);
|
||
}
|
||
|
||
.est-person-name {
|
||
font-size: 18px;
|
||
font-weight: 900;
|
||
color: #ffffff;
|
||
}
|
||
|
||
.est-person-role {
|
||
font-size: 13.5px;
|
||
color: rgba(255, 255, 255, 0.52);
|
||
margin-top: 3px;
|
||
}
|
||
|
||
.est-list-label {
|
||
font-size: 12px;
|
||
font-weight: 800;
|
||
letter-spacing: 1.8px;
|
||
text-transform: uppercase;
|
||
color: rgba(17, 17, 17, 0.42);
|
||
padding-top: clamp(24px, 3vw, 38px);
|
||
border-top: 1px solid rgba(17, 17, 17, 0.14);
|
||
margin-bottom: clamp(20px, 3vw, 30px);
|
||
}
|
||
|
||
.est-list {
|
||
display: flex;
|
||
gap: 18px;
|
||
overflow-x: auto;
|
||
scroll-snap-type: x mandatory;
|
||
padding-bottom: 12px;
|
||
margin-bottom: clamp(6px, 1vw, 10px);
|
||
-webkit-overflow-scrolling: touch;
|
||
}
|
||
|
||
.est-list::-webkit-scrollbar {
|
||
height: 4px;
|
||
}
|
||
|
||
.est-list::-webkit-scrollbar-thumb {
|
||
background: rgba(17, 17, 17, 0.18);
|
||
border-radius: 100px;
|
||
}
|
||
|
||
.est-row {
|
||
scroll-snap-align: start;
|
||
flex: 0 0 clamp(260px, 30vw, 340px);
|
||
min-height: 220px;
|
||
padding: clamp(24px, 2.6vw, 32px);
|
||
border: 1px solid rgba(17, 17, 17, 0.14);
|
||
border-radius: 20px;
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: space-between;
|
||
transition: border-color 0.3s ease, transform 0.3s ease;
|
||
}
|
||
|
||
.est-row:hover {
|
||
border-color: rgba(200, 16, 46, 0.4);
|
||
transform: translateY(-4px);
|
||
}
|
||
|
||
.est-row-name {
|
||
font-size: 20px;
|
||
font-weight: 900;
|
||
color: #111111;
|
||
}
|
||
|
||
.est-row-role {
|
||
font-size: 13px;
|
||
font-weight: 800;
|
||
letter-spacing: 1.4px;
|
||
text-transform: uppercase;
|
||
color: #c8102e;
|
||
margin-top: 6px;
|
||
}
|
||
|
||
.est-row-line {
|
||
font-size: 15px;
|
||
line-height: 1.6;
|
||
color: rgba(17, 17, 17, 0.62);
|
||
margin: 28px 0 0;
|
||
}
|
||
|
||
@media (max-width: 1000px) {
|
||
.est-head,
|
||
.est-feature { grid-template-columns: 1fr; }
|
||
.est-row {
|
||
min-height: 0;
|
||
flex-basis: 78vw;
|
||
}
|
||
}
|
||
|
||
@media (max-width: 640px) {
|
||
.est-section { padding-top: 54px; padding-bottom: 6px; }
|
||
/* .est-feature's margin-bottom (clamp(44px, 6vw, 76px)) was sized
|
||
to precede an .est-list testimonial row block that no longer
|
||
exists in this component's JSX. Since .est-feature is now the
|
||
section's last child, that margin was pure dead space stacking
|
||
on top of .est-section's own padding-bottom above — the real
|
||
source of the oversized mobile gap before the next section. */
|
||
.est-feature { margin-bottom: 0; }
|
||
.est-title {
|
||
font-size: clamp(34px, 10vw, 40px) !important;
|
||
letter-spacing: -0.045em !important;
|
||
overflow-wrap: anywhere;
|
||
}
|
||
.est-quote-text {
|
||
font-size: clamp(25px, 8vw, 34px);
|
||
overflow-wrap: anywhere;
|
||
}
|
||
.est-photo,
|
||
.est-copy { border-radius: 20px; }
|
||
.est-photo { min-height: 420px; }
|
||
}
|
||
`}}),(0,b.jsx)("section",{className:"est-section",id:"wings-empowerment-stories",children:(0,b.jsx)("div",{className:"dm-section-container",children:(0,b.jsxs)("div",{className:"est-inner",children:[(0,b.jsxs)("div",{className:"est-head",children:[(0,b.jsxs)(c.ScrollReveal,{delay:.05,duration:.75,yOffset:20,className:"est-head-reveal",children:[(0,b.jsx)("div",{className:"est-eyebrow",children:"/ Women in Motion /"}),(0,b.jsx)("hr",{className:"est-divider"})]}),(0,b.jsx)(c.ScrollReveal,{delay:.1,duration:.85,yOffset:24,children:(0,b.jsx)("h2",{className:"est-title",children:"Small steps. Lasting careers."})})]}),(0,b.jsxs)("div",{className:"est-feature",children:[(0,b.jsxs)(c.ScrollReveal,{delay:.05,duration:.85,yOffset:24,className:"est-photo",children:[(0,b.jsx)(h.default,{src:"/images/women-hero-slider-3.png",alt:"A Wings program participant on the operations floor at a Doormile logistics hub",fill:!0,sizes:"(max-width: 1000px) 100vw, 58vw",style:{objectPosition:"80% 22%"}}),(0,b.jsxs)("div",{className:"est-photo-caption",children:[(0,b.jsx)("span",{children:"Wings Participant"}),(0,b.jsx)("strong",{children:" building a career, one milestone at a time."})]})]}),(0,b.jsx)(c.ScrollReveal,{delay:.12,duration:.85,yOffset:24,className:"est-copy",children:(0,b.jsxs)("div",{children:[(0,b.jsx)("span",{className:"est-quote-mark","aria-hidden":"true",children:"“"}),(0,b.jsx)("p",{className:"est-quote-text",children:"I came in looking for a way forward. I found the confidence to lead."}),(0,b.jsx)("p",{className:"est-narrative",children:"She started with limited exposure to logistics. Through structured training, mentorship, and hands-on experience, she built real operational skills — and now supports other women stepping into the industry."})]})})]})]})})})]})}let t=[{title:"Industry Partners",desc:"Strategic alliances with logistics operators, supply chain leaders, and distribution networks that open doors for women-led enterprises."},{title:"Technology Partners",desc:"Platforms, tools, and infrastructure that give founders the operational edge to compete and scale efficiently."},{title:"Community Networks",desc:"Founder communities, women's business networks, and ecosystem builders who extend reach and amplify impact."},{title:"Investment Partners",desc:"Funding access, grant programs, angel networks, and capital partners aligned with women-led enterprise growth."}];function u(){return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("style",{dangerouslySetInnerHTML:{__html:`
|
||
.epn-section {
|
||
position: relative;
|
||
width: calc(100% - 40px);
|
||
margin: clamp(24px, 4vw, 40px) auto;
|
||
border-radius: 28px;
|
||
overflow: hidden;
|
||
box-sizing: border-box;
|
||
background: #09090b;
|
||
padding: clamp(68px, 8vw, 112px) 0;
|
||
}
|
||
|
||
.epn-section::before {
|
||
content: "";
|
||
position: absolute;
|
||
inset: 0;
|
||
background:
|
||
linear-gradient(120deg, rgba(9, 9, 11, 0.98) 0%, rgba(9, 9, 11, 0.88) 54%, rgba(192, 18, 39, 0.18) 100%),
|
||
url("/images/wings-heroslider3.png");
|
||
background-size: cover;
|
||
background-position: center 70%;
|
||
opacity: 1;
|
||
}
|
||
|
||
.epn-inner {
|
||
position: relative;
|
||
z-index: 1;
|
||
max-width: 1380px;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.epn-head {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: flex-start;
|
||
margin-bottom: clamp(50px, 7vw, 84px);
|
||
}
|
||
|
||
.epn-head-reveal {
|
||
width: 100%;
|
||
}
|
||
|
||
.epn-divider {
|
||
width: 100%;
|
||
height: 1px;
|
||
margin: 18px 0 clamp(24px, 3.5vw, 40px) 0;
|
||
border: none;
|
||
background-color: rgba(255, 255, 255, 0.16);
|
||
}
|
||
|
||
.epn-eyebrow {
|
||
font-size: 13px;
|
||
font-weight: 800;
|
||
letter-spacing: 2.5px;
|
||
text-transform: uppercase;
|
||
color: rgba(255, 255, 255, 0.52);
|
||
}
|
||
|
||
.epn-title {
|
||
max-width: 930px;
|
||
font-size: clamp(42px, 6.3vw, 90px) !important;
|
||
font-weight: 800 !important;
|
||
letter-spacing: -0.055em !important;
|
||
line-height: 0.98 !important;
|
||
text-transform: uppercase !important;
|
||
color: #ffffff !important;
|
||
margin: 0;
|
||
}
|
||
|
||
.epn-title em {
|
||
color: #ff5470;
|
||
font-style: normal;
|
||
}
|
||
|
||
.epn-body {
|
||
display: grid;
|
||
grid-template-columns: minmax(280px, 0.46fr) minmax(0, 1fr);
|
||
gap: clamp(32px, 5vw, 72px);
|
||
align-items: stretch;
|
||
}
|
||
|
||
.epn-manifesto {
|
||
border-left: 4px solid #c8102e;
|
||
padding-left: clamp(22px, 3vw, 36px);
|
||
align-self: start;
|
||
}
|
||
|
||
.epn-intro {
|
||
font-size: clamp(22px, 2.5vw, 36px);
|
||
font-weight: 800;
|
||
line-height: 1.12;
|
||
letter-spacing: -0.035em;
|
||
color: #ffffff;
|
||
margin: 0 0 22px;
|
||
}
|
||
|
||
.epn-note {
|
||
font-size: 15.5px;
|
||
line-height: 1.68;
|
||
color: rgba(255, 255, 255, 0.62);
|
||
margin: 0;
|
||
max-width: 38ch;
|
||
}
|
||
|
||
.epn-grid {
|
||
display: flex;
|
||
flex-direction: column;
|
||
border-top: 1px solid rgba(255, 255, 255, 0.16);
|
||
}
|
||
|
||
.epn-card {
|
||
position: relative;
|
||
display: grid;
|
||
grid-template-columns: 70px minmax(0, 1fr) 32px;
|
||
align-items: center;
|
||
gap: clamp(18px, 3vw, 40px);
|
||
padding: clamp(22px, 2.6vw, 32px) clamp(4px, 1vw, 16px);
|
||
border-bottom: 1px solid rgba(255, 255, 255, 0.16);
|
||
border-left: 2px solid transparent;
|
||
transition: border-color 0.3s ease, padding-left 0.3s ease, background-color 0.3s ease;
|
||
}
|
||
|
||
.epn-card:hover {
|
||
border-left-color: #c8102e;
|
||
background: rgba(200, 16, 46, 0.06);
|
||
padding-left: clamp(20px, 2.5vw, 32px);
|
||
}
|
||
|
||
.epn-card-index {
|
||
font-size: 15px;
|
||
font-weight: 900;
|
||
color: rgba(255, 255, 255, 0.35);
|
||
}
|
||
|
||
.epn-card-title {
|
||
font-size: clamp(22px, 2.2vw, 30px) !important;
|
||
font-weight: 900 !important;
|
||
line-height: 1.1 !important;
|
||
letter-spacing: -0.03em !important;
|
||
text-transform: none !important;
|
||
color: #ffffff !important;
|
||
margin: 0 0 8px;
|
||
}
|
||
|
||
.epn-card-desc {
|
||
max-width: 46ch;
|
||
font-size: 14.5px;
|
||
line-height: 1.6;
|
||
color: rgba(255, 255, 255, 0.58);
|
||
margin: 0;
|
||
}
|
||
|
||
.epn-card-arrow {
|
||
display: flex;
|
||
color: rgba(255, 255, 255, 0.3);
|
||
transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), color 0.3s ease;
|
||
}
|
||
|
||
.epn-card:hover .epn-card-arrow {
|
||
transform: translateX(4px);
|
||
color: #ff5470;
|
||
}
|
||
|
||
.epn-cta {
|
||
margin-top: clamp(42px, 5vw, 64px);
|
||
}
|
||
|
||
.epn-cta-btn {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 10px;
|
||
padding: 16px 36px;
|
||
border-radius: 100px;
|
||
background: #c01227;
|
||
color: #ffffff !important;
|
||
font-weight: 800;
|
||
font-size: 15px;
|
||
text-decoration: none !important;
|
||
transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease;
|
||
}
|
||
|
||
.epn-cta-btn:hover {
|
||
transform: translateY(-3px);
|
||
box-shadow: 0 14px 30px rgba(192, 18, 39, 0.35);
|
||
}
|
||
|
||
@media (max-width: 1024px) {
|
||
.epn-section { width: calc(100% - 24px); border-radius: 22px; }
|
||
}
|
||
|
||
@media (max-width: 900px) {
|
||
.epn-head,
|
||
.epn-body { grid-template-columns: 1fr; }
|
||
}
|
||
|
||
@media (max-width: 700px) {
|
||
.epn-title {
|
||
font-size: clamp(34px, 10vw, 40px) !important;
|
||
letter-spacing: -0.045em !important;
|
||
overflow-wrap: anywhere;
|
||
}
|
||
.epn-card {
|
||
grid-template-columns: 44px minmax(0, 1fr);
|
||
}
|
||
.epn-card-arrow { display: none; }
|
||
}
|
||
|
||
@media (max-width: 460px) {
|
||
.epn-section { padding-top: 54px; padding-bottom: 54px; }
|
||
}
|
||
`}}),(0,b.jsx)("section",{className:"epn-section",id:"wings-empowerment-partners",children:(0,b.jsx)("div",{className:"dm-section-container",children:(0,b.jsxs)("div",{className:"epn-inner",children:[(0,b.jsxs)("div",{className:"epn-head",children:[(0,b.jsxs)(c.ScrollReveal,{delay:.05,duration:.75,yOffset:20,className:"epn-head-reveal",children:[(0,b.jsx)("div",{className:"epn-eyebrow",children:"/ Collaboration /"}),(0,b.jsx)("hr",{className:"epn-divider"})]}),(0,b.jsx)(c.ScrollReveal,{delay:.1,duration:.85,yOffset:24,children:(0,b.jsxs)("h2",{className:"epn-title",children:["Partnership is how ",(0,b.jsx)("em",{children:"ecosystems grow."})]})})]}),(0,b.jsxs)("div",{className:"epn-body",children:[(0,b.jsxs)(c.ScrollReveal,{delay:.08,duration:.8,yOffset:22,className:"epn-manifesto",children:[(0,b.jsx)("p",{className:"epn-intro",children:"The strongest ecosystems are built by many hands."}),(0,b.jsx)("p",{className:"epn-note",children:"Wings partners bring industry access, strategic infrastructure, capital, and networks. Together, we build the foundation women-led enterprises need to thrive."})]}),(0,b.jsx)(c.ScrollReveal,{delay:.12,duration:.8,yOffset:22,children:(0,b.jsx)("div",{className:"epn-grid",children:t.map((a,c)=>(0,b.jsxs)("article",{className:"epn-card",children:[(0,b.jsx)("span",{className:"epn-card-index",children:String(c+1).padStart(2,"0")}),(0,b.jsxs)("div",{children:[(0,b.jsx)("h3",{className:"epn-card-title",children:a.title}),(0,b.jsx)("p",{className:"epn-card-desc",children:a.desc})]}),(0,b.jsx)("span",{className:"epn-card-arrow","aria-hidden":"true",children:(0,b.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.25",strokeLinecap:"round",strokeLinejoin:"round",children:(0,b.jsx)("path",{d:"M5 12h14M13 6l6 6-6 6"})})})]},a.title))})})]})]})})})]})}function v(){return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("style",{dangerouslySetInnerHTML:{__html:`
|
||
.emp-cta-wrap {
|
||
width: calc(100% - 40px);
|
||
margin: clamp(24px, 4vw, 40px) auto clamp(40px, 5vw, 64px);
|
||
}
|
||
|
||
.emp-cta {
|
||
position: relative;
|
||
overflow: hidden;
|
||
border-radius: 28px;
|
||
min-height: clamp(480px, 48vw, 680px);
|
||
background: #09090b;
|
||
display: flex;
|
||
align-items: flex-end;
|
||
}
|
||
|
||
.emp-cta::before {
|
||
content: "";
|
||
position: absolute;
|
||
inset: 0;
|
||
background-image:
|
||
linear-gradient(180deg, rgba(9, 9, 11, 0.18) 0%, rgba(9, 9, 11, 0.52) 48%, rgba(9, 9, 11, 0.96) 100%),
|
||
linear-gradient(90deg, rgba(9, 9, 11, 0.88) 0%, rgba(9, 9, 11, 0.35) 58%, rgba(9, 9, 11, 0.12) 100%),
|
||
url("/images/bg-header-women.webp");
|
||
background-size: cover;
|
||
background-position: center;
|
||
transform: scale(1.02);
|
||
}
|
||
|
||
.emp-cta-inner {
|
||
position: relative;
|
||
z-index: 1;
|
||
max-width: 1380px;
|
||
width: 100%;
|
||
margin: 0 auto;
|
||
padding: clamp(46px, 7vw, 88px) clamp(24px, 5vw, 64px);
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.emp-cta-recap {
|
||
display: flex;
|
||
gap: clamp(28px, 4vw, 52px);
|
||
margin-bottom: clamp(28px, 4vw, 44px);
|
||
padding-bottom: clamp(24px, 3vw, 36px);
|
||
border-bottom: 1px solid rgba(255, 255, 255, 0.16);
|
||
}
|
||
|
||
.emp-cta-recap-item {
|
||
display: flex;
|
||
align-items: baseline;
|
||
gap: 10px;
|
||
}
|
||
|
||
.emp-cta-recap-num {
|
||
font-size: clamp(22px, 2.4vw, 32px);
|
||
font-weight: 900;
|
||
letter-spacing: -0.02em;
|
||
color: transparent;
|
||
-webkit-text-stroke: 1.3px rgba(255, 255, 255, 0.85);
|
||
}
|
||
|
||
.emp-cta-recap-label {
|
||
font-size: 12px;
|
||
font-weight: 700;
|
||
letter-spacing: 0.6px;
|
||
color: rgba(255, 255, 255, 0.5);
|
||
}
|
||
|
||
.emp-cta-kicker {
|
||
font-size: 13px;
|
||
font-weight: 900;
|
||
letter-spacing: 2.4px;
|
||
text-transform: uppercase;
|
||
color: #ff5470;
|
||
margin-bottom: 22px;
|
||
}
|
||
|
||
.emp-cta-title {
|
||
max-width: 980px;
|
||
color: #ffffff !important;
|
||
font-size: clamp(44px, 7vw, 108px) !important;
|
||
font-weight: 900 !important;
|
||
line-height: 0.95 !important;
|
||
letter-spacing: -0.06em !important;
|
||
text-transform: uppercase !important;
|
||
margin: 0 0 clamp(24px, 3vw, 34px);
|
||
}
|
||
|
||
.emp-cta-title em {
|
||
color: #ff5470;
|
||
font-style: normal;
|
||
}
|
||
|
||
.emp-cta-bottom {
|
||
display: block;
|
||
max-width: 1120px;
|
||
}
|
||
|
||
.emp-cta-sub {
|
||
max-width: 620px;
|
||
font-size: 16px;
|
||
line-height: 1.68;
|
||
color: rgba(255, 255, 255, 0.68);
|
||
margin: 0;
|
||
}
|
||
|
||
@media (max-width: 1024px) {
|
||
.emp-cta-wrap { width: calc(100% - 24px); }
|
||
.emp-cta { border-radius: 22px; }
|
||
}
|
||
|
||
@media (max-width: 760px) {
|
||
.emp-cta { min-height: 600px; }
|
||
.emp-cta::before { background-position: 76% center; }
|
||
.emp-cta-title {
|
||
font-size: clamp(36px, 11vw, 44px) !important;
|
||
letter-spacing: -0.05em !important;
|
||
overflow-wrap: anywhere;
|
||
}
|
||
.emp-cta-recap { flex-wrap: wrap; row-gap: 14px; }
|
||
}
|
||
`}}),(0,b.jsx)("div",{className:"emp-cta-wrap",children:(0,b.jsx)("section",{className:"emp-cta","aria-labelledby":"empowerment-final-cta",children:(0,b.jsxs)("div",{className:"emp-cta-inner",children:[(0,b.jsxs)("div",{className:"emp-cta-recap",children:[(0,b.jsxs)("div",{className:"emp-cta-recap-item",children:[(0,b.jsx)("span",{className:"emp-cta-recap-num",children:"500+"}),(0,b.jsx)("span",{className:"emp-cta-recap-label",children:"Women Founders"})]}),(0,b.jsxs)("div",{className:"emp-cta-recap-item",children:[(0,b.jsx)("span",{className:"emp-cta-recap-num",children:"100+"}),(0,b.jsx)("span",{className:"emp-cta-recap-label",children:"Enterprises Launched"})]}),(0,b.jsxs)("div",{className:"emp-cta-recap-item",children:[(0,b.jsx)("span",{className:"emp-cta-recap-num",children:"25+"}),(0,b.jsx)("span",{className:"emp-cta-recap-label",children:"Industry Partners"})]})]}),(0,b.jsx)("div",{className:"emp-cta-kicker",children:"/ Build the next mile /"}),(0,b.jsxs)("h2",{className:"emp-cta-title",id:"empowerment-final-cta",children:["Build what’s ",(0,b.jsx)("em",{children:"next."})]}),(0,b.jsx)("div",{className:"emp-cta-bottom",children:(0,b.jsx)("p",{className:"emp-cta-sub",children:"Join Doormile Wings in building the entrepreneurial ecosystem where women launch, grow, and lead enterprises that create lasting value across logistics."})})]})})})]})}let w=[{value:"500",plus:"+",label:"Women Founders"},{value:"35",plus:"+",label:"Cities Active"},{value:"100",plus:"+",label:"Enterprises Launched"}],x=[{title:"Venture Building",desc:"End-to-end support for women launching logistics enterprises — from ideation to market entry.",icon:(0,b.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,b.jsx)("path",{d:"M4 19V5"}),(0,b.jsx)("path",{d:"M4 7h12l-2 4 2 4H4"}),(0,b.jsx)("path",{d:"M18 19h2"})]})},{title:"Entrepreneurship",desc:"Women building, owning, and scaling sustainable businesses within the logistics ecosystem.",icon:(0,b.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,b.jsx)("rect",{x:"3",y:"7",width:"18",height:"13",rx:"2"}),(0,b.jsx)("path",{d:"M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M3 12h18"})]})},{title:"Founder Networks",desc:"Peer communities and strategic connections that accelerate growth and open new markets.",icon:(0,b.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,b.jsx)("circle",{cx:"8",cy:"8",r:"3"}),(0,b.jsx)("circle",{cx:"16",cy:"8",r:"3"}),(0,b.jsx)("path",{d:"M2.5 20c.7-3.1 2.8-5 5.5-5s4.8 1.9 5.5 5"}),(0,b.jsx)("path",{d:"M10.5 20c.7-3.1 2.8-5 5.5-5s4.8 1.9 5.5 5"})]})},{title:"Enterprise Leadership",desc:"Strategic decision-making, operational excellence, and vision-driven leadership for women founders.",icon:(0,b.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,b.jsx)("circle",{cx:"12",cy:"9",r:"5"}),(0,b.jsx)("path",{d:"M9 13.5 7.5 21 12 18l4.5 3-1.5-7.5"})]})}];a.s(["default",0,function(){return(0,b.jsx)("div",{id:"empowerment",className:"content-wrapper content-wrapper-may-contain-elementor-code content-wrapper-sidebar-position-none",children:(0,b.jsx)("div",{className:"content",children:(0,b.jsx)("div",{className:"content-inner",children:(0,b.jsxs)("div",{"data-elementor-type":"wp-page","data-elementor-id":"86",className:"elementor elementor-86 elementor-59 elementor-empowerment",children:[(0,b.jsx)(d,{}),(0,b.jsx)(f,{}),(0,b.jsx)(g,{}),(0,b.jsx)(k,{eyebrow:"/ Women Empowerment /",bannerLabel:"Women Entrepreneurship",bannerCopy:"An ecosystem where women build, own, and scale enterprises across logistics.",ctaLabel:"Explore the ecosystem",ctaHref:"#wings-empowerment-programs",heading:"Women Building The Next Mile",stats:w,cards:x}),(0,b.jsx)(n,{}),(0,b.jsx)(p,{}),(0,b.jsx)(r,{}),(0,b.jsx)(s,{}),(0,b.jsx)(u,{}),(0,b.jsx)(v,{})]})})})})},"metadata",0,{title:"Doormile Wings — Women Entrepreneurship Initiative",description:"Doormile Wings empowers women to build, own, and lead enterprises within the logistics ecosystem through strategic partnerships, founder networks, and entrepreneurial infrastructure.",alternates:{canonical:"https://doormile.com/empowerment"},openGraph:{title:"Doormile Wings — Women Entrepreneurship Initiative",description:"An entrepreneurial ecosystem empowering women to launch, grow, and lead logistics enterprises with strategic partnerships and industry collaboration.",url:"https://doormile.com/empowerment",siteName:"Doormile",type:"website",images:[{url:"https://doormile.com/images/wings-logo.png",width:1200,height:630,alt:"Doormile Wings — Women Entrepreneurship Initiative"}]},twitter:{card:"summary_large_image",title:"Doormile Wings — Women Entrepreneurship Initiative",description:"An entrepreneurial ecosystem empowering women to launch, grow, and lead logistics enterprises with strategic partnerships and industry collaboration.",images:["https://doormile.com/images/wings-logo.png"]}}],33741)},89179,a=>{a.n(a.i(33741))}];
|
||
|
||
//# sourceMappingURL=src_07wjkqu._.js.map
|