{"id":12691,"date":"2025-10-08T03:41:48","date_gmt":"2025-10-08T03:41:48","guid":{"rendered":"https:\/\/wp.aqlova.com\/pixora\/creative-agency-classic\/?page_id=12691"},"modified":"2026-08-25T11:04:18","modified_gmt":"2026-08-25T11:04:18","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/www.ifact.sa\/ar\/contact-us\/","title":{"rendered":"\u0627\u062a\u0635\u0644 \u0628\u0646\u0627"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12691\" class=\"elementor elementor-12691\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ad7d9d0 e-con-full e-flex e-con e-parent\" data-id=\"7ad7d9d0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-41ad93fc elementor-absolute elementor-hidden-tablet elementor-hidden-mobile_extra elementor-hidden-mobile elementor-hidden-tablet_extra elementor-widget elementor-widget-html\" data-id=\"41ad93fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"123\" height=\"130\" viewBox=\"0 0 123 130\" fill=\"none\">\n                                <path d=\"M58.2803 1.15449C63.3023 14.3017 71.049 54.3533 48.1082 67.0973C36.1831 73.4283 11.7107 77.3064 2.37778 43.9355C-1.14293 31.3468 9.61622 20.8908 32.0893 28.8395C45.055 33.4255 76.4207 44.0467 90.5787 70.0771C98.0511 83.8154 104.166 111.84 99.1745 129.671M99.1745 129.671C100.942 121.014 108.128 104.495 122.737 107.673M99.1745 129.671C100.181 123.978 97.0522 110.014 76.485 99.698M75.3644 33.2431C80.479 35.6688 96.6446 46.4742 101.81 64.2891\" stroke=\"white\" stroke-width=\"1.5\"><\/path>\n                            <\/svg>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-35169b20 e-flex e-con-boxed e-con e-child\" data-id=\"35169b20\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ce54332 elementor-widget elementor-widget-tp-about-heading\" data-id=\"3ce54332\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"tp-about-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"ar-hero-area p-relative\">\r\n\t\t\t\t<div class=\"ar-about-us-4-hero-ptb tp-el-section\">\r\n\t\t\t\t\t<div class=\"tp-el-container\">\r\n\t\t\t\t\t\t<div class=\"ar-hero-title-box \"  >\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ar-about-us-4-title-box d-flex align-items-center mb-20\">\r\n\t\t\t\t\t\t\t\t\t<span class=\"tp-section-subtitle pre tp-el-subtitle\">contact us<\/span>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ar-about-us-4-icon\">\r\n\t\t\t\t\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"81\" height=\"9\" viewBox=\"0 0 81 9\" fill=\"none\">\n                                          <rect y=\"4\" width=\"80\" height=\"1\" fill=\"#000\"><\/rect>\n                                          <path d=\"M77 7.96366L80.5 4.48183L77 1\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                    <\/svg>\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"tp-career-title pb-30 tp-el-title\">LET\u2019S DISCUSS <\/br>YOUR PROJECT<\/h2>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"tp-el-content\">\r\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/p>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7a554c64 e-con-full e-flex e-con e-child\" data-id=\"7a554c64\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-22f70344 e-con-full e-flex e-con e-child\" data-id=\"22f70344\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-5a005cb2 e-con-full e-flex e-con e-child\" data-id=\"5a005cb2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-422b06e elementor-widget elementor-widget-tp-section-heading\" data-id=\"422b06e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"tp-section-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"px-project-title-box\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"tp-el-content tp-el-alignment\">\r\n\t\t\t\t\t\tTell us about your infrastructure, engineering, or technology requirements.<br>\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<div class=\"elementor-element elementor-element-5f0b1cc elementor-widget elementor-widget-html\" data-id=\"5f0b1cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"ifact-enquiry\">\r\n\r\n  <style>\r\n    #ifact-enquiry {\r\n      --ifact-red: #ed1c24;\r\n      --ifact-dark: #101820;\r\n      --ifact-text: #101820;\r\n      --ifact-muted: #667085;\r\n      --ifact-border: #d9dde3;\r\n      --ifact-bg: #ffffff;\r\n      --ifact-soft: #f7f8fa;\r\n\r\n      font-family: Arial, Helvetica, sans-serif;\r\n      color: var(--ifact-text);\r\n      width: 100%;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #ifact-enquiry *,\r\n    #ifact-enquiry *::before,\r\n    #ifact-enquiry *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    \/* =========================\r\n       STEP 01\r\n    ========================= *\/\r\n\r\n    .ifact-step-one {\r\n      background: #fff;\r\n      padding: 20px 0 70px;\r\n    }\r\n\r\n    .ifact-container {\r\n      width: min(1180px, calc(100% - 40px));\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .ifact-step-label {\r\n      display: block;\r\n      margin-bottom: 16px;\r\n      color: var(--ifact-red);\r\n      font-size: 12px;\r\n      font-weight: 700;\r\n      letter-spacing: 2px;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .ifact-heading {\r\n      margin: 0;\r\n      color: var(--ifact-dark);\r\n      font-size: clamp(32px, 4vw, 48px);\r\n      line-height: 1.05;\r\n      font-weight: 800;\r\n      letter-spacing: -1.5px;\r\n    }\r\n\r\n    .ifact-step-one .ifact-heading {\r\n      font-size: clamp(30px, 3.5vw, 42px);\r\n    }\r\n\r\n    .ifact-description {\r\n      margin: 14px 0 34px;\r\n      color: #596273;\r\n      font-size: 16px;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    \/* SERVICE GRID *\/\r\n\r\n    .ifact-services {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, minmax(0, 1fr));\r\n      gap: 12px;\r\n    }\r\n\r\n    .ifact-service {\r\n      position: relative;\r\n      min-height: 68px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 15px;\r\n      padding: 17px 20px;\r\n      border: 1px solid var(--ifact-border);\r\n      border-radius: 8px;\r\n      background: #fff;\r\n      cursor: pointer;\r\n      transition:\r\n        border-color 0.2s ease,\r\n        background 0.2s ease,\r\n        transform 0.2s ease;\r\n      user-select: none;\r\n    }\r\n\r\n    .ifact-service:hover {\r\n      border-color: #aeb5bf;\r\n      transform: translateY(-1px);\r\n    }\r\n\r\n    .ifact-service.selected {\r\n      border-color: var(--ifact-red);\r\n      background: #fff5f5;\r\n    }\r\n\r\n    .ifact-service-name {\r\n      font-size: 14px;\r\n      line-height: 1.35;\r\n      font-weight: 600;\r\n      color: var(--ifact-dark);\r\n    }\r\n\r\n    .ifact-service.selected .ifact-service-name {\r\n      color: var(--ifact-red);\r\n    }\r\n\r\n    .ifact-checkbox {\r\n      width: 24px;\r\n      height: 24px;\r\n      min-width: 24px;\r\n      border: 1px solid #d2d7de;\r\n      border-radius: 5px;\r\n      background: #fff;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      transition: all 0.2s ease;\r\n    }\r\n\r\n    .ifact-service.selected .ifact-checkbox {\r\n      background: var(--ifact-red);\r\n      border-color: var(--ifact-red);\r\n    }\r\n\r\n    .ifact-check {\r\n      display: none;\r\n      color: #fff;\r\n      font-size: 15px;\r\n      font-weight: 700;\r\n      line-height: 1;\r\n    }\r\n\r\n    .ifact-service.selected .ifact-check {\r\n      display: block;\r\n    }\r\n\r\n    \/* OTHER SERVICE *\/\r\n\r\n    .ifact-other-wrapper {\r\n      display: none;\r\n      margin-top: 16px;\r\n      padding: 20px;\r\n      border: 1px solid var(--ifact-border);\r\n      border-radius: 8px;\r\n      background: var(--ifact-soft);\r\n    }\r\n\r\n    .ifact-other-wrapper.active {\r\n      display: block;\r\n    }\r\n\r\n    .ifact-label {\r\n      display: block;\r\n      margin-bottom: 8px;\r\n      color: var(--ifact-dark);\r\n      font-size: 14px;\r\n      font-weight: 600;\r\n    }\r\n\r\n    .ifact-required {\r\n      color: var(--ifact-red);\r\n    }\r\n\r\n    \/* =========================\r\n       STEP 02\r\n    ========================= *\/\r\n\r\n    .ifact-step-two {\r\n      background: #f7f8fa;\r\n      padding: 70px 0 90px;\r\n    }\r\n\r\n    .ifact-form-layout {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1.7fr) minmax(300px, 0.9fr);\r\n      gap: 32px;\r\n      align-items: start;\r\n    }\r\n\r\n    .ifact-form-card,\r\n    .ifact-summary-card {\r\n      background: #fff;\r\n      border: 1px solid #dfe3e8;\r\n      border-radius: 12px;\r\n    }\r\n\r\n    .ifact-form-card {\r\n      padding: 34px;\r\n    }\r\n\r\n    .ifact-summary-card {\r\n      padding: 30px;\r\n      position: sticky;\r\n      top: 30px;\r\n    }\r\n\r\n    .ifact-step-two .ifact-heading {\r\n      font-size: clamp(27px, 3vw, 38px);\r\n      margin-bottom: 34px;\r\n    }\r\n\r\n    .ifact-form-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 22px 20px;\r\n    }\r\n\r\n    .ifact-field {\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n\r\n    .ifact-field.full {\r\n      grid-column: 1 \/ -1;\r\n    }\r\n\r\n    .ifact-field input,\r\n    .ifact-field textarea {\r\n      width: 100%;\r\n      border: 1px solid #d5dae1;\r\n      border-radius: 7px;\r\n      background: #fff;\r\n      color: var(--ifact-dark);\r\n      font-family: inherit;\r\n      font-size: 15px;\r\n      outline: none;\r\n      transition: border-color 0.2s ease, box-shadow 0.2s ease;\r\n    }\r\n\r\n    .ifact-field input {\r\n      height: 52px;\r\n      padding: 0 15px;\r\n    }\r\n\r\n    .ifact-field textarea {\r\n      min-height: 135px;\r\n      padding: 15px;\r\n      resize: vertical;\r\n    }\r\n\r\n    .ifact-field input:focus,\r\n    .ifact-field textarea:focus {\r\n      border-color: var(--ifact-red);\r\n      box-shadow: 0 0 0 3px rgba(237, 28, 36, 0.08);\r\n    }\r\n\r\n    .ifact-field input.error,\r\n    .ifact-field textarea.error {\r\n      border-color: var(--ifact-red);\r\n    }\r\n\r\n    .ifact-error {\r\n      display: none;\r\n      margin-top: 7px;\r\n      color: var(--ifact-red);\r\n      font-size: 12px;\r\n      line-height: 1.4;\r\n    }\r\n\r\n    .ifact-error.visible {\r\n      display: block;\r\n    }\r\n\r\n    \/* SUMMARY *\/\r\n\r\n    .ifact-summary-label {\r\n      margin-bottom: 16px;\r\n      color: #687386;\r\n      font-size: 11px;\r\n      font-weight: 700;\r\n      letter-spacing: 2px;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .ifact-selected-list {\r\n      list-style: none;\r\n      margin: 0 0 26px;\r\n      padding: 0;\r\n    }\r\n\r\n    .ifact-selected-list li {\r\n      position: relative;\r\n      margin-bottom: 10px;\r\n      padding-left: 20px;\r\n      color: var(--ifact-dark);\r\n      font-size: 14px;\r\n      line-height: 1.4;\r\n    }\r\n\r\n    .ifact-selected-list li::before {\r\n      content: \"\u2713\";\r\n      position: absolute;\r\n      left: 0;\r\n      top: 0;\r\n      color: var(--ifact-red);\r\n      font-weight: 700;\r\n    }\r\n\r\n    .ifact-no-selection {\r\n      margin-bottom: 26px;\r\n      color: #8a93a0;\r\n      font-size: 14px;\r\n    }\r\n\r\n    \/* BUTTON *\/\r\n\r\n    .ifact-submit {\r\n      width: 100%;\r\n      min-height: 50px;\r\n      border: 0;\r\n      border-radius: 6px;\r\n      background: var(--ifact-red);\r\n      color: #fff;\r\n      font-family: inherit;\r\n      font-size: 12px;\r\n      font-weight: 700;\r\n      letter-spacing: 1.4px;\r\n      cursor: pointer;\r\n      transition: background 0.2s ease, transform 0.2s ease;\r\n    }\r\n\r\n    .ifact-submit:hover {\r\n      background: #cf151c;\r\n      transform: translateY(-1px);\r\n    }\r\n\r\n    .ifact-submit:disabled {\r\n      opacity: 0.6;\r\n      cursor: not-allowed;\r\n      transform: none;\r\n    }\r\n\r\n    .ifact-privacy {\r\n      margin-top: 15px;\r\n      color: #727c8b;\r\n      font-size: 12px;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    \/* SUCCESS *\/\r\n\r\n    .ifact-success {\r\n      display: none;\r\n      margin-top: 20px;\r\n      padding: 18px;\r\n      border: 1px solid #d6dce2;\r\n      border-radius: 8px;\r\n      background: #fafbfc;\r\n    }\r\n\r\n    .ifact-success.active {\r\n      display: block;\r\n    }\r\n\r\n    .ifact-success-title {\r\n      margin: 0 0 6px;\r\n      color: var(--ifact-dark);\r\n      font-size: 18px;\r\n      font-weight: 700;\r\n    }\r\n\r\n    .ifact-success-text {\r\n      margin: 0;\r\n      color: #697384;\r\n      font-size: 14px;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    \/* =========================\r\n       RESPONSIVE\r\n    ========================= *\/\r\n\r\n    @media (max-width: 950px) {\r\n      .ifact-services {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      }\r\n\r\n      .ifact-form-layout {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .ifact-summary-card {\r\n        position: static;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 640px) {\r\n      .ifact-container {\r\n        width: min(100% - 28px, 1180px);\r\n      }\r\n\r\n      .ifact-step-one {\r\n        padding: 10px 0 50px;\r\n      }\r\n\r\n      .ifact-step-two {\r\n        padding: 50px 0 60px;\r\n      }\r\n\r\n      .ifact-services {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .ifact-service {\r\n        min-height: 62px;\r\n      }\r\n\r\n      .ifact-form-card,\r\n      .ifact-summary-card {\r\n        padding: 22px;\r\n        border-radius: 9px;\r\n      }\r\n\r\n      .ifact-form-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 18px;\r\n      }\r\n\r\n      .ifact-field.full {\r\n        grid-column: auto;\r\n      }\r\n\r\n      .ifact-step-one .ifact-heading {\r\n        font-size: 30px;\r\n      }\r\n\r\n      .ifact-step-two .ifact-heading {\r\n        font-size: 27px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n\r\n  <!-- ==========================================\r\n       STEP 01 \u2014 SERVICE SELECTION\r\n  =========================================== -->\r\n\r\n  <section class=\"ifact-step-one\">\r\n    <div class=\"ifact-container\">\r\n\r\n      <span class=\"ifact-step-label\">Step 01<\/span>\r\n\r\n      <h2 class=\"ifact-heading\">\r\n        HOW CAN WE HELP YOU?\r\n      <\/h2>\r\n\r\n      <p class=\"ifact-description\">\r\n        Select one or more services you\u2019re interested in.\r\n      <\/p>\r\n\r\n      <div class=\"ifact-services\" id=\"ifact-services\">\r\n\r\n        <div class=\"ifact-service\" data-service=\"Construction Engineering\">\r\n          <span class=\"ifact-service-name\">Construction Engineering<\/span>\r\n          <span class=\"ifact-checkbox\">\r\n            <span class=\"ifact-check\">\u2713<\/span>\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"ifact-service\" data-service=\"MEP Engineering\">\r\n          <span class=\"ifact-service-name\">MEP Engineering<\/span>\r\n          <span class=\"ifact-checkbox\">\r\n            <span class=\"ifact-check\">\u2713<\/span>\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"ifact-service\" data-service=\"Smart Infrastructure\">\r\n          <span class=\"ifact-service-name\">Smart Infrastructure<\/span>\r\n          <span class=\"ifact-checkbox\">\r\n            <span class=\"ifact-check\">\u2713<\/span>\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"ifact-service\" data-service=\"IT & ERP Solutions\">\r\n          <span class=\"ifact-service-name\">IT & ERP Solutions<\/span>\r\n          <span class=\"ifact-checkbox\">\r\n            <span class=\"ifact-check\">\u2713<\/span>\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"ifact-service\" data-service=\"AI & Robotics\">\r\n          <span class=\"ifact-service-name\">AI & Robotics<\/span>\r\n          <span class=\"ifact-checkbox\">\r\n            <span class=\"ifact-check\">\u2713<\/span>\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"ifact-service\" data-service=\"Resource Augmentation\">\r\n          <span class=\"ifact-service-name\">Resource Augmentation<\/span>\r\n          <span class=\"ifact-checkbox\">\r\n            <span class=\"ifact-check\">\u2713<\/span>\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"ifact-service\" data-service=\"Event Management & Production\">\r\n          <span class=\"ifact-service-name\">Event Management &amp; Production<\/span>\r\n          <span class=\"ifact-checkbox\">\r\n            <span class=\"ifact-check\">\u2713<\/span>\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"ifact-service\" data-service=\"Landscaping & Flower Solutions\">\r\n          <span class=\"ifact-service-name\">Landscaping &amp; Flower Solutions<\/span>\r\n          <span class=\"ifact-checkbox\">\r\n            <span class=\"ifact-check\">\u2713<\/span>\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"ifact-service\" data-service=\"Digital Marketing\">\r\n          <span class=\"ifact-service-name\">Digital Marketing<\/span>\r\n          <span class=\"ifact-checkbox\">\r\n            <span class=\"ifact-check\">\u2713<\/span>\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"ifact-service\" data-service=\"Cybersecurity\">\r\n          <span class=\"ifact-service-name\">Cybersecurity<\/span>\r\n          <span class=\"ifact-checkbox\">\r\n            <span class=\"ifact-check\">\u2713<\/span>\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"ifact-service\" data-service=\"Other\">\r\n          <span class=\"ifact-service-name\">Other<\/span>\r\n          <span class=\"ifact-checkbox\">\r\n            <span class=\"ifact-check\">\u2713<\/span>\r\n          <\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- OTHER SERVICE -->\r\n      <div class=\"ifact-other-wrapper\" id=\"ifact-other-wrapper\">\r\n\r\n        <label class=\"ifact-label\" for=\"ifact-other\">\r\n          Tell us what service or requirement you need\r\n          <span class=\"ifact-required\">*<\/span>\r\n        <\/label>\r\n\r\n        <input\r\n          id=\"ifact-other\"\r\n          type=\"text\"\r\n          placeholder=\"Please describe the service you are looking for...\"\r\n        \/>\r\n\r\n        <div class=\"ifact-error\" id=\"ifact-other-error\">\r\n          Please tell us what service or requirement you need.\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- ==========================================\r\n       STEP 02 \u2014 REQUIREMENT FORM\r\n  =========================================== -->\r\n\r\n  <section class=\"ifact-step-two\">\r\n    <div class=\"ifact-container\">\r\n\r\n      <div class=\"ifact-form-layout\">\r\n\r\n        <!-- FORM -->\r\n        <div class=\"ifact-form-card\">\r\n\r\n          <span class=\"ifact-step-label\">Step 02<\/span>\r\n\r\n          <h2 class=\"ifact-heading\">\r\n            TELL US ABOUT YOUR REQUIREMENT\r\n          <\/h2>\r\n\r\n          <form id=\"ifact-contact-form\" novalidate>\r\n\r\n            <div class=\"ifact-form-grid\">\r\n\r\n              <!-- FULL NAME -->\r\n              <div class=\"ifact-field\">\r\n\r\n                <label class=\"ifact-label\" for=\"ifact-name\">\r\n                  Full Name <span class=\"ifact-required\">*<\/span>\r\n                <\/label>\r\n\r\n                <input\r\n                  id=\"ifact-name\"\r\n                  name=\"name\"\r\n                  type=\"text\"\r\n                  placeholder=\"\"\r\n                \/>\r\n\r\n                <div class=\"ifact-error\" id=\"ifact-name-error\">\r\n                  Please enter your full name.\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <!-- COMPANY -->\r\n              <div class=\"ifact-field\">\r\n\r\n                <label class=\"ifact-label\" for=\"ifact-company\">\r\n                  Company Name\r\n                <\/label>\r\n\r\n                <input\r\n                  id=\"ifact-company\"\r\n                  name=\"company\"\r\n                  type=\"text\"\r\n                \/>\r\n\r\n              <\/div>\r\n\r\n\r\n              <!-- EMAIL -->\r\n              <div class=\"ifact-field\">\r\n\r\n                <label class=\"ifact-label\" for=\"ifact-email\">\r\n                  Business Email <span class=\"ifact-required\">*<\/span>\r\n                <\/label>\r\n\r\n                <input\r\n                  id=\"ifact-email\"\r\n                  name=\"email\"\r\n                  type=\"email\"\r\n                \/>\r\n\r\n                <div class=\"ifact-error\" id=\"ifact-email-error\">\r\n                  Please enter a valid business email address.\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <!-- PHONE -->\r\n              <div class=\"ifact-field\">\r\n\r\n                <label class=\"ifact-label\" for=\"ifact-phone\">\r\n                  Phone Number <span class=\"ifact-required\">*<\/span>\r\n                <\/label>\r\n\r\n                <input\r\n                  id=\"ifact-phone\"\r\n                  name=\"phone\"\r\n                  type=\"tel\"\r\n                  placeholder=\"+966\"\r\n                \/>\r\n\r\n                <div class=\"ifact-error\" id=\"ifact-phone-error\">\r\n                  Please enter a valid phone number.\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <!-- CITY -->\r\n              <div class=\"ifact-field full\">\r\n\r\n                <label class=\"ifact-label\" for=\"ifact-city\">\r\n                  City \/ Location\r\n                <\/label>\r\n\r\n                <input\r\n                  id=\"ifact-city\"\r\n                  name=\"city\"\r\n                  type=\"text\"\r\n                \/>\r\n\r\n              <\/div>\r\n\r\n\r\n              <!-- REQUIREMENT -->\r\n              <div class=\"ifact-field full\">\r\n\r\n                <label class=\"ifact-label\" for=\"ifact-details\">\r\n                  Project \/ Requirement Details\r\n                  <span class=\"ifact-required\">*<\/span>\r\n                <\/label>\r\n\r\n                <textarea\r\n                  id=\"ifact-details\"\r\n                  name=\"details\"\r\n                  placeholder=\"Tell us briefly about your project, requirement, timeline or expected scope...\"\r\n                ><\/textarea>\r\n\r\n                <div class=\"ifact-error\" id=\"ifact-details-error\">\r\n                  Please describe your project or requirement.\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/form>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- SUMMARY -->\r\n        <aside class=\"ifact-summary-card\">\r\n\r\n          <div class=\"ifact-summary-label\">\r\n            Selected Services\r\n          <\/div>\r\n\r\n          <ul\r\n            class=\"ifact-selected-list\"\r\n            id=\"ifact-selected-list\"\r\n          ><\/ul>\r\n\r\n          <div\r\n            class=\"ifact-no-selection\"\r\n            id=\"ifact-no-selection\"\r\n          >\r\n            Please select at least one service.\r\n          <\/div>\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"ifact-submit\"\r\n            id=\"ifact-submit\"\r\n          >\r\n            SEND ENQUIRY\r\n          <\/button>\r\n\r\n          <p class=\"ifact-privacy\">\r\n            Your information will be reviewed by our team and used only to respond to your enquiry.\r\n          <\/p>\r\n\r\n          <div\r\n            class=\"ifact-success\"\r\n            id=\"ifact-success\"\r\n          >\r\n            <h3 class=\"ifact-success-title\">\r\n              Thank you for contacting iFact\r\n            <\/h3>\r\n\r\n            <p class=\"ifact-success-text\">\r\n              Your enquiry has been received. Our team will review your requirements and get back to you shortly.\r\n            <\/p>\r\n          <\/div>\r\n\r\n        <\/aside>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n  const root = document.getElementById(\"ifact-enquiry\");\r\n\r\n  if (!root) return;\r\n\r\n  const serviceCards = root.querySelectorAll(\".ifact-service\");\r\n  const selectedList = root.querySelector(\"#ifact-selected-list\");\r\n  const noSelection = root.querySelector(\"#ifact-no-selection\");\r\n\r\n  const otherWrapper = root.querySelector(\"#ifact-other-wrapper\");\r\n  const otherInput = root.querySelector(\"#ifact-other\");\r\n  const otherError = root.querySelector(\"#ifact-other-error\");\r\n\r\n  const submitButton = root.querySelector(\"#ifact-submit\");\r\n  const successMessage = root.querySelector(\"#ifact-success\");\r\n\r\n  let selectedServices = [];\r\n\r\n\r\n  \/* =========================\r\n     SERVICE SELECTION\r\n  ========================= *\/\r\n\r\n  serviceCards.forEach(function (card) {\r\n\r\n    card.addEventListener(\"click\", function () {\r\n\r\n      const service = card.dataset.service;\r\n\r\n      if (!service) return;\r\n\r\n      if (selectedServices.includes(service)) {\r\n\r\n        selectedServices = selectedServices.filter(function (item) {\r\n          return item !== service;\r\n        });\r\n\r\n        card.classList.remove(\"selected\");\r\n\r\n      } else {\r\n\r\n        selectedServices.push(service);\r\n\r\n        card.classList.add(\"selected\");\r\n\r\n      }\r\n\r\n      if (selectedServices.includes(\"Other\")) {\r\n\r\n        otherWrapper.classList.add(\"active\");\r\n\r\n      } else {\r\n\r\n        otherWrapper.classList.remove(\"active\");\r\n        otherInput.value = \"\";\r\n        otherInput.classList.remove(\"error\");\r\n        otherError.classList.remove(\"visible\");\r\n\r\n      }\r\n\r\n      updateSummary();\r\n\r\n    });\r\n\r\n  });\r\n\r\n\r\n  \/* =========================\r\n     UPDATE SERVICE SUMMARY\r\n  ========================= *\/\r\n\r\n  function updateSummary() {\r\n\r\n    selectedList.innerHTML = \"\";\r\n\r\n    if (selectedServices.length === 0) {\r\n\r\n      noSelection.style.display = \"block\";\r\n      return;\r\n\r\n    }\r\n\r\n    noSelection.style.display = \"none\";\r\n\r\n    selectedServices.forEach(function (service) {\r\n\r\n      const li = document.createElement(\"li\");\r\n\r\n      li.textContent = service;\r\n\r\n      selectedList.appendChild(li);\r\n\r\n    });\r\n\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     ERROR HELPERS\r\n  ========================= *\/\r\n\r\n  function showError(input, errorElement) {\r\n\r\n    input.classList.add(\"error\");\r\n\r\n    errorElement.classList.add(\"visible\");\r\n\r\n  }\r\n\r\n\r\n  function clearError(input, errorElement) {\r\n\r\n    input.classList.remove(\"error\");\r\n\r\n    errorElement.classList.remove(\"visible\");\r\n\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     VALIDATE NEW FORM\r\n  ========================= *\/\r\n\r\n  function validateForm() {\r\n\r\n    let valid = true;\r\n\r\n    const name = root.querySelector(\"#ifact-name\");\r\n    const email = root.querySelector(\"#ifact-email\");\r\n    const phone = root.querySelector(\"#ifact-phone\");\r\n    const city = root.querySelector(\"#ifact-city\");\r\n    const details = root.querySelector(\"#ifact-details\");\r\n\r\n    const nameError = root.querySelector(\"#ifact-name-error\");\r\n    const emailError = root.querySelector(\"#ifact-email-error\");\r\n    const phoneError = root.querySelector(\"#ifact-phone-error\");\r\n    const detailsError = root.querySelector(\"#ifact-details-error\");\r\n\r\n\r\n    \/* SERVICES *\/\r\n\r\n    if (selectedServices.length === 0) {\r\n\r\n      noSelection.style.display = \"block\";\r\n\r\n      valid = false;\r\n\r\n    } else {\r\n\r\n      noSelection.style.display = \"none\";\r\n\r\n    }\r\n\r\n\r\n    \/* NAME *\/\r\n\r\n    if (name.value.trim().length < 2) {\r\n\r\n      showError(name, nameError);\r\n\r\n      valid = false;\r\n\r\n    } else {\r\n\r\n      clearError(name, nameError);\r\n\r\n    }\r\n\r\n\r\n    \/* EMAIL *\/\r\n\r\n    const emailPattern =\r\n      \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n\r\n    if (!emailPattern.test(email.value.trim())) {\r\n\r\n      showError(email, emailError);\r\n\r\n      valid = false;\r\n\r\n    } else {\r\n\r\n      clearError(email, emailError);\r\n\r\n    }\r\n\r\n\r\n    \/* PHONE *\/\r\n\r\n    const phoneDigits =\r\n      phone.value.replace(\/\\D\/g, \"\");\r\n\r\n    if (phoneDigits.length < 8) {\r\n\r\n      showError(phone, phoneError);\r\n\r\n      valid = false;\r\n\r\n    } else {\r\n\r\n      clearError(phone, phoneError);\r\n\r\n    }\r\n\r\n\r\n    \/* DETAILS *\/\r\n\r\n    if (details.value.trim().length < 10) {\r\n\r\n      showError(details, detailsError);\r\n\r\n      valid = false;\r\n\r\n    } else {\r\n\r\n      clearError(details, detailsError);\r\n\r\n    }\r\n\r\n\r\n    \/* OTHER *\/\r\n\r\n    if (selectedServices.includes(\"Other\")) {\r\n\r\n      if (otherInput.value.trim().length < 3) {\r\n\r\n        showError(otherInput, otherError);\r\n\r\n        valid = false;\r\n\r\n      } else {\r\n\r\n        clearError(otherInput, otherError);\r\n\r\n      }\r\n\r\n    }\r\n\r\n\r\n    return valid;\r\n\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     SEND THROUGH CONTACT FORM 7\r\n  ========================= *\/\r\n\r\n  submitButton.addEventListener(\"click\", function () {\r\n\r\n    if (!validateForm()) {\r\n\r\n      const firstError =\r\n        root.querySelector(\".error\");\r\n\r\n      if (firstError) {\r\n\r\n        firstError.scrollIntoView({\r\n          behavior: \"smooth\",\r\n          block: \"center\"\r\n        });\r\n\r\n        firstError.focus();\r\n\r\n      }\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    \/*\r\n     * Find the existing Contact Form 7 form.\r\n     *\r\n     * We identify it using the hidden\r\n     * selected-services field we added.\r\n     *\/\r\n\r\n    const cf7Form =\r\n      document.querySelector(\r\n        'form.wpcf7-form input[name=\"selected-services\"]'\r\n      )?.closest(\"form\");\r\n\r\n\r\n    if (!cf7Form) {\r\n\r\n      alert(\r\n        \"The Contact Form 7 form could not be found. Please check that the existing Contact Us form is on this page.\"\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 cf7Services =\r\n      cf7Form.querySelector(\r\n        'input[name=\"selected-services\"]'\r\n      );\r\n\r\n    const cf7Other =\r\n      cf7Form.querySelector(\r\n        'input[name=\"other-service\"]'\r\n      );\r\n\r\n    const cf7City =\r\n      cf7Form.querySelector(\r\n        'input[name=\"city\"]'\r\n      );\r\n\r\n    const cf7Name =\r\n      cf7Form.querySelector(\r\n        '[name=\"text-338\"]'\r\n      );\r\n\r\n    const cf7Email =\r\n      cf7Form.querySelector(\r\n        '[name=\"email-611\"]'\r\n      );\r\n\r\n    const cf7Phone =\r\n      cf7Form.querySelector(\r\n        '[name=\"tel-863\"]'\r\n      );\r\n\r\n    const cf7Subject =\r\n      cf7Form.querySelector(\r\n        '[name=\"text-559\"]'\r\n      );\r\n\r\n    const cf7Message =\r\n      cf7Form.querySelector(\r\n        '[name=\"textarea-198\"]'\r\n      );\r\n\r\n\r\n    \/* =========================\r\n       COPY NEW FORM DATA\r\n       INTO CONTACT FORM 7\r\n    ========================= *\/\r\n\r\n    if (cf7Services) {\r\n\r\n      cf7Services.value =\r\n        selectedServices.join(\", \");\r\n\r\n    }\r\n\r\n\r\n    if (cf7Other) {\r\n\r\n      cf7Other.value =\r\n        otherInput.value.trim();\r\n\r\n    }\r\n\r\n\r\n    if (cf7City) {\r\n\r\n      cf7City.value =\r\n        root.querySelector(\"#ifact-city\").value.trim();\r\n\r\n    }\r\n\r\n\r\n    if (cf7Name) {\r\n\r\n      cf7Name.value =\r\n        root.querySelector(\"#ifact-name\").value.trim();\r\n\r\n    }\r\n\r\n\r\n    if (cf7Email) {\r\n\r\n      cf7Email.value =\r\n        root.querySelector(\"#ifact-email\").value.trim();\r\n\r\n    }\r\n\r\n\r\n    if (cf7Phone) {\r\n\r\n      cf7Phone.value =\r\n        root.querySelector(\"#ifact-phone\").value.trim();\r\n\r\n    }\r\n\r\n\r\n    if (cf7Subject) {\r\n\r\n      cf7Subject.value =\r\n        \"Website Enquiry - \" +\r\n        selectedServices.join(\", \");\r\n\r\n    }\r\n\r\n\r\n    if (cf7Message) {\r\n\r\n      const city =\r\n        root.querySelector(\"#ifact-city\").value.trim();\r\n\r\n      const details =\r\n        root.querySelector(\"#ifact-details\").value.trim();\r\n\r\n      let message =\r\n        \"Selected Services: \" +\r\n        selectedServices.join(\", \");\r\n\r\n      if (city) {\r\n\r\n        message +=\r\n          \"\\nCity \/ Location: \" + city;\r\n\r\n      }\r\n\r\n      if (otherInput.value.trim()) {\r\n\r\n        message +=\r\n          \"\\nOther Service: \" +\r\n          otherInput.value.trim();\r\n\r\n      }\r\n\r\n      message +=\r\n        \"\\n\\nProject \/ Requirement Details:\\n\" +\r\n        details;\r\n\r\n      cf7Message.value = message;\r\n\r\n    }\r\n\r\n\r\n    \/* =========================\r\n       TRIGGER CONTACT FORM 7\r\n    ========================= *\/\r\n\r\n    const cf7Submit =\r\n      cf7Form.querySelector(\r\n        'input[type=\"submit\"], button[type=\"submit\"]'\r\n      );\r\n\r\n\r\n    if (!cf7Submit) {\r\n\r\n      alert(\r\n        \"The Contact Form 7 submit button could not be found.\"\r\n      );\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    submitButton.disabled = true;\r\n    submitButton.textContent = \"SENDING...\";\r\n\r\n\r\n    \/*\r\n     * Click the existing CF7 submit button.\r\n     * CF7 will then handle the email.\r\n     *\/\r\n\r\n    cf7Submit.click();\r\n\r\n\r\n    \/*\r\n     * Show success after a short delay.\r\n     *\/\r\n\r\n    setTimeout(function () {\r\n\r\n      submitButton.disabled = false;\r\n      submitButton.textContent = \"SEND ENQUIRY\";\r\n\r\n      successMessage.classList.add(\"active\");\r\n\r\n    }, 1200);\r\n\r\n  });\r\n\r\n\r\n  \/* =========================\r\n     REMOVE ERRORS WHILE TYPING\r\n  ========================= *\/\r\n\r\n  const formInputs =\r\n    root.querySelectorAll(\"input, textarea\");\r\n\r\n\r\n  formInputs.forEach(function (input) {\r\n\r\n    input.addEventListener(\"input\", function () {\r\n\r\n      input.classList.remove(\"error\");\r\n\r\n      const error =\r\n        input.parentElement.querySelector(\".ifact-error\");\r\n\r\n      if (error) {\r\n\r\n        error.classList.remove(\"visible\");\r\n\r\n      }\r\n\r\n    });\r\n\r\n  });\r\n\r\n\r\n  \/* INITIAL STATE *\/\r\n\r\n  updateSummary();\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-26b8b1a2 e-con-full e-flex e-con e-child\" data-id=\"26b8b1a2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2530f27c e-flex e-con-boxed e-con e-child\" data-id=\"2530f27c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1fb95e4a e-con-full e-flex e-con e-child\" data-id=\"1fb95e4a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-565f5f64 elementor-position-inline-end elementor-mobile-position-inline-end tp-line-text px-line-lr elementor-view-default elementor-widget elementor-widget-icon-box\" data-id=\"565f5f64\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<a href=\"#down\" class=\"elementor-icon\" tabindex=\"-1\" aria-label=\" Scroll to explore\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"15\" height=\"21\" viewBox=\"0 0 15 21\" fill=\"none\"><rect x=\"6.25781\" width=\"1.5\" height=\"21\" fill=\"#000\"><\/rect><path d=\"M14.1641 13.6257C10.28 13.6257 7.13714 16.9239 7.13714 21\" stroke=\"#000\" stroke-width=\"1.5\" stroke-miterlimit=\"10\"><\/path><path d=\"M7.13672 21C7.13672 16.9239 3.99384 13.6257 0.109797 13.6257\" stroke=\"#000\" stroke-width=\"1.5\" stroke-miterlimit=\"10\"><\/path><\/svg>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<a href=\"#down\" >\n\t\t\t\t\t\t\t Scroll to explore\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-378f8b34 e-con-full e-flex e-con e-child\" data-id=\"378f8b34\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-203c4b60 elementor-hidden-mobile_extra elementor-hidden-mobile elementor-widget elementor-widget-heading\" data-id=\"203c4b60\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">See in Map our Office<\/h2>\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<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-66ae72d e-flex e-con-boxed e-con e-parent\" data-id=\"66ae72d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2398277 e-grid e-con-full e-con e-child\" data-id=\"2398277\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-3e8d781 e-con-full e-flex e-con e-child\" data-id=\"3e8d781\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-379d79cb elementor-widget elementor-widget-heading\" data-id=\"379d79cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Get in touch with us<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a65e57 elementor-view-framed elementor-position-inline-start elementor-shape-circle elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"4a65e57\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<a href=\"tel:+966%20920008227\" class=\"elementor-icon\" tabindex=\"-1\" aria-label=\"Phone Number\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-phone\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z\"><\/path><\/svg>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<a href=\"tel:+966%20920008227\" >\n\t\t\t\t\t\t\tPhone Number\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\t+966 920008227\n\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7fc6b53 elementor-view-framed elementor-position-inline-start elementor-shape-circle elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"7fc6b53\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<a href=\"mailto:info@ifact.sa\" class=\"elementor-icon\" tabindex=\"-1\" aria-label=\"Email Address\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-envelope\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z\"><\/path><\/svg>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<a href=\"mailto:info@ifact.sa\" >\n\t\t\t\t\t\t\tEmail Address\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tinfo@ifact.sa\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c3b1bb6 elementor-view-framed elementor-position-inline-start elementor-shape-circle elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"c3b1bb6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-location-arrow\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M444.52 3.52L28.74 195.42c-47.97 22.39-31.98 92.75 19.19 92.75h175.91v175.91c0 51.17 70.36 67.17 92.75 19.19l191.9-415.78c15.99-38.39-25.59-79.97-63.97-63.97z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tAddress\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\t\n40+ Cities in Saudi Arabia with UAE, Jordan and Egypt\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-861cebb elementor-widget elementor-widget-image\" data-id=\"861cebb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"640\" height=\"613\" src=\"https:\/\/www.ifact.sa\/wp-content\/uploads\/2026\/08\/4650c888-97c8-4968-9507-f4363e2e74fd.png\" class=\"attachment-medium_large size-medium_large wp-image-20696\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6745ff4 e-con-full e-flex e-con e-child\" data-id=\"6745ff4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6924efe home_page_form elementor-widget elementor-widget-tp-creative-contact-form\" data-id=\"6924efe\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"ifact-old-form\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"tp-creative-contact-form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n        \r\n            <div class=\"bf-contact-form tp-el-section\">\r\n                \r\n                \r\n                <div class=\"tp-page-contact-form\">\r\n                                            \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f12705-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"12705\">\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\/12691#wpcf7-f12705-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=\"12705\" \/><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-f12705-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<input class=\"wpcf7-form-control wpcf7-hidden\" id=\"selected-services\" value=\"\" type=\"hidden\" name=\"selected-services\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" id=\"other-service\" value=\"\" type=\"hidden\" name=\"other-service\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" id=\"city\" value=\"\" type=\"hidden\" name=\"city\" \/>\n<div class=\"pixora-light\">\n   <div class=\"tp-contact-us-wrap tp-el-section\">\n      <div>\n         <div class=\"row\">\n            <div class=\"col-lg-6\">\n               <div class=\"tp-contact-form-input mb-20\">\n                  <label>Full name*<\/label>\n                  <span class=\"wpcf7-form-control-wrap\" data-name=\"text-338\"><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=\"text-338\" \/><\/span>\n               <\/div>\n            <\/div>\n            <div class=\"col-lg-6\">\n               <div class=\"tp-contact-form-input mb-20\">\n                  <label>Email address*<\/label>\n                  <span class=\"wpcf7-form-control-wrap\" data-name=\"email-611\"><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=\"email-611\" \/><\/span>\n               <\/div>\n            <\/div>\n            <div class=\"col-lg-6\">\n               <div class=\"tp-contact-form-input mb-20\">\n                  <label>Phone Number*<\/label>\n                  <span class=\"wpcf7-form-control-wrap\" data-name=\"tel-863\"><input size=\"40\" maxlength=\"12\" minlength=\"9\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" autocomplete=\"tel\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"tel\" name=\"tel-863\" \/><\/span>\n               <\/div>\n            <\/div>\n            <div class=\"col-lg-6\">\n               <div class=\"tp-contact-form-input mb-20\">\n                  <label>Subject*<\/label>\n                  <span class=\"wpcf7-form-control-wrap\" data-name=\"text-559\"><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=\"text-559\" \/><\/span>\n               <\/div>\n            <\/div>\n            <div class=\"col-lg-12\">\n               <div class=\"tp-contact-form-input mb-20\">\n                  <label>How Can We Help You*\n                  <\/label>\n                  <span class=\"wpcf7-form-control-wrap\" data-name=\"textarea-198\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" name=\"textarea-198\"><\/textarea><\/span>\n               <\/div>\n               <div class=\"tp-contact-form-btn\">\n                  <button class=\"w-100\" type=\"submit\"><span>\n                     <span class=\"text-1\">Send Message<\/span>\n                     <span class=\"text-2\">Send Message<\/span>\n                  <\/span>\n                  <\/button>\n               <\/div>\n            <\/div>\n         <\/div>\n      <\/div>\n   <\/div>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n                                    <\/div>\r\n            <\/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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-25c6eb8 e-flex e-con-boxed e-con e-parent\" data-id=\"25c6eb8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9037b02 elementor-widget elementor-widget-html\" data-id=\"9037b02\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"ifact-coverage\">\r\n\r\n  <div class=\"ifact-coverage-heading\">\r\n    <div class=\"ifact-eyebrow\">NATIONWIDE COVERAGE<\/div>\r\n\r\n    <h2>WE ARE ACROSS SAUDI ARABIA<\/h2>\r\n\r\n    <p>\r\n      Delivering our services to 40+ cities across the Kingdom.\r\n    <\/p>\r\n  <\/div>\r\n\r\n\r\n  <div class=\"ifact-coverage-layout\">\r\n\r\n    <!-- LEFT INFORMATION CARD -->\r\n    <div class=\"ifact-coverage-info\">\r\n\r\n      <div class=\"ifact-number\">40+<\/div>\r\n\r\n      <div class=\"ifact-number-label\">\r\n        CITIES NATIONWIDE\r\n      <\/div>\r\n\r\n      <div class=\"ifact-number-description\">\r\n        Across the Kingdom of Saudi Arabia\r\n      <\/div>\r\n\r\n\r\n      <div class=\"ifact-info-line\"><\/div>\r\n\r\n\r\n      <div class=\"ifact-info-item\">\r\n\r\n        <div class=\"ifact-info-icon\">\u2713<\/div>\r\n\r\n        <div>\r\n          <strong>Nationwide Presence<\/strong>\r\n\r\n          <span>\r\n            Reliable service coverage across Saudi Arabia.\r\n          <\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"ifact-info-line\"><\/div>\r\n\r\n\r\n      <div class=\"ifact-info-item\">\r\n\r\n        <div class=\"ifact-info-icon\">\u2316<\/div>\r\n\r\n        <div>\r\n          <strong>Local Support<\/strong>\r\n\r\n          <span>\r\n            Supporting projects across major cities.\r\n          <\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- MAP -->\r\n    <div class=\"ifact-map-wrapper\">\r\n\r\n      <div class=\"ifact-map-badge\">\r\n        <span><\/span>\r\n        AVAILABLE ACROSS KSA\r\n      <\/div>\r\n\r\n\r\n      <div id=\"ifact-saudi-map\"><\/div>\r\n\r\n\r\n      <div class=\"ifact-map-hint\">\r\n        Hover over a marker to view the city\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- LEAFLET -->\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\"\r\n\/>\r\n\r\n<script\r\n  src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\">\r\n<\/script>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   iFACT NATIONWIDE COVERAGE\r\n========================================================= *\/\r\n\r\n#ifact-coverage {\r\n\r\n  width: 100%;\r\n\r\n  padding: 90px 5vw 100px;\r\n\r\n  box-sizing: border-box;\r\n\r\n  background: #ffffff;\r\n\r\n  color: #111820;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  overflow: hidden;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.ifact-coverage-heading {\r\n\r\n  max-width: 1100px;\r\n\r\n  margin: 0 auto 55px;\r\n\r\n  text-align: center;\r\n}\r\n\r\n\r\n.ifact-eyebrow {\r\n\r\n  color: #ed1c24;\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 4px;\r\n\r\n  margin-bottom: 17px;\r\n}\r\n\r\n\r\n.ifact-coverage-heading h2 {\r\n\r\n  margin: 0;\r\n\r\n  color: #111820;\r\n\r\n  font-size: clamp(\r\n    42px,\r\n    5vw,\r\n    62px\r\n  );\r\n\r\n  line-height: 1;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: -2.5px;\r\n}\r\n\r\n\r\n.ifact-coverage-heading p {\r\n\r\n  margin: 20px 0 0;\r\n\r\n  color: #747d87;\r\n\r\n  font-size: 16px;\r\n\r\n  line-height: 1.5;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN LAYOUT\r\n========================================================= *\/\r\n\r\n.ifact-coverage-layout {\r\n\r\n  max-width: 1350px;\r\n\r\n  margin: 0 auto;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    280px\r\n    minmax(0, 1fr);\r\n\r\n  gap: 45px;\r\n\r\n  align-items: center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT CARD\r\n========================================================= *\/\r\n\r\n.ifact-coverage-info {\r\n\r\n  background: #ffffff;\r\n\r\n  border: 1px solid #e5e7ea;\r\n\r\n  border-radius: 18px;\r\n\r\n  padding: 30px 25px;\r\n\r\n  box-sizing: border-box;\r\n\r\n  box-shadow:\r\n    0 12px 35px\r\n    rgba(\r\n      17,\r\n      24,\r\n      32,\r\n      0.045\r\n    );\r\n}\r\n\r\n\r\n.ifact-number {\r\n\r\n  color: #ed1c24;\r\n\r\n  font-size: 54px;\r\n\r\n  font-weight: 800;\r\n\r\n  line-height: 1;\r\n}\r\n\r\n\r\n.ifact-number-label {\r\n\r\n  margin-top: 7px;\r\n\r\n  color: #111820;\r\n\r\n  font-size: 14px;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: 1px;\r\n}\r\n\r\n\r\n.ifact-number-description {\r\n\r\n  margin-top: 8px;\r\n\r\n  color: #7b838d;\r\n\r\n  font-size: 12px;\r\n\r\n  line-height: 1.5;\r\n}\r\n\r\n\r\n.ifact-info-line {\r\n\r\n  height: 1px;\r\n\r\n  background: #eceeef;\r\n\r\n  margin: 25px 0;\r\n}\r\n\r\n\r\n.ifact-info-item {\r\n\r\n  display: flex;\r\n\r\n  gap: 13px;\r\n\r\n  align-items: flex-start;\r\n}\r\n\r\n\r\n.ifact-info-icon {\r\n\r\n  width: 30px;\r\n\r\n  height: 30px;\r\n\r\n  min-width: 30px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  border: 1px solid #f3b9bc;\r\n\r\n  border-radius: 50%;\r\n\r\n  color: #ed1c24;\r\n\r\n  font-size: 13px;\r\n\r\n  font-weight: 700;\r\n}\r\n\r\n\r\n.ifact-info-item strong {\r\n\r\n  display: block;\r\n\r\n  color: #111820;\r\n\r\n  font-size: 13px;\r\n\r\n  font-weight: 700;\r\n\r\n  margin-bottom: 5px;\r\n}\r\n\r\n\r\n.ifact-info-item span {\r\n\r\n  display: block;\r\n\r\n  color: #7b838d;\r\n\r\n  font-size: 11px;\r\n\r\n  line-height: 1.5;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAP WRAPPER\r\n========================================================= *\/\r\n\r\n.ifact-map-wrapper {\r\n\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  min-height: 590px;\r\n\r\n  background: #ffffff;\r\n\r\n  border-radius: 18px;\r\n\r\n  overflow: visible;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAP\r\n========================================================= *\/\r\n\r\n#ifact-saudi-map {\r\n\r\n  width: 100%;\r\n\r\n  height: 590px;\r\n\r\n  background: transparent;\r\n\r\n  border-radius: 18px;\r\n\r\n  z-index: 1;\r\n}\r\n\r\n\r\n\/* Remove Leaflet tile \/ default appearance *\/\r\n\r\n#ifact-saudi-map .leaflet-container {\r\n\r\n  background: #ffffff;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REMOVE LEAFLET ATTRIBUTION VISUAL WEIGHT\r\n========================================================= *\/\r\n\r\n#ifact-saudi-map\r\n.leaflet-control-attribution {\r\n\r\n  background: transparent;\r\n\r\n  box-shadow: none;\r\n\r\n  font-size: 8px;\r\n\r\n  color: #a0a5aa;\r\n\r\n  opacity: .5;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAP BADGE\r\n========================================================= *\/\r\n\r\n.ifact-map-badge {\r\n\r\n  position: absolute;\r\n\r\n  top: 15px;\r\n\r\n  right: 20px;\r\n\r\n  z-index: 500;\r\n\r\n  padding: 10px 14px;\r\n\r\n  background: #ffffff;\r\n\r\n  border: 1px solid #f1b8bb;\r\n\r\n  border-radius: 8px;\r\n\r\n  color: #ed1c24;\r\n\r\n  font-size: 9px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 1.5px;\r\n\r\n  white-space: nowrap;\r\n}\r\n\r\n\r\n.ifact-map-badge span {\r\n\r\n  display: inline-block;\r\n\r\n  width: 6px;\r\n\r\n  height: 6px;\r\n\r\n  margin-right: 7px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: #ed1c24;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CITY MARKERS\r\n========================================================= *\/\r\n\r\n.ifact-city-marker {\r\n\r\n  width: 12px;\r\n\r\n  height: 12px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: #ed1c24;\r\n\r\n  border:\r\n    2px solid\r\n    #ffffff;\r\n\r\n  box-shadow:\r\n    0 0 0 4px\r\n    rgba(\r\n      237,\r\n      28,\r\n      36,\r\n      0.10\r\n    );\r\n\r\n  cursor: pointer;\r\n\r\n  transition:\r\n    transform .2s ease,\r\n    box-shadow .2s ease;\r\n}\r\n\r\n\r\n.ifact-city-marker:hover {\r\n\r\n  transform: scale(1.45);\r\n\r\n  box-shadow:\r\n    0 0 0 7px\r\n    rgba(\r\n      237,\r\n      28,\r\n      36,\r\n      0.14\r\n    );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOOLTIP\r\n========================================================= *\/\r\n\r\n.ifact-city-tooltip {\r\n\r\n  background: #ffffff;\r\n\r\n  border:\r\n    1px solid\r\n    #e4e7ea;\r\n\r\n  border-radius: 10px;\r\n\r\n  padding: 11px 14px;\r\n\r\n  box-shadow:\r\n    0 12px 30px\r\n    rgba(\r\n      17,\r\n      24,\r\n      32,\r\n      0.12\r\n    );\r\n}\r\n\r\n\r\n.ifact-city-tooltip strong {\r\n\r\n  color: #111820;\r\n\r\n  font-size: 14px;\r\n\r\n  font-weight: 800;\r\n}\r\n\r\n\r\n.ifact-city-tooltip span {\r\n\r\n  display: block;\r\n\r\n  margin-top: 3px;\r\n\r\n  color: #7b838d;\r\n\r\n  font-size: 10px;\r\n}\r\n\r\n\r\n\/* Remove tooltip arrow *\/\r\n\r\n.ifact-city-tooltip:before {\r\n\r\n  display: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HOVER HINT\r\n========================================================= *\/\r\n\r\n.ifact-map-hint {\r\n\r\n  position: absolute;\r\n\r\n  z-index: 500;\r\n\r\n  bottom: 12px;\r\n\r\n  left: 50%;\r\n\r\n  transform:\r\n    translateX(-50%);\r\n\r\n  padding: 9px 15px;\r\n\r\n  background: #ffffff;\r\n\r\n  border:\r\n    1px solid\r\n    #eceeef;\r\n\r\n  border-radius: 25px;\r\n\r\n  color: #7b838d;\r\n\r\n  font-size: 11px;\r\n\r\n  white-space: nowrap;\r\n\r\n  box-shadow:\r\n    0 8px 22px\r\n    rgba(\r\n      17,\r\n      24,\r\n      32,\r\n      0.05\r\n    );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (\r\n  max-width: 1000px\r\n) {\r\n\r\n  #ifact-coverage {\r\n\r\n    padding:\r\n      70px\r\n      25px\r\n      80px;\r\n  }\r\n\r\n\r\n  .ifact-coverage-layout {\r\n\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 35px;\r\n  }\r\n\r\n\r\n  .ifact-coverage-info {\r\n\r\n    max-width: 420px;\r\n\r\n    width: 100%;\r\n\r\n    margin: 0 auto;\r\n  }\r\n\r\n\r\n  .ifact-map-wrapper {\r\n\r\n    min-height: 520px;\r\n  }\r\n\r\n\r\n  #ifact-saudi-map {\r\n\r\n    height: 520px;\r\n  }\r\n\r\n}\r\n\r\n\r\n@media (\r\n  max-width: 600px\r\n) {\r\n\r\n  #ifact-coverage {\r\n\r\n    padding:\r\n      55px\r\n      15px\r\n      65px;\r\n  }\r\n\r\n\r\n  .ifact-coverage-heading {\r\n\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n\r\n  .ifact-eyebrow {\r\n\r\n    font-size: 9px;\r\n\r\n    letter-spacing: 2.5px;\r\n  }\r\n\r\n\r\n  .ifact-coverage-heading h2 {\r\n\r\n    font-size: 37px;\r\n\r\n    letter-spacing: -1.5px;\r\n  }\r\n\r\n\r\n  .ifact-coverage-heading p {\r\n\r\n    font-size: 14px;\r\n  }\r\n\r\n\r\n  .ifact-coverage-info {\r\n\r\n    padding: 25px 22px;\r\n  }\r\n\r\n\r\n  .ifact-number {\r\n\r\n    font-size: 48px;\r\n  }\r\n\r\n\r\n  .ifact-map-wrapper {\r\n\r\n    min-height: 420px;\r\n  }\r\n\r\n\r\n  #ifact-saudi-map {\r\n\r\n    height: 420px;\r\n  }\r\n\r\n\r\n  .ifact-map-badge {\r\n\r\n    top: 8px;\r\n\r\n    right: 8px;\r\n\r\n    font-size: 8px;\r\n\r\n    padding: 8px 10px;\r\n  }\r\n\r\n\r\n  .ifact-map-hint {\r\n\r\n    font-size: 9px;\r\n\r\n    bottom: 8px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n  \/*\r\n   * Wait until Leaflet is available.\r\n   *\/\r\n\r\n  function initIFactMap() {\r\n\r\n    if (\r\n      typeof L === \"undefined\"\r\n    ) {\r\n\r\n      setTimeout(\r\n        initIFactMap,\r\n        300\r\n      );\r\n\r\n      return;\r\n    }\r\n\r\n\r\n    const mapElement =\r\n      document.getElementById(\r\n        \"ifact-saudi-map\"\r\n      );\r\n\r\n\r\n    if (!mapElement) {\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    \/*\r\n     * Prevent duplicate initialization\r\n     * if Elementor reloads the widget.\r\n     *\/\r\n\r\n    if (\r\n      mapElement.dataset.loaded\r\n    ) {\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    mapElement.dataset.loaded = \"true\";\r\n\r\n\r\n    \/*\r\n     * Create map.\r\n     *\r\n     * No Google Maps.\r\n     * No paid map service.\r\n     * No street-map background.\r\n     *\/\r\n\r\n    const map = L.map(\r\n      mapElement,\r\n      {\r\n        zoomControl: false,\r\n\r\n        attributionControl: true,\r\n\r\n        dragging: true,\r\n\r\n        scrollWheelZoom: false,\r\n\r\n        doubleClickZoom: false,\r\n\r\n        touchZoom: true,\r\n\r\n        zoomSnap: 0.1,\r\n\r\n        zoomDelta: 0.5\r\n      }\r\n    );\r\n\r\n\r\n    \/*\r\n     * Saudi Arabia boundary.\r\n     *\r\n     * This uses the Saudi Arabia\r\n     * GeoJSON dataset.\r\n     *\/\r\n\r\n    const saudiGeoJSON =\r\n      \"https:\/\/raw.githubusercontent.com\/Alnasser0\/Saudi_Arabia-GeoJSON\/master\/SAU-geo.json\";\r\n\r\n\r\n    \/*\r\n     * City coordinates.\r\n     *\r\n     * [latitude, longitude]\r\n     *\/\r\n\r\n    const cities = [\r\n\r\n      {\r\n        name: \"Riyadh\",\r\n        region: \"Riyadh Region\",\r\n        lat: 24.7136,\r\n        lng: 46.6753\r\n      },\r\n\r\n      {\r\n        name: \"Jeddah\",\r\n        region: \"Makkah Region\",\r\n        lat: 21.4858,\r\n        lng: 39.1925\r\n      },\r\n\r\n      {\r\n        name: \"Makkah\",\r\n        region: \"Makkah Region\",\r\n        lat: 21.3891,\r\n        lng: 39.8579\r\n      },\r\n\r\n      {\r\n        name: \"Madinah\",\r\n        region: \"Madinah Region\",\r\n        lat: 24.5247,\r\n        lng: 39.5692\r\n      },\r\n\r\n      {\r\n        name: \"Dammam\",\r\n        region: \"Eastern Province\",\r\n        lat: 26.4207,\r\n        lng: 50.0888\r\n      },\r\n\r\n      {\r\n        name: \"Al Khobar\",\r\n        region: \"Eastern Province\",\r\n        lat: 26.2172,\r\n        lng: 50.1971\r\n      },\r\n\r\n      {\r\n        name: \"Dhahran\",\r\n        region: \"Eastern Province\",\r\n        lat: 26.2361,\r\n        lng: 50.0393\r\n      },\r\n\r\n      {\r\n        name: \"Jubail\",\r\n        region: \"Eastern Province\",\r\n        lat: 27.0046,\r\n        lng: 49.6460\r\n      },\r\n\r\n      {\r\n        name: \"Al Ahsa\",\r\n        region: \"Eastern Province\",\r\n        lat: 25.3830,\r\n        lng: 49.5880\r\n      },\r\n\r\n      {\r\n        name: \"Al Hofuf\",\r\n        region: \"Eastern Province\",\r\n        lat: 25.3647,\r\n        lng: 49.5876\r\n      },\r\n\r\n      {\r\n        name: \"Qatif\",\r\n        region: \"Eastern Province\",\r\n        lat: 26.5650,\r\n        lng: 50.0089\r\n      },\r\n\r\n      {\r\n        name: \"Yanbu\",\r\n        region: \"Madinah Region\",\r\n        lat: 24.0895,\r\n        lng: 38.0618\r\n      },\r\n\r\n      {\r\n        name: \"Tabuk\",\r\n        region: \"Tabuk Region\",\r\n        lat: 28.3838,\r\n        lng: 36.5550\r\n      },\r\n\r\n      {\r\n        name: \"NEOM\",\r\n        region: \"Tabuk Region\",\r\n        lat: 27.9760,\r\n        lng: 35.4618\r\n      },\r\n\r\n      {\r\n        name: \"AlUla\",\r\n        region: \"Madinah Region\",\r\n        lat: 26.6080,\r\n        lng: 37.9232\r\n      },\r\n\r\n      {\r\n        name: \"Hail\",\r\n        region: \"Hail Region\",\r\n        lat: 27.5114,\r\n        lng: 41.7208\r\n      },\r\n\r\n      {\r\n        name: \"Buraydah\",\r\n        region: \"Qassim Region\",\r\n        lat: 26.3592,\r\n        lng: 43.9818\r\n      },\r\n\r\n      {\r\n        name: \"Unaizah\",\r\n        region: \"Qassim Region\",\r\n        lat: 26.0860,\r\n        lng: 43.9936\r\n      },\r\n\r\n      {\r\n        name: \"Arar\",\r\n        region: \"Northern Borders\",\r\n        lat: 30.9753,\r\n        lng: 41.0381\r\n      },\r\n\r\n      {\r\n        name: \"Sakakah\",\r\n        region: \"Al Jawf Region\",\r\n        lat: 29.9697,\r\n        lng: 40.2064\r\n      },\r\n\r\n      {\r\n        name: \"Jazan\",\r\n        region: \"Jazan Region\",\r\n        lat: 16.8892,\r\n        lng: 42.5706\r\n      },\r\n\r\n      {\r\n        name: \"Abha\",\r\n        region: \"Asir Region\",\r\n        lat: 18.2164,\r\n        lng: 42.5053\r\n      },\r\n\r\n      {\r\n        name: \"Khamis Mushait\",\r\n        region: \"Asir Region\",\r\n        lat: 18.3060,\r\n        lng: 42.7290\r\n      },\r\n\r\n      {\r\n        name: \"Najran\",\r\n        region: \"Najran Region\",\r\n        lat: 17.5650,\r\n        lng: 44.2289\r\n      },\r\n\r\n      {\r\n        name: \"Al Bahah\",\r\n        region: \"Al Bahah Region\",\r\n        lat: 20.0129,\r\n        lng: 41.4677\r\n      },\r\n\r\n      {\r\n        name: \"Taif\",\r\n        region: \"Makkah Region\",\r\n        lat: 21.2703,\r\n        lng: 40.4158\r\n      },\r\n\r\n      {\r\n        name: \"Al Kharj\",\r\n        region: \"Riyadh Region\",\r\n        lat: 24.1554,\r\n        lng: 47.3346\r\n      },\r\n\r\n      {\r\n        name: \"Diriyah\",\r\n        region: \"Riyadh Region\",\r\n        lat: 24.7333,\r\n        lng: 46.5750\r\n      },\r\n\r\n      {\r\n        name: \"Al Majma'ah\",\r\n        region: \"Riyadh Region\",\r\n        lat: 25.9100,\r\n        lng: 45.3560\r\n      },\r\n\r\n      {\r\n        name: \"Wadi Al Dawasir\",\r\n        region: \"Riyadh Region\",\r\n        lat: 20.4600,\r\n        lng: 44.7900\r\n      },\r\n\r\n      {\r\n        name: \"Bishah\",\r\n        region: \"Asir Region\",\r\n        lat: 20.0000,\r\n        lng: 42.6000\r\n      },\r\n\r\n      {\r\n        name: \"Rabigh\",\r\n        region: \"Makkah Region\",\r\n        lat: 22.7986,\r\n        lng: 39.0349\r\n      },\r\n\r\n      {\r\n        name: \"Umluj\",\r\n        region: \"Tabuk Region\",\r\n        lat: 25.0213,\r\n        lng: 37.2685\r\n      },\r\n\r\n      {\r\n        name: \"Al Wajh\",\r\n        region: \"Tabuk Region\",\r\n        lat: 26.2455,\r\n        lng: 36.4525\r\n      },\r\n\r\n      {\r\n        name: \"Al Qunfudhah\",\r\n        region: \"Makkah Region\",\r\n        lat: 19.1264,\r\n        lng: 41.0789\r\n      },\r\n\r\n      {\r\n        name: \"Al Lith\",\r\n        region: \"Makkah Region\",\r\n        lat: 20.1556,\r\n        lng: 40.2825\r\n      },\r\n\r\n      {\r\n        name: \"Dawmat Al Jandal\",\r\n        region: \"Al Jawf Region\",\r\n        lat: 29.8153,\r\n        lng: 39.8664\r\n      },\r\n\r\n      {\r\n        name: \"Turaif\",\r\n        region: \"Northern Borders\",\r\n        lat: 31.6725,\r\n        lng: 38.6637\r\n      },\r\n\r\n      {\r\n        name: \"Rafha\",\r\n        region: \"Northern Borders\",\r\n        lat: 29.6267,\r\n        lng: 43.4948\r\n      },\r\n\r\n      {\r\n        name: \"Al Bukayriyah\",\r\n        region: \"Qassim Region\",\r\n        lat: 26.1447,\r\n        lng: 43.6578\r\n      },\r\n\r\n      {\r\n        name: \"Al Zulfi\",\r\n        region: \"Riyadh Region\",\r\n        lat: 26.2980,\r\n        lng: 44.8150\r\n      },\r\n\r\n      {\r\n        name: \"Shaqra\",\r\n        region: \"Riyadh Region\",\r\n        lat: 25.2420,\r\n        lng: 45.2500\r\n      }\r\n\r\n    ];\r\n\r\n\r\n    \/*\r\n     * Load Saudi Arabia boundary.\r\n     *\/\r\n\r\n    fetch(saudiGeoJSON)\r\n\r\n      .then(function(response) {\r\n\r\n        if (!response.ok) {\r\n\r\n          throw new Error(\r\n            \"Saudi Arabia map failed to load.\"\r\n          );\r\n\r\n        }\r\n\r\n        return response.json();\r\n\r\n      })\r\n\r\n      .then(function(data) {\r\n\r\n\r\n        \/*\r\n         * Draw Saudi Arabia.\r\n         *\/\r\n\r\n        const countryLayer =\r\n          L.geoJSON(\r\n            data,\r\n            {\r\n\r\n              style: {\r\n\r\n                fillColor:\r\n                  \"#f5f6f7\",\r\n\r\n                fillOpacity:\r\n                  1,\r\n\r\n                color:\r\n                  \"#d9dde1\",\r\n\r\n                weight:\r\n                  2.5,\r\n\r\n                opacity:\r\n                  1\r\n              }\r\n\r\n            }\r\n          ).addTo(map);\r\n\r\n\r\n        \/*\r\n         * Fit map exactly around\r\n         * Saudi Arabia.\r\n         *\/\r\n\r\n        map.fitBounds(\r\n          countryLayer.getBounds(),\r\n          {\r\n            padding:\r\n              [45, 45]\r\n          }\r\n        );\r\n\r\n\r\n        \/*\r\n         * Add city markers.\r\n         *\/\r\n\r\n        cities.forEach(\r\n          function(city) {\r\n\r\n            const marker =\r\n              L.marker(\r\n                [\r\n                  city.lat,\r\n                  city.lng\r\n                ],\r\n                {\r\n\r\n                  icon:\r\n                    L.divIcon({\r\n\r\n                      className:\r\n                        \"ifact-city-marker-wrapper\",\r\n\r\n                      html:\r\n                        '<div class=\"ifact-city-marker\"><\/div>',\r\n\r\n                      iconSize:\r\n                        [16, 16],\r\n\r\n                      iconAnchor:\r\n                        [8, 8]\r\n                    })\r\n\r\n                }\r\n              );\r\n\r\n\r\n            \/*\r\n             * Tooltip content.\r\n             *\/\r\n\r\n            const tooltipHTML =\r\n\r\n              \"<strong>\" +\r\n              city.name +\r\n              \"<\/strong>\" +\r\n\r\n              \"<span>\" +\r\n              city.region +\r\n              \"<\/span>\";\r\n\r\n\r\n            marker.bindTooltip(\r\n              tooltipHTML,\r\n              {\r\n\r\n                direction:\r\n                  \"top\",\r\n\r\n                offset:\r\n                  [0, -10],\r\n\r\n                className:\r\n                  \"ifact-city-tooltip\",\r\n\r\n                opacity:\r\n                  1,\r\n\r\n                sticky:\r\n                  false\r\n              }\r\n            );\r\n\r\n\r\n            \/*\r\n             * Hover interaction.\r\n             *\/\r\n\r\n            marker.on(\r\n              \"mouseover\",\r\n              function() {\r\n\r\n                this.openTooltip();\r\n\r\n              }\r\n            );\r\n\r\n\r\n            marker.on(\r\n              \"mouseout\",\r\n              function() {\r\n\r\n                this.closeTooltip();\r\n\r\n              }\r\n            );\r\n\r\n\r\n            marker.addTo(map);\r\n\r\n          }\r\n        );\r\n\r\n\r\n        \/*\r\n         * Keep map centered correctly\r\n         * when browser resizes.\r\n         *\/\r\n\r\n        setTimeout(\r\n          function() {\r\n\r\n            map.invalidateSize();\r\n\r\n            map.fitBounds(\r\n              countryLayer.getBounds(),\r\n              {\r\n                padding:\r\n                  [45, 45]\r\n              }\r\n            );\r\n\r\n          },\r\n          500\r\n        );\r\n\r\n\r\n      })\r\n\r\n      .catch(\r\n        function(error) {\r\n\r\n          console.error(\r\n            \"iFact map error:\",\r\n            error\r\n          );\r\n\r\n          mapElement.innerHTML =\r\n\r\n            '<div style=\"' +\r\n            'padding:40px;' +\r\n            'text-align:center;' +\r\n            'color:#777;' +\r\n            'font-size:14px;' +\r\n            '\">' +\r\n\r\n            'Coverage map could not be loaded.' +\r\n\r\n            '<\/div>';\r\n\r\n        }\r\n      );\r\n\r\n  }\r\n\r\n\r\n  \/*\r\n   * Elementor sometimes loads\r\n   * HTML widgets dynamically.\r\n   *\/\r\n\r\n  if (\r\n    document.readyState ===\r\n    \"loading\"\r\n  ) {\r\n\r\n    document.addEventListener(\r\n      \"DOMContentLoaded\",\r\n      initIFactMap\r\n    );\r\n\r\n  } else {\r\n\r\n    initIFactMap();\r\n\r\n  }\r\n\r\n\r\n  \/*\r\n   * Elementor editor support.\r\n   *\/\r\n\r\n  if (\r\n    window.jQuery\r\n  ) {\r\n\r\n    jQuery(window).on(\r\n      \"elementor\/frontend\/init\",\r\n      function() {\r\n\r\n        setTimeout(\r\n          initIFactMap,\r\n          500\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>contact us LET\u2019S DISCUSS YOUR PROJECT Tell us about your infrastructure, engineering, or technology requirements. Our team will review your request and get back to you shortly. Step 01 HOW CAN WE HELP YOU? Select one or more services you\u2019re interested in. Construction Engineering \u2713 MEP Engineering \u2713 Smart Infrastructure \u2713 IT &#038; ERP Solutions [&hellip;]<\/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-12691","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ifact.sa\/ar\/wp-json\/wp\/v2\/pages\/12691","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=12691"}],"version-history":[{"count":233,"href":"https:\/\/www.ifact.sa\/ar\/wp-json\/wp\/v2\/pages\/12691\/revisions"}],"predecessor-version":[{"id":20706,"href":"https:\/\/www.ifact.sa\/ar\/wp-json\/wp\/v2\/pages\/12691\/revisions\/20706"}],"wp:attachment":[{"href":"https:\/\/www.ifact.sa\/ar\/wp-json\/wp\/v2\/media?parent=12691"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}