PageSourceSearch

https://vad-academy.com/

html vad-academy.com collected 2026-10-10 01:49:13 UTC 620,274 bytes, 7,893 lines download raw bytes

1<!DOCTYPE html><html  lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title> وجهتك المتميزة لاحتراف التسويق الرقمي وصناعة الفانلات في الوطن العربي</title><link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin="anonymous"><link rel="preconnect" href="https://backend.leadconnectorhq.com" crossorigin="anonymous"><link rel="preconnect" href="https://images.leadconnectorhq.com" crossorigin="anonymous"><link rel="preconnect" href="https://cdn.filesafe.space" crossorigin="anonymous"><meta name="title" content=" وجهتك المتميزة لاحتراف التسويق الرقمي وصناعة الفانلات في الوطن العربي"><meta property="og:title" content=" وجهتك المتميزة لاحتراف التسويق الرقمي وصناعة الفانلات في الوطن العربي"><meta name="description" content="كورسات التسويق الرقمي والتسويق بالمحتوى، إلى تدريبات بناء الفانلات، وإدارة الحملات الإعلانية"><meta property="og:description" content="كورسات التسويق الرقمي والتسويق بالمحتوى، إلى تدريبات بناء الفانلات، وإدارة الحملات الإعلانية"><meta name="author" content="د. محمد العارضة"><meta property="og:author" content="د. محمد العارضة"><meta name="image" content="https://assets.cdn.filesafe.space/SVm3AzwuobZepyaOrEbi/media/68e05f6d84c6bb501e373c1a.png"><meta property="og:image" content="https://assets.cdn.filesafe.space/SVm3AzwuobZepyaOrEbi/media/68e05f6d84c6bb501e373c1a.png"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:image" content="https://assets.cdn.filesafe.space/SVm3AzwuobZepyaOrEbi/media/68e05f6d84c6bb501e373c1a.png"><meta name="keywords" content="فانل
2بناء فانل 
3فانل تسويقي
4كورس تيكتوك
5كورس مدير اعلانات 
6اعلانات ميتا "><meta property="og:keywords" content="فانل
7بناء فانل 
8فانل تسويقي
9كورس تيكتوك
10كورس مدير اعلانات 
11اعلانات ميتا "><meta property="og:type" content="website"><meta property="twitter:type" content="website"><style> 
12
13 :root{ --transparent: transparent;
14--primary: #37ca37;
15--secondary: #188bf6;
16--white: #ffffff;
17--gray: #cbd5e0;
18--black: #000000;
19--red: #e93d3d;
20--orange: #f6ad55;
21--yellow: #faf089;
22--green: #9ae6b4;
23--teal: #81e6d9;
24--malibu: #63b3ed;
25--indigo: #757BBD;
26--purple: #d6bcfa;
27--pink: #fbb6ce;
28--overlay: rgba(0, 0, 0, 0.5);
29--color-pnwqrpfe: #005afcff;
30--color-okrcanqp: #050a16ff;
31--color-xbdvsfhl: #a1a2acff;
32--color-phiqwqkz: #41c5cfff;
33--color-vfydrzvy: #312f35ff;
34--color-oqehldun: #00619aff;
35--color-bkbbcvxy: #013a60ff;
36--color-vyticbhd: #1f264aff;
37--color-sbsmejkv: #00c8f4ff;
38--color-chafekvr: #070b16ff;
39--color-hbwmzazn: #00b89424;
40--cobalt: #155eef;
41--smoke: #f5f5f5;
42--color-cnnycxyx: #1c1c1bff;
43--color-bvismmnq: #2a2a2aff;
44--color-ozjnbfiw: rgba(0, 184, 148, 0.12);
45--color-tjsqqvyz: rgba(0, 184, 148, 0.1);
46--color-myqsdwjh: #f2f0e9ff;
47--color-riogctmn: #121212ff;
48--color-szwqyrsn: rgba(18, 18, 18, 0.27);
49--color-yxexltta: #180c61ff;
50--color-imvwwvwd: #54745dff;
51--color-oqxdwirs: #344c83ff;
52--color-wltzzemz: #00b894ff;
53--color-qcqidaqy: #262626ff;
54--color-eoixnkqm: #f5f7faff;
55--color-lbjjmsqn: #344c8347;
56--color-vxdeyjbi: #344c83c7;
57--brandboards-new_color_2679: #0a2d3dff;
58--brandboards-new_color_8376: #00a688ff;
59--headlinefont: 'customhl-68e79ef028f32c2a096bf2be-29LTAzer';
60--contentfont: 'customhl-69f5db8a00f8324ade50e89d-Cairo-Black';
61--text-color: #000000;
62--link-color: #188bf6; } .bg-fixed{bottom:0;top:0;left:0;right:0;position:fixed;overflow:auto;background-color:var(--white)} 
63            .drop-zone-draggable .hl_main_popup{box-shadow:none;padding:20px;margin-top:0;border-color:var(--gray);border-width:10px;border-style:solid;background-color:var(--white);width:720px}
64            
65            
66          
67#hl_main_popup.popup-body{position:absolute!important;left:50%!important;bottom:auto!important;transform:translate(-50%,0)!important;right:auto!important;box-shadow:none;padding:20px;margin-top:0;border-color:var(--gray);border-width:10px;border-style:solid;background-color:var(--white);width:720px}.--mobile #hl_main_popup.popup-body{width:380px!important}@media screen and (min-width:0px) and (max-width:767px){#hl_main_popup.popup-body{width:380px!important}} 
68            .drop-zone-draggable .hl_main_popup-09EpPrIcvh{box-shadow:none;padding:20px;margin-top:0;border-color:var(--gray);border-width:10px;border-style:solid;background-color:var(--white);width:720px}
69            
70            
71          
72#hl_main_popup-09EpPrIcvh.popup-body{position:absolute!important;left:50%!important;bottom:auto!important;transform:translate(-50%,0)!important;right:auto!important;box-shadow:none;padding:20px;margin-top:0;border-color:var(--gray);border-width:10px;border-style:solid;background-color:var(--white);width:720px}.--mobile #hl_main_popup-09EpPrIcvh.popup-body{width:380px!important}@media screen and (min-width:0px) and (max-width:767px){#hl_main_popup-09EpPrIcvh.popup-body{width:380px!important}}  
73 /* ---- Section styles ----- */ 
74:root{--transparent:transparent;--black:#000000}.hl_page-preview--content .col--DTIiZmukr,.hl_page-preview--content .row-BqtYrlcjgf,.hl_page-preview--content .section-eVOGgEFEOm{box-shadow:none;padding:0;margin:10px 0 0;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:0;border-style:none;border-radius:0}.hl_page-preview--content .col--DTIiZmukr,.hl_page-preview--content .row-BqtYrlcjgf{margin:10px auto 0;padding:0 5px;width:100%}.hl_page-preview--content .col--DTIiZmukr{padding:10px 5px 0;margin:0}.hl_page-preview--content .custom-code-FatYfTQEHu{margin:0;width:auto;height:auto}#section-eVOGgEFEOm>.inner{max-width:1170px}@media (max-width:1024px){#section-eVOGgEFEOm{animation:none!important}}.--mobile #row-BqtYrlcjgf,.--mobile #section-eVOGgEFEOm{animation:none!important}@media (max-width:1024px){#row-BqtYrlcjgf{animation:none!important}}#col--DTIiZmukr>.inner{flex-direction:column;justify-content:center;align-items:inherit;flex-wrap:nowrap}@media (max-width:1024px){#col--DTIiZmukr{animation:none!important}}.--mobile #col--DTIiZmukr{animation:none!important} 
75 /* ---- Section styles ----- */ 
76:root{--transparent:transparent;--black:#000000}.hl_page-preview--content .col-QqK_Pi1F0x,.hl_page-preview--content .row-dN5DrsIkV_,.hl_page-preview--content .section-Ghi885PykS{box-shadow:none;padding:0;margin:0;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:0;border-style:none;border-radius:0}.hl_page-preview--content .col-QqK_Pi1F0x,.hl_page-preview--content .row-dN5DrsIkV_{margin:0 auto;padding:0 5px;width:100%}.hl_page-preview--content .col-QqK_Pi1F0x{margin:0}.hl_page-preview--content .custom-code-b0SlOE5VY9{margin:0;width:auto;height:auto}#section-Ghi885PykS>.inner{max-width:1170px}@media (max-width:1024px){#section-Ghi885PykS{animation:none!important}}.--mobile #row-dN5DrsIkV_,.--mobile #section-Ghi885PykS{animation:none!important}@media (max-width:1024px){#row-dN5DrsIkV_{animation:none!important}}#col-QqK_Pi1F0x>.inner{flex-direction:column;justify-content:center;align-items:inherit;flex-wrap:nowrap}@media (max-width:1024px){#col-QqK_Pi1F0x{animation:none!important}}.--mobile #col-QqK_Pi1F0x{animation:none!important} 
77 /* ---- Section styles ----- */ 
78:root{--transparent:transparent;--black:#000000}.hl_page-preview--content .col-EvKzQVH_gz,.hl_page-preview--content .row-BtMSiWt5JN,.hl_page-preview--content .section-aWWwsMrXyN{box-shadow:none;padding:0;margin:0;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:0;border-style:none;border-radius:0}.hl_page-preview--content .col-EvKzQVH_gz,.hl_page-preview--content .row-BtMSiWt5JN{margin:0 auto;padding:0 5px;width:100%}.hl_page-preview--content .col-EvKzQVH_gz{margin:0}.hl_page-preview--content .custom-code-bO3_yZ5oET{margin:0;width:auto;height:auto}#section-aWWwsMrXyN>.inner{max-width:1170px}@media (max-width:1024px){#section-aWWwsMrXyN{animation:none!important}}.--mobile #row-BtMSiWt5JN,.--mobile #section-aWWwsMrXyN{animation:none!important}@media (max-width:1024px){#row-BtMSiWt5JN{animation:none!important}}#col-EvKzQVH_gz>.inner{flex-direction:column;justify-content:center;align-items:inherit;flex-wrap:nowrap}@media (max-width:1024px){#col-EvKzQVH_gz{animation:none!important}}.--mobile #col-EvKzQVH_gz{animation:none!important} 
79 /* ---- Section styles ----- */ 
80:root{--transparent:transparent;--black:#000000}.hl_page-preview--content .col-T1TvorGEqm,.hl_page-preview--content .row-hLN6etf885,.hl_page-preview--content .section-sRm_7xwbLG{box-shadow:none;padding:0;margin:0;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:0;border-style:none;border-radius:0}.hl_page-preview--content .col-T1TvorGEqm,.hl_page-preview--content .row-hLN6etf885{margin:0 auto;padding:0 5px;width:100%}.hl_page-preview--content .col-T1TvorGEqm{margin:0}.hl_page-preview--content .custom-code-qBGNQFvxbI{margin:0;width:auto;height:auto}#section-sRm_7xwbLG>.inner{max-width:1170px}@media (max-width:1024px){#section-sRm_7xwbLG{animation:none!important}}.--mobile #row-hLN6etf885,.--mobile #section-sRm_7xwbLG{animation:none!important}@media (max-width:1024px){#row-hLN6etf885{animation:none!important}}#col-T1TvorGEqm>.inner{flex-direction:column;justify-content:center;align-items:inherit;flex-wrap:nowrap}@media (max-width:1024px){#col-T1TvorGEqm{animation:none!important}}.--mobile #col-T1TvorGEqm{animation:none!important} 
81 /* ---- Section styles ----- */ 
82:root{--transparent:transparent;--black:#000000}.hl_page-preview--content .col-zsCjcp_HDe,.hl_page-preview--content .row-YRfI7sd_g4,.hl_page-preview--content .section-NrzRw9y5pT{box-shadow:none;padding:0;margin:0;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:0;border-style:none;border-radius:0}.hl_page-preview--content .col-zsCjcp_HDe,.hl_page-preview--content .row-YRfI7sd_g4{margin:0 auto;padding:0 5px;width:100%}.hl_page-preview--content .col-zsCjcp_HDe{margin:0}.hl_page-preview--content .custom-code-ILQ0To5v0L{margin:0;width:auto;height:auto}#section-NrzRw9y5pT>.inner{max-width:1170px}@media (max-width:1024px){#section-NrzRw9y5pT{animation:none!important}}.--mobile #row-YRfI7sd_g4,.--mobile #section-NrzRw9y5pT{animation:none!important}@media (max-width:1024px){#row-YRfI7sd_g4{animation:none!important}}#col-zsCjcp_HDe>.inner{flex-direction:column;justify-content:center;align-items:inherit;flex-wrap:nowrap}@media (max-width:1024px){#col-zsCjcp_HDe{animation:none!important}}.--mobile #col-zsCjcp_HDe{animation:none!important} 
83 /* ---- Section styles ----- */ 
84:root{--transparent:transparent;--black:#000000}.hl_page-preview--content .col-3zeo1ppef2,.hl_page-preview--content .row-NrT85t1I7q,.hl_page-preview--content .section-naSc-6TBlO{box-shadow:none;padding:0;margin:0;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:0;border-style:none;border-radius:0}.hl_page-preview--content .col-3zeo1ppef2,.hl_page-preview--content .row-NrT85t1I7q{margin:0 auto;padding:0 5px;width:100%}.hl_page-preview--content .col-3zeo1ppef2{margin:0}.hl_page-preview--content .custom-code-YuRnX0xX6L{margin:0;width:auto;height:auto}#section-naSc-6TBlO>.inner{max-width:1170px}@media (max-width:1024px){#section-naSc-6TBlO{animation:none!important}}.--mobile #row-NrT85t1I7q,.--mobile #section-naSc-6TBlO{animation:none!important}@media (max-width:1024px){#row-NrT85t1I7q{animation:none!important}}#col-3zeo1ppef2>.inner{flex-direction:column;justify-content:center;align-items:inherit;flex-wrap:nowrap}@media (max-width:1024px){#col-3zeo1ppef2{animation:none!important}}.--mobile #col-3zeo1ppef2{animation:none!important} 
85 /* ---- Section styles ----- */ 
86:root{--transparent:transparent;--black:#000000}.hl_page-preview--content .col-rtLvyqzxce,.hl_page-preview--content .row-BgnvzY-q0c,.hl_page-preview--content .section-9PtG0fkoTT{box-shadow:none;padding:0;margin:0;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:0;border-style:none;border-radius:0}.hl_page-preview--content .col-rtLvyqzxce,.hl_page-preview--content .row-BgnvzY-q0c{margin:0 auto;padding:0 5px;width:100%}.hl_page-preview--content .col-rtLvyqzxce{margin:0}.hl_page-preview--content .custom-code-ZpRyTGDEnV{margin:0;width:auto;height:auto}#section-9PtG0fkoTT>.inner{max-width:1170px}@media (max-width:1024px){#section-9PtG0fkoTT{animation:none!important}}.--mobile #row-BgnvzY-q0c,.--mobile #section-9PtG0fkoTT{animation:none!important}@media (max-width:1024px){#row-BgnvzY-q0c{animation:none!important}}#col-rtLvyqzxce>.inner{flex-direction:column;justify-content:center;align-items:inherit;flex-wrap:nowrap}@media (max-width:1024px){#col-rtLvyqzxce{animation:none!important}}.--mobile #col-rtLvyqzxce{animation:none!important}
87
88.arabic {
89    direction: rtl;
90}
91/*ايقونة هاتف */
92#sub-heading-mdd5WHhaRTO {
93    display: inline-flex !important;
94    align-items: center;
95    direction: rtl;
96}
97
98#sub-heading-mdd5WHhaRTO::before {
99    content: "\f095";
100    font-family: "Font Awesome 5 Free";
101    font-weight: 900;
102    color: #00B894;
103    margin-left: 8px;
104    margin-top: 0;
105}
106/*ايقونة الايميل */
107#sub-heading-oy61QtlQUAP {
108    display: inline-flex !important;
109    align-items: center;
110    direction: rtl;
111}
112
113#sub-heading-oy61QtlQUAP::before {
114    content: "\f0e0";
115    font-family: "Font Awesome 5 Free";
116    font-weight: 900;
117    color: #00B894;
118    margin-left: 8px;
119    margin-top: 0;
120}
121/*ايقونة مكان */
122#sub-heading-Pd8EyYVQmeq {
123    display: inline-flex !important;
124    align-items: center;
125    direction: rtl;
126}
127
128#sub-heading-Pd8EyYVQmeq::before {
129    content: "\f3c5";
130    font-family: "Font Awesome 5 Free";
131    font-weight: 900;
132    color: #00B894;
133    margin-left: 8px;
134    margin-top: 0;
135}
136/*دوائر */
137.custom-brand-icon {
138    text-align: inherit !important;
139}
140
141.custom-brand-icon p,
142.custom-brand-icon span {
143    margin: 0 !important;
144    display: inline-flex !important;
145    align-items: center !important;
146    gap: 10px !important;
147    direction: inherit !important;
148}
149
150/* الأيقونة قبل النص */
151.custom-brand-icon p::before,
152.custom-brand-icon span::before {
153    content: "";
154    display: inline-block !important;
155    width: 44px;
156    height: 16px;
157    flex: 0 0 44px;
158    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%2300B894'/%3E%3Ccircle cx='22' cy='8' r='8' fill='%23344C83'/%3E%3Ccircle cx='36' cy='8' r='8' fill='%23344C83'/%3E%3C/svg%3E");
159    background-size: contain;
160    background-repeat: no-repeat;
161    background-position: center;
162}
163
164.custom-brand-icon-center {
165    text-align: center !important;
166    width: 100% !important;
167}
168
169.custom-brand-icon-center p,
170.custom-brand-icon-center span {
171    margin: 0 auto !important;
172    display: inline-flex !important;
173    align-items: center !important;
174    justify-content: center !important;
175    gap: 10px !important;
176    direction: rtl !important;
177}
178/* الأيقونة */
179.custom-brand-icon-center p::before,
180.custom-brand-icon-center span::before {
181    content: "";
182    display: inline-block !important;
183    width: 44px !important;
184    height: 16px !important;
185    flex: 0 0 44px !important;
186    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%2300B894'/%3E%3Ccircle cx='22' cy='8' r='8' fill='%23344C83'/%3E%3Ccircle cx='36' cy='8' r='8' fill='%23344C83'/%3E%3C/svg%3E") !important;
187    background-size: contain !important;
188    background-repeat: no-repeat !important;
189    background-position: center !important;
190}
191/*خط فاصل بين الأعمدة */
192.vad-counter-item {
193    position: relative !important;
194}
195
196/* الخط */
197.vad-counter-item:not(:last-child)::after {
198    content: "";
199    position: absolute !important;
200    top: 50% !important;
201    left: -18px;
202    !important;
203    transform: translateY(-50%) !important;
204    width: 1.5px !important;
205    height: 58px !important;
206    background: #344c83 !important;
207    opacity: 0.45 !important;
208    z-index: 1 !important;
209}
210
211/* الدوائر فوق الخط بالمنتصف */
212.vad-counter-item:not(:last-child)::before {
213    content: "";
214    position: absolute !important;
215    top: 50% !important;
216    left: -27px !important;
217    transform: translateY(-50%) !important;
218    width: 24px !important;
219    height: 8px !important;
220    z-index: 3 !important;
221   /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='8' viewBox='0 0 24 8'%3E%3Ccircle cx='4' cy='4' r='4' fill='%2300B894'/%3E%3Ccircle cx='12' cy='4' r='4' fill='%23344C83'/%3E%3Ccircle cx='20' cy='4' r='4' fill='%2300B894'/%3E%3C/svg%3E") !important;
222    */
223    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%2300B894'/%3E%3Ccircle cx='22' cy='8' r='8' fill='%23344C83'/%3E%3Ccircle cx='36' cy='8' r='8' fill='%23344C83'/%3E%3C/svg%3E") !important;
224    background-repeat: no-repeat !important;
225    background-size: contain !important;
226    background-position: center !important;
227}
228/*ايقونة صعود */
229.custom-skill-icon {
230    text-align: center;
231}
232
233.custom-skill-icon p,
234.custom-skill-icon span {
235    display: flex;
236    flex-direction: column;
237 /* يخلي الأيقونة فوق */
238    align-items: center;
239    gap: 10px;
240    margin: 0;
241}
242
243/* الأيقونة */
244.custom-skill-icon p::before,
245.custom-skill-icon span::before {
246    content: "";
247    width: 42px;
248    height: 42px;
249    display: block;
250    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Ccircle cx='24' cy='24' r='22' fill='%2300B894'/%3E%3Cpath d='M14 28l6-6 4 4 8-8' stroke='%23344C83' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
251    background-size: contain;
252    background-repeat: no-repeat;
253    background-position: center;
254}
255/*ايقونة منظومة */
256.custom-system-icon {
257    text-align: center;
258}
259
260.custom-system-icon p,
261.custom-system-icon span {
262    display: flex;
263    flex-direction: column;
264    align-items: center;
265    gap: 10px;
266    margin: 0;
267}
268
269/* الأيقونة */
270.custom-system-icon p::before,
271.custom-system-icon span::before {
272    content: "";
273    width: 44px;
274    height: 44px;
275    display: block;
276    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Ccircle cx='24' cy='24' r='22' fill='%2300B894'/%3E%3Crect x='14' y='14' width='6' height='6' fill='%23344C83'/%3E%3Crect x='28' y='14' width='6' height='6' fill='%23344C83'/%3E%3Crect x='14' y='28' width='6' height='6' fill='%23344C83'/%3E%3Cpath d='M20 17h8M17 20v8M28 20v8M20 31h8' stroke='%23344C83' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
277    background-size: contain;
278    background-repeat: no-repeat;
279    background-position: center;
280}
281/*ايقونة حلول مخصصة */
282.custom-audience-icon {
283    text-align: center;
284}
285
286.custom-audience-icon p,
287.custom-audience-icon span {
288    display: flex;
289    flex-direction: column;
290    align-items: center;
291    gap: 10px;
292    margin: 0;
293}
294
295/* الأيقونة */
296.custom-audience-icon p::before,
297.custom-audience-icon span::before {
298    content: "";
299    width: 44px;
300    height: 44px;
301    display: block;
302    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Ccircle cx='24' cy='24' r='22' fill='%2300B894'/%3E%3Ccircle cx='20' cy='20' r='5' fill='%23344C83'/%3E%3Cpath d='M12 32c2-4 6-6 8-6s6 2 8 6' stroke='%23344C83' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='32' cy='28' r='3' fill='%23344C83'/%3E%3Cpath d='M32 24v8M28 28h8' stroke='%23344C83' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
303    background-size: contain;
304    background-repeat: no-repeat;
305    background-position: center;
306}
307/*ايقونة تحليل */ 
308.custom-analysis-icon {
309    text-align: center;
310}
311
312.custom-analysis-icon p,
313.custom-analysis-icon span {
314    display: flex;
315    flex-direction: column;
316    align-items: center;
317    gap: 10px;
318    margin: 0;
319}
320
321/* الأيقونة */
322.custom-analysis-icon p::before,
323.custom-analysis-icon span::before {
324    content: "";
325    width: 44px;
326    height: 44px;
327    display: block;
328    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Ccircle cx='24' cy='24' r='22' fill='%2300B894'/%3E%3Crect x='14' y='24' width='4' height='8' fill='%23344C83'/%3E%3Crect x='20' y='20' width='4' height='12' fill='%23344C83'/%3E%3Crect x='26' y='16' width='4' height='16' fill='%23344C83'/%3E%3Ccircle cx='32' cy='32' r='5' stroke='%23344C83' stroke-width='2' fill='none'/%3E%3Cline x1='36' y1='36' x2='40' y2='40' stroke='%23344C83' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
329    background-size: contain;
330    background-repeat: no-repeat;
331    background-position: center;
332}
333/*هوفر الفريق */
334/* استدعاء Font Awesome (نسخة تدعم X) */
335@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css");
336
337/* ========================= */
338/* الكارد */
339.team-card {
340    position: relative;
341    overflow: hidden;
342    background: #ffffff;
343    border-radius: 14px;
344    transition: all 0.35s ease;
345    cursor: pointer;
346}
347
348/* كل النصوص */
349.team-card * {
350    transition: all 0.3s ease;
351}
352
353/* ========================= */
354/* الأيقونات */
355.team-social {
356    position: absolute;
357    right: 12px;
358    bottom: 20px;
359    display: flex;
360    flex-direction: column;
361    gap: 8px;
362    opacity: 0;
363    transform: translateY(25px);
364    transition: all 0.35s ease;
365    z-index: 10;
366}
367
368/* شكل الأيقونات (مصغّر) */
369.team-social a {
370    width: 28px;
371    height: 28px;
372    font-size: 12px;
373    background: #00b894;
374    color: #fff;
375    border-radius: 50%;
376    display: flex;
377    align-items: center;
378    justify-content: center;
379    text-decoration: none;
380    transition: 0.3s;
381}
382
383/* هوفر الأيقونات */
384.team-social a:hover {
385    background: #344c83;
386}
387
388/* ========================= */
389/* عند الهوفر */
390.team-card:hover {
391    background: #344c83 !important;
392    transform: translateY(-6px);
393}
394
395/* كل النصوص تصير أبيض */
396.team-card:hover * {
397    color: #ffffff !important;
398}
399
400/* إظهار الأيقونات */
401.team-card:hover .team-social {
402    opacity: 1;
403    transform: translateY(0);
404}
405
406/* ========================= */
407/* أول كارد من اليمين */
408.team-wrapper .team-card:first-child {
409    background: #344c83 !important;
410    transform: translateY(-6px);
411}
412
413/* نص أبيض */
414.team-wrapper .team-card:first-child * {
415    color: #ffffff !important;
416}
417
418/* الأيقونات ظاهرة */
419.team-wrapper .team-card:first-child .team-social {
420    opacity: 1;
421    transform: translateY(0);
422}
423
424/* ========================= */
425/* لما تمرري على كارد ثاني */
426.team-wrapper:hover .team-card:first-child {
427    background: #ffffff !important;
428    transform: none;
429}
430
431/* يرجع النص طبيعي */
432.team-wrapper:hover .team-card:first-child * {
433    color: inherit !important;
434}
435
436/* تختفي الأيقونات */
437.team-wrapper:hover .team-card:first-child .team-social {
438    opacity: 0;
439    transform: translateY(25px);
440}
441
442/* الكارد اللي عليه الماوس يظل مفعّل */
443.team-wrapper .team-card:hover {
444    background: #344c83 !important;
445}
446
447.team-wrapper .team-card:hover * {
448    color: #ffffff !important;
449}
450
451.team-wrapper .team-card:hover .team-social {
452    opacity: 1 !important;
453    transform: translateY(0) !important;
454}
455
456.feature-card {
457    position: relative;
458    overflow: hidden;
459    transition: transform 0.35s ease,
460    box-shadow 0.35s ease,
461    filter 0.35s ease;
462}
463
464.feature-card::before {
465    content: "";
466    position: absolute;
467    inset: 0;
468    background: linear-gradient(
469    135deg,
470    rgba(0, 205, 180, 0.28),
471    transparent 55%
472  );
473    opacity: 0;
474    transition: opacity 0.35s ease;
475}
476
477.feature-card::after {
478    content: "";
479    position: absolute;
480    top: 0;
481    right: 20%;
482    width: 60%;
483    height: 4px;
484    background: #00c7b7;
485    border-radius: 0 0 20px 20px;
486    transform: scaleX(0);
487    transform-origin: center;
488    transition: transform 0.35s ease;
489}
490
491.feature-card:hover {
492    transform: translateY(-10px) scale(1.03);
493    box-shadow: 0 18px 35px rgba(0, 0, 0, 0.22);
494    filter: brightness(1.08);
495    z-index: 2;
496}
497
498.feature-card:hover::before {
499    opacity: 1;
500}
501
502.feature-card:hover::after {
503    transform: scaleX(1);
504}
505
506.feature-card .icon {
507    transition: transform 0.35s ease, box-shadow 0.35s ease;
508}
509
510.feature-card:hover .icon {
511    transform: scale(1.15) rotate(8deg);
512    box-shadow: 0 0 0 8px rgba(0, 199, 183, 0.18);
513}
514/*هوفر كارد الخدمان */
515.vad-hover-card {
516    transition: all 0.35s ease;
517    transform: translateY(0);
518    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
519}
520
521/* عند المرور */
522.vad-hover-card:hover {
523    transform: translateY(-10px);
524    box-shadow: 0 20px 50px rgba(0,0,0,0.12);
525}
526
527/* حركة الصورة داخل الكارد */
528.vad-hover-card img {
529    transition: transform 0.4s ease;
530}
531
532.vad-hover-card:hover img {
533    transform: scale(1.05);
534}
535
536/* حركة خفيفة للنص */
537.vad-hover-card:hover {
538    filter: brightness(1.02);
539}
540/*سلايد الصور */ 
541.logo-showcase-fix .slick-track,
542.logo-showcase-fix .swiper-wrapper {
543    width: 100% !important;
544}
545
546@media (max-width: 1024px) {
547  #section-eVOGgEFEOm,
548  #row-BqtYrlcjgf,
549  #col--DTIiZmukr,
550  #section-Ghi885PykS,
551  #row-dN5DrsIkV_,
552  #col-QqK_Pi1F0x,
553  #section-aWWwsMrXyN,
554  #row-BtMSiWt5JN,
555  #col-EvKzQVH_gz,
556  #section-sRm_7xwbLG,
557  #row-hLN6etf885,
558  #col-T1TvorGEqm,
559  #section-NrzRw9y5pT,
560  #row-YRfI7sd_g4,
561  #col-zsCjcp_HDe,
562  #section-naSc-6TBlO,
563  #row-NrT85t1I7q,
564  #col-3zeo1ppef2,
565  #section-9PtG0fkoTT,
566  #row-BgnvzY-q0c,
567  #col-rtLvyqzxce {
568    animation: none !important;
569  }
570}
571</style><link rel="stylesheet" href media="print" onload="this.media='all'"><style>:root{--sticky-header-height:0px}[id]{scroll-margin-top:var(--sticky-header-height)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-grow{flex-grow:9999}.align-center{align-items:center}.h-full{height:100%}.max-w-400{max-width:400px}.text-right{text-align:right}.d-grid{display:grid}.px-0{padding-left:0!important;padding-right:0!important}.gap-1{gap:.3rem}.items-end{align-items:flex-end}.relative{position:relative}.gap-2{gap:.625rem}.mt-20{margin-top:20px}.mt-8{margin-top:32px}.ml-3{margin-left:.75rem}.mr-10{margin-right:10px}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.w-100{width:100%}.h-100{height:100%}.w-50{width:50%}.w-25{width:25%}.mw-100{max-width:100%}
571.noBorder{border:none!important}.iti__flag{background-image:url(https://stcdn.leadconnectorhq.com/intl-tel-input/17.0.12/img/flags.png)}.pointer{cursor:pointer}@media(min-resolution:192dpi){.iti__flag{background-image:url(https://stcdn.leadconnectorhq.com/intl-tel-input/17.0.12/img/[email protected])}}.iti__country{display:flex;justify-content:space-between}.iti__hide{display:none}@media(min-width:768px){.hl_wrapper.nav-shrink .hl_wrapper--inner.page-creator,body{padding-top:0}.hl_page-creator--menu{left:0;top:0;z-index:10}.hl_wrapper{padding-left:0}}@media(min-width:1200px){.hl_wrapper.nav-shrink{padding-left:0!important}}html body .hl_wrapper{height:100vh;overflow:hidden}body{margin:0;-webkit-font-smoothing:antialiased}img{border-style:none;vertical-align:middle}.bg-fixed{z-index:-1}.progress-outer{background-color:#f5f5f5;border-radius:inherit;box-shadow:inset 0 1px 2px #0000001a;font-size:14px;height:35px;line-height:36px;overflow:hidden;padding-bottom:0;padding-top:0;width:100%}.progress-inner{box-shadow:inset 0 -1px #00000026;color:#fff;float:left;font-size:14px;height:100%;padding-left:10px;padding-right:10px;transition:width .6s ease;width:0}.progress0{width:0}.progress10{width:10%}.progress20{width:20%}.progress30{width:30%}.progress40{width:40%}.progress50{width:50%}.progress60{width:60%}.progress70{width:70%}.progress80{width:80%}.progress90{width:90%}.progress100{width:100%}.progressbarOffsetWhite{background:#f5f5f5}.progressbarOffsetTransparentWhite{background-color:#ffffff80}.progressbarOffsetBlack{background:#333}.progressbarOffsetTransparentBlack{background-color:#7e7e7e80}.text-white{color:#fff}.text-bold{font-weight:700}.text-italic{font-style:italic}.text-bold-italic{font-style:italic;font-weight:700}.progressbarSmall{font-size:14px;height:35px;line-height:36px}.progressbarMedium{font-size:19px;height:45px;line-height:45px}.progressbarLarge{font-size:21px;height:65px;line-height:65px}.recaptcha-container{margin-bottom:1em}.recaptcha-container p{color:red;margin-top:1em}.button-recaptcha-container div:first-child{height:auto!important;width:100%!important}.card-el-error-msg{align-items:center;color:#e25950;display:flex;font-size:13px;justify-content:flex-start;padding:10px 0;text-align:center}.card-el-error-msg svg{color:#f87171;margin-right:2px}.hl-faq-child-heading{border:none;cursor:pointer;justify-content:space-between;outline:none;padding:15px;width:100%}.hl-faq-child-head,.hl-faq-child-heading{align-items:center;display:flex}.v-enter-active,.v-leave-active{transition:opacity .2s ease-out}.v-enter-from,.v-leave-to{opacity:0}.faq-separated-child{margin-bottom:10px}.hl-faq-child-panel img{border-radius:15px;cursor:pointer}.hl-faq-child-heading-icon.left{margin-right:1em}.expand-collapse-all-button{background-color:transparent;border:1px solid #d1d5db;border-radius:15px;color:#3b82f6;cursor:pointer;font-size:12px;font-weight:400;line-height:16px;margin:1em 0;padding:5px 15px}.hl-faq-child-panel{transition:padding .2s ease}.v-spinner .v-moon1{position:relative}.v-spinner .v-moon1,.v-spinner .v-moon2{animation:v-moonStretchDelay .6s linear 0s infinite;animation-fill-mode:forwards}.v-spinner .v-moon2{opacity:.8;position:absolute}.v-spinner .v-moon3{opacity:.1}@keyframes v-moonStretchDelay{to{transform:rotate(1turn)}}.generic-error-message{color:red;font-weight:500;margin-top:.5rem;text-align:center}#faq-overlay{background:var(--overlay);height:100vh;opacity:.8;width:100vw}#faq-overlay,#faq-popup{position:fixed;z-index:1000}#faq-popup{background:#fff;height:auto;left:50%;margin-left:-250px;margin-top:-250px;top:50%;width:500px}#popupclose{cursor:pointer;float:right;padding:10px}.popupcontent{height:auto!important;width:100%!important}
571#button{cursor:pointer}.dark{background-color:#000}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.spotlight{background:linear-gradient(45deg,#00dc82,#36e4da 50%,#0047e1);bottom:-30vh;filter:blur(20vh);height:40vh}.z-10{z-index:10}.right-0{right:0}.left-0{left:0}.fixed{position:fixed}.text-black{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.overflow-hidden{overflow:hidden}.min-h-screen{min-height:100vh}.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.place-content-center{place-content:center}.grid{display:grid}.z-20{z-index:20}.max-w-520px{max-width:520px}.mb-8{margin-bottom:2rem}.text-8xl{font-size:6rem;line-height:1}.font-medium{font-weight:500}.mb-16{margin-bottom:4rem}.leading-tight{line-height:1.25}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-light{font-weight:300}@media(min-width:640px){.sm-text-10xl{font-size:10rem;line-height:1}.sm-text-4xl{font-size:2.25rem;line-height:2.5rem}.sm-px-0{padding-left:0;padding-right:0}}.full-center{background-position:50%!important;background-repeat:repeat!important;background-size:cover!important}.fill-width{background-size:100% auto!important}.fill-width,.fill-width-height{background-repeat:no-repeat!important}.fill-width-height{background-size:100% 100%!important}.no-repeat{background-repeat:no-repeat!important}.repeat-x{background-repeat:repeat-x!important}.repeat-y{background-repeat:repeat-y!important}.repeat-x-fix-top{background-position:top!important;background-repeat:repeat-x!important}.repeat-x-fix-bottom{background-position:bottom!important;background-repeat:repeat-x!important}#overlay{height:100%;inset:0;opacity:0;overflow-y:scroll;position:fixed;transition:opacity .3s ease;width:100%;z-index:999;-webkit-overflow-scrolling:touch}#overlay.show{opacity:1}.popup-body{background-color:#fff;height:auto;left:50%;min-height:180px;position:absolute;top:10%;transition:transform .25s ease-in-out}.popup-body,.popup-body.show{transform:translate(-50%)}.closeLPModal{cursor:pointer;position:absolute;right:-10px;top:-10px;z-index:21}.settingsPModal{font-size:18px;left:40%;padding:10px;position:absolute;top:-40px;width:32px}.c-section>.inner{display:flex;flex-direction:column;justify-content:center;margin:auto;z-index:2}.c-row>.inner{display:flex;width:100%}.c-column>.inner{display:flex;flex-direction:column;height:100%;justify-content:inherit;width:100%!important}.c-wrapper{position:relative}.previewer{--vw:100vh/100;height:calc(100vh - 170px);margin:auto;overflow:scroll;overflow-x:hidden;overflow-y:scroll;width:100%}.c-element{position:relative}.c-column{flex:1}.c-column,.c-row{position:relative}p+p{margin-top:auto}.hl_page-creator--row.active{border-color:#188bf6}.flip-list-move{transition:transform .5s}.page-wrapper .sortable-ghost:before{background:#188bf6!important;border-radius:4px;content:"";height:4px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.page-wrapper .sortable-ghost{border:none!important;position:relative}.active-drop-area:before{color:gray;content:"";font-size:12px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.active-drop-area{border:1px dashed grey}.active-drop-area.is-empty{min-height:60px}.empty-component{align-items:center;border:1px dashed #d7dde9;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:2}.empty-component,.empty-component-min-height{min-height:100px;pointer-events:none}.dividerContainer{width:100%}.items-center{align-items:center}.font-semibold{font-weight:600}.text-2xl{font-size:1.5rem}.text-sm{font-size:.875rem}.w-full{width:100%}.mr-2{margin-right:.5rem}.mt-2{margin-top:.5rem}.justify-between{justify-content:space-between}.text-lg{font-size:1.125rem}.font-base{font-weight:400}.justify-end{justify-content:flex-end}.justify-center{justify-content:center!important}.text-center{text-align:center}.centered{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.mx-auto{margin:0 auto}.default-cursor{cursor:default!important}</style><style>@media only screen and (max-width:767px){.c-row>.inner{flex-direction:column}.desktop-only{display:none}.c-column,.c-row{width:100%!important}.c-column,.c-column>.inner,.c-row>.inner,.c-section,.c-section>.inner{padding-left:0!important;padding-right:0!important}.c-column,.c-column>.inner,.c-row{margin-left:0!important;margin-right:0!important}.c-row{padding-left:10px!important;padding-right:10px!important}}@media only screen and (min-width:1024.02px){.mobile-only{display:none}}@media only screen and (min-width:768px)and (max-width:1024px){.tablet-hide{display:none}}.c-button button{outline:none;position:relative}.fa,.fab,.fal,.far,.fas{-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.c-column{flex:1 1 auto!important}.c-column>.inner.horizontal>div{flex:1}.c-row>.inner{display:flex;width:100%}.c-nested-column .c-row>.inner{width:100%!important}.c-nested-column .inner{border:none!important}.bgCover.bg-fixed:before{background-attachment:fixed!important;background-position:50%!important;background-repeat:repeat!important;background-size:cover!important;-webkit-background-size:cover!important}@supports (-webkit-touch-callout:inherit){.bgCover.bg-fixed:before{background-attachment:scroll!important}}.bgCover100.bg-fixed:before{background-size:100% auto!important;-webkit-background-size:100% auto!important}.bgCover100.bg-fixed:before,.bgNoRepeat.bg-fixed:before{background-repeat:no-repeat!important}.bgRepeatX.bg-fixed:before{background-repeat:repeat-x!important}.bgRepeatY.bg-fixed:before{background-repeat:repeat-y!important}.bgRepeatXTop.bg-fixed:before{background-position:top!important;background-repeat:repeat-x!important}.bgRepeatXBottom.bg-fixed:before{background-position:bottom!important;background-repeat:repeat-x!important}.bgCover{background-attachment:fixed!important;background-position:50%!important;background-repeat:repeat!important;background-size:cover!important;-webkit-background-size:cover!important}@supports (-webkit-touch-callout:inherit){.bgCover{background-attachment:scroll!important}}.bgCover100{background-size:100% auto!important;-webkit-background-size:100% auto!important}.bgCover100,.bgNoRepeat{background-repeat:no-repeat!important}.bgRepeatX{background-repeat:repeat-x!important}.bgRepeatY{background-repeat:repeat-y!important}.bgRepeatXTop{background-position:top!important}.bgRepeatXBottom,.bgRepeatXTop{background-repeat:repeat-x!important}.bgRepeatXBottom{background-position:bottom!important}.cornersTop{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.cornersBottom{border-top-left-radius:0!important;border-top-right-radius:0!important}.radius0{border-radius:0}.radius1{border-radius:1px}.radius2{border-radius:2px}.radius3{border-radius:3px}.radius4{border-radius:4px}.radius5{border-radius:5px}.radius10{border-radius:10px}.radius15{border-radius:15px}.radius20{border-radius:20px}.radius25{border-radius:25px}.radius50{border-radius:50px}.radius75{border-radius:75px}.radius100{border-radius:100px}.radius125{border-radius:125px}.radius150{border-radius:150px}.borderTopBottom{border-bottom-color:#000000b3;border-left:none!important;border-right:none!important;border-top-color:#000000b3}.borderTop{border-bottom:none!important;border-top-color:#000000b3}.borderBottom,.borderTop{border-left:none!important;border-right:none!important}.borderBottom{border-bottom-color:#000000b3;border-top:none!important}.borderFull{border-color:#000000b3}@keyframes rocking{0%{transform:rotate(0)}25%{transform:rotate(0)}50%{transform:rotate(2deg)}75%{transform:rotate(-2deg)}to{transform:rotate(0)}}.buttonRocking{animation:rocking 2s infinite;animation-timing-function:ease-out;transition:.2s}.buttonPulseGlow{animation:pulseGlow 2s infinite;animation-timing-function:ease-in-out}@keyframes pulseGlow{0%{box-shadow:0 0 #fff0}25%{box-shadow:0 0 2.5px 1px #ffffff40}50%{box-shadow:0 0 5px 2px #ffffff80}85%{box-shadow:0 0 5px 5px #fff0}to{box-shadow:0 0 #fff0}}.buttonBounce{animation:bounce 1.5s infinite;animation-timing-function:ease-in;transition:.2s}@keyframes bounce{15%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}35%{box-shadow:0 8px 5px -5px #00000040;transform:translateY(-35%)}45%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}55%{box-shadow:0 5px 4px -4px #00000040;transform:translateY(-20%)}70%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}80%{box-shadow:0 4px 3px -3px #00000040;transform:translateY(-10%)}90%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}95%{box-shadow:0 2px 3px -3px #00000040;transform:translateY(-2%)}99%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}to{box-shadow:0 0 0 0 transparent;transform:translateY(0)}}
571@keyframes elevate{0%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}to{box-shadow:0 8px 5px -5px #00000040;transform:translateY(-10px)}}.buttonElevate:hover{animation:elevate .2s forwards}.buttonElevate{box-shadow:0 0 0 0 transparent;transition:.2s}.buttonWobble{transition:.3s}.buttonWobble:hover{animation:wobble .5s 1;animation-timing-function:ease-in-out}@keyframes wobble{0%{transform:skew(0)}25%{transform:skew(10deg)}50%{transform:skew(0)}75%{transform:skew(-10deg)}to{transform:skew(0)}}.image-container img{max-width:100%;vertical-align:middle}.sub-text ::-moz-placeholder{color:#000;opacity:1}.sub-text ::placeholder{color:#000;opacity:1}.image-container{height:100%;width:100%}.shadow5inner{box-shadow:inset 0 1px 3px #0000000d}.shadow10inner{box-shadow:inset 0 1px 5px #0000001a}.shadow20inner{box-shadow:inset 0 1px 5px #0003}.shadow30inner{box-shadow:inset 0 2px 5px 2px #0000004d}.shadow40inner{box-shadow:inset 0 2px 5px 2px #0006}.shadow5{box-shadow:0 1px 3px #0000000d}.shadow10{box-shadow:0 1px 5px #0000001a}.shadow20{box-shadow:0 1px 5px #0003}.shadow30{box-shadow:0 2px 5px 2px #0000004d}.shadow40{box-shadow:0 2px 5px 2px #0006}.sub-heading-button{color:#fff;font-weight:400;line-height:normal;opacity:.8;text-align:center}.wideSection{max-width:1120px}.midWideSection,.wideSection{margin-left:auto!important;margin-right:auto!important}.midWideSection{max-width:960px}.midSection{margin-left:auto!important;margin-right:auto!important;max-width:720px}.c-section>.inner{margin-left:auto;margin-right:auto;max-width:1170px;width:100%}.c-column{padding-left:15px;padding-right:15px}.feature-img-circle img,.img-circle,.img-circle img{border-radius:50%!important}.feature-img-round-corners img,.img-round-corners,.img-round-corners img{border-radius:5px}.feature-image-dark-border img,.image-dark-border{border:3px solid rgba(0,0,0,.7)}.feature-image-white-border img,.image-white-border{border:3px solid #fff}.img-grey,.img-grey img{filter:grayscale(100%);filter:gray;-webkit-transition:all .6s ease}.button-shadow1{box-shadow:0 1px 5px #0003}.button-shadow2{box-shadow:0 1px 5px #0006}.button-shadow3{box-shadow:0 1px 5px #000000b3}.button-shadow4{box-shadow:0 8px 1px #0000001a}.button-shadow5{box-shadow:0 0 25px #0003,0 0 15px #0003,0 0 3px #0006}.button-shadow6{box-shadow:0 0 25px #0006,0 0 15px #fff3,0 0 3px #fff6}.button-shadow-sharp1{box-shadow:inset 0 1px #fff3}.button-shadow-sharp2{box-shadow:inset 0 0 0 1px #fff3}.button-shadow-sharp3{box-shadow:inset 0 0 0 2px #fff3}.button-shadow-highlight{box-shadow:none}.button-shadow-highlight:hover{box-shadow:inset 0 0 #ffffff38,inset 0 233px 233px #ffffff1f}.button-flat-line{background-color:transparent!important;border-width:2px}.button-vp-5{padding-bottom:5px!important;padding-top:5px!important}.button-vp-10{padding-bottom:10px!important;padding-top:10px!important}.button-vp-15{padding-bottom:15px!important;padding-top:15px!important}.button-vp-20{padding-bottom:20px!important;padding-top:20px!important}.button-vp-25{padding-bottom:25px!important;padding-top:25px!important}.button-vp-30{padding-bottom:30px!important;padding-top:30px!important}.button-vp-40{padding-bottom:40px!important;padding-top:40px!important}.button-vp-0{padding-bottom:0!important;padding-top:0!important}.button-hp-5{padding-left:5px!important;padding-right:5px!important}.button-hp-10{padding-left:10px!important;padding-right:10px!important}.button-hp-15{padding-left:15px!important;padding-right:15px!important}.button-hp-20{padding-left:20px!important;padding-right:20px!important}.button-hp-25{padding-left:25px!important;padding-right:25px!important}.button-hp-30{padding-left:30px!important;padding-right:30px!important}.button-hp-40{padding-left:40px!important;padding-right:40px!important}.button-hp-0{padding-left:0!important;padding-right:0!important}.vs__dropdown-toggle{background:#f3f8fb!important;border:none!important;height:43px!important}.row-align-center{margin:0 auto}.row-align-left{margin:0 auto;margin-left:0!important}.row-align-right{margin:0 auto;margin-right:0!important}button,input,optgroup,select,textarea{border-radius:unset;font-family:unset;font-size:unset;line-height:unset;margin:unset;text-transform:unset}body{font-weight:unset!important;line-height:unset!important;-moz-osx-font-smoothing:grayscale;word-wrap:break-word}*,:after,:before{box-sizing:border-box}.main-heading-group>div{display:inline-block}.c-button span.main-heading-group,.c-button span.sub-heading-group{dis
571play:block}.time-grid-3{grid-template-columns:repeat(3,100px)}.time-grid-3,.time-grid-4{display:grid;text-align:center}.time-grid-4{grid-template-columns:repeat(4,100px)}@media screen and (max-width:767px){.time-grid-3{grid-template-columns:repeat(3,80px)}.time-grid-4{grid-template-columns:repeat(4,70px)}}.time-grid .timer-box{display:grid;font-size:15px;grid-template-columns:1fr;text-align:center}.timer-box .label{font-weight:300}.c-button button{cursor:pointer}.c-button>a{text-decoration:none}.c-button>a,.c-button>a span{display:inline-block}.nav-menu-wrapper{display:flex;justify-content:space-between}.nav-menu-wrapper.default{flex-direction:row}.nav-menu-wrapper.reverse{flex-direction:row-reverse}.nav-menu-wrapper .branding{align-items:center;display:flex}.nav-menu-wrapper.default .branding{flex-direction:row}.nav-menu-wrapper.reverse .branding{flex-direction:row-reverse}.nav-menu-wrapper.default .branding .logo,.nav-menu-wrapper.reverse .branding .title{margin-right:18px}.nav-menu-wrapper .branding .title{align-items:center;display:flex;min-height:50px;min-width:50px}.nav-menu{align-items:center;display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.nav-menu a{text-decoration:none}.dropdown{display:inline-block;position:relative}.dropdown .dropdown-menu{border:none;box-shadow:0 8px 16px 5px #0000001a}.dropdown-menu{background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.3125rem;color:#607179;display:none;float:left;font-size:1rem;left:0;list-style:none;margin:.125rem 0 0;min-width:10rem;padding:.5rem 0;position:absolute;text-align:left;top:100%;z-index:1000}.nav-menu .nav-menu-item.dropdown:hover>.dropdown-menu{display:block}.nav-menu .dropdown-menu{display:none;list-style:none;margin:0;padding:0}.nav-menu-mobile{display:none}.nav-menu-mobile i{cursor:pointer;font-size:24px}#nav-menu-popup{background:var(--overlay);display:none;height:100%;inset:0;opacity:0;position:fixed;transition:opacity .3s ease;width:100%;z-index:100}#nav-menu-popup.show{opacity:1}#nav-menu-popup .nav-menu-body{background-color:#fff;height:100%;left:0;overflow:auto;padding:45px;position:absolute;top:0;width:100%}#nav-menu-popup .nav-menu-body .close-menu{cursor:pointer;position:absolute;right:20px;top:20px;z-index:100}#nav-menu-popup .nav-menu-body .close-menu:before{content:""}#nav-menu-popup .nav-menu{align-items:center;display:flex;flex-direction:column;list-style:none;margin:0;padding:0}#nav-menu-popup .nav-menu .nav-menu-item{list-style:none;text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}#nav-menu-popup .nav-menu .nav-menu-item .nav-menu-item-content{display:flex;position:relative}#nav-menu-popup .nav-menu-item .nav-menu-item-title{flex-grow:1;margin:0 1rem;max-width:calc(100% - 2rem)}#nav-menu-popup .nav-menu .nav-menu-item .nav-menu-item-content .nav-menu-item-toggle{cursor:pointer;font-size:24px;position:absolute;right:0;top:calc(50% - 12px)}#nav-menu-popup .nav-menu .nav-menu-item .nav-menu-item-content .nav-menu-item-toggle i{font-size:24px;transition:transform .2s ease}#nav-menu-popup .nav-menu .nav-menu-item .nav-menu-item-content .nav-menu-item-toggle i:before{content:""}#nav-menu-popup .nav-menu .nav-menu-item.active .nav-menu-item-content .nav-menu-item-toggle i{transform:rotate(-180deg)}#nav-menu-popup .nav-menu .nav-menu-item .nav-dropdown-menu{display:none;max-height:0;opacity:0;overflow:auto;padding:0;transition:all .3s ease-in-out;visibility:hidden}#nav-menu-popup .nav-menu .nav-menu-item.active .nav-dropdown-menu{display:block;max-height:600px;opacity:1;visibility:visible}.form-error{border:2px solid var(--red);border-radius:8px;cursor:pointer;font-size:20px;margin-bottom:10px;padding:6px 12px;text-align:center}.form-error,.form-error i{color:var(--red)}.c-bullet-list ul li{line-height:inherit}.c-bullet-list ul li.ql-indent-1{padding-left:4.5em}.c-bullet-list ul li.ql-indent-2{padding-left:7.5em}.c-bullet-list ul li.ql-indent-3{padding-left:10.5em}.c-bullet-list ul li.ql-indent-4{padding-left:13.5em}.c-bullet-list ul li.ql-indent-5{padding-left:16.5em}.c-bullet-list ul li.ql-indent-6{padding-left:19.5em}.c-bullet-list ul li.ql-indent-7{padding-left:22.5em}.c-bullet-list ul li.ql-indent-8{padding-left:25.5em}.c-rich-text .list-disc{list-style-type:disc}.c-rich-text .list-square{list-style-type:square}.c-rich-text .list-none{list-style-type:none}.c-rich-text .list-circle{list-style-type:circle}.c-rich-text .list-decimal{list-style-type:decimal}.c-rich-text .list-upper-alpha{list-style-type:upper-alpha}.c-rich-text .list-lower-alpha{list-style-type:lower-alpha}.c-rich-text .list-upper-roman{list-style-type:upper-roman}.c-rich-text .list-lower-roman{list-style-type:lower-roman}.text-output ul li{padding-left:1.5em}.text-output ul li:before{display:inline-block;font-weight:700;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.svg-component svg{max-height:100%;max-width:100%}.border1{border-bottom:3px solid rgba(0,0,0,.2)!important}.border2{border:2px solid rgba(0,0,0,.55)}.border3{border:solid rgba(0,0,0,.15);border-width:1px 1px 2px;padding:5px}.border4{border:solid rgba(0,0,0,.35);border-width:1px 1px 2px;padding:1px!important}.shadow1{box-shadow:0 10px 6px -6px #00000026}.shadow2{box-shadow:0 4px 3px #00000026,0 0 2px #00000026}.shadow3{box-shadow:0 10px 6px -6px #999}.shadow4{box-shadow:3px 3px 15px #212121a8}.shadow6{box-shadow:0 10px 1px #ddd,0 10px 20px #ccc}.background{background-color:unset!important}@keyframes progress-bar-animation{to{background-position:0 -3000px}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}h1,h2,h3,h4,h5,h6{font-weight:500;margin:unset}p{margin:unset}.c-bullet-list,.c-faq,.c-heading,.c-image-feature,.c-paragraph,.c-sub-heading{word-break:break-word}h1:empty:after,h2:empty:after,h3:empty:after,h4:empty:after,h5:empty:after,h6:empty:after,p:empty:after{content:" "}h1:has(>br:last-child):not(:has(>br:nth-of-type(2))):after,h2:has(>br:last-child):not(:has(>br:nth-of-type(2))):after,h3:has(>br:last-child):not(:has(>br:nth-of-type(2))):after,h4:has(>br:last-child):not(:has(>br:nth-of-type(2))):after,h5:has(>br:last-child):not(:has(>br:nth-of-type(2))):after,h6:has(>br:last-child):not(:has(>br:nth-of-type(2))):after,p:has(>br:last-child):not(:has(>br:nth-of-type(2))):after{content:"\a";white-space:pre}.w-3-4{width:75%}.w-1-2{width:50%}.tabs-container{display:flex}@media screen and (max-width:767px){.nav-menu{display:none}.nav-menu-mobile{align-items:center;display:flex}#faq-popup{left:5px!important;margin-left:0!important;width:98%!important}.video-container{width:100%!important}.autoplay .vjs-big-play-button{display:none!important}.autoplay:hover .vjs-control-bar{display:flex!important}}.hvr-grow{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:var(--hover-easing,ease);vertical-align:middle}
571.hl-builder-hover-preview.hvr-grow,.hvr-grow:hover{transform:perspective(1px) translateZ(0) scale(var(--hover-scale,1.05))!important}.hvr-shrink{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:var(--hover-easing,ease);vertical-align:middle}.hl-builder-hover-preview.hvr-shrink,.hvr-shrink:hover{transform:perspective(1px) translateZ(0) scale(var(--hover-scale,.9))!important}@keyframes hvr-pulse{25%{transform:scale(var(--hover-scale,1.1))}75%{transform:scale(.9)}}.hvr-pulse{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);vertical-align:middle}.hl-builder-hover-preview.hvr-pulse,.hvr-pulse:hover{animation-delay:var(--hover-delay,0s);animation-duration:var(--hover-duration,1s);animation-iteration-count:infinite;animation-name:hvr-pulse;animation-timing-function:linear}.hvr-bounce-in{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.5s);transition-property:transform;vertical-align:middle}.hl-builder-hover-preview.hvr-bounce-in,.hvr-bounce-in:hover{transform:perspective(1px) translateZ(0) scale(var(--hover-scale,1.2))!important;transition-timing-function:cubic-bezier(.47,2.02,.31,-.36)}.hvr-rotate{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:var(--hover-easing,ease);vertical-align:middle}.hl-builder-hover-preview.hvr-rotate,.hvr-rotate:hover{transform:perspective(1px) translateZ(0) rotate(calc(var(--hover-angle, 5)*1deg))!important}.hvr-float{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:var(--hover-easing,ease-out);vertical-align:middle}.hl-builder-hover-preview.hvr-float,.hvr-float:hover{transform:perspective(1px) translateZ(0) translateY(calc(var(--hover-distance, 5)*-1px))!important}.hvr-skew-forward{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transform-origin:0 100%;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:var(--hover-easing,ease);vertical-align:middle}.hl-builder-hover-preview.hvr-skew-forward,.hvr-skew-forward:hover{transform:perspective(1px) translateZ(0) skew(calc(var(--hover-angle, 5)*-1deg))!important}@keyframes hvr-wobble-horizontal{16.65%{transform:translate(8px)}33.3%{transform:translate(-6px)}49.95%{transform:translate(4px)}66.6%{transform:translate(-2px)}83.25%{transform:translate(1px)}to{transform:translate(0)}}.hvr-wobble-horizontal{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);vertical-align:middle}.hl-builder-hover-preview.hvr-wobble-horizontal,.hvr-wobble-horizontal:hover{animation-delay:var(--hover-delay,0s);animation-duration:var(--hover-duration,1s);animation-iteration-count:1;animation-name:hvr-wobble-horizontal;animation-timing-function:ease-in-out}@keyframes hvr-buzz{50%{transform:translate(calc(var(--hover-distance, 3)*1px)) rotate(2deg)}to{transform:translate(calc(var(--hover-distance, 3)*-1px)) rotate(-2deg)}}.hvr-buzz{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);vertical-align:middle}.hl-builder-hover-preview.hvr-buzz,.hvr-buzz:hover{animation-delay:var(--hover-delay,0s);animation-duration:var(--hover-duration,.15s);animation-iteration-count:infinite;animation-name:hvr-buzz;animation-timing-function:linear}.hoverElevate{backface-visibility:hidden;box-shadow:0 0 0 0 transparent;transition:transform var(--hover-duration,.3s) var(--hover-easing,ease) var(--hover-delay,0s),box-shadow var(--hover-duration,.3s) var(--hover-easing,ease) var(--hover-delay,0s)}
571.hl-builder-hover-preview.hoverElevate,.hoverElevate:hover{box-shadow:0 8px 5px -5px #00000040!important;transform:translateY(calc(var(--hover-distance, 10)*-1px))!important}.hvr-fade{box-shadow:0 0 1px transparent;display:inline-block;overflow:hidden;position:relative;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:color;vertical-align:middle}.hvr-fade>*{position:relative;z-index:1}.hvr-fade:before{background:var(--hover-fill-color,#188bf6);content:"";inset:0;opacity:0;position:absolute;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:opacity;z-index:0}.hl-builder-hover-preview.hvr-fade,.hvr-fade:hover{color:#fff!important}.hvr-fade:hover:before{opacity:1!important}@keyframes hvr-fade-preview{0%{opacity:0}to{opacity:1}}.hl-builder-hover-preview.hvr-fade:before{animation:hvr-fade-preview var(--hover-duration,.3s) var(--hover-easing,ease-in-out) var(--hover-delay,0s) forwards!important}.hvr-sweep-to-right{box-shadow:0 0 1px transparent;display:inline-block;overflow:hidden;position:relative;transform:perspective(1px) translateZ(0);transition-duration:var(--hover-duration,.3s);transition-property:color;vertical-align:middle}.hvr-sweep-to-right>*{position:relative;z-index:1}.hvr-sweep-to-right:before{background:var(--hover-fill-color,#188bf6);content:"";inset:0;position:absolute;transform:scaleX(0);transform-origin:0 50%;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:ease-out;z-index:0}
571.hl-builder-hover-preview.hvr-sweep-to-right,.hvr-sweep-to-right:hover{color:#fff!important}.hvr-sweep-to-right:hover:before{transform:scaleX(1)!important}@keyframes hvr-sweep-right-preview{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hl-builder-hover-preview.hvr-sweep-to-right:before{animation:hvr-sweep-right-preview var(--hover-duration,.3s) var(--hover-easing,ease-out) var(--hover-delay,0s) forwards!important}.hvr-sweep-to-bottom{box-shadow:0 0 1px transparent;display:inline-block;overflow:hidden;position:relative;transform:perspective(1px) translateZ(0);transition-duration:var(--hover-duration,.3s);transition-property:color;vertical-align:middle}.hvr-sweep-to-bottom>*{position:relative;z-index:1}.hvr-sweep-to-bottom:before{background:var(--hover-fill-color,#188bf6);content:"";inset:0;position:absolute;transform:scaleY(0);transform-origin:50% 0;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:ease-out;z-index:0}.hl-builder
571-hover-preview.hvr-sweep-to-bottom,.hvr-sweep-to-bottom:hover{color:#fff!important}.hvr-sweep-to-bottom:hover:before{transform:scaleY(1)!important}@keyframes hvr-sweep-bottom-preview{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.hl-builder-hover-preview.hvr-sweep-to-bottom:before{animation:hvr-sweep-bottom-preview var(--hover-duration,.3s) var(--hover-easing,ease-out) var(--hover-delay,0s) forwards!important}.hvr-radial-in{box-shadow:0 0 1px transparent;color:var(--hover-radial-in-rest-color,#fff)!important;display:inline-block;overflow:hidden;position:relative;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:color;vertical-align:middle}.hvr-radial-in>*{position:relative;z-index:1}.hvr-radial-in:before{background:var(--hover-fill-color,#188bf6);border-radius:100%;content:"";inset:0;position:absolute;transform:scale(2);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:ease-out;z-index:0}.hvr-radial-in:hover{color:var(--hover-radial-in-hover-color,inherit)!important}.hvr-radial-in:hover:before{transform:scale(0)!important}@keyframes hvr-radial-in-preview{0%{transform:scale(2)}to{transform:scale(0)}}
571.hl-builder-hover-preview.hvr-radial-in:before{animation:hvr-radial-in-preview var(--hover-duration,.3s) var(--hover-easing,ease-out) var(--hover-delay,0s) forwards!important}.hvr-bounce-to-top{box-shadow:0 0 1px transparent;display:inline-block;overflow:hidden;position:relative;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:color;vertical-align:middle}.hvr-bounce-to-top>*{position:relative;z-index:1}.hvr-bounce-to-top:before{background:var(--hover-fill-color,#188bf6);content:"";inset:0;position:absolute;transform:scaleY(0);transform-origin:50% 100%;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:cubic-bezier(.47,2.02,.31,-.36);z-index:0}.hl-builder-hover-preview.hvr-bounce-to-top,.hvr-bounce-to-top:hover{color:#fff!important}.hvr-bounce-to-top:hover:before{transform:scaleY(1)!important}@keyframes hvr-bounce-top-preview{0%{transform:scaleY(0)}to{transform:scaleY(1)}}
571.hl-builder-hover-preview.hvr-bounce-to-top:before{animation:hvr-bounce-top-preview var(--hover-duration,.3s) cubic-bezier(.47,2.02,.31,-.36) var(--hover-delay,0s) forwards!important}@keyframes hvr-ripple-out{to{inset:-12px;opacity:0}}.hvr-ripple-out{box-shadow:0 0 1px transparent;display:inline-block;position:relative;transform:perspective(1px) translateZ(0);vertical-align:middle}.hvr-ripple-out:before{animation-delay:var(--hover-delay,0s);animation-duration:var(--hover-duration,1s);border:var(--hover-border-thickness,2px) solid var(--hover-border-color,#188bf6);content:"";inset:0;position:absolute}.hl-builder-hover-preview.hvr-ripple-out:before,.hvr-ripple-out:hover:before{animation-name:hvr-ripple-out}.hvr-outline-in{box-shadow:0 0 1px transparent;display:inline-block;position:relative;transform:perspective(1px) translateZ(0);vertical-align:middle}.hvr-outline-in:before{border:var(--hover-border-thickness,4px) solid var(--hover-border-color,#188bf6);content:"";inset:-16px;opacity:0;pointer-events:none;position:absolute;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:top,right,bottom,left,opacity}
571.hl-builder-hover-preview.hvr-outline-in:before,.hvr-outline-in:hover:before{inset:-8px!important;opacity:1!important}.hvr-underline-from-center{box-shadow:0 0 1px transparent;display:inline-block;overflow:hidden;position:relative;transform:perspective(1px) translateZ(0);vertical-align:middle}.hvr-underline-from-center>*{position:relative;z-index:1}.hvr-underline-from-center:before{background:var(--hover-border-color,#188bf6);bottom:0;content:"";height:var(--hover-border-thickness,4px);left:51%;position:absolute;right:51%;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:left,right;transition-timing-function:ease-out;z-index:0}.hl-builder-hover-preview.hvr-underline-from-center:before,.hvr-underline-from-center:hover:before{left:0!important;right:0!important}.hvr-shadow{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition:box-shadow var(--hover-duration,.3s) var(--hover-easing,ease-in-out) var(--hover-delay,0s);vertical-align:middle}.hl-builder-hover-preview.hvr-shadow,.hvr-shadow:focus,.hvr-shadow:hover{box-shadow:0 var(--hover-spread,10px) var(--hover-blur,10px) calc(var(--hover-spread, 10px)*-1) var(--hover-shadow-color,rgba(24,139,246,.55))!important}.hvr-glow{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition:box-shadow var(--hover-duration,.3s) var(--hover-easing,ease-in-out) var(--hover-delay,0s);vertical-align:middle}.hl-builder-hover-preview.hvr-glow,.hvr-glow:focus,.hvr-glow:hover{box-shadow:0 0 var(--hover-blur,8px) var(--hover-spread,0) var(--hover-shadow-color,rgba(24,139,246,.55))!important}.hvr-box-shadow-outset{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:box-shadow;vertical-align:middle}.hl-builder-hover-preview.hvr-box-shadow-outset,.hvr-box-shadow-outset:active,.hvr-box-shadow-outset:focus,.hvr-box-shadow-outset:hover{box-shadow:2px 2px var(--hover-blur,10px) var(--hover-spread,5px) var(--hover-shadow-color,rgba(24,139,246,.55))!important}@media(hover:none),(max-width:1024px){.hl-builder-hover-preview.hoverElevate,.hl-builder-hover-preview.hvr-bounce-in,.hl-builder-hover-preview.hvr-box-shadow-outset,.hl-builder-hover-preview.hvr-buzz,.hl-builder-hover-preview.hvr-float,.hl-builder-hover-preview.hvr-glow,.hl-builder-hover-preview.hvr-grow,.hl-builder-hover-preview.hvr-pulse,.hl-builder-hover-preview.hvr-rotate,.hl-builder-hover-preview.hvr-shadow,.hl-builder-hover-preview.hvr-shrink,.hl-builder-hover-preview.hvr-skew-forward,.hl-builder-hover-preview.hvr-wobble-horizontal,.hoverElevate:hover,.hvr-bounce-in:hover,.hvr-box-shadow-outset:active,.hvr-box-shadow-outset:focus,.hvr-box-shadow-outset:hover,.hvr-buzz:hover,.hvr-float:hover,.hvr-glow:focus,.hvr-glow:hover,.hvr-grow:hover,.hvr-pulse:hover,.hvr-rotate:hover,.hvr-shadow:focus,.hvr-shadow:hover,.hvr-shrink:hover,.hvr-skew-forward:hover,.hvr-wobble-horizontal:hover{animation:none!important;box-shadow:none!important;transform:none!important}.hl-builder-hover-preview.hvr-bounce-to-top:before,.hl-builder-hover-preview.hvr-fade:before,.hl-builder-hover-preview.hvr-outline-in:before,.hl-builder-hover-preview.hvr-ripple-out:before,.hl-builder-hover-preview.hvr-sweep-to-bottom:before,.hl-builder-hover-preview.hvr-sweep-to-right:before,.hl-builder-hover-preview.hvr-underline-from-center:before,.hvr-bounce-to-top:hover:before,.hvr-fade:hover:before,.hvr-outline-in:hover:before,.hvr-ripple-out:hover:before,.hvr-sweep-to-bottom:hover:before,.hvr-sweep-to-right:hover:before,.hvr-underline-from-center:hover:before{animation:none!important;opacity:0!important;transform:scale(0)!important}.hvr-radial-in:hover:before{animation:none!important;opacity:1!important;transform:scale(2)!important}}.hl-entrance-running{pointer-events:none!important}.hl-entrance-parent-clipping{overflow:hidden}[data-animation-done="1"]:not(.hl-entrance-running){opacity:1!important}@media(prefers-reduced-motion:reduce){.hoverElevate,.hoverElevate.hl-builder
571-hover-preview,.hoverElevate:hover,[class*=hvr-],[class*=hvr-].hl-builder-hover-preview,[class*=hvr-]:hover{animation:none!important;transform:none!important;transition:none!important}}@media screen and (max-width:767px){.hl-pricing-table-slide-columns{--column-width:100%!important;--column-gap:0px!important}.hl-pricing-table-slide-columns .hl-pricing-table-column-container:not(:first-child){display:none!important}}@media screen and (max-width:768px){.hl-pricing-table-classic-table-grid-container{grid-template-columns:repeat(var(--mobile-columns),280px)!important;width:calc(var(--mobile-columns)*280px)!important}}</style><style>@font-face{font-display:swap;font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:400;src:url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.eot);src:url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.woff2) format("woff2"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.woff) format("woff"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.ttf) format("truetype"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-weight:400}@font-face{font-display:swap;
571font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:900;src:url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.eot);src:url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.woff2) format("woff2"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.woff) format("woff"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.ttf) format("truetype"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:Font Awesome\ 5 Free}.fa,.fas{font-weight:900}@font-face{font-display:swap;font-family:Font Awesome\ 5 Brands;font-style:normal;font-weight:400;src:url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.eot);src:url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.woff2) format("woff2"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.woff) format("woff"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.ttf) format("truetype"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.svg#fontawesome) format("svg")}
571.fab{font-family:Font Awesome\ 5 Brands;font-weight:400}</style><style>:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{animation-duration:1s;animation-duration:var(--animate-duration);animation-fill-mode:both}@media(prefers-reduced-motion:reduce),print{.animate__animated{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.animate__animated[class*=Out]{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{animation-name:fadeIn}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInUp{animation-name:fadeInUp}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInDown{animation-name:fadeInDown}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInRight{animation-name:fadeInRight}@keyframes slideInUp{0%{opacity:0;transform:translate3d(0,100%,0);visibility:visible}to{opacity:1;transform:translateZ(0)}}.animate__slideInUp{animation-name:slideInUp}@keyframes slideInDown{0%{opacity:0;transform:translate3d(0,-100%,0);visibility:visible}to{opacity:1;transform:translateZ(0)}}.animate__slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{opacity:0;transform:translate3d(-100%,0,0);visibility:visible}to{opacity:1;transform:translateZ(0)}}.animate__slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{opacity:0;transform:translate3d(100%,0,0);visibility:visible}to{opacity:1;transform:translateZ(0)}}.animate__slideInRight{animation-name:slideInRight}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.animate__bounceIn{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*.75);animation-name:bounceIn}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}75%{transform:translate3d(0,10px,0) scaleY(.95)}90%{transform:translate3d(0,-5px,0) scaleY(.985)}to{transform:translateZ(0)}}.animate__bounceInUp{animation-name:bounceInUp}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;transform:translate3d(0,25px,0) scaleY(.9)}75%{transform:translate3d(0,-10px,0) scaleY(.95)}90%{transform:translate3d(0,5px,0) scaleY(.985)}to{transform:translateZ(0)}}.animate__bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(25px,0,0) scaleX(1)}75%{transform:translate3d(-10px,0,0) scaleX(.98)}90%{transform:translate3d(5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}.animate__bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(-25px,0,0) scaleX(1)}75%{transform:translate3d(10px,0,0) scaleX(.98)}90%{transform:translate3d(-5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}.animate__bounceInRight{animation-name:bounceInRight}@keyframes flip{0%{animation-timing-function:ease-out;opacity:0;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{animation-timing-function:ease-in;transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0)}to{animation-timing-function:ease-in;opacity:1;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0)}}.animate__animated.animate__flip{animation-name:flip;backface-visibility:visible}@keyframes flipInX{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.animate__flipInX{animation-name:flipInX;backface-visibility:visible!important}@keyframes flipInY{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateY(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateY(-20deg)}60%{opacity:1;transform:perspective(400px) rotateY(10deg)}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.animate__flipInY{animation-name:flipInY;backface-visibility:visible!important}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:translateZ(0)}}.animate__rollIn{animation-name:rollIn}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{animation-name:zoomIn}@keyframes lightSpeedInLeft{0%{opacity:0;transform:translate3d(-100%,0,0) skew(30deg)}60%{opacity:1;transform:skew(-20deg)}80%{transform:skew(5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInLeft{animation-name:lightSpeedInLeft;animation-timing-function:ease-out}@keyframes lightSpeedInRight{0%{opacity:0;transform:translate3d(100%,0,0) skew(-30deg)}60%{opacity:1;transform:skew(20deg)}80%{transform:skew(-5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInRight{animation-name:lightSpeedInRight;animation-timing-function:ease-out}</style><style>.testimonial-modal-overlay{align-items:center;background:#0000004d;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10000}.testimonial-modal-content{align-items:stretch;background:none;display:flex;flex-direction:column;max-height:600px;max-width:540px;width:100%}.testimonial-modal-close{align-items:center;background:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:20px;top:20px;transition:background .15s;width:36px;z-index:2}.testimonial-modal-close-icon{color:#222;height:22px;width:22px}@media(max-width:768px){.testimonial-modal-content{border-radius:10px;max-width:98vw}.testimonial-modal-close{right:10px;top:10px}}</style><link rel="preload" as="style" href><link  as="script" crossorigin href="https://stcdn.leadconnectorhq.com/_preview/B-xgwZRs.js"><link  as="script" crossorigin href="https://stcdn.leadconnectorhq.com/_preview/j77rDyed.js"><link  as="script" crossorigin href="https://stcdn.leadconnectorhq.com/_preview/DWmzV-xc.js"><link  as="script" crossorigin href="https://stcdn.leadconnectorhq.com/_preview/BsZcPm9b.js"><link  as="script" crossorigin href="https://stcdn.leadconnectorhq.com/_preview/Ca4UpVxP.js">
571<script type="module" src="https://stcdn.leadconnectorhq.com/_preview/B-xgwZRs.js" crossorigin></script>
571<link rel="dns-prefetch" href="https://services.leadconnectorhq.com"><link rel="icon" href="https://stcdn.leadconnectorhq.com/funnel/icon/favicon.ico"><meta name="google-site-verification" content="6qlaIw6ru15GmH5kg1k3s85BOjmbK-L4FRlXsHF3GKk"></head><body><div id="__nuxt"><!--[--><div></div><!--[--><div class="bgCover bg-fixed"></div><div><!--[--><div><!----><!----><div><div id="nav-menu-popup" style="display:none;" class="hide"><div class="nav-menu-body"><i class="close-menu fas fa-times"></i><ul class="nav-menu"><!--[--><!--]--></ul></div></div></div><!----><!--[--><!----><!--]--><div id="preview-container" class="preview-container hl_page-preview--content"><div><!----><!--[--><!--[--><div id="section-eVOGgEFEOm" data-animation-class data-entrance-clip="1" style="" class="fullSection true c-section c-wrapper section-eVOGgEFEOm"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="row-BqtYrlcjgf" data-animation-class data-entrance-clip="1" style="" class="row-align-center true c-row c-wrapper row-BqtYrlcjgf"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="col--DTIiZmukr" data-animation-class data-entrance-clip="1" style="" class="true c-column c-wrapper col--DTIiZmukr"><!----><!----><div class="vertical inner"><!----><!--[--><!--[--><div id="custom-code-FatYfTQEHu" data-animation-class style="" class="c-custom-code c-wrapper custom-code-FatYfTQEHu"><!----><!----><!----><!----><!----><!----><!----><span></span><div id="custom-code-FatYfTQEHu__custom-code" class="custom-code-container ccustom-code-FatYfTQEHu"><!-- =========================================================
572     VAD PLUS — MAIN NAVIGATION 2026
573     UNIVERSAL HEADER FOR GOHIGHLEVEL
574     FIXED: AUTO-POSITIONING FOR ABOUT MENU + NO GHOST MODAL
575========================================================= -->
576
577<style>
578
579/* =========================================================
580   FONT
581========================================================= */
582@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');
583
584/* =========================================================
585   ROOT
586========================================================= */
587#vad-header-mount {
588    position: sticky;
589    position: -webkit-sticky;
590    top: 0;
591    width: 100%;
592    z-index: 2147483000;
593    pointer-events: none !important;
594}
595
596#vad-main-header,
597#vad-main-header *,
598#vad-main-header *::before,
599#vad-main-header *::after,
600#vad-mobile-drawer,
601#vad-mobile-drawer *,
602#vad-mobile-drawer *::before,
603#vad-mobile-drawer *::after,
604#vad-quiz-modal,
605#vad-quiz-modal * {
606    box-sizing: border-box;
607    font-family: "Cairo", sans-serif !important;
608}
609
610#vad-main-header {
611    --vad-navy: #071B33;
612    --vad-navy-light: #0D2B4D;
613    --vad-green: #00B894;
614    --vad-green-hover: #00A987;
615    --vad-white: #FFFFFF;
616    --vad-text: #0B2139;
617    --vad-muted: #718096;
618    --vad-border: rgba(7, 27, 51, .08);
619    --vad-green-soft: rgba(0, 184, 148, .075);
620
621    width: 100%;
622    position: relative;
623    z-index: 2147483000;
624    padding: 15px 18px 0;
625    direction: rtl;
626    pointer-events: none !important;
627}
628
629/* =========================================================
630   HEADER SHELL
631========================================================= */
632#vad-main-header .vad-header-shell {
633    position: relative;
634    width: 100%;
635    max-width: 1680px;
636    min-height: 82px;
637    margin: 0 auto;
638    padding: 9px 14px;
639    display: flex;
640    align-items: center;
641    gap: 12px;
642    background: rgba(255,255,255,.985);
643    border: 1px solid var(--vad-border);
644    border-radius: 25px;
645    box-shadow:
646        0 20px 55px rgba(7,27,51,.10),
647        0 7px 28px rgba(0,184,148,.05);
648    pointer-events: auto !important;
649    transition: min-height .25s ease, box-shadow .25s ease, background .25s ease;
650}
651
652#vad-main-header.vad-scrolled .vad-header-shell {
653    min-height: 68px;
654    background: rgba(255,255,255,.95);
655    backdrop-filter: blur(18px);
656    -webkit-backdrop-filter: blur(18px);
657    box-shadow:
658        0 16px 45px rgba(7,27,51,.13),
659        0 7px 24px rgba(0,184,148,.07);
660}
661
662/* =========================================================
663   LOGO
664========================================================= */
665#vad-main-header .vad-logo {
666    flex: 0 0 auto;
667    display: inline-flex;
668    align-items: center;
669    padding: 8px;
670    border-radius: 12px;
671    text-decoration: none;
672    direction: ltr !important;
673    white-space: nowrap;
674    pointer-events: auto !important;
675}
676
677#vad-main-header .vad-logo-inner {
678    display: inline-flex;
679    align-items: center;
680    gap: 5px;
681    direction: ltr !important;
682    unicode-bidi: isolate;
683}
684
685#vad-main-header .vad-logo-vad,
686#vad-main-header .vad-logo-plus {
687    font-size: 26px;
688    font-weight: 900;
689    line-height: 1;
690    letter-spacing: -1.4px;
691}
692
693#vad-main-header .vad-logo-vad { color: var(--vad-navy); }
694#vad-main-header .vad-logo-plus { color: var(--vad-green); }
695
696#vad-main-header .vad-logo-dot {
697    width: 15px;
698    height: 15px;
699    border-radius: 50%;
700    background: var(--vad-green);
701    border: 4px solid rgba(0,184,148,.13);
702}
703
704/* =========================================================
705   DESKTOP NAV
706========================================================= */
707#vad-main-header .vad-desktop-nav {
708    flex: 1;
709    min-width: 0;
710    display: flex;
711    align-items: center;
712    justify-content: center;
713    gap: clamp(1px, .4vw, 7px);
714    pointer-events: auto !important;
715}
716
717#vad-main-header .vad-nav-item {
718    position: static;
719}
720
721#vad-main-header .vad-nav-link,
722#vad-main-header .vad-nav-trigger {
723    position: relative;
724    min-height: 48px;
725    padding: 0 clamp(7px, .7vw, 12px);
726    border: 0;
727    outline: 0;
728    border-radius: 12px;
729    background: transparent;
730    color: var(--vad-navy);
731    text-decoration: none;
732    cursor: pointer !important;
733    display: inline-flex;
734    align-items: center;
735    justify-content: center;
736    gap: 6px;
737    white-space: nowrap;
738    font-size: clamp(11.5px, .88vw, 14px);
739    font-weight: 700;
740    transition: color .18s ease, background .18s ease;
741    pointer-events: auto !important;
742}
743
744#vad-main-header .vad-nav-link:hover,
745#vad-main-header .vad-nav-trigger:hover,
746#vad-main-header .vad-nav-item.is-open .vad-nav-trigger {
747    color: var(--vad-green);
748    background: rgba(0,184,148,.065);
749}
750
751#vad-main-header .vad-nav-link::after,
752#vad-main-header .vad-nav-trigger::after {
753    content: "";
754    position: absolute;
755    right: 50%;
756    bottom: 3px;
757    width: 0;
758    height: 3px;
759    transform: translateX(50%);
760    border-radius: 30px;
761    background: var(--vad-green);
762    transition: width .2s ease;
763}
764
765#vad-main-header .vad-nav-link:hover::after,
766#vad-main-header .vad-nav-trigger:hover::after,
767#vad-main-header .vad-nav-item.is-open .vad-nav-trigger::after {
768    width: 24px;
769}
770
771#vad-main-header .vad-chevron {
772    width: 14px;
773    height: 14px;
774    transition: transform .2s ease;
775}
776
777#vad-main-header .vad-nav-item.is-open .vad-chevron {
778    transform: rotate(180deg);
779}
780
781/* =========================================================
782   HEADER ACTIONS
783========================================================= */
784#vad-main-header .vad-header-actions {
785    flex: 0 0 auto;
786    display: flex;
787    align-items: center;
788    gap: 6px;
789    pointer-events: auto !important;
790}
791
792#vad-main-header .vad-academy-link {
793    min-height: 46px;
794    padding: 0 10px;
795    border-radius: 12px;
796    display: inline-flex;
797    align-items: center;
798    gap: 7px;
799    color: var(--vad-navy);
800    text-decoration: none;
801    font-size: 11.5px;
802    font-weight: 800;
803    white-space: nowrap;
804    transition: background .18s ease, color .18s ease;
805    pointer-events: auto !important;
806}
807
808#vad-main-header .vad-academy-link:hover {
809    color: var(--vad-green);
810    background: rgba(7,27,51,.045);
811}
812
813#vad-main-header .vad-academy-icon {
814    width: 30px;
815    height: 30px;
816    border-radius: 9px;
817    display: flex;
818    align-items: center;
819    justify-content: center;
820    color: #FFFFFF;
821    background: var(--vad-navy);
822}
823
824#vad-main-header .vad-academy-icon svg { width: 15px; height: 15px; }
825
826#vad-main-header .vad-main-cta {
827    min-height: 48px;
828    padding: 0 17px;
829    border-radius: 13px;
830    display: inline-flex;
831    align-items: center;
832    justify-content: center;
833    gap: 8px;
834    color: #FFFFFF;
835    background: var(--vad-green);
836    text-decoration: none;
837    white-space: nowrap;
838    font-size: 13px;
839    font-weight: 900;
840    box-shadow: 0 10px 24px rgba(0,184,148,.20);
841    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
842    pointer-events: auto !important;
843}
844
845#vad-main-header .vad-main-cta:hover {
846    transform: translateY(-2px);
847    background: var(--vad-green-hover);
848    box-shadow: 0 14px 30px rgba(0,184,148,.27);
849}
850
851/* =========================================================
852   MEGA & SMALL PANELS
853========================================================= */
854#vad-main-header .vad-mega-panel,
855#vad-main-header .vad-small-panel {
856    display: none !important;
857    position: absolute;
858    z-index: 500;
859    top: calc(100% + 11px);
860    padding: 12px;
861    direction: rtl;
862    background: rgba(255,255,255,.995);
863    border: 1px solid rgba(7,27,51,.075);
864    border-radius: 23px;
865    box-shadow:
866        0 30px 80px rgba(7,27,51,.17),
867        0 10px 35px rgba(0,184,148,.065);
868    opacity: 0;
869    visibility: hidden;
870    pointer-events: none !important;
871    transform-origin: top center;
872    transition: opacity .18s ease, visibility .18s ease, transform .18s ease;
873}
874
875#vad-main-header .vad-mega-panel {
876    left: 50%;
877    width: min(1080px, calc(100vw - 38px));
878    transform: translateX(-50%) translateY(8px) scale(.99);
879}
880
881#vad-main-header .vad-mega-panel.is-open {
882    display: block !important;
883    opacity: 1;
884    visibility: visible;
885    pointer-events: auto !important;
886    transform: translateX(-50%) translateY(0) scale(1);
887}
888
889/* FIXED: ABOUT SMALL PANEL POSITIONING */
890#vad-main-header .vad-small-panel {
891    width: 240px;
892    padding: 9px;
893    border-radius: 17px;
894    transform: translateX(-50%) translateY(7px);
895}
896
897#vad-main-header .vad-small-panel.is-open {
898    display: block !important;
899    opacity: 1;
900    visibility: visible;
901    pointer-events: auto !important;
902    transform: translateX(-50%) translateY(0);
903}
904
905#vad-main-header [data-panel="trainers"] { width: min(1040px, calc(100vw - 38px)); }
906#vad-main-header [data-panel="companies"] { width: min(1160px, calc(100vw - 38px)); }
907#vad-main-header [data-panel="learn"] { width: min(1030px, calc(100vw - 38px)); }
908
909/* =========================================================
910   MEGA CONTENT
911========================================================= */
912#vad-main-header .vad-mega-intro {
913    position: relative;
914    overflow: hidden;
915    padding: 18px 21px;
916    margin-bottom: 11px;
917    border-radius: 17px;
918    color: #FFFFFF;
919    background: linear-gradient(120deg, var(--vad-navy), var(--vad-navy-light));
920}
921
922#vad-main-header .vad-mega-intro::after {
923    content: "";
924    position: absolute;
925    width: 170px;
926    height: 170px;
927    left: -75px;
928    bottom: -125px;
929    border-radius: 50%;
930    background: rgba(0,184,148,.90);
931}
932
933#vad-main-header .vad-mega-kicker {
934    position: relative;
935    z-index: 2;
936    display: block;
937    margin-bottom: 3px;
938    color: #5BE5CB;
939    font-size: 10px;
940    font-weight: 900;
941}
942
943#vad-main-header .vad-mega-title {
944    position: relative;
945    z-index: 2;
946    margin: 0;
947    color: #FFFFFF;
948    font-size: 19px;
949    line-height: 1.6;
950    font-weight: 900;
951}
952
953#vad-main-header .vad-mega-description {
954    position: relative;
955    z-index: 2;
956    max-width: 720px;
957    margin: 3px 0 0;
958    color: rgba(255,255,255,.70);
959    font-size: 12px;
960    line-height: 1.8;
961}
962
963#vad-main-header .vad-mega-grid { display: grid; gap: 10px; }
964#vad-main-header .vad-grid-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
965
966#vad-main-header .vad-mega-column {
967    min-width: 0;
968    padding: 12px;
969    border: 1px solid rgba(7,27,51,.06);
970    border-radius: 16px;
971    background: #FCFDFD;
972}
973
974#vad-main-header .vad-column-title {
975    margin: 0 0 8px;
976    padding: 0 3px 8px;
977    border-bottom: 1px solid rgba(7,27,51,.065);
978    display: flex;
979    align-items: center;
980    gap: 7px;
981    color: var(--vad-navy);
982    font-size: 11px;
983    font-weight: 900;
984}
985
986#vad-main-header .vad-column-line {
987    width: 18px;
988    height: 3px;
989    border-radius: 20px;
990    background: var(--vad-green);
991}
992
993#vad-main-header .vad-mega-link {
994    width: 100%;
995    min-height: 45px;
996    padding: 8px 9px;
997    margin-bottom: 3px;
998    border-radius: 10px;
999    display: flex;
1000    align-items: center;
1001    gap: 9px;
1002    color: var(--vad-text);
1003    text-decoration: none;
1004    transition: background .18s ease, color .18s ease, transform .18s ease;
1005    cursor: pointer !important;
1006}
1007
1008#vad-main-header .vad-mega-link:hover {
1009    color: var(--vad-green);
1010    background: var(--vad-green-soft);
1011    transform: translateX(-2px);
1012}
1013
1014#vad-main-header .vad-mega-dot {
1015    width: 6px;
1016    height: 6px;
1017    flex: 0 0 6px;
1018    border-radius: 50%;
1019    background: var(--vad-green);
1020}
1021
1022#vad-main-header .vad-mega-link-content { min-width: 0; flex: 1; }
1023#vad-main-header .vad-mega-link-title { display: block; color: inherit; font-size: 12.5px; line-height: 1.6; font-weight: 800; }
1024#vad-main-header .vad-mega-link-desc { display: block;
1024 margin-top: 1px; color: var(--vad-muted); font-size: 10.5px; line-height: 1.65; }
1025
1026#vad-main-header .vad-featured {
1027    min-height: 103px;
1028    margin-bottom: 7px;
1029    padding: 14px;
1030    border: 1px solid rgba(0,184,148,.20);
1031    border-radius: 14px;
1032    display: block;
1033    text-decoration: none;
1034    background: linear-gradient(135deg, rgba(0,184,148,.09), rgba(255,255,255,.96));
1035    cursor: pointer !important;
1036    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
1037}
1038
1039#vad-main-header .vad-featured:hover {
1040    transform: translateY(-2px);
1041    border-color: rgba(0,184,148,.35);
1042    box-shadow: 0 11px 26px rgba(7,27,51,.06);
1043}
1044
1045#vad-main-header .vad-featured-badge {
1046    display: inline-flex;
1047    padding: 4px 8px;
1048    margin-bottom: 6px;
1049    border-radius: 30px;
1050    color: var(--vad-green);
1051    background: rgba(0,184,148,.10);
1052    font-size: 9px;
1053    font-weight: 900;
1054}
1055
1056#vad-main-header .vad-featured-title { display: block; color: var(--vad-navy); font-size: 14px; line-height: 1.6; font-weight: 900; }
1057#vad-main-header .vad-featured-text { display: block; margin-top: 2px; color: var(--vad-muted); font-size: 10.5px; line-height: 1.75; }
1058
1059#vad-main-header .vad-course-card {
1060    position: relative;
1061    min-height: 162px;
1062    padding: 17px;
1063    overflow: hidden;
1064    border: 1px solid rgba(7,27,51,.075);
1065    border-radius: 16px;
1066    display: flex;
1067    flex-direction: column;
1068    align-items: flex-start;
1069    color: var(--vad-navy);
1070    background: #FCFDFD;
1071    text-decoration: none;
1072    cursor: pointer !important;
1073    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease;
1074}
1075
1076#vad-main-header .vad-course-card:hover {
1077    transform: translateY(-4px);
1078    border-color: rgba(0,184,148,.30);
1079    background: linear-gradient(145deg, rgba(0,184,148,.09), #FFFFFF 62%);
1080    box-shadow: 0 16px 34px rgba(7,27,51,.09);
1081}
1082
1083#vad-main-header .vad-course-icon {
1084    width: 38px;
1085    height: 38px;
1086    margin-bottom: 12px;
1087    border-radius: 11px;
1088    display: inline-flex;
1089    align-items: center;
1090    justify-content: center;
1091    color: var(--vad-green);
1092    background: rgba(0,184,148,.10);
1093}
1094
1095#vad-main-header .vad-course-icon svg { width: 19px; height: 19px; }
1096#vad-main-header .vad-course-kicker { margin-bottom: 3px; color: var(--vad-green); font-size: 9px; font-weight: 900; }
1097#vad-main-header .vad-course-title { display: block; color: var(--vad-navy); font-size: 14px; line-height: 1.6; font-weight: 900; }
1098#vad-main-header .vad-course-text { display: block; margin-top: 4px; padding-left: 25px; color: var(--vad-muted); font-size: 10.5px; line-height: 1.7; font-weight: 600; }
1099#vad-main-header .vad-course-arrow { position: absolute; left: 15px; bottom: 14px; color: var(--vad-green); font-size: 17px; font-weight: 900; transition: transform .2s ease; }
1100#vad-main-header .vad-course-card:hover .vad-course-arrow { transform: translateX(-3px); }
1101
1102#vad-main-header .vad-courses-all {
1103    width: fit-content;
1104    min-height: 43px;
1105    margin: 11px auto 0;
1106    padding: 0 17px;
1107    border-radius: 11px;
1108    display: flex;
1109    align-items: center;
1110    justify-content: center;
1111    gap: 9px;
1112    color: #FFFFFF;
1113    background: var(--vad-navy);
1114    text-decoration: none;
1115    font-size: 11.5px;
1116    font-weight: 900;
1117    cursor: pointer !important;
1118    transition: transform .18s ease, background .18s ease;
1119}
1120
1121#vad-main-header .vad-courses-all:hover { transform: translateY(-2px); background: var(--vad-green); }
1122
1123/* =========================================================
1124   MOBILE BUTTON & DRAWER
1125========================================================= */
1126#vad-main-header .vad-mobile-open {
1127    display: none;
1128    width: 43px;
1129    height: 43px;
1130    padding: 0;
1131    border: 0;
1132    border-radius: 11px;
1133    align-items: center;
1134    justify-content: center;
1135    color: #FFFFFF;
1136    background: var(--vad-navy);
1137    cursor: pointer !important;
1138    pointer-events: auto !important;
1139}
1140
1141#vad-main-header .vad-mobile-open svg { width: 20px; height: 20px; }
1142
1143#vad-mobile-overlay {
1144    display: none !important;
1145    position: fixed;
1146    inset: 0;
1147    z-index: 2147483001;
1148    background: rgba(7,27,51,.53);
1149    backdrop-filter: blur(4px);
1150    -webkit-backdrop-filter: blur(4px);
1151    opacity: 0;
1152    visibility: hidden;
1153    pointer-events: none !important;
1154}
1155
1156#vad-mobile-overlay.is-open {
1157    display: block !important;
1158    opacity: 1;
1159    visibility: visible;
1160    pointer-events: auto !important;
1161}
1162
1163#vad-mobile-drawer {
1164    position: fixed;
1165    z-index: 2147483002;
1166    top: 9px;
1167    right: 9px;
1168    bottom: 9px;
1169    width: min(430px, calc(100vw - 18px));
1170    overflow-y: auto;
1171    overflow-x: hidden;
1172    overscroll-behavior: contain;
1173    border-radius: 23px;
1174    background: #FFFFFF;
1175    box-shadow: -24px 0 80px rgba(7,27,51,.24);
1176    direction: rtl;
1177    transform: translateX(calc(100% + 30px));
1178    pointer-events: none !important;
1179    transition: transform .31s cubic-bezier(.22,.8,.3,1);
1180}
1181
1182#vad-mobile-drawer.is-open {
1183    transform: translateX(0);
1184    pointer-events: auto !important;
1185}
1186
1187.vad-mobile-head {
1188    position: sticky;
1189    z-index: 10;
1190    top: 0;
1191    min-height: 72px;
1192    padding: 0 17px;
1193    border-bottom: 1px solid rgba(7,27,51,.08);
1194    display: flex;
1195    align-items: center;
1196    justify-content: space-between;
1197    background: rgba(255,255,255,.97);
1198    backdrop-filter: blur(12px);
1199}
1200
1201.vad-mobile-brand { display: inline-flex; align-items: center; gap: 4px; direction: ltr !important; text-decoration: none; font-size: 21px; font-weight: 900; }
1202.vad-mobile-brand-vad { color: #071B33; }
1203.vad-mobile-brand-plus { color: #00B894; }
1204
1205.vad-mobile-close {
1206    width: 39px;
1207    height: 39px;
1208    padding: 0;
1209    border: 0;
1210    border-radius: 10px;
1211    display: flex;
1212    align-items: center;
1213    justify-content: center;
1214    color: #071B33;
1215    background: #F1F6F5;
1216    cursor: pointer;
1217}
1218
1219.vad-mobile-close svg { width: 18px; height: 18px; }
1220.vad-mobile-content { padding: 10px 17px 27px; }
1221
1222.vad-mobile-link, .vad-mobile-toggle {
1223    width: 100%;
1224    min-height: 56px;
1225    padding: 0 2px;
1226    border: 0;
1227    border-bottom: 1px solid rgba(7,27,51,.07);
1228    background: transparent;
1229    color: #071B33;
1230    text-decoration: none;
1231    cursor: pointer;
1232    display: flex;
1233    align-items: center;
1234    justify-content: space-between;
1235    gap: 10px;
1236    text-align: right;
1237    font-size: 14.5px;
1238    font-weight: 800;
1239}
1240
1241.vad-mobile-toggle svg { width: 15px; height: 15px; transition: transform .2s ease; }
1242.vad-mobile-section.is-open .vad-mobile-toggle svg { transform: rotate(180deg); }
1243.vad-mobile-submenu { max-height: 0; overflow: hidden; transition: max-height .35s ease; }
1244.vad-mobile-section.is-open .vad-mobile-submenu { max-height: 1500px; }
1245.vad-mobile-sub-inner { padding: 7px 0 12px; }
1246.vad-mobile-category { padding: 10px 8px 4px; color: #00B894; font-size: 9.5px; font-weight: 900; }
1247
1248.vad-mobile-sub-link {
1249    width: 100%;
1250    min-height: 45px;
1251    padding: 7px 10px;
1252    border-radius: 9px;
1253    display: flex;
1254    align-items: center;
1255    gap: 9px;
1256    color: #56687A;
1257    text-decoration: none;
1258    font-size: 12.5px;
1259    font-weight: 700;
1260    transition: background .18s ease, color .18s ease;
1261}
1262
1263.vad-mobile-sub-link:hover { color: #071B33; background: rgba(0,184,148,.07); }
1264.vad-mobile-dot { width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: #00B894; }
1265
1266.vad-mobile-featured {
1267    margin: 7px 0;
1268    padding: 12px;
1269    border: 1px solid rgba(0,184,148,.17);
1270    border-radius: 12px;
1271    display: block;
1272    background: rgba(0,184,148,.055);
1273    color: #071B33;
1274    text-decoration: none;
1275    cursor: pointer;
1276}
1277
1278.vad-mobile-featured strong { display: block; margin-bottom: 2px; font-size: 13px; font-weight: 900; }
1279.vad-mobile-featured span { display: block; color: #718096; font-size: 10.5px; line-height: 1.7; }
1280.vad-mobile-courses { display: grid; gap: 8px; }
1281
1282.vad-mobile-course {
1283    min-height: 76px;
1284    padding: 11px;
1285    border: 1px solid rgba(7,27,51,.07);
1286    border-radius: 12px;
1287    display: flex;
1288    align-items: center;
1289    gap: 11px;
1290    color: #071B33;
1291    background: #FCFDFD;
1292    text-decoration: none;
1293}
1294
1295.vad-mobile-course-icon {
1296    width: 36px;
1297    height: 36px;
1298    flex: 0 0 36px;
1299    border-radius: 10px;
1300    display: flex;
1301    align-items: center;
1302    justify-content: center;
1303    color: #00B894;
1304    background: rgba(0,184,148,.09);
1305}
1306
1307.vad-mobile-course-icon svg { width: 18px; height: 18px; }
1308.vad-mobile-course-copy { min-width: 0; flex: 1; }
1309.vad-mobile-course-copy strong { display: block; font-size: 12.5px; line-height: 1.6; font-weight: 900; }
1310.vad-mobile-course-copy span { display: block;
1310 margin-top: 1px; color: #718096; font-size: 10px; line-height: 1.6; }
1311
1312.vad-mobile-view-all {
1313    min-height: 45px;
1314    margin-top: 9px;
1315    padding: 0 13px;
1316    border-radius: 11px;
1317    display: flex;
1318    align-items: center;
1319    justify-content: space-between;
1320    color: #FFFFFF;
1321    background: #071B33;
1322    text-decoration: none;
1323    font-size: 12px;
1324    font-weight: 900;
1325}
1326
1327.vad-mobile-actions { margin-top: 19px; display: grid; gap: 8px; }
1328.vad-mobile-academy {
1329    min-height: 50px;
1330    padding: 0 15px;
1331    border: 1px solid rgba(7,27,51,.10);
1332    border-radius: 13px;
1333    display: flex;
1334    align-items: center;
1335    justify-content: center;
1336    color: #071B33;
1337    background: #FFFFFF;
1338    text-decoration: none;
1339    font-size: 13px;
1340    font-weight: 800;
1341}
1342
1343.vad-mobile-cta {
1344    min-height: 52px;
1345    padding: 0 15px;
1346    border-radius: 13px;
1347    display: flex;
1348    align-items: center;
1349    justify-content: center;
1350    gap: 8px;
1351    color: #FFFFFF;
1352    background: #00B894;
1353    text-decoration: none;
1354    font-size: 14px;
1355    font-weight: 900;
1356    box-shadow: 0 10px 24px rgba(0,184,148,.20);
1357}
1358
1359/* =========================================================
1360   QUIZ POPUP MODAL (FIXED: ZERO INTERFERENCE WHEN CLOSED)
1361========================================================= */
1362#vad-quiz-modal {
1363    display: none !important;
1364    position: fixed;
1365    inset: 0;
1366    z-index: 2147483010;
1367    align-items: center;
1368    justify-content: center;
1369    padding: 16px;
1370    background: rgba(7, 27, 51, 0.7);
1371    backdrop-filter: blur(8px);
1372    -webkit-backdrop-filter: blur(8px);
1373    opacity: 0;
1374    visibility: hidden;
1375    pointer-events: none !important;
1376}
1377
1378#vad-quiz-modal.is-active {
1379    display: flex !important;
1380    opacity: 1 !important;
1381    visibility: visible !important;
1382    pointer-events: auto !important;
1383}
1384
1385.vad-quiz-container {
1386    position: relative;
1387    width: 100%;
1388    max-width: 680px;
1389    max-height: 90vh;
1390    background: #FFFFFF;
1391    border-radius: 24px;
1392    box-shadow: 0 25px 70px rgba(7, 27, 51, 0.35);
1393    overflow: hidden;
1394    display: flex;
1395    flex-direction: column;
1396    direction: rtl;
1397    transform: scale(0.95) translateY(12px);
1398    transition: transform .25s cubic-bezier(.22,.8,.3,1);
1399    pointer-events: auto !important;
1400}
1401
1402#vad-quiz-modal.is-active .vad-quiz-container {
1403    transform: scale(1) translateY(0);
1404}
1405
1406.vad-quiz-header {
1407    display: flex;
1408    align-items: center;
1409    justify-content: space-between;
1410    padding: 14px 20px;
1411    border-bottom: 1px solid rgba(7, 27, 51, 0.08);
1412    background: #FAFCFC;
1413}
1414
1415.vad-quiz-header h4 { margin: 0; font-size: 15px; font-weight: 900; color: var(--vad-navy); }
1416.vad-quiz-close { width: 36px; height: 36px; border-radius: 10px; border: none; background: rgba(7, 27, 51, 0.06); color: var(--vad-navy); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
1417.vad-quiz-close:hover { background: rgba(239, 68, 68, 0.12); color: #EF4444; }
1418.vad-quiz-body { flex: 1; overflow-y: auto; padding: 12px; min-height: 480px; }
1419.vad-quiz-body iframe { width: 100%; min-height: 520px; border: none; }
1420
1421/* =========================================================
1422   MEDIA QUERIES
1423========================================================= */
1424@media (max-width: 1440px) {
1425    #vad-main-header { padding: 12px 12px 0; }
1426    #vad-main-header .vad-header-shell { gap: 8px; padding: 8px 10px; }
1427    #vad-main-header .vad-logo-vad, #vad-main-header .vad-logo-plus { font-size: 23px; }
1428    #vad-main-header .vad-nav-link, #vad-main-header .vad-nav-trigger { padding: 0 7px; font-size: 12px; }
1429    #vad-main-header .vad-main-cta { padding: 0 13px; font-size: 12px; }
1430}
1431
1432@media (max-width: 1250px) {
1433    #vad-main-header .vad-academy-link span:last-child { display: none; }
1434    #vad-main-header .vad-nav-link, #vad-main-header .vad-nav-trigger { padding: 0 5px; font-size: 11px; }
1435}
1436
1437@media (max-width: 1180px) {
1438    #vad-main-header { padding: 10px 11px 0; }
1439    #vad-main-header .vad-header-shell {
1440        min-height: 67px;
1441        padding: 7px 11px;
1442        border-radius: 20px;
1443        justify-content: space-between;
1444    }
1445    #vad-main-header.vad-scrolled .vad-header-shell { min-height: 61px; }
1446    #vad-main-header .vad-desktop-nav,
1447    #vad-main-header .vad-header-actions,
1448    #vad-main-header .vad-mega-panel,
1449    #vad-main-header .vad-small-panel {
1450        display: none !important;
1451    }
1452    #vad-main-header .vad-mobile-open { display: flex; }
1453    #vad-main-header .vad-logo-vad, #vad-main-header .vad-logo-plus { font-size: 22px; }
1454}
1455
1456@media (max-width: 520px) {
1457    #vad-main-header { padding: 7px 7px 0; }
1458    #vad-main-header .vad-header-shell { min-height: 59px; padding: 5px 8px; border-radius: 16px; }
1459    #vad-main-header .vad-logo-vad, #vad-main-header .vad-logo-plus { font-size: 19px; }
1460    #vad-main-header .vad-logo-dot { width: 11px; height: 11px; border-width: 3px; }
1461    #vad-main-header .vad-mobile-open { width: 38px; height: 38px; border-radius: 9px; }
1462}
1463</style>
1464
1465<script>
1466(function () {
1467"use strict";
1468
1469if (window.__VAD_PLUS_HEADER_2026__) {
1470    return;
1471}
1472window.__VAD_PLUS_HEADER_2026__ = true;
1473
1474/* =========================================================
1475   URLS CONFIGURATION
1476========================================================= */
1477const VAD_LINKS = {
1478    home: "https://vad-academy.com/home-248627",
1479    founder: "https://vad-academy.com/mohammedalarda",
1480    team: "https://vad-academy.com/team",
1481    contact: "#footer",
1482    vadCourses: "https://vad-academy.com/vadcourses",
1483    companiesMain: "https://vad-academy.com/companies",
1484    quizCompanies: "https://api.vad-academy.com/widget/quiz/YNPkarv5dCc3DpnfP5gN",
1485    trainersMain: "https://vad-academy.com/trariners",
1486    quizTrainers: "https://api.vad-academy.com/widget/quiz/GHDemGMPjs08eVD3O3gZ",
1487    academy: "https://portal.vad-academy.com/login",
1488    start: "https://wa.me/message/5OAWVMHWQO34A1"
1489};
1490
1491function url(key) {
1492    const val = VAD_LINKS[key];
1493    return (typeof val === "string" && val.trim() !== "") ? val.trim() : "#";
1494}
1495
1496function chevron() {
1497    return `
1498        <svg class="vad-chevron" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
1499            <path d="m6 9 6 6 6-6"></path>
1500        </svg>
1501    `;
1502}
1503
1504function loginIcon() {
1505    return `
1506        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
1507            <path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"></path>
1508            <path d="m10 17 5-5-5-5"></path>
1509            <path d="M15 12H3"></path>
1510        </svg>
1511    `;
1512}
1513
1514/* =========================================================
1515   BUILD HEADER HTML
1516========================================================= */
1517function buildHeader() {
1518    document.querySelectorAll("#vad-header-mount, #vad-main-header, #vad-mobile-overlay, #vad-mobile-drawer, #vad-quiz-modal").forEach(el => el.remove());
1519
1520    const mount = document.createElement("div");
1521    mount.id = "vad-header-mount";
1522
1523    mount.innerHTML = `
1524<header id="vad-main-header" aria-label="التنقل الرئيسي">
1525<div class="vad-header-shell">
1526
1527    <!-- LOGO -->
1528    <a href="${url("home")}" class="vad-logo" data-vad-page="home" aria-label="VAD Plus الرئيسية">
1529        <span class="vad-logo-inner">
1530            <span class="vad-logo-vad">VAD</span>
1531            <span class="vad-logo-plus">PLUS</span>
1532            <span class="vad-logo-dot"></span>
1533        </span>
1534    </a>
1535
1536    <!-- DESKTOP NAV -->
1537    <nav class="vad-desktop-nav" aria-label="القائمة الرئيسية">
1538        <div class="vad-nav-item">
1539            <a href="${url("home")}" class="vad-nav-link" data-vad-page="home">الرئيسية</a>
1540        </div>
1541
1542        <div class="vad-nav-item">
1543            <button type="button" class="vad-nav-trigger vad-menu-trigger" data-menu="trainers" aria-expanded="false" aria-haspopup="true">
1544                للمدربين وأصحاب الخبرات
1545                ${chevron()}
1546            </button>
1547        </div>
1548
1549        <div class="vad-nav-item">
1550            <button type="button" class="vad-nav-trigger vad-menu-trigger" data-menu="companies" aria-expanded="false" aria-haspopup="true">
1551                للشركات والمؤسسات
1552                ${chevron()}
1553            </button>
1554        </div>
1555
1556        <div class="vad-nav-item">
1557            <button type="button" class="vad-nav-trigger vad-menu-trigger" data-menu="learn" aria-expanded="false" aria-haspopup="true">
1558                تعلّم
1559                ${chevron()}
1560            </button>
1561        </div>
1562
1563        <div class="vad-nav-item">
1564            <button type="button" class="vad-nav-trigger vad-menu-trigger" data-menu="about" aria-expanded="false" aria-haspopup="true">
1565                عن VAD Plus
1566                ${chevron()}
1567            </button>
1568        </div>
1569    </nav>
1570
1571    <!-- ACTIONS -->
1572    <div class="vad-header-actions">
1573        <a href="${url("academy")}" class="vad-academy-link" data-vad-page="academy">
1574            <span class="vad-academy-icon">${loginIcon()}</span>
1575            <span>دخول الأكاديمية</span>
1576        </a>
1577
1578        <a href="${url("start")}" class="vad-main-cta" data-vad-page="start" target="_blank" rel="noopener noreferrer">
1579            ابدأ عبر واتساب
1580            <span aria-hidden="true">←</span>
1581        </a>
1582    </div>
1583
1584    <!-- MOBILE OPEN -->
1585    <button type="button" class="vad-mobile-open" id="vad-mobile-open" aria-label="فتح القائمة" aria-expanded="false">
1586        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
1587            <path d="M4 7h16"></path>
1588            <path d="M4 12h12"></path>
1589            <path d="M4 17h16"></path>
1590        </svg>
1591    </button>
1592
1593    <!-- TRAINERS MEGA -->
1594    <div class="vad-mega-panel" id="vad-panel-trainers" data-panel="trainers">
1595        <div class="vad-mega-intro">
1596            <span class="vad-mega-kicker">VAD PLUS FOR TRAINERS</span>
1597            <h3 class="vad-mega-title">من خبرتك إلى دخل منظّم ومتكرر</h3>
1598            <p class="vad-mega-description">شخّص منظومتك، تعلّم كيف تبنيها، ثم اجذب الجمهور المناسب بالمنظومات التسويقية.</p>
1599        </div>
1600
1601        <div class="vad-mega-grid vad-grid-3">
1602            <div class="vad-mega-column">
1603                <div class="vad-column-title"><span class="vad-column-line"></span>ابدأ من هنا</div>
1604                <a href="${url("quizTrainers")}" class="vad-featured vad-quiz-trigger" data-quiz="trainers">
1605                    <span class="vad-featured-badge">تشخيص سريع</span>
1606                    <span class="vad-featured-title">قيّم منظومتك</span>
1607                    <span class="vad-featured-text">خذ اختبارًا تفاعلياً واكتشف نقاط القوة والفجوات والخطوة الأهم التالية.</span>
1608                </a>
1609            </div>
1610
1611            <div class="vad-mega-column">
1612                <div class="vad-column-title"><span class="vad-column-line"></span>ابنِ منظومة دخلك</div>
1613                <a href="${url("trainersMain")}" class="vad-featured">
1614                    <span class="vad-featured-badge">برنامج تدريبي</span>
1615                    <span class="vad-featured-title">Trainer Income System</span>
1616                    <span class="vad-featured-text">تدريب عملي لبناء العرض ومسار البيع وتحويل الخبرة إلى دخل منظّم ومتكرر.</span>
1617                </a>
1618            </div>
1619
1620            <div class="vad-mega-column">
1621                <div class="vad-column-title"><span class="vad-column-line"></span>نمِّ حضورك ومبيعاتك</div>
1622                <a href="${url("trainersMain")}" class="vad-mega-link">
1623                    <span class="vad-mega-dot"></span>
1624                    <span class="vad-mega-link-content">
1625                        <span class="vad-mega-link-title">إدارة حملات Meta للمدربين</span>
1626                        <span class="vad-mega-link-desc">حملات مدروسة لجذب المتدرب المناسب وتحويل الاهتمام إلى تسجيل.</span>
1627                    </span>
1628                </a>
1629                <a href="${url("trainersMain")}" class="vad-mega-link">
1630                    <span class="vad-mega-dot"></span>
1631                    <span class="vad-mega-link-content">
1632                        <span class="vad-mega-link-title">إدارة محتوى يحوّل الخبرة إلى طلب</span>
1633                        <span class="vad-mega-link-desc">محتوى يبني الثقة والسلطة ويهيّئ جمهورك لاتخاذ قرار الشراء.</span>
1634                    </span>
1635                </a>
1636            </div>
1637        </div>
1638    </div>
1639
1640    <!-- COMPANIES MEGA -->
1641    <div class="vad-mega-panel" id="vad-panel-companies" data-panel="companies">
1642        <div class="vad-mega-intro">
1643            <span class="vad-mega-kicker">VAD PLUS FOR BUSINESS</span>
1644            <h3 class="vad-mega-title">شخصّ المشكلة، ابنِ النظام، ثم شغّل النمو</h3>
1645            <p class="vad-mega-description">خدمات متكاملة للشركات تبدأ بالتشخيص وتطوير المنظومات وتنتهي بإدارة الإعلانات والنمو.</p>
1646        </div>
1647
1648        <div class="vad-mega-grid vad-grid-3">
1649            <div class="vad-mega-column">
1650                <div class="vad-column-title"><span class="vad-column-line"></span>ابدأ بالتشخيص</div>
1651                <a href="${url("quizCompanies")}" class="vad-featured vad-quiz-trigger" data-quiz="companies">
1652                    <span class="vad-featured-badge">نقطة البداية</span>
1653                    <span class="vad-featured-title">التدقيق التسويقي</span>
1654                    <span class="vad-featured-text">تشخيص الاستراتيجية والحملات ومسار العميل مع أولويات واضحة وخارطة تطوير.</span>
1655                </a>
1656            </div>
1657
1658            <div class="vad-mega-column">
1659                <div class="vad-column-title"><span class="vad-column-line"></span>ابنِ نظام النمو</div>
1660                <a href="${url("companiesMain")}" class="vad-mega-link">
1661                    <span class="vad-mega-dot"></span>
1662                    <span class="vad-mega-link-content">
1663                        <span class="vad-mega-link-title">الاستراتيجية والعروض والمحتوى</span>
1664                        <span class="vad-mega-link-desc">تموضع أوضح، عرض أقوى ورسائل تحرّك العميل نحو القرار.</span>
1665                    </span>
1666                </a>
1667                <a href="${url("companiesMain")}" class="vad-mega-link">
1668                    <span class="vad-mega-dot"></span>
1669                    <span class="vad-mega-link-content">
1670                        <span class="vad-mega-link-title">مسار المبيعات وCRM والأتمتة</span>
1671                        <span class="vad-mega-link-desc">ربط جذب العميل بالمتابعة والتحويل وإعادة البيع.</span>
1672                    </span>
1673                </a>
1674            </div>
1675
1676            <div class="vad-mega-column">
1677                <div class="vad-column-title"><span class="vad-column-line"></span>شغّل وطوّر</div>
1678                <a href="${url("companiesMain")}" class="vad-mega-link">
1679                    <span class="vad-mega-dot"></span>
1680                    <span class="vad-mega-link-content">
1681                        <span class="vad-mega-link-title">إدارة حملات Meta</span>
1682                        <span class="vad-mega-link-desc">إدارة الحملات وربط الميزانية بهدف تجاري واضح ومؤشرات دقيقة.</span>
1683                    </span>
1684                </a>
1685                <a href="${url("companiesMain")}" class="vad-mega-link">
1686                    <span class="vad-mega-dot"></span>
1687                    <span class="vad-mega-link-content">
1688                        <span class="vad-mega-link-title">تدريب وتطوير فريق التسويق</span>
1689                        <span class="vad-mega-link-desc">تدريب عملي يرفع قدرة الفريق على التخطيط والتنفيذ.</span>
1690                    </span>
1691                </a>
1692            </div>
1693        </div>
1694    </div>
1695
1696    <!-- LEARN MEGA -->
1697    <div class="vad-mega-panel" id="vad-panel-learn" data-panel="learn">
1698        <div class="vad-mega-intro">
1699            <span class="vad-mega-kicker">VAD PLUS LEARNING</span>
1700            <h3 class="vad-mega-title">اختر مسارك التدريبي الأنسب</h3>
1701            <p class="vad-mega-description">تدريبات عملية ونظم تسويقية مبنية على نتائجنا الميدانية في إدارة الحملات والمنظومات.</p>
1702        </div>
1703
1704        <div class="vad-mega-grid vad-grid-3">
1705            <a href="${url("vadCourses")}" class="vad-course-card">
1706                <span class="vad-course-icon">
1707                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9"><path d="M4 19V10"/><path d="M10 19V5"/><path d="M16 19v-7"/><path d="M22 19V3"/></svg>
1708                </span>
1709                <span class="vad-course-kicker">META ADS & GROWTH</span>
1710                <span class="vad-course-title">الإعلانات الممولة</span>
1711                <span class="vad-course-text">مسار متكامل لكل من يريد احتراف إدارة وإطلاق حملات إعلانية ممولة وتحقيق عائد مباشر.</span>
1712                <span class="vad-course-arrow" aria-hidden="true">←</span>
1713            </a>
1714
1715            <a href="${url("vadCourses")}" class="vad-course-card">
1716                <span class="vad-course-icon">
1717                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9"><path d="M4 5h16v11H4z"/><path d="m8 21 4-5 4 5"/><path d="M8 10h8"/></svg>
1718                </span>
1719                <span class="vad-course-kicker">للمدربين وأصحاب الخبرات</span>
1720                <span class="vad-course-title">تسويق وتمويل للمدربين</span>
1721                <span class="vad-course-text">كورسات ومنظومات عملية مخصصة للمدربين لتسويق برامجهم وبناء عروضهم وتحقيق دخل مستمر.</span>
1722                <span class="vad-course-arrow" aria-hidden="true">←</span>
1723            </a>
1724
1725            <a href="${url("vadCourses")}" class="vad-course-card">
1726                <span class="vad-course-icon">
1727                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9"><path d="M12 21V10"/><path d="M12 14c-5 0-8-3-8-8 5 0 8 3 8 8Z"/><path d="M12 11c4 0 7-2.5 7-7-4 0-7 2.5-7 7Z"/></svg>
1728                </span>
1729                <span class="vad-course-kicker">لأخصائيات التغذية</span>
1730                <span class="vad-course-title">تسويق وتمويل أخصائيات التغذية</span>
1731                <span class="vad-course-text">بناء المنظومة التسويقية والتمويل والوصول للعملاء المستهدفين لمضاعفة المشتركين.</span>
1732                <span class="vad-course-arrow" aria-hidden="true">←</span>
1733            </a>
1734        </div>
1735
1736        <a href="${url("vadCourses")}" class="vad-courses-all">
1737            <span>عرض كل التدريبات</span>
1738            <span aria-hidden="true">←</span>
1739        </a>
1740    </div>
1741
1742    <!-- ABOUT PANEL (DIRECTLY UNDER ABOUT BUTTON) -->
1743    <div class="vad-small-panel" id="vad-panel-about" data-panel="about">
1744        <a href="${url("founder")}" class="vad-mega-link">
1745            <span class="vad-mega-dot"></span>
1746            <span class="vad-mega-link-title">محمد العارضة</span>
1747        </a>
1748        <a href="${url("team")}" class="vad-mega-link">
1749            <span class="vad-mega-dot"></span>
1750            <span class="vad-mega-link-title">فريق فاد بلس</span>
1751        </a>
1752        <a href="${url("contact")}" class="vad-mega-link vad-scroll-to-footer">
1753            <span class="vad-mega-dot"></span>
1754            <span class="vad-mega-link-title">تواصل معنا</span>
1755        </a>
1756    </div>
1757
1758</div>
1759</header>
1760
1761<!-- MOBILE OVERLAY -->
1762<div id="vad-mobile-overlay" aria-hidden="true"></div>
1763
1764<!-- MOBILE DRAWER -->
1765<aside id="vad-mobile-drawer" aria-hidden="true" aria-label="قائمة الهاتف">
1766    <div class="vad-mobile-head">
1767        <a href="${url("home")}" class="vad-mobile-brand" data-vad-page="home">
1768            <span class="vad-mobile-brand-vad">VAD</span>
1769            <span class="vad-mobile-brand-plus">PLUS</span>
1770        </a>
1771        <button type="button" class="vad-mobile-close" id="vad-mobile-close" aria-label="إغلاق القائمة">
1772            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
1773                <path d="M6 6l12 12"></path>
1774                <path d="M18 6L6 18"></path>
1775            </svg>
1776        </button>
1777    </div>
1778
1779    <div class="vad-mobile-content">
1780        <a href="${url("home")}" class="vad-mobile-link" data-vad-page="home">الرئيسية</a>
1781
1782        <!-- TRAINERS (MOBILE) -->
1783        <div class="vad-mobile-section">
1784            <button type="button" class="vad-mobile-toggle" aria-expanded="false">
1785                <span>للمدربين وأصحاب الخبرات</span>
1786                ${chevron()}
1787            </button>
1788            <div class="vad-mobile-submenu">
1789                <div class="vad-mobile-sub-inner">
1790                    <div class="vad-mobile-category">ابدأ من هنا</div>
1791                    <a href="${url("quizTrainers")}" class="vad-mobile-featured vad-quiz-trigger" data-quiz="trainers">
1792                        <strong>قيّم منظومتك</strong>
1793                        <span>اختبار تقييم سريع لتشخيص نقاط القوة وبناء المنظومة.</span>
1794                    </a>
1795                    <div class="vad-mobile-category">ابنِ منظومة دخلك</div>
1796                    <a href="${url("trainersMain")}" class="vad-mobile-featured">
1797                        <strong>Trainer Income System</strong>
1798                        <span>تدريب عملي لبناء عرضك ومسار البيع لتحقيق دخل متكرر.</span>
1799                    </a>
1800                    <div class="vad-mobile-category">نمِّ حضورك ومبيعاتك</div>
1801                    <a href="${url("trainersMain")}" class="vad-mobile-sub-link">
1802                        <span class="vad-mobile-dot"></span>
1803                        إدارة حملات Meta للمدربين
1804                    </a>
1805                    <a href="${url("trainersMain")}" class="vad-mobile-sub-link">
1806                        <span class="vad-mobile-dot"></span>
1807                        إدارة محتوى يحوّل الخبرة إلى طلب
1808                    </a>
1809                </div>
1810            </div>
1811        </div>
1812
1813        <!-- COMPANIES (MOBILE) -->
1814        <div class="vad-mobile-section">
1815            <button type="button" class="vad-mobile-toggle" aria-expanded="false">
1816                <span>للشركات والمؤسسات</span>
1817                ${chevron()}
1818            </button>
1819            <div class="vad-mobile-submenu">
1820                <div class="vad-mobile-sub-inner">
1821                    <div class="vad-mobile-category">ابدأ بالتشخيص</div>
1822                    <a href="${url("quizCompanies")}" class="vad-mobile-featured vad-quiz-trigger" data-quiz="companies">
1823                        <strong>التدقيق التسويقي</strong>
1824                        <span>تشخيص شامل ومباشر لتحديد مشاكل التسويق ومسار العميل.</span>
1825                    </a>
1826                    <div class="vad-mobile-category">الخدمات والحلول</div>
1827                    <a href="${url("companiesMain")}" class="vad-mobile-sub-link">
1828                        <span class="vad-mobile-dot"></span>
1829                        الاستراتيجية والعروض والمحتوى
1830                    </a>
1831                    <a href="${url("companiesMain")}" class="vad-mobile-sub-link">
1832                        <span class="vad-mobile-dot"></span>
1833                        مسار المبيعات وCRM والأتمتة
1834                    </a>
1835                    <a href="${url("companiesMain")}" class="vad-mobile-sub-link">
1836                        <span class="vad-mobile-dot"></span>
1837                        إدارة حملات Meta
1838                    </a>
1839                    <a href="${url("companiesMain")}" class="vad-mobile-sub-link">
1840                        <span class="vad-mobile-dot"></span>
1841                        تدريب وتطوير فريق التسويق
1842                    </a>
1843                </div>
1844            </div>
1845        </div>
1846
1847        <!-- LEARN (MOBILE) -->
1848        <div class="vad-mobile-section">
1849            <button type="button" class="vad-mobile-toggle" aria-expanded="false">
1850                <span>تعلّم</span>
1851                ${chevron()}
1852            </button>
1853            <div class="vad-mobile-submenu">
1854                <div class="vad-mobile-sub-inner">
1855                    <div class="vad-mobile-category">اختر تدريبك</div>
1856                    <div class="vad-mobile-courses">
1857                        <a href="${url("vadCourses")}" class="vad-mobile-course">
1858                            <span class="vad-mobile-course-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9"><path d="M4 19V10"/><path d="M10 19V5"/><path d="M16 19v-7"/><path d="M22 19V3"/></svg></span>
1859                            <span class="vad-mobile-course-copy">
1860                                <strong>الإعلانات الممولة</strong>
1861                                <span>تعلّم إطلاق وإدارة حملات Meta باحترافية.</span>
1862                            </span>
1863                        </a>
1864                        <a href="${url("vadCourses")}" class="vad-mobile-course">
1865                            <span class="vad-mobile-course-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9"><path d="M4 5h16v11H4z"/><path d="m8 21 4-5 4 5"/><path d="M8 10h8"/></svg></span>
1866                            <span class="vad-mobile-course-copy">
1867                                <strong>تسويق وتمويل للمدربين</strong>
1868                                <span>بناء المنظومة التسويقية ومسار العرض.</span>
1869                            </span>
1870                        </a>
1871                        <a href="${url("vadCourses")}" class="vad-mobile-course">
1872                            <span class="vad-mobile-course-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9"><path d="M12 21V10"/><path d="M12 14c-5 0-8-3-8-8 5 0 8 3 8 8Z"/><path d="M12 11c4 0 7-2.5 7-7-4 0-7 2.5-7 7Z"/></svg></span>
1873                            <span class="vad-mobile-course-copy">
1874                                <strong>تسويق وتمويل أخصائيات التغذية</strong>
1875                                <span>مسار تسويق وتمويل مخصص لخدمات التغذية.</span>
1876                            </span>
1877                        </a>
1878                    </div>
1879                    <a href="${url("vadCourses")}" class="vad-mobile-view-all">
1880                        <span>عرض كل التدريبات</span>
1881                        <span aria-hidden="true">←</span>
1882                    </a>
1883                </div>
1884            </div>
1885        </div>
1886
1887        <!-- ABOUT (MOBILE) -->
1888        <div class="vad-mobile-section">
1889            <button type="button" class="vad-mobile-toggle" aria-expanded="false">
1890                <span>عن VAD Plus</span>
1891                ${chevron()}
1892            </button>
1893            <div class="vad-mobile-submenu">
1894                <div class="vad-mobile-sub-inner">
1895                    <a href="${url("founder")}" class="vad-mobile-sub-link"><span class="vad-mobile-dot"></span>محمد العارضة</a>
1896                    <a href="${url("team")}" class="vad-mobile-sub-link"><span class="vad-mobile-dot"></span>فريق فاد بلس</a>
1897                    <a href="${url("contact")}" class="vad-mobile-sub-link vad-scroll-to-footer"><span class="vad-mobile-dot"></span>تواصل معنا</a>
1898                </div>
1899            </div>
1900        </div>
1901
1902        <div class="vad-mobile-actions">
1903            <a href="${url("academy")}" class="vad-mobile-academy">دخول الأكاديمية</a>
1904            <a href="${url("start")}" class="vad-mobile-cta" target="_blank" rel="noopener noreferrer">
1905                ابدأ عبر واتساب
1906                <span>←</span>
1907            </a>
1908        </div>
1909    </div>
1910</aside>
1911
1912<!-- QUIZ POPUP MODAL (CLEAN HIDDEN) -->
1913<div id="vad-quiz-modal" aria-hidden="true" role="dialog">
1914    <div class="vad-quiz-container">
1915        <div class="vad-quiz-header">
1916            <h4 id="vad-quiz-title">تشخيص وتقييم</h4>
1917            <button type="button" class="vad-quiz-close" id="vad-quiz-close-btn" aria-label="إغلاق">✕</button>
1918        </div>
1919        <div class="vad-quiz-body" id="vad-quiz-body"></div>
1920    </div>
1921</div>
1922`;
1923
1924    document.body.insertBefore(mount, document.body.firstChild);
1925}
1926
1927/* =========================================================
1928   SMART HOME NAVIGATION
1929========================================================= */
1930function isHomePage() {
1931    const currentPath = window.location.pathname.toLowerCase().replace(/\/+$/, "");
1932    const currentHref = window.location.href.toLowerCase();
1933
1934    return currentPath === "/home-248627" || 
1935           currentPath === "" || 
1936           currentPath === "/" || 
1937           currentHref.includes("home-248627");
1938}
1939
1940function initHomeNavigation(closeDesktop, closeMobile) {
1941    document.querySelectorAll('#vad-header-mount [data-vad-page="home"]').forEach(link => {
1942        link.addEventListener("click", function (e) {
1943            if (isHomePage()) {
1944                e.preventDefault();
1945                if (typeof closeDesktop === "function") closeDesktop();
1946                if (typeof closeMobile === "function") closeMobile();
1947                window.scrollTo({ top: 0, behavior: "smooth" });
1948            } else {
1949                if (typeof closeMobile === "function") closeMobile();
1950            }
1951        });
1952    });
1953}
1954
1955/* =========================================================
1956   QUIZ POPUP LOGIC
1957========================================================= */
1958function initQuizModal(closeDesktop, closeMobile) {
1959    const modal = document.getElementById("vad-quiz-modal");
1960    const closeBtn = document.getElementById("vad-quiz-close-btn");
1961    const modalBody = document.getElementById("vad-quiz-body");
1962    const modalTitle = document.getElementById("vad-quiz-title");
1963
1964    if (!modal || !closeBtn || !modalBody) return;
1965
1966    if (!document.getElementById("vad-ghl-form-script")) {
1967        const script = document.createElement("script");
1968        script.id = "vad-ghl-form-script";
1969        script.src = "https://api.vad-academy.com/js/form_embed.js";
1970        script.async = true;
1971        document.body.appendChild(script);
1972    }
1973
1974    const quizzes = {
1975        companies: {
1976            title: "التدقيق التسويقي للشركات والمؤسسات",
1977            src: "https://api.vad-academy.com/widget/quiz/YNPkarv5dCc3DpnfP5gN",
1978            id: "YNPkarv5dCc3DpnfP5gN"
1979        },
1980        trainers: {
1981            title: "تقييم منظومة المدربين وأصحاب الخبرات",
1982            src: "https://api.vad-academy.com/widget/quiz/GHDemGMPjs08eVD3O3gZ",
1983            id: "GHDemGMPjs08eVD3O3gZ"
1984        }
1985    };
1986
1987    function openQuiz(type) {
1988        const item = quizzes[type];
1989        if (!item) return;
1990
1991        if (typeof closeDesktop === "function") closeDesktop();
1992        if (typeof closeMobile === "function") closeMobile();
1993
1994        modalTitle.textContent = item.title;
1995        modalBody.innerHTML = `
1996            <iframe 
1997                src="${item.src}" 
1998                style="border:none;width:100%;min-height:540px;" 
1999                scrolling="no" 
2000                id="${item.id}" 
2001                title="quiz" 
2002                data-cookie-consent="true" 
2003                data-cookie-consent-provider="auto">
2004            </iframe>
2005        `;
2006
2007        modal.classList.add("is-active");
2008        modal.setAttribute("aria-hidden", "false");
2009        document.body.style.overflow = "hidden";
2010    }
2011
2012    function closeQuiz() {
2013        modal.classList.remove("is-active");
2014        modal.setAttribute("aria-hidden", "true");
2015        modalBody.innerHTML = "";
2016        document.body.style.overflow = "";
2017    }
2018
2019    document.querySelectorAll(".vad-quiz-trigger").forEach(btn => {
2020        btn.addEventListener("click", function (e) {
2021            e.preventDefault();
2022            const quizType = this.getAttribute("data-quiz");
2023            openQuiz(quizType);
2024        });
2025    });
2026
2027    closeBtn.addEventListener("click", closeQuiz);
2028    modal.addEventListener("click", function (e) {
2029        if (e.target === modal) closeQuiz();
2030    });
2031
2032    document.addEventListener("keydown", function (e) {
2033        if (e.key === "Escape" && modal.classList.contains("is-active")) {
2034            closeQuiz();
2035        }
2036    });
2037}
2038
2039/* =========================================================
2040   FOOTER SCROLL
2041========================================================= */
2042function initFooterScroll(closeDesktop, closeMobile) {
2043    document.querySelectorAll(".vad-scroll-to-footer").forEach(link => {
2044        link.addEventListener("click", function (e) {
2045            e.preventDefault();
2046            if (typeof closeDesktop === "function") closeDesktop();
2047            if (typeof closeMobile === "function") closeMobile();
2048
2049            const footer = document.querySelector("footer, #footer, .footer, [data-section='footer']");
2050            if (footer) {
2051                footer.scrollIntoView({ behavior: "smooth" });
2052            } else {
2053                window.scrollTo({ top: document.body.scrollHeight, behavior: "smooth" });
2054            }
2055        });
2056    });
2057}
2058
2059/* =========================================================
2060   MEGA MENUS & DYNAMIC ABOUT POSITIONING
2061========================================================= */
2062function initMegaMenus() {
2063    const header = document.getElementById("vad-main-header");
2064    if (!header) return function () {};
2065
2066    const triggers = Array.from(header.querySelectorAll(".vad-menu-trigger"));
2067    const panels = Array.from(header.querySelectorAll("[data-panel]"));
2068    let closeTimer = null;
2069
2070    function desktopMode() { return window.innerWidth > 1180; }
2071    function cancelClose() { if (closeTimer) { clearTimeout(closeTimer); closeTimer = null; } }
2072
2073    function closeAll() {
2074        cancelClose();
2075        panels.forEach(p => p.classList.remove("is-open"));
2076        triggers.forEach(t => {
2077            t.setAttribute("aria-expanded", "false");
2078            const itm = t.closest(".vad-nav-item");
2079            if (itm) itm.classList.remove("is-open");
2080        });
2081    }
2082
2083    function openMenu(trigger) {
2084        if (!desktopMode()) return;
2085        cancelClose();
2086        const menuName = trigger.getAttribute("data-menu");
2087        const targetPanel = header.querySelector(`[data-panel="${menuName}"]`);
2088        if (!targetPanel) return;
2089
2090        // FIXED: DYNAMIC POSITIONING FOR ABOUT DROPDOWN
2091        if (menuName === "about") {
2092            const shell = header.querySelector(".vad-header-shell");
2093            const shellRect = shell.getBoundingClientRect();
2094            const triggerRect = trigger.getBoundingClientRect();
2095            const centerPoint = (triggerRect.left + (triggerRect.width / 2)) - shellRect.left;
2096            targetPanel.style.left = centerPoint + "px";
2097            targetPanel.style.right = "auto";
2098        }
2099
2100        panels.forEach(p => { if (p !== targetPanel) p.classList.remove("is-open"); });
2101        triggers.forEach(t => {
2102            if (t !== trigger) {
2103                t.setAttribute("aria-expanded", "false");
2104                const itm = t.closest(".vad-nav-item");
2105                if (itm) itm.classList.remove("is-open");
2106            }
2107        });
2108
2109        targetPanel.classList.add("is-open");
2110        trigger.setAttribute("aria-expanded", "true");
2111        const itm = trigger.closest(".vad-nav-item");
2112        if (itm) itm.classList.add("is-open");
2113    }
2114
2115    function scheduleClose() {
2116        cancelClose();
2117        closeTimer = setTimeout(closeAll, 240);
2118    }
2119
2120    triggers.forEach(t => {
2121        t.addEventListener("mouseenter", function () {
2122            if (!desktopMode()) return;
2123            if (window.matchMedia("(hover: hover) and (pointer: fine)").matches) openMenu(t);
2124        });
2125        t.addEventListener("mouseleave", scheduleClose);
2126        t.addEventListener("click", function (e) {
2127            if (!desktopMode()) return;
2128            e.preventDefault();
2129            e.stopPropagation();
2130            const menuName = t.getAttribute("data-menu");
2131            const panel = header.querySelector(`[data-panel="${menuName}"]`);
2132            const alreadyOpen = panel && panel.classList.contains("is-open");
2133            closeAll();
2134            if (!alreadyOpen) openMenu(t);
2135        });
2136    });
2137
2138    panels.forEach(p => {
2139        p.addEventListener("mouseenter", cancelClose);
2140        p.addEventListener("mouseleave", scheduleClose);
2141    });
2142
2143    header.querySelectorAll(".vad-nav-link, .vad-logo, .vad-header-actions a").forEach(el => {
2144        el.addEventListener("mouseenter", function () {
2145            if (desktopMode()) closeAll();
2146        });
2147    });
2148
2149    document.addEventListener("click", function (e) {
2150        if (!header.contains(e.target)) closeAll();
2151    });
2152
2153    return closeAll;
2154}
2155
2156/* =========================================================
2157   MOBILE
2158========================================================= */
2159function initMobileMenu() {
2160    const openBtn = document.getElementById("vad-mobile-open");
2161    const closeBtn = document.getElementById("vad-mobile-close");
2162    const overlay = document.getElementById("vad-mobile-overlay");
2163    const drawer = document.getElementById("vad-mobile-drawer");
2164
2165    if (!openBtn || !closeBtn || !overlay || !drawer) return function () {};
2166
2167    function openDrawer() {
2168        drawer.classList.add("is-open");
2169        overlay.classList.add("is-open");
2170        drawer.setAttribute("aria-hidden", "false");
2171        openBtn.setAttribute("aria-expanded", "true");
2172        document.body.style.overflow = "hidden";
2173    }
2174
2175    function closeDrawer() {
2176        drawer.classList.remove("is-open");
2177        overlay.classList.remove("is-open");
2178        drawer.setAttribute("aria-hidden", "true");
2179        openBtn.setAttribute("aria-expanded", "false");
2180        document.body.style.overflow = "";
2181    }
2182
2183    openBtn.addEventListener("click", openDrawer);
2184    closeBtn.addEventListener("click", closeDrawer);
2185    overlay.addEventListener("click", closeDrawer);
2186
2187    return closeDrawer;
2188}
2189
2190function initAccordions() {
2191    const sections = Array.from(document.querySelectorAll("#vad-mobile-drawer .vad-mobile-section"));
2192    sections.forEach(section => {
2193        const btn = section.querySelector(".vad-mobile-toggle");
2194        if (!btn) return;
2195
2196        btn.addEventListener("click", function () {
2197            const alreadyOpen = section.classList.contains("is-open");
2198            sections.forEach(s => {
2199                s.classList.remove("is-open");
2200                const b = s.querySelector(".vad-mobile-toggle");
2201                if (b) b.setAttribute("aria-expanded", "false");
2202            });
2203            if (!alreadyOpen) {
2204                section.classList.add("is-open");
2205                btn.setAttribute("aria-expanded", "true");
2206            }
2207        });
2208    });
2209}
2210
2211/* =========================================================
2212   SCROLL EFFECT
2213========================================================= */
2214function initScrollHeader() {
2215    const header = document.getElementById("vad-main-header");
2216    if (!header) return;
2217
2218    function update() {
2219        if (window.scrollY > 14) header.classList.add("vad-scrolled");
2220        else header.classList.remove("vad-scrolled");
2221    }
2222    update();
2223    window.addEventListener("scroll", update, { passive: true });
2224}
2225
2226/* =========================================================
2227   BOOTSTRAP
2228========================================================= */
2229function initVadHeader() {
2230    buildHeader();
2231    const closeDesktop = initMegaMenus();
2232    const closeMobile = initMobileMenu();
2233    initAccordions();
2234    initScrollHeader();
2235    initQuizModal(closeDesktop, closeMobile);
2236    initFooterScroll(closeDesktop, closeMobile);
2237    initHomeNavigation(closeDesktop, closeMobile);
2238}
2239
2240if (document.readyState === "loading") {
2241    document.addEventListener("DOMContentLoaded", initVadHeader);
2242} else {
2243    initVadHeader();
2244}
2245
2246})();
2247</script>
2247</div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--[--><div id="section-Ghi885PykS" data-animation-class data-entrance-clip="1" style="" class="fullSection true c-section c-wrapper section-Ghi885PykS"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="row-dN5DrsIkV_" data-animation-class data-entrance-clip="1" style="" class="row-align-center true c-row c-wrapper row-dN5DrsIkV_"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="col-QqK_Pi1F0x" data-animation-class data-entrance-clip="1" style="" class="true c-column c-wrapper col-QqK_Pi1F0x"><!----><!----><div class="vertical inner"><!----><!--[--><!--[--><div id="custom-code-b0SlOE5VY9" data-animation-class style="" class="c-custom-code c-wrapper custom-code-b0SlOE5VY9"><!----><!----><!----><!----><!----><!----><!----><span></span><div id="custom-code-b0SlOE5VY9__custom-code" class="custom-code-container ccustom-code-b0SlOE5VY9"><!-- =========================================================
2248     VAD PLUS — HERO SECTION V4
2249     INCOME & GROWTH SYSTEMS
2250     GoHighLevel Ready
2251     Desktop + Tablet + Mobile
2252========================================================= -->
2253
2254<section id="vad-hero-v3">
2255
2256<span id="hero" class="vh3-anchor" aria-hidden="true"></span>
2257
2258<style>
2259@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap");
2260
2261/* =========================================================
2262   VARIABLES
2263========================================================= */
2264#vad-hero-v3 {
2265    --vad-navy: #071B33;
2266    --vad-navy-2: #0B2948;
2267    --vad-navy-3: #12395F;
2268    --vad-green: #00B894;
2269    --vad-green-2: #18D4AE;
2270    --vad-white: #FFFFFF;
2271    --vad-bg: #F8FAFC;
2272    --vad-text: #0B2139;
2273    --vad-muted: #607286;
2274    --vad-border: rgba(7,27,51,.08);
2275
2276    width: 100vw;
2277    max-width: 100vw;
2278    margin-inline: calc(50% - 50vw);
2279    position: relative;
2280    overflow: hidden;
2281    direction: rtl;
2282    background: var(--vad-bg);
2283    font-family: "Cairo", sans-serif !important;
2284}
2285
2286#vad-hero-v3 *,
2287#vad-hero-v3 *::before,
2288#vad-hero-v3 *::after {
2289    box-sizing: border-box;
2290    font-family: "Cairo", sans-serif !important;
2291}
2292
2293/* =========================================================
2294   BACKGROUND
2295========================================================= */
2296.vh3-background {
2297    position: absolute;
2298    inset: 0;
2299    overflow: hidden;
2300    pointer-events: none;
2301}
2302
2303.vh3-grid {
2304    position: absolute;
2305    inset: 0;
2306    opacity: .28;
2307    background-image:
2308        linear-gradient(rgba(7,27,51,.05) 1px, transparent 1px),
2309        linear-gradient(90deg, rgba(7,27,51,.05) 1px, transparent 1px);
2310    background-size: 48px 48px;
2311    -webkit-mask-image: linear-gradient(to bottom, #000 0%, rgba(0,0,0,.35) 72%, transparent 100%);
2312    mask-image: linear-gradient(to bottom, #000 0%, rgba(0,0,0,.35) 72%, transparent 100%);
2313}
2314
2315.vh3-glow-navy {
2316    position: absolute;
2317    width: 680px;
2318    height: 680px;
2319    top: -320px;
2320    right: -280px;
2321    border-radius: 50%;
2322    background: rgba(7,27,51,.10);
2323    filter: blur(105px);
2324}
2325
2326.vh3-glow-green {
2327    position: absolute;
2328    width: 600px;
2329    height: 600px;
2330    left: -260px;
2331    bottom: -300px;
2332    border-radius: 50%;
2333    background: rgba(0,184,148,.14);
2334    filter: blur(105px);
2335}
2336
2337/* =========================================================
2338   MAIN WRAPPER
2339========================================================= */
2340.vh3-wrap {
2341    width: min(1680px, calc(100% - 40px));
2342    min-height: 700px;
2343    margin: 0 auto;
2344    padding: 70px clamp(25px,4vw,72px) 48px;
2345    position: relative;
2346    z-index: 5;
2347    display: grid;
2348    grid-template-columns: minmax(0,1.08fr) minmax(500px,.92fr);
2349    align-items: center;
2350    gap: clamp(50px,6vw,100px);
2351}
2352
2353/* =========================================================
2354   TEXT COLUMN
2355========================================================= */
2356.vh3-copy {
2357    position: relative;
2358    z-index: 10;
2359    max-width: 800px;
2360}
2361
2362.vh3-badge {
2363    width: fit-content;
2364    min-height: 43px;
2365    margin-bottom: 23px;
2366    padding: 0 16px;
2367    border: 1px solid rgba(0,184,148,.18);
2368    border-radius: 100px;
2369    background: rgba(255,255,255,.88);
2370    display: inline-flex;
2371    align-items: center;
2372    gap: 10px;
2373    color: var(--vad-navy);
2374    font-size: 14px;
2375    line-height: 1.5;
2376    font-weight: 800;
2377    box-shadow: 0 8px 26px rgba(7,27,51,.035);
2378}
2379
2380.vh3-badge-dot {
2381    position: relative;
2382    width: 9px;
2383    height: 9px;
2384    flex: 0 0 9px;
2385    border-radius: 50%;
2386    background: var(--vad-green);
2387}
2388
2389.vh3-badge-dot::after {
2390    content: "";
2391    position: absolute;
2392    inset: -5px;
2393    border-radius: 50%;
2394    border: 1px solid rgba(0,184,148,.28);
2395    animation: vh3BadgePulse 2.4s ease-out infinite;
2396}
2397
2398@keyframes vh3BadgePulse {
2399    0% { transform: scale(.6); opacity: 1; }
2400    100% { transform: scale(1.8); opacity: 0; }
2401}
2402
2403.vh3-heading {
2404    margin: 0;
2405    color: var(--vad-navy);
2406    font-size: clamp(43px,4.45vw,72px);
2407    line-height: 1.25;
2408    letter-spacing: -2px;
2409    font-weight: 900;
2410}
2411
2412.vh3-heading-line {
2413    display: block;
2414}
2415
2416.vh3-result {
2417    position: relative;
2418    display: inline-block;
2419    color: var(--vad-green);
2420    white-space: nowrap;
2421}
2422
2423.vh3-result::after {
2424    content: "";
2425    position: absolute;
2426    right: 1px;
2427    left: 1px;
2428    bottom: 3px;
2429    height: 10px;
2430    z-index: -1;
2431    border-radius: 100px;
2432    background: rgba(0,184,148,.12);
2433}
2434
2435.vh3-description {
2436    max-width: 720px;
2437    margin: 27px 0 0;
2438    color: var(--vad-muted);
2439    font-size: 18px;
2440    line-height: 2;
2441    font-weight: 500;
2442}
2443
2444.vh3-description strong {
2445    color: var(--vad-navy);
2446    font-weight: 800;
2447}
2448
2449.vh3-modes {
2450    margin-top: 25px;
2451    display: flex;
2452    align-items: center;
2453    flex-wrap: wrap;
2454    gap: 10px;
2455}
2456
2457.vh3-mode {
2458    min-height: 46px;
2459    padding: 0 15px;
2460    border: 1px solid rgba(7,27,51,.08);
2461    border-radius: 13px;
2462    background: rgba(255,255,255,.82);
2463    display: inline-flex;
2464    align-items: center;
2465    gap: 9px;
2466    color: var(--vad-navy);
2467    font-size: 14px;
2468    font-weight: 800;
2469    box-shadow: 0 5px 18px rgba(7,27,51,.025);
2470}
2471
2472.vh3-mode-icon {
2473    width: 29px;
2474    height: 29px;
2475    flex: 0 0 29px;
2476    border-radius: 9px;
2477    background: rgba(0,184,148,.09);
2478    color: var(--vad-green);
2479    display: flex;
2480    align-items: center;
2481    justify-content: center;
2482}
2483
2484.vh3-mode-icon svg {
2485    width: 16px;
2486    height: 16px;
2487}
2488
2489/* =========================================================
2490   VISUAL COLUMN
2491========================================================= */
2492.vh3-visual-column {
2493    width: 100%;
2494    display: flex;
2495    flex-direction: column;
2496    align-items: center;
2497    justify-content: center;
2498}
2499
2500.vh3-visual {
2501    width: 100%;
2502    min-height: 510px;
2503    display: flex;
2504    align-items: center;
2505    justify-content: center;
2506}
2507
2508.vh3-command {
2509    position: relative;
2510    width: min(490px, 100%);
2511    aspect-ratio: 1 / 1;
2512    transition: transform .35s ease;
2513}
2514
2515.vh3-ring {
2516    position: absolute;
2517    top: 50%;
2518    left: 50%;
2519    border-radius: 50%;
2520    pointer-events: none;
2521    transform: translate(-50%,-50%);
2522}
2523
2524.vh3-ring-inner {
2525    width: 70%;
2526    height: 70%;
2527    border: 1px dashed rgba(7,27,51,.14);
2528    animation: vh3Rotate 38s linear infinite;
2529}
2530
2531.vh3-ring-outer {
2532    width: 94%;
2533    height: 94%;
2534    border: 1px solid rgba(0,184,148,.10);
2535}
2536
2537@keyframes vh3Rotate {
2538    to { transform: translate(-50%,-50%) rotate(360deg); }
2539}
2540
2541.vh3-line {
2542    position: absolute;
2543    z-index: 2;
2544    top: 50%;
2545    left: 50%;
2546    width: 153px;
2547    height: 1px;
2548    transform-origin: 0 50%;
2549    background: linear-gradient(90deg, rgba(0,184,148,.55), rgba(7,27,51,.08));
2550}
2551
2552.vh3-line::after {
2553    content: "";
2554    position: absolute;
2555    top: -2px;
2556    left: 0;
2557    width: 5px;
2558    height: 5px;
2559    border-radius: 50%;
2560    background: var(--vad-green);
2561    box-shadow: 0 0 12px rgba(0,184,148,.75);
2562    animation: vh3Signal 3.1s ease-in-out infinite;
2563}
2564
2565@keyframes vh3Signal {
2566    0% { left: 0; opacity: 0; }
2567    15% { opacity: 1; }
2568    85% { opacity: 1; }
2569    100% { left: calc(100% - 5px); opacity: 0; }
2570}
2571
2572.vh3-line-1 { transform: rotate(-18deg); }
2573.vh3-line-2 { transform: rotate(52deg); }
2574.vh3-line-3 { transform: rotate(127deg); }
2575.vh3-line-4 { transform: rotate(196deg); }
2576.vh3-line-5 { transform: rotate(244deg); }
2577.vh3-line-6 { transform: rotate(308deg); }
2578
2579.vh3-core {
2580    position: absolute;
2581    z-index: 15;
2582    top: 50%;
2583    left: 50%;
2584    width: 188px;
2585    height: 188px;
2586    transform: translate(-50%,-50%);
2587    border-radius: 50%;
2588    display: flex;
2589    align-items: center;
2590    justify-content: center;
2591    text-align: center;
2592    background: radial-gradient(circle at 30% 20%, var(--vad-navy-3), var(--vad-navy) 70%);
2593    border: 1px solid rgba(255,255,255,.16);
2594    box-shadow: 0 28px 65px rgba(7,27,51,.25), 0 0 0 15px rgba(0,184,148,.035), 0 0 60px rgba(0,184,148,.15);
2595    animation: vh3CoreBreath 4.8s ease-in-out infinite;
2596}
2597
2598@keyframes vh3CoreBreath {
2599    0%, 100% {
2600        box-shadow: 0 28px 65px rgba(7,27,51,.25), 0 0 0 14px rgba(0,184,148,.03), 0 0 45px rgba(0,184,148,.10);
2601    }
2602    50% {
2603        box-shadow: 0 28px 65px rgba(7,27,51,.25), 0 0 0 20px rgba(0,184,148,.045), 0 0 76px rgba(0,184,148,.21);
2604    }
2605}
2606
2607.vh3-core-inner {
2608    width: 150px;
2609    display: flex;
2610    flex-direction: column;
2611    align-items: center;
2612}
2613
2614.vh3-core-label {
2615    display: block;
2616    margin-bottom: 7px;
2617    color: rgba(255,255,255,.57);
2618    font-size: 10px;
2619    line-height: 1.4;
2620    letter-spacing: 1.5px;
2621    font-weight: 800;
2622}
2623
2624.vh3-core-brand {
2625    direction: ltr !important;
2626    unicode-bidi: isolate;
2627    display: inline-flex;
2628    align-items: baseline;
2629    justify-content: center;
2630    gap: 4px;
2631    font-size: 25px;
2632    line-height: 1;
2633    font-weight: 900;
2634}
2635
2636.vh3-core-vad { color: #FFFFFF; }
2637.vh3-core-plus { color: var(--vad-green-2); }
2638
2639.vh3-core-sub {
2640    display: block;
2641    margin-top: 9px;
2642    color: rgba(255,255,255,.58);
2643    font-size: 10px;
2644    line-height: 1.5;
2645    font-weight: 700;
2646}
2647
2648.vh3-node {
2649    position: absolute;
2650    z-index: 12;
2651    min-width: 140px;
2652    padding: 12px 13px;
2653    border: 1px solid rgba(7,27,51,.08);
2654    border-radius: 15px;
2655    background: rgba(255,255,255,.96);
2656    box-shadow: 0 13px 30px rgba(7,27,51,.075);
2657    cursor: default;
2658    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
2659}
2660
2661.vh3-node:hover {
2662    z-index: 40;
2663    border-color: rgba(0,184,148,.30);
2664    box-shadow: 0 20px 42px rgba(7,27,51,.12), 0 8px 25px rgba(0,184,148,.10);
2665}
2666
2667.vh3-node-head {
2668    display: flex;
2669    align-items: center;
2670    gap: 9px;
2671}
2672
2673.vh3-node-icon {
2674    width: 32px;
2675    height: 32px;
2676    flex: 0 0 32px;
2677    border-radius: 9px;
2678    background: rgba(0,184,148,.09);
2679    color: var(--vad-green);
2680    display: flex;
2681    align-items: center;
2682    justify-content: center;
2683}
2684
2685.vh3-node-icon svg {
2686    width: 17px;
2687    height: 17px;
2688}
2689
2690.vh3-node-title {
2691    display: block;
2692    color: var(--vad-navy);
2693    font-size: 12.5px;
2694    line-height: 1.55;
2695    font-weight: 900;
2696}
2697
2698.vh3-node-ltr {
2699    direction: ltr;
2700    unicode-bidi: isolate;
2701}
2702
2703.vh3-node-description {
2704    max-height: 0;
2705    margin-top: 0;
2706    overflow: hidden;
2707    opacity: 0;
2708    color: var(--vad-muted);
2709    font-size: 11px;
2710    line-height: 1.7;
2711    font-weight: 600;
2712    transition: max-height .25s ease, opacity .25s ease, margin .25s ease;
2713}
2714
2715.vh3-node:hover .vh3-node-description {
2716    max-height: 55px;
2717    margin-top: 8px;
2718    opacity: 1;
2719}
2720
2721/* Node standard floating animations */
2722@keyframes vh3FloatA { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }
2723@keyframes vh3FloatB { 0%, 100% { transform: translateY(-3px); } 50% { transform: translateY(6px); } }
2724@keyframes vh3FloatC { 0%, 100% { transform: translateY(2px); } 50% { transform: translateY(-5px); } }
2725
2726/* =========================================================
2727   V5 — NAVY HERO + AUDIENCE ROUTING SYSTEM
2728========================================================= */
2729#vad-hero-v3 {
2730    background: var(--vad-navy);
2731    color: var(--vad-white);
2732}
2733
2734#vad-hero-v3 .vh3-anchor {
2735    position: absolute;
2736    top: 0;
2737    right: 0;
2738    width: 1px;
2739    height: 1px;
2740    pointer-events: none;
2741}
2742
2743#vad-hero-v3 .vh3-grid {
2744    opacity: .42;
2745    background-image:
2746        linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
2747        linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
2748}
2749
2750#vad-hero-v3 .vh3-glow-navy { background: rgba(18,57,95,.72); }
2751#vad-hero-v3 .vh3-glow-green { background: rgba(0,184,148,.20); }
2752#vad-hero-v3 .vh3-copy { max-width: 880px; }
2753
2754#vad-hero-v3 .vh3-badge {
2755    border-color: rgba(24,212,174,.32);
2756    background: rgba(255,255,255,.075);
2757    color: #FFFFFF;
2758    box-shadow: 0 10px 28px rgba(0,0,0,.10);
2759    backdrop-filter: blur(12px);
2760    -webkit-backdrop-filter: blur(12px);
2761}
2762
2763#vad-hero-v3 .vh3-heading {
2764    color: #FFFFFF;
2765    font-size: clamp(40px,3.75vw,62px);
2766    line-height: 1.3;
2767}
2768
2769#vad-hero-v3 .vh3-result {
2770    z-index: 0;
2771    color: var(--vad-green-2);
2772}
2773
2774#vad-hero-v3 .vh3-heading-line.vh3-result {
2775    display: block;
2776    width: fit-content;
2777    max-width: 100%;
2778    white-space: normal;
2779}
2780
2781#vad-hero-v3 .vh3-result::after {
2782    background: rgba(24,212,174,.18);
2783}
2784
2785#vad-hero-v3 .vh3-description {
2786    max-width: 830px;
2787    color: rgba(255,255,255,.74);
2788    font-size: 16.5px;
2789    line-height: 1.95;
2790}
2791
2792#vad-hero-v3 .vh3-description strong { color: #FFFFFF; }
2793#vad-hero-v3 .vh3-supporting { color: rgba(255,255,255,.92); }
2794
2795#vad-hero-v3 .vh3-modes {
2796    display: inline-flex;
2797    align-items: center;
2798    flex-wrap: wrap;
2799    gap: 0;
2800    margin-top: 20px;
2801}
2802
2803#vad-hero-v3 .vh3-mode {
2804    min-height: auto;
2805    padding: 0 14px;
2806    border: 0;
2807    border-radius: 0;
2808    background: transparent;
2809    color: #FFFFFF;
2810    box-shadow: none;
2811}
2812
2813#vad-hero-v3 .vh3-mode:first-child { padding-right: 0; }
2814#vad-hero-v3 .vh3-mode + .vh3-mode { border-right: 1px solid rgba(255,255,255,.18); }
2815
2816#vad-hero-v3 .vh3-mode-icon {
2817    width: 22px;
2818    height: 22px;
2819    flex-basis: 22px;
2820    border-radius: 0;
2821    background: transparent;
2822    color: var(--vad-green-2);
2823}
2824
2825#vad-hero-v3 .vh3-mode-icon svg { width: 16px; height: 16px; }
2826
2827/* THREE ROUTING BUTTONS (BALANCED ROW) */
2828#vad-hero-v3 .vh3-routing {
2829    width: 100%;
2830    max-width: 880px;
2831    margin-top: 25px;
2832    display: grid;
2833    grid-template-columns: repeat(3, minmax(0,1fr));
2834    align-items: stretch;
2835    gap: 10px;
2836}
2837
2838#vad-hero-v3 .vh3-route {
2839    width: 100%;
2840    min-height: 64px;
2841    padding: 9px 14px;
2842    border-radius: 15px;
2843    display: inline-flex;
2844    align-items: center;
2845    justify-content: space-between;
2846    gap: 10px;
2847    text-decoration: none;
2848    text-align: right;
2849    font-size: 13px;
2850    line-height: 1.4;
2851    font-weight: 900;
2852    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease, color .2s ease;
2853}
2854
2855#vad-hero-v3 .vh3-route-primary {
2856    border: 1px solid var(--vad-green);
2857    background: var(--vad-green);
2858    color: #FFFFFF;
2859    box-shadow: 0 14px 32px rgba(0,184,148,.22);
2860}
2861
2862#vad-hero-v3 .vh3-route-primary:hover {
2863    border-color: var(--vad-green-2);
2864    background: var(--vad-green-2);
2865    color: var(--vad-navy);
2866    transform: translateY(-3px);
2867    box-shadow: 0 18px 38px rgba(24,212,174,.30);
2868}
2869
2870#vad-hero-v3 .vh3-route-secondary {
2871    border: 1px solid rgba(255,255,255,.90);
2872    background: #FFFFFF;
2873    color: var(--vad-navy);
2874    box-shadow: 0 12px 28px rgba(0,0,0,.15);
2875}
2876
2877#vad-hero-v3 .vh3-route-secondary:hover {
2878    border-color: var(--vad-green);
2879    background: var(--vad-green);
2880    color: #FFFFFF;
2881    transform: translateY(-3px);
2882    box-shadow: 0 16px 36px rgba(0,184,148,.24);
2883}
2884
2885#vad-hero-v3 .vh3-route-tertiary {
2886    border: 1px solid rgba(255,255,255,.24);
2887    background: rgba(255,255,255,.07);
2888    color: #FFFFFF;
2889    backdrop-filter: blur(10px);
2890    -webkit-backdrop-filter: blur(10px);
2891}
2892
2893#vad-hero-v3 .vh3-route-tertiary:hover {
2894    border-color: var(--vad-green-2);
2895    background: rgba(24,212,174,.14);
2896    color: #FFFFFF;
2897    transform: translateY(-3px);
2898    box-shadow: 0 16px 36px rgba(0,184,148,.15);
2899}
2900
2901#vad-hero-v3 .vh3-route-arrow {
2902    width: 28px;
2903    height: 28px;
2904    border-radius: 9px;
2905    display: inline-flex;
2906    align-items: center;
2907    justify-content: center;
2908    font-size: 16px;
2909    transition: transform .2s ease, background .2s ease, color .2s ease;
2910}
2911
2912#vad-hero-v3 .vh3-route-primary .vh3-route-arrow {
2913    background: rgba(7,27,51,.18);
2914    color: #FFFFFF;
2915}
2916
2917#vad-hero-v3 .vh3-route-secondary .vh3-route-arrow {
2918    background: rgba(0,184,148,.10);
2919    color: var(--vad-green);
2920}
2921
2922#vad-hero-v3 .vh3-route-tertiary .vh3-route-arrow {
2923    background: rgba(255,255,255,.10);
2924    color: var(--vad-green-2);
2925}
2926
2927#vad-hero-v3 .vh3-route:hover .vh3-route-arrow {
2928    transform: translateX(-3px);
2929}
2930
2931#vad-hero-v3 .vh3-route-secondary:hover .vh3-route-arrow {
2932    background: #FFFFFF;
2933    color: var(--vad-green);
2934}
2935
2936/* VISUALIZATION */
2937#vad-hero-v3 .vh3-visual { min-height: 560px; }
2938#vad-hero-v3 .vh3-command { width: min(520px,82%); }
2939#vad-hero-v3 .vh3-ring-inner { border-color: rgba(255,255,255,.17); }
2940#vad-hero-v3 .vh3-ring-outer { border-color: rgba(24,212,174,.22); }
2941#vad-hero-v3 .vh3-line {
2942    width: 34%;
2943    background: linear-gradient(90deg,rgba(24,212,174,.72),rgba(255,255,255,.10));
2944}
2945
2946#vad-hero-v3 .vh3-node {
2947    right: auto;
2948    bottom: auto;
2949    transform: translate(-50%,-50%);
2950    animation: vh3OrbitFloat 6s ease-in-out infinite;
2951}
2952
2953@keyframes vh3OrbitFloat {
2954    0%,100% { transform: translate(-50%,-50%) translateY(0); }
2955    50% { transform: translate(-50%,-50%) translateY(-6px); }
2956}
2957
2958#vad-hero-v3 .vh3-trainer-sales { top: 2%; left: 50%; }
2959#vad-hero-v3 .vh3-meta { top: 25%; left: 86%; animation-delay: -1s; }
2960#vad-hero-v3 .vh3-training { top: 75%; left: 86%; animation-delay: -2s; }
2961#vad-hero-v3 .vh3-academy { top: 98%; left: 50%; animation-delay: -3s; }
2962#vad-hero-v3 .vh3-crm { top: 75%; left: 14%; animation-delay: -4s; }
2963#vad-hero-v3 .vh3-consulting { top: 25%; left: 14%; animation-delay: -5s; }
2964
2965#vad-hero-v3 .vh3-line-1 { transform: rotate(270deg); }
2966#vad-hero-v3 .vh3-line-2 { transform: rotate(330deg); }
2967#vad-hero-v3 .vh3-line-3 { transform: rotate(30deg); }
2968#vad-hero-v3 .vh3-line-4 { transform: rotate(90deg); }
2969#vad-hero-v3 .vh3-line-5 { transform: rotate(150deg); }
2970#vad-hero-v3 .vh3-line-6 { transform: rotate(210deg); }
2971
2972#vad-hero-v3 .vh3-core {
2973    border-color: rgba(255,255,255,.22);
2974    box-shadow: 0 28px 65px rgba(0,0,0,.34), 0 0 0 15px rgba(0,184,148,.055), 0 0 70px rgba(0,184,148,.22);
2975}
2976
2977#vad-hero-v3 .vh3-journey-wrap {
2978    width: min(1680px, calc(100% - 40px));
2979    margin: 0 auto;
2980    padding: 0 clamp(25px,4vw,72px) 35px;
2981}
2982
2983#vad-hero-v3 .vh3-journey {
2984    border: 1px solid rgba(255,255,255,.12);
2985    border-radius: 18px;
2986    background: rgba(255,255,255,.065);
2987    backdrop-filter: blur(12px);
2988    -webkit-backdrop-filter: blur(12px);
2989    box-shadow: 0 12px 34px rgba(0,0,0,.10);
2990    display: flex;
2991    align-items: center;
2992    justify-content: space-between;
2993    gap: 22px;
2994    padding: 12px 19px;
2995    min-height: 68px;
2996}
2997
2998#vad-hero-v3 .vh3-journey-title {
2999    color: #FFFFFF;
3000    font-size: 12px;
3001    font-weight: 900;
3002}
3003
3004#vad-hero-v3 .vh3-journey-path {
3005    display: flex;
3006    align-items: center;
3007    gap: 6px;
3008    direction: rtl;
3009}
3010
3011#vad-hero-v3 .vh3-step {
3012    color: rgba(255,255,255,.68);
3013    font-size: 11px;
3014    font-weight: 700;
3015    white-space: nowrap;
3016}
3017
3018#vad-hero-v3 .vh3-step-arrow {
3019    color: var(--vad-green);
3020    font-size: 15px;
3021    font-weight: 900;
3022}
3023
3024/* RESPONSIVE */
3025@media (max-width: 1180px) {
3026    #vad-hero-v3 .vh3-wrap {
3027        grid-template-columns: minmax(0,1fr) minmax(410px,.90fr);
3028        gap: 34px;
3029        padding-top: 58px;
3030    }
3031    #vad-hero-v3 .vh3-heading { font-size: clamp(38px, 4.8vw, 56px); }
3032    #vad-hero-v3 .vh3-description { font-size: 16px; }
3033}
3034
3035@media (max-width: 900px) {
3036    #vad-hero-v3 .vh3-wrap {
3037        grid-template-columns: 1fr;
3038        padding: 47px 16px 35px;
3039        gap: 45px;
3040    }
3041    #vad-hero-v3 .vh3-routing { max-width: 620px; }
3042    #vad-hero-v3 .vh3-journey {
3043        flex-direction: column;
3044        align-items: flex-start;
3045        gap: 10px;
3046    }
3047}
3048
3049@media (max-width: 760px) {
3050    #vad-hero-v3 .vh3-routing {
3051        grid-template-columns: 1fr;
3052        max-width: 100%;
3053        gap: 8px;
3054    }
3055    #vad-hero-v3 .vh3-route {
3056        min-height: 54px;
3057        padding: 8px 15px;
3058        font-size: 13.5px;
3059    }
3060}
3061
3062@media (max-width: 520px) {
3063    #vad-hero-v3 .vh3-wrap { padding: 34px 18px 27px; gap: 30px; }
3064    #vad-hero-v3 .vh3-heading { font-size: clamp(31px,9vw,40px); line-height: 1.32; }
3065    #vad-hero-v3 .vh3-description { font-size: 14.3px; }
3066    #vad-hero-v3 .vh3-mode { padding: 0 9px; font-size: 12px; }
3067    #vad-hero-v3 .vh3-command { width: min(340px,86vw); }
3068    #vad-hero-v3 .vh3-visual { min-height: 415px; }
3069
3070    #vad-hero-v3 .vh3-training,
3071    #vad-hero-v3 .vh3-consulting { display: none; }
3072    #vad-hero-v3 .vh3-line-3,
3073    #vad-hero-v3 .vh3-line-6 { display: none; }
3074}
3075</style>
3076
3077<!-- BACKGROUND -->
3078<div class="vh3-background" aria-hidden="true">
3079    <div class="vh3-grid"></div>
3080    <div class="vh3-glow-navy"></div>
3081    <div class="vh3-glow-green"></div>
3082</div>
3083
3084<!-- MAIN CONTENT -->
3085<div class="vh3-wrap">
3086
3087    <!-- RIGHT SIDE — COPY -->
3088    <div class="vh3-copy">
3089        <div class="vh3-badge">
3090            <span class="vh3-badge-dot"></span>
3091            <span>VAD PLUS | الوجهة الأولى لأتمتة مبيعات المدربين والشركات</span>
3092        </div>
3093
3094        <h1 class="vh3-heading">
3095            <span class="vh3-heading-line">نهندس منظومة دخل ونمو</span>
3096            <span class="vh3-heading-line vh3-result">من العرض، إلى النظام، إلى الطلب.</span>
3097        </h1>
3098
3099        <p class="vh3-description">
3100            سواء كنت مدربًا يطمح لدخل متكرر، أو شركة تبحث عن مضاعفة أرباحها؛
3101            نحن لا نعتمد على الإعلانات العشوائية، بل نبني لك
3102            <strong>«منظومة عمل متكاملة»</strong>
3103            تعمل بالنيابة عنك،
3104            <strong>
3105                وتجمع التسويق والحملات والفانلز و
3106                <span class="vh3-node-ltr">CRM</span>
3107                والأتمتة والمتابعة في مسار واحد قابل للقياس.
3108            </strong>
3109        </p>
3110
3111        <p class="vh3-supporting">
3112            استراتيجية + نظام + تنفيذ — بجهة واحدة.
3113        </p>
3114
3115        <div class="vh3-modes" aria-label="منهجية VAD Plus">
3116            <div class="vh3-mode">
3117                <span class="vh3-mode-icon">
3118                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M12 3 2 8l10 5 10-5-10-5Z"/><path d="M6 10v5c0 2 3 4 6 4s6-2 6-4v-5"/></svg>
3119                </span>
3120                تعلّم
3121            </div>
3122
3123            <div class="vh3-mode">
3124                <span class="vh3-mode-icon">
3125                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="m12 2 8 4-8 4-8-4 8-4Z"/><path d="m4 10 8 4 8-4"/><path d="m4 14 8 4 8-4"/></svg>
3126                </span>
3127                ابنِ
3128            </div>
3129
3130            <div class="vh3-mode">
3131                <span class="vh3-mode-icon">
3132                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="m4 17 5-5 4 4 7-9"/><path d="M15 7h5v5"/></svg>
3133                </span>
3134                نمِّ
3135            </div>
3136        </div>
3137
3138        <!-- =================================================
3139             AUDIENCE ROUTING (UPDATED WITH LINKS)
3140        ================================================== -->
3141        <div class="vh3-routing">
3142
3143            <!-- 1. TRAINER PATH -->
3144            <a
3145                class="vh3-route vh3-route-primary"
3146                href="https://vad-academy.com/trariners"
3147                aria-label="أنا مدرب وأريد بناء دخل متكرر"
3148            >
3149                <span>أنا مدرب وأريد دخلًا متكررًا</span>
3150                <span class="vh3-route-arrow" aria-hidden="true">←</span>
3151            </a>
3152
3153            <!-- 2. BUSINESS PATH -->
3154            <a
3155                class="vh3-route vh3-route-secondary"
3156                href="https://vad-academy.com/companies"
3157                aria-label="أنا صاحب شركة وأريد مضاعفة المبيعات"
3158            >
3159                <span>أنا صاحب شركة وأريد مضاعفة المبيعات</span>
3160                <span class="vh3-route-arrow" aria-hidden="true">←</span>
3161            </a>
3162
3163            <!-- 3. LEARNING PATH -->
3164            <a
3165                class="vh3-route vh3-route-tertiary"
3166                href="https://vad-academy.com/vadcourses"
3167                aria-label="أريد تعلم التسويق والإعلانات باحتراف"
3168            >
3169                <span>أريد تعلم التسويق والإعلانات باحتراف</span>
3170                <span class="vh3-route-arrow" aria-hidden="true">←</span>
3171            </a>
3172
3173        </div>
3174
3175    </div>
3176
3177    <!-- LEFT SIDE — SYSTEM VISUALIZATION -->
3178    <div class="vh3-visual-column">
3179        <div class="vh3-visual" aria-label="قدرات VAD Plus المرتبطة بمنظومة دخل ونمو واحدة">
3180            <div class="vh3-command">
3181                <div class="vh3-ring vh3-ring-inner"></div>
3182                <div class="vh3-ring vh3-ring-outer"></div>
3183
3184                <div class="vh3-line vh3-line-1"></div>
3185                <div class="vh3-line vh3-line-2"></div>
3186                <div class="vh3-line vh3-line-3"></div>
3187                <div class="vh3-line vh3-line-4"></div>
3188                <div class="vh3-line vh3-line-5"></div>
3189                <div class="vh3-line vh3-line-6"></div>
3190
3191                <div class="vh3-core">
3192                    <div class="vh3-core-inner">
3193                        <span class="vh3-core-label">INCOME &amp; GROWTH SYSTEMS</span>
3194                        <span class="vh3-core-brand">
3195                            <span class="vh3-core-vad">VAD</span>
3196                            <span class="vh3-core-plus">PLUS</span>
3197                        </span>
3198                        <span class="vh3-core-sub">Learn • Build • Grow</span>
3199                    </div>
3200                </div>
3201
3202                <div class="vh3-node vh3-trainer-sales">
3203                    <div class="vh3-node-head">
3204                        <span class="vh3-node-icon">
3205                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9"><circle cx="12" cy="12" r="8"/><circle cx="12" cy="12" r="3"/><path d="m15 9 5-5"/><path d="M16 4h4v4"/></svg>
3206                        </span>
3207                        <span class="vh3-node-title">الاستراتيجية</span>
3208                    </div>
3209                    <div class="vh3-node-description">العرض والتموضع والمسار وقرارات النمو</div>
3210                </div>
3211
3212                <div class="vh3-node vh3-meta">
3213                    <div class="vh3-node-head">
3214                        <span class="vh3-node-icon">
3215                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M4 18V9"/><path d="M10 18V5"/><path d="M16 18v-6"/><path d="M22 18V3"/></svg>
3216                        </span>
3217                        <span class="vh3-node-title vh3-node-ltr">Meta Ads</span>
3218                    </div>
3219                    <div class="vh3-node-description">جلب الطلب وتوسيع الوصول والمبيعات</div>
3220                </div>
3221
3222                <div class="vh3-node vh3-academy">
3223                    <div class="vh3-node-head">
3224                        <span class="vh3-node-icon">
3225                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M12 3 2 8l10 5 10-5-10-5Z"/><path d="M6 10v5c0 2 3 4 6 4s6-2 6-4v-5"/></svg>
3226                        </span>
3227                        <span class="vh3-node-title">الأكاديميات والفانلز</span>
3228                    </div>
3229                    <div class="vh3-node-description">بنية البيع والتسليم وتجربة العميل</div>
3230                </div>
3231
3232                <div class="vh3-node vh3-crm">
3233                    <div class="vh3-node-head">
3234                        <span class="vh3-node-icon">
3235                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M4 6h16"/><path d="M7 12h10"/><path d="M10 18h4"/></svg>
3236                        </span>
3237                        <span class="vh3-node-title vh3-node-ltr">CRM + Automation</span>
3238                    </div>
3239                    <div class="vh3-node-description">متابعة العميل والأتمتة وإعادة البيع</div>
3240                </div>
3241
3242                <div class="vh3-node vh3-training">
3243                    <div class="vh3-node-head">
3244                        <span class="vh3-node-icon">
3245                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M12 3 2 8l10 5 10-5-10-5Z"/><path d="M6 10v5c0 2 3 4 6 4s6-2 6-4v-5"/></svg>
3246                        </span>
3247                        <span class="vh3-node-title">التدريب</span>
3248                    </div>
3249                    <div class="vh3-node-description">معرفة عملية مرتبطة بالتطبيق والتنفيذ</div>
3250                </div>
3251
3252                <div class="vh3-node vh3-consulting">
3253                    <div class="vh3-node-head">
3254                        <span class="vh3-node-icon">
3255                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4Z"/></svg>
3256                        </span>
3257                        <span class="vh3-node-title">الاستشارات</span>
3258                    </div>
3259                    <div class="vh3-node-description">قرارات استراتيجية مبنية على واقع المشروع</div>
3260                </div>
3261            </div>
3262        </div>
3263    </div>
3264
3265</div>
3266
3267<!-- JOURNEY STRIP -->
3268<div class="vh3-journey-wrap">
3269    <div class="vh3-journey">
3270        <div class="vh3-journey-title">
3271            من أول فكرة وعرض... إلى نظام يجلب العميل، يتابعه، يحوّله، ويعيد البيع له.
3272        </div>
3273        <div class="vh3-journey-path" aria-label="رحلة VAD Plus">
3274            <span class="vh3-step">تعلّم</span>
3275            <span class="vh3-step-arrow">←</span>
3276            <span class="vh3-step">استراتيجية</span>
3277            <span class="vh3-step-arrow">←</span>
3278            <span class="vh3-step">بناء</span>
3279            <span class="vh3-step-arrow">←</span>
3280            <span class="vh3-step">إطلاق</span>
3281            <span class="vh3-step-arrow">←</span>
3282            <span class="vh3-step">مبيعات</span>
3283            <span class="vh3-step-arrow">←</span>
3284            <span class="vh3-step">أتمتة</span>
3285            <span class="vh3-step-arrow">←</span>
3286            <span class="vh3-step">نمو</span>
3287        </div>
3288    </div>
3289</div>
3290
3291<script>
3292(function () {
3293"use strict";
3294
3295const visual = document.querySelector("#vad-hero-v3 .vh3-visual");
3296const command = document.querySelector("#vad-hero-v3 .vh3-command");
3297const reducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
3298
3299if (visual && command && !reducedMotion && window.matchMedia("(hover:hover) and (pointer:fine)").matches) {
3300    visual.addEventListener("mousemove", function (event) {
3301        const rect = visual.getBoundingClientRect();
3302        const x = (event.clientX - rect.left) / rect.width - .5;
3303        const y = (event.clientY - rect.top) / rect.height - .5;
3304        command.style.transform = "translate(" + (x * 4) + "px," + (y * 4) + "px)";
3305    });
3306
3307    visual.addEventListener("mouseleave", function () {
3308        command.style.transform = "translate(0,0)";
3309    });
3310}
3311})();
3312</script>
3312
3313
3314</section></div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--[--><div id="section-aWWwsMrXyN" data-animation-class data-entrance-clip="1" style="" class="fullSection true c-section c-wrapper section-aWWwsMrXyN"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="row-BtMSiWt5JN" data-animation-class data-entrance-clip="1" style="" class="row-align-center true c-row c-wrapper row-BtMSiWt5JN"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="col-EvKzQVH_gz" data-animation-class data-entrance-clip="1" style="" class="true c-column c-wrapper col-EvKzQVH_gz"><!----><!----><div class="vertical inner"><!----><!--[--><!--[--><div id="custom-code-bO3_yZ5oET" data-animation-class style="" class="c-custom-code c-wrapper custom-code-bO3_yZ5oET"><!----><!----><!----><!----><!----><!----><!----><span></span><div id="custom-code-bO3_yZ5oET__custom-code" class="custom-code-container ccustom-code-bO3_yZ5oET"><!-- =========================================================
3315     VAD PLUS — SOCIAL PROOF NUMBERS
3316     GoHighLevel Ready
3317     Desktop + Tablet + Mobile
3318========================================================= -->
3319
3320<section id="vad-proof-numbers">
3321
3322<style>
3323
3324/* =========================================================
3325   VARIABLES
3326========================================================= */
3327
3328#vad-proof-numbers {
3329
3330    --vpn-navy: #071B33;
3331    --vpn-navy-2: #0D2B4D;
3332
3333    --vpn-green: #00B894;
3334    --vpn-green-2: #16D3AD;
3335
3336    --vpn-white: #FFFFFF;
3337
3338    --vpn-bg: #F8FAFC;
3339    --vpn-text: #0B2139;
3340    --vpn-muted: #66778A;
3341
3342    --vpn-border: rgba(7,27,51,.08);
3343
3344    width: 100vw;
3345    max-width: 100vw;
3346
3347    margin-inline:
3348        calc(50% - 50vw);
3349
3350    position: relative;
3351
3352    overflow: hidden;
3353
3354    direction: rtl;
3355
3356    background:
3357        #F8FAFC;
3358
3359    font-family:
3360        "Cairo",
3361        sans-serif !important;
3362}
3363
3364
3365#vad-proof-numbers *,
3366#vad-proof-numbers *::before,
3367#vad-proof-numbers *::after {
3368
3369    box-sizing: border-box;
3370
3371    font-family:
3372        "Cairo",
3373        sans-serif !important;
3374}
3375
3376
3377/* =========================================================
3378   BACKGROUND
3379========================================================= */
3380
3381.vpn-background {
3382
3383    position: absolute;
3384
3385    inset: 0;
3386
3387    overflow: hidden;
3388
3389    pointer-events: none;
3390}
3391
3392
3393.vpn-green-glow {
3394
3395    position: absolute;
3396
3397    width: 430px;
3398    height: 430px;
3399
3400    left: -210px;
3401    top: 10%;
3402
3403    border-radius: 50%;
3404
3405    background:
3406        rgba(0,184,148,.08);
3407
3408    filter:
3409        blur(95px);
3410}
3411
3412
3413.vpn-navy-glow {
3414
3415    position: absolute;
3416
3417    width: 430px;
3418    height: 430px;
3419
3420    right: -230px;
3421    bottom: -200px;
3422
3423    border-radius: 50%;
3424
3425    background:
3426        rgba(7,27,51,.065);
3427
3428    filter:
3429        blur(100px);
3430}
3431
3432
3433/* =========================================================
3434   WRAPPER
3435========================================================= */
3436
3437.vpn-wrap {
3438
3439    width:
3440        min(
3441            1680px,
3442            calc(100% - 40px)
3443        );
3444
3445    margin:
3446        0 auto;
3447
3448    padding:
3449        42px
3450        clamp(22px,4vw,72px)
3451        54px;
3452
3453    position: relative;
3454
3455    z-index: 5;
3456}
3457
3458
3459/* =========================================================
3460   HEADER
3461========================================================= */
3462
3463.vpn-head {
3464
3465    max-width: 760px;
3466
3467    margin:
3468        0 auto 29px;
3469
3470    text-align: center;
3471}
3472
3473
3474/* EYEBROW */
3475
3476.vpn-eyebrow {
3477
3478    width: fit-content;
3479
3480    min-height: 38px;
3481
3482    margin:
3483        0 auto 13px;
3484
3485    padding:
3486        0 13px;
3487
3488    border:
3489        1px solid
3490        rgba(0,184,148,.16);
3491
3492    border-radius: 100px;
3493
3494    background:
3495        rgba(255,255,255,.82);
3496
3497    color:
3498        var(--vpn-green);
3499
3500    display: inline-flex;
3501
3502    align-items: center;
3503
3504    justify-content: center;
3505
3506    gap: 8px;
3507
3508    font-size: 13px;
3509
3510    font-weight: 900;
3511}
3512
3513
3514.vpn-eyebrow-dot {
3515
3516    width: 7px;
3517    height: 7px;
3518
3519    border-radius: 50%;
3520
3521    background:
3522        var(--vpn-green);
3523
3524    box-shadow:
3525        0 0 0 5px
3526        rgba(0,184,148,.08);
3527}
3528
3529
3530/* TITLE */
3531
3532.vpn-title {
3533
3534    margin: 0;
3535
3536    color:
3537        var(--vpn-navy);
3538
3539    font-size:
3540        clamp(30px,3vw,46px);
3541
3542    line-height: 1.4;
3543
3544    letter-spacing: -1px;
3545
3546    font-weight: 900;
3547}
3548
3549
3550.vpn-title-highlight {
3551
3552    position: relative;
3553
3554    display: inline-block;
3555
3556    color:
3557        var(--vpn-green);
3558}
3559
3560
3561.vpn-title-highlight::after {
3562
3563    content: "";
3564
3565    position: absolute;
3566
3567    right: 0;
3568    left: 0;
3569
3570    bottom: 3px;
3571
3572    height: 7px;
3573
3574    z-index: -1;
3575
3576    border-radius: 30px;
3577
3578    background:
3579        rgba(0,184,148,.10);
3580}
3581
3582
3583/* DESCRIPTION */
3584
3585.vpn-description {
3586
3587    margin:
3588        11px auto 0;
3589
3590    color:
3591        var(--vpn-muted);
3592
3593    font-size: 16px;
3594
3595    line-height: 1.9;
3596
3597    font-weight: 500;
3598}
3599
3600
3601/* =========================================================
3602   PROOF SHELL
3603========================================================= */
3604
3605.vpn-shell {
3606
3607    position: relative;
3608
3609    padding: 12px;
3610
3611    border:
3612        1px solid
3613        rgba(7,27,51,.075);
3614
3615    border-radius: 27px;
3616
3617    background:
3618        rgba(255,255,255,.88);
3619
3620    box-shadow:
3621
3622        0 22px 60px
3623        rgba(7,27,51,.07),
3624
3625        0 8px 28px
3626        rgba(0,184,148,.04);
3627
3628    backdrop-filter:
3629        blur(14px);
3630
3631    -webkit-backdrop-filter:
3632        blur(14px);
3633
3634    overflow: hidden;
3635}
3636
3637
3638/* TOP GREEN LINE */
3639
3640.vpn-shell::before {
3641
3642    content: "";
3643
3644    position: absolute;
3645
3646    top: 0;
3647
3648    right: 8%;
3649    left: 8%;
3650
3651    height: 2px;
3652
3653    border-radius:
3654        0 0 20px 20px;
3655
3656    background:
3657
3658        linear-gradient(
3659            90deg,
3660            transparent,
3661            rgba(0,184,148,.75),
3662            transparent
3663        );
3664}
3665
3666
3667/* =========================================================
3668   NUMBERS GRID
3669========================================================= */
3670
3671.vpn-grid {
3672
3673    display: grid;
3674
3675    grid-template-columns:
3676        repeat(5, minmax(0,1fr));
3677
3678    align-items: stretch;
3679}
3680
3681
3682/* =========================================================
3683   STAT
3684========================================================= */
3685
3686.vpn-stat {
3687
3688    position: relative;
3689
3690    min-height: 180px;
3691
3692    padding:
3693        24px 18px;
3694
3695    display: flex;
3696
3697    flex-direction: column;
3698
3699    align-items: center;
3700
3701    justify-content: center;
3702
3703    text-align: center;
3704
3705    border-radius: 19px;
3706
3707    transition:
3708        transform .22s ease,
3709        background .22s ease,
3710        box-shadow .22s ease,
3711        border-color .22s ease;
3712}
3713
3714
3715/* DIVIDERS */
3716
3717.vpn-stat:not(:last-child)::after {
3718
3719    content: "";
3720
3721    position: absolute;
3722
3723    top: 24%;
3724    bottom: 24%;
3725
3726    left: 0;
3727
3728    width: 1px;
3729
3730    background:
3731
3732        linear-gradient(
3733            to bottom,
3734            transparent,
3735            rgba(7,27,51,.09),
3736            transparent
3737        );
3738
3739    transition:
3740        opacity .22s ease;
3741}
3742
3743
3744@media (hover: hover) and (pointer: fine) {
3745
3746    .vpn-shell.vpn-visible
3747    .vpn-stat:hover {
3748
3749        z-index: 4;
3750
3751        transition-delay: 0s;
3752
3753        transform:
3754            translateY(-6px);
3755
3756        border-color:
3757            rgba(0,184,148,.28);
3758
3759        background:
3760            linear-gradient(
3761                145deg,
3762                var(--vpn-navy-2),
3763                var(--vpn-navy)
3764            );
3765
3766        box-shadow:
3767            0 20px 44px
3768            rgba(7,27,51,.20),
3769
3770            0 8px 26px
3771            rgba(0,184,148,.13);
3772    }
3773
3774
3775    .vpn-stat:hover::after {
3776        opacity: 0;
3777    }
3778
3779
3780    .vpn-stat:hover
3781    .vpn-number,
3782    .vpn-stat:hover
3783    .vpn-label {
3784        color: #FFFFFF;
3785    }
3786
3787
3788    .vpn-stat:hover
3789    .vpn-label-sub {
3790        color: rgba(255,255,255,.68);
3791    }
3792
3793}
3794
3795
3796/* =========================================================
3797   FEATURED STATS
3798========================================================= */
3799
3800.vpn-stat-featured {
3801
3802    background:
3803
3804        linear-gradient(
3805            145deg,
3806            rgba(0,184,148,.055),
3807            rgba(255,255,255,.72)
3808        );
3809}
3810
3811
3812.vpn-stat-featured::before {
3813
3814    content: "";
3815
3816    position: absolute;
3817
3818    top: 15px;
3819
3820    width: 34px;
3821    height: 3px;
3822
3823    border-radius: 20px;
3824
3825    background:
3826        var(--vpn-green);
3827
3828    opacity: .8;
3829}
3830
3831
3832/* =========================================================
3833   NUMBER
3834========================================================= */
3835
3836.vpn-number-row {
3837
3838    direction: ltr !important;
3839
3840    unicode-bidi: isolate;
3841
3842    display: inline-flex;
3843
3844    align-items: baseline;
3845
3846    justify-content: center;
3847
3848    gap: 2px;
3849
3850    line-height: 1;
3851}
3852
3853
3854.vpn-plus {
3855
3856    color:
3857        var(--vpn-green);
3858
3859    font-size:
3860        clamp(27px,2.15vw,38px);
3861
3862    line-height: 1;
3863
3864    font-weight: 900;
3865}
3866
3867
3868.vpn-number {
3869
3870    color:
3871        var(--vpn-navy);
3872
3873    font-size:
3874        clamp(40px,3.7vw,62px);
3875
3876    line-height: 1;
3877
3878    letter-spacing: -2px;
3879
3880    font-weight: 900;
3881
3882    font-variant-numeric:
3883        tabular-nums;
3884
3885    transition:
3886        color .22s ease;
3887}
3888
3889
3890/* FEATURED NUMBER */
3891
3892.vpn-stat-featured
3893.vpn-number {
3894
3895    font-size:
3896        clamp(44px,4vw,67px);
3897}
3898
3899
3900/* =========================================================
3901   LABEL
3902========================================================= */
3903
3904.vpn-label {
3905
3906    margin-top: 13px;
3907
3908    color:
3909        var(--vpn-navy);
3910
3911    font-size: 15px;
3912
3913    line-height: 1.6;
3914
3915    font-weight: 800;
3916
3917    transition:
3918        color .22s ease;
3919}
3920
3921
3922.vpn-label-sub {
3923
3924    display: block;
3925
3926    margin-top: 3px;
3927
3928    color:
3929        var(--vpn-muted);
3930
3931    font-size: 11.5px;
3932
3933    line-height: 1.55;
3934
3935    font-weight: 600;
3936
3937    transition:
3938        color .22s ease;
3939}
3940
3941
3942/* =========================================================
3943   SMALL PROOF LINE
3944========================================================= */
3945
3946.vpn-bottom {
3947
3948    min-height: 51px;
3949
3950    padding:
3951        13px 18px 3px;
3952
3953    display: flex;
3954
3955    align-items: center;
3956
3957    justify-content: center;
3958
3959    gap: 10px;
3960
3961    color:
3962        #78889A;
3963
3964    text-align: center;
3965
3966    font-size: 12px;
3967
3968    line-height: 1.7;
3969
3970    font-weight: 600;
3971}
3972
3973
3974.vpn-bottom-check {
3975
3976    width: 24px;
3977    height: 24px;
3978
3979    flex:
3980        0 0 24px;
3981
3982    border-radius: 50%;
3983
3984    background:
3985        rgba(0,184,148,.09);
3986
3987    color:
3988        var(--vpn-green);
3989
3990    display: flex;
3991
3992    align-items: center;
3993
3994    justify-content: center;
3995}
3996
3997
3998.vpn-bottom-check svg {
3999
4000    width: 13px;
4001    height: 13px;
4002}
4003
4004
4005/* =========================================================
4006   ENTRY ANIMATION
4007========================================================= */
4008
4009.vpn-stat {
4010
4011    opacity: 0;
4012
4013    transform:
4014        translateY(14px);
4015
4016    transition:
4017        opacity .55s ease,
4018        transform .55s ease,
4019        background .22s ease,
4020        box-shadow .22s ease,
4021        border-color .22s ease;
4022}
4023
4024
4025.vpn-shell.vpn-visible
4026.vpn-stat {
4027
4028    opacity: 1;
4029
4030    transform:
4031        translateY(0);
4032}
4033
4034
4035.vpn-shell.vpn-visible
4036.vpn-stat:nth-child(1) {
4037
4038    transition-delay: .03s;
4039}
4040
4041
4042.vpn-shell.vpn-visible
4043.vpn-stat:nth-child(2) {
4044
4045    transition-delay: .09s;
4046}
4047
4048
4049.vpn-shell.vpn-visible
4050.vpn-stat:nth-child(3) {
4051
4052    transition-delay: .15s;
4053}
4054
4055
4056.vpn-shell.vpn-visible
4057.vpn-stat:nth-child(4) {
4058
4059    transition-delay: .21s;
4060}
4061
4062
4063.vpn-shell.vpn-visible
4064.vpn-stat:nth-child(5) {
4065
4066    transition-delay: .27s;
4067}
4068
4069
4070/* =========================================================
4071   TABLET
4072========================================================= */
4073
4074@media (max-width: 1050px) {
4075
4076    .vpn-wrap {
4077
4078        padding-top: 35px;
4079    }
4080
4081
4082    .vpn-grid {
4083
4084        grid-template-columns:
4085            repeat(3,1fr);
4086
4087        gap: 5px;
4088    }
4089
4090
4091    .vpn-stat {
4092
4093        min-height: 165px;
4094    }
4095
4096
4097    .vpn-stat:not(:last-child)::after {
4098
4099        display: none;
4100    }
4101
4102
4103    .vpn-stat {
4104
4105        border:
4106            1px solid
4107            rgba(7,27,51,.045);
4108    }
4109
4110
4111    .vpn-stat:nth-child(4),
4112    .vpn-stat:nth-child(5) {
4113
4114        grid-column:
4115            span 1;
4116    }
4117
4118
4119    .vpn-stat:nth-child(4) {
4120
4121        grid-column:
4122            1 / 2;
4123    }
4124
4125
4126    .vpn-stat:nth-child(5) {
4127
4128        grid-column:
4129            2 / 4;
4130    }
4131
4132}
4133
4134
4135/* =========================================================
4136   MOBILE
4137========================================================= */
4138
4139@media (max-width: 650px) {
4140
4141    .vpn-wrap {
4142
4143        width: 100%;
4144
4145        padding:
4146            30px
4147            17px
4148            38px;
4149    }
4150
4151
4152    .vpn-head {
4153
4154        margin-bottom: 22px;
4155    }
4156
4157
4158    .vpn-eyebrow {
4159
4160        min-height: 36px;
4161
4162        margin-bottom: 11px;
4163
4164        padding:
4165            0 11px;
4166
4167        font-size: 11.5px;
4168    }
4169
4170
4171    .vpn-title {
4172
4173        font-size:
4174            clamp(29px,8vw,38px);
4175
4176        line-height: 1.45;
4177    }
4178
4179
4180    .vpn-description {
4181
4182        margin-top: 8px;
4183
4184        font-size: 14px;
4185
4186        line-height: 1.85;
4187    }
4188
4189
4190    .vpn-shell {
4191
4192        padding: 8px;
4193
4194        border-radius: 21px;
4195    }
4196
4197
4198    .vpn-grid {
4199
4200        grid-template-columns:
4201            repeat(2,minmax(0,1fr));
4202
4203        gap: 7px;
4204    }
4205
4206
4207    .vpn-stat {
4208
4209        min-height: 145px;
4210
4211        padding:
4212            20px 8px;
4213
4214        border-radius: 15px;
4215    }
4216
4217
4218    .vpn-stat:nth-child(4) {
4219
4220        grid-column: auto;
4221    }
4222
4223
4224    .vpn-stat:nth-child(5) {
4225
4226        grid-column:
4227            1 / -1;
4228
4229        min-height: 140px;
4230    }
4231
4232
4233    .vpn-number {
4234
4235        font-size:
4236            clamp(37px,12vw,50px);
4237    }
4238
4239
4240    .vpn-stat-featured
4241    .vpn-number {
4242
4243        font-size:
4244            clamp(40px,13vw,54px);
4245    }
4246
4247
4248    .vpn-plus {
4249
4250        font-size:
4251            clamp(24px,7vw,31px);
4252    }
4253
4254
4255    .vpn-label {
4256
4257        margin-top: 11px;
4258
4259        font-size: 13px;
4260    }
4261
4262
4263    .vpn-label-sub {
4264
4265        font-size: 10.5px;
4266    }
4267
4268
4269    .vpn-bottom {
4270
4271        min-height: 48px;
4272
4273        padding:
4274            12px 8px 3px;
4275
4276        font-size: 10.5px;
4277
4278        line-height: 1.7;
4279    }
4280
4281}
4282
4283
4284/* =========================================================
4285   EXTRA SMALL MOBILE
4286========================================================= */
4287
4288@media (max-width: 370px) {
4289
4290    .vpn-wrap {
4291
4292        padding-inline: 12px;
4293    }
4294
4295
4296    .vpn-stat {
4297
4298        min-height: 138px;
4299
4300        padding-inline: 5px;
4301    }
4302
4303
4304    .vpn-number {
4305
4306        font-size: 36px;
4307    }
4308
4309
4310    .vpn-stat-featured
4311    .vpn-number {
4312
4313        font-size: 40px;
4314    }
4315
4316
4317    .vpn-label {
4318
4319        font-size: 12px;
4320    }
4321
4322}
4323
4324
4325/* =========================================================
4326   REDUCED MOTION
4327========================================================= */
4328
4329@media (prefers-reduced-motion: reduce) {
4330
4331    #vad-proof-numbers *,
4332    #vad-proof-numbers *::before,
4333    #vad-proof-numbers *::after {
4334
4335        animation:
4336            none !important;
4337
4338        transition:
4339            none !important;
4340    }
4341
4342
4343    .vpn-stat {
4344
4345        opacity: 1 !important;
4346
4347        transform:
4348            none !important;
4349    }
4350
4351}
4352
4353</style>
4354
4355
4356
4357<!-- =========================================================
4358     BACKGROUND
4359========================================================= -->
4360
4361<div
4362    class="vpn-background"
4363    aria-hidden="true"
4364>
4365
4366    <div class="vpn-green-glow"></div>
4367
4368    <div class="vpn-navy-glow"></div>
4369
4370</div>
4371
4372
4373
4374<!-- =========================================================
4375     CONTENT
4376========================================================= -->
4377
4378<div class="vpn-wrap">
4379
4380
4381    <!-- =====================================================
4382         HEADER
4383    ====================================================== -->
4384
4385    <div class="vpn-head">
4386
4387
4388        <div class="vpn-eyebrow">
4389
4390            <span class="vpn-eyebrow-dot"></span>
4391
4392            VAD PLUS بالأرقام
4393
4394        </div>
4395
4396
4397        <h2 class="vpn-title">
4398
4399            أرقام صنعتها
4400
4401            <span class="vpn-title-highlight">
4402                التجربة.
4403            </span>
4404
4405        </h2>
4406
4407
4408        <p class="vpn-description">
4409
4410            سنوات من التدريب، التنفيذ والتطوير مع مشاريع وعملاء حقيقيين.
4411
4412        </p>
4413
4414
4415    </div>
4416
4417
4418
4419    <!-- =====================================================
4420         PROOF BOX
4421    ====================================================== -->
4422
4423    <div
4424        class="vpn-shell"
4425        id="vadProofShell"
4426    >
4427
4428
4429        <div class="vpn-grid">
4430
4431
4432            <!-- =================================================
4433                 3000 TRAINEES
4434            ================================================== -->
4435
4436            <div class="vpn-stat vpn-stat-featured">
4437
4438
4439                <div class="vpn-number-row">
4440
4441                    <span class="vpn-plus">
4442                        +
4443                    </span>
4444
4445                    <span
4446                        class="vpn-number"
4447                        data-vpn-count="3000"
4448                    >
4449                        0
4450                    </span>
4451
4452                </div>
4453
4454
4455                <div class="vpn-label">
4456
4457                    متدرب
4458
4459                    <span class="vpn-label-sub">
4460                        ضمن برامج وتدريبات VAD Plus
4461                    </span>
4462
4463                </div>
4464
4465
4466            </div>
4467
4468
4469
4470            <!-- =================================================
4471                 100 WORKSHOPS
4472            ================================================== -->
4473
4474            <div class="vpn-stat">
4475
4476
4477                <div class="vpn-number-row">
4478
4479                    <span class="vpn-plus">
4480                        +
4481                    </span>
4482
4483                    <span
4484                        class="vpn-number"
4485                        data-vpn-count="100"
4486                    >
4487                        0
4488                    </span>
4489
4490                </div>
4491
4492
4493                <div class="vpn-label">
4494
4495                    ورشة عمل
4496
4497                    <span class="vpn-label-sub">
4498                        تدريبات وجلسات تطبيقية
4499                    </span>
4500
4501                </div>
4502
4503
4504            </div>
4505
4506
4507
4508            <!-- =================================================
4509                 149 PROJECTS
4510            ================================================== -->
4511
4512            <div class="vpn-stat">
4513
4514
4515                <div class="vpn-number-row">
4516
4517                    <span class="vpn-plus">
4518                        +
4519                    </span>
4520
4521                    <span
4522                        class="vpn-number"
4523                        data-vpn-count="149"
4524                    >
4525                        0
4526                    </span>
4527
4528                </div>
4529
4530
4531                <div class="vpn-label">
4532
4533                    مشروع
4534
4535                    <span class="vpn-label-sub">
4536                        تم العمل والتنفيذ عليها
4537                    </span>
4538
4539                </div>
4540
4541
4542            </div>
4543
4544
4545
4546            <!-- =================================================
4547                 11 YEARS
4548            ================================================== -->
4549
4550            <div class="vpn-stat">
4551
4552
4553                <div class="vpn-number-row">
4554
4555                    <span class="vpn-plus">
4556                        +
4557                    </span>
4558
4559                    <span
4560                        class="vpn-number"
4561                        data-vpn-count="11"
4562                    >
4563                        0
4564                    </span>
4565
4566                </div>
4567
4568
4569                <div class="vpn-label">
4570
4571                    سنة خبرة
4572
4573                    <span class="vpn-label-sub">
4574                        في التسويق والتدريب والتنفيذ
4575                    </span>
4576
4577                </div>
4578
4579
4580            </div>
4581
4582
4583
4584            <!-- =================================================
4585                 50 ACTIVE CLIENTS
4586            ================================================== -->
4587
4588            <div class="vpn-stat vpn-stat-featured">
4589
4590
4591                <div class="vpn-number-row">
4592
4593                    <span class="vpn-plus">
4594                        +
4595                    </span>
4596
4597                    <span
4598                        class="vpn-number"
4599                        data-vpn-count="50"
4600                    >
4601                        0
4602                    </span>
4603
4604                </div>
4605
4606
4607                <div class="vpn-label">
4608
4609                    عميل مستمر حاليًا
4610
4611                    <span class="vpn-label-sub">
4612                        شراكات وعلاقات عمل مستمرة
4613                    </span>
4614
4615                </div>
4616
4617
4618            </div>
4619
4620
4621        </div>
4622
4623
4624
4625        <!-- =================================================
4626             BOTTOM PROOF
4627        ================================================== -->
4628
4629        <div class="vpn-bottom">
4630
4631
4632            <span class="vpn-bottom-check">
4633
4634                <svg
4635                    viewBox="0 0 24 24"
4636                    fill="none"
4637                    stroke="currentColor"
4638                    stroke-width="2.2"
4639                >
4640
4641                    <path d="m5 12 4 4L19 6"/>
4642
4643                </svg>
4644
4645            </span>
4646
4647
4648            <span>
4649
4650                الأرقام مستمرة بالنمو مع كل تدريب، مشروع وشراكة جديدة.
4651
4652            </span>
4653
4654
4655        </div>
4656
4657
4658    </div>
4659
4660
4661</div>
4662
4663
4664
4665<script>
4666
4667(function () {
4668
4669"use strict";
4670
4671
4672/* =========================================================
4673   ELEMENTS
4674========================================================= */
4675
4676const shell =
4677    document.getElementById(
4678        "vadProofShell"
4679    );
4680
4681
4682if (!shell) {
4683    return;
4684}
4685
4686
4687const counters =
4688    shell.querySelectorAll(
4689        "[data-vpn-count]"
4690    );
4691
4692
4693let hasAnimated =
4694    false;
4695
4696
4697/* =========================================================
4698   NUMBER FORMAT
4699========================================================= */
4700
4701function formatNumber(value) {
4702
4703    return Number(value)
4704        .toLocaleString(
4705            "en-US"
4706        );
4707
4708}
4709
4710
4711/* =========================================================
4712   SET FINAL VALUES
4713========================================================= */
4714
4715function setFinalValues() {
4716
4717    counters.forEach(
4718        function (counter) {
4719
4720            const target =
4721                parseInt(
4722                    counter.getAttribute(
4723                        "data-vpn-count"
4724                    ),
4725                    10
4726                );
4727
4728
4729            counter.textContent =
4730                formatNumber(
4731                    target
4732                );
4733
4734        }
4735    );
4736
4737}
4738
4739
4740/* =========================================================
4741   COUNT UP
4742========================================================= */
4743
4744function animateCounter(
4745    element,
4746    target
4747) {
4748
4749    const duration =
4750        target >= 1000
4751        ? 1850
4752        : target >= 100
4753            ? 1500
4754            : 1250;
4755
4756
4757    const startTime =
4758        performance.now();
4759
4760
4761    function update(now) {
4762
4763
4764        const elapsed =
4765            now - startTime;
4766
4767
4768        const progress =
4769            Math.min(
4770                elapsed / duration,
4771                1
4772            );
4773
4774
4775        /*
4776          Smooth ease out
4777        */
4778
4779        const eased =
4780            1 -
4781            Math.pow(
4782                1 - progress,
4783                3
4784            );
4785
4786
4787        const current =
4788            Math.floor(
4789                target * eased
4790            );
4791
4792
4793        element.textContent =
4794            formatNumber(
4795                current
4796            );
4797
4798
4799        if (
4800            progress < 1
4801        ) {
4802
4803            requestAnimationFrame(
4804                update
4805            );
4806
4807        }
4808
4809        else {
4810
4811            element.textContent =
4812                formatNumber(
4813                    target
4814                );
4815
4816        }
4817
4818    }
4819
4820
4821    requestAnimationFrame(
4822        update
4823    );
4824
4825}
4826
4827
4828
4829/* =========================================================
4830   START ANIMATION
4831========================================================= */
4832
4833function startProofAnimation() {
4834
4835    if (hasAnimated) {
4836        return;
4837    }
4838
4839
4840    hasAnimated =
4841        true;
4842
4843
4844    shell.classList.add(
4845        "vpn-visible"
4846    );
4847
4848
4849    counters.forEach(
4850        function (
4851            counter,
4852            index
4853        ) {
4854
4855
4856            const target =
4857                parseInt(
4858                    counter.getAttribute(
4859                        "data-vpn-count"
4860                    ),
4861                    10
4862                );
4863
4864
4865            setTimeout(
4866                function () {
4867
4868                    animateCounter(
4869                        counter,
4870                        target
4871                    );
4872
4873                },
4874                index * 95
4875            );
4876
4877
4878        }
4879    );
4880
4881}
4882
4883
4884
4885/* =========================================================
4886   REDUCED MOTION
4887========================================================= */
4888
4889if (
4890    window.matchMedia(
4891        "(prefers-reduced-motion: reduce)"
4892    ).matches
4893) {
4894
4895    shell.classList.add(
4896        "vpn-visible"
4897    );
4898
4899
4900    setFinalValues();
4901
4902
4903    return;
4904}
4905
4906
4907
4908/* =========================================================
4909   INTERSECTION OBSERVER
4910========================================================= */
4911
4912if (
4913    "IntersectionObserver"
4914    in window
4915) {
4916
4917
4918    const observer =
4919        new IntersectionObserver(
4920
4921            function (entries) {
4922
4923
4924                entries.forEach(
4925                    function (entry) {
4926
4927
4928                        if (
4929                            entry.isIntersecting
4930                        ) {
4931
4932                            startProofAnimation();
4933
4934
4935                            observer.disconnect();
4936
4937                        }
4938
4939
4940                    }
4941                );
4942
4943            },
4944
4945            {
4946
4947                threshold: .32,
4948
4949                rootMargin:
4950                    "0px 0px -6% 0px"
4951
4952            }
4953
4954        );
4955
4956
4957    observer.observe(
4958        shell
4959    );
4960
4961}
4962
4963else {
4964
4965    startProofAnimation();
4966
4967}
4968
4969})();
4970</script>
4970
4971
4972</section>
4973</div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--[--><div id="section-sRm_7xwbLG" data-animation-class data-entrance-clip="1" style="" class="fullSection true c-section c-wrapper section-sRm_7xwbLG"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="row-hLN6etf885" data-animation-class data-entrance-clip="1" style="" class="row-align-center true c-row c-wrapper row-hLN6etf885"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="col-T1TvorGEqm" data-animation-class data-entrance-clip="1" style="" class="true c-column c-wrapper col-T1TvorGEqm"><!----><!----><div class="vertical inner"><!----><!--[--><!--[--><div id="custom-code-qBGNQFvxbI" data-animation-class style="" class="c-custom-code c-wrapper custom-code-qBGNQFvxbI"><!----><!----><!----><!----><!----><!----><!----><span></span><div id="custom-code-qBGNQFvxbI__custom-code" class="custom-code-container ccustom-code-qBGNQFvxbI"><!-- =========================================================
4974     VAD PLUS — TRAINER EXPERIENCE ENGINEERING
4975     Premium Home Section (Fixed Ghost Modal Overlay)
4976     GoHighLevel Ready
4977========================================================= -->
4978
4979<section id="vad-trainer-engineering" dir="rtl">
4980
4981<style>
4982/* =========================================================
4983   ROOT
4984========================================================= */
4985#vad-trainer-engineering,
4986#vad-trainer-engineering *,
4987#vad-trainer-engineering *::before,
4988#vad-trainer-engineering *::after {
4989    box-sizing: border-box;
4990    font-family: "Cairo", sans-serif !important;
4991}
4992
4993#vad-trainer-engineering {
4994    --vad-navy: #071B33;
4995    --vad-navy-2: #0D2B4D;
4996    --vad-green: #00B894;
4997    --vad-green-2: #14D2AA;
4998    --vad-white: #FFFFFF;
4999    --vad-bg: #F7FAFA;
5000    --vad-text: #0B2139;
5001    --vad-muted: #687A8D;
5002    --vad-border: rgba(7,27,51,.08);
5003    --vad-green-soft: rgba(0,184,148,.08);
5004
5005    width: 100vw;
5006    max-width: 100vw;
5007    margin-inline: calc(50% - 50vw);
5008    position: relative;
5009    overflow: hidden;
5010    background:
5011        radial-gradient(circle at 12% 18%, rgba(0,184,148,.08), transparent 28%),
5012        radial-gradient(circle at 88% 82%, rgba(7,27,51,.06), transparent 30%),
5013        var(--vad-bg);
5014    color: var(--vad-text);
5015}
5016
5017#vad-trainer-engineering .vte-bg-grid {
5018    position: absolute;
5019    inset: 0;
5020    pointer-events: none;
5021    opacity: .28;
5022    background-image:
5023        linear-gradient(rgba(7,27,51,.035) 1px, transparent 1px),
5024        linear-gradient(90deg, rgba(7,27,51,.035) 1px, transparent 1px);
5025    background-size: 52px 52px;
5026    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 14%, #000 85%, transparent 100%);
5027    mask-image: linear-gradient(to bottom, transparent 0%, #000 14%, #000 85%, transparent 100%);
5028}
5029
5030#vad-trainer-engineering .vte-wrap {
5031    width: min(1680px, calc(100% - 40px));
5032    margin: 0 auto;
5033    padding: clamp(72px,7vw,118px) clamp(25px,4vw,72px) clamp(54px,6vw,92px);
5034    position: relative;
5035    z-index: 2;
5036}
5037
5038#vad-trainer-engineering .vte-grid {
5039    display: grid;
5040    grid-template-columns: minmax(0,.85fr) minmax(560px,1.15fr);
5041    align-items: center;
5042    gap: clamp(48px,6vw,105px);
5043}
5044
5045#vad-trainer-engineering .vte-copy { max-width: 720px; }
5046
5047#vad-trainer-engineering .vte-kicker {
5048    width: fit-content;
5049    min-height: 52px;
5050    padding: 0 19px;
5051    display: inline-flex;
5052    align-items: center;
5053    gap: 11px;
5054    border: 1px solid rgba(0,184,148,.24);
5055    border-radius: 100px;
5056    background: var(--vad-navy);
5057    color: #FFFFFF;
5058    font-size: 16px;
5059    line-height: 1.5;
5060    font-weight: 900;
5061    box-shadow: 0 12px 28px rgba(7,27,51,.13), 0 5px 18px rgba(0,184,148,.07);
5062}
5063
5064#vad-trainer-engineering .vte-kicker-dot {
5065    position: relative;
5066    width: 8px;
5067    height: 8px;
5068    flex: 0 0 8px;
5069    border-radius: 50%;
5070    background: var(--vad-green);
5071}
5072
5073#vad-trainer-engineering .vte-kicker-dot::after {
5074    content: "";
5075    position: absolute;
5076    inset: -5px;
5077    border-radius: 50%;
5078    border: 1px solid rgba(24,212,174,.46);
5079}
5080
5081#vad-trainer-engineering .vte-title {
5082    margin: 23px 0 0;
5083    max-width: 760px;
5084    color: var(--vad-navy);
5085    font-size: clamp(38px,4vw,64px);
5086    line-height: 1.35;
5087    letter-spacing: -1.5px;
5088    font-weight: 900;
5089}
5090
5091#vad-trainer-engineering .vte-highlight {
5092    position: relative;
5093    display: inline-block;
5094    color: var(--vad-green);
5095    white-space: normal;
5096}
5097
5098#vad-trainer-engineering .vte-highlight::after {
5099    content: "";
5100    position: absolute;
5101    right: 1px;
5102    left: 1px;
5103    bottom: 2px;
5104    height: 9px;
5105    z-index: -1;
5106    border-radius: 99px;
5107    background: rgba(0,184,148,.11);
5108}
5109
5110#vad-trainer-engineering .vte-description {
5111    max-width: 680px;
5112    margin: 25px 0 0;
5113    color: var(--vad-muted);
5114    font-size: 17px;
5115    line-height: 2;
5116    font-weight: 500;
5117}
5118
5119#vad-trainer-engineering .vte-concept {
5120    position: relative;
5121    overflow: hidden;
5122    margin-top: 25px;
5123    padding: 17px 18px;
5124    border: 1px solid rgba(0,184,148,.17);
5125    border-radius: 17px;
5126    background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(0,184,148,.055));
5127    box-shadow: 0 12px 32px rgba(7,27,51,.055);
5128    display: flex;
5129    align-items: center;
5130    gap: 14px;
5131}
5132
5133#vad-trainer-engineering .vte-concept::before {
5134    content: "";
5135    position: absolute;
5136    top: 0;
5137    right: 0;
5138    width: 4px;
5139    height: 100%;
5140    background: var(--vad-green);
5141}
5142
5143#vad-trainer-engineering .vte-concept-icon {
5144    width: 46px;
5145    height: 46px;
5146    flex: 0 0 46px;
5147    border-radius: 13px;
5148    display: flex;
5149    align-items: center;
5150    justify-content: center;
5151    background: var(--vad-navy);
5152    color: #FFFFFF;
5153}
5154
5155#vad-trainer-engineering .vte-concept-icon svg { width: 22px; height: 22px; }
5156#vad-trainer-engineering .vte-concept-copy { min-width: 0; }
5157#vad-trainer-engineering .vte-concept-title { display: block; color: var(--vad-navy); font-size: 16px; line-height: 1.5; font-weight: 900; }
5158#vad-trainer-engineering .vte-concept-sub { display: block; margin-top: 3px; color: var(--vad-muted); font-size: 12px; line-height: 1.7; font-weight: 700; }
5159
5160#vad-trainer-engineering .vte-actions {
5161    margin-top: 25px;
5162    display: flex;
5163    align-items: center;
5164    flex-wrap: wrap;
5165    gap: 10px;
5166}
5167
5168#vad-trainer-engineering .vte-btn {
5169    min-height: 55px;
5170    padding: 0 20px;
5171    border-radius: 15px;
5172    display: inline-flex;
5173    align-items: center;
5174    justify-content: center;
5175    gap: 10px;
5176    text-decoration: none;
5177    font-size: 14px;
5178    line-height: 1.4;
5179    font-weight: 900;
5180    cursor: pointer !important;
5181    pointer-events: auto !important;
5182    transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease, color .2s ease;
5183}
5184
5185#vad-trainer-engineering .vte-btn-primary {
5186    border: 1px solid var(--vad-green);
5187    background: var(--vad-green);
5188    color: #FFFFFF;
5189    box-shadow: 0 13px 30px rgba(0,184,148,.18);
5190}
5191
5192#vad-trainer-engineering .vte-btn-primary:hover {
5193    transform: translateY(-2px);
5194    background: var(--vad-navy);
5195    border-color: var(--vad-navy);
5196    box-shadow: 0 16px 36px rgba(7,27,51,.16);
5197}
5198
5199#vad-trainer-engineering .vte-btn-secondary {
5200    border: 1px solid rgba(7,27,51,.12);
5201    background: rgba(255,255,255,.90);
5202    color: var(--vad-navy);
5203}
5204
5205#vad-trainer-engineering .vte-btn-secondary:hover {
5206    transform: translateY(-2px);
5207    border-color: rgba(0,184,148,.32);
5208    background: #FFFFFF;
5209    color: var(--vad-green);
5210}
5211
5212#vad-trainer-engineering .vte-btn-arrow {
5213    width: 28px;
5214    height: 28px;
5215    border-radius: 9px;
5216    display: inline-flex;
5217    align-items: center;
5218    justify-content: center;
5219    background: rgba(255,255,255,.15);
5220    font-size: 16px;
5221    transition: transform .2s ease, background .2s ease, color .2s ease;
5222}
5223
5224#vad-trainer-engineering .vte-btn-primary:hover .vte-btn-arrow {
5225    background: var(--vad-green);
5226    color: #FFFFFF;
5227    transform: translateX(-3px);
5228}
5229
5230#vad-trainer-engineering .vte-btn-secondary .vte-btn-arrow {
5231    background: rgba(0,184,148,.08);
5232    color: var(--vad-green);
5233}
5234
5235#vad-trainer-engineering .vte-btn-secondary:hover .vte-btn-arrow {
5236    transform: translateX(-3px);
5237}
5238
5239/* VISUAL */
5240#vad-trainer-engineering .vte-visual {
5241    position: relative;
5242    min-height: 620px;
5243    display: flex;
5244    align-items: center;
5245    justify-content: center;
5246}
5247
5248#vad-trainer-engineering .vte-system {
5249    position: relative;
5250    width: min(680px,100%);
5251    min-height: 500px;
5252}
5253
5254#vad-trainer-engineering .vte-window {
5255    position: absolute;
5256    z-index: 8;
5257    top: 50%;
5258    left: 50%;
5259    width: 72%;
5260    transform: translate(-50%,-50%);
5261    overflow: hidden;
5262    border: 1px solid rgba(7,27,51,.10);
5263    border-radius: 24px;
5264    background: #FFFFFF;
5265    box-shadow: 0 35px 80px rgba(7,27,51,.13), 0 12px 32px rgba(0,184,148,.07);
5266}
5267
5268#vad-trainer-engineering .vte-window-bar {
5269    min-height: 54px;
5270    padding: 0 16px;
5271    border-bottom: 1px solid rgba(7,27,51,.07);
5272    display: flex;
5273    align-items: center;
5274    justify-content: space-between;
5275    gap: 14px;
5276    background: linear-gradient(to left, rgba(255,255,255,1), rgba(248,251,251,1));
5277}
5278
5279#vad-trainer-engineering .vte-window-title { color: var(--vad-navy); font-size: 13px; font-weight: 900; }
5280#vad-trainer-engineering .vte-window-dots { display: flex; align-items: center; gap: 5px; direction: ltr; }
5281#vad-trainer-engineering .vte-window-dots span { width: 7px; height: 7px; border-radius: 50%; background: rgba(7,27,51,.13); }
5282#vad-trainer-engineering .vte-window-dots span:first-child { background: var(--vad-green); }
5283
5284#vad-trainer-engineering .vte-window-body {
5285    display: grid;
5286    grid-template-columns: 92px minmax(0,1fr);
5287    min-height: 320px;
5288    direction: ltr;
5289}
5290
5291#vad-trainer-engineering .vte-sidebar {
5292    padding: 13px 10px;
5293    border-right: 1px solid rgba(7,27,51,.065);
5294    background: linear-gradient(180deg, var(--vad-navy), #0B2948);
5295    display: flex;
5296    flex-direction: column;
5297    gap: 7px;
5298    direction: rtl;
5299}
5300
5301#vad-trainer-engineering .vte-side-brand { min-height: 42px; margin-bottom: 4px; border: 1px solid rgba(255,255,255,.10); border-radius: 10px; display: flex; align-items: center; justify-content: center; color: #FFFFFF; font-size: 9px; font-weight: 900; }
5302#vad-trainer-engineering .vte-side-item { min-height: 34px; padding: 0 7px; border-radius: 8px; display: flex; align-items: center; gap: 6px; color: rgba(255,255,255,.58); font-size: 8.5px; font-weight: 700; }
5303#vad-trainer-engineering .vte-side-item.is-active { background: rgba(0,184,148,.18); color: #FFFFFF; }
5304#vad-trainer-engineering .vte-side-dot { width: 5px; height: 5px; flex: 0 0 5px; border-radius: 50%; background: var(--vad-green); }
5305
5306#vad-trainer-engineering .vte-dashboard { min-width: 0; padding: 18px; direction: rtl; }
5307#vad-trainer-engineering .vte-dashboard-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
5308#vad-trainer-engineering .vte-dashboard-title { color: var(--vad-navy); font-size: 18px; line-height: 1.5; font-weight: 900; }
5309#vad-trainer-engineering .vte-dashboard-sub { margin-top: 3px; color: var(--vad-muted); font-size: 9.5px; line-height: 1.65; font-weight: 600; }
5310#vad-trainer-engineering .vte-status { min-height: 28px; padding: 0 9px; border-radius: 999px; display: inline-flex; align-items: center; gap: 6px; background: rgba(0,184,148,.08); color: var(--vad-green); font-size: 8.5px; font-weight: 900; white-space: nowrap; }
5311#vad-trainer-engineering .vte-status-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--vad-green); }
5312
5313#vad-trainer-engineering .vte-modules { margin-top: 16px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
5314#vad-trainer-engineering .vte-module { min-width: 0; min-height: 76px; padding: 11px; border: 1px solid rgba(7,27,51,.07); border-radius: 12px; background: linear-gradient(180deg, #FFFFFF, #FAFCFC); }
5315#vad-trainer-engineering .vte-module-icon { width: 27px; height: 27px; border-radius: 8px; display: flex; align-items: center; justify-content: center; background: rgba(0,184,148,.08); color: var(--vad-green); }
5316#vad-trainer-engineering .vte-module-icon svg { width: 14px; height: 14px; }
5317#vad-trainer-engineering .vte-module-title { display: block; margin-top: 8px; color: var(--vad-navy); font-size: 9px; line-height: 1.45; font-weight: 900; }
5318
5319#vad-trainer-engineering .vte-flow { margin-top: 11px; padding: 12px; border: 1px solid rgba(7,27,51,.065); border-radius: 12px; background: rgba(247,250,250,.88); }
5320#vad-trainer-engineering .vte-flow-label { color: var(--vad-navy); font-size: 9px; font-weight: 900; }
5321#vad-trainer-engineering .vte-flow-track { margin-top: 8px; display: flex; align-items: center; gap: 5px; }
5322#vad-trainer-engineering .vte-flow-step { flex: 1; min-width: 0; min-height: 27px; padding: 0 4px; border-radius: 8px; display: flex; align-items: center; justify-content: center; color: #627589; background: #FFFFFF; border: 1px solid rgba(7,27,51,.06); font-size: 7.5px; font-weight: 800; white-space: nowrap; }
5323#vad-trainer-engineering .vte-flow-step.is-green { color: var(--vad-green); background: rgba(0,184,148,.065); border-color: rgba(0,184,148,.14); }
5324#vad-trainer-engineering .vte-flow-arrow { flex: 0 0 auto; color: var(--vad-green); font-size: 10px; font-weight: 900; }
5325
5326#vad-trainer-engineering .vte-connector { position: absolute; z-index: 3; height: 1px; background: linear-gradient(90deg, rgba(0,184,148,.62), rgba(7,27,51,.08)); transform-origin: 0 50%; }
5327#vad-trainer-engineering .vte-connector::after { content: ""; position: absolute; top: -2px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: var(--vad-green); box-shadow: 0 0 10px rgba(0,184,148,.55); animation: vteSignal 4.8s ease-in-out infinite; }
5328#vad-trainer-engineering .vte-connector-1 { width: 118px; top: 30%; left: 32%; transform: rotate(205deg); }
5329#vad-trainer-engineering .vte-connector-2 { width: 120px; top: 31%;
5329 right: 32%; transform: rotate(-25deg); }
5330#vad-trainer-engineering .vte-connector-3 { width: 130px; bottom: 30%; left: 31%; transform: rotate(155deg); }
5331#vad-trainer-engineering .vte-connector-4 { width: 128px; bottom: 30%; right: 31%; transform: rotate(25deg); }
5332
5333@keyframes vteSignal { 0%,15% { left: 0; opacity: 0; } 25% { opacity: 1; } 75% { opacity: 1; } 100% { left: calc(100% - 5px); opacity: 0; } }
5334
5335#vad-trainer-engineering .vte-node {
5336    position: absolute;
5337    z-index: 12;
5338    width: 210px;
5339    min-height: 94px;
5340    padding: 13px 14px;
5341    border: 1px solid rgba(7,27,51,.075);
5342    border-radius: 16px;
5343    background: rgba(255,255,255,.97);
5344    box-shadow: 0 16px 34px rgba(7,27,51,.08);
5345    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
5346}
5347
5348#vad-trainer-engineering .vte-node:hover {
5349    transform: translateY(-3px);
5350    border-color: rgba(0,184,148,.28);
5351    box-shadow: 0 20px 42px rgba(7,27,51,.11), 0 8px 22px rgba(0,184,148,.08);
5352}
5353
5354#vad-trainer-engineering .vte-node-head { display: flex; align-items: center; gap: 9px; }
5355#vad-trainer-engineering .vte-node-icon { width: 34px; height: 34px; flex: 0 0 34px; border-radius: 10px; display: flex; align-items: center; justify-content: center; background: rgba(0,184,148,.08); color: var(--vad-green); }
5356#vad-trainer-engineering .vte-node-icon svg { width: 18px; height: 18px; }
5357#vad-trainer-engineering .vte-node-title { color: var(--vad-navy); font-size: 12.5px; line-height: 1.5; font-weight: 900; }
5358#vad-trainer-engineering .vte-node-desc { margin-top: 8px; color: var(--vad-muted); font-size: 10.5px; line-height: 1.65; font-weight: 600; }
5359#vad-trainer-engineering .vte-node-1 { top: 4%; right: 1%; border-color: rgba(0,184,148,.18); }
5360#vad-trainer-engineering .vte-node-2 { top: 5%; left: 1%; }
5361#vad-trainer-engineering .vte-node-3 { bottom: 5%; right: 0; }
5362#vad-trainer-engineering .vte-node-4 { bottom: 5%; left: 0; }
5363
5364#vad-trainer-engineering .vte-punch {
5365    position: relative;
5366    overflow: hidden;
5367    margin-top: clamp(48px,5vw,78px);
5368    padding: clamp(24px,3vw,36px);
5369    border-radius: 24px;
5370    background: linear-gradient(120deg, var(--vad-navy), var(--vad-navy-2));
5371    box-shadow: 0 24px 58px rgba(7,27,51,.15);
5372    color: #FFFFFF;
5373}
5374
5375#vad-trainer-engineering .vte-punch::after { content: ""; position: absolute; width: 230px; height: 230px; left: -95px; bottom: -160px; border-radius: 50%; background: rgba(0,184,148,.88); }
5376#vad-trainer-engineering .vte-punch-inner { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: clamp(24px,4vw,64px); }
5377#vad-trainer-engineering .vte-punch-copy { min-width: 0; flex: 1; }
5378#vad-trainer-engineering .vte-punch-small { display: block; margin-bottom: 7px; color: rgba(255,255,255,.66); font-size: 13px; line-height: 1.6; font-weight: 800; }
5379#vad-trainer-engineering .vte-punch-strong { max-width: 1080px; display: block; color: #FFFFFF; font-size: clamp(24px,2.35vw,38px); line-height: 1.55; font-weight: 900; }
5380#vad-trainer-engineering .vte-punch-accent { color: var(--vad-green-2); }
5381
5382#vad-trainer-engineering .vte-punch-btn {
5383    flex: 0 0 auto;
5384    min-height: 56px;
5385    padding: 0 18px;
5386    border: 1px solid rgba(255,255,255,.18);
5387    border-radius: 15px;
5388    display: inline-flex;
5389    align-items: center;
5390    justify-content: center;
5391    gap: 10px;
5392    background: #FFFFFF;
5393    color: var(--vad-navy);
5394    text-decoration: none;
5395    font-size: 13px;
5396    line-height: 1.4;
5397    font-weight: 900;
5398    white-space: nowrap;
5399    box-shadow: 0 12px 28px rgba(0,0,0,.12);
5400    cursor: pointer !important;
5401    pointer-events: auto !important;
5402    transition: transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;
5403}
5404
5405#vad-trainer-engineering .vte-punch-btn-arrow {
5406    width: 29px;
5407    height: 29px;
5408    border-radius: 9px;
5409    display: inline-flex;
5410    align-items: center;
5411    justify-content: center;
5412    background: rgba(0,184,148,.10);
5413    color: var(--vad-green);
5414    font-size: 16px;
5415    font-weight: 900;
5416    transition: transform .2s ease, background .2s ease, color .2s ease;
5417}
5418
5419#vad-trainer-engineering .vte-punch-btn:hover {
5420    transform: translateY(-2px);
5421    background: var(--vad-green);
5422    border-color: var(--vad-green);
5423    color: #FFFFFF;
5424    box-shadow: 0 16px 34px rgba(0,184,148,.20);
5425}
5426
5427#vad-trainer-engineering .vte-punch-btn:hover .vte-punch-btn-arrow {
5428    transform: translateX(-3px);
5429    background: #FFFFFF;
5430    color: var(--vad-green);
5431}
5432
5433/* =========================================================
5434   QUIZ POPUP MODAL (FIXED: DISPLAY NONE WHEN NOT ACTIVE)
5435========================================================= */
5436#vte-quiz-modal {
5437    display: none !important; /* التعديل الجذري هنا لمنع حجب الشاشة */
5438    position: fixed;
5439    inset: 0;
5440    z-index: 2147483030;
5441    align-items: center;
5442    justify-content: center;
5443    padding: 16px;
5444    background: rgba(7, 27, 51, 0.72);
5445    backdrop-filter: blur(8px);
5446    -webkit-backdrop-filter: blur(8px);
5447    opacity: 0;
5448    visibility: hidden;
5449    pointer-events: none !important;
5450}
5451
5452#vte-quiz-modal.is-active {
5453    display: flex !important;
5454    opacity: 1 !important;
5455    visibility: visible !important;
5456    pointer-events: auto !important;
5457}
5458
5459.vte-quiz-dialog {
5460    position: relative;
5461    width: 100%;
5462    max-width: 680px;
5463    max-height: 90vh;
5464    background: #FFFFFF;
5465    border-radius: 24px;
5466    box-shadow: 0 25px 70px rgba(7, 27, 51, 0.35);
5467    overflow: hidden;
5468    display: flex;
5469    flex-direction: column;
5470    direction: rtl;
5471    transform: scale(0.95) translateY(12px);
5472    transition: transform .25s cubic-bezier(.22,.8,.3,1);
5473    pointer-events: auto !important;
5474}
5475
5476#vte-quiz-modal.is-active .vte-quiz-dialog {
5477    transform: scale(1) translateY(0);
5478}
5479
5480.vte-quiz-head {
5481    display: flex;
5482    align-items: center;
5483    justify-content: space-between;
5484    padding: 14px 20px;
5485    border-bottom: 1px solid rgba(7, 27, 51, 0.08);
5486    background: #FAFCFC;
5487}
5488
5489.vte-quiz-head h4 { margin: 0; font-size: 15px; font-weight: 900; color: var(--vad-navy); }
5490
5491.vte-quiz-close {
5492    width: 36px;
5493    height: 36px;
5494    border-radius: 10px;
5495    border: none;
5496    background: rgba(7, 27, 51, 0.06);
5497    color: var(--vad-navy);
5498    display: inline-flex;
5499    align-items: center;
5500    justify-content: center;
5501    cursor: pointer;
5502}
5503
5504.vte-quiz-close:hover { background: rgba(239, 68, 68, 0.12); color: #EF4444; }
5505.vte-quiz-content { flex: 1; overflow-y: auto; padding: 12px; min-height: 520px; }
5506
5507/* RESPONSIVE */
5508@media (max-width: 1024px) {
5509    #vad-trainer-engineering .vte-wrap { width: calc(100% - 28px); padding: 72px 20px 58px; }
5510    #vad-trainer-engineering .vte-grid { grid-template-columns: 1fr; gap: 52px; }
5511    #vad-trainer-engineering .vte-visual { min-height: 610px; }
5512    #vad-trainer-engineering .vte-system { width: min(680px,94vw); }
5513}
5514
5515@media (max-width: 768px) {
5516    #vad-trainer-engineering .vte-wrap { width: 100%; padding: 62px 18px 48px; }
5517    #vad-trainer-engineering .vte-title { font-size: clamp(34px,7.5vw,48px); }
5518    #vad-trainer-engineering .vte-actions { display: grid; grid-template-columns: 1fr; }
5519    #vad-trainer-engineering .vte-btn { width: 100%; justify-content: space-between; }
5520    #vad-trainer-engineering .vte-visual { min-height: auto; margin-top: 7px; }
5521    #vad-trainer-engineering .vte-system { width: 100%; min-height: auto; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
5522    #vad-trainer-engineering .vte-window { position: relative; top: auto; left: auto; width: 100%; grid-column: 1 / -1; transform: none; }
5523    #vad-trainer-engineering .vte-node { position: relative; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; width: auto; min-height: 110px; }
5524    #vad-trainer-engineering .vte-connector { display: none; }
5525    #vad-trainer-engineering .vte-punch-inner { flex-direction: column; align-items: flex-start; gap: 20px; }
5526    #vad-trainer-engineering .vte-punch-btn { width: 100%; justify-content: space-between; }
5527}
5528
5529@media (max-width: 520px) {
5530    #vad-trainer-engineering .vte-wrap { padding: 48px 16px 38px; }
5531    #vad-trainer-engineering .vte-kicker { min-height: 46px; padding: 0 15px; font-size: 13.5px; }
5532    #vad-trainer-engineering .vte-title { font-size: clamp(30px,8.5vw,38px); line-height: 1.32; }
5533    #vad-trainer-engineering .vte-description { font-size: 14.5px; line-height: 1.9; }
5534    #vad-trainer-engineering .vte-modules { grid-template-columns: repeat(2,minmax(0,1fr)); }
5535}
5536</style>
5537
5538<div class="vte-bg-grid" aria-hidden="true"></div>
5539
5540<div class="vte-wrap">
5541    <div class="vte-grid">
5542        <div class="vte-copy">
5543            <div class="vte-kicker">
5544                <span class="vte-kicker-dot" aria-hidden="true"></span>
5545                <span>للمدربين وأصحاب الخبرات</span>
5546            </div>
5547
5548            <h2 class="vte-title">
5549                ابدأ بهندسة خبرتك
5550                <br>
5551                <span class="vte-highlight">لحضور رقمي موثوق</span>
5552                <br>
5553                <span class="vte-highlight">ودخل متكرر.</span>
5554            </h2>
5555
5556            <p class="vte-description">
5557                نحوّل خبرتك إلى عرض أوضح، منتجات مترابطة، أكاديمية باسمك، ومنظومة بيع ومتابعة تساعدك على بناء دخل أكثر تنظيمًا واستمرارية.
5558            </p>
5559
5560            <div class="vte-concept">
5561                <span class="vte-concept-icon" aria-hidden="true">
5562                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8">
5563                        <circle cx="12" cy="12" r="7"></circle>
5564                        <circle cx="12" cy="12" r="3"></circle>
5565                        <path d="m15 9 5-5"></path>
5566                        <path d="M16 4h4v4"></path>
5567                    </svg>
5568                </span>
5569                <span class="vte-concept-copy">
5570                    <span class="vte-concept-title">هندسة خبرة المدربين</span>
5571                    <span class="vte-concept-sub">تموضع · عروض · منتجات · مسارات دخل</span>
5572                </span>
5573            </div>
5574
5575            <div class="vte-actions">
5576                <a class="vte-btn vte-btn-primary" href="https://vad-academy.com/trariners" aria-label="ابدأ بهندسة خبرتك">
5577                    <span>ابدأ بهندسة خبرتك</span>
5578                    <span class="vte-btn-arrow" aria-hidden="true">←</span>
5579                </a>
5580                <a class="vte-btn vte-btn-secondary" id="vte-quiz-trigger-btn" href="https://api.vad-academy.com/widget/quiz/GHDemGMPjs08eVD3O3gZ" aria-label="قيّم منظومتك (اختبار قصير)">
5581                    <span>قيّم منظومتك (اختبار قصير)</span>
5582                    <span class="vte-btn-arrow" aria-hidden="true">←</span>
5583                </a>
5584            </div>
5585        </div>
5586
5587        <div class="vte-visual" aria-label="تصور يوضح كيف تصبح أكاديمية المدرب وصفحات البيع والعملاء والمتابعة والرسائل ورحلة العميل داخل بيئة عمل مترابطة">
5588            <div class="vte-system">
5589                <div class="vte-connector vte-connector-1" aria-hidden="true"></div>
5590                <div class="vte-connector vte-connector-2" aria-hidden="true"></div>
5591                <div class="vte-connector vte-connector-3" aria-hidden="true"></div>
5592                <div class="vte-connector vte-connector-4" aria-hidden="true"></div>
5593
5594                <div class="vte-window">
5595                    <div class="vte-window-bar">
5596                        <span class="vte-window-title">أكاديميتك ومنظومة عملك</span>
5597                        <span class="vte-window-dots" aria-hidden="true">
5598                            <span></span><span></span><span></span>
5599                        </span>
5600                    </div>
5601
5602                    <div class="vte-window-body">
5603                        <div class="vte-sidebar">
5604                            <div class="vte-side-brand">VAD PLUS</div>
5605                            <div class="vte-side-item is-active"><span class="vte-side-dot"></span><span>الرئيسية</span></div>
5606                            <div class="vte-side-item"><span class="vte-side-dot"></span><span>البرامج</span></div>
5607                            <div class="vte-side-item"><span class="vte-side-dot"></span><span>العملاء</span></div>
5608                            <div class="vte-side-item"><span class="vte-side-dot"></span><span>المتابعة</span></div>
5609                        </div>
5610
5611                        <div class="vte-dashboard">
5612                            <div class="vte-dashboard-head">
5613                                <div>
5614                                    <div class="vte-dashboard-title">كل ما تحتاجه حول خبرتك</div>
5615                                    <div class="vte-dashboard-sub">برامجك · عملاؤك · متابعتك · رحلة البيع</div>
5616                                </div>
5617                                <div class="vte-status">
5618                                    <span class="vte-status-dot"></span>
5619                                    <span>مترابط</span>
5620                                </div>
5621                            </div>
5622
5623                            <div class="vte-modules">
5624                                <div class="vte-module">
5625                                    <span class="vte-module-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M12 3 2 8l10 5 10-5-10-5Z"></path><path d="M6 10v5c0 2 3 4 6 4s6-2 6-4v-5"></path></svg></span>
5626                                    <span class="vte-module-title">برامجي</span>
5627                                </div>
5628                                <div class="vte-module">
5629                                    <span class="vte-module-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M4 4h16v16H4z"></path><path d="M4 9h16"></path><path d="M8 14h5"></path></svg></span>
5630                                    <span class="vte-module-title">صفحات البيع</span>
5631                                </div>
5632                                <div class="vte-module">
5633                                    <span class="vte-module-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle cx="9" cy="8" r="3"></circle><circle cx="17" cy="9" r="2.5"></circle><path d="M3 20a6 6 0 0 1 12 0"></path><path d="M14 20a5 5 0 0 1 7-4.5"></path></svg></span>
5634                                    <span class="vte-module-title">العملاء</span>
5635                                </div>
5636                                <div class="vte-module">
5637                                    <span class="vte-module-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M4 7h16"></path><path d="M4 12h10"></path><path d="M4 17h7"></path><path d="m16 16 2 2 4-5"></path></svg></span>
5638                                    <span class="vte-module-title">المتابعة</span>
5639                                </div>
5640                                <div class="vte-module">
5641                                    <span class="vte-module-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4Z"></path></svg></span>
5642                                    <span class="vte-module-title">الرسائل</span>
5643                                </div>
5644                                <div class="vte-module">
5645                                    <span class="vte-module-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle cx="5" cy="6" r="2"></circle><circle cx="19" cy="18" r="2"></circle><path d="M7 6h5a4 4 0 0 1 4 4v1"></path><path d="m13 9 3 3 3-3"></path><path d="M17 18h-5a4 4 0 0 1-4-4v-1"></path></svg></span>
5646                                    <span class="vte-module-title">رحلة العميل</span>
5647                                </div>
5648                            </div>
5649
5650                            <div class="vte-flow">
5651                                <div class="vte-flow-label">رحلة العميل</div>
5652                                <div class="vte-flow-track">
5653                                    <span class="vte-flow-step">اكتشاف</span>
5654                                    <span class="vte-flow-arrow">←</span>
5655                                    <span class="vte-flow-step is-green">عرض</span>
5656                                    <span class="vte-flow-arrow">←</span>
5657                                    <span class="vte-flow-step">شراء</span>
5658                                    <span class="vte-flow-arrow">←</span>
5659                                    <span class="vte-flow-step is-green">متابعة</span>
5660                                </div>
5661                            </div>
5662                        </div>
5663                    </div>
5664                </div>
5665
5666                <div class="vte-node vte-node-1">
5667                    <div class="vte-node-head">
5668                        <span class="vte-node-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle cx="12" cy="12" r="7"></circle><circle cx="12" cy="12" r="3"></circle><path d="m15 9 5-5"></path><path d="M16 4h4v4"></path></svg></span>
5669                        <span class="vte-node-title">هندسة الخبرة</span>
5670                    </div>
5671                    <div class="vte-node-desc">تموضع + عرض + منتجات</div>
5672                </div>
5673
5674                <div class="vte-node vte-node-2">
5675                    <div class="vte-node-head">
5676                        <span class="vte-node-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M12 3 2 8l10 5 10-5-10-5Z"></path><path d="M6 10v5c0 2 3 4 6 4s6-2 6-4v-5"></path></svg></span>
5677                        <span class="vte-node-title">أكاديميتك الخاصة</span>
5678                    </div>
5679                    <div class="vte-node-desc">برامجك وتجربة العميل باسمك</div>
5680                </div>
5681
5682                <div class="vte-node vte-node-3">
5683                    <div class="vte-node-head">
5684                        <span class="vte-node-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M4 5h16v10H8l-4 4V5Z"></path><path d="M8 9h8"></path><path d="M8 12h5"></path></svg></span>
5685                        <span class="vte-node-title">البيع والمتابعة</span>
5686                    </div>
5687                    <div class="vte-node-desc">صفحات + عملاء + متابعة + رسائل</div>
5688                </div>
5689
5690                <div class="vte-node vte-node-4">
5691                    <div class="vte-node-head">
5692                        <span class="vte-node-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M4 18V9"></path><path d="M10 18V13"></path><path d="M16 18V6"></path><path d="m14 8 2-2 2 2"></path><path d="M3 21h18"></path></svg></span>
5693                        <span class="vte-node-title">النمو وإعادة البيع</span>
5694                    </div>
5695                    <div class="vte-node-desc">حملات + عروض إضافية + استمرارية</div>
5696                </div>
5697            </div>
5698        </div>
5699    </div>
5700
5701    <div class="vte-punch">
5702        <div class="vte-punch-inner">
5703            <div class="vte-punch-copy">
5704                <span class="vte-punch-small">أنت لا تحتاج منصة أخرى...</span>
5705                <span class="vte-punch-strong">
5706                    أنت تحتاج
5707                    <span class="vte-punch-accent">منظومة</span>
5708                    تجعل خبرتك أسهل في البيع والتشغيل والنمو.
5709                </span>
5710            </div>
5711            <a class="vte-punch-btn" href="https://vad-academy.com/trariners" aria-label="تعرّف على خدمات المدربين">
5712                <span>تعرّف على خدمات المدربين</span>
5713                <span class="vte-punch-btn-arrow" aria-hidden="true">←</span>
5714            </a>
5715        </div>
5716    </div>
5717</div>
5718
5719<!-- QUIZ MODAL (CLEAN HIDDEN) -->
5720<div id="vte-quiz-modal" aria-hidden="true" role="dialog">
5721    <div class="vte-quiz-dialog">
5722        <div class="vte-quiz-head">
5723            <h4>تقييم منظومة المدربين وأصحاب الخبرات</h4>
5724            <button type="button" class="vte-quiz-close" id="vte-quiz-close" aria-label="إغلاق">✕</button>
5725        </div>
5726        <div class="vte-quiz-content" id="vte-quiz-content"></div>
5727    </div>
5728</div>
5729
5730<script>
5731(function() {
5732    "use strict";
5733
5734    const triggerBtn = document.getElementById("vte-quiz-trigger-btn");
5735    const modal = document.getElementById("vte-quiz-modal");
5736    const closeBtn = document.getElementById("vte-quiz-close");
5737    const content = document.getElementById("vte-quiz-content");
5738
5739    if (!triggerBtn || !modal || !closeBtn || !content) return;
5740
5741    if (!document.getElementById("vad-ghl-form-script")) {
5742        const script = document.createElement("script");
5743        script.id = "vad-ghl-form-script";
5744        script.src = "https://api.vad-academy.com/js/form_embed.js";
5745        script.async = true;
5746        document.body.appendChild(script);
5747    }
5748
5749    function openQuiz(e) {
5750        if (e) e.preventDefault();
5751        content.innerHTML = `
5752            <iframe 
5753                src="https://api.vad-academy.com/widget/quiz/GHDemGMPjs08eVD3O3gZ" 
5754                style="border:none;width:100%;min-height:540px;" 
5755                scrolling="no" 
5756                id="GHDemGMPjs08eVD3O3gZ" 
5757                title="quiz" 
5758                data-cookie-consent="true" 
5759                data-cookie-consent-provider="auto">
5760            </iframe>
5761        `;
5762        modal.classList.add("is-active");
5763        modal.setAttribute("aria-hidden", "false");
5764        document.body.style.overflow = "hidden";
5765    }
5766
5767    function closeQuiz() {
5768        modal.classList.remove("is-active");
5769        modal.setAttribute("aria-hidden", "true");
5770        content.innerHTML = "";
5771        document.body.style.overflow = "";
5772    }
5773
5774    triggerBtn.addEventListener("click", openQuiz);
5775    closeBtn.addEventListener("click", closeQuiz);
5776    modal.addEventListener("click", function(e) {
5777        if (e.target === modal) closeQuiz();
5778    });
5779
5780    document.addEventListener("keydown", function(e) {
5781        if (e.key === "Escape" && modal.classList.contains("is-active")) {
5782            closeQuiz();
5783        }
5784    });
5785})();
5786</script>
5786
5787
5788</section></div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--[--><div id="section-NrzRw9y5pT" data-animation-class data-entrance-clip="1" style="" class="fullSection true c-section c-wrapper section-NrzRw9y5pT"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="row-YRfI7sd_g4" data-animation-class data-entrance-clip="1" style="" class="row-align-center true c-row c-wrapper row-YRfI7sd_g4"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="col-zsCjcp_HDe" data-animation-class data-entrance-clip="1" style="" class="true c-column c-wrapper col-zsCjcp_HDe"><!----><!----><div class="vertical inner"><!----><!--[--><!--[--><div id="custom-code-ILQ0To5v0L" data-animation-class style="" class="c-custom-code c-wrapper custom-code-ILQ0To5v0L"><!----><!----><!----><!----><!----><!----><!----><span></span><div id="custom-code-ILQ0To5v0L__custom-code" class="custom-code-container ccustom-code-ILQ0To5v0L"><!-- =========================================================
5789     VAD PLUS — BUSINESS MARKETING CAPABILITY SECTION
5790     GoHighLevel Ready
5791     RTL / Responsive / Scoped CSS (Fixed Ghost Modal Overlay)
5792========================================================= -->
5793
5794<section id="vad-business-capability" dir="rtl">
5795
5796<style>
5797@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap");
5798
5799/* =========================================================
5800   ROOT
5801========================================================= */
5802#vad-business-capability,
5803#vad-business-capability *,
5804#vad-business-capability *::before,
5805#vad-business-capability *::after {
5806    box-sizing: border-box;
5807    font-family: "Cairo", sans-serif !important;
5808}
5809
5810#vad-business-capability {
5811    --vbc-navy: #071B33;
5812    --vbc-navy-2: #0D2B4D;
5813    --vbc-green: #00B894;
5814    --vbc-green-2: #18D4AE;
5815    --vbc-white: #FFFFFF;
5816    --vbc-bg: #071B33;
5817    --vbc-text: #FFFFFF;
5818    --vbc-muted: rgba(255,255,255,.66);
5819    --vbc-border: rgba(255,255,255,.10);
5820
5821    width: 100vw;
5822    max-width: 100vw;
5823    margin-inline: calc(50% - 50vw);
5824    position: relative;
5825    overflow: hidden;
5826    direction: rtl;
5827    color: var(--vbc-text);
5828    background:
5829        radial-gradient(circle at 12% 18%, rgba(0,184,148,.13), transparent 30%),
5830        radial-gradient(circle at 88% 84%, rgba(52,76,131,.22), transparent 32%),
5831        linear-gradient(135deg, #082744 0%, #071F38 55%, #061A30 100%);
5832}
5833
5834#vad-business-capability .vbc-bg-grid {
5835    position: absolute;
5836    inset: 0;
5837    pointer-events: none;
5838    opacity: .34;
5839    background-image:
5840        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
5841        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
5842    background-size: 52px 52px;
5843    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 14%, #000 86%, transparent 100%);
5844    mask-image: linear-gradient(to bottom, transparent 0%, #000 14%, #000 86%, transparent 100%);
5845}
5846
5847#vad-business-capability .vbc-wrap {
5848    width: min(1680px, calc(100% - 40px));
5849    margin: 0 auto;
5850    padding: clamp(74px,7vw,118px) clamp(25px,4vw,72px) clamp(58px,6vw,92px);
5851    position: relative;
5852    z-index: 2;
5853}
5854
5855#vad-business-capability .vbc-grid {
5856    display: grid;
5857    grid-template-columns: minmax(0,.82fr) minmax(560px,1.18fr);
5858    align-items: center;
5859    gap: clamp(52px,6vw,104px);
5860}
5861
5862#vad-business-capability .vbc-copy { max-width: 710px; }
5863
5864#vad-business-capability .vbc-kicker {
5865    width: fit-content;
5866    min-height: 40px;
5867    padding: 0 14px;
5868    display: inline-flex;
5869    align-items: center;
5870    gap: 9px;
5871    border: 1px solid rgba(24,212,174,.25);
5872    border-radius: 999px;
5873    background: rgba(255,255,255,.07);
5874    color: #FFFFFF;
5875    font-size: 12px;
5876    line-height: 1.5;
5877    font-weight: 900;
5878    box-shadow: 0 8px 24px rgba(0,0,0,.10);
5879}
5880
5881#vad-business-capability .vbc-kicker-dot {
5882    position: relative;
5883    width: 8px;
5884    height: 8px;
5885    flex: 0 0 8px;
5886    border-radius: 50%;
5887    background: var(--vbc-green);
5888}
5889
5890#vad-business-capability .vbc-kicker-dot::after {
5891    content: "";
5892    position: absolute;
5893    inset: -4px;
5894    border: 1px solid rgba(0,184,148,.24);
5895    border-radius: 50%;
5896}
5897
5898#vad-business-capability .vbc-title {
5899    margin: 22px 0 0;
5900    max-width: 760px;
5901    color: #FFFFFF;
5902    font-size: clamp(42px,4.1vw,68px);
5903    line-height: 1.26;
5904    letter-spacing: -1.6px;
5905    font-weight: 900;
5906}
5907
5908#vad-business-capability .vbc-subheadline {
5909    max-width: 680px;
5910    margin: 22px 0 0;
5911    color: var(--vbc-green-2);
5912    font-size: clamp(20px,1.7vw,28px);
5913    line-height: 1.7;
5914    font-weight: 900;
5915}
5916
5917#vad-business-capability .vbc-description {
5918    max-width: 680px;
5919    margin: 14px 0 0;
5920    color: rgba(255,255,255,.68);
5921    font-size: 16.5px;
5922    line-height: 2;
5923    font-weight: 500;
5924}
5925
5926#vad-business-capability .vbc-indicators {
5927    margin-top: 24px;
5928    display: flex;
5929    align-items: center;
5930    flex-wrap: wrap;
5931    gap: 8px;
5932}
5933
5934#vad-business-capability .vbc-indicator {
5935    min-height: 34px;
5936    padding: 0 11px;
5937    border: 1px solid rgba(255,255,255,.09);
5938    border-radius: 999px;
5939    display: inline-flex;
5940    align-items: center;
5941    gap: 7px;
5942    background: rgba(255,255,255,.055);
5943    color: rgba(255,255,255,.88);
5944    font-size: 10.5px;
5945    line-height: 1.4;
5946    font-weight: 800;
5947}
5948
5949#vad-business-capability .vbc-indicator-dot {
5950    width: 5px;
5951    height: 5px;
5952    flex: 0 0 5px;
5953    border-radius: 50%;
5954    background: var(--vbc-green);
5955}
5956
5957#vad-business-capability .vbc-microcopy {
5958    margin: 18px 0 0;
5959    color: rgba(255,255,255,.58);
5960    font-size: 11.5px;
5961    line-height: 1.75;
5962    font-weight: 700;
5963}
5964
5965#vad-business-capability .vbc-framework {
5966    position: relative;
5967    min-height: 610px;
5968    padding: 34px;
5969    border: 1px solid rgba(255,255,255,.11);
5970    border-radius: 26px;
5971    background: rgba(255,255,255,.055);
5972    box-shadow: 0 30px 72px rgba(0,0,0,.18), 0 9px 28px rgba(0,184,148,.055);
5973    backdrop-filter: blur(10px);
5974    -webkit-backdrop-filter: blur(10px);
5975}
5976
5977#vad-business-capability .vbc-framework-head {
5978    display: flex;
5979    align-items: center;
5980    justify-content: space-between;
5981    gap: 18px;
5982    margin-bottom: 26px;
5983}
5984
5985#vad-business-capability .vbc-framework-title { color: #FFFFFF; font-size: 15px; line-height: 1.55; font-weight: 900; }
5986#vad-business-capability .vbc-framework-status { min-height: 31px; padding: 0 10px; border-radius: 999px; display: inline-flex; align-items: center; gap: 7px; color: var(--vbc-green); background: rgba(0,184,148,.075); font-size: 9px; font-weight: 900; white-space: nowrap; }
5987#vad-business-capability .vbc-framework-status-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--vbc-green); }
5988
5989#vad-business-capability .vbc-flow {
5990    position: relative;
5991    display: grid;
5992    grid-template-columns: repeat(2,minmax(0,1fr));
5993    grid-template-areas:
5994        "audit development"
5995        "team advisory"
5996        "execution execution";
5997    gap: 18px 20px;
5998}
5999
6000#vad-business-capability .vbc-flow::before {
6001    content: "";
6002    position: absolute;
6003    top: 92px;
6004    right: calc(50% - 10px);
6005    width: 20px;
6006    height: 1px;
6007    background: linear-gradient(90deg, rgba(0,184,148,.10), rgba(0,184,148,.42), rgba(0,184,148,.10));
6008}
6009
6010#vad-business-capability .vbc-flow::after {
6011    content: "";
6012    position: absolute;
6013    top: 92px;
6014    bottom: 172px;
6015    right: 50%;
6016    width: 1px;
6017    background: linear-gradient(180deg, rgba(0,184,148,.10), rgba(0,184,148,.38), rgba(0,184,148,.10));
6018}
6019
6020#vad-business-capability .vbc-service {
6021    position: relative;
6022    z-index: 2;
6023    min-height: 174px;
6024    padding: 18px;
6025    border: 1px solid rgba(255,255,255,.10);
6026    border-radius: 18px;
6027    background: linear-gradient(180deg, rgba(255,255,255,.095), rgba(255,255,255,.055));
6028    box-shadow: 0 14px 32px rgba(0,0,0,.12);
6029    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
6030}
6031
6032#vad-business-capability .vbc-service:hover {
6033    transform: translateY(-3px);
6034    border-color: rgba(0,184,148,.26);
6035    box-shadow: 0 20px 44px rgba(0,0,0,.18), 0 8px 22px rgba(0,184,148,.08);
6036    background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(0,184,148,.075));
6037}
6038
6039#vad-business-capability .vbc-service-audit { grid-area: audit; border-color: rgba(0,184,148,.24); background: linear-gradient(135deg, rgba(0,184,148,.18), rgba(255,255,255,.07)); }
6040#vad-business-capability .vbc-service-development { grid-area: development; }
6041#vad-business-capability .vbc-service-team { grid-area: team; }
6042#vad-business-capability .vbc-service-advisory { grid-area: advisory; }
6043#vad-business-capability .vbc-service-execution { grid-area: execution; min-height: 154px; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 14px; }
6044
6045#vad-business-capability .vbc-service-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
6046#vad-business-capability .vbc-service-icon { width: 42px; height: 42px; flex: 0 0 42px; border-radius: 12px; display: flex; align-items: center; justify-content: center; color: var(--vbc-green); background: rgba(0,184,148,.14); }
6047#vad-business-capability .vbc-service-audit .vbc-service-icon { color: var(--vbc-navy); background: var(--vbc-green-2); }
6048#vad-business-capability .vbc-service-icon svg { width: 21px; height: 21px; }
6049#vad-business-capability .vbc-step { min-width: 32px; min-height: 28px; padding: 0 8px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; color: rgba(255,255,255,.60); background: rgba(255,255,255,.075); font-size: 9px; font-weight: 900; }
6050#vad-business-capability .vbc-start-badge { min-height: 28px; padding: 0 9px; border-radius: 999px; display: inline-flex; align-items: center; color: var(--vbc-green); background: rgba(0,184,148,.09); font-size: 8.5px; font-weight: 900; }
6051
6052#vad-business-capability .vbc-service-title { margin: 14px 0 0; color: #FFFFFF; font-size: 15px; line-height: 1.55; font-weight: 900; }
6053#vad-business-capability .vbc-service-desc { margin: 8px 0 0; color: rgba(255,255,255,.62); font-size: 11.2px; line-height: 1.85; font-weight: 600; }
6054#vad-business-capability .vbc-service-execution .vbc-service-title,
6055#vad-business-capability .vbc-service-execution .vbc-service-desc { margin-top: 0; }
6056#vad-business-capability .vbc-service-copy { min-width: 0; }
6057#vad-business-capability .vbc-meta-label { min-height: 29px; padding: 0 10px; border-radius: 999px; display: inline-flex; align-items: center; color: var(--vbc-green); background: rgba(0,184,148,.075); font-size: 8.5px; line-height: 1.3; font-weight: 900; white-space: nowrap; }
6058
6059#vad-business-capability .vbc-flow-dot { position: absolute; z-index: 3; width: 8px; height: 8px; border: 2px solid #0A2948; border-radius: 50%; background: var(--vbc-green); box-shadow: 0 0 0 4px rgba(0,184,148,.08); }
6060#vad-business-capability .vbc-flow-dot-1 { top: 88px; right: 50%; transform: translateX(50%); }
6061#vad-business-capability .vbc-flow-dot-2 { top: 288px; right: 50%; transform: translateX(50%); }
6062
6063#vad-business-capability .vbc-bottom { margin-top: clamp(48px,5vw,78px); }
6064#vad-business-capability .vbc-punch { position: relative; overflow: hidden;
6064 padding: clamp(27px,3vw,38px); border-radius: 24px; border: 1px solid rgba(255,255,255,.11); background: linear-gradient(120deg, rgba(3,18,34,.94), rgba(13,43,77,.96)); color: #FFFFFF; box-shadow: 0 24px 58px rgba(0,0,0,.22); }
6065#vad-business-capability .vbc-punch::after { content: ""; position: absolute; width: 230px; height: 230px; left: -95px; bottom: -165px; border-radius: 50%; background: rgba(0,184,148,.88); }
6066#vad-business-capability .vbc-punch-small, #vad-business-capability .vbc-punch-strong { position: relative; z-index: 2; display: block; }
6067#vad-business-capability .vbc-punch-small { margin-bottom: 8px; color: rgba(255,255,255,.65); font-size: 13px; line-height: 1.65; font-weight: 800; }
6068#vad-business-capability .vbc-punch-strong { max-width: 1120px; color: #FFFFFF; font-size: clamp(23px,2.15vw,35px); line-height: 1.6; font-weight: 900; }
6069#vad-business-capability .vbc-punch-accent { color: var(--vbc-green-2); }
6070
6071#vad-business-capability .vbc-actions { margin-top: 18px; display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
6072#vad-business-capability .vbc-btn {
6073    min-height: 60px;
6074    padding: 8px 19px;
6075    border-radius: 15px;
6076    display: inline-flex;
6077    align-items: center;
6078    justify-content: center;
6079    gap: 10px;
6080    text-decoration: none;
6081    cursor: pointer !important;
6082    pointer-events: auto !important;
6083    font-size: 13.5px;
6084    line-height: 1.4;
6085    font-weight: 900;
6086    transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease, color .2s ease;
6087}
6088
6089#vad-business-capability .vbc-btn-copy { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; text-align: right; }
6090#vad-business-capability .vbc-btn-copy strong { font-size: 13.5px; line-height: 1.45; font-weight: 900; }
6091#vad-business-capability .vbc-btn-copy small { font-size: 9.5px; line-height: 1.5; font-weight: 700; opacity: .74; }
6092#vad-business-capability .vbc-btn-primary { border: 1px solid var(--vbc-green); background: var(--vbc-green); color: #FFFFFF; box-shadow: 0 12px 28px rgba(0,184,148,.18); }
6093#vad-business-capability .vbc-btn-primary:hover { transform: translateY(-2px); background: #FFFFFF; border-color: #FFFFFF; color: var(--vbc-navy); }
6094#vad-business-capability .vbc-btn-secondary { border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.08); color: #FFFFFF; }
6095#vad-business-capability .vbc-btn-secondary:hover { transform: translateY(-2px); border-color: rgba(255,255,255,.34); background: rgba(255,255,255,.13); }
6096#vad-business-capability .vbc-btn-arrow { width: 28px; height: 28px; border-radius: 9px; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 900; transition: transform .2s ease, background .2s ease, color .2s ease; }
6097#vad-business-capability .vbc-btn-primary .vbc-btn-arrow { background: rgba(255,255,255,.15); color: #FFFFFF; }
6098#vad-business-capability .vbc-btn-primary:hover .vbc-btn-arrow { background: rgba(0,184,148,.10); color: var(--vbc-green); transform: translateX(-3px); }
6099#vad-business-capability .vbc-btn-secondary .vbc-btn-arrow { background: rgba(255,255,255,.09); color: var(--vbc-green-2); }
6100#vad-business-capability .vbc-btn-secondary:hover .vbc-btn-arrow { transform: translateX(-3px); }
6101
6102/* =========================================================
6103   QUIZ MODAL (FIXED: DISPLAY NONE WHEN CLOSED)
6104========================================================= */
6105#vad-business-capability .vbc-quiz-modal {
6106    display: none !important; /* التعديل الجذري الثاني هنا لمنع حجب الشاشة */
6107    position: fixed;
6108    inset: 0;
6109    z-index: 999999;
6110    align-items: center;
6111    justify-content: center;
6112    padding: 22px;
6113    opacity: 0;
6114    visibility: hidden;
6115    pointer-events: none !important;
6116}
6117
6118#vad-business-capability .vbc-quiz-modal.is-open {
6119    display: flex !important;
6120    opacity: 1 !important;
6121    visibility: visible !important;
6122    pointer-events: auto !important;
6123}
6124
6125#vad-business-capability .vbc-quiz-backdrop {
6126    position: absolute;
6127    inset: 0;
6128    background: rgba(2,14,27,.78);
6129    backdrop-filter: blur(8px);
6130    -webkit-backdrop-filter: blur(8px);
6131}
6132
6133#vad-business-capability .vbc-quiz-dialog {
6134    position: relative;
6135    z-index: 2;
6136    width: min(760px, 100%);
6137    max-height: min(90vh, 900px);
6138    overflow: auto;
6139    border: 1px solid rgba(255,255,255,.15);
6140    border-radius: 24px;
6141    background: #FFFFFF;
6142    color: var(--vbc-navy);
6143    box-shadow: 0 34px 90px rgba(0,0,0,.38);
6144    transform: translateY(14px) scale(.985);
6145    transition: transform .25s ease;
6146    pointer-events: auto !important;
6147}
6148
6149#vad-business-capability .vbc-quiz-modal.is-open .vbc-quiz-dialog { transform: translateY(0) scale(1); }
6150
6151#vad-business-capability .vbc-quiz-head {
6152    position: sticky;
6153    top: 0;
6154    z-index: 3;
6155    min-height: 72px;
6156    padding: 14px 18px;
6157    display: flex;
6158    align-items: center;
6159    justify-content: space-between;
6160    gap: 16px;
6161    border-bottom: 1px solid rgba(7,27,51,.08);
6162    background: rgba(255,255,255,.96);
6163    backdrop-filter: blur(12px);
6164    -webkit-backdrop-filter: blur(12px);
6165}
6166
6167#vad-business-capability .vbc-quiz-heading strong { color: var(--vbc-navy); font-size: 16px; line-height: 1.5; font-weight: 900; }
6168#vad-business-capability .vbc-quiz-heading span { margin-top: 2px; color: #6B7D90; font-size: 10.5px; line-height: 1.5; font-weight: 700; }
6169
6170#vad-business-capability .vbc-quiz-close {
6171    width: 40px;
6172    height: 40px;
6173    flex: 0 0 40px;
6174    border: 1px solid rgba(7,27,51,.09);
6175    border-radius: 12px;
6176    display: inline-flex;
6177    align-items: center;
6178    justify-content: center;
6179    background: #F4F8FA;
6180    color: var(--vbc-navy);
6181    font-size: 23px;
6182    line-height: 1;
6183    cursor: pointer;
6184    transition: background .2s ease, color .2s ease, transform .2s ease;
6185}
6186
6187#vad-business-capability .vbc-quiz-close:hover { background: var(--vbc-green); color: #FFFFFF; transform: rotate(4deg); }
6188#vad-business-capability .vbc-quiz-body { padding: 4px 10px 12px; background: #FFFFFF; }
6189#vad-business-capability .vbc-quiz-body iframe { width: 100% !important; min-height: 620px; display: block; border: 0 !important; }
6190
6191/* RESPONSIVE */
6192@media (max-width: 1024px) {
6193    #vad-business-capability .vbc-wrap { padding: 72px 20px 58px; }
6194    #vad-business-capability .vbc-grid { grid-template-columns: 1fr; gap: 50px; }
6195    #vad-business-capability .vbc-framework { min-height: auto; max-width: 860px; margin: 0 auto; }
6196}
6197
6198@media (max-width: 768px) {
6199    #vad-business-capability .vbc-wrap { padding: 60px 18px 48px; }
6200    #vad-business-capability .vbc-title { font-size: clamp(38px,7vw,56px); }
6201    #vad-business-capability .vbc-flow { grid-template-columns: 1fr; grid-template-areas: "audit" "development" "team" "advisory" "execution"; gap: 12px; padding-right: 20px; }
6202    #vad-business-capability .vbc-flow::before { top: 14px; bottom: 14px; right: 7px; width: 1px; height: auto; background: linear-gradient(180deg, rgba(0,184,148,.12), rgba(0,184,148,.42), rgba(0,184,148,.12)); }
6203    #vad-business-capability .vbc-flow::after { display: none; }
6204    #vad-business-capability .vbc-flow-dot { right: 3px !important; transform: none !important; }
6205    #vad-business-capability .vbc-flow-dot-1 { top: 86px; }
6206    #vad-business-capability .vbc-flow-dot-2 { top: 45%; }
6207    #vad-business-capability .vbc-service { min-height: auto; }
6208    #vad-business-capability .vbc-service-execution { min-height: auto; display: block; }
6209    #vad-business-capability .vbc-service-execution .vbc-service-copy { margin-top: 12px; }
6210    #vad-business-capability .vbc-meta-label { margin-top: 12px; }
6211    #vad-business-capability .vbc-actions { display: grid; grid-template-columns: 1fr; }
6212    #vad-business-capability .vbc-btn { width: 100%; justify-content: space-between; }
6213}
6214
6215@media (max-width: 520px) {
6216    #vad-business-capability .vbc-wrap { padding: 48px 16px 38px; }
6217    #vad-business-capability .vbc-kicker { min-height: 37px; padding: 0 11px; font-size: 10.5px; }
6218    #vad-business-capability .vbc-title { font-size: clamp(34px,10vw,43px); line-height: 1.3; }
6219    #vad-business-capability .vbc-subheadline { font-size: 19px; }
6220    #vad-business-capability .vbc-description { font-size: 14.5px; }
6221    #vad-business-capability .vbc-framework { padding: 15px; border-radius: 18px; }
6222    #vad-business-capability .vbc-punch { padding: 23px 18px; border-radius: 18px; }
6223    #vad-business-capability .vbc-btn-primary { min-height: 66px; }
6224}
6225</style>
6226
6227<div class="vbc-bg-grid" aria-hidden="true"></div>
6228
6229<div class="vbc-wrap">
6230    <div class="vbc-grid">
6231        <div class="vbc-copy">
6232            <div class="vbc-kicker">
6233                <span class="vbc-kicker-dot" aria-hidden="true"></span>
6234                <span>للشركات والمؤسسات</span>
6235            </div>
6236
6237            <h2 class="vbc-title">تطوير القدرة التسويقية للشركات</h2>
6238            <div class="vbc-subheadline">قبل أن تصرف أكثر على التسويق... طوّر ما لديك أولًا.</div>
6239            <p class="vbc-description">نراجع ما لديك، نكشف الفجوات، نطوّر الاستراتيجية والفريق، ثم نتابع معك بالاستشارة أو التنفيذ بحسب الحاجة.</p>
6240
6241            <div class="vbc-indicators" aria-label="مخرجات تطوير القدرة التسويقية">
6242                <span class="vbc-indicator"><span class="vbc-indicator-dot"></span>تدقيق أفضل</span>
6243                <span class="vbc-indicator"><span class="vbc-indicator-dot"></span>فريق أقوى</span>
6244                <span class="vbc-indicator"><span class="vbc-indicator-dot"></span>قرارات أوضح</span>
6245                <span class="vbc-indicator"><span class="vbc-indicator-dot"></span>تنفيذ أكثر كفاءة</span>
6246            </div>
6247
6248            <p class="vbc-microcopy">أحيانًا لا تحتاج أن تستبدل فريقك... تحتاج أن تجعله أقوى.</p>
6249        </div>
6250
6251        <div class="vbc-framework" aria-label="رحلة تطوير القدرة التسويقية للشركات">
6252            <div class="vbc-framework-head">
6253                <div class="vbc-framework-title">من التشخيص... إلى التطوير والمتابعة والتنفيذ</div>
6254                <div class="vbc-framework-status"><span class="vbc-framework-status-dot"></span>رحلة مترابطة</div>
6255            </div>
6256
6257            <div class="vbc-flow">
6258                <span class="vbc-flow-dot vbc-flow-dot-1" aria-hidden="true"></span>
6259                <span class="vbc-flow-dot vbc-flow-dot-2" aria-hidden="true"></span>
6260
6261                <article class="vbc-service vbc-service-audit">
6262                    <div class="vbc-service-head">
6263                        <span class="vbc-service-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle cx="11" cy="11" r="6"></circle><path d="m16 16 4 4"></path><path d="m8 11 2 2 4-5"></path></svg></span>
6264                        <span class="vbc-start-badge">نقطة البداية</span>
6265                    </div>
6266                    <h3 class="vbc-service-title">التدقيق التسويقي</h3>
6267                    <p class="vbc-service-desc">مراجعة شاملة للاستراتيجية والحملات والمحتوى والرسائل والأداء لتحديد نقاط القوة والفجوات.</p>
6268                </article>
6269
6270                <article class="vbc-service vbc-service-development">
6271                    <div class="vbc-service-head">
6272                        <span class="vbc-service-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="m12 3 7 4-7 4-7-4 7-4Z"></path><path d="m5 11 7 4 7-4"></path><path d="m5 15 7 4 7-4"></path></svg></span>
6273                        <span class="vbc-step">02</span>
6274                    </div>
6275                    <h3 class="vbc-service-title">التطوير التسويقي</h3>
6276                    <p class="vbc-service-desc">تطوير الاستراتيجية والعروض والرسائل ومسارات التحويل وخطة النمو.</p>
6277                </article>
6278
6279                <article class="vbc-service vbc-service-team">
6280                    <div class="vbc-service-head">
6281                        <span class="vbc-service-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle cx="8" cy="8" r="3"></circle><circle cx="17" cy="9" r="2.5"></circle><path d="M2.5 20a5.5 5.5 0 0 1 11 0"></path><path d="M14 20a4.5 4.5 0 0 1 7-3.7"></path><path d="m15 4 1 2 2 .5-1.5 1.5.4 2.1L15 9l-1.9 1.1.4-2.1L12 6.5l2-.5 1-2Z"></path></svg></span>
6282                        <span class="vbc-step">03</span>
6283                    </div>
6284                    <h3 class="vbc-service-title">تطوير قدرات فريق التسويق</h3>
6285                    <p class="vbc-service-desc">تقييم فجوات الفريق، التدريب العملي، ورفع القدرة على التخطيط والتنفيذ واتخاذ القرار.</p>
6286                </article>
6287
6288                <article class="vbc-service vbc-service-advisory">
6289                    <div class="vbc-service-head">
6290                        <span class="vbc-service-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle cx="12" cy="12" r="8"></circle><path d="m14.5 9.5-2 5-5 2 2-5 5-2Z"></path></svg></span>
6291                        <span class="vbc-step">04</span>
6292                    </div>
6293                    <h3 class="vbc-service-title">الاستشارة والمتابعة المستمرة</h3>
6294                    <p class="vbc-service-desc">متابعة الأداء، مراجعة القرارات، تحديد الأولويات، وتوجيه الإدارة والفريق بشكل مستمر.</p>
6295                </article>
6296
6297                <article class="vbc-service vbc-service-execution">
6298                    <span class="vbc-service-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M4 18V9"></path><path d="M10 18V13"></path><path d="M16 18V6"></path><path d="M3 21h18"></path><path d="m15 8 1-2 2 1"></path></svg></span>
6299                    <div class="vbc-service-copy">
6300                        <h3 class="vbc-service-title">التنفيذ التسويقي وإدارة الحملات</h3>
6301                        <p class="vbc-service-desc">تنفيذ ما يحتاج إلى تنفيذ ضمن قدرات VAD Plus، مع إدارة وتطوير حملات Meta Ads.</p>
6302                    </div>
6303                    <span class="vbc-meta-label">Meta Ads · Marketing Execution</span>
6304                </article>
6305            </div>
6306        </div>
6307    </div>
6308
6309    <div class="vbc-bottom">
6310        <div class="vbc-punch">
6311            <span class="vbc-punch-small">لا تحتاج دائمًا إلى فريق جديد أو وكالة جديدة.</span>
6312            <span class="vbc-punch-strong">
6313                قد تحتاج أن تعرف
6314                <span class="vbc-punch-accent">أين الخلل</span>، كيف تطوّر ما لديك، ومن يراقب الصورة معك.
6315            </span>
6316
6317            <div class="vbc-actions">
6318                <button
6319                    type="button"
6320                    class="vbc-btn vbc-btn-primary"
6321                    data-vbc-open-quiz
6322                    aria-label="اختبر جاهزية التسويق في شركتك"
6323                >
6324                    <span class="vbc-btn-copy">
6325                        <strong>اختبر جاهزية التسويق في شركتك</strong>
6326                        <small>اختبار قصير يكشف نقاط القوة والفجوات</small>
6327                    </span>
6328                    <span class="vbc-btn-arrow" aria-hidden="true">←</span>
6329                </button>
6330
6331                <a
6332                    class="vbc-btn vbc-btn-secondary"
6333                    href="https://vad-academy.com/companies"
6334                    aria-label="اكتشف خدمات الشركات"
6335                >
6336                    <span>اكتشف خدمات الشركات</span>
6337                    <span class="vbc-btn-arrow" aria-hidden="true">←</span>
6338                </a>
6339            </div>
6340        </div>
6341    </div>
6342</div>
6343
6344<!-- MARKETING AUDIT QUIZ MODAL (CLEAN HIDDEN) -->
6345<div class="vbc-quiz-modal" id="vbc-marketing-quiz" data-vbc-quiz-modal aria-hidden="true">
6346    <div class="vbc-quiz-backdrop" data-vbc-close-quiz aria-hidden="true"></div>
6347    <div class="vbc-quiz-dialog" role="dialog" aria-modal="true" aria-labelledby="vbc-quiz-title">
6348        <div class="vbc-quiz-head">
6349            <div class="vbc-quiz-heading">
6350                <strong id="vbc-quiz-title">اختبار جاهزية التسويق لشركتك</strong>
6351                <span>أجب عن أسئلة قصيرة واكتشف أين تحتاج شركتك إلى التطوير.</span>
6352            </div>
6353            <button type="button" class="vbc-quiz-close" data-vbc-close-quiz aria-label="إغلاق الاختبار">×</button>
6354        </div>
6355        <div class="vbc-quiz-body">
6356            <iframe
6357                src="https://api.vad-academy.com/widget/quiz/YNPkarv5dCc3DpnfP5gN"
6358                style="border:none;width:100%;min-height:620px;"
6359                scrolling="no"
6360                id="YNPkarv5dCc3DpnfP5gN"
6361                title="اختبار جاهزية التسويق للشركات"
6362                data-cookie-consent="true"
6363                data-cookie-consent-provider="auto"
6364            ></iframe>
6365        </div>
6366    </div>
6367</div>
6368
6369<script src="https://api.vad-academy.com/js/form_embed.js"></script>
6369
6370
6371<script>
6372(function () {
6373    "use strict";
6374
6375    const section = document.getElementById("vad-business-capability");
6376    if (!section || section.dataset.vbcReady === "1") return;
6377    section.dataset.vbcReady = "1";
6378
6379    const quizModal = section.querySelector("[data-vbc-quiz-modal]");
6380    const quizOpenButton = section.querySelector("[data-vbc-open-quiz]");
6381    const quizCloseButtons = Array.from(section.querySelectorAll("[data-vbc-close-quiz]"));
6382
6383    function openQuiz() {
6384        if (!quizModal) return;
6385        quizModal.classList.add("is-open");
6386        quizModal.setAttribute("aria-hidden", "false");
6387        document.body.style.overflow = "hidden";
6388    }
6389
6390    function closeQuiz() {
6391        if (!quizModal) return;
6392        quizModal.classList.remove("is-open");
6393        quizModal.setAttribute("aria-hidden", "true");
6394        document.body.style.overflow = "";
6395    }
6396
6397    if (quizOpenButton) quizOpenButton.addEventListener("click", openQuiz);
6398    quizCloseButtons.forEach(btn => btn.addEventListener("click", closeQuiz));
6399
6400    document.addEventListener("keydown", function (e) {
6401        if (e.key === "Escape" && quizModal && quizModal.classList.contains("is-open")) {
6402            closeQuiz();
6403        }
6404    });
6405})();
6406</script>
6406
6407
6408</section></div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--[--><div id="section-naSc-6TBlO" data-animation-class data-entrance-clip="1" style="" class="fullSection true c-section c-wrapper section-naSc-6TBlO"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="row-NrT85t1I7q" data-animation-class data-entrance-clip="1" style="" class="row-align-center true c-row c-wrapper row-NrT85t1I7q"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="col-3zeo1ppef2" data-animation-class data-entrance-clip="1" style="" class="true c-column c-wrapper col-3zeo1ppef2"><!----><!----><div class="vertical inner"><!----><!--[--><!--[--><div id="custom-code-YuRnX0xX6L" data-animation-class style="" class="c-custom-code c-wrapper custom-code-YuRnX0xX6L"><!----><!----><!----><!----><!----><!----><!----><span></span><div id="custom-code-YuRnX0xX6L__custom-code" class="custom-code-container ccustom-code-YuRnX0xX6L"><!-- =========================================================
6409     VAD PLUS — LEARNING & ADVISORY OFFERS
6410     GoHighLevel Ready
6411     Bug Fix: Overlay Clearance + Z-Index Boost + Interactive Cards
6412========================================================= -->
6413
6414<section id="vad-learning-offers" dir="rtl">
6415
6416<style>
6417@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap");
6418
6419/* =========================================================
6420   FORCE DISABLE ANY GHOST OVERLAYS (CRITICAL BUG FIX)
6421========================================================= */
6422#vte-quiz-modal:not(.is-active),
6423#vad-quiz-modal:not(.is-active) {
6424    display: none !important;
6425    pointer-events: none !important;
6426    visibility: hidden !important;
6427    z-index: -1 !important;
6428}
6429
6430/* =========================================================
6431   ROOT & VARIABLES
6432========================================================= */
6433#vad-learning-offers,
6434#vad-learning-offers *,
6435#vad-learning-offers *::before,
6436#vad-learning-offers *::after {
6437    box-sizing: border-box;
6438    font-family: "Cairo", sans-serif !important;
6439}
6440
6441#vad-learning-offers {
6442    --vlo-navy: #071B33;
6443    --vlo-navy-2: #0D2B4D;
6444    --vlo-green: #00B894;
6445    --vlo-green-2: #18D4AE;
6446    --vlo-white: #FFFFFF;
6447    --vlo-bg: #F8FAFC;
6448    --vlo-text: #0B2139;
6449    --vlo-muted: #697A8D;
6450    --vlo-border: rgba(7,27,51,.08);
6451
6452    width: 100vw;
6453    max-width: 100vw;
6454    margin-inline: calc(50% - 50vw);
6455    position: relative;
6456    z-index: 50; /* رفع طبقة القسم لمنع أي تداخل من أقسام أخرى */
6457    overflow: hidden;
6458    direction: rtl;
6459    color: var(--vlo-text);
6460    background:
6461        radial-gradient(circle at 12% 14%, rgba(0,184,148,.07), transparent 27%),
6462        radial-gradient(circle at 88% 82%, rgba(7,27,51,.05), transparent 31%),
6463        var(--vlo-bg);
6464}
6465
6466#vad-learning-offers .vlo-bg-grid {
6467    position: absolute;
6468    inset: 0;
6469    pointer-events: none !important;
6470    opacity: .26;
6471    background-image:
6472        linear-gradient(rgba(7,27,51,.032) 1px, transparent 1px),
6473        linear-gradient(90deg, rgba(7,27,51,.032) 1px, transparent 1px);
6474    background-size: 52px 52px;
6475    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 12%, #000 88%, transparent 100%);
6476    mask-image: linear-gradient(to bottom, transparent 0%, #000 12%, #000 88%, transparent 100%);
6477}
6478
6479#vad-learning-offers .vlo-wrap {
6480    width: min(1680px, calc(100% - 40px));
6481    margin: 0 auto;
6482    padding: clamp(76px,7vw,118px) clamp(25px,4vw,72px) clamp(60px,6vw,94px);
6483    position: relative;
6484    z-index: 55;
6485}
6486
6487/* =========================================================
6488   INTRO
6489========================================================= */
6490#vad-learning-offers .vlo-intro {
6491    max-width: 860px;
6492    margin-bottom: 45px;
6493    position: relative;
6494    z-index: 56;
6495}
6496
6497#vad-learning-offers .vlo-kicker {
6498    width: fit-content;
6499    min-height: 39px;
6500    padding: 0 15px;
6501    display: inline-flex;
6502    align-items: center;
6503    gap: 9px;
6504    border: 1px solid rgba(0,184,148,.22);
6505    border-radius: 999px;
6506    background: rgba(255,255,255,.9);
6507    color: var(--vlo-navy);
6508    font-size: 12px;
6509    font-weight: 900;
6510    box-shadow: 0 8px 24px rgba(7,27,51,.035);
6511}
6512
6513#vad-learning-offers .vlo-kicker-dot {
6514    width: 8px;
6515    height: 8px;
6516    border-radius: 50%;
6517    background: var(--vlo-green);
6518}
6519
6520#vad-learning-offers .vlo-title {
6521    margin: 20px 0 0;
6522    color: var(--vlo-navy);
6523    font-size: clamp(38px,4vw,62px);
6524    line-height: 1.28;
6525    letter-spacing: -1.5px;
6526    font-weight: 900;
6527}
6528
6529#vad-learning-offers .vlo-title span {
6530    color: var(--vlo-green);
6531}
6532
6533#vad-learning-offers .vlo-description {
6534    max-width: 780px;
6535    margin: 18px 0 0;
6536    color: var(--vlo-muted);
6537    font-size: 17px;
6538    line-height: 1.9;
6539    font-weight: 500;
6540}
6541
6542/* =========================================================
6543   3 PILLARS GRID
6544========================================================= */
6545#vad-learning-offers .vlo-pillars-grid {
6546    display: grid;
6547    grid-template-columns: repeat(3, minmax(0, 1fr));
6548    gap: 22px;
6549    align-items: stretch;
6550    position: relative;
6551    z-index: 60;
6552}
6553
6554#vad-learning-offers .vlo-card {
6555    position: relative;
6556    z-index: 61;
6557    border-radius: 24px;
6558    padding: 32px 28px;
6559    display: flex;
6560    flex-direction: column;
6561    justify-content: space-between;
6562    overflow: hidden;
6563    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
6564}
6565
6566#vad-learning-offers .vlo-card-featured {
6567    background: linear-gradient(135deg, var(--vlo-navy) 0%, var(--vlo-navy-2) 100%);
6568    border: 1px solid rgba(255, 255, 255, 0.12);
6569    color: #FFFFFF;
6570    box-shadow: 0 24px 60px rgba(7, 27, 51, 0.22);
6571}
6572
6573#vad-learning-offers .vlo-card-featured:hover {
6574    transform: translateY(-6px);
6575    box-shadow: 0 32px 75px rgba(7, 27, 51, 0.32);
6576    border-color: rgba(0, 184, 148, 0.4);
6577}
6578
6579#vad-learning-offers .vlo-card-standard {
6580    background: #FFFFFF;
6581    border: 1px solid rgba(7, 27, 51, 0.08);
6582    box-shadow: 0 16px 40px rgba(7, 27, 51, 0.05);
6583}
6584
6585#vad-learning-offers .vlo-card-standard:hover {
6586    transform: translateY(-6px);
6587    box-shadow: 0 24px 50px rgba(7, 27, 51, 0.1);
6588    border-color: rgba(0, 184, 148, 0.3);
6589}
6590
6591#vad-learning-offers .vlo-card-header {
6592    display: flex;
6593    align-items: center;
6594    justify-content: space-between;
6595    margin-bottom: 24px;
6596}
6597
6598#vad-learning-offers .vlo-card-icon {
6599    width: 48px;
6600    height: 48px;
6601    border-radius: 14px;
6602    display: flex;
6603    align-items: center;
6604    justify-content: center;
6605}
6606
6607#vad-learning-offers .vlo-card-featured .vlo-card-icon {
6608    background: rgba(0, 184, 148, 0.16);
6609    color: var(--vlo-green-2);
6610}
6611
6612#vad-learning-offers .vlo-card-standard .vlo-card-icon {
6613    background: rgba(0, 184, 148, 0.08);
6614    color: var(--vlo-green);
6615}
6616
6617#vad-learning-offers .vlo-card-icon svg {
6618    width: 24px;
6619    height: 24px;
6620}
6621
6622#vad-learning-offers .vlo-card-badge {
6623    padding: 5px 12px;
6624    border-radius: 100px;
6625    font-size: 11px;
6626    font-weight: 800;
6627}
6628
6629#vad-learning-offers .vlo-card-featured .vlo-card-badge {
6630    background: rgba(0, 184, 148, 0.22);
6631    color: var(--vlo-green-2);
6632}
6633
6634#vad-learning-offers .vlo-card-standard .vlo-card-badge {
6635    background: rgba(7, 27, 51, 0.05);
6636    color: var(--vlo-navy);
6637}
6638
6639#vad-learning-offers .vlo-card-title {
6640    font-size: 22px;
6641    font-weight: 900;
6642    line-height: 1.4;
6643    margin: 0 0 12px;
6644}
6645
6646#vad-learning-offers .vlo-card-featured .vlo-card-title { color: #FFFFFF; }
6647#vad-learning-offers .vlo-card-standard .vlo-card-title { color: var(--vlo-navy); }
6648
6649#vad-learning-offers .vlo-card-desc {
6650    font-size: 14px;
6651    line-height: 1.8;
6652    margin: 0 0 24px;
6653}
6654
6655#vad-learning-offers .vlo-card-featured .vlo-card-desc { color: rgba(255, 255, 255, 0.75); }
6656#vad-learning-offers .vlo-card-standard .vlo-card-desc { color: var(--vlo-muted); }
6657
6658#vad-learning-offers .vlo-features-list {
6659    list-style: none;
6660    padding: 0;
6661    margin: 0 0 32px;
6662    display: flex;
6663    flex-direction: column;
6664    gap: 12px;
6665}
6666
6667#vad-learning-offers .vlo-feature-item {
6668    display: flex;
6669    align-items: center;
6670    gap: 10px;
6671    font-size: 13.5px;
6672    font-weight: 700;
6673}
6674
6675#vad-learning-offers .vlo-card-featured .vlo-feature-item { color: rgba(255, 255, 255, 0.9); }
6676#vad-learning-offers .vlo-card-standard .vlo-feature-item { color: var(--vlo-text); }
6677
6678#vad-learning-offers .vlo-feature-check {
6679    width: 18px;
6680    height: 18px;
6681    border-radius: 50%;
6682    display: flex;
6683    align-items: center;
6684    justify-content: center;
6685    font-size: 11px;
6686    font-weight: 900;
6687    flex-shrink: 0;
6688}
6689
6690#vad-learning-offers .vlo-card-featured .vlo-feature-check {
6691    background: rgba(24, 212, 174, 0.2);
6692    color: var(--vlo-green-2);
6693}
6694
6695#vad-learning-offers .vlo-card-standard .vlo-feature-check {
6696    background: rgba(0, 184, 148, 0.15);
6697    color: var(--vlo-green);
6698}
6699
6700/* BUTTONS */
6701#vad-learning-offers .vlo-btn {
6702    width: 100%;
6703    min-height: 52px;
6704    padding: 0 18px;
6705    border-radius: 14px;
6706    display: inline-flex;
6707    align-items: center;
6708    justify-content: space-between;
6709    text-decoration: none;
6710    font-size: 14px;
6711    font-weight: 900;
6712    cursor: pointer !important;
6713    pointer-events: auto !important;
6714    position: relative;
6715    z-index: 70;
6716    transition: transform .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease, border-color .2s ease;
6717}
6718
6719#vad-learning-offers .vlo-btn-primary {
6720    background: var(--vlo-green);
6721    border: 1px solid var(--vlo-green);
6722    color: #FFFFFF;
6723    box-shadow: 0 12px 28px rgba(0, 184, 148, 0.25);
6724}
6725
6726#vad-learning-offers .vlo-btn-primary:hover {
6727    background: var(--vlo-white);
6728    border-color: var(--vlo-white);
6729    color: var(--vlo-navy);
6730    transform: translateY(-2px);
6731}
6732
6733#vad-learning-offers .vlo-btn-secondary {
6734    background: #FAFCFC;
6735    border: 1px solid rgba(7, 27, 51, 0.14);
6736    color: var(--vlo-navy);
6737}
6738
6739#vad-learning-offers .vlo-btn-secondary:hover {
6740    background: var(--vlo-navy);
6741    border-color: var(--vlo-navy);
6742    color: #FFFFFF;
6743    transform: translateY(-2px);
6744    box-shadow: 0 12px 28px rgba(7, 27, 51, 0.15);
6745}
6746
6747#vad-learning-offers .vlo-btn-arrow {
6748    font-size: 16px;
6749    transition: transform .2s ease;
6750}
6751
6752#vad-learning-offers .vlo-btn:hover .vlo-btn-arrow {
6753    transform: translateX(-4px);
6754}
6755
6756/* =========================================================
6757   MARQUEE SLIDER & CARDS
6758========================================================= */
6759#vad-learning-offers .vlo-library {
6760    margin-top: clamp(64px, 7vw, 96px);
6761    position: relative;
6762    z-index: 60;
6763}
6764
6765#vad-learning-offers .vlo-library-head {
6766    display: flex;
6767    align-items: end;
6768    justify-content: space-between;
6769    gap: 28px;
6770    position: relative;
6771    z-index: 61;
6772}
6773
6774#vad-learning-offers .vlo-library-title {
6775    margin: 0;
6776    color: var(--vlo-navy);
6777    font-size: clamp(26px, 2.6vw, 40px);
6778    line-height: 1.4;
6779    font-weight: 900;
6780}
6781
6782#vad-learning-offers .vlo-library-desc {
6783    max-width: 630px;
6784    margin: 7px 0 0;
6785    color: var(--vlo-muted);
6786    font-size: 13.5px;
6787    line-height: 1.8;
6788    font-weight: 500;
6789}
6790
6791#vad-learning-offers .vlo-library-hint {
6792    flex: 0 0 auto;
6793    min-height: 36px;
6794    padding: 0 12px;
6795    border-radius: 999px;
6796    display: inline-flex;
6797    align-items: center;
6798    gap: 7px;
6799    color: var(--vlo-green);
6800    background: rgba(0,184,148,.075);
6801    font-size: 10px;
6802    font-weight: 900;
6803    white-space: nowrap;
6804}
6805
6806#vad-learning-offers .vlo-training-marquee {
6807    width: 100%;
6808    margin-top: 28px;
6809    overflow: hidden;
6810    position: relative;
6811    z-index: 65;
6812    direction: ltr !important;
6813    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 4%, #000 96%, transparent 100%);
6814    mask-image: linear-gradient(90deg, transparent 0, #000 4%, #000 96%, transparent 100%);
6815}
6816
6817#vad-learning-offers .vlo-training-track {
6818    width: max-content;
6819    min-width: max-content;
6820    display: flex;
6821    align-items: stretch;
6822    justify-content: flex-start;
6823    gap: 18px;
6824    animation: vloMarquee 65s linear infinite;
6825    direction: ltr !important;
6826    will-change: transform;
6827}
6828
6829#vad-learning-offers .vlo-training-marquee:hover .vlo-training-track {
6830    animation-play-state: paused;
6831}
6832
6833@keyframes vloMarquee {
6834    from { transform: translate3d(0,0,0); }
6835    to { transform: translate3d(calc(-50% - 9px),0,0); }
6836}
6837
6838/* CARD LINK */
6839#vad-learning-offers .vlo-training-card {
6840    width: 290px;
6841    min-width: 290px;
6842    max-width: 290px;
6843    flex: 0 0 290px;
6844    padding: 13px;
6845    border: 1px solid rgba(7, 27, 51, 0.08);
6846    border-radius: 20px;
6847    background: #FFFFFF;
6848    color: var(--vlo-text);
6849    text-decoration: none;
6850    display: flex;
6851    flex-direction: column;
6852    direction: rtl;
6853    box-shadow: 0 14px 34px rgba(7, 27, 51, 0.05);
6854    cursor: pointer !important;
6855    pointer-events: auto !important;
6856    position: relative;
6857    z-index: 66;
6858    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
6859}
6860
6861#vad-learning-offers .vlo-training-card:hover {
6862    transform: translateY(-5px);
6863    border-color: rgba(0, 184, 148, 0.35);
6864    box-shadow: 0 22px 48px rgba(7, 27, 51, 0.12);
6865}
6866
6867#vad-learning-offers .vlo-card-media {
6868    width: 100%;
6869    aspect-ratio: 16 / 10;
6870    border-radius: 14px;
6871    overflow: hidden;
6872    background: #071B33;
6873    position: relative;
6874}
6875
6876#vad-learning-offers .vlo-card-img {
6877    width: 100%;
6878    height: 100%;
6879    object-fit: cover;
6880    object-position: center;
6881    display: block;
6882    transition: transform .35s ease;
6883}
6884
6885#vad-learning-offers .vlo-training-card:hover .vlo-card-img {
6886    transform: scale(1.05);
6887}
6888
6889#vad-learning-offers .vlo-card-body {
6890    display: flex;
6891    flex-direction: column;
6892    flex: 1;
6893    padding: 14px 2px 2px;
6894}
6895
6896#vad-learning-offers .vlo-training-category {
6897    width: fit-content;
6898    min-height: 25px;
6899    padding: 0 9px;
6900    border-radius: 999px;
6901    display: inline-flex;
6902    align-items: center;
6903    color: var(--vlo-green);
6904    background: rgba(0, 184, 148, 0.08);
6905    font-size: 9px;
6906    font-weight: 900;
6907}
6908
6909#vad-learning-offers .vlo-training-title {
6910    margin: 8px 0 14px;
6911    color: var(--vlo-navy);
6912    font-size: 13.5px;
6913    line-height: 1.5;
6914    font-weight: 900;
6915    min-height: 40px;
6916    display: -webkit-box;
6917    -webkit-line-clamp: 2;
6918    -webkit-box-orient: vertical;
6919    overflow: hidden;
6920}
6921
6922#vad-learning-offers .vlo-training-link {
6923    min-height: 38px;
6924    margin-top: auto;
6925    padding: 0 12px;
6926    border: 1px solid rgba(0, 184, 148, 0.16);
6927    border-radius: 11px;
6928    display: inline-flex;
6929    align-items: center;
6930    justify-content: space-between;
6931    gap: 8px;
6932    color: var(--vlo-navy);
6933    background: rgba(0, 184, 148, 0.055);
6934    font-size: 10.5px;
6935    font-weight: 900;
6936    transition: color .2s ease, background .2s ease, border-color .2s ease;
6937}
6938
6939#vad-learning-offers .vlo-training-card:hover .vlo-training-link {
6940    color: #FFFFFF;
6941    background: var(--vlo-green);
6942    border-color: var(--vlo-green);
6943}
6944
6945/* =========================================================
6946   BOTTOM ALL COURSES BUTTON
6947========================================================= */
6948#vad-learning-offers .vlo-final {
6949    margin-top: 40px;
6950    display: flex;
6951    justify-content: center;
6952    position: relative;
6953    z-index: 75;
6954}
6955
6956#vad-learning-offers .vlo-final-btn {
6957    min-height: 56px;
6958    padding: 0 26px;
6959    border: 1px solid var(--vlo-navy);
6960    border-radius: 15px;
6961    display: inline-flex;
6962    align-items: center;
6963    justify-content: center;
6964    gap: 12px;
6965    color: #FFFFFF;
6966    background: var(--vlo-navy);
6967    text-decoration: none;
6968    font-size: 14px;
6969    font-weight: 900;
6970    cursor: pointer !important;
6971    pointer-events: auto !important;
6972    position: relative;
6973    z-index: 80;
6974    box-shadow: 0 13px 30px rgba(7, 27, 51, 0.13);
6975    transition: transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
6976}
6977
6978#vad-learning-offers .vlo-final-btn:hover {
6979    transform: translateY(-2px);
6980    background: var(--vlo-green) !important;
6981    border-color: var(--vlo-green) !important;
6982    color: #FFFFFF !important;
6983    box-shadow: 0 16px 36px rgba(0, 184, 148, 0.25);
6984}
6985
6986#vad-learning-offers .vlo-final-arrow {
6987    font-size: 16px;
6988    transition: transform .2s ease;
6989}
6990
6991#vad-learning-offers .vlo-final-btn:hover .vlo-final-arrow {
6992    transform: translateX(-4px);
6993}
6994
6995/* =========================================================
6996   RESPONSIVE
6997========================================================= */
6998@media (max-width: 1024px) {
6999    #vad-learning-offers .vlo-pillars-grid {
7000        grid-template-columns: 1fr;
7001        gap: 20px;
7002    }
7003    #vad-learning-offers .vlo-wrap {
7004        padding: 60px 20px 48px;
7005    }
7006}
7007
7008@media (max-width: 768px) {
7009    #vad-learning-offers .vlo-library-head {
7010        flex-direction: column;
7011        align-items: flex-start;
7012        gap: 12px;
7013    }
7014    #vad-learning-offers .vlo-training-marquee {
7015        overflow-x: auto;
7016        -webkit-overflow-scrolling: touch;
7017        mask-image: none;
7018        -webkit-mask-image: none;
7019    }
7020    #vad-learning-offers .vlo-training-track {
7021        animation: none !important;
7022    }
7023    #vad-learning-offers .vlo-training-card {
7024        width: 260px;
7025        min-width: 260px;
7026    }
7027    #vad-learning-offers .vlo-final-btn {
7028        width: 100%;
7029        justify-content: space-between;
7030    }
7031}
7032</style>
7033
7034<div class="vlo-bg-grid" aria-hidden="true"></div>
7035
7036<div class="vlo-wrap">
7037
7038    <!-- INTRO SECTION -->
7039    <div class="vlo-intro">
7040        <div class="vlo-kicker">
7041            <span class="vlo-kicker-dot"></span>
7042            <span>مسارات التعلّم والتطوير</span>
7043        </div>
7044
7045        <h2 class="vlo-title">
7046            اختر المسار التدريبي <span>الأنسب لنموك</span>.
7047        </h2>
7048
7049        <p class="vlo-description">
7050            تدريبات عملية قائمة على تجارب وميزانيات حقيقية، مصممة لنقلك مباشرة من مرحلة النظريات إلى الإتقان والتطبيق والنتائج القابلة للقياس.
7051        </p>
7052    </div>
7053
7054    <!-- 3 CORE PILLARS -->
7055    <div class="vlo-pillars-grid">
7056
7057        <!-- 1. META ADS MASTER CLASS -->
7058        <div class="vlo-card vlo-card-featured">
7059            <div>
7060                <div class="vlo-card-header">
7061                    <div class="vlo-card-icon">
7062                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
7063                            <path d="M4 18V9"></path>
7064                            <path d="M10 18V5"></path>
7065                            <path d="M16 18v-6"></path>
7066                            <path d="M22 18V3"></path>
7067                        </svg>
7068                    </div>
7069                    <span class="vlo-card-badge">البرنامج الرئيسي الشامل</span>
7070                </div>
7071
7072                <h3 class="vlo-card-title">Meta Ads Master Class</h3>
7073                <p class="vlo-card-desc">
7074                    المرجع المتكامل لإتقان وهندسة إعلانات Meta باحترافية، وقراءة البيانات، وتوسيع الحملات لتحقيق أعلى عائد على الإنفاق.
7075                </p>
7076
7077                <ul class="vlo-features-list">
7078                    <li class="vlo-feature-item">
7079                        <span class="vlo-feature-check">✓</span>
7080                        تدريب مسجل بالكامل مع وصول فوري ومستمر
7081                    </li>
7082                    <li class="vlo-feature-item">
7083                        <span class="vlo-feature-check">✓</span>
7084                        تحديثات دورية مواكبة لخوارزميات 2026
7085                    </li>
7086                    <li class="vlo-feature-item">
7087                        <span class="vlo-feature-check">✓</span>
7088                        تطبيقات على مسارات تحويل وميزانيات حقيقية
7089                    </li>
7090                </ul>
7091            </div>
7092
7093            <a class="vlo-btn vlo-btn-primary" href="https://vad-academy.com/fbmastry" target="_blank" rel="noopener noreferrer" aria-label="استكشف الماستر كلاس">
7094                <span>استكشف الماستر كلاس</span>
7095                <span class="vlo-btn-arrow" aria-hidden="true">←</span>
7096            </a>
7097        </div>
7098
7099        <!-- 2. 1-ON-1 COACHING (WHATSAPP) -->
7100        <div class="vlo-card vlo-card-standard">
7101            <div>
7102                <div class="vlo-card-header">
7103                    <div class="vlo-card-icon">
7104                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
7105                            <circle cx="12" cy="8" r="4"></circle>
7106                            <path d="M6 20v-2a6 6 0 0 1 12 0v2"></path>
7107                        </svg>
7108                    </div>
7109                    <span class="vlo-card-badge">الأعلى تخصيصاً (1:1)</span>
7110                </div>
7111
7112                <h3 class="vlo-card-title">التدريب الفردي المخصص</h3>
7113                <p class="vlo-card-desc">
7114                    جلسات تدريب وتطبيق مكثفة 1:1 مخصصة بالكامل لواقع مشروعك، لحل مشاكلك الإعلانية والتسويقية خطوة بخطوة.
7115                </p>
7116
7117                <ul class="vlo-features-list">
7118                    <li class="vlo-feature-item">
7119                        <span class="vlo-feature-check">✓</span>
7120                        توجيه مباشر مبني على أرقام وحسابات مشروعك
7121                    </li>
7122                    <li class="vlo-feature-item">
7123                        <span class="vlo-feature-check">✓</span>
7124                        تشخيص دقيق لمسار العميل ومكامن الهدر
7125                    </li>
7126                    <li class="vlo-feature-item">
7127                        <span class="vlo-feature-check">✓</span>
7128                        خطة عمل قابلة للتطبيق الفوري مع المتابعة
7129                    </li>
7130                </ul>
7131            </div>
7132
7133            <a class="vlo-btn vlo-btn-secondary" href="https://wa.me/970568226776?text=%D9%85%D8%B1%D8%AD%D8%A8%D8%A7%D9%8B%D8%8C%20%D8%A3%D9%88%D8%AF%20%D8%A7%D9%84%D8%A7%D8%B3%D8%AA%D9%81%D8%B3%D8%A7%D8%B1%20%D8%B9%D9%86%20%D8%AA%D9%81%D8%A7%D8%B5%D9%8A%D9%84%20%D8%A7%D9%84%D8%AA%D8%AF%D8%B1%D9%8A%D8%A8%20%D8%A7%D9%84%D9%81%D8%B1%D8%AF%D9%8A%20%D8%A7%D9%84%D9%85%D8%AE%D8%B5%D8%B5%20(1:1)%20%D9%81%D9%8A%20VAD%20Plus" target="_blank" rel="noopener noreferrer" aria-label="استفسر عبر واتساب">
7134                <span>تواصل للاستفسار (واتساب)</span>
7135                <span class="vlo-btn-arrow" aria-hidden="true">←</span>
7136            </a>
7137        </div>
7138
7139        <!-- 3. TEAM & CORPORATE (WHATSAPP) -->
7140        <div class="vlo-card vlo-card-standard">
7141            <div>
7142                <div class="vlo-card-header">
7143                    <div class="vlo-card-icon">
7144                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
7145                            <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
7146                            <circle cx="9" cy="7" r="4"></circle>
7147                            <path d="M23 21v-2a4 4 0 0 0-3-3.87"></path>
7148                            <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
7149                        </svg>
7150                    </div>
7151                    <span class="vlo-card-badge">للشركات والمؤسسات</span>
7152                </div>
7153
7154                <h3 class="vlo-card-title">تدريب وتطوير الفرق</h3>
7155                <p class="vlo-card-desc">
7156                    برامج تدريبية وتطويرية موجهة لفرق التسويق داخل الشركات والمؤسسات لرفع كفاءة التخطيط والتنفيذ وإدارة الميزانيات.
7157                </p>
7158
7159                <ul class="vlo-features-list">
7160                    <li class="vlo-feature-item">
7161                        <span class="vlo-feature-check">✓</span>
7162                        تطوير مهارات الفريق في قراءة الأداء والمقاييس
7163                    </li>
7164                    <li class="vlo-feature-item">
7165                        <span class="vlo-feature-check">✓</span>
7166                        بناء ورش عمل عملية مخصصة لمجال شركتك
7167                    </li>
7168                    <li class="vlo-feature-item">
7169                        <span class="vlo-feature-check">✓</span>
7170                        تنسيق منظومة العمل بين الإعلانات والـ CRM
7171                    </li>
7172                </ul>
7173            </div>
7174
7175            <a class="vlo-btn vlo-btn-secondary" href="https://wa.me/970568226776?text=%D9%85%D8%B1%D8%AD%D8%A8%D8%A7%D9%8B%D8%8C%20%D8%A3%D9%88%D8%AF%20%D8%A7%D9%84%D8%A7%D8%B3%D8%AA%D9%81%D8%B3%D8%A7%D8%B1%20%D8%B9%D9%86%20%D8%A8%D8%B1%D8%A7%D9%85%D8%AC%20%D8%AA%D8%AF%D8%B1%D9%8A%D8%A8%20%D9%88%D8%AA%D8%B7%D9%88%D9%8A%D8%B1%20%D8%A7%D9%84%D9%81%D8%B1%D9%82%20%D9%88%D8%A7%D9%84%D8%B4%D8%B1%D9%83%D8%A7%D8%AA%20%D9%81%D9%8A%20VAD%20Plus" target="_blank" rel="noopener noreferrer" aria-label="استفسر للشركات عبر واتساب">
7176                <span>تواصل لتدريب فريقك (واتساب)</span>
7177                <span class="vlo-btn-arrow" aria-hidden="true">←</span>
7178            </a>
7179        </div>
7180
7181    </div>
7182
7183    <!-- MARQUEE SLIDER -->
7184    <div class="vlo-library">
7185
7186        <div class="vlo-library-head">
7187            <div>
7188                <h3 class="vlo-library-title">مكتبة التدريبات وورش العمل المتخصصة</h3>
7189                <p class="vlo-library-desc">
7190                    تدريبات مركزة في مهارات معينة تساعدك على حل تحدٍ تسويقي محدد والانتقال مباشرة للتنفيذ.
7191                </p>
7192            </div>
7193            <span class="vlo-library-hint">اسحب لاستكشاف المزيد</span>
7194        </div>
7195
7196        <div class="vlo-training-marquee" aria-label="مكتبة تدريبات VAD Plus">
7197            <div class="vlo-training-track">
7198
7199                <!-- 1. MASTERCLASS -->
7200                <a class="vlo-training-card" href="https://vad-academy.com/fbmastry" target="_blank" rel="noopener noreferrer">
7201                    <div class="vlo-card-media">
7202                        <img src="https://assets.cdn.filesafe.space/SVm3AzwuobZepyaOrEbi/media/6a9ff912a08d19d9274c884c.png" alt="Meta Ads Master Class" loading="lazy" class="vlo-card-img" />
7203                    </div>
7204                    <div class="vlo-card-body">
7205                        <span class="vlo-training-category">البرنامج الشامل</span>
7206                        <h4 class="vlo-training-title">Meta Ads Master Class</h4>
7207                        <span class="vlo-training-link">
7208                            <span>استكشف التدريب</span>
7209                            <span aria-hidden="true">←</span>
7210                        </span>
7211                    </div>
7212                </a>
7213
7214                <!-- 2. TARGETING 2026 -->
7215                <a class="vlo-training-card" href="https://vad-academy.com/metatargeting2026" target="_blank" rel="noopener noreferrer">
7216                    <div class="vlo-card-media">
7217                        <img src="https://assets.cdn.filesafe.space/SVm3AzwuobZepyaOrEbi/media/6a9ffe3e16ed327815a5502c.webp" alt="استهدف كالقناص بعام 2026" loading="lazy" class="vlo-card-img" />
7218                    </div>
7219                    <div class="vlo-card-body">
7220                        <span class="vlo-training-category">Meta Ads</span>
7221                        <h4 class="vlo-training-title">استهدف كالقناص بعام 2026</h4>
7222                        <span class="vlo-training-link">
7223                            <span>استكشف التدريب</span>
7224                            <span aria-hidden="true">←</span>
7225                        </span>
7226                    </div>
7227                </a>
7228
7229                <!-- 3. NUTRITION MASTER -->
7230                <a class="vlo-training-card" href="https://nutritiongrowthhub.com/madnlp" target="_blank" rel="noopener noreferrer">
7231                    <div class="vlo-card-media">
7232                        <img src="https://assets.cdn.filesafe.space/SVm3AzwuobZepyaOrEbi/media/6a9ff912dd867dc12dd37608.png" alt="ماستر إعلانات ميتا لأخصائيات ومراكز التغذية" loading="lazy" class="vlo-card-img" />
7233                    </div>
7234                    <div class="vlo-card-body">
7235                        <span class="vlo-training-category">أخصائيات التغذية</span>
7236                        <h4 class="vlo-training-title">ماستر إعلانات ميتا لأخصائيات ومراكز التغذية</h4>
7237                        <span class="vlo-training-link">
7238                            <span>استكشف التدريب</span>
7239                            <span aria-hidden="true">←</span>
7240                        </span>
7241                    </div>
7242                </a>
7243
7244                <!-- 4. 28K JOURNEY -->
7245                <a class="vlo-training-card" href="https://vad-academy.com/ts28trainers" target="_blank" rel="noopener noreferrer">
7246                    <div class="vlo-card-media">
7247                        <img src="https://assets.cdn.filesafe.space/SVm3AzwuobZepyaOrEbi/media/6aa00072360a619b9fc64a75.png" alt="رحلة الـ 28 ألف دولار: دراسة حالة" loading="lazy" class="vlo-card-img" />
7248                    </div>
7249                    <div class="vlo-card-body">
7250                        <span class="vlo-training-category">للمدربين وأصحاب الخبرات</span>
7251                        <h4 class="vlo-training-title">رحلة الـ 28 ألف دولار: دراسة حالة لبناء منظومة تدريبية ناجحة</h4>
7252                        <span class="vlo-training-link">
7253                            <span>استكشف التدريب</span>
7254                            <span aria-hidden="true">←</span>
7255                        </span>
7256                    </div>
7257                </a>
7258
7259                <!-- 5. 9 FATAL MISTAKES -->
7260                <a class="vlo-training-card" href="https://vad-academy.com/messlto" target="_blank" rel="noopener noreferrer">
7261                    <div class="vlo-card-media">
7262                        <img src="https://assets.cdn.filesafe.space/SVm3AzwuobZepyaOrEbi/media/6aa0021a16ed327815a59b73.webp" alt="9 أخطاء قاتلة تدمر إعلاناتك على ميتا" loading="lazy" class="vlo-card-img" />
7263                    </div>
7264                    <div class="vlo-card-body">
7265                        <span class="vlo-training-category">إدارة الحملات</span>
7266                        <h4 class="vlo-training-title">9 أخطاء قاتلة تدمر إعلاناتك على ميتا!</h4>
7267                        <span class="vlo-training-link">
7268                            <span>استكشف التدريب</span>
7269                            <span aria-hidden="true">←</span>
7270                        </span>
7271                    </div>
7272                </a>
7273
7274                <!-- 6. NUTRITION RETENTION -->
7275                <a class="vlo-training-card" href="https://nutritiongrowthhub.com/ltvltonurti" target="_blank" rel="noopener noreferrer">
7276                    <div class="vlo-card-media">
7277                        <img src="https://assets.cdn.filesafe.space/SVm3AzwuobZepyaOrEbi/media/6aa0026ea08d19d9274d31c6.webp" alt="Nutrition Client Retention System" loading="lazy" class="vlo-card-img" />
7278                    </div>
7279                    <div class="vlo-card-body">
7280                        <span class="vlo-training-category">استبقاء العملاء</span>
7281                        <h4 class="vlo-training-title">Nutrition Client Retention System™</h4>
7282                        <span class="vlo-training-link">
7283                            <span>استكشف التدريب</span>
7284                            <span aria-hidden="true">←</span>
7285                        </span>
7286                    </div>
7287                </a>
7288
7289                <!-- 7. FB TO PROFIT -->
7290                <a class="vlo-training-card" href="https://vad-academy.com/2026fblto" target="_blank" rel="noopener noreferrer">
7291                    <div class="vlo-card-media">
7292                        <img src="https://assets.cdn.filesafe.space/SVm3AzwuobZepyaOrEbi/media/6aa0046dbfc1456f8c61b98f.png" alt="منظومة تحويل إعلانات ميتا الى أرباح" loading="lazy" class="vlo-card-img" />
7293                    </div>
7294                    <div class="vlo-card-body">
7295                        <span class="vlo-training-category">التحويل والمبيعات</span>
7296                        <h4 class="vlo-training-title">منظومة تحويل إعلانات ميتا الى أرباح</h4>
7297                        <span class="vlo-training-link">
7298                            <span>استكشف التدريب</span>
7299                            <span aria-hidden="true">←</span>
7300                        </span>
7301                    </div>
7302                </a>
7303
7304                <!-- DUPLICATE COPIES FOR INFINITE LOOP -->
7305                <div style="display: contents;">
7306                    <a class="vlo-training-card" href="https://vad-academy.com/fbmastry" target="_blank" rel="noopener noreferrer">
7307                        <div class="vlo-card-media"><img src="https://assets.cdn.filesafe.space/SVm3AzwuobZepyaOrEbi/media/6a9ff912a08d19d9274c884c.png" alt="" loading="lazy" class="vlo-card-img" /></div>
7308                        <div class="vlo-card-body"><span class="vlo-training-category">البرنامج الشامل</span><h4 class="vlo-training-title">Meta Ads Master Class</h4><span class="vlo-training-link"><span>استكشف التدريب</span><span>←</span></span></div>
7309                    </a>
7310
7311                    <a class="vlo-training-card" href="https://vad-academy.com/metatargeting2026" target="_blank" rel="noopener noreferrer">
7312                        <div class="vlo-card-media"><img src="https://assets.cdn.filesafe.space/SVm3AzwuobZepyaOrEbi/media/6a9ffe3e16ed327815a5502c.webp" alt="" loading="lazy" class="vlo-card-img" /></div>
7313                        <div class="vlo-card-body"><span class="vlo-training-category">Meta Ads</span><h4 class="vlo-training-title">استهدف كالقناص بعام 2026</h4><span class="vlo-training-link"><span>استكشف التدريب</span><span>←</span></span></div>
7314                    </a>
7315
7316                    <a class="vlo-training-card" href="https://nutritiongrowthhub.com/madnlp" target="_blank" rel="noopener noreferrer">
7317                        <div class="vlo-card-media"><img src="https://assets.cdn.filesafe.space/SVm3AzwuobZepyaOrEbi/media/6a9ff912dd867dc12dd37608.png" alt="" loading="lazy" class="vlo-card-img" /></div>
7318                        <div class="vlo-card-body"><span class="vlo-training-category">أخصائيات التغذية</span><h4 class="vlo-training-title">ماستر إعلانات ميتا لأخصائيات ومراكز التغذية</h4><span class="vlo-training-link"><span>استكشف التدريب</span><span>←</span></span></div>
7319                    </a>
7320
7321                    <a class="vlo-training-card" href="https://vad-academy.com/ts28trainers" target="_blank" rel="noopener noreferrer">
7322                        <div class="vlo-card-media"><img src="https://assets.cdn.filesafe.space/SVm3AzwuobZepyaOrEbi/media/6aa00072360a619b9fc64a75.png" alt="" loading="lazy" class="vlo-card-img" /></div>
7323                        <div class="vlo-card-body"><span class="vlo-training-category">للمدربين وأصحاب الخبرات</span><h4 class="vlo-training-title">رحلة الـ 28 ألف دولار: دراسة حالة لبناء منظومة تدريبية ناجحة</h4><span class="vlo-training-link"><span>استكشف التدريب</span><span>←</span></span></div>
7324                    </a>
7325
7326                    <a class="vlo-training-card" href="https://vad-academy.com/messlto" target="_blank" rel="noopener noreferrer">
7327                        <div class="vlo-card-media"><img src="https://assets.cdn.filesafe.space/SVm3AzwuobZepyaOrEbi/media/6aa0021a16ed327815a59b73.webp" alt="" loading="lazy" class="vlo-card-img" /></div>
7328                        <div class="vlo-card-body"><span class="vlo-training-category">إدارة الحملات</span><h4 class="vlo-training-title">9 أخطاء قاتلة تدمر إعلاناتك على ميتا!</h4><span class="vlo-training-link"><span>استكشف التدريب</span><span>←</span></span></div>
7329                    </a>
7330
7331                    <a class="vlo-training-card" href="https://nutritiongrowthhub.com/ltvltonurti" target="_blank" rel="noopener noreferrer">
7332                        <div class="vlo-card-media"><img src="https://assets.cdn.filesafe.space/SVm3AzwuobZepyaOrEbi/media/6aa0026ea08d19d9274d31c6.webp" alt="" loading="lazy" class="vlo-card-img" /></div>
7333                        <div class="vlo-card-body"><span class="vlo-training-category">استبقاء العملاء</span><h4 class="vlo-training-title">Nutrition Client Retention System™</h4><span class="vlo-training-link"><span>استكشف التدريب</span><span>←</span></span></div>
7334                    </a>
7335
7336                    <a class="vlo-training-card" href="https://vad-academy.com/2026fblto" target="_blank" rel="noopener noreferrer">
7337                        <div class="vlo-card-media"><img src="https://assets.cdn.filesafe.space/SVm3AzwuobZepyaOrEbi/media/6aa0046dbfc1456f8c61b98f.png" alt="" loading="lazy" class="vlo-card-img" /></div>
7338                        <div class="vlo-card-body"><span class="vlo-training-category">التحويل والمبيعات</span><h4 class="vlo-training-title">منظومة تحويل إعلانات ميتا الى أرباح</h4><span class="vlo-training-link"><span>استكشف التدريب</span><span>←</span></span></div>
7339                    </a>
7340                </div>
7341
7342            </div>
7343        </div>
7344
7345        <!-- BOTTOM BUTTON -->
7346        <div class="vlo-final">
7347            <a class="vlo-final-btn" href="https://vad-academy.com/vadcourses" target="_blank" rel="noopener noreferrer" aria-label="استكشف جميع التدريبات">
7348                <span>استكشف جميع التدريبات</span>
7349                <span class="vlo-final-arrow" aria-hidden="true">←</span>
7350            </a>
7351        </div>
7352
7353    </div>
7354
7355</div>
7356
7357</section></div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--[--><div id="section-9PtG0fkoTT" data-animation-class data-entrance-clip="1" style="" class="fullSection true c-section c-wrapper section-9PtG0fkoTT"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="row-BgnvzY-q0c" data-animation-class data-entrance-clip="1" style="" class="row-align-center true c-row c-wrapper row-BgnvzY-q0c"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="col-rtLvyqzxce" data-animation-class data-entrance-clip="1" style="" class="true c-column c-wrapper col-rtLvyqzxce"><!----><!----><div class="vertical inner"><!----><!--[--><!--[--><div id="custom-code-ZpRyTGDEnV" data-animation-class style="" class="c-custom-code c-wrapper custom-code-ZpRyTGDEnV"><!----><!----><!----><!----><!----><!----><!----><span></span><div id="custom-code-ZpRyTGDEnV__custom-code" class="custom-code-container ccustom-code-ZpRyTGDEnV"><!-- =========================
7358     VAD PLUS FOOTER
7359     جاهز للصق داخل Custom HTML في GHL
7360========================= -->
7361
7362<footer class="vad-plus-footer" dir="rtl">
7363
7364  <div class="vad-plus-footer-inner">
7365
7366    <div class="vad-plus-footer-content">
7367
7368      <!-- BRAND -->
7369      <div class="vad-plus-footer-brand">
7370        <h3>فاد بلس</h3>
7371
7372        <p>
7373          منظومة تسويقية تساعدك على بناء حضور أقوى،
7374          تطوير استراتيجيتك، وتحويل التسويق إلى نتائج
7375          واضحة وقابلة للقياس.
7376        </p>
7377      </div>
7378
7379
7380      <!-- TRAINING -->
7381      <div class="vad-plus-footer-training">
7382        <span class="vad-plus-footer-label">
7383          التدريب والتطوير
7384        </span>
7385
7386        <h4>
7387          تعلّم، طبّق، وطوّر نتائجك
7388        </h4>
7389
7390        <p>
7391          تدريبات عملية في التسويق والإعلانات وبناء
7392          المنظومات تساعدك على تطوير مهاراتك واتخاذ
7393          قرارات تسويقية أكثر وضوحًا.
7394        </p>
7395      </div>
7396
7397
7398      <!-- LINKS -->
7399      <div class="vad-plus-footer-links">
7400        <span class="vad-plus-footer-label">
7401          روابط مهمة
7402        </span>
7403
7404        <a href="https://vad-academy.com/-7780-6171-1173-4402-7297">
7405          إخلاء المسؤولية
7406        </a>
7407
7408        <a href="https://vad-academy.com/-7780-8344">
7409          الشروط والأحكام
7410        </a>
7411      </div>
7412
7413
7414      <!-- SOCIAL MEDIA -->
7415      <div class="vad-plus-footer-social">
7416        <span class="vad-plus-footer-label">
7417          تابعنا
7418        </span>
7419
7420        <h4>ابقَ قريبًا من جديدنا</h4>
7421
7422        <p>
7423          محتوى عملي وتحديثات مستمرة عبر منصاتنا.
7424        </p>
7425
7426        <div class="vad-plus-footer-social-list">
7427
7428          <a
7429            href="https://www.facebook.com/MohamamdaAlarda"
7430            target="_blank"
7431            rel="noopener noreferrer"
7432            aria-label="فيسبوك"
7433            title="فيسبوك"
7434          >
7435            <svg viewBox="0 0 24 24" aria-hidden="true">
7436              <path d="M14 8h3V4h-3c-3.3 0-5 2-5 5v3H6v4h3v7h4v-7h3l1-4h-4V9c0-.7.3-1 1-1Z"/>
7437            </svg>
7438          </a>
7439
7440          <a
7441            href="https://www.instagram.com/mohammad_alarda/"
7442            target="_blank"
7443            rel="noopener noreferrer"
7444            aria-label="إنستغرام"
7445            title="إنستغرام"
7446          >
7447            <svg viewBox="0 0 24 24" aria-hidden="true">
7448              <rect x="3.5" y="3.5" width="17" height="17" rx="5"/>
7449              <circle cx="12" cy="12" r="4"/>
7450              <circle class="vad-plus-social-dot" cx="17.4" cy="6.7" r="1"/>
7451            </svg>
7452          </a>
7453
7454          <a
7455            href="https://www.youtube.com/@MohammadAlarda"
7456            target="_blank"
7457            rel="noopener noreferrer"
7458            aria-label="يوتيوب"
7459            title="يوتيوب"
7460          >
7461            <svg viewBox="0 0 24 24" aria-hidden="true">
7462              <path d="M21 12c0-2.2-.2-4.1-.5-5-.2-.9-.9-1.5-1.7-1.7C17.3 5 14.7 5 12 5s-5.3 0-6.8.3C4.4 5.5 3.7 6.1 3.5 7 3.2 7.9 3 9.8 3 12s.2 4.1.5 5c.2.9.9 1.5 1.7 1.7 1.5.3 4.1.3 6.8.3s5.3 0 6.8-.3c.8-.2 1.5-.8 1.7-1.7.3-.9.5-2.8.5-5Z"/>
7463              <path class="vad-plus-social-play" d="m10 9 5 3-5 3V9Z"/>
7464            </svg>
7465          </a>
7466
7467          <a
7468            href="https://x.com/alarda_mohammad"
7469            target="_blank"
7470            rel="noopener noreferrer"
7471            aria-label="منصة X"
7472            title="منصة X"
7473          >
7474            <svg viewBox="0 0 24 24" aria-hidden="true">
7475              <path d="M5 4h4.2l3.7 5.1L17.2 4H19l-5.3 6.4L20 20h-4.2l-4.1-5.7L7 20H5.1l5.7-7L5 4Zm3.3 1.5 8.3 13h1.9l-8.3-13H8.3Z"/>
7476            </svg>
7477          </a>
7478
7479          <a
7480            href="https://www.tiktok.com/@mohammed.i.alarda"
7481            target="_blank"
7482            rel="noopener noreferrer"
7483            aria-label="تيك توك"
7484            title="تيك توك"
7485          >
7486            <svg viewBox="0 0 24 24" aria-hidden="true">
7487              <path d="M15.3 3c.3 2.3 1.6 3.7 3.7 4v3.3c-1.4 0-2.7-.4-3.7-1.2v6.2A5.7 5.7 0 1 1 10.4 9v3.4a2.4 2.4 0 1 0 1.6 2.3V3h3.3Z"/>
7488            </svg>
7489          </a>
7490
7491        </div>
7492      </div>
7493
7494    </div>
7495
7496
7497    <!-- BOTTOM -->
7498    <div class="vad-plus-footer-bottom">
7499      <p>
7500        جميع الحقوق محفوظة © فاد بلس 2026 | تصميم فريق فاد بلس
7501      </p>
7502    </div>
7503
7504  </div>
7505
7506</footer>
7507
7508
7509<style>
7510
7511/* =========================================
7512   VAD PLUS FOOTER
7513========================================= */
7514
7515.vad-plus-footer {
7516  width: 100vw;
7517  max-width: 100vw;
7518
7519  margin-left: calc(50% - 50vw);
7520  margin-right: calc(50% - 50vw);
7521
7522  background:
7523    radial-gradient(
7524      circle at 85% 15%,
7525      rgba(24, 212, 174, 0.08),
7526      transparent 28%
7527    ),
7528    linear-gradient(
7529      135deg,
7530      #082744 0%,
7531      #071f38 55%,
7532      #061a30 100%
7533    );
7534
7535  color: #ffffff;
7536  font-family: "Cairo", sans-serif;
7537  position: relative;
7538  overflow: hidden;
7539  box-sizing: border-box;
7540}
7541
7542.vad-plus-footer *,
7543.vad-plus-footer *::before,
7544.vad-plus-footer *::after {
7545  box-sizing: border-box;
7546}
7547
7548
7549/* =========================================
7550   DECORATIVE GLOW
7551========================================= */
7552
7553.vad-plus-footer::before {
7554  content: "";
7555  position: absolute;
7556  width: 320px;
7557  height: 320px;
7558  border-radius: 50%;
7559  background: rgba(24, 212, 174, 0.06);
7560  filter: blur(80px);
7561  top: -180px;
7562  right: -80px;
7563  pointer-events: none;
7564}
7565
7566.vad-plus-footer::after {
7567  content: "";
7568  position: absolute;
7569  width: 260px;
7570  height: 260px;
7571  border-radius: 50%;
7572  background: rgba(52, 76, 131, 0.12);
7573  filter: blur(80px);
7574  bottom: -160px;
7575  left: -80px;
7576  pointer-events: none;
7577}
7578
7579
7580/* =========================================
7581   INNER CONTAINER
7582========================================= */
7583
7584.vad-plus-footer-inner {
7585  width: min(1280px, calc(100% - 50px));
7586  margin: 0 auto;
7587  position: relative;
7588  z-index: 2;
7589}
7590
7591
7592/* =========================================
7593   CONTENT
7594========================================= */
7595
7596.vad-plus-footer-content {
7597  display: grid;
7598  grid-template-columns: 1.08fr 1.18fr 0.63fr 0.88fr;
7599  gap: clamp(30px, 4vw, 58px);
7600  padding: 65px 0 55px;
7601  align-items: start;
7602}
7603
7604
7605/* =========================================
7606   BRAND
7607========================================= */
7608
7609.vad-plus-footer-brand h3 {
7610  margin: 0 0 12px;
7611  font-size: 23px;
7612  font-weight: 800;
7613  color: #ffffff;
7614}
7615
7616.vad-plus-footer-brand p {
7617  margin: 0;
7618  max-width: 390px;
7619  color: rgba(255, 255, 255, 0.65);
7620  font-size: 13px;
7621  line-height: 2;
7622}
7623
7624
7625/* =========================================
7626   LABEL
7627========================================= */
7628
7629.vad-plus-footer-label {
7630  display: inline-flex;
7631  align-items: center;
7632  color: #18d4ae;
7633  font-size: 11px;
7634  font-weight: 700;
7635  margin-bottom: 12px;
7636}
7637
7638.vad-plus-footer-label::before {
7639  content: "";
7640  width: 6px;
7641  height: 6px;
7642  flex: 0 0 6px;
7643  border-radius: 50%;
7644  background: #18d4ae;
7645  margin-left: 8px;
7646  box-shadow: 0 0 12px rgba(24, 212, 174, 0.7);
7647}
7648
7649
7650/* =========================================
7651   TRAINING
7652========================================= */
7653
7654.vad-plus-footer-training {
7655  padding-right: 35px;
7656  border-right: 1px solid rgba(255, 255, 255, 0.09);
7657}
7658
7659.vad-plus-footer-training h4,
7660.vad-plus-footer-social h4 {
7661  margin: 0 0 10px;
7662  font-size: 19px;
7663  font-weight: 800;
7664  line-height: 1.6;
7665  color: #ffffff;
7666}
7667
7668.vad-plus-footer-training p {
7669  margin: 0;
7670  max-width: 420px;
7671  color: rgba(255, 255, 255, 0.62);
7672  font-size: 12px;
7673  line-height: 2;
7674}
7675
7676
7677/* =========================================
7678   LINKS
7679========================================= */
7680
7681.vad-plus-footer-links {
7682  display: flex;
7683  flex-direction: column;
7684  align-items: flex-start;
7685}
7686
7687.vad-plus-footer-links a {
7688  position: relative;
7689  display: inline-block;
7690  color: rgba(255, 255, 255, 0.65);
7691  text-decoration: none;
7692  font-size: 12px;
7693  margin-bottom: 13px;
7694  transition: color 0.25s ease, transform 0.25s ease;
7695}
7696
7697.vad-plus-footer-links a::before {
7698  content: "←";
7699  color: #18d4ae;
7700  margin-left: 7px;
7701  font-size: 10px;
7702  opacity: 0;
7703  transition: opacity 0.25s ease;
7704}
7705
7706.vad-plus-footer-links a:hover,
7707.vad-plus-footer-links a:focus-visible {
7708  color: #18d4ae;
7709  transform: translateX(-3px);
7710}
7711
7712.vad-plus-footer-links a:hover::before,
7713.vad-plus-footer-links a:focus-visible::before {
7714  opacity: 1;
7715}
7716
7717
7718/* =========================================
7719   SOCIAL MEDIA
7720========================================= */
7721
7722.vad-plus-footer-social h4 {
7723  font-size: 16px;
7724  margin-bottom: 5px;
7725}
7726
7727.vad-plus-footer-social > p {
7728  margin: 0 0 17px;
7729  color: rgba(255, 255, 255, 0.58);
7730  font-size: 11px;
7731  line-height: 1.85;
7732}
7733
7734.vad-plus-footer-social-list {
7735  display: flex;
7736  flex-wrap: wrap;
7737  gap: 9px;
7738}
7739
7740.vad-plus-footer-social-list a {
7741  width: 40px;
7742  height: 40px;
7743  flex: 0 0 40px;
7744  display: inline-flex;
7745  align-items: center;
7746  justify-content: center;
7747  border: 1px solid rgba(255, 255, 255, 0.12);
7748  border-radius: 12px;
7749  background: rgba(255, 255, 255, 0.06);
7750  color: rgba(255, 255, 255, 0.78);
7751  text-decoration: none;
7752  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08);
7753  transition:
7754    color 0.25s ease,
7755    background-color 0.25s ease,
7756    border-color 0.25s ease,
7757    transform 0.25s ease,
7758    box-shadow 0.25s ease;
7759}
7760
7761.vad-plus-footer-social-list a:hover,
7762.vad-plus-footer-social-list a:focus-visible {
7763  color: #071f38;
7764  background: #18d4ae;
7765  border-color: #18d4ae;
7766  transform: translateY(-3px);
7767  box-shadow: 0 12px 28px rgba(24, 212, 174, 0.22);
7768  outline: none;
7769}
7770
7771.vad-plus-footer-social-list svg {
7772  width: 18px;
7773  height: 18px;
7774  display: block;
7775  fill: currentColor;
7776}
7777
7778.vad-plus-footer-social-list rect,
7779.vad-plus-footer-social-list circle:not(.vad-plus-social-dot) {
7780  fill: none;
7781  stroke: currentColor;
7782  stroke-width: 1.8;
7783}
7784
7785.vad-plus-footer-social-list .vad-plus-social-dot,
7786.vad-plus-footer-social-list .vad-plus-social-play {
7787  fill: currentColor;
7788  stroke: none;
7789}
7790
7791
7792/* =========================================
7793   BOTTOM
7794========================================= */
7795
7796.vad-plus-footer-bottom {
7797  border-top: 1px solid rgba(255, 255, 255, 0.09);
7798  min-height: 68px;
7799  display: flex;
7800  align-items: center;
7801  justify-content: center;
7802  text-align: center;
7803}
7804
7805.vad-plus-footer-bottom p {
7806  margin: 0;
7807  color: rgba(255, 255, 255, 0.48);
7808  font-size: 11px;
7809  line-height: 1.8;
7810  text-align: center;
7811}
7812
7813
7814/* =========================================
7815   TABLET
7816========================================= */
7817
7818@media (max-width: 900px) {
7819
7820  .vad-plus-footer-content {
7821    grid-template-columns: 1fr 1fr;
7822    gap: 40px 48px;
7823    padding: 50px 0 42px;
7824  }
7825
7826  .vad-plus-footer-training {
7827    padding-right: 0;
7828    border-right: 0;
7829  }
7830
7831}
7832
7833
7834/* =========================================
7835   MOBILE
7836========================================= */
7837
7838@media (max-width: 560px) {
7839
7840  .vad-plus-footer-inner {
7841    width: calc(100% - 30px);
7842  }
7843
7844  .vad-plus-footer-content {
7845    grid-template-columns: 1fr;
7846    gap: 30px;
7847    padding: 42px 0 35px;
7848  }
7849
7850  .vad-plus-footer-brand p {
7851    font-size: 12px;
7852    line-height: 1.9;
7853  }
7854
7855  .vad-plus-footer-training,
7856  .vad-plus-footer-links,
7857  .vad-plus-footer-social {
7858    padding-top: 25px;
7859    border-top: 1px solid rgba(255, 255, 255, 0.09);
7860  }
7861
7862  .vad-plus-footer-training h4 {
7863    font-size: 17px;
7864  }
7865
7866  .vad-plus-footer-training p {
7867    font-size: 11px;
7868  }
7869
7870  .vad-plus-footer-links {
7871    padding-bottom: 2px;
7872  }
7873
7874  .vad-plus-footer-social-list a {
7875    width: 42px;
7876    height: 42px;
7877    flex-basis: 42px;
7878  }
7879
7880  .vad-plus-footer-bottom {
7881    min-height: 65px;
7882    padding: 0 5px;
7883  }
7884
7885  .vad-plus-footer-bottom p {
7886    font-size: 9.5px;
7887  }
7888
7889}
7890
7891</style>
7892</div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div></div><!----><!----><!----></div><!--]--></div><!--]--><!--]--></div><div id="teleports"></div>
7892<script>window.__NUXT__={};window.__NUXT__.config={public:{baseUrl:"https://apisystem.tech",newBaseURL:"https://backend.leadconnectorhq.com/appengine",serverBaseUrl:"https://apisystem.tech",NODE_ENV:"production",OLD_STORAGE_API_URL1_CDN:"https://cdn.msgsndr.com",OLD_STORAGE_API_URL2_CDN:"https://assets.cdn.msgsndr.com",STORAGE_API_URL1_CDN:"https://cdn.filesafe.space",STORAGE_API_URL2_CDN:"https://assets.cdn.filesafe.space",REVIEW_WIDGET_URL:"https://backend.leadconnectorhq.com/appengine/reviews/get_widget/",REST_API_URLS:"https://backend.leadconnectorhq.com",STATS_API_URL:"https://backend.leadconnectorhq.com",paymentsServiceUrl:"https://backend.leadconnectorhq.com",pciIframeEnabled:true,paymentEmbedOrigin:"https://payment-embed.leadconnectorhq.com",pciIframeLocations:"uF0vaUyrN6rdVdctJldw,xab25XqX1o1xdmYkKqBs",HLS_URL:"https://content.apisystem.tech",IMAGE_CDN:"https://images.leadconnectorhq.com",IMAGE_CDN_WHITELIST:["assets.cdn.msgsndr.com","cdn.msgsndr.com","cdn.filesafe.space","assets.cdn.filesafe.space","storage.googleapis.com","firebasestorage.googleapis.com"],authorizeAcceptJsUrlTestMode:"https://jstest.authorize.net/v1/Accept.js",authorizeAcceptJsUrlLiveMode:"https://js.authorize.net/v1/Accept.js",nmiPaymentProviderScriptUrl:"https://secure.safewebservices.com/token/Collect.js",FORMS_SERVICE_URL:"https://backend.leadconnectorhq.com",SURVEYS_SERVICE_URL:"https://backend.leadconnectorhq.com",QR_CODE_SERVICE_URL:"https://backend.leadconnectorhq.com",GOOGLE_API_SERVICE_URL:"https://services.leadconnectorhq.com/common-google",ECOMMERCE_SERVICE_URL:"https://backend.leadconnectorhq.com/ecommerce",HL_HOMEPAGE_STEPID:"6dcfb06b-9734-44bd-bbcc-8bd4b7fec976",STRIPE_BNPL_CONFIGURATION_TEST:"pmc_1OaAR1FpU9DlKp7RH0HHU4xH",STRIPE_BNPL_CONFIGURATION_LIVE:"pmc_1OlnyOFpU9DlKp7R4tTHuihw",STRIPE_PMC_KEY_TEST:"pmc_1Ps2bTFpU9DlKp7RmgTzmJUL",STRIPE_PMC_KEY_LIVE:"pmc_1PzYYpFpU9DlKp7RcgxVmcvS",STRIPE_DEFAULT_CONFIGURATION_TEST:"pmc_1M95aRFpU9DlKp7ReIqqY0PP",STRIPE_DEFAULT_CONFIGURATION_LIVE:"pmc_1NYilsFpU9DlKp7RkMiUNrKE",STRIPE_DEFAULT_CONFIGURATION_TEST_SURVEY:"pmc_1QrvB7FpU9DlKp7RcL9L2idV",STRIPE_DEFAULT_CONFIGURATION_LIVE_SURVEY:"pmc_1Qwds7FpU9DlKp7RMCBlclQ0",STRIPE_DEFAULT_CONFIGURATION_TEST_FORM:"pmc_1Qodu1FpU9DlKp7RoWHB8Txx",STRIPE_DEFAULT_CONFIGURATION_LIVE_FORM:"pmc_1QwcV0FpU9DlKp7RORUHPK8B",STRIPE_CARD_ONLY_TEST_PMC:"pmc_1PVvmcFpU9DlKp7RFsjX5G7G",STRIPE_CARD_ONLY_LIVE_PMC:"pmc_1PVvogFpU9DlKp7Rj8F0ITLV",ENTERPRISE_RECAPTCHA_SITE_KEY:"6LeDBFwpAAAAAJe8ux9-imrqZ2ueRsEtdiWoDDpX",ENTERPRISE_RECAPTCHA_CHECKBOX_SITE_KEY:"6Lfjxx4sAAAAAIsnmlR5mKNS7QwIWqDjABW2SUu7",STRIPE_ONE_STEP_PMC_ID_TEST:"pmc_1QodqYFpU9DlKp7R8EIapiwE",STRIPE_TWO_STEP_PMC_ID_TEST:"pmc_1QodsEFpU9DlKp7RHRyay2KC",STRIPE_ONE_STEP_PMC_ID_LIVE:"pmc_1QwcLrFpU9DlKp7Rl9zb07x1",STRIPE_TWO_STEP_PMC_ID_LIVE:"pmc_1QwcP4FpU9DlKp7R4L0ytWkJ",RECAPTCHA_SITE_KEY:"6LfcbMseAAAAAI-EJoB-lUh7_TJaYloLbcbmnhEO",TURNSTILE_INVISIBLE_SITE_KEY:"0x4AAAAAACCpVlau-4k7cJ33",TURNSTILE_VISIBLE_SITE_KEY:"0x4AAAAAACDfuwSBQ2sYO1VD",TURNSTILE_INVISIBLE_TEST_SITE_KEY:"1x00000000000000000000BB",TURNSTILE_VISIBLE_TEST_SITE_KEY:"1x00000000000000000000AA",ENCRYPTED_STORAGE_SECRET_KEY:"daffd34c5f824e455827b0c87cbbf64f8b0cd32b79b6d73100fc4bdf41f095ea",formFunnelWrapperEnabled:true,formCalendarWrapperEnabled:true,formNativeWrapperEnabled:true,formCalendarServiceWrapperEnabled:true,formCalendarRentalWrapperEnabled:true,surveyFunnelWrapperEnabled:true,surveyNativeWrapperEnabled:true,quizNativeWrapperEnabled:true,i18n:{baseUrl:"",defaultLocale:"en",defaultDirection:"ltr",strategy:"no_prefix",lazy:true,rootRedirect:"",routesNameSeparator:"___",defaultLocaleRouteNameSuffix:"default",skipSettingLocaleOnNavigate:true,differentDomains:false,trailingSlash:false,detectBrowserLanguage:{alwaysRedirect:false,cookieCrossOrigin:false,cookieDomain:"",cookieKey:"i18n_redirected",cookieSecure:false,fallbackLocale:"",redirectOn:"root",useCookie:true},experimental:{localeDetector:"",switchLocalePathLinkSSR:false,autoImportTranslationFunctions:false,typedPages:true,typedOptionsAndMessages:false,generatedLocaleFilePathFormat:"absolute",alternateLinkCanonicalQueries:false,hmr:true},multiDomainLocales:false,domainLocales:{da:{domain:""},de:{domain:""},en:{domain:""},es:{domain:""},fi:{domain:""},"fr-ca":{domain:""},fr:{domain:""},hu:{domain:""},it:{domain:""},nl:{domain:""},no:{domain:""},pl:{domain:""},"pt-br":{domain:""},pt:{domain:""},sv:{domain:""}}}},app:{baseURL:"/",buildId:"9bfa751f-8bba-4ff2-8552-d327d418115e",buildAssetsDir:"/_preview/",cdnURL:"https://stcdn.leadconnectorhq.com/"}}</script>
7892<script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__">[["ShallowReactive",1],{"data":2,"state":673,"once":831,"_errors":832,"serverRendered":33},["ShallowReactive",3],{"pageData":4},{"elements":5,"popup":615,"fontsToLoad":46,"customFonts":616,"meta":617,"domainName":626,"pageUrl":627,"pageId":628,"pageName":629,"locationId":630,"headerCode":46,"footerCode":46,"popupsList":631,"favicon":667,"globalHeadTrackingCode":668,"globalBodyTrackingCode":46,"funnelId":669,"funnelName":670,"stepId":671,"affiliateId":-1,"cookieConsent":-1,"disablePageLevelCookieConsent":42,"pixelToInit":672,"isOptimisePageLoad":33,"backgroundSettingsClass":48,"schemaMarkup":24,"isGeolocationNeeded":42},[6,16,56,83,114,127,151,172,196,207,231,252,276,287,311,332,356,367,391,412,436,447,471,492,517,528,554,578,604],{"id":7,"child":8},"hl_main",[9,10,11,12,13,14,15],"section-eVOGgEFEOm","section-Ghi885PykS","section-aWWwsMrXyN","section-sRm_7xwbLG","section-NrzRw9y5pT","section-naSc-6TBlO","section-9PtG0fkoTT",{"id":9,"type":17,"child":18,"class":20,"styles":34,"extra":37,"meta":17,"tagName":54,"title":55,"classStr":22,"_id":9},"section",[19],"row-BqtYrlcjgf",{"width":21,"entranceAnimation":23,"animationScale":25,"animationDuration":27,"animationDelay":28,"animationEasing":30,"disableAnimationsOnMobile":32},{"value":22},"fullSection",{"value":24},null,{"value":26},1,{"value":26},{"value":29},0,{"value":31},"linear",{"value":33},true,{"borderWidth":35},{"value":36},"0px",{"sticky":38,"visibility":40,"bgImage":43,"allowRowMaxWidth":49,"customClass":50,"elementScreenshot":52},{"value":39},"noneSticky",{"value":41},{"hideDesktop":42,"hideMobile":42},false,{"value":44},{"mediaType":45,"url":46,"opacity":47,"options":48,"svgCode":46,"videoUrl":46,"videoThumbnail":46,"videoLoop":33},"image","","1","bgCover",{"value":42},{"value":51},[],{"value":53},[],"c-section","Section",{"id":19,"type":57,"child":58,"class":60,"styles":69,"extra":71,"tagName":81,"meta":57,"title":82,"classStr":62},"row",[59],"col--DTIiZmukr",{"alignRow":61,"entranceAnimation":63,"animationScale":64,"animationDuration":65,"animationDelay":66,"animationEasing":67,"disableAnimationsOnMobile":68},{"value":62},"row-align-center",{"value":24},{"value":26},{"value":26},{"value":29},{"value":31},{"value":33},{"borderWidth":70},{"value":36},{"visibility":72,"bgImage":74,"rowWidth":76,"customClass":79},{"value":73},{"hideDesktop":42,"hideMobile":42},{"value":75},{"mediaType":45,"url":46,"opacity":47,"options":48,"svgCode":46,"videoUrl":46,"videoThumbnail":46,"videoLoop":33},{"value":77,"unit":78},100,"%",{"value":80},[],"c-row","1 Column Row",{"id":59,"type":84,"child":85,"class":87,"styles":94,"extra":96,"tagName":112,"meta":84,"title":113,"noOfColumns":26},"col",[86],"custom-code-FatYfTQEHu",{"entranceAnimation":88,"animationScale":89,"animationDuration":90,"animationDelay":91,"animationEasing":92,"disableAnimationsOnMobile":93},{"value":24},{"value":26},{"value":26},{"value":29},{"value":31},{"value":33},{"borderWidth":95},{"value":36},{"visibility":97,"bgImage":99,"columnLayout":101,"justifyContentColumnLayout":103,"alignContentColumnLayout":105,"forceColumnLayoutForMobile":107,"customClass":108,"elementVersion":110},{"value":98},{"hideDesktop":42,"hideMobile":42},{"value":100},{"mediaType":45,"url":46,"opacity":47,"options":48,"svgCode":46,"videoUrl":46,"videoThumbnail":46,"videoLoop":33},{"value":102},"column",{"value":104},"center",{"value":106},"inherit",{"value":33},{"value":109},[],{"value":111},2,"c-column","1st Column",{"extra":115,"id":86,"meta":124,"tagName":125,"class":126},{"visibility":116,"customCode":118,"customClass":121,"nodeId":123},{"value":117},{"hideMobile":46,"hideDesktop":46},{"value":119},{"rawCustomCode":120},"\u003C!-- =========================================================\n     VAD PLUS — MAIN NAVIGATION 2026\n     UNIVERSAL HEADER FOR GOHIGHLEVEL\n     FIXED: AUTO-POSITIONING FOR ABOUT MENU + NO GHOST MODAL\n========================================================= -->\n\n\u003Cstyle>\n\n\u002F* =========================================================\n   FONT\n========================================================= *\u002F\n@import url('https:\u002F\u002Ffonts.googleapis.com\u002Fcss2?family=Cairo:wght@400;500;600;700;800;900&display=swap');\n\n\u002F* =========================================================\n   ROOT\n========================================================= *\u002F\n#vad-header-mount {\n    position: sticky;\n    position: -webkit-sticky;\n    top: 0;\n    width: 100%;\n    z-index: 2147483000;\n    pointer-events: none !important;\n}\n\n#vad-main-header,\n#vad-main-header *,\n#vad-main-header *::before,\n#vad-main-header *::after,\n#vad-mobile-drawer,\n#vad-mobile-drawer *,\n#vad-mobile-drawer *::before,\n#vad-mobile-drawer *::after,\n#vad-quiz-modal,\n#vad-quiz-modal * {\n    box-sizing: border-box;\n    font-family: \"Cairo\", sans-serif !important;\n}\n\n#vad-main-header {\n    --vad-navy: #071B33;\n    --vad-navy-light: #0D2B4D;\n    --vad-green: #00B894;\n    --vad-green-hover: #00A987;\n    --vad-white: #FFFFFF;\n    --vad-text: #0B2139;\n    --vad-muted: #718096;\n    --vad-border: rgba(7, 27, 51, .08);\n    --vad-green-soft: rgba(0, 184, 148, .075);\n\n    width: 100%;\n    position: relative;\n    z-index: 2147483000;\n    padding: 15px 18px 0;\n    direction: rtl;\n    pointer-events: none !important;\n}\n\n\u002F* =========================================================\n   HEADER SHELL\n========================================================= *\u002F\n#vad-main-header .vad-header-shell {\n    position: relative;\n    width: 100%;\n    max-width: 1680px;\n    min-height: 82px;\n    margin: 0 auto;\n    padding: 9px 14px;\n    display: flex;
7892\n    align-items: center;\n    gap: 12px;\n    background: rgba(255,255,255,.985);\n    border: 1px solid var(--vad-border);\n    border-radius: 25px;\n    box-shadow:\n        0 20px 55px rgba(7,27,51,.10),\n        0 7px 28px rgba(0,184,148,.05);\n    pointer-events: auto !important;\n    transition: min-height .25s ease, box-shadow .25s ease, background .25s ease;\n}\n\n#vad-main-header.vad-scrolled .vad-header-shell {\n    min-height: 68px;\n    background: rgba(255,255,255,.95);\n    backdrop-filter: blur(18px);\n    -webkit-backdrop-filter: blur(18px);\n    box-shadow:\n        0 16px 45px rgba(7,27,51,.13),\n        0 7px 24px rgba(0,184,148,.07);\n}\n\n\u002F* =========================================================\n   LOGO\n========================================================= *\u002F\n#vad-main-header .vad-logo {\n    flex: 0 0 auto;\n    display: inline-flex;\n    align-items: center;\n    padding: 8px;\n    border-radius: 12px;\n    text-decoration: none;\n    direction: ltr !important;\n    white-space: nowrap;\n    pointer-events: auto !important;\n}\n\n#vad-main-header .vad-logo-inner {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    direction: ltr !important;\n    unicode-bidi: isolate;\n}\n\n#vad-main-header .vad-logo-vad,\n#vad-main-header .vad-logo-plus {\n    font-size: 26px;\n    font-weight: 900;\n    line-height: 1;\n    letter-spacing: -1.4px;\n}\n\n#vad-main-header .vad-logo-vad { color: var(--vad-navy); }\n#vad-main-header .vad-logo-plus { color: var(--vad-green); }\n\n#vad-main-header .vad-logo-dot {\n    width: 15px;\n    height: 15px;\n    border-radius: 50%;\n    background: var(--vad-green);\n    border: 4px solid rgba(0,184,148,.13);\n}\n\n\u002F* =========================================================\n   DESKTOP NAV\n========================================================= *\u002F\n#vad-main-header .vad-desktop-nav {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: clamp(1px, .4vw, 7px);\n    pointer-events: auto !important;\n}\n\n#vad-main-header .vad-nav-item {\n    position: static;\n}\n\n#vad-main-header .vad-nav-link,\n#vad-main-header .vad-nav-trigger {\n    position: relative;\n    min-height: 48px;\n    padding: 0 clamp(7px, .7vw, 12px);\n    border: 0;\n    outline: 0;\n    border-radius: 12px;\n    background: transparent;\n    color: var(--vad-navy);\n    text-decoration: none;\n    cursor: pointer !important;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 6px;\n    white-space: nowrap;\n    font-size: clamp(11.5px, .88vw, 14px);\n    font-weight: 700;\n    transition: color .18s ease, background .18s ease;\n    pointer-events: auto !important;\n}\n\n#vad-main-header .vad-nav-link:hover,\n#vad-main-header .vad-nav-trigger:hover,\n#vad-main-header .vad-nav-item.is-open .vad-nav-trigger {\n    color: var(--vad-green);\n    background: rgba(0,184,148,.065);\n}\n\n#vad-main-header .vad-nav-link::after,\n#vad-main-header .vad-nav-trigger::after {\n    content: \"\";\n    position: absolute;\n    right: 50%;\n    bottom: 3px;\n    width: 0;\n    height: 3px;\n    transform: translateX(50%);\n    border-radius: 30px;\n    background: var(--vad-green);\n    transition: width .2s ease;\n}\n\n#vad-main-header .vad-nav-link:hover::after,\n#vad-main-header .vad-nav-trigger:hover::after,\n#vad-main-header .vad-nav-item.is-open .vad-nav-trigger::after {\n    width: 24px;\n}\n\n#vad-main-header .vad-chevron {\n    width: 14px;\n    height: 14px;\n    transition: transform .2s ease;\n}\n\n#vad-main-header .vad-nav-item.is-open .vad-chevron {\n    transform: rotate(180deg);\n}\n\n\u002F* =========================================================\n   HEADER ACTIONS\n========================================================= *\u002F\n#vad-main-header .vad-header-actions {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    pointer-events: auto !important;\n}\n\n#vad-main-header .vad-academy-link {\n    min-height: 46px;\n    padding: 0 10px;\n    border-radius: 12px;\n    display: inline-flex;
7892\n    align-items: center;\n    gap: 7px;\n    color: var(--vad-navy);\n    text-decoration: none;\n    font-size: 11.5px;\n    font-weight: 800;\n    white-space: nowrap;\n    transition: background .18s ease, color .18s ease;\n    pointer-events: auto !important;\n}\n\n#vad-main-header .vad-academy-link:hover {\n    color: var(--vad-green);\n    background: rgba(7,27,51,.045);\n}\n\n#vad-main-header .vad-academy-icon {\n    width: 30px;\n    height: 30px;\n    border-radius: 9px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #FFFFFF;\n    background: var(--vad-navy);\n}\n\n#vad-main-header .vad-academy-icon svg { width: 15px; height: 15px; }\n\n#vad-main-header .vad-main-cta {\n    min-height: 48px;\n    padding: 0 17px;\n    border-radius: 13px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    color: #FFFFFF;\n    background: var(--vad-green);\n    text-decoration: none;\n    white-space: nowrap;\n    font-size: 13px;\n    font-weight: 900;\n    box-shadow: 0 10px 24px rgba(0,184,148,.20);\n    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;\n    pointer-events: auto !important;\n}\n\n#vad-main-header .vad-main-cta:hover {\n    transform: translateY(-2px);\n    background: var(--vad-green-hover);\n    box-shadow: 0 14px 30px rgba(0,184,148,.27);\n}\n\n\u002F* =========================================================\n   MEGA & SMALL PANELS\n========================================================= *\u002F\n#vad-main-header .vad-mega-panel,\n#vad-main-header .vad-small-panel {\n    display: none !important;\n    position: absolute;\n    z-index: 500;\n    top: calc(100% + 11px);\n    padding: 12px;\n    direction: rtl;\n    background: rgba(255,255,255,.995);\n    border: 1px solid rgba(7,27,51,.075);\n    border-radius: 23px;\n    box-shadow:\n        0 30px 80px rgba(7,27,51,.17),\n        0 10px 35px rgba(0,184,148,.065);\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none !important;\n    transform-origin: top center;\n    transition: opacity .18s ease, visibility .18s ease, transform .18s ease;\n}\n\n#vad-main-header .vad-mega-panel {\n    left: 50%;\n    width: min(1080px, calc(100vw - 38px));\n    transform: translateX(-50%) translateY(8px) scale(.99);\n}\n\n#vad-main-header .vad-mega-panel.is-open {\n    display: block !important;\n    opacity: 1;\n    visibility: visible;\n    pointer-events: auto !important;\n    transform: translateX(-50%) translateY(0) scale(1);\n}\n\n\u002F* FIXED: ABOUT SMALL PANEL POSITIONING *\u002F\n#vad-main-header .vad-small-panel {\n    width: 240px;\n    padding: 9px;\n    border-radius: 17px;\n    transform: translateX(-50%) translateY(7px);\n}\n\n#vad-main-header .vad-small-panel.is-open {\n    display: block !important;\n    opacity: 1;\n    visibility: visible;\n    pointer-events: auto !important;\n    transform: translateX(-50%) translateY(0);\n}\n\n#vad-main-header [data-panel=\"trainers\"] { width: min(1040px, calc(100vw - 38px)); }\n#vad-main-header [data-panel=\"companies\"] { width: min(1160px, calc(100vw - 38px)); }\n#vad-main-header [data-panel=\"learn\"] { width: min(1030px, calc(100vw - 38px)); }\n\n\u002F* =========================================================\n   MEGA CONTENT\n========================================================= *\u002F\n#vad-main-header .vad-mega-intro {\n    position: relative;\n    overflow: hidden;\n    padding: 18px 21px;\n    margin-bottom: 11px;\n    border-radius: 17px;\n    color: #FFFFFF;\n    background: linear-gradient(120deg, var(--vad-navy), var(--vad-navy-light));\n}\n\n#vad-main-header .vad-mega-intro::after {\n    content: \"\";\n    position: absolute;\n    width: 170px;\n    height: 170px;\n    left: -75px;\n    bottom: -125px;\n    border-radius: 50%;\n    background: rgba(0,184,148,.90);\n}\n\n#vad-main-header .vad-mega-kicker {\n    position: relative;\n    z-index: 2;\n    display: block;\n    margin-bottom: 3px;\n    color: #5BE5CB;\n    font-size: 10px;\n    font-weight: 900;\n}\n\n#vad-main-header .vad-mega-title {\n    position: relative;\n    z-index: 2;\n    margin: 0;\n    color: #FFFFFF;\n    font-size: 19px;\n    line-height: 1.6;\n    font-weight: 900;\n}\n\n#vad-main-header .vad-mega-description {\n    position: relative;\n    z-index: 2;\n    max-width: 720px;\n    margin: 3px 0 0;\n    color: rgba(255,255,255,.70);\n    font-size: 12px;\n    line-height: 1.8;\n}\n\n#vad-main-header .vad-mega-grid { display: grid; gap: 10px; }\n#vad-main-header .vad-grid-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }\n\n#vad-main-header .vad-mega-column {\n    min-width: 0;\n    padding: 12px;\n    border: 1px solid rgba(7,27,51,.06);\n    border-radius: 16px;\n    background: #FCFDFD;\n}\n\n#vad-main-header .vad-column-title {\n    margin: 0 0 8px;\n    padding: 0 3px 8px;\n    border-bottom: 1px solid rgba(7,27,51,.065);\n    display: flex;
7892\n    align-items: center;\n    gap: 7px;\n    color: var(--vad-navy);\n    font-size: 11px;\n    font-weight: 900;\n}\n\n#vad-main-header .vad-column-line {\n    width: 18px;\n    height: 3px;\n    border-radius: 20px;\n    background: var(--vad-green);\n}\n\n#vad-main-header .vad-mega-link {\n    width: 100%;\n    min-height: 45px;\n    padding: 8px 9px;\n    margin-bottom: 3px;\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    gap: 9px;\n    color: var(--vad-text);\n    text-decoration: none;\n    transition: background .18s ease, color .18s ease, transform .18s ease;\n    cursor: pointer !important;\n}\n\n#vad-main-header .vad-mega-link:hover {\n    color: var(--vad-green);\n    background: var(--vad-green-soft);\n    transform: translateX(-2px);\n}\n\n#vad-main-header .vad-mega-dot {\n    width: 6px;\n    height: 6px;\n    flex: 0 0 6px;\n    border-radius: 50%;\n    background: var(--vad-green);\n}\n\n#vad-main-header .vad-mega-link-content { min-width: 0; flex: 1; }\n#vad-main-header .vad-mega-link-title { display: block; color: inherit; font-size: 12.5px; line-height: 1.6; font-weight: 800; }\n#vad-main-header .vad-mega-link-desc { display: block;
7892 margin-top: 1px; color: var(--vad-muted); font-size: 10.5px; line-height: 1.65; }\n\n#vad-main-header .vad-featured {\n    min-height: 103px;\n    margin-bottom: 7px;\n    padding: 14px;\n    border: 1px solid rgba(0,184,148,.20);\n    border-radius: 14px;\n    display: block;\n    text-decoration: none;\n    background: linear-gradient(135deg, rgba(0,184,148,.09), rgba(255,255,255,.96));\n    cursor: pointer !important;\n    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;\n}\n\n#vad-main-header .vad-featured:hover {\n    transform: translateY(-2px);\n    border-color: rgba(0,184,148,.35);\n    box-shadow: 0 11px 26px rgba(7,27,51,.06);\n}\n\n#vad-main-header .vad-featured-badge {\n    display: inline-flex;\n    padding: 4px 8px;\n    margin-bottom: 6px;\n    border-radius: 30px;\n    color: var(--vad-green);\n    background: rgba(0,184,148,.10);\n    font-size: 9px;\n    font-weight: 900;\n}\n\n#vad-main-header .vad-featured-title { display: block; color: var(--vad-navy); font-size: 14px; line-height: 1.6; font-weight: 900; }\n#vad-main-header .vad-featured-text { display: block; margin-top: 2px; color: var(--vad-muted); font-size: 10.5px; line-height: 1.75; }\n\n#vad-main-header .vad-course-card {\n    position: relative;\n    min-height: 162px;\n    padding: 17px;\n    overflow: hidden;\n    border: 1px solid rgba(7,27,51,.075);\n    border-radius: 16px;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    color: var(--vad-navy);\n    background: #FCFDFD;\n    text-decoration: none;\n    cursor: pointer !important;\n    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease;\n}\n\n#vad-main-header .vad-course-card:hover {\n    transform: translateY(-4px);\n    border-color: rgba(0,184,148,.30);\n    background: linear-gradient(145deg, rgba(0,184,148,.09), #FFFFFF 62%);\n    box-shadow: 0 16px 34px rgba(7,27,51,.09);\n}\n\n#vad-main-header .vad-course-icon {\n    width: 38px;\n    height: 38px;\n    margin-bottom: 12px;\n    border-radius: 11px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--vad-green);\n    background: rgba(0,184,148,.10);\n}\n\n#vad-main-header .vad-course-icon svg { width: 19px; height: 19px; }\n#vad-main-header .vad-course-kicker { margin-bottom: 3px; color: var(--vad-green); font-size: 9px; font-weight: 900; }\n#vad-main-header .vad-course-title { display: block; color: var(--vad-navy); font-size: 14px; line-height: 1.6; font-weight: 900; }\n#vad-main-header .vad-course-text { display: block; margin-top: 4px; padding-left: 25px; color: var(--vad-muted); font-size: 10.5px; line-height: 1.7; font-weight: 600; }\n#vad-main-header .vad-course-arrow { position: absolute; left: 15px; bottom: 14px; color: var(--vad-green); font-size: 17px; font-weight: 900; transition: transform .2s ease; }\n#vad-main-header .vad-course-card:hover .vad-course-arrow { transform: translateX(-3px); }\n\n#vad-main-header .vad-courses-all {\n    width: fit-content;\n    min-height: 43px;\n    margin: 11px auto 0;\n    padding: 0 17px;\n    border-radius: 11px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 9px;\n    color: #FFFFFF;\n    background: var(--vad-navy);\n    text-decoration: none;\n    font-size: 11.5px;\n    font-weight: 900;\n    cursor: pointer !important;\n    transition: transform .18s ease, background .18s ease;\n}\n\n#vad-main-header .vad-courses-all:hover { transform: translateY(-2px); background: var(--vad-green); }\n\n\u002F* =========================================================\n   MOBILE BUTTON & DRAWER\n========================================================= *\u002F\n#vad-main-header .vad-mobile-open {\n    display: none;\n    width: 43px;\n    height: 43px;\n    padding: 0;\n    border: 0;\n    border-radius: 11px;\n    align-items: center;\n    justify-content: center;\n    color: #FFFFFF;\n    background: var(--vad-navy);\n    cursor: pointer !important;\n    pointer-events: auto !important;\n}
7892\n\n#vad-main-header .vad-mobile-open svg { width: 20px; height: 20px; }\n\n#vad-mobile-overlay {\n    display: none !important;\n    position: fixed;\n    inset: 0;\n    z-index: 2147483001;\n    background: rgba(7,27,51,.53);\n    backdrop-filter: blur(4px);\n    -webkit-backdrop-filter: blur(4px);\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none !important;\n}\n\n#vad-mobile-overlay.is-open {\n    display: block !important;\n    opacity: 1;\n    visibility: visible;\n    pointer-events: auto !important;\n}\n\n#vad-mobile-drawer {\n    position: fixed;\n    z-index: 2147483002;\n    top: 9px;\n    right: 9px;\n    bottom: 9px;\n    width: min(430px, calc(100vw - 18px));\n    overflow-y: auto;\n    overflow-x: hidden;\n    overscroll-behavior: contain;\n    border-radius: 23px;\n    background: #FFFFFF;\n    box-shadow: -24px 0 80px rgba(7,27,51,.24);\n    direction: rtl;\n    transform: translateX(calc(100% + 30px));\n    pointer-events: none !important;\n    transition: transform .31s cubic-bezier(.22,.8,.3,1);\n}\n\n#vad-mobile-drawer.is-open {\n    transform: translateX(0);\n    pointer-events: auto !important;\n}\n\n.vad-mobile-head {\n    position: sticky;\n    z-index: 10;\n    top: 0;\n    min-height: 72px;\n    padding: 0 17px;\n    border-bottom: 1px solid rgba(7,27,51,.08);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background: rgba(255,255,255,.97);\n    backdrop-filter: blur(12px);\n}\n\n.vad-mobile-brand { display: inline-flex; align-items: center; gap: 4px; direction: ltr !important; text-decoration: none; font-size: 21px; font-weight: 900; }\n.vad-mobile-brand-vad { color: #071B33; }\n.vad-mobile-brand-plus { color: #00B894; }\n\n.vad-mobile-close {\n    width: 39px;\n    height: 39px;\n    padding: 0;\n    border: 0;\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #071B33;\n    background: #F1F6F5;\n    cursor: pointer;\n}\n\n.vad-mobile-close svg { width: 18px; height: 18px; }\n.vad-mobile-content { padding: 10px 17px 27px; }\n\n.vad-mobile-link, .vad-mobile-toggle {\n    width: 100%;\n    min-height: 56px;\n    padding: 0 2px;\n    border: 0;\n    border-bottom: 1px solid rgba(7,27,51,.07);\n    background: transparent;\n    color: #071B33;\n    text-decoration: none;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px;\n    text-align: right;\n    font-size: 14.5px;\n    font-weight: 800;\n}\n\n.vad-mobile-toggle svg { width: 15px; height: 15px; transition: transform .2s ease; }\n.vad-mobile-section.is-open .vad-mobile-toggle svg { transform: rotate(180deg); }\n.vad-mobile-submenu { max-height: 0; overflow: hidden; transition: max-height .35s ease; }\n.vad-mobile-section.is-open .vad-mobile-submenu { max-height: 1500px; }\n.vad-mobile-sub-inner { padding: 7px 0 12px; }\n.vad-mobile-category { padding: 10px 8px 4px; color: #00B894; font-size: 9.5px; font-weight: 900; }\n\n.vad-mobile-sub-link {\n    width: 100%;\n    min-height: 45px;\n    padding: 7px 10px;\n    border-radius: 9px;\n    display: flex;\n    align-items: center;\n    gap: 9px;\n    color: #56687A;\n    text-decoration: none;\n    font-size: 12.5px;\n    font-weight: 700;\n    transition: background .18s ease, color .18s ease;\n}\n\n.vad-mobile-sub-link:hover { color: #071B33; background: rgba(0,184,148,.07); }\n.vad-mobile-dot { width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: #00B894; }\n\n.vad-mobile-featured {\n    margin: 7px 0;\n    padding: 12px;\n    border: 1px solid rgba(0,184,148,.17);\n    border-radius: 12px;\n    display: block;\n    background: rgba(0,184,148,.055);\n    color: #071B33;\n    text-decoration: none;\n    cursor: pointer;\n}\n\n.vad-mobile-featured strong { display: block; margin-bottom: 2px; font-size: 13px; font-weight: 900; }\n.vad-mobile-featured span { display: block; color: #718096; font-size: 10.5px; line-height: 1.7; }\n.vad-mobile-courses { display: grid; gap: 8px; }\n\n.vad-mobile-course {\n    min-height: 76px;\n    padding: 11px;\n    border: 1px solid rgba(7,27,51,.07);\n    border-radius: 12px;\n    display: flex;
7892\n    align-items: center;\n    gap: 11px;\n    color: #071B33;\n    background: #FCFDFD;\n    text-decoration: none;\n}\n\n.vad-mobile-course-icon {\n    width: 36px;\n    height: 36px;\n    flex: 0 0 36px;\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #00B894;\n    background: rgba(0,184,148,.09);\n}\n\n.vad-mobile-course-icon svg { width: 18px; height: 18px; }\n.vad-mobile-course-copy { min-width: 0; flex: 1; }\n.vad-mobile-course-copy strong { display: block; font-size: 12.5px; line-height: 1.6; font-weight: 900; }\n.vad-mobile-course-copy span { display: block; margin-top: 1px; color: #718096; font-size: 10px; line-height: 1.6; }\n\n.vad-mobile-view-all {\n    min-height: 45px;\n    margin-top: 9px;\n    padding: 0 13px;\n    border-radius: 11px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    color: #FFFFFF;\n    background: #071B33;\n    text-decoration: none;\n    font-size: 12px;\n    font-weight: 900;\n}\n\n.vad-mobile-actions { margin-top: 19px; display: grid; gap: 8px; }\n.vad-mobile-academy {\n    min-height: 50px;\n    padding: 0 15px;\n    border: 1px solid rgba(7,27,51,.10);\n    border-radius: 13px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #071B33;\n    background: #FFFFFF;\n    text-decoration: none;\n    font-size: 13px;\n    font-weight: 800;\n}\n\n.vad-mobile-cta {\n    min-height: 52px;\n    padding: 0 15px;\n    border-radius: 13px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    color: #FFFFFF;\n    background: #00B894;\n    text-decoration: none;\n    font-size: 14px;\n    font-weight: 900;\n    box-shadow: 0 10px 24px rgba(0,184,148,.20);\n}\n\n\u002F* =========================================================\n   QUIZ POPUP MODAL (FIXED: ZERO INTERFERENCE WHEN CLOSED)\n========================================================= *\u002F\n#vad-quiz-modal {\n    display: none !important;\n    position: fixed;\n    inset: 0;\n    z-index: 2147483010;\n    align-items: center;\n    justify-content: center;\n    padding: 16px;\n    background: rgba(7, 27, 51, 0.7);\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none !important;\n}\n\n#vad-quiz-modal.is-active {\n    display: flex !important;\n    opacity: 1 !important;\n    visibility: visible !important;\n    pointer-events: auto !important;\n}\n\n.vad-quiz-container {\n    position: relative;\n    width: 100%;\n    max-width: 680px;\n    max-height: 90vh;\n    background: #FFFFFF;\n    border-radius: 24px;\n    box-shadow: 0 25px 70px rgba(7, 27, 51, 0.35);\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    direction: rtl;\n    transform: scale(0.95) translateY(12px);\n    transition: transform .25s cubic-bezier(.22,.8,.3,1);\n    pointer-events: auto !important;\n}\n\n#vad-quiz-modal.is-active .vad-quiz-container {\n    transform: scale(1) translateY(0);\n}\n\n.vad-quiz-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 14px 20px;\n    border-bottom: 1px solid rgba(7, 27, 51, 0.08);\n    background: #FAFCFC;\n}\n\n.vad-quiz-header h4 { margin: 0; font-size: 15px; font-weight: 900; color: var(--vad-navy); }\n.vad-quiz-close { width: 36px; height: 36px; border-radius: 10px; border: none; background: rgba(7, 27, 51, 0.06); color: var(--vad-navy); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }\n.vad-quiz-close:hover { background: rgba(239, 68, 68, 0.12); color: #EF4444; }\n.vad-quiz-body { flex: 1; overflow-y: auto; padding: 12px; min-height: 480px; }\n.vad-quiz-body iframe { width: 100%; min-height: 520px; border: none; }\n\n\u002F* =========================================================\n   MEDIA QUERIES\n========================================================= *\u002F\n@media (max-width: 1440px) {\n    #vad-main-header { padding: 12px 12px 0; }\n    #vad-main-header .vad-header-shell { gap: 8px; padding: 8px 10px; }\n    #vad-main-header .vad-logo-vad, #vad-main-header .vad-logo-plus { font-size: 23px; }\n    #vad-main-header .vad-nav-link, #vad-main-header .vad-nav-trigger { padding: 0 7px; font-size: 12px; }\n    #vad-main-header .vad-main-cta { padding: 0 13px; font-size: 12px; }\n}\n\n@media (max-width: 1250px) {\n    #vad-main-header .vad-academy-link span:last-child { display: none; }\n    #vad-main-header .vad-nav-link, #vad-main-header .vad-nav-trigger { padding: 0 5px; font-size: 11px; }\n}\n\n@media (max-width: 1180px) {\n    #vad-main-header { padding: 10px 11px 0; }\n    #vad-main-header .vad-header-shell {\n        min-height: 67px;\n        padding: 7px 11px;\n        border-radius: 20px;\n        justify-content: space-between;\n    }\n    #vad-main-header.vad-scrolled .vad-header-shell { min-height: 61px; }\n    #vad-main-header .vad-desktop-nav,\n    #vad-main-header .vad-header-actions,\n    #vad-main-header .vad-mega-panel,\n    #vad-main-header .vad-small-panel {\n        display: none !important;\n    }\n    #vad-main-header .vad-mobile-open { display: flex; }\n    #vad-main-header .vad-logo-vad, #vad-main-header .vad-logo-plus { font-size: 22px; }\n}\n\n@media (max-width: 520px) {\n    #vad-main-header { padding: 7px 7px 0; }\n    #vad-main-header .vad-header-shell { min-height: 59px; padding: 5px 8px; border-radius: 16px; }\n    #vad-main-header .vad-logo-vad, #vad-main-header .vad-logo-plus { font-size: 19px; }\n    #vad-main-header .vad-logo-dot { width: 11px; height: 11px; border-width: 3px; }\n    #vad-main-header .vad-mobile-open { width: 38px; height: 38px; border-radius: 9px; }\n}\n\u003C\u002Fstyle>\n\n\u003Cscript>\n(function () {\n\"use strict\";\n\nif (window.__VAD_PLUS_HEADER_2026__) {\n    return;\n}\nwindow.__VAD_PLUS_HEADER_2026__ = true;\n\n\u002F* =========================================================\n   URLS CONFIGURATION\n========================================================= *\u002F\nconst VAD_LINKS = {\n    home: \"https:\u002F\u002Fvad-academy.com\u002Fhome-248627\",\n    founder: \"https:\u002F\u002Fvad-academy.com\u002Fmohammedalarda\",\n    team: \"https:\u002F\u002Fvad-academy.com\u002Fteam\",\n    contact: \"#footer\",\n    vadCourses: \"https:\u002F\u002Fvad-academy.com\u002Fvadcourses\",\n    companiesMain: \"https:\u002F\u002Fvad-academy.com\u002Fcompanies\",\n    quizCompanies: \"https:\u002F\u002Fapi.vad-academy.com\u002Fwidget\u002Fquiz\u002FYNPkarv5dCc3DpnfP5gN\",\n    trainersMain: \"https:\u002F\u002Fvad-academy.com\u002Ftrariners\",\n    quizTrainers: \"https:\u002F\u002Fapi.vad-academy.com\u002Fwidget\u002Fquiz\u002FGHDemGMPjs08eVD3O3gZ\",\n    academy: \"https:\u002F\u002Fportal.vad-academy.com\u002Flogin\",\n    start: \"https:\u002F\u002Fwa.me\u002Fmessage\u002F5OAWVMHWQO34A1\"\n};\n\nfunction url(key) {\n    const val = VAD_LINKS[key];\n    return (typeof val === \"string\" && val.trim() !== \"\") ? val.trim() : \"#\";\n}\n\nfunction chevron() {\n    return `\n        \u003Csvg class=\"vad-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n            \u003Cpath d=\"m6 9 6 6 6-6\">\u003C\u002Fpath>\n        \u003C\u002Fsvg>\n    `;\n}\n\nfunction loginIcon() {\n    return `\n        \u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n            \u003Cpath d=\"M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4\">\u003C\u002Fpath>\n            \u003Cpath d=\"m10 17 5-5-5-5\">\u003C\u002Fpath>\n            \u003Cpath d=\"M15 12H3\">\u003C\u002Fpath>\n        \u003C\u002Fsvg>\n    `;\n}\n\n\u002F* =========================================================\n   BUILD HEADER HTML\n========================================================= *\u002F\nfunction buildHeader() {\n    document.querySelectorAll(\"#vad-header-mount, #vad-main-header, #vad-mobile-overlay, #vad-mobile-drawer, #vad-quiz-modal\").forEach(el => el.remove());\n\n    const mount = document.createElement(\"div\");\n    mount.id = \"vad-header-mount\";\n\n    mount.innerHTML = `\n\u003Cheader id=\"vad-main-header\" aria-label=\"التنقل الرئيسي\">\n\u003Cdiv class=\"vad-header-shell\">\n\n    \u003C!-- LOGO -->\n    \u003Ca href=\"${url(\"home\")}\" class=\"vad-logo\" data-vad-page=\"home\" aria-label=\"VAD Plus الرئيسية\">\n        \u003Cspan class=\"vad-logo-inner\">\n            \u003Cspan class=\"vad-logo-vad\">VAD\u003C\u002Fspan>\n            \u003Cspan class=\"vad-logo-plus\">PLUS\u003C\u002Fspan>\n            \u003Cspan class=\"vad-logo-dot\">\u003C\u002Fspan>\n        \u003C\u002Fspan>\n    \u003C\u002Fa>\n\n    \u003C!-- DESKTOP NAV -->\n    \u003Cnav class=\"vad-desktop-nav\" aria-label=\"القائمة الرئيسية\">\n        \u003Cdiv class=\"vad-nav-item\">\n            \u003Ca href=\"${url(\"home\")}\" class=\"vad-nav-link\" data-vad-page=\"home\">الرئيسية\u003C\u002Fa>\n        \u003C\u002Fdiv>\n\n        \u003Cdiv class=\"vad-nav-item\">\n            \u003Cbutton type=\"button\" class=\"vad-nav-trigger vad-menu-trigger\" data-menu=\"trainers\" aria-expanded=\"false\" aria-haspopup=\"true\">\n                للمدربين وأصحاب الخبرات\n                ${chevron()}\n            \u003C\u002Fbutton>\n        \u003C\u002Fdiv>\n\n        \u003Cdiv class=\"vad-nav-item\">\n            \u003Cbutton type=\"button\" class=\"vad-nav-trigger vad-menu-trigger\" data-menu=\"companies\" aria-expanded=\"false\" aria-haspopup=\"true\">\n                للشركات والمؤسسات\n                ${chevron()}\n            \u003C\u002Fbutton>\n        \u003C\u002Fdiv>\n\n        \u003Cdiv class=\"vad-nav-item\">\n            \u003Cbutton type=\"button\" class=\"vad-nav-trigger vad-menu-trigger\" data-menu=\"learn\" aria-expanded=\"false\" aria-haspopup=\"true\">\n                تعلّم\n                ${chevron()}\n            \u003C\u002Fbutton>\n        \u003C\u002Fdiv>\n\n        \u003Cdiv class=\"vad-nav-item\">\n            \u003Cbutton type=\"button\" class=\"vad-nav-trigger vad-menu-trigger\" data-menu=\"about\" aria-expanded=\"false\" aria-haspopup=\"true\">\n                عن VAD Plus\n                ${chevron()}\n            \u003C\u002Fbutton>\n        \u003C\u002Fdiv>\n    \u003C\u002Fnav>\n\n    \u003C!-- ACTIONS -->\n    \u003Cdiv class=\"vad-header-actions\">\n        \u003Ca href=\"${url(\"academy\")}\" class=\"vad-academy-link\" data-vad-page=\"academy\">\n            \u003Cspan class=\"vad-academy-icon\">${loginIcon()}\u003C\u002Fspan>\n            \u003Cspan>
7892دخول الأكاديمية\u003C\u002Fspan>\n        \u003C\u002Fa>\n\n        \u003Ca href=\"${url(\"start\")}\" class=\"vad-main-cta\" data-vad-page=\"start\" target=\"_blank\" rel=\"noopener noreferrer\">\n            ابدأ عبر واتساب\n            \u003Cspan aria-hidden=\"true\">←\u003C\u002Fspan>\n        \u003C\u002Fa>\n    \u003C\u002Fdiv>\n\n    \u003C!-- MOBILE OPEN -->\n    \u003Cbutton type=\"button\" class=\"vad-mobile-open\" id=\"vad-mobile-open\" aria-label=\"فتح القائمة\" aria-expanded=\"false\">\n        \u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n            \u003Cpath d=\"M4 7h16\">\u003C\u002Fpath>\n            \u003Cpath d=\"M4 12h12\">\u003C\u002Fpath>\n            \u003Cpath d=\"M4 17h16\">\u003C\u002Fpath>\n        \u003C\u002Fsvg>\n    \u003C\u002Fbutton>\n\n    \u003C!-- TRAINERS MEGA -->\n    \u003Cdiv class=\"vad-mega-panel\" id=\"vad-panel-trainers\" data-panel=\"trainers\">\n        \u003Cdiv class=\"vad-mega-intro\">\n            \u003Cspan class=\"vad-mega-kicker\">VAD PLUS FOR TRAINERS\u003C\u002Fspan>\n            \u003Ch3 class=\"vad-mega-title\">من خبرتك إلى دخل منظّم ومتكرر\u003C\u002Fh3>\n            \u003Cp class=\"vad-mega-description\">شخّص منظومتك، تعلّم كيف تبنيها، ثم اجذب الجمهور المناسب بالمنظومات التسويقية.\u003C\u002Fp>\n        \u003C\u002Fdiv>\n\n        \u003Cdiv class=\"vad-mega-grid vad-grid-3\">\n            \u003Cdiv class=\"vad-mega-column\">\n                \u003Cdiv class=\"vad-column-title\">\u003Cspan class=\"vad-column-line\">\u003C\u002Fspan>ابدأ من هنا\u003C\u002Fdiv>\n                \u003Ca href=\"${url(\"quizTrainers\")}\" class=\"vad-featured vad-quiz-trigger\" data-quiz=\"trainers\">\n                    \u003Cspan class=\"vad-featured-badge\">تشخيص سريع\u003C\u002Fspan>\n                    \u003Cspan class=\"vad-featured-title\">قيّم منظومتك\u003C\u002Fspan>\n                    \u003Cspan class=\"vad-featured-text\">خذ اختبارًا تفاعلياً واكتشف نقاط القوة والفجوات والخطوة الأهم التالية.\u003C\u002Fspan>\n                \u003C\u002Fa>\n            \u003C\u002Fdiv>\n\n            \u003Cdiv class=\"vad-mega-column\">\n                \u003Cdiv class=\"vad-column-title\">\u003Cspan class=\"vad-column-line\">\u003C\u002Fspan>ابنِ منظومة دخلك\u003C\u002Fdiv>\n                \u003Ca href=\"${url(\"trainersMain\")}\" class=\"vad-featured\">\n                    \u003Cspan class=\"vad-featured-badge\">برنامج تدريبي\u003C\u002Fspan>\n                    \u003Cspan class=\"vad-featured-title\">Trainer Income System\u003C\u002Fspan>\n                    \u003Cspan class=\"vad-featured-text\">تدريب عملي لبناء العرض ومسار البيع وتحويل الخبرة إلى دخل منظّم ومتكرر.\u003C\u002Fspan>\n                \u003C\u002Fa>\n            \u003C\u002Fdiv>\n\n            \u003Cdiv class=\"vad-mega-column\">\n                \u003Cdiv class=\"vad-column-title\">\u003Cspan class=\"vad-column-line\">\u003C\u002Fspan>نمِّ حضورك ومبيعاتك\u003C\u002Fdiv>\n                \u003Ca href=\"${url(\"trainersMain\")}\" class=\"vad-mega-link\">\n                    \u003Cspan class=\"vad-mega-dot\">\u003C\u002Fspan>\n                    \u003Cspan class=\"vad-mega-link-content\">\n                        \u003Cspan class=\"vad-mega-link-title\">إدارة حملات Meta للمدربين\u003C\u002Fspan>\n                        \u003Cspan class=\"vad-mega-link-desc\">حملات مدروسة لجذب المتدرب المناسب وتحويل الاهتمام إلى تسجيل.\u003C\u002Fspan>\n                    \u003C\u002Fspan>\n                \u003C\u002Fa>\n                \u003Ca href=\"${url(\"trainersMain\")}\" class=\"vad-mega-link\">\n                    \u003Cspan class=\"vad-mega-dot\">\u003C\u002Fspan>\n                    \u003Cspan class=\"vad-mega-link-content\">\n                        \u003Cspan class=\"vad-mega-link-title\">إدارة محتوى يحوّل الخبرة إلى طلب\u003C\u002Fspan>\n                        \u003Cspan class=\"vad-mega-link-desc\">محتوى يبني الثقة والسلطة ويهيّئ جمهورك لاتخاذ قرار الشراء.\u003C\u002Fspan>\n                    \u003C\u002Fspan>\n                \u003C\u002Fa>\n            \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n\n    \u003C!-- COMPANIES MEGA -->\n    \u003Cdiv class=\"vad-mega-panel\" id=\"vad-panel-companies\" data-panel=\"companies\">\n        \u003Cdiv class=\"vad-mega-intro\">\n            \u003Cspan class=\"vad-mega-kicker\">VAD PLUS FOR BUSINESS\u003C\u002Fspan>\n            \u003Ch3 class=\"vad-mega-title\">شخصّ المشكلة، ابنِ النظام، ثم شغّل النمو\u003C\u002Fh3>\n            \u003Cp class=\"vad-mega-description\">خدمات متكاملة للشركات تبدأ بالتشخيص وتطوير المنظومات وتنتهي بإدارة الإعلانات والنمو.\u003C\u002Fp>\n        \u003C\u002Fdiv>\n\n        \u003Cdiv class=\"vad-mega-grid vad-grid-3\">\n            \u003Cdiv class=\"vad-mega-column\">\n                \u003Cdiv class=\"vad-column-title\">\u003Cspan class=\"vad-column-line\">\u003C\u002Fspan>ابدأ بالتشخيص\u003C\u002Fdiv>\n                \u003Ca href=\"${url(\"quizCompanies\")}\" class=\"vad-featured vad-quiz-trigger\" data-quiz=\"companies\">\n                    \u003Cspan class=\"vad-featured-badge\">نقطة البداية\u003C\u002Fspan>\n                    \u003Cspan class=\"vad-featured-title\">التدقيق التسويقي\u003C\u002Fspan>\n                    \u003Cspan class=\"vad-featured-text\">تشخيص الاستراتيجية والحملات ومسار العميل مع أولويات واضحة وخارطة تØ
7892·ÙˆÙŠØ±.\u003C\u002Fspan>\n                \u003C\u002Fa>\n            \u003C\u002Fdiv>\n\n            \u003Cdiv class=\"vad-mega-column\">\n                \u003Cdiv class=\"vad-column-title\">\u003Cspan class=\"vad-column-line\">\u003C\u002Fspan>ابنِ نظام النمو\u003C\u002Fdiv>\n                \u003Ca href=\"${url(\"companiesMain\")}\" class=\"vad-mega-link\">\n                    \u003Cspan class=\"vad-mega-dot\">\u003C\u002Fspan>\n                    \u003Cspan class=\"vad-mega-link-content\">\n                        \u003Cspan class=\"vad-mega-link-title\">الاستراتيجية والعروض والمحتوى\u003C\u002Fspan>\n                        \u003Cspan class=\"vad-mega-link-desc\">تموضع أوضح، عرض أقوى ورسائل تحرّك العميل نحو القرار.\u003C\u002Fspan>\n                    \u003C\u002Fspan>\n                \u003C\u002Fa>\n                \u003Ca href=\"${url(\"companiesMain\")}\" class=\"vad-mega-link\">\n                    \u003Cspan class=\"vad-mega-dot\">\u003C\u002Fspan>\n                    \u003Cspan class=\"vad-mega-link-content\">\n                        \u003Cspan class=\"vad-mega-link-title\">مسار المبيعات وCRM والأتمتة\u003C\u002Fspan>\n                        \u003Cspan class=\"vad-mega-link-desc\">ربط جذب العميل بالمتابعة والتحويل وإعادة البيع.\u003C\u002Fspan>\n                    \u003C\u002Fspan>\n                \u003C\u002Fa>\n            \u003C\u002Fdiv>\n\n            \u003Cdiv class=\"vad-mega-column\">\n                \u003Cdiv class=\"vad-column-title\">\u003Cspan class=\"vad-column-line\">\u003C\u002Fspan>شغّل وطوّر\u003C\u002Fdiv>\n                \u003Ca href=\"${url(\"companiesMain\")}\" class=\"vad-mega-link\">\n                    \u003Cspan class=\"vad-mega-dot\">\u003C\u002Fspan>\n                    \u003Cspan class=\"vad-mega-link-content\">\n                        \u003Cspan class=\"vad-mega-link-title\">إدارة حملات Meta\u003C\u002Fspan>\n                        \u003Cspan class=\"vad-mega-link-desc\">إدارة الحملات وربط الميزانية بهدف تجاري واضح ومؤشرات دقيقة.\u003C\u002Fspan>\n                    \u003C\u002Fspan>\n                \u003C\u002Fa>\n                \u003Ca href=\"${url(\"companiesMain\")}\" class=\"vad-mega-link\">\n                    \u003Cspan class=\"vad-mega-dot\">\u003C\u002Fspan>\n                    \u003Cspan class=\"vad-mega-link-content\">\n                        \u003Cspan class=\"vad-mega-link-title\">تدريب وتطوير فريق التسويق\u003C\u002Fspan>\n                        \u003Cspan class=\"vad-mega-link-desc\">تدريب عملي يرفع قدرة الفريق على التخطيط والتنفيذ.\u003C\u002Fspan>\n                    \u003C\u002Fspan>\n                \u003C\u002Fa>\n            \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n\n    \u003C!-- LEARN MEGA -->\n    \u003Cdiv class=\"vad-mega-panel\" id=\"vad-panel-learn\" data-panel=\"learn\">\n        \u003Cdiv class=\"vad-mega-intro\">\n            \u003Cspan class=\"vad-mega-kicker\">VAD PLUS LEARNING\u003C\u002Fspan>\n            \u003Ch3 class=\"vad-mega-title\">اختر مسارك التدريبي الأنسب\u003C\u002Fh3>\n            \u003Cp class=\"vad-mega-description\">تدريبات عملية ونظم تسويقية مبنية على نتائجنا الميدانية في إدارة الحملات والمنظومات.\u003C\u002Fp>\n        \u003C\u002Fdiv>\n\n        \u003Cdiv class=\"vad-mega-grid vad-grid-3\">\n            \u003Ca href=\"${url(\"vadCourses\")}\" class=\"vad-course-card\">\n                \u003Cspan class=\"vad-course-icon\">\n                    \u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\">\u003Cpath d=\"M4 19V10\"\u002F>\u003Cpath d=\"M10 19V5\"\u002F>\u003Cpath d=\"M16 19v-7\"\u002F>\u003Cpath d=\"M22 19V3\"\u002F>\u003C\u002Fsvg>\n                \u003C\u002Fspan>\n                \u003Cspan class=\"vad-course-kicker\">META ADS & GROWTH\u003C\u002Fspan>\n                \u003Cspan class=\"vad-course-title\">الإعلانات الممولة\u003C\u002Fspan>\n                \u003Cspan class=\"vad-course-text\">مسار متكامل لكل من يريد احتراف إدارة وإطلاق حملات إعلانية ممولة وتحقيق عائد مباشر.\u003C\u002Fspan>\n                \u003Cspan class=\"vad-course-arrow\" aria-hidden=\"true\">←\u003C\u002Fspan>\n            \u003C\u002Fa>\n\n            \u003Ca href=\"${url(\"vadCourses\")}\" class=\"vad-course-card\">\n                \u003Cspan class=\"vad-course-icon\">\n                    \u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\">\u003Cpath d=\"M4 5h16v11H4z\"\u002F>\u003Cpath d=\"m8 21 4-5 4 5\"\u002F>\u003Cpath d=\"M8 10h8\"\u002F>\u003C\u002Fsvg>\n                \u003C\u002Fspan>\n                \u003Cspan class=\"vad-course-kicker\">للمدربين وأصحاب الخبرات\u003C\u002Fspan>\n                \u003Cspan class=\"vad-course-title\">تسويق وتمويل للمدربين\u003C\u002Fspan>\n                \u003Cspan class=\"vad-course-text\">كورسات ومنظومات عملية مخصصة للمدربين لتسويق برامجهم وبناء عروضهم وتحقيق دخل مستمر.\u003C\u002Fspan>\n                \u003Cspan class=\"vad-course-arrow\" aria-hidden=\"true\">←\u003C\u002Fspan>\n            \u003C\u002Fa>\n\n            \u003Ca href=\"${url(\"vadCourses\")}\" class=\"vad-course-card\">\n                \u003Cspan class=\"vad-course-icon\">\n                    \u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\">\u003Cpath d=\"M12 21V10\"\u002F>\u003Cpath d=\"M12 14c-5 0-8-3-8-8 5 0 8 3 8 8Z\"\u002F>\u003Cpath d=\"M12 11c4 0 7-2.5 7-7-4 0-7 2.5-7 7Z\"\u002F>\u003C\u002Fsvg>\n                \u003C\u002Fspan>\n                \u003Cspan class=\"vad-course-kicker\">لأخصائيات التغذية\u003C\u002Fspan>\n                \u003Cspan class=\"vad-course-title\">تسويق وتمويل أخصائيات التغذية\u003C\u002Fspan>\n                \u003Cspan class=\"vad-course-text\">بناء المنظومة التسويقية والتمويل والوصول للعملاء المستهدفين لمضاعفة المشتركين.\u003C\u002Fspan>\n                \u003Cspan class=\"vad-course-arrow\" aria-hidden=\"true\">←\u003C\u002Fspan>\n            \u003C\u002Fa>\n        \u003C\u002Fdiv>\n\n        \u003Ca href=\"${url(\"vadCourses\")}\" class=\"vad-courses-all\">\n            \u003Cspan>عرض كل التدريبات\u003C\u002Fspan>\n            \u003Cspan aria-hidden=\"true\">←\u003C\u002Fspan>\n        \u003C\u002Fa>\n    \u003C\u002Fdiv>\n\n    \u003C!-- ABOUT PANEL (DIRECTLY UNDER ABOUT BUTTON) -->\n    \u003Cdiv class=\"vad-small-panel\" id=\"vad-panel-about\" data-panel=\"about\">\n        \u003Ca href=\"${url(\"founder\")}\" class=\"vad-mega-link\">\n            \u003Cspan class=\"vad-mega-dot\">\u003C\u002Fspan>\n            \u003Cspan class=\"vad-mega-link-title\">محمد العارضة\u003C\u002Fspan>\n        \u003C\u002Fa>\n        \u003Ca href=\"${url(\"team\")}\" class=\"vad-mega-link\">\n            \u003Cspan class=\"vad-mega-dot\">\u003C\u002Fspan>\n            \u003Cspan class=\"vad-mega-link-title\">فريق فاد بلس\u003C\u002Fspan>\n        \u003C\u002Fa>\n        \u003Ca href=\"${url(\"contact\")}\" class=\"vad-mega-link vad-scroll-to-footer\">\n            \u003Cspan class=\"vad-mega-dot\">\u003C\u002Fspan>\n            \u003Cspan class=\"vad-mega-link-title\">تواصل معنا\u003C\u002Fspan>\n        \u003C\u002Fa>\n    \u003C\u002Fdiv>\n\n\u003C\u002Fdiv>\n\u003C\u002Fheader>\n\n\u003C!-- MOBILE OVERLAY -->\n\u003Cdiv id=\"vad-mobile-overlay\" aria-hidden=\"true\">\u003C\u002Fdiv>\n\n\u003C!-- MOBILE DRAWER -->\n\u003Caside id=\"vad-mobile-drawer\" aria-hidden=\"true\" aria-label=\"قائمة الهاتف\">\n    \u003Cdiv class=\"vad-mobile-head\">\n        \u003Ca href=\"${url(\"home\")}\" class=\"vad-mobile-brand\" data-vad-page=\"home\">\n            \u003Cspan class=\"vad-mobile-brand-vad\">VAD\u003C\u002Fspan>\n            \u003Cspan class=\"vad-mobile-brand-plus\">PLUS\u003C\u002Fspan>\n        \u003C\u002Fa>\n        \u003Cbutton type=\"button\" class=\"vad-mobile-close\" id=\"vad-mobile-close\" aria-label=\"إغلاق القائمة\">\n            \u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                \u003Cpath d=\"M6 6l12 12\">\u003C\u002Fpath>\n                \u003Cpath d=\"M18 6L6 18\">\u003C\u002Fpath>\n            \u003C\u002Fsvg>\n        \u003C\u002Fbutton>\n    \u003C\u002Fdiv>\n\n    \u003Cdiv class=\"vad-mobile-content\">\n        \u003Ca href=\"${url(\"home\")}\" class=\"vad-mobile-link\" data-vad-page=\"home\">الرئيسية\u003C\u002Fa>\n\n        \u003C!-- TRAINERS (MOBILE) -->\n        \u003Cdiv class=\"vad-mobile-section\">\n            \u003Cbutton type=\"button\" class=\"vad-mobile-toggle\" aria-expanded=\"false\">\n                \u003Cspan>للمدربين وأصحاب الخبرات\u003C\u002Fspan>\n                ${chevron()}\n            \u003C\u002Fbutton>\n            \u003Cdiv class=\"vad-mobile-submenu\">\n                \u003Cdiv class=\"vad-mobile-sub-inner\">\n                    \u003Cdiv class=\"vad-mobile-category\">ابدأ من هنا\u003C\u002Fdiv>\n                    \u003Ca href=\"${url(\"quizTrainers\")}\" class=\"vad-mobile-featured vad-quiz-trigger\" data-quiz=\"trainers\">\n                        \u003Cstrong>قيّم منظومتك\u003C\u002Fstrong>\n                        \u003Cspan>اختبار تقييم سريع لتشخيص نقاط القوة وبناء المنظومة.\u003C\u002Fspan>\n                    \u003C\u002Fa>\n                    \u003Cdiv class=\"vad-mobile-category\">ابنِ منظومة دخلك\u003C\u002Fdiv>\n                    \u003Ca href=\"${url(\"trainersMain\")}\" class=\"vad-mobile-featured\">\n                        \u003Cstrong>Trainer Income System\u003C\u002Fstrong>\n                        \u003Cspan>تدريب عملي لبناء عرضك ومسار البيع لتحقيق دخل متكرر.\u003C\u002Fspan>\n                    \u003C\u002Fa>\n                    \u003Cdiv class=\"vad-mobile-category\">نمِّ حضورك ومبيعاتك\u003C\u002Fdiv>\n                    \u003Ca href=\"${url(\"trainersMain\")}\" class=\"vad-mobile-sub-link\">\n                        \u003Cspan class=\"vad-mobile-dot\">\u003C\u002Fspan>\n                        إدارة حملات Meta للمدربين\n                    \u003C\u002Fa>\n                    \u003Ca href=\"${url(\"trainersMain\")}\" class=\"vad-mobile-sub-link\">\n                        \u003Cspan class=\"vad-mobile-dot\">\u003C\u002Fspan>\n                        إدارة محتوى يحوّل الخبرة إلى طلب\n                    \u003C\u002Fa>\n                \u003C\u002Fdiv>\n            \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n\n        \u003C!-- COMPANIES (MOBILE) -->\n        \u003Cdiv class=\"vad-mobile-section\">\n            \u003Cbutton type=\"button\" class=\"vad-mobile-toggle\" aria-expanded=\"false\">\n                \u003Cspan>للشركات والمؤسسات\u003C\u002Fspan>\n                ${chevron()}\n            \u003C\u002Fbutton>\n            \u003Cdiv class=\"vad-mobile-submenu\">\n                \u003Cdiv class=\"vad-mobile-sub-inner\">\n                    \u003Cdiv class=\"vad-mobile-category\">ابدأ بالتشخيص\u003C\u002Fdiv>\n                    \u003Ca href=\"${url(\"quizCompanies\")}\" class=\"vad-mobile-featured vad-quiz-trigger\" data-quiz=\"companies\">\n                        \u003Cstrong>التدقيق التسويقي\u003C\u002Fstrong>\n                        \u003Cspan>تشخيص شامل ومباشر لتحديد مشاكل التسويق ومسار العميل.\u003C\u002Fspan>\n                    \u003C\u002Fa>\n                    \u003Cdiv class=\"vad-mobile-category\">الخدمات والحلول\u003C\u002Fdiv>\n                    \u003Ca href=\"${url(\"companiesMain\")}\" class=\"vad-mobile-sub-link\">\n                        \u003Cspan class=\"vad-mobile-dot\">\u003C\u002Fspan>\n                        الاستراتيجية والعروض والمحتوى\n                    \u003C\u002Fa>\n                    \u003Ca href=\"${url(\"companiesMain\")}\" class=\"vad-mobile-sub-link\">\n                        \u003Cspan class=\"vad-mobile-dot\">\u003C\u002Fspan>\n                        مسار المبيعات وCRM والأتمتة\n                    \u003C\u002Fa>\n                    \u003Ca href=\"${url(\"companiesMain\")}\" class=\"vad-mobile-sub-link\">\n                        \u003Cspan class=\"vad-mobile-dot\">\u003C\u002Fspan>\n                        إدارة حملات Meta\n                    \u003C\u002Fa>\n                    \u003Ca href=\"${url(\"companiesMain\")}\" class=\"vad-mobile-sub-link\">\n                        \u003Cspan class=\"vad-mobile-dot\">\u003C\u002Fspan>\n                        تدريب وتطوير فريق التسويق\n                    \u003C\u002Fa>\n                \u003C\u002Fdiv>\n            \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n\n        \u003C!-- LEARN (MOBILE) -->\n        \u003Cdiv class=\"vad-mobile-section\">\n            \u003Cbutton type=\"button\" class=\"vad-mobile-toggle\" aria-expanded=\"false\">\n                \u003Cspan>تعلّم\u003C\u002Fspan>\n                ${chevron()}\n            \u003C\u002Fbutton>\n            \u003Cdiv class=\"vad-mobile-submenu\">\n                \u003Cdiv class=\"vad-mobile-sub-inner\">\n                    \u003Cdiv class=\"vad-mobile-category\">اختر تدريبك\u003C\u002Fdiv>\n                    \u003Cdiv class=\"vad-mobile-courses\">\n                        \u003Ca href=\"${url(\"vadCourses\")}\" class=\"vad-mobile-course\">\n                            \u003Cspan class=\"vad-mobile-course-icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\">\u003Cpath d=\"M4 19V10\"\u002F>\u003Cpath d=\"M10 19V5\"\u002F>\u003Cpath d=\"M16 19v-7\"\u002F>\u003Cpath d=\"M22 19V3\"\u002F>\u003C\u002Fsvg>\u003C\u002Fspan>\n                            \u003Cspan class=\"vad-mobile-course-copy\">\n                                \u003Cstrong>الإعلانات الممولة\u003C\u002Fstrong>\n                                \u003Cspan>تعلّم إطلاق وإدارة حملات Meta باحترافية.\u003C\u002Fspan>\n                            \u003C\u002Fspan>\n                        \u003C\u002Fa>\n                        \u003Ca href=\"${url(\"vadCourses\")}\" class=\"vad-mobile-course\">\n                            \u003Cspan class=\"vad-mobile-course-icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\">\u003Cpath d=\"M4 5h16v11H4z\"\u002F>\u003Cpath d=\"m8 21 4-5 4 5\"\u002F>\u003Cpath d=\"M8 10h8\"\u002F>\u003C\u002Fsvg>\u003C\u002Fspan>\n                            \u003Cspan class=\"vad-mobile-course-copy\">\n                                \u003Cstrong>تسويق وتمويل للمدربين\u003C\u002Fstrong>\n                                \u003Cspan>بناء المنظومة التسويقية ومسار العرض.\u003C\u002Fspan>\n                            \u003C\u002Fspan>\n                        \u003C\u002Fa>\n                        \u003Ca href=\"${url(\"vadCourses\")}\" class=\"vad-mobile-course\">\n                            \u003Cspan class=\"vad-mobile-course-icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\">\u003Cpath d=\"M12 21V10\"\u002F>\u003Cpath d=\"M12 14c-5 0-8-3-8-8 5 0 8 3 8 8Z\"\u002F>\u003Cpath d=\"M12 11c4 0 7-2.5 7-7-4 0-7 2.5-7 7Z\"\u002F>\u003C\u002Fsvg>\u003C\u002Fspan>\n                            \u003Cspan class=\"vad-mobile-course-copy\">\n                                \u003Cstrong>تسويق وتمويل أخصائيات التغذية\u003C\u002Fstrong>\n                
7892                \u003Cspan>مسار تسويق وتمويل مخصص لخدمات التغذية.\u003C\u002Fspan>\n                            \u003C\u002Fspan>\n                        \u003C\u002Fa>\n                    \u003C\u002Fdiv>\n                    \u003Ca href=\"${url(\"vadCourses\")}\" class=\"vad-mobile-view-all\">\n                        \u003Cspan>عرض كل التدريبات\u003C\u002Fspan>\n                        \u003Cspan aria-hidden=\"true\">←\u003C\u002Fspan>\n                    \u003C\u002Fa>\n                \u003C\u002Fdiv>\n            \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n\n        \u003C!-- ABOUT (MOBILE) -->\n        \u003Cdiv class=\"vad-mobile-section\">\n            \u003Cbutton type=\"button\" class=\"vad-mobile-toggle\" aria-expanded=\"false\">\n                \u003Cspan>عن VAD Plus\u003C\u002Fspan>\n                ${chevron()}\n            \u003C\u002Fbutton>\n            \u003Cdiv class=\"vad-mobile-submenu\">\n                \u003Cdiv class=\"vad-mobile-sub-inner\">\n                    \u003Ca href=\"${url(\"founder\")}\" class=\"vad-mobile-sub-link\">\u003Cspan class=\"vad-mobile-dot\">\u003C\u002Fspan>محمد العارضة\u003C\u002Fa>\n                    \u003Ca href=\"${url(\"team\")}\" class=\"vad-mobile-sub-link\">\u003Cspan class=\"vad-mobile-dot\">\u003C\u002Fspan>فريق فاد بلس\u003C\u002Fa>\n                    \u003Ca href=\"${url(\"contact\")}\" class=\"vad-mobile-sub-link vad-scroll-to-footer\">\u003Cspan class=\"vad-mobile-dot\">\u003C\u002Fspan>تواصل معنا\u003C\u002Fa>\n                \u003C\u002Fdiv>\n            \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n\n        \u003Cdiv class=\"vad-mobile-actions\">\n            \u003Ca href=\"${url(\"academy\")}\" class=\"vad-mobile-academy\">دخول الأكاديمية\u003C\u002Fa>\n            \u003Ca href=\"${url(\"start\")}\" class=\"vad-mobile-cta\" target=\"_blank\" rel=\"noopener noreferrer\">\n                ابدأ عبر واتساب\n                \u003Cspan>←\u003C\u002Fspan>\n            \u003C\u002Fa>\n        \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n\u003C\u002Faside>\n\n\u003C!-- QUIZ POPUP MODAL (CLEAN HIDDEN) -->\n\u003Cdiv id=\"vad-quiz-modal\" aria-hidden=\"true\" role=\"dialog\">\n    \u003Cdiv class=\"vad-quiz-container\">\n        \u003Cdiv class=\"vad-quiz-header\">\n            \u003Ch4 id=\"vad-quiz-title\">تشخيص وتقييم\u003C\u002Fh4>\n            \u003Cbutton type=\"button\" class=\"vad-quiz-close\" id=\"vad-quiz-close-btn\" aria-label=\"إغلاق\">✕\u003C\u002Fbutton>\n        \u003C\u002Fdiv>\n        \u003Cdiv class=\"vad-quiz-body\" id=\"vad-quiz-body\">\u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n\u003C\u002Fdiv>\n`;\n\n    document.body.insertBefore(mount, document.body.firstChild);\n}\n\n\u002F* =========================================================\n   SMART HOME NAVIGATION\n========================================================= *\u002F\nfunction isHomePage() {\n    const currentPath = window.location.pathname.toLowerCase().replace(\u002F\\\u002F+$\u002F, \"\");\n    const currentHref = window.location.href.toLowerCase();\n\n    return currentPath === \"\u002Fhome-248627\" || \n           currentPath === \"\" || \n           currentPath === \"\u002F\" || \n           currentHref.includes(\"home-248627\");\n}\n\nfunction initHomeNavigation(closeDesktop, closeMobile) {\n    document.querySelectorAll('#vad-header-mount [data-vad-page=\"home\"]').forEach(link => {\n        link.addEventListener(\"click\", function (e) {\n            if (isHomePage()) {\n                e.preventDefault();\n                if (typeof closeDesktop === \"function\") closeDesktop();\n                if (typeof closeMobile === \"function\") closeMobile();\n                window.scrollTo({ top: 0, behavior: \"smooth\" });\n            } else {\n                if (typeof closeMobile === \"function\") closeMobile();\n            }\n        });\n    });\n}\n\n\u002F* =========================================================\n   QUIZ POPUP LOGIC\n========================================================= *\u002F\nfunction initQu
7892izModal(closeDesktop, closeMobile) {\n    const modal = document.getElementById(\"vad-quiz-modal\");\n    const closeBtn = document.getElementById(\"vad-quiz-close-btn\");\n    const modalBody = document.getElementById(\"vad-quiz-body\");\n    const modalTitle = document.getElementById(\"vad-quiz-title\");\n\n    if (!modal || !closeBtn || !modalBody) return;\n\n    if (!document.getElementById(\"vad-ghl-form-script\")) {\n        const script = document.createElement(\"script\");\n        script.id = \"vad-ghl-form-script\";\n        script.src = \"https:\u002F\u002Fapi.vad-academy.com\u002Fjs\u002Fform_embed.js\";\n        script.async = true;\n        document.body.appendChild(script);\n    }\n\n    const quizzes = {\n        companies: {\n            title: \"التدقيق التسويقي للشركات والمؤسسات\",\n            src: \"https:\u002F\u002Fapi.vad-academy.com\u002Fwidget\u002Fquiz\u002FYNPkarv5dCc3DpnfP5gN\",\n            id: \"YNPkarv5dCc3DpnfP5gN\"\n        },\n        trainers: {\n            title: \"تقييم منظومة المدربين وأصحاب الخبرات\",\n            src: \"https:\u002F\u002Fapi.vad-academy.com\u002Fwidget\u002Fquiz\u002FGHDemGMPjs08eVD3O3gZ\",\n            id: \"GHDemGMPjs08eVD3O3gZ\"\n        }\n    };\n\n    function openQuiz(type) {\n        const item = quizzes[type];\n        if (!item) return;\n\n        if (typeof closeDesktop === \"function\") closeDesktop();\n        if (typeof closeMobile === \"function\") closeMobile();\n\n        modalTitle.textContent = item.title;\n        modalBody.innerHTML = `\n            \u003Ciframe \n                src=\"${item.src}\" \n                style=\"border:none;width:100%;min-height:540px;\" \n                scrolling=\"no\" \n                id=\"${item.id}\" \n                title=\"quiz\" \n                data-cookie-consent=\"true\" \n                data-cookie-consent-provider=\"auto\">\n            \u003C\u002Fiframe>\n        `;\n\n        modal.classList.add(\"is-active\");\n        modal.setAttribute(\"aria-hidden\", \"false\");\n        document.body.style.overflow = \"hidden\";\n    }\n\n    function closeQuiz() {\n        modal.classList.remove(\"is-active\");\n        modal.setAttribute(\"aria-hidden\", \"true\");\n        modalBody.innerHTML = \"\";\n        document.body.style.overflow = \"\";\n    }\n\n    document.querySelectorAll(\".vad-quiz-trigger\").forEach(btn => {\n        btn.addEventListener(\"click\", function (e) {\n            e.preventDefault();\n            const quizType = this.getAttribute(\"data-quiz\");\n            openQuiz(quizType);\n        });\n    });\n\n    closeBtn.addEventListener(\"click\", closeQuiz);\n    modal.addEventListener(\"click\", function (e) {\n        if (e.target === modal) closeQuiz();\n    });\n\n    document.addEventListener(\"keydown\", function (e) {\n        if (e.key === \"Escape\" && modal.classList.contains(\"is-active\")) {\n            closeQuiz();\n        }\n    });\n}\n\n\u002F* =========================================================\n   FOOTER SCROLL\n========================================================= *\u002F\nfunction initFooterScroll(closeDesktop, closeMobile) {\n    document.querySelectorAll(\".vad-scroll-to-footer\").forEach(link => {\n        link.addEventListener(\"click\", function (e) {\n            e.preventDefault();\n            if (typeof closeDesktop === \"function\") closeDesktop();\n            if (typeof closeMobile === \"function\") closeMobile();\n\n            const footer = document.querySelector(\"footer, #footer, .footer, [data-section='footer']\");\n            if (footer) {\n                footer.scrollIntoView({ behavior: \"smooth\" });\n            } else {\n                window.scrollTo({ top: document.body.scrollHeight, behavior: \"smooth\" });\n            }\n        });\n    });\n}\n\n\u002F* =========================================================\n   MEGA MENUS & DYNAMIC ABOUT POSITIONING\n========================================================= *\u002F\nfunction initMegaMenus() {\n    const header = document.getElementById(\"vad-main-header\");\n    if (!header) return function () {};\n\n    const triggers = Array.from(header.querySelectorAll(\".vad-menu-trigger\"));\n    const panels = Array.from(header.querySelectorAll(\"[data-
7892panel]\"));\n    let closeTimer = null;\n\n    function desktopMode() { return window.innerWidth > 1180; }\n    function cancelClose() { if (closeTimer) { clearTimeout(closeTimer); closeTimer = null; } }\n\n    function closeAll() {\n        cancelClose();\n        panels.forEach(p => p.classList.remove(\"is-open\"));\n        triggers.forEach(t => {\n            t.setAttribute(\"aria-expanded\", \"false\");\n            const itm = t.closest(\".vad-nav-item\");\n            if (itm) itm.classList.remove(\"is-open\");\n        });\n    }\n\n    function openMenu(trigger) {\n        if (!desktopMode()) return;\n        cancelClose();\n        const menuName = trigger.getAttribute(\"data-menu\");\n        const targetPanel = header.querySelector(`[data-panel=\"${menuName}\"]`);\n        if (!targetPanel) return;\n\n        \u002F\u002F FIXED: DYNAMIC POSITIONING FOR ABOUT DROPDOWN\n        if (menuName === \"about\") {\n            const shell = header.querySelector(\".vad-header-shell\");\n            const shellRect = shell.getBoundingClientRect();\n            const triggerRect = trigger.getBoundingClientRect();\n            const centerPoint = (triggerRect.left + (triggerRect.width \u002F 2)) - shellRect.left;\n            targetPanel.style.left = centerPoint + \"px\";\n            targetPanel.style.right = \"auto\";\n        }\n\n        panels.forEach(p => { if (p !== targetPanel) p.classList.remove(\"is-open\"); });\n        triggers.forEach(t => {\n            if (t !== trigger) {\n                t.setAttribute(\"aria-expanded\", \"false\");\n                const itm = t.closest(\".vad-nav-item\");\n                if (itm) itm.classList.remove(\"is-open\");\n            }\n        });\n\n        targetPanel.classList.add(\"is-open\");\n        trigger.setAttribute(\"aria-expanded\", \"true\");\n        const itm = trigger.closest(\".vad-nav-item\");\n        if (itm) itm.classList.add(\"is-open\");\n    }\n\n    function scheduleClose() {\n        cancelClose();\n        closeTimer = setTimeout(closeAll, 240);\n    }\n\n    triggers.forEach(t => {\n        t.addEventListener(\"mouseenter\", function () {\n            if (!desktopMode()) return;\n            if (window.matchMedia(\"(hover: hover) and (pointer: fine)\").matches) openMenu(t);\n        });\n        t.addEventListener(\"mouseleave\", scheduleClose);\n        t.addEventListener(\"click\", function (e) {\n            if (!desktopMode()) return;\n            e.preventDefault();\n            e.stopPropagation();\n            const menuName = t.getAttribute(\"data-menu\");
7892\n            const panel = header.querySelector(`[data-panel=\"${menuName}\"]`);\n            const alreadyOpen = panel && panel.classList.contains(\"is-open\");\n            closeAll();\n            if (!alreadyOpen) openMenu(t);\n        });\n    });\n\n    panels.forEach(p => {\n        p.addEventListener(\"mouseenter\", cancelClose);\n        p.addEventListener(\"mouseleave\", scheduleClose);\n    });\n\n    header.querySelectorAll(\".vad-nav-link, .vad-logo, .vad-header-actions a\").forEach(el => {\n        el.addEventListener(\"mouseenter\", function () {\n            if (desktopMode()) closeAll();\n        });\n    });\n\n    document.addEventListener(\"click\", function (e) {\n        if (!header.contains(e.target)) closeAll();\n    });\n\n    return closeAll;\n}\n\n\u002F* =========================================================\n   MOBILE\n========================================================= *\u002F\nfunction initMobileMenu() {\n    const openBtn = document.getElementById(\"vad-mobile-open\");\n    const closeBtn = document.getElementById(\"vad-mobile-close\");\n    const overlay = document.getElementById(\"vad-mobile-overlay\");\n    const drawer = document.getElementById(\"vad-mobile-drawer\");\n\n    if (!openBtn || !closeBtn || !overlay || !drawer) return function () {};\n\n    function openDrawer() {\n        drawer.classList.add(\"is-open\");\n        overlay.classList.add(\"is-open\");\n        drawer.setAttribute(\"aria-hidden\", \"false\");\n        openBtn.setAttribute(\"aria-expanded\", \"true\");\n        document.body.style.overflow = \"hidden\";\n    }\n\n    function closeDrawer() {\n        drawer.classList.remove(\"is-open\");\n        overlay.classList.remove(\"is-open\");\n        drawer.setAttribute(\"aria-hidden\", \"true\");\n        openBtn.setAttribute(\"aria-expanded\", \"false\");\n        document.body.style.overflow = \"\";\n    }\n\n    openBtn.addEventListener(\"click\", openDrawer);\n    closeBtn.addEventListener(\"click\", closeDrawer);\n    overlay.addEventListener(\"click\", closeDrawer);\n\n    return closeDrawer;\n}\n\nfunction initAccordions() {\n    const sections = Array.from(document.querySelectorAll(\"#vad-mobile-drawer .vad-mobile-section\"));\n    sections.forEach(section => {\n        const btn = section.querySelector(\".vad-mobile-toggle\");\n        if (!btn) return;\n\n        btn.addEventListener(\"click\", function () {\n            const alreadyOpen = section.classList.contains(\"is-open\");\n            sections.forEach(s => {\n                s.classList.remove(\"is-open\");\n                const b = s.querySelector(\".vad-mobile-toggle\");\n                if (b) b.setAttribute(\"aria-expanded\", \"false\");\n            });\n            if (!alreadyOpen) {\n                section.classList.add(\"is-open\");\n                btn.setAttribute(\"aria-expanded\", \"true\");\n            }\n        });\n    });\n}\n\n\u002F* =========================================================\n   SCROLL EFFECT\n========================================================= *\u002F\nfunction initScrollHeader() {\n    const header = document.getElementById(\"vad-main-header\");\n    if (!header) return;\n\n    function update() {\n        if (window.scrollY > 14) header.classList.add(\"vad-scrolled\");\n        else header.classList.remove(\"vad-scrolled\");\n    }\n    update();\n    window.addEventListener(\"scroll\", update, { passive: true });\n}\n\n\u002F* =========================================================\n   BOOTSTRAP\n========================================================= *\u002F\nfunction initVadHeader() {\n    buildHeader();\n    const closeDesktop = initMegaMenus();\n    const closeMobile = initMobileMenu();\n    initAccordions();\n    initScrollHeader();\n    initQuizModal(closeDesktop, closeMobile);\n    initFooterScroll(closeDesktop, closeMobile);\n    initHomeNavigation(closeDesktop, closeMobile);\n}\n\nif (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", initVadHeader);\n} else {\n    initVadHeader();\n}\n\n})();\n\u003C\u002Fscript>",{"value":122},[],"ccustom-code-FatYfTQEHu","custom-code","c-custom-code",{},{"id":10,"type":17,"child":128,"class":130,"styles":138,"extra":140,"meta":17,"tagName":54,"title":55,"classStr":22,"_id":10},[129],"row-dN5DrsIkV_",{"width":131,"entranceAnimation":132,"animationScale":133,"animationDuration":134,"animationDelay":135,"animationEasing":136,"disableAnimationsOnMobile":137},{"value":22},{"value":24},{"value":26},{"value":26},{"value":29},{"value":31},{"value":33},{"borderWidth":139},{"value":36},{"sticky":141,"visibility":142,"bgImage":144,"allowRowMaxWidth":146,"customClass":147,"elementScreenshot":149},{"value":39},{"value":143},{"hideDesktop":42,"hideMobile":42},{"value":145}
7892,{"mediaType":45,"url":46,"opacity":47,"options":48,"svgCode":46,"videoUrl":46,"videoThumbnail":46,"videoLoop":33},{"value":42},{"value":148},[],{"value":150},[],{"id":129,"type":57,"child":152,"class":154,"styles":162,"extra":164,"tagName":81,"meta":57,"title":82,"classStr":62},[153],"col-QqK_Pi1F0x",{"alignRow":155,"entranceAnimation":156,"animationScale":157,"animationDuration":158,"animationDelay":159,"animationEasing":160,"disableAnimationsOnMobile":161},{"value":62},{"value":24},{"value":26},{"value":26},{"value":29},{"value":31},{"value":33},{"borderWidth":163},{"value":36},{"visibility":165,"bgImage":167,"rowWidth":169,"customClass":170},{"value":166},{"hideDesktop":42,"hideMobile":42},{"value":168},{"mediaType":45,"url":46,"opacity":47,"options":48,"svgCode":46,"videoUrl":46,"videoThumbnail":46,"videoLoop":33},{"value":77,"unit":78},{"value":171},[],{"id":153,"type":84,"child":173,"class":175,"styles":182,"extra":184,"tagName":112,"meta":84,"title":113,"noOfColumns":26},[174],"custom-code-b0SlOE5VY9",{"entranceAnimation":176,"animationScale":177,"animationDuration":178,"animationDelay":179,"animationEasing":180,"disableAnimationsOnMobile":181},{"value":24},{"value":26},{"value":26},{"value":29},{"value":31},{"value":33},{"borderWidth":183},{"value":36},{"visibility":185,"bgImage":187,"columnLayout":189,"justifyContentColumnLayout":190,"alignContentColumnLayout":191,"forceColumnLayoutForMobile":192,"customClass":193,"elementVersion":195},{"value":186},{"hideDesktop":42,"hideMobile":42},{"value":188},{"mediaType":45,"url":46,"opacity":47,"options":48,"svgCode":46,"videoUrl":46,"videoThumbnail":46,"videoLoop":33},{"value":102},{"value":104},{"value":106},{"value":33},{"value":194},[],{"value":111},{"extra":197,"id":174,"meta":124,"tagName":125,"class":206},{"visibility":198,"customCode":200,"customClass":203,"nodeId":205},{"value":199},{"hideMobile":46,"hideDesktop":46},{"value":201},{"rawCustomCode":202},"\u003C!-- =========================================================\n     VAD PLUS — HERO SECTION V4\n     INCOME & GROWTH SYSTEMS\n     GoHighLevel Ready\n     Desktop + Tablet + Mobile\n========================================================= -->\n\n\u003Csection id=\"vad-hero-v3\">\n\n\u003Cspan id=\"hero\" class=\"vh3-anchor\" aria-hidden=\"true\">\u003C\u002Fspan>\n\n\u003Cstyle>\n@import url(\"https:\u002F\u002Ffonts.googleapis.com\u002Fcss2?family=Cairo:wght@400;500;600;700;800;900&display=swap\");\n\n\u002F* =========================================================\n   VARIABLES\n========================================================= *\u002F\n#vad-hero-v3 {\n    --vad-navy: #071B33;\n    --vad-navy-2: #0B2948;\n    --vad-navy-3: #12395F;\n    --vad-green: #00B894;\n    --vad-green-2: #18D4AE;\n    --vad-white: #FFFFFF;\n    --vad-bg: #F8FAFC;\n    --vad-text: #0B2139;\n    --vad-muted: #607286;\n    --vad-border: rgba(7,27,51,.08);\n\n    width: 100vw;\n    max-width: 100vw;\n    margin-inline: calc(50% - 50vw);\n    position: relative;\n    overflow: hidden;\n    direction: rtl;\n    background: var(--vad-bg);\n    font-family: \"Cairo\", sans-serif !important;\n}\n\n#vad-hero-v3 *,\n#vad-hero-v3 *::before,\n#vad-hero-v3 *::after {\n    box-sizing: border-box;\n    font-family: \"Cairo\", sans-serif !important;\n}\n\n\u002F* =========================================================\n   BACKGROUND\n========================================================= *\u002F\n.vh3-background {\n    position: absolute;\n    inset: 0;\n    overflow: hidden;\n    pointer-events: none;\n}\n\n.vh3-grid {\n    position: absolute;\n    inset: 0;\n    opacity: .28;\n    background-image:\n        linear-gradient(rgba(7,27,51,.05) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(7,27,51,.05) 1px, transparent 1px);\n    background-size: 48px 48px;\n    -webkit-mask-image: linear-gradient(to bottom, #000 0%, rgba(0,0,0,.35) 72%, transparent 100%);\n    mask-image: linear-gradient(to bottom, #000 0%, rgba(0,0,0,.35) 72%, transparent 100%);\n}\n\n.vh3-glow-navy {\n    position: absolute;\n    width: 680px;\n    height: 680px;\n    top: -320px;\n    right: -280px;\n    border-radius: 50%;\n    background: rgba(7,27,51,.10);\n    filter: blur(105px);\n}\n\n.vh3-glow-green {\n    position: absolute;\n    width: 600px;\n    height: 600px;\n    left: -260px;\n    bottom: -300px;\n    border-radius: 50%;\n    background: rgba(0,184,148,.14);\n    filter: blur(105px);\n}\n\n\u002F* =========================================================\n   MAIN WRAPPER\n========================================================= *\u002F\n.vh3-wrap {\n    width: min(1680px, calc(100% - 40px));\n    min-height: 700px;\n    margin: 0 auto;\n    padding: 70px clamp(25px,4vw,72px) 48px;\n    position: relative;\n    z-index: 5;\n    display: grid;\n    grid-template-columns: minmax(0,1.08fr) minmax(500px,.92fr);
7892\n    align-items: center;\n    gap: clamp(50px,6vw,100px);\n}\n\n\u002F* =========================================================\n   TEXT COLUMN\n========================================================= *\u002F\n.vh3-copy {\n    position: relative;\n    z-index: 10;\n    max-width: 800px;\n}\n\n.vh3-badge {\n    width: fit-content;\n    min-height: 43px;\n    margin-bottom: 23px;\n    padding: 0 16px;\n    border: 1px solid rgba(0,184,148,.18);\n    border-radius: 100px;\n    background: rgba(255,255,255,.88);\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    color: var(--vad-navy);\n    font-size: 14px;\n    line-height: 1.5;\n    font-weight: 800;\n    box-shadow: 0 8px 26px rgba(7,27,51,.035);\n}\n\n.vh3-badge-dot {\n    position: relative;\n    width: 9px;\n    height: 9px;\n    flex: 0 0 9px;\n    border-radius: 50%;\n    background: var(--vad-green);\n}\n\n.vh3-badge-dot::after {\n    content: \"\";\n    position: absolute;\n    inset: -5px;\n    border-radius: 50%;\n    border: 1px solid rgba(0,184,148,.28);\n    animation: vh3BadgePulse 2.4s ease-out infinite;\n}\n\n@keyframes vh3BadgePulse {\n    0% { transform: scale(.6); opacity: 1; }\n    100% { transform: scale(1.8); opacity: 0; }\n}\n\n.vh3-heading {\n    margin: 0;\n    color: var(--vad-navy);\n    font-size: clamp(43px,4.45vw,72px);\n    line-height: 1.25;\n    letter-spacing: -2px;\n    font-weight: 900;\n}\n\n.vh3-heading-line {\n    display: block;\n}\n\n.vh3-result {\n    position: relative;\n    display: inline-block;\n    color: var(--vad-green);\n    white-space: nowrap;\n}\n\n.vh3-result::after {\n    content: \"\";\n    position: absolute;\n    right: 1px;\n    left: 1px;\n    bottom: 3px;\n    height: 10px;\n    z-index: -1;\n    border-radius: 100px;\n    background: rgba(0,184,148,.12);\n}\n\n.vh3-description {\n    max-width: 720px;\n    margin: 27px 0 0;\n    color: var(--vad-muted);\n    font-size: 18px;\n    line-height: 2;\n    font-weight: 500;\n}\n\n.vh3-description strong {\n    color: var(--vad-navy);\n    font-weight: 800;\n}\n\n.vh3-modes {\n    margin-top: 25px;\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n}\n\n.vh3-mode {\n    min-height: 46px;\n    padding: 0 15px;\n    border: 1px solid rgba(7,27,51,.08);\n    border-radius: 13px;\n    background: rgba(255,255,255,.82);\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    color: var(--vad-navy);\n    font-size: 14px;\n    font-weight: 800;\n    box-shadow: 0 5px 18px rgba(7,27,51,.025);\n}\n\n.vh3-mode-icon {\n    width: 29px;\n    height: 29px;\n    flex: 0 0 29px;\n    border-radius: 9px;\n    background: rgba(0,184,148,.09);\n    color: var(--vad-green);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.vh3-mode-icon svg {\n    width: 16px;\n    height: 16px;\n}\n\n\u002F* =========================================================\n   VISUAL COLUMN\n========================================================= *\u002F\n.vh3-visual-column {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n}\n\n.vh3-visual {\n    width: 100%;\n    min-height: 510px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.vh3-command {\n    position: relative;\n    width: min(490px, 100%);\n    aspect-ratio: 1 \u002F 1;\n    transition: transform .35s ease;\n}\n\n.vh3-ring {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    border-radius: 50%;\n    pointer-events: none;\n    transform: translate(-50%,-50%);\n}\n\n.vh3-ring-inner {\n    width: 70%;\n    height: 70%;\n    border: 1px dashed rgba(7,27,51,.14);\n    animation: vh3Rotate 38s linear infinite;\n}\n\n.vh3-ring-outer {\n    width: 94%;\n    height: 94%;\n    border: 1px solid rgba(0,184,148,.10);\n}\n\n@keyframes vh3Rotate {\n    to { transform: translate(-50%,-50%) rotate(360deg); }\n}\n\n.vh3-line {\n    position: absolute;\n    z-index: 2;\n    top: 50%;\n    left: 50%;\n    width: 153px;\n    height: 1px;\n    transform-origin: 0 50%;\n    background: linear-gradient(90deg, rgba(0,184,148,.55), rgba(7,27,51,.08));\n}\n\n.vh3-line::after {\n    content: \"\";\n    position: absolute;\n    top: -2px;\n    left: 0;\n    width: 5px;\n    height: 5px;\n    border-radius: 50%;\n    background: var(--vad-green);\n    box-shadow: 0 0 12px rgba(0,184,148,.75);\n    animation: vh3Signal 3.1s ease-in-out infinite;\n}\n\n@keyframes vh3Signal {\n    0% { left: 0; opacity: 0; }\n    15% { opacity: 1; }\n    85% { opacity: 1; }\n    100% { left: calc(100% - 5px); opacity: 0; }\n}\n\n.vh3-line-1 { transform: rotate(-18deg); }\n.vh3-line-2 { transform: rotate(52deg); }\n.vh3-line-3 { transform: rotate(127deg); }\n.vh3-line-4 { transform: rotate(196deg); }\n.vh3-line-5 { transform: rotate(244deg); }\n.vh3-line-6 { transform: rotate(308deg); }\n\n.vh3-core {\n    position: absolute;\n    z-index: 15;\n    top: 50%;\n    left: 50%;\n    width: 188px;\n    height: 188px;\n    transform: translate(-50%,-50%);\n    border-radius: 50%;\n    display: flex;
7892\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    background: radial-gradient(circle at 30% 20%, var(--vad-navy-3), var(--vad-navy) 70%);\n    border: 1px solid rgba(255,255,255,.16);\n    box-shadow: 0 28px 65px rgba(7,27,51,.25), 0 0 0 15px rgba(0,184,148,.035), 0 0 60px rgba(0,184,148,.15);\n    animation: vh3CoreBreath 4.8s ease-in-out infinite;\n}\n\n@keyframes vh3CoreBreath {\n    0%, 100% {\n        box-shadow: 0 28px 65px rgba(7,27,51,.25), 0 0 0 14px rgba(0,184,148,.03), 0 0 45px rgba(0,184,148,.10);\n    }\n    50% {\n        box-shadow: 0 28px 65px rgba(7,27,51,.25), 0 0 0 20px rgba(0,184,148,.045), 0 0 76px rgba(0,184,148,.21);\n    }\n}\n\n.vh3-core-inner {\n    width: 150px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n}\n\n.vh3-core-label {\n    display: block;\n    margin-bottom: 7px;\n    color: rgba(255,255,255,.57);\n    font-size: 10px;\n    line-height: 1.4;\n    letter-spacing: 1.5px;\n    font-weight: 800;\n}\n\n.vh3-core-brand {\n    direction: ltr !important;\n    unicode-bidi: isolate;\n    display: inline-flex;\n    align-items: baseline;\n    justify-content: center;\n    gap: 4px;\n    font-size: 25px;\n    line-height: 1;\n    font-weight: 900;\n}\n\n.vh3-core-vad { color: #FFFFFF; }\n.vh3-core-plus { color: var(--vad-green-2); }\n\n.vh3-core-sub {\n    display: block;\n    margin-top: 9px;\n    color: rgba(255,255,255,.58);\n    font-size: 10px;\n    line-height: 1.5;\n    font-weight: 700;\n}\n\n.vh3-node {\n    position: absolute;\n    z-index: 12;\n    min-width: 140px;\n    padding: 12px 13px;\n    border: 1px solid rgba(7,27,51,.08);\n    border-radius: 15px;\n    background: rgba(255,255,255,.96);\n    box-shadow: 0 13px 30px rgba(7,27,51,.075);\n    cursor: default;\n    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;\n}\n\n.vh3-node:hover {\n    z-index: 40;\n    border-color: rgba(0,184,148,.30);\n    box-shadow: 0 20px 42px rgba(7,27,51,.12), 0 8px 25px rgba(0,184,148,.10);\n}\n\n.vh3-node-head {\n    display: flex;\n    align-items: center;\n    gap: 9px;\n}\n\n.vh3-node-icon {\n    width: 32px;\n    height: 32px;\n    flex: 0 0 32px;\n    border-radius: 9px;\n    background: rgba(0,184,148,.09);\n    color: var(--vad-green);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.vh3-node-icon svg {\n    width: 17px;\n    height: 17px;\n}\n\n.vh3-node-title {\n    display: block;\n    color: var(--vad-navy);\n    font-size: 12.5px;\n    line-height: 1.55;\n    font-weight: 900;\n}\n\n.vh3-node-ltr {\n    direction: ltr;\n    unicode-bidi: isolate;\n}\n\n.vh3-node-description {\n    max-height: 0;\n    margin-top: 0;\n    overflow: hidden;\n    opacity: 0;\n    color: var(--vad-muted);\n    font-size: 11px;\n    line-height: 1.7;\n    font-weight: 600;\n    transition: max-height .25s ease, opacity .25s ease, margin .25s ease;\n}\n\n.vh3-node:hover .vh3-node-description {\n    max-height: 55px;\n    margin-top: 8px;\n    opacity: 1;\n}\n\n\u002F* Node standard floating animations *\u002F\n@keyframes vh3FloatA { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }\n@keyframes vh3FloatB { 0%, 100% { transform: translateY(-3px); } 50% { transform: translateY(6px); } }\n@keyframes vh3FloatC { 0%, 100% { transform: translateY(2px); } 50% { transform: translateY(-5px); } }\n\n\u002F* =========================================================\n   V5 — NAVY HERO + AUDIENCE ROUTING SYSTEM\n========================================================= *\u002F\n#vad-hero-v3 {\n    background: var(--vad-navy);\n    color: var(--vad-white);\n}\n\n#vad-hero-v3 .vh3-anchor {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 1px;\n    height: 1px;\n    pointer-events: none;\n}\n\n#vad-hero-v3 .vh3-grid {\n    opacity: .42;\n    background-image:\n        linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);\n}\n\n#vad-hero-v3 .vh3-glow-navy { background: rgba(18,57,95,.72); }\n#vad-hero-v3 .vh3-glow-green { background: rgba(0,184,148,.20); }\n#vad-hero-v3 .vh3-copy { max-width: 880px; }\n\n#vad-hero-v3 .vh3-badge {\n    border-color: rgba(24,212,174,.32);\n    background: rgba(255,255,255,.075);\n    color: #FFFFFF;\n    box-shadow: 0 10px 28px rgba(0,0,0,.10);\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n}\n\n#vad-hero-v3 .vh3-heading {\n    color: #FFFFFF;\n    font-size: clamp(40px,3.75vw,62px);\n    line-height: 1.3;\n}\n\n#vad-hero-v3 .vh3-result {\n    z-index: 0;\n    color: var(--vad-green-2);\n}\n\n#vad-hero-v3 .vh3-heading-line.vh3-result {\n    display: block;\n    width: fit-content;\n    max-width: 100%;\n    white-space: normal;\n}\n\n#vad-hero-v3 .vh3-result::after {\n    background: rgba(24,212,174,.18);\n}\n\n#vad-hero-v3 .vh3-description {\n    max-width: 830px;\n    color: rgba(255,255,255,.74);\n    font-size: 16.5px;\n    line-height: 1.95;\n}\n\n#vad-hero-v3 .vh3-description strong { color: #FFFFFF; }\n#vad-hero-v3 .vh3-supporting { color: rgba(255,255,255,.92); }\n\n#vad-hero-v3 .vh3-modes {\n    display: inline-flex;
7892\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 0;\n    margin-top: 20px;\n}\n\n#vad-hero-v3 .vh3-mode {\n    min-height: auto;\n    padding: 0 14px;\n    border: 0;\n    border-radius: 0;\n    background: transparent;\n    color: #FFFFFF;\n    box-shadow: none;\n}\n\n#vad-hero-v3 .vh3-mode:first-child { padding-right: 0; }\n#vad-hero-v3 .vh3-mode + .vh3-mode { border-right: 1px solid rgba(255,255,255,.18); }\n\n#vad-hero-v3 .vh3-mode-icon {\n    width: 22px;\n    height: 22px;\n    flex-basis: 22px;\n    border-radius: 0;\n    background: transparent;\n    color: var(--vad-green-2);\n}\n\n#vad-hero-v3 .vh3-mode-icon svg { width: 16px; height: 16px; }\n\n\u002F* THREE ROUTING BUTTONS (BALANCED ROW) *\u002F\n#vad-hero-v3 .vh3-routing {\n    width: 100%;\n    max-width: 880px;\n    margin-top: 25px;\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0,1fr));\n    align-items: stretch;\n    gap: 10px;\n}\n\n#vad-hero-v3 .vh3-route {\n    width: 100%;\n    min-height: 64px;\n    padding: 9px 14px;\n    border-radius: 15px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px;\n    text-decoration: none;\n    text-align: right;\n    font-size: 13px;\n    line-height: 1.4;\n    font-weight: 900;\n    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease, color .2s ease;\n}\n\n#vad-hero-v3 .vh3-route-primary {\n    border: 1px solid var(--vad-green);\n    background: var(--vad-green);\n    color: #FFFFFF;\n    box-shadow: 0 14px 32px rgba(0,184,148,.22);\n}\n\n#vad-hero-v3 .vh3-route-primary:hover {\n    border-color: var(--vad-green-2);\n    background: var(--vad-green-2);\n    color: var(--vad-navy);\n    transform: translateY(-3px);\n    box-shadow: 0 18px 38px rgba(24,212,174,.30);\n}\n\n#vad-hero-v3 .vh3-route-secondary {\n    border: 1px solid rgba(255,255,255,.90);\n    background: #FFFFFF;\n    color: var(--vad-navy);\n    box-shadow: 0 12px 28px rgba(0,0,0,.15);\n}\n\n#vad-hero-v3 .vh3-route-secondary:hover {\n    border-color: var(--vad-green);\n    background: var(--vad-green);\n    color: #FFFFFF;\n    transform: translateY(-3px);\n    box-shadow: 0 16px 36px rgba(0,184,148,.24);\n}\n\n#vad-hero-v3 .vh3-route-tertiary {\n    border: 1px solid rgba(255,255,255,.24);\n    background: rgba(255,255,255,.07);\n    color: #FFFFFF;\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n}\n\n#vad-hero-v3 .vh3-route-tertiary:hover {\n    border-color: var(--vad-green-2);\n    background: rgba(24,212,174,.14);\n    color: #FFFFFF;\n    transform: translateY(-3px);\n    box-shadow: 0 16px 36px rgba(0,184,148,.15);\n}\n\n#vad-hero-v3 .vh3-route-arrow {\n    width: 28px;\n    height: 28px;\n    border-radius: 9px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 16px;\n    transition: transform .2s ease, background .2s ease, color .2s ease;\n}\n\n#vad-hero-v3 .vh3-route-primary .vh3-route-arrow {\n    background: rgba(7,27,51,.18);\n    color: #FFFFFF;\n}\n\n#vad-hero-v3 .vh3-route-secondary .vh3-route-arrow {\n    background: rgba(0,184,148,.10);\n    color: var(--vad-green);\n}\n\n#vad-hero-v3 .vh3-route-tertiary .vh3-route-arrow {\n    background: rgba(255,255,255,.10);\n    color: var(--vad-green-2);\n}\n\n#vad-hero-v3 .vh3-route:hover .vh3-route-arrow {\n    transform: translateX(-3px);\n}\n\n#vad-hero-v3 .vh3-route-secondary:hover .vh3-route-arrow {\n    background: #FFFFFF;\n    color: var(--vad-green);\n}\n\n\u002F* VISUALIZATION *\u002F\n#vad-hero-v3 .vh3-visual { min-height: 560px; }\n#vad-hero-v3 .vh3-command { width: min(520px,82%); }\n#vad-hero-v3 .vh3-ring-inner { border-color: rgba(255,255,255,.17); }\n#vad-hero-v3 .vh3-ring-outer { border-color: rgba(24,212,174,.22); }\n#vad-hero-v3 .vh3-line {\n    width: 34%;\n    background: linear-gradient(90deg,rgba(24,212,174,.72),rgba(255,255,255,.10));\n}\n\n#vad-hero-v3 .vh3-node {\n    right: auto;\n    bottom: auto;\n    transform: translate(-50%,-50%);\n    animation: vh3OrbitFloat 6s ease-in-out infinite;\n}\n\n@keyframes vh3OrbitFloat {\n    0%,100% { transform: translate(-50%,-50%) translateY(0); }\n    50% { transform: translate(-50%,-50%) translateY(-6px); }\n}\n\n#vad-hero-v3 .vh3-trainer-sales { top: 2%; left: 50%; }\n#vad-hero-v3 .vh3-meta { top: 25%; left: 86%; animation-delay: -1s; }\n#vad-hero-v3 .vh3-training { top: 75%; left: 86%; animation-delay: -2s; }\n#vad-hero-v3 .vh3-academy { top: 98%; left: 50%; animation-delay: -3s; }\n#vad-hero-v3 .vh3-crm { top: 75%; left: 14%; animation-delay: -4s; }\n#vad-hero-v3 .vh3-consulting { top: 25%; left: 14%; animation-delay: -5s; }\n\n#vad-hero-v3 .vh3-line-1 { transform: rotate(270deg); }\n#vad-hero-v3 .vh3-line-2 { transform: rotate(330deg); }\n#vad-hero-v3 .vh3-line-3 { transform: rotate(30deg); }\n#vad-hero-v3 .vh3-line-4 { transform: rotate(90deg); }\n#vad-hero-v3 .vh3-line-5 { transform: rotate(150deg); }\n#vad-hero-v3 .vh3-line-6 { transform: rotate(210deg); }\n\n#vad-hero-v3 .vh3-core {\n    border-color: rgba(255,255,255,.22);\n    box-shadow: 0 28px 65px rgba(0,0,0,.34), 0 0 0 15px rgba(0,184,148,.055), 0 0 70px rgba(0,184,148,.22);\n}\n\n#vad-hero-v3 .vh3-journey-wrap {\n    width: min(1680px, calc(100% - 40px));\n    margin: 0 auto;\n    padding: 0 clamp(25px,4vw,72px) 35px;\n}\n\n#vad-hero-v3 .vh3-journey {\n    border: 1px solid rgba(255,255,255,.12);\n    border-radius: 18px;\n    background: rgba(255,255,255,.065);\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n    box-shadow: 0 12px 34px rgba(0,0,0,.10);\n    display: flex;
7892\n    align-items: center;\n    justify-content: space-between;\n    gap: 22px;\n    padding: 12px 19px;\n    min-height: 68px;\n}\n\n#vad-hero-v3 .vh3-journey-title {\n    color: #FFFFFF;\n    font-size: 12px;\n    font-weight: 900;\n}\n\n#vad-hero-v3 .vh3-journey-path {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    direction: rtl;\n}\n\n#vad-hero-v3 .vh3-step {\n    color: rgba(255,255,255,.68);\n    font-size: 11px;\n    font-weight: 700;\n    white-space: nowrap;\n}\n\n#vad-hero-v3 .vh3-step-arrow {\n    color: var(--vad-green);\n    font-size: 15px;\n    font-weight: 900;\n}\n\n\u002F* RESPONSIVE *\u002F\n@media (max-width: 1180px) {\n    #vad-hero-v3 .vh3-wrap {\n        grid-template-columns: minmax(0,1fr) minmax(410px,.90fr);\n        gap: 34px;\n        padding-top: 58px;\n    }\n    #vad-hero-v3 .vh3-heading { font-size: clamp(38px, 4.8vw, 56px); }\n    #vad-hero-v3 .vh3-description { font-size: 16px; }\n}\n\n@media (max-width: 900px) {\n    #vad-hero-v3 .vh3-wrap {\n        grid-template-columns: 1fr;\n        padding: 47px 16px 35px;\n        gap: 45px;\n    }\n    #vad-hero-v3 .vh3-routing { max-width: 620px; }\n    #vad-hero-v3 .vh3-journey {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 10px;\n    }\n}\n\n@media (max-width: 760px) {\n    #vad-hero-v3 .vh3-routing {\n        grid-template-columns: 1fr;\n        max-width: 100%;\n        gap: 8px;\n    }\n    #vad-hero-v3 .vh3-route {\n        min-height: 54px;\n        padding: 8px 15px;\n        font-size: 13.5px;\n    }\n}\n\n@media (max-width: 520px) {\n    #vad-hero-v3 .vh3-wrap { padding: 34px 18px 27px; gap: 30px; }\n    #vad-hero-v3 .vh3-heading { font-size: clamp(31px,9vw,40px); line-height: 1.32; }\n    #vad-hero-v3 .vh3-description { font-size: 14.3px; }\n    #vad-hero-v3 .vh3-mode { padding: 0 9px; font-size: 12px; }\n    #vad-hero-v3 .vh3-command { width: min(340px,86vw); }\n    #vad-hero-v3 .vh3-visual { min-height: 415px; }\n\n    #vad-hero-v3 .vh3-training,\n    #vad-hero-v3 .vh3-consulting { display: none; }\n    #vad-hero-v3 .vh3-line-3,\n    #vad-hero-v3 .vh3-line-6 { display: none; }\n}\n\u003C\u002Fstyle>\n\n\u003C!-- BACKGROUND -->\n\u003Cdiv class=\"vh3-background\" aria-hidden=\"true\">\n    \u003Cdiv class=\"vh3-grid\">\u003C\u002Fdiv>\n    \u003Cdiv class=\"vh3-glow-navy\">\u003C\u002Fdiv>\n    \u003Cdiv class=\"vh3-glow-green\">\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\n\u003C!-- MAIN CONTENT -->\n\u003Cdiv class=\"vh3-wrap\">\n\n    \u003C!-- RIGHT SIDE — COPY -->\n    \u003Cdiv class=\"vh3-copy\">\n        \u003Cdiv class=\"vh3-badge\">\n            \u003Cspan class=\"vh3-badge-dot\">\u003C\u002Fspan>\n            \u003Cspan>VAD PLUS | الوجهة الأولى لأتمتة مبيعات المدربين والشركات\u003C\u002Fspan>\n        \u003C\u002Fdiv>\n\n        \u003Ch1 class=\"vh3-heading\">\n            \u003Cspan class=\"vh3-heading-line\">نهندس منظومة دخل ونمو\u003C\u002Fspan>\n            \u003Cspan class=\"vh3-heading-line vh3-result\">من العرض، إلى النظام، إلى الطلب.\u003C\u002Fspan>\n        \u003C\u002Fh1>\n\n        \u003Cp class=\"vh3-description\">\n            سواء كنت مدربًا يطمح لدخل متكرر، أو شركة تبحث عن مضاعفة أرباحها؛\n            نحن لا نعتمد على الإعلانات العشوائية، بل نبني لك\n            \u003Cstrong>«منظومة عمل متكاملة»\u003C\u002Fstrong>\n            تعمل بالنيابة عنك،\n            \u003Cstrong>\n                وتجمع التسويق والحملات والفانلز و\n                \u003Cspan class=\"vh3-node-ltr\">CRM\u003C\u002Fspan>\n                والأتمتة والمتابعة في مسار واحد قابل للقياس.\n            \u003C\u002Fstrong>\n        \u003C\u002Fp>\n\n        \u003Cp class=\"vh3-supporting\">\n            استراتيجية + نظام + تنفيذ — بجهة واحدة.\n        \u003C\u002Fp>\n\n        \u003Cdiv class=\"vh3-modes\" aria-label=\"منهجية VAD Plus\">\n            \u003Cdiv class=\"vh3-mode\">\n                \u003Cspan class=\"vh3-mode-icon\">\n                    \u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\u003Cpath d=\"M12 3 2 8l10 5 10-5-10-5Z\"\u002F>\u003Cpath d=\"M6 10v5c0 2 3 4 6 4s6-2 6-4v-5\"\u002F>\u003C\u002Fsvg>\n                \u003C\u002Fspan>\n                تعلّم\n            \u003C\u002Fdiv>\n\n            \u003Cdiv class=\"vh3-mode\">\n                \u003Cspan class=\"vh3-mode-icon\">\n                    \u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\u003Cpath d=\"m12 2 8 4-8 4-8-4 8-4Z\"\u002F>\u003Cpath d=\"m4 10 8 4 8-4\"\u002F>\u003Cpath d=\"m4 14 8 4 8-4\"\u002F>\u003C\u002Fsvg>\n                \u003C\u002Fspan>\n                ابنِ\n            \u003C\u002Fdiv>\n\n            \u003Cdiv class=\"vh3-mode\">\n                \u003Cspan class=\"vh3-mode-icon\">\n                    \u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\u003Cpath d=\"m4 17 5-5 4 4 7-9\"\u002F>\u003Cpath d=\"M15 7h5v5\"\u002F>\u003C\u002Fsvg>\n                \u003C\u002Fspan>\n                نمِّ\n            \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n\n        \u003C!-- =================================================\n             AUDIENCE ROUTING (UPDATED WITH LINKS)\n        ================================================== -->\n        \u003Cdiv class=\"vh3-routing\">\n\n            \u003C!-- 1. TRAINER PATH -->\n            \u003Ca\n                class=\"vh3-route vh3-route-primary\"\n                href=\"https:\u002F\u002Fvad-academy.com\u002Ftrariners\"\n                aria-label=\"أنا مدرب وأريد بناء دخل متكرر\"\n            >\n                \u003Cspan>أنا مدرب وأريد دخلًا متكررًا\u003C\u002Fspan>\n                \u003Cspan class=\"vh3-route-arrow\" aria-hidden=\"true\">←\u003C\u002Fspan>\n            \u003C\u002Fa>\n\n            \u003C!-- 2. BUSINESS PATH -->\n            \u003Ca\n                class=\"vh3-route vh3-route-secondary\"\n                href=\"https:\u002F\u002Fvad-academy.com\u002Fcompanies\"\n                aria-label=\"أنا صاحب شركة وأريد مضاعفة المبيعات\"\n            >\n                \u003Cspan>أنا صاحب شركة وأريد مضاعفة المبيعات\u003C\u002Fspan>\n                \u003Cspan class=\"vh3-route-arrow\" aria-hidden=\"true\">←\u003C\u002Fspan>\n            \u003C\u002Fa>\n\n            \u003C!-- 3. LEARNING PATH -->\n            \u003Ca\n                class=\"vh3-route vh3-route-tertiary\"\n                href=\"https:\u002F\u002Fvad-academy.com\u002Fvadcourses\"\n                aria-label=\"أريد تعلم التسويق والإعلانات باحتراف\"\n            >\n                \u003Cspan>أريد تعلم التسويق والإعلانات باحتراف\u003C\u002Fspan>\n                \u003Cspan class=\"vh3-route-arrow\" aria-hidden=\"true\">←\u003C\u002Fspan>\n            \u003C\u002Fa>\n\n        \u003C\u002Fdiv>\n\n    \u003C\u002Fdiv>\n\n    \u003C!-- LEFT SIDE — SYSTEM VISUALIZATION -->\n    \u003Cdiv class=\"vh3-visual-column\">\n        \u003Cdiv class=\"vh3-visual\" aria-label=\"قدرات VAD Plus المرتبطة بمنظومة دخل ونمو واحدة\">\n            \u003Cdiv class=\"vh3-command\">\n                \u003Cdiv class=\"vh3-ring vh3-ring-inner\">\u003C\u002Fdiv>\n                \u003Cdiv class=\"vh3-ring vh3-ring-outer\">\u003C\u002Fdiv>\n\n                \u003Cdiv class=\"vh3-line vh3-line-1\">\u003C\u002Fdiv>\n                \u003Cdiv class=\"vh3-line vh3-line-2\">\u003C\u002Fdiv>\n                \u003Cdiv class=\"vh3-line vh3-line-3\">\u003C\u002Fdiv>\n                \u003Cdiv class=\"vh3-line vh3-line-4\">\u003C\u002Fdiv>\n                \u003Cdiv class=\"vh3-line vh3-line-5\">\u003C\u002Fdiv>\n                \u003Cdiv class=\"vh3-line vh3-line-6\">\u003C\u002Fdiv>\n\n                \u003Cdiv class=\"vh3-core\">\n                    \u003Cdiv class=\"vh3-core-inner\">\n                        \u003Cspan class=\"vh3-core-label\">INCOME &amp; GROWTH SYSTEMS\u003C\u002Fspan>\n                        \u003Cspan class=\"vh3-core-brand\">\n                            \u003Cspan class=\"vh3-core-vad\">VAD\u003C\u002Fspan>\n                            \u003Cspan class=\"vh3-core-plus\">PLUS\u003C\u002Fspan>\n                        \u003C\u002Fspan>\n                        \u003Cspan class=\"vh3-core-sub\">Learn • Build • Grow\u003C\u002Fspan>\n                    \u003C\u002Fdiv>\n                \u003C\u002Fdiv>\n\n                \u003Cdiv class=\"vh3-node vh3-trainer-sales\">\n                    \u003Cdiv class=\"vh3-node-head\">\n                        \u003Cspan class=\"vh3-node-icon\">\n                            \u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"8\"\u002F>\u003Ccircle cx=\"12\" cy=\"12\" r=\"3\"\u002F>\u003Cpath d=\"m15 9 5-5\"\u002F>\u003Cpath d=\"M16 4h4v4\"\u002F>\u003C\u002Fsvg>\n                        \u003C\u002Fspan>\n                        \u003Cspan class=\"vh3-node-title\">الاستراتيجية\u003C\u002Fspan>\n                    \u003C\u002Fdiv>\n                    \u003Cdiv class=\"vh3-node-description\">العرض والتموضع والمسار وقرارات النمو\u003C\u002Fdiv>\n                \u003C\u002Fdiv>\n\n                \u003Cdiv class=\"vh3-node vh3-meta\">\n                    \u003Cdiv class=\"vh3-node-head\">\n                        \u003Cspan class=\"vh3-node-icon\">\n                            \u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\u003Cpath d=\"M4 18V9\"\u002F>\u003Cpath d=\"M10 18V5\"\u002F>\u003Cpath d=\"M16 18v-6\"\u002F>\u003Cpath d=\"M22 18V3\"\u002F>\u003C\u002Fsvg>\n                        \u003C\u002Fspan>\n                        \u003Cspan class=\"vh3-node-title vh3-node-ltr\">Meta Ads\u003C\u002Fspan>\n                    \u003C\u002Fdiv>\n                    \u003Cdiv class=\"vh3-node-description\">جلب الطلب وتوسيع الوصول والمبيعات\u003C\u002Fdiv>\n                \u003C\u002Fdiv>\n\n                \u003Cdiv class=\"vh3-node vh3-academy\">\n                    \u003Cdiv class=\"vh3-node-head\">\n                        \u003Cspan class=\"vh3-node-icon\">\n                            \u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\u003Cpath d=\"M12 3 2 8l10 5 10-5-10-5Z\"\u002F>\u003Cpath d=\"M6 10v5c0 2 3 4 6 4s6-2 6-4v-5\"\u002F>\u003C\u002Fsvg>\n                        \u003C\u002Fspan>\n                        \u003Cspan class=\"vh3-node-title\">الأكاديميات والفانلز\u003C\u002Fspan>\n                    \u003C\u002Fdiv>\n                    \u003Cdiv class=\"vh3-node-description\">بنية البيع والتسليم وتجربة العميل\u003C\u002Fdiv>\n                \u003C\u002Fdiv>\n\n                \u003Cdiv class=\"vh3-node vh3-crm\">\n                    \u003Cdiv class=\"vh3-node-head\">\n                        \u003Cspan class=\"vh3-node-icon\">\n                            \u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\u003Cpath d=\"M4 6h16\"\u002F>\u003Cpath d=\"M7 12h10\"\u002F>\u003Cpath d=\"M10 18h4\"\u002F>\u003C\u002Fsvg>\n                        \u003C\u002Fspan>\n                        \u003Cspan class=\"vh3-node-title vh3-node-ltr\">CRM + Automation\u003C\u002Fspan>\n                    \u003C\u002Fdiv>\n                    \u003Cdiv class=\"vh3-node-description\">متابعة العميل والأتمتة وإعادة البيع\u003C\u002Fdiv>\n                \u003C\u002Fdiv>\n\n                \u003Cdiv class=\"vh3-node vh3-training\">\n                    \u003Cdiv class=\"vh3-node-head\">\n                        \u003Cspan class=\"vh3-node-icon\">\n                            \u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\u003Cpath d=\"M12 3 2 8l10 5 10-5-10-5Z\"\u002F>\u003Cpath d=\"M6 10v5c0 2 3 4 6 4s6-2 6-4v-5\"\u002F>\u003C\u002Fsvg>\n                        \u003C\u002Fspan>\n                        \u003Cspan class=\"vh3-node-title\">التدريب\u003C\u002Fspan>\n                    \u003C\u002Fdiv>\n                    \u003Cdiv class=\"vh3-node-description\">معرفة عملية مرتبطة بالتطبيق والتنفيذ\u003C\u002Fdiv>\n                \u003C\u002Fdiv>\n\n                \u003Cdiv class=\"vh3-node vh3-consulting\">\n                    \u003Cdiv class=\"vh3-node-head\">\n                        \u003Cspan class=\"vh3-node-icon\">\n                            \u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\u003Cpath d=\"M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4Z\"\u002F>\u003C\u002Fsvg>\n                        \u003C\u002Fspan>\n                        \u003Cspan class=\"vh3-node-title\">الاستشارات\u003C\u002Fspan>\n                    \u003C\u002Fdiv>\n                    \u003Cdiv class=\"vh3-node-description\">قرارات استراتيجية مبنية على واقع المشروع\u003C\u002Fdiv>\n                \u003C\u002Fdiv>\n            \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n\n\u003C\u002Fdiv>\n\n\u003C!-- JOURNEY STRIP -->\n\u003Cdiv class=\"vh3-journey-wrap\">\n    \u003Cdiv class=\"vh3-journey\">\n        \u003Cdiv class=\"vh3-journey-title\">\n            من أول فكرة وعرض... إلى نظام يجلب العميل، يتابعه، يحوّله، ويعيد البيع له.\n        \u003C\u002Fdiv>\n        \u003Cdiv class=\"vh3-journey-path\" aria-label=\"رحلة VAD Plus\">\n            \u003Cspan class=\"vh3-step\">تعلّم\u003C\u002Fspan>\n            \u003Cspan class=\"vh3-step-arrow\">←\u003C\u002Fspan>\n            \u003Cspan class=\"vh3-step\">استراتيجية\u003C\u002Fspan>\n            \u003Cspan class=\"vh3-step-arrow\">←\u003C\u002Fspan>\n            \u003Cspan class=\"vh3-step\">بناء\u003C\u002Fspan>\n            \u003Cspan class=\"vh3-step-arrow\">←\u003C\u002Fspan>\n            \u003Cspan class=\"vh3-step\">إطلاق\u003C\u002Fspan>\n            \u003Cspan class=\"vh3-step-arrow\">←\u003C\u002Fspan>\n            \u003Cspan class=\"vh3-step\">مبيعات\u003C\u002Fspan>\n            \u003Cspan class=\"vh3-step-arrow\">←\u003C\u002Fspan>\n            \u003Cspan class=\"vh3-step\">أتمتة\u003C\u002Fspan>\n            \u003Cspan class=\"vh3-step-arrow\">←\u003C\u002Fspan>\n            \u003Cspan class=\"vh3-step\">نمو\u003C\u002Fspan>\n        \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\n\u003Cscript>\n(function () {\n\"use strict\";\n\nconst visual = document.querySelector(\"#vad-hero-v3 .vh3-visual\");\nconst command = document.querySelector(\"#vad-hero-v3 .vh3-command\");\nconst reducedMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n\nif (visual && command && !reducedMotion && window.matchMedia(\"(hover:hover) and (pointer:fine)\").matches) {\n    visual.addEventListener(\"mousemove\", function (event) {\n        const rect = visual.getBoundingClientRect();\n        const x = (event.clientX - rect.left) \u002F rect.width - .5;\n        const y = (event.clientY - rect.top) \u002F rect.height - .5;\n        command.style.transform = \"translate(\" + (x * 4) + \"px,\" + (y * 4) + \"px)\";\n    });\n\n    visual.addEventListener(\"mouseleave\", function () {\n        command.style.transform = \"translate(0,0)\";\n    });\n}\n})();\n\u003C\u002Fscript>\n\n\u003C\u002Fsection>",{"value":204},[],"ccustom-code-b0SlOE5VY9",{},{"id":11,"type":17,"child":208,"class":210,"styles":218,"extra":220,"meta":17,"tagName":54,"title":55,"classStr":22,"_id":11},[209],"row-BtMSiWt5JN",{"width":211,"entranceAnimation":212,"animationScale":213,"animationDuration":214,"animationDelay":215,"animationEasing":216,"disableAnimatio
7892nsOnMobile":217},{"value":22},{"value":24},{"value":26},{"value":26},{"value":29},{"value":31},{"value":33},{"borderWidth":219},{"value":36},{"sticky":221,"visibility":222,"bgImage":224,"allowRowMaxWidth":226,"customClass":227,"elementScreenshot":229},{"value":39},{"value":223},{"hideDesktop":42,"hideMobile":42},{"value":225},{"mediaType":45,"url":46,"opacity":47,"options":48,"svgCode":46,"videoUrl":46,"videoThumbnail":46,"videoLoop":33},{"value":42},{"value":228},[],{"value":230},[],{"id":209,"type":57,"child":232,"class":234,"styles":242,"extra":244,"tagName":81,"meta":57,"title":82,"classStr":62},[233],"col-EvKzQVH_gz",{"alignRow":235,"entranceAnimation":236,"animationScale":237,"animationDuration":238,"animationDelay":239,"animationEasing":240,"disableAnimationsOnMobile":241},{"value":62},{"value":24},{"value":26},{"value":26},{"value":29},{"value":31},{"value":33},{"borderWidth":243},{"value":36},{"visibility":245,"bgImage":247,"rowWidth":249,"customClass":250},{"value":246},{"hideDesktop":42,"hideMobile":42},{"value":248},{"mediaType":45,"url":46,"opacity":47,"options":48,"svgCode":46,"videoUrl":46,"videoThumbnail":46,"videoLoop":33},{"value":77,"unit":78},{"value":251},[],{"id":233,"type":84,"child":253,"class":255,"styles":262,"extra":264,"tagName":112,"meta":84,"title":113,"noOfColumns":26},[254],"custom-code-bO3_yZ5oET",{"entranceAnimation":256,"animationScale":257,"animationDuration":258,"animationDelay":259,"animationEasing":260,"disableAnimationsOnMobile":261},{"value":24},{"value":26},{"value":26},{"value":29},{"value":31},{"value":33},{"borderWidth":263},{"value":36},{"visibility":265,"bgImage":267,"columnLayout":269,"justifyContentColumnLayout":270,"alignContentColumnLayout":271,"forceColumnLayoutForMobile":272,"customClass":273,"elementVersion":275},{"value":266},{"hideDesktop":42,"hideMobile":42},{"value":268},{"mediaType":45,"url":46,"opacity":47,"options":48,"svgCode":46,"videoUrl":46,"videoThumbnail":46,"videoLoop":33},{"value":102},{"value":104},{"value":106},{"value":33},{"value":274},[],{"value":111},{"extra":277,"id":254,"meta":124,"tagName":125,"class":286},{"visibility":278,"customCode":280,"customClass":283,"nodeId":285},{"value":279},{"hideMobile":46,"hideDesktop":46},{"value":281},{"rawCustomCode":282},"\u003C!-- =========================================================\n     VAD PLUS — SOCIAL PROOF NUMBERS\n     GoHighLevel Ready\n     Desktop + Tablet + Mobile\n========================================================= -->\n\n\u003Csection id=\"vad-proof-numbers\">\n\n\u003Cstyle>\n\n\u002F* =========================================================\n   VARIABLES\n========================================================= *\u002F\n\n#vad-proof-numbers {\n\n    --vpn-navy: #071B33;\n    --vpn-navy-2: #0D2B4D;\n\n    --vpn-green: #00B894;\n    --vpn-green-2: #16D3AD;\n\n    --vpn-white: #FFFFFF;\n\n    --vpn-bg: #F8FAFC;\n    --vpn-text: #0B2139;\n    --vpn-muted: #66778A;\n\n    --vpn-border: rgba(7,27,51,.08);\n\n    width: 100vw;\n    max-width: 100vw;\n\n    margin-inline:\n        calc(50% - 50vw);\n\n    position: relative;\n\n    overflow: hidden;\n\n    direction: rtl;\n\n    background:\n        #F8FAFC;\n\n    font-family:\n        \"Cairo\",\n        sans-serif !important;\n}\n\n\n#vad-proof-numbers *,\n#vad-proof-numbers *::before,\n#vad-proof-numbers *::after {\n\n    box-sizing: border-box;\n\n    font-family:\n        \"Cairo\",\n        sans-serif !important;\n}\n\n\n\u002F* =========================================================\n   BACKGROUND\n========================================================= *\u002F\n\n.vpn-background {\n\n    position: absolute;\n\n    inset: 0;\n\n    overflow: hidden;\n\n    pointer-events: none;\n}\n\n\n.vpn-green-glow {\n\n    position: absolute;\n\n    width: 430px;\n    height: 430px;\n\n    left: -210px;\n    top: 10%;\n\n    border-radius: 50%;\n\n    background:\n        rgba(0,184,148,.08);\n\n    filter:\n        blur(95px);\n}\n\n\n.vpn-navy-glow {\n\n    position: absolute;\n\n    width: 430px;\n    height: 430px;\n\n    right: -230px;\n    bottom: -200px;\n\n    border-radius: 50%;\n\n    background:\n        rgba(7,27,51,.065);\n\n    filter:\n        blur(100px);\n}\n\n\n\u002F* =========================================================\n   WRAPPER\n========================================================= *\u002F\n\n.vpn-wrap {\n\n    width:\n        min(\n            1680p
7892x,\n            calc(100% - 40px)\n        );\n\n    margin:\n        0 auto;\n\n    padding:\n        42px\n        clamp(22px,4vw,72px)\n        54px;\n\n    position: relative;\n\n    z-index: 5;\n}\n\n\n\u002F* =========================================================\n   HEADER\n========================================================= *\u002F\n\n.vpn-head {\n\n    max-width: 760px;\n\n    margin:\n        0 auto 29px;\n\n    text-align: center;\n}\n\n\n\u002F* EYEBROW *\u002F\n\n.vpn-eyebrow {\n\n    width: fit-content;\n\n    min-height: 38px;\n\n    margin:\n        0 auto 13px;\n\n    padding:\n        0 13px;\n\n    border:\n        1px solid\n        rgba(0,184,148,.16);\n\n    border-radius: 100px;\n\n    background:\n        rgba(255,255,255,.82);\n\n    color:\n        var(--vpn-green);\n\n    display: inline-flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    gap: 8px;\n\n    font-size: 13px;\n\n    font-weight: 900;\n}\n\n\n.vpn-eyebrow-dot {\n\n    width: 7px;\n    height: 7px;\n\n    border-radius: 50%;\n\n    background:\n        var(--vpn-green);\n\n    box-shadow:\n        0 0 0 5px\n        rgba(0,184,148,.08);\n}\n\n\n\u002F* TITLE *\u002F\n\n.vpn-title {\n\n    margin: 0;\n\n    color:\n        var(--vpn-navy);\n\n    font-size:\n        clamp(30px,3vw,46px);\n\n    line-height: 1.4;\n\n    letter-spacing: -1px;\n\n    font-weight: 900;\n}\n\n\n.vpn-title-highlight {\n\n    position: relative;\n\n    display: inline-block;\n\n    color:\n        var(--vpn-green);\n}\n\n\n.vpn-title-highlight::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    right: 0;\n    left: 0;\n\n    bottom: 3px;\n\n    height: 7px;\n\n    z-index: -1;\n\n    border-radius: 30px;\n\n    background:\n        rgba(0,184,148,.10);\n}\n\n\n\u002F* DESCRIPTION *\u002F\n\n.vpn-description {\n\n    margin:\n        11px auto 0;\n\n    color:\n        var(--vpn-muted);\n\n    font-size: 16px;\n\n    line-height: 1.9;\n\n    font-weight: 500;\n}\n\n\n\u002F* =========================================================\n   PROOF SHELL\n========================================================= *\u002F\n\n.vpn-shell {\n\n    position: relative;\n\n    padding: 12px;\n\n    border:\n        1px solid\n        rgba(7,27,51,.075);\n\n    border-radius: 27px;\n\n    background:\n        rgba(255,255,255,.88);\n\n    box-shadow:\n\n        0 22px 60px\n        rgba(7,27,51,.07),\n\n        0 8px 28px\n        rgba(0,184,148,.04);\n\n    backdrop-filter:\n        blur(14px);\n\n    -webkit-backdrop-filter:\n        blur(14px);\n\n    overflow: hidden;\n}\n\n\n\u002F* TOP GREEN LINE *\u002F\n\n.vpn-shell::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n\n    right: 8%;\n    left: 8%;\n\n    height: 2px;\n\n    border-radius:\n        0 0 20px 20px;\n\n    background:\n\n        linear-gradient(\n            90deg,\n            transparent,\n            rgba(0,184,148,.75),\n            transparent\n        );\n}\n\n\n\u002F* =========================================================\n   NUMBERS GRID\n========================================================= *\u002F\n\n.vpn-grid {\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(5, minmax(0,1fr));\n\n    align-items: stretch;\n}\n\n\n\u002F* =========================================================\n   STAT\n========================================================= *\u002F\n\n.vpn-stat {\n\n    position: relative;\n\n    min-height: 180px;\n\n    padding:\n        24px 18px;\n\n    display: flex;\n\n    flex-direction: column;\n\n    align-items: center;\n\n    justify-content: center;\n\n    text-align: center;\n\n    border-radius: 19px;\n\n    transition:\n        transform .22s ease,\n        background .22s ease,\n        box-shadow .22s ease,\n        border-color .22s ease;\n}\n\n\n\u002F* DIVIDERS *\u002F\n\n.vpn-stat:not(:last-child)::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    top: 24%;\n    bottom: 24%;\n\n    left: 0;\n\n    width: 1px;\n\n    background:\n\n        linear-gradient(\n            to bottom,\n            transparent,\n            rgba(7,27,51,.09),\n            transparent\n        );\n\n    transition:\n        opacity .22s ease;\n}\n\n\n@media (hover: hover) and (pointer: fine) {\n\n    .vpn-shell.vpn-visible\n    .vpn-stat:hover {\n\n        z-index: 4;\n\n        transition-delay: 0s;\n\n        transform:\n            translateY(-6px);\n\n        border-color:\n            rgba(0,184,148,.28);\n\n        background:\n            linear-gradient(\n                145deg,\n                var(--vpn-navy-2),\n                var(--vpn-navy)\n            );\n\n        box-shadow:\n            0 20px 44px\n            rgba(7,27,51,.20),\n\n            0 8px 26px\n            rgba(0,184,148,.13);\n    }\n\n\n    .vpn-stat:hover::after {\n        opacity: 0;\n    }\n\n\n    .vpn-stat:hover\n    .vpn-number,\n    .vpn-stat:hover\n    .vpn-label {\n        color: #FFFFFF;\n    }\n\n\n    .vpn-stat:hover\n    .vpn-label-sub {\n        color: rgba(255,255,255,.68);\n    }\n\n}\n\n\n\u002F* =========================================================\n   FEATURED 
7892STATS\n========================================================= *\u002F\n\n.vpn-stat-featured {\n\n    background:\n\n        linear-gradient(\n            145deg,\n            rgba(0,184,148,.055),\n            rgba(255,255,255,.72)\n        );\n}\n\n\n.vpn-stat-featured::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    top: 15px;\n\n    width: 34px;\n    height: 3px;\n\n    border-radius: 20px;\n\n    background:\n        var(--vpn-green);\n\n    opacity: .8;\n}\n\n\n\u002F* =========================================================\n   NUMBER\n========================================================= *\u002F\n\n.vpn-number-row {\n\n    direction: ltr !important;\n\n    unicode-bidi: isolate;\n\n    display: inline-flex;\n\n    align-items: baseline;\n\n    justify-content: center;\n\n    gap: 2px;\n\n    line-height: 1;\n}\n\n\n.vpn-plus {\n\n    color:\n        var(--vpn-green);\n\n    font-size:\n        clamp(27px,2.15vw,38px);\n\n    line-height: 1;\n\n    font-weight: 900;\n}\n\n\n.vpn-number {\n\n    color:\n        var(--vpn-navy);\n\n    font-size:\n        clamp(40px,3.7vw,62px);\n\n    line-height: 1;\n\n    letter-spacing: -2px;\n\n    font-weight: 900;\n\n    font-variant-numeric:\n        tabular-nums;\n\n    transition:\n        color .22s ease;\n}\n\n\n\u002F* FEATURED NUMBER *\u002F\n\n.vpn-stat-featured\n.vpn-number {\n\n    font-size:\n        clamp(44px,4vw,67px);\n}\n\n\n\u002F* =========================================================\n   LABEL\n========================================================= *\u002F\n\n.vpn-label {\n\n    margin-top: 13px;\n\n    color:\n        var(--vpn-navy);\n\n    font-size: 15px;\n\n    line-height: 1.6;\n\n    font-weight: 800;\n\n    transition:\n        color .22s ease;\n}\n\n\n.vpn-label-sub {\n\n    display: block;\n\n    margin-top: 3px;\n\n    color:\n        var(--vpn-muted);\n\n    font-size: 11.5px;\n\n    line-height: 1.55;\n\n    font-weight: 600;\n\n    transition:\n        color .22s ease;\n}\n\n\n\u002F* =========================================================\n   SMALL PROOF LINE\n========================================================= *\u002F\n\n.vpn-bottom {\n\n    min-height: 51px;\n\n    padding:\n        13px 18px 3px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    gap: 10px;\n\n    color:\n        #78889A;\n\n    text-align: center;\n\n    font-size: 12px;\n\n    line-height: 1.7;\n\n    font-weight: 600;\n}\n\n\n.vpn-bottom-check {\n\n    width: 24px;\n    height: 24px;\n\n    flex:\n        0 0 24px;\n\n    border-radius: 50%;\n\n    background:\n        rgba(0,184,148,.09);\n\n    color:\n        var(--vpn-green);\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n}\n\n\n.vpn-bottom-check svg {\n\n    width: 13px;\n    height: 13px;\n}\n\n\n\u002F* =========================================================\n   ENTRY ANIMATION\n========================================================= *\u002F\n\n.vpn-stat {\n\n    opacity: 0;\n\n    transform:\n        translateY(14px);\n\n    transition:\n        opacity .55s ease,\n        transform .55s ease,\n        background .22s ease,\n        box-shadow .22s ease,\n        border-color .22s ease;\n}\n\n\n.vpn-shell.vpn-visible\n.vpn-stat {\n\n    opacity: 1;\n\n    transform:\n        translateY(0);\n}\n\n\n.vpn-shell.vpn-visible\n.vpn-stat:nth-child(1) {\n\n    transition-delay: .03s;\n}\n\n\n.vpn-shell.vpn-visible\n.vpn-stat:nth-child(2) {\n\n    transition-delay: .09s;\n}\n\n\n.vpn-shell.vpn-visible\n.vpn-stat:nth-child(3) {\n\n    transition-delay: .15s;\n}\n\n\n.vpn-shell.vpn-visible\n.vpn-stat:nth-child(4) {\n\n    transition-delay: .21s;\n}\n\n\n.vpn-shell.vpn-visible\n.vpn-stat:nth-child(5) {\n\n    transition-delay: .27s;\n}\n\n\n\u002F* =========================================================\n   TABLET\n========================================================= *\u002F\n\n@media (max-width: 1050px) {\n\n    .vpn-wrap {\n\n        padding-top: 35px;\n    }\n\n\n    .vpn-grid {\n\n        grid-template-columns:\n            repeat(3,1fr);\n\n        gap: 5px;\n    }\n\n\n    .vpn-stat {\n\n        min-height: 165px;\n    }\n\n\n    .vpn-stat:not(:last-child)::after {\n\n        display: none;\n    }\n\n\n    .vpn-stat {\n\n        border:\n            1px solid\n            rgba(7,27,51,.045);\n    }\n\n\n    .vpn-stat:nth-child(4),\n    .vpn-stat:nth-child(5) {\n\n        grid-column:\n            span 1;\n    }\n\n\n    .vpn-stat:nth-child(4) {\n\n        grid-column:\n            1 \u002F 2;\n    }\n\n\n    .vpn-stat:nth-child(5) {\n\n        grid-column:\n            2 \u002F 4;\n    }\n\n}\n\n\n\u002F* =========================================================\n   MOBILE\n========================================================= *\u002F\n\n@media (max-width: 650px) {\n\n    .vpn-wrap {\n\n        width: 100%;\n\n        padding:\n            30px\n            17px\n            38px;\n    }\n\n\n    .vpn-head {\n\n        margin-bottom: 22px;\n    }\n\n\n    .vpn-eyebrow {\n\n        min-height: 36px;\n\n        margin-bottom: 11px;\n\n        padding:\n            0 11px;\n\n        font-size: 11.5px;\n    }\n\n\n    .vpn-title {\n\n        font-size:\n            clamp(29px,8vw,38px);\n\n        line-height: 1.45;\n    }\n\n\n    .vpn-description {\n\n        margin-top: 8px;\n\n        font-size: 14px;\n\n        line-height: 1.85;\n    }\n\n\n    .vpn-shell {\n\n        padding: 8px;\n\n        border-radius: 21px;\n    }\n\n\n    .vpn-grid {\n\n        grid-template-columns:\n            repeat(2,minmax(0,1fr));\n\n        gap: 7px;\n    }\n\n\n    .vpn-stat {\n\n        min-height: 145px;\n\n        padding:\n            20px 8px;\n\n        border-radius: 15px;\n    }\n\n\n    .vpn-stat:nth-child(4) {\n\n        grid-column: auto;\n    }\n\n\n    .vpn-stat:nth-child(5) {\n\n        grid-column:\n            1 \u002F -1;\n\n        min-height: 140px;\n    }\n\n\n    .vpn-number {\n\n        font-size:\n            clamp(37px,12vw,50px);\n    }\n\n\n    .vpn-stat-featured\n    .vpn-number {\n\n        font-size:\n            clamp(40px,13vw,54px);\n    }\n\n\n    .vpn-plus {\n\n        font-size:\n            clamp(24px,7vw,31px);\n    }\n\n\n    .vpn-label {\n\n        margin-top: 11px;\n\n        font-size: 13px;\n    }\n\n\n    .vpn-label-sub {\n\n        font-size: 10.5px;\n    }\n\n\n    .vpn-bottom {\n\n        min-height: 48px;\n\n        padding:\n            12px 8px 3px;\n\n        font-size: 10.5px;\n\n        line-height: 1.7;\n    }\n\n}\n\n\n\u002F* =========================================================\n   EXTRA SMALL MOBILE\n========================================================= *\u002F\n\n@media (max-width: 370px) {\n\n    .vpn-wrap {\n\n        padding-inline: 12px;\n    }\n\n\n    .vpn-stat {\n\n        min-height: 138px;\n\n        padding-inline: 5px;\n    }\n\n\n    .vpn-number {\n\n        font-size: 36px;\n    }\n\n\n    .vpn-stat-featured\n    .vpn-number {\n\n        font-size: 40px;\n    }\n\n\n    .vpn-label {\n\n        font-size: 12px;\n    }\n\n}\n\n\n\u002F* =========================================================\n   REDUCED MOTION\n========================================================= *\u002F\n\n@media (prefers-reduced-motion: reduce) {\n\n    #vad-proof-numbers *,\n    #vad-proof-numbers *::before,\n    #vad-proof-numbers *::after {\n\n        animation:\n            none !important;\n\n        transition:\n            none !important;\n    }\n\n\n    .vpn-stat {\n\n        opacity: 1 !important;\n\n        transform:\n            none !important;\n    }\n\n}\n\n\u003C\u002Fstyle>\n\n\n\n\u003C!-- =========================================================\n     BACKGROUND\n========================================================= -->\n\n\u003Cdiv\n    class=\"vpn-background\"\n    aria-hidden=\"true\"\n>\n\n    \u003Cdiv class=\"vpn-green-glow\">\u003C\u002Fdiv>\n\n    \u003Cdiv class=\"vpn-navy-glow\">\u003C\u002Fdiv>\n\n\u003C\u002Fdiv>\n\n\n\n\u003C!-- =========================================================\n     CONTENT\n========================================================= -->\n\n\u003Cdiv class=\"vpn-wrap\">\n\n\n    \u003C!-- =====================================================\n         HEADER\n    ====================================================== -->\n\n    \u003Cdiv class=\"vpn-head\">\n\n\n        \u003Cdiv class=\"vpn-eyebrow\">\n\n            \u003Cspan class=\"vpn-eyebrow-dot\">\u003C\u002Fspan>\n\n            VAD PLUS بالأرقام\n\n        \u003C\u002Fdiv>\n\n\n        \u003Ch2 class=\"vpn-title\">\n\n            أرقام صنعتها\n\n            \u003Cspan class=\"vpn-title-highlight\">\n                التجربة.\n            \u003C\u002Fspan>\n\n        \u003C\u002Fh2>\n\n\n        \u003Cp class=\"vpn-description\">\n\n            سنوات من التدريب، التنفيذ والتطوير مع مشاريع وعملاء حقيقيين.\n\n        \u003C\u002Fp>\n\n\n    \u003C\u002Fdiv>\n\n\n\n    \u003C!-- =====================================================\n         PROOF BOX\n    ====================================================== -->\n\n    \u003Cdiv\n        class=\"vpn-shell\"\n        id=\"vadProofShell\"\n    >\n\n\n        \u003Cdiv class=\"vpn-grid\">\n\n\n            \u003C!-- =================================================\n                 3000 TRAINEES\n            ================================================== -->\n\n            \u003Cdiv class=\"vpn-stat vpn-stat-featured\">\n\n\n                \u003Cdiv class=\"vpn-number-row\">\n\n                    \u003Cspan class=\"vpn-plus\">\n                        +\n                    \u003C\u002Fspan>\n\n                    \u003Cspan\n                        class=\"vpn-number\"\n                        data-vpn-count=\"3000\"\n                    >\n                        0\n                    \u003C\u002Fspan>\n\n                \u003C\u002Fdiv>\n\n\n                \u003Cdiv class=\"vpn-label\">\n\n                    متدرب\n\n                    \u003Cspan class=\"vpn-label-sub\">\n                        ضمن برامج وتدريبات VAD Plus\n                    \u003C\u002Fspan>\n\n                \u003C\u002Fdiv>\n\n\n            \u003C\u002Fdiv>\n\n\n\n            \u003C!-- =================================================\n                 100 WORKSHOPS\n            ================================================== -->\n\n            \u003Cdiv class=\"vpn-stat\">\n\n\n                \u003Cdiv class=\"vpn-number-row\">\n\n                    \u003Cspan class=\"vpn-plus\">\n                        +\n                    \u003C\u002Fspan>\n\n                    \u003Cspan\n                        class=\"vpn-number\"\n                        data-vpn-count=\"100\"\n                    >\n                        0\n                    \u003C\u002Fspan>\n\n                \u003C\u002Fdiv>\n\n\n                \u003Cdiv class=\"vpn-label\">\n\n                    ورشة عمل\n\n                    \u003Cspan class=\"vpn-label-sub\">\n                        تدريبات وجلسات تطبيقية\n                    \u003C\u002Fspan>\n\n                \u003C\u002Fdiv>\n\n\n            \u003C\u002Fdiv>\n\n\n\n            \u003C!-- =================================================\n                 149 PROJECTS\n            ================================================== -->\n\n            \u003Cdiv class=\"vpn-stat\">\n\n\n                \u003Cdiv class=\"vpn-number-row\">\n\n                    \u003Cspan class=\"vpn-plus\">\n                        +\n                    \u003C\u002Fspan>\n\n                    \u003Cspan\n                        class=\"vpn-number\"\n                        data-vpn-count=\"149\"\n                    >\n                        0\n                    \u003C\u002Fspan>\n\n                \u003C\u002Fdiv>\n\n\n                \u003Cdiv class=\"vpn-label\">\n\n                    مشروع\n\n                    \u003Cspan class=\"vpn-label-sub\">\n                        تم العمل والتنفيذ عليها\n                    \u003C\u002Fspan>\n\n                \u003C\u002Fdiv>\n\n\n            \u003C\u002Fdiv>\n\n\n\n            \u003C!-- =================================================\n                 11 YEARS\n            ================================================== -->\n\n            \u003Cdiv class=\"vpn-stat\">\n\n\n                \u003Cdiv class=\"vpn-number-row\">\n\n                    \u003Cspan class=\"vpn-plus\">\n                        +\n                    \u003C\u002Fspan>\n\n                    \u003Cspan\n                        class=\"vpn-number\"\n                        data-vpn-count=\"11\"\n                    >\n                        0\n                    \u003C\u002Fspan>\n\n                \u003C\u002Fdiv>\n\n\n                \u003Cdiv class=\"vpn-label\">\n\n                    سنة خبرة\n\n                    \u003Cspan class=\"vpn-label-sub\">\n                        في التسويق والتدريب والتنفيذ\n                    \u003C\u002Fspan>\n\n                \u003C\u002Fdiv>\n\n\n            \u003C\u002Fdiv>\n\n\n\n            \u003C!-- =================================================\n                 50 ACTIVE CLIENTS\n            ================================================== -->\n\n            \u003Cdiv class=\"vpn-stat vpn-stat-featured\">\n\n\n                \u003Cdiv class=\"vpn-number-row\">\n\n                    \u003Cspan class=\"vpn-plus\">\n                        +\n                    \u003C\u002Fspan>\n\n                    \u003Cspan\n                        class=\"vpn-number\"\n                        data-vpn-count=\"50\"\n                    >\n                        0\n                    \u003C\u002Fspan>\n\n                \u003C\u002Fdiv>\n\n\n                \u003Cdiv class=\"vpn-label\">\n\n                    عميل مستمر حاليًا\n\n                    \u003Cspan class=\"vpn-label-sub\">\n                        شراكات وعلاقات عمل مستمرة\n                    \u003C\u002Fspan>\n\n                \u003C\u002Fdiv>\n\n\n            \u003C\u002Fdiv>\n\n\n        \u003C\u002Fdiv>\n\n\n\n        \u003C!-- =================================================\n             BOTTOM PROOF\n        ================================================== -->\n\n        \u003Cdiv class=\"vpn-bottom\">\n\n\n            \u003Cspan class=\"vpn-bottom-check\">
7892\n\n                \u003Csvg\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"2.2\"\n                >\n\n                    \u003Cpath d=\"m5 12 4 4L19 6\"\u002F>\n\n                \u003C\u002Fsvg>\n\n            \u003C\u002Fspan>\n\n\n            \u003Cspan>\n\n                الأرقام مستمرة بالنمو مع كل تدريب، مشروع وشراكة جديدة.\n\n            \u003C\u002Fspan>\n\n\n        \u003C\u002Fdiv>\n\n\n    \u003C\u002Fdiv>\n\n\n\u003C\u002Fdiv>\n\n\n\n\u003Cscript>\n\n(function () {\n\n\"use strict\";\n\n\n\u002F* =========================================================\n   ELEMENTS\n========================================================= *\u002F\n\nconst shell =\n    document.getElementById(\n        \"vadProofShell\"\n    );\n\n\nif (!shell) {\n    return;\n}\n\n\nconst counters =\n    shell.querySelectorAll(\n        \"[data-vpn-count]\"\n    );\n\n\nlet hasAnimated =\n    false;\n\n\n\u002F* =========================================================\n   NUMBER FORMAT\n========================================================= *\u002F\n\nfunction formatNumber(value) {\n\n    return Number(value)\n        .toLocaleString(\n            \"en-US\"\n        );\n\n}\n\n\n\u002F* =========================================================\n   SET FINAL VALUES\n========================================================= *\u002F\n\nfunction setFinalValues() {\n\n    counters.forEach(\n        function (counter) {\n\n            const target =\n                parseInt(\n                    counter.getAttribute(\n                        \"data-vpn-count\"\n                    ),\n                    10\n                );\n\n\n            counter.textContent =\n                formatNumber(\n                    target\n                );\n\n        }\n    );\n\n}\n\n\n\u002F* =========================================================\n   COUNT UP\n========================================================= *\u002F\n\nfunction animateCounter(\n    element,\n    target\n) {\n\n    const duration =\n        target >= 1000\n        ? 1850\n        : target >= 100\n            ? 1500\n            : 1250;\n\n\n    const startTime =\n        performance.now();\n\n\n    function update(now) {\n\n\n        const elapsed =\n            now - startTime;\n\n\n        const progress =\n            Math.min(\n                elapsed \u002F duration,\n                1\n            );\n\n\n        \u002F*\n          Smooth ease out\n        *\u002F\n\n        const eased =\n            1 -\n            Math.pow(\n                1 - progress,\n                3\n            );\n\n\n        const current =\n            Math.floor(\n                target * eased\n            );\n\n\n        element.textContent =\n            formatNumber(\n                current\n            );\n\n\n        if (\n            progress \u003C 1\n        ) {\n\n            requestAnimationFrame(\n                update\n            );\n\n        }\n\n        else {\n\n            element.textContent =\n                formatNumber(\n                    target\n                );\n\n        }\n\n    }\n\n\n    requestAnimationFrame(\n        update\n    );\n\n}\n\n\n\n\u002F* =========================================================\n   START ANIMATION\n========================================================= *\u002F\n\nfunction startProofAnimation() {\n\n    if (hasAnimated) {\n        return;\n    }\n\n\n    hasAnimated =\n        true;\n\n\n    shell.classList.add(\n        \"vpn-visible\"\n    );\n\n\n    counters.forEach(\n        function (\n            counter,\n            index\n        ) {\n\n\n            const target =\n                parseInt(\n                    counter.getAttribute(\n                        \"data-vpn-count\"\n                    ),\n                    10\n                );\n\n\n            setTimeout(\n                function () {\n\n                    animateCounter(\n                        counter,\n                        target\n                    );\n\n                },\n                index * 95\n            );\n\n\n        }\n    );\n\n}\n\n\n\n\u002F* =========================================================\n   REDUCED MOTION\n========================================================= *\u002F\n\nif (\n    window.matchMedia(\n        \"(prefers-reduced-motion: reduce)\"\n    ).matches\n) {\n\n    shell.classList.add(\n        \"vpn-visible\"\n    );\n\n\n    setFinalValues();\n\n\n    return;\n}\n\n\n\n\u002F* =========================================================\n   INTERSECTION OBSERVER\n========================================================= *\u002F\n\nif (\n    \"IntersectionObserver\"\n    in window\n) {\n\n\n    const observer =\n        new IntersectionObserver(\n\n            function (entries) {\n\n\n                entr
7892ies.forEach(\n                    function (entry) {\n\n\n                        if (\n                            entry.isIntersecting\n                        ) {\n\n                            startProofAnimation();\n\n\n                            observer.disconnect();\n\n                        }\n\n\n                    }\n                );\n\n            },\n\n            {\n\n                threshold: .32,\n\n                rootMargin:\n                    \"0px 0px -6% 0px\"\n\n            }\n\n        );\n\n\n    observer.observe(\n        shell\n    );\n\n}\n\nelse {\n\n    startProofAnimation();\n\n}\n\n})();\n\u003C\u002Fscript>\n\n\u003C\u002Fsection>\n",{"value":284},[],"ccustom-code-bO3_yZ5oET",{},{"id":12,"type":17,"child":288,"class":290,"styles":298,"extra":300,"meta":17,"tagName":54,"title":55,"classStr":22,"_id":12},[289],"row-hLN6etf885",{"width":291,"entranceAnimation":292,"animationScale":293,"animationDuration":294,"animationDelay":295,"animationEasing":296,"disableAnimationsOnMobile":297},{"value":22},{"value":24},{"value":26},{"value":26},{"value":29},{"value":31},{"value":33},{"borderWidth":299},{"value":36},{"sticky":301,"visibility":302,"bgImage":304,"allowRowMaxWidth":306,"customClass":307,"elementScreenshot":309},{"value":39},{"value":303},{"hideDesktop":42,"hideMobile":42},{"value":305},{"mediaType":45,"url":46,"opacity":47,"options":48,"svgCode":46,"videoUrl":46,"videoThumbnail":46,"videoLoop":33},{"value":42},{"value":308},[],{"value":310},[],{"id":289,"type":57,"child":312,"class":314,"styles":322,"extra":324,"tagName":81,"meta":57,"title":82,"classStr":62},[313],"col-T1TvorGEqm",{"alignRow":315,"entranceAnimation":316,"animationScale":317,"animationDuration":318,"animationDelay":319,"animationEasing":320,"disableAnimationsOnMobile":321},{"value":62},{"value":24},{"value":26},{"value":26},{"value":29},{"value":31},{"value":33},{"borderWidth":323},{"value":36},{"visibility":325,"bgImage":327,"rowWidth":329,"customClass":330},{"value":326},{"hideDesktop":42,"hideMobile":42},{"value":328},{"mediaType":45,"url":46,"opacity":47,"options":48,"svgCode":46,"videoUrl":46,"videoThumbnail":46,"videoLoop":33},{"value":77,"unit":78},{"value":331},[],{"id":313,"type":84,"child":333,"class":335,"styles":342,"extra":344,"tagName":112,"meta":84,"title":113,"noOfColumns":26},[334],"custom-code-qBGNQFvxbI",{"entranceAnimation":336,"animationScale":337,"animationDuration":338,"animationDelay":339,"animationEasing":340,"disableAnimationsOnMobile":341},{"value":24},{"value":26},{"value":26},{"value":29},{"value":31},{"value":33},{"borderWidth":343},{"value":36},{"visibility":345,"bgImage":347,"columnLayout":349,"justifyContentColumnLayout":350,"alignContentColumnLayout":351,"forceColumnLayoutForMobile":352,"customClass":353,"elementVersion":355},{"value":346},{"hideDesktop":42,"hideMobile":42},{"value":348},{"mediaType":45,"url":46,"opacity":47,"options":48,"svgCode":46,"videoUrl":46,"videoThumbnail":46,"videoLoop":33},{"value":102},{"value":104},{"value":106},{"value":33},{"value":354},[],{"value":111},{"extra":357,"id":334,"meta":124,"tagName":125,"class":366},{"visibility":358,"customCode":360,"customClass":363,"nodeId":365},{"value":359},{"hideMobile":46,"hideDesktop":46},{"value":361},{"rawCustomCode":362},"\u003C!-- =========================================================\n     VAD PLUS — TRAINER EXPERIENCE ENGINEERING\n     Premium Home Section (Fixed Ghost Modal Overlay)\n     GoHighLevel Ready\n========================================================= -->\n\n\u003Csection id=\"vad-trainer-engineering\" dir=\"rtl\">\n\n\u003Cstyle>\n\u002F* =========================================================\n   ROOT\n========================================================= *\u002F\n#vad-trainer-engineering,\n#vad-trainer-engineering *,\n#vad-trainer-engineering *::before,\n#vad-trainer-engineering *::after {\n    box-sizing: border-box;\n    font-family: \"Cairo\", sans-serif !important;\n}\n\n#vad-trainer-engineering {\n    --vad-navy: #071B33;\n    --vad-navy-2: #0D2B4D;\n    --vad-green: #00B894;\n    --vad-green-2: #14D2AA;\n    --vad-white: #FFFFFF;\n    --vad-bg: #F7FAFA;\n    --vad-text: #0B2139;\n    --vad-muted: #687A8D;\n    --vad-border: rgba(7,27,51,.08);\n    --vad-green-soft: rgba(0,184,148,.08);\n\n    width: 100vw;\n    max-width: 100vw;\n    margin-inline: calc(50% - 50vw);\n    position: relative;\n    overflow: hidden;\n    background:\n        radial-gradient(circle at 12% 18%, rgba(0,184,148,.08), transparent 28%),\n        radial-gradient(circle at 88% 82%, rgba(7,27,51,.06), transparent 30%),\n        var(--vad-bg);\n    color: var(--vad-text);\n}\n\n#vad-trainer-engineering .vte-bg-grid {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    opacity: .28;\n    background-image:\n        linear-gradient(rgba(7,27,51,.035) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(7,27,51,.035) 1px, transparent 1px);\n    background-size: 52px 52px;\n    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 14%, #000 85%, transparent 100%);\n    mask-image: linear-gradient(to bottom, transparent 0%, #000 14%, #000 85%, transparent 100%);\n}\n\n#vad-trainer-engineering .vte-wrap {\n    width: min(1680px, calc(100% - 40px));\n    margin: 0 auto;\n    padding: clamp(72px,7vw,118px) clamp(25px,4vw,72px) clamp(54px,6vw,92px);\n    position: relative;\n    z-index: 2;\n}\n\n#vad-trainer-engineering .vte-grid {\n    display: grid;\n    grid-template-columns: minmax(0,.85fr) minmax(560px,1.15fr);
7892\n    align-items: center;\n    gap: clamp(48px,6vw,105px);\n}\n\n#vad-trainer-engineering .vte-copy { max-width: 720px; }\n\n#vad-trainer-engineering .vte-kicker {\n    width: fit-content;\n    min-height: 52px;\n    padding: 0 19px;\n    display: inline-flex;\n    align-items: center;\n    gap: 11px;\n    border: 1px solid rgba(0,184,148,.24);\n    border-radius: 100px;\n    background: var(--vad-navy);\n    color: #FFFFFF;\n    font-size: 16px;\n    line-height: 1.5;\n    font-weight: 900;\n    box-shadow: 0 12px 28px rgba(7,27,51,.13), 0 5px 18px rgba(0,184,148,.07);\n}\n\n#vad-trainer-engineering .vte-kicker-dot {\n    position: relative;\n    width: 8px;\n    height: 8px;\n    flex: 0 0 8px;\n    border-radius: 50%;\n    background: var(--vad-green);\n}\n\n#vad-trainer-engineering .vte-kicker-dot::after {\n    content: \"\";\n    position: absolute;\n    inset: -5px;\n    border-radius: 50%;\n    border: 1px solid rgba(24,212,174,.46);\n}\n\n#vad-trainer-engineering .vte-title {\n    margin: 23px 0 0;\n    max-width: 760px;\n    color: var(--vad-navy);\n    font-size: clamp(38px,4vw,64px);\n    line-height: 1.35;\n    letter-spacing: -1.5px;\n    font-weight: 900;\n}\n\n#vad-trainer-engineering .vte-highlight {\n    position: relative;\n    display: inline-block;\n    color: var(--vad-green);\n    white-space: normal;\n}\n\n#vad-trainer-engineering .vte-highlight::after {\n    content: \"\";\n    position: absolute;\n    right: 1px;\n    left: 1px;\n    bottom: 2px;\n    height: 9px;\n    z-index: -1;\n    border-radius: 99px;\n    background: rgba(0,184,148,.11);\n}\n\n#vad-trainer-engineering .vte-description {\n    max-width: 680px;\n    margin: 25px 0 0;\n    color: var(--vad-muted);\n    font-size: 17px;\n    line-height: 2;\n    font-weight: 500;\n}\n\n#vad-trainer-engineering .vte-concept {\n    position: relative;\n    overflow: hidden;\n    margin-top: 25px;\n    padding: 17px 18px;\n    border: 1px solid rgba(0,184,148,.17);\n    border-radius: 17px;\n    background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(0,184,148,.055));\n    box-shadow: 0 12px 32px rgba(7,27,51,.055);\n    display: flex;\n    align-items: center;\n    gap: 14px;\n}\n\n#vad-trainer-engineering .vte-concept::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 4px;\n    height: 100%;\n    background: var(--vad-green);\n}\n\n#vad-trainer-engineering .vte-concept-icon {\n    width: 46px;\n    height: 46px;\n    flex: 0 0 46px;\n    border-radius: 13px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--vad-navy);\n    color: #FFFFFF;\n}\n\n#vad-trainer-engineering .vte-concept-icon svg { width: 22px; height: 22px; }\n#vad-trainer-engineering .vte-concept-copy { min-width: 0; }\n#vad-trainer-engineering .vte-concept-title { display: block; color: var(--vad-navy); font-size: 16px; line-height: 1.5; font-weight: 900; }\n#vad-trainer-engineering .vte-concept-sub { display: block; margin-top: 3px; color: var(--vad-muted); font-size: 12px; line-height: 1.7; font-weight: 700; }\n\n#vad-trainer-engineering .vte-actions {\n    margin-top: 25px;\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n}\n\n#vad-trainer-engineering .vte-btn {\n    min-height: 55px;\n    padding: 0 20px;\n    border-radius: 15px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    text-decoration: none;\n    font-size: 14px;\n    line-height: 1.4;\n    font-weight: 900;\n    cursor: pointer !important;\n    pointer-events: auto !important;\n    transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease, color .2s ease;\n}\n\n#vad-trainer-engineering .vte-btn-primary {\n    border: 1px solid var(--vad-green);\n    background: var(--vad-green);\n    color: #FFFFFF;\n    box-shadow: 0 13px 30px rgba(0,184,148,.18);\n}\n\n#vad-trainer-engineering .vte-btn-primary:hover {\n    transform: translateY(-2px);\n    background: var(--vad-navy);\n    border-color: var(--vad-navy);\n    box-shadow: 0 16px 36px rgba(7,27,51,.16);\n}\n\n#vad-trainer-engineering .vte-btn-secondary {\n    border: 1px solid rgba(7,27,51,.12);\n    background: rgba(255,255,255,.90);\n    color: var(--vad-navy);\n}\n\n#vad-trainer-engineering .vte-btn-secondary:hover {\n    transform: translateY(-2px);\n    border-color: rgba(0,184,148,.32);\n    background: #FFFFFF;\n    color: var(--vad-green);\n}\n\n#vad-trainer-engineering .vte-btn-arrow {\n    width: 28px;\n    height: 28px;\n    border-radius: 9px;\n    display: inline-flex;
7892\n    align-items: center;\n    justify-content: center;\n    background: rgba(255,255,255,.15);\n    font-size: 16px;\n    transition: transform .2s ease, background .2s ease, color .2s ease;\n}\n\n#vad-trainer-engineering .vte-btn-primary:hover .vte-btn-arrow {\n    background: var(--vad-green);\n    color: #FFFFFF;\n    transform: translateX(-3px);\n}\n\n#vad-trainer-engineering .vte-btn-secondary .vte-btn-arrow {\n    background: rgba(0,184,148,.08);\n    color: var(--vad-green);\n}\n\n#vad-trainer-engineering .vte-btn-secondary:hover .vte-btn-arrow {\n    transform: translateX(-3px);\n}\n\n\u002F* VISUAL *\u002F\n#vad-trainer-engineering .vte-visual {\n    position: relative;\n    min-height: 620px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n#vad-trainer-engineering .vte-system {\n    position: relative;\n    width: min(680px,100%);\n    min-height: 500px;\n}\n\n#vad-trainer-engineering .vte-window {\n    position: absolute;\n    z-index: 8;\n    top: 50%;\n    left: 50%;\n    width: 72%;\n    transform: translate(-50%,-50%);\n    overflow: hidden;\n    border: 1px solid rgba(7,27,51,.10);\n    border-radius: 24px;\n    background: #FFFFFF;\n    box-shadow: 0 35px 80px rgba(7,27,51,.13), 0 12px 32px rgba(0,184,148,.07);\n}\n\n#vad-trainer-engineering .vte-window-bar {\n    min-height: 54px;\n    padding: 0 16px;\n    border-bottom: 1px solid rgba(7,27,51,.07);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 14px;\n    background: linear-gradient(to left, rgba(255,255,255,1), rgba(248,251,251,1));\n}\n\n#vad-trainer-engineering .vte-window-title { color: var(--vad-navy); font-size: 13px; font-weight: 900; }\n#vad-trainer-engineering .vte-window-dots { display: flex; align-items: center; gap: 5px; direction: ltr; }\n#vad-trainer-engineering .vte-window-dots span { width: 7px; height: 7px; border-radius: 50%; background: rgba(7,27,51,.13); }\n#vad-trainer-engineering .vte-window-dots span:first-child { background: var(--vad-green); }\n\n#vad-trainer-engineering .vte-window-body {\n    display: grid;\n    grid-template-columns: 92px minmax(0,1fr);\n    min-height: 320px;\n    direction: ltr;\n}\n\n#vad-trainer-engineering .vte-sidebar {\n    padding: 13px 10px;\n    border-right: 1px solid rgba(7,27,51,.065);\n    background: linear-gradient(180deg, var(--vad-navy), #0B2948);\n    display: flex;\n    flex-direction: column;\n    gap: 7px;\n    direction: rtl;\n}\n\n#vad-trainer-engineering .vte-side-brand { min-height: 42px; margin-bottom: 4px; border: 1px solid rgba(255,255,255,.10); border-radius: 10px; display: flex; align-items: center; justify-content: center; color: #FFFFFF; font-size: 9px; font-weight: 900; }\n#vad-trainer-engineering .vte-side-item { min-height: 34px; padding: 0 7px; border-radius: 8px; display: flex; align-items: center; gap: 6px; color: rgba(255,255,255,.58); font-size: 8.5px; font-weight: 700; }\n#vad-trainer-engineering .vte-side-item.is-active { background: rgba(0,184,148,.18); color: #FFFFFF; }\n#vad-trainer-engineering .vte-side-dot { width: 5px; height: 5px; flex: 0 0 5px; border-radius: 50%; background: var(--vad-green); }\n\n#vad-trainer-engineering .vte-dashboard { min-width: 0; padding: 18px; direction: rtl; }\n#vad-trainer-engineering .vte-dashboard-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }\n#vad-trainer-engineering .vte-dashboard-title { color: var(--vad-navy); font-size: 18px; line-height: 1.5; font-weight: 900; }\n#vad-trainer-engineering .vte-dashboard-sub { margin-top: 3px; color: var(--vad-muted); font-size: 9.5px; line-height: 1.65; font-weight: 600; }\n#vad-trainer-engineering .vte-status { min-height: 28px; padding: 0 9px; border-radius: 999px; display: inline-flex; align-items: center; gap: 6px; background: rgba(0,184,148,.08); color: var(--vad-green); font-size: 8.5px; font-weight: 900; white-space: nowrap; }\n#vad-trainer-engineering .vte-status-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--vad-green); }\n\n#vad-trainer-engineering .vte-modules { margin-top: 16px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }\n#vad-trainer-engineering .vte-module { min-width: 0; min-height: 76px; padding: 11px; border: 1px solid rgba(7,27,51,.07); border-radius: 12px; background: linear-gradient(180deg, #FFFFFF, #FAFCFC); }\n#vad-trainer-engineering .vte-module-icon { width: 27px; height: 27px; border-radius: 8px; display: flex; align-items: center; justify-content: center; background: rgba(0,184,148,.08); color: var(--vad-green); }\n#vad-trainer-engineering .vte-module-icon svg { width: 14px; height: 14px; }\n#vad-trainer-engineering .vte-module-title { display: block; margin-top: 8px; color: var(--vad-navy); font-size: 9px; line-height: 1.45; font-weight: 900; }\n\n#vad-trainer-engineering .vte-flow { margin-top: 11px; padding: 12px; border: 1px solid rgba(7,27,51,.065); border-radius: 12px; background: rgba(247,250,250,.88); }\n#vad-trainer-engineering .vte-flow-label { color: var(--vad-navy); font-size: 9px; font-weight: 900; }\n#vad-trainer-engineering .vte-flow-track { margin-top: 8px; display: flex; align-items: center; gap: 5px; }\n#vad-trainer-engineering .vte-flow-step { flex: 1; min-width: 0; min-height: 27px; padding: 0 4px; border-radius: 8px; display: flex; align-items: center; justify-content: center; color: #627589; background: #FFFFFF; border: 1px solid rgba(7,27,51,.06); font-size: 7.5px; font-weight: 800; white-space: nowrap; }\n#vad-trainer-engineering .vte-flow-step.is-green { color: var(--vad-green); background: rgba(0,184,148,.065); border-color: rgba(0,184,148,.14); }\n#vad-trainer-engineering .vte-flow-arrow { flex: 0 0 auto; color: var(--vad-green); font-size: 10px; font-weight: 900; }\n\n#vad-trainer-engineering .vte-connector { position: absolute; z-index: 3; height: 1px; background: linear-gradient(90deg, rgba(0,184,148,.62), rgba(7,27,51,.08)); transform-origin: 0 50%; }\n#vad-trainer-engineering .vte-connector::after { content: \"\"; position: absolute; top: -2px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: var(--vad-green); box-shadow: 0 0 10px rgba(0,184,148,.55); animation: vteSignal 4.8s ease-in-out infinite; }\n#vad-trainer-engineering .vte-connector-1 { width: 118px; top: 30%; left: 32%; transform: rotate(205deg); }\n#vad-trainer-engineering .vte-connector-2 { width: 120px; top: 31%;
7892 right: 32%; transform: rotate(-25deg); }\n#vad-trainer-engineering .vte-connector-3 { width: 130px; bottom: 30%; left: 31%; transform: rotate(155deg); }\n#vad-trainer-engineering .vte-connector-4 { width: 128px; bottom: 30%; right: 31%; transform: rotate(25deg); }\n\n@keyframes vteSignal { 0%,15% { left: 0; opacity: 0; } 25% { opacity: 1; } 75% { opacity: 1; } 100% { left: calc(100% - 5px); opacity: 0; } }\n\n#vad-trainer-engineering .vte-node {\n    position: absolute;\n    z-index: 12;\n    width: 210px;\n    min-height: 94px;\n    padding: 13px 14px;\n    border: 1px solid rgba(7,27,51,.075);\n    border-radius: 16px;\n    background: rgba(255,255,255,.97);\n    box-shadow: 0 16px 34px rgba(7,27,51,.08);\n    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;\n}\n\n#vad-trainer-engineering .vte-node:hover {\n    transform: translateY(-3px);\n    border-color: rgba(0,184,148,.28);\n    box-shadow: 0 20px 42px rgba(7,27,51,.11), 0 8px 22px rgba(0,184,148,.08);\n}\n\n#vad-trainer-engineering .vte-node-head { display: flex; align-items: center; gap: 9px; }\n#vad-trainer-engineering .vte-node-icon { width: 34px; height: 34px; flex: 0 0 34px; border-radius: 10px; display: flex; align-items: center; justify-content: center; background: rgba(0,184,148,.08); color: var(--vad-green); }\n#vad-trainer-engineering .vte-node-icon svg { width: 18px; height: 18px; }\n#vad-trainer-engineering .vte-node-title { color: var(--vad-navy); font-size: 12.5px; line-height: 1.5; font-weight: 900; }\n#vad-trainer-engineering .vte-node-desc { margin-top: 8px; color: var(--vad-muted); font-size: 10.5px; line-height: 1.65; font-weight: 600; }\n#vad-trainer-engineering .vte-node-1 { top: 4%; right: 1%; border-color: rgba(0,184,148,.18); }\n#vad-trainer-engineering .vte-node-2 { top: 5%; left: 1%; }\n#vad-trainer-engineering .vte-node-3 { bottom: 5%; right: 0; }\n#vad-trainer-engineering .vte-node-4 { bottom: 5%; left: 0; }\n\n#vad-trainer-engineering .vte-punch {\n    position: relative;\n    overflow: hidden;\n    margin-top: clamp(48px,5vw,78px);\n    padding: clamp(24px,3vw,36px);\n    border-radius: 24px;\n    background: linear-gradient(120deg, var(--vad-navy), var(--vad-navy-2));\n    box-shadow: 0 24px 58px rgba(7,27,51,.15);\n    color: #FFFFFF;\n}\n\n#vad-trainer-engineering .vte-punch::after { content: \"\"; position: absolute; width: 230px; height: 230px; left: -95px; bottom: -160px; border-radius: 50%; background: rgba(0,184,148,.88); }\n#vad-trainer-engineering .vte-punch-inner { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: clamp(24px,4vw,64px); }\n#vad-trainer-engineering .vte-punch-copy { min-width: 0; flex: 1; }\n#vad-trainer-engineering .vte-punch-small { display: block; margin-bottom: 7px; color: rgba(255,255,255,.66); font-size: 13px; line-height: 1.6; font-weight: 800; }\n#vad-trainer-engineering .vte-punch-strong { max-width: 1080px; display: block; color: #FFFFFF; font-size: clamp(24px,2.35vw,38px); line-height: 1.55; font-weight: 900; }\n#vad-trainer-engineering .vte-punch-accent { color: var(--vad-green-2); }\n\n#vad-trainer-engineering .vte-punch-btn {\n    flex: 0 0 auto;\n    min-height: 56px;\n    padding: 0 18px;\n    border: 1px solid rgba(255,255,255,.18);\n    border-radius: 15px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    background: #FFFFFF;\n    color: var(--vad-navy);\n    text-decoration: none;\n    font-size: 13px;\n    line-height: 1.4;\n    font-weight: 900;\n    white-space: nowrap;\n    box-shadow: 0 12px 28px rgba(0,0,0,.12);\n    cursor: pointer !important;\n    pointer-events: auto !important;\n    transition: transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;\n}\n\n#vad-trainer-engineering .vte-punch-btn-arrow {\n    width: 29px;\n    height: 29px;\n    border-radius: 9px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: rgba(0,184,148,.10);\n    color: var(--vad-green);\n    font-size: 16px;\n    font-weight: 900;\n    transition: transform .2s ease, background .2s ease, color .2s ease;\n}\n\n#vad-trainer-engineering .vte-punch-btn:hover {\n    transform: translateY(-2px);\n    background: var(--vad-green);\n    border-color: var(--vad-green);\n    color: #FFFFFF;\n    box-shadow: 0 16px 34px rgba(0,184,148,.20);\n}\n\n#vad-trainer-engineering .vte-punch-btn:hover .vte-punch-btn-arrow {\n    transform: translateX(-3px);\n    background: #FFFFFF;\n    color: var(--vad-green);\n}\n\n\u002F* =========================================================\n   QUIZ POPUP MODAL (FIXED: DISPLAY NONE WHEN NOT ACTIVE)\n========================================================= *\u002F\n#vte-quiz-modal {\n    display: none !important; \u002F* التعديل الجذري هنا لمنع حجب الشاشة *\u002F\n    position: fixed;\n    inset: 0;\n    z-index: 2147483030;
7892\n    align-items: center;\n    justify-content: center;\n    padding: 16px;\n    background: rgba(7, 27, 51, 0.72);\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none !important;\n}\n\n#vte-quiz-modal.is-active {\n    display: flex !important;\n    opacity: 1 !important;\n    visibility: visible !important;\n    pointer-events: auto !important;\n}\n\n.vte-quiz-dialog {\n    position: relative;\n    width: 100%;\n    max-width: 680px;\n    max-height: 90vh;\n    background: #FFFFFF;\n    border-radius: 24px;\n    box-shadow: 0 25px 70px rgba(7, 27, 51, 0.35);\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    direction: rtl;\n    transform: scale(0.95) translateY(12px);\n    transition: transform .25s cubic-bezier(.22,.8,.3,1);\n    pointer-events: auto !important;\n}\n\n#vte-quiz-modal.is-active .vte-quiz-dialog {\n    transform: scale(1) translateY(0);\n}\n\n.vte-quiz-head {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 14px 20px;\n    border-bottom: 1px solid rgba(7, 27, 51, 0.08);\n    background: #FAFCFC;\n}\n\n.vte-quiz-head h4 { margin: 0; font-size: 15px; font-weight: 900; color: var(--vad-navy); }\n\n.vte-quiz-close {\n    width: 36px;\n    height: 36px;\n    border-radius: 10px;\n    border: none;\n    background: rgba(7, 27, 51, 0.06);\n    color: var(--vad-navy);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n}\n\n.vte-quiz-close:hover { background: rgba(239, 68, 68, 0.12); color: #EF4444; }\n.vte-quiz-content { flex: 1; overflow-y: auto; padding: 12px; min-height: 520px; }\n\n\u002F* RESPONSIVE *\u002F\n@media (max-width: 1024px) {\n    #vad-trainer-engineering .vte-wrap { width: calc(100% - 28px); padding: 72px 20px 58px; }\n    #vad-trainer-engineering .vte-grid { grid-template-columns: 1fr; gap: 52px; }\n    #vad-trainer-engineering .vte-visual { min-height: 610px; }\n    #vad-trainer-engineering .vte-system { width: min(680px,94vw); }\n}\n\n@media (max-width: 768px) {\n    #vad-trainer-engineering .vte-wrap { width: 100%; padding: 62px 18px 48px; }\n    #vad-trainer-engineering .vte-title { font-size: clamp(34px,7.5vw,48px); }\n    #vad-trainer-engineering .vte-actions { display: grid; grid-template-columns: 1fr; }\n    #vad-trainer-engineering .vte-btn { width: 100%; justify-content: space-between; }\n    #vad-trainer-engineering .vte-visual { min-height: auto; margin-top: 7px; }\n    #vad-trainer-engineering .vte-system { width: 100%; min-height: auto; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }\n    #vad-trainer-engineering .vte-window { position: relative; top: auto; left: auto; width: 100%; grid-column: 1 \u002F -1; transform: none; }\n    #vad-trainer-engineering .vte-node { position: relative; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; width: auto; min-height: 110px; }\n    #vad-trainer-engineering .vte-connector { display: none; }\n    #vad-trainer-engineering .vte-punch-inner { flex-direction: column; align-items: flex-start; gap: 20px; }\n    #vad-trainer-engineering .vte-punch-btn { width: 100%; justify-content: space-between; }\n}\n\n@media (max-width: 520px) {\n    #vad-trainer-engineering .vte-wrap { padding: 48px 16px 38px; }\n    #vad-trainer-engineering .vte-kicker { min-height: 46px; padding: 0 15px; font-size: 13.5px; }\n    #vad-trainer-engineering .vte-title { font-size: clamp(30px,8.5vw,38px); line-height: 1.32; }\n    #vad-trainer-engineering .vte-description { font-size: 14.5px; line-height: 1.9; }\n    #vad-trainer-engineering .vte-modules { grid-template-columns: repeat(2,minmax(0,1fr)); }\n}\n\u003C\u002Fstyle>\n\n\u003Cdiv class=\"vte-bg-grid\" aria-hidden=\"true\">\u003C\u002Fdiv>\n\n\u003Cdiv class=\"vte-wrap\">\n    \u003Cdiv class=\"vte-grid\">\n        \u003Cdiv class=\"vte-copy\">\n            \u003Cdiv class=\"vte-kicker\">\n                \u003Cspan class=\"vte-kicker-dot\" aria-hidden=\"true\">\u003C\u002Fspan>\n                \u003Cspan>للمدربين وأصحاب الخبرات\u003C\u002Fspan>\n            \u003C\u002Fdiv>\n\n            \u003Ch2 class=\"vte-title\">\n                ابدأ بهندسة خبرتك\n                \u003Cbr>\n                \u003Cspan class=\"vte-highlight\">لحضور رقمي موثوق\u003C\u002Fspan>\n                \u003Cbr>\n                \u003Cspan class=\"vte-highlight\">ودخل متكرر.\u003C\u002Fspan>\n            \u003C\u002Fh2>\n\n            \u003Cp class=\"vte-description\">\n                نحوّل خبرتك إلى عرض أوضح، منتجات مترابطة، أكاديمية باسمك، ومنظومة بيع ومتابعة تساعدك على بناء دخل أكثر تنظيمًا واستمرارية.\n            \u003C\u002Fp>\n\n            \u003Cdiv class=\"vte-concept\">\n                \u003Cspan class=\"vte-concept-icon\" aria-hidden=\"true\">\n                    \u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\n                        \u003Ccircle cx=\"12\" cy=\"12\" r=\"7\">\u003C\u002Fcircle>\n                        \u003Ccircle cx=\"12\" cy=\"12\" r=\"3\">\u003C\u002Fcircle>\n                        \u003Cpath d=\"m15 9 5-5\">\u003C\u002Fpath>\n                        \u003Cpath d=\"M16 4h4v4\">\u003C\u002Fpath>\n                    \u003C\u002Fsvg>\n                \u003C\u002Fspan>\n                \u003Cspan class=\"vte-concept-copy\">\n                    \u003Cspan class=\"vte-concept-title\">هندسة خبرة المدربين\u003C\u002Fspan>\n                    \u003Cspan class=\"vte-concept-sub\">تموضع · عروض · منتجات · مسارات دخل\u003C\u002Fspan>\n                \u003C\u002Fspan>\n            \u003C\u002Fdiv>\n\n            \u003Cdiv class=\"vte-actions\">\n                \u003Ca class=\"vte-btn vte-btn-primary\" href=\"https:\u002F\u002Fvad-academy.com\u002Ftrariners\" aria-label=\"ابدأ بهندسة خبرتك\">\n                    \u003Cspan>ابدأ بهندسة خبرتك\u003C\u002Fspan>\n                    \u003Cspan class=\"vte-btn-arrow\" aria-hidden=\"true\">←\u003C\u002Fspan>\n                \u003C\u002Fa>\n                \u003Ca class=\"vte-btn vte-btn-secondary\" id=\"vte-quiz-trigger-btn\" href=\"https:\u002F\u002Fapi.vad-academy.com\u002Fwidget\u002Fquiz\u002FGHDemGMPjs08eVD3O3gZ\" aria-label=\"قيّم منظومتك (اختبار قصير)\">\n                    \u003Cspan>قيّم منظومتك (اختبار قصير)\u003C\u002Fspan>\n                    \u003Cspan class=\"vte-btn-arrow\" aria-hidden=\"true\">←\u003C\u002Fspan>\n                \u003C\u002Fa>\n            \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n\n        \u003Cdiv class=\"vte-visual\" aria-label=\"تصور يوضح كيف تصبح أكاديمية المدرب وصفحات البيع والعملاء والمتابعة والرسائل ورحلة العميل داخل بيئة عمل مترابطة\">\n            \u003Cdiv class=\"vte-system\">\n                \u003Cdiv class=\"vte-connector vte-connector-1\" aria-hidden=\"true\">\u003C\u002Fdiv>\n                \u003Cdiv class=\"vte-connector vte-connector-2\" aria-hidden=\"true\">\u003C\u002Fdiv>\n                \u003Cdiv class=\"vte-connector vte-connector-3\" aria-hidden=\"true\">\u003C\u002Fdiv>\n                \u003Cdiv class=\"vte-connector vte-connector-4\" aria-hidden=\"true\">\u003C\u002Fdiv>\n\n                \u003Cdiv class=\"vte-window\">\n                    \u003Cdiv class=\"vte-window-bar\">\n                        \u003Cspan class=\"vte-window-title\">أكاديميتك ومنظومة عملك\u003C\u002Fspan>\n                        \u003Cspan class=\"vte-window-dots\" aria-hidden=\"true\">\n                            \u003Cspan>\u003C\u002Fspan>\u003Cspan>\u003C\u002Fspan>\u003Cspan>\u003C\u002Fspan>\n                        \u003C\u002Fspan>\n                    \u003C\u002Fdiv>\n\n                    \u003Cdiv class=\"vte-window-body\">\n                        \u003Cdiv class=\"vte-sidebar\">\n                            \u003Cdiv class=\"vte-side-brand\">VAD PLUS\u003C\u002Fdiv>\n                            \u003Cdiv class=\"vte-side-item is-active\">\u003Cspan class=\"vte-side-dot\">\u003C\u002Fspan>\u003Cspan>الرئيسية\u003C\u002Fspan>\u003C\u002Fdiv>\n                            \u003Cdiv class=\"vte-side-item\">\u003Cspan class=\"vte-side-dot\">\u003C\u002Fspan>\u003Cspan>البرامج\u003C\u002Fspan>\u003C\u002Fdiv>\n                            \u003Cdiv class=\"vte-side-item\">\u003Cspan class=\"vte-side-dot\">\u003C\u002Fspan>\u003Cspan>العملاء\u003C\u002Fspan>\u003C\u002Fdiv>\n                            \u003Cdiv class=\"vte-side-item\">\u003Cspan class=\"vte-side-dot\">\u003C\u002Fspan>\u003Cspan>المتابعة\u003C\u002Fspan>\u003C\u002Fdiv>\n                        \u003C\u002Fdiv>\n\n                        \u003Cdiv class=\"vte-dashboard\">\n                            \u003Cdiv class=\"vte-dashboard-head\">\n                                \u003Cdiv>\n                                    \u003Cdiv class=\"vte-dashboard-title\">كل ما تحتاجه حول خبرتك\u003C\u002Fdiv>\n                                    \u003Cdiv class=\"vte-dashboard-sub\">برامجك · عملاؤك · متابعتك · رحلة البيع\u003C\u002Fdiv>\n                                \u003C\u002Fdiv>\n                                \u003Cdiv class=\"vte-status\">\n                                    \u003Cspan class=\"vte-status-dot\">\u003C\u002Fspan>\n                                    \u003Cspan>مترابط\u003C\u002Fspan>\n                                \u003C\u002Fdiv>\n                            \u003C\u002Fdiv>\n\n                            \u003Cdiv class=\"vte-modules\">\n                                \u003Cdiv class=\"vte-module\">\n                                    \u003Cspan class=\"vte-module-icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\u003Cpath d=\"M12 3 2 8l10 5 10-5-10-5Z\">\u003C\u002Fpath>\u003Cpath d=\"M6 10v5c0 2 3 4 6 4s6-2 6-4v-5\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003C\u002Fspan>\n                                    \u003Cspan class=\"vte-module-title\">برامجي\u003C\u002Fspan>\n                                \u003C\u002Fdiv>\n                                \u003Cdiv class=\"vte-module\">\n                                    \u003Cspan class=\"vte-module-icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\u003Cpath d=\"M4 4h16v16H4z\">\u003C\u002Fpath>\u003Cpath d=\"M4 9h16\">\u003C\u002Fpath>\u003Cpath d=\"M8 14h5\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003C\u002Fspan>\n                                    \u003Cspan class=\"vte-module-title\">صفحات البيع\u003C\u002Fspan>\n                                \u003C\u002Fdiv>\n                                \u003Cdiv class=\"vte-module\">\n                                    \u003Cspan class=\"vte-module-icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\u003Ccircle cx=\"9\" cy=\"8\" r=\"3\">\u003C\u002Fcircle>\u003Ccircle cx=\"17\" cy=\"9\" r=\"2.5\">\u003C\u002Fcircle>\u003Cpath d=\"M3 20a6 6 0 0 1 12 0\">\u003C\u002Fpath>\u003Cpath d=\"M14 20a5 5 0 0 1 7-4.5\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003C\u002Fspan>\n                                    \u003Cspan class=\"vte-module-title\">العملاء\u003C\u002Fspan>\n                                \u003C\u002Fdiv>\n                                \u003Cdiv class=\"vte-module\">\n                                    \u003Cspan class=\"vte-module-icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\u003Cpath d=\"M4 7h16\">\u003C\u002Fpath>\u003Cpath d=\"M4 12h10\">\u003C\u002Fpath>\u003Cpath d=\"M4 17h7\">\u003C\u002Fpath>\u003Cpath d=\"m16 16 2 2 4-5\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003C\u002Fspan>\n                                    \u003Cspan class=\"vte-module-title\">المتابعة\u003C\u002Fspan>\n                                \u003C\u002Fdiv>\n                                \u003Cdiv class=\"vte-module\">\n                                    \u003Cspan class=\"vte-module-icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\u003Cpath d=\"M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4Z\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003C\u002Fspan>\n                                    \u003Cspan class=\"vte-module-title\">الرسائل\u003C\u002Fspan>\n                                \u003C\u002Fdiv>\n                                \u003Cdiv class=\"vte-module\">\n                                    \u003Cspan class=\"vte-module-icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\u003Ccircle cx=\"5\" cy=\"6\" r=\"2\">\u003C\u002Fcircle>\u003Ccircle cx=\"19\" cy=\"18\" r=\"2\">\u003C\u002Fcircle>\u003Cpath d=\"M7 6h5a4 4 0 0 1 4 4v1\">\u003C\u002Fpath>\u003Cpath d=\"m13 9 3 3 3-3\">\u003C\u002Fpath>\u003Cpath d=\"M17 18h-5a4 4 0 0 1-4-4v-1\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003C\u002Fspan>\n                                    \u003Cspan class=\"vte-module-title\">رحلة العميل\u003C\u002Fspan>\n                                \u003C\u002Fdiv>\n                            \u003C\u002Fdiv>\n\n                            \u003Cdiv class=\"vte-flow\">\n                                \u003Cdiv class=\"vte-flow-label\">رحلة العميل\u003C\u002Fdiv>\n                                \u003Cdiv class=\"vte-flow-track\">\n                                    \u003Cspan class=\"vte-flow-step\">اكتشاف\u003C\u002Fspan>\n                                    \u003Cspan class=\"vte-flow-arrow\">←\u003C\u002Fspan>\n                                    \u003Cspan class=\"vte-flow-step is-green\">عرض\u003C\u002Fspan>\n                                    \u003Cspan class=\"vte-flow-arrow\">←\u003C\u002Fspan>\n                                    \u003Cspan class=\"vte-flow-step\">شراء\u003C\u002Fspan>\n                                    \u003Cspan class=\"vte-flow-arrow\">←\u003C\u002Fspan>\n                                    \u003Cspan class=\"vte-flow-step is-green\">متابعة\u003C\u002Fspan>\n                                \u003C\u002Fdiv>\n                            \u003C\u002Fdiv>\n                        \u003C\u002Fdiv>\n                    \u003C\u002Fdiv>\n                \u003C\u002Fdiv>\n\n                \u003Cdiv class=\"vte-node vte-node-1\">\n                    \u003Cdiv class=\"vte-node-head\">\n                        \u003Cspan class=\"vte-node-icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"7\">\u003C\u002Fcircle>\u003Ccircle cx=\"12\" cy=\"12\" r=\"3\">\u003C\u002Fcircle>\u003Cpath d=\"m15 9 5-5\">\u003C\u002Fpath>\u003Cpath d=\"M16 4h4v4\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003C\u002Fspan>\n                        \u003Cspan class=\"vte-node-title\">هندسة الخبرة\u003C\u002Fspan>\n                    \u003C\u002Fdiv>\n                    \u003Cdiv class=\"vte-node-desc\">تموضع + عرض + منتجات\u003C\u002Fdiv>\n                \u003C\u002Fdiv>\n\n                \u003Cdiv class=\"vte-node vte-node-2\">\n                    \u003Cdiv class=\"vte-node-head\">\n                        \u003Cspan class=\"vte-node-icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\u003Cpath d=\"M12 3 2 8l10 5 10-5-10-5Z\">\u003C\u002Fpath>\u003Cpath d=\"M6 10v5c0 2 3 4 6 4s6-2 6-4v-5\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003C\u002Fspan>\n                        \u003Cspan class=\"vte-node-title\">أكاديميتك الخاصة\u003C\u002Fspan>\n                    \u003C\u002Fdiv>\n                    \u003Cdiv class=\"vte-node-desc\">برامجك وتجربة العميل باسمك\u003C\u002Fdiv>\n                \u003C\u002Fdiv>\n\n                \u003Cdiv class=\"vte-node vte-node-3\">\n                 
7892   \u003Cdiv class=\"vte-node-head\">\n                        \u003Cspan class=\"vte-node-icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\u003Cpath d=\"M4 5h16v10H8l-4 4V5Z\">\u003C\u002Fpath>\u003Cpath d=\"M8 9h8\">\u003C\u002Fpath>\u003Cpath d=\"M8 12h5\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003C\u002Fspan>\n                        \u003Cspan class=\"vte-node-title\">البيع والمتابعة\u003C\u002Fspan>\n                    \u003C\u002Fdiv>\n                    \u003Cdiv class=\"vte-node-desc\">صفحات + عملاء + متابعة + رسائل\u003C\u002Fdiv>\n                \u003C\u002Fdiv>\n\n                \u003Cdiv class=\"vte-node vte-node-4\">\n                    \u003Cdiv class=\"vte-node-head\">\n                        \u003Cspan class=\"vte-node-icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\u003Cpath d=\"M4 18V9\">\u003C\u002Fpath>\u003Cpath d=\"M10 18V13\">\u003C\u002Fpath>\u003Cpath d=\"M16 18V6\">\u003C\u002Fpath>\u003Cpath d=\"m14 8 2-2 2 2\">\u003C\u002Fpath>\u003Cpath d=\"M3 21h18\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003C\u002Fspan>\n                        \u003Cspan class=\"vte-node-title\">النمو وإعادة البيع\u003C\u002Fspan>\n                    \u003C\u002Fdiv>\n                    \u003Cdiv class=\"vte-node-desc\">حملات + عروض إضافية + استمرارية\u003C\u002Fdiv>\n                \u003C\u002Fdiv>\n            \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n\n    \u003Cdiv class=\"vte-punch\">\n        \u003Cdiv class=\"vte-punch-inner\">\n            \u003Cdiv class=\"vte-punch-copy\">\n                \u003Cspan class=\"vte-punch-small\">أنت لا تحتاج منصة أخرى...\u003C\u002Fspan>\n                \u003Cspan class=\"vte-punch-strong\">\n                    أنت تحتاج\n                    \u003Cspan class=\"vte-punch-accent\">منظومة\u003C\u002Fspan>\n                    تجعل خبرتك أسهل في البيع والتشغيل والنمو.\n                \u003C\u002Fspan>\n            \u003C\u002Fdiv>\n            \u003Ca class=\"vte-punch-btn\" href=\"https:\u002F\u002Fvad-academy.com\u002Ftrariners\" aria-label=\"تعرّف على خدمات المدربين\">\n                \u003Cspan>تعرّف على خدمات المدربين\u003C\u002Fspan>\n                \u003Cspan class=\"vte-punch-btn-arrow\" aria-hidden=\"true\">←\u003C\u002Fspan>\n            \u003C\u002Fa>\n        \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\n\u003C!-- QUIZ MODAL (CLEAN HIDDEN) -->\n\u003Cdiv id=\"vte-quiz-modal\" aria-hidden=\"true\" role=\"dialog\">\n    \u003Cdiv class=\"vte-quiz-dialog\">\n        \u003Cdiv class=\"vte-quiz-head\">\n            \u003Ch4>تقييم منظومة المدربين وأصحاب الخبرات\u003C\u002Fh4>\n            \u003Cbutton type=\"button\" class=\"vte-quiz-close\" id=\"vte-quiz-close\" aria-label=\"إغلاق\">✕\u003C\u002Fbutton>\n        \u003C\u002Fdiv>\n        \u003Cdiv class=\"vte-quiz-content\" id=\"vte-quiz-content\">\u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\n\u003Cscript>\n(function() {\n    \"use strict\";\n\n    const triggerBtn = document.getElementById(\"vte-quiz-trigger-btn\");\n    const modal = document.getElementById(\"vte-quiz-modal\");\n    const closeBtn = document.getElementById(\"vte-quiz-close\");\n    const content = document.getElementById(\"vte-quiz-content\");\n\n    if (!triggerBtn || !modal || !closeBtn || !content) return;\n\n    if (!document.getElementById(\"vad-ghl-form-script\")) {\n        const script = document.createElement(\"script\");\n        script.id = \"vad-ghl-form-script\";\n        script.src = \"https:\u002F\u002Fapi.vad-academy.com\u002Fjs\u002Fform_embed.js\";\n        script.async = true;\n        document.body.appendChild(script);\n    }\n\n    function openQuiz(e) {\n        if (e) e.preventDefault();\n        content.innerHTML = `\n            \u003Ciframe \n                src=\"https:\u002F\u002Fapi.vad-academy.com\u002Fwidget\u002Fquiz\u002FGHDemGMPjs08eVD3O3gZ\" \n                style=\"border:none;width:100%;min-height:540px;\" \n                scrolling=\"no\" \n                id=\"GHDemGMPjs08eVD3O3gZ\" \n                title=\"quiz\" \n                data-cookie-consent=\"true\" \n                data-cookie-consent-provider=\"auto\">\n            \u003C\u002Fiframe>\n        `;\n        modal.classList.add(\"is-active\");\n        modal.setAttribute(\"aria-hidden\", \"false\");\n        document.body.style.overflow = \"hidden\";\n    }\n\n    function closeQuiz() {\n        modal.classList.remove(\"is-active\");\n        modal.setAttribute(\"aria-hidden\", \"true\");\n        content.innerHTML = \"\";\n        document.body.style.overflow = \"\";\n    }\n\n    triggerBtn.addEventListener(\"click\", openQuiz);\n    closeBtn.addEventListener(\"click\", closeQuiz);\n    modal.addEventListener(\"click\", function(e) {\n        if (e.target === modal) closeQuiz();\n    });\n\n    document.addEventListener(\"keydown\", function(e) {\n        if (e.key === \"Escape\" && modal.classList.contains(\"is-active\")) {\n            closeQuiz();\n        }\n    });\n})();\n\u003C\u002Fscript>\n\n\u003C\u002Fsection>",{"value":364},[],"ccustom-code-qBGNQFvxbI",{},{"id":13,"type":17,"child":368,"class":370,"styles":378,"extra":380,"meta":17,"tagName":54,"title":55,"classStr":22,"_id":13},[369],"row-YRfI7sd_g4",{"width":371,"entranceAnimation":372,"animationScale":373,"animationDuration":374,"animationDelay":375,"animationEasing":376,"disableAnimationsOnMobile":377},{"value":22},{"value":24},{"value":26},{"value":26},{"value":29},{"value":31},{"value":33},{"borderWidth":379},{"value":36},{"sticky":381,"visibility":382,"bgImage":384,"allowRowMaxWidth":386,"customClass":387,"elementScreenshot":389},{"value":39},{"value":383},{"hideDesktop":42,"hideMobile":42},{"value":385}
7892,{"mediaType":45,"url":46,"opacity":47,"options":48,"svgCode":46,"videoUrl":46,"videoThumbnail":46,"videoLoop":33},{"value":42},{"value":388},[],{"value":390},[],{"id":369,"type":57,"child":392,"class":394,"styles":402,"extra":404,"tagName":81,"meta":57,"title":82,"classStr":62},[393],"col-zsCjcp_HDe",{"alignRow":395,"entranceAnimation":396,"animationScale":397,"animationDuration":398,"animationDelay":399,"animationEasing":400,"disableAnimationsOnMobile":401},{"value":62},{"value":24},{"value":26},{"value":26},{"value":29},{"value":31},{"value":33},{"borderWidth":403},{"value":36},{"visibility":405,"bgImage":407,"rowWidth":409,"customClass":410},{"value":406},{"hideDesktop":42,"hideMobile":42},{"value":408},{"mediaType":45,"url":46,"opacity":47,"options":48,"svgCode":46,"videoUrl":46,"videoThumbnail":46,"videoLoop":33},{"value":77,"unit":78},{"value":411},[],{"id":393,"type":84,"child":413,"class":415,"styles":422,"extra":424,"tagName":112,"meta":84,"title":113,"noOfColumns":26},[414],"custom-code-ILQ0To5v0L",{"entranceAnimation":416,"animationScale":417,"animationDuration":418,"animationDelay":419,"animationEasing":420,"disableAnimationsOnMobile":421},{"value":24},{"value":26},{"value":26},{"value":29},{"value":31},{"value":33},{"borderWidth":423},{"value":36},{"visibility":425,"bgImage":427,"columnLayout":429,"justifyContentColumnLayout":430,"alignContentColumnLayout":431,"forceColumnLayoutForMobile":432,"customClass":433,"elementVersion":435},{"value":426},{"hideDesktop":42,"hideMobile":42},{"value":428},{"mediaType":45,"url":46,"opacity":47,"options":48,"svgCode":46,"videoUrl":46,"videoThumbnail":46,"videoLoop":33},{"value":102},{"value":104},{"value":106},{"value":33},{"value":434},[],{"value":111},{"extra":437,"id":414,"meta":124,"tagName":125,"class":446},{"visibility":438,"customCode":440,"customClass":443,"nodeId":445},{"value":439},{"hideMobile":46,"hideDesktop":46},{"value":441},{"rawCustomCode":442},"\u003C!-- =========================================================\n     VAD PLUS — BUSINESS MARKETING CAPABILITY SECTION\n     GoHighLevel Ready\n     RTL \u002F Responsive \u002F Scoped CSS (Fixed Ghost Modal Overlay)\n========================================================= -->\n\n\u003Csection id=\"vad-business-capability\" dir=\"rtl\">\n\n\u003Cstyle>\n@import url(\"https:\u002F\u002Ffonts.googleapis.com\u002Fcss2?family=Cairo:wght@400;500;600;700;800;900&display=swap\");\n\n\u002F* =========================================================\n   ROOT\n========================================================= *\u002F\n#vad-business-capability,\n#vad-business-capability *,\n#vad-business-capability *::before,\n#vad-business-capability *::after {\n    box-sizing: border-box;\n    font-family: \"Cairo\", sans-serif !important;\n}\n\n#vad-business-capability {\n    --vbc-navy: #071B33;\n    --vbc-navy-2: #0D2B4D;\n    --vbc-green: #00B894;\n    --vbc-green-2: #18D4AE;\n    --vbc-white: #FFFFFF;\n    --vbc-bg: #071B33;\n    --vbc-text: #FFFFFF;\n    --vbc-muted: rgba(255,255,255,.66);\n    --vbc-border: rgba(255,255,255,.10);\n\n    width: 100vw;\n    max-width: 100vw;\n    margin-inline: calc(50% - 50vw);\n    position: relative;\n    overflow: hidden;\n    direction: rtl;\n    color: var(--vbc-text);\n    background:\n        radial-gradient(circle at 12% 18%, rgba(0,184,148,.13), transparent 30%),\n        radial-gradient(circle at 88% 84%, rgba(52,76,131,.22), transparent 32%),\n        linear-gradient(135deg, #082744 0%, #071F38 55%, #061A30 100%);\n}\n\n#vad-business-capability .vbc-bg-grid {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    opacity: .34;\n    background-image:\n        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);\n    background-size: 52px 52px;\n    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 14%, #000 86%, transparent 100%);\n    mask-image: linear-gradient(to bottom, transparent 0%, #000 14%, #000 86%, transparent 100%);\n}\n\n#vad-business-capability .vbc-wrap {\n    width: min(1680px, calc(100% - 40px));\n    margin: 0 auto;\n    padding: clamp(74px,7vw,118px) clamp(25px,4vw,72px) clamp(58px,6vw,92px);\n    position: relative;\n    z-index: 2;\n}\n\n#vad-business-capability .vbc-grid {\n    display: grid;\n    grid-template-columns: minmax(0,.82fr) minmax(560px,1.18fr);
7892\n    align-items: center;\n    gap: clamp(52px,6vw,104px);\n}\n\n#vad-business-capability .vbc-copy { max-width: 710px; }\n\n#vad-business-capability .vbc-kicker {\n    width: fit-content;\n    min-height: 40px;\n    padding: 0 14px;\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    border: 1px solid rgba(24,212,174,.25);\n    border-radius: 999px;\n    background: rgba(255,255,255,.07);\n    color: #FFFFFF;\n    font-size: 12px;\n    line-height: 1.5;\n    font-weight: 900;\n    box-shadow: 0 8px 24px rgba(0,0,0,.10);\n}\n\n#vad-business-capability .vbc-kicker-dot {\n    position: relative;\n    width: 8px;\n    height: 8px;\n    flex: 0 0 8px;\n    border-radius: 50%;\n    background: var(--vbc-green);\n}\n\n#vad-business-capability .vbc-kicker-dot::after {\n    content: \"\";\n    position: absolute;\n    inset: -4px;\n    border: 1px solid rgba(0,184,148,.24);\n    border-radius: 50%;\n}\n\n#vad-business-capability .vbc-title {\n    margin: 22px 0 0;\n    max-width: 760px;\n    color: #FFFFFF;\n    font-size: clamp(42px,4.1vw,68px);\n    line-height: 1.26;\n    letter-spacing: -1.6px;\n    font-weight: 900;\n}\n\n#vad-business-capability .vbc-subheadline {\n    max-width: 680px;\n    margin: 22px 0 0;\n    color: var(--vbc-green-2);\n    font-size: clamp(20px,1.7vw,28px);\n    line-height: 1.7;\n    font-weight: 900;\n}\n\n#vad-business-capability .vbc-description {\n    max-width: 680px;\n    margin: 14px 0 0;\n    color: rgba(255,255,255,.68);\n    font-size: 16.5px;\n    line-height: 2;\n    font-weight: 500;\n}\n\n#vad-business-capability .vbc-indicators {\n    margin-top: 24px;\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px;\n}\n\n#vad-business-capability .vbc-indicator {\n    min-height: 34px;\n    padding: 0 11px;\n    border: 1px solid rgba(255,255,255,.09);\n    border-radius: 999px;\n    display: inline-flex;\n    align-items: center;\n    gap: 7px;\n    background: rgba(255,255,255,.055);\n    color: rgba(255,255,255,.88);\n    font-size: 10.5px;\n    line-height: 1.4;\n    font-weight: 800;\n}\n\n#vad-business-capability .vbc-indicator-dot {\n    width: 5px;\n    height: 5px;\n    flex: 0 0 5px;\n    border-radius: 50%;\n    background: var(--vbc-green);\n}\n\n#vad-business-capability .vbc-microcopy {\n    margin: 18px 0 0;\n    color: rgba(255,255,255,.58);\n    font-size: 11.5px;\n    line-height: 1.75;\n    font-weight: 700;\n}\n\n#vad-business-capability .vbc-framework {\n    position: relative;\n    min-height: 610px;\n    padding: 34px;\n    border: 1px solid rgba(255,255,255,.11);\n    border-radius: 26px;\n    background: rgba(255,255,255,.055);\n    box-shadow: 0 30px 72px rgba(0,0,0,.18), 0 9px 28px rgba(0,184,148,.055);\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n}\n\n#vad-business-capability .vbc-framework-head {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 18px;\n    margin-bottom: 26px;\n}\n\n#vad-business-capability .vbc-framework-title { color: #FFFFFF; font-size: 15px; line-height: 1.55; font-weight: 900; }\n#vad-business-capability .vbc-framework-status { min-height: 31px; padding: 0 10px; border-radius: 999px; display: inline-flex; align-items: center; gap: 7px; color: var(--vbc-green); background: rgba(0,184,148,.075); font-size: 9px; font-weight: 900; white-space: nowrap; }\n#vad-business-capability .vbc-framework-status-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--vbc-green); }\n\n#vad-business-capability .vbc-flow {\n    position: relative;\n    display: grid;\n    grid-template-columns: repeat(2,minmax(0,1fr));\n    grid-template-areas:\n        \"audit development\"\n        \"team advisory\"\n        \"execution execution\";\n    gap: 18px 20px;\n}\n\n#vad-business-capability .vbc-flow::before {\n    content: \"\";\n    position: absolute;\n    top: 92px;\n    right: calc(50% - 10px);\n    width: 20px;\n    height: 1px;\n    background: linear-gradient(90deg, rgba(0,184,148,.10), rgba(0,184,148,.42), rgba(0,184,148,.10));\n}\n\n#vad-business-capability .vbc-flow::after {\n    content: \"\";\n    position: absolute;\n    top: 92px;\n    bottom: 172px;\n    right: 50%;\n    width: 1px;\n    background: linear-gradient(180deg, rgba(0,184,148,.10), rgba(0,184,148,.38), rgba(0,184,148,.10));\n}\n\n#vad-business-capability .vbc-service {\n    position: relative;\n    z-index: 2;\n    min-height: 174px;\n    padding: 18px;\n    border: 1px solid rgba(255,255,255,.10);\n    border-radius: 18px;\n    background: linear-gradient(180deg, rgba(255,255,255,.095), rgba(255,255,255,.055));\n    box-shadow: 0 14px 32px rgba(0,0,0,.12);\n    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;\n}\n\n#vad-business-capability .vbc-service:hover {\n    transform: translateY(-3px);\n    border-color: rgba(0,184,148,.26);\n    box-shadow: 0 20px 44px rgba(0,0,0,.18), 0 8px 22px rgba(0,184,148,.08);\n    background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(0,184,148,.075));\n}\n\n#vad-business-capability .vbc-service-audit { grid-area: audit; border-color: rgba(0,184,148,.24); background: linear-gradient(135deg, rgba(0,184,148,.18), rgba(255,255,255,.07)); }\n#vad-business-capability .vbc-service-development { grid-area: development; }\n#vad-business-capability .vbc-service-team { grid-area: team; }\n#vad-business-capability .vbc-service-advisory { grid-area: advisory; }\n#vad-business-capability .vbc-service-execution { grid-area: execution; min-height: 154px; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 14px; }\n\n#vad-business-capability .vbc-service-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }\n#vad-business-capability .vbc-service-icon { width: 42px; height: 42px; flex: 0 0 42px; border-radius: 12px; display: flex; align-items: center; justify-content: center; color: var(--vbc-green); background: rgba(0,184,148,.14); }\n#vad-business-capability .vbc-service-audit .vbc-service-icon { color: var(--vbc-navy); background: var(--vbc-green-2); }\n#vad-business-capability .vbc-service-icon svg { width: 21px; height: 21px; }\n#vad-business-capability .vbc-step { min-width: 32px; min-height: 28px; padding: 0 8px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; color: rgba(255,255,255,.60); background: rgba(255,255,255,.075); font-size: 9px; font-weight: 900; }\n#vad-business-capability .vbc-start-badge { min-height: 28px; padding: 0 9px; border-radius: 999px; display: inline-flex; align-items: center; color: var(--vbc-green); background: rgba(0,184,148,.09); font-size: 8.5px; font-weight: 900; }\n\n#vad-business-capability .vbc-service-title { margin: 14px 0 0; color: #FFFFFF; font-size: 15px; line-height: 1.55; font-weight: 900; }\n#vad-business-capability .vbc-service-desc { margin: 8px 0 0; color: rgba(255,255,255,.62); font-size: 11.2px; line-height: 1.85; font-weight: 600; }\n#vad-business-capability .vbc-service-execution .vbc-service-title,\n#vad-business-capability .vbc-service-execution .vbc-service-desc { margin-top: 0; }\n#vad-business-capability .vbc-service-copy { min-width: 0; }\n#vad-business-capability .vbc-meta-label { min-height: 29px; padding: 0 10px; border-radius: 999px; display: inline-flex; align-items: center; color: var(--vbc-green); background: rgba(0,184,148,.075); font-size: 8.5px; line-height: 1.3; font-weight: 900; white-space: nowrap; }\n\n#vad-business-capability .vbc-flow-dot { position: absolute; z-index: 3; width: 8px; height: 8px; border: 2px solid #0A2948; border-radius: 50%; background: var(--vbc-green); box-shadow: 0 0 0 4px rgba(0,184,148,.08); }\n#vad-business-capability .vbc-flow-dot-1 { top: 88px; right: 50%; transform: translateX(50%); }\n#vad-business-capability .vbc-flow-dot-2 { top: 288px; right: 50%; transform: translateX(50%); }\n\n#vad-business-capability .vbc-bottom { margin-top: clamp(48px,5vw,78px); }\n#vad-business-capability .vbc-punch { position: relative; overflow: hidden;
7892 padding: clamp(27px,3vw,38px); border-radius: 24px; border: 1px solid rgba(255,255,255,.11); background: linear-gradient(120deg, rgba(3,18,34,.94), rgba(13,43,77,.96)); color: #FFFFFF; box-shadow: 0 24px 58px rgba(0,0,0,.22); }\n#vad-business-capability .vbc-punch::after { content: \"\"; position: absolute; width: 230px; height: 230px; left: -95px; bottom: -165px; border-radius: 50%; background: rgba(0,184,148,.88); }\n#vad-business-capability .vbc-punch-small, #vad-business-capability .vbc-punch-strong { position: relative; z-index: 2; display: block; }\n#vad-business-capability .vbc-punch-small { margin-bottom: 8px; color: rgba(255,255,255,.65); font-size: 13px; line-height: 1.65; font-weight: 800; }\n#vad-business-capability .vbc-punch-strong { max-width: 1120px; color: #FFFFFF; font-size: clamp(23px,2.15vw,35px); line-height: 1.6; font-weight: 900; }\n#vad-business-capability .vbc-punch-accent { color: var(--vbc-green-2); }\n\n#vad-business-capability .vbc-actions { margin-top: 18px; display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }\n#vad-business-capability .vbc-btn {\n    min-height: 60px;\n    padding: 8px 19px;\n    border-radius: 15px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    text-decoration: none;\n    cursor: pointer !important;\n    pointer-events: auto !important;\n    font-size: 13.5px;\n    line-height: 1.4;\n    font-weight: 900;\n    transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease, color .2s ease;\n}\n\n#vad-business-capability .vbc-btn-copy { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; text-align: right; }\n#vad-business-capability .vbc-btn-copy strong { font-size: 13.5px; line-height: 1.45; font-weight: 900; }\n#vad-business-capability .vbc-btn-copy small { font-size: 9.5px; line-height: 1.5; font-weight: 700; opacity: .74; }\n#vad-business-capability .vbc-btn-primary { border: 1px solid var(--vbc-green); background: var(--vbc-green); color: #FFFFFF; box-shadow: 0 12px 28px rgba(0,184,148,.18); }\n#vad-business-capability .vbc-btn-primary:hover { transform: translateY(-2px); background: #FFFFFF; border-color: #FFFFFF; color: var(--vbc-navy); }\n#vad-business-capability .vbc-btn-secondary { border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.08); color: #FFFFFF; }\n#vad-business-capability .vbc-btn-secondary:hover { transform: translateY(-2px); border-color: rgba(255,255,255,.34); background: rgba(255,255,255,.13); }\n#vad-business-capability .vbc-btn-arrow { width: 28px; height: 28px; border-radius: 9px; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 900; transition: transform .2s ease, background .2s ease, color .2s ease; }\n#vad-business-capability .vbc-btn-primary .vbc-btn-arrow { background: rgba(255,255,255,.15); color: #FFFFFF; }\n#vad-business-capability .vbc-btn-primary:hover .vbc-btn-arrow { background: rgba(0,184,148,.10); color: var(--vbc-green); transform: translateX(-3px); }\n#vad-business-capability .vbc-btn-secondary .vbc-btn-arrow { background: rgba(255,255,255,.09); color: var(--vbc-green-2); }\n#vad-business-capability .vbc-btn-secondary:hover .vbc-btn-arrow { transform: translateX(-3px); }\n\n\u002F* =========================================================\n   QUIZ MODAL (FIXED: DISPLAY NONE WHEN CLOSED)\n========================================================= *\u002F\n#vad-business-capability .vbc-quiz-modal {\n    display: none !important; \u002F* التعديل الجذري الثاني هنا لمنع حجب الشاشة *\u002F\n    position: fixed;\n    inset: 0;\n    z-index: 999999;\n    align-items: center;\n    justify-content: center;\n    padding: 22px;\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none !important;\n}\n\n#vad-business-capability .vbc-quiz-modal.is-open {\n    display: flex !important;\n    opacity: 1 !important;\n    visibility: visible !important;\n    pointer-events: auto !important;\n}\n\n#vad-business-capability .vbc-quiz-backdrop {\n    position: absolute;\n    inset: 0;\n    background: rgba(2,14,27,.78);\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n}\n\n#vad-business-capability .vbc-quiz-dialog {\n    position: relative;\n    z-index: 2;\n    width: min(760px, 100%);\n    max-height: min(90vh, 900px);\n    overflow: auto;\n    border: 1px solid rgba(255,255,255,.15);\n    border-radius: 24px;\n    background: #FFFFFF;\n    color: var(--vbc-navy);\n    box-shadow: 0 34px 90px rgba(0,0,0,.38);\n    transform: translateY(14px) scale(.985);\n    transition: transform .25s ease;\n    pointer-events: auto !important;\n}\n\n#vad-business-capability .vbc-quiz-modal.is-open .vbc-quiz-dialog { transform: translateY(0) scale(1); }\n\n#vad-business-capability .vbc-quiz-head {\n    position: sticky;\n    top: 0;\n    z-index: 3;\n    min-height: 72px;\n    padding: 14px 18px;\n    display: flex;
7892\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n    border-bottom: 1px solid rgba(7,27,51,.08);\n    background: rgba(255,255,255,.96);\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n}\n\n#vad-business-capability .vbc-quiz-heading strong { color: var(--vbc-navy); font-size: 16px; line-height: 1.5; font-weight: 900; }\n#vad-business-capability .vbc-quiz-heading span { margin-top: 2px; color: #6B7D90; font-size: 10.5px; line-height: 1.5; font-weight: 700; }\n\n#vad-business-capability .vbc-quiz-close {\n    width: 40px;\n    height: 40px;\n    flex: 0 0 40px;\n    border: 1px solid rgba(7,27,51,.09);\n    border-radius: 12px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: #F4F8FA;\n    color: var(--vbc-navy);\n    font-size: 23px;\n    line-height: 1;\n    cursor: pointer;\n    transition: background .2s ease, color .2s ease, transform .2s ease;\n}\n\n#vad-business-capability .vbc-quiz-close:hover { background: var(--vbc-green); color: #FFFFFF; transform: rotate(4deg); }\n#vad-business-capability .vbc-quiz-body { padding: 4px 10px 12px; background: #FFFFFF; }\n#vad-business-capability .vbc-quiz-body iframe { width: 100% !important; min-height: 620px; display: block; border: 0 !important; }\n\n\u002F* RESPONSIVE *\u002F\n@media (max-width: 1024px) {\n    #vad-business-capability .vbc-wrap { padding: 72px 20px 58px; }\n    #vad-business-capability .vbc-grid { grid-template-columns: 1fr; gap: 50px; }\n    #vad-business-capability .vbc-framework { min-height: auto; max-width: 860px; margin: 0 auto; }\n}\n\n@media (max-width: 768px) {\n    #vad-business-capability .vbc-wrap { padding: 60px 18px 48px; }\n    #vad-business-capability .vbc-title { font-size: clamp(38px,7vw,56px); }\n    #vad-business-capability .vbc-flow { grid-template-columns: 1fr; grid-template-areas: \"audit\" \"development\" \"team\" \"advisory\" \"execution\"; gap: 12px; padding-right: 20px; }\n    #vad-business-capability .vbc-flow::before { top: 14px; bottom: 14px; right: 7px; width: 1px; height: auto; background: linear-gradient(180deg, rgba(0,184,148,.12), rgba(0,184,148,.42), rgba(0,184,148,.12)); }\n    #vad-business-capability .vbc-flow::after { display: none; }\n    #vad-business-capability .vbc-flow-dot { right: 3px !important; transform: none !important; }\n    #vad-business-capability .vbc-flow-dot-1 { top: 86px; }\n    #vad-business-capability .vbc-flow-dot-2 { top: 45%; }\n    #vad-business-capability .vbc-service { min-height: auto; }\n    #vad-business-capability .vbc-service-execution { min-height: auto; display: block; }\n    #vad-business-capability .vbc-service-execution .vbc-service-copy { margin-top: 12px; }\n    #vad-business-capability .vbc-meta-label { margin-top: 12px; }\n    #vad-business-capability .vbc-actions { display: grid; grid-template-columns: 1fr; }\n    #vad-business-capability .vbc-btn { width: 100%; justify-content: space-between; }\n}\n\n@media (max-width: 520px) {\n    #vad-business-capability .vbc-wrap { padding: 48px 16px 38px; }\n    #vad-business-capability .vbc-kicker { min-height: 37px; padding: 0 11px; font-size: 10.5px; }\n    #vad-business-capability .vbc-title { font-size: clamp(34px,10vw,43px); line-height: 1.3; }\n    #vad-business-capability .vbc-subheadline { font-size: 19px; }\n    #vad-business-capability .vbc-description { font-size: 14.5px; }\n    #vad-business-capability .vbc-framework { padding: 15px; border-radius: 18px; }\n    #vad-business-capability .vbc-punch { padding: 23px 18px; border-radius: 18px; }\n    #vad-business-capability .vbc-btn-primary { min-height: 66px; }\n}\n\u003C\u002Fstyle>\n\n\u003Cdiv class=\"vbc-bg-grid\" aria-hidden=\"true\">\u003C\u002Fdiv>\n\n\u003Cdiv class=\"vbc-wrap\">\n    \u003Cdiv class=\"vbc-grid\">\n        \u003Cdiv class=\"vbc-copy\">\n            \u003Cdiv class=\"vbc-kicker\">\n                \u003Cspan class=\"vbc-kicker-dot\" aria-hidden=\"true\">\u003C\u002Fspan>\n                \u003Cspan>للشركات والمؤسسات\u003C\u002Fspan>\n            \u003C\u002Fdiv>\n\n            \u003Ch2 class=\"vbc-title\">تطوير القدرة التسويقية للشركات\u003C\u002Fh2>\n            \u003Cdiv class=\"vbc-subheadline\">قبل أن تصرف أكثر على التسويق... طوّر ما لديك أولًا.\u003C\u002Fdiv>\n            \u003Cp class=\"vbc-description\">نراجع ما لديك، نكشف الفجوات، نطوّر الاستراتيجية والفريق، ثم نتابع معك بالاستشارة أو التنفيذ بحسب الحاجة.\u003C\u002Fp>\n\n            \u003Cdiv class=\"vbc-indicators\" aria-label=\"مخرجات تطوير القدرة التسويقية\">\n                \u003Cspan class=\"vbc-indicator\">\u003Cspan class=\"vbc-indicator-dot\">\u003C\u002Fspan>تدقيق أفضل\u003C\u002Fspan>\n                \u003Cspan class=\"vbc-indicator\">\u003Cspan class=\"vbc-indicator-dot\">\u003C\u002Fspan>فريق أقوى\u003C\u002Fspan>\n                \u003Cspan class=\"vbc-indicator\">\u003Cspan class=\"vbc-indicator-dot\">\u003C\u002Fspan>قرارات أوضح\u003C\u002Fspan>\n                \u003Cspan class=\"vbc-indicator\">\u003Cspan class=\"vbc-indicator-dot\">\u003C\u002Fspan>تنفيذ أكثر كفاءة\u003C\u002Fspan>\n            \u003C\u002Fdiv>\n\n            \u003Cp class=\"vbc-microcopy\">أحيانًا لا تحتاج أن تستبدل فريقك... تحتاج أن تجعله أقوى.\u003C\u002Fp>\n        \u003C\u002Fdiv>\n\n        \u003Cdiv class=\"vbc-framework\" aria-label=\"رحلة تطوير القدرة التسويقية للشركات\">\n            \u003Cdiv class=\"vbc-framework-head\">\n                \u003Cdiv class=\"vbc-framework-title\">من التشخيص... إلى التطوير والمتابعة والتنفيذ\u003C\u002Fdiv>\n                \u003Cdiv class=\"vbc-framework-status\">\u003Cspan class=\"vbc-framework-status-dot\">\u003C\u002Fspan>رحلة مترابطة\u003C\u002Fdiv>\n            \u003C\u002Fdiv>\n\n            \u003Cdiv class=\"vbc-flow\">\n                \u003Cspan class=\"vbc-flow-dot vbc-flow-dot-1\" aria-hidden=\"true\">\u003C\u002Fspan>\n                \u003Cspan class=\"vbc-flow-dot vbc-flow-dot-2\" aria-hidden=\"true\">\u003C\u002Fspan>\n\n                \u003Carticle class=\"vbc-service vbc-service-audit\">\n                    \u003Cdiv class=\"vbc-service-head\">\n                        \u003Cspan class=\"vbc-service-icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\u003Ccircle cx=\"11\" cy=\"11\" r=\"6\">\u003C\u002Fcircle>\u003Cpath d=\"m16 16 4 4\">\u003C\u002Fpath>\u003Cpath d=\"m8 11 2 2 4-5\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003C\u002Fspan>\n                        \u003Cspan class=\"vbc-start-badge\">نقطة البداية\u003C\u002Fspan>\n                    \u003C\u002Fdiv>\n                    \u003Ch3 class=\"vbc-service-title\">التدقيق التسويقي\u003C\u002Fh3>\n                    \u003Cp class=\"vbc-service-desc\">مراجعة شاملة للاستراتيجية والحملات والمحتوى والرسائل والأداء لتحديد نقاط القوة والفجوات.\u003C\u002Fp>\n                \u003C\u002Farticle>\n\n                \u003Carticle class=\"vbc-service vbc-service-development\">\n                    \u003Cdiv class=\"vbc-service-head\">\n                        \u003Cspan class=\"vbc-service-icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\u003Cpath d=\"m12 3 7 4-7 4-7-4 7-4Z\">\u003C\u002Fpath>\u003Cpath d=\"m5 11 7 4 7-4\">\u003C\u002Fpath>\u003Cpath d=\"m5 15 7 4 7-4\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003C\u002Fspan>\n                        \u003Cspan class=\"vbc-step\">02\u003C\u002Fspan>\n                    \u003C\u002Fdiv>\n                    \u003Ch3 class=\"vbc-service-title\">التطوير التسويقي\u003C\u002Fh3>\n                    \u003Cp class=\"vbc-service-desc\">تطوير الاستراتيجية والعروض والرسائل ومسارات التحويل وخطة النمو.\u003C\u002Fp>\n                \u003C\u002Farticle>\n\n                \u003Carticle class=\"vbc-service vbc-service-team\">\n                    \u003Cdiv class=\"vbc-service-head\">\n                        \u003Cspan class=\"vbc-service-icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\u003Ccircle cx=\"8\" cy=\"8\" r=\"3\">\u003C\u002Fcircle>\u003Ccircle cx=\"17\" cy=\"9\" r=\"2.5\">\u003C\u002Fcircle>\u003Cpath d=\"M2.5 20a5.5 5.5 0 0 1 11 0\">\u003C\u002Fpath>\u003Cpath d=\"M14 20a4.5 4.5 0 0 1 7-3.7\">\u003C\u002Fpath>\u003Cpath d=\"m15 4 1 2 2 .5-1.5 1.5.4 2.1L15 9l-1.9 1.1.4-2.1L12 6.5l2-.5 1-2Z\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003C\u002Fspan>\n                        \u003Cspan class=\"vbc-step\">03\u003C\u002Fspan>\n                    \u003C\u002Fdiv>\n                    \u003Ch3 class=\"vbc-service-title\">تطوير قدرات فريق التسويق\u003C\u002Fh3>\n                    \u003Cp class=\"vbc-service-desc\">تقييم فجوات الفريق، التدريب العملي، ورفع القدرة على التخطيط والتنفيذ واتخاذ القرار.\u003C\u002Fp>\n                \u003C\u002Farticle>\n\n                \u003Carticle class=\"vbc-service vbc-service-advisory\">\n                    \u003Cdiv class=\"vbc-service-head\">\n                        \u003Cspan class=\"vbc-service-icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"8\">\u003C\u002Fcircle>\u003Cpath d=\"m14.5 9.5-2 5-5 2 2-5 5-2Z\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003C\u002Fspan>\n                        \u003Cspan class=\"vbc-step\">04\u003C\u002Fspan>\n                    \u003C\u002Fdiv>\n                    \u003Ch3 class=\"vbc-service-title\">الاستشارة والمتابعة المستمرة\u003C\u002Fh3>\n                    \u003Cp class=\"vbc-service-desc\">متابعة الأداء، مراجعة القرارات، تحديد الأولويات، وتوجيه الإدارة والفريق بشكل مستمر.\u003C\u002Fp>\n                \u003C\u002Farticle>\n\n                \u003Carticle class=\"vbc-service vbc-service-execution\">\n                    \u003Cspan class=\"vbc-service-icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\u003Cpath d=\"M4 18V9\">\u003C\u002Fpath>\u003Cpath d=\"M10 18V13\">\u003C\u002Fpath>\u003Cpath d=\"M16 18V6\">\u003C\u002Fpath>\u003Cpath d=\"M3 21h18\">\u003C\u002Fpath>\u003Cpath d=\"m15 8 1-2 2 1\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003C\u002Fspan>\n                    \u003Cdiv class=\"vbc-service-copy\">\n                        \u003Ch3 class=\"vbc-service-title\">التنفيذ التسويقي وإدارة الحملات\u003C\u002Fh3>\n                        \u003Cp class=\"vbc-service-desc\">تنفيذ ما يحتاج إلى تنفيذ ضمن قدرات VAD Plus، مع إدارة وتطوير حملات Meta Ads.\u003C\u002Fp>\n                    \u003C\u002Fdiv>\n                    \u003Cspan class=\"vbc-meta-label\">Meta Ads · Marketing Execution\u003C\u002Fspan>\n                \u003C\u002Farticle>\n            \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n\n    \u003Cdiv class=\"vbc-bottom\">\n        \u003Cdiv class=\"vbc-punch\">\n            \u003Cspan class=\"vbc-punch-small\">لا تحتاج دائمًا إلى فريق جديد أو وكالة جديدة.\u003C\u002Fspan>\n            \u003Cspan class=\"vbc-punch-strong\">\n                قد تحتاج أن تعرف\n                \u003Cspan class=\"vbc-punch-accent\">أين الخلل\u003C\u002Fspan>، كيف تطوّر ما لديك، ومن يراقب الصورة معك.\n            \u003C\u002Fspan>\n\n            \u003Cdiv class=\"vbc-actions\">\n                \u003Cbutton\n                    type=\"button\"\n                    class=\"vbc-btn vbc-btn-primary\"\n                    data-vbc-open-quiz\n                    aria-label=\"اختبر جاهزية التسويق في شركتك\"\n                >\n                    \u003Cspan class=\"vbc-btn-copy\">\n                        \u003Cstrong>اختبر جاهزية التسويق في شركتك\u003C\u002Fstrong>\n                        \u003Csmall>اختبار قصير يكشف نقاط القوة والفجوات\u003C\u002Fsmall>\n                    \u003C\u002Fspan>\n                    \u003Cspan class=\"vbc-btn-arrow\" aria-hidden=\"true\">←\u003C\u002Fspan>\n                \u003C\u002Fbutton>\n\n                \u003Ca\n                    class=\"vbc-btn vbc-btn-secondary\"\n                    href=\"https:\u002F\u002Fvad-academy.com\u002Fcompanies\"\n                    aria-label=\"اكتشف خدمات الشركات\"\n                >\n                    \u003Cspan>اكتشف خدمات الشركات\u003C\u002Fspan>\n                    \u003Cspan class=\"vbc-btn-arrow\" aria-hidden=\"true\">←\u003C\u002Fspan>\n                \u003C\u002Fa>\n            \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\n\u003C!-- MARKETING AUDIT QUIZ MODAL (CLEAN HIDDEN) -->\n\u003Cdiv class=\"vbc-quiz-modal\" id=\"vbc-marketing-quiz\" data-vbc-quiz-modal aria-hidden=\"true\">\n    \u003Cdiv class=\"vbc-quiz-backdrop\" data-vbc-close-quiz aria-hidden=\"true\">\u003C\u002Fdiv>\n    \u003Cdiv class=\"vbc-quiz-dialog\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"vbc-quiz-title\">\n        \u003Cdiv class=\"vbc-quiz-head\">\n            \u003Cdiv class=\"vbc-quiz-heading\">\n                \u003Cstrong id=\"vbc-quiz-title\">اختبار جاهزية التسويق لشركتك\u003C\u002Fstrong>\n                \u003Cspan>أجب عن أسئلة قصيرة واكتشف أين تحتاج شركتك إلى التطوير.\u003C\u002Fspan>\n            \u003C\u002Fdiv>\n            \u003Cbutton type=\"button\" class=\"vbc-quiz-close\" data-vbc-close-quiz aria-label=\"إغلاق الاختبار\">×\u003C\u002Fbutton>\n        \u003C\u002Fdiv>\n        \u003Cdiv class=\"vbc-quiz-body\">\n            \u003Ciframe\n                src=\"https:\u002F\u002Fapi.vad-academy.com\u002Fwidget\u002Fquiz\u002FYNPkarv5dCc3DpnfP5gN\"\n                style=\"border:none;width:100%;min-height:620px;\"\n                scrolling=\"no\"\n                id=\"YNPkarv5dCc3DpnfP5gN\"\n                title=\"اختبار جاهزية التسويق للشركات\"\n                data-cookie-consent=\"true\"\n                data-cookie-consent-provider=\"auto\"\n            >\u003C\u002Fiframe>\n        \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\n\u003Cscript src=\"https:\u002F\u002Fapi.vad-academy.com\u002Fjs\u002Fform_embed.js\">\u003C\u002Fscript>\n\n\u003Cscript>\n(function () {\n    \"use strict\";\n\n    const section = document.getElementById(\"vad-business-capability\");\n    if (!section || section.dataset.vbcReady === \"1\") return;\n    section.dataset.vbcReady = \"1\";\n\n    const quizModal = section.querySelector(\"[data-vbc-quiz-modal]\");\n    const quizOpenButton = section.querySelector(\"[data-vbc-open-quiz]\");\n    const quizCloseButtons = Array.from(section.querySelectorAll(\"[data-vbc-close-quiz]\"));\n\n    function openQuiz() {\n        if (!quizModal) return;\n        quizModal.classList.add(\"is-open\");\n        quizModal.setAttribute(\"aria-hidden\", \"false\");\n        document.body.style.overflow = \"hidden\";\n    }\n\n    function closeQuiz() {\n        if (!quizModal) return;\n        quizModal.classList.remove(\"is-open\");\n        quizModal.setAttribute(\"aria-hidden\", \"true\");\n        document.body.style.overflow = \"\";\n    }\n\n    if (quizOpenButton) quizOpenButton.addEventListener(\"click\", openQuiz);\n    quizCloseButtons.forEach(btn => btn.addEventListener(\"click\", closeQuiz));\n\n    document.addEventListener(\"keydown\", function (e) {\n        if (e.key === \"Escape\" && quizModal && quizModal.classList.contains(\"is-open\")) {\n            closeQuiz();\n        }\n    });\n})();\n\u0
789203C\u002Fscript>\n\n\u003C\u002Fsection>",{"value":444},[],"ccustom-code-ILQ0To5v0L",{},{"id":14,"type":17,"child":448,"class":450,"styles":458,"extra":460,"meta":17,"tagName":54,"title":55,"classStr":22,"_id":14},[449],"row-NrT85t1I7q",{"width":451,"entranceAnimation":452,"animationScale":453,"animationDuration":454,"animationDelay":455,"animationEasing":456,"disableAnimationsOnMobile":457},{"value":22},{"value":24},{"value":26},{"value":26},{"value":29},{"value":31},{"value":33},{"borderWidth":459},{"value":36},{"sticky":461,"visibility":462,"bgImage":464,"allowRowMaxWidth":466,"customClass":467,"elementScreenshot":469},{"value":39},{"value":463},{"hideDesktop":42,"hideMobile":42},{"value":465},{"mediaType":45,"url":46,"opacity":47,"options":48,"svgCode":46,"videoUrl":46,"videoThumbnail":46,"videoLoop":33},{"value":42},{"value":468},[],{"value":470},[],{"id":449,"type":57,"child":472,"class":474,"styles":482,"extra":484,"tagName":81,"meta":57,"title":82,"classStr":62},[473],"col-3zeo1ppef2",{"alignRow":475,"entranceAnimation":476,"animationScale":477,"animationDuration":478,"animationDelay":479,"animationEasing":480,"disableAnimationsOnMobile":481},{"value":62},{"value":24},{"value":26},{"value":26},{"value":29},{"value":31},{"value":33},{"borderWidth":483},{"value":36},{"visibility":485,"bgImage":487,"rowWidth":489,"customClass":490},{"value":486},{"hideDesktop":42,"hideMobile":42},{"value":488},{"mediaType":45,"url":46,"opacity":47,"options":48,"svgCode":46,"videoUrl":46,"videoThumbnail":46,"videoLoop":33},{"value":77,"unit":78},{"value":491},[],{"id":473,"type":84,"child":493,"class":495,"styles":503,"extra":505,"tagName":112,"meta":84,"title":113,"noOfColumns":26},[494],"custom-code-YuRnX0xX6L",{"entranceAnimation":496,"animationScale":497,"animationDuration":498,"animationDelay":499,"animationEasing":500,"disableAnimationsOnMobile":501,"nestedColumn":502},{"value":24},{"value":26},{"value":26},{"value":29},{"value":31},{"value":33},{"value":46},{"borderWidth":504},{"value":36},{"visibility":506,"bgImage":508,"columnLayout":510,"justifyContentColumnLayout":511,"alignContentColumnLayout":512,"forceColumnLayoutForMobile":513,"customClass":514,"elementVersion":516},{"value":507},{"hideDesktop":42,"hideMobile":42},{"value":509},{"mediaType":45,"url":46,"opacity":47,"options":48,"svgCode":46,"videoUrl":46,"videoThumbnail":46,"videoLoop":33},{"value":102},{"value":104},{"value":106},{"value":33},{"value":515},[],{"value":111},{"extra":518,"id":494,"meta":124,"tagName":125,"class":527},{"visibility":519,"customCode":521,"customClass":524,"nodeId":526},{"value":520},{"hideMobile":46,"hideDesktop":46},{"value":522},{"rawCustomCode":523},"\u003C!-- =========================================================\n     VAD PLUS — LEARNING & ADVISORY OFFERS\n     GoHighLevel Ready\n     Bug Fix: Overlay Clearance + Z-Index Boost + Interactive Cards\n========================================================= -->\n\n\u003Csection id=\"vad-learning-offers\" dir=\"rtl\">\n\n\u003Cstyle>\n@import url(\"https:\u002F\u002Ffonts.googleapis.com\u002Fcss2?family=Cairo:wght@400;500;600;700;800;900&display=swap\");\n\n\u002F* =========================================================\n   FORCE DISABLE ANY GHOST OVERLAYS (CRITICAL BUG FIX)\n========================================================= *\u002F\n#vte-quiz-modal:not(.is-active),\n#vad-quiz-modal:not(.is-active) {\n    display: none !important;\n    pointer-events: none !important;\n    visibility: hidden !important;\n    z-index: -1 !important;\n}\n\n\u002F* =========================================================\n   ROOT & VARIABLES\n========================================================= *\u002F\n#vad-learning-offers,\n#vad-learning-offers *,\n#vad-learning-offers *::before,\n#vad-learning-offers *::after {\n    box-sizing: border-box;\n    font-family: \"Cairo\", sans-serif !important;\n}\n\n#vad-learning-offers {\n    --vlo-navy: #071B33;\n    --vlo-navy-2: #0D2B4D;\n    --vlo-green: #00B894;\n    --vlo-green-2: #18D4AE;\n    --vlo-white: #FFFFFF;\n    --vlo-bg: #F8FAFC;\n    --vlo-text: #0B2139;\n    --vlo-muted: #697A8D;\n    --vlo-border: rgba(7,27,51,.08);\n\n    width: 100vw;\n    max-width: 100vw;\n    margin-inline: calc(50% - 50vw);\n    position: relative;\n    z-index: 50; \u002F* رفع طبقة القسم لمنع أي تداخل من أقسام أخرى *\u002F\n    overflow: hidden;\n    direction: rtl;\n    color: var(--vlo-text);\n    background:\n        radial-gradient(circle at 12% 14%, rgba(0,184,148,.07), transparent 27%),\n        radial-gradient(circle at 88% 82%, rgba(7,27,51,.05), transparent 31%),\n        var(--vlo-bg);\n}\n\n#vad-learning-offers .vlo-bg-grid {\n    position: absolute;\n    inset: 0;\n    pointer-events: none !important;\n    opacity: .26;\n    background-image:\n        linear-gradient(rgba(7,27,51,.032) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(7,27,51,.032) 1px, transparent 1px);\n    background-size: 52px 52px;\n    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 12%, #000 88%, transparent 100%);\n    mask-image: linear-gradient(to bottom, transparent 0%, #000 12%, #000 88%, transparent 100%);\n}\n\n#vad-learning-offers .vlo-wrap {\n    width: min(1680px, calc(100% - 40px));\n    margin: 0 auto;\n    padding: clamp(76px,7vw,118px) clamp(25px,4vw,72px) clamp(60px,6vw,94px);\n    position: relative;\n    z-index: 55;\n}\n\n\u002F* =========================================================\n   INTRO\n========================================================= *\u002F\n#vad-learning-offers .vlo-intro {\n    max-width: 860px;\n    margin-bottom: 45px;\n    position: relative;\n    z-index: 56;\n}\n\n#vad-learning-offers .vlo-kicker {\n    width: fit-content;\n    min-height: 39px;\n    padding: 0 15px;\n    display: inline-flex;
7892\n    align-items: center;\n    gap: 9px;\n    border: 1px solid rgba(0,184,148,.22);\n    border-radius: 999px;\n    background: rgba(255,255,255,.9);\n    color: var(--vlo-navy);\n    font-size: 12px;\n    font-weight: 900;\n    box-shadow: 0 8px 24px rgba(7,27,51,.035);\n}\n\n#vad-learning-offers .vlo-kicker-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: var(--vlo-green);\n}\n\n#vad-learning-offers .vlo-title {\n    margin: 20px 0 0;\n    color: var(--vlo-navy);\n    font-size: clamp(38px,4vw,62px);\n    line-height: 1.28;\n    letter-spacing: -1.5px;\n    font-weight: 900;\n}\n\n#vad-learning-offers .vlo-title span {\n    color: var(--vlo-green);\n}\n\n#vad-learning-offers .vlo-description {\n    max-width: 780px;\n    margin: 18px 0 0;\n    color: var(--vlo-muted);\n    font-size: 17px;\n    line-height: 1.9;\n    font-weight: 500;\n}\n\n\u002F* =========================================================\n   3 PILLARS GRID\n========================================================= *\u002F\n#vad-learning-offers .vlo-pillars-grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 22px;\n    align-items: stretch;\n    position: relative;\n    z-index: 60;\n}\n\n#vad-learning-offers .vlo-card {\n    position: relative;\n    z-index: 61;\n    border-radius: 24px;\n    padding: 32px 28px;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    overflow: hidden;\n    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;\n}\n\n#vad-learning-offers .vlo-card-featured {\n    background: linear-gradient(135deg, var(--vlo-navy) 0%, var(--vlo-navy-2) 100%);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    color: #FFFFFF;\n    box-shadow: 0 24px 60px rgba(7, 27, 51, 0.22);\n}\n\n#vad-learning-offers .vlo-card-featured:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 32px 75px rgba(7, 27, 51, 0.32);\n    border-color: rgba(0, 184, 148, 0.4);\n}\n\n#vad-learning-offers .vlo-card-standard {\n    background: #FFFFFF;\n    border: 1px solid rgba(7, 27, 51, 0.08);\n    box-shadow: 0 16px 40px rgba(7, 27, 51, 0.05);\n}\n\n#vad-learning-offers .vlo-card-standard:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 24px 50px rgba(7, 27, 51, 0.1);\n    border-color: rgba(0, 184, 148, 0.3);\n}\n\n#vad-learning-offers .vlo-card-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 24px;\n}\n\n#vad-learning-offers .vlo-card-icon {\n    width: 48px;\n    height: 48px;\n    border-radius: 14px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n#vad-learning-offers .vlo-card-featured .vlo-card-icon {\n    background: rgba(0, 184, 148, 0.16);\n    color: var(--vlo-green-2);\n}\n\n#vad-learning-offers .vlo-card-standard .vlo-card-icon {\n    background: rgba(0, 184, 148, 0.08);\n    color: var(--vlo-green);\n}\n\n#vad-learning-offers .vlo-card-icon svg {\n    width: 24px;\n    height: 24px;\n}\n\n#vad-learning-offers .vlo-card-badge {\n    padding: 5px 12px;\n    border-radius: 100px;\n    font-size: 11px;\n    font-weight: 800;\n}\n\n#vad-learning-offers .vlo-card-featured .vlo-card-badge {\n    background: rgba(0, 184, 148, 0.22);\n    color: var(--vlo-green-2);\n}\n\n#vad-learning-offers .vlo-card-standard .vlo-card-badge {\n    background: rgba(7, 27, 51, 0.05);\n    color: var(--vlo-navy);\n}\n\n#vad-learning-offers .vlo-card-title {\n    font-size: 22px;\n    font-weight: 900;\n    line-height: 1.4;\n    margin: 0 0 12px;\n}\n\n#vad-learning-offers .vlo-card-featured .vlo-card-title { color: #FFFFFF; }\n#vad-learning-offers .vlo-card-standard .vlo-card-title { color: var(--vlo-navy); }\n\n#vad-learning-offers .vlo-card-desc {\n    font-size: 14px;\n    line-height: 1.8;\n    margin: 0 0 24px;\n}\n\n#vad-learning-offers .vlo-card-featured .vlo-card-desc { color: rgba(255, 255, 255, 0.75); }\n#vad-learning-offers .vlo-card-standard .vlo-card-desc { color: var(--vlo-muted); }\n\n#vad-learning-offers .vlo-features-list {\n    list-style: none;\n    padding: 0;\n    margin: 0 0 32px;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n#vad-learning-offers .vlo-feature-item {\n    display: flex;
7892\n    align-items: center;\n    gap: 10px;\n    font-size: 13.5px;\n    font-weight: 700;\n}\n\n#vad-learning-offers .vlo-card-featured .vlo-feature-item { color: rgba(255, 255, 255, 0.9); }\n#vad-learning-offers .vlo-card-standard .vlo-feature-item { color: var(--vlo-text); }\n\n#vad-learning-offers .vlo-feature-check {\n    width: 18px;\n    height: 18px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 11px;\n    font-weight: 900;\n    flex-shrink: 0;\n}\n\n#vad-learning-offers .vlo-card-featured .vlo-feature-check {\n    background: rgba(24, 212, 174, 0.2);\n    color: var(--vlo-green-2);\n}\n\n#vad-learning-offers .vlo-card-standard .vlo-feature-check {\n    background: rgba(0, 184, 148, 0.15);\n    color: var(--vlo-green);\n}\n\n\u002F* BUTTONS *\u002F\n#vad-learning-offers .vlo-btn {\n    width: 100%;\n    min-height: 52px;\n    padding: 0 18px;\n    border-radius: 14px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: space-between;\n    text-decoration: none;\n    font-size: 14px;\n    font-weight: 900;\n    cursor: pointer !important;\n    pointer-events: auto !important;\n    position: relative;\n    z-index: 70;\n    transition: transform .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease, border-color .2s ease;\n}\n\n#vad-learning-offers .vlo-btn-primary {\n    background: var(--vlo-green);\n    border: 1px solid var(--vlo-green);\n    color: #FFFFFF;\n    box-shadow: 0 12px 28px rgba(0, 184, 148, 0.25);\n}\n\n#vad-learning-offers .vlo-btn-primary:hover {\n    background: var(--vlo-white);\n    border-color: var(--vlo-white);\n    color: var(--vlo-navy);\n    transform: translateY(-2px);\n}\n\n#vad-learning-offers .vlo-btn-secondary {\n    background: #FAFCFC;\n    border: 1px solid rgba(7, 27, 51, 0.14);\n    color: var(--vlo-navy);\n}\n\n#vad-learning-offers .vlo-btn-secondary:hover {\n    background: var(--vlo-navy);\n    border-color: var(--vlo-navy);\n    color: #FFFFFF;\n    transform: translateY(-2px);\n    box-shadow: 0 12px 28px rgba(7, 27, 51, 0.15);\n}\n\n#vad-learning-offers .vlo-btn-arrow {\n    font-size: 16px;\n    transition: transform .2s ease;\n}\n\n#vad-learning-offers .vlo-btn:hover .vlo-btn-arrow {\n    transform: translateX(-4px);\n}\n\n\u002F* =========================================================\n   MARQUEE SLIDER & CARDS\n========================================================= *\u002F\n#vad-learning-offers .vlo-library {\n    margin-top: clamp(64px, 7vw, 96px);\n    position: relative;\n    z-index: 60;\n}\n\n#vad-learning-offers .vlo-library-head {\n    display: flex;\n    align-items: end;\n    justify-content: space-between;\n    gap: 28px;\n    position: relative;\n    z-index: 61;\n}\n\n#vad-learning-offers .vlo-library-title {\n    margin: 0;\n    color: var(--vlo-navy);\n    font-size: clamp(26px, 2.6vw, 40px);\n    line-height: 1.4;\n    font-weight: 900;\n}\n\n#vad-learning-offers .vlo-library-desc {\n    max-width: 630px;\n    margin: 7px 0 0;\n    color: var(--vlo-muted);\n    font-size: 13.5px;\n    line-height: 1.8;\n    font-weight: 500;\n}\n\n#vad-learning-offers .vlo-library-hint {\n    flex: 0 0 auto;\n    min-height: 36px;\n    padding: 0 12px;\n    border-radius: 999px;\n    display: inline-flex;\n    align-items: center;\n    gap: 7px;\n    color: var(--vlo-green);\n    background: rgba(0,184,148,.075);\n    font-size: 10px;\n    font-weight: 900;\n    white-space: nowrap;\n}\n\n#vad-learning-offers .vlo-training-marquee {\n    width: 100%;\n    margin-top: 28px;\n    overflow: hidden;\n    position: relative;\n    z-index: 65;\n    direction: ltr !important;\n    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 4%, #000 96%, transparent 100%);\n    mask-image: linear-gradient(90deg, transparent 0, #000 4%, #000 96%, transparent 100%);\n}\n\n#vad-learning-offers .vlo-training-track {\n    width: max-content;\n    min-width: max-content;\n    display: flex;\n    align-items: stretch;\n    justify-content: flex-start;\n    gap: 18px;\n    animation: vloMarquee 65s linear infinite;\n    direction: ltr !important;\n    will-change: transform;\n}\n\n#vad-learning-offers .vlo-training-marquee:hover .vlo-training-track {\n    animation-play-state: paused;\n}\n\n@keyframes vloMarquee {\n    from { transform: translate3d(0,
78920,0); }\n    to { transform: translate3d(calc(-50% - 9px),0,0); }\n}\n\n\u002F* CARD LINK *\u002F\n#vad-learning-offers .vlo-training-card {\n    width: 290px;\n    min-width: 290px;\n    max-width: 290px;\n    flex: 0 0 290px;\n    padding: 13px;\n    border: 1px solid rgba(7, 27, 51, 0.08);\n    border-radius: 20px;\n    background: #FFFFFF;\n    color: var(--vlo-text);\n    text-decoration: none;\n    display: flex;\n    flex-direction: column;\n    direction: rtl;\n    box-shadow: 0 14px 34px rgba(7, 27, 51, 0.05);\n    cursor: pointer !important;\n    pointer-events: auto !important;\n    position: relative;\n    z-index: 66;\n    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;\n}\n\n#vad-learning-offers .vlo-training-card:hover {\n    transform: translateY(-5px);\n    border-color: rgba(0, 184, 148, 0.35);\n    box-shadow: 0 22px 48px rgba(7, 27, 51, 0.12);\n}\n\n#vad-learning-offers .vlo-card-media {\n    width: 100%;\n    aspect-ratio: 16 \u002F 10;\n    border-radius: 14px;\n    overflow: hidden;\n    background: #071B33;\n    position: relative;\n}\n\n#vad-learning-offers .vlo-card-img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    display: block;\n    transition: transform .35s ease;\n}\n\n#vad-learning-offers .vlo-training-card:hover .vlo-card-img {\n    transform: scale(1.05);\n}\n\n#vad-learning-offers .vlo-card-body {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    padding: 14px 2px 2px;\n}\n\n#vad-learning-offers .vlo-training-category {\n    width: fit-content;\n    min-height: 25px;\n    padding: 0 9px;\n    border-radius: 999px;\n    display: inline-flex;\n    align-items: center;\n    color: var(--vlo-green);\n    background: rgba(0, 184, 148, 0.08);\n    font-size: 9px;\n    font-weight: 900;\n}\n\n#vad-learning-offers .vlo-training-title {\n    margin: 8px 0 14px;\n    color: var(--vlo-navy);\n    font-size: 13.5px;\n    line-height: 1.5;\n    font-weight: 900;\n    min-height: 40px;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n}\n\n#vad-learning-offers .vlo-training-link {\n    min-height: 38px;\n    margin-top: auto;\n    padding: 0 12px;\n    border: 1px solid rgba(0, 184, 148, 0.16);\n    border-radius: 11px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n    color: var(--vlo-navy);\n    background: rgba(0, 184, 148, 0.055);\n    font-size: 10.5px;\n    font-weight: 900;\n    transition: color .2s ease, background .2s ease, border-color .2s ease;\n}\n\n#vad-learning-offers .vlo-training-card:hover .vlo-training-link {\n    color: #FFFFFF;\n    background: var(--vlo-green);\n    border-color: var(--vlo-green);\n}\n\n\u002F* =========================================================\n   BOTTOM ALL COURSES BUTTON\n========================================================= *\u002F\n#vad-learning-offers .vlo-final {\n    margin-top: 40px;\n    display: flex;\n    justify-content: center;\n    position: relative;\n    z-index: 75;\n}\n\n#vad-learning-offers .vlo-final-btn {\n    min-height: 56px;\n    padding: 0 26px;\n    border: 1px solid var(--vlo-navy);\n    border-radius: 15px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    color: #FFFFFF;\n    background: var(--vlo-navy);\n    text-decoration: none;\n    font-size: 14px;\n    font-weight: 900;\n    cursor: pointer !important;\n    pointer-events: auto !important;\n    position: relative;\n    z-index: 80;\n    box-shadow: 0 13px 30px rgba(7, 27, 51, 0.13);\n    transition: transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;\n}\n\n#vad-learning-offers .vlo-final-btn:hover {\n    transform: translateY(-2px);\n    background: var(--vlo-green) !important;\n    border-color: var(--vlo-green) !important;\n    color: #FFFFFF !important;\n    box-shadow: 0 16px 36px rgba(0, 184, 148, 0.25);\n}\n\n#vad-learning-offers .vlo-final-arrow {\n    font-size: 16px;\n    transition: transform .2s ease;\n}\n\n#vad-learning-offers .vlo-final-btn:hover .vlo-final-arrow {\n    transform: translateX(-4px);\n}\n\n\u002F* =========================================================\n   RESPONSIVE\n========================================================= *\u002F\n@media (max-width: 1024px) {\n    #vad-learning-offers .vlo-pillars-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }\n    #vad-learning-offers .vlo-wrap {\n        padding: 60px 20px 48px;\n    }\n}\n\n@media (max-width: 768px) {\n    #vad-learning-offers .vlo-library-head {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 12px;\n    }\n    #vad-learning-offers .vlo-training-marquee {\n        overflow-x: auto;\n        -webkit-overflow-scrolling: touch;\n        mask-image: none;\n        -webkit-mask-image: none;\n    }\n    #vad-learning-offers .vlo-training-track {\n        animation: none !important;\n    }\n    #vad-learning-offers .vlo-training-card {\n        width: 260px;\n        min-width: 260px;\n    }\n    #vad-learning-offers .vlo-final-btn {\n        width: 100%;\n        justify-content: space-between;\n    }\n}\n\u003C\u002Fstyle>\n\n\u003Cdiv class=\"vlo-bg-grid\" aria-hidden=\"true\">\u003C\u002Fdiv>\n\n\u003Cdiv class=\"vlo-wrap\">\n\n    \u003C!-- INTRO SECTION -->\n    \u003Cdiv class=\"vlo-intro\">\n        \u003Cdiv class=\"vlo-kicker\">\n            \u003Cspan class=\"vlo-kicker-dot\">\u003C\u002Fspan>\n            \u003Cspan>مسارات التعلّم والتطوير\u003C\u002Fspan>\n        \u003C\u002Fdiv>\n\n        \u003Ch2 class=\"vlo-title\">\n            اختر المسار التدريبي \u003Cspan>الأنسب لنموك\u003C\u002Fspan>.\n        \u003C\u002Fh2>\n\n        \u003Cp class=\"vlo-description\">\n            تدريبات عملية قائمة على تجارب وميزانيات حقيقية، مصممة لنقلك مباشرة من مرحلة النظريات إلى الإتقان والتطبيق والنتائج القابلة للقياس.\n        \u003C\u002Fp>\n    \u003C\u002Fdiv>\n\n    \u003C!-- 3 CORE PILLARS -->\n    \u003Cdiv class=\"vlo-pillars-grid\">\n\n        \u003C!-- 1. META ADS MASTER CLASS -->\n        \u003Cdiv class=\"vlo-card vlo-card-featured\">\n            \u003Cdiv>\n                \u003Cdiv class=\"vlo-card-header\">\n                    \u003Cdiv class=\"vlo-card-icon\">\n                        \u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            \u003Cpath d=\"M4 18V9\">\u003C\u002Fpath>\n                            \u003Cpath d=\"M10 18V5\">\u003C\u002Fpath>\n                            \u003Cpath d=\"M16 18v-6\">\u003C\u002Fpath>\n                            \u003Cpath d=\"M22 18V3\">\u003C\u002Fpath>\n                        \u003C\u002Fsvg>\n                    \u003C\u002Fdiv>\n                    \u003Cspan class=\"vlo-card-badge\">البرنامج الرئيسي الشامل\u003C\u002Fspan>\n                \u003C\u002Fdiv>\n\n                \u003Ch3 class=\"vlo-card-title\">Meta Ads Master Class\u003C\u002Fh3>\n                \u003Cp class=\"vlo-card-desc\">\n                    المرجع المتكامل لإتقان وهندسة إعلانات Meta باحترافية، وقراءة البيانات، وتوسيع الحملات لتحقيق أعلى عائد على الإنفاق.\n                \u003C\u002Fp>\n\n                \u003Cul class=\"vlo-features-list\">\n                    \u003Cli class=\"vlo-feature-item\">\n                        \u003Cspan class=\"vlo-feature-check\">✓\u003C\u002Fspan>\n                        تدريب مسجل بالكامل مع وصول فوري ومستمر\n                    \u003C\u002Fli>\n                    \u003Cli class=\"vlo-feature-item\">\n                        \u003Cspan class=\"vlo-feature-check\">✓\u003C\u002Fspan>\n                        تحديثات دورية مواكبة لخوارزميات 2026\n                    \u003C\u002Fli>\n                    \u003Cli class=\"vlo-feature-item\">\n                        \u003Cspan class=\"vlo-feature-check\">✓\u003C\u002Fspan>\n                        تطبيقات على مسارات تحويل وميزانيات حقيقية\n                    \u003C\u002Fli>\n                \u003C\u002Ful>\n            \u003C\u002Fdiv>\n\n            \u003Ca class=\"vlo-btn vlo-btn-primary\" href=\"https:\u002F\u002Fvad-academy.com\u002Ffbmastry\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"استكشف الماستر كلاس\">\n                \u003Cspan>استكشف الماستر كلاس\u003C\u002Fspan>\n                \u003Cspan class=\"vlo-btn-arrow\" aria-hidden=\"true\">←\u003C\u002Fspan>\n            \u003C\u002Fa>\n        \u003C\u002Fdiv>\n\n        \u003C!-- 2. 1-ON-1 COACHING (WHATSAPP) -->\n        \u003Cdiv class=\"vlo-card vlo-card-standard\">\n            \u003Cdiv>\n                \u003Cdiv class=\"vlo-card-header\">\n                    \u003Cdiv class=\"vlo-card-icon\">\n                        \u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            \u003Ccircle cx=\"12\" cy=\"8\" r=\"4\">\u003C\u002Fcircle>\n                            \u003Cpath d=\"M6 20v-2a6 6 0 0 1 12 0v2\">\u003C\u002Fpath>\n                        \u003C\u002Fsvg>\n                    \u003C\u002Fdiv>\n                    \u003Cspan class=\"vlo-card-badge\">الأعلى تخصيصاً (1:1)\u003C\u002Fspan>\n                \u003C\u002Fdiv>\n\n                \u003Ch3 class=\"vlo-card-title\">التدريب الفردي المخصص\u003C\u002Fh3>\n                \u003Cp class=\"vlo-card-desc\">\n                    جلسات تدريب وتطبيق مكثفة 1:1 مخصصة بالكامل لواقع مشروعك، لحل مشاكلك الإعلانية والتسويقية خطوة بخطوة.\n                \u003C\u002Fp>\n\n                \u003Cul class=\"vlo-features-list\">\n                    \u003Cli class=\"vlo-feature-item\">\n                        \u003Cspan class=\"vlo-feature-check\">✓\u003C\u002Fspan>\n                        توجيه مباشر مبني على أرقام وحسابات مشروعك\n                    \u003C\u002Fli>\n                    \u003Cli class=\"vlo-feature-item\">\n                        \u003Cspan class=\"vlo-feature-check\">✓\u003C\u002Fspan>\n                        تشخيص دقيق لمسار العميل ومكامن الهدر\n                    \u003C\u002Fli>\n                    \u003Cli class=\"vlo-feature-item\">\n                        \u003Cspan class=\"vlo-feature-check\">✓\u003C\u002Fspan>\n                        خطة عمل قابلة للتطبيق الفوري مع المتابعة\n                    \u003C\u002Fli>\n                \u003C\u002Ful>\n            \u003C\u002Fdiv>\n\n            \u003Ca class=\"vlo-btn vlo-btn-secondary\" href=\"https:\u002F\u002Fwa.me\u002F970568226776?text=%D9%85%D8%B1%D8%AD%D8%A8%D8%A7%D9%8B%D8%8C%20%D8%A3%D9%88%D8%AF%20%D8%A7%D9%84%D8%A7%D8%B3%D8%AA%D9%81%D8%B3%D8%A7%D8%B1%20%D8%B9%D9%86%20%D8%AA%D9%81%D8%A7%D8%B5%D9%8A%D9%84%20%D8%A7%D9%84%D8%AA%D8%AF%D8%B1%D9%8A%D8%A8%20%D8%A7%D9%84%D9%81%D8%B1%D8%AF%D9%8A%20%D8%A7%D9%84%D9%85%D8%AE%D8%B5%D8%B5%20(1:1)%20%D9%81%D9%8A%20VAD%20Plus\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"استفسر عبر واتساب\">\n                \u003Cspan>تواصل للاستفسار (واتساب)\u003C\u002Fspan>\n                \u003Cspan class=\"vlo-btn-arrow\" aria-hidden=\"true\">←\u003C\u002Fspan>\n            \u003C\u002Fa>\n        \u003C\u002Fdiv>\n\n        \u003C!-- 3. TEAM & CORPORATE (WHATSAPP) -->\n        \u003Cdiv class=\"vlo-card vlo-card-standard\">\n            \u003Cdiv>\n                \u003Cdiv class=\"vlo-card-header\">\n                    \u003Cdiv class=\"vlo-card-icon\">\n                        \u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            \u003Cpath d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\">\u003C\u002Fpath>\n                            \u003Ccircle cx=\"9\" cy=\"7\" r=\"4\">\u003C\u002Fcircle>\n                            \u003Cpath d=\"M23 21v-2a4 4 0 0 0-3-3.87\">\u003C\u002Fpath>\n                            \u003Cpath d=\"M16 3.13a4 4 0 0 1 0 7.75\">\u003C\u002Fpath>\n                        \u003C\u002Fsvg>\n                    \u003C\u002Fdiv>\n                    \u003Cspan class=\"vlo-card-badge\">للشركات والمؤسسات\u003C\u002Fspan>\n                \u003C\u002Fdiv>\n\n                \u003Ch3 class=\"vlo-card-title\">تدريب وتطوير الفرق\u003C\u002Fh3>\n                \u003Cp class=\"vlo-card-desc\">\n                    برامج تدريبية وتطويرية موجهة لفرق التسويق داخل الشركات والمؤسسات لرفع كفاءة التخطيط والتنفيذ وإدارة الميزانيات.\n                \u003C\u002Fp>\n\n                \u003Cul class=\"vlo-features-list\">\n                    \u003Cli class=\"vlo-feature-item\">\n                        \u003Cspan class=\"vlo-feature-check\">✓\u003C\u002Fspan>\n                        تطوير مهارات الفريق في قراءة الأداء والمقاييس\n                    \u003C\u002Fli>\n                    \u003Cli class=\"vlo-feature-item\">\n                        \u003Cspan class=\"vlo-feature-check\">✓\u003C\u002Fspan>\n                        بناء ورش عمل عملية مخصصة لمجال شركتك\n                    \u003C\u002Fli>\n                    \u003Cli class=\"vlo-feature-item\">\n                        \u003Cspan class=\"vlo-feature-check\">✓\u003C\u002Fspan>\n                        تنسيق منظومة العمل بين الإعلانات والـ CRM\n                    \u003C\u002Fli>\n                \u003C\u002Ful>\n            \u003C\u002Fdiv>\n\n            \u003Ca class=\"vlo-btn vlo-btn-secondary\" href=\"https:\u002F\u002Fwa.me\u002F970568226776?text=%D9%85%D8%B1%D8%AD%D8%A8%D8%A7%D9%8B%D8%8C%20%D8%A3%D9%88%D8%AF%20%D8%A7%D9%84%D8%A7%D8%B3%D8%AA%D9%81%D8%B3%D8%A7%D8%B1%20%D8%B9%D9%86%20%D8%A8%D8%B1%D8%A7%D9%85%D8%AC%20%D8%AA%D8%AF%D8%B1%D9%8A%D8%A8%20%D9%88%D8%AA%D8%B7%D9%88%D9%8A%D8%B1%20%D8%A7%D9%84%D9%81%D8%B1%D9%82%20%D9%88%D8%A7%D9%84%D8%B4%D8%B1%D9%83%D8%A7%D8%AA%20%D9%81%D9%8A%20VAD%20Plus\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"استفسر للشركات عبر واتساب\">\n                \u003Cspan>تواصل لتدريب فريقك (واتساب)\u003C\u002Fspan>\n                \u003Cspan class=\"vlo-btn-arrow\" aria-hidden=\"true\">←\u003C\u002Fspan>\n            \u003C\u002Fa>\n        \u003C\u002Fdiv>\n\n    \u003C\u002Fdiv>\n\n    \u003C!-- MARQUEE SLIDER -->\n    \u003Cdiv class=\"vlo-library\">\n\n        \u003Cdiv class=\"vlo-library-head\">\n            \u003Cdiv>\n                \u003Ch3 class=\"vlo-library-title\">مكتبة التدريبات وورش العمل المتخصصة\u003C\u002Fh3>\n                \u003Cp class=\"vlo-library-desc\">\n                    تدريبات مركزة في مهارات معينة تساعدك على حل تحدٍ تسويقي محدد والانتقال مباشرة للتنفيذ.\n                \u003C\u002Fp>\n            \u003C\u002Fdiv>\n            \u003Cspan class=\"vlo-library-hint\">اسحب لاستكشاف المزيد\u003C\u002Fspan>\n        \u003C\u002Fdiv>\n\n        \u003Cdiv class=\"vlo-training-marquee\" aria-label=\"مكتبة تدريبات VAD Plus\">\n            \u003Cdiv class=\"vlo-training-track\">\n\n                \u003C!-- 1. MASTERCLASS -->\n                \u003Ca class=\"vlo-training-card\" href=\"https:\u002F\u002Fvad-academy.com\u002Ffbmastry\" target=\"_blank\" rel=\"noopener noreferrer\">\n                    \u003Cdiv class=\"vlo-card-media\">\n                        \u003Cimg src=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002FSVm3AzwuobZepyaOrEbi\u002Fmedia\u002F6a9ff912a08d19d9274c884c.png\" alt=\"Meta Ads Master Class\" loa
7892ding=\"lazy\" class=\"vlo-card-img\" \u002F>\n                    \u003C\u002Fdiv>\n                    \u003Cdiv class=\"vlo-card-body\">\n                        \u003Cspan class=\"vlo-training-category\">البرنامج الشامل\u003C\u002Fspan>\n                        \u003Ch4 class=\"vlo-training-title\">Meta Ads Master Class\u003C\u002Fh4>\n                        \u003Cspan class=\"vlo-training-link\">\n                            \u003Cspan>استكشف التدريب\u003C\u002Fspan>\n                            \u003Cspan aria-hidden=\"true\">←\u003C\u002Fspan>\n                        \u003C\u002Fspan>\n                    \u003C\u002Fdiv>\n                \u003C\u002Fa>\n\n                \u003C!-- 2. TARGETING 2026 -->\n                \u003Ca class=\"vlo-training-card\" href=\"https:\u002F\u002Fvad-academy.com\u002Fmetatargeting2026\" target=\"_blank\" rel=\"noopener noreferrer\">\n                    \u003Cdiv class=\"vlo-card-media\">\n                        \u003Cimg src=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002FSVm3AzwuobZepyaOrEbi\u002Fmedia\u002F6a9ffe3e16ed327815a5502c.webp\" alt=\"استهدف كالقناص بعام 2026\" loading=\"lazy\" class=\"vlo-card-img\" \u002F>\n                    \u003C\u002Fdiv>\n                    \u003Cdiv class=\"vlo-card-body\">\n                        \u003Cspan class=\"vlo-training-category\">Meta Ads\u003C\u002Fspan>\n                        \u003Ch4 class=\"vlo-training-title\">استهدف كالقناص بعام 2026\u003C\u002Fh4>\n                        \u003Cspan class=\"vlo-training-link\">\n                            \u003Cspan>استكشف التدريب\u003C\u002Fspan>\n                            \u003Cspan aria-hidden=\"true\">←\u003C\u002Fspan>\n                        \u003C\u002Fspan>\n                    \u003C\u002Fdiv>\n                \u003C\u002Fa>\n\n                \u003C!-- 3. NUTRITION MASTER -->\n                \u003Ca class=\"vlo-training-card\" href=\"https:\u002F\u002Fnutritiongrowthhub.com\u002Fmadnlp\" target=\"_blank\" rel=\"noopener noreferrer\">\n                    \u003Cdiv class=\"vlo-card-media\">\n                        \u003Cimg src=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002FSVm3AzwuobZepyaOrEbi\u002Fmedia\u002F6a9ff912dd867dc12dd37608.png\" alt=\"ماستر إعلانات ميتا لأخصائيات ومراكز التغذية\" loading=\"lazy\" class=\"vlo-card-img\" \u002F>\n                    \u003C\u002Fdiv>\n                    \u003Cdiv class=\"vlo-card-body\">\n                        \u003Cspan class=\"vlo-training-category\">أخصائيات التغذية\u003C\u002Fspan>\n                        \u003Ch4 class=\"vlo-training-title\">ماستر إعلانات ميتا لأخصائيات ومراكز التغذية\u003C\u002Fh4>\n                        \u003Cspan class=\"vlo-training-link\">\n                            \u003Cspan>استكشف التدريب\u003C\u002Fspan>\n                            \u003Cspan aria-hidden=\"true\">←\u003C\u002Fspan>\n                        \u003C\u002Fspan>\n                    \u003C\u002Fdiv>\n                \u003C\u002Fa>\n\n                \u003C!-- 4. 28K JOURNEY -->\n                \u003Ca class=\"vlo-training-card\" href=\"https:\u002F\u002Fvad-academy.com\u002Fts28trainers\" target=\"_blank\" rel=\"noopener noreferrer\">\n                    \u003Cdiv class=\"vlo-card-media\">\n                        \u003Cimg src=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002FSVm3AzwuobZepyaOrEbi\u002Fmedia\u002F6aa00072360a619b9fc64a75.png\" alt=\"رحلة الـ 28 ألف دولار: دراسة حالة\" loading=\"lazy\" class=\"vlo-card-img\" \u002F>\n                    \u003C\u002Fdiv>\n                    \u003Cdiv class=\"vlo-card-body\">\n                        \u003Cspan class=\"vlo-training-category\">للمدربين وأصحاب الخبرات\u003C\u002Fspan>\n                        \u003Ch4 class=\"vlo-training-title\">رحلة الـ 28 ألف دولار: دراسة حالة لبناء منظومة تدريبية ناجحة\u003C\u002Fh4>\n                        \u003Cspan class=\"vlo-training-link\">\n                            \u003Cspan>استكشف التدريب\u003C\u002Fspan>\n                            \u003Cspan aria-hidden=\"true\">←\u003C\u002Fspan>\n                        \u003C\u002Fspan>\n                    \u003C\u002Fdiv>\n                \u003C\u002Fa>\n\n                \u003C!-- 5. 9 FATAL MISTAKES -->\n                \u003Ca class=\"vlo-training-card\" href=\"https:\u002F\u002Fvad-academy.com\u002Fmesslto\" target=\"_blank\" rel=\"noopener noreferrer\">\n                    \u003Cdiv class=\"vlo-card-media\">\n                        \u003Cimg src=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002FSVm3AzwuobZepyaOrEbi\u002Fmedia\u002F6aa0021a16ed327815a59b73.webp\" alt=\"9 أخطاء قاتلة تدمر إعلاناتك على ميتا\" loading=\"lazy\" class=\"vlo-card-img\" \u002F>\n                    \u003C\u002Fdiv>\n                    \u003Cdiv class=\"vlo-card-body\">\n                        \u003Cspan class=\"vlo-training-category\">إدارة الحملات\u003C\u002Fspan>\n                        \u003Ch4 class=\"vlo-training-title\">9 أخطاء قاتلة تدمر إعلاناتك على ميتا!\u003C\u002Fh4>\n                        \u003Cspan class=\"vlo-training-link\">\n                            \u003Cspan>استكشف التدريب\u003C\u002Fspan>\n                            \u003Cspan aria-hidden=\"true\">←\u003C\u002Fspan>\n                        \u003C\u002Fspan>\n                    \u003C\u002Fdiv>\n                \u003C\u002Fa>\n\n                \u003C!-- 6. NUTRITION RETENTION -->\n                \u003Ca class=\"vlo-training-card\" href=\"https:\u002F\u002Fnutritiongrowthhub.com\u002Fltvltonurti\" target=\"_blank\" rel=\"noopener noreferrer\">\n                    \u003Cdiv class=\"vlo-card-media\">\n                        \u003Cimg src=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002FSVm3AzwuobZepyaOrEbi\u002Fmedia\u002F6aa0026ea08d19d9274d31c6.webp\" alt=\"Nutrition Client Retention System\" loading=\"lazy\" class=\"vlo-card-img\" \u002F>\n                    \u003C\u002Fdiv>\n                    \u003Cdiv class=\"vlo-card-body\">\n                        \u003Cspan class=\"vlo-training-category\">استبقاء العملاء\u003C\u002Fspan>\n                        \u003Ch4 class=\"vlo-training-title\">Nutrition Client Retention System™\u003C\u002Fh4>\n                        \u003Cspan class=\"vlo-training-link\">\n                            \u003Cspan>استكشف التدريب\u003C\u002Fspan>\n                            \u003Cspan aria-hidden=\"true\">←\u003C\u002Fspan>\n                        \u003C\u002Fspan>\n                    \u003C\u002Fdiv>\n                \u003C\u002Fa>\n\n                \u003C!-- 7. FB TO PROFIT -->\n                \u003Ca class=\"vlo-training-card\" href=\"https:\u002F\u002Fvad-academy.com\u002F2026fblto\" target=\"_blank\" rel=\"noopener noreferrer\">\n                    \u003Cdiv class=\"vlo-card-media\">\n                        \u003Cimg src=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002FSVm3AzwuobZepyaOrEbi\u002Fmedia\u002F6aa0046dbfc1456f8c61b98f.png\" alt=\"منظومة تحويل إعلانات ميتا الى أرباح\" loading=\"lazy\" class=\"vlo-card-img\" \u002F>\n                    \u003C\u002Fdiv>\n                    \u003Cdiv class=\"vlo-card-body\">\n                        \u003Cspan class=\"vlo-training-category\">التحويل والمبيعات\u003C\u002Fspan>\n                        \u003Ch4 class=\"vlo-training-title\">منظومة تحويل إعلانات ميتا الى أرباح\u003C\u002Fh4>\n                        \u003Cspan class=\"vlo-training-link\">\n                            \u003Cspan>استكشف التدريب\u003C\u002Fspan>\n                            \u003Cspan aria-hidden=\"true\">←\u003C\u002Fspan>\n                        \u003C\u002Fspan>\n                    \u003C\u002Fdiv>\n                \u003C\u002Fa>\n\n                \u003C!-- DUPLICATE COPIES FOR INFINITE LOOP -->\n                \u003Cdiv style=\"display: contents;\">\n                    \u003Ca class=\"vlo-training-card\" href=\"https:\u002F\u002Fvad-academy.com\u002Ffbmastry\" target=\"_blank\" rel=\"noopener noreferrer\">\n                        \u003Cdiv class=\"vlo-card-media\">\u003Cimg src=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002FSVm3AzwuobZepyaOrEbi\u002Fmedia\u002F6a9ff912a08d19d9274c884c.png\" alt=\"\" loading=\"lazy\" class=\"vlo-card-img\" \u002F>\u003C\u002Fdiv>\n                        \u003Cdiv class=\"vlo-card-body\">\u003Cspan class=\"vlo-training-category\">البرنامج الشامل\u003C\u002Fspan>\u003Ch4 class=\"vlo-training-title\">Meta Ads Master Class\u003C\u002Fh4>\u003Cspan class=\"vlo-training-link\">\u003Cspan>استكشف التدريب\u003C\u002Fspan>\u003Cspan>←\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fdiv>\n                    \u003C\u002Fa>\n\n                    \u003Ca class=\"vlo-training-card\" href=\"https:\u002F\u002Fvad-academy.com\u002Fmetatargeting2026\" target=\"_blank\" rel=\"noopener noreferrer\">\n                        \u003Cdiv class=\"vlo-card-media\">\u003Cimg src=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002FSVm3AzwuobZepyaOrEbi\u002Fmedia\u002F6a9ffe3e16ed327815a5502c.webp\" alt=\"\" loading=\"lazy\" class=\"vlo-card-img\" \u002F>\u003C\u002Fdiv>\n                        \u003Cdiv class=\"vlo-card-body\">\u003Cspan class=\"vlo-training-category\">Meta Ads\u003C\u002Fspan>\u003Ch4 class=\"vlo-training-title\">استهدف كالقناص بعام 2026\u003C\u002Fh4>\u003Cspan class=\"vlo-training-link\">\u003Cspan>استكشف التدريب\u003C\u002Fspan>\u003Cspan>←\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fdiv>\n                    \u003C\u002Fa>\n\n                    \u003Ca class=\"vlo-training-card\" href=\"https:\u002F\u002Fnutritiongrowthhub.com\u002Fmadnlp\" target=\"_blank\" rel=\"noopener noreferrer\">\n                        \u003Cdiv class=\"vlo-card-media\">\u003Cimg src=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002FSVm3AzwuobZepyaOrEbi\u002Fmedia\u002F6a9ff912dd867dc12dd37608.png\" alt=\"\" loading=\"lazy\" class=\"vlo-card-img\" \u002F>\u003C\u002Fdiv>\n                        \u003Cdiv class=\"vlo-card-body\">\u003Cspan class=\"vlo-training-category\">أخصائيات التغذية\u003C\u002Fspan>\u003Ch4 class=\"vlo-training-title\">ماستر إعلانات ميتا لأخصائيات ومراكز التغذية\u003C\u002Fh4>\u003Cspan class=\"vlo-training-link\">\u003Cspan>استكشف التدريب\u003C\u002Fspan>\u003Cspan>←\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fdiv>\n                    \u003C\u002Fa>\n\n                    \u003Ca class=\"vlo-training-card\" href=\"https:\u002F\u002Fvad-academy.com\u002Fts28trainers\" target=\"_blank\" rel=\"noopener noreferrer\">\n                        \u003Cdiv class=\"vlo-card-media\">\u003Cimg src=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002FSVm3AzwuobZepyaOrEbi\u002Fmedia\u002F6aa00072360a619b9fc64a75.png\" alt=\"\" loading=\"lazy\" class=\"vlo-card-img\" \u002F>\u003C\u002Fdiv>\n                        \u003Cdiv class=\"vlo-card-body\">\u003Cspan class=\"vlo-training-category\">للمدربين وأصحاب الخبرات\u003C\u002Fspan>\u003Ch4 class=\"vlo-training-title\">رحلة الـ 28 ألف دولار: دراسة حالة لبناء منظومة تدريبية ناجحة\u003C\u002Fh4>\u003Cspan class=\"vlo-training-link\">\u003Cspan>استكشف التدريب\u003C\u002Fspan>\u003Cspan>←\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fdiv>\n                    \u003C\u002Fa>\n\n                    \u003Ca class=\"vlo-training-card\" href=\"https:\u002F\u002Fvad-academy.com\u002Fmesslto\" target=\"_blank\" rel=\"noopener noreferrer\">\n                        \u003Cdiv class=\"vlo-card-media\">\u003Cimg src=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002FSVm3AzwuobZepyaOrEbi\u002Fmedia\u002F6aa0021a16ed327815a59b73.webp\" alt=\"\" loading=\"lazy\" class=\"vlo-card-img\" \u002F>\u003C\u002Fdiv>\n                        \u003Cdiv class=\"vlo-card-body\">\u003Cspan class=\"vlo-training-category\">إدارة الحملات\u003C\u002Fspan>\u003Ch4 class=\"vlo-training-title\">9 أخطاء قاتلة تدمر إعلاناتك على ميتا!\u003C\u002Fh4>\u003Cspan class=\"vlo-training-link\">\u003Cspan>استكشف التدريب\u003C\u002Fspan>\u003Cspan>←\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fdiv>\n                    \u003C\u002Fa>\n\n                    \u003Ca class=\"vlo-training-card\" href=\"https:\u002F\u002Fnutritiongrowthhub.com\u002Fltvltonurti\" target=\"_blank\" rel=\"noopener noreferrer\">\n                        \u003Cdiv class=\"vlo-card-media\">\u003Cimg src=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002FSVm3AzwuobZepyaOrEbi\u002Fmedia\u002F6aa0026ea08d19d9274d31c6.webp\" alt=\"\" loading=\"lazy\" class=\"vlo-card-img\" \u002F>\u003C\u002Fdiv>\n                        \u003Cdiv class=\"vlo-card-body\">\u003Cspan class=\"vlo-training-category\">استبقاء العملاء\u003C\u002Fspan>\u003Ch4 class=\"vlo-training-title\">Nutrition Client Retention System™\u003C\u002Fh4>\u003Cspan class=\"vlo-training-link\">\u003Cspan>استكشف التدريب\u003C\u002Fspan>\u003Cspan>←\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fdiv>\n                    \u003C\u002Fa>\n\n                    \u003Ca class=\"vlo-training-card\" href=\"https:\u002F\u002Fvad-academy.com\u002F2026fblto\" target=\"_blank\" rel=\"noopener noreferrer\">\n                        \u003Cdiv class=\"vlo-card-media\">\u003Cimg src=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002FSVm3AzwuobZepyaOrEbi\u002Fmedia\u002F6aa0046dbfc1456f8c61b98f.png\" alt=\"\" loading=\"lazy\" class=\"vlo-card-img\" \u002F>\u003C\u002Fdiv>\n                        \u003Cdiv class=\"vlo-card-body\">\u003Cspan class=\"vlo-training-category\">التحويل والمبيعات\u003C\u002Fspan>\u003Ch4 class=\"vlo-training-title\">منظومة تحويل إعلانات ميتا الى أرباح\u003C\u002Fh4>\u003Cspan class=\"vlo-training-link\">\u003Cspan>استكشف التدريب\u003C\u002Fspan>\u003Cspan>←\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fdiv>\n                    \u003C\u002Fa>\n                \u003C\u002Fdiv>\n\n            \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n\n        \u003C!-- BOTTOM BUTTON -->\n        \u003Cdiv class=\"vlo-final\">\n            \u003Ca class=\"vlo-final-btn\" href=\"https:\u002F\u002Fvad-academy.com\u002Fvadcourses\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"استكشف جميع التدريبات\">\n                \u003Cspan>استكشف جميع التدريبات\u003C\u002Fspan>\n                \u003Cspan class=\"vlo-final-arrow\" aria-hidden=\"true\">←\u003C\u002Fspan>\n            \u003C\u002Fa>\n        \u003C\u002Fdiv>\n\n    \u003C\u002Fdiv>\n\n\u003C\u002Fdiv>\n\n\u003C\u002Fsection>",{"value":525},[],"ccustom-code-YuRnX0xX6L",{},{"id":15,"type":17,"child":529,"class":531,"styles":539,"extra":541,"meta":17,"tagName":54,"title":55,"tabletStyles":552,"tabletWrapper":553,"classStr":22,"_id":15},[530],"row-BgnvzY-q0c",{"width":532,"entranceAnimation":533,"animationScale":534,"animationDuration":535,"animationDelay":536,"animationEasing":537,"disableAnimationsOnMobile":538},{"value":22},{"value":24},{"value":26},{"value":26},{"value":29},{"value":31},{"value":33},{"borderWidth":540},{"value":36},{"sticky":542,"visibility":543,"bgImage":545,"allowRowMaxWidth":547,"customClass":548,"elementScreenshot":550},{"value":39},{"value":544},{"hideDesktop":42,"hideTablet":42,"hideMobile":42},{"value":546}
7892,{"mediaType":45,"url":46,"opacity":47,"options":48,"svgCode":46,"videoUrl":46,"videoThumbnail":46,"videoLoop":33},{"value":42},{"value":549},[],{"value":551},[],{},{},{"id":530,"type":57,"child":555,"class":557,"styles":565,"extra":567,"tagName":81,"meta":57,"tabletStyles":575,"tabletWrapper":576,"title":577,"classStr":62},[556],"col-rtLvyqzxce",{"alignRow":558,"entranceAnimation":559,"animationScale":560,"animationDuration":561,"animationDelay":562,"animationEasing":563,"disableAnimationsOnMobile":564},{"value":62},{"value":24},{"value":26},{"value":26},{"value":29},{"value":31},{"value":33},{"borderWidth":566},{"value":36},{"visibility":568,"bgImage":570,"rowWidth":572,"customClass":573},{"value":569},{"hideDesktop":42,"hideTablet":42,"hideMobile":42},{"value":571},{"mediaType":45,"url":46,"opacity":47,"options":48,"svgCode":46,"videoUrl":46,"videoThumbnail":46,"videoLoop":33},{"value":77,"unit":78},{"value":574},[],{},{},"صور فيدباك",{"id":556,"type":84,"child":579,"class":581,"styles":588,"extra":590,"tagName":112,"meta":84,"tabletStyles":602,"tabletWrapper":603,"title":113,"noOfColumns":26},[580],"custom-code-ZpRyTGDEnV",{"entranceAnimation":582,"animationScale":583,"animationDuration":584,"animationDelay":585,"animationEasing":586,"disableAnimationsOnMobile":587},{"value":24},{"value":26},{"value":26},{"value":29},{"value":31},{"value":33},{"borderWidth":589},{"value":36},{"visibility":591,"bgImage":593,"columnLayout":595,"justifyContentColumnLayout":596,"alignContentColumnLayout":597,"forceColumnLayoutForMobile":598,"customClass":599,"elementVersion":601},{"value":592},{"hideDesktop":42,"hideTablet":42,"hideMobile":42},{"value":594},{"mediaType":45,"url":46,"opacity":47,"options":48,"svgCode":46,"videoUrl":46,"videoThumbnail":46,"videoLoop":33},{"value":102},{"value":104},{"value":106},{"value":33},{"value":600},[],{"value":111},{},{},{"extra":605,"id":580,"meta":124,"tagName":125,"class":614},{"visibility":606,"customCode":608,"customClass":611,"nodeId":613},{"value":607},{"hideMobile":46,"hideDesktop":46,"hideTablet":42},{"value":609},{"rawCustomCode":610},"\u003C!-- =========================\n     VAD PLUS FOOTER\n     جاهز للصق داخل Custom HTML في GHL\n========================= -->\n\n\u003Cfooter class=\"vad-plus-footer\" dir=\"rtl\">\n\n  \u003Cdiv class=\"vad-plus-footer-inner\">\n\n    \u003Cdiv class=\"vad-plus-footer-content\">\n\n      \u003C!-- BRAND -->\n      \u003Cdiv class=\"vad-plus-footer-brand\">\n        \u003Ch3>فاد بلس\u003C\u002Fh3>\n\n        \u003Cp>\n          منظومة تسويقية تساعدك على بناء حضور أقوى،\n          تطوير استراتيجيتك، وتحويل التسويق إلى نتائج\n          واضحة وقابلة للقياس.\n        \u003C\u002Fp>\n      \u003C\u002Fdiv>\n\n\n      \u003C!-- TRAINING -->\n      \u003Cdiv class=\"vad-plus-footer-training\">\n        \u003Cspan class=\"vad-plus-footer-label\">\n          التدريب والتطوير\n        \u003C\u002Fspan>\n\n        \u003Ch4>\n          تعلّم، طبّق، وطوّر نتائجك\n        \u003C\u002Fh4>\n\n        \u003Cp>\n          تدريبات عملية في التسويق والإعلانات وبناء\n          المنظومات تساعدك على تطوير مهاراتك واتخاذ\n          قرارات تسويقية أكثر وضوحًا.\n        \u003C\u002Fp>\n      \u003C\u002Fdiv>\n\n\n      \u003C!-- LINKS -->\n      \u003Cdiv class=\"vad-plus-footer-links\">\n        \u003Cspan class=\"vad-plus-footer-label\">\n          روابط مهمة\n        \u003C\u002Fspan>\n\n        \u003Ca href=\"https:\u002F\u002Fvad-academy.com\u002F-7780-6171-1173-4402-7297\">\n          إخلاء المسؤولية\n        \u003C\u002Fa>\n\n        \u003Ca href=\"https:\u002F\u002Fvad-academy.com\u002F-7780-8344\">\n          الشروط والأحكام\n        \u003C\u002Fa>\n      \u003C\u002Fdiv>\n\n\n      \u003C!-- SOCIAL MEDIA -->\n      \u003Cdiv class=\"vad-plus-footer-social\">\n        \u003Cspan class=\"vad-plus-footer-label\">\n          تابعنا\n        \u003C\u002Fspan>\n\n        \u003Ch4>ابقَ قريبًا من جديدنا\u003C\u002Fh4>\n\n        \u003Cp>\n          محتوى عملي وتحديثات مستمرة عبر منصاتنا.\n        \u003C\u002Fp>\n\n        \u003Cdiv class=\"vad-plus-footer-social-list\">\n\n          \u003Ca\n            href=\"https:\u002F\u002Fwww.facebook.com\u002FMohamamdaAlarda\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            aria-label=\"فيسبوك\"\n            title=\"فيسبوك\"\n          >\n            \u003Csvg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              \u003Cpath d=\"M14 8h3V4h-3c-3.3 0-5 2-5 5v3H6v4h3v7h4v-7h3l1-4h-4V9c0-.7.3-1 1-1Z\"\u002F>\n            \u003C\u002Fsvg>\n          \u003C\u002Fa>\n\n          \u003Ca\n            href=\"https:\u002F\u002Fwww.instagram.com\u002Fmohammad_alarda\u002F\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            aria-label=\"إنستغرام\"\n            title=\"إنستغرام\"\n          >\n            \u003Csvg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              \u003Crect x=\"3.5\" y=\"3.5\" width=\"17\" height=\"17\" rx=\"5\"\u002F>\n              \u003Ccircle cx=\"12\" cy=\"12\" r=\"4\"\u002F>\n              \u003Ccircle class=\"vad-plus-social-dot\" cx=\"17.4\" cy=\"6.7\" r=\"1\"\u002F>\n            \u003C\u002Fsvg>\n          \u003C\u002Fa>\n\n          \u003Ca\n            href=\"https:\u002F\u002Fwww.youtube.com\u002F@MohammadAlarda\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            aria-label=\"يوتيوب\"\n            title=\"يوتيوب\"\n          >\n            \u003Csvg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              \u003Cpath d=\"M21 12c0-2.2-.2-4.1-.5-5-.2-.9-.9-1.5-1.7-1.7C17.3 5 14.7 5 12 5s-5.3 0-6.8.3C4.4 5.5 3.7 6.1 3.5 7 3.2 7.9 3 9.8 3 12s.2 4.1.5 5c.2.9.9 1.5 1.7 1.7 1.5.3 4.1.3 6.8.3s5.3 0 6.8-.3c.8-.2 1.5-.8 1.7-1.7.3-.9.5-2.8.5-5Z\"\u002F>\n              \u003Cpath class=\"vad-plus-social-play\" d=\"m10 9 5 3-5 3V9Z\"\u002F>\n            \u003C\u002Fsvg>\n          \u003C\u002Fa>
7892\n\n          \u003Ca\n            href=\"https:\u002F\u002Fx.com\u002Falarda_mohammad\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            aria-label=\"منصة X\"\n            title=\"منصة X\"\n          >\n            \u003Csvg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              \u003Cpath d=\"M5 4h4.2l3.7 5.1L17.2 4H19l-5.3 6.4L20 20h-4.2l-4.1-5.7L7 20H5.1l5.7-7L5 4Zm3.3 1.5 8.3 13h1.9l-8.3-13H8.3Z\"\u002F>\n            \u003C\u002Fsvg>\n          \u003C\u002Fa>\n\n          \u003Ca\n            href=\"https:\u002F\u002Fwww.tiktok.com\[email protected]\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            aria-label=\"تيك توك\"\n            title=\"تيك توك\"\n          >\n            \u003Csvg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              \u003Cpath d=\"M15.3 3c.3 2.3 1.6 3.7 3.7 4v3.3c-1.4 0-2.7-.4-3.7-1.2v6.2A5.7 5.7 0 1 1 10.4 9v3.4a2.4 2.4 0 1 0 1.6 2.3V3h3.3Z\"\u002F>\n            \u003C\u002Fsvg>\n          \u003C\u002Fa>\n\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n\n    \u003C\u002Fdiv>\n\n\n    \u003C!-- BOTTOM -->\n    \u003Cdiv class=\"vad-plus-footer-bottom\">\n      \u003Cp>\n        جميع الحقوق محفوظة © فاد بلس 2026 | تصميم فريق فاد بلس\n      \u003C\u002Fp>\n    \u003C\u002Fdiv>\n\n  \u003C\u002Fdiv>\n\n\u003C\u002Ffooter>\n\n\n\u003Cstyle>\n\n\u002F* =========================================\n   VAD PLUS FOOTER\n========================================= *\u002F\n\n.vad-plus-footer {\n  width: 100vw;\n  max-width: 100vw;\n\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n\n  background:\n    radial-gradient(\n      circle at 85% 15%,\n      rgba(24, 212, 174, 0.08),\n      transparent 28%\n    ),\n    linear-gradient(\n      135deg,\n      #082744 0%,\n      #071f38 55%,\n      #061a30 100%\n    );\n\n  color: #ffffff;\n  font-family: \"Cairo\", sans-serif;\n  position: relative;\n  overflow: hidden;\n  box-sizing: border-box;\n}\n\n.vad-plus-footer *,\n.vad-plus-footer *::before,\n.vad-plus-footer *::after {\n  box-sizing: border-box;\n}\n\n\n\u002F* =========================================\n   DECORATIVE GLOW\n========================================= *\u002F\n\n.vad-plus-footer::before {\n  content: \"\";\n  position: absolute;\n  width: 320px;\n  height: 320px;\n  border-radius: 50%;\n  background: rgba(24, 212, 174, 0.06);\n  filter: blur(80px);\n  top: -180px;\n  right: -80px;\n  pointer-events: none;\n}\n\n.vad-plus-footer::after {\n  content: \"\";\n  position: absolute;\n  width: 260px;\n  height: 260px;\n  border-radius: 50%;\n  background: rgba(52, 76, 131, 0.12);\n  filter: blur(80px);\n  bottom: -160px;\n  left: -80px;\n  pointer-events: none;\n}\n\n\n\u002F* =========================================\n   INNER CONTAINER\n========================================= *\u002F\n\n.vad-plus-footer-inner {\n  width: min(1280px, calc(100% - 50px));\n  margin: 0 auto;\n  position: relative;\n  z-index: 2;\n}\n\n\n\u002F* =========================================\n   CONTENT\n========================================= *\u002F\n\n.vad-plus-footer-content {\n  display: grid;\n  grid-template-columns: 1.08fr 1.18fr 0.63fr 0.88fr;\n  gap: clamp(30px, 4vw, 58px);\n  padding: 65px 0 55px;\n  align-items: start;\n}\n\n\n\u002F* =========================================\n   BRAND\n========================================= *\u002F\n\n.vad-plus-footer-brand h3 {\n  margin: 0 0 12px;\n  font-size: 23px;\n  font-weight: 800;\n  color: #ffffff;\n}\n\n.vad-plus-footer-brand p {\n  margin: 0;\n  max-width: 390px;\n  color: rgba(255, 255, 255, 0.65);\n  font-size: 13px;\n  line-height: 2;\n}\n\n\n\u002F* =========================================\n   LABEL\n========================================= *\u002F\n\n.vad-plus-footer-label {\n  display: inline-flex;\n  align-items: center;\n  color: #18d4ae;\n  font-size: 11px;\n  font-weight: 700;\n  margin-bottom: 12px;\n}\n\n.vad-plus-footer-label::before {\n  content: \"\";\n  width: 6px;\n  height: 6px;\n  flex: 0 0 6px;\n  border-radius: 50%;\n  background: #18d4ae;\n  margin-left: 8px;\n  box-shadow: 0 0 12px rgba(24, 212, 174, 0.7);\n}\n\n\n\u002F* =========================================\n   TRAINING\n========================================= *\u002F\n\n.vad-plus-footer-training {\n  padding-right: 35px;\n  border-right: 1px solid rgba(255, 255, 255, 0.09);\n}\n\n.vad-plus-footer-training h4,\n.vad-plus-footer-social h4 {\n  margin: 0 0 10px;\n  font-size: 19px;\n  font-weight: 800;\n  line-height: 1.6;\n  color: #ffffff;\n}\n\n.vad-plus-footer-training p {\n  margin: 0;\n  max-width: 420px;\n  color: rgba(255, 255, 255, 0.62);\n  font-size: 12px;\n  line-height: 2;\n}\n\n\n\u002F* =========================================\n   LINKS\n========================================= *\u002F\n\n.vad-plus-footer-links {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n\n.vad-plus-footer-links a {\n  position: relative;\n  display: inline-block;\n  color: rgba(255, 255, 255, 0.65);\n  text-decoration: none;\n  font-size: 12px;\n  margin-bottom: 13px;\n  transition: color 0.25s ease, transform 0.25s ease;\n}\n\n.vad-plus-footer-links a::before {\n  content: \"←\";\n  color: #18d4ae;\n  margin-left: 7px;\n  font-size: 10px;\n  opacity: 0;\n  transition: opacity 0.25s ease;\n}\n\n.vad-plus-footer-links a:hover,\n.vad-plus-footer-links a:focus-visible {\n  color: #18d4ae;\n  transform: translateX(-3px);\n}\n\n.vad-plus-footer-links a:hover::before,\n.vad-plus-footer-links a:focus-visible::before {\n  opacity: 1;\n}\n\n\n\u002F* =========================================\n   SOCIAL MEDIA\n========================================= *\u002F\n\n.vad-plus-footer-social h4 {\n  font-size: 16px;\n  margin-bottom: 5px;\n}\n\n.vad-plus-footer-social > p {\n  margin: 0 0 17px;\n  color: rgba(255, 255, 255, 0.58);\n  font-size: 11px;\n  line-height: 1.85;\n}\n\n.vad-plus-footer-social-list {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 9px;\n}\n\n.vad-plus-footer-social-list a {\n  width: 40px;\n  height: 40px;\n  flex: 0 0 40px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid rgba(255, 255, 255, 0.12);\n  border-radius: 12px;\n  background: rgba(255, 255, 255, 0.06);\n  color: rgba(255, 255, 255, 0.78);\n  text-decoration: none;\n  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08);\n  transition:\n    color 0.25s ease,\n    background-color 0.25s ease,\n    border-color 0.25s ease,\n    transform 0.25s ease,\n    box-shadow 0.25s ease;\n}\n\n.vad-plus-footer-social-list a:hover,\n.vad-plus-footer-social-list a:focus-visible {\n  color: #071f38;\n  background: #18d4ae;\n  border-color: #18d4ae;\n  transform: translateY(-3px);\n  box-shadow: 0 12px 28px rgba(24, 212, 174, 0.22);\n  outline: none;\n}\n\n.vad-plus-footer-social-list svg {\n  width: 18px;\n  height: 18px;\n  display: block;\n  fill: currentColor;\n}\n\n.vad-plus-footer-social-list rect,\n.vad-plus-footer-social-list circle:not(.vad-plus-social-dot) {\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.8;\n}\n\n.vad-plus-footer-social-list .vad-plus-social-dot,\n.vad-plus-footer-social-list .vad-plus-social-play {\n  fill: currentColor;\n  stroke: none;\n}\n\n\n\u002F* =========================================\n   BOTTOM\n========================================= *\u002F\n\n.vad-plus-footer-bottom {\n  border-top: 1px solid rgba(255, 255, 255, 0.09);\n  min-height: 68px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n}\n\n.vad-plus-footer-bottom p {\n  margin: 0;\n  color: rgba(255, 255, 255, 0.48);\n  font-size: 11px;\n  line-height: 1.8;\n  text-align: center;\n}\n\n\n\u002F* =========================================\n   TABLET\n========================================= *\u002F\n\n@media (max-width: 900px) {\n\n  .vad-plus-footer-content {\n    grid-template-columns: 1fr 1fr;\n    gap: 40px 48px;\n    padding: 50px 0 42px;\n  }\n\n  .vad-plus-footer-training {\n    padding-right: 0;\n    border-right: 0;\n  }\n\n}\n\n\n\u002F* =========================================\n   MOBILE\n========================================= *\u002F\n\n@media (max-width: 560px) {\n\n  .vad-plus-footer-inner {\n    width: calc(100% - 30px);\n  }\n\n  .vad-plus-footer-content {\n    grid-template-columns: 1fr;\n    gap: 30px;\n    padding: 42px 0 35px;\n  }\n\n  .vad-plus-footer-brand p {\n    font-size: 12px;\n    line-height: 1.9;\n  }\n\n  .vad-plus-footer-training,\n  .vad-plus-footer-links,\n  .vad-plus-footer-social {\n    padding-top: 25px;\n    border-top: 1px solid rgba(255, 255, 255, 0.09);\n  }\n\n  .vad-plus-footer-training h4 {\n    font-size: 17px;\n  }\n\n  .vad-plus-footer-training p {\n    font-size: 11px;\n  }\n\n  .vad-plus-footer-links {\n    padding-bottom: 2px;\n  }\n\n  .vad-plus-footer-social-list a {\n    width: 42px;\n    height: 42px;\n    flex-basis: 42px;\n  }\n\n  .vad-plus-footer-bottom {\n    min-height: 65px;\n    padding: 0 5px;\n  }\n\n  .vad-plus-footer-bottom p {\n    font-size: 9.5px;\n  }\n\n}\n\n\u003C\u002Fstyle>\n",{"value":612},[],"ccustom-code-ZpRyTGDEnV",{},[],[],{"author":618,"canonicalMeta":619,"customMeta":620,"description":621,"imageUrl":622,"keywords":623,"language":624,"title":625,"isPreviewUrl":42},"د. محمد العارضة",[],[],"كورسات التسويق الرقمي والتسويق بالمحتوى، إلى تدريبات بناء الفانلات، وإدارة الحملات الإعلانية","https:\u002F\u002Fstorage.googleapis.com\u002Fmsgsndr\u002FSVm3AzwuobZepyaOrEbi\u002Fmedia\u002F68e05f6
7892d84c6bb501e373c1a.png","فانل\nبناء فانل \nفانل تسويقي\nكورس تيكتوك\nكورس مدير اعلانات \nاعلانات ميتا ","en"," وجهتك المتميزة لاحتراف التسويق الرقمي وصناعة الفانلات في الوطن العربي","vad-academy.com","\u002F","JJyx2ko1BF6oDm7PEz3j","هوم محمد","SVm3AzwuobZepyaOrEbi",[632],{"id":633,"elements":634,"activeElementId":633},"hl_main_popup-09EpPrIcvh",[635],{"extra":636,"class":652,"styles":659,"customCss":663,"id":633,"child":664,"meta":665,"title":666,"tag":46},{"bgImage":637,"overlayColor":639,"left":641,"popupDisabled":643,"minWidth":644,"popupHide":646,"showPopupOnMouseOut":647,"customClass":649,"position":651},{"value":638},{"mediaType":45,"url":46,"opacity":47,"options":48,"svgCode":46,"videoUrl":46,"videoThumbnail":46,"videoLoop":33},{"value":640},"var(--overlay)",{"value":642,"unit":78},50,{"value":42},{"value":645},"medium-page",{"value":42},{"value":648,"delay":26},"exit",{"value":650},[],{"value":104},{"borders":653,"borderRadius":655,"radiusEdge":657},{"value":654},"borderFull",{"value":656},"radius2",{"value":658},"none",{"borderWidth":660},{"value":661,"unit":662},"10","px",[],[],"hl_main_popup","Popup","https:\u002F\u002Fstcdn.leadconnectorhq.com\u002Ffunnel\u002Ficon\u002Ffavicon.ico","\u003Cmeta name=\"google-site-verification\" content=\"6qlaIw6ru15GmH5kg1k3s85BOjmbK-L4FRlXsHF3GKk\" \u002F>","DooR6Bttxr4Vt0YAmgVB","VADConversionFourmula ","f6d13c5d-ac8b-4d03-a253-37cce26996a6",[],["Reactive",674],{"$snuxt-i18n-meta":675,"$spreviewState":676,"$smetaPixelOptions":827},{},{"defaultSettings":677,"mobileDevice":42,"tabletDevice":42,"funnelId":669,"funnelDomain":626,"stepId":671,"locationId":630,"funnelPageId":628,"locationCode":763,"funnelNextStep":764,"fingerprint":46,"funnelNextPageId":765,"stripePublishableKey":766,"enablePaymentElement":33,"merchantLoginId":46,"paypalPublishableKey":46,"merchantAccountId":-1,"stripeAccountId":767,"isLivePaymentMode":33,"version":768,"funnelSteps":769,"cartItems":805,"funnelName":670,"orderFormVersion":111,"currency":806,"businessCurrency":806,"blogSlug":46,"domain":626,"pageUrl":627,"pageName":629,"pageSeo":807,"affiliateId":-1,"videoExistsInPage":42,"pageType":808,"contactId":-1,"email":-1,"phone":46,"categoryId":46,"blogSearchTerm":46,"categoryUrlSlug":46,"authorSlug":46,"tagSlug":46,"authorId":46,"defaultPaymentProvider":46,"productCollections":809,"ecomSelectedCollection":46,"imageOptimizationEnabled":33,"nmiMerchantGatewayId":46,"squareMerchantGatewayId":46,"mercadoPagoUserId":46,"fontsToLoad":810,"ecomProductId":46,"isGdprCompliant":42,"isOptimisePageLoad":33,"ecommercePage":26,"isBlogActive":42,"blogData":811,"blogPaths":-1,"blogId":669,"allowedCookies":812,"paymentProviderDetails":-1,"events":813,"searchTerm":46,"countryList":814,"pixelToInit":672,"formAction":46,"ecomProduct":815,"requireCreditCard":33,"haveBlogWidget":42,"isFacebookIAB":42,"companyId":816,"customerLoginToken":46,"savedAddresses":817,"savedAddressesLoaded":42,"savedAddressesFailed":42,"cookieConsentList":818,"cookieConsentExpiry":819,"hostCookieConsentData":24,"isHostCookieConsentExpected":42,"mediaFormats":820,"adyenMerchantGatewayId":46,"webinarProperties":24,"webinarSession":24,"userWebinarSession":24,"turnstileToken":46,"turnstileType":822,"turnstileSiteKeys":823,"upsellInFlight":42,"mobileVisibilityDelays":826,"productDetailPageStyles":24,"geoCountry":24,"isCurrencyFormattingEnabled":42},{"typography":678,"background":701,"percentWidth":706,"offsetColor":740,"progressBarSize":753},{"fonts":679,"colors":692},{"headlineFont":680,"contentFont":686},{"id":681,"text":682,"value":683,"isCustom":33},"headlinefont","Headline font",{"text":684,"value":685},"29LTAzer","'customhl-68e79ef028f32c2a096bf2be-29LTAzer'",{"id":687,"text":688,"value":689,"isCustom":33},"contentfont","Content font",{"text":690,"value":691},"Cairo-Black","'customhl-69f5db8a00f8324ade50e89d-Cairo-Black'",{"textColor":693,"linkColor":697},{"value":694},{"label":695,"value":696},"var(--black)","#000000",{"value":698},{"label":699,"value":700},"var(--blue)","#188bf6",{"bgImage":702,"backgroundColor":704},{"value":703},{"url":46,"options":48},{"value":705},"var(--white)",[707,710,713,716,719,722,725,728,731,734,737],{"text":708,"value":709},"0 Percent","progress0",{"text":711,"value":712},"10 Percent","progress10",{"text":714,"value":715},"20 Percent","progress20",{"text":717,"value":718},"30 Percent","progress30",{"text":720,"value":721},"40 Percent","progress40",{"text":723,"value":724},"50 Percent","progress50",{"text":726,"value":727},"60 Percent","progress60",{"text":729,"value":730},"70 Percent","progress70",{"text":732,"value":733},"80 Percent","progress80",{"text":735,"value":736},"90 Percent","progress90",{"text":738,"value":739},"100 Percent","progress100",[741,744,747,750],{"text":742,"value":743}
7892,"White","progressbarOffsetWhite",{"text":745,"value":746},"Transparent White","progressbarOffsetTransparentWhite",{"text":748,"value":749},"Black","progressbarOffsetBlack",{"text":751,"value":752},"Transparent Black","progressbarOffsetTransparentBlack",[754,757,760],{"text":755,"value":756},"Small","progressbarSmall",{"text":758,"value":759},"Medium","progressbarMedium",{"text":761,"value":762},"Large","progressbarLarge","US","\u002Ftrariners","DiK9bDxqoLvUMDVQmqLi","pk_live_MtxwO3obi7pfD7UZlGkfR2yj","acct_1R48nIK784SceCSi",4,[770,776,778,782,787,793,799],{"url":771,"value":772,"type":773,"sequence":26,"id":774,"name":775},"\u002Flink-in-bio","4d1e3427-b7d2-4589-89cc-f602746080ad","optin_funnel_page","cH39i6GwKPmQEW77HFNf","Link in Bio (Clone)",{"url":777,"value":671,"type":773,"sequence":111,"id":628,"name":629},"\u002Fvadhome",{"url":764,"value":779,"type":773,"sequence":780,"id":765,"name":781},"b19b04e9-7e4e-4971-b594-05e61e6e7368",3,"خدمات المدربين",{"url":783,"value":784,"type":773,"sequence":768,"id":785,"name":786},"\u002Fcompanies","35255ec5-4ace-42bb-bac5-7ccbcfdb9b1d","zBEiAMPNZlTHymhNyTCG","خدمات الشركات",{"url":788,"value":789,"type":773,"sequence":790,"id":791,"name":792},"\u002Fvadcourses","b9402b42-1502-4866-9e4e-5166098f18d2",5,"6y01M6CXfzkU7fJc8aMI","التدريبات",{"url":794,"value":795,"type":773,"sequence":796,"id":797,"name":798},"\u002Fmohammedalarda","ae14946a-1086-4ea3-850c-dcd2e7103632",6,"LjT9uRM9BmpOh7pb4QAv","محمد العارضة",{"url":800,"value":801,"type":773,"sequence":802,"id":803,"name":804,"split":42},"\u002Fteam","1de86938-f0da-4978-beb2-0abd8279faad",7,"K5ORp6fv1lKkLj1L09di","فريق فادبلس",[],"USD",{"title":625,"description":621,"imageUrl":622},"website",[],[],{},[],[],[],{},"YeoLwmHpoeYvDg0juqyx",[],[],["Date","2026-10-09T10:49:57.361Z"],{"formats":821},[],"invisible",{"invisibleSiteKey":824,"visibleSiteKey":825},"0x4AAAAAACCpVlau-4k7cJ33","0x4AAAAAACDfuwSBQ2sYO1VD",["Map"],{"pixelID":24,"disabled":42,"track":828,"version":829,"isEnabled":33,"pixelLoaded":42,"manualMode":33,"userData":24,"eventsQueue":830},"PageView","2.0",[],["Set"],["ShallowReactive",833],{"pageData":-1}]</script>
7892<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"d56c0fb9091e40fc8f3829f8a67134fa","spa":2}' crossorigin="anonymous"></script>
7892
7893</body></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.