{"id":236,"date":"2026-06-07T11:25:11","date_gmt":"2026-06-07T11:25:11","guid":{"rendered":"https:\/\/alkulaibco.com\/?page_id=236"},"modified":"2026-06-07T11:26:15","modified_gmt":"2026-06-07T11:26:15","slug":"task","status":"publish","type":"page","link":"https:\/\/alkulaibco.com\/?page_id=236","title":{"rendered":"task"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"236\" class=\"elementor elementor-236\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ece5e79 e-flex e-con-boxed e-con e-parent\" data-id=\"ece5e79\" 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-85fffc2 elementor-widget elementor-widget-html\" data-id=\"85fffc2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"service-request-wrapper\">\r\n  <div class=\"service-request-container\">\r\n\r\n    <!-- \u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0646\u0645\u0648\u0630\u062c -->\r\n    <div class=\"sr-header\">\r\n      <h2 class=\"sr-title\">\u0637\u0644\u0628 <span class=\"highlight-teal\">\u0627\u0644\u062e\u062f\u0645\u0629<\/span><\/h2>\r\n      <p class=\"sr-subtitle\">\r\n        \u0646\u062d\u0648 \u0634\u0631\u0627\u0643\u0629 \u0645\u0647\u0646\u064a\u0629 \u062a\u0631\u062a\u0643\u0632 \u0639\u0644\u0649 \u0627\u0644\u062f\u0642\u0629\u060c \u0627\u0644\u062b\u0642\u0629\u060c \u0648\u0627\u0644\u0627\u0633\u062a\u062f\u0627\u0645\u0629\u060c \u064a\u0633\u0639\u062f\u0646\u0627 \u0627\u0633\u062a\u0642\u0628\u0627\u0644 \u0637\u0644\u0628\u0627\u062a\u0643\u0645 \u0644\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0639\u0631\u0648\u0636 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0645\u0627\u0644\u064a\u0629 \u0627\u0644\u0645\u062e\u0635\u0635\u0629 \u0644\u0634\u0631\u0643\u062a\u0643\u0645.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- \u0627\u0644\u0646\u0645\u0648\u0630\u062c -->\r\n    <form id=\"serviceForm\" class=\"sr-form\">\r\n\r\n      <!-- \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0623\u0648\u0644: \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0646\u0634\u0623\u0629 -->\r\n      <div class=\"form-section\">\r\n        <h3 class=\"section-title\">\u0628\u064a\u0627\u0646\u0627\u062a <span class=\"highlight-teal\">\u0627\u0644\u0645\u0646\u0634\u0623\u0629<\/span><\/h3>\r\n        <div class=\"form-row\">\r\n          <div class=\"form-group\">\r\n            <label for=\"companyName\">\u0627\u0633\u0645 \u0627\u0644\u0634\u0631\u0643\u0629 \/ \u0627\u0644\u0645\u0646\u0634\u0623\u0629<\/label>\r\n            <input type=\"text\" id=\"companyName\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0633\u0645 \u0627\u0644\u0634\u0631\u0643\u0629\" required>\r\n          <\/div>\r\n          <div class=\"form-group\">\r\n            <label for=\"sector\">\u0627\u0644\u0642\u0637\u0627\u0639<\/label>\r\n            <select id=\"sector\" required>\r\n              <option value=\"\">\u0627\u062e\u062a\u0631 \u0627\u0644\u0642\u0637\u0627\u0639<\/option>\r\n              <option value=\"\u062d\u0643\u0648\u0645\u064a\">\u062d\u0643\u0648\u0645\u064a<\/option>\r\n              <option value=\"\u062e\u0627\u0635\">\u062e\u0627\u0635<\/option>\r\n              <option value=\"\u063a\u064a\u0631 \u0631\u0628\u062d\u064a\">\u063a\u064a\u0631 \u0631\u0628\u062d\u064a<\/option>\r\n            <\/select>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"form-group\">\r\n          <label for=\"headquarters\">\u0645\u0642\u0631 \u0627\u0644\u0645\u0646\u0634\u0623\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a<\/label>\r\n          <input type=\"text\" id=\"headquarters\" placeholder=\"\u0623\u062f\u062e\u0644 \u0645\u0642\u0631 \u0627\u0644\u0645\u0646\u0634\u0623\u0629 (\u0645\u062b\u0644 \u0627\u0644\u0631\u064a\u0627\u0636\u060c \u062c\u062f\u0629...)\" required>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u062b\u0627\u0646\u064a: \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 -->\r\n      <div class=\"form-section\">\r\n        <h3 class=\"section-title\">\u0628\u064a\u0627\u0646\u0627\u062a <span class=\"highlight-teal\">\u0627\u0644\u062a\u0648\u0627\u0635\u0644<\/span><\/h3>\r\n        <div class=\"form-row\">\r\n          <div class=\"form-group\">\r\n            <label for=\"contactName\">\u0627\u0633\u0645 \u0627\u0644\u0634\u062e\u0635 \u0627\u0644\u0645\u0633\u0624\u0648\u0644<\/label>\r\n            <input type=\"text\" id=\"contactName\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0627\u0633\u0645 \u0643\u0627\u0645\u0644\u0627\u064b\" required>\r\n          <\/div>\r\n          <div class=\"form-group\">\r\n            <label for=\"jobTitle\">\u0627\u0644\u0645\u0633\u0645\u0649 \u0627\u0644\u0648\u0638\u064a\u0641\u064a<\/label>\r\n            <input type=\"text\" id=\"jobTitle\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0633\u0645\u0649 \u0627\u0644\u0648\u0638\u064a\u0641\u064a\" required>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"form-row\">\r\n          <div class=\"form-group\">\r\n            <label for=\"phone\">\u0631\u0642\u0645 \u0627\u0644\u062c\u0648\u0627\u0644<\/label>\r\n            <input type=\"tel\" id=\"phone\" placeholder=\"05xxxxxxxx\" pattern=\"[0-9]{10}\" required>\r\n          <\/div>\r\n          <div class=\"form-group\">\r\n            <label for=\"email\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0627\u0644\u0631\u0633\u0645\u064a<\/label>\r\n            <input type=\"email\" id=\"email\" placeholder=\"name@company.sa\" required>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u062b\u0627\u0644\u062b: \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629 -->\r\n      <div class=\"form-section\">\r\n        <h3 class=\"section-title\">\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062e\u062f\u0645\u0629 <span class=\"highlight-teal\">\u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629<\/span><\/h3>\r\n        <p class=\"field-hint\">\u064a\u0645\u0643\u0646\u0643 \u0627\u062e\u062a\u064a\u0627\u0631 \u0623\u0643\u062b\u0631 \u0645\u0646 \u062e\u062f\u0645\u0629<\/p>\r\n        <div class=\"checkbox-grid\">\r\n          <label class=\"custom-checkbox\">\r\n            <input type=\"checkbox\" name=\"services\" value=\"\u0645\u0631\u0627\u062c\u0639\u0629 \u0645\u0627\u0644\u064a\u0629 \u0648\u0642\u0648\u0627\u0626\u0645 \u0645\u0639\u062a\u0645\u062f\u0629\">\r\n            <span class=\"checkmark\"><\/span>\r\n            \u0645\u0631\u0627\u062c\u0639\u0629 \u0645\u0627\u0644\u064a\u0629 \u0648\u0642\u0648\u0627\u0626\u0645 \u0645\u0639\u062a\u0645\u062f\u0629\r\n          <\/label>\r\n          <label class=\"custom-checkbox\">\r\n            <input type=\"checkbox\" name=\"services\" value=\"\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0632\u0643\u0648\u064a\u0629 \u0648\u0636\u0631\u064a\u0628\u064a\u0629\">\r\n            <span class=\"checkmark\"><\/span>\r\n            \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0632\u0643\u0648\u064a\u0629 \u0648\u0636\u0631\u064a\u0628\u064a\u0629\r\n          <\/label>\r\n          <label class=\"custom-checkbox\">\r\n            <input type=\"checkbox\" name=\"services\" value=\"\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0645\u0627\u0644\u064a\u0629 \u0648\u062f\u0631\u0627\u0633\u0627\u062a \u062c\u062f\u0648\u0649\">\r\n            <span class=\"checkmark\"><\/span>\r\n            \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0645\u0627\u0644\u064a\u0629 \u0648\u062f\u0631\u0627\u0633\u0627\u062a \u062c\u062f\u0648\u0649\r\n          <\/label>\r\n          <label class=\"custom-checkbox\">\r\n            <input type=\"checkbox\" name=\"services\" value=\"\u0625\u0634\u0631\u0627\u0641 \u0645\u0627\u0644\u064a (\u0627\u0644\u0628\u064a\u0639 \u0639\u0644\u0649 \u0627\u0644\u062e\u0627\u0631\u0637\u0629 - \u0648\u0627\u0641\u064a)\">\r\n            <span class=\"checkmark\"><\/span>\r\n            \u0625\u0634\u0631\u0627\u0641 \u0645\u0627\u0644\u064a (\u0627\u0644\u0628\u064a\u0639 \u0639\u0644\u0649 \u0627\u0644\u062e\u0627\u0631\u0637\u0629 - \u0648\u0627\u0641\u064a)\r\n          <\/label>\r\n          <label class=\"custom-checkbox\">\r\n            <input type=\"checkbox\" name=\"services\" value=\"\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0625\u0646\u0641\u0627\u0642 \u0648\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0633\u064a\u0627\u0633\u0627\u062a\">\r\n            <span class=\"checkmark\"><\/span>\r\n            \u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0625\u0646\u0641\u0627\u0642 \u0648\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0633\u064a\u0627\u0633\u0627\u062a\r\n          <\/label>\r\n          <label class=\"custom-checkbox\">\r\n            <input type=\"checkbox\" name=\"services\" value=\"\u062e\u062f\u0645\u0627\u062a \u0642\u0636\u0627\u0626\u064a\u0629 \u0648\u062a\u0635\u0641\u064a\u0629 \u0648\u0625\u0641\u0644\u0627\u0633\">\r\n            <span class=\"checkmark\"><\/span>\r\n            \u062e\u062f\u0645\u0627\u062a \u0642\u0636\u0627\u0626\u064a\u0629 \u0648\u062a\u0635\u0641\u064a\u0629 \u0648\u0625\u0641\u0644\u0627\u0633\r\n          <\/label>\r\n          <label class=\"custom-checkbox\">\r\n            <input type=\"checkbox\" name=\"services\" value=\"\u062a\u062f\u0631\u064a\u0628 \u0648\u062a\u0623\u0647\u064a\u0644 \u0645\u0627\u0644\u064a\">\r\n            <span class=\"checkmark\"><\/span>\r\n            \u062a\u062f\u0631\u064a\u0628 \u0648\u062a\u0623\u0647\u064a\u0644 \u0645\u0627\u0644\u064a\r\n          <\/label>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0631\u0627\u0628\u0639: \u062a\u0641\u0627\u0635\u064a\u0644 \u0625\u0636\u0627\u0641\u064a\u0629 -->\r\n      <div class=\"form-section\">\r\n        <h3 class=\"section-title\">\u062a\u0641\u0627\u0635\u064a\u0644 <span class=\"highlight-teal\">\u0625\u0636\u0627\u0641\u064a\u0629<\/span><\/h3>\r\n        <div class=\"form-group\">\r\n          <label for=\"details\">\u062d\u062c\u0645 \u0627\u0644\u0645\u0646\u0634\u0623\u0629 \u0623\u0648 \u062a\u0641\u0627\u0635\u064a\u0644 \u0625\u0636\u0627\u0641\u064a\u0629 <small>(\u0627\u062e\u062a\u064a\u0627\u0631\u064a)<\/small><\/label>\r\n          <textarea id=\"details\" rows=\"4\" placeholder=\"\u0627\u0643\u062a\u0628 \u0647\u0646\u0627 \u0623\u064a \u062a\u0641\u0627\u0635\u064a\u0644 \u0625\u0636\u0627\u0641\u064a\u0629 \u062d\u0648\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0623\u0648 \u062d\u062c\u0645 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\"><\/textarea>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u062e\u0627\u0645\u0633: \u0625\u0631\u0641\u0627\u0642 \u0645\u0644\u0641\u0627\u062a -->\r\n      <div class=\"form-section\">\r\n        <h3 class=\"section-title\">\u0625\u0631\u0641\u0627\u0642 \u0645\u0644\u0641\u0627\u062a <span class=\"highlight-teal\">\u0627\u0644\u062f\u0639\u0645<\/span> <small>(\u0627\u062e\u062a\u064a\u0627\u0631\u064a)<\/small><\/h3>\r\n        <div class=\"file-upload-wrapper\">\r\n          <label for=\"fileUpload\" class=\"file-upload-label\">\r\n            <span class=\"file-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M14 2H6C4.89543 2 4 2.89543 4 4V20C4 21.1046 4.89543 22 6 22H18C19.1046 22 20 21.1046 20 20V8L14 2Z\" stroke=\"url(#grad-main)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path d=\"M14 2V8H20\" stroke=\"url(#grad-main)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path d=\"M12 12V18M9 15H15\" stroke=\"url(#grad-main)\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n            <\/span>\r\n            <span class=\"file-text\">\u0627\u0636\u063a\u0637 \u0644\u0631\u0641\u0639 \u0645\u0644\u0641\u0627\u062a (\u0643\u0631\u0627\u0633\u0629 \u0627\u0644\u0634\u0631\u0648\u0637\u060c \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u062e\u062f\u0645\u0629\u2026)<\/span>\r\n            <input type=\"file\" id=\"fileUpload\" multiple>\r\n          <\/label>\r\n        <\/div>\r\n        <p class=\"file-note\">* \u0633\u064a\u062a\u0645 \u0625\u0631\u0633\u0627\u0644 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u0639\u0628\u0631 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a. \u064a\u0631\u062c\u0649 \u0625\u0631\u0641\u0627\u0642 \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u064a\u062f\u0648\u064a\u0627\u064b \u0628\u0639\u062f \u0641\u062a\u062d \u0627\u0644\u0628\u0631\u064a\u062f.<\/p>\r\n      <\/div>\r\n\r\n      <!-- \u0632\u0631 \u0627\u0644\u0625\u0631\u0633\u0627\u0644 -->\r\n      <div class=\"form-actions\">\r\n        <button type=\"submit\" class=\"submit-btn\">\r\n          <span class=\"btn-text\">\u0627\u0628\u062f\u0623 \u0634\u0631\u0627\u0643\u062a\u0643 \u0645\u0639\u0646\u0627 \u0627\u0644\u0622\u0646<\/span>\r\n          <span class=\"btn-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M22 2L11 13M22 2L15 22L11 13L2 9L22 2Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/span>\r\n        <\/button>\r\n      <\/div>\r\n\r\n    <\/form>\r\n  <\/div>\r\n\r\n  <!-- \u062a\u0639\u0631\u064a\u0641 \u0627\u0644\u062a\u062f\u0631\u062c \u0627\u0644\u0644\u0648\u0646\u064a -->\r\n  <svg style=\"width:0;height:0;position:absolute;\">\r\n    <defs>\r\n      <linearGradient id=\"grad-main\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n        <stop offset=\"0%\" style=\"stop-color:#254b7c;stop-opacity:1\" \/>\r\n        <stop offset=\"100%\" style=\"stop-color:#3da8b0;stop-opacity:1\" \/>\r\n      <\/linearGradient>\r\n    <\/defs>\r\n  <\/svg>\r\n<\/div>\r\n\r\n<style>\r\n\/* --- \u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0646\u0645\u0648\u0630\u062c --- *\/\r\n.service-request-wrapper {\r\n  direction: rtl;\r\n  background: #ffffff;\r\n  padding: 60px 20px;\r\n  font-family: inherit;\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.service-request-container {\r\n  max-width: 800px;\r\n  width: 100%;\r\n}\r\n\r\n.sr-header {\r\n  text-align: center;\r\n  margin-bottom: 50px;\r\n}\r\n\r\n.sr-title {\r\n  font-size: 2.5rem;\r\n  font-weight: 800;\r\n  color: #254b7c;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.highlight-teal { color: #3da8b0; }\r\n\r\n.sr-subtitle {\r\n  font-size: 1.1rem;\r\n  color: #666;\r\n  line-height: 1.8;\r\n  max-width: 600px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* --- \u062a\u0646\u0633\u064a\u0642 \u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u0646\u0645\u0648\u0630\u062c --- *\/\r\n.form-section {\r\n  background: #f8faff;\r\n  padding: 30px 25px;\r\n  border-radius: 20px;\r\n  margin-bottom: 30px;\r\n  border: 1px solid rgba(61, 168, 176, 0.1);\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.form-section:hover {\r\n  border-color: #3da8b0;\r\n}\r\n\r\n.section-title {\r\n  font-size: 1.5rem;\r\n  font-weight: 700;\r\n  color: #254b7c;\r\n  margin-bottom: 20px;\r\n  padding-bottom: 12px;\r\n  border-bottom: 2px solid rgba(61, 168, 176, 0.15);\r\n}\r\n\r\n.field-hint {\r\n  color: #888;\r\n  font-size: 0.9rem;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.form-row {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 20px;\r\n}\r\n\r\n.form-group { display: flex; flex-direction: column; gap: 8px; }\r\n\r\n.form-group label {\r\n  font-weight: 600;\r\n  color: #254b7c;\r\n  font-size: 0.95rem;\r\n}\r\n\r\n.form-group label small {\r\n  font-weight: 400;\r\n  color: #999;\r\n}\r\n\r\n.form-group input,\r\n.form-group select,\r\n.form-group textarea {\r\n  padding: 14px 18px;\r\n  border: 1.5px solid #e0e7ed;\r\n  border-radius: 12px;\r\n  font-size: 1rem;\r\n  transition: all 0.3s ease;\r\n  background: #fff;\r\n  color: #333;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  font-family: inherit;\r\n}\r\n\r\n.form-group input:focus,\r\n.form-group select:focus,\r\n.form-group textarea:focus {\r\n  outline: none;\r\n  border-color: #3da8b0;\r\n  box-shadow: 0 0 0 4px rgba(61, 168, 176, 0.1);\r\n}\r\n\r\n.form-group textarea { resize: vertical; }\r\n\r\n\/* --- \u0645\u0631\u0628\u0639\u0627\u062a \u0627\u0644\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u062e\u0635\u0635\u0629 --- *\/\r\n.checkbox-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 12px;\r\n}\r\n\r\n.custom-checkbox {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  background: #fff;\r\n  padding: 12px 16px;\r\n  border: 1px solid #e0e7ed;\r\n  border-radius: 12px;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  font-weight: 500;\r\n  color: #333;\r\n}\r\n\r\n.custom-checkbox:hover {\r\n  border-color: #3da8b0;\r\n  background: rgba(61, 168, 176, 0.04);\r\n}\r\n\r\n.custom-checkbox input { display: none; }\r\n\r\n.custom-checkbox .checkmark {\r\n  width: 22px;\r\n  height: 22px;\r\n  border: 2px solid #ccc;\r\n  border-radius: 6px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  flex-shrink: 0;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.custom-checkbox input:checked + .checkmark {\r\n  background: #3da8b0;\r\n  border-color: #3da8b0;\r\n}\r\n\r\n.custom-checkbox input:checked + .checkmark::after {\r\n  content: \"\u2713\";\r\n  color: #fff;\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n}\r\n\r\n.custom-checkbox input:checked ~ span:last-child {\r\n  color: #254b7c;\r\n}\r\n\r\n\/* --- \u0631\u0641\u0639 \u0627\u0644\u0645\u0644\u0641\u0627\u062a --- *\/\r\n.file-upload-wrapper { margin-top: 5px; }\r\n\r\n.file-upload-label {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 15px;\r\n  padding: 20px;\r\n  background: #fff;\r\n  border: 2px dashed #ccc;\r\n  border-radius: 16px;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  justify-content: center;\r\n}\r\n\r\n.file-upload-label:hover {\r\n  border-color: #3da8b0;\r\n  background: rgba(61, 168, 176, 0.04);\r\n}\r\n\r\n.file-icon {\r\n  width: 40px;\r\n  height: 40px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.file-icon svg { width: 30px; height: 30px; }\r\n\r\n.file-text {\r\n  color: #666;\r\n  font-weight: 500;\r\n}\r\n\r\n.file-upload-label input { display: none; }\r\n\r\n.file-note {\r\n  font-size: 0.85rem;\r\n  color: #999;\r\n  margin-top: 10px;\r\n  text-align: center;\r\n}\r\n\r\n\/* --- \u0632\u0631 \u0627\u0644\u0625\u0631\u0633\u0627\u0644 --- *\/\r\n.form-actions { text-align: center; margin-top: 10px; }\r\n\r\n.submit-btn {\r\n  background: linear-gradient(135deg, #254b7c, #3da8b0);\r\n  color: #fff;\r\n  border: none;\r\n  padding: 18px 50px;\r\n  font-size: 1.2rem;\r\n  font-weight: 700;\r\n  border-radius: 50px;\r\n  cursor: pointer;\r\n  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 15px;\r\n  font-family: inherit;\r\n}\r\n\r\n.submit-btn:hover {\r\n  transform: translateY(-5px) scale(1.02);\r\n  box-shadow: 0 15px 35px rgba(61, 168, 176, 0.3);\r\n}\r\n\r\n.submit-btn:active { transform: scale(0.95); }\r\n\r\n.btn-icon {\r\n  width: 24px;\r\n  height: 24px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.btn-icon svg { width: 20px; height: 20px; }\r\n\r\n\/* --- \u0627\u0644\u062a\u062c\u0627\u0648\u0628 --- *\/\r\n@media (max-width: 767px) {\r\n  .service-request-wrapper { padding: 30px 15px; }\r\n  .sr-title { font-size: 2rem; }\r\n  .sr-subtitle { font-size: 1rem; }\r\n  \r\n  .form-row { grid-template-columns: 1fr; }\r\n  \r\n  .checkbox-grid { grid-template-columns: 1fr; }\r\n  \r\n  .form-section { padding: 20px 15px; }\r\n  \r\n  .submit-btn {\r\n    width: 100%;\r\n    justify-content: center;\r\n    padding: 16px 20px;\r\n    font-size: 1rem;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.getElementById('serviceForm').addEventListener('submit', function(e) {\r\n  e.preventDefault();\r\n\r\n  \/\/ \u062a\u062c\u0645\u064a\u0639 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0646\u0645\u0648\u0630\u062c\r\n  const companyName = document.getElementById('companyName').value.trim();\r\n  const sector = document.getElementById('sector').value;\r\n  const headquarters = document.getElementById('headquarters').value.trim();\r\n  const contactName = document.getElementById('contactName').value.trim();\r\n  const jobTitle = document.getElementById('jobTitle').value.trim();\r\n  const phone = document.getElementById('phone').value.trim();\r\n  const email = document.getElementById('email').value.trim();\r\n  const details = document.getElementById('details').value.trim();\r\n\r\n  \/\/ \u062c\u0645\u0639 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0627\u0631\u0629\r\n  const selectedServices = [];\r\n  document.querySelectorAll('input[name=\"services\"]:checked').forEach(cb => {\r\n    selectedServices.push(cb.value);\r\n  });\r\n\r\n  \/\/ \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u062d\u0642\u0648\u0644 \u0627\u0644\u0625\u0644\u0632\u0627\u0645\u064a\u0629\r\n  if (!companyName || !sector || !headquarters || !contactName || !jobTitle || !phone || !email) {\r\n    alert('\u064a\u0631\u062c\u0649 \u062a\u0639\u0628\u0626\u0629 \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0644 \u0627\u0644\u0625\u0644\u0632\u0627\u0645\u064a\u0629.');\r\n    return;\r\n  }\r\n\r\n  \/\/ \u0628\u0646\u0627\u0621 \u0646\u0635 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\r\n  let body = '** \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0646\u0634\u0623\u0629 **\\n';\r\n  body += `- \u0627\u0633\u0645 \u0627\u0644\u0634\u0631\u0643\u0629: ${companyName}\\n`;\r\n  body += `- \u0627\u0644\u0642\u0637\u0627\u0639: ${sector}\\n`;\r\n  body += `- \u0645\u0642\u0631 \u0627\u0644\u0645\u0646\u0634\u0623\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a: ${headquarters}\\n\\n`;\r\n\r\n  body += '** \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 **\\n';\r\n  body += `- \u0627\u0633\u0645 \u0627\u0644\u0645\u0633\u0624\u0648\u0644: ${contactName}\\n`;\r\n  body += `- \u0627\u0644\u0645\u0633\u0645\u0649 \u0627\u0644\u0648\u0638\u064a\u0641\u064a: ${jobTitle}\\n`;\r\n  body += `- \u0631\u0642\u0645 \u0627\u0644\u062c\u0648\u0627\u0644: ${phone}\\n`;\r\n  body += `- \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a: ${email}\\n\\n`;\r\n\r\n  body += '** \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629 **\\n';\r\n  if (selectedServices.length > 0) {\r\n    selectedServices.forEach(service => {\r\n      body += `- ${service}\\n`;\r\n    });\r\n  } else {\r\n    body += '(\u0644\u0645 \u064a\u062a\u0645 \u0627\u062e\u062a\u064a\u0627\u0631 \u0623\u064a \u062e\u062f\u0645\u0629)\\n';\r\n  }\r\n  body += '\\n';\r\n\r\n  body += '** \u062a\u0641\u0627\u0635\u064a\u0644 \u0625\u0636\u0627\u0641\u064a\u0629 **\\n';\r\n  body += details ? `- ${details}\\n\\n` : '(\u0644\u0627 \u062a\u0648\u062c\u062f \u062a\u0641\u0627\u0635\u064a\u0644 \u0625\u0636\u0627\u0641\u064a\u0629)\\n\\n';\r\n\r\n  body += '** \u0625\u0631\u0641\u0627\u0642 \u0645\u0644\u0641\u0627\u062a **\\n';\r\n  body += '(\u064a\u0631\u062c\u0649 \u0625\u0631\u0641\u0627\u0642 \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u064a\u062f\u0648\u064a\u0627\u064b \u0639\u0646\u062f \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a)\\n';\r\n\r\n  \/\/ \u062a\u0631\u0645\u064a\u0632 \u0627\u0644\u0646\u0635 \u0644\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0641\u064a mailto\r\n  const encodedBody = encodeURIComponent(body);\r\n  const subject = encodeURIComponent(`\u0637\u0644\u0628 \u062e\u062f\u0645\u0629 \u0645\u0646 ${companyName}`);\r\n\r\n  \/\/ \u0641\u062a\u062d \u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\r\n  window.location.href = `mailto:info@alkulaib.sa?subject=${subject}&body=${encodedBody}`;\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0637\u0644\u0628 \u0627\u0644\u062e\u062f\u0645\u0629 \u0646\u062d\u0648 \u0634\u0631\u0627\u0643\u0629 \u0645\u0647\u0646\u064a\u0629 \u062a\u0631\u062a\u0643\u0632 \u0639\u0644\u0649 \u0627\u0644\u062f\u0642\u0629\u060c \u0627\u0644\u062b\u0642\u0629\u060c \u0648\u0627\u0644\u0627\u0633\u062a\u062f\u0627\u0645\u0629\u060c \u064a\u0633\u0639\u062f\u0646\u0627 \u0627\u0633\u062a\u0642\u0628\u0627\u0644 \u0637\u0644\u0628\u0627\u062a\u0643\u0645 \u0644\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0639\u0631\u0648\u0636 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0645\u0627\u0644\u064a\u0629 \u0627\u0644\u0645\u062e\u0635\u0635\u0629 \u0644\u0634\u0631\u0643\u062a\u0643\u0645. \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0646\u0634\u0623\u0629 \u0627\u0633\u0645 \u0627\u0644\u0634\u0631\u0643\u0629 \/ \u0627\u0644\u0645\u0646\u0634\u0623\u0629 \u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u062e\u062a\u0631 \u0627\u0644\u0642\u0637\u0627\u0639\u062d\u0643\u0648\u0645\u064a\u062e\u0627\u0635\u063a\u064a\u0631 \u0631\u0628\u062d\u064a \u0645\u0642\u0631 \u0627\u0644\u0645\u0646\u0634\u0623\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0633\u0645 \u0627\u0644\u0634\u062e\u0635 \u0627\u0644\u0645\u0633\u0624\u0648\u0644 \u0627\u0644\u0645\u0633\u0645\u0649 \u0627\u0644\u0648\u0638\u064a\u0641\u064a \u0631\u0642\u0645 \u0627\u0644\u062c\u0648\u0627\u0644 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0627\u0644\u0631\u0633\u0645\u064a \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629 \u064a\u0645\u0643\u0646\u0643 \u0627\u062e\u062a\u064a\u0627\u0631 \u0623\u0643\u062b\u0631 \u0645\u0646 \u062e\u062f\u0645\u0629 \u0645\u0631\u0627\u062c\u0639\u0629 \u0645\u0627\u0644\u064a\u0629 \u0648\u0642\u0648\u0627\u0626\u0645<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"solace_meta_sidebar":"","solace_meta_container":"","solace_meta_enable_content_width":"","solace_meta_content_width":0,"solace_meta_title_alignment":"","solace_meta_author_avatar":"","solace_post_elements_order":"","solace_meta_disable_header":"","solace_meta_disable_footer":"","solace_meta_disable_title":"","footnotes":""},"class_list":["post-236","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alkulaibco.com\/index.php?rest_route=\/wp\/v2\/pages\/236","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alkulaibco.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alkulaibco.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alkulaibco.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alkulaibco.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=236"}],"version-history":[{"count":4,"href":"https:\/\/alkulaibco.com\/index.php?rest_route=\/wp\/v2\/pages\/236\/revisions"}],"predecessor-version":[{"id":240,"href":"https:\/\/alkulaibco.com\/index.php?rest_route=\/wp\/v2\/pages\/236\/revisions\/240"}],"wp:attachment":[{"href":"https:\/\/alkulaibco.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=236"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}