{"id":6432,"date":"2026-09-14T04:55:22","date_gmt":"2026-09-14T04:55:22","guid":{"rendered":"https:\/\/brightcodess.com\/bengaluru\/?page_id=6432"},"modified":"2026-09-15T10:07:17","modified_gmt":"2026-09-15T10:07:17","slug":"fintech-and-wallet-app","status":"publish","type":"page","link":"https:\/\/brightcodess.com\/bengaluru\/fintech-and-wallet-app\/","title":{"rendered":"Fintech and Wallet App"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6432\" class=\"elementor elementor-6432\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1943003 e-con-full e-flex e-con e-parent\" data-id=\"1943003\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-e60303d e-con-full e-flex e-con e-child\" data-id=\"e60303d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d678ea elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"5d678ea\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Fintech & Wallet Hero Section Start -->\r\n<div class=\"fin-hero-wrapper\">\r\n  <div class=\"fin-hero-container\">\r\n    \r\n    <!-- Left Column: Content -->\r\n    <div class=\"fin-hero-content\">\r\n      <div class=\"fin-badge\">\r\n        <span class=\"fin-badge-dot\"><\/span>\r\n        #TOP RATED FINTECH & WALLET APP DEVELOPER\r\n      <\/div>\r\n      \r\n      <h1 class=\"fin-hero-title\">\r\n        Fintech App Development Company in <span>Bangalore<\/span>\r\n      <\/h1>\r\n      \r\n      <p class=\"fin-hero-desc\">\r\n        Accelerate your financial innovations with secure, compliant, and scalable custom solutions, including digital wallets, payment gateways, blockchain integrations, and AI-powered financial advisory platforms.\r\n      <\/p>\r\n      \r\n      <div class=\"fin-hero-cta-group\">\r\n        <a href=\"https:\/\/brightcodess.com\/bengaluru\/contact\/\" class=\"fin-btn fin-btn-primary\">\r\n          <span>Explore Our Fintech Expertise<\/span>\r\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n      \r\n      <!-- Trust Metrics -->\r\n      <div class=\"fin-metrics\">\r\n        <div class=\"fin-metric-item\">\r\n          <strong>50M+<\/strong>\r\n          <span>Transactions Processed<\/span>\r\n        <\/div>\r\n        <div class=\"fin-metric-divider\"><\/div>\r\n        <div class=\"fin-metric-item\">\r\n          <strong>PCI-DSS<\/strong>\r\n          <span>Level 1 Compliant<\/span>\r\n        <\/div>\r\n        <div class=\"fin-metric-divider\"><\/div>\r\n        <div class=\"fin-metric-item\">\r\n          <strong>Real-time<\/strong>\r\n          <span>Analytics & Fraud Detection<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <!-- Right Column: Animated App Mockup -->\r\n    <div class=\"fin-hero-visual\">\r\n      \r\n      <!-- Glowing Background Gradients -->\r\n      <div class=\"fin-glow-1\"><\/div>\r\n      <div class=\"fin-glow-2\"><\/div>\r\n\r\n      <!-- Floating Badge: AI Insight -->\r\n      <div class=\"fin-float-card fin-float-card-insight\">\r\n        <div class=\"fin-card-icon fin-bg-purple\">\r\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#7c3aed\" stroke-width=\"2\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n        <\/div>\r\n        <div>\r\n          <small>AI Insight<\/small>\r\n          <strong>15% <span class=\"fin-text-purple\">\u2022 Avg. Returns This Quarter<\/span><\/strong>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Floating Badge: Secure Transaction -->\r\n      <div class=\"fin-float-card fin-float-card-security\">\r\n        <div class=\"fin-card-icon fin-bg-blue\">\r\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2563eb\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>\r\n        <\/div>\r\n        <div>\r\n          <small>Secure Transaction<\/small>\r\n          <strong>Encrypted & Compliant<\/strong>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Floating Badge: Investment Alert -->\r\n      <div class=\"fin-float-card fin-float-card-alert\">\r\n        <div class=\"fin-card-icon fin-bg-green\">\r\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10b981\" stroke-width=\"2\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"><\/polyline><polyline points=\"17 6 23 6 23 12\"><\/polyline><\/svg>\r\n        <\/div>\r\n        <div>\r\n          <small>Investment Alert<\/small>\r\n          <strong>Crypto Portfolio <span class=\"fin-text-green\">+8%<\/span><\/strong>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Smartphone Device Frame -->\r\n      <div class=\"fin-phone-frame\">\r\n        <div class=\"fin-phone-notch\"><\/div>\r\n        \r\n        <!-- App Screen -->\r\n        <div class=\"fin-phone-screen\">\r\n          \r\n          <!-- Top App Bar -->\r\n          <div class=\"fin-app-header\">\r\n            <div class=\"fin-user-profile\">\r\n              <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?q=80&w=100&auto=format&fit=crop\" alt=\"User\" class=\"fin-avatar\" \/>\r\n              <div>\r\n                <span>Welcome,<\/span>\r\n                <strong>Anjali K.<\/strong>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"fin-header-actions\">\r\n              <button class=\"fin-icon-btn\">\r\n                <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path><\/svg>\r\n              <\/button>\r\n              <button class=\"fin-icon-btn\">\r\n                <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"><\/path><path d=\"M13.73 21a2 2 0 0 1-3.46 0\"><\/path><\/svg>\r\n              <\/button>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <!-- Virtual Card Showcase -->\r\n          <div class=\"fin-card-showcase\">\r\n            <div class=\"fin-virtual-card\">\r\n              <div class=\"fin-card-top\">\r\n                <span>Virtual Debit<\/span>\r\n                <span class=\"fin-card-badge\">Debit<\/span>\r\n              <\/div>\r\n              <div class=\"fin-card-mid\">\r\n                <small>Balance<\/small>\r\n                <strong>\u20b91,45,890.50<\/strong>\r\n              <\/div>\r\n              <div class=\"fin-card-bot\">\r\n                <div class=\"fin-card-chips\"><\/div>\r\n                <div class=\"fin-mastercard-circles\">\r\n                  <span class=\"circle-red\"><\/span>\r\n                  <span class=\"circle-orange\"><\/span>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <!-- Portfolio Growth Section -->\r\n          <div class=\"fin-portfolio-box\">\r\n            <div class=\"fin-portfolio-header\">\r\n              <span>Portfolio Growth<\/span>\r\n            <\/div>\r\n            <div class=\"fin-chart-preview\">\r\n              <svg viewBox=\"0 0 200 50\" class=\"fin-sparkline\">\r\n                <path d=\"M0 35 Q 40 40, 75 25 T 150 15 T 200 10\" fill=\"none\" stroke=\"#0ea5e9\" stroke-width=\"3\"\/>\r\n                <path d=\"M0 35 Q 40 40, 75 25 T 150 15 T 200 10 L 200 50 L 0 50 Z\" fill=\"rgba(14, 165, 233, 0.12)\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Quick Actions Grid -->\r\n          <div class=\"fin-quick-actions\">\r\n            <span class=\"fin-quick-title\">Quick Actions<\/span>\r\n            <div class=\"fin-actions-row\">\r\n              <div class=\"fin-action-item\">\r\n                <div class=\"fin-action-icon blue-grad\">\r\n                  <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"><\/line><polygon points=\"22 2 15 22 11 13 2 9 22 2\"><\/polygon><\/svg>\r\n                <\/div>\r\n                <span>Send Money<\/span>\r\n              <\/div>\r\n              <div class=\"fin-action-item\">\r\n                <div class=\"fin-action-icon blue-grad\">\r\n                  <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line><\/svg>\r\n                <\/div>\r\n                <span>Pay Bills<\/span>\r\n              <\/div>\r\n              <div class=\"fin-action-item\">\r\n                <div class=\"fin-action-icon blue-grad\">\r\n                  <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"><\/polyline><polyline points=\"17 6 23 6 23 12\"><\/polyline><\/svg>\r\n                <\/div>\r\n                <span>Invest<\/span>\r\n              <\/div>\r\n              <div class=\"fin-action-item\">\r\n                <div class=\"fin-action-icon blue-grad\">\r\n                  <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><\/svg>\r\n                <\/div>\r\n                <span>Request<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Bottom Navigation Bar inside app -->\r\n          <div class=\"fin-bottom-nav\">\r\n            <div class=\"fin-nav-item active\">\r\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path><polyline points=\"9 22 9 12 15 12 15 22\"><\/polyline><\/svg>\r\n              <span>Home<\/span>\r\n            <\/div>\r\n            <div class=\"fin-nav-item\">\r\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\"><\/line><\/svg>\r\n              <span>Wallet<\/span>\r\n            <\/div>\r\n            <div class=\"fin-nav-item\">\r\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"><\/line><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"><\/line><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"><\/line><\/svg>\r\n              <span>Analytics<\/span>\r\n            <\/div>\r\n            <div class=\"fin-nav-item\">\r\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle><\/svg>\r\n              <span>Profile<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n      \r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  \/* Scoped CSS for Fintech \/ Wallet App Hero *\/\r\n  .fin-hero-wrapper {\r\n    position: relative;\r\n    background: radial-gradient(circle at 85% 15%, #e0f2fe 0%, #f0fdf4 40%, #f8fafc 80%, #ffffff 100%);\r\n    padding: 80px 24px;\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\r\n    color: #0f172a;\r\n    overflow: hidden;\r\n    box-sizing: border-box;\r\n  }\r\n  .fin-hero-wrapper * {\r\n    box-sizing: border-box;\r\n  }\r\n  .fin-hero-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1.15fr 0.85fr;\r\n    gap: 50px;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* Left Column Styling *\/\r\n  .fin-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: #e0f2fe;\r\n    color: #0284c7;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    padding: 6px 14px;\r\n    border-radius: 9999px;\r\n    margin-bottom: 24px;\r\n    border: 1px solid #bae6fd;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n  }\r\n  .fin-badge-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    background: #2563eb;\r\n    border-radius: 50%;\r\n    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.2);\r\n    animation: finPulse 2s infinite;\r\n  }\r\n  .fin-hero-title {\r\n    font-size: 48px;\r\n    line-height: 1.15;\r\n    font-weight: 800;\r\n    color: #0f172a;\r\n    margin: 0 0 20px 0;\r\n    letter-spacing: -0.02em;\r\n  }\r\n  .fin-hero-title span {\r\n    background: linear-gradient(135deg, #0ea5e9 0%, #2563eb 50%, #7c3aed 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n  }\r\n  .fin-hero-desc {\r\n    font-size: 17px;\r\n    line-height: 1.6;\r\n    color: #475569;\r\n    margin: 0 0 36px 0;\r\n    max-width: 540px;\r\n  }\r\n  .fin-hero-cta-group {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 16px;\r\n    margin-bottom: 40px;\r\n  }\r\n  .fin-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 14px 28px;\r\n    border-radius: 12px;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    transition: all 0.25s ease;\r\n  }\r\n  .fin-btn-primary {\r\n    background: #0f172a;\r\n    color: #ffffff !important;\r\n    box-shadow: 0 10px 20px -5px rgba(15, 23, 42, 0.3);\r\n  }\r\n  .fin-btn-primary:hover {\r\n    background: #1e293b;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 14px 24px -5px rgba(15, 23, 42, 0.4);\r\n  }\r\n\r\n  \/* Metrics *\/\r\n  .fin-metrics {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 20px;\r\n    padding-top: 24px;\r\n    border-top: 1px solid #e2e8f0;\r\n  }\r\n  .fin-metric-item strong {\r\n    display: block;\r\n    font-size: 20px;\r\n    font-weight: 800;\r\n    color: #0f172a;\r\n  }\r\n  .fin-metric-item span {\r\n    font-size: 12px;\r\n    color: #64748b;\r\n    font-weight: 500;\r\n  }\r\n  .fin-metric-divider {\r\n    width: 1px;\r\n    height: 32px;\r\n    background: #e2e8f0;\r\n  }\r\n\r\n  \/* Right Column: Visual Mockup *\/\r\n  .fin-hero-visual {\r\n    position: relative;\r\n    display: flex;\r\n    justify-content: center;\r\n  }\r\n  .fin-glow-1 {\r\n    position: absolute;\r\n    width: 320px;\r\n    height: 320px;\r\n    top: 5%;\r\n    right: 5%;\r\n    background: rgba(14, 165, 233, 0.22);\r\n    filter: blur(80px);\r\n    border-radius: 50%;\r\n    z-index: 1;\r\n  }\r\n  .fin-glow-2 {\r\n    position: absolute;\r\n    width: 260px;\r\n    height: 260px;\r\n    bottom: 5%;\r\n    left: 10%;\r\n    background: rgba(124, 58, 237, 0.18);\r\n    filter: blur(70px);\r\n    border-radius: 50%;\r\n    z-index: 1;\r\n  }\r\n\r\n  \/* Phone Mockup *\/\r\n  .fin-phone-frame {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: 310px;\r\n    height: 600px;\r\n    background: #0f172a;\r\n    border-radius: 44px;\r\n    padding: 10px;\r\n    box-shadow: 0 30px 60px -15px rgba(15, 23, 42, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.1);\r\n    animation: finFloat 6s ease-in-out infinite;\r\n  }\r\n  .fin-phone-notch {\r\n    position: absolute;\r\n    top: 18px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 90px;\r\n    height: 18px;\r\n    background: #0f172a;\r\n    border-radius: 20px;\r\n    z-index: 6;\r\n  }\r\n  .fin-phone-screen {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: #f8fafc;\r\n    border-radius: 36px;\r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  \/* App UI Elements *\/\r\n  .fin-app-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 28px 18px 14px;\r\n    background: #ffffff;\r\n    z-index: 4;\r\n  }\r\n  .fin-user-profile {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n  }\r\n  .fin-avatar {\r\n    width: 36px;\r\n    height: 36px;\r\n    border-radius: 50%;\r\n    object-fit: cover;\r\n    border: 1.5px solid #0ea5e9;\r\n  }\r\n  .fin-user-profile span {\r\n    display: block;\r\n    font-size: 10px;\r\n    color: #64748b;\r\n  }\r\n  .fin-user-profile strong {\r\n    display: block;\r\n    font-size: 13px;\r\n    color: #0f172a;\r\n  }\r\n  .fin-header-actions {\r\n    display: flex;\r\n    gap: 8px;\r\n  }\r\n  .fin-icon-btn {\r\n    background: #f1f5f9;\r\n    border: none;\r\n    width: 30px;\r\n    height: 30px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #0f172a;\r\n    cursor: pointer;\r\n  }\r\n\r\n  \/* Virtual Card Showcase *\/\r\n  .fin-card-showcase {\r\n    padding: 14px 18px 6px;\r\n  }\r\n  .fin-virtual-card {\r\n    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 50%, #4338ca 100%);\r\n    border-radius: 18px;\r\n    padding: 14px 16px;\r\n    color: #fff;\r\n    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.25);\r\n  }\r\n  .fin-card-top {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    font-size: 11px;\r\n    opacity: 0.9;\r\n    margin-bottom: 8px;\r\n  }\r\n  .fin-card-badge {\r\n    background: rgba(255,255,255,0.2);\r\n    padding: 2px 8px;\r\n    border-radius: 10px;\r\n    font-size: 9px;\r\n  }\r\n  .fin-card-mid small {\r\n    display: block;\r\n    font-size: 10px;\r\n    opacity: 0.75;\r\n  }\r\n  .fin-card-mid strong {\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n  }\r\n  .fin-card-bot {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-top: 10px;\r\n  }\r\n  .fin-card-chips {\r\n    width: 24px;\r\n    height: 16px;\r\n    background: rgba(255,255,255,0.3);\r\n    border-radius: 4px;\r\n  }\r\n  .fin-mastercard-circles {\r\n    display: flex;\r\n    position: relative;\r\n  }\r\n  .circle-red {\r\n    width: 14px;\r\n    height: 14px;\r\n    background: #ef4444;\r\n    border-radius: 50%;\r\n    opacity: 0.85;\r\n  }\r\n  .circle-orange {\r\n    width: 14px;\r\n    height: 14px;\r\n    background: #f97316;\r\n    border-radius: 50%;\r\n    opacity: 0.85;\r\n    margin-left: -7px;\r\n  }\r\n\r\n  \/* Portfolio Growth *\/\r\n  .fin-portfolio-box {\r\n    margin: 10px 18px;\r\n    background: #ffffff;\r\n    border-radius: 14px;\r\n    padding: 10px 12px;\r\n    box-shadow: 0 2px 10px rgba(0,0,0,0.03);\r\n  }\r\n  .fin-portfolio-header span {\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    color: #64748b;\r\n  }\r\n  .fin-chart-preview {\r\n    margin-top: 4px;\r\n    height: 38px;\r\n  }\r\n  .fin-sparkline {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  \/* Quick Actions *\/\r\n  .fin-quick-actions {\r\n    margin: 4px 18px 12px;\r\n  }\r\n  .fin-quick-title {\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    color: #64748b;\r\n    display: block;\r\n    margin-bottom: 8px;\r\n  }\r\n  .fin-actions-row {\r\n    display: flex;\r\n    justify-content: space-between;\r\n  }\r\n  .fin-action-item {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 4px;\r\n    font-size: 9px;\r\n    font-weight: 600;\r\n    color: #475569;\r\n  }\r\n  .fin-action-icon {\r\n    width: 32px;\r\n    height: 32px;\r\n    border-radius: 10px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n  .blue-grad {\r\n    background: linear-gradient(135deg, #0ea5e9, #2563eb);\r\n  }\r\n\r\n  \/* Bottom Navigation *\/\r\n  .fin-bottom-nav {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: space-around;\r\n    align-items: center;\r\n    padding: 10px 0 16px;\r\n    background: #ffffff;\r\n    border-top: 1px solid #f1f5f9;\r\n    border-bottom-left-radius: 36px;\r\n    border-bottom-right-radius: 36px;\r\n  }\r\n  .fin-nav-item {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 2px;\r\n    font-size: 9px;\r\n    color: #94a3b8;\r\n  }\r\n  .fin-nav-item.active {\r\n    color: #2563eb;\r\n  }\r\n\r\n  \/* Floating UI Cards *\/\r\n  .fin-float-card {\r\n    position: absolute;\r\n    z-index: 3;\r\n    background: rgba(255, 255, 255, 0.9);\r\n    backdrop-filter: blur(16px);\r\n    -webkit-backdrop-filter: blur(16px);\r\n    padding: 10px 14px;\r\n    border-radius: 14px;\r\n    box-shadow: 0 20px 40px -10px rgba(15, 23, 42, 0.12);\r\n    border: 1px solid rgba(255, 255, 255, 1);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n  }\r\n  .fin-float-card small {\r\n    display: block;\r\n    font-size: 9px;\r\n    color: #64748b;\r\n    font-weight: 600;\r\n  }\r\n  .fin-float-card strong {\r\n    display: block;\r\n    font-size: 12px;\r\n    color: #0f172a;\r\n  }\r\n  .fin-text-purple { color: #7c3aed; font-size: 10px; }\r\n  .fin-text-green { color: #10b981; font-size: 10px; }\r\n\r\n  .fin-float-card-insight {\r\n    right: -20px;\r\n    top: 60px;\r\n    animation: finFloatReverse 5s ease-in-out infinite;\r\n  }\r\n  .fin-float-card-security {\r\n    left: -65px;\r\n    top: 220px;\r\n    animation: finFloat 6s ease-in-out infinite 0.5s;\r\n  }\r\n  .fin-float-card-alert {\r\n    right: -35px;\r\n    bottom: 110px;\r\n    animation: finFloat 7s ease-in-out infinite 1s;\r\n  }\r\n  .fin-card-icon {\r\n    width: 34px;\r\n    height: 34px;\r\n    border-radius: 10px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n  .fin-bg-purple { background: #f3e8ff; }\r\n  .fin-bg-blue { background: #eff6ff; }\r\n  .fin-bg-green { background: #ecfdf5; }\r\n\r\n  \/* Keyframe Animations *\/\r\n  @keyframes finFloat {\r\n    0%, 100% { transform: translateY(0px); }\r\n    50% { transform: translateY(-12px); }\r\n  }\r\n  @keyframes finFloatReverse {\r\n    0%, 100% { transform: translateY(0px); }\r\n    50% { transform: translateY(10px); }\r\n  }\r\n  @keyframes finPulse {\r\n    0%, 100% { opacity: 1; transform: scale(1); }\r\n    50% { opacity: 0.6; transform: scale(1.2); }\r\n  }\r\n\r\n  \/* Responsive Breakpoints *\/\r\n  @media (max-width: 992px) {\r\n    .fin-hero-container {\r\n      grid-template-columns: 1fr;\r\n      text-align: center;\r\n      gap: 60px;\r\n    }\r\n    .fin-hero-desc {\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n    }\r\n    .fin-hero-cta-group {\r\n      justify-content: center;\r\n    }\r\n    .fin-metrics {\r\n      justify-content: center;\r\n    }\r\n    .fin-float-card-insight { right: 10px; top: -10px; }\r\n    .fin-float-card-security { left: 5px; top: 180px; }\r\n    .fin-float-card-alert { right: 10px; bottom: 70px; }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .fin-hero-wrapper {\r\n      padding: 50px 16px;\r\n    }\r\n    .fin-hero-title {\r\n      font-size: 36px;\r\n    }\r\n    .fin-phone-frame {\r\n      width: 290px;\r\n      height: 560px;\r\n    }\r\n    .fin-float-card {\r\n      display: none;\r\n    }\r\n    .fin-metrics {\r\n      flex-direction: column;\r\n      gap: 12px;\r\n    }\r\n    .fin-metric-divider {\r\n      display: none;\r\n    }\r\n  }\r\n<\/style>\r\n<!-- Fintech & Wallet Hero Section End -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2369d43 e-flex e-con-boxed e-con e-parent\" data-id=\"2369d43\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e29b74c elementor-widget elementor-widget-html\" data-id=\"e29b74c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================\r\n   PREMIUM FINTECH SECTION (Dark Version \/ Scoped)\r\n========================================= *\/\r\n\r\n.fin-dark-section-wrapper {\r\n    --fin-font-primary: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n    --fin-color-bg: #090d16;\r\n    --fin-color-card-bg: #111827;\r\n    --fin-color-text-main: #f8fafc;\r\n    --fin-color-text-muted: #94a3b8;\r\n    --fin-color-accent-blue: #3b82f6;\r\n    --fin-color-accent-purple: #8b5cf6;\r\n    --fin-color-border: rgba(255, 255, 255, 0.08);\r\n    \r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    font-family: var(--fin-font-primary);\r\n    background: var(--fin-color-bg);\r\n    padding: 60px 24px;\r\n}\r\n\r\n.fin-dark-section-wrapper *,\r\n.fin-dark-section-wrapper *::before,\r\n.fin-dark-section-wrapper *::after {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n\/* =========================================\r\n   MAIN CARD\r\n========================================= *\/\r\n\r\n.fin-dark-card {\r\n    width: 100%;\r\n    max-width: 1300px;\r\n    margin: 0 auto;\r\n    background: radial-gradient(circle at top right, rgba(59, 130, 246, 0.12), transparent 50%),\r\n                radial-gradient(circle at bottom left, rgba(139, 92, 246, 0.1), transparent 50%),\r\n                var(--fin-color-card-bg);\r\n    border-radius: 24px;\r\n    padding: 55px 50px 0px 50px;\r\n    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.08);\r\n    position: relative;\r\n    overflow: visible;\r\n    border: 1px solid var(--fin-color-border);\r\n}\r\n\r\n\/* =========================================\r\n   TWO COLUMN LAYOUT\r\n========================================= *\/\r\n\r\n.fin-dark-grid-layout {\r\n    display: grid;\r\n    grid-template-columns: 0.85fr 1.15fr;\r\n    gap: 40px;\r\n    align-items: flex-end;\r\n}\r\n\r\n\/* =========================================\r\n   LEFT VISUAL COLUMN\r\n========================================= *\/\r\n\r\n.fin-dark-visual-wrapper {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: center;\r\n    min-height: 520px;\r\n    overflow: visible;\r\n}\r\n\r\n\/* Background Luxury Glow *\/\r\n.fin-dark-bg-shape {\r\n    position: absolute;\r\n    bottom: -20px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 420px;\r\n    height: 420px;\r\n    background: radial-gradient(\r\n        circle,\r\n        rgba(59, 130, 246, 0.22) 0%,\r\n        rgba(139, 92, 246, 0.1) 45%,\r\n        rgba(9, 13, 22, 0) 72%\r\n    );\r\n    border-radius: 50%;\r\n    z-index: 1;\r\n}\r\n\r\n\/* PREMIUM APP MOCKUP \/ FINTECH UI IMAGE *\/\r\n.fin-dark-app-img {\r\n    position: relative;\r\n    z-index: 2;\r\n    height: 500px;\r\n    width: 280px;\r\n    object-fit: cover;\r\n    display: block;\r\n    align-self: flex-end;\r\n    transform-origin: bottom center;\r\n    animation: finDarkFloat 6s ease-in-out infinite;\r\n    border-radius: 36px 36px 0 0;\r\n    border: 8px solid #1e293b;\r\n    border-bottom: none;\r\n    box-shadow: 0 -15px 40px rgba(0, 0, 0, 0.6);\r\n}\r\n\r\n@keyframes finDarkFloat {\r\n    0%, 100% { transform: translateY(0); }\r\n    50% { transform: translateY(-10px); }\r\n}\r\n\r\n\/* SPEECH BUBBLE *\/\r\n.fin-dark-speech-bubble {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: -40px;\r\n    width: 310px;\r\n    background: linear-gradient(135deg, #1e1b4b 0%, #0f172a 100%);\r\n    color: #ffffff;\r\n    padding: 24px;\r\n    border-radius: 20px;\r\n    border-bottom-left-radius: 5px;\r\n    z-index: 5;\r\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);\r\n    border: 1px solid rgba(59, 130, 246, 0.3);\r\n    animation: finDarkFloatBubble 5s ease-in-out infinite 0.5s;\r\n}\r\n\r\n.fin-dark-speech-bubble::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -13px;\r\n    left: 42px;\r\n    width: 0;\r\n    height: 0;\r\n    border-left: 13px solid transparent;\r\n    border-right: 13px solid transparent;\r\n    border-top: 13px solid #1e1b4b;\r\n}\r\n\r\n.fin-dark-icon-wrap {\r\n    width: 36px;\r\n    height: 36px;\r\n    background: rgba(59, 130, 246, 0.15);\r\n    color: var(--fin-color-accent-blue);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 12px;\r\n    border: 1px solid rgba(59, 130, 246, 0.4);\r\n}\r\n\r\n.fin-dark-speech-bubble h3 {\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    line-height: 1.4;\r\n    margin-bottom: 10px;\r\n    color: #ffffff;\r\n    font-family: inherit;\r\n}\r\n\r\n.fin-dark-highlight-blue {\r\n    color: #60a5fa;\r\n}\r\n\r\n.fin-dark-speech-divider {\r\n    height: 1px;\r\n    background: rgba(255, 255, 255, 0.1);\r\n    margin: 12px 0;\r\n}\r\n\r\n.fin-dark-speech-bubble p {\r\n    font-size: 13px;\r\n    color: #94a3b8;\r\n    line-height: 1.5;\r\n}\r\n\r\n.fin-dark-speech-bubble p strong {\r\n    color: #ffffff;\r\n    font-weight: 700;\r\n}\r\n\r\n\/* FLOATING LUXURY ELEMENTS *\/\r\n.fin-dark-float-element {\r\n    position: absolute;\r\n    z-index: 4;\r\n    font-weight: 800;\r\n    animation: finDarkFloatElement 4s ease-in-out infinite;\r\n    opacity: 0.85;\r\n}\r\n\r\n.fin-dark-element-top { \r\n    top: 60px; \r\n    left: 50px; \r\n    animation-delay: 0s; \r\n    color: #60a5fa; \r\n}\r\n.fin-dark-element-bottom { \r\n    bottom: 140px; \r\n    left: 100px; \r\n    animation-delay: 1.5s;\r\n    color: #a78bfa;\r\n}\r\n\r\n\/* DOT PATTERN *\/\r\n.fin-dark-dot-grid {\r\n    position: absolute;\r\n    width: 70px;\r\n    height: 70px;\r\n    background-image: radial-gradient(rgba(59, 130, 246, 0.35) 2px, transparent 2px);\r\n    background-size: 14px 14px;\r\n    z-index: 1;\r\n}\r\n\r\n.fin-dark-grid-top { top: 25px; left: -10px; }\r\n.fin-dark-grid-bottom { bottom: 90px; right: 25px; }\r\n\r\n\/* =========================================\r\n   RIGHT CONTENT COLUMN\r\n========================================= *\/\r\n\r\n.fin-dark-content-wrapper {\r\n    position: relative;\r\n    z-index: 2;\r\n    padding-bottom: 60px;\r\n}\r\n\r\n.fin-dark-subheading {\r\n    color: #60a5fa;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.5px;\r\n    text-transform: uppercase;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin-bottom: 14px;\r\n}\r\n\r\n.fin-dark-subheading::before {\r\n    content: '';\r\n    display: block;\r\n    width: 30px;\r\n    height: 2px;\r\n    background: #3b82f6;\r\n}\r\n\r\n.fin-dark-main-heading {\r\n    font-size: 42px;\r\n    font-weight: 800;\r\n    color: var(--fin-color-text-main);\r\n    line-height: 1.15;\r\n    margin-bottom: 24px;\r\n    letter-spacing: -0.5px;\r\n    font-family: inherit;\r\n}\r\n\r\n.fin-dark-main-heading span {\r\n    background: linear-gradient(90deg, #60a5fa 0%, #c084fc 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.fin-dark-heading-line {\r\n    width: 80px;\r\n    height: 4px;\r\n    background: #334155;\r\n    border-radius: 4px;\r\n    margin-bottom: 40px;\r\n    position: relative;\r\n}\r\n.fin-dark-heading-line::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    right: -15px;\r\n    width: 10px;\r\n    height: 4px;\r\n    background: #60a5fa;\r\n    border-radius: 4px;\r\n}\r\n\r\n\/* =========================================\r\n   RIGHT SIDE - HORIZONTAL CARDS (3 IN 1 ROW)\r\n========================================= *\/\r\n\r\n.fin-dark-feature-list {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 16px;\r\n}\r\n\r\n.fin-dark-feature-card {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-start;\r\n    align-items: flex-start;\r\n    gap: 16px;\r\n    padding: 26px 20px 28px 20px;\r\n    border-radius: 16px;\r\n    background: rgba(30, 41, 59, 0.4);\r\n    border: 1px solid var(--fin-color-border);\r\n    transition: all .4s cubic-bezier(.4,0,.2,1);\r\n    cursor: pointer;\r\n    height: 100%;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* Blue\/Purple Accent Bottom Border *\/\r\n.fin-dark-feature-card::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    height: 4px;\r\n    width: 0%;\r\n    background: linear-gradient(90deg, #3b82f6, #a78bfa);\r\n    transition: width 0.4s ease;\r\n}\r\n\r\n.fin-dark-feature-card:hover {\r\n    background: rgba(30, 41, 59, 0.85);\r\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);\r\n    transform: translateY(-6px);\r\n    border-color: rgba(59, 130, 246, 0.4);\r\n}\r\n\r\n.fin-dark-feature-card:hover::after {\r\n    width: 100%;\r\n}\r\n\r\n.fin-dark-icon-box {\r\n    width: 52px;\r\n    height: 52px;\r\n    border-radius: 14px;\r\n    background: rgba(15, 23, 42, 0.8);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);\r\n    transition: all .4s ease;\r\n    border: 1px solid rgba(255, 255, 255, 0.06);\r\n}\r\n\r\n.fin-dark-feature-card:hover .fin-dark-icon-box {\r\n    background: #3b82f6;\r\n    transform: scale(1.05);\r\n    border-color: #3b82f6;\r\n}\r\n\r\n.fin-dark-icon-box svg {\r\n    width: 26px;\r\n    height: 26px;\r\n    stroke: #60a5fa;\r\n    transition: stroke .4s ease;\r\n}\r\n\r\n.fin-dark-feature-card:hover .fin-dark-icon-box svg {\r\n    stroke: #ffffff;\r\n}\r\n\r\n.fin-dark-feature-text {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-start;\r\n    gap: 8px;\r\n}\r\n\r\n.fin-dark-feature-text h4 {\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    color: var(--fin-color-text-main);\r\n    line-height: 1.3;\r\n    font-family: inherit;\r\n    margin: 0;\r\n}\r\n\r\n.fin-dark-feature-text p {\r\n    font-size: 13px;\r\n    color: var(--fin-color-text-muted);\r\n    line-height: 1.5;\r\n    margin: 0;\r\n}\r\n\r\n\/* Animations & Responsive *\/\r\n@keyframes finDarkFloatBubble {\r\n    0%, 100% { transform: translateY(0); }\r\n    50% { transform: translateY(-8px); }\r\n}\r\n\r\n@keyframes finDarkFloatElement {\r\n    0%, 100% { transform: translateY(0) scale(1) rotate(0deg); opacity: .6; }\r\n    50% { transform: translateY(-12px) scale(1.1) rotate(15deg); opacity: 1; }\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n    .fin-dark-grid-layout {\r\n        grid-template-columns: 1fr;\r\n        gap: 60px;\r\n    }\r\n    .fin-dark-visual-wrapper {\r\n        min-height: auto;\r\n    }\r\n    .fin-dark-app-img {\r\n        height: 420px;\r\n        width: 240px;\r\n        margin-bottom: 0;\r\n    }\r\n    .fin-dark-speech-bubble {\r\n        right: 0;\r\n        top: -10px;\r\n        width: 280px;\r\n    }\r\n    .fin-dark-card {\r\n        padding: 40px 30px 0;\r\n        overflow: hidden;\r\n    }\r\n    .fin-dark-content-wrapper {\r\n        padding-bottom: 40px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .fin-dark-feature-list {\r\n        grid-template-columns: 1fr;\r\n    }\r\n    .fin-dark-main-heading {\r\n        font-size: 32px;\r\n    }\r\n    .fin-dark-speech-bubble {\r\n        display: none;\r\n    }\r\n    .fin-dark-app-img {\r\n        height: 360px;\r\n        width: 200px;\r\n    }\r\n    .fin-dark-card {\r\n        padding: 30px 20px 0;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"fin-dark-section-wrapper\">\r\n    <div class=\"fin-dark-card\">\r\n        \r\n        <div class=\"fin-dark-grid-layout\">\r\n            \r\n            <!-- Left Visual Column -->\r\n            <div class=\"fin-dark-visual-wrapper\">\r\n                <div class=\"fin-dark-bg-shape\"><\/div>\r\n                \r\n                <span class=\"fin-dark-dot-grid fin-dark-grid-top\"><\/span>\r\n                <span class=\"fin-dark-dot-grid fin-dark-grid-bottom\"><\/span>\r\n\r\n                <!-- Floating Fintech Accents -->\r\n                <span class=\"fin-dark-float-element fin-dark-element-top\">\r\n                    <!-- Shield \/ Security SVG -->\r\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n                <\/span>\r\n\r\n                <span class=\"fin-dark-float-element fin-dark-element-bottom\">\r\n                    <!-- Zap \/ Instant Pay SVG -->\r\n                    <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>\r\n                <\/span>\r\n\r\n                <div class=\"fin-dark-speech-bubble\">\r\n                    <div class=\"fin-dark-icon-wrap\">\r\n                        <!-- Wallet \/ Credit Card Icon -->\r\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3>Building a <span class=\"fin-dark-highlight-blue\">Fintech \/ Wallet App?<\/span><\/h3>\r\n                    <div class=\"fin-dark-speech-divider\"><\/div>\r\n                    <p>Partner with <strong>Brightcode<\/strong> \u2013 Enterprise Financial Tech Builders!<\/p>\r\n                <\/div>\r\n\r\n                <!-- Sleek Fintech App Mockup Image -->\r\n                <img decoding=\"async\" src=\"https:\/\/brightcodess.com\/bengaluru\/wp-content\/uploads\/2026\/09\/Untitled-design-1.webp\" class=\"fin-dark-app-img\" alt=\"Fintech App Interface\">\r\n            <\/div>\r\n\r\n            <!-- Right Content Column -->\r\n            <div class=\"fin-dark-content-wrapper\">\r\n                <span class=\"fin-dark-subheading\">Next-Gen Financial Architecture<\/span>\r\n                <h2 class=\"fin-dark-main-heading\">Fintech & wallet apps built for <span>speed & security<\/span><\/h2>\r\n                <div class=\"fin-dark-heading-line\"><\/div>\r\n\r\n                <!-- 3 CARDS IN 1 ROW INSIDE RIGHT COLUMN -->\r\n                <div class=\"fin-dark-feature-list\">\r\n                    \r\n                    <div class=\"fin-dark-feature-card\">\r\n                        <div class=\"fin-dark-icon-box\">\r\n                            <!-- Digital Wallet Icon -->\r\n                            <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"fin-dark-feature-text\">\r\n                            <h4>PCI-DSS Level 1<\/h4>\r\n                            <p>Bank-grade encryption, tokenization, and strict regulatory compliance architecture.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"fin-dark-feature-card\">\r\n                        <div class=\"fin-dark-icon-box\">\r\n                            <!-- Instant Transfer \/ Lightning Icon -->\r\n                            <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"fin-dark-feature-text\">\r\n                            <h4>Real-Time Settlement<\/h4>\r\n                            <p>High-throughput payment rails supporting multi-currency and sub-second transfers.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"fin-dark-feature-card\">\r\n                        <div class=\"fin-dark-icon-box\">\r\n                            <!-- AI Analytics \/ Chart Icon -->\r\n                            <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"fin-dark-feature-text\">\r\n                            <h4>AI Fraud Guard<\/h4>\r\n                            <p>Machine learning-powered anomaly detection stopping unauthorized transactions live.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b119300 animated-slow e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"b119300\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad0553a elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading\" data-id=\"ad0553a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Core Features\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e6eb1b1 elementor-widget elementor-widget-heading\" data-id=\"e6eb1b1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Powerful Features for Modern Finance<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-20076ac elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"20076ac\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-path-to-node=\"2\">Every build includes AI-driven fraud detection, secure user and merchant profiles, seamless in-app transactions, real-time financial analytics, and robust API integrations configured for scalable payment processing systems.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ebff6b9 elementor-widget elementor-widget-html\" data-id=\"ebff6b9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ft-features-light\">\r\n  <div class=\"ft-features-light__container\">\r\n\r\n    <div class=\"ft-features-light__grid\">\r\n\r\n      <!-- Feature 01 -->\r\n      <div class=\"ft-feature-card\">\r\n        <div class=\"ft-feature-card__icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\">\r\n            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"ft-feature-card__content\">\r\n          <span class=\"ft-feature-card__number\">01<\/span>\r\n          <h3>AI Fraud Detection<\/h3>\r\n          <p>\r\n            Machine learning algorithms that analyze transaction patterns in real-time to neutralize threats and prevent unauthorized access.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Feature 02 -->\r\n      <div class=\"ft-feature-card\">\r\n        <div class=\"ft-feature-card__icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\">\r\n            <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"ft-feature-card__content\">\r\n          <span class=\"ft-feature-card__number\">02<\/span>\r\n          <h3>Real-Time Analytics<\/h3>\r\n          <p>\r\n            Interactive financial dashboards providing deep insights, predictive cash flow modeling, and customized reporting matrices.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Feature 03 -->\r\n      <div class=\"ft-feature-card\">\r\n        <div class=\"ft-feature-card__icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\">\r\n            <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\r\n            <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline>\r\n            <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"ft-feature-card__content\">\r\n          <span class=\"ft-feature-card__number\">03<\/span>\r\n          <h3>Smart Contracts<\/h3>\r\n          <p>\r\n            Decentralized, self-executing contracts that automate compliance, streamline settlements, and eliminate intermediary fees.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Feature 04 -->\r\n      <div class=\"ft-feature-card\">\r\n        <div class=\"ft-feature-card__icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\">\r\n            <rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect>\r\n            <line x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\"><\/line>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"ft-feature-card__content\">\r\n          <span class=\"ft-feature-card__number\">04<\/span>\r\n          <h3>Omnichannel Gateways<\/h3>\r\n          <p>\r\n            Unified payment infrastructure supporting fiat, crypto, and digital wallets with instant cross-border routing.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Feature 05 -->\r\n      <div class=\"ft-feature-card\">\r\n        <div class=\"ft-feature-card__icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\">\r\n            <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\r\n            <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\r\n            <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\r\n            <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"ft-feature-card__content\">\r\n          <span class=\"ft-feature-card__number\">05<\/span>\r\n          <h3>Zero-Trust Profiles<\/h3>\r\n          <p>\r\n            Advanced biometric authentication and multi-factor authorization securing sensitive user and merchant data.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Feature 06 -->\r\n      <div class=\"ft-feature-card\">\r\n        <div class=\"ft-feature-card__icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\">\r\n            <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"ft-feature-card__content\">\r\n          <span class=\"ft-feature-card__number\">06<\/span>\r\n          <h3>Algorithmic Routing<\/h3>\r\n          <p>\r\n            Intelligent trade execution engines that analyze market liquidity to secure optimal pricing and minimize slippage.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Feature 07 -->\r\n      <div class=\"ft-feature-card\">\r\n        <div class=\"ft-feature-card__icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\">\r\n            <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect>\r\n            <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"ft-feature-card__content\">\r\n          <span class=\"ft-feature-card__number\">07<\/span>\r\n          <h3>Embedded RegTech<\/h3>\r\n          <p>\r\n            Automated KYC\/AML verification workflows and built-in regulatory compliance configured for global scaling.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Feature 08 -->\r\n      <div class=\"ft-feature-card\">\r\n        <div class=\"ft-feature-card__icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n            <polyline points=\"12 6 12 12 16 14\"><\/polyline>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"ft-feature-card__content\">\r\n          <span class=\"ft-feature-card__number\">08<\/span>\r\n          <h3>Instant Settlements<\/h3>\r\n          <p>\r\n            High-throughput ledger architecture bypassing traditional clearinghouses for immediate funds availability.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* =========================================================\r\n   LIGHT FINTECH FEATURES SECTION (NEO-GLASSMORPHISM)\r\n   ========================================================= *\/\r\n\r\n.ft-features-light {\r\n  \/* Light Tech Palette *\/\r\n  --ft-bg-base: #c;\r\n  --ft-primary: #4f46e5; \/* Indigo *\/\r\n  --ft-secondary: #0ea5e9; \/* Sky Blue *\/\r\n  --ft-primary-glow: rgba(79, 70, 229, 0.2);\r\n  \r\n  --ft-card-bg: rgba(255, 255, 255, 0.65);\r\n  --ft-card-hover: rgba(255, 255, 255, 0.95);\r\n  --ft-border: rgba(255, 255, 255, 0.8);\r\n  --ft-border-hover: rgba(79, 70, 229, 0.3);\r\n  \r\n  --ft-text-main: #0f172a;\r\n  --ft-text-muted: #475569;\r\n\r\n  width: 100%;\r\n  max-width: 100%;\r\n  margin: 0;\r\n  padding: 0px 20px;\r\n  box-sizing: border-box;\r\n\r\n  \/* Subtle mesh gradient background *\/\r\n  background: \r\n    radial-gradient(circle at 10% 20%, rgba(79, 70, 229, 0.06), transparent 45%),\r\n    radial-gradient(circle at 90% 80%, rgba(14, 165, 233, 0.08), transparent 45%),\r\n    var(--ft-bg-base);\r\n\r\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n  overflow: hidden;\r\n}\r\n\r\n.ft-features-light *,\r\n.ft-features-light *::before,\r\n.ft-features-light *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* =========================================================\r\n   CONTAINER & GRID\r\n   ========================================================= *\/\r\n.ft-features-light__container {\r\n  width: 100%;\r\n  max-width: 1250px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n\r\n.ft-features-light__grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, minmax(0, 1fr));\r\n  gap: 24px;\r\n  width: 100%;\r\n}\r\n\r\n\/* =========================================================\r\n   LIGHT GLASSMORPHIC FEATURE CARD\r\n   ========================================================= *\/\r\n.ft-feature-card {\r\n  position: relative;\r\n  min-height: 290px;\r\n  padding: 32px 26px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow: hidden;\r\n  \r\n  background: var(--ft-card-bg);\r\n  backdrop-filter: blur(20px);\r\n  -webkit-backdrop-filter: blur(20px);\r\n  \r\n  border: 1px solid var(--ft-border);\r\n  border-radius: 20px;\r\n  \r\n  \/* Soft, elevated shadow *\/\r\n  box-shadow: \r\n    0 10px 30px rgba(15, 23, 42, 0.03),\r\n    inset 0 0 0 1px rgba(255, 255, 255, 0.5);\r\n  \r\n  transition: \r\n    transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), \r\n    background 0.3s ease, \r\n    border-color 0.3s ease, \r\n    box-shadow 0.3s ease;\r\n    \r\n  isolation: isolate;\r\n}\r\n\r\n\/* =========================================================\r\n   TOP ACCENT LINE\r\n   ========================================================= *\/\r\n.ft-feature-card::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  left: 20px;\r\n  right: 20px;\r\n  height: 3px;\r\n  \r\n  background: linear-gradient(\r\n    90deg, \r\n    var(--ft-primary), \r\n    var(--ft-secondary)\r\n  );\r\n  \r\n  border-radius: 0 0 10px 10px;\r\n  transform: scaleX(0);\r\n  transform-origin: center;\r\n  transition: transform 0.4s ease;\r\n  z-index: 3;\r\n}\r\n\r\n\/* =========================================================\r\n   HOVER STATES\r\n   ========================================================= *\/\r\n.ft-feature-card:hover {\r\n  transform: translateY(-8px);\r\n  background: var(--ft-card-hover);\r\n  border-color: var(--ft-border-hover);\r\n  box-shadow: \r\n    0 20px 40px rgba(15, 23, 42, 0.06),\r\n    0 8px 16px rgba(79, 70, 229, 0.04);\r\n}\r\n\r\n.ft-feature-card:hover::before {\r\n  transform: scaleX(1);\r\n}\r\n\r\n\/* =========================================================\r\n   ICON\r\n   ========================================================= *\/\r\n.ft-feature-card__icon {\r\n  position: relative;\r\n  z-index: 4;\r\n  width: 56px;\r\n  height: 56px;\r\n  flex: 0 0 56px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 24px;\r\n  color: var(--ft-primary);\r\n  \r\n  background: #ffffff;\r\n  border: 1px solid rgba(79, 70, 229, 0.15);\r\n  border-radius: 14px;\r\n  \r\n  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04);\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.ft-feature-card__icon svg {\r\n  display: block;\r\n  width: 24px;\r\n  height: 24px;\r\n  max-width: 100%;\r\n  stroke: currentColor;\r\n}\r\n\r\n\/* Icon Hover State *\/\r\n.ft-feature-card:hover .ft-feature-card__icon {\r\n  color: #ffffff;\r\n  background: linear-gradient(135deg, var(--ft-primary), var(--ft-secondary));\r\n  border-color: transparent;\r\n  transform: scale(1.05) translateY(-2px);\r\n  box-shadow: 0 10px 20px var(--ft-primary-glow);\r\n}\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n   ========================================================= *\/\r\n.ft-feature-card__content {\r\n  position: relative;\r\n  z-index: 4;\r\n  display: flex;\r\n  flex-direction: column;\r\n  height: 100%;\r\n}\r\n\r\n.ft-feature-card__number {\r\n  display: block;\r\n  margin: 0 0 8px;\r\n  color: var(--ft-secondary);\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  font-family: monospace;\r\n  letter-spacing: 1.5px;\r\n}\r\n\r\n.ft-feature-card h3 {\r\n  margin: 0 0 12px;\r\n  padding: 0;\r\n  color: var(--ft-text-main);\r\n  font-size: 18px;\r\n  font-weight: 700;\r\n  line-height: 1.3;\r\n  letter-spacing: -0.01em;\r\n}\r\n\r\n.ft-feature-card p {\r\n  margin: 0;\r\n  padding: 0;\r\n  color: var(--ft-text-muted);\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* =========================================================\r\n   RESPONSIVE DESIGN\r\n   ========================================================= *\/\r\n@media screen and (max-width: 1100px) {\r\n  .ft-features-light__grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 600px) {\r\n  .ft-features-light {\r\n    padding: 60px 16px;\r\n  }\r\n  .ft-features-light__grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 16px;\r\n  }\r\n  .ft-feature-card {\r\n    min-height: auto;\r\n    padding: 24px;\r\n  }\r\n  .ft-feature-card:hover {\r\n    transform: translateY(-4px);\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .ft-feature-card,\r\n  .ft-feature-card *,\r\n  .ft-feature-card::before {\r\n    transition: none !important;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-de9b0a0 animated-slow e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"de9b0a0\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9fc090c elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading\" data-id=\"9fc090c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">FINTECH ADVANTAGE<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-be37667 elementor-widget elementor-widget-heading\" data-id=\"be37667\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Build seamless financial apps that connect users, businesses, and institutions.<\/h3>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bfa29c4 e-con-full e-flex e-con e-child\" data-id=\"bfa29c4\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-4207100 e-con-full e-flex e-con e-child\" data-id=\"4207100\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-54e2083 elementor-widget elementor-widget-heading\" data-id=\"54e2083\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><a href=\"http:\/\/Smart%20Matchmaking\">Custom Financial Solutions<\/a><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1e5275d elementor-widget elementor-widget-heading\" data-id=\"1e5275d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Feature-rich banking apps with real-time analytics, smart budget tracking, transaction monitoring, portfolio progress records, and seamless wealth management.<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ea45369 e-con-full e-flex e-con e-child\" data-id=\"ea45369\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-95915fe elementor-widget elementor-widget-heading\" data-id=\"95915fe\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Secure &amp; PCI-DSS Compliant Platform<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fadbc54 elementor-widget elementor-widget-heading\" data-id=\"fadbc54\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Protect sensitive user and institutional data with secure communication, encrypted financial transactions, strict biometric authentication, and privacy-focused architecture.<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6db9e5a e-con-full e-flex e-con e-child\" data-id=\"6db9e5a\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2568199 elementor-widget elementor-widget-heading\" data-id=\"2568199\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Dedicated Development Support<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0f026e6 elementor-widget elementor-widget-heading\" data-id=\"0f026e6\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">From app design and development to deployment and ongoing maintenance, Brightcode provides reliable support throughout your fintech innovation journey.<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-03cffdb e-flex e-con-boxed e-con e-parent\" data-id=\"03cffdb\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f993af5 elementor-widget elementor-widget-html\" data-id=\"f993af5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ft-tech-section\">\r\n  <div class=\"ft-container\">\r\n    \r\n    <!-- LEFT COLUMN: Heading & Highlights -->\r\n    <div class=\"ft-left\">\r\n      <div class=\"ft-tag\">\r\n        FINTECH TECHNOLOGY STACK <span class=\"tag-line\"><\/span><span class=\"tag-dot\"><\/span>\r\n      <\/div>\r\n      \r\n      <h2 class=\"ft-title\">\r\n        Technology That<br>Powers Modern<br><span>Financial Solutions<\/span>\r\n      <\/h2>\r\n      \r\n      <p class=\"ft-description\">\r\n        We leverage secure, scalable, and compliant technologies to build fintech applications that enable seamless payments, banking, lending, and investment experiences.\r\n      <\/p>\r\n\r\n      <!-- 4 Value Props -->\r\n      <div class=\"ft-props-grid\">\r\n        <div class=\"ft-prop-item\">\r\n          <div class=\"ft-icon ft-icon-blue\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z\"\/><\/svg>\r\n          <\/div>\r\n          <h4>Secure by Design<\/h4>\r\n          <p>Enterprise-grade<br>security<\/p>\r\n        <\/div>\r\n        <div class=\"ft-prop-item\">\r\n          <div class=\"ft-icon ft-icon-green\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M20 13H4c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h16c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1zm0-10H4c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h16c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1zM7 18c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm0-10c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z\"\/><\/svg>\r\n          <\/div>\r\n          <h4>Scalable Systems<\/h4>\r\n          <p>Built for growth<\/p>\r\n        <\/div>\r\n        <div class=\"ft-prop-item\">\r\n          <div class=\"ft-icon ft-icon-orange\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M11 21h-1l1-7H7.5c-.58 0-.57-.32-.38-.66C7.31 12.9 9.07 9.88 11.5 5.66c.19-.34.5-.54.88-.54h1l-1 7h3.5c.49 0 .56.33.47.51l-4.97 8.3c-.22.37-.56.55-.95.55z\"\/><\/svg>\r\n          <\/div>\r\n          <h4>Real-time Processing<\/h4>\r\n          <p>High performance<\/p>\r\n        <\/div>\r\n        <div class=\"ft-prop-item\">\r\n          <div class=\"ft-icon ft-icon-purple\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"\/><\/svg>\r\n          <\/div>\r\n          <h4>User-Centric<\/h4>\r\n          <p>Seamless<br>experiences<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Feature Pill -->\r\n      <div class=\"ft-architecture-pill\">\r\n        <div class=\"code-icon\">&lt;\/&gt;<\/div>\r\n        <div class=\"pill-text-content\">\r\n          <strong>Modern architecture. Future-ready fintech.<\/strong>\r\n          <p>From digital payments to wealth management, we build solutions that matter.<\/p>\r\n        <\/div>\r\n        <div class=\"pill-arrow\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- RIGHT COLUMN: Grid Cards + Center Shield Badge -->\r\n    <div class=\"ft-right\">\r\n      <div class=\"ft-cards-grid\">\r\n        \r\n        <!-- Payments Card -->\r\n        <div class=\"ft-card\">\r\n          <div class=\"card-header\">\r\n            <div class=\"card-icon icon-blue\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\"\/><\/svg>\r\n            <\/div>\r\n            <div>\r\n              <h3>PAYMENTS & TRANSACTIONS<\/h3>\r\n              <p>Fast, secure, and reliable payment processing with real-time transaction handling.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"ft-tags\">\r\n            <div class=\"ft-tag-item\"><span class=\"tag-ico\">\ud83d\udcf1<\/span> Flutter (Mobile Apps)<\/div>\r\n            <div class=\"ft-tag-item\"><span class=\"tag-ico\">\u269b\ufe0f<\/span> React \/ Next.js (Web)<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Banking Card -->\r\n        <div class=\"ft-card\">\r\n          <div class=\"card-header\">\r\n            <div class=\"card-icon icon-green\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 21h18M3 10h18M5 6l7-3 7 3M4 10v11M20 10v11M8 14v3M12 14v3M16 14v3\"\/><\/svg>\r\n            <\/div>\r\n            <div>\r\n              <h3>BANKING & LENDING PLATFORMS<\/h3>\r\n              <p>Core banking, digital lending, and KYC\/AML solutions for compliant financial services.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"ft-tags\">\r\n            <div class=\"ft-tag-item\"><span class=\"tag-ico\">\ud83d\udfe2<\/span> Node.js \/ Python<\/div>\r\n            <div class=\"ft-tag-item\"><span class=\"tag-ico\">\ud83c\udf43<\/span> MongoDB \/ PostgreSQL<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Data Card -->\r\n        <div class=\"ft-card\">\r\n          <div class=\"card-header\">\r\n            <div class=\"card-icon icon-purple\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/><\/svg>\r\n            <\/div>\r\n            <div>\r\n              <h3>DATA & ANALYTICS<\/h3>\r\n              <p>Turn financial data into actionable insights with AI\/ML and real-time analytics.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"ft-tags\">\r\n            <div class=\"ft-tag-item\"><span class=\"tag-ico\">\ud83d\udc0d<\/span> Python (ML\/AI)<\/div>\r\n            <div class=\"ft-tag-item\"><span class=\"tag-ico\">\ud83e\udde0<\/span> TensorFlow \/ PyTorch<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Cloud Card -->\r\n        <div class=\"ft-card\">\r\n          <div class=\"card-header\">\r\n            <div class=\"card-icon icon-orange\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z\"\/><\/svg>\r\n            <\/div>\r\n            <div>\r\n              <h3>CLOUD & SECURITY<\/h3>\r\n              <p>Scalable cloud infrastructure with advanced security and compliance standards (PCI-DSS, GDPR, etc).<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"ft-tags\">\r\n            <div class=\"ft-tag-item\"><span class=\"tag-ico\">\u2601\ufe0f<\/span> AWS \/ Google Cloud<\/div>\r\n            <div class=\"ft-tag-item\"><span class=\"tag-ico\">\ud83d\udc33<\/span> Docker \/ Kubernetes<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- CENTER SHIELD BADGE -->\r\n      <div class=\"ft-badge-wrapper\">\r\n        <div class=\"orbit-circle orbit-1\">\r\n          <div class=\"orbit-dot dot-a\"><\/div>\r\n        <\/div>\r\n        <div class=\"orbit-circle orbit-2\">\r\n          <div class=\"orbit-dot dot-b\"><\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"badge-content\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"#0ea5e9\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\r\n            <path d=\"M9 12l2 2 4-4\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- BOTTOM STATS BANNER -->\r\n  <div class=\"ft-stats-banner\">\r\n    <div class=\"banner-left\">\r\n      <div class=\"chart-icon\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M3 3v18h18v-2H5V3H3zm16 8l-4-4-5 5-4-4-1.41 1.41L10 14l5-5 4 4L19 11z\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"banner-text\">\r\n        <strong>Building the next generation of financial services with technology.<\/strong>\r\n        <span>Secure. Scalable. Compliant. Impactful.<\/span>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"banner-stats\">\r\n      <div class=\"stat-item\">\r\n        <h4>100%<\/h4>\r\n        <p>COMPLIANCE<br>READY<\/p>\r\n      <\/div>\r\n      <div class=\"stat-divider\"><\/div>\r\n      <div class=\"stat-item\">\r\n        <h4>99.9%<\/h4>\r\n        <p>UPTIME<br>ASSURANCE<\/p>\r\n      <\/div>\r\n      <div class=\"stat-divider\"><\/div>\r\n      <div class=\"stat-item\">\r\n        <h4>10X<\/h4>\r\n        <p>FASTER<br>INNOVATION<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');\r\n\r\n  .ft-tech-section {\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    padding: 80px 20px;\r\n    background-color: #E9D4FF2Bc;\r\n    color: #1e293b;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .ft-container {\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1.3fr;\r\n    gap: 60px;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* LEFT COLUMN *\/\r\n  .ft-tag {\r\n    color: #0284c7;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    letter-spacing: 1.5px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .ft-tag .tag-line {\r\n    width: 30px;\r\n    height: 2px;\r\n    background: #0ea5e9;\r\n    display: inline-block;\r\n  }\r\n\r\n  .ft-tag .tag-dot {\r\n    width: 4px;\r\n    height: 4px;\r\n    background-color: #0ea5e9;\r\n    border-radius: 50%;\r\n  }\r\n\r\n  .ft-title {\r\n    font-size: 46px;\r\n    font-weight: 800;\r\n    line-height: 1.15;\r\n    color: #0f172a;\r\n    margin: 0 0 20px 0;\r\n    letter-spacing: -1px;\r\n  }\r\n\r\n  .ft-title span { \r\n    color: #0ea5e9;\r\n  }\r\n\r\n  .ft-description {\r\n    font-size: 16px;\r\n    color: #475569;\r\n    line-height: 1.6;\r\n    margin-bottom: 35px;\r\n    max-width: 90%;\r\n  }\r\n\r\n  .ft-props-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 12px;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .ft-prop-item {\r\n    background: #ffffff;\r\n    padding: 24px 12px;\r\n    border-radius: 12px;\r\n    text-align: center;\r\n    box-shadow: 0 4px 12px rgba(0,0,0,0.03);\r\n    border: 1px solid #f1f5f9;\r\n  }\r\n\r\n  .ft-icon {\r\n    width: 48px;\r\n    height: 48px;\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin: 0 auto 16px auto;\r\n  }\r\n\r\n  .ft-icon svg { width: 24px; height: 24px; }\r\n  .ft-icon-blue { background: #e0f2fe; color: #0284c7; }\r\n  .ft-icon-green { background: #dcfce7; color: #16a34a; }\r\n  .ft-icon-orange { background: #fef08a; color: #ca8a04; }\r\n  .ft-icon-purple { background: #f3e8ff; color: #9333ea; }\r\n\r\n  .ft-prop-item h4 { \r\n    font-size: 13px; \r\n    font-weight: 700; \r\n    margin: 0 0 6px 0; \r\n    color: #0f172a;\r\n  }\r\n\r\n  .ft-prop-item p { \r\n    font-size: 11px; \r\n    color: #64748b; \r\n    margin: 0; \r\n    line-height: 1.4; \r\n  }\r\n\r\n  .ft-architecture-pill {\r\n    background: #eef2ff;\r\n    border: 1px solid #e0e7ff;\r\n    border-radius: 12px;\r\n    padding: 16px 20px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n    position: relative;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .ft-architecture-pill .code-icon {\r\n    background: #0284c7;\r\n    color: #fff;\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-weight: 700;\r\n    font-size: 14px;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .ft-architecture-pill .pill-text-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 4px;\r\n  }\r\n\r\n  .ft-architecture-pill strong { \r\n    display: block; \r\n    font-size: 14px; \r\n    color: #0369a1; \r\n  }\r\n\r\n  .ft-architecture-pill p { \r\n    margin: 0; \r\n    font-size: 12px; \r\n    color: #64748b; \r\n  }\r\n\r\n  .ft-architecture-pill .pill-arrow {\r\n    margin-left: auto;\r\n    color: #0369a1;\r\n  }\r\n  \r\n  .ft-architecture-pill .pill-arrow svg {\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n\r\n  \/* RIGHT COLUMN & CARDS *\/\r\n  .ft-right {\r\n    position: relative;\r\n    background: #ffffff;\r\n    padding: 40px;\r\n    border-radius: 24px;\r\n    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.04);\r\n  }\r\n\r\n  .ft-cards-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 30px;\r\n  }\r\n\r\n  .ft-card {\r\n    background: #ffffff;\r\n    border: 1px solid #f1f5f9;\r\n    border-radius: 16px;\r\n    padding: 24px;\r\n    box-shadow: 0 4px 6px rgba(0,0,0,0.02);\r\n  }\r\n\r\n  .ft-card .card-header {\r\n    display: flex;\r\n    gap: 16px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .ft-card .card-icon {\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n  }\r\n  \r\n  .ft-card .card-icon svg { width: 20px; height: 20px; }\r\n  .icon-blue { background: #e0f2fe; color: #0284c7; }\r\n  .icon-green { background: #dcfce7; color: #16a34a; }\r\n  .icon-purple { background: #f3e8ff; color: #9333ea; }\r\n  .icon-orange { background: #ffedd5; color: #ea580c; }\r\n\r\n  .ft-card .card-header h3 {\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    color: #1e293b;\r\n    margin: 0 0 6px 0;\r\n    letter-spacing: 0.5px;\r\n  }\r\n\r\n  .ft-card .card-header p {\r\n    font-size: 12px;\r\n    color: #64748b;\r\n    margin: 0;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .ft-tags {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n  }\r\n\r\n  .ft-tag-item {\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    color: #334155;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding-top: 8px;\r\n    border-top: 1px solid #f1f5f9;\r\n  }\r\n\r\n  \/* CENTER SHIELD BADGE *\/\r\n  .ft-badge-wrapper {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 140px;\r\n    height: 140px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 10;\r\n  }\r\n\r\n  .ft-badge-wrapper .orbit-circle {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    border: 1px dashed #bae6fd;\r\n  }\r\n\r\n  .orbit-1 { width: 100%; height: 100%; animation: rotateOrbit 20s linear infinite; }\r\n  .orbit-2 { width: 130%; height: 130%; border-color: #e0f2fe; animation: rotateOrbitReverse 25s linear infinite; }\r\n\r\n  .ft-badge-wrapper .orbit-dot {\r\n    position: absolute;\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 50%;\r\n  }\r\n\r\n  .dot-a { background-color: #0ea5e9; top: -4px; left: 50%; transform: translateX(-50%); }\r\n  .dot-b { background-color: #38bdf8; bottom: -4px; left: 50%; transform: translateX(-50%); }\r\n\r\n  .ft-badge-wrapper .badge-content {\r\n    width: 70px;\r\n    height: 70px;\r\n    background: #ffffff;\r\n    border-radius: 50%;\r\n    box-shadow: 0 10px 25px rgba(14, 165, 233, 0.2);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border: 4px solid #f0f9ff;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .ft-badge-wrapper .badge-content svg {\r\n    width: 35px;\r\n    height: 35px;\r\n  }\r\n\r\n  \/* STATS BANNER *\/\r\n  .ft-stats-banner {\r\n    max-width: 1100px;\r\n    margin: 50px auto 0 auto;\r\n    background: #ffffff;\r\n    border-radius: 100px;\r\n    padding: 16px 40px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.03);\r\n  }\r\n\r\n  .ft-stats-banner .banner-left {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n  }\r\n\r\n  .ft-stats-banner .chart-icon {\r\n    background: #4f46e5;\r\n    color: white;\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n  \r\n  .ft-stats-banner .chart-icon svg {\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n\r\n  .ft-stats-banner .banner-text {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .ft-stats-banner .banner-text strong {\r\n    font-size: 13px;\r\n    color: #0f172a;\r\n  }\r\n  \r\n  .ft-stats-banner .banner-text span {\r\n    font-size: 12px;\r\n    color: #64748b;\r\n  }\r\n\r\n  .ft-stats-banner .banner-stats { \r\n    display: flex; \r\n    align-items: center; \r\n    gap: 30px; \r\n  }\r\n\r\n  .ft-stats-banner .stat-item { \r\n    text-align: center; \r\n  }\r\n\r\n  .ft-stats-banner .stat-item h4 { \r\n    font-size: 20px; \r\n    font-weight: 800; \r\n    color: #0284c7; \r\n    margin: 0 0 2px 0; \r\n  }\r\n\r\n  .ft-stats-banner .stat-item p { \r\n    font-size: 10px; \r\n    color: #64748b; \r\n    font-weight: 700;\r\n    margin: 0; \r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n  }\r\n\r\n  .ft-stats-banner .stat-divider { \r\n    width: 1px; \r\n    height: 35px; \r\n    background-color: #f1f5f9; \r\n  }\r\n\r\n  \/* KEYFRAMES *\/\r\n  @keyframes rotateOrbit {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n  }\r\n\r\n  @keyframes rotateOrbitReverse {\r\n    0% { transform: rotate(360deg); }\r\n    100% { transform: rotate(0deg); }\r\n  }\r\n\r\n  \/* RESPONSIVE *\/\r\n  @media (max-width: 1150px) {\r\n    .ft-container { grid-template-columns: 1fr; gap: 40px; }\r\n    .ft-badge-wrapper { display: none; }\r\n    .ft-stats-banner { flex-direction: column; gap: 24px; border-radius: 24px; text-align: center; padding: 24px; }\r\n    .ft-stats-banner .banner-left { flex-direction: column; text-align: center; }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .ft-props-grid { grid-template-columns: repeat(2, 1fr); }\r\n    .ft-title { font-size: 34px; }\r\n    .ft-right { padding: 20px; }\r\n    .ft-cards-grid { grid-template-columns: 1fr; }\r\n  }\r\n  \r\n  @media (max-width: 480px) {\r\n    .ft-props-grid { grid-template-columns: 1fr; }\r\n    .ft-stats-banner .banner-stats { flex-direction: column; gap: 15px; }\r\n    .ft-stats-banner .stat-divider { width: 50px; height: 1px; }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-17997eb e-flex e-con-boxed e-con e-parent\" data-id=\"17997eb\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13ba5fc elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading\" data-id=\"13ba5fc\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">DEVELOPMENT ROADMAP<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a4814bf elementor-widget elementor-widget-heading\" data-id=\"a4814bf\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">From concept to a scalable, PCI-compliant financial platform in five steps.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aab6417 elementor-widget-tablet__width-initial elementor-widget elementor-widget-html\" data-id=\"aab6417\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ft-process-section\">\r\n  <div class=\"ft-process-container\">\r\n    \r\n    <!-- Process Steps Grid -->\r\n    <div class=\"ft-process-steps\">\r\n      <div class=\"ft-connecting-line\"><\/div>\r\n      \r\n      <!-- Step 1 -->\r\n      <div class=\"ft-step-item\" style=\"--delay: 0.1s;\">\r\n        <div class=\"ft-number-circle\">\r\n          <span class=\"step-num\">01<\/span>\r\n          <div class=\"step-pulse-ring\"><\/div>\r\n        <\/div>\r\n        <div class=\"ft-step-content\">\r\n          <div class=\"ft-step-badge\">Discovery<\/div>\r\n          <h3 class=\"ft-step-title\">Architecture Mapping<\/h3>\r\n          <p class=\"ft-step-desc\">We map out your financial data flows, user hierarchies, and core banking\/payment API requirements.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Step 2 -->\r\n      <div class=\"ft-step-item\" style=\"--delay: 0.2s;\">\r\n        <div class=\"ft-number-circle\">\r\n          <span class=\"step-num\">02<\/span>\r\n          <div class=\"step-pulse-ring\"><\/div>\r\n        <\/div>\r\n        <div class=\"ft-step-content\">\r\n          <div class=\"ft-step-badge\">Experience<\/div>\r\n          <h3 class=\"ft-step-title\">Frictionless UI\/UX<\/h3>\r\n          <p class=\"ft-step-desc\">Intuitive screens engineered for seamless onboarding, interactive financial dashboards, and real-time tracking.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Step 3 -->\r\n      <div class=\"ft-step-item\" style=\"--delay: 0.3s;\">\r\n        <div class=\"ft-number-circle\">\r\n          <span class=\"step-num\">03<\/span>\r\n          <div class=\"step-pulse-ring\"><\/div>\r\n        <\/div>\r\n        <div class=\"ft-step-content\">\r\n          <div class=\"ft-step-badge\">Engineering<\/div>\r\n          <h3 class=\"ft-step-title\">Platform Development<\/h3>\r\n          <p class=\"ft-step-desc\">Secure payment gateways, encrypted data pipelines, and robust user\/admin portals built in agile sprints.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Step 4 -->\r\n      <div class=\"ft-step-item\" style=\"--delay: 0.4s;\">\r\n        <div class=\"ft-number-circle\">\r\n          <span class=\"step-num\">04<\/span>\r\n          <div class=\"step-pulse-ring\"><\/div>\r\n        <\/div>\r\n        <div class=\"ft-step-content\">\r\n          <div class=\"ft-step-badge\">Compliance<\/div>\r\n          <h3 class=\"ft-step-title\">Security & QA<\/h3>\r\n          <p class=\"ft-step-desc\">Rigorous testing for data protection, PCI-DSS compliance, fraud prevention, and high-concurrency stability.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Step 5 -->\r\n      <div class=\"ft-step-item\" style=\"--delay: 0.5s;\">\r\n        <div class=\"ft-number-circle\">\r\n          <span class=\"step-num\">05<\/span>\r\n          <div class=\"step-pulse-ring\"><\/div>\r\n        <\/div>\r\n        <div class=\"ft-step-content\">\r\n          <div class=\"ft-step-badge\">Deployment<\/div>\r\n          <h3 class=\"ft-step-title\">Launch & Scaling<\/h3>\r\n          <p class=\"ft-step-desc\">App Store rollout, secure cloud infrastructure scaling, and ongoing FinTech maintenance & monitoring.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap'); \r\n \r\n  .ft-process-section { \r\n    font-family: 'Plus Jakarta Sans', sans-serif; \r\n    padding: 80px 0px; \r\n    background: radial-gradient(circle at 50% 0%, #f0f9ff 0%, #ffffff 70%);\r\n    color: #0f172a; \r\n    overflow: hidden; \r\n  } \r\n \r\n  .ft-process-container { \r\n    max-width: 1240px; \r\n    margin: 0 auto; \r\n    padding: 0 20px;\r\n  } \r\n \r\n  \/* Process Steps Layout *\/ \r\n  .ft-process-steps { \r\n    position: relative; \r\n    display: grid; \r\n    grid-template-columns: repeat(5, 1fr); \r\n    gap: 24px; \r\n  } \r\n \r\n  \/* Glowing Connecting Line *\/ \r\n  .ft-connecting-line { \r\n    position: absolute; \r\n    top: 36px; \r\n    left: 8%; \r\n    right: 8%; \r\n    height: 3px; \r\n    background: linear-gradient(90deg, #bae6fd, #0284c7, #2563eb, #bae6fd);\r\n    background-size: 200% 100%;\r\n    animation: lineShimmer 6s linear infinite;\r\n    z-index: 1; \r\n  }\r\n\r\n  @keyframes lineShimmer {\r\n    0% { background-position: 200% 0; }\r\n    100% { background-position: -200% 0; }\r\n  }\r\n \r\n  \/* Step Item Styling *\/ \r\n  .ft-step-item { \r\n    position: relative; \r\n    z-index: 2; \r\n    text-align: center; \r\n    display: flex; \r\n    flex-direction: column; \r\n    align-items: center; \r\n    opacity: 0; \r\n    transform: translateY(30px); \r\n    animation: fadeInUp 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards; \r\n    animation-delay: var(--delay); \r\n  } \r\n \r\n  \/* Innovative Circle with Radar Pulse *\/ \r\n  .ft-number-circle { \r\n    position: relative;\r\n    width: 72px; \r\n    height: 72px; \r\n    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);\r\n    border: 2px solid #0284c7; \/* Vibrant Ocean Blue *\/ \r\n    border-radius: 50%; \r\n    display: flex; \r\n    align-items: center; \r\n    justify-content: center; \r\n    font-size: 20px; \r\n    font-weight: 800; \r\n    color: #0284c7; \r\n    margin-bottom: 24px; \r\n    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); \r\n    box-shadow: 0 0 0 10px #ffffff, 0 10px 25px rgba(2, 132, 199, 0.1); \r\n  } \r\n\r\n  \/* Subtle background pulse animation *\/\r\n  .step-pulse-ring {\r\n    position: absolute;\r\n    inset: -6px;\r\n    border-radius: 50%;\r\n    border: 1px dashed rgba(2, 132, 199, 0.4);\r\n    animation: rotateRing 15s linear infinite;\r\n    pointer-events: none;\r\n  }\r\n\r\n  @keyframes rotateRing {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n  }\r\n\r\n  .ft-step-content {\r\n    background: #ffffff;\r\n    border: 1px solid #f1f5f9;\r\n    padding: 20px 16px;\r\n    border-radius: 18px;\r\n    width: 100%;\r\n    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.03);\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .ft-step-item:hover .ft-step-content {\r\n    border-color: #bae6fd;\r\n    box-shadow: 0 20px 40px rgba(2, 132, 199, 0.08);\r\n    transform: translateY(-5px);\r\n  }\r\n\r\n  .ft-step-badge {\r\n    display: inline-block;\r\n    font-size: 10px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    color: #2563eb;\r\n    background: #eff6ff;\r\n    padding: 4px 10px;\r\n    border-radius: 20px;\r\n    margin-bottom: 10px;\r\n  }\r\n \r\n  .ft-step-title { \r\n    font-size: 15px; \r\n    font-weight: 700; \r\n    color: #0f172a; \r\n    margin: 0 0 8px 0; \r\n  } \r\n \r\n  .ft-step-desc { \r\n    font-size: 13px; \r\n    color: #64748b; \r\n    line-height: 1.5; \r\n    margin: 0; \r\n  } \r\n \r\n  \/* Hover Effects for Circle *\/ \r\n  .ft-step-item:hover .ft-number-circle { \r\n    background: linear-gradient(135deg, #0284c7, #2563eb); \r\n    color: #ffffff; \r\n    border-color: #2563eb;\r\n    transform: scale(1.1); \r\n    box-shadow: 0 0 0 10px #ffffff, 0 15px 35px rgba(37, 99, 235, 0.35); \r\n  } \r\n \r\n  \/* Entrance Animation Keyframes *\/ \r\n  @keyframes fadeInUp { \r\n    to { \r\n      opacity: 1; \r\n      transform: translateY(0); \r\n    } \r\n  } \r\n \r\n  \/* Responsive Design *\/ \r\n  @media (max-width: 1024px) { \r\n    .ft-process-steps { \r\n      grid-template-columns: repeat(2, 1fr); \r\n      gap: 30px; \r\n    } \r\n    .ft-connecting-line { \r\n      display: none; \/* Hide horizontal line on tablet\/mobile vertical stack *\/ \r\n    } \r\n  } \r\n \r\n  @media (max-width: 576px) { \r\n    .ft-process-steps { \r\n      grid-template-columns: 1fr; \r\n      gap: 24px; \r\n    } \r\n  } \r\n<\/style> \r\n \r\n<script> \r\n  \/\/ Re-trigger animation when scrolled into view\r\n  document.addEventListener('DOMContentLoaded', () => { \r\n    const observer = new IntersectionObserver((entries) => { \r\n      entries.forEach(entry => { \r\n        if (entry.isIntersecting) { \r\n          entry.target.style.animationPlayState = 'running'; \r\n        } \r\n      }); \r\n    }, { threshold: 0.15 }); \r\n \r\n    document.querySelectorAll('.ft-step-item').forEach(el => { \r\n      el.style.animationPlayState = 'paused';\r\n      observer.observe(el); \r\n    }); \r\n  }); \r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-382bce2 animated-slow e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"382bce2\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5fafabf elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading\" data-id=\"5fafabf\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">FAQs\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-554de5a elementor-widget elementor-widget-heading\" data-id=\"554de5a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Common questions about fintech app development in Bangalore<\/h3>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bf965c3 e-flex e-con-boxed e-con e-parent\" data-id=\"bf965c3\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15c99ff elementor-widget__width-initial animated-slow elementor-invisible elementor-widget elementor-widget-n-accordion\" data-id=\"15c99ff\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;default_state&quot;:&quot;expanded&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2280\" class=\"e-n-accordion-item\" open>\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"true\" aria-controls=\"e-n-accordion-item-2280\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> How long does it take to build a fintech app? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-plus\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2280\" class=\"elementor-element elementor-element-5130286 e-con-full e-flex e-con e-child\" data-id=\"5130286\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1eab78f elementor-widget elementor-widget-text-editor\" data-id=\"1eab78f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-path-to-node=\"2\">The development timeline typically ranges from 12 to 24 weeks, depending on the complexity of features like core banking integrations, real-time payment processing, and custom AI fraud detection infrastructure.<\/p><p data-path-to-node=\"3\">\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2281\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2281\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Can the app support secure financial transactions and regulatory compliance? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-plus\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2281\" class=\"elementor-element elementor-element-d64c8eb e-con-full e-flex e-con e-child\" data-id=\"d64c8eb\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36b9c79 elementor-widget elementor-widget-text-editor\" data-id=\"36b9c79\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-path-to-node=\"3\">Yes, absolutely. We build fintech applications with enterprise-grade security, including end-to-end encryption, biometric authentication, and multi-factor authorization. Our platforms are engineered to be fully compliant with global industry standards like PCI-DSS, GDPR, and essential KYC\/AML protocols.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2282\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2282\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Can administrators manage portfolios and monitor user activity directly? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-plus\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2282\" class=\"elementor-element elementor-element-f7f215c e-con-full e-flex e-con e-child\" data-id=\"f7f215c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f6b11e3 elementor-widget elementor-widget-text-editor\" data-id=\"f6b11e3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-path-to-node=\"4\">Yes. We deliver a robust, custom-built admin CRM and analytics dashboard. This allows your team to monitor real-time transaction flows, manage user accounts, review compliance statuses, and resolve customer support inquiries securely from a centralized interface.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2283\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"4\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2283\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Will you support us after the app is live? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-plus\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2283\" class=\"elementor-element elementor-element-13947ea e-con-full e-flex e-con e-child\" data-id=\"13947ea\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f4752b elementor-widget elementor-widget-text-editor\" data-id=\"3f4752b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Yes, we provide comprehensive post-launch support and maintenance. This includes continuous server monitoring, security patching, performance optimization, and regular platform updates to ensure your app scales smoothly and remains compliant with evolving financial technologies.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<script type=\"application\/ld+json\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"How long does it take to build a fintech app?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\"}},{\"@type\":\"Question\",\"name\":\"Can the app support secure financial transactions and regulatory compliance?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\"}},{\"@type\":\"Question\",\"name\":\"Can administrators manage portfolios and monitor user activity directly?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\"}},{\"@type\":\"Question\",\"name\":\"Will you support us after the app is live?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\"}}]}<\/script>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ab22d60 e-flex e-con-boxed e-con e-parent\" data-id=\"ab22d60\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-638d271 e-con-full animated-slow e-flex elementor-invisible e-con e-child\" data-id=\"638d271\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-b5b2b63 e-con-full e-flex e-con e-child\" data-id=\"b5b2b63\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4793f43 elementor-widget elementor-widget-heading\" data-id=\"4793f43\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Ready to build your fintech app in Bangalore?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e7ee727 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"e7ee727\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-path-to-node=\"2\"><span style=\"color: #d4d4d4;\">Talk to our team about your payment workflows, compliance requirements, and launch timeline.<\/span><\/p><p data-path-to-node=\"3\">\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b31a1b5 e-con-full e-flex e-con e-child\" data-id=\"b31a1b5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b0ded8 elementor-widget elementor-widget-button\" data-id=\"0b0ded8\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-sink\" href=\"https:\/\/brightcodess.com\/bengaluru\/contact\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Get a Free Quote \u2192<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div> \n","protected":false},"excerpt":{"rendered":"<p>#TOP RATED FINTECH &#038; WALLET APP DEVELOPER Fintech App Development Company in Bangalore Accelerate your financial innovations with secure, compliant, and scalable custom solutions, including digital wallets, payment gateways, blockchain integrations, and AI-powered financial advisory platforms. Explore Our Fintech Expertise 50M+ Transactions Processed PCI-DSS Level 1 Compliant Real-time Analytics &#038; Fraud Detection AI Insight 15% [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-6432","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.2 (Yoast SEO v28.7) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Fintech and Wallet App - Brightcode Software Services<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/brightcodess.com\/bengaluru\/fintech-and-wallet-app\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Fintech and Wallet App\" \/>\n<meta property=\"og:description\" content=\"#TOP RATED FINTECH &#038; WALLET APP DEVELOPER Fintech App Development Company in Bangalore Accelerate your financial innovations with secure, compliant, and scalable custom solutions, including digital wallets, payment gateways, blockchain integrations, and AI-powered financial advisory platforms. Explore Our Fintech Expertise 50M+ Transactions Processed PCI-DSS Level 1 Compliant Real-time Analytics &#038; Fraud Detection AI Insight 15% [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/brightcodess.com\/bengaluru\/fintech-and-wallet-app\/\" \/>\n<meta property=\"og:site_name\" content=\"Brightcode Software Services\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/brightcodess\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-15T10:07:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?q=80&w=100&auto=format&fit=crop\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@Brightcodebss\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"24 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/fintech-and-wallet-app\\\/\",\"url\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/fintech-and-wallet-app\\\/\",\"name\":\"Fintech and Wallet App - Brightcode Software Services\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/fintech-and-wallet-app\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/fintech-and-wallet-app\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1534528741775-53994a69daeb?q=80&w=100&auto=format&fit=crop\",\"datePublished\":\"2026-09-14T04:55:22+00:00\",\"dateModified\":\"2026-09-15T10:07:17+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/fintech-and-wallet-app\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/fintech-and-wallet-app\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/fintech-and-wallet-app\\\/#primaryimage\",\"url\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1534528741775-53994a69daeb?q=80&w=100&auto=format&fit=crop\",\"contentUrl\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1534528741775-53994a69daeb?q=80&w=100&auto=format&fit=crop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/fintech-and-wallet-app\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Fintech and Wallet App\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/#website\",\"url\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/\",\"name\":\"Brightcode Software Services\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/#organization\",\"name\":\"Brightcode Software Services\",\"alternateName\":\"Brightcode\",\"url\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Brightcode-Logo.webp\",\"contentUrl\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Brightcode-Logo.webp\",\"width\":500,\"height\":500,\"caption\":\"Brightcode Software Services\"},\"image\":{\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/brightcodess\\\/\",\"https:\\\/\\\/x.com\\\/Brightcodebss\",\"https:\\\/\\\/www.instagram.com\\\/brightcodess\\\/\",\"https:\\\/\\\/linkedin.com\\\/company\\\/brightcodess\"],\"description\":\"Brightcode is a leading software company in Bangalore offers wide range of IT solutions that include software development, website development, mobile app development and digital marketing services.\",\"telephone\":\"93868 06214\",\"legalName\":\"Brightcode Software Services Pvt. Ltd.\",\"foundingDate\":\"2019-02-07\",\"numberOfEmployees\":{\"@type\":\"QuantitativeValue\",\"minValue\":\"51\",\"maxValue\":\"200\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Fintech and Wallet App - Brightcode Software Services","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/brightcodess.com\/bengaluru\/fintech-and-wallet-app\/","og_locale":"en_US","og_type":"article","og_title":"Fintech and Wallet App","og_description":"#TOP RATED FINTECH &#038; WALLET APP DEVELOPER Fintech App Development Company in Bangalore Accelerate your financial innovations with secure, compliant, and scalable custom solutions, including digital wallets, payment gateways, blockchain integrations, and AI-powered financial advisory platforms. Explore Our Fintech Expertise 50M+ Transactions Processed PCI-DSS Level 1 Compliant Real-time Analytics &#038; Fraud Detection AI Insight 15% [&hellip;]","og_url":"https:\/\/brightcodess.com\/bengaluru\/fintech-and-wallet-app\/","og_site_name":"Brightcode Software Services","article_publisher":"https:\/\/www.facebook.com\/brightcodess\/","article_modified_time":"2026-09-15T10:07:17+00:00","og_image":[{"url":"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?q=80&w=100&auto=format&fit=crop","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@Brightcodebss","twitter_misc":{"Est. reading time":"24 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/brightcodess.com\/bengaluru\/fintech-and-wallet-app\/","url":"https:\/\/brightcodess.com\/bengaluru\/fintech-and-wallet-app\/","name":"Fintech and Wallet App - Brightcode Software Services","isPartOf":{"@id":"https:\/\/brightcodess.com\/bengaluru\/#website"},"primaryImageOfPage":{"@id":"https:\/\/brightcodess.com\/bengaluru\/fintech-and-wallet-app\/#primaryimage"},"image":{"@id":"https:\/\/brightcodess.com\/bengaluru\/fintech-and-wallet-app\/#primaryimage"},"thumbnailUrl":"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?q=80&w=100&auto=format&fit=crop","datePublished":"2026-09-14T04:55:22+00:00","dateModified":"2026-09-15T10:07:17+00:00","breadcrumb":{"@id":"https:\/\/brightcodess.com\/bengaluru\/fintech-and-wallet-app\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/brightcodess.com\/bengaluru\/fintech-and-wallet-app\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/brightcodess.com\/bengaluru\/fintech-and-wallet-app\/#primaryimage","url":"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?q=80&w=100&auto=format&fit=crop","contentUrl":"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?q=80&w=100&auto=format&fit=crop"},{"@type":"BreadcrumbList","@id":"https:\/\/brightcodess.com\/bengaluru\/fintech-and-wallet-app\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/brightcodess.com\/bengaluru\/"},{"@type":"ListItem","position":2,"name":"Fintech and Wallet App"}]},{"@type":"WebSite","@id":"https:\/\/brightcodess.com\/bengaluru\/#website","url":"https:\/\/brightcodess.com\/bengaluru\/","name":"Brightcode Software Services","description":"","publisher":{"@id":"https:\/\/brightcodess.com\/bengaluru\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/brightcodess.com\/bengaluru\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/brightcodess.com\/bengaluru\/#organization","name":"Brightcode Software Services","alternateName":"Brightcode","url":"https:\/\/brightcodess.com\/bengaluru\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/brightcodess.com\/bengaluru\/#\/schema\/logo\/image\/","url":"https:\/\/brightcodess.com\/bengaluru\/wp-content\/uploads\/2025\/11\/Brightcode-Logo.webp","contentUrl":"https:\/\/brightcodess.com\/bengaluru\/wp-content\/uploads\/2025\/11\/Brightcode-Logo.webp","width":500,"height":500,"caption":"Brightcode Software Services"},"image":{"@id":"https:\/\/brightcodess.com\/bengaluru\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/brightcodess\/","https:\/\/x.com\/Brightcodebss","https:\/\/www.instagram.com\/brightcodess\/","https:\/\/linkedin.com\/company\/brightcodess"],"description":"Brightcode is a leading software company in Bangalore offers wide range of IT solutions that include software development, website development, mobile app development and digital marketing services.","telephone":"93868 06214","legalName":"Brightcode Software Services Pvt. Ltd.","foundingDate":"2019-02-07","numberOfEmployees":{"@type":"QuantitativeValue","minValue":"51","maxValue":"200"}}]}},"_links":{"self":[{"href":"https:\/\/brightcodess.com\/bengaluru\/wp-json\/wp\/v2\/pages\/6432","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brightcodess.com\/bengaluru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brightcodess.com\/bengaluru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brightcodess.com\/bengaluru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brightcodess.com\/bengaluru\/wp-json\/wp\/v2\/comments?post=6432"}],"version-history":[{"count":0,"href":"https:\/\/brightcodess.com\/bengaluru\/wp-json\/wp\/v2\/pages\/6432\/revisions"}],"wp:attachment":[{"href":"https:\/\/brightcodess.com\/bengaluru\/wp-json\/wp\/v2\/media?parent=6432"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}