{"id":24,"date":"2026-03-25T06:24:51","date_gmt":"2026-03-25T06:24:51","guid":{"rendered":"https:\/\/viewanonymous.com\/?page_id=24"},"modified":"2026-04-01T06:13:34","modified_gmt":"2026-04-01T06:13:34","slug":"pricing","status":"publish","type":"page","link":"https:\/\/viewanonymous.com\/pricing\/","title":{"rendered":"Pricing"},"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-pricing-primary: #6366F1;\r\n            --va-pricing-primary-dark: #4F46E5;\r\n            --va-pricing-primary-light: #818CF8;\r\n            --va-pricing-secondary: #F59E0B;\r\n            --va-pricing-accent: #10B981;\r\n            --va-pricing-dark: #0F172A;\r\n            --va-pricing-dark-lighter: #1E293B;\r\n            --va-pricing-gray: #64748B;\r\n            --va-pricing-light-gray: #F1F5F9;\r\n            --va-pricing-white: #FFFFFF;\r\n            --va-pricing-gradient-1: linear-gradient(135deg, #6366F1 0%, #8c60ff 100%);\r\n            --va-pricing-gradient-2: linear-gradient(135deg, #6366F1 0%, #8c60ff 100%);\r\n            --va-pricing-gradient-3: linear-gradient(135deg, #F59E0B 0%, #EF4444 100%);\r\n            --va-pricing-gradient-hero: linear-gradient(135deg, #0F172A 0%, #1E293B 50%, #334155 100%);\r\n            --va-pricing-gradient-text: linear-gradient(135deg, #6366F1 0%, #8c60ff 100%);\r\n            --va-pricing-gradient-card: linear-gradient(135deg, rgba(99, 102, 241, 0.1) 0%, rgba(245, 158, 11, 0.1) 100%);\r\n            --va-pricing-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);\r\n            --va-pricing-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);\r\n            --va-pricing-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);\r\n            --va-pricing-shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.1);\r\n            --va-pricing-shadow-2xl: 0 25px 50px rgba(0, 0, 0, 0.15);\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: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;\r\n            overflow-x: hidden;\r\n            background: linear-gradient(to bottom, var(--va-pricing-white), #FAFBFF);\r\n            color: var(--va-pricing-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-pricing-dark);\r\n            line-height: 1.2;\r\n        }\r\n\r\n        \/* Hero Section *\/\r\n        .va-pricing-hero {\r\n            min-height: 100vh;\r\n            background: var(--va-pricing-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-pricing-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(245, 158, 11, 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-pricing-hero::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 100px;\r\n            background: linear-gradient(to top, rgba(250, 251, 255, 1), transparent);\r\n            z-index: 2;\r\n        }\r\n\r\n        .va-pricing-hero-content {\r\n            position: relative;\r\n            z-index: 10;\r\n        }\r\n\r\n        .va-pricing-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-pricing-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-pricing-hero-breadcrumb a:hover {\r\n            color: var(--va-pricing-white);\r\n        }\r\n\r\n        .va-pricing-hero-breadcrumb i {\r\n            color: var(--va-pricing-primary);\r\n        }\r\n\r\n        .va-pricing-hero-title {\r\n            font-size: 72px;\r\n            font-weight: 800;\r\n            color: var(--va-pricing-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-pricing-hero-title .va-pricing-gradient-text {\r\n            background: var(--va-pricing-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-pricing-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-pricing-hero-stats {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n            gap: 30px;\r\n            margin-top: 60px;\r\n            max-width: 800px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .va-pricing-stat-item {\r\n            text-align: center;\r\n            padding: 30px;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(10px);\r\n            border-radius: 20px;\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .va-pricing-stat-item:hover {\r\n            transform: translateY(-5px);\r\n            background: rgba(255, 255, 255, 0.15);\r\n        }\r\n\r\n        .va-pricing-stat-number {\r\n            font-size: 36px;\r\n            font-weight: 800;\r\n            color: var(--va-pricing-primary-light);\r\n            font-family: 'Space Grotesk', sans-serif;\r\n        }\r\n\r\n        .va-pricing-stat-label {\r\n            font-size: 14px;\r\n            color: rgba(255, 255, 255, 0.8);\r\n            margin-top: 8px;\r\n        }\r\n\r\n        \/* Section Styles *\/\r\n        .va-pricing-section {\r\n            padding: 100px 0;\r\n            position: relative;\r\n        }\r\n\r\n        .va-pricing-section-light {\r\n            background-color: var(--va-pricing-white);\r\n        }\r\n\r\n        .va-pricing-section-gray {\r\n            background-color: var(--va-pricing-light-gray);\r\n        }\r\n\r\n        .va-pricing-section-badge {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            background: var(--va-pricing-gradient-card);\r\n            border-radius: 100px;\r\n            padding: 8px 16px;\r\n            color: var(--va-pricing-primary);\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            margin-bottom: 24px;\r\n            border: 1px solid rgba(99, 102, 241, 0.2);\r\n        }\r\n\r\n        .va-pricing-section-title {\r\n            font-size: 48px;\r\n            font-weight: 700;\r\n            color: var(--va-pricing-dark);\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .va-pricing-section-text {\r\n            font-size: 18px;\r\n            color: var(--va-pricing-gray);\r\n            margin-bottom: 40px;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        \/* Service Section Headers *\/\r\n        .va-pricing-service-header {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 20px;\r\n            margin-bottom: 50px;\r\n            padding: 30px;\r\n            background: var(--va-pricing-white);\r\n            border-radius: 20px;\r\n            box-shadow: var(--va-pricing-shadow-lg);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .va-pricing-service-header::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 4px;\r\n            background: var(--va-pricing-gradient-2);\r\n        }\r\n\r\n        .va-pricing-service-icon {\r\n            width: 80px;\r\n            height: 80px;\r\n            background: var(--va-pricing-gradient-2);\r\n            border-radius: 20px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 36px;\r\n            color: var(--va-pricing-white);\r\n            box-shadow: var(--va-pricing-shadow-lg);\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .va-pricing-service-title-content h2 {\r\n            font-size: 36px;\r\n            font-weight: 700;\r\n            color: var(--va-pricing-dark);\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .va-pricing-service-title-content p {\r\n            font-size: 16px;\r\n            color: var(--va-pricing-gray);\r\n            margin: 0;\r\n        }\r\n\r\n        \/* Enhanced Pricing Cards *\/\r\n        .va-pricing-table {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n            gap: 40px;\r\n            margin-top: 60px;\r\n            position: relative;\r\n        }\r\n\r\n        .va-pricing-card {\r\n            background: var(--va-pricing-white);\r\n            border-radius: 24px;\r\n            padding: 40px 30px;\r\n            box-shadow: var(--va-pricing-shadow-xl);\r\n            transition: all 0.4s ease;\r\n            position: relative;\r\n            overflow: hidden;\r\n            height: 100%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            border: 2px solid transparent;\r\n        }\r\n\r\n        .va-pricing-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 4px;\r\n            background: var(--va-pricing-gradient-2);\r\n            transform: scaleX(0);\r\n            transition: transform 0.4s ease;\r\n        }\r\n\r\n        .va-pricing-card:hover::before {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .va-pricing-card.featured {\r\n            transform: scale(1.05);\r\n            border: 2px solid var(--va-pricing-primary);\r\n            box-shadow: var(--va-pricing-shadow-2xl);\r\n        }\r\n\r\n        .va-pricing-card.featured::after {\r\n            content: 'MOST POPULAR';\r\n            position: absolute;\r\n            top: 20px;\r\n            right: -30px;\r\n            background: var(--va-pricing-gradient-3);\r\n            color: var(--va-pricing-white);\r\n            font-size: 12px;\r\n            font-weight: 700;\r\n            padding: 5px 40px;\r\n            transform: rotate(45deg);\r\n            box-shadow: var(--va-pricing-shadow-md);\r\n            z-index: 10;\r\n        }\r\n\r\n        .va-pricing-card:hover {\r\n            transform: translateY(-15px);\r\n            box-shadow: var(--va-pricing-shadow-2xl);\r\n        }\r\n\r\n        .va-pricing-card.featured:hover {\r\n            transform: scale(1.05) translateY(-15px);\r\n        }\r\n\r\n        .va-pricing-card-header {\r\n            text-align: center;\r\n            margin-bottom: 30px;\r\n            position: relative;\r\n        }\r\n\r\n        .va-pricing-card-icon {\r\n            width: 80px;\r\n            height: 80px;\r\n            background: var(--va-pricing-gradient-card);\r\n            border-radius: 20px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 20px;\r\n            font-size: 36px;\r\n            color: var(--va-pricing-primary);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .va-pricing-card:hover .va-pricing-card-icon {\r\n            transform: scale(1.1) rotate(5deg);\r\n            background: var(--va-pricing-gradient-2);\r\n            color: var(--va-pricing-white);\r\n        }\r\n\r\n        .va-pricing-card-title {\r\n            font-size: 24px;\r\n            font-weight: 700;\r\n            color: var(--va-pricing-dark);\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .va-pricing-card-price {\r\n            font-size: 56px;\r\n            font-weight: 800;\r\n            color: var(--va-pricing-primary);\r\n            margin-bottom: 5px;\r\n            font-family: 'Space Grotesk', sans-serif;\r\n            line-height: 1;\r\n        }\r\n\r\n        .va-pricing-card-price .va-pricing-currency {\r\n            font-size: 32px;\r\n            vertical-align: top;\r\n        }\r\n\r\n        .va-pricing-card-period {\r\n            font-size: 16px;\r\n            color: var(--va-pricing-gray);\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .va-pricing-card-features {\r\n            margin-bottom: 30px;\r\n            flex-grow: 1;\r\n        }\r\n\r\n        .va-pricing-card-feature {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 12px;\r\n            margin-bottom: 16px;\r\n            font-size: 15px;\r\n            color: var(--va-pricing-gray);\r\n            padding: 8px 0;\r\n            border-bottom: 1px solid rgba(241, 245, 249, 0.5);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .va-pricing-card-feature:last-child {\r\n            border-bottom: none;\r\n        }\r\n\r\n        .va-pricing-card-feature:hover {\r\n            color: var(--va-pricing-dark);\r\n            padding-left: 8px;\r\n        }\r\n\r\n        .va-pricing-card-feature i {\r\n            color: var(--va-pricing-accent);\r\n            font-size: 18px;\r\n            margin-top: 2px;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .va-pricing-card-btn {\r\n            width: 100%;\r\n            padding: 16px;\r\n            border-radius: 16px;\r\n            font-weight: 600;\r\n            font-size: 16px;\r\n            text-decoration: none;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 8px;\r\n            transition: all 0.3s ease;\r\n            border: none;\r\n            cursor: pointer;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .va-pricing-card-btn::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\r\n            transition: left 0.5s ease;\r\n        }\r\n\r\n        .va-pricing-card-btn:hover::before {\r\n            left: 100%;\r\n        }\r\n\r\n        .va-pricing-card-btn-primary {\r\n            background: var(--va-pricing-gradient-2);\r\n            color: var(--va-pricing-white)!important;\r\n            box-shadow: var(--va-pricing-shadow-md);\r\n        }\r\n\r\n        .va-pricing-card-btn-primary:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: var(--va-pricing-shadow-xl);\r\n        }\r\n\r\n        .va-pricing-card-btn-secondary {\r\n            background: transparent;\r\n            color: var(--va-pricing-primary)!important;\r\n            border: 2px solid var(--va-pricing-primary);\r\n        }\r\n\r\n        .va-pricing-card-btn-secondary:hover {\r\n            background: var(--va-pricing-primary);\r\n            color: var(--va-pricing-white)!important;\r\n            transform: translateY(-2px);\r\n            box-shadow: var(--va-pricing-shadow-lg);\r\n        }\r\n\r\n        \/* Toggle Switch *\/\r\n        .va-pricing-toggle-container {\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            gap: 20px;\r\n            margin: 60px 0;\r\n        }\r\n\r\n        .va-pricing-toggle-label {\r\n            font-size: 16px;\r\n            font-weight: 600;\r\n            color: var(--va-pricing-gray);\r\n        }\r\n\r\n        .va-pricing-toggle-label.active {\r\n            color: var(--va-pricing-primary);\r\n        }\r\n\r\n        .va-pricing-toggle {\r\n            position: relative;\r\n            width: 60px;\r\n            height: 30px;\r\n            background: var(--va-pricing-light-gray);\r\n            border-radius: 30px;\r\n            cursor: pointer;\r\n            transition: background 0.3s ease;\r\n        }\r\n\r\n        .va-pricing-toggle.active {\r\n            background: var(--va-pricing-primary);\r\n        }\r\n\r\n        .va-pricing-toggle-slider {\r\n            position: absolute;\r\n            top: 3px;\r\n            left: 3px;\r\n            width: 24px;\r\n            height: 24px;\r\n            background: var(--va-pricing-white);\r\n            border-radius: 50%;\r\n            transition: transform 0.3s ease;\r\n            box-shadow: var(--va-pricing-shadow-sm);\r\n        }\r\n\r\n        .va-pricing-toggle.active .va-pricing-toggle-slider {\r\n            transform: translateX(30px);\r\n        }\r\n\r\n        \/* Comparison Table *\/\r\n        .va-pricing-comparison-section {\r\n            background: var(--va-pricing-light-gray);\r\n            border-radius: 30px;\r\n            padding: 60px;\r\n            margin: 80px 0;\r\n        }\r\n\r\n        .va-pricing-comparison-table {\r\n            width: 100%;\r\n            border-collapse: separate;\r\n            border-spacing: 0;\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            box-shadow: var(--va-pricing-shadow-xl);\r\n            background: var(--va-pricing-white);\r\n        }\r\n\r\n        .va-pricing-comparison-table th {\r\n            background: var(--va-pricing-gradient-2);\r\n            color: var(--va-pricing-white);\r\n            padding: 25px 20px;\r\n            text-align: center;\r\n            font-weight: 600;\r\n            font-size: 16px;\r\n            font-family: 'Space Grotesk', sans-serif;\r\n        }\r\n\r\n        .va-pricing-comparison-table th:first-child {\r\n            text-align: left;\r\n            background: var(--va-pricing-dark-lighter);\r\n            border-radius: 20px 0 0 0;\r\n        }\r\n\r\n        .va-pricing-comparison-table th:last-child {\r\n            border-radius: 0 20px 0 0;\r\n        }\r\n\r\n        .va-pricing-comparison-table td {\r\n            padding: 20px;\r\n            text-align: center;\r\n            border-bottom: 1px solid var(--va-pricing-light-gray);\r\n            font-size: 15px;\r\n            color: var(--va-pricing-gray);\r\n            font-weight: 500;\r\n        }\r\n\r\n        .va-pricing-comparison-table td:first-child {\r\n            text-align: left;\r\n            font-weight: 600;\r\n            color: var(--va-pricing-dark);\r\n            background: rgba(241, 245, 249, 0.5);\r\n        }\r\n\r\n        .va-pricing-comparison-table tr:hover td {\r\n            background: rgba(99, 102, 241, 0.05);\r\n        }\r\n\r\n        .va-pricing-comparison-table tr:last-child td {\r\n            border-bottom: none;\r\n        }\r\n\r\n        .va-pricing-check-icon {\r\n            color: var(--va-pricing-accent);\r\n            font-size: 24px;\r\n        }\r\n\r\n        .va-pricing-cross-icon {\r\n            color: #EF4444;\r\n            font-size: 24px;\r\n        }\r\n\r\n        \/* FAQ Section *\/\r\n        .va-pricing-faq-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 30px;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        .va-pricing-faq-item {\r\n            background: var(--va-pricing-white);\r\n            border-radius: 20px;\r\n            padding: 30px;\r\n            box-shadow: var(--va-pricing-shadow-lg);\r\n            transition: all 0.3s ease;\r\n            cursor: pointer;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .va-pricing-faq-item::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 3px;\r\n            background: var(--va-pricing-gradient-2);\r\n            transform: scaleX(0);\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .va-pricing-faq-item:hover::before,\r\n        .va-pricing-faq-item.active::before {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .va-pricing-faq-item:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: var(--va-pricing-shadow-xl);\r\n        }\r\n\r\n        .va-pricing-faq-question {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            font-size: 18px;\r\n            font-weight: 700;\r\n            color: var(--va-pricing-dark);\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .va-pricing-faq-question i {\r\n            color: var(--va-pricing-primary);\r\n            font-size: 24px;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .va-pricing-faq-item.active .va-pricing-faq-question i {\r\n            transform: rotate(180deg);\r\n        }\r\n\r\n        .va-pricing-faq-answer {\r\n            font-size: 15px;\r\n            color: var(--va-pricing-gray);\r\n            line-height: 1.7;\r\n            display: none;\r\n            animation: fadeIn 0.3s ease;\r\n        }\r\n\r\n        .va-pricing-faq-item.active .va-pricing-faq-answer {\r\n            display: block;\r\n        }\r\n\r\n        @keyframes fadeIn {\r\n            from { opacity: 0; transform: translateY(-10px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n\r\n        \/* CTA Section *\/\r\n        .va-pricing-cta {\r\n            padding: 100px 0;\r\n            background: var(--va-pricing-gradient-2);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .va-pricing-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-pricing-cta-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            text-align: center;\r\n        }\r\n\r\n        .va-pricing-cta-title {\r\n            font-size: 48px;\r\n            font-weight: 800;\r\n            color: var(--va-pricing-white);\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .va-pricing-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-pricing-cta-buttons {\r\n            display: flex;\r\n            gap: 20px;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .va-pricing-cta-btn {\r\n            padding: 18px 36px;\r\n            border-radius: 16px;\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: 10px;\r\n            transition: all 0.3s ease;\r\n            border: none;\r\n            cursor: pointer;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .va-pricing-cta-btn::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\r\n            transition: left 0.5s ease;\r\n        }\r\n\r\n        .va-pricing-cta-btn:hover::before {\r\n            left: 100%;\r\n        }\r\n\r\n        .va-pricing-cta-btn-primary {\r\n            background: var(--va-pricing-white);\r\n            color: var(--va-pricing-primary);\r\n            box-shadow: var(--va-pricing-shadow-lg);\r\n        }\r\n\r\n        .va-pricing-cta-btn-primary:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .va-pricing-cta-btn-secondary {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(10px);\r\n            color: var(--va-pricing-white)!important;\r\n            border: 2px solid rgba(255, 255, 255, 0.3);\r\n        }\r\n\r\n        .va-pricing-cta-btn-secondary:hover {\r\n            background: rgba(255, 255, 255, 0.2);\r\n            transform: translateY(-3px);\r\n        }\r\n\r\n        \/* Floating Elements *\/\r\n        .va-pricing-float-element {\r\n            position: absolute;\r\n            animation: float 6s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes float {\r\n            0%, 100% { transform: translateY(0); }\r\n            50% { transform: translateY(-20px); }\r\n        }\r\n\r\n        .va-pricing-float-1 {\r\n            top: 10%;\r\n            right: 10%;\r\n            width: 100px;\r\n            height: 100px;\r\n            background: var(--va-pricing-gradient-2);\r\n            border-radius: 50%;\r\n            opacity: 0.1;\r\n            animation-delay: 0s;\r\n        }\r\n\r\n        .va-pricing-float-2 {\r\n            bottom: 20%;\r\n            left: 5%;\r\n            width: 60px;\r\n            height: 60px;\r\n            background: var(--va-pricing-gradient-3);\r\n            border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\r\n            opacity: 0.1;\r\n            animation-delay: 2s;\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 992px) {\r\n            .va-pricing-hero-title {\r\n                font-size: 56px;\r\n            }\r\n            \r\n            .va-pricing-section-title {\r\n                font-size: 40px;\r\n            }\r\n            \r\n            .va-pricing-card.featured {\r\n                transform: scale(1);\r\n            }\r\n            \r\n            .va-pricing-service-title-content h2 {\r\n                font-size: 28px;\r\n            }\r\n            \r\n            .va-pricing-comparison-section {\r\n                padding: 40px 20px;\r\n            }\r\n            \r\n            .va-pricing-comparison-table {\r\n                font-size: 14px;\r\n            }\r\n            \r\n            .va-pricing-comparison-table th,\r\n            .va-pricing-comparison-table td {\r\n                padding: 15px 10px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .va-pricing-hero-title {\r\n                font-size: 42px;\r\n            }\r\n            \r\n            .va-pricing-section-title {\r\n                font-size: 32px;\r\n            }\r\n            \r\n            .va-pricing-cta-title {\r\n                font-size: 36px;\r\n            }\r\n            \r\n            .va-pricing-hero-stats {\r\n                grid-template-columns: 1fr;\r\n                gap: 20px;\r\n            }\r\n            \r\n            .va-pricing-cta-buttons {\r\n                flex-direction: column;\r\n            }\r\n            \r\n            .va-pricing-cta-btn {\r\n                width: 100%;\r\n                justify-content: center;\r\n            }\r\n            \r\n            .va-pricing-service-header {\r\n                flex-direction: column;\r\n                text-align: center;\r\n            }\r\n            \r\n            .va-pricing-comparison-table {\r\n                font-size: 12px;\r\n            }\r\n            \r\n            .va-pricing-comparison-table th,\r\n            .va-pricing-comparison-table td {\r\n                padding: 12px 8px;\r\n            }\r\n            \r\n            .va-pricing-comparison-table th:first-child,\r\n            .va-pricing-comparison-table td:first-child {\r\n                display: none;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 576px) {\r\n            .va-pricing-hero-title {\r\n                font-size: 32px;\r\n            }\r\n            \r\n            .va-pricing-section-title {\r\n                font-size: 28px;\r\n            }\r\n            \r\n            .va-pricing-cta-title {\r\n                font-size: 28px;\r\n            }\r\n            \r\n            .va-pricing-section {\r\n                padding: 80px 0;\r\n            }\r\n            \r\n            .va-pricing-table {\r\n                grid-template-columns: 1fr;\r\n                gap: 30px;\r\n            }\r\n            \r\n            .va-pricing-card {\r\n                padding: 30px 20px;\r\n            }\r\n            \r\n            .va-pricing-card-price {\r\n                font-size: 48px;\r\n            }\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\r\n            \/* Responsive Design *\/\r\n            @media (max-width: 768px) {\r\n                \r\n                .anv-footer-back-to-top {\r\n                    bottom: 20px;\r\n                    right: 20px;\r\n                    width: 45px;\r\n                    height: 45px;\r\n                    font-size: 20px;\r\n                }\r\n            }\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    <!-- Hero Section -->\r\n    <section class=\"va-pricing-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-pricing-hero-content text-center\">\r\n                        <div class=\"va-pricing-hero-breadcrumb\">\r\n                            <span><a href=\"\/\">Home<\/a><\/span>\r\n                            <i class=\"bx bx-chevron-right\"><\/i>\r\n                            <span>Pricing<\/span>\r\n                        <\/div>\r\n                        <h1 class=\"va-pricing-hero-title\">\r\n                            Simple <span class=\"va-pricing-gradient-text\">Transparent Pricing<\/span>\r\n                        <\/h1>\r\n                        <p class=\"va-pricing-hero-subtitle\">\r\n                            No hidden fees. No surprise charges. Just straightforward pricing that scales with your success.\r\n                        <\/p>\r\n                        \r\n                        <div class=\"va-pricing-hero-stats\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                            <div class=\"va-pricing-stat-item\">\r\n                                <div class=\"va-pricing-stat-number\">15000+<\/div>\r\n                                <div class=\"va-pricing-stat-label\">Success Stories<\/div>\r\n                            <\/div>\r\n                            <div class=\"va-pricing-stat-item\">\r\n                                <div class=\"va-pricing-stat-number\">4500+<\/div>\r\n                                <div class=\"va-pricing-stat-label\">Projects Launched<\/div>\r\n                            <\/div>\r\n                            <div class=\"va-pricing-stat-item\">\r\n                                <div class=\"va-pricing-stat-number\">99.9%<\/div>\r\n                                <div class=\"va-pricing-stat-label\">Client Satisfaction<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"va-pricing-float-element va-pricing-float-1\" style=\"transform: translateY(3538.5px);\"><\/div>\r\n        <div class=\"va-pricing-float-element va-pricing-float-2\" style=\"transform: translateY(4246.2px);\"><\/div>\r\n    <\/section>\r\n\r\n    <!-- App Development Pricing -->\r\n    <section class=\"va-pricing-section va-pricing-section-light\">\r\n        <div class=\"container\">\r\n            <div class=\"va-pricing-service-header\" data-aos=\"fade-up\">\r\n                <div class=\"va-pricing-service-icon\">\r\n                    <i class=\"bx bx-mobile-alt\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-pricing-service-title-content\">\r\n                    <h2>Mobile App Development<\/h2>\r\n                    <p>Transform your ideas into powerful mobile experiences<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-pricing-table\">\r\n                <!-- Starter App -->\r\n                <div class=\"va-pricing-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <div class=\"va-pricing-card-header\">\r\n                        <div class=\"va-pricing-card-icon\">\r\n                            <i class=\"bx bx-mobile\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"va-pricing-card-title\">MVP Launch<\/h3>\r\n                        <div class=\"va-pricing-card-price\">\r\n                            <span class=\"va-pricing-currency\">$<\/span>12,999\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-period\">per platform<\/div>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-card-features\">\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Modern UI\/UX Design<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Native iOS or Android<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Up to 15 Screens<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Cloud API Integration<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>2 Months Support<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <a href=\"#contact\" class=\"va-pricing-card-btn va-pricing-card-btn-secondary\">\r\n                        Start Building\r\n                        <i class=\"bx bx-arrow-right\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- Professional App -->\r\n                <div class=\"va-pricing-card featured\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <div class=\"va-pricing-card-header\">\r\n                        <div class=\"va-pricing-card-icon\">\r\n                            <i class=\"bx bx-devices\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"va-pricing-card-title\">Growth Solution<\/h3>\r\n                        <div class=\"va-pricing-card-price\">\r\n                            <span class=\"va-pricing-currency\">$<\/span>29,999\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-period\">per platform<\/div>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-card-features\">\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Premium UI\/UX Design<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Cross-Platform (React Native)<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Up to 30 Screens<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Advanced Features & Analytics<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>6 Months Support<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <a href=\"#contact\" class=\"va-pricing-card-btn va-pricing-card-btn-primary\">\r\n                        Scale Now\r\n                        <i class=\"bx bx-rocket\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- Enterprise App -->\r\n                <div class=\"va-pricing-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <div class=\"va-pricing-card-header\">\r\n                        <div class=\"va-pricing-card-icon\">\r\n                            <i class=\"bx bx-building\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"va-pricing-card-title\">Enterprise Suite<\/h3>\r\n                        <div class=\"va-pricing-card-price\">\r\n                            Custom\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-period\">tailored quote<\/div>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-card-features\">\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>World-Class Design System<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Multi-Platform Ecosystem<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Unlimited Features<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>AI & ML Integration<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>24\/7 Dedicated Support<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <a href=\"#contact\" class=\"va-pricing-card-btn va-pricing-card-btn-secondary\">\r\n                        Schedule Consultation\r\n                        <i class=\"bx bx-phone\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- UI\/UX Design Pricing -->\r\n    <section class=\"va-pricing-section va-pricing-section-gray\">\r\n        <div class=\"container\">\r\n            <div class=\"va-pricing-service-header\" data-aos=\"fade-up\">\r\n                <div class=\"va-pricing-service-icon\">\r\n                    <i class=\"bx bx-palette\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-pricing-service-title-content\">\r\n                    <h2>UI\/UX Design Services<\/h2>\r\n                    <p>Create experiences that users love and remember<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-pricing-table\">\r\n                <!-- Basic Design -->\r\n                <div class=\"va-pricing-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <div class=\"va-pricing-card-header\">\r\n                        <div class=\"va-pricing-card-icon\">\r\n                            <i class=\"bx bx-pencil\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"va-pricing-card-title\">Essential Design<\/h3>\r\n                        <div class=\"va-pricing-card-price\">\r\n                            <span class=\"va-pricing-currency\">$<\/span>3,999\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-period\">per project<\/div>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-card-features\">\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Up to 8 Screens<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Interactive Wireframes<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>3 Design Revisions<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>10 Business Days<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Design Files & Style Guide<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <a href=\"#contact\" class=\"va-pricing-card-btn va-pricing-card-btn-secondary\">\r\n                        Get Started\r\n                        <i class=\"bx bx-arrow-right\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- Professional Design -->\r\n                <div class=\"va-pricing-card featured\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <div class=\"va-pricing-card-header\">\r\n                        <div class=\"va-pricing-card-icon\">\r\n                            <i class=\"bx bx-layer\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"va-pricing-card-title\">Premium Experience<\/h3>\r\n                        <div class=\"va-pricing-card-price\">\r\n                            <span class=\"va-pricing-currency\">$<\/span>9,999\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-period\">per project<\/div>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-card-features\">\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Up to 20 Screens<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Complete Design System<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>High-Fidelity Prototype<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Unlimited Revisions<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>3 Weeks Delivery<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <a href=\"#contact\" class=\"va-pricing-card-btn va-pricing-card-btn-primary\">\r\n                        Elevate Your Brand\r\n                        <i class=\"bx bx-rocket\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- Enterprise Design -->\r\n                <div class=\"va-pricing-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <div class=\"va-pricing-card-header\">\r\n                        <div class=\"va-pricing-card-icon\">\r\n                            <i class=\"bx bx-crown\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"va-pricing-card-title\">Design Partnership<\/h3>\r\n                        <div class=\"va-pricing-card-price\">\r\n                            Custom\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-period\">monthly retainer<\/div>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-card-features\">\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Unlimited Design Requests<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Brand Identity & Strategy<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>User Research & Testing<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>A\/B Testing & Optimization<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Dedicated Design Team<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <a href=\"#contact\" class=\"va-pricing-card-btn va-pricing-card-btn-secondary\">\r\n                        Partner With Us\r\n                        <i class=\"bx bx-phone\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Web Development Pricing -->\r\n    <section class=\"va-pricing-section va-pricing-section-light\">\r\n        <div class=\"container\">\r\n            <div class=\"va-pricing-service-header\" data-aos=\"fade-up\">\r\n                <div class=\"va-pricing-service-icon\">\r\n                    <i class=\"bx bx-globe\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-pricing-service-title-content\">\r\n                    <h2>Web Development Solutions<\/h2>\r\n                    <p>Build fast, secure, and scalable web experiences<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-pricing-table\">\r\n                <!-- Basic Website -->\r\n                <div class=\"va-pricing-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <div class=\"va-pricing-card-header\">\r\n                        <div class=\"va-pricing-card-icon\">\r\n                            <i class=\"bx bx-file\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"va-pricing-card-title\">Business Website<\/h3>\r\n                        <div class=\"va-pricing-card-price\">\r\n                            <span class=\"va-pricing-currency\">$<\/span>5,999\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-period\">one-time<\/div>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-card-features\">\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Up to 15 Pages<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Mobile-First Responsive<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>SEO Optimization<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Lead Generation Forms<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>3 Months Support<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <a href=\"#contact\" class=\"va-pricing-card-btn va-pricing-card-btn-secondary\">\r\n                        Launch Online\r\n                        <i class=\"bx bx-arrow-right\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- Professional Website -->\r\n                <div class=\"va-pricing-card featured\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <div class=\"va-pricing-card-header\">\r\n                        <div class=\"va-pricing-card-icon\">\r\n                            <i class=\"bx bx-laptop\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"va-pricing-card-title\">E-Commerce Platform<\/h3>\r\n                        <div class=\"va-pricing-card-price\">\r\n                            <span class=\"va-pricing-currency\">$<\/span>12,999\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-period\">one-time<\/div>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-card-features\">\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Unlimited Products<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Custom Design & Branding<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Payment Gateway Integration<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Inventory Management<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>6 Months Support<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <a href=\"#contact\" class=\"va-pricing-card-btn va-pricing-card-btn-primary\">\r\n                        Start Selling\r\n                        <i class=\"bx bx-rocket\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- Web Application -->\r\n                <div class=\"va-pricing-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <div class=\"va-pricing-card-header\">\r\n                        <div class=\"va-pricing-card-icon\">\r\n                            <i class=\"bx bx-code-block\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"va-pricing-card-title\">Custom Web App<\/h3>\r\n                        <div class=\"va-pricing-card-price\">\r\n                            Custom\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-period\">project-based<\/div>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-card-features\">\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Tailored Functionality<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Cloud Infrastructure<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Advanced Security<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Real-time Features<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Year-long Support<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <a href=\"#contact\" class=\"va-pricing-card-btn va-pricing-card-btn-secondary\">\r\n                        Discuss Your Project\r\n                        <i class=\"bx bx-phone\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Digital Marketing Pricing -->\r\n    <section class=\"va-pricing-section va-pricing-section-gray\">\r\n        <div class=\"container\">\r\n            <div class=\"va-pricing-service-header\" data-aos=\"fade-up\">\r\n                <div class=\"va-pricing-service-icon\">\r\n                    <i class=\"bx bx-pie-chart-alt\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-pricing-service-title-content\">\r\n                    <h2>Digital Marketing Services<\/h2>\r\n                    <p>Drive growth with data-driven marketing strategies<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-pricing-table\">\r\n                <!-- Starter Marketing -->\r\n                <div class=\"va-pricing-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <div class=\"va-pricing-card-header\">\r\n                        <div class=\"va-pricing-card-icon\">\r\n                            <i class=\"bx bx-rocket\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"va-pricing-card-title\">Startup Growth<\/h3>\r\n                        <div class=\"va-pricing-card-price\">\r\n                            <span class=\"va-pricing-currency\">$<\/span>2,499\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-period\">per month<\/div>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-card-features\">\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Social Media Management<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Local SEO Optimization<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Content Creation (8\/mo)<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Monthly Analytics Report<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Email & Chat Support<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <a href=\"#contact\" class=\"va-pricing-card-btn va-pricing-card-btn-secondary\">\r\n                        Accelerate Growth\r\n                        <i class=\"bx bx-arrow-right\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- Professional Marketing -->\r\n                <div class=\"va-pricing-card featured\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <div class=\"va-pricing-card-header\">\r\n                        <div class=\"va-pricing-card-icon\">\r\n                            <i class=\"bx bx-line-chart\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"va-pricing-card-title\">Business Accelerator<\/h3>\r\n                        <div class=\"va-pricing-card-price\">\r\n                            <span class=\"va-pricing-currency\">$<\/span>5,999\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-period\">per month<\/div>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-card-features\">\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Full-Stack SEO & SEM<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Multi-Channel Marketing<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Content Strategy (20\/mo)<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>PPC Campaign Management<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Bi-weekly Strategy Calls<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <a href=\"#contact\" class=\"va-pricing-card-btn va-pricing-card-btn-primary\">\r\n                        Dominate Your Market\r\n                        <i class=\"bx bx-rocket\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- Enterprise Marketing -->\r\n                <div class=\"va-pricing-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <div class=\"va-pricing-card-header\">\r\n                        <div class=\"va-pricing-card-icon\">\r\n                            <i class=\"bx bx-trending-up\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"va-pricing-card-title\">Enterprise Excellence<\/h3>\r\n                        <div class=\"va-pricing-card-price\">\r\n                            Custom\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-period\">custom package<\/div>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-card-features\">\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>End-to-End Marketing<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Marketing Automation<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Video & Podcast Production<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Advanced Analytics & AI<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Personal Marketing Team<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <a href=\"#contact\" class=\"va-pricing-card-btn va-pricing-card-btn-secondary\">\r\n                        Build Your Empire\r\n                        <i class=\"bx bx-phone\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Comparison Table -->\r\n    <section class=\"va-pricing-section va-pricing-section-light\">\r\n        <div class=\"container\">\r\n            <div class=\"text-center mb-5\">\r\n                <div class=\"va-pricing-section-badge d-inline-block\">Compare<\/div>\r\n                <h2 class=\"va-pricing-section-title\">All Features at a Glance<\/h2>\r\n                <p class=\"va-pricing-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                    See exactly what you get with each plan. No fine print, just clear value.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"va-pricing-comparison-section\" data-aos=\"fade-up\">\r\n                <div class=\"table-responsive\">\r\n                    <table class=\"va-pricing-comparison-table\">\r\n                        <thead>\r\n                            <tr>\r\n                                <th>Features<\/th>\r\n                                <th>Starter<\/th>\r\n                                <th>Professional<\/th>\r\n                                <th>Enterprise<\/th>\r\n                            <\/tr>\r\n                        <\/thead>\r\n                        <tbody>\r\n                            <tr>\r\n                                <td>Core Functionality<\/td>\r\n                                <td><i class=\"bx bx-check va-pricing-check-icon\"><\/i><\/td>\r\n                                <td><i class=\"bx bx-check va-pricing-check-icon\"><\/i><\/td>\r\n                                <td><i class=\"bx bx-check va-pricing-check-icon\"><\/i><\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>Advanced Analytics<\/td>\r\n                                <td><i class=\"bx bx-x va-pricing-cross-icon\"><\/i><\/td>\r\n                                <td><i class=\"bx bx-check va-pricing-check-icon\"><\/i><\/td>\r\n                                <td><i class=\"bx bx-check va-pricing-check-icon\"><\/i><\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>Custom Development<\/td>\r\n                                <td><i class=\"bx bx-x va-pricing-cross-icon\"><\/i><\/td>\r\n                                <td><i class=\"bx bx-x va-pricing-cross-icon\"><\/i><\/td>\r\n                                <td><i class=\"bx bx-check va-pricing-check-icon\"><\/i><\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>White-Label Solutions<\/td>\r\n                                <td><i class=\"bx bx-x va-pricing-cross-icon\"><\/i><\/td>\r\n                                <td><i class=\"bx bx-x va-pricing-cross-icon\"><\/i><\/td>\r\n                                <td><i class=\"bx bx-check va-pricing-check-icon\"><\/i><\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>API Access<\/td>\r\n                                <td><i class=\"bx bx-x va-pricing-cross-icon\"><\/i><\/td>\r\n                                <td><i class=\"bx bx-check va-pricing-check-icon\"><\/i><\/td>\r\n                                <td><i class=\"bx bx-check va-pricing-check-icon\"><\/i><\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>Dedicated Manager<\/td>\r\n                                <td><i class=\"bx bx-x va-pricing-cross-icon\"><\/i><\/td>\r\n                                <td><i class=\"bx bx-x va-pricing-cross-icon\"><\/i><\/td>\r\n                                <td><i class=\"bx bx-check va-pricing-check-icon\"><\/i><\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>Custom Integrations<\/td>\r\n                                <td><i class=\"bx bx-x va-pricing-cross-icon\"><\/i><\/td>\r\n                                <td><i class=\"bx bx-x va-pricing-cross-icon\"><\/i><\/td>\r\n                                <td><i class=\"bx bx-check va-pricing-check-icon\"><\/i><\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>99.9% Uptime SLA<\/td>\r\n                                <td><i class=\"bx bx-x va-pricing-cross-icon\"><\/i><\/td>\r\n                                <td><i class=\"bx bx-x va-pricing-cross-icon\"><\/i><\/td>\r\n                                <td><i class=\"bx bx-check va-pricing-check-icon\"><\/i><\/td>\r\n                            <\/tr>\r\n                        <\/tbody>\r\n                    <\/table>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- FAQ Section -->\r\n    <section class=\"va-pricing-section va-pricing-section-gray\">\r\n        <div class=\"container\">\r\n            <div class=\"text-center mb-5\">\r\n                <div class=\"va-pricing-section-badge d-inline-block\">FAQ<\/div>\r\n                <h2 class=\"va-pricing-section-title\">Your Questions Answered<\/h2>\r\n                <p class=\"va-pricing-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                    Everything you need to know about our pricing and services.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"va-pricing-faq-grid\">\r\n                <div class=\"va-pricing-faq-item\" data-aos=\"fade-up\">\r\n                    <div class=\"va-pricing-faq-question\">\r\n                        <span>What's included in the free consultation?<\/span>\r\n                        <i class=\"bx bx-chevron-down\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-faq-answer\">\r\n                        Our free 30-minute consultation includes a comprehensive needs analysis, project scope discussion, timeline estimation, and a detailed proposal with transparent pricing. We'll also provide strategic recommendations tailored to your business goals.\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"va-pricing-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <div class=\"va-pricing-faq-question\">\r\n                        <span>Can I upgrade or downgrade my plan anytime?<\/span>\r\n                        <i class=\"bx bx-chevron-down\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-faq-answer\">\r\n                        Absolutely! We believe in flexibility. You can upgrade instantly with prorated billing, or downgrade at your next billing cycle. No penalties, no hidden fees\u2014just seamless scalability as your business evolves.\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"va-pricing-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <div class=\"va-pricing-faq-question\">\r\n                        <span>Do you offer a money-back guarantee?<\/span>\r\n                        <i class=\"bx bx-chevron-down\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-faq-answer\">\r\n                        Yes! We stand behind our work with a 30-day satisfaction guarantee. If you're not completely thrilled with our services within the first 30 days, we'll provide a full refund\u2014no questions asked, no hassle.\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"va-pricing-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <div class=\"va-pricing-faq-question\">\r\n                        <span>How long does it take to see results?<\/span>\r\n                        <i class=\"bx bx-chevron-down\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-faq-answer\">\r\n                        Timeline varies by project: Websites launch in 2-6 weeks, apps in 2-4 months, and marketing results typically show in 30-90 days. We provide detailed project roadmaps and keep you updated every step of the way.\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"va-pricing-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                    <div class=\"va-pricing-faq-question\">\r\n                        <span>What kind of support can I expect?<\/span>\r\n                        <i class=\"bx bx-chevron-down\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-faq-answer\">\r\n                        Support scales with your plan: from email and chat support (Starter) to priority phone support (Professional) to 24\/7 dedicated team access (Enterprise). All clients get access to our comprehensive knowledge base and video tutorials.\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"va-pricing-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                    <div class=\"va-pricing-faq-question\">\r\n                        <span>Can you work with our existing systems?<\/span>\r\n                        <i class=\"bx bx-chevron-down\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-faq-answer\">\r\n                        Definitely! We specialize in seamless integrations with existing CRMs, ERPs, payment systems, and third-party APIs. Our team will ensure everything works together perfectly, minimizing disruption to your current operations.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- CTA Section -->\r\n    <section id=\"contact\" class=\"va-pricing-cta\">\r\n        <div class=\"container\">\r\n            <div class=\"va-pricing-cta-content\">\r\n                <h2 class=\"va-pricing-cta-title\" data-aos=\"fade-up\">Ready to Transform Your Business?<\/h2>\r\n                <p class=\"va-pricing-cta-subtitle\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    Join thousands of successful businesses. Let's build something extraordinary together.\r\n                <\/p>\r\n                <div class=\"va-pricing-cta-buttons\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <a href=\"tel:1674567890\" class=\"va-pricing-cta-btn va-pricing-cta-btn-primary\">\r\n                        Schedule a Call\r\n                        <i class=\"bx bx-phone\"><\/i>\r\n                    <\/a>\r\n                    <a href=\"mailto:support@viewanonymous.com\" class=\"va-pricing-cta-btn va-pricing-cta-btn-secondary\">\r\n                        Send Message\r\n                        <i class=\"bx bx-envelope\"><\/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\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    <script>\r\n \r\n        \/\/ FAQ Accordion\r\n        document.querySelectorAll('.va-pricing-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-pricing-faq-item').forEach(item => {\r\n                    item.classList.remove('active');\r\n                });\r\n                \r\n                \/\/ Open clicked item if it wasn't active\r\n                if (!isActive) {\r\n                    faqItem.classList.add('active');\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ Smooth Scrolling for anchor links\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                        behvaior: 'smooth',\r\n                        block: 'start'\r\n                    });\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ Add hover effect to pricing cards\r\n        document.querySelectorAll('.va-pricing-card').forEach(card => {\r\n            card.addEventListener('mouseenter', function() {\r\n                this.style.transform = this.classList.contains('featured') \r\n                    ? 'scale(1.05) translateY(-15px)' \r\n                    : 'translateY(-15px)';\r\n            });\r\n            \r\n            card.addEventListener('mouselevae', function() {\r\n                this.style.transform = this.classList.contains('featured') \r\n                    ? 'scale(1.05)' \r\n                    : 'translateY(0)';\r\n            });\r\n        });\r\n\r\n        \/\/ Parallax effect for floating elements\r\n        window.addEventListener('scroll', () => {\r\n            const scrolled = window.pageYOffset;\r\n            const floatElements = document.querySelectorAll('.va-pricing-float-element');\r\n            \r\n            floatElements.forEach((element, index) => {\r\n                const speed = 0.5 + (index * 0.1);\r\n                element.style.transform = `translateY(${scrolled * speed}px)`;\r\n            });\r\n        });\r\n    <\/script>\r\n\r\n\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                    behvaior: '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-pricing-primary: #6366F1;\r\n            --va-pricing-primary-dark: #4F46E5;\r\n            --va-pricing-primary-light: #818CF8;\r\n            --va-pricing-secondary: #F59E0B;\r\n            --va-pricing-accent: #10B981;\r\n            --va-pricing-dark: #0F172A;\r\n            --va-pricing-dark-lighter: #1E293B;\r\n            --va-pricing-gray: #64748B;\r\n            --va-pricing-light-gray: #F1F5F9;\r\n            --va-pricing-white: #FFFFFF;\r\n            --va-pricing-gradient-1: linear-gradient(135deg, #6366F1 0%, #8c60ff 100%);\r\n            --va-pricing-gradient-2: linear-gradient(135deg, #6366F1 0%, #8c60ff 100%);\r\n            --va-pricing-gradient-3: linear-gradient(135deg, #F59E0B 0%, #EF4444 100%);\r\n            --va-pricing-gradient-hero: linear-gradient(135deg, #0F172A 0%, #1E293B 50%, #334155 100%);\r\n            --va-pricing-gradient-text: linear-gradient(135deg, #6366F1 0%, #8c60ff 100%);\r\n            --va-pricing-gradient-card: linear-gradient(135deg, rgba(99, 102, 241, 0.1) 0%, rgba(245, 158, 11, 0.1) 100%);\r\n            --va-pricing-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);\r\n            --va-pricing-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);\r\n            --va-pricing-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);\r\n            --va-pricing-shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.1);\r\n            --va-pricing-shadow-2xl: 0 25px 50px rgba(0, 0, 0, 0.15);\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: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;\r\n            overflow-x: hidden;\r\n            background: linear-gradient(to bottom, var(--va-pricing-white), #FAFBFF);\r\n            color: var(--va-pricing-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-pricing-dark);\r\n            line-height: 1.2;\r\n        }\r\n\r\n        \/* Hero Section *\/\r\n        .va-pricing-hero {\r\n            min-height: 100vh;\r\n            background: var(--va-pricing-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-pricing-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(245, 158, 11, 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-pricing-hero::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 100px;\r\n            background: linear-gradient(to top, rgba(250, 251, 255, 1), transparent);\r\n            z-index: 2;\r\n        }\r\n\r\n        .va-pricing-hero-content {\r\n            position: relative;\r\n            z-index: 10;\r\n        }\r\n\r\n        .va-pricing-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-pricing-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-pricing-hero-breadcrumb a:hover {\r\n            color: var(--va-pricing-white);\r\n        }\r\n\r\n        .va-pricing-hero-breadcrumb i {\r\n            color: var(--va-pricing-primary);\r\n        }\r\n\r\n        .va-pricing-hero-title {\r\n            font-size: 72px;\r\n            font-weight: 800;\r\n            color: var(--va-pricing-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-pricing-hero-title .va-pricing-gradient-text {\r\n            background: var(--va-pricing-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-pricing-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-pricing-hero-stats {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n            gap: 30px;\r\n            margin-top: 60px;\r\n            max-width: 800px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .va-pricing-stat-item {\r\n            text-align: center;\r\n            padding: 30px;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(10px);\r\n            border-radius: 20px;\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .va-pricing-stat-item:hover {\r\n            transform: translateY(-5px);\r\n            background: rgba(255, 255, 255, 0.15);\r\n        }\r\n\r\n        .va-pricing-stat-number {\r\n            font-size: 36px;\r\n            font-weight: 800;\r\n            color: var(--va-pricing-primary-light);\r\n            font-family: 'Space Grotesk', sans-serif;\r\n        }\r\n\r\n        .va-pricing-stat-label {\r\n            font-size: 14px;\r\n            color: rgba(255, 255, 255, 0.8);\r\n            margin-top: 8px;\r\n        }\r\n\r\n        \/* Section Styles *\/\r\n        .va-pricing-section {\r\n            padding: 100px 0;\r\n            position: relative;\r\n        }\r\n\r\n        .va-pricing-section-light {\r\n            background-color: var(--va-pricing-white);\r\n        }\r\n\r\n        .va-pricing-section-gray {\r\n            background-color: var(--va-pricing-light-gray);\r\n        }\r\n\r\n        .va-pricing-section-badge {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            background: var(--va-pricing-gradient-card);\r\n            border-radius: 100px;\r\n            padding: 8px 16px;\r\n            color: var(--va-pricing-primary);\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            margin-bottom: 24px;\r\n            border: 1px solid rgba(99, 102, 241, 0.2);\r\n        }\r\n\r\n        .va-pricing-section-title {\r\n            font-size: 48px;\r\n            font-weight: 700;\r\n            color: var(--va-pricing-dark);\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .va-pricing-section-text {\r\n            font-size: 18px;\r\n            color: var(--va-pricing-gray);\r\n            margin-bottom: 40px;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        \/* Service Section Headers *\/\r\n        .va-pricing-service-header {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 20px;\r\n            margin-bottom: 50px;\r\n            padding: 30px;\r\n            background: var(--va-pricing-white);\r\n            border-radius: 20px;\r\n            box-shadow: var(--va-pricing-shadow-lg);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .va-pricing-service-header::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 4px;\r\n            background: var(--va-pricing-gradient-2);\r\n        }\r\n\r\n        .va-pricing-service-icon {\r\n            width: 80px;\r\n            height: 80px;\r\n            background: var(--va-pricing-gradient-2);\r\n            border-radius: 20px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 36px;\r\n            color: var(--va-pricing-white);\r\n            box-shadow: var(--va-pricing-shadow-lg);\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .va-pricing-service-title-content h2 {\r\n            font-size: 36px;\r\n            font-weight: 700;\r\n            color: var(--va-pricing-dark);\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .va-pricing-service-title-content p {\r\n            font-size: 16px;\r\n            color: var(--va-pricing-gray);\r\n            margin: 0;\r\n        }\r\n\r\n        \/* Enhanced Pricing Cards *\/\r\n        .va-pricing-table {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n            gap: 40px;\r\n            margin-top: 60px;\r\n            position: relative;\r\n        }\r\n\r\n        .va-pricing-card {\r\n            background: var(--va-pricing-white);\r\n            border-radius: 24px;\r\n            padding: 40px 30px;\r\n            box-shadow: var(--va-pricing-shadow-xl);\r\n            transition: all 0.4s ease;\r\n            position: relative;\r\n            overflow: hidden;\r\n            height: 100%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            border: 2px solid transparent;\r\n        }\r\n\r\n        .va-pricing-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 4px;\r\n            background: var(--va-pricing-gradient-2);\r\n            transform: scaleX(0);\r\n            transition: transform 0.4s ease;\r\n        }\r\n\r\n        .va-pricing-card:hover::before {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .va-pricing-card.featured {\r\n            transform: scale(1.05);\r\n            border: 2px solid var(--va-pricing-primary);\r\n            box-shadow: var(--va-pricing-shadow-2xl);\r\n        }\r\n\r\n        .va-pricing-card.featured::after {\r\n            content: 'MOST POPULAR';\r\n            position: absolute;\r\n            top: 20px;\r\n            right: -30px;\r\n            background: var(--va-pricing-gradient-3);\r\n            color: var(--va-pricing-white);\r\n            font-size: 12px;\r\n            font-weight: 700;\r\n            padding: 5px 40px;\r\n            transform: rotate(45deg);\r\n            box-shadow: var(--va-pricing-shadow-md);\r\n            z-index: 10;\r\n        }\r\n\r\n        .va-pricing-card:hover {\r\n            transform: translateY(-15px);\r\n            box-shadow: var(--va-pricing-shadow-2xl);\r\n        }\r\n\r\n        .va-pricing-card.featured:hover {\r\n            transform: scale(1.05) translateY(-15px);\r\n        }\r\n\r\n        .va-pricing-card-header {\r\n            text-align: center;\r\n            margin-bottom: 30px;\r\n            position: relative;\r\n        }\r\n\r\n        .va-pricing-card-icon {\r\n            width: 80px;\r\n            height: 80px;\r\n            background: var(--va-pricing-gradient-card);\r\n            border-radius: 20px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 20px;\r\n            font-size: 36px;\r\n            color: var(--va-pricing-primary);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .va-pricing-card:hover .va-pricing-card-icon {\r\n            transform: scale(1.1) rotate(5deg);\r\n            background: var(--va-pricing-gradient-2);\r\n            color: var(--va-pricing-white);\r\n        }\r\n\r\n        .va-pricing-card-title {\r\n            font-size: 24px;\r\n            font-weight: 700;\r\n            color: var(--va-pricing-dark);\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .va-pricing-card-price {\r\n            font-size: 56px;\r\n            font-weight: 800;\r\n            color: var(--va-pricing-primary);\r\n            margin-bottom: 5px;\r\n            font-family: 'Space Grotesk', sans-serif;\r\n            line-height: 1;\r\n        }\r\n\r\n        .va-pricing-card-price .va-pricing-currency {\r\n            font-size: 32px;\r\n            vertical-align: top;\r\n        }\r\n\r\n        .va-pricing-card-period {\r\n            font-size: 16px;\r\n            color: var(--va-pricing-gray);\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .va-pricing-card-features {\r\n            margin-bottom: 30px;\r\n            flex-grow: 1;\r\n        }\r\n\r\n        .va-pricing-card-feature {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 12px;\r\n            margin-bottom: 16px;\r\n            font-size: 15px;\r\n            color: var(--va-pricing-gray);\r\n            padding: 8px 0;\r\n            border-bottom: 1px solid rgba(241, 245, 249, 0.5);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .va-pricing-card-feature:last-child {\r\n            border-bottom: none;\r\n        }\r\n\r\n        .va-pricing-card-feature:hover {\r\n            color: var(--va-pricing-dark);\r\n            padding-left: 8px;\r\n        }\r\n\r\n        .va-pricing-card-feature i {\r\n            color: var(--va-pricing-accent);\r\n            font-size: 18px;\r\n            margin-top: 2px;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .va-pricing-card-btn {\r\n            width: 100%;\r\n            padding: 16px;\r\n            border-radius: 16px;\r\n            font-weight: 600;\r\n            font-size: 16px;\r\n            text-decoration: none;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 8px;\r\n            transition: all 0.3s ease;\r\n            border: none;\r\n            cursor: pointer;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .va-pricing-card-btn::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\r\n            transition: left 0.5s ease;\r\n        }\r\n\r\n        .va-pricing-card-btn:hover::before {\r\n            left: 100%;\r\n        }\r\n\r\n        .va-pricing-card-btn-primary {\r\n            background: var(--va-pricing-gradient-2);\r\n            color: var(--va-pricing-white)!important;\r\n            box-shadow: var(--va-pricing-shadow-md);\r\n        }\r\n\r\n        .va-pricing-card-btn-primary:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: var(--va-pricing-shadow-xl);\r\n        }\r\n\r\n        .va-pricing-card-btn-secondary {\r\n            background: transparent;\r\n            color: var(--va-pricing-primary)!important;\r\n            border: 2px solid var(--va-pricing-primary);\r\n        }\r\n\r\n        .va-pricing-card-btn-secondary:hover {\r\n            background: var(--va-pricing-primary);\r\n            color: var(--va-pricing-white)!important;\r\n            transform: translateY(-2px);\r\n            box-shadow: var(--va-pricing-shadow-lg);\r\n        }\r\n\r\n        \/* Toggle Switch *\/\r\n        .va-pricing-toggle-container {\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            gap: 20px;\r\n            margin: 60px 0;\r\n        }\r\n\r\n        .va-pricing-toggle-label {\r\n            font-size: 16px;\r\n            font-weight: 600;\r\n            color: var(--va-pricing-gray);\r\n        }\r\n\r\n        .va-pricing-toggle-label.active {\r\n            color: var(--va-pricing-primary);\r\n        }\r\n\r\n        .va-pricing-toggle {\r\n            position: relative;\r\n            width: 60px;\r\n            height: 30px;\r\n            background: var(--va-pricing-light-gray);\r\n            border-radius: 30px;\r\n            cursor: pointer;\r\n            transition: background 0.3s ease;\r\n        }\r\n\r\n        .va-pricing-toggle.active {\r\n            background: var(--va-pricing-primary);\r\n        }\r\n\r\n        .va-pricing-toggle-slider {\r\n            position: absolute;\r\n            top: 3px;\r\n            left: 3px;\r\n            width: 24px;\r\n            height: 24px;\r\n            background: var(--va-pricing-white);\r\n            border-radius: 50%;\r\n            transition: transform 0.3s ease;\r\n            box-shadow: var(--va-pricing-shadow-sm);\r\n        }\r\n\r\n        .va-pricing-toggle.active .va-pricing-toggle-slider {\r\n            transform: translateX(30px);\r\n        }\r\n\r\n        \/* Comparison Table *\/\r\n        .va-pricing-comparison-section {\r\n            background: var(--va-pricing-light-gray);\r\n            border-radius: 30px;\r\n            padding: 60px;\r\n            margin: 80px 0;\r\n        }\r\n\r\n        .va-pricing-comparison-table {\r\n            width: 100%;\r\n            border-collapse: separate;\r\n            border-spacing: 0;\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            box-shadow: var(--va-pricing-shadow-xl);\r\n            background: var(--va-pricing-white);\r\n        }\r\n\r\n        .va-pricing-comparison-table th {\r\n            background: var(--va-pricing-gradient-2);\r\n            color: var(--va-pricing-white);\r\n            padding: 25px 20px;\r\n            text-align: center;\r\n            font-weight: 600;\r\n            font-size: 16px;\r\n            font-family: 'Space Grotesk', sans-serif;\r\n        }\r\n\r\n        .va-pricing-comparison-table th:first-child {\r\n            text-align: left;\r\n            background: var(--va-pricing-dark-lighter);\r\n            border-radius: 20px 0 0 0;\r\n        }\r\n\r\n        .va-pricing-comparison-table th:last-child {\r\n            border-radius: 0 20px 0 0;\r\n        }\r\n\r\n        .va-pricing-comparison-table td {\r\n            padding: 20px;\r\n            text-align: center;\r\n            border-bottom: 1px solid var(--va-pricing-light-gray);\r\n            font-size: 15px;\r\n            color: var(--va-pricing-gray);\r\n            font-weight: 500;\r\n        }\r\n\r\n        .va-pricing-comparison-table td:first-child {\r\n            text-align: left;\r\n            font-weight: 600;\r\n            color: var(--va-pricing-dark);\r\n            background: rgba(241, 245, 249, 0.5);\r\n        }\r\n\r\n        .va-pricing-comparison-table tr:hover td {\r\n            background: rgba(99, 102, 241, 0.05);\r\n        }\r\n\r\n        .va-pricing-comparison-table tr:last-child td {\r\n            border-bottom: none;\r\n        }\r\n\r\n        .va-pricing-check-icon {\r\n            color: var(--va-pricing-accent);\r\n            font-size: 24px;\r\n        }\r\n\r\n        .va-pricing-cross-icon {\r\n            color: #EF4444;\r\n            font-size: 24px;\r\n        }\r\n\r\n        \/* FAQ Section *\/\r\n        .va-pricing-faq-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 30px;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        .va-pricing-faq-item {\r\n            background: var(--va-pricing-white);\r\n            border-radius: 20px;\r\n            padding: 30px;\r\n            box-shadow: var(--va-pricing-shadow-lg);\r\n            transition: all 0.3s ease;\r\n            cursor: pointer;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .va-pricing-faq-item::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 3px;\r\n            background: var(--va-pricing-gradient-2);\r\n            transform: scaleX(0);\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .va-pricing-faq-item:hover::before,\r\n        .va-pricing-faq-item.active::before {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .va-pricing-faq-item:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: var(--va-pricing-shadow-xl);\r\n        }\r\n\r\n        .va-pricing-faq-question {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            font-size: 18px;\r\n            font-weight: 700;\r\n            color: var(--va-pricing-dark);\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .va-pricing-faq-question i {\r\n            color: var(--va-pricing-primary);\r\n            font-size: 24px;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .va-pricing-faq-item.active .va-pricing-faq-question i {\r\n            transform: rotate(180deg);\r\n        }\r\n\r\n        .va-pricing-faq-answer {\r\n            font-size: 15px;\r\n            color: var(--va-pricing-gray);\r\n            line-height: 1.7;\r\n            display: none;\r\n            animation: fadeIn 0.3s ease;\r\n        }\r\n\r\n        .va-pricing-faq-item.active .va-pricing-faq-answer {\r\n            display: block;\r\n        }\r\n\r\n        @keyframes fadeIn {\r\n            from { opacity: 0; transform: translateY(-10px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n\r\n        \/* CTA Section *\/\r\n        .va-pricing-cta {\r\n            padding: 100px 0;\r\n            background: var(--va-pricing-gradient-2);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .va-pricing-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-pricing-cta-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            text-align: center;\r\n        }\r\n\r\n        .va-pricing-cta-title {\r\n            font-size: 48px;\r\n            font-weight: 800;\r\n            color: var(--va-pricing-white);\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .va-pricing-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-pricing-cta-buttons {\r\n            display: flex;\r\n            gap: 20px;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .va-pricing-cta-btn {\r\n            padding: 18px 36px;\r\n            border-radius: 16px;\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: 10px;\r\n            transition: all 0.3s ease;\r\n            border: none;\r\n            cursor: pointer;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .va-pricing-cta-btn::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\r\n            transition: left 0.5s ease;\r\n        }\r\n\r\n        .va-pricing-cta-btn:hover::before {\r\n            left: 100%;\r\n        }\r\n\r\n        .va-pricing-cta-btn-primary {\r\n            background: var(--va-pricing-white);\r\n            color: var(--va-pricing-primary);\r\n            box-shadow: var(--va-pricing-shadow-lg);\r\n        }\r\n\r\n        .va-pricing-cta-btn-primary:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .va-pricing-cta-btn-secondary {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(10px);\r\n            color: var(--va-pricing-white)!important;\r\n            border: 2px solid rgba(255, 255, 255, 0.3);\r\n        }\r\n\r\n        .va-pricing-cta-btn-secondary:hover {\r\n            background: rgba(255, 255, 255, 0.2);\r\n            transform: translateY(-3px);\r\n        }\r\n\r\n        \/* Floating Elements *\/\r\n        .va-pricing-float-element {\r\n            position: absolute;\r\n            animation: float 6s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes float {\r\n            0%, 100% { transform: translateY(0); }\r\n            50% { transform: translateY(-20px); }\r\n        }\r\n\r\n        .va-pricing-float-1 {\r\n            top: 10%;\r\n            right: 10%;\r\n            width: 100px;\r\n            height: 100px;\r\n            background: var(--va-pricing-gradient-2);\r\n            border-radius: 50%;\r\n            opacity: 0.1;\r\n            animation-delay: 0s;\r\n        }\r\n\r\n        .va-pricing-float-2 {\r\n            bottom: 20%;\r\n            left: 5%;\r\n            width: 60px;\r\n            height: 60px;\r\n            background: var(--va-pricing-gradient-3);\r\n            border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\r\n            opacity: 0.1;\r\n            animation-delay: 2s;\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 992px) {\r\n            .va-pricing-hero-title {\r\n                font-size: 56px;\r\n            }\r\n            \r\n            .va-pricing-section-title {\r\n                font-size: 40px;\r\n            }\r\n            \r\n            .va-pricing-card.featured {\r\n                transform: scale(1);\r\n            }\r\n            \r\n            .va-pricing-service-title-content h2 {\r\n                font-size: 28px;\r\n            }\r\n            \r\n            .va-pricing-comparison-section {\r\n                padding: 40px 20px;\r\n            }\r\n            \r\n            .va-pricing-comparison-table {\r\n                font-size: 14px;\r\n            }\r\n            \r\n            .va-pricing-comparison-table th,\r\n            .va-pricing-comparison-table td {\r\n                padding: 15px 10px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .va-pricing-hero-title {\r\n                font-size: 42px;\r\n            }\r\n            \r\n            .va-pricing-section-title {\r\n                font-size: 32px;\r\n            }\r\n            \r\n            .va-pricing-cta-title {\r\n                font-size: 36px;\r\n            }\r\n            \r\n            .va-pricing-hero-stats {\r\n                grid-template-columns: 1fr;\r\n                gap: 20px;\r\n            }\r\n            \r\n            .va-pricing-cta-buttons {\r\n                flex-direction: column;\r\n            }\r\n            \r\n            .va-pricing-cta-btn {\r\n                width: 100%;\r\n                justify-content: center;\r\n            }\r\n            \r\n            .va-pricing-service-header {\r\n                flex-direction: column;\r\n                text-align: center;\r\n            }\r\n            \r\n            .va-pricing-comparison-table {\r\n                font-size: 12px;\r\n            }\r\n            \r\n            .va-pricing-comparison-table th,\r\n            .va-pricing-comparison-table td {\r\n                padding: 12px 8px;\r\n            }\r\n            \r\n            .va-pricing-comparison-table th:first-child,\r\n            .va-pricing-comparison-table td:first-child {\r\n                display: none;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 576px) {\r\n            .va-pricing-hero-title {\r\n                font-size: 32px;\r\n            }\r\n            \r\n            .va-pricing-section-title {\r\n                font-size: 28px;\r\n            }\r\n            \r\n            .va-pricing-cta-title {\r\n                font-size: 28px;\r\n            }\r\n            \r\n            .va-pricing-section {\r\n                padding: 80px 0;\r\n            }\r\n            \r\n            .va-pricing-table {\r\n                grid-template-columns: 1fr;\r\n                gap: 30px;\r\n            }\r\n            \r\n            .va-pricing-card {\r\n                padding: 30px 20px;\r\n            }\r\n            \r\n            .va-pricing-card-price {\r\n                font-size: 48px;\r\n            }\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\r\n            \/* Responsive Design *\/\r\n            @media (max-width: 768px) {\r\n                \r\n                .anv-footer-back-to-top {\r\n                    bottom: 20px;\r\n                    right: 20px;\r\n                    width: 45px;\r\n                    height: 45px;\r\n                    font-size: 20px;\r\n                }\r\n            }\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    <!-- Hero Section -->\r\n    <section class=\"va-pricing-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-pricing-hero-content text-center\">\r\n                        <div class=\"va-pricing-hero-breadcrumb\">\r\n                            <span><a href=\"\/\">Home<\/a><\/span>\r\n                            <i class=\"bx bx-chevron-right\"><\/i>\r\n                            <span>Pricing<\/span>\r\n                        <\/div>\r\n                        <h1 class=\"va-pricing-hero-title\">\r\n                            Simple <span class=\"va-pricing-gradient-text\">Transparent Pricing<\/span>\r\n                        <\/h1>\r\n                        <p class=\"va-pricing-hero-subtitle\">\r\n                            No hidden fees. No surprise charges. Just straightforward pricing that scales with your success.\r\n                        <\/p>\r\n                        \r\n                        <div class=\"va-pricing-hero-stats\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                            <div class=\"va-pricing-stat-item\">\r\n                                <div class=\"va-pricing-stat-number\">15000+<\/div>\r\n                                <div class=\"va-pricing-stat-label\">Success Stories<\/div>\r\n                            <\/div>\r\n                            <div class=\"va-pricing-stat-item\">\r\n                                <div class=\"va-pricing-stat-number\">4500+<\/div>\r\n                                <div class=\"va-pricing-stat-label\">Projects Launched<\/div>\r\n                            <\/div>\r\n                            <div class=\"va-pricing-stat-item\">\r\n                                <div class=\"va-pricing-stat-number\">99.9%<\/div>\r\n                                <div class=\"va-pricing-stat-label\">Client Satisfaction<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"va-pricing-float-element va-pricing-float-1\" style=\"transform: translateY(3538.5px);\"><\/div>\r\n        <div class=\"va-pricing-float-element va-pricing-float-2\" style=\"transform: translateY(4246.2px);\"><\/div>\r\n    <\/section>\r\n\r\n    <!-- App Development Pricing -->\r\n    <section class=\"va-pricing-section va-pricing-section-light\">\r\n        <div class=\"container\">\r\n            <div class=\"va-pricing-service-header\" data-aos=\"fade-up\">\r\n                <div class=\"va-pricing-service-icon\">\r\n                    <i class=\"bx bx-mobile-alt\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-pricing-service-title-content\">\r\n                    <h2>Mobile App Development<\/h2>\r\n                    <p>Transform your ideas into powerful mobile experiences<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-pricing-table\">\r\n                <!-- Starter App -->\r\n                <div class=\"va-pricing-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <div class=\"va-pricing-card-header\">\r\n                        <div class=\"va-pricing-card-icon\">\r\n                            <i class=\"bx bx-mobile\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"va-pricing-card-title\">MVP Launch<\/h3>\r\n                        <div class=\"va-pricing-card-price\">\r\n                            <span class=\"va-pricing-currency\">$<\/span>12,999\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-period\">per platform<\/div>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-card-features\">\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Modern UI\/UX Design<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Native iOS or Android<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Up to 15 Screens<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Cloud API Integration<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>2 Months Support<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <a href=\"#contact\" class=\"va-pricing-card-btn va-pricing-card-btn-secondary\">\r\n                        Start Building\r\n                        <i class=\"bx bx-arrow-right\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- Professional App -->\r\n                <div class=\"va-pricing-card featured\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <div class=\"va-pricing-card-header\">\r\n                        <div class=\"va-pricing-card-icon\">\r\n                            <i class=\"bx bx-devices\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"va-pricing-card-title\">Growth Solution<\/h3>\r\n                        <div class=\"va-pricing-card-price\">\r\n                            <span class=\"va-pricing-currency\">$<\/span>29,999\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-period\">per platform<\/div>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-card-features\">\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Premium UI\/UX Design<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Cross-Platform (React Native)<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Up to 30 Screens<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Advanced Features & Analytics<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>6 Months Support<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <a href=\"#contact\" class=\"va-pricing-card-btn va-pricing-card-btn-primary\">\r\n                        Scale Now\r\n                        <i class=\"bx bx-rocket\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- Enterprise App -->\r\n                <div class=\"va-pricing-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <div class=\"va-pricing-card-header\">\r\n                        <div class=\"va-pricing-card-icon\">\r\n                            <i class=\"bx bx-building\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"va-pricing-card-title\">Enterprise Suite<\/h3>\r\n                        <div class=\"va-pricing-card-price\">\r\n                            Custom\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-period\">tailored quote<\/div>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-card-features\">\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>World-Class Design System<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Multi-Platform Ecosystem<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Unlimited Features<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>AI & ML Integration<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>24\/7 Dedicated Support<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <a href=\"#contact\" class=\"va-pricing-card-btn va-pricing-card-btn-secondary\">\r\n                        Schedule Consultation\r\n                        <i class=\"bx bx-phone\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- UI\/UX Design Pricing -->\r\n    <section class=\"va-pricing-section va-pricing-section-gray\">\r\n        <div class=\"container\">\r\n            <div class=\"va-pricing-service-header\" data-aos=\"fade-up\">\r\n                <div class=\"va-pricing-service-icon\">\r\n                    <i class=\"bx bx-palette\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-pricing-service-title-content\">\r\n                    <h2>UI\/UX Design Services<\/h2>\r\n                    <p>Create experiences that users love and remember<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-pricing-table\">\r\n                <!-- Basic Design -->\r\n                <div class=\"va-pricing-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <div class=\"va-pricing-card-header\">\r\n                        <div class=\"va-pricing-card-icon\">\r\n                            <i class=\"bx bx-pencil\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"va-pricing-card-title\">Essential Design<\/h3>\r\n                        <div class=\"va-pricing-card-price\">\r\n                            <span class=\"va-pricing-currency\">$<\/span>3,999\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-period\">per project<\/div>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-card-features\">\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Up to 8 Screens<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Interactive Wireframes<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>3 Design Revisions<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>10 Business Days<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Design Files & Style Guide<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <a href=\"#contact\" class=\"va-pricing-card-btn va-pricing-card-btn-secondary\">\r\n                        Get Started\r\n                        <i class=\"bx bx-arrow-right\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- Professional Design -->\r\n                <div class=\"va-pricing-card featured\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <div class=\"va-pricing-card-header\">\r\n                        <div class=\"va-pricing-card-icon\">\r\n                            <i class=\"bx bx-layer\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"va-pricing-card-title\">Premium Experience<\/h3>\r\n                        <div class=\"va-pricing-card-price\">\r\n                            <span class=\"va-pricing-currency\">$<\/span>9,999\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-period\">per project<\/div>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-card-features\">\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Up to 20 Screens<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Complete Design System<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>High-Fidelity Prototype<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Unlimited Revisions<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>3 Weeks Delivery<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <a href=\"#contact\" class=\"va-pricing-card-btn va-pricing-card-btn-primary\">\r\n                        Elevate Your Brand\r\n                        <i class=\"bx bx-rocket\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- Enterprise Design -->\r\n                <div class=\"va-pricing-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <div class=\"va-pricing-card-header\">\r\n                        <div class=\"va-pricing-card-icon\">\r\n                            <i class=\"bx bx-crown\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"va-pricing-card-title\">Design Partnership<\/h3>\r\n                        <div class=\"va-pricing-card-price\">\r\n                            Custom\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-period\">monthly retainer<\/div>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-card-features\">\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Unlimited Design Requests<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Brand Identity & Strategy<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>User Research & Testing<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>A\/B Testing & Optimization<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Dedicated Design Team<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <a href=\"#contact\" class=\"va-pricing-card-btn va-pricing-card-btn-secondary\">\r\n                        Partner With Us\r\n                        <i class=\"bx bx-phone\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Web Development Pricing -->\r\n    <section class=\"va-pricing-section va-pricing-section-light\">\r\n        <div class=\"container\">\r\n            <div class=\"va-pricing-service-header\" data-aos=\"fade-up\">\r\n                <div class=\"va-pricing-service-icon\">\r\n                    <i class=\"bx bx-globe\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-pricing-service-title-content\">\r\n                    <h2>Web Development Solutions<\/h2>\r\n                    <p>Build fast, secure, and scalable web experiences<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-pricing-table\">\r\n                <!-- Basic Website -->\r\n                <div class=\"va-pricing-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <div class=\"va-pricing-card-header\">\r\n                        <div class=\"va-pricing-card-icon\">\r\n                            <i class=\"bx bx-file\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"va-pricing-card-title\">Business Website<\/h3>\r\n                        <div class=\"va-pricing-card-price\">\r\n                            <span class=\"va-pricing-currency\">$<\/span>5,999\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-period\">one-time<\/div>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-card-features\">\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Up to 15 Pages<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Mobile-First Responsive<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>SEO Optimization<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Lead Generation Forms<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>3 Months Support<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <a href=\"#contact\" class=\"va-pricing-card-btn va-pricing-card-btn-secondary\">\r\n                        Launch Online\r\n                        <i class=\"bx bx-arrow-right\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- Professional Website -->\r\n                <div class=\"va-pricing-card featured\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <div class=\"va-pricing-card-header\">\r\n                        <div class=\"va-pricing-card-icon\">\r\n                            <i class=\"bx bx-laptop\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"va-pricing-card-title\">E-Commerce Platform<\/h3>\r\n                        <div class=\"va-pricing-card-price\">\r\n                            <span class=\"va-pricing-currency\">$<\/span>12,999\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-period\">one-time<\/div>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-card-features\">\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Unlimited Products<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Custom Design & Branding<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Payment Gateway Integration<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Inventory Management<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>6 Months Support<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <a href=\"#contact\" class=\"va-pricing-card-btn va-pricing-card-btn-primary\">\r\n                        Start Selling\r\n                        <i class=\"bx bx-rocket\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- Web Application -->\r\n                <div class=\"va-pricing-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <div class=\"va-pricing-card-header\">\r\n                        <div class=\"va-pricing-card-icon\">\r\n                            <i class=\"bx bx-code-block\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"va-pricing-card-title\">Custom Web App<\/h3>\r\n                        <div class=\"va-pricing-card-price\">\r\n                            Custom\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-period\">project-based<\/div>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-card-features\">\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Tailored Functionality<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Cloud Infrastructure<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Advanced Security<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Real-time Features<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Year-long Support<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <a href=\"#contact\" class=\"va-pricing-card-btn va-pricing-card-btn-secondary\">\r\n                        Discuss Your Project\r\n                        <i class=\"bx bx-phone\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Digital Marketing Pricing -->\r\n    <section class=\"va-pricing-section va-pricing-section-gray\">\r\n        <div class=\"container\">\r\n            <div class=\"va-pricing-service-header\" data-aos=\"fade-up\">\r\n                <div class=\"va-pricing-service-icon\">\r\n                    <i class=\"bx bx-pie-chart-alt\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-pricing-service-title-content\">\r\n                    <h2>Digital Marketing Services<\/h2>\r\n                    <p>Drive growth with data-driven marketing strategies<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-pricing-table\">\r\n                <!-- Starter Marketing -->\r\n                <div class=\"va-pricing-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <div class=\"va-pricing-card-header\">\r\n                        <div class=\"va-pricing-card-icon\">\r\n                            <i class=\"bx bx-rocket\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"va-pricing-card-title\">Startup Growth<\/h3>\r\n                        <div class=\"va-pricing-card-price\">\r\n                            <span class=\"va-pricing-currency\">$<\/span>2,499\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-period\">per month<\/div>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-card-features\">\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Social Media Management<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Local SEO Optimization<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Content Creation (8\/mo)<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Monthly Analytics Report<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Email & Chat Support<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <a href=\"#contact\" class=\"va-pricing-card-btn va-pricing-card-btn-secondary\">\r\n                        Accelerate Growth\r\n                        <i class=\"bx bx-arrow-right\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- Professional Marketing -->\r\n                <div class=\"va-pricing-card featured\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <div class=\"va-pricing-card-header\">\r\n                        <div class=\"va-pricing-card-icon\">\r\n                            <i class=\"bx bx-line-chart\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"va-pricing-card-title\">Business Accelerator<\/h3>\r\n                        <div class=\"va-pricing-card-price\">\r\n                            <span class=\"va-pricing-currency\">$<\/span>5,999\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-period\">per month<\/div>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-card-features\">\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Full-Stack SEO & SEM<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Multi-Channel Marketing<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Content Strategy (20\/mo)<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>PPC Campaign Management<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Bi-weekly Strategy Calls<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <a href=\"#contact\" class=\"va-pricing-card-btn va-pricing-card-btn-primary\">\r\n                        Dominate Your Market\r\n                        <i class=\"bx bx-rocket\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- Enterprise Marketing -->\r\n                <div class=\"va-pricing-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <div class=\"va-pricing-card-header\">\r\n                        <div class=\"va-pricing-card-icon\">\r\n                            <i class=\"bx bx-trending-up\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"va-pricing-card-title\">Enterprise Excellence<\/h3>\r\n                        <div class=\"va-pricing-card-price\">\r\n                            Custom\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-period\">custom package<\/div>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-card-features\">\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>End-to-End Marketing<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Marketing Automation<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Video & Podcast Production<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Advanced Analytics & AI<\/span>\r\n                        <\/div>\r\n                        <div class=\"va-pricing-card-feature\">\r\n                            <i class=\"bx bx-check-circle\"><\/i>\r\n                            <span>Personal Marketing Team<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <a href=\"#contact\" class=\"va-pricing-card-btn va-pricing-card-btn-secondary\">\r\n                        Build Your Empire\r\n                        <i class=\"bx bx-phone\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Comparison Table -->\r\n    <section class=\"va-pricing-section va-pricing-section-light\">\r\n        <div class=\"container\">\r\n            <div class=\"text-center mb-5\">\r\n                <div class=\"va-pricing-section-badge d-inline-block\">Compare<\/div>\r\n                <h2 class=\"va-pricing-section-title\">All Features at a Glance<\/h2>\r\n                <p class=\"va-pricing-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                    See exactly what you get with each plan. No fine print, just clear value.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"va-pricing-comparison-section\" data-aos=\"fade-up\">\r\n                <div class=\"table-responsive\">\r\n                    <table class=\"va-pricing-comparison-table\">\r\n                        <thead>\r\n                            <tr>\r\n                                <th>Features<\/th>\r\n                                <th>Starter<\/th>\r\n                                <th>Professional<\/th>\r\n                                <th>Enterprise<\/th>\r\n                            <\/tr>\r\n                        <\/thead>\r\n                        <tbody>\r\n                            <tr>\r\n                                <td>Core Functionality<\/td>\r\n                                <td><i class=\"bx bx-check va-pricing-check-icon\"><\/i><\/td>\r\n                                <td><i class=\"bx bx-check va-pricing-check-icon\"><\/i><\/td>\r\n                                <td><i class=\"bx bx-check va-pricing-check-icon\"><\/i><\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>Advanced Analytics<\/td>\r\n                                <td><i class=\"bx bx-x va-pricing-cross-icon\"><\/i><\/td>\r\n                                <td><i class=\"bx bx-check va-pricing-check-icon\"><\/i><\/td>\r\n                                <td><i class=\"bx bx-check va-pricing-check-icon\"><\/i><\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>Custom Development<\/td>\r\n                                <td><i class=\"bx bx-x va-pricing-cross-icon\"><\/i><\/td>\r\n                                <td><i class=\"bx bx-x va-pricing-cross-icon\"><\/i><\/td>\r\n                                <td><i class=\"bx bx-check va-pricing-check-icon\"><\/i><\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>White-Label Solutions<\/td>\r\n                                <td><i class=\"bx bx-x va-pricing-cross-icon\"><\/i><\/td>\r\n                                <td><i class=\"bx bx-x va-pricing-cross-icon\"><\/i><\/td>\r\n                                <td><i class=\"bx bx-check va-pricing-check-icon\"><\/i><\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>API Access<\/td>\r\n                                <td><i class=\"bx bx-x va-pricing-cross-icon\"><\/i><\/td>\r\n                                <td><i class=\"bx bx-check va-pricing-check-icon\"><\/i><\/td>\r\n                                <td><i class=\"bx bx-check va-pricing-check-icon\"><\/i><\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>Dedicated Manager<\/td>\r\n                                <td><i class=\"bx bx-x va-pricing-cross-icon\"><\/i><\/td>\r\n                                <td><i class=\"bx bx-x va-pricing-cross-icon\"><\/i><\/td>\r\n                                <td><i class=\"bx bx-check va-pricing-check-icon\"><\/i><\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>Custom Integrations<\/td>\r\n                                <td><i class=\"bx bx-x va-pricing-cross-icon\"><\/i><\/td>\r\n                                <td><i class=\"bx bx-x va-pricing-cross-icon\"><\/i><\/td>\r\n                                <td><i class=\"bx bx-check va-pricing-check-icon\"><\/i><\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>99.9% Uptime SLA<\/td>\r\n                                <td><i class=\"bx bx-x va-pricing-cross-icon\"><\/i><\/td>\r\n                                <td><i class=\"bx bx-x va-pricing-cross-icon\"><\/i><\/td>\r\n                                <td><i class=\"bx bx-check va-pricing-check-icon\"><\/i><\/td>\r\n                            <\/tr>\r\n                        <\/tbody>\r\n                    <\/table>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- FAQ Section -->\r\n    <section class=\"va-pricing-section va-pricing-section-gray\">\r\n        <div class=\"container\">\r\n            <div class=\"text-center mb-5\">\r\n                <div class=\"va-pricing-section-badge d-inline-block\">FAQ<\/div>\r\n                <h2 class=\"va-pricing-section-title\">Your Questions Answered<\/h2>\r\n                <p class=\"va-pricing-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                    Everything you need to know about our pricing and services.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"va-pricing-faq-grid\">\r\n                <div class=\"va-pricing-faq-item\" data-aos=\"fade-up\">\r\n                    <div class=\"va-pricing-faq-question\">\r\n                        <span>What's included in the free consultation?<\/span>\r\n                        <i class=\"bx bx-chevron-down\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-faq-answer\">\r\n                        Our free 30-minute consultation includes a comprehensive needs analysis, project scope discussion, timeline estimation, and a detailed proposal with transparent pricing. We'll also provide strategic recommendations tailored to your business goals.\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"va-pricing-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <div class=\"va-pricing-faq-question\">\r\n                        <span>Can I upgrade or downgrade my plan anytime?<\/span>\r\n                        <i class=\"bx bx-chevron-down\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-faq-answer\">\r\n                        Absolutely! We believe in flexibility. You can upgrade instantly with prorated billing, or downgrade at your next billing cycle. No penalties, no hidden fees\u2014just seamless scalability as your business evolves.\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"va-pricing-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <div class=\"va-pricing-faq-question\">\r\n                        <span>Do you offer a money-back guarantee?<\/span>\r\n                        <i class=\"bx bx-chevron-down\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-faq-answer\">\r\n                        Yes! We stand behind our work with a 30-day satisfaction guarantee. If you're not completely thrilled with our services within the first 30 days, we'll provide a full refund\u2014no questions asked, no hassle.\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"va-pricing-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <div class=\"va-pricing-faq-question\">\r\n                        <span>How long does it take to see results?<\/span>\r\n                        <i class=\"bx bx-chevron-down\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-faq-answer\">\r\n                        Timeline varies by project: Websites launch in 2-6 weeks, apps in 2-4 months, and marketing results typically show in 30-90 days. We provide detailed project roadmaps and keep you updated every step of the way.\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"va-pricing-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                    <div class=\"va-pricing-faq-question\">\r\n                        <span>What kind of support can I expect?<\/span>\r\n                        <i class=\"bx bx-chevron-down\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-faq-answer\">\r\n                        Support scales with your plan: from email and chat support (Starter) to priority phone support (Professional) to 24\/7 dedicated team access (Enterprise). All clients get access to our comprehensive knowledge base and video tutorials.\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"va-pricing-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                    <div class=\"va-pricing-faq-question\">\r\n                        <span>Can you work with our existing systems?<\/span>\r\n                        <i class=\"bx bx-chevron-down\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"va-pricing-faq-answer\">\r\n                        Definitely! We specialize in seamless integrations with existing CRMs, ERPs, payment systems, and third-party APIs. Our team will ensure everything works together perfectly, minimizing disruption to your current operations.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- CTA Section -->\r\n    <section id=\"contact\" class=\"va-pricing-cta\">\r\n        <div class=\"container\">\r\n            <div class=\"va-pricing-cta-content\">\r\n                <h2 class=\"va-pricing-cta-title\" data-aos=\"fade-up\">Ready to Transform Your Business?<\/h2>\r\n                <p class=\"va-pricing-cta-subtitle\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    Join thousands of successful businesses. Let's build something extraordinary together.\r\n                <\/p>\r\n                <div class=\"va-pricing-cta-buttons\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <a href=\"tel:1674567890\" class=\"va-pricing-cta-btn va-pricing-cta-btn-primary\">\r\n                        Schedule a Call\r\n                        <i class=\"bx bx-phone\"><\/i>\r\n                    <\/a>\r\n                    <a href=\"mailto:support@viewanonymous.com\" class=\"va-pricing-cta-btn va-pricing-cta-btn-secondary\">\r\n                        Send Message\r\n                        <i class=\"bx bx-envelope\"><\/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\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    <script>\r\n \r\n        \/\/ FAQ Accordion\r\n        document.querySelectorAll('.va-pricing-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-pricing-faq-item').forEach(item => {\r\n                    item.classList.remove('active');\r\n                });\r\n                \r\n                \/\/ Open clicked item if it wasn't active\r\n                if (!isActive) {\r\n                    faqItem.classList.add('active');\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ Smooth Scrolling for anchor links\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                        behvaior: 'smooth',\r\n                        block: 'start'\r\n                    });\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ Add hover effect to pricing cards\r\n        document.querySelectorAll('.va-pricing-card').forEach(card => {\r\n            card.addEventListener('mouseenter', function() {\r\n                this.style.transform = this.classList.contains('featured') \r\n                    ? 'scale(1.05) translateY(-15px)' \r\n                    : 'translateY(-15px)';\r\n            });\r\n            \r\n            card.addEventListener('mouselevae', function() {\r\n                this.style.transform = this.classList.contains('featured') \r\n                    ? 'scale(1.05)' \r\n                    : 'translateY(0)';\r\n            });\r\n        });\r\n\r\n        \/\/ Parallax effect for floating elements\r\n        window.addEventListener('scroll', () => {\r\n            const scrolled = window.pageYOffset;\r\n            const floatElements = document.querySelectorAll('.va-pricing-float-element');\r\n            \r\n            floatElements.forEach((element, index) => {\r\n                const speed = 0.5 + (index * 0.1);\r\n                element.style.transform = `translateY(${scrolled * speed}px)`;\r\n            });\r\n        });\r\n    <\/script>\r\n\r\n\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                    behvaior: '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-24","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/24","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=24"}],"version-history":[{"count":3,"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":897,"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/24\/revisions\/897"}],"wp:attachment":[{"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/media?parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}