/home/bdqbpbxa/demo-subdomains/paytx.goodface.com.ua/product-invoicing.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 -widget-logo" data-animate="fade">
                        <span class="img">
                            <img src="images/widgets/invoice.svg" alt="" />
                        </span>
                    </span>
                    <h1 class="title title-1 mob-title-1" data-animate="word" data-do-not-clear-animate>
                        Easy
                        <span class="widget -bigger -contain">
                            <img src="images/widgets/invoice.svg" alt="" />
                        </span>
                        invoicing<br class="--pc-display" />
                        solutions
                    </h1>
                    <p class="text body-1 mob-body-1 -cta-hero" data-animate="swim-top">
                        Automate your invoices and increase billing<br class="--pc-display" />
                        efficiency with our easy-to-use invoicing tool.
                    </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">
                        Facilitates e-Billig Transactions
                    </div>
                    <h2 class="title title-2 mob-title-2" data-animate="word">
                        PayTX transforms the way<br class="--pc-display" />
                        businesses manage their invoices<br class="--pc-display" />
                        and collections
                    </h2>
                    <p class="text body-1 mob-body-1" data-animate="swim-top">
                        With our e-Billing service, we offer a comprehensive solution that allows merchants to create
                        and send itemized invoices directly to their customers. Each invoice includes a secure button or
                        link that directs the customer to our checkout system to make payment quickly and securely.
                    </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/custom-invoice-creation.png"
                                alt=""
                            />
                            <img
                                class="-lazyload"
                                srcset="images/lazyload.png"
                                src="images/productpage/payment-solution/smooth-payments.png"
                                alt=""
                            />
                            <img
                                class="-lazyload"
                                srcset="images/lazyload.png"
                                src="images/productpage/payment-solution/efficient-management.png"
                                alt=""
                            />

                            <img
                                class="-lazyload"
                                srcset="images/lazyload.png"
                                src="images/productpage/payment-solution/anti-fraud-protection.png"
                                alt=""
                            />

                            <img
                                class="-lazyload"
                                srcset="images/lazyload.png"
                                src="images/productpage/payment-solution/expand-your-market.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">Custom invoice creation</span>
                                </div>
                                <div class="text-overflow">
                                    <p class="text body-2 mob-body-2" style="height: auto">
                                        Generate professional invoices that reflect your brand identity, with the
                                        flexibility to include all the necessary details about the products or services
                                        offered.
                                    </p>
                                </div>
                            </div>
                            <div class="scrolled-slider__item">
                                <div class="title title-4 mob-title-4">
                                    <span class="text">Easy & secure payment</span>
                                </div>
                                <div class="text-overflow">
                                    <p class="text body-2 mob-body-2" style="height: auto">
                                        With a simple click, your customers can access our checkout to complete their
                                        transaction, improving the user experience and speeding up the payment process.
                                    </p>
                                </div>
                            </div>
                            <div class="scrolled-slider__item">
                                <div class="title title-4 mob-title-4">
                                    <span class="text">Efficient management</span>
                                </div>
                                <div class="text-overflow">
                                    <p class="text body-2 mob-body-2" style="height: auto">
                                        Our platform allows detailed tracking of invoices issued, payments received and
                                        pending, facilitating the management of your finances.
                                    </p>
                                </div>
                            </div>
                            <div class="scrolled-slider__item">
                                <div class="title title-4 mob-title-4">
                                    <span class="text">Data security</span>
                                </div>
                                <div class="text-overflow">
                                    <p class="text body-2 mob-body-2" style="height: auto">
                                        We guarantee maximum protection of both merchant and customer information,
                                        complying with the highest security standards in all transactions.
                                    </p>
                                </div>
                            </div>
                            <div class="scrolled-slider__item">
                                <div class="title title-4 mob-title-4">
                                    <span class="text">Global accessibility</span>
                                </div>
                                <div class="text-overflow">
                                    <p class="text body-2 mob-body-2" style="height: auto">
                                        Offer your customers the convenience of paying with their preferred method,
                                        increasing satisfaction and the possibility of making international sales.
                                    </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/custom-invoice-creation.png"
                                            alt=""
                                        />
                                    </div>
                                    <p class="title title-4 mob-title-4">Custom invoice creation</p>
                                    <p class="text body-2 mob-body-2">
                                        Generate professional invoices that reflect your brand identity, with the
                                        flexibility to include all the necessary details about the products or services
                                        offered.
                                    </p>
                                </div>
                                <div class="swiper-slide scrolled-slider__slide">
                                    <div class="img">
                                        <img
                                            class="-lazyload"
                                            srcset="images/lazyload.png"
                                            src="images/productpage/payment-solution/smooth-payments.png"
                                            alt=""
                                        />
                                    </div>
                                    <p class="title title-4 mob-title-4">Easy & secure payment</p>
                                    <p class="text body-2 mob-body-2">
                                        With a simple click, your customers can access our checkout to complete their
                                        transaction, improving the user experience and speeding up the payment process.
                                    </p>
                                </div>
                                <div class="swiper-slide scrolled-slider__slide">
                                    <div class="img">
                                        <img
                                            class="-lazyload"
                                            srcset="images/lazyload.png"
                                            src="images/productpage/payment-solution/efficient-management.png"
                                            alt=""
                                        />
                                    </div>
                                    <p class="title title-4 mob-title-4">Efficient management</p>
                                    <p class="text body-2 mob-body-2">
                                        Our platform allows detailed tracking of invoices issued, payments received and
                                        pending, facilitating the management of your finances.
                                    </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">Data security</p>
                                    <p class="text body-2 mob-body-2">
                                        We guarantee maximum protection of both merchant and customer information,
                                        complying with the highest security standards in all transactions.
                                    </p>
                                </div>
                                <div class="swiper-slide scrolled-slider__slide">
                                    <div class="img">
                                        <img
                                            class="-lazyload"
                                            srcset="images/lazyload.png"
                                            src="images/productpage/payment-solution/expand-your-market.png"
                                            alt=""
                                        />
                                    </div>
                                    <p class="title title-4 mob-title-4">Global accessibility</p>
                                    <p class="text body-2 mob-body-2">
                                        Offer your customers the convenience of paying with their preferred method,
                                        increasing satisfaction and the possibility of making international sales.
                                    </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">
                            Optimize your cash flow<br class="--pc-display" />
                            with e-billing
                        </h2>
                        <p class="text body-1 mob-body-1" data-animate="swim-top">
                            PayTX e-Billing is not just a tool to send invoices; it is a solution that<br
                                class="--pc-display"
                            />
                            improves your business efficiency, ensures faster collections and provides<br
                                class="--pc-display"
                            />
                            an exceptional payment experience for your customers.
                        </p>

                        <div class="seamless-transactions-info -lite" data-animate="swim-top">
                            <div class="bg">
                                <img
                                    class="-lazyload"
                                    srcset="images/lazyload.png"
                                    src="images/productpage/checkout/checkoutMain.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">
                        Simplify<br class="--pc-display" />
                        the invoicing process
                    </h3>
                    <p class="text body-1 mob-body-1" data-animate="swim-top">
                        Effortlessly manage your invoicing needs with our streamlined solution.
                    </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/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 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 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 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 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="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 invoice?</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 invoice serves as a sales document, officially detailing the products and services
                                provided by a business. It functions as a formal request for payment, obligatory in
                                certain sales, especially in business-to-business transactions and dealings between VAT
                                registered businesses, in accordance with country-specific regulations.
                            </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 the invoice statuses that PayTX allows me to monitor?</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 invoice serves as a sales document, officially detailing the products and services
                                provided by a business. It functions as a formal request for payment, obligatory in
                                certain sales, especially in business-to-business transactions and dealings between VAT
                                registered businesses, in accordance with country-specific regulations.
                            </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">Can recurring invoices be set up?</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 invoice serves as a sales document, officially detailing the products and services
                                provided by a business. It functions as a formal request for payment, obligatory in
                                certain sales, especially in business-to-business transactions and dealings between VAT
                                registered businesses, in accordance with country-specific regulations.
                            </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 information should I incorporate into an invoice?</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 invoice serves as a sales document, officially detailing the products and services
                                provided by a business. It functions as a formal request for payment, obligatory in
                                certain sales, especially in business-to-business transactions and dealings between VAT
                                registered businesses, in accordance with country-specific regulations.
                            </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 functionalities does PayTX Invoices encompass?</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 invoice serves as a sales document, officially detailing the products and services
                                provided by a business. It functions as a formal request for payment, obligatory in
                                certain sales, especially in business-to-business transactions and dealings between VAT
                                registered businesses, in accordance with country-specific regulations.
                            </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="container-large cta-section -homepage" data-animate-group="list">
                <div class="cta" data-animate="fade">
                    <div class="bg">
                        <img class="-lazyload" srcset="images/lazyload.png" src="images/gradients/type-1.jpg" alt="" />
                    </div>
                    <div class="section-tag tag-text mob-tag-text" data-animate="fade">Get started</div>
                    <h2 class="title title-2 mob-title-2" data-animate="word" data-do-not-clear-animate>
                        Get an exceptional <br class="--pc-display" />
                        payment
                        <span class="widget -multiple -small -contain">
                            <span class="img">
                                <img
                                    class="-lazyload"
                                    srcset="images/lazyload.png"
                                    src="images/widgets/handphone.png"
                                    alt=""
                                />
                            </span>
                            <span class="img">
                                <img
                                    class="-lazyload"
                                    srcset="images/lazyload.png"
                                    src="images/widgets/arrows.png"
                                    alt=""
                                />
                            </span>
                            <span class="img">
                                <img
                                    class="-lazyload"
                                    srcset="images/lazyload.png"
                                    src="images/widgets/check.png"
                                    alt=""
                                />
                            </span>
                        </span>
                        processing <br class="--pc-display" />
                        experience
                    </h2>
                    <p class="text body-1 mob-body-1" data-animate="swim-top">
                        Leverage PayTX trusted by <br class="--mobile-display" />
                        customer-first brands <br class="--pc-display" />
                        for reliable <br class="--mobile-display" />
                        payment processing at scale.
                    </p>
                    <a href="contacts.html" class="button button-text mob-button-text -arrow" data-animate="swim-top">
                        Create an account <span class="arrow"></span>
                    </a>
                </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">Invoicing</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>