{"id":2990,"date":"2023-05-08T11:36:51","date_gmt":"2023-05-08T11:36:51","guid":{"rendered":"https:\/\/themepanthers.com\/wp\/copygen\/v1\/?page_id=2990"},"modified":"2026-06-04T06:40:19","modified_gmt":"2026-06-04T06:40:19","slug":"contact","status":"publish","type":"page","link":"https:\/\/viewari.com\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2990\" class=\"elementor elementor-2990\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3847eea e-con-full e-flex e-con e-parent\" data-id=\"3847eea\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f5ce73e elementor-widget elementor-widget-shortcode\" data-id=\"f5ce73e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\" \/>\r\n\r\n<style>\r\n:root {\r\n    --vr-contact-instagram: #E4405F;\r\n    --vr-contact-facebook: #1877F2;\r\n    --vr-contact-youtube: #FF0000;\r\n    --vr-contact-linkedin: #0077B5;\r\n    --vr-contact-pinterest: #E60023;\r\n    --vr-contact-tiktok: #000000;\r\n    --vr-contact-reddit: #FF4500;\r\n    --vr-contact-primary: #2f6b3f;\r\n    --vr-contact-primary-dark: #1e4a2a;\r\n    --vr-contact-accent: #4a7c1f;\r\n    --vr-contact-bg: #f8faf8;\r\n    --vr-contact-bg-alt: #f0f4f0;\r\n    --vr-contact-text: #1a2e1a;\r\n    --vr-contact-text-light: #4a5c4a;\r\n    --vr-contact-text-muted: #6b7c6b;\r\n    --vr-contact-card-bg: #ffffff;\r\n    --vr-contact-card-border: #e0e8e0;\r\n}\r\n\r\n\r\n\/* ===== HERO SECTION ===== *\/\r\n.vr-contact-hero {\r\n    background: linear-gradient(135deg, #f0f7f2 0%, #e8f5e9 50%, #f0f7f2 100%);\r\n    min-height: 80vh;\r\n    display: flex;\r\n    align-items: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: 120px 0;\r\n}\r\n\r\n.vr-contact-hero .asv-shape {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    filter: blur(100px);\r\n    opacity: 0.15;\r\n    z-index: 0;\r\n}\r\n\r\n.vr-contact-hero .asv-shape-1 { width: 500px; height: 500px; background: rgba(47,107,63,0.15); top: -150px; left: -150px; animation: float1 15s ease-in-out infinite; }\r\n.vr-contact-hero .asv-shape-2 { width: 400px; height: 400px; background: rgba(74,124,31,0.12); bottom: -100px; right: -100px; animation: float2 18s ease-in-out infinite reverse; }\r\n.vr-contact-hero .asv-shape-3 { width: 300px; height: 300px; background: rgba(61,139,55,0.1); top: 40%; right: 20%; animation: float3 20s ease-in-out infinite; }\r\n\r\n@keyframes float1 {\r\n    0%,100% { transform: translate(0,0) scale(1); }\r\n    33% { transform: translate(30px,-30px) scale(1.05); }\r\n    66% { transform: translate(-20px,20px) scale(0.95); }\r\n}\r\n@keyframes float2 {\r\n    0%,100% { transform: translate(0,0) scale(1); }\r\n    33% { transform: translate(-40px,20px) scale(1.08); }\r\n    66% { transform: translate(20px,-40px) scale(0.92); }\r\n}\r\n@keyframes float3 {\r\n    0%,100% { transform: translate(0,0) rotate(0deg); }\r\n    50% { transform: translate(50px,-30px) rotate(10deg); }\r\n}\r\n\r\n.vr-contact-hero .asv-hero-content { position: relative; z-index: 1; }\r\n.vr-contact-hero .asv-hero-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: rgba(47,107,63,0.1);\r\n    padding: 10px 20px;\r\n    border-radius: 50px;\r\n    margin-bottom: 30px;\r\n    border: 1px solid rgba(47,107,63,0.2);\r\n}\r\n.vr-contact-hero .asv-hero-badge i { color: var(--vr-contact-primary); font-size: 0.9rem; }\r\n.vr-contact-hero .asv-hero-badge span { color: var(--vr-contact-primary); font-weight: 600; font-size: 0.95rem; }\r\n.vr-contact-hero .asv-hero-title {\r\n    font-size: clamp(2.5rem, 6vw, 4.5rem);\r\n    font-weight: 800;\r\n    line-height: 1.1;\r\n    margin-bottom: 25px;\r\n    color: var(--vr-contact-text);\r\n}\r\n.vr-contact-hero .asv-hero-title .gradient-text {\r\n    background: linear-gradient(135deg, var(--vr-contact-primary) 0%, var(--vr-contact-accent) 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n}\r\n.vr-contact-hero .asv-hero-subtitle {\r\n    font-size: clamp(1rem, 2vw, 1.25rem);\r\n    color: var(--vr-contact-text-light);\r\n    line-height: 1.8;\r\n    margin-bottom: 40px;\r\n    max-width: 600px;\r\n}\r\n.vr-contact-hero .asv-hero-visual {\r\n    position: relative;\r\n    height: 450px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n.vr-contact-hero .asv-floating-card {\r\n    position: absolute;\r\n    background: rgba(255,255,255,0.9);\r\n    backdrop-filter: blur(20px);\r\n    border-radius: 20px;\r\n    padding: 20px;\r\n    box-shadow: 0 25px 50px rgba(47,107,63,0.15), 0 0 0 1px rgba(255,255,255,0.8);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n}\r\n.vr-contact-hero .asv-floating-card:nth-child(1) { top: 20px; right: 0; animation: cardFloat1 6s ease-in-out infinite; }\r\n.vr-contact-hero .asv-floating-card:nth-child(2) { top: 15%; left: -5%; animation: cardFloat2 7s ease-in-out infinite; }\r\n.vr-contact-hero .asv-floating-card:nth-child(3) { bottom: 25%; right: -8%; animation: cardFloat3 8s ease-in-out infinite; }\r\n.vr-contact-hero .asv-floating-card:nth-child(4) { bottom: 20px; left: 10%; animation: cardFloat4 6.5s ease-in-out infinite; }\r\n@keyframes cardFloat1 { 0%,100%{transform:translate(0,0)rotate(0deg)}25%{transform:translate(-8px,-12px)rotate(-1deg)}50%{transform:translate(-15px,-20px)rotate(-2deg)}75%{transform:translate(-8px,-10px)rotate(-1deg)} }\r\n@keyframes cardFloat2 { 0%,100%{transform:translate(0,0)rotate(0deg)}25%{transform:translate(10px,-10px)rotate(1deg)}50%{transform:translate(18px,-18px)rotate(2deg)}75%{transform:translate(10px,-8px)rotate(1deg)} }\r\n@keyframes cardFloat3 { 0%,100%{transform:translate(0,0)rotate(0deg)}33%{transform:translate(-12px,10px)rotate(-1deg)}66%{transform:translate(-5px,18px)rotate(1deg)} }\r\n@keyframes cardFloat4 { 0%,100%{transform:translate(0,0)rotate(0deg)}33%{transform:translate(15px,12px)rotate(2deg)}66%{transform:translate(8px,20px)rotate(1deg)} }\r\n.vr-contact-hero .asv-card-icon {\r\n    width: 50px; height: 50px; border-radius: 12px;\r\n    display: flex; align-items: center; justify-content: center; font-size: 1.5rem;\r\n}\r\n.vr-contact-hero .asv-card-icon.instagram { background: rgba(228,64,95,0.1); color: #E4405F; }\r\n.vr-contact-hero .asv-card-icon.youtube { background: rgba(255,0,0,0.1); color: #FF0000; }\r\n.vr-contact-hero .asv-card-icon.email { background: rgba(47,107,63,0.1); color: var(--vr-contact-primary); }\r\n.vr-contact-hero .asv-card-icon.chat { background: rgba(74,124,31,0.1); color: var(--vr-contact-accent); }\r\n.vr-contact-hero .asv-card-text h5 { font-size: 0.95rem; margin-bottom: 2px; }\r\n.vr-contact-hero .asv-card-text p { font-size: 0.8rem; color: var(--vr-contact-text-muted); margin: 0; }\r\n.vr-contact-hero .asv-central-globe {\r\n    width: 250px; height: 250px; border-radius: 50%;\r\n    background: linear-gradient(135deg, var(--vr-contact-primary), var(--vr-contact-accent));\r\n    display: flex; align-items: center; justify-content: center;\r\n    position: relative;\r\n    box-shadow: 0 30px 60px rgba(47,107,63,0.4), inset 0 -20px 40px rgba(0,0,0,0.1), inset 0 20px 40px rgba(255,255,255,0.2);\r\n\/*     animation: pulse-glow 3s ease-in-out infinite; *\/\r\n}\r\n@keyframes pulse-glow {\r\n    0%,100%{box-shadow:0 30px 60px rgba(47,107,63,0.4),inset 0 -20px 40px rgba(0,0,0,0.1),inset 0 20px 40px rgba(255,255,255,0.2)}\r\n    50%{box-shadow:0 40px 80px rgba(47,107,63,0.5),0 0 80px rgba(74,124,31,0.3),inset 0 -20px 40px rgba(0,0,0,0.1),inset 0 20px 40px rgba(255,255,255,0.2)}\r\n}\r\n.vr-contact-hero .asv-central-globe i { font-size: 4.5rem; color: white; }\r\n.vr-contact-hero .asv-central-globe::before {\r\n    content: ''; position: absolute; top: -20px; left: -20px; right: -20px; bottom: -20px;\r\n    border-radius: 50%; border: 2px dashed rgba(255,255,255,0.3);\r\n    animation: rotate 20s linear infinite;\r\n}\r\n@keyframes rotate { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }\r\n\r\n.vr-contact-hero .asv-btn {\r\n    display: inline-flex; align-items: center; justify-content: center; gap: 10px;\r\n    padding: 16px 36px; border-radius: 50px; font-weight: 600; font-size: 1rem;\r\n    text-decoration: none; transition: all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);\r\n    border: none; cursor: pointer; position: relative; overflow: hidden;\r\n}\r\n.vr-contact-hero .asv-btn-primary {\r\n    background: linear-gradient(135deg, var(--vr-contact-primary), var(--vr-contact-accent)); color: white;\r\n    box-shadow: 0 10px 30px rgba(47,107,63,0.3);\r\n}\r\n.vr-contact-hero .asv-btn-primary:hover { transform: translateY(-4px) scale(1.02); box-shadow: 0 20px 40px rgba(47,107,63,0.4); color: white; }\r\n.vr-contact-hero .asv-btn-secondary {\r\n    background: white; color: var(--vr-contact-primary); border: 2px solid var(--vr-contact-primary);\r\n}\r\n.vr-contact-hero .asv-btn-secondary:hover { background: var(--vr-contact-primary); color: white; transform: translateY(-4px); }\r\n\r\n\/* ===== SECTION COMMON ===== *\/\r\n.vr-contact-section {\r\n    padding: 100px 0;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.vr-contact-section-darker {\r\n    background: var(--vr-contact-bg-alt);\r\n}\r\n\r\n.vr-contact-section-header {\r\n    text-align: center;\r\n    margin-bottom: 60px;\r\n}\r\n\r\n.vr-contact-section-tag {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: rgba(47, 107, 63, 0.08);\r\n    border: 1px solid rgba(47, 107, 63, 0.2);\r\n    padding: 6px 16px;\r\n    border-radius: 50px;\r\n    font-size: 0.8rem;\r\n    color: var(--vr-contact-primary);\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.vr-contact-section-title {\r\n    font-size: clamp(2rem, 4vw, 2.8rem);\r\n    font-weight: 700;\r\n    color: var(--vr-contact-text);\r\n    margin-bottom: 16px;\r\n}\r\n\r\n.vr-contact-section-title span {\r\n    background: linear-gradient(135deg, #2f6b3f, #4a7c1f);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n}\r\n\r\n.vr-contact-section-desc {\r\n    font-size: clamp(1rem, 2vw, 1.1rem);\r\n    color: var(--vr-contact-text-muted);\r\n    max-width: 600px;\r\n    margin: 0 auto;\r\n    line-height: 1.7;\r\n}\r\n\r\n\/* ===== INFO CARDS ===== *\/\r\n.vr-contact-info-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n    gap: 24px;\r\n    margin-bottom: 80px;\r\n}\r\n\r\n.vr-contact-info-card {\r\n    background: var(--vr-contact-card-bg);\r\n    border: 1px solid var(--vr-contact-card-border);\r\n    border-radius: 20px;\r\n    padding: 40px 32px;\r\n    text-align: center;\r\n    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    position: relative;\r\n    overflow: hidden;\r\n    transform-style: preserve-3d;\r\n    perspective: 1000px;\r\n    backdrop-filter: blur(10px);\r\n    cursor: default;\r\n}\r\n\r\n.vr-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: linear-gradient(90deg, #2f6b3f, #4a7c1f);\r\n    transform: scaleX(0);\r\n    transform-origin: left;\r\n    transition: transform 0.5s ease;\r\n}\r\n\r\n.vr-contact-info-card:hover::before {\r\n    transform: scaleX(1);\r\n}\r\n\r\n.vr-contact-info-card:hover {\r\n    transform: perspective(1000px) rotateY(-5deg) translateY(-10px);\r\n    border-color: rgba(47,107,63,0.3);\r\n    box-shadow: 0 20px 60px rgba(47,107,63,0.15);\r\n}\r\n\r\n.vr-contact-info-card::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    border-radius: 20px;\r\n    background: linear-gradient(135deg, rgba(47,107,63,0.03), transparent);\r\n    opacity: 0;\r\n    transition: opacity 0.5s ease;\r\n    z-index: 0;\r\n}\r\n\r\n.vr-contact-info-card:hover::after {\r\n    opacity: 1;\r\n}\r\n\r\n.vr-contact-info-card > * {\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.vr-contact-info-icon {\r\n    width: 72px;\r\n    height: 72px;\r\n    border-radius: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin: 0 auto 20px;\r\n    font-size: 2rem;\r\n    color: var(--vr-contact-primary);\r\n    background: rgba(47,107,63,0.08);\r\n    border: 1px solid rgba(47,107,63,0.12);\r\n    transition: all 0.5s ease;\r\n}\r\n\r\n.vr-contact-info-card:hover .vr-contact-info-icon {\r\n    background: linear-gradient(135deg, #2f6b3f, #4a7c1f);\r\n    color: white;\r\n    transform: scale(1.1) translateZ(30px);\r\n    box-shadow: 0 10px 30px rgba(47,107,63,0.25);\r\n}\r\n\r\n.vr-contact-info-label {\r\n    font-size: 1.15rem;\r\n    font-weight: 700;\r\n    font-family: \"Poppins\", Georgia, serif;\r\n    margin-bottom: 10px;\r\n    color: var(--vr-contact-text);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.vr-contact-info-card:hover .vr-contact-info-label {\r\n    background: linear-gradient(90deg, #2f6b3f, #4a7c1f);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n}\r\n\r\n.vr-contact-info-value {\r\n    font-size: 0.95rem;\r\n    color: var(--vr-contact-text-light);\r\n    line-height: 1.6;\r\n    margin: 0;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.vr-contact-info-card:hover .vr-contact-info-value {\r\n    color: var(--vr-contact-text);\r\n}\r\n\r\n.vr-contact-info-value a {\r\n    color: inherit;\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.vr-contact-info-value a:hover {\r\n    color: var(--vr-contact-primary);\r\n}\r\n\r\n\/* ===== FORM + VISUAL LAYOUT ===== *\/\r\n.vr-contact-main-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 60px;\r\n    align-items: start;\r\n}\r\n\r\n\/* ===== FORM STYLES (CF7 Compatible) ===== *\/\r\n.vr-contact-form-wrap {\r\n    background: var(--vr-contact-card-bg);\r\n    border: 1px solid var(--vr-contact-card-border);\r\n    border-radius: 24px;\r\n    padding: 48px 40px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.vr-contact-form-wrap::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 5px;\r\n    background: linear-gradient(90deg, #2f6b3f, #4a7c1f, #2f6b3f);\r\n    background-size: 200% 100%;\r\n    animation: shimmer 3s linear infinite;\r\n}\r\n\r\n@keyframes shimmer {\r\n    0% { background-position: 200% 0; }\r\n    100% { background-position: -200% 0; }\r\n}\r\n\r\n.vr-contact-form-title {\r\n    font-size: 1.5rem;\r\n    font-weight: 700;\r\n    font-family: \"Poppins\", Georgia, serif;\r\n    margin-bottom: 8px;\r\n    color: var(--vr-contact-text);\r\n}\r\n\r\n.vr-contact-form-subtitle {\r\n    font-size: 0.95rem;\r\n    color: var(--vr-contact-text-muted);\r\n    margin-bottom: 32px;\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* CF7 field wraps *\/\r\n.vr-contact-form-wrap .wpcf7-form {\r\n    position: relative;\r\n}\r\n\r\n.vr-contact-form-wrap .wpcf7-form-control-wrap {\r\n    position: relative;\r\n    display: block;\r\n    margin-bottom: 24px;\r\n}\r\n\r\n\/* CF7 inputs, textareas, selects *\/\r\n.vr-contact-form-wrap .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-checkbox):not(.wpcf7-radio) {\r\n    width: 100%;\r\n    padding: 16px 20px 16px 48px;\r\n    border: 2px solid var(--vr-contact-card-border);\r\n    border-radius: 14px;\r\n    font-size: 0.95rem;\r\n    font-family: \"Plus Jakarta Sans\", sans-serif;\r\n    outline: none;\r\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    background: var(--vr-contact-bg);\r\n    color: var(--vr-contact-text);\r\n    box-sizing: border-box;\r\n    height: auto;\r\n}\r\n\r\n.vr-contact-form-wrap .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-checkbox):not(.wpcf7-radio)::placeholder {\r\n    color: var(--vr-contact-text-muted);\r\n}\r\n\r\n.vr-contact-form-wrap .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-checkbox):not(.wpcf7-radio):focus {\r\n    border-color: var(--vr-contact-primary);\r\n    box-shadow: 0 0 0 4px rgba(47,107,63,0.1), 0 8px 20px rgba(47,107,63,0.08);\r\n    transform: translateY(-2px);\r\n    background: white;\r\n}\r\n\r\n.vr-contact-form-wrap .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-checkbox):not(.wpcf7-radio):hover:not(:focus) {\r\n    border-color: rgba(47,107,63,0.3);\r\n    transform: translateY(-1px);\r\n}\r\n\r\n\/* CF7 textarea *\/\r\n.vr-contact-form-wrap .wpcf7-form-control-wrap textarea {\r\n    resize: vertical;\r\n    min-height: 140px;\r\n    padding-top: 16px;\r\n}\r\n\r\n\/* CF7 icon pseudo-elements *\/\r\n.vr-contact-form-wrap .wpcf7-form-control-wrap::before {\r\n    position: absolute;\r\n    left: 16px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    color: var(--vr-contact-text-muted);\r\n    font-size: 1.1rem;\r\n    transition: all 0.4s ease;\r\n    pointer-events: none;\r\n    z-index: 1;\r\n    font-family: \"Font Awesome 6 Free\";\r\n    font-weight: 400;\r\n}\r\n\r\n.vr-contact-form-wrap .wpcf7-form-control-wrap textarea ~ .wpcf7-form-control-wrap::before {\r\n    top: 20px;\r\n    transform: none;\r\n}\r\n\r\n\/* Icon per field name *\/\r\n.vr-contact-form-wrap .wpcf7-form-control-wrap[data-name=\"your-name\"]::before { content: \"\\f007\"; }\r\n.vr-contact-form-wrap .wpcf7-form-control-wrap[data-name=\"name\"]::before { content: \"\\f007\"; }\r\n.vr-contact-form-wrap .wpcf7-form-control-wrap[data-name=\"your-email\"]::before { content: \"\\f0e0\"; }\r\n.vr-contact-form-wrap .wpcf7-form-control-wrap[data-name=\"email\"]::before { content: \"\\f0e0\"; }\r\n.vr-contact-form-wrap .wpcf7-form-control-wrap[data-name=\"your-subject\"]::before { content: \"\\f07c\"; }\r\n.vr-contact-form-wrap .wpcf7-form-control-wrap[data-name=\"subject\"]::before { content: \"\\f07c\"; }\r\n.vr-contact-form-wrap .wpcf7-form-control-wrap[data-name=\"your-message\"]::before { content: \"\\f304\"; }\r\n.vr-contact-form-wrap .wpcf7-form-control-wrap[data-name=\"message\"]::before { content: \"\\f304\"; }\r\n\r\n\/* CF7 submit button *\/\r\n.vr-contact-form-wrap .wpcf7-submit {\r\n    width: 100%;\r\n    padding: 18px 36px;\r\n    border: none;\r\n    border-radius: 14px;\r\n    font-size: 1rem;\r\n    font-weight: 600;\r\n    font-family: \"Plus Jakarta Sans\", sans-serif;\r\n    cursor: pointer;\r\n    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    background: linear-gradient(135deg, #2f6b3f, #4a7c1f);\r\n    color: white;\r\n    box-shadow: 0 8px 30px rgba(47, 107, 63, 0.4);\r\n    letter-spacing: normal;\r\n    text-transform: none;\r\n}\r\n\r\n.vr-contact-form-wrap .wpcf7-submit::before {\r\n    content: '\\f1d8';\r\n    font-family: \"Font Awesome 6 Free\";\r\n    font-weight: 900;\r\n    position: relative;\r\n    z-index: 1;\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n.vr-contact-form-wrap .wpcf7-submit::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(135deg, rgba(255,255,255,0.2), transparent);\r\n    transform: translateX(-100%) skewX(-15deg);\r\n    transition: transform 0.6s ease;\r\n}\r\n\r\n.vr-contact-form-wrap .wpcf7-submit:hover::after {\r\n    transform: translateX(100%) skewX(-15deg);\r\n}\r\n\r\n.vr-contact-form-wrap .wpcf7-submit:hover {\r\n    transform: perspective(1000px) rotateX(-5deg) translateY(-4px) scale(1.02);\r\n    box-shadow: 0 15px 40px rgba(47, 107, 63, 0.55);\r\n}\r\n\r\n.vr-contact-form-wrap .wpcf7-submit:active {\r\n    transform: perspective(1000px) rotateX(0deg) translateY(0) scale(0.98);\r\n}\r\n\r\n.vr-contact-form-wrap .wpcf7-submit:hover::before {\r\n    transform: translateX(6px) scale(1.2);\r\n}\r\n\r\n\/* CF7 response messages *\/\r\n.vr-contact-form-wrap .wpcf7-response-output {\r\n    border: 2px solid var(--vr-contact-primary) !important;\r\n    border-radius: 14px;\r\n    padding: 16px 20px !important;\r\n    margin: 20px 0 0 !important;\r\n    font-size: 0.95rem;\r\n    font-family: \"Plus Jakarta Sans\", sans-serif;\r\n    background: rgba(47,107,63,0.05);\r\n    color: var(--vr-contact-text);\r\n}\r\n\r\n.vr-contact-form-wrap .wpcf7-response-output.wpcf7-mail-sent-ok {\r\n    border-color: #10b981 !important;\r\n    background: rgba(16,185,129,0.08);\r\n}\r\n\r\n.vr-contact-form-wrap .wpcf7-response-output.wpcf7-validation-errors,\r\n.vr-contact-form-wrap .wpcf7-response-output.wpcf7-mail-sent-ng {\r\n    border-color: #ef4444 !important;\r\n    background: rgba(239,68,68,0.08);\r\n}\r\n\r\n.vr-contact-form-wrap .wpcf7-not-valid-tip {\r\n    font-size: 0.85rem;\r\n    color: #ef4444;\r\n    padding-top: 6px;\r\n    font-family: \"Plus Jakarta Sans\", sans-serif;\r\n}\r\n\r\n.vr-contact-form-wrap .wpcf7-spinner {\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    transform: translate(-50%, -50%);\r\n}\r\n\r\n.vr-contact-form-wrap .wpcf7-form.submitting .wpcf7-submit {\r\n    pointer-events: none;\r\n    opacity: 0.7;\r\n}\r\n\r\n\/* Ajax loader - hide default CF7 spinner position issue *\/\r\n.vr-contact-form-wrap .wpcf7-form .wpcf7-submit .ajax-loader {\r\n    display: none;\r\n}\r\n\r\n\/* ===== VISUAL \/ ILLUSTRATION SIDE ===== *\/\r\n.vr-contact-visual {\r\n    position: relative;\r\n    perspective: 1200px;\r\n}\r\n\r\n.vr-contact-scene {\r\n    width: 100%;\r\n    max-width: 480px;\r\n    height: 520px;\r\n    position: relative;\r\n    margin: 0 auto;\r\n\/*     transform-style: preserve-3d; *\/\r\n}\r\n\r\n@keyframes sceneFloat {\r\n    0%, 100% { transform: perspective(1200px) rotateY(-12deg) rotateX(6deg) translateZ(0); }\r\n    50% { transform: perspective(1200px) rotateY(12deg) rotateX(-6deg) translateZ(20px); }\r\n}\r\n\r\n.vr-contact-scene-orb {\r\n    position: absolute;\r\n    width: 300px;\r\n    height: 300px;\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle, rgba(47,107,63,0.2), transparent 70%);\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%) translateZ(-60px);\r\n    filter: blur(40px);\r\n}\r\n\r\n@keyframes orbPulse {\r\n    0%, 100% { transform: translate(-50%, -50%) translateZ(-60px) scale(1); opacity: 0.6; }\r\n    50% { transform: translate(-50%, -50%) translateZ(-60px) scale(1.3); opacity: 1; }\r\n}\r\n\r\n.vr-contact-scene-card {\r\n    position: absolute;\r\n    inset: 20px;\r\n    border-radius: 28px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 36px;\r\n    text-align: center;\r\n    background: linear-gradient(145deg, rgba(255,255,255,0.92), rgba(255,255,255,0.72));\r\n    backdrop-filter: blur(24px);\r\n    border: 1px solid rgba(47,107,63,0.12);\r\n    transform: translateZ(40px);\r\n    box-shadow:\r\n        0 4px 6px rgba(47,107,63,0.04),\r\n        0 20px 40px rgba(47,107,63,0.06),\r\n        0 60px 100px rgba(47,107,63,0.08),\r\n        inset 0 1px 0 rgba(255,255,255,0.6);\r\n    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\r\n}\r\n\r\n.vr-contact-scene-card:hover {\r\n    transform: translateZ(60px) scale(1.02);\r\n    box-shadow:\r\n        0 8px 20px rgba(47,107,63,0.08),\r\n        0 40px 80px rgba(47,107,63,0.12),\r\n        0 80px 160px rgba(47,107,63,0.1);\r\n}\r\n\r\n.vr-contact-scene-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    border-radius: 28px;\r\n    background: linear-gradient(135deg, rgba(47,107,63,0.06), rgba(74,124,31,0.03));\r\n    z-index: 0;\r\n}\r\n\r\n.vr-contact-scene-card > * {\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.vr-contact-scene-icon-wrap {\r\n    position: relative;\r\n    width: 120px;\r\n    height: 120px;\r\n    margin-bottom: 28px;\r\n    transform-style: preserve-3d;\r\n}\r\n\r\n.vr-contact-scene-icon {\r\n    width: 120px;\r\n    height: 120px;\r\n    border-radius: 50%;\r\n    background: linear-gradient(135deg, #2f6b3f, #4a7c1f);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 3rem;\r\n    color: white;\r\n    position: relative;\r\n    transform: translateZ(20px);\r\n    box-shadow:\r\n        0 0 0 4px rgba(47,107,63,0.1),\r\n        0 15px 40px rgba(47,107,63,0.3);\r\n}\r\n\r\n@keyframes iconPulse {\r\n    0%, 100% { transform: translateZ(20px) scale(1); box-shadow: 0 0 0 4px rgba(47,107,63,0.1), 0 15px 40px rgba(47,107,63,0.3); }\r\n    50% { transform: translateZ(20px) scale(1.06); box-shadow: 0 0 0 8px rgba(47,107,63,0.06), 0 25px 60px rgba(47,107,63,0.4); }\r\n}\r\n\r\n.vr-contact-scene-ring {\r\n    position: absolute;\r\n    top: -10px;\r\n    left: -10px;\r\n    width: 140px;\r\n    height: 140px;\r\n    border-radius: 50%;\r\n    border: 2px solid rgba(47,107,63,0.15);\r\n    border-top-color: #4a7c1f;\r\n    transform: translateZ(10px);\r\n}\r\n\r\n@keyframes ringSpin {\r\n    100% { transform: translateZ(10px) rotate(360deg); }\r\n}\r\n\r\n.vr-contact-scene-headline {\r\n    font-family: \"Poppins\", Georgia, serif;\r\n    font-size: 1.4rem;\r\n    font-weight: 700;\r\n    color: var(--vr-contact-text);\r\n    margin-bottom: 12px;\r\n}\r\n\r\n.vr-contact-scene-headline span {\r\n    background: linear-gradient(135deg, #2f6b3f, #4a7c1f);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n}\r\n\r\n.vr-contact-scene-desc {\r\n    font-size: 0.95rem;\r\n    color: var(--vr-contact-text-light);\r\n    line-height: 1.7;\r\n    margin-bottom: 28px;\r\n    max-width: 300px;\r\n}\r\n\r\n.vr-contact-scene-platforms {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    gap: 12px;\r\n}\r\n\r\n.vr-contact-scene-platforms i {\r\n    width: 48px;\r\n    height: 48px;\r\n    border-radius: 14px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 1.3rem;\r\n    background: rgba(47,107,63,0.08);\r\n    color: var(--vr-contact-primary);\r\n    border: 1px solid rgba(47,107,63,0.1);\r\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    cursor: default;\r\n}\r\n\r\n.vr-contact-scene-platforms i:hover {\r\n    transform: translateY(-8px) scale(1.15);\r\n    background: linear-gradient(135deg, #2f6b3f, #4a7c1f);\r\n    color: white;\r\n    box-shadow: 0 10px 30px rgba(47,107,63,0.3);\r\n    border-color: transparent;\r\n}\r\n\r\n.vr-contact-scene-platforms i:nth-child(1):hover { background: #E4405F; }\r\n.vr-contact-scene-platforms i:nth-child(2):hover { background: #FF0000; }\r\n.vr-contact-scene-platforms i:nth-child(3):hover { background: #000; }\r\n.vr-contact-scene-platforms i:nth-child(4):hover { background: #1877F2; }\r\n.vr-contact-scene-platforms i:nth-child(5):hover { background: #0077B5; }\r\n.vr-contact-scene-platforms i:nth-child(6):hover { background: #E60023; }\r\n.vr-contact-scene-platforms i:nth-child(7):hover { background: #FF4500; }\r\n\r\n\/* ===== FAQ SECTION ===== *\/\r\n.vr-contact-faq-container {\r\n    max-width: 700px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.vr-contact-faq-item {\r\n    background: var(--vr-contact-card-bg);\r\n    border: 1px solid var(--vr-contact-card-border);\r\n    border-radius: 16px;\r\n    margin-bottom: 16px;\r\n    overflow: hidden;\r\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n}\r\n\r\n.vr-contact-faq-item:hover {\r\n    border-color: rgba(47,107,63,0.3);\r\n    transform: translateX(6px);\r\n    box-shadow: 0 8px 25px rgba(47,107,63,0.08);\r\n}\r\n\r\n.vr-contact-faq-question {\r\n    padding: 22px 28px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    cursor: pointer;\r\n    font-size: 1rem;\r\n    font-weight: 600;\r\n    font-family: \"Poppins\", Georgia, serif;\r\n    color: var(--vr-contact-text);\r\n    transition: all 0.3s ease;\r\n    user-select: none;\r\n    gap: 16px;\r\n}\r\n\r\n.vr-contact-faq-question:hover {\r\n    color: var(--vr-contact-primary);\r\n}\r\n\r\n.vr-contact-faq-question .faq-left {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n}\r\n\r\n.vr-contact-faq-question .faq-icon-box {\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 12px;\r\n    background: rgba(47,107,63,0.08);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: var(--vr-contact-primary);\r\n    font-size: 0.9rem;\r\n    flex-shrink: 0;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.vr-contact-faq-item.active .faq-icon-box {\r\n    background: linear-gradient(135deg, #2f6b3f, #4a7c1f);\r\n    color: white;\r\n    transform: rotateY(180deg);\r\n}\r\n\r\n.vr-contact-faq-question i.fa-chevron-down {\r\n    transition: all 0.4s ease;\r\n    color: var(--vr-contact-text-muted);\r\n    font-size: 0.85rem;\r\n}\r\n\r\n.vr-contact-faq-item.active .faq-question-icon {\r\n    transform: rotate(180deg);\r\n    color: var(--vr-contact-accent);\r\n}\r\n\r\n.vr-contact-faq-answer {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: max-height 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.4s ease;\r\n    padding: 0 28px;\r\n}\r\n\r\n.vr-contact-faq-item.active .vr-contact-faq-answer {\r\n    max-height: 250px;\r\n    padding: 0 28px 24px;\r\n}\r\n\r\n.vr-contact-faq-answer p {\r\n    font-size: 0.95rem;\r\n    color: var(--vr-contact-text-light);\r\n    line-height: 1.7;\r\n    margin: 0;\r\n    padding-left: 54px;\r\n}\r\n\r\n\/* ===== CTA SECTION ===== *\/\r\n.vr-contact-cta {\r\n    padding: 100px 0;\r\n    position: relative;\r\n    overflow: hidden;\r\n    background: linear-gradient(180deg, var(--vr-contact-bg) 0%, var(--vr-contact-bg-alt) 100%);\r\n}\r\n\r\n.vr-contact-cta-card {\r\n    position: relative;\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n    border-radius: 32px;\r\n    overflow: hidden;\r\n    background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(255,255,255,0.85));\r\n    backdrop-filter: blur(20px);\r\n    border: 1px solid rgba(47, 107, 63, 0.15);\r\n    box-shadow:\r\n        0 4px 6px rgba(47, 107, 63, 0.05),\r\n        0 20px 40px rgba(47, 107, 63, 0.08),\r\n        0 60px 100px rgba(47, 107, 63, 0.1);\r\n}\r\n\r\n.vr-contact-cta-inner {\r\n    position: relative;\r\n    z-index: 1;\r\n    padding: 60px 50px;\r\n    text-align: center;\r\n}\r\n\r\n.vr-contact-cta-title {\r\n    font-family: \"Poppins\", Georgia, serif;\r\n    font-size: clamp(1.8rem, 4vw, 2.5rem);\r\n    font-weight: 800;\r\n    color: #1a2e1a;\r\n    margin-bottom: 16px;\r\n}\r\n\r\n.vr-contact-cta-title span {\r\n    background: linear-gradient(135deg, #2f6b3f, #4a7c1f);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n}\r\n\r\n.vr-contact-cta-desc {\r\n    font-size: 1rem;\r\n    color: #5a6c5a;\r\n    line-height: 1.7;\r\n    margin-bottom: 32px;\r\n    max-width: 500px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n}\r\n\r\n.vr-contact-cta-actions {\r\n    display: flex;\r\n    gap: 14px;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n\/* ===== SCROLL ANIMATIONS (removed) ===== *\/\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media (max-width: 992px) {\r\n    .vr-contact-main-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 40px;\r\n    }\r\n    .vr-contact-scene {\r\n        height: 440px;\r\n        max-width: 400px;\r\n    }\r\n    .vr-contact-form-wrap {\r\n        padding: 36px 28px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .vr-contact-section { padding: 60px 0; }\r\n    .vr-contact-hero { padding: 120px 0 60px; }\r\n    .vr-contact-info-grid { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n    .vr-contact-scene { height: 380px; }\r\n    .vr-contact-form-wrap { padding: 28px 20px; }\r\n    .vr-contact-cta-inner { padding: 40px 24px; }\r\n    .vr-contact-faq-question { padding: 18px 20px; font-size: 0.95rem; }\r\n    .vr-contact-faq-answer { padding: 0 20px; }\r\n    .vr-contact-faq-item.active .vr-contact-faq-answer { padding: 0 20px 20px; }\r\n}\r\n<\/style>\r\n\r\n<!-- ===== HERO SECTION ===== -->\r\n<section class=\"vr-contact-hero\">\r\n    <div class=\"asv-shape asv-shape-1\"><\/div>\r\n    <div class=\"asv-shape asv-shape-2\"><\/div>\r\n    <div class=\"asv-shape asv-shape-3\"><\/div>\r\n    <div class=\"container\">\r\n        <div class=\"row align-items-center\">\r\n            <div class=\"col-lg-6\">\r\n                <div class=\"asv-hero-content\">\r\n                    <div class=\"asv-hero-badge\">\r\n                        <i class=\"fa-solid fa-headset\"><\/i>\r\n                        <span>We're Here to Help<\/span>\r\n                    <\/div>\r\n                    <h1 class=\"asv-hero-title\">\r\n                        Get in<br>\r\n                        <span class=\"gradient-text\">Touch With Us<\/span>\r\n                    <\/h1>\r\n                    <p class=\"asv-hero-subtitle\">\r\n                        Have a question, feedback, or need support? We'd love to hear from you. Our team is ready to help you with any inquiries about anonymous social media viewing.\r\n                    <\/p>\r\n                    <div class=\"d-flex gap-3 flex-wrap\">\r\n                        <a href=\"#\" class=\"asv-btn asv-btn-primary\">\r\n                            <i class=\"fa-solid fa-paper-plane\"><\/i>\r\n                            Send a Message\r\n                        <\/a>\r\n                        <a href=\"#\" class=\"asv-btn asv-btn-secondary\">\r\n                            <i class=\"fa-solid fa-circle-question\"><\/i>\r\n                            View FAQ\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"col-lg-6\">\r\n                <div class=\"asv-hero-visual\">\r\n                    <div class=\"asv-floating-card\">\r\n                        <div class=\"asv-card-icon email\"><i class=\"fa-solid fa-envelope\"><\/i><\/div>\r\n                        <div class=\"asv-card-text\"><h5>Email Support<\/h5><p>24hr response time<\/p><\/div>\r\n                    <\/div>\r\n                    <div class=\"asv-floating-card\">\r\n                        <div class=\"asv-card-icon chat\"><i class=\"fa-solid fa-comments\"><\/i><\/div>\r\n                        <div class=\"asv-card-text\"><h5>Live Chat<\/h5><p>Instant replies<\/p><\/div>\r\n                    <\/div>\r\n                    <div class=\"asv-floating-card\">\r\n                        <div class=\"asv-card-icon instagram\"><i class=\"fa-brands fa-instagram\"><\/i><\/div>\r\n                        <div class=\"asv-card-text\"><h5>Instagram<\/h5><p>DM us anytime<\/p><\/div>\r\n                    <\/div>\r\n                    <div class=\"asv-floating-card\">\r\n                        <div class=\"asv-card-icon youtube\"><i class=\"fa-brands fa-youtube\"><\/i><\/div>\r\n                        <div class=\"asv-card-text\"><h5>YouTube<\/h5><p>Video tutorials<\/p><\/div>\r\n                    <\/div>\r\n                    <div class=\"asv-central-globe\"><i class=\"fa-solid fa-headset\"><\/i><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ===== INFO CARDS SECTION ===== -->\r\n<section class=\"vr-contact-section vr-contact-section-darker\">\r\n    <div class=\"container\">\r\n        <div class=\"vr-contact-section-header\">\r\n            <div class=\"vr-contact-section-tag\">\r\n                <i class=\"fa-solid fa-circle-info\"><\/i>\r\n                Contact Information\r\n            <\/div>\r\n            <h2 class=\"vr-contact-section-title\">How to <span>Reach Us<\/span><\/h2>\r\n            <p class=\"vr-contact-section-desc\">Choose the most convenient way to get in touch with our team.<\/p>\r\n        <\/div>\r\n        <div class=\"vr-contact-info-grid\">\r\n            <div class=\"vr-contact-info-card\"-delay=\"100\">\r\n                <div class=\"vr-contact-info-icon\"><i class=\"fa-solid fa-envelope\"><\/i><\/div>\r\n                <h3 class=\"vr-contact-info-label\">Email Us<\/h3>\r\n                <p class=\"vr-contact-info-value\">\r\n                    <a href=\"mailto:support@viewari.com\">support@viewari.com<\/a><br>\r\n                    <span>We reply within 24 hours<\/span>\r\n                <\/p>\r\n            <\/div>\r\n            <div class=\"vr-contact-info-card\"-delay=\"200\">\r\n                <div class=\"vr-contact-info-icon\"><i class=\"fa-solid fa-comments\"><\/i><\/div>\r\n                <h3 class=\"vr-contact-info-label\">Live Chat<\/h3>\r\n                <p class=\"vr-contact-info-value\">\r\n                    Chat with our team<br>\r\n                    <span>Mon\u2013Fri, 9AM\u20136PM EST<\/span>\r\n                <\/p>\r\n            <\/div>\r\n            <div class=\"vr-contact-info-card\"-delay=\"300\">\r\n                <div class=\"vr-contact-info-icon\"><i class=\"fa-solid fa-location-dot\"><\/i><\/div>\r\n                <h3 class=\"vr-contact-info-label\">Location<\/h3>\r\n                <p class=\"vr-contact-info-value\">\r\n                    Viewari HQ<br>\r\n                    <span>New York, NY 10001<\/span>\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- ===== MAIN FORM + VISUAL ===== -->\r\n        <div class=\"vr-contact-main-grid\">\r\n            <div class=\"vr-contact-form-wrap\"-delay=\"100\">\r\n                <h3 class=\"vr-contact-form-title\">Send Us a Message<\/h3>\r\n                <p class=\"vr-contact-form-subtitle\">Fill out the form below and we'll get back to you shortly.<\/p>\r\n                \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f2907-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"2907\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/it\/wp-json\/wp\/v2\/pages\/2990#wpcf7-f2907-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=\"2907\" \/><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-f2907-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<p><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\" placeholder=\"Name\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span><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\" placeholder=\"Email\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span><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\" placeholder=\"Subject\" value=\"\" type=\"text\" name=\"your-subject\" \/><\/span><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\" placeholder=\"Message\" name=\"your-message\"><\/textarea><\/span><br \/>\n<input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Send Message\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\r\n            <\/div>\r\n\r\n            <div class=\"vr-contact-visual\"-delay=\"200\">\r\n                <div class=\"vr-contact-scene\">\r\n                    <div class=\"vr-contact-scene-orb\"><\/div>\r\n                    <div class=\"vr-contact-scene-card\">\r\n                        <div class=\"vr-contact-scene-icon-wrap\">\r\n                            <div class=\"vr-contact-scene-icon\">\r\n                                <i class=\"fa-solid fa-shield-halved\"><\/i>\r\n                            <\/div>\r\n                            <div class=\"vr-contact-scene-ring\"><\/div>\r\n                        <\/div>\r\n                        <h3 class=\"vr-contact-scene-headline\">We're <span>Here to Help<\/span><\/h3>\r\n                        <p class=\"vr-contact-scene-desc\">Your privacy matters to us. Reach out anytime \u2014 we're always happy to assist.<\/p>\r\n                        <div class=\"vr-contact-scene-platforms\">\r\n                            <i class=\"fa-brands fa-instagram\"><\/i>\r\n                            <i class=\"fa-brands fa-youtube\"><\/i>\r\n                            <i class=\"fa-brands fa-tiktok\"><\/i>\r\n                            <i class=\"fa-brands fa-facebook\"><\/i>\r\n                            <i class=\"fa-brands fa-linkedin-in\"><\/i>\r\n                            <i class=\"fa-brands fa-pinterest\"><\/i>\r\n                            <i class=\"fa-brands fa-reddit\"><\/i>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ===== FAQ SECTION ===== -->\r\n<section class=\"vr-contact-section\">\r\n    <div class=\"container\">\r\n        <div class=\"vr-contact-section-header\">\r\n            <div class=\"vr-contact-section-tag\">\r\n                <i class=\"fa-solid fa-question-circle\"><\/i>\r\n                FAQ\r\n            <\/div>\r\n            <h2 class=\"vr-contact-section-title\">Common <span>Questions<\/span><\/h2>\r\n            <p class=\"vr-contact-section-desc\">Quick answers to common questions before you reach out.<\/p>\r\n        <\/div>\r\n        <div class=\"vr-contact-faq-container\">\r\n            <div class=\"vr-contact-faq-item\"-delay=\"100\">\r\n                <div class=\"vr-contact-faq-question\" onclick=\"toggleFaq(this)\">\r\n                    <span class=\"faq-left\">\r\n                        <span class=\"faq-icon-box\"><i class=\"fa-solid fa-clock\"><\/i><\/span>\r\n                        How quickly do you respond to inquiries?\r\n                    <\/span>\r\n                    <i class=\"fa-solid fa-chevron-down faq-question-icon\"><\/i>\r\n                <\/div>\r\n                <div class=\"vr-contact-faq-answer\">\r\n                    <p>We typically respond within 24 hours during business days. For urgent matters, we recommend using our live chat option for faster assistance.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"vr-contact-faq-item\"-delay=\"200\">\r\n                <div class=\"vr-contact-faq-question\" onclick=\"toggleFaq(this)\">\r\n                    <span class=\"faq-left\">\r\n                        <span class=\"faq-icon-box\"><i class=\"fa-solid fa-shield\"><\/i><\/span>\r\n                        Is my data safe when I contact you?\r\n                    <\/span>\r\n                    <i class=\"fa-solid fa-chevron-down faq-question-icon\"><\/i>\r\n                <\/div>\r\n                <div class=\"vr-contact-faq-answer\">\r\n                    <p>Absolutely. All communications are encrypted and we never share your personal information with third parties. Your privacy is our top priority.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"vr-contact-faq-item\"-delay=\"300\">\r\n                <div class=\"vr-contact-faq-question\" onclick=\"toggleFaq(this)\">\r\n                    <span class=\"faq-left\">\r\n                        <span class=\"faq-icon-box\"><i class=\"fa-solid fa-briefcase\"><\/i><\/span>\r\n                        Do you accept partnership or business inquiries?\r\n                    <\/span>\r\n                    <i class=\"fa-solid fa-chevron-down faq-question-icon\"><\/i>\r\n                <\/div>\r\n                <div class=\"vr-contact-faq-answer\">\r\n                    <p>Yes! We're always open to partnerships, collaborations, and business opportunities. Select \"Business\" in the subject field and our partnerships team will reach out.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"vr-contact-faq-item\"-delay=\"400\">\r\n                <div class=\"vr-contact-faq-question\" onclick=\"toggleFaq(this)\">\r\n                    <span class=\"faq-left\">\r\n                        <span class=\"faq-icon-box\"><i class=\"fa-solid fa-tools\"><\/i><\/span>\r\n                        Can I request a new tool or feature?\r\n                    <\/span>\r\n                    <i class=\"fa-solid fa-chevron-down faq-question-icon\"><\/i>\r\n                <\/div>\r\n                <div class=\"vr-contact-faq-answer\">\r\n                    <p>Of course! We love hearing ideas from our users. Send us your suggestions and our product team will review them for future updates.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ===== CTA SECTION ===== -->\r\n<section class=\"vr-contact-cta\">\r\n    <div class=\"container\">\r\n        <div class=\"vr-contact-cta-card\">\r\n            <div class=\"vr-contact-cta-inner\">\r\n                <h2 class=\"vr-contact-cta-title\">Ready to <span>Get Started?<\/span><\/h2>\r\n                <p class=\"vr-contact-cta-desc\">Start browsing social media anonymously today \u2014 no sign-up, no tracking, no limits.<\/p>\r\n                <div class=\"vr-contact-cta-actions\">\r\n                    <a href=\"\/\" class=\"vr-home-btn vr-home-btn-primary\" style=\"padding: 16px 36px; border-radius: 12px; font-size: 1rem; font-weight: 600; text-decoration: none; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); cursor: pointer; border: none; display: inline-flex; align-items: center; gap: 10px; font-family: 'Plus Jakarta Sans', sans-serif; position: relative; overflow: hidden; background: linear-gradient(135deg, #2f6b3f, #4a7c1f); color: white; box-shadow: 0 8px 30px rgba(47, 107, 63, 0.4);\">\r\n                        <i class=\"fa-solid fa-compass\"><\/i>\r\n                        Explore Tools\r\n                    <\/a>\r\n                    <a href=\"\/about\" class=\"vr-home-btn vr-home-btn-outline\" style=\"padding: 16px 36px; border-radius: 12px; font-size: 1rem; font-weight: 600; text-decoration: none; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); cursor: pointer; border: none; display: inline-flex; align-items: center; gap: 10px; font-family: 'Plus Jakarta Sans', sans-serif; position: relative; overflow: hidden; color: var(--vr-contact-primary); border: 2px solid rgba(47,107,63,0.3); backdrop-filter: blur(10px); background: transparent;\">\r\n                        <i class=\"fa-solid fa-circle-info\"><\/i>\r\n                        Learn More\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    \/\/ FAQ Toggle\r\n    function toggleFaq(element) {\r\n        const item = element.closest('.vr-contact-faq-item');\r\n        const isActive = item.classList.contains('active');\r\n        document.querySelectorAll('.vr-contact-faq-item').forEach(el => el.classList.remove('active'));\r\n        if (!isActive) item.classList.add('active');\r\n    }\r\n\r\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-homepage.php","meta":{"footnotes":""},"class_list":["post-2990","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/viewari.com\/wp-json\/wp\/v2\/pages\/2990","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/viewari.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/viewari.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/viewari.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/viewari.com\/wp-json\/wp\/v2\/comments?post=2990"}],"version-history":[{"count":3,"href":"https:\/\/viewari.com\/wp-json\/wp\/v2\/pages\/2990\/revisions"}],"predecessor-version":[{"id":5520,"href":"https:\/\/viewari.com\/wp-json\/wp\/v2\/pages\/2990\/revisions\/5520"}],"wp:attachment":[{"href":"https:\/\/viewari.com\/wp-json\/wp\/v2\/media?parent=2990"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}