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 & 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 & 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.