/home/bdqbpbxa/demo-subdomains/paytx.goodface.com.ua/product-api-integration.html
<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Easy invoicing solutions</title>

        <meta charset="utf-8" />
        <meta name="description" content="Payment innovation	for your business" />

        <!-- 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/ui-kit/cookies.css" />
        <link rel="stylesheet" type="text/css" href="css/adaptive.css" />

        <link rel="stylesheet" type="text/css" href="css//lib/overlay-scrollbars.min.css" />

        <!-- Generate favicon by https://realfavicongenerator.net/ -->
        <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="#5bbad5" />
        <meta name="msapplication-TileColor" content="#da532c" />
        <meta name="theme-color" content="#ffffff" />
        <!-- Opengraph -->
        <!-- TODO: Update or remove 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://sitename.com" />
        <meta property="og:site_name" content="PayTX" />
        <meta property="og:title" content="PayTX" />
        <meta property="og:description" content="Payment innovation	for your business" />
        <meta property="og:image" content="images/opengraph.png" />
    </head>

    <body>
        <script>
            document.body.classList.add('-allow-animations');
        </script>

        <header class="header">
            <div class="container --header-container">
                <div class="header__wrapper">
                    <a href="/" class="logo">
                        <img src="images/logo.svg" alt="paytx" />
                        <img src="images/logo-small.svg" alt="paytx" />
                    </a>
                    <div class="header__right-wrapper">
                        <div class="header__menu link-text mob-link-text pc" data-custom-lazyload-trigger>
                            <div class="header__menu-item -has-child header__dropdown">
                                <div class="header__dropdown-parent">
                                    <span>Products</span>
                                    <div class="plus"><span></span><span></span></div>
                                </div>
                                <div class="header__dropdown-childlist">
                                    <div class="header__dropdown-childlist-inner">
                                        <a
                                            href="product-credit-card-processing.html"
                                            class="link-text mob-link-text header__dropdown-item"
                                        >
                                            <span class="img">
                                                <img
                                                    class="-lazyload"
                                                    srcset="images/lazyload.png"
                                                    src="images/icons/header/creditcard.svg"
                                                    alt=""
                                                />
                                            </span>
                                            <span class="text">Credit Card Processing</span>
                                        </a>
                                        <a
                                            href="product-apm-processing.html"
                                            class="link-text mob-link-text header__dropdown-item"
                                        >
                                            <span class="img">
                                                <img
                                                    class="-lazyload"
                                                    srcset="images/lazyload.png"
                                                    src="images/icons/header/apm.svg"
                                                    alt=""
                                                />
                                            </span>
                                            <span class="text">APM Processing</span>
                                        </a>
                                        <a
                                            href="product-payment-linking.html"
                                            class="link-text mob-link-text header__dropdown-item"
                                        >
                                            <span class="img">
                                                <img
                                                    class="-lazyload"
                                                    srcset="images/lazyload.png"
                                                    src="images/icons/header/payment.svg"
                                                    alt=""
                                                />
                                            </span>
                                            <span class="text">Payment Linking</span>
                                        </a>
                                        <a
                                            href="product-invoicing.html"
                                            class="link-text mob-link-text header__dropdown-item"
                                        >
                                            <span class="img">
                                                <img
                                                    class="-lazyload"
                                                    srcset="images/lazyload.png"
                                                    src="images/icons/header/invoicing.svg"
                                                    alt=""
                                                />
                                            </span>
                                            <span class="text">Invoicing</span>
                                        </a>
                                        <a
                                            href="product-platform-integration.html"
                                            class="link-text mob-link-text header__dropdown-item"
                                        >
                                            <span class="img">
                                                <img
                                                    class="-lazyload"
                                                    srcset="images/lazyload.png"
                                                    src="images/icons/header/platform.svg"
                                                    alt=""
                                                />
                                            </span>
                                            <span class="text">Platform integrations</span>
                                        </a>
                                        <a
                                            href="product-api-integration.html"
                                            class="link-text mob-link-text header__dropdown-item"
                                        >
                                            <span class="img">
                                                <img
                                                    class="-lazyload"
                                                    srcset="images/lazyload.png"
                                                    src="images/icons/header/api-integrations.svg"
                                                    alt=""
                                                />
                                            </span>
                                            <span class="text">API integrations</span>
                                        </a>
                                        <a
                                            href="product-merchant-tools.html"
                                            class="link-text mob-link-text header__dropdown-item"
                                        >
                                            <span class="img">
                                                <img
                                                    class="-lazyload"
                                                    srcset="images/lazyload.png"
                                                    src="images/icons/header/merchant.svg"
                                                    alt=""
                                                />
                                            </span>
                                            <span class="text">Merchant Tools</span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="header__menu-item -has-child header__dropdown">
                                <div class="header__dropdown-parent">
                                    <span>Solutions</span>
                                    <div class="plus"><span></span><span></span></div>
                                </div>
                                <div class="header__dropdown-childlist">
                                    <div class="header__dropdown-childlist-inner">
                                        <a
                                            href="solution-e-commerce-retail.html"
                                            class="link-text mob-link-text header__dropdown-item"
                                        >
                                            <span class="img">
                                                <img
                                                    class="-lazyload"
                                                    srcset="images/lazyload.png"
                                                    src="images/icons/header/ecommerce.svg"
                                                    alt=""
                                                />
                                            </span>
                                            <span class="text">E-commerce & Retail</span>
                                        </a>
                                        <a
                                            href="solution-gaming.html"
                                            class="link-text mob-link-text header__dropdown-item"
                                        >
                                            <span class="img">
                                                <img
                                                    class="-lazyload"
                                                    srcset="images/lazyload.png"
                                                    src="images/icons/header/gaming.svg"
                                                    alt=""
                                                />
                                            </span>
                                            <span class="text">Gaming</span>
                                        </a>
                                        <a
                                            href="solution-marketplaces.html"
                                            class="link-text mob-link-text header__dropdown-item"
                                        >
                                            <span class="img">
                                                <img
                                                    class="-lazyload"
                                                    srcset="images/lazyload.png"
                                                    src="images/icons/header/marketplace.svg"
                                                    alt=""
                                                />
                                            </span>
                                            <span class="text">Marketplaces</span>
                                        </a>
                                        <a
                                            href="solution-software&technology.html"
                                            class="link-text mob-link-text header__dropdown-item"
                                        >
                                            <span class="img">
                                                <img
                                                    class="-lazyload"
                                                    srcset="images/lazyload.png"
                                                    src="images/icons/header/software.svg"
                                                    alt=""
                                                />
                                            </span>
                                            <span class="text">Software & Technology</span>
                                        </a>
                                        <a
                                            href="solution-e-learning.html"
                                            class="link-text mob-link-text header__dropdown-item"
                                        >
                                            <span class="img">
                                                <img
                                                    class="-lazyload"
                                                    srcset="images/lazyload.png"
                                                    src="images/icons/header/elearning.svg"
                                                    alt=""
                                                />
                                            </span>
                                            <span class="text">E-learning & Education</span>
                                        </a>
                                        <a
                                            href="solution-subscription.html"
                                            class="link-text mob-link-text header__dropdown-item"
                                        >
                                            <span class="img">
                                                <img
                                                    class="-lazyload"
                                                    srcset="images/lazyload.png"
                                                    src="images/icons/header/subscription.svg"
                                                    alt=""
                                                />
                                            </span>
                                            <span class="text">Subscription Services</span>
                                        </a>
                                        <a
                                            href="solution-freelance.html"
                                            class="link-text mob-link-text header__dropdown-item"
                                        >
                                            <span class="img">
                                                <img
                                                    class="-lazyload"
                                                    srcset="images/lazyload.png"
                                                    src="images/icons/header/freelance.svg"
                                                    alt=""
                                                />
                                            </span>
                                            <span class="text">Freelance & SMEs</span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="header__menu-item -has-child header__dropdown">
                                <div class="header__dropdown-parent">
                                    <span>Company</span>
                                    <div class="plus"><span></span><span></span></div>
                                </div>
                                <div class="header__dropdown-childlist">
                                    <div class="header__dropdown-childlist-inner">
                                        <a href="about.html" class="link-text mob-link-text header__dropdown-item">
                                            <span class="img">
                                                <img
                                                    class="-lazyload"
                                                    srcset="images/lazyload.png"
                                                    src="images/icons/header/about.svg"
                                                    alt=""
                                                />
                                            </span>
                                            <span class="text">About</span>
                                        </a>
                                        <a href="#" class="link-text mob-link-text header__dropdown-item -disable">
                                            <span class="img">
                                                <img
                                                    class="-lazyload"
                                                    srcset="images/lazyload.png"
                                                    src="images/icons/header/career.svg"
                                                    alt=""
                                                />
                                            </span>
                                            <span class="text">Career</span>
                                            <span class="article-tag -soon tag-text-small">soon</span>
                                        </a>
                                        <a href="#" class="link-text mob-link-text header__dropdown-item -disable">
                                            <span class="img">
                                                <img
                                                    class="-lazyload"
                                                    srcset="images/lazyload.png"
                                                    src="images/icons/header/blog.svg"
                                                    alt=""
                                                />
                                            </span>
                                            <span class="text">Blog</span>
                                            <span class="article-tag -soon tag-text-small">soon</span>
                                        </a>
                                        <a href="support.html" class="link-text mob-link-text header__dropdown-item">
                                            <span class="img">
                                                <img
                                                    class="-lazyload"
                                                    srcset="images/lazyload.png"
                                                    src="images/icons/header/support.svg"
                                                    alt=""
                                                />
                                            </span>
                                            <span class="text">Support</span>
                                        </a>
                                        <a href="#" class="link-text mob-link-text header__dropdown-item -target">
                                            <span class="img">
                                                <img
                                                    class="-lazyload"
                                                    srcset="images/lazyload.png"
                                                    src="images/icons/header/api.svg"
                                                    alt=""
                                                />
                                            </span>
                                            <span class="text">API Docs</span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <a href="pricing.html" class="header__menu-item">Pricing</a>
                        </div>
                        <div class="header__menu link-text mob-link-text mobile" data-custom-lazyload-trigger>
                            <div class="header__menu-container">
                                <div
                                    class="header__menu-item -has-child header__dropdown --accordion"
                                    data-accordion-group="menu-items"
                                >
                                    <div class="header__dropdown-parent --accordion__open">
                                        <span>Products</span>
                                        <div class="plus"><span></span><span></span></div>
                                    </div>
                                    <div class="header__dropdown-childlist --accordion__content-container">
                                        <div class="header__dropdown-childlist-inner --accordion__content">
                                            <a
                                                href="product-credit-card-processing.html"
                                                class="link-text mob-link-text header__dropdown-item"
                                            >
                                                <span class="img">
                                                    <img
                                                        class="-lazyload"
                                                        srcset="images/lazyload.png"
                                                        src="images/icons/header/creditcard.svg"
                                                        alt=""
                                                    />
                                                </span>
                                                <span class="text">Credit Card Processing</span>
                                            </a>
                                            <a
                                                href="product-apm-processing.html"
                                                class="link-text mob-link-text header__dropdown-item"
                                            >
                                                <span class="img">
                                                    <img
                                                        class="-lazyload"
                                                        srcset="images/lazyload.png"
                                                        src="images/icons/header/apm.svg"
                                                        alt=""
                                                    />
                                                </span>
                                                <span class="text">APM Processing</span>
                                            </a>
                                            <a
                                                href="product-payment-linking.html"
                                                class="link-text mob-link-text header__dropdown-item"
                                            >
                                                <span class="img">
                                                    <img
                                                        class="-lazyload"
                                                        srcset="images/lazyload.png"
                                                        src="images/icons/header/payment.svg"
                                                        alt=""
                                                    />
                                                </span>
                                                <span class="text">Payment Linking</span>
                                            </a>
                                            <a
                                                href="product-invoicing.html"
                                                class="link-text mob-link-text header__dropdown-item"
                                            >
                                                <span class="img">
                                                    <img
                                                        class="-lazyload"
                                                        srcset="images/lazyload.png"
                                                        src="images/icons/header/invoicing.svg"
                                                        alt=""
                                                    />
                                                </span>
                                                <span class="text">Invoicing</span>
                                            </a>
                                            <a
                                                href="product-platform-integration.html"
                                                class="link-text mob-link-text header__dropdown-item"
                                            >
                                                <span class="img">
                                                    <img
                                                        class="-lazyload"
                                                        srcset="images/lazyload.png"
                                                        src="images/icons/header/platform.svg"
                                                        alt=""
                                                    />
                                                </span>
                                                <span class="text">Platform integrations</span>
                                            </a>
                                            <a
                                                href="product-api-integration.html"
                                                class="link-text mob-link-text header__dropdown-item"
                                            >
                                                <span class="img">
                                                    <img
                                                        class="-lazyload"
                                                        srcset="images/lazyload.png"
                                                        src="images/icons/header/api-integrations.svg"
                                                        alt=""
                                                    />
                                                </span>
                                                <span class="text">API integrations</span>
                                            </a>
                                            <a
                                                href="product-merchant-tools.html"
                                                class="link-text mob-link-text header__dropdown-item"
                                            >
                                                <span class="img">
                                                    <img
                                                        class="-lazyload"
                                                        srcset="images/lazyload.png"
                                                        src="images/icons/header/merchant.svg"
                                                        alt=""
                                                    />
                                                </span>
                                                <span class="text">Merchant Tools</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div
                                    class="header__menu-item -has-child header__dropdown --accordion"
                                    data-accordion-group="menu-items"
                                >
                                    <div class="header__dropdown-parent --accordion__open">
                                        <span>Solutions</span>
                                        <div class="plus"><span></span><span></span></div>
                                    </div>
                                    <div class="header__dropdown-childlist --accordion__content-container">
                                        <div class="header__dropdown-childlist-inner --accordion__content">
                                            <a
                                                href="solution-e-commerce-retail.html"
                                                class="link-text mob-link-text header__dropdown-item"
                                            >
                                                <span class="img">
                                                    <img
                                                        class="-lazyload"
                                                        srcset="images/lazyload.png"
                                                        src="images/icons/header/ecommerce.svg"
                                                        alt=""
                                                    />
                                                </span>
                                                <span class="text">E-commerce & Retail</span>
                                            </a>
                                            <a
                                                href="solution-gaming.html"
                                                class="link-text mob-link-text header__dropdown-item"
                                            >
                                                <span class="img">
                                                    <img
                                                        class="-lazyload"
                                                        srcset="images/lazyload.png"
                                                        src="images/icons/header/gaming.svg"
                                                        alt=""
                                                    />
                                                </span>
                                                <span class="text">Gaming</span>
                                            </a>
                                            <a
                                                href="solution-marketplaces.html"
                                                class="link-text mob-link-text header__dropdown-item"
                                            >
                                                <span class="img">
                                                    <img
                                                        class="-lazyload"
                                                        srcset="images/lazyload.png"
                                                        src="images/icons/header/marketplace.svg"
                                                        alt=""
                                                    />
                                                </span>
                                                <span class="text">Marketplaces</span>
                                            </a>
                                            <a
                                                href="solution-software&technology.html"
                                                class="link-text mob-link-text header__dropdown-item"
                                            >
                                                <span class="img">
                                                    <img
                                                        class="-lazyload"
                                                        srcset="images/lazyload.png"
                                                        src="images/icons/header/software.svg"
                                                        alt=""
                                                    />
                                                </span>
                                                <span class="text">Software & Technology</span>
                                            </a>
                                            <a
                                                href="solution-e-commerce-retail.html"
                                                class="link-text mob-link-text header__dropdown-item"
                                            >
                                                <span class="img">
                                                    <img
                                                        class="-lazyload"
                                                        srcset="images/lazyload.png"
                                                        src="images/icons/header/elearning.svg"
                                                        alt=""
                                                    />
                                                </span>
                                                <span class="text">E-learning & Education</span>
                                            </a>
                                            <a
                                                href="solution-subscription.html"
                                                class="link-text mob-link-text header__dropdown-item"
                                            >
                                                <span class="img">
                                                    <img
                                                        class="-lazyload"
                                                        srcset="images/lazyload.png"
                                                        src="images/icons/header/subscription.svg"
                                                        alt=""
                                                    />
                                                </span>
                                                <span class="text">Subscription Services</span>
                                            </a>
                                            <a
                                                href="solution-freelance.html"
                                                class="link-text mob-link-text header__dropdown-item"
                                            >
                                                <span class="img">
                                                    <img
                                                        class="-lazyload"
                                                        srcset="images/lazyload.png"
                                                        src="images/icons/header/freelance.svg"
                                                        alt=""
                                                    />
                                                </span>
                                                <span class="text">Freelance & SMEs</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div
                                    class="header__menu-item -has-child header__dropdown --accordion"
                                    data-accordion-group="menu-items"
                                >
                                    <div class="header__dropdown-parent --accordion__open">
                                        <span>Company</span>
                                        <div class="plus"><span></span><span></span></div>
                                    </div>
                                    <div class="header__dropdown-childlist --accordion__content-container">
                                        <div class="header__dropdown-childlist-inner --accordion__content">
                                            <a href="about.html" class="link-text mob-link-text header__dropdown-item">
                                                <span class="img">
                                                    <img
                                                        class="-lazyload"
                                                        srcset="images/lazyload.png"
                                                        src="images/icons/header/about.svg"
                                                        alt=""
                                                    />
                                                </span>
                                                <span class="text">About</span>
                                            </a>
                                            <a href="#" class="link-text mob-link-text header__dropdown-item -disable">
                                                <span class="img">
                                                    <img
                                                        class="-lazyload"
                                                        srcset="images/lazyload.png"
                                                        src="images/icons/header/career.svg"
                                                        alt=""
                                                    />
                                                </span>
                                                <span class="text">Career</span>
                                                <span class="article-tag -soon tag-text-small">soon</span>
                                            </a>
                                            <a href="#" class="link-text mob-link-text header__dropdown-item -disable">
                                                <span class="img">
                                                    <img
                                                        class="-lazyload"
                                                        srcset="images/lazyload.png"
                                                        src="images/icons/header/blog.svg"
                                                        alt=""
                                                    />
                                                </span>
                                                <span class="text">Blog</span>
                                                <span class="article-tag -soon tag-text-small">soon</span>
                                            </a>
                                            <a href="support.html" class="link-text mob-link-text header__dropdown-item ">
                                                <span class="img">
                                                    <img
                                                        class="-lazyload"
                                                        srcset="images/lazyload.png"
                                                        src="images/icons/header/support.svg"
                                                        alt=""
                                                    />
                                                </span>
                                                <span class="text">Support</span>
                                            </a>
                                            <a href="#" class="link-text mob-link-text header__dropdown-item -target">
                                                <span class="img">
                                                    <img
                                                        class="-lazyload"
                                                        srcset="images/lazyload.png"
                                                        src="images/icons/header/api.svg"
                                                        alt=""
                                                    />
                                                </span>
                                                <span class="text">API Docs</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <a href="pricing.html" class="header__menu-item">Pricing</a>
                            </div>
                        </div>
                        <div class="header__menu-opener">
                            <div class="burger"><span></span><span></span></div>
                            <span class="text" data-change-text="Close"> Menu </span>
                        </div>
                        <div class="button-container">
                            <a href="#" class="button -small link-text mob-link-text -white light-fade">
                                <div class="fade-container">
                                    <div class="fade-border"></div>
                                    <div class="fade-gradient"></div>
                                </div>
                                Log in
                            </a>
                            <a href="#" class="button -small link-text mob-link-text"> Log in </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="header__bg"></div>
        </header>

        <main>
            <section class="container-large cta-section fill-header-after-this-section" data-animate-group="list">
                <div class="cta -cta-hero">
                    <div class="bg" data-animate="fade">
                        <img src="images/gradients/type-6.jpg" alt="" />
                    </div>
                    <span class="widget -bigger -multiple -cta-hero -widget-logo" data-animate="fade">
                        <img src="images/widgets/mastercard.svg" alt="" />
                        <img src="images/widgets/visa.svg" alt="" /><img src="images/widgets/klarna.svg" alt="" />
                    </span>
                    <h1 class="title title-1 mob-title-1" data-animate="word" data-do-not-clear-animate>
                        Seamless<br class="--pc-display" />
                        API
                        <span class="widget -bigger -multiple">
                            <img src="images/widgets/mastercard.svg" alt="" />
                            <img src="images/widgets/visa.svg" alt="" /><img src="images/widgets/klarna.svg" alt="" />
                        </span>
                        integrations
                    </h1>
                    <p class="text body-1 mob-body-1 -cta-hero" data-animate="swim-top">
                        Use our powerful APIs to create scalable and<br class="--pc-display" />
                        customizable payment solutions that are perfect for<br class="--pc-display" />
                        your business.
                    </p>
                    <a href="contacts.html" class="button button-text mob-button-text -arrow" data-animate="swim-top">
                        Get started <span class="arrow"></span>
                    </a>
                </div>
            </section>

            <section class="text-section" data-animate-group="list">
                <div class="container">
                    <div class="section-tag tag-text mob-tag-text" data-animate="fade">Unprecedented Integration</div>
                    <h2 class="title title-2 mob-title-2" data-animate="word">
                        We’re proud to offer an API that<br class="--pc-display" />
                        redefines expectations in terms of<br class="--pc-display" />
                        power, flexibility & ease of use
                    </h2>
                    <p class="text body-1 mob-body-1" data-animate="swim-top">
                        Designed for developers seeking maximum efficiency and performance in their payment solutions,
                        our API opens up a world of possibilities for your business.
                    </p>
                </div>
            </section>

            <section class="scrolled-slider">
                <div class="container">
                    <div class="scrolled-slider__container -pc">
                        <div class="scrolled-slider__img">
                            <img
                                class="-active -lazyload"
                                srcset="images/lazyload.png"
                                src="images/productpage/payment-solution/unmatched-power.png"
                                alt=""
                            />
                            <img
                                class="-lazyload"
                                srcset="images/lazyload.png"
                                src="images/productpage/payment-solution/interactive-interface.png"
                                alt=""
                            />
                            <img
                                class="-lazyload"
                                srcset="images/lazyload.png"
                                src="images/productpage/payment-solution/api-integrations.png"
                                alt=""
                            />

                            <img
                                class="-lazyload"
                                srcset="images/lazyload.png"
                                src="images/productpage/payment-solution/api-documentation.png"
                                alt=""
                            />

                            <img
                                class="-lazyload"
                                srcset="images/lazyload.png"
                                src="images/productpage/payment-solution/anti-fraud-protection.png"
                                alt=""
                            />
                        </div>
                        <div class="scrolled-slider__wrapper">
                            <div class="scrolled-slider__item -active">
                                <div class="title title-4 mob-title-4">
                                    <span class="text">Unmatched power</span>
                                </div>
                                <div class="text-overflow">
                                    <p class="text body-2 mob-body-2" style="height: auto">
                                        Our API provides a robust solution to handle all types of payment transactions,
                                        from the simplest to the most complex, with unmatched reliability and speed.
                                    </p>
                                </div>
                            </div>
                            <div class="scrolled-slider__item">
                                <div class="title title-4 mob-title-4">
                                    <span class="text">Interactive interface</span>
                                </div>
                                <div class="text-overflow">
                                    <p class="text body-2 mob-body-2" style="height: auto">
                                        We offer an interactive API experience that allows developers to test and
                                        experiment with our integrations in an efficient and understandable way.
                                    </p>
                                </div>
                            </div>
                            <div class="scrolled-slider__item">
                                <div class="title title-4 mob-title-4">
                                    <span class="text">Flexible integration</span>
                                </div>
                                <div class="text-overflow">
                                    <p class="text body-2 mob-body-2" style="height: auto">
                                        Adapts to any development environment, offering a wide range of functionalities
                                        to customize every aspect of the payment process according to your business
                                        needs.
                                    </p>
                                </div>
                            </div>
                            <div class="scrolled-slider__item">
                                <div class="title title-4 mob-title-4">
                                    <span class="text">Clear documentation</span>
                                </div>
                                <div class="text-overflow">
                                    <p class="text body-2 mob-body-2" style="height: auto">
                                        We provide detailed documentation and code samples to facilitate the
                                        implementation of our API, ensuring a smooth integration.
                                    </p>
                                </div>
                            </div>
                            <div class="scrolled-slider__item">
                                <div class="title title-4 mob-title-4">
                                    <span class="text">Top-level security</span>
                                </div>
                                <div class="text-overflow">
                                    <p class="text body-2 mob-body-2" style="height: auto">
                                        We meet the highest security standards in the industry, ensuring that all
                                        transactions are secure and protecting both merchants and their customers.
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="scrolled-slider__container -mob">
                        <div class="slider">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide scrolled-slider__slide">
                                    <div class="img">
                                        <img
                                            class="-lazyload"
                                            srcset="images/lazyload.png"
                                            src="images/productpage/payment-solution/unmatched-power.png"
                                            alt=""
                                        />
                                    </div>
                                    <p class="title title-4 mob-title-4">Unmatched power</p>
                                    <p class="text body-2 mob-body-2">
                                        Our API provides a robust solution to handle all types of payment transactions,
                                        from the simplest to the most complex, with unmatched reliability and speed.
                                    </p>
                                </div>
                                <div class="swiper-slide scrolled-slider__slide">
                                    <div class="img">
                                        <img
                                            class="-lazyload"
                                            srcset="images/lazyload.png"
                                            src="images/productpage/payment-solution/interactive-interface.png"
                                            alt=""
                                        />
                                    </div>
                                    <p class="title title-4 mob-title-4">Interactive interface</p>
                                    <p class="text body-2 mob-body-2">
                                        We offer an interactive API experience that allows developers to test and
                                        experiment with our integrations in an efficient and understandable way.
                                    </p>
                                </div>
                                <div class="swiper-slide scrolled-slider__slide">
                                    <div class="img">
                                        <img
                                            class="-lazyload"
                                            srcset="images/lazyload.png"
                                            src="images/productpage/payment-solution/api-integrations.png"
                                            alt=""
                                        />
                                    </div>
                                    <p class="title title-4 mob-title-4">Flexible integration</p>
                                    <p class="text body-2 mob-body-2">
                                        Adapts to any development environment, offering a wide range of functionalities
                                        to customize every aspect of the payment process according to your business
                                        needs.
                                    </p>
                                </div>
                                <div class="swiper-slide scrolled-slider__slide">
                                    <div class="img">
                                        <img
                                            class="-lazyload"
                                            srcset="images/lazyload.png"
                                            src="images/productpage/payment-solution/api-documentation.png"
                                            alt=""
                                        />
                                    </div>
                                    <p class="title title-4 mob-title-4">Clear documentation</p>
                                    <p class="text body-2 mob-body-2">
                                        We provide detailed documentation and code samples to facilitate the
                                        implementation of our API, ensuring a smooth integration.
                                    </p>
                                </div>
                                <div class="swiper-slide scrolled-slider__slide">
                                    <div class="img">
                                        <img
                                            class="-lazyload"
                                            srcset="images/lazyload.png"
                                            src="images/productpage/payment-solution/anti-fraud-protection.png"
                                            alt=""
                                        />
                                    </div>
                                    <p class="title title-4 mob-title-4">Top-level security</p>
                                    <p class="text body-2 mob-body-2">
                                        We meet the highest security standards in the industry, ensuring that all
                                        transactions are secure and protecting both merchants and their customers.
                                    </p>
                                </div>
                            </div>
                            <div class="swiper-pagination"></div>
                        </div>
                    </div>
                </div>
            </section>

            <section class="container-large" data-animate-group="list">
                <div class="seamless-transactions">
                    <div class="container">
                        <div class="section-tag tag-text mob-tag-text" data-animate="fade">Seamless Transactions</div>
                        <h2 class="title title-2 mob-title-2" data-animate="word">
                            Innovation & growth with<br class="--pc-display" />
                            the PayTX API
                        </h2>
                        <p class="text body-1 mob-body-1" data-animate="swim-top">
                            Adopting the PayTX API means choosing a platform that is constantly<br
                                class="--pc-display"
                            />
                            innovating to meet market demands and customer expectations.
                        </p>

                        <div class="seamless-transactions-info -lite" data-animate="swim-top">
                            <div class="bg">
                                <img
                                    class="-lazyload"
                                    srcset="images/lazyload.png"
                                    src="images/productpage/seamless-transactions/lite-bg-4.jpg"
                                    alt=""
                                />
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <section class="container how-it-work" data-animate-group="list">
                <div class="how-it-work-text-conainer -sticky">
                    <div class="section-tag tag-text mob-tag-text" data-animate="fade">How it works</div>
                    <h3 class="title title-3 mob-title-3" data-animate="word">
                        Elevate your<br class="--pc-display" />
                        productivity<br class="--pc-display" />
                        with our API<br class="--pc-display" />magic
                    </h3>
                    <p class="text body-1 mob-body-1" data-animate="swim-top">
                        Effortlessly connect with third-party services, streamline processes, and boost productivity.
                        Dive into the future of connectivity with our intuitive API integration platform – making
                        collaboration a breeze.
                    </p>
                </div>
                <div class="how-it-work-slider">
                    <div class="how-it-work-slider__container -pc">
                        <div class="how-it-work-slider__item -active">
                            <div class="how-it-work-slider__item-img">
                                <img src="images/productpage/how-it-work/connect-services.png" alt="" />
                            </div>

                            <div class="how-it-work-slider__item-body">
                                <div class="section-tag tag-text mob-tag-text">01</div>
                                <span class="title description-2 mob-description-2">Connect services</span>
                                <div class="text body-2 mob-body-2">
                                    Begin by selecting the APIs you want to integrate into your product. Our
                                    user-friendly interface allows you to effortlessly connect with a variety of
                                    third-party services.
                                </div>
                            </div>
                            <div class="how-it-work-slider__item-overlay"></div>
                        </div>
                        <div class="how-it-work-slider__item">
                            <div class="how-it-work-slider__item-img">
                                <img src="images/productpage/how-it-work/configure-settings.png" alt="" />
                            </div>

                            <div class="how-it-work-slider__item-body">
                                <div class="section-tag tag-text mob-tag-text">02</div>
                                <span class="title description-2 mob-description-2">Configure settings</span>
                                <div class="text body-2 mob-body-2">
                                    Customize the integration to match your specific needs. Adjust settings,
                                    permissions, and data parameters easily, ensuring a seamless fit with your product.
                                </div>
                            </div>
                            <div class="how-it-work-slider__item-overlay"></div>
                        </div>
                        <div class="how-it-work-slider__item">
                            <div class="how-it-work-slider__item-img">
                                <img src="images/productpage/how-it-work/secure-authentication.png" alt="" />
                            </div>

                            <div class="how-it-work-slider__item-body">
                                <div class="section-tag tag-text mob-tag-text">03</div>
                                <span class="title description-2 mob-description-2">Secure authentication</span>
                                <div class="text body-2 mob-body-2">
                                    Authenticate with confidence. Our platform employs robust security measures to
                                    guarantee the safe exchange of information between your product and the integrated
                                    APIs.
                                </div>
                            </div>
                            <div class="how-it-work-slider__item-overlay"></div>
                        </div>
                        <div class="how-it-work-slider__item">
                            <div class="how-it-work-slider__item-img">
                                <img src="images/productpage/how-it-work/activate-and-monitor.png" alt="" />
                            </div>

                            <div class="how-it-work-slider__item-body">
                                <div class="section-tag tag-text mob-tag-text">04</div>
                                <span class="title description-2 mob-description-2">Activate and monitor</span>
                                <div class="text body-2 mob-body-2">
                                    Turn on your API integrations and start benefiting immediately. Our monitoring tools
                                    provide real-time insights, enabling you to track performance and address any issues
                                    promptly, ensuring a smooth and reliable integration process.
                                </div>
                            </div>
                            <div class="how-it-work-slider__item-overlay"></div>
                        </div>
                    </div>
                    <div class="how-it-work-slider__container -mob">
                        <div class="slider">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide how-it-work-slider__slide">
                                    <div class="how-it-work-slider__item">
                                        <div class="how-it-work-slider__item-img">
                                            <img src="images/productpage/how-it-work/create-invoice.png" alt="" />
                                        </div>

                                        <div class="how-it-work-slider__item-body">
                                            <div class="section-tag tag-text mob-tag-text">01</div>
                                            <span class="title description-2 mob-description-2">Create Invoice</span>
                                            <div class="text body-2 mob-body-2">
                                                Begin by generating an invoice within our platform. Include essential
                                                details such as the description of goods or services, quantities,
                                                prices, and any applicable taxes.
                                            </div>
                                        </div>
                                        <div class="how-it-work-slider__item-overlay"></div>
                                    </div>
                                </div>
                                <div class="swiper-slide how-it-work-slider__slide">
                                    <div class="how-it-work-slider__item">
                                        <div class="how-it-work-slider__item-img">
                                            <img src="images/productpage/how-it-work/customize-&-review.png" alt="" />
                                        </div>

                                        <div class="how-it-work-slider__item-body">
                                            <div class="section-tag tag-text mob-tag-text">02</div>
                                            <span class="title description-2 mob-description-2"
                                                >Customize & Review</span
                                            >
                                            <div class="text body-2 mob-body-2">
                                                Tailor the invoice to your brand and review the details for accuracy.
                                                Many invoicing tools allow customization of the invoice layout and
                                                design to maintain a professional and cohesive appearance.
                                            </div>
                                        </div>
                                        <div class="how-it-work-slider__item-overlay"></div>
                                    </div>
                                </div>
                                <div class="swiper-slide how-it-work-slider__slide">
                                    <div class="how-it-work-slider__item">
                                        <div class="how-it-work-slider__item-img">
                                            <img src="images/productpage/how-it-work/send-to-client.png" alt="" />
                                        </div>

                                        <div class="how-it-work-slider__item-body">
                                            <div class="section-tag tag-text mob-tag-text">03</div>
                                            <span class="title description-2 mob-description-2">Send to Client</span>
                                            <div class="text body-2 mob-body-2">
                                                Once the invoice is finalized, send it directly to your client via email
                                                or the chosen communication channel. Ensure clarity regarding payment
                                                terms, due dates, and any specific instructions for processing the
                                                payment.
                                            </div>
                                        </div>
                                        <div class="how-it-work-slider__item-overlay"></div>
                                    </div>
                                </div>
                                <div class="swiper-slide how-it-work-slider__slide">
                                    <div class="how-it-work-slider__item">
                                        <div class="how-it-work-slider__item-img">
                                            <img src="images/productpage/how-it-work/track-&-manage.png" alt="" />
                                        </div>

                                        <div class="how-it-work-slider__item-body">
                                            <div class="section-tag tag-text mob-tag-text">04</div>
                                            <span class="title description-2 mob-description-2">Track & Manage</span>
                                            <div class="text body-2 mob-body-2">
                                                Use your invoicing platform to monitor the invoice's status, whether
                                                it's pending, paid, or overdue. This step involves tracking payments,
                                                sending reminders for overdue invoices, and maintaining a comprehensive
                                                record of your financial transactions.
                                            </div>
                                        </div>
                                        <div class="how-it-work-slider__item-overlay"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-pagination"></div>
                        </div>
                    </div>
                </div>
            </section>
            <section class="connect-seamlessly" data-accordion-group="list">
                <div class="container">
                    <div class="section-tag tag-text mob-tag-text" data-animate="fade">Connect Seamlessly</div>
                    <h2 class="title title-2 mob-title-2" data-animate="word">
                        Our software bridges <br class="--pc-display" />
                        your business with leading <br class="--pc-display" />
                        payment methods
                    </h2>
                </div>
                <div class="conveyor-list">
                    <div class="conveyor-container -payment-methods description-2 mob-description-2">
                        <div class="conveyor-belt__belt" data-check-in-viewport data-animate="fade">
                            <div class="conveyor-belt__belt-part">
                                <div class="payment-method-card">
                                    <div class="img">
                                        <img
                                            class="-lazyload"
                                            srcset="images/lazyload.png"
                                            src="images/payment-methods/amex.svg"
                                            alt=""
                                        />
                                    </div>
                                    <p>American Express</p>
                                </div>
                                <div class="payment-method-card">
                                    <div class="img">
                                        <img
                                            class="-lazyload"
                                            srcset="images/lazyload.png"
                                            src="images/payment-methods/paysafecard.svg"
                                            alt=""
                                        />
                                    </div>
                                    <p>Paysafecard</p>
                                </div>
                                <div class="payment-method-card">
                                    <div class="img">
                                        <img
                                            class="-lazyload"
                                            srcset="images/lazyload.png"
                                            src="images/payment-methods/visa.svg"
                                            alt=""
                                        />
                                    </div>
                                    <p>VISA</p>
                                </div>
                                <div class="payment-method-card">
                                    <div class="img">
                                        <img
                                            class="-lazyload"
                                            srcset="images/lazyload.png"
                                            src="images/payment-methods/sepa.svg"
                                            alt=""
                                        />
                                    </div>
                                    <p>SEPA</p>
                                </div>
                                <div class="payment-method-card">
                                    <div class="img">
                                        <img
                                            class="-lazyload"
                                            srcset="images/lazyload.png"
                                            src="images/payment-methods/klarna.svg"
                                            alt=""
                                        />
                                    </div>
                                    <p>Klarna</p>
                                </div>
                                <div class="payment-method-card">
                                    <div class="img">
                                        <img
                                            class="-lazyload"
                                            srcset="images/lazyload.png"
                                            src="images/payment-methods/przelewy24.svg"
                                            alt=""
                                        />
                                    </div>
                                    <p>Przelewy24</p>
                                </div>
                            </div>
                        </div>
                        <div class="conveyor-belt__belt -reverse" data-check-in-viewport data-animate="fade">
                            <div class="conveyor-belt__belt-part">
                                <div class="payment-method-card">
                                    <div class="img">
                                        <img
                                            class="-lazyload"
                                            srcset="images/lazyload.png"
                                            src="images/payment-methods/ideal.svg"
                                            alt=""
                                        />
                                    </div>
                                    <p>iDeal</p>
                                </div>
                                <div class="payment-method-card">
                                    <div class="img">
                                        <img
                                            class="-lazyload"
                                            srcset="images/lazyload.png"
                                            src="images/payment-methods/alipay.svg"
                                            alt=""
                                        />
                                    </div>
                                    <p>Alipay</p>
                                </div>
                                <div class="payment-method-card">
                                    <div class="img">
                                        <img
                                            class="-lazyload"
                                            srcset="images/lazyload.png"
                                            src="images/payment-methods/union-pay.svg"
                                            alt=""
                                        />
                                    </div>
                                    <p>UnionPay</p>
                                </div>
                                <div class="payment-method-card">
                                    <div class="img">
                                        <img
                                            class="-lazyload"
                                            srcset="images/lazyload.png"
                                            src="images/payment-methods/mastercard.svg"
                                            alt=""
                                        />
                                    </div>
                                    <p>Mastercard</p>
                                </div>
                                <div class="payment-method-card">
                                    <div class="img">
                                        <img
                                            class="-lazyload"
                                            srcset="images/lazyload.png"
                                            src="images/payment-methods/giropay.svg"
                                            alt=""
                                        />
                                    </div>
                                    <p>Giropay</p>
                                </div>
                                <div class="payment-method-card">
                                    <div class="img">
                                        <img
                                            class="-lazyload"
                                            srcset="images/lazyload.png"
                                            src="images/payment-methods/bancontact.svg"
                                            alt=""
                                        />
                                    </div>
                                    <p>Bancontact</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <section class="why-text-section" data-animate-group="list">
                <div class="container">
                    <div class="section-tag tag-text mob-tag-text" data-animate="fade">Why choose us</div>
                    <h2 class="title title-2 mob-title-2" data-animate="word">
                        One platform to manage<br class="--pc-display" />
                        online payments
                    </h2>
                </div>
            </section>
            <section class="parallax-cols-section">
                <div class="parallax-cols__wrapper pc" data-animate-group="list" data-offset="0">
                    <div class="parallax-col -animation -parallax-type-1">
                        <div class="parallax-item -img" data-animate="swim-top">
                            <img
                                class="-lazyload"
                                srcset="images/lazyload.png"
                                src="images/homepage/hero/laptop.jpg"
                                alt=""
                            />
                        </div>
                        <div class="parallax-item -text -purple" data-animate="swim-top">
                            <div class="icon -big">
                                <img
                                    class="-lazyload"
                                    srcset="images/lazyload.png"
                                    src="images/icons/productpage/credit_card.svg"
                                    alt=""
                                />
                            </div>
                            <p class="desc body-1 mob-body-1 -mt-auto">
                                A single integration working with multiple payment providers
                            </p>
                        </div>
                    </div>
                    <div class="parallax-col -animation -parallax-type-2">
                        <div class="parallax-item -text" data-animate="swim-top">
                            <div class="icon -big">
                                <img
                                    class="-lazyload"
                                    srcset="images/lazyload.png"
                                    src="images/icons/productpage/solar_shield-up-linear.svg"
                                    alt=""
                                />
                            </div>

                            <p class="desc body-1 mob-body-1 -mt-auto">
                                Fully certified for standards such as PSD2 and PCI-DSS
                            </p>
                        </div>
                        <div class="parallax-item -img" data-animate="swim-top">
                            <img
                                class="-lazyload"
                                srcset="images/lazyload.png"
                                src="images/homepage/hero/phone.jpg"
                                alt=""
                            />
                        </div>
                    </div>
                    <div class="parallax-col">
                        <div class="parallax-item -img" data-animate="swim-top">
                            <img
                                class="-lazyload"
                                srcset="images/lazyload.png"
                                src="images/productpage/why-choose-us/men.jpg"
                                alt=""
                            />
                        </div>
                        <div class="parallax-item -text" data-animate="swim-top">
                            <div class="icon -big">
                                <img
                                    class="-lazyload"
                                    srcset="images/lazyload.png"
                                    src="images/icons/productpage/Eye.svg"
                                    alt=""
                                />
                            </div>
                            <p class="desc body-1 mob-body-1 -mt-auto">
                                Full visibility of your entire payment stack and its performance
                            </p>
                        </div>
                    </div>
                    <div class="parallax-col -animation -parallax-type-1">
                        <div class="parallax-item -text -bright-green" data-animate="swim-top">
                            <div class="icon -big">
                                <img
                                    class="-lazyload"
                                    srcset="images/lazyload.png"
                                    src="images/icons/productpage/GearSix.svg"
                                    alt=""
                                />
                            </div>
                            <p class="desc body-1 mob-body-1 -mt-auto">
                                Customizable & dynamic checkout for web and mobile
                            </p>
                        </div>
                        <div class="parallax-item -img" data-animate="swim-top">
                            <img
                                class="-lazyload"
                                srcset="images/lazyload.png"
                                src="images/homepage/hero/woman.jpg"
                                alt=""
                            />
                        </div>
                    </div>
                </div>
                <div
                    class="parallax-cols__wrapper mob"
                    data-animate-group="list"
                    data-offset="0"
                    data-animate="swim-top"
                >
                    <div class="parallax-col -animation -parallax-type-2">
                        <div class="parallax-item -img">
                            <img
                                class="-lazyload"
                                srcset="images/lazyload.png"
                                src="images/homepage/hero/laptop.jpg"
                                alt=""
                            />
                        </div>
                        <div class="parallax-item -text -purple">
                            <div class="icon -big">
                                <img
                                    class="-lazyload"
                                    srcset="images/lazyload.png"
                                    src="images/icons/productpage/credit_card.svg"
                                    alt=""
                                />
                            </div>
                            <p class="desc mob-body-2 -mt-auto">
                                A single integration working with multiple payment providers
                            </p>
                        </div>
                        <div class="parallax-item -img">
                            <img
                                class="-lazyload"
                                srcset="images/lazyload.png"
                                src="images/productpage/why-choose-us/men.jpg"
                                alt=""
                            />
                        </div>
                    </div>
                    <div class="parallax-col -animation -parallax-type-1">
                        <div class="parallax-item -text">
                            <div class="icon -big">
                                <img
                                    class="-lazyload"
                                    srcset="images/lazyload.png"
                                    src="images/icons/productpage/solar_shield-up-linear.svg"
                                    alt=""
                                />
                            </div>
                            <p class="desc body-2 mob-body-2 -mt-auto">
                                Fully certified for standards such as PSD2 and PCI-DSS
                            </p>
                        </div>
                        <div class="parallax-item -img">
                            <img
                                class="-lazyload"
                                srcset="images/lazyload.png"
                                src="images/homepage/hero/phone.jpg"
                                alt=""
                            />
                        </div>
                        <div class="parallax-item -text">
                            <div class="icon">
                                <img
                                    class="-lazyload"
                                    srcset="images/lazyload.png"
                                    src="images/icons/productpage/Eye.svg"
                                    alt=""
                                />
                            </div>
                            <p class="desc body-2 mob-body-2 -mt-auto">
                                Full visibility of your entire payment stack and its performance
                            </p>
                        </div>
                    </div>
                </div>
                <div class="parallax-cols__side">
                    <div class="left"></div>
                    <div class="right"></div>
                </div>
            </section>

            <section class="container faq">
                <div class="faq-text-conainer" data-animate-group="list">
                    <div class="section-tag tag-text mob-tag-text" data-animate="fade">Quick Help</div>
                    <h2 class="title title-2 mob-title-2" data-animate="word">
                        Frequently<br class="--pc-display" />
                        asked<br class="--pc-display" />
                        questions
                    </h2>
                    <div class="faq-help --pc-display" data-animate="swim-top">
                        <p class="text body-1 mob-body-1">Still have other questions?</p>
                        <a href="#" class="link link-text mob-link-text -arrow -green">
                            Go to support
                            <span class="arrow"></span>
                        </a>
                    </div>
                </div>
                <div class="faq-items-conainer">
                    <div class="--accordion faq-accordion" data-accordion-group="faq-items" data-animate="swim-top">
                        <div class="--accordion__open faq-accordion__open description-2 mob-description-2">
                            <p class="text">What is an API integration?</p>
                            <div class="plus light-fade">
                                <div class="fade-container">
                                    <div class="fade-border"></div>
                                    <div class="fade-gradient"></div>
                                </div>
                            </div>
                        </div>
                        <div class="--accordion__content-container faq-accordion__content-container">
                            <div class="--accordion__content faq-accordion__content body-2 mob-body-2">
                                An API integration refers to the process of connecting different software applications
                                through their respective Application Programming Interfaces (APIs). It allows seamless
                                communication and data exchange between systems, enabling them to work together
                                efficiently.
                            </div>
                        </div>
                    </div>
                    <div class="--accordion faq-accordion" data-accordion-group="faq-items" data-animate="swim-top">
                        <div class="--accordion__open faq-accordion__open description-2 mob-description-2">
                            <p class="text">Why is API integration important for businesses?</p>
                            <div class="plus light-fade">
                                <div class="fade-container">
                                    <div class="fade-border"></div>
                                    <div class="fade-gradient"></div>
                                </div>
                            </div>
                        </div>
                        <div class="--accordion__content-container faq-accordion__content-container">
                            <div class="--accordion__content faq-accordion__content body-2 mob-body-2">
                                An API integration refers to the process of connecting different software applications
                                through their respective Application Programming Interfaces (APIs). It allows seamless
                                communication and data exchange between systems, enabling them to work together
                                efficiently.
                            </div>
                        </div>
                    </div>
                    <div class="--accordion faq-accordion" data-accordion-group="faq-items" data-animate="swim-top">
                        <div class="--accordion__open faq-accordion__open description-2 mob-description-2">
                            <p class="text">How do I know if my software supports API integrations?</p>
                            <div class="plus light-fade">
                                <div class="fade-container">
                                    <div class="fade-border"></div>
                                    <div class="fade-gradient"></div>
                                </div>
                            </div>
                        </div>
                        <div class="--accordion__content-container faq-accordion__content-container">
                            <div class="--accordion__content faq-accordion__content body-2 mob-body-2">
                                An API integration refers to the process of connecting different software applications
                                through their respective Application Programming Interfaces (APIs). It allows seamless
                                communication and data exchange between systems, enabling them to work together
                                efficiently.
                            </div>
                        </div>
                    </div>
                    <div class="--accordion faq-accordion" data-accordion-group="faq-items" data-animate="swim-top">
                        <div class="--accordion__open faq-accordion__open description-2 mob-description-2">
                            <p class="text">What are common challenges in API integrations?</p>
                            <div class="plus light-fade">
                                <div class="fade-container">
                                    <div class="fade-border"></div>
                                    <div class="fade-gradient"></div>
                                </div>
                            </div>
                        </div>
                        <div class="--accordion__content-container faq-accordion__content-container">
                            <div class="--accordion__content faq-accordion__content body-2 mob-body-2">
                                An API integration refers to the process of connecting different software applications
                                through their respective Application Programming Interfaces (APIs). It allows seamless
                                communication and data exchange between systems, enabling them to work together
                                efficiently.
                            </div>
                        </div>
                    </div>
                    <div class="--accordion faq-accordion" data-accordion-group="faq-items" data-animate="swim-top">
                        <div class="--accordion__open faq-accordion__open description-2 mob-description-2">
                            <p class="text">How can I troubleshoot API integration issues?</p>
                            <div class="plus light-fade">
                                <div class="fade-container">
                                    <div class="fade-border"></div>
                                    <div class="fade-gradient"></div>
                                </div>
                            </div>
                        </div>
                        <div class="--accordion__content-container faq-accordion__content-container">
                            <div class="--accordion__content faq-accordion__content body-2 mob-body-2">
                                An API integration refers to the process of connecting different software applications
                                through their respective Application Programming Interfaces (APIs). It allows seamless
                                communication and data exchange between systems, enabling them to work together
                                efficiently.
                            </div>
                        </div>
                    </div>

                    <div class="faq-help -mob" data-animate="swim-top">
                        <p class="text body-1 mob-body-1">Still have other questions?</p>
                        <a href="#" class="link link-text mob-link-text -arrow -green">
                            Go to support
                            <span class="arrow"></span>
                        </a>
                    </div>
                </div>
            </section>

            <section class="cta-section">
                <div class="container-large cta -form-cta" data-animate="fade">
                    <div class="bg">
                        <img src="images/gradients/type-2.jpg" alt="" />
                    </div>
                    <div class="cta__form form-wrapper">
                        <div class="form">
                            <div class="cta__wrapper">
                                <div class="cta__left">
                                    <div class="section-tag tag-text mob-tag-text">Get started</div>
                                    <h2 class="title title-2 mob-title-2">
                                        Make your payments <br class="--pc-display" />
                                        easier with PayTX
                                    </h2>
                                    <p class="text body-1 mob-body-1">
                                        Contact us today and we will help
                                        <br class="--pc-display" />
                                        you solve any issue
                                    </p>
                                </div>
                                <div class="cta__right">
                                    <form action="#">
                                        <div class="double-input">
                                            <div class="input" data-important="not-empty">
                                                <label class="input__name tag-text mob-tag-text"> Full name*</label>
                                                <div class="input__wrapper">
                                                    <input
                                                        class="body-2 mob-body-2"
                                                        type="text"
                                                        placeholder="Your name"
                                                    />
                                                </div>
                                                <p class="input__error tag-text mob-tag-text">Incorrect value</p>
                                            </div>
                                            <div class="input" data-important="email">
                                                <label class="input__name tag-text mob-tag-text"> Email*</label>
                                                <div class="input__wrapper">
                                                    <input
                                                        class="body-2 mob-body-2"
                                                        type="text"
                                                        placeholder="email@example.com"
                                                    />
                                                </div>
                                                <p class="input__error tag-text mob-tag-text">Incorrect value</p>
                                            </div>
                                        </div>
                                        <div class="double-input">
                                            <div class="input" data-important="not-empty">
                                                <label class="input__name tag-text mob-tag-text"> Company*</label>
                                                <div class="input__wrapper">
                                                    <input
                                                        class="body-2 mob-body-2"
                                                        type="text"
                                                        placeholder="Company name"
                                                    />
                                                </div>
                                                <p class="input__error tag-text mob-tag-text">Incorrect value</p>
                                            </div>
                                            <div class="input">
                                                <label class="input__name tag-text mob-tag-text"> Website url</label>
                                                <div class="input__wrapper">
                                                    <input
                                                        class="body-2 mob-body-2"
                                                        type="text"
                                                        placeholder="Company.com"
                                                    />
                                                </div>
                                                <p class="input__error tag-text mob-tag-text">Incorrect value</p>
                                            </div>
                                        </div>
                                        <div class="input">
                                            <label class="input__name tag-text mob-tag-text"> Your message</label>
                                            <div class="input__wrapper">
                                                <textarea
                                                    class="body-2 mob-body-2"
                                                    placeholder="Type a message here..."
                                                ></textarea>
                                            </div>
                                            <p class="input__error tag-text mob-tag-text">Incorrect value</p>
                                        </div>
                                        <div class="--checkbox -checked input" data-important="checked">
                                            <input type="checkbox" checked />
                                            <span>
                                                By clicking submit, you agree with the
                                                <a href="#">terms and conditions</a>
                                            </span>
                                        </div>
                                        <button class="button submit button-text mob-button-text">Submit</button>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <div class="thanks-window">
                            <div class="img">
                                <img src="images/icons/big-green-check.svg" alt="" />
                            </div>
                            <p class="title title-2 mob-title-2">
                                Thanks <br />
                                for your request
                            </p>
                            <p class="text body-1 mob-body-1">We will try to answer you as soon as possible</p>
                        </div>
                    </div>
                </div>
            </section>
            <section class="breadcrumbs tag-text mob-tag-text" data-animate="fade">
                <div class="container">
                    <div class="breadcrumbs__wrapper">
                        <a href="/" class="link">Home</a>
                        <span class="separator"></span>
                        <p class="default-link -disabled">API integrations</p>
                    </div>
                </div>
            </section>
        </main>
        <section class="cookies">
            <div class="cookies-header">
                <img src="images/icons/cookies.svg" alt="" />
                <span class="description-2 mob-description-2">Use Cookies</span>
            </div>
            <p class="text body-2 mob-body-2">
                This website uses cookies to enhance user experience and to analyze performance and traffic on our
                website.
            </p>
            <div class="cookies-buttons">
                <div class="button button-text mob-button-text accept-cookies">Accept Cookies</div>
                <a href="legacy-cookie-policy.html" class="button button-text mob-button-text -white light-fade -arrow">
                    <div class="fade-container">
                        <div class="fade-border"></div>
                        <div class="fade-gradient"></div>
                    </div>
                    Learn more <span class="arrow"></span>
                </a>
            </div>
        </section>
        <footer class="footer">
            <div class="container">
                <div class="footer__top-wraper">
                    <div class="footer__col -contacts">
                        <p class="title body-1 mob-body-1">Get in touch</p>
                        <div class="socials-list">
                            <a href="#" class="icon-button">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="none">
                                    <path
                                        d="M17.028 6.00123C17.7577 5.99843 18.4874 6.00576 19.2169 6.02323L19.4109 6.03023C19.6349 6.03823 19.8559 6.04823 20.1229 6.06023C21.1868 6.11023 21.9128 6.27822 22.5497 6.52521C23.2097 6.7792 23.7657 7.12319 24.3216 7.67917C24.83 8.17876 25.2234 8.78308 25.4746 9.45011C25.7216 10.0871 25.8896 10.8141 25.9396 11.878C25.9516 12.144 25.9616 12.366 25.9696 12.59L25.9756 12.784C25.9933 13.5132 26.001 14.2425 25.9986 14.9719L25.9996 15.7179V17.0279C26.002 17.7576 25.9943 18.4873 25.9766 19.2168L25.9706 19.4108C25.9626 19.6348 25.9526 19.8558 25.9406 20.1227C25.8906 21.1867 25.7206 21.9127 25.4746 22.5497C25.2242 23.2174 24.8307 23.8222 24.3216 24.3216C23.8216 24.8299 23.217 25.2233 22.5497 25.4746C21.9128 25.7216 21.1868 25.8896 20.1229 25.9396C19.8559 25.9516 19.6349 25.9615 19.4109 25.9696L19.2169 25.9756C18.4874 25.9933 17.7577 26.001 17.028 25.9986L16.282 25.9995H14.9731C14.2434 26.002 13.5137 25.9943 12.7842 25.9766L12.5902 25.9706C12.3529 25.9619 12.1155 25.9519 11.8783 25.9406C10.8143 25.8906 10.0884 25.7206 9.4504 25.4746C8.78312 25.2239 8.1787 24.8304 7.67949 24.3216C7.17056 23.8219 6.77676 23.2172 6.52555 22.5497C6.27856 21.9127 6.11057 21.1867 6.06057 20.1227C6.04944 19.8855 6.03944 19.6481 6.03058 19.4108L6.02558 19.2168C6.00714 18.4873 5.99881 17.7576 6.00058 17.0279V14.9719C5.99779 14.2426 6.00512 13.5132 6.02258 12.784L6.02958 12.59C6.03758 12.366 6.04757 12.144 6.05957 11.878C6.10957 10.8131 6.27756 10.0881 6.52455 9.45011C6.77591 8.78276 7.17048 8.1786 7.68049 7.68017C8.17936 7.17094 8.7834 6.77678 9.4504 6.52521C10.0884 6.27822 10.8133 6.11023 11.8783 6.06023L12.5902 6.03023L12.7842 6.02523C13.5134 6.0068 14.2427 5.99847 14.9721 6.00023L17.028 6.00123ZM16.0001 11.0011C15.3376 10.9917 14.6799 11.1141 14.0651 11.3611C13.4504 11.6082 12.8909 11.9749 12.4191 12.4401C11.9473 12.9052 11.5727 13.4595 11.317 14.0707C11.0613 14.6819 10.9296 15.3379 10.9296 16.0004C10.9296 16.6629 11.0613 17.3189 11.317 17.9301C11.5727 18.5413 11.9473 19.0956 12.4191 19.5607C12.8909 20.0259 13.4504 20.3926 14.0651 20.6397C14.6799 20.8867 15.3376 21.0091 16.0001 20.9997C17.3261 20.9997 18.5978 20.473 19.5354 19.5353C20.4731 18.5977 20.9998 17.3259 20.9998 15.9999C20.9998 14.6739 20.4731 13.4021 19.5354 12.4645C18.5978 11.5268 17.3261 11.0011 16.0001 11.0011ZM16.0001 13.001C16.3986 12.9936 16.7945 13.0658 17.1648 13.2132C17.5351 13.3606 17.8723 13.5803 18.1567 13.8595C18.4412 14.1387 18.6671 14.4718 18.8214 14.8393C18.9756 15.2068 19.0551 15.6013 19.0552 15.9999C19.0552 16.3984 18.9759 16.793 18.8217 17.1606C18.6676 17.5281 18.4418 17.8613 18.1574 18.1406C17.8731 18.4198 17.536 18.6397 17.1657 18.7872C16.7955 18.9347 16.3996 19.007 16.0011 18.9998C15.2055 18.9998 14.4424 18.6837 13.8799 18.1211C13.3173 17.5585 13.0012 16.7955 13.0012 15.9999C13.0012 15.2043 13.3173 14.4412 13.8799 13.8786C14.4424 13.3161 15.2055 13 16.0011 13L16.0001 13.001ZM21.2498 9.50111C20.9272 9.51402 20.6221 9.65126 20.3984 9.88407C20.1748 10.1169 20.0498 10.4272 20.0498 10.7501C20.0498 11.0729 20.1748 11.3833 20.3984 11.6161C20.6221 11.8489 20.9272 11.9861 21.2498 11.999C21.5813 11.999 21.8992 11.8673 22.1336 11.6329C22.368 11.3985 22.4997 11.0806 22.4997 10.7491C22.4997 10.4176 22.368 10.0996 22.1336 9.86522C21.8992 9.6308 21.5813 9.49911 21.2498 9.49911V9.50111Z"
                                        fill="#0CFFC4"
                                    />
                                </svg>
                            </a>
                            <a href="#" class="icon-button">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="none">
                                    <path
                                        d="M21.7512 7H24.818L18.1179 14.6246L26 25H19.8275L14.9936 18.7074L9.46266 25H6.39401L13.5604 16.8446L6 7H12.3274L16.6967 12.7517L21.7493 7H21.7512ZM20.6748 23.1723H22.3742L11.4049 8.73169H9.58133L20.6748 23.1723Z"
                                        fill="#0CFFC4"
                                    />
                                </svg>
                            </a>
                            <a href="#" class="icon-button">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="none">
                                    <path
                                        d="M26 16.0251C26 10.4912 21.52 6 16 6C10.48 6 6 10.4912 6 16.0251C6 20.8772 9.44 24.9173 14 25.8496V19.0326H12V16.0251H14V13.5188C14 11.584 15.57 10.01 17.5 10.01H20V13.0175H18C17.45 13.0175 17 13.4687 17 14.0201V16.0251H20V19.0326H17V26C22.05 25.4987 26 21.2281 26 16.0251Z"
                                        fill="#0CFFC4"
                                    />
                                </svg>
                            </a>
                        </div>
                        <a href="mailto:info@paytx.com" class="link description-1 mob-description-1 mail">
                            info@paytx.com
                        </a>
                        <div class="menu pc-menu">
                            <a href="legacy-terms-of-use.html" class="link link-text mob-link-text"> Terms of Use </a>
                            <a href="legacy-privacy-policy.html" class="link link-text mob-link-text">
                                Privacy Policy
                            </a>
                            <a href="legacy-cookie-policy.html" class="link link-text mob-link-text"> Cookie Policy </a>
                        </div>
                    </div>
                    <div class="footer__col">
                        <p class="title body-1 mob-body-1">Products</p>
                        <div class="menu">
                            <a href="product-credit-card-processing.html" class="link link-text mob-link-text">
                                Credit Card Processing
                            </a>
                            <a href="product-apm-processing.html" class="link link-text mob-link-text">
                                APM Processing
                            </a>
                            <a href="product-payment-linking.html" class="link link-text mob-link-text">
                                Payment Linking
                            </a>
                            <a href="product-invoicing.html" class="link link-text mob-link-text"> Invoicing </a>
                            <a href="product-platform-integration.html" class="link link-text mob-link-text">
                                Platform integrations
                            </a>
