PageSourceSearch

https://vmppass.com/blog/

html vmppass.com collected 2026-10-02 01:47:57 UTC 248,286 bytes, 4,340 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en-US" dir="ltr">
3
4<head>
5   <meta charset="UTF-8">
6   <meta name="viewport" content="width=device-width, initial-scale=1">
7   <link rel="icon" type="image/x-icon" href="https://vmppass.com/wp-content/themes/vmpPass/assets/images/favicon.ico">
8   
9   <!-- Critical CSS (inline, applies before render-blocking stylesheets download).
10        Without this the dropdown mega-menus + mobile offcanvas render EXPANDED for a
11        few frames while CSS loads, making the navbar ~3800px tall, then collapse to
12        74px — a ~0.96 CLS bomb. Hiding them here keeps layout stable from first paint. -->
13   <style id="vmp-critical-cls">
14      /* Hide JS-toggled overlays until their CSS/JS is ready. The vmp-mega-menu
15         plugin loads its CSS async (media=print), so without this the mega-menu
16         dropdowns render EXPANDED in-flow for a few frames → navbar ~3800px tall
17         → collapse → ~0.96 CLS. These match the plugin's own base rules, so the
18         .show hover state still works once its CSS/JS load. */
19      .vmp-mega-menu-dropdown{position:absolute;display:none}
20      .dropdown-menu{display:none}
21      .offcanvas{visibility:hidden}
22      /* Reserve navbar height + force its final horizontal layout BEFORE Bootstrap's
23         utility classes (.d-flex etc.) load. Otherwise the menu renders as a tall
24         vertical list for a few frames, then collapses to one row → ~0.96 CLS. */
25      #mainNavbar{min-height:74px}
26      @media (min-width:992px){
27         #mainNavbar .mainNavbar-content{display:flex;align-items:center;flex-wrap:nowrap;width:100%}
28         #mainNavbar .navbar-left{display:flex;align-items:center}
29         #mainNavbar .navbar-left ul{display:flex;flex-wrap:nowrap;align-items:center;list-style:none;margin:0;padding:0}
30         #mainNavbar .navbar-right-header{display:flex;align-items:center;margin-left:auto}
31      }
32      @media (max-width:991.98px){
33         /* Mobile uses the offcanvas + toggler; keep the desktop menu out of flow
34            so it can't flash as a tall list before responsive CSS loads. */
35         #mainNavbar .navbar-left{display:none}
36      }
37   </style>
38   <!-- Meta Pixel Code — deferred until user interaction/idle for performance (was render-path-competing) -->
39   
39<script>
40   (function(){
41      var loaded=false;
42      function loadFB(){
43         if(loaded) return; loaded=true;
44         !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,document,'script','https://connect.facebook.net/en_US/fbevents.js');
45         // Advanced matching: pre-hashed (SHA-256) identifiers for signed-in
46         // visitors. This is the single biggest lever on Meta's Event Match
47         // Quality score, which decides how much of your conversion data is
48         // actually usable for campaign optimisation. Raw PII is never emitted.
49                  fbq('init','947800294393207', {});
50         fbq('track','PageView');
51      }
52      // Interaction triggers keep the pixel off the critical render path;
53      // visibilitychange/pagehide make sure a pure-bounce visit is still
54      // counted instead of vanishing from the dataset entirely.
55      ['scroll','click','touchstart','keydown','mousemove','pointerdown'].forEach(function(evt){ document.addEventListener(evt, loadFB, {once:true, passive:true}); });
56      document.addEventListener('visibilitychange', function(){ if (document.hidden) loadFB(); });
57      window.addEventListener('pagehide', loadFB);
58      setTimeout(loadFB, 1500);
59   })();
60   </script>
60
61   <noscript><img height="1" width="1" alt="" style="display:none"
62   src="https://www.facebook.com/tr?id=947800294393207&ev=PageView&noscript=1"
63   /></noscript>
64   <!-- End Meta Pixel Code -->
65   <link rel="preload" as="font" type="font/woff2" href="https://vmppass.com/wp-content/themes/vmpPass/assets/fonts/Source_Sans_3/SourceSans3-VariableFont_wght.woff2" crossorigin>
66<link rel="preload" as="font" type="font/woff2" href="https://vmppass.com/wp-content/themes/vmpPass/assets/fonts/Source_Sans_3/SourceSans3-Regular.woff2" crossorigin>
67<link rel="preconnect" href="https://www.googletagmanager.com" crossorigin>
68<link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin>
69<link rel="dns-prefetch" href="//www.google-analytics.com">
70<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
71<title>Blog - VMP&trade; Pass</title>
72<meta name="description" content="Cybersecurity blog of VMP&trade; Pass with insights, tutorials, and updates.">
73
74	<!-- This site is optimized with the Yoast SEO plugin v27.8 - https://yoast.com/product/yoast-seo-wordpress/ -->
75	<link rel="canonical" href="https://vmppass.com/fr/blog/" />
76	<meta property="og:locale" content="en_US" />
77	<meta property="og:type" content="article" />
78	<meta property="og:title" content="Blog - Vmp Pass" />
79	<meta property="og:url" content="https://vmppass.com/fr/blog/" />
80	<meta property="og:site_name" content="Vmp Pass" />
81	<meta property="article:modified_time" content="2025-12-30T06:08:48+00:00" />
82	<meta name="twitter:card" content="summary_large_image" />
83	
83<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/vmppass.com\/fr\/blog\/","url":"https:\/\/vmppass.com\/fr\/blog\/","name":"Blog - Vmp Pass","isPartOf":{"@id":"https:\/\/vmppass.com\/#website"},"datePublished":"2025-12-08T06:12:29+00:00","dateModified":"2025-12-30T06:08:48+00:00","breadcrumb":{"@id":"https:\/\/vmppass.com\/fr\/blog\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/vmppass.com\/fr\/blog\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/vmppass.com\/fr\/blog\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/vmppass.com\/"},{"@type":"ListItem","position":2,"name":"Blog"}]},{"@type":"WebSite","@id":"https:\/\/vmppass.com\/#website","url":"https:\/\/vmppass.com\/","name":"Vmp Pass","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/vmppass.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}</script>
83
84	<!-- / Yoast SEO plugin. -->
85
86
87<link rel='dns-prefetch' href='//cdn.jsdelivr.net' />
88<link rel='dns-prefetch' href='//fonts.googleapis.com' />
89<link rel='dns-prefetch' href='//fonts.gstatic.com' />
90<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://vmppass.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fvmppass.com%2Fblog%2F" />
91<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://vmppass.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fvmppass.com%2Fblog%2F&#038;format=xml" />
92<style id="wp-img-auto-sizes-contain-inline-css">
93img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
94/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
95</style>
96<style id="classic-theme-styles-inline-css">
97/*! This file is auto-generated */
98.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
99/*# sourceURL=/wp-includes/css/classic-themes.min.css */
100</style>
101
102<style id="global-styles-inline-css">
103:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
103--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
103.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
104/*# sourceURL=global-styles-inline-css */
105</style>
106
107<link rel='stylesheet' id='contact-form-7-css' href='https://vmppass.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.1.6' media='all' />
108<link rel='stylesheet' id='vmp-mega-menu-css' href='https://vmppass.com/wp-content/plugins/vmp-mega-menu/assets/css/mega-menu.css?ver=1790905676' media='print' onload="this.media='all'" />
109<noscript><link rel="stylesheet" href="https://vmppass.com/wp-content/plugins/vmp-mega-menu/assets/css/mega-menu.css"></noscript><link rel='stylesheet' id='bootstrap-css' href='https://vmppass.com/wp-content/themes/vmpPass/assets/css/bootstrap.min.css?ver=5.3.2' media='all' />
110<link rel='stylesheet' id='style-css' href='https://vmppass.com/wp-content/themes/vmpPass/style.css?ver=1790905676' media='all' />
111<link rel='stylesheet' id='bootstrap-icons-css' href='https://vmppass.com/wp-content/themes/vmpPass/assets/css/bootstrap-icons.css?ver=1.11.2' media='print' onload="this.media='all'" />
112<noscript><link rel="stylesheet" href="https://vmppass.com/wp-content/themes/vmpPass/assets/css/bootstrap-icons.css"></noscript><link rel='stylesheet' id='font-awesome-css' href='https://vmppass.com/wp-content/themes/vmpPass/assets/css/all.min.css?ver=6.5.1' media='print' onload="this.media='all'" />
113<noscript><link rel="stylesheet" href="https://vmppass.com/wp-content/themes/vmpPass/assets/css/all.min.css"></noscript><link rel='stylesheet' id='vmp-modal-css' href='https://vmppass.com/wp-content/themes/vmpPass/assets/css/vmp-modal.css?ver=2.1' media='print' onload="this.media='all'" />
114<noscript><link rel="stylesheet" href="https://vmppass.com/wp-content/themes/vmpPass/assets/css/vmp-modal.css"></noscript><link rel='stylesheet' id='cookie-consent-css' href='https://vmppass.com/wp-content/themes/vmpPass/assets/css/cookie-consent.css?ver=1.8' media='print' onload="this.media='all'" />
115<noscript><link rel="stylesheet" href="https://vmppass.com/wp-content/themes/vmpPass/assets/css/cookie-consent.css"></noscript><link rel='stylesheet' id='vmp-buttons-css' href='https://vmppass.com/wp-content/themes/vmpPass/assets/css/vmp-buttons.css?ver=1.0.0' media='print' onload="this.media='all'" />
116<noscript><link rel="stylesheet" href="https://vmppass.com/wp-content/themes/vmpPass/assets/css/vmp-buttons.css"></noscript>
116<script id="jquery-core-js" src="https://vmppass.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
116
117<link rel="https://api.w.org/" href="https://vmppass.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://vmppass.com/wp-json/wp/v2/pages/23" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://vmppass.com/xmlrpc.php?rsd" />
118
119<link rel='shortlink' href='https://vmppass.com/?p=23' />
120
121<!-- Google tag (gtag.js) - deferred until user interaction for performance -->
122<script>
123   (function() {
124      // Consent Mode v2 defaults MUST be queued before gtag.js loads, otherwise
125      // the first hits of every EEA session are sent without a consent state.
126      // Declaring them here (rather than only calling consent 'update' from
127      // cookie-consent.js) is also what enables Google's behavioural modelling,
128      // which recovers reporting for users who decline cookies.
129      window.dataLayer = window.dataLayer || [];
130      function gtag(){dataLayer.push(arguments);}
131      window.gtag = gtag;
132      var EEA = ['AT','BE','BG','HR','CY','CZ','DK','EE','FI','FR','DE','GR','HU','IS','IE','IT','LV','LI','LT','LU','MT','NL','NO','PL','PT','RO','SK','SI','ES','SE','GB','CH'];
133      gtag('consent', 'default', {
134         ad_storage: 'denied', ad_user_data: 'denied', ad_personalization: 'denied',
135         analytics_storage: 'denied', functionality_storage: 'denied',
136         personalization_storage: 'denied', security_storage: 'granted',
137         region: EEA, wait_for_update: 500
138      });
139      gtag('consent', 'default', {
140         ad_storage: 'granted', ad_user_data: 'granted', ad_personalization: 'granted',
141         analytics_storage: 'granted', functionality_storage: 'granted',
142         personalization_storage: 'granted', security_storage: 'granted',
143         wait_for_update: 500
144      });
145
146      var loaded = false;
147      function loadGA() {
148         if (loaded) return;
149         loaded = true;
150         var s = document.createElement('script');
151         s.src = 'https://www.googletagmanager.com/gtag/js?id=G-5V8RH21VXZ';
152         s.async = true;
153         document.head.appendChild(s);
154         gtag('js', new Date());
155         gtag('config', 'G-5V8RH21VXZ', { send_page_view: true });
156      }
157      // Interaction triggers keep the tag off the critical render path, but a
158      // pure-bounce visit produces no interaction — 'visibilitychange' and
159      // 'pagehide' make sure those sessions are still counted instead of
160      // silently disappearing from every report.
161      ['scroll', 'click', 'touchstart', 'keydown', 'mousemove', 'pointerdown'].forEach(function(evt) {
162         document.addEventListener(evt, loadGA, {once: true, passive: true});
163      });
164      document.addEventListener('visibilitychange', function(){ if (document.hidden) loadGA(); });
165      window.addEventListener('pagehide', loadGA);
166      setTimeout(loadGA, 1200);
167   })();
168</script>
168
169
170<!-- PostHog Analytics - deferred until interaction/idle, consent-aware -->
171<script>
172   (function(){
173      var loaded=false;
174      function loadPH(){
175         if(loaded) return; loaded=true;
176         !function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.crossOrigin="anonymous",p.async=!0,p.src=s.api_host.replace(".i.posthog.com","-assets.i.posthog.com")+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="init capture identify set_config opt_in_capturing opt_out_capturing has_opted_in_capturing has_opted_out_capturing reset register register_once startSessionRecording stopSessionRecording".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]);
177         posthog.init('phc_uNZn4uUAXwCsUiyZZLz5RQtRHaQeslBDVJQIYAvzvot', {
178            api_host: 'https://us.i.posthog.com',
179            person_profiles: 'identified_only',
180            persistence: 'memory',
181            autocapture: false,
182            capture_pageview: false,
183            capture_pageleave: false,
184            disable_session_recording: true,
185            opt_out_capturing_by_default: true
186         });
187      }
188      ['scroll','click','touchstart','keydown','mousemove'].forEach(function(evt){ document.addEventListener(evt, loadPH, {once:true, passive:true}); });
189      setTimeout(loadPH, 3500);
190   })();
191</script>
191
192
193<!-- Unified analytics layer (transport + universal auto-capture) is enqueued by
194     inc/analytics/bootstrap.php, so WordPress owns its load order and cache
195     busting. Do NOT re-add a 
195<script> tag for vmp-tracking.js here: loading it
196     twice double-fires every delegated handler and doubles every conversion. -->
197
198
199
200<style>
201	/* Floating "Feedback" tab pinned to the right edge (header.php) */
202	html[lang="en-US"] #feedbackTab{
203		position: fixed;
204		z-index: 3;
205		top: 50%;
206		right: -31px;
207		transform: rotate(270deg);
208		height: auto;
209		width: unset;
210		padding: 3px 15px;
211		background: var(--primary-color);
212		color: #fff;
213		border-radius: 5px;
214		cursor: pointer;
215	}
216
217	html[lang="fa-IR"] #feedbackTab{
218		position: fixed;
219		z-index: 3;
220		top: 50%;
221		right: -21px;
222		transform: rotate(270deg);
223		height: auto;
224		width: unset;
225		padding: 3px 15px;
226		background: var(--primary-color);
227		color: #fff;
228		border-radius: 5px;
229		cursor: pointer;
230	}
231
232	html[lang="de-DE"] #feedbackTab{
233		position: fixed;
234		z-index: 3;
235		top: 50%;
236		right: -46px;
237		transform: rotate(270deg);
238		height: auto;
239		width: unset;
240		padding: 3px 15px;
241		background: var(--primary-color);
242		color: #fff;
243		border-radius: 5px;
244		cursor: pointer;
245	}
246
247	html[lang="es-ES"] #feedbackTab {
248		position: fixed;
249		z-index: 3;
250		top: 50%;
251		right: -41px;
252		transform: rotate(270deg);
253		height: auto;
254		width: unset;
255		padding: 3px 15px;
256		background: var(--primary-color);
257		color: #fff;
258		border-radius: 5px;
259		cursor: pointer;
260	}
261
262   html[lang="ru-RU"] #feedbackTab {		
263		position: fixed;
264		z-index: 3;
265		top: 50%;
266		right: -21px;
267		transform: rotate(270deg);
268		height: auto;
269		width: unset;
270		padding: 3px 15px;
271		background: var(--primary-color);
272		color: #fff;
273		border-radius: 5px;
274		cursor: pointer;	
275	}
276
277   html[lang="fr-FR"] #feedbackTab{
278		position: fixed;
279		z-index: 3;
280		top: 50%;
281		right: -48px;
282		transform: rotate(270deg);
283		height: auto;
284		width: unset;
285		padding: 3px 15px;
286		background: var(--primary-color);
287		color: #fff;
288		border-radius: 5px;
289		cursor: pointer;
290	}
291
292   html[lang="it-IT"] #feedbackTab{
293		position: fixed;
294		z-index: 3;
295		top: 50%;
296		right: -31px;
297		transform: rotate(270deg);
298		height: auto;
299		width: unset;
300		padding: 3px 15px;
301		background: var(--primary-color);
302		color: #fff;
303		border-radius: 5px;
304		cursor: pointer;
305	}
306
307   html[lang="nl-NL"] #feedbackTab{
308		position: fixed;
309		z-index: 3;
310		top: 50%;
311		right: -27px;
312		transform: rotate(270deg);
313		height: auto;
314		width: unset;
315		padding: 3px 15px;
316		background: var(--primary-color);
317		color: #fff;
318		border-radius: 5px;
319		cursor: pointer;
320	}
321
322   html[lang="pt-PT"] #feedbackTab{
323		position: fixed;
324		z-index: 3;
325		top: 50%;
326		right: -42px;
327		transform: rotate(270deg);
328		height: auto;
329		width: unset;
330		padding: 3px 15px;
331		background: var(--primary-color);
332		color: #fff;
333		border-radius: 5px;
334		cursor: pointer;
335	}
336
337
338   #contactSalesDropdown svg{
339      margin-right: 10px;
340   }
341
342   html[lang="fa-IR"] #contactSalesDropdown svg{
343      margin-left: 10px;
344   }
345
346   html[lang="fa-IR"] .mainNavbar-content{
347      justify-content: end;
348   }
349</style>
350
351</head>
352
353<body class="wp-singular page-template page-template-all-blog page-template-all-blog-php page page-id-23 wp-theme-vmpPass vmp-tracked">
354<script>document.body.setAttribute("data-vmp-page-type","resource");document.body.setAttribute("data-vmp-template","all-blog.php");document.body.setAttribute("data-vmp-user","visitor");</script>
354
355
356      
357   <button data-vmp-label="scrolltopbtn" id="scrollTopBtn" title="Go to top" aria-label="Go to top">↑</button>
358   <div id="feedbackTab" data-bs-toggle="modal" data-bs-target="#feedbackModal">
359      <span>Feedback</span>
360   </div>
361   <header class="site-header">
362      <div class="border-bottom top_bar_1">
363         <!-- Top Utility Bar -->
364         <div class="top-utility-bar d-flex justify-content-between align-items-center py-1 px-4">
365            <div class="utility-links-left d-flex align-items-center gap-3">
366
367               <!-- Language Switcher (component: inc/language-switcher-component.php) -->
368                              <div class="dropdown lang-switcher-dropdown">
369                  <button class="btn btn-link text-dark text-decoration-none d-flex align-items-center p-0 lang-switcher-btn"
370                     type="button"
371                     id="langSwitcherBtn"
372                     data-bs-toggle="dropdown"
373                     aria-expanded="false"
374                     aria-label="Select language">
375                     <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" style="flex-shrink:0;">
376                        <path d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m7.5-6.923c-.67.204-1.335.82-1.887 1.855A8 8 0 0 0 5.145 4H7.5zM4.09 4a9.3 9.3 0 0 1 .64-1.539 7 7 0 0 1 .597-.933A7.03 7.03 0 0 0 2.255 4zm-.582 3.5c.03-.877.138-1.718.312-2.5H1.674a7 7 0 0 0-.656 2.5zM4.847 5a12.5 12.5 0 0 0-.338 2.5H7.5V5zM8.5 5v2.5h2.99a12.5 12.5 0 0 0-.337-2.5zM4.51 8.5a12.5 12.5 0 0 0 .337 2.5H7.5V8.5zm3.99 0V11h2.653c.187-.765.306-1.608.338-2.5zM5.145 12q.208.58.468 1.068c.552 1.035 1.218 1.65 1.887 1.855V12zm.182 2.472a7 7 0 0 1-.597-.933A9.3 9.3 0 0 1 4.09 12H2.255a7 7 0 0 0 3.072 2.472M3.82 11a13.7 13.7 0 0 1-.312-2.5h-2.49c.062.89.291 1.733.656 2.5zm6.853 3.472A7 7 0 0 0 13.745 12H11.91a9.3 9.3 0 0 1-.64 1.539 7 7 0 0 1-.597.933M8.5 12v2.923c.67-.204 1.335-.82 1.887-1.855q.26-.487.468-1.068zm3.68-1h2.146c.365-.767.594-1.61.656-2.5h-2.49a13.7 13.7 0 0 1-.312 2.5m2.802-3.5a7 7 0 0 0-.656-2.5H12.18c.174.782.282 1.623.312 2.5zM11.27 2.461c.247.464.462.98.64 1.539h1.835a7 7 0 0 0-3.072-2.472c.218.284.418.598.597.933M10.855 4a8 8 0 0 0-.468-1.068C9.835 1.897 9.17 1.282 8.5 1.077V4z"/>
377                     </svg>
378                     <span class="lang-switcher-label">EN</span>
379                     <svg class="lang-switcher-caret" width="10" height="10" viewBox="0 0 16 16" fill="none" aria-hidden="true">
380                        <path d="M4 6L8 10L12 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
381                     </svg>
382                  </button>
383                  <ul class="dropdown-menu lang-switcher-menu" aria-labelledby="langSwitcherBtn">
384                                          <li><a data-vmp-event="select_content" data-vmp-label="language_switch_en" class="dropdown-item lang-option active"
385                            href="https://vmppass.com/blog/"
386                            data-lang="en"
387                            lang="en"
388                            dir="ltr"
389                            aria-current="true">English ✓</a></li>
390                                          <li><a data-vmp-event="select_content" data-vmp-label="language_switch_es" class="dropdown-item lang-option"
391                            href="https://vmppass.com/es/blog/"
392                            data-lang="es"
393                            lang="es"
394                            dir="ltr"
395                            >Español</a></li>
396                                          <li><a data-vmp-event="select_content" data-vmp-label="language_switch_de" class="dropdown-item lang-option"
397                            href="https://vmppass.com/de/blog/"
398                            data-lang="de"
399                            lang="de"
400                            dir="ltr"
401                            >Deutsch</a></li>
402                                          <li><a data-vmp-event="select_content" data-vmp-label="language_switch_fr" class="dropdown-item lang-option"
403                            href="https://vmppass.com/fr/blog/"
404                            data-lang="fr"
405                            lang="fr"
406                            dir="ltr"
407                            >Français</a></li>
408                                          <li><a data-vmp-event="select_content" data-vmp-label="language_switch_it" class="dropdown-item lang-option"
409                            href="https://vmppass.com/it/blog/"
410                            data-lang="it"
411                            lang="it"
412                            dir="ltr"
413                            >Italiano</a></li>
414                                          <li><a data-vmp-event="select_content" data-vmp-label="language_switch_nl" class="dropdown-item lang-option"
415                            href="https://vmppass.com/nl/blog/"
416                            data-lang="nl"
417                            lang="nl"
418                            dir="ltr"
419                            >Nederlands</a></li>
420                                          <li><a data-vmp-event="select_content" data-vmp-label="language_switch_pt" class="dropdown-item lang-option"
421                            href="https://vmppass.com/pt/blog/"
422                            data-lang="pt"
423                            lang="pt"
424                            dir="ltr"
425                            >Português</a></li>
426                                          <li><a data-vmp-event="select_content" data-vmp-label="language_switch_ru" class="dropdown-item lang-option"
427                            href="https://vmppass.com/ru/blog/"
428                            data-lang="ru"
429                            lang="ru"
430                            dir="ltr"
431                            >Русский</a></li>
432                                          <li><a data-vmp-event="select_content" data-vmp-label="language_switch_fa" class="dropdown-item lang-option"
433                            href="https://vmppass.com/fa/blog/"
434                            data-lang="fa"
435                            lang="fa"
436                            dir="rtl"
437                            >فارسی</a></li>
438                                       </ul>
439               </div>
440    
441            </div>
442            <div class="utility-links-right d-flex align-items-center gap-3 top_bar_one">
443               <a href="https://vmppass.com/blog" class="text-decoration-none text-dark" style="font-weight: 500;">Blog</a>
444
445               <div class="dropdown other-products-dropdown">
446               </div>
447
448               <div class="dropdown resources-dropdown">
449                  <button data-vmp-label="resourcesdropdown" class="btn btn-link text-dark text-decoration-none d-flex align-items-center dropdown-toggle p-0" type="button" id="resourcesDropdown" aria-expanded="false" style="font-size: 14px; font-weight: 500;">
450                     Resource Center                  </button>
451                  <div id="resources_dropdown_menu" class="dropdown-menu dropdown-menu-end" aria-labelledby="resourcesDropdown">
452                     <div class="resources-mega-menu-container">
453                        <div class="resources-column column_border_1">
454                           <div class="column-title" role="heading" aria-level="3">LEARN</div>
455                           <div class="column-items">
456                              <div class="overview_intro">
457                                 <a href="https://vmppass.com/how-vmp-pass-works/" class="resource-link">
458                                    <span class="cta-title">How VMP&trade; Pass works</span>
459                                 </a>
460                              </div>
461                              <div class="overview_intro">
462                                 <a href="https://vmppass.com/why-vmp-pass/" class="resource-link">
463                                    <span class="cta-title">Why VMP&trade; Pass</span>
464                                 </a>
465                              </div>
466                              <div class="overview_intro">
467                                 <a href="https://vmppass.com/features/" class="resource-link">
468                                    <span class="cta-title">Features</span>
469                                 </a>
470                              </div>
471                              <div class="overview_intro">
472                                 <a data-vmp-event="view_pricing" data-vmp-label="nav_compare_plans" href="https://vmppass.com/compare/" class="resource-link">
473                                    <span class="cta-title">Compare plans</span>
474                                 </a>
475                              </div>                              
476                           </div>
477                        </div>
478                        <div class="resources-column column_border_1">
479                           <div class="column-title" role="heading" aria-level="3">TRUST &amp; SECURITY</div>
480                           <div class="column-items">
481                              <div class="overview_intro">
482                                 <a href="https://vmppass.com/trust-center" class="resource-link">
483                                    <span class="cta-title">Trust Center</span>
484                                 </a>
485                              </div>
486                              <div class="overview_intro">
487                                 <a href="https://vmppass.com/zero-knowledge-security/" class="resource-link">
488                                    <span class="cta-title">Zero-knowledge security</span>
489                                 </a>
490                              </div>
491                              <div class="overview_intro">
492                                 <a href="https://vmppass.com/how-is-vmp-pass-secure/" class="resource-link">
493                                    <span class="cta-title">Is VMP Pass secure?</span>
494                                 </a>
495                              </div>
496                              <div class="overview_intro">
497                                 <a href="https://vmppass.com/passkeys/" class="resource-link">
498                                    <span class="cta-title">Passkeys</span>
499                                 </a>
500                              </div>
501                           </div>
502                        </div>
503                        <div class="resources-column resources-cta-column">
504                           <div class="resources-cta-box">                              
505                              <div class="resources-cta-icon">
506                                 <svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
507                                    <rect width="56" height="56" rx="8" fill="#4A5D7F"/>
508                                    <path d="M20 24H28V32H20V24Z" fill="white" opacity="0.3"/>
509                                    <path d="M20 18H28V22H20V18Z" fill="white"/>
510                                    <path d="M32 24L36 28L32 32V24Z" stroke="white" stroke-width="2" stroke-linecap="round"/>
511                                 </svg>
512                              </div>
513                              
514                              <a data-vmp-event="schedule" data-vmp-label="business_demo" href="https://vmppass.com/business-demo/" style="text-decoration: none; color: inherit;">
515                                 <div class="resources-cta-content">
516                                    <span class="resources-cta-label">Product Demos</span>
517                                    <span class="resources-cta-title">On-demand VMP&trade; Pass Business demos</span>
518                                 </div>
519                              </a>
520                           </div>                           
521                           <div class="resources-cta-box">
522                              <div class="resources-cta-icon">
523                                 <svg width="56" height="56" viewB
523ox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
524                                    <rect width="56" height="56" rx="8" fill="#5B7FA8"/>
525                                    <path d="M28 16L31 24H39L33 29L35 37L28 32L21 37L23 29L17 24H25L28 16Z" fill="white"/>
526                                 </svg>
527                              </div>
528                              <a data-vmp-event="start_trial" data-vmp-label="nav_resources_free_trial" href="https://vmppass.com/client/login" style="text-decoration: none; color: inherit;">
529                                 <div class="resources-cta-content">
530                                    <span class="resources-cta-label">FREE TRIAL</span>
531                                    <span class="resources-cta-title">Try VMP&trade; Pass free</span>
532                                 </div>
533                              </a>
534                           </div>
535                        </div>
536                     </div>
537                  </div>
538               </div>
539
540               <div class="dropdown support-dropdown">
541                  <button data-vmp-label="supportdropdown" class="btn btn-link text-dark text-decoration-none d-flex align-items-center dropdown-toggle p-0" type="button" id="supportDropdown" aria-expanded="false" style="font-size: 14px; font-weight: 500;">
542                     Support                  </button>
543                  <div id="support_dropdown_menu" class="dropdown-menu dropdown-menu-end" aria-labelledby="supportDropdown">
544                     <div class="support-mega-menu-container">
545                        <div class="support-column column_border_1">
546                           <div class="column-title" role="heading" aria-level="3">HELP</div>
547                           <div class="column-items">
548                              <div class="overview_intro">
549                                 <a href="https://vmppass.com/support" class="support-link" style="text-decoration: none; color: inherit;">
550                                    <div class="support-item-with-icon">
551                                       <svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
552                                          <circle cx="22" cy="22" r="22" fill="#000"/>
553                                          <text x="22" y="28" text-anchor="middle" fill="white" font-size="20" font-weight="bold">?</text>
554                                       </svg>
555                                       <div class="support-item-text">
556                                          <span class="cta-title">Support Center</span>
557                                          <p class="nav-heading-link-description">Self-service library of resources and guides for all VMP&trade; Pass products.</p>
558                                       </div>
559                                    </div>
560                                 </a>
561                              </div>
562                              <div class="overview_intro">
563                                 <a data-vmp-event="contact" data-vmp-label="nav_contact_support" href="https://vmppass.com/contact-support/" class="support-link" style="text-decoration: none; color: inherit;">
564                                    <div class="support-item-with-icon">
565                                       <svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
566                                          <circle cx="22" cy="22" r="22" fill="#000"/>
567                                          <path d="M14 17C14 15.8954 14.8954 15 16 15H28C29.1046 15 30 15.8954 30 17V25C30 26.1046 29.1046 27 28 27H20L16 31V27H16C14.8954 27 14 26.1046 14 25V17Z" fill="white"/>
568                                       </svg>
569                                       <div class="support-item-text">
570                                          <span class="cta-title">Contact support</span>
571                                          <p class="nav-heading-link-description">Get in touch with our team for help with your account or technical issues.</p>
572                                       </div>
573                                    </div>
574                                 </a>
575                              </div>
576                           </div>
577                        </div>
578                        <div class="support-column support-cta-column">
579                           <div class="support-cta-card support_contact_card_grid">
580                              <div class="support-cta-icon-large">
581                                 <svg style="margin-right: 10px;
581" width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
582                                    <path d="M14.4 12C13.0745 12 12 13.0745 12 14.4V17.4C12 18.7254 13.0745 20.4 14.4 20.4H17.0032L20.7492 22.4689C20.8994 22.6022 21.1139 22.6352 21.2972 22.553C21.4805 22.4708 21.5986 22.2888 21.5989 22.0879V20.4C22.9244 20.4 24 19.3254 24 18V14.4C24 13.0745 22.9255 12 21.6 12H14.4Z" fill="#191970"/>
583                                    <path d="M2.4 1.19995C1.07452 1.19995 0 2.27447 0 3.59995V13.2C0 14.5254 1.07452 15.6 2.4 15.6L2.4 18.7273C2.39963 18.9341 2.52405 19.1208 2.7151 19.2C2.90616 19.2791 3.12611 19.2353 3.27217 19.0889L7.87098 15.6H8.4C9.06274 15.6 9.6 15.0627 9.6 14.4V11.4C9.6 10.0745 10.6745 9.59995 12 9.59995H18C19.3255 9.59995 20.4 8.52543 20.4 7.19995V3.59995C20.4 2.27447 19.3255 1.19995 18 1.19995H2.4Z" fill="#191970"/>
584                                 </svg>
585                              </div>
586                              <a data-vmp-event="contact" data-vmp-label="contact_support" href="https://vmppass.com/contact-support" style="text-decoration: none; color: inherit;">
587                                 <div class="support-cta-card-content">
588                                    <span class="support-cta-card-title">Talk to support</span>
589                                    <p class="support-cta-card-description">Personal support for all VMP&trade; Pass' subscribed customers.</p>
590                                 </div>
591                              </a>
592                           </div>
593                           <div class="support-download-section">
594                              <div class="download-icons">
595                                 <img style="width: 260px; height:auto" src="https://vmppass.com/wp-content/themes/vmpPass/assets/images/illustration_navigation-highlighted_all-devices-2x-png.png" alt="All Devices" width="520" height="316">
596                              </div>
597                              <a data-vmp-event="download" data-vmp-label="download" href="https://vmppass.com/download"><span class="download-title">Download VMP&trade; Pass apps</span></a>
598                              <p class="download-description">VMP&trade; Pass works across all devices.</p>
599                           </div>
600                        </div>
601                     </div>
602                  </div>
603               </div>
604
605
606
607                                 <a data-vmp-event="login" data-vmp-label="login_section" href="https://vmppass.com/client/login" class="text-decoration-none text-dark d-flex align-items-center" id="login_section" style="font-size: 14px; font-weight: 500;">
608                     <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-circle me-1" viewBox="0 0 16 16">
609                        <path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0" />
610                        <path fill-rule="evenodd" d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1" />
611                     </svg>
612                     Log in                  </a>
613                           </div>
614         </div>
615      </div>
616      <nav id="mainNavbar" class="navbar navbar-light bg-white">
617         <div class="container-fluid px-4">
618            <div class="d-flex align-items-center w-100 mainNavbar-content">
619               <a class="navbar-brand fw-bold text-dark" href="https://vmppass.com/">
620                  <img id="vmp-pass-logo" src="https://vmppass.com/wp-content/themes/vmpPass/assets/images/vmp_pass.png" alt="VMP&trade; Pass Logo" width="40" height="40">
621               </a>
622               <div class="navbar-left d-flex align-items-center">
623                  <ul id="menu-main-menu" class="d-flex list-unstyled mb-0 flex-wrap"><li id="menu-item-39" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-39 vmp-mega-menu-item has-mega-menu"><a href="#" class="nav-link">Why VMP™ Pass?</a>
624<div class="vmp-mega-menu-dropdown mega-menu-full-width">
625	<div class="mega-menu-inner">
626
627<div class="vmp-mega-menu-template vmp-template-why-vmp-pass">
628    
629        
630            <div class="mega-menu-custom-content">
631            menu1        </div>
632        
633    <div class="why-vmp-pass-container">
634        <!-- Left Column: Overview -->
635        <div class="why-vmp-column overview-column column_border_1">
636            <h3 class="column-title">OVERVIEW</h3>
637            <div class="column-items">
638                <a class="overview_intro_a" href="https://vmppass.com/why-vmp-pass">
639                    <div class="overview_intro">
640                        <span class="cta-title">Why VMP&trade; Pass?</span>
641                        <p class="nav-heading-link-description">Create and store secure passwords for yourself, your team or business.</p>
642                    </div>
643                </a>
644
645                <a class="overview_intro_a" href="https://vmppass.com/how-vmp-pass-works">
646                <div class="overview_intro">
647                    <span class="cta-title">How VMP&trade; Pass works</span>
648                    <p class="nav-heading-link-description">Remember fewer passwords and log in faster with our browser extension.</p>
649                </div>
650                </a>
651
652                <a class="overview_intro_a" href="https://vmppass.com/security-dashboard">
653                <div class="overview_intro">
654                    <span class="cta-title">Security Architecture</span>
655                    <p class="nav-heading-link-description">VMP&trade; Pass zero-knowledge security model keeps your data private even from us.</p>
656                </div>
657                </a>
658
659                <a class="overview_intro_a" href="https://vmppass.com/compare">
660                <div class="overview_intro">
661                    <span class="cta-title">Compare VMP&trade; Pass</span>
662                    <p class="nav-heading-link-description">Compare VMP&trade; Pass competitors, plans, and features in one place.</p>
663                </div>
664                </a>
665            </div>
666        </div>
667
668        <!-- Middle Column: Key Features -->
669        <div class="why-vmp-column features-column column_border_1">
670            <h3 class="column-title">KEY FEATURES</h3>
671            <div class="column-items">
672                <a class="overview_intro_a" href="https://vmppass.com/password-manager">
673                <div class="overview_intro">
674                    <span class="cta-title">Password management</span>
675                </div>
676                </a>
677
678                <a class="overview_intro_a" href="https://vmppass.com/save-autofill">
679                <div class="overview_intro">
680                    <span class="cta-title">Save and autofill</span>
681                </div>
682                </a>
683
684                <a class="overview_intro_a" href="https://vmppass.com/password-generator">
685                <div class="overview_intro">
686                    <span class="cta-title">Password generator</span>
687                </div>
688                </a>
689
690                <a class="overview_intro_a" href="https://vmppass.com/password-sharing">
691                <div class="overview_intro">
692                    <span class="cta-title">Password sharing</span>
693                </div>
694                </a>
695
696                <a class="overview_intro_a" href="https://vmppass.com/passkeys">
697                <div class="overview_intro">
698                    <span class="cta-title">Passkeys</span>
699                </div>
700                </a>
701
702                <a class="overview_intro_a" href="https://vmppass.com/darkweb-monitoring">
703                <div class="overview_intro">
704                    <span class="cta-title">Dark web monitoring</span>
705                </div>
706                </a>
707
708                <a class="overview_intro_a" href="https://vmppass.com/security-dashboard">
709                <div class="overview_intro">
710                    <span class="cta-title">Security dashboard</span>
711                </div>
712                </a>
713
714                <hr>
715
716                <div class="overview_intro all_features">
717                    <a href="https://vmppass.com/choose-plan" class="cta-title">All Features                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: inline-block; vertical-align: middle; margin-left: 4px;">
718                            <path d="M6 3L11 8L6 13" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
719                        </svg>
720                    </a>
721                </div>
722
723                
724            </div>
725        </div>
726        
727        <!-- Right Column: CTA Boxes -->
728        <div class="why-vmp-column cta-column">
729                            <a href="https://vmppass.com/choose-plan" class="cta-download-btn" aria-label="Learn more">
730                <div class="cta-box cta-style-primary cta_style_personal">
731                    <div class="cta-icon">
732                        <img src="https://vmppass.com/wp-content/plugins/vmp-mega-menu/templates/Try_Bussiness_Free.svg" alt="Personal Icon" width="20" height="20" />
733                    </div>
734                    <div>
735                        <h4 class="cta-title">Get Personal free</h4>
736                        <p class="cta-description">Free VMP&trade; Pass Premium trial.</p>
737                    </div>
738                </div>
739                </a>
740
741                <a href="https://vmppass.com/choose-plan#business" class="cta-download-btn" aria-label="Learn more">
742                <div class="cta-box cta-style-secondary cta_style_personal">
743                    <div class="cta-icon">
744                        <img src="https://vmppass.com/wp-content/plugins/vmp-mega-menu/templates/bussiness_plan.svg" alt="Personal Icon" width="20" height="20" />
745                    </div>
746                    <div>
747                        <h4 class="cta-title">Get Business free</h4>
748                        <p class="cta-description">Free VMP&trade; Pass Business trial.</p>
749                    </div>
750                </div>
751                </a>
752                
753                <a href="https://vmppass.com/contact-sales" class="cta-download-btn" aria-label="Contact sales">
754                <div class="cta-box cta-style-contact cta_style_personal">
755                    <div class="cta-icon">
756                       <svg width="20" height="20" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
757                        <path d="M9.6 7.99999C8.71634 7.99999 8 8.71633 8 9.59999V11.6C8 12.4836 8.71634 13.6 9.6 13.6H11.3355L13.8328 14.9793C13.9329 15.0682 14.0759 15.0901 14.1981 15.0354C14.3203 14.9806 14.399 14.8592 14.3993 14.7253V13.6C15.2829 13.6 16 12.8836 16 12V9.59999C16 8.71633 15.2837 7.99999 14.4 7.99999H9.6Z" fill="#25282D"/>
758                        <path d="M1.6 0.799988C0.716344 0.799988 0 1.51633 0 2.39999V8.79999C0 9.68364 0.716344 10.4 1.6 10.4L1.6 12.4849C1.59975 12.6228 1.6827 12.7472 1.81007 12.8C1.93744 12.8528 2.08408 12.8235 2.18145 12.7259L5.24732 10.4H5.6C6.04183 10.4 6.4 10.0418 6.4 9.59999V7.59999C6.4 6.71633 7.11634 6.39999 8 6.39999H12C12.8837 6.39999 13.6 5.68364 13.6 4.79999V2.39999C13.6 1.51633 12.8837 0.799988 12 0.799988H1.6Z" fill="#25282D"/>
759                        </svg>
760
761                    </div>
762                    <div>
763                        <h4 class="cta-title"><a href="https://vmppass.com/contact-sales">Contact sales</a></h4>
764                        <p class="cta-description">Let our experts help you find the right plan and successfully deploy VMP&trade; Pass.</p>
765                    </div>
766                </div>
767                </a>
768                
769                <a href="https://vmppass.com/download" class="cta-download-btn" aria-label="Learn more">
770                    <div class="cta-box cta-style-download">
771                        <div class="platform-icons">
772                            <img style="width: 260px" alt="VMP Pass protecting all your devices" src="https://vmppass.com/wp-content/plugins/vmp-mega-menu/templates/illustration_navigation-highlighted_all-devices-2x-png.png">
773                        </div>
774                        <h4 class="cta-title pt-3">Download VMP&trade; Pass apps</h4>
775                        <p class="cta-description">VMP&trade; Pass works across all devices.</p>
776                    </div>
777                </a>
778                        </div>
779    </div>
780</div>
781	</div>
782</div>
783</li>
784<li id="menu-item-40" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-40 vmp-mega-menu-item has-mega-menu"><a href="#" class="nav-link">Personal</a>
785<div class="vmp-mega-menu-dropdown mega-menu-full-width">
786	<div class="mega-menu-inner">
787<style>
788    
789    .personal-template-cta-column .cta-box {
790        padding: 34px 20px;
791    }
792
793</style>
794
795
796<div class="vmp-mega-menu-template vmp-template-why-vmp-pass personal-template-root">
797    
798        
799        
800    <div class="why-vmp-pass-container">
801        <!-- Left Column: Overview -->
802        <div class="why-vmp-column overview-column column_border_1">
803            <h3 class="column-title">Personal Plans</h3>
804            <div class="column-items">
805                <a class="overview_intro_a" href="https://vmppass.com/premium-password-manager">
806                    <div class="overview_intro">
807                        <span class="cta-title">Personal</span>
808                        <p class="nav-heading-link-description">Sync passwords across all devices, monitor password health, data breaches and much more.</p>
809                    </div>
810                </a>
811
812                <a class="overview_intro_a" href="https://vmppass.com/family-password-manager">
813                <div class="overview_intro">
814                    <span class="cta-title">Families</span>
815                    <p class="nav-heading-link-description">Premium password management for up to 5 family members.</p>
816                </div>
817                </a>
818
819                <hr>
820
821                <div class="overview_intro all_features">
822                    <a href="https://vmppass.com/choose-plan" class="cta-title">Compare Plans                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: inline-block; vertical-align: middle; margin-left: 4px;">
823                            <path d="M6 3L11 8L6 13" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
824                        </svg>
825                    </a>
826                </div>
827                
828            </div>
829        </div>
830        
831        <!-- Middle Column: Key Features -->
832        <div class="why-vmp-column features-column column_border_1">
833            <h3 class="column-title">FOR INDIVIDUALS</h3>
834            <div class="column-items">
835                <a class="overview_intro_a" href="https://vmppass.com/client/login">
836                <div class="overview_intro">
837                    <span class="cta-title">Password vault</span>
838                </div>
839                </a>
840
841                <a class="overview_intro_a" href="https://vmppass.com/save-autofill">
842                <div class="overview_intro">
843                    <span class="cta-title">Save and autofill</span>
844                </div>
845                </a>
846
847                <a class="overview_intro_a" href="https://vmppass.com/passkeys">
848                <div class="overview_intro">
849                    <span class="cta-title">Passkeys</span>
850                </div>
851                </a>
852
853                <a class="overview_intro_a" href="https://vmppass.com/automatic-device-sync">
854                <div class="overview_intro">
855                    <span class="cta-title">Automatic Device Sync</span>
856                </div>
857                </a>
858
859                <a class="overview_intro_a" href="https://vmppass.com/emergency-access">
860                <div class="overview_intro">
861                    <span class="cta-title">Emergency Access</span>
862                </div>
863                </a>
864
865                <a class="overview_intro_a" href="https://vmppass.com/personal-password-sharing">
866                <div class="overview_intro">
867                    <span class="cta-title">Personal Password Sharing</span>
868                </div>
869                </a>
870                
871            </div>
872        </div>
873        
874        <!-- Right Column: CTA Boxes -->
875        <div class="why-vmp-column cta-column personal-template-cta-column">
876                            <a href="https://vmppass.com/choose-plan" class="cta-download-btn">
877                <div class="cta-box cta-style-primary cta_style_personal">
878                    <div class="cta-icon">
879                        <img src="https://vmppass.com/wp-content/plugins/vmp-mega-menu/templates/Try_Bussiness_Free.svg" alt="Personal Icon" width="20" height="20" />
880                    </div>
881                    <div>
882                        <h4 class="cta-title">Get Personal free</h4>
883                        <p class="cta-description">Multi-device sync, Dark Web Monitoring, Security Audit.</p>
884                    </div>                    
885                </div>
886                </a>
887                
888                <a href="https://vmppass.com/choose-plan#business" class="cta-download-btn">
889                <div class="cta-box cta-style-secondary cta_style_personal">
890                    <div class="cta-icon">
891                        <img src="https://vmppass.com/wp-content/plugins/vmp-mega-menu/templates/bussiness_plan.svg" alt="Personal Icon" width="20" height="20" />
892                    </div>
893                    <div>
894                        <h4 class="cta-title">Get Families Free</h4>
895                        <p class="cta-description">Premium for up to 5 family members + family folder.</p>
896                    </div>                    
897                </div>
898                </a>
899                
900                <div class="cta-box cta-style-contact cta_style_personal">
901                    <div class="cta-icon">
902                       <svg width="20" height="20" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
903                        <path d="M9.6 7.99999C8.71634 7.99999 8 8.71633 8 9.59999V11.6C8 12.4836 8.71634 13.6 9.6 13.6H11.3355L13.8328 14.9793C13.9329 15.0682 14.0759 15.0901 14.1981 15.0354C14.3203 14.9806 14.399 14.8592 14.3993 14.7253V13.6C15.2829 13.6 16 12.8836 16 12V9.59999C16 8.71633 15.2837 7.99999 14.4 7.99999H9.6Z" fill="#25282D"/>
904                        <path d="M1.6 0.799988C0.716344 0.799988 0 1.51633 0 2.39999V8.79999C0 9.68364 0.716344 10.4 1.6 10.4L1.6 12.4849C1.59975 12.6228 1.6827 12.7472 1.81007 12.8C1.93744 12.8528 2.08408 12.8235 2.18145 12.7259L5.24732 10.4H5.6C6.04183 10.4 6.4 10.0418 6.4 9.59999V7.59999C6.4 6.71633 7.11634 6.39999 8 6.39999H12C12.8837 6.39999 13.6 5.68364 13.6 4.79999V2.39999C13.6 1.51633 12.8837 0.799988 12 0.799988H1.6Z" fill="#25282D"/>
905                        </svg>
906                    </div>
907                    <div>
908                        <h4 class="cta-title"><a href="https://vmppass.com/trial-free">Get started with VMP&trade; Pass Free</a></h4>
909                        <p class="cta-description">
909Single-device vault. Unlimited records.</p>
910                    </div>
911                </div>
912                
913                        </div>
914    </div>
915</div>
916	</div>
917</div>
918</li>
919<li id="menu-item-41" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-41 vmp-mega-menu-item has-mega-menu"><a href="#" class="nav-link">Business</a>
920<div class="vmp-mega-menu-dropdown mega-menu-full-width">
921	<div class="mega-menu-inner">
922<style>
923    
924    .mega-menu-full-width:has(.business-template-root) {
925        max-width: 1296px;
926        margin-left: auto;
927        margin-right: auto;
928    }
929
930    .business-template-cta-column .cta-box {
931        padding: 30px 20px;
932    }
933
934    .vmp-mega-menu-template .business-template{
935        display: grid!important;
936        grid-template-columns: 1fr 1fr 1fr 1fr;
937        gap: 0!important;
938        align-items: start!important;
939    }
940
941    .business-template .overview_intro {
942        margin-bottom: 5px;
943        margin-top: 5px;
944    }
945
946    @media (max-width: 1630px) {
947        .mega-menu-full-width:has(.business-template-root) {
948            max-width: 840px;
949        }
950    }
951
952</style>
953
954
955<div class="vmp-mega-menu-template vmp-template-why-vmp-pass business-template-root">
956    
957        
958        
959    <div class="why-vmp-pass-container business-template">
960        <!-- Left Column: Business plan -->
961        <div class="why-vmp-column overview-column column_border_1">
962            <h3 class="column-title">Business Plan</h3>
963            <div class="column-items">
964                <a class="overview_intro_a" href="https://vmppass.com/business">
965                    <div class="overview_intro">
966                        <span class="cta-title">Business</span>
967                        <p class="nav-heading-link-description">Unlimited users, Admin Console, SSO/SAML, SIEM integrations, and SOC 2/HIPAA/GDPR compliance.</p>
968                    </div>
969                </a>
970
971                <hr>
972
973                <div class="overview_intro all_features">
974                    <a href="https://vmppass.com/choose-plan" class="cta-title">Compare Plans                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: inline-block; vertical-align: middle; margin-left: 4px;">
975                            <path d="M6 3L11 8L6 13" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
976                        </svg>
977                    </a>
978                </div>
979
980            </div>
981        </div>
982        
983        <!-- Middle Column: For Admins (doc-aligned) -->
984        <div class="why-vmp-column features-column column_border_1">
985            <h3 class="column-title">For Admins</h3>
986            <div class="column-items">
987                <a class="overview_intro_a" href="https://vmppass.com/console/login">
988                <div class="overview_intro">
989                    <span class="cta-title">Business Console</span>
990                </div>
991                </a>
992
993                <a class="overview_intro_a" href="https://vmppass.com/user-management">
994                <div class="overview_intro">
995                    <span class="cta-title">User Management & Roles</span>
996                </div>
997                </a>
998
999                <a class="overview_intro_a" href="https://vmppass.com/sso">
1000                <div class="overview_intro">
1001                    <span class="cta-title">SSO/SAML</span>
1002                </div>
1003                </a>
1004
1005                <a class="overview_intro_a" href="https://vmppass.com/scim">
1006                <div class="overview_intro">
1007                    <span class="cta-title">SCIM 2.0 Provisioning</span>
1008                </div>
1009                </a>
1010
1011                <a class="overview_intro_a" href="https://vmppass.com/integrations">
1012                <div class="overview_intro">
1013                    <span class="cta-title">SIEM Integrations</span>
1014                </div>
1015                </a>
1016
1017                <a class="overview_intro_a" href="https://vmppass.com/trust-center">
1018                <div class="overview_intro">
1019                    <span class="cta-title">Compliance: SOC 2, HIPAA, GDPR</span>
1020                </div>
1021                </a>
1022
1023            </div>
1024        </div>
1025
1026
1027        <!-- Right Column: For Teams (doc-aligned collaboration features) -->
1028        <div class="why-vmp-column features-column column_border_1">
1029            <h3 class="column-title">For Teams</h3>
1030            <div class="column-items">
1031                <a class="overview_intro_a" href="https://vmppass.com/team-password-manager">
1032                <div class="overview_intro">
1033                    <span class="cta-title">Team Password Manager</span>
1034                </div>
1035                </a>
1036
1037                <a class="overview_intro_a" href="https://vmppass.com/business-sharing">
1038                <div class="overview_intro">
1039                    <span class="cta-title">Shared Folders & Vaults</span>
1040                </div>
1041                </a>
1042
1043                <a class="overview_intro_a" href="https://vmppass.com/password-sharing">
1044                <div class="overview_intro">
1045                    <span class="cta-title">Secure Password Sharing</span>
1046                </div>
1047                </a>
1048
1049                <a class="overview_intro_a" href="https://vmppass.com/authentication">
1050                <div class="overview_intro">
1051                    <span class="cta-title">Two-Factor Authentication</span>
1052                </div>
1053                </a>
1054
1055                <a class="overview_intro_a" href="https://vmppass.com/enterprise">
1056                <div class="overview_intro">
1057                    <span class="cta-title">Enterprise & Multi-Org</span>
1058                </div>
1059                </a>
1060            </div>
1061        </div>
1062        
1063        <!-- Right Column: CTA Boxes -->
1064        <div class="why-vmp-column cta-column business-template-cta-column">
1065
1066                <a href="https://vmppass.com/vault/" class="cta-download-btn">
1067                <div class="cta-box cta-style-primary cta_style_personal">
1068                    <div class="cta-icon">
1069                        <img src="https://vmppass.com/wp-content/plugins/vmp-mega-menu/templates/Try_Bussiness_Free.svg" alt="Personal Icon" width="20" height="20" />
1070                    </div>
1071                    <div>
1072                        <h4 class="cta-title">Try Business free</h4>
1073                        <p class="cta-description">Free VMP&trade; Pass Business trial.</p>
1074                    </div>                    
1075                </div>
1076                </a>
1077                
1078                <a href="https://vmppass.com/choose-plan#business" class="cta-download-btn">
1079                <div class="cta-box cta-style-secondary cta_style_personal">
1080                    <div class="cta-icon">
1081                        <img src="https://vmppass.com/wp-content/plugins/vmp-mega-menu/templates/bussiness_plan.svg" alt="Personal Icon" width="20" height="20" />
1082                    </div>
1083                    <div>
1084                        <h4 class="cta-title">See Business pricing</h4>
1085                        <p class="cta-description">Compare plans for businesses of every size.</p>
1086                    </div>
1087                </div>
1088                </a>
1089                
1090                <a href="https://vmppass.com/choose-plan" class="cta-download-btn">
1091                <div class="cta-box cta-style-contact cta_style_personal">
1092                    <div class="cta-icon">
1093                       <svg width="20" height="20" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1094                        <path d="M9.6 7.99999C8.71634 7.99999 8 8.71633 8 9.59999V11.6C8 12.4836 8.71634 13.6 9.6 13.6H11.3355L13.8328 14.9793C13.9329 15.0682 14.0759 15.0901 14.1981 15.0354C14.3203 14.9806 14.399 14.8592 14.3993 14.7253V13.6C15.2829 13.6 16 12.8836 16 12V9.59999C16 8.71633 15.2837 7.99999 14.4 7.99999H9.6Z" fill="#25282D"/>
1095                        <path d="M1.6 0.799988C0.716344 0.799988 0 1.51633 0 2.39999V8.79999C0 9.68364 0.716344 10.4 1.6 10.4L1.6 12.4849C1.59975 12.6228 1.6827 12.7472 1.81007 12.8C1.93744 12.8528 2.08408 12.8235 2.18145 12.7259L5.24732 10.4H5.6C6.04183 10.4 6.4 10.0418 6.4 9.59999V7.59999C6.4 6.71633 7.11634 6.39999 8 6.39999H12C12.8837 6.39999 13.6 5.68364 13.6 4.79999V2.39999C13.6 1.51633 12.8837 0.799988 12 0.799988H1.6Z" fill="#25282D"/>
1096                        </svg>
1097
1098                    </div>
1099                    <div>
1100                        <h4 class="cta-title">Get started with VMP&trade; Pass Free</h4>
1101                        <p class="cta-description">
1101Single-device vault. Unlimited records.</p>
1102                    </div>
1103                </div>
1104                </a>                
1105                
1106               
1107        </div>
1108    </div>
1109</div>
1110	</div>
1111</div>
1112</li>
1113<li id="menu-item-935" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-935 vmp-mega-menu-item has-mega-menu"><a href="https://vmppass.com/other-products-by-vmp/" class="nav-link">Other Products by VMP™</a>
1114<div class="vmp-mega-menu-dropdown mega-menu-full-width">
1115	<div class="mega-menu-inner">
1116<style>
1117
1118    .mega-menu-full-width:has(.others-template-root) {
1119        max-width: 760px;
1120        margin-left: auto;
1121        margin-right: auto;
1122    }
1123
1124    .others-template-cta-column .cta-box {
1125        padding: 30px 20px;
1126    }
1127
1128    .vmp-mega-menu-template .others-template{
1129        display: grid!important;
1130        grid-template-columns: 1fr 1fr;
1131        gap: 0!important;
1132        align-items: start!important;
1133    }
1134
1135    .others-template .overview_intro {
1136        margin-bottom: 5px;
1137        margin-top: 5px;
1138    }
1139
1140    .mega-menu-full-width:has(.others-template-root) {
1141        max-width: 530px;
1142    }
1143
1144    .column_border_1 {
1145        padding: 20px;
1146    }
1147
1148    @media (max-width: 1630px) {
1149        .mega-menu-full-width:has(.others-template-root) {
1150            max-width: 620px;
1151        }
1152    }
1153
1154</style>
1155
1156
1157<div class="vmp-mega-menu-template vmp-template-why-vmp-pass others-template-root">
1158
1159    
1160            <div class="mega-menu-custom-content">
1161            dfasdfdsafasdefsdfsdfdesfesw rewrew
1162rewrewrwe
1163rewr
1164ewrew
1165rew
1166rewrew        </div>
1167    
1168    <div class="why-vmp-pass-container others-template">
1169        <!-- Left Column: Overview (flagship product) -->
1170        <div class="why-vmp-column overview-column column_border_1">
1171            <h3 class="column-title">OVERVIEW</h3>
1172            <div class="column-items">
1173                <a class="overview_intro_a" href="https://vmppass.com">
1174                    <div class="overview_intro">
1175                        <span class="cta-title">VMP&trade; Pass</span>
1176                        <p class="nav-heading-link-description">The all-in-one password manager for individuals, families, and teams.</p>
1177                    </div>
1178                </a>
1179
1180                <hr>
1181
1182                <div class="overview_intro all_features">
1183                    <a href="https://vmppass.com/download" class="cta-title">Explore all VMP&trade; apps                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: inline-block; vertical-align: middle; margin-left: 4px;">
1184                            <path d="M6 3L11 8L6 13" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1185                        </svg>
1186                    </a>
1187                </div>
1188
1189            </div>
1190        </div>
1191
1192        <!-- Right Column: All products -->
1193        <div class="why-vmp-column features-column column_border_1">
1194            <h3 class="column-title">PRODUCTS</h3>
1195            <div class="column-items">
1196                                    <a class="overview_intro_a" href="https://vpnmasterpro.com" target="_blank" rel="noopener noreferrer">
1197                    <div class="overview_intro">
1198                        <span class="cta-title">VPN Master Pro</span>
1199                    </div>
1200                    </a>
1201                                    <a class="overview_intro_a" href="https://vmpmessenger.com" target="_blank" rel="noopener noreferrer">
1202                    <div class="overview_intro">
1203                        <span class="cta-title">VMP&trade; Messenger</span>
1204                    </div>
1205                    </a>
1206                                    <a class="overview_intro_a" href="https://vmpsecurity.com" target="_blank" rel="noopener noreferrer">
1207                    <div class="overview_intro">
1208                        <span class="cta-title">VMP&trade; Security</span>
1209                    </div>
1210                    </a>
1211                            </div>
1212        </div>
1213    </div>
1214</div>
1215	</div>
1216</div>
1217</li>
1218</ul>               </div>
1219
1220               <div class="ms-auto d-flex align-items-center gap-3 navbar-right-header justify-content-end">
1221                                 <div class="dropdown lang-switcher-dropdown">
1222                  <button class="btn btn-link text-dark text-decoration-none d-flex align-items-center p-0 lang-switcher-btn"
1223                     type="button"
1224                     id="langSwitcherBtnNav"
1225                     data-bs-toggle="dropdown"
1226                     aria-expanded="false"
1227                     aria-label="Select language">
1228                     <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" style="flex-shrink:0;">
1229                        <path d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m7.5-6.923c-.67.204-1.335.82-1.887 1.855A8 8 0 0 0 5.145 4H7.5zM4.09 4a9.3 9.3 0 0 1 .64-1.539 7 7 0 0 1 .597-.933A7.03 7.03 0 0 0 2.255 4zm-.582 3.5c.03-.877.138-1.718.312-2.5H1.674a7 7 0 0 0-.656 2.5zM4.847 5a12.5 12.5 0 0 0-.338 2.5H7.5V5zM8.5 5v2.5h2.99a12.5 12.5 0 0 0-.337-2.5zM4.51 8.5a12.5 12.5 0 0 0 .337 2.5H7.5V8.5zm3.99 0V11h2.653c.187-.765.306-1.608.338-2.5zM5.145 12q.208.58.468 1.068c.552 1.035 1.218 1.65 1.887 1.855V12zm.182 2.472a7 7 0 0 1-.597-.933A9.3 9.3 0 0 1 4.09 12H2.255a7 7 0 0 0 3.072 2.472M3.82 11a13.7 13.7 0 0 1-.312-2.5h-2.49c.062.89.291 1.733.656 2.5zm6.853 3.472A7 7 0 0 0 13.745 12H11.91a9.3 9.3 0 0 1-.64 1.539 7 7 0 0 1-.597.933M8.5 12v2.923c.67-.204 1.335-.82 
12291.887-1.855q.26-.487.468-1.068zm3.68-1h2.146c.365-.767.594-1.61.656-2.5h-2.49a13.7 13.7 0 0 1-.312 2.5m2.802-3.5a7 7 0 0 0-.656-2.5H12.18c.174.782.282 1.623.312 2.5zM11.27 2.461c.247.464.462.98.64 1.539h1.835a7 7 0 0 0-3.072-2.472c.218.284.418.598.597.933M10.855 4a8 8 0 0 0-.468-1.068C9.835 1.897 9.17 1.282 8.5 1.077V4z"/>
1230                     </svg>
1231                     <span class="lang-switcher-label">EN</span>
1232                     <svg class="lang-switcher-caret" width="10" height="10" viewBox="0 0 16 16" fill="none" aria-hidden="true">
1233                        <path d="M4 6L8 10L12 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1234                     </svg>
1235                  </button>
1236                  <ul class="dropdown-menu lang-switcher-menu dropdown-menu-end" aria-labelledby="langSwitcherBtnNav">
1237                                          <li><a data-vmp-event="select_content" data-vmp-label="language_switch_en" class="dropdown-item lang-option active"
1238                            href="https://vmppass.com/blog/"
1239                            data-lang="en"
1240                            lang="en"
1241                            dir="ltr"
1242                            aria-current="true">English ✓</a></li>
1243                                          <li><a data-vmp-event="select_content" data-vmp-label="language_switch_es" class="dropdown-item lang-option"
1244                            href="https://vmppass.com/es/blog/"
1245                            data-lang="es"
1246                            lang="es"
1247                            dir="ltr"
1248                            >Español</a></li>
1249                                          <li><a data-vmp-event="select_content" data-vmp-label="language_switch_de" class="dropdown-item lang-option"
1250                            href="https://vmppass.com/de/blog/"
1251                            data-lang="de"
1252                            lang="de"
1253                            dir="ltr"
1254                            >Deutsch</a></li>
1255                                          <li><a data-vmp-event="select_content" data-vmp-label="language_switch_fr" class="dropdown-item lang-option"
1256                            href="https://vmppass.com/fr/blog/"
1257                            data-lang="fr"
1258                            lang="fr"
1259                            dir="ltr"
1260                            >Français</a></li>
1261                                          <li><a data-vmp-event="select_content" data-vmp-label="language_switch_it" class="dropdown-item lang-option"
1262                            href="https://vmppass.com/it/blog/"
1263                            data-lang="it"
1264                            lang="it"
1265                            dir="ltr"
1266                            >Italiano</a></li>
1267                                          <li><a data-vmp-event="select_content" data-vmp-label="language_switch_nl" class="dropdown-item lang-option"
1268                            href="https://vmppass.com/nl/blog/"
1269                            data-lang="nl"
1270                            lang="nl"
1271                            dir="ltr"
1272                            >Nederlands</a></li>
1273                                          <li><a data-vmp-event="select_content" data-vmp-label="language_switch_pt" class="dropdown-item lang-option"
1274                            href="https://vmppass.com/pt/blog/"
1275                            data-lang="pt"
1276                            lang="pt"
1277                            dir="ltr"
1278                            >Português</a></li>
1279                                          <li><a data-vmp-event="select_content" data-vmp-label="language_switch_ru" class="dropdown-item lang-option"
1280                            href="https://vmppass.com/ru/blog/"
1281                            data-lang="ru"
1282                            lang="ru"
1283                            dir="ltr"
1284                            >Русский</a></li>
1285                                          <li><a data-vmp-event="select_content" data-vmp-label="language_switch_fa" class="dropdown-item lang-option"
1286                            href="https://vmppass.com/fa/blog/"
1287                            data-lang="fa"
1288                            lang="fa"
1289                            dir="rtl"
1290                            >فارسی</a></li>
1291                                       </ul>
1292               </div>
1293                      <button data-vmp-event="start_trial" data-vmp-label="free_try_deskstop" id="free_try_deskstop" class="btn btn-danger px-4 py-2 header-get-vmp-pass" data-bs-toggle="modal" data-bs-target="#vmpPassModal">Get VMP&trade; Pass free</button>
1294                  <button data-vmp-event="start_trial" data-vmp-label="free_try_mobile" id="free_try_mobile" class="btn btn-danger px-4 py-2 header-get-vmp-pass" data-bs-toggle="modal" data-bs-target="#vmpPassModal">Free 7-day VMP&trade; Pass</button>
1295                  
1296                  <div class="dropdown contact-sales-dropdown">
1297                     <a href="#" class="text-decoration-none text-dark d-flex align-items-center dropdown-toggle" id="contactSalesDropdown" aria-expanded="false" style="font-size: 16px; font-weight: 700;">
1298                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1299                        <path d="M14.4 12C13.0745 12 12 13.0745 12 14.4V17.4C12 18.7254 13.0745 20.4 14.4 20.4H17.0032L20.7492 22.4689C20.8994 22.6022 21.1139 22.6352 21.2972 22.553C21.4805 22.4708 21.5986 22.2888 21.5989 22.0879V20.4C22.9244 20.4 24 19.3254 24 18V14.4C24 13.0745 22.9255 12 21.6 12H14.4Z" fill="#191970"/>
1300                        <path d="M2.4 1.19995C1.07452 1.19995 0 2.27447 0 3.59995V13.2C0 14.5254 1.07452 15.6 2.4 15.6L2.4 18.7273C2.39963 18.9341 2.52405 19.1208 2.7151 19.2C2.90616 19.2791 3.12611 19.2353 3.27217 19.0889L7.87098 15.6H8.4C9.06274 15.6 9.6 15.0627 9.6 14.4V11.4C9.6 10.0745 10.6745 9.59995 12 9.59995H18C19.3255 9.59995 20.4 8.52543 20.4 7.19995V3.59995C20.4 2.27447 19.3255 1.19995 18 1.19995H2.4Z" fill="#191970"/>
1301                        </svg>
1302                        Contact sales                        <svg width="12" height="12" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" style="margin-left: 6px;">
1303                           <path d="M4 6L8 10L12 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1304                        </svg>
1305                     </a>
1306                     <ul id="contact_sales" class="dropdown-menu dropdown-menu-end" aria-labelledby="contactSalesDropdown">
1307                        <li>
1308                           <a class="dropdown-item d-flex align-items-center" href="https://vmppass.com/contact-sales">
1309                              <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="margin-right: 10px; flex-shrink: 0;">
1310                                 <path d="M20 4H4C2.9 4 2.01 4.9 2.01 6L2 18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6C22 4.9 21.1 4 20 4ZM20 8L12 13L4 8V6L12 11L20 6V8Z" fill="#25282D"/>
1311                              </svg>
1312                              Submit sales inquiry                           </a>
1313                        </li>                        
1314                        <li>
1315                           <a data-vmp-event="start_trial" data-vmp-label="nav_start_free_trial" class="dropdown-item d-flex align-items-center" href="https://vmppass.com/client/login">
1316                              <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="margin-right: 10px; flex-shrink: 0;">
1317                                 <path d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 5C13.66 5 15 6.34 15 8C15 9.66 13.66 11 12 11C10.34 11 9 9.66 9 8C9 6.34 10.34 5 12 5ZM12 19.2C9.5 19.2 7.29 17.92 6 15.98C6.03 13.99 10 12.9 12 12.9C13.99 12.9 17.97 13.99 18 15.98C16.71 17.92 14.5 19.2 12 19.2Z" fill="#25282D"/>
1318                              </svg>
1319                              Start free trial                           </a>
1320                        </li>                        
1321                     </ul>
1322                  </div>
1323
1324                  <button data-vmp-label="toggle_navigation" class="navbar-toggler p-0 border-0" type="button" data-bs-toggle="offcanvas" data-bs-target="#mobileMenuOffcanvas" aria-controls="mobileMenuOffcanvas" aria-expanded="false" aria-label="Toggle navigation">
1325                     <span class="navbar-toggler-icon"></span>
1326                  </button>
1327               </div>
1328            </div>
1329         </div>
1330      </nav>
1331
1332      <!-- Mobile Menu Offcanvas -->
1333      <div class="offcanvas offcanvas-end" tabindex="-1" id="mobileMenuOffcanvas" aria-labelledby="mobileMenuLabel">
1334         <div class="offcanvas-header">
1335            <h5 class="offcanvas-title" id="mobileMenuLabel">
1336               <img src="https://vmppass.com/wp-content/themes/vmpPass/assets/images/vmp_pass.png" alt="VMP&trade; Pass Logo" style="height: 30px; width: auto;" width="30" height="30">
1337            </h5>
1338            <button data-vmp-label="close" type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
1339         </div>
1340         <div class="offcanvas-body">
1341            <!-- Mobile Navigation Menu -->
1342            <div class="mobile-nav-menu">
1343               <ul id="menu-main-menu-1" class="list-unstyled mobile-menu-list"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-39 vmp-mega-menu-item has-mega-menu"><a href="#" class="nav-link">Why VMP™ Pass?</a>
1344<div class="vmp-mega-menu-dropdown mega-menu-full-width">
1345	<div class="mega-menu-inner">
1346
1347<div class="vmp-mega-menu-template vmp-template-why-vmp-pass">
1348    
1349        
1350            <div class="mega-menu-custom-content">
1351            menu1        </div>
1352        
1353    <div class="why-vmp-pass-container">
1354        <!-- Left Column: Overview -->
1355        <div class="why-vmp-column overview-column column_border_1">
1356            <h3 class="column-title">OVERVIEW</h3>
1357            <div class="column-items">
1358                <a class="overview_intro_a" href="https://vmppass.com/why-vmp-pass">
1359                    <div class="overview_intro">
1360                        <span class="cta-title">Why VMP&trade; Pass?</span>
1361                        <p class="nav-heading-link-description">Create and store secure passwords for yourself, your team or business.</p>
1362                    </div>
1363                </a>
1364
1365                <a class="overview_intro_a" href="https://vmppass.com/how-vmp-pass-works">
1366                <div class="overview_intro">
1367                    <span class="cta-title">How VMP&trade; Pass works</span>
1368                    <p class="nav-heading-link-description">Remember fewer passwords and log in faster with our browser extension.</p>
1369                </div>
1370                </a>
1371
1372                <a class="overview_intro_a" href="https://vmppass.com/security-dashboard">
1373                <div class="overview_intro">
1374                    <span class="cta-title">Security Architecture</span>
1375                    <p class="nav-heading-link-description">VMP&trade; Pass zero-knowledge security model keeps your data private even from us.</p>
1376                </div>
1377                </a>
1378
1379                <a class="overview_intro_a" href="https://vmppass.com/compare">
1380                <div class="overview_intro">
1381                    <span class="cta-title">Compare VMP&trade; Pass</span>
1382                    <p class="nav-heading-link-description">Compare VMP&trade; Pass competitors, plans, and features in one place.</p>
1383                </div>
1384                </a>
1385            </div>
1386        </div>
1387
1388        <!-- Middle Column: Key Features -->
1389        <div class="why-vmp-column features-column column_border_1">
1390            <h3 class="column-title">KEY FEATURES</h3>
1391            <div class="column-items">
1392                <a class="overview_intro_a" href="https://vmppass.com/password-manager">
1393                <div class="overview_intro">
1394                    <span class="cta-title">Password management</span>
1395                </div>
1396                </a>
1397
1398                <a class="overview_intro_a" href="https://vmppass.com/save-autofill">
1399                <div class="overview_intro">
1400                    <span class="cta-title">Save and autofill</span>
1401                </div>
1402                </a>
1403
1404                <a class="overview_intro_a" href="https://vmppass.com/password-generator">
1405                <div class="overview_intro">
1406                    <span class="cta-title">Password generator</span>
1407                </div>
1408                </a>
1409
1410                <a class="overview_intro_a" href="https://vmppass.com/password-sharing">
1411                <div class="overview_intro">
1412                    <span class="cta-title">Password sharing</span>
1413                </div>
1414                </a>
1415
1416                <a class="overview_intro_a" href="https://vmppass.com/passkeys">
1417                <div class="overview_intro">
1418                    <span class="cta-title">Passkeys</span>
1419                </div>
1420                </a>
1421
1422                <a class="overview_intro_a" href="https://vmppass.com/darkweb-monitoring">
1423                <div class="overview_intro">
1424                    <span class="cta-title">Dark web monitoring</span>
1425                </div>
1426                </a>
1427
1428                <a class="overview_intro_a" href="https://vmppass.com/security-dashboard">
1429                <div class="overview_intro">
1430                    <span class="cta-title">Security dashboard</span>
1431                </div>
1432                </a>
1433
1434                <hr>
1435
1436                <div class="overview_intro all_features">
1437                    <a href="https://vmppass.com/choose-plan" class="cta-title">All Features                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: inline-block; vertical-align: middle; margin-left: 4px;">
1438                            <path d="M6 3L11 8L6 13" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1439                        </svg>
1440                    </a>
1441                </div>
1442
1443                
1444            </div>
1445        </div>
1446        
1447        <!-- Right Column: CTA Boxes -->
1448        <div class="why-vmp-column cta-column">
1449                            <a href="https://vmppass.com/choose-plan" class="cta-download-btn" aria-label="Learn more">
1450                <div class="cta-box cta-style-primary cta_style_personal">
1451                    <div class="cta-icon">
1452                        <img src="https://vmppass.com/wp-content/plugins/vmp-mega-menu/templates/Try_Bussiness_Free.svg" alt="Personal Icon" width="20" height="20" />
1453                    </div>
1454                    <div>
1455                        <h4 class="cta-title">Get Personal free</h4>
1456                        <p class="cta-description">Free VMP&trade; Pass Premium trial.</p>
1457                    </div>
1458                </div>
1459                </a>
1460
1461                <a href="https://vmppass.com/choose-plan#business" class="cta-download-btn" aria-label="Learn more">
1462                <div class="cta-box cta-style-secondary cta_style_personal">
1463                    <div class="cta-icon">
1464                        <img src="https://vmppass.com/wp-content/plugins/vmp-mega-menu/templates/bussiness_plan.svg" alt="Personal Icon" width="20" height="20" />
1465                    </div>
1466                    <div>
1467                        <h4 class="cta-title">Get Business free</h4>
1468                        <p class="cta-description">Free VMP&trade; Pass Business trial.</p>
1469                    </div>
1470                </div>
1471                </a>
1472                
1473                <a href="https://vmppass.com/contact-sales" class="cta-download-btn" aria-label="Contact sales">
1474                <div class="cta-box cta-style-contact cta_style_personal">
1475                    <div class="cta-icon">
1476                       <svg width="20" height="20" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1477                        <path d="M9.6 7.99999C8.71634 7.99999 8 8.71633 8 9.59999V11.6C8 12.4836 8.71634 13.6 9.6 13.6H11.3355L13.8328 14.9793C13.9329 15.0682 14.0759 15.0901 14.1981 15.0354C14.3203 14.9806 14.399 14.8592 14.3993 14.7253V13.6C15.2829 13.6 16 12.8836 16 12V9.59999C16 8.71633 15.2837 7.99999 14.4 7.99999H9.6Z" fill="#25282D"/>
1478                        <path d="M1.6 0.799988C0.716344 0.799988 0 1.51633 0 2.39999V8.79999C0 9.68364 0.716344 10.4 1.6 10.4L1.6 12.4849C1.59975 12.6228 1.6827 12.7472 1.81007 12.8C1.93744 12.8528 2.08408 12.8235 2.18145 12.7259L5.24732 10.4H5.6C6.04183 10.4 6.4 10.0418 6.4 9.59999V7.59999C6.4 6.71633 7.11634 6.39999 8 6.39999H12C12.8837 6.39999 13.6 5.68364 13.6 4.79999V2.39999C13.6 1.51633 12.8837 0.799988 12 0.799988H1.6Z" fill="#25282D"/>
1479                        </svg>
1480
1481                    </div>
1482                    <div>
1483                        <h4 class="cta-title"><a href="https://vmppass.com/contact-sales">Contact sales</a></h4>
1484                        <p class="cta-description">Let our experts help you find the right plan and successfully deploy VMP&trade; Pass.</p>
1485                    </div>
1486                </div>
1487                </a>
1488                
1489                <a href="https://vmppass.com/download" class="cta-download-btn" aria-label="Learn more">
1490                    <div class="cta-box cta-style-download">
1491                        <div class="platform-icons">
1492                            <img style="width: 260px" alt="VMP Pass protecting all your devices" src="https://vmppass.com/wp-content/plugins/vmp-mega-menu/templates/illustration_navigation-highlighted_all-devices-2x-png.png">
1493                        </div>
1494                        <h4 class="cta-title pt-3">Download VMP&trade; Pass apps</h4>
1495                        <p class="cta-description">VMP&trade; Pass works across all devices.</p>
1496                    </div>
1497                </a>
1498                        </div>
1499    </div>
1500</div>
1501	</div>
1502</div>
1503</li>
1504<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-40 vmp-mega-menu-item has-mega-menu"><a href="#" class="nav-link">Personal</a>
1505<div class="vmp-mega-menu-dropdown mega-menu-full-width">
1506	<div class="mega-menu-inner">
1507<style>
1508    
1509    .personal-template-cta-column .cta-box {
1510        padding: 34px 20px;
1511    }
1512
1513</style>
1514
1515
1516<div class="vmp-mega-menu-template vmp-template-why-vmp-pass personal-template-root">
1517    
1518        
1519        
1520    <div class="why-vmp-pass-container">
1521        <!-- Left Column: Overview -->
1522        <div class="why-vmp-column overview-column column_border_1">
1523            <h3 class="column-title">Personal Plans</h3>
1524            <div class="column-items">
1525                <a class="overview_intro_a" href="https://vmppass.com/premium-password-manager">
1526                    <div class="overview_intro">
1527                        <span class="cta-title">Personal</span>
1528                        <p class="nav-heading-link-description">Sync passwords across all devices, monitor password health, data breaches and much more.</p>
1529                    </div>
1530                </a>
1531
1532                <a class="overview_intro_a" href="https://vmppass.com/family-password-manager">
1533                <div class="overview_intro">
1534                    <span class="cta-title">Families</span>
1535                    <p class="nav-heading-link-description">Premium password management for up to 5 family members.</p>
1536                </div>
1537                </a>
1538
1539                <hr>
1540
1541                <div class="overview_intro all_features">
1542                    <a href="https://vmppass.com/choose-plan" class="cta-title">Compare Plans                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: inline-block; vertical-align: middle; margin-left: 4px;">
1543                            <path d="M6 3L11 8L6 13" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1544                        </svg>
1545                    </a>
1546                </div>
1547                
1548            </div>
1549        </div>
1550        
1551        <!-- Middle Column: Key Features -->
1552        <div class="why-vmp-column features-column column_border_1">
1553            <h3 class="column-title">FOR INDIVIDUALS</h3>
1554            <div class="column-items">
1555                <a class="overview_intro_a" href="https://vmppass.com/client/login">
1556                <div class="overview_intro">
1557                    <span class="cta-title">Password vault</span>
1558                </div>
1559                </a>
1560
1561                <a class="overview_intro_a" href="https://vmppass.com/save-autofill">
1562                <div class="overview_intro">
1563                    <span class="cta-title">Save and autofill</span>
1564                </div>
1565                </a>
1566
1567                <a class="overview_intro_a" href="https://vmppass.com/passkeys">
1568                <div class="overview_intro">
1569                    <span class="cta-title">Passkeys</span>
1570                </div>
1571                </a>
1572
1573                <a class="overview_intro_a" href="https://vmppass.com/automatic-device-sync">
1574                <div class="overview_intro">
1575                    <span class="cta-title">Automatic Device Sync</span>
1576                </div>
1577                </a>
1578
1579                <a class="overview_intro_a" href="https://vmppass.com/emergency-access">
1580                <div class="overview_intro">
1581                    <span class="cta-title">Emergency Access</span>
1582                </div>
1583                </a>
1584
1585                <a class="overview_intro_a" href="https://vmppass.com/personal-password-sharing">
1586                <div class="overview_intro">
1587                    <span class="cta-title">Personal Password Sharing</span>
1588                </div>
1589                </a>
1590                
1591            </div>
1592        </div>
1593        
1594        <!-- Right Column: CTA Boxes -->
1595        <div class="why-vmp-column cta-column personal-template-cta-column">
1596                            <a href="https://vmppass.com/choose-plan" class="cta-download-btn">
1597                <div class="cta-box cta-style-primary cta_style_personal">
1598                    <div class="cta-icon">
1599                        <img src="https://vmppass.com/wp-content/plugins/vmp-mega-menu/templates/Try_Bussiness_Free.svg" alt="Personal Icon" width="20" height="20" />
1600                    </div>
1601                    <div>
1602                        <h4 class="cta-title">Get Personal free</h4>
1603                        <p class="cta-description">Multi-device sync, Dark Web Monitoring, Security Audit.</p>
1604                    </div>                    
1605                </div>
1606                </a>
1607                
1608                <a href="https://vmppass.com/choose-plan#business" class="cta-download-btn">
1609                <div class="cta-box cta-style-secondary cta_style_personal">
1610                    <div class="cta-icon">
1611                        <img src="https://vmppass.com/wp-content/plugins/vmp-mega-menu/templates/bussiness_plan.svg" alt="Personal Icon" width="20" height="20" />
1612                    </div>
1613                    <div>
1614                        <h4 class="cta-title">Get Families Free</h4>
1615                        <p class="cta-description">Premium for up to 5 family members + family folder.</p>
1616                    </div>                    
1617                </div>
1618                </a>
1619                
1620                <div class="cta-box cta-style-contact cta_style_personal">
1621                    <div class="cta-icon">
1622                       <svg width="20" height="20" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1623                        <path d="M9.6 7.99999C8.71634 7.99999 8 8.71633 8 9.59999V11.6C8 12.4836 8.71634 13.6 9.6 13.6H11.3355L13.8328 14.9793C13.9329 15.0682 14.0759 15.0901 14.1981 15.0354C14.3203 14.9806 14.399 14.8592 14.3993 14.7253V13.6C15.2829 13.6 16 12.8836 16 12V9.59999C16 8.71633 15.2837 7.99999 14.4 7.99999H9.6Z" fill="#25282D"/>
1624                        <path d="M1.6 0.799988C0.716344 0.799988 0 1.51633 0 2.39999V8.79999C0 9.68364 0.716344 10.4 1.6 10.4L1.6 12.4849C1.59975 12.6228 1.6827 12.7472 1.81007 12.8C1.93744 12.8528 2.08408 12.8235 2.18145 12.7259L5.24732 10.4H5.6C6.04183 10.4 6.4 10.0418 6.4 9.59999V7.59999C6.4 6.71633 7.11634 6.39999 8 6.39999H12C12.8837 6.39999 13.6 5.68364 13.6 4.79999V2.39999C13.6 1.51633 12.8837 0.799988 12 0.799988H1.6Z" fill="#25282D"/>
1625                        </svg>
1626                    </div>
1627                    <div>
1628                        <h4 class="cta-title"><a href="https://vmppass.com/trial-free">Get started with VMP&trade; Pass Free</a></h4>
1629                        <p class="cta-description">
1629Single-device vault. Unlimited records.</p>
1630                    </div>
1631                </div>
1632                
1633                        </div>
1634    </div>
1635</div>
1636	</div>
1637</div>
1638</li>
1639<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-41 vmp-mega-menu-item has-mega-menu"><a href="#" class="nav-link">Business</a>
1640<div class="vmp-mega-menu-dropdown mega-menu-full-width">
1641	<div class="mega-menu-inner">
1642<style>
1643    
1644    .mega-menu-full-width:has(.business-template-root) {
1645        max-width: 1296px;
1646        margin-left: auto;
1647        margin-right: auto;
1648    }
1649
1650    .business-template-cta-column .cta-box {
1651        padding: 30px 20px;
1652    }
1653
1654    .vmp-mega-menu-template .business-template{
1655        display: grid!important;
1656        grid-template-columns: 1fr 1fr 1fr 1fr;
1657        gap: 0!important;
1658        align-items: start!important;
1659    }
1660
1661    .business-template .overview_intro {
1662        margin-bottom: 5px;
1663        margin-top: 5px;
1664    }
1665
1666    @media (max-width: 1630px) {
1667        .mega-menu-full-width:has(.business-template-root) {
1668            max-width: 840px;
1669        }
1670    }
1671
1672</style>
1673
1674
1675<div class="vmp-mega-menu-template vmp-template-why-vmp-pass business-template-root">
1676    
1677        
1678        
1679    <div class="why-vmp-pass-container business-template">
1680        <!-- Left Column: Business plan -->
1681        <div class="why-vmp-column overview-column column_border_1">
1682            <h3 class="column-title">Business Plan</h3>
1683            <div class="column-items">
1684                <a class="overview_intro_a" href="https://vmppass.com/business">
1685                    <div class="overview_intro">
1686                        <span class="cta-title">Business</span>
1687                        <p class="nav-heading-link-description">Unlimited users, Admin Console, SSO/SAML, SIEM integrations, and SOC 2/HIPAA/GDPR compliance.</p>
1688                    </div>
1689                </a>
1690
1691                <hr>
1692
1693                <div class="overview_intro all_features">
1694                    <a href="https://vmppass.com/choose-plan" class="cta-title">Compare Plans                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: inline-block; vertical-align: middle; margin-left: 4px;">
1695                            <path d="M6 3L11 8L6 13" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1696                        </svg>
1697                    </a>
1698                </div>
1699
1700            </div>
1701        </div>
1702        
1703        <!-- Middle Column: For Admins (doc-aligned) -->
1704        <div class="why-vmp-column features-column column_border_1">
1705            <h3 class="column-title">For Admins</h3>
1706            <div class="column-items">
1707                <a class="overview_intro_a" href="https://vmppass.com/console/login">
1708                <div class="overview_intro">
1709                    <span class="cta-title">Business Console</span>
1710                </div>
1711                </a>
1712
1713                <a class="overview_intro_a" href="https://vmppass.com/user-management">
1714                <div class="overview_intro">
1715                    <span class="cta-title">User Management & Roles</span>
1716                </div>
1717                </a>
1718
1719                <a class="overview_intro_a" href="https://vmppass.com/sso">
1720                <div class="overview_intro">
1721                    <span class="cta-title">SSO/SAML</span>
1722                </div>
1723                </a>
1724
1725                <a class="overview_intro_a" href="https://vmppass.com/scim">
1726                <div class="overview_intro">
1727                    <span class="cta-title">SCIM 2.0 Provisioning</span>
1728                </div>
1729                </a>
1730
1731                <a class="overview_intro_a" href="https://vmppass.com/integrations">
1732                <div class="overview_intro">
1733                    <span class="cta-title">SIEM Integrations</span>
1734                </div>
1735                </a>
1736
1737                <a class="overview_intro_a" href="https://vmppass.com/trust-center">
1738                <div class="overview_intro">
1739                    <span class="cta-title">Compliance: SOC 2, HIPAA, GDPR</span>
1740                </div>
1741                </a>
1742
1743            </div>
1744        </div>
1745
1746
1747        <!-- Right Column: For Teams (doc-aligned collaboration features) -->
1748        <div class="why-vmp-column features-column column_border_1">
1749            <h3 class="column-title">For Teams</h3>
1750            <div class="column-items">
1751                <a class="overview_intro_a" href="https://vmppass.com/team-password-manager">
1752                <div class="overview_intro">
1753                    <span class="cta-title">Team Password Manager</span>
1754                </div>
1755                </a>
1756
1757                <a class="overview_intro_a" href="https://vmppass.com/business-sharing">
1758                <div class="overview_intro">
1759                    <span class="cta-title">Shared Folders & Vaults</span>
1760                </div>
1761                </a>
1762
1763                <a class="overview_intro_a" href="https://vmppass.com/password-sharing">
1764                <div class="overview_intro">
1765                    <span class="cta-title">Secure Password Sharing</span>
1766                </div>
1767                </a>
1768
1769                <a class="overview_intro_a" href="https://vmppass.com/authentication">
1770                <div class="overview_intro">
1771                    <span class="cta-title">Two-Factor Authentication</span>
1772                </div>
1773                </a>
1774
1775                <a class="overview_intro_a" href="https://vmppass.com/enterprise">
1776                <div class="overview_intro">
1777                    <span class="cta-title">Enterprise & Multi-Org</span>
1778                </div>
1779                </a>
1780            </div>
1781        </div>
1782        
1783        <!-- Right Column: CTA Boxes -->
1784        <div class="why-vmp-column cta-column business-template-cta-column">
1785
1786                <a href="https://vmppass.com/vault/" class="cta-download-btn">
1787                <div class="cta-box cta-style-primary cta_style_personal">
1788                    <div class="cta-icon">
1789                        <img src="https://vmppass.com/wp-content/plugins/vmp-mega-menu/templates/Try_Bussiness_Free.svg" alt="Personal Icon" width="20" height="20" />
1790                    </div>
1791                    <div>
1792                        <h4 class="cta-title">Try Business free</h4>
1793                        <p class="cta-description">Free VMP&trade; Pass Business trial.</p>
1794                    </div>                    
1795                </div>
1796                </a>
1797                
1798                <a href="https://vmppass.com/choose-plan#business" class="cta-download-btn">
1799                <div class="cta-box cta-style-secondary cta_style_personal">
1800                    <div class="cta-icon">
1801                        <img src="https://vmppass.com/wp-content/plugins/vmp-mega-menu/templates/bussiness_plan.svg" alt="Personal Icon" width="20" height="20" />
1802                    </div>
1803                    <div>
1804                        <h4 class="cta-title">See Business pricing</h4>
1805                        <p class="cta-description">Compare plans for businesses of every size.</p>
1806                    </div>
1807                </div>
1808                </a>
1809                
1810                <a href="https://vmppass.com/choose-plan" class="cta-download-btn">
1811                <div class="cta-box cta-style-contact cta_style_personal">
1812                    <div class="cta-icon">
1813                       <svg width="20" height="20" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1814                        <path d="M9.6 7.99999C8.71634 7.99999 8 8.71633 8 9.59999V11.6C8 12.4836 8.71634 13.6 9.6 13.6H11.3355L13.8328 14.9793C13.9329 15.0682 14.0759 15.0901 14.1981 15.0354C14.3203 14.9806 14.399 14.8592 14.3993 14.7253V13.6C15.2829 13.6 16 12.8836 16 12V9.59999C16 8.71633 15.2837 7.99999 14.4 7.99999H9.6Z" fill="#25282D"/>
1815                        <path d="M1.6 0.799988C0.716344 0.799988 0 1.51633 0 2.39999V8.79999C0 9.68364 0.716344 10.4 1.6 10.4L1.6 12.4849C1.59975 12.6228 1.6827 12.7472 1.81007 12.8C1.93744 12.8528 2.08408 12.8235 2.18145 12.7259L5.24732 10.4H5.6C6.04183 10.4 6.4 10.0418 6.4 9.59999V7.59999C6.4 6.71633 7.11634 6.39999 8 6.39999H12C12.8837 6.39999 13.6 5.68364 13.6 4.79999V2.39999C13.6 1.51633 12.8837 0.799988 12 0.799988H1.6Z" fill="#25282D"/>
1816                        </svg>
1817
1818                    </div>
1819                    <div>
1820                        <h4 class="cta-title">Get started with VMP&trade; Pass Free</h4>
1821                        <p class="cta-description">
1821Single-device vault. Unlimited records.</p>
1822                    </div>
1823                </div>
1824                </a>                
1825                
1826               
1827        </div>
1828    </div>
1829</div>
1830	</div>
1831</div>
1832</li>
1833<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-935 vmp-mega-menu-item has-mega-menu"><a href="https://vmppass.com/other-products-by-vmp/" class="nav-link">Other Products by VMP™</a>
1834<div class="vmp-mega-menu-dropdown mega-menu-full-width">
1835	<div class="mega-menu-inner">
1836<style>
1837
1838    .mega-menu-full-width:has(.others-template-root) {
1839        max-width: 760px;
1840        margin-left: auto;
1841        margin-right: auto;
1842    }
1843
1844    .others-template-cta-column .cta-box {
1845        padding: 30px 20px;
1846    }
1847
1848    .vmp-mega-menu-template .others-template{
1849        display: grid!important;
1850        grid-template-columns: 1fr 1fr;
1851        gap: 0!important;
1852        align-items: start!important;
1853    }
1854
1855    .others-template .overview_intro {
1856        margin-bottom: 5px;
1857        margin-top: 5px;
1858    }
1859
1860    .mega-menu-full-width:has(.others-template-root) {
1861        max-width: 530px;
1862    }
1863
1864    .column_border_1 {
1865        padding: 20px;
1866    }
1867
1868    @media (max-width: 1630px) {
1869        .mega-menu-full-width:has(.others-template-root) {
1870            max-width: 620px;
1871        }
1872    }
1873
1874</style>
1875
1876
1877<div class="vmp-mega-menu-template vmp-template-why-vmp-pass others-template-root">
1878
1879    
1880            <div class="mega-menu-custom-content">
1881            dfasdfdsafasdefsdfsdfdesfesw rewrew
1882rewrewrwe
1883rewr
1884ewrew
1885rew
1886rewrew        </div>
1887    
1888    <div class="why-vmp-pass-container others-template">
1889        <!-- Left Column: Overview (flagship product) -->
1890        <div class="why-vmp-column overview-column column_border_1">
1891            <h3 class="column-title">OVERVIEW</h3>
1892            <div class="column-items">
1893                <a class="overview_intro_a" href="https://vmppass.com">
1894                    <div class="overview_intro">
1895                        <span class="cta-title">VMP&trade; Pass</span>
1896                        <p class="nav-heading-link-description">The all-in-one password manager for individuals, families, and teams.</p>
1897                    </div>
1898                </a>
1899
1900                <hr>
1901
1902                <div class="overview_intro all_features">
1903                    <a href="https://vmppass.com/download" class="cta-title">Explore all VMP&trade; apps                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: inline-block; vertical-align: middle; margin-left: 4px;">
1904                            <path d="M6 3L11 8L6 13" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1905                        </svg>
1906                    </a>
1907                </div>
1908
1909            </div>
1910        </div>
1911
1912        <!-- Right Column: All products -->
1913        <div class="why-vmp-column features-column column_border_1">
1914            <h3 class="column-title">PRODUCTS</h3>
1915            <div class="column-items">
1916                                    <a class="overview_intro_a" href="https://vpnmasterpro.com" target="_blank" rel="noopener noreferrer">
1917                    <div class="overview_intro">
1918                        <span class="cta-title">VPN Master Pro</span>
1919                    </div>
1920                    </a>
1921                                    <a class="overview_intro_a" href="https://vmpmessenger.com" target="_blank" rel="noopener noreferrer">
1922                    <div class="overview_intro">
1923                        <span class="cta-title">VMP&trade; Messenger</span>
1924                    </div>
1925                    </a>
1926                                    <a class="overview_intro_a" href="https://vmpsecurity.com" target="_blank" rel="noopener noreferrer">
1927                    <div class="overview_intro">
1928                        <span class="cta-title">VMP&trade; Security</span>
1929                    </div>
1930                    </a>
1931                            </div>
1932        </div>
1933    </div>
1934</div>
1935	</div>
1936</div>
1937</li>
1938</ul>            </div>
1939
1940            <!-- Mobile Actions -->
1941            <div class="mobile-menu-actions mt-4">
1942               <button data-vmp-event="start_trial" data-vmp-label="header_get_vmp_pass_modal" class="btn btn-danger w-100 mb-3" data-bs-toggle="modal" data-bs-target="#vmpPassModal">Get VMP&trade; Pass free</button>
1943               
1944               <div class="mobile-contact-sales mb-3">
1945                  <a href="#" class="btn btn-outline-dark w-100 d-flex align-items-center justify-content-center" data-bs-toggle="collapse" data-bs-target="#mobileContactSales">
1946                     <svg style="margin-right: 10px;
1946" width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1947                        <path d="M14.4 12C13.0745 12 12 13.0745 12 14.4V17.4C12 18.7254 13.0745 20.4 14.4 20.4H17.0032L20.7492 22.4689C20.8994 22.6022 21.1139 22.6352 21.2972 22.553C21.4805 22.4708 21.5986 22.2888 21.5989 22.0879V20.4C22.9244 20.4 24 19.3254 24 18V14.4C24 13.0745 22.9255 12 21.6 12H14.4Z" fill="currentColor"/>
1948                        <path d="M2.4 1.19995C1.07452 1.19995 0 2.27447 0 3.59995V13.2C0 14.5254 1.07452 15.6 2.4 15.6L2.4 18.7273C2.39963 18.9341 2.52405 19.1208 2.7151 19.2C2.90616 19.2791 3.12611 19.2353 3.27217 19.0889L7.87098 15.6H8.4C9.06274 15.6 9.6 15.0627 9.6 14.4V11.4C9.6 10.0745 10.6745 9.59995 12 9.59995H18C19.3255 9.59995 20.4 8.52543 20.4 7.19995V3.59995C20.4 2.27447 19.3255 1.19995 18 1.19995H2.4Z" fill="currentColor"/>
1949                     </svg>
1950                     Contact sales                  </a>
1951                  <div class="collapse mt-2" id="mobileContactSales">
1952                     <div class="list-group">
1953                        <a href="#" class="list-group-item list-group-item-action">Submit sales inquiry</a>
1954                        <a href="#" class="list-group-item list-group-item-action">Chat with sales</a>
1955                        <a href="#" class="list-group-item list-group-item-action">Request a demo</a>
1956                        <a href="#" class="list-group-item list-group-item-action">Find a partner</a>
1957                     </div>
1958                  </div>
1959               </div>
1960
1961               <!-- Mobile Top Bar Links -->
1962               <div class="mobile-top-links border-top pt-3">
1963                  <a href="https://vmppass.com/blog" class="d-block py-2 text-decoration-none text-dark">Blog</a>
1964                  
1965                  <!-- Mobile Resource Center Dropdown -->
1966                  <div class="mobile-resource-center mb-3">
1967                     <a href="#" class="btn btn-outline-dark w-100 d-flex align-items-center justify-content-between" data-bs-toggle="collapse" data-bs-target="#mobileResourceCenter">
1968                        Resource Center                        <svg width="12" height="12" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1969                           <path d="M4 6L8 10L12 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1970                        </svg>
1971                     </a>
1972                     <div class="collapse mt-2" id="mobileResourceCenter">
1973                        <div class="list-group">
1974                           <div class="list-group-item bg-light">
1975                              <strong>LEARN</strong>
1976                           </div>
1977                           <a href="https://vmppass.com/how-vmp-pass-works/" class="list-group-item list-group-item-action">How VMP&trade; Pass works</a>
1978                           <a href="https://vmppass.com/why-vmp-pass/" class="list-group-item list-group-item-action">Why VMP&trade; Pass</a>
1979                           <a href="https://vmppass.com/features/" class="list-group-item list-group-item-action">Features</a>
1980                           <a data-vmp-event="view_pricing" data-vmp-label="compare" href="https://vmppass.com/compare/" class="list-group-item list-group-item-action">Compare plans</a>
1981                           <a href="https://vmppass.com/about/" class="list-group-item list-group-item-action">About us</a>
1982                           <a href="https://vmppass.com/blog/" class="list-group-item list-group-item-action">Blog</a>
1983                           <div class="list-group-item bg-light mt-2">
1984                              <strong>TRUST &amp; SECURITY</strong>
1985                           </div>
1986                           <a href="https://vmppass.com/trust-center" class="list-group-item list-group-item-action">Trust Center</a>
1987                           <a href="https://vmppass.com/trust-center" class="list-group-item list-group-item-action">Compliance Center</a>
1988                           <a href="https://vmppass.com/zero-knowledge-security/" class="list-group-item list-group-item-action">Zero-knowledge security</a>
1989                           <a href="https://vmppass.com/how-is-vmp-pass-secure/" class="list-group-item list-group-item-action">Is VMP Pass secure?</a>
1990                           <a href="https://vmppass.com/passkeys/" class="list-group-item list-group-item-action">Passkeys</a>
1991                        </div>
1992                     </div>
1993                  </div>
1994
1995                  <!-- Mobile Support Dropdown -->
1996                  <div class="mobile-support mb-3">
1997                     <a href="https://vmppass.com/support" class="btn btn-outline-dark w-100 d-flex align-items-center justify-content-between" data-bs-toggle="collapse" data-bs-target="#mobileSupport">
1998                        Support                        <svg width="12" height="12" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1999                           <path d="M4 6L8 10L12 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2000                        </svg>
2001                     </a>
2002                     <div class="collapse mt-2" id="mobileSupport">
2003                        <div class="list-group">
2004                           <div class="list-group-item bg-light">
2005                              <strong>HELP</strong>
2006                           </div>
2007                           <a href="https://vmppass.com/support" class="list-group-item list-group-item-action">
2008                              <strong>Support Center</strong>
2009                              <small class="d-block text-muted">Self-service library of resources and guides for all VMP&trade; Pass products.</small>
2010                           </a>
2011                        </div>
2012                     </div>
2013                  </div>
2014                  
2015                                       <a data-vmp-event="login" data-vmp-label="nav_mobile_login" href="https://vmppass.com/client/login" class="d-block py-2 text-decoration-none text-dark">
2016                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pers
2016on-circle me-1" viewBox="0 0 16 16">
2017                           <path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0" />
2018                           <path fill-rule="evenodd" d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1" />
2019                        </svg>
2020                        Log in                     </a>
2021                  
2022                                 <div class="dropdown lang-switcher-dropdown">
2023                  <button class="btn btn-link text-dark text-decoration-none d-flex align-items-center p-0 lang-switcher-btn"
2024                     type="button"
2025                     id="langSwitcherBtnMobile"
2026                     data-bs-toggle="dropdown"
2027                     aria-expanded="false"
2028                     aria-label="Select language">
2029                     <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" style="flex-shrink:0;">
2030                        <path d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m7.5-6.923c-.67.204-1.335.82-1.887 1.855A8 8 0 0 0 5.145 4H7.5zM4.09 4a9.3 9.3 0 0 1 .64-1.539 7 7 0 0 1 .597-.933A7.03 7.03 0 0 0 2.255 4zm-.582 3.5c.03-.877.138-1.718.312-2.5H1.674a7 7 0 0 0-.656 2.5zM4.847 5a12.5 12.5 0 0 0-.338 2.5H7.5V5zM8.5 5v2.5h2.99a12.5 12.5 0 0 0-.337-2.5zM4.51 8.5a12.5 12.5 0 0 0 .337 2.5H7.5V8.5zm3.99 0V11h2.653c.187-.765.306-1.608.338-2.5zM5.145 12q.208.58.468 1.068c.552 1.035 1.218 1.65 1.887 1.855V12zm.182 2.472a7 7 0 0 1-.597-.933A9.3 9.3 0 0 1 4.09 12H2.255a7 7 0 0 0 3.072 2.472M3.82 11a13.7 13.7 0 0 1-.312-2.5h-2.49c.062.89.291 1.733.656 2.5zm6.853 3.472A7 7 0 0 0 13.745 12H11.91a9.3 9.3 0 0 1-.64 1.539 7 7 0 0 1-.597.933M8.5 12v2.923c.67-.204 1.335-.82 1.887-1.855q.26-.487.468-1.068zm3.68-1h2.146c.365-.767.594-1.61.656-2.5h-2.49a13.7 13.7 0 0 1-.312 2.5m2.802-3.5a7 7 0 0 0-.656-2.5H12.18c.174.782.282 1.623.312 2.5zM11.27 2.461c.247.464.462.98.64 1.539h1.835a7 7 0 0 0-3.072-2.472c.218.284.418.598.597.933M10.855 4a8 8 0 0 0-.468-1.068C9.835 1.897 9.17 1.282 8.5 1.077V4z"/>
2031                     </svg>
2032                     <span class="lang-switcher-label">EN</span>
2033                     <svg class="lang-switcher-caret" width="10" height="10" viewBox="0 0 16 16" fill="none" aria-hidden="true">
2034                        <path d="M4 6L8 10L12 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2035                     </svg>
2036                  </button>
2037                  <ul class="dropdown-menu lang-switcher-menu" aria-labelledby="langSwitcherBtnMobile">
2038                                          <li><a data-vmp-event="select_content" data-vmp-label="language_switch_en" class="dropdown-item lang-option active"
2039                            href="https://vmppass.com/blog/"
2040                            data-lang="en"
2041                            lang="en"
2042                            dir="ltr"
2043                            aria-current="true">English ✓</a></li>
2044                                          <li><a data-vmp-event="select_content" data-vmp-label="language_switch_es" class="dropdown-item lang-option"
2045                            href="https://vmppass.com/es/blog/"
2046                            data-lang="es"
2047                            lang="es"
2048                            dir="ltr"
2049                            >Español</a></li>
2050                                          <li><a data-vmp-event="select_content" data-vmp-label="language_switch_de" class="dropdown-item lang-option"
2051                            href="https://vmppass.com/de/blog/"
2052                            data-lang="de"
2053                            lang="de"
2054                            dir="ltr"
2055                            >Deutsch</a></li>
2056                                          <li><a data-vmp-event="select_content" data-vmp-label="language_switch_fr" class="dropdown-item lang-option"
2057                            href="https://vmppass.com/fr/blog/"
2058                            data-lang="fr"
2059                            lang="fr"
2060                            dir="ltr"
2061                            >Français</a></li>
2062                                          <li><a data-vmp-event="select_content" data-vmp-label="language_switch_it" class="dropdown-item lang-option"
2063                            href="https://vmppass.com/it/blog/"
2064                            data-lang="it"
2065                            lang="it"
2066                            dir="ltr"
2067                            >Italiano</a></li>
2068                                          <li><a data-vmp-event="select_content" data-vmp-label="language_switch_nl" class="dropdown-item lang-option"
2069                            href="https://vmppass.com/nl/blog/"
2070                            data-lang="nl"
2071                            lang="nl"
2072                            dir="ltr"
2073                            >Nederlands</a></li>
2074                                          <li><a data-vmp-event="select_content" data-vmp-label="language_switch_pt" class="dropdown-item lang-option"
2075                            href="https://vmppass.com/pt/blog/"
2076                            data-lang="pt"
2077                            lang="pt"
2078                            dir="ltr"
2079                            >Português</a></li>
2080                                          <li><a data-vmp-event="select_content" data-vmp-label="language_switch_ru" class="dropdown-item lang-option"
2081                            href="https://vmppass.com/ru/blog/"
2082                            data-lang="ru"
2083                            lang="ru"
2084                            dir="ltr"
2085                            >Русский</a></li>
2086                                          <li><a data-vmp-event="select_content" data-vmp-label="language_switch_fa" class="dropdown-item lang-option"
2087                            href="https://vmppass.com/fa/blog/"
2088                            data-lang="fa"
2089                            lang="fa"
2090                            dir="rtl"
2091                            >فارسی</a></li>
2092                                       </ul>
2093               </div>
2094                   </div>
2095            </div>
2096         </div>
2097      </div>
2098      
2099      <!-- Countdown Sale Banner — disabled. Re-enable for an active promo by
2100           replacing the `if (false)` guard and adding JS that toggles `.active`
2101           on `#sale-banner`. Lang keys (sale_text/sale_days/...) still live in
2102           lang/{lang}/header.php. -->
2103      
2104      <style>
2105         .sale-countdown-banner {
2106            background-color: var(--secondary-color);
2107            color: white;
2108            padding: 12px 20px;
2109            text-align: center;
2110            font-family: Arial, sans-serif;
2111            display: none;
2112            transition: 0.3s ease;
2113         }
2114
2115         .sale-countdown-banner:hover {
2116            background-color: #0563c9;
2117            transition: 0.3s ease;
2118         }
2119
2120         .sale-countdown-banner.active {
2121            display: block;
2122         }
2123
2124         .sale-banner-content {
2125            display: flex;
2126            align-items: center;
2127            justify-content: center;
2128            flex-wrap: wrap;
2129            gap: 20px;
2130            max-width: 1200px;
2131            margin: 0 auto;
2132         }
2133
2134         .sale-banner-text {
2135            font-size: 16px;
2136            font-weight: 600;
2137            letter-spacing: 0.5px;
2138         }
2139
2140         .countdown-timer {
2141            display: flex;
2142            align-items: center;
2143            gap: 8px;
2144         }
2145
2146         .countdown-item {
2147            display: flex;
2148            flex-direction: column;
2149            align-items: center;
2150            min-width: 45px;
2151         }
2152
2153         .countdown-number {
2154            font-size: 16px;
2155            font-weight: 700;
2156            line-height: 1;
2157            font-family: 'Source Sans 3';
2158         }
2159
2160         .countdown-label {
2161            font-size: 11px;
2162            font-weight: 400;
2163            margin-top: 2px;
2164            opacity: 0.9;
2165         }
2166
2167         .countdown-separator {
2168            font-size: 20px;
2169            font-weight: 700;
2170            margin: 0 2px;
2171         }
2172
2173         .sale-banner-btn {
2174            background-color: white;
2175            color: #000;
2176            padding: 10px 24px;
2177            border-radius: 5px;
2178            text-decoration: none;
2179            font-weight: 600;
2180            font-size: 14px;
2181            transition: all 0.3s ease;
2182            white-space: nowrap;
2183         }
2184
2185         .sale-banner-btn:hover {
2186            background-color: #f0f0f0;
2187            transform: scale(1.05);
2188         }
2189
2190         @media (max-width: 768px) {
2191            .sale-banner-content {
2192               gap: 15px;
2193            }
2194
2195            .sale-banner-text {
2196               font-size: 14px;
2197               width: 100%;
2198            }
2199
2200            .countdown-number {
2201               font-size: 18px;
2202            }
2203
2204            .countdown-label {
2205               font-size: 10px;
2206            }
2207
2208            .sale-banner-btn {
2209               width: min-content;
2210               padding: 12px 24px;
2211            }
2212         }
2213      </style>
2214
2215      
2216      <!-- Sticky Header Scroll Behavior -->
2217      <style>
2218         /* Sticky navbar styles */
2219         #mainNavbar {
2220            transition: all 0.3s ease-in-out;
2221            position: relative;
2222            z-index: 1000;
2223            box-shadow: 0 6px 10px -6px rgba(0, 0, 0, 0.2);
2224         }
2225
2226         #mainNavbar.sticky {
2227            position: fixed;
2228            top: 0;
2229            left: 0;
2230            right: 0;
2231            z-index: 1050;
2232            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
2233            animation: slideDown 0.3s ease-in-out;
2234         }
2235
2236         @keyframes slideDown {
2237            from {
2238               transform: translateY(-100%);
2239               opacity: 0;
2240            }
2241            to {
2242               transform: translateY(0);
2243               opacity: 1;
2244            }
2245         }
2246
2247         /* Language Switcher */
2248         .lang-switcher-btn {
2249            font-size: 13px;
2250            font-weight: 600;
2251            color: var(--primary-color) !important;
2252            gap: 5px;
2253            letter-spacing: 0.3px;
2254         }
2255         .lang-switcher-btn:hover {
2256            color: var(--secondary-color) !important;
2257         }
2258         .lang-switcher-label {
2259            font-size: 13px;
2260            font-weight: 700;
2261         }
2262         .lang-switcher-caret {
2263            transition: transform 0.2s ease;
2264         }
2265         .lang-switcher-btn[aria-expanded="true"] .lang-switcher-caret {
2266            transform: rotate(180deg);
2267         }
2268
2269         .lang-switcher-btn:active{
2270            background: transparent!important;
2271         }
2272
2273         .lang-switcher-btn:focus-visible{
2274            box-shadow: none;
2275         }
2276
2277         .lang-switcher-menu {
2278            min-width: 150px;
2279            border-radius: 10px;
2280            box-shadow: 0 8px 28px rgba(25,25,112,0.12);
2281            border: 1px solid rgba(25,25,112,0.08);
2282            padding: 6px 0;
2283            margin: 0 0 0 -1px !important;
2284            z-index: 1001;
2285         }
2286
2287         .lang-switcher-dropdown .btn.show{
2288           background: transparent!important;
2289         }
2290
2291         .lang-switcher-menu .lang-option {
2292            font-size: 13.5px;
2293            font-weight: 500;
2294            color: #374151;
2295            padding: 7px 18px;
2296         }
2297         .lang-switcher-menu .lang-option:hover {
2298            background: rgba(0,122,255,0.07);
2299            color: var(--secondary-color);
2300         }
2301         .lang-switcher-menu .lang-option.active {
2302            background: rgba(0,122,255,0.1);
2303            color: var(--secondary-color);
2304            font-weight: 700;
2305         }
2306      </style>
2307
2308      <!-- Language Switcher: persistent language preference across navigation -->
2309      
2309<script>
2310         (function() {
2311            var langPrefixes = ["es","de","fr","it","nl","pt","ru","fa"];
2312            var homeUrl = 'https://vmppass.com'; // raw site root, NEVER vmp_home_url() — JS prepends the lang prefix itself
2313            var homePath = new URL(homeUrl).pathname.replace(/\/?$/, '/'); // always ends with /
2314
2315            // ── Cookie helpers ───────────────────────────────────────────────────
2316            function setCookie(name, value, days) {
2317               var expires = '';
2318               if (days) {
2319                  var d = new Date();
2320                  d.setTime(d.getTime() + days * 24 * 60 * 60 * 1000);
2321                  expires = '; expires=' + d.toUTCString();
2322               }
2323               document.cookie = name + '=' + encodeURIComponent(value) + expires + '; path=/; SameSite=Lax';
2324            }
2325            function getCookie(name) {
2326               var match = document.cookie.match(new RegExp('(?:^|; )' + name.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, '\\$&') + '=([^;]*)'));
2327               return match ? decodeURIComponent(match[1]) : null;
2328            }
2329
2330            // ── Determine language from URL ──────────────────────────────────────
2331            var currentPath = window.location.pathname;
2332            var relativePath = currentPath.startsWith(homePath)
2333               ? currentPath.slice(homePath.length)
2334               : currentPath.replace(/^\//, '');
2335
2336            var urlLang = 'en';
2337            var firstSegment = relativePath.split('/')[0];
2338            if (langPrefixes.indexOf(firstSegment) !== -1) {
2339               urlLang = firstSegment;
2340               relativePath = relativePath.slice(firstSegment.length).replace(/^\//, '');
2341            }
2342
2343            // URL lang is authoritative — always sync cookie FROM URL.
2344            // Root URL (no prefix) always means English; reset any stale cookie.
2345            var cookieLang;
2346            if (urlLang !== 'en') {
2347               cookieLang = urlLang;
2348               setCookie('vmp_lang', cookieLang, 365);
2349            } else {
2350               cookieLang = 'en';
2351               setCookie('vmp_lang', 'en', 365);
2352            }
2353
2354            var currentLang = cookieLang;
2355            var label = document.querySelector('.lang-switcher-label');
2356
2357            // ── Sync dropdown active state and button label ──────────────────────
2358            document.querySelectorAll('.lang-option').forEach(function(link) {
2359               if (link.getAttribute('data-lang') === currentLang) {
2360                  link.classList.add('active');
2361               }
2362            });
2363            if (label) label.textContent = currentLang.toUpperCase();
2364
2365            // ── Language option click: set cookie + reload so PHP serves new lang ─
2366            document.querySelectorAll('.lang-option').forEach(function(link) {
2367               link.addEventListener('click', function(e) {
2368                  e.preventDefault();
2369                  var lang = link.getAttribute('data-lang');
2370
2371                  // 1. Persist language choice in cookie (PHP will read this)
2372                  setCookie('vmp_lang', lang, 365);
2373
2374                  // 2. Navigate to the REAL WordPress URL (no language prefix).
2375                  //    WordPress can't serve /de/page/ — it only serves /page/.
2376                  //    PHP will read the cookie and load the right translation file.
2377                  //    On load, history.replaceState will add the cosmetic prefix.
2378                  window.location.href = window.location.origin + homePath + relativePath;
2379               });
2380            });
2381         })();
2382      </script>
2382
2383
2384      <style>
2385
2386         /* Top utility bar slide-up animation */
2387         .top-utility-bar {
2388            transition: all 0.3s ease-in-out;
2389            /* overflow: hidden; */
2390         }
2391
2392         .top-utility-bar.hidden {
2393            max-height: 0;
2394            opacity: 0;
2395            padding-top: 0;
2396            padding-bottom: 0;
2397            margin: 0;
2398            transform: translateY(-100%);
2399         }
2400
2401         /* Add padding to body when navbar is fixed to prevent content jump */
2402         body.navbar-fixed {
2403            padding-top: 70px;
2404         }
2405
2406         /* CLS FIX: the main menu <ul> ships with `flex-wrap`, so during load it
2407            briefly wraps to two lines then settles to one — changing the navbar
2408            height and shoving the whole page (~0.96 CLS). Reserve a stable navbar
2409            height and keep the desktop menu on a single line. */
2410         #mainNavbar { min-height: 74px; }
2411         @media (min-width: 992px) {
2412            #mainNavbar .navbar-left ul { flex-wrap: nowrap; }
2413         }
2414      </style>
2415
2416      
2416<script>
2417         (function() {
2418            const navbar = document.getElementById('mainNavbar');
2419            const topBar = document.querySelector('.top-utility-bar');
2420            const scrollThreshold = 50;
2421            let lastScrollTop = 0;
2422
2423            function handleScroll() {
2424               // While the password-game intro auto-scrolls, don't toggle the sticky
2425               // navbar — programmatic scrolling past the threshold would flip it to
2426               // position:fixed mid-reveal and cause a large layout shift (CLS).
2427               if (document.body.classList.contains('vgs-intro')) return;
2428
2429               const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
2430
2431               if (scrollTop > scrollThreshold) {
2432                  // Hide top bar and make navbar sticky
2433                  topBar.classList.add('hidden');
2434                  navbar.classList.add('sticky');
2435                  document.body.classList.add('navbar-fixed');
2436               } else {
2437                  // Show top bar and remove sticky navbar
2438                  topBar.classList.remove('hidden');
2439                  navbar.classList.remove('sticky');
2440                  document.body.classList.remove('navbar-fixed');
2441               }
2442
2443               lastScrollTop = scrollTop;
2444            }
2445
2446            // Throttle scroll event for better performance
2447            let scrollTimeout;
2448            window.addEventListener('scroll', function() {
2449               if (!scrollTimeout) {
2450                  scrollTimeout = setTimeout(function() {
2451                     handleScroll();
2452                     scrollTimeout = null;
2453                  }, 10);
2454               }
2455            });
2456
2457            // Initial check
2458            handleScroll();
2459         })();
2460      </script>
2460
2461
2462      <!-- Hover Dropdown Behavior for Resources and Support -->
2463      
2463<script>
2464         (function() {
2465            // Detect if device has touch capability
2466            const isTouchDevice = ('ontouchstart' in window) || (navigator.maxTouchPoints > 0);
2467
2468            // Only apply hover behavior on non-touch devices
2469            if (!isTouchDevice) {
2470               // Get dropdown elements
2471               const resourcesDropdown = document.querySelector('.resources-dropdown');
2472               const supportDropdown = document.querySelector('.support-dropdown');
2473               const contactSalesDropdown = document.querySelector('.contact-sales-dropdown');
2474               const userAccountDropdown = document.querySelector('.user-account-dropdown');
2475
2476               // Timeout for contact sales dropdown delay
2477               let contactSalesTimeout = null;
2478               let userAccountTimeout = null;
2479
2480               // Function to show dropdown
2481               function showDropdown(dropdownElement) {
2482                  const dropdownMenu = dropdownElement.querySelector('.dropdown-menu');
2483                  const dropdownButton = dropdownElement.querySelector('[id$="Dropdown"]');
2484                  
2485                  dropdownMenu.classList.add('show');
2486                  dropdownButton.setAttribute('aria-expanded', 'true');
2487               }
2488
2489               // Function to hide dropdown
2490               function hideDropdown(dropdownElement) {
2491                  const dropdownMenu = dropdownElement.querySelector('.dropdown-menu');
2492                  const dropdownButton = dropdownElement.querySelector('[id$="Dropdown"]');
2493                  
2494                  dropdownMenu.classList.remove('show');
2495                  dropdownButton.setAttribute('aria-expanded', 'false');
2496               }
2497
2498               // Add hover listeners to Resources dropdown
2499               if (resourcesDropdown) {
2500                  resourcesDropdown.addEventListener('mouseenter', function() {
2501                     showDropdown(resourcesDropdown);
2502                  });
2503
2504                  resourcesDropdown.addEventListener('mouseleave', function() {
2505                     hideDropdown(resourcesDropdown);
2506                  });
2507               }
2508
2509               // Add hover listeners to Support dropdown
2510               if (supportDropdown) {
2511                  supportDropdown.addEventListener('mouseenter', function() {
2512                     showDropdown(supportDropdown);
2513                  });
2514
2515                  supportDropdown.addEventListener('mouseleave', function() {
2516                     hideDropdown(supportDropdown);
2517                  });
2518               }
2519
2520               // Add hover listeners to Contact Sales dropdown with 200ms delay
2521               if (contactSalesDropdown) {
2522                  contactSalesDropdown.addEventListener('mouseenter', function() {
2523                     // Clear any pending hide timeout
2524                     if (contactSalesTimeout) {
2525                        clearTimeout(contactSalesTimeout);
2526                        contactSalesTimeout = null;
2527                     }
2528                     showDropdown(contactSalesDropdown);
2529                  });
2530
2531                  contactSalesDropdown.addEventListener('mouseleave', function() {
2532                     // Add 200ms delay before hiding
2533                     contactSalesTimeout = setTimeout(function() {
2534                        hideDropdown(contactSalesDropdown);
2535                     }, 200);
2536                  });
2537               }
2538
2539               // Add hover listeners to User Account dropdown with 200ms delay
2540               if (userAccountDropdown) {
2541                  userAccountDropdown.addEventListener('mouseenter', function() {
2542                     // Clear any pending hide timeout
2543                     if (userAccountTimeout) {
2544                        clearTimeout(userAccountTimeout);
2545                        userAccountTimeout = null;
2546                     }
2547                     showDropdown(userAccountDropdown);
2548                  });
2549
2550                  userAccountDropdown.addEventListener('mouseleave', function() {
2551                     // Add 200ms delay before hiding
2552                     userAccountTimeout = setTimeout(function() {
2553                        hideDropdown(userAccountDropdown);
2554                     }, 200);
2555                  });
2556               }
2557            } else {
2558               // For touch devices, enable click behavior
2559               const resourcesButton = document.getElementById('resourcesDropdown');
2560               const supportButton = document.getElementById('supportDropdown');
2561               const contactSalesButton = document.getElementById('contactSalesDropdown');
2562               const userAccountButton = document.getElementById('userAccountDropdown');
2563
2564               if (resourcesButton) {
2565                  resourcesButton.setAttribute('data-bs-toggle', 'dropdown');
2566               }
2567
2568               if (supportButton) {
2569                  supportButton.setAttribute('data-bs-toggle', 'dropdown');
2570               }
2571
2572               if (contactSalesButton) {
2573                  contactSalesButton.setAttribute('data-bs-toggle', 'dropdown');
2574               }
2575
2576               if (userAccountButton) {
2577                  userAccountButton.setAttribute('data-bs-toggle', 'dropdown');
2578               }
2579            }
2580         })();
2581      </script>
2581
2582
2583      <!-- Logout Confirmation Modal -->
2584      <div class="modal fade" id="logoutConfirmModal" tabindex="-1" aria-labelledby="logoutConfirmModalLabel" aria-hidden="true">
2585         <div class="modal-dialog modal-dialog-centered">
2586            <div class="modal-content">
2587               <div class="modal-header border-0 pb-0">
2588                  <button data-vmp-label="close_1" type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
2589               </div>
2590               <div class="modal-body text-center px-4 pt-2 pb-4">
2591                  
2592                  <h5 class="modal-title mb-3" id="logoutConfirmModalLabel">Are you sure you want to logout?</h5>
2593                  <p class="text-muted mb-4">You will be redirected to the login page.</p>
2594                  <div class="d-grid gap-2">
2595                     <button data-vmp-label="confirmlogoutbtn" type="button" class="btn btn-primary" id="confirmLogoutBtn">Confirm</button>
2596                     <button data-vmp-label="header_btn_2" type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancel</button>
2597                  </div>
2598               </div>
2599            </div>
2600         </div>
2601      </div>
2602
2603      <style>
2604         #logoutConfirmModal .modal-content {
2605            border-radius: 12px;
2606            border: none;
2607            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
2608         }
2609
2610         #logoutConfirmModal .modal-body {
2611            padding: 2rem;
2612         }
2613
2614         #logoutConfirmModal .btn {
2615            padding: 12px 24px;
2616            font-weight: 600;
2617            border-radius: 8px;
2618         }
2619
2620         #logoutConfirmModal .btn-danger {
2621            background-color: #dc3545;
2622            border-color: #dc3545;
2623         }
2624
2625         #logoutConfirmModal .btn-danger:hover {
2626            background-color: #bb2d3b;
2627            border-color: #b02a37;
2628         }
2629
2630         #logoutConfirmModal .btn-outline-secondary:hover {
2631            background-color: #f8f9fa;
2632            border-color: #6c757d;
2633            color: #212529;
2634         }
2635      </style>
2636
2637      
2637<script>
2638         (function() {
2639            // Handle logout confirmation
2640            const confirmLogoutBtn = document.getElementById('confirmLogoutBtn');
2641            const logoutUrl = 'https://vmppass.com/client/logout';
2642
2643            if (confirmLogoutBtn) {
2644               confirmLogoutBtn.addEventListener('click', function() {
2645                  // Show loading state
2646                  confirmLogoutBtn.innerHTML = '<span class="spinner-border spinner-border-sm me-2" role="status" aria-hidden="true"></span>Logging out...';
2647                  confirmLogoutBtn.disabled = true;
2648
2649                  // Redirect to logout URL after a brief moment
2650                  setTimeout(function() {
2651                     window.location.href = logoutUrl;
2652                  }, 500);
2653               });
2654            }
2655         })();
2656      </script>
2656
2657
2658   </header>
2659
2660<!-- Blog Header -->
2661<section data-vmp-section="blog_header" class="blog-header py-4" style="background-color: white; border-bottom: 2px solid #e0e0e0;">
2662    <div class="container">
2663        <div class="row align-items-center">
2664            <div class="col-md-6">
2665                <h1 class="fw-bold mb-0" style="color: var(--primary-color);">Blog</h1>
2666            </div>
2667            <div class="col-md-6">
2668                <nav class="d-flex justify-content-md-end">
2669                    <ul class="nav">
2670                        <li class="nav-item"><a class="nav-link active" href="https://vmppass.com/blog/">Recent</a></li>                    </ul>
2671                </nav>
2672            </div>
2673        </div>
2674    </div>
2675</section>
2676
2677<!-- Preview Section with Blog Topics -->
2678<section data-vmp-section="blog_preview" class="blog-preview py-5" style="background-color: #f8f9fa;">
2679    <div class="container">
2680        <div class="row mb-4">
2681            <div class="col-12 text-center">
2682                <h3 class="fw-bold mb-2" style="color: var(--primary-color);">Topics We Cover</h3>
2683                <p class="text-muted">Explore cybersecurity insights, best practices, and expert guidance</p>
2684            </div>
2685        </div>
2686
2687        <div class="row g-4">
2688                        <!-- Blog Post Card -->
2689            <div class="col-md-4">
2690                <a href="https://vmppass.com/how-password-managers-work/" class="text-decoration-none">
2691                    <div class="card h-100 shadow-sm" style="border-radius: 8px; border: 1px solid #e0e0e0;">
2692                        <div class="position-relative">
2693                                                            <img src="https://vmppass.com/wp-content/uploads/2026/05/render-1-300x172.jpg" class="card-img-top" alt="How Password Managers Work: A Plain-English Guide" style="height: 200px; object-fit: cover; border-radius: 8px 8px 0 0;">
2694                                                    </div>
2695                        <div class="card-body">
2696                            <div class="d-flex justify-content-between align-items-center mb-2">
2697                                <span class="badge" style="background-color: var(--secondary-color); color: white;">EDUCATION</span>
2698                            </div>
2699                            <h5 class="card-title fw-bold mb-3" style="color: var(--primary-color);">How Password Managers Work: A Plain-English Guide</h5>
2700                            <p class="card-text text-muted mb-3">
2701                                You&#8217;ve heard you should use a password manager. Maybe you already do. But what&#8217;s actually happening when you click &#8220;autofill&#8221;...                            </p>
2702                            <div class="d-flex justify-content-between align-items-center text-muted small">
2703                                <span><i class="fas fa-calendar"></i> May 06, 2026</span>
2704                                <span><i class="fas fa-clock"></i> 9 min read</span>
2705                            </div>
2706                        </div>
2707                    </div>
2708                </a>
2709            </div>
2710                        <!-- Blog Post Card -->
2711            <div class="col-md-4">
2712                <a href="https://vmppass.com/what-is-a-password-manager/" class="text-decoration-none">
2713                    <div class="card h-100 shadow-sm" style="border-radius: 8px; border: 1px solid #e0e0e0;">
2714                        <div class="position-relative">
2715                                                            <img src="https://vmppass.com/wp-content/uploads/2026/05/render-300x172.jpg" class="card-img-top" alt="What Is a Password Manager and Why You Need One in 2026" style="height: 200px; object-fit: cover; border-radius: 8px 8px 0 0;">
2716                                                    </div>
2717                        <div class="card-body">
2718                            <div class="d-flex justify-content-between align-items-center mb-2">
2719                                <span class="badge" style="background-color: var(--secondary-color); color: white;">EDUCATION</span>
2720                            </div>
2721                            <h5 class="card-title fw-bold mb-3" style="color: var(--primary-color);">What Is a Password Manager and Why You Need One in 2026</h5>
2722                            <p class="card-text text-muted mb-3">
2723                                If you&#8217;re still juggling sticky notes, browser-saved logins, or the same six passwords across every site you use, this guide...                            </p>
2724                            <div class="d-flex justify-content-between align-items-center text-muted small">
2725                                <span><i class="fas fa-calendar"></i> May 06, 2026</span>
2726                                <span><i class="fas fa-clock"></i> 9 min read</span>
2727                            </div>
2728                        </div>
2729                    </div>
2730                </a>
2731            </div>
2732                        <!-- Blog Post Card -->
2733            <div class="col-md-4">
2734                <a href="https://vmppass.com/are-password-managers-safe/" class="text-decoration-none">
2735                    <div class="card h-100 shadow-sm" style="border-radius: 8px; border: 1px solid #e0e0e0;">
2736                        <div class="position-relative">
2737                                                            <img src="https://vmppass.com/wp-content/uploads/2026/05/render-2-300x172.jpg" class="card-img-top" alt="Are Password Managers Safe? The Honest 2026 Answer" style="height: 200px; object-fit: cover; border-radius: 8px 8px 0 0;">
2738                                                    </div>
2739                        <div class="card-body">
2740                            <div class="d-flex justify-content-between align-items-center mb-2">
2741                                <span class="badge" style="background-color: var(--secondary-color); color: white;">EDUCATION</span>
2742                            </div>
2743                            <h5 class="card-title fw-bold mb-3" style="color: var(--primary-color);">Are Password Managers Safe? The Honest 2026 Answer</h5>
2744                            <p class="card-text text-muted mb-3">
2745                                You&#8217;ve been told to use a password manager. You&#8217;re also vaguely aware that password managers themselves get hacked sometimes. So...                            </p>
2746                            <div class="d-flex justify-content-between align-items-center text-muted small">
2747                                <span><i class="fas fa-calendar"></i> May 06, 2026</span>
2748                                <span><i class="fas fa-clock"></i> 8 min read</span>
2749                            </div>
2750                        </div>
2751                    </div>
2752                </a>
2753            </div>
2754                        <!-- Blog Post Card -->
2755            <div class="col-md-4">
2756                <a href="https://vmppass.com/browser-vs-password-manager/" class="text-decoration-none">
2757                    <div class="card h-100 shadow-sm" style="border-radius: 8px; border: 1px solid #e0e0e0;">
2758                        <div class="position-relative">
2759                                                            <img src="https://vmppass.com/wp-content/uploads/2026/05/render-3-300x172.jpg" class="card-img-top" alt="Password Manager vs Browser Saved Passwords: Which Is Better in 2026?" style="height: 200px; object-fit: cover; border-radius: 8px 8px 0 0;">
2760                                                    </div>
2761                        <div class="card-body">
2762                            <div class="d-flex justify-content-between align-items-center mb-2">
2763                                <span class="badge" style="background-color: var(--secondary-color); color: white;">EDUCATION</span>
2764                            </div>
2765                            <h5 class="card-title fw-bold mb-3" style="color: var(--primary-color);">Password Manager vs Browser Saved Passwords: Which Is Better in 2026?</h5>
2766                            <p class="card-text text-muted mb-3">
2767                                multiple web browsers, multiple web browsers all offer to save your passwords. They&#8217;re free, built in, and one click away....                            </p>
2768                            <div class="d-flex justify-content-between align-items-center text-muted small">
2769                                <span><i class="fas fa-calendar"></i> May 06, 2026</span>
2770                                <span><i class="fas fa-clock"></i> 9 min read</span>
2771                            </div>
2772                        </div>
2773                    </div>
2774                </a>
2775            </div>
2776                        <!-- Blog Post Card -->
2777            <div class="col-md-4">
2778                <a href="https://vmppass.com/zero-knowledge-encryption/" class="text-decoration-none">
2779                    <div class="card h-100 shadow-sm" style="border-radius: 8px; border: 1px solid #e0e0e0;">
2780                        <div class="position-relative">
2781                                                            <img src="https://vmppass.com/wp-content/uploads/2026/05/render-4-300x172.jpg" class="card-img-top" alt="What Is Zero-Knowledge Encryption? (And Why It Matters in 2026)" style="height: 200px; object-fit: cover; border-radius: 8px 8px 0 0;">
2782                                                    </div>
2783                        <div class="card-body">
2784                            <div class="d-flex justify-content-between align-items-center mb-2">
2785                                <span class="badge" style="background-color: var(--secondary-color); color: white;">EDUCATION</span>
2786                            </div>
2787                            <h5 class="card-title fw-bold mb-3" style="color: var(--primary-color);">What Is Zero-Knowledge Encryption? (And Why It Matters in 2026)</h5>
2788                            <p class="card-text text-muted mb-3">
2789                                If you&#8217;ve evaluated more than two password managers, you&#8217;ve seen the phrase &#8220;zero-knowledge&#8221; on every marketing page. It sounds like...                            </p>
2790                            <div class="d-flex justify-content-between align-items-center text-muted small">
2791                                <span><i class="fas fa-calendar"></i> May 06, 2026</span>
2792                                <span><i class="fas fa-clock"></i> 8 min read</span>
2793                            </div>
2794                        </div>
2795                    </div>
2796                </a>
2797            </div>
2798                        <!-- Blog Post Card -->
2799            <div class="col-md-4">
2800                <a href="https://vmppass.com/aes-256-encryption/" class="text-decoration-none">
2801                    <div class="card h-100 shadow-sm" style="border-radius: 8px; border: 1px solid #e0e0e0;">
2802                        <div class="position-relative">
2803                                                            <img src="https://vmppass.com/wp-content/uploads/2026/05/render-5-300x172.jpg" class="card-img-top" alt="AES-256 Encryption Explained for Non-Techies (2026)" style="height: 200px; object-fit: cover; border-radius: 8px 8px 0 0;">
2804                                                    </div>
2805                        <div class="card-body">
2806                            <div class="d-flex justify-content-between align-items-center mb-2">
2807                                <span class="badge" style="background-color: var(--secondary-color); color: white;">EDUCATION</span>
2808                            </div>
2809                            <h5 class="card-title fw-bold mb-3" style="color: var(--primary-color);">AES-256 Encryption Explained for Non-Techies (2026)</h5>
2810                            <p class="card-text text-muted mb-3">
2811                                You&#8217;ve seen &#8220;AES-256 encryption&#8221; stamped on every security marketing page since about 2010. It&#8217;s on banks, password managers, VPNs, messaging...                            </p>
2812                            <div class="d-flex justify-content-between align-items-center text-muted small">
2813                                <span><i class="fas fa-calendar"></i> May 06, 2026</span>
2814                                <span><i class="fas fa-clock"></i> 8 min read</span>
2815                            </div>
2816                        </div>
2817                    </div>
2818                </a>
2819            </div>
2820                    </div>
2821        
2822        <div class="row">
2823            <div class="col-lg-8 mx-auto">
2824                <style>
2825.vmp-nl-box{border-radius:14px;padding:28px 24px;margin:32px 0}
2826.vmp-nl-box--light{background:linear-gradient(135deg,#f4f6ff 0%,#eef9f2 100%);border:1px solid #dfe6f5;color:#1c2033}
2827.vmp-nl-box--dark{background:#101031;border:1px solid #2c2c5a;color:#fff}
2828.vmp-nl-box--hero{background:linear-gradient(135deg,#0b0b28 0%,#1d1db8 130%);color:#fff;text-align:center;padding:48px 28px}
2829.vmp-nl-box__title{font-weight:800;font-size:1.35rem;margin:0 0 6px}
2830.vmp-nl-box--hero .vmp-nl-box__title{font-size:1.9rem}
2831.vmp-nl-box__sub{margin:0 0 16px;opacity:.85;font-size:.95rem}
2832.vmp-nl-box__form{display:flex;gap:10px;flex-wrap:wrap}
2833.vmp-nl-box--hero .vmp-nl-box__form{justify-content:center}
2834.vmp-nl-box__form input[type=email]{flex:1;min-width:220px;border-radius:8px;padding:11px 14px;border:1px solid #c5cce0;font-size:.95rem}
2835.vmp-nl-box--dark .vmp-nl-box__form input[type=email],.vmp-nl-box--hero .vmp-nl-box__form input[type=email]{background:#050519;border-color:#2c2c5a;color:#fff}
2836.vmp-nl-box__form button{border:0;border-radius:8px;padding:11px 22px;font-weight:700;background:#1d1db8;color:#fff;cursor:pointer}
2837.vmp-nl-box--dark .vmp-nl-box__form button,.vmp-nl-box--hero .vmp-nl-box__form button{background:#36e07f;color:#04122a}
2838.vmp-nl-box__form button:disabled{opacity:.6;cursor:wait}
2839.vmp-nl-box__msg{margin:10px 0 0;font-size:.9rem;min-height:1.2em}
2840.vmp-nl-box__privacy{margin:8px 0 0;font-size:.78rem;opacity:.65}
2841@media (max-width:576px){.vmp-nl-box__form{flex-direction:column}.vmp-nl-box__form input[type=email]{min-width:0}}
2842</style>
2843<script>
2844document.addEventListener('submit', function (e) {
2845   var f = e.target;
2846   if (!f.classList || !f.classList.contains('vmp-nl-box__form')) return;
2847   e.preventDefault();
2848   var email = f.querySelector('input[type=email]'), btn = f.querySelector('button'),
2849       msg = f.parentNode.querySelector('.vmp-nl-box__msg');
2850   // GA: count a subscribe click ONLY when the email box is not empty.
2851   if (email.value.trim() !== '') {
2852      try { if (window.vmpTrack) window.vmpTrack('newsletter_subscribe_click', { placement: (f.querySelector('input[name=source]') || {}).value || 'unknown' }); } catch (x0) {}
2853   }
2854   if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email.value.trim())) { msg.textContent = f.getAttribute('data-msg-invalid'); return; }
2855   btn.disabled = true; msg.textContent = '…';
2856   var fd = new FormData(f);
2857   fetch(f.getAttribute('action'), { method: 'POST', body: fd, credentials: 'same-origin' })
2858      .then(function (r) { return r.json().catch(function () { return { success: r.ok }; }); })
2859      .then(function (r) {
2860         if (r && r.success !== false) {
2861            msg.textContent = f.getAttribute('data-msg-success'); email.disabled = true;
2862            try { if (window.vmpTrack) { window.vmpTrack('newsletter_submit', { placement: fd.get('source') }); window.vmpTrack('lead', { location: fd.get('source') }); } } catch (x) {}
2863            // referral spine: surface the personal invite link site-wide, not
2864            // just inside the game (the handler mints the code either way)
2865            try {
2866               var code = r && r.data && r.data.referral_code;
2867               if (code && !f.parentNode.querySelector('.vmp-nl-box__invite')) {
2868                  try { localStorage.setItem('vmpMyRef', code); } catch (x2) {}
2869                  var origin = location.origin + '/';
2870                  var invite = origin + '?utm_source=site_invite&utm_medium=referral&ref=' + code;
2871                  var wrap = document.createElement('div');
2872                  wrap.className = 'vmp-nl-box__invite';
2873                  wrap.style.cssText = 'display:flex;gap:8px;margin-top:10px;flex-wrap:wrap';
2874                  var inp = document.createElement('input');
2875                  inp.type = 'text'; inp.readOnly = true; inp.value = invite;
2876                  inp.setAttribute('aria-label', 'Your invite link');
2877                  inp.style.cssText = 'flex:1;
2877min-width:200px;border-radius:8px;padding:9px 12px;border:1px dashed #9aa0c0;font-size:.85rem;background:transparent;color:inherit';
2878                  var cp = document.createElement('button');
2879                  cp.type = 'button'; cp.textContent = '📋';
2880                  cp.setAttribute('aria-label', 'Copy invite link');
2881                  cp.style.cssText = 'border:0;border-radius:8px;padding:9px 14px;font-weight:700;cursor:pointer';
2882                  cp.addEventListener('click', function () {
2883                     try { navigator.clipboard.writeText(invite); } catch (x3) {}
2884                     cp.textContent = '✓';
2885                     try { if (window.vmpTrack) window.vmpTrack('share', { method: 'invite_copy_site', content_type: 'newsletter_box' }); } catch (x4) {}
2886                  });
2887                  wrap.appendChild(inp); wrap.appendChild(cp);
2888                  msg.parentNode.insertBefore(wrap, msg.nextSibling);
2889               }
2890            } catch (x5) {}
2891         } else {
2892            btn.disabled = false;
2893            msg.textContent = (r && r.data && r.data.message) ? r.data.message : f.getAttribute('data-msg-error');
2894         }
2895      })
2896      .catch(function () { btn.disabled = false; msg.textContent = f.getAttribute('data-msg-error'); });
2897}, true);
2898</script>
2898
2899        <div class="vmp-nl-box vmp-nl-box--light" id="vmp-nl-box-1">
2900      <p class="vmp-nl-box__title">🔐 Stay one breach ahead</p>
2901   <p class="vmp-nl-box__sub">Security tips, product updates, and a 5-minute password mission — once a week, no spam.</p>
2902   <form data-vmp-form="vmp_nl_box_form" class="vmp-nl-box__form" action="https://vmppass.com/wp-admin/admin-ajax.php" method="post" novalidate
2903         data-msg-success="✅ You&#039;re in — check your inbox for a welcome note."
2904         data-msg-invalid="Please enter a valid email address."
2905         data-msg-error="Something went wrong — please try again in a minute.">
2906      <input type="hidden" name="vmp_newsletter_nonce" value="b173c19efd">
2907      <input type="hidden" name="action" value="vmp_submit_newsletter">
2908      <input type="hidden" name="form_type" value="newsletter">
2909      <input type="hidden" name="source" value="blog_index">
2910      <input type="hidden" name="lang" value="en">
2911      <input type="email" name="email" inputmode="email" autocomplete="email" placeholder="[email protected]" aria-label="[email protected]" maxlength="190" required>
2912      <button type="submit" data-vmp-event="subscribe" data-vmp-label="newsletter_box_submit" data-vmp-item="blog_index">Subscribe</button>
2913   </form>
2914   <p class="vmp-nl-box__msg" aria-live="polite"></p>
2915   <p class="vmp-nl-box__privacy">We never share your email. Unsubscribe anytime with one click.</p>
2916</div>
2917                </div>
2918        </div>
2919
2920                <!-- Pagination -->
2921        <div class="row mt-5">
2922            <div class="col-12">
2923                <nav aria-label="Blog pagination">
2924                    <ul class="pagination justify-content-center">
2925                        <li class="page-item"><span aria-current="page" class="page-link current">1</span></li><li class="page-item"><a class="page-link" href="https://vmppass.com/blog/page/2/">2</a></li><li class="page-item"><a class="page-link" href="https://vmppass.com/blog/page/3/">3</a></li><li class="page-item"><span class="page-link dots">&hellip;</span></li><li class="page-item"><a class="page-link" href="https://vmppass.com/blog/page/12/">12</a></li><li class="page-item"><a class="next page-link" href="https://vmppass.com/blog/page/2/">Next &raquo;</a></li>                    </ul>
2926                </nav>
2927            </div>
2928        </div>
2929        
2930    </div>
2931</section>
2932
2933<!-- Newsletter Section -->
2934<section data-vmp-section="newsletter_section" id="newsletter" class="newsletter-section py-5" style="background-color: white;">
2935    <div class="container">
2936        <div class="row justify-content-center">
2937            <div class="col-lg-10 col-xl-9">
2938                <div class="vmp-newsletter-card">
2939                    <div class="vmp-newsletter-card__decoration" aria-hidden="true"></div>
2940                    <div class="vmp-newsletter-card__inner text-center text-white">
2941                        <span class="vmp-newsletter-card__badge" aria-hidden="true">
2942                            <i class="fas fa-envelope-open-text"></i>
2943                        </span>
2944                        <h3 class="vmp-newsletter-card__title">Subscribe</h3>
2945                        <p class="vmp-newsletter-card__subtitle">Stay updated with the latest cybersecurity insights and exclusive VMP&trade; Pass updates delivered to your inbox.</p>
2946
2947                                                <form data-vmp-form="vmp_newsletter_form" class="vmp-newsletter-form vmp-newsletter-form--dark mx-auto" novalidate>
2948                            <input type="hidden" name="vmp_newsletter_nonce" value="b173c19efd">
2949                            <input type="hidden" name="action" value="vmp_submit_newsletter">
2950                            <input type="hidden" name="form_type" value="newsletter">
2951                            <input type="hidden" name="source" value="blog_page">
2952                            <input type="hidden" name="lang" value="en">
2953
2954                            <div class="row g-2 align-items-start">
2955                                <div class="col-md-4">
2956                                    <input type="text" name="name" aria-label="Your name" class="form-control form-control-lg" autocomplete="name" placeholder="Your name" maxlength="120">
2957                                    <div class="invalid-feedback text-start" data-error-for="name"></div>
2958                                </div>
2959                                <div class="col-md-5">
2960                                    <input type="email" name="email" aria-label="Your email" class="form-control form-control-lg" autocomplete="email" placeholder="[email protected]" required maxlength="190">
2961                                    <div class="invalid-feedback text-start" data-error-for="email"></div>
2962                                </div>
2963                                <div class="col-md-3">
2964                                    <button data-vmp-label="vmp_blog_nl_btn" type="submit" class="btn btn-lg w-100 vmp-blog-nl-btn" data-label-default="Subscribe" data-label-sending="Subscribing…">
2965                                        <span class="vmp-blog-nl-btn__label">Subscribe</span>
2966                                        <i class="fas fa-arrow-right ms-2 vmp-blog-nl-btn__arrow"></i>
2967                                    </button>
2968                                </div>
2969                            </div>
2970
2971                            <!-- Honeypot -->
2972                            <div class="vmp-hp-field" aria-hidden="true">
2973                                <label for="vmp-blog-nl-website">Website</label>
2974                                <input type="text" id="vmp-blog-nl-website" name="website" tabindex="-1" autocomplete="off">
2975                            </div>
2976                        </form>
2977                                                <p class="vmp-newsletter-card__fineprint">By submitting, you agree to receive marketing communications regarding VMP&trade; Pass products and services.</p>
2978                    </div>
2979                </div>
2980            </div>
2981        </div>
2982    </div>
2983</section>
2984
2985<!-- Browse Other Categories -->
2986
2987
2988<style>
2989.card {
2990    transition: transform 0.3s ease, box-shadow 0.3s ease;
2991}
2992
2993.card:hover {
2994    box-shadow: 0 12px 24px rgba(0,0,0,0.2) !important;
2995}
2996
2997.blog-header .nav-link {
2998    transition: all 0.3s ease;
2999    font-weight: 500;
3000    color: #666;
3001    padding-bottom: 8px;
3002    border-bottom: 2px solid transparent;
3003    position: relative;
3004}
3005
3006.blog-header .nav-link:hover {
3007    color: var(--secondary-color) !important;
3008    border-bottom-color: var(--secondary-color) !important;
3009    font-weight: 600;
3010}
3011
3012.blog-header .nav-link.active {
3013    color: var(--primary-color) !important;
3014    font-weight: 600;
3015    border-bottom: 2px solid var(--primary-color) !important;
3016}
3017
3018.btn {
3019    transition: all 0.3s ease;
3020}
3021
3022.btn:hover {
3023    transform: translateY(-2px);
3024}
3025
3026@keyframes fadeIn {
3027    from {
3028        opacity: 0;
3029        transform: translateY(20px);
3030    }
3031    to {
3032        opacity: 1;
3033        transform: translateY(0);
3034    }
3035}
3036
3037.blog-preview .col-md-4 {
3038    animation: fadeIn 0.6s ease-out;
3039}
3040
3041/* Pagination Styling */
3042.pagination {
3043    gap: 8px;
3044}
3045
3046.pagination .page-item {
3047    list-style: none;
3048}
3049
3050.pagination .page-link {
3051    color: var(--primary-color);
3052    border: 1px solid #e0e0e0;
3053    border-radius: 6px;
3054    padding: 8px 16px;
3055    transition: all 0.3s ease;
3056    text-decoration: none;
3057}
3058
3059.pagination .page-link:hover {
3060    background-color: var(--secondary-color);
3061    color: white;
3062    border-color: var(--secondary-color);
3063    transform: translateY(-2px);
3064}
3065
3066.pagination .page-item.current .page-link,
3067.pagination .page-link.current {
3068    background-color: var(--primary-color);
3069    color: white;
3070    border-color: var(--primary-color);
3071    font-weight: 600;
3072}
3073
3074/* Card Link Styling — scoped to .blog-preview so the rule doesn't leak into
3075   the footer's CONTACT SALES column (which also uses col-md-4 and contains
3076   anchor buttons that would otherwise stretch to 100% column height). */
3077.blog-preview .col-md-4 > a {
3078    display: block;
3079    height: 100%;
3080}
3081
3082.blog-preview .col-md-4 > a:hover {
3083    text-decoration: none;
3084}
3085
3086.card-img-top {
3087    position: relative;
3088    overflow: hidden;
3089}
3090
3091.card-img-top img {
3092    transition: transform 0.3s ease;
3093}
3094
3095.card:hover .card-img-top img {
3096    transform: scale(1.05);
3097}
3098
3099/* ─── Newsletter card (blog page) ─────────────────────────────── */
3100.vmp-newsletter-card {
3101    position: relative;
3102    overflow: hidden;
3103    border-radius: 20px;
3104    padding: 56px 48px 48px;
3105    background:
3106        radial-gradient(circle at 20% 0%, rgba(0, 122, 255, 0.35) 0%, transparent 55%),
3107        radial-gradient(circle at 100% 100%, rgba(0, 122, 255, 0.18) 0%, transparent 55%),
3108        linear-gradient(135deg, var(--primary-color) 0%, var(--dark-blue-color) 100%);
3109    box-shadow:
3110        0 30px 80px rgba(25, 25, 112, 0.30),
3111        inset 0 1px 0 rgba(255, 255, 255, 0.08);
3112}
3113
3114/* Decorative dot grid background */
3115.vmp-newsletter-card__decoration {
3116    position: absolute;
3117    inset: 0;
3118    background-image: radial-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px);
3119    background-size: 28px 28px;
3120    pointer-events: none;
3121    opacity: 0.6;
3122}
3123
3124.vmp-newsletter-card__inner {
3125    position: relative;
3126    z-index: 1;
3127}
3128
3129.vmp-newsletter-card__badge {
3130    display: inline-flex;
3131    align-items: center;
3132    justify-content: center;
3133    width: 56px;
3134    height: 56px;
3135    margin-bottom: 18px;
3136    border-radius: 16px;
3137    background: rgba(255, 255, 255, 0.10);
3138    border: 1px solid rgba(255, 255, 255, 0.18);
3139    backdrop-filter: blur(4px);
3140    color: #ffffff;
3141    font-size: 1.4rem;
3142}
3143
3144.vmp-newsletter-card__title {
3145    font-size: 2rem;
3146    font-weight: 700;
3147    margin: 0 0 10px;
3148    letter-spacing: -0.02em;
3149}
3150
3151.vmp-newsletter-card__subtitle {
3152    margin: 0 auto 28px;
3153    max-width: 540px;
3154    font-size: 1rem;
3155    line-height: 1.6;
3156    color: rgba(255, 255, 255, 0.80);
3157}
3158
3159.vmp-newsletter-form--dark {
3160    max-width: 720px;
3161}
3162
3163.vmp-newsletter-form--dark .form-control {
3164    background: rgba(255, 255, 255, 0.97);
3165    border: 1.5px solid rgba(255, 255, 255, 0.18);
3166    color: #1a1a40;
3167    border-radius: 12px;
3168    height: 52px;
3169    font-size: 0.97rem;
3170    padding: 0 18px;
3171    box-shadow: 0 6px 18px rgba(15, 15, 50, 0.12);
3172    transition: border-color .25s ease, box-shadow .25s ease, transform .15s ease, background .25s ease;
3173}
3174.vmp-newsletter-form--dark .form-control::placeholder { color: #9ca3af; }
3175.vmp-newsletter-form--dark .form-control:focus {
3176    background: #fff;
3177    border-color: var(--secondary-color);
3178    box-shadow: 0 0 0 4px rgba(0, 122, 255, 0.25), 0 6px 18px rgba(15, 15, 50, 0.18);
3179    outline: none;
3180}
3181
3182/* ─── Validation visuals ─────────────────────────────────────── */
3183.vmp-newsletter-form--dark .form-control.is-invalid {
3184    border-color: #ff5d6c;
3185    background: #fff;
3186    box-shadow: 0 0 0 4px rgba(255, 93, 108, 0.25);
3187    animation: vmp-nl-shake 0.35s cubic-bezier(.36,.07,.19,.97);
3188}
3189.vmp-newsletter-form--dark .form-control.is-invalid::placeholder { color: #c8c8c8; }
3190
3191.vmp-newsletter-form--dark .invalid-feedback {
3192    display: none;
3193    color: #ffd6da;
3194    font-size: 0.85rem;
3195    font-weight: 500;
3196    margin-top: 6px;
3197    padding-left: 4px;
3198    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
3199}
3200.vmp-newsletter-form--dark .invalid-feedback::before {
3201    content: '⚠';
3202    margin-right: 6px;
3203    color: #ff8a95;
3204}
3205.vmp-newsletter-form--dark .form-control.is-invalid + .invalid-feedback { display: block; }
3206
3207@keyframes vmp-nl-shake {
3208    10%, 90% { transform: translateX(-1px); }
3209    20%, 80% { transform: translateX(2px); }
3210    30%, 50%, 70% { transform: translateX(-3px); }
3211    40%, 60% { transform: translateX(3px); }
3212}
3213
3214/* ─── Subscribe button — dark ────────────────────────────────── */
3215.vmp-blog-nl-btn {
3216    background: var(--secondary-color);
3217    color: #ffffff;
3218    font-weight: 700;
3219    border: none;
3220    border-radius: 12px;
3221    height: 52px;
3222    padding: 0 18px;
3223    white-space: nowrap;
3224    box-shadow: 0 8px 22px rgba(0, 60, 130, 0.35);
3225    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
3226    display: inline-flex;
3227    align-items: center;
3228    justify-content: center;
3229    gap: 8px;
3230}
3231.vmp-blog-nl-btn:hover,
3232.vmp-blog-nl-btn:focus {
3233    background: var(--primary-color);
3234    color: #ffffff;
3235    transform: translateY(-2px);
3236    box-shadow: 0 14px 28px rgba(25, 25, 112, 0.50);
3237}
3238.vmp-blog-nl-btn:focus {
3239    outline: 2px solid rgba(255, 255, 255, 0.6);
3240    outline-offset: 2px;
3241}
3242.vmp-blog-nl-btn:hover .vmp-blog-nl-btn__arrow { transform: translateX(2px); }
3243.vmp-blog-nl-btn:disabled {
3244    cursor: not-allowed;
3245    opacity: 0.65;
3246    transform: none;
3247    background: var(--secondary-color);
3248    box-shadow: 0 8px 22px rgba(0, 60, 130, 0.20);
3249}
3250.vmp-blog-nl-btn__arrow { transition: transform .2s ease; }
3251
3252.vmp-newsletter-card__fineprint {
3253    margin: 22px auto 0;
3254    max-width: 560px;
3255    font-size: 0.82rem;
3256    line-height: 1.5;
3257    color: rgba(255, 255, 255, 0.65);
3258}
3259
3260.vmp-newsletter-form--dark .vmp-hp-field {
3261    position: absolute; left: -10000px; top: auto;
3262    width: 1px; height: 1px; overflow: hidden;
3263}
3264
3265.vmp-newsletter-form--dark .vmp-spinner {
3266    display: inline-block;
3267    width: 14px; height: 14px;
3268    border: 2px solid rgba(25, 25, 112, 0.25);
3269    border-top-color: var(--primary-color);
3270    border-radius: 50%;
3271    animation: vmp-spin 0.8s linear infinite;
3272    margin-right: 8px;
3273    vertical-align: -2px;
3274}
3275@keyframes vmp-spin { to { transform: rotate(360deg); } }
3276
3277@media (max-width: 767px) {
3278    .vmp-newsletter-card { padding: 40px 24px 36px; border-radius: 16px; }
3279    .vmp-newsletter-card__title { font-size: 1.6rem; }
3280    .vmp-newsletter-card__subtitle { font-size: 0.95rem; }
3281    .vmp-newsletter-form--dark .form-control,
3282    .vmp-blog-nl-btn { height: 48px; }
3283}
3284</style>
3285
3286<script>
3287document.addEventListener('DOMContentLoaded', function() {
3288    // Active state is now handled by PHP based on URL parameter
3289    // Links will reload the page with the selected category filter
3290});
3291</script>
3291
3292
3293<footer class="site-footer bg-black text-white py-5 px-lg-5">
3294   <div class="container">
3295      <!-- Main Footer Navigation -->
3296      <div class="row">
3297         <!-- PRODUCTS Column -->
3298         <div class="col-lg col-md-4 col-sm-6 mb-4">
3299            <p class="text-uppercase mb-3 footer-header" role="heading" aria-level="2">PRODUCTS</p>
3300            <ul class="list-unstyled footer-links">
3301               <li class="mb-2"><a data-vmp-event="view_pricing" data-vmp-label="footer_pricing" class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/choose-plan">Pricing</a></li>
3302               <li class="mb-2"><a class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/business/">For Business</a></li>
3303               <li class="mb-2"><a class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/team-password-manager/">For Teams</a></li>
3304               <li class="mb-2"><a class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/family-password-manager/">For Families</a></li>
3305               <li class="mb-2"><a data-vmp-event="view_pricing" data-vmp-label="footer_premium_individuals" class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/premium-password-manager/">For Individuals</a></li>
3306               <li class="mb-2"><a data-vmp-event="view_pricing" data-vmp-label="footer_compare_plans" class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/compare/">Compare VMP&trade; Pass</a></li>
3307               <li class="mb-2"><a class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/features/">All Features</a></li>
3308            </ul>
3309         </div>
3310
3311         <!-- SOLUTIONS Column -->
3312         <div class="col-lg col-md-4 col-sm-6 mb-4">
3313            <p class="text-uppercase mb-3 footer-header" role="heading" aria-level="2">SOLUTIONS</p>
3314            <ul class="list-unstyled footer-links">
3315               <li class="mb-2"><a class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/password-sharing/">Password sharing</a></li>
3316               <li class="mb-2"><a class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/authentication/">Authentication</a></li>
3317               <li class="mb-2"><a class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/integrations/">Integrations</a></li>
3318               <li class="mb-2"><a class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/enterprise/">For enterprises</a></li>
3319               <li class="mb-2"><a class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/small-business-password-management/">For small businesses</a></li>
3320               <li class="mb-2"><a class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/education/">For Education Institutions</a></li>
3321               <li class="mb-2"><a class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/security-dashboard/">Security Features</a></li>
3322            </ul>
3323         </div>
3324
3325         <!-- RESOURCES Column -->
3326         <div class="col-lg col-md-4 col-sm-6 mb-4">
3327            <p class="text-uppercase mb-3 footer-header" role="heading" aria-level="2">RESOURCES</p>
3328            <ul class="list-unstyled footer-links">
3329               <li class="mb-2"><a data-vmp-event="schedule" data-vmp-label="footer_business_demo" class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/business-demo/">On-demand Demos</a></li>
3330               <li class="mb-2"><a class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/trust-center/">Trust Center</a></li>
3331               <li class="mb-2"><a class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/password-generator/">Password Generator</a></li>
3332               <li class="mb-2"><a data-vmp-event="subscribe" data-vmp-label="footer_newsletter" class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/newsletter/">Newsletter</a></li>
3333               <li class="mb-2"><a class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/blog/">All blog posts</a></li>
3334               <li class="mb-2"><a class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/password-manager/">What is a password manager?</a></li>
3335               <li class="mb-2"><a class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/how-vmp-pass-works/">How VMP&trade; Pass works</a></li>
3336               <li class="mb-2"><a class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/how-is-vmp-pass-secure/">How is VMP&trade; Pass secure?</a></li>
3337            </ul>
3338         </div>
3339
3340         <!-- SUPPORT Column -->
3341         <div class="col-lg col-md-4 col-sm-6 mb-4">
3342            <p class="text-uppercase mb-3 footer-header" role="heading" aria-level="2">SUPPORT</p>
3343            <ul class="list-unstyled footer-links">
3344               <li class="mb-2"><a class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/support/">Support Center</a></li>
3345               <li class="mb-2"><a data-vmp-event="login" data-vmp-label="footer_my_account" class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/client/login/">My account</a></li>
3346               <li class="mb-2"><a data-vmp-event="login" data-vmp-label="footer_my_vault" class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/client/login">Vault login</a></li>
3347            </ul>
3348         </div>
3349
3350         <!-- COMPANY Column -->
3351         <div class="col-lg col-md-4 col-sm-6 mb-4">
3352            <p class="text-uppercase mb-3 footer-header" role="heading" aria-level="2">COMPANY</p>
3353            <ul class="list-unstyled footer-links">
3354               <li class="mb-2"><a class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/about/">About Us</a></li>
3355               <li class="mb-2"><a class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/legal-center/">Legal Center</a></li>
3356               <li class="mb-2"><a data-vmp-event="contact" data-vmp-label="footer_contact_us" class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/contact-us/">Contact Us</a></li>
3357               <li class="mb-2"><a class="footer_ul_li_a text-white text-decoration-none" href="https://vmppass.com/why-vmp-pass/">Why VMP&trade; Pass?</a></li>
3358            </ul>
3359         </div>
3360
3361         <!-- CONTACT SALES Column -->
3362         <div class="col-lg col-md-4 col-sm-6 mb-4">
3363            <p class="text-uppercase mb-3 footer-header" role="heading" aria-level="2">CONTACT SALES</p>
3364            <p class="small mb-2 contact_sales_column_1">Discover how VMP&trade; Pass safeguards your business in real time. <a href="https://vmppass.com/business-demo" class="text-white text-decoration-none fw-bold">Schedule your demo</a> today.</p>
3365            <p class="text-white small mb-3">Want to use VMP&trade; Pass Business now? <a href="https://vmppass.com/trial-business" class="text-white text-decoration-none fw-bold">Free 7-day VMP&trade; Pass</a></p>
3366            <a href="https://vmppass.com/contact-sales" class="btn btn-outline-light btn-sm mb-3 w-100">Contact Sales</a>
3367
3368            <p class="text-uppercase mb-3 footer-header" role="heading" aria-level="2">
3368Install Extension</p>
3369            <a data-vmp-event="download" data-vmp-label="footer_download_app" href="https://vmppass.com/download" class="btn btn-light btn-sm mb-3 w-100 custom-bold-btn">
3370               <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-arrow-down-short" viewBox="0 0 16 16">
3371                  <path fill-rule="evenodd" d="M8 4a.5.5 0 0 1 .5.5v5.793l2.146-2.147a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 1 1 .708-.708L7.5 10.293V4.5A.5.5 0 0 1 8 4" />
3372               </svg> Download            </a>
3373            <div class="d-flex gap-2 flex-wrap">
3374               <a href="https://vmppass.com/download"><img src="https://vmppass.com/wp-content/themes/vmpPass/assets/images/footer_img.png" width="184" height="20" loading="lazy" decoding="async" alt="Payment methods"></a>
3375            </div>
3376         </div>
3377      </div>
3378
3379      <!-- Newsletter (inline strip — same backend as the modal, source=footer_inline) -->
3380      <div class="row">
3381         <div class="col-lg-8 col-xl-6 mx-auto">
3382            <div class="vmp-nl-box vmp-nl-box--dark" id="vmp-nl-box-2">
3383      <p class="vmp-nl-box__title">🔐 Stay one breach ahead</p>
3384   <p class="vmp-nl-box__sub">Security tips, product updates, and a 5-minute password mission — once a week, no spam.</p>
3385   <form data-vmp-form="vmp_nl_box_form" class="vmp-nl-box__form" action="https://vmppass.com/wp-admin/admin-ajax.php" method="post" novalidate
3386         data-msg-success="✅ You&#039;re in — check your inbox for a welcome note."
3387         data-msg-invalid="Please enter a valid email address."
3388         data-msg-error="Something went wrong — please try again in a minute.">
3389      <input type="hidden" name="vmp_newsletter_nonce" value="b173c19efd">
3390      <input type="hidden" name="action" value="vmp_submit_newsletter">
3391      <input type="hidden" name="form_type" value="newsletter">
3392      <input type="hidden" name="source" value="footer_inline">
3393      <input type="hidden" name="lang" value="en">
3394      <input type="email" name="email" inputmode="email" autocomplete="email" placeholder="[email protected]" aria-label="[email protected]" maxlength="190" required>
3395      <button type="submit" data-vmp-event="subscribe" data-vmp-label="newsletter_box_submit" data-vmp-item="footer_inline">Subscribe</button>
3396   </form>
3397   <p class="vmp-nl-box__msg" aria-live="polite"></p>
3398   <p class="vmp-nl-box__privacy">We never share your email. Unsubscribe anytime with one click.</p>
3399</div>
3400             </div>
3401      </div>
3402
3403      <!-- Social Media Icons -->
3404      <div class="row mt-4 pt-4 border-bottom border-secondary">
3405         <div class="col-12">
3406            <style>
3407               /* Inline-SVG social icons (the bundled Font Awesome ships no fa-brands
3408                  font, so `fab fa-*` glyphs render as empty boxes here). currentColor
3409                  lets Bootstrap's text-white-50 tint them; full white on hover/focus. */
3410               .social-icons-footer a { display: inline-flex; transition: color .2s ease; }
3411               .social-icons-footer a:hover,
3412               .social-icons-footer a:focus-visible { color: #fff !important; outline: none; }
3413               .social-icons-footer svg { display: block; width: 20px; height: 20px; }
3414            </style>
3415            <div class="d-flex gap-3 mb-4 flex-wrap align-items-center social-icons-footer">
3416               <a href="https://www.facebook.com/vmpBrands" class="text-white-50" target="_blank" rel="noopener noreferrer" aria-label="Facebook"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false"><path d="M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z"/></svg></a>
3417               <a href="https://x.com/VMPPrivacy" class="text-white-50" target="_blank" rel="noopener noreferrer" aria-label="X (Twitter)"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false">
3417<path d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z"/></svg></a>
3418               <a href="https://www.instagram.com/vmpprivacy/" class="text-white-50" target="_blank" rel="noopener noreferrer" aria-label="Instagram"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false"><path d="M7.0301.084c-1.2768.0602-2.1487.264-2.911.5634-.7888.3075-1.4575.72-2.1228 1.3877-.6652.6677-1.075 1.3368-1.3802 2.127-.2954.7638-.4956 1.6365-.552 2.914-.0564 1.2775-.0689 1.6882-.0626 4.947.0062 3.2586.0206 3.6671.0825 4.9473.061 1.2765.264 2.1482.5635 2.9107.308.7889.72 1.4573 1.388 2.1228.6679.6655 1.3365 1.0743 2.1285 1.38.7632.295 1.6361.4961 2.9134.552 1.2773.056 1.6884.069 4.9462.0627 3.2578-.0062 3.668-.0207 4.9478-.0814 1.28-.0607 2.147-.2652 2.9098-.5633.7889-.3086 1.4578-.72 2.1228-1.3881.665-.6682 1.0745-1.3378 1.3795-2.1284.2957-.7632.4966-1.636.552-2.9124.056-1.2809.0692-1.6898.063-4.948-.0063-3.2583-.021-3.6668-.0817-4.9465-.0607-1.2797-.264-2.1487-.5633-2.9117-.3084-.7889-.72-1.4568-1.3876-2.1228C21.2982 1.33 20.628.9208 19.8378.6165 19.074.321 18.2017.1197 16.9244.0645 15.6471.0093 15.236-.005 11.977.0014 8.718.0076 8.31.0215 7.0301.0839m.1402 21.6932c-1.17-.0509-1.8053-.2453-2.2287-.408-.5606-.216-.96-.4771-1.3819-.895-.422-.4178-.6811-.8186-.9-1.378-.1644-.4234-.3624-1.058-.4171-2.228-.0595-1.2645-.072-1.6442-.079-4.848-.007-3.2037.0053-3.583.0607-4.848.05-1.169.2456-1.805.408-2.2282.216-.5613.4762-.96.895-1.3816.4188-.4217.8184-.6814 1.3783-.9003.423-.1651 1.0575-.3614 2.227-.4171 1.2655-.06 1.6447-.072 4.848-.079 3.2033-.007 3.5835.005 4.8495.0608 1.169.0508 1.8053.2445 2.228.408.5608.216.96.4754 1.3816.895.4217.4194.6816.8176.9005 1.3787.1653.4217.3617 1.056.4169 2.2263.0602 1.2655.0739 1.645.0796 4.848.0058 3.203-.0055 3.5834-.061 4.848-.051 1.17-.245 1.8055-.408 2.2294-.216.5604-.4763.96-.8954 1.3814-.419.4215-.8181.6811-1.3783.9-.4224.1649-1.0577.3617-2.2262.4174-1.2656.0595-1.6448.072-4.8493.079-3.2045.007-3.5825-.006-4.848-.0608M16.953 5.5864A1.44 1.44 0 1 0 18.39 4.144a1.44 1.44 0 0 0-1.437 1.4424M5.8385 12.012c.0067 3.4032 2.7706 6.1557 6.173 6.1493 3.4026-.0065 6.157-2.7701 6.1506-6.1733-.0065-3.4032-2.771-6.1565-6.174-6.1498-3.403.0067-6.156 2.771-6.1496 6.1738M8 12.0077a4 4 0 1 1 4.008 3.9921A3.9996 3.9996 0 0 1 8 12.0077"/></svg></a>
3419               <a href="https://www.youtube.com/@VMP-G-f5y" class="text-white-50" target="_blank" rel="noopener noreferrer" aria-label="YouTube"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg></a>
3420               <a href="https://www.tiktok.com/@vpnmasterpro" class="text-white-50" target="_blank" rel="noopener noreferrer" aria-label="TikTok"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false"><path d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"/></svg></a>
3421               <a href="https://www.threads.com/@vmpprivacy" class="text-white-50" target="_blank" rel="noopener noreferrer" aria-label="Threads"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false"><path d="M12.186 24h-.007c-3.581-.024-6.334-1.205-8.184-3.509C2.35 18.44 1.5 15.586 1.472 12.01v-.01
34217c.03-3.579.879-6.43 2.525-8.482C5.845 1.205 8.6.024 12.18 0h.014c2.746.02 5.043.725 6.826 2.098 1.677 1.29 2.858 3.13 3.509 5.467l-2.04.569c-1.104-3.96-3.898-5.984-8.304-6.015-2.91.022-5.11.936-6.54 2.717C4.307 6.504 3.616 8.914 3.589 12c.027 3.086.718 5.496 2.057 7.164 1.43 1.783 3.631 2.698 6.54 2.717 2.623-.02 4.358-.631 5.8-2.045 1.647-1.613 1.618-3.593 1.09-4.798-.31-.71-.873-1.3-1.634-1.75-.192 1.352-.622 2.446-1.284 3.272-.886 1.102-2.14 1.704-3.73 1.79-1.202.065-2.361-.218-3.259-.801-1.063-.689-1.685-1.74-1.752-2.964-.065-1.19.408-2.285 1.33-3.082.88-.76 2.119-1.207 3.583-1.291a13.853 13.853 0 0 1 3.02.142c-.126-.742-.375-1.332-.75-1.757-.513-.586-1.308-.883-2.359-.89h-.029c-.844 0-1.992.232-2.721 1.32L7.734 7.847c.98-1.454 2.568-2.256 4.478-2.256h.044c3.194.02 5.097 1.975 5.287 5.388.108.046.216.094.321.142 1.49.7 2.58 1.761 3.154 3.07.797 1.82.871 4.79-1.548 7.158-1.85 1.81-4.094 2.628-7.277 2.65Zm1.003-11.69c-.242 0-.487.007-.739.021-1.836.103-2.98.946-2.916 2.143.067 1.256 1.452 1.839 2.784 1.767 1.224-.065 2.818-.543 3.086-3.71a10.5 10.5 0 0 0-2.215-.221z"/></svg></a>
3422               <a href="https://www.pinterest.com/vmpprivacy/" class="text-white-50" target="_blank" rel="noopener noreferrer" aria-label="Pinterest"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false"><path d="M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026L12.017 0z"/></svg></a>
3423               <a href="https://www.quora.com/profile/Andrew-Arnault-2" class="text-white-50" target="_blank" rel="noopener noreferrer" aria-label="Quora"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false"><path d="M7.3799.9483A11.9628 11.9628 0 0 1 21.248 19.5397l2.4096 2.4225c.7322.7362.21 1.9905-.8272 1.9905l-10.7105.01a12.52 12.52 0 0 1-.304 0h-.02A11.9628 11.9628 0 0 1 7.3818.9503Zm7.3217 4.428a7.1717 7.1717 0 1 0-5.4873 13.2512 7.1717 7.1717 0 0 0 5.4883-13.2511Z"/></svg></a>
3424               <a href="https://bsky.app/profile/vmpprivacy.bsky.social" class="text-white-50" target="_blank" rel="noopener noreferrer" aria-label="Bluesky"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false"><path d="M12 10.8c-1.087-2.114-4.046-6.053-6.798-7.995C2.566.944 1.561 1.266.902 1.565.139 1.908 0 3.08 0 3.768c0 .69.378 5.65.624 6.479.815 2.736 3.713 3.66 6.383 3.364.136-.02.275-.039.415-.056-.138.022-.276.04-.415.056-3.912.58-7.387 2.005-2.83 7.078 5.013 5.19 6.87-1.113 7.823-4.308.953 3.195 2.05 9.271 7.733 4.308 4.267-4.308 1.172-6.498-2.74-7.078a8.741 8.741 0 0 1-.415-.056c.14.017.279.036.415.056 2.67.297 5.568-.628 6.383-3.364.246-.828.624-5.79.624-6.478 0-.69-.139-1.861-.902-2.206-.659-.298-1.664-.62-4.3 1.24C16.046 4.748 13.087 8.687 12 10.8Z"/></svg></a>
3425            </div>
3426         </div> 
3427      </div>
3428
3429      <!-- Footer Bottom Bar -->
3430      <div class="row mt-3">
3431         <div class="col-lg-9 col-md-8 mb-3 mb-md-0">
3432            <p class="text-white small mb-2 terms-text-footer">
3433               © 2026 VMP&trade; Pass US LP. All rights reserved.
3434               <a href="https://vmppass.com/privacy-policy" class="text-white text-decoration-none ms-3">Privacy Policy</a>
3435               <a href="https://vmppass.com/terms-and-conditions" class="text-white text-decoration-none ms-3">Terms of Service</a>
3436               <a href="https://vmppass.com/cookie-preferences" class="text-white text-decoration-none ms-3">Cookie Preferences</a>
3437               <a href="https://vmppass.com/your-privacy-choices" class="text-white text-decoration-none ms-3">Your Privacy Choices</a>
3438            </p>
3439         </div>
3440         <div class="col-lg-3 col-md-4 text-md-end">
3441                           <div class="dropdown lang-switcher-dropdown">
3442                  <button class="btn btn-link text-white text-decoration-none d-flex align-items-center p-0 lang-switcher-btn"
3443                     type="button"
3444                     id="langSwitcherBtnFooter"
3445                     data-bs-toggle="dropdown"
3446                     aria-expanded="false"
3447                     aria-label="Select language">
3448                     <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" style="flex-shrink:0;">
3449                        <path d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m7.5-6.923c-.67.204-1.335.82-1.887 1.855A8 8 0 0 0 5.145 4H7.5zM4.09 4a9.3 9.3 0 0 1 .64-1.539 7 7 0 0 1 .597-.933A7.03 7.03 0 0 0 2.255 4zm-.582 3.5c.03-.877.138-1.718.312-2.5H1.674a7 7 0 0 0-.656 2.5zM4.847 5a12.5 12.5 0 0 0-.338 2.5H7.5V5zM8.5 5v2.5h2.99a12.5 12.5 0 0 0-.337-2.5zM4.51 8.5a12.5 12.5 0 0 0 .337 2.5H7.5V8.5zm3.99 0V11h2.653c.187-.765.306-1.608.338-2.5zM5.145 12q.208.58.468 1.068c.552 1.035 1.218 1.65 1.887 1.855V12zm.182 2.472a7 7 0 0 1-.597-.933A9.3 9.3 0 0 1 4.09 12H2.255a7 7 0 0 0 3.072 2.472M3.82 11a13.7 13.7 0 0 1-.312-2.5h-2.49c.062.89.291 1.733.656 2.5zm6.853 3.472A7 7 0 0 0 13.745 12H11.91a9.3 9.3 0 0 1-.64 1.539 7 7 0 0 1-.597.933M8.5 12v2.923c.67-.204 1.335-.82 
34491.887-1.855q.26-.487.468-1.068zm3.68-1h2.146c.365-.767.594-1.61.656-2.5h-2.49a13.7 13.7 0 0 1-.312 2.5m2.802-3.5a7 7 0 0 0-.656-2.5H12.18c.174.782.282 1.623.312 2.5zM11.27 2.461c.247.464.462.98.64 1.539h1.835a7 7 0 0 0-3.072-2.472c.218.284.418.598.597.933M10.855 4a8 8 0 0 0-.468-1.068C9.835 1.897 9.17 1.282 8.5 1.077V4z"/>
3450                     </svg>
3451                     <span class="lang-switcher-label">EN</span>
3452                     <svg class="lang-switcher-caret" width="10" height="10" viewBox="0 0 16 16" fill="none" aria-hidden="true">
3453                        <path d="M4 6L8 10L12 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3454                     </svg>
3455                  </button>
3456                  <ul class="dropdown-menu lang-switcher-menu dropdown-menu-end" aria-labelledby="langSwitcherBtnFooter">
3457                                          <li><a data-vmp-event="select_content" data-vmp-label="language_switch_en" class="dropdown-item lang-option active"
3458                            href="https://vmppass.com/blog/"
3459                            data-lang="en"
3460                            lang="en"
3461                            dir="ltr"
3462                            aria-current="true">English ✓</a></li>
3463                                          <li><a data-vmp-event="select_content" data-vmp-label="language_switch_es" class="dropdown-item lang-option"
3464                            href="https://vmppass.com/es/blog/"
3465                            data-lang="es"
3466                            lang="es"
3467                            dir="ltr"
3468                            >Español</a></li>
3469                                          <li><a data-vmp-event="select_content" data-vmp-label="language_switch_de" class="dropdown-item lang-option"
3470                            href="https://vmppass.com/de/blog/"
3471                            data-lang="de"
3472                            lang="de"
3473                            dir="ltr"
3474                            >Deutsch</a></li>
3475                                          <li><a data-vmp-event="select_content" data-vmp-label="language_switch_fr" class="dropdown-item lang-option"
3476                            href="https://vmppass.com/fr/blog/"
3477                            data-lang="fr"
3478                            lang="fr"
3479                            dir="ltr"
3480                            >Français</a></li>
3481                                          <li><a data-vmp-event="select_content" data-vmp-label="language_switch_it" class="dropdown-item lang-option"
3482                            href="https://vmppass.com/it/blog/"
3483                            data-lang="it"
3484                            lang="it"
3485                            dir="ltr"
3486                            >Italiano</a></li>
3487                                          <li><a data-vmp-event="select_content" data-vmp-label="language_switch_nl" class="dropdown-item lang-option"
3488                            href="https://vmppass.com/nl/blog/"
3489                            data-lang="nl"
3490                            lang="nl"
3491                            dir="ltr"
3492                            >Nederlands</a></li>
3493                                          <li><a data-vmp-event="select_content" data-vmp-label="language_switch_pt" class="dropdown-item lang-option"
3494                            href="https://vmppass.com/pt/blog/"
3495                            data-lang="pt"
3496                            lang="pt"
3497                            dir="ltr"
3498                            >Português</a></li>
3499                                          <li><a data-vmp-event="select_content" data-vmp-label="language_switch_ru" class="dropdown-item lang-option"
3500                            href="https://vmppass.com/ru/blog/"
3501                            data-lang="ru"
3502                            lang="ru"
3503                            dir="ltr"
3504                            >Русский</a></li>
3505                                          <li><a data-vmp-event="select_content" data-vmp-label="language_switch_fa" class="dropdown-item lang-option"
3506                            href="https://vmppass.com/fa/blog/"
3507                            data-lang="fa"
3508                            lang="fa"
3509                            dir="rtl"
3510                            >فارسی</a></li>
3511                                       </ul>
3512               </div>
3513             </div>
3514      </div>
3515   </div>
3516</footer>
3517
3518<!-- VMP&trade; Pass Modal -->
3519<div class="modal fade" id="vmpPassModal" tabindex="-1" aria-labelledby="vmpPassModalLabel" aria-hidden="true">
3520   <div class="modal-dialog modal-dialog-centered modal-xl">
3521      <div class="modal-content vmp-modal-content">
3522         <button data-vmp-label="close" type="button" class="btn-close vmp-modal-close" data-bs-dismiss="modal" aria-label="Close">
3523            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3524               <path d="M18 6L6 18M6 6L18 18" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
3525            </svg>
3526         </button>
3527         <div class="modal-body p-0">
3528            <div class="vmp-modal-container">
3529               <!-- Business Plan -->
3530               <div style="background: #fff; border-radius: 14px;">
3531                  <div class="vmp-plan-card vmp-business-card">
3532                     <div class="vmp-plan-image">
3533                        <img src="https://vmppass.com/wp-content/themes/vmpPass/assets/images/Free.webp" alt="Business Plan" class="img-fluid">
3534                     </div>
3535                     <div class="vmp-plan-content">
3536                        <h2 class="vmp-plan-title">Business</h2>
3537                        <p class="vmp-plan-description">Unlimited users, Admin Console, SSO/SAML, SCIM 2.0 directory sync, and SOC 2/HIPAA/GDPR.</p>
3538                        <a data-vmp-event="start_trial" data-vmp-label="footer_plan_business" href="https://vmppass.com/client/login" class="vmp-plan-btn vmp-business-btn">Free 7-day VMP&trade; Pass</a>
3539                     </div>
3540                  </div>
3541               </div>
3542
3543               <div style="background: #fff; border-radius: 14px;">
3544                  <div class="vmp-plan-card vmp-business-card">
3545                     <div class="vmp-plan-image">
3546                        <img src="https://vmppass.com/wp-content/themes/vmpPass/assets/images/Premium.webp" alt="Business Plan" class="img-fluid">
3547                     </div>
3548                     <div class="vmp-plan-content">
3549                        <h2 class="vmp-plan-title">Personal</h2>
3550                        <p class="vmp-plan-description">Premium multi-device vault for one person with unlimited passwords, payment cards, and notes across 11 record types.</p>
3551                        <a data-vmp-event="start_trial" data-vmp-label="footer_plan_personal" href="https://vmppass.com/client/login" class="vmp-plan-btn vmp-personal-btn">Free 7-day VMP&trade; Pass</a>
3552                     </div>
3553                  </div>
3554               </div>
3555            </div>
3556         </div>
3557      </div>
3558   </div>
3559</div>
3560
3561<!-- Notification Modal -->
3562<div class="modal fade" id="notificationModal" tabindex="-1" aria-labelledby="notificationModalLabel" aria-hidden="true">
3563   <div class="modal-dialog modal-dialog-centered">
3564      <div class="modal-content">
3565         <div class="modal-header">
3566            <h5 class="modal-title" id="notificationModalLabel">Subscribe</h5>
3567            <button data-vmp-label="close_1" type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
3568         </div>
3569         <div class="modal-body">
3570            <p class="text-muted small mb-3">Get product updates and security tips delivered straight to your inbox.</p>
3571            <form data-vmp-form="vmp_newsletter_form" id="vmp-newsletter-form" class="vmp-newsletter-form" novalidate>
3572               <input type="hidden" id="vmp_newsletter_nonce" name="vmp_newsletter_nonce" value="b173c19efd" /><input type="hidden" name="_wp_http_referer" value="/blog/" />               <input type="hidden" name="action" value="vmp_submit_newsletter">
3573               <input type="hidden" name="form_type" value="newsletter">
3574               <input type="hidden" name="source" value="footer_modal">
3575               <input type="hidden" name="lang" value="en">
3576
3577               <div class="mb-3">
3578                  <label for="vmp-nl-name" class="form-label small fw-semibold">Name (optional)</label>
3579                  <input type="text" id="vmp-nl-name" name="name" class="form-control" autocomplete="name" placeholder="Your name" maxlength="120">
3580                  <div class="invalid-feedback" data-error-for="name"></div>
3581               </div>
3582
3583               <div class="mb-3">
3584                  <label for="vmp-nl-email" class="form-label small fw-semibold">Email address</label>
3585                  <input type="email" id="vmp-nl-email" name="email" class="form-control" autocomplete="email" placeholder="[email protected]" required maxlength="190">
3586                  <div class="invalid-feedback" data-error-for="email"></div>
3587               </div>
3588
3589               <!-- Honeypot -->
3590               <div class="vmp-hp-field" aria-hidden="true">
3591                  <label for="vmp-nl-website">Website</label>
3592                  <input type="text" id="vmp-nl-website" name="website" tabindex="-1" autocomplete="off">
3593               </div>
3594
3595               <button data-vmp-label="footer_btn_2" type="submit" class="btn btn-primary w-100" data-label-default="Subscribe" data-label-sending="Subscribing…">
3596                  Subscribe               </button>
3597            </form>
3598         </div>
3599         <div class="modal-footer">
3600            <button data-vmp-label="footer_btn_3" type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
3601         </div>
3602      </div>
3603   </div>
3604</div>
3605
3606<!-- Contact Sales Modal -->
3607<div class="modal fade" id="contactSalesModal" tabindex="-1" aria-labelledby="contactSalesModalLabel" aria-hidden="true">
3608   <div class="modal-dialog modal-dialog-centered">
3609      <div class="modal-content">
3610         <div class="modal-header">
3611            <h5 class="modal-title" id="contactSalesModalLabel">Contact Sales</h5>
3612            <button data-vmp-label="close_4" type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
3613         </div>
3614         <div class="modal-body">
3615            
3616<div class="wpcf7 no-js" id="wpcf7-f286-o1" lang="en-US" dir="ltr" data-wpcf7-id="286">
3617<div class="screen-reader-response">
3617<p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div>
3618<form action="/blog/#wpcf7-f286-o1" method="post" class="wpcf7-form init" aria-label="Contact form" novalidate="novalidate" data-status="init">
3619<fieldset class="hidden-fields-container"><input type="hidden" name="_wpcf7" value="286" /><input type="hidden" name="_wpcf7_version" value="6.1.6" /><input type="hidden" name="_wpcf7_locale" value="en_US" /><input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f286-o1" /><input type="hidden" name="_wpcf7_container_post" value="0" /><input type="hidden" name="_wpcf7_posted_data_hash" value="" />
3620</fieldset>
3621<div class="mb-4">
3622	<p><label class="form-label" style="color: #4a4a4a; font-weight: 500;">Enter your name:</label><br />
3623<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 form-control" aria-required="true" aria-invalid="false" placeholder="Your Name" value="" type="text" name="your-name" /></span>
3624	</p>
3625</div>
3626<div class="mb-4">
3627	<p><label class="form-label" style="color: #4a4a4a; font-weight: 500;">Enter the email address:</label><br />
3628<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 form-control" aria-required="true" aria-invalid="false" placeholder="Your Email" value="" type="email" name="your-email" /></span>
3629	</p>
3630</div>
3631<div class="mb-4">
3632	<p><label class="form-label" style="color: #4a4a4a; font-weight: 500;">Enter the subject:</label><br />
3633<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 form-control" aria-required="true" aria-invalid="false" placeholder="Subject" value="" type="text" name="your-subject" /></span>
3634	</p>
3635</div>
3636<div class="mb-4">
3637	<p><label class="form-label" style="color: #4a4a4a; font-weight: 500;">Enter your message:</label><br />
3638<span class="wpcf7-form-control-wrap" data-name="your-message"><textarea cols="40" rows="10" maxlength="2000" class="wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required form-control" aria-required="true" aria-invalid="false" placeholder="Your Message" name="your-message"></textarea></span>
3639	</p>
3640</div>
3641<div class="text-center">
3642	<p><input class="wpcf7-form-control wpcf7-submit has-spinner btn btn-lg px-5 contact_submit" type="submit" value="Send Message" />
3643	</p>
3644</div><div class="wpcf7-response-output" aria-hidden="true"></div>
3645</form>
3646</div>
3647         </div>
3648         <div class="modal-footer">
3649            <button data-vmp-label="footer_btn_5" type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
3650         </div>
3651      </div>
3652   </div>
3653</div>
3654
3655<!-- Feedback Modal -->
3656<div class="modal fade" id="feedbackModal" tabindex="-1" aria-labelledby="feedbackModalLabel" aria-hidden="true">
3657   <div class="modal-dialog modal-dialog-centered">
3658      <div class="modal-content" style="border-radius: 12px; border: none;">
3659         <div class="modal-header border-0 pb-0">
3660            <button data-vmp-label="feedbackmodalclose" type="button" class="btn-close" id="feedbackModalClose" aria-label="Close"></button>
3661         </div>
3662         <div class="modal-body px-1 pb-4 pt-2">
3663            <h6 class="text-center mb-4" style="color: #333; font-size: 16px; font-weight: 400; line-height: 1.5;">How would you rate your experience on this website?</h6>
3664
3665            <div class="emoji-rating d-flex justify-content-center gap-3 mb-4">
3666               <button data-vmp-label="emoji_btn" type="button" class="emoji-btn" data-rating="angry" title="Very Dissatisfied">
3667                  <span style="font-size: 30px;">😠</span>
3668               </button>
3669               <button data-vmp-label="emoji_btn_6" type="button" class="emoji-btn" data-rating="sad" title="Dissatisfied">
3670                  <span style="font-size: 30px;">😞</span>
3671               </button>
3672               <button data-vmp-label="emoji_btn_7" type="button" class="emoji-btn" data-rating="neutral" title="Neutral">
3673                  <span style="font-size: 30px;">😐</span>
3674               </button>
3675               <button data-vmp-label="emoji_btn_8" type="button" class="emoji-btn" data-rating="happy" title="Satisfied">
3676                  <span style="font-size: 30px;">😊</span>
3677               </button>
3678               <button data-vmp-label="emoji_btn_9" type="button" class="emoji-btn" data-rating="love" title="Very Satisfied">
3679                  <span style="font-size: 30px;">😍</span>
3680               </button>
3681            </div>
3682
3683            <!-- Feedback Questions Section (Hidden by default) -->
3684            <div id="feedbackQuestions" class="feedback-questions" style="display: none; max-height: 0; overflow: hidden; transition: max-height 0.5s ease-in-out;">
3685               <div class="feedback-form-content px-3">
3686                  <!-- Question 1 -->
3687                  <div class="mb-4">
3688                     <label class="form-label" style="color: #333; font-size: 14px; font-weight: 500;">How did you hear about VMP&trade; Pass?</label>
3689                     <div class="form-check mb-2">
3690                        <input class="form-check-input" type="radio" name="hearAbout" id="hearSearch" value="search">
3691                        <label class="form-check-label" for="hearSearch" style="font-size: 14px; color: #555;">
3692                           AI results in traditional search (web browser)                        </label>
3693                     </div>
3694                     <div class="form-check mb-2">
3695                        <input class="form-check-input" type="radio" name="hearAbout" id="hearBrowser" value="browser">
3696                        <label class="form-check-label" for="hearBrowser" style="font-size: 14px; color: #555;">
3697                           Web Browser search results (blue links)                        </label>
3698                     </div>
3699                     <div class="form-check mb-2">
3700                        <input class="form-check-input" type="radio" name="hearAbout" id="hearAI" value="ai">
3701                        <label class="form-check-label" for="hearAI" style="font-size: 14px; color: #555;">
3702                           AI chat tool (application like ChatGPT)                        </label>
3703                     </div>
3704                     <div class="form-check mb-2">
3705                        <input class="form-check-input" type="radio" name="hearAbout" id="hearSocial" value="social">
3706                        <label class="form-check-label" for="hearSocial" style="font-size: 14px; color: #555;">
3707                           Social Media (e.g. Facebook, LinkedIn, X, etc.)                        </label>
3708                     </div>
3709                     <div class="form-check mb-2">
3710                        <input class="form-check-input" type="radio" name="hearAbout" id="hearDirect" value="direct">
3711                        <label class="form-check-label" for="hearDirect" style="font-size: 14px; color: #555;">
3712                           Direct URL / Bookmark                        </label>
3713                     </div>
3714                     <div class="form-check mb-2">
3715                        <input class="form-check-input" type="radio" name="hearAbout" id="hearReferral" value="referral">
3716                        <label class="form-check-label" for="hearReferral" style="font-size: 14px; color: #555;">
3717                           Referral from another website                        </label>
3718                     </div>
3719                     <div class="form-check mb-2">
3720                        <input class="form-check-input" type="radio" name="hearAbout" id="hearWord" value="word">
3721                        <label class="form-check-label" for="hearWord" style="font-size: 14px; color: #555;">
3722                           Word of mouth                        </label>
3723                     </div>
3724                     <div class="form-check mb-2">
3725                        <input class="form-check-input" type="radio" name="hearAbout" id="hearOther" value="other">
3726                        <label class="form-check-label" for="hearOther" style="font-size: 14px; color: #555;">
3727                           Other                        </label>
3728                     </div>
3729                  </div>
3730
3731                  <!-- Question 2 -->
3732                  <div class="mb-4">
3733                     <label class="form-label" style="color: #333; font-size: 14px; font-weight: 500;">What type of products or services are you interested in?</label>
3734                     <div class="form-check mb-2">
3735                        <input class="form-check-input" type="radio" name="productInterest" id="productPersonal" value="personal">
3736                        <label class="form-check-label" for="productPersonal" style="font-size: 14px; color: #555;">
3737                           Personal security products                        </label>
3738                     </div>
3739                     <div class="form-check mb-2">
3740                        <input class="form-check-input" type="radio" name="productInterest" id="productBusiness" value="business">
3741                        <label class="form-check-label" for="productBusiness" style="font-size: 14px; color: #555;">
3742                           Business security solutions                        </label>
3743                     </div>
3744                     <div class="form-check mb-2">
3745                        <input class="form-check-input" type="radio" name="productInterest" id="productSupport" value="support">
3746                        <label class="form-check-label" for="productSupport" style="font-size: 14px; color: #555;">
3747                           Customer Support                        </label>
3748                     </div>
3749                     <div class="form-check mb-2">
3750                        <input class="form-check-input" type="radio" name="productInterest" id="productSales" value="sales">
3751                        <label class="form-check-label" for="productSales" style="font-size: 14px; color: #555;">
3752                           Get in touch with Sales Team                        </label>
3753                     </div>
3754                     <div class="form-check mb-2">
3755                        <input class="form-check-input" type="radio" name="productInterest" id="productOther" value="other">
3756                        <label class="form-check-label" for="productOther" style="font-size: 14px; color: #555;">
3757                           Other                        </label>
3758                     </div>
3759                  </div>
3760
3761                  <!-- Submit Button Placeholder -->
3762                  <div class="d-grid">
3763                     <button data-vmp-label="submitfeedback" type="button" class="btn btn-primary" id="submitFeedback">Submit Feedback</button>
3764                  </div>
3765               </div>
3766            </div>
3767
3768            <!-- Result message (sibling of #feedbackQuestions so it isn't clipped
3769                 by that container's overflow:hidden + animated max-height). -->
3770            <div id="feedbackResult" class="mt-3 small text-center px-3" role="status" aria-l
3770ive="polite" style="display:none;"></div>
3771
3772         </div>
3773      </div>
3774   </div>
3775</div>
3776
3777<style>
3778   .emoji-btn {
3779      background: none;
3780      border: none;
3781      padding: 8px;
3782      cursor: pointer;
3783      transition: transform 0.2s ease;
3784      border-radius: 8px;
3785   }
3786
3787   .emoji-btn:hover {
3788      transform: scale(1.15);
3789      background-color: #f8f9fa;
3790   }
3791
3792   .emoji-btn:active {
3793      transform: scale(1.05);
3794   }
3795
3796   .emoji-btn span {
3797      display: block;
3798      line-height: 1;
3799   }
3800
3801   #feedbackModal .modal-content {
3802      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
3803   }
3804
3805   .feedback-questions {
3806      transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out;
3807      opacity: 0;
3808   }
3809
3810   .feedback-questions.show {
3811      opacity: 1;
3812   }
3813
3814   .feedback-form-content {
3815      padding-top: 10px;
3816   }
3817
3818   .form-check {
3819      padding-left: 1.5em;
3820   }
3821
3822   .form-check-input {
3823      cursor: pointer;
3824      margin-top: 0.25em;
3825   }
3826
3827   .form-check-label {
3828      cursor: pointer;
3829      line-height: 1.5;
3830   }
3831
3832   .form-check-input:checked {
3833      background-color: #0d6efd;
3834      border-color: #0d6efd;
3835   }
3836
3837   #feedbackModal .modal-dialog {
3838      transition: max-width 0.3s ease;
3839      transform: translate(0, 0) !important;
3840   }
3841
3842   .emoji-btn.selected {
3843      background-color: #e3f2fd;
3844      transform: scale(1.1);
3845   }
3846</style>
3847
3848<script>
3849   document.addEventListener('DOMContentLoaded', function() {
3850      const emojiButtons = document.querySelectorAll('.emoji-btn');
3851      const feedbackQuestions = document.getElementById('feedbackQuestions');
3852      let selectedRating = null;
3853
3854      emojiButtons.forEach(button => {
3855         button.addEventListener('click', function() {
3856            const rating = this.getAttribute('data-rating');
3857            selectedRating = rating;
3858
3859            // Remove selected class from all buttons
3860            emojiButtons.forEach(btn => btn.classList.remove('selected'));
3861
3862            // Add selected class to clicked button
3863            this.classList.add('selected');
3864
3865            // Show feedback questions with smooth animation
3866            if (feedbackQuestions.style.display === 'none' || feedbackQuestions.style.display === '') {
3867               feedbackQuestions.style.display = 'block';
3868
3869               // Force reflow to ensure transition works
3870               feedbackQuestions.offsetHeight;
3871
3872               // Set max-height for smooth animation
3873               feedbackQuestions.style.maxHeight = feedbackQuestions.scrollHeight + 'px';
3874               feedbackQuestions.classList.add('show');
3875            }
3876         });
3877      });
3878
3879      const feedbackModalEl = document.getElementById('feedbackModal');
3880
3881      const feedbackModal = bootstrap.Modal.getOrCreateInstance(feedbackModalEl);
3882
3883      const feedbackModalCloseBtn = document.getElementById('feedbackModalClose');
3884
3885      /* ✅ reusable reset function */
3886      function resetFeedbackForm() {
3887
3888         document.querySelectorAll('.emoji-rating button.selected').forEach(btn => {
3889            btn.classList.remove('selected');
3890         });
3891
3892         document.querySelectorAll('.form-check-input[type="radio"]').forEach(input => {
3893            input.checked = false;
3894         });
3895
3896         if (typeof feedbackQuestions !== 'undefined') {
3897            feedbackQuestions.style.display = "none";
3898         }
3899      }
3900
3901      /* close button */
3902      feedbackModalCloseBtn.addEventListener('click', function() {
3903         feedbackModal.hide();
3904      });
3905
3906      /* runs on ANY modal close (outside click, ESC, JS hide, button) */
3907      feedbackModalEl.addEventListener('hidden.bs.modal', resetFeedbackForm);
3908
3909      /* Move focus off any descendant before Bootstrap re-applies aria-hidden,
3910         to avoid the "Blocked aria-hidden on an element because its descendant
3911         retained focus" accessibility warning. */
3912      feedbackModalEl.addEventListener('hide.bs.modal', function () {
3913         if (document.activeElement && feedbackModalEl.contains(document.activeElement)) {
3914            document.activeElement.blur();
3915         }
3916      });
3917
3918
3919      // Submit feedback placeholder
3920      const submitButton = document.getElementById('submitFeedback');
3921      if (submitButton) {
3922
3923         const feedback = document.querySelector("#feedbackQuestions");
3924
3925         if (feedback) {
3926            feedback.style.backgroundColor = "#f5f5f5";
3927            feedback.style.padding = "20px";
3928            feedback.style.border = "1px solid #ddd";
3929            feedback.style.borderRadius = "10px";
3930         }
3931
3932         const resultEl = document.getElementById('feedbackResult');
3933         function showResult(message, isError) {
3934            if (!resultEl) return;
3935            resultEl.style.display = 'block';
3936            resultEl.style.color = isError ? '#b00020' : '#0a7d32';
3937            resultEl.textContent = message;
3938         }
3939         function clearResult() {
3940            if (!resultEl) return;
3941            resultEl.style.display = 'none';
3942            resultEl.textContent = '';
3943         }
3944
3945         submitButton.addEventListener('click', function() {
3946            clearResult();
3947
3948            // Rating is the only required field. The two radios are optional.
3949            if (!selectedRating) {
3950               showResult((window.vmpFeedback && vmpFeedback.messages && vmpFeedback.messages.error_rating) || 'Please select a rating before submitting.', true);
3951               return;
3952            }
3953
3954            const hearAbout = document.querySelector('input[name="hearAbout"]:checked');
3955            const productInterest = document.querySelector('input[name="productInterest"]:checked');
3956
3957            if (!window.vmpFeedback || !window.jQuery) {
3958               showResult((window.vmpFeedback && vmpFeedback.messages && vmpFeedback.messages.error_generic) || 'Something went wrong. Please try again later.', true);
3959               return;
3960            }
3961
3962            submitButton.disabled = true;
3963            jQuery.ajax({
3964               url: vmpFeedback.ajaxurl,
3965               type: 'POST',
3966               dataType: 'json',
3967               data: {
3968                  action:           'vmp_submit_feedback',
3969                  nonce:            vmpFeedback.nonce,
3970                  rating:           selectedRating,
3971                  hear_about:       hearAbout ? hearAbout.value : '',
3972                  product_interest: productInterest ? productInterest.value : ''
3973               }
3974            }).done(function(response) {
3975               if (response && response.success) {
3976                  showResult((response.data && response.data.message) || vmpFeedback.messages.thank_you, false);
3977                  // Close modal after a short delay; the existing
3978                  // hidden.bs.modal listener resets the form state.
3979                  setTimeout(function () {
3980                     const modal = bootstrap.Modal.getInstance(document.getElementById('feedbackModal'));
3981                     if (modal) modal.hide();
3982                     clearResult();
3983                  }, 1500);
3984               } else {
3985                  const msg = (response && response.data && response.data.message) || vmpFeedback.messages.error_generic;
3986                  showResult(msg, true);
3987               }
3988            }).fail(function() {
3989               showResult(vmpFeedback.messages.error_generic, true);
3990            }).always(function() {
3991               submitButton.disabled = false;
3992            });
3993         });
3994
3995      }
3996   });
3997</script>
3997
3998
3999<script>
4000   const scrollTopBtn = document.getElementById("scrollTopBtn");
4001
4002   window.addEventListener("scroll", () => {
4003      if (window.scrollY > 300) {
4004         scrollTopBtn.style.display = "flex";
4005      } else {
4006         scrollTopBtn.style.display = "none";
4007      }
4008   });
4009
4010   scrollTopBtn.addEventListener("click", () => {
4011      window.scrollTo({
4012         top: 0,
4013         behavior: "smooth"
4014      });
4015   });
4016</script>
4016
4017
4018<!-- Cookie Consent Popup -->
4019<div class="cookie-consent-overlay"></div>
4020<div class="cookie-consent-popup">
4021   <div class="cookie-consent-header">
4022      <h3>
4023         <span class="cookie-icon">🍪</span>
4024         Cookie Settings      </h3>
4025      <button data-vmp-label="close_10" class="cookie-consent-close" aria-label="Close">
4026         <i class="bi bi-x"></i>
4027      </button>
4028   </div>
4029
4030   <div class="cookie-consent-description">
4031      <p>We use cookies to enhance your browsing experience and analyze our traffic. You can choose which types of cookies to accept. For more details, visit our <a href="https://vmppass.com/cookie-preferences">Cookie Preferences</a> page.</p>
4032   </div>
4033
4034   <div class="cookie-categories">
4035      <!-- Essential Cookies (Always Active) -->
4036      <div class="cookie-category">
4037         <div class="cookie-category-info">
4038            <div class="cookie-category-name">Essential Cookies</div>
4039            <p class="cookie-category-desc">Required for the website to function properly</p>
4040         </div>
4041         <span class="cookie-category-always">Always Active</span>
4042      </div>
4043
4044      <!-- Analytics Cookies -->
4045      <div class="cookie-category">
4046         <div class="cookie-category-info">
4047            <div class="cookie-category-name">Analytics Cookies</div>
4048            <p class="cookie-category-desc">Help us understand how visitors use our website</p>
4049         </div>
4050         <label class="cookie-toggle">
4051            <input type="checkbox" id="cookie-analytics-toggle" aria-label="Analytics Cookies" checked>
4052            <span class="cookie-toggle-slider"></span>
4053         </label>
4054      </div>
4055
4056      <!-- Marketing Cookies -->
4057      <div class="cookie-category">
4058         <div class="cookie-category-info">
4059            <div class="cookie-category-name">Marketing Cookies</div>
4060            <p class="cookie-category-desc">Used to track visitors across websites for advertising</p>
4061         </div>
4062         <label class="cookie-toggle">
4063            <input type="checkbox" id="cookie-marketing-toggle" aria-label="Marketing Cookies">
4064            <span class="cookie-toggle-slider"></span>
4065         </label>
4066      </div>
4067
4068      <!-- Functionality Cookies -->
4069      <div class="cookie-category">
4070         <div class="cookie-category-info">
4071            <div class="cookie-category-name">Functionality Cookies</div>
4072            <p class="cookie-category-desc">Remember your preferences and settings</p>
4073         </div>
4074         <label class="cookie-toggle">
4075            <input type="checkbox" id="cookie-functionality-toggle" aria-label="Functionality Cookies">
4076            <span class="cookie-toggle-slider"></span>
4077         </label>
4078      </div>
4079   </div>
4080
4081   <div class="cookie-consent-actions">
4082            <button id="cookie-consent-accept-all" class="cookie-consent-btn cookie-consent-btn-primary"
4083              data-vmp-event="consent_decision" data-vmp-label="consent_accept_all">
4084         Accept All      </button>
4085      <button id="cookie-consent-reject" class="cookie-consent-btn cookie-consent-btn-outline"
4086              data-vmp-event="consent_decision" data-vmp-label="consent_reject_optional">
4087         Reject Optional      </button>
4088      <button id="cookie-consent-customize" class="cookie-consent-btn cookie-consent-btn-outline"
4089              data-vmp-event="consent_decision" data-vmp-label="consent_customize">
4090         Customize      </button>
4091      <button id="cookie-consent-save" class="cookie-consent-btn cookie-consent-btn-secondary"
4092              data-vmp-event="consent_decision" data-vmp-label="consent_save_preferences">
4093         Save Preferences      </button>
4094   </div>
4095</div>
4096<!-- End Cookie Consent Popup -->
4097
4098<!-- Newsletter form toast container + styles -->
4099<div class="vmp-toast-stack" id="vmp-nl-toast-stack" aria-live="polite" aria-atomic="true"></div>
4100
4101<style>
4102   .vmp-newsletter-form .vmp-hp-field {
4103      position: absolute; left: -10000px; top: auto;
4104      width: 1px; height: 1px; overflow: hidden;
4105   }
4106   .vmp-newsletter-form .form-control.is-invalid {
4107      border-color: #e63946;
4108      box-shadow: 0 0 0 4px rgba(230, 57, 70, 0.10);
4109   }
4110   .vmp-newsletter-form .invalid-feedback {
4111      display: none;
4112      color: #e63946;
4113      font-size: 0.82rem;
4114      margin-top: 4px;
4115   }
4116   .vmp-newsletter-form .form-control.is-invalid + .invalid-feedback { display: block; }
4117   .vmp-newsletter-form .vmp-spinner {
4118      display: inline-block;
4119      width: 14px; height: 14px;
4120      border: 2px solid rgba(255,255,255,0.4);
4121      border-top-color: #fff;
4122      border-radius: 50%;
4123      animation: vmp-nl-spin 0.8s linear infinite;
4124      margin-right: 8px;
4125      vertical-align: -2px;
4126   }
4127   @keyframes vmp-nl-spin { to { transform: rotate(360deg); } }
4128
4129   /* Toast — site-wide, used by the newsletter modal */
4130   .vmp-toast-stack {
4131      position: fixed; top: 24px; right: 24px; z-index: 10000;
4132      display: flex; flex-direction: column; gap: 10px;
4133      max-width: 360px; pointer-events: none;
4134   }
4135   .vmp-toast {
4136      background: #fff;
4137      border-left: 4px solid var(--secondary-color);
4138      box-shadow: 0 12px 32px rgba(25, 25, 112, 0.18);
4139      border-radius: 10px;
4140      padding: 14px 18px 14px 16px;
4141      font-size: 0.95rem; color: #1a1a40;
4142      opacity: 0; transform: translateX(20px);
4143      transition: opacity .25s ease, transform .25s ease;
4144      pointer-events: auto;
4145      display: flex; align-items: flex-start; gap: 10px;
4146   }
4147   .vmp-toast.is-visible { opacity: 1; transform: translateX(0); }
4148   .vmp-toast.is-success { border-left-color: #2ecc71; }
4149   .vmp-toast.is-error   { border-left-color: #e63946; }
4150   .vmp-toast .vmp-toast-icon { font-size: 1.1rem; line-height: 1; margin-top: 2px; }
4151   .vmp-toast.is-success .vmp-toast-icon { color: #2ecc71; }
4152   .vmp-toast.is-error   .vmp-toast-icon { color: #e63946; }
4153   @media (max-width: 480px) {
4154      .vmp-toast-stack { top: 16px; right: 12px; left: 12px; max-width: none; }
4155   }
4156</style>
4157
4158<script>
4159(function () {
4160    var VMP_NL = {
4161        ajaxUrl: "https:\/\/vmppass.com\/wp-admin\/admin-ajax.php",
4162        strings: {
4163            emailRequired:  "Please enter your email address.",
4164            emailInvalid:   "Please enter a valid email address.",
4165            success:        "You're in \u2014 check your inbox for a confirmation.",
4166            errorGeneric:   "Something went wrong. Please try again in a moment.",
4167            errorNetwork:   "Network error. Check your connection and try again.",
4168            errorRate:      "Too many requests. Please wait a minute before trying again.",
4169            errorSmtp:      "We could not subscribe you right now. Please try again in a few minutes."        }
4170    };
4171
4172    var stack = document.getElementById('vmp-nl-toast-stack');
4173    var forms = document.querySelectorAll('.vmp-newsletter-form');
4174    if (!stack || forms.length === 0) return;
4175
4176    var emailRe = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
4177
4178    function showToast(message, variant) {
4179        var el = document.createElement('div');
4180        el.className = 'vmp-toast is-' + (variant || 'success');
4181        el.setAttribute('role', variant === 'error' ? 'alert' : 'status');
4182        var icon = variant === 'error' ? '⚠' : '✓';
4183        el.innerHTML = '<span class="vmp-toast-icon" aria-hidden="true">' + icon + '</span><span>' + message + '</span>';
4184        stack.appendChild(el);
4185        requestAnimationFrame(function () { el.classList.add('is-visible'); });
4186        setTimeout(function () {
4187            el.classList.remove('is-visible');
4188            setTimeout(function () { el.remove(); }, 280);
4189        }, 5200);
4190    }
4191
4192    function setFieldError(form, name, message) {
4193        var input = form.querySelector('[name="' + name + '"]');
4194        var slot  = form.querySelector('[data-error-for="' + name + '"]');
4195        if (!input || !slot) return;
4196        if (message) {
4197            input.classList.add('is-invalid');
4198            input.setAttribute('aria-invalid', 'true');
4199            slot.textContent = message;
4200        } else {
4201            input.classList.remove('is-invalid');
4202            input.removeAttribute('aria-invalid');
4203            slot.textContent = '';
4204        }
4205    }
4206
4207    function clearAllErrors(form) {
4208        ['name', 'email'].forEach(function (n) { setFieldError(form, n, ''); });
4209    }
4210
4211    /** If the form is inside a Bootstrap modal, hide it after success. */
4212    function maybeCloseModal(form) {
4213        var modalEl = form.closest('.modal');
4214        if (!modalEl || typeof bootstrap === 'undefined') return;
4215        var bsModal = bootstrap.Modal.getInstance(modalEl);
4216        if (bsModal) bsModal.hide();
4217    }
4218
4219    function bindForm(form) {
4220        form.addEventListener('input', function (e) {
4221            if (e.target && e.target.name) setFieldError(form, e.target.name, '');
4222        });
4223
4224        form.addEventListener('submit', function (e) {
4225            e.preventDefault();
4226            clearAllErrors(form);
4227
4228            var fd = new FormData(form);
4229            var d = {
4230                name:    fd.get('name')    || '',
4231                email:   fd.get('email')   || '',
4232                website: fd.get('website') || ''
4233            };
4234
4235            // Client-side validation
4236            if (!d.email.trim()) {
4237                setFieldError(form, 'email', VMP_NL.strings.emailRequired);
4238                form.querySelector('[name="email"]').focus();
4239                return;
4240            }
4241            // GA: count a subscribe click ONLY when the email box is not empty.
4242            try { if (window.vmpTrack) window.vmpTrack('newsletter_subscribe_click', { placement: fd.get('source') || 'footer_modal' }); } catch (x) {}
4243            if (!emailRe.test(d.email.trim())) {
4244                setFieldError(form, 'email', VMP_NL.strings.emailInvalid);
4245                form.querySelector('[name="email"]').focus();
4246                return;
4247            }
4248
4249            // Honeypot — silently succeed
4250            if (d.website) {
4251                form.reset();
4252                showToast(VMP_NL.strings.success, 'success');
4253                maybeCloseModal(form);
4254                return;
4255            }
4256
4257            var btn = form.querySelector('button[type="submit"]');
4258            var defaultLabel = btn.getAttribute('data-label-default');
4259            var sendingLabel = btn.getAttribute('data-label-sending');
4260            btn.disabled = true;
4261            btn.innerHTML = '<span class="vmp-spinner" aria-hidden="true"></span>' + sendingLabel;
4262
4263            fetch(VMP_NL.ajaxUrl, { method: 'POST', credentials: 'same-origin', body: fd })
4264                .then(function (res) { return res.json().catch(function () { return null; }); })
4265                .then(function (json) {
4266                    if (json && json.success) {
4267                        form.reset();
4268                        showToast((json.data && json.data.message) || VMP_NL.strings.success, 'success');
4269                        maybeCloseModal(form);
4270                    } else if (json && json.data && json.data.code === 'rate_limited') {
4271                        showToast(VMP_NL.strings.errorRate, 'error');
4272                    } else if (json && json.data && json.data.errors) {
4273                        Object.keys(json.data.errors).forEach(function (n) { setFieldError(form, n, json.data.errors[n]); });
4274                        showToast((json.data && json.data.message) || VMP_NL.strings.errorGeneric, 'error');
4275                    } else {
4276                        showToast(VMP_NL.strings.errorGeneric, 'error');
4277                    }
4278                })
4279                .catch(function () { showToast(VMP_NL.strings.errorNetwork, 'error'); })
4280                .finally(function () {
4281                    btn.disabled = false;
4282                    btn.innerHTML = defaultLabel;
4283                });
4284        });
4285    }
4286
4287    forms.forEach(bindForm);
4288})();
4289</script>
4289
4290
4291
4292<script type="speculationrules">
4293{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/vmpPass/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
4294</script>
vendor: 1 bytes, line 4294
4294
4295<script id="wp-hooks-js" src="https://vmppass.com/wp-includes/js/dist/hooks.min.js?ver=7496969728ca0f95732d"></script>
vendor: 1 bytes, line 4295
4295
4296<script id="wp-i18n-js" src="https://vmppass.com/wp-includes/js/dist/i18n.min.js?ver=781d11515ad3d91786ec"></script>
vendor: 1 bytes, line 4296
4296
4297<script id="wp-i18n-js-after">
4298wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
4299//# sourceURL=wp-i18n-js-after
4300</script>
vendor: 1 bytes, line 4300
4300
4301<script id="swv-js" src="https://vmppass.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1.6"></script>
vendor: 1 bytes, line 4301
4301
4302<script id="contact-form-7-js-before">
4303var wpcf7 = {
4304    "api": {
4305        "root": "https:\/\/vmppass.com\/wp-json\/",
4306        "namespace": "contact-form-7\/v1"
4307    }
4308};
4309//# sourceURL=contact-form-7-js-before
4310</script>
vendor: 1 bytes, line 4310
4310
4311<script id="contact-form-7-js" src="https://vmppass.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.6"></script>
vendor: 1 bytes, line 4311
4311
4312<script id="vmp-mega-menu-js-extra">
4313var vmpMegaMenu = {"triggerType":"both","hoverDelay":"200","animationSpeed":"300"};
4314//# sourceURL=vmp-mega-menu-js-extra
4315</script>
vendor: 1 bytes, line 4315
4315
4316<script id="vmp-mega-menu-js" src="https://vmppass.com/wp-content/plugins/vmp-mega-menu/assets/js/mega-menu.js?ver=1790905676"></script>
vendor: 1 bytes, line 4316
4316
4317<script id="bootstrap-bundle-js" defer src="https://vmppass.com/wp-content/themes/vmpPass/assets/js/bootstrap.bundle.min.js?ver=5.3.2"></script>
vendor: 1 bytes, line 4317
4317
4318<script id="cookie-consent-js" defer src="https://vmppass.com/wp-content/themes/vmpPass/assets/js/cookie-consent.js?ver=1.1"></script>
vendor: 1 bytes, line 4318
4318
4319<script id="tab-swipe-js" defer src="https://vmppass.com/wp-content/themes/vmpPass/assets/js/tab-swipe.js?ver=1.0"></script>
vendor: 1 bytes, line 4319
4319
4320<script id="vmp-main-js-extra">
4321var vmpFeedback = {"ajaxurl":"https://vmppass.com/wp-admin/admin-ajax.php","nonce":"1ca358c513","messages":{"thank_you":"Thank you for your feedback!","error_rating":"Please select a rating before submitting.","error_rate_limit":"You've already submitted feedback.","error_generic":"Something went wrong. Please try again later."}};
4322//# sourceURL=vmp-main-js-extra
4323</script>
vendor: 1 bytes, line 4323
4323
4324<script id="vmp-main-js" defer src="https://vmppass.com/wp-content/themes/vmpPass/assets/js/main.js?ver=1.1"></script>
vendor: 1 bytes, line 4324
4324
4325<script id="language-switcher-js-extra">
4326var vmpLangSwitcher = {"homeUrl":"https://vmppass.com","supportedLangs":["en","es","de","fr","it","nl","pt","ru","fa"],"currentLang":"en","defaultLang":"en"};
4327//# sourceURL=language-switcher-js-extra
4328</script>
vendor: 1 bytes, line 4328
4328
4329<script id="language-switcher-js" src="https://vmppass.com/wp-content/themes/vmpPass/assets/js/language-switcher.js?ver=1.3"></script>
vendor: 1 bytes, line 4329
4329
4330<script id="vmp-tracking-js-extra">
4331var vmpAnalyticsConfig = {"ga4Id":"G-5V8RH21VXZ","pixelId":"947800294393207","pageType":"resource","template":"all-blog.php","postId":"23","lang":"en","loggedIn":"0","userType":"visitor","capiUrl":"","capiNonce":"","debug":"0"};
4332//# sourceURL=vmp-tracking-js-extra
4333</script>
vendor: 1 bytes, line 4333
4333
4334<script id="vmp-tracking-js" src="https://vmppass.com/wp-content/themes/vmpPass/assets/js/vmp-tracking.js?ver=1785655223"></script>
vendor: 1 bytes, line 4334
4334
4335<script id="vmp-autotrack-js" src="https://vmppass.com/wp-content/themes/vmpPass/assets/js/vmp-autotrack.js?ver=1785655570"></script>
4335
4336
4337<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"dbbbde8f593048539877d65fa81eef9b","r":1,"spa":2}' crossorigin="anonymous"></script>
4337
4338</body>
4339
4340</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.