{"id":6154,"date":"2026-08-24T09:39:48","date_gmt":"2026-08-24T09:39:48","guid":{"rendered":"https:\/\/brightcodess.com\/bengaluru\/?page_id=6154"},"modified":"2026-08-25T06:45:07","modified_gmt":"2026-08-25T06:45:07","slug":"matrimonial-app-in-bangalore","status":"publish","type":"page","link":"https:\/\/brightcodess.com\/bengaluru\/matrimonial-app-in-bangalore\/","title":{"rendered":"Matrimonial App In Bangalore"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6154\" class=\"elementor elementor-6154\">\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<section class=\"matrimonial-hero\">\r\n\r\n    <!-- ================= BACKGROUND ================= -->\r\n    <div class=\"hero-bg\">\r\n        <div class=\"hero-grid\"><\/div>\r\n\r\n        <div class=\"bg-orb orb-1\"><\/div>\r\n        <div class=\"bg-orb orb-2\"><\/div>\r\n\r\n        <span class=\"particle particle-1\"><\/span>\r\n        <span class=\"particle particle-2\"><\/span>\r\n        <span class=\"particle particle-3\"><\/span>\r\n        <span class=\"particle particle-4\"><\/span>\r\n        <span class=\"particle particle-5\"><\/span>\r\n    <\/div>\r\n\r\n\r\n    <div class=\"matrimonial-wrapper\">\r\n\r\n        <!-- =================================================\r\n             LEFT CONTENT\r\n        ================================================== -->\r\n\r\n        <div class=\"matrimonial-left\">\r\n\r\n            <div class=\"eyebrow\">\r\n                <span class=\"eyebrow-dot\"><\/span>\r\n                MATRIMONIAL APP DEVELOPMENT\r\n            <\/div>\r\n\r\n            <h1>\r\n                Matrimonial App\r\n                <span>Development Company<\/span>\r\n                in Bangalore\r\n            <\/h1>\r\n\r\n            <p class=\"hero-description\">\r\n                We build secure, scalable and feature-rich matrimonial\r\n                applications that help people discover meaningful\r\n                connections and build relationships that last.\r\n            <\/p>\r\n\r\n\r\n            <!-- FEATURES -->\r\n\r\n            <div class=\"hero-features\">\r\n\r\n                <div class=\"feature-item\">\r\n\r\n                    <div class=\"feature-icon\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 3L20 6V11C20 16.5 16.5 20 12 21C7.5 20 4 16.5 4 11V6L12 3Z\"\/>\r\n                            <path d=\"M8.5 12L10.8 14.3L15.7 9.5\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <strong>Secure &amp;<\/strong>\r\n                        <span>Private<\/span>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"feature-item\">\r\n\r\n                    <div class=\"feature-icon\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <circle cx=\"12\" cy=\"8\" r=\"4\"\/>\r\n                            <path d=\"M5 21C5.5 16.8 8 14.5 12 14.5C16 14.5 18.5 16.8 19 21\"\/>\r\n                            <path d=\"M17 5.5L18.5 7L21 4.5\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <strong>Verified<\/strong>\r\n                        <span>Profiles<\/span>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"feature-item\">\r\n\r\n                    <div class=\"feature-icon\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M20 11.5C20 16 16.5 19.5 12 21C7.5 19.5 4 16 4 11.5C4 7.5 7 4 12 4C17 4 20 7.5 20 11.5Z\"\/>\r\n                            <path d=\"M8 12H16\"\/>\r\n                            <path d=\"M12 8V16\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <strong>Smart Match<\/strong>\r\n                        <span>Making<\/span>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"feature-item\">\r\n\r\n                    <div class=\"feature-icon\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M4 19L20 5\"\/>\r\n                            <path d=\"M12 5H20V13\"\/>\r\n                            <path d=\"M4 5H8\"\/>\r\n                            <path d=\"M4 9H8\"\/>\r\n                            <path d=\"M4 13H8\"\/>\r\n                            <path d=\"M4 17H8\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <strong>Scalable<\/strong>\r\n                        <span>Solution<\/span>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- BUTTONS -->\r\n\r\n            <div class=\"hero-buttons\">\r\n\r\n                <a href=\"#\" class=\"btn-primary\">\r\n                    Get a Free Quote\r\n                    <span>\u2192<\/span>\r\n                <\/a>\r\n\r\n                <a href=\"#\" class=\"btn-secondary\">\r\n                    Talk to Our Expert\r\n                    <span>\u2197<\/span>\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             RIGHT VISUAL\r\n        ================================================== -->\r\n\r\n        <div class=\"matrimonial-visual\">\r\n\r\n            <div class=\"visual-glow\"><\/div>\r\n\r\n            <div class=\"visual-circle circle-1\"><\/div>\r\n            <div class=\"visual-circle circle-2\"><\/div>\r\n            <div class=\"visual-circle circle-3\"><\/div>\r\n\r\n\r\n            <!-- =============================================\r\n                 GIRL CARD\r\n            ============================================== -->\r\n\r\n            <div class=\"profile-card girl-card\">\r\n\r\n                <div class=\"profile-photo-wrapper\">\r\n\r\n                    <!-- REPLACE WITH YOUR REAL GIRL IMAGE -->\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/brightcodess.com\/bengaluru\/wp-content\/uploads\/2026\/08\/Untitled-design.webp\"\r\n                        alt=\"Indian woman matrimonial profile\"\r\n                        class=\"profile-photo\"\r\n                    >\r\n\r\n                    <div class=\"photo-overlay\"><\/div>\r\n\r\n                    <div class=\"verified-badge\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 3L19 6V11C19 15.5 16 19 12 21C8 19 5 15.5 5 11V6L12 3Z\"\/>\r\n                            <path d=\"M8.5 12L11 14.5L15.5 9.5\"\/>\r\n                        <\/svg>\r\n\r\n                        Verified\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"profile-info\">\r\n\r\n                    <div class=\"profile-name-row\">\r\n\r\n                        <div>\r\n\r\n                            <h3>Priya<\/h3>\r\n\r\n                            <span>\r\n                                27 \u00b7 Bangalore\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                        <div class=\"profile-online\">\r\n                            <span><\/span>\r\n                            Online\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"profile-tags\">\r\n\r\n                        <span>Designer<\/span>\r\n                        <span>Travel<\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- GIRL MESSAGE 1 -->\r\n\r\n                <div class=\"chat-bubble girl-message message-one\">\r\n\r\n                    <span class=\"message-avatar\">\r\n                        P\r\n                    <\/span>\r\n\r\n                    <div>\r\n                        Hey! I liked your\r\n                        profile \ud83d\ude0a\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- GIRL MESSAGE 2 -->\r\n\r\n                <div class=\"chat-bubble girl-message message-three\">\r\n\r\n                    <span class=\"message-avatar\">\r\n                        P\r\n                    <\/span>\r\n\r\n                    <div>\r\n                        What are you\r\n                        looking for?\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- =============================================\r\n                 BOY CARD\r\n            ============================================== -->\r\n\r\n            <div class=\"profile-card boy-card\">\r\n\r\n                <div class=\"profile-photo-wrapper\">\r\n\r\n                    <!-- REPLACE WITH YOUR REAL BOY IMAGE -->\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/brightcodess.com\/bengaluru\/wp-content\/uploads\/2026\/08\/Untitled-design-1.webp\"\r\n                        alt=\"Indian man matrimonial profile\"\r\n                        class=\"profile-photo\"\r\n                    >\r\n\r\n                    <div class=\"photo-overlay\"><\/div>\r\n\r\n                    <div class=\"verified-badge\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 3L19 6V11C19 15.5 16 19 12 21C8 19 5 15.5 5 11V6L12 3Z\"\/>\r\n                            <path d=\"M8.5 12L11 14.5L15.5 9.5\"\/>\r\n                        <\/svg>\r\n\r\n                        Verified\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"profile-info\">\r\n\r\n                    <div class=\"profile-name-row\">\r\n\r\n                        <div>\r\n\r\n                            <h3>Rahul<\/h3>\r\n\r\n                            <span>\r\n                                29 \u00b7 Bangalore\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                        <div class=\"profile-online\">\r\n                            <span><\/span>\r\n                            Online\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"profile-tags\">\r\n\r\n                        <span>Developer<\/span>\r\n                        <span>Music<\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- BOY MESSAGE 1 -->\r\n\r\n                <div class=\"chat-bubble boy-message message-two\">\r\n\r\n                    <span class=\"message-avatar boy-avatar\">\r\n                        R\r\n                    <\/span>\r\n\r\n                    <div>\r\n                        Hey Priya! Same here \ud83d\ude0a\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- BOY MESSAGE 2 -->\r\n\r\n                <div class=\"chat-bubble boy-message message-four\">\r\n\r\n                    <span class=\"message-avatar boy-avatar\">\r\n                        R\r\n                    <\/span>\r\n\r\n                    <div>\r\n                        Looking for something\r\n                        meaningful.\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- =============================================\r\n                 CENTER CONNECTION\r\n            ============================================== -->\r\n\r\n            <div class=\"connection-area\">\r\n\r\n                <div class=\"connection-line\"><\/div>\r\n\r\n                <div class=\"connection-heart heart-1\">\r\n                    \u2665\r\n                <\/div>\r\n\r\n                <div class=\"connection-heart heart-2\">\r\n                    \u2665\r\n                <\/div>\r\n\r\n\r\n                <!-- MATCH CIRCLE -->\r\n\r\n                <div class=\"match-circle\">\r\n\r\n                    <div class=\"match-inner\">\r\n\r\n                        <span class=\"match-small\">\r\n                            PERFECT\r\n                        <\/span>\r\n\r\n                        <strong>98%<\/strong>\r\n\r\n                        <span class=\"match-text\">\r\n                            Match\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- =============================================\r\n                 POPPING RED HEARTS\r\n            ============================================== -->\r\n\r\n            <div class=\"love-hearts\">\r\n\r\n                <span class=\"love-heart heart-a\">\r\n                    \u2665\r\n                <\/span>\r\n\r\n                <span class=\"love-heart heart-b\">\r\n                    \u2665\r\n                <\/span>\r\n\r\n                <span class=\"love-heart heart-c\">\r\n                    \u2665\r\n                <\/span>\r\n\r\n                <span class=\"love-heart heart-d\">\r\n                    \u2665\r\n                <\/span>\r\n\r\n                <span class=\"love-heart heart-e\">\r\n                    \u2665\r\n                <\/span>\r\n\r\n                <span class=\"love-heart heart-f\">\r\n                    \u2665\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- =============================================\r\n                 MATCH NOTIFICATION\r\n            ============================================== -->\r\n\r\n            <div class=\"match-notification\">\r\n\r\n                <div class=\"match-notification-icon\">\r\n                    \u2665\r\n                <\/div>\r\n\r\n                <div class=\"match-notification-text\">\r\n\r\n                    <span>\r\n                        CONNECTION FOUND\r\n                    <\/span>\r\n\r\n                    <strong>\r\n                        It's a Match!\r\n                    <\/strong>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"match-check\">\r\n                    \u2713\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- =============================================\r\n                 FLOATING UI\r\n            ============================================== -->\r\n\r\n            <div class=\"floating-pill pill-verified\">\r\n\r\n                <span class=\"pill-icon\">\r\n                    \u2713\r\n                <\/span>\r\n\r\n                Profile Verified\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"floating-pill pill-match\">\r\n\r\n                <span class=\"pill-icon\">\r\n                    \u2726\r\n                <\/span>\r\n\r\n                Smart Matching\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- FLOATING HEARTS -->\r\n\r\n            <span class=\"floating-heart floating-heart-1\">\r\n                \u2665\r\n            <\/span>\r\n\r\n            <span class=\"floating-heart floating-heart-2\">\r\n                \u2665\r\n            <\/span>\r\n\r\n            <span class=\"floating-heart floating-heart-3\">\r\n                \u2665\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   GLOBAL\r\n========================================================= *\/\r\n\r\n.matrimonial-hero {\r\n\r\n    --blue: #2457FF;\r\n    --blue-dark: #183DBA;\r\n    --blue-light: #6F8CFF;\r\n\r\n    --navy: #111A45;\r\n\r\n    --pink: #E90B35;\r\n    --pink-light: #FFF0F3;\r\n\r\n    --text: #59627B;\r\n\r\n    --border: #E6EAF3;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    min-height: 720px;\r\n\r\n    padding: 85px 6%;\r\n\r\n    box-sizing: border-box;\r\n\r\n    overflow: hidden;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 82% 40%,\r\n            rgba(36,87,255,.11),\r\n            transparent 34%\r\n        ),\r\n        radial-gradient(\r\n            circle at 10% 80%,\r\n            rgba(233,11,53,.045),\r\n            transparent 28%\r\n        ),\r\n        linear-gradient(\r\n            135deg,\r\n            #FFFFFF 0%,\r\n            #F8FAFF 55%,\r\n            #F2F5FF 100%\r\n        );\r\n\r\n    font-family:\r\n        Inter,\r\n        Arial,\r\n        sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND\r\n========================================================= *\/\r\n\r\n.hero-bg {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    pointer-events: none;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n.hero-grid {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    opacity: .30;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            rgba(36,87,255,.035) 1px,\r\n            transparent 1px\r\n        ),\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(36,87,255,.035) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size: 55px 55px;\r\n\r\n    mask-image:\r\n        linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            black 35%,\r\n            black\r\n        );\r\n}\r\n\r\n\r\n.bg-orb {\r\n\r\n    position: absolute;\r\n\r\n    border-radius: 50%;\r\n\r\n    filter: blur(50px);\r\n}\r\n\r\n\r\n.orb-1 {\r\n\r\n    width: 000px;\r\n\r\n    height: 300px;\r\n\r\n    top: -150px;\r\n\r\n    right: 5%;\r\n\r\n    background:\r\n        rgba(36,87,255,.08);\r\n}\r\n\r\n\r\n.orb-2 {\r\n\r\n    width: 230px;\r\n\r\n    height: 230px;\r\n\r\n    left: -100px;\r\n\r\n    bottom: -100px;\r\n\r\n    background:\r\n        rgba(36,87,255,.07);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PARTICLES\r\n========================================================= *\/\r\n\r\n.particle {\r\n\r\n    position: absolute;\r\n\r\n    width: 5px;\r\n\r\n    height: 5px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        var(--blue-light);\r\n\r\n    opacity: .45;\r\n\r\n    animation:\r\n        particleFloat\r\n        6s\r\n        ease-in-out\r\n        infinite;\r\n}\r\n\r\n\r\n.particle-1 {\r\n    left: 11%;\r\n    top: 20%;\r\n}\r\n\r\n.particle-2 {\r\n    left: 70%;\r\n    top: 12%;\r\n    animation-delay: 1s;\r\n}\r\n\r\n.particle-3 {\r\n    right: 8%;\r\n    top: 70%;\r\n    animation-delay: 2s;\r\n}\r\n\r\n.particle-4 {\r\n    left: 54%;\r\n    bottom: 10%;\r\n    animation-delay: 3s;\r\n}\r\n\r\n.particle-5 {\r\n    left: 42%;\r\n    top: 75%;\r\n    animation-delay: 4s;\r\n}\r\n\r\n\r\n@keyframes particleFloat {\r\n\r\n    0%,\r\n    100% {\r\n        transform:\r\n            translate(0,0);\r\n    }\r\n\r\n    50% {\r\n        transform:\r\n            translate(14px,-18px);\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WRAPPER\r\n========================================================= *\/\r\n\r\n.matrimonial-wrapper {\r\n\r\n    position: relative;\r\n\r\n    z-index: 10;\r\n\r\n    max-width: 1380px;\r\n\r\n    margin: auto;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        48%\r\n        52%;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT CONTENT\r\n========================================================= *\/\r\n\r\n.matrimonial-left {\r\n\r\n    position: relative;\r\n\r\n    z-index: 30;\r\n}\r\n\r\n\r\n.eyebrow {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n\r\n    padding: 9px 15px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(36,87,255,.10);\r\n\r\n    border-radius: 50px;\r\n\r\n    background:\r\n        rgba(36,87,255,.06);\r\n\r\n    color:\r\n        var(--blue);\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .7px;\r\n\r\n    margin-bottom: 20px;\r\n}\r\n\r\n\r\n.eyebrow-dot {\r\n\r\n    width: 7px;\r\n\r\n    height: 7px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        var(--pink);\r\n\r\n    box-shadow:\r\n        0 0 0 4px\r\n        rgba(233,11,53,.10);\r\n}\r\n\r\n\r\n.matrimonial-left h1 {\r\n\r\n    max-width: 650px;\r\n\r\n    margin: 0;\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    font-size:\r\n        clamp(\r\n            44px,\r\n            5vw,\r\n            68px\r\n        );\r\n\r\n    line-height: 1.06;\r\n\r\n    letter-spacing: -2.7px;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n\r\n.matrimonial-left h1 span {\r\n\r\n    display: block;\r\n\r\n    color:\r\n        var(--blue);\r\n}\r\n\r\n\r\n.hero-description {\r\n\r\n    max-width: 600px;\r\n\r\n    margin: 24px 0;\r\n\r\n    color:\r\n        var(--text);\r\n\r\n    font-size: 16px;\r\n\r\n    line-height: 1.75;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FEATURES\r\n========================================================= *\/\r\n\r\n.hero-features {\r\n\r\n    display: flex;\r\n\r\n    gap: 25px;\r\n\r\n    margin: 30px 0;\r\n}\r\n\r\n\r\n.feature-item {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    align-items: center;\r\n\r\n    text-align: center;\r\n\r\n    min-width: 72px;\r\n}\r\n\r\n\r\n.feature-icon {\r\n\r\n    width: 46px;\r\n\r\n    height: 46px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    margin-bottom: 8px;\r\n\r\n    border-radius: 13px;\r\n\r\n    background:\r\n        #EEF3FF;\r\n\r\n    color:\r\n        var(--blue);\r\n\r\n    border:\r\n        1px solid\r\n        #E1E7F7;\r\n\r\n    box-shadow:\r\n        0 9px 24px\r\n        rgba(36,87,255,.07);\r\n}\r\n\r\n\r\n.feature-icon svg {\r\n\r\n    width: 21px;\r\n\r\n    height: 21px;\r\n\r\n    fill: none;\r\n\r\n    stroke: currentColor;\r\n\r\n    stroke-width: 1.7;\r\n\r\n    stroke-linecap: round;\r\n\r\n    stroke-linejoin: round;\r\n}\r\n\r\n\r\n.feature-item strong {\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1.3;\r\n}\r\n\r\n\r\n.feature-item span {\r\n\r\n    display: block;\r\n\r\n    color:\r\n        #788198;\r\n\r\n    font-size: 12px;\r\n\r\n    margin-top: 2px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTONS\r\n========================================================= *\/\r\n\r\n.hero-buttons {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 13px;\r\n\r\n    margin-top: 28px;\r\n}\r\n\r\n\r\n.btn-primary,\r\n.btn-secondary {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 10px;\r\n\r\n    padding: 14px 22px;\r\n\r\n    border-radius: 9px;\r\n\r\n    text-decoration: none;\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 700;\r\n\r\n    transition: .3s ease;\r\n}\r\n\r\n\r\n.btn-primary {\r\n\r\n    color: #fff;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #2457FF,\r\n            #5278FF\r\n        );\r\n\r\n    box-shadow:\r\n        0 13px 28px\r\n        rgba(36,87,255,.23);\r\n}\r\n\r\n\r\n.btn-primary:hover {\r\n\r\n    color: #fff;\r\n\r\n    transform:\r\n        translateY(-3px);\r\n\r\n    box-shadow:\r\n        0 18px 35px\r\n        rgba(36,87,255,.30);\r\n}\r\n\r\n\r\n.btn-secondary {\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    background:\r\n        #fff;\r\n\r\n    border:\r\n        1px solid\r\n        var(--border);\r\n}\r\n\r\n\r\n.btn-secondary:hover {\r\n\r\n    color:\r\n        var(--blue);\r\n\r\n    border-color:\r\n        rgba(36,87,255,.30);\r\n\r\n    transform:\r\n        translateY(-3px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT VISUAL\r\n========================================================= *\/\r\n\r\n.matrimonial-visual {\r\n\r\n    position: relative;\r\n\r\n    height: 610px;\r\n\r\n    width: 100%;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    perspective: 1000px;\r\n}\r\n\r\n\r\n.visual-glow {\r\n\r\n    position: absolute;\r\n\r\n    width: 420px;\r\n\r\n    height: 420px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(36,87,255,.13),\r\n            rgba(36,87,255,.045) 45%,\r\n            transparent 70%\r\n        );\r\n\r\n    animation:\r\n        visualPulse\r\n        5s\r\n        ease-in-out\r\n        infinite;\r\n}\r\n\r\n\r\n@keyframes visualPulse {\r\n\r\n    0%,\r\n    100% {\r\n\r\n        transform:\r\n            scale(1);\r\n\r\n        opacity: .75;\r\n    }\r\n\r\n    50% {\r\n\r\n        transform:\r\n            scale(1.10);\r\n\r\n        opacity: 1;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CIRCLES\r\n========================================================= *\/\r\n\r\n.visual-circle {\r\n\r\n    position: absolute;\r\n\r\n    border-radius: 50%;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(36,87,255,.10);\r\n}\r\n\r\n\r\n.circle-1 {\r\n\r\n    width: 460px;\r\n\r\n    height: 460px;\r\n}\r\n\r\n\r\n.circle-2 {\r\n\r\n    width: 540px;\r\n\r\n    height: 540px;\r\n\r\n    border-style: dashed;\r\n\r\n    border-color:\r\n        rgba(36,87,255,.065);\r\n\r\n    animation:\r\n        rotateCircle\r\n        28s\r\n        linear\r\n        infinite;\r\n}\r\n\r\n\r\n.circle-3 {\r\n\r\n    width: 620px;\r\n\r\n    height: 620px;\r\n\r\n    border-color:\r\n        rgba(36,87,255,.045);\r\n\r\n    animation:\r\n        rotateCircle\r\n        35s\r\n        linear\r\n        infinite reverse;\r\n}\r\n\r\n\r\n@keyframes rotateCircle {\r\n\r\n    from {\r\n        transform:\r\n            rotate(0deg);\r\n    }\r\n\r\n    to {\r\n        transform:\r\n            rotate(360deg);\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROFILE CARDS\r\n========================================================= *\/\r\n\r\n.profile-card {\r\n\r\n    position: absolute;\r\n\r\n    width: 190px;\r\n\r\n    min-height: 295px;\r\n\r\n    overflow: visible;\r\n\r\n    border-radius: 18px;\r\n\r\n    background: #fff;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(36,87,255,.10);\r\n\r\n    box-shadow:\r\n        0 25px 55px\r\n        rgba(17,26,69,.14);\r\n\r\n    z-index: 15;\r\n\r\n    transition:\r\n        .45s\r\n        cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n\r\n.girl-card {\r\n\r\n    left: 2%;\r\n\r\n    top: 105px;\r\n\r\n    animation:\r\n        girlCardFloat\r\n        5s\r\n        ease-in-out\r\n        infinite;\r\n}\r\n\r\n\r\n.boy-card {\r\n\r\n    right: 2%;\r\n\r\n    top: 115px;\r\n\r\n    animation:\r\n        boyCardFloat\r\n        5s\r\n        1s\r\n        ease-in-out\r\n        infinite;\r\n}\r\n\r\n\r\n@keyframes girlCardFloat {\r\n\r\n    0%,\r\n    100% {\r\n\r\n        transform:\r\n            translateY(0)\r\n            rotate(-2deg);\r\n    }\r\n\r\n    50% {\r\n\r\n        transform:\r\n            translateY(-10px)\r\n            rotate(-1deg);\r\n    }\r\n}\r\n\r\n\r\n@keyframes boyCardFloat {\r\n\r\n    0%,\r\n    100% {\r\n\r\n        transform:\r\n            translateY(0)\r\n            rotate(2deg);\r\n    }\r\n\r\n    50% {\r\n\r\n        transform:\r\n            translateY(-11px)\r\n            rotate(1deg);\r\n    }\r\n}\r\n\r\n\r\n.profile-card:hover {\r\n\r\n    transform:\r\n        translateY(-8px)\r\n        scale(1.02);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROFILE PHOTO\r\n========================================================= *\/\r\n\r\n.profile-photo-wrapper {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    height: 190px;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius:\r\n        18px 18px 0 0;\r\n\r\n    background:\r\n        #E9EDF7;\r\n}\r\n\r\n\r\n.profile-photo {\r\n\r\n    width: 100%;\r\n\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    object-position: center top;\r\n\r\n    display: block;\r\n\r\n    transition:\r\n        transform\r\n        .8s\r\n        ease;\r\n}\r\n\r\n\r\n.profile-card:hover\r\n.profile-photo {\r\n\r\n    transform:\r\n        scale(1.05);\r\n}\r\n\r\n\r\n.photo-overlay {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to bottom,\r\n            transparent 55%,\r\n            rgba(17,26,69,.18)\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VERIFIED BADGE\r\n========================================================= *\/\r\n\r\n.verified-badge {\r\n\r\n    position: absolute;\r\n\r\n    left: 10px;\r\n\r\n    bottom: 10px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 5px;\r\n\r\n    padding: 5px 8px;\r\n\r\n    border-radius: 50px;\r\n\r\n    background:\r\n        rgba(255,255,255,.94);\r\n\r\n    color:\r\n        var(--blue);\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 700;\r\n\r\n    box-shadow:\r\n        0 5px 15px\r\n        rgba(17,26,69,.12);\r\n\r\n    backdrop-filter:\r\n        blur(8px);\r\n}\r\n\r\n\r\n.verified-badge svg {\r\n\r\n    width:12px;\r\n\r\n    height: 12px;\r\n\r\n    fill: none;\r\n\r\n    stroke: currentColor;\r\n\r\n    stroke-width: 2;\r\n\r\n    stroke-linecap: round;\r\n\r\n    stroke-linejoin: round;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROFILE INFO\r\n========================================================= *\/\r\n\r\n.profile-info {\r\n\r\n    padding:\r\n        12px 13px 14px;\r\n}\r\n\r\n\r\n.profile-name-row {\r\n\r\n    display: flex;\r\n\r\n    align-items: flex-start;\r\n\r\n    justify-content: space-between;\r\n\r\n    gap: 0px;\r\n}\r\n\r\n\r\n.profile-name-row h3 {\r\n\r\n    margin: 0;\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    font-size: 15px;\r\n}\r\n\r\n\r\n.profile-name-row span {\r\n\r\n    display: block;\r\n\r\n    color:\r\n        #8992A7;\r\n\r\n    font-size: 13px;\r\n\r\n    margin-top: 3px;\r\n}\r\n\r\n\r\n.profile-online {\r\n\r\n    display: flex !important;\r\n\r\n    align-items: center;\r\n\r\n    gap: 4px;\r\n\r\n    color:\r\n        #22A866 !important;\r\n\r\n    font-size: 10px !important;\r\n\r\n    margin-top: 2px !important;\r\n}\r\n\r\n\r\n.profile-online span {\r\n\r\n    width: 5px !important;\r\n\r\n    height: 5px !important;\r\n\r\n    padding: 0 !important;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        #22A866;\r\n\r\n    margin: 0 !important;\r\n}\r\n\r\n\r\n.profile-tags {\r\n\r\n    display: flex;\r\n\r\n    gap: 5px;\r\n\r\n    margin-top: 10px;\r\n}\r\n\r\n\r\n.profile-tags span {\r\n\r\n    padding:\r\n        4px 7px;\r\n\r\n    border-radius: 5px;\r\n\r\n    background:\r\n        #F1F4FC;\r\n\r\n    color:\r\n        #67728C;\r\n\r\n    font-size: 14px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CHAT BUBBLES\r\n========================================================= *\/\r\n\r\n.chat-bubble {\r\n\r\n    position: absolute;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 6px;\r\n\r\n    width: max-content;\r\n\r\n    max-width: 155px;\r\n\r\n    padding: 8px 10px;\r\n\r\n    border-radius: 11px;\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1.35;\r\n\r\n    font-weight: 600;\r\n\r\n    box-shadow:\r\n        0 12px 28px\r\n        rgba(17,26,69,.14);\r\n\r\n    opacity: 0;\r\n\r\n    pointer-events: none;\r\n\r\n    z-index: 50;\r\n}\r\n\r\n\r\n.message-avatar {\r\n\r\n    flex: 0 0 20px;\r\n\r\n    width: 20px;\r\n\r\n    height: 20px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    color: #fff;\r\n\r\n    background:\r\n        var(--blue);\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n\r\n.boy-avatar {\r\n\r\n    background:\r\n        var(--navy);\r\n}\r\n\r\n\r\n.girl-message {\r\n\r\n    right: -92px;\r\n\r\n    background: #fff;\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    border:\r\n        1px solid\r\n        rgba(36,87,255,.10);\r\n\r\n    border-bottom-left-radius: 4px;\r\n}\r\n\r\n\r\n.boy-message {\r\n\r\n    left: -100px;\r\n\r\n    background:\r\n        var(--blue);\r\n\r\n    color: #fff;\r\n\r\n    border-bottom-right-radius: 4px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CHAT ANIMATION\r\n========================================================= *\/\r\n\r\n.message-one {\r\n\r\n    top: 75px;\r\n\r\n    animation:\r\n        girlMessageOne\r\n        9s\r\n        ease-in-out\r\n        infinite;\r\n}\r\n\r\n\r\n.message-two {\r\n\r\n    top: 130px;\r\n\r\n    animation:\r\n        boyMessageOne\r\n        9s\r\n        ease-in-out\r\n        infinite;\r\n}\r\n\r\n\r\n.message-three {\r\n\r\n    top: 185px;\r\n\r\n    animation:\r\n        girlMessageTwo\r\n        9s\r\n        ease-in-out\r\n        infinite;\r\n}\r\n\r\n\r\n.message-four {\r\n\r\n    top: 235px;\r\n\r\n    animation:\r\n        boyMessageTwo\r\n        9s\r\n        ease-in-out\r\n        infinite;\r\n}\r\n\r\n\r\n@keyframes girlMessageOne {\r\n\r\n    0%,\r\n    5% {\r\n\r\n        opacity: 0;\r\n\r\n        transform:\r\n            translateX(-10px)\r\n            scale(.94);\r\n    }\r\n\r\n    10%,\r\n    22% {\r\n\r\n        opacity: 1;\r\n\r\n        transform:\r\n            translateX(0)\r\n            scale(1);\r\n    }\r\n\r\n    27%,\r\n    100% {\r\n\r\n        opacity: 0;\r\n\r\n        transform:\r\n            translateX(-10px)\r\n            scale(.94);\r\n    }\r\n}\r\n\r\n\r\n@keyframes boyMessageOne {\r\n\r\n    0%,\r\n    25% {\r\n\r\n        opacity: 0;\r\n\r\n        transform:\r\n            translateX(10px)\r\n            scale(.94);\r\n    }\r\n\r\n    30%,\r\n    42% {\r\n\r\n        opacity: 1;\r\n\r\n        transform:\r\n            translateX(0)\r\n            scale(1);\r\n    }\r\n\r\n    47%,\r\n    100% {\r\n\r\n        opacity: 0;\r\n\r\n        transform:\r\n            translateX(10px)\r\n            scale(.94);\r\n    }\r\n}\r\n\r\n\r\n@keyframes girlMessageTwo {\r\n\r\n    0%,\r\n    45% {\r\n\r\n        opacity: 0;\r\n\r\n        transform:\r\n            translateX(-10px)\r\n            scale(.94);\r\n    }\r\n\r\n    50%,\r\n    62% {\r\n\r\n        opacity: 1;\r\n\r\n        transform:\r\n            translateX(0)\r\n            scale(1);\r\n    }\r\n\r\n    67%,\r\n    100% {\r\n\r\n        opacity: 0;\r\n\r\n        transform:\r\n            translateX(-10px)\r\n            scale(.94);\r\n    }\r\n}\r\n\r\n\r\n@keyframes boyMessageTwo {\r\n\r\n    0%,\r\n    65% {\r\n\r\n        opacity: 0;\r\n\r\n        transform:\r\n            translateX(10px)\r\n            scale(.94);\r\n    }\r\n\r\n    70%,\r\n    82% {\r\n\r\n        opacity: 1;\r\n\r\n        transform:\r\n            translateX(0)\r\n            scale(1);\r\n    }\r\n\r\n    87%,\r\n    100% {\r\n\r\n        opacity: 0;\r\n\r\n        transform:\r\n            translateX(10px)\r\n            scale(.94);\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CENTER CONNECTION\r\n========================================================= *\/\r\n\r\n.connection-area {\r\n\r\n    position: absolute;\r\n\r\n    left: 50%;\r\n\r\n    top: 50%;\r\n\r\n    width: 260px;\r\n\r\n    height: 220px;\r\n\r\n    transform:\r\n        translate(-50%,-50%);\r\n\r\n    z-index: 10;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n.connection-line {\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n\r\n    top: 50%;\r\n\r\n    width: 100%;\r\n\r\n    height: 2px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            rgba(36,87,255,.25),\r\n            transparent\r\n        );\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n.connection-line::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: -50px;\r\n\r\n    top: 0;\r\n\r\n    width: 55px;\r\n\r\n    height: 2px;\r\n\r\n    background:\r\n        var(--blue);\r\n\r\n    box-shadow:\r\n        0 0 12px\r\n        rgba(36,87,255,.7);\r\n\r\n    animation:\r\n        lineTravel\r\n        2.2s\r\n        linear\r\n        infinite;\r\n}\r\n\r\n\r\n@keyframes lineTravel {\r\n\r\n    to {\r\n\r\n        left: 260px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MATCH CIRCLE\r\n========================================================= *\/\r\n\r\n.match-circle {\r\n\r\n    position: absolute;\r\n\r\n    left: 50%;\r\n\r\n    top: 50%;\r\n\r\n    width: 145px;\r\n\r\n    height: 145px;\r\n\r\n    transform:\r\n        translate(-50%,-50%);\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        rgba(255,255,255,.92);\r\n\r\n    border:\r\n        1px solid\r\n        rgba(36,87,255,.15);\r\n\r\n    box-shadow:\r\n        0 20px 55px\r\n        rgba(17,26,69,.15);\r\n\r\n    backdrop-filter:\r\n        blur(14px);\r\n\r\n    animation:\r\n        matchPulse\r\n        3s\r\n        ease-in-out\r\n        infinite;\r\n}\r\n\r\n\r\n.match-circle::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: -10px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(36,87,255,.16);\r\n\r\n    border-radius: 50%;\r\n\r\n    animation:\r\n        matchRing\r\n        3s\r\n        ease-out\r\n        infinite;\r\n}\r\n\r\n\r\n@keyframes matchRing {\r\n\r\n    0% {\r\n\r\n        transform:\r\n            scale(.90);\r\n\r\n        opacity: .7;\r\n    }\r\n\r\n    100% {\r\n\r\n        transform:\r\n            scale(1.18);\r\n\r\n        opacity: 0;\r\n    }\r\n}\r\n\r\n\r\n@keyframes matchPulse {\r\n\r\n    0%,\r\n    100% {\r\n\r\n        transform:\r\n            translate(-50%,-50%)\r\n            scale(1);\r\n    }\r\n\r\n    50% {\r\n\r\n        transform:\r\n            translate(-50%,-50%)\r\n            scale(1.05);\r\n    }\r\n}\r\n\r\n\r\n.match-inner {\r\n\r\n    text-align: center;\r\n}\r\n\r\n\r\n.match-small {\r\n\r\n    display: block;\r\n\r\n    color:\r\n        var(--blue);\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1px;\r\n\r\n    margin-bottom: 2px;\r\n}\r\n\r\n\r\n.match-inner strong {\r\n\r\n    display: block;\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    font-size: 39px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 900;\r\n\r\n    letter-spacing: -2px;\r\n}\r\n\r\n\r\n.match-text {\r\n\r\n    display: block;\r\n\r\n    color:\r\n        #747E95;\r\n\r\n    font-size: 12px;\r\n\r\n    margin-top: 4px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CENTER SMALL HEARTS\r\n========================================================= *\/\r\n\r\n.love-hearts {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 25;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n.love-heart {\r\n\r\n    position: absolute;\r\n\r\n    display: block;\r\n\r\n    color:\r\n        #E90B35;\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1;\r\n\r\n    opacity: 0;\r\n\r\n    filter:\r\n        drop-shadow(\r\n            0 4px 8px\r\n            rgba(233,11,53,.20)\r\n        );\r\n\r\n    animation:\r\n        heartPop\r\n        4.8s\r\n        ease-in-out\r\n        infinite;\r\n}\r\n\r\n\r\n\/* HEART 1 *\/\r\n\r\n.heart-a {\r\n\r\n    left: 46%;\r\n\r\n    top: 22%;\r\n\r\n    font-size: 15px;\r\n\r\n    animation-delay: 0s;\r\n}\r\n\r\n\r\n\/* HEART 2 *\/\r\n\r\n.heart-b {\r\n\r\n    left: 40%;\r\n\r\n    top: 49%;\r\n\r\n    font-size: 17px;\r\n\r\n    animation-delay: 1.1s;\r\n}\r\n\r\n\r\n\/* HEART 3 *\/\r\n\r\n.heart-c {\r\n\r\n    left: 57%;\r\n\r\n    top: 53%;\r\n\r\n    font-size: 12px;\r\n\r\n    animation-delay: 2.1s;\r\n}\r\n\r\n\r\n\/* HEART 4 *\/\r\n\r\n.heart-d {\r\n\r\n    left: 53%;\r\n\r\n    top: 32%;\r\n\r\n    font-size: 20px;\r\n\r\n    animation-delay: 2.8s;\r\n}\r\n\r\n\r\n\/* HEART 5 *\/\r\n\r\n.heart-e {\r\n\r\n    left: 48%;\r\n\r\n    top: 67%;\r\n\r\n    font-size: 16px;\r\n\r\n    animation-delay: 3.4s;\r\n}\r\n\r\n\r\n\/* HEART 6 *\/\r\n\r\n.heart-f {\r\n\r\n    left: 63%;\r\n\r\n    top: 42%;\r\n\r\n    font-size: 9px;\r\n\r\n    animation-delay: 4s;\r\n}\r\n\r\n\r\n\/* HEART POP *\/\r\n\r\n@keyframes heartPop {\r\n\r\n    0% {\r\n\r\n        opacity: 0;\r\n\r\n        transform:\r\n            translate3d(0,12px,0)\r\n            scale(.35)\r\n            rotate(-10deg);\r\n    }\r\n\r\n    12% {\r\n\r\n        opacity: .9;\r\n\r\n        transform:\r\n            translate3d(-3px,0,0)\r\n            scale(1)\r\n            rotate(0deg);\r\n    }\r\n\r\n    30% {\r\n\r\n        opacity: .85;\r\n\r\n        transform:\r\n            translate3d(5px,-18px,0)\r\n            scale(1.08)\r\n            rotate(8deg);\r\n    }\r\n\r\n    55% {\r\n\r\n        opacity: .65;\r\n\r\n        transform:\r\n            translate3d(-4px,-35px,0)\r\n            scale(.9)\r\n            rotate(-5deg);\r\n    }\r\n\r\n    78% {\r\n\r\n        opacity: .25;\r\n\r\n        transform:\r\n            translate3d(5px,-52px,0)\r\n            scale(.65)\r\n            rotate(8deg);\r\n    }\r\n\r\n    100% {\r\n\r\n        opacity: 0;\r\n\r\n        transform:\r\n            translate3d(-2px,-68px,0)\r\n            scale(.3)\r\n            rotate(-10deg);\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EXISTING CONNECTION HEARTS\r\n========================================================= *\/\r\n\r\n.connection-heart {\r\n\r\n    position: absolute;\r\n\r\n    color:\r\n        var(--pink);\r\n\r\n    font-size: 20px;\r\n\r\n    opacity: .65;\r\n\r\n    animation:\r\n        heartFloat\r\n        3.5s\r\n        ease-in-out\r\n        infinite;\r\n}\r\n\r\n\r\n.heart-1 {\r\n\r\n    left: 38px;\r\n\r\n    top: 70px;\r\n}\r\n\r\n\r\n.heart-2 {\r\n\r\n    right: 35px;\r\n\r\n    bottom: 70px;\r\n\r\n    animation-delay: 1.4s;\r\n}\r\n\r\n\r\n@keyframes heartFloat {\r\n\r\n    0%,\r\n    100% {\r\n\r\n        transform:\r\n            translateY(0)\r\n            scale(1);\r\n\r\n        opacity: .35;\r\n    }\r\n\r\n    50% {\r\n\r\n        transform:\r\n            translateY(-12px)\r\n            scale(1.15);\r\n\r\n        opacity: .8;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MATCH NOTIFICATION\r\n========================================================= *\/\r\n\r\n.match-notification {\r\n\r\n    position: absolute;\r\n\r\n    right: 2%;\r\n\r\n    bottom: 35px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 9px;\r\n\r\n    padding: 10px 12px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(233,11,53,.10);\r\n\r\n    border-radius: 13px;\r\n\r\n    background:\r\n        rgba(255,255,255,.95);\r\n\r\n    box-shadow:\r\n        0 18px 45px\r\n        rgba(17,26,69,.14);\r\n\r\n    backdrop-filter:\r\n        blur(14px);\r\n\r\n    z-index: 35;\r\n\r\n    animation:\r\n        notificationFloat\r\n        4s\r\n        ease-in-out\r\n        infinite;\r\n}\r\n\r\n\r\n.match-notification-icon {\r\n\r\n    width: 34px;\r\n\r\n    height: 34px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    border-radius: 10px;\r\n\r\n    color:\r\n        var(--pink);\r\n\r\n    background:\r\n        var(--pink-light);\r\n\r\n    font-size: 16px;\r\n\r\n    animation:\r\n        heartBeat\r\n        1.6s\r\n        ease-in-out\r\n        infinite;\r\n}\r\n\r\n\r\n@keyframes heartBeat {\r\n\r\n    0%,\r\n    100% {\r\n\r\n        transform:\r\n            scale(1);\r\n    }\r\n\r\n    15% {\r\n\r\n        transform:\r\n            scale(1.16);\r\n    }\r\n\r\n    30% {\r\n\r\n        transform:\r\n            scale(1);\r\n    }\r\n}\r\n\r\n\r\n.match-notification-text span {\r\n\r\n    display: block;\r\n\r\n    color:\r\n        var(--pink);\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .6px;\r\n}\r\n\r\n\r\n.match-notification-text strong {\r\n\r\n    display: block;\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    font-size: 12px;\r\n\r\n    margin-top: 2px;\r\n}\r\n\r\n\r\n.match-check {\r\n\r\n    width: 20px;\r\n\r\n    height: 20px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    color: #fff;\r\n\r\n    background:\r\n        #22A866;\r\n\r\n    font-size: 15px;\r\n}\r\n\r\n\r\n@keyframes notificationFloat {\r\n\r\n    0%,\r\n    100% {\r\n\r\n        transform:\r\n            translateY(0);\r\n    }\r\n\r\n    50% {\r\n\r\n        transform:\r\n            translateY(-8px);\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLOATING PILLS\r\n========================================================= *\/\r\n\r\n.floating-pill {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 30;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 6px;\r\n\r\n    padding: 8px 11px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(36,87,255,.09);\r\n\r\n    border-radius: 9px;\r\n\r\n    background:\r\n        rgba(255,255,255,.90);\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    font-size: 15;\r\n\r\n    font-weight: 700;\r\n\r\n    box-shadow:\r\n        0 12px 30px\r\n        rgba(17,26,69,.08);\r\n\r\n    backdrop-filter:\r\n        blur(12px);\r\n\r\n    animation:\r\n        pillFloat\r\n        5s\r\n        ease-in-out\r\n        infinite;\r\n}\r\n\r\n\r\n.pill-verified {\r\n\r\n    left: 3%;\r\n\r\n    bottom: 90px;\r\n}\r\n\r\n\r\n.pill-match {\r\n\r\n    right: 2%;\r\n\r\n    top: 30px;\r\n\r\n    animation-delay: 1.3s;\r\n}\r\n\r\n\r\n.pill-icon {\r\n\r\n    width: 18px;\r\n\r\n    height: 18px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    border-radius: 6px;\r\n\r\n    color:\r\n        var(--blue);\r\n\r\n    background:\r\n        #EEF3FF;\r\n}\r\n\r\n\r\n@keyframes pillFloat {\r\n\r\n    0%,\r\n    100% {\r\n\r\n        transform:\r\n            translateY(0);\r\n    }\r\n\r\n    50% {\r\n\r\n        transform:\r\n            translateY(-9px);\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLOATING HEARTS\r\n========================================================= *\/\r\n\r\n.floating-heart {\r\n\r\n    position: absolute;\r\n\r\n    color:\r\n        var(--pink);\r\n\r\n    opacity: .45;\r\n\r\n    font-size: 15px;\r\n\r\n    z-index: 5;\r\n\r\n    animation:\r\n        floatingHeart\r\n        5s\r\n        ease-in-out\r\n        infinite;\r\n}\r\n\r\n\r\n.floating-heart-1 {\r\n\r\n    left: 28%;\r\n\r\n    top: 15%;\r\n}\r\n\r\n\r\n.floating-heart-2 {\r\n\r\n    right: 25%;\r\n\r\n    top: 48%;\r\n\r\n    animation-delay: 1.4s;\r\n}\r\n\r\n\r\n.floating-heart-3 {\r\n\r\n    left: 47%;\r\n\r\n    bottom: 6%;\r\n\r\n    animation-delay: 2.7s;\r\n}\r\n\r\n\r\n@keyframes floatingHeart {\r\n\r\n    0%,\r\n    100% {\r\n\r\n        transform:\r\n            translateY(0)\r\n            rotate(-5deg);\r\n\r\n        opacity: .25;\r\n    }\r\n\r\n    50% {\r\n\r\n        transform:\r\n            translateY(-16px)\r\n            rotate(7deg);\r\n\r\n        opacity: .7;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1100px) {\r\n\r\n    .matrimonial-wrapper {\r\n\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n\r\n    .matrimonial-left {\r\n\r\n        text-align: center;\r\n\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n\r\n        align-items: center;\r\n    }\r\n\r\n\r\n    .hero-description {\r\n\r\n        max-width: 700px;\r\n    }\r\n\r\n\r\n    .matrimonial-visual {\r\n\r\n        margin-top: 20px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:700px) {\r\n\r\n    .matrimonial-hero {\r\n\r\n        padding:\r\n            60px 20px;\r\n    }\r\n\r\n\r\n    .matrimonial-left h1 {\r\n\r\n        font-size: 40px;\r\n\r\n        letter-spacing: -1.7px;\r\n    }\r\n\r\n\r\n    .hero-description {\r\n\r\n        font-size: 14px;\r\n    }\r\n\r\n\r\n    .hero-features {\r\n\r\n        flex-wrap: wrap;\r\n\r\n        justify-content: center;\r\n\r\n        gap: 12px;\r\n    }\r\n\r\n\r\n    .hero-buttons {\r\n\r\n        flex-direction: column;\r\n\r\n        width: 100%;\r\n    }\r\n\r\n\r\n    .btn-primary,\r\n    .btn-secondary {\r\n\r\n        width: 100%;\r\n\r\n        box-sizing: border-box;\r\n    }\r\n\r\n\r\n    .matrimonial-visual {\r\n\r\n        height: 520px;\r\n\r\n        width: 125%;\r\n\r\n        margin-left: -12.5%;\r\n\r\n        transform: scale(.78);\r\n    }\r\n\r\n\r\n    .circle-3 {\r\n\r\n        display: none;\r\n    }\r\n\r\n\r\n    .floating-pill {\r\n\r\n        display: none;\r\n    }\r\n\r\n\r\n    .match-notification {\r\n\r\n        right: 3%;\r\n    }\r\n\r\n\r\n    \/* Keep the red hearts subtle on mobile *\/\r\n\r\n    .love-heart {\r\n\r\n        transform-origin: center;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:430px) {\r\n\r\n    .matrimonial-left h1 {\r\n\r\n        font-size: 35px;\r\n    }\r\n\r\n\r\n    .matrimonial-visual {\r\n\r\n        transform: scale(.68);\r\n\r\n        width: 145%;\r\n\r\n        margin-left: -22.5%;\r\n\r\n        margin-top: -20px;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\r\n    \"DOMContentLoaded\",\r\n    function () {\r\n\r\n        const visual =\r\n            document.querySelector(\r\n                \".matrimonial-visual\"\r\n            );\r\n\r\n\r\n        if (!visual) {\r\n            return;\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           MOUSE PARALLAX\r\n        ================================================= *\/\r\n\r\n        visual.addEventListener(\r\n            \"mousemove\",\r\n            function (event) {\r\n\r\n                if (\r\n                    window.innerWidth <= 1100\r\n                ) {\r\n                    return;\r\n                }\r\n\r\n\r\n                const rect =\r\n                    visual.getBoundingClientRect();\r\n\r\n\r\n                const x =\r\n                    (\r\n                        event.clientX -\r\n                        rect.left\r\n                    ) \/\r\n                    rect.width -\r\n                    0.5;\r\n\r\n\r\n                const y =\r\n                    (\r\n                        event.clientY -\r\n                        rect.top\r\n                    ) \/\r\n                    rect.height -\r\n                    0.5;\r\n\r\n\r\n                const girl =\r\n                    visual.querySelector(\r\n                        \".girl-card\"\r\n                    );\r\n\r\n\r\n                const boy =\r\n                    visual.querySelector(\r\n                        \".boy-card\"\r\n                    );\r\n\r\n\r\n                const match =\r\n                    visual.querySelector(\r\n                        \".match-circle\"\r\n                    );\r\n\r\n\r\n                if (girl) {\r\n\r\n                    girl.style.marginLeft =\r\n                        (\r\n                            x * -8\r\n                        ) + \"px\";\r\n\r\n                    girl.style.marginTop =\r\n                        (\r\n                            y * 6\r\n                        ) + \"px\";\r\n                }\r\n\r\n\r\n                if (boy) {\r\n\r\n                    boy.style.marginLeft =\r\n                        (\r\n                            x * 8\r\n                        ) + \"px\";\r\n\r\n                    boy.style.marginTop =\r\n                        (\r\n                            y * 6\r\n                        ) + \"px\";\r\n                }\r\n\r\n\r\n                if (match) {\r\n\r\n                    match.style.marginLeft =\r\n                        (\r\n                            x * 5\r\n                        ) + \"px\";\r\n\r\n                    match.style.marginTop =\r\n                        (\r\n                            y * 4\r\n                        ) + \"px\";\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =================================================\r\n           RESET PARALLAX\r\n        ================================================= *\/\r\n\r\n        visual.addEventListener(\r\n            \"mouseleave\",\r\n            function () {\r\n\r\n                const elements =\r\n                    visual.querySelectorAll(\r\n                        \".girl-card, .boy-card, .match-circle\"\r\n                    );\r\n\r\n\r\n                elements.forEach(\r\n                    function (element) {\r\n\r\n                        element.style.marginLeft =\r\n                            \"0px\";\r\n\r\n                        element.style.marginTop =\r\n                            \"0px\";\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =================================================\r\n           PAUSE CHAT ON HOVER\r\n        ================================================= *\/\r\n\r\n        const cards =\r\n            visual.querySelectorAll(\r\n                \".profile-card\"\r\n            );\r\n\r\n\r\n        cards.forEach(\r\n            function (card) {\r\n\r\n                card.addEventListener(\r\n                    \"mouseenter\",\r\n                    function () {\r\n\r\n                        const bubbles =\r\n                            card.querySelectorAll(\r\n                                \".chat-bubble\"\r\n                            );\r\n\r\n\r\n                        bubbles.forEach(\r\n                            function (bubble) {\r\n\r\n                                bubble.style.animationPlayState =\r\n                                    \"paused\";\r\n\r\n                            }\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n\r\n                card.addEventListener(\r\n                    \"mouseleave\",\r\n                    function () {\r\n\r\n                        const bubbles =\r\n                            card.querySelectorAll(\r\n                                \".chat-bubble\"\r\n                            );\r\n\r\n\r\n                        bubbles.forEach(\r\n                            function (bubble) {\r\n\r\n                                bubble.style.animationPlayState =\r\n                                    \"running\";\r\n\r\n                            }\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n);\r\n\r\n<\/script>\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   MATRIMONIAL SECTION\r\n========================================= *\/\r\n\r\n.bmc-section-wrapper {\r\n    --bmc-font-primary: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n    --bmc-color-bg: #ffffff;\r\n    --bmc-color-text-main: #0f172a;\r\n    --bmc-color-text-muted: #64748b;\r\n    --bmc-color-accent-blue: #2563eb;\r\n    --bmc-color-accent-rose: #f43f5e;\r\n\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    font-family: var(--bmc-font-primary);\r\n    background: transparent;\r\n    padding: 20px 0 0px 0;\r\n}\r\n\r\n.bmc-section-wrapper *,\r\n.bmc-section-wrapper *::before,\r\n.bmc-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.bmc-matrimonial-card {\r\n    width: 100%;\r\n    max-width: 1300px;\r\n    margin: 0 auto;\r\n    background: var(--bmc-color-bg);\r\n    border-radius: 24px;\r\n    padding: 55px 50px 0px 50px;\r\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.03);\r\n    position: relative;\r\n    overflow: visible;\r\n}\r\n\r\n\/* =========================================\r\n   TWO COLUMN LAYOUT\r\n========================================= *\/\r\n\r\n.bmc-grid-layout {\r\n    display: grid;\r\n    grid-template-columns: 0.82fr 1.18fr;\r\n    gap: 35px;\r\n    align-items: flex-end;\r\n}\r\n\r\n\/* =========================================\r\n   LEFT VISUAL COLUMN\r\n========================================= *\/\r\n\r\n.bmc-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 Glow *\/\r\n.bmc-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(233, 213, 255, 0.88) 0%,\r\n        rgba(243, 232, 255, 0.55) 42%,\r\n        rgba(255, 255, 255, 0) 72%\r\n    );\r\n    border-radius: 50%;\r\n    z-index: 1;\r\n}\r\n\r\n\/* GIRL IMAGE - TOUCHES BORDER OF SECTION *\/\r\n.bmc-person-img {\r\n    position: relative;\r\n    z-index: 2;\r\n    height: 580px;\r\n    width: auto;\r\n    max-width: none;\r\n    object-fit: contain;\r\n    object-position: bottom center;\r\n    display: block;\r\n    align-self: flex-end;\r\n    filter: drop-shadow(0 18px 30px rgba(15, 23, 42, 0.10));\r\n    transform-origin: bottom center;\r\n    animation: bmcGirlFloat 5s ease-in-out infinite;\r\n}\r\n\r\n@keyframes bmcGirlFloat {\r\n    0%, 100% { transform: translateY(0); }\r\n    50% { transform: translateY(-5px); }\r\n}\r\n\r\n\/* SPEECH BUBBLE *\/\r\n.bmc-speech-bubble {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 5px;\r\n    width: 290px;\r\n    background: linear-gradient(135deg, #4566ee 0%, #3156dc 55%, #244bd0 100%);\r\n    color: #ffffff;\r\n    padding: 20px;\r\n    border-radius: 20px;\r\n    border-bottom-left-radius: 5px;\r\n    z-index: 5;\r\n    box-shadow: 0 20px 45px rgba(37, 99, 235, 0.30);\r\n    animation: bmcFloatBubble 4s ease-in-out infinite;\r\n}\r\n\r\n.bmc-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 #244bd0;\r\n}\r\n\r\n.bmc-question-icon {\r\n    width: 34px;\r\n    height: 34px;\r\n    background: #ffffff;\r\n    color: var(--bmc-color-accent-blue);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-weight: 800;\r\n    font-size: 17px;\r\n    margin-bottom: 10px;\r\n    box-shadow: 0 4px 12px rgba(0,0,0,0.08);\r\n}\r\n\r\n.bmc-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}\r\n\r\n.bmc-highlight-yellow {\r\n    color: #facc15;\r\n}\r\n\r\n.bmc-speech-divider {\r\n    height: 1px;\r\n    background: rgba(255,255,255,0.22);\r\n    margin: 10px 0;\r\n}\r\n\r\n.bmc-speech-bubble p {\r\n    font-size: 12px;\r\n    color: #e0e7ff;\r\n    line-height: 1.4;\r\n}\r\n\r\n.bmc-speech-bubble p strong {\r\n    color: #ffffff;\r\n}\r\n\r\n\/* HEARTS *\/\r\n.bmc-heart {\r\n    position: absolute;\r\n    color: #fb7185;\r\n    z-index: 4;\r\n    animation: bmcFloatHeart 3s ease-in-out infinite;\r\n}\r\n\r\n.bmc-heart-top { top: 30px; left: 120px; font-size: 20px; animation-delay: 0s; }\r\n.bmc-heart-bottom { bottom: 100px; left: 180px; font-size: 22px; animation-delay: 1.5s; }\r\n\r\n\/* DOT PATTERN *\/\r\n.bmc-dot-grid {\r\n    position: absolute;\r\n    width: 65px;\r\n    height: 65px;\r\n    background-image: radial-gradient(#cbd5e1 2px, transparent 2px);\r\n    background-size: 13px 13px;\r\n    z-index: 1;\r\n    opacity: .8;\r\n}\r\n\r\n.bmc-grid-top { top: 35px; left: 0; }\r\n.bmc-grid-bottom { bottom: 110px; right: 15px; }\r\n\r\n\/* =========================================\r\n   RIGHT CONTENT COLUMN\r\n========================================= *\/\r\n\r\n.bmc-content-wrapper {\r\n    position: relative;\r\n    z-index: 2;\r\n    padding-bottom: 55px;\r\n}\r\n\r\n.bmc-subheading {\r\n    color: var(--bmc-color-accent-blue);\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    letter-spacing: .7px;\r\n    text-transform: uppercase;\r\n    display: block;\r\n    margin-bottom: 13px;\r\n}\r\n\r\n.bmc-main-heading {\r\n    font-size: 34px;\r\n    font-weight: 800;\r\n    color: var(--bmc-color-text-main);\r\n    line-height: 1.25;\r\n    margin-bottom: 16px;\r\n    letter-spacing: -1px;\r\n}\r\n\r\n.bmc-heading-line {\r\n    width: 65px;\r\n    height: 3px;\r\n    background: var(--bmc-color-accent-rose);\r\n    border-radius: 2px;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n\/* =========================================\r\n   RIGHT SIDE - HORIZONTAL CARDS (3 IN 1 ROW)\r\n========================================= *\/\r\n\r\n.bmc-feature-list {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 15px;\r\n}\r\n\r\n.bmc-feature-card {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    gap: 12px;\r\n    padding: 18px 15px;\r\n    border-radius: 14px;\r\n    background: #f8fafc;\r\n    border: 1px solid #f1f5f9;\r\n    transition: all .3s cubic-bezier(.4,0,.2,1);\r\n    cursor: pointer;\r\n    height: 100%;\r\n}\r\n\r\n.bmc-feature-card:hover {\r\n    background: #ffffff;\r\n    box-shadow: 0 10px 25px rgba(0,0,0,.06);\r\n    transform: translateY(-4px);\r\n    border-color: #e2e8f0;\r\n}\r\n\r\n.bmc-icon-box {\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 12px;\r\n    background: #ffffff;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n    box-shadow: 0 4px 10px rgba(0,0,0,0.03);\r\n    transition: all .3s ease;\r\n}\r\n\r\n.bmc-feature-card:hover .bmc-icon-box {\r\n    background: #eff6ff;\r\n    transform: scale(1.05);\r\n}\r\n\r\n.bmc-icon-box svg {\r\n    width: 22px;\r\n    height: 22px;\r\n    stroke: var(--bmc-color-accent-blue);\r\n    transition: stroke .3s ease;\r\n}\r\n\r\n.bmc-feature-card:nth-child(2) .bmc-icon-box svg {\r\n    stroke: var(--bmc-color-accent-rose);\r\n}\r\n\r\n.bmc-feature-text h4 {\r\n    font-size: 14.5px;\r\n    font-weight: 700;\r\n    color: var(--bmc-color-text-main);\r\n    margin-bottom: 6px;\r\n    line-height: 1.3;\r\n}\r\n\r\n.bmc-feature-text p {\r\n    font-size: 12px;\r\n    color: var(--bmc-color-text-muted);\r\n    line-height: 1.5;\r\n}\r\n\r\n\/* Animations & Responsive *\/\r\n@keyframes bmcFloatBubble {\r\n    0%, 100% { transform: translateY(0); }\r\n    50% { transform: translateY(-9px); }\r\n}\r\n\r\n@keyframes bmcFloatHeart {\r\n    0%, 100% { transform: translateY(0) scale(1); opacity: .75; }\r\n    50% { transform: translateY(-9px) scale(1.15); opacity: 1; }\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n    .bmc-feature-list {\r\n        grid-template-columns: 1fr;\r\n    }\r\n    .bmc-grid-layout {\r\n        grid-template-columns: 1fr;\r\n        gap: 40px;\r\n    }\r\n    .bmc-person-img {\r\n        height: 440px;\r\n        margin-bottom: 0;\r\n    }\r\n    .bmc-matrimonial-card {\r\n        padding: 40px 24px;\r\n        overflow: hidden;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"bmc-section-wrapper\">\r\n    <div class=\"bmc-matrimonial-card\">\r\n        \r\n        <div class=\"bmc-grid-layout\">\r\n            \r\n            <!-- Left Visual Column -->\r\n            <div class=\"bmc-visual-wrapper\">\r\n                <div class=\"bmc-bg-shape\"><\/div>\r\n                \r\n                <span class=\"bmc-dot-grid bmc-grid-top\"><\/span>\r\n                <span class=\"bmc-dot-grid bmc-grid-bottom\"><\/span>\r\n\r\n                <span class=\"bmc-heart bmc-heart-top\">\u2665<\/span>\r\n                <span class=\"bmc-heart bmc-heart-bottom\">\u2665<\/span>\r\n\r\n                <div class=\"bmc-speech-bubble\">\r\n                    <div class=\"bmc-question-icon\">?<\/div>\r\n                    <h3>Confused about where to build your <span class=\"bmc-highlight-yellow\">Matrimonial Website or App?<\/span><\/h3>\r\n                    <div class=\"bmc-speech-divider\"><\/div>\r\n                    <p>Choose <strong>Brightcode<\/strong> \u2013 Your Trusted Development Partner!<\/p>\r\n                <\/div>\r\n\r\n                <img decoding=\"async\" src=\"https:\/\/brightcodess.com\/bengaluru\/wp-content\/uploads\/2026\/08\/ChatGPT_Image_Aug_24__2026__04_58_54_PM-removebg-preview.png\" alt=\"Matrimonial App Development Partner\" class=\"bmc-person-img\">\r\n            <\/div>\r\n\r\n            <!-- Right Content Column -->\r\n            <div class=\"bmc-content-wrapper\">\r\n                <span class=\"bmc-subheading\">WHY CHOOSE OUR MATRIMONIAL APP DEVELOPMENT SERVICES<\/span>\r\n                <h2 class=\"bmc-main-heading\">Matrimonial apps built for meaningful connections, not just profiles<\/h2>\r\n                <div class=\"bmc-heading-line\"><\/div>\r\n\r\n                <!-- 3 CARDS IN 1 ROW INSIDE RIGHT COLUMN -->\r\n                <div class=\"bmc-feature-list\">\r\n                    \r\n                    <div class=\"bmc-feature-card\">\r\n                        <div class=\"bmc-icon-box\">\r\n                            <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\r\n                                <path d=\"m9 12 2 2 4-4\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"bmc-feature-text\">\r\n                            <h4>Secure & Reliable<\/h4>\r\n                            <p>We build platforms with top-notch security and data privacy.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"bmc-feature-card\">\r\n                        <div class=\"bmc-icon-box\">\r\n                            <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/>\r\n                                <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\r\n                                <path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/>\r\n                                <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"bmc-feature-text\">\r\n                            <h4>End-to-End Dev<\/h4>\r\n                            <p>From user apps to admin panel and subscriptions under one roof.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"bmc-feature-card\">\r\n                        <div class=\"bmc-icon-box\">\r\n                            <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.71 1.26-1.5 1.5-2.5l2-2 1.5 1.5-1.5 1.5c1 1.5 3 2.5 5 2.5 2 0 4-1 5-2.5l-1.5-1.5 1.5-1.5c1-2 0-4-1.5-5L17 5s-3-2-5-1.5L10.5 5c-1 1-1.5 2.5-1.5 4.5l1.5 1.5-1.5 1.5-2.5-2.5-2 2z\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"bmc-feature-text\">\r\n                            <h4>Scalable Solutions<\/h4>\r\n                            <p>High-performance solutions that grow directly with your business.<\/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\">Everything a modern matrimonial app needs<\/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>Every build includes personalized matchmaking, secure profiles, communication, family-friendly experiences, and admin tools configured for modern matrimonial platforms.<\/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=\"matrimonial-features-section\">\r\n  <div class=\"features-container\">\r\n    \r\n    <div class=\"features-header\">\r\n      <\/div>\r\n\r\n    <div class=\"features-grid\">\r\n      \r\n      <div class=\"feature-card\">\r\n        <div class=\"icon-wrapper\">\ud83d\udc96<\/div>\r\n        <h3>Smart Matchmaking<\/h3>\r\n        <p>AI-driven algorithm to recommend highly compatible profiles based on user preferences.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"feature-card\">\r\n        <div class=\"icon-wrapper\">\ud83d\udee1\ufe0f<\/div>\r\n        <h3>Verified Profiles<\/h3>\r\n        <p>Built-in ID and photo verification system to ensure authenticity and build trust.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"feature-card\">\r\n        <div class=\"icon-wrapper\">\ud83d\udcac<\/div>\r\n        <h3>Secure Chat & Video<\/h3>\r\n        <p>End-to-end encrypted in-app messaging and seamless video calling.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"feature-card\">\r\n        <div class=\"icon-wrapper\">\ud83d\udd12<\/div>\r\n        <h3>Privacy Controls<\/h3>\r\n        <p>Advanced privacy settings to blur photos and restrict contact info visibility.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"feature-card\">\r\n        <div class=\"icon-wrapper\">\ud83d\udd0e<\/div>\r\n        <h3>Advanced Search Filters<\/h3>\r\n        <p>Filter matches by community, profession, location, education, and more.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"feature-card\">\r\n        <div class=\"icon-wrapper\">\u2728<\/div>\r\n        <h3>Kundali Matching<\/h3>\r\n        <p>Integrated astrological compatibility checks and detailed Guna Milan reports.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"feature-card\">\r\n        <div class=\"icon-wrapper\">\ud83d\udc8d<\/div>\r\n        <h3>Premium Memberships<\/h3>\r\n        <p>Tiered subscription plans for exclusive features and priority profile visibility.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"feature-card\">\r\n        <div class=\"icon-wrapper\">\ud83d\udcca<\/div>\r\n        <h3>Admin Dashboard<\/h3>\r\n        <p>Manage users, monitor subscriptions, and track revenue via a central portal.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  \/* Import Font *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap');\r\n\r\n  \/* Scoped Variables for easy WordPress integration *\/\r\n  .matrimonial-features-section {\r\n    --primary-blue: #2563eb;       \/* Modern Bluish Accent *\/\r\n    --primary-blue-hover: #1d4ed8; \r\n    --light-blue-bg: #eff6ff;      \/* Soft blue background for icons *\/\r\n    --text-dark: #0f172a;\r\n    --text-muted: #475569;\r\n    --card-bg: #ffffff;\r\n    --border-color: #e2e8f0;\r\n    \r\n    font-family: 'Inter', sans-serif;\r\n    color: var(--text-dark);\r\n    padding: 60px 20px; \/* Added general section padding *\/\r\n    background-color: #f8fafc; \/* Subtle background to make cards pop *\/\r\n  }\r\n\r\n  .matrimonial-features-section .features-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* Grid Layout *\/\r\n  .matrimonial-features-section .features-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 30px;\r\n  }\r\n\r\n  \/* Responsive Breakpoints *\/\r\n  @media (max-width: 1024px) {\r\n    .matrimonial-features-section .features-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 24px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .matrimonial-features-section .features-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 20px;\r\n    }\r\n  }\r\n\r\n  \/* Feature Card Styling *\/\r\n  .matrimonial-features-section .feature-card {\r\n    background-color: var(--card-bg);\r\n    border-radius: 16px;\r\n    padding: 32px 24px;\r\n    border: 1px solid var(--border-color);\r\n    border-top: 5px solid var(--border-color); \/* Initial top border *\/\r\n    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px -1px rgba(0, 0, 0, 0.02);\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n  }\r\n\r\n  .matrimonial-features-section .feature-card:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 12px 24px -5px rgba(37, 99, 235, 0.15); \/* Bluish shadow on hover *\/\r\n    border-top-color: var(--primary-blue);\r\n    border-color: var(--border-color);\r\n  }\r\n\r\n  \/* Icon Container *\/\r\n  .matrimonial-features-section .icon-wrapper {\r\n    background-color: var(--light-blue-bg);\r\n    color: var(--primary-blue);\r\n    width: 56px;\r\n    height: 56px;\r\n    border-radius: 14px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 24px;\r\n    margin-bottom: 24px;\r\n    transition: background-color 0.3s ease;\r\n  }\r\n\r\n  .matrimonial-features-section .feature-card:hover .icon-wrapper {\r\n    background-color: var(--primary-blue);\r\n    color: #ffffff;\r\n  }\r\n\r\n  \/* Card Typography *\/\r\n  .matrimonial-features-section .feature-card h3 {\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    color: var(--text-dark);\r\n    margin: 0 0 12px 0;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  .matrimonial-features-section .feature-card p {\r\n    font-size: 14px;\r\n    font-weight: 400;\r\n    color: var(--text-muted);\r\n    margin: 0;\r\n    line-height: 1.6;\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\">Local Advantage\n<\/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\">Built for meaningful connections that lead to lasting relationships<\/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\">Smart Matchmaking\n<\/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\">Intelligent matchmaking designed to connect compatible profiles based on preferences, interests, values, and relationship goals.\n<\/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; Trusted 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\">Privacy-focused profiles, secure communication, and verification features for a safer matrimonial experience.<\/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 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\">Responsive assistance, smooth profile management, and dependable support throughout your matchmaking 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=\"matrimony-tech-section\">\r\n  <div class=\"matrimony-container\">\r\n    \r\n    <!-- LEFT COLUMN: Heading & Highlights -->\r\n    <div class=\"matrimony-left\">\r\n      <div class=\"matrimony-tag\">\r\n        APP ARCHITECTURE <span class=\"tag-line\"><\/span><span class=\"tag-dot\"><\/span>\r\n      <\/div>\r\n      \r\n      <h4 class=\"matrimony-title\">\r\n        Technology Stack<br>Built for <span>Trust & Scale<\/span>\r\n      <\/h4>\r\n      \r\n      <p class=\"matrimony-description\">\r\n        We utilize highly secure, modern, and proven technologies to build premium matchmaking platforms that foster connections while ensuring user privacy and seamless interactions.\r\n      <\/p>\r\n\r\n      <!-- 4 Value Props -->\r\n      <div class=\"matrimony-props-grid\">\r\n        <div class=\"matrimony-prop-item\">\r\n          <div class=\"prop-icon\">\ud83d\udc9e<\/div>\r\n          <h4>Smart Match<\/h4>\r\n          <p>AI-driven algorithms<\/p>\r\n        <\/div>\r\n        <div class=\"matrimony-prop-item\">\r\n          <div class=\"prop-icon\">\ud83d\udee1\ufe0f<\/div>\r\n          <h4>Privacy First<\/h4>\r\n          <p>End-to-end encryption<\/p>\r\n        <\/div>\r\n        <div class=\"matrimony-prop-item\">\r\n          <div class=\"prop-icon\">\ud83d\udcc8<\/div>\r\n          <h4>Scalable<\/h4>\r\n          <p>Built to handle millions<\/p>\r\n        <\/div>\r\n        <div class=\"matrimony-prop-item\">\r\n          <div class=\"prop-icon\">\ud83d\udcac<\/div>\r\n          <h4>Real-time<\/h4>\r\n          <p>Instant chat & video<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Feature Pill -->\r\n      <div class=\"matrimony-architecture-pill\">\r\n        <div class=\"code-icon\">&lt;\/&gt;<\/div>\r\n        <div>\r\n          <strong>Robust architecture. Premium tech.<\/strong>\r\n          <p>Exceptional user experience for modern matchmaking.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- RIGHT COLUMN: Grid Cards + Center Floating Badge -->\r\n    <div class=\"matrimony-right\">\r\n      <div class=\"matrimony-cards-grid\">\r\n        \r\n        <!-- Mobile App Card -->\r\n        <div class=\"matrimony-card\">\r\n          <div class=\"card-header\">\r\n            <div class=\"card-icon\">\ud83d\udcf1<\/div>\r\n            <div>\r\n              <h3>MOBILE APP<\/h3>\r\n              <p>Cross-platform apps for highly engaging and intuitive user experiences.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"matrimony-tags\">\r\n            <div class=\"matrimony-tag-item\"><span class=\"tag-ico\">\ud83d\udc99<\/span> Flutter<\/div>\r\n            <div class=\"matrimony-tag-item\"><span class=\"tag-ico\">\u269b\ufe0f<\/span> React Native<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Backend & AI Card -->\r\n        <div class=\"matrimony-card\">\r\n          <div class=\"card-header\">\r\n            <div class=\"card-icon\">\ud83e\udde0<\/div>\r\n            <div>\r\n              <h3>BACKEND & AI<\/h3>\r\n              <p>Powerful core services handling secure profiles and smart matching.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"matrimony-tags\">\r\n            <div class=\"matrimony-tag-item\"><span class=\"tag-ico\">\ud83d\udfe2<\/span> Node.js \/ Python<\/div>\r\n            <div class=\"matrimony-tag-item\"><span class=\"tag-ico\">\ud83d\udc18<\/span> PostgreSQL<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Payments & Subscriptions Card -->\r\n        <div class=\"matrimony-card\">\r\n          <div class=\"card-header\">\r\n            <div class=\"card-icon\">\ud83d\udcb3<\/div>\r\n            <div>\r\n              <h3>SUBSCRIPTIONS<\/h3>\r\n              <p>Secure global payments and recurring subscription management.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"matrimony-tags\">\r\n            <div class=\"matrimony-tag-item\"><span class=\"tag-ico\">\ud83d\udd12<\/span> Stripe \/ Razorpay<\/div>\r\n            <div class=\"matrimony-tag-item\"><span class=\"tag-ico\">\ud83c\udf4f<\/span> In-App Purchases<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Communication Card -->\r\n        <div class=\"matrimony-card\">\r\n          <div class=\"card-header\">\r\n            <div class=\"card-icon\">\ud83c\udfa5<\/div>\r\n            <div>\r\n              <h3>COMMUNICATION<\/h3>\r\n              <p>Reliable real-time messaging, audio, and high-quality video calling.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"matrimony-tags\">\r\n            <div class=\"matrimony-tag-item\"><span class=\"tag-ico\">\u26a1<\/span> Socket.io<\/div>\r\n            <div class=\"matrimony-tag-item\"><span class=\"tag-ico\">\ud83c\udf10<\/span> WebRTC \/ Agora<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- CENTER VECTOR RINGS BADGE -->\r\n      <div class=\"matrimony-badge-wrapper\">\r\n        <div class=\"orbit-circle\">\r\n          <div class=\"orbit-dot dot-1\"><\/div>\r\n          <div class=\"orbit-dot dot-2\"><\/div>\r\n          <div class=\"orbit-dot dot-3\"><\/div>\r\n          <div class=\"orbit-dot dot-4\"><\/div>\r\n        <\/div>\r\n        <div class=\"badge-content\">\r\n          <!-- Vector Interlocking Rings & Heart SVG -->\r\n          <svg class=\"matrimony-svg\" viewBox=\"0 0 100 100\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <!-- Left Ring -->\r\n            <circle cx=\"40\" cy=\"50\" r=\"18\" stroke=\"#3b82f6\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\r\n            <!-- Right Ring -->\r\n            <circle cx=\"60\" cy=\"50\" r=\"18\" stroke=\"#1e3a8a\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\r\n            <!-- Inner Connection Heart -->\r\n            <path d=\"M50 56.5C50 56.5 45 52 45 48.5C45 46.567 46.567 45 48.5 45C49.345 45 50 45.655 50 45.655C50 45.655 50.655 45 51.5 45C53.433 45 55 46.567 55 48.5C55 52 50 56.5 50 56.5Z\" fill=\"#2563eb\"\/>\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=\"matrimony-stats-banner\">\r\n    <div class=\"banner-left\">\r\n      <div class=\"shield-icon\">\ud83d\udd12<\/div>\r\n      <span>A secure, future-ready stack designed to build trust and lasting connections.<\/span>\r\n    <\/div>\r\n    <div class=\"banner-stats\">\r\n      <div class=\"stat-item\">\r\n        <h4>100%<\/h4>\r\n        <p>Data Privacy<\/p>\r\n      <\/div>\r\n      <div class=\"stat-divider\"><\/div>\r\n      <div class=\"stat-item\">\r\n        <h4>AI<\/h4>\r\n        <p>Smart Matching<\/p>\r\n      <\/div>\r\n      <div class=\"stat-divider\"><\/div>\r\n      <div class=\"stat-item\">\r\n        <h4>24\/7<\/h4>\r\n        <p>Reliable Uptime<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  \/* Import a clean modern font *\/\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  .matrimony-tech-section {\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    padding: 60px 20px;\r\n    background-color: #fcfcfd;\r\n    color: #1e293b;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .matrimony-container {\r\n    max-width: 1240px;\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  .matrimony-tag {\r\n    color: #2563eb;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 1px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    margin-bottom: 16px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .matrimony-tag .tag-line {\r\n    width: 30px;\r\n    height: 2px;\r\n    background-color: #2563eb;\r\n    display: inline-block;\r\n  }\r\n\r\n  .matrimony-tag .tag-dot {\r\n    width: 4px;\r\n    height: 4px;\r\n    background-color: #2563eb;\r\n    border-radius: 50%;\r\n  }\r\n\r\n  .matrimony-title {\r\n    font-size: 42px;\r\n    font-weight: 800;\r\n    line-height: 1.2;\r\n    color: #0f172a;\r\n    margin: 0 0 20px 0;\r\n  }\r\n\r\n  .matrimony-title span { \r\n    color: #2563eb; \r\n  }\r\n\r\n  .matrimony-description {\r\n    font-size: 16px;\r\n    color: #475569;\r\n    line-height: 1.6;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .matrimony-props-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 15px;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .matrimony-prop-item {\r\n    background: #ffffff;\r\n    padding: 20px 12px;\r\n    border-radius: 16px;\r\n    text-align: center;\r\n    box-shadow: 0 4px 15px rgba(0,0,0,0.02);\r\n    border: 1px solid #e2e8f0;\r\n    transition: transform 0.3s ease, border-color 0.3s ease;\r\n  }\r\n\r\n  .matrimony-prop-item:hover { \r\n    transform: translateY(-5px);\r\n    border-color: #bfdbfe;\r\n  }\r\n\r\n  .matrimony-prop-item .prop-icon { \r\n    font-size: 24px; \r\n    margin-bottom: 12px; \r\n  }\r\n\r\n  .matrimony-prop-item h4 { \r\n    font-size: 14px; \r\n    font-weight: 700; \r\n    margin: 0 0 6px 0; \r\n    color: #1e293b;\r\n  }\r\n\r\n  .matrimony-prop-item p { \r\n    font-size: 12px; \r\n    color: #64748b; \r\n    margin: 0; \r\n    line-height: 1.4; \r\n  }\r\n\r\n  .matrimony-architecture-pill {\r\n    background: #eff6ff;\r\n    border: 1px solid #bfdbfe;\r\n    border-radius: 20px;\r\n    padding: 18px 24px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 18px;\r\n  }\r\n\r\n  .matrimony-architecture-pill .code-icon {\r\n    background: #1e3a8a;\r\n    color: #fff;\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 12px;\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  }\r\n\r\n  .matrimony-architecture-pill strong { \r\n    display: block; \r\n    font-size: 15px; \r\n    color: #1e3a8a; \r\n    margin-bottom: 2px;\r\n  }\r\n\r\n  .matrimony-architecture-pill p { \r\n    margin: 0; \r\n    font-size: 14px; \r\n    color: #3b82f6; \r\n  }\r\n\r\n  \/* RIGHT COLUMN & CARDS *\/\r\n  .matrimony-right {\r\n    position: relative;\r\n    background: #ffffff;\r\n    padding: 35px;\r\n    border-radius: 28px;\r\n    box-shadow: 0 25px 50px -12px rgba(37, 99, 235, 0.08);\r\n    border: 1px solid #e2e8f0;\r\n  }\r\n\r\n  .matrimony-cards-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 24px;\r\n  }\r\n\r\n  .matrimony-card {\r\n    background: #f8fafc;\r\n    border: 1px solid #f1f5f9;\r\n    border-radius: 20px;\r\n    padding: 24px;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .matrimony-card:hover {\r\n    background: #ffffff;\r\n    border-color: #bfdbfe;\r\n    box-shadow: 0 15px 30px rgba(37, 99, 235, 0.05);\r\n  }\r\n\r\n  .matrimony-card .card-header {\r\n    display: flex;\r\n    gap: 16px;\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .matrimony-card .card-icon {\r\n    background: #eff6ff;\r\n    color: #2563eb;\r\n    width: 42px;\r\n    height: 42px;\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 20px;\r\n    flex-shrink: 0;\r\n    border: 1px solid #dbeafe;\r\n  }\r\n\r\n  .matrimony-card .card-header h3 {\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    color: #1e3a8a;\r\n    margin: 0 0 6px 0;\r\n    letter-spacing: 0.5px;\r\n  }\r\n\r\n  .matrimony-card .card-header p {\r\n    font-size: 13px;\r\n    color: #64748b;\r\n    margin: 0;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .matrimony-tags {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n  }\r\n\r\n  .matrimony-tag-item {\r\n    background: #ffffff;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 12px;\r\n    padding: 10px 14px;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: #334155;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;\r\n  }\r\n\r\n  .matrimony-tag-item:hover {\r\n    transform: translateX(4px);\r\n    border-color: #3b82f6;\r\n    box-shadow: 0 4px 10px rgba(59, 130, 246, 0.1);\r\n  }\r\n\r\n  \/* VECTOR RINGS & ORBIT ANIMATION *\/\r\n  .matrimony-badge-wrapper {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 190px;\r\n    height: 190px;\r\n    pointer-events: none;\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  .matrimony-badge-wrapper .orbit-circle {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    border: 2px dashed #93c5fd;\r\n    border-radius: 50%;\r\n    animation: rotateOrbit 20s linear infinite;\r\n  }\r\n\r\n  .matrimony-badge-wrapper .orbit-dot {\r\n    position: absolute;\r\n    width: 12px;\r\n    height: 12px;\r\n    background-color: #2563eb;\r\n    border-radius: 50%;\r\n    box-shadow: 0 0 10px rgba(37, 99, 235, 0.5);\r\n  }\r\n\r\n  .matrimony-badge-wrapper .dot-1 { top: -6px; left: 50%; transform: translateX(-50%); }\r\n  .matrimony-badge-wrapper .dot-2 { bottom: -6px; left: 50%; transform: translateX(-50%); }\r\n  .matrimony-badge-wrapper .dot-3 { left: -6px; top: 50%; transform: translateY(-50%); }\r\n  .matrimony-badge-wrapper .dot-4 { right: -6px; top: 50%; transform: translateY(-50%); }\r\n\r\n  .matrimony-badge-wrapper .badge-content {\r\n    width: 140px;\r\n    height: 140px;\r\n    background: radial-gradient(circle, #ffffff 50%, #eff6ff 100%);\r\n    border-radius: 50%;\r\n    box-shadow: 0 15px 40px rgba(37, 99, 235, 0.25);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border: 6px solid #ffffff;\r\n    animation: floatBadge 4s ease-in-out infinite;\r\n  }\r\n\r\n  .matrimony-svg {\r\n    width: 80px;\r\n    height: auto;\r\n    filter: drop-shadow(0 4px 6px rgba(37, 99, 235, 0.15));\r\n  }\r\n\r\n  \/* STATS BANNER *\/\r\n  .matrimony-stats-banner {\r\n    max-width: 1100px;\r\n    margin: 60px auto 0 auto;\r\n    background: #ffffff;\r\n    border: 1px solid #e2e8f0;\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.04);\r\n  }\r\n\r\n  .matrimony-stats-banner .banner-left {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    color: #1e293b;\r\n  }\r\n\r\n  .matrimony-stats-banner .shield-icon {\r\n    background: #1e3a8a;\r\n    color: white;\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 18px;\r\n    box-shadow: 0 4px 10px rgba(30, 58, 138, 0.3);\r\n  }\r\n\r\n  .matrimony-stats-banner .banner-stats { \r\n    display: flex; \r\n    align-items: center; \r\n    gap: 30px; \r\n  }\r\n\r\n  .matrimony-stats-banner .stat-item { \r\n    text-align: center; \r\n  }\r\n\r\n  .matrimony-stats-banner .stat-item h4 { \r\n    font-size: 20px; \r\n    font-weight: 800; \r\n    color: #2563eb; \r\n    margin: 0 0 2px 0; \r\n  }\r\n\r\n  .matrimony-stats-banner .stat-item p { \r\n    font-size: 12px; \r\n    color: #64748b; \r\n    font-weight: 500;\r\n    margin: 0; \r\n  }\r\n\r\n  .matrimony-stats-banner .stat-divider { \r\n    width: 1px; \r\n    height: 35px; \r\n    background-color: #e2e8f0; \r\n  }\r\n\r\n  \/* KEYFRAMES *\/\r\n  @keyframes floatBadge {\r\n    0%, 100% { transform: translateY(0px); }\r\n    50% { transform: translateY(-10px); }\r\n  }\r\n\r\n  @keyframes rotateOrbit {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n  }\r\n\r\n  \/* WORDPRESS-FRIENDLY RESPONSIVE FIXES *\/\r\n  @media (max-width: 1024px) {\r\n    .matrimony-container { grid-template-columns: 1fr; gap: 40px; }\r\n    .matrimony-badge-wrapper { display: none; \/* Hide floating badge on tablet\/mobile to prevent overlap *\/ }\r\n    .matrimony-stats-banner { flex-direction: column; gap: 24px; border-radius: 24px; text-align: center; padding: 24px; }\r\n    .matrimony-stats-banner .banner-left { flex-direction: column; text-align: center; }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .matrimony-props-grid { grid-template-columns: repeat(2, 1fr); }\r\n    .matrimony-title { font-size: 32px; }\r\n    .matrimony-right { padding: 20px; }\r\n    .matrimony-cards-grid { grid-template-columns: 1fr; }\r\n  }\r\n  \r\n  @media (max-width: 480px) {\r\n    .matrimony-props-grid { grid-template-columns: 1fr; }\r\n    .matrimony-stats-banner .banner-stats { flex-direction: column; gap: 15px; }\r\n    .matrimony-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\">Our Process\n<\/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 successful matrimonial app 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=\"process-section\">\r\n  <div class=\"process-container\">\r\n    \r\n    <!-- Process Steps Grid -->\r\n    <div class=\"process-steps\">\r\n      <div class=\"connecting-line\"><\/div>\r\n      \r\n      <!-- Step 1 -->\r\n      <div class=\"step-item\" style=\"--delay: 0.1s;\">\r\n        <div class=\"number-circle\">01<\/div>\r\n        <h3 class=\"step-title\">Discovery & Scope<\/h3>\r\n        <p class=\"step-desc\">We map out your matchmaking criteria, target demographics, and privacy requirements.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Step 2 -->\r\n      <div class=\"step-item\" style=\"--delay: 0.2s;\">\r\n        <div class=\"number-circle\">02<\/div>\r\n        <h3 class=\"step-title\">UI\/UX Design<\/h3>\r\n        <p class=\"step-desc\">Elegant, trustworthy screens designed for seamless profile browsing and secure chatting.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Step 3 -->\r\n      <div class=\"step-item\" style=\"--delay: 0.3s;\">\r\n        <div class=\"number-circle\">03<\/div>\r\n        <h3 class=\"step-title\">App Development<\/h3>\r\n        <p class=\"step-desc\">Matching algorithms, user profiles, and admin moderation tools built in parallel sprints.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Step 4 -->\r\n      <div class=\"step-item\" style=\"--delay: 0.4s;\">\r\n        <div class=\"number-circle\">04<\/div>\r\n        <h3 class=\"step-title\">Security & QA<\/h3>\r\n        <p class=\"step-desc\">Rigorous testing for data privacy, chat encryption, and high user concurrency.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Step 5 -->\r\n      <div class=\"step-item\" style=\"--delay: 0.5s;\">\r\n        <div class=\"number-circle\">05<\/div>\r\n        <h3 class=\"step-title\">Launch & Support<\/h3>\r\n        <p class=\"step-desc\">App Store rollout, server scaling, and ongoing post-launch technical support.<\/p>\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=Inter:wght@400;500;600;700;800&display=swap'); \r\n \r\n  .process-section { \r\n    font-family: 'Inter', sans-serif; \r\n    padding: 40px 0px; \r\n    color: #0f172a; \r\n    overflow: hidden; \r\n  } \r\n \r\n  .process-container { \r\n    max-width: 1200px; \r\n    margin: 0 auto; \r\n    padding: 0 20px;\r\n  } \r\n \r\n  \/* Process Steps Layout *\/ \r\n  .process-steps { \r\n    position: relative; \r\n    display: grid; \r\n    grid-template-columns: repeat(5, 1fr); \r\n    gap: 20px; \r\n  } \r\n \r\n  \/* Dashed Connecting Line *\/ \r\n  .connecting-line { \r\n    position: absolute; \r\n    top: 25px; \r\n    left: 10%; \r\n    right: 10%; \r\n    height: 2px; \r\n    border-top: 2px dashed #cbd5e1; \r\n    z-index: 1; \r\n  } \r\n \r\n  \/* Step Item Styling *\/ \r\n  .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(25px); \r\n    animation: fadeInUp 0.6s ease forwards; \r\n    animation-delay: var(--delay); \r\n  } \r\n \r\n  \/* Circle with Border Animation *\/ \r\n  .number-circle { \r\n    width: 50px; \r\n    height: 50px; \r\n    background-color: #ffffff;\r\n    border: 2px solid #2563eb; \/* Trustworthy Blue *\/\r\n    border-radius: 50%; \r\n    display: flex; \r\n    align-items: center; \r\n    justify-content: center; \r\n    font-size: 15px; \r\n    font-weight: 700; \r\n    color: #2563eb; \r\n    margin-bottom: 24px; \r\n    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); \r\n    box-shadow: 0 0 0 6px #ffffff; \/* Prevents line overlap behind circle *\/ \r\n  } \r\n \r\n  .step-title { \r\n    font-size: 16px; \r\n    font-weight: 700; \r\n    color: #0f172a; \r\n    margin: 0 0 10px 0; \r\n  } \r\n \r\n  .step-desc { \r\n    font-size: 13.5px; \r\n    color: #64748b; \r\n    line-height: 1.5; \r\n    margin: 0; \r\n    max-width: 200px; \r\n  } \r\n \r\n  \/* Hover Effects *\/ \r\n  .step-item:hover .number-circle { \r\n    background-color: #2563eb; \r\n    color: #ffffff; \r\n    transform: scale(1.15); \r\n    box-shadow: 0 0 0 6px #ffffff, 0 8px 20px rgba(37, 99, 235, 0.3); \/* Blue shadow *\/\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: 992px) { \r\n    .process-steps { \r\n      grid-template-columns: repeat(2, 1fr); \r\n      gap: 40px; \r\n    } \r\n    .connecting-line { \r\n      display: none; \/* Hide dashed line on mobile\/tablet vertical stack *\/ \r\n    } \r\n  } \r\n \r\n  @media (max-width: 576px) { \r\n    .process-steps { \r\n      grid-template-columns: 1fr; \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.2 }); \r\n \r\n    document.querySelectorAll('.step-item').forEach(el => { \r\n      \/\/ Reset animation state for intersection observer\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 a matrimonial app 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 matrimonial 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>Most matrimonial apps can be launched in 6\u201310 weeks, depending on the features, integrations, and level of customization required.<\/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 advanced matchmaking? <\/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>Yes. The app can include preference-based matchmaking, compatibility filters, intelligent recommendations, and personalized profile suggestions.<\/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 users verify profiles and communicate securely? <\/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>Yes. Features such as profile verification, secure messaging, privacy controls, and user reporting can be integrated to create a trusted matchmaking experience.<\/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 post-launch support, maintenance, updates, bug fixes, and assistance with ongoing improvements.<\/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 matrimonial app?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\"}},{\"@type\":\"Question\",\"name\":\"Can the app support advanced matchmaking?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\"}},{\"@type\":\"Question\",\"name\":\"Can users verify profiles and communicate securely?\",\"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 matrimonial 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>Talk to our team about your matchmaking features, user requirements, and launch timeline.<\/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>MATRIMONIAL APP DEVELOPMENT Matrimonial App Development Company in Bangalore We build secure, scalable and feature-rich matrimonial applications that help people discover meaningful connections and build relationships that last. Secure &amp; Private Verified Profiles Smart Match Making Scalable Solution Get a Free Quote \u2192 Talk to Our Expert \u2197 Verified Priya 27 \u00b7 Bangalore Online Designer [&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-6154","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>Matrimonial App In Bangalore - 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\/matrimonial-app-in-bangalore\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Matrimonial App In Bangalore\" \/>\n<meta property=\"og:description\" content=\"MATRIMONIAL APP DEVELOPMENT Matrimonial App Development Company in Bangalore We build secure, scalable and feature-rich matrimonial applications that help people discover meaningful connections and build relationships that last. Secure &amp; Private Verified Profiles Smart Match Making Scalable Solution Get a Free Quote \u2192 Talk to Our Expert \u2197 Verified Priya 27 \u00b7 Bangalore Online Designer [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/brightcodess.com\/bengaluru\/matrimonial-app-in-bangalore\/\" \/>\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-08-25T06:45:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/brightcodess.com\/bengaluru\/wp-content\/uploads\/2026\/08\/ChatGPT_Image_Aug_24__2026__04_58_54_PM-removebg-preview.png\" \/>\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=\"25 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/matrimonial-app-in-bangalore\\\/\",\"url\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/matrimonial-app-in-bangalore\\\/\",\"name\":\"Matrimonial App In Bangalore - Brightcode Software Services\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/matrimonial-app-in-bangalore\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/matrimonial-app-in-bangalore\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/ChatGPT_Image_Aug_24__2026__04_58_54_PM-removebg-preview.png\",\"datePublished\":\"2026-08-24T09:39:48+00:00\",\"dateModified\":\"2026-08-25T06:45:07+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/matrimonial-app-in-bangalore\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/matrimonial-app-in-bangalore\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/matrimonial-app-in-bangalore\\\/#primaryimage\",\"url\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/ChatGPT_Image_Aug_24__2026__04_58_54_PM-removebg-preview.png\",\"contentUrl\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/ChatGPT_Image_Aug_24__2026__04_58_54_PM-removebg-preview.png\",\"width\":558,\"height\":447},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/matrimonial-app-in-bangalore\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Matrimonial App In Bangalore\"}]},{\"@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":"Matrimonial App In Bangalore - 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\/matrimonial-app-in-bangalore\/","og_locale":"en_US","og_type":"article","og_title":"Matrimonial App In Bangalore","og_description":"MATRIMONIAL APP DEVELOPMENT Matrimonial App Development Company in Bangalore We build secure, scalable and feature-rich matrimonial applications that help people discover meaningful connections and build relationships that last. Secure &amp; Private Verified Profiles Smart Match Making Scalable Solution Get a Free Quote \u2192 Talk to Our Expert \u2197 Verified Priya 27 \u00b7 Bangalore Online Designer [&hellip;]","og_url":"https:\/\/brightcodess.com\/bengaluru\/matrimonial-app-in-bangalore\/","og_site_name":"Brightcode Software Services","article_publisher":"https:\/\/www.facebook.com\/brightcodess\/","article_modified_time":"2026-08-25T06:45:07+00:00","og_image":[{"url":"https:\/\/brightcodess.com\/bengaluru\/wp-content\/uploads\/2026\/08\/ChatGPT_Image_Aug_24__2026__04_58_54_PM-removebg-preview.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@Brightcodebss","twitter_misc":{"Est. reading time":"25 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/brightcodess.com\/bengaluru\/matrimonial-app-in-bangalore\/","url":"https:\/\/brightcodess.com\/bengaluru\/matrimonial-app-in-bangalore\/","name":"Matrimonial App In Bangalore - Brightcode Software Services","isPartOf":{"@id":"https:\/\/brightcodess.com\/bengaluru\/#website"},"primaryImageOfPage":{"@id":"https:\/\/brightcodess.com\/bengaluru\/matrimonial-app-in-bangalore\/#primaryimage"},"image":{"@id":"https:\/\/brightcodess.com\/bengaluru\/matrimonial-app-in-bangalore\/#primaryimage"},"thumbnailUrl":"https:\/\/brightcodess.com\/bengaluru\/wp-content\/uploads\/2026\/08\/ChatGPT_Image_Aug_24__2026__04_58_54_PM-removebg-preview.png","datePublished":"2026-08-24T09:39:48+00:00","dateModified":"2026-08-25T06:45:07+00:00","breadcrumb":{"@id":"https:\/\/brightcodess.com\/bengaluru\/matrimonial-app-in-bangalore\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/brightcodess.com\/bengaluru\/matrimonial-app-in-bangalore\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/brightcodess.com\/bengaluru\/matrimonial-app-in-bangalore\/#primaryimage","url":"https:\/\/brightcodess.com\/bengaluru\/wp-content\/uploads\/2026\/08\/ChatGPT_Image_Aug_24__2026__04_58_54_PM-removebg-preview.png","contentUrl":"https:\/\/brightcodess.com\/bengaluru\/wp-content\/uploads\/2026\/08\/ChatGPT_Image_Aug_24__2026__04_58_54_PM-removebg-preview.png","width":558,"height":447},{"@type":"BreadcrumbList","@id":"https:\/\/brightcodess.com\/bengaluru\/matrimonial-app-in-bangalore\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/brightcodess.com\/bengaluru\/"},{"@type":"ListItem","position":2,"name":"Matrimonial App In Bangalore"}]},{"@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\/6154","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=6154"}],"version-history":[{"count":0,"href":"https:\/\/brightcodess.com\/bengaluru\/wp-json\/wp\/v2\/pages\/6154\/revisions"}],"wp:attachment":[{"href":"https:\/\/brightcodess.com\/bengaluru\/wp-json\/wp\/v2\/media?parent=6154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}