<a href="product-api-integration.html" class="link link-text mob-link-text">
                                API integrations
                            </a>

                            <a href="product-merchant-tools.html" class="link link-text mob-link-text">
                                Merchant Tools
                            </a>
                            <hr class="separator" />
                            <a href="pricing.html" class="link link-text mob-link-text"> Pricing </a>
                        </div>
                    </div>
                    <div class="footer__col">
                        <p class="title body-1 mob-body-1">Solutions</p>
                        <div class="menu">
                            <a href="solution-e-commerce-retail.html" class="link link-text mob-link-text">
                                E-commerce & Retail
                            </a>
                            <a href="solution-gaming.html" class="link link-text mob-link-text"> Gaming </a>
                            <a href="solution-marketplaces.html" class="link link-text mob-link-text"> Marketplaces </a>
                            <a href="solution-software&technology.html" class="link link-text mob-link-text">
                                Software & Technology
                            </a>
                            <a href="solution-e-commerce-retail.html" class="link link-text mob-link-text">
                                E-learning & Education
                            </a>
                            <a href="solution-subscription.html" class="link link-text mob-link-text">
                                Subscription Services
                            </a>
                            <a href="solution-freelance.html" class="link link-text mob-link-text">
                                Freelance and SMEs
                            </a>
                        </div>
                    </div>
                    <div class="footer__col">
                        <p class="title body-1 mob-body-1">Company</p>
                        <div class="menu">
                            <a href="about.html" class="link link-text mob-link-text"> About </a>
                            <a href="contacts.html" class="link link-text mob-link-text"> Contacts </a>
                            <a href="support.html" class="link link-text mob-link-text">Support</a>
                            <a href="#" class="link link-text mob-link-text -disabled">
                                Blog <span class="article-tag -soon tag-text-small">soon</span></a
                            >
                            <a href="#" class="link link-text mob-link-text -disabled">
                                Brand assets <span class="article-tag -soon tag-text-small">soon</span>
                            </a>
                            <a href="#" class="link link-text mob-link-text -disabled">
                                Career <span class="article-tag -soon tag-text-small">soon</span></a
                            >
                            <hr class="separator" />
                            <a href="#" class="link -target link-text mob-link-text"> API Docs </a>
                        </div>
                        <div class="menu mobile-menu">
                            <a href="legacy-terms-of-use.html" class="link link-text mob-link-text"> Terms of Use </a>
                            <a href="legacy-privacy-policy.html" class="link link-text mob-link-text">
                                Privacy Policy
                            </a>
                            <a href="legacy-cookie-policy.html" class="link link-text mob-link-text"> Cookie Policy </a>
                        </div>
                    </div>
                </div>
                <div class="footer__bottom-wraper">
                    <p class="copyright body-2 mob-body-2">PayTX © 2024. All rights reserved.</p>
                    <p class="goodface body-2 mob-body-2">
                        <span class="text">Created by</span>
                        <a href="https://goodface.agency" class="link link-text mob-link-text">Goodface</a>
                    </p>
                </div>
            </div>
            <div class="footer__img">
                <img src="images/gradients/footer.png" alt="" />
            </div>
        </footer>

        <script src="js/lib/jquery-3.6.0.min.js"></script>
        <script src="js/lib/jquery.overlay-scrollbars.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>
    </body>
</html>