{"id":3048,"date":"2026-03-17T00:47:52","date_gmt":"2026-03-17T00:47:52","guid":{"rendered":"https:\/\/ferstaging.site\/FC-2026\/?page_id=3048"},"modified":"2026-04-06T22:17:19","modified_gmt":"2026-04-06T22:17:19","slug":"b2g","status":"publish","type":"page","link":"https:\/\/financialcorp.com\/index.php\/b2g\/","title":{"rendered":"B2G"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n B2G Payment Solutions \u2013 FinancialCorp<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap\"\r\n rel=\"stylesheet\" \/>\r\n <style>\r\n :root {\r\n --navy: #0a1628;\r\n --deep: #0d1f3c;\r\n --blue: #1a4a8a;\r\n --accent: #c8973a;\r\n --gold: #e8b84b;\r\n --light: #f4f7fc;\r\n --white: #ffffff;\r\n --muted: #8a9bb5;\r\n --border: rgba(200, 151, 58, 0.2);\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family: 'Montserrat', sans-serif;\r\n background: var(--navy);\r\n color: var(--white);\r\n overflow-x: hidden;\r\n }\r\n\r\n section {\r\n width: 100%;\r\n position: relative;\r\n }\r\n\r\n h1,\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6 {\r\n color: var(--white) !important;\r\n }\r\n\r\n .section-inner {\r\n width: 100%;\r\n padding-left: 60px;\r\n padding-right: 60px;\r\n position: relative;\r\n }\r\n\r\n .hero {\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n overflow: hidden;\r\n background: linear-gradient(135deg, #060e1e 0%, #0a1628 50%, #0d2545 100%);\r\n }\r\n\r\n .hero-bg {\r\n position: absolute;\r\n inset: 0;\r\n background-image:\r\n radial-gradient(ellipse 800px 600px at 80% 40%, rgba(26, 74, 138, 0.35) 0%, transparent 60%),\r\n radial-gradient(ellipse 400px 400px at 10% 80%, rgba(200, 151, 58, 0.12) 0%, transparent 50%);\r\n }\r\n\r\n .grid-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background-image:\r\n linear-gradient(rgba(200, 151, 58, 0.05) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(200, 151, 58, 0.05) 1px, transparent 1px);\r\n background-size: 60px 60px;\r\n animation: gridMove 20s linear infinite;\r\n }\r\n\r\n @keyframes gridMove {\r\n 0% {\r\n transform: translateY(0);\r\n }\r\n\r\n 100% {\r\n transform: translateY(60px);\r\n }\r\n }\r\n\r\n .hero-content {\r\n position: relative;\r\n z-index: 2;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 60px;\r\n align-items: center;\r\n width: 100%;\r\n padding: 100px 60px;\r\n }\r\n\r\n .hero-label {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 11px;\r\n font-weight: 600;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n padding: 8px 16px;\r\n border: 1px solid var(--border);\r\n border-radius: 2px;\r\n margin-bottom: 28px;\r\n opacity: 0;\r\n animation: fadeUp 0.8s ease 0.2s forwards;\r\n }\r\n\r\n .hero-label::before {\r\n content: '';\r\n width: 6px;\r\n height: 6px;\r\n background: var(--gold);\r\n border-radius: 50%;\r\n animation: pulse 2s ease infinite;\r\n }\r\n\r\n @keyframes pulse {\r\n\r\n 0%,\r\n 100% {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n\r\n 50% {\r\n opacity: 0.4;\r\n transform: scale(1.4);\r\n }\r\n }\r\n\r\n .hero h1 {\r\n font-size: clamp(36px, 4.5vw, 62px);\r\n font-weight: 900;\r\n line-height: 1.1;\r\n letter-spacing: -1px;\r\n margin-bottom: 24px;\r\n opacity: 0;\r\n animation: fadeUp 0.8s ease 0.4s forwards;\r\n }\r\n\r\n .hero h1 em {\r\n font-style: normal;\r\n color: var(--gold);\r\n }\r\n\r\n .hero p {\r\n font-size: 17px;\r\n line-height: 1.75;\r\n color: #a8bcd4;\r\n max-width: 620px;\r\n margin-bottom: 40px;\r\n font-weight: 300;\r\n opacity: 0;\r\n animation: fadeUp 0.8s ease 0.6s forwards;\r\n }\r\n\r\n .hero-btns,\r\n .cta-btns {\r\n display: flex;\r\n gap: 16px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .hero-btns {\r\n opacity: 0;\r\n animation: fadeUp 0.8s ease 0.8s forwards;\r\n }\r\n\r\n .btn-primary {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: linear-gradient(135deg, var(--accent), var(--gold));\r\n color: var(--navy);\r\n font-family: 'Montserrat', sans-serif;\r\n font-weight: 700;\r\n font-size: 14px;\r\n letter-spacing: 0.5px;\r\n padding: 16px 32px;\r\n border: none;\r\n cursor: pointer;\r\n text-decoration: none;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));\r\n }\r\n\r\n .btn-primary:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 20px 40px rgba(200, 151, 58, 0.4);\r\n }\r\n\r\n .btn-outline {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: transparent;\r\n color: var(--white);\r\n font-family: 'Montserrat', sans-serif;\r\n font-weight: 500;\r\n font-size: 14px;\r\n letter-spacing: 0.5px;\r\n padding: 15px 32px;\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n cursor: pointer;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .btn-outline:hover {\r\n border-color: var(--gold);\r\n color: var(--gold);\r\n background: rgba(200, 151, 58, 0.08);\r\n }\r\n\r\n .hero-visual {\r\n position: relative;\r\n height: 540px;\r\n opacity: 0;\r\n animation: fadeLeft 1s ease 0.6s forwards;\r\n }\r\n\r\n @keyframes fadeLeft {\r\n from {\r\n opacity: 0;\r\n transform: translateX(40px);\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n }\r\n\r\n .hero-img-frame {\r\n position: absolute;\r\n inset: 0;\r\n border-radius: 4px;\r\n overflow: hidden;\r\n border: 1px solid var(--border);\r\n }\r\n\r\n .hero-img-frame img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n filter: brightness(0.7) saturate(0.8);\r\n transition: transform 8s ease;\r\n }\r\n\r\n .hero-img-frame:hover img {\r\n transform: scale(1.05);\r\n }\r\n\r\n .hero-img-frame::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n linear-gradient(135deg, rgba(10, 22, 40, 0.6) 0%, transparent 60%),\r\n linear-gradient(to top, rgba(10, 22, 40, 0.7) 0%, transparent 50%);\r\n }\r\n\r\n .stat-card {\r\n position: absolute;\r\n background: rgba(10, 22, 40, 0.92);\r\n border: 1px solid var(--border);\r\n backdrop-filter: blur(12px);\r\n padding: 18px 24px;\r\n border-radius: 3px;\r\n min-width: 170px;\r\n }\r\n\r\n .stat-card.card-1 {\r\n bottom: 40px;\r\n left: -30px;\r\n animation: floatCard 4s ease-in-out infinite;\r\n }\r\n\r\n .stat-card.card-2 {\r\n top: 50px;\r\n right: -20px;\r\n animation: floatCard 4s ease-in-out 1s infinite;\r\n }\r\n\r\n .stat-card.card-3 {\r\n bottom: 130px;\r\n right: -20px;\r\n animation: floatCard 4s ease-in-out 2s infinite;\r\n }\r\n\r\n @keyframes floatCard {\r\n\r\n 0%,\r\n 100% {\r\n transform: translateY(0);\r\n }\r\n\r\n 50% {\r\n transform: translateY(-8px);\r\n }\r\n }\r\n\r\n .stat-num {\r\n font-size: 28px;\r\n font-weight: 700;\r\n color: var(--gold);\r\n line-height: 1;\r\n margin-bottom: 4px;\r\n }\r\n\r\n .stat-label {\r\n font-size: 11px;\r\n color: var(--muted);\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n }\r\n\r\n @keyframes fadeUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .intro {\r\n background: linear-gradient(180deg, #0d1f3c 0%, #0f2347 100%);\r\n padding: 120px 0;\r\n overflow: hidden;\r\n }\r\n\r\n .intro::before {\r\n content: '';\r\n position: absolute;\r\n left: -200px;\r\n top: -200px;\r\n width: 600px;\r\n height: 600px;\r\n background: radial-gradient(circle, rgba(200, 151, 58, 0.08) 0%, transparent 70%);\r\n border-radius: 50%;\r\n }\r\n\r\n .section-tag {\r\n font-size: 10px;\r\n font-weight: 700;\r\n letter-spacing: 4px;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n margin-bottom: 16px;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n\r\n .section-tag::after {\r\n content: '';\r\n flex: 1;\r\n max-width: 40px;\r\n height: 1px;\r\n background: var(--gold);\r\n opacity: 0.5;\r\n }\r\n\r\n .intro-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 80px;\r\n align-items: center;\r\n }\r\n\r\n .intro h2 {\r\n font-size: clamp(30px, 3.5vw, 48px);\r\n font-weight: 700;\r\n line-height: 1.15;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .intro p {\r\n color: #8a9bb5;\r\n font-size: 16px;\r\n line-height: 1.85;\r\n margin-bottom: 20px;\r\n font-weight: 300;\r\n }\r\n\r\n .intro-visual {\r\n position: relative;\r\n height: 460px;\r\n }\r\n\r\n .intro-img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n border-radius: 2px;\r\n filter: brightness(0.75) saturate(0.7);\r\n }\r\n\r\n .intro-img-border {\r\n position: absolute;\r\n inset: -12px -12px 12px 12px;\r\n border: 1px solid var(--border);\r\n border-radius: 2px;\r\n z-index: -1;\r\n }\r\n\r\n .challenges {\r\n background: var(--navy);\r\n padding: 120px 0;\r\n }\r\n\r\n .challenges-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 2fr;\r\n gap: 80px;\r\n align-items: start;\r\n }\r\n\r\n .challenges h2 {\r\n font-size: clamp(28px, 3vw, 44px);\r\n font-weight: 700;\r\n line-height: 1.2;\r\n margin-bottom: 20px;\r\n position: sticky;\r\n top: 40px;\r\n }\r\n\r\n .challenges-left p {\r\n color: var(--muted);\r\n font-size: 15px;\r\n line-height: 1.8;\r\n font-weight: 300;\r\n }\r\n\r\n .challenge-items {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0;\r\n }\r\n\r\n .challenge-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 24px;\r\n padding: 32px 0;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.06);\r\n transition: all 0.3s ease;\r\n cursor: default;\r\n }\r\n\r\n .challenge-item:first-child {\r\n border-top: 1px solid rgba(255, 255, 255, 0.06);\r\n }\r\n\r\n .challenge-item:hover {\r\n padding-left: 16px;\r\n }\r\n\r\n .challenge-item:hover .challenge-num {\r\n color: var(--gold);\r\n }\r\n\r\n .challenge-num {\r\n font-size: 36px;\r\n font-weight: 700;\r\n color: rgba(200, 151, 58, 0.2);\r\n line-height: 1;\r\n min-width: 50px;\r\n transition: color 0.3s;\r\n }\r\n\r\n .challenge-text h4 {\r\n font-size: 17px;\r\n font-weight: 600;\r\n margin-bottom: 6px;\r\n color: var(--white);\r\n }\r\n\r\n .challenge-text p {\r\n color: var(--muted);\r\n font-size: 14px;\r\n line-height: 1.7;\r\n font-weight: 300;\r\n }\r\n\r\n .solutions {\r\n background: linear-gradient(180deg, #0d1f3c 0%, #0a1628 100%);\r\n padding: 120px 0;\r\n overflow: hidden;\r\n }\r\n\r\n .solutions-header {\r\n text-align: center;\r\n margin-bottom: 70px;\r\n }\r\n\r\n .solutions h2 {\r\n font-size: clamp(30px, 3.5vw, 48px);\r\n font-weight: 700;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .solutions .sub {\r\n color: var(--muted);\r\n font-size: 16px;\r\n font-weight: 300;\r\n max-width: 560px;\r\n margin: 0 auto;\r\n line-height: 1.8;\r\n }\r\n\r\n .solutions-cards {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 2px;\r\n }\r\n\r\n .sol-card {\r\n background: rgba(13, 31, 60, 0.6);\r\n border: 1px solid rgba(255, 255, 255, 0.06);\r\n padding: 40px 36px;\r\n position: relative;\r\n overflow: hidden;\r\n transition: all 0.4s ease;\r\n cursor: default;\r\n }\r\n\r\n .sol-card:hover {\r\n background: rgba(26, 74, 138, 0.25);\r\n border-color: var(--border);\r\n transform: translateY(-4px);\r\n }\r\n\r\n .sol-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 2px;\r\n background: linear-gradient(90deg, var(--accent), var(--gold));\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .sol-card:hover::before {\r\n transform: scaleX(1);\r\n }\r\n\r\n .sol-icon {\r\n width: 52px;\r\n height: 52px;\r\n background: linear-gradient(135deg, rgba(200, 151, 58, 0.15), rgba(200, 151, 58, 0.05));\r\n border: 1px solid var(--border);\r\n border-radius: 2px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 24px;\r\n font-size: 22px;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .sol-card:hover .sol-icon {\r\n background: linear-gradient(135deg, rgba(200, 151, 58, 0.3), rgba(200, 151, 58, 0.1));\r\n transform: scale(1.1);\r\n }\r\n\r\n .sol-card h4 {\r\n font-size: 20px;\r\n font-weight: 700;\r\n margin-bottom: 12px;\r\n color: var(--white);\r\n }\r\n\r\n .sol-card p {\r\n color: var(--muted);\r\n font-size: 14px;\r\n line-height: 1.75;\r\n font-weight: 300;\r\n }\r\n\r\n .benefits {\r\n background: var(--navy);\r\n padding: 120px 0;\r\n }\r\n\r\n .benefits-layout {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 80px;\r\n align-items: center;\r\n }\r\n\r\n .benefits-visual {\r\n position: relative;\r\n height: 500px;\r\n }\r\n\r\n .benefits-img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n border-radius: 2px;\r\n filter: brightness(0.65) saturate(0.6);\r\n }\r\n\r\n .benefits-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(135deg, rgba(10, 22, 40, 0.5) 0%, transparent 50%);\r\n }\r\n\r\n .benefit-badge {\r\n position: absolute;\r\n top: 40px;\r\n left: 40px;\r\n background: linear-gradient(135deg, var(--accent), var(--gold));\r\n color: var(--navy);\r\n font-weight: 800;\r\n font-size: 11px;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n padding: 10px 20px;\r\n }\r\n\r\n .benefits h2 {\r\n font-size: clamp(28px, 3vw, 44px);\r\n font-weight: 700;\r\n margin-bottom: 48px;\r\n line-height: 1.2;\r\n }\r\n\r\n .benefit-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 28px;\r\n }\r\n\r\n .benefit-row {\r\n display: flex;\r\n gap: 20px;\r\n align-items: flex-start;\r\n transition: all 0.3s ease;\r\n padding: 20px;\r\n border: 1px solid transparent;\r\n border-radius: 2px;\r\n }\r\n\r\n .benefit-row:hover {\r\n border-color: var(--border);\r\n background: rgba(200, 151, 58, 0.04);\r\n }\r\n\r\n .benefit-icon {\r\n width: 44px;\r\n height: 44px;\r\n min-width: 44px;\r\n background: linear-gradient(135deg, rgba(200, 151, 58, 0.2), rgba(200, 151, 58, 0.05));\r\n border: 1px solid var(--border);\r\n border-radius: 2px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 18px;\r\n }\r\n\r\n .benefit-row h4 {\r\n font-size: 15px;\r\n font-weight: 600;\r\n margin-bottom: 4px;\r\n color: var(--white);\r\n }\r\n\r\n .benefit-row p {\r\n color: var(--muted);\r\n font-size: 13px;\r\n line-height: 1.7;\r\n font-weight: 300;\r\n }\r\n\r\n .usecases {\r\n background: linear-gradient(180deg, #0d1f3c 0%, #0a1628 100%);\r\n padding: 120px 0;\r\n overflow: hidden;\r\n }\r\n\r\n .usecases-header {\r\n text-align: center;\r\n margin-bottom: 64px;\r\n }\r\n\r\n .usecases h2 {\r\n font-size: clamp(28px, 3.5vw, 46px);\r\n font-weight: 700;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .use-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 24px;\r\n }\r\n\r\n .use-item {\r\n background: rgba(255, 255, 255, 0.03);\r\n border: 1px solid rgba(255, 255, 255, 0.07);\r\n padding: 32px;\r\n display: flex;\r\n align-items: center;\r\n gap: 18px;\r\n transition: all 0.3s ease;\r\n cursor: default;\r\n border-radius: 2px;\r\n }\r\n\r\n .use-item:hover {\r\n background: rgba(200, 151, 58, 0.07);\r\n border-color: var(--border);\r\n transform: translateX(6px);\r\n }\r\n\r\n .use-dot {\r\n width: 10px;\r\n height: 10px;\r\n min-width: 10px;\r\n background: var(--gold);\r\n border-radius: 50%;\r\n box-shadow: 0 0 10px rgba(232, 184, 75, 0.5);\r\n }\r\n\r\n .use-item span {\r\n font-size: 15px;\r\n font-weight: 500;\r\n color: #cdd8ea;\r\n }\r\n\r\n .technology {\r\n background: var(--navy);\r\n padding: 120px 0;\r\n }\r\n\r\n .tech-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 80px;\r\n align-items: center;\r\n }\r\n\r\n .tech-content h2 {\r\n font-size: clamp(28px, 3vw, 44px);\r\n font-weight: 700;\r\n line-height: 1.2;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .tech-content p {\r\n color: var(--muted);\r\n font-size: 15px;\r\n line-height: 1.85;\r\n font-weight: 300;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .tech-features {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 16px;\r\n }\r\n\r\n .tech-feat {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n padding: 14px 18px;\r\n background: rgba(200, 151, 58, 0.05);\r\n border: 1px solid var(--border);\r\n border-radius: 2px;\r\n font-size: 13px;\r\n font-weight: 500;\r\n color: #cdd8ea;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .tech-feat:hover {\r\n background: rgba(200, 151, 58, 0.12);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .tech-feat::before {\r\n content: '?';\r\n color: var(--gold);\r\n font-size: 8px;\r\n }\r\n\r\n .tech-visual {\r\n position: relative;\r\n height: 460px;\r\n }\r\n\r\n .tech-img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n border-radius: 2px;\r\n filter: brightness(0.65) saturate(0.6);\r\n }\r\n\r\n .tech-badge {\r\n position: absolute;\r\n bottom: 40px;\r\n left: 40px;\r\n background: rgba(10, 22, 40, 0.95);\r\n border: 1px solid var(--border);\r\n backdrop-filter: blur(10px);\r\n padding: 20px 28px;\r\n border-radius: 2px;\r\n }\r\n\r\n .tech-badge p {\r\n font-size: 11px;\r\n color: var(--muted);\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n margin-bottom: 4px;\r\n }\r\n\r\n .tech-badge strong {\r\n font-size: 20px;\r\n color: var(--gold);\r\n }\r\n\r\n .cta-section {\r\n overflow: hidden;\r\n background: linear-gradient(135deg, #0a1628 0%, #0d2545 50%, #0a1628 100%);\r\n padding: 140px 60px;\r\n text-align: center;\r\n }\r\n\r\n .cta-section::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n radial-gradient(ellipse 700px 500px at 50% 50%, rgba(200, 151, 58, 0.1) 0%, transparent 70%);\r\n }\r\n\r\n .cta-divider {\r\n width: 60px;\r\n height: 2px;\r\n background: linear-gradient(90deg, var(--accent), var(--gold));\r\n margin: 0 auto 32px;\r\n }\r\n\r\n .cta-section h2 {\r\n font-size: clamp(32px, 4vw, 56px);\r\n font-weight: 900;\r\n margin-bottom: 20px;\r\n position: relative;\r\n line-height: 1.1;\r\n }\r\n\r\n .cta-section p {\r\n color: var(--muted);\r\n font-size: 17px;\r\n font-weight: 300;\r\n line-height: 1.8;\r\n max-width: 560px;\r\n margin: 0 auto 48px;\r\n position: relative;\r\n }\r\n\r\n .cta-btns {\r\n justify-content: center;\r\n position: relative;\r\n }\r\n\r\n .trust {\r\n background: #060e1e;\r\n padding: 100px 60px;\r\n }\r\n\r\n .trust-inner {\r\n width: 100%;\r\n text-align: center;\r\n }\r\n\r\n .trust-quote {\r\n font-size: 11px;\r\n letter-spacing: 4px;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n margin-bottom: 40px;\r\n }\r\n\r\n .trust h2 {\r\n font-size: clamp(26px, 3vw, 40px);\r\n font-weight: 700;\r\n margin-bottom: 24px;\r\n line-height: 1.2;\r\n }\r\n\r\n .trust p {\r\n color: var(--muted);\r\n font-size: 16px;\r\n line-height: 1.85;\r\n font-weight: 300;\r\n max-width: 720px;\r\n margin: 0 auto;\r\n }\r\n\r\n .trust-stats {\r\n display: flex;\r\n justify-content: center;\r\n gap: 60px;\r\n margin-top: 64px;\r\n padding-top: 64px;\r\n border-top: 1px solid rgba(255, 255, 255, 0.07);\r\n flex-wrap: wrap;\r\n }\r\n\r\n .trust-stat {\r\n text-align: center;\r\n }\r\n\r\n .trust-stat .num {\r\n font-size: 40px;\r\n font-weight: 700;\r\n color: var(--gold);\r\n line-height: 1;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .trust-stat .label {\r\n font-size: 12px;\r\n color: var(--muted);\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n }\r\n\r\n .reveal {\r\n opacity: 0;\r\n transform: translateY(40px);\r\n transition: opacity 0.8s ease, transform 0.8s ease;\r\n }\r\n\r\n .reveal.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .reveal-delay-1 {\r\n transition-delay: 0.1s;\r\n }\r\n\r\n .reveal-delay-2 {\r\n transition-delay: 0.2s;\r\n }\r\n\r\n .reveal-delay-3 {\r\n transition-delay: 0.3s;\r\n }\r\n\r\n .reveal-delay-4 {\r\n transition-delay: 0.4s;\r\n }\r\n\r\n .reveal-delay-5 {\r\n transition-delay: 0.5s;\r\n }\r\n\r\n @media (max-width: 900px) {\r\n\r\n .hero-content,\r\n .intro-grid,\r\n .benefits-layout,\r\n .tech-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .hero-visual,\r\n .intro-visual,\r\n .benefits-visual,\r\n .tech-visual {\r\n height: 320px;\r\n }\r\n\r\n .challenges-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .solutions-cards {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .use-grid {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .hero-content,\r\n .section-inner,\r\n .cta-section,\r\n .trust {\r\n padding-left: 24px;\r\n padding-right: 24px;\r\n }\r\n\r\n .hero-content {\r\n padding-top: 80px;\r\n padding-bottom: 80px;\r\n }\r\n\r\n .intro,\r\n .challenges,\r\n .solutions,\r\n .benefits,\r\n .usecases,\r\n .technology {\r\n padding: 80px 0;\r\n }\r\n\r\n .cta-section,\r\n .trust {\r\n padding-top: 80px;\r\n padding-bottom: 80px;\r\n }\r\n\r\n .hero-label,\r\n .hero h1,\r\n .hero p,\r\n .hero-btns {\r\n animation: none;\r\n opacity: 1;\r\n }\r\n\r\n .hero-visual {\r\n animation: none;\r\n opacity: 1;\r\n }\r\n\r\n .stat-card.card-2,\r\n .stat-card.card-3 {\r\n display: none;\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .use-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .tech-features {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .hero-btns,\r\n .cta-btns {\r\n flex-direction: column;\r\n align-items: stretch;\r\n }\r\n\r\n .btn-primary,\r\n .btn-outline {\r\n justify-content: center;\r\n }\r\n\r\n .stat-card.card-1 {\r\n left: 12px;\r\n bottom: 12px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <section class=\"hero\">\r\n <div class=\"hero-bg\"><\/div>\r\n <div class=\"grid-overlay\"><\/div>\r\n\r\n <div class=\"hero-content\">\r\n <div class=\"hero-text\">\r\n <div class=\"hero-label\">Business-to-Government Solutions<\/div>\r\n <h1>Payment Solutions That <em>Simplify<\/em> Public Services<\/h1>\r\n <p>\r\n Secure, scalable payment technology designed to help government agencies accept payments faster, improve\r\n transparency, and deliver better services to citizens.\r\n <\/p>\r\n <div class=\"hero-btns\">\r\n <a href=\"https:\/\/financialcorp.com\/index.php\/contact-us-2\/\" class=\"btn-primary\">Get Started ?<\/a>\r\n <a href=\"https:\/\/financialcorp.com\/index.php\/book-a-demo\/\" class=\"btn-outline\">Speak with an Expert<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-visual\">\r\n <div class=\"hero-img-frame\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?w=900&q=85&auto=format&fit=crop\"\r\n alt=\"Government Building\" \/>\r\n <\/div>\r\n\r\n \r\n\r\n <div class=\"stat-card card-2\">\r\n <div class=\"stat-num\">30+<\/div>\r\n <div class=\"stat-label\">Years of Trust<\/div>\r\n <\/div>\r\n\r\n <div class=\"stat-card card-3\">\r\n <div class=\"stat-num\">100%<\/div>\r\n <div class=\"stat-label\">Compliance Ready<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"intro\">\r\n <div class=\"section-inner\">\r\n <div class=\"intro-grid\">\r\n <div class=\"reveal\">\r\n <div class=\"section-tag\">Infrastructure<\/div>\r\n <h2>Powering Government Payment Infrastructure<\/h2>\r\n <p>\r\n Government agencies require secure and efficient payment systems to serve citizens and businesses\r\n effectively. FinancialCorp provides tailored B2G payment solutions that streamline financial transactions\r\n between public institutions and the communities they serve.\r\n <\/p>\r\n <p>\r\n Our technology enables government entities to process payments quickly, securely, and transparently\u2014whether\r\n payments are made online, in person, or through integrated systems.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"intro-visual reveal reveal-delay-2\">\r\n <img decoding=\"async\" class=\"intro-img\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1577962917302-cd874c4e31d2?w=900&q=85&auto=format&fit=crop\"\r\n alt=\"Digital Payment Interface\" \/>\r\n <div class=\"intro-img-border\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"challenges\">\r\n <div class=\"section-inner\">\r\n <div class=\"challenges-grid\">\r\n <div class=\"challenges-left reveal\">\r\n <div class=\"section-tag\">Challenges<\/div>\r\n <h2>Modern Payment Challenges in Public Sector<\/h2>\r\n <p>\r\n Government agencies navigate complex payment environments daily. FinancialCorp simplifies these challenges\r\n with scalable technology and consultative implementation support.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"challenge-items\">\r\n <div class=\"challenge-item reveal reveal-delay-1\">\r\n <div class=\"challenge-num\">01<\/div>\r\n <div class=\"challenge-text\">\r\n <h4>High Volume Public Payments<\/h4>\r\n <p>Managing large volumes of public payments across departments with accuracy and speed.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"challenge-item reveal reveal-delay-2\">\r\n <div class=\"challenge-num\">02<\/div>\r\n <div class=\"challenge-text\">\r\n <h4>Multiple Payment Channels<\/h4>\r\n <p>Supporting online, in-person, and integrated system payments from a unified platform.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"challenge-item reveal reveal-delay-3\">\r\n <div class=\"challenge-num\">03<\/div>\r\n <div class=\"challenge-text\">\r\n <h4>Compliance & Security Standards<\/h4>\r\n <p>Ensuring every transaction meets industry security, regulatory, and compliance requirements.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"challenge-item reveal reveal-delay-4\">\r\n <div class=\"challenge-num\">04<\/div>\r\n <div class=\"challenge-text\">\r\n <h4>Transparent Reporting & Auditing<\/h4>\r\n <p>Providing detailed financial reports and audit trails across all government transactions.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"challenge-item reveal reveal-delay-5\">\r\n <div class=\"challenge-num\">05<\/div>\r\n <div class=\"challenge-text\">\r\n <h4>Legacy System Integration<\/h4>\r\n <p>Connecting modern payment solutions seamlessly with existing government infrastructure.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"solutions\">\r\n <div class=\"section-inner\">\r\n <div class=\"solutions-header reveal\">\r\n <div class=\"section-tag\" style=\"justify-content:center;\">Our Solutions<\/div>\r\n <h2>Flexible Payment Processing<br>for Government Agencies<\/h2>\r\n <p class=\"sub\">\r\n FinancialCorp delivers payment solutions designed for the complexity and accountability demands\r\n of government operations.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"solutions-cards\">\r\n <div class=\"sol-card reveal reveal-delay-1\">\r\n <div class=\"sol-icon\">\ud83c\udfdb\ufe0f<\/div>\r\n <h4>Online Payment Portals<\/h4>\r\n <p>Allow citizens and businesses to pay taxes, fees, permits, and licenses online from any device, anytime.<\/p>\r\n <\/div>\r\n\r\n <div class=\"sol-card reveal reveal-delay-2\">\r\n <div class=\"sol-icon\">\ud83d\udcb3<\/div>\r\n <h4>In-Person Payment Processing<\/h4>\r\n <p>Secure POS solutions for government offices and service centers with real-time transaction verification.<\/p>\r\n <\/div>\r\n\r\n <div class=\"sol-card reveal reveal-delay-3\">\r\n <div class=\"sol-icon\">\ud83d\udd17<\/div>\r\n <h4>Integrated Payment Systems<\/h4>\r\n <p>Connect payment processing directly to existing government software platforms and ERP systems.<\/p>\r\n <\/div>\r\n\r\n <div class=\"sol-card reveal reveal-delay-1\">\r\n <div class=\"sol-icon\">\ud83d\udcca<\/div>\r\n <h4>Automated Reporting & Reconciliation<\/h4>\r\n <p>Track and analyze transactions with detailed, real-time reporting tools built for government accountability.<\/p>\r\n <\/div>\r\n\r\n <div class=\"sol-card reveal reveal-delay-2\">\r\n <div class=\"sol-icon\">\ud83d\udd12<\/div>\r\n <h4>Secure Compliance Infrastructure<\/h4>\r\n <p>Ensure every transaction meets industry security and compliance standards including PCI-DSS and SOC 2.<\/p>\r\n <\/div>\r\n\r\n <div class=\"sol-card reveal reveal-delay-3\">\r\n <div class=\"sol-icon\">\ud83e\udd1d<\/div>\r\n <h4>Consultative Implementation<\/h4>\r\n <p>Our experienced team partners with you through every phase\u2014from scoping to go-live and beyond.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"benefits\">\r\n <div class=\"section-inner\">\r\n <div class=\"benefits-layout\">\r\n <div class=\"benefits-visual reveal\">\r\n <img decoding=\"async\" class=\"benefits-img\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1521791136064-7986c2920216?w=900&q=85&auto=format&fit=crop\"\r\n alt=\"Government Team\" \/>\r\n <div class=\"benefits-overlay\"><\/div>\r\n <div class=\"benefit-badge\">Why FinancialCorp<\/div>\r\n <\/div>\r\n\r\n <div class=\"reveal reveal-delay-2\">\r\n <div class=\"section-tag\">Key Benefits<\/div>\r\n <h2>Why Government Agencies Choose FinancialCorp<\/h2>\r\n\r\n <div class=\"benefit-list\">\r\n <div class=\"benefit-row\">\r\n <div class=\"benefit-icon\">\u26a1<\/div>\r\n <div>\r\n <h4>Fast & Secure Transactions<\/h4>\r\n <p>Reliable infrastructure ensures every payment is processed quickly and securely with zero compromise on uptime.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"benefit-row\">\r\n <div class=\"benefit-icon\">\ud83d\udc65<\/div>\r\n <div>\r\n <h4>Improved Citizen Experience<\/h4>\r\n <p>Offer convenient payment options across multiple channels so every citizen can pay their way.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"benefit-row\">\r\n <div class=\"benefit-icon\">\ud83d\udcc8<\/div>\r\n <div>\r\n <h4>Transparent Financial Reporting<\/h4>\r\n <p>Track payments with advanced analytics and reporting tools built for government-grade transparency.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"benefit-row\">\r\n <div class=\"benefit-icon\">\ud83c\udfd7\ufe0f<\/div>\r\n <div>\r\n <h4>Scalable Infrastructure<\/h4>\r\n <p>Adapts to the evolving needs of local, state, and federal government agencies of any size.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"benefit-row\">\r\n <div class=\"benefit-icon\">\ud83d\udcac<\/div>\r\n <div>\r\n <h4>Dedicated Support<\/h4>\r\n <p>Our experienced team provides ongoing support and consultation throughout the life of your contract.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"usecases\">\r\n <div class=\"section-inner\">\r\n <div class=\"usecases-header reveal\">\r\n <div class=\"section-tag\" style=\"justify-content:center;\">Applications<\/div>\r\n <h2>Across All Public Services<\/h2>\r\n <p style=\"color:var(--muted);font-size:16px;font-weight:300;max-width:520px;margin:0 auto;line-height:1.8;\">\r\n FinancialCorp B2G solutions can support every corner of public-sector payment collection.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"use-grid\">\r\n <div class=\"use-item reveal reveal-delay-1\">\r\n <div class=\"use-dot\"><\/div><span>Tax Collection<\/span>\r\n <\/div>\r\n <div class=\"use-item reveal reveal-delay-2\">\r\n <div class=\"use-dot\"><\/div><span>Permit & Licensing Payments<\/span>\r\n <\/div>\r\n <div class=\"use-item reveal reveal-delay-3\">\r\n <div class=\"use-dot\"><\/div><span>Utility Payments<\/span>\r\n <\/div>\r\n <div class=\"use-item reveal reveal-delay-1\">\r\n <div class=\"use-dot\"><\/div><span>Court & Legal Fees<\/span>\r\n <\/div>\r\n <div class=\"use-item reveal reveal-delay-2\">\r\n <div class=\"use-dot\"><\/div><span>Municipal Service Payments<\/span>\r\n <\/div>\r\n <div class=\"use-item reveal reveal-delay-3\">\r\n <div class=\"use-dot\"><\/div><span>Government Program Transactions<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"technology\">\r\n <div class=\"section-inner\">\r\n <div class=\"tech-grid\">\r\n <div class=\"tech-content reveal\">\r\n <div class=\"section-tag\">Technology<\/div>\r\n <h2>Seamless Integration with Government Systems<\/h2>\r\n <p>\r\n FinancialCorp integrates with existing government technology infrastructure to minimize disruption and\r\n maximize efficiency. Our platform allows agencies to manage all transactions through unified web-based\r\n platforms and reporting systems.\r\n <\/p>\r\n\r\n <div class=\"tech-features\">\r\n <div class=\"tech-feat\">API Integrations<\/div>\r\n <div class=\"tech-feat\">Virtual Terminals<\/div>\r\n <div class=\"tech-feat\">Web-Based Management<\/div>\r\n <div class=\"tech-feat\">Transaction Monitoring<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tech-visual reveal reveal-delay-2\">\r\n <img decoding=\"async\" class=\"tech-img\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1551288049-bebda4e38f71?w=900&q=85&auto=format&fit=crop\"\r\n alt=\"Technology Integration\" \/>\r\n <div class=\"tech-badge\">\r\n <p>Since<\/p>\r\n <strong>1992<\/strong>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"cta-section\" id=\"cta\">\r\n <div class=\"cta-divider reveal\"><\/div>\r\n <h2 class=\"reveal reveal-delay-1\">Modernize Your Government<br>Payment Systems<\/h2>\r\n <p class=\"reveal reveal-delay-2\">\r\n Partner with FinancialCorp to simplify the way government agencies collect and manage payments.\r\n <\/p>\r\n <div class=\"cta-btns reveal reveal-delay-3\">\r\n <a href=\"https:\/\/financialcorp.com\/index.php\/book-a-demo\/\" class=\"btn-primary\">Request a Consultation ?<\/a>\r\n <a href=\"https:\/\/financialcorp.com\/index.php\/contact-us-2\/\" class=\"btn-outline\">Contact Our Team<\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"trust\">\r\n <div class=\"trust-inner\">\r\n <div class=\"trust-quote reveal\">A Trusted Payment Processing Partner<\/div>\r\n <h2 class=\"reveal reveal-delay-1\">30+ Years of Proven Expertise<br>in Payment Technology<\/h2>\r\n <p class=\"reveal reveal-delay-2\">\r\n Founded in 1992, FinancialCorp processes millions of dollars in transactions\r\n across multiple industries while delivering consultative payment solutions tailored to each client. Our mission\r\n is to help organizations operate more efficiently through smart, secure payment technology.\r\n <\/p>\r\n\r\n \r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('visible');\r\n }\r\n });\r\n }, { threshold: 0.12 });\r\n\r\n document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\r\n\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(link => {\r\n link.addEventListener('click', e => {\r\n const target = document.querySelector(link.getAttribute('href'));\r\n if (target) {\r\n e.preventDefault();\r\n target.scrollIntoView({ behavior: 'smooth' });\r\n }\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>B2G Payment Solutions \u2013 FinancialCorp Business-to-Government Solutions Payment Solutions That Simplify Public Services Secure, scalable payment technology designed to help government agencies […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3048","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/financialcorp.com\/index.php\/wp-json\/wp\/v2\/pages\/3048","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/financialcorp.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/financialcorp.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/financialcorp.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/financialcorp.com\/index.php\/wp-json\/wp\/v2\/comments?post=3048"}],"version-history":[{"count":34,"href":"https:\/\/financialcorp.com\/index.php\/wp-json\/wp\/v2\/pages\/3048\/revisions"}],"predecessor-version":[{"id":3407,"href":"https:\/\/financialcorp.com\/index.php\/wp-json\/wp\/v2\/pages\/3048\/revisions\/3407"}],"wp:attachment":[{"href":"https:\/\/financialcorp.com\/index.php\/wp-json\/wp\/v2\/media?parent=3048"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}