1<!DOCTYPE html><!-- This site was created in Webflow. https://webflow.com --><!-- Last Published: Tue Aug 12 2025 08:59:23 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="lateral-capital-frontiers.webflow.io" data-wf-page="66ce8411ece5650ae3ceb48a" data-wf-site="66ce8411ece5650ae3ceb46b" lang="en"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Home</title><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="Webflow" name="generator"/><link href="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb46b/css/lateral-capital-frontiers.webflow.shared.f6e3aa1b5.css" rel="stylesheet" type="text/css"/>
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://cdn.prod.website-files.com/667a9ac07eccc6a5adadef06/6690d714d3642c34fafa5f3b_LF%20SiteIcon.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/667a9ac07eccc6a5adadef06/6690d716e753f85e1e546ebd_LF%20Icon.png" rel="apple-touch-icon"/><!-- Keep this css code to improve the font quality--> 2<style> 3 * { 4 -webkit-font-smoothing: antialiased; 5 -moz-osx-font-smoothing: grayscale; 6 -o-font-smoothing: antialiased; 7} 8</style> 9 10<!-- Lenis Scroll --> 11<style> 12html.lenis { 13 height: auto; 14} 15.lenis.lenis-smooth { 16 scroll-behavior: auto; 17} 18.lenis.lenis-smooth [data-lenis-prevent] { 19 overscroll-behavior: contain; 20} 21.lenis.lenis-stopped { 22 overflow: hidden; 23} 24</style> 25 26<!-- [Attributes by Finsweet] Form Submit Actions -->
27<script defer src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-formsubmit@1/formsubmit.js"></script>
27 28 29<!-- [Attributes by Finsweet] CMS Filter -->
30<script async src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-cmsfilter@1/cmsfilter.js"></script>
30 31 32<!-- [Attributes by Finsweet] CMS PrevNext -->
33<script async src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-cmsprevnext@1/cmsprevnext.js"></script>
33 34 35 36<!-- Add the slick-theme.css if you want default styling --> 37<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.css"/> 38 39<style> 40.item {display: inline-block;} 41.list {display:block !important;} 42.slick-prev:hover, 43.slick-prev:focus, 44.slick-next:hover, 45.slick-next:focus 46{ 47 outline: none; 48} 49.slick-slide, .slick-slide *{ outline: none !important; } 50 51.slick-list { 52display: flex !important; 53} 54 55.slick-track { 56display: flex !important; 57flex-direction: row-reverse !important; 58} 59 60 61</style></head><body><div class="page-wrapper background-dark-green"><div class="global-styles w-embed"><style> 62 63/* Set color style to inherit */ 64.inherit-color * { 65 color: inherit; 66} 67 68/* Focus state style for keyboard navigation for the focusable elements */ 69*[tabindex]:focus-visible, 70 input[type="file"]:focus-visible { 71 outline: 0.125rem solid #4d65ff; 72 outline-offset: 0.125rem; 73} 74 75/* Get rid of top margin on first element in any rich text element */ 76.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child { 77 margin-top: 0 !important; 78} 79 80/* Get rid of bottom margin on last element in any rich text element */ 81.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child { 82 margin-bottom: 0 !important; 83} 84 85/* Prevent all click and hover interaction with an element */ 86.pointer-events-off { 87 pointer-events: none; 88} 89 90/* Enables all click and hover interaction with an element */ 91.pointer-events-on { 92 pointer-events: auto; 93} 94 95/* Create a class of .div-square which maintains a 1:1 dimension of a div */ 96.div-square::after { 97 content: ""; 98 display: block; 99 padding-bottom: 100%; 100} 101 102/* Make sure containers never lose their center alignment */ 103.container-medium,.container-small, .container-large { 104 margin-right: auto !important; 105 margin-left: auto !important; 106} 107 108/* 109Make the following elements inherit typography styles from the parent and not have hardcoded values. 110Important: You will not be able to style for example "All Links" in Designer with this CSS applied. 111Uncomment this CSS to use it in the project. Leave this message for future hand-off. 112*/ 113/* 114a, 115.w-input, 116.w-select, 117.w-tab-link, 118.w-nav-link, 119.w-dropdown-btn, 120.w-dropdown-toggle, 121.w-dropdown-link { 122 color: inherit; 123 text-decoration: inherit; 124 font-size: inherit; 125} 126*/ 127 128/* Apply "..." after 3 lines of text */ 129.text-style-3lines { 130 display: -webkit-box; 131 overflow: hidden; 132 -webkit-line-clamp: 3; 133 -webkit-box-orient: vertical; 134} 135 136/* Apply "..." after 2 lines of text */ 137.text-style-2lines { 138 display: -webkit-box; 139 overflow: hidden; 140 -webkit-line-clamp: 2; 141 -webkit-box-orient: vertical; 142} 143 144/* Adds inline flex display */ 145.display-inlineflex { 146 display: inline-flex; 147} 148 149/* These classes are never overwritten */ 150.hide { 151 display: none !important; 152} 153 154@media screen and (max-width: 991px) { 155 .hide, .hide-tablet { 156 display: none !important; 157 } 158} 159 @media screen and (max-width: 767px) { 160 .hide-mobile-landscape{ 161 display: none !important; 162 } 163} 164 @media screen and (max-width: 479px) { 165 .hide-mobile{ 166 display: none !important; 167 } 168} 169 170.margin-0 { 171 margin: 0rem !important; 172} 173 174.padding-0 { 175 padding: 0rem !important; 176} 177 178.spacing-clean { 179padding: 0rem !important; 180margin: 0rem !important; 181} 182 183.margin-top { 184 margin-right: 0rem !important; 185 margin-bottom: 0rem !important; 186 margin-left: 0rem !important; 187} 188 189.padding-top { 190 padding-right: 0rem !important; 191 padding-bottom: 0rem !important; 192 padding-left: 0rem !important; 193} 194 195.margin-right { 196 margin-top: 0rem !important; 197 margin-bottom: 0rem !important; 198 margin-left: 0rem !important; 199} 200 201.padding-right { 202 padding-top: 0rem !important; 203 padding-bottom: 0rem !important; 204 padding-left: 0rem !important; 205} 206 207.margin-bottom { 208 margin-top: 0rem !important; 209 margin-right: 0rem !important; 210 margin-left: 0rem !important; 211} 212 213.padding-bottom { 214 padding-top: 0rem !important; 215 padding-right: 0rem !important; 216 padding-left: 0rem !important; 217} 218 219.margin-left { 220 margin-top: 0rem !important; 221 margin-right: 0rem !important; 222 margin-bottom: 0rem !important; 223} 224 225.padding-left { 226 padding-top: 0rem !important; 227 padding-right: 0rem !important; 228 padding-bottom: 0rem !important; 229} 230 231.margin-horizontal { 232 margin-top: 0rem !important; 233 margin-bottom: 0rem !important; 234} 235 236.padding-horizontal { 237 padding-top: 0rem !important; 238 padding-bottom: 0rem !important; 239} 240 241.margin-vertical { 242 margin-right: 0rem !important; 243 margin-left: 0rem !important; 244} 245 246.padding-vertical { 247 padding-right: 0rem !important; 248 padding-left: 0rem !important; 249} 250 251/* Apply "..." at 100% width */ 252.truncate-width { 253 width: 100%; 254 white-space: nowrap; 255 overflow: hidden; 256 text-overflow: ellipsis; 257} 258/* Removes native scrollbar */ 259.no-scrollbar {
260 -ms-overflow-style: none; 261 overflow: -moz-scrollbars-none; 262} 263 264.no-scrollbar::-webkit-scrollbar { 265 display: none; 266} 267 268</style></div><main class="main-wrapper"><header class="section_header44"><div data-animation="default" class="navbar2_component w-nav" data-easing2="ease" fs-scrolldisable-element="smart-nav" data-easing="ease" data-collapse="medium" data-w-id="dd2b7a4b-47d5-eda6-cf43-57153afe8425" role="banner" data-duration="400" id="navbar"><div class="navbar2_container"><a href="#" class="navbar2_logo-link w-nav-brand"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb46b/66ce8411ece5650ae3ceb4da_Lateral%20Frontiers%20Logo.svg" loading="lazy" alt="Lateral Frontiers Logo" class="navbar2_logo"/></a><nav role="navigation" id="w-node-dd2b7a4b-47d5-eda6-cf43-57153afe8429-3afe8425" class="navbar2_menu is-page-height-tablet w-nav-menu"><div class="nav-link_wrapper"><a href="#" class="navbar2_link w-nav-link">ABOUT</a><div class="nav-dot"></div></div><div class="nav-link_wrapper"><a href="/portfolio" class="navbar2_link w-nav-link">PORTFOLIO</a><div class="nav-dot"></div></div><div class="nav-link_wrapper"><a href="#" class="navbar2_link w-nav-link">INSIGHT</a><div class="nav-dot"></div></div><div class="nav-link_wrapper"><a href="/thesis" class="navbar2_link w-nav-link">THESIS</a><div class="nav-dot"></div></div><div class="nav-link_wrapper no-bottom-border"><a href="/contact" class="navbar2_link w-nav-link">CONTACT</a><div class="show-tablet"><div class="nav-dot"></div></div></div><a href="/contact" class="hero_button show-mobile-landscape w-button">Reach Out to Us</a></nav><div id="w-node-dd2b7a4b-47d5-eda6-cf43-57153afe8440-3afe8425" class="navbar2_button-wrapper"><a href="/contact" class="hero_button hide-mobile-landscape w-button">Reach Out to Us</a><div class="navbar2_menu-button w-nav-button"><div class="menu-icon2"><div class="menu-icon2_line-top"></div><div class="menu-icon2_line-middle"><div class="menu-icon_line-middle-inner"></div></div><div class="menu-icon2_line-bottom"></div></div></div></div></div></div><div class="z-index-2"><div><div class="padding-section-large"><div class="padding-global"><div class="container-large modified"><div class="max-width-1000"><div class="margin-bottom margin-xlarge"><h1 data-a-split="line" class="heading-style-h1 is-home">We are early-stage, <span class="text-weight-medium text-style-italic text-color-bgblue">long-term investors.</span> We build relationships that help <span class="text-style-italic text-weight-medium text-color-bgblue">entrepreneurs</span> thrive. </h1></div><div class="margin-top margin-medium"><div class="button-group"><a href="#" class="w-inline-block"><div class="button background-light-green-pri"><div class="display-inlineflex colgap-10"><div>Learn more</div><div class="icon-1x1-xsmall w-embed"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> 269<path d="M4 12.2257C4 11.846 4.28215 11.5322 4.64823 11.4826L4.75 11.4757L19.75 11.4757C20.1642 11.4757 20.5 11.8115 20.5 12.2257C20.5 12.6054 20.2178 12.9192 19.8518 12.9689L19.75 12.9757L4.75 12.9757C4.33579 12.9757 4 12.6399 4 12.2257Z" fill="currentColor"/> 270<path d="M13.171 6.73278C12.8775 6.44051 12.8765 5.96564 13.1687 5.67212C13.4344 5.40528 13.851 5.38018 14.1451 5.5974L14.2294 5.66983L20.2794 11.6938C20.547 11.9603 20.5714 12.3784 20.3524 12.6725L20.2794 12.7567L14.2294 18.7817C13.9359 19.074 13.4611 19.073 13.1688 18.7795C12.9031 18.5127 12.8797 18.096 13.0982 17.8028L13.171 17.7189L18.687 12.225L13.171 6.73278Z" fill="currentColor"/> 271</svg></div></div></div></a></div></div></div></div></div><div class="margin-top padding-global no-padding-tablet"><div class="c-map_contain"><div class="w-embed"><style> 272.collection-wrapper {pointer-events: none;} 273.c-map_dot {pointer-events: auto;} 274</style></div><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb46b/66ce8411ece5650ae3ceb526_Map%20Update.svg" loading="lazy" alt="" class="c-map_image"/><div class="w-embed w-script">
274<script> 275 document.addEventListener('DOMContentLoaded', function () { 276 // Function to hide empty map items 277 function hideEmptyMapItems() { 278 document.querySelectorAll('.map_item').forEach(function(item) { 279 if (item.textContent.trim() === '') { 280 item.style.display = 'none'; 281 } 282 }); 283 } 284 285 // Call the function to hide empty items 286 hideEmptyMapItems(); 287 }); 288</script>
288</div><div class="collection-wrapper w-dyn-list"><div role="list" class="collection-list w-dyn-items"><div role="listitem" class="collection-item w-dyn-item"><div class="custom-embed w-embed"><a href="https://lateral-capital.webflow.io/portfolio?country=Cameroon"><div class="c-map_dot w-inline-block" style="margin-top: 24em; margin-left: 28em;"> 289 290 291<div class="c-map_location" style="opacity: 0; transform: translate3d(50%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; display: none;"> 292<div class="map_card_container"> 293<div class="map_card"> 294<div class="m_location"> 295<p class="m_heading">Cameroon</p> 296<img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb690_CM.png" width="28" height="20"> 297</div> 298<div class="map_item_wrapper"> 299<p class="map_item">Ejara</p> 300<p class="map_item"></p> 301<p class="map_item"></p> 302</div> 303</div> 304 <div class="map_card_footer"> 305 <svg width="17" height="14" viewBox="0 0 17 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 306 <path d="M10.2321 13C9.46225 14.3333 7.53775 14.3333 6.76795 13L1.13879 3.25C0.368986 1.91667 1.33124 0.25 2.87084 0.25H14.1292C15.6688 0.25 16.631 1.91667 15.8612 3.25L10.2321 13Z" fill="#E1FCFF"/> 307 </svg> 308 </div> 309</div> 310</div> 311 312 313<div class="c-map_circle"> 314<div class="c-map_fill" style="opacity: 1; transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"> 315</div> 316</div> 317</div></a> 318 319 320 321<style> 322 323.map_card { 324 position: relative; 325 border-top-left-radius: 10px; 326 border-top-right-radius: 10px; 327 text-align: left; 328 width: 100%; 329} 330 331.m_location { 332 background-color: #fff; 333 padding: 16px; 334 color: #003138; 335 font-size: 16px; 336 line-height: 18px; 337 font-weight: 500; 338 letter-spacing: -3%; 339 border-top-left-radius: 10px; 340 border-top-right-radius: 10px; 341 display: flex; 342 justify-content: space-between; /* Centers items horizontally */ 343 align-items: center; /* Centers items vertically */ 344} 345 346.map_item_wrapper { 347 background-color: #E1FCFF; 348 border-bottom-left-radius: 10px; 349 border-bottom-right-radius: 10px; 350} 351 352.map_item { 353 border-top: 0.4px solid #C8E8ED; 354 padding: 6px 16px; 355 color: #003138; 356 font-size: 10px; 357 line-height: 18px; 358 font-weight: 500; 359} 360 361.map_card_container { 362 position: relative; /* Context for absolutely positioned children */ 363 display: inline-block; /* Ensures that container wraps the card and SVG */ 364 min-width: 180px; 365 max-width: 200px; 366 width: 100%; 367} 368 369.map_card_footer { 370 text-align: center; /* Centers the SVG horizontally */ 371 margin-top: -12px; 372 padding: 0; 373 border: 0; 374} 375 376.map_card_footer svg { 377 display: inline-block; 378 vertical-align: middle; /* Aligns the SVG to the middle of the container */ 379} 380 381 382</style></div></div><div role="listitem" class="collection-item w-dyn-item"><div class="custom-embed w-embed"><a href="https://lateral-capital.webflow.io/portfolio?country=United+Kingdom"><div class="c-map_dot w-inline-block" style="margin-top: 13.5em; margin-left: 25em;"> 383 384 385<div class="c-map_location" style="opacity: 0; transform: translate3d(50%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; display: none;"> 386<div class="map_card_container"> 387<div class="map_card"> 388<div class="m_location"> 389<p class="m_heading">United Kingdom</p> 390<img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb68f_GB.avif" width="28" height="20"> 391</div> 392<div class="map_item_wrapper"> 393<p class="map_item">Asoko Insight</p> 394<p class="map_item"></p> 395<p class="map_item"></p> 396</div> 397</div> 398 <div class="map_card_footer"> 399 <svg width="17" height="14" viewBox="0 0 17 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 400 <path d="M10.2321 13C9.46225 14.3333 7.53775 14.3333 6.76795 13L1.13879 3.25C0.368986 1.91667 1.33124 0.25 2.87084 0.25H14.1292C15.6688 0.25 16.631 1.91667 15.8612 3.25L10.2321 13Z" fill="#E1FCFF"/> 401 </svg> 402 </div> 403</div> 404</div> 405 406 407<div class="c-map_circle"> 408<div class="c-map_fill" style="opacity: 1; transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"> 409</div> 410</div> 411</div></a> 412 413 414 415<style> 416 417.map_card { 418 position: relative; 419 border-top-left-radius: 10px; 420 border-top-right-radius: 10px; 421 text-align: left; 422 width: 100%; 423} 424 425.m_location { 426 background-color: #fff; 427 padding: 16px; 428 color: #003138; 429 font-size: 16px; 430 line-height: 18px; 431 font-weight: 500; 432 letter-spacing: -3%; 433 border-top-left-radius: 10px; 434 border-top-right-radius: 10px; 435 display: flex; 436 justify-content: space-between; /* Centers items horizontally */ 437 align-items: center; /* Centers items vertically */ 438} 439 440.map_item_wrapper { 441 background-color: #E1FCFF; 442 border-bottom-left-radius: 10px; 443 border-bottom-right-radius: 10px; 444} 445 446.map_item { 447 border-top: 0.4px solid #C8E8ED; 448 padding: 6px 16px; 449 color: #003138; 450 font-size: 10px; 451 line-height: 18px; 452 font-weight: 500; 453} 454 455.map_card_container { 456 position: relative; /* Context for absolutely positioned children */ 457 display: inline-block; /* Ensures that container wraps the card and SVG */ 458 min-width: 180px; 459 max-width: 200px; 460 width: 100%; 461} 462 463.map_card_footer { 464 text-align: center; /* Centers the SVG horizontally */ 465 margin-top: -12px; 466 padding: 0; 467 border: 0; 468} 469 470.map_card_footer svg { 471 display: inline-block; 472 vertical-align: middle; /* Aligns the SVG to the middle of the container */ 473} 474 475 476</style></div></div><div role="listitem" class="collection-item w-dyn-item"><div class="custom-embed w-embed"><a href="https://lateral-capital.webflow.io/portfolio?country=France"><div class="c-map_dot w-inline-block" style="margin-top: 16em; margin-left: 25.5em;"> 477 478 479<div class="c-map_location" style="opacity: 0; transform: translate3d(50%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; display: none;"> 480<div class="map_card_container"> 481<div class="map_card"> 482<div class="m_location"> 483<p class="m_heading">France</p> 484<img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb68e_FR.png" width="28" height="20"> 485</div> 486<div class="map_item_wrapper"> 487<p class="map_item">Acturus</p> 488<p class="map_item"></p> 489<p class="map_item"></p> 490</div> 491</div> 492 <div class="map_card_footer"> 493 <svg width="17" height="14" viewBox="0 0 17 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 494 <path d="M10.2321 13C9.46225 14.3333 7.53775 14.3333 6.76795 13L1.13879 3.25C0.368986 1.91667 1.33124 0.25 2.87084 0.25H14.1292C15.6688 0.25 16.631 1.91667 15.8612 3.25L10.2321 13Z" fill="#E1FCFF"/> 495 </svg> 496 </div> 497</div> 498</div> 499 500
501<div class="c-map_circle"> 502<div class="c-map_fill" style="opacity: 1; transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"> 503</div> 504</div> 505</div></a> 506 507 508 509<style> 510 511.map_card { 512 position: relative; 513 border-top-left-radius: 10px; 514 border-top-right-radius: 10px; 515 text-align: left; 516 width: 100%; 517} 518 519.m_location { 520 background-color: #fff; 521 padding: 16px; 522 color: #003138; 523 font-size: 16px; 524 line-height: 18px; 525 font-weight: 500; 526 letter-spacing: -3%; 527 border-top-left-radius: 10px; 528 border-top-right-radius: 10px; 529 display: flex; 530 justify-content: space-between; /* Centers items horizontally */ 531 align-items: center; /* Centers items vertically */ 532} 533 534.map_item_wrapper { 535 background-color: #E1FCFF; 536 border-bottom-left-radius: 10px; 537 border-bottom-right-radius: 10px; 538} 539 540.map_item { 541 border-top: 0.4px solid #C8E8ED; 542 padding: 6px 16px; 543 color: #003138; 544 font-size: 10px; 545 line-height: 18px; 546 font-weight: 500; 547} 548 549.map_card_container { 550 position: relative; /* Context for absolutely positioned children */ 551 display: inline-block; /* Ensures that container wraps the card and SVG */ 552 min-width: 180px; 553 max-width: 200px; 554 width: 100%; 555} 556 557.map_card_footer { 558 text-align: center; /* Centers the SVG horizontally */ 559 margin-top: -12px; 560 padding: 0; 561 border: 0; 562} 563 564.map_card_footer svg { 565 display: inline-block; 566 vertical-align: middle; /* Aligns the SVG to the middle of the container */ 567} 568 569 570</style></div></div><div role="listitem" class="collection-item w-dyn-item"><div class="custom-embed w-embed"><a href="https://lateral-capital.webflow.io/portfolio?country=Colombia"><div class="c-map_dot w-inline-block" style="margin-top: 23.5em; margin-left: 15em;"> 571 572 573<div class="c-map_location" style="opacity: 0; transform: translate3d(50%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; display: none;"> 574<div class="map_card_container"> 575<div class="map_card"> 576<div class="m_location"> 577<p class="m_heading">Colombia</p> 578<img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb68d_CO.png" width="28" height="20"> 579</div> 580<div class="map_item_wrapper"> 581<p class="map_item">Minka</p> 582<p class="map_item"></p> 583<p class="map_item"></p> 584</div> 585</div> 586 <div class="map_card_footer"> 587 <svg width="17" height="14" viewBox="0 0 17 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 588 <path d="M10.2321 13C9.46225 14.3333 7.53775 14.3333 6.76795 13L1.13879 3.25C0.368986 1.91667 1.33124 0.25 2.87084 0.25H14.1292C15.6688 0.25 16.631 1.91667 15.8612 3.25L10.2321 13Z" fill="#E1FCFF"/> 589 </svg> 590 </div> 591</div> 592</div> 593 594 595<div class="c-map_circle"> 596<div class="c-map_fill" style="opacity: 1; transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"> 597</div> 598</div> 599</div></a> 600 601 602 603<style> 604 605.map_card { 606 position: relative; 607 border-top-left-radius: 10px; 608 border-top-right-radius: 10px; 609 text-align: left; 610 width: 100%; 611} 612 613.m_location { 614 background-color: #fff; 615 padding: 16px; 616 color: #003138; 617 font-size: 16px; 618 line-height: 18px; 619 font-weight: 500; 620 letter-spacing: -3%; 621 border-top-left-radius: 10px; 622 border-top-right-radius: 10px; 623 display: flex; 624 justify-content: space-between; /* Centers items horizontally */ 625 align-items: center; /* Centers items vertically */ 626} 627 628.map_item_wrapper { 629 background-color: #E1FCFF; 630 border-bottom-left-radius: 10px; 631 border-bottom-right-radius: 10px; 632} 633 634.map_item { 635 border-top: 0.4px solid #C8E8ED; 636 padding: 6px 16px; 637 color: #003138; 638 font-size: 10px; 639 line-height: 18px; 640 font-weight: 500; 641} 642 643.map_card_container { 644 position: relative; /* Context for absolutely positioned children */ 645 display: inline-block; /* Ensures that container wraps the card and SVG */ 646 min-width: 180px; 647 max-width: 200px; 648 width: 100%; 649} 650 651.map_card_footer { 652 text-align: center; /* Centers the SVG horizontally */ 653 margin-top: -12px; 654 padding: 0; 655 border: 0; 656} 657 658.map_card_footer svg { 659 display: inline-block; 660 vertical-align: middle; /* Aligns the SVG to the middle of the container */ 661} 662 663 664</style></div></div><div role="listitem" class="collection-item w-dyn-item"><div class="custom-embed w-embed"><a href="https://lateral-capital.webflow.io/portfolio?country=Egypt"><div class="c-map_dot w-inline-block" style="margin-top: 20em; margin-left: 30.2em;"> 665 666 667<div class="c-map_location" style="opacity: 0; transform: translate3d(50%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; display: none;"> 668<div class="map_card_container"> 669<div class="map_card"> 670<div class="m_location"> 671<p class="m_heading">Egypt</p> 672<img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb68c_EG.avif" width="28" height="20"> 673</div> 674<div class="map_item_wrapper"> 675<p class="map_item">Kashier</p> 676<p class="map_item"></p> 677<p class="map_item"></p> 678</div> 679</div> 680 <div class="map_card_footer"> 681 <svg width="17" height="14" viewBox="0 0 17 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 682 <path d="M10.2321 13C9.46225 14.3333 7.53775 14.3333 6.76795 13L1.13879 3.25C0.368986 1.91667 1.33124 0.25 2.87084 0.25H14.1292C15.6688 0.25 16.631 1.91667 15.8612 3.25L10.2321 13Z" fill="#E1FCFF"/> 683 </svg> 684 </div> 685</div> 686</div> 687 688
689<div class="c-map_circle"> 690<div class="c-map_fill" style="opacity: 1; transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"> 691</div> 692</div> 693</div></a> 694 695 696 697<style> 698 699.map_card { 700 position: relative; 701 border-top-left-radius: 10px; 702 border-top-right-radius: 10px; 703 text-align: left; 704 width: 100%; 705} 706 707.m_location { 708 background-color: #fff; 709 padding: 16px; 710 color: #003138; 711 font-size: 16px; 712 line-height: 18px; 713 font-weight: 500; 714 letter-spacing: -3%; 715 border-top-left-radius: 10px; 716 border-top-right-radius: 10px; 717 display: flex; 718 justify-content: space-between; /* Centers items horizontally */ 719 align-items: center; /* Centers items vertically */ 720} 721 722.map_item_wrapper { 723 background-color: #E1FCFF; 724 border-bottom-left-radius: 10px; 725 border-bottom-right-radius: 10px; 726} 727 728.map_item { 729 border-top: 0.4px solid #C8E8ED; 730 padding: 6px 16px; 731 color: #003138; 732 font-size: 10px; 733 line-height: 18px; 734 font-weight: 500; 735} 736 737.map_card_container { 738 position: relative; /* Context for absolutely positioned children */ 739 display: inline-block; /* Ensures that container wraps the card and SVG */ 740 min-width: 180px; 741 max-width: 200px; 742 width: 100%; 743} 744 745.map_card_footer { 746 text-align: center; /* Centers the SVG horizontally */ 747 margin-top: -12px; 748 padding: 0; 749 border: 0; 750} 751 752.map_card_footer svg { 753 display: inline-block; 754 vertical-align: middle; /* Aligns the SVG to the middle of the container */ 755} 756 757 758</style></div></div><div role="listitem" class="collection-item w-dyn-item"><div class="custom-embed w-embed"><a href="https://lateral-capital.webflow.io/portfolio?country=South+Africa"><div class="c-map_dot w-inline-block" style="margin-top: 31em; margin-left: 29.5em;"> 759 760 761<div class="c-map_location" style="opacity: 0; transform: translate3d(50%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; display: none;"> 762<div class="map_card_container"> 763<div class="map_card"> 764<div class="m_location"> 765<p class="m_heading">South Africa</p> 766<img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb68b_ZA.avif" width="28" height="20"> 767</div> 768<div class="map_item_wrapper"> 769<p class="map_item">Carry1st</p> 770<p class="map_item"></p> 771<p class="map_item"></p> 772</div> 773</div> 774 <div class="map_card_footer"> 775 <svg width="17" height="14" viewBox="0 0 17 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 776 <path d="M10.2321 13C9.46225 14.3333 7.53775 14.3333 6.76795 13L1.13879 3.25C0.368986 1.91667 1.33124 0.25 2.87084 0.25H14.1292C15.6688 0.25 16.631 1.91667 15.8612 3.25L10.2321 13Z" fill="#E1FCFF"/> 777 </svg> 778 </div> 779</div> 780</div> 781 782 783<div class="c-map_circle"> 784<div class="c-map_fill" style="opacity: 1; transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"> 785</div> 786</div> 787</div></a> 788 789 790 791<style> 792 793.map_card { 794 position: relative; 795 border-top-left-radius: 10px; 796 border-top-right-radius: 10px; 797 text-align: left; 798 width: 100%; 799} 800 801.m_location { 802 background-color: #fff; 803 padding: 16px; 804 color: #003138; 805 font-size: 16px; 806 line-height: 18px; 807 font-weight: 500; 808 letter-spacing: -3%; 809 border-top-left-radius: 10px; 810 border-top-right-radius: 10px; 811 display: flex; 812 justify-content: space-between; /* Centers items horizontally */ 813 align-items: center; /* Centers items vertically */ 814} 815 816.map_item_wrapper { 817 background-color: #E1FCFF; 818 border-bottom-left-radius: 10px; 819 border-bottom-right-radius: 10px; 820} 821 822.map_item { 823 border-top: 0.4px solid #C8E8ED; 824 padding: 6px 16px; 825 color: #003138; 826 font-size: 10px; 827 line-height: 18px; 828 font-weight: 500; 829} 830 831.map_card_container { 832 position: relative; /* Context for absolutely positioned children */ 833 display: inline-block; /* Ensures that container wraps the card and SVG */ 834 min-width: 180px; 835 max-width: 200px; 836 width: 100%; 837} 838 839.map_card_footer { 840 text-align: center; /* Centers the SVG horizontally */ 841 margin-top: -12px; 842 padding: 0; 843 border: 0; 844} 845 846.map_card_footer svg { 847 display: inline-block; 848 vertical-align: middle; /* Aligns the SVG to the middle of the container */ 849} 850 851 852</style></div></div><div role="listitem" class="collection-item w-dyn-item"><div class="custom-embed w-embed"><a href="https://lateral-capital.webflow.io/portfolio?country=USA"><div class="c-map_dot w-inline-block" style="margin-top: 17.5em; margin-left: 11em;"> 853 854 855<div class="c-map_location" style="opacity: 0; transform: translate3d(50%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; display: none;"> 856<div class="map_card_container"> 857<div class="map_card"> 858<div class="m_location"> 859<p class="m_heading">USA</p> 860<img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb68a_US.avif" width="28" height="20"> 861</div> 862<div class="map_item_wrapper"> 863<p class="map_item">Kountable</p> 864<p class="map_item">Sparkmeter</p> 865<p class="map_item">Pngme</p> 866</div> 867</div> 868 <div class="map_card_footer"> 869 <svg width="17" height="14" viewBox="0 0 17 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 870 <path d="M10.2321 13C9.46225 14.3333 7.53775 14.3333 6.76795 13L1.13879 3.25C0.368986 1.91667 1.33124 0.25 2.87084 0.25H14.1292C15.6688 0.25 16.631 1.91667 15.8612 3.25L10.2321 13Z" fill="#E1FCFF"/> 871 </svg> 872 </div> 873</div> 874</div> 875 876
877<div class="c-map_circle"> 878<div class="c-map_fill" style="opacity: 1; transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"> 879</div> 880</div> 881</div></a> 882 883 884 885<style> 886 887.map_card { 888 position: relative; 889 border-top-left-radius: 10px; 890 border-top-right-radius: 10px; 891 text-align: left; 892 width: 100%; 893} 894 895.m_location { 896 background-color: #fff; 897 padding: 16px; 898 color: #003138; 899 font-size: 16px; 900 line-height: 18px; 901 font-weight: 500; 902 letter-spacing: -3%; 903 border-top-left-radius: 10px; 904 border-top-right-radius: 10px; 905 display: flex; 906 justify-content: space-between; /* Centers items horizontally */ 907 align-items: center; /* Centers items vertically */ 908} 909 910.map_item_wrapper { 911 background-color: #E1FCFF; 912 border-bottom-left-radius: 10px; 913 border-bottom-right-radius: 10px; 914} 915 916.map_item { 917 border-top: 0.4px solid #C8E8ED; 918 padding: 6px 16px; 919 color: #003138; 920 font-size: 10px; 921 line-height: 18px; 922 font-weight: 500; 923} 924 925.map_card_container { 926 position: relative; /* Context for absolutely positioned children */ 927 display: inline-block; /* Ensures that container wraps the card and SVG */ 928 min-width: 180px; 929 max-width: 200px; 930 width: 100%; 931} 932 933.map_card_footer { 934 text-align: center; /* Centers the SVG horizontally */ 935 margin-top: -12px; 936 padding: 0; 937 border: 0; 938} 939 940.map_card_footer svg { 941 display: inline-block; 942 vertical-align: middle; /* Aligns the SVG to the middle of the container */ 943} 944 945 946</style></div></div><div role="listitem" class="collection-item w-dyn-item"><div class="custom-embed w-embed"><a href="https://lateral-capital.webflow.io/portfolio?country=Kenya"><div class="c-map_dot w-inline-block" style="margin-top: 24.5em; margin-left: 32.5em;"> 947 948 949<div class="c-map_location" style="opacity: 0; transform: translate3d(50%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; display: none;"> 950<div class="map_card_container"> 951<div class="map_card"> 952<div class="m_location"> 953<p class="m_heading">Kenya</p> 954<img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb689_KE.avif" width="28" height="20"> 955</div> 956<div class="map_item_wrapper"> 957<p class="map_item">Lynk</p> 958<p class="map_item">Kokonetworks</p> 959<p class="map_item">4g Capital</p> 960</div> 961</div> 962 <div class="map_card_footer"> 963 <svg width="17" height="14" viewBox="0 0 17 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 964 <path d="M10.2321 13C9.46225 14.3333 7.53775 14.3333 6.76795 13L1.13879 3.25C0.368986 1.91667 1.33124 0.25 2.87084 0.25H14.1292C15.6688 0.25 16.631 1.91667 15.8612 3.25L10.2321 13Z" fill="#E1FCFF"/> 965 </svg> 966 </div> 967</div> 968</div> 969 970 971<div class="c-map_circle"> 972<div class="c-map_fill" style="opacity: 1; transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"> 973</div> 974</div> 975</div></a> 976 977 978 979<style> 980 981.map_card { 982 position: relative; 983 border-top-left-radius: 10px; 984 border-top-right-radius: 10px; 985 text-align: left; 986 width: 100%; 987} 988 989.m_location { 990 background-color: #fff; 991 padding: 16px; 992 color: #003138; 993 font-size: 16px; 994 line-height: 18px; 995 font-weight: 500; 996 letter-spacing: -3%; 997 border-top-left-radius: 10px; 998 border-top-right-radius: 10px; 999 display: flex; 1000 justify-content: space-between; /* Centers items horizontally */ 1001 align-items: center; /* Centers items vertically */ 1002} 1003 1004.map_item_wrapper { 1005 background-color: #E1FCFF; 1006 border-bottom-left-radius: 10px; 1007 border-bottom-right-radius: 10px; 1008} 1009 1010.map_item { 1011 border-top: 0.4px solid #C8E8ED; 1012 padding: 6px 16px; 1013 color: #003138; 1014 font-size: 10px; 1015 line-height: 18px; 1016 font-weight: 500; 1017} 1018 1019.map_card_container { 1020 position: relative; /* Context for absolutely positioned children */ 1021 display: inline-block; /* Ensures that container wraps the card and SVG */ 1022 min-width: 180px; 1023 max-width: 200px; 1024 width: 100%; 1025} 1026 1027.map_card_footer { 1028 text-align: center; /* Centers the SVG horizontally */ 1029 margin-top: -12px; 1030 padding: 0; 1031 border: 0; 1032} 1033 1034.map_card_footer svg { 1035 display: inline-block; 1036 vertical-align: middle; /* Aligns the SVG to the middle of the container */ 1037} 1038 1039 1040</style></div></div><div role="listitem" class="collection-item w-dyn-item"><div class="custom-embed w-embed"><a href="https://lateral-capital.webflow.io/portfolio?country=Nigeria"><div class="c-map_dot w-inline-block" style="margin-top: 24em; margin-left: 26em;"> 1041 1042 1043<div class="c-map_location" style="opacity: 0; transform: translate3d(50%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; display: none;"> 1044<div class="map_card_container"> 1045<div class="map_card"> 1046<div class="m_location"> 1047<p class="m_heading">Nigeria</p> 1048<img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb688_NG.png" width="28" height="20"> 1049</div> 1050<div class="map_item_wrapper"> 1051<p class="map_item">Mono</p> 1052<p class="map_item">SeamlessHR</p> 1053<p class="map_item">Workstyle</p> 1054</div> 1055</div> 1056 <div class="map_card_footer"> 1057 <svg width="17" height="14" viewBox="0 0 17 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 1058 <path d="M10.2321 13C9.46225 14.3333 7.53775 14.3333 6.76795 13L1.13879 3.25C0.368986 1.91667 1.33124 0.25 2.87084 0.25H14.1292C15.6688 0.25 16.631 1.91667 15.8612 3.25L10.2321 13Z" fill="#E1FCFF"/> 1059 </svg> 1060 </div> 1061</div> 1062</div> 1063 1064
1065<div class="c-map_circle"> 1066<div class="c-map_fill" style="opacity: 1; transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"> 1067</div> 1068</div> 1069</div></a> 1070 1071 1072 1073<style> 1074 1075.map_card { 1076 position: relative; 1077 border-top-left-radius: 10px; 1078 border-top-right-radius: 10px; 1079 text-align: left; 1080 width: 100%; 1081} 1082 1083.m_location { 1084 background-color: #fff; 1085 padding: 16px; 1086 color: #003138; 1087 font-size: 16px; 1088 line-height: 18px; 1089 font-weight: 500; 1090 letter-spacing: -3%; 1091 border-top-left-radius: 10px; 1092 border-top-right-radius: 10px; 1093 display: flex; 1094 justify-content: space-between; /* Centers items horizontally */ 1095 align-items: center; /* Centers items vertically */ 1096} 1097 1098.map_item_wrapper { 1099 background-color: #E1FCFF; 1100 border-bottom-left-radius: 10px; 1101 border-bottom-right-radius: 10px; 1102} 1103 1104.map_item { 1105 border-top: 0.4px solid #C8E8ED; 1106 padding: 6px 16px; 1107 color: #003138; 1108 font-size: 10px; 1109 line-height: 18px; 1110 font-weight: 500; 1111} 1112 1113.map_card_container { 1114 position: relative; /* Context for absolutely positioned children */ 1115 display: inline-block; /* Ensures that container wraps the card and SVG */ 1116 min-width: 180px; 1117 max-width: 200px; 1118 width: 100%; 1119} 1120 1121.map_card_footer { 1122 text-align: center; /* Centers the SVG horizontally */ 1123 margin-top: -12px; 1124 padding: 0; 1125 border: 0; 1126} 1127 1128.map_card_footer svg { 1129 display: inline-block; 1130 vertical-align: middle; /* Aligns the SVG to the middle of the container */ 1131} 1132 1133 1134</style></div></div></div></div><div class="c-map_dot is--hidden"><p class="c-map_location">Location One</p><div class="c-map_circle"><div class="c-map_fill"></div></div></div></div></div><div class="padding-global"><div class="container-large modified"><div class="div-align-right margin-right-16pc alternate-mobile"><div class="max-width-440"><div class="border-left-green"><div class="margin-left margin-20"><div data-w-id="1e809489-742e-56d9-faea-f57d8706e9db" class="text-size-xlarge"><span class="text-style-italic text-weight-medium text-color-bgblue">Our mission</span> is to partner with bold founders building foundational technologies in the fastest emerging markets.<br/><br/>We strive to support outstanding teams developing transformative digital solutions where technology ecosystems are at an inflection point.</div></div></div></div></div></div></div></div></div></div><div class="background-wrapper"></div></header><section id="features" class="section_layout242 background-color-midgreen"><div class="padding-vertical padding-large"><div class="layout242_component"><div class="logos-container2"><div class="logos-row2"><div class="w-dyn-list"><div role="list" class="collection-list-3 w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/portfolio/appzone" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb652_Appzone.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/mesh" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb653_Mesh%2B.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/qore" class="w-inline-block"><img src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" alt="" class="logo w-dyn-bind-empty"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/minka" class="w-inline-block"><img src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" alt="" class="logo w-dyn-bind-empty"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/pngme" class="w-inline-block"><img src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" alt="" class="logo w-dyn-bind-empty"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/4g-capital" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb654_4G%20capital.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/medsaf" class="w-inline-block"><img src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" alt="" class="logo w-dyn-bind-empty"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/kountable" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb655_Kountable.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/zone" class="w-inline-block"><img src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" alt="" class="logo w-dyn-bind-empty"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/lipa-later" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb656_Lip
1134aLater.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/lynk" class="w-inline-block"><img src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" alt="" class="logo w-dyn-bind-empty"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/silvertreebirds" class="w-inline-block"><img src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" alt="" class="logo w-dyn-bind-empty"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/asoko-insight" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb657_Asoko%20Insght.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/acturus" class="w-inline-block"><img src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" alt="" class="logo w-dyn-bind-empty"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/autocheck" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb658_Autochek.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/koko" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb659_Koko.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/ejara" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb65a_Ejara.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/b54" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb65b_B54.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/kashier" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb65c_Kashier.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/vibra" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb65d_Vibra.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/masa" class="w-inline-block"><img src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" alt="" class="logo w-dyn-bind-empty"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/carry1st" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb65e_Carry%201st.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/workstyle" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb65f_Workstyle.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/mono" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb660_Mono.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/sparkmeter" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb661_Sparkmeter.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/seamlesshr" class="w-inline-block"><img src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" alt="" class="logo w-dyn-bind-empty"/></a></div></div></div></div><div class="logos-row2"><div class="w-dyn-list"><div role="list" class="collection-list-3 w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/portfolio/appzone" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb652_Appzone.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/mesh" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb653_Mesh%2B.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/qore" class="w-inline-block"><img src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" alt="" class="logo w-dyn-bind-empty"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/minka" class="w-inline-block"><img src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" alt="" class="logo w-dyn-bind-empty"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/pngme" class="w-inline-block"><img src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" alt="" class="logo w-dyn-bind-empty"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/4g-capital" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb654_4G%20capital.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/medsaf" class="w-inline-block"><img src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" alt="" class="logo w-dyn-bind-empty"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/kountable" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb655_Kountable.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/zone" class="w-inline-block"><img src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" alt="" class="logo w-dyn-bind-empty"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/lipa-later" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb656_Lip
1134aLater.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/lynk" class="w-inline-block"><img src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" alt="" class="logo w-dyn-bind-empty"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/silvertreebirds" class="w-inline-block"><img src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" alt="" class="logo w-dyn-bind-empty"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/asoko-insight" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb657_Asoko%20Insght.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/acturus" class="w-inline-block"><img src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" alt="" class="logo w-dyn-bind-empty"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/autocheck" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb658_Autochek.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/koko" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb659_Koko.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/ejara" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb65a_Ejara.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/b54" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb65b_B54.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/kashier" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb65c_Kashier.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/vibra" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb65d_Vibra.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/masa" class="w-inline-block"><img src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" alt="" class="logo w-dyn-bind-empty"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/carry1st" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb65e_Carry%201st.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/workstyle" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb65f_Workstyle.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/mono" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb660_Mono.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/sparkmeter" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb661_Sparkmeter.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/seamlesshr" class="w-inline-block"><img src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" alt="" class="logo w-dyn-bind-empty"/></a></div></div></div></div><div class="logos-row2"><div class="w-dyn-list"><div role="list" class="collection-list-3 w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/portfolio/appzone" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb652_Appzone.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/mesh" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb653_Mesh%2B.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/qore" class="w-inline-block"><img src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" alt="" class="logo w-dyn-bind-empty"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/minka" class="w-inline-block"><img src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" alt="" class="logo w-dyn-bind-empty"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/pngme" class="w-inline-block"><img src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" alt="" class="logo w-dyn-bind-empty"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/4g-capital" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb654_4G%20capital.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/medsaf" class="w-inline-block"><img src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" alt="" class="logo w-dyn-bind-empty"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/kountable" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb655_Kountable.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/zone" class="w-inline-block"><img src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" alt="" class="logo w-dyn-bind-empty"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/lipa-later" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb656_Lip
1134aLater.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/lynk" class="w-inline-block"><img src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" alt="" class="logo w-dyn-bind-empty"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/silvertreebirds" class="w-inline-block"><img src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" alt="" class="logo w-dyn-bind-empty"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/asoko-insight" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb657_Asoko%20Insght.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/acturus" class="w-inline-block"><img src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" alt="" class="logo w-dyn-bind-empty"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/autocheck" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb658_Autochek.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/koko" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb659_Koko.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/ejara" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb65a_Ejara.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/b54" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb65b_B54.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/kashier" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb65c_Kashier.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/vibra" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb65d_Vibra.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/masa" class="w-inline-block"><img src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" alt="" class="logo w-dyn-bind-empty"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/carry1st" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb65e_Carry%201st.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/workstyle" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb65f_Workstyle.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/mono" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb660_Mono.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/sparkmeter" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb661_Sparkmeter.svg" loading="lazy" alt="" class="logo"/></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/seamlesshr" class="w-inline-block"><img src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" alt="" class="logo w-dyn-bind-empty"/></a></div></div></div></div><div class="w-embed"><style> 1135 @keyframes scroll { 1136 from { 1137 transform: translateX(0); 1138 } 1139 to { 1140 transform: translateX(-100%); 1141 } 1142 } 1143 1144 .logos-row2 { 1145 animation: scroll 40s linear infinite; 1146 } 1147 1148 /*.logos-container2:hover .logos-row2 { 1149 animation-play-state: paused; */ 1150 } 1151</style></div></div></div></div></section><section class="section_gallery21 background-color-midgreen top-border"><div class="padding-global"><div class="container-large modified z-index-2"><div class="padding-section-large"><div><div class="gallery21_component"></div><div class="section is--slider"><div class="slider-title2"><div class="padding-bottom padding-custom2 border-bottom"><div class="display-flex space-between align-bottom w-clearfix"><div class="max-width-660 border-landscape"><div class="margin-bottom margin-xsmall"><div data-a-split="line" class="text-style-allcaps text-color-bgblue letter-space-2px">Our Reputation Inspires Trust<br/></div></div><div class="margin-bottom"><h2 class="heading-style-h2 text-weight-semibold">A multitude of <span class="heading-style-h1 text-style-italic text-color-bgblue">successful</span> partnerships</h2></div></div><div class="arrow_contain"><a href="#" class="arrow slider-prev w-inline-block"><div class="icon-1x1-xsmall w-embed">
1151<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> 1152<path d="M20 12.2256C20 11.8459 19.7178 11.5321 19.3518 11.4824L19.25 11.4756L4.25 11.4756C3.83579 11.4756 3.5 11.8114 3.5 12.2256C3.5 12.6053 3.78215 12.9191 4.14823 12.9687L4.25 12.9756L19.25 12.9756C19.6642 12.9756 20 12.6398 20 12.2256Z" fill="currentColor"/> 1153<path d="M10.829 6.73271C11.1225 6.44045 11.1235 5.96558 10.8313 5.67206C10.5656 5.40522 10.149 5.38012 9.85489 5.59734L9.77062 5.66977L3.72062 11.6938C3.45298 11.9603 3.42863 12.3784 3.64759 12.6724L3.72057 12.7567L9.77057 18.7817C10.0641 19.074 10.5389 19.073 10.8312 18.7795C11.0969 18.5127 11.1203 18.0959 10.9018 17.8028L10.829 17.7188L5.313 12.2249L10.829 6.73271Z" fill="currentColor"/> 1154</svg></div></a><a href="#" class="arrow slider-next w-inline-block"><div class="icon-1x1-xsmall w-embed"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> 1155<path d="M4 12.2256C4 11.8459 4.28215 11.5321 4.64823 11.4824L4.75 11.4756L19.75 11.4756C20.1642 11.4756 20.5 11.8114 20.5 12.2256C20.5 12.6053 20.2178 12.9191 19.8518 12.9687L19.75 12.9756L4.75 12.9756C4.33579 12.9756 4 12.6398 4 12.2256Z" fill="currentColor"/> 1156<path d="M13.171 6.73271C12.8775 6.44045 12.8765 5.96558 13.1687 5.67206C13.4344 5.40522 13.851 5.38012 14.1451 5.59734L14.2294 5.66977L20.2794 11.6938C20.547 11.9603 20.5714 12.3784 20.3524 12.6724L20.2794 12.7567L14.2294 18.7817C13.9359 19.074 13.4611 19.073 13.1688 18.7795C12.9031 18.5127 12.8797 18.0959 13.0982 17.8028L13.171 17.7188L18.687 12.2249L13.171 6.73271Z" fill="currentColor"/> 1157</svg></div></a></div></div></div></div><div class="padding-vertical padding-custom2 border-bottom"><div class="slider_contain"><div class="wrapper w-dyn-list"><div id="slider-id" role="list" class="list w-dyn-items w-row"><div role="listitem" class="item w-dyn-item w-col w-col-4"><div class="slider-background"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb64e_Appzone%20Slider%202.avif" loading="lazy" alt="" class="slider-image"/><div class="slider-content"><div class="padding-bottom padding-custom1"><div>âDigital transformation is elemental both for banks and fintechs today. Appzone provides the core infrastructure driving this transformation.â</div></div><div class="line-divider is-slider"></div><div class="margin-top margin-custom1"><div class="display-flex space-between wrap"><div class="text-size-medium text-style-allcaps">Emetarom Obi, CEO</div><div class="logo-text">SeamlessHR</div></div></div></div></div></div><div role="listitem" class="item w-dyn-item w-col w-col-4"><div class="slider-background"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb64d_Card%20Thumbnail.avif" loading="lazy" alt="" class="slider-image"/><div class="slider-content"><div class="padding-bottom padding-custom1"><div>As consumers shift towards digital media consumption, it is evident that mobile content is among the next main channels of consuming content especially in Africa.</div></div><div class="line-divider is-slider"></div><div class="margin-top margin-custom1"><div class="display-flex space-between wrap"><div class="text-size-medium text-style-allcaps">Cordel Robbin-Coker</div><div class="logo-text">Appzone</div></div></div></div></div></div><div role="listitem" class="item w-dyn-item w-col w-col-4"><div class="slider-background"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb64c_SeamlessHR%20Slider.avif" loading="lazy" alt="" class="slider-image"/><div class="slider-content"><div class="padding-bottom padding-custom1"><div>Though HR is global, many HR needs are local and many African HR softwares are not robust enough for enterprise-scale HR needs.</div></div><div class="line-divider is-slider"></div><div class="margin-top margin-custom1"><div class="display-flex space-between wrap"><div class="text-size-medium text-style-allcaps">Dr. Emmanuel Okeleji</div><div class="logo-text">SeamlessHR</div></div></div></div></div></div><div role="listitem" class="item w-dyn-item w-col w-col-4"><div class="slider-background"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb64b_AppZone%20Slider.avif" loading="lazy" alt="" sizes="(max-width: 479px) 60vw, (max-width: 767px) 36vw, (max-width: 991px) 17vw, 16vw" srcset="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb64b_AppZone%20Slider.avif 500w, https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb493/66ce8411ece5650ae3ceb64b_AppZone%20Slider.avif 1184w" class="slider-image"/><div class="slider-content"><div class="padding-bottom padding-custom1"><div>Digital transformation is elemental both for banks and fintechs today. Appzone provides the core infrastru
1157cture driving this transformation.</div></div><div class="line-divider is-slider"></div><div class="margin-top margin-custom1"><div class="display-flex space-between wrap"><div class="text-size-medium text-style-allcaps">Obi Emetarom, CEO</div><div class="logo-text">Appzone</div></div></div></div></div></div></div></div></div></div></div></div><div class="margin-top margin-xlarge"><div class="div-align-right margin-right-16pc stay-right"><div class="max-width-440"><h3 data-a-split="line" class="heading-style-h0">Discover<br/>Partnerships</h3><div class="margin-top margin-custom2"><div class="button-group"><a href="/portfolio" class="w-inline-block"><div class="button background-light-green-pri"><div class="display-inlineflex colgap-10"><div>Find more partners</div><div class="icon-1x1-xsmall w-embed"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> 1158<path d="M4 12.2257C4 11.846 4.28215 11.5322 4.64823 11.4826L4.75 11.4757L19.75 11.4757C20.1642 11.4757 20.5 11.8115 20.5 12.2257C20.5 12.6054 20.2178 12.9192 19.8518 12.9689L19.75 12.9757L4.75 12.9757C4.33579 12.9757 4 12.6399 4 12.2257Z" fill="currentColor"/> 1159<path d="M13.171 6.73278C12.8775 6.44051 12.8765 5.96564 13.1687 5.67212C13.4344 5.40528 13.851 5.38018 14.1451 5.5974L14.2294 5.66983L20.2794 11.6938C20.547 11.9603 20.5714 12.3784 20.3524 12.6725L20.2794 12.7567L14.2294 18.7817C13.9359 19.074 13.4611 19.073 13.1688 18.7795C12.9031 18.5127 12.8797 18.096 13.0982 17.8028L13.171 17.7189L18.687 12.225L13.171 6.73278Z" fill="currentColor"/> 1160</svg></div></div></div></a></div></div></div></div></div></div></div></div><div class="padding-global"><div class="background-wrapper no-noise"></div></div></section><section class="section_layout1 background-light-blue thesis-link_illustration"><div class="padding-global"><div class="container-large modified"><div class="display-flex colgap-72"><div class="width-55pc modify margin-top"><div class="max-width-660 reduced-landscape"><h2 data-a-split="line" class="heading-style-h1">Thesis-led, inflection-focused investing</h2></div></div></div></div></div><div class="show-mobile-landscape"><div><div class="spacer-48"></div><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb46b/66ce8411ece5650ae3ceb4e4_Thesis%20Illustration.png" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb46b/66ce8411ece5650ae3ceb4e4_Thesis%2520Illustration-p-500.png 500w, https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb46b/66ce8411ece5650ae3ceb4e4_Thesis%2520Illustration-p-800.png 800w, https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb46b/66ce8411ece5650ae3ceb4e4_Thesis%2520Illustration-p-1080.png 1080w, https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb46b/66ce8411ece5650ae3ceb4e4_Thesis%20Illustration.png 1310w" alt=""/></div></div></section><section class="section_layout1 background-light-blue thesis-link_wrapper"><div class="padding-global"><div class="container-large modified"><div class="padding-thesis"><div class="display-flex align-top colgap-72"><div class="width-55pc modify"><div class="max-width-660"><h2 data-a-split="line" data-a-delay="0.2" class="heading-style-h2 text-weight-semibold modified">Our Thesis: Embracing Transformative Inflections</h2></div></div><div class="width-45pc modify"><div class="layout1_content"><div class="max-width-592"><p data-a-split="line" data-a-delay="0.3" class="text-size-large text-color-black">We believe that inflection pointsâthose pivotal events that change the way we think and actâare the key to unlocking transformative opportunities. Guided by a clear investment thesis, we position ourselves at these intersections to support visionary founders and groundbreaking technologies. By focusing on these critical junctures, we aim to drive sustained growth and create lasting impact in Africa and the worldâs fastest-growing markets.<br/></p></div><div class="margin-top margin-custom2"><div class="button-group"><a href="/thesis" target="_blank" class="w-inline-block"><div class="button background-dark-green"><div class="display-inlineflex colgap-10"><div>Learn More</div><div class="icon-1x1-xsmall w-embed">
1160<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> 1161<path d="M4 12.2257C4 11.846 4.28215 11.5322 4.64823 11.4826L4.75 11.4757L19.75 11.4757C20.1642 11.4757 20.5 11.8115 20.5 12.2257C20.5 12.6054 20.2178 12.9192 19.8518 12.9689L19.75 12.9757L4.75 12.9757C4.33579 12.9757 4 12.6399 4 12.2257Z" fill="currentColor"/> 1162<path d="M13.171 6.73278C12.8775 6.44051 12.8765 5.96564 13.1687 5.67212C13.4344 5.40528 13.851 5.38018 14.1451 5.5974L14.2294 5.66983L20.2794 11.6938C20.547 11.9603 20.5714 12.3784 20.3524 12.6725L20.2794 12.7567L14.2294 18.7817C13.9359 19.074 13.4611 19.073 13.1688 18.7795C12.9031 18.5127 12.8797 18.096 13.0982 17.8028L13.171 17.7189L18.687 12.225L13.171 6.73278Z" fill="currentColor"/> 1163</svg></div></div></div></a></div></div><div class="margin-top margin-xxlarge"><div class="text-style-allcaps hide-mobile-landscape">Massive climate tech opportunities</div></div></div></div></div></div></div></div></section><div class="section_cards"><div class="display-flex align-top colgap-72d-0m"><div class="width-55pc alternate"></div><div class="width-45pc display-flex"><div class="shift-card background-color-cream"><div class="text-color-green-shade"><div class="margin-bottom margin-xsmall"><div class="w-embed"><svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg"> 1164<rect width="32" height="32" transform="translate(0 0.5)" fill="white" fill-opacity="0.01" style="mix-blend-mode:multiply"/> 1165<path d="M30 18.5H20V24.9678C20 26.8907 21.1231 28.6651 22.8613 29.4873L25 30.5L27.1387 29.4873C28.877 28.665 30 26.8906 30 24.9678V18.5ZM25 28.2861L23.7168 27.6787C22.6738 27.1855 22 26.1211 22 24.9678V20.5H28V24.9678C28 26.1211 27.3262 27.1856 26.2832 27.6787L25 28.2861Z" fill="currentColor"/> 1166<path d="M17 18.5H5C3.8955 18.5 3 19.3954 3 20.5V25.5C3 26.6045 3.8955 27.5 5 27.5H17V25.5H5V20.5H17V18.5Z" fill="currentColor"/> 1167<path d="M27 4.5H22C20.8955 4.5 20 5.3954 20 6.5V15.5H22V6.5H27V15.5H29V6.5C29 5.3954 28.1045 4.5 27 4.5Z" fill="currentColor"/> 1168<path d="M15 4.5H5C3.8955 4.5 3 5.3954 3 6.5V13.5C3 14.6045 3.8955 15.5 5 15.5H15C16.1045 15.5 17 14.6045 17 13.5V6.5C17 5.3954 16.1045 4.5 15 4.5ZM5 13.5V6.5H15V13.5H5Z" fill="currentColor"/> 1169</svg></div></div><div class="max-width-260"><div class="text-size-xxlarge text-weight-medium">Shift towards decarbonization</div></div></div></div><div class="shift-card background-color-midgreen"><div class="text-color-light-green"><div class="margin-bottom margin-xsmall"><div class="w-embed"><svg width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg"> 1170<rect width="32" height="32" transform="translate(0.5 0.5)" fill="white" fill-opacity="0.01" style="mix-blend-mode:multiply"/> 1171<path d="M23 28.9L22.1 27.1C26.1 25 28.6 20.9 28.6 16.5C28.6 9.9 23.2 4.5 16.6 4.5C15.3 4.5 14.1 4.7 12.9 5.1L12.3 3.2C13.6 2.7 15 2.5 16.5 2.5C24.2 2.5 30.5 8.8 30.5 16.5C30.5 21.7 27.6 26.5 23 28.9Z" fill="currentColor"/> 1172<path d="M21 24.3L20 22.6C22.2 21.4 23.5 19 23.5 16.5C23.5 12.6 20.4 9.5 16.5 9.5C15.9 9.5 15.3 9.6 14.7 9.7L14.2 7.8C15 7.6 15.7 7.5 16.5 7.5C21.5 7.5 25.5 11.5 25.5 16.5C25.5 19.7 23.8 22.7 21 24.3Z" fill="currentColor"/> 1173<path d="M10 28.9C5.4 26.5 2.5 21.7 2.5 16.5C2.5 15 2.7 13.6 3.2 12.2L5.1 12.8C4.7 14 4.5 15.2 4.5 16.5C4.5 21 7 25.1 11 27.1L10 28.9Z" fill="currentColor"/> 1174<path d="M12 24.3C9.2 22.7 7.5 19.7 7.5 16.5C7.5 15.7 7.6 15 7.8 14.3L9.7 14.8C9.6 15.3 9.5 15.9 9.5 16.5C9.5 19 10.8 21.3 13 22.6L12 24.3Z" fill="currentColor"/> 1175<path d="M20.5 16.5C20.5 14.3 18.7 12.5 16.5 12.5C15.8 12.5 15.1 12.7 14.5 13.1L9.4 8C9.5 7.8 9.5 7.7 9.5 7.5C9.5 6.4 8.6 5.5 7.5 5.5C6.4 5.5 5.5 6.4 5.5 7.5C5.5 8.6 6.4 9.5 7.5 9.5C7.7 9.5 7.8 9.5 8 9.4L13.1 14.5C12.7 15.1 12.5 15.8 12.5 16.5C12.5 18.4 13.8 19.9 15.5 20.4V27.8C14.9 28.1 14.5 28.8 14.5 29.5C14.5 30.6 15.4 31.5 16.5 31.5C17.6 31.5 18.5 30.6 18.5 29.5C18.5 28.8 18.1 28.1 17.5 27.8V20.4C19.2 19.9 20.5 18.4 20.5 16.5ZM16.5 18.5C15.4 18.5 14.5 17.6 14.5 16.5C14.5 15.4 15.4 14.5 16.5 14.5C17.6 14.5 18.5 15.4 18.5 16.5C18.5 17.6 17.6 18.5 16.5 18.5Z" fill="currentColor"/> 1176</svg></div></div><div class="width-260"><div class="max-width-140"><div class="text-size-xxlarge text-weight-medium">Financialâ¨Technology</div></div></div></div></div></div></div></div></main><footer class="footer1_component background-color-secgreen"><div class="padding-global"><div class="container-large modified"><div class="spacer-large"></div><div class="footer-main"><div class="padding-bottom padding-xxlarge"><div class="padding-bottom padding-xxlarge"><div class="w-layout-grid footer1_top-wrapper modify"><div class="margin-top margin-xxlarge is-footer"><div class="footer1_left-wrapper margin-right"><div class="margin-bottom margin-small padding-left"><a href="#" class="footer1_logo-link w-nav-brand"><img src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb46b/66ce8411ece5650ae3ceb4da_Lateral%20Frontiers%20Logo.svg" loading="lazy" alt="Lateral Frontiers Logo"/></a></div><div class="margin-bottom margin-xxhuge padding-left"><div class="max-width-420 modify"><div class="text-color-green-10">We are investing in innovators who will shape our future in some of the most challenging geographies in the world. To do that, we must embrace ambiguity, ask ourselves what can go right, and constantly test our assumptions.</div></div></div><div class="w-layout-grid footer1_menu-wrapper modify"><div class="footer1_link-list text-color-white"><div class="margin-bottom margin-xsmall"><div class="text-size-large text-weight-medium">Lateral</div></div><a href="#" class="footer1_link">Home</a><a href="#" class="footer1_link">About us</a><a href="/portfolio" class="footer1_link">Portfolio</a><a href="#" class="footer1_link">Insight</a><a href="/thesis" class="footer1_link">Thesis</a><a href="/contact" class="footer1_link">Contact</a></div><div class="footer1_link-list text-color-white"><div class="margin-bottom margin-xsmall"><div class="text-size-large text-weight-medium">Company</div></div><a href="/terms-of-service" class="footer1_link">Terms of Service</a><a href="/privacy-policy" class="footer1_link">Privacy Policy</a></div><div class="footer1_link-list text-color-white"><div class="margin-bottom margin-xsmall"><div class="text-size-large text-weight-medium">Contact</div></div><a href="#" class="footer1_link">Twitter</a><a href="#" class="footer1_link">Instagram</a><a href="#" class="footer1_link">Linkedin</a></div></div></div></div><div id="w-node-e4f5c82b-5ec9-01a7-4199-4dac54a55c9c-45be21d4" class="margin-top margin-large"><div class="code-embed w-embed w-script"><a class="twitter-timeline" data-height="680" data-theme="light" href="https://twitter.com/lateralcap?ref_src=twsrc%5Etfw">Tweets by lateralcap</a>
1176<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
1176 1177 1178<style> 1179a { 1180color: white; 1181} 1182</style></div></div></div></div><div class="padding-top padding-medium"><div class="footer1_bottom-wrapper"><div class="footer1_credit-text text-color-white">Copyright. Lateral Frontier 2024</div></div></div></div></div></div></div><a href="#" class="backtop-wrapper w-inline-block"><div class="icon-1x1-xsmall w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 1183<path d="M12 19V5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 1184<path d="M5 12L12 5L19 12" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 1185</svg></div></a></footer></div>
1185<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=66ce8411ece5650ae3ceb46b" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
1185<script src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb46b/js/webflow.schunk.36b8fb49256177c8.js" type="text/javascript"></script>
1185<script src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb46b/js/webflow.schunk.f5dc15c15447c76d.js" type="text/javascript"></script>
1185<script src="https://cdn.prod.website-files.com/66ce8411ece5650ae3ceb46b/js/webflow.02ee3af4.0461be71d8c5cb2e.js" type="text/javascript"></script>
1185<script src="https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.15/jquery.bxslider.min.js"></script>
vendor: 1 bytes, line 1185
1185
1186<script src="https://wd5r9m.csb.app/rayna.js"></script>
vendor: 1 bytes, line 1186
1186
1187<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.0/gsap.min.js"></script>
vendor: 1 bytes, line 1187
1187
1188<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.0/ScrollTrigger.min.js"></script>
vendor: 1 bytes, line 1188
1188
1189<script src="https://cdn.jsdelivr.net/gh/vallafederico/hacking-webflow@master/dist/text-split.03.js"></script>
vendor: 1 bytes, line 1189
1189
1190<script src="https://unpkg.com/split-type"></script>
vendor: 1 bytes, line 1190
1190
1191<script src="https://wd5r9m.csb.app/gsap.js"></script>
1191 1192
1193<script src="https://cdn.jsdelivr.net/gh/studio-freight/[email protected]/bundled/lenis.min.js"></script>
1193 1194
1195<script> 1196 1197// LENIS SMOOTH SCROLL 1198let lenis; 1199if (Webflow.env("editor") === undefined) { 1200 lenis = new Lenis({ 1201 lerp: 0.1, 1202 wheelMultiplier: 0.7, 1203 gestureOrientation: "vertical", 1204 normalizeWheel: false, 1205 smoothTouch: false 1206 }); 1207 function raf(time) { 1208 lenis.raf(time); 1209 requestAnimationFrame(raf); 1210 } 1211 requestAnimationFrame(raf); 1212} 1213$("[data-lenis-start]").on("click", function () { 1214 lenis.start(); 1215}); 1216$("[data-lenis-stop]").on("click", function () { 1217 lenis.stop(); 1218}); 1219$("[data-lenis-toggle]").on("click", function () { 1220 $(this).toggleClass("stop-scroll"); 1221 if ($(this).hasClass("stop-scroll")) { 1222 lenis.stop(); 1223 } else { 1224 lenis.start(); 1225 } 1226}); 1227</script>
1227 1228 1229
1230<script> 1231 1232$(document).ready(function(){ 1233 $('.carousel').bxSlider({ 1234 pager: false, 1235 slideMargin: 0, 1236 controls: false, 1237 speed: 30000, 1238 useCSS: false, 1239 ticker: true, 1240 tickerHover: false, 1241 slideWidth: 240, 1242 responsive: true, 1243 minSlides: 1, 1244 maxSlides: 12, 1245 }); 1246 1247}); 1248 1249</script>
1249 1250
1251<script> 1252 const Webflow = window.Webflow || []; Webflow.push(function(){ 1253 1254 // USER CONFIGURATION 1255 // ================== 1256 1257 // Enter the class names of your styled page number links 1258 const linkClassName = 'page-link'; 1259 const currentClassName = 'current-page'; 1260 1261 // Set the max range of page numbers to show (false or integer) 1262 const maxPageCount = 10; 1263 1264 // PAGINATION MAGIC (DON'T EDIT) 1265 // ============================= 1266 $('.w-page-count').each(function(){ 1267 const collectionUrl = $(this).closest('.w-pagination-wrapper').find('[class*="w-pagination"]').first().prop('href').split('=')[0]; 1268 const totalPageCount = parseInt(/[^/]*$/.exec($(this).text())[0].trim()); 1269 const currentPageNumber = parseInt($(this).text().split('/')[0].trim()); 1270 let pageCount = maxPageCount || totalPageCount; 1271 const pagesToDisplay = Math.max(1, Math.min(pageCount, totalPageCount)); 1272 const middlePageNumber = Math.ceil((pagesToDisplay - 1) / 2); 1273 const endingPageNumber = Math.min(Math.max(1, currentPageNumber - middlePageNumber) + (pagesToDisplay - 1), totalPageCount); 1274 const startingPageNumber = endingPageNumber - (pagesToDisplay - 1); 1275 1276 $(this).empty(); 1277 1278 for (let i = startingPageNumber; i <= endingPageNumber; i++) { 1279 let pageNumber = i; 1280 let pageLink = collectionUrl + '=' + pageNumber; 1281 let isCurrentPage = pageNumber == currentPageNumber; 1282 const $anchor = $('<a>', { 1283 class: [isCurrentPage && currentClassName, linkClassName].filter(a => a).join(' '), 1284 href: pageLink, 1285 text: pageNumber, 1286 }); 1287 $(this).append($anchor); 1288 } 1289 }); 1290 1291 }) 1292</script>
1292 1293 1294<!-- Script to fix Active/Clear Filter -->
1295<script> 1296document.addEventListener('DOMContentLoaded', function() { 1297 const filters = document.querySelectorAll('.checkbox'); 1298 const clearAllButton = document.getElementById('clear-all-filters'); 1299 1300 function checkActiveFilters() { 1301 const activeFilters = Array.from(filters).some(filter => filter.checked); 1302 clearAllButton.style.display = activeFilters ? 'block' : 'none'; 1303 } 1304 1305 // Initial check in case any filters are pre-activated 1306 checkActiveFilters(); 1307 1308 filters.forEach(filter => { 1309 filter.addEventListener('change', function() { 1310 // Check the status of filters whenever a filter is changed 1311 checkActiveFilters(); 1312 }); 1313 }); 1314 1315 clearAllButton.addEventListener('click', function(event) { 1316 event.preventDefault(); 1317 filters.forEach(filter => { 1318 filter.checked = false; 1319 }); 1320 checkActiveFilters(); 1321 }); 1322}); 1323</script>
1323 1324 1325<!-- Baxk to Top Arrow Visibility Trigger -->
1326<script> 1327document.addEventListener("DOMContentLoaded", function() { 1328 var backToTopButton = document.querySelector(".backtop-wrapper"); 1329 1330 window.addEventListener("scroll", function() { 1331 if (window.scrollY > 3 * window.innerHeight) { 1332 backToTopButton.style.display = "block"; 1333 } else { 1334 backToTopButton.style.display = "none"; 1335 } 1336 }); 1337 1338 backToTopButton.addEventListener("click", function(e) { 1339 e.preventDefault(); 1340 window.scrollTo({ top: 0, behavior: 'smooth' }); 1341 }); 1342}); 1343</script>
vendor: 1 bytes, line 1343
1343
1344<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
1344 1345
1346<script> 1347$(document).ready(function(){ 1348 function updateActiveSlide() { 1349 // Get the leftmost visible slide 1350 var $slides = $('.slick-slide'); 1351 var viewportLeft = $(window).scrollLeft(); 1352 var viewportRight = viewportLeft + $(window).width(); 1353 1354 var leftmostVisibleSlide = null; 1355 var minDistance = Infinity; 1356 1357 $slides.each(function() { 1358 var $slide = $(this); 1359 var slideLeft = $slide.offset().left; 1360 1361 // Check if the slide is visible in the viewport 1362 if (slideLeft >= viewportLeft && slideLeft < viewportRight) { 1363 var distance = slideLeft - viewportLeft; 1364 if (distance < minDistance) { 1365 minDistance = distance; 1366 leftmostVisibleSlide = $slide; 1367 } 1368 } 1369 }); 1370 1371 // Remove the custom class from all slides 1372 $slides.removeClass('slider-class'); 1373 $('.slider-background').css({ 1374 'width': '', 1375 'background-color': '' 1376 }); 1377 $('.slick-slide').find('*').css('color', ''); 1378 1379 // Add the custom class to the leftmost visible slide 1380 if (leftmostVisibleSlide) { 1381 leftmostVisibleSlide.addClass('slider-class'); 1382 1383 // Apply styles to the slider-background and text elements 1384 leftmostVisibleSlide.find('.item').css({ 1385 'width': '640px' 1386 }); 1387 leftmostVisibleSlide.find('.slider-background').css({ 1388 'background-color': '#003138' 1389 }); 1390 leftmostVisibleSlide.find('*').css('color', '#fff'); 1391 } 1392 } 1393 1394 // Initialize the slick slider 1395 $('.list').slick({ 1396 dots: false, 1397 speed: 700, 1398 infinite: true, 1399 slidesToShow: 3, 1400 slidesToScroll: 1, 1401 arrows: false, 1402 focusOnSelect: false, 1403 touchThreshold: 100, 1404 autoplay: true, 1405 autoplaySpeed: 3000, 1406 responsive: [ 1407 { 1408 // landscape 1409 breakpoint: 767, 1410 settings: { 1411 slidesToShow: 2 1412 } 1413 }, 1414 { 1415 // mobile portrait 1416 breakpoint: 479, 1417 settings: { 1418 slidesToShow: 1 1419 } 1420 } 1421 ] 1422 }); 1423 1424 // Call updateActiveSlide on initialization and after every change 1425 $('.list').on('setPosition', function(event, slick, currentSlide){ 1426 updateActiveSlide(); 1427 }); 1428 1429 // Also call updateActiveSlide on window resize to account for viewport changes 1430 $(window).on('resize', function(){ 1431 updateActiveSlide(); 1432 }); 1433 1434 // Initial call to set the active slide 1435 updateActiveSlide(); 1436 1437 // Navigation buttons 1438 $('.slider-prev').click(function(){ 1439 $(this).closest('.section').find(".list").slick('slickPrev'); 1440 }); 1441 1442 $('.slider-next').click(function(){ 1443 $(this).closest('.section').find(".list").slick('slickNext'); 1444 }); 1445}); 1446</script>
1446 1447 1448<style> 1449/* Smooth transitions for color and width changes */ 1450.slider-background, .item { 1451 transition: background-color 0.1s ease, width 0.1s ease; 1452} 1453</style> 1454 1455 1456</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.