{"id":21,"date":"2026-03-25T06:21:17","date_gmt":"2026-03-25T06:21:17","guid":{"rendered":"https:\/\/viewanonymous.com\/?page_id=21"},"modified":"2026-04-01T06:06:30","modified_gmt":"2026-04-01T06:06:30","slug":"about","status":"publish","type":"page","link":"https:\/\/viewanonymous.com\/about\/","title":{"rendered":"About View Anonymous"},"content":{"rendered":"\n[et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; theme_builder_area=&#8221;post_content&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; theme_builder_area=&#8221;post_content&#8221; hover_enabled=&#8221;0&#8243; sticky_enabled=&#8221;0&#8243;] <style>\r\n        :root {\r\n            --va-about-primary: #6366F1;\r\n            --va-about-primary-dark: #4F46E5;\r\n            --va-about-primary-light: #818CF8;\r\n            --va-about-secondary: #EC4899;\r\n            --va-about-accent: #10B981;\r\n            --va-about-dark: #0F172A;\r\n            --va-about-dark-lighter: #1E293B;\r\n            --va-about-gray: #64748B;\r\n            --va-about-light-gray: #F1F5F9;\r\n            --va-about-white: #FFFFFF;\r\n            --va-about-gradient-1: linear-gradient(135deg, #6366F1 0%, #8c60ff 100%);\r\n            --va-about-gradient-2: linear-gradient(135deg, #6366F1 0%, #8c60ff 100%);\r\n            --va-about-gradient-hero: linear-gradient(135deg, #0F172A 0%, #1E293B 50%, #334155 100%);\r\n            --va-about-gradient-text: linear-gradient(135deg, #6366F1 0%, #8c60ff 100%);\r\n            --va-about-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);\r\n            --va-about-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);\r\n            --va-about-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);\r\n            --va-about-shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n            overflow-x: hidden;\r\n            background-color: var(--va-about-white);\r\n            color: var(--va-about-dark);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        h1, h2, h3, h4, h5, h6 {\r\n            font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;\r\n            font-weight: 700;\r\n            color: var(--va-about-dark);\r\n            line-height: 1.2;\r\n        }\r\n\r\n        \/* Hero Section *\/\r\n        .va-about-hero {\r\n            min-height: 100vh;\r\n            background: var(--va-about-gradient-hero);\r\n            position: relative;\r\n            overflow: hidden;\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n\r\n        .va-about-hero::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: \r\n                radial-gradient(circle at 20% 50%, rgba(99, 102, 241, 0.15) 0%, transparent 50%),\r\n                radial-gradient(circle at 80% 80%, rgba(236, 72, 153, 0.1) 0%, transparent 50%),\r\n                radial-gradient(circle at 40% 20%, rgba(16, 185, 129, 0.1) 0%, transparent 50%);\r\n            z-index: 1;\r\n        }\r\n\r\n        .va-about-hero-content {\r\n            position: relative;\r\n            z-index: 10;\r\n        }\r\n\r\n        .va-about-hero-breadcrumb {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 8px;\r\n            margin-bottom: 32px;\r\n            font-size: 16px;\r\n            color: rgba(255, 255, 255, 0.7);\r\n        }\r\n\r\n        .va-about-hero-breadcrumb a {\r\n            color: rgba(255, 255, 255, 0.7);\r\n            text-decoration: none;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .va-about-hero-breadcrumb a:hover {\r\n            color: var(--va-about-white);\r\n        }\r\n\r\n        .va-about-hero-breadcrumb i {\r\n            color: var(--va-about-primary);\r\n        }\r\n\r\n        .va-about-hero-title {\r\n            font-size: 72px;\r\n            font-weight: 800;\r\n            color: var(--va-about-white);\r\n            margin-bottom: 24px;\r\n            line-height: 1.1;\r\n            letter-spacing: -0.02em;\r\n        }\r\n\r\n        .va-about-hero-title .va-about-gradient-text {\r\n            background: var(--va-about-gradient-text);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n        }\r\n\r\n        .va-about-hero-subtitle {\r\n            font-size: 20px;\r\n            color: rgba(255, 255, 255, 0.8);\r\n            margin-bottom: 40px;\r\n            max-width: 700px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .va-about-hero-stats {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 60px;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        .va-about-hero-stat {\r\n            text-align: center;\r\n        }\r\n\r\n        .va-about-hero-stat-number {\r\n            font-size: 48px;\r\n            font-weight: 800;\r\n            color: var(--va-about-white);\r\n            margin-bottom: 8px;\r\n            font-family: 'Space Grotesk', sans-serif;\r\n        }\r\n\r\n        .va-about-hero-stat-label {\r\n            font-size: 16px;\r\n            color: rgba(255, 255, 255, 0.7);\r\n        }\r\n\r\n        \/* Section Styles *\/\r\n        .va-about-section {\r\n            padding: 120px 0;\r\n        }\r\n\r\n        .va-about-section-light {\r\n            background-color: var(--va-about-white);\r\n        }\r\n\r\n        .va-about-section-gray {\r\n            background-color: var(--va-about-light-gray);\r\n        }\r\n\r\n        .va-about-section-badge {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            background: rgba(99, 102, 241, 0.1);\r\n            border-radius: 100px;\r\n            padding: 8px 16px;\r\n            color: var(--va-about-primary);\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .va-about-section-title {\r\n            font-size: 48px;\r\n            font-weight: 700;\r\n            color: var(--va-about-dark);\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .va-about-section-text {\r\n            font-size: 18px;\r\n            color: var(--va-about-gray);\r\n            margin-bottom: 24px;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        \/* Story Section *\/\r\n        .va-about-story-image {\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            box-shadow: var(--va-about-shadow-xl);\r\n            height: 100%;\r\n        }\r\n\r\n        .va-about-story-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        \/* Mission & Vision Section *\/\r\n        .va-about-mv-card {\r\n            background: var(--va-about-white);\r\n            border-radius: 20px;\r\n            padding: 40px;\r\n            box-shadow: var(--va-about-shadow-lg);\r\n            height: 100%;\r\n            transition: all 0.3s ease;\r\n            border: 1px solid rgba(99, 102, 241, 0.1);\r\n        }\r\n\r\n        .va-about-mv-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: var(--va-about-shadow-xl);\r\n        }\r\n\r\n        .va-about-mv-icon {\r\n            width: 80px;\r\n            height: 80px;\r\n            background: var(--va-about-gradient-2);\r\n            border-radius: 16px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .va-about-mv-icon i {\r\n            font-size: 36px;\r\n            color: var(--va-about-white);\r\n        }\r\n\r\n        .va-about-mv-title {\r\n            font-size: 28px;\r\n            font-weight: 700;\r\n            color: var(--va-about-dark);\r\n            margin-bottom: 16px;\r\n        }\r\n\r\n        \/* Values Section *\/\r\n        .va-about-values-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n            gap: 30px;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        .va-about-value-card {\r\n            background: var(--va-about-white);\r\n            border-radius: 16px;\r\n            padding: 30px;\r\n            text-align: center;\r\n            transition: all 0.3s ease;\r\n            box-shadow: var(--va-about-shadow-md);\r\n        }\r\n\r\n        .va-about-value-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: var(--va-about-shadow-xl);\r\n        }\r\n\r\n        .va-about-value-icon {\r\n            width: 70px;\r\n            height: 70px;\r\n            background: var(--va-about-gradient-2);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 20px;\r\n        }\r\n\r\n        .va-about-value-icon i {\r\n            font-size: 32px;\r\n            color: var(--va-about-white);\r\n        }\r\n\r\n        .va-about-value-title {\r\n            font-size: 22px;\r\n            font-weight: 700;\r\n            color: var(--va-about-dark);\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .va-about-value-description {\r\n            font-size: 16px;\r\n            color: var(--va-about-gray);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Team Section *\/\r\n        .va-about-team-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n            gap: 30px;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        .va-about-team-card {\r\n            background: var(--va-about-white);\r\n            border-radius: 16px;\r\n            overflow: hidden;\r\n            transition: all 0.3s ease;\r\n            box-shadow: var(--va-about-shadow-md);\r\n        }\r\n\r\n        .va-about-team-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: var(--va-about-shadow-xl);\r\n        }\r\n\r\n        .va-about-team-image {\r\n            height: 280px;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .va-about-team-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.5s ease;\r\n        }\r\n\r\n        .va-about-team-card:hover .va-about-team-image img {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .va-about-team-content {\r\n            padding: 24px;\r\n            text-align: center;\r\n        }\r\n\r\n        .va-about-team-name {\r\n            font-size: 22px;\r\n            font-weight: 700;\r\n            color: var(--va-about-dark);\r\n            margin-bottom: 4px;\r\n        }\r\n\r\n        .va-about-team-position {\r\n            font-size: 16px;\r\n            color: var(--va-about-primary);\r\n            font-weight: 600;\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .va-about-team-bio {\r\n            font-size: 14px;\r\n            color: var(--va-about-gray);\r\n            margin-bottom: 16px;\r\n        }\r\n\r\n        .va-about-team-social {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 12px;\r\n        }\r\n\r\n        .va-about-team-social a {\r\n            width: 36px;\r\n            height: 36px;\r\n            background: rgba(99, 102, 241, 0.1);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--va-about-primary);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .va-about-team-social a:hover {\r\n            background: var(--va-about-gradient-2);\r\n            color: var(--va-about-white)!important;\r\n            transform: translateY(-3px);\r\n        }\r\n\r\n        \/* Timeline Section - FIXED *\/\r\n        .va-about-timeline {\r\n            position: relative;\r\n            padding: 60px 0;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .va-about-timeline::before {\r\n            content: '';\r\n            position: absolute;\r\n            left: 50%;\r\n            top: 0;\r\n            bottom: 0;\r\n            width: 3px;\r\n            background: linear-gradient(180deg, var(--va-about-primary) 0%, var(--va-about-secondary) 100%);\r\n            transform: translateX(-50%);\r\n            border-radius: 3px;\r\n        }\r\n\r\n        .va-about-timeline-item {\r\n            position: relative;\r\n            margin-bottom: 60px;\r\n            width: 100%;\r\n        }\r\n\r\n        .va-about-timeline-item:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .va-about-timeline-content {\r\n            width: calc(50% - 40px);\r\n            background: var(--va-about-white);\r\n            padding: 30px;\r\n            border-radius: 16px;\r\n            box-shadow: var(--va-about-shadow-lg);\r\n            position: relative;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .va-about-timeline-content:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: var(--va-about-shadow-xl);\r\n        }\r\n\r\n        .va-about-timeline-item:nth-child(odd) .va-about-timeline-content {\r\n            margin-left: auto;\r\n        }\r\n\r\n        .va-about-timeline-item:nth-child(even) .va-about-timeline-content {\r\n            margin-right: auto;\r\n        }\r\n\r\n        .va-about-timeline-dot {\r\n            position: absolute;\r\n            width: 24px;\r\n            height: 24px;\r\n            background: var(--va-about-gradient-2);\r\n            border-radius: 50%;\r\n            top: 30px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            z-index: 2;\r\n            box-shadow: 0 0 0 5px var(--va-about-white), 0 0 0 8px rgba(99, 102, 241, 0.2);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .va-about-timeline-item:hover .va-about-timeline-dot {\r\n            transform: translateX(-50%) scale(1.2);\r\n            box-shadow: 0 0 0 5px var(--va-about-white), 0 0 0 10px rgba(99, 102, 241, 0.3);\r\n        }\r\n\r\n        .va-about-timeline-year {\r\n            position: absolute;\r\n            top: 25px;\r\n            font-size: 28px;\r\n            font-weight: 800;\r\n            color: var(--va-about-primary);\r\n            font-family: 'Space Grotesk', sans-serif;\r\n            background: var(--va-about-white);\r\n            padding: 5px 15px;\r\n            border-radius: 30px;\r\n            box-shadow: var(--va-about-shadow-md);\r\n            white-space: nowrap;\r\n        }\r\n\r\n        .va-about-timeline-item:nth-child(odd) .va-about-timeline-year {\r\n            right: calc(50% + 50px);\r\n            text-align: right;\r\n        }\r\n\r\n        .va-about-timeline-item:nth-child(even) .va-about-timeline-year {\r\n            left: calc(50% + 50px);\r\n        }\r\n\r\n        .va-about-timeline-title {\r\n            font-size: 22px;\r\n            font-weight: 700;\r\n            color: var(--va-about-dark);\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .va-about-timeline-description {\r\n            font-size: 16px;\r\n            color: var(--va-about-gray);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* CTA Section *\/\r\n        .va-about-cta {\r\n            padding: 120px 0;\r\n            background: var(--va-about-gradient-2);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .va-about-cta::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1440 320\"><path fill=\"%23ffffff\" fill-opacity=\"0.05\" d=\"M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,154.7C960,171,1056,181,1152,165.3C1248,149,1344,107,1392,85.3L1440,64L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z\"><\/path><\/svg>') no-repeat bottom;\r\n            background-size: cover;\r\n        }\r\n\r\n        .va-about-cta-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            text-align: center;\r\n        }\r\n\r\n        .va-about-cta-title {\r\n            font-size: 48px;\r\n            font-weight: 800;\r\n            color: var(--va-about-white);\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .va-about-cta-subtitle {\r\n            font-size: 20px;\r\n            color: rgba(255, 255, 255, 0.9);\r\n            margin-bottom: 40px;\r\n            max-width: 600px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .va-about-cta-buttons {\r\n            display: flex;\r\n            gap: 16px;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .va-about-btn {\r\n            padding: 16px 32px;\r\n            border-radius: 12px;\r\n            font-weight: 600;\r\n            font-size: 16px;\r\n            text-decoration: none;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            transition: all 0.3s ease;\r\n            border: none;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .va-about-btn-primary {\r\n            background: var(--va-about-white);\r\n            color: var(--va-about-primary)!important;\r\n        }\r\n\r\n        .va-about-btn-primary:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: var(--va-about-shadow-lg);\r\n            color: var(--va-about-primary);\r\n        }\r\n\r\n        .va-about-btn-secondary {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(10px);\r\n            color: var(--va-about-white)!important;\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n        }\r\n\r\n        .va-about-btn-secondary:hover {\r\n            background: rgba(255, 255, 255, 0.15);\r\n            transform: translateY(-2px);\r\n            color: var(--va-about-white);\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 992px) {\r\n            .va-about-hero-title {\r\n                font-size: 56px;\r\n            }\r\n            \r\n            .va-about-section-title {\r\n                font-size: 40px;\r\n            }\r\n            \r\n            .va-about-hero-stats {\r\n                gap: 40px;\r\n            }\r\n            \r\n            \/* Timeline Responsive *\/\r\n            .va-about-timeline::before {\r\n                left: 30px;\r\n            }\r\n            \r\n            .va-about-timeline-content {\r\n                width: calc(100% - 80px);\r\n                margin-left: 80px !important;\r\n                margin-right: 0 !important;\r\n            }\r\n            \r\n            .va-about-timeline-dot {\r\n                left: 30px;\r\n            }\r\n            \r\n            .va-about-timeline-year {\r\n                position: relative;\r\n                top: auto;\r\n                left: auto !important;\r\n                right: auto !important;\r\n                margin-bottom: 15px;\r\n                display: inline-block;\r\n                font-size: 24px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .va-about-hero-title {\r\n                font-size: 42px;\r\n            }\r\n            \r\n            .va-about-section-title {\r\n                font-size: 32px;\r\n            }\r\n            \r\n            .va-about-cta-title {\r\n                font-size: 36px;\r\n            }\r\n            \r\n            .va-about-hero-stats {\r\n                flex-direction: column;\r\n                gap: 30px;\r\n            }\r\n            \r\n            .va-about-cta-buttons {\r\n                flex-direction: column;\r\n            }\r\n            \r\n            .va-about-btn {\r\n                width: 100%;\r\n                justify-content: center;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 576px) {\r\n            .va-about-hero-title {\r\n                font-size: 32px;\r\n            }\r\n            \r\n            .va-about-section-title {\r\n                font-size: 28px;\r\n            }\r\n            \r\n            .va-about-cta-title {\r\n                font-size: 28px;\r\n            }\r\n            \r\n            .va-about-section {\r\n                padding: 80px 0;\r\n            }\r\n        }\r\n\r\n            \/* Back to Top Button *\/\r\n            .anv-footer-back-to-top {\r\n                position: fixed;\r\n                bottom: 30px;\r\n                right: 30px;\r\n                width: 50px;\r\n                height: 50px;\r\n                background: linear-gradient(135deg, #6366F1 0%, #8c60ff 100%);\r\n                border: none;\r\n                border-radius: 50%;\r\n                color: #FFFFFF;\r\n                font-size: 24px;\r\n                cursor: pointer;\r\n                opacity: 0;\r\n                visibility: hidden;\r\n                transition: all 0.3s ease;\r\n                z-index: 1000;\r\n                box-shadow: 0 4px 15px rgba(99, 102, 241, 0.3);\r\n            }\r\n\r\n            .anv-footer-back-to-top.show {\r\n                opacity: 1;\r\n                visibility: visible;\r\n            }\r\n\r\n            .anv-footer-back-to-top:hover {\r\n                transform: translateY(-5px);\r\n                box-shadow: 0 8px 25px rgba(99, 102, 241, 0.4);\r\n            }\r\n    <\/style>\r\n\r\n  <body data-aos-easing=\"ease\" data-aos-duration=\"1000\" data-aos-delay=\"0\" data-new-gr-c-s-check-loaded=\"14.1271.0\" data-gr-ext-installed=\"\">\r\n\r\n<!-- Hero Section -->\r\n<section class=\"va-about-hero\">\r\n    <div class=\"container\">\r\n        <div class=\"row align-items-center min-vh-100\">\r\n            <div class=\"col-lg-12\">\r\n                <div class=\"va-about-hero-content text-center\">\r\n                    <div class=\"va-about-hero-breadcrumb\">\r\n                        <span><a href=\"\/\">Home<\/a><\/span>\r\n                        <i class=\"bx bx-chevron-right\"><\/i>\r\n                        <span>About Us<\/span>\r\n                    <\/div>\r\n                    <h1 class=\"va-about-hero-title\">\r\n                        About <span class=\"va-about-gradient-text\">ViewAnonymous<\/span>\r\n                    <\/h1>\r\n                    <p class=\"va-about-hero-subtitle\">\r\n                        Leading the charge for online privacy and security, ViewAnonymous has been at the forefront of digital privacy solutions since 2010.\r\n                    <\/p>\r\n                    <div class=\"va-about-hero-stats\">\r\n                        <div class=\"va-about-hero-stat\">\r\n                            <div class=\"va-about-hero-stat-number\">15+<\/div>\r\n                            <div class=\"va-about-hero-stat-label\">Years of Experience<\/div>\r\n                        <\/div>\r\n                        <div class=\"va-about-hero-stat\">\r\n                            <div class=\"va-about-hero-stat-number\">15000+<\/div>\r\n                            <div class=\"va-about-hero-stat-label\">Protected Clients<\/div>\r\n                        <\/div>\r\n                        <div class=\"va-about-hero-stat\">\r\n                            <div class=\"va-about-hero-stat-number\">4500+<\/div>\r\n                            <div class=\"va-about-hero-stat-label\">Privacy Tools Developed<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Our Story Section -->\r\n<section class=\"va-about-section va-about-section-light\">\r\n    <div class=\"container\">\r\n        <div class=\"row align-items-center\">\r\n            <div class=\"col-lg-6\" data-aos=\"fade-right\">\r\n                <div class=\"va-about-story-content\">\r\n                    <div class=\"va-about-section-badge\">Our Story<\/div>\r\n                    <h2 class=\"va-about-section-title\">Guardians of Your Digital Privacy<\/h2>\r\n                    <p class=\"va-about-section-text\">\r\n                        Founded in 2010, ViewAnonymous began as a privacy-driven initiative to provide businesses and individuals with tools to protect their personal data and online activities.\r\n                    <\/p>\r\n                    <p class=\"va-about-section-text\">\r\n                        What started as a small team of privacy advocates is now a global force dedicated to ensuring digital security and anonymity for thousands of clients worldwide. Our commitment to transparency and innovation has been the cornerstone of our journey.\r\n                    <\/p>\r\n                    <p class=\"va-about-section-text\">\r\n                        Today, we stand as a leader in privacy tools, committed to building a safer and more secure internet for everyone.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"col-lg-6\" data-aos=\"fade-left\">\r\n                <div class=\"va-about-story-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Guardians-of-Your-Digital-Privacy.jpg\" alt=\"Our Story\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Mission & Vision Section -->\r\n<section class=\"va-about-section va-about-section-gray\">\r\n    <div class=\"container\">\r\n        <div class=\"row\">\r\n            <div class=\"col-lg-6 mb-4\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"va-about-mv-card\">\r\n                    <div class=\"va-about-mv-icon\">\r\n                        <i class=\"bx bx-target-lock\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"va-about-mv-title\">Our Mission<\/h3>\r\n                    <p class=\"va-about-section-text\">\r\n                        Our mission is to empower individuals and businesses with advanced digital privacy solutions, providing them with the tools to browse securely and protect their personal data from prying eyes.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"col-lg-6 mb-4\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <div class=\"va-about-mv-card\">\r\n                    <div class=\"va-about-mv-icon\">\r\n                        <i class=\"bx bx-compass\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"va-about-mv-title\">Our Vision<\/h3>\r\n                    <p class=\"va-about-section-text\">\r\n                        To be the world's leading privacy solutions provider, setting new standards for secure and anonymous browsing, and making the digital world a safer place for everyone.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Our Values Section -->\r\n<section class=\"va-about-section va-about-section-light\">\r\n    <div class=\"container\">\r\n        <div class=\"text-center mb-5\">\r\n            <div class=\"va-about-section-badge d-inline-block\">Our Values<\/div>\r\n            <h2 class=\"va-about-section-title\">Core Principles That Define Us<\/h2>\r\n            <p class=\"va-about-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                Our values guide everything we do, from the way we protect our clients' privacy to how we innovate in the face of evolving digital threats.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"va-about-values-grid\">\r\n            <div class=\"va-about-value-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"va-about-value-icon\">\r\n                    <i class=\"bx bx-rocket\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-about-value-title\">Innovation<\/h3>\r\n                <p class=\"va-about-value-description\">\r\n                    We harness the latest technologies to build privacy solutions that go beyond the status quo, giving our clients a competitive edge in the digital landscape.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"va-about-value-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <div class=\"va-about-value-icon\">\r\n                    <i class=\"bxs-badge-check\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-about-value-title\">Integrity<\/h3>\r\n                <p class=\"va-about-value-description\">\r\n                    We uphold transparency and honesty in all our interactions, ensuring that our clients always trust us to protect their data and privacy.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"va-about-value-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <div class=\"va-about-value-icon\">\r\n                    <i class=\"bx bx-user-voice\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-about-value-title\">Client-Centric<\/h3>\r\n                <p class=\"va-about-value-description\">\r\n                    We are committed to understanding our clients' needs and tailoring our privacy solutions to meet their specific goals, ensuring long-term satisfaction.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"va-about-value-card\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                <div class=\"va-about-value-icon\">\r\n                    <i class=\"bx bx-group\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-about-value-title\">Collaboration<\/h3>\r\n                <p class=\"va-about-value-description\">\r\n                    We believe in the power of collaboration, both within our team and with our clients, to deliver optimal privacy solutions that yield the best results.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"va-about-value-card\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                <div class=\"va-about-value-icon\">\r\n                    <i class=\"bx bx-line-chart\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-about-value-title\">Excellence<\/h3>\r\n                <p class=\"va-about-value-description\">\r\n                    We strive for excellence in every project, continuously improving our skills, processes, and technologies to provide exceptional value.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"va-about-value-card\" data-aos=\"fade-up\" data-aos-delay=\"600\">\r\n                <div class=\"va-about-value-icon\">\r\n                    <i class=\"bx bx-refresh\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-about-value-title\">Adaptability<\/h3>\r\n                <p class=\"va-about-value-description\">\r\n                    In the ever-changing digital landscape, we stay agile, swiftly adapting to new technologies and challenges to maintain privacy and security for our clients.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Team Section -->\r\n<section class=\"va-about-section va-about-section-gray\"> \r\n    <div class=\"container\">\r\n        <div class=\"text-center mb-5\">\r\n            <div class=\"va-about-section-badge d-inline-block\">Our Team<\/div>\r\n            <h2 class=\"va-about-section-title\">Meet the Experts Who Protect Your Privacy<\/h2>\r\n            <p class=\"va-about-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                Our team of digital privacy experts is committed to developing the most advanced tools to ensure your online safety and security.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"va-about-team-grid\">\r\n            <div class=\"va-about-team-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"va-about-team-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Miguel-Rodriguez.png\" alt=\"Miguel Rodriguez\">\r\n                <\/div>\r\n                <div class=\"va-about-team-content\">\r\n                    <h3 class=\"va-about-team-name\">Robert Miller<\/h3>\r\n                    <div class=\"va-about-team-position\">CEO & Founder<\/div>\r\n                    <p class=\"va-about-team-bio\">\r\n                        With over 20 years in digital technology, Robert leads our team with a passion for innovation, privacy, and security.\r\n                    <\/p>\r\n                    <div class=\"va-about-team-social\">\r\n                        <a href=\"#\"><i class=\"bx bxl-linkedin\"><\/i><\/a>\r\n                        <a href=\"#\"><i class=\"bx bxl-twitter\"><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Additional Team Members -->\r\n\r\n            <div class=\"va-about-team-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <div class=\"va-about-team-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Emma-Wilson.png\" alt=\"Emma Wilson\">\r\n                <\/div>\r\n                <div class=\"va-about-team-content\">\r\n                    <h3 class=\"va-about-team-name\">Emily Jones<\/h3>\r\n                    <div class=\"va-about-team-position\">CTO<\/div>\r\n                    <p class=\"va-about-team-bio\">\r\n                        Emily brings deep technical expertise in cybersecurity, overseeing our platform\u2019s security architecture and cutting-edge privacy technologies.\r\n                    <\/p>\r\n                    <div class=\"va-about-team-social\">\r\n                        <a href=\"#\"><i class=\"bx bxl-linkedin\"><\/i><\/a>\r\n                        <a href=\"#\"><i class=\"bx bxl-twitter\"><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"va-about-team-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <div class=\"va-about-team-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Michael-Chen-1.png\" alt=\"Michael Chen\">\r\n                <\/div>\r\n                <div class=\"va-about-team-content\">\r\n                    <h3 class=\"va-about-team-name\">Alex Roberts<\/h3>\r\n                    <div class=\"va-about-team-position\">Head of Privacy Research<\/div>\r\n                    <p class=\"va-about-team-bio\">\r\n                        With a background in privacy law and data protection, Alex leads our research and development to keep our privacy tools compliant with global regulations.\r\n                    <\/p>\r\n                    <div class=\"va-about-team-social\">\r\n                        <a href=\"#\"><i class=\"bx bxl-linkedin\"><\/i><\/a>\r\n                        <a href=\"#\"><i class=\"bx bxl-twitter\"><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"va-about-team-card\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                <div class=\"va-about-team-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Sarah-Johnson-1.png\" alt=\"Sarah Johnson\">\r\n                <\/div>\r\n                <div class=\"va-about-team-content\">\r\n                    <h3 class=\"va-about-team-name\">Anthony Parker<\/h3>\r\n                    <div class=\"va-about-team-position\">Head of Client Relations<\/div>\r\n                    <p class=\"va-about-team-bio\">\r\n                        Sarah ensures that our clients are always satisfied with the privacy solutions we provide, offering expert support and advice to optimize their security.\r\n                    <\/p>\r\n                    <div class=\"va-about-team-social\">\r\n                        <a href=\"#\"><i class=\"bx bxl-linkedin\"><\/i><\/a>\r\n                        <a href=\"#\"><i class=\"bx bxl-twitter\"><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- CTA Section -->\r\n<section class=\"va-about-cta\">\r\n    <div class=\"container\">\r\n        <div class=\"va-about-cta-content\">\r\n            <h2 class=\"va-about-cta-title\" data-aos=\"fade-up\">Ready to Secure Your Digital Presence?<\/h2>\r\n            <p class=\"va-about-cta-subtitle\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                Join hundreds of businesses that have trusted us to protect their privacy. Let\u2019s work together to build a secure digital future.\r\n            <\/p>\r\n            <div class=\"va-about-cta-buttons\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <a href=\"\/contact\" class=\"va-about-btn va-about-btn-primary\">\r\n                    Get in Touch\r\n                    <i class=\"bx bx-arrow-right\"><\/i>\r\n                <\/a>\r\n                <a href=\"\/portfolio\" class=\"va-about-btn va-about-btn-secondary\">\r\n                    See Our Work\r\n                    <i class=\"bx bx-briefcase\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>    \r\n\r\n    <!-- Back to Top Button -->\r\n    <button class=\"anv-footer-back-to-top show\" id=\"backToTop\" aria-label=\"Back to top\">\r\n        <i class=\"bx bx-up-arrow-alt\"><\/i>\r\n    <\/button>\r\n\r\n        <!-- Scripts -->\r\n        <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\r\n        <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n\r\n        <script>\r\n            \/\/ Add scroll effect to header\r\n            window.addEventListener('scroll', function() {\r\n                const header = document.querySelector('.anv-header');\r\n                if (window.scrollY > 50) {\r\n                    header.classList.add('scrolled');\r\n                } else {\r\n                    header.classList.remove('scrolled');\r\n                }\r\n            });\r\n            \r\n            \/\/ Active navigation link based on current page\r\n            document.addEventListener('DOMContentLoaded', function() {\r\n                \/\/ Get current path\r\n                const currentPath = window.location.pathname;\r\n                \r\n                \/\/ Get all nav links\r\n                const navLinks = document.querySelectorAll('.anv-header-nav-link');\r\n                \r\n                \/\/ Set active link based on current path\r\n                navLinks.forEach(link => {\r\n                    const href = link.getAttribute('href');\r\n                    \r\n                    \/\/ Remove active class from all links\r\n                    link.classList.remove('active');\r\n                    \r\n                    \/\/ Add active class to current page link\r\n                    if (\r\n                        (href === '\/' && (currentPath === '\/' || currentPath === '')) ||\r\n                        (href !== '\/' && currentPath.startsWith(href))\r\n                    ) {\r\n                        link.classList.add('active');\r\n                    }\r\n                });\r\n                \r\n                \/\/ Enhanced dropdown functionality for both hover and click\r\n                const dropdowns = document.querySelectorAll('.anv-header-dropdown');\r\n                \r\n                dropdowns.forEach(dropdown => {\r\n                    const toggle = dropdown.querySelector('.anv-header-dropdown-toggle');\r\n                    const menu = dropdown.querySelector('.anv-header-dropdown-menu');\r\n                    \r\n                    \/\/ Handle click on mobile and desktop\r\n                    toggle.addEventListener('click', function(e) {\r\n                        \/\/ Prevent default only for dropdown toggle\r\n                        if (window.innerWidth <= 991) {\r\n                            e.preventDefault();\r\n                            \r\n                            const isShown = dropdown.classList.contains('show');\r\n                            \r\n                            \/\/ Close all other dropdowns\r\n                            dropdowns.forEach(otherDropdown => {\r\n                                if (otherDropdown !== dropdown) {\r\n                                    otherDropdown.classList.remove('show');\r\n                                }\r\n                            });\r\n                            \r\n                            \/\/ Toggle current dropdown\r\n                            if (!isShown) {\r\n                                dropdown.classList.add('show');\r\n                            } else {\r\n                                dropdown.classList.remove('show');\r\n                            }\r\n                        }\r\n                    });\r\n                    \r\n                    \/\/ Handle dropdown item clicks\r\n                    const dropdownItems = dropdown.querySelectorAll('.anv-header-dropdown-item');\r\n                    dropdownItems.forEach(item => {\r\n                        item.addEventListener('click', function() {\r\n                            \/\/ Close dropdown after clicking an item\r\n                            setTimeout(() => {\r\n                                dropdown.classList.remove('show');\r\n                            }, 100);\r\n                        });\r\n                    });\r\n                });\r\n                \r\n                \/\/ Close mobile menu when clicking a link\r\n                const mobileLinks = document.querySelectorAll('.anv-header-nav-link:not(.dropdown-toggle), .anv-header-dropdown-item, .anv-header-btn');\r\n                const navbarCollapse = document.querySelector('.anv-header-collapse');\r\n                \r\n                mobileLinks.forEach(link => {\r\n                    link.addEventListener('click', function() {\r\n                        if (window.innerWidth <= 991) {\r\n                            const bsCollapse = new bootstrap.Collapse(navbarCollapse, {\r\n                                toggle: false\r\n                            });\r\n                            bsCollapse.hide();\r\n                        }\r\n                    });\r\n                });\r\n                \r\n                \/\/ Close dropdowns when clicking outside\r\n                document.addEventListener('click', function(e) {\r\n                    if (!e.target.closest('.anv-header-dropdown')) {\r\n                        dropdowns.forEach(dropdown => {\r\n                            dropdown.classList.remove('show');\r\n                        });\r\n                    }\r\n                });\r\n                \r\n                \/\/ Handle window resize\r\n                window.addEventListener('resize', function() {\r\n                    if (window.innerWidth > 991) {\r\n                        \/\/ Close all dropdowns when switching to desktop view\r\n                        dropdowns.forEach(dropdown => {\r\n                            dropdown.classList.remove('show');\r\n                        });\r\n                    }\r\n                });\r\n            });\r\n            <\/script>\r\n        <script>\r\n\r\n            \/\/ Counter Animation\r\n            const counters = document.querySelectorAll('[data-count]');\r\n            const speed = 200;\r\n\r\n            const countUp = () => {\r\n                counters.forEach(counter => {\r\n                    const updateCount = () => {\r\n                        const target = +counter.getAttribute('data-count');\r\n                        const count = +counter.innerText;\r\n                        const inc = target \/ speed;\r\n\r\n                        if (count < target) {\r\n                            counter.innerText = Math.ceil(count + inc);\r\n                            setTimeout(updateCount, 1);\r\n                        } else {\r\n                            counter.innerText = target + '+';\r\n                        }\r\n                    };\r\n                    updateCount();\r\n                });\r\n            };\r\n\r\n            \/\/ Trigger counter animation when in viewport\r\n            const observerOptions = {\r\n                threshold: 0.5\r\n            };\r\n\r\n            const observer = new IntersectionObserver((entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        countUp();\r\n                        observer.disconnect();\r\n                    }\r\n                });\r\n            }, observerOptions);\r\n\r\n            const statsSection = document.querySelector('.va-home-stats');\r\n            if (statsSection) {\r\n                observer.observe(statsSection);\r\n            }\r\n\r\n            \/\/ Smooth Scrolling\r\n            document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n                anchor.addEventListener('click', function (e) {\r\n                    e.preventDefault();\r\n                    const target = document.querySelector(this.getAttribute('href'));\r\n                    if (target) {\r\n                        target.scrollIntoView({\r\n                            behavior: 'smooth',\r\n                            block: 'start'\r\n                        });\r\n                    }\r\n                });\r\n            });\r\n\r\n            \/\/ Form Submission\r\n            function handleSubmit(event) {\r\n                event.preventDefault();\r\n                const email = event.target.querySelector('input[type=\"email\"]').value;\r\n                \r\n                \/\/ Create success message\r\n                const successMsg = document.createElement('div');\r\n                successMsg.className = 'alert alert-success mt-3';\r\n                successMsg.style.background = 'rgba(16, 185, 129, 0.1)';\r\n                successMsg.style.color = '#10B981';\r\n                successMsg.style.border = '1px solid rgba(16, 185, 129, 0.2)';\r\n                successMsg.textContent = `Thank you! We'll contact you at ${email} soon.`;\r\n                successMsg.style.animation = 'fadeInUp 0.5s ease';\r\n                \r\n                \/\/ Insert message after form\r\n                event.target.appendChild(successMsg);\r\n                \r\n                \/\/ Reset form\r\n                event.target.reset();\r\n                \r\n                \/\/ Remove message after 5 seconds\r\n                setTimeout(() => {\r\n                    successMsg.remove();\r\n                }, 5000);\r\n            }\r\n\r\n            \/\/ FAQ Accordion\r\n            document.querySelectorAll('.va-home-faq-question').forEach(question => {\r\n                question.addEventListener('click', () => {\r\n                    const faqItem = question.parentElement;\r\n                    const isActive = faqItem.classList.contains('active');\r\n                    \r\n                    \/\/ Close all FAQ items\r\n                    document.querySelectorAll('.va-home-faq-item').forEach(item => {\r\n                        item.classList.remove('active');\r\n                    });\r\n                    \r\n                    \/\/ Toggle current item if it wasn't active\r\n                    if (!isActive) {\r\n                        faqItem.classList.add('active');\r\n                    }\r\n                });\r\n            });\r\n        <\/script>\r\n        <!-- footer -->\r\n        <script>\r\n            \/\/ Initialize AOS\r\n            AOS.init({\r\n                duration: 1000,\r\n                once: true,\r\n                offset: 100\r\n            });\r\n            \r\n            \/\/ Back to Top Button\r\n            const backToTopBtn = document.getElementById('backToTop');\r\n            \r\n            window.addEventListener('scroll', () => {\r\n                if (window.pageYOffset > 300) {\r\n                    backToTopBtn.classList.add('show');\r\n                } else {\r\n                    backToTopBtn.classList.remove('show');\r\n                }\r\n            });\r\n            \r\n            backToTopBtn.addEventListener('click', () => {\r\n                window.scrollTo({\r\n                    top: 0,\r\n                    behavior: 'smooth'\r\n                });\r\n            });\r\n            <\/script>[\/et_pb_fullwidth_code][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":" <style>\r\n        :root {\r\n            --va-about-primary: #6366F1;\r\n            --va-about-primary-dark: #4F46E5;\r\n            --va-about-primary-light: #818CF8;\r\n            --va-about-secondary: #EC4899;\r\n            --va-about-accent: #10B981;\r\n            --va-about-dark: #0F172A;\r\n            --va-about-dark-lighter: #1E293B;\r\n            --va-about-gray: #64748B;\r\n            --va-about-light-gray: #F1F5F9;\r\n            --va-about-white: #FFFFFF;\r\n            --va-about-gradient-1: linear-gradient(135deg, #6366F1 0%, #8c60ff 100%);\r\n            --va-about-gradient-2: linear-gradient(135deg, #6366F1 0%, #8c60ff 100%);\r\n            --va-about-gradient-hero: linear-gradient(135deg, #0F172A 0%, #1E293B 50%, #334155 100%);\r\n            --va-about-gradient-text: linear-gradient(135deg, #6366F1 0%, #8c60ff 100%);\r\n            --va-about-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);\r\n            --va-about-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);\r\n            --va-about-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);\r\n            --va-about-shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n            overflow-x: hidden;\r\n            background-color: var(--va-about-white);\r\n            color: var(--va-about-dark);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        h1, h2, h3, h4, h5, h6 {\r\n            font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;\r\n            font-weight: 700;\r\n            color: var(--va-about-dark);\r\n            line-height: 1.2;\r\n        }\r\n\r\n        \/* Hero Section *\/\r\n        .va-about-hero {\r\n            min-height: 100vh;\r\n            background: var(--va-about-gradient-hero);\r\n            position: relative;\r\n            overflow: hidden;\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n\r\n        .va-about-hero::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: \r\n                radial-gradient(circle at 20% 50%, rgba(99, 102, 241, 0.15) 0%, transparent 50%),\r\n                radial-gradient(circle at 80% 80%, rgba(236, 72, 153, 0.1) 0%, transparent 50%),\r\n                radial-gradient(circle at 40% 20%, rgba(16, 185, 129, 0.1) 0%, transparent 50%);\r\n            z-index: 1;\r\n        }\r\n\r\n        .va-about-hero-content {\r\n            position: relative;\r\n            z-index: 10;\r\n        }\r\n\r\n        .va-about-hero-breadcrumb {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 8px;\r\n            margin-bottom: 32px;\r\n            font-size: 16px;\r\n            color: rgba(255, 255, 255, 0.7);\r\n        }\r\n\r\n        .va-about-hero-breadcrumb a {\r\n            color: rgba(255, 255, 255, 0.7);\r\n            text-decoration: none;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .va-about-hero-breadcrumb a:hover {\r\n            color: var(--va-about-white);\r\n        }\r\n\r\n        .va-about-hero-breadcrumb i {\r\n            color: var(--va-about-primary);\r\n        }\r\n\r\n        .va-about-hero-title {\r\n            font-size: 72px;\r\n            font-weight: 800;\r\n            color: var(--va-about-white);\r\n            margin-bottom: 24px;\r\n            line-height: 1.1;\r\n            letter-spacing: -0.02em;\r\n        }\r\n\r\n        .va-about-hero-title .va-about-gradient-text {\r\n            background: var(--va-about-gradient-text);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n        }\r\n\r\n        .va-about-hero-subtitle {\r\n            font-size: 20px;\r\n            color: rgba(255, 255, 255, 0.8);\r\n            margin-bottom: 40px;\r\n            max-width: 700px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .va-about-hero-stats {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 60px;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        .va-about-hero-stat {\r\n            text-align: center;\r\n        }\r\n\r\n        .va-about-hero-stat-number {\r\n            font-size: 48px;\r\n            font-weight: 800;\r\n            color: var(--va-about-white);\r\n            margin-bottom: 8px;\r\n            font-family: 'Space Grotesk', sans-serif;\r\n        }\r\n\r\n        .va-about-hero-stat-label {\r\n            font-size: 16px;\r\n            color: rgba(255, 255, 255, 0.7);\r\n        }\r\n\r\n        \/* Section Styles *\/\r\n        .va-about-section {\r\n            padding: 120px 0;\r\n        }\r\n\r\n        .va-about-section-light {\r\n            background-color: var(--va-about-white);\r\n        }\r\n\r\n        .va-about-section-gray {\r\n            background-color: var(--va-about-light-gray);\r\n        }\r\n\r\n        .va-about-section-badge {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            background: rgba(99, 102, 241, 0.1);\r\n            border-radius: 100px;\r\n            padding: 8px 16px;\r\n            color: var(--va-about-primary);\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .va-about-section-title {\r\n            font-size: 48px;\r\n            font-weight: 700;\r\n            color: var(--va-about-dark);\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .va-about-section-text {\r\n            font-size: 18px;\r\n            color: var(--va-about-gray);\r\n            margin-bottom: 24px;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        \/* Story Section *\/\r\n        .va-about-story-image {\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            box-shadow: var(--va-about-shadow-xl);\r\n            height: 100%;\r\n        }\r\n\r\n        .va-about-story-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        \/* Mission & Vision Section *\/\r\n        .va-about-mv-card {\r\n            background: var(--va-about-white);\r\n            border-radius: 20px;\r\n            padding: 40px;\r\n            box-shadow: var(--va-about-shadow-lg);\r\n            height: 100%;\r\n            transition: all 0.3s ease;\r\n            border: 1px solid rgba(99, 102, 241, 0.1);\r\n        }\r\n\r\n        .va-about-mv-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: var(--va-about-shadow-xl);\r\n        }\r\n\r\n        .va-about-mv-icon {\r\n            width: 80px;\r\n            height: 80px;\r\n            background: var(--va-about-gradient-2);\r\n            border-radius: 16px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .va-about-mv-icon i {\r\n            font-size: 36px;\r\n            color: var(--va-about-white);\r\n        }\r\n\r\n        .va-about-mv-title {\r\n            font-size: 28px;\r\n            font-weight: 700;\r\n            color: var(--va-about-dark);\r\n            margin-bottom: 16px;\r\n        }\r\n\r\n        \/* Values Section *\/\r\n        .va-about-values-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n            gap: 30px;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        .va-about-value-card {\r\n            background: var(--va-about-white);\r\n            border-radius: 16px;\r\n            padding: 30px;\r\n            text-align: center;\r\n            transition: all 0.3s ease;\r\n            box-shadow: var(--va-about-shadow-md);\r\n        }\r\n\r\n        .va-about-value-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: var(--va-about-shadow-xl);\r\n        }\r\n\r\n        .va-about-value-icon {\r\n            width: 70px;\r\n            height: 70px;\r\n            background: var(--va-about-gradient-2);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 20px;\r\n        }\r\n\r\n        .va-about-value-icon i {\r\n            font-size: 32px;\r\n            color: var(--va-about-white);\r\n        }\r\n\r\n        .va-about-value-title {\r\n            font-size: 22px;\r\n            font-weight: 700;\r\n            color: var(--va-about-dark);\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .va-about-value-description {\r\n            font-size: 16px;\r\n            color: var(--va-about-gray);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Team Section *\/\r\n        .va-about-team-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n            gap: 30px;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        .va-about-team-card {\r\n            background: var(--va-about-white);\r\n            border-radius: 16px;\r\n            overflow: hidden;\r\n            transition: all 0.3s ease;\r\n            box-shadow: var(--va-about-shadow-md);\r\n        }\r\n\r\n        .va-about-team-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: var(--va-about-shadow-xl);\r\n        }\r\n\r\n        .va-about-team-image {\r\n            height: 280px;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .va-about-team-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.5s ease;\r\n        }\r\n\r\n        .va-about-team-card:hover .va-about-team-image img {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .va-about-team-content {\r\n            padding: 24px;\r\n            text-align: center;\r\n        }\r\n\r\n        .va-about-team-name {\r\n            font-size: 22px;\r\n            font-weight: 700;\r\n            color: var(--va-about-dark);\r\n            margin-bottom: 4px;\r\n        }\r\n\r\n        .va-about-team-position {\r\n            font-size: 16px;\r\n            color: var(--va-about-primary);\r\n            font-weight: 600;\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .va-about-team-bio {\r\n            font-size: 14px;\r\n            color: var(--va-about-gray);\r\n            margin-bottom: 16px;\r\n        }\r\n\r\n        .va-about-team-social {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 12px;\r\n        }\r\n\r\n        .va-about-team-social a {\r\n            width: 36px;\r\n            height: 36px;\r\n            background: rgba(99, 102, 241, 0.1);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--va-about-primary);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .va-about-team-social a:hover {\r\n            background: var(--va-about-gradient-2);\r\n            color: var(--va-about-white)!important;\r\n            transform: translateY(-3px);\r\n        }\r\n\r\n        \/* Timeline Section - FIXED *\/\r\n        .va-about-timeline {\r\n            position: relative;\r\n            padding: 60px 0;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .va-about-timeline::before {\r\n            content: '';\r\n            position: absolute;\r\n            left: 50%;\r\n            top: 0;\r\n            bottom: 0;\r\n            width: 3px;\r\n            background: linear-gradient(180deg, var(--va-about-primary) 0%, var(--va-about-secondary) 100%);\r\n            transform: translateX(-50%);\r\n            border-radius: 3px;\r\n        }\r\n\r\n        .va-about-timeline-item {\r\n            position: relative;\r\n            margin-bottom: 60px;\r\n            width: 100%;\r\n        }\r\n\r\n        .va-about-timeline-item:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .va-about-timeline-content {\r\n            width: calc(50% - 40px);\r\n            background: var(--va-about-white);\r\n            padding: 30px;\r\n            border-radius: 16px;\r\n            box-shadow: var(--va-about-shadow-lg);\r\n            position: relative;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .va-about-timeline-content:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: var(--va-about-shadow-xl);\r\n        }\r\n\r\n        .va-about-timeline-item:nth-child(odd) .va-about-timeline-content {\r\n            margin-left: auto;\r\n        }\r\n\r\n        .va-about-timeline-item:nth-child(even) .va-about-timeline-content {\r\n            margin-right: auto;\r\n        }\r\n\r\n        .va-about-timeline-dot {\r\n            position: absolute;\r\n            width: 24px;\r\n            height: 24px;\r\n            background: var(--va-about-gradient-2);\r\n            border-radius: 50%;\r\n            top: 30px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            z-index: 2;\r\n            box-shadow: 0 0 0 5px var(--va-about-white), 0 0 0 8px rgba(99, 102, 241, 0.2);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .va-about-timeline-item:hover .va-about-timeline-dot {\r\n            transform: translateX(-50%) scale(1.2);\r\n            box-shadow: 0 0 0 5px var(--va-about-white), 0 0 0 10px rgba(99, 102, 241, 0.3);\r\n        }\r\n\r\n        .va-about-timeline-year {\r\n            position: absolute;\r\n            top: 25px;\r\n            font-size: 28px;\r\n            font-weight: 800;\r\n            color: var(--va-about-primary);\r\n            font-family: 'Space Grotesk', sans-serif;\r\n            background: var(--va-about-white);\r\n            padding: 5px 15px;\r\n            border-radius: 30px;\r\n            box-shadow: var(--va-about-shadow-md);\r\n            white-space: nowrap;\r\n        }\r\n\r\n        .va-about-timeline-item:nth-child(odd) .va-about-timeline-year {\r\n            right: calc(50% + 50px);\r\n            text-align: right;\r\n        }\r\n\r\n        .va-about-timeline-item:nth-child(even) .va-about-timeline-year {\r\n            left: calc(50% + 50px);\r\n        }\r\n\r\n        .va-about-timeline-title {\r\n            font-size: 22px;\r\n            font-weight: 700;\r\n            color: var(--va-about-dark);\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .va-about-timeline-description {\r\n            font-size: 16px;\r\n            color: var(--va-about-gray);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* CTA Section *\/\r\n        .va-about-cta {\r\n            padding: 120px 0;\r\n            background: var(--va-about-gradient-2);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .va-about-cta::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1440 320\"><path fill=\"%23ffffff\" fill-opacity=\"0.05\" d=\"M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,154.7C960,171,1056,181,1152,165.3C1248,149,1344,107,1392,85.3L1440,64L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z\"><\/path><\/svg>') no-repeat bottom;\r\n            background-size: cover;\r\n        }\r\n\r\n        .va-about-cta-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            text-align: center;\r\n        }\r\n\r\n        .va-about-cta-title {\r\n            font-size: 48px;\r\n            font-weight: 800;\r\n            color: var(--va-about-white);\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .va-about-cta-subtitle {\r\n            font-size: 20px;\r\n            color: rgba(255, 255, 255, 0.9);\r\n            margin-bottom: 40px;\r\n            max-width: 600px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .va-about-cta-buttons {\r\n            display: flex;\r\n            gap: 16px;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .va-about-btn {\r\n            padding: 16px 32px;\r\n            border-radius: 12px;\r\n            font-weight: 600;\r\n            font-size: 16px;\r\n            text-decoration: none;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            transition: all 0.3s ease;\r\n            border: none;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .va-about-btn-primary {\r\n            background: var(--va-about-white);\r\n            color: var(--va-about-primary)!important;\r\n        }\r\n\r\n        .va-about-btn-primary:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: var(--va-about-shadow-lg);\r\n            color: var(--va-about-primary);\r\n        }\r\n\r\n        .va-about-btn-secondary {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(10px);\r\n            color: var(--va-about-white)!important;\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n        }\r\n\r\n        .va-about-btn-secondary:hover {\r\n            background: rgba(255, 255, 255, 0.15);\r\n            transform: translateY(-2px);\r\n            color: var(--va-about-white);\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 992px) {\r\n            .va-about-hero-title {\r\n                font-size: 56px;\r\n            }\r\n            \r\n            .va-about-section-title {\r\n                font-size: 40px;\r\n            }\r\n            \r\n            .va-about-hero-stats {\r\n                gap: 40px;\r\n            }\r\n            \r\n            \/* Timeline Responsive *\/\r\n            .va-about-timeline::before {\r\n                left: 30px;\r\n            }\r\n            \r\n            .va-about-timeline-content {\r\n                width: calc(100% - 80px);\r\n                margin-left: 80px !important;\r\n                margin-right: 0 !important;\r\n            }\r\n            \r\n            .va-about-timeline-dot {\r\n                left: 30px;\r\n            }\r\n            \r\n            .va-about-timeline-year {\r\n                position: relative;\r\n                top: auto;\r\n                left: auto !important;\r\n                right: auto !important;\r\n                margin-bottom: 15px;\r\n                display: inline-block;\r\n                font-size: 24px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .va-about-hero-title {\r\n                font-size: 42px;\r\n            }\r\n            \r\n            .va-about-section-title {\r\n                font-size: 32px;\r\n            }\r\n            \r\n            .va-about-cta-title {\r\n                font-size: 36px;\r\n            }\r\n            \r\n            .va-about-hero-stats {\r\n                flex-direction: column;\r\n                gap: 30px;\r\n            }\r\n            \r\n            .va-about-cta-buttons {\r\n                flex-direction: column;\r\n            }\r\n            \r\n            .va-about-btn {\r\n                width: 100%;\r\n                justify-content: center;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 576px) {\r\n            .va-about-hero-title {\r\n                font-size: 32px;\r\n            }\r\n            \r\n            .va-about-section-title {\r\n                font-size: 28px;\r\n            }\r\n            \r\n            .va-about-cta-title {\r\n                font-size: 28px;\r\n            }\r\n            \r\n            .va-about-section {\r\n                padding: 80px 0;\r\n            }\r\n        }\r\n\r\n            \/* Back to Top Button *\/\r\n            .anv-footer-back-to-top {\r\n                position: fixed;\r\n                bottom: 30px;\r\n                right: 30px;\r\n                width: 50px;\r\n                height: 50px;\r\n                background: linear-gradient(135deg, #6366F1 0%, #8c60ff 100%);\r\n                border: none;\r\n                border-radius: 50%;\r\n                color: #FFFFFF;\r\n                font-size: 24px;\r\n                cursor: pointer;\r\n                opacity: 0;\r\n                visibility: hidden;\r\n                transition: all 0.3s ease;\r\n                z-index: 1000;\r\n                box-shadow: 0 4px 15px rgba(99, 102, 241, 0.3);\r\n            }\r\n\r\n            .anv-footer-back-to-top.show {\r\n                opacity: 1;\r\n                visibility: visible;\r\n            }\r\n\r\n            .anv-footer-back-to-top:hover {\r\n                transform: translateY(-5px);\r\n                box-shadow: 0 8px 25px rgba(99, 102, 241, 0.4);\r\n            }\r\n    <\/style>\r\n\r\n  <body data-aos-easing=\"ease\" data-aos-duration=\"1000\" data-aos-delay=\"0\" data-new-gr-c-s-check-loaded=\"14.1271.0\" data-gr-ext-installed=\"\">\r\n\r\n<!-- Hero Section -->\r\n<section class=\"va-about-hero\">\r\n    <div class=\"container\">\r\n        <div class=\"row align-items-center min-vh-100\">\r\n            <div class=\"col-lg-12\">\r\n                <div class=\"va-about-hero-content text-center\">\r\n                    <div class=\"va-about-hero-breadcrumb\">\r\n                        <span><a href=\"\/\">Home<\/a><\/span>\r\n                        <i class=\"bx bx-chevron-right\"><\/i>\r\n                        <span>About Us<\/span>\r\n                    <\/div>\r\n                    <h1 class=\"va-about-hero-title\">\r\n                        About <span class=\"va-about-gradient-text\">ViewAnonymous<\/span>\r\n                    <\/h1>\r\n                    <p class=\"va-about-hero-subtitle\">\r\n                        Leading the charge for online privacy and security, ViewAnonymous has been at the forefront of digital privacy solutions since 2010.\r\n                    <\/p>\r\n                    <div class=\"va-about-hero-stats\">\r\n                        <div class=\"va-about-hero-stat\">\r\n                            <div class=\"va-about-hero-stat-number\">15+<\/div>\r\n                            <div class=\"va-about-hero-stat-label\">Years of Experience<\/div>\r\n                        <\/div>\r\n                        <div class=\"va-about-hero-stat\">\r\n                            <div class=\"va-about-hero-stat-number\">15000+<\/div>\r\n                            <div class=\"va-about-hero-stat-label\">Protected Clients<\/div>\r\n                        <\/div>\r\n                        <div class=\"va-about-hero-stat\">\r\n                            <div class=\"va-about-hero-stat-number\">4500+<\/div>\r\n                            <div class=\"va-about-hero-stat-label\">Privacy Tools Developed<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Our Story Section -->\r\n<section class=\"va-about-section va-about-section-light\">\r\n    <div class=\"container\">\r\n        <div class=\"row align-items-center\">\r\n            <div class=\"col-lg-6\" data-aos=\"fade-right\">\r\n                <div class=\"va-about-story-content\">\r\n                    <div class=\"va-about-section-badge\">Our Story<\/div>\r\n                    <h2 class=\"va-about-section-title\">Guardians of Your Digital Privacy<\/h2>\r\n                    <p class=\"va-about-section-text\">\r\n                        Founded in 2010, ViewAnonymous began as a privacy-driven initiative to provide businesses and individuals with tools to protect their personal data and online activities.\r\n                    <\/p>\r\n                    <p class=\"va-about-section-text\">\r\n                        What started as a small team of privacy advocates is now a global force dedicated to ensuring digital security and anonymity for thousands of clients worldwide. Our commitment to transparency and innovation has been the cornerstone of our journey.\r\n                    <\/p>\r\n                    <p class=\"va-about-section-text\">\r\n                        Today, we stand as a leader in privacy tools, committed to building a safer and more secure internet for everyone.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"col-lg-6\" data-aos=\"fade-left\">\r\n                <div class=\"va-about-story-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Guardians-of-Your-Digital-Privacy.jpg\" alt=\"Our Story\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Mission & Vision Section -->\r\n<section class=\"va-about-section va-about-section-gray\">\r\n    <div class=\"container\">\r\n        <div class=\"row\">\r\n            <div class=\"col-lg-6 mb-4\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"va-about-mv-card\">\r\n                    <div class=\"va-about-mv-icon\">\r\n                        <i class=\"bx bx-target-lock\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"va-about-mv-title\">Our Mission<\/h3>\r\n                    <p class=\"va-about-section-text\">\r\n                        Our mission is to empower individuals and businesses with advanced digital privacy solutions, providing them with the tools to browse securely and protect their personal data from prying eyes.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"col-lg-6 mb-4\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <div class=\"va-about-mv-card\">\r\n                    <div class=\"va-about-mv-icon\">\r\n                        <i class=\"bx bx-compass\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"va-about-mv-title\">Our Vision<\/h3>\r\n                    <p class=\"va-about-section-text\">\r\n                        To be the world's leading privacy solutions provider, setting new standards for secure and anonymous browsing, and making the digital world a safer place for everyone.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Our Values Section -->\r\n<section class=\"va-about-section va-about-section-light\">\r\n    <div class=\"container\">\r\n        <div class=\"text-center mb-5\">\r\n            <div class=\"va-about-section-badge d-inline-block\">Our Values<\/div>\r\n            <h2 class=\"va-about-section-title\">Core Principles That Define Us<\/h2>\r\n            <p class=\"va-about-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                Our values guide everything we do, from the way we protect our clients' privacy to how we innovate in the face of evolving digital threats.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"va-about-values-grid\">\r\n            <div class=\"va-about-value-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"va-about-value-icon\">\r\n                    <i class=\"bx bx-rocket\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-about-value-title\">Innovation<\/h3>\r\n                <p class=\"va-about-value-description\">\r\n                    We harness the latest technologies to build privacy solutions that go beyond the status quo, giving our clients a competitive edge in the digital landscape.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"va-about-value-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <div class=\"va-about-value-icon\">\r\n                    <i class=\"bxs-badge-check\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-about-value-title\">Integrity<\/h3>\r\n                <p class=\"va-about-value-description\">\r\n                    We uphold transparency and honesty in all our interactions, ensuring that our clients always trust us to protect their data and privacy.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"va-about-value-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <div class=\"va-about-value-icon\">\r\n                    <i class=\"bx bx-user-voice\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-about-value-title\">Client-Centric<\/h3>\r\n                <p class=\"va-about-value-description\">\r\n                    We are committed to understanding our clients' needs and tailoring our privacy solutions to meet their specific goals, ensuring long-term satisfaction.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"va-about-value-card\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                <div class=\"va-about-value-icon\">\r\n                    <i class=\"bx bx-group\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-about-value-title\">Collaboration<\/h3>\r\n                <p class=\"va-about-value-description\">\r\n                    We believe in the power of collaboration, both within our team and with our clients, to deliver optimal privacy solutions that yield the best results.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"va-about-value-card\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                <div class=\"va-about-value-icon\">\r\n                    <i class=\"bx bx-line-chart\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-about-value-title\">Excellence<\/h3>\r\n                <p class=\"va-about-value-description\">\r\n                    We strive for excellence in every project, continuously improving our skills, processes, and technologies to provide exceptional value.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"va-about-value-card\" data-aos=\"fade-up\" data-aos-delay=\"600\">\r\n                <div class=\"va-about-value-icon\">\r\n                    <i class=\"bx bx-refresh\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-about-value-title\">Adaptability<\/h3>\r\n                <p class=\"va-about-value-description\">\r\n                    In the ever-changing digital landscape, we stay agile, swiftly adapting to new technologies and challenges to maintain privacy and security for our clients.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Team Section -->\r\n<section class=\"va-about-section va-about-section-gray\"> \r\n    <div class=\"container\">\r\n        <div class=\"text-center mb-5\">\r\n            <div class=\"va-about-section-badge d-inline-block\">Our Team<\/div>\r\n            <h2 class=\"va-about-section-title\">Meet the Experts Who Protect Your Privacy<\/h2>\r\n            <p class=\"va-about-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                Our team of digital privacy experts is committed to developing the most advanced tools to ensure your online safety and security.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"va-about-team-grid\">\r\n            <div class=\"va-about-team-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"va-about-team-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Miguel-Rodriguez.png\" alt=\"Miguel Rodriguez\">\r\n                <\/div>\r\n                <div class=\"va-about-team-content\">\r\n                    <h3 class=\"va-about-team-name\">Robert Miller<\/h3>\r\n                    <div class=\"va-about-team-position\">CEO & Founder<\/div>\r\n                    <p class=\"va-about-team-bio\">\r\n                        With over 20 years in digital technology, Robert leads our team with a passion for innovation, privacy, and security.\r\n                    <\/p>\r\n                    <div class=\"va-about-team-social\">\r\n                        <a href=\"#\"><i class=\"bx bxl-linkedin\"><\/i><\/a>\r\n                        <a href=\"#\"><i class=\"bx bxl-twitter\"><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Additional Team Members -->\r\n\r\n            <div class=\"va-about-team-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <div class=\"va-about-team-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Emma-Wilson.png\" alt=\"Emma Wilson\">\r\n                <\/div>\r\n                <div class=\"va-about-team-content\">\r\n                    <h3 class=\"va-about-team-name\">Emily Jones<\/h3>\r\n                    <div class=\"va-about-team-position\">CTO<\/div>\r\n                    <p class=\"va-about-team-bio\">\r\n                        Emily brings deep technical expertise in cybersecurity, overseeing our platform\u2019s security architecture and cutting-edge privacy technologies.\r\n                    <\/p>\r\n                    <div class=\"va-about-team-social\">\r\n                        <a href=\"#\"><i class=\"bx bxl-linkedin\"><\/i><\/a>\r\n                        <a href=\"#\"><i class=\"bx bxl-twitter\"><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"va-about-team-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <div class=\"va-about-team-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Michael-Chen-1.png\" alt=\"Michael Chen\">\r\n                <\/div>\r\n                <div class=\"va-about-team-content\">\r\n                    <h3 class=\"va-about-team-name\">Alex Roberts<\/h3>\r\n                    <div class=\"va-about-team-position\">Head of Privacy Research<\/div>\r\n                    <p class=\"va-about-team-bio\">\r\n                        With a background in privacy law and data protection, Alex leads our research and development to keep our privacy tools compliant with global regulations.\r\n                    <\/p>\r\n                    <div class=\"va-about-team-social\">\r\n                        <a href=\"#\"><i class=\"bx bxl-linkedin\"><\/i><\/a>\r\n                        <a href=\"#\"><i class=\"bx bxl-twitter\"><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"va-about-team-card\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                <div class=\"va-about-team-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Sarah-Johnson-1.png\" alt=\"Sarah Johnson\">\r\n                <\/div>\r\n                <div class=\"va-about-team-content\">\r\n                    <h3 class=\"va-about-team-name\">Anthony Parker<\/h3>\r\n                    <div class=\"va-about-team-position\">Head of Client Relations<\/div>\r\n                    <p class=\"va-about-team-bio\">\r\n                        Sarah ensures that our clients are always satisfied with the privacy solutions we provide, offering expert support and advice to optimize their security.\r\n                    <\/p>\r\n                    <div class=\"va-about-team-social\">\r\n                        <a href=\"#\"><i class=\"bx bxl-linkedin\"><\/i><\/a>\r\n                        <a href=\"#\"><i class=\"bx bxl-twitter\"><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- CTA Section -->\r\n<section class=\"va-about-cta\">\r\n    <div class=\"container\">\r\n        <div class=\"va-about-cta-content\">\r\n            <h2 class=\"va-about-cta-title\" data-aos=\"fade-up\">Ready to Secure Your Digital Presence?<\/h2>\r\n            <p class=\"va-about-cta-subtitle\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                Join hundreds of businesses that have trusted us to protect their privacy. Let\u2019s work together to build a secure digital future.\r\n            <\/p>\r\n            <div class=\"va-about-cta-buttons\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <a href=\"\/contact\" class=\"va-about-btn va-about-btn-primary\">\r\n                    Get in Touch\r\n                    <i class=\"bx bx-arrow-right\"><\/i>\r\n                <\/a>\r\n                <a href=\"\/portfolio\" class=\"va-about-btn va-about-btn-secondary\">\r\n                    See Our Work\r\n                    <i class=\"bx bx-briefcase\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>    \r\n\r\n    <!-- Back to Top Button -->\r\n    <button class=\"anv-footer-back-to-top show\" id=\"backToTop\" aria-label=\"Back to top\">\r\n        <i class=\"bx bx-up-arrow-alt\"><\/i>\r\n    <\/button>\r\n\r\n        <!-- Scripts -->\r\n        <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\r\n        <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n\r\n        <script>\r\n            \/\/ Add scroll effect to header\r\n            window.addEventListener('scroll', function() {\r\n                const header = document.querySelector('.anv-header');\r\n                if (window.scrollY > 50) {\r\n                    header.classList.add('scrolled');\r\n                } else {\r\n                    header.classList.remove('scrolled');\r\n                }\r\n            });\r\n            \r\n            \/\/ Active navigation link based on current page\r\n            document.addEventListener('DOMContentLoaded', function() {\r\n                \/\/ Get current path\r\n                const currentPath = window.location.pathname;\r\n                \r\n                \/\/ Get all nav links\r\n                const navLinks = document.querySelectorAll('.anv-header-nav-link');\r\n                \r\n                \/\/ Set active link based on current path\r\n                navLinks.forEach(link => {\r\n                    const href = link.getAttribute('href');\r\n                    \r\n                    \/\/ Remove active class from all links\r\n                    link.classList.remove('active');\r\n                    \r\n                    \/\/ Add active class to current page link\r\n                    if (\r\n                        (href === '\/' && (currentPath === '\/' || currentPath === '')) ||\r\n                        (href !== '\/' && currentPath.startsWith(href))\r\n                    ) {\r\n                        link.classList.add('active');\r\n                    }\r\n                });\r\n                \r\n                \/\/ Enhanced dropdown functionality for both hover and click\r\n                const dropdowns = document.querySelectorAll('.anv-header-dropdown');\r\n                \r\n                dropdowns.forEach(dropdown => {\r\n                    const toggle = dropdown.querySelector('.anv-header-dropdown-toggle');\r\n                    const menu = dropdown.querySelector('.anv-header-dropdown-menu');\r\n                    \r\n                    \/\/ Handle click on mobile and desktop\r\n                    toggle.addEventListener('click', function(e) {\r\n                        \/\/ Prevent default only for dropdown toggle\r\n                        if (window.innerWidth <= 991) {\r\n                            e.preventDefault();\r\n                            \r\n                            const isShown = dropdown.classList.contains('show');\r\n                            \r\n                            \/\/ Close all other dropdowns\r\n                            dropdowns.forEach(otherDropdown => {\r\n                                if (otherDropdown !== dropdown) {\r\n                                    otherDropdown.classList.remove('show');\r\n                                }\r\n                            });\r\n                            \r\n                            \/\/ Toggle current dropdown\r\n                            if (!isShown) {\r\n                                dropdown.classList.add('show');\r\n                            } else {\r\n                                dropdown.classList.remove('show');\r\n                            }\r\n                        }\r\n                    });\r\n                    \r\n                    \/\/ Handle dropdown item clicks\r\n                    const dropdownItems = dropdown.querySelectorAll('.anv-header-dropdown-item');\r\n                    dropdownItems.forEach(item => {\r\n                        item.addEventListener('click', function() {\r\n                            \/\/ Close dropdown after clicking an item\r\n                            setTimeout(() => {\r\n                                dropdown.classList.remove('show');\r\n                            }, 100);\r\n                        });\r\n                    });\r\n                });\r\n                \r\n                \/\/ Close mobile menu when clicking a link\r\n                const mobileLinks = document.querySelectorAll('.anv-header-nav-link:not(.dropdown-toggle), .anv-header-dropdown-item, .anv-header-btn');\r\n                const navbarCollapse = document.querySelector('.anv-header-collapse');\r\n                \r\n                mobileLinks.forEach(link => {\r\n                    link.addEventListener('click', function() {\r\n                        if (window.innerWidth <= 991) {\r\n                            const bsCollapse = new bootstrap.Collapse(navbarCollapse, {\r\n                                toggle: false\r\n                            });\r\n                            bsCollapse.hide();\r\n                        }\r\n                    });\r\n                });\r\n                \r\n                \/\/ Close dropdowns when clicking outside\r\n                document.addEventListener('click', function(e) {\r\n                    if (!e.target.closest('.anv-header-dropdown')) {\r\n                        dropdowns.forEach(dropdown => {\r\n                            dropdown.classList.remove('show');\r\n                        });\r\n                    }\r\n                });\r\n                \r\n                \/\/ Handle window resize\r\n                window.addEventListener('resize', function() {\r\n                    if (window.innerWidth > 991) {\r\n                        \/\/ Close all dropdowns when switching to desktop view\r\n                        dropdowns.forEach(dropdown => {\r\n                            dropdown.classList.remove('show');\r\n                        });\r\n                    }\r\n                });\r\n            });\r\n            <\/script>\r\n        <script>\r\n\r\n            \/\/ Counter Animation\r\n            const counters = document.querySelectorAll('[data-count]');\r\n            const speed = 200;\r\n\r\n            const countUp = () => {\r\n                counters.forEach(counter => {\r\n                    const updateCount = () => {\r\n                        const target = +counter.getAttribute('data-count');\r\n                        const count = +counter.innerText;\r\n                        const inc = target \/ speed;\r\n\r\n                        if (count < target) {\r\n                            counter.innerText = Math.ceil(count + inc);\r\n                            setTimeout(updateCount, 1);\r\n                        } else {\r\n                            counter.innerText = target + '+';\r\n                        }\r\n                    };\r\n                    updateCount();\r\n                });\r\n            };\r\n\r\n            \/\/ Trigger counter animation when in viewport\r\n            const observerOptions = {\r\n                threshold: 0.5\r\n            };\r\n\r\n            const observer = new IntersectionObserver((entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        countUp();\r\n                        observer.disconnect();\r\n                    }\r\n                });\r\n            }, observerOptions);\r\n\r\n            const statsSection = document.querySelector('.va-home-stats');\r\n            if (statsSection) {\r\n                observer.observe(statsSection);\r\n            }\r\n\r\n            \/\/ Smooth Scrolling\r\n            document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n                anchor.addEventListener('click', function (e) {\r\n                    e.preventDefault();\r\n                    const target = document.querySelector(this.getAttribute('href'));\r\n                    if (target) {\r\n                        target.scrollIntoView({\r\n                            behavior: 'smooth',\r\n                            block: 'start'\r\n                        });\r\n                    }\r\n                });\r\n            });\r\n\r\n            \/\/ Form Submission\r\n            function handleSubmit(event) {\r\n                event.preventDefault();\r\n                const email = event.target.querySelector('input[type=\"email\"]').value;\r\n                \r\n                \/\/ Create success message\r\n                const successMsg = document.createElement('div');\r\n                successMsg.className = 'alert alert-success mt-3';\r\n                successMsg.style.background = 'rgba(16, 185, 129, 0.1)';\r\n                successMsg.style.color = '#10B981';\r\n                successMsg.style.border = '1px solid rgba(16, 185, 129, 0.2)';\r\n                successMsg.textContent = `Thank you! We'll contact you at ${email} soon.`;\r\n                successMsg.style.animation = 'fadeInUp 0.5s ease';\r\n                \r\n                \/\/ Insert message after form\r\n                event.target.appendChild(successMsg);\r\n                \r\n                \/\/ Reset form\r\n                event.target.reset();\r\n                \r\n                \/\/ Remove message after 5 seconds\r\n                setTimeout(() => {\r\n                    successMsg.remove();\r\n                }, 5000);\r\n            }\r\n\r\n            \/\/ FAQ Accordion\r\n            document.querySelectorAll('.va-home-faq-question').forEach(question => {\r\n                question.addEventListener('click', () => {\r\n                    const faqItem = question.parentElement;\r\n                    const isActive = faqItem.classList.contains('active');\r\n                    \r\n                    \/\/ Close all FAQ items\r\n                    document.querySelectorAll('.va-home-faq-item').forEach(item => {\r\n                        item.classList.remove('active');\r\n                    });\r\n                    \r\n                    \/\/ Toggle current item if it wasn't active\r\n                    if (!isActive) {\r\n                        faqItem.classList.add('active');\r\n                    }\r\n                });\r\n            });\r\n        <\/script>\r\n        <!-- footer -->\r\n        <script>\r\n            \/\/ Initialize AOS\r\n            AOS.init({\r\n                duration: 1000,\r\n                once: true,\r\n                offset: 100\r\n            });\r\n            \r\n            \/\/ Back to Top Button\r\n            const backToTopBtn = document.getElementById('backToTop');\r\n            \r\n            window.addEventListener('scroll', () => {\r\n                if (window.pageYOffset > 300) {\r\n                    backToTopBtn.classList.add('show');\r\n                } else {\r\n                    backToTopBtn.classList.remove('show');\r\n                }\r\n            });\r\n            \r\n            backToTopBtn.addEventListener('click', () => {\r\n                window.scrollTo({\r\n                    top: 0,\r\n                    behavior: 'smooth'\r\n                });\r\n            });\r\n            <\/script>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-21","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/comments?post=21"}],"version-history":[{"count":5,"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":949,"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/21\/revisions\/949"}],"wp:attachment":[{"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/media?parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}