<!doctype html>
<html lang="en-US">
<head><meta charset="UTF-8"><script>if(navigator.userAgent.match(/MSIE|Internet Explorer/i)||navigator.userAgent.match(/Trident\/7\..*?rv:11/i)){var href=document.location.href;if(!href.match(/[?&]nowprocket/)){if(href.indexOf("?")==-1){if(href.indexOf("#")==-1){document.location.href=href+"?nowprocket=1"}else{document.location.href=href.replace("#","?nowprocket=1#")}}else{if(href.indexOf("#")==-1){document.location.href=href+"&nowprocket=1"}else{document.location.href=href.replace("#","&nowprocket=1#")}}}}</script><script>(()=>{class RocketLazyLoadScripts{constructor(){this.v="2.0.5",this.userEvents=["keydown","keyup","mousedown","mouseup","mousemove","mouseover","mouseout","touchmove","touchstart","touchend","touchcancel","wheel","click","dblclick","input"],this.attributeEvents=["onblur","onclick","oncontextmenu","ondblclick","onfocus","onmousedown","onmouseenter","onmouseleave","onmousemove","onmouseout","onmouseover","onmouseup","onmousewheel","onscroll","onsubmit"]}async t(){this.i(),this.o(),/iP(ad|hone)/.test(navigator.userAgent)&&this.h(),this.u(),this.l(this),this.m(),this.k(this),this.p(this),this._(),await Promise.all([this.R(),this.L()]),this.lastBreath=Date.now(),this.S(this),this.P(),this.D(),this.O(),this.M(),await this.C(this.delayedScripts.normal),await this.C(this.delayedScripts.defer),await this.C(this.delayedScripts.async),await this.T(),await this.F(),await this.j(),await this.A(),window.dispatchEvent(new Event("rocket-allScriptsLoaded")),this.everythingLoaded=!0,this.lastTouchEnd&&await new Promise(t=>setTimeout(t,500-Date.now()+this.lastTouchEnd)),this.I(),this.H(),this.U(),this.W()}i(){this.CSPIssue=sessionStorage.getItem("rocketCSPIssue"),document.addEventListener("securitypolicyviolation",t=>{this.CSPIssue||"script-src-elem"!==t.violatedDirective||"data"!==t.blockedURI||(this.CSPIssue=!0,sessionStorage.setItem("rocketCSPIssue",!0))},{isRocket:!0})}o(){window.addEventListener("pageshow",t=>{this.persisted=t.persisted,this.realWindowLoadedFired=!0},{isRocket:!0}),window.addEventListener("pagehide",()=>{this.onFirstUserAction=null},{isRocket:!0})}h(){let t;function e(e){t=e}window.addEventListener("touchstart",e,{isRocket:!0}),window.addEventListener("touchend",function i(o){o.changedTouches[0]&&t.changedTouches[0]&&Math.abs(o.changedTouches[0].pageX-t.changedTouches[0].pageX)<10&&Math.abs(o.changedTouches[0].pageY-t.changedTouches[0].pageY)<10&&o.timeStamp-t.timeStamp<200&&(window.removeEventListener("touchstart",e,{isRocket:!0}),window.removeEventListener("touchend",i,{isRocket:!0}),"INPUT"===o.target.tagName&&"text"===o.target.type||(o.target.dispatchEvent(new TouchEvent("touchend",{target:o.target,bubbles:!0})),o.target.dispatchEvent(new MouseEvent("mouseover",{target:o.target,bubbles:!0})),o.target.dispatchEvent(new PointerEvent("click",{target:o.target,bubbles:!0,cancelable:!0,detail:1,clientX:o.changedTouches[0].clientX,clientY:o.changedTouches[0].clientY})),event.preventDefault()))},{isRocket:!0})}q(t){this.userActionTriggered||("mousemove"!==t.type||this.firstMousemoveIgnored?"keyup"===t.type||"mouseover"===t.type||"mouseout"===t.type||(this.userActionTriggered=!0,this.onFirstUserAction&&this.onFirstUserAction()):this.firstMousemoveIgnored=!0),"click"===t.type&&t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation(),"touchstart"===this.lastEvent&&"touchend"===t.type&&(this.lastTouchEnd=Date.now()),"click"===t.type&&(this.lastTouchEnd=0),this.lastEvent=t.type,t.composedPath&&t.composedPath()[0].getRootNode()instanceof ShadowRoot&&(t.rocketTarget=t.composedPath()[0]),this.savedUserEvents.push(t)}u(){this.savedUserEvents=[],this.userEventHandler=this.q.bind(this),this.userEvents.forEach(t=>window.addEventListener(t,this.userEventHandler,{passive:!1,isRocket:!0})),document.addEventListener("visibilitychange",this.userEventHandler,{isRocket:!0})}U(){this.userEvents.forEach(t=>window.removeEventListener(t,this.userEventHandler,{passive:!1,isRocket:!0})),document.removeEventListener("visibilitychange",this.userEventHandler,{isRocket:!0}),this.savedUserEvents.forEach(t=>{(t.rocketTarget||t.target).dispatchEvent(new window[t.constructor.name](t.type,t))})}m(){const t="return false",e=Array.from(this.attributeEvents,t=>"data-rocket-"+t),i="["+this.attributeEvents.join("],[")+"]",o="[data-rocket-"+this.attributeEvents.join("],[data-rocket-")+"]",s=(e,i,o)=>{o&&o!==t&&(e.setAttribute("data-rocket-"+i,o),e["rocket"+i]=new Function("event",o),e.setAttribute(i,t))};new MutationObserver(t=>{for(const n of t)"attributes"===n.type&&(n.attributeName.startsWith("data-rocket-")||this.everythingLoaded?n.attributeName.startsWith("data-rocket-")&&this.everythingLoaded&&this.N(n.target,n.attributeName.substring(12)):s(n.target,n.attributeName,n.target.getAttribute(n.attributeName))),"childList"===n.type&&n.addedNodes.forEach(t=>{if(t.nodeType===Node.ELEMENT_NODE)if(this.everythingLoaded)for(const i of[t,...t.querySelectorAll(o)])for(const t of i.getAttributeNames())e.includes(t)&&this.N(i,t.substring(12));else for(const e of[t,...t.querySelectorAll(i)])for(const t of e.getAttributeNames())this.attributeEvents.includes(t)&&s(e,t,e.getAttribute(t))})}).observe(document,{subtree:!0,childList:!0,attributeFilter:[...this.attributeEvents,...e]})}I(){this.attributeEvents.forEach(t=>{document.querySelectorAll("[data-rocket-"+t+"]").forEach(e=>{this.N(e,t)})})}N(t,e){const i=t.getAttribute("data-rocket-"+e);i&&(t.setAttribute(e,i),t.removeAttribute("data-rocket-"+e))}k(t){Object.defineProperty(HTMLElement.prototype,"onclick",{get(){return this.rocketonclick||null},set(e){this.rocketonclick=e,this.setAttribute(t.everythingLoaded?"onclick":"data-rocket-onclick","this.rocketonclick(event)")}})}S(t){function e(e,i){let o=e[i];e[i]=null,Object.defineProperty(e,i,{get:()=>o,set(s){t.everythingLoaded?o=s:e["rocket"+i]=o=s}})}e(document,"onreadystatechange"),e(window,"onload"),e(window,"onpageshow");try{Object.defineProperty(document,"readyState",{get:()=>t.rocketReadyState,set(e){t.rocketReadyState=e},configurable:!0}),document.readyState="loading"}catch(t){console.log("WPRocket DJE readyState conflict, bypassing")}}l(t){this.originalAddEventListener=EventTarget.prototype.addEventListener,this.originalRemoveEventListener=EventTarget.prototype.removeEventListener,this.savedEventListeners=[],EventTarget.prototype.addEventListener=function(e,i,o){o&&o.isRocket||!t.B(e,this)&&!t.userEvents.includes(e)||t.B(e,this)&&!t.userActionTriggered||e.startsWith("rocket-")||t.everythingLoaded?t.originalAddEventListener.call(this,e,i,o):(t.savedEventListeners.push({target:this,remove:!1,type:e,func:i,options:o}),"mouseenter"!==e&&"mouseleave"!==e||t.originalAddEventListener.call(this,e,t.savedUserEvents.push,o))},EventTarget.prototype.removeEventListener=function(e,i,o){o&&o.isRocket||!t.B(e,this)&&!t.userEvents.includes(e)||t.B(e,this)&&!t.userActionTriggered||e.startsWith("rocket-")||t.everythingLoaded?t.originalRemoveEventListener.call(this,e,i,o):t.savedEventListeners.push({target:this,remove:!0,type:e,func:i,options:o})}}J(t,e){this.savedEventListeners=this.savedEventListeners.filter(i=>{let o=i.type,s=i.target||window;return e!==o||t!==s||(this.B(o,s)&&(i.type="rocket-"+o),this.$(i),!1)})}H(){EventTarget.prototype.addEventListener=this.originalAddEventListener,EventTarget.prototype.removeEventListener=this.originalRemoveEventListener,this.savedEventListeners.forEach(t=>this.$(t))}$(t){t.remove?this.originalRemoveEventListener.call(t.target,t.type,t.func,t.options):this.originalAddEventListener.call(t.target,t.type,t.func,t.options)}p(t){let e;function i(e){return t.everythingLoaded?e:e.split(" ").map(t=>"load"===t||t.startsWith("load.")?"rocket-jquery-load":t).join(" ")}function o(o){function s(e){const s=o.fn[e];o.fn[e]=o.fn.init.prototype[e]=function(){return this[0]===window&&t.userActionTriggered&&("string"==typeof arguments[0]||arguments[0]instanceof String?arguments[0]=i(arguments[0]):"object"==typeof arguments[0]&&Object.keys(arguments[0]).forEach(t=>{const e=arguments[0][t];delete arguments[0][t],arguments[0][i(t)]=e})),s.apply(this,arguments),this}}if(o&&o.fn&&!t.allJQueries.includes(o)){const e={DOMContentLoaded:[],"rocket-DOMContentLoaded":[]};for(const t in e)document.addEventListener(t,()=>{e[t].forEach(t=>t())},{isRocket:!0});o.fn.ready=o.fn.init.prototype.ready=function(i){function s(){parseInt(o.fn.jquery)>2?setTimeout(()=>i.bind(document)(o)):i.bind(document)(o)}return"function"==typeof i&&(t.realDomReadyFired?!t.userActionTriggered||t.fauxDomReadyFired?s():e["rocket-DOMContentLoaded"].push(s):e.DOMContentLoaded.push(s)),this},s("on"),s("one"),s("off"),t.allJQueries.push(o)}e=o}t.allJQueries=[],o(window.jQuery),Object.defineProperty(window,"jQuery",{get:()=>e,set(t){o(t)}})}P(){const t=new Map;document.write=document.writeln=function(e){const i=document.currentScript,o=document.createRange(),s=i.parentElement;let n=t.get(i);void 0===n&&(n=i.nextSibling,t.set(i,n));const c=document.createDocumentFragment();o.setStart(c,0),c.appendChild(o.createContextualFragment(e)),s.insertBefore(c,n)}}async R(){return new Promise(t=>{this.userActionTriggered?t():this.onFirstUserAction=t})}async L(){return new Promise(t=>{document.addEventListener("DOMContentLoaded",()=>{this.realDomReadyFired=!0,t()},{isRocket:!0})})}async j(){return this.realWindowLoadedFired?Promise.resolve():new Promise(t=>{window.addEventListener("load",t,{isRocket:!0})})}M(){this.pendingScripts=[];this.scriptsMutationObserver=new MutationObserver(t=>{for(const e of t)e.addedNodes.forEach(t=>{"SCRIPT"!==t.tagName||!t.src||t.noModule||t.isWPRocket||this.pendingScripts.push({script:t,promise:new Promise(e=>{const i=()=>{const i=this.pendingScripts.findIndex(e=>e.script===t);i>=0&&this.pendingScripts.splice(i,1),e()};t.addEventListener("load",i,{isRocket:!0}),t.addEventListener("error",i,{isRocket:!0}),setTimeout(i,1e3)})})})}),this.scriptsMutationObserver.observe(document,{childList:!0,subtree:!0})}async F(){await this.X(),this.pendingScripts.length?(await this.pendingScripts[0].promise,await this.F()):this.scriptsMutationObserver.disconnect()}D(){this.delayedScripts={normal:[],async:[],defer:[]},document.querySelectorAll("script[type$=rocketlazyloadscript]").forEach(t=>{t.hasAttribute("data-rocket-src")?t.hasAttribute("async")&&!1!==t.async?this.delayedScripts.async.push(t):t.hasAttribute("defer")&&!1!==t.defer||"module"===t.getAttribute("data-rocket-type")?this.delayedScripts.defer.push(t):this.delayedScripts.normal.push(t):this.delayedScripts.normal.push(t)})}async _(){await this.L();let t=[];document.querySelectorAll("script[type$=rocketlazyloadscript][data-rocket-src]").forEach(e=>{let i=e.getAttribute("data-rocket-src");if(i&&!i.startsWith("data:")){i.startsWith("//")&&(i=location.protocol+i);try{const o=new URL(i).origin;o!==location.origin&&t.push({src:o,crossOrigin:e.crossOrigin||"module"===e.getAttribute("data-rocket-type")})}catch(t){}}}),t=[...new Map(t.map(t=>[JSON.stringify(t),t])).values()],this.Y(t,"preconnect")}async G(t){if(await this.K(),!0!==t.noModule||!("noModule"in HTMLScriptElement.prototype))return new Promise(e=>{let i;function o(){(i||t).setAttribute("data-rocket-status","executed"),e()}try{if(navigator.userAgent.includes("Firefox/")||""===navigator.vendor||this.CSPIssue)i=document.createElement("script"),[...t.attributes].forEach(t=>{let e=t.nodeName;"type"!==e&&("data-rocket-type"===e&&(e="type"),"data-rocket-src"===e&&(e="src"),i.setAttribute(e,t.nodeValue))}),t.text&&(i.text=t.text),t.nonce&&(i.nonce=t.nonce),i.hasAttribute("src")?(i.addEventListener("load",o,{isRocket:!0}),i.addEventListener("error",()=>{i.setAttribute("data-rocket-status","failed-network"),e()},{isRocket:!0}),setTimeout(()=>{i.isConnected||e()},1)):(i.text=t.text,o()),i.isWPRocket=!0,t.parentNode.replaceChild(i,t);else{const i=t.getAttribute("data-rocket-type"),s=t.getAttribute("data-rocket-src");i?(t.type=i,t.removeAttribute("data-rocket-type")):t.removeAttribute("type"),t.addEventListener("load",o,{isRocket:!0}),t.addEventListener("error",i=>{this.CSPIssue&&i.target.src.startsWith("data:")?(console.log("WPRocket: CSP fallback activated"),t.removeAttribute("src"),this.G(t).then(e)):(t.setAttribute("data-rocket-status","failed-network"),e())},{isRocket:!0}),s?(t.fetchPriority="high",t.removeAttribute("data-rocket-src"),t.src=s):t.src="data:text/javascript;base64,"+window.btoa(unescape(encodeURIComponent(t.text)))}}catch(i){t.setAttribute("data-rocket-status","failed-transform"),e()}});t.setAttribute("data-rocket-status","skipped")}async C(t){const e=t.shift();return e?(e.isConnected&&await this.G(e),this.C(t)):Promise.resolve()}O(){this.Y([...this.delayedScripts.normal,...this.delayedScripts.defer,...this.delayedScripts.async],"preload")}Y(t,e){this.trash=this.trash||[];let i=!0;var o=document.createDocumentFragment();t.forEach(t=>{const s=t.getAttribute&&t.getAttribute("data-rocket-src")||t.src;if(s&&!s.startsWith("data:")){const n=document.createElement("link");n.href=s,n.rel=e,"preconnect"!==e&&(n.as="script",n.fetchPriority=i?"high":"low"),t.getAttribute&&"module"===t.getAttribute("data-rocket-type")&&(n.crossOrigin=!0),t.crossOrigin&&(n.crossOrigin=t.crossOrigin),t.integrity&&(n.integrity=t.integrity),t.nonce&&(n.nonce=t.nonce),o.appendChild(n),this.trash.push(n),i=!1}}),document.head.appendChild(o)}W(){this.trash.forEach(t=>t.remove())}async T(){try{document.readyState="interactive"}catch(t){}this.fauxDomReadyFired=!0;try{await this.K(),this.J(document,"readystatechange"),document.dispatchEvent(new Event("rocket-readystatechange")),await this.K(),document.rocketonreadystatechange&&document.rocketonreadystatechange(),await this.K(),this.J(document,"DOMContentLoaded"),document.dispatchEvent(new Event("rocket-DOMContentLoaded")),await this.K(),this.J(window,"DOMContentLoaded"),window.dispatchEvent(new Event("rocket-DOMContentLoaded"))}catch(t){console.error(t)}}async A(){try{document.readyState="complete"}catch(t){}try{await this.K(),this.J(document,"readystatechange"),document.dispatchEvent(new Event("rocket-readystatechange")),await this.K(),document.rocketonreadystatechange&&document.rocketonreadystatechange(),await this.K(),this.J(window,"load"),window.dispatchEvent(new Event("rocket-load")),await this.K(),window.rocketonload&&window.rocketonload(),await this.K(),this.allJQueries.forEach(t=>t(window).trigger("rocket-jquery-load")),await this.K(),this.J(window,"pageshow");const t=new Event("rocket-pageshow");t.persisted=this.persisted,window.dispatchEvent(t),await this.K(),window.rocketonpageshow&&window.rocketonpageshow({persisted:this.persisted})}catch(t){console.error(t)}}async K(){Date.now()-this.lastBreath>45&&(await this.X(),this.lastBreath=Date.now())}async X(){return document.hidden?new Promise(t=>setTimeout(t)):new Promise(t=>requestAnimationFrame(t))}B(t,e=window){return e===document&&"readystatechange"===t||(e===document&&"DOMContentLoaded"===t||(e===window&&"DOMContentLoaded"===t||(e===window&&"load"===t||e===window&&"pageshow"===t)))}static run(){(new RocketLazyLoadScripts).t()}}RocketLazyLoadScripts.run()})();
</script>
	
		<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta property="og:image" content="https://www.subscriptionflow.com/wp-content/uploads/2022/05/subscriptionflow-logo.png">
	<meta property="og:title" content="SubscriptionFlow – Subscription Management Software">
	<meta property="og:description" content="Manage subscriptions, recurring billing, and payments with SubscriptionFlow.">
	<meta property="og:url" content="https://www.subscriptionflow.com/">
	<link rel="profile" href="https://gmpg.org/xfn/11">
	<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
	<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>
	
	<!-- This site is optimized with the Yoast SEO plugin v27.9 - https://yoast.com/product/yoast-seo-wordpress/ -->
	<title>Next Gen-AI Billing &amp; Subscription Management Software</title><link rel="preload" data-rocket-preload as="image" href="https://www.subscriptionflow.com/wp-content/uploads/2024/07/00.png" fetchpriority="high">
	<meta name="description" content="SubscriptionFlow is offering best AI Billing &amp; Subscription Management Software of 2026 designed to deliver unrivalled results to companies." />
	<link rel="canonical" href="https://www.subscriptionflow.com/" />
	<meta property="og:locale" content="en_US" />
	<meta property="og:type" content="website" />
	<meta property="og:title" content="Next Gen-AI Billing &amp; Subscription Management Software" />
	<meta property="og:description" content="SubscriptionFlow is offering best AI Billing &amp; Subscription Management Software of 2026 designed to deliver unrivalled results to companies." />
	<meta property="og:url" content="https://www.subscriptionflow.com/" />
	<meta property="og:site_name" content="SubscriptionFlow" />
	<meta property="article:publisher" content="https://www.facebook.com/SubscriptionFlow" />
	<meta property="article:modified_time" content="2026-07-02T12:02:57+00:00" />
	<meta property="og:image" content="https://www.subscriptionflow.com/wp-content/uploads/2026/01/subscriptionflow-logo-for-branding.jpg" />
	<meta property="og:image:width" content="1920" />
	<meta property="og:image:height" content="1080" />
	<meta property="og:image:type" content="image/jpeg" />
	<meta name="twitter:card" content="summary_large_image" />
	<meta name="twitter:site" content="@SubscriptionFL" />
	<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.subscriptionflow.com\/","url":"https:\/\/www.subscriptionflow.com\/","name":"Next Gen-AI Billing & Subscription Management Software","isPartOf":{"@id":"https:\/\/www.subscriptionflow.com\/#website"},"about":{"@id":"https:\/\/www.subscriptionflow.com\/#organization"},"primaryImageOfPage":{"@id":"https:\/\/www.subscriptionflow.com\/#primaryimage"},"image":{"@id":"https:\/\/www.subscriptionflow.com\/#primaryimage"},"thumbnailUrl":"https:\/\/www.subscriptionflow.com\/wp-content\/uploads\/2026\/01\/subscriptionflow-logo-for-branding.jpg","datePublished":"2021-11-10T13:44:24+00:00","dateModified":"2026-07-02T12:02:57+00:00","description":"SubscriptionFlow is offering best AI Billing & Subscription Management Software of 2026 designed to deliver unrivalled results to companies.","breadcrumb":{"@id":"https:\/\/www.subscriptionflow.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.subscriptionflow.com\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.subscriptionflow.com\/#primaryimage","url":"https:\/\/www.subscriptionflow.com\/wp-content\/uploads\/2026\/01\/subscriptionflow-logo-for-branding.jpg","contentUrl":"https:\/\/www.subscriptionflow.com\/wp-content\/uploads\/2026\/01\/subscriptionflow-logo-for-branding.jpg","width":1920,"height":1080,"caption":"subscriptionflow-logo-for-branding"},{"@type":"BreadcrumbList","@id":"https:\/\/www.subscriptionflow.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/www.subscriptionflow.com\/#website","url":"https:\/\/www.subscriptionflow.com\/","name":"SubscriptionFlow","description":"Best Subscription Management and Billing Software 2026","publisher":{"@id":"https:\/\/www.subscriptionflow.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.subscriptionflow.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.subscriptionflow.com\/#organization","name":"SubscriptionFlow","url":"https:\/\/www.subscriptionflow.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.subscriptionflow.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.subscriptionflow.com\/wp-content\/uploads\/2022\/02\/SF-logo.svg","contentUrl":"https:\/\/www.subscriptionflow.com\/wp-content\/uploads\/2022\/02\/SF-logo.svg","width":2088,"height":633,"caption":"SubscriptionFlow"},"image":{"@id":"https:\/\/www.subscriptionflow.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/SubscriptionFlow","https:\/\/x.com\/SubscriptionFL","https:\/\/www.linkedin.com\/company\/subscriptionflow","https:\/\/www.youtube.com\/@subscriptionflow","https:\/\/www.instagram.com\/subscriptionflowapp\/"]}]}</script>
	<!-- / Yoast SEO plugin. -->


<style id='wp-emoji-styles-inline-css' type='text/css'>

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
</style>
<style id='classic-theme-styles-inline-css' type='text/css'>
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
</style>
<style id='global-styles-inline-css' type='text/css'>
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
</style>
<link data-minify="1" rel='stylesheet' id='bodhi-svgs-attachment-css' href='https://www.subscriptionflow.com/wp-content/cache/min/1/wp-content/plugins/svg-support/css/svgs-attachment.css?ver=1783041250' type='text/css' media='all' />
<link data-minify="1" rel='stylesheet' id='megamenu-css' href='https://www.subscriptionflow.com/wp-content/cache/min/1/wp-content/uploads/maxmegamenu/style.css?ver=1783041250' type='text/css' media='all' />
<link data-minify="1" rel='stylesheet' id='dashicons-css' href='https://www.subscriptionflow.com/wp-content/cache/min/1/wp-includes/css/dashicons.min.css?ver=1783041250' type='text/css' media='all' />
<link data-minify="1" rel='stylesheet' id='hello-elementor-css' href='https://www.subscriptionflow.com/wp-content/cache/min/1/wp-content/themes/hello-elementor/style.min.css?ver=1783041251' type='text/css' media='all' />
<link rel='stylesheet' id='hello-elementor-theme-style-css' href='https://www.subscriptionflow.com/wp-content/themes/hello-elementor/theme.min.css?v=1783278214&#038;ver=3.4.7' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-frontend-css' href='https://www.subscriptionflow.com/wp-content/uploads/elementor/css/custom-frontend.min.css?ver=1783041248' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-post-6-css' href='https://www.subscriptionflow.com/wp-content/uploads/elementor/css/post-6.css?ver=1783041248' type='text/css' media='all' />
<link data-minify="1" rel='stylesheet' id='slick_theme_css-css' href='https://www.subscriptionflow.com/wp-content/cache/min/1/wp-content/themes/hello-elementor/assets/css/slick-theme.css?ver=1783041251' type='text/css' media='' />
<link data-minify="1" rel='stylesheet' id='elementor-icons-css' href='https://www.subscriptionflow.com/wp-content/cache/min/1/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=1783041251' type='text/css' media='all' />
<link data-minify="1" rel='stylesheet' id='swiper-css' href='https://www.subscriptionflow.com/wp-content/cache/min/1/wp-content/plugins/elementor/assets/lib/swiper/v8/css/swiper.min.css?ver=1783041251' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-pro-css' href='https://www.subscriptionflow.com/wp-content/uploads/elementor/css/custom-pro-frontend.min.css?ver=1783041248' type='text/css' media='all' />
<link data-minify="1" rel='stylesheet' id='font-awesome-5-all-css' href='https://www.subscriptionflow.com/wp-content/cache/min/1/wp-content/plugins/elementor/assets/lib/font-awesome/css/all.min.css?ver=1783041251' type='text/css' media='all' />
<link rel='stylesheet' id='font-awesome-4-shim-css' href='https://www.subscriptionflow.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/v4-shims.min.css?ver=3.23.4' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-post-7-css' href='https://www.subscriptionflow.com/wp-content/uploads/elementor/css/post-7.css?ver=1783041249' type='text/css' media='all' />
<link rel='stylesheet' id='eael-general-css' href='https://www.subscriptionflow.com/wp-content/plugins/essential-addons-for-elementor-lite/assets/front-end/css/view/general.min.css?ver=6.6.9' type='text/css' media='all' />
<link rel='stylesheet' id='google-fonts-1-css' href='https://fonts.googleapis.com/css?family=IBM+Plex+Sans%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&#038;display=optional&#038;ver=6.8.3' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-icons-shared-0-css' href='https://www.subscriptionflow.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/fontawesome.min.css?ver=5.15.3' type='text/css' media='all' />
<link data-minify="1" rel='stylesheet' id='elementor-icons-fa-solid-css' href='https://www.subscriptionflow.com/wp-content/cache/min/1/wp-content/plugins/elementor/assets/lib/font-awesome/css/solid.min.css?ver=1783041251' type='text/css' media='all' />
<script type="text/rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://www.subscriptionflow.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script type="text/rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://www.subscriptionflow.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<script type="text/rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://www.subscriptionflow.com/wp-content/plugins/elementor/assets/lib/font-awesome/js/v4-shims.min.js?ver=3.23.4" id="font-awesome-4-shim-js" data-rocket-defer defer></script>
<link rel="https://api.w.org/" href="https://www.subscriptionflow.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.subscriptionflow.com/wp-json/wp/v2/pages/7" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.subscriptionflow.com/xmlrpc.php?rsd" />
<link rel='shortlink' href='https://www.subscriptionflow.com/' />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.subscriptionflow.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.subscriptionflow.com%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.subscriptionflow.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.subscriptionflow.com%2F&#038;format=xml" />
<meta name="generator" content="Elementor 3.23.4; features: additional_custom_breakpoints, e_lazyload, e_element_cache; settings: css_print_method-external, google_font-enabled, font_display-optional">
			<style>
				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
					background-image: none !important;
				}
				@media screen and (max-height: 1024px) {
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
				@media screen and (max-height: 640px) {
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
			</style>
			<link rel="icon" href="https://www.subscriptionflow.com/wp-content/uploads/2021/11/80a831fb5b74ca232cc7dd2ff9f549e71b7a1992.png" sizes="32x32" />
<link rel="icon" href="https://www.subscriptionflow.com/wp-content/uploads/2021/11/80a831fb5b74ca232cc7dd2ff9f549e71b7a1992.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://www.subscriptionflow.com/wp-content/uploads/2021/11/80a831fb5b74ca232cc7dd2ff9f549e71b7a1992.png" />
<meta name="msapplication-TileImage" content="https://www.subscriptionflow.com/wp-content/uploads/2021/11/80a831fb5b74ca232cc7dd2ff9f549e71b7a1992.png" />
		<style type="text/css" id="wp-custom-css">
			span.site-name {
  color: #1a1a1a !important;
}		</style>
		<noscript><style id="rocket-lazyload-nojs-css">.rll-youtube-player, [data-lazy-src]{display:none !important;}</style></noscript>	<!---- clarity---->
	<script type="text/rocketlazyloadscript" data-rocket-type="text/javascript">
    (function(c,l,a,r,i,t,y){
        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
    })(window, document, "clarity", "script", "pvc9oqv3ny");
	</script>
	<!-- Google Tag Manager -->
	<script type="text/rocketlazyloadscript">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
	new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
	j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
	'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
	})(window,document,'script','dataLayer','GTM-T62D7J7');</script>
	<!-- End Google Tag Manager -->

	<!-- Global site tag (gtag.js) - Google Ads: 622700682 --> <script type="text/rocketlazyloadscript" async data-rocket-src="https://www.googletagmanager.com/gtag/js?id=AW-622700682"></script> 
	<script type="text/rocketlazyloadscript"> window.dataLayer = window.dataLayer || 
	[]; function gtag(){dataLayer.push(arguments);} gtag('js', new 
	Date()); gtag('config', 'AW-622700682'); </script> 



	<!-- Event snippet for Submit lead form conversion page In your html page, 
	add the snippet and call gtag_report_conversion when someone clicks on the 
	chosen link or button. 
	@Register Page snippet
	-->
	<script type="text/rocketlazyloadscript"> function gtag_report_conversion(url) { 
	var callback = function () { if (typeof(url) != 'undefined') { 
	window.location = url; } }; gtag('event', 'conversion', { 'send_to': 'AW-622700682/L7GSCJ27uecCEIrR9qgC', 'event_callback': callback }); return 
	false; } </script>


	<!-- Event snippet for Book appointment conversion page In your html page, 
	add the snippet and call gtag_report_conversion when someone clicks on the 
	chosen link or button. --> <script type="text/rocketlazyloadscript"> function gtag_report_conversion_schedule_demo(url) { 
	var callback = function () { if (typeof(url) != 'undefined') { 
	window.location = url; } }; gtag('event', 'conversion', { 'send_to': 'AW-622700682/R-A-CKezu-cCEIrR9qgC', 'event_callback': callback }); return 
	false; } </script> 
	

	<!-- intercom -->


	<script type="text/rocketlazyloadscript">
	// We pre-filled your app ID in the widget URL: 'https://widget.intercom.io/widget/o2bhgtb7'
	(function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',w.intercomSettings);}else{var d=document;var i=function(){i.c(arguments);};i.q=[];i.c=function(args){i.q.push(args);};w.Intercom=i;var l=function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/o2bhgtb7';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);};if(document.readyState==='complete'){l();}else if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();
	</script>
	

	<!-- Segment Code -->
	<script type="text/rocketlazyloadscript"> !function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","once","off","on","addSourceMiddleware","addIntegrationMiddleware","setAnonymousId","addDestinationMiddleware"];analytics.factory=function(e){return function(){var t=Array.prototype.slice.call(arguments);t.unshift(e);analytics.push(t);return analytics}};for(var e=0;e<analytics.methods.length;e++){var key=analytics.methods[e];analytics[key]=analytics.factory(key)}analytics.load=function(key,e){var t=document.createElement("script");t.type="text/javascript";t.async=!0;t.src="https://cdn.segment.com/analytics.js/v1/" + key + "/analytics.min.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n);analytics._loadOptions=e};analytics._writeKey="FVPDcFnaDwZjQLzZTiKIlr2ZI3N4b1WA";;analytics.SNIPPET_VERSION="4.15.3"; analytics.load("FVPDcFnaDwZjQLzZTiKIlr2ZI3N4b1WA"); analytics.page(); }}(); </script>


	<!---LeadFeader-->
	<script type="text/rocketlazyloadscript"> (function(ss,ex){ window.ldfdr=window.ldfdr||function(){(ldfdr._q=ldfdr._q||[]).push([].slice.call(arguments));}; (function(d,s){ fs=d.getElementsByTagName(s)[0]; function ce(src){ var cs=d.createElement(s); cs.src=src; cs.async=1; fs.parentNode.insertBefore(cs,fs); }; ce('https://sc.lfeeder.com/lftracker_v1_'+ss+(ex?'_'+ex:'')+'.js'); })(document,'script'); })('3P1w24doEDn7mY5n'); </script>
	<!---FullStory Code-->
	<script type="text/rocketlazyloadscript">
	window['_fs_debug'] = false;
	window['_fs_host'] = 'fullstory.com';
	window['_fs_script'] = 'edge.fullstory.com/s/fs.js';
	window['_fs_org'] = '18DKTH';
	window['_fs_namespace'] = 'FS';
	(function(m,n,e,t,l,o,g,y){
		if (e in m) {if(m.console && m.console.log) { m.console.log('FullStory namespace conflict. Please set window["_fs_namespace"].');} return;}
		g=m[e]=function(a,b,s){g.q?g.q.push([a,b,s]):g._api(a,b,s);};g.q=[];
		o=n.createElement(t);o.async=1;o.crossOrigin='anonymous';o.src='https://'+_fs_script;
		y=n.getElementsByTagName(t)[0];y.parentNode.insertBefore(o,y);
		g.identify=function(i,v,s){g(l,{uid:i},s);if(v)g(l,v,s)};g.setUserVars=function(v,s){g(l,v,s)};g.event=function(i,v,s){g('event',{n:i,p:v},s)};
		g.anonymize=function(){g.identify(!!0)};
		g.shutdown=function(){g("rec",!1)};g.restart=function(){g("rec",!0)};
		g.log = function(a,b){g("log",[a,b])};
		g.consent=function(a){g("consent",!arguments.length||a)};
		g.identifyAccount=function(i,v){o='account';v=v||{};v.acctId=i;g(o,v)};
		g.clearUserCookie=function(){};
		g.setVars=function(n, p){g('setVars',[n,p]);};
		g._w={};y='XMLHttpRequest';g._w[y]=m[y];y='fetch';g._w[y]=m[y];
		if(m[y])m[y]=function(){return g._w[y].apply(this,arguments)};
		g._v="1.3.0";
	})(window,document,window['_fs_namespace'],'script','user');
	</script>
	<!-- Compaign -->
	<script type="text/rocketlazyloadscript">(function(w,d,t,r,u){var f,n,i;w[u]=w[u]||[],f=function(){var o={ti:"148007217"};o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")},n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function(){var s=this.readyState;s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)},i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)})(window,document,"script","//bat.bing.com/bat.js","uetq");</script>
	
	<!-- Conversion -->
	<script type="text/rocketlazyloadscript">
			(function (c, p, d, u, id, i) {
			id = ''; // Optional Custom ID for user in your system
			u = 'https://tracking.g2crowd.com/attribution_tracking/conversions/' + c + '.js?p=' + encodeURI(p) + '&e=' + id;
			i = document.createElement('script');
			i.type = 'application/javascript';
			i.async = true;
			i.src = u;
			d.getElementsByTagName('head')[0].appendChild(i);
			}("1006762", document.location.href, document));
	</script>
	

	<link data-minify="1" rel="stylesheet" href="https://www.subscriptionflow.com/wp-content/cache/min/1/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css?ver=1783041251" crossorigin="anonymous" referrerpolicy="no-referrer" />
	<link data-minify="1" rel="stylesheet" href="https://www.subscriptionflow.com/wp-content/cache/min/1/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css?ver=1783041251">
	<link data-minify="1" rel="stylesheet" href="https://www.subscriptionflow.com/wp-content/cache/min/1/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css?ver=1783041251">
	
	<!--email tracker -->
	<script type="text/rocketlazyloadscript" data-minify="1" data-rocket-type="text/javascript" async data-rocket-src="https://www.subscriptionflow.com/wp-content/cache/min/1/mana.js?ver=1782994212"></script>


	<!-- Google tag (gtag.js) -->
<script type="text/rocketlazyloadscript" async data-rocket-src="https://www.googletagmanager.com/gtag/js?id=G-XRV7Z5V4YH"></script>
<script type="text/rocketlazyloadscript">
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-XRV7Z5V4YH');
</script>
	

<!-------amazonaws-code--------->
	<script type="text/rocketlazyloadscript">!function () {var reb2b = window.reb2b = window.reb2b || [];if (reb2b.invoked) return;reb2b.invoked = true;reb2b.methods = ["identify", "collect"];reb2b.factory = function (method) {return function () {var args = Array.prototype.slice.call(arguments);args.unshift(method);reb2b.push(args);return reb2b;};};for (var i = 0; i < reb2b.methods.length; i++) {var key = reb2b.methods[i];reb2b[key] = reb2b.factory(key);}reb2b.load = function (key)
 {var script = document.createElement("script");script.type = "text/javascript";script.async = true;script.src = "https://s3-us-west-2.amazonaws.com/b2bjsstore/b/" + key + "/QOQRJHYEL462.js.gz";var first = document.getElementsByTagName("script")[0];first.parentNode.insertBefore(script, first);};reb2b.SNIPPET_VERSION = "1.0.1";reb2b.load("QOQRJHYEL462");}();</script>
	
	<!---Impact.com -->
	<script type="text/rocketlazyloadscript" data-rocket-type="text/javascript">
(function(a,b,c,d,e,f,g){e['ire_o']=c;e[c]=e[c]||function(){(e[c].a=e[c].a||[]).push(arguments)};f=d.createElement(b);g=d.getElementsByTagName(b)[0];f.async=1;f.src=a;g.parentNode.insertBefore(f,g);})('https://utt.impactcdn.com/A5821526-e076-443e-8102-43f8950ebbbd1.js','script','ire',document,window); 
</script>
	
<!------------subscriptionflow-app-code------------------->
<script type="text/rocketlazyloadscript" data-minify="1" data-rocket-src="https://www.subscriptionflow.com/wp-content/cache/min/1/static/widget.js?ver=1782994213" data-tenant="admin" data-api-url="https://customwidget.subscriptionflow.com" data-position="bottom-right" data-rocket-defer defer></script>	
	

<style id="rocket-lazyrender-inline-css">[data-wpr-lazyrender] {content-visibility: auto;}</style><meta name="generator" content="WP Rocket 3.22.0.3" data-wpr-features="wpr_delay_js wpr_defer_js wpr_minify_js wpr_lazyload_images wpr_automatic_lazy_rendering wpr_oci wpr_image_dimensions wpr_cache_webp wpr_minify_css wpr_cdn wpr_preload_links wpr_desktop" /></head>
<body data-rsssl=1 class="home wp-singular page-template-default page page-id-7 wp-custom-logo wp-theme-hello-elementor mega-menu-menu-1 mega-menu-menu-4 mega-menu-menu-5 page-home elementor-default elementor-kit-6 elementor-page elementor-page-7">


<header  id="site-header" class="site-header dynamic-header menu-dropdown-tablet" role="banner">
	<div  class="top-header"><div  class="top-wrap"><div class="menu-top-header-container"><ul id="menu-top-header" class="menu"><li id="menu-item-2485" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2485"><a target="_blank" href="https://support.subscriptionflow.com/hc/en-us">Support <span class="dashicons dashicons-arrow-right-alt"></span></a></li>
<li id="menu-item-2486" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2486"><a href="https://subscriptionflow.com/login/">Login <span class="dashicons dashicons-arrow-right-alt"></span></a></li>
</ul></div></div></div>
	<div  class="header-inner">
		<div  class="site-branding show-logo">
							<div class="site-logo show">
					<a href="https://www.subscriptionflow.com/" class="custom-logo-link" rel="home" aria-current="page"><img width="2088" height="633" src="https://www.subscriptionflow.com/wp-content/uploads/2022/02/SF-logo.svg" class="custom-logo" alt="SF-logo" decoding="async" /></a>				</div>
							<p class="site-description show ">
					Best Subscription Management and Billing Software 2026				</p>
					</div>

					<nav class="site-navigation show" id="" role="navigation">
				<div id="mega-menu-wrap-menu-1" class="mega-menu-wrap"><div class="mega-menu-toggle"><div class="mega-toggle-blocks-left"></div><div class="mega-toggle-blocks-center"></div><div class="mega-toggle-blocks-right"><div class='mega-toggle-block mega-menu-toggle-animated-block mega-toggle-block-0' id='mega-toggle-block-0'><button aria-controls="mega-menu-menu-1" aria-expanded="false" aria-haspopup="true" aria-label="Toggle Menu" class="mega-toggle-animated mega-toggle-animated-slider" type="button">
                  <span class="mega-toggle-animated-box">
                    <span class="mega-toggle-animated-inner"></span>
                  </span>
                </button></div></div></div><ul id="mega-menu-menu-1" class="mega-menu max-mega-menu mega-menu-horizontal mega-no-js" data-event="hover_intent" data-effect="slide" data-effect-speed="200" data-effect-mobile="slide_left" data-effect-speed-mobile="200" data-mobile-force-width="body" data-second-click="go" data-document-click="collapse" data-vertical-behaviour="standard" data-breakpoint="1250" data-unbind="true" data-mobile-state="collapse_all" data-mobile-direction="vertical"><li class="mega-slider-toggle mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-has-children mega-menu-megamenu mega-menu-grid mega-align-bottom-left mega-hide-arrow mega-has-icon mega-icon-right mega-menu-item-1569 slider-toggle" id="mega-menu-item-1569"><a class="dashicons-arrow-down-alt2 mega-menu-link" href="#" aria-expanded="false" aria-controls="mega-sub-menu-1569">Features<span class="mega-indicator" aria-hidden="true"></span></a>
<ul class="mega-sub-menu" role='presentation' id='mega-sub-menu-1569'>
<li class="mega-menu-row mega-custom-mega-menu-row mega-column-size-5 custom-mega-menu-row column-size-5" id="mega-menu-1569-0">
	<ul class="mega-sub-menu" style='--columns:12' role='presentation'>
<li class="mega-menu-column mega-feature-colum-1 mega-title-border mega-menu-columns-3-of-12 feature-colum-1 title-border" style="--columns:12; --span:3" id="mega-menu-1569-0-0">
		<ul class="mega-sub-menu">
<li class="mega-menu-item mega-menu-item-type-widget widget_custom_html mega-menu-item-custom_html-2" id="mega-menu-item-custom_html-2"><h4 class="mega-block-title">Subscription Management</h4><div class="textwidget custom-html-widget"></div></li><li class="mega-custom-mega-menu mega-shf mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-23454 custom-mega-menu shf" id="mega-menu-item-23454"><a class="mega-menu-link" href="https://www.subscriptionflow.com/subscription-management-software/">Subscription Handling</a></li><li class="mega-custom-mega-menu mega-ppm mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-description mega-menu-item-7585 custom-mega-menu ppm" id="mega-menu-item-7585"><a class="mega-menu-link" href="https://www.subscriptionflow.com/pricing-engine/"><span class="mega-description-group"><span class="mega-menu-title">Product, Plans & Pricing</span><span class="mega-menu-description">Increase revenue with intelligent pricing &#038; plan cataloguing</span></span></a></li><li class="mega-custom-mega-menu mega-ssp mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-description mega-menu-item-7541 custom-mega-menu ssp" id="mega-menu-item-7541"><a class="mega-menu-link" href="https://www.subscriptionflow.com/self-service-portal/"><span class="mega-description-group"><span class="mega-menu-title">Customer Portal</span><span class="mega-menu-description">Help customers to manage their subscriptions themselves</span></span></a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-22254" id="mega-menu-item-22254"><a class="mega-menu-link" href="https://www.subscriptionflow.com/trial-management-system/">Trial/Freemium Subscriptions</a></li><li class="mega-custom-mega-menu mega-sp mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-description mega-menu-item-7587 custom-mega-menu sp" id="mega-menu-item-7587"><a class="mega-menu-link" href="https://www.subscriptionflow.com/subscription-payment-processing/"><span class="mega-description-group"><span class="mega-menu-title">Subscription Payment Processing</span><span class="mega-menu-description">Connect with a simple, secure, and faster payment gateway</span></span></a></li><li class="mega-custom-mega-menu mega-sp mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-23568 custom-mega-menu sp" id="mega-menu-item-23568"><a class="mega-menu-link" href="https://www.subscriptionflow.com/quote-management/">Quote Management</a></li>		</ul>
</li><li class="mega-menu-column mega-feature-colum-2 mega-title-border mega-menu-columns-3-of-12 feature-colum-2 title-border" style="--columns:12; --span:3" id="mega-menu-1569-0-1">
		<ul class="mega-sub-menu">
<li class="mega-menu-item mega-menu-item-type-widget widget_custom_html mega-menu-item-custom_html-3" id="mega-menu-item-custom_html-3"><h4 class="mega-block-title">Billing &#038; Payments</h4><div class="textwidget custom-html-widget"></div></li><li class="mega-custom-mega-menu mega-overview mega-top-space mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-description mega-menu-item-7544 custom-mega-menu overview top-space" id="mega-menu-item-7544"><a class="mega-menu-link" href="https://www.subscriptionflow.com/recurring-billing-software/"><span class="mega-description-group"><span class="mega-menu-title">Recurring Billing</span><span class="mega-menu-description">Automate Subscription Billing for Custom Billing Models</span></span></a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-28665" id="mega-menu-item-28665"><a class="mega-menu-link" href="https://www.subscriptionflow.com/metered-billing/">Metered Billing</a></li><li class="mega-custom-mega-menu mega-sp mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-41886 custom-mega-menu sp" id="mega-menu-item-41886"><a class="mega-menu-link" href="https://www.subscriptionflow.com/subscription-invoicing/">Subscription Invoicing</a></li><li class="mega-custom-mega-menu mega-rubb mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-description mega-menu-item-19061 custom-mega-menu rubb" id="mega-menu-item-19061"><a class="mega-menu-link" href="https://www.subscriptionflow.com/hosted-payment-page/"><span class="mega-description-group"><span class="mega-menu-title">Checkout Management</span><span class="mega-menu-description">Maximise customer checkout experience by opting for HPPs</span></span></a></li><li class="mega-custom-mega-menu mega-sp mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-23567 custom-mega-menu sp" id="mega-menu-item-23567"><a class="mega-menu-link" href="https://www.subscriptionflow.com/proration/">Proration</a></li><li class="mega-custom-mega-menu mega-dm mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-description mega-menu-item-7584 custom-mega-menu dm" id="mega-menu-item-7584"><a class="mega-menu-link" href="https://www.subscriptionflow.com/dunning-management/"><span class="mega-description-group"><span class="mega-menu-title">Payment Retries</span><span class="mega-menu-description">Minimize payment failures and automate payment re-tries</span></span></a></li>		</ul>
</li><li class="mega-menu-column mega-feature-colum-4 mega-title-border mega-menu-columns-3-of-12 feature-colum-4 title-border" style="--columns:12; --span:3" id="mega-menu-1569-0-2">
		<ul class="mega-sub-menu">
<li class="mega-menu-item mega-menu-item-type-widget widget_custom_html mega-menu-item-custom_html-23" id="mega-menu-item-custom_html-23"><h4 class="mega-block-title">Growth &#038; Retention</h4><div class="textwidget custom-html-widget"></div></li><li class="mega-custom-mega-menu mega-overview mega-top-space mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-23521 custom-mega-menu overview top-space" id="mega-menu-item-23521"><a class="mega-menu-link" href="https://www.subscriptionflow.com/activation-handling/">Activation Handling</a></li><li class="mega-custom-mega-menu mega-overview mega-top-space mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-23520 custom-mega-menu overview top-space" id="mega-menu-item-23520"><a class="mega-menu-link" href="https://www.subscriptionflow.com/engagement-management/">Engagement Management</a></li><li class="mega-custom-mega-menu mega-overview mega-top-space mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-23519 custom-mega-menu overview top-space" id="mega-menu-item-23519"><a class="mega-menu-link" href="https://www.subscriptionflow.com/conversion-optimization/">Conversion Optimization</a></li><li class="mega-custom-mega-menu mega-overview mega-top-space mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-description mega-menu-item-17462 custom-mega-menu overview top-space" id="mega-menu-item-17462"><a class="mega-menu-link" href="https://www.subscriptionflow.com/customer-retention-management/"><span class="mega-description-group"><span class="mega-menu-title">Retention Management</span><span class="mega-menu-description">Smarter subscription retention strategies to retain customers</span></span></a></li><li class="mega-custom-mega-menu mega-enterprise mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-description mega-menu-item-18470 custom-mega-menu enterprise" id="mega-menu-item-18470"><a class="mega-menu-link" href="https://www.subscriptionflow.com/revenue-management-software/"><span class="mega-description-group"><span class="mega-menu-title">Revenue Management</span><span class="mega-menu-description">Revive revenue goals with up-sell, cross-sell and subscription renewals</span></span></a></li><li class="mega-custom-mega-menu mega-rhb mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-description mega-menu-item-19062 custom-mega-menu rhb" id="mega-menu-item-19062"><a class="mega-menu-link" href="https://www.subscriptionflow.com/churn-management-software/"><span class="mega-description-group"><span class="mega-menu-title">Churn Reduction</span><span class="mega-menu-description">Fight voluntary and involuntary churn to avoid revenue leaks</span></span></a></li>		</ul>
</li><li class="mega-menu-column mega-feature-colum-4 mega-title-border-fixed mega-no-right-border mega-menu-columns-3-of-12 feature-colum-4 title-border-fixed no-right-border" style="--columns:12; --span:3" id="mega-menu-1569-0-3">
		<ul class="mega-sub-menu">
<li class="mega-menu-item mega-menu-item-type-widget widget_custom_html mega-menu-item-custom_html-5" id="mega-menu-item-custom_html-5"><h4 class="mega-block-title">Others</h4><div class="textwidget custom-html-widget"></div></li><li class="mega-custom-mega-menu mega-overview mega-top-space mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-description mega-menu-item-7546 custom-mega-menu overview top-space" id="mega-menu-item-7546"><a class="mega-menu-link" href="https://www.subscriptionflow.com/subscription-analytics-reporting/"><span class="mega-description-group"><span class="mega-menu-title">Reports and Analytics</span><span class="mega-menu-description">Customize your own console and track it all in run-time</span></span></a></li><li class="mega-custom-mega-menu mega-ai-ingration mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-description mega-menu-item-12798 custom-mega-menu ai-ingration" id="mega-menu-item-12798"><a class="mega-menu-link" href="https://www.subscriptionflow.com/integrations/"><span class="mega-description-group"><span class="mega-menu-title">Integrations</span><span class="mega-menu-description">Integrate automated tools to enhance functionality of your system</span></span></a></li><li class="mega-custom-mega-menu mega-spg mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-description mega-menu-item-12799 custom-mega-menu spg" id="mega-menu-item-12799"><a class="mega-menu-link" href="https://www.subscriptionflow.com/payment-gateways/"><span class="mega-description-group"><span class="mega-menu-title">Payment Gateways</span><span class="mega-menu-description">Scale globally by accepting payments from anywhere at any time!</span></span></a></li><li class="mega-custom-mega-menu mega-report mega-d-none mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-description mega-menu-item-7608 custom-mega-menu report d-none" id="mega-menu-item-7608"><a class="mega-menu-link" href="https://www.subscriptionflow.com/reporting/"><span class="mega-description-group"><span class="mega-menu-title">Reporting</span><span class="mega-menu-description">Get quick &#038; customized reports with real-time facts &#038; figures</span></span></a></li>		</ul>
</li>	</ul>
</li><li class="mega-menu-row mega-mega-item-hidden mega-item-hidden" id="mega-menu-1569-1">
	<ul class="mega-sub-menu" style='--columns:12' role='presentation'>
<li class="mega-menu-column mega-gallary-menu mega-no-title-bg mega-menu-columns-3-of-12 gallary-menu no-title-bg" style="--columns:12; --span:3" id="mega-menu-1569-1-0">
		<ul class="mega-sub-menu">
<li class="mega-menu-item mega-menu-item-type-widget widget_custom_html mega-menu-item-custom_html-13" id="mega-menu-item-custom_html-13"><div class="textwidget custom-html-widget"><a href="#" class="bottom-read-more">Explore All Features...</a></div></li><li class="mega-menu-item mega-menu-item-type-widget widget_custom_html mega-menu-item-custom_html-11" id="mega-menu-item-custom_html-11"><h4 class="mega-block-title">Payment Gateways</h4><div class="textwidget custom-html-widget"><div class="mega-menu-gallary">
	<a href="#"><img width="130" height="46" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20130%2046'%3E%3C/svg%3E" alt="strip" data-lazy-src="/wp-content/uploads/2021/12/2560px-Stripe_Logo_revised_2016.svg.png"><noscript><img width="130" height="46" src="/wp-content/uploads/2021/12/2560px-Stripe_Logo_revised_2016.svg.png" alt="strip"></noscript></a>
	<a href="#"><img width="300" height="60" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%2060'%3E%3C/svg%3E" alt="paypal" data-lazy-src="/wp-content/uploads/2020/12/paypal-1.png"><noscript><img width="300" height="60" src="/wp-content/uploads/2020/12/paypal-1.png" alt="paypal"></noscript></a>
		<a href="#"><img width="227" height="24" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20227%2024'%3E%3C/svg%3E" alt="card-connect" data-lazy-src="/wp-content/uploads/2021/12/5a820aa17e73157b3e6c1a7b867781e4.png"><noscript><img width="227" height="24" src="/wp-content/uploads/2021/12/5a820aa17e73157b3e6c1a7b867781e4.png" alt="card-connect"></noscript></a>
			<a href="#"><img width="113" height="24" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20113%2024'%3E%3C/svg%3E" alt="subscription-payment" data-lazy-src="/wp-content/uploads/2021/11/43.png"><noscript><img width="113" height="24" src="/wp-content/uploads/2021/11/43.png" alt="subscription-payment"></noscript></a>
	<a href=""><img width="207" height="27" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20207%2027'%3E%3C/svg%3E" alt="authorize" data-lazy-src="/wp-content/uploads/2021/12/Authorize.net_Logo.png"><noscript><img width="207" height="27" src="/wp-content/uploads/2021/12/Authorize.net_Logo.png" alt="authorize"></noscript></a>
		<a href=""><img width="209" height="52" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20209%2052'%3E%3C/svg%3E" alt="authorize" data-lazy-src="/wp-content/uploads/2021/12/Braintree_Payments_Logo_old.png"><noscript><img width="209" height="52" src="/wp-content/uploads/2021/12/Braintree_Payments_Logo_old.png" alt="authorize"></noscript></a>
</div>
<a href="#" class="bottom-read-more">Many More...</a></div></li>		</ul>
</li>	</ul>
</li><li class="mega-menu-row" id="mega-menu-1569-2">
	<ul class="mega-sub-menu" style='--columns:12' role='presentation'>
<li class="mega-menu-column mega-menu-columns-3-of-12" style="--columns:12; --span:3" id="mega-menu-1569-2-0">
		<ul class="mega-sub-menu">
<li class="mega-menu-item mega-menu-item-type-widget widget_custom_html mega-menu-item-custom_html-4" id="mega-menu-item-custom_html-4"><div class="textwidget custom-html-widget"></div></li>		</ul>
</li>	</ul>
</li></ul>
</li><li class="mega-slider-toggle mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-has-children mega-menu-megamenu mega-menu-grid mega-align-bottom-left mega-hide-arrow mega-has-icon mega-icon-right mega-menu-item-1570 slider-toggle" id="mega-menu-item-1570"><a class="dashicons-arrow-down-alt2 mega-menu-link" href="#" aria-expanded="false" aria-controls="mega-sub-menu-1570">Solutions<span class="mega-indicator" aria-hidden="true"></span></a>
<ul class="mega-sub-menu" role='presentation' id='mega-sub-menu-1570'>
<li class="mega-menu-row mega-custom-mega-menu-row custom-mega-menu-row" id="mega-menu-1570-0">
	<ul class="mega-sub-menu" style='--columns:12' role='presentation'>
<li class="mega-menu-column mega-title-border mega-solution-colum-1 mega-menu-columns-3-of-12 title-border solution-colum-1" style="--columns:12; --span:3" id="mega-menu-1570-0-0">
		<ul class="mega-sub-menu">
<li class="mega-menu-item mega-menu-item-type-widget widget_custom_html mega-menu-item-custom_html-9" id="mega-menu-item-custom_html-9"><h4 class="mega-block-title">By Role</h4><div class="textwidget custom-html-widget"></div></li><li class="mega-custom-mega-menu mega-scm mega-top-space mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-description mega-menu-item-8012 custom-mega-menu scm top-space" id="mega-menu-item-8012"><a class="mega-menu-link" href="https://www.subscriptionflow.com/ai-native-crm/"><span class="mega-description-group"><span class="mega-menu-title">Customer Management</span><span class="mega-menu-description">Manage &#038; leverage the customer data to improve user experience</span></span></a></li><li class="mega-custom-mega-menu mega-sfa mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-description mega-menu-item-8018 custom-mega-menu sfa" id="mega-menu-item-8018"><a class="mega-menu-link" href="https://www.subscriptionflow.com/finance-accounting/"><span class="mega-description-group"><span class="mega-menu-title">Finance &#038; Accounting</span><span class="mega-menu-description">Get rid of complicated sheets &#038; confusing calculations. Automate.</span></span></a></li><li class="mega-custom-mega-menu mega-spcr mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-description mega-menu-item-8013 custom-mega-menu spcr" id="mega-menu-item-8013"><a class="mega-menu-link" href="https://www.subscriptionflow.com/payment-collection-reconciliation/"><span class="mega-description-group"><span class="mega-menu-title">Payment Collection &#038; Reconciliation</span><span class="mega-menu-description">Collect payments faster from your customers worldwide</span></span></a></li><li class="mega-custom-mega-menu mega-smas mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-description mega-menu-item-8014 custom-mega-menu smas" id="mega-menu-item-8014"><a class="mega-menu-link" href="https://www.subscriptionflow.com/marketing-and-sales/"><span class="mega-description-group"><span class="mega-menu-title">Marketing & Sales</span><span class="mega-menu-description">Draw opportunities with trial subscriptions &#038; optimize pipelines</span></span></a></li>		</ul>
</li><li class="mega-menu-column mega-title-border mega-solution-colum-2 mega-menu-columns-3-of-12 title-border solution-colum-2" style="--columns:12; --span:3" id="mega-menu-1570-0-1">
		<ul class="mega-sub-menu">
<li class="mega-menu-item mega-menu-item-type-widget widget_custom_html mega-menu-item-custom_html-7" id="mega-menu-item-custom_html-7"><h4 class="mega-block-title">By Billing Model</h4><div class="textwidget custom-html-widget"></div></li><li class="mega-custom-mega-menu mega-rfff mega-top-space mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-description mega-menu-item-10776 custom-mega-menu rfff top-space" id="mega-menu-item-10776"><a class="mega-menu-link" href="https://www.subscriptionflow.com/flat-fee-billing-model/"><span class="mega-description-group"><span class="mega-menu-title">Flat Fee Billing</span><span class="mega-menu-description">Opt For Flat Rate / Flat Fee Billing Model With SubscriptionFlow</span></span></a></li><li class="mega-custom-mega-menu mega-rubb mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-description mega-menu-item-10774 custom-mega-menu rubb" id="mega-menu-item-10774"><a class="mega-menu-link" href="https://www.subscriptionflow.com/usage-based-billing-software/"><span class="mega-description-group"><span class="mega-menu-title">Usage-Based  Billing</span><span class="mega-menu-description">Implement Usage-Based Billing Model With SubscriptionFlow</span></span></a></li><li class="mega-custom-mega-menu mega-rhb mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-description mega-menu-item-10775 custom-mega-menu rhb" id="mega-menu-item-10775"><a class="mega-menu-link" href="https://www.subscriptionflow.com/hybrid-billing-model/"><span class="mega-description-group"><span class="mega-menu-title">Hybrid Billing</span><span class="mega-menu-description">Implement Hybrid Billing Model With SubscriptionFlow</span></span></a></li><li class="mega-custom-mega-menu mega-shf mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-description mega-menu-item-19378 custom-mega-menu shf" id="mega-menu-item-19378"><a class="mega-menu-link" href="https://www.subscriptionflow.com/subscription-box-billing/"><span class="mega-description-group"><span class="mega-menu-title">Subscription Box Billing</span><span class="mega-menu-description">Implement Hybrid Billing Model With SubscriptionFlow</span></span></a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-22255" id="mega-menu-item-22255"><a class="mega-menu-link" href="https://www.subscriptionflow.com/pay-per-use/">Pay Per Use Billing</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-22257" id="mega-menu-item-22257"><a class="mega-menu-link" href="https://www.subscriptionflow.com/demand-based-billing/">Demand Based Billing</a></li><li class="mega-menu-item mega-menu-item-type-widget widget_custom_html mega-menu-item-custom_html-26" id="mega-menu-item-custom_html-26"><div class="textwidget custom-html-widget"><a href="https://subscriptionflow.com/subscription-billing-models/" class="bottom-read-more">View More...</a></div></li>		</ul>
</li><li class="mega-menu-column mega-title-border mega-solution-colum-3 mega-menu-columns-3-of-12 title-border solution-colum-3" style="--columns:12; --span:3" id="mega-menu-1570-0-2">
		<ul class="mega-sub-menu">
<li class="mega-menu-item mega-menu-item-type-widget widget_custom_html mega-menu-item-custom_html-8" id="mega-menu-item-custom_html-8"><h4 class="mega-block-title">By Industry</h4><div class="textwidget custom-html-widget"></div></li><li class="mega-custom-mega-menu mega-sit mega-top-space mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-description mega-menu-item-16474 custom-mega-menu sit top-space" id="mega-menu-item-16474"><a class="mega-menu-link" href="https://www.subscriptionflow.com/saas-billing/"><span class="mega-description-group"><span class="mega-menu-title">SaaS</span><span class="mega-menu-description">Avoid the Hard Billing Processes and get a SaaS Billing Solutions</span></span></a></li><li class="mega-custom-mega-menu mega-secomerce mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-description mega-menu-item-10658 custom-mega-menu secomerce" id="mega-menu-item-10658"><a class="mega-menu-link" href="https://www.subscriptionflow.com/subscription-management-software-for-ecommerce/"><span class="mega-description-group"><span class="mega-menu-title">ECommerce</span><span class="mega-menu-description">Create plans, manage subscriptions and billing, &#038; collect payments</span></span></a></li><li class="mega-custom-mega-menu mega-sel mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-description mega-menu-item-20549 custom-mega-menu sel" id="mega-menu-item-20549"><a class="mega-menu-link" href="https://www.subscriptionflow.com/elearning-subscription-management-software/"><span class="mega-description-group"><span class="mega-menu-title">E-Learning</span><span class="mega-menu-description">Manage recurring revenue for online courses &#038; e-learning businesses</span></span></a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-22258" id="mega-menu-item-22258"><a class="mega-menu-link" href="https://www.subscriptionflow.com/magazine-subscription-management-software/">Magazine</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-22264" id="mega-menu-item-22264"><a class="mega-menu-link" href="https://www.subscriptionflow.com/membership-management-software/">Membership</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-22265" id="mega-menu-item-22265"><a class="mega-menu-link" href="https://www.subscriptionflow.com/subscription-management-software-for-gym-management/">Health & Fitness</a></li><li class="mega-menu-item mega-menu-item-type-widget widget_custom_html mega-menu-item-custom_html-22" id="mega-menu-item-custom_html-22"><div class="textwidget custom-html-widget"><a href="/other-industries/" class="bottom-read-more">View More...</a></div></li>		</ul>
</li><li class="mega-menu-column mega-title-border-fixed mega-solution-colum-4 mega-menu-columns-3-of-12 title-border-fixed solution-colum-4" style="--columns:12; --span:3" id="mega-menu-1570-0-3">
		<ul class="mega-sub-menu">
<li class="mega-menu-item mega-menu-item-type-widget widget_custom_html mega-menu-item-custom_html-6" id="mega-menu-item-custom_html-6"><h4 class="mega-block-title">By Business Size</h4><div class="textwidget custom-html-widget"></div></li><li class="mega-custom-mega-menu mega-smbs mega-top-space mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-description mega-menu-item-10662 custom-mega-menu smbs top-space" id="mega-menu-item-10662"><a class="mega-menu-link" href="https://www.subscriptionflow.com/subscription-management-software-for-small-business/"><span class="mega-description-group"><span class="mega-menu-title">SMBs</span><span class="mega-menu-description">To cater to the subscription requirements of growing businesses</span></span></a></li><li class="mega-custom-mega-menu mega-enterprise mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-description mega-menu-item-10663 custom-mega-menu enterprise" id="mega-menu-item-10663"><a class="mega-menu-link" href="https://www.subscriptionflow.com/subscription-management-software-for-enterprises/"><span class="mega-description-group"><span class="mega-menu-title">Enterprises</span><span class="mega-menu-description">To help enterprises manage business processes in a unified space</span></span></a></li><li class="mega-custom-mega-menu mega-sn-p mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-description mega-menu-item-10664 custom-mega-menu sn-p" id="mega-menu-item-10664"><a class="mega-menu-link" href="https://www.subscriptionflow.com/subscription-management-software-for-nonprofits/"><span class="mega-description-group"><span class="mega-menu-title">Non-Profits</span><span class="mega-menu-description">To help non-profits manage donations &#038; reach out to donors</span></span></a></li>		</ul>
</li>	</ul>
</li></ul>
</li><li class="mega-slider-toggle mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-has-children mega-menu-megamenu mega-menu-grid mega-align-bottom-left mega-hide-arrow mega-has-icon mega-icon-right mega-menu-item-1571 slider-toggle" id="mega-menu-item-1571"><a class="dashicons-arrow-down-alt2 mega-menu-link" href="#" aria-expanded="false" aria-controls="mega-sub-menu-1571">Resources<span class="mega-indicator" aria-hidden="true"></span></a>
<ul class="mega-sub-menu" role='presentation' id='mega-sub-menu-1571'>
<li class="mega-menu-row mega-custom-mega-menu-row custom-mega-menu-row" id="mega-menu-1571-0">
	<ul class="mega-sub-menu" style='--columns:12' role='presentation'>
<li class="mega-menu-column mega-resouce-colum-1 mega-title-border mega-no-right-border mega-menu-columns-3-of-12 resouce-colum-1 title-border no-right-border" style="--columns:12; --span:3" id="mega-menu-1571-0-0">
		<ul class="mega-sub-menu">
<li class="mega-menu-item mega-menu-item-type-widget widget_custom_html mega-menu-item-custom_html-17" id="mega-menu-item-custom_html-17"><h4 class="mega-block-title">Resources and Guides</h4><div class="textwidget custom-html-widget"></div></li><li class="mega-custom-mega-menu mega-top-space mega-tb mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-description mega-menu-item-8076 custom-mega-menu top-space tb" id="mega-menu-item-8076"><a class="mega-menu-link" href="https://www.subscriptionflow.com/blog/"><span class="mega-description-group"><span class="mega-menu-title">Blog</span><span class="mega-menu-description">Get the latest tips, reviews, &#038; information to manage business better</span></span></a></li><li class="mega-custom-mega-menu mega-tna mega-d-none mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-description mega-menu-item-8078 custom-mega-menu tna d-none" id="mega-menu-item-8078"><a class="mega-menu-link" href="https://www.subscriptionflow.com/news-announcements/"><span class="mega-description-group"><span class="mega-menu-title">News &#038; Announcements</span><span class="mega-menu-description">Product Updates | Newsletters | Industry News | Announcements</span></span></a></li><li class="mega-custom-mega-menu mega-rfaq mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-description mega-menu-item-16353 custom-mega-menu rfaq" id="mega-menu-item-16353"><a class="mega-menu-link" href="https://www.subscriptionflow.com/faqs/"><span class="mega-description-group"><span class="mega-menu-title">FAQs</span><span class="mega-menu-description">Get answers for all your questions about our product and services.</span></span></a></li><li class="mega-custom-mega-menu mega-rgs mega-top-space mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-has-description mega-menu-item-10668 custom-mega-menu rgs top-space" id="mega-menu-item-10668"><a target="_blank" class="mega-menu-link" href="https://support.subscriptionflow.com/hc/en-us/categories/900001259563-Getting-Started"><span class="mega-description-group"><span class="mega-menu-title">Getting Started</span><span class="mega-menu-description">Get the best insight into SubscriptionFlow from our resources</span></span></a></li><li class="mega-custom-mega-menu mega-tapis mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-has-description mega-menu-item-8084 custom-mega-menu tapis" id="mega-menu-item-8084"><a target="_blank" class="mega-menu-link" href="https://subscriptionflow.com/api/documentation/"><span class="mega-description-group"><span class="mega-menu-title">APIs</span><span class="mega-menu-description">To provide developers resources for a seamless experience</span></span></a></li><li class="mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-44718" id="mega-menu-item-44718"><a class="mega-menu-link" href="https://www.subscriptionflow.com/api/webhook/">Webhook</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-42760" id="mega-menu-item-42760"><a class="mega-menu-link" href="https://www.subscriptionflow.com/mcp/">MCP Server</a></li><li class="mega-custom-mega-menu mega-rwebinar mega-top-space mega-d-none mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-has-description mega-menu-item-10667 custom-mega-menu rwebinar top-space d-none" id="mega-menu-item-10667"><a class="mega-menu-link" href="#"><span class="mega-description-group"><span class="mega-menu-title">Webinars</span><span class="mega-menu-description">Join webinars to walk-through products and find growth prospects</span></span></a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-43700" id="mega-menu-item-43700"><a class="mega-menu-link" href="https://www.subscriptionflow.com/find-your-payment-gateway-in-region/">Find your Payment Gateway in Region</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-36396" id="mega-menu-item-36396"><a class="mega-menu-link" href="https://www.subscriptionflow.com/stripe-fee-calculator/">Stripe Fee Calculator</a></li>		</ul>
</li><li class="mega-menu-column mega-no-title-bg mega-post-area mega-title-border-fixed mega-menu-columns-5-of-12 no-title-bg post-area title-border-fixed" style="--columns:12; --span:5" id="mega-menu-1571-0-1">
		<ul class="mega-sub-menu">
<li class="mega-menu-item mega-menu-item-type-widget widget_custom_html mega-menu-item-custom_html-19" id="mega-menu-item-custom_html-19"><h4 class="mega-block-title">Recent Post</h4><div class="textwidget custom-html-widget"></div></li><li class="mega-menu-item mega-menu-item-type-widget widget_text mega-menu-item-text-4" id="mega-menu-item-text-4">			<div class="textwidget"><div class="blog-contain recent-post"><div class="img-box"><a href="https://www.subscriptionflow.com/2026/06/traditional-vs-parametric-insurance-billing/"><img fetchpriority="high" fetchpriority="high" decoding="async" width="1200" height="800" src="https://www.subscriptionflow.com/wp-content/uploads/2026/06/blog-post693.jpg.webp" class="aligncenter wp-post-image" alt="Traditional Insurance Billing vs Parametric Insurance Billing: What&#039;s Different?" srcset="https://www.subscriptionflow.com/wp-content/uploads/2026/06/blog-post693.jpg.webp 1200w,https://www.subscriptionflow.com/wp-content/uploads/2026/06/blog-post693-300x200.jpg.webp 300w,https://www.subscriptionflow.com/wp-content/uploads/2026/06/blog-post693-1024x683.jpg.webp 1024w,https://www.subscriptionflow.com/wp-content/uploads/2026/06/blog-post693-768x512.jpg.webp 768w" sizes="(max-width: 1200px) 100vw, 1200px" /> </a></div> <div class="title-box n"><h3><a href="https://www.subscriptionflow.com/2026/06/traditional-vs-parametric-insurance-billing/">Traditional vs Parametric Insurance Billing: Core Differences</a></h3> </div> <div class="content-box">The fundamental divide between understanding traditional and parametric insurance comes down to a single question: Are you being paid for what you lost, or for an event that happened? The difference appears small, but it transforms nearly everything about how a policy is billed, priced, and paid out. For corporate risk officers, commercial insurance brokers,&hellip; </div></div>
</div>
		</li><li class="mega-menu-item mega-menu-item-type-widget widget_custom_html mega-menu-item-custom_html-21" id="mega-menu-item-custom_html-21"><div class="textwidget custom-html-widget"><a href="/blog" class="bottom-read-more2">View More...</a></div></li>		</ul>
</li><li class="mega-menu-column mega-menu-columns-4-of-12" style="--columns:12; --span:4" id="mega-menu-1571-0-2">
		<ul class="mega-sub-menu">
<li class="mega-menu-item mega-menu-item-type-widget widget_custom_html mega-menu-item-custom_html-27" id="mega-menu-item-custom_html-27"><h4 class="mega-block-title">Partner Program</h4><div class="textwidget custom-html-widget"></div></li><li class="mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-43684" id="mega-menu-item-43684"><a class="mega-menu-link" href="https://www.subscriptionflow.com/partner-program/#affiliate-partner">Affiliate Partner</a></li><li class="mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-43685" id="mega-menu-item-43685"><a class="mega-menu-link" href="https://www.subscriptionflow.com/partner-program/#solution-partner">Solution Partner</a></li><li class="mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-43686" id="mega-menu-item-43686"><a class="mega-menu-link" href="https://www.subscriptionflow.com/partner-program/#technology-partner">Technology Partner</a></li>		</ul>
</li>	</ul>
</li><li class="mega-menu-row" id="mega-menu-1571-1">
	<ul class="mega-sub-menu" style='--columns:12' role='presentation'>
<li class="mega-menu-column mega-menu-columns-3-of-12" style="--columns:12; --span:3" id="mega-menu-1571-1-0"></li>	</ul>
</li></ul>
</li><li class="mega-slider-toggle mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-3529 slider-toggle" id="mega-menu-item-3529"><a class="mega-menu-link" href="https://www.subscriptionflow.com/pricing/">Pricing</a></li><li class="mega-right-menu-item mega-proceed-link mega-demo-schedule mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-has-icon mega-icon-right mega-menu-item-12720 right-menu-item proceed-link demo-schedule" id="mega-menu-item-12720"><a class="dashicons-arrow-right-alt mega-menu-link" href="#">Schedule a Demo</a></li><li class="mega-right-menu-item mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-34701 right-menu-item" id="mega-menu-item-34701"><a target="_blank" class="mega-menu-link" href="https://subscriptionflow.com/contact/">Contact Us</a></li><li class="mega-right-menu-item mega-not-active mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-has-icon mega-icon-right mega-menu-item-12136 right-menu-item not-active" id="mega-menu-item-12136"><a class="dashicons-arrow-right-alt mega-menu-link" href="/login/">Login</a></li><li class="mega-right-menu-item mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-has-icon mega-icon-right mega-menu-item-12137 right-menu-item" id="mega-menu-item-12137"><a target="_blank" class="dashicons-arrow-right-alt mega-menu-link" href="https://support.subscriptionflow.com/hc/en-us">Support</a></li><li class="mega-right-menu-item mega-search-cbtn mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-20655 right-menu-item search-cbtn" id="mega-menu-item-20655"><a title="Search" class="mega-menu-link" href="#"><i class="fas fa-search"></i></a></li></ul><button aria-controls="mega-menu-menu-1" aria-label="Close" class='mega-close'></button></div>			</nav>
			<!--<div class="site-navigation-toggle-holder show">
				<div class="site-navigation-toggle">
					<i class="eicon-menu-bar"></i>
					<span class="elementor-screen-only">Menu</span>
				</div>
			</div>-->
			<!--<nav class="site-navigation-dropdown show" role="navigation">
							</nav>-->
				
	</div>
</header>

<main  class="site-main post-7 page type-page status-publish has-post-thumbnail hentry" role="main">
			<!-- <header class="page-header">
					</header> -->
		<div  class="page-content">
				<div  data-elementor-type="wp-page" data-elementor-id="7" class="elementor elementor-7">
						<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-73bbf4a elementor-section-full_width elementor-section-stretched elementor-section-height-min-height elementor-section-height-default elementor-section-items-middle" data-id="73bbf4a" data-element_type="section" data-settings="{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}">
							<div class="elementor-background-overlay"></div>
							<div class="elementor-container elementor-column-gap-no">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3cbbd3a" data-id="3cbbd3a" data-element_type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-widget-wrap elementor-element-populated">
						<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-inner-section elementor-element elementor-element-1de962a main-banner-area elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="1de962a" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-no">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-a755a70" data-id="a755a70" data-element_type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-fb6c5d8 elementor-widget elementor-widget-text-editor" data-id="fb6c5d8" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<div style="display:flex;align-items:center;gap:12px;">
    <span style="display:inline-block;width:40px;height:2px;background:#f47b20;"></span>
    <span style="color:#000000;font-size:12px;font-weight:900;letter-spacing:5px;text-transform:uppercase;font-family:'Poppins',sans-serif;line-height:1;">
        Modern Billing
    </span>
</div>						</div>
				</div>
				<div class="elementor-element elementor-element-7b50dcb elementor-widget elementor-widget-spacer" data-id="7b50dcb" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-144fb13 elementor-headline--style-rotate elementor-widget elementor-widget-animated-headline" data-id="144fb13" data-element_type="widget" data-settings="{&quot;headline_style&quot;:&quot;rotate&quot;,&quot;animation_type&quot;:&quot;blinds&quot;,&quot;rotating_text&quot;:&quot;Recurring\nUsage\nTiered\nHybrid&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;rotate_iteration_delay&quot;:2500}" data-widget_type="animated-headline.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-headline elementor-headline-animation-type-blinds elementor-headline-letters">
					<span class="elementor-headline-plain-text elementor-headline-text-wrapper">Agentic</span>
				<span class="elementor-headline-dynamic-wrapper elementor-headline-text-wrapper">
					<span class="elementor-headline-dynamic-text elementor-headline-text-active">
				Recurring			</span>
					<span class="elementor-headline-dynamic-text">
				Usage			</span>
					<span class="elementor-headline-dynamic-text">
				Tiered			</span>
					<span class="elementor-headline-dynamic-text">
				Hybrid			</span>
						</span>
					<span class="elementor-headline-plain-text elementor-headline-text-wrapper">Billing Platform</span>
					</h3>
				</div>
				</div>
				<div class="elementor-element elementor-element-65865dd elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor" data-id="65865dd" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<p>Automate subscriptions, meter usage in real time, and orchestrate flexible billing workflows with AI-powered infrastructure.</p>						</div>
				</div>
				<div class="elementor-element elementor-element-f3b6d29 elementor-widget elementor-widget-spacer" data-id="f3b6d29" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-cf8c422 sflow-el-btn tb-btn demo-schedule elementor-widget elementor-widget-button" data-id="cf8c422" data-element_type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
					<div class="elementor-button-wrapper">
			<a class="elementor-button elementor-button-link elementor-size-sm elementor-animation-float" href="#">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-icon">
				<i aria-hidden="true" class="fas fa-angle-right"></i>			</span>
									<span class="elementor-button-text">Schedule a demo</span>
					</span>
					</a>
		</div>
				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-db2a07f banner-image-ara elementor-swipslider" data-id="db2a07f" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-0183cc6 elementor-widget elementor-widget-html" data-id="0183cc6" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<style>
.ubb-wrap{
  box-sizing:border-box;
  width:100%;
  max-width:650px;
  margin:0 auto;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  /* colors / theme variables (ab :root ki jagah yahan, taake scope sirf widget tak rahe) */
  --brand:#fd7d07;
  --brand-2:#ff9a3d;
  --brand-dark:#c25f00;
  --brand-deep:#7d3d00;
  --tint:#fff4e8;
  --tint2:#ffe6cf;
  --ink:#1b1a18;
  --ink-soft:#736f69;
  --line:#eeebe7;
  --bg:#ffffff;
  --panel:#fbfaf8;
}
/* reset SIRF widget ke andar (poore page par asar nahi karega) */
.ubb-wrap *{box-sizing:border-box;margin:0;padding:0;}

.ubb-wrap .ubb-stage{
  position:relative;
  width:100%;
  aspect-ratio:650/500;
  background:
    radial-gradient(120% 80% at 12% 0%, #fff8f0 0%, rgba(255,248,240,0) 55%),
    radial-gradient(120% 90% at 100% 100%, #fff3e6 0%, rgba(255,243,230,0) 50%),
    var(--bg);
  border:1px solid var(--line);
  border-radius:20px;
  overflow:hidden;
  container-type:inline-size;
  box-shadow:0 2cqw 6cqw rgba(125,61,0,.05);
}

.ubb-wrap .ubb-glow{
  position:absolute;width:55%;height:55%;border-radius:50%;
  background:radial-gradient(circle, rgba(253,125,7,.16), rgba(253,125,7,0) 70%);
  filter:blur(6cqw);
  top:-12%;left:-8%;
  animation:ubbDrift 16s ease-in-out infinite;
  pointer-events:none;
}
@keyframes ubbDrift{
  0%,100%{transform:translate(0,0) scale(1);}
  33%{transform:translate(60%,30%) scale(1.15);}
  66%{transform:translate(30%,80%) scale(.95);}
}

.ubb-wrap .ubb-inner{position:absolute;inset:0;display:flex;flex-direction:column;padding:5cqw 5.6cqw;}

.ubb-wrap .ubb-top{flex:0 0 auto;}
.ubb-wrap .ubb-eyebrow{display:flex;align-items:center;justify-content:space-between;}
.ubb-wrap .ubb-brand{display:flex;align-items:center;gap:2cqw;font-size:2.4cqw;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--brand-dark);}
.ubb-wrap .ubb-dot{width:1.9cqw;height:1.9cqw;border-radius:50%;background:var(--brand);box-shadow:0 0 0 0 rgba(253,125,7,.5);animation:ubbPulse 1.7s infinite;}
@keyframes ubbPulse{0%{box-shadow:0 0 0 0 rgba(253,125,7,.45);}70%{box-shadow:0 0 0 2.2cqw rgba(253,125,7,0);}100%{box-shadow:0 0 0 0 rgba(253,125,7,0);}}
.ubb-wrap .ubb-step{font-size:2.4cqw;font-weight:800;color:var(--ink);letter-spacing:.05em;}
.ubb-wrap .ubb-step b{color:var(--brand);}
.ubb-wrap .ubb-step span{color:var(--tint2);}

.ubb-wrap .ubb-bars{display:flex;gap:1.2cqw;margin-top:3cqw;}
.ubb-wrap .ubb-bar{flex:1;height:.9cqw;border-radius:2cqw;background:var(--tint2);overflow:hidden;}
.ubb-wrap .ubb-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--brand),var(--brand-2));border-radius:2cqw;}

.ubb-wrap .ubb-feature{position:relative;flex:1 1 auto;margin-top:4cqw;}
.ubb-wrap .slide{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(2.4cqw);pointer-events:none;}
.ubb-wrap .slide.show{opacity:1;transform:translateY(0);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1);pointer-events:auto;}

.ubb-wrap .slide-label{display:flex;align-items:center;gap:2.6cqw;margin-bottom:3.4cqw;}
.ubb-wrap .slide-num{flex:0 0 auto;width:7.6cqw;height:7.6cqw;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;font-size:3cqw;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 1.4cqw 3cqw rgba(253,125,7,.32);}
.ubb-wrap .slide-name{font-size:4cqw;font-weight:800;color:var(--ink);letter-spacing:-.01em;line-height:1.1;}
.ubb-wrap .slide-sub{font-size:2.55cqw;color:var(--ink-soft);font-weight:500;margin-top:.5cqw;}

.ubb-wrap .card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:4cqw;}

.ubb-wrap .meter-row{display:flex;align-items:center;justify-content:space-between;gap:3cqw;}
.ubb-wrap .meter-count em{font-style:normal;font-size:9.5cqw;font-weight:800;color:var(--ink);line-height:1;letter-spacing:-.02em;}
.ubb-wrap .meter-count small{display:block;font-size:2.5cqw;color:var(--ink-soft);font-weight:600;margin-top:1.2cqw;}
.ubb-wrap .meter-stream{display:flex;flex-direction:column;gap:1.6cqw;align-items:flex-end;}
.ubb-wrap .ev-row{display:flex;gap:1.6cqw;}
.ubb-wrap .ev{width:3.6cqw;height:3.6cqw;border-radius:1.3cqw;background:var(--brand);opacity:0;transform:scale(0);}
.ubb-wrap .show .ev{animation:ubbPop .5s forwards;}
.ubb-wrap .show .ev:nth-child(1){animation-delay:.25s}.ubb-wrap .show .ev:nth-child(2){animation-delay:.37s}
.ubb-wrap .show .ev:nth-child(3){animation-delay:.49s}.ubb-wrap .show .ev:nth-child(4){animation-delay:.61s}
.ubb-wrap .ev-row:nth-child(2) .ev:nth-child(1){animation-delay:.55s}.ubb-wrap .ev-row:nth-child(2) .ev:nth-child(2){animation-delay:.67s}
.ubb-wrap .ev-row:nth-child(2) .ev:nth-child(3){animation-delay:.79s}.ubb-wrap .ev-row:nth-child(2) .ev:nth-child(4){animation-delay:.91s}
@keyframes ubbPop{to{opacity:1;transform:scale(1);}}
.ubb-wrap .tags{display:flex;gap:1.6cqw;margin-top:3.6cqw;flex-wrap:wrap;}
.ubb-wrap .tag{font-size:2.35cqw;font-weight:700;color:var(--brand-dark);background:var(--tint);border:1px solid var(--tint2);padding:1.1cqw 2.6cqw;border-radius:20px;}

.ubb-wrap .dash{display:flex;gap:2.8cqw;align-items:flex-end;height:24cqw;}
.ubb-wrap .dbar{flex:1;height:100%;background:var(--tint);border:1px solid var(--tint2);border-radius:2cqw;display:flex;align-items:flex-end;overflow:hidden;}
.ubb-wrap .dbar i{width:100%;background:linear-gradient(180deg,var(--brand-2),var(--brand));border-radius:2cqw 2cqw 0 0;height:0;}
.ubb-wrap .show .dbar:nth-child(1) i{animation:ubbGrow .9s .25s forwards;}.ubb-wrap .show .dbar:nth-child(2) i{animation:ubbGrow .9s .37s forwards;}
.ubb-wrap .show .dbar:nth-child(3) i{animation:ubbGrow .9s .49s forwards;}.ubb-wrap .show .dbar:nth-child(4) i{animation:ubbGrow .9s .61s forwards;}
.ubb-wrap .show .dbar:nth-child(5) i{animation:ubbGrow .9s .73s forwards;}
@keyframes ubbGrow{to{height:var(--h);}}
.ubb-wrap .spend{display:flex;justify-content:space-between;align-items:flex-end;margin-top:3.6cqw;}
.ubb-wrap .spend-l{font-size:2.5cqw;color:var(--ink-soft);font-weight:600;}
.ubb-wrap .spend-v{font-size:5.4cqw;font-weight:800;color:var(--ink);line-height:1.1;margin-top:.4cqw;}
.ubb-wrap .live{font-size:2.3cqw;font-weight:700;color:#16894a;display:flex;align-items:center;gap:1.4cqw;}
.ubb-wrap .live::before{content:"";width:2cqw;height:2cqw;border-radius:50%;background:#1fb866;animation:ubbBlink 1.4s infinite;}
@keyframes ubbBlink{0%,100%{opacity:1}50%{opacity:.3}}

.ubb-wrap .plans{display:flex;gap:2.6cqw;}
.ubb-wrap .plan{flex:1;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:3.4cqw 2.4cqw;text-align:center;opacity:0;transform:translateY(2cqw);}
.ubb-wrap .show .plan:nth-child(1){animation:ubbRise .55s .25s forwards;}.ubb-wrap .show .plan:nth-child(2){animation:ubbRise .55s .4s forwards;}
.ubb-wrap .show .plan:nth-child(3){animation:ubbRise .55s .55s forwards;}
@keyframes ubbRise{to{opacity:1;transform:translateY(0);}}
.ubb-wrap .plan.hot{border-color:var(--brand);background:linear-gradient(180deg,var(--tint),#fff);box-shadow:0 3cqw 7cqw rgba(253,125,7,.16);transform:translateY(2cqw) scale(1.04);}
.ubb-wrap .show .plan.hot{animation:ubbRiseHot .55s .4s forwards;}
@keyframes ubbRiseHot{to{opacity:1;transform:translateY(0) scale(1.05);}}
.ubb-wrap .plan-n{font-size:2.45cqw;font-weight:700;color:var(--ink-soft);}
.ubb-wrap .plan.hot .plan-n{color:var(--brand-dark);}
.ubb-wrap .plan-p{font-size:5cqw;font-weight:800;color:var(--ink);margin-top:1.2cqw;line-height:1;}
.ubb-wrap .plan.hot .plan-p{color:var(--brand);}
.ubb-wrap .plan-u{font-size:2.1cqw;color:var(--ink-soft);font-weight:600;margin-top:.8cqw;}

.ubb-wrap .gauge-wrap{display:flex;align-items:center;gap:4.5cqw;}
.ubb-wrap .gauge{position:relative;width:30cqw;height:30cqw;flex:0 0 auto;}
.ubb-wrap .gauge svg{transform:rotate(-90deg);width:100%;height:100%;}
.ubb-wrap .gauge-c{stroke:var(--tint2);}
.ubb-wrap .gauge-f{stroke:url(#gg);stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:283;}
.ubb-wrap .show .gauge-f{animation:ubbFill 1.2s .3s forwards cubic-bezier(.3,.8,.3,1);}
@keyframes ubbFill{to{stroke-dashoffset:99;}}
.ubb-wrap .gauge-txt{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.ubb-wrap .gauge-pct{font-size:6cqw;font-weight:800;color:var(--ink);line-height:1;}
.ubb-wrap .gauge-sub{font-size:2cqw;color:var(--ink-soft);font-weight:600;margin-top:.6cqw;}
.ubb-wrap .alert{flex:1;display:flex;flex-direction:column;gap:2.2cqw;}
.ubb-wrap .alert-item{display:flex;align-items:center;gap:2.4cqw;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:2.6cqw 2.8cqw;opacity:0;transform:translateX(2.6cqw);}
.ubb-wrap .show .alert-item:nth-child(1){animation:ubbSlideIn .5s .55s forwards;}.ubb-wrap .show .alert-item:nth-child(2){animation:ubbSlideIn .5s .75s forwards;}
@keyframes ubbSlideIn{to{opacity:1;transform:translateX(0);}}
.ubb-wrap .alert-ic{width:6.4cqw;height:6.4cqw;border-radius:50%;background:var(--tint);display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.ubb-wrap .alert-ic svg{width:3.4cqw;height:3.4cqw;}
.ubb-wrap .alert-tx{font-size:2.55cqw;font-weight:700;color:var(--ink);line-height:1.15;}
.ubb-wrap .alert-tx span{display:block;font-size:2.1cqw;color:var(--ink-soft);font-weight:500;margin-top:.4cqw;}

.ubb-wrap .inv{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:3.6cqw 4cqw;box-shadow:0 2.4cqw 7cqw rgba(0,0,0,.05);}
.ubb-wrap .inv-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:2.6cqw;margin-bottom:1cqw;}
.ubb-wrap .inv-ttl{font-size:3.2cqw;font-weight:800;color:var(--ink);}
.ubb-wrap .inv-badge{font-size:2cqw;font-weight:700;color:var(--brand-dark);background:var(--tint);padding:1cqw 2.6cqw;border-radius:14px;border:1px solid var(--tint2);}
.ubb-wrap .inv-line{display:flex;justify-content:space-between;align-items:center;font-size:2.55cqw;color:var(--ink-soft);font-weight:500;padding:1.7cqw 0;opacity:0;transform:translateY(1.2cqw);}
.ubb-wrap .show .inv-body .inv-line:nth-child(1){animation:ubbRise .45s .4s forwards;}.ubb-wrap .show .inv-body .inv-line:nth-child(2){animation:ubbRise .45s .55s forwards;}
.ubb-wrap .show .inv-body .inv-line:nth-child(3){animation:ubbRise .45s .7s forwards;}
.ubb-wrap .inv-line b{color:var(--ink);font-weight:700;}
.ubb-wrap .inv-total{display:flex;justify-content:space-between;align-items:center;border-top:2px solid var(--line);margin-top:1cqw;padding-top:2.6cqw;opacity:0;}
.ubb-wrap .show .inv-total{animation:ubbRise .5s .9s forwards;}
.ubb-wrap .inv-total .l{font-size:2.9cqw;font-weight:700;color:var(--ink);}
.ubb-wrap .inv-total .v{font-size:4.4cqw;font-weight:800;color:var(--brand);}

.ubb-wrap .trend{height:22cqw;position:relative;margin-bottom:3.2cqw;}
.ubb-wrap .trend svg{width:100%;height:100%;overflow:visible;}
.ubb-wrap .trend-line{fill:none;stroke:var(--brand);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:400;stroke-dashoffset:400;}
.ubb-wrap .show .trend-line{animation:ubbDraw 1.4s .3s forwards ease;}
@keyframes ubbDraw{to{stroke-dashoffset:0;}}
.ubb-wrap .trend-area{fill:url(#g1);opacity:0;}
.ubb-wrap .show .trend-area{animation:ubbFadeIn .8s 1s forwards;}
@keyframes ubbFadeIn{to{opacity:1;}}
.ubb-wrap .export-row{display:flex;gap:2.4cqw;}
.ubb-wrap .chip{flex:1;display:flex;align-items:center;justify-content:center;gap:1.8cqw;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:2.8cqw;font-size:2.5cqw;font-weight:700;color:var(--ink);opacity:0;transform:translateY(2cqw);}
.ubb-wrap .show .chip:nth-child(1){animation:ubbRise .5s .9s forwards;}.ubb-wrap .show .chip:nth-child(2){animation:ubbRise .5s 1.05s forwards;}
.ubb-wrap .show .chip:nth-child(3){animation:ubbRise .5s 1.2s forwards;}
.ubb-wrap .chip svg{width:3.2cqw;height:3.2cqw;}

@media (prefers-reduced-motion: reduce){
  .ubb-wrap *{animation-duration:.001s !important;}
  .ubb-wrap .ubb-dot,.ubb-wrap .live::before,.ubb-wrap .ubb-glow{animation:none;}
}
</style>

<div class="ubb-wrap">
  <div class="ubb-stage">
    <div class="ubb-glow"></div>
    <div class="ubb-inner">

      <div class="ubb-top">
        <div class="ubb-eyebrow">
          <div class="ubb-brand"><span class="ubb-dot"></span> Usage-Based Billing</div>
          <div class="ubb-step"><b id="stepNum">01</b> <span>/</span> 06</div>
        </div>
        <div class="ubb-bars">
          <div class="ubb-bar"><i></i></div><div class="ubb-bar"><i></i></div><div class="ubb-bar"><i></i></div>
          <div class="ubb-bar"><i></i></div><div class="ubb-bar"><i></i></div><div class="ubb-bar"><i></i></div>
        </div>
      </div>

      <div class="ubb-feature">

        <div class="slide" data-s="0">
          <div class="slide-label">
            <div class="slide-num">1</div>
            <div><div class="slide-name">Usage Metering</div><div class="slide-sub">Track every event as it happens</div></div>
          </div>
          <div class="card">
            <div class="meter-row">
              <div class="meter-count"><em id="meterNum">0</em><small>Events metered today</small></div>
              <div class="meter-stream">
                <div class="ev-row"><div class="ev"></div><div class="ev"></div><div class="ev"></div><div class="ev"></div></div>
                <div class="ev-row"><div class="ev"></div><div class="ev"></div><div class="ev"></div><div class="ev"></div></div>
              </div>
            </div>
            <div class="tags"><span class="tag">API calls</span><span class="tag">Tokens</span><span class="tag">Compute hours</span><span class="tag">Data processed</span></div>
          </div>
        </div>

        <div class="slide" data-s="1">
          <div class="slide-label">
            <div class="slide-num">2</div>
            <div><div class="slide-name">Real-Time Usage &amp; Spend</div><div class="slide-sub">Live visibility for every customer</div></div>
          </div>
          <div class="card">
            <div class="dash">
              <div class="dbar"><i style="--h:52%"></i></div><div class="dbar"><i style="--h:74%"></i></div>
              <div class="dbar"><i style="--h:46%"></i></div><div class="dbar"><i style="--h:90%"></i></div>
              <div class="dbar"><i style="--h:64%"></i></div>
            </div>
            <div class="spend">
              <div><div class="spend-l">Current spend</div><div class="spend-v" id="spendNum">$2,480</div></div>
              <div class="live">Live</div>
            </div>
          </div>
        </div>

        <div class="slide" data-s="2">
          <div class="slide-label">
            <div class="slide-num">3</div>
            <div><div class="slide-name">Flexible Pricing Models</div><div class="slide-sub">Pay-as-you-go, tiered, prepaid &amp; hybrid</div></div>
          </div>
          <div class="plans">
            <div class="plan"><div class="plan-n">Pay as you go</div><div class="plan-p">$0.02</div><div class="plan-u">per unit</div></div>
            <div class="plan hot"><div class="plan-n">Tiered</div><div class="plan-p">$0.015</div><div class="plan-u">at scale</div></div>
            <div class="plan"><div class="plan-n">Prepaid</div><div class="plan-p">$500</div><div class="plan-u">credit bundle</div></div>
          </div>
        </div>

        <div class="slide" data-s="3">
          <div class="slide-label">
            <div class="slide-num">4</div>
            <div><div class="slide-name">Spend Controls</div><div class="slide-sub">Alerts &amp; limits to prevent surprises</div></div>
          </div>
          <div class="card">
            <div class="gauge-wrap">
              <div class="gauge">
                <svg viewBox="0 0 100 100">
                  <defs><linearGradient id="gg" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#ff9a3d"/><stop offset="1" stop-color="#fd7d07"/></linearGradient></defs>
                  <circle class="gauge-c" cx="50" cy="50" r="45" fill="none" stroke-width="9"/>
                  <circle class="gauge-f" cx="50" cy="50" r="45" fill="none" stroke-width="9"/>
                </svg>
                <div class="gauge-txt"><div class="gauge-pct">65%</div><div class="gauge-sub">of limit</div></div>
              </div>
              <div class="alert">
                <div class="alert-item">
                  <div class="alert-ic"><svg viewBox="0 0 24 24" fill="none" stroke="#fd7d07" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M12 9v4M12 17h.01M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z"/></svg></div>
                  <div class="alert-tx">Spend alert at 80%<span>Notifies the customer automatically</span></div>
                </div>
                <div class="alert-item">
                  <div class="alert-ic"><svg viewBox="0 0 24 24" fill="none" stroke="#fd7d07" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg></div>
                  <div class="alert-tx">Hard limit enforced<span>Caps usage when reached</span></div>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="slide" data-s="4">
          <div class="slide-label">
            <div class="slide-num">5</div>
            <div><div class="slide-name">Automated Invoicing</div><div class="slide-sub">Usage turns into invoices, instantly</div></div>
          </div>
          <div class="inv">
            <div class="inv-top"><div class="inv-ttl">Invoice</div><div class="inv-badge">Auto-generated</div></div>
            <div class="inv-body">
            <div class="inv-line"><span>API calls — 142,000</span><b>$1,420</b></div>
            <div class="inv-line"><span>Compute hours — 320</span><b>$640</b></div>
            <div class="inv-line"><span>Data processed — 1.2 TB</span><b>$420</b></div>
            </div>
            <div class="inv-total"><span class="l">Total due</span><span class="v">$2,480</span></div>
          </div>
        </div>

        <div class="slide" data-s="5">
          <div class="slide-label">
            <div class="slide-num">6</div>
            <div><div class="slide-name">Billing Data &amp; Export</div><div class="slide-sub">Monitor, analyze &amp; export anywhere</div></div>
          </div>
          <div class="card">
            <div class="trend">
              <svg viewBox="0 0 100 40" preserveAspectRatio="none">
                <defs><linearGradient id="g1" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#fd7d07" stop-opacity="0.26"/><stop offset="1" stop-color="#fd7d07" stop-opacity="0"/></linearGradient></defs>
                <path class="trend-area" d="M0,34 L11,30 L22,32 L33,22 L44,26 L55,16 L66,19 L77,9 L88,13 L100,4 L100,40 L0,40 Z"/>
                <path class="trend-line" d="M0,34 L11,30 L22,32 L33,22 L44,26 L55,16 L66,19 L77,9 L88,13 L100,4"/>
              </svg>
            </div>
            <div class="export-row">
              <div class="chip"><svg viewBox="0 0 24 24" fill="none" stroke="#1b1a18" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><path d="M7 10l5 5 5-5M12 15V3"/></svg>CSV</div>
              <div class="chip"><svg viewBox="0 0 24 24" fill="none" stroke="#1b1a18" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><path d="M7 10l5 5 5-5M12 15V3"/></svg>API</div>
              <div class="chip"><svg viewBox="0 0 24 24" fill="none" stroke="#1b1a18" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 3v18h18"/><path d="M7 14l4-4 3 3 5-6"/></svg>Reports</div>
            </div>
          </div>
        </div>

      </div>
    </div>
  </div>
</div>

<script type="text/rocketlazyloadscript">
(function(){
  var root=document.currentScript.closest('body').querySelector('.ubb-wrap') || document.querySelector('.ubb-wrap');
  if(!root) return;
  var STEP=2500, COUNT=6, TOTAL=STEP*COUNT;
  var slides=root.querySelectorAll('.slide');
  var bars=root.querySelectorAll('.ubb-bar i');
  var meterNum=root.querySelector('#meterNum');
  var spendNum=root.querySelector('#spendNum');
  var stepNum=root.querySelector('#stepNum');
  var idx=-1;

  function tick(el,target,prefix,dur){
    var start=null;prefix=prefix||'';
    function frame(ts){
      if(!start)start=ts;
      var p=Math.min((ts-start)/dur,1);
      var val=Math.floor((1-Math.pow(1-p,3))*target);
      el.textContent=prefix+val.toLocaleString();
      if(p<1)requestAnimationFrame(frame);
    }
    requestAnimationFrame(frame);
  }

  function go(i){
    if(i===idx)return;
    idx=i;
    stepNum.textContent='0'+(i+1);
    slides.forEach(function(s,k){s.classList.toggle('show',k===i);});
    bars.forEach(function(b,k){
      if(k<i){b.style.transition='none';b.style.width='100%';}
      else if(k===i){b.style.transition='none';b.style.width='0';void b.offsetWidth;b.style.transition='width '+STEP+'ms linear';b.style.width='100%';}
      else{b.style.transition='none';b.style.width='0';}
    });
    if(i===0)tick(meterNum,8420,'',1600);
    if(i===1)tick(spendNum,2480,'$',1400);
  }

  function loop(){var t=Date.now()%TOTAL;go(Math.floor(t/STEP));}
  go(0);
  setInterval(loop,120);
})();
</script>		</div>
				</div>
					</div>
		</div>
					</div>
		</section>
					</div>
		</div>
					</div>
		</section>
				<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-37d1b84 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="37d1b84" data-element_type="section">
						<div  class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9516167" data-id="9516167" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-9dcb8a7 elementor-widget elementor-widget-shortcode" data-id="9dcb8a7" data-element_type="widget" data-widget_type="shortcode.default">
				<div class="elementor-widget-container">
					<div class="elementor-shortcode">		<div data-elementor-type="section" data-elementor-id="12772" class="elementor elementor-12772">
					<div  class="elementor-section-wrap">
								<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-ebcef4f elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="ebcef4f" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2872de3b" data-id="2872de3b" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-3efa48b4 elementor-widget elementor-widget-html" data-id="3efa48b4" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<!-- ===== LOGO SLIDER (real colors → black on hover, slow auto-scroll, manual left/right + drag) ===== -->

<style>
  .logo-slider {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;                 /* buttons hidden, so no side space needed */
    box-sizing: border-box;
  }

  /* The scrollable viewport */
  .logo-slider .marquee {
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;       /* Firefox */
    -ms-overflow-style: none;    /* IE/Edge */
    cursor: grab;
    -webkit-overflow-scrolling: touch;
    user-select: none;
  }
  .logo-slider .marquee::-webkit-scrollbar { display: none; }  /* Chrome/Safari */
  .logo-slider .marquee.dragging { cursor: grabbing; }

  /* The track holding all logos */
  .logo-slider .marquee-content {
    display: flex;
    align-items: center;
    gap: 56px;
    list-style: none;
    margin: 0;
    padding: 18px 0;
    width: max-content;          /* lets the row be as wide as it needs */
  }

  .logo-slider .marquee-content li { flex: 0 0 auto; }

  .logo-slider .marquee-content a {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    -webkit-user-drag: none;
    user-select: none;
  }

  /* Real colors by default */
  .logo-slider .marquee-content img {
    width: 140px;
    height: 50px;
    max-width: 100%;
    object-fit: contain;
    filter: none;
    opacity: 1;
    transition: filter .35s ease, opacity .35s ease, transform .35s ease;
    -webkit-user-drag: none;
    user-select: none;
    pointer-events: auto;
  }

  /* Turn that logo grayscale on hover */
  .logo-slider .marquee-content a:hover img {
    filter: grayscale(100%);
    transform: scale(1.05);
  }

  /* Navigation arrows (hidden) */
  .logo-slider .nav { display: none; }

  @media (max-width: 600px) {
    .logo-slider { padding: 0; }
    .logo-slider .marquee-content { gap: 36px; }
  }
</style>
<h3><center>Trusted by Tech Leaders at:</center></h3>

<div class="logo-slider">
  <button class="nav prev" type="button" aria-label="Previous logos">&#8249;</button>

  <div class="marquee" id="logoMarquee">
    <ul class="marquee-content" id="logoTrack">

      <li><a href="#" rel="nofollow" aria-label="KGLlogo"><img width="490" height="84" src="https://www.subscriptionflow.com/wp-content/uploads/2026/05/KGLlogo.svg" alt="KGLlogo"  decoding="async"></a></li>
      <li><a href="#" rel="nofollow" aria-label="blink payment"><img width="965" height="508" src="https://www.subscriptionflow.com/wp-content/uploads/2026/05/blink-payment-logo.svg" alt="blink payment"  decoding="async"></a></li>
      <li><a href="#" rel="nofollow" aria-label="openservelogo"><img width="1200" height="632" src="https://www.subscriptionflow.com/wp-content/uploads/2026/05/openservelogo.svg" alt="openservelogo"  decoding="async"></a></li>
      <li><a href="#" rel="nofollow" aria-label="gymlaunch"><img width="1766" height="371" src="https://www.subscriptionflow.com/wp-content/uploads/2026/05/gymlaunch-logo.svg" alt="gymlaunch"  decoding="async"></a></li>
      <li><a href="#" rel="nofollow" aria-label="transpersonal"><img width="1781" height="372" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201781%20372'%3E%3C/svg%3E" alt="transpersonal" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2026/05/transpersonal-logo.svg"><noscript><img width="1781" height="372" src="https://www.subscriptionflow.com/wp-content/uploads/2026/05/transpersonal-logo.svg" alt="transpersonal" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="#" rel="nofollow" aria-label="voiceprompts"><img width="1229" height="441" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201229%20441'%3E%3C/svg%3E" alt="voiceprompts" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2026/05/voiceprompts.svg"><noscript><img width="1229" height="441" src="https://www.subscriptionflow.com/wp-content/uploads/2026/05/voiceprompts.svg" alt="voiceprompts" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="#" rel="nofollow" aria-label="cmj"><img width="537" height="90" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20537%2090'%3E%3C/svg%3E" alt="cmj" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2026/06/cmj-site-logo-white.svg"><noscript><img width="537" height="90" src="https://www.subscriptionflow.com/wp-content/uploads/2026/06/cmj-site-logo-white.svg" alt="cmj" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="#" rel="nofollow" aria-label="lonesurvivalist"><img width="1019" height="1018" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201019%201018'%3E%3C/svg%3E" alt="lonesurvivalist" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2026/06/lonesurvivalist.svg"><noscript><img width="1019" height="1018" src="https://www.subscriptionflow.com/wp-content/uploads/2026/06/lonesurvivalist.svg" alt="lonesurvivalist" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="#" rel="nofollow" aria-label="asherhousewellness"><img width="1004" height="1029" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201004%201029'%3E%3C/svg%3E" alt="asherhousewellness" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2026/06/asherhousewellness-round-logo.svg"><noscript><img width="1004" height="1029" src="https://www.subscriptionflow.com/wp-content/uploads/2026/06/asherhousewellness-round-logo.svg" alt="asherhousewellness" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="#" rel="nofollow" aria-label="Tulip Publishing"><img width="1074" height="394" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201074%20394'%3E%3C/svg%3E" alt="Tulip Publishing" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/tulippiblishing.svg"><noscript><img width="1074" height="394" src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/tulippiblishing.svg" alt="Tulip Publishing" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="/case-study/kamp-solutions/" rel="nofollow" aria-label="Kamp Solutions Case Study"><img width="1070" height="390" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201070%20390'%3E%3C/svg%3E" alt="Kamp Solutions" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/kamp-solutions-logo.svg"><noscript><img width="1070" height="390" src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/kamp-solutions-logo.svg" alt="Kamp Solutions" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="#" rel="nofollow" aria-label="View From The Top"><img width="1034" height="370" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201034%20370'%3E%3C/svg%3E" alt="View From The Top" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/view-form-the-top.svg"><noscript><img width="1034" height="370" src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/view-form-the-top.svg" alt="View From The Top" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="/case-study/onhold-marketing/" rel="nofollow" aria-label="OnHold Marketing Case Study"><img width="1073" height="329" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201073%20329'%3E%3C/svg%3E" alt="OnHold Marketing" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/onhold.svg"><noscript><img width="1073" height="329" src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/onhold.svg" alt="OnHold Marketing" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="#" rel="nofollow" aria-label="OrangeOnions"><img width="1100" height="435" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201100%20435'%3E%3C/svg%3E" alt="OrangeOnions" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/OrangeOnions.svg"><noscript><img width="1100" height="435" src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/OrangeOnions.svg" alt="OrangeOnions" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="/case-study/vault/" rel="nofollow" aria-label="Vault Case Study"><img width="862" height="346" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20862%20346'%3E%3C/svg%3E" alt="Vault" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/vault.svg"><noscript><img width="862" height="346" src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/vault.svg" alt="Vault" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="/case-study/cognitech/" rel="nofollow" aria-label="Cognitech Case Study"><img width="1088" height="302" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201088%20302'%3E%3C/svg%3E" alt="Cognitech" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/Cognitech-logo-1.svg"><noscript><img width="1088" height="302" src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/Cognitech-logo-1.svg" alt="Cognitech" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="#" rel="nofollow" aria-label="Halodata"><img width="1071" height="460" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201071%20460'%3E%3C/svg%3E" alt="Halodata" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/halodata.svg"><noscript><img width="1071" height="460" src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/halodata.svg" alt="Halodata" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="#" rel="nofollow" aria-label="XexWorks Inc"><img width="1094" height="364" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201094%20364'%3E%3C/svg%3E" alt="XexWorks Inc" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/xexworksinc.svg"><noscript><img width="1094" height="364" src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/xexworksinc.svg" alt="XexWorks Inc" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="#" rel="nofollow" aria-label="Brown and Company"><img width="1123" height="278" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201123%20278'%3E%3C/svg%3E" alt="Brown and Company" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/brownandcompany.svg"><noscript><img width="1123" height="278" src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/brownandcompany.svg" alt="Brown and Company" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="/case-study/alldata-united/" rel="nofollow" aria-label="Alldata United Case Study"><img width="1007" height="339" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201007%20339'%3E%3C/svg%3E" alt="Alldata United" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/Alldata-United.svg"><noscript><img width="1007" height="339" src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/Alldata-United.svg" alt="Alldata United" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="/case-study/providerplus/" rel="nofollow" aria-label="ProviderPlus Case Study"><img width="876" height="540" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20876%20540'%3E%3C/svg%3E" alt="ProviderPlus" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/provideplus.svg"><noscript><img width="876" height="540" src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/provideplus.svg" alt="ProviderPlus" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="/case-study/gulf-innova/" rel="nofollow" aria-label="Gulf Innova Case Study"><img width="723" height="510" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20723%20510'%3E%3C/svg%3E" alt="Gulf Innova" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/nnova.svg"><noscript><img width="723" height="510" src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/nnova.svg" alt="Gulf Innova" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="/case-study/salis/" rel="nofollow" aria-label="Salis Case Study"><img width="862" height="243" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20862%20243'%3E%3C/svg%3E" alt="Salis" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/salis.svg"><noscript><img width="862" height="243" src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/salis.svg" alt="Salis" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="/case-study/icanmandarin/" rel="nofollow" aria-label="iCanMandarin Case Study"><img width="544" height="544" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20544%20544'%3E%3C/svg%3E" alt="iCanMandarin" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/iCanMandarinh-logo.svg"><noscript><img width="544" height="544" src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/iCanMandarinh-logo.svg" alt="iCanMandarin" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="#" rel="nofollow" aria-label="Peak Biomed"><img width="1131" height="354" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201131%20354'%3E%3C/svg%3E" alt="Peak Biomed" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/peakbiomed.svg"><noscript><img width="1131" height="354" src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/peakbiomed.svg" alt="Peak Biomed" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="#" rel="nofollow" aria-label="10 of Those"><img width="1055" height="304" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201055%20304'%3E%3C/svg%3E" alt="10 of Those" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/10ofthose.svg"><noscript><img width="1055" height="304" src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/10ofthose.svg" alt="10 of Those" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="#" rel="nofollow" aria-label="Characters.io"><img width="1027" height="530" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201027%20530'%3E%3C/svg%3E" alt="Characters.io" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/charactersio.svg"><noscript><img width="1027" height="530" src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/charactersio.svg" alt="Characters.io" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="#" rel="nofollow" aria-label="Nasopure"><img width="968" height="505" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20968%20505'%3E%3C/svg%3E" alt="Nasopure" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/nasopure.svg"><noscript><img width="968" height="505" src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/nasopure.svg" alt="Nasopure" loading="lazy" decoding="async"></noscript></a></li>

    </ul>
  </div>

  <button class="nav next" type="button" aria-label="Next logos">&#8250;</button>
</div>

<script type="text/rocketlazyloadscript">
(function () {
  var viewport = document.getElementById('logoMarquee');
  var track    = document.getElementById('logoTrack');
  var slider   = viewport.closest('.logo-slider');
  var prevBtn  = slider.querySelector('.nav.prev');
  var nextBtn  = slider.querySelector('.nav.next');

  // ---- Duplicate logos once so the auto-scroll can loop seamlessly ----
  track.innerHTML += track.innerHTML;

  // ---- Settings ----
  var SPEED      = 0.05;  // pixels per frame -> smaller = slower (lower this more if needed)
  var STEP       = 320;   // how far each arrow click scrolls
  var RESUME_MS  = 200;   // resume auto-scroll almost instantly after a drag
  var VISIBLE    = 5;     // how many logos to show on screen at once
  var GAP        = 56;    // space between logos (px) - matches the CSS gap

  var halfWidth = 0;
  var paused    = false;
  var resumeTimer = null;

  var items = track.querySelectorAll('li');

  // Size each logo so exactly VISIBLE fit across the viewport (responsive)
  function sizeItems() {
    var visible = VISIBLE;
    var gap = GAP;
    // On small screens, show fewer so logos don't get too tiny
    if (viewport.clientWidth < 480)      { visible = 2; gap = 28; }
    else if (viewport.clientWidth < 768) { visible = 3; gap = 36; }

    track.style.gap = gap + 'px';
    var w = (viewport.clientWidth - gap * (visible - 1)) / visible;
    for (var i = 0; i < items.length; i++) {
      items[i].style.width = w + 'px';
    }
  }

  function measure() {
    sizeItems();
    halfWidth = track.scrollWidth / 2;
  }
  window.addEventListener('load', measure);
  window.addEventListener('resize', measure);
  measure();

  // ---- Continuous auto-scroll ----
  function tick() {
    if (!paused && halfWidth > 0) {
      viewport.scrollLeft += SPEED;
      if (viewport.scrollLeft >= halfWidth) viewport.scrollLeft -= halfWidth;
    }
    requestAnimationFrame(tick);
  }
  requestAnimationFrame(tick);

  // Keep the infinite loop working in BOTH directions (manual scroll/drag)
  function normalizeLoop() {
    if (halfWidth <= 0) return;
    if (viewport.scrollLeft >= halfWidth) viewport.scrollLeft -= halfWidth;
    else if (viewport.scrollLeft <= 0)    viewport.scrollLeft += halfWidth;
  }

  // Auto-scroll keeps running. We only pause briefly during an active drag,
  // then resume right away so the slider never looks "stopped".
  function resumeSoon() {
    clearTimeout(resumeTimer);
    resumeTimer = setTimeout(function () { paused = false; }, RESUME_MS);
  }

  // ---- Arrow buttons (manual left / right) ----
  // These add an extra nudge on top of the auto-scroll without stopping it.
  function nudge(dir) {
    var target = viewport.scrollLeft + dir * STEP;
    viewport.scrollTo({ left: target, behavior: 'smooth' });
    // fix the loop boundaries shortly after the smooth scroll settles
    setTimeout(normalizeLoop, 450);
  }
  prevBtn.addEventListener('click', function () { nudge(-1); });
  nextBtn.addEventListener('click', function () { nudge(1); });

  // ---- Drag / swipe to scroll ----
  var dragging = false, startX = 0, startScroll = 0, moved = false;

  function pointerDown(x) {
    dragging = true; moved = false;
    startX = x; startScroll = viewport.scrollLeft;
    paused = true;
    viewport.classList.add('dragging');
  }
  function pointerMove(x) {
    if (!dragging) return;
    var delta = x - startX;
    if (Math.abs(delta) > 3) moved = true;
    viewport.scrollLeft = startScroll - delta;
    normalizeLoop();
  }
  function pointerUp() {
    if (!dragging) return;
    dragging = false;
    viewport.classList.remove('dragging');
    resumeSoon();
  }

  // Mouse
  viewport.addEventListener('mousedown', function (e) {
    if (e.button !== 0) return;   // left button only
    e.preventDefault();           // stop native link/image drag + text selection
    pointerDown(e.pageX);
  });
  window.addEventListener('mousemove', function (e) { pointerMove(e.pageX); });
  window.addEventListener('mouseup', pointerUp);
  // Safety: if the mouse leaves the window mid-drag, release too
  window.addEventListener('blur', pointerUp);

  // Block the browser's built-in drag-and-drop on logos/links entirely
  track.addEventListener('dragstart', function (e) { e.preventDefault(); });

  // Touch
  viewport.addEventListener('touchstart', function (e) { pointerDown(e.touches[0].pageX); }, { passive: true });
  viewport.addEventListener('touchmove',  function (e) { pointerMove(e.touches[0].pageX); }, { passive: true });
  viewport.addEventListener('touchend', pointerUp);

  // Prevent accidental link clicks after a drag
  track.addEventListener('click', function (e) {
    if (moved) { e.preventDefault(); moved = false; }
  }, true);

  // Manual wheel/trackpad scroll should also pause + loop
  viewport.addEventListener('scroll', function () {
    if (!paused && !dragging) return; // auto-scroll handles its own loop
    normalizeLoop();
  });
})();
</script>		</div>
				</div>
					</div>
		</div>
					</div>
		</section>
							</div>
				</div>
		</div>
				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-210bb3c elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="210bb3c" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;gradient&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-075c12f" data-id="075c12f" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-inner-section elementor-element elementor-element-4aade21 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="4aade21" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-e6c72bb" data-id="e6c72bb" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-84483c8 elementor-widget elementor-widget-heading" data-id="84483c8" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">One Billing Engine, Every Way You Charge</h2>		</div>
				</div>
				<div class="elementor-element elementor-element-412de9c elementor-invisible elementor-widget elementor-widget-text-editor" data-id="412de9c" data-element_type="widget" data-settings="{&quot;_animation&quot;:&quot;slideInUp&quot;,&quot;_animation_delay&quot;:200}" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<p>Whether you charge a flat fee, meter usage, or a mix of both, SubscriptionFlow adapts to your pricing model rather than forcing you to adapt to it. Switch models, blend them, or run them side by side, all from a single AI-native billing core.</p>						</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-inner-section elementor-element elementor-element-cfd7aa7 sf-feature-card elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="cfd7aa7" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-e43cf03" data-id="e43cf03" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-33f2f3c sf-feat elementor-view-default elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box" data-id="33f2f3c" data-element_type="widget" data-widget_type="icon-box.default">
				<div class="elementor-widget-container">
					<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://www.subscriptionflow.com/AI-billing-Software/" class="elementor-icon elementor-animation-" tabindex="-1">
				<i aria-hidden="true" class="fas fa-receipt"></i>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/AI-billing-Software/" >
							An Adaptive Billing Core						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						<a href="https://www.subscriptionflow.com/AI-billing-Software/" style="color:#7c7d8b; text-decoration:none; line-height:1.7;">
    No more bolting on a new tool every time pricing changes. One engine handles usage, hybrid, and fixed-fee billing together, so your pricing can evolve without needing a new platform.
    <br><br>

    <span
        style="color:#f47b20; display:inline-flex; align-items:center;"
        onmouseover="this.style.color='#000000'; this.querySelector('span').style.transform='translateX(4px)';"
        onmouseout="this.style.color='#f47b20'; this.querySelector('span').style.transform='translateX(0)';"
    >
        Learn More
        <span style="margin-left:6px; transition:0.3s;">&#8594;</span>
    </span>
</a>					</p>
				
			</div>
			
		</div>
				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-e43946f" data-id="e43946f" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-9c82f57 sf-feat-art elementor-widget elementor-widget-html" data-id="9c82f57" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<svg viewBox="0 0 240 200" fill="none" aria-hidden="true" preserveAspectRatio="xMidYMid meet">
    <rect x="20" y="120" width="26" height="60" rx="5" fill="rgba(244,123,32,.16)" stroke="#F8B36B"/>
    <rect class="sf-fa-bar" x="58"  y="90" width="26" height="90"  rx="5" fill="#FBA94C" style="animation-delay:.20s"/>
    <rect class="sf-fa-bar" x="96"  y="64" width="26" height="116" rx="5" fill="#F88E33" style="animation-delay:.40s"/>
    <rect class="sf-fa-bar" x="134" y="40" width="26" height="140" rx="5" fill="#F47B20" style="animation-delay:.60s"/>
    <path d="M20 132 71 100 109 78 147 52" stroke="#E0670F" stroke-width="3" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
    <g class="sf-fa-spark" transform="translate(186,44)"><path d="M0 -16 4 -4 16 0 4 4 0 16 -4 4 -16 0 -4 -4Z" fill="#F47B20"/></g>
    <circle cx="147" cy="52" r="5" fill="#E0670F"/>
  </svg>		</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-inner-section elementor-element elementor-element-d625505 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="d625505" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-4eff8fb" data-id="4eff8fb" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-3e8e140 sf-svc sf-n2 elementor-view-default elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box" data-id="3e8e140" data-element_type="widget" data-widget_type="icon-box.default">
				<div class="elementor-widget-container">
					<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://www.subscriptionflow.com/usage-based-billing-model/" class="elementor-icon elementor-animation-" tabindex="-1">
				<i aria-hidden="true" class="fas fa-list-alt"></i>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/usage-based-billing-model/" >
							Usage-Based Billing						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						<a href="https://www.subscriptionflow.com/usage-based-billing-model/" style="color:#7c7d8b; text-decoration:none; line-height:1.2;">Charge customers automatically based on exactly what they consume  <br><br>

    <span
        style="color:#f47b20; display:inline-flex; align-items:center;"
        onmouseover="this.style.color='#000000'; this.querySelector('span').style.transform='translateX(4px)';"
        onmouseout="this.style.color='#f47b20'; this.querySelector('span').style.transform='translateX(0)';"
    >
        Learn More
        <span style="margin-left:6px; transition:0.3s;">&#8594;</span>
    </span>
</a>					</p>
				
			</div>
			
		</div>
				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-d0d1a01" data-id="d0d1a01" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-95f8f1d sf-svc sf-n3 elementor-view-default elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box" data-id="95f8f1d" data-element_type="widget" data-widget_type="icon-box.default">
				<div class="elementor-widget-container">
					<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://www.subscriptionflow.com/hybrid-billing-model/" class="elementor-icon elementor-animation-" tabindex="-1">
				<i aria-hidden="true" class="fas fa-dice-d20"></i>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/hybrid-billing-model/" >
							Hybrid Billing Plans						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						<a href="https://www.subscriptionflow.com/hybrid-billing-model/" style="color:#7c7d8b; text-decoration:none; line-height:1.2;">Combine subscriptions, usage, and one-time charges in a single plan <br><br>

    <span
        style="color:#f47b20; display:inline-flex; align-items:center;"
        onmouseover="this.style.color='#000000'; this.querySelector('span').style.transform='translateX(4px)';"
        onmouseout="this.style.color='#f47b20'; this.querySelector('span').style.transform='translateX(0)';"
    >
        Learn More
        <span style="margin-left:6px; transition:0.3s;">&#8594;</span>
    </span>
</a>					</p>
				
			</div>
			
		</div>
				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-aab6048" data-id="aab6048" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-1ad3149 sf-svc sf-n4 elementor-view-default elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box" data-id="1ad3149" data-element_type="widget" data-widget_type="icon-box.default">
				<div class="elementor-widget-container">
					<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://www.subscriptionflow.com/pay-per-use/" class="elementor-icon elementor-animation-" tabindex="-1">
				<i aria-hidden="true" class="fas fa-mouse-pointer"></i>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/pay-per-use/" >
							Pay-Per-Use Billing						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						<a href="https://www.subscriptionflow.com/pay-per-use/" style="color:#7c7d8b; text-decoration:none; line-height:1.2;">Bill customers only for what they actually use, down to the unit  <br><br>

    <span
        style="color:#f47b20; display:inline-flex; align-items:center;"
        onmouseover="this.style.color='#000000'; this.querySelector('span').style.transform='translateX(4px)';"
        onmouseout="this.style.color='#f47b20'; this.querySelector('span').style.transform='translateX(0)';"
    >
        Learn More
        <span style="margin-left:6px; transition:0.3s;">&#8594;</span>
    </span>
</a>					</p>
				
			</div>
			
		</div>
				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-inner-section elementor-element elementor-element-a66af09 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="a66af09" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-df866ce" data-id="df866ce" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-f642c78 sf-svc sf-n5 elementor-view-default elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box" data-id="f642c78" data-element_type="widget" data-widget_type="icon-box.default">
				<div class="elementor-widget-container">
					<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://www.subscriptionflow.com/recurring-billing-software/" class="elementor-icon elementor-animation-" tabindex="-1">
				<i aria-hidden="true" class="fas fa-undo"></i>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/recurring-billing-software/" >
							Recurring Billing & Invoicing						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						<a href="https://www.subscriptionflow.com/recurring-billing-software/" style="color:#7c7d8b; text-decoration:none; line-height:1.2;">Automate repeat charges and renewals without manual follow-up <br><br>

    <span
        style="color:#f47b20; display:inline-flex; align-items:center;"
        onmouseover="this.style.color='#000000'; this.querySelector('span').style.transform='translateX(4px)';"
        onmouseout="this.style.color='#f47b20'; this.querySelector('span').style.transform='translateX(0)';"
    >
        Learn More
        <span style="margin-left:6px; transition:0.3s;">&#8594;</span>
    </span>
</a>					</p>
				
			</div>
			
		</div>
				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-e1c2d09" data-id="e1c2d09" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-66f0bd0 sf-svc sf-n6 elementor-view-default elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box" data-id="66f0bd0" data-element_type="widget" data-widget_type="icon-box.default">
				<div class="elementor-widget-container">
					<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://www.subscriptionflow.com/ai-billing-software/" class="elementor-icon elementor-animation-" tabindex="-1">
				<i aria-hidden="true" class="fas fa-scroll"></i>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/ai-billing-software/" >
							AI Billing Intelligence						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						<a href="https://www.subscriptionflow.com/ai-billing-software/" style="color:#7c7d8b; text-decoration:none; line-height:1.2;">Let AI catch billing errors, flag anomalies, and protect revenue leaks before they happen <br><br>

    <span
        style="color:#f47b20; display:inline-flex; align-items:center;"
        onmouseover="this.style.color='#000000'; this.querySelector('span').style.transform='translateX(4px)';"
        onmouseout="this.style.color='#f47b20'; this.querySelector('span').style.transform='translateX(0)';"
    >
        Learn More
        <span style="margin-left:6px; transition:0.3s;">&#8594;</span>
    </span>
</a>					</p>
				
			</div>
			
		</div>
				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-4f86838" data-id="4f86838" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-5f6bdfc sf-svc sf-n7 elementor-view-default elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box" data-id="5f6bdfc" data-element_type="widget" data-widget_type="icon-box.default">
				<div class="elementor-widget-container">
					<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://subscriptionflow.com/integrations/" class="elementor-icon elementor-animation-" tabindex="-1">
				<i aria-hidden="true" class="fas fa-share-alt"></i>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://subscriptionflow.com/integrations/" >
							Seamless Integrations						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						<a href="https://subscriptionflow.com/integrations/" style="color:#7c7d8b; text-decoration:none; line-height:1.2;">Connect your existing stack in one platform, no custom code needed <br><br>

    <span
        style="color:#f47b20; display:inline-flex; align-items:center;"
        onmouseover="this.style.color='#000000'; this.querySelector('span').style.transform='translateX(4px)';"
        onmouseout="this.style.color='#f47b20'; this.querySelector('span').style.transform='translateX(0)';"
    >
        Learn More
        <span style="margin-left:6px; transition:0.3s;">&#8594;</span>
    </span>
</a>					</p>
				
			</div>
			
		</div>
				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
					</div>
		</div>
					</div>
		</section>
				<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-fed7e45 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="fed7e45" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-0acb78b" data-id="0acb78b" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-d7be673 elementor-widget elementor-widget-heading" data-id="d7be673" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">PCI-Compliant Payment Solutions to Automate Collection and Reconciliation</h2>		</div>
				</div>
				<div class="elementor-element elementor-element-926a42d elementor-widget elementor-widget-text-editor" data-id="926a42d" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<p>Integrate Any Payment Processor. Automate Collections. Stay PCI Compliant.</p>						</div>
				</div>
				<div class="elementor-element elementor-element-af361aa elementor-widget elementor-widget-spacer" data-id="af361aa" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-2136d7d sfpp-icon-list elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="2136d7d" data-element_type="widget" data-widget_type="icon-list.default">
				<div class="elementor-widget-container">
					<ul class="elementor-icon-list-items">
							<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<i aria-hidden="true" class="fas fa-credit-card"></i>						</span>
										<span class="elementor-icon-list-text">Multiple Payment Methods</span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<i aria-hidden="true" class="fas fa-globe-americas"></i>						</span>
										<span class="elementor-icon-list-text">Multiple Currency Support</span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<i aria-hidden="true" class="fas fa-calendar"></i>						</span>
										<span class="elementor-icon-list-text"> Payment Gateway Integrations </span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<i aria-hidden="true" class="fas fa-history"></i>						</span>
										<span class="elementor-icon-list-text"> Payment Failure & Recovery Management </span>
									</li>
						</ul>
				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-42ce67a" data-id="42ce67a" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-aa5f86f elementor-widget elementor-widget-html" data-id="aa5f86f" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<style>
/* ── Scoped to #sfpp-art-widget only ── */
#sfpp-art-widget {
  --sfpp-orange:      #F47B20;
  --sfpp-orange-2:    #FF9A3D;
  --sfpp-orange-deep: #E0670F;
  --sfpp-amber:       #FBA94C;
  --sfpp-ink:         #2B2C36;
  --sfpp-muted:       #7C7D8B;
  --sfpp-cream:       #FFF6EE;
  --sfpp-line:        #F1E7DD;
  --sfpp-line-2:      #E9D9CB;
  --sfpp-white:       #ffffff;
  --sfpp-sh:          30,30,46;

  position: relative;
  width: 100%;
  max-width: 480px;
  margin-inline: auto;
  aspect-ratio: 1 / 1.04;
  font-family: 'Inter', sans-serif;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}

#sfpp-art-widget * {
  box-sizing: border-box;
}

/* ── Particle flow paths ── */
#sfpp-art-widget .sa-flows {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  overflow: visible;
}

#sfpp-art-widget .sa-p1 {
  offset-path: path("M 30 60 C 160 30 240 140 250 230");
  fill: var(--sfpp-orange);
  offset-rotate: 0deg;
  animation: sa-flow 3.6s linear infinite;
}
#sfpp-art-widget .sa-p2 {
  offset-path: path("M 450 70 C 340 110 270 150 252 232");
  fill: var(--sfpp-amber);
  offset-rotate: 0deg;
  animation: sa-flow 4.1s linear infinite 0.7s;
}
#sfpp-art-widget .sa-p3 {
  offset-path: path("M 40 430 C 150 380 230 300 250 252");
  fill: var(--sfpp-orange);
  offset-rotate: 0deg;
  animation: sa-flow 3.9s linear infinite 0.4s;
}

@keyframes sa-flow {
  0%   { opacity: 0; offset-distance: 0%;   }
  12%  { opacity: 1; }
  88%  { opacity: 1; }
  100% { opacity: 0; offset-distance: 100%; }
}

/* ── Main floating console card ── */
#sfpp-art-widget .sa-console {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-2.5deg);
  width: 86%;
  background: var(--sfpp-white);
  border: 1px solid var(--sfpp-line);
  border-radius: 24px;
  padding: 18px;
  z-index: 2;
  box-shadow:
    0 44px 84px -34px rgba(var(--sfpp-sh), .5),
    0 8px 22px -12px rgba(var(--sfpp-sh), .22);
  animation: sa-float 6s ease-in-out infinite;
}

@keyframes sa-float {
  0%,100% { transform: translate(-50%,-50%) rotate(-2.5deg); }
  50%      { transform: translate(-50%, calc(-50% - 10px)) rotate(-2.5deg); }
}

/* Console top row */
#sfpp-art-widget .sa-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}

#sfpp-art-widget .sa-title {
  font-family: 'IBM Plex Mono', 'Courier New', monospace;
  font-size: 10.5px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--sfpp-muted);
}

#sfpp-art-widget .sa-pci {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
  font-weight: 700;
  font-size: 11px;
  color: #fff;
  background: linear-gradient(135deg, var(--sfpp-orange), var(--sfpp-orange-2));
  padding: 5px 11px;
  border-radius: 99px;
  animation: sa-blink 2.2s infinite;
  white-space: nowrap;
}

@keyframes sa-blink {
  0%,100% { opacity: 1; }
  50%      { opacity: .85; }
}

/* ── Credit card ── */
#sfpp-art-widget .sa-card {
  position: relative;
  border-radius: 16px;
  padding: 16px;
  color: #fff;
  overflow: hidden;
  background: linear-gradient(135deg, var(--sfpp-orange), var(--sfpp-orange-deep));
}

#sfpp-art-widget .sa-sheen {
  position: absolute;
  top: 0; left: -60%;
  width: 46%; height: 100%;
  transform: skewX(-20deg);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.38), transparent);
  animation: sa-sheen 3.4s ease-in-out infinite;
  pointer-events: none;
}

@keyframes sa-sheen {
  0%        { left: -60%; }
  55%, 100% { left: 135%; }
}

#sfpp-art-widget .sa-card-r1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

#sfpp-art-widget .sa-chip {
  width: 34px; height: 25px;
  border-radius: 6px;
  background: linear-gradient(135deg, #FFE0BE, #F8B36B);
  position: relative;
  flex-shrink: 0;
}
#sfpp-art-widget .sa-chip::after {
  content: "";
  position: absolute;
  inset: 5px 7px;
  border: 1px solid rgba(255,255,255,.6);
  border-radius: 3px;
}

#sfpp-art-widget .sa-wifi { opacity: .85; }
#sfpp-art-widget .sa-wifi svg { display: block; }

#sfpp-art-widget .sa-num {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 14.5px;
  letter-spacing: .18em;
}

#sfpp-art-widget .sa-card-r2 {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 9px;
  font-size: 11px;
  opacity: .92;
}
#sfpp-art-widget .sa-brand {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 800;
  font-size: 15px;
  letter-spacing: .04em;
}

/* ── Status row ── */
#sfpp-art-widget .sa-status {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 15px 2px 12px;
  font-size: 13px;
  color: var(--sfpp-ink);
}

#sfpp-art-widget .sa-spinner {
  width: 16px; height: 16px;
  flex-shrink: 0;
  border-radius: 50%;
  border: 2px solid var(--sfpp-line-2);
  border-top-color: var(--sfpp-orange);
  animation: sa-spin .8s linear infinite;
}
@keyframes sa-spin { to { transform: rotate(360deg); } }

#sfpp-art-widget .sa-status-txt {
  font-weight: 600;
  font-size: 13px;
}

/* ── Processing rows ── */
#sfpp-art-widget .sa-rows {
  display: grid;
  gap: 8px;
}

#sfpp-art-widget .sa-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 9px 12px;
  border-radius: 12px;
  background: var(--sfpp-cream);
  border: 1px solid var(--sfpp-line);
  opacity: .5;
  transition: opacity .4s ease, background .4s ease,
              border-color .4s ease, box-shadow .4s ease;
}
#sfpp-art-widget .sa-row.sa-on {
  opacity: 1;
  background: var(--sfpp-white);
  border-color: var(--sfpp-line-2);
  box-shadow: 0 10px 22px -16px rgba(var(--sfpp-sh), .4);
}

#sfpp-art-widget .sa-rl {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 13px;
  font-weight: 500;
  color: var(--sfpp-ink);
}

#sfpp-art-widget .sa-ri {
  width: 26px; height: 26px;
  flex-shrink: 0;
  border-radius: 8px;
  display: grid;
  place-items: center;
  color: var(--sfpp-orange);
  background: linear-gradient(
    135deg,
    rgba(244,123,32,.12),
    rgba(251,169,76,.12)
  );
}
#sfpp-art-widget .sa-ri svg { display: block; }

#sfpp-art-widget .sa-stat {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: 'IBM Plex Mono', monospace;
  font-size: 10.5px;
  color: var(--sfpp-muted);
  letter-spacing: .04em;
  white-space: nowrap;
}
#sfpp-art-widget .sa-row.sa-on .sa-stat {
  color: var(--sfpp-orange-deep);
}

#sfpp-art-widget .sa-ck {
  width: 16px; height: 16px;
  flex-shrink: 0;
  border-radius: 50%;
  background: var(--sfpp-line-2);
  display: grid;
  place-items: center;
  color: #fff;
  transition: background .3s, transform .3s;
  transform: scale(.6);
}
#sfpp-art-widget .sa-row.sa-on .sa-ck {
  background: linear-gradient(135deg, var(--sfpp-orange), var(--sfpp-orange-2));
  transform: scale(1);
}
#sfpp-art-widget .sa-ck svg { display: block; }

/* ── Floating currency badges ── */
#sfpp-art-widget .sa-curr {
  position: absolute;
  width: 42px; height: 42px;
  border-radius: 13px;
  background: var(--sfpp-white);
  border: 1px solid var(--sfpp-line);
  z-index: 3;
  display: grid;
  place-items: center;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 800;
  font-size: 18px;
  color: var(--sfpp-orange);
  box-shadow: 0 16px 30px -18px rgba(var(--sfpp-sh), .45);
  animation: sa-flt 5s ease-in-out infinite;
  user-select: none;
}
#sfpp-art-widget .sa-c1 { top: 3%;     left: 5%;   }
#sfpp-art-widget .sa-c2 { top: 9%;     right: 3%;  animation-delay: .8s; }
#sfpp-art-widget .sa-c3 { bottom: 13%; left: 1%;   animation-delay: .4s; }
#sfpp-art-widget .sa-c4 { bottom: 5%;  right: 7%;  animation-delay:1.2s; }

@keyframes sa-flt {
  0%,100% { transform: translateY(0); }
  50%      { transform: translateY(-9px); }
}

/* ════════════════════
   RESPONSIVE
════════════════════ */
@media (max-width: 1024px) {
  #sfpp-art-widget { max-width: 440px; }
}
@media (max-width: 768px) {
  #sfpp-art-widget { max-width: 400px; }
  #sfpp-art-widget .sa-console { width: 90%; padding: 15px; }
}
@media (max-width: 600px) {
  #sfpp-art-widget { max-width: 340px; }
  #sfpp-art-widget .sa-console { width: 92%; padding: 13px; border-radius: 18px; }
  #sfpp-art-widget .sa-num { font-size: 12px; letter-spacing: .1em; }
  #sfpp-art-widget .sa-card { padding: 13px; }
  #sfpp-art-widget .sa-rows { gap: 6px; }
  #sfpp-art-widget .sa-row  { padding: 8px 10px; }
  #sfpp-art-widget .sa-rl   { font-size: 12px; }
  #sfpp-art-widget .sa-stat { font-size: 9.5px; }
}
@media (max-width: 520px) {
  #sfpp-art-widget .sa-c1,
  #sfpp-art-widget .sa-c3 { display: none; }
  #sfpp-art-widget { max-width: 300px; }
  #sfpp-art-widget .sa-console { width: 96%; padding: 12px; }
}
@media (max-width: 380px) {
  #sfpp-art-widget { max-width: 270px; }
}

/* ── Reduced motion ── */
@media (prefers-reduced-motion: reduce) {
  #sfpp-art-widget .sa-console,
  #sfpp-art-widget .sa-curr,
  #sfpp-art-widget .sa-p1,
  #sfpp-art-widget .sa-p2,
  #sfpp-art-widget .sa-p3,
  #sfpp-art-widget .sa-sheen,
  #sfpp-art-widget .sa-spinner {
    animation: none !important;
  }
  #sfpp-art-widget .sa-row { opacity: 1; transition: none; }
}
</style>

<!-- ── HTML ── -->
<div id="sfpp-art-widget" aria-hidden="true">

  <!-- Particle dots -->
  <svg class="sa-flows" viewBox="0 0 480 480" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M 30 60 C 160 30 240 140 250 230"
          stroke="rgba(244,123,32,.14)" stroke-width="1.5" stroke-dasharray="4 7"/>
    <path d="M 450 70 C 340 110 270 150 252 232"
          stroke="rgba(251,169,76,.16)" stroke-width="1.5" stroke-dasharray="4 7"/>
    <path d="M 40 430 C 150 380 230 300 250 252"
          stroke="rgba(244,123,32,.14)" stroke-width="1.5" stroke-dasharray="4 7"/>
    <circle class="sa-p1" r="4"/>
    <circle class="sa-p2" r="4"/>
    <circle class="sa-p3" r="4"/>
  </svg>

  <!-- Console card -->
  <div class="sa-console">

    <!-- Header -->
    <div class="sa-head">
      <span class="sa-title">Secure processing</span>
      <span class="sa-pci">
        <svg width="12" height="12" viewBox="0 0 24 24" fill="none">
          <path d="M12 2 4 6v6c0 5 3.5 8 8 10 4.5-2 8-5 8-10V6l-8-4Z"
                stroke="#fff" stroke-width="2" stroke-linejoin="round"/>
          <path d="M9 12l2 2 4-4" stroke="#fff" stroke-width="2"
                stroke-linecap="round" stroke-linejoin="round"/>
        </svg>
        PCI
      </span>
    </div>

    <!-- Credit card -->
    <div class="sa-card">
      <span class="sa-sheen"></span>
      <div class="sa-card-r1">
        <span class="sa-chip"></span>
        <span class="sa-wifi">
          <svg width="20" height="20" viewBox="0 0 24 24" fill="none">
            <path d="M8.5 8.5a5 5 0 0 1 7 0M6 6a8.5 8.5 0 0 1 12 0M11 11a1.5 1.5 0 0 1 2 0"
                  stroke="#fff" stroke-width="1.8" stroke-linecap="round"/>
          </svg>
        </span>
      </div>
      <div class="sa-num">•••• &nbsp;•••• &nbsp;•••• &nbsp;••••</div>
      <div class="sa-card-r2">
        <span>PCI Payment</span>
        <span class="sa-brand">&nbsp;</span>
      </div>
    </div>

    <!-- Status -->
    <div class="sa-status">
      <span class="sa-spinner"></span>
      <span class="sa-status-txt" id="saStatusTxt">Processing payment…</span>
    </div>

    <!-- Rows — JS adds .sa-on class -->
    <div class="sa-rows" id="saRows">

      <div class="sa-row">
        <span class="sa-rl">
          <span class="sa-ri">
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none">
              <rect x="2" y="5" width="20" height="14" rx="2.5"
                    stroke="currentColor" stroke-width="2"/>
              <path d="M2 9h20" stroke="currentColor" stroke-width="2"/>
            </svg>
          </span>
          Payment methods
        </span>
        <span class="sa-stat">
          <span class="sa-ck">
            <svg width="9" height="9" viewBox="0 0 24 24" fill="none">
              <path d="M20 6 9 17l-5-5" stroke="#fff" stroke-width="3.4"
                    stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
          </span>
          Captured
        </span>
      </div>

      <div class="sa-row">
        <span class="sa-rl">
          <span class="sa-ri">
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none">
              <circle cx="12" cy="12" r="9" stroke="currentColor" stroke-width="2"/>
              <path d="M4 10h16M4 14h16" stroke="currentColor" stroke-width="1.6"/>
            </svg>
          </span>
          Currency support
        </span>
        <span class="sa-stat">
          <span class="sa-ck">
            <svg width="9" height="9" viewBox="0 0 24 24" fill="none">
              <path d="M20 6 9 17l-5-5" stroke="#fff" stroke-width="3.4"
                    stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
          </span>
          Converted
        </span>
      </div>

      <div class="sa-row">
        <span class="sa-rl">
          <span class="sa-ri">
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none">
              <rect x="3" y="6" width="18" height="12" rx="2"
                    stroke="currentColor" stroke-width="2"/>
              <path d="M3 10h18" stroke="currentColor" stroke-width="2"/>
            </svg>
          </span>
          Gateway routing
        </span>
        <span class="sa-stat">
          <span class="sa-ck">
            <svg width="9" height="9" viewBox="0 0 24 24" fill="none">
              <path d="M20 6 9 17l-5-5" stroke="#fff" stroke-width="3.4"
                    stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
          </span>
          Routed
        </span>
      </div>

      <div class="sa-row">
        <span class="sa-rl">
          <span class="sa-ri">
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none">
              <path d="M21 12a9 9 0 1 1-3-6.7M21 4v5h-5"
                    stroke="currentColor" stroke-width="2"
                    stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
          </span>
          Failure &amp; recovery
        </span>
        <span class="sa-stat">
          <span class="sa-ck">
            <svg width="9" height="9" viewBox="0 0 24 24" fill="none">
              <path d="M20 6 9 17l-5-5" stroke="#fff" stroke-width="3.4"
                    stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
          </span>
          Recovered
        </span>
      </div>

    </div><!-- end #saRows -->
  </div><!-- end .sa-console -->

  <!-- Floating currency badges -->
  <span class="sa-curr sa-c1" aria-hidden="true">$</span>
  <span class="sa-curr sa-c2" aria-hidden="true">€</span>
  <span class="sa-curr sa-c3" aria-hidden="true">£</span>
  <span class="sa-curr sa-c4" aria-hidden="true">¥</span>

</div><!-- end #sfpp-art-widget -->

<script type="text/rocketlazyloadscript">
(function () {
  'use strict';

  /* ── Status titles (matching left list order) ── */
  var TITLES = [
    'Multiple Payment Methods',
    'Multiple Currency Support',
    'Payment Gateway Integrations',
    'Payment Failure & Recovery Management'
  ];
  var CYCLE = 2200; /* ms per step */

  function init() {
    var rows      = document.querySelectorAll('#saRows .sa-row');
    var statusTxt = document.getElementById('saStatusTxt');
    if (!rows.length) return;

    /* Reduced motion check */
    var reduced = window.matchMedia &&
                  window.matchMedia('(prefers-reduced-motion: reduce)').matches;
    if (reduced) {
      rows.forEach(function(r){ r.classList.add('sa-on'); });
      if (statusTxt) statusTxt.textContent = TITLES[0];
      return;
    }

    var idx      = 0;
    var paused   = false;
    var timer    = null;

    /* ── Activate step i on right side ── */
    function activateRight(i) {
      idx = i;
      rows.forEach(function(r, k){
        r.classList.toggle('sa-on', k <= i);
      });
      if (statusTxt) statusTxt.textContent = TITLES[i] || TITLES[0];
    }

    /* ── Auto cycle ── */
    function startCycle() {
      timer = setInterval(function(){
        if (!paused) activateRight((idx + 1) % rows.length);
      }, CYCLE);
    }

    /* ── Pause on hover (nicer UX) ── */
    var widget = document.getElementById('sfpp-art-widget');
    if (widget) {
      widget.addEventListener('mouseenter', function(){ paused = true;  });
      widget.addEventListener('mouseleave', function(){ paused = false; });
    }

    /* ────────────────────────────────────────────────────────
       LEFT SIDE SYNC — 3 strategies, all auto-detected:

       Strategy A: sfpp-section.html left side used
         → targets #sfppList .sfpp-list-item

       Strategy B: Elementor Icon List widget
         → targets .elementor-icon-list-item
         → add CSS class "sfpp-trigger" + data-sfpp="0/1/2/3"
           on each item via Elementor > Advanced > CSS Classes

       Strategy C: Any custom element with
         class="sfpp-trigger" data-sfpp="0/1/2/3"
    ──────────────────────────────────────────────────────── */
    function bindLeft() {

      /* Strategy A — sfpp-section.html list */
      var sfppItems = document.querySelectorAll('#sfppList .sfpp-list-item');
      if (sfppItems.length) {
        sfppItems.forEach(function(el, k){
          el.addEventListener('click', function(){
            jumpTo(k);
          });
        });
      }

      /* Strategy B+C — Elementor Icon List OR custom triggers */
      var triggers = document.querySelectorAll('.sfpp-trigger');
      triggers.forEach(function(el){
        el.addEventListener('click', function(){
          var i = parseInt(el.getAttribute('data-sfpp'), 10);
          if (!isNaN(i)) jumpTo(i);
        });
      });

      /* Strategy D — Elementor Icon List auto-detect (no extra class needed)
         Looks for .elementor-icon-list-items inside the same
         Elementor section/column as this widget */
      var elIconList = document.querySelectorAll(
        '.elementor-icon-list-items .elementor-icon-list-item'
      );
      if (elIconList.length >= 4) {
        /* Only bind first 4 */
        [].slice.call(elIconList, 0, 4).forEach(function(el, k){
          el.style.cursor = 'pointer';
          el.addEventListener('click', function(){
            jumpTo(k);
          });
        });
      }
    }

    function jumpTo(i) {
      activateRight(i);
      paused = true;
      clearInterval(timer);
      setTimeout(function(){
        paused = false;
        startCycle();
      }, CYCLE);
    }

    /* Boot */
    activateRight(0);
    startCycle();
    bindLeft();
  }

  /* Run after DOM ready */
  if (document.readyState !== 'loading') {
    /* Small delay so Elementor widgets are all rendered */
    setTimeout(init, 300);
  } else {
    document.addEventListener('DOMContentLoaded', function(){
      setTimeout(init, 300);
    });
  }

})();
</script>		</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-9d265cb elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="9d265cb" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f2c5fea" data-id="f2c5fea" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-inner-section elementor-element elementor-element-1a1b7d8 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="1a1b7d8" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-7f9f4d4" data-id="7f9f4d4" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-146a1dd elementor-widget elementor-widget-heading" data-id="146a1dd" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">Maximize Recurring Revenue at <br>Every Stage of the Customer Lifecycle</h2>		</div>
				</div>
				<div class="elementor-element elementor-element-ba107b5 elementor-widget elementor-widget-html" data-id="ba107b5" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<!-- =====================================================================
     SUBSCRIPTIONFLOW — JOURNEY (Animated Cards Row layout)
     - Home page for "Custom HTML" /
     ===================================================================== -->

<section class="ac">
  <div class="ac-wrap">
    <div class="ac-track" id="acTrack">

      <span class="ac-line"><span class="ac-fill" id="acFill"></span></span>

      <!-- ===== LAUNCH (rocket) ===== -->
      <a href="" class="ac-card">
        <span class="ac-icon">
          <svg viewBox="0 0 24 24">
            <path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"/>
            <path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"/>
            <path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"/>
            <path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"/>
          </svg>
        </span>
        <span class="ac-body">
          <span class="ac-num">01</span>
          <h3>Launch</h3>
          <p>Set up plans, pricing and one-click checkouts in minutes.</p>
        </span>
      </a>

      <!-- ===== ACQUIRE ===== -->
      <a href="" class="ac-card">
        <span class="ac-icon">
          <svg viewBox="0 0 24 24">
            <circle cx="9" cy="8" r="3.2"/>
            <path d="M3.4 19a5.6 5.6 0 0 1 11.2 0"/>
            <path d="M18.5 6.5v5M16 9h5"/>
          </svg>
        </span>
        <span class="ac-body">
          <span class="ac-num">02</span>
          <h3>Acquire</h3>
          <p>Win customers with smart onboarding and multi-channel signups.</p>
        </span>
      </a>

      <!-- ===== RETAIN (revenue / dollar) ===== -->
      <a href="" class="ac-card">
        <span class="ac-icon">
          <svg viewBox="0 0 24 24">
            <circle cx="12" cy="12" r="9"/>
            <path d="M12 6.8v10.4"/>
            <path d="M15 9.3c-.6-.95-1.75-1.45-3-1.45-1.7 0-3 .9-3 2.2 0 3 6 1.5 6 4.45 0 1.4-1.4 2.2-3 2.2-1.4 0-2.55-.55-3.15-1.55"/>
          </svg>
        </span>
        <span class="ac-body">
          <span class="ac-num">03</span>
          <h3>Retain</h3>
          <p>Recover revenue automatically with dunning and cancel-saves.</p>
        </span>
      </a>

      <!-- ===== SCALE ===== -->
      <a href="" class="ac-card">
        <span class="ac-icon">
          <svg viewBox="0 0 24 24">
            <path d="M4 19V5M4 19h16"/>
            <polyline points="7 14 11 10 14 13 19 7"/>
            <polyline points="15 7 19 7 19 11"/>
          </svg>
        </span>
        <span class="ac-body">
          <span class="ac-num">04</span>
          <h3>Scale</h3>
          <p>Grow globally with rev-rec, deep analytics and live insights.</p>
        </span>
      </a>

    </div>
  </div>
</section>

<style>
  @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

  .ac{
    --bg:#FFFFFF;
    --accent:#FD7B03;
    --ink:#1d1d1f;
    --muted:#6b6f76;
    --ring:#efe5dc;
    --num:#d7ccc1;
    --ac-p:0%;                 /* progress (JS isay set karta hai) */
    font-family:'Plus Jakarta Sans',-apple-system,'Segoe UI',sans-serif;
    background:var(--bg);
    padding:70px 22px;
  }
  .ac *{box-sizing:border-box;}
  .ac-wrap{ max-width:1180px; margin:0 auto; }

  .ac-track{
    position:relative;
    display:flex;
    align-items:flex-start;
    gap:14px;
  }

  /* progress line (DESKTOP: horizontal) */
  .ac-line{
    position:absolute;
    top:62px; left:12.5%; right:12.5%;
    height:3px;
    background:var(--ring);
    border-radius:3px;
    z-index:0;
  }
  .ac-fill{
    display:block;
    width:var(--ac-p); height:100%;
    background:var(--accent);
    border-radius:3px;
    transition:width .6s cubic-bezier(.4,0,.2,1), height .6s cubic-bezier(.4,0,.2,1);
  }

  /* card */
  .ac-card{
    flex:1;
    text-align:center;
    padding:30px 20px 30px;
    border-radius:22px;
    text-decoration:none;
    position:relative;
    transition:background .45s ease, box-shadow .45s ease, transform .45s ease;
  }
  .ac-card.active{
    background:#ffffff;
    box-shadow:0 18px 42px rgba(70,45,15,.10);
    transform:translateY(-6px);
  }

  /* icon */
  .ac-icon{
    width:64px; height:64px; border-radius:50%;
    margin:0 auto 16px;
    display:flex; align-items:center; justify-content:center;
    background:#fff;
    box-shadow:0 4px 12px rgba(0,0,0,.05), inset 0 0 0 5px var(--ring);
    transition:background .45s ease, box-shadow .45s ease, transform .45s ease;
    position:relative; z-index:2;
  }
  .ac-icon svg{
    width:28px; height:28px; fill:none;
    stroke:#b7bcc4; stroke-width:1.8;
    stroke-linecap:round; stroke-linejoin:round;
    transition:stroke .45s ease, transform .45s ease;
  }
  .ac-card.active .ac-icon{
    background:var(--accent);
    box-shadow:0 12px 26px rgba(253,123,3,.40), inset 0 0 0 5px var(--accent);
    transform:scale(1.06);
  }
  .ac-card.active .ac-icon svg{
    stroke:#fff;
    animation:acBob 1.5s ease-in-out infinite;
  }

  /* text */
  .ac-body{ display:block; }
  .ac-num{
    display:block; font-size:22px; font-weight:800; letter-spacing:1.5px;
    color:var(--num); margin-bottom:7px; transition:color .4s ease;
  }
  .ac-card.active .ac-num{ color:var(--accent); }
  .ac-card h3{ margin:0 0 9px; font-size:19px; font-weight:800; color:var(--ink); }
  .ac-card p{ margin:0 auto; max-width:240px; font-size:14px; font-weight:500; color:var(--muted); line-height:1.55; }

  @keyframes acBob{ 0%,100%{transform:translateY(0);} 50%{transform:translateY(-3px);} }

  /* ---------- MOBILE (icon left, text right + VERTICAL line) ---------- */
  @media (max-width:760px){
    .ac{ padding:46px 16px; }
    .ac-track{ flex-direction:column; gap:20px; }

    /* line ab vertical, icons ke beech se guzarti hai */
    .ac-line{
      display:block;
      top:50px; bottom:50px;
      left:47px; right:auto;
      width:3px; height:auto;
      transform:translateX(-50%);
      z-index:0;                 /* line ab cards ke PEECHE */
    }
    .ac-fill{ width:100%; height:var(--ac-p); }

    .ac-card{
      display:flex; align-items:center; gap:18px;
      text-align:left;
      padding:18px 18px;
    }
    .ac-icon{ margin:0; flex:0 0 58px; width:58px; height:58px; }
    .ac-icon svg{ width:25px; height:25px; }

    .ac-body{ flex:1; min-width:0; text-align:left; }
    .ac-num{ display:none; }
    .ac-card h3{ margin:0 0 5px; font-size:18px; }
    .ac-card p{ margin:0; max-width:none; font-size:13.5px; line-height:1.5; }
  }

  @media (prefers-reduced-motion:reduce){
    .ac-card.active .ac-icon svg{ animation:none; }
  }
</style>

<script type="text/rocketlazyloadscript">
(function(){
  var track = document.getElementById('acTrack');
  if(!track) return;
  var cards = Array.prototype.slice.call(track.querySelectorAll('.ac-card'));
  var n = cards.length, idx = 0, timer = null, paused = false;
  var DWELL = 1900;   // har card kitni der active rahe (ms)

  function render(){
    for(var i=0;i<n;i++) cards[i].classList.toggle('active', i===idx);
    var p = (n>1 ? (idx/(n-1))*100 : 0);
    track.style.setProperty('--ac-p', p + '%');
  }
  function next(){ idx=(idx+1)%n; render(); }
  function play(){ stop(); timer=setInterval(function(){ if(!paused) next(); }, DWELL); }
  function stop(){ if(timer){ clearInterval(timer); timer=null; } }

  cards.forEach(function(c,i){
    c.addEventListener('mouseenter', function(){ paused=true; idx=i; render(); });
    c.addEventListener('mouseleave', function(){ paused=false; });
  });

  render();
  play();
})();
</script>		</div>
				</div>
					</div>
		</div>
					</div>
		</section>
					</div>
		</div>
					</div>
		</section>
				<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-c673b36 elementor-hidden-mobile_extra elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="c673b36" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3200942" data-id="3200942" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-650c41c elementor-widget elementor-widget-heading" data-id="650c41c" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">Automate, Manage, and Grow with
</br><span>SubscriptionFlow</span></h2>		</div>
				</div>
				<div class="elementor-element elementor-element-068cd60 elementor-widget elementor-widget-video" data-id="068cd60" data-element_type="widget" data-settings="{&quot;youtube_url&quot;:&quot;https:\/\/www.youtube.com\/watch?v=penh7_MqMuE&quot;,&quot;show_image_overlay&quot;:&quot;yes&quot;,&quot;image_overlay&quot;:{&quot;url&quot;:&quot;https:\/\/subscriptionflow.com\/wp-content\/uploads\/2022\/05\/01.jpg&quot;,&quot;id&quot;:17661,&quot;size&quot;:&quot;&quot;,&quot;alt&quot;:&quot;SubscriptionFlow-Video&quot;,&quot;source&quot;:&quot;library&quot;},&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}" data-widget_type="video.default">
				<div class="elementor-widget-container">
					<div class="elementor-wrapper elementor-open-inline">
			<div class="elementor-video"></div>				<div data-bg="https://www.subscriptionflow.com/wp-content/uploads/2022/05/01.jpg" class="elementor-custom-embed-image-overlay rocket-lazyload" style="">
																<div class="elementor-custom-embed-play" role="button" aria-label="Play Video about SubscriptionFlow-Video" tabindex="0">
							<i aria-hidden="true" class="eicon-play"></i>							<span class="elementor-screen-only">Play Video about SubscriptionFlow-Video</span>
						</div>
									</div>
					</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-256f299 elementor-widget elementor-widget-spacer" data-id="256f299" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-aba04d7 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="aba04d7" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
							<div class="elementor-background-overlay"></div>
							<div class="elementor-container elementor-column-gap-no">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fd65eb0" data-id="fd65eb0" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-inner-section elementor-element elementor-element-6e120c7 elementor-section-content-middle elementor-reverse-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="6e120c7" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-6eb9240 metrix-section-content" data-id="6eb9240" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-9454da0 elementor-widget elementor-widget-html" data-id="9454da0" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<!-- =====================================================================
     SubscriptionFlow — Animated Dashboard  (paste into Elementor HTML widget)
     • Self-contained: no libraries, no CDN, no images.
     • Fixed design surface 650x550, auto-scales down to fit (responsive).
     • Two screens loop one-by-one (Screen 1 -> 4s -> Screen 2 -> 4s -> ...).
====================================================================== -->
<div class="sfx" id="sfxRoot">
  <style>
  /* ---------- scope + tokens ---------- */
  .sfx{
    --o:#ff6b2c; --o2:#ff8a4c; --o-soft:#fff4ee;
    --green:#22c55e; --red:#ef4444; --blue:#3b82f6; --cyan:#06b6d4;
    --pink:#ec4899; --grey:#cbd2da; --dark:#475569;
    --ink:#1f2733; --muted:#8a93a2; --line:#eef1f5; --card:#ffffff;
    --bg:#f6f7fb; --shadow:0 8px 22px -12px rgba(30,40,60,.18);
    --r:14px;
    font-family:-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    color:var(--ink);
    -webkit-font-smoothing:antialiased; line-height:1.4;
    position:relative; width:100%; max-width:650px; margin:0 auto; overflow:hidden;
  }
  .sfx *{box-sizing:border-box; margin:0; padding:0}

  /* fixed 650x550 surface that scales down on small screens */
  .sfx .sfx-scale{
    width:650px; height:550px; transform-origin:top left;
    background:var(--bg); border-radius:22px; padding:14px;
    display:flex; flex-direction:column;
  }

  /* ---------- two-screen stage (loops one-by-one) ---------- */
  .sfx .sfx-stage{position:relative; flex:1; min-height:0}
  .sfx .sfx-screen{
    position:absolute; inset:0; display:flex; flex-direction:column; justify-content:flex-start; gap:10px;
    opacity:0; visibility:hidden; transition:opacity .5s ease, visibility .5s ease;
  }
  .sfx .sfx-screen.active{opacity:1; visibility:visible}

  /* reveal animation base */
  .sfx .reveal{opacity:0; transform:translateY(16px); transition:opacity .6s cubic-bezier(.2,.7,.2,1), transform .6s cubic-bezier(.2,.7,.2,1)}
  .sfx .reveal.in{opacity:1; transform:none}

  /* ---------- top bar ---------- */
  .sfx .sfx-top{display:flex; align-items:center; justify-content:space-between; gap:12px}
  .sfx .sfx-brand{display:flex; align-items:center; gap:10px}
  .sfx .sfx-logo{width:34px; height:34px; border-radius:11px; background:linear-gradient(135deg,var(--o),var(--o2)); display:grid; place-items:center; color:#fff; font-weight:800; font-size:16px; box-shadow:0 6px 14px -6px rgba(255,107,44,.6)}
  .sfx .sfx-title{font-size:17px; font-weight:800; letter-spacing:-.3px}
  .sfx .sfx-date{font-size:10.5px; color:var(--muted); margin-top:1px}
  .sfx .sfx-actions{display:flex; align-items:center; gap:8px}
  .sfx .sfx-btn{border:none; cursor:pointer; font:inherit; font-weight:700; font-size:11.5px; padding:7px 13px; border-radius:9px; color:#fff; background:linear-gradient(135deg,var(--o),var(--o2)); box-shadow:0 6px 14px -8px rgba(255,107,44,.7)}
  .sfx .sfx-pill{border:1px solid var(--line); background:#fff; color:var(--ink); font-weight:700; font-size:11.5px; padding:7px 11px; border-radius:9px; display:flex; align-items:center; gap:5px}
  .sfx .sfx-pill b{color:var(--o)}

  /* ---------- grids (grow to fill height, rows stretch) ---------- */
  .sfx .sfx-hero{display:grid; grid-template-columns:1fr 1fr; grid-template-rows:1fr; gap:12px; flex:1 1 auto; min-height:0}
  .sfx .sfx-stats{display:grid; grid-template-columns:repeat(3,1fr); grid-template-rows:1fr 1fr; gap:10px; flex:1 1 auto; min-height:0}
  .sfx .sfx-duo{display:grid; grid-template-columns:1fr 1fr; grid-template-rows:1fr; gap:12px; flex:1 1 auto; min-height:0}
  .sfx .sfx-trio{display:grid; grid-template-columns:repeat(3,1fr); grid-template-rows:1fr; gap:10px; flex:1 1 auto; min-height:0}

  /* ---------- card base ---------- */
  .sfx .card{background:var(--card); border:1px solid var(--line); border-radius:var(--r); padding:12px 14px; box-shadow:var(--shadow); position:relative; overflow:hidden}
  .sfx .card .lbl{font-size:9.5px; font-weight:800; color:var(--o); text-transform:uppercase; letter-spacing:.4px; line-height:1.25}
  .sfx .num{font-size:24px; font-weight:850; letter-spacing:-.6px; margin-top:4px; font-variant-numeric:tabular-nums}
  .sfx .delta{display:inline-flex; align-items:center; gap:2px; font-size:10px; font-weight:800; padding:2px 6px; border-radius:999px; white-space:nowrap}
  .sfx .delta.up{color:#15803d; background:#e9f9ef}
  .sfx .delta.down{color:#b91c1c; background:#fdecec}

  /* hero big cards */
  .sfx .hero-card{display:flex; flex-direction:column}
  .sfx .hero-head{display:flex; align-items:flex-start; justify-content:space-between; gap:8px}
  .sfx .hero-card .num{font-size:28px}
  .sfx .chart{width:100%; flex:1 1 auto; min-height:56px; display:block; margin-top:6px}

  /* small stat cards */
  .sfx .stat{display:flex; flex-direction:column; justify-content:center}
  .sfx .stat .top{display:flex; align-items:flex-start; justify-content:space-between; gap:6px}
  .sfx .stat .name{font-size:9.5px; font-weight:800; color:var(--o); text-transform:uppercase; letter-spacing:.4px; line-height:1.25}
  .sfx .stat .num{font-size:20px}
  .sfx .stat .sub{font-size:9.5px; color:var(--muted); margin-top:1px; font-weight:600}

  /* section heading */
  .sfx .sec{display:flex; align-items:center; gap:8px}
  .sfx .sec .bar{width:3px; height:13px; border-radius:4px; background:var(--o)}
  .sfx .sec h3{font-size:11px; font-weight:800; letter-spacing:.8px; text-transform:uppercase; color:var(--dark)}
  .sfx .toggle{margin-left:auto; display:flex; gap:3px; background:#fff; border:1px solid var(--line); padding:3px; border-radius:9px}
  .sfx .toggle button{border:none; background:transparent; cursor:pointer; font:inherit; font-size:10px; font-weight:700; color:var(--muted); padding:3px 9px; border-radius:6px}
  .sfx .toggle button.on{background:linear-gradient(135deg,var(--o),var(--o2)); color:#fff}

  /* donut card: circle LEFT, content RIGHT */
  .sfx .donut-card{display:flex; flex-direction:row; flex-wrap:nowrap; gap:12px; align-items:center}
  .sfx .donut-wrap{position:relative; width:104px; height:104px; flex:0 0 auto}
  .sfx .donut-wrap svg{transform:rotate(-90deg); width:100%; height:100%}
  .sfx .donut-seg{fill:none; stroke-width:20; stroke-linecap:round; transition:stroke-dasharray 1.2s cubic-bezier(.2,.7,.2,1)}
  .sfx .donut-center{position:absolute; inset:0; display:grid; place-content:center; text-align:center}
  .sfx .donut-center .c-num{font-size:20px; font-weight:850; letter-spacing:-.6px}
  .sfx .donut-center .c-lbl{font-size:8.5px; color:var(--muted); font-weight:700}
  .sfx .donut-info{flex:1 1 auto; min-width:0}
  .sfx .donut-info .title{font-size:12.5px; font-weight:800; margin-bottom:1px}
  .sfx .donut-info .desc{font-size:9px; color:var(--muted); margin-bottom:4px}
  .sfx .legend{display:flex; flex-direction:column; gap:2px}
  .sfx .leg-row{display:flex; align-items:center; gap:6px; font-size:9.5px; min-width:0}
  .sfx .dot{width:7px; height:7px; border-radius:50%; flex:0 0 auto}
  .sfx .leg-name{font-weight:600; color:var(--ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0}
  .sfx .leg-val{margin-left:auto; padding-left:6px; font-weight:800; font-variant-numeric:tabular-nums; flex:0 0 auto}
  .sfx .leg-pct{color:var(--muted); font-weight:700; width:34px; text-align:right; font-size:9px; flex:0 0 auto}

  /* trend mini cards */
  .sfx .trend{display:flex; flex-direction:column}
  .sfx .trend .lbl{font-size:10px}
  .sfx .trend .num{font-size:19px; margin-top:3px}
  .sfx .trend .sub{font-size:9px; color:var(--muted); margin-top:1px; font-weight:600; line-height:1.25}
  .sfx .spark{width:100%; flex:1 1 auto; min-height:34px; display:block; margin-top:6px}

  @media (prefers-reduced-motion:reduce){
    .sfx .reveal{opacity:1!important; transform:none!important; transition:none!important}
    .sfx .donut-seg{transition:none!important}
    .sfx .sfx-screen{transition:none!important}
  }
  </style>

  <!-- ============ FIXED 650x550 SURFACE ============ -->
  <div class="sfx-scale" id="sfxScale">
  <div class="sfx-stage" id="sfxStage">

  <!-- ============ SCREEN 1 ============ -->
  <div class="sfx-screen" id="sfxScreen1">

    <!-- top bar -->
    <div class="sfx-top reveal">
      <div class="sfx-brand">
        <div class="sfx-logo">S</div>
        <div>
          <div class="sfx-title">Modern View</div>
          <div class="sfx-date" id="sfxDate">Friday, June 26</div>
        </div>
      </div>
      <div class="sfx-actions">
        <button class="sfx-btn">Actions</button>
        <div class="sfx-pill"><b>$</b> USD &#9662;</div>
      </div>
    </div>

    <!-- hero KPIs -->
    <div class="sfx-hero">
      <div class="card hero-card reveal">
        <div class="hero-head">
          <div>
            <div class="lbl">Monthly Recurring Revenue</div>
            <div class="num" data-count="82.407" data-prefix="$" data-suffix="K" data-dec="3">$0K</div>
          </div>
          <span class="delta up">&#9650; <span data-count="80.5" data-suffix="%" data-dec="1">0%</span></span>
        </div>
        <svg class="chart" data-line="mrr" viewBox="0 0 520 120" preserveAspectRatio="none"></svg>
      </div>

      <div class="card hero-card reveal">
        <div class="hero-head">
          <div>
            <div class="lbl">Annual Recurring Revenue</div>
            <div class="num" data-count="740.152" data-prefix="$" data-suffix="K" data-dec="3">$0K</div>
          </div>
          <span class="delta up">&#9650; <span data-count="91.0" data-suffix="%" data-dec="1">0%</span></span>
        </div>
        <svg class="chart" data-line="arr" viewBox="0 0 520 120" preserveAspectRatio="none"></svg>
      </div>
    </div>

    <!-- stat grid -->
    <div class="sfx-stats">
      <div class="card stat reveal">
        <div class="top"><span class="name">Active Subscriptions</span><span class="delta up">&#9650; <span data-count="7860" data-suffix="%" data-dec="1">0%</span></span></div>
        <div class="num" data-count="437">0</div>
      </div>
      <div class="card stat reveal">
        <div class="top"><span class="name">Net Revenue</span><span class="delta up">&#9650; <span data-count="91.8" data-suffix="%" data-dec="1">0%</span></span></div>
        <div class="num" data-count="3.577" data-prefix="$" data-suffix="M" data-dec="3">$0M</div>
      </div>
      <div class="card stat reveal">
        <div class="top"><span class="name">Net Payments Received</span><span class="delta up">&#9650; <span data-count="2298.1" data-suffix="%" data-dec="1">0%</span></span></div>
        <div class="num" data-count="837.635" data-prefix="$" data-suffix="K" data-dec="3">$0K</div>
      </div>
      <div class="card stat reveal">
        <div class="top"><span class="name">Unpaid Invoices</span></div>
        <div class="num" data-count="6239" data-comma="1">0</div>
        <div class="sub">$2.741M</div>
      </div>
      <div class="card stat reveal">
        <div class="top"><span class="name">Total Subscriptions</span><span class="delta up">&#9650; <span data-count="908" data-suffix="%" data-dec="1">0%</span></span></div>
        <div class="num" data-count="523">0</div>
      </div>
      <div class="card stat reveal">
        <div class="top"><span class="name">Total Invoices</span></div>
        <div class="num" data-count="9339" data-comma="1">0</div>
      </div>
    </div>

  </div>
  <!-- ============ /SCREEN 1 ============ -->

  <!-- ============ SCREEN 2 ============ -->
  <div class="sfx-screen" id="sfxScreen2">

    <!-- status overview -->
    <div class="sec reveal"><span class="bar"></span><h3>Status Overview</h3></div>
    <div class="sfx-duo">
      <div class="card donut-card reveal">
        <div class="donut-wrap">
          <svg viewBox="0 0 170 170" data-donut="subs"></svg>
          <div class="donut-center">
            <div class="c-num" data-count="457">0</div>
            <div class="c-lbl">Active &middot; 82.5%</div>
          </div>
        </div>
        <div class="donut-info">
          <div class="title">Subscriptions by Status</div>
          <div class="desc">Breakdown of all subscription states</div>
          <div class="legend" data-legend="subs"></div>
        </div>
      </div>

      <div class="card donut-card reveal">
        <div class="donut-wrap">
          <svg viewBox="0 0 170 170" data-donut="inv"></svg>
          <div class="donut-center">
            <div class="c-num" data-count="9339" data-comma="1">0</div>
            <div class="c-lbl">Total invoices</div>
          </div>
        </div>
        <div class="donut-info">
          <div class="title">Invoices by Status</div>
          <div class="desc">Breakdown for USD invoices</div>
          <div class="legend" data-legend="inv"></div>
        </div>
      </div>
    </div>

    <!-- performance trends -->
    <div class="sec reveal">
      <span class="bar"></span><h3>Performance Trends</h3>
      <div class="toggle">
        <button class="on">Daily</button><button>3M</button><button>6M</button><button>12M</button>
      </div>
    </div>
    <div class="sfx-trio">
      <div class="card trend reveal">
        <div class="lbl">MRR</div>
        <div class="num" data-count="80.145" data-prefix="$" data-suffix="K" data-dec="3">$0K</div>
        <div class="sub" style="color:#15803d">&#9650; 31.3% &middot; 1.7M previous period</div>
        <svg class="spark" data-line="t-mrr" viewBox="0 0 300 60" preserveAspectRatio="none"></svg>
      </div>
      <div class="card trend reveal">
        <div class="lbl">Reversals</div>
        <div class="num" data-count="0" data-prefix="$" data-dec="2">$0.00</div>
        <div class="sub">No previous data</div>
        <svg class="spark" data-line="t-rev" viewBox="0 0 300 60" preserveAspectRatio="none"></svg>
      </div>
      <div class="card trend reveal">
        <div class="lbl">Payments</div>
        <div class="num" data-count="12.404" data-prefix="$" data-suffix="K" data-dec="3">$0K</div>
        <div class="sub" style="color:#b91c1c">&#9660; 94.3% &middot; 12K previous period</div>
        <svg class="spark" data-line="t-pay" viewBox="0 0 300 60" preserveAspectRatio="none"></svg>
      </div>
    </div>

  </div>
  <!-- ============ /SCREEN 2 ============ -->

  </div><!-- /stage -->
  </div><!-- /scale -->

  <script type="text/rocketlazyloadscript">
  (function(){
    var root = document.getElementById('sfxRoot');
    var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion:reduce)').matches;
    var scaleEl = root.querySelector('#sfxScale');

    /* ---------- data ---------- */
    var LINES = {
      mrr:  [30,28,31,29,30,33,30,34,31,33,36,40,52,82],
      arr:  [18,18,20,19,28,52,68,42,24,20,21,20,21,22],
      't-mrr':[8,8,9,8,9,40,42,41,42,42,43,42],
      't-rev':[2,2,2,2,2,2,2,2,2,2,2,2],
      't-pay':[0,0,0,0,1,0,0,9,10,1,0,0]
    };
    var DONUTS = {
      subs:[
        {n:'Active',v:457,p:'82.5%',c:'var(--green)'},
        {n:'Expired',v:73,p:'13.2%',c:'var(--grey)'},
        {n:'Trial',v:7,p:'1.3%',c:'var(--cyan)'},
        {n:'Pending',v:6,p:'1.1%',c:'var(--o)'},
        {n:'Cancelled',v:6,p:'1.1%',c:'var(--red)'},
        {n:'Draft',v:4,p:'0.7%',c:'var(--pink)'},
        {n:'Suspended',v:1,p:'0.2%',c:'var(--dark)'}
      ],
      inv:[
        {n:'Overdue',v:6207,p:'66.5%',c:'var(--red)'},
        {n:'Paid',v:3072,p:'32.9%',c:'var(--green)'},
        {n:'Due',v:29,p:'0.3%',c:'var(--o)'},
        {n:'Void',v:27,p:'0.3%',c:'var(--grey)'},
        {n:'Partially Paid',v:3,p:'0.0%',c:'var(--blue)'},
        {n:'Draft',v:1,p:'0.0%',c:'var(--dark)'}
      ]
    };

    /* ---------- live date ---------- */
    try{
      root.querySelector('#sfxDate').textContent =
        new Date().toLocaleDateString('en-US',{weekday:'long',month:'long',day:'numeric'});
    }catch(e){}

    /* ---------- smooth path builder ---------- */
    function smoothPath(data,w,h,pad){
      var min=Math.min.apply(null,data), max=Math.max.apply(null,data);
      var rng=(max-min)||1, n=data.length;
      var pts=data.map(function(v,i){
        return {x: i*(w/(n-1)), y: h-pad-((v-min)/rng)*(h-pad*2)};
      });
      var d='M '+pts[0].x.toFixed(1)+' '+pts[0].y.toFixed(1);
      for(var i=0;i<pts.length-1;i++){
        var p0=pts[i?i-1:0], p1=pts[i], p2=pts[i+1], p3=pts[i+2]||p2;
        var c1x=p1.x+(p2.x-p0.x)/6, c1y=p1.y+(p2.y-p0.y)/6;
        var c2x=p2.x-(p3.x-p1.x)/6, c2y=p2.y-(p3.y-p1.y)/6;
        d+=' C '+c1x.toFixed(1)+' '+c1y.toFixed(1)+', '+c2x.toFixed(1)+' '+c2y.toFixed(1)+', '+p2.x.toFixed(1)+' '+p2.y.toFixed(1);
      }
      return {line:d, area:d+' L '+w+' '+h+' L 0 '+h+' Z'};
    }

    /* ---------- render line / spark charts ---------- */
    root.querySelectorAll('[data-line]').forEach(function(svg,idx){
      var key=svg.getAttribute('data-line'), data=LINES[key];
      var vb=svg.getAttribute('viewBox').split(' ');
      var w=+vb[2], h=+vb[3], pad= h>80?14:8;
      var paths=smoothPath(data,w,h,pad);
      var gid='sfg'+idx;
      svg.innerHTML=
        '<defs><linearGradient id="'+gid+'" x1="0" y1="0" x2="0" y2="1">'+
        '<stop offset="0%" stop-color="var(--o)" stop-opacity=".28"/>'+
        '<stop offset="100%" stop-color="var(--o)" stop-opacity="0"/></linearGradient></defs>'+
        '<path class="sfx-area" d="'+paths.area+'" fill="url(#'+gid+')" opacity="0" style="transition:opacity 1s ease .3s"/>'+
        '<path class="sfx-stroke" d="'+paths.line+'" fill="none" stroke="var(--o)" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"/>';
      var stroke=svg.querySelector('.sfx-stroke');
      var len=stroke.getTotalLength();
      stroke.style.strokeDasharray=len; stroke.style.strokeDashoffset= reduce?0:len;
      stroke.style.transition='stroke-dashoffset 1.6s cubic-bezier(.25,.7,.25,1)';
      var area=svg.querySelector('.sfx-area');
      svg._play=function(){ stroke.style.strokeDashoffset=0; area.style.opacity=1; };
      svg._reset=function(){
        if(reduce) return;
        stroke.style.transition='none'; stroke.style.strokeDashoffset=len;
        area.style.transition='none'; area.style.opacity=0;
        void svg.getBoundingClientRect();
        stroke.style.transition='stroke-dashoffset 1.6s cubic-bezier(.25,.7,.25,1)';
        area.style.transition='opacity 1s ease .3s';
      };
    });

    /* ---------- render donuts + legends ---------- */
    root.querySelectorAll('[data-donut]').forEach(function(svg){
      var key=svg.getAttribute('data-donut'), segs=DONUTS[key];
      var total=segs.reduce(function(a,b){return a+b.v;},0);
      var cx=85, cy=85, r=65, C=2*Math.PI*r, off=0;
      var html='';
      segs.forEach(function(s){
        var frac=s.v/total, len=frac*C, gap=2;
        html+='<circle class="donut-seg" cx="'+cx+'" cy="'+cy+'" r="'+r+'" '+
              'stroke="'+s.c+'" stroke-dasharray="0 '+C+'" '+
              'stroke-dashoffset="'+(-off)+'" data-len="'+Math.max(len-gap,0)+'" data-c="'+C+'"></circle>';
        off+=len;
      });
      svg.innerHTML=html;
      svg._play=function(){
        svg.querySelectorAll('.donut-seg').forEach(function(c,i){
          var len=c.getAttribute('data-len'), C=c.getAttribute('data-c');
          c.style.transitionDelay=(i*0.08)+'s';
          requestAnimationFrame(function(){ c.style.strokeDasharray=len+' '+C; });
        });
      };
      svg._reset=function(){
        if(reduce) return;
        svg.querySelectorAll('.donut-seg').forEach(function(c){
          var C=c.getAttribute('data-c');
          c.style.transition='none'; c.style.transitionDelay='0s';
          c.style.strokeDasharray='0 '+C;
          void c.getBoundingClientRect();
          c.style.transition='stroke-dasharray 1.2s cubic-bezier(.2,.7,.2,1)';
        });
      };
      var leg=root.querySelector('[data-legend="'+key+'"]');
      if(leg){
        leg.innerHTML=segs.map(function(s){
          return '<div class="leg-row"><span class="dot" style="background:'+s.c+'"></span>'+
                 '<span class="leg-name">'+s.n+'</span>'+
                 '<span class="leg-val">'+s.v.toLocaleString()+'</span>'+
                 '<span class="leg-pct">'+s.p+'</span></div>';
        }).join('');
      }
    });

    /* ---------- count-up ---------- */
    function countUp(el){
      var target=parseFloat(el.getAttribute('data-count'))||0;
      var dec=parseInt(el.getAttribute('data-dec')||'0',10);
      var pre=el.getAttribute('data-prefix')||'';
      var suf=el.getAttribute('data-suffix')||'';
      var comma=el.getAttribute('data-comma')==='1';
      var dur=1400, t0=null;
      function fmt(v){
        var s = comma ? Math.round(v).toLocaleString() : v.toFixed(dec);
        return pre+s+suf;
      }
      if(reduce){ el.textContent=fmt(target); return; }
      el.textContent=fmt(0);
      function step(t){
        if(!t0)t0=t;
        var p=Math.min((t-t0)/dur,1);
        var e=1-Math.pow(1-p,3);
        el.textContent=fmt(target*e);
        if(p<1)requestAnimationFrame(step); else el.textContent=fmt(target);
      }
      requestAnimationFrame(step);
    }

    /* ---------- play / reset a screen ---------- */
    function resetCard(scope){
      scope.querySelectorAll('[data-line],[data-donut]').forEach(function(s){ if(s._reset)s._reset(); });
    }
    function playCard(scope){
      scope.querySelectorAll('[data-count]').forEach(countUp);
      scope.querySelectorAll('[data-line],[data-donut]').forEach(function(s){ if(s._play)s._play(); });
    }

    /* ---------- two-screen loop ---------- */
    var screens = [].slice.call(root.querySelectorAll('.sfx-screen'));
    var HOLD    = 4000;   /* each screen stays this long (ms) — change to speed up/slow down */
    var current = 0, timer = null, started = false;

    function showScreen(idx){
      screens.forEach(function(s,i){
        if(i===idx){
          var rev = s.querySelectorAll('.reveal');
          rev.forEach(function(el,j){ el.classList.remove('in'); el.style.transitionDelay=(j*0.05)+'s'; });
          resetCard(s);
          s.classList.add('active');
          void s.getBoundingClientRect();
          requestAnimationFrame(function(){
            rev.forEach(function(el){ el.classList.add('in'); });
            playCard(s);
          });
        }else{
          s.classList.remove('active');
        }
      });
    }
    function tick(){
      showScreen(current);
      timer=setTimeout(function(){ current=(current+1)%screens.length; tick(); }, HOLD);
    }
    function startLoop(){ if(started)return; started=true; tick(); }

    /* ---------- responsive scale-to-fit (keeps 650x550 aspect) ---------- */
    function fit(){
      var avail = root.clientWidth || 650;
      var scale = Math.min(1, avail/650);
      scaleEl.style.transform = 'scale('+scale+')';
      root.style.height = (550*scale)+'px';
    }
    window.addEventListener('resize', fit);
    fit();

    if(reduce){
      screens.forEach(function(s){ s.querySelectorAll('.reveal').forEach(function(el){ el.classList.add('in'); }); });
      screens[0].classList.add('active'); playCard(screens[0]); current=0;
      setInterval(function(){
        screens[current].classList.remove('active');
        current=(current+1)%screens.length;
        screens[current].classList.add('active');
      }, HOLD);
    }else if('IntersectionObserver' in window){
      var io=new IntersectionObserver(function(es){
        es.forEach(function(e){ if(e.isIntersecting) startLoop(); });
      },{threshold:.2});
      io.observe(root);
    }else{
      startLoop();
    }
  })();
  </script>
</div>		</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-b0f5284 metrix-section-img" data-id="b0f5284" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-292433e elementor-widget elementor-widget-heading" data-id="292433e" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">Minimize Revenue Leakage Subscription Metrics for Data-Driven Strategies</h2>		</div>
				</div>
				<div class="elementor-element elementor-element-4627fdb elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="4627fdb" data-element_type="widget" data-widget_type="icon-list.default">
				<div class="elementor-widget-container">
					<ul class="elementor-icon-list-items">
							<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<i aria-hidden="true" class="fas fa-check-circle"></i>						</span>
										<span class="elementor-icon-list-text">Monthly and Annual Recurring Revenue Rate</span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<i aria-hidden="true" class="fas fa-check-circle"></i>						</span>
										<span class="elementor-icon-list-text">Lead Velocity Rate & Churn Rate</span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<i aria-hidden="true" class="fas fa-check-circle"></i>						</span>
										<span class="elementor-icon-list-text">Customer Lifetime Value</span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<i aria-hidden="true" class="fas fa-check-circle"></i>						</span>
										<span class="elementor-icon-list-text">Customer Acquisition Cost</span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<i aria-hidden="true" class="fas fa-check-circle"></i>						</span>
										<span class="elementor-icon-list-text">Sales, Refunds, And Net Payments</span>
									</li>
						</ul>
				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
					</div>
		</div>
					</div>
		</section>
				<section data-wpr-lazyrender="1" data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-7314dc5 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="7314dc5" data-element_type="section">
						<div class="elementor-container elementor-column-gap-no">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bce1fe0" data-id="bce1fe0" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-5cad252 elementor-widget elementor-widget-heading" data-id="5cad252" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default"><span>SubscriptionFlow</span> Partners</h2>		</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section data-wpr-lazyrender="1" data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-97526bc h-section-8 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="97526bc" data-element_type="section">
						<div class="elementor-container elementor-column-gap-no">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-611991b" data-id="611991b" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-inner-section elementor-element elementor-element-36d8738 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="36d8738" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-cb92bb3" data-id="cb92bb3" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-35a1443 elementor-widget elementor-widget-html" data-id="35a1443" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<section class="sfp">
  <div class="sfp-wrap">


    <div class="sfp-stage">

      <!-- ===================== LEFT : PAYMENT GATEWAYS ===================== -->
      <div class="sfp-side">
        <p class="sfp-label">Payment Gateways</p>
        <div class="sfp-grid">

          <!-- NMI -->
          <a href="https://subscriptionflow.com/nmi-recurring-billing/" class="sfp-card">
            <img width="87" height="24" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2087%2024'%3E%3C/svg%3E" alt="nmi" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2026/06/nmi-logo-copy.png.webp"><noscript><img width="87" height="24" decoding="async" src="https://www.subscriptionflow.com/wp-content/uploads/2026/06/nmi-logo-copy.png.webp" alt="nmi" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'"></noscript>
            <span class="sfp-fallback">Brain<b>tree</b></span>
          </a>

          <!-- stripe -->
          <a href="https://subscriptionflow.com/recurring-billing-with-stripe" class="sfp-card">
            <img width="110" height="46" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20110%2046'%3E%3C/svg%3E" alt="Authorize.Net" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2021/11/15.png"><noscript><img width="110" height="46" decoding="async" src="https://www.subscriptionflow.com/wp-content/uploads/2021/11/15.png" alt="Authorize.Net" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'"></noscript>
            <span class="sfp-fallback">Authorize.Net</span>
          </a>

          <!-- authorize-net -->
          <a href="https://subscriptionflow.com/recurring-billing-with-authorize-net/" class="sfp-card">
            <img width="156" height="20" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20156%2020'%3E%3C/svg%3E" alt="authorize-net" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2021/11/19.png"><noscript><img width="156" height="20" decoding="async" src="https://www.subscriptionflow.com/wp-content/uploads/2021/11/19.png" alt="authorize-net" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'"></noscript>
            <span class="sfp-fallback" style="color:#635bff">stripe</span>
          </a>

          <!-- iyzico -->
          <a href="https://subscriptionflow.com/recurring-payments-with-iyzico/" class="sfp-card">
            <img width="87" height="24" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2087%2024'%3E%3C/svg%3E" alt="iyzico" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2026/06/Iyzico-logo.png.webp"><noscript><img width="87" height="24" decoding="async" src="https://www.subscriptionflow.com/wp-content/uploads/2026/06/Iyzico-logo.png.webp" alt="iyzico" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'"></noscript>
            <span class="sfp-fallback">card<b>connect</b></span>
          </a>

          <!-- subscriptionflow Payments -->
          <a href="https://subscriptionflow.com/recurring-payments-with-peach-payments/" class="sfp-card">
            <img width="87" height="24" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2087%2024'%3E%3C/svg%3E" alt="PayPal" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2026/06/pechpayment-logo.png.webp"><noscript><img width="87" height="24" decoding="async" src="https://www.subscriptionflow.com/wp-content/uploads/2026/06/pechpayment-logo.png.webp" alt="PayPal" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'"></noscript>
            <span class="sfp-fallback" style="color:#003087">Pay<span style="color:#0070e0">Pal</span></span>
          </a>

          <!-- Paystack -->
          <a href="https://subscriptionflow.com/recurring-payments-with-paystack" class="sfp-card">
            <img width="87" height="24" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2087%2024'%3E%3C/svg%3E" alt="Paystack" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2026/06/paystack-logo.png.webp"><noscript><img width="87" height="24" decoding="async" src="https://www.subscriptionflow.com/wp-content/uploads/2026/06/paystack-logo.png.webp" alt="Paystack" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'"></noscript>
            <span class="sfp-fallback" style="font-size:9px;line-height:1.2">SUBSCRIPTIONFLOW<br><b style="color:#f26522">PAYMENTS</b></span>
          </a>

        </div>
      </div>

      <!-- ===================== CENTER : SF LOGO ===================== -->
      <div class="sfp-center">
        <span class="sfp-glow"></span>
        <span class="sfp-ring"></span>
        <div class="sfp-orb">
          <img width="137" height="42" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20137%2042'%3E%3C/svg%3E" alt="SubscriptionFlow" class="sfp-orb-logo" onerror="this.style.display='none';this.nextElementSibling.style.display='block'" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2022/12/new-logo.svg"><noscript><img width="137" height="42" decoding="async" src="https://www.subscriptionflow.com/wp-content/uploads/2022/12/new-logo.svg" alt="SubscriptionFlow" class="sfp-orb-logo" onerror="this.style.display='none';this.nextElementSibling.style.display='block'"></noscript>
          <span class="sfp-fallback sfp-orb-fallback">Subscription<b>FLOW</b></span>
        </div>
      </div>

      <!-- ===================== RIGHT : INTEGRATIONS ===================== -->
      <div class="sfp-side">
        <p class="sfp-label">Integrations</p>
        <div class="sfp-grid">

          <!-- Xero -->
          <a href="https://subscriptionflow.com/subscription-software-integrated-with-xero/" class="sfp-card">
            <img width="75" height="22" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2075%2022'%3E%3C/svg%3E" alt="Xero" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2021/11/46.png"><noscript><img width="75" height="22" decoding="async" src="https://www.subscriptionflow.com/wp-content/uploads/2021/11/46.png" alt="Xero" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'"></noscript>
            <span class="sfp-fallback" style="color:#13b5ea">xero</span>
          </a>

          <!-- QuickBooks -->
          <a href="https://subscriptionflow.com/subscription-software-integration-with-quickbooks/" class="sfp-card">
            <img width="105" height="20" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20105%2020'%3E%3C/svg%3E" alt="QuickBooks" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2021/11/47.png"><noscript><img width="105" height="20" decoding="async" src="https://www.subscriptionflow.com/wp-content/uploads/2021/11/47.png" alt="QuickBooks" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'"></noscript>
            <span class="sfp-fallback" style="color:#2ca01c">quickbooks</span>
          </a>

          <!-- monday-com -->
          <a href="https://subscriptionflow.com/subscriptionflow-monday-com-integration/" class="sfp-card">
            <img width="111" height="25" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20111%2025'%3E%3C/svg%3E" alt="nmi" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2026/06/monday-com.png.webp"><noscript><img width="111" height="25" decoding="async" src="https://www.subscriptionflow.com/wp-content/uploads/2026/06/monday-com.png.webp" alt="nmi" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'"></noscript>
            <span class="sfp-fallback" style="color:#ff8200">Amonday-com</span>
          </a>

          <!-- Salesforce -->
          <a href="https://subscriptionflow.com/subscription-software-integrated-with-salesforce/" class="sfp-card">
            <img width="87" height="61" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2087%2061'%3E%3C/svg%3E" alt="Salesforce" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2021/11/49.png"><noscript><img width="87" height="61" decoding="async" src="https://www.subscriptionflow.com/wp-content/uploads/2021/11/49.png" alt="Salesforce" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'"></noscript>
            <span class="sfp-fallback" style="color:#00a1e0">salesforce</span>
          </a>

          <!-- HubSpot -->
          <a href="https://subscriptionflow.com/subscriptionflow-hubspot-integration/" class="sfp-card">
            <img width="87" height="24" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2087%2024'%3E%3C/svg%3E" alt="HubSpot" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2021/11/50.png"><noscript><img width="87" height="24" decoding="async" src="https://www.subscriptionflow.com/wp-content/uploads/2021/11/50.png" alt="HubSpot" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'"></noscript>
            <span class="sfp-fallback" style="color:#ff7a59">Hub<b>Spot</b></span>
          </a>

          <!-- clickfunnels -->
          <a href="https://subscriptionflow.com/clickfunnels-recurring-payments/" class="sfp-card">
            <img width="111" height="25" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20111%2025'%3E%3C/svg%3E" alt="clickfunnels" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2026/06/Clickfunnels-logo.png.webp"><noscript><img width="111" height="25" decoding="async" src="https://www.subscriptionflow.com/wp-content/uploads/2026/06/Clickfunnels-logo.png.webp" alt="clickfunnels" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'"></noscript>
            <span class="sfp-fallback">clickfunnels</span>
          </a>

        </div>
      </div>

    </div>
  </div>
</section>

<style>
  @import url('https://fonts.googleapis.com/css2?family=Pacifico&family=Plus+Jakarta+Sans:wght@400;600;700;800&display=swap');
 
  .sfp{
    --orange:#f26522; --ink:#1b1b1f; --muted:#6b6f76;
    --card:#f4f6f9; --card-hover:#ffffff; --line:#e8eaee;
    font-family:'Plus Jakarta Sans',-apple-system,'Segoe UI',sans-serif;
    padding:70px 18px;
    background:radial-gradient(60% 70% at 50% 45%, rgba(242,101,34,.05), transparent 70%), #ffffff;
    overflow:hidden;
  }
  .sfp *{box-sizing:border-box;}
  .sfp-wrap{max-width:1240px;margin:0 auto;}
 
  .sfp-title{text-align:center;margin:0 0 60px;font-size:clamp(28px,4.5vw,44px);line-height:1;opacity:0;animation:sfpFadeDown .8s ease .1s forwards;}
  .sfp-script{font-family:'Pacifico',cursive;color:var(--orange);font-weight:400;margin-right:8px;}
  .sfp-bold{color:var(--ink);font-weight:800;}
 
  .sfp-stage{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;}
  .sfp-label{text-align:center;font-size:18px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink);margin:0 0 20px;opacity:0;animation:sfpFadeDown .6s ease .2s forwards;}
 
  .sfp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
  .sfp-card{
    position:relative;aspect-ratio:13/10;display:flex;align-items:center;justify-content:center;padding:14px;
    background:var(--card);border:1px solid var(--line);border-radius:14px;text-decoration:none;overflow:hidden;
    opacity:0;transform:translateY(16px) scale(.94);
    animation:sfpPop .55s cubic-bezier(.22,1,.36,1) forwards;
    transition:transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease;
  }
  .sfp-card::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.6) 50%,transparent 70%);transform:translateX(-120%);transition:transform .6s ease;}
  .sfp-card:hover{background:var(--card-hover);border-color:rgba(242,101,34,.45);transform:translateY(-6px) scale(1.03);box-shadow:0 14px 30px rgba(20,22,28,.12);}
  .sfp-card:hover::after{transform:translateX(120%);}
 
  .sfp-card img, .sfp-card .sfp-fallback{animation:sfpFloat 4.5s ease-in-out infinite;}
  .sfp-card img{max-width:100%;max-height:70%;object-fit:contain;}
  .sfp-fallback{display:none;align-items:center;justify-content:center;text-align:center;font-weight:700;font-size:15px;color:var(--ink);}
 
  .sfp-grid .sfp-card:nth-child(1){animation-delay:.15s}
  .sfp-grid .sfp-card:nth-child(2){animation-delay:.25s}
  .sfp-grid .sfp-card:nth-child(3){animation-delay:.35s}
  .sfp-grid .sfp-card:nth-child(4){animation-delay:.45s}
  .sfp-grid .sfp-card:nth-child(5){animation-delay:.55s}
  .sfp-grid .sfp-card:nth-child(6){animation-delay:.65s}
 
  .sfp-grid .sfp-card:nth-child(1) img, .sfp-grid .sfp-card:nth-child(1) .sfp-fallback{animation-duration:4.2s;animation-delay:0s}
  .sfp-grid .sfp-card:nth-child(2) img, .sfp-grid .sfp-card:nth-child(2) .sfp-fallback{animation-duration:5.1s;animation-delay:.4s}
  .sfp-grid .sfp-card:nth-child(3) img, .sfp-grid .sfp-card:nth-child(3) .sfp-fallback{animation-duration:4.6s;animation-delay:.8s}
  .sfp-grid .sfp-card:nth-child(4) img, .sfp-grid .sfp-card:nth-child(4) .sfp-fallback{animation-duration:5.4s;animation-delay:.2s}
  .sfp-grid .sfp-card:nth-child(5) img, .sfp-grid .sfp-card:nth-child(5) .sfp-fallback{animation-duration:4.4s;animation-delay:.6s}
  .sfp-grid .sfp-card:nth-child(6) img, .sfp-grid .sfp-card:nth-child(6) .sfp-fallback{animation-duration:5.0s;animation-delay:1s}
 
  .sfp-center{position:relative;width:280px;height:280px;display:flex;align-items:center;justify-content:center;justify-self:center;}
  .sfp-glow{position:absolute;inset:18px;border-radius:50%;background:radial-gradient(circle, rgba(242,101,34,.18), rgba(242,101,34,0) 65%);animation:sfpPulse 3.5s ease-in-out infinite;}
  .sfp-ring{position:absolute;inset:0;border-radius:50%;border:2px dashed rgba(242,101,34,.35);animation:sfpSpin 22s linear infinite;}
  .sfp-orb{
    position:relative;width:210px;height:210px;border-radius:50%;background:#fff;
    box-shadow:0 20px 50px rgba(20,22,28,.12), inset 0 0 0 1px rgba(0,0,0,.03);
    display:flex;align-items:center;justify-content:center;text-align:center;
    overflow:hidden;padding:38px;          /* logo circle ke andar hi rahega */
    opacity:0;transform:scale(.85);
    animation:sfpOrbIn .8s cubic-bezier(.22,1,.36,1) .3s forwards, sfpFloat 6s ease-in-out 1.1s infinite;
  }
  .sfp-orb-logo{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;}
  .sfp-orb-fallback{display:none;font-weight:600;font-size:24px;color:var(--ink);}
  .sfp-orb-fallback b{display:block;font-weight:800;letter-spacing:1px;}
 
  @keyframes sfpPop{to{opacity:1;transform:none;}}
  @keyframes sfpOrbIn{to{opacity:1;transform:scale(1);}}
  @keyframes sfpFadeDown{from{opacity:0;transform:translateY(-12px);}to{opacity:1;transform:none;}}
  @keyframes sfpFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-9px);}}
  @keyframes sfpSpin{to{transform:rotate(360deg);}}
  @keyframes sfpPulse{0%,100%{transform:scale(1);opacity:.6;}50%{transform:scale(1.12);opacity:.95;}}
 
  @media (max-width:900px){
    .sfp{padding:50px 16px;}
    .sfp-stage{grid-template-columns:1fr;gap:42px;}
    .sfp-center{order:-1;width:230px;height:230px;}
    .sfp-orb{width:172px;height:172px;}
    .sfp-side{max-width:430px;margin:0 auto;width:100%;}
    .sfp-title{margin-bottom:36px;}
  }
  @media (max-width:420px){.sfp-grid{gap:11px;}.sfp-fallback{font-size:13px;}}
  @media (prefers-reduced-motion:reduce){.sfp *{animation:none !important;opacity:1 !important;transform:none !important;}}
</style>		</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<div class="elementor-element elementor-element-60925d3 elementor-mobile-align-center elementor-align-center sflow-el-btn tb-btn elementor-widget elementor-widget-button" data-id="60925d3" data-element_type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
					<div class="elementor-button-wrapper">
			<a class="elementor-button elementor-button-link elementor-size-sm elementor-animation-grow" href="https://www.subscriptionflow.com/affiliate-partner-program/">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-icon">
				<i aria-hidden="true" class="fas fa-angle-right"></i>			</span>
									<span class="elementor-button-text">Other Industries</span>
					</span>
					</a>
		</div>
				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section data-wpr-lazyrender="1" data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-74a78c9 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="74a78c9" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-f4387ed" data-id="f4387ed" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-9364499 elementor-widget elementor-widget-html" data-id="9364499" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<style>
  :root{
    --brand:#fd7d07;
    --brand-2:#ff9a3d;
    --brand-dark:#c25f00;
    --tint:#fff4e8;
    --tint2:#ffe6cf;
    --ink:#1b1a18;
    --ink-soft:#736f69;
    --line:#eeebe7;
    --bg:#ffffff;
  }
  *{box-sizing:border-box;margin:0;padding:0;}

  .gw-wrap{width:100%;max-width:580px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;}

  .gw-stage{
    position:relative;width:100%;aspect-ratio:580/480;
    background:
      radial-gradient(60% 55% at 50% 50%, #fff8f0 0%, rgba(255,248,240,0) 72%),
      var(--bg);
    border:1px solid var(--line);border-radius:20px;overflow:hidden;
    container-type:inline-size;
    box-shadow:0 2cqw 6cqw rgba(125,61,0,.05);
  }

  /* ---------- network svg ---------- */
  .gw-net{position:absolute;inset:0;width:100%;height:100%;z-index:1;}
  .gw-link{stroke:var(--tint2);stroke-width:1.4;stroke-dasharray:4 5;fill:none;opacity:.9;}
  .gw-pulse{fill:var(--brand);}
  .gw-ring{fill:none;stroke:var(--brand);transform-box:fill-box;transform-origin:center;}

  /* ---------- hub ---------- */
  .gw-core{
    position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;
    width:20cqw;height:20cqw;border-radius:50%;
    background:#fff;border:1px solid var(--tint2);
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 4cqw 11cqw rgba(253,125,7,.30), 0 0 0 1.8cqw rgba(253,125,7,.10);
  }
  .gw-core img{width:11cqw;height:11cqw;object-fit:contain;animation:breathe 3s ease-in-out infinite;}
  @keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.09)}}

  .gw-status{
    position:absolute;left:50%;top:67%;transform:translate(-50%,-50%);z-index:6;
    background:#fff;border:1px solid var(--line);border-radius:30px;
    padding:1.4cqw 3cqw;display:flex;align-items:center;gap:1.6cqw;white-space:nowrap;
    box-shadow:0 1.6cqw 4cqw rgba(0,0,0,.08);
  }
  .gw-status .led{width:1.8cqw;height:1.8cqw;border-radius:50%;background:#1fb866;animation:blink 1.3s infinite;}
  @keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
  .gw-status span{font-size:2.4cqw;font-weight:700;color:var(--ink);}

  /* ---------- industry nodes ---------- */
  .node{position:absolute;transform:translate(-50%,-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:1.2cqw;width:26cqw;transition:transform .4s ease;}
  .node .ic{
    width:12cqw;height:12cqw;border-radius:28%;
    background:#fff;border:1px solid var(--line);
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 1.6cqw 4cqw rgba(0,0,0,.06);transition:all .4s ease;
  }
  .node .ic svg{width:6cqw;height:6cqw;stroke:var(--brand);fill:none;transition:stroke .4s ease;}
  .node .lbl{font-size:2.3cqw;font-weight:700;color:var(--ink-soft);transition:color .4s ease;white-space:nowrap;}
  .node.active{transform:translate(-50%,-50%) scale(1.08);}
  .node.active .ic{background:linear-gradient(135deg,var(--brand-2),var(--brand));border-color:var(--brand);box-shadow:0 2.4cqw 6cqw rgba(253,125,7,.35);}
  .node.active .ic svg{stroke:#fff;}
  .node.active .lbl{color:var(--brand-dark);}

  @media (prefers-reduced-motion: reduce){
    *{animation-duration:.001s !important;}
    .gw-status .led,.gw-core img{animation:none;}
  }

  /* pulse motion (hub -> node), staggered across 7 lines */
  .p0{animation:f0 2.4s linear infinite;}
  .p1{animation:f1 2.4s linear infinite .34s;}
  .p2{animation:f2 2.4s linear infinite .68s;}
  .p3{animation:f3 2.4s linear infinite 1.02s;}
  .p4{animation:f4 2.4s linear infinite 1.36s;}
  .p5{animation:f5 2.4s linear infinite 1.70s;}
  .p6{animation:f6 2.4s linear infinite 2.04s;}
  @keyframes f0{0%{transform:translate(0,0);opacity:0}12%{opacity:1}88%{opacity:1}100%{transform:translate(0,-170px);opacity:0}}
  @keyframes f1{0%{transform:translate(0,0);opacity:0}12%{opacity:1}88%{opacity:1}100%{transform:translate(160px,-106px);opacity:0}}
  @keyframes f2{0%{transform:translate(0,0);opacity:0}12%{opacity:1}88%{opacity:1}100%{transform:translate(200px,38px);opacity:0}}
  @keyframes f3{0%{transform:translate(0,0);opacity:0}12%{opacity:1}88%{opacity:1}100%{transform:translate(89px,153px);opacity:0}}
  @keyframes f4{0%{transform:translate(0,0);opacity:0}12%{opacity:1}88%{opacity:1}100%{transform:translate(-89px,153px);opacity:0}}
  @keyframes f5{0%{transform:translate(0,0);opacity:0}12%{opacity:1}88%{opacity:1}100%{transform:translate(-200px,38px);opacity:0}}
  @keyframes f6{0%{transform:translate(0,0);opacity:0}12%{opacity:1}88%{opacity:1}100%{transform:translate(-160px,-106px);opacity:0}}

  .r1{animation:ring 3.6s ease-out infinite;}
  .r2{animation:ring 3.6s ease-out infinite 1.2s;}
  .r3{animation:ring 3.6s ease-out infinite 2.4s;}
  @keyframes ring{0%{transform:scale(1);opacity:.5}100%{transform:scale(3.2);opacity:0}}
</style>
<div class="gw-wrap">
  <div class="gw-stage">

    <svg class="gw-net" viewBox="0 0 580 480" preserveAspectRatio="none">
      <!-- links hub(290,240) -> nodes -->
      <line class="gw-link" x1="290" y1="240" x2="290" y2="70"/>
      <line class="gw-link" x1="290" y1="240" x2="450" y2="134"/>
      <line class="gw-link" x1="290" y1="240" x2="490" y2="278"/>
      <line class="gw-link" x1="290" y1="240" x2="379" y2="393"/>
      <line class="gw-link" x1="290" y1="240" x2="201" y2="393"/>
      <line class="gw-link" x1="290" y1="240" x2="90"  y2="278"/>
      <line class="gw-link" x1="290" y1="240" x2="130" y2="134"/>

      <circle class="gw-ring r1" cx="290" cy="240" r="44" stroke-width="2"/>
      <circle class="gw-ring r2" cx="290" cy="240" r="44" stroke-width="2"/>
      <circle class="gw-ring r3" cx="290" cy="240" r="44" stroke-width="2"/>

      <circle class="gw-pulse p0" cx="290" cy="240" r="4.5"/>
      <circle class="gw-pulse p1" cx="290" cy="240" r="4.5"/>
      <circle class="gw-pulse p2" cx="290" cy="240" r="4.5"/>
      <circle class="gw-pulse p3" cx="290" cy="240" r="4.5"/>
      <circle class="gw-pulse p4" cx="290" cy="240" r="4.5"/>
      <circle class="gw-pulse p5" cx="290" cy="240" r="4.5"/>
      <circle class="gw-pulse p6" cx="290" cy="240" r="4.5"/>
    </svg>

    <!-- hub core with SubscriptionFlow icon -->
    <div class="gw-core">
      <img width="27" height="22" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2027%2022'%3E%3C/svg%3E" alt="" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2026/06/SF-icon.svg" /><noscript><img width="27" height="22" decoding="async" src="https://www.subscriptionflow.com/wp-content/uploads/2026/06/SF-icon.svg" alt="" /></noscript>
    </div>

    <!-- agentic live status -->
    <div class="gw-status"><span class="led"></span><span id="gwStatus">Metering usage</span></div>

    <!-- industry nodes (7) -->
    <div class="node" data-n="0" style="left:50%;top:14.58%">
      <div class="ic"><svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 10a4 4 0 0 0-7.6-1.5A3.5 3.5 0 1 0 9 16h8.5a3.5 3.5 0 0 0 .5-6z"/></svg></div>
      <div class="lbl">SaaS</div>
    </div>
    <div class="node" data-n="1" style="left:77.59%;top:27.92%">
      <div class="ic"><svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="20" r="1.4"/><circle cx="18" cy="20" r="1.4"/><path d="M2 3h3l2.4 12.2a1.5 1.5 0 0 0 1.5 1.2h8.3a1.5 1.5 0 0 0 1.5-1.2L22 7H6"/></svg></div>
      <div class="lbl">ECommerce</div>
    </div>
    <div class="node" data-n="2" style="left:84.48%;top:57.92%">
      <div class="ic"><svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9l9-4 9 4-9 4z"/><path d="M21 9v5"/><path d="M7 11v3.2c0 1.4 2.2 2.3 5 2.3s5-.9 5-2.3V11"/></svg></div>
      <div class="lbl">E-Learning</div>
    </div>
    <div class="node" data-n="3" style="left:65.34%;top:81.88%">
      <div class="ic"><svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 5.5h8a2.5 2.5 0 0 1 2 1 2.5 2.5 0 0 1 2-1h8v12h-7a3 3 0 0 0-3 1.5 3 3 0 0 0-3-1.5H2z"/><path d="M12 6.5V18"/></svg></div>
      <div class="lbl">Magazine</div>
    </div>
    <div class="node" data-n="4" style="left:34.66%;top:81.88%">
      <div class="ic"><svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="5" width="18" height="14" rx="2"/><circle cx="8.5" cy="11" r="2"/><path d="M5 16c.3-1.6 1.8-2.4 3.5-2.4S11.7 14.4 12 16"/><path d="M14.5 10h3.5M14.5 13h3.5"/></svg></div>
      <div class="lbl">Membership</div>
    </div>
    <div class="node" data-n="5" style="left:15.52%;top:57.92%">
      <div class="ic"><svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12h4l2-6 4 12 2.5-6H22"/></svg></div>
      <div class="lbl">Health &amp; Fitness</div>
    </div>
    <div class="node" data-n="6" style="left:22.41%;top:27.92%">
      <div class="ic"><svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3l8 3v5.5c0 4.7-3.3 7.7-8 8.5-4.7-.8-8-3.8-8-8.5V6z"/><path d="M9 12l2 2 4-4"/></svg></div>
      <div class="lbl">Insurance</div>
    </div>

  </div>
</div>

<script type="text/rocketlazyloadscript">
(function(){
  var statuses=["Metering usage","Rating & pricing","Generating invoices","Collecting payments","Renewing plans","Reconciling revenue"];
  var nodes=document.querySelectorAll('.node');
  var statusEl=document.getElementById('gwStatus');
  var i=0;
  function step(){
    nodes.forEach(function(n,k){ n.classList.toggle('active', k===i%nodes.length); });
    statusEl.textContent=statuses[i%statuses.length];
    i++;
  }
  step();
  setInterval(step,1700);
})();
</script>		</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-cf59df4" data-id="cf59df4" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-26fac4d elementor-widget elementor-widget-spacer" data-id="26fac4d" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-fa963f6 elementor-widget elementor-widget-heading" data-id="fa963f6" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">Serving Clients All Over the World Across Countless Industries</h2>		</div>
				</div>
				<div class="elementor-element elementor-element-72eb068 elementor-widget elementor-widget-text-editor" data-id="72eb068" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<p>If your business involves recurring billing and invoicing, charges customers and clients with custom billing models and pricing strategies, SubscriptionFlow is for you!</p>						</div>
				</div>
				<div class="elementor-element elementor-element-4c1d4de elementor-mobile-align-center sflow-el-btn tb-btn elementor-widget elementor-widget-button" data-id="4c1d4de" data-element_type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
					<div class="elementor-button-wrapper">
			<a class="elementor-button elementor-button-link elementor-size-sm elementor-animation-grow" href="https://subscriptionflow.com/other-industries/">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-icon">
				<i aria-hidden="true" class="fas fa-angle-right"></i>			</span>
									<span class="elementor-button-text">Other Industries</span>
					</span>
					</a>
		</div>
				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-13f860a elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="13f860a" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c8a0c5d" data-id="c8a0c5d" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-inner-section elementor-element elementor-element-cec637d elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="cec637d" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-a374140" data-id="a374140" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-e6ed4b9 elementor-widget elementor-widget-heading" data-id="e6ed4b9" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">Trusted by Teams Who Grow Fast</h2>		</div>
				</div>
				<div class="elementor-element elementor-element-739e0c8 elementor-widget elementor-widget-text-editor" data-id="739e0c8" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<p>If your business involves recurring billing and invoicing, charges customers and clients with custom billing models and pricing strategies, SubscriptionFlow is for you!</p>						</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<div class="elementor-element elementor-element-19f6adf elementor-widget elementor-widget-spacer" data-id="19f6adf" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-62736bc elementor-widget elementor-widget-html" data-id="62736bc" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			
<style type="text/css">@font-face {font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;src:url(/cf-fonts/v/plus-jakarta-sans/5.2.8/latin-ext/wght/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;src:url(/cf-fonts/v/plus-jakarta-sans/5.2.8/cyrillic-ext/wght/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;src:url(/cf-fonts/v/plus-jakarta-sans/5.2.8/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;src:url(/cf-fonts/v/plus-jakarta-sans/5.2.8/vietnamese/wght/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;src:url(/cf-fonts/v/plus-jakarta-sans/5.2.8/latin-ext/wght/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;src:url(/cf-fonts/v/plus-jakarta-sans/5.2.8/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;src:url(/cf-fonts/v/plus-jakarta-sans/5.2.8/cyrillic-ext/wght/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;src:url(/cf-fonts/v/plus-jakarta-sans/5.2.8/vietnamese/wght/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;src:url(/cf-fonts/v/plus-jakarta-sans/5.2.8/cyrillic-ext/wght/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;src:url(/cf-fonts/v/plus-jakarta-sans/5.2.8/latin-ext/wght/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;src:url(/cf-fonts/v/plus-jakarta-sans/5.2.8/vietnamese/wght/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;src:url(/cf-fonts/v/plus-jakarta-sans/5.2.8/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;src:url(/cf-fonts/v/plus-jakarta-sans/5.2.8/latin-ext/wght/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;src:url(/cf-fonts/v/plus-jakarta-sans/5.2.8/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;src:url(/cf-fonts/v/plus-jakarta-sans/5.2.8/vietnamese/wght/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;src:url(/cf-fonts/v/plus-jakarta-sans/5.2.8/cyrillic-ext/wght/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;src:url(/cf-fonts/v/plus-jakarta-sans/5.2.8/latin-ext/wght/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;src:url(/cf-fonts/v/plus-jakarta-sans/5.2.8/vietnamese/wght/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;src:url(/cf-fonts/v/plus-jakarta-sans/5.2.8/cyrillic-ext/wght/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;src:url(/cf-fonts/v/plus-jakarta-sans/5.2.8/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:IBM Plex Mono;font-style:normal;font-weight:400;src:url(/cf-fonts/s/ibm-plex-mono/5.2.7/latin/400/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:IBM Plex Mono;font-style:normal;font-weight:400;src:url(/cf-fonts/s/ibm-plex-mono/5.2.7/cyrillic/400/normal.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap;}@font-face {font-family:IBM Plex Mono;font-style:normal;font-weight:400;src:url(/cf-fonts/s/ibm-plex-mono/5.2.7/latin-ext/400/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:IBM Plex Mono;font-style:normal;font-weight:400;src:url(/cf-fonts/s/ibm-plex-mono/5.2.7/vietnamese/400/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:IBM Plex Mono;font-style:normal;font-weight:400;src:url(/cf-fonts/s/ibm-plex-mono/5.2.7/cyrillic-ext/400/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:IBM Plex Mono;font-style:normal;font-weight:500;src:url(/cf-fonts/s/ibm-plex-mono/5.2.7/vietnamese/500/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:IBM Plex Mono;font-style:normal;font-weight:500;src:url(/cf-fonts/s/ibm-plex-mono/5.2.7/latin-ext/500/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:IBM Plex Mono;font-style:normal;font-weight:500;src:url(/cf-fonts/s/ibm-plex-mono/5.2.7/cyrillic/500/normal.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap;}@font-face {font-family:IBM Plex Mono;font-style:normal;font-weight:500;src:url(/cf-fonts/s/ibm-plex-mono/5.2.7/latin/500/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:IBM Plex Mono;font-style:normal;font-weight:500;src:url(/cf-fonts/s/ibm-plex-mono/5.2.7/cyrillic-ext/500/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}</style>

<style>
#sf-testi * { box-sizing: border-box; margin: 0; padding: 0; }

#sf-testi {
  --or:    #F47B20;
  --or2:   #FF9A3D;
  --ord:   #E0670F;
  --ink:   #1A1B2E;
  --ink2:  #3D3E52;
  --muted: #8A8B9A;
  --cream: #FFF6EE;
  --line:  #EDE0D4;
  --bg:    #FAFAF9;
  --gold:  #F5A623;
  --w:     #ffffff;
  font-family: 'Plus Jakarta Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
  width: 100%;
}

/* ── Section layout ── */
#sf-testi .tf-section {
  background: #ffffff;
  padding: 0px 24px;
  position: relative;
  overflow: hidden;
}

/* Big faded background word */
#sf-testi .tf-bg-word {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  font-size: clamp(90px, 16vw, 180px);
  font-weight: 800;
  color: rgba(244,123,32,0.04);
  white-space: nowrap;
  letter-spacing: -0.04em;
  pointer-events: none;
  user-select: none;
  z-index: 0;
}

#sf-testi .tf-inner {
  max-width: 1160px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

/* ── Header ── */
#sf-testi .tf-head {
  text-align: center;
  margin-bottom: 60px;
}

#sf-testi .tf-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: 'IBM Plex Mono', monospace;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--or);
  margin-bottom: 16px;
}
#sf-testi .tf-eyebrow::before,
#sf-testi .tf-eyebrow::after {
  content: "";
  width: 22px; height: 1.5px;
  background: var(--or);
}

#sf-testi .tf-title {
  font-size: clamp(26px, 3.5vw, 40px);
  font-weight: 800;
  color: var(--ink);
  letter-spacing: -0.025em;
  line-height: 1.1;
  margin-bottom: 14px;
}

#sf-testi .tf-title span {
  color: var(--or);
}

#sf-testi .tf-desc {
  font-size: 16px;
  color: var(--muted);
  max-width: 460px;
  margin: 0 auto;
  line-height: 1.65;
}

/* ── MAIN LAYOUT: cards left, active big right ── */
#sf-testi .tf-body {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 32px;
  align-items: start;
}

/* ── LEFT: Reviewer thumbnails ── */
#sf-testi .tf-thumbs {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

#sf-testi .tf-thumb {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 14px 16px;
  border-radius: 16px;
  border: 1.5px solid var(--line);
  background: var(--w);
  cursor: pointer;
  transition: border-color 0.3s, box-shadow 0.3s, transform 0.3s;
  position: relative;
  overflow: hidden;
}

#sf-testi .tf-thumb::before {
  content: "";
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: linear-gradient(180deg, var(--or), var(--or2));
  transform: scaleY(0);
  transform-origin: center;
  transition: transform 0.3s ease;
  border-radius: 0 3px 3px 0;
}

#sf-testi .tf-thumb.tf-active {
  border-color: rgba(244,123,32,0.35);
  box-shadow: 0 8px 28px -12px rgba(244,123,32,0.25);
  background: var(--cream);
}

#sf-testi .tf-thumb.tf-active::before {
  transform: scaleY(1);
}

#sf-testi .tf-th-avatar {
  width: 42px; height: 42px;
  border-radius: 50%;
  flex-shrink: 0;
  display: grid;
  place-items: center;
  font-weight: 800;
  font-size: 16px;
  color: #fff;
  background: linear-gradient(135deg, var(--or), var(--or2));
  overflow: hidden;
  position: relative;
}

/* Image inside avatar — fills circle, covers fully */
#sf-testi .tf-th-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  border-radius: 50%;
}

#sf-testi .tf-th-info { flex: 1; min-width: 0; }

#sf-testi .tf-th-name {
  font-weight: 700;
  font-size: 13.5px;
  color: var(--ink);
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#sf-testi .tf-th-role {
  font-size: 11.5px;
  color: var(--muted);
  margin-top: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Stars mini */
#sf-testi .tf-th-stars {
  display: flex;
  gap: 2px;
  color: var(--gold);
  font-size: 10px;
  margin-top: 3px;
}

/* Progress bar inside thumb */
#sf-testi .tf-progress-bar {
  position: absolute;
  bottom: 0; left: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--or), var(--or2));
  width: 0%;
  border-radius: 0 0 0 0;
  transition: width 0.1s linear;
}

/* ── RIGHT: Active big testimonial card ── */
#sf-testi .tf-featured {
  position: relative;
}

#sf-testi .tf-card {
  background: var(--w);
  border-radius: 24px;
  padding: 44px 42px;
  border: 1.5px solid var(--line);
  box-shadow: 0 32px 64px -28px rgba(26,27,46,0.18);
  position: relative;
  overflow: hidden;
  min-height: 320px;
  transition: opacity 0.4s ease, transform 0.4s ease;
}

/* Orange corner accent */
#sf-testi .tf-card::before {
  content: "";
  position: absolute;
  top: 0; right: 0;
  width: 120px; height: 120px;
  background: radial-gradient(circle at top right, rgba(244,123,32,0.12), transparent 70%);
  pointer-events: none;
}

/* Big decorative quote */
#sf-testi .tf-big-quote {
  position: absolute;
  top: 24px; right: 32px;
  font-size: 120px;
  line-height: 1;
  color: rgba(244,123,32,0.07);
  font-family: Georgia, serif;
  pointer-events: none;
  user-select: none;
}

/* Stars in card */
#sf-testi .tf-card-stars {
  display: flex;
  gap: 5px;
  margin-bottom: 22px;
}
#sf-testi .tf-card-stars span {
  color: var(--gold);
  font-size: 18px;
}

/* Review text */
#sf-testi .tf-card-text {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.75;
  color: var(--ink2);
  margin-bottom: 32px;
  font-style: italic;
  position: relative;
  z-index: 1;
}

/* Card bottom row */
#sf-testi .tf-card-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 22px;
  border-top: 1px solid var(--line);
  flex-wrap: wrap;
  gap: 12px;
}

#sf-testi .tf-card-author {
  display: flex;
  align-items: center;
  gap: 14px;
}

#sf-testi .tf-card-avatar {
  width: 52px; height: 52px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-weight: 800;
  font-size: 20px;
  color: #fff;
  background: linear-gradient(135deg, var(--or), var(--or2));
  border: 3px solid rgba(244,123,32,0.2);
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}

#sf-testi .tf-card-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  border-radius: 50%;
}

#sf-testi .tf-card-name {
  font-weight: 700;
  font-size: 16px;
  color: var(--ink);
  line-height: 1.2;
}

#sf-testi .tf-card-role {
  font-size: 13px;
  color: var(--muted);
  margin-top: 3px;
}

/* Verified + platform badge */
#sf-testi .tf-badges {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}

#sf-testi .tf-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 700;
  padding: 6px 12px;
  border-radius: 99px;
  white-space: nowrap;
}

#sf-testi .tf-badge-ver {
  background: rgba(244,123,32,0.1);
  color: var(--or);
  border: 1px solid rgba(244,123,32,0.22);
}

#sf-testi .tf-badge-src {
  background: rgba(26,27,46,0.06);
  color: var(--ink2);
  border: 1px solid rgba(26,27,46,0.1);
}

/* ── Bottom metric strip ── */
#sf-testi .tf-metrics {
  display: flex;
  gap: 0;
  margin-top: 28px;
  background: var(--ink);
  border-radius: 18px;
  overflow: hidden;
}

#sf-testi .tf-metric {
  flex: 1;
  padding: 18px 20px;
  text-align: center;
  position: relative;
}

#sf-testi .tf-metric:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0; top: 20%; bottom: 20%;
  width: 1px;
  background: rgba(255,255,255,0.08);
}

#sf-testi .tf-metric-n {
  font-size: 22px;
  font-weight: 800;
  color: var(--w);
  letter-spacing: -0.02em;
  display: block;
}
#sf-testi .tf-metric-n span { color: var(--or); }

#sf-testi .tf-metric-l {
  font-size: 10.5px;
  font-family: 'IBM Plex Mono', monospace;
  color: rgba(255,255,255,0.38);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-top: 2px;
  display: block;
}

/* ── Nav arrows ── */
#sf-testi .tf-arrows {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  margin-top: 16px;
}

#sf-testi .tf-arrow {
  width: 40px; height: 40px;
  border-radius: 50%;
  border: 1.5px solid var(--line);
  background: var(--w);
  display: grid;
  place-items: center;
  cursor: pointer;
  color: var(--ink2);
  transition: border-color 0.25s, background 0.25s, color 0.25s;
}

#sf-testi .tf-arrow:hover {
  border-color: var(--or);
  background: var(--or);
  color: #fff;
}

/* ── RESPONSIVE ── */
@media (max-width: 860px) {
  #sf-testi .tf-body {
    grid-template-columns: 1fr;
  }
  #sf-testi .tf-thumbs {
    flex-direction: row;
    overflow-x: auto;
    padding-bottom: 4px;
    gap: 10px;
    display: contents;
  }
  #sf-testi .tf-thumb {
    min-width: 200px;
    flex-shrink: 0;
  }
  #sf-testi .tf-metrics {
    flex-wrap: wrap;
  }
  #sf-testi .tf-metric {
    min-width: 50%;
  }
}

@media (max-width: 560px) {
  #sf-testi .tf-section { padding: 60px 16px; }
  #sf-testi .tf-card { padding: 28px 22px; min-height: auto; }
  #sf-testi .tf-card-text { font-size: 15.5px; }
  #sf-testi .tf-card-bottom { flex-direction: column; align-items: flex-start; }
  #sf-testi .tf-big-quote { font-size: 80px; }
  #sf-testi .tf-metric { min-width: 50%; }
  #sf-testi .tf-thumb { min-width: 175px; }
}

@media (prefers-reduced-motion: reduce) {
  #sf-testi .tf-card { transition: none; }
  #sf-testi .tf-thumb,
  #sf-testi .tf-thumb::before { transition: none; }
  #sf-testi .tf-progress-bar { transition: none; }
}
</style>

<div id="sf-testi">
  <div class="tf-section">

    <!-- Faded bg word -->
    <div class="tf-bg-word">Reviews</div>

    <div class="tf-inner">

      <!-- Header 
      <div class="tf-head">
        <div class="tf-eyebrow">Customer Stories</div>
        <h2 class="tf-title">Trusted by Teams Who <span>Grow Fast</span></h2>
        <p class="tf-desc">Real results from businesses that switched to SubscriptionFlow.</p>
      </div>-->

      <!-- Body -->
      <div class="tf-body">

        <!-- Left: reviewer thumbnails -->
        <div class="tf-thumbs" id="tfThumbs"></div>

        <!-- Right: featured card + metrics + arrows -->
        <div class="tf-featured">

          <div class="tf-card" id="tfCard">
            <div class="tf-big-quote">"</div>
            <div class="tf-card-stars">
              <span>★</span><span>★</span><span>★</span><span>★</span><span>★</span>
            </div>
            <p class="tf-card-text" id="tfText"></p>
            <div class="tf-card-bottom">
              <div class="tf-card-author">
                <div class="tf-card-avatar" id="tfAvatar"></div>
                <div>
                  <div class="tf-card-name" id="tfName"></div>
                  <div class="tf-card-role" id="tfRole"></div>
                </div>
              </div>
              <div class="tf-badges">
                <span class="tf-badge tf-badge-ver">
                  <svg width="10" height="10" viewBox="0 0 24 24" fill="none">
                    <path d="M20 6 9 17l-5-5" stroke="currentColor" stroke-width="2.8" stroke-linecap="round" stroke-linejoin="round"/>
                  </svg>
                  Verified
                </span>
                <span class="tf-badge tf-badge-src" id="tfSource"></span>
              </div>
            </div>
          </div>

          <!-- Arrows -->
          <div class="tf-arrows">
            <button class="tf-arrow" id="tfPrev" aria-label="Previous">
              <svg width="16" height="16" viewBox="0 0 24 24" fill="none">
                <path d="M19 12H5M11 6l-6 6 6 6" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/>
              </svg>
            </button>
            <button class="tf-arrow" id="tfNext" aria-label="Next">
              <svg width="16" height="16" viewBox="0 0 24 24" fill="none">
                <path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/>
              </svg>
            </button>
          </div>

          <!-- Metric strip -->
          <div class="tf-metrics">
            <div class="tf-metric">
              <span class="tf-metric-n">2<span>K+</span></span>
              <span class="tf-metric-l">Active Businesses</span>
            </div>
            <div class="tf-metric">
              <span class="tf-metric-n">98<span>%</span></span>
              <span class="tf-metric-l">Retention Rate</span>
            </div>
            <div class="tf-metric">
              <span class="tf-metric-n">4.9<span>★</span></span>
              <span class="tf-metric-l">Avg. Rating</span>
            </div>
            <div class="tf-metric">
              <span class="tf-metric-n">12<span>%</span></span>
              <span class="tf-metric-l">Revenue Recovered</span>
            </div>
          </div>

        </div>
      </div>
    </div>
  </div>
</div>

<script type="text/rocketlazyloadscript">
(function () {
  'use strict';

  var REVIEWS = [
    {
      text: "SubscriptionFlow is a huge improvement over our previous program. Prior to using SubscriptionFlow, our accounting processes lacked efficiency and we struggled to keep up with our customers’ invoice and somehow with the interface. Using SubscriptionFlow, we have enhanced our business productivity by streamlining our invoicing and billing processes with lookalike interface that makes us easier to get hands on it in a very short period. SubscriptionFlow has helped in much needed transformation in our daily functioning.",
      name: 'Sheila M',
      role: 'Head of Revenue, SaaS Platform',
      init: 'H',
      img: 'https://www.subscriptionflow.com/wp-content/uploads/2022/01/Sheila-Fitzgerald.png.webp',   /* ← client ki image ka URL yahan dalein */
      source: 'G2 Review'
    },
    {
      text: "SubscriptionFlow has saved us time and money. SubscriptionFlow has solved all of our billing and invoicing woes. With its extensive CRM tools and centralized system for unifying customer information, it performs well for users who offer subscription based services and understands the need for customer centric tools. From self-service portal to multiple payment methods, SubscriptionFlow has enabled us to cater to every customer’s unique need.",
      name: 'Jim M',
      role: 'CTO, FinTech Startup',
      init: 'M',
      img: 'https://www.subscriptionflow.com/wp-content/uploads/2022/01/Jim-Mathis-1.png.webp',
      source: 'Capterra'
    },
    {
      text: "It’s been more than 2 years since I started using SubscriptionFlow and I am comfortable in saying that this software has got everything you require to manage your subscribers.",
      name: 'Saima A.',
      role: 'VP Operations, B2B SaaS',
      init: 'S',
      img: 'https://www.subscriptionflow.com/wp-content/uploads/2022/01/Testimonial1-Saima.png.webp',
      source: 'Trustpilot'
    },
    {
      text: "A complete solution to all your subscription model needs… SubscriptionFlow takes care of all our troubles and provides great convenience for us and our subscribers.",
      name: 'Habiba F.',
      role: 'Founder, E-commerce Subscriptions',
      init: 'R',
      img: 'https://www.subscriptionflow.com/wp-content/uploads/2024/07/Testimonial4-Habiba.png.webp',
      source: 'G2 Review'
    },
        {
      text: "Great solution for our somewhat complex business model. The support team behind the software were very helpful. They even set up some integrations for us that others weren't offering and we were able to set up onetime and subscription checkout with a high degree of customization.",
      name: 'Kenzie M',
      role: 'Founder, E-commerce Subscriptions',
      init: 'R',
      img: 'https://www.subscriptionflow.com/wp-content/uploads/2021/11/Mackenzie-Mathis.png.webp',
      source: 'G2 Review'
    },
    {
      text: "Probably the most versatile solution on the market… Subscriptionflow gives flexibility to the user, unlike any other solution I've seen on the market.",
      name: 'Scott N',
      role: 'Engineering Lead, PropTech',
      init: 'P',
      img: 'https://www.subscriptionflow.com/wp-content/uploads/2024/07/Testimonial2-Scott.png.webp',
      source: 'Product Hunt'
    }
  ];

  var DURATION  = 5000;
  var current   = 0;
  var timer     = null;
  var progTimer = null;
  var elapsed   = 0;
  var reduced   = window.matchMedia &&
                  window.matchMedia('(prefers-reduced-motion: reduce)').matches;

  var thumbsWrap = document.getElementById('tfThumbs');
  var card       = document.getElementById('tfCard');
  var textEl     = document.getElementById('tfText');
  var avatarEl   = document.getElementById('tfAvatar');
  var nameEl     = document.getElementById('tfName');
  var roleEl     = document.getElementById('tfRole');
  var sourceEl   = document.getElementById('tfSource');
  var prevBtn    = document.getElementById('tfPrev');
  var nextBtn    = document.getElementById('tfNext');

  if (!thumbsWrap || !card) return;

  /* ── Helper: if you give the url client to <img>, otherwise letter ── */
  function avatarHTML(r) {
    if (r.img && r.img.trim() !== '') {
      return '<img decoding="async" src="' + r.img + '" alt="' + r.name + '" loading="lazy">';
    }
    return r.init;
  }

  /* ── Build thumbnails ── */
  REVIEWS.forEach(function (r, i) {
    var el = document.createElement('div');
    el.className = 'tf-thumb' + (i === 0 ? ' tf-active' : '');
    el.innerHTML =
      '<div class="tf-th-avatar">' + avatarHTML(r) + '</div>' +
      '<div class="tf-th-info">' +
        '<div class="tf-th-name">' + r.name + '</div>' +
        '<div class="tf-th-role">' + r.role + '</div>' +
        '<div class="tf-th-stars">★★★★★</div>' +
      '</div>' +
      '<div class="tf-progress-bar" id="tfProg' + i + '"></div>';
    el.addEventListener('click', function () { jumpTo(i); });
    thumbsWrap.appendChild(el);
  });

  function getThumbs() {
    return thumbsWrap.querySelectorAll('.tf-thumb');
  }

  function getProgBar(i) {
    return document.getElementById('tfProg' + i);
  }

  /* ── Render active review ── */
  function render(i, skipAnim) {
    var r = REVIEWS[i];
    if (!skipAnim) {
      card.style.opacity   = '0';
      card.style.transform = 'translateY(12px)';
    }
    setTimeout(function () {
      textEl.textContent    = '\u201C' + r.text + '\u201D';
      avatarEl.innerHTML    = avatarHTML(r);
      nameEl.textContent    = r.name;
      roleEl.textContent    = r.role;
      sourceEl.textContent  = r.source;
      card.style.transition = 'opacity 0.4s ease, transform 0.4s ease';
      card.style.opacity    = '1';
      card.style.transform  = 'translateY(0)';
    }, skipAnim ? 0 : 320);

    getThumbs().forEach(function (t, k) {
      t.classList.toggle('tf-active', k === i);
      var pb = getProgBar(k);
      if (pb) pb.style.width = '0%';
    });

    current = i;
    elapsed = 0;
  }

  /* ── Progress tick ── */
  function tickProgress() {
    clearInterval(progTimer);
    if (reduced) return;
    var pb = getProgBar(current);
    if (!pb) return;
    progTimer = setInterval(function () {
      elapsed += 100;
      var pct = Math.min((elapsed / DURATION) * 100, 100);
      pb.style.width = pct + '%';
    }, 100);
  }

  /* ── Auto cycle ── */
  function startCycle() {
    clearInterval(timer);
    tickProgress();
    timer = setInterval(function () {
      render((current + 1) % REVIEWS.length);
      setTimeout(tickProgress, 340);
    }, DURATION);
  }

  function jumpTo(i) {
    clearInterval(timer);
    clearInterval(progTimer);
    render(i);
    setTimeout(function () {
      startCycle();
    }, 340);
  }

  /* ── Arrows ── */
  if (prevBtn) prevBtn.addEventListener('click', function () {
    jumpTo((current - 1 + REVIEWS.length) % REVIEWS.length);
  });
  if (nextBtn) nextBtn.addEventListener('click', function () {
    jumpTo((current + 1) % REVIEWS.length);
  });

  /* ── Pause on hover ── */
  card.addEventListener('mouseenter', function () {
    clearInterval(timer);
    clearInterval(progTimer);
  });
  card.addEventListener('mouseleave', function () {
    startCycle();
  });

  /* ── Boot ── */
  render(0, true);
  startCycle();

})();
</script>		</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section data-wpr-lazyrender="1" data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-c3e3387 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="c3e3387" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a7257f5" data-id="a7257f5" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-inner-section elementor-element elementor-element-b55bad1 your-section-class elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="b55bad1" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-539dd1c" data-id="539dd1c" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-f214099 elementor-widget elementor-widget-heading" data-id="f214099" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">Scale and Grow with <br>SubscriptionFlow</h2>		</div>
				</div>
				<div class="elementor-element elementor-element-f2bb4fd elementor-widget elementor-widget-text-editor" data-id="f2bb4fd" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<p>We help SaaS, usage-based, and recurring charge companies automate what they operate — built to grow your revenue from day one.</p>						</div>
				</div>
				<div class="elementor-element elementor-element-434afdd elementor-widget elementor-widget-spacer" data-id="434afdd" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-709cb77 sflow-el-btn tb-btn demo-schedule elementor-widget__width-initial elementor-widget elementor-widget-button" data-id="709cb77" data-element_type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
					<div class="elementor-button-wrapper">
			<a class="elementor-button elementor-button-link elementor-size-sm elementor-animation-float" href="#">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-icon">
				<i aria-hidden="true" class="fas fa-angle-right"></i>			</span>
									<span class="elementor-button-text">Schedule a demo</span>
					</span>
					</a>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-6453625 sflow-el-btn-1 elementor-align-center elementor-widget__width-initial elementor-widget elementor-widget-button" data-id="6453625" data-element_type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
					<div class="elementor-button-wrapper">
			<a class="elementor-button elementor-button-link elementor-size-sm elementor-animation-float" href="https://www.subscriptionflow.com/pricing/">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-icon">
				<i aria-hidden="true" class="fas fa-dollar-sign"></i>			</span>
									<span class="elementor-button-text">View Pricing</span>
					</span>
					</a>
		</div>
				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
					</div>
		</div>
					</div>
		</section>
				</div>
				<div data-wpr-lazyrender="1" class="post-tags">
					</div>
			</div>

	<section data-wpr-lazyrender="1" id="comments" class="comments-area">

	


</section><!-- .comments-area -->
</main>

	








<div  class="custom-popup-area">
	<div  class="popup-bg"></div>
	<div  class="popup-content">
		
				<noscript class="ninja-forms-noscript-message">
	Notice: JavaScript is required for this content.</noscript>
<div  id="nf-form-3-cont" class="nf-form-cont custom-ninja-form trial-custom-ninja-form" aria-live="polite" aria-labelledby="nf-form-title-3" aria-describedby="nf-form-errors-3" role="form">

    <div class="nf-loading-spinner"></div>

</div>
        <!-- That data is being printed as a workaround to page builders reordering the order of the scripts loaded-->
        <script>var formDisplay=1;var nfForms=nfForms||[];var form=[];form.id='3';form.settings={"objectType":"Form Setting","editActive":true,"title":"Request a free Trial","created_at":"2022-04-15 05:38:49","default_label_pos":"above","show_title":1,"clear_complete":"0","hide_complete":"1","logged_in":"0","drawerDisabled":false,"unique_field_error":"A form with this value has already been submitted.","repeatable_fieldsets":"","currency":"","fieldsMarkedRequired":"Fields marked with an <span class=\"ninja-forms-req-symbol\">*<\/span> are required","honeypotHoneypotError":"Honeypot Error","validateRequiredField":"This is a required field.","formErrorsCorrectErrors":"Please correct errors before submitting this form.","fieldNumberIncrementBy":"Please increment by ","fieldNumberNumMaxError":"Number Max Error","fieldNumberNumMinError":"Number Min Error","confirmFieldErrorMsg":"These fields must match!","changeDateErrorMsg":"Please enter a valid date!","success-msg_styles_margin":"","success-msg_styles_padding":"","success-msg_styles_display":"","success-msg_styles_show_advanced_css":"0","success-msg_styles_advanced":"","error_msg_styles_background-color":"","error_msg_styles_border":"","error_msg_styles_border-style":"","error_msg_styles_border-color":"","error_msg_styles_color":"","error_msg_styles_height":"","error_msg_styles_width":"","error_msg_styles_font-size":"","error_msg_styles_margin":"","error_msg_styles_padding":"","error_msg_styles_display":"","error_msg_styles_show_advanced_css":"0","error_msg_styles_advanced":"","changeEmailErrorMsg":"Please enter a valid email address!","success-msg_styles_width":"","success-msg_styles_font-size":"","success-msg_styles_height":"","success-msg_styles_color":"","success-msg_styles_border-color":"","success-msg_styles_border-style":"","success-msg_styles_border":"","success-msg_styles_background-color":"","row-odd_styles_advanced":"","row-odd_styles_show_advanced_css":"0","row-odd_styles_display":"","row-odd_styles_padding":"","row-odd_styles_margin":"","row-odd_styles_width":"","row-odd_styles_font-size":"","row-odd_styles_height":"","row-odd_styles_color":"","row-odd_styles_border-color":"","row-odd_styles_border-style":"","row-odd_styles_border":"","row-odd_styles_background-color":"","row_styles_advanced":"","row_styles_show_advanced_css":"0","row_styles_display":"","row_styles_padding":"","row_styles_margin":"","row_styles_font-size":"","row_styles_width":"","row_styles_color":"","row_styles_height":"","row_styles_border-color":"","row_styles_border-style":"","row_styles_border":"","row_styles_background-color":"","title_styles_advanced":"","title_styles_show_advanced_css":"0","title_styles_float":"","title_styles_display":"","title_styles_padding":"","title_styles_margin":"","title_styles_font-size":"","title_styles_width":"","title_styles_color":"","title_styles_height":"","title_styles_border-color":"","title_styles_border-style":"","title_styles_border":"","title_styles_background-color":"","container_styles_advanced":"","container_styles_show_advanced_css":"0","container_styles_float":"","container_styles_display":"","container_styles_padding":"","container_styles_margin":"","container_styles_font-size":"","container_styles_width":"","container_styles_color":"","container_styles_height":"","container_styles_border-style":"","container_styles_border-color":"","container_styles_border":"","container_styles_background-color":"","formContentData":["firstname","lastname","email","phonenumber","companyname","do_you_currently_use_any_subscription_management_platform_1650022980096","do_you_use_any_other_applications_that_need_to_be_integrated_with_subscription_management_system_1650023291588","do_you_need_the_control_to_cancel_pause_or_reactivate_the_subscription_lifecycle_for_your_customers_1650023297060","comments","recaptcha_1691145975151","request_a_free_trial_1650023112723"],"sub_limit_msg":"","calculations":[],"sub_limit_number":"","not_logged_in_msg":"","element_class":"","add_submit":"1","wrapper_class":"custom-ninja-form trial-custom-ninja-form","conditions":[],"key":"","allow_public_link":0,"embed_form":"","public_link":"https:\/\/subscriptionflow.com\/ninja-forms\/3tb8a","public_link_key":"3tb8a","form_title_heading_level":"3","ninjaForms":"Ninja Forms","fieldTextareaRTEInsertLink":"Insert Link","fieldTextareaRTEInsertMedia":"Insert Media","fieldTextareaRTESelectAFile":"Select a file","tableInsertRowAbove":"Insert Row Above","tableInsertRowBelow":"Insert Row Below","tableInsertColumnLeft":"Insert Column Left","tableInsertColumnRight":"Insert Column Right","tableDeleteRow":"Delete Row","tableDeleteColumn":"Delete Column","tableDeleteTable":"Delete Table","tableLegacyNotice":"This content has tables in the old editor format. Custom styles are preserved until converted. Editing will update to the new format.","tableLegacyConvert":"Convert Now","tableInsertTable":"Insert Table","dismiss":"Dismiss","insertLink":"Insert Link","formHoneypot":"If you are a human seeing this field, please leave it empty.","fileUploadOldCodeFileUploadInProgress":"File Upload in Progress.","fileUploadOldCodeFileUpload":"FILE UPLOAD","currencySymbol":"&#36;","thousands_sep":",","decimal_point":".","siteLocale":"en_US","dateFormat":"m\/d\/Y","startOfWeek":"1","of":"of","previousMonth":"Previous Month","nextMonth":"Next Month","months":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthsShort":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"weekdays":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"weekdaysShort":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"weekdaysMin":["Su","Mo","Tu","We","Th","Fr","Sa"],"recaptchaConsentMissing":"reCaptcha validation couldn&#039;t load.","recaptchaMissingCookie":"reCaptcha v3 validation couldn&#039;t load the cookie needed to submit the form.","recaptchaConsentEvent":"Accept reCaptcha cookies before sending the form.","currency_symbol":"","beforeForm":"","beforeFields":"","afterFields":"","afterForm":""};form.fields=[{"objectType":"Field","objectDomain":"fields","editActive":false,"order":1,"idAttribute":"id","field_key":"firstname","field_label":"First Name","drawerDisabled":"","manual_key":1,"value":"","personally_identifiable":1,"custom_name_attribute":"firstname","admin_label":"","help_text":"","element_class":"","container_class":"one-half-col","default":"","placeholder":"","required":1,"label_pos":"above","key":"firstname","type":"firstname","label":"First Name","id":13,"beforeField":"","afterField":"","parentType":"firstname","element_templates":["firstname","input"],"old_classname":"","wrap_template":"wrap"},{"objectType":"Field","objectDomain":"fields","editActive":false,"order":2,"idAttribute":"id","field_key":"lastname","field_label":"Last Name","value":"","manual_key":1,"personally_identifiable":1,"custom_name_attribute":"lastname","help_text":"","admin_label":"","element_class":"","container_class":"","placeholder":"","default":"","required":1,"label_pos":"above","key":"lastname","type":"lastname","label":"Last Name","id":14,"beforeField":"","afterField":"","parentType":"lastname","element_templates":["lastname","input"],"old_classname":"","wrap_template":"wrap"},{"objectType":"Field","objectDomain":"fields","editActive":false,"order":3,"idAttribute":"id","field_key":"email","field_label":"Email","value":"","personally_identifiable":1,"custom_name_attribute":"email","cellcid":"c3281","element_styles_advanced":"","element_styles_show_advanced_css":0,"element_styles_float":"","element_styles_display":"","element_styles_padding":"","element_styles_margin":"","element_styles_font-size":"","element_styles_width":"","element_styles_height":"","element_styles_color":"","element_styles_border-color":"","element_styles_border-style":"","element_styles_border":"","element_styles_background-color":"","label_styles_advanced":"","label_styles_show_advanced_css":0,"label_styles_float":"","label_styles_display":"","label_styles_padding":"","label_styles_margin":"","label_styles_font-size":"","label_styles_width":"","label_styles_height":"","label_styles_color":"","label_styles_border-color":"","label_styles_border-style":"","label_styles_border":"","label_styles_background-color":"","wrap_styles_advanced":"","wrap_styles_show_advanced_css":0,"wrap_styles_float":"","wrap_styles_display":"","wrap_styles_padding":"","wrap_styles_margin":"","wrap_styles_font-size":"","wrap_styles_width":"","wrap_styles_height":"","wrap_styles_color":"","wrap_styles_border-color":"","wrap_styles_border-style":"","wrap_styles_border":"","wrap_styles_background-color":"","desc_text":"","help_text":"","admin_label":"","element_class":"","container_class":"","wrapper_class":"","default":"","placeholder":"","required":1,"label_pos":"above","created_at":"2019-08-27 08:49:08","type":"email","key":"email","label":"Email","id":15,"beforeField":"","afterField":"","parentType":"email","element_templates":["email","input"],"old_classname":"","wrap_template":"wrap"},{"objectType":"Field","objectDomain":"fields","editActive":false,"order":4,"idAttribute":"id","field_key":"phonenumber","field_label":"Phone","value":"","personally_identifiable":1,"custom_name_attribute":"phonenumber","custom_mask":"","mask":"","help_text":"","admin_label":"","manual_key":1,"input_limit_msg":"Character(s) left","input_limit_type":"characters","input_limit":"","element_class":"","container_class":"","placeholder":"","default":"","required":1,"label_pos":"above","key":"phonenumber","type":"phone","label":"Phone","id":16,"beforeField":"","afterField":"","parentType":"textbox","element_templates":["tel","textbox","input"],"old_classname":"","wrap_template":"wrap"},{"objectType":"Field","objectDomain":"fields","editActive":false,"order":5,"idAttribute":"id","field_key":"companyname","field_label":"Company","value":"","personally_identifiable":"","custom_name_attribute":"companyname","mask":"","custom_mask":"","help_text":"","admin_label":"","manual_key":1,"input_limit_msg":"Character(s) left","input_limit_type":"characters","input_limit":"","element_class":"","container_class":"","placeholder":"","default":"","required":1,"label_pos":"above","key":"companyname","type":"textbox","label":"Company","id":17,"beforeField":"","afterField":"","parentType":"textbox","element_templates":["textbox","input"],"old_classname":"","wrap_template":"wrap"},{"objectType":"Field","objectDomain":"fields","editActive":false,"order":6,"idAttribute":"id","label":"Do you currently use any Subscription Management Platform? ","type":"listradio","key":"do_you_currently_use_any_subscription_management_platform_1650022980096","label_pos":"above","required":false,"options":[{"errors":[],"max_options":0,"label":"Yes","value":"Yes","calc":"","selected":0,"order":0,"settingModel":{"settings":false,"hide_merge_tags":false,"error":false,"name":"options","type":"option-repeater","label":"Options <a href=\"#\" class=\"nf-add-new\">Add New<\/a> <a href=\"#\" class=\"extra nf-open-import-tooltip\"><i class=\"fa fa-sign-in\" aria-hidden=\"true\"><\/i> Import<\/a>","width":"full","group":"","value":[{"label":"One","value":"one","calc":"","selected":0,"order":0},{"label":"Two","value":"two","calc":"","selected":0,"order":1},{"label":"Three","value":"three","calc":"","selected":0,"order":2}],"columns":{"label":{"header":"Label","default":""},"value":{"header":"Value","default":""},"calc":{"header":"Calc Value","default":""},"selected":{"header":"<span class=\"dashicons dashicons-yes\"><\/span>","default":0}}},"manual_value":true},{"errors":[],"max_options":0,"label":"No","value":"No","calc":"","selected":0,"order":1,"settingModel":{"settings":false,"hide_merge_tags":false,"error":false,"name":"options","type":"option-repeater","label":"Options <a href=\"#\" class=\"nf-add-new\">Add New<\/a> <a href=\"#\" class=\"extra nf-open-import-tooltip\"><i class=\"fa fa-sign-in\" aria-hidden=\"true\"><\/i> Import<\/a>","width":"full","group":"","value":[{"label":"One","value":"one","calc":"","selected":0,"order":0},{"label":"Two","value":"two","calc":"","selected":0,"order":1},{"label":"Three","value":"three","calc":"","selected":0,"order":2}],"columns":{"label":{"header":"Label","default":""},"value":{"header":"Value","default":""},"calc":{"header":"Calc Value","default":""},"selected":{"header":"<span class=\"dashicons dashicons-yes\"><\/span>","default":0}}},"manual_value":true}],"container_class":"","element_class":"","admin_label":"","help_text":"","drawerDisabled":false,"id":21,"beforeField":"","afterField":"","value":"","parentType":"list","element_templates":["listradio","input"],"old_classname":"list-radio","wrap_template":"wrap"},{"objectType":"Field","objectDomain":"fields","editActive":false,"order":7,"idAttribute":"id","label":"Do you use any other applications that need to be integrated with Subscription Management System?","type":"listradio","key":"do_you_use_any_other_applications_that_need_to_be_integrated_with_subscription_management_system_1650023291588","label_pos":"above","required":false,"options":[{"errors":[],"max_options":0,"label":"Yes","value":"Yes","calc":"","selected":0,"order":0,"settingModel":{"settings":false,"hide_merge_tags":false,"error":false,"name":"options","type":"option-repeater","label":"Options <a href=\"#\" class=\"nf-add-new\">Add New<\/a> <a href=\"#\" class=\"extra nf-open-import-tooltip\"><i class=\"fa fa-sign-in\" aria-hidden=\"true\"><\/i> Import<\/a>","width":"full","group":"","value":[{"label":"One","value":"one","calc":"","selected":0,"order":0},{"label":"Two","value":"two","calc":"","selected":0,"order":1},{"label":"Three","value":"three","calc":"","selected":0,"order":2}],"columns":{"label":{"header":"Label","default":""},"value":{"header":"Value","default":""},"calc":{"header":"Calc Value","default":""},"selected":{"header":"<span class=\"dashicons dashicons-yes\"><\/span>","default":0}}},"manual_value":true},{"errors":[],"max_options":0,"label":"No","value":"No","calc":"","selected":0,"order":1,"settingModel":{"settings":false,"hide_merge_tags":false,"error":false,"name":"options","type":"option-repeater","label":"Options <a href=\"#\" class=\"nf-add-new\">Add New<\/a> <a href=\"#\" class=\"extra nf-open-import-tooltip\"><i class=\"fa fa-sign-in\" aria-hidden=\"true\"><\/i> Import<\/a>","width":"full","group":"","value":[{"label":"One","value":"one","calc":"","selected":0,"order":0},{"label":"Two","value":"two","calc":"","selected":0,"order":1},{"label":"Three","value":"three","calc":"","selected":0,"order":2}],"columns":{"label":{"header":"Label","default":""},"value":{"header":"Value","default":""},"calc":{"header":"Calc Value","default":""},"selected":{"header":"<span class=\"dashicons dashicons-yes\"><\/span>","default":0}}},"manual_value":true}],"container_class":"","element_class":"","admin_label":"","help_text":"","drawerDisabled":false,"id":24,"beforeField":"","afterField":"","value":"","parentType":"list","element_templates":["listradio","input"],"old_classname":"list-radio","wrap_template":"wrap"},{"objectType":"Field","objectDomain":"fields","editActive":false,"order":8,"idAttribute":"id","label":"Do you need the control to cancel, pause, or reactivate the subscription lifecycle for your customers?","type":"listradio","key":"do_you_need_the_control_to_cancel_pause_or_reactivate_the_subscription_lifecycle_for_your_customers_1650023297060","label_pos":"above","required":false,"options":[{"errors":[],"max_options":0,"label":"Yes","value":"Yes","calc":"","selected":0,"order":0,"settingModel":{"settings":false,"hide_merge_tags":false,"error":false,"name":"options","type":"option-repeater","label":"Options <a href=\"#\" class=\"nf-add-new\">Add New<\/a> <a href=\"#\" class=\"extra nf-open-import-tooltip\"><i class=\"fa fa-sign-in\" aria-hidden=\"true\"><\/i> Import<\/a>","width":"full","group":"","value":[{"label":"One","value":"one","calc":"","selected":0,"order":0},{"label":"Two","value":"two","calc":"","selected":0,"order":1},{"label":"Three","value":"three","calc":"","selected":0,"order":2}],"columns":{"label":{"header":"Label","default":""},"value":{"header":"Value","default":""},"calc":{"header":"Calc Value","default":""},"selected":{"header":"<span class=\"dashicons dashicons-yes\"><\/span>","default":0}}},"manual_value":true},{"errors":[],"max_options":0,"label":"No","value":"No","calc":"","selected":0,"order":1,"settingModel":{"settings":false,"hide_merge_tags":false,"error":false,"name":"options","type":"option-repeater","label":"Options <a href=\"#\" class=\"nf-add-new\">Add New<\/a> <a href=\"#\" class=\"extra nf-open-import-tooltip\"><i class=\"fa fa-sign-in\" aria-hidden=\"true\"><\/i> Import<\/a>","width":"full","group":"","value":[{"label":"One","value":"one","calc":"","selected":0,"order":0},{"label":"Two","value":"two","calc":"","selected":0,"order":1},{"label":"Three","value":"three","calc":"","selected":0,"order":2}],"columns":{"label":{"header":"Label","default":""},"value":{"header":"Value","default":""},"calc":{"header":"Calc Value","default":""},"selected":{"header":"<span class=\"dashicons dashicons-yes\"><\/span>","default":0}}},"manual_value":true}],"container_class":"","element_class":"","admin_label":"","help_text":"","drawerDisabled":false,"id":25,"beforeField":"","afterField":"","value":"","parentType":"list","element_templates":["listradio","input"],"old_classname":"list-radio","wrap_template":"wrap"},{"objectType":"Field","objectDomain":"fields","editActive":false,"order":9,"idAttribute":"id","label":"Comments","key":"comments","type":"textarea","created_at":"2019-08-27 08:49:08","label_pos":"above","required":0,"placeholder":"","default":"","wrapper_class":"","element_class":"","container_class":"","input_limit":"","input_limit_type":"characters","input_limit_msg":"Character(s) left","manual_key":1,"disable_input":"","admin_label":"","help_text":"","desc_text":"","disable_browser_autocomplete":"","textarea_rte":"","disable_rte_mobile":"","textarea_media":"","wrap_styles_background-color":"","wrap_styles_border":"","wrap_styles_border-style":"","wrap_styles_border-color":"","wrap_styles_color":"","wrap_styles_height":"","wrap_styles_width":"","wrap_styles_font-size":"","wrap_styles_margin":"","wrap_styles_padding":"","wrap_styles_display":"","wrap_styles_float":"","wrap_styles_show_advanced_css":0,"wrap_styles_advanced":"","label_styles_background-color":"","label_styles_border":"","label_styles_border-style":"","label_styles_border-color":"","label_styles_color":"","label_styles_height":"","label_styles_width":"","label_styles_font-size":"","label_styles_margin":"","label_styles_padding":"","label_styles_display":"","label_styles_float":"","label_styles_show_advanced_css":0,"label_styles_advanced":"","element_styles_background-color":"","element_styles_border":"","element_styles_border-style":"","element_styles_border-color":"","element_styles_color":"","element_styles_height":"","element_styles_width":"","element_styles_font-size":"","element_styles_margin":"","element_styles_padding":"","element_styles_display":"","element_styles_float":"","element_styles_show_advanced_css":0,"element_styles_advanced":"","cellcid":"c3284","value":"","drawerDisabled":"","field_label":"Comments","field_key":"comments","id":19,"beforeField":"","afterField":"","parentType":"textarea","element_templates":["textarea","input"],"old_classname":"","wrap_template":"wrap"},{"objectType":"Field","objectDomain":"fields","editActive":false,"order":10,"idAttribute":"id","label":"","type":"recaptcha","container_class":"","element_class":"","size":"visible","key":"recaptcha_1691145975151","drawerDisabled":false,"id":105,"beforeField":"","afterField":"","value":"","label_pos":"above","parentType":"textbox","element_templates":["recaptcha","input"],"old_classname":"","wrap_template":"wrap","site_key":"6LeEbYgfAAAAAE5nt7WcauPsJzzK06LbhuqrKZfV","theme":"light","lang":false},{"objectType":"Field","objectDomain":"fields","editActive":false,"order":11,"idAttribute":"id","label":"Request a free Trial","key":"request_a_free_trial_1650023112723","type":"submit","created_at":"2019-08-27 08:49:08","processing_label":"Processing....","container_class":"","element_class":"","wrap_styles_background-color":"","wrap_styles_border":"","wrap_styles_border-style":"","wrap_styles_border-color":"","wrap_styles_color":"","wrap_styles_height":"","wrap_styles_width":"","wrap_styles_font-size":"","wrap_styles_margin":"","wrap_styles_padding":"","wrap_styles_display":"","wrap_styles_float":"","wrap_styles_show_advanced_css":0,"wrap_styles_advanced":"","label_styles_background-color":"","label_styles_border":"","label_styles_border-style":"","label_styles_border-color":"","label_styles_color":"","label_styles_height":"","label_styles_width":"","label_styles_font-size":"","label_styles_margin":"","label_styles_padding":"","label_styles_display":"","label_styles_float":"","label_styles_show_advanced_css":0,"label_styles_advanced":"","element_styles_background-color":"","element_styles_border":"","element_styles_border-style":"","element_styles_border-color":"","element_styles_color":"","element_styles_height":"","element_styles_width":"","element_styles_font-size":"","element_styles_margin":"","element_styles_padding":"","element_styles_display":"","element_styles_float":"","element_styles_show_advanced_css":0,"element_styles_advanced":"","submit_element_hover_styles_background-color":"","submit_element_hover_styles_border":"","submit_element_hover_styles_border-style":"","submit_element_hover_styles_border-color":"","submit_element_hover_styles_color":"","submit_element_hover_styles_height":"","submit_element_hover_styles_width":"","submit_element_hover_styles_font-size":"","submit_element_hover_styles_margin":"","submit_element_hover_styles_padding":"","submit_element_hover_styles_display":"","submit_element_hover_styles_float":"","submit_element_hover_styles_show_advanced_css":0,"submit_element_hover_styles_advanced":"","cellcid":"c3287","drawerDisabled":false,"field_label":"Submit Now!","field_key":"submit_now_1650017371355","id":20,"beforeField":"","afterField":"","value":"","label_pos":"above","parentType":"textbox","element_templates":["submit","button","input"],"old_classname":"","wrap_template":"wrap-no-label"}];nfForms.push(form);</script>
        		<button class="close-btn">close</button>
	</div>

</div>


<div  class="csearch-form" style="display:none;">
			<section  data-elementor-type="section" data-elementor-id="18427" class="elementor elementor-18427">
					<div  class="elementor-section-wrap">
								<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-017310d elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="017310d" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2b2166a" data-id="2b2166a" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-45d98da elementor-widget elementor-widget-shortcode" data-id="45d98da" data-element_type="widget" data-widget_type="shortcode.default">
				<div class="elementor-widget-container">
			<form role="search" method="get" class="search-form" action="https://www.subscriptionflow.com/">
    <label>
        <span class="search-icon"><i class="fas fa-search"></i></span>
        <input type="search" class="search-field" placeholder="Search..." data-url="https://www.subscriptionflow.com/wp-admin/admin-ajax.php" value=""  name="s" title="Search for:"  autocomplete="off"/>
    </label>
    <input type="submit" class="search-submit"
        value="Search" />
     
</form>

<div id="datafetch" style="display:none;"></div>
		<div class="elementor-shortcode">
</div>
				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
							</div>
				</section>
			
	<a href="#" class="close-button" data-id="csearch-form"></a>
</div>



<footer data-wpr-lazyrender="1" id="site-footer1" class="site-footer1 elementor-section elementor-section-boxed " role="contentinfo">
	
				<section  data-elementor-type="section" data-elementor-id="811" class="elementor elementor-811">
					<div class="elementor-section-wrap">
								<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-61b6bb5 elementor-section-stretched footer elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="61b6bb5" data-element_type="section" data-settings="{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-no">
					<div class="elementor-column elementor-col-20 elementor-top-column elementor-element elementor-element-0c4921d footer-link" data-id="0c4921d" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-5e325fe footer-title elementor-widget elementor-widget-heading" data-id="5e325fe" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h4 class="elementor-heading-title elementor-size-default">Company <span class="dashicons dashicons-arrow-right-alt2"></span></h4>		</div>
				</div>
				<div class="elementor-element elementor-element-10c7e7a elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="10c7e7a" data-element_type="widget" data-widget_type="icon-list.default">
				<div class="elementor-widget-container">
					<ul class="elementor-icon-list-items">
							<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/about/">

											<span class="elementor-icon-list-text">About</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://support.subscriptionflow.com/hc/en-us" target="_blank">

											<span class="elementor-icon-list-text">Support</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/security" target="_blank">

											<span class="elementor-icon-list-text">Security </span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/privacypolicy/" target="_blank">

											<span class="elementor-icon-list-text">Privacy Policy</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/terms-and-conditions/">

											<span class="elementor-icon-list-text">Terms of Service</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/contact/">

											<span class="elementor-icon-list-text">Contact Us</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/sitemap/">

											<span class="elementor-icon-list-text">Sitemap</span>
											</a>
									</li>
						</ul>
				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-20 elementor-top-column elementor-element elementor-element-2fd5484 footer-link" data-id="2fd5484" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-65f7f36 footer-title elementor-widget elementor-widget-heading" data-id="65f7f36" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h4 class="elementor-heading-title elementor-size-default">Why us<span class="dashicons dashicons-arrow-right-alt2"></span></h4>		</div>
				</div>
				<div class="elementor-element elementor-element-985a31a elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="985a31a" data-element_type="widget" data-widget_type="icon-list.default">
				<div class="elementor-widget-container">
					<ul class="elementor-icon-list-items">
							<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/why-us/">

											<span class="elementor-icon-list-text">Why SubscriptionFlow?</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/compare/">

											<span class="elementor-icon-list-text">Compare</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/case-study/">

											<span class="elementor-icon-list-text">Customers </span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/pricing">

											<span class="elementor-icon-list-text">Pricing</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/integrations/">

											<span class="elementor-icon-list-text">Integrations</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/payment-gateways/">

											<span class="elementor-icon-list-text">Payment Gateways</span>
											</a>
									</li>
						</ul>
				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-20 elementor-top-column elementor-element elementor-element-1a2779c footer-link" data-id="1a2779c" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-f38c18e footer-title elementor-widget elementor-widget-heading" data-id="f38c18e" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h4 class="elementor-heading-title elementor-size-default">Subscription Management <span class="dashicons dashicons-arrow-right-alt2"></span></h4>		</div>
				</div>
				<div class="elementor-element elementor-element-1273b3f elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="1273b3f" data-element_type="widget" data-widget_type="icon-list.default">
				<div class="elementor-widget-container">
					<ul class="elementor-icon-list-items">
							<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/subscription-management-software/">

											<span class="elementor-icon-list-text">Subscription Orchestration</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/usage-based-billing-model/">

											<span class="elementor-icon-list-text">Usage-Based Billing</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/sales-tax-management/">

											<span class="elementor-icon-list-text">Tax & Compliance</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/crm-for-saas/">

											<span class="elementor-icon-list-text">CRM for SaaS</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/recurring-payments/">

											<span class="elementor-icon-list-text">Recurring Payments</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/hosted-payment-page/">

											<span class="elementor-icon-list-text">HPP & Checkouts</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/churn-management-software/">

											<span class="elementor-icon-list-text">Churn Management</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/customer-retention-management/">

											<span class="elementor-icon-list-text">Retention Management</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/subscription-analytics-reporting/">

											<span class="elementor-icon-list-text">Reporting & Analytics</span>
											</a>
									</li>
						</ul>
				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-20 elementor-top-column elementor-element elementor-element-1724414 footer-link" data-id="1724414" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-f392434 footer-title elementor-widget elementor-widget-heading" data-id="f392434" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h4 class="elementor-heading-title elementor-size-default">Solutions <span class="dashicons dashicons-arrow-right-alt2"></span></h4>		</div>
				</div>
				<div class="elementor-element elementor-element-36a3a7a elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="36a3a7a" data-element_type="widget" data-widget_type="icon-list.default">
				<div class="elementor-widget-container">
					<ul class="elementor-icon-list-items">
							<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/saas-billing/">

											<span class="elementor-icon-list-text">SaaS</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/subscription-management-software-for-educational-institutions/">

											<span class="elementor-icon-list-text">E-Learning</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/subscription-management-software-for-ecommerce/">

											<span class="elementor-icon-list-text">Ecommerce</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/magazine-subscription-management-software/">

											<span class="elementor-icon-list-text">Print & Magazines    </span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/ott-video-subscriptions/">

											<span class="elementor-icon-list-text">OTT & Digital Media</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/subscription-management-software-for-small-business/">

											<span class="elementor-icon-list-text">SMBs</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/subscription-management-software-for-enterprises/">

											<span class="elementor-icon-list-text">Enterprises</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/subscription-management-software-for-nonprofits/">

											<span class="elementor-icon-list-text">Non-Profits</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/other-industries/">

											<span class="elementor-icon-list-text">View More</span>
											</a>
									</li>
						</ul>
				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-20 elementor-top-column elementor-element elementor-element-8f303bd footer-link" data-id="8f303bd" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-025956a footer-title elementor-widget elementor-widget-heading" data-id="025956a" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h4 class="elementor-heading-title elementor-size-default">Resource Center <span class="dashicons dashicons-arrow-right-alt2"></span></h4>		</div>
				</div>
				<div class="elementor-element elementor-element-55b9b7b elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="55b9b7b" data-element_type="widget" data-widget_type="icon-list.default">
				<div class="elementor-widget-container">
					<ul class="elementor-icon-list-items">
							<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/blog">

											<span class="elementor-icon-list-text">Blog</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://support.subscriptionflow.com/hc/en-us/categories/900001271603-Configuration-Management">

											<span class="elementor-icon-list-text">How-To Guides</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/wp-content/uploads/2020/11/Subscription-Billing-E-Book.pdf">

											<span class="elementor-icon-list-text">Subscription Billing E-Book</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/api/documentation/" target="_blank">

											<span class="elementor-icon-list-text">APIs</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://support.subscriptionflow.com/hc/en-us/articles/31587691380889-How-to-Get-Started">

											<span class="elementor-icon-list-text">Implementation Guide</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/faqs/">

											<span class="elementor-icon-list-text">FAQs</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/glossaries/">

											<span class="elementor-icon-list-text">Glossaries</span>
											</a>
									</li>
						</ul>
				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-d585e85 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="d585e85" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-75c4bd6" data-id="75c4bd6" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-1368b9e logo-box elementor-widget elementor-widget-image" data-id="1368b9e" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
														<a href="https://subscriptionflow.com">
							<img width="150" height="150" src="https://www.subscriptionflow.com/wp-content/uploads/2022/02/SF-logo.svg" class="attachment-thumbnail size-thumbnail wp-image-13072" alt="SF-logo" />								</a>
													</div>
				</div>
				<div class="elementor-element elementor-element-f709775 footer-social-icon elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="f709775" data-element_type="widget" data-widget_type="icon-list.default">
				<div class="elementor-widget-container">
					<ul class="elementor-icon-list-items">
							<li class="elementor-icon-list-item">
											<a href="mailto:%20support@subscriptionflow.com">

												<span class="elementor-icon-list-icon">
							<i aria-hidden="true" class="fas fa-envelope"></i>						</span>
										<span class="elementor-icon-list-text">support@subscriptionflow.com</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="mailto:info@subscriptionflow.com">

												<span class="elementor-icon-list-icon">
							<i aria-hidden="true" class="fas fa-envelope"></i>						</span>
										<span class="elementor-icon-list-text">info@subscriptionflow.com</span>
											</a>
									</li>
						</ul>
				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-80ea1be footer-logo-section" data-id="80ea1be" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-73d618a e-grid-align-right e-grid-align-mobile-left elementor-shape-rounded elementor-grid-0 elementor-widget elementor-widget-social-icons" data-id="73d618a" data-element_type="widget" data-widget_type="social-icons.default">
				<div class="elementor-widget-container">
					<div class="elementor-social-icons-wrapper elementor-grid">
							<span class="elementor-grid-item">
					<a class="elementor-icon elementor-social-icon elementor-social-icon-facebook elementor-repeater-item-70316cc" href="https://www.facebook.com/SubscriptionFlow" target="_blank">
						<span class="elementor-screen-only">Facebook</span>
						<i class="fab fa-facebook"></i>					</a>
				</span>
							<span class="elementor-grid-item">
					<a class="elementor-icon elementor-social-icon elementor-social-icon-x-twitter elementor-repeater-item-9946633" href="https://x.com/SubscriptionFL" target="_blank">
						<span class="elementor-screen-only">X-twitter</span>
						<i class="fab fa-x-twitter"></i>					</a>
				</span>
							<span class="elementor-grid-item">
					<a class="elementor-icon elementor-social-icon elementor-social-icon-linkedin elementor-repeater-item-232bfb9" href="https://www.linkedin.com/company/subscriptionflow" target="_blank">
						<span class="elementor-screen-only">Linkedin</span>
						<i class="fab fa-linkedin"></i>					</a>
				</span>
							<span class="elementor-grid-item">
					<a class="elementor-icon elementor-social-icon elementor-social-icon-youtube elementor-repeater-item-a413f63" href="https://www.youtube.com/@subscriptionflow" target="_blank">
						<span class="elementor-screen-only">Youtube</span>
						<i class="fab fa-youtube"></i>					</a>
				</span>
							<span class="elementor-grid-item">
					<a class="elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-repeater-item-6c20ed7" href="https://www.instagram.com/subscriptionflowapp/" target="_blank">
						<span class="elementor-screen-only">Instagram</span>
						<i class="fab fa-instagram"></i>					</a>
				</span>
					</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-031234a elementor-widget elementor-widget-html" data-id="031234a" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<!-- Quantcast Tag -->
<script type="text/rocketlazyloadscript" data-rocket-type="text/javascript">
window._qevents = window._qevents || [];

(function() {
var elem = document.createElement('script');
elem.src = (document.location.protocol == "https:" ? "https://secure" : "http://edge") + ".quantserve.com/quant.js";
elem.async = true;
elem.type = "text/javascript";
var scpt = document.getElementsByTagName('script')[0];
scpt.parentNode.insertBefore(elem, scpt);
})();

window._qevents.push({
qacct:"p-dT956PXfV5FSs",
uid:"__INSERT_EMAIL_HERE__"
});
</script>

<noscript>
<div style="display:none;">
<img src="//pixel.quantserve.com/pixel/p-dT956PXfV5FSs.gif" border="0" height="1" width="1" alt="Quantcast"/>
</div>
</noscript>
<!-- End Quantcast tag -->		</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-8d3ba9c elementor-section-full_width copy-right elementor-section-height-default elementor-section-height-default" data-id="8d3ba9c" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-162de69" data-id="162de69" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-6bdea3e elementor-widget elementor-widget-text-editor" data-id="6bdea3e" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
							<center>All rights reserved 2026 <span class="site-name">SubscriptionFlow</span></center>						</div>
				</div>
					</div>
		</div>
					</div>
		</section>
							</div>
				</section>
			
</footer>



<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/hello-elementor\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script type="text/rocketlazyloadscript">
document.addEventListener( 'wpcf7mailsent', function( event ) {

	if ( '630' == event.detail.contactFormId || '2889'== event.detail.contactFormId ) {

		location = 'https://demo.subscriptionflow.com/en/dashboard';
	}
	else if( '12754' == event.detail.contactFormId ){

		location ='/thank-you-for-filling-out-your-information/';
	}
	else{
		location = '/thank-you/';
	}
   
}, false );
</script>
			<script type="text/rocketlazyloadscript" data-rocket-type='text/javascript'>
				const lazyloadRunObserver = () => {
					const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
					const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
						entries.forEach( ( entry ) => {
							if ( entry.isIntersecting ) {
								let lazyloadBackground = entry.target;
								if( lazyloadBackground ) {
									lazyloadBackground.classList.add( 'e-lazyloaded' );
								}
								lazyloadBackgroundObserver.unobserve( entry.target );
							}
						});
					}, { rootMargin: '200px 0px 200px 0px' } );
					lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
						lazyloadBackgroundObserver.observe( lazyloadBackground );
					} );
				};
				const events = [
					'DOMContentLoaded',
					'elementor/lazyload/observe',
				];
				events.forEach( ( event ) => {
					document.addEventListener( event, lazyloadRunObserver );
				} );
			</script>
			<link rel='stylesheet' id='e-animations-css' href='https://www.subscriptionflow.com/wp-content/plugins/elementor/assets/lib/animations/animations.min.css?ver=3.23.4' type='text/css' media='all' />
<link data-minify="1" rel='stylesheet' id='nf-display-css' href='https://www.subscriptionflow.com/wp-content/cache/min/1/wp-content/plugins/ninja-forms/assets/css/display-structure.css?ver=1783041251' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-post-811-css' href='https://www.subscriptionflow.com/wp-content/uploads/elementor/css/post-811.css?ver=1783041249' type='text/css' media='all' />
<link data-minify="1" rel='stylesheet' id='elementor-icons-fa-brands-css' href='https://www.subscriptionflow.com/wp-content/cache/min/1/wp-content/plugins/elementor/assets/lib/font-awesome/css/brands.min.css?ver=1783041251' type='text/css' media='all' />
<script type="text/rocketlazyloadscript" data-rocket-type="text/javascript" id="rocket-browser-checker-js-after">
/* <![CDATA[ */
"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}();
/* ]]> */
</script>
<script type="text/javascript" id="rocket-preload-links-js-extra">
/* <![CDATA[ */
var RocketPreloadLinksConfig = {"excludeUris":"\/register\/|\/contact\/|\/contact-subscriptionflow\/|\/mana.js\/|\/customer-questionnaire\/|\/saas-and-tech-companies\/|\/demo-of-questionair\/|\/subscription-management-with-subscriptionflow\/|\/enterprise-contact-subscriptionflow\/|\/launch-subscriptionflow\/|\/magazine-contact-subscriptionflow\/|\/magazines-publishing\/|\/sme-contact-subscriptionflow\/|\/subscriptionflow-api\/|\/api\/|\/api\/documentation\/|\/login\/|\/api\/mobile-sdk\/|\/2024\/01\/benefits-of-xero-saas-integration\/|\/122143.js\/|\/thank-you\/|\/sitemap_index.xml\/|\/wp-content\/plugins\/wordpress-seo\/css\/main-sitemap.xsl\/|\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|\/(index.php\/)?(.*)wp-json(\/.*|$)|\/refer\/|\/go\/|\/recommend\/|\/recommends\/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https:\/\/www.subscriptionflow.com","onHoverDelay":"100","rateThrottle":"3"};
/* ]]> */
</script>
<script type="text/rocketlazyloadscript" data-rocket-type="text/javascript" id="rocket-preload-links-js-after">
/* <![CDATA[ */
(function() {
"use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run();
}());
/* ]]> */
</script>
<script type="text/rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://www.subscriptionflow.com/wp-content/themes/hello-elementor/assets/js/hello-frontend.min.js?ver=1.0.0" id="hello-theme-frontend-js" data-rocket-defer defer></script>
<script type="text/rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://www.subscriptionflow.com/wp-content/themes/hello-elementor/assets/js/slick.min.js" id="slick_jquery-js" data-rocket-defer defer></script>
<script type="text/javascript" id="eael-general-js-extra">
/* <![CDATA[ */
var localize = {"ajaxurl":"https:\/\/www.subscriptionflow.com\/wp-admin\/admin-ajax.php","nonce":"b86614bb9e","i18n":{"added":"Added ","compare":"Compare","loading":"Loading..."},"eael_translate_text":{"required_text":"is a required field","invalid_text":"Invalid","billing_text":"Billing","shipping_text":"Shipping","fg_mfp_counter_text":"of"},"page_permalink":"https:\/\/www.subscriptionflow.com\/","cart_redirectition":"","cart_page_url":"","el_breakpoints":{"mobile":{"label":"Mobile Portrait","value":768,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":true},"tablet":{"label":"Tablet Portrait","value":1025,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1250,"default_value":1366,"direction":"max","is_enabled":true},"widescreen":{"label":"Widescreen","value":1800,"default_value":2400,"direction":"min","is_enabled":true}},"ParticleThemesData":{"default":"{\"particles\":{\"number\":{\"value\":160,\"density\":{\"enable\":true,\"value_area\":800}},\"color\":{\"value\":\"#ffffff\"},\"shape\":{\"type\":\"circle\",\"stroke\":{\"width\":0,\"color\":\"#000000\"},\"polygon\":{\"nb_sides\":5},\"image\":{\"src\":\"img\/github.svg\",\"width\":100,\"height\":100}},\"opacity\":{\"value\":0.5,\"random\":false,\"anim\":{\"enable\":false,\"speed\":1,\"opacity_min\":0.1,\"sync\":false}},\"size\":{\"value\":3,\"random\":true,\"anim\":{\"enable\":false,\"speed\":40,\"size_min\":0.1,\"sync\":false}},\"line_linked\":{\"enable\":true,\"distance\":150,\"color\":\"#ffffff\",\"opacity\":0.4,\"width\":1},\"move\":{\"enable\":true,\"speed\":6,\"direction\":\"none\",\"random\":false,\"straight\":false,\"out_mode\":\"out\",\"bounce\":false,\"attract\":{\"enable\":false,\"rotateX\":600,\"rotateY\":1200}}},\"interactivity\":{\"detect_on\":\"canvas\",\"events\":{\"onhover\":{\"enable\":true,\"mode\":\"repulse\"},\"onclick\":{\"enable\":true,\"mode\":\"push\"},\"resize\":true},\"modes\":{\"grab\":{\"distance\":400,\"line_linked\":{\"opacity\":1}},\"bubble\":{\"distance\":400,\"size\":40,\"duration\":2,\"opacity\":8,\"speed\":3},\"repulse\":{\"distance\":200,\"duration\":0.4},\"push\":{\"particles_nb\":4},\"remove\":{\"particles_nb\":2}}},\"retina_detect\":true}","nasa":"{\"particles\":{\"number\":{\"value\":250,\"density\":{\"enable\":true,\"value_area\":800}},\"color\":{\"value\":\"#ffffff\"},\"shape\":{\"type\":\"circle\",\"stroke\":{\"width\":0,\"color\":\"#000000\"},\"polygon\":{\"nb_sides\":5},\"image\":{\"src\":\"img\/github.svg\",\"width\":100,\"height\":100}},\"opacity\":{\"value\":1,\"random\":true,\"anim\":{\"enable\":true,\"speed\":1,\"opacity_min\":0,\"sync\":false}},\"size\":{\"value\":3,\"random\":true,\"anim\":{\"enable\":false,\"speed\":4,\"size_min\":0.3,\"sync\":false}},\"line_linked\":{\"enable\":false,\"distance\":150,\"color\":\"#ffffff\",\"opacity\":0.4,\"width\":1},\"move\":{\"enable\":true,\"speed\":1,\"direction\":\"none\",\"random\":true,\"straight\":false,\"out_mode\":\"out\",\"bounce\":false,\"attract\":{\"enable\":false,\"rotateX\":600,\"rotateY\":600}}},\"interactivity\":{\"detect_on\":\"canvas\",\"events\":{\"onhover\":{\"enable\":true,\"mode\":\"bubble\"},\"onclick\":{\"enable\":true,\"mode\":\"repulse\"},\"resize\":true},\"modes\":{\"grab\":{\"distance\":400,\"line_linked\":{\"opacity\":1}},\"bubble\":{\"distance\":250,\"size\":0,\"duration\":2,\"opacity\":0,\"speed\":3},\"repulse\":{\"distance\":400,\"duration\":0.4},\"push\":{\"particles_nb\":4},\"remove\":{\"particles_nb\":2}}},\"retina_detect\":true}","bubble":"{\"particles\":{\"number\":{\"value\":15,\"density\":{\"enable\":true,\"value_area\":800}},\"color\":{\"value\":\"#1b1e34\"},\"shape\":{\"type\":\"polygon\",\"stroke\":{\"width\":0,\"color\":\"#000\"},\"polygon\":{\"nb_sides\":6},\"image\":{\"src\":\"img\/github.svg\",\"width\":100,\"height\":100}},\"opacity\":{\"value\":0.3,\"random\":true,\"anim\":{\"enable\":false,\"speed\":1,\"opacity_min\":0.1,\"sync\":false}},\"size\":{\"value\":50,\"random\":false,\"anim\":{\"enable\":true,\"speed\":10,\"size_min\":40,\"sync\":false}},\"line_linked\":{\"enable\":false,\"distance\":200,\"color\":\"#ffffff\",\"opacity\":1,\"width\":2},\"move\":{\"enable\":true,\"speed\":8,\"direction\":\"none\",\"random\":false,\"straight\":false,\"out_mode\":\"out\",\"bounce\":false,\"attract\":{\"enable\":false,\"rotateX\":600,\"rotateY\":1200}}},\"interactivity\":{\"detect_on\":\"canvas\",\"events\":{\"onhover\":{\"enable\":false,\"mode\":\"grab\"},\"onclick\":{\"enable\":false,\"mode\":\"push\"},\"resize\":true},\"modes\":{\"grab\":{\"distance\":400,\"line_linked\":{\"opacity\":1}},\"bubble\":{\"distance\":400,\"size\":40,\"duration\":2,\"opacity\":8,\"speed\":3},\"repulse\":{\"distance\":200,\"duration\":0.4},\"push\":{\"particles_nb\":4},\"remove\":{\"particles_nb\":2}}},\"retina_detect\":true}","snow":"{\"particles\":{\"number\":{\"value\":450,\"density\":{\"enable\":true,\"value_area\":800}},\"color\":{\"value\":\"#fff\"},\"shape\":{\"type\":\"circle\",\"stroke\":{\"width\":0,\"color\":\"#000000\"},\"polygon\":{\"nb_sides\":5},\"image\":{\"src\":\"img\/github.svg\",\"width\":100,\"height\":100}},\"opacity\":{\"value\":0.5,\"random\":true,\"anim\":{\"enable\":false,\"speed\":1,\"opacity_min\":0.1,\"sync\":false}},\"size\":{\"value\":5,\"random\":true,\"anim\":{\"enable\":false,\"speed\":40,\"size_min\":0.1,\"sync\":false}},\"line_linked\":{\"enable\":false,\"distance\":500,\"color\":\"#ffffff\",\"opacity\":0.4,\"width\":2},\"move\":{\"enable\":true,\"speed\":6,\"direction\":\"bottom\",\"random\":false,\"straight\":false,\"out_mode\":\"out\",\"bounce\":false,\"attract\":{\"enable\":false,\"rotateX\":600,\"rotateY\":1200}}},\"interactivity\":{\"detect_on\":\"canvas\",\"events\":{\"onhover\":{\"enable\":true,\"mode\":\"bubble\"},\"onclick\":{\"enable\":true,\"mode\":\"repulse\"},\"resize\":true},\"modes\":{\"grab\":{\"distance\":400,\"line_linked\":{\"opacity\":0.5}},\"bubble\":{\"distance\":400,\"size\":4,\"duration\":0.3,\"opacity\":1,\"speed\":3},\"repulse\":{\"distance\":200,\"duration\":0.4},\"push\":{\"particles_nb\":4},\"remove\":{\"particles_nb\":2}}},\"retina_detect\":true}","nyan_cat":"{\"particles\":{\"number\":{\"value\":150,\"density\":{\"enable\":false,\"value_area\":800}},\"color\":{\"value\":\"#ffffff\"},\"shape\":{\"type\":\"star\",\"stroke\":{\"width\":0,\"color\":\"#000000\"},\"polygon\":{\"nb_sides\":5},\"image\":{\"src\":\"http:\/\/wiki.lexisnexis.com\/academic\/images\/f\/fb\/Itunes_podcast_icon_300.jpg\",\"width\":100,\"height\":100}},\"opacity\":{\"value\":0.5,\"random\":false,\"anim\":{\"enable\":false,\"speed\":1,\"opacity_min\":0.1,\"sync\":false}},\"size\":{\"value\":4,\"random\":true,\"anim\":{\"enable\":false,\"speed\":40,\"size_min\":0.1,\"sync\":false}},\"line_linked\":{\"enable\":false,\"distance\":150,\"color\":\"#ffffff\",\"opacity\":0.4,\"width\":1},\"move\":{\"enable\":true,\"speed\":14,\"direction\":\"left\",\"random\":false,\"straight\":true,\"out_mode\":\"out\",\"bounce\":false,\"attract\":{\"enable\":false,\"rotateX\":600,\"rotateY\":1200}}},\"interactivity\":{\"detect_on\":\"canvas\",\"events\":{\"onhover\":{\"enable\":false,\"mode\":\"grab\"},\"onclick\":{\"enable\":true,\"mode\":\"repulse\"},\"resize\":true},\"modes\":{\"grab\":{\"distance\":200,\"line_linked\":{\"opacity\":1}},\"bubble\":{\"distance\":400,\"size\":40,\"duration\":2,\"opacity\":8,\"speed\":3},\"repulse\":{\"distance\":200,\"duration\":0.4},\"push\":{\"particles_nb\":4},\"remove\":{\"particles_nb\":2}}},\"retina_detect\":true}"},"eael_login_nonce":"1913080355","eael_register_nonce":"1a512a3721","eael_lostpassword_nonce":"d27a5a508b","eael_resetpassword_nonce":"d81d954073"};
/* ]]> */
</script>
<script type="text/rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://www.subscriptionflow.com/wp-content/plugins/essential-addons-for-elementor-lite/assets/front-end/js/view/general.min.js?ver=6.6.9" id="eael-general-js" data-rocket-defer defer></script>
<script type="text/rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://www.subscriptionflow.com/wp-includes/js/hoverIntent.min.js?ver=1.10.2" id="hoverIntent-js" data-rocket-defer defer></script>
<script type="text/rocketlazyloadscript" data-minify="1" data-rocket-type="text/javascript" data-rocket-src="https://www.subscriptionflow.com/wp-content/cache/min/1/wp-content/plugins/megamenu/js/maxmegamenu.js?ver=1782994213" id="megamenu-js" data-rocket-defer defer></script>
<script type="text/rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://www.subscriptionflow.com/wp-includes/js/underscore.min.js?ver=1.13.7" id="underscore-js" data-rocket-defer defer></script>
<script type="text/rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://www.subscriptionflow.com/wp-includes/js/backbone.min.js?ver=1.6.0" id="backbone-js" data-rocket-defer defer></script>
<script type="text/rocketlazyloadscript" data-minify="1" data-rocket-type="text/javascript" data-rocket-src="https://www.subscriptionflow.com/wp-content/cache/min/1/wp-content/plugins/ninja-forms/assets/js/min/front-end-deps.js?ver=1782994213" id="nf-front-end-deps-js" data-rocket-defer defer></script>
<script type="text/rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://www.google.com/recaptcha/api.js?hl&amp;onload=nfRenderRecaptcha&amp;render=explicit&amp;ver=3.14.8" id="nf-google-recaptcha-js"></script>
<script type="text/javascript" id="nf-front-end-js-extra">
/* <![CDATA[ */
var nfi18n = {"ninjaForms":"Ninja Forms","changeEmailErrorMsg":"Please enter a valid email address!","changeDateErrorMsg":"Please enter a valid date!","confirmFieldErrorMsg":"These fields must match!","fieldNumberNumMinError":"Number Min Error","fieldNumberNumMaxError":"Number Max Error","fieldNumberIncrementBy":"Please increment by ","fieldTextareaRTEInsertLink":"Insert Link","fieldTextareaRTEInsertMedia":"Insert Media","fieldTextareaRTESelectAFile":"Select a file","tableInsertRowAbove":"Insert Row Above","tableInsertRowBelow":"Insert Row Below","tableInsertColumnLeft":"Insert Column Left","tableInsertColumnRight":"Insert Column Right","tableDeleteRow":"Delete Row","tableDeleteColumn":"Delete Column","tableDeleteTable":"Delete Table","tableLegacyNotice":"This content has tables in the old editor format. Custom styles are preserved until converted. Editing will update to the new format.","tableLegacyConvert":"Convert Now","tableInsertTable":"Insert Table","dismiss":"Dismiss","insertLink":"Insert Link","formErrorsCorrectErrors":"Please correct errors before submitting this form.","formHoneypot":"If you are a human seeing this field, please leave it empty.","validateRequiredField":"This is a required field.","honeypotHoneypotError":"Honeypot Error","fileUploadOldCodeFileUploadInProgress":"File Upload in Progress.","fileUploadOldCodeFileUpload":"FILE UPLOAD","currencySymbol":"$","fieldsMarkedRequired":"Fields marked with an <span class=\"ninja-forms-req-symbol\">*<\/span> are required","thousands_sep":",","decimal_point":".","siteLocale":"en_US","dateFormat":"m\/d\/Y","startOfWeek":"1","of":"of","previousMonth":"Previous Month","nextMonth":"Next Month","months":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthsShort":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"weekdays":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"weekdaysShort":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"weekdaysMin":["Su","Mo","Tu","We","Th","Fr","Sa"],"recaptchaConsentMissing":"reCaptcha validation couldn't load.","recaptchaMissingCookie":"reCaptcha v3 validation couldn't load the cookie needed to submit the form.","recaptchaConsentEvent":"Accept reCaptcha cookies before sending the form."};
var nfFrontEnd = {"adminAjax":"https:\/\/www.subscriptionflow.com\/wp-admin\/admin-ajax.php","ajaxNonce":"12e5b6045e","requireBaseUrl":"https:\/\/www.subscriptionflow.com\/wp-content\/plugins\/ninja-forms\/assets\/js\/","use_merge_tags":{"user":{"address":"address","textbox":"textbox","button":"button","checkbox":"checkbox","city":"city","confirm":"confirm","date":"date","email":"email","firstname":"firstname","html":"html","hcaptcha":"hcaptcha","hidden":"hidden","lastname":"lastname","listcheckbox":"listcheckbox","listcountry":"listcountry","listimage":"listimage","listmultiselect":"listmultiselect","listradio":"listradio","listselect":"listselect","liststate":"liststate","note":"note","number":"number","password":"password","passwordconfirm":"passwordconfirm","product":"product","quantity":"quantity","recaptcha":"recaptcha","recaptcha_v3":"recaptcha_v3","repeater":"repeater","shipping":"shipping","signature":"signature","spam":"spam","starrating":"starrating","submit":"submit","terms":"terms","textarea":"textarea","total":"total","turnstile":"turnstile","unknown":"unknown","zip":"zip","hr":"hr"},"post":{"address":"address","textbox":"textbox","button":"button","checkbox":"checkbox","city":"city","confirm":"confirm","date":"date","email":"email","firstname":"firstname","html":"html","hcaptcha":"hcaptcha","hidden":"hidden","lastname":"lastname","listcheckbox":"listcheckbox","listcountry":"listcountry","listimage":"listimage","listmultiselect":"listmultiselect","listradio":"listradio","listselect":"listselect","liststate":"liststate","note":"note","number":"number","password":"password","passwordconfirm":"passwordconfirm","product":"product","quantity":"quantity","recaptcha":"recaptcha","recaptcha_v3":"recaptcha_v3","repeater":"repeater","shipping":"shipping","signature":"signature","spam":"spam","starrating":"starrating","submit":"submit","terms":"terms","textarea":"textarea","total":"total","turnstile":"turnstile","unknown":"unknown","zip":"zip","hr":"hr"},"system":{"address":"address","textbox":"textbox","button":"button","checkbox":"checkbox","city":"city","confirm":"confirm","date":"date","email":"email","firstname":"firstname","html":"html","hcaptcha":"hcaptcha","hidden":"hidden","lastname":"lastname","listcheckbox":"listcheckbox","listcountry":"listcountry","listimage":"listimage","listmultiselect":"listmultiselect","listradio":"listradio","listselect":"listselect","liststate":"liststate","note":"note","number":"number","password":"password","passwordconfirm":"passwordconfirm","product":"product","quantity":"quantity","recaptcha":"recaptcha","recaptcha_v3":"recaptcha_v3","repeater":"repeater","shipping":"shipping","signature":"signature","spam":"spam","starrating":"starrating","submit":"submit","terms":"terms","textarea":"textarea","total":"total","turnstile":"turnstile","unknown":"unknown","zip":"zip","hr":"hr"},"fields":{"address":"address","textbox":"textbox","button":"button","checkbox":"checkbox","city":"city","confirm":"confirm","date":"date","email":"email","firstname":"firstname","html":"html","hcaptcha":"hcaptcha","hidden":"hidden","lastname":"lastname","listcheckbox":"listcheckbox","listcountry":"listcountry","listimage":"listimage","listmultiselect":"listmultiselect","listradio":"listradio","listselect":"listselect","liststate":"liststate","note":"note","number":"number","password":"password","passwordconfirm":"passwordconfirm","product":"product","quantity":"quantity","recaptcha":"recaptcha","recaptcha_v3":"recaptcha_v3","repeater":"repeater","shipping":"shipping","signature":"signature","spam":"spam","starrating":"starrating","submit":"submit","terms":"terms","textarea":"textarea","total":"total","turnstile":"turnstile","unknown":"unknown","zip":"zip","hr":"hr"},"calculations":{"html":"html","hidden":"hidden","note":"note","unknown":"unknown"}},"opinionated_styles":"","filter_esc_status":"false","nf_consent_status_response":[]};
var nfInlineVars = [];
/* ]]> */
</script>
<script type="text/rocketlazyloadscript" data-minify="1" data-rocket-type="text/javascript" data-rocket-src="https://www.subscriptionflow.com/wp-content/cache/min/1/wp-content/plugins/ninja-forms/assets/js/min/front-end.js?ver=1782994213" id="nf-front-end-js" data-rocket-defer defer></script>
<script type="text/rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://www.subscriptionflow.com/wp-content/plugins/elementor-pro/assets/js/webpack-pro.runtime.min.js?ver=3.7.7" id="elementor-pro-webpack-runtime-js" data-rocket-defer defer></script>
<script type="text/rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://www.subscriptionflow.com/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.23.4" id="elementor-webpack-runtime-js" data-rocket-defer defer></script>
<script type="text/javascript" src="https://www.subscriptionflow.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.23.4" id="elementor-frontend-modules-js" data-rocket-defer defer></script>
<script type="text/rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://www.subscriptionflow.com/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script>
<script type="text/rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://www.subscriptionflow.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script>
<script type="text/rocketlazyloadscript" data-rocket-type="text/javascript" id="wp-i18n-js-after">
/* <![CDATA[ */
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
/* ]]> */
</script>
<script type="text/rocketlazyloadscript" data-rocket-type="text/javascript" id="elementor-pro-frontend-js-before">
/* <![CDATA[ */
var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/www.subscriptionflow.com\/wp-admin\/admin-ajax.php","nonce":"01da46b010","urls":{"assets":"https:\/\/www.subscriptionflow.com\/wp-content\/plugins\/elementor-pro\/assets\/","rest":"https:\/\/www.subscriptionflow.com\/wp-json\/"},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"}},"facebook_sdk":{"lang":"en_US","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/www.subscriptionflow.com\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}};
/* ]]> */
</script>
<script type="text/rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://www.subscriptionflow.com/wp-content/plugins/elementor-pro/assets/js/frontend.min.js?ver=3.7.7" id="elementor-pro-frontend-js" data-rocket-defer defer></script>
<script type="text/rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://www.subscriptionflow.com/wp-content/plugins/elementor/assets/lib/waypoints/waypoints.min.js?ver=4.0.2" id="elementor-waypoints-js" data-rocket-defer defer></script>
<script type="text/rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://www.subscriptionflow.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script>
<script type="text/javascript" id="elementor-frontend-js-extra">
/* <![CDATA[ */
var EAELImageMaskingConfig = {"svg_dir_url":"https:\/\/www.subscriptionflow.com\/wp-content\/plugins\/essential-addons-for-elementor-lite\/assets\/front-end\/img\/image-masking\/svg-shapes\/"};
/* ]]> */
</script>
<script type="text/javascript" id="elementor-frontend-js-before">
/* <![CDATA[ */
var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnTwitter":"Share on Twitter","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close","a11yCarouselWrapperAriaLabel":"Carousel | Horizontal scrolling: Arrow Left & Right","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":769,"lg":1026,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":768,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":true},"tablet":{"label":"Tablet Portrait","value":1025,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1250,"default_value":1366,"direction":"max","is_enabled":true},"widescreen":{"label":"Widescreen","value":1800,"default_value":2400,"direction":"min","is_enabled":true}}},"version":"3.23.4","is_static":false,"experimentalFeatures":{"additional_custom_breakpoints":true,"container_grid":true,"e_swiper_latest":true,"e_nested_atomic_repeaters":true,"e_optimized_markup":true,"e_onboarding":true,"theme_builder_v2":true,"hello-theme-header-footer":true,"home_screen":true,"landing-pages":true,"e_lazyload":true,"e_element_cache":true,"page-transitions":true,"notes":true,"form-submissions":true,"e_scroll_snap":true},"urls":{"assets":"https:\/\/www.subscriptionflow.com\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/www.subscriptionflow.com\/wp-admin\/admin-ajax.php"},"nonces":{"floatingButtonsClickTracking":"57a7e1d93a"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_mobile_extra","viewport_tablet","viewport_laptop","viewport_widescreen"],"viewport_widescreen":1800,"viewport_mobile":768,"viewport_mobile_extra":880,"viewport_tablet":1025,"viewport_laptop":1250,"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description","hello_header_logo_type":"logo","hello_header_menu_layout":"horizontal"},"post":{"id":7,"title":"Next%20Gen-AI%20Billing%20%26%20Subscription%20Management%20Software","excerpt":"","featuredImage":"https:\/\/www.subscriptionflow.com\/wp-content\/uploads\/2026\/01\/subscriptionflow-logo-for-branding-1024x576.jpg"}};
/* ]]> */
</script>
<script type="text/javascript" src="https://www.subscriptionflow.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.23.4" id="elementor-frontend-js" data-rocket-defer defer></script>
<script type="text/rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://www.subscriptionflow.com/wp-content/plugins/elementor-pro/assets/js/preloaded-elements-handlers.min.js?ver=3.7.7" id="pro-preloaded-elements-handlers-js" data-rocket-defer defer></script>
<script type="text/rocketlazyloadscript">
document.addEventListener("DOMContentLoaded", function () {

    function activateTabFromHash() {
        var hash = window.location.hash;
        if (!hash) return;

        var cleanHash = hash.replace("#", "");

        setTimeout(function () {

            var tabButtons = document.querySelectorAll('.elementor-tab-title');

            tabButtons.forEach(function(button) {

                var text = button.textContent.trim().toLowerCase().replace(/\s+/g, '-');

                if (text === cleanHash) {
                    button.click();
                }

            });

        }, 700);
    }

    activateTabFromHash();

});
</script>
<script type="text/rocketlazyloadscript">var localize ={"ajaxurl":"https:\/\/www.subscriptionflow.com\/wp-admin\/admin-ajax.php","nonce":"b86614bb9e","i18n":{"added":"Added ","compare":"Compare","loading":"Loading..."},"eael_translate_text":{"required_text":"is a required field","invalid_text":"Invalid","billing_text":"Billing","shipping_text":"Shipping","fg_mfp_counter_text":"of"},"page_permalink":"https:\/\/www.subscriptionflow.com\/","cart_redirectition":false,"cart_page_url":"","el_breakpoints":{"mobile":{"label":"Mobile Portrait","value":768,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":true},"tablet":{"label":"Tablet Portrait","value":1025,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1250,"default_value":1366,"direction":"max","is_enabled":true},"widescreen":{"label":"Widescreen","value":1800,"default_value":2400,"direction":"min","is_enabled":true}},"ParticleThemesData":{"default":"{\"particles\":{\"number\":{\"value\":160,\"density\":{\"enable\":true,\"value_area\":800}},\"color\":{\"value\":\"#ffffff\"},\"shape\":{\"type\":\"circle\",\"stroke\":{\"width\":0,\"color\":\"#000000\"},\"polygon\":{\"nb_sides\":5},\"image\":{\"src\":\"img\/github.svg\",\"width\":100,\"height\":100}},\"opacity\":{\"value\":0.5,\"random\":false,\"anim\":{\"enable\":false,\"speed\":1,\"opacity_min\":0.1,\"sync\":false}},\"size\":{\"value\":3,\"random\":true,\"anim\":{\"enable\":false,\"speed\":40,\"size_min\":0.1,\"sync\":false}},\"line_linked\":{\"enable\":true,\"distance\":150,\"color\":\"#ffffff\",\"opacity\":0.4,\"width\":1},\"move\":{\"enable\":true,\"speed\":6,\"direction\":\"none\",\"random\":false,\"straight\":false,\"out_mode\":\"out\",\"bounce\":false,\"attract\":{\"enable\":false,\"rotateX\":600,\"rotateY\":1200}}},\"interactivity\":{\"detect_on\":\"canvas\",\"events\":{\"onhover\":{\"enable\":true,\"mode\":\"repulse\"},\"onclick\":{\"enable\":true,\"mode\":\"push\"},\"resize\":true},\"modes\":{\"grab\":{\"distance\":400,\"line_linked\":{\"opacity\":1}},\"bubble\":{\"distance\":400,\"size\":40,\"duration\":2,\"opacity\":8,\"speed\":3},\"repulse\":{\"distance\":200,\"duration\":0.4},\"push\":{\"particles_nb\":4},\"remove\":{\"particles_nb\":2}}},\"retina_detect\":true}","nasa":"{\"particles\":{\"number\":{\"value\":250,\"density\":{\"enable\":true,\"value_area\":800}},\"color\":{\"value\":\"#ffffff\"},\"shape\":{\"type\":\"circle\",\"stroke\":{\"width\":0,\"color\":\"#000000\"},\"polygon\":{\"nb_sides\":5},\"image\":{\"src\":\"img\/github.svg\",\"width\":100,\"height\":100}},\"opacity\":{\"value\":1,\"random\":true,\"anim\":{\"enable\":true,\"speed\":1,\"opacity_min\":0,\"sync\":false}},\"size\":{\"value\":3,\"random\":true,\"anim\":{\"enable\":false,\"speed\":4,\"size_min\":0.3,\"sync\":false}},\"line_linked\":{\"enable\":false,\"distance\":150,\"color\":\"#ffffff\",\"opacity\":0.4,\"width\":1},\"move\":{\"enable\":true,\"speed\":1,\"direction\":\"none\",\"random\":true,\"straight\":false,\"out_mode\":\"out\",\"bounce\":false,\"attract\":{\"enable\":false,\"rotateX\":600,\"rotateY\":600}}},\"interactivity\":{\"detect_on\":\"canvas\",\"events\":{\"onhover\":{\"enable\":true,\"mode\":\"bubble\"},\"onclick\":{\"enable\":true,\"mode\":\"repulse\"},\"resize\":true},\"modes\":{\"grab\":{\"distance\":400,\"line_linked\":{\"opacity\":1}},\"bubble\":{\"distance\":250,\"size\":0,\"duration\":2,\"opacity\":0,\"speed\":3},\"repulse\":{\"distance\":400,\"duration\":0.4},\"push\":{\"particles_nb\":4},\"remove\":{\"particles_nb\":2}}},\"retina_detect\":true}","bubble":"{\"particles\":{\"number\":{\"value\":15,\"density\":{\"enable\":true,\"value_area\":800}},\"color\":{\"value\":\"#1b1e34\"},\"shape\":{\"type\":\"polygon\",\"stroke\":{\"width\":0,\"color\":\"#000\"},\"polygon\":{\"nb_sides\":6},\"image\":{\"src\":\"img\/github.svg\",\"width\":100,\"height\":100}},\"opacity\":{\"value\":0.3,\"random\":true,\"anim\":{\"enable\":false,\"speed\":1,\"opacity_min\":0.1,\"sync\":false}},\"size\":{\"value\":50,\"random\":false,\"anim\":{\"enable\":true,\"speed\":10,\"size_min\":40,\"sync\":false}},\"line_linked\":{\"enable\":false,\"distance\":200,\"color\":\"#ffffff\",\"opacity\":1,\"width\":2},\"move\":{\"enable\":true,\"speed\":8,\"direction\":\"none\",\"random\":false,\"straight\":false,\"out_mode\":\"out\",\"bounce\":false,\"attract\":{\"enable\":false,\"rotateX\":600,\"rotateY\":1200}}},\"interactivity\":{\"detect_on\":\"canvas\",\"events\":{\"onhover\":{\"enable\":false,\"mode\":\"grab\"},\"onclick\":{\"enable\":false,\"mode\":\"push\"},\"resize\":true},\"modes\":{\"grab\":{\"distance\":400,\"line_linked\":{\"opacity\":1}},\"bubble\":{\"distance\":400,\"size\":40,\"duration\":2,\"opacity\":8,\"speed\":3},\"repulse\":{\"distance\":200,\"duration\":0.4},\"push\":{\"particles_nb\":4},\"remove\":{\"particles_nb\":2}}},\"retina_detect\":true}","snow":"{\"particles\":{\"number\":{\"value\":450,\"density\":{\"enable\":true,\"value_area\":800}},\"color\":{\"value\":\"#fff\"},\"shape\":{\"type\":\"circle\",\"stroke\":{\"width\":0,\"color\":\"#000000\"},\"polygon\":{\"nb_sides\":5},\"image\":{\"src\":\"img\/github.svg\",\"width\":100,\"height\":100}},\"opacity\":{\"value\":0.5,\"random\":true,\"anim\":{\"enable\":false,\"speed\":1,\"opacity_min\":0.1,\"sync\":false}},\"size\":{\"value\":5,\"random\":true,\"anim\":{\"enable\":false,\"speed\":40,\"size_min\":0.1,\"sync\":false}},\"line_linked\":{\"enable\":false,\"distance\":500,\"color\":\"#ffffff\",\"opacity\":0.4,\"width\":2},\"move\":{\"enable\":true,\"speed\":6,\"direction\":\"bottom\",\"random\":false,\"straight\":false,\"out_mode\":\"out\",\"bounce\":false,\"attract\":{\"enable\":false,\"rotateX\":600,\"rotateY\":1200}}},\"interactivity\":{\"detect_on\":\"canvas\",\"events\":{\"onhover\":{\"enable\":true,\"mode\":\"bubble\"},\"onclick\":{\"enable\":true,\"mode\":\"repulse\"},\"resize\":true},\"modes\":{\"grab\":{\"distance\":400,\"line_linked\":{\"opacity\":0.5}},\"bubble\":{\"distance\":400,\"size\":4,\"duration\":0.3,\"opacity\":1,\"speed\":3},\"repulse\":{\"distance\":200,\"duration\":0.4},\"push\":{\"particles_nb\":4},\"remove\":{\"particles_nb\":2}}},\"retina_detect\":true}","nyan_cat":"{\"particles\":{\"number\":{\"value\":150,\"density\":{\"enable\":false,\"value_area\":800}},\"color\":{\"value\":\"#ffffff\"},\"shape\":{\"type\":\"star\",\"stroke\":{\"width\":0,\"color\":\"#000000\"},\"polygon\":{\"nb_sides\":5},\"image\":{\"src\":\"http:\/\/wiki.lexisnexis.com\/academic\/images\/f\/fb\/Itunes_podcast_icon_300.jpg\",\"width\":100,\"height\":100}},\"opacity\":{\"value\":0.5,\"random\":false,\"anim\":{\"enable\":false,\"speed\":1,\"opacity_min\":0.1,\"sync\":false}},\"size\":{\"value\":4,\"random\":true,\"anim\":{\"enable\":false,\"speed\":40,\"size_min\":0.1,\"sync\":false}},\"line_linked\":{\"enable\":false,\"distance\":150,\"color\":\"#ffffff\",\"opacity\":0.4,\"width\":1},\"move\":{\"enable\":true,\"speed\":14,\"direction\":\"left\",\"random\":false,\"straight\":true,\"out_mode\":\"out\",\"bounce\":false,\"attract\":{\"enable\":false,\"rotateX\":600,\"rotateY\":1200}}},\"interactivity\":{\"detect_on\":\"canvas\",\"events\":{\"onhover\":{\"enable\":false,\"mode\":\"grab\"},\"onclick\":{\"enable\":true,\"mode\":\"repulse\"},\"resize\":true},\"modes\":{\"grab\":{\"distance\":200,\"line_linked\":{\"opacity\":1}},\"bubble\":{\"distance\":400,\"size\":40,\"duration\":2,\"opacity\":8,\"speed\":3},\"repulse\":{\"distance\":200,\"duration\":0.4},\"push\":{\"particles_nb\":4},\"remove\":{\"particles_nb\":2}}},\"retina_detect\":true}"},"eael_login_nonce":"1913080355","eael_register_nonce":"1a512a3721","eael_lostpassword_nonce":"d27a5a508b","eael_resetpassword_nonce":"d81d954073"}</script><script type="text/rocketlazyloadscript" id="eael-inline-js">/* Services section — scroll fade-in. PASTE THIS (no <script> tags) into:
   Page Settings ▸ Advanced ▸ Custom JS  */
document.documentElement.classList.add('sf-js');
(function(){
  function init(){
    var cards = document.querySelectorAll('.sf-svc, .sf-feature-card');
    if(!cards.length) return;
    if(!('IntersectionObserver' in window)){ cards.forEach(function(c){ c.classList.add('sf-in'); }); return; }
    var io = new IntersectionObserver(function(entries){
      entries.forEach(function(e){ if(e.isIntersecting){ e.target.classList.add('sf-in'); io.unobserve(e.target); } });
    }, { threshold:.18, rootMargin:'0px 0px -40px 0px' });
    cards.forEach(function(c){ io.observe(c); });
  }
  if(document.readyState === 'loading'){ document.addEventListener('DOMContentLoaded', init); }
  else { init(); }
})();

/*---PCI--section---JS-----#/
/**
 * ============================================================
 *  SubscriptionFlow — Icon List Active Sync JS
 *  File: sfpp-iconlist-sync.js
 *
 *  Elementor > Custom JS (Footer) mein paste karein
 *
 *  Kya karta hai:
 *  1. Icon List items pe click → .sfpp-active class toggle
 *  2. Right side animation widget ke saath sync
 *  3. Auto-cycle har 2.2 seconds
 *  4. Hover pe pause
 * ============================================================
 */

(function () {
  'use strict';

  var TITLES = [
    'Multiple Payment Methods',
    'Multiple Currency Support',
    'Payment Gateway Integrations',
    'Payment Failure & Recovery Management'
  ];
  var CYCLE = 2200;

  function init() {

    /* ── Left side: Elementor Icon List items ── */
    var listItems = document.querySelectorAll(
      '.sfpp-icon-list .elementor-icon-list-item'
    );

    /* ── Right side: animated console rows ── */
    var rows      = document.querySelectorAll('#saRows .sa-row');
    var statusTxt = document.getElementById('saStatusTxt');

    if (!listItems.length) return;

    var idx    = 0;
    var paused = false;
    var timer  = null;

    /* ── Activate step i ── */
    function activate(i) {
      idx = i;

      /* Left list */
      listItems.forEach(function (el, k) {
        el.classList.toggle('sfpp-active', k === i);
      });

      /* Right console rows (if widget exists on page) */
      if (rows.length) {
        rows.forEach(function (r, k) {
          r.classList.toggle('sa-on', k <= i);
        });
      }

      /* Status text */
      if (statusTxt) statusTxt.textContent = TITLES[i] || TITLES[0];
    }

    /* ── Auto cycle ── */
    function startCycle() {
      timer = setInterval(function () {
        if (!paused) activate((idx + 1) % listItems.length);
      }, CYCLE);
    }

    /* ── Click on list item ── */
    listItems.forEach(function (el, k) {
      /* Make keyboard accessible */
      el.setAttribute('tabindex', '0');
      el.setAttribute('role', 'button');

      el.addEventListener('click', function () {
        jump(k);
      });

      el.addEventListener('keydown', function (e) {
        if (e.key === 'Enter' || e.key === ' ') {
          e.preventDefault();
          jump(k);
        }
      });
    });

    function jump(i) {
      activate(i);
      paused = true;
      clearInterval(timer);
      setTimeout(function () {
        paused = false;
        startCycle();
      }, CYCLE);
    }

    /* ── Pause on hover ── */
    var section = document.querySelector('.sfpp-icon-list');
    if (section) {
      section.addEventListener('mouseenter', function () { paused = true;  });
      section.addEventListener('mouseleave', function () { paused = false; });
    }

    /* ── Reduced motion: show all active, no animation ── */
    var reduced = window.matchMedia &&
                  window.matchMedia('(prefers-reduced-motion: reduce)').matches;
    if (reduced) {
      listItems.forEach(function (el) { el.classList.add('sfpp-active'); });
      if (rows.length) rows.forEach(function (r) { r.classList.add('sa-on'); });
      if (statusTxt) statusTxt.textContent = TITLES[0];
      return;
    }

    /* ── Boot ── */
    activate(0);
    startCycle();
  }

  /* Run after everything is rendered */
  if (document.readyState !== 'loading') {
    setTimeout(init, 400);
  } else {
    document.addEventListener('DOMContentLoaded', function () {
      setTimeout(init, 400);
    });
  }

})();;</script><script id="tmpl-nf-layout" type="text/template">
	<span id="nf-form-title-{{{ data.id }}}" class="nf-form-title">
		{{{ ( 1 == data.settings.show_title ) ? '<h' + data.settings.form_title_heading_level + '>' + data.settings.title + '</h' + data.settings.form_title_heading_level + '>' : '' }}}
	</span>
	<div class="nf-form-wrap ninja-forms-form-wrap">
		<div class="nf-response-msg"></div>
		<div class="nf-debug-msg"></div>
		<div class="nf-before-form"></div>
		<div class="nf-form-layout"></div>
		<div class="nf-after-form"></div>
	</div>
</script>

<script id="tmpl-nf-empty" type="text/template">

</script>
<script id="tmpl-nf-before-form" type="text/template">
	{{{ data.beforeForm }}}
</script><script id="tmpl-nf-after-form" type="text/template">
	{{{ data.afterForm }}}
</script><script id="tmpl-nf-before-fields" type="text/template">
    <div class="nf-form-fields-required">{{{ data.renderFieldsMarkedRequired() }}}</div>
    {{{ data.beforeFields }}}
</script><script id="tmpl-nf-after-fields" type="text/template">
    {{{ data.afterFields }}}
    <div id="nf-form-errors-{{{ data.id }}}" class="nf-form-errors" role="alert"></div>
    <div class="nf-form-hp"></div>
</script>
<script id="tmpl-nf-before-field" type="text/template">
    {{{ data.beforeField }}}
</script><script id="tmpl-nf-after-field" type="text/template">
    {{{ data.afterField }}}
</script><script id="tmpl-nf-form-layout" type="text/template">
	<form id="ninja-form-{{{ data.id }}}">
		<div>
			<div class="nf-before-form-content"></div>
			<div class="nf-form-content {{{ data.element_class }}}"></div>
			<div class="nf-after-form-content"></div>
		</div>
	</form>
</script><script id="tmpl-nf-form-hp" type="text/template">
	<label id="nf-label-field-hp-{{{ data.id }}}" for="nf-field-hp-{{{ data.id }}}" aria-hidden="true">
		{{{ nfi18n.formHoneypot }}}
		<input id="nf-field-hp-{{{ data.id }}}" name="nf-field-hp" class="nf-element nf-field-hp" type="text" value="" aria-labelledby="nf-label-field-hp-{{{ data.id }}}" />
	</label>
</script>
<script id="tmpl-nf-field-layout" type="text/template">
    <div id="nf-field-{{{ data.id }}}-container" class="nf-field-container {{{ data.type }}}-container {{{ data.renderContainerClass() }}}" data-testid="nf-field-{{{ data.key }}}" data-nf-field-type="{{{ data.type }}}">
        <div class="nf-before-field"></div>
        <div class="nf-field"></div>
        <div class="nf-after-field"></div>
    </div>
</script>
<script id="tmpl-nf-field-before" type="text/template">
    {{{ data.beforeField }}}
</script><script id="tmpl-nf-field-after" type="text/template">
    <#
    /*
     * Render our input limit section if that setting exists.
     */
    #>
    <div class="nf-input-limit"></div>
    <#
    /*
     * Render our error section if we have an error.
     */
    #>
    <div id="nf-error-{{{ data.id }}}" class="nf-error-wrap nf-error" role="alert" aria-live="assertive"></div>
    <#
    /*
     * Render any custom HTML after our field.
     */
    #>
    {{{ data.afterField }}}
</script>
<script id="tmpl-nf-field-wrap" type="text/template">
	<div id="nf-field-{{{ data.id }}}-wrap" class="{{{ data.renderWrapClass() }}}" data-field-id="{{{ data.id }}}">
		<#
		/*
		 * This is our main field template. It's called for every field type.
		 * Note that must have ONE top-level, wrapping element. i.e. a div/span/etc that wraps all of the template.
		 */
        #>
		<#
		/*
		 * Render our label.
		 */
        #>
		{{{ data.renderLabel() }}}
		<#
		/*
		 * Render our field element. Uses the template for the field being rendered.
		 */
        #>
		<div class="nf-field-element">{{{ data.renderElement() }}}</div>
		<#
		/*
		 * Render our Description Text.
		 */
        #>
		{{{ data.renderDescText() }}}
	</div>
</script>
<script id="tmpl-nf-field-wrap-no-label" type="text/template">
    <div id="nf-field-{{{ data.id }}}-wrap" class="{{{ data.renderWrapClass() }}}" data-field-id="{{{ data.id }}}">
        <div class="nf-field-label"></div>
        <div class="nf-field-element">{{{ data.renderElement() }}}</div>
        <div class="nf-error-wrap"></div>
    </div>
</script>
<script id="tmpl-nf-field-wrap-no-container" type="text/template">

        {{{ data.renderElement() }}}

        <div class="nf-error-wrap"></div>
</script>
<script id="tmpl-nf-field-label" type="text/template">
	<div class="nf-field-label">
		<# if ( data.type === "listcheckbox" || data.type === "listradio" || data.type === "listimage" || data.type === "date" || data.type === "starrating" || data.type === "signature" || data.type === "html" || data.type === "hr" ) { #>
			<span id="nf-label-field-{{{ data.id }}}"
				class="nf-label-span {{{ data.renderLabelClasses() }}}">
					{{{ ( data.maybeFilterHTML() === 'true' ) ? _.escape( data.label ) : data.label }}} {{{ ( 'undefined' != typeof data.required && 1 == data.required ) ? '<span class="ninja-forms-req-symbol">*</span>' : '' }}} 
					{{{ data.maybeRenderHelp() }}}
			</span>
		<# } else { #>
			<label for="nf-field-{{{ data.id }}}"
					id="nf-label-field-{{{ data.id }}}"
					class="{{{ data.renderLabelClasses() }}}">
						{{{ ( data.maybeFilterHTML() === 'true' ) ? _.escape( data.label ) : data.label }}} {{{ ( 'undefined' != typeof data.required && 1 == data.required ) ? '<span class="ninja-forms-req-symbol">*</span>' : '' }}} 
						{{{ data.maybeRenderHelp() }}}
			</label>
		<# } #>
	</div>
</script>
<script id="tmpl-nf-field-error" type="text/template">
	<div class="nf-error-msg nf-error-{{{ data.id }}}" aria-live="assertive">{{{ data.msg }}}</div>
</script><script id="tmpl-nf-form-error" type="text/template">
	<div class="nf-error-msg nf-error-{{{ data.id }}}">{{{ data.msg }}}</div>
</script><script id="tmpl-nf-field-input-limit" type="text/template">
    {{{ data.currentCount() }}} {{{ nfi18n.of }}} {{{ data.input_limit }}} {{{ data.input_limit_msg }}}
</script><script id="tmpl-nf-field-null" type="text/template">
</script><script id="tmpl-nf-field-firstname" type="text/template">
    <input
        type="text"
        value="{{{ _.escape( data.value ) }}}"
        class="{{{ data.renderClasses() }}} nf-element"
        id="nf-field-{{{ data.id }}}"
        name="{{ data.custom_name_attribute || 'nf-field-' + data.id + '-' + data.type }}"
        {{{ data.maybeDisableAutocomplete() }}}
        {{{ data.renderPlaceholder() }}}
        aria-invalid="false"
        aria-describedby="<# if( data.desc_text ) { #>nf-description-{{{ data.id }}} <# } #>nf-error-{{{ data.id }}}"
        aria-labelledby="nf-label-field-{{{ data.id }}}"
        {{{ data.maybeRequired() }}}
    >
</script>
<script id='tmpl-nf-field-input' type='text/template'>
    <input id="nf-field-{{{ data.id }}}" name="nf-field-{{{ data.id }}}" aria-invalid="false" aria-describedby="<# if( data.desc_text ) { #>nf-description-{{{ data.id }}} <# } #>nf-error-{{{ data.id }}}" class="{{{ data.renderClasses() }}} nf-element" type="text" value="{{{ _.escape( data.value ) }}}" {{{ data.renderPlaceholder() }}} {{{ data.maybeDisabled() }}}
           aria-labelledby="nf-label-field-{{{ data.id }}}"

            {{{ data.maybeRequired() }}}
    >
</script>
<script id="tmpl-nf-field-lastname" type="text/template">
    <input
        type="text"
        value="{{{ _.escape( data.value ) }}}"
        class="{{{ data.renderClasses() }}} nf-element"
        id="nf-field-{{{ data.id }}}"
        name="{{ data.custom_name_attribute || 'nf-field-' + data.id + '-' + data.type }}"
        {{{ data.maybeDisableAutocomplete() }}}
        {{{ data.renderPlaceholder() }}}
        aria-invalid="false"
        aria-describedby="<# if( data.desc_text ) { #>nf-description-{{{ data.id }}} <# } #>nf-error-{{{ data.id }}}"
        aria-labelledby="nf-label-field-{{{ data.id }}}"
        {{{ data.maybeRequired() }}}
    >
</script>
<script id="tmpl-nf-field-email" type="text/template">
	<input
		type="email"
		value="{{{ _.escape( data.value ) }}}"
		class="{{{ data.renderClasses() }}} nf-element"
		id="nf-field-{{{ data.id }}}"
		name="{{ data.custom_name_attribute || 'nf-field-' + data.id + '-' + data.type }}"
		{{{data.maybeDisableAutocomplete()}}}
		{{{ data.renderPlaceholder() }}}
		{{{ data.maybeDisabled() }}}
		aria-invalid="false"
		aria-describedby="<# if( data.desc_text ) { #>nf-description-{{{ data.id }}} <# } #>nf-error-{{{ data.id }}}"
		aria-labelledby="nf-label-field-{{{ data.id }}}"
		{{{ data.maybeRequired() }}}
	>
</script>
<script id="tmpl-nf-field-tel" type="text/template">
	<input
		type="tel"
		value="{{{ _.escape( data.value ) }}}"
		class="{{{ data.renderClasses() }}} nf-element"
		{{{ data.maybeDisabled() }}}
		id="nf-field-{{{ data.id }}}"
		name="{{ data.custom_name_attribute || 'nf-field-' + data.id + '-' + data.type }}"
		{{{ data.maybeDisableAutocomplete() }}}
		{{{ data.renderPlaceholder() }}}
		aria-invalid="false"
		aria-describedby="<# if( data.desc_text ) { #>nf-description-{{{ data.id }}} <# } #>nf-error-{{{ data.id }}}"
		aria-labelledby="nf-label-field-{{{ data.id }}}"
		{{{ data.maybeRequired() }}}
	>
</script>
<script id="tmpl-nf-field-textbox" type="text/template">
	<input
		type="text"
		value="{{{ _.escape( data.value ) }}}"
		class="{{{ data.renderClasses() }}} nf-element"
		{{{ data.renderPlaceholder() }}}
		{{{ data.maybeDisabled() }}}
		{{{ data.maybeInputLimit() }}}
		id="nf-field-{{{ data.id }}}"
		name="{{ data.custom_name_attribute || 'nf-field-' + data.id + '-' + data.type }}"
		{{{ data.maybeDisableAutocomplete() }}}
		aria-invalid="false"
		aria-describedby="<# if( data.desc_text ) { #>nf-description-{{{ data.id }}} <# } #>nf-error-{{{ data.id }}}"
		aria-labelledby="nf-label-field-{{{ data.id }}}"
		{{{ data.maybeRequired() }}}
	>
</script>
<script id="tmpl-nf-field-listradio" type="text/template">
    <ul aria-describedby="<# if( data.desc_text ) { #>nf-description-{{{ data.id }}} <# } #>nf-error-{{{ data.id }}}">
        {{{ data.renderOptions() }}}
    </ul>
</script>

<script id='tmpl-nf-field-listradio-option' type='text/template'>
    <# if ( ! data.visible ) { return '' } #>
    <li>
        <input type="radio"
               id="nf-field-{{{ data.fieldID }}}-{{{ data.index }}}"
               name="nf-field-{{{ data.fieldID }}}"
               class="{{{ data.classes }}} nf-element {{{ ( data.value == data.currentValue  || 1 == data.selected ) ? 'nf-checked' : '' }}}" value="{{{ data.value }}}" {{{ ( data.value == data.currentValue  || 1 == data.selected ) ? 'checked="checked"' : '' }}}
            aria-labelledby="nf-label-class-field-{{{ data.fieldID }}}-{{{ data.index }}}"
            <# if( data.required ) { #>
			required aria-required="true"
			<# } #>
        >
        <label for="nf-field-{{{ data.fieldID }}}-{{{ data.index }}}"
               id="nf-label-class-field-{{{ data.fieldID }}}-{{{ data.index }}}" class="{{{ ( data.value == data.currentValue  || 1
                       ==
               data.selected ) ? 'nf-checked-label' : '' }}}">{{{ data.label }}}</label>
    </li>
</script>

<script id='tmpl-nf-field-listradio-other' type='text/template'>
    <li>
        <input type="radio" name="nf-field-{{{ data.fieldID }}}" class="{{{ data.classes }}} nf-element" value="nf-other" {{{ ( ! data.valueFound ) ? 'checked="checked"' : '' }}}> <label>Other {{{ data.renderOtherText() }}}</label>
    </li>
</script>

<script id='tmpl-nf-field-listradio-other-text' type='text/template'>
    <input type="text" name="nf-field-{{{ data.fieldID }}}" class="nf-element" value="{{{ data.currentValue }}}">
</script>
<script id="tmpl-nf-field-textarea" type="text/template">
    <textarea id="nf-field-{{{ data.id }}}" name="nf-field-{{{ data.id }}}" aria-invalid="false" aria-describedby="<# if( data.desc_text ) { #>nf-description-{{{ data.id }}} <# } #>nf-error-{{{ data.id }}}" class="{{{ data.renderClasses() }}} nf-element" {{{ data.renderPlaceholder() }}} {{{ data.maybeDisabled() }}} {{{ data.maybeDisableAutocomplete() }}} {{{ data.maybeInputLimit() }}}
        aria-labelledby="nf-label-field-{{{ data.id }}}"

        {{{ data.maybeRequired() }}}
    >{{{ _.escape( data.value ) }}}</textarea>
</script>

<!-- Rich Text Editor Templates -->

<script id="tmpl-nf-rte-media-button" type="text/template">
    <span class="dashicons dashicons-admin-media"></span>
</script>

<script id="tmpl-nf-rte-link-button" type="text/template">
    <span class="dashicons dashicons-admin-links"></span>
</script>

<script id="tmpl-nf-rte-unlink-button" type="text/template">
    <span class="dashicons dashicons-editor-unlink"></span>
</script>

<script id="tmpl-nf-rte-link-dropdown" type="text/template">
    <div class="rte-link">
        URL
        <input type="url" class="widefat code link-url"> <br />
        Text
        <input type="url" class="widefat code link-text"> <br />
        <label>
            <input type="checkbox" class="link-new-window"> {{{ nfi18n.fieldsTextareaOpenNewWindow }}}
        </label>
        <input type="button" class="cancel-link extra" value="Cancel">
        <input type="button" class="insert-link extra" value="Insert">
    </div>
</script>
<script id="tmpl-nf-field-recaptcha" type="text/template">
	<input id="nf-field-{{{ data.id }}}" name="nf-field-{{{ data.id }}}" class="{{{ data.renderClasses() }}} nf-element" type="hidden" value="{{{ data.value }}}" />

	<div class="g-recaptcha" data-callback="nf_recaptcha_response_{{{ data.id }}}" data-theme="{{{ data.theme }}}" data-sitekey="{{{ data.site_key }}}" data-fieldid="{{{ data.id }}}" {{{ ( "invisible" == data.size ) ? 'data-size="invisible"' : '' }}}></div>
</script><script id="tmpl-nf-field-submit" type="text/template">

<# 
let myType = data.type
if('save'== data.type){
	myType = 'button'
}
#>
<input id="nf-field-{{{ data.id }}}" class="{{{ data.renderClasses() }}} nf-element " type="{{{myType}}}" value="{{{ ( data.maybeFilterHTML() === 'true' ) ? _.escape( data.label ) : data.label }}}" {{{ ( data.disabled ) ? 'aria-disabled="true" disabled="true"' : '' }}}>

</script><script id='tmpl-nf-field-button' type='text/template'>
    <button id="nf-field-{{{ data.id }}}" name="nf-field-{{{ data.id }}}" class="{{{ data.classes }}} nf-element">
        {{{ ( data.maybeFilterHTML() === 'true' ) ? _.escape( data.label ) : data.label }}}
    </button>
</script><script>window.lazyLoadOptions=[{elements_selector:"img[data-lazy-src],.rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}},{elements_selector:".rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,}];window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(var i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue}
if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue}
images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1}
if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="https://www.subscriptionflow.com/wp-content/plugins/wp-rocket/assets/js/lazyload/17.8.3/lazyload.min.js"></script>
<!-- Calendly link widget begin -->
<link data-minify="1" href="https://www.subscriptionflow.com/wp-content/cache/min/1/assets/external/widget.css?ver=1783041251" rel="stylesheet">
<script type="text/rocketlazyloadscript" data-minify="1" defer data-rocket-src="https://www.subscriptionflow.com/wp-content/cache/min/1/assets/external/widget.js?ver=1782994213" data-rocket-type="text/javascript"></script>
<!-- Calendly link widget end -->


<script type="text/rocketlazyloadscript" data-minify="1" data-rocket-src="https://www.subscriptionflow.com/wp-content/cache/min/1/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js?ver=1782994214" crossorigin="anonymous" referrerpolicy="no-referrer" data-rocket-defer defer></script>

<!-- Custom Js File -->
<script type="text/rocketlazyloadscript" data-minify="1" data-rocket-src="https://www.subscriptionflow.com/wp-content/cache/min/1/wp-content/themes/hello-elementor/assets/js/custom-script.js?ver=1782994214" data-rocket-defer defer></script>

<script type="text/rocketlazyloadscript">window.addEventListener('DOMContentLoaded', function() {
	jQuery(document).ready(function($){
		
	

	/**
		** External JS code binding
		**
		** Calendly
		*/

		var compaign_source_type='';
		var compaign_name='';
		var compaign_medium='';
		var compaign_keyword='';

		$( ".demo-schedule" ).on( "click", function() {
			
			
			window.lintrk('track', { conversion_id: 10354753 });
			Calendly.initPopupWidget({url: 'https://calendly.com/info-8275/subscriptionflow', utm: {utmSource: compaign_source_type, utmCampaign: compaign_name, utmMedium: compaign_medium, utmContent: compaign_keyword }         });return false;
		});

		
	});
});</script>

<!-- linked In Code--->
<script type="text/rocketlazyloadscript" data-rocket-type="text/javascript">
	_linkedin_partner_id = "4083153";
	window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || [];
	window._linkedin_data_partner_ids.push(_linkedin_partner_id);
	</script><script type="text/rocketlazyloadscript" data-rocket-type="text/javascript">
	(function(l) {
	if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])};
	window.lintrk.q=[]}
	var s = document.getElementsByTagName("script")[0];
	var b = document.createElement("script");
	b.type = "text/javascript";b.async = true;
	b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js";
	s.parentNode.insertBefore(b, s);})(window.lintrk);
</script>
<noscript>
	<img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=4083153&fmt=gif" />
</noscript>
<!-- linked In Code End--->

<!--- Impact.com -->
<script type="text/rocketlazyloadscript" data-rocket-type="text/javascript">
               ire('identify', {customerId: '', customerEmail: '', customProfileId: ''});
</script>


<script>(()=>{class RocketElementorPreload{constructor(){this.deviceMode=document.createElement("span"),this.deviceMode.id="elementor-device-mode-wpr",this.deviceMode.setAttribute("class","elementor-screen-only"),document.body.appendChild(this.deviceMode)}t(){let t=getComputedStyle(this.deviceMode,":after").content.replace(/"/g,"");this.animationSettingKeys=this.i(t),document.querySelectorAll(".elementor-invisible[data-settings]").forEach(t=>{const e=t.getBoundingClientRect();if(e.bottom>=0&&e.top<=window.innerHeight)try{this.o(t)}catch(t){}})}o(t){const e=JSON.parse(t.dataset.settings),i=e.m||e.animation_delay||0,n=e[this.animationSettingKeys.find(t=>e[t])];if("none"===n)return void t.classList.remove("elementor-invisible");t.classList.remove(n),this.currentAnimation&&t.classList.remove(this.currentAnimation),this.currentAnimation=n;let o=setTimeout(()=>{t.classList.remove("elementor-invisible"),t.classList.add("animated",n),this.l(t,e)},i);window.addEventListener("rocket-startLoading",function(){clearTimeout(o)})}i(t="mobile"){const e=[""];switch(t){case"mobile":e.unshift("_mobile");case"tablet":e.unshift("_tablet");case"desktop":e.unshift("_desktop")}const i=[];return["animation","_animation"].forEach(t=>{e.forEach(e=>{i.push(t+e)})}),i}l(t,e){this.i().forEach(t=>delete e[t]),t.dataset.settings=JSON.stringify(e)}static run(){const t=new RocketElementorPreload;requestAnimationFrame(t.t.bind(t))}}document.addEventListener("DOMContentLoaded",RocketElementorPreload.run)})();</script><script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a16908377b6af824',t:'MTc4MzI4MjQyNQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
</html>


<!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1783278214 -->