{"id":18,"date":"2026-03-25T06:18:19","date_gmt":"2026-03-25T06:18:19","guid":{"rendered":"https:\/\/viewanonymous.com\/?page_id=18"},"modified":"2026-03-31T11:31:28","modified_gmt":"2026-03-31T11:31:28","slug":"contact","status":"publish","type":"page","link":"https:\/\/viewanonymous.com\/contact\/","title":{"rendered":"Contact"},"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-contact-primary: #6366F1;\r\n        --va-contact-primary-dark: #4F46E5;\r\n        --va-contact-primary-light: #818CF8;\r\n        --va-contact-secondary: #EC4899;\r\n        --va-contact-accent: #10B981;\r\n        --va-contact-dark: #0F172A;\r\n        --va-contact-dark-lighter: #1E293B;\r\n        --va-contact-gray: #64748B;\r\n        --va-contact-light-gray: #F1F5F9;\r\n        --va-contact-white: #FFFFFF;\r\n        --va-contact-gradient-1: linear-gradient(135deg,#6366f1 0%,#8c60ff 100%);\r\n        --va-contact-gradient-2: linear-gradient(135deg,#6366f1 0%,#8c60ff 100%);\r\n        --va-contact-gradient-hero: linear-gradient(135deg, #0F172A 0%, #1E293B 50%, #334155 100%);\r\n        --va-contact-gradient-text: linear-gradient(135deg,#6366f1 0%,#8c60ff 100%);\r\n        --va-contact-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);\r\n        --va-contact-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);\r\n        --va-contact-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);\r\n        --va-contact-shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.1);\r\n        --va-contact-shadow-2xl: 0 25px 50px rgba(0, 0, 0, 0.15);\r\n        --va-contact-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n    }\r\n\r\n    * {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    body {\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n        overflow-x: hidden;\r\n        background-color: var(--va-contact-white);\r\n        color: var(--va-contact-dark);\r\n        line-height: 1.6;\r\n        -webkit-font-smoothing: antialiased;\r\n        -moz-osx-font-smoothing: grayscale;\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-contact-dark);\r\n        line-height: 1.2;\r\n    }\r\n\r\n    \/* Hero Section *\/\r\n    .va-contact-hero {\r\n        min-height: 80vh;\r\n        background: var(--va-contact-gradient-hero);\r\n        position: relative;\r\n        overflow: hidden;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .va-contact-hero::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: \r\n            radial-gradient(circle at 20% 50%, rgba(99, 102, 241, 0.15) 0%, transparent 50%),\r\n            radial-gradient(circle at 80% 80%, rgba(236, 72, 153, 0.1) 0%, transparent 50%),\r\n            radial-gradient(circle at 40% 20%, rgba(16, 185, 129, 0.1) 0%, transparent 50%);\r\n        z-index: 1;\r\n        animation: floatingGradient 20s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes floatingGradient {\r\n        0%, 100% { transform: translate(0, 0) rotate(0deg); }\r\n        33% { transform: translate(-20px, -20px) rotate(1deg); }\r\n        66% { transform: translate(20px, -10px) rotate(-1deg); }\r\n    }\r\n\r\n    .va-contact-hero-content {\r\n        position: relative;\r\n        z-index: 10;\r\n        text-align: center;\r\n        max-width: 1200px;\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .va-contact-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        animation: fadeInUp 0.8s ease;\r\n    }\r\n\r\n    .va-contact-hero-breadcrumb a {\r\n        color: rgba(255, 255, 255, 0.7);\r\n        text-decoration: none;\r\n        transition: var(--va-contact-transition);\r\n    }\r\n\r\n    .va-contact-hero-breadcrumb a:hover {\r\n        color: var(--va-contact-white);\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    .va-contact-hero-breadcrumb i {\r\n        color: var(--va-contact-primary);\r\n    }\r\n\r\n    .va-contact-hero-title {\r\n        font-size: clamp(48px, 8vw, 72px);\r\n        font-weight: 800;\r\n        color: var(--va-contact-white);\r\n        margin-bottom: 24px;\r\n        line-height: 1.1;\r\n        letter-spacing: -0.02em;\r\n        animation: fadeInUp 0.8s ease 0.2s both;\r\n    }\r\n\r\n    .va-contact-hero-title .va-contact-gradient-text {\r\n        background: var(--va-contact-gradient-text);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n        display: inline-block;\r\n        animation: shimmer 3s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes shimmer {\r\n        0%, 100% { opacity: 1; }\r\n        50% { opacity: 0.8; }\r\n    }\r\n\r\n    .va-contact-hero-subtitle {\r\n        font-size: clamp(18px, 2vw, 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        animation: fadeInUp 0.8s ease 0.4s both;\r\n    }\r\n\r\n    @keyframes fadeInUp {\r\n        from {\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n        }\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    \/* Section Styles *\/\r\n    .va-contact-section {\r\n        padding: clamp(60px, 10vw, 120px) 0;\r\n    }\r\n\r\n    .va-contact-section-light {\r\n        background-color: var(--va-contact-white);\r\n    }\r\n\r\n    .va-contact-section-gray {\r\n        background-color: var(--va-contact-light-gray);\r\n    }\r\n\r\n    .va-contact-section-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        background: rgba(99, 102, 241, 0.1);\r\n        border-radius: 100px;\r\n        padding: 8px 16px;\r\n        color: var(--va-contact-primary);\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        margin-bottom: 24px;\r\n        animation: fadeIn 0.8s ease;\r\n    }\r\n\r\n    @keyframes fadeIn {\r\n        from { opacity: 0; }\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .va-contact-section-title {\r\n        font-size: clamp(36px, 5vw, 48px);\r\n        font-weight: 700;\r\n        color: var(--va-contact-dark);\r\n        margin-bottom: 24px;\r\n        animation: fadeInUp 0.8s ease 0.2s both;\r\n    }\r\n\r\n    .va-contact-section-text {\r\n        font-size: clamp(16px, 2vw, 18px);\r\n        color: var(--va-contact-gray);\r\n        margin-bottom: 24px;\r\n        line-height: 1.7;\r\n        animation: fadeInUp 0.8s ease 0.4s both;\r\n    }\r\n\r\n    \/* Contact Form 7 Styling *\/\r\n    .va-contact-form-wrapper {\r\n        background: var(--va-contact-white);\r\n        border-radius: 30px;\r\n        box-shadow: var(--va-contact-shadow-2xl);\r\n        overflow: hidden;\r\n        position: relative;\r\n        animation: slideInUp 0.8s ease;\r\n    }\r\n\r\n    @keyframes slideInUp {\r\n        from {\r\n            opacity: 0;\r\n            transform: translateY(50px);\r\n        }\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .va-contact-form-wrapper::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-contact-gradient-2);\r\n    }\r\n\r\n    .va-contact-form {\r\n        padding: clamp(40px, 5vw, 60px);\r\n    }\r\n\r\n    .va-contact-form-header {\r\n        text-align: center;\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    .va-contact-form-title {\r\n        font-size: clamp(28px, 4vw, 36px);\r\n        font-weight: 700;\r\n        color: var(--va-contact-dark);\r\n        margin-bottom: 16px;\r\n    }\r\n\r\n    .va-contact-form-subtitle {\r\n        font-size: 16px;\r\n        color: var(--va-contact-gray);\r\n    }\r\n\r\n    \/* Contact Form 7 Specific Styles *\/\r\n    .va-contact-form .wpcf7 {\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .va-contact-form .wpcf7-form {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 24px;\r\n    }\r\n\r\n    .va-contact-form .wpcf7-form-control-wrap {\r\n        position: relative;\r\n    }\r\n\r\n    .va-contact-form .wpcf7-form label {\r\n        display: block;\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: var(--va-contact-dark);\r\n        margin-bottom: 8px;\r\n        transition: var(--va-contact-transition);\r\n    }\r\n\r\n    .va-contact-form .wpcf7-form label .wpcf7-not-valid-tip {\r\n        display: block;\r\n        font-size: 12px;\r\n        font-weight: 400;\r\n        color: var(--va-contact-secondary);\r\n        margin-top: 5px;\r\n        animation: shake 0.5s ease;\r\n    }\r\n\r\n    @keyframes shake {\r\n        0%, 100% { transform: translateX(0); }\r\n        25% { transform: translateX(-5px); }\r\n        75% { transform: translateX(5px); }\r\n    }\r\n\r\n    .va-contact-form .wpcf7-form input[type=\"text\"],\r\n    .va-contact-form .wpcf7-form input[type=\"email\"],\r\n    .va-contact-form .wpcf7-form textarea {\r\n        width: 100%;\r\n        padding: 16px 20px;\r\n        border: 2px solid var(--va-contact-light-gray);\r\n        border-radius: 12px;\r\n        font-size: 16px;\r\n        color: var(--va-contact-dark);\r\n        background-color: var(--va-contact-white);\r\n        transition: var(--va-contact-transition);\r\n        font-family: inherit;\r\n    }\r\n\r\n    .va-contact-form .wpcf7-form input[type=\"text\"]:focus,\r\n    .va-contact-form .wpcf7-form input[type=\"email\"]:focus,\r\n    .va-contact-form .wpcf7-form textarea:focus {\r\n        outline: none;\r\n        border-color: var(--va-contact-primary);\r\n        box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    .va-contact-form .wpcf7-form input[type=\"text\"]::placeholder,\r\n    .va-contact-form .wpcf7-form input[type=\"email\"]::placeholder,\r\n    .va-contact-form .wpcf7-form textarea::placeholder {\r\n        color: var(--va-contact-gray);\r\n        opacity: 0.7;\r\n    }\r\n\r\n    .va-contact-form .wpcf7-form textarea {\r\n        resize: vertical;\r\n        min-height: 120px;\r\n    }\r\n\r\n    .va-contact-form .wpcf7-form .form-row {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 24px;\r\n    }\r\n\r\n    .va-contact-form .wpcf7-submit {\r\n        width: 100%;\r\n        padding: 18px 32px;\r\n        background: var(--va-contact-gradient-2);\r\n        color: var(--va-contact-white);\r\n        border: none;\r\n        border-radius: 12px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        cursor: pointer;\r\n        transition: var(--va-contact-transition);\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 8px;\r\n        position: relative;\r\n        overflow: hidden;\r\n        font-family: inherit;\r\n    }\r\n\r\n    .va-contact-form .wpcf7-submit::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.2), transparent);\r\n        transition: left 0.5s ease;\r\n    }\r\n\r\n    .va-contact-form .wpcf7-submit:hover::before {\r\n        left: 100%;\r\n    }\r\n\r\n    .va-contact-form .wpcf7-submit:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: var(--va-contact-shadow-lg);\r\n    }\r\n\r\n    .va-contact-form .wpcf7-submit:active {\r\n        transform: translateY(0);\r\n    }\r\n\r\n    .va-contact-form .wpcf7-submit:disabled {\r\n        opacity: 0.6;\r\n        cursor: not-allowed;\r\n        transform: none;\r\n    }\r\n\r\n    \/* Form submission states *\/\r\n    .va-contact-form .wpcf7 form.submitting .wpcf7-submit {\r\n        pointer-events: none;\r\n        opacity: 0.8;\r\n    }\r\n\r\n    .va-contact-form .wpcf7 form.submitting .wpcf7-submit::after {\r\n        content: '';\r\n        position: absolute;\r\n        width: 20px;\r\n        height: 20px;\r\n        border: 2px solid transparent;\r\n        border-top-color: var(--va-contact-white);\r\n        border-radius: 50%;\r\n        animation: spin 1s linear infinite;\r\n        margin-left: 10px;\r\n    }\r\n\r\n    @keyframes spin {\r\n        0% { transform: rotate(0deg); }\r\n        100% { transform: rotate(360deg); }\r\n    }\r\n\r\n    \/* Response messages *\/\r\n    .va-contact-form .wpcf7-response-output {\r\n        margin: 20px 0 0 0;\r\n        padding: 16px 20px;\r\n        border-radius: 12px;\r\n        font-size: 14px;\r\n        font-weight: 500;\r\n        border: none;\r\n        animation: slideIn 0.5s ease;\r\n    }\r\n\r\n    .va-contact-form .wpcf7-mail-sent-ok {\r\n        background: linear-gradient(135deg, #10B981 0%, #059669 100%);\r\n        color: var(--va-contact-white);\r\n    }\r\n\r\n    .va-contact-form .wpcf7-mail-sent-ng {\r\n        background: linear-gradient(135deg, #EF4444 0%, #DC2626 100%);\r\n        color: var(--va-contact-white);\r\n    }\r\n\r\n    .va-contact-form .wpcf7-validation-errors {\r\n        background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);\r\n        color: var(--va-contact-white);\r\n    }\r\n\r\n    .va-contact-form-note {\r\n        font-size: 14px;\r\n        color: var(--va-contact-gray);\r\n        text-align: center;\r\n        margin-top: 16px;\r\n        opacity: 0.8;\r\n    }\r\n\r\n    \/* Contact Info Cards *\/\r\n    .va-contact-info-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n        gap: 30px;\r\n        margin-top: 60px;\r\n    }\r\n\r\n    .va-contact-info-card {\r\n        background: var(--va-contact-white);\r\n        border-radius: 20px;\r\n        padding: 30px;\r\n        box-shadow: var(--va-contact-shadow-lg);\r\n        transition: var(--va-contact-transition);\r\n        text-align: center;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .va-contact-info-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-contact-gradient-2);\r\n        transform: scaleX(0);\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .va-contact-info-card:hover::before {\r\n        transform: scaleX(1);\r\n    }\r\n\r\n    .va-contact-info-card:hover {\r\n        transform: translateY(-10px);\r\n        box-shadow: var(--va-contact-shadow-2xl);\r\n    }\r\n\r\n    .va-contact-info-icon {\r\n        width: 70px;\r\n        height: 70px;\r\n        background: var(--va-contact-gradient-2);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin: 0 auto 20px;\r\n        transition: var(--va-contact-transition);\r\n    }\r\n\r\n    .va-contact-info-card:hover .va-contact-info-icon {\r\n        transform: scale(1.1) rotate(5deg);\r\n    }\r\n\r\n    .va-contact-info-icon i {\r\n        font-size: 32px;\r\n        color: var(--va-contact-white);\r\n    }\r\n\r\n    .va-contact-info-title {\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        color: var(--va-contact-dark);\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .va-contact-info-text {\r\n        font-size: 16px;\r\n        color: var(--va-contact-gray);\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .va-contact-info-link {\r\n        color: var(--va-contact-primary);\r\n        text-decoration: none;\r\n        font-weight: 600;\r\n        transition: var(--va-contact-transition);\r\n        display: inline-block;\r\n    }\r\n\r\n    .va-contact-info-link:hover {\r\n        color: var(--va-contact-primary-dark);\r\n        transform: translateX(3px);\r\n    }\r\n\r\n    \/* Why Contact Section *\/\r\n    .va-contact-why-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n        gap: 30px;\r\n        margin-top: 60px;\r\n    }\r\n\r\n    .va-contact-why-card {\r\n        background: var(--va-contact-white);\r\n        border-radius: 16px;\r\n        padding: 30px;\r\n        box-shadow: var(--va-contact-shadow-md);\r\n        transition: var(--va-contact-transition);\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .va-contact-why-card::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: -50%;\r\n        right: -50%;\r\n        width: 200%;\r\n        height: 200%;\r\n        background: radial-gradient(circle, rgba(99, 102, 241, 0.05) 0%, transparent 70%);\r\n        transform: scale(0);\r\n        transition: transform 0.5s ease;\r\n    }\r\n\r\n    .va-contact-why-card:hover::after {\r\n        transform: scale(1);\r\n    }\r\n\r\n    .va-contact-why-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: var(--va-contact-shadow-xl);\r\n    }\r\n\r\n    .va-contact-why-icon {\r\n        width: 60px;\r\n        height: 60px;\r\n        background: var(--va-contact-gradient-2);\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin-bottom: 20px;\r\n        transition: var(--va-contact-transition);\r\n    }\r\n\r\n    .va-contact-why-card:hover .va-contact-why-icon {\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    .va-contact-why-icon i {\r\n        font-size: 28px;\r\n        color: var(--va-contact-white);\r\n    }\r\n\r\n    .va-contact-why-title {\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        color: var(--va-contact-dark);\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .va-contact-why-description {\r\n        font-size: 15px;\r\n        color: var(--va-contact-gray);\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* Map Section *\/\r\n    .va-contact-map {\r\n        border-radius: 20px;\r\n        overflow: hidden;\r\n        box-shadow: var(--va-contact-shadow-2xl);\r\n        height: 500px;\r\n        position: relative;\r\n    }\r\n\r\n    .va-contact-map iframe {\r\n        width: 100%;\r\n        height: 100%;\r\n        border: none;\r\n    }\r\n\r\n    .va-contact-map-overlay {\r\n        position: absolute;\r\n        top: 30px;\r\n        left: 30px;\r\n        background: var(--va-contact-white);\r\n        padding: 20px;\r\n        border-radius: 12px;\r\n        box-shadow: var(--va-contact-shadow-lg);\r\n        max-width: 300px;\r\n    }\r\n\r\n    .va-contact-map-title {\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        color: var(--va-contact-dark);\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .va-contact-map-address {\r\n        font-size: 14px;\r\n        color: var(--va-contact-gray);\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* FAQ Section *\/\r\n    .va-contact-faq {\r\n        max-width: 800px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .va-contact-faq-item {\r\n        background: var(--va-contact-white);\r\n        border-radius: 12px;\r\n        margin-bottom: 16px;\r\n        box-shadow: var(--va-contact-shadow-md);\r\n        overflow: hidden;\r\n        transition: var(--va-contact-transition);\r\n    }\r\n\r\n    .va-contact-faq-item.active {\r\n        box-shadow: var(--va-contact-shadow-xl);\r\n    }\r\n\r\n    .va-contact-faq-question {\r\n        padding: 20px 24px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        color: var(--va-contact-dark);\r\n        cursor: pointer;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        transition: var(--va-contact-transition);\r\n        position: relative;\r\n    }\r\n\r\n    .va-contact-faq-question::before {\r\n        content: '';\r\n        position: absolute;\r\n        left: 0;\r\n        top: 0;\r\n        bottom: 0;\r\n        width: 4px;\r\n        background: var(--va-contact-gradient-2);\r\n        transform: scaleY(0);\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .va-contact-faq-item.active .va-contact-faq-question::before {\r\n        transform: scaleY(1);\r\n    }\r\n\r\n    .va-contact-faq-question:hover {\r\n        background: rgba(99, 102, 241, 0.05);\r\n        padding-left: 30px;\r\n    }\r\n\r\n    .va-contact-faq-question i {\r\n        transition: transform 0.3s ease;\r\n        color: var(--va-contact-primary);\r\n        font-size: 20px;\r\n    }\r\n\r\n    .va-contact-faq-item.active .va-contact-faq-question i {\r\n        transform: rotate(180deg);\r\n    }\r\n\r\n    .va-contact-faq-answer {\r\n        padding: 0 24px;\r\n        max-height: 0;\r\n        overflow: hidden;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .va-contact-faq-item.active .va-contact-faq-answer {\r\n        padding: 0 24px 20px;\r\n        max-height: 500px;\r\n    }\r\n\r\n    .va-contact-faq-answer p {\r\n        font-size: 14px;\r\n        color: var(--va-contact-gray);\r\n        line-height: 1.6;\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: var(--va-contact-gradient-2);\r\n        border: none;\r\n        border-radius: 50%;\r\n        color: var(--va-contact-white);\r\n        font-size: 24px;\r\n        cursor: pointer;\r\n        opacity: 0;\r\n        visibility: hidden;\r\n        transition: var(--va-contact-transition);\r\n        z-index: 1000;\r\n        box-shadow: var(--va-contact-shadow-lg);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .anv-footer-back-to-top.show {\r\n        opacity: 1;\r\n        visibility: visible;\r\n        animation: bounceIn 0.5s ease;\r\n    }\r\n\r\n    @keyframes bounceIn {\r\n        0% { transform: scale(0.3); opacity: 0; }\r\n        50% { transform: scale(1.05); }\r\n        70% { transform: scale(0.9); }\r\n        100% { transform: scale(1); opacity: 1; }\r\n    }\r\n\r\n    .anv-footer-back-to-top:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: var(--va-contact-shadow-2xl);\r\n    }\r\n\r\n    .anv-footer-back-to-top:active {\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    \/* Success Message *\/\r\n    .va-contact-success-message {\r\n        display: none;\r\n        background: linear-gradient(135deg, #10B981 0%, #059669 100%);\r\n        color: var(--va-contact-white);\r\n        padding: 20px;\r\n        border-radius: 12px;\r\n        text-align: center;\r\n        margin-bottom: 20px;\r\n        animation: slideIn 0.5s ease;\r\n    }\r\n\r\n    .va-contact-success-message.show {\r\n        display: block;\r\n    }\r\n\r\n    \/* Dark Mode Support *\/\r\n    @media (prefers-color-scheme: dark) {\r\n        :root {\r\n            --va-contact-white: #0F172A;\r\n            --va-contact-dark: #F1F5F9;\r\n            --va-contact-dark-lighter: #334155;\r\n            --va-contact-light-gray: #1E293B;\r\n            --va-contact-gray: #94A3B8;\r\n        }\r\n\r\n        .va-contact-form-wrapper,\r\n        .va-contact-info-card,\r\n        .va-contact-why-card,\r\n        .va-contact-faq-item {\r\n            background: var(--va-contact-dark-lighter);\r\n        }\r\n\r\n        .va-contact-form .wpcf7-form input[type=\"text\"],\r\n        .va-contact-form .wpcf7-form input[type=\"email\"],\r\n        .va-contact-form .wpcf7-form textarea {\r\n            background: var(--va-contact-dark);\r\n            border-color: var(--va-contact-gray);\r\n            color: var(--va-contact-dark);\r\n        }\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 992px) {\r\n        .va-contact-section-title {\r\n            font-size: 40px;\r\n        }\r\n        \r\n        .va-contact-form {\r\n            padding: 40px;\r\n        }\r\n        \r\n        .va-contact-form-title {\r\n            font-size: 28px;\r\n        }\r\n\r\n        .va-contact-why-grid {\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .va-contact-hero-title {\r\n            font-size: 42px;\r\n        }\r\n        \r\n        .va-contact-section-title {\r\n            font-size: 32px;\r\n        }\r\n        \r\n        .va-contact-form .wpcf7-form .form-row {\r\n            grid-template-columns: 1fr;\r\n        }\r\n        \r\n        .va-contact-map-overlay {\r\n            position: static;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .va-contact-info-grid {\r\n            grid-template-columns: 1fr;\r\n        }\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    @media (max-width: 576px) {\r\n        .va-contact-hero-title {\r\n            font-size: 32px;\r\n        }\r\n        \r\n        .va-contact-section-title {\r\n            font-size: 28px;\r\n        }\r\n        \r\n        .va-contact-section {\r\n            padding: 60px 0;\r\n        }\r\n        \r\n        .va-contact-form {\r\n            padding: 30px 20px;\r\n        }\r\n        \r\n        .va-contact-hero {\r\n            min-height: 50vh;\r\n        }\r\n\r\n        .va-contact-why-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .va-contact-map {\r\n            height: 300px;\r\n        }\r\n    }\r\n\r\n    \/* Print Styles *\/\r\n    @media print {\r\n        .va-contact-hero,\r\n        .anv-footer-back-to-top,\r\n        .va-contact-form-btn {\r\n            display: none;\r\n        }\r\n        \r\n        .va-contact-section {\r\n            padding: 20px 0;\r\n        }\r\n    }\r\n\r\n    \/* Accessibility *\/\r\n    @media (prefers-reduced-motion: reduce) {\r\n        *,\r\n        *::before,\r\n        *::after {\r\n            animation-duration: 0.01ms !important;\r\n            animation-iteration-count: 1 !important;\r\n            transition-duration: 0.01ms !important;\r\n        }\r\n    }\r\n\r\n    \/* Focus Styles for Better Accessibility *\/\r\n    .va-contact-form .wpcf7-form input[type=\"text\"]:focus-visible,\r\n    .va-contact-form .wpcf7-form input[type=\"email\"]:focus-visible,\r\n    .va-contact-form .wpcf7-form textarea:focus-visible,\r\n    .va-contact-form .wpcf7-submit:focus-visible,\r\n    .anv-footer-back-to-top:focus-visible {\r\n        outline: 2px solid var(--va-contact-primary);\r\n        outline-offset: 2px;\r\n    }\r\n<\/style>\r\n  <body data-aos-easing=\"ease\" data-aos-duration=\"1000\" data-aos-delay=\"0\" data-new-gr-c-s-check-loaded=\"14.1271.0\" data-gr-ext-installed=\"\">\r\n\r\n <!-- Contact Hero Section -->\r\n<section class=\"va-contact-hero\">\r\n    <div class=\"container\">\r\n        <div class=\"row align-items-center\">\r\n            <div class=\"col-lg-12\">\r\n                <div class=\"va-contact-hero-content text-center\">\r\n                    <div class=\"va-contact-hero-breadcrumb\">\r\n                        <span><a href=\"\/\">Home<\/a><\/span>\r\n                        <i class=\"bx bx-chevron-right\"><\/i>\r\n                        <span>Contact Us<\/span>\r\n                    <\/div>\r\n                    <h1 class=\"va-contact-hero-title\">\r\n                        Protect Your <span class=\"va-contact-gradient-text\">Privacy<\/span>\r\n                    <\/h1>\r\n                    <p class=\"va-contact-hero-subtitle\">\r\n                        Have questions about anonymous browsing or need help with our proxy service? Our privacy experts are here to ensure you can browse the web securely and without restrictions.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Contact Form Section -->\r\n<section class=\"va-contact-section va-contact-section-light\">\r\n    <div class=\"container\">\r\n        <div class=\"row justify-content-center\">\r\n            <div class=\"col-lg-10\">\r\n                <div class=\"va-contact-form-wrapper\" data-aos=\"fade-up\">\r\n                    <div class=\"va-contact-form\">\r\n                        <div class=\"va-contact-form-header\">\r\n                            <h2 class=\"va-contact-form-title\">Privacy & Support Inquiries<\/h2>\r\n                            <p class=\"va-contact-form-subtitle\">Your privacy is our priority. Contact us anonymously - we never track or store your personal information.<\/p>\r\n                        <\/div>\r\n                        \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f9-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"9\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/ja\/wp-json\/wp\/v2\/pages\/18#wpcf7-f9-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"9\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.7\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f9-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<p><label> Your name<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span> <\/label>\n<\/p>\n<p><label> Your email<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label>\n<\/p>\n<p><label> Subject<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-subject\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-subject\" \/><\/span> <\/label>\n<\/p>\n<p><label> Your message (optional)<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span> <\/label>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Submit\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Contact Information Section -->\r\n<section class=\"va-contact-section va-contact-section-gray\">\r\n    <div class=\"container\">\r\n        <div class=\"text-center mb-5\">\r\n            <div class=\"va-contact-section-badge d-inline-block\">Secure Contact Methods<\/div>\r\n            <h2 class=\"va-contact-section-title\">Anonymous Support Channels<\/h2>\r\n            <p class=\"va-contact-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                Choose your preferred method to reach us while maintaining complete anonymity.\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"va-contact-info-grid\">\r\n            <div class=\"va-contact-info-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"va-contact-info-icon\">\r\n                    <i class=\"bx bx-shield-lock\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-contact-info-title\">Encrypted Email<\/h3>\r\n                <p class=\"va-contact-info-text\">\r\n                    <a href=\"mailto:support@viewanonymous.com\" class=\"va-contact-info-link\">\r\n                        support@viewanonymous.com\r\n                    <\/a><br>\r\n                    <small>PGP encrypted for maximum security<\/small>\r\n                <\/p>\r\n            <\/div>\r\n            \r\n                <div class=\"va-contact-info-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <div class=\"va-contact-info-icon\">\r\n                        <i class=\"bx bx-phone\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"va-contact-info-title\">Call Us<\/h3>\r\n                    <p class=\"va-contact-info-text\">\r\n                        <a href=\"tel:+15551234396\" class=\"va-contact-info-link\">\r\n                            +1 (555) 123-4396\r\n                        <\/a>\r\n                    <\/p>\r\n                <\/div>\r\n            \r\n            <div class=\"va-contact-info-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <div class=\"va-contact-info-icon\">\r\n                    <i class=\"bx bx-message-alt-detail\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-contact-info-title\">Secure Chat<\/h3>\r\n                <p class=\"va-contact-info-text\">\r\n                    End-to-end encrypted chat<br>\r\n                    <a href=\"#\" class=\"va-contact-info-link\">Start Anonymous Chat<\/a>\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"va-contact-info-card\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                <div class=\"va-contact-info-icon\">\r\n                    <i class=\"bx bx-globe\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-contact-info-title\">Global Access<\/h3>\r\n                <p class=\"va-contact-info-text\">\r\n                    Available worldwide 24\/7<br>\r\n                    <small>No geographical restrictions<\/small>\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Why Contact Us Section -->\r\n<section class=\"va-contact-section va-contact-section-light\">\r\n    <div class=\"container\">\r\n        <div class=\"text-center mb-5\">\r\n            <div class=\"va-contact-section-badge d-inline-block\">How We Help<\/div>\r\n            <h2 class=\"va-contact-section-title\">Anonymous Browsing Support<\/h2>\r\n            <p class=\"va-contact-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                From bypassing censorship to protecting your identity, we're here to ensure your online freedom and privacy.\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"va-contact-why-grid\">\r\n            <div class=\"va-contact-why-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"va-contact-why-icon\">\r\n                    <i class=\"bx bx-lock-alt\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-contact-why-title\">Bypass Restrictions<\/h3>\r\n                <p class=\"va-contact-why-description\">\r\n                    Can't access certain websites? We'll help you bypass geo-restrictions, firewalls, and censorship to access the content you need.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"va-contact-why-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <div class=\"va-contact-why-icon\">\r\n                    <i class=\"bx bx-user-x\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-contact-why-title\">Privacy Protection<\/h3>\r\n                <p class=\"va-contact-why-description\">\r\n                    Learn how to browse without leaving traces. We'll guide you through the best practices for maintaining complete online anonymity.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"va-contact-why-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <div class=\"va-contact-why-icon\">\r\n                    <i class=\"bx bx-shield-quarter\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-contact-why-title\">Security Issues<\/h3>\r\n                <p class=\"va-contact-why-description\">\r\n                    Concerned about tracking or malware? Our security experts will help you identify and mitigate online threats while browsing anonymously.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"va-contact-why-card\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                <div class=\"va-contact-why-icon\">\r\n                    <i class=\"bx bx-server\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-contact-why-title\">Proxy Configuration<\/h3>\r\n                <p class=\"va-contact-why-description\">\r\n                    Need help setting up our proxy service? We'll assist you with configuration for browsers, applications, and custom integrations.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"va-contact-why-card\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                <div class=\"va-contact-why-icon\">\r\n                    <i class=\"bx bx-error\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-contact-why-title\">Troubleshooting<\/h3>\r\n                <p class=\"va-contact-why-description\">\r\n                    Experiencing connection issues or slow speeds? Our technical team will quickly diagnose and resolve any problems with your anonymous browsing.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"va-contact-why-card\" data-aos=\"fade-up\" data-aos-delay=\"600\">\r\n                <div class=\"va-contact-why-icon\">\r\n                    <i class=\"bx bx-book-open\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-contact-why-title\">Privacy Education<\/h3>\r\n                <p class=\"va-contact-why-description\">\r\n                    Want to learn more about online privacy? We provide resources and guidance on digital security, encryption, and anonymous communication.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- FAQ Section -->\r\n<section class=\"va-contact-section va-contact-section-gray\">\r\n    <div class=\"container\">\r\n        <div class=\"text-center mb-5\">\r\n            <div class=\"va-contact-section-badge d-inline-block\">Privacy FAQ<\/div>\r\n            <h2 class=\"va-contact-section-title\">Frequently Asked Questions<\/h2>\r\n            <p class=\"va-contact-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                Get answers to common questions about anonymous browsing and our privacy services.\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"va-contact-faq\">\r\n            <div class=\"va-contact-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"va-contact-faq-question\">\r\n                    Is my browsing activity really anonymous?\r\n                    <i class=\"bx bx-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-contact-faq-answer\">\r\n                    <p>Yes! We never log, track, or store your browsing activity, IP addresses, or any personal information. Our system is designed to provide complete anonymity with no data retention policies.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-contact-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <div class=\"va-contact-faq-question\">\r\n                    Can I access blocked websites?\r\n                    <i class=\"bx bx-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-contact-faq-answer\">\r\n                    <p>Absolutely! Our proxy service helps you bypass geo-restrictions, government censorship, and network firewalls. Access any website from anywhere in the world without limitations.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-contact-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <div class=\"va-contact-faq-question\">\r\n                    How does ViewAnonymous protect my privacy?\r\n                    <i class=\"bx bx-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-contact-faq-answer\">\r\n                    <p>We use military-grade encryption, multiple proxy layers, and strict no-logging policies. Your connection is routed through secure servers, masking your real IP and encrypting all data.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-contact-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                <div class=\"va-contact-faq-question\">\r\n                    Is it legal to use your service?\r\n                    <i class=\"bx bx-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-contact-faq-answer\">\r\n                    <p>Yes, using our anonymous browsing service is legal in most countries. However, users are responsible for complying with their local laws. We recommend checking your jurisdiction's regulations regarding proxy usage.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-contact-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                <div class=\"va-contact-faq-question\">\r\n                    Do you offer a free trial?\r\n                    <i class=\"bx bx-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-contact-faq-answer\">\r\n                    <p>Yes! We offer a limited free trial so you can test our service. No credit card required. Experience anonymous browsing risk-free before deciding on a premium plan.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-contact-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"600\">\r\n                <div class=\"va-contact-faq-question\">\r\n                    What payment methods do you accept?\r\n                    <i class=\"bx bx-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-contact-faq-answer\">\r\n                    <p>We accept cryptocurrency (Bitcoin, Monero), privacy-focused payment methods, and anonymous gift cards. We never store payment information or link transactions to user accounts.<\/p>\r\n                <\/div>\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\" 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        \/\/ Initialize AOS\r\n        AOS.init({\r\n            duration: 1000,\r\n            once: true,\r\n            offset: 100\r\n        });\r\n\r\n        \/\/ FAQ Accordion\r\n        const faqItems = document.querySelectorAll('.va-contact-faq-item');\r\n\r\n        faqItems.forEach(item => {\r\n            const question = item.querySelector('.va-contact-faq-question');\r\n            \r\n            question.addEventListener('click', () => {\r\n                \/\/ Close other FAQ items\r\n                faqItems.forEach(otherItem => {\r\n                    if (otherItem !== item) {\r\n                        otherItem.classList.remove('active');\r\n                    }\r\n                });\r\n                \r\n                \/\/ Toggle current FAQ item\r\n                item.classList.toggle('active');\r\n            });\r\n        });\r\n\r\n        \/\/ Form Submission\r\n        const contactForm = document.getElementById('contactForm');\r\n        const successMessage = document.getElementById('successMessage');\r\n        const submitBtn = contactForm.querySelector('.va-contact-form-btn');\r\n\r\n        contactForm.addEventListener('submit', function(e) {\r\n            e.preventDefault();\r\n            \r\n            \/\/ Disable submit button\r\n            submitBtn.disabled = true;\r\n            submitBtn.innerHTML = '<i class=\"bx bx-loader-alt bx-spin\"><\/i> Sending...';\r\n            \r\n            \/\/ Construct email body\r\n            const formData = new FormData(contactForm);\r\n            let emailBody = 'Contact Form Submission\\n\\n';\r\n            emailBody += `Name: ${formData.get('name')}\\n`;\r\n            emailBody += `Email: ${formData.get('email')}\\n`;\r\n            emailBody += `Phone: ${formData.get('phone') || 'Not provided'}\\n`;\r\n            emailBody += `Subject: ${formData.get('subject')}\\n\\n`;\r\n            emailBody += `Message:\\n${formData.get('message')}`;\r\n            \r\n            \/\/ Create mailto link\r\n            const mailtoLink = `mailto:support@viewanonymous.com?subject=${encodeURIComponent(formData.get('subject'))}&body=${encodeURIComponent(emailBody)}`;\r\n            \r\n            \/\/ Open email client\r\n            window.location.href = mailtoLink;\r\n            \r\n            \/\/ Show success message\r\n            setTimeout(() => {\r\n                successMessage.classList.add('show');\r\n                contactForm.reset();\r\n                submitBtn.disabled = false;\r\n                submitBtn.innerHTML = '<i class=\"bx bx-send\"><\/i> Send Message';\r\n                \r\n                \/\/ Hide success message after 5 seconds\r\n                setTimeout(() => {\r\n                    successMessage.classList.remove('show');\r\n                }, 5000);\r\n            }, 1000);\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                        behavior: 'smooth',\r\n                        block: 'start'\r\n                    });\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ Add hover effect to contact cards\r\n        const contactCards = document.querySelectorAll('.va-contact-info-card');\r\n        \r\n        contactCards.forEach(card => {\r\n            card.addEventListener('mouseenter', function() {\r\n                const icon = this.querySelector('.va-contact-info-icon i');\r\n                icon.style.transform = 'scale(1.1) rotate(5deg)';\r\n            });\r\n            \r\n            card.addEventListener('mouseleave', function() {\r\n                const icon = this.querySelector('.va-contact-info-icon i');\r\n                icon.style.transform = 'scale(1) rotate(0deg)';\r\n            });\r\n        });\r\n    <\/script>\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                    behavior: 'smooth'\r\n                });\r\n            });\r\n            <\/script>[\/et_pb_fullwidth_code][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":" <style>\r\n    :root {\r\n        --va-contact-primary: #6366F1;\r\n        --va-contact-primary-dark: #4F46E5;\r\n        --va-contact-primary-light: #818CF8;\r\n        --va-contact-secondary: #EC4899;\r\n        --va-contact-accent: #10B981;\r\n        --va-contact-dark: #0F172A;\r\n        --va-contact-dark-lighter: #1E293B;\r\n        --va-contact-gray: #64748B;\r\n        --va-contact-light-gray: #F1F5F9;\r\n        --va-contact-white: #FFFFFF;\r\n        --va-contact-gradient-1: linear-gradient(135deg,#6366f1 0%,#8c60ff 100%);\r\n        --va-contact-gradient-2: linear-gradient(135deg,#6366f1 0%,#8c60ff 100%);\r\n        --va-contact-gradient-hero: linear-gradient(135deg, #0F172A 0%, #1E293B 50%, #334155 100%);\r\n        --va-contact-gradient-text: linear-gradient(135deg,#6366f1 0%,#8c60ff 100%);\r\n        --va-contact-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);\r\n        --va-contact-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);\r\n        --va-contact-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);\r\n        --va-contact-shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.1);\r\n        --va-contact-shadow-2xl: 0 25px 50px rgba(0, 0, 0, 0.15);\r\n        --va-contact-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n    }\r\n\r\n    * {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    body {\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n        overflow-x: hidden;\r\n        background-color: var(--va-contact-white);\r\n        color: var(--va-contact-dark);\r\n        line-height: 1.6;\r\n        -webkit-font-smoothing: antialiased;\r\n        -moz-osx-font-smoothing: grayscale;\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-contact-dark);\r\n        line-height: 1.2;\r\n    }\r\n\r\n    \/* Hero Section *\/\r\n    .va-contact-hero {\r\n        min-height: 80vh;\r\n        background: var(--va-contact-gradient-hero);\r\n        position: relative;\r\n        overflow: hidden;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .va-contact-hero::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: \r\n            radial-gradient(circle at 20% 50%, rgba(99, 102, 241, 0.15) 0%, transparent 50%),\r\n            radial-gradient(circle at 80% 80%, rgba(236, 72, 153, 0.1) 0%, transparent 50%),\r\n            radial-gradient(circle at 40% 20%, rgba(16, 185, 129, 0.1) 0%, transparent 50%);\r\n        z-index: 1;\r\n        animation: floatingGradient 20s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes floatingGradient {\r\n        0%, 100% { transform: translate(0, 0) rotate(0deg); }\r\n        33% { transform: translate(-20px, -20px) rotate(1deg); }\r\n        66% { transform: translate(20px, -10px) rotate(-1deg); }\r\n    }\r\n\r\n    .va-contact-hero-content {\r\n        position: relative;\r\n        z-index: 10;\r\n        text-align: center;\r\n        max-width: 1200px;\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .va-contact-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        animation: fadeInUp 0.8s ease;\r\n    }\r\n\r\n    .va-contact-hero-breadcrumb a {\r\n        color: rgba(255, 255, 255, 0.7);\r\n        text-decoration: none;\r\n        transition: var(--va-contact-transition);\r\n    }\r\n\r\n    .va-contact-hero-breadcrumb a:hover {\r\n        color: var(--va-contact-white);\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    .va-contact-hero-breadcrumb i {\r\n        color: var(--va-contact-primary);\r\n    }\r\n\r\n    .va-contact-hero-title {\r\n        font-size: clamp(48px, 8vw, 72px);\r\n        font-weight: 800;\r\n        color: var(--va-contact-white);\r\n        margin-bottom: 24px;\r\n        line-height: 1.1;\r\n        letter-spacing: -0.02em;\r\n        animation: fadeInUp 0.8s ease 0.2s both;\r\n    }\r\n\r\n    .va-contact-hero-title .va-contact-gradient-text {\r\n        background: var(--va-contact-gradient-text);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n        display: inline-block;\r\n        animation: shimmer 3s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes shimmer {\r\n        0%, 100% { opacity: 1; }\r\n        50% { opacity: 0.8; }\r\n    }\r\n\r\n    .va-contact-hero-subtitle {\r\n        font-size: clamp(18px, 2vw, 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        animation: fadeInUp 0.8s ease 0.4s both;\r\n    }\r\n\r\n    @keyframes fadeInUp {\r\n        from {\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n        }\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    \/* Section Styles *\/\r\n    .va-contact-section {\r\n        padding: clamp(60px, 10vw, 120px) 0;\r\n    }\r\n\r\n    .va-contact-section-light {\r\n        background-color: var(--va-contact-white);\r\n    }\r\n\r\n    .va-contact-section-gray {\r\n        background-color: var(--va-contact-light-gray);\r\n    }\r\n\r\n    .va-contact-section-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        background: rgba(99, 102, 241, 0.1);\r\n        border-radius: 100px;\r\n        padding: 8px 16px;\r\n        color: var(--va-contact-primary);\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        margin-bottom: 24px;\r\n        animation: fadeIn 0.8s ease;\r\n    }\r\n\r\n    @keyframes fadeIn {\r\n        from { opacity: 0; }\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .va-contact-section-title {\r\n        font-size: clamp(36px, 5vw, 48px);\r\n        font-weight: 700;\r\n        color: var(--va-contact-dark);\r\n        margin-bottom: 24px;\r\n        animation: fadeInUp 0.8s ease 0.2s both;\r\n    }\r\n\r\n    .va-contact-section-text {\r\n        font-size: clamp(16px, 2vw, 18px);\r\n        color: var(--va-contact-gray);\r\n        margin-bottom: 24px;\r\n        line-height: 1.7;\r\n        animation: fadeInUp 0.8s ease 0.4s both;\r\n    }\r\n\r\n    \/* Contact Form 7 Styling *\/\r\n    .va-contact-form-wrapper {\r\n        background: var(--va-contact-white);\r\n        border-radius: 30px;\r\n        box-shadow: var(--va-contact-shadow-2xl);\r\n        overflow: hidden;\r\n        position: relative;\r\n        animation: slideInUp 0.8s ease;\r\n    }\r\n\r\n    @keyframes slideInUp {\r\n        from {\r\n            opacity: 0;\r\n            transform: translateY(50px);\r\n        }\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .va-contact-form-wrapper::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-contact-gradient-2);\r\n    }\r\n\r\n    .va-contact-form {\r\n        padding: clamp(40px, 5vw, 60px);\r\n    }\r\n\r\n    .va-contact-form-header {\r\n        text-align: center;\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    .va-contact-form-title {\r\n        font-size: clamp(28px, 4vw, 36px);\r\n        font-weight: 700;\r\n        color: var(--va-contact-dark);\r\n        margin-bottom: 16px;\r\n    }\r\n\r\n    .va-contact-form-subtitle {\r\n        font-size: 16px;\r\n        color: var(--va-contact-gray);\r\n    }\r\n\r\n    \/* Contact Form 7 Specific Styles *\/\r\n    .va-contact-form .wpcf7 {\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .va-contact-form .wpcf7-form {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 24px;\r\n    }\r\n\r\n    .va-contact-form .wpcf7-form-control-wrap {\r\n        position: relative;\r\n    }\r\n\r\n    .va-contact-form .wpcf7-form label {\r\n        display: block;\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: var(--va-contact-dark);\r\n        margin-bottom: 8px;\r\n        transition: var(--va-contact-transition);\r\n    }\r\n\r\n    .va-contact-form .wpcf7-form label .wpcf7-not-valid-tip {\r\n        display: block;\r\n        font-size: 12px;\r\n        font-weight: 400;\r\n        color: var(--va-contact-secondary);\r\n        margin-top: 5px;\r\n        animation: shake 0.5s ease;\r\n    }\r\n\r\n    @keyframes shake {\r\n        0%, 100% { transform: translateX(0); }\r\n        25% { transform: translateX(-5px); }\r\n        75% { transform: translateX(5px); }\r\n    }\r\n\r\n    .va-contact-form .wpcf7-form input[type=\"text\"],\r\n    .va-contact-form .wpcf7-form input[type=\"email\"],\r\n    .va-contact-form .wpcf7-form textarea {\r\n        width: 100%;\r\n        padding: 16px 20px;\r\n        border: 2px solid var(--va-contact-light-gray);\r\n        border-radius: 12px;\r\n        font-size: 16px;\r\n        color: var(--va-contact-dark);\r\n        background-color: var(--va-contact-white);\r\n        transition: var(--va-contact-transition);\r\n        font-family: inherit;\r\n    }\r\n\r\n    .va-contact-form .wpcf7-form input[type=\"text\"]:focus,\r\n    .va-contact-form .wpcf7-form input[type=\"email\"]:focus,\r\n    .va-contact-form .wpcf7-form textarea:focus {\r\n        outline: none;\r\n        border-color: var(--va-contact-primary);\r\n        box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    .va-contact-form .wpcf7-form input[type=\"text\"]::placeholder,\r\n    .va-contact-form .wpcf7-form input[type=\"email\"]::placeholder,\r\n    .va-contact-form .wpcf7-form textarea::placeholder {\r\n        color: var(--va-contact-gray);\r\n        opacity: 0.7;\r\n    }\r\n\r\n    .va-contact-form .wpcf7-form textarea {\r\n        resize: vertical;\r\n        min-height: 120px;\r\n    }\r\n\r\n    .va-contact-form .wpcf7-form .form-row {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 24px;\r\n    }\r\n\r\n    .va-contact-form .wpcf7-submit {\r\n        width: 100%;\r\n        padding: 18px 32px;\r\n        background: var(--va-contact-gradient-2);\r\n        color: var(--va-contact-white);\r\n        border: none;\r\n        border-radius: 12px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        cursor: pointer;\r\n        transition: var(--va-contact-transition);\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 8px;\r\n        position: relative;\r\n        overflow: hidden;\r\n        font-family: inherit;\r\n    }\r\n\r\n    .va-contact-form .wpcf7-submit::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.2), transparent);\r\n        transition: left 0.5s ease;\r\n    }\r\n\r\n    .va-contact-form .wpcf7-submit:hover::before {\r\n        left: 100%;\r\n    }\r\n\r\n    .va-contact-form .wpcf7-submit:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: var(--va-contact-shadow-lg);\r\n    }\r\n\r\n    .va-contact-form .wpcf7-submit:active {\r\n        transform: translateY(0);\r\n    }\r\n\r\n    .va-contact-form .wpcf7-submit:disabled {\r\n        opacity: 0.6;\r\n        cursor: not-allowed;\r\n        transform: none;\r\n    }\r\n\r\n    \/* Form submission states *\/\r\n    .va-contact-form .wpcf7 form.submitting .wpcf7-submit {\r\n        pointer-events: none;\r\n        opacity: 0.8;\r\n    }\r\n\r\n    .va-contact-form .wpcf7 form.submitting .wpcf7-submit::after {\r\n        content: '';\r\n        position: absolute;\r\n        width: 20px;\r\n        height: 20px;\r\n        border: 2px solid transparent;\r\n        border-top-color: var(--va-contact-white);\r\n        border-radius: 50%;\r\n        animation: spin 1s linear infinite;\r\n        margin-left: 10px;\r\n    }\r\n\r\n    @keyframes spin {\r\n        0% { transform: rotate(0deg); }\r\n        100% { transform: rotate(360deg); }\r\n    }\r\n\r\n    \/* Response messages *\/\r\n    .va-contact-form .wpcf7-response-output {\r\n        margin: 20px 0 0 0;\r\n        padding: 16px 20px;\r\n        border-radius: 12px;\r\n        font-size: 14px;\r\n        font-weight: 500;\r\n        border: none;\r\n        animation: slideIn 0.5s ease;\r\n    }\r\n\r\n    .va-contact-form .wpcf7-mail-sent-ok {\r\n        background: linear-gradient(135deg, #10B981 0%, #059669 100%);\r\n        color: var(--va-contact-white);\r\n    }\r\n\r\n    .va-contact-form .wpcf7-mail-sent-ng {\r\n        background: linear-gradient(135deg, #EF4444 0%, #DC2626 100%);\r\n        color: var(--va-contact-white);\r\n    }\r\n\r\n    .va-contact-form .wpcf7-validation-errors {\r\n        background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);\r\n        color: var(--va-contact-white);\r\n    }\r\n\r\n    .va-contact-form-note {\r\n        font-size: 14px;\r\n        color: var(--va-contact-gray);\r\n        text-align: center;\r\n        margin-top: 16px;\r\n        opacity: 0.8;\r\n    }\r\n\r\n    \/* Contact Info Cards *\/\r\n    .va-contact-info-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n        gap: 30px;\r\n        margin-top: 60px;\r\n    }\r\n\r\n    .va-contact-info-card {\r\n        background: var(--va-contact-white);\r\n        border-radius: 20px;\r\n        padding: 30px;\r\n        box-shadow: var(--va-contact-shadow-lg);\r\n        transition: var(--va-contact-transition);\r\n        text-align: center;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .va-contact-info-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-contact-gradient-2);\r\n        transform: scaleX(0);\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .va-contact-info-card:hover::before {\r\n        transform: scaleX(1);\r\n    }\r\n\r\n    .va-contact-info-card:hover {\r\n        transform: translateY(-10px);\r\n        box-shadow: var(--va-contact-shadow-2xl);\r\n    }\r\n\r\n    .va-contact-info-icon {\r\n        width: 70px;\r\n        height: 70px;\r\n        background: var(--va-contact-gradient-2);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin: 0 auto 20px;\r\n        transition: var(--va-contact-transition);\r\n    }\r\n\r\n    .va-contact-info-card:hover .va-contact-info-icon {\r\n        transform: scale(1.1) rotate(5deg);\r\n    }\r\n\r\n    .va-contact-info-icon i {\r\n        font-size: 32px;\r\n        color: var(--va-contact-white);\r\n    }\r\n\r\n    .va-contact-info-title {\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        color: var(--va-contact-dark);\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .va-contact-info-text {\r\n        font-size: 16px;\r\n        color: var(--va-contact-gray);\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .va-contact-info-link {\r\n        color: var(--va-contact-primary);\r\n        text-decoration: none;\r\n        font-weight: 600;\r\n        transition: var(--va-contact-transition);\r\n        display: inline-block;\r\n    }\r\n\r\n    .va-contact-info-link:hover {\r\n        color: var(--va-contact-primary-dark);\r\n        transform: translateX(3px);\r\n    }\r\n\r\n    \/* Why Contact Section *\/\r\n    .va-contact-why-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n        gap: 30px;\r\n        margin-top: 60px;\r\n    }\r\n\r\n    .va-contact-why-card {\r\n        background: var(--va-contact-white);\r\n        border-radius: 16px;\r\n        padding: 30px;\r\n        box-shadow: var(--va-contact-shadow-md);\r\n        transition: var(--va-contact-transition);\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .va-contact-why-card::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: -50%;\r\n        right: -50%;\r\n        width: 200%;\r\n        height: 200%;\r\n        background: radial-gradient(circle, rgba(99, 102, 241, 0.05) 0%, transparent 70%);\r\n        transform: scale(0);\r\n        transition: transform 0.5s ease;\r\n    }\r\n\r\n    .va-contact-why-card:hover::after {\r\n        transform: scale(1);\r\n    }\r\n\r\n    .va-contact-why-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: var(--va-contact-shadow-xl);\r\n    }\r\n\r\n    .va-contact-why-icon {\r\n        width: 60px;\r\n        height: 60px;\r\n        background: var(--va-contact-gradient-2);\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin-bottom: 20px;\r\n        transition: var(--va-contact-transition);\r\n    }\r\n\r\n    .va-contact-why-card:hover .va-contact-why-icon {\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    .va-contact-why-icon i {\r\n        font-size: 28px;\r\n        color: var(--va-contact-white);\r\n    }\r\n\r\n    .va-contact-why-title {\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        color: var(--va-contact-dark);\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .va-contact-why-description {\r\n        font-size: 15px;\r\n        color: var(--va-contact-gray);\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* Map Section *\/\r\n    .va-contact-map {\r\n        border-radius: 20px;\r\n        overflow: hidden;\r\n        box-shadow: var(--va-contact-shadow-2xl);\r\n        height: 500px;\r\n        position: relative;\r\n    }\r\n\r\n    .va-contact-map iframe {\r\n        width: 100%;\r\n        height: 100%;\r\n        border: none;\r\n    }\r\n\r\n    .va-contact-map-overlay {\r\n        position: absolute;\r\n        top: 30px;\r\n        left: 30px;\r\n        background: var(--va-contact-white);\r\n        padding: 20px;\r\n        border-radius: 12px;\r\n        box-shadow: var(--va-contact-shadow-lg);\r\n        max-width: 300px;\r\n    }\r\n\r\n    .va-contact-map-title {\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        color: var(--va-contact-dark);\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .va-contact-map-address {\r\n        font-size: 14px;\r\n        color: var(--va-contact-gray);\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* FAQ Section *\/\r\n    .va-contact-faq {\r\n        max-width: 800px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .va-contact-faq-item {\r\n        background: var(--va-contact-white);\r\n        border-radius: 12px;\r\n        margin-bottom: 16px;\r\n        box-shadow: var(--va-contact-shadow-md);\r\n        overflow: hidden;\r\n        transition: var(--va-contact-transition);\r\n    }\r\n\r\n    .va-contact-faq-item.active {\r\n        box-shadow: var(--va-contact-shadow-xl);\r\n    }\r\n\r\n    .va-contact-faq-question {\r\n        padding: 20px 24px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        color: var(--va-contact-dark);\r\n        cursor: pointer;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        transition: var(--va-contact-transition);\r\n        position: relative;\r\n    }\r\n\r\n    .va-contact-faq-question::before {\r\n        content: '';\r\n        position: absolute;\r\n        left: 0;\r\n        top: 0;\r\n        bottom: 0;\r\n        width: 4px;\r\n        background: var(--va-contact-gradient-2);\r\n        transform: scaleY(0);\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .va-contact-faq-item.active .va-contact-faq-question::before {\r\n        transform: scaleY(1);\r\n    }\r\n\r\n    .va-contact-faq-question:hover {\r\n        background: rgba(99, 102, 241, 0.05);\r\n        padding-left: 30px;\r\n    }\r\n\r\n    .va-contact-faq-question i {\r\n        transition: transform 0.3s ease;\r\n        color: var(--va-contact-primary);\r\n        font-size: 20px;\r\n    }\r\n\r\n    .va-contact-faq-item.active .va-contact-faq-question i {\r\n        transform: rotate(180deg);\r\n    }\r\n\r\n    .va-contact-faq-answer {\r\n        padding: 0 24px;\r\n        max-height: 0;\r\n        overflow: hidden;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .va-contact-faq-item.active .va-contact-faq-answer {\r\n        padding: 0 24px 20px;\r\n        max-height: 500px;\r\n    }\r\n\r\n    .va-contact-faq-answer p {\r\n        font-size: 14px;\r\n        color: var(--va-contact-gray);\r\n        line-height: 1.6;\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: var(--va-contact-gradient-2);\r\n        border: none;\r\n        border-radius: 50%;\r\n        color: var(--va-contact-white);\r\n        font-size: 24px;\r\n        cursor: pointer;\r\n        opacity: 0;\r\n        visibility: hidden;\r\n        transition: var(--va-contact-transition);\r\n        z-index: 1000;\r\n        box-shadow: var(--va-contact-shadow-lg);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .anv-footer-back-to-top.show {\r\n        opacity: 1;\r\n        visibility: visible;\r\n        animation: bounceIn 0.5s ease;\r\n    }\r\n\r\n    @keyframes bounceIn {\r\n        0% { transform: scale(0.3); opacity: 0; }\r\n        50% { transform: scale(1.05); }\r\n        70% { transform: scale(0.9); }\r\n        100% { transform: scale(1); opacity: 1; }\r\n    }\r\n\r\n    .anv-footer-back-to-top:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: var(--va-contact-shadow-2xl);\r\n    }\r\n\r\n    .anv-footer-back-to-top:active {\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    \/* Success Message *\/\r\n    .va-contact-success-message {\r\n        display: none;\r\n        background: linear-gradient(135deg, #10B981 0%, #059669 100%);\r\n        color: var(--va-contact-white);\r\n        padding: 20px;\r\n        border-radius: 12px;\r\n        text-align: center;\r\n        margin-bottom: 20px;\r\n        animation: slideIn 0.5s ease;\r\n    }\r\n\r\n    .va-contact-success-message.show {\r\n        display: block;\r\n    }\r\n\r\n    \/* Dark Mode Support *\/\r\n    @media (prefers-color-scheme: dark) {\r\n        :root {\r\n            --va-contact-white: #0F172A;\r\n            --va-contact-dark: #F1F5F9;\r\n            --va-contact-dark-lighter: #334155;\r\n            --va-contact-light-gray: #1E293B;\r\n            --va-contact-gray: #94A3B8;\r\n        }\r\n\r\n        .va-contact-form-wrapper,\r\n        .va-contact-info-card,\r\n        .va-contact-why-card,\r\n        .va-contact-faq-item {\r\n            background: var(--va-contact-dark-lighter);\r\n        }\r\n\r\n        .va-contact-form .wpcf7-form input[type=\"text\"],\r\n        .va-contact-form .wpcf7-form input[type=\"email\"],\r\n        .va-contact-form .wpcf7-form textarea {\r\n            background: var(--va-contact-dark);\r\n            border-color: var(--va-contact-gray);\r\n            color: var(--va-contact-dark);\r\n        }\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 992px) {\r\n        .va-contact-section-title {\r\n            font-size: 40px;\r\n        }\r\n        \r\n        .va-contact-form {\r\n            padding: 40px;\r\n        }\r\n        \r\n        .va-contact-form-title {\r\n            font-size: 28px;\r\n        }\r\n\r\n        .va-contact-why-grid {\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .va-contact-hero-title {\r\n            font-size: 42px;\r\n        }\r\n        \r\n        .va-contact-section-title {\r\n            font-size: 32px;\r\n        }\r\n        \r\n        .va-contact-form .wpcf7-form .form-row {\r\n            grid-template-columns: 1fr;\r\n        }\r\n        \r\n        .va-contact-map-overlay {\r\n            position: static;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .va-contact-info-grid {\r\n            grid-template-columns: 1fr;\r\n        }\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    @media (max-width: 576px) {\r\n        .va-contact-hero-title {\r\n            font-size: 32px;\r\n        }\r\n        \r\n        .va-contact-section-title {\r\n            font-size: 28px;\r\n        }\r\n        \r\n        .va-contact-section {\r\n            padding: 60px 0;\r\n        }\r\n        \r\n        .va-contact-form {\r\n            padding: 30px 20px;\r\n        }\r\n        \r\n        .va-contact-hero {\r\n            min-height: 50vh;\r\n        }\r\n\r\n        .va-contact-why-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .va-contact-map {\r\n            height: 300px;\r\n        }\r\n    }\r\n\r\n    \/* Print Styles *\/\r\n    @media print {\r\n        .va-contact-hero,\r\n        .anv-footer-back-to-top,\r\n        .va-contact-form-btn {\r\n            display: none;\r\n        }\r\n        \r\n        .va-contact-section {\r\n            padding: 20px 0;\r\n        }\r\n    }\r\n\r\n    \/* Accessibility *\/\r\n    @media (prefers-reduced-motion: reduce) {\r\n        *,\r\n        *::before,\r\n        *::after {\r\n            animation-duration: 0.01ms !important;\r\n            animation-iteration-count: 1 !important;\r\n            transition-duration: 0.01ms !important;\r\n        }\r\n    }\r\n\r\n    \/* Focus Styles for Better Accessibility *\/\r\n    .va-contact-form .wpcf7-form input[type=\"text\"]:focus-visible,\r\n    .va-contact-form .wpcf7-form input[type=\"email\"]:focus-visible,\r\n    .va-contact-form .wpcf7-form textarea:focus-visible,\r\n    .va-contact-form .wpcf7-submit:focus-visible,\r\n    .anv-footer-back-to-top:focus-visible {\r\n        outline: 2px solid var(--va-contact-primary);\r\n        outline-offset: 2px;\r\n    }\r\n<\/style>\r\n  <body data-aos-easing=\"ease\" data-aos-duration=\"1000\" data-aos-delay=\"0\" data-new-gr-c-s-check-loaded=\"14.1271.0\" data-gr-ext-installed=\"\">\r\n\r\n <!-- Contact Hero Section -->\r\n<section class=\"va-contact-hero\">\r\n    <div class=\"container\">\r\n        <div class=\"row align-items-center\">\r\n            <div class=\"col-lg-12\">\r\n                <div class=\"va-contact-hero-content text-center\">\r\n                    <div class=\"va-contact-hero-breadcrumb\">\r\n                        <span><a href=\"\/\">Home<\/a><\/span>\r\n                        <i class=\"bx bx-chevron-right\"><\/i>\r\n                        <span>Contact Us<\/span>\r\n                    <\/div>\r\n                    <h1 class=\"va-contact-hero-title\">\r\n                        Protect Your <span class=\"va-contact-gradient-text\">Privacy<\/span>\r\n                    <\/h1>\r\n                    <p class=\"va-contact-hero-subtitle\">\r\n                        Have questions about anonymous browsing or need help with our proxy service? Our privacy experts are here to ensure you can browse the web securely and without restrictions.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Contact Form Section -->\r\n<section class=\"va-contact-section va-contact-section-light\">\r\n    <div class=\"container\">\r\n        <div class=\"row justify-content-center\">\r\n            <div class=\"col-lg-10\">\r\n                <div class=\"va-contact-form-wrapper\" data-aos=\"fade-up\">\r\n                    <div class=\"va-contact-form\">\r\n                        <div class=\"va-contact-form-header\">\r\n                            <h2 class=\"va-contact-form-title\">Privacy & Support Inquiries<\/h2>\r\n                            <p class=\"va-contact-form-subtitle\">Your privacy is our priority. Contact us anonymously - we never track or store your personal information.<\/p>\r\n                        <\/div>\r\n                        \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f9-o2\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"9\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/ja\/wp-json\/wp\/v2\/pages\/18#wpcf7-f9-o2\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"9\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.7\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f9-o2\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<p><label> Your name<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span> <\/label>\n<\/p>\n<p><label> Your email<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label>\n<\/p>\n<p><label> Subject<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-subject\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-subject\" \/><\/span> <\/label>\n<\/p>\n<p><label> Your message (optional)<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span> <\/label>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Submit\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Contact Information Section -->\r\n<section class=\"va-contact-section va-contact-section-gray\">\r\n    <div class=\"container\">\r\n        <div class=\"text-center mb-5\">\r\n            <div class=\"va-contact-section-badge d-inline-block\">Secure Contact Methods<\/div>\r\n            <h2 class=\"va-contact-section-title\">Anonymous Support Channels<\/h2>\r\n            <p class=\"va-contact-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                Choose your preferred method to reach us while maintaining complete anonymity.\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"va-contact-info-grid\">\r\n            <div class=\"va-contact-info-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"va-contact-info-icon\">\r\n                    <i class=\"bx bx-shield-lock\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-contact-info-title\">Encrypted Email<\/h3>\r\n                <p class=\"va-contact-info-text\">\r\n                    <a href=\"mailto:support@viewanonymous.com\" class=\"va-contact-info-link\">\r\n                        support@viewanonymous.com\r\n                    <\/a><br>\r\n                    <small>PGP encrypted for maximum security<\/small>\r\n                <\/p>\r\n            <\/div>\r\n            \r\n                <div class=\"va-contact-info-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <div class=\"va-contact-info-icon\">\r\n                        <i class=\"bx bx-phone\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"va-contact-info-title\">Call Us<\/h3>\r\n                    <p class=\"va-contact-info-text\">\r\n                        <a href=\"tel:+15551234396\" class=\"va-contact-info-link\">\r\n                            +1 (555) 123-4396\r\n                        <\/a>\r\n                    <\/p>\r\n                <\/div>\r\n            \r\n            <div class=\"va-contact-info-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <div class=\"va-contact-info-icon\">\r\n                    <i class=\"bx bx-message-alt-detail\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-contact-info-title\">Secure Chat<\/h3>\r\n                <p class=\"va-contact-info-text\">\r\n                    End-to-end encrypted chat<br>\r\n                    <a href=\"#\" class=\"va-contact-info-link\">Start Anonymous Chat<\/a>\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"va-contact-info-card\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                <div class=\"va-contact-info-icon\">\r\n                    <i class=\"bx bx-globe\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-contact-info-title\">Global Access<\/h3>\r\n                <p class=\"va-contact-info-text\">\r\n                    Available worldwide 24\/7<br>\r\n                    <small>No geographical restrictions<\/small>\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Why Contact Us Section -->\r\n<section class=\"va-contact-section va-contact-section-light\">\r\n    <div class=\"container\">\r\n        <div class=\"text-center mb-5\">\r\n            <div class=\"va-contact-section-badge d-inline-block\">How We Help<\/div>\r\n            <h2 class=\"va-contact-section-title\">Anonymous Browsing Support<\/h2>\r\n            <p class=\"va-contact-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                From bypassing censorship to protecting your identity, we're here to ensure your online freedom and privacy.\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"va-contact-why-grid\">\r\n            <div class=\"va-contact-why-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"va-contact-why-icon\">\r\n                    <i class=\"bx bx-lock-alt\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-contact-why-title\">Bypass Restrictions<\/h3>\r\n                <p class=\"va-contact-why-description\">\r\n                    Can't access certain websites? We'll help you bypass geo-restrictions, firewalls, and censorship to access the content you need.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"va-contact-why-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <div class=\"va-contact-why-icon\">\r\n                    <i class=\"bx bx-user-x\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-contact-why-title\">Privacy Protection<\/h3>\r\n                <p class=\"va-contact-why-description\">\r\n                    Learn how to browse without leaving traces. We'll guide you through the best practices for maintaining complete online anonymity.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"va-contact-why-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <div class=\"va-contact-why-icon\">\r\n                    <i class=\"bx bx-shield-quarter\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-contact-why-title\">Security Issues<\/h3>\r\n                <p class=\"va-contact-why-description\">\r\n                    Concerned about tracking or malware? Our security experts will help you identify and mitigate online threats while browsing anonymously.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"va-contact-why-card\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                <div class=\"va-contact-why-icon\">\r\n                    <i class=\"bx bx-server\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-contact-why-title\">Proxy Configuration<\/h3>\r\n                <p class=\"va-contact-why-description\">\r\n                    Need help setting up our proxy service? We'll assist you with configuration for browsers, applications, and custom integrations.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"va-contact-why-card\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                <div class=\"va-contact-why-icon\">\r\n                    <i class=\"bx bx-error\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-contact-why-title\">Troubleshooting<\/h3>\r\n                <p class=\"va-contact-why-description\">\r\n                    Experiencing connection issues or slow speeds? Our technical team will quickly diagnose and resolve any problems with your anonymous browsing.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"va-contact-why-card\" data-aos=\"fade-up\" data-aos-delay=\"600\">\r\n                <div class=\"va-contact-why-icon\">\r\n                    <i class=\"bx bx-book-open\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"va-contact-why-title\">Privacy Education<\/h3>\r\n                <p class=\"va-contact-why-description\">\r\n                    Want to learn more about online privacy? We provide resources and guidance on digital security, encryption, and anonymous communication.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- FAQ Section -->\r\n<section class=\"va-contact-section va-contact-section-gray\">\r\n    <div class=\"container\">\r\n        <div class=\"text-center mb-5\">\r\n            <div class=\"va-contact-section-badge d-inline-block\">Privacy FAQ<\/div>\r\n            <h2 class=\"va-contact-section-title\">Frequently Asked Questions<\/h2>\r\n            <p class=\"va-contact-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                Get answers to common questions about anonymous browsing and our privacy services.\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"va-contact-faq\">\r\n            <div class=\"va-contact-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"va-contact-faq-question\">\r\n                    Is my browsing activity really anonymous?\r\n                    <i class=\"bx bx-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-contact-faq-answer\">\r\n                    <p>Yes! We never log, track, or store your browsing activity, IP addresses, or any personal information. Our system is designed to provide complete anonymity with no data retention policies.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-contact-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <div class=\"va-contact-faq-question\">\r\n                    Can I access blocked websites?\r\n                    <i class=\"bx bx-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-contact-faq-answer\">\r\n                    <p>Absolutely! Our proxy service helps you bypass geo-restrictions, government censorship, and network firewalls. Access any website from anywhere in the world without limitations.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-contact-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <div class=\"va-contact-faq-question\">\r\n                    How does ViewAnonymous protect my privacy?\r\n                    <i class=\"bx bx-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-contact-faq-answer\">\r\n                    <p>We use military-grade encryption, multiple proxy layers, and strict no-logging policies. Your connection is routed through secure servers, masking your real IP and encrypting all data.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-contact-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                <div class=\"va-contact-faq-question\">\r\n                    Is it legal to use your service?\r\n                    <i class=\"bx bx-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-contact-faq-answer\">\r\n                    <p>Yes, using our anonymous browsing service is legal in most countries. However, users are responsible for complying with their local laws. We recommend checking your jurisdiction's regulations regarding proxy usage.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-contact-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                <div class=\"va-contact-faq-question\">\r\n                    Do you offer a free trial?\r\n                    <i class=\"bx bx-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-contact-faq-answer\">\r\n                    <p>Yes! We offer a limited free trial so you can test our service. No credit card required. Experience anonymous browsing risk-free before deciding on a premium plan.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-contact-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"600\">\r\n                <div class=\"va-contact-faq-question\">\r\n                    What payment methods do you accept?\r\n                    <i class=\"bx bx-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"va-contact-faq-answer\">\r\n                    <p>We accept cryptocurrency (Bitcoin, Monero), privacy-focused payment methods, and anonymous gift cards. We never store payment information or link transactions to user accounts.<\/p>\r\n                <\/div>\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\" 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        \/\/ Initialize AOS\r\n        AOS.init({\r\n            duration: 1000,\r\n            once: true,\r\n            offset: 100\r\n        });\r\n\r\n        \/\/ FAQ Accordion\r\n        const faqItems = document.querySelectorAll('.va-contact-faq-item');\r\n\r\n        faqItems.forEach(item => {\r\n            const question = item.querySelector('.va-contact-faq-question');\r\n            \r\n            question.addEventListener('click', () => {\r\n                \/\/ Close other FAQ items\r\n                faqItems.forEach(otherItem => {\r\n                    if (otherItem !== item) {\r\n                        otherItem.classList.remove('active');\r\n                    }\r\n                });\r\n                \r\n                \/\/ Toggle current FAQ item\r\n                item.classList.toggle('active');\r\n            });\r\n        });\r\n\r\n        \/\/ Form Submission\r\n        const contactForm = document.getElementById('contactForm');\r\n        const successMessage = document.getElementById('successMessage');\r\n        const submitBtn = contactForm.querySelector('.va-contact-form-btn');\r\n\r\n        contactForm.addEventListener('submit', function(e) {\r\n            e.preventDefault();\r\n            \r\n            \/\/ Disable submit button\r\n            submitBtn.disabled = true;\r\n            submitBtn.innerHTML = '<i class=\"bx bx-loader-alt bx-spin\"><\/i> Sending...';\r\n            \r\n            \/\/ Construct email body\r\n            const formData = new FormData(contactForm);\r\n            let emailBody = 'Contact Form Submission\\n\\n';\r\n            emailBody += `Name: ${formData.get('name')}\\n`;\r\n            emailBody += `Email: ${formData.get('email')}\\n`;\r\n            emailBody += `Phone: ${formData.get('phone') || 'Not provided'}\\n`;\r\n            emailBody += `Subject: ${formData.get('subject')}\\n\\n`;\r\n            emailBody += `Message:\\n${formData.get('message')}`;\r\n            \r\n            \/\/ Create mailto link\r\n            const mailtoLink = `mailto:support@viewanonymous.com?subject=${encodeURIComponent(formData.get('subject'))}&body=${encodeURIComponent(emailBody)}`;\r\n            \r\n            \/\/ Open email client\r\n            window.location.href = mailtoLink;\r\n            \r\n            \/\/ Show success message\r\n            setTimeout(() => {\r\n                successMessage.classList.add('show');\r\n                contactForm.reset();\r\n                submitBtn.disabled = false;\r\n                submitBtn.innerHTML = '<i class=\"bx bx-send\"><\/i> Send Message';\r\n                \r\n                \/\/ Hide success message after 5 seconds\r\n                setTimeout(() => {\r\n                    successMessage.classList.remove('show');\r\n                }, 5000);\r\n            }, 1000);\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                        behavior: 'smooth',\r\n                        block: 'start'\r\n                    });\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ Add hover effect to contact cards\r\n        const contactCards = document.querySelectorAll('.va-contact-info-card');\r\n        \r\n        contactCards.forEach(card => {\r\n            card.addEventListener('mouseenter', function() {\r\n                const icon = this.querySelector('.va-contact-info-icon i');\r\n                icon.style.transform = 'scale(1.1) rotate(5deg)';\r\n            });\r\n            \r\n            card.addEventListener('mouseleave', function() {\r\n                const icon = this.querySelector('.va-contact-info-icon i');\r\n                icon.style.transform = 'scale(1) rotate(0deg)';\r\n            });\r\n        });\r\n    <\/script>\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                    behavior: 'smooth'\r\n                });\r\n            });\r\n            <\/script>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-18","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/18","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=18"}],"version-history":[{"count":5,"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":885,"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/18\/revisions\/885"}],"wp:attachment":[{"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/media?parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}