/home/bdqbpbxa/demo-subdomains/paytech.goodface.com.ua/frontend/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>
Homepage
</title>
<!-- TODO: Set or remove page description -->
<meta charset="utf-8">
<meta name="description" content="Page description">
<!-- TODO: Delete noindex on production -->
<meta name="robots" content="noindex">
<meta name="googlebot" content="noindex">
<!-- TODO: Set absolute page URL -->
<link rel="canonical" href="https://sitename.com/page">
<!-- Mobile -->
<meta name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<!-- Styles -->
<link rel="stylesheet" type="text/css" href="css/lib/swiper-bundle.min.css">
<link rel="stylesheet" type="text/css" href="css/lib/scroll-animations.css">
<link rel="stylesheet" type="text/css" href="css/styles.css">
<link rel="stylesheet" type="text/css" href="css/adaptive.css">
<!-- Opengraph -->
<meta name="twitter:card" content="summary_large_image">
<meta property="og:type" content="website">
<meta property="og:image:type" content="images/png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:url" content="https://paytech.com">
<meta property="og:site_name" content="Paytech">
<meta property="og:title" content="Paytech - homepage">
<meta property="og:description" content="Paytech - homepage">
<meta property="og:image" content="images/opengraph.png">
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="images/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
<link rel="manifest" href="images/favicon/site.webmanifest">
<link rel="mask-icon" href="images/favicon/safari-pinned-tab.svg" color="#512ccc">
<meta name="msapplication-TileColor" content="#512ccc">
<meta name="theme-color" content="#ffffff">
</head>
<body class="-has-conveyor">
<script>
// Allow animations if JS support is enabled
document.body.classList.add('-allow-animations');
// Don't show preloader again if the page was visited
let preloader = document.querySelector('.preloader');
let fullPageUrl = window.location.href;
let visitedPages = window.localStorage.getItem('visited-pages');
let visitedPagesArr = visitedPages ? visitedPages.split(' ') : '';
let isPreloaderLoaded = visitedPagesArr.includes(fullPageUrl);
if (preloader && isPreloaderLoaded) {
preloader.remove();
} else if (preloader) {
preloader.classList.add('-visible');
}
</script>
<div class="conveyor-container text-5">
<div class="conveyor-belt__belt" data-check-in-viewport>
<div class="conveyor-belt__belt-part">
Full version of website is currently under development. Stay tuned.
</div>
</div>
</div>
<header class="header">
<div class="container -bigger">
<div class="header__wrapper">
<a href="index.html" class="logo">
<img src="images/icons/logo.svg" alt="Paytech - logo">
<img src="images/icons/logo-black.svg" alt="Paytech - black logo">
</a>
<a href="#form-section" class="default-button -smaller">
Get started
</a>
</div>
</div>
</header>
<main>
<section class="hero --black-section --has-bg">
<div class="container -bigger">
<div class="hero__wrapper" data-animate-group="list">
<div class="hero__left">
<p class="section-label text-5 mob-text-5 -medium" data-animate="fade" data-index="2">
White Label Payment Gateway
</p>
<h1 class="title-1 mob-title-1 section-title" data-animate="word" data-index="1">
Paytech <i>Payment</i> <i>Gateway:</i> Unlock <br />
<span class="img"><span class="img-wrapper"><img src="images/homepage/hero/text-icon.svg"
alt=""></span></span> Your Global <br />
Payment Business <br class="--pc-display">
Potential
</h1>
<div class="hero__description-wrapper">
<a href="#form-section" class="default-button" data-animate="swim-top" data-index="3">Get started</a>
<div class="description">
<p class="text-1 mob-text-1 subtitle" data-animate="swim-top" data-index="3">
Discover the power of our white label solution, enabling you to swiftly <br class="--pc-display">
launch your own cutting-edge <br class="--pc-display"> payments platform.
</p>
<p class="text text-3 mob-text-3 -higher" data-animate="swim-top" data-index="4">
With instant access to the global payment network and invaluable big data, you can reduce your time to
market to <br class="--pc-display"> just a matter of days. Leave behind development costs, <br
class="--pc-display"> security concerns, and regulatory headaches as you <br class="--pc-display">
elevate your payment business to new heights of success.
</p>
</div>
</div>
</div>
<div class="hero__right">
<div class="hero__right-bg" data-check-in-viewport data-animate="fade" data-index="2">
<svg viewBox="0 0 488 680" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="4" cy="4" r="4" fill="#48494D" />
<circle cx="28" cy="4" r="4" fill="#FCB000" />
<circle cx="52" cy="4" r="4" fill="#FCB000" />
<circle cx="76" cy="4" r="4" fill="#48494D" />
<circle cx="100" cy="4" r="4" fill="#48494D" />
<circle cx="124" cy="4" r="4" fill="#48494D" />
<circle cx="148" cy="4" r="4" fill="#48494D" />
<circle cx="172" cy="4" r="4" fill="#48494D" />
<circle cx="196" cy="4" r="4" fill="#48494D" />
<circle cx="220" cy="4" r="4" fill="#48494D" />
<circle cx="244" cy="4" r="4" fill="#FCB000" />
<circle cx="268" cy="4" r="4" fill="#48494D" />
<circle cx="292" cy="4" r="4" fill="#48494D" />
<circle cx="316" cy="4" r="4" fill="#48494D" />
<circle cx="340" cy="4" r="4" fill="#FCB000" />
<circle cx="364" cy="4" r="4" fill="#FCB000" />
<circle cx="388" cy="4" r="4" fill="#FCB000" />
<circle cx="412" cy="4" r="4" fill="#48494D" />
<circle cx="436" cy="4" r="4" fill="#48494D" />
<circle cx="460" cy="4" r="4" fill="#48494D" />
<circle cx="484" cy="4" r="4" fill="#48494D" />
<circle cx="4" cy="28" r="4" fill="#48494D" />
<circle cx="28" cy="28" r="4" fill="#48494D" />
<circle cx="52" cy="28" r="4" fill="#FCB000" />
<circle cx="76" cy="28" r="4" fill="#FCB000" />
<circle cx="100" cy="28" r="4" fill="#48494D" />
<circle cx="124" cy="28" r="4" fill="#48494D" />
<circle cx="148" cy="28" r="4" fill="#48494D" />
<circle cx="172" cy="28" r="4" fill="#48494D" />
<circle cx="196" cy="28" r="4" fill="#48494D" />
<circle cx="220" cy="28" r="4" fill="#FCB000" />
<circle cx="244" cy="28" r="4" fill="#FCB000" />
<circle cx="268" cy="28" r="4" fill="#48494D" />
<circle cx="292" cy="28" r="4" fill="#48494D" />
<circle cx="316" cy="28" r="4" fill="#FCB000" />
<circle cx="340" cy="28" r="4" fill="#48494D" />
<circle cx="364" cy="28" r="4" fill="#48494D" />
<circle cx="388" cy="28" r="4" fill="#48494D" />
<circle cx="412" cy="28" r="4" fill="#48494D" />
<circle cx="436" cy="28" r="4" fill="#48494D" />
<circle cx="460" cy="28" r="4" fill="#48494D" />
<circle cx="484" cy="28" r="4" fill="#48494D" />
<circle cx="4" cy="52" r="4" fill="#48494D" />
<circle cx="28" cy="52" r="4" fill="#48494D" />
<circle cx="52" cy="52" r="4" fill="#48494D" />
<circle cx="76" cy="52" r="4" fill="#48494D" />
<circle cx="100" cy="52" r="4" fill="#FCB000" />
<circle cx="124" cy="52" r="4" fill="#48494D" />
<circle cx="148" cy="52" r="4" fill="#48494D" />
<circle cx="172" cy="52" r="4" fill="#48494D" />
<circle cx="196" cy="52" r="4" fill="#48494D" />
<circle cx="220" cy="52" r="4" fill="#FCB000" />
<circle cx="244" cy="52" r="4" fill="#48494D" />
<circle cx="268" cy="52" r="4" fill="#48494D" />
<circle cx="292" cy="52" r="4" fill="#48494D" />
<circle cx="316" cy="52" r="4" fill="#48494D" />
<circle cx="340" cy="52" r="4" fill="#48494D" />
<circle cx="364" cy="52" r="4" fill="#48494D" />
<circle cx="388" cy="52" r="4" fill="#48494D" />
<circle cx="412" cy="52" r="4" fill="#FCB000" />
<circle cx="436" cy="52" r="4" fill="#FCB000" />
<circle cx="460" cy="52" r="4" fill="#48494D" />
<circle cx="484" cy="52" r="4" fill="#FCB000" />
<circle cx="4" cy="76" r="4" fill="#48494D" />
<circle cx="28" cy="76" r="4" fill="#48494D" />
<circle cx="52" cy="76" r="4" fill="#48494D" />
<circle cx="76" cy="76" r="4" fill="#FCB000" />
<circle cx="100" cy="76" r="4" fill="#48494D" />
<circle cx="124" cy="76" r="4" fill="#48494D" />
<circle cx="148" cy="76" r="4" fill="#48494D" />
<circle cx="172" cy="76" r="4" fill="#48494D" />
<circle cx="196" cy="76" r="4" fill="#48494D" />
<circle cx="220" cy="76" r="4" fill="#48494D" />
<circle cx="244" cy="76" r="4" fill="#48494D" />
<circle cx="268" cy="76" r="4" fill="#48494D" />
<circle cx="292" cy="76" r="4" fill="#48494D" />
<circle cx="316" cy="76" r="4" fill="#48494D" />
<circle cx="340" cy="76" r="4" fill="#FCB000" />
<circle cx="364" cy="76" r="4" fill="#48494D" />
<circle cx="388" cy="76" r="4" fill="#48494D" />
<circle cx="412" cy="76" r="4" fill="#FCB000" />
<circle cx="436" cy="76" r="4" fill="#48494D" />
<circle cx="460" cy="76" r="4" fill="#48494D" />
<circle cx="484" cy="76" r="4" fill="#48494D" />
<circle cx="4" cy="100" r="4" fill="#48494D" />
<circle cx="28" cy="100" r="4" fill="#48494D" />
<circle cx="52" cy="100" r="4" fill="#FCB000" />
<circle cx="76" cy="100" r="4" fill="#FCB000" />
<circle cx="100" cy="100" r="4" fill="#48494D" />
<circle cx="124" cy="100" r="4" fill="#48494D" />
<circle cx="148" cy="100" r="4" fill="#48494D" />
<circle cx="172" cy="100" r="4" fill="#48494D" />
<circle cx="196" cy="100" r="4" fill="#48494D" />
<circle cx="220" cy="100" r="4" fill="#48494D" />
<circle cx="244" cy="100" r="4" fill="#48494D" />
<circle cx="268" cy="100" r="4" fill="#48494D" />
<circle cx="292" cy="100" r="4" fill="#FCB000" />
<circle cx="316" cy="100" r="4" fill="#FCB000" />
<circle cx="340" cy="100" r="4" fill="#FCB000" />
<circle cx="364" cy="100" r="4" fill="#48494D" />
<circle cx="388" cy="100" r="4" fill="#FCB000" />
<circle cx="412" cy="100" r="4" fill="#48494D" />
<circle cx="436" cy="100" r="4" fill="#48494D" />
<circle cx="460" cy="100" r="4" fill="#48494D" />
<circle cx="484" cy="100" r="4" fill="#48494D" />
<circle cx="4" cy="124" r="4" fill="#48494D" />
<circle cx="28" cy="124" r="4" fill="#48494D" />
<circle cx="52" cy="124" r="4" fill="#48494D" />
<circle cx="76" cy="124" r="4" fill="#48494D" />
<circle cx="100" cy="124" r="4" fill="#FCB000" />
<circle cx="124" cy="124" r="4" fill="#FCB000" />
<circle cx="148" cy="124" r="4" fill="#48494D" />
<circle cx="172" cy="124" r="4" fill="#48494D" />
<circle cx="196" cy="124" r="4" fill="#48494D" />
<circle cx="220" cy="124" r="4" fill="#48494D" />
<circle cx="244" cy="124" r="4" fill="#48494D" />
<circle cx="268" cy="124" r="4" fill="#48494D" />
<circle cx="292" cy="124" r="4" fill="#FCB000" />
<circle cx="316" cy="124" r="4" fill="#FCB000" />
<circle cx="340" cy="124" r="4" fill="#48494D" />
<circle cx="364" cy="124" r="4" fill="#FCB000" />
<circle cx="388" cy="124" r="4" fill="#48494D" />
<circle cx="412" cy="124" r="4" fill="#48494D" />
<circle cx="436" cy="124" r="4" fill="#48494D" />
<circle cx="460" cy="124" r="4" fill="#FCB000" />
<circle cx="484" cy="124" r="4" fill="#48494D" />
<circle cx="4" cy="148" r="4" fill="#48494D" />
<circle cx="28" cy="148" r="4" fill="#48494D" />
<circle cx="52" cy="148" r="4" fill="#48494D" />
<circle cx="76" cy="148" r="4" fill="#48494D" />
<circle cx="100" cy="148" r="4" fill="#48494D" />
<circle cx="124" cy="148" r="4" fill="#48494D" />
<circle cx="148" cy="148" r="4" fill="#48494D" />
<circle cx="172" cy="148" r="4" fill="#48494D" />
<circle cx="196" cy="148" r="4" fill="#48494D" />
<circle cx="220" cy="148" r="4" fill="#48494D" />
<circle cx="244" cy="148" r="4" fill="#48494D" />
<circle cx="268" cy="148" r="4" fill="#48494D" />
<circle cx="292" cy="148" r="4" fill="#48494D" />
<circle cx="316" cy="148" r="4" fill="#FCB000" />
<circle cx="340" cy="148" r="4" fill="#48494D" />
<circle cx="364" cy="148" r="4" fill="#48494D" />
<circle cx="388" cy="148" r="4" fill="#48494D" />
<circle cx="412" cy="148" r="4" fill="#48494D" />
<circle cx="436" cy="148" r="4" fill="#48494D" />
<circle cx="460" cy="148" r="4" fill="#48494D" />
<circle cx="484" cy="148" r="4" fill="#FCB000" />
<circle cx="4" cy="172" r="4" fill="#48494D" />
<circle cx="28" cy="172" r="4" fill="#48494D" />
<circle cx="52" cy="172" r="4" fill="#48494D" />
<circle cx="76" cy="172" r="4" fill="#48494D" />
<circle cx="100" cy="172" r="4" fill="#48494D" />
<circle cx="124" cy="172" r="4" fill="#48494D" />
<circle cx="148" cy="172" r="4" fill="#48494D" />
<circle cx="172" cy="172" r="4" fill="#48494D" />
<circle cx="196" cy="172" r="4" fill="#FCB000" />
<circle cx="220" cy="172" r="4" fill="#48494D" />
<circle cx="244" cy="172" r="4" fill="#48494D" />
<circle cx="268" cy="172" r="4" fill="#48494D" />
<circle cx="292" cy="172" r="4" fill="#48494D" />
<circle cx="316" cy="172" r="4" fill="#FCB000" />
<circle cx="340" cy="172" r="4" fill="#48494D" />
<circle cx="364" cy="172" r="4" fill="#48494D" />
<circle cx="388" cy="172" r="4" fill="#48494D" />
<circle cx="412" cy="172" r="4" fill="#48494D" />
<circle cx="436" cy="172" r="4" fill="#48494D" />
<circle cx="460" cy="172" r="4" fill="#FCB000" />
<circle cx="484" cy="172" r="4" fill="#48494D" />
<circle cx="4" cy="196" r="4" fill="#48494D" />
<circle cx="28" cy="196" r="4" fill="#FCB000" />
<circle cx="52" cy="196" r="4" fill="#48494D" />
<circle cx="76" cy="196" r="4" fill="#48494D" />
<circle cx="100" cy="196" r="4" fill="#48494D" />
<circle cx="124" cy="196" r="4" fill="#FCB000" />
<circle cx="148" cy="196" r="4" fill="#48494D" />
<circle cx="172" cy="196" r="4" fill="#48494D" />
<circle cx="196" cy="196" r="4" fill="#48494D" />
<circle cx="220" cy="196" r="4" fill="#FCB000" />
<circle cx="244" cy="196" r="4" fill="#48494D" />
<circle cx="268" cy="196" r="4" fill="#48494D" />
<circle cx="292" cy="196" r="4" fill="#48494D" />
<circle cx="316" cy="196" r="4" fill="#48494D" />
<circle cx="340" cy="196" r="4" fill="#48494D" />
<circle cx="364" cy="196" r="4" fill="#48494D" />
<circle cx="388" cy="196" r="4" fill="#48494D" />
<circle cx="412" cy="196" r="4" fill="#48494D" />
<circle cx="436" cy="196" r="4" fill="#48494D" />
<circle cx="460" cy="196" r="4" fill="#FCB000" />
<circle cx="484" cy="196" r="4" fill="#48494D" />
<circle cx="4" cy="220" r="4" fill="#FCB000" />
<circle cx="28" cy="220" r="4" fill="#48494D" />
<circle cx="52" cy="220" r="4" fill="#48494D" />
<circle cx="76" cy="220" r="4" fill="#48494D" />
<circle cx="100" cy="220" r="4" fill="#48494D" />
<circle cx="124" cy="220" r="4" fill="#FCB000" />
<circle cx="148" cy="220" r="4" fill="#FCB000" />
<circle cx="172" cy="220" r="4" fill="#48494D" />
<circle cx="196" cy="220" r="4" fill="#48494D" />
<circle cx="220" cy="220" r="4" fill="#FCB000" />
<circle cx="244" cy="220" r="4" fill="#48494D" />
<circle cx="268" cy="220" r="4" fill="#48494D" />
<circle cx="292" cy="220" r="4" fill="#48494D" />
<circle cx="316" cy="220" r="4" fill="#FCB000" />
<circle cx="340" cy="220" r="4" fill="#FCB000" />
<circle cx="364" cy="220" r="4" fill="#48494D" />
<circle cx="388" cy="220" r="4" fill="#48494D" />
<circle cx="412" cy="220" r="4" fill="#48494D" />
<circle cx="436" cy="220" r="4" fill="#48494D" />
<circle cx="460" cy="220" r="4" fill="#48494D" />
<circle cx="484" cy="220" r="4" fill="#48494D" />
<circle cx="4" cy="244" r="4" fill="#48494D" />
<circle cx="28" cy="244" r="4" fill="#FCB000" />
<circle cx="52" cy="244" r="4" fill="#FCB000" />
<circle cx="76" cy="244" r="4" fill="#FCB000" />
<circle cx="100" cy="244" r="4" fill="#FCB000" />
<circle cx="124" cy="244" r="4" fill="#FCB000" />
<circle cx="148" cy="244" r="4" fill="#48494D" />
<circle cx="172" cy="244" r="4" fill="#48494D" />
<circle cx="196" cy="244" r="4" fill="#48494D" />
<circle cx="220" cy="244" r="4" fill="#48494D" />
<circle cx="244" cy="244" r="4" fill="#48494D" />
<circle cx="268" cy="244" r="4" fill="#48494D" />
<circle cx="292" cy="244" r="4" fill="#FCB000" />
<circle cx="316" cy="244" r="4" fill="#48494D" />
<circle cx="340" cy="244" r="4" fill="#48494D" />
<circle cx="364" cy="244" r="4" fill="#FCB000" />
<circle cx="388" cy="244" r="4" fill="#48494D" />
<circle cx="412" cy="244" r="4" fill="#48494D" />
<circle cx="436" cy="244" r="4" fill="#48494D" />
<circle cx="460" cy="244" r="4" fill="#48494D" />
<circle cx="484" cy="244" r="4" fill="#48494D" />
<circle cx="4" cy="268" r="4" fill="#48494D" />
<circle cx="28" cy="268" r="4" fill="#48494D" />
<circle cx="52" cy="268" r="4" fill="#48494D" />
<circle cx="76" cy="268" r="4" fill="#FCB000" />
<circle cx="100" cy="268" r="4" fill="#FCB000" />
<circle cx="124" cy="268" r="4" fill="#48494D" />
<circle cx="148" cy="268" r="4" fill="#48494D" />
<circle cx="172" cy="268" r="4" fill="#48494D" />
<circle cx="196" cy="268" r="4" fill="#48494D" />
<circle cx="220" cy="268" r="4" fill="#48494D" />
<circle cx="244" cy="268" r="4" fill="#48494D" />
<circle cx="268" cy="268" r="4" fill="#48494D" />
<circle cx="292" cy="268" r="4" fill="#48494D" />
<circle cx="316" cy="268" r="4" fill="#FCB000" />
<circle cx="340" cy="268" r="4" fill="#48494D" />
<circle cx="364" cy="268" r="4" fill="#FCB000" />
<circle cx="388" cy="268" r="4" fill="#FCB000" />
<circle cx="412" cy="268" r="4" fill="#FCB000" />
<circle cx="436" cy="268" r="4" fill="#FCB000" />
<circle cx="460" cy="268" r="4" fill="#48494D" />
<circle cx="484" cy="268" r="4" fill="#FCB000" />
<circle cx="4" cy="292" r="4" fill="#48494D" />
<circle cx="28" cy="292" r="4" fill="#48494D" />
<circle cx="52" cy="292" r="4" fill="#48494D" />
<circle cx="76" cy="292" r="4" fill="#48494D" />
<circle cx="100" cy="292" r="4" fill="#48494D" />
<circle cx="124" cy="292" r="4" fill="#48494D" />
<circle cx="148" cy="292" r="4" fill="#48494D" />
<circle cx="172" cy="292" r="4" fill="#48494D" />
<circle cx="196" cy="292" r="4" fill="#FCB000" />
<circle cx="220" cy="292" r="4" fill="#FCB000" />
<circle cx="244" cy="292" r="4" fill="#48494D" />
<circle cx="268" cy="292" r="4" fill="#48494D" />
<circle cx="292" cy="292" r="4" fill="#FCB000" />
<circle cx="316" cy="292" r="4" fill="#FCB000" />
<circle cx="340" cy="292" r="4" fill="#48494D" />
<circle cx="364" cy="292" r="4" fill="#48494D" />
<circle cx="388" cy="292" r="4" fill="#FCB000" />
<circle cx="412" cy="292" r="4" fill="#48494D" />
<circle cx="436" cy="292" r="4" fill="#FCB000" />
<circle cx="460" cy="292" r="4" fill="#48494D" />
<circle cx="484" cy="292" r="4" fill="#FCB000" />
<circle cx="4" cy="316" r="4" fill="#48494D" />
<circle cx="28" cy="316" r="4" fill="#48494D" />
<circle cx="52" cy="316" r="4" fill="#FCB000" />
<circle cx="76" cy="316" r="4" fill="#FCB000" />
<circle cx="100" cy="316" r="4" fill="#48494D" />
<circle cx="124" cy="316" r="4" fill="#48494D" />
<circle cx="148" cy="316" r="4" fill="#48494D" />
<circle cx="172" cy="316" r="4" fill="#48494D" />
<circle cx="196" cy="316" r="4" fill="#48494D" />
<circle cx="220" cy="316" r="4" fill="#FCB000" />
<circle cx="244" cy="316" r="4" fill="#48494D" />
<circle cx="268" cy="316" r="4" fill="#48494D" />
<circle cx="292" cy="316" r="4" fill="#48494D" />
<circle cx="316" cy="316" r="4" fill="#48494D" />
<circle cx="340" cy="316" r="4" fill="#48494D" />
<circle cx="364" cy="316" r="4" fill="#48494D" />
<circle cx="388" cy="316" r="4" fill="#FCB000" />
<circle cx="412" cy="316" r="4" fill="#48494D" />
<circle cx="436" cy="316" r="4" fill="#FCB000" />
<circle cx="460" cy="316" r="4" fill="#48494D" />
<circle cx="484" cy="316" r="4" fill="#FCB000" />
<circle cx="4" cy="340" r="4" fill="#FCB000" />
<circle cx="28" cy="340" r="4" fill="#48494D" />
<circle cx="52" cy="340" r="4" fill="#48494D" />
<circle cx="76" cy="340" r="4" fill="#48494D" />
<circle cx="100" cy="340" r="4" fill="#48494D" />
<circle cx="124" cy="340" r="4" fill="#48494D" />
<circle cx="148" cy="340" r="4" fill="#48494D" />
<circle cx="172" cy="340" r="4" fill="#FCB000" />
<circle cx="196" cy="340" r="4" fill="#48494D" />
<circle cx="220" cy="340" r="4" fill="#48494D" />
<circle cx="244" cy="340" r="4" fill="#48494D" />
<circle cx="268" cy="340" r="4" fill="#48494D" />
<circle cx="292" cy="340" r="4" fill="#48494D" />
<circle cx="316" cy="340" r="4" fill="#48494D" />
<circle cx="340" cy="340" r="4" fill="#48494D" />
<circle cx="364" cy="340" r="4" fill="#48494D" />
<circle cx="388" cy="340" r="4" fill="#48494D" />
<circle cx="412" cy="340" r="4" fill="#48494D" />
<circle cx="436" cy="340" r="4" fill="#48494D" />
<circle cx="460" cy="340" r="4" fill="#FCB000" />
<circle cx="484" cy="340" r="4" fill="#48494D" />
<circle cx="4" cy="364" r="4" fill="#48494D" />
<circle cx="28" cy="364" r="4" fill="#FCB000" />
<circle cx="52" cy="364" r="4" fill="#48494D" />
<circle cx="76" cy="364" r="4" fill="#48494D" />
<circle cx="100" cy="364" r="4" fill="#48494D" />
<circle cx="124" cy="364" r="4" fill="#48494D" />
<circle cx="148" cy="364" r="4" fill="#FCB000" />
<circle cx="172" cy="364" r="4" fill="#48494D" />
<circle cx="196" cy="364" r="4" fill="#48494D" />
<circle cx="220" cy="364" r="4" fill="#48494D" />
<circle cx="244" cy="364" r="4" fill="#FCB000" />
<circle cx="268" cy="364" r="4" fill="#FCB000" />
<circle cx="292" cy="364" r="4" fill="#48494D" />
<circle cx="316" cy="364" r="4" fill="#48494D" />
<circle cx="340" cy="364" r="4" fill="#48494D" />
<circle cx="364" cy="364" r="4" fill="#48494D" />
<circle cx="388" cy="364" r="4" fill="#48494D" />
<circle cx="412" cy="364" r="4" fill="#48494D" />
<circle cx="436" cy="364" r="4" fill="#48494D" />
<circle cx="460" cy="364" r="4" fill="#48494D" />
<circle cx="484" cy="364" r="4" fill="#48494D" />
<circle cx="4" cy="388" r="4" fill="#48494D" />
<circle cx="28" cy="388" r="4" fill="#FCB000" />
<circle cx="52" cy="388" r="4" fill="#48494D" />
<circle cx="76" cy="388" r="4" fill="#48494D" />
<circle cx="100" cy="388" r="4" fill="#48494D" />
<circle cx="124" cy="388" r="4" fill="#48494D" />
<circle cx="148" cy="388" r="4" fill="#FCB000" />
<circle cx="172" cy="388" r="4" fill="#48494D" />
<circle cx="196" cy="388" r="4" fill="#48494D" />
<circle cx="220" cy="388" r="4" fill="#FCB000" />
<circle cx="244" cy="388" r="4" fill="#48494D" />
<circle cx="268" cy="388" r="4" fill="#48494D" />
<circle cx="292" cy="388" r="4" fill="#48494D" />
<circle cx="316" cy="388" r="4" fill="#48494D" />
<circle cx="340" cy="388" r="4" fill="#48494D" />
<circle cx="364" cy="388" r="4" fill="#FCB000" />
<circle cx="388" cy="388" r="4" fill="#FCB000" />
<circle cx="412" cy="388" r="4" fill="#FCB000" />
<circle cx="436" cy="388" r="4" fill="#48494D" />
<circle cx="460" cy="388" r="4" fill="#48494D" />
<circle cx="484" cy="388" r="4" fill="#48494D" />
<circle cx="4" cy="412" r="4" fill="#48494D" />
<circle cx="28" cy="412" r="4" fill="#48494D" />
<circle cx="52" cy="412" r="4" fill="#48494D" />
<circle cx="76" cy="412" r="4" fill="#48494D" />
<circle cx="100" cy="412" r="4" fill="#48494D" />
<circle cx="124" cy="412" r="4" fill="#48494D" />
<circle cx="148" cy="412" r="4" fill="#48494D" />
<circle cx="172" cy="412" r="4" fill="#FCB000" />
<circle cx="196" cy="412" r="4" fill="#FCB000" />
<circle cx="220" cy="412" r="4" fill="#48494D" />
<circle cx="244" cy="412" r="4" fill="#48494D" />
<circle cx="268" cy="412" r="4" fill="#48494D" />
<circle cx="292" cy="412" r="4" fill="#48494D" />
<circle cx="316" cy="412" r="4" fill="#48494D" />
<circle cx="340" cy="412" r="4" fill="#FCB000" />
<circle cx="364" cy="412" r="4" fill="#48494D" />
<circle cx="388" cy="412" r="4" fill="#48494D" />
<circle cx="412" cy="412" r="4" fill="#FCB000" />
<circle cx="436" cy="412" r="4" fill="#48494D" />
<circle cx="460" cy="412" r="4" fill="#48494D" />
<circle cx="484" cy="412" r="4" fill="#FCB000" />
<circle cx="4" cy="436" r="4" fill="#48494D" />
<circle cx="28" cy="436" r="4" fill="#48494D" />
<circle cx="52" cy="436" r="4" fill="#48494D" />
<circle cx="76" cy="436" r="4" fill="#48494D" />
<circle cx="100" cy="436" r="4" fill="#48494D" />
<circle cx="124" cy="436" r="4" fill="#48494D" />
<circle cx="148" cy="436" r="4" fill="#48494D" />
<circle cx="172" cy="436" r="4" fill="#48494D" />
<circle cx="196" cy="436" r="4" fill="#48494D" />
<circle cx="220" cy="436" r="4" fill="#48494D" />
<circle cx="244" cy="436" r="4" fill="#48494D" />
<circle cx="268" cy="436" r="4" fill="#48494D" />
<circle cx="292" cy="436" r="4" fill="#48494D" />
<circle cx="316" cy="436" r="4" fill="#48494D" />
<circle cx="340" cy="436" r="4" fill="#48494D" />
<circle cx="364" cy="436" r="4" fill="#48494D" />
<circle cx="388" cy="436" r="4" fill="#48494D" />
<circle cx="412" cy="436" r="4" fill="#FCB000" />
<circle cx="436" cy="436" r="4" fill="#48494D" />
<circle cx="460" cy="436" r="4" fill="#48494D" />
<circle cx="484" cy="436" r="4" fill="#48494D" />
<circle cx="4" cy="460" r="4" fill="#48494D" />
<circle cx="28" cy="460" r="4" fill="#48494D" />
<circle cx="52" cy="460" r="4" fill="#48494D" />
<circle cx="76" cy="460" r="4" fill="#FCB000" />
<circle cx="100" cy="460" r="4" fill="#FCB000" />
<circle cx="124" cy="460" r="4" fill="#48494D" />
<circle cx="148" cy="460" r="4" fill="#48494D" />
<circle cx="172" cy="460" r="4" fill="#48494D" />
<circle cx="196" cy="460" r="4" fill="#48494D" />
<circle cx="220" cy="460" r="4" fill="#48494D" />
<circle cx="244" cy="460" r="4" fill="#48494D" />
<circle cx="268" cy="460" r="4" fill="#48494D" />
<circle cx="292" cy="460" r="4" fill="#48494D" />
<circle cx="316" cy="460" r="4" fill="#48494D" />
<circle cx="340" cy="460" r="4" fill="#48494D" />
<circle cx="364" cy="460" r="4" fill="#48494D" />
<circle cx="388" cy="460" r="4" fill="#FCB000" />
<circle cx="412" cy="460" r="4" fill="#48494D" />
<circle cx="436" cy="460" r="4" fill="#48494D" />
<circle cx="460" cy="460" r="4" fill="#48494D" />
<circle cx="484" cy="460" r="4" fill="#48494D" />
<circle cx="4" cy="484" r="4" fill="#48494D" />
<circle cx="28" cy="484" r="4" fill="#48494D" />
<circle cx="52" cy="484" r="4" fill="#48494D" />
<circle cx="76" cy="484" r="4" fill="#48494D" />
<circle cx="100" cy="484" r="4" fill="#FCB000" />
<circle cx="124" cy="484" r="4" fill="#48494D" />
<circle cx="148" cy="484" r="4" fill="#48494D" />
<circle cx="172" cy="484" r="4" fill="#48494D" />
<circle cx="196" cy="484" r="4" fill="#48494D" />
<circle cx="220" cy="484" r="4" fill="#48494D" />
<circle cx="244" cy="484" r="4" fill="#48494D" />
<circle cx="268" cy="484" r="4" fill="#48494D" />
<circle cx="292" cy="484" r="4" fill="#48494D" />
<circle cx="316" cy="484" r="4" fill="#48494D" />
<circle cx="340" cy="484" r="4" fill="#48494D" />
<circle cx="364" cy="484" r="4" fill="#48494D" />
<circle cx="388" cy="484" r="4" fill="#48494D" />
<circle cx="412" cy="484" r="4" fill="#FCB000" />
<circle cx="436" cy="484" r="4" fill="#48494D" />
<circle cx="460" cy="484" r="4" fill="#FCB000" />
<circle cx="484" cy="484" r="4" fill="#48494D" />
<circle cx="4" cy="508" r="4" fill="#FCB000" />
<circle cx="28" cy="508" r="4" fill="#48494D" />
<circle cx="52" cy="508" r="4" fill="#48494D" />
<circle cx="76" cy="508" r="4" fill="#FCB000" />
<circle cx="100" cy="508" r="4" fill="#48494D" />
<circle cx="124" cy="508" r="4" fill="#48494D" />
<circle cx="148" cy="508" r="4" fill="#48494D" />
<circle cx="172" cy="508" r="4" fill="#48494D" />
<circle cx="196" cy="508" r="4" fill="#48494D" />
<circle cx="220" cy="508" r="4" fill="#48494D" />
<circle cx="244" cy="508" r="4" fill="#48494D" />
<circle cx="268" cy="508" r="4" fill="#FCB000" />
<circle cx="292" cy="508" r="4" fill="#FCB000" />
<circle cx="316" cy="508" r="4" fill="#FCB000" />
<circle cx="340" cy="508" r="4" fill="#48494D" />
<circle cx="364" cy="508" r="4" fill="#48494D" />
<circle cx="388" cy="508" r="4" fill="#48494D" />
<circle cx="412" cy="508" r="4" fill="#48494D" />
<circle cx="436" cy="508" r="4" fill="#FCB000" />
<circle cx="460" cy="508" r="4" fill="#FCB000" />
<circle cx="484" cy="508" r="4" fill="#FCB000" />
<circle cx="4" cy="532" r="4" fill="#48494D" />
<circle cx="28" cy="532" r="4" fill="#FCB000" />
<circle cx="52" cy="532" r="4" fill="#48494D" />
<circle cx="76" cy="532" r="4" fill="#FCB000" />
<circle cx="100" cy="532" r="4" fill="#48494D" />
<circle cx="124" cy="532" r="4" fill="#48494D" />
<circle cx="148" cy="532" r="4" fill="#48494D" />
<circle cx="172" cy="532" r="4" fill="#48494D" />
<circle cx="196" cy="532" r="4" fill="#48494D" />
<circle cx="220" cy="532" r="4" fill="#48494D" />
<circle cx="244" cy="532" r="4" fill="#48494D" />
<circle cx="268" cy="532" r="4" fill="#48494D" />
<circle cx="292" cy="532" r="4" fill="#FCB000" />
<circle cx="316" cy="532" r="4" fill="#48494D" />
<circle cx="340" cy="532" r="4" fill="#48494D" />
<circle cx="364" cy="532" r="4" fill="#48494D" />
<circle cx="388" cy="532" r="4" fill="#48494D" />
<circle cx="412" cy="532" r="4" fill="#48494D" />
<circle cx="436" cy="532" r="4" fill="#48494D" />
<circle cx="460" cy="532" r="4" fill="#FCB000" />
<circle cx="484" cy="532" r="4" fill="#48494D" />
<circle cx="4" cy="556" r="4" fill="#48494D" />
<circle cx="28" cy="556" r="4" fill="#FCB000" />
<circle cx="52" cy="556" r="4" fill="#48494D" />
<circle cx="76" cy="556" r="4" fill="#48494D" />
<circle cx="100" cy="556" r="4" fill="#FCB000" />
<circle cx="124" cy="556" r="4" fill="#FCB000" />
<circle cx="148" cy="556" r="4" fill="#FCB000" />
<circle cx="172" cy="556" r="4" fill="#48494D" />
<circle cx="196" cy="556" r="4" fill="#48494D" />
<circle cx="220" cy="556" r="4" fill="#48494D" />
<circle cx="244" cy="556" r="4" fill="#48494D" />
<circle cx="268" cy="556" r="4" fill="#48494D" />
<circle cx="292" cy="556" r="4" fill="#48494D" />
<circle cx="316" cy="556" r="4" fill="#FCB000" />
<circle cx="340" cy="556" r="4" fill="#48494D" />
<circle cx="364" cy="556" r="4" fill="#48494D" />
<circle cx="388" cy="556" r="4" fill="#48494D" />
<circle cx="412" cy="556" r="4" fill="#48494D" />
<circle cx="436" cy="556" r="4" fill="#48494D" />
<circle cx="460" cy="556" r="4" fill="#48494D" />
<circle cx="484" cy="556" r="4" fill="#48494D" />
<circle cx="4" cy="580" r="4" fill="#48494D" />
<circle cx="28" cy="580" r="4" fill="#48494D" />
<circle cx="52" cy="580" r="4" fill="#48494D" />
<circle cx="76" cy="580" r="4" fill="#48494D" />
<circle cx="100" cy="580" r="4" fill="#FCB000" />
<circle cx="124" cy="580" r="4" fill="#48494D" />
<circle cx="148" cy="580" r="4" fill="#48494D" />
<circle cx="172" cy="580" r="4" fill="#FCB000" />
<circle cx="196" cy="580" r="4" fill="#48494D" />
<circle cx="220" cy="580" r="4" fill="#48494D" />
<circle cx="244" cy="580" r="4" fill="#48494D" />
<circle cx="268" cy="580" r="4" fill="#FCB000" />
<circle cx="292" cy="580" r="4" fill="#48494D" />
<circle cx="316" cy="580" r="4" fill="#48494D" />
<circle cx="340" cy="580" r="4" fill="#FCB000" />
<circle cx="364" cy="580" r="4" fill="#48494D" />
<circle cx="388" cy="580" r="4" fill="#48494D" />
<circle cx="412" cy="580" r="4" fill="#48494D" />
<circle cx="436" cy="580" r="4" fill="#48494D" />
<circle cx="460" cy="580" r="4" fill="#48494D" />
<circle cx="484" cy="580" r="4" fill="#48494D" />
<circle cx="4" cy="604" r="4" fill="#48494D" />
<circle cx="28" cy="604" r="4" fill="#48494D" />
<circle cx="52" cy="604" r="4" fill="#48494D" />
<circle cx="76" cy="604" r="4" fill="#48494D" />
<circle cx="100" cy="604" r="4" fill="#48494D" />
<circle cx="124" cy="604" r="4" fill="#48494D" />
<circle cx="148" cy="604" r="4" fill="#FCB000" />
<circle cx="172" cy="604" r="4" fill="#48494D" />
<circle cx="196" cy="604" r="4" fill="#48494D" />
<circle cx="220" cy="604" r="4" fill="#48494D" />
<circle cx="244" cy="604" r="4" fill="#FCB000" />
<circle cx="268" cy="604" r="4" fill="#48494D" />
<circle cx="292" cy="604" r="4" fill="#FCB000" />
<circle cx="316" cy="604" r="4" fill="#FCB000" />
<circle cx="340" cy="604" r="4" fill="#48494D" />
<circle cx="364" cy="604" r="4" fill="#48494D" />
<circle cx="388" cy="604" r="4" fill="#48494D" />
<circle cx="412" cy="604" r="4" fill="#48494D" />
<circle cx="436" cy="604" r="4" fill="#48494D" />
<circle cx="460" cy="604" r="4" fill="#48494D" />
<circle cx="484" cy="604" r="4" fill="#48494D" />
<circle cx="4" cy="628" r="4" fill="#48494D" />
<circle cx="28" cy="628" r="4" fill="#FCB000" />
<circle cx="52" cy="628" r="4" fill="#FCB000" />
<circle cx="76" cy="628" r="4" fill="#48494D" />
<circle cx="100" cy="628" r="4" fill="#48494D" />
<circle cx="124" cy="628" r="4" fill="#48494D" />
<circle cx="148" cy="628" r="4" fill="#48494D" />
<circle cx="172" cy="628" r="4" fill="#48494D" />
<circle cx="196" cy="628" r="4" fill="#48494D" />
<circle cx="220" cy="628" r="4" fill="#48494D" />
<circle cx="244" cy="628" r="4" fill="#FCB000" />
<circle cx="268" cy="628" r="4" fill="#48494D" />
<circle cx="292" cy="628" r="4" fill="#48494D" />
<circle cx="316" cy="628" r="4" fill="#48494D" />
<circle cx="340" cy="628" r="4" fill="#48494D" />
<circle cx="364" cy="628" r="4" fill="#48494D" />
<circle cx="388" cy="628" r="4" fill="#48494D" />
<circle cx="412" cy="628" r="4" fill="#48494D" />
<circle cx="436" cy="628" r="4" fill="#48494D" />
<circle cx="460" cy="628" r="4" fill="#FCB000" />
<circle cx="484" cy="628" r="4" fill="#48494D" />
<circle cx="4" cy="652" r="4" fill="#48494D" />
<circle cx="28" cy="652" r="4" fill="#48494D" />
<circle cx="52" cy="652" r="4" fill="#48494D" />
<circle cx="76" cy="652" r="4" fill="#FCB000" />
<circle cx="100" cy="652" r="4" fill="#FCB000" />
<circle cx="124" cy="652" r="4" fill="#48494D" />
<circle cx="148" cy="652" r="4" fill="#48494D" />
<circle cx="172" cy="652" r="4" fill="#48494D" />
<circle cx="196" cy="652" r="4" fill="#48494D" />
<circle cx="220" cy="652" r="4" fill="#48494D" />
<circle cx="244" cy="652" r="4" fill="#48494D" />
<circle cx="268" cy="652" r="4" fill="#48494D" />
<circle cx="292" cy="652" r="4" fill="#48494D" />
<circle cx="316" cy="652" r="4" fill="#48494D" />
<circle cx="340" cy="652" r="4" fill="#48494D" />
<circle cx="364" cy="652" r="4" fill="#48494D" />
<circle cx="388" cy="652" r="4" fill="#FCB000" />
<circle cx="412" cy="652" r="4" fill="#48494D" />
<circle cx="436" cy="652" r="4" fill="#48494D" />
<circle cx="460" cy="652" r="4" fill="#48494D" />
<circle cx="484" cy="652" r="4" fill="#FCB000" />
<circle cx="4" cy="676" r="4" fill="#48494D" />
<circle cx="28" cy="676" r="4" fill="#48494D" />
<circle cx="52" cy="676" r="4" fill="#48494D" />
<circle cx="76" cy="676" r="4" fill="#48494D" />
<circle cx="100" cy="676" r="4" fill="#FCB000" />
<circle cx="124" cy="676" r="4" fill="#FCB000" />
<circle cx="148" cy="676" r="4" fill="#FCB000" />
<circle cx="172" cy="676" r="4" fill="#48494D" />
<circle cx="196" cy="676" r="4" fill="#48494D" />
<circle cx="220" cy="676" r="4" fill="#48494D" />
<circle cx="244" cy="676" r="4" fill="#48494D" />
<circle cx="268" cy="676" r="4" fill="#FCB000" />
<circle cx="292" cy="676" r="4" fill="#48494D" />
<circle cx="316" cy="676" r="4" fill="#48494D" />
<circle cx="340" cy="676" r="4" fill="#48494D" />
<circle cx="364" cy="676" r="4" fill="#FCB000" />
<circle cx="388" cy="676" r="4" fill="#48494D" />
<circle cx="412" cy="676" r="4" fill="#FCB000" />
<circle cx="436" cy="676" r="4" fill="#48494D" />
<circle cx="460" cy="676" r="4" fill="#48494D" />
<circle cx="484" cy="676" r="4" fill="#48494D" />
</svg>
</div>
<div class="hero__right__wrapper">
<div class="apple-helper"></div>
<div class="animated-hero-card hero-card --gradient-border" data-animate="fade" data-index="3">
<img src="images/homepage/hero/cards/hero-card-3.png" alt="Hero card - Paytech.com">
</div>
</div>
</div>
</div>
</div>
<div class="hero-cards">
<div class="container -bigger">
<div class="hero-card__wrapper" data-animate-group="list">
<div class="hero-card__item">
<div class="hero-card --gradient-border" data-animate="swim-top" data-index="1"><img class="-lazyload"
srcset="images/lazyload.png" src="images/homepage/hero/cards/hero-card-1.png" alt="">
</div>
</div>
<div class="hero-card__item">
<div class="hero-card --gradient-border" data-animate="swim-top" data-index="2"><img class="-lazyload"
srcset="images/lazyload.png" src="images/homepage/hero/cards/hero-card-2.png" alt="">
</div>
</div>
<div class="hero-card__item">
<div class="hero-card --gradient-border"><img class="-lazyload" srcset="images/lazyload.png"
src="images/homepage/hero/cards/hero-card-3.png" alt="">
</div>
</div>
<div class="hero-card__item">
<div class="hero-card --gradient-border" data-animate="swim-top" data-index="4"><img class="-lazyload"
srcset="images/lazyload.png" src="images/homepage/hero/cards/hero-card-4.png" alt="">
</div>
</div>
<div class="hero-card__item">
<div class="hero-card --gradient-border" data-animate="swim-top" data-index="5"><img class="-lazyload"
srcset="images/lazyload.png" src="images/homepage/hero/cards/hero-card-5.png" alt="">
</div>
</div>
<div class="hero-card__item">
<div class="hero-card --gradient-border" data-animate="swim-top" data-index="6"><img class="-lazyload"
srcset="images/lazyload.png" src="images/homepage/hero/cards/hero-card-6.png" alt="">
</div>
</div>
</div>
</div>
</div>
</section>
<section class="succes-story">
<div class="container">
<div class="bordered-container" data-animate="swim-top">
<div class="labeled-title">
<h2 class="title-2 mob-title-2 title" data-animate="word">
Empowering <br class="--pc-display">
Paynamo to <br />
<span class="--pc-tab tab"></span> <span class="--mobile-tab tab"></span> Transform <br
class="--mobile-display" /> Payment<br class="--pc-display" />
Solutions Across <br class="--pc-display" />
<span class="--pc-tab tab"></span> Latin America
</h2>
<div class="label text-5 mob-text-5 -medium" data-animate="fade">Success story</div>
</div>
<div class="review" data-animate="swim-top">
<p class="text text-2 mob-text-2 -higher">
Partnering with Paytech was a game-changer for Paynamo. Their expertise and determination were
instrumental in achieving our ambitious goal of offering the most cost-effective payment solutions in
Latin America. Despite the complex integration challenges, Paytech's team tackled every obstacle head-on,
delivering a comprehensive and innovative payment ecosystem. Their commitment to excellence and regional
expertise made them the perfect partner to revolutionize the payment landscape across Latin America.
</p>
<div class="review__person">
<div class="review__person-img">
<img class="-lazyload" srcset="images/lazyload.png" src="images/avatars/avatar-1.jpg" alt="">
</div>
<div class="review__person-name">
<p class="name -bold text-3 mob-text-3 -higher">FirstName LastName</p>
<p class="position text-3 mob-text-3 -higher">CEO of Paynamo</p>
</div>
</div>
</div>
<div class="colored-tabs --tabs-container" data-auto-height data-animate-group="list">
<div class="--tabs-container__menu">
<div class="--tabs-container__menu-item text-4 mob-text-4" data-animate="swim-top" data-index="1"
data-active-color="yellow">
<img class="-lazyload" srcset="images/lazyload.png" src="images/icons/check-circle.svg" alt="">
Challenge
</div>
<div class="--tabs-container__menu-item text-4 mob-text-4" data-animate="swim-top" data-index="2"
data-active-color="green">
<img class="-lazyload" srcset="images/lazyload.png" src="images/icons/help-circle.svg" alt=""> Solution
</div>
<div class="--tabs-container__menu-item text-4 mob-text-4" data-animate="swim-top" data-index="3"
data-active-color="blue">
<img class="-lazyload" srcset="images/lazyload.png" src="images/icons/settings.svg" alt="">
Implementation
</div>
<div class="--tabs-container__menu-item text-4 mob-text-4" data-animate="swim-top" data-index="4"
data-active-color="pink">
<img class="-lazyload" srcset="images/lazyload.png" src="images/icons/trophy.svg" alt=""> Achievements
</div>
</div>
<div class="--tabs-container__items text-2 mob-text-2 -higher" data-animate="swim-top" data-index="5">
<div class="--tabs-container__items-inner">
<!--
Wrap the content into .--tabs-container__items-inner if you use content height animation
-->
<div class="--tabs-container__item" data-active-color="yellow">
<p>
Paynamo, a pioneering payment solutions provider in Latin America, aimed to revolutionize the
regional payment landscape by offering the most cost-effective services compared to their
competitors. To achieve this goal, they needed to integrate multiple payment methods directly with
local banks and providers, eliminating intermediaries. However, this ambitious endeavor was faced
with challenges due to the diverse range of APIs, outdated legacy systems, and variations in API
development approaches across the region.
</p>
</div>
<div class="--tabs-container__item" data-active-color="green">
<p>
With a determined vision to reshape the payment landscape in Latin America, Paynamo partnered with
Paytech to create a transformative payment solution. Paytech's expertise in complex integrations,
combined with their commitment to innovation, made them the ideal choice to tackle this ambitious
project.
</p>
</div>
<div class="--tabs-container__item" data-active-color="blue">
<p>
Overcoming various hurdles such as differing time zones and API complexities, Paytech's skilled team
collaborated closely with Paynamo to implement dozens of complex integrations with local banks and
payment providers. By excluding intermediaries and directly integrating with each payment method,
Paytech facilitated a streamlined and cost-effective payment ecosystem for Paynamo.
</p>
</div>
<div class="--tabs-container__item" data-active-color="pink">
Through this remarkable collaboration, Paynamo achieved remarkable milestones:
<br><br>
<strong>Comprehensive Regional Coverage:</strong> In just five months, Paytech and Paynamo
successfully covered the entire Latin American region, offering an expansive array of payment methods
that catered to diverse customer preferences.
<br><br>
<strong>Competitive Pricing:</strong> By eliminating intermediaries and offering direct integrations,
Paynamo surpassed its competitors by providing the most cost-effective payment solutions in the
region.
<br><br>
<strong>Modernizing Payment Landscape:</strong> Paynamo's transformative approach revolutionized the
payment landscape in Latin America, leaving a profound impact on the industry and customer experience.
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="--black-section --has-bg key-features" data-animate-group="list">
<div class="container">
<h2 class="title title-1 mob-title-1 section-title" data-animate="word">
Learn more <br />
about <i>key</i> <br />
<span class="img"><span class="img-wrapper"><img class="-lazyload" srcset="images/lazyload.png"
src="images/icons/key-features.svg" alt=""></span></span>
<i>features.</i>
</h2>
<div class="key-features-slider">
<div class="key-features__wrapper">
<div class="key-features__left" data-animate="swim-top">
<div class="key-features__progress text-7 mob-text-7 -medium">
<p class="start">01</p>
<span class="progress">
<span class="progress-active"></span>
</span>
<p class="end">04</p>
</div>
<div class="key-features__left-wrapper --gradient-border">
<div class="img key-features__slide -active"><img src="images/homepage/key-features/key-1.png" alt="">
</div>
<div class="img key-features__slide"><img class="-lazyload" srcset="images/lazyload.png"
src="images/homepage/key-features/key-1.png" alt=""></div>
<div class="img key-features__slide"><img class="-lazyload" srcset="images/lazyload.png"
src="images/homepage/key-features/key-1.png" alt=""></div>
<div class="img key-features__slide"><img src="images/homepage/key-features/key-1.png" alt=""></div>
</div>
</div>
<div class="key-features__right" data-animate="fade">
<div class="key-features__slide -active">
<div class="img --gradient-border">
<img class="-lazyload" srcset="images/lazyload.png" src="images/homepage/key-features/key-1.png"
alt="">
</div>
<div class="content">
<h3 class="title-3 mob-title-3 title">
Checkout
</h3>
<ul class="checked-list list text-2 mob-text-2 -higher">
<li>
Payment link and payment button
</li>
<li>
Modern interfaces + deep customization
</li>
<li>
Multiple payment page designs to match every brand
</li>
<li>
Agnostic platform (cards, local methods, open banking, crypto, vouchers etc)
</li>
</ul>
</div>
</div>
<div class="key-features__slide">
<div class="img --gradient-border">
<img class="-lazyload" srcset="images/lazyload.png" src="images/homepage/key-features/key-1.png"
alt="">
</div>
<div class="content">
<h3 class="title-3 mob-title-3 title">
Payment methods and integrations
</h3>
<ul class="checked-list list text-2 mob-text-2 -higher">
<li>
600+ integrations
</li>
<li>
Fast on-demand integrations
</li>
<li>
Local payment methods globally
</li>
</ul>
</div>
</div>
<div class="key-features__slide">
<div class="img --gradient-border">
<img class="-lazyload" srcset="images/lazyload.png" src="images/homepage/key-features/key-1.png"
alt="">
</div>
<div class="content">
<h3 class="title-3 mob-title-3 title">
Routing and orchestration
</h3>
<ul class="checked-list list text-2 mob-text-2 -higher">
<li>
Smart routing and cascading
</li>
<li>
Smart separation of FTD and trusted traffic
</li>
<li>
Automatic routing based on customer deposits history
</li>
</ul>
</div>
</div>
<div class="key-features__slide">
<div class="img --gradient-border">
<img class="-lazyload" srcset="images/lazyload.png" src="images/homepage/key-features/key-1.png"
alt="">
</div>
<div class="content">
<h3 class="title-3 mob-title-3 title">
Payment Management and Dashboard
</h3>
<ul class="checked-list list text-2 mob-text-2 -higher">
<li>
Limits
</li>
<li>
Blacklists/Whitelists
</li>
<li>
Subscriptions/Recurring payments
</li>
<li>
Modular dashboard
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="steps-section">
<div class="container">
<h2 class="title section-title title-1 mob-title-1" data-animate="word">
And that's <br>
not all.
</h2>
<div class="steps-slider">
<div class="steps-slider__item">
<div class="img -purple">
<img class="-lazyload" srcset="images/lazyload.png" src="images/homepage/steps/merchant.png" alt="">
</div>
<div class="content">
<h3 class="title title-3 mob-title-3">
Merchant Management
</h3>
<ul class="checked-list list text-2 mob-text-2 -higher">
<li>Fees management</li>
<li>Subusers and permissions</li>
<li>Different levels of access</li>
<li>Manage everyone from one interface</li>
</ul>
</div>
</div>
<div class="steps-slider__item">
<div class="img -blue">
<img class="-lazyload" srcset="images/lazyload.png" src="images/homepage/steps/report.png" alt="">
</div>
<div class="content">
<h3 class="title title-3 mob-title-3">
Reporting and Analytics
</h3>
<ul class="checked-list list text-2 mob-text-2 -higher">
<li>Advanced reporting engine</li>
<li>Success ratio </li>
<li>Quick custom reports</li>
<li>Export data to the form at of your choice</li>
<li>Deep insight through the Analytics module</li>
</ul>
</div>
</div>
<div class="steps-slider__item">
<div class="img -yellow">
<img class="-lazyload" srcset="images/lazyload.png" src="images/homepage/steps/finance.png" alt="">
</div>
<div class="content">
<h3 class="title title-3 mob-title-3">
Finance and Reconciliation
</h3>
<ul class="checked-list list text-2 mob-text-2 -higher">
<li>Automatic settlement calculation</li>
<li>Automated invoicing</li>
<li>Reconciliation</li>
<li>Advanced reporting and analytics</li>
<li>Currency conversion and base currency</li>
</ul>
</div>
</div>
<div class="steps-slider__item">
<div class="img -green">
<img class="-lazyload" srcset="images/lazyload.png" src="images/homepage/steps/security.png" alt="">
</div>
<div class="content">
<h3 class="title title-3 mob-title-3">
Security
</h3>
<ul class="checked-list list text-2 mob-text-2 -higher">
<li>PCI DSS and GDPR compliant</li>
<li>Logs</li>
<li>Monitoring and Live alerts</li>
<li>Cloud based architecture</li>
<li>Card Tokenization</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="--black-section --has-bg faq-section">
<div class="container">
<h2 class="title title-1 mob-title-1 section-title" data-animate="word">
Frequently <br>
asked <br>
<span class="img"><span class="img-wrapper"><img class="-lazyload" srcset="images/lazyload.png"
src="images/icons/faq.svg" alt=""></span></span>
<i>questions.</i>
</h2>
<div class="faq-list" data-animate-group="list">
<div class="--accordion faq-item" data-accordion-group="faq-group" data-animate="swim-top">
<div class="--accordion__open text-1 mob-text-1 -medium faq-item__open">
<span class="plus"><span></span><span></span></span> What is a Payment Gateway?
</div>
<div class="--accordion__content-container faq-item__container">
<div class="--accordion__content text-2 mob-text-2 -higher faq-item__content">
A Payment Gateway is an online service that securely facilitates the processing of online payments for
businesses. It acts as an intermediary between the merchant's website or app and the financial
institution, handling the secure transmission of payment information for authorization and settlement.
</div>
</div>
</div>
<div class="--accordion faq-item" data-accordion-group="faq-group" data-animate="swim-top">
<div class="--accordion__open text-1 mob-text-1 -medium faq-item__open">
<span class="plus"><span></span><span></span></span> How does a Payment Gateway work?
</div>
<div class="--accordion__content-container faq-item__container">
<div class="--accordion__content text-2 mob-text-2 -higher faq-item__content">
When a customer makes a purchase online, the Payment Gateway encrypts their payment details and sends
them to the payment processor or acquiring bank. The payment processor then communicates with the
customer's issuing bank to verify the transaction. If approved, the payment processor sends a
confirmation back to the Payment Gateway, which informs the merchant that the payment was successful.
</div>
</div>
</div>
<div class="--accordion faq-item" data-accordion-group="faq-group" data-animate="swim-top">
<div class="--accordion__open text-1 mob-text-1 -medium faq-item__open">
<span class="plus"><span></span><span></span></span> What payment methods are typically supported by
Payment Gateways?
</div>
<div class="--accordion__content-container faq-item__container">
<div class="--accordion__content text-2 mob-text-2 -higher faq-item__content">
Payment Gateways usually support a variety of payment methods, including credit and debit cards (Visa,
Mastercard, etc.), digital wallets (PayPal, Apple Pay, Google Pay), and sometimes bank transfers or
other localized payment methods depending on the region.
</div>
</div>
</div>
<div class="--accordion faq-item" data-accordion-group="faq-group" data-animate="swim-top">
<div class="--accordion__open text-1 mob-text-1 -medium faq-item__open">
<span class="plus"><span></span><span></span></span> How does a Payment Gateway ensure security?
</div>
<div class="--accordion__content-container faq-item__container">
<div class="--accordion__content text-2 mob-text-2 -higher faq-item__content">
Payment Gateways employ various security measures such as encryption, tokenization, and compliance with
industry standards like PCI DSS (Payment Card Industry Data Security Standard). These measures protect
sensitive payment data during transmission and storage, ensuring that customer information remains
secure.
</div>
</div>
</div>
<div class="--accordion faq-item" data-accordion-group="faq-group" data-animate="swim-top">
<div class="--accordion__open text-1 mob-text-1 -medium faq-item__open">
<span class="plus"><span></span><span></span></span> Can Payment Gateways be integrated with e-commerce
platforms?
</div>
<div class="--accordion__content-container faq-item__container">
<div class="--accordion__content text-2 mob-text-2 -higher faq-item__content">
Yes, most Payment Gateways offer integration options for popular e-commerce platforms, content
management systems, and custom websites. This integration allows merchants to seamlessly integrate the
payment process into their online stores, providing customers with a smooth checkout experience.
</div>
</div>
</div>
</div>
<div class="cta-faq --gradient-border" data-animate="swim-top">
<h3 class="title title-3 mob-title-3">
Did not find <br>
your question?
</h3>
<div class="content">
<p class="text-3 text mob-text-3 -higher">
Contact our support team and we will try to answer all your questions as soon as possible.
</p>
<a href="#form-section" class="default-button -white">
Contact Support
</a>
</div>
</div>
</div>
</section>
<section class="reviews" data-animate-group="list">
<div class="container">
<h2 class="section-title title-1 mob-title-1" data-animate="word">
Our clients’ <br />
feedback.
</h2>
<div class="reviews-slider">
<div class="slider">
<div class="swiper-wrapper">
<div class="review swiper-slide" data-animate="swim-top" data-index="2">
<div class="review__img">
<img class="-lazyload" srcset="images/lazyload.png" src="images/homepage/reviews/nicheclear-logo.png"
alt="">
</div>
<p class="text text-2 mob-text-2 -higher">
Paytech White Label Banking has been a game-changer for Nicheclear. As the Founder, I am delighted
with the exceptional services it offers. Our partnership for nearly a year has allowed us two flourish
in the European market, issuing IBANs for Merchants seamlessly, and fueling our growth with
confidence.
</p>
<div class="review__person">
<div class="review__person-img">
<img class="-lazyload" srcset="images/lazyload.png" src="images/avatars/avatar-2.png" alt="">
</div>
<div class="review__person-name">
<p class="name -bold text-3 mob-text-3 -higher">Oskar Strandh</p>
<p class="position text-3 mob-text-3 -higher">Founder of Nicheclear</p>
</div>
</div>
</div>
<div class="review swiper-slide" data-animate="swim-top" data-index="3">
<div class="review__img">
<img class="-lazyload" srcset="images/lazyload.png" src="images/homepage/reviews/paymaxis-logo.png"
alt="">
</div>
<p class="text text-2 mob-text-2 -higher">
Partnering with paytech has been a transformative experience for Paymaxis. Their expertise, vast
network of solution providers, and unwavering customer support have driven our business to new
heights. With their advanced technology and collaborative approach, paytech is a trusted partner that
consistently delivers exceptional solutions.
</p>
<div class="review__person">
<div class="review__person-img">
<img class="-lazyload" srcset="images/lazyload.png" src="images/avatars/avatar-3.png" alt="">
</div>
<div class="review__person-name">
<p class="name -bold text-3 mob-text-3 -higher">Michalis Phanou</p>
<p class="position text-3 mob-text-3 -higher">CTO of Paymaxis</p>
</div>
</div>
</div>
<div class="review swiper-slide" data-animate="swim-top" data-index="4">
<div class="review__img">
<img class="-lazyload" srcset="images/lazyload.png" src="images/homepage/reviews/nicheclear-logo.png"
alt="">
</div>
<p class="text text-2 mob-text-2 -higher">
Paytech White Label Banking has been a game-changer for Nicheclear. As the Founder, I am delighted
with the exceptional services it offers. Our partnership for nearly a year has allowed us two flourish
in the European market, issuing IBANs for Merchants seamlessly, and fueling our growth with
confidence.
</p>
<div class="review__person">
<div class="review__person-img">
<img class="-lazyload" srcset="images/lazyload.png" src="images/avatars/avatar-2.png" alt="">
</div>
<div class="review__person-name">
<p class="name -bold text-3 mob-text-3 -higher">Oskar Strandh</p>
<p class="position text-3 mob-text-3 -higher">Founder of Nicheclear</p>
</div>
</div>
</div>
<div class="review swiper-slide" data-animate="swim-top" data-index="5">
<div class="review__img">
<img class="-lazyload" srcset="images/lazyload.png" src="images/homepage/reviews/paymaxis-logo.png"
alt="">
</div>
<p class="text text-2 mob-text-2 -higher">
Partnering with paytech has been a transformative experience for Paymaxis. Their expertise, vast
network of solution providers, and unwavering customer support have driven our business to new
heights. With their advanced technology and collaborative approach, paytech is a trusted partner that
consistently delivers exceptional solutions.
</p>
<div class="review__person">
<div class="review__person-img">
<img class="-lazyload" srcset="images/lazyload.png" src="images/avatars/avatar-3.png" alt="">
</div>
<div class="review__person-name">
<p class="name -bold text-3 mob-text-3 -higher">Michalis Phanou</p>
<p class="position text-3 mob-text-3 -higher">CTO of Paymaxis</p>
</div>
</div>
</div>
<div class="review swiper-slide" data-animate="swim-top" data-index="6">
<div class="review__img">
<img class="-lazyload" srcset="images/lazyload.png" src="images/homepage/reviews/nicheclear-logo.png"
alt="">
</div>
<p class="text text-2 mob-text-2 -higher">
Paytech White Label Banking has been a game-changer for Nicheclear. As the Founder, I am delighted
with the exceptional services it offers. Our partnership for nearly a year has allowed us two flourish
in the European market, issuing IBANs for Merchants seamlessly, and fueling our growth with
confidence.
</p>
<div class="review__person">
<div class="review__person-img">
<img class="-lazyload" srcset="images/lazyload.png" src="images/avatars/avatar-2.png" alt="">
</div>
<div class="review__person-name">
<p class="name -bold text-3 mob-text-3 -higher">Oskar Strandh</p>
<p class="position text-3 mob-text-3 -higher">Founder of Nicheclear</p>
</div>
</div>
</div>
</div>
</div>
<div class="progress text-7 mob-text-7 -medium" data-animate="fade">
<p class="start">01</p>
<div class="swiper-pagination"></div>
<p class="end">01</p>
</div>
</div>
</div>
</section>
<section class="pricing-plans">
<div class="container">
<h2 class="section-title title-1 mob-title-1" data-animate="word">
Find your <br>
perfect pricing <br>
<span class="img"><span class="img-wrapper"><img class="-lazyload" srcset="images/lazyload.png"
src="images/icons/check-circle-black.svg" alt=""></span></span> plan.
</h2>
<div class="pricing-plans__wrapper" data-animate-group="list">
<div class="pricing-plan__item" data-animate="swim-top">
<p class="title text-1 mob-text-1 -bold">
Lite
</p>
<p class="text-3 mob-text-3 -higher best-for">
Best for: Merchants, Startup PSPs, ISOs
</p>
<p class="price title-3 mob-title-2">
999 €
<span class="text-3 mob-text-3 -medium">
/ mo
</span>
</p>
<a href="#form-section" class="default-button">
Get Lite
</a>
<p class="free-transactions-title text-3 mob-text-3 -bold">
Free transactions:
</p>
<p class="free-transactions-text text-3 mob-text-3 -higher">
20,000 / month <br>
Then 0.05 € each
</p>
<div class="pricing-plans__key-features">
<div class="pricing-plans__key-features__wrapper">
<div class="pricing-plans__key-content">
<span class="separator"></span>
<p class="title text-3 mob-text-3 -bold">
Key features:
</p>
<ul class="list text-3 mob-text-3 -higher">
<li>Payment gateway</li>
<li>Routing and Failover</li>
<li>PCI DSS compliance</li>
<li>Analytics and reporting</li>
<li>Unified dashboard</li>
</ul>
</div>
</div>
<div class="default-button -white -border -plus -smaller">
<span class="plus"></span>
Show Key features
</div>
</div>
</div>
<div class="pricing-plan__item -popular" data-animate="swim-top">
<div class="popular-label">
<span class="text text-6 mob-text-6">
Most popular
</span>
</div>
<p class="title text-1 mob-text-1 -bold">
Business
</p>
<p class="text-3 mob-text-3 -higher best-for">
Best for: PSP, Multi-brand Merchants (multiple websites)
</p>
<p class="price title-3 mob-title-2">
2,500 €
<span class="text-3 mob-text-3 -medium">
/ mo
</span>
</p>
<a href="#form-section" class="default-button">
Get Business
</a>
<p class="free-transactions-title text-3 mob-text-3 -bold">
Free transactions:
</p>
<p class="free-transactions-text text-3 mob-text-3 -higher">
50,000 / month <br />
Then 0.04 € each
</p>
<div class="pricing-plans__key-features">
<div class="pricing-plans__key-features__wrapper">
<div class="pricing-plans__key-content">
<span class="separator"></span>
<p class="title text-3 mob-text-3 -bold">
Everything in Lite, and:
</p>
<ul class="list text-3 mob-text-3 -higher">
<li>Custom URLs and dedicated hosting</li>
<li>Custom branding and multi-checkout designs</li>
<li>Dedicated PCI DSS</li>
<li>Live monitoring and alerts</li>
<li>Dedicated Support</li>
</ul>
</div>
</div>
<div class="default-button -white -border -plus -smaller">
<span class="plus"></span>
Show Key features
</div>
</div>
</div>
<div class="pricing-plan__item" data-animate="swim-top">
<p class="title text-1 mob-text-1 -bold">
Finance
</p>
<p class="text-3 mob-text-3 -higher best-for">
Best for: Financial Institutions and EMI/PI/MSB/SPI
</p>
<p class="price title-3 mob-title-2">
5,000 €
<span class="text-3 mob-text-3 -medium">
/ mo
</span>
</p>
<a href="#form-section" class="default-button">
Get Finance
</a>
<p class="free-transactions-title text-3 mob-text-3 -bold">
Free transactions:
</p>
<p class="free-transactions-text text-3 mob-text-3 -higher">
100,000 / month <br />
Then 0.03 € each
</p>
<div class="pricing-plans__key-features">
<div class="pricing-plans__key-features__wrapper">
<div class="pricing-plans__key-content">
<span class="separator"></span>
<p class="title text-3 mob-text-3 -bold">
Everything in Business, and:
</p>
<ul class="list text-3 mob-text-3 -higher">
<li>Banking</li>
<li>Reconciliation, Accounting, Invoicing</li>
<li>Settlement calculator</li>
<li>Mass payouts</li>
<li>Dedicated support</li>
</ul>
</div>
</div>
<div class="default-button -white -border -plus -smaller">
<span class="plus"></span>
Show Key features
</div>
</div>
</div>
</div>
</div>
</section>
<section class="table-section">
<div class="container">
<h2 class="section-title title-2 mob-title-2" data-animate="word">
Features <br />
comparison.
</h2>
<div class="table-wrapper">
<div class="comparing-slider" data-animate="swim-top">
<div class="slider">
<div class="swiper-wrapper">
<div class="swiper-slide plan-slide">
<p class="text text-2 mob-text-2 -higher -bold">
Lite
</p>
<a href="#form-section" class="default-button -smaller">
Get Lite
</a>
</div>
<div class="swiper-slide plan-slide">
<p class="text text-2 mob-text-2 -higher -bold">
Business
</p>
<a href="#form-section" class="default-button -smaller">
Get Business
</a>
</div>
<div class="swiper-slide plan-slide">
<p class="text text-2 mob-text-2 -higher -bold">
Finance
</p>
<a href="#form-section" class="default-button -smaller">
Get Finance
</a>
</div>
</div>
</div>
<div class="pagination"></div>
</div>
<div class="comparing-table" data-animate="swim-top">
<div class="mobile-info">
<p class="row-name mob-text-2 -higher">
Plan
</p>
<div class="row-value mob-text-2 -bold -higher">
<p class="-active">Lite</p>
<p>Business</p>
<p>Finance</p>
</div>
</div>
<table>
<thead>
<tr>
<td></td>
<td>
<p class="text text-2 mob-text-2 -higher -bold">
Lite
</p>
<a href="#form-section" class="default-button -smaller">
Get Lite
</a>
</td>
<td>
<p class="text text-2 mob-text-2 -higher -bold">
Business
</p>
<a href="#form-section" class="default-button -smaller">
Get Business
</a>
</td>
<td>
<p class="text text-2 mob-text-2 -higher -bold">
Finance
</p>
<a href="#form-section" class="default-button -smaller">
Get Finance
</a>
</td>
</tr>
</thead>
<tbody>
<tr>
<th class="text-2 mob-text-2 -higher -bold">Payment Gateway</th>
</tr>
<tr class="text-3 mob-text-3 -higher -medium">
<td>Routing chains</td>
<td class="check"></td>
<td class="check"></td>
<td class="check"></td>
</tr>
<tr class="text-3 mob-text-3 -higher -medium">
<td>Cascading and orchestration</td>
<td class="check"></td>
<td class="check"></td>
<td class="check"></td>
</tr>
<tr class="text-3 mob-text-3 -higher -medium">
<td>Capture failed transactions</td>
<td class="check"></td>
<td class="check"></td>
<td class="check"></td>
</tr>
<tr class="text-3 mob-text-3 -higher -medium">
<td>Card processing</td>
<td class="check"></td>
<td class="check"></td>
<td class="check"></td>
</tr>
<tr class="text-3 mob-text-3 -higher -medium">
<td>Crypto processing</td>
<td class="check"></td>
<td class="check"></td>
<td class="check"></td>
</tr>
<tr class="text-3 mob-text-3 -higher -medium">
<td>Apple Pay / Samsung Pay / Google Pay</td>
<td class="empty">–</td>
<td class="check"></td>
<td class="check"></td>
</tr>
<tr class="text-3 mob-text-3 -higher -medium">
<td>Alternative Payment Methods</td>
<td class="check"></td>
<td class="check"></td>
<td class="check"></td>
</tr>
<tr class="text-3 mob-text-3 -higher -medium">
<td>Access to integrations hub</td>
<td class="empty">–</td>
<td class="check"></td>
<td class="check"></td>
</tr>
<tr class="text-3 mob-text-3 -higher -medium">
<td>Chargeback management</td>
<td class="empty">–</td>
<td class="check"></td>
<td class="check"></td>
</tr>
<tr class="text-3 mob-text-3 -higher -medium">
<td>Payouts (OCT/CFT)</td>
<td class="check"></td>
<td class="check"></td>
<td class="check"></td>
</tr>
<tr class="text-3 mob-text-3 -higher -medium">
<td>Multi-currency support</td>
<td class="check"></td>
<td class="check"></td>
<td class="check"></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</section>
<section class="form-section" id="form-section">
<div class="container">
<div class="form" data-animate="swim-top">
<div class="form-start">
<div class="form-start__left">
<h2 class="title --reverse-z-index title-2 mob-title-2">
Contact <br>
our Sales <br>
<span class="img"><span class="img__wrapper"><img class="-lazyload" srcset="images/lazyload.png"
src="images/avatars/circle-avatar-1.png" alt=""></span></span><span class="img"><span
class="img__wrapper"><img src="images/avatars/circle-avatar-2.png" alt=""></span></span><span
class="img"><span class="img__wrapper"><img class="-lazyload" srcset="images/lazyload.png"
src="images/avatars/circle-avatar-3.png" alt=""></span></span>
team.
</h2>
<p class="text text-3 mob-text-3 -higher">
Provide your information to help our Sales <br class="--pcdisplay"> team better understand your needs.
</p>
</div>
<div class="form-start__wrapper">
<form action="#">
<div class="input" data-important="not-empty">
<label class="input__name text-6 mob-text-6 -medium">Full name</label>
<div class="input__wrapper">
<input class="text-3 mob-text-3" type="text" placeholder="Enter your name">
</div>
<p class="input__error text-5 mob-text-5">This field is required</p>
</div>
<div class="input" data-important="email">
<label class="input__name text-6 mob-text-6 -medium">Email</label>
<div class="input__wrapper">
<input class="text-3 mob-text-3" type="email" placeholder="mail@example.com">
</div>
<p class="input__error text-5 mob-text-5">This field is required</p>
</div>
<div class="input" data-important="not-empty">
<label class="input__name text-6 mob-text-6 -medium">company name</label>
<div class="input__wrapper">
<input class="text-3 mob-text-3" type="text" placeholder="Enter company name">
</div>
<p class="input__error text-5 mob-text-5">This field is required</p>
</div>
<button class="default-button -black submit">
Submit
</button>
<p class="text text-5 mob-text-5">
By submitting this form, you agree to our <a href="#">Privacy Policy</a>.
</p>
</form>
</div>
</div>
<div class="form-complete">
<div class="form-complete__left">
<h2 class="title title-2 mob-title-2">
Thanks for
enquiring <br />
<span class="img"><span class="img__wrapper"><img class="-lazyload" srcset="images/lazyload.png"
src="images/icons/check-circle-green.svg" alt=""></span></span> with us.
</h2>
<p class="text text-3 mob-text-3 -higher">
We’ll contact you directly to get things <br class="--pc-display"> moving – we may ask you for
additional <br class="--pc-display"> information about your
enquiry.
</p>
</div>
<div class="form-complete__wrapper">
<img class="-lazyload" srcset="images/lazyload.png" src="images/icons/form-completed.svg" alt="">
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="footer --black-section --has-bg">
<div class="container">
<div class="footer__wrapper">
<a href="index.html" class="logo">
<img class="-lazyload" srcset="images/lazyload.png" src="images/icons/logo-small.svg" alt="Paytech - logo">
</a>
<div class="footer__named-row">
<div class="footer__named-col">
<p class="name text-7 mob-text-7">email</p>
<a href="mailto:info@pay.tech" class="title title-1 mob-title-1">info@pay.tech</a>
</div>
<div class="footer__named-col">
<p class="name text-7 mob-text-7">we are in touch</p>
<a href="mailto:info@pay.tech" class="text-3 mob-text-3 -higher">+35 796 235 587</a>
<p class="text-3 mob-text-3 -higher">PT Software Solutions Limited, Faneromenis 106, 2nd floor, Office 201,
6031, Larnaca, Cyprus</p>
</div>
</div>
<div class="footer__bottom-menu text-3 mob-text-3 -higher">
<a href="privacy.html">Privacy Policy</a>
<a href="terms.html">Terms & Conditions</a>
</div>
<div class="footer__bottom-row text-3 mob-text-3 -higher">
<p class="copyright">© 2023 Paytech</p>
<a href="privacy.html">Privacy Policy</a>
<a href="terms.html">Terms & Conditions</a>
<p class="developed-by">
Created by <a href="https://goodface.agency/" target="_blank">Goodface</a>
</p>
</div>
</div>
</div>
</footer>
<script src="js/lib/jquery-3.7.0.min.js"></script>
<script src="js/lib/gsap.min.js"></script>
<script src="js/lib/ScrollTrigger.min.js"></script>
<script src="js/lib/swiper-bundle.min.js"></script>
<script src="js/custom-solutions.js"></script>
<script src="js/script.js"></script>
<script src="js/animations.js"></script>
<script src="js/test.js"></script>
</body>
</html>