{"id":111,"date":"2026-09-10T18:58:33","date_gmt":"2026-09-10T15:28:33","guid":{"rendered":"https:\/\/ir.karpirajobs.com\/?page_id=111"},"modified":"2026-09-13T13:55:44","modified_gmt":"2026-09-13T10:25:44","slug":"%d8%ae%d8%af%d9%85%d8%a7%d8%aa","status":"publish","type":"page","link":"https:\/\/ir.karpirajobs.com\/?page_id=111","title":{"rendered":"\u062e\u062f\u0645\u0627\u062a"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"111\" class=\"elementor elementor-111\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-20d59b4 e-flex e-con-boxed e-con e-parent\" data-id=\"20d59b4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3808cba elementor-widget elementor-widget-html\" data-id=\"3808cba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"kp-services-hero\" id=\"kp-services-hero\">\r\n  <div class=\"kp-sh-ambient kp-sh-ambient-1\"><\/div>\r\n  <div class=\"kp-sh-ambient kp-sh-ambient-2\"><\/div>\r\n\r\n  <div class=\"kp-sh-container\">\r\n\r\n    <div class=\"kp-sh-content\">\r\n\r\n      <div class=\"kp-sh-label\">\r\n        <span class=\"kp-sh-label-line\"><\/span>\r\n        <span>SERVICES \u00b7 KARPIRA<\/span>\r\n      <\/div>\r\n\r\n      <h1>\r\n        \u062e\u062f\u0645\u0627\u062a \u06a9\u0627\u0631\u06cc\u0627\u0628\u06cc \u062f\u0627\u062e\u0644\u06cc\r\n        <span>\u06a9\u0627\u0631\u067e\u06cc\u0631\u0627<\/span>\r\n      <\/h1>\r\n\r\n      <div class=\"kp-sh-subtitle\">\r\n        \u0647\u0631 \u0645\u0633\u0626\u0644\u0647 \u06a9\u0627\u0631\u06cc\u060c \u06cc\u06a9 \u0645\u0633\u06cc\u0631 \u0628\u0631\u0627\u06cc \u067e\u06cc\u06af\u06cc\u0631\u06cc \u062f\u0627\u0631\u062f.\r\n      <\/div>\r\n\r\n      <p class=\"kp-sh-desc\">\r\n        \u0627\u0632 \u06a9\u0627\u0631\u06cc\u0627\u0628\u06cc \u0648 \u0628\u06cc\u0645\u0647 \u0628\u06cc\u06a9\u0627\u0631\u06cc \u062a\u0627 \u067e\u06cc\u06af\u06cc\u0631\u06cc \u0627\u0645\u0648\u0631 \u0645\u0631\u062a\u0628\u0637 \u0628\u0627 \u0645\u0633\u0627\u0626\u0644 \u0634\u063a\u0644\u06cc\u060c\r\n        \u06a9\u0627\u0631\u06cc\u0627\u0628\u06cc \u062f\u0627\u062e\u0644\u06cc \u06a9\u0627\u0631\u067e\u06cc\u0631\u0627 \u0645\u0634\u0647\u062f \u062f\u0631 \u06a9\u0646\u0627\u0631 \u0634\u0645\u0627\u0633\u062a \u062a\u0627 \u0645\u0633\u06cc\u0631 \u0645\u0646\u0627\u0633\u0628 \u0631\u0627\r\n        \u067e\u06cc\u062f\u0627 \u0648 \u067e\u06cc\u06af\u06cc\u0631\u06cc \u06a9\u0646\u06cc\u062f.\r\n      <\/p>\r\n\r\n      <a href=\"#kp-services-list\" class=\"kp-sh-btn\">\r\n        <span>\u0645\u0634\u0627\u0647\u062f\u0647 \u062e\u062f\u0645\u0627\u062a<\/span>\r\n        <span class=\"kp-sh-btn-arrow\">\u2190<\/span>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"kp-sh-visual\">\r\n\r\n      <div class=\"kp-sh-visual-label\">\r\n        <span>SERVICE PATH<\/span>\r\n        <i><\/i>\r\n      <\/div>\r\n\r\n      <div class=\"kp-sh-orbit orbit-1\"><\/div>\r\n      <div class=\"kp-sh-orbit orbit-2\"><\/div>\r\n\r\n      <div class=\"kp-sh-center\">\r\n        <div class=\"kp-sh-center-ring\"><\/div>\r\n        <div class=\"kp-sh-center-k\">K<\/div>\r\n        <div class=\"kp-sh-center-name\">KARPIRA<\/div>\r\n        <div class=\"kp-sh-center-type\">CAREER & HUMAN RESOURCES<\/div>\r\n      <\/div>\r\n\r\n\r\n      <a href=\"https:\/\/ir.karpirajobs.com\/\" class=\"kp-sh-service kp-sh-service-1\">\r\n        <span class=\"kp-sh-number\">01<\/span>\r\n        <strong>\u06a9\u0627\u0631\u06cc\u0627\u0628\u06cc<\/strong>\r\n        <small>CAREER<\/small>\r\n      <\/a>\r\n\r\n      <a href=\"https:\/\/ir.karpirajobs.com\/?page_id=171\" class=\"kp-sh-service kp-sh-service-2\">\r\n        <span class=\"kp-sh-number\">02<\/span>\r\n        <strong>\u0628\u06cc\u0645\u0647 \u0628\u06cc\u06a9\u0627\u0631\u06cc<\/strong>\r\n        <small>INSURANCE<\/small>\r\n      <\/a>\r\n\r\n      <div class=\"kp-sh-service kp-sh-service-3\">\r\n        <span class=\"kp-sh-number\">03<\/span>\r\n        <strong>\u0627\u0645\u0648\u0631 \u06a9\u0627\u0631\u06cc<\/strong>\r\n        <small>WORK<\/small>\r\n      <\/div>\r\n\r\n      <a href=\"https:\/\/ir.karpirajobs.com\/?page_id=176\" class=\"kp-sh-service kp-sh-service-4\">\r\n        <span class=\"kp-sh-number\">04<\/span>\r\n        <strong>\u0645\u0634\u0627\u063a\u0644 \u0633\u062e\u062a<\/strong>\r\n        <small>CAREER<\/small>\r\n      <\/a>\r\n\r\n      <a href=\"https:\/\/ir.karpirajobs.com\/?page_id=147\" class=\"kp-sh-service kp-sh-service-5\">\r\n        <span class=\"kp-sh-number\">05<\/span>\r\n        <strong>\u0622\u0632\u0627\u062f\u0633\u0627\u0632\u06cc \u0645\u062f\u0631\u06a9<\/strong>\r\n        <small>DOCUMENT<\/small>\r\n      <\/a>\r\n\r\n\r\n      <div class=\"kp-sh-dot dot-1\"><\/div>\r\n      <div class=\"kp-sh-dot dot-2\"><\/div>\r\n      <div class=\"kp-sh-dot dot-3\"><\/div>\r\n      <div class=\"kp-sh-dot dot-4\"><\/div>\r\n\r\n      <div class=\"kp-sh-vertical-text\">\r\n        INTERNAL RECRUITMENT \u00b7 MASHHAD\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"kp-sh-bottom\">\r\n    <span>01<\/span>\r\n    <div><\/div>\r\n    <span>EXPLORE SERVICES<\/span>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n.kp-services-hero{\r\n  --teal:#00A7BA;\r\n  --orange:#F58220;\r\n  --dark:#101828;\r\n  --muted:#667085;\r\n  --border:#E5EAF0;\r\n\r\n  position:relative;\r\n  width:100%;\r\n  min-height:760px;\r\n  overflow:hidden;\r\n  background:#fff;\r\n  color:var(--dark);\r\n  direction:rtl;\r\n  isolation:isolate;\r\n}\r\n\r\n.kp-sh-container{\r\n  width:min(1240px, calc(100% - 80px));\r\n  min-height:700px;\r\n  margin:0 auto;\r\n  display:grid;\r\n  grid-template-columns: .92fr 1.08fr;\r\n  align-items:center;\r\n  gap:80px;\r\n  position:relative;\r\n  z-index:2;\r\n}\r\n\r\n\r\n\/* CONTENT *\/\r\n\r\n.kp-sh-content{\r\n  direction:rtl;\r\n  text-align:right;\r\n  padding-top:10px;\r\n}\r\n\r\n.kp-sh-label{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:flex-start;\r\n  gap:9px;\r\n  direction:ltr;\r\n  margin-bottom:30px;\r\n  font-size:9px;\r\n  letter-spacing:2.4px;\r\n  color:#98A2B3;\r\n  font-weight:700;\r\n}\r\n\r\n.kp-sh-label-line{\r\n  width:30px;\r\n  height:1px;\r\n  background:var(--teal);\r\n  flex:0 0 30px;\r\n}\r\n\r\n.kp-sh-content h1{\r\n  margin:0;\r\n  font-size:clamp(42px, 5vw, 70px);\r\n  line-height:1.2;\r\n  letter-spacing:-2.5px;\r\n  font-weight:800;\r\n  color:var(--dark);\r\n}\r\n\r\n.kp-sh-content h1 span{\r\n  color:var(--teal);\r\n  display:block;\r\n}\r\n\r\n.kp-sh-subtitle{\r\n  margin-top:25px;\r\n  font-size:21px;\r\n  line-height:1.8;\r\n  font-weight:700;\r\n  color:var(--dark);\r\n}\r\n\r\n.kp-sh-desc{\r\n  max-width:560px;\r\n  margin:17px 0 0;\r\n  color:var(--muted);\r\n  font-size:14px;\r\n  line-height:2.25;\r\n  font-weight:450;\r\n}\r\n\r\n.kp-sh-btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:14px;\r\n  margin-top:34px;\r\n  padding:13px 20px 13px 15px;\r\n  border:1px solid var(--teal);\r\n  border-radius:10px;\r\n  color:#fff;\r\n  background:var(--teal);\r\n  text-decoration:none;\r\n  font-size:12px;\r\n  font-weight:750;\r\n  transition:\r\n    transform .3s ease,\r\n    background .3s ease,\r\n    box-shadow .3s ease;\r\n}\r\n\r\n.kp-sh-btn:hover{\r\n  transform:translateY(-3px);\r\n  background:#008F9F;\r\n  box-shadow:0 12px 28px rgba(0,167,186,.18);\r\n}\r\n\r\n.kp-sh-btn-arrow{\r\n  width:26px;\r\n  height:26px;\r\n  border-radius:7px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  background:rgba(255,255,255,.16);\r\n  direction:ltr;\r\n  transition:transform .3s ease;\r\n}\r\n\r\n.kp-sh-btn:hover .kp-sh-btn-arrow{\r\n  transform:translateX(-3px);\r\n}\r\n\r\n\r\n\/* VISUAL *\/\r\n\r\n.kp-sh-visual{\r\n  position:relative;\r\n  width:100%;\r\n  height:560px;\r\n  direction:ltr;\r\n}\r\n\r\n.kp-sh-visual:before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:40px 15px 40px 15px;\r\n  background-image:\r\n    linear-gradient(rgba(0,167,186,.045) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(0,167,186,.045) 1px, transparent 1px);\r\n  background-size:42px 42px;\r\n  mask-image:linear-gradient(\r\n    to bottom,\r\n    transparent,\r\n    black 18%,\r\n    black 82%,\r\n    transparent\r\n  );\r\n  pointer-events:none;\r\n}\r\n\r\n.kp-sh-visual-label{\r\n  position:absolute;\r\n  top:38px;\r\n  right:12px;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:9px;\r\n  color:#98A2B3;\r\n  font-size:8px;\r\n  letter-spacing:2px;\r\n  font-weight:700;\r\n}\r\n\r\n.kp-sh-visual-label i{\r\n  width:5px;\r\n  height:5px;\r\n  border-radius:50%;\r\n  background:var(--orange);\r\n}\r\n\r\n\r\n\/* ORBITS *\/\r\n\r\n.kp-sh-orbit{\r\n  position:absolute;\r\n  left:50%;\r\n  top:50%;\r\n  border:1px solid rgba(0,167,186,.13);\r\n  border-radius:50%;\r\n  transform:translate(-50%,-50%);\r\n}\r\n\r\n.orbit-1{\r\n  width:355px;\r\n  height:355px;\r\n}\r\n\r\n.orbit-2{\r\n  width:500px;\r\n  height:300px;\r\n  transform:translate(-50%,-50%) rotate(-24deg);\r\n  border-color:rgba(0,167,186,.08);\r\n}\r\n\r\n\r\n\/* CENTER *\/\r\n\r\n.kp-sh-center{\r\n  position:absolute;\r\n  left:50%;\r\n  top:50%;\r\n  width:160px;\r\n  height:160px;\r\n  transform:translate(-50%,-50%);\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:center;\r\n  justify-content:center;\r\n  background:rgba(255,255,255,.94);\r\n  border:1px solid rgba(0,167,186,.22);\r\n  border-radius:50%;\r\n  box-shadow:\r\n    0 20px 55px rgba(16,24,40,.07),\r\n    0 0 0 10px rgba(0,167,186,.025);\r\n  z-index:5;\r\n}\r\n\r\n.kp-sh-center-ring{\r\n  position:absolute;\r\n  inset:-7px;\r\n  border:1px dashed rgba(0,167,186,.22);\r\n  border-radius:50%;\r\n}\r\n\r\n.kp-sh-center-k{\r\n  font-size:38px;\r\n  line-height:1;\r\n  font-weight:850;\r\n  color:var(--teal);\r\n  margin-bottom:6px;\r\n}\r\n\r\n.kp-sh-center-name{\r\n  font-size:10px;\r\n  font-weight:800;\r\n  letter-spacing:2.3px;\r\n  color:var(--dark);\r\n}\r\n\r\n.kp-sh-center-type{\r\n  margin-top:4px;\r\n  font-size:5.5px;\r\n  letter-spacing:1.2px;\r\n  color:#98A2B3;\r\n}\r\n\r\n\r\n\/* SERVICE ITEMS *\/\r\n\r\n.kp-sh-service{\r\n  position:absolute;\r\n  width:145px;\r\n  min-height:58px;\r\n  padding:11px 13px;\r\n  background:rgba(255,255,255,.94);\r\n  border:1px solid var(--border);\r\n  border-radius:11px;\r\n  box-shadow:0 12px 35px rgba(16,24,40,.045);\r\n  transition:\r\n    transform .35s ease,\r\n    border-color .35s ease,\r\n    box-shadow .35s ease;\r\n  z-index:6;\r\n}\r\n\r\n.kp-sh-service:hover{\r\n  transform:translateY(-5px);\r\n  border-color:rgba(0,167,186,.4);\r\n  box-shadow:0 18px 42px rgba(0,167,186,.10);\r\n}\r\n\r\n.kp-sh-number{\r\n  display:block;\r\n  margin-bottom:4px;\r\n  font-size:7px;\r\n  letter-spacing:1.5px;\r\n  color:var(--teal);\r\n  font-weight:800;\r\n}\r\n\r\n.kp-sh-service strong{\r\n  display:block;\r\n  font-size:12px;\r\n  color:var(--dark);\r\n  font-weight:750;\r\n  white-space:nowrap;\r\n}\r\n\r\n.kp-sh-service small{\r\n  display:block;\r\n  margin-top:3px;\r\n  font-size:6px;\r\n  letter-spacing:1.2px;\r\n  color:#98A2B3;\r\n}\r\n\r\n\r\n\/* POSITIONS *\/\r\n\r\n.kp-sh-service-1{\r\n  top:108px;\r\n  left:20px;\r\n}\r\n\r\n.kp-sh-service-2{\r\n  top:182px;\r\n  right:8px;\r\n}\r\n\r\n.kp-sh-service-3{\r\n  bottom:104px;\r\n  right:22px;\r\n}\r\n\r\n.kp-sh-service-4{\r\n  bottom:70px;\r\n  left:42px;\r\n}\r\n\r\n.kp-sh-service-5{\r\n  top:50%;\r\n  left:0;\r\n  transform:translateY(-50%);\r\n}\r\n\r\n.kp-sh-service-5:hover{\r\n  transform:translateY(calc(-50% - 5px));\r\n}\r\n\r\n\r\n\/* DOTS *\/\r\n\r\n.kp-sh-dot{\r\n  position:absolute;\r\n  width:5px;\r\n  height:5px;\r\n  border-radius:50%;\r\n  background:var(--teal);\r\n  opacity:.45;\r\n}\r\n\r\n.dot-1{\r\n  top:145px;\r\n  right:170px;\r\n}\r\n\r\n.dot-2{\r\n  top:330px;\r\n  left:100px;\r\n  background:var(--orange);\r\n  opacity:.7;\r\n}\r\n\r\n.dot-3{\r\n  bottom:145px;\r\n  right:125px;\r\n}\r\n\r\n.dot-4{\r\n  bottom:95px;\r\n  left:220px;\r\n  width:3px;\r\n  height:3px;\r\n}\r\n\r\n\r\n\/* SIDE TEXT *\/\r\n\r\n.kp-sh-vertical-text{\r\n  position:absolute;\r\n  right:-5px;\r\n  bottom:105px;\r\n  writing-mode:vertical-rl;\r\n  transform:rotate(180deg);\r\n  font-size:7px;\r\n  letter-spacing:2px;\r\n  color:#B0B8C4;\r\n}\r\n\r\n\r\n\/* BOTTOM *\/\r\n\r\n.kp-sh-bottom{\r\n  position:absolute;\r\n  bottom:28px;\r\n  left:50%;\r\n  transform:translateX(-50%);\r\n  width:min(1240px, calc(100% - 80px));\r\n  display:flex;\r\n  align-items:center;\r\n  gap:12px;\r\n  direction:ltr;\r\n  color:#98A2B3;\r\n  font-size:7px;\r\n  letter-spacing:2px;\r\n  z-index:3;\r\n}\r\n\r\n.kp-sh-bottom div{\r\n  width:70px;\r\n  height:1px;\r\n  background:var(--border);\r\n}\r\n\r\n\r\n\/* AMBIENT *\/\r\n\r\n.kp-sh-ambient{\r\n  position:absolute;\r\n  border-radius:50%;\r\n  pointer-events:none;\r\n  filter:blur(2px);\r\n  z-index:0;\r\n}\r\n\r\n.kp-sh-ambient-1{\r\n  width:280px;\r\n  height:280px;\r\n  right:-170px;\r\n  top:-100px;\r\n  background:rgba(0,167,186,.035);\r\n}\r\n\r\n.kp-sh-ambient-2{\r\n  width:220px;\r\n  height:220px;\r\n  left:-130px;\r\n  bottom:-100px;\r\n  background:rgba(245,130,32,.025);\r\n}\r\n\r\n\r\n\/* RESPONSIVE *\/\r\n\r\n@media(max-width:980px){\r\n\r\n  .kp-sh-container{\r\n    width:min(760px, calc(100% - 44px));\r\n    grid-template-columns:1fr;\r\n    gap:25px;\r\n    padding-top:65px;\r\n    padding-bottom:60px;\r\n  }\r\n\r\n  .kp-services-hero{\r\n    min-height:auto;\r\n  }\r\n\r\n  .kp-sh-content{\r\n    text-align:right;\r\n  }\r\n\r\n  .kp-sh-content h1{\r\n    font-size:48px;\r\n  }\r\n\r\n  .kp-sh-visual{\r\n    height:500px;\r\n    max-width:650px;\r\n    margin:0 auto;\r\n  }\r\n\r\n  .kp-sh-bottom{\r\n    display:none;\r\n  }\r\n\r\n}\r\n\r\n@media(max-width:600px){\r\n\r\n  .kp-sh-container{\r\n    width:calc(100% - 34px);\r\n    padding-top:45px;\r\n    padding-bottom:25px;\r\n  }\r\n\r\n  .kp-sh-label{\r\n    margin-bottom:22px;\r\n  }\r\n\r\n  .kp-sh-content h1{\r\n    font-size:37px;\r\n    line-height:1.3;\r\n    letter-spacing:-1.5px;\r\n  }\r\n\r\n  .kp-sh-subtitle{\r\n    font-size:17px;\r\n    margin-top:18px;\r\n  }\r\n\r\n  .kp-sh-desc{\r\n    font-size:12px;\r\n    line-height:2.15;\r\n  }\r\n\r\n  .kp-sh-btn{\r\n    margin-top:25px;\r\n  }\r\n\r\n  .kp-sh-visual{\r\n    height:440px;\r\n    transform:scale(.88);\r\n    transform-origin:center;\r\n    margin-top:-15px;\r\n    margin-bottom:-30px;\r\n  }\r\n\r\n  .orbit-1{\r\n    width:290px;\r\n    height:290px;\r\n  }\r\n\r\n  .orbit-2{\r\n    width:390px;\r\n    height:250px;\r\n  }\r\n\r\n  .kp-sh-center{\r\n    width:130px;\r\n    height:130px;\r\n  }\r\n\r\n  .kp-sh-center-k{\r\n    font-size:30px;\r\n  }\r\n\r\n  .kp-sh-service{\r\n    width:125px;\r\n    padding:9px 10px;\r\n  }\r\n\r\n  .kp-sh-service strong{\r\n    font-size:10px;\r\n  }\r\n\r\n  .kp-sh-service-1{\r\n    left:0;\r\n    top:82px;\r\n  }\r\n\r\n  .kp-sh-service-2{\r\n    right:-2px;\r\n    top:145px;\r\n  }\r\n\r\n  .kp-sh-service-3{\r\n    right:0;\r\n    bottom:78px;\r\n  }\r\n\r\n  .kp-sh-service-4{\r\n    left:12px;\r\n    bottom:48px;\r\n  }\r\n\r\n  .kp-sh-service-5{\r\n    left:-8px;\r\n  }\r\n\r\n  .kp-sh-vertical-text,\r\n  .kp-sh-visual-label{\r\n    display:none;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n  const root = document.querySelector('#kp-services-hero');\r\n  if(!root) return;\r\n\r\n  const visual = root.querySelector('.kp-sh-visual');\r\n  const services = root.querySelectorAll('.kp-sh-service');\r\n\r\n  if(!visual) return;\r\n\r\n  visual.addEventListener('mousemove', function(e){\r\n\r\n    const rect = visual.getBoundingClientRect();\r\n\r\n    const x = (e.clientX - rect.left) \/ rect.width - .5;\r\n    const y = (e.clientY - rect.top) \/ rect.height - .5;\r\n\r\n    const center = visual.querySelector('.kp-sh-center');\r\n\r\n    if(center){\r\n      center.style.transform =\r\n        'translate(calc(-50% + ' + (x * 7) + 'px), calc(-50% + ' + (y * 7) + 'px))';\r\n    }\r\n\r\n    services.forEach(function(item,index){\r\n\r\n      const amount = (index % 2 === 0 ? 1 : -1) * 3;\r\n\r\n      item.style.marginLeft = (x * amount) + 'px';\r\n      item.style.marginTop = (y * amount) + 'px';\r\n\r\n    });\r\n\r\n  });\r\n\r\n  visual.addEventListener('mouseleave', function(){\r\n\r\n    const center = visual.querySelector('.kp-sh-center');\r\n\r\n    if(center){\r\n      center.style.transform='translate(-50%,-50%)';\r\n    }\r\n\r\n    services.forEach(function(item){\r\n      item.style.marginLeft='0';\r\n      item.style.marginTop='0';\r\n    });\r\n\r\n  });\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c36b8a9 e-flex e-con-boxed e-con e-parent\" data-id=\"c36b8a9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8dda044 elementor-widget elementor-widget-html\" data-id=\"8dda044\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t```html\r\n<section class=\"kp-service-details\" id=\"kp-services-list\">\r\n\r\n  <div class=\"kp-sd-container\">\r\n\r\n    <!-- HEADER -->\r\n    <div class=\"kp-sd-header\">\r\n\r\n      <div class=\"kp-sd-label\">\r\n        <span class=\"kp-sd-label-line\"><\/span>\r\n        <span>SERVICE DETAILS \u00b7 KARPIRA<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"kp-sd-header-grid\">\r\n\r\n        <div>\r\n          <h2>\r\n            \u0645\u0633\u06cc\u0631 \u0647\u0631 \u062e\u062f\u0645\u062a\r\n            <span>\u0686\u0637\u0648\u0631 \u067e\u06cc\u0634 \u0645\u06cc\u200c\u0631\u0648\u062f\u061f<\/span>\r\n          <\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"kp-sd-header-copy\">\r\n          <span class=\"kp-sd-counter\">01 \/ 05<\/span>\r\n          <p>\r\n            \u0647\u0631 \u062e\u062f\u0645\u062a\u060c \u0631\u0648\u0646\u062f \u0648 \u0645\u0631\u0627\u062d\u0644 \u0645\u062e\u0635\u0648\u0635 \u062e\u0648\u062f\u0634 \u0631\u0627 \u062f\u0627\u0631\u062f.\r\n            \u0627\u06cc\u0646\u062c\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0642\u0628\u0644 \u0627\u0632 \u0634\u0631\u0648\u0639\u060c \u0645\u0633\u06cc\u0631 \u0627\u0646\u062c\u0627\u0645 \u0622\u0646 \u0631\u0627 \u0628\u0628\u06cc\u0646\u06cc\u062f.\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- MAIN -->\r\n    <div class=\"kp-sd-main\">\r\n\r\n\r\n      <!-- ROADMAP -->\r\n      <div class=\"kp-sd-roadmap\">\r\n\r\n        <div class=\"kp-sd-roadmap-top\">\r\n          <div>\r\n            <span class=\"kp-sd-roadmap-eyebrow\">CURRENT SERVICE<\/span>\r\n            <h3 class=\"kp-sd-current-title\">\u06a9\u0627\u0631\u06cc\u0627\u0628\u06cc<\/h3>\r\n          <\/div>\r\n\r\n          <div class=\"kp-sd-status\">\r\n            <span><\/span>\r\n            SERVICE PATH\r\n          <\/div>\r\n        <\/div>\r\n\r\n\r\n        <div class=\"kp-sd-road\">\r\n\r\n          <div class=\"kp-sd-line\">\r\n            <span class=\"kp-sd-line-progress\"><\/span>\r\n          <\/div>\r\n\r\n\r\n          <!-- STEP 1 -->\r\n          <div class=\"kp-sd-step is-active\">\r\n\r\n            <div class=\"kp-sd-step-node\">\r\n              <span>01<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"kp-sd-step-content\">\r\n              <span class=\"kp-sd-step-label\">START<\/span>\r\n              <h4>\u0628\u0631\u0631\u0633\u06cc \u0634\u0631\u0627\u06cc\u0637 \u0648 \u0646\u06cc\u0627\u0632 \u0634\u063a\u0644\u06cc<\/h4>\r\n              <p>\r\n                \u0634\u0631\u0627\u06cc\u0637\u060c \u0645\u0647\u0627\u0631\u062a\u200c\u0647\u0627 \u0648 \u0646\u0648\u0639 \u0645\u0648\u0642\u0639\u06cc\u062a \u0634\u063a\u0644\u06cc \u0645\u0648\u0631\u062f\u0646\u0638\u0631 \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f\r\n                \u062a\u0627 \u0645\u0633\u06cc\u0631 \u0645\u0646\u0627\u0633\u0628 \u0645\u0634\u062e\u0635 \u0634\u0648\u062f.\r\n              <\/p>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- STEP 2 -->\r\n          <div class=\"kp-sd-step\">\r\n\r\n            <div class=\"kp-sd-step-node\">\r\n              <span>02<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"kp-sd-step-content\">\r\n              <span class=\"kp-sd-step-label\">MATCH<\/span>\r\n              <h4>\u0628\u0631\u0631\u0633\u06cc \u0645\u0648\u0642\u0639\u06cc\u062a\u200c\u0647\u0627\u06cc \u0645\u0646\u0627\u0633\u0628<\/h4>\r\n              <p>\r\n                \u0641\u0631\u0635\u062a\u200c\u0647\u0627\u06cc \u0634\u063a\u0644\u06cc \u0645\u062a\u0646\u0627\u0633\u0628 \u0628\u0627 \u0634\u0631\u0627\u06cc\u0637 \u0648 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0634\u0645\u0627 \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc\u200c\u0634\u0648\u0646\u062f.\r\n              <\/p>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- STEP 3 -->\r\n          <div class=\"kp-sd-step\">\r\n\r\n            <div class=\"kp-sd-step-node\">\r\n              <span>03<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"kp-sd-step-content\">\r\n              <span class=\"kp-sd-step-label\">PROCESS<\/span>\r\n              <h4>\u0645\u0639\u0631\u0641\u06cc \u0648 \u067e\u06cc\u06af\u06cc\u0631\u06cc<\/h4>\r\n              <p>\r\n                \u0631\u0648\u0646\u062f \u0645\u0639\u0631\u0641\u06cc \u0628\u0647 \u0645\u0648\u0642\u0639\u06cc\u062a \u0645\u0646\u0627\u0633\u0628 \u0648 \u0645\u0631\u0627\u062d\u0644 \u0628\u0639\u062f\u06cc \u067e\u06cc\u06af\u06cc\u0631\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f.\r\n              <\/p>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- STEP 4 -->\r\n          <div class=\"kp-sd-step\">\r\n\r\n            <div class=\"kp-sd-step-node\">\r\n              <span>04<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"kp-sd-step-content\">\r\n              <span class=\"kp-sd-step-label\">RESULT<\/span>\r\n              <h4>\u0631\u0633\u06cc\u062f\u0646 \u0628\u0647 \u0646\u062a\u06cc\u062c\u0647<\/h4>\r\n              <p>\r\n                \u0645\u0633\u06cc\u0631 \u062a\u0627 \u0631\u0633\u06cc\u062f\u0646 \u0628\u0647 \u0646\u062a\u06cc\u062c\u0647 \u0646\u0647\u0627\u06cc\u06cc \u0648 \u0645\u0634\u062e\u0635 \u0634\u062f\u0646 \u0648\u0636\u0639\u06cc\u062a \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0627\u062f\u0627\u0645\u0647 \u067e\u06cc\u062f\u0627 \u0645\u06cc\u200c\u06a9\u0646\u062f.\r\n              <\/p>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"kp-sd-roadmap-bottom\">\r\n\r\n          <span>01<\/span>\r\n\r\n          <div class=\"kp-sd-bottom-line\"><\/div>\r\n\r\n          <span class=\"kp-sd-bottom-text\">\r\n            KARPIRA \u00b7 SERVICE ROADMAP\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- SERVICES -->\r\n      <div class=\"kp-sd-services\">\r\n\r\n        <div class=\"kp-sd-services-intro\">\r\n          <span>SELECT A SERVICE<\/span>\r\n          <p>\u0628\u0631\u0627\u06cc \u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u0633\u06cc\u0631\u060c \u06cc\u06a9 \u062e\u062f\u0645\u062a \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f.<\/p>\r\n        <\/div>\r\n\r\n\r\n        <!-- 01 -->\r\n        <button\r\n          type=\"button\"\r\n          class=\"kp-sd-service is-active\"\r\n          data-service=\"career\"\r\n          data-index=\"01\">\r\n\r\n          <span class=\"kp-sd-service-number\">01<\/span>\r\n\r\n          <span class=\"kp-sd-service-main\">\r\n            <strong>\u06a9\u0627\u0631\u06cc\u0627\u0628\u06cc<\/strong>\r\n            <small>\u067e\u06cc\u062f\u0627 \u06a9\u0631\u062f\u0646 \u0645\u0648\u0642\u0639\u06cc\u062a \u0634\u063a\u0644\u06cc \u0645\u0646\u0627\u0633\u0628<\/small>\r\n          <\/span>\r\n\r\n          <span class=\"kp-sd-service-arrow\">\u2197<\/span>\r\n\r\n        <\/button>\r\n\r\n\r\n        <!-- 02 -->\r\n        <button\r\n          type=\"button\"\r\n          class=\"kp-sd-service\"\r\n          data-service=\"insurance\"\r\n          data-index=\"02\">\r\n\r\n          <span class=\"kp-sd-service-number\">02<\/span>\r\n\r\n          <span class=\"kp-sd-service-main\">\r\n            <strong>\u062b\u0628\u062a \u0628\u06cc\u0645\u0647 \u0628\u06cc\u06a9\u0627\u0631\u06cc<\/strong>\r\n            <small>\u062b\u0628\u062a \u0648 \u067e\u06cc\u06af\u06cc\u0631\u06cc \u0627\u0645\u0648\u0631 \u0628\u06cc\u0645\u0647 \u0628\u06cc\u06a9\u0627\u0631\u06cc<\/small>\r\n          <\/span>\r\n\r\n          <span class=\"kp-sd-service-arrow\">\u2197<\/span>\r\n\r\n        <\/button>\r\n\r\n\r\n        <!-- 03 -->\r\n        <button\r\n          type=\"button\"\r\n          class=\"kp-sd-service\"\r\n          data-service=\"complaint\"\r\n          data-index=\"03\">\r\n\r\n          <span class=\"kp-sd-service-number\">03<\/span>\r\n\r\n          <span class=\"kp-sd-service-main\">\r\n            <strong>\u062b\u0628\u062a \u0634\u06a9\u0627\u06cc\u062a \u0627\u0632 \u06a9\u0627\u0631\u0641\u0631\u0645\u0627<\/strong>\r\n            <small>\u067e\u06cc\u06af\u06cc\u0631\u06cc \u0627\u0645\u0648\u0631 \u0645\u0631\u062a\u0628\u0637 \u0628\u0627 \u0634\u06a9\u0627\u06cc\u062a<\/small>\r\n          <\/span>\r\n\r\n          <span class=\"kp-sd-service-arrow\">\u2197<\/span>\r\n\r\n        <\/button>\r\n\r\n\r\n        <!-- 04 -->\r\n        <button\r\n          type=\"button\"\r\n          class=\"kp-sd-service\"\r\n          data-service=\"hardwork\"\r\n          data-index=\"04\">\r\n\r\n          <span class=\"kp-sd-service-number\">04<\/span>\r\n\r\n          <span class=\"kp-sd-service-main\">\r\n            <strong>\u062b\u0628\u062a \u0645\u0634\u0627\u063a\u0644 \u0633\u062e\u062a \u0648 \u0632\u06cc\u0627\u0646\u200c\u0622\u0648\u0631<\/strong>\r\n            <small>\u067e\u06cc\u06af\u06cc\u0631\u06cc \u0633\u0648\u0627\u0628\u0642 \u0648 \u0634\u0631\u0627\u06cc\u0637 \u0634\u063a\u0644\u06cc<\/small>\r\n          <\/span>\r\n\r\n          <span class=\"kp-sd-service-arrow\">\u2197<\/span>\r\n\r\n        <\/button>\r\n\r\n\r\n        <!-- 05 -->\r\n        <button\r\n          type=\"button\"\r\n          class=\"kp-sd-service\"\r\n          data-service=\"document\"\r\n          data-index=\"05\">\r\n\r\n          <span class=\"kp-sd-service-number\">05<\/span>\r\n\r\n          <span class=\"kp-sd-service-main\">\r\n            <strong>\u0622\u0632\u0627\u062f\u0633\u0627\u0632\u06cc \u0645\u062f\u0631\u06a9 \u062a\u062d\u0635\u06cc\u0644\u06cc<\/strong>\r\n            <small>\u067e\u06cc\u06af\u06cc\u0631\u06cc \u0641\u0631\u0622\u06cc\u0646\u062f \u0622\u0632\u0627\u062f\u0633\u0627\u0632\u06cc \u0645\u062f\u0631\u06a9<\/small>\r\n          <\/span>\r\n\r\n          <span class=\"kp-sd-service-arrow\">\u2197<\/span>\r\n\r\n        <\/button>\r\n\r\n\r\n        <div class=\"kp-sd-services-note\">\r\n          <span class=\"kp-sd-orange-dot\"><\/span>\r\n          <span>SELECT TO EXPLORE THE PATH<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n.kp-service-details{\r\n  --teal:#00A7BA;\r\n  --orange:#F58220;\r\n  --dark:#101828;\r\n  --muted:#667085;\r\n  --light:#98A2B3;\r\n  --border:#E5EAF0;\r\n\r\n  width:100%;\r\n  background:#fff;\r\n  color:var(--dark);\r\n  direction:rtl;\r\n  overflow:hidden;\r\n}\r\n\r\n.kp-service-details *,\r\n.kp-service-details *::before,\r\n.kp-service-details *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n.kp-sd-container{\r\n  width:min(1240px,calc(100% - 80px));\r\n  margin:0 auto;\r\n  padding:130px 0 145px;\r\n}\r\n\r\n\r\n\/* HEADER *\/\r\n\r\n.kp-sd-header{\r\n  margin-bottom:78px;\r\n}\r\n\r\n.kp-sd-label{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:9px;\r\n  direction:ltr;\r\n  margin-bottom:28px;\r\n\r\n  font-size:9px;\r\n  letter-spacing:2.4px;\r\n  font-weight:700;\r\n  color:#98A2B3;\r\n}\r\n\r\n.kp-sd-label-line{\r\n  width:30px;\r\n  height:1px;\r\n  background:var(--teal);\r\n}\r\n\r\n\r\n.kp-sd-header-grid{\r\n  display:grid;\r\n  grid-template-columns:1.15fr .85fr;\r\n  gap:100px;\r\n  align-items:end;\r\n}\r\n\r\n\r\n.kp-sd-header h2{\r\n  margin:0;\r\n\r\n  font-size:clamp(42px,5vw,66px);\r\n  line-height:1.2;\r\n  letter-spacing:-2.5px;\r\n  font-weight:800;\r\n  color:var(--dark);\r\n}\r\n\r\n.kp-sd-header h2 span{\r\n  display:block;\r\n  color:var(--teal);\r\n}\r\n\r\n\r\n.kp-sd-header-copy{\r\n  padding-bottom:5px;\r\n}\r\n\r\n.kp-sd-counter{\r\n  display:block;\r\n  direction:ltr;\r\n\r\n  margin-bottom:15px;\r\n\r\n  font-size:9px;\r\n  letter-spacing:2px;\r\n  font-weight:800;\r\n  color:var(--teal);\r\n}\r\n\r\n.kp-sd-header-copy p{\r\n  max-width:370px;\r\n  margin:0;\r\n\r\n  color:var(--muted);\r\n  font-size:13px;\r\n  line-height:2.2;\r\n}\r\n\r\n\r\n\/* MAIN *\/\r\n\r\n.kp-sd-main{\r\n  display:grid;\r\n  grid-template-columns:1.08fr .92fr;\r\n  gap:85px;\r\n  direction:ltr;\r\n  align-items:stretch;\r\n}\r\n\r\n\r\n\/* ROADMAP *\/\r\n\r\n.kp-sd-roadmap{\r\n  position:relative;\r\n  min-height:590px;\r\n\r\n  padding:36px 42px 28px;\r\n\r\n  border:1px solid var(--border);\r\n  background:#FCFDFD;\r\n\r\n  direction:rtl;\r\n  overflow:hidden;\r\n}\r\n\r\n\r\n.kp-sd-roadmap::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n  inset:0;\r\n\r\n  background-image:\r\n    linear-gradient(rgba(0,167,186,.035) 1px,transparent 1px),\r\n    linear-gradient(90deg,rgba(0,167,186,.035) 1px,transparent 1px);\r\n\r\n  background-size:44px 44px;\r\n\r\n  mask-image:linear-gradient(\r\n    to bottom,\r\n    transparent,\r\n    black 18%,\r\n    black 80%,\r\n    transparent\r\n  );\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n\r\n.kp-sd-roadmap-top{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  display:flex;\r\n  align-items:flex-start;\r\n  justify-content:space-between;\r\n\r\n  padding-bottom:27px;\r\n\r\n  border-bottom:1px solid var(--border);\r\n}\r\n\r\n\r\n.kp-sd-roadmap-eyebrow{\r\n  display:block;\r\n\r\n  margin-bottom:7px;\r\n\r\n  direction:ltr;\r\n  text-align:right;\r\n\r\n  font-size:7px;\r\n  letter-spacing:2px;\r\n  font-weight:800;\r\n  color:#98A2B3;\r\n}\r\n\r\n\r\n.kp-sd-current-title{\r\n  margin:0;\r\n\r\n  font-size:25px;\r\n  line-height:1.4;\r\n  font-weight:800;\r\n  color:var(--dark);\r\n\r\n  transition:\r\n    color .35s ease,\r\n    transform .4s ease;\r\n}\r\n\r\n\r\n.kp-sd-status{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:8px;\r\n\r\n  direction:ltr;\r\n\r\n  margin-top:4px;\r\n\r\n  font-size:7px;\r\n  letter-spacing:1.7px;\r\n  font-weight:700;\r\n  color:#98A2B3;\r\n}\r\n\r\n\r\n.kp-sd-status span{\r\n  width:5px;\r\n  height:5px;\r\n  border-radius:50%;\r\n  background:var(--orange);\r\n\r\n  box-shadow:\r\n    0 0 0 5px rgba(245,130,32,.07);\r\n}\r\n\r\n\r\n\/* ROAD *\/\r\n\r\n.kp-sd-road{\r\n  position:relative;\r\n\r\n  padding:34px 0 28px;\r\n}\r\n\r\n\r\n.kp-sd-line{\r\n  position:absolute;\r\n\r\n  top:48px;\r\n  bottom:48px;\r\n\r\n  right:19px;\r\n\r\n  width:1px;\r\n\r\n  background:#DCE3E8;\r\n}\r\n\r\n\r\n.kp-sd-line-progress{\r\n  position:absolute;\r\n\r\n  top:0;\r\n  right:0;\r\n\r\n  width:1px;\r\n  height:25%;\r\n\r\n  background:var(--teal);\r\n\r\n  transition:\r\n    height .7s cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n\r\n.kp-sd-step{\r\n  position:relative;\r\n\r\n  display:grid;\r\n  grid-template-columns:40px 1fr;\r\n\r\n  gap:23px;\r\n\r\n  min-height:105px;\r\n\r\n  direction:rtl;\r\n\r\n  opacity:.46;\r\n\r\n  transition:\r\n    opacity .4s ease,\r\n    transform .45s cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n\r\n.kp-sd-step.is-active{\r\n  opacity:1;\r\n  transform:translateX(-5px);\r\n}\r\n\r\n\r\n.kp-sd-step-node{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  width:40px;\r\n  height:40px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#fff;\r\n  border:1px solid #DCE3E8;\r\n\r\n  transition:\r\n    border-color .35s ease,\r\n    background .35s ease,\r\n    box-shadow .35s ease,\r\n    transform .4s ease;\r\n}\r\n\r\n\r\n.kp-sd-step.is-active .kp-sd-step-node{\r\n  color:#fff;\r\n  background:var(--teal);\r\n  border-color:var(--teal);\r\n\r\n  box-shadow:\r\n    0 0 0 7px rgba(0,167,186,.055);\r\n}\r\n\r\n\r\n.kp-sd-step-node span{\r\n  direction:ltr;\r\n\r\n  font-size:8px;\r\n  font-weight:800;\r\n  letter-spacing:1px;\r\n}\r\n\r\n\r\n.kp-sd-step-content{\r\n  padding-top:1px;\r\n}\r\n\r\n\r\n.kp-sd-step-label{\r\n  display:block;\r\n\r\n  margin-bottom:4px;\r\n\r\n  direction:ltr;\r\n  text-align:right;\r\n\r\n  font-size:7px;\r\n  letter-spacing:1.6px;\r\n  font-weight:800;\r\n  color:var(--teal);\r\n}\r\n\r\n\r\n.kp-sd-step-content h4{\r\n  margin:0;\r\n\r\n  font-size:15px;\r\n  line-height:1.65;\r\n  font-weight:750;\r\n  color:var(--dark);\r\n}\r\n\r\n\r\n.kp-sd-step-content p{\r\n  max-width:390px;\r\n\r\n  margin:4px 0 0;\r\n\r\n  font-size:11px;\r\n  line-height:1.9;\r\n  color:var(--muted);\r\n}\r\n\r\n\r\n\/* ROADMAP FOOTER *\/\r\n\r\n.kp-sd-roadmap-bottom{\r\n  position:absolute;\r\n\r\n  bottom:27px;\r\n  left:42px;\r\n  right:42px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  gap:10px;\r\n\r\n  direction:ltr;\r\n\r\n  font-size:7px;\r\n  letter-spacing:1.7px;\r\n  color:#98A2B3;\r\n}\r\n\r\n\r\n.kp-sd-bottom-line{\r\n  width:55px;\r\n  height:1px;\r\n  background:var(--border);\r\n}\r\n\r\n.kp-sd-bottom-text{\r\n  color:#B0B8C4;\r\n}\r\n\r\n\r\n\/* SERVICES *\/\r\n\r\n.kp-sd-services{\r\n  direction:rtl;\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n}\r\n\r\n\r\n.kp-sd-services-intro{\r\n  padding:4px 0 19px;\r\n\r\n  border-bottom:1px solid var(--border);\r\n}\r\n\r\n\r\n.kp-sd-services-intro span{\r\n  display:block;\r\n\r\n  direction:ltr;\r\n  text-align:right;\r\n\r\n  margin-bottom:7px;\r\n\r\n  font-size:8px;\r\n  letter-spacing:2px;\r\n  font-weight:800;\r\n  color:var(--teal);\r\n}\r\n\r\n\r\n.kp-sd-services-intro p{\r\n  margin:0;\r\n\r\n  font-size:11px;\r\n  color:#98A2B3;\r\n}\r\n\r\n\r\n\/* SERVICE *\/\r\n\r\n.kp-sd-service{\r\n  position:relative;\r\n\r\n  width:100%;\r\n\r\n  display:grid;\r\n  grid-template-columns:42px 1fr 38px;\r\n\r\n  align-items:center;\r\n\r\n  gap:13px;\r\n\r\n  padding:25px 0;\r\n\r\n  border:0;\r\n  border-bottom:1px solid var(--border);\r\n\r\n  background:transparent;\r\n\r\n  text-align:right;\r\n\r\n  font-family:inherit;\r\n\r\n  cursor:pointer;\r\n\r\n  direction:ltr;\r\n\r\n  appearance:none;\r\n  -webkit-appearance:none;\r\n\r\n  color:var(--dark) !important;\r\n  text-decoration:none !important;\r\n\r\n  outline:none;\r\n\r\n  transition:\r\n    padding .4s cubic-bezier(.2,.8,.2,1),\r\n    background .35s ease;\r\n}\r\n\r\n\r\n\/* FIX: \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u0631\u0646\u06af \u0642\u0631\u0645\u0632 Elementor \/ Theme *\/\r\n\r\n.kp-service-details .kp-sd-service,\r\n.kp-service-details .kp-sd-service:hover,\r\n.kp-service-details .kp-sd-service:focus,\r\n.kp-service-details .kp-sd-service:focus-visible,\r\n.kp-service-details .kp-sd-service:active{\r\n  color:var(--dark) !important;\r\n  text-decoration:none !important;\r\n}\r\n\r\n\r\n.kp-sd-service::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  right:0;\r\n  top:0;\r\n  bottom:0;\r\n\r\n  width:2px;\r\n\r\n  background:var(--teal);\r\n\r\n  transform:scaleY(0);\r\n  transform-origin:center;\r\n\r\n  transition:transform .4s ease;\r\n}\r\n\r\n\r\n.kp-sd-service.is-active,\r\n.kp-sd-service:hover{\r\n  padding-right:16px;\r\n\r\n  color:var(--dark) !important;\r\n  text-decoration:none !important;\r\n}\r\n\r\n\r\n.kp-sd-service.is-active::before,\r\n.kp-sd-service:hover::before{\r\n  transform:scaleY(1);\r\n}\r\n\r\n\r\n.kp-sd-service-number{\r\n  direction:ltr;\r\n\r\n  font-size:9px;\r\n  letter-spacing:1.5px;\r\n  font-weight:800;\r\n\r\n  color:#98A2B3;\r\n\r\n  transition:color .3s ease;\r\n}\r\n\r\n\r\n.kp-sd-service.is-active .kp-sd-service-number,\r\n.kp-sd-service:hover .kp-sd-service-number{\r\n  color:var(--teal);\r\n}\r\n\r\n\r\n.kp-sd-service-main{\r\n  direction:rtl;\r\n  text-align:right;\r\n}\r\n\r\n\r\n.kp-sd-service-main strong{\r\n  display:block;\r\n\r\n  font-size:18px;\r\n  line-height:1.55;\r\n  font-weight:750;\r\n\r\n  color:var(--dark);\r\n\r\n  transition:\r\n    color .3s ease,\r\n    transform .4s ease;\r\n}\r\n\r\n\r\n.kp-sd-service-main small{\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  font-size:10px;\r\n  line-height:1.7;\r\n\r\n  color:#98A2B3;\r\n\r\n  transition:color .3s ease;\r\n}\r\n\r\n\r\n.kp-sd-service.is-active .kp-sd-service-main strong,\r\n.kp-sd-service:hover .kp-sd-service-main strong{\r\n  color:var(--teal);\r\n  transform:translateX(-4px);\r\n}\r\n\r\n\r\n.kp-sd-service.is-active .kp-sd-service-main small,\r\n.kp-sd-service:hover .kp-sd-service-main small{\r\n  color:var(--muted);\r\n}\r\n\r\n\r\n.kp-sd-service-arrow{\r\n  width:34px;\r\n  height:34px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  border:1px solid var(--border);\r\n  border-radius:9px;\r\n\r\n  color:#98A2B3;\r\n\r\n  font-size:16px;\r\n\r\n  direction:ltr;\r\n\r\n  transition:\r\n    color .3s ease,\r\n    border-color .3s ease,\r\n    background .3s ease,\r\n    transform .4s ease;\r\n}\r\n\r\n\r\n.kp-sd-service.is-active .kp-sd-service-arrow,\r\n.kp-sd-service:hover .kp-sd-service-arrow{\r\n  color:var(--teal);\r\n  border-color:rgba(0,167,186,.3);\r\n  background:rgba(0,167,186,.035);\r\n\r\n  transform:rotate(45deg);\r\n}\r\n\r\n\r\n\/* NOTE *\/\r\n\r\n.kp-sd-services-note{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:8px;\r\n\r\n  margin-top:auto;\r\n  padding-top:23px;\r\n\r\n  direction:ltr;\r\n\r\n  font-size:7px;\r\n  letter-spacing:1.6px;\r\n  font-weight:700;\r\n\r\n  color:#B0B8C4;\r\n}\r\n\r\n\r\n.kp-sd-orange-dot{\r\n  width:5px;\r\n  height:5px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:var(--orange);\r\n}\r\n\r\n\r\n\/* ANIMATION *\/\r\n\r\n@keyframes kpSdStepIn{\r\n  from{\r\n    opacity:0;\r\n    transform:translateY(8px);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n  }\r\n}\r\n\r\n.kp-sd-step.kp-sd-changing{\r\n  animation:kpSdStepIn .4s ease both;\r\n}\r\n\r\n\r\n\/* TABLET *\/\r\n\r\n@media(max-width:980px){\r\n\r\n  .kp-sd-container{\r\n    width:min(760px,calc(100% - 44px));\r\n    padding:105px 0 115px;\r\n  }\r\n\r\n  .kp-sd-header{\r\n    margin-bottom:60px;\r\n  }\r\n\r\n  .kp-sd-header-grid{\r\n    grid-template-columns:1fr .8fr;\r\n    gap:50px;\r\n  }\r\n\r\n  .kp-sd-main{\r\n    grid-template-columns:1fr;\r\n    gap:55px;\r\n  }\r\n\r\n  .kp-sd-roadmap{\r\n    order:2;\r\n  }\r\n\r\n  .kp-sd-services{\r\n    order:1;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* MOBILE *\/\r\n\r\n@media(max-width:600px){\r\n\r\n  .kp-sd-container{\r\n    width:calc(100% - 34px);\r\n    padding:78px 0 85px;\r\n  }\r\n\r\n  .kp-sd-header{\r\n    margin-bottom:43px;\r\n  }\r\n\r\n  .kp-sd-label{\r\n    margin-bottom:20px;\r\n    font-size:8px;\r\n  }\r\n\r\n  .kp-sd-header-grid{\r\n    display:block;\r\n  }\r\n\r\n  .kp-sd-header h2{\r\n    font-size:37px;\r\n    line-height:1.3;\r\n    letter-spacing:-1.5px;\r\n  }\r\n\r\n  .kp-sd-header-copy{\r\n    margin-top:23px;\r\n  }\r\n\r\n  .kp-sd-header-copy p{\r\n    font-size:12px;\r\n    line-height:2.1;\r\n  }\r\n\r\n  .kp-sd-main{\r\n    gap:38px;\r\n  }\r\n\r\n  .kp-sd-roadmap{\r\n    min-height:570px;\r\n    padding:28px 22px 25px;\r\n  }\r\n\r\n  .kp-sd-roadmap-top{\r\n    padding-bottom:21px;\r\n  }\r\n\r\n  .kp-sd-current-title{\r\n    font-size:21px;\r\n  }\r\n\r\n  .kp-sd-roadmap{\r\n    overflow:hidden;\r\n  }\r\n\r\n  .kp-sd-step{\r\n    grid-template-columns:34px 1fr;\r\n    gap:15px;\r\n    min-height:112px;\r\n  }\r\n\r\n  .kp-sd-step-node{\r\n    width:34px;\r\n    height:34px;\r\n  }\r\n\r\n  .kp-sd-step-content h4{\r\n    font-size:13px;\r\n  }\r\n\r\n  .kp-sd-step-content p{\r\n    font-size:10px;\r\n    line-height:1.85;\r\n  }\r\n\r\n  .kp-sd-line{\r\n    right:17px;\r\n  }\r\n\r\n  .kp-sd-roadmap-bottom{\r\n    left:22px;\r\n    right:22px;\r\n    bottom:20px;\r\n  }\r\n\r\n  .kp-sd-service{\r\n    grid-template-columns:34px 1fr 32px;\r\n    gap:9px;\r\n    padding:21px 0;\r\n  }\r\n\r\n  .kp-sd-service-main strong{\r\n    font-size:16px;\r\n  }\r\n\r\n  .kp-sd-service-main small{\r\n    font-size:9px;\r\n  }\r\n\r\n  .kp-sd-service-arrow{\r\n    width:30px;\r\n    height:30px;\r\n    font-size:14px;\r\n  }\r\n\r\n}\r\n\r\n\/* FORCE SERVICE HOVER COLOR *\/\r\n.kp-service-details .kp-sd-service,\r\n.kp-service-details .kp-sd-service:hover,\r\n.kp-service-details .kp-sd-service:focus,\r\n.kp-service-details .kp-sd-service:active,\r\n.kp-service-details .kp-sd-service:focus-visible{\r\n  color:var(--dark) !important;\r\n  background:transparent !important;\r\n  border-color:var(--border) !important;\r\n  text-decoration:none !important;\r\n  box-shadow:none !important;\r\n}\r\n\r\n\/* TEXT HOVER *\/\r\n.kp-service-details .kp-sd-service:hover .kp-sd-service-main strong,\r\n.kp-service-details .kp-sd-service.is-active .kp-sd-service-main strong{\r\n  color:var(--teal) !important;\r\n}\r\n\r\n\/* NUMBER HOVER *\/\r\n.kp-service-details .kp-sd-service:hover .kp-sd-service-number,\r\n.kp-service-details .kp-sd-service.is-active .kp-sd-service-number{\r\n  color:var(--teal) !important;\r\n}\r\n\r\n\/* ARROW HOVER *\/\r\n.kp-service-details .kp-sd-service:hover .kp-sd-service-arrow,\r\n.kp-service-details .kp-sd-service.is-active .kp-sd-service-arrow{\r\n  color:var(--teal) !important;\r\n  border-color:rgba(0,167,186,.3) !important;\r\n  background:rgba(0,167,186,.035) !important;\r\n}\r\n\r\n\r\n\/* REDUCED MOTION *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  .kp-service-details *,\r\n  .kp-service-details *::before,\r\n  .kp-service-details *::after{\r\n    animation:none!important;\r\n    transition:none!important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n  function initKarpiraServiceDetails(){\r\n\r\n    const roots =\r\n      document.querySelectorAll('.kp-service-details');\r\n\r\n    roots.forEach(function(root){\r\n\r\n      if(root.dataset.kpSdReady === 'true') return;\r\n\r\n      root.dataset.kpSdReady = 'true';\r\n\r\n\r\n      const services =\r\n        root.querySelectorAll('.kp-sd-service');\r\n\r\n      const roadmap =\r\n        root.querySelector('.kp-sd-roadmap');\r\n\r\n      const title =\r\n        root.querySelector('.kp-sd-current-title');\r\n\r\n      const counter =\r\n        root.querySelector('.kp-sd-counter');\r\n\r\n      const progress =\r\n        root.querySelector('.kp-sd-line-progress');\r\n\r\n      if(!services.length || !roadmap) return;\r\n\r\n\r\n      const data = {\r\n\r\n        career:{\r\n          title:'\u06a9\u0627\u0631\u06cc\u0627\u0628\u06cc',\r\n          steps:[\r\n            ['START','\u0628\u0631\u0631\u0633\u06cc \u0634\u0631\u0627\u06cc\u0637 \u0648 \u0646\u06cc\u0627\u0632 \u0634\u063a\u0644\u06cc','\u0634\u0631\u0627\u06cc\u0637\u060c \u0645\u0647\u0627\u0631\u062a\u200c\u0647\u0627 \u0648 \u0646\u0648\u0639 \u0645\u0648\u0642\u0639\u06cc\u062a \u0634\u063a\u0644\u06cc \u0645\u0648\u0631\u062f\u0646\u0638\u0631 \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f \u062a\u0627 \u0645\u0633\u06cc\u0631 \u0645\u0646\u0627\u0633\u0628 \u0645\u0634\u062e\u0635 \u0634\u0648\u062f.'],\r\n            ['MATCH','\u0628\u0631\u0631\u0633\u06cc \u0645\u0648\u0642\u0639\u06cc\u062a\u200c\u0647\u0627\u06cc \u0645\u0646\u0627\u0633\u0628','\u0641\u0631\u0635\u062a\u200c\u0647\u0627\u06cc \u0634\u063a\u0644\u06cc \u0645\u062a\u0646\u0627\u0633\u0628 \u0628\u0627 \u0634\u0631\u0627\u06cc\u0637 \u0648 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0634\u0645\u0627 \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc\u200c\u0634\u0648\u0646\u062f.'],\r\n            ['PROCESS','\u0645\u0639\u0631\u0641\u06cc \u0648 \u067e\u06cc\u06af\u06cc\u0631\u06cc','\u0631\u0648\u0646\u062f \u0645\u0639\u0631\u0641\u06cc \u0628\u0647 \u0645\u0648\u0642\u0639\u06cc\u062a \u0645\u0646\u0627\u0633\u0628 \u0648 \u0645\u0631\u0627\u062d\u0644 \u0628\u0639\u062f\u06cc \u067e\u06cc\u06af\u06cc\u0631\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f.'],\r\n            ['RESULT','\u0631\u0633\u06cc\u062f\u0646 \u0628\u0647 \u0646\u062a\u06cc\u062c\u0647','\u0645\u0633\u06cc\u0631 \u062a\u0627 \u0631\u0633\u06cc\u062f\u0646 \u0628\u0647 \u0646\u062a\u06cc\u062c\u0647 \u0646\u0647\u0627\u06cc\u06cc \u0648 \u0645\u0634\u062e\u0635 \u0634\u062f\u0646 \u0648\u0636\u0639\u06cc\u062a \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0627\u062f\u0627\u0645\u0647 \u067e\u06cc\u062f\u0627 \u0645\u06cc\u200c\u06a9\u0646\u062f.']\r\n          ]\r\n        },\r\n\r\n        insurance:{\r\n          title:'\u062b\u0628\u062a \u0628\u06cc\u0645\u0647 \u0628\u06cc\u06a9\u0627\u0631\u06cc',\r\n          steps:[\r\n            ['CHECK','\u0628\u0631\u0631\u0633\u06cc \u0634\u0631\u0627\u06cc\u0637','\u0634\u0631\u0627\u06cc\u0637 \u0648 \u0648\u0636\u0639\u06cc\u062a \u0634\u0645\u0627 \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0628\u06cc\u0645\u0647 \u0628\u06cc\u06a9\u0627\u0631\u06cc \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f.'],\r\n            ['DOCUMENT','\u0622\u0645\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0645\u062f\u0627\u0631\u06a9','\u0645\u062f\u0627\u0631\u06a9 \u0648 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0645\u0648\u0631\u062f\u0646\u06cc\u0627\u0632 \u0628\u0631\u0627\u06cc \u0634\u0631\u0648\u0639 \u0641\u0631\u0622\u06cc\u0646\u062f \u0645\u0634\u062e\u0635 \u0648 \u0622\u0645\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f.'],\r\n            ['REGISTER','\u062b\u0628\u062a \u062f\u0631\u062e\u0648\u0627\u0633\u062a','\u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0628\u06cc\u0645\u0647 \u0628\u06cc\u06a9\u0627\u0631\u06cc \u062f\u0631 \u0645\u0633\u06cc\u0631 \u0645\u0631\u0628\u0648\u0637\u0647 \u062b\u0628\u062a \u0648 \u0645\u0631\u0627\u062d\u0644 \u0627\u0648\u0644\u06cc\u0647 \u0622\u0646 \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc\u200c\u0634\u0648\u062f.'],\r\n            ['FOLLOW UP','\u067e\u06cc\u06af\u06cc\u0631\u06cc \u0646\u062a\u06cc\u062c\u0647','\u0648\u0636\u0639\u06cc\u062a \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u062a\u0627 \u0645\u0634\u062e\u0635 \u0634\u062f\u0646 \u0646\u062a\u06cc\u062c\u0647 \u0646\u0647\u0627\u06cc\u06cc \u067e\u06cc\u06af\u06cc\u0631\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f.']\r\n          ]\r\n        },\r\n\r\n        complaint:{\r\n          title:'\u062b\u0628\u062a \u0634\u06a9\u0627\u06cc\u062a \u0627\u0632 \u06a9\u0627\u0631\u0641\u0631\u0645\u0627',\r\n          steps:[\r\n            ['REVIEW','\u0628\u0631\u0631\u0633\u06cc \u0645\u0648\u0636\u0648\u0639','\u0645\u0648\u0636\u0648\u0639 \u0648 \u0634\u0631\u0627\u06cc\u0637 \u06a9\u0627\u0631\u06cc \u0634\u0645\u0627 \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f \u062a\u0627 \u0645\u0633\u06cc\u0631 \u0645\u0646\u0627\u0633\u0628 \u067e\u06cc\u06af\u06cc\u0631\u06cc \u0645\u0634\u062e\u0635 \u0634\u0648\u062f.'],\r\n            ['DOCUMENT','\u062c\u0645\u0639\u200c\u0622\u0648\u0631\u06cc \u0645\u062f\u0627\u0631\u06a9','\u0645\u062f\u0627\u0631\u06a9 \u0648 \u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0645\u0631\u062a\u0628\u0637 \u0628\u0627 \u0645\u0648\u0636\u0648\u0639 \u0628\u0631\u0627\u06cc \u062b\u0628\u062a \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0622\u0645\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f.'],\r\n            ['REGISTER','\u062b\u0628\u062a \u0634\u06a9\u0627\u06cc\u062a','\u0641\u0631\u0622\u06cc\u0646\u062f \u062b\u0628\u062a \u0634\u06a9\u0627\u06cc\u062a \u0627\u0632 \u0637\u0631\u06cc\u0642 \u0645\u0633\u06cc\u0631 \u0645\u0631\u0628\u0648\u0637\u0647 \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc\u200c\u0634\u0648\u062f.'],\r\n            ['FOLLOW UP','\u067e\u06cc\u06af\u06cc\u0631\u06cc \u067e\u0631\u0648\u0646\u062f\u0647','\u0645\u0631\u0627\u062d\u0644 \u0628\u0639\u062f\u06cc \u067e\u0631\u0648\u0646\u062f\u0647 \u0648 \u0648\u0636\u0639\u06cc\u062a \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u062a\u0627 \u0631\u0633\u06cc\u062f\u0646 \u0628\u0647 \u0646\u062a\u06cc\u062c\u0647 \u067e\u06cc\u06af\u06cc\u0631\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f.']\r\n          ]\r\n        },\r\n\r\n        hardwork:{\r\n          title:'\u062b\u0628\u062a \u0645\u0634\u0627\u063a\u0644 \u0633\u062e\u062a \u0648 \u0632\u06cc\u0627\u0646\u200c\u0622\u0648\u0631',\r\n          steps:[\r\n            ['REVIEW','\u0628\u0631\u0631\u0633\u06cc \u0633\u0648\u0627\u0628\u0642 \u0634\u063a\u0644\u06cc','\u0633\u0648\u0627\u0628\u0642 \u0648 \u0634\u0631\u0627\u06cc\u0637 \u06a9\u0627\u0631\u06cc \u0634\u0645\u0627 \u0628\u0631\u0627\u06cc \u0628\u0631\u0631\u0633\u06cc \u0627\u0645\u06a9\u0627\u0646 \u062b\u0628\u062a \u0639\u0646\u0648\u0627\u0646 \u0634\u063a\u0644\u06cc \u0627\u0631\u0632\u06cc\u0627\u0628\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f.'],\r\n            ['DOCUMENT','\u0628\u0631\u0631\u0633\u06cc \u0645\u0633\u062a\u0646\u062f\u0627\u062a','\u0633\u0648\u0627\u0628\u0642 \u0628\u06cc\u0645\u0647 \u0648 \u0645\u062f\u0627\u0631\u06a9 \u0645\u0631\u062a\u0628\u0637 \u0628\u0627 \u0634\u0631\u0627\u06cc\u0637 \u0634\u063a\u0644\u06cc \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc\u200c\u0634\u0648\u0646\u062f.'],\r\n            ['REGISTER','\u062b\u0628\u062a \u062f\u0631\u062e\u0648\u0627\u0633\u062a','\u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u0645\u0634\u0627\u063a\u0644 \u0633\u062e\u062a \u0648 \u0632\u06cc\u0627\u0646\u200c\u0622\u0648\u0631 \u062f\u0631 \u0645\u0633\u06cc\u0631 \u0642\u0627\u0646\u0648\u0646\u06cc \u062b\u0628\u062a \u0645\u06cc\u200c\u0634\u0648\u062f.'],\r\n            ['FOLLOW UP','\u067e\u06cc\u06af\u06cc\u0631\u06cc \u0646\u062a\u06cc\u062c\u0647','\u0641\u0631\u0622\u06cc\u0646\u062f \u0628\u0631\u0631\u0633\u06cc \u0648 \u0646\u062a\u06cc\u062c\u0647 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u062a\u0627 \u067e\u0627\u06cc\u0627\u0646 \u0645\u0633\u06cc\u0631 \u067e\u06cc\u06af\u06cc\u0631\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f.']\r\n          ]\r\n        },\r\n\r\n        document:{\r\n          title:'\u0622\u0632\u0627\u062f\u0633\u0627\u0632\u06cc \u0645\u062f\u0631\u06a9 \u062a\u062d\u0635\u06cc\u0644\u06cc',\r\n          steps:[\r\n            ['REVIEW','\u0628\u0631\u0631\u0633\u06cc \u0648\u0636\u0639\u06cc\u062a \u0645\u062f\u0631\u06a9','\u0634\u0631\u0627\u06cc\u0637 \u062a\u062d\u0635\u06cc\u0644\u06cc \u0648 \u0648\u0636\u0639\u06cc\u062a \u0645\u062f\u0631\u06a9 \u0628\u0631\u0627\u06cc \u0645\u0634\u062e\u0635 \u0634\u062f\u0646 \u0645\u0633\u06cc\u0631 \u0622\u0632\u0627\u062f\u0633\u0627\u0632\u06cc \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f.'],\r\n            ['DOCUMENT','\u0628\u0631\u0631\u0633\u06cc \u0645\u062f\u0627\u0631\u06a9','\u0645\u062f\u0627\u0631\u06a9 \u0648 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0645\u0648\u0631\u062f\u0646\u06cc\u0627\u0632 \u0628\u0631\u0627\u06cc \u0634\u0631\u0648\u0639 \u0641\u0631\u0622\u06cc\u0646\u062f \u0622\u0645\u0627\u062f\u0647 \u0648 \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc\u200c\u0634\u0648\u0646\u062f.'],\r\n            ['PROCESS','\u0634\u0631\u0648\u0639 \u0641\u0631\u0622\u06cc\u0646\u062f','\u0645\u0631\u0627\u062d\u0644 \u0627\u062f\u0627\u0631\u06cc \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u0622\u0632\u0627\u062f\u0633\u0627\u0632\u06cc \u0645\u062f\u0631\u06a9 \u062f\u0631 \u0645\u0633\u06cc\u0631 \u0645\u0631\u0628\u0648\u0637\u0647 \u067e\u06cc\u06af\u06cc\u0631\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f.'],\r\n            ['RESULT','\u062f\u0631\u06cc\u0627\u0641\u062a \u0646\u062a\u06cc\u062c\u0647','\u0641\u0631\u0622\u06cc\u0646\u062f \u062a\u0627 \u0645\u0634\u062e\u0635 \u0634\u062f\u0646 \u0648\u0636\u0639\u06cc\u062a \u0646\u0647\u0627\u06cc\u06cc \u0648 \u0646\u062a\u06cc\u062c\u0647 \u0622\u0632\u0627\u062f\u0633\u0627\u0632\u06cc \u0627\u062f\u0627\u0645\u0647 \u067e\u06cc\u062f\u0627 \u0645\u06cc\u200c\u06a9\u0646\u062f.']\r\n          ]\r\n        }\r\n\r\n      };\r\n\r\n\r\n      function render(service){\r\n\r\n        const item = data[service];\r\n\r\n        if(!item) return;\r\n\r\n\r\n        if(title){\r\n\r\n          title.style.opacity='0';\r\n          title.style.transform='translateY(5px)';\r\n\r\n          setTimeout(function(){\r\n\r\n            title.textContent=item.title;\r\n\r\n            title.style.opacity='1';\r\n            title.style.transform='translateY(0)';\r\n\r\n          },140);\r\n\r\n        }\r\n\r\n\r\n        const active =\r\n          root.querySelector('.kp-sd-service.is-active');\r\n\r\n        const index =\r\n          active ? active.dataset.index : '01';\r\n\r\n        if(counter){\r\n          counter.textContent=index+' \/ 05';\r\n        }\r\n\r\n\r\n        const steps =\r\n          roadmap.querySelectorAll('.kp-sd-step');\r\n\r\n\r\n        steps.forEach(function(step,index){\r\n\r\n          const content =\r\n            step.querySelector('.kp-sd-step-content');\r\n\r\n          const node =\r\n            step.querySelector('.kp-sd-step-node span');\r\n\r\n          const label =\r\n            step.querySelector('.kp-sd-step-label');\r\n\r\n          const heading =\r\n            step.querySelector('h4');\r\n\r\n          const description =\r\n            step.querySelector('p');\r\n\r\n\r\n          const stepData =\r\n            item.steps[index];\r\n\r\n\r\n          step.classList.remove('is-active');\r\n\r\n          step.classList.add('kp-sd-changing');\r\n\r\n\r\n          setTimeout(function(){\r\n\r\n            if(label)\r\n              label.textContent=stepData[0];\r\n\r\n            if(heading)\r\n              heading.textContent=stepData[1];\r\n\r\n            if(description)\r\n              description.textContent=stepData[2];\r\n\r\n            if(node)\r\n              node.textContent='0'+(index+1);\r\n\r\n\r\n            setTimeout(function(){\r\n\r\n              step.classList.remove('kp-sd-changing');\r\n\r\n              if(index===0){\r\n                step.classList.add('is-active');\r\n              }\r\n\r\n            },40);\r\n\r\n          },120 + index*45);\r\n\r\n        });\r\n\r\n\r\n        if(progress){\r\n\r\n          progress.style.height='0%';\r\n\r\n          setTimeout(function(){\r\n            progress.style.height='25%';\r\n          },100);\r\n\r\n        }\r\n\r\n      }\r\n\r\n\r\n      services.forEach(function(service){\r\n\r\n        function activate(){\r\n\r\n          services.forEach(function(item){\r\n            item.classList.remove('is-active');\r\n          });\r\n\r\n          service.classList.add('is-active');\r\n\r\n          render(service.dataset.service);\r\n\r\n        }\r\n\r\n\r\n        service.addEventListener('click',function(){\r\n\r\n          activate();\r\n\r\n        });\r\n\r\n\r\n        service.addEventListener('mouseenter',function(){\r\n\r\n          if(window.innerWidth > 980){\r\n            activate();\r\n          }\r\n\r\n        });\r\n\r\n      });\r\n\r\n\r\n      render('career');\r\n\r\n    });\r\n\r\n  }\r\n\r\n\r\n  if(document.readyState === 'loading'){\r\n\r\n    document.addEventListener(\r\n      'DOMContentLoaded',\r\n      initKarpiraServiceDetails\r\n    );\r\n\r\n  }else{\r\n\r\n    initKarpiraServiceDetails();\r\n\r\n  }\r\n\r\n\r\n  if(window.jQuery && window.elementorFrontend){\r\n\r\n    jQuery(window).on(\r\n      'elementor\/frontend\/init',\r\n      function(){\r\n\r\n        setTimeout(\r\n          initKarpiraServiceDetails,\r\n          150\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n})();\r\n\r\n<\/script>\r\n```\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-98df9e0 e-flex e-con-boxed e-con e-parent\" data-id=\"98df9e0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8c86a25 elementor-widget elementor-widget-html\" data-id=\"8c86a25\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"kp-process-section\" id=\"kp-process\">\r\n\r\n  <div class=\"kp-pr-container\">\r\n\r\n    <!-- HEADER -->\r\n    <div class=\"kp-pr-header\">\r\n\r\n      <div class=\"kp-pr-label\">\r\n        <span class=\"kp-pr-label-line\"><\/span>\r\n        <span>THE PROCESS \u00b7 KARPIRA<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"kp-pr-header-grid\">\r\n\r\n        <div class=\"kp-pr-title-wrap\">\r\n          <h2>\r\n            \u0648\u0642\u062a\u06cc \u0645\u0633\u06cc\u0631 \u0645\u0634\u062e\u0635 \u0628\u0627\u0634\u062f\u060c\r\n            <span>\u067e\u06cc\u06af\u06cc\u0631\u06cc \u0633\u0627\u062f\u0647\u200c\u062a\u0631 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/span>\r\n          <\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"kp-pr-intro\">\r\n          <span class=\"kp-pr-counter\">PROCESS \u00b7 01\u201404<\/span>\r\n\r\n          <p>\r\n            \u0645\u0633\u0627\u0626\u0644 \u06a9\u0627\u0631\u06cc \u0645\u0639\u0645\u0648\u0644\u0627\u064b \u0641\u0642\u0637 \u0628\u0647 \u06cc\u06a9 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0633\u0627\u062f\u0647 \u062e\u062a\u0645 \u0646\u0645\u06cc\u200c\u0634\u0648\u0646\u062f.\r\n            \u0647\u0631\u06a9\u062f\u0627\u0645 \u0645\u0633\u06cc\u0631\u060c \u0645\u0631\u0627\u062d\u0644 \u0648 \u067e\u06cc\u06af\u06cc\u0631\u06cc \u0645\u062e\u0635\u0648\u0635 \u062e\u0648\u062f\u0634\u0627\u0646 \u0631\u0627 \u062f\u0627\u0631\u0646\u062f.\r\n            \u06a9\u0627\u0631\u067e\u06cc\u0631\u0627 \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f \u0627\u06cc\u0646 \u0645\u0633\u06cc\u0631 \u0631\u0627 \u0627\u0632 \u0646\u0642\u0637\u0647 \u062f\u0631\u0633\u062a \u0634\u0631\u0648\u0639 \u06a9\u0646\u06cc\u062f.\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- PROCESS -->\r\n    <div class=\"kp-pr-process\">\r\n\r\n      <div class=\"kp-pr-process-top\">\r\n        <span>FROM PROBLEM<\/span>\r\n\r\n        <div class=\"kp-pr-process-line\"><\/div>\r\n\r\n        <span>TO RESULT<\/span>\r\n      <\/div>\r\n\r\n\r\n      <!-- STEP 01 -->\r\n      <div class=\"kp-pr-step is-first\">\r\n\r\n        <div class=\"kp-pr-step-number\">\r\n          01\r\n        <\/div>\r\n\r\n        <div class=\"kp-pr-step-marker\">\r\n          <span><\/span>\r\n        <\/div>\r\n\r\n        <div class=\"kp-pr-step-content\">\r\n\r\n          <div class=\"kp-pr-step-meta\">\r\n            <span>START<\/span>\r\n            <i><\/i>\r\n          <\/div>\r\n\r\n          <h3>\u0645\u0633\u0626\u0644\u0647\u200c\u062a\u0627\u0646 \u0631\u0627 \u0645\u0637\u0631\u062d \u06a9\u0646\u06cc\u062f<\/h3>\r\n\r\n          <p>\r\n            \u0644\u0627\u0632\u0645 \u0646\u06cc\u0633\u062a \u0627\u0632 \u0627\u0628\u062a\u062f\u0627 \u0628\u062f\u0627\u0646\u06cc\u062f \u062f\u0642\u06cc\u0642\u0627\u064b \u0686\u0647 \u06a9\u0627\u0631\u06cc \u0628\u0627\u06cc\u062f \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u06cc\u062f.\r\n            \u06a9\u0627\u0641\u06cc \u0627\u0633\u062a \u0645\u0633\u0626\u0644\u0647 \u06cc\u0627 \u0646\u06cc\u0627\u0632 \u06a9\u0627\u0631\u06cc \u062e\u0648\u062f \u0631\u0627 \u0645\u0637\u0631\u062d \u06a9\u0646\u06cc\u062f.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"kp-pr-step-side\">\r\n          <span>01<\/span>\r\n          <strong>PROBLEM<\/strong>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- CONNECTOR -->\r\n      <div class=\"kp-pr-connector\">\r\n        <span><\/span>\r\n      <\/div>\r\n\r\n\r\n      <!-- STEP 02 -->\r\n      <div class=\"kp-pr-step\">\r\n\r\n        <div class=\"kp-pr-step-number\">\r\n          02\r\n        <\/div>\r\n\r\n        <div class=\"kp-pr-step-marker\">\r\n          <span><\/span>\r\n        <\/div>\r\n\r\n        <div class=\"kp-pr-step-content\">\r\n\r\n          <div class=\"kp-pr-step-meta\">\r\n            <span>REVIEW<\/span>\r\n            <i><\/i>\r\n          <\/div>\r\n\r\n          <h3>\u0634\u0631\u0627\u06cc\u0637 \u0634\u0645\u0627 \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f<\/h3>\r\n\r\n          <p>\r\n            \u0634\u0631\u0627\u06cc\u0637 \u0648 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f\r\n            \u062a\u0627 \u0645\u0633\u06cc\u0631 \u0645\u0646\u0627\u0633\u0628 \u0628\u0631\u0627\u06cc \u067e\u06cc\u06af\u06cc\u0631\u06cc \u0645\u0634\u062e\u0635 \u0634\u0648\u062f.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"kp-pr-step-side\">\r\n          <span>02<\/span>\r\n          <strong>REVIEW<\/strong>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- CONNECTOR -->\r\n      <div class=\"kp-pr-connector\">\r\n        <span><\/span>\r\n      <\/div>\r\n\r\n\r\n      <!-- STEP 03 -->\r\n      <div class=\"kp-pr-step\">\r\n\r\n        <div class=\"kp-pr-step-number\">\r\n          03\r\n        <\/div>\r\n\r\n        <div class=\"kp-pr-step-marker\">\r\n          <span><\/span>\r\n        <\/div>\r\n\r\n        <div class=\"kp-pr-step-content\">\r\n\r\n          <div class=\"kp-pr-step-meta\">\r\n            <span>PATH<\/span>\r\n            <i><\/i>\r\n          <\/div>\r\n\r\n          <h3>\u0645\u0633\u06cc\u0631 \u0645\u0646\u0627\u0633\u0628 \u0627\u0646\u062a\u062e\u0627\u0628 \u0645\u06cc\u200c\u0634\u0648\u062f<\/h3>\r\n\r\n          <p>\r\n            \u0628\u0631 \u0627\u0633\u0627\u0633 \u0646\u0648\u0639 \u062f\u0631\u062e\u0648\u0627\u0633\u062a\u060c \u0645\u0631\u0627\u062d\u0644 \u0648 \u0645\u0633\u06cc\u0631 \u067e\u06cc\u06af\u06cc\u0631\u06cc \u0645\u0634\u062e\u0635 \u0645\u06cc\u200c\u0634\u0648\u062f\r\n            \u062a\u0627 \u0628\u062f\u0627\u0646\u06cc\u062f \u0642\u062f\u0645 \u0628\u0639\u062f\u06cc \u0686\u06cc\u0633\u062a.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"kp-pr-step-side\">\r\n          <span>03<\/span>\r\n          <strong>PATH<\/strong>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- CONNECTOR -->\r\n      <div class=\"kp-pr-connector\">\r\n        <span><\/span>\r\n      <\/div>\r\n\r\n\r\n      <!-- STEP 04 -->\r\n      <div class=\"kp-pr-step is-last\">\r\n\r\n        <div class=\"kp-pr-step-number\">\r\n          04\r\n        <\/div>\r\n\r\n        <div class=\"kp-pr-step-marker\">\r\n          <span><\/span>\r\n        <\/div>\r\n\r\n        <div class=\"kp-pr-step-content\">\r\n\r\n          <div class=\"kp-pr-step-meta\">\r\n            <span>RESULT<\/span>\r\n            <i><\/i>\r\n          <\/div>\r\n\r\n          <h3>\u0641\u0631\u0622\u06cc\u0646\u062f \u067e\u06cc\u06af\u06cc\u0631\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f<\/h3>\r\n\r\n          <p>\r\n            \u0645\u0631\u0627\u062d\u0644 \u0644\u0627\u0632\u0645 \u0637\u06cc \u0648 \u0648\u0636\u0639\u06cc\u062a \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u067e\u06cc\u06af\u06cc\u0631\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f\r\n            \u062a\u0627 \u0645\u0633\u06cc\u0631 \u0634\u0645\u0627 \u0628\u0647 \u0646\u062a\u06cc\u062c\u0647 \u0645\u0634\u062e\u0635\u06cc \u0628\u0631\u0633\u062f.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"kp-pr-step-side\">\r\n          <span>04<\/span>\r\n          <strong>RESULT<\/strong>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- BOTTOM MESSAGE -->\r\n    <div class=\"kp-pr-bottom\">\r\n\r\n      <div class=\"kp-pr-bottom-mark\">\r\n        <span><\/span>\r\n      <\/div>\r\n\r\n      <div class=\"kp-pr-bottom-text\">\r\n\r\n        <span>NO NEED TO KNOW THE WHOLE PATH<\/span>\r\n\r\n        <p>\r\n          \u0644\u0627\u0632\u0645 \u0646\u06cc\u0633\u062a \u0645\u0633\u06cc\u0631 \u0631\u0627 \u0627\u0632 \u0642\u0628\u0644 \u0628\u062f\u0627\u0646\u06cc\u062f\u061b\r\n          <strong>\u0641\u0642\u0637 \u0645\u0633\u0626\u0644\u0647\u200c\u062a\u0627\u0646 \u0631\u0627 \u0645\u0637\u0631\u062d \u06a9\u0646\u06cc\u062f.<\/strong>\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"kp-pr-bottom-arrow\">\r\n        \u2193\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n.kp-process-section{\r\n  --teal:#00A7BA;\r\n  --orange:#F58220;\r\n  --dark:#101828;\r\n  --muted:#667085;\r\n  --light:#98A2B3;\r\n  --border:#E5EAF0;\r\n\r\n  position:relative;\r\n  width:100%;\r\n  background:#fff;\r\n  color:var(--dark);\r\n  direction:rtl;\r\n  overflow:hidden;\r\n}\r\n\r\n.kp-process-section *,\r\n.kp-process-section *::before,\r\n.kp-process-section *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* CONTAINER *\/\r\n\r\n.kp-pr-container{\r\n  width:min(1240px,calc(100% - 80px));\r\n  margin:0 auto;\r\n  padding:135px 0 145px;\r\n}\r\n\r\n\r\n\/* HEADER *\/\r\n\r\n.kp-pr-header{\r\n  margin-bottom:82px;\r\n}\r\n\r\n.kp-pr-label{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:9px;\r\n\r\n  direction:ltr;\r\n\r\n  margin-bottom:29px;\r\n\r\n  font-size:9px;\r\n  letter-spacing:2.4px;\r\n  font-weight:700;\r\n\r\n  color:#98A2B3;\r\n}\r\n\r\n.kp-pr-label-line{\r\n  width:30px;\r\n  height:1px;\r\n  background:var(--teal);\r\n}\r\n\r\n\r\n\/* HEADER GRID *\/\r\n\r\n.kp-pr-header-grid{\r\n  display:grid;\r\n\r\n  grid-template-columns:1.05fr .95fr;\r\n\r\n  gap:55px;\r\n\r\n  align-items:end;\r\n}\r\n\r\n\r\n\/* TITLE *\/\r\n\r\n.kp-pr-title-wrap h2{\r\n  margin:0;\r\n\r\n  font-size:clamp(36px,4.1vw,54px);\r\n\r\n  line-height:1.2;\r\n\r\n  letter-spacing:-2px;\r\n\r\n  font-weight:800;\r\n\r\n  color:var(--dark);\r\n}\r\n\r\n.kp-pr-title-wrap h2 span{\r\n  display:block;\r\n\r\n  color:var(--teal);\r\n\r\n  margin-top:2px;\r\n}\r\n\r\n\r\n\/* INTRO *\/\r\n\r\n.kp-pr-intro{\r\n  padding-bottom:5px;\r\n}\r\n\r\n.kp-pr-counter{\r\n  display:block;\r\n\r\n  direction:ltr;\r\n  text-align:right;\r\n\r\n  margin-bottom:16px;\r\n\r\n  font-size:9px;\r\n\r\n  letter-spacing:2px;\r\n\r\n  font-weight:800;\r\n\r\n  color:var(--teal);\r\n}\r\n\r\n.kp-pr-intro p{\r\n  max-width:380px;\r\n\r\n  margin:0;\r\n\r\n  color:var(--muted);\r\n\r\n  font-size:13px;\r\n\r\n  line-height:2.25;\r\n}\r\n\r\n\r\n\/* PROCESS *\/\r\n\r\n.kp-pr-process{\r\n  position:relative;\r\n\r\n  width:100%;\r\n\r\n  border-top:1px solid var(--border);\r\n}\r\n\r\n\r\n\/* TOP *\/\r\n\r\n.kp-pr-process-top{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:15px;\r\n\r\n  padding:15px 0 20px;\r\n\r\n  direction:ltr;\r\n\r\n  font-size:7px;\r\n\r\n  letter-spacing:2px;\r\n\r\n  font-weight:700;\r\n\r\n  color:#98A2B3;\r\n}\r\n\r\n.kp-pr-process-line{\r\n  width:55px;\r\n\r\n  height:1px;\r\n\r\n  background:var(--border);\r\n}\r\n\r\n\r\n\/* STEP *\/\r\n\r\n.kp-pr-step{\r\n  position:relative;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:80px 42px minmax(0,1fr) 170px;\r\n\r\n  align-items:center;\r\n\r\n  min-height:145px;\r\n\r\n  direction:ltr;\r\n\r\n  border-bottom:1px solid var(--border);\r\n\r\n  transition:\r\n    background .35s ease,\r\n    padding .4s cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n.kp-pr-step::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:0;\r\n  top:0;\r\n  bottom:0;\r\n\r\n  width:2px;\r\n\r\n  background:var(--teal);\r\n\r\n  transform:scaleY(0);\r\n\r\n  transform-origin:center;\r\n\r\n  transition:transform .4s ease;\r\n}\r\n\r\n.kp-pr-step:hover{\r\n  background:rgba(0,167,186,.018);\r\n\r\n  padding-left:14px;\r\n}\r\n\r\n.kp-pr-step:hover::before{\r\n  transform:scaleY(1);\r\n}\r\n\r\n\r\n\/* NUMBER *\/\r\n\r\n.kp-pr-step-number{\r\n  direction:ltr;\r\n\r\n  font-size:10px;\r\n\r\n  letter-spacing:1.5px;\r\n\r\n  font-weight:800;\r\n\r\n  color:#B0B8C4;\r\n\r\n  transition:color .3s ease;\r\n}\r\n\r\n.kp-pr-step:hover .kp-pr-step-number{\r\n  color:var(--teal);\r\n}\r\n\r\n\r\n\/* MARKER *\/\r\n\r\n.kp-pr-step-marker{\r\n  position:relative;\r\n\r\n  width:42px;\r\n  height:42px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  border:1px solid var(--border);\r\n\r\n  border-radius:50%;\r\n\r\n  background:#fff;\r\n\r\n  z-index:2;\r\n\r\n  transition:\r\n    border-color .35s ease,\r\n    box-shadow .35s ease,\r\n    transform .4s ease;\r\n}\r\n\r\n.kp-pr-step-marker::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  inset:5px;\r\n\r\n  border:1px solid rgba(0,167,186,.1);\r\n\r\n  border-radius:50%;\r\n}\r\n\r\n.kp-pr-step-marker span{\r\n  width:6px;\r\n  height:6px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:var(--teal);\r\n\r\n  opacity:.4;\r\n\r\n  transition:\r\n    transform .35s ease,\r\n    opacity .35s ease;\r\n}\r\n\r\n.kp-pr-step:hover .kp-pr-step-marker{\r\n  border-color:rgba(0,167,186,.45);\r\n\r\n  box-shadow:\r\n    0 0 0 7px rgba(0,167,186,.045);\r\n\r\n  transform:scale(1.05);\r\n}\r\n\r\n.kp-pr-step:hover .kp-pr-step-marker span{\r\n  opacity:1;\r\n\r\n  transform:scale(1.5);\r\n}\r\n\r\n\r\n\/* CONTENT *\/\r\n\r\n.kp-pr-step-content{\r\n  direction:rtl;\r\n\r\n  text-align:right;\r\n\r\n  padding:22px 0;\r\n}\r\n\r\n.kp-pr-step-meta{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:8px;\r\n\r\n  margin-bottom:5px;\r\n\r\n  direction:ltr;\r\n\r\n  justify-content:flex-start;\r\n}\r\n\r\n.kp-pr-step-meta span{\r\n  font-size:7px;\r\n\r\n  letter-spacing:1.8px;\r\n\r\n  font-weight:800;\r\n\r\n  color:var(--teal);\r\n}\r\n\r\n.kp-pr-step-meta i{\r\n  width:4px;\r\n  height:4px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:var(--orange);\r\n\r\n  opacity:.75;\r\n}\r\n\r\n.kp-pr-step-content h3{\r\n  margin:0;\r\n\r\n  font-size:20px;\r\n\r\n  line-height:1.6;\r\n\r\n  font-weight:750;\r\n\r\n  letter-spacing:-.4px;\r\n\r\n  color:var(--dark);\r\n\r\n  transition:\r\n    color .3s ease,\r\n    transform .4s ease;\r\n}\r\n\r\n.kp-pr-step:hover .kp-pr-step-content h3{\r\n  color:var(--teal);\r\n\r\n  transform:translateX(-5px);\r\n}\r\n\r\n.kp-pr-step-content p{\r\n  max-width:570px;\r\n\r\n  margin:5px 0 0;\r\n\r\n  color:var(--muted);\r\n\r\n  font-size:11px;\r\n\r\n  line-height:2;\r\n}\r\n\r\n\r\n\/* SIDE *\/\r\n\r\n.kp-pr-step-side{\r\n  direction:ltr;\r\n\r\n  display:flex;\r\n\r\n  flex-direction:column;\r\n\r\n  align-items:flex-start;\r\n\r\n  padding-left:20px;\r\n\r\n  border-left:1px solid var(--border);\r\n}\r\n\r\n.kp-pr-step-side span{\r\n  font-size:8px;\r\n\r\n  letter-spacing:1.5px;\r\n\r\n  font-weight:800;\r\n\r\n  color:#B0B8C4;\r\n}\r\n\r\n.kp-pr-step-side strong{\r\n  margin-top:5px;\r\n\r\n  font-size:7px;\r\n\r\n  letter-spacing:1.7px;\r\n\r\n  font-weight:800;\r\n\r\n  color:#98A2B3;\r\n}\r\n\r\n\r\n\/* CONNECTOR *\/\r\n\r\n.kp-pr-connector{\r\n  position:relative;\r\n\r\n  height:0;\r\n\r\n  direction:ltr;\r\n}\r\n\r\n.kp-pr-connector::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:101px;\r\n\r\n  top:-1px;\r\n\r\n  height:42px;\r\n\r\n  width:1px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      to bottom,\r\n      var(--teal),\r\n      rgba(0,167,186,.08)\r\n    );\r\n}\r\n\r\n.kp-pr-connector span{\r\n  position:absolute;\r\n\r\n  left:97px;\r\n\r\n  top:39px;\r\n\r\n  width:9px;\r\n  height:9px;\r\n\r\n  border-right:1px solid var(--teal);\r\n\r\n  border-bottom:1px solid var(--teal);\r\n\r\n  transform:rotate(45deg);\r\n}\r\n\r\n\r\n\/* BOTTOM *\/\r\n\r\n.kp-pr-bottom{\r\n  display:grid;\r\n\r\n  grid-template-columns:55px 1fr 50px;\r\n\r\n  align-items:center;\r\n\r\n  margin-top:70px;\r\n\r\n  padding:29px 0;\r\n\r\n  border-top:1px solid var(--border);\r\n\r\n  border-bottom:1px solid var(--border);\r\n\r\n  direction:ltr;\r\n}\r\n\r\n.kp-pr-bottom-mark{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:flex-start;\r\n}\r\n\r\n.kp-pr-bottom-mark span{\r\n  width:7px;\r\n  height:7px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:var(--orange);\r\n\r\n  box-shadow:\r\n    0 0 0 6px rgba(245,130,32,.06);\r\n}\r\n\r\n.kp-pr-bottom-text{\r\n  direction:rtl;\r\n\r\n  text-align:right;\r\n}\r\n\r\n.kp-pr-bottom-text > span{\r\n  display:block;\r\n\r\n  margin-bottom:6px;\r\n\r\n  direction:ltr;\r\n\r\n  text-align:right;\r\n\r\n  font-size:7px;\r\n\r\n  letter-spacing:2px;\r\n\r\n  font-weight:800;\r\n\r\n  color:#98A2B3;\r\n}\r\n\r\n.kp-pr-bottom-text p{\r\n  margin:0;\r\n\r\n  font-size:16px;\r\n\r\n  line-height:1.8;\r\n\r\n  font-weight:600;\r\n\r\n  color:var(--dark);\r\n}\r\n\r\n.kp-pr-bottom-text strong{\r\n  color:var(--teal);\r\n\r\n  font-weight:800;\r\n}\r\n\r\n.kp-pr-bottom-arrow{\r\n  width:38px;\r\n  height:38px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  border:1px solid var(--border);\r\n\r\n  border-radius:10px;\r\n\r\n  color:var(--teal);\r\n\r\n  font-size:16px;\r\n\r\n  transition:\r\n    transform .35s ease,\r\n    border-color .35s ease;\r\n}\r\n\r\n.kp-pr-bottom:hover .kp-pr-bottom-arrow{\r\n  transform:translateY(4px);\r\n\r\n  border-color:rgba(0,167,186,.3);\r\n}\r\n\r\n\r\n\/* TABLET *\/\r\n\r\n@media(max-width:980px){\r\n\r\n  .kp-pr-container{\r\n    width:min(760px,calc(100% - 44px));\r\n\r\n    padding:105px 0 115px;\r\n  }\r\n\r\n  .kp-pr-header{\r\n    margin-bottom:60px;\r\n  }\r\n\r\n  .kp-pr-header-grid{\r\n    grid-template-columns:1fr .8fr;\r\n\r\n    gap:40px;\r\n  }\r\n\r\n  .kp-pr-step{\r\n    grid-template-columns:\r\n      60px\r\n      42px\r\n      minmax(0,1fr)\r\n      120px;\r\n  }\r\n\r\n  .kp-pr-connector::before{\r\n    left:80px;\r\n  }\r\n\r\n  .kp-pr-connector span{\r\n    left:76px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* MOBILE *\/\r\n\r\n@media(max-width:600px){\r\n\r\n  .kp-pr-container{\r\n    width:calc(100% - 34px);\r\n\r\n    padding:78px 0 85px;\r\n  }\r\n\r\n  .kp-pr-header{\r\n    margin-bottom:45px;\r\n  }\r\n\r\n  .kp-pr-label{\r\n    margin-bottom:20px;\r\n\r\n    font-size:8px;\r\n  }\r\n\r\n  .kp-pr-header-grid{\r\n    display:block;\r\n  }\r\n\r\n  .kp-pr-title-wrap h2{\r\n    font-size:34px;\r\n\r\n    line-height:1.3;\r\n\r\n    letter-spacing:-1.5px;\r\n  }\r\n\r\n  .kp-pr-intro{\r\n    margin-top:20px;\r\n  }\r\n\r\n  .kp-pr-intro p{\r\n    font-size:12px;\r\n\r\n    line-height:2.15;\r\n  }\r\n\r\n\r\n  .kp-pr-process-top{\r\n    padding-bottom:15px;\r\n  }\r\n\r\n\r\n  .kp-pr-step{\r\n    grid-template-columns:\r\n      36px\r\n      36px\r\n      minmax(0,1fr);\r\n\r\n    min-height:140px;\r\n\r\n    padding:4px 0;\r\n  }\r\n\r\n  .kp-pr-step:hover{\r\n    padding-left:7px;\r\n  }\r\n\r\n\r\n  .kp-pr-step-number{\r\n    font-size:8px;\r\n  }\r\n\r\n\r\n  .kp-pr-step-marker{\r\n    width:36px;\r\n    height:36px;\r\n  }\r\n\r\n  .kp-pr-step-marker::before{\r\n    inset:4px;\r\n  }\r\n\r\n\r\n  .kp-pr-step-content{\r\n    padding:20px 0;\r\n  }\r\n\r\n\r\n  .kp-pr-step-content h3{\r\n    font-size:15px;\r\n\r\n    line-height:1.6;\r\n  }\r\n\r\n  .kp-pr-step-content p{\r\n    font-size:10px;\r\n\r\n    line-height:1.9;\r\n  }\r\n\r\n\r\n  .kp-pr-step-side{\r\n    display:none;\r\n  }\r\n\r\n\r\n  .kp-pr-connector::before{\r\n    left:54px;\r\n\r\n    height:35px;\r\n  }\r\n\r\n  .kp-pr-connector span{\r\n    left:50px;\r\n\r\n    top:32px;\r\n  }\r\n\r\n\r\n  .kp-pr-bottom{\r\n    grid-template-columns:25px 1fr 38px;\r\n\r\n    margin-top:50px;\r\n\r\n    padding:23px 0;\r\n  }\r\n\r\n  .kp-pr-bottom-text p{\r\n    font-size:13px;\r\n  }\r\n\r\n  .kp-pr-bottom-text > span{\r\n    font-size:6px;\r\n  }\r\n\r\n  .kp-pr-bottom-arrow{\r\n    width:32px;\r\n    height:32px;\r\n\r\n    font-size:14px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* REDUCED MOTION *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  .kp-process-section *,\r\n  .kp-process-section *::before,\r\n  .kp-process-section *::after{\r\n    animation:none!important;\r\n    transition:none!important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e682fc5 e-flex e-con-boxed e-con e-parent\" data-id=\"e682fc5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9508fde elementor-widget elementor-widget-html\" data-id=\"9508fde\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"kp-why-section\" id=\"kp-why\">\r\n\r\n  <div class=\"kp-why-container\">\r\n\r\n    <!-- LABEL -->\r\n    <div class=\"kp-why-label\">\r\n      <span class=\"kp-why-label-line\"><\/span>\r\n      <span>WHY KARPIRA \u00b7 03<\/span>\r\n    <\/div>\r\n\r\n\r\n    <!-- MAIN -->\r\n    <div class=\"kp-why-main\">\r\n\r\n      <!-- RIGHT -->\r\n      <div class=\"kp-why-statement\">\r\n\r\n        <div class=\"kp-why-mini\">\r\n          THE DIFFERENCE\r\n        <\/div>\r\n\r\n        <h2>\r\n          \u0686\u0631\u0627\r\n          <span>\u06a9\u0627\u0631\u067e\u06cc\u0631\u0627\u061f<\/span>\r\n        <\/h2>\r\n\r\n        <div class=\"kp-why-big-text\">\r\n          \u0686\u0648\u0646 \u0645\u0633\u0626\u0644\u0647\u200c\u0647\u0627\u06cc \u06a9\u0627\u0631\u06cc\u060c\r\n          <strong>\u0641\u0642\u0637 \u0628\u0627 \u06cc\u06a9 \u067e\u0627\u0633\u062e \u062d\u0644 \u0646\u0645\u06cc\u200c\u0634\u0648\u0646\u062f.<\/strong>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- LEFT -->\r\n      <div class=\"kp-why-side\">\r\n\r\n        <p>\r\n          \u062f\u0631 \u0645\u0633\u06cc\u0631 \u0645\u0633\u0627\u0626\u0644 \u06a9\u0627\u0631\u06cc\u060c \u062f\u0627\u0646\u0633\u062a\u0646 \u0627\u06cc\u0646\u06a9\u0647 \u0686\u0647 \u06a9\u0627\u0631\u06cc \u0628\u0627\u06cc\u062f \u0627\u0646\u062c\u0627\u0645 \u0634\u0648\u062f\r\n          \u0628\u0647 \u0627\u0646\u062f\u0627\u0632\u0647 \u0627\u0646\u062c\u0627\u0645 \u062f\u0631\u0633\u062a \u0622\u0646 \u0627\u0647\u0645\u06cc\u062a \u062f\u0627\u0631\u062f.\r\n        <\/p>\r\n\r\n        <div class=\"kp-why-side-code\">\r\n          KARPIRA \/ INTERNAL\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- PRINCIPLES -->\r\n    <div class=\"kp-why-principles\">\r\n\r\n      <div class=\"kp-why-principle\">\r\n\r\n        <div class=\"kp-why-principle-index\">\r\n          01\r\n        <\/div>\r\n\r\n        <div class=\"kp-why-principle-body\">\r\n          <span>CLARITY<\/span>\r\n          <h3>\u0645\u0633\u06cc\u0631 \u0631\u0648\u0634\u0646<\/h3>\r\n          <p>\r\n            \u0645\u06cc\u200c\u062f\u0627\u0646\u06cc\u062f \u0627\u0632 \u06a9\u062c\u0627 \u0628\u0627\u06cc\u062f \u0634\u0631\u0648\u0639 \u06a9\u0646\u06cc\u062f \u0648 \u0642\u062f\u0645 \u0628\u0639\u062f\u06cc \u0686\u06cc\u0633\u062a.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"kp-why-principle-mark\">\r\n          <span><\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"kp-why-principle\">\r\n\r\n        <div class=\"kp-why-principle-index\">\r\n          02\r\n        <\/div>\r\n\r\n        <div class=\"kp-why-principle-body\">\r\n          <span>FOLLOW UP<\/span>\r\n          <h3>\u067e\u06cc\u06af\u06cc\u0631\u06cc \u0648\u0627\u0642\u0639\u06cc<\/h3>\r\n          <p>\r\n            \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0641\u0642\u0637 \u062b\u0628\u062a \u0646\u0645\u06cc\u200c\u0634\u0648\u062f\u061b \u0645\u0633\u06cc\u0631 \u0622\u0646 \u062a\u0627 \u0645\u0631\u0627\u062d\u0644 \u0628\u0639\u062f\u06cc \u062f\u0646\u0628\u0627\u0644 \u0645\u06cc\u200c\u0634\u0648\u062f.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"kp-why-principle-mark\">\r\n          <span><\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"kp-why-principle\">\r\n\r\n        <div class=\"kp-why-principle-index\">\r\n          03\r\n        <\/div>\r\n\r\n        <div class=\"kp-why-principle-body\">\r\n          <span>HUMAN SUPPORT<\/span>\r\n          <h3>\u0647\u0645\u0631\u0627\u0647\u06cc \u0627\u0646\u0633\u0627\u0646\u06cc<\/h3>\r\n          <p>\r\n            \u062f\u0631 \u0641\u0631\u0622\u06cc\u0646\u062f\u06cc \u06a9\u0647 \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0628\u0627\u0634\u062f\u060c \u0644\u0627\u0632\u0645 \u0646\u06cc\u0633\u062a \u0647\u0645\u0647 \u0645\u0633\u06cc\u0631 \u0631\u0627 \u062a\u0646\u0647\u0627 \u0637\u06cc \u06a9\u0646\u06cc\u062f.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"kp-why-principle-mark\">\r\n          <span><\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- BOTTOM -->\r\n    <div class=\"kp-why-bottom\">\r\n\r\n      <div class=\"kp-why-bottom-line\"><\/div>\r\n\r\n      <div class=\"kp-why-bottom-content\">\r\n\r\n        <span>NOT JUST A SERVICE<\/span>\r\n\r\n        <p>\r\n          <strong>\u0645\u0633\u06cc\u0631 \u0631\u0627 \u0633\u0627\u062f\u0647\u200c\u062a\u0631 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645\u060c<\/strong>\r\n          \u062a\u0627 \u0634\u0645\u0627 \u0631\u0648\u06cc \u0646\u062a\u06cc\u062c\u0647 \u062a\u0645\u0631\u06a9\u0632 \u06a9\u0646\u06cc\u062f.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"kp-why-bottom-symbol\">\r\n        K\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n.kp-why-section{\r\n  --teal:#00A7BA;\r\n  --orange:#F58220;\r\n  --dark:#101828;\r\n  --muted:#667085;\r\n  --light:#98A2B3;\r\n  --border:#E5EAF0;\r\n\r\n  position:relative;\r\n  width:100%;\r\n  background:#fff;\r\n  color:var(--dark);\r\n  direction:rtl;\r\n  overflow:hidden;\r\n}\r\n\r\n\r\n\/* RESET *\/\r\n\r\n.kp-why-section *,\r\n.kp-why-section *::before,\r\n.kp-why-section *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* CONTAINER *\/\r\n\r\n.kp-why-container{\r\n  width:min(1240px,calc(100% - 80px));\r\n  margin:0 auto;\r\n  padding:9px 0 145px;\r\n}\r\n\r\n\r\n\/* LABEL *\/\r\n\r\n.kp-why-label{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:9px;\r\n\r\n  direction:ltr;\r\n\r\n  margin-bottom:60px;\r\n\r\n  font-size:9px;\r\n  letter-spacing:2.4px;\r\n  font-weight:700;\r\n\r\n  color:#98A2B3;\r\n}\r\n\r\n.kp-why-label-line{\r\n  width:30px;\r\n  height:1px;\r\n  background:var(--teal);\r\n}\r\n\r\n\r\n\/* MAIN *\/\r\n\r\n.kp-why-main{\r\n  display:grid;\r\n\r\n  grid-template-columns:1.05fr .95fr;\r\n\r\n  gap:130px;\r\n\r\n  align-items:start;\r\n\r\n  padding-bottom:95px;\r\n\r\n  border-bottom:1px solid var(--border);\r\n}\r\n\r\n\r\n\/* RIGHT SIDE *\/\r\n\r\n.kp-why-statement{\r\n  direction:rtl;\r\n  text-align:right;\r\n}\r\n\r\n.kp-why-mini{\r\n  margin-bottom:18px;\r\n\r\n  direction:ltr;\r\n  text-align:right;\r\n\r\n  font-size:8px;\r\n  letter-spacing:2.2px;\r\n  font-weight:800;\r\n\r\n  color:var(--teal);\r\n}\r\n\r\n.kp-why-statement h2{\r\n  margin:0;\r\n\r\n  font-size:clamp(48px,5.5vw,72px);\r\n\r\n  line-height:1.05;\r\n\r\n  letter-spacing:-3px;\r\n\r\n  font-weight:850;\r\n\r\n  color:var(--dark);\r\n}\r\n\r\n.kp-why-statement h2 span{\r\n  color:var(--teal);\r\n}\r\n\r\n\r\n\/* BIG TEXT *\/\r\n\r\n.kp-why-big-text{\r\n  max-width:650px;\r\n\r\n  margin-top:38px;\r\n\r\n  font-size:24px;\r\n\r\n  line-height:1.8;\r\n\r\n  font-weight:650;\r\n\r\n  letter-spacing:-.5px;\r\n\r\n  color:var(--dark);\r\n}\r\n\r\n.kp-why-big-text strong{\r\n  color:var(--teal);\r\n  font-weight:800;\r\n}\r\n\r\n\r\n\/* LEFT SIDE *\/\r\n\r\n.kp-why-side{\r\n  direction:rtl;\r\n\r\n  text-align:left;\r\n\r\n  padding-top:42px;\r\n}\r\n\r\n\r\n\/* SIDE TEXT *\/\r\n\r\n.kp-why-side p{\r\n  max-width:330px;\r\n\r\n  margin:0 0 25px auto;\r\n\r\n  font-size:12px;\r\n\r\n  line-height:2.25;\r\n\r\n  color:var(--muted);\r\n\r\n  text-align:left;\r\n}\r\n\r\n\r\n\/* SIDE CODE *\/\r\n\r\n.kp-why-side-code{\r\n  direction:ltr;\r\n\r\n  text-align:left;\r\n\r\n  font-size:7px;\r\n\r\n  letter-spacing:2px;\r\n\r\n  font-weight:700;\r\n\r\n  color:#B0B8C4;\r\n}\r\n\r\n\r\n\/* PRINCIPLES *\/\r\n\r\n.kp-why-principles{\r\n  display:grid;\r\n\r\n  grid-template-columns:repeat(3,1fr);\r\n\r\n  margin-top:75px;\r\n\r\n  border-top:1px solid var(--border);\r\n  border-bottom:1px solid var(--border);\r\n\r\n  direction:ltr;\r\n}\r\n\r\n\r\n\/* PRINCIPLE *\/\r\n\r\n.kp-why-principle{\r\n  position:relative;\r\n\r\n  min-height:245px;\r\n\r\n  padding:30px 35px 32px;\r\n\r\n  direction:ltr;\r\n\r\n  border-right:1px solid var(--border);\r\n\r\n  transition:\r\n    background .35s ease,\r\n    transform .35s ease;\r\n}\r\n\r\n.kp-why-principle:first-child{\r\n  border-right:none;\r\n}\r\n\r\n.kp-why-principle:hover{\r\n  background:rgba(0,167,186,.018);\r\n}\r\n\r\n\r\n\/* INDEX *\/\r\n\r\n.kp-why-principle-index{\r\n  font-size:9px;\r\n\r\n  letter-spacing:1.8px;\r\n\r\n  font-weight:800;\r\n\r\n  color:var(--teal);\r\n}\r\n\r\n\r\n\/* BODY *\/\r\n\r\n.kp-why-principle-body{\r\n  direction:rtl;\r\n\r\n  text-align:right;\r\n\r\n  margin-top:45px;\r\n}\r\n\r\n.kp-why-principle-body > span{\r\n  display:block;\r\n\r\n  direction:ltr;\r\n\r\n  text-align:right;\r\n\r\n  margin-bottom:9px;\r\n\r\n  font-size:7px;\r\n\r\n  letter-spacing:1.8px;\r\n\r\n  font-weight:800;\r\n\r\n  color:#98A2B3;\r\n}\r\n\r\n.kp-why-principle-body h3{\r\n  margin:0;\r\n\r\n  font-size:21px;\r\n\r\n  line-height:1.5;\r\n\r\n  font-weight:750;\r\n\r\n  color:var(--dark);\r\n\r\n  transition:color .3s ease;\r\n}\r\n\r\n.kp-why-principle:hover\r\n.kp-why-principle-body h3{\r\n  color:var(--teal);\r\n}\r\n\r\n\r\n\/* DESCRIPTION *\/\r\n\r\n.kp-why-principle-body p{\r\n  max-width:260px;\r\n\r\n  margin:8px 0 0;\r\n\r\n  font-size:11px;\r\n\r\n  line-height:2;\r\n\r\n  color:var(--muted);\r\n}\r\n\r\n\r\n\/* MARK *\/\r\n\r\n.kp-why-principle-mark{\r\n  position:absolute;\r\n\r\n  left:35px;\r\n  bottom:31px;\r\n\r\n  width:20px;\r\n  height:20px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  border:1px solid var(--border);\r\n\r\n  border-radius:50%;\r\n\r\n  transition:\r\n    border-color .3s ease,\r\n    transform .35s ease;\r\n}\r\n\r\n.kp-why-principle-mark span{\r\n  width:4px;\r\n  height:4px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:var(--teal);\r\n\r\n  opacity:.45;\r\n\r\n  transition:\r\n    transform .35s ease,\r\n    opacity .3s ease;\r\n}\r\n\r\n.kp-why-principle:hover\r\n.kp-why-principle-mark{\r\n  border-color:rgba(0,167,186,.4);\r\n\r\n  transform:rotate(45deg);\r\n}\r\n\r\n.kp-why-principle:hover\r\n.kp-why-principle-mark span{\r\n  opacity:1;\r\n\r\n  transform:scale(1.5);\r\n}\r\n\r\n\r\n\/* BOTTOM *\/\r\n\r\n.kp-why-bottom{\r\n  display:grid;\r\n\r\n  grid-template-columns:80px 1fr 60px;\r\n\r\n  align-items:center;\r\n\r\n  gap:30px;\r\n\r\n  margin-top:75px;\r\n\r\n  direction:ltr;\r\n}\r\n\r\n.kp-why-bottom-line{\r\n  width:45px;\r\n  height:1px;\r\n\r\n  background:var(--teal);\r\n}\r\n\r\n.kp-why-bottom-content{\r\n  direction:rtl;\r\n\r\n  text-align:right;\r\n}\r\n\r\n.kp-why-bottom-content > span{\r\n  display:block;\r\n\r\n  margin-bottom:8px;\r\n\r\n  direction:ltr;\r\n\r\n  text-align:right;\r\n\r\n  font-size:7px;\r\n\r\n  letter-spacing:2px;\r\n\r\n  font-weight:800;\r\n\r\n  color:#98A2B3;\r\n}\r\n\r\n.kp-why-bottom-content p{\r\n  margin:0;\r\n\r\n  font-size:16px;\r\n\r\n  line-height:1.8;\r\n\r\n  font-weight:600;\r\n\r\n  color:var(--dark);\r\n}\r\n\r\n.kp-why-bottom-content strong{\r\n  color:var(--teal);\r\n\r\n  font-weight:800;\r\n}\r\n\r\n\r\n\/* K SYMBOL *\/\r\n\r\n.kp-why-bottom-symbol{\r\n  width:42px;\r\n  height:42px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  border:1px solid rgba(0,167,186,.2);\r\n\r\n  border-radius:50%;\r\n\r\n  font-size:14px;\r\n\r\n  font-weight:850;\r\n\r\n  color:var(--teal);\r\n}\r\n\r\n\r\n\/* TABLET *\/\r\n\r\n@media(max-width:980px){\r\n\r\n  .kp-why-container{\r\n    width:min(760px,calc(100% - 44px));\r\n\r\n    padding:75px 0 115px;\r\n  }\r\n\r\n  .kp-why-label{\r\n    margin-bottom:45px;\r\n  }\r\n\r\n  .kp-why-main{\r\n    gap:65px;\r\n\r\n    padding-bottom:70px;\r\n  }\r\n\r\n  .kp-why-statement h2{\r\n    font-size:52px;\r\n  }\r\n\r\n  .kp-why-big-text{\r\n    font-size:20px;\r\n\r\n    margin-top:28px;\r\n  }\r\n\r\n  .kp-why-side{\r\n    padding-top:32px;\r\n  }\r\n\r\n  .kp-why-principle{\r\n    padding:25px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* MOBILE *\/\r\n\r\n@media(max-width:600px){\r\n\r\n  .kp-why-container{\r\n    width:calc(100% - 34px);\r\n\r\n    padding:60px 0 85px;\r\n  }\r\n\r\n  .kp-why-label{\r\n    margin-bottom:35px;\r\n\r\n    font-size:8px;\r\n  }\r\n\r\n  .kp-why-main{\r\n    display:block;\r\n\r\n    padding-bottom:55px;\r\n  }\r\n\r\n  .kp-why-statement h2{\r\n    font-size:43px;\r\n\r\n    letter-spacing:-2px;\r\n  }\r\n\r\n  .kp-why-big-text{\r\n    margin-top:25px;\r\n\r\n    font-size:18px;\r\n\r\n    line-height:1.9;\r\n  }\r\n\r\n  .kp-why-side{\r\n    margin-top:35px;\r\n\r\n    padding-top:0;\r\n\r\n    text-align:left;\r\n  }\r\n\r\n  .kp-why-side p{\r\n    max-width:100%;\r\n\r\n    margin:0 0 20px;\r\n\r\n    font-size:11px;\r\n\r\n    line-height:2.1;\r\n  }\r\n\r\n  .kp-why-principles{\r\n    display:block;\r\n\r\n    margin-top:55px;\r\n  }\r\n\r\n  .kp-why-principle{\r\n    min-height:190px;\r\n\r\n    padding:25px 20px 30px;\r\n\r\n    border-right:none;\r\n\r\n    border-bottom:1px solid var(--border);\r\n  }\r\n\r\n  .kp-why-principle:last-child{\r\n    border-bottom:none;\r\n  }\r\n\r\n  .kp-why-principle-body{\r\n    margin-top:25px;\r\n  }\r\n\r\n  .kp-why-principle-body h3{\r\n    font-size:18px;\r\n  }\r\n\r\n  .kp-why-principle-body p{\r\n    max-width:90%;\r\n\r\n    font-size:10px;\r\n  }\r\n\r\n  .kp-why-principle-mark{\r\n    left:20px;\r\n\r\n    bottom:28px;\r\n  }\r\n\r\n  .kp-why-bottom{\r\n    grid-template-columns:35px 1fr 42px;\r\n\r\n    gap:15px;\r\n\r\n    margin-top:55px;\r\n  }\r\n\r\n  .kp-why-bottom-content p{\r\n    font-size:13px;\r\n  }\r\n\r\n  .kp-why-bottom-content > span{\r\n    font-size:6px;\r\n  }\r\n\r\n  .kp-why-bottom-symbol{\r\n    width:34px;\r\n    height:34px;\r\n\r\n    font-size:11px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9ed5e4c e-flex e-con-boxed e-con e-parent\" data-id=\"9ed5e4c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0cad1b0 elementor-widget elementor-widget-html\" data-id=\"0cad1b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"kp-final\" id=\"kp-final\">\r\n\r\n  <div class=\"kp-final-inner\">\r\n\r\n    <!-- TOP LABEL -->\r\n    <div class=\"kp-final-label\">\r\n      <span class=\"kp-final-label-line\"><\/span>\r\n      <b>05<\/b>\r\n      <i>\u00b7<\/i>\r\n      <strong>YOUR NEXT STEP<\/strong>\r\n    <\/div>\r\n\r\n\r\n    <!-- INTRO -->\r\n    <div class=\"kp-final-intro\">\r\n\r\n      <div class=\"kp-final-title\">\r\n\r\n        <span>WHAT'S NEXT?<\/span>\r\n\r\n        <h2>\r\n          \u0645\u0633\u06cc\u0631 \u0645\u0646\u0627\u0633\u0628 \u0634\u0645\u0627\u060c\r\n          <strong>\u0627\u0632 \u0647\u0645\u06cc\u0646\u200c\u062c\u0627 \u0634\u0631\u0648\u0639 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/strong>\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"kp-final-copy\">\r\n\r\n        <div class=\"kp-final-copy-mark\"><\/div>\r\n\r\n        <p>\r\n          \u0645\u0648\u0636\u0648\u0639\u06cc \u06a9\u0647 \u062f\u0631\u06af\u06cc\u0631\u0634 \u0647\u0633\u062a\u06cc\u062f \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f\r\n          \u062a\u0627 \u0645\u0633\u06cc\u0631 \u067e\u06cc\u06af\u06cc\u0631\u06cc \u0622\u0646 \u0631\u0627 \u0628\u0628\u06cc\u0646\u06cc\u062f \u0648 \u0642\u062f\u0645 \u0628\u0639\u062f\u06cc\r\n          \u0631\u0627 \u0628\u0627 \u0622\u06af\u0627\u0647\u06cc \u0628\u06cc\u0634\u062a\u0631\u06cc \u0628\u0631\u062f\u0627\u0631\u06cc\u062f.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- PATH SELECTOR -->\r\n    <div class=\"kp-final-paths\">\r\n\r\n      <div class=\"kp-final-paths-head\">\r\n        <span>SELECT A PATH<\/span>\r\n        <small>\u062e\u062f\u0645\u0627\u062a \u06a9\u0627\u0631\u06cc\u0627\u0628\u06cc \u062f\u0627\u062e\u0644\u06cc \u06a9\u0627\u0631\u067e\u06cc\u0631\u0627<\/small>\r\n      <\/div>\r\n\r\n\r\n      <div class=\"kp-final-path-list\">\r\n\r\n        <!-- 01 -->\r\n        <a href=\"https:\/\/ir.karpirajobs.com\/\" class=\"kp-final-path\">\r\n          <span class=\"kp-final-path-number\">01<\/span>\r\n          <strong>\u06a9\u0627\u0631\u06cc\u0627\u0628\u06cc<\/strong>\r\n          <span class=\"kp-final-path-arrow\">\u2197<\/span>\r\n        <\/a>\r\n\r\n\r\n        <!-- 02 -->\r\n        <a href=\"https:\/\/ir.karpirajobs.com\/?page_id=171\" class=\"kp-final-path\">\r\n          <span class=\"kp-final-path-number\">02<\/span>\r\n          <strong>\u0628\u06cc\u0645\u0647 \u0628\u06cc\u06a9\u0627\u0631\u06cc<\/strong>\r\n          <span class=\"kp-final-path-arrow\">\u2197<\/span>\r\n        <\/a>\r\n\r\n\r\n        <!-- 03 -->\r\n        <a href=\"https:\/\/ir.karpirajobs.com\/?page_id=181\" class=\"kp-final-path\">\r\n          <span class=\"kp-final-path-number\">03<\/span>\r\n          <strong>\u0634\u06a9\u0627\u06cc\u062a \u0627\u0632 \u06a9\u0627\u0631\u0641\u0631\u0645\u0627<\/strong>\r\n          <span class=\"kp-final-path-arrow\">\u2197<\/span>\r\n        <\/a>\r\n\r\n\r\n        <!-- 04 -->\r\n        <a href=\"https:\/\/ir.karpirajobs.com\/?page_id=176\" class=\"kp-final-path\">\r\n          <span class=\"kp-final-path-number\">04<\/span>\r\n          <strong>\u0645\u0634\u0627\u063a\u0644 \u0633\u062e\u062a \u0648 \u0632\u06cc\u0627\u0646\u200c\u0622\u0648\u0631<\/strong>\r\n          <span class=\"kp-final-path-arrow\">\u2197<\/span>\r\n        <\/a>\r\n\r\n\r\n        <!-- 05 -->\r\n        <a href=\"https:\/\/ir.karpirajobs.com\/?page_id=147\" class=\"kp-final-path\">\r\n          <span class=\"kp-final-path-number\">05<\/span>\r\n          <strong>\u0622\u0632\u0627\u062f\u0633\u0627\u0632\u06cc \u0645\u062f\u0631\u06a9 \u062a\u062d\u0635\u06cc\u0644\u06cc<\/strong>\r\n          <span class=\"kp-final-path-arrow\">\u2197<\/span>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- FINAL ACTION -->\r\n    <div class=\"kp-final-action\">\r\n\r\n      <div class=\"kp-final-action-text\">\r\n\r\n        <span>NEED GUIDANCE?<\/span>\r\n\r\n        <p>\r\n          \u0627\u06af\u0631 \u0647\u0646\u0648\u0632 \u0646\u0645\u06cc\u200c\u062f\u0627\u0646\u06cc\u062f \u06a9\u062f\u0627\u0645 \u0645\u0633\u06cc\u0631 \u0628\u0631\u0627\u06cc \u0634\u0645\u0627 \u0645\u0646\u0627\u0633\u0628 \u0627\u0633\u062a\u060c\r\n          \u0628\u0627 \u0645\u0627 \u062f\u0631 \u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627\u0634\u06cc\u062f.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n      <a href=\"#contact\" class=\"kp-final-button\">\r\n        <span>\u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627 \u06a9\u0627\u0631\u067e\u06cc\u0631\u0627<\/span>\r\n        <b>\u2197<\/b>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\n     KARPIRA FOOTER\r\n========================================================= -->\r\n\r\n<footer class=\"kp-footer\">\r\n\r\n  <div class=\"kp-footer-inner\">\r\n\r\n    <div class=\"kp-footer-top\">\r\n\r\n      <div class=\"kp-footer-brand\">\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/ir.karpirajobs.com\/wp-content\/uploads\/2026\/09\/logo-1-2.png\"\r\n          alt=\"Karpira\"\r\n        >\r\n\r\n        <div class=\"kp-footer-brand-text\">\r\n          <strong>KARPIRA<\/strong>\r\n          <span>CAREER & HUMAN RESOURCES<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <nav class=\"kp-footer-nav\">\r\n        \r\n        <a href=\"https:\/\/ir.karpirajobs.com\/?page_id=111\">\u062e\u062f\u0645\u0627\u062a<\/a>\r\n        <a href=\"https:\/\/ir.karpirajobs.com\/?page_id=122\">\u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627 \u0645\u0627<\/a>\r\n\r\n      <\/nav>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"kp-footer-bottom\">\r\n      <span>\u00a9 2026 Karpira. All rights reserved.<\/span>\r\n      <span>INTERNAL RECRUITMENT \u00b7 MASHHAD<\/span>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/footer>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   KARPIRA \u2014 FINAL PATH \/ CTA\r\n========================================================= *\/\r\n\r\n.kp-final{\r\n  --teal:#00A7BA;\r\n  --orange:#F58220;\r\n  --dark:#101828;\r\n  --muted:#667085;\r\n  --border:#E5EAF0;\r\n\r\n  position:relative;\r\n  width:100%;\r\n\r\n  background:#fff;\r\n  color:var(--dark);\r\n\r\n  direction:rtl;\r\n  overflow:hidden;\r\n\r\n  border-top:1px solid #eef1f4;\r\n}\r\n\r\n.kp-final * ,\r\n.kp-final *::before,\r\n.kp-final *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER\r\n========================================================= *\/\r\n\r\n.kp-final-inner{\r\n  width:min(1180px,calc(100% - 50px));\r\n\r\n  margin:0 auto;\r\n\r\n  padding:95px 0 32px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n========================================================= *\/\r\n\r\n.kp-final-label{\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:8px;\r\n\r\n  margin-bottom:65px;\r\n\r\n  direction:rtl;\r\n\r\n  font-family:Arial,sans-serif;\r\n  font-size:9px;\r\n\r\n  letter-spacing:2px;\r\n\r\n  color:#98A2B3;\r\n}\r\n\r\n.kp-final-label-line{\r\n  width:30px;\r\n  height:1px;\r\n\r\n  background:var(--teal);\r\n\r\n  margin-left:3px;\r\n}\r\n\r\n.kp-final-label b{\r\n  color:var(--teal);\r\n  font-weight:750;\r\n}\r\n\r\n.kp-final-label i{\r\n  color:#D0D5DD;\r\n  font-style:normal;\r\n}\r\n\r\n.kp-final-label strong{\r\n  color:#98A2B3;\r\n  font-weight:700;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n========================================================= *\/\r\n\r\n.kp-final-intro{\r\n  display:grid;\r\n\r\n  grid-template-columns:1.1fr .9fr;\r\n\r\n  gap:90px;\r\n\r\n  align-items:end;\r\n\r\n  direction:rtl;\r\n\r\n  padding-bottom:65px;\r\n\r\n  border-bottom:1px solid var(--border);\r\n}\r\n\r\n\r\n\/* TITLE *\/\r\n\r\n.kp-final-title{\r\n  text-align:right;\r\n}\r\n\r\n.kp-final-title > span{\r\n  display:block;\r\n\r\n  margin-bottom:18px;\r\n\r\n  color:var(--teal);\r\n\r\n  font-family:Arial,sans-serif;\r\n  font-size:8px;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:2.4px;\r\n}\r\n\r\n.kp-final-title h2{\r\n  margin:0;\r\n\r\n  max-width:650px;\r\n\r\n  color:var(--dark);\r\n\r\n  font-size:clamp(43px,5.1vw,66px);\r\n\r\n  line-height:1.22;\r\n\r\n  letter-spacing:-2.8px;\r\n\r\n  font-weight:800;\r\n}\r\n\r\n.kp-final-title h2 strong{\r\n  display:block;\r\n\r\n  color:var(--teal);\r\n\r\n  font-weight:800;\r\n}\r\n\r\n\r\n\/* COPY *\/\r\n\r\n.kp-final-copy{\r\n  display:flex;\r\n\r\n  align-items:flex-start;\r\n\r\n  gap:18px;\r\n\r\n  padding-bottom:7px;\r\n\r\n  direction:rtl;\r\n\r\n  text-align:right;\r\n}\r\n\r\n.kp-final-copy-mark{\r\n  flex:0 0 auto;\r\n\r\n  width:2px;\r\n  height:52px;\r\n\r\n  background:var(--orange);\r\n\r\n  margin-top:3px;\r\n}\r\n\r\n.kp-final-copy p{\r\n  max-width:370px;\r\n\r\n  margin:0;\r\n\r\n  color:var(--muted);\r\n\r\n  font-size:13px;\r\n\r\n  line-height:2.15;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PATH SELECTOR\r\n========================================================= *\/\r\n\r\n.kp-final-paths{\r\n  margin-top:55px;\r\n}\r\n\r\n.kp-final-paths-head{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:space-between;\r\n\r\n  padding-bottom:14px;\r\n\r\n  border-bottom:1px solid var(--border);\r\n\r\n  direction:rtl;\r\n}\r\n\r\n.kp-final-paths-head span{\r\n  color:#98A2B3;\r\n\r\n  font-family:Arial,sans-serif;\r\n  font-size:8px;\r\n\r\n  font-weight:700;\r\n\r\n  letter-spacing:2px;\r\n\r\n  direction:ltr;\r\n}\r\n\r\n.kp-final-paths-head small{\r\n  color:#98A2B3;\r\n\r\n  font-size:10px;\r\n\r\n  font-weight:500;\r\n}\r\n\r\n\r\n\/* LIST *\/\r\n\r\n.kp-final-path-list{\r\n  display:grid;\r\n\r\n  grid-template-columns:repeat(5,1fr);\r\n\r\n  direction:rtl;\r\n}\r\n\r\n\r\n\/* PATH *\/\r\n\r\n.kp-final-path{\r\n  position:relative;\r\n\r\n  min-height:115px;\r\n\r\n  display:flex;\r\n\r\n  flex-direction:column;\r\n\r\n  justify-content:space-between;\r\n\r\n  padding:18px 20px 17px;\r\n\r\n  border-left:1px solid var(--border);\r\n\r\n  color:var(--dark);\r\n\r\n  text-decoration:none;\r\n\r\n  background:#fff;\r\n\r\n  transition:\r\n    background .3s ease,\r\n    transform .3s ease;\r\n}\r\n\r\n.kp-final-path:first-child{\r\n  border-left:none;\r\n}\r\n\r\n.kp-final-path::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  right:0;\r\n  top:0;\r\n\r\n  width:0;\r\n  height:2px;\r\n\r\n  background:var(--teal);\r\n\r\n  transition:width .35s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n.kp-final-path-number{\r\n  direction:ltr;\r\n\r\n  color:#B5BEC9;\r\n\r\n  font-family:Arial,sans-serif;\r\n\r\n  font-size:8px;\r\n\r\n  font-weight:700;\r\n\r\n  letter-spacing:1.2px;\r\n\r\n  transition:color .3s ease;\r\n}\r\n\r\n.kp-final-path strong{\r\n  display:block;\r\n\r\n  padding-left:15px;\r\n\r\n  color:#344054;\r\n\r\n  font-size:12px;\r\n\r\n  line-height:1.7;\r\n\r\n  font-weight:650;\r\n\r\n  transition:color .3s ease;\r\n}\r\n\r\n.kp-final-path-arrow{\r\n  position:absolute;\r\n\r\n  left:16px;\r\n  bottom:15px;\r\n\r\n  width:25px;\r\n  height:25px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  border:1px solid #E7EBEF;\r\n\r\n  border-radius:50%;\r\n\r\n  color:#98A2B3;\r\n\r\n  font-size:12px;\r\n\r\n  transition:\r\n    color .3s ease,\r\n    background .3s ease,\r\n    border-color .3s ease,\r\n    transform .3s ease;\r\n}\r\n\r\n\r\n\/* HOVER *\/\r\n\r\n.kp-final-path:hover{\r\n  background:#F8FCFC;\r\n}\r\n\r\n.kp-final-path:hover::before{\r\n  width:100%;\r\n}\r\n\r\n.kp-final-path:hover .kp-final-path-number{\r\n  color:var(--teal);\r\n}\r\n\r\n.kp-final-path:hover strong{\r\n  color:var(--teal);\r\n}\r\n\r\n.kp-final-path:hover .kp-final-path-arrow{\r\n  color:#fff;\r\n\r\n  background:var(--teal);\r\n\r\n  border-color:var(--teal);\r\n\r\n  transform:translate(-2px,-2px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FINAL ACTION\r\n========================================================= *\/\r\n\r\n.kp-final-action{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:space-between;\r\n\r\n  gap:40px;\r\n\r\n  margin-top:55px;\r\n\r\n  padding:27px 0;\r\n\r\n  border-top:1px solid var(--border);\r\n  border-bottom:1px solid var(--border);\r\n\r\n  direction:rtl;\r\n}\r\n\r\n.kp-final-action-text{\r\n  text-align:right;\r\n}\r\n\r\n.kp-final-action-text span{\r\n  display:block;\r\n\r\n  margin-bottom:7px;\r\n\r\n  color:#98A2B3;\r\n\r\n  font-family:Arial,sans-serif;\r\n\r\n  font-size:7px;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:2px;\r\n\r\n  direction:ltr;\r\n}\r\n\r\n.kp-final-action-text p{\r\n  margin:0;\r\n\r\n  color:#344054;\r\n\r\n  font-size:12px;\r\n\r\n  line-height:1.8;\r\n\r\n  font-weight:550;\r\n}\r\n\r\n\r\n\/* BUTTON *\/\r\n\r\n.kp-final-button{\r\n  flex:0 0 auto;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:space-between;\r\n\r\n  width:205px;\r\n  height:55px;\r\n\r\n  padding:7px 8px 7px 18px;\r\n\r\n  border-radius:9px;\r\n\r\n  background:var(--teal);\r\n\r\n  color:#fff;\r\n\r\n  text-decoration:none;\r\n\r\n  font-size:11px;\r\n\r\n  font-weight:700;\r\n\r\n  transition:\r\n    transform .3s ease,\r\n    background .3s ease,\r\n    box-shadow .3s ease;\r\n}\r\n\r\n.kp-final-button b{\r\n  width:38px;\r\n  height:38px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  border-radius:7px;\r\n\r\n  background:rgba(255,255,255,.14);\r\n\r\n  font-size:16px;\r\n\r\n  font-weight:400;\r\n\r\n  transition:transform .3s ease;\r\n}\r\n\r\n.kp-final-button:hover{\r\n  background:#008F9F;\r\n\r\n  transform:translateY(-2px);\r\n\r\n  box-shadow:0 12px 25px rgba(0,167,186,.16);\r\n}\r\n\r\n.kp-final-button:hover b{\r\n  transform:translate(2px,-2px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   KARPIRA FOOTER\r\n========================================================= *\/\r\n\r\n.kp-footer{\r\n  --teal:#00A7BA;\r\n  --dark:#101828;\r\n  --muted:#667085;\r\n  --border:#E5EAF0;\r\n\r\n  position:relative;\r\n  width:100%;\r\n\r\n  background:#fff;\r\n\r\n  direction:rtl;\r\n\r\n  border-top:1px solid rgba(229,234,240,.7);\r\n\r\n  overflow:hidden;\r\n}\r\n\r\n.kp-footer:after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:360px;\r\n  height:160px;\r\n\r\n  left:-170px;\r\n  bottom:-110px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:rgba(0,167,186,.035);\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n.kp-footer-inner{\r\n  width:min(1240px,calc(100% - 80px));\r\n\r\n  margin:0 auto;\r\n\r\n  padding:30px 0 20px;\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n}\r\n\r\n.kp-footer-top{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:space-between;\r\n\r\n  gap:30px;\r\n}\r\n\r\n.kp-footer-brand{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:12px;\r\n}\r\n\r\n.kp-footer-brand img{\r\n  width:38px;\r\n  height:38px;\r\n\r\n  object-fit:contain;\r\n\r\n  display:block;\r\n}\r\n\r\n.kp-footer-brand-text{\r\n  display:flex;\r\n\r\n  flex-direction:column;\r\n\r\n  align-items:flex-start;\r\n\r\n  direction:ltr;\r\n}\r\n\r\n.kp-footer-brand-text strong{\r\n  color:var(--dark);\r\n\r\n  font-size:13px;\r\n  line-height:1;\r\n\r\n  letter-spacing:2px;\r\n\r\n  font-weight:850;\r\n}\r\n\r\n.kp-footer-brand-text span{\r\n  margin-top:5px;\r\n\r\n  color:#98A2B3;\r\n\r\n  font-size:6px;\r\n\r\n  letter-spacing:1.2px;\r\n\r\n  white-space:nowrap;\r\n}\r\n\r\n.kp-footer-nav{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:30px;\r\n}\r\n\r\n.kp-footer-nav a{\r\n  color:var(--muted);\r\n\r\n  text-decoration:none;\r\n\r\n  font-size:10px;\r\n\r\n  font-weight:600;\r\n\r\n  transition:\r\n    color .25s ease,\r\n    transform .25s ease;\r\n}\r\n\r\n.kp-footer-nav a:hover{\r\n  color:var(--teal);\r\n\r\n  transform:translateY(-1px);\r\n}\r\n\r\n.kp-footer-bottom{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:space-between;\r\n\r\n  gap:20px;\r\n\r\n  margin-top:24px;\r\n  padding-top:15px;\r\n\r\n  border-top:1px solid var(--border);\r\n\r\n  direction:ltr;\r\n\r\n  color:#98A2B3;\r\n\r\n  font-size:7px;\r\n\r\n  letter-spacing:1.2px;\r\n}\r\n\r\n.kp-footer-bottom span:last-child{\r\n  direction:ltr;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:950px){\r\n\r\n  .kp-final-inner{\r\n    width:min(760px,calc(100% - 44px));\r\n\r\n    padding-top:75px;\r\n  }\r\n\r\n  .kp-final-intro{\r\n    grid-template-columns:1fr;\r\n\r\n    gap:35px;\r\n  }\r\n\r\n  .kp-final-copy{\r\n    justify-content:flex-start;\r\n\r\n    padding-bottom:0;\r\n  }\r\n\r\n  .kp-final-path-list{\r\n    grid-template-columns:repeat(3,1fr);\r\n  }\r\n\r\n  .kp-final-path:nth-child(4),\r\n  .kp-final-path:nth-child(5){\r\n    border-top:1px solid var(--border);\r\n  }\r\n\r\n  .kp-final-action{\r\n    align-items:flex-start;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:600px){\r\n\r\n  .kp-final-inner{\r\n    width:calc(100% - 32px);\r\n\r\n    padding:62px 0 25px;\r\n  }\r\n\r\n  .kp-final-label{\r\n    margin-bottom:42px;\r\n\r\n    font-size:8px;\r\n\r\n    letter-spacing:1.7px;\r\n  }\r\n\r\n  .kp-final-intro{\r\n    gap:30px;\r\n\r\n    padding-bottom:45px;\r\n  }\r\n\r\n  .kp-final-title > span{\r\n    margin-bottom:14px;\r\n\r\n    font-size:7px;\r\n  }\r\n\r\n  .kp-final-title h2{\r\n    font-size:39px;\r\n\r\n    line-height:1.25;\r\n\r\n    letter-spacing:-2px;\r\n  }\r\n\r\n  .kp-final-copy{\r\n    gap:14px;\r\n  }\r\n\r\n  .kp-final-copy-mark{\r\n    height:45px;\r\n  }\r\n\r\n  .kp-final-copy p{\r\n    font-size:11px;\r\n\r\n    line-height:2.05;\r\n  }\r\n\r\n  .kp-final-paths{\r\n    margin-top:42px;\r\n  }\r\n\r\n  .kp-final-paths-head{\r\n    align-items:flex-end;\r\n\r\n    gap:10px;\r\n  }\r\n\r\n  .kp-final-paths-head span{\r\n    font-size:7px;\r\n  }\r\n\r\n  .kp-final-paths-head small{\r\n    font-size:9px;\r\n  }\r\n\r\n  .kp-final-path-list{\r\n    grid-template-columns:1fr 1fr;\r\n  }\r\n\r\n  .kp-final-path{\r\n    min-height:92px;\r\n\r\n    padding:14px 13px 14px;\r\n\r\n    border-left:none;\r\n\r\n    border-bottom:1px solid var(--border);\r\n  }\r\n\r\n  .kp-final-path:nth-child(odd){\r\n    border-left:1px solid var(--border);\r\n  }\r\n\r\n  .kp-final-path:nth-child(5){\r\n    grid-column:1 \/ -1;\r\n\r\n    border-left:none;\r\n  }\r\n\r\n  .kp-final-path strong{\r\n    font-size:10px;\r\n  }\r\n\r\n  .kp-final-path-arrow{\r\n    width:22px;\r\n    height:22px;\r\n\r\n    left:11px;\r\n    bottom:11px;\r\n\r\n    font-size:10px;\r\n  }\r\n\r\n  .kp-final-action{\r\n    display:block;\r\n\r\n    margin-top:42px;\r\n\r\n    padding:22px 0;\r\n  }\r\n\r\n  .kp-final-action-text p{\r\n    font-size:11px;\r\n\r\n    line-height:1.9;\r\n  }\r\n\r\n  .kp-final-button{\r\n    width:100%;\r\n\r\n    height:53px;\r\n\r\n    margin-top:20px;\r\n  }\r\n\r\n\r\n  \/* FOOTER *\/\r\n\r\n  .kp-footer-inner{\r\n    width:calc(100% - 34px);\r\n\r\n    padding:25px 0 18px;\r\n  }\r\n\r\n  .kp-footer-top{\r\n    align-items:flex-start;\r\n\r\n    flex-direction:column;\r\n\r\n    gap:22px;\r\n  }\r\n\r\n  .kp-footer-nav{\r\n    width:100%;\r\n\r\n    justify-content:flex-start;\r\n\r\n    gap:22px;\r\n\r\n    flex-wrap:wrap;\r\n  }\r\n\r\n  .kp-footer-nav a{\r\n    font-size:9px;\r\n  }\r\n\r\n  .kp-footer-bottom{\r\n    align-items:flex-start;\r\n\r\n    flex-direction:column;\r\n\r\n    gap:8px;\r\n\r\n    margin-top:20px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  .kp-final *,\r\n  .kp-final *::before,\r\n  .kp-final *::after,\r\n  .kp-footer *,\r\n  .kp-footer *::before,\r\n  .kp-footer *::after{\r\n    transition:none !important;\r\n    animation:none !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\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>SERVICES \u00b7 KARPIRA \u062e\u062f\u0645\u0627\u062a \u06a9\u0627\u0631\u06cc\u0627\u0628\u06cc \u062f\u0627\u062e\u0644\u06cc \u06a9\u0627\u0631\u067e\u06cc\u0631\u0627 \u0647\u0631 \u0645\u0633\u0626\u0644\u0647 \u06a9\u0627\u0631\u06cc\u060c \u06cc\u06a9 \u0645\u0633\u06cc\u0631 \u0628\u0631\u0627\u06cc \u067e\u06cc\u06af\u06cc\u0631\u06cc \u062f\u0627\u0631\u062f. \u0627\u0632 \u06a9\u0627\u0631\u06cc\u0627\u0628\u06cc \u0648 \u0628\u06cc\u0645\u0647 \u0628\u06cc\u06a9\u0627\u0631\u06cc \u062a\u0627 \u067e\u06cc\u06af\u06cc\u0631\u06cc \u0627\u0645\u0648\u0631 \u0645\u0631\u062a\u0628\u0637 \u0628\u0627 \u0645\u0633\u0627\u0626\u0644 \u0634\u063a\u0644\u06cc\u060c \u06a9\u0627\u0631\u06cc\u0627\u0628\u06cc \u062f\u0627\u062e\u0644\u06cc \u06a9\u0627\u0631\u067e\u06cc\u0631\u0627 \u0645\u0634\u0647\u062f \u062f\u0631 \u06a9\u0646\u0627\u0631 \u0634\u0645\u0627\u0633\u062a \u062a\u0627 \u0645\u0633\u06cc\u0631 \u0645\u0646\u0627\u0633\u0628 \u0631\u0627 \u067e\u06cc\u062f\u0627 \u0648 \u067e\u06cc\u06af\u06cc\u0631\u06cc \u06a9\u0646\u06cc\u062f. \u0645\u0634\u0627\u0647\u062f\u0647 \u062e\u062f\u0645\u0627\u062a \u2190 SERVICE PATH K KARPIRA CAREER &#038; HUMAN RESOURCES 01 \u06a9\u0627\u0631\u06cc\u0627\u0628\u06cc [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-111","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ir.karpirajobs.com\/index.php?rest_route=\/wp\/v2\/pages\/111","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ir.karpirajobs.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ir.karpirajobs.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ir.karpirajobs.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ir.karpirajobs.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=111"}],"version-history":[{"count":16,"href":"https:\/\/ir.karpirajobs.com\/index.php?rest_route=\/wp\/v2\/pages\/111\/revisions"}],"predecessor-version":[{"id":189,"href":"https:\/\/ir.karpirajobs.com\/index.php?rest_route=\/wp\/v2\/pages\/111\/revisions\/189"}],"wp:attachment":[{"href":"https:\/\/ir.karpirajobs.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=111"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}