Updated women leading the way section

This commit is contained in:
R-Bharathraj
2026-05-26 14:20:01 +05:30
parent 7f71527e85
commit 66c7e11e48
69 changed files with 48372 additions and 17397 deletions

View File

@@ -0,0 +1,168 @@
<section id="comparison" class="comparison-section">
<div class="container">
<div class="section-header">
<span class="section-tag">Competitive Edge</span>
<h2 class="section-title">Where Doormile Sits And Why It Wins</h2>
<p class="section-desc">A side-by-side technical capabilities comparison showing how operational fleet ownership and dynamic AI planning disrupt basic aggregators.</p>
</div>
<div class="comparison-layout">
<!-- Comparison matrix Table -->
<div class="table-wrapper">
<table class="comparison-table">
<thead>
<tr>
<th>Capability</th>
<th class="col-highlight">Doormile</th>
<th>Aggregators</th>
<th>Local Couriers</th>
<th>Software Platforms</th>
</tr>
</thead>
<tbody>
<tr class="table-row-hover">
<td class="capability-cell">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="1" y="3" width="15" height="13"></rect><polygon points="16 8 20 8 23 11 23 16 16 16 16 8"></polygon><circle cx="5.5" cy="18.5" r="2.5"></circle><circle cx="18.5" cy="18.5" r="2.5"></circle></svg>
Owned fleet control
</td>
<td class="col-highlight"><span class="yes-badge"> Yes</span></td>
<td class="no-text">No</td>
<td class="partial-text">Yes</td>
<td class="no-text">No</td>
</tr>
<tr class="table-row-hover">
<td class="capability-cell">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"></path><path d="M12 6v6l4 2"></path></svg>
Dynamic routing & dispatch
</td>
<td class="col-highlight"><span class="advanced-badge"> Advanced</span></td>
<td class="partial-text">Basic</td>
<td class="no-text">No</td>
<td class="partial-text">Advanced</td>
</tr>
<tr class="table-row-hover">
<td class="capability-cell">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon></svg>
EV-aware planning
</td>
<td class="col-highlight"><span class="yes-badge"> Yes</span></td>
<td class="no-text">No</td>
<td class="no-text">No</td>
<td class="no-text">No</td>
</tr>
<tr class="table-row-hover">
<td class="capability-cell">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h32a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
Documentation & proof trail
</td>
<td class="col-highlight"><span class="yes-badge"> Yes</span></td>
<td class="partial-text">Partial</td>
<td class="no-text">No</td>
<td class="partial-text">Yes</td>
</tr>
<tr class="table-row-hover">
<td class="capability-cell">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>
Real-time tracking
</td>
<td class="col-highlight"><span class="yes-badge"> Yes</span></td>
<td class="partial-text">Yes</td>
<td class="no-text">No</td>
<td class="partial-text">Yes</td>
</tr>
<tr class="table-row-hover">
<td class="capability-cell">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path></svg>
Verified handling
</td>
<td class="col-highlight"><span class="yes-badge"> Yes</span></td>
<td class="no-text">No</td>
<td class="partial-text">Partial</td>
<td class="no-text">No</td>
</tr>
<tr class="table-row-hover">
<td class="capability-cell">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h38s-3-2-3-9"></path><path d="M13.73 21a2 2 0 0 1-3.46 0"></path></svg>
Hyperlocal learning
</td>
<td class="col-highlight"><span class="yes-badge"> Yes</span></td>
<td class="no-text">No</td>
<td class="no-text">No</td>
<td class="no-text">No</td>
</tr>
<tr class="table-row-hover">
<td class="capability-cell">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="22" y1="12" x2="18" y2="12"></line><line x1="6" y1="12" x2="2" y2="12"></line><line x1="12" y1="6" x2="12" y2="2"></line><line x1="12" y1="22" x2="12" y2="18"></line></svg>
SLA accountability
</td>
<td class="col-highlight"><span class="advanced-badge"> High</span></td>
<td class="no-text">Low</td>
<td class="partial-text">Medium</td>
<td class="no-text">Low</td>
</tr>
</tbody>
</table>
</div>
<!-- Strategic Moat Side cards -->
<div class="moat-panel">
<div class="moat-header-section">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
<rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect>
<path d="M7 11V7a5 5 0 0 1 10 0v4"></path>
</svg>
<h5>Strategic Moat</h5>
</div>
<div class="moat-list">
<!-- Accordion Card 1 -->
<div class="moat-card active" data-index="0">
<div class="moat-card-title">
Ownership &gt; Aggregation
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
<polyline points="9 18 15 12 9 6"></polyline>
</svg>
</div>
<div class="moat-card-content">
End-to-end control of the fleet eliminates delivery partner dependency and ensures highly predictable quality parameters and consistent operational delivery.
</div>
</div>
<!-- Accordion Card 2 -->
<div class="moat-card" data-index="1">
<div class="moat-card-title">
Intelligence &gt; Manual Ops
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
<polyline points="9 18 15 12 9 6"></polyline>
</svg>
</div>
<div class="moat-card-content">
Native algorithmic optimization drives every routing and dispatch decision at scale, removing human cognitive bottlenecking and localized dispatcher delays.
</div>
</div>
<!-- Accordion Card 3 -->
<div class="moat-card" data-index="2">
<div class="moat-card-title">
Trust &gt; Transactions
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
<polyline points="9 18 15 12 9 6"></polyline>
</svg>
</div>
<div class="moat-card-content">
Verified handling and transparent digital chain-of-custody trails build enterprise-grade credibility, protecting delicate logistics consignments.
</div>
</div>
</div>
<!-- Highlighted callout banner -->
<div class="moat-banner">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
<polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
</svg>
<span>Doormile combines operational ownership with algorithmic optimization and trusted delivery execution.</span>
</div>
</div>
</div>
</div>
</section>

