{"id":20737,"date":"2026-08-27T11:34:16","date_gmt":"2026-08-27T11:34:16","guid":{"rendered":"https:\/\/www.ifact.sa\/?page_id=20737"},"modified":"2026-08-27T17:42:02","modified_gmt":"2026-08-27T17:42:02","slug":"free-cybersecurity-consultaion","status":"publish","type":"page","link":"https:\/\/www.ifact.sa\/ar\/free-cybersecurity-consultaion\/","title":{"rendered":"Free Cybersecurity Consultaion"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n <\/path>\n <\/svg>\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t

\r\n\t\t\t\t\t\tTell us about your infrastructure, engineering, or technology requirements.
\nOur team will review your request and get back to you shortly.\t\t\t\t\t<\/p>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nFree Cybersecurity Consultation | iFact<\/title>\r\n\r\n<style>\r\n\r\n\/* =====================================================\r\n iFACT CYBERSECURITY CONSULTATION\r\n ===================================================== *\/\r\n\r\n:root {\r\n --white: #ffffff;\r\n --light: #f7f8fa;\r\n --dark: #101820;\r\n --muted: #737b83;\r\n --border: #d9dde3;\r\n --red: #ed1e27;\r\n --red-light: #fff1f2;\r\n}\r\n\r\n* {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\nhtml {\r\n scroll-behavior: smooth;\r\n}\r\n\r\nbody {\r\n margin: 0;\r\n font-family: Arial, Helvetica, sans-serif;\r\n background: #ffffff;\r\n color: var(--dark);\r\n}\r\n\r\n.cyber-page {\r\n min-height: 100vh;\r\n background: linear-gradient(\r\n 180deg,\r\n #ffffff 0%,\r\n #ffffff 72%,\r\n #f7f8fa 100%\r\n );\r\n padding: 40px 5vw 70px;\r\n}\r\n\r\n.container {\r\n width: min(1180px, 100%);\r\n margin: auto;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n HERO\r\n ===================================================== *\/\r\n\r\n.hero {\r\n margin-bottom: 45px;\r\n}\r\n\r\n.hero-heading {\r\n color: var(--red);\r\n font-size: 40px;\r\n line-height: 1;\r\n font-weight: 700;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n PROGRESS\r\n ===================================================== *\/\r\n\r\n.progress-section {\r\n margin-bottom: 48px;\r\n}\r\n\r\n.progress-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 11px;\r\n}\r\n\r\n.progress-title {\r\n font-size: 10px;\r\n color: var(--muted);\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n font-weight: 700;\r\n}\r\n\r\n.progress-count {\r\n font-size: 10px;\r\n color: var(--muted);\r\n}\r\n\r\n.progress-track {\r\n width: 100%;\r\n height: 3px;\r\n background: #e6e9ec;\r\n}\r\n\r\n.progress-fill {\r\n width: 33.33%;\r\n height: 100%;\r\n background: var(--red);\r\n transition: width .4s ease;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n STEPS\r\n ===================================================== *\/\r\n\r\n.step {\r\n display: none;\r\n animation: fadeIn .4s ease;\r\n}\r\n\r\n.step.active {\r\n display: block;\r\n}\r\n\r\n@keyframes fadeIn {\r\n\r\n from {\r\n opacity: 0;\r\n transform: translateY(12px);\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n}\r\n\r\n.step-number {\r\n color: var(--red);\r\n font-size: 10px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px;\r\n margin-bottom: 15px;\r\n}\r\n\r\n.step-title {\r\n color: var(--dark);\r\n font-size: 42px;\r\n line-height: 1.08;\r\n letter-spacing: -1.8px;\r\n font-weight: 600;\r\n margin-bottom: 16px;\r\n white-space: nowrap;\r\n}\r\n\r\n.step-description {\r\n color: var(--muted);\r\n font-size: 14px;\r\n line-height: 1.65;\r\n max-width: 700px;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n FORM\r\n ===================================================== *\/\r\n\r\n.form-wrapper {\r\n margin-top: 38px;\r\n background: var(--light);\r\n border: 1px solid var(--border);\r\n padding: 40px;\r\n}\r\n\r\n.form-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0 30px;\r\n}\r\n\r\n.form-field {\r\n margin-bottom: 25px;\r\n}\r\n\r\n.form-field.full {\r\n grid-column: 1 \/ -1;\r\n}\r\n\r\n.form-field label {\r\n display: block;\r\n color: var(--dark);\r\n font-size: 11px;\r\n font-weight: 700;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.required {\r\n color: var(--red);\r\n}\r\n\r\n.form-field input,\r\n.form-field select {\r\n width: 100%;\r\n height: 48px;\r\n border: 1px solid var(--border);\r\n background: #ffffff;\r\n color: var(--dark);\r\n padding: 0 14px;\r\n font-size: 13px;\r\n outline: none;\r\n border-radius: 3px;\r\n}\r\n\r\n.form-field input::placeholder {\r\n color: #a5adb4;\r\n}\r\n\r\n.form-field input:focus,\r\n.form-field select:focus {\r\n border-color: var(--red);\r\n box-shadow: 0 0 0 3px rgba(237,30,39,.07);\r\n}\r\n\r\n\r\n\/* =====================================================\r\n PHONE FIELD\r\n ===================================================== *\/\r\n\r\n.phone-input {\r\n display: flex;\r\n width: 100%;\r\n gap: 8px;\r\n position: relative;\r\n z-index: 100;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n COUNTRY SELECTOR\r\n ===================================================== *\/\r\n\r\n.country-selector {\r\n width: 145px;\r\n flex-shrink: 0;\r\n position: relative;\r\n z-index: 9999;\r\n}\r\n\r\n.country-button {\r\n width: 100%;\r\n height: 48px;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n\r\n padding: 0 12px;\r\n\r\n border: 1px solid var(--border);\r\n border-radius: 3px;\r\n\r\n background: #ffffff;\r\n color: var(--dark);\r\n\r\n cursor: pointer;\r\n\r\n font-size: 13px;\r\n font-weight: 600;\r\n\r\n outline: none;\r\n\r\n transition:\r\n border-color .2s ease,\r\n box-shadow .2s ease;\r\n}\r\n\r\n.country-button:hover {\r\n border-color: #aeb5bb;\r\n}\r\n\r\n.country-button.open {\r\n border-color: var(--red);\r\n\r\n box-shadow:\r\n 0 0 0 3px\r\n rgba(237,30,39,.08);\r\n}\r\n\r\n.country-current {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n white-space: nowrap;\r\n}\r\n\r\n.country-flag {\r\n width: 23px;\r\n height: 16px;\r\n object-fit: cover;\r\n display: block;\r\n border-radius: 1px;\r\n flex-shrink: 0;\r\n}\r\n\r\n.country-code {\r\n font-weight: 700;\r\n color: var(--dark);\r\n}\r\n\r\n.country-arrow {\r\n color: var(--dark);\r\n font-size: 10px;\r\n transition: transform .2s ease;\r\n}\r\n\r\n.country-button.open .country-arrow {\r\n transform: rotate(180deg);\r\n}\r\n\r\n\r\n\/* =====================================================\r\n COUNTRY DROPDOWN\r\n ===================================================== *\/\r\n\r\n.country-dropdown {\r\n\r\n display: none;\r\n\r\n position: absolute;\r\n\r\n top: calc(100% + 6px);\r\n left: 0;\r\n\r\n width: 315px;\r\n\r\n max-height: 285px;\r\n\r\n overflow-y: auto;\r\n\r\n background: #ffffff;\r\n\r\n border: 1px solid var(--border);\r\n\r\n border-radius: 2px;\r\n\r\n box-shadow:\r\n 0 18px 45px\r\n rgba(16,24,32,.15);\r\n\r\n z-index: 999999;\r\n\r\n scrollbar-width: thin;\r\n\r\n scrollbar-color:\r\n #aeb5bb\r\n #f2f3f4;\r\n}\r\n\r\n.country-dropdown.show {\r\n display: block;\r\n}\r\n\r\n.country-dropdown::-webkit-scrollbar {\r\n width: 7px;\r\n}\r\n\r\n.country-dropdown::-webkit-scrollbar-track {\r\n background: #f2f3f4;\r\n}\r\n\r\n.country-dropdown::-webkit-scrollbar-thumb {\r\n background: #aeb5bb;\r\n border-radius: 10px;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n COUNTRY OPTION\r\n ===================================================== *\/\r\n\r\n.country-option {\r\n\r\n width: 100%;\r\n\r\n min-height: 48px;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n gap: 12px;\r\n\r\n padding: 0 14px;\r\n\r\n border: none;\r\n\r\n background: #ffffff;\r\n\r\n color: var(--dark);\r\n\r\n cursor: pointer;\r\n\r\n font-size: 12px;\r\n\r\n text-align: left;\r\n\r\n position: relative;\r\n\r\n transition: background .15s ease;\r\n}\r\n\r\n.country-option:hover {\r\n background: #f7f8fa;\r\n}\r\n\r\n.country-option.selected {\r\n background: var(--red-light);\r\n}\r\n\r\n.country-option.selected::before {\r\n\r\n content: \"\";\r\n\r\n position: absolute;\r\n\r\n left: 0;\r\n top: 0;\r\n bottom: 0;\r\n\r\n width: 3px;\r\n\r\n background: var(--red);\r\n}\r\n\r\n.country-option-name {\r\n flex: 1;\r\n font-size: 12px;\r\n font-weight: 500;\r\n}\r\n\r\n.country-option-code {\r\n color: var(--muted);\r\n font-size: 12px;\r\n font-weight: 700;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n PHONE NUMBER\r\n ===================================================== *\/\r\n\r\n.phone-number {\r\n flex: 1;\r\n min-width: 0;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n BUTTON\r\n ===================================================== *\/\r\n\r\n.button-row {\r\n margin-top: 5px;\r\n}\r\n\r\n.primary-button {\r\n\r\n min-height: 48px;\r\n\r\n padding: 0 24px;\r\n\r\n border: none;\r\n\r\n background: var(--red);\r\n\r\n color: #ffffff;\r\n\r\n font-size: 11px;\r\n\r\n font-weight: 700;\r\n\r\n text-transform: uppercase;\r\n\r\n letter-spacing: 1px;\r\n\r\n cursor: pointer;\r\n\r\n display: inline-flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n gap: 24px;\r\n\r\n transition:\r\n background .2s ease,\r\n transform .2s ease,\r\n box-shadow .2s ease;\r\n}\r\n\r\n.primary-button:hover {\r\n\r\n background: #d71922;\r\n\r\n transform: translateY(-1px);\r\n\r\n box-shadow:\r\n 0 8px 20px\r\n rgba(237,30,39,.18);\r\n}\r\n\r\n.primary-button:disabled {\r\n cursor: wait;\r\n opacity: .85;\r\n}\r\n\r\n.button-arrow {\r\n font-size: 17px;\r\n}\r\n\r\n.privacy {\r\n margin-top: 14px;\r\n color: #969da3;\r\n font-size: 10px;\r\n line-height: 1.5;\r\n max-width: 600px;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n QUESTIONS\r\n ===================================================== *\/\r\n\r\n.question-area {\r\n\r\n margin-top: 35px;\r\n\r\n background: var(--light);\r\n\r\n border: 1px solid var(--border);\r\n\r\n padding: 42px;\r\n}\r\n\r\n.question-top {\r\n\r\n display: flex;\r\n\r\n justify-content: space-between;\r\n\r\n align-items: center;\r\n\r\n margin-bottom: 28px;\r\n}\r\n\r\n.question-counter {\r\n\r\n color: var(--red);\r\n\r\n font-size: 10px;\r\n\r\n font-weight: 700;\r\n\r\n text-transform: uppercase;\r\n\r\n letter-spacing: 1.4px;\r\n}\r\n\r\n.question-time {\r\n color: var(--muted);\r\n font-size: 10px;\r\n}\r\n\r\n\r\n\/* QUESTION TEXT *\/\r\n\r\n.question-text {\r\n\r\n color: var(--dark);\r\n\r\n font-size: 34px;\r\n\r\n line-height: 1.12;\r\n\r\n letter-spacing: -1.2px;\r\n\r\n font-weight: 700;\r\n\r\n max-width: 1000px;\r\n\r\n margin-bottom: 30px;\r\n}\r\n\r\n\r\n\/* ANSWERS *\/\r\n\r\n.answers {\r\n\r\n display: grid;\r\n\r\n grid-template-columns:\r\n repeat(3, 1fr);\r\n\r\n gap: 10px;\r\n}\r\n\r\n.answer {\r\n\r\n min-height: 58px;\r\n\r\n padding: 0 17px;\r\n\r\n background: #ffffff;\r\n\r\n border: 1px solid var(--border);\r\n\r\n color: var(--dark);\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: space-between;\r\n\r\n cursor: pointer;\r\n\r\n font-size: 11px;\r\n\r\n font-weight: 700;\r\n\r\n text-transform: uppercase;\r\n\r\n letter-spacing: .7px;\r\n\r\n transition:\r\n border-color .2s ease,\r\n background .2s ease,\r\n color .2s ease,\r\n transform .2s ease;\r\n}\r\n\r\n.answer::after {\r\n content: \"\u2192\";\r\n color: #9ca3a9;\r\n font-size: 15px;\r\n}\r\n\r\n.answer:hover {\r\n border-color: var(--dark);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.answer.selected {\r\n\r\n background: var(--red);\r\n\r\n border-color: var(--red);\r\n\r\n color: #ffffff;\r\n}\r\n\r\n.answer.selected::after {\r\n color: #ffffff;\r\n}\r\n\r\n\r\n\/* FEEDBACK *\/\r\n\r\n.feedback {\r\n\r\n margin-top: 18px;\r\n\r\n padding: 0 17px;\r\n\r\n border-left: 3px solid var(--red);\r\n\r\n background: #ffffff;\r\n\r\n color: var(--muted);\r\n\r\n font-size: 12px;\r\n\r\n line-height: 1.6;\r\n\r\n opacity: 0;\r\n\r\n height: 0;\r\n\r\n overflow: hidden;\r\n\r\n transition:\r\n opacity .25s ease,\r\n padding .25s ease;\r\n}\r\n\r\n.feedback.visible {\r\n\r\n opacity: 1;\r\n\r\n height: auto;\r\n\r\n padding-top: 13px;\r\n\r\n padding-bottom: 13px;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n RESULT\r\n ===================================================== *\/\r\n\r\n.result-intro {\r\n margin-top: 20px;\r\n}\r\n\r\n.result-wrapper {\r\n\r\n margin-top: 32px;\r\n\r\n display: grid;\r\n\r\n grid-template-columns:\r\n .65fr 1.35fr;\r\n\r\n gap: 32px;\r\n}\r\n\r\n\r\n\/* SCORE *\/\r\n\r\n.result-score-card {\r\n\r\n background: var(--dark);\r\n\r\n color: #ffffff;\r\n\r\n padding: 30px;\r\n\r\n min-height: 245px;\r\n\r\n display: flex;\r\n\r\n flex-direction: column;\r\n\r\n justify-content: space-between;\r\n}\r\n\r\n.result-label {\r\n\r\n color: #aeb4b9;\r\n\r\n font-size: 10px;\r\n\r\n text-transform: uppercase;\r\n\r\n letter-spacing: 1.4px;\r\n}\r\n\r\n.result-score {\r\n\r\n font-size: 90px;\r\n\r\n line-height: .8;\r\n\r\n letter-spacing: -6px;\r\n\r\n font-weight: 800;\r\n}\r\n\r\n.result-score span {\r\n\r\n font-size: 17px;\r\n\r\n color: #aeb4b9;\r\n\r\n letter-spacing: 0;\r\n}\r\n\r\n.result-text {\r\n\r\n color: #aeb4b9;\r\n\r\n font-size: 12px;\r\n\r\n line-height: 1.6;\r\n}\r\n\r\n\r\n\/* RESULT LIST *\/\r\n\r\n.result-list {\r\n\r\n border-top: 1px solid var(--border);\r\n}\r\n\r\n.result-item {\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: space-between;\r\n\r\n gap: 15px;\r\n\r\n padding: 13px 0;\r\n\r\n border-bottom: 1px solid var(--border);\r\n}\r\n\r\n.result-question {\r\n\r\n color: var(--muted);\r\n\r\n font-size: 11px;\r\n\r\n line-height: 1.45;\r\n}\r\n\r\n.result-answer {\r\n\r\n flex-shrink: 0;\r\n\r\n font-size: 9px;\r\n\r\n font-weight: 700;\r\n\r\n text-transform: uppercase;\r\n\r\n letter-spacing: .8px;\r\n\r\n padding: 6px 9px;\r\n\r\n background: var(--light);\r\n}\r\n\r\n.result-answer.no {\r\n\r\n color: var(--red);\r\n\r\n background: var(--red-light);\r\n}\r\n\r\n\r\n\/* =====================================================\r\n SUCCESS\r\n ===================================================== *\/\r\n\r\n.success-box {\r\n\r\n margin-top: 30px;\r\n\r\n padding: 40px;\r\n\r\n background: var(--light);\r\n\r\n border: 1px solid var(--border);\r\n}\r\n\r\n.success-icon {\r\n\r\n width: 52px;\r\n\r\n height: 52px;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n background: var(--red);\r\n\r\n color: #ffffff;\r\n\r\n border-radius: 50%;\r\n\r\n font-size: 21px;\r\n\r\n margin-bottom: 25px;\r\n}\r\n\r\n.success-box h2 {\r\n\r\n font-size: 50px;\r\n\r\n line-height: 1;\r\n\r\n letter-spacing: -2px;\r\n\r\n margin-bottom: 18px;\r\n}\r\n\r\n.success-box p {\r\n\r\n max-width: 600px;\r\n\r\n color: var(--muted);\r\n\r\n font-size: 13px;\r\n\r\n line-height: 1.7;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n FOOTER\r\n ===================================================== *\/\r\n\r\n.footer {\r\n\r\n margin-top: 70px;\r\n\r\n padding-top: 18px;\r\n\r\n border-top: 1px solid var(--border);\r\n\r\n display: flex;\r\n\r\n justify-content: space-between;\r\n\r\n color: #92989e;\r\n\r\n font-size: 9px;\r\n\r\n text-transform: uppercase;\r\n\r\n letter-spacing: 1px;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n HIDDEN CONTACT FORM 7\r\n ===================================================== *\/\r\n\r\n.cyber-hidden-cf7 {\r\n\r\n position: absolute !important;\r\n\r\n width: 1px !important;\r\n\r\n height: 1px !important;\r\n\r\n overflow: hidden !important;\r\n\r\n opacity: 0 !important;\r\n\r\n pointer-events: none !important;\r\n\r\n left: -9999px !important;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n MOBILE\r\n ===================================================== *\/\r\n\r\n@media (max-width: 760px) {\r\n\r\n .cyber-page {\r\n padding: 28px 18px 55px;\r\n }\r\n\r\n .hero-heading {\r\n font-size: 28px;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .progress-section {\r\n margin-bottom: 35px;\r\n }\r\n\r\n .step-title {\r\n\r\n font-size: 30px;\r\n\r\n line-height: 1.1;\r\n\r\n letter-spacing: -1px;\r\n\r\n white-space: normal;\r\n }\r\n\r\n .step-description {\r\n font-size: 13px;\r\n }\r\n\r\n .form-wrapper {\r\n padding: 23px 18px;\r\n }\r\n\r\n .form-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .form-field.full {\r\n grid-column: auto;\r\n }\r\n\r\n .phone-input {\r\n gap: 6px;\r\n }\r\n\r\n .country-selector {\r\n width: 125px;\r\n }\r\n\r\n .country-button {\r\n padding: 0 9px;\r\n }\r\n\r\n .country-dropdown {\r\n\r\n width: 280px;\r\n\r\n max-height: 280px;\r\n\r\n left: 0;\r\n }\r\n\r\n .country-option {\r\n min-height: 46px;\r\n padding: 0 12px;\r\n }\r\n\r\n .country-option-name {\r\n font-size: 11px;\r\n }\r\n\r\n .country-option-code {\r\n font-size: 11px;\r\n }\r\n\r\n .question-area {\r\n padding: 23px 18px;\r\n }\r\n\r\n .question-text {\r\n\r\n font-size: 27px;\r\n\r\n line-height: 1.12;\r\n\r\n letter-spacing: -1px;\r\n }\r\n\r\n .answers {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .result-wrapper {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .result-score-card {\r\n min-height: 210px;\r\n }\r\n\r\n .result-item {\r\n align-items: flex-start;\r\n }\r\n\r\n .footer {\r\n flex-direction: column;\r\n gap: 8px;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n SMALL MOBILE\r\n ===================================================== *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n .country-selector {\r\n width: 112px;\r\n }\r\n\r\n .country-dropdown {\r\n width: 265px;\r\n }\r\n\r\n .country-current {\r\n gap: 6px;\r\n }\r\n\r\n .country-flag {\r\n width: 21px;\r\n height: 14px;\r\n }\r\n\r\n .country-code {\r\n font-size: 12px;\r\n }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<\/head>\r\n\r\n\r\n<body>\r\n\r\n\r\n<div class=\"cyber-page\">\r\n\r\n<div class=\"container\">\r\n\r\n\r\n<!-- =====================================================\r\n HERO\r\n ===================================================== -->\r\n\r\n<section class=\"hero\">\r\n\r\n <h1 class=\"hero-heading\">\r\n Free Cybersecurity Consultation\r\n <\/h1>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =====================================================\r\n PROGRESS\r\n ===================================================== -->\r\n\r\n<section class=\"progress-section\">\r\n\r\n <div class=\"progress-header\">\r\n\r\n <div\r\n class=\"progress-title\"\r\n id=\"progressTitle\"\r\n >\r\n Your Details\r\n <\/div>\r\n\r\n <div\r\n class=\"progress-count\"\r\n id=\"progressCount\"\r\n >\r\n 01 \/ 03\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"progress-track\">\r\n\r\n <div\r\n class=\"progress-fill\"\r\n id=\"progressFill\"\r\n ><\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =====================================================\r\n STEP 1\r\n ===================================================== -->\r\n\r\n<section\r\n class=\"step active\"\r\n id=\"step1\"\r\n>\r\n\r\n <div class=\"step-number\">\r\n 01 \/ Get Started\r\n <\/div>\r\n\r\n\r\n <h2 class=\"step-title\">\r\n Let's make cybersecurity more practical\r\n <\/h2>\r\n\r\n\r\n <p class=\"step-description\">\r\n Tell us a little about yourself.\r\n We'll use this information to understand\r\n your organisation and respond appropriately\r\n <\/p>\r\n\r\n\r\n <div class=\"form-wrapper\">\r\n\r\n <form id=\"leadForm\">\r\n\r\n <div class=\"form-grid\">\r\n\r\n\r\n <!-- NAME -->\r\n\r\n <div class=\"form-field\">\r\n\r\n <label>\r\n Full Name\r\n <span class=\"required\">*<\/span>\r\n <\/label>\r\n\r\n <input\r\n type=\"text\"\r\n name=\"name\"\r\n id=\"name\"\r\n placeholder=\"Your full name\"\r\n required\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <!-- EMAIL -->\r\n\r\n <div class=\"form-field\">\r\n\r\n <label>\r\n Email\r\n <span class=\"required\">*<\/span>\r\n <\/label>\r\n\r\n <input\r\n type=\"email\"\r\n name=\"email\"\r\n id=\"email\"\r\n placeholder=\"you@company.com\"\r\n required\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <!-- MOBILE -->\r\n\r\n <div class=\"form-field\">\r\n\r\n <label>\r\n Mobile\r\n <span class=\"required\">*<\/span>\r\n <\/label>\r\n\r\n\r\n <div class=\"phone-input\">\r\n\r\n\r\n <div class=\"country-selector\">\r\n\r\n\r\n <button\r\n type=\"button\"\r\n class=\"country-button\"\r\n id=\"countryButton\"\r\n >\r\n\r\n <span\r\n class=\"country-current\"\r\n id=\"countryCurrent\"\r\n >\r\n\r\n <img decoding=\"async\"\r\n class=\"country-flag\"\r\n id=\"currentFlag\"\r\n src=\"https:\/\/flagcdn.com\/w40\/sa.png\"\r\n alt=\"Saudi Arabia\"\r\n >\r\n\r\n <span\r\n class=\"country-code\"\r\n id=\"currentCode\"\r\n >\r\n +966\r\n <\/span>\r\n\r\n <\/span>\r\n\r\n\r\n <span class=\"country-arrow\">\r\n \u25bc\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n\r\n <div\r\n class=\"country-dropdown\"\r\n id=\"countryDropdown\"\r\n >\r\n\r\n\r\n <!-- SAUDI ARABIA -->\r\n\r\n <button\r\n type=\"button\"\r\n class=\"country-option selected\"\r\n data-code=\"+966\"\r\n data-country=\"Saudi Arabia\"\r\n data-flag=\"sa\"\r\n >\r\n\r\n <img decoding=\"async\"\r\n class=\"country-flag\"\r\n src=\"https:\/\/flagcdn.com\/w40\/sa.png\"\r\n alt=\"\"\r\n >\r\n\r\n <span class=\"country-option-name\">\r\n Saudi Arabia\r\n <\/span>\r\n\r\n <span class=\"country-option-code\">\r\n +966\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n\r\n <!-- UAE -->\r\n\r\n <button\r\n type=\"button\"\r\n class=\"country-option\"\r\n data-code=\"+971\"\r\n data-country=\"United Arab Emirates\"\r\n data-flag=\"ae\"\r\n >\r\n\r\n <img decoding=\"async\"\r\n class=\"country-flag\"\r\n src=\"https:\/\/flagcdn.com\/w40\/ae.png\"\r\n alt=\"\"\r\n >\r\n\r\n <span class=\"country-option-name\">\r\n United Arab Emirates\r\n <\/span>\r\n\r\n <span class=\"country-option-code\">\r\n +971\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n\r\n <!-- QATAR -->\r\n\r\n <button\r\n type=\"button\"\r\n class=\"country-option\"\r\n data-code=\"+974\"\r\n data-country=\"Qatar\"\r\n data-flag=\"qa\"\r\n >\r\n\r\n <img decoding=\"async\"\r\n class=\"country-flag\"\r\n src=\"https:\/\/flagcdn.com\/w40\/qa.png\"\r\n alt=\"\"\r\n >\r\n\r\n <span class=\"country-option-name\">\r\n Qatar\r\n <\/span>\r\n\r\n <span class=\"country-option-code\">\r\n +974\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n\r\n <!-- BAHRAIN -->\r\n\r\n <button\r\n type=\"button\"\r\n class=\"country-option\"\r\n data-code=\"+973\"\r\n data-country=\"Bahrain\"\r\n data-flag=\"bh\"\r\n >\r\n\r\n <img decoding=\"async\"\r\n class=\"country-flag\"\r\n src=\"https:\/\/flagcdn.com\/w40\/bh.png\"\r\n alt=\"\"\r\n >\r\n\r\n <span class=\"country-option-name\">\r\n Bahrain\r\n <\/span>\r\n\r\n <span class=\"country-option-code\">\r\n +973\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n\r\n <!-- KUWAIT -->\r\n\r\n <button\r\n type=\"button\"\r\n class=\"country-option\"\r\n data-code=\"+965\"\r\n data-country=\"Kuwait\"\r\n data-flag=\"kw\"\r\n >\r\n\r\n <img decoding=\"async\"\r\n class=\"country-flag\"\r\n src=\"https:\/\/flagcdn.com\/w40\/kw.png\"\r\n alt=\"\"\r\n >\r\n\r\n <span class=\"country-option-name\">\r\n Kuwait\r\n <\/span>\r\n\r\n <span class=\"country-option-code\">\r\n +965\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n\r\n <!-- OMAN -->\r\n\r\n <button\r\n type=\"button\"\r\n class=\"country-option\"\r\n data-code=\"+968\"\r\n data-country=\"Oman\"\r\n data-flag=\"om\"\r\n >\r\n\r\n <img decoding=\"async\"\r\n class=\"country-flag\"\r\n src=\"https:\/\/flagcdn.com\/w40\/om.png\"\r\n alt=\"\"\r\n >\r\n\r\n <span class=\"country-option-name\">\r\n Oman\r\n <\/span>\r\n\r\n <span class=\"country-option-code\">\r\n +968\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n\r\n <!-- INDIA -->\r\n\r\n <button\r\n type=\"button\"\r\n class=\"country-option\"\r\n data-code=\"+91\"\r\n data-country=\"India\"\r\n data-flag=\"in\"\r\n >\r\n\r\n <img decoding=\"async\"\r\n class=\"country-flag\"\r\n src=\"https:\/\/flagcdn.com\/w40\/in.png\"\r\n alt=\"\"\r\n >\r\n\r\n <span class=\"country-option-name\">\r\n India\r\n <\/span>\r\n\r\n <span class=\"country-option-code\">\r\n +91\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n\r\n <!-- PAKISTAN -->\r\n\r\n <button\r\n type=\"button\"\r\n class=\"country-option\"\r\n data-code=\"+92\"\r\n data-country=\"Pakistan\"\r\n data-flag=\"pk\"\r\n >\r\n\r\n <img decoding=\"async\"\r\n class=\"country-flag\"\r\n src=\"https:\/\/flagcdn.com\/w40\/pk.png\"\r\n alt=\"\"\r\n >\r\n\r\n <span class=\"country-option-name\">\r\n Pakistan\r\n <\/span>\r\n\r\n <span class=\"country-option-code\">\r\n +92\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n\r\n <!-- UK -->\r\n\r\n <button\r\n type=\"button\"\r\n class=\"country-option\"\r\n data-code=\"+44\"\r\n data-country=\"United Kingdom\"\r\n data-flag=\"gb\"\r\n >\r\n\r\n <img decoding=\"async\"\r\n class=\"country-flag\"\r\n src=\"https:\/\/flagcdn.com\/w40\/gb.png\"\r\n alt=\"\"\r\n >\r\n\r\n <span class=\"country-option-name\">\r\n United Kingdom\r\n <\/span>\r\n\r\n <span class=\"country-option-code\">\r\n +44\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n\r\n <!-- USA -->\r\n\r\n <button\r\n type=\"button\"\r\n class=\"country-option\"\r\n data-code=\"+1\"\r\n data-country=\"United States\"\r\n data-flag=\"us\"\r\n >\r\n\r\n <img decoding=\"async\"\r\n class=\"country-flag\"\r\n src=\"https:\/\/flagcdn.com\/w40\/us.png\"\r\n alt=\"\"\r\n >\r\n\r\n <span class=\"country-option-name\">\r\n United States\r\n <\/span>\r\n\r\n <span class=\"country-option-code\">\r\n +1\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n\r\n <!-- AUSTRALIA -->\r\n\r\n <button\r\n type=\"button\"\r\n class=\"country-option\"\r\n data-code=\"+61\"\r\n data-country=\"Australia\"\r\n data-flag=\"au\"\r\n >\r\n\r\n <img decoding=\"async\"\r\n class=\"country-flag\"\r\n src=\"https:\/\/flagcdn.com\/w40\/au.png\"\r\n alt=\"\"\r\n >\r\n\r\n <span class=\"country-option-name\">\r\n Australia\r\n <\/span>\r\n\r\n <span class=\"country-option-code\">\r\n +61\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n\r\n <!-- GERMANY -->\r\n\r\n <button\r\n type=\"button\"\r\n class=\"country-option\"\r\n data-code=\"+49\"\r\n data-country=\"Germany\"\r\n data-flag=\"de\"\r\n >\r\n\r\n <img decoding=\"async\"\r\n class=\"country-flag\"\r\n src=\"https:\/\/flagcdn.com\/w40\/de.png\"\r\n alt=\"\"\r\n >\r\n\r\n <span class=\"country-option-name\">\r\n Germany\r\n <\/span>\r\n\r\n <span class=\"country-option-code\">\r\n +49\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n\r\n <!-- FRANCE -->\r\n\r\n <button\r\n type=\"button\"\r\n class=\"country-option\"\r\n data-code=\"+33\"\r\n data-country=\"France\"\r\n data-flag=\"fr\"\r\n >\r\n\r\n <img decoding=\"async\"\r\n class=\"country-flag\"\r\n src=\"https:\/\/flagcdn.com\/w40\/fr.png\"\r\n alt=\"\"\r\n >\r\n\r\n <span class=\"country-option-name\">\r\n France\r\n <\/span>\r\n\r\n <span class=\"country-option-code\">\r\n +33\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <input\r\n type=\"tel\"\r\n name=\"mobile\"\r\n id=\"mobile\"\r\n class=\"phone-number\"\r\n placeholder=\"5X XXX XXXX\"\r\n inputmode=\"numeric\"\r\n required\r\n >\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- COMPANY -->\r\n\r\n <div class=\"form-field\">\r\n\r\n <label>\r\n Company\r\n <span class=\"required\">*<\/span>\r\n <\/label>\r\n\r\n <input\r\n type=\"text\"\r\n name=\"company\"\r\n id=\"company\"\r\n placeholder=\"Company name\"\r\n required\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <!-- SECTOR -->\r\n\r\n <div class=\"form-field full\">\r\n\r\n <label>\r\n Sector\r\n <span class=\"required\">*<\/span>\r\n <\/label>\r\n\r\n <select\r\n name=\"sector\"\r\n id=\"sector\"\r\n required\r\n >\r\n\r\n <option value=\"\">\r\n Select your sector\r\n <\/option>\r\n\r\n <option>Government<\/option>\r\n <option>Banking & Financial Services<\/option>\r\n <option>Healthcare<\/option>\r\n <option>Construction & Engineering<\/option>\r\n <option>Retail & E-commerce<\/option>\r\n <option>Manufacturing<\/option>\r\n <option>Education<\/option>\r\n <option>Technology<\/option>\r\n <option>Energy & Utilities<\/option>\r\n <option>Hospitality & Tourism<\/option>\r\n <option>Other<\/option>\r\n\r\n <\/select>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"button-row\">\r\n\r\n <button\r\n type=\"submit\"\r\n class=\"primary-button\"\r\n >\r\n\r\n Continue\r\n\r\n <span class=\"button-arrow\">\r\n \u2192\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"privacy\">\r\n\r\n Your information will only be used to respond\r\n to your request and provide relevant iFact\r\n cybersecurity updates\r\n\r\n <\/div>\r\n\r\n\r\n <\/form>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =====================================================\r\n STEP 2\r\n ===================================================== -->\r\n\r\n<section\r\n class=\"step\"\r\n id=\"step2\"\r\n>\r\n\r\n <div class=\"step-number\">\r\n 02 \/ Security Reality Check\r\n <\/div>\r\n\r\n\r\n <h2 class=\"step-title\">\r\n 60 seconds Five honest questions\r\n <\/h2>\r\n\r\n\r\n <div class=\"question-area\">\r\n\r\n\r\n <div class=\"question-top\">\r\n\r\n <div\r\n class=\"question-counter\"\r\n id=\"questionNumber\"\r\n >\r\n QUESTION 01 \/ 05\r\n <\/div>\r\n\r\n <div class=\"question-time\">\r\n About 60 seconds\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div\r\n class=\"question-text\"\r\n id=\"questionText\"\r\n ><\/div>\r\n\r\n\r\n <div\r\n class=\"answers\"\r\n id=\"answerOptions\"\r\n >\r\n\r\n <button\r\n type=\"button\"\r\n class=\"answer\"\r\n data-answer=\"yes\"\r\n >\r\n Yes\r\n <\/button>\r\n\r\n <button\r\n type=\"button\"\r\n class=\"answer\"\r\n data-answer=\"no\"\r\n >\r\n No\r\n <\/button>\r\n\r\n <button\r\n type=\"button\"\r\n class=\"answer\"\r\n data-answer=\"unsure\"\r\n >\r\n Not Sure\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n\r\n <div\r\n class=\"feedback\"\r\n id=\"questionFeedback\"\r\n ><\/div>\r\n\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =====================================================\r\n STEP 3\r\n ===================================================== -->\r\n\r\n<section\r\n class=\"step\"\r\n id=\"step3\"\r\n>\r\n\r\n <div class=\"step-number\">\r\n 03 \/ Your Security Snapshot\r\n <\/div>\r\n\r\n\r\n <h2 class=\"step-title\">\r\n Now you know where you stand\r\n <\/h2>\r\n\r\n\r\n <p class=\"step-description result-intro\">\r\n\r\n This isn't a formal security audit.\r\n It's a quick reality check designed to highlight\r\n where a deeper conversation may be useful\r\n\r\n <\/p>\r\n\r\n\r\n <div class=\"result-wrapper\">\r\n\r\n\r\n <div class=\"result-score-card\">\r\n\r\n <div class=\"result-label\">\r\n Security Confidence\r\n <\/div>\r\n\r\n <div\r\n class=\"result-score\"\r\n id=\"resultScore\"\r\n >\r\n 0<span>\/5<\/span>\r\n <\/div>\r\n\r\n <div\r\n class=\"result-text\"\r\n id=\"resultMessage\"\r\n ><\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div>\r\n\r\n <div\r\n class=\"result-list\"\r\n id=\"resultList\"\r\n ><\/div>\r\n\r\n\r\n <div\r\n class=\"result-cta\"\r\n style=\"margin-top:20px;\"\r\n >\r\n\r\n <button\r\n type=\"button\"\r\n class=\"primary-button\"\r\n id=\"submitResult\"\r\n >\r\n\r\n Talk to an iFact specialist\r\n\r\n <span class=\"button-arrow\">\r\n \u2192\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =====================================================\r\n STEP 4\r\n ===================================================== -->\r\n\r\n<section\r\n class=\"step\"\r\n id=\"step4\"\r\n>\r\n\r\n <div class=\"success-box\">\r\n\r\n\r\n <div class=\"success-icon\">\r\n \u2713\r\n <\/div>\r\n\r\n\r\n <div class=\"step-number\">\r\n Assessment Received\r\n <\/div>\r\n\r\n\r\n <h2>\r\n Thanks<br>\r\n We'll take it from here\r\n <\/h2>\r\n\r\n\r\n <p>\r\n\r\n Your cybersecurity assessment has been received.\r\n An iFact specialist will review your responses\r\n and contact you with practical next steps.\r\n No jargon. No unnecessary complexity\r\n\r\n <\/p>\r\n\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =====================================================\r\n FOOTER\r\n ===================================================== -->\r\n\r\n<footer class=\"footer\">\r\n\r\n <span>\r\n iFact\r\n <\/span>\r\n\r\n <span>\r\n Cybersecurity \u2022 IT \u2022 Digital\r\n <\/span>\r\n\r\n<\/footer>\r\n\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- =====================================================\r\n CONTACT FORM 7\r\n ===================================================== -->\r\n\r\n<div class=\"cyber-hidden-cf7\">\r\n\r\n \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f20749-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"20749\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/ar\/wp-json\/wp\/v2\/pages\/20737#wpcf7-f20749-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"20749\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f20749-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"cyber-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"cyber-name\" \/><\/span>\n\n<span class=\"wpcf7-form-control-wrap\" data-name=\"cyber-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"cyber-email\" \/><\/span>\n\n<span class=\"wpcf7-form-control-wrap\" data-name=\"cyber-mobile\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"tel\" name=\"cyber-mobile\" \/><\/span>\n\n<span class=\"wpcf7-form-control-wrap\" data-name=\"cyber-company\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"cyber-company\" \/><\/span>\n\n<span class=\"wpcf7-form-control-wrap\" data-name=\"cyber-sector\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"cyber-sector\" \/><\/span>\n\n<span class=\"wpcf7-form-control-wrap\" data-name=\"cyber-score\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"cyber-score\" \/><\/span>\n\n<span class=\"wpcf7-form-control-wrap\" data-name=\"cyber-unsure\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"cyber-unsure\" \/><\/span>\n\n<span class=\"wpcf7-form-control-wrap\" data-name=\"cyber-assessment\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" name=\"cyber-assessment\"><\/textarea><\/span>\n\n<input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Send\" \/><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n\r\n\/* =====================================================\r\n VARIABLES\r\n ===================================================== *\/\r\n\r\nlet currentQuestion = 0;\r\n\r\nlet answers = [];\r\n\r\nlet userData = {};\r\n\r\nlet selectedCountryCode = \"+966\";\r\n\r\n\r\n\/* =====================================================\r\n QUESTIONS\r\n ===================================================== *\/\r\n\r\nconst questions = [\r\n\r\n {\r\n text:\r\n \"If a fake invoice email landed on your finance team today, would anyone stop it?\",\r\n\r\n feedback: {\r\n\r\n yes:\r\n \"Good. A tested process is stronger than simply trusting employees.\",\r\n\r\n no:\r\n \"This could expose your finance team to invoice fraud and business email compromise.\",\r\n\r\n unsure:\r\n \"If you're unsure, this is worth testing before an attacker tests it for you.\"\r\n\r\n }\r\n },\r\n\r\n\r\n {\r\n text:\r\n \"Could you show a regulator your evidence this week \u2014 not next quarter?\",\r\n\r\n feedback: {\r\n\r\n yes:\r\n \"Strong. Evidence that is ready when needed is a major security advantage.\",\r\n\r\n no:\r\n \"Security without evidence can quickly become a compliance problem.\",\r\n\r\n unsure:\r\n \"If evidence takes weeks to assemble, your compliance process may need attention.\"\r\n\r\n }\r\n },\r\n\r\n\r\n {\r\n text:\r\n \"Do you know every cloud service your teams signed up for?\",\r\n\r\n feedback: {\r\n\r\n yes:\r\n \"Good visibility. Knowing what's connected is the first step to controlling risk.\",\r\n\r\n no:\r\n \"Unknown cloud services can create unmanaged access and data risks.\",\r\n\r\n unsure:\r\n \"Shadow IT is common. The first step is discovering what actually exists.\"\r\n\r\n }\r\n },\r\n\r\n\r\n {\r\n text:\r\n \"Has anyone ever tested your systems the way an attacker would?\",\r\n\r\n feedback: {\r\n\r\n yes:\r\n \"Excellent. Regular testing helps reveal weaknesses before attackers do.\",\r\n\r\n no:\r\n \"Untested systems can leave weaknesses hidden until someone exploits them.\",\r\n\r\n unsure:\r\n \"If nobody knows, your organisation may have a visibility gap.\"\r\n\r\n }\r\n },\r\n\r\n\r\n {\r\n text:\r\n \"Do you know exactly where your customer data is stored right now?\",\r\n\r\n feedback: {\r\n\r\n yes:\r\n \"That's an important foundation for privacy, governance and security.\",\r\n\r\n no:\r\n \"Unknown data locations can create security and compliance exposure.\",\r\n\r\n unsure:\r\n \"You cannot properly protect data if you cannot confidently locate it.\"\r\n\r\n }\r\n }\r\n\r\n];\r\n\r\n\r\n\/* =====================================================\r\n ELEMENTS\r\n ===================================================== *\/\r\n\r\nconst steps = {\r\n\r\n step1:\r\n document.getElementById(\"step1\"),\r\n\r\n step2:\r\n document.getElementById(\"step2\"),\r\n\r\n step3:\r\n document.getElementById(\"step3\"),\r\n\r\n step4:\r\n document.getElementById(\"step4\")\r\n\r\n};\r\n\r\n\r\nconst progressFill =\r\n document.getElementById(\"progressFill\");\r\n\r\nconst progressTitle =\r\n document.getElementById(\"progressTitle\");\r\n\r\nconst progressCount =\r\n document.getElementById(\"progressCount\");\r\n\r\n\r\n\/* =====================================================\r\n COUNTRY DROPDOWN\r\n ===================================================== *\/\r\n\r\nconst countryButton =\r\n document.getElementById(\"countryButton\");\r\n\r\nconst countryDropdown =\r\n document.getElementById(\"countryDropdown\");\r\n\r\nconst currentFlag =\r\n document.getElementById(\"currentFlag\");\r\n\r\nconst currentCode =\r\n document.getElementById(\"currentCode\");\r\n\r\nconst countryOptions =\r\n document.querySelectorAll(\".country-option\");\r\n\r\n\r\ncountryButton.addEventListener(\r\n \"click\",\r\n function(event) {\r\n\r\n event.stopPropagation();\r\n\r\n const open =\r\n countryDropdown.classList.contains(\"show\");\r\n\r\n if (open) {\r\n\r\n countryDropdown.classList.remove(\"show\");\r\n\r\n countryButton.classList.remove(\"open\");\r\n\r\n } else {\r\n\r\n countryDropdown.classList.add(\"show\");\r\n\r\n countryButton.classList.add(\"open\");\r\n\r\n }\r\n\r\n }\r\n);\r\n\r\n\r\ncountryOptions.forEach(\r\n function(option) {\r\n\r\n option.addEventListener(\r\n \"click\",\r\n function(event) {\r\n\r\n event.stopPropagation();\r\n\r\n const code =\r\n this.dataset.code;\r\n\r\n const flag =\r\n this.dataset.flag;\r\n\r\n const country =\r\n this.dataset.country;\r\n\r\n\r\n selectedCountryCode =\r\n code;\r\n\r\n\r\n currentFlag.src =\r\n \"https:\/\/flagcdn.com\/w40\/\" +\r\n flag +\r\n \".png\";\r\n\r\n\r\n currentFlag.alt =\r\n country;\r\n\r\n\r\n currentCode.textContent =\r\n code;\r\n\r\n\r\n countryOptions.forEach(\r\n function(item) {\r\n\r\n item.classList.remove(\r\n \"selected\"\r\n );\r\n\r\n }\r\n );\r\n\r\n\r\n this.classList.add(\r\n \"selected\"\r\n );\r\n\r\n\r\n countryDropdown.classList.remove(\r\n \"show\"\r\n );\r\n\r\n countryButton.classList.remove(\r\n \"open\"\r\n );\r\n\r\n }\r\n );\r\n\r\n }\r\n);\r\n\r\n\r\ndocument.addEventListener(\r\n \"click\",\r\n function() {\r\n\r\n countryDropdown.classList.remove(\r\n \"show\"\r\n );\r\n\r\n countryButton.classList.remove(\r\n \"open\"\r\n );\r\n\r\n }\r\n);\r\n\r\n\r\n\/* =====================================================\r\n SHOW STEP\r\n ===================================================== *\/\r\n\r\nfunction showStep(number) {\r\n\r\n Object.values(steps).forEach(\r\n function(step) {\r\n\r\n step.classList.remove(\r\n \"active\"\r\n );\r\n\r\n }\r\n );\r\n\r\n\r\n steps[\"step\" + number]\r\n .classList.add(\"active\");\r\n\r\n\r\n updateProgress(number);\r\n\r\n\r\n window.scrollTo({\r\n\r\n top: 0,\r\n\r\n behavior: \"smooth\"\r\n\r\n });\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n PROGRESS\r\n ===================================================== *\/\r\n\r\nfunction updateProgress(step) {\r\n\r\n if (step === 1) {\r\n\r\n progressFill.style.width =\r\n \"33.33%\";\r\n\r\n progressTitle.textContent =\r\n \"Your Details\";\r\n\r\n progressCount.textContent =\r\n \"01 \/ 03\";\r\n\r\n }\r\n\r\n else if (step === 2) {\r\n\r\n progressFill.style.width =\r\n \"66.66%\";\r\n\r\n progressTitle.textContent =\r\n \"Security Reality Check\";\r\n\r\n progressCount.textContent =\r\n \"02 \/ 03\";\r\n\r\n }\r\n\r\n else {\r\n\r\n progressFill.style.width =\r\n \"100%\";\r\n\r\n progressTitle.textContent =\r\n \"Your Security Snapshot\";\r\n\r\n progressCount.textContent =\r\n \"03 \/ 03\";\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n STEP 1 FORM\r\n ===================================================== *\/\r\n\r\ndocument\r\n .getElementById(\"leadForm\")\r\n .addEventListener(\r\n \"submit\",\r\n function(event) {\r\n\r\n event.preventDefault();\r\n\r\n\r\n if (!this.checkValidity()) {\r\n\r\n this.reportValidity();\r\n\r\n return;\r\n\r\n }\r\n\r\n\r\n const data =\r\n new FormData(this);\r\n\r\n\r\n userData = {\r\n\r\n name:\r\n data.get(\"name\"),\r\n\r\n email:\r\n data.get(\"email\"),\r\n\r\n mobile:\r\n selectedCountryCode +\r\n \" \" +\r\n data.get(\"mobile\"),\r\n\r\n company:\r\n data.get(\"company\"),\r\n\r\n sector:\r\n data.get(\"sector\")\r\n\r\n };\r\n\r\n\r\n currentQuestion = 0;\r\n\r\n answers = [];\r\n\r\n\r\n loadQuestion();\r\n\r\n showStep(2);\r\n\r\n }\r\n );\r\n\r\n\r\n\/* =====================================================\r\n LOAD QUESTION\r\n ===================================================== *\/\r\n\r\nfunction loadQuestion() {\r\n\r\n const question =\r\n questions[currentQuestion];\r\n\r\n\r\n document\r\n .getElementById(\"questionNumber\")\r\n .textContent =\r\n\r\n \"QUESTION \" +\r\n String(\r\n currentQuestion + 1\r\n ).padStart(2, \"0\") +\r\n \" \/ 05\";\r\n\r\n\r\n document\r\n .getElementById(\"questionText\")\r\n .textContent =\r\n question.text;\r\n\r\n\r\n const feedback =\r\n document.getElementById(\r\n \"questionFeedback\"\r\n );\r\n\r\n\r\n feedback.classList.remove(\r\n \"visible\"\r\n );\r\n\r\n feedback.textContent = \"\";\r\n\r\n\r\n document\r\n .querySelectorAll(\".answer\")\r\n .forEach(\r\n function(button) {\r\n\r\n button.classList.remove(\r\n \"selected\"\r\n );\r\n\r\n }\r\n );\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n QUESTION ANSWERS\r\n ===================================================== *\/\r\n\r\ndocument\r\n .querySelectorAll(\".answer\")\r\n .forEach(\r\n function(button) {\r\n\r\n button.addEventListener(\r\n \"click\",\r\n function() {\r\n\r\n const answer =\r\n this.dataset.answer;\r\n\r\n\r\n document\r\n .querySelectorAll(\".answer\")\r\n .forEach(\r\n function(btn) {\r\n\r\n btn.classList.remove(\r\n \"selected\"\r\n );\r\n\r\n }\r\n );\r\n\r\n\r\n this.classList.add(\r\n \"selected\"\r\n );\r\n\r\n\r\n answers[\r\n currentQuestion\r\n ] =\r\n answer;\r\n\r\n\r\n const feedback =\r\n document.getElementById(\r\n \"questionFeedback\"\r\n );\r\n\r\n\r\n feedback.textContent =\r\n questions[\r\n currentQuestion\r\n ].feedback[\r\n answer\r\n ];\r\n\r\n\r\n feedback.classList.add(\r\n \"visible\"\r\n );\r\n\r\n\r\n setTimeout(\r\n function() {\r\n\r\n if (\r\n currentQuestion <\r\n questions.length - 1\r\n ) {\r\n\r\n currentQuestion++;\r\n\r\n loadQuestion();\r\n\r\n }\r\n\r\n else {\r\n\r\n calculateResult();\r\n\r\n showStep(3);\r\n\r\n }\r\n\r\n },\r\n 700\r\n );\r\n\r\n }\r\n );\r\n\r\n }\r\n );\r\n\r\n\r\n\/* =====================================================\r\n RESULT\r\n ===================================================== *\/\r\n\r\nfunction calculateResult() {\r\n\r\n const score =\r\n answers.filter(\r\n function(answer) {\r\n\r\n return answer === \"yes\";\r\n\r\n }\r\n ).length;\r\n\r\n\r\n const unsure =\r\n answers.filter(\r\n function(answer) {\r\n\r\n return answer === \"unsure\";\r\n\r\n }\r\n ).length;\r\n\r\n\r\n document\r\n .getElementById(\"resultScore\")\r\n .innerHTML =\r\n score +\r\n \"<span>\/5<\/span>\";\r\n\r\n\r\n let message;\r\n\r\n\r\n if (unsure >= 3) {\r\n\r\n message =\r\n \"Several areas need clearer visibility or confidence. These are good places to start a deeper security conversation.\";\r\n\r\n }\r\n\r\n else if (score <= 2) {\r\n\r\n message =\r\n \"Your answers highlight important areas worth reviewing. You now have a clearer starting point.\";\r\n\r\n }\r\n\r\n else if (score <= 4) {\r\n\r\n message =\r\n \"You have some solid foundations, but there are still areas that could benefit from stronger controls.\";\r\n\r\n }\r\n\r\n else {\r\n\r\n message =\r\n \"Strong result. You appear to have good visibility across the areas we checked.\";\r\n\r\n }\r\n\r\n\r\n document\r\n .getElementById(\"resultMessage\")\r\n .textContent =\r\n message;\r\n\r\n\r\n const list =\r\n document.getElementById(\r\n \"resultList\"\r\n );\r\n\r\n\r\n list.innerHTML = \"\";\r\n\r\n\r\n questions.forEach(\r\n function(question, index) {\r\n\r\n const item =\r\n document.createElement(\"div\");\r\n\r\n\r\n item.className =\r\n \"result-item\";\r\n\r\n\r\n const questionDiv =\r\n document.createElement(\"div\");\r\n\r\n\r\n questionDiv.className =\r\n \"result-question\";\r\n\r\n\r\n questionDiv.textContent =\r\n question.text;\r\n\r\n\r\n const answerDiv =\r\n document.createElement(\"div\");\r\n\r\n\r\n answerDiv.className =\r\n \"result-answer \" +\r\n answers[index];\r\n\r\n\r\n answerDiv.textContent =\r\n\r\n answers[index] === \"yes\"\r\n ? \"Yes\"\r\n : answers[index] === \"no\"\r\n ? \"No\"\r\n : \"Not Sure\";\r\n\r\n\r\n item.appendChild(\r\n questionDiv\r\n );\r\n\r\n\r\n item.appendChild(\r\n answerDiv\r\n );\r\n\r\n\r\n list.appendChild(\r\n item\r\n );\r\n\r\n }\r\n );\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n FINAL SUBMISSION\r\n CONTACT FORM 7\r\n ===================================================== *\/\r\n\r\ndocument.addEventListener(\"click\", function(event) {\r\n\r\n const button = event.target.closest(\"#submitResult\");\r\n\r\n if (!button) {\r\n return;\r\n }\r\n\r\n event.preventDefault();\r\n event.stopPropagation();\r\n\r\n console.log(\"Cybersecurity consultation submit clicked\");\r\n\r\n\r\n \/* -------------------------------------------------\r\n FIND CONTACT FORM 7\r\n ------------------------------------------------- *\/\r\n\r\n const cf7Form =\r\n document.querySelector(\r\n \".cyber-hidden-cf7 form.wpcf7-form\"\r\n );\r\n\r\n\r\n if (!cf7Form) {\r\n\r\n console.error(\r\n \"Contact Form 7 form was not found.\"\r\n );\r\n\r\n alert(\r\n \"The consultation form could not be found. Please refresh the page and try again.\"\r\n );\r\n\r\n return;\r\n\r\n }\r\n\r\n\r\n \/* -------------------------------------------------\r\n FIND CF7 FIELDS\r\n ------------------------------------------------- *\/\r\n\r\n const nameField =\r\n cf7Form.querySelector(\r\n '[name=\"cyber-name\"]'\r\n );\r\n\r\n const emailField =\r\n cf7Form.querySelector(\r\n '[name=\"cyber-email\"]'\r\n );\r\n\r\n const mobileField =\r\n cf7Form.querySelector(\r\n '[name=\"cyber-mobile\"]'\r\n );\r\n\r\n const companyField =\r\n cf7Form.querySelector(\r\n '[name=\"cyber-company\"]'\r\n );\r\n\r\n const sectorField =\r\n cf7Form.querySelector(\r\n '[name=\"cyber-sector\"]'\r\n );\r\n\r\n const scoreField =\r\n cf7Form.querySelector(\r\n '[name=\"cyber-score\"]'\r\n );\r\n\r\n const unsureField =\r\n cf7Form.querySelector(\r\n '[name=\"cyber-unsure\"]'\r\n );\r\n\r\n const assessmentField =\r\n cf7Form.querySelector(\r\n '[name=\"cyber-assessment\"]'\r\n );\r\n\r\n\r\n \/* -------------------------------------------------\r\n CHECK CF7 FIELDS\r\n ------------------------------------------------- *\/\r\n\r\n if (\r\n !nameField ||\r\n !emailField ||\r\n !mobileField ||\r\n !companyField ||\r\n !sectorField ||\r\n !scoreField ||\r\n !unsureField ||\r\n !assessmentField\r\n ) {\r\n\r\n console.error(\r\n \"CF7 fields missing\",\r\n {\r\n nameField,\r\n emailField,\r\n mobileField,\r\n companyField,\r\n sectorField,\r\n scoreField,\r\n unsureField,\r\n assessmentField\r\n }\r\n );\r\n\r\n alert(\r\n \"Some consultation fields are missing from the Contact Form 7 form.\"\r\n );\r\n\r\n return;\r\n\r\n }\r\n\r\n\r\n \/* -------------------------------------------------\r\n CALCULATE SCORE\r\n ------------------------------------------------- *\/\r\n\r\n const score =\r\n answers.filter(function(answer) {\r\n\r\n return answer === \"yes\";\r\n\r\n }).length;\r\n\r\n\r\n \/* -------------------------------------------------\r\n COUNT NOT SURE\r\n ------------------------------------------------- *\/\r\n\r\n const unsure =\r\n answers.filter(function(answer) {\r\n\r\n return answer === \"unsure\";\r\n\r\n }).length;\r\n\r\n\r\n \/* -------------------------------------------------\r\n CREATE EMAIL CONTENT\r\n ------------------------------------------------- *\/\r\n\r\n let assessment =\r\n \"CYBERSECURITY CONSULTATION\\n\\n\";\r\n\r\n\r\n assessment +=\r\n \"CUSTOMER DETAILS\\n\";\r\n\r\n assessment +=\r\n \"------------------------------\\n\";\r\n\r\n assessment +=\r\n \"Name: \" +\r\n (userData.name || \"\") +\r\n \"\\n\";\r\n\r\n assessment +=\r\n \"Email: \" +\r\n (userData.email || \"\") +\r\n \"\\n\";\r\n\r\n assessment +=\r\n \"Mobile: \" +\r\n (userData.mobile || \"\") +\r\n \"\\n\";\r\n\r\n assessment +=\r\n \"Company: \" +\r\n (userData.company || \"\") +\r\n \"\\n\";\r\n\r\n assessment +=\r\n \"Sector: \" +\r\n (userData.sector || \"\") +\r\n \"\\n\\n\";\r\n\r\n\r\n assessment +=\r\n \"SECURITY ASSESSMENT\\n\";\r\n\r\n assessment +=\r\n \"------------------------------\\n\\n\";\r\n\r\n\r\n questions.forEach(function(question, index) {\r\n\r\n let answer =\r\n answers[index] ||\r\n \"Not answered\";\r\n\r\n\r\n if (answer === \"yes\") {\r\n\r\n answer = \"YES\";\r\n\r\n }\r\n\r\n else if (answer === \"no\") {\r\n\r\n answer = \"NO\";\r\n\r\n }\r\n\r\n else if (answer === \"unsure\") {\r\n\r\n answer = \"NOT SURE\";\r\n\r\n }\r\n\r\n\r\n assessment +=\r\n \"QUESTION \" +\r\n String(index + 1).padStart(2, \"0\") +\r\n \"\\n\";\r\n\r\n\r\n assessment +=\r\n question.text +\r\n \"\\n\";\r\n\r\n\r\n assessment +=\r\n \"ANSWER: \" +\r\n answer +\r\n \"\\n\\n\";\r\n\r\n });\r\n\r\n\r\n assessment +=\r\n \"------------------------------\\n\";\r\n\r\n assessment +=\r\n \"SECURITY SCORE: \" +\r\n score +\r\n \" \/ 5\\n\";\r\n\r\n assessment +=\r\n \"NOT SURE ANSWERS: \" +\r\n unsure;\r\n\r\n\r\n \/* -------------------------------------------------\r\n FILL CONTACT FORM 7\r\n ------------------------------------------------- *\/\r\n\r\n nameField.value =\r\n userData.name || \"\";\r\n\r\n emailField.value =\r\n userData.email || \"\";\r\n\r\n mobileField.value =\r\n userData.mobile || \"\";\r\n\r\n companyField.value =\r\n userData.company || \"\";\r\n\r\n sectorField.value =\r\n userData.sector || \"\";\r\n\r\n scoreField.value =\r\n score + \" \/ 5\";\r\n\r\n unsureField.value =\r\n unsure;\r\n\r\n assessmentField.value =\r\n assessment;\r\n\r\n\r\n \/* -------------------------------------------------\r\n TRIGGER CF7 FIELD EVENTS\r\n ------------------------------------------------- *\/\r\n\r\n [\r\n nameField,\r\n emailField,\r\n mobileField,\r\n companyField,\r\n sectorField,\r\n scoreField,\r\n unsureField,\r\n assessmentField\r\n\r\n ].forEach(function(field) {\r\n\r\n field.dispatchEvent(\r\n new Event(\r\n \"input\",\r\n {\r\n bubbles: true\r\n }\r\n )\r\n );\r\n\r\n field.dispatchEvent(\r\n new Event(\r\n \"change\",\r\n {\r\n bubbles: true\r\n }\r\n )\r\n );\r\n\r\n });\r\n\r\n\r\n \/* -------------------------------------------------\r\n DISABLE BUTTON\r\n ------------------------------------------------- *\/\r\n\r\n button.disabled = true;\r\n\r\n button.innerHTML =\r\n 'Sending... <span class=\"button-arrow\">\u2192<\/span>';\r\n\r\n\r\n \/* -------------------------------------------------\r\n SUBMIT THROUGH CONTACT FORM 7\r\n ------------------------------------------------- *\/\r\n\r\n if (\r\n typeof wpcf7 !== \"undefined\" &&\r\n typeof wpcf7.submit === \"function\"\r\n ) {\r\n\r\n console.log(\r\n \"Submitting through Contact Form 7 API\"\r\n );\r\n\r\n\r\n wpcf7.submit(cf7Form);\r\n\r\n }\r\n\r\n else {\r\n\r\n console.error(\r\n \"Contact Form 7 JavaScript API is unavailable.\"\r\n );\r\n\r\n\r\n button.disabled = false;\r\n\r\n button.innerHTML =\r\n 'Talk to an iFact specialist <span class=\"button-arrow\">\u2192<\/span>';\r\n\r\n\r\n alert(\r\n \"Contact Form 7 is still loading. Please refresh the page and try again.\"\r\n );\r\n\r\n }\r\n\r\n});\r\n\/* =====================================================\r\n CF7 SUCCESS + THANK YOU SCREEN\r\n ===================================================== *\/\r\n\r\nlet consultationSubmitted = false;\r\n\r\n\r\n\/*\r\n * Show the Thank You screen\r\n *\/\r\nfunction showConsultationThankYou() {\r\n\r\n if (consultationSubmitted) {\r\n return;\r\n }\r\n\r\n consultationSubmitted = true;\r\n\r\n\r\n const button =\r\n document.getElementById(\"submitResult\");\r\n\r\n\r\n if (button) {\r\n\r\n button.disabled = false;\r\n\r\n }\r\n\r\n\r\n \/*\r\n * Move to Step 4\r\n *\/\r\n showStep(4);\r\n\r\n}\r\n\r\n\r\n\/*\r\n * Contact Form 7 successful email event\r\n *\/\r\ndocument.addEventListener(\r\n \"wpcf7mailsent\",\r\n function(event) {\r\n\r\n console.log(\r\n \"iFact cybersecurity consultation email sent successfully\"\r\n );\r\n\r\n console.log(\r\n \"CF7 form ID:\",\r\n event.detail\r\n ? event.detail.contactFormId\r\n : \"unknown\"\r\n );\r\n\r\n\r\n \/*\r\n * Your Contact Form 7 ID\r\n *\/\r\n const formId =\r\n event.detail &&\r\n event.detail.contactFormId\r\n ? String(\r\n event.detail.contactFormId\r\n )\r\n : \"\";\r\n\r\n\r\n if (\r\n formId === \"be19866\" ||\r\n formId === \"19866\" ||\r\n formId === \"\"\r\n ) {\r\n\r\n showConsultationThankYou();\r\n\r\n }\r\n\r\n },\r\n false\r\n);\r\n\r\n\r\n\/*\r\n * Backup success detection\r\n *\r\n * Sometimes CF7 sends the email successfully\r\n * but the custom success event is delayed\/not\r\n * detected because the form is hidden.\r\n *\r\n * This backup moves the user to the Thank You\r\n * screen after the submission has had time to\r\n * complete.\r\n *\/\r\n\r\ndocument.addEventListener(\r\n \"click\",\r\n function(event) {\r\n\r\n const button =\r\n event.target.closest(\r\n \"#submitResult\"\r\n );\r\n\r\n\r\n if (!button) {\r\n return;\r\n }\r\n\r\n\r\n \/*\r\n * Give Contact Form 7 time to send\r\n * the email.\r\n *\r\n * Then show Thank You.\r\n *\/\r\n setTimeout(\r\n function() {\r\n\r\n if (\r\n button.innerHTML\r\n .toLowerCase()\r\n .includes(\"sending\")\r\n ) {\r\n\r\n console.log(\r\n \"Submission completed \u2014 showing Thank You screen\"\r\n );\r\n\r\n\r\n showConsultationThankYou();\r\n\r\n }\r\n\r\n },\r\n 2500\r\n );\r\n\r\n },\r\n false\r\n);\r\n\r\n\r\n\/* =====================================================\r\n CF7 INVALID\r\n ===================================================== *\/\r\n\r\ndocument.addEventListener(\r\n \"wpcf7invalid\",\r\n function(event) {\r\n\r\n console.log(\r\n \"Contact Form 7 validation error\"\r\n );\r\n\r\n\r\n const button =\r\n document.getElementById(\r\n \"submitResult\"\r\n );\r\n\r\n\r\n if (button) {\r\n\r\n button.disabled = false;\r\n\r\n button.innerHTML =\r\n 'Talk to an iFact specialist <span class=\"button-arrow\">\u2192<\/span>';\r\n\r\n }\r\n\r\n\r\n alert(\r\n \"Please check the consultation details and try again.\"\r\n\r\n );\r\n\r\n },\r\n false\r\n);\r\n\r\n\r\n\/* =====================================================\r\n CF7 MAIL FAILED\r\n ===================================================== *\/\r\n\r\ndocument.addEventListener(\r\n \"wpcf7mailfailed\",\r\n function(event) {\r\n\r\n console.log(\r\n \"Contact Form 7 email failed\"\r\n );\r\n\r\n\r\n const button =\r\n document.getElementById(\r\n \"submitResult\"\r\n );\r\n\r\n\r\n if (button) {\r\n\r\n button.disabled = false;\r\n\r\n button.innerHTML =\r\n 'Talk to an iFact specialist <span class=\"button-arrow\">\u2192<\/span>';\r\n\r\n }\r\n\r\n\r\n alert(\r\n \"The email could not be sent. Please try again.\"\r\n );\r\n\r\n },\r\n false\r\n);\r\n\r\n\r\n\/* =====================================================\r\n CF7 SPAM\r\n ===================================================== *\/\r\n\r\ndocument.addEventListener(\r\n \"wpcf7spam\",\r\n function(event) {\r\n\r\n console.log(\r\n \"Contact Form 7 marked the submission as spam\"\r\n );\r\n\r\n\r\n const button =\r\n document.getElementById(\r\n \"submitResult\"\r\n );\r\n\r\n\r\n if (button) {\r\n\r\n button.disabled = false;\r\n\r\n button.innerHTML =\r\n 'Talk to an iFact specialist <span class=\"button-arrow\">\u2192<\/span>';\r\n\r\n }\r\n\r\n\r\n alert(\r\n \"Your request could not be submitted. Please try again.\"\r\n );\r\n\r\n },\r\n false\r\n);\r\n\r\n\/* =====================================================\r\n INITIALIZE\r\n ===================================================== *\/\r\n\r\nupdateProgress(1);\r\n\r\n<\/script>\r\n\r\n\r\n<\/body>\r\n\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Tell us about your infrastructure, engineering, or technology requirements. Our team will review your request and get back to you shortly. Free Cybersecurity Consultation | iFact Free Cybersecurity Consultation Your Details 01 \/ 03 01 \/ Get Started Let’s make cybersecurity more practical Tell us a little about yourself. We’ll use this information to understand […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-20737","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ifact.sa\/ar\/wp-json\/wp\/v2\/pages\/20737","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ifact.sa\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ifact.sa\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ifact.sa\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ifact.sa\/ar\/wp-json\/wp\/v2\/comments?post=20737"}],"version-history":[{"count":47,"href":"https:\/\/www.ifact.sa\/ar\/wp-json\/wp\/v2\/pages\/20737\/revisions"}],"predecessor-version":[{"id":20789,"href":"https:\/\/www.ifact.sa\/ar\/wp-json\/wp\/v2\/pages\/20737\/revisions\/20789"}],"wp:attachment":[{"href":"https:\/\/www.ifact.sa\/ar\/wp-json\/wp\/v2\/media?parent=20737"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}