{"id":7861,"date":"2025-04-09T05:06:56","date_gmt":"2025-04-09T01:06:56","guid":{"rendered":"https:\/\/shamsfz.ae\/%d8%a5%d8%b9%d8%af%d8%a7%d8%af-%d8%a7%d9%84%d8%a3%d8%b9%d9%85%d8%a7%d9%84\/%d8%ad%d8%a7%d8%b3%d8%a8%d8%a9-%d8%a7%d9%84%d8%aa%d9%83%d9%84%d9%81%d8%a9\/"},"modified":"2025-07-09T14:59:38","modified_gmt":"2025-07-09T10:59:38","slug":"cost-calculator","status":"publish","type":"page","link":"https:\/\/shamsfz.ae\/ar\/business-setup\/cost-calculator\/","title":{"rendered":"\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u062a\u0643\u0644\u0641\u0629"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7861\" class=\"elementor elementor-7861 elementor-75\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b16a0e7 e-flex e-con-boxed e-con e-parent\" data-id=\"b16a0e7\" 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-6fded9e elementor-absolute e-transform elementor-widget elementor-widget-image\" data-id=\"6fded9e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;_transform_flipX_effect&quot;:&quot;transform&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"545\" src=\"https:\/\/shamsfz.ae\/wp-content\/uploads\/2025\/04\/Vector-2.svg\" class=\"attachment-large size-large wp-image-6245\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d7635e1 elementor-widget__width-inherit elementor-absolute elementor-widget elementor-widget-image\" data-id=\"d7635e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"593\" height=\"1024\" src=\"https:\/\/shamsfz.ae\/wp-content\/uploads\/2025\/04\/blur-593x1024.webp\" class=\"attachment-large size-large wp-image-6228\" alt=\"\" srcset=\"https:\/\/shamsfz.ae\/wp-content\/uploads\/2025\/04\/blur-593x1024.webp 593w, https:\/\/shamsfz.ae\/wp-content\/uploads\/2025\/04\/blur-174x300.webp 174w, https:\/\/shamsfz.ae\/wp-content\/uploads\/2025\/04\/blur.webp 732w\" sizes=\"(max-width: 593px) 100vw, 593px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9f77864 elementor-widget__width-inherit elementor-absolute elementor-widget elementor-widget-image\" data-id=\"9f77864\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"593\" height=\"1024\" src=\"https:\/\/shamsfz.ae\/wp-content\/uploads\/2025\/04\/blur-593x1024.webp\" class=\"attachment-large size-large wp-image-6228\" alt=\"\" srcset=\"https:\/\/shamsfz.ae\/wp-content\/uploads\/2025\/04\/blur-593x1024.webp 593w, https:\/\/shamsfz.ae\/wp-content\/uploads\/2025\/04\/blur-174x300.webp 174w, https:\/\/shamsfz.ae\/wp-content\/uploads\/2025\/04\/blur.webp 732w\" sizes=\"(max-width: 593px) 100vw, 593px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aa5aebc e-con-full e-flex e-con e-child\" data-id=\"aa5aebc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-c4ab6de e-con-full e-flex e-con e-child\" data-id=\"c4ab6de\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b356cb5 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"b356cb5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"512\" height=\"127\" src=\"https:\/\/shamsfz.ae\/wp-content\/uploads\/cc-image-group.webp\" class=\"attachment-large size-large wp-image-11518\" alt=\"\" srcset=\"https:\/\/shamsfz.ae\/wp-content\/uploads\/cc-image-group.webp 512w, https:\/\/shamsfz.ae\/wp-content\/uploads\/cc-image-group-300x74.webp 300w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d58f544 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"d58f544\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:30}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">\u0642\u062f\u0650\u0651\u0631 \u062a\u0643\u0644\u0641\u0629 \u062a\u0627\u0633\u064a\u0633 \u0634\u0631\u0643\u062a\u0643 \u0641\u064a 3 \u062e\u0637\u0648\u0627\u062a<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eb1b4a8 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"eb1b4a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:60}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">\u062a\u0648\u0641\u0631 \u0644\u0643 \u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0641\u064a \u0634\u0645\u0633 \u0645\u0646\u0637\u0642\u0629 \u062d\u0631\u0629 \u0648\u0633\u064a\u0644\u0629 \u0645\u0628\u0633\u0637\u0629 \u0648\u0633\u0631\u064a\u0639\u0629 \u0644\u062a\u0642\u062f\u064a\u0631 \u062a\u0643\u0644\u0641\u0629 \u062a\u0623\u0633\u064a\u0633 \u0646\u0634\u0627\u0637\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u060c \u0639\u0628\u0631 \u0623\u0631\u0628\u0639 \u062e\u0637\u0648\u0627\u062a \u0633\u0647\u0644\u0629. \u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u062a\u0642\u062f\u064a\u0631\u0643 \u0627\u0644\u0645\u0628\u062f\u0626\u064a \u0641\u064a \u0623\u0642\u0644 \u0645\u0646 \u062f\u0642\u064a\u0642\u062a\u064a\u0646 \u0628\u0643\u0644 \u062f\u0642\u0629 \u0648\u0634\u0641\u0627\u0641\u064a\u0629. <\/p>\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-37e8b1f e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"37e8b1f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:30}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f1ff6be elementor-widget-mobile__width-inherit elementor-widget elementor-widget-global elementor-global-7927 elementor-global-1851 elementor-widget-html\" data-id=\"f1ff6be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/intl-tel-input\/17.0.8\/css\/intlTelInput.css\">\n<link href=\"https:\/\/cdn.jsdelivr.net\/npm\/select2@4.1.0-rc.0\/dist\/css\/select2.min.css\" rel=\"stylesheet\">\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/intl-tel-input\/17.0.8\/js\/intlTelInput.min.js\"><\/script>\n<script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/select2@4.1.0-rc.0\/dist\/js\/select2.min.js\"><\/script>\n<style>\n\n\n.iti {\n    width: 100%;\n}\n\n.iti__flag {\n    background-image: url(\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/intl-tel-input\/17.0.8\/img\/flags.png\");\n}\n\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n    .iti__flag {\n        background-image: url(\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/intl-tel-input\/17.0.8\/img\/flags@2x.png\");\n    }\n}\n\n.error {\n    border-color: #dc3545;\n}\n\n#theLoaderGif{\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    display:none;\n    z-index: 2;\n}\n#theLoaderGif img{\n width:100px;\n}\n.d-none{\n    display: none !important;\n}\n\n#srix-NewCostCalForm * {\nbox-sizing: border-box;\nmargin: 0;\npadding: 0;\n\n}\n\n.header-grid-srix {\ndisplay: grid;\ngrid-auto-flow: column;\nalign-content: center;\nalign-items: center;\ncolumn-gap: 10px;\n}\n\n.header-grid-srix h2{\nmargin-bottom: 0px;\n\nfont-family: Sharjah;\nfont-size: 32px;\nfont-style: normal;\n\nline-height: 32.359px;\nbackground: var(--Gradient, linear-gradient(244deg, #1C1B1A 0%, #703CF9 100%));\nbackground-clip: text;\n-webkit-background-clip: text;\n-webkit-text-fill-color: transparent;\n}\n@media(max-width:428px) {\n.header-grid-srix h2{\n    font-size: 24px;\n}\n}\n.iti__selected-flag{\n    padding: 0 6px 0 8px !important;\n}\n.iti--separate-dial-code .iti__selected-flag {\n    background-color: transparent !important;\n}\n.select2-results__option--selected {\n    background-color: #F4F2FF !important;\n}\n#srix-NewCostCalForm .form-container {\nbackground: white;\nmax-width: 700px;\nmargin: 0 auto;\npadding: 60px 40px 48px 40px;\nborder-radius: 20px;\nbox-shadow: 0px 3.595px 26.966px 0px rgba(0, 0, 0, 0.25);\noverflow: hidden;\nposition: relative;\n}\n\n#srix-NewCostCalForm .header {\ndisplay: flex;\njustify-content: space-between;\nalign-items: center;\nmargin-bottom: 20px;\n}\n\n#srix-NewCostCalForm .icon i {\ncolor: #6226FF;\n}\n\n#srix-NewCostCalForm .step-counter {\ncolor: #6226FF;\nfont-family: Sharjah;\nfont-size: 16px;\nfont-style: normal;\n\nline-height: 24px;\nbackground: #F3F3F3;\nborder-radius: 7px;\npadding: 8px 20px;\ndisplay: flex;\nalign-items: center;\njustify-content: flex-end;\nwidth: 180px;\nheight: 33px;\nposition: relative;\noverflow: hidden;\n}\n\n#srix-NewCostCalForm .step-counter::before {\ncontent: '';\nposition: absolute;\nleft: 0;\ntop: 0;\nheight: 100%;\nwidth: calc(100% - var(--after-width, 75%));\nbackground: linear-gradient(90deg, #703CF9 0%, #240B6A 100%);\nborder-radius: 7px 0 0 7px;\nz-index: 1;\ntransition: width 0.3s ease;\n}\n\n#srix-NewCostCalForm #heading-top-right-numbs-steps-1 {\nposition: relative;\nz-index: 2;\nwidth: 100%;\ntext-align: right;\n}\n\n#srix-NewCostCalForm #heading-top-right-numbs-steps-1 span {\ncolor: inherit;\nmix-blend-mode: normal;\n}\n\n#srix-NewCostCalForm .step-counter span {\ncolor: #6226FF !important;\n}\n\n#srix-NewCostCalForm .step-counter #current-step {\ncolor: white;\n}\n\n\/* Refined stepper styles *\/\n#srix-NewCostCalForm .stepper-container {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 15px;\n  position: relative;\n  padding: 0 10px;\n}\n\n#srix-NewCostCalForm .stepper-container::before {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: 10%;\n  right: 10%;\n  height: 2px;\n  background-color: #e0e0e0;\n  transform: translateY(-50%);\n  z-index: 1;\n}\n\n#srix-NewCostCalForm .step-progress {\n  position: absolute;\n  top: 50%;\n  left: 10%;\n  height: 2px;\n  background: linear-gradient(90deg, #6226FF 0%, #3B1799 100%);\n  transform: translateY(-50%);\n  border-radius: 10px;\n\n  z-index: 1;\n  transition: width 0.3s ease;\n}\n\n#srix-NewCostCalForm .step-item {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  background-color: white;\n  border: 2px solid #e0e0e0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  font-size: 14px;\n  color: #808080;\n  position: relative;\n  z-index: 2;\n  box-shadow: 0 0 0 4px white;\n}\n\n#srix-NewCostCalForm .step-item.active {\n  background: linear-gradient(90deg, #6226FF 0%, #3B1799 100%);\n  color: white;\n  border: none;\n  box-shadow: 0 0 0 4px white;\n}\n\n#srix-NewCostCalForm .step-item.completed {\n  background: linear-gradient(90deg, #6226FF 0%, #3B1799 100%);\n  color: white;\n  border: none;\n  box-shadow: 0 0 0 4px white;\n}\n\n#srix-NewCostCalForm .step-labels-container {\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 30px;\n  padding: 0 5px;\n}\n\n#srix-NewCostCalForm .step-label {\n  font-size: 12px;\n  color: #808080;\n  text-align: center;\n\n  max-width: 100px;\n}\n\n#srix-NewCostCalForm #step-indicator-1.active ~ #step-1-label,\n#srix-NewCostCalForm #step-indicator-1.completed ~ #step-1-label,\n#srix-NewCostCalForm #step-indicator-2.active ~ #step-2-label,\n#srix-NewCostCalForm #step-indicator-2.completed ~ #step-2-label,\n#srix-NewCostCalForm #step-indicator-3.active ~ #step-3-label,\n#srix-NewCostCalForm #step-indicator-3.completed ~ #step-3-label,\n#srix-NewCostCalForm #step-indicator-4.active ~ #step-4-label,\n#srix-NewCostCalForm #step-indicator-4.completed ~ #step-4-label {\n  color: #6226FF;\n\n}\n\n#srix-NewCostCalForm .form-step {\ndisplay: none;\nanimation: fadeIn 0.5s ease-in-out;\nmin-height: 400px;\n}\n\n#srix-NewCostCalForm .form-step.active {\ndisplay: block;\n}\n\n@keyframes fadeIn {\nfrom { opacity: 0; }\nto { opacity: 1; }\n}\n\n#srix-NewCostCalForm h2 {\ncolor: #333;\n}\n\n#srix-NewCostCalForm .form-group {\nmargin-bottom: 20px;\n}\n\n#srix-NewCostCalForm label {\ndisplay: block;\nmargin-bottom: 10px;\n\ncolor: #333;\nmargin-top: 38px;\n}\n\n#srix-NewCostCalForm input[type=\"text\"],\n#srix-NewCostCalForm input[type=\"email\"],\n#srix-NewCostCalForm input[type=\"tel\"],\n#srix-NewCostCalForm input[type=\"number\"],\n#srix-NewCostCalForm select {\nwidth: 100%;\npadding: 10px 15px;\nborder: none;\n\nborder-bottom: 0.899px solid rgba(0, 0, 0, 0.60);\nfont-size: 1em;\n\n}\n\n#srix-NewCostCalForm input[type=\"text\"]:focus,\n#srix-NewCostCalForm input[type=\"email\"]:focus,\n#srix-NewCostCalForm input[type=\"tel\"]:focus,\n#srix-NewCostCalForm input[type=\"number\"]:focus,\n#srix-NewCostCalForm select:focus {\n\noutline: none;\nborder: none;\nborder-top: 1px solid rgba(224, 224, 224, 0.50);\nborder-right: 1px solid rgba(224, 224, 224, 0.50);\nborder-left: 1px solid rgba(224, 224, 224, 0.50);\nborder-bottom: 0.899px solid rgba(0, 0, 0, 0.60);\n}\n\n#srix-NewCostCalForm select {\n\n-webkit-appearance: none;\n-moz-appearance: none;\nappearance: none;\ncolor: black;\nbackground: url(https:\/\/cdn.prod.website-files.com\/6746fa16829349829922b7c4\/681296908fac04978eeaa8ad_45dfcaee6036e0619a664f55eb31e562_Icon1.svg) no-repeat;\nbackground-position: 99% center;\nbackground-size: 10px;\nbackground-color: white;\n\n}\n\n#srix-NewCostCalForm .phone-input {\ndisplay: flex;\ngap: 10px;\n}\n\n#srix-NewCostCalForm .phone-input select {\nwidth: 30%;\n}\n\n#srix-NewCostCalForm .shareholder-input {\nmargin-top: 10px;\ndisplay: flex;\nflex-direction: column;\ngap: 10px;\n}\n\n#srix-NewCostCalForm .add-activity {\n    width: 100%;\n    margin-top: 0;\n}\n\n#srix-NewCostCalForm #add-activity-btn {\n    display: none !important;\n}\n\n#srix-NewCostCalForm .selected-activities {\n    display: none;\n}\n\n#srix-NewCostCalForm .note {\ndisplay: block;\nmargin-top: 5px;\ncolor: #6226FF;\nfont-size: 0.9em;\n}\n\n#srix-NewCostCalForm .license-options {\nmargin-top:10px;\ndisplay: grid;\ngrid-auto-flow: row;\nrow-gap:20px;\n}\n\n#srix-NewCostCalForm .license-option {\nborder-radius: 16px;\nbackground: #FFF;\nbox-shadow: 0px 4px 14px 0px rgba(104, 104, 104, 0.08);\nheight: 84px;\ndisplay: grid;\ngrid-auto-flow: column;\nalign-items: center;\njustify-content: start;\npadding-left: 60px;\ncolor: var(--blacks-black-90-n, #1C1C1C);\nfont-family: \"Sharjah\";\nfont-size: 18px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 24px;\n\n}\n\n#srix-NewCostCalForm .license-option input {\nmargin-right: 10px;\n}\n\n#srix-NewCostCalForm table {\nwidth: 100%;\nborder: none;\nmargin-top: 20px;\nbackground: white;\nbackground-color: white;\nborder-spacing: 0;\nborder-collapse: separate;\nborder-radius: 10px;\n}\n\n#srix-NewCostCalForm table td {\npadding: 3px;\nborder: none;\nbackground: white;\ncolor: var(--blacks-black-100-n, #111);\nfont-family: \"Sharjah\";\nfont-size: 14px;\nfont-style: normal;\n\nline-height: 24px;\n}\n\n#license-cost,#visa-cost,#total-cost,#bank-account-cost,#summary-discount, #summary-package-type, #summary-license-duration, #summary-investor-visas, #summary-employee-visas, #summary-business-activities, #summary-shareholders-range, #summary-nationalities, #summary-total-cost, #summary-discount-percentage {\n    text-align:end\n}\n\n#srix-NewCostCalForm table tr:nth-child(even) {\nbackground-color: white;\n}\n\n\n\n#srix-NewCostCalForm .form-navigation {\ndisplay: flex;\njustify-content: space-between;\nalign-items: center;\nmargin-top: 30px;\nbackground: #FAF6FE;\npadding: 20px 60px;\nwidth: calc(100% + 120px);\nmargin-left: -60px;\nmargin-right: -60px;\nmargin-bottom: -48px;\nborder-radius: 0 0 20px 20px;\n}\n@media(max-width:428px) {\n#srix-NewCostCalForm .form-navigation{\n    margin-bottom: -25px;\n}\n}\n#srix-NewCostCalForm .form-navigation button {\npadding: 10px 20px;\nborder: none;\nbackground: #6226FF;\ncolor: #fff;\nborder-radius: 25px;\ncursor: pointer;\nfont-size: 1em;\ntransition: background-color 0.3s;\nmin-width: 140px;\nheight: 48px;\ndisplay: flex;\nalign-items: center;\njustify-content: center;\n}\n\n#srix-NewCostCalForm .form-navigation button:hover {\nbackground: linear-gradient(90deg, #6226FF 0%, #3B1799 100%);\n}\n\n\n#srix-NewCostCalForm  #prevBtn{\nbackground: #FFF;\ncolor: #240B6A;\nborder: 1px solid #F3F3F3;\n}\n\n#srix-NewCostCalForm #nextBtn,\n#srix-NewCostCalForm #submitBtn {\ndisplay: flex;\nalign-items: center;\njustify-content: center;\ngap: 5px;\n}\n\n#submitBtn{\nbackground: #195137;\n\n}\n#submitBtn:hover{\n    background: linear-gradient(90deg, #6226FF 0%, #3B1799 100%);\n\n}\n\n#shareholder-inputs input{\nmargin-bottom:10px\n}\n\n#srix-NewCostCalForm .form-navigation button:hover {\nbackground-color: #240B6A;\n}\n\n#srix-NewCostCalForm #prevBtn {\nbackground-color: #FFF;\njustify-self: start;\n}\n\n#srix-NewCostCalForm #prevBtn:hover {\nbackground-color: #F4F2FF;\nborder: 1px solid #6226FF;\n}\n\n.license-option {\nposition: relative;\npadding-left: 35px;\ncursor: pointer;\ndisplay: inline-block;\nfont-size: 18px;\n}\n\n.license-option input[type=\"radio\"] {\nposition: absolute;\nopacity: 0;\ncursor: pointer;\n}\n\n.license-option .placeholder-circle {\nposition: absolute;\ntop: 31px;\nleft: 22px;\nwidth: 25px;\nheight: 25px;\nbackground-color: #F4F2FF;\nborder-radius: 50%;\n}\n\n.license-option .checkmark-srix {\ndisplay: none;\nposition: absolute;\ntop: 31px;\nleft: 22px;\nwidth: 25px;\nheight: 25px;\n}\n\n.license-option input[type=\"radio\"]:checked ~ .placeholder-circle {\ndisplay: none;\n}\n\n.license-option input[type=\"radio\"]:checked ~ .checkmark-srix {\ndisplay: inline-block;\n}\n.license-option input[type=\"radio\"]:checked ~ .license-option{\nborder: 1px solid green !important;\n}\n\n\n#srix-NewCostCalForm #srix-total-T-Cost-css td{\nfont-size: 19px;\ncolor: #240B6A;\nborder-top:1px solid #80808029;\n}\n\n@media(max-width:428px){\n#srix-NewCostCalForm .form-container{\n    padding: 40px 20px 20px 20px;\n}\n#srix-NewCostCalForm .phone-input select {\n    width: 40%;\n    font-size: 12px;\n  }\n}\n\n.error-message {\n    color: #dc3545;\n    font-size: 14px;\n    margin-top: 15px;\n    display: block;\n}\n\n.button-loading {\n    position: relative;\n    opacity: 0.5;\n    cursor: not-allowed !important;\n}\n\n.button-loading span,\n.button-loading svg {\n    visibility: hidden;\n}\n\n.button-loading::after {\n    content: '';\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    width: 20px;\n    height: 20px;\n    border: 2px solid #ffffff;\n    border-radius: 50%;\n    border-top-color: transparent;\n    transform: translate(-50%, -50%);\n    animation: button-loading-spinner 0.8s linear infinite;\n}\n\n@keyframes button-loading-spinner {\n    from {\n        transform: translate(-50%, -50%) rotate(0deg);\n    }\n    to {\n        transform: translate(-50%, -50%) rotate(360deg);\n    }\n}\n\n\n\n.iti {\n    width: 100%;\n}\n\n.iti__flag {\n    background-image: url(\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/intl-tel-input\/17.0.8\/img\/flags.png\");\n}\n\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n    .iti__flag {\n        background-image: url(\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/intl-tel-input\/17.0.8\/img\/flags@2x.png\");\n    }\n}\n\n.error {\n    border-color: #dc3545;\n}\n\n\/* Add styles for the nationality dropdown to match other dropdowns *\/\n.nationality-select {\n    width: 100%;\n    padding: 10px 15px;\n    border: none;\n    border-radius: 5px;\n    font-size: 1em;\n    background-color: white;\n    margin-bottom: 10px !important;\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n    background: url(https:\/\/cdn.prod.website-files.com\/6746fa16829349829922b7c4\/681296908fac04978eeaa8ad_45dfcaee6036e0619a664f55eb31e562_Icon1.svg) no-repeat;\n    background-position: 99% center;\n    background-size: 10px;\n    background-color: white;\n    color: black;\n}\n\n.nationality-select:focus {\n    outline: none;\n}\n\n.nationality-select option {\n    padding: 10px;\n}\n\n\/* Error state for nationality select *\/\n.nationality-select.error {\n    border: 1px solid #dc3545;\n}\n\n\/* Fix for mobile devices *\/\n@media (max-width: 767px) {\n    .nationality-select {\n        padding: 8px 12px;\n    }\n}\n\n\/* Custom styles for Select2 to match the nationality-select style *\/\n.select2-container {\n    margin-bottom: 10px !important;\n\n}\n\n\/* Reset and rebuild Select2 styling *\/\n.select2-container--default .select2-selection--single {\n    width: 100% !important;\n    height: auto !important;\n    padding: 10px 15px !important;\n    border: none !important;\n    border-radius: 0px !important;\n    border-bottom: 0.899px solid rgba(0, 0, 0, 0.60) !important;\n    font-size: 1em !important;\n    font-family: inherit !important;\n    background-color: white !important;\n    background: white url(https:\/\/cdn.prod.website-files.com\/6746fa16829349829922b7c4\/681296908fac04978eeaa8ad_45dfcaee6036e0619a664f55eb31e562_Icon1.svg) no-repeat !important;\n    background-position: 99% center !important;\n    background-size: 10px !important;\n    color: black !important;\n    box-shadow: none !important;\n    margin: 0 !important;\n}\n\n\/* Hide default arrow *\/\n.select2-container--default .select2-selection--single .select2-selection__arrow {\n    display: none !important;\n}\n\n\/* Style the rendered text *\/\n.select2-container--default .select2-selection--single .select2-selection__rendered {\n    color: black !important;\n    line-height: normal !important;\n    padding-left: 0 !important;\n    font-family: inherit !important;\n    font-weight: normal !important;\n}\n\n\/* Style the placeholder *\/\n.select2-container--default .select2-selection--single .select2-selection__placeholder {\n    color: #757575 !important;\n}\n\n\/* Style the dropdown *\/\n.select2-dropdown {\n    border: none !important;\n    border-radius: 5px !important;\n    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;\n    font-family: inherit !important;\n}\n\n\/* Style the search field *\/\n.select2-container--default .select2-search--dropdown .select2-search__field {\n    line-height: 1rem;\n    border: 1px solid #ddd !important;\n    border-radius: 5px !important;\n    padding: 8px !important;\n    font-family: inherit !important;\n}\n\n.select2-container--default .select2-search--dropdown .select2-search__field:focus {\n    outline: none !important;\n    border-color: #6226FF !important;\n}\n\n\/* Style the results *\/\n.select2-results__option {\n    padding: 10px 15px !important;\n    font-family: inherit !important;\n}\n\n.select2-container--default .select2-results__option--highlighted[aria-selected] {\n    background-color: #F4F2FF!important;\n    color: #6226FF !important;\n}\n\n\/* Error state *\/\n.select2-container--default.select2-error .select2-selection--single {\n    border: 1px solid #dc3545 !important;\n}\n\n\/* Fix for mobile devices *\/\n@media (max-width: 767px) {\n    .select2-container--default .select2-selection--single {\n        padding: 8px 12px !important;\n    }\n}\n\n\/* Fix for Select2 dropdown positioning *\/\n.select2-container--open .select2-dropdown--below {\n    margin-top: 0 !important;\n}\n\n\/* Fix for Select2 results *\/\n.select2-results__option {\n    padding: 10px 15px !important;\n    font-family: inherit !important;\n}\n\n\/* Fix for Select2 container height *\/\n.select2-container .select2-selection--single {\n    height: auto !important;\n}\n\n\/* Fix for Select2 selection rendered *\/\n.select2-container--default .select2-selection--single .select2-selection__rendered {\n    line-height: 1.5 !important;\n}\n\n\/* Fix for placeholder text color to match other inputs *\/\n.select2-container--default .select2-selection--single .select2-selection__placeholder {\n    color: #757575 !important;\n}\n\n\/* Fix for Select2 dropdown width *\/\n.select2-container--open .select2-dropdown {\n\n    min-width: 100% !important;\n}\n\n\/* Fix for Select2 dropdown background *\/\n.select2-results {\n    background-color: white !important;\n}\n\n\/* Fix for Select2 dropdown padding *\/\n.select2-results__options {\n    max-height: 200px !important;\n    overflow-y: auto !important;\n}\n\n\/* Custom class for nationality dropdown *\/\n.nationality-dropdown {\n    display: none !important;\n}\n\n#theFinalSuccessMessage {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    min-height: 400px;\n    text-align: center;\n    position: relative;\n    z-index: 100; \/* Ensure it's above other elements *\/\n    background-color: white; \/* Add background color for visibility *\/\n    width: 100%; \/* Take full width *\/\n    padding: 30px;\n}\n\n.nationality-dropdown .select2-results__option {\n    padding: 10px 15px;\n}\n\n\/* Override the mix-blend-mode for better color control *\/\n#srix-NewCostCalForm .step-text-white,\n#srix-NewCostCalForm .step-text-white span,\n#srix-NewCostCalForm .step-text-white .step-word {\ncolor: white !important;\nmix-blend-mode: normal !important;\n}\n\n#srix-NewCostCalForm .step-text-colored,\n#srix-NewCostCalForm .step-text-colored span,\n#srix-NewCostCalForm .step-text-colored .step-word {\ncolor: #6226FF !important;\nmix-blend-mode: normal !important;\n}\n\n\/* Special styling for step word *\/\n#srix-NewCostCalForm .step-word {\ndisplay: inline-block;\n}\n\n#srix-NewCostCalForm #multiStepForm {\nmin-height: 450px;\nposition: relative;\ndisplay: flex;\nflex-direction: column;\n}\n\n#nextBtn, #submitBtn {\nmargin-left: auto;\n}\n\n.form-step-container {\n  min-height: 400px;\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 30px;\n}\n\n\/* Top border image styles *\/\n.top-border-image {\n  height: 34px !important;\n  width: 100% !important;\n  position: absolute !important;\n  top: 0 !important;\n  left: 0 !important;\n  object-fit: cover !important;\n  border-radius: 20px 20px 0 0 !important;\n}\n\n\/* Add styling for checkbox consent container *\/\n.consent-container {\n    margin-top: 25px;\n    display: flex;\n    align-items: center;\n    gap: 15px;\n}\n\n.consent-container input[type=\"checkbox\"] {\n    margin-top: 0;\n    margin-right: 0;\n    width: 21px;\n    height: 21px;\n    appearance: none;\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    background-color: white;\n    border: 1px solid rgba(112, 60, 248, 0.5);\n    border-radius: 4px;\n    cursor: pointer;\n    position: relative;\n    flex-shrink: 0;\n}\n\n.consent-container input[type=\"checkbox\"]:checked {\n    background-color: #703CF8;\n    border: none;\n}\n\n.consent-container input[type=\"checkbox\"]:checked:after {\n    content: \"\u2713\";\n    color: white;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    font-size: 14px;\n}\n\n.consent-container label {\n    margin-top: 0;\n    color: var(--Black, #06070B);\n    font-family: Sharjah;\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 300;\n    line-height: 24px;\n    opacity: 0.6;\n}\n\n\/* Two column layout for form fields *\/\n.form-row {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 0;\n}\n\n.form-col {\n    flex: 1;\n}\n\n@media(max-width: 767px) {\n    .form-row {\n        flex-direction: column;\n        gap: 0;\n    }\n}\n\n\/* Nationality selector styles *\/\n.nationality-selector {\n    position: relative;\n    margin-bottom: 10px;\n    width: 100%;\n}\n\n.nationality-input-container {\n    position: relative;\n    width: 100%;\n}\n\n.nationality-input-container input {\n    width: 100%;\n    padding: 10px 15px;\n    padding-right: 40px;\n    border: none;\n    border-bottom: 0.899px solid rgba(0, 0, 0, 0.60);\n    font-size: 1em;\n    cursor: pointer;\n}\n\n.nationality-input-container::after {\n    content: \"\ud83d\udd0d\";\n    position: absolute;\n    right: 15px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: #6226FF;\n    font-size: 16px;\n    pointer-events: none;\n}\n\n.nationality-dropdown {\n    position: absolute;\n    width: 100%;\n    max-height: 250px;\n    overflow-y: auto;\n    background: white;\n    border: 1px solid #e0e0e0;\n    border-radius: 5px;\n    box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n    z-index: 1000;\n    display: none;\n    margin-top: 5px;\n    left: 0;\n    right: 0;\n}\n\n.nationality-options {\n    padding: 10px 0;\n}\n\n.nationality-option {\n    padding: 10px 15px;\n    cursor: pointer;\n    transition: background-color 0.2s ease;\n    text-align: left;\n}\n\n.nationality-option:hover {\n    background-color: #F4F2FF;\n    color: #240B6A;\n}\n\n\/* Selected nationalities pills (reusing the activity pills style) *\/\n#selected-nationalities {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    margin-top: 10px;\n    min-height: 30px;\n}\n\n\/* Custom styles for Select2 multiple selection container *\/\n.select2-container--default .select2-selection--multiple {\n    border: none !important;\n    border-bottom: 0.899px solid rgba(0, 0, 0, 0.60) !important;\n    padding: 5px 0 !important;\n    min-height: 50px !important;\n    background-color: white !important;\n}\n\n\/* Customize the selection container to better display our custom items *\/\n.select2-container--default .select2-selection--multiple .select2-selection__rendered {\n    display: flex !important;\n    flex-wrap: wrap !important;\n    gap: 10px !important;\n    padding: 0 !important;\n    margin-top: 10px !important;\n}\n\n\/* Remove default Select2 selection item styling *\/\n.select2-container--default .select2-selection--multiple .select2-selection__choice {\n    background-color: transparent !important;\n    border: none !important;\n    padding: 0 !important;\n    margin: 3px !important;\n}\n\n\/* Focus state for multiple selection *\/\n.select2-container--default.select2-container--focus .select2-selection--multiple {\n    border: none !important;\n    border-bottom: 0.899px solid #6226FF !important;\n    outline: none !important;\n}\n\n\/* Set placeholder color for the nationality input *\/\n.select2-container--default .select2-selection--multiple .select2-search__field::placeholder {\n    color: #757575 !important;\n}\n\n\/* Customize the search field inside multiple select *\/\n.select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {\n    margin-top: 5px !important;\n    margin-left: 5px !important;\n}\n\n\/* Make the Selected2 container resemble the selected-activities container *\/\n.select2-container--default .select2-selection--multiple {\n    margin-top: 10px !important;\n}\n\n\/* Hide the default close button that might appear *\/\n.select2-selection__choice__remove span {\n    display: none !important;\n}\n\n\/* NEW STYLES TO MATCH ACTIVITY PILLS *\/\n\n\/* Make selected nationality pills match the activity pills styling exactly *\/\n.select2-container--default .select2-selection--multiple .select2-selection__choice {\n    padding: 8px 15px !important;\n    background-color: #F4F2FF !important;\n    color: #240B6A !important;\n    border-radius: 50px !important;\n    position: relative !important;\n    margin: 5px !important;\n    border: none !important;\n    overflow: visible !important;\n}\n\n\/* Override any existing close button styles *\/\n.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {\n    position: absolute !important;\n    top: -5px !important;\n    right: -10px !important;\n    background: #fff !important;\n    color: #6226FF !important;\n    border-radius: 50% !important;\n    width: 20px !important;\n    height: 20px !important;\n    text-align: center !important;\n    line-height: 15px !important;\n    cursor: pointer !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    border: none !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    opacity: 1 !important;\n    font-size: 16px !important;\n}\n\n\/* Hide the default text if any *\/\n.select2-container--default .select2-selection--multiple .select2-selection__choice__remove span {\n    display: none !important;\n}\n\n\/* Use X character for close button *\/\n.select2-container--default .select2-selection--multiple .select2-selection__choice__remove::after {\n    content: \"\u00d7\";\n    display: block;\n    font-size: 16px;\n    font-weight: bold;\n}\n\n\/* Reset the Select2 selection container to allow for our custom styling *\/\n.select2-container--default .select2-selection--multiple {\n    padding: 0 !important;\n    margin-top: 10px !important;\n    background-color: transparent !important;\n}\n\n\/* Hide number input spinners *\/\n#srix-NewCostCalForm input[type=\"number\"]::-webkit-inner-spin-button,\n#srix-NewCostCalForm input[type=\"number\"]::-webkit-outer-spin-button {\n    -webkit-appearance: none;\n    appearance: none;\n    margin: 0;\n}\n#srix-NewCostCalForm input[type=\"number\"] {\n    -moz-appearance: textfield; \/* Firefox *\/\n    appearance: textfield; \/* Standard *\/\n}\n\n\/* Cost disclaimer styling *\/\n.cost-disclaimer {\n    margin-top: 40px !important;\n    font-family: Sharjah;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 300;\n    line-height: 24px;\n    text-align: left;\n    opacity: 0.6;\n    color: #06070B;\n}\n\n\/* Two column layout for form fields *\/\n.form-row {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 0;\n}\n\n.form-col {\n    flex: 1;\n}\n\n@media(max-width: 767px) {\n    .form-row {\n        flex-direction: column;\n        gap: 0;\n    }\n}\n\n\/* Included Features Styling *\/\n.included-features {\n    margin-top: 25px !important;\n\n    padding-top: 25px;\n}\n\n.included-features h4 {\n    font-family: Sharjah;\n    font-size: 18px;\n    font-weight: 500;\n    color: #240B6A;\n    margin-bottom: 20px;\n}\n\n.features-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 15px;\n}\n\n.feature-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.feature-item i {\n    color: #6226FF;\n    font-size: 16px;\n    margin-top: 4px;\n}\n\n.feature-item span {\ncolor:  #240B6A;\nfont-family: Sharjah;\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 32.359px;\n}\n\n@media(max-width: 767px) {\n    .features-grid {\n        grid-template-columns: 1fr;\n    }\n}\n\n#theFinalSuccessMessage {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    min-height: 400px;\n    text-align: center;\n    position: relative;\n    z-index: 100; \/* Ensure it's above other elements *\/\n    background-color: white; \/* Add background color for visibility *\/\n    width: 100%; \/* Take full width *\/\n    padding: 30px;\n}\n\n#theFinalSuccessMessage h2 {\n    font-family: Sharjah;\n    font-size: 32px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 38.4px;\n    background: linear-gradient(244deg, #1C1B1A 0%, #703CF9 100%);\n    background-clip: text;\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    margin-bottom: 20px;\n}\n\n#theFinalSuccessMessage p {\n    font-family: Sharjah;\n    font-size: 18px;\n    line-height: 28px;\n    color: #444;\n    max-width: 500px;\n}\n\n#theFinalSuccessMessage.visible {\n    display: flex !important;\n    opacity: 1 !important;\n    visibility: visible !important;\n}\n<\/style>\n\n<section id=\"srix-NewCostCalForm\">\n<div class=\"form-container\">\n    <img decoding=\"async\" class=\"top-border-image\" src=\"\/wp-content\/uploads\/2025\/04\/0348593453.png\" alt=\"\u0634\u0643\u0644 \u0627\u0644\u062d\u062f\u0648\u062f\">\n    <div class=\"header\">\n        <div class=\"header-grid-srix\">\n            <h2 id=\"theHeading\">\u0627\u0628\u062f\u0623 \u0627\u0644\u0622\u0646<\/h2>\n        <\/div>\n        <div class=\"step-counter\">\n            <span id=\"heading-top-right-numbs-steps-1\">\n                <span class=\"step-word\">\u0627\u0644\u062e\u0637\u0648\u0629<\/span> <span id=\"current-step\">1\/3<\/span>\n            <\/span>\n            <span id=\"heading-top-right-numbs-steps-2\"><\/span>\n        <\/div>\n    <\/div>\n\n    <form id=\"multiStepForm\">\n        <div class=\"form-step-container\">\n            <div class=\"form-step active\" id=\"step-1\">\n\n\n                <div class=\"form-group\">\n\n                            <input type=\"text\" id=\"first-name\" placeholder=\"\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0623\u0648\u0644\" required=\"\">\n                            <div class=\"error-message\" id=\"first-name-error\"><\/div>\n                        <\/div>\n\n                        <div class=\"form-group\">\n\n                            <input type=\"text\" id=\"last-name\" placeholder=\"\u0627\u0633\u0645 \u0627\u0644\u0639\u0627\u0626\u0644\u0629\" required=\"\">\n                            <div class=\"error-message\" id=\"last-name-error\"><\/div>\n                        <\/div>\n\n\n                <div class=\"form-group\">\n\n                    <div class=\"phone-input\">\n                        <input type=\"tel\" id=\"phone\" name=\"phone\" class=\"form-control\" placeholder=\"\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641\" required=\"\">\n                    <\/div>\n                    <div class=\"error-message\" id=\"phone-error\"><\/div>\n                <\/div>\n\n                <div class=\"form-group\">\n\n                <input type=\"email\" id=\"email\" placeholder=\"\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\" required=\"\">\n                <div class=\"error-message\" id=\"email-error\"><\/div>\n                    <\/div>\n\n\n                <div class=\"form-group\">\n                    <div class=\"consent-container\">\n                        <input type=\"checkbox\" id=\"consent-checkbox\" required=\"\">\n                        <label for=\"consent-checkbox\">\u0628\u0645\u0648\u0627\u0641\u0642\u062a\u064a \u0639\u0644\u0649 \u0630\u0644\u0643\u060c \u0623\u0633\u0645\u062d \u0644\u0634\u0645\u0633 \u0628\u062c\u0645\u0639 \u0628\u064a\u0627\u0646\u0627\u062a\u064a \u0648\u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0628\u064a \u0639\u0628\u0631 \u0627\u0644\u0647\u0627\u062a\u0641 \u0623\u0648 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0623\u0648 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628.<\/label>\n                    <\/div>\n                    <div class=\"error-message\" id=\"consent-checkbox-error\"><\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"form-step\" id=\"step-2\">\n                <div class=\"form-group\">\n                    <label for=\"start-time\">\u0645\u062a\u0649 \u062a\u062e\u0637\u0637 \u0644\u0628\u062f\u0621 \u0627\u0644\u0639\u0645\u0644\u061f<\/label>\n                    <select id=\"start-time\" required=\"\">\n                        <option value=\"\" disabled selected>\u0627\u062e\u062a\u0631 \u0627\u0644\u0648\u0642\u062a<\/option>\n                        <option value=\"\u0639\u0644\u0649 \u0627\u0644\u0641\u0648\u0631\">\u0641\u0648\u0631\u0627\u064b<\/option>\n                        <option value=\"\u0623\u0633\u0628\u0648\u0639\u0627\u0646\">\u0628\u0639\u062f \u0623\u0633\u0628\u0648\u0639\u064a\u0646<\/option>\n                        <option value=\"\u0634\u0647\u0631 \u0648\u0627\u062d\u062f\">\u0628\u0639\u062f \u0634\u0647\u0631 \u0648\u0627\u062d\u062f<\/option>\n                    <\/select>\n                    <div class=\"error-message\" id=\"start-time-error\"><\/div>\n                    <\/div>\n\n                <div class=\"form-row\">\n                    <div class=\"form-col\">\n                        <div class=\"form-group\">\n                            <label for=\"custom-activity\">\u0627\u0644\u0646\u0634\u0627\u0637 \u0627\u0644\u062a\u062c\u0627\u0631\u064a<\/label>\n                    <div class=\"add-activity\">\n                                <input type=\"text\" id=\"custom-activity\" placeholder=\"\u0623\u0636\u0641 \u0646\u0634\u0627\u0637\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\" required=\"\">\n                    <\/div>\n                    <div class=\"error-message\" id=\"activities-error\"><\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"form-col\">\n                        <div class=\"form-group\">\n                            <label for=\"shareholders-range\">\u0639\u062f\u062f \u0627\u0644\u0645\u0633\u0627\u0647\u0645\u064a\u0646<\/label>\n                            <select id=\"shareholders-range\" required=\"\">\n                                <option value=\"\" disabled selected>\u0627\u062e\u062a\u0631 \u0627\u0644\u0646\u0637\u0627\u0642<\/option>\n                                <option value=\"1-10\">1-10<\/option>\n                                <option value=\"11-20\">11-20<\/option>\n                            <\/select> \n                            <div class=\"error-message\" id=\"shareholders-range-error\"><\/div>\n                        <\/div>\n                <\/div>\n            <\/div>\n\n                <div class=\"form-group\">\n                    <label for=\"nationalities\">\u0642\u0627\u0626\u0645\u0629 \u0628\u062c\u0646\u0633\u064a\u0627\u062a \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0633\u0627\u0647\u0645\u064a\u0646*<\/label>\n                    <select id=\"nationalities\" class=\"nationality-select\" multiple required=\"\">\n                    <\/select>\n                    <div class=\"error-message\" id=\"nationalities-error\"><\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"form-step\" id=\"step-3\">\n                <div class=\"form-group\">\n                    <label for=\"package-type\">\u0646\u0648\u0639 \u0627\u0644\u0628\u0627\u0642\u0629<\/label>\n                    <select id=\"package-type\" required=\"\">\n                        <option value=\"\" disabled selected>\u0627\u062e\u062a\u0631 \u0627\u0644\u0628\u0627\u0642\u0629<\/option>\n                        <option value=\"\u0642\u064a\u0627\u0633\u064a\">\u0642\u064a\u0627\u0633\u064a\u0629<\/option>\n                        <option value=\"\u0648\u0633\u0627\u0626\u0644 \u0627\u0644\u0625\u0639\u0644\u0627\u0645\">\u0627\u0644\u0648\u0633\u0627\u0626\u0637<\/option>\n                    <\/select> \n                    <div class=\"error-message\" id=\"package-type-error\"><\/div>\n                <\/div>\n\n                <div class=\"form-row\">\n                    <div class=\"form-col\">\n                        <div class=\"form-group\">\n                            <label for=\"license-duration\">\u0645\u062f\u0629 \u0627\u0644\u062a\u0631\u062e\u064a\u0635 \u0627\u0644\u062a\u062c\u0627\u0631\u064a<\/label>\n                            <select id=\"license-duration\" required=\"\">\n                                <option value=\"\" disabled selected>\u0627\u062e\u062a\u0631 \u0627\u0644\u0633\u0646\u0648\u0627\u062a<\/option>\n                                <option value=\"1\">1 \u0633\u0646\u0629<\/option>\n                                <option value=\"2\">2 \u0633\u0646\u0629<\/option>\n                                <option value=\"3\">3 \u0633\u0646\u0648\u0627\u062a<\/option>\n                                <option value=\"5\">5 \u0633\u0646\u0648\u0627\u062a<\/option>\n                                <option value=\"10\">10 \u0633\u0646\u0648\u0627\u062a<\/option>\n                            <\/select>\n                            <div class=\"error-message\" id=\"license-duration-error\"><\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"form-col\">\n                        <div class=\"form-group\">\n                            <label for=\"investor-visas\">\u0639\u062f\u062f \u0627\u0644\u062a\u0623\u0634\u064a\u0631\u0627\u062a \u0644\u0644\u0645\u0633\u062a\u062b\u0645\u0631\u064a\u0646 <\/label>\n                            <input type=\"number\" id=\"investor-visas\" min=\"0\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0631\u0642\u0645\" required=\"\">\n                            <div class=\"error-message\" id=\"investor-visas-error\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n\n                    <div class=\"form-col\">\n                        <div class=\"form-group\">\n                            <label for=\"employee-visas\">\u0639\u062f\u062f \u0627\u0644\u062a\u0623\u0634\u064a\u0631\u0627\u062a \u0644\u0644\u0645\u0648\u0638\u0641\u064a\u0646<\/label>\n                            <input type=\"number\" id=\"employee-visas\" min=\"0\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0631\u0642\u0645\" required=\"\">\n                            <div class=\"error-message\" id=\"employee-visas-error\"><\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"form-col\">\n                        <div class=\"form-group\">\n                            <label for=\"business-bank-account\">\u0647\u0644 \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u062d\u0633\u0627\u0628 \u0645\u0635\u0631\u0641\u064a \u062a\u062c\u0627\u0631\u064a\u061f<\/label>\n                            <select id=\"business-bank-account\" required=\"\">\n                                <option value=\"\" disabled selected>\u0627\u062e\u062a\u0631 \u0627\u0644\u062e\u064a\u0627\u0631<\/option>\n                                <option value=\"\u0646\u0639\u0645\">\u0646\u0639\u0645<\/option>\n                                <option value=\"\u0644\u0627 \u064a\u0648\u062c\u062f\">\u0644\u0627<\/option>\n                            <\/select> \n                            <div class=\"error-message\" id=\"business-bank-account-error\"><\/div>\n                        <\/div>\n                    <\/div>\n\n            <\/div>\n\n            <div class=\"form-step\" id=\"step-4\">\n                <table>\n                    <tr>\n                        <td>\u0646\u0648\u0639 \u0627\u0644\u0639\u0628\u0648\u0629:<\/td>\n                        <td id=\"summary-package-type\">\u0642\u064a\u0627\u0633\u064a\u0629<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>\u0645\u062f\u0629 \u0627\u0644\u062a\u0631\u062e\u064a\u0635:<\/td>\n                        <td id=\"summary-license-duration\">1 \u0633\u0646\u0629<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u062a\u0631\u062e\u064a\u0635<\/td>\n                        <td id=\"license-cost\">0<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u062a\u0623\u0634\u064a\u0631\u0629 (\u0645\u0633\u062a\u062b\u0645\u0631 + \u0645\u0648\u0638\u0641):<\/td>\n                        <td id=\"visa-cost\">0<\/td>\n                    <\/tr>\n                    <tr id=\"bank-account-row\" style=\"display: none;\">\n                        <td>\u062d\u0633\u0627\u0628 \u0645\u0635\u0631\u0641\u064a \u062a\u062c\u0627\u0631\u064a:<\/td>\n                        <td id=\"bank-account-cost\">0<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>\u0627\u0644\u062e\u0635\u0645 \u0627\u0644\u0645\u0637\u0628\u0642:<\/td>\n                        <td id=\"summary-discount\">0%<\/td>\n                    <\/tr>\n                    <tr id=\"srix-total-T-Cost-css\">\n                        <td><strong>\u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\u0629<\/strong><\/td>\n                        <td id=\"total-cost\"><strong>0<\/strong><\/td>\n                    <\/tr>\n                <\/table>\n\n                <div id=\"included-features\" class=\"included-features\" style=\"display: none;\">\n\n                    <div class=\"features-grid\">\n                        <div class=\"feature-item\">\n                            <i class=\"\"><svg width=\"22\" height=\"22\" viewbox=\"0 0 22 22\" fill=\"none\" xmlns=\"https:\/\/www.w3.org\/2000\/svg\">\n<rect x=\"0.360352\" y=\"0.214844\" width=\"21.573\" height=\"21.573\" rx=\"3.5955\" fill=\"url(#paint0_linear_1176_32210)\"\/>\n<path d=\"M17.1393 6.50781L8.89961 14.7475L5.1543 11.0022\" stroke=\"white\" stroke-width=\"1.79775\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<defs>\n<lineargradient id=\"paint0_linear_1176_32210\" x1=\"21.9333\" y1=\"0.214842\" x2=\"-3.96883\" y2=\"13.0539\" gradientunits=\"userSpaceOnUse\">\n<stop stop-color=\"#1C1B1A\"\/>\n<stop offset=\"1\" stop-color=\"#703CF9\"\/>\n<\/lineargradient>\n<\/defs>\n<\/svg>\n<\/i>\n                            <span>\u0627\u0644\u0631\u062e\u0635\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/span>\n                        <\/div>\n                        <div class=\"feature-item\">\n                            <i class=\"\"><svg width=\"22\" height=\"   22\" viewbox=\"0 0 22 22\" fill=\"none\" xmlns=\"https:\/\/www.w3.org\/2000\/svg\">\n<rect x=\"0.360352\" y=\"0.214844\" width=\"21.573\" height=\"21.573\" rx=\"3.5955\" fill=\"url(#paint0_linear_1176_32210)\"\/>\n<path d=\"M17.1393 6.50781L8.89961 14.7475L5.1543 11.0022\" stroke=\"white\" stroke-width=\"1.79775\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<defs>\n<lineargradient id=\"paint0_linear_1176_32210\" x1=\"21.9333\" y1=\"0.214842\" x2=\"-3.96883\" y2=\"13.0539\" gradientunits=\"userSpaceOnUse\">\n<stop stop-color=\"#1C1B1A\"\/>\n<stop offset=\"1\" stop-color=\"#703CF9\"\/>\n<\/lineargradient>\n<\/defs>\n<\/svg>\n                            <\/i>\n                            <span>\u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0642\u0646\u0627\u0629 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629<\/span>\n                        <\/div>\n                        <div class=\"feature-item\">\n                            <i class=\"\"><svg width=\"22\" height=\"22\" viewbox=\"0 0 22 22\" fill=\"none\" xmlns=\"https:\/\/www.w3.org\/2000\/svg\">\n<rect x=\"0.360352\" y=\"0.214844\" width=\"21.573\" height=\"21.573\" rx=\"3.5955\" fill=\"url(#paint0_linear_1176_32210)\"\/>\n<path d=\"M17.1393 6.50781L8.89961 14.7475L5.1543 11.0022\" stroke=\"white\" stroke-width=\"1.79775\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<defs>\n<lineargradient id=\"paint0_linear_1176_32210\" x1=\"21.9333\" y1=\"0.214842\" x2=\"-3.96883\" y2=\"13.0539\" gradientunits=\"userSpaceOnUse\">\n<stop stop-color=\"#1C1B1A\"\/>\n<stop offset=\"1\" stop-color=\"#703CF9\"\/>\n<\/lineargradient>\n<\/defs>\n<\/svg>\n                            <\/i>\n                            <span>\u0645\u0633\u0627\u062d\u0629 \u0639\u0645\u0644 \u0645\u0634\u062a\u0631\u0643\u0629 \u0645\u0639 \u0639\u0642\u062f \u0625\u064a\u062c\u0627\u0631<\/span>\n                        <\/div>\n                        <div class=\"feature-item\">\n                            <i class=\"\"><svg width=\"22\" height=\"22\" viewbox=\"0 0 22 22\" fill=\"none\" xmlns=\"https:\/\/www.w3.org\/2000\/svg\">\n<rect x=\"0.360352\" y=\"0.214844\" width=\"21.573\" height=\"21.573\" rx=\"3.5955\" fill=\"url(#paint0_linear_1176_32210)\"\/>\n<path d=\"M17.1393 6.50781L8.89961 14.7475L5.1543 11.0022\" stroke=\"white\" stroke-width=\"1.79775\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<defs>\n<lineargradient id=\"paint0_linear_1176_32210\" x1=\"21.9333\" y1=\"0.214842\" x2=\"-3.96883\" y2=\"13.0539\" gradientunits=\"userSpaceOnUse\">\n<stop stop-color=\"#1C1B1A\"\/>\n<stop offset=\"1\" stop-color=\"#703CF9\"\/>\n<\/lineargradient>\n<\/defs>\n<\/svg>\n<\/i>\n                            <span>\u0637\u0628\u0627\u0639\u0629 \u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a\u064a\u0629<\/span>\n                        <\/div>\n                                                <div class=\"feature-item\">\n                            <i class=\"\"><svg width=\"22\" height=\"22\" viewbox=\"0 0 22 22\" fill=\"none\" xmlns=\"https:\/\/www.w3.org\/2000\/svg\">\n<rect x=\"0.360352\" y=\"0.214844\" width=\"21.573\" height=\"21.573\" rx=\"3.5955\" fill=\"url(#paint0_linear_1176_32210)\"\/>\n<path d=\"M17.1393 6.50781L8.89961 14.7475L5.1543 11.0022\" stroke=\"white\" stroke-width=\"1.79775\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<defs>\n<lineargradient id=\"paint0_linear_1176_32210\" x1=\"21.9333\" y1=\"0.214842\" x2=\"-3.96883\" y2=\"13.0539\" gradientunits=\"userSpaceOnUse\">\n<stop stop-color=\"#1C1B1A\"\/>\n<stop offset=\"1\" stop-color=\"#703CF9\"\/>\n<\/lineargradient>\n<\/defs>\n<\/svg>\n<\/i>\n                            <span>\u0628\u0637\u0627\u0642\u0629 \u0627\u0644\u0647\u062c\u0631\u0629<\/span>\n                        <\/div>\n                                                <div class=\"feature-item\">\n                            <i class=\"\"><svg width=\"22\" height=\"22\" viewbox=\"0 0 22 22\" fill=\"none\" xmlns=\"https:\/\/www.w3.org\/2000\/svg\">\n<rect x=\"0.360352\" y=\"0.214844\" width=\"21.573\" height=\"21.573\" rx=\"3.5955\" fill=\"url(#paint0_linear_1176_32210)\"\/>\n<path d=\"M17.1393 6.50781L8.89961 14.7475L5.1543 11.0022\" stroke=\"white\" stroke-width=\"1.79775\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<defs>\n<lineargradient id=\"paint0_linear_1176_32210\" x1=\"21.9333\" y1=\"0.214842\" x2=\"-3.96883\" y2=\"13.0539\" gradientunits=\"userSpaceOnUse\">\n<stop stop-color=\"#1C1B1A\"\/>\n<stop offset=\"1\" stop-color=\"#703CF9\"\/>\n<\/lineargradient>\n<\/defs>\n<\/svg>\n<\/i>\n                            <span>\u062a\u0623\u0634\u064a\u0631\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u062b\u0645\u0631\u064a\u0646\/\u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <p class=\"cost-disclaimer\">*\u062a\u064f\u062f\u0641\u0639 \u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0645\u0628\u0627\u0634\u0631\u0629\u064b \u0625\u0644\u0649 \u0627\u0644\u0645\u0631\u0643\u0632 \u0627\u0644\u0637\u0628\u064a<br>*\u062a\u063a\u064a\u064a\u0631 \u0627\u0644\u062d\u0627\u0644\u0629 \u0644\u0627 \u064a\u0646\u0637\u0628\u0642 \u0625\u0644\u0627 \u0625\u0630\u0627 \u0643\u0627\u0646 \u0627\u0644\u0634\u062e\u0635 \u062f\u0627\u062e\u0644 \u0627\u0644\u0628\u0644\u062f \u0648\u062a\u0642\u062f\u0645 \u0628\u0637\u0644\u0628 \u0627\u0644\u062a\u0623\u0634\u064a\u0631\u0629<br>*\u0627\u0644\u0623\u0633\u0639\u0627\u0631 \u0627\u0644\u0645\u0642\u062f\u0645\u0629 \u062a\u0642\u062f\u064a\u0631\u064a\u0629 \u0641\u0642\u0637. \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u062f\u0642\u064a\u0642\u0629 \u0644\u062a\u0623\u0633\u064a\u0633 \u0639\u0645\u0644\u0643\u060c \u064a\u064f\u0631\u062c\u0649 \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0628\u0623\u062d\u062f \u0645\u0633\u062a\u0634\u0627\u0631\u064a \u062a\u0623\u0633\u064a\u0633 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0644\u062f\u064a\u0646\u0627. <\/p>\n            <\/div>\n\n        <\/div>\n        <div id=\"theFinalSuccessMessage\" class=\"d-none\">\n            <h2>\u0634\u0643\u0631\u0627\u064b \u0644\u0643\u060c <span id=\"success-first-name\"><\/span>!<\/h2>\n            <p>\u062a\u0645 \u0625\u0631\u0633\u0627\u0644 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0643 \u0628\u0646\u062c\u0627\u062d. \u0633\u064a\u062a\u0635\u0644 \u0628\u0643 \u0623\u062d\u062f \u0645\u0633\u062a\u0634\u0627\u0631\u064a \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0644\u062f\u064a\u0646\u0627 \u0642\u0631\u064a\u0628\u0627\u064b. <\/p>\n        <\/div>\n\n        <div class=\"form-navigation\">\n            <button class=\"d-none\" type=\"button\" id=\"prevBtn\" onclick=\"prevStep()\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" width=\"7\" height=\"12\" viewbox=\"0 0 7 12\" fill=\"none\">\n                <path d=\"M6.15234 10.5205L1.35968 5.72784L6.15234 0.935181\" stroke=\"#6226FF\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg> <span style=\"margin-left: 10px;\">\u0627\u0644\u0633\u0627\u0628\u0642<\/span><\/button>\n            <button type=\"button\" id=\"nextBtn\" onclick=\"nextStep()\"><span>\u0627\u0644\u062a\u0627\u0644\u064a<\/span> <svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" width=\"8\" height=\"12\" viewbox=\"0 0 8 12\" fill=\"none\">\n                <path d=\"M1.72266 10.5206L6.51532 5.72797L1.72266 0.935303\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg><\/button>\n            <button class=\"d-none\" type=\"button\" id=\"submitBtn\"><span style=\"margin-right: 5px;\">\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0645\u0643\u0627\u0644\u0645\u0629<\/span> <svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" width=\"8\" height=\"12\" viewbox=\"0 0 8 12\" fill=\"none\">\n                <path d=\"M1.72266 10.5206L6.51532 5.72797L1.72266 0.935303\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg><\/button>\n        <\/div>\n    <\/form>\n<\/div>\n<\/section>\n\n<script>\n    let currentStep = 1;\n    const totalSteps = 3; \/\/ Updated to 3 total steps\n\n\n    let LicenseCost = 0;\n    let VisaCost = 0;\n    let inactivityTimer;\n    const INACTIVITY_TIMEOUT = 60000; \/\/ 60 seconds\n    let firstStepData = null;\n    let hasStartedForm = false;\n    let hasSubmittedIncomplete = false;\n\n    \/\/ Check if we already started the form in a previous session\n    document.addEventListener('DOMContentLoaded', function() {\n        try {\n            \/\/ Reset form state to ensure a clean start\n            \/\/ Instead of reading from localStorage, always start fresh\n            hasStartedForm = false;\n            \n            \/\/ Debug form state\n        } catch (err) {\n            \/\/ Error initializing form state\n        }\n    });\n\n    \/\/ Add a global event listener for form fields to track user interaction\n    document.addEventListener('change', function(e) {\n        const isFormField = e.target.tagName === 'INPUT' || \n                            e.target.tagName === 'SELECT' || \n                            e.target.tagName === 'TEXTAREA';\n        \n        if (isFormField && !hasStartedForm) {\n            hasStartedForm = true;\n            \n            \/\/ Save form started state\n            try {\n                localStorage.setItem('formStarted', 'true');\n            } catch (err) {\n                \/\/ Error saving form started state\n            }\n        }\n    });\n\n\/\/ Set the initial progress pill state\nupdateProgressPill(currentStep);\n\n\/\/ Initialize with the right text color class\ndocument.getElementById(\"heading-top-right-numbs-steps-1\").classList.add(\"step-text-colored\");\ndocument.querySelector(\".step-word\").style.color = \"#6226FF\";\n\nfunction updateProgressPill(step) {\n\n    const displayStep = (step > totalSteps) ? totalSteps : step;\n\n\n    document.getElementById(\"current-step\").innerText = displayStep;\n\n\n    let lightSectionWidth;\n    const stepText = document.getElementById(\"heading-top-right-numbs-steps-1\");\n    const stepWord = document.querySelector(\".step-word\");\n\n    if (step === 1) {\n        lightSectionWidth = \"67%\"; \/\/ First step - colored section is 33%\n        \/\/ Make text show in purple\/blue on steps 1-2\n        stepText.classList.add(\"step-text-colored\");\n        stepText.classList.remove(\"step-text-white\");\n        if (stepWord) stepWord.style.color = \"#6226FF\";\n    } else if (step === 2) {\n        lightSectionWidth = \"33%\"; \/\/ Second step - colored section is 67%\n        \/\/ Make text show in purple\/blue on steps 1-2\n        stepText.classList.add(\"step-text-colored\");\n        stepText.classList.remove(\"step-text-white\");\n        if (stepWord) stepWord.style.color = \"#6226FF\";\n    } else if (step === 3 || step === 4) {\n        \/\/ Both step 3 and summary view get the same styling\n        lightSectionWidth = \"0%\"; \/\/ Third step - colored section is 100%\n        \/\/ Make text show in white on step 3 and summary\n        stepText.classList.add(\"step-text-white\");\n        stepText.classList.remove(\"step-text-colored\");\n        if (stepWord) stepWord.style.color = \"white\";\n    }\n\n    \/\/ Apply the width to control the colored section\n    document.documentElement.style.setProperty('--after-width', lightSectionWidth);\n}\n\nfunction changeHeading(step){\nif(step === 1){\ndocument.getElementById(\"theHeading\").innerHTML=\"Get Started\";\n}\nelse if(step === 2){\n        document.getElementById(\"theHeading\").innerHTML=\"Business Details\";\n}\nelse if(step === 3){\n        document.getElementById(\"theHeading\").innerHTML=\"Company & Visa\";\n}\nelse{\ndocument.getElementById(\"theHeading\").innerHTML=\"Estimated Cost Details\";\n}\n}\n\nfunction updateButtonsDisplay(step) {\n    if (step === 1) {\n        document.getElementById(\"prevBtn\").classList.add(\"d-none\");\n    } else {\n        document.getElementById(\"prevBtn\").classList.remove(\"d-none\");\n    }\n\n    if (step === 4) {\n        \/\/ Summary view\n        document.getElementById(\"nextBtn\").classList.add(\"d-none\");\n        document.getElementById(\"submitBtn\").classList.remove(\"d-none\");\n    } else {\n        document.getElementById(\"nextBtn\").classList.remove(\"d-none\");\n        document.getElementById(\"submitBtn\").classList.add(\"d-none\");\n    }\n}\n\nfunction updateStepTextHeadingRight(step) {\n    if (step === 4) {\n\n        document.getElementById(\"current-step\").innerText = totalSteps; \/\/ Use totalSteps (3) instead of hardcoding\n        document.getElementById(\"heading-top-right-numbs-steps-1\").classList.remove(\"d-none\");\n        document.getElementById(\"heading-top-right-numbs-steps-2\").classList.add(\"d-none\");\n\n        \/\/ Ensure the step text is white on the summary view\n        document.getElementById(\"heading-top-right-numbs-steps-1\").classList.add(\"step-text-white\");\n        document.getElementById(\"heading-top-right-numbs-steps-1\").classList.remove(\"step-text-colored\");\n        const stepWord = document.querySelector(\".step-word\");\n        if (stepWord) stepWord.style.color = \"white\";\n    } else {\n        document.getElementById(\"heading-top-right-numbs-steps-1\").classList.remove(\"d-none\");\n        document.getElementById(\"heading-top-right-numbs-steps-2\").classList.add(\"d-none\");\n    }\n}\n\nfunction nextStep() {\n    if(validateStep(currentStep)){\n        if (currentStep <= totalSteps) {\n            document.getElementById(`step-${currentStep}`).classList.remove(\"active\");\n            currentStep++;\n            changeHeading(currentStep);\n            updateStepTextHeadingRight(currentStep);\n            updateButtonsDisplay(currentStep);\n            calculateCosts();\n\n            \/\/ If we're moving beyond step 3, it's the summary view\n            if (currentStep > totalSteps) {\n                document.getElementById(`step-4`).classList.add(\"active\");\n            } else {\n            document.getElementById(`step-${currentStep}`).classList.add(\"active\");\n            }\n\n            \/\/ For the step counter, if we're at step 4 (summary), show \"3\/3\" instead\n            if (currentStep <= totalSteps) {\n                document.getElementById(\"current-step\").innerText = currentStep;\n            } else {\n                document.getElementById(\"current-step\").innerText = totalSteps; \/\/ Show \"3\" for the summary page\n            }\n\n            updateProgressPill(currentStep);\n\n            hasStartedForm = true;\n            setupInactivityTimer();\n        }\n    }\n}\n\n\nfunction prevStep() {\n    if (currentStep > 1) {\n        document.getElementById(`step-${currentStep}`).classList.remove(\"active\");\n        currentStep--;\n        changeHeading(currentStep);\n        updateStepTextHeadingRight(currentStep);\n        updateButtonsDisplay(currentStep);\n        document.getElementById(`step-${currentStep}`).classList.add(\"active\");\n        document.getElementById(\"current-step\").innerText = currentStep;\n        updateProgressPill(currentStep);\n        setupInactivityTimer();\n    }\n}\n\nfunction validateStep(step) {\n    let valid = true;\n    var stepElement = document.getElementById(`step-${step}`);\n    let inputs = stepElement.querySelectorAll(\"input, select\");\n\n    document.querySelectorAll('.error-message').forEach(el => el.textContent = '');\n    document.querySelectorAll('.error').forEach(el => el.classList.remove('error'));\n\n    inputs.forEach(input => {\n        const errorElement = document.getElementById(`${input.id}-error`);\n\n        if (input.hasAttribute(\"required\") && !input.value && input.type !== 'checkbox') {\n            input.classList.add('error');\n            if (errorElement) {\n                errorElement.textContent = \"This field is required\";\n            }\n            valid = false;\n            return;\n        }\n\n        \/\/ Special handling for checkbox\n        if (input.type === 'checkbox' && input.hasAttribute(\"required\") && !input.checked) {\n            if (errorElement) {\n                errorElement.textContent = \"You must agree to continue\";\n            }\n            valid = false;\n            return;\n        }\n\n        if (input.type === \"email\") {\n            const emailPattern = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n            if (!emailPattern.test(input.value)) {\n                input.classList.add('error');\n                if (errorElement) {\n                    errorElement.textContent = \"Please enter a valid email address\";\n                }\n                valid = false;\n                return;\n            }\n        }\n\n        if (input.type === \"tel\") {\n            if (!phoneInput.isValidNumber()) {\n                input.classList.add('error');\n                if (errorElement) {\n                    errorElement.textContent = \"Please enter a valid phone number\";\n                }\n                valid = false;\n                return;\n            }\n        }\n\n        if (input.id === \"first-name\" || input.id === \"last-name\") {\n            const namePattern = \/^[A-Za-z\\s]+$\/;\n            if (!namePattern.test(input.value)) {\n                input.classList.add('error');\n                if (errorElement) {\n                    errorElement.textContent = \"Name should contain only letters and spaces\";\n                }\n                valid = false;\n                return;\n            }\n        }\n    });\n\n    if (step === 2) {\n        \/\/ Validate start time\n        const startTime = document.getElementById(\"start-time\");\n        if (!startTime.value) {\n            startTime.classList.add('error');\n            const startTimeError = document.getElementById('start-time-error');\n            if (startTimeError) {\n                startTimeError.textContent = \"Please select when you plan to start your business\";\n            }\n            valid = false;\n        }\n\n        \/\/ Validate business activity as a simple text input\n        const businessActivity = document.getElementById(\"custom-activity\");\n        if (!businessActivity.value.trim()) {\n            businessActivity.classList.add('error');\n            const activitiesError = document.getElementById('activities-error');\n            if (activitiesError) {\n                activitiesError.textContent = \"Please enter a business activity\";\n            }\n            valid = false;\n        } else {\n            \/\/ Store the business activity in the selectedActivities array for compatibility\n            selectedActivities = [businessActivity.value.trim()];\n        }\n\n        \/\/ Validate shareholders range\n        const shareholdersRange = document.getElementById(\"shareholders-range\");\n        if (!shareholdersRange.value) {\n            shareholdersRange.classList.add('error');\n            const shareholdersRangeError = document.getElementById('shareholders-range-error');\n            if (shareholdersRangeError) {\n                shareholdersRangeError.textContent = \"Please select a range of shareholders\";\n            }\n            valid = false;\n        }\n\n        \/\/ Validate nationalities using Select2\n        const nationalities = $('#nationalities').val();\n        if (!nationalities || nationalities.length === 0) {\n            $('#nationalities').next('.select2-container').addClass('select2-error');\n            const nationalitiesError = document.getElementById('nationalities-error');\n            if (nationalitiesError) {\n                nationalitiesError.textContent = \"Please select at least one nationality\";\n            }\n            valid = false;\n        }\n    }\n\n    if (step === 3) {\n        \/\/ Validate package type\n        const packageType = document.getElementById('package-type');\n        if (!packageType.value) {\n            packageType.classList.add('error');\n            const packageTypeError = document.getElementById('package-type-error');\n            if (packageTypeError) {\n                packageTypeError.textContent = \"Please select a package type\";\n            }\n            valid = false;\n        }\n\n        \/\/ Validate license duration\n        const licenseDuration = document.getElementById('license-duration');\n        if (!licenseDuration.value) {\n            licenseDuration.classList.add('error');\n            const licenseDurationError = document.getElementById('license-duration-error');\n            if (licenseDurationError) {\n                licenseDurationError.textContent = \"Please select license duration\";\n            }\n            valid = false;\n        }\n\n        \/\/ Validate investor visas\n        const investorVisas = document.getElementById('investor-visas');\n        if (!investorVisas.value) {\n            investorVisas.classList.add('error');\n            const investorVisasError = document.getElementById('investor-visas-error');\n            if (investorVisasError) {\n                investorVisasError.textContent = \"Please enter number of investor visas\";\n            }\n            valid = false;\n        }\n\n        \/\/ Validate employee visas\n        const employeeVisas = document.getElementById('employee-visas');\n        if (!employeeVisas.value) {\n            employeeVisas.classList.add('error');\n            const employeeVisasError = document.getElementById('employee-visas-error');\n            if (employeeVisasError) {\n                employeeVisasError.textContent = \"Please enter number of employee visas\";\n            }\n            valid = false;\n        }\n\n        \/\/ Validate business bank account\n        const businessBankAccount = document.getElementById('business-bank-account');\n        if (!businessBankAccount.value) {\n            businessBankAccount.classList.add('error');\n            const businessBankAccountError = document.getElementById('business-bank-account-error');\n            if (businessBankAccountError) {\n                businessBankAccountError.textContent = \"Please select whether you need a business bank account\";\n            }\n            valid = false;\n        }\n    }\n\n    if (step === 1 && valid) {\n        firstStepData = {\n            firstName: document.getElementById(\"first-name\").value,\n            lastName: document.getElementById(\"last-name\").value,\n            phone: document.getElementById(\"phone\").value,\n            email: document.getElementById(\"email\").value,\n            consent: document.getElementById(\"consent-checkbox\").checked\n        };\n        setupInactivityTimer();\n    }\n\n    return valid;\n}\n\nfunction updateShareholders() {\n    const count = document.getElementById(\"shareholders\").value;\n    const inputs = document.getElementById(\"shareholder-inputs\");\n    inputs.innerHTML = '';\n\n    for (let i = 0; i < count; i++) {\n        const selectId = `shareholder-nationality-${i+1}`;\n        inputs.innerHTML += `\n            <select id=\"${selectId}\" class=\"nationality-select\" required>\n                <option value=\"\" disabled selected>Select Nationality of Shareholder<\/option>\n                ${countries.map(country => `<option value=\"${country}\">${country}<\/option>`).join('')}\n            <\/select>\n        `;\n    }\n\n    \/\/ Destroy any existing Select2 instances\n    $('.nationality-select').each(function() {\n        if ($(this).hasClass('select2-hidden-accessible')) {\n            $(this).select2('destroy');\n        }\n    });\n\n    \/\/ Initialize Select2 with minimal configuration\n    $('.nationality-select').select2({\n        placeholder: \"Select Nationality of Shareholder\",\n        width: '100%'\n    });\n\n    \/\/ Add validation handling for Select2\n    $('.nationality-select').on('change', function() {\n        if ($(this).val()) {\n            $(this).removeClass('error');\n            $(this).next('.select2-container').removeClass('select2-error');\n        } else {\n            $(this).addClass('error');\n            $(this).next('.select2-container').addClass('select2-error');\n        }\n    });\n}\n\n\nlet selectedActivities = [];\n\n\/\/ Empty placeholder functions for backwards compatibility\nfunction addActivity() {\n\n    return;\n}\n\nfunction displaySelectedActivities() {\n\n    return;\n}\n\nfunction updatePillButtons() {\n\n    return;\n}\n\nfunction calculateCosts() {\n    \/\/ Get package type, license duration, and visa selections\n    const packageType = document.getElementById(\"package-type\").value;\n    const licenseDuration = parseInt(document.getElementById(\"license-duration\").value) || 1;\n    const investorVisas = parseInt(document.getElementById(\"investor-visas\").value) || 0;\n    const employeeVisas = parseInt(document.getElementById(\"employee-visas\").value) || 0;\n    const businessBankAccount = document.getElementById(\"business-bank-account\").value;\n\n    \/\/ Base costs\n    let baseLicenseCost = 0;\n    let visaAllocationInvestor = 1600;\n    let visaAllocationEmployee = 1600;\n    let leaseAgreement = 375;\n    let immigrationCard = 640;\n    let echannel = 2280;\n    let investorVisaCost = 2200;\n    let employeeVisaCost = 3700;\n    let eidTyping = 330; \/\/ EID typing is a one-time cost\n    \/\/ Medical test excluded per client request\n    let medicalTest = 0;\n    let changeOfStatus = 0;\n    let bankAccountCost = (businessBankAccount === \"yes\") ? 2000 : 0;\n\n    \/\/ Set package-specific costs\n    if (packageType === \"standard\") {\n        baseLicenseCost = 6500;\n        changeOfStatus = 700;\n        document.getElementById(\"summary-package-type\").innerText = \"Standard\";\n    } else if (packageType === \"media\") {\n        baseLicenseCost = 5375;\n        changeOfStatus = 0;\n        document.getElementById(\"summary-package-type\").innerText = \"Media\";\n    }\n\n    \/\/ Display or hide bank account cost row\n    const bankAccountRow = document.getElementById(\"bank-account-row\");\n    if (bankAccountCost > 0) {\n        bankAccountRow.style.display = \"table-row\";\n        document.getElementById(\"bank-account-cost\").innerText = bankAccountCost.toLocaleString();\n    } else {\n        bankAccountRow.style.display = \"none\";\n    }\n\n    \/\/ Update license duration in summary\n    document.getElementById(\"summary-license-duration\").innerText = licenseDuration + \" year\" + (licenseDuration > 1 ? \"s\" : \"\");\n\n    \/\/ Apply discount based on license duration\n    let discountPercentage = 0;\n    switch(licenseDuration) {\n        case 1: discountPercentage = 0; break;\n        case 2: discountPercentage = 2; break;\n        case 3: discountPercentage = 3; break;\n        case 5: discountPercentage = 5; break;\n        case 10: discountPercentage = 10; break;\n    }\n\n    \/\/ Update discount percentage in summary\n    document.getElementById(\"summary-discount\").innerText = discountPercentage + \"%\";\n\n    \/\/ Calculate according to the Excel example\n\n    \/\/ Business License: Base Cost \u00d7 Validity\n    let businessLicenseCost = baseLicenseCost * licenseDuration;\n\n    \/\/ Visa Allocation Investor: 1600 \u00d7 Number of Investor Visas \u00d7 Duration\n    let visaAllocationInvestorTotal = visaAllocationInvestor * investorVisas * licenseDuration;\n\n    \/\/ Visa Allocation Employee: 1600 \u00d7 Number of Employee Visas \u00d7 Duration\n    let visaAllocationEmployeeTotal = visaAllocationEmployee * employeeVisas * licenseDuration;\n\n    \/\/ Lease Agreement: 375 \u00d7 Validity\n    let leaseAgreementTotal = leaseAgreement * licenseDuration;\n\n    \/\/ Total Amount before discount\n    let totalBeforeDiscount = businessLicenseCost + visaAllocationInvestorTotal +\n                             visaAllocationEmployeeTotal + leaseAgreementTotal;\n\n    \/\/ Calculate discount\n    let discountAmount = totalBeforeDiscount * (discountPercentage \/ 100);\n\n    \/\/ License cost after discount\n    let licenseAfterDiscount = totalBeforeDiscount - discountAmount + 10; \/\/ Add 10 AED as per sheet\n\n    \/\/ Immigration Card (only included when visas are selected)\n    let immigrationCardTotal = 0;\n    if (investorVisas > 0 || employeeVisas > 0) {\n        immigrationCardTotal = immigrationCard;\n    }\n\n    \/\/ Amount to start the process\n    let startAmount = licenseAfterDiscount + immigrationCardTotal;\n\n    \/\/ Additional costs per visa\n    let visaAdditionalCosts = 0;\n\n    \/\/ E-channel for each investor visa\n    if (investorVisas > 0) {\n        \/\/ Each investor visa gets: Investor visa cost + change of status\n        visaAdditionalCosts += (investorVisaCost * investorVisas) + (changeOfStatus * investorVisas);\n\n        \/\/ E-channel is calculated once regardless of number of visas\n        visaAdditionalCosts += echannel;\n    }\n\n    \/\/ Employee visa costs\n    if (employeeVisas > 0) {\n        \/\/ Each employee visa gets: Employee visa cost\n        visaAdditionalCosts += (employeeVisaCost * employeeVisas);\n    }\n\n    \/\/ EID Typing is a one-time cost regardless of number of visas\n    if (investorVisas > 0 || employeeVisas > 0) {\n        visaAdditionalCosts += eidTyping;\n    }\n\n    \/\/ Total amount\n    let finalTotalCost = startAmount + visaAdditionalCosts + bankAccountCost;\n\n    \/\/ Set the cost values for display\n    LicenseCost = Math.round(licenseAfterDiscount);\n    VisaCost = Math.round(visaAdditionalCosts);\n\n    \/\/ Update UI with formatted costs\n    document.getElementById(\"license-cost\").innerText = LicenseCost.toLocaleString();\n    document.getElementById(\"visa-cost\").innerText = VisaCost.toLocaleString();\n    document.getElementById(\"total-cost\").innerText = \"AED \" + Math.round(finalTotalCost).toLocaleString();\n\n    \/\/ Show or hide the included features section based on whether visas are selected\n    const includedFeatures = document.getElementById(\"included-features\");\n    if (investorVisas > 0 || employeeVisas > 0) {\n        includedFeatures.style.display = \"block\";\n    } else {\n        includedFeatures.style.display = \"none\";\n    }\n}\n\nfunction calculateTotalCost() {\n    const licenseCost = parseInt(document.getElementById(\"license-cost\").innerText.replace(\/,\/g, '')) || 0;\n    const visaCost = parseInt(document.getElementById(\"visa-cost\").innerText.replace(\/,\/g, '')) || 0;\n    const bankCost = parseInt(document.getElementById(\"bank-account-cost\").innerText.replace(\/,\/g, '')) || 0;\n    return licenseCost + visaCost + bankCost;\n}\n\nfunction submitPartialData(step, status = 'incomplete') {\n    const totalCost = calculateTotalCost();\n\n    \/\/ Get current discount percentage\n    const discountPercentage = document.getElementById(\"summary-discount\")?.innerText || '0%';\n\n    \/\/ Get nationalities using Select2\n    const selectedNationalities = $('#nationalities').val() || [];\n    const nationalities = selectedNationalities.join(', ');\n\n    const formData = {\n        firstName: document.getElementById(\"first-name\").value,\n        lastName: document.getElementById(\"last-name\").value,\n        phone: phoneInput.getNumber(),\n        email: document.getElementById(\"email\").value,\n        consent: document.getElementById(\"consent-checkbox\").checked,\n        start_time: document.getElementById(\"start-time\")?.value || '',\n        business_activities: selectedActivities.join(', '),\n        shareholders_range: document.getElementById(\"shareholders-range\")?.value || '',\n        nationalities: nationalities,\n        package_type: document.getElementById(\"package-type\")?.value || '',\n        license_duration: document.getElementById(\"license-duration\")?.value || '',\n        investor_visas: document.getElementById(\"investor-visas\")?.value || '',\n        employee_visas: document.getElementById(\"employee-visas\")?.value || '',\n        business_bank_account: document.getElementById(\"business-bank-account\")?.value || '',\n        current_step: step,\n        total_cost: totalCost,\n        license_cost: LicenseCost,\n        visa_cost: VisaCost,\n        form_status: status,\n        submission_date: new Date().toISOString(),\n        browser: navigator.userAgent,\n        screen_size: `${window.innerWidth}x${window.innerHeight}`\n    };\n\n    \/\/ Save to localStorage first as a guaranteed backup\n    \/\/ NOTE: We're still saving data for backup purposes, but not attempting to resume from it\n    \/\/ This way we have the data for debugging but avoid the form breaking\n    try {\n        localStorage.setItem('formPartialData', JSON.stringify(formData));\n        \n        \/\/ Set flags\n        localStorage.setItem('formHasPartialData', 'true');\n        localStorage.setItem('formPartialStep', step.toString());\n        localStorage.setItem('formPartialStatus', status);\n    } catch (error) {\n        \/\/ Failed to save to localStorage\n    }\n\n    \/\/ Only proceed if we have at least some basic data\n    if (formData.firstName || formData.lastName || formData.phone || formData.email || formData.consent || formData.package_type || formData.license_duration || formData.investor_visas || formData.employee_visas || formData.business_activities.length > 0) {\n        \/\/ Try Elementor form approach\n        const elementorForm = $('#my-calculator-elementor-form');\n\n        if (elementorForm.length === 0) {\n            \/\/ If Elementor form is not found, try direct submission\n            submitDirectly(formData);\n            return;\n        }\n\n        try {\n            \/\/ Set all form fields\n            Object.keys(formData).forEach(key => {\n                const fieldSelector = `input[name=\"form_fields[${key}]\"]`;\n                const field = elementorForm.find(fieldSelector);\n                \n                if (field.length > 0) {\n                    field.val(formData[key]);\n                } else {\n                    \/\/ Field not found in Elementor form\n                }\n            });\n\n            const elementorSubmitButton = elementorForm.find('.elementor-button[type=\"submit\"]');\n            if (elementorSubmitButton.length > 0) {\n                elementorSubmitButton.click();\n                hasSubmittedIncomplete = true;\n            } else {\n                \/\/ Elementor submit button not found for partial submission\n                submitDirectly(formData);\n            }\n        } catch (error) {\n            \/\/ Error updating\/submitting Elementor form for partial data\n            submitDirectly(formData);\n        }\n    } else {\n        \/\/ Not enough data to submit form\n    }\n    \n    \/\/ Mark as submitted regardless\n    hasSubmittedIncomplete = true;\n}\n\n\/\/ Function to submit data directly via AJAX if Elementor form fails\nfunction submitDirectly(formData) {\n    try {\n        \/\/ Create form data\n        const directFormData = new FormData();\n        Object.keys(formData).forEach(key => {\n            directFormData.append(key, formData[key]);\n        });\n        \n        \/\/ Add an identifier\n        directFormData.append('submission_type', 'direct_fallback');\n        \n        \/\/ Send the request\n        const xhr = new XMLHttpRequest();\n        xhr.open('POST', window.location.href, true);\n        xhr.onload = function() {\n            if (xhr.status === 200) {\n                \/\/ Direct submission successful\n            } else {\n                \/\/ Direct submission failed with status\n            }\n        };\n        xhr.onerror = function() {\n            \/\/ Direct submission network error\n        };\n        xhr.send(directFormData);\n    } catch (error) {\n        \/\/ Error in direct submission\n    }\n}\n\n\/\/ Place this at the top of the script to detect user activity\nlet lastActivityTime = Date.now();\nconst activityEvents = ['mousedown', 'mousemove', 'keypress', 'scroll', 'touchstart'];\n\nactivityEvents.forEach(function(eventName) {\n    document.addEventListener(eventName, function() {\n        lastActivityTime = Date.now();\n    });\n});\n\n\/\/ Replace the existing setupInactivityTimer function\nfunction setupInactivityTimer() {\n    \/\/ Clear any existing timer\n    if (inactivityTimer) {\n        clearTimeout(inactivityTimer);\n    }\n    \n    \/\/ Don't set up the timer if we've already submitted partial data\n    if (hasSubmittedIncomplete) {\n        return;\n    }\n    \n    \/\/ Create a function to check for inactivity periodically\n    const checkInactivity = () => {\n        const currentTime = Date.now();\n        const timeSinceLastActivity = currentTime - lastActivityTime;\n        \n        \/\/ If inactive for the specified duration and form has been started\n        if (timeSinceLastActivity >= INACTIVITY_TIMEOUT && hasStartedForm && !hasSubmittedIncomplete && currentStep <= totalSteps) {\n            \/\/ Show a toast notification\n            showToast(`Your progress has been saved automatically. You can return later to continue.`, 5000);\n            \n            \/\/ Submit partial data with status for inactivity\n            submitPartialData(currentStep, 'incomplete_timeout');\n            \n            \/\/ Prevent further submissions\n            hasSubmittedIncomplete = true;\n        } else {\n            \/\/ If conditions not met, keep checking\n            inactivityTimer = setTimeout(checkInactivity, 10000); \/\/ Check every 10 seconds\n        }\n    };\n    \n    \/\/ Start the timer\n    inactivityTimer = setTimeout(checkInactivity, 10000); \/\/ Initial check after 10 seconds\n}\n\n\/\/ Ensure the hasStartedForm flag is properly set\nfunction markFormAsStarted() {\n    if (!hasStartedForm) {\n        hasStartedForm = true;\n        setupInactivityTimer();\n        \n        \/\/ Save this state to localStorage\n        try {\n            localStorage.setItem('formStarted', 'true');\n        } catch (err) {\n            \/\/ Error saving form started state\n        }\n    }\n}\n\n\/\/ Call this function whenever any form field changes\ndocument.addEventListener('input', function(e) {\n    if (e.target.tagName === 'INPUT' || e.target.tagName === 'SELECT' || e.target.tagName === 'TEXTAREA') {\n        markFormAsStarted();\n    }\n});\n\n\/\/ Update the nextStep function to mark the form as started\nconst originalNextStep = nextStep;\nnextStep = function() {\n    markFormAsStarted();\n    return originalNextStep.apply(this, arguments);\n};\n\n\/\/ Helper function to show a toast notification\nfunction showToast(message, duration) {\n    \/\/ Create toast container if it doesn't exist\n    let toastContainer = document.getElementById('form-toast-container');\n    if (!toastContainer) {\n        toastContainer = document.createElement('div');\n        toastContainer.id = 'form-toast-container';\n        toastContainer.style.position = 'fixed';\n        toastContainer.style.bottom = '20px';\n        toastContainer.style.right = '20px';\n        toastContainer.style.zIndex = '10000';\n        document.body.appendChild(toastContainer);\n    }\n    \n    \/\/ Create toast\n    const toast = document.createElement('div');\n    toast.style.padding = '12px 24px';\n    toast.style.background = 'rgba(36, 11, 106, 0.9)';\n    toast.style.color = 'white';\n    toast.style.borderRadius = '4px';\n    toast.style.marginTop = '10px';\n    toast.style.boxShadow = '0 2px 10px rgba(0,0,0,0.2)';\n    toast.style.opacity = '0';\n    toast.style.transition = 'opacity 0.3s ease';\n    toast.textContent = message;\n    \n    \/\/ Add toast to container\n    toastContainer.appendChild(toast);\n    \n    \/\/ Show the toast\n    setTimeout(() => {\n        toast.style.opacity = '1';\n    }, 10);\n    \n    \/\/ Remove the toast after duration\n    setTimeout(() => {\n        toast.style.opacity = '0';\n        setTimeout(() => {\n            toast.remove();\n        }, 300);\n    }, duration);\n}\n\n\/\/ Replace the existing beforeunload event handler with a more robust version\nwindow.onbeforeunload = function(e) {\n    if (hasStartedForm && !document.getElementById('submitBtn').disabled && !hasSubmittedIncomplete && currentStep <= totalSteps) {\n        \/\/ Force synchronous data submission to ensure it happens before the page unloads\n        try {\n            \/\/ Simplified synchronous submission that doesn't rely on complex data reading\n            const xhr = new XMLHttpRequest();\n            xhr.open('POST', window.location.href, false); \/\/ false makes it synchronous\n            xhr.setRequestHeader('Content-Type', 'application\/x-www-form-urlencoded');\n            \n            \/\/ Collect minimal form data to ensure fast processing\n            const formData = new FormData();\n            formData.append('form_status', 'incomplete_leave');\n            formData.append('current_step', currentStep);\n            formData.append('first_name', document.getElementById(\"first-name\").value || '');\n            formData.append('email', document.getElementById(\"email\").value || '');\n            \n            \/\/ Convert FormData to URL-encoded string\n            const urlEncodedData = new URLSearchParams(formData).toString();\n            \n            \/\/ Send the request\n            xhr.send(urlEncodedData);\n        } catch (err) {\n            \/\/ Error in synchronous submission\n        }\n        \n        \/\/ Also try to submit using our regular method\n        submitPartialData(currentStep, 'incomplete_leave');\n\n        \/\/ Set the hasSubmittedIncomplete flag\n        hasSubmittedIncomplete = true;\n\n        \/\/ Store minimal data in localStorage as backup\n        try {\n            const basicData = {\n                timestamp: new Date().toISOString()\n            };\n            localStorage.setItem('emergency_form_backup', JSON.stringify(basicData));\n        } catch (err) {\n            \/\/ Error saving to localStorage\n        }\n        \n        \/\/ Standard way to show a confirmation dialog\n        const confirmationMessage = 'You have an unfinished form. Are you sure you want to leave?';\n        (e || window.event).returnValue = confirmationMessage;\n        return confirmationMessage;\n    }\n};\n\n\/\/ Keep the existing addEventListener version as a backup\nwindow.addEventListener('beforeunload', function(e) {\n    if (hasStartedForm && !document.getElementById('submitBtn').disabled && !hasSubmittedIncomplete && currentStep <= totalSteps) {\n        submitPartialData(currentStep, 'incomplete_leave_backup');\n        hasSubmittedIncomplete = true;\n        \n        const confirmationMessage = 'You have an unfinished form. Are you sure you want to leave?';\n        e.preventDefault();\n        e.returnValue = confirmationMessage;\n        return confirmationMessage;\n    }\n});\n\ndocument.addEventListener('visibilitychange', function() {\n    if (document.visibilityState === 'hidden' && hasStartedForm && !document.getElementById('submitBtn').disabled && !hasSubmittedIncomplete && currentStep <= totalSteps) {\n        submitPartialData(currentStep, 'incomplete_hidden');\n    }\n});\n\nconst phoneInputField = document.querySelector(\"#phone\");\nconst phoneInput = window.intlTelInput(phoneInputField, {\n    preferredCountries: [\"ae\", \"sa\", \"kw\", \"bh\", \"om\", \"qa\"],\n    utilsScript: \"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/intl-tel-input\/17.0.8\/js\/utils.js\",\n    separateDialCode: true,\n    formatOnDisplay: true,\n    autoPlaceholder: \"polite\"\n});\n\nphoneInputField.addEventListener(\"blur\", function() {\n    if (phoneInputField.value.trim()) {\n        if (phoneInput.isValidNumber()) {\n            phoneInputField.classList.remove(\"error\");\n        } else {\n            phoneInputField.classList.add(\"error\");\n        }\n    }\n});\n\nfunction getFullPhoneNumber() {\n    return phoneInput.getNumber();\n}\n\ndocument.getElementById('submitBtn').addEventListener('click', function(e) {\n    e.preventDefault(); \/\/ Prevent default button action\n    const submitBtn = this;\n\n    if (submitBtn.classList.contains('button-loading')) {\n        return;\n    }\n\n    clearTimeout(inactivityTimer);\n    hasStartedForm = false;\n    hasSubmittedIncomplete = true; \n\n    submitBtn.classList.add('button-loading');\n    submitBtn.disabled = true;\n\n    \/\/ 1. Calculate final costs one last time (if needed)\n    calculateCosts();\n\n    \/\/ 2. Gather all data\n    const firstName = document.getElementById(\"first-name\").value;\n    const lastName = document.getElementById(\"last-name\").value;\n    const phone = phoneInput.getNumber(); \/\/ From intl-tel-input instance\n    const email = document.getElementById(\"email\").value;\n    const consent = document.getElementById(\"consent-checkbox\").checked;\n    const startTime = document.getElementById(\"start-time\")?.value || '';\n    const shareholdersRange = document.getElementById(\"shareholders-range\")?.value || '';\n\n    \/\/ Get nationalities using Select2\n    const selectedNationalities = $('#nationalities').val() || [];\n    const nationalities = selectedNationalities.join(', ');\n\n    const packageType = document.getElementById(\"package-type\")?.value || '';\n    const licenseDuration = document.getElementById(\"license-duration\")?.value || '';\n    const investorVisas = document.getElementById(\"investor-visas\")?.value || '';\n    const employeeVisas = document.getElementById(\"employee-visas\")?.value || '';\n    const activities = selectedActivities.join(', ');\n    const businessBankAccount = document.getElementById(\"business-bank-account\")?.value || '';\n\n    \/\/ Get cost elements and discount info\n    const licenseCost = document.getElementById('license-cost').textContent;\n    const visaCost = document.getElementById('visa-cost').textContent;\n    const totalCost = document.getElementById('total-cost').textContent;\n    const discountPercentage = document.getElementById('summary-discount').textContent || '0%';\n\n    \/\/ Find hidden form for submission to server\n    const hiddenForm = document.getElementById('my-calculator-elementor-form');\n    if (!hiddenForm) {\n        console.error('Hidden form for final submission not found');\n        submitBtn.classList.remove('button-loading');\n        submitBtn.disabled = false;\n        alert(\"Error submitting form. Elementor form container not found.\"); \/\/ User feedback\n        return;\n    }\n\n    try {\n        \/\/ Update all the hidden fields\n        hiddenForm.querySelector('input[name=\"form_fields[firstName]\"]').value = firstName;\n        hiddenForm.querySelector('input[name=\"form_fields[lastName]\"]').value = lastName;\n        hiddenForm.querySelector('input[name=\"form_fields[phone]\"]').value = phone;\n        hiddenForm.querySelector('input[name=\"form_fields[email]\"]').value = email;\n        hiddenForm.querySelector('input[name=\"form_fields[consent]\"]').value = consent;\n        hiddenForm.querySelector('input[name=\"form_fields[start_time]\"]').value = startTime;\n        hiddenForm.querySelector('input[name=\"form_fields[shareholders_range]\"]').value = shareholdersRange;\n        hiddenForm.querySelector('input[name=\"form_fields[nationalities]\"]').value = nationalities;\n        hiddenForm.querySelector('input[name=\"form_fields[package_type]\"]').value = packageType;\n        hiddenForm.querySelector('input[name=\"form_fields[license_duration]\"]').value = licenseDuration;\n        hiddenForm.querySelector('input[name=\"form_fields[investor_visas]\"]').value = investorVisas;\n        hiddenForm.querySelector('input[name=\"form_fields[employee_visas]\"]').value = employeeVisas;\n        hiddenForm.querySelector('input[name=\"form_fields[business_activities]\"]').value = activities;\n        hiddenForm.querySelector('input[name=\"form_fields[business_bank_account]\"]').value = businessBankAccount;\n        hiddenForm.querySelector('input[name=\"form_fields[total_cost]\"]').value = totalCost;\n        hiddenForm.querySelector('input[name=\"form_fields[license_cost]\"]').value = licenseCost;\n        hiddenForm.querySelector('input[name=\"form_fields[visa_cost]\"]').value = visaCost;\n        hiddenForm.querySelector('input[name=\"form_fields[discount_percentage]\"]').value = discountPercentage;\n        hiddenForm.querySelector('input[name=\"form_fields[form_status]\"]').value = 'complete';\n\n        \/\/ Trigger the hidden form submission\n        const hiddenFormSubmitBtn = hiddenForm.querySelector('button[type=\"submit\"]');\n        if (hiddenFormSubmitBtn) {\n            hiddenFormSubmitBtn.click();\n\n            document.getElementById('success-first-name').textContent = firstName;\n\n            setTimeout(function() {\n\n                \/\/ Hide the form container contents\n                document.querySelector('.form-step-container').style.display = 'none';\n                document.querySelector('.form-navigation').style.display = 'none';\n                \/\/ Also hide the step counter if desired\n                document.querySelector(\"#srix-NewCostCalForm .step-counter\").style.display = \"none\";\n                \/\/ Show the success message\n                const successMessage = document.getElementById('theFinalSuccessMessage');\n                successMessage.classList.remove('d-none');\n                successMessage.style.display = 'flex'; \/\/ Explicitly set display to flex\n                successMessage.classList.add('visible'); \/\/ Add the visible class\n\n\n                \/\/ Update heading\n                document.getElementById(\"theHeading\").innerHTML = \"Success\";\n                \/\/ Remove loading state from button\n                submitBtn.classList.remove('button-loading');\n                submitBtn.disabled = false;\n            }, 1500);\n        } else {\n            console.error('Submit button in hidden form not found');\n            submitBtn.classList.remove('button-loading');\n            submitBtn.disabled = false;\n            alert(\"Error submitting form. Elementor submit button not found.\"); \/\/ User feedback\n        }\n    } catch (error) {\n        console.error('Error submitting form:', error);\n        submitBtn.classList.remove('button-loading');\n        submitBtn.disabled = false;\n        alert(\"An error occurred while submitting the form: \" + error.message); \/\/ User feedback\n    }\n});\n\ndocument.getElementById('multiStepForm').addEventListener('input', function() {\n    if (hasStartedForm) {\n        setupInactivityTimer();\n    }\n});\n\n\/\/ List of countries for the nationality dropdown\nconst countries = [\n    \"Afghanistan\", \"Albania\", \"Algeria\", \"Andorra\", \"Angola\", \"Antigua and Barbuda\", \"Argentina\", \"Armenia\", \"Australia\", \"Austria\",\n    \"Azerbaijan\", \"Bahamas\", \"Bahrain\", \"Bangladesh\", \"Barbados\", \"Belarus\", \"Belgium\", \"Belize\", \"Benin\", \"Bhutan\",\n    \"Bolivia\", \"Bosnia and Herzegovina\", \"Botswana\", \"Brazil\", \"Brunei\", \"Bulgaria\", \"Burkina Faso\", \"Burundi\", \"Cabo Verde\", \"Cambodia\",\n    \"Cameroon\", \"Canada\", \"Central African Republic\", \"Chad\", \"Chile\", \"China\", \"Colombia\", \"Comoros\", \"Congo\", \"Costa Rica\",\n    \"Croatia\", \"Cuba\", \"Cyprus\", \"Czech Republic\", \"Denmark\", \"Djibouti\", \"Dominica\", \"Dominican Republic\", \"East Timor\", \"Ecuador\",\n    \"Egypt\", \"El Salvador\", \"Equatorial Guinea\", \"Eritrea\", \"Estonia\", \"Eswatini\", \"Ethiopia\", \"Fiji\", \"Finland\", \"France\",\n    \"Gabon\", \"Gambia\", \"Georgia\", \"Germany\", \"Ghana\", \"Greece\", \"Grenada\", \"Guatemala\", \"Guinea\", \"Guinea-Bissau\",\n    \"Guyana\", \"Haiti\", \"Honduras\", \"Hungary\", \"Iceland\", \"India\", \"Indonesia\", \"Iran\", \"Iraq\", \"Ireland\",\n    \"Israel\", \"Italy\", \"Jamaica\", \"Japan\", \"Jordan\", \"Kazakhstan\", \"Kenya\", \"Kiribati\", \"Korea, North\", \"Korea, South\",\n    \"Kosovo\", \"Kuwait\", \"Kyrgyzstan\", \"Laos\", \"Latvia\", \"Lebanon\", \"Lesotho\", \"Liberia\", \"Libya\", \"Liechtenstein\",\n    \"Lithuania\", \"Luxembourg\", \"Madagascar\", \"Malawi\", \"Malaysia\", \"Maldives\", \"Mali\", \"Malta\", \"Marshall Islands\", \"Mauritania\",\n    \"Mauritius\", \"Mexico\", \"Micronesia\", \"Moldova\", \"Monaco\", \"Mongolia\", \"Montenegro\", \"Morocco\", \"Mozambique\", \"Myanmar\",\n    \"Namibia\", \"Nauru\", \"Nepal\", \"Netherlands\", \"New Zealand\", \"Nicaragua\", \"Niger\", \"Nigeria\", \"North Macedonia\", \"Norway\",\n    \"Oman\", \"Pakistan\", \"Palau\", \"Palestine\", \"Panama\", \"Papua New Guinea\", \"Paraguay\", \"Peru\", \"Philippines\", \"Poland\",\n    \"Portugal\", \"Qatar\", \"Romania\", \"Russia\", \"Rwanda\", \"Saint Kitts and Nevis\", \"Saint Lucia\", \"Saint Vincent and the Grenadines\", \"Samoa\", \"San Marino\",\n    \"Sao Tome and Principe\", \"Saudi Arabia\", \"Senegal\", \"Serbia\", \"Seychelles\", \"Sierra Leone\", \"Singapore\", \"Slovakia\", \"Slovenia\", \"Solomon Islands\",\n    \"Somalia\", \"South Africa\", \"South Sudan\", \"Spain\", \"Sri Lanka\", \"Sudan\", \"Suriname\", \"Sweden\", \"Switzerland\", \"Syria\",\n    \"Taiwan\", \"Tajikistan\", \"Tanzania\", \"Thailand\", \"Togo\", \"Tonga\", \"Trinidad and Tobago\", \"Tunisia\", \"Turkey\", \"Turkmenistan\",\n    \"Tuvalu\", \"Uganda\", \"Ukraine\", \"United Arab Emirates\", \"United Kingdom\", \"United States\", \"Uruguay\", \"Uzbekistan\", \"Vanuatu\", \"Vatican City\",\n    \"Venezuela\", \"Vietnam\", \"Yemen\", \"Zambia\", \"Zimbabwe\"\n];\n\n\/\/ Replace the setupNationalityPicker function with a Select2-based implementation\nfunction setupNationalitySelect() {\n\n\n    \/\/ Clear any existing options\n    $('#nationalities').empty();\n\n    \/\/ Add all country options\n    countries.forEach(country => {\n        $('#nationalities').append(new Option(country, country, false, false));\n    });\n\n    \/\/ Initialize Select2\n    $('#nationalities').select2({\n        placeholder: \"Select nationalities of shareholders\",\n        width: '100%',\n        allowClear: true,\n        closeOnSelect: false,\n        tags: false,\n        \/\/ Don't specify a custom templateSelection - using CSS to style it instead\n    });\n\n    \/\/ Add custom styling to the container\n    $('#nationalities').on('select2:open', function() {\n        \/\/ Add custom styling to the dropdown\n        $('.select2-dropdown').css({\n            'border': 'none',\n            'border-radius': '5px',\n            'box-shadow': '0 2px 10px rgba(0, 0, 0, 0.1)'\n        });\n    });\n\n    \/\/ Add validation handling\n    $('#nationalities').on('change', function() {\n        if ($(this).val() && $(this).val().length > 0) {\n            $(this).removeClass('error');\n                $(this).next('.select2-container').removeClass('select2-error');\n            $('#nationalities-error').text('');\n        } else {\n            $(this).addClass('error');\n            $(this).next('.select2-container').addClass('select2-error');\n        }\n\n    });\n\n\n\n    return {\n        getSelectedNationalities: () => $('#nationalities').val() || []\n    };\n}\n\n\/\/ Update the initialization to use Select2\ndocument.addEventListener('DOMContentLoaded', function() {\n\n    \/\/ Check for incomplete form data in localStorage - but don't restore it\n    \/\/ Just clean up any existing data silently to avoid breaking the site\n    if (localStorage.getItem('formHasPartialData') === 'true') {\n        \/\/ Clear all saved form data to prevent issues\n        try {\n            localStorage.removeItem('formHasPartialData');\n            localStorage.removeItem('formPartialStep');\n            localStorage.removeItem('formPartialStatus');\n            localStorage.removeItem('formPartialData');\n            localStorage.removeItem('emergency_form_backup');\n            localStorage.removeItem('formStarted');\n        } catch (err) {\n            \/\/ Error clearing localStorage\n        }\n    }\n    \n    \/\/ Initialize nationality select\n    setTimeout(() => {\n        nationalityPicker = setupNationalitySelect();\n    }, 500);\n\n    \/\/ Reinitialize when moving to step 2\n    document.getElementById('nextBtn').addEventListener('click', function() {\n        if (currentStep === 1) { \/\/ When moving to step 2\n            setTimeout(() => {\n                nationalityPicker = setupNationalitySelect();\n            }, 300);\n        }\n    });\n});\n\n\/\/ Add this right after the initial definitions near the top of the file\n\/\/ Monitor form inputs to ensure hasStartedForm is set\ndocument.addEventListener('DOMContentLoaded', function() {\n    \/\/ Monitor all form fields\n    const allFormFields = document.querySelectorAll('input, select, textarea');\n    allFormFields.forEach(field => {\n        field.addEventListener('input', function() {\n            if (!hasStartedForm) {\n                hasStartedForm = true;\n                markFormAsStarted();\n            }\n        });\n        \n        field.addEventListener('focus', function() {\n            if (!hasStartedForm) {\n                hasStartedForm = true;\n                markFormAsStarted();\n            }\n        });\n    });\n    \n    \/\/ Explicitly mark the form as started when the first step is completed\n    document.getElementById('nextBtn').addEventListener('click', function() {\n        if (currentStep === 1) {\n            hasStartedForm = true;\n            markFormAsStarted();\n        }\n    });\n    \n    \/\/ Add protection against browser refresh\/navigation\n    enforceUnloadConfirmation();\n});\n\n\/\/ Enforce unload confirmation by adding it in multiple ways\nfunction enforceUnloadConfirmation() {\n    \/\/ The main one set earlier: window.onbeforeunload = function(e) { ... }\n    \n    \/\/ Alternative method using addEventListener with capture phase\n    window.addEventListener('beforeunload', function(e) {\n        if (hasStartedForm && !hasSubmittedIncomplete) {\n            \/\/ Try to save the data\n            submitPartialData(currentStep, 'incomplete_leave_addEventListener');\n            \n            \/\/ Show confirmation message\n            const confirmationMessage = 'You have unsaved changes. Are you sure you want to leave this page?';\n            e.preventDefault();\n            e.returnValue = confirmationMessage;\n            return confirmationMessage;\n        }\n    }, true);\n    \n    \/\/ Also protect against direct page navigation\n    document.querySelectorAll('a').forEach(link => {\n        link.addEventListener('click', function(e) {\n            if (hasStartedForm && !hasSubmittedIncomplete && !link.classList.contains('safe-navigation')) {\n                const confirmLeave = confirm('You have an unfinished form. Are you sure you want to leave this page?');\n                if (!confirmLeave) {\n                    e.preventDefault();\n                    return false;\n                } else {\n                    \/\/ If they confirm leaving, save the data\n                    submitPartialData(currentStep, 'incomplete_navigation');\n                }\n            }\n        });\n    });\n}\n\n\/\/ Business Activity Simplification\n$(document).ready(function() {\n    \/\/ Override the validate function for step 2\n    const originalValidateStep = validateStep;\n    validateStep = function(step) {\n        \/\/ For step 2, apply custom validation logic\n        if (step === 2) {\n            let valid = true;\n            var stepElement = document.getElementById(`step-${step}`);\n            let inputs = stepElement.querySelectorAll(\"input:not(#custom-activity), select\");\n\n            \/\/ Reset error messages and styling\n            document.querySelectorAll('.error-message').forEach(el => el.textContent = '');\n            document.querySelectorAll('.error').forEach(el => el.classList.remove('error'));\n\n            \/\/ Validate all inputs except custom-activity\n            inputs.forEach(input => {\n                const errorElement = document.getElementById(`${input.id}-error`);\n\n                if (input.hasAttribute(\"required\") && !input.value) {\n                    input.classList.add('error');\n                    if (errorElement) {\n                        errorElement.textContent = \"This field is required\";\n                    }\n                    valid = false;\n                }\n            });\n\n            \/\/ Validate start time specifically\n            const startTime = document.getElementById(\"start-time\");\n            if (!startTime.value) {\n                startTime.classList.add('error');\n                const startTimeError = document.getElementById('start-time-error');\n                if (startTimeError) {\n                    startTimeError.textContent = \"Please select when you plan to start your business\";\n                }\n                valid = false;\n            }\n\n            \/\/ Validate business activity as a simple text input\n            const businessActivity = document.getElementById(\"custom-activity\");\n            if (!businessActivity.value.trim()) {\n                businessActivity.classList.add('error');\n                const activitiesError = document.getElementById('activities-error');\n                if (activitiesError) {\n                    activitiesError.textContent = \"Please enter a business activity\";\n                }\n                valid = false;\n            }\n\n            \/\/ Validate shareholders range\n            const shareholdersRange = document.getElementById(\"shareholders-range\");\n            if (!shareholdersRange.value) {\n                shareholdersRange.classList.add('error');\n                const shareholdersRangeError = document.getElementById('shareholders-range-error');\n                if (shareholdersRangeError) {\n                    shareholdersRangeError.textContent = \"Please select a range of shareholders\";\n                }\n                valid = false;\n            }\n\n            \/\/ Validate nationalities\n            const nationalities = $('#nationalities').val();\n            if (!nationalities || nationalities.length === 0) {\n                $('#nationalities').next('.select2-container').addClass('select2-error');\n                const nationalitiesError = document.getElementById('nationalities-error');\n                if (nationalitiesError) {\n                    nationalitiesError.textContent = \"Please select at least one nationality\";\n                }\n                valid = false;\n            }\n\n            return valid;\n        } else {\n            return originalValidateStep(step);\n        }\n    };\n\n    window.finalOriginalNextStep = nextStep;\n    nextStep = function() {\n        if (currentStep === 2) {\n            const businessActivity = document.getElementById(\"custom-activity\").value.trim();\n            selectedActivities = businessActivity ? [businessActivity] : [];\n        }\n\n        if (typeof window.finalOriginalNextStep === 'function') {\n            window.finalOriginalNextStep();\n        } else {\n            if(validateStep(currentStep)){\n                if (currentStep <= totalSteps) {\n                    document.getElementById(`step-${currentStep}`).classList.remove(\"active\");\n                    currentStep++;\n                    changeHeading(currentStep);\n                    updateStepTextHeadingRight(currentStep);\n                    updateButtonsDisplay(currentStep);\n                    calculateCosts();\n\n                    if (currentStep > totalSteps) {\n                        document.getElementById(`step-4`).classList.add(\"active\");\n                    } else {\n                        document.getElementById(`step-${currentStep}`).classList.add(\"active\");\n                    }\n\n                    if (currentStep <= totalSteps) {\n                        document.getElementById(\"current-step\").innerText = currentStep;\n                    } else {\n                        document.getElementById(\"current-step\").innerText = totalSteps; \n                    }\n\n                    updateProgressPill(currentStep);\n\n                    hasStartedForm = true;\n                    setupInactivityTimer();\n                }\n            }\n        }\n    };\n\n    if (typeof addActivity === 'function') {\n        window.originalAddActivity = addActivity;\n        addActivity = function() { return; };\n    }\n\n    if (typeof displaySelectedActivities === 'function') {\n        window.originalDisplaySelectedActivities = displaySelectedActivities;\n        displaySelectedActivities = function() { return; };\n    }\n\n    if (typeof updatePillButtons === 'function') {\n        window.originalUpdatePillButtons = updatePillButtons;\n        updatePillButtons = function() { return; };\n    }\n});\n\nconst originalSubmitFunction = document.getElementById('submitBtn').onclick;\ndocument.getElementById('submitBtn').onclick = function(e) {\n    const businessActivity = document.getElementById(\"custom-activity\").value.trim();\n    selectedActivities = businessActivity ? [businessActivity] : [];\n};\n  <\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-136ba70 elementor-button-align-stretch elementor-widget elementor-widget-global elementor-global-7924 elementor-global-5730 elementor-widget-form\" data-id=\"136ba70\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"my-calculator-elementor-form\" data-settings=\"{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" id=\"test\" name=\"Cost Calculator\" aria-label=\"Cost Calculator\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"7861\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"136ba70\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"\" \/>\n\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-firstName elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-firstName\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tFirst Name\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[firstName]\" id=\"form-field-firstName\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Name\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-lastName elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-lastName\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tLast Name\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[lastName]\" id=\"form-field-lastName\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Name\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tEmail Address\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Email\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-phone elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-phone\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tPhone Number\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[phone]\" id=\"form-field-phone\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Message\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-checkbox elementor-field-group elementor-column elementor-field-group-consent elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-consent\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tConsent\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<div class=\"elementor-field-subgroup  \"><span class=\"elementor-field-option\"><input type=\"checkbox\" value=\"\" id=\"form-field-consent-0\" name=\"form_fields[consent]\"> <label for=\"form-field-consent-0\"><\/label><\/span><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-start_time elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-start_time\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tStart Time\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[start_time]\" id=\"form-field-start_time\" class=\"elementor-field elementor-size-sm  elementor-field-textual\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-shareholders_range elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-shareholders_range\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tNumber of Shareholders\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[shareholders_range]\" id=\"form-field-shareholders_range\" class=\"elementor-field elementor-size-sm  elementor-field-textual\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-nationalities elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-nationalities\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tShareholders Nationalities\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[nationalities]\" id=\"form-field-nationalities\" class=\"elementor-field elementor-size-sm  elementor-field-textual\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-package_type elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-package_type\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tPackage Type\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[package_type]\" id=\"form-field-package_type\" class=\"elementor-field elementor-size-sm  elementor-field-textual\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-license_duration elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-license_duration\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tLicense Duration\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[license_duration]\" id=\"form-field-license_duration\" class=\"elementor-field elementor-size-sm  elementor-field-textual\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-number elementor-field-group elementor-column elementor-field-group-investor_visas elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-investor_visas\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tNumber of Investor Visas\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t<input type=\"number\" name=\"form_fields[investor_visas]\" id=\"form-field-investor_visas\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" min=\"\" max=\"\" >\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-number elementor-field-group elementor-column elementor-field-group-employee_visas elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-employee_visas\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tNumber of Employee Visas\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t<input type=\"number\" name=\"form_fields[employee_visas]\" id=\"form-field-employee_visas\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" min=\"\" max=\"\" >\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-business_activities elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-business_activities\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tBusiness Activities\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[business_activities]\" id=\"form-field-business_activities\" class=\"elementor-field elementor-size-sm  elementor-field-textual\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-business_bank_account elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-business_bank_account\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\t Bank Account Included\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[business_bank_account]\" id=\"form-field-business_bank_account\" class=\"elementor-field elementor-size-sm  elementor-field-textual\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-total_cost elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-total_cost\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tEstimated Total Cost (AED)\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[total_cost]\" id=\"form-field-total_cost\" class=\"elementor-field elementor-size-sm  elementor-field-textual\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-license_cost elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-license_cost\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tEstimated License Cost (AED)\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[license_cost]\" id=\"form-field-license_cost\" class=\"elementor-field elementor-size-sm  elementor-field-textual\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-visa_cost elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-visa_cost\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tEstimated Visa Cost (AED)\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[visa_cost]\" id=\"form-field-visa_cost\" class=\"elementor-field elementor-size-sm  elementor-field-textual\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-discount_percentage elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-discount_percentage\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tDiscount Percentage\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[discount_percentage]\" id=\"form-field-discount_percentage\" class=\"elementor-field elementor-size-sm  elementor-field-textual\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-form_status elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-form_status\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tForm Submission Status\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[form_status]\" id=\"form-field-form_status\" class=\"elementor-field elementor-size-sm  elementor-field-textual\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Send<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0642\u062f\u0650\u0651\u0631 \u062a\u0643\u0644\u0641\u0629 \u062a\u0627\u0633\u064a\u0633 \u0634\u0631\u0643\u062a\u0643 \u0641\u064a 3 \u062e\u0637\u0648\u0627\u062a \u062a\u0648\u0641\u0631 \u0644\u0643 \u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0641\u064a \u0634\u0645\u0633 \u0645\u0646\u0637\u0642\u0629 \u062d\u0631\u0629 \u0648\u0633\u064a\u0644\u0629 \u0645\u0628\u0633\u0637\u0629 \u0648\u0633\u0631\u064a\u0639\u0629 \u0644\u062a\u0642\u062f\u064a\u0631 \u062a\u0643\u0644\u0641\u0629 \u062a\u0623\u0633\u064a\u0633 \u0646\u0634\u0627\u0637\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u060c \u0639\u0628\u0631 \u0623\u0631\u0628\u0639 \u062e\u0637\u0648\u0627\u062a \u0633\u0647\u0644\u0629. \u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u062a\u0642\u062f\u064a\u0631\u0643 \u0627\u0644\u0645\u0628\u062f\u0626\u064a \u0641\u064a \u0623\u0642\u0644 \u0645\u0646 \u062f\u0642\u064a\u0642\u062a\u064a\u0646 \u0628\u0643\u0644 \u062f\u0642\u0629 \u0648\u0634\u0641\u0627\u0641\u064a\u0629. \u0627\u0628\u062f\u0623 \u0627\u0644\u0622\u0646 \u0627\u0644\u062e\u0637\u0648\u0629 1\/3 \u0628\u0645\u0648\u0627\u0641\u0642\u062a\u064a \u0639\u0644\u0649 \u0630\u0644\u0643\u060c \u0623\u0633\u0645\u062d \u0644\u0634\u0645\u0633 \u0628\u062c\u0645\u0639 \u0628\u064a\u0627\u0646\u0627\u062a\u064a \u0648\u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0628\u064a \u0639\u0628\u0631 \u0627\u0644\u0647\u0627\u062a\u0641 \u0623\u0648 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":7852,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-7861","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/shamsfz.ae\/ar\/wp-json\/wp\/v2\/pages\/7861","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shamsfz.ae\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shamsfz.ae\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shamsfz.ae\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shamsfz.ae\/ar\/wp-json\/wp\/v2\/comments?post=7861"}],"version-history":[{"count":83,"href":"https:\/\/shamsfz.ae\/ar\/wp-json\/wp\/v2\/pages\/7861\/revisions"}],"predecessor-version":[{"id":24833,"href":"https:\/\/shamsfz.ae\/ar\/wp-json\/wp\/v2\/pages\/7861\/revisions\/24833"}],"up":[{"embeddable":true,"href":"https:\/\/shamsfz.ae\/ar\/wp-json\/wp\/v2\/pages\/7852"}],"wp:attachment":[{"href":"https:\/\/shamsfz.ae\/ar\/wp-json\/wp\/v2\/media?parent=7861"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}