View File

@@ -0,0 +1,21 @@
<div class="we-container">
<div class="we-cta reveal">
<div class="we-cta-inner">
<h2 class="we-cta-title">Ready to Start<br><em>Your Journey?</em></h2>
<p class="we-cta-sub">Join our Women Entrepreneurship program and become part of <br>
India's fastest-growing logistics network.</p>
<div class="we-cta-btns">
<a href="#" class="btn-we-primary" style="text-decoration: none;">
Apply Now
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
<line x1="5" y1="12" x2="19" y2="12" />
<polyline points="12 5 19 12 12 19" />
</svg>
</a>
<!-- <a href="#" class="btn-we-outline">Learn More</a> -->
</div>
</div>
</div>
</div>

View File

@@ -0,0 +1,229 @@
<section id="hero" class="roadmap-hero-section">
<!-- Concentric crimson vector curves background -->
<div class="crimson-arc-bg"></div>
<div class="crimson-arc-bg inner"></div>
<div class="container">
<!-- Screen Header Bar -->
<div class="screen-header-bar">
<div class="alt-pills">
<span class="alt-pill active" id="alt-pill-1">ALT 1: The AI Pulse Layer for Urban India</span>
<span class="alt-pill" id="alt-pill-2">ALT 2: The Neural Backbone of City Logistics</span>
</div>
<!-- Capsule Logo with white background -->
<!-- <div class="logo-capsule-wrap">
<div class="logo-capsule-bg">
<svg viewBox="0 0 240 50" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="logoRedGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#ff2a5f" />
<stop offset="100%" stop-color="#e2001a" />
</linearGradient>
</defs>
<path d="M15 12C15 7 19 3 24 3H38C44 3 49 8 49 14V34C49 40 44 45 38 45H24C19 45 15 41 15 36V12Z" fill="none" stroke="url(#logoRedGrad)" stroke-width="4.5"/>
<circle cx="32" cy="24" r="7" fill="url(#logoRedGrad)"/>
<path d="M30 24H35M35 24L33 21M35 24L33 27" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<text x="60" y="34" font-family="'Outfit', sans-serif" font-weight="800" font-size="28" fill="#e2001a">Door</text>
<text x="127" y="34" font-family="'Outfit', sans-serif" font-weight="300" font-size="28" fill="#e2001a">mile</text>
</svg>
</div>
</div> -->
</div>
<!-- Content Titles -->
<div class="vision-tag-top">VISION / 2030</div>
<h3 class="vision-main-title" style="color: white;">
The <span style="color: #c01227;">Intelligence Grid</span> Behind Every Urban Mile
</h3>
<p class="vision-main-subtitle">
From Hyderabad EV pilot to nationwide AI logistics intelligence by 2030
</p>
<!-- Horizontal Timeline Track Widget -->
<div class="roadmap-track-container">
<span class="roadmap-track-label">ROADMAP TO 2030</span>
<div class="timeline-horizontal-wrapper">
<div class="timeline-horizontal-line"></div>
<div class="timeline-horizontal-fill"></div>
<!-- Nodes aligned above card columns -->
<div class="node-dots-row">
<div class="node-dot-item dot-active" style="left: 12.5%;">
<div class="node-pulse-inner"></div>
</div>
<div class="node-dot-item dot-active" style="left: 37.5%;">
<div class="node-pulse-inner"></div>
</div>
<div class="node-dot-item dot-active" style="left: 62.5%;">
<div class="node-pulse-inner"></div>
</div>
<div class="node-dot-item dot-vision-active" style="left: 87.5%;">
<div class="node-pulse-crown"></div>
</div>
</div>
</div>
<span class="roadmap-complete-pct">75% COMPLETE &rarr;</span>
</div>
<!-- 4-Column Card Grid Side-by-Side -->
<div class="roadmap-grid-container">
<!-- Card 1: 2026 -->
<div class="roadmap-col-card" data-card="2026">
<div class="card-top-row">
<span class="year-num">2026</span>
<div class="card-icon-badge">
<!-- Rocket Icon SVG -->
<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M4.5 16.5c-1.5 1.5-2.5 3.5-2.5 5.5C4 22 6 21 7.5 19.5" />
<path d="M12 12l9-9-9 9z" />
<path d="M12 12c-2.3 2.3-3.4 5.3-3.5 8.5l12-12c-3.2-.1-6.2-1.2-8.5-3.5z" />
</svg>
</div>
</div>
<span class="phase-badge-pill yellow">Pilot Phase</span>
<h5 class="card-heading" style="color: white;">Hyderabad Pilot</h5>
<p class="card-text">
Launch operations in Hyderabad with dedicated EV hubs and MileTruth AI v1.0.
</p>
<div class="card-pills-stack">
<div class="card-stat-pill-mini">
<!-- Calendar icon -->
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>
50-80 orders/day
</div>
<div class="card-stat-pill-mini">
<!-- City icon -->
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M3 21h18M19 21v-2a4 4 0 0 0-3-3.87M5 21v-2a4 4 0 0 1 3-3.87M9 21v-5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v5"></path></svg>
1 city
</div>
<div class="card-stat-pill-mini">
<!-- Women icon -->
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle></svg>
10+ women partners
</div>
</div>
</div>
<!-- Card 2: 2027 -->
<div class="roadmap-col-card" data-card="2027">
<div class="card-top-row">
<span class="year-num">2027</span>
<div class="card-icon-badge">
<!-- Map Pin/Cross icon -->
<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
<circle cx="12" cy="12" r="10"></circle>
<line x1="12" y1="8" x2="12" y2="16"></line>
<line x1="8" y1="12" x2="16" y2="12"></line>
</svg>
</div>
</div>
<span class="phase-badge-pill green">Multi-City</span>
<h5 class="card-heading" style="color: white;">Multi-City Scale</h5>
<p class="card-text">
Expand to Bengaluru and Chennai, securing key B2B enterprise traction.
</p>
<div class="card-pills-stack">
<div class="card-stat-pill-mini">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>
300-500 orders/day
</div>
<div class="card-stat-pill-mini">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M3 21h18M19 21v-2a4 4 0 0 0-3-3.87M5 21v-2a4 4 0 0 1 3-3.87M9 21v-5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v5"></path></svg>
3 cities
</div>
<div class="card-stat-pill-mini">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon></svg>
50+ EVs
</div>
</div>
</div>
<!-- Card 3: 2028 -->
<div class="roadmap-col-card" data-card="2028">
<div class="card-top-row">
<span class="year-num">2028</span>
<div class="card-icon-badge">
<!-- Gears/Settings icon -->
<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
<circle cx="12" cy="12" r="3"></circle>
<path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z" />
</svg>
</div>
</div>
<span class="phase-badge-pill blue">Platform</span>
<h5 class="card-heading" style="color: white;">Platform Expansion</h5>
<p class="card-text">
Scale to 5+ cities. Launch developer API marketplace and Series A readiness.
</p>
<div class="card-pills-stack">
<div class="card-stat-pill-mini">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>
1,200+ orders/day
</div>
<div class="card-stat-pill-mini">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M3 21h18M19 21v-2a4 4 0 0 0-3-3.87M5 21v-2a4 4 0 0 1 3-3.87M9 21v-5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v5"></path></svg>
5+ cities
</div>
<div class="card-stat-pill-mini">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg>
API marketplace
</div>
</div>
</div>
<!-- Card 4: 2030 (GLOWING TARGET CARD EXACT MATCH TO SCREENSHOT) -->
<div class="roadmap-col-card glowing-vision-card" data-card="2030">
<div class="card-top-row">
<span class="year-num">2030</span>
<div class="card-icon-badge translucent-white">
<!-- Crown Icon SVG -->
<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M2 4l3 12h14l3-12-6 7-4-7-4 7-6-7z" />
<path d="M3 20h18" stroke-width="3"/>
</svg>
</div>
</div>
<span class="phase-badge-pill white-pill">Vision State</span>
<h5 class="card-heading" style="color: white;">AI Pulse Layer</h5>
<p class="card-text">
Nationwide AI logistics grid reaching 15+ cities, empowering female micro-entrepreneurs.
</p>
<div class="card-pills-stack">
<div class="card-stat-pill-mini translucent-crimson">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>
5,000+ orders/day
</div>
<div class="card-stat-pill-mini translucent-crimson">
<span class="currency-symbol">Rs</span> 65 Cr+ revenue
</div>
<div class="card-stat-pill-mini translucent-crimson">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
2,000+ women partners
</div>
</div>
</div>
</div>
<!-- Screen Footer Bar -->
<div class="screen-footer-bar">
<span class="footer-msg">BUILDING THE FUTURE OF LOGISTICS IN INDIA</span>
<div class="footer-pills-right">
<span class="footer-pill-black">2026-2030</span>
<span class="footer-pill-black">5 YEAR PLAN</span>
<span class="footer-pill-black">15+ CITIES</span>
</div>
</div>
<!-- Dynamic Scroll Indicator -->
<!-- <div class="scroll-action-indicator">
<a href="#simulator" class="scroll-arrow-link" aria-label="Scroll to AI Simulator">
Explore Live dispatch engine
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
<line x1="12" y1="5" x2="12" y2="19"></line>
<polyline points="19 12 12 19 5 12"></polyline>
</svg>
</a>
</div> -->
</div>
</section>

View File

@@ -1,400 +1,176 @@
<?php
/**
* Modular Team Section Component
* Usage: include 'includes/our-team.php';
* Depends on: head.php being included in the parent page for global styles.
*/
?>
<style>
/* Scope safety: ensured by wrapping elementor-63 container below */
.elementor-63 .elementor-element-bf5fff2 {
--margin-top: 100px !important;
/* Slightly reduced for about page */
--margin-bottom: 80px !important;
}
.elementor-63 .elementor-element-57c7653 .logico-title {
font-size: 50px !important;
/* Adjusted for better visibility */
line-height: 1.2 !important;
margin-bottom: 40px !important;
}
/* Fix for overlapping text seen in screenshot */
.elementor-63 .elementor-element-bf5fff2 {
clear: both;
position: relative;
z-index: 0;
background: transparent;
}
@media (max-width: 767px) {
.elementor-63 .elementor-element-bf5fff2 {
--margin-top: 70px !important;
--margin-bottom: 70px !important;
clear: both !important;
display: block !important;
height: auto !important;
overflow: visible !important;
position: relative !important;
z-index: 1 !important;
}
.elementor-63 .elementor-element-bf5fff2 .e-con-inner,
.elementor-63 .elementor-element-5a54148,
.elementor-63 .elementor-element-138c81a,
.elementor-63 .elementor-widget-container,
.elementor-63 .logico-team-listing-widget,
.elementor-63 .archive-listing {
display: block !important;
height: auto !important;
min-height: 0 !important;
overflow: visible !important;
position: relative !important;
width: 100% !important;
}
.elementor-63 .elementor-element-57c7653 .logico-title {
font-size: 34px !important;
line-height: 1.15 !important;
margin-bottom: 28px !important;
}
.elementor-63 .archive-listing-wrapper.team-listing-wrapper {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 26px !important;
height: auto !important;
min-height: 0 !important;
overflow: visible !important;
position: relative !important;
transform: none !important;
width: 100% !important;
}
.elementor-63 .team-item-wrapper {
clear: both !important;
display: block !important;
float: none !important;
height: auto !important;
margin: 0 !important;
min-height: 0 !important;
position: relative !important;
transform: none !important;
width: 100% !important;
}
.elementor-63 .team-item {
align-items: center !important;
display: flex !important;
flex-direction: row !important;
gap: 20px !important;
height: auto !important;
min-height: 0 !important;
overflow: visible !important;
position: relative !important;
transform: none !important;
width: 100% !important;
}
.elementor-63 .team-item-media,
.elementor-63 .post-media,
.elementor-63 .post-media a,
.elementor-63 .post-media picture {
display: block !important;
height: auto !important;
min-height: 0 !important;
overflow: visible !important;
position: relative !important;
width: 100% !important;
}
.elementor-63 .team-item-media {
flex: 0 0 44% !important;
max-width: 156px !important;
}
.elementor-63 .team-item-media img {
aspect-ratio: 1 / 1.45 !important;
border-radius: 18px !important;
display: block !important;
height: auto !important;
max-height: none !important;
object-fit: cover !important;
position: static !important;
transform: none !important;
width: 100% !important;
}
.elementor-63 .team-item-content {
align-self: stretch !important;
align-items: flex-start !important;
background: transparent !important;
display: flex !important;
flex: 1 1 auto !important;
flex-direction: column !important;
justify-content: center !important;
height: auto !important;
inset: auto !important;
left: auto !important;
margin: 0 !important;
min-height: 0 !important;
padding: 0 !important;
right: auto !important;
position: static !important;
text-align: left !important;
top: auto !important;
transform: none !important;
width: 100% !important;
}
.elementor-63 .post-title,
.elementor-63 .post-title a {
color: #1f1f1f !important;
display: block !important;
font-size: clamp(22px, 6vw, 26px) !important;
font-weight: 700 !important;
line-height: 1.15 !important;
margin: 0 0 32px !important;
text-align: left !important;
overflow-wrap: anywhere !important;
text-decoration: none !important;
white-space: normal !important;
}
.elementor-63 .team-item-socials,
.elementor-63 .team-socials.wrapper-socials {
display: flex !important;
flex-wrap: wrap !important;
gap: 28px !important;
justify-content: flex-start !important;
margin: 0 !important;
padding: 0 !important;
position: static !important;
}
.elementor-63 .team-socials.wrapper-socials li {
margin: 0 !important;
}
.elementor-63 .team-socials.wrapper-socials a {
align-items: center !important;
color: #1f1f1f !important;
display: inline-flex !important;
font-size: 16px !important;
height: 18px !important;
justify-content: center !important;
line-height: 1 !important;
width: 18px !important;
}
}
@media (max-width: 420px) {
.elementor-63 .team-item {
gap: 18px !important;
}
.elementor-63 .team-item-media {
flex-basis: 44% !important;
max-width: 156px !important;
}
.elementor-63 .team-item-socials,
.elementor-63 .team-socials.wrapper-socials {
gap: 26px !important;
}
}
</style>
<div class="elementor elementor-63">
<div class="elementor-element elementor-element-bf5fff2 e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-parent" data-id="bf5fff2" data-element_type="container">
<!-- <div class="elementor-element elementor-element-5c33b7f e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-parent" data-id="5c33b7f" data-element_type="container" data-e-type="container"> -->
<div class="elementor-element elementor-element-c2c601a e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-parent" data-id="c2c601a" data-element_type="container" data-e-type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-5a54148 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="5a54148" data-element_type="container">
<div class="elementor-element elementor-element-94ebf2e elementor-widget elementor-widget-logico_heading" data-id="94ebf2e" data-element_type="widget" data-widget_type="logico_heading.default">
<div class="elementor-element elementor-element-3306a27 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="3306a27" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-86143d0 elementor-widget elementor-widget-logico_heading" data-id="86143d0" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default">
<div class="elementor-widget-container">
<div class="logico-title">/ team /</div>
<div class="logico-title">/ team /
</div>
</div>
</div>
<div class="elementor-element elementor-element-57c7653 elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-logico_heading" data-id="57c7653" data-element_type="widget" data-settings="{&quot;_animation&quot;:&quot;logico_heading_animation&quot;}" data-widget_type="logico_heading.default">
<div class="elementor-element elementor-element-c46350e elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-logico_heading" data-id="c46350e" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;logico_heading_animation&quot;}"
data-widget_type="logico_heading.default">
<div class="elementor-widget-container">
<h3 class="logico-title">Meet our &nbsp;best crew</h3>
<h3 class="logico-title">Meet our the best crew
</h3>
</div>
</div>
<div class="elementor-element elementor-element-138c81a elementor-widget elementor-widget-logico_team_listing" data-id="138c81a" data-element_type="widget" data-widget_type="logico_team_listing.default">
<div class="elementor-element elementor-element-ac909e5 elementor-widget elementor-widget-logico_team_listing" data-id="ac909e5" data-element_type="widget" data-e-type="widget" data-widget_type="logico_team_listing.default">
<div class="elementor-widget-container">
<div class="logico-team-listing-widget">
<div class="archive-listing" data-ajax='{&quot;post_type&quot;:&quot;team&quot;,&quot;post_status&quot;:&quot;publish&quot;,&quot;ignore_sticky_posts&quot;:true,&quot;suppress_filters&quot;:true,&quot;orderby&quot;:&quot;post__in&quot;,&quot;order&quot;:&quot;desc&quot;,&quot;link_base&quot;:&quot;https:\/\/demo.artureanec.com\/themes\/logico-rounded\/home-3&quot;,&quot;post__in&quot;:[&quot;2807&quot;,&quot;2850&quot;,&quot;2855&quot;],&quot;posts_per_page&quot;:3,&quot;columns_number&quot;:3,&quot;paged&quot;:1}' data-widget='{&quot;item_class&quot;:&quot;team-item-wrapper&quot;,&quot;columns_number&quot;:3,&quot;listing_type&quot;:&quot;grid&quot;,&quot;show_media&quot;:&quot;yes&quot;,&quot;show_title&quot;:&quot;yes&quot;,&quot;show_position&quot;:&quot;yes&quot;,&quot;show_socials&quot;:&quot;yes&quot;,&quot;show_pagination&quot;:&quot;&quot;}'>
<div class="archive-listing" data-ajax='{&quot;post_type&quot;:&quot;team&quot;,&quot;post_status&quot;:&quot;publish&quot;,&quot;ignore_sticky_posts&quot;:true,&quot;suppress_filters&quot;:true,&quot;orderby&quot;:&quot;date&quot;,&quot;order&quot;:&quot;desc&quot;,&quot;link_base&quot;:&quot;https:\/\/demo.artureanec.com\/themes\/logico-rounded\/team-page&quot;,&quot;posts_per_page&quot;:6,&quot;columns_number&quot;:3,&quot;paged&quot;:1}'
data-widget='{&quot;item_class&quot;:&quot;team-item-wrapper&quot;,&quot;columns_number&quot;:3,&quot;listing_type&quot;:&quot;grid&quot;,&quot;show_media&quot;:&quot;yes&quot;,&quot;show_title&quot;:&quot;yes&quot;,&quot;show_position&quot;:&quot;yes&quot;,&quot;show_socials&quot;:&quot;yes&quot;,&quot;show_pagination&quot;:&quot;&quot;}'>
<div class="archive-listing-wrapper team-listing-wrapper team-grid-listing columns-3">
<!-- PERSON-1 -->
<div class="team-item-wrapper post-2807 team type-team status-publish has-post-thumbnail hentry">
<div class="team-item-wrapper post-2866 team type-team status-publish has-post-thumbnail hentry">
<div class="team-item">
<div class="team-item-media">
<div class="post-media">
<a href="#">
<a href="https://demo.artureanec.com/themes/logico-rounded/team/ahmed-karimov/">
<picture>
<source media="(max-width: 480px)" sizes="(max-width: 480px) 480px" srcset="assets/images/Investor.png 480w">
<source media="(max-width: 660px)" sizes="(max-width: 660px) 660px" srcset="assets/images/Investor.png 660w">
<source media="(max-width: 840px)" sizes="(max-width: 840px) 840px" srcset="assets/images/Investor.png 840w">
<img decoding="async" alt="team-pic-1" title="team-pic-1" src="assets/images/Investor.png" class="attachment-medium size-medium wp-post-image" />
<source media="(max-width: 840px)" sizes="(max-width: 840px) 840px" srcset="assets/images/Investor.png 840w"><img decoding="async" alt="team-pic-6" src="assets/images/Investor.png"
class="attachment-medium size-medium wp-post-image" />
</picture>
</a>
</div>
</div>
<div class="team-item-content">
<div class="post-title">
<a href="#">Ratan Kumar</a>
</div>
<!-- <div class="team-item-position">CEO Logico</div> -->
<div class="post-title"><a href="https://demo.artureanec.com/themes/logico-rounded/team/ahmed-karimov/">Ratan Kumar</a></div>
<div class="team-item-position">COO & Operational Specialist</div>
<div class="team-item-socials">
<ul class="team-socials wrapper-socials">
<li><a href="#" target="_blank" class="fab fa-facebook-f" title="Facebook"></a></li>
<li><a href="#" target="_blank" class="fab fa-x-twitter" title="X"></a></li>
<li><a href="#" target="_blank" class="fab fa-linkedin-in" title="LinkedIn"></a></li>
<li><a href="#" target="_blank" class="fab fa-youtube" title="YouTube"></a></li>
<li><a href="https://www.facebook.com/" target="_blank" class="fab fa-facebook-f" ></a></li>
<li><a href="https://x.com/" target="_blank" class="fab fa-x-twitter" ></a></li>
<li><a href="https://www.linkedin.com/" target="_blank" class="fab fa-linkedin-in" ></a></li>
<li><a href="https://www.youtube.com/" target="_blank" class="fab fa-youtube" ></a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- PERSON-2 -->
<div class="team-item-wrapper post-2850 team type-team status-publish has-post-thumbnail hentry">
<div class="team-item-wrapper post-2861 team type-team status-publish has-post-thumbnail hentry">
<div class="team-item">
<div class="team-item-media">
<div class="post-media">
<a href="#">
<a href="https://demo.artureanec.com/themes/logico-rounded/team/simon-peters/">
<picture>
<source media="(max-width: 480px)" sizes="(max-width: 480px) 480px" srcset="assets/images/Fazul.png 480w">
<source media="(max-width: 660px)" sizes="(max-width: 660px) 660px" srcset="assets/images/Fazul.png 660w">
<source media="(max-width: 840px)" sizes="(max-width: 840px) 840px" srcset="assets/images/Fazul.png 840w">
<img decoding="async" alt="team-pic-2" title="team-pic-2" src="assets/images/Fazul.png" class="attachment-medium size-medium wp-post-image" />
<source media="(max-width: 840px)" sizes="(max-width: 840px) 840px" srcset="assets/images/Fazul.png 840w"><img decoding="async" alt="team-pic-5" src="assets/images/Fazul.png" class="attachment-medium size-medium wp-post-image" />
</picture>
</a>
</div>
</div>
<div class="team-item-content">
<div class="post-title">
<a href="#">Fazul Ilahi</a>
</div>
<!-- <div class="team-item-position">Manager</div> -->
<div class="post-title"><a href="https://demo.artureanec.com/themes/logico-rounded/team/simon-peters/">Fazul Ilahi</a></div>
<div class="team-item-position">CTO & Technology Specialist</div>
<div class="team-item-socials">
<ul class="team-socials wrapper-socials">
<li><a href="#" target="_blank" class="fab fa-facebook-f" title="Facebook"></a></li>
<li><a href="#" target="_blank" class="fab fa-x-twitter" title="X"></a></li>
<li><a href="#" target="_blank" class="fab fa-linkedin-in" title="LinkedIn"></a></li>
<li><a href="#" target="_blank" class="fab fa-youtube" title="YouTube"></a></li>
<li><a href="https://www.facebook.com/" target="_blank" class="fab fa-facebook-f" ></a></li>
<li><a href="https://x.com/" target="_blank" class="fab fa-x-twitter" ></a></li>
<li><a href="https://www.linkedin.com/" target="_blank" class="fab fa-linkedin-in" ></a></li>
<li><a href="https://www.youtube.com/" target="_blank" class="fab fa-youtube" ></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="team-item-wrapper post-2858 team type-team status-publish has-post-thumbnail hentry">
<div class="team-item">
<div class="team-item-media">
<div class="post-media">
<a href="https://demo.artureanec.com/themes/logico-rounded/team/martin-stockland/">
<picture>
<source media="(max-width: 480px)" sizes="(max-width: 480px) 480px" srcset="assets/images/Parthi.png 480w">
<source media="(max-width: 660px)" sizes="(max-width: 660px) 660px" srcset="assets/images/Parthi.png 660w">
<source media="(max-width: 840px)" sizes="(max-width: 840px) 840px" srcset="assets/images/Parthi.png 840w"><img decoding="async" alt="team-pic-4" src="assets/images/Parthi.png"
class="attachment-medium size-medium wp-post-image" />
</picture>
</a>
</div>
</div>
<div class="team-item-content">
<div class="post-title"><a href="https://demo.artureanec.com/themes/logico-rounded/team/martin-stockland/">Parthiban</a></div>
<div class="team-item-position">CGO & Growth <br />Specialist</div>
<div class="team-item-socials">
<ul class="team-socials wrapper-socials">
<li><a href="https://www.facebook.com/" target="_blank" class="fab fa-facebook-f" ></a></li>
<li><a href="https://x.com/" target="_blank" class="fab fa-x-twitter" ></a></li>
<li><a href="https://www.linkedin.com/" target="_blank" class="fab fa-linkedin-in" ></a></li>
<li><a href="https://www.youtube.com/" target="_blank" class="fab fa-youtube" ></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="team-item-wrapper post-2855 team type-team status-publish has-post-thumbnail hentry">
<div class="team-item">
<div class="team-item-media">
<div class="post-media">
<a href="https://demo.artureanec.com/themes/logico-rounded/team/samantha-powers/">
<picture>
<source media="(max-width: 480px)" sizes="(max-width: 480px) 480px" srcset="assets/images/Aravinth.png 480w">
<source media="(max-width: 660px)" sizes="(max-width: 660px) 660px" srcset="assets/images/Aravinth.png 660w">
<source media="(max-width: 840px)" sizes="(max-width: 840px) 840px" srcset="assets/images/Aravinth.png 840w"><img decoding="async" alt="team-pic-3" src="assets/images/Aravinth.png" class="attachment-medium size-medium wp-post-image" />
</picture>
</a>
</div>
</div>
<div class="team-item-content">
<div class="post-title"><a href="https://demo.artureanec.com/themes/logico-rounded/team/samantha-powers/">Aravinth</a></div>
<div class="team-item-position">CFO & Finance <br />Specialist</div>
<div class="team-item-socials">
<ul class="team-socials wrapper-socials">
<li><a href="https://www.facebook.com/" target="_blank" class="fab fa-facebook-f" ></a></li>
<li><a href="https://x.com/" target="_blank" class="fab fa-x-twitter" ></a></li>
<li><a href="https://www.linkedin.com/" target="_blank" class="fab fa-linkedin-in" ></a></li>
<li><a href="https://www.youtube.com/" target="_blank" class="fab fa-youtube" ></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="team-item-wrapper post-2850 team type-team status-publish has-post-thumbnail hentry">
<div class="team-item">
<div class="team-item-media">
<div class="post-media">
<a href="https://demo.artureanec.com/themes/logico-rounded/team/andrew-mcdickens/">
<picture>
<source media="(max-width: 480px)" sizes="(max-width: 480px) 480px" srcset="assets/images/Suriya.png 480w">
<source media="(max-width: 660px)" sizes="(max-width: 660px) 660px" srcset="assets/images/Suriya.png 660w">
<source media="(max-width: 840px)" sizes="(max-width: 840px) 840px" srcset="assets/images/Suriya.png 840w"><img decoding="async" alt="team-pic-2" src="assets/images/Suriya.png"
class="attachment-medium size-medium wp-post-image" />
</picture>
</a>
</div>
</div>
<div class="team-item-content">
<div class="post-title"><a href="https://demo.artureanec.com/themes/logico-rounded/team/andrew-mcdickens/">Suriya Kumar</a></div>
<div class="team-item-position">Engineering Head & AI Specialist</div>
<div class="team-item-socials">
<ul class="team-socials wrapper-socials">
<li><a href="https://www.facebook.com/" target="_blank" class="fab fa-facebook-f" ></a></li>
<li><a href="https://x.com/" target="_blank" class="fab fa-x-twitter" ></a></li>
<li><a href="https://www.linkedin.com/" target="_blank" class="fab fa-linkedin-in" ></a></li>
<li><a href="https://www.youtube.com/" target="_blank" class="fab fa-youtube" ></a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- PERSON-3 -->
<div class="team-item-wrapper post-2855 team type-team status-publish has-post-thumbnail hentry">
<div class="team-item">
<div class="team-item-media">
<div class="post-media">
<a href="#">
<picture>
<source media="(max-width: 480px)" sizes="(max-width: 480px) 480px" srcset="assets/images/Parthi.png 480w">
<source media="(max-width: 660px)" sizes="(max-width: 660px) 660px" srcset="assets/images/Parthi.png 660w">
<source media="(max-width: 840px)" sizes="(max-width: 840px) 840px" srcset="assets/images/Parthi.png 840w">
<img decoding="async" alt="team-pic-3" title="team-pic-3" src="assets/images/Parthi.png" class="attachment-medium size-medium wp-post-image" />
</picture>
</a>
</div>
</div>
<div class="team-item-content">
<div class="post-title">
<a href="#">Parthiban</a>
</div>
<!-- <div class="team-item-position">HR Specialist</div> -->
<div class="team-item-socials">
<ul class="team-socials wrapper-socials">
<li><a href="#" target="_blank" class="fab fa-facebook-f" title="Facebook"></a></li>
<li><a href="#" target="_blank" class="fab fa-x-twitter" title="X"></a></li>
<li><a href="#" target="_blank" class="fab fa-linkedin-in" title="LinkedIn"></a></li>
<li><a href="#" target="_blank" class="fab fa-youtube" title="YouTube"></a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- PERSON-4 -->
<div class="team-item-wrapper post-2850 team type-team status-publish has-post-thumbnail hentry">
<div class="team-item">
<div class="team-item-media">
<div class="post-media">
<a href="#">
<picture>
<source media="(max-width: 480px)" sizes="(max-width: 480px) 480px" srcset="assets/images/Aravinth.png 480w">
<source media="(max-width: 660px)" sizes="(max-width: 660px) 660px" srcset="assets/images/Aravinth.png 660w">
<source media="(max-width: 840px)" sizes="(max-width: 840px) 840px" srcset="assets/images/Aravinth.png 840w">
<img decoding="async" alt="team-pic-2" title="team-pic-2" src="assets/images/Aravinth.png" class="attachment-medium size-medium wp-post-image" />
</picture>
</a>
</div>
</div>
<div class="team-item-content">
<div class="post-title">
<a href="#">Aravinth</a>
</div>
<!-- <div class="team-item-position">Manager</div> -->
<div class="team-item-socials">
<ul class="team-socials wrapper-socials">
<li><a href="#" target="_blank" class="fab fa-facebook-f" title="Facebook"></a></li>
<li><a href="#" target="_blank" class="fab fa-x-twitter" title="X"></a></li>
<li><a href="#" target="_blank" class="fab fa-linkedin-in" title="LinkedIn"></a></li>
<li><a href="#" target="_blank" class="fab fa-youtube" title="YouTube"></a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- PERSON-5 -->
<div class="team-item-wrapper post-2855 team type-team status-publish has-post-thumbnail hentry">
<div class="team-item">
<div class="team-item-media">
<div class="post-media">
<a href="#">
<picture>
<source media="(max-width: 480px)" sizes="(max-width: 480px) 480px" srcset="assets/images/Suriya.png 480w">
<source media="(max-width: 660px)" sizes="(max-width: 660px) 660px" srcset="assets/images/Suriya.png 660w">
<source media="(max-width: 840px)" sizes="(max-width: 840px) 840px" srcset="assets/images/Suriya.png 840w">
<img decoding="async" alt="team-pic-3" title="team-pic-3" src="assets/images/Suriya.png" class="attachment-medium size-medium wp-post-image" />
</picture>
</a>
</div>
</div>
<div class="team-item-content">
<div class="post-title">
<a href="#">Suriya Kumar</a>
</div>
<!-- <div class="team-item-position">HR Specialist</div> -->
<div class="team-item-socials">
<ul class="team-socials wrapper-socials">
<li><a href="#" target="_blank" class="fab fa-facebook-f" title="Facebook"></a></li>
<li><a href="#" target="_blank" class="fab fa-x-twitter" title="X"></a></li>
<li><a href="#" target="_blank" class="fab fa-linkedin-in" title="LinkedIn"></a></li>
<li><a href="#" target="_blank" class="fab fa-youtube" title="YouTube"></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>