{"id":88,"date":"2026-09-10T14:51:47","date_gmt":"2026-09-10T11:21:47","guid":{"rendered":"https:\/\/ir.karpirajobs.com\/?page_id=88"},"modified":"2026-09-13T12:17:38","modified_gmt":"2026-09-13T08:47:38","slug":"%da%a9%d8%a7%d8%b1%db%8c%d8%a7%d8%a8%db%8c-%d8%af%d8%a7%d8%ae%d9%84%db%8c-%da%a9%d8%a7%d8%b1%d9%be%db%8c%d8%b1%d8%a7-%d9%85%d8%b4%d9%87%d8%af","status":"publish","type":"page","link":"https:\/\/ir.karpirajobs.com\/","title":{"rendered":"\u06a9\u0627\u0631\u06cc\u0627\u0628\u06cc \u062f\u0627\u062e\u0644\u06cc \u06a9\u0627\u0631\u067e\u06cc\u0631\u0627 \u0645\u0634\u0647\u062f"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"88\" class=\"elementor elementor-88\" 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-2e5ae1f e-flex e-con-boxed e-con e-parent\" data-id=\"2e5ae1f\" 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-d49a0b8 elementor-widget elementor-widget-html\" data-id=\"d49a0b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"kp-hero-v2\">\r\n\r\n  <div class=\"kp-hero-v2-wrap\">\r\n\r\n    <!-- ================= LEFT \/ CONTENT ================= -->\r\n\r\n    <div class=\"kp-hero-v2-content\">\r\n\r\n      <div class=\"kp-hero-v2-label\">\r\n        <span class=\"kp-v2-label-line\"><\/span>\r\n        <span>KARPIRA \u00b7 MASHHAD<\/span>\r\n      <\/div>\r\n\r\n      <h1>\r\n        \u06a9\u0627\u0631\u06cc\u0627\u0628\u06cc \u062f\u0627\u062e\u0644\u06cc\r\n        <br>\r\n        <span>\u06a9\u0627\u0631\u067e\u06cc\u0631\u0627 \u0645\u0634\u0647\u062f<\/span>\r\n      <\/h1>\r\n\r\n      <p class=\"kp-hero-v2-desc\">\r\n        \u062e\u062f\u0645\u0627\u062a \u062a\u062e\u0635\u0635\u06cc \u06a9\u0627\u0631\u06cc\u0627\u0628\u06cc \u0648 \u0645\u0646\u0627\u0628\u0639 \u0627\u0646\u0633\u0627\u0646\u06cc\r\n        \u0628\u0627 \u0631\u0648\u06cc\u06a9\u0631\u062f\u06cc \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0648 \u0647\u062f\u0641\u0645\u0646\u062f \u062f\u0631 \u0645\u0634\u0647\u062f\r\n      <\/p>\r\n\r\n      <div class=\"kp-hero-v2-actions\">\r\n\r\n        <a href=\"#kp-contact\" class=\"kp-v2-main-btn\">\r\n          <span>\u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627 \u06a9\u0627\u0631\u06cc\u0627\u0628\u06cc<\/span>\r\n          <i>\u2197<\/i>\r\n        <\/a>\r\n\r\n        <a href=\"#kp-services\" class=\"kp-v2-text-btn\">\r\n          \u0622\u0634\u0646\u0627\u06cc\u06cc \u0628\u0627 \u062e\u062f\u0645\u0627\u062a\r\n          <span>\u2193<\/span>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ================= RIGHT \/ VISUAL ================= -->\r\n\r\n    <div class=\"kp-hero-v2-art\">\r\n\r\n      <div class=\"kp-v2-ghost-text\">\r\n        CONNECTION\r\n      <\/div>\r\n\r\n      <div class=\"kp-v2-ghost-k\">\r\n        K\r\n      <\/div>\r\n\r\n\r\n      <div class=\"kp-v2-frame\">\r\n\r\n        <div class=\"kp-v2-frame-top\">\r\n          <span>01<\/span>\r\n          <span>PEOPLE<\/span>\r\n        <\/div>\r\n\r\n\r\n        <!-- PEOPLE -->\r\n\r\n        <div class=\"kp-v2-person\">\r\n\r\n          <div class=\"kp-v2-person-circle\">\r\n\r\n            <span class=\"kp-v2-person-head\"><\/span>\r\n            <span class=\"kp-v2-person-body\"><\/span>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"kp-v2-person-copy\">\r\n\r\n            <strong>\u0627\u0641\u0631\u0627\u062f<\/strong>\r\n\r\n            <small>\r\n              \u062a\u0648\u0627\u0646\u0645\u0646\u062f\u06cc \u00b7 \u062a\u062c\u0631\u0628\u0647 \u00b7 \u0645\u0633\u06cc\u0631\r\n            <\/small>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- CONNECTION -->\r\n\r\n        <div class=\"kp-v2-bridge\">\r\n\r\n          <span class=\"kp-v2-bridge-dot\"><\/span>\r\n\r\n          <span class=\"kp-v2-bridge-line\"><\/span>\r\n\r\n          <span class=\"kp-v2-bridge-dot\"><\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- BUSINESS -->\r\n\r\n        <div class=\"kp-v2-business\">\r\n\r\n          <div class=\"kp-v2-business-mark\">\r\n\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"kp-v2-business-copy\">\r\n\r\n            <strong>\u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0647\u0627<\/strong>\r\n\r\n            <small>\r\n              \u0646\u06cc\u0627\u0632 \u00b7 \u062a\u06cc\u0645 \u00b7 \u062a\u0648\u0633\u0639\u0647\r\n            <\/small>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- CENTER BRAND -->\r\n\r\n        <div class=\"kp-v2-brand-mark\">\r\n\r\n          <span>K<\/span>\r\n\r\n          <div>\r\n            <strong>KARPIRA<\/strong>\r\n            <small>CAREER & HR<\/small>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"kp-v2-frame-bottom\">\r\n\r\n          <span>INTERNAL RECRUITMENT<\/span>\r\n          <span>MASHHAD \u00b7 2026<\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- FLOATING DETAILS -->\r\n\r\n      <div class=\"kp-v2-float float-a\">\r\n        <span><\/span>\r\n        CONNECT\r\n      <\/div>\r\n\r\n      <div class=\"kp-v2-float float-b\">\r\n        MASHHAD\r\n      <\/div>\r\n\r\n\r\n      <div class=\"kp-v2-small-dot dot-a\"><\/div>\r\n      <div class=\"kp-v2-small-dot dot-b\"><\/div>\r\n      <div class=\"kp-v2-small-dot dot-c\"><\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <div class=\"kp-v2-scroll\">\r\n\r\n    <span>SCROLL TO EXPLORE<\/span>\r\n\r\n    <div><\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n.kp-hero-v2,\r\n.kp-hero-v2 * {\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO\r\n========================================================= *\/\r\n\r\n.kp-hero-v2 {\r\n\r\n  position:relative;\r\n\r\n  width:100%;\r\n\r\n  min-height:720px;\r\n\r\n  overflow:hidden;\r\n\r\n  background:#fff;\r\n\r\n  color:#101828;\r\n\r\n  font-family:inherit;\r\n}\r\n\r\n\r\n.kp-hero-v2-wrap {\r\n\r\n  width:min(1240px, calc(100% - 64px));\r\n\r\n  min-height:720px;\r\n\r\n  margin:0 auto;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,.92fr)\r\n    minmax(0,1.08fr);\r\n\r\n  align-items:center;\r\n\r\n  gap:65px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n.kp-hero-v2-content {\r\n\r\n  position:relative;\r\n\r\n  z-index:10;\r\n\r\n  direction:rtl;\r\n\r\n  text-align:right;\r\n\r\n  padding-top:15px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n========================================================= *\/\r\n\r\n.kp-hero-v2-label {\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:flex-start;\r\n\r\n  gap:10px;\r\n\r\n  margin-bottom:30px;\r\n\r\n  direction:rtl;\r\n\r\n  color:#98A2B3;\r\n\r\n  font-size:10px;\r\n\r\n  font-weight:650;\r\n\r\n  letter-spacing:2px;\r\n}\r\n\r\n\r\n.kp-v2-label-line {\r\n\r\n  width:32px;\r\n\r\n  height:1px;\r\n\r\n  background:#00A7BA;\r\n\r\n  position:relative;\r\n}\r\n\r\n\r\n.kp-v2-label-line:after {\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  right:0;\r\n\r\n  top:-2px;\r\n\r\n  width:5px;\r\n\r\n  height:5px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#F58220;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n.kp-hero-v2-content h1 {\r\n\r\n  margin:0;\r\n\r\n  max-width:680px;\r\n\r\n  font-size:clamp(52px,6vw,82px);\r\n\r\n  line-height:1.07;\r\n\r\n  letter-spacing:-4.2px;\r\n\r\n  font-weight:780;\r\n\r\n  color:#101828;\r\n}\r\n\r\n\r\n.kp-hero-v2-content h1 span {\r\n\r\n  color:#00A7BA;\r\n\r\n  position:relative;\r\n}\r\n\r\n\r\n.kp-hero-v2-content h1 span:after {\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  right:0;\r\n\r\n  bottom:-5px;\r\n\r\n  width:42%;\r\n\r\n  height:2px;\r\n\r\n  background:#D9F2F4;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.kp-hero-v2-desc {\r\n\r\n  max-width:485px;\r\n\r\n  margin:30px 0 0 auto;\r\n\r\n  color:#667085;\r\n\r\n  font-size:15px;\r\n\r\n  line-height:2.05;\r\n\r\n  font-weight:400;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACTIONS\r\n========================================================= *\/\r\n\r\n.kp-hero-v2-actions {\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:flex-start;\r\n\r\n  gap:26px;\r\n\r\n  margin-top:38px;\r\n\r\n  direction:rtl;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRIMARY BUTTON\r\n========================================================= *\/\r\n\r\n.kp-v2-main-btn {\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:13px;\r\n\r\n  padding:6px 7px 6px 18px;\r\n\r\n  border-radius:100px;\r\n\r\n  background:#00A7BA;\r\n\r\n  color:#fff;\r\n\r\n  text-decoration:none;\r\n\r\n  box-shadow:\r\n    0 12px 28px rgba(0,167,186,.17);\r\n\r\n  transition:\r\n    transform .3s ease,\r\n    box-shadow .3s ease,\r\n    background .3s ease;\r\n}\r\n\r\n\r\n.kp-v2-main-btn span {\r\n\r\n  font-size:11px;\r\n\r\n  font-weight:650;\r\n}\r\n\r\n\r\n.kp-v2-main-btn i {\r\n\r\n  width:32px;\r\n\r\n  height:32px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  border-radius:50%;\r\n\r\n  background:rgba(255,255,255,.18);\r\n\r\n  font-style:normal;\r\n\r\n  font-size:15px;\r\n\r\n  transition:transform .3s ease;\r\n}\r\n\r\n\r\n.kp-v2-main-btn:hover {\r\n\r\n  transform:translateY(-3px);\r\n\r\n  background:#0095A7;\r\n\r\n  box-shadow:\r\n    0 17px 35px rgba(0,167,186,.24);\r\n}\r\n\r\n\r\n.kp-v2-main-btn:hover i {\r\n\r\n  transform:rotate(10deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECONDARY\r\n========================================================= *\/\r\n\r\n.kp-v2-text-btn {\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:8px;\r\n\r\n  color:#667085;\r\n\r\n  font-size:11px;\r\n\r\n  font-weight:600;\r\n\r\n  text-decoration:none;\r\n\r\n  transition:color .25s ease;\r\n}\r\n\r\n\r\n.kp-v2-text-btn span {\r\n\r\n  color:#00A7BA;\r\n\r\n  font-size:15px;\r\n\r\n  transition:transform .3s ease;\r\n}\r\n\r\n\r\n.kp-v2-text-btn:hover {\r\n\r\n  color:#00A7BA;\r\n}\r\n\r\n\r\n.kp-v2-text-btn:hover span {\r\n\r\n  transform:translateY(4px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ART\r\n========================================================= *\/\r\n\r\n.kp-hero-v2-art {\r\n\r\n  position:relative;\r\n\r\n  height:590px;\r\n\r\n  min-width:0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GHOST TYPOGRAPHY\r\n========================================================= *\/\r\n\r\n.kp-v2-ghost-text {\r\n\r\n  position:absolute;\r\n\r\n  top:47px;\r\n\r\n  right:-28px;\r\n\r\n  font-size:clamp(75px,9vw,128px);\r\n\r\n  line-height:1;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:-7px;\r\n\r\n  color:#F5FAFA;\r\n\r\n  white-space:nowrap;\r\n\r\n  user-select:none;\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n\r\n.kp-v2-ghost-k {\r\n\r\n  position:absolute;\r\n\r\n  left:-55px;\r\n\r\n  bottom:-38px;\r\n\r\n  font-size:340px;\r\n\r\n  line-height:.75;\r\n\r\n  font-weight:850;\r\n\r\n  letter-spacing:-35px;\r\n\r\n  color:#F7FAFB;\r\n\r\n  user-select:none;\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN FRAME\r\n========================================================= *\/\r\n\r\n.kp-v2-frame {\r\n\r\n  position:absolute;\r\n\r\n  width:76%;\r\n\r\n  height:475px;\r\n\r\n  right:4%;\r\n\r\n  top:75px;\r\n\r\n  border:1px solid #E5EAF0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(255,255,255,.97),\r\n      rgba(247,250,251,.82)\r\n    );\r\n\r\n  overflow:hidden;\r\n\r\n  box-shadow:\r\n    0 35px 90px rgba(16,24,40,.06);\r\n\r\n  transition:\r\n    transform .6s cubic-bezier(.22,1,.36,1),\r\n    box-shadow .6s ease;\r\n}\r\n\r\n\r\n\/* TEAL EDGE *\/\r\n\r\n.kp-v2-frame:before {\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  top:0;\r\n\r\n  bottom:0;\r\n\r\n  right:0;\r\n\r\n  width:5px;\r\n\r\n  background:#00A7BA;\r\n\r\n  opacity:.9;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID\r\n========================================================= *\/\r\n\r\n.kp-v2-frame:after {\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  background-image:\r\n\r\n    linear-gradient(\r\n      rgba(0,167,186,.035) 1px,\r\n      transparent 1px\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(0,167,186,.035) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n  background-size:48px 48px;\r\n\r\n  mask-image:\r\n    linear-gradient(\r\n      to bottom,\r\n      black,\r\n      transparent 92%\r\n    );\r\n\r\n  -webkit-mask-image:\r\n    linear-gradient(\r\n      to bottom,\r\n      black,\r\n      transparent 92%\r\n    );\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FRAME TOP\r\n========================================================= *\/\r\n\r\n.kp-v2-frame-top {\r\n\r\n  position:absolute;\r\n\r\n  top:22px;\r\n\r\n  left:27px;\r\n\r\n  right:27px;\r\n\r\n  display:flex;\r\n\r\n  justify-content:space-between;\r\n\r\n  align-items:center;\r\n\r\n  direction:ltr;\r\n\r\n  color:#98A2B3;\r\n\r\n  font-size:8px;\r\n\r\n  letter-spacing:2px;\r\n\r\n  z-index:3;\r\n}\r\n\r\n\r\n.kp-v2-frame-top span:first-child {\r\n\r\n  color:#00A7BA;\r\n\r\n  font-weight:700;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PEOPLE\r\n========================================================= *\/\r\n\r\n.kp-v2-person {\r\n\r\n  position:absolute;\r\n\r\n  left:11%;\r\n\r\n  top:37%;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:16px;\r\n\r\n  direction:ltr;\r\n\r\n  z-index:4;\r\n}\r\n\r\n\r\n.kp-v2-person-circle {\r\n\r\n  position:relative;\r\n\r\n  width:82px;\r\n\r\n  height:82px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#fff;\r\n\r\n  border:1px solid #D7EEF0;\r\n\r\n  box-shadow:\r\n    0 15px 35px rgba(0,167,186,.08);\r\n}\r\n\r\n\r\n.kp-v2-person-head {\r\n\r\n  position:absolute;\r\n\r\n  width:17px;\r\n\r\n  height:17px;\r\n\r\n  left:50%;\r\n\r\n  top:18px;\r\n\r\n  transform:translateX(-50%);\r\n\r\n  border-radius:50%;\r\n\r\n  background:#00A7BA;\r\n\r\n  opacity:.9;\r\n}\r\n\r\n\r\n.kp-v2-person-body {\r\n\r\n  position:absolute;\r\n\r\n  width:39px;\r\n\r\n  height:22px;\r\n\r\n  left:50%;\r\n\r\n  bottom:17px;\r\n\r\n  transform:translateX(-50%);\r\n\r\n  border-radius:20px 20px 9px 9px;\r\n\r\n  background:#DDF4F5;\r\n}\r\n\r\n\r\n.kp-v2-person-copy {\r\n\r\n  direction:rtl;\r\n\r\n  text-align:right;\r\n}\r\n\r\n\r\n.kp-v2-person-copy strong {\r\n\r\n  display:block;\r\n\r\n  color:#101828;\r\n\r\n  font-size:15px;\r\n\r\n  font-weight:750;\r\n}\r\n\r\n\r\n.kp-v2-person-copy small {\r\n\r\n  display:block;\r\n\r\n  margin-top:5px;\r\n\r\n  color:#98A2B3;\r\n\r\n  font-size:8px;\r\n\r\n  letter-spacing:.5px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUSINESS\r\n========================================================= *\/\r\n\r\n.kp-v2-business {\r\n\r\n  position:absolute;\r\n\r\n  right:9%;\r\n\r\n  bottom:25%;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:16px;\r\n\r\n  direction:rtl;\r\n\r\n  z-index:4;\r\n}\r\n\r\n\r\n.kp-v2-business-mark {\r\n\r\n  width:82px;\r\n\r\n  height:82px;\r\n\r\n  padding:19px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:1fr 1fr;\r\n\r\n  grid-template-rows:1fr 1fr;\r\n\r\n  gap:5px;\r\n\r\n  border:1px solid #D7EEF0;\r\n\r\n  background:#fff;\r\n\r\n  box-shadow:\r\n    0 15px 35px rgba(0,167,186,.08);\r\n}\r\n\r\n\r\n.kp-v2-business-mark span {\r\n\r\n  display:block;\r\n\r\n  border-radius:2px;\r\n\r\n  background:#00A7BA;\r\n}\r\n\r\n\r\n.kp-v2-business-mark span:nth-child(2) {\r\n  opacity:.65;\r\n}\r\n\r\n\r\n.kp-v2-business-mark span:nth-child(3) {\r\n  opacity:.4;\r\n}\r\n\r\n\r\n.kp-v2-business-mark span:nth-child(4) {\r\n\r\n  background:#F58220;\r\n\r\n  opacity:.8;\r\n}\r\n\r\n\r\n.kp-v2-business-copy {\r\n\r\n  direction:rtl;\r\n\r\n  text-align:right;\r\n}\r\n\r\n\r\n.kp-v2-business-copy strong {\r\n\r\n  display:block;\r\n\r\n  color:#101828;\r\n\r\n  font-size:15px;\r\n\r\n  font-weight:750;\r\n}\r\n\r\n\r\n.kp-v2-business-copy small {\r\n\r\n  display:block;\r\n\r\n  margin-top:5px;\r\n\r\n  color:#98A2B3;\r\n\r\n  font-size:8px;\r\n\r\n  letter-spacing:.5px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONNECTION\r\n========================================================= *\/\r\n\r\n.kp-v2-bridge {\r\n\r\n  position:absolute;\r\n\r\n  left:27%;\r\n\r\n  right:26%;\r\n\r\n  top:49%;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  direction:ltr;\r\n\r\n  z-index:3;\r\n}\r\n\r\n\r\n.kp-v2-bridge-line {\r\n\r\n  flex:1;\r\n\r\n  height:1px;\r\n\r\n  background:\r\n    repeating-linear-gradient(\r\n      90deg,\r\n      #A9DDE1 0px,\r\n      #A9DDE1 5px,\r\n      transparent 5px,\r\n      transparent 11px\r\n    );\r\n}\r\n\r\n\r\n.kp-v2-bridge-dot {\r\n\r\n  width:9px;\r\n\r\n  height:9px;\r\n\r\n  flex-shrink:0;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#00A7BA;\r\n\r\n  box-shadow:\r\n    0 0 0 5px rgba(0,167,186,.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BRAND\r\n========================================================= *\/\r\n\r\n.kp-v2-brand-mark {\r\n\r\n  position:absolute;\r\n\r\n  left:50%;\r\n\r\n  top:50%;\r\n\r\n  transform:translate(-50%,-50%);\r\n\r\n  width:115px;\r\n\r\n  height:115px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  gap:7px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#00A7BA;\r\n\r\n  color:#fff;\r\n\r\n  box-shadow:\r\n    0 22px 50px rgba(0,167,186,.22);\r\n\r\n  z-index:7;\r\n\r\n  transition:\r\n    transform .6s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n\r\n.kp-v2-brand-mark > span {\r\n\r\n  font-size:32px;\r\n\r\n  line-height:1;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:-2px;\r\n}\r\n\r\n\r\n.kp-v2-brand-mark > div {\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\r\n\r\n.kp-v2-brand-mark strong {\r\n\r\n  font-size:10px;\r\n\r\n  letter-spacing:1px;\r\n\r\n  line-height:1;\r\n}\r\n\r\n\r\n.kp-v2-brand-mark small {\r\n\r\n  margin-top:5px;\r\n\r\n  font-size:5px;\r\n\r\n  letter-spacing:1.5px;\r\n\r\n  opacity:.65;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM\r\n========================================================= *\/\r\n\r\n.kp-v2-frame-bottom {\r\n\r\n  position:absolute;\r\n\r\n  bottom:21px;\r\n\r\n  left:27px;\r\n\r\n  right:27px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:space-between;\r\n\r\n  direction:ltr;\r\n\r\n  color:#98A2B3;\r\n\r\n  font-size:7px;\r\n\r\n  letter-spacing:1.5px;\r\n\r\n  z-index:5;\r\n}\r\n\r\n\r\n.kp-v2-frame-bottom span:first-child {\r\n\r\n  color:#667085;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLOATING LABELS\r\n========================================================= *\/\r\n\r\n.kp-v2-float {\r\n\r\n  position:absolute;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:7px;\r\n\r\n  padding:9px 12px;\r\n\r\n  background:#fff;\r\n\r\n  border:1px solid #E5EAF0;\r\n\r\n  color:#667085;\r\n\r\n  font-size:7px;\r\n\r\n  letter-spacing:1.5px;\r\n\r\n  box-shadow:\r\n    0 12px 30px rgba(16,24,40,.06);\r\n\r\n  z-index:10;\r\n}\r\n\r\n\r\n.float-a {\r\n\r\n  top:150px;\r\n\r\n  left:0;\r\n}\r\n\r\n\r\n.float-a span {\r\n\r\n  width:5px;\r\n\r\n  height:5px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#F58220;\r\n}\r\n\r\n\r\n.float-b {\r\n\r\n  right:-13px;\r\n\r\n  bottom:105px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DOTS\r\n========================================================= *\/\r\n\r\n.kp-v2-small-dot {\r\n\r\n  position:absolute;\r\n\r\n  width:5px;\r\n\r\n  height:5px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#00A7BA;\r\n\r\n  opacity:.4;\r\n}\r\n\r\n\r\n.dot-a {\r\n\r\n  left:8%;\r\n\r\n  top:23%;\r\n}\r\n\r\n\r\n.dot-b {\r\n\r\n  right:1%;\r\n\r\n  top:31%;\r\n\r\n  opacity:.2;\r\n}\r\n\r\n\r\n.dot-c {\r\n\r\n  left:25%;\r\n\r\n  bottom:7%;\r\n\r\n  opacity:.25;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SCROLL\r\n========================================================= *\/\r\n\r\n.kp-v2-scroll {\r\n\r\n  position:absolute;\r\n\r\n  bottom:27px;\r\n\r\n  left:50%;\r\n\r\n  transform:translateX(-50%);\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:12px;\r\n\r\n  color:#98A2B3;\r\n\r\n  font-size:7px;\r\n\r\n  letter-spacing:2px;\r\n}\r\n\r\n\r\n.kp-v2-scroll div {\r\n\r\n  width:35px;\r\n\r\n  height:1px;\r\n\r\n  background:#DCE5EA;\r\n\r\n  position:relative;\r\n}\r\n\r\n\r\n.kp-v2-scroll div:after {\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:0;\r\n\r\n  top:-1px;\r\n\r\n  width:12px;\r\n\r\n  height:2px;\r\n\r\n  background:#00A7BA;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HOVER\r\n========================================================= *\/\r\n\r\n.kp-hero-v2-art:hover .kp-v2-frame {\r\n\r\n  transform:translateY(-5px);\r\n\r\n  box-shadow:\r\n    0 45px 100px rgba(16,24,40,.08);\r\n}\r\n\r\n\r\n.kp-hero-v2-art:hover .kp-v2-brand-mark {\r\n\r\n  transform:\r\n    translate(-50%,-50%)\r\n    scale(1.04);\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-hero-v2 {\r\n    min-height:auto;\r\n  }\r\n\r\n  .kp-hero-v2-wrap {\r\n\r\n    min-height:auto;\r\n\r\n    grid-template-columns:1fr;\r\n\r\n    gap:55px;\r\n\r\n    padding-top:75px;\r\n\r\n    padding-bottom:80px;\r\n  }\r\n\r\n  .kp-hero-v2-content {\r\n    text-align:right;\r\n  }\r\n\r\n  .kp-hero-v2-content h1 {\r\n\r\n    max-width:800px;\r\n\r\n    font-size:clamp(52px,8vw,76px);\r\n  }\r\n\r\n  .kp-hero-v2-desc {\r\n    margin-right:0;\r\n  }\r\n\r\n  .kp-hero-v2-art {\r\n\r\n    width:100%;\r\n\r\n    max-width:720px;\r\n\r\n    margin:0 auto;\r\n\r\n    height:540px;\r\n  }\r\n\r\n  .kp-v2-frame {\r\n\r\n    width:78%;\r\n\r\n    right:11%;\r\n  }\r\n\r\n  .kp-v2-scroll {\r\n    display:none;\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-hero-v2-wrap {\r\n\r\n    width:calc(100% - 34px);\r\n\r\n    padding-top:55px;\r\n\r\n    padding-bottom:40px;\r\n\r\n    gap:42px;\r\n  }\r\n\r\n  .kp-hero-v2-label {\r\n\r\n    margin-bottom:23px;\r\n\r\n    font-size:8px;\r\n  }\r\n\r\n  .kp-hero-v2-content h1 {\r\n\r\n    font-size:43px;\r\n\r\n    line-height:1.13;\r\n\r\n    letter-spacing:-2.3px;\r\n  }\r\n\r\n  .kp-hero-v2-content h1 span:after {\r\n\r\n    height:1px;\r\n\r\n    bottom:-2px;\r\n  }\r\n\r\n  .kp-hero-v2-desc {\r\n\r\n    max-width:340px;\r\n\r\n    margin-top:22px;\r\n\r\n    font-size:12px;\r\n\r\n    line-height:1.95;\r\n  }\r\n\r\n  .kp-hero-v2-actions {\r\n\r\n    margin-top:28px;\r\n\r\n    gap:18px;\r\n  }\r\n\r\n  .kp-v2-main-btn {\r\n\r\n    padding:5px 6px 5px 14px;\r\n  }\r\n\r\n  .kp-v2-main-btn span {\r\n    font-size:9px;\r\n  }\r\n\r\n  .kp-v2-main-btn i {\r\n\r\n    width:28px;\r\n\r\n    height:28px;\r\n\r\n    font-size:12px;\r\n  }\r\n\r\n  .kp-v2-text-btn {\r\n    font-size:9px;\r\n  }\r\n\r\n\r\n  \/* ART *\/\r\n\r\n  .kp-hero-v2-art {\r\n\r\n    height:405px;\r\n\r\n    margin-top:5px;\r\n  }\r\n\r\n  .kp-v2-ghost-text {\r\n\r\n    top:22px;\r\n\r\n    right:-5px;\r\n\r\n    font-size:58px;\r\n\r\n    letter-spacing:-4px;\r\n  }\r\n\r\n  .kp-v2-ghost-k {\r\n\r\n    left:-10px;\r\n\r\n    bottom:-20px;\r\n\r\n    font-size:230px;\r\n\r\n    letter-spacing:-25px;\r\n  }\r\n\r\n  .kp-v2-frame {\r\n\r\n    width:88%;\r\n\r\n    height:330px;\r\n\r\n    right:6%;\r\n\r\n    top:48px;\r\n  }\r\n\r\n  .kp-v2-frame-top {\r\n\r\n    top:15px;\r\n\r\n    left:17px;\r\n\r\n    right:17px;\r\n\r\n    font-size:6px;\r\n  }\r\n\r\n  .kp-v2-person {\r\n\r\n    left:8%;\r\n\r\n    top:35%;\r\n\r\n    gap:9px;\r\n  }\r\n\r\n  .kp-v2-person-circle {\r\n\r\n    width:58px;\r\n\r\n    height:58px;\r\n  }\r\n\r\n  .kp-v2-person-head {\r\n\r\n    width:12px;\r\n\r\n    height:12px;\r\n\r\n    top:13px;\r\n  }\r\n\r\n  .kp-v2-person-body {\r\n\r\n    width:28px;\r\n\r\n    height:16px;\r\n\r\n    bottom:12px;\r\n  }\r\n\r\n  .kp-v2-person-copy strong,\r\n  .kp-v2-business-copy strong {\r\n\r\n    font-size:10px;\r\n  }\r\n\r\n  .kp-v2-person-copy small,\r\n  .kp-v2-business-copy small {\r\n\r\n    font-size:6px;\r\n\r\n    margin-top:3px;\r\n  }\r\n\r\n  .kp-v2-business {\r\n\r\n    right:7%;\r\n\r\n    bottom:23%;\r\n\r\n    gap:9px;\r\n  }\r\n\r\n  .kp-v2-business-mark {\r\n\r\n    width:58px;\r\n\r\n    height:58px;\r\n\r\n    padding:13px;\r\n\r\n    gap:3px;\r\n  }\r\n\r\n  .kp-v2-bridge {\r\n\r\n    left:25%;\r\n\r\n    right:24%;\r\n\r\n    top:48%;\r\n  }\r\n\r\n  .kp-v2-bridge-dot {\r\n\r\n    width:6px;\r\n\r\n    height:6px;\r\n\r\n    box-shadow:\r\n      0 0 0 3px rgba(0,167,186,.08);\r\n  }\r\n\r\n  .kp-v2-brand-mark {\r\n\r\n    width:82px;\r\n\r\n    height:82px;\r\n\r\n    gap:4px;\r\n  }\r\n\r\n  .kp-v2-brand-mark > span {\r\n    font-size:23px;\r\n  }\r\n\r\n  .kp-v2-brand-mark strong {\r\n    font-size:7px;\r\n  }\r\n\r\n  .kp-v2-brand-mark small {\r\n\r\n    font-size:4px;\r\n\r\n    margin-top:3px;\r\n  }\r\n\r\n  .kp-v2-frame-bottom {\r\n\r\n    bottom:14px;\r\n\r\n    left:17px;\r\n\r\n    right:17px;\r\n\r\n    font-size:5px;\r\n\r\n    letter-spacing:1px;\r\n  }\r\n\r\n  .kp-v2-float {\r\n\r\n    padding:7px 9px;\r\n\r\n    font-size:5px;\r\n  }\r\n\r\n  .float-a {\r\n\r\n    top:92px;\r\n\r\n    left:-4px;\r\n  }\r\n\r\n  .float-b {\r\n\r\n    right:-5px;\r\n\r\n    bottom:57px;\r\n  }\r\n\r\n  .dot-a {\r\n\r\n    top:17%;\r\n\r\n    left:3%;\r\n  }\r\n\r\n  .dot-b {\r\n\r\n    right:-1%;\r\n\r\n    top:30%;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:390px){\r\n\r\n  .kp-hero-v2-content h1 {\r\n\r\n    font-size:39px;\r\n\r\n    letter-spacing:-2px;\r\n  }\r\n\r\n  .kp-hero-v2-art {\r\n\r\n    transform:scale(.94);\r\n\r\n    transform-origin:top center;\r\n\r\n    margin-bottom:-20px;\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  const art =\r\n    document.querySelector('.kp-hero-v2-art');\r\n\r\n  const frame =\r\n    document.querySelector('.kp-v2-frame');\r\n\r\n  const brand =\r\n    document.querySelector('.kp-v2-brand-mark');\r\n\r\n  if(!art || !frame || !brand) return;\r\n\r\n\r\n  art.addEventListener('mousemove', function(e){\r\n\r\n    const rect =\r\n      art.getBoundingClientRect();\r\n\r\n    const x =\r\n      (e.clientX - rect.left) \/ rect.width - .5;\r\n\r\n    const y =\r\n      (e.clientY - rect.top) \/ rect.height - .5;\r\n\r\n\r\n    frame.style.transform =\r\n      `translate(\r\n        ${x * 7}px,\r\n        ${y * 5}px\r\n      )`;\r\n\r\n\r\n    brand.style.transform =\r\n      `translate(\r\n        calc(-50% + ${x * 10}px),\r\n        calc(-50% + ${y * 10}px)\r\n      ) scale(1.04)`;\r\n\r\n  });\r\n\r\n\r\n  art.addEventListener('mouseleave', function(){\r\n\r\n    frame.style.transform =\r\n      'translate(0,0)';\r\n\r\n\r\n    brand.style.transform =\r\n      'translate(-50%,-50%) scale(1)';\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-03c54bc e-flex e-con-boxed e-con e-parent\" data-id=\"03c54bc\" 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-e0c85f6 elementor-widget elementor-widget-html\" data-id=\"e0c85f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"kp-story\">\r\n  <div class=\"kp-story-inner\">\r\n\r\n    <!-- TOP LABEL -->\r\n    <div class=\"kp-story-label\">\r\n      <span class=\"kp-story-label-line\"><\/span>\r\n      ABOUT KARPIRA\r\n      <span class=\"kp-story-label-number\">01<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"kp-story-grid\">\r\n\r\n      <!-- TEXT -->\r\n      <div class=\"kp-story-copy\">\r\n\r\n        <h2>\r\n          \u0627\u0631\u062a\u0628\u0627\u0637 \u062f\u0631\u0633\u062a\u060c\r\n          <br>\r\n          <em>\u0627\u0632 \u0634\u0646\u0627\u062e\u062a \u062f\u0631\u0633\u062a<\/em>\r\n          \u0634\u0631\u0648\u0639 \u0645\u06cc\u200c\u0634\u0648\u062f.\r\n        <\/h2>\r\n\r\n        <p>\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 \u0628\u0627 \u062a\u0645\u0631\u06a9\u0632 \u0628\u0631 \u062e\u062f\u0645\u0627\u062a \u06a9\u0627\u0631\u06cc\u0627\u0628\u06cc\r\n          \u0648 \u0645\u0646\u0627\u0628\u0639 \u0627\u0646\u0633\u0627\u0646\u06cc\u060c \u062a\u0644\u0627\u0634 \u0645\u06cc\u200c\u06a9\u0646\u062f \u0645\u0633\u06cc\u0631 \u0627\u0631\u062a\u0628\u0627\u0637 \u0645\u06cc\u0627\u0646 \u0627\u0641\u0631\u0627\u062f\r\n          \u0648 \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631\u0647\u0627 \u0631\u0627 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc\u200c\u062a\u0631 \u0648 \u0647\u062f\u0641\u0645\u0646\u062f\u062a\u0631 \u06a9\u0646\u062f.\r\n        <\/p>\r\n\r\n        <div class=\"kp-story-signature\">\r\n          <span class=\"kp-story-signature-dot\"><\/span>\r\n          <span>Career & Human Resources<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- VISUAL -->\r\n      <div class=\"kp-story-art\">\r\n\r\n        <div class=\"kp-art-grid\"><\/div>\r\n\r\n        <!-- large abstract paths -->\r\n        <svg class=\"kp-art-svg\"\r\n             viewBox=\"0 0 700 560\"\r\n             preserveAspectRatio=\"none\">\r\n\r\n          <path class=\"kp-path path-a\"\r\n                d=\"M30 85 C180 85 180 250 350 280 C520 310 510 470 675 470\"\/>\r\n\r\n          <path class=\"kp-path path-b\"\r\n                d=\"M30 470 C180 470 180 310 350 280 C520 250 520 85 675 85\"\/>\r\n\r\n          <path class=\"kp-path path-c\"\r\n                d=\"M130 20 C190 120 170 210 350 280\"\/>\r\n\r\n        <\/svg>\r\n\r\n\r\n        <!-- left endpoint -->\r\n        <div class=\"kp-endpoint endpoint-person\">\r\n          <span class=\"kp-endpoint-dot\"><\/span>\r\n          <div>\r\n            <strong>People<\/strong>\r\n            <small>\u0627\u0641\u0631\u0627\u062f<\/small>\r\n          <\/div>\r\n        <\/div>\r\n\r\n\r\n        <!-- right endpoint -->\r\n        <div class=\"kp-endpoint endpoint-business\">\r\n          <span class=\"kp-endpoint-dot\"><\/span>\r\n          <div>\r\n            <strong>Business<\/strong>\r\n            <small>\u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631\u0647\u0627<\/small>\r\n          <\/div>\r\n        <\/div>\r\n\r\n\r\n        <!-- central connection -->\r\n        <div class=\"kp-connection\">\r\n\r\n          <div class=\"kp-connection-pulse\"><\/div>\r\n\r\n          <div class=\"kp-connection-core\">\r\n            <span class=\"kp-core-symbol\">K<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"kp-connection-text\">\r\n            <strong>KARPIRA<\/strong>\r\n            <span>THE CONNECTION<\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- floating words -->\r\n        <span class=\"kp-word word-1\">CAREER<\/span>\r\n        <span class=\"kp-word word-2\">TALENT<\/span>\r\n        <span class=\"kp-word word-3\">HR<\/span>\r\n\r\n\r\n        <!-- floating dots -->\r\n        <span class=\"kp-art-dot dot-a\"><\/span>\r\n        <span class=\"kp-art-dot dot-b\"><\/span>\r\n        <span class=\"kp-art-dot dot-c\"><\/span>\r\n        <span class=\"kp-art-dot dot-d\"><\/span>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- BOTTOM STATEMENT -->\r\n    <div class=\"kp-story-bottom\">\r\n\r\n      <div class=\"kp-bottom-line\"><\/div>\r\n\r\n      <span>\r\n        PEOPLE\r\n      <\/span>\r\n\r\n      <i>\u00d7<\/i>\r\n\r\n      <span>\r\n        BUSINESS\r\n      <\/span>\r\n\r\n      <i>\u00d7<\/i>\r\n\r\n      <strong>\r\n        KARPIRA\r\n      <\/strong>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =====================================================\r\n   KARPIRA \u2014 STORY SECTION\r\n   ===================================================== *\/\r\n\r\n.kp-story{\r\n  width:100%;\r\n  position:relative;\r\n  overflow:hidden;\r\n  background:#fff;\r\n  font-family:inherit;\r\n  color:#101828;\r\n}\r\n\r\n.kp-story *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.kp-story-inner{\r\n  max-width:1240px;\r\n  margin:0 auto;\r\n  padding:105px 35px 80px;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   LABEL\r\n   ===================================================== *\/\r\n\r\n.kp-story-label{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:10px;\r\n\r\n  color:#667085;\r\n  font-size:10px;\r\n  font-weight:700;\r\n  letter-spacing:2px;\r\n}\r\n\r\n.kp-story-label-line{\r\n  width:28px;\r\n  height:2px;\r\n  background:#00A7BA;\r\n  border-radius:20px;\r\n}\r\n\r\n.kp-story-label-number{\r\n  margin-left:auto;\r\n  color:#c7ced8;\r\n  font-size:11px;\r\n  letter-spacing:1px;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   MAIN GRID\r\n   ===================================================== *\/\r\n\r\n.kp-story-grid{\r\n  display:grid;\r\n  grid-template-columns:42% 58%;\r\n  align-items:center;\r\n  margin-top:55px;\r\n  min-height:500px;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   COPY\r\n   ===================================================== *\/\r\n\r\n.kp-story-copy{\r\n  position:relative;\r\n  z-index:5;\r\n  padding-right:50px;\r\n}\r\n\r\n.kp-story-copy h2{\r\n  margin:0;\r\n\r\n  font-size:clamp(40px,4.5vw,64px);\r\n  line-height:1.18;\r\n  letter-spacing:-2.5px;\r\n  font-weight:750;\r\n}\r\n\r\n.kp-story-copy h2 em{\r\n  font-style:normal;\r\n  color:#00A7BA;\r\n}\r\n\r\n.kp-story-copy p{\r\n  max-width:440px;\r\n  margin:30px 0 0;\r\n\r\n  color:#667085;\r\n  font-size:15px;\r\n  line-height:2.15;\r\n}\r\n\r\n.kp-story-signature{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:10px;\r\n\r\n  margin-top:34px;\r\n\r\n  color:#98a2b3;\r\n  font-size:9px;\r\n  letter-spacing:1.3px;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.kp-story-signature-dot{\r\n  width:6px;\r\n  height:6px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#00A7BA;\r\n\r\n  box-shadow:\r\n    0 0 0 5px rgba(0,167,186,.07);\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   ART\r\n   ===================================================== *\/\r\n\r\n.kp-story-art{\r\n  position:relative;\r\n\r\n  width:100%;\r\n  height:530px;\r\n\r\n  overflow:hidden;\r\n}\r\n\r\n\r\n\/* subtle grid *\/\r\n\r\n.kp-art-grid{\r\n  position:absolute;\r\n  inset:25px 10px;\r\n\r\n  opacity:.55;\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:45px 45px;\r\n\r\n  mask-image:linear-gradient(\r\n    to right,\r\n    transparent,\r\n    black 18%,\r\n    black 82%,\r\n    transparent\r\n  );\r\n}\r\n\r\n\r\n\/* soft glow *\/\r\n\r\n.kp-story-art:after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:310px;\r\n  height:310px;\r\n\r\n  left:50%;\r\n  top:50%;\r\n\r\n  transform:translate(-50%,-50%);\r\n\r\n  border-radius:50%;\r\n\r\n  background:rgba(0,167,186,.035);\r\n\r\n  filter:blur(8px);\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   SVG CONNECTIONS\r\n   ===================================================== *\/\r\n\r\n.kp-art-svg{\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  width:100%;\r\n  height:100%;\r\n\r\n  overflow:visible;\r\n\r\n  z-index:2;\r\n}\r\n\r\n.kp-path{\r\n  fill:none;\r\n\r\n  stroke:#D9F2F4;\r\n\r\n  stroke-width:1.4;\r\n\r\n  stroke-linecap:round;\r\n\r\n  stroke-dasharray:6 8;\r\n\r\n  transition:\r\n    stroke .5s ease,\r\n    stroke-width .5s ease;\r\n}\r\n\r\n.kp-path.path-a{\r\n  stroke:#C7ECEF;\r\n}\r\n\r\n.kp-path.path-b{\r\n  stroke:#E5F3F5;\r\n}\r\n\r\n.kp-path.path-c{\r\n  stroke:#F0F8F9;\r\n  stroke-dasharray:2 8;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   ENDPOINTS\r\n   ===================================================== *\/\r\n\r\n.kp-endpoint{\r\n  position:absolute;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  gap:9px;\r\n\r\n  padding:10px 13px;\r\n\r\n  background:rgba(255,255,255,.9);\r\n\r\n  border:1px solid #edf2f7;\r\n\r\n  border-radius:11px;\r\n\r\n  box-shadow:\r\n    0 10px 30px rgba(16,24,40,.045);\r\n\r\n  z-index:5;\r\n\r\n  transition:\r\n    transform .35s ease,\r\n    box-shadow .35s ease;\r\n}\r\n\r\n.kp-endpoint:hover{\r\n  transform:translateY(-4px);\r\n\r\n  box-shadow:\r\n    0 15px 35px rgba(0,167,186,.09);\r\n}\r\n\r\n.kp-endpoint-dot{\r\n  width:8px;\r\n  height:8px;\r\n\r\n  flex-shrink:0;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#00A7BA;\r\n\r\n  box-shadow:\r\n    0 0 0 5px rgba(0,167,186,.06);\r\n}\r\n\r\n.kp-endpoint strong{\r\n  display:block;\r\n\r\n  font-size:11px;\r\n  font-weight:700;\r\n\r\n  color:#344054;\r\n}\r\n\r\n.kp-endpoint small{\r\n  display:block;\r\n\r\n  margin-top:2px;\r\n\r\n  font-size:8px;\r\n\r\n  color:#98a2b3;\r\n}\r\n\r\n.endpoint-person{\r\n  left:15px;\r\n  top:54px;\r\n}\r\n\r\n.endpoint-business{\r\n  right:12px;\r\n  bottom:55px;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   CENTER CONNECTION\r\n   ===================================================== *\/\r\n\r\n.kp-connection{\r\n  position:absolute;\r\n\r\n  left:50%;\r\n  top:50%;\r\n\r\n  transform:translate(-50%,-50%);\r\n\r\n  width:150px;\r\n  height:150px;\r\n\r\n  z-index:6;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n}\r\n\r\n.kp-connection-core{\r\n  position:absolute;\r\n\r\n  width:92px;\r\n  height:92px;\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\r\n  border:1px solid #D5EFF1;\r\n\r\n  box-shadow:\r\n    0 20px 55px rgba(16,24,40,.09),\r\n    0 0 0 14px rgba(22,119,255,.025);\r\n\r\n  z-index:3;\r\n}\r\n\r\n.kp-core-symbol{\r\n  width:45px;\r\n  height:45px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  border-radius:14px;\r\n\r\n  background:#EAF8F9;\r\n\r\n  color:#00A7BA;\r\n\r\n  font-size:19px;\r\n  font-weight:800;\r\n\r\n  box-shadow:\r\n    inset 0 0 0 1px rgba(0,167,186,.04);\r\n}\r\n\r\n.kp-connection-pulse{\r\n  position:absolute;\r\n\r\n  width:125px;\r\n  height:125px;\r\n\r\n  border-radius:50%;\r\n\r\n  border:1px solid rgba(0,167,186,.09);\r\n\r\n  animation:kpPulse 3s ease-in-out infinite;\r\n}\r\n\r\n.kp-connection-text{\r\n  position:absolute;\r\n\r\n  top:108px;\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n\r\n  align-items:center;\r\n\r\n  white-space:nowrap;\r\n}\r\n\r\n.kp-connection-text strong{\r\n  color:#00A7BA;\r\n\r\n  font-size:10px;\r\n  letter-spacing:1.5px;\r\n}\r\n\r\n.kp-connection-text span{\r\n  margin-top:4px;\r\n\r\n  color:#b0b8c4;\r\n\r\n  font-size:6px;\r\n  letter-spacing:1.5px;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   FLOATING WORDS\r\n   ===================================================== *\/\r\n\r\n.kp-word{\r\n  position:absolute;\r\n\r\n  color:#d7e0eb;\r\n\r\n  font-size:9px;\r\n  font-weight:700;\r\n\r\n  letter-spacing:2.5px;\r\n\r\n  z-index:1;\r\n\r\n  user-select:none;\r\n}\r\n\r\n.word-1{\r\n  left:27%;\r\n  top:21%;\r\n}\r\n\r\n.word-2{\r\n  right:25%;\r\n  top:67%;\r\n}\r\n\r\n.word-3{\r\n  left:42%;\r\n  bottom:8%;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   DOTS\r\n   ===================================================== *\/\r\n\r\n.kp-art-dot{\r\n  position:absolute;\r\n\r\n  width:5px;\r\n  height:5px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#00A7BA;\r\n\r\n  opacity:.4;\r\n\r\n  z-index:4;\r\n}\r\n\r\n.dot-a{\r\n  left:22%;\r\n  top:39%;\r\n}\r\n\r\n.dot-b{\r\n  right:20%;\r\n  top:30%;\r\n}\r\n\r\n.dot-c{\r\n  left:31%;\r\n  bottom:17%;\r\n}\r\n\r\n.dot-d{\r\n  right:31%;\r\n  bottom:24%;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   BOTTOM\r\n   ===================================================== *\/\r\n\r\n.kp-story-bottom{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:15px;\r\n\r\n  margin-top:20px;\r\n\r\n  color:#b0b8c4;\r\n\r\n  font-size:8px;\r\n  font-weight:600;\r\n\r\n  letter-spacing:2px;\r\n}\r\n\r\n.kp-story-bottom i{\r\n  font-style:normal;\r\n  color:#d4dce6;\r\n}\r\n\r\n.kp-story-bottom strong{\r\n  color:#00A7BA;\r\n}\r\n\r\n.kp-bottom-line{\r\n  width:65px;\r\n  height:1px;\r\n\r\n  margin-right:3px;\r\n\r\n  background:#D9EEF0;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   ANIMATION\r\n   ===================================================== *\/\r\n\r\n@keyframes kpPulse{\r\n\r\n  0%,100%{\r\n    transform:scale(.92);\r\n    opacity:.45;\r\n  }\r\n\r\n  50%{\r\n    transform:scale(1.05);\r\n    opacity:1;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   RESPONSIVE\r\n   ===================================================== *\/\r\n\r\n@media(max-width:950px){\r\n\r\n  .kp-story-inner{\r\n    padding:85px 28px 65px;\r\n  }\r\n\r\n  .kp-story-grid{\r\n    grid-template-columns:1fr;\r\n    margin-top:45px;\r\n  }\r\n\r\n  .kp-story-copy{\r\n    padding-right:0;\r\n    text-align:center;\r\n  }\r\n\r\n  .kp-story-copy p{\r\n    margin-left:auto;\r\n    margin-right:auto;\r\n  }\r\n\r\n  .kp-story-signature{\r\n    justify-content:center;\r\n  }\r\n\r\n  .kp-story-art{\r\n    margin-top:30px;\r\n    height:470px;\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(max-width:600px){\r\n\r\n  .kp-story-inner{\r\n    padding:70px 18px 50px;\r\n  }\r\n\r\n  .kp-story-copy h2{\r\n    font-size:36px;\r\n    letter-spacing:-1.5px;\r\n  }\r\n\r\n  .kp-story-copy p{\r\n    font-size:13px;\r\n  }\r\n\r\n  .kp-story-art{\r\n    height:390px;\r\n    margin-top:15px;\r\n  }\r\n\r\n  .kp-art-grid{\r\n    background-size:32px 32px;\r\n  }\r\n\r\n  .orbit-1{\r\n    width:280px;\r\n    height:280px;\r\n  }\r\n\r\n  .kp-endpoint{\r\n    padding:8px 10px;\r\n  }\r\n\r\n  .endpoint-person{\r\n    left:0;\r\n    top:40px;\r\n  }\r\n\r\n  .endpoint-business{\r\n    right:0;\r\n    bottom:40px;\r\n  }\r\n\r\n  .kp-connection{\r\n    transform:translate(-50%,-50%) scale(.85);\r\n  }\r\n\r\n  .word-1{\r\n    left:18%;\r\n  }\r\n\r\n  .word-2{\r\n    right:15%;\r\n  }\r\n\r\n  .kp-story-bottom{\r\n    justify-content:center;\r\n    flex-wrap:wrap;\r\n    gap:10px;\r\n  }\r\n\r\n  .kp-bottom-line{\r\n    display:none;\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  const section = document.querySelector('.kp-story');\r\n  const art = section?.querySelector('.kp-story-art');\r\n  const connection = section?.querySelector('.kp-connection');\r\n  const dots = section?.querySelectorAll('.kp-art-dot');\r\n\r\n  if(!section || !art) return;\r\n\r\n  art.addEventListener('mousemove', function(e){\r\n\r\n    const rect = art.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    if(connection){\r\n\r\n      connection.style.transform =\r\n        `translate(calc(-50% + ${x * 8}px),\r\n        calc(-50% + ${y * 8}px))`;\r\n\r\n    }\r\n\r\n    if(dots){\r\n\r\n      dots.forEach(function(dot,index){\r\n\r\n        const amount = (index + 1) * 3;\r\n\r\n        dot.style.transform =\r\n          `translate(${x * amount}px,${y * amount}px)`;\r\n\r\n      });\r\n\r\n    }\r\n\r\n  });\r\n\r\n\r\n  art.addEventListener('mouseleave', function(){\r\n\r\n    if(connection){\r\n\r\n      connection.style.transform =\r\n        'translate(-50%,-50%)';\r\n\r\n    }\r\n\r\n    if(dots){\r\n\r\n      dots.forEach(function(dot){\r\n        dot.style.transform='translate(0,0)';\r\n      });\r\n\r\n    }\r\n\r\n  });\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-52bcdae e-flex e-con-boxed e-con e-parent\" data-id=\"52bcdae\" 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-fb9cd5a elementor-widget elementor-widget-html\" data-id=\"fb9cd5a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"kp-services-orbit\">\r\n\r\n  <div class=\"kp-so-inner\">\r\n\r\n    <div class=\"kp-so-label\">\r\n      <span><\/span>\r\n      <b>02<\/b>\r\n      <em>\u00b7<\/em>\r\n      <strong>SERVICES<\/strong>\r\n    <\/div>\r\n\r\n    <div class=\"kp-so-heading\">\r\n\r\n      <h2>\r\n        \u062e\u062f\u0645\u0627\u062a\u06cc \u0628\u0631\u0627\u06cc \u0633\u0627\u062e\u062a\u0646\r\n        <span>\u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0647\u062a\u0631<\/span>\r\n      <\/h2>\r\n\r\n      <p>\r\n        \u06a9\u0627\u0631\u06cc\u0627\u0628\u06cc \u062f\u0627\u062e\u0644\u06cc \u06a9\u0627\u0631\u067e\u06cc\u0631\u0627\u060c \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0627\u06cc \u0627\u0632 \u062e\u062f\u0645\u0627\u062a \u062a\u062e\u0635\u0635\u06cc \u062d\u0648\u0632\u0647 \u06a9\u0627\u0631 \u0648 \u062a\u0623\u0645\u06cc\u0646 \u0627\u062c\u062a\u0645\u0627\u0639\u06cc \u0631\u0627\r\n        \u0628\u0631\u0627\u06cc \u062a\u0633\u0647\u06cc\u0644 \u0627\u0645\u0648\u0631 \u0634\u063a\u0644\u06cc \u0648 \u0627\u062f\u0627\u0631\u06cc \u0627\u0641\u0631\u0627\u062f \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"kp-so-stage\">\r\n\r\n      <div class=\"kp-so-grid\"><\/div>\r\n\r\n      <div class=\"kp-so-orbit kp-so-orbit-one\"><\/div>\r\n      <div class=\"kp-so-orbit kp-so-orbit-two\"><\/div>\r\n\r\n\r\n      <svg class=\"kp-so-lines\"\r\n           viewBox=\"0 0 1000 520\"\r\n           preserveAspectRatio=\"none\">\r\n\r\n        <line x1=\"500\" y1=\"260\" x2=\"150\" y2=\"75\"\/>\r\n        <line x1=\"500\" y1=\"260\" x2=\"850\" y2=\"75\"\/>\r\n        <line x1=\"500\" y1=\"260\" x2=\"150\" y2=\"445\"\/>\r\n        <line x1=\"500\" y1=\"260\" x2=\"850\" y2=\"445\"\/>\r\n        <line x1=\"500\" y1=\"260\" x2=\"500\" y2=\"55\"\/>\r\n\r\n        <circle cx=\"150\" cy=\"75\" r=\"3\"\/>\r\n        <circle cx=\"850\" cy=\"75\" r=\"3\"\/>\r\n        <circle cx=\"150\" cy=\"445\" r=\"3\"\/>\r\n        <circle cx=\"850\" cy=\"445\" r=\"3\"\/>\r\n        <circle cx=\"500\" cy=\"55\" r=\"3\"\/>\r\n\r\n      <\/svg>\r\n\r\n\r\n      <!-- =========================================\r\n           SERVICE 01\r\n      ========================================== -->\r\n\r\n      <div class=\"kp-so-service kp-so-s1 active\">\r\n\r\n        <span class=\"kp-so-index\">01<\/span>\r\n\r\n        <div class=\"kp-so-service-icon kp-so-icon-job\">\r\n          <i><\/i>\r\n        <\/div>\r\n\r\n        <div class=\"kp-so-service-text\">\r\n\r\n          <span>CAREER<\/span>\r\n\r\n          <h3>\u06a9\u0627\u0631\u06cc\u0627\u0628\u06cc<\/h3>\r\n\r\n          <p>\r\n            \u0645\u0639\u0631\u0641\u06cc \u0641\u0631\u0635\u062a\u200c\u0647\u0627\u06cc \u0634\u063a\u0644\u06cc \u0645\u062a\u0646\u0627\u0633\u0628 \u0628\u0627 \u062a\u0648\u0627\u0646\u0645\u0646\u062f\u06cc\u060c\r\n            \u062a\u062c\u0631\u0628\u0647 \u0648 \u0634\u0631\u0627\u06cc\u0637 \u0627\u0641\u0631\u0627\u062f.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- =========================================\r\n           SERVICE 02\r\n      ========================================== -->\r\n\r\n      <div class=\"kp-so-service kp-so-s2\">\r\n\r\n        <span class=\"kp-so-index\">02<\/span>\r\n\r\n        <div class=\"kp-so-service-icon kp-so-icon-insurance\">\r\n          <i><\/i>\r\n        <\/div>\r\n\r\n        <div class=\"kp-so-service-text\">\r\n\r\n          <span>INSURANCE<\/span>\r\n\r\n          <h3>\u062b\u0628\u062a \u0628\u06cc\u0645\u0647 \u0628\u06cc\u06a9\u0627\u0631\u06cc<\/h3>\r\n\r\n          <p>\r\n            \u0631\u0627\u0647\u0646\u0645\u0627\u06cc\u06cc \u0648 \u0627\u0646\u062c\u0627\u0645 \u0645\u0631\u0627\u062d\u0644 \u062b\u0628\u062a \u062f\u0631\u062e\u0648\u0627\u0633\u062a\r\n            \u0628\u06cc\u0645\u0647 \u0628\u06cc\u06a9\u0627\u0631\u06cc.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- =========================================\r\n           SERVICE 03\r\n      ========================================== -->\r\n\r\n      <div class=\"kp-so-service kp-so-s3\">\r\n\r\n        <span class=\"kp-so-index\">03<\/span>\r\n\r\n        <div class=\"kp-so-service-icon kp-so-icon-complaint\">\r\n          <i><\/i>\r\n          <i><\/i>\r\n        <\/div>\r\n\r\n        <div class=\"kp-so-service-text\">\r\n\r\n          <span>LABOR RIGHTS<\/span>\r\n\r\n          <h3>\u062b\u0628\u062a \u0634\u06a9\u0627\u06cc\u062a \u0627\u0632 \u06a9\u0627\u0631\u0641\u0631\u0645\u0627<\/h3>\r\n\r\n          <p>\r\n            \u062b\u0628\u062a \u0648 \u067e\u06cc\u06af\u06cc\u0631\u06cc \u0634\u06a9\u0627\u06cc\u0627\u062a \u0645\u0631\u062a\u0628\u0637 \u0628\u0627\r\n            \u062d\u0642\u0648\u0642 \u0648 \u0645\u0633\u0627\u0626\u0644 \u06a9\u0627\u0631\u06cc.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- =========================================\r\n           SERVICE 04\r\n      ========================================== -->\r\n\r\n      <div class=\"kp-so-service kp-so-s4\">\r\n\r\n        <span class=\"kp-so-index\">04<\/span>\r\n\r\n        <div class=\"kp-so-service-icon kp-so-icon-hardwork\">\r\n          <i><\/i>\r\n        <\/div>\r\n\r\n        <div class=\"kp-so-service-text\">\r\n\r\n          <span>WORK CONDITIONS<\/span>\r\n\r\n          <h3>\u062b\u0628\u062a \u0645\u0634\u0627\u063a\u0644 \u0633\u062e\u062a \u0648 \u0632\u06cc\u0627\u0646\u200c\u0622\u0648\u0631<\/h3>\r\n\r\n          <p>\r\n            \u0631\u0627\u0647\u0646\u0645\u0627\u06cc\u06cc \u0648 \u067e\u06cc\u06af\u06cc\u0631\u06cc \u0641\u0631\u0622\u06cc\u0646\u062f \u062b\u0628\u062a \u0633\u0648\u0627\u0628\u0642\r\n            \u0645\u0634\u0627\u063a\u0644 \u0633\u062e\u062a \u0648 \u0632\u06cc\u0627\u0646\u200c\u0622\u0648\u0631.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- =========================================\r\n           SERVICE 05\r\n      ========================================== -->\r\n\r\n      <div class=\"kp-so-service kp-so-s5\">\r\n\r\n        <span class=\"kp-so-index\">05<\/span>\r\n\r\n        <div class=\"kp-so-service-icon kp-so-icon-document\">\r\n          <i><\/i>\r\n        <\/div>\r\n\r\n        <div class=\"kp-so-service-text\">\r\n\r\n          <span>DOCUMENT RELEASE<\/span>\r\n\r\n          <h3>\u0622\u0632\u0627\u062f\u0633\u0627\u0632\u06cc \u0645\u062f\u0631\u06a9 \u062a\u062d\u0635\u06cc\u0644\u06cc<\/h3>\r\n\r\n          <p>\r\n            \u0631\u0627\u0647\u0646\u0645\u0627\u06cc\u06cc \u0648 \u067e\u06cc\u06af\u06cc\u0631\u06cc \u0645\u0631\u0627\u062d\u0644 \u0622\u0632\u0627\u062f\u0633\u0627\u0632\u06cc\r\n            \u0645\u062f\u0627\u0631\u06a9 \u062a\u062d\u0635\u06cc\u0644\u06cc.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- =========================================\r\n           CENTER\r\n      ========================================== -->\r\n\r\n      <div class=\"kp-so-center\">\r\n\r\n        <div class=\"kp-so-center-ring\"><\/div>\r\n\r\n        <div class=\"kp-so-center-core\">\r\n          <span>K<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"kp-so-center-label\">\r\n          <small>KARPIRA<\/small>\r\n          <strong>SERVICES<\/strong>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"kp-so-bottom\">\r\n\r\n        <span><\/span>\r\n\r\n        <p>\r\n          CAREER \u00b7 INSURANCE \u00b7 LABOR \u00b7 DOCUMENTS\r\n        <\/p>\r\n\r\n        <span><\/span>\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\/* =========================================\r\n   BASE\r\n========================================= *\/\r\n\r\n.kp-services-orbit {\r\n\r\n  width:100%;\r\n  padding:125px 0 130px;\r\n  background:#fff;\r\n  color:#101828;\r\n  font-family:inherit;\r\n  overflow:hidden;\r\n}\r\n\r\n\r\n.kp-services-orbit *,\r\n.kp-services-orbit *::before,\r\n.kp-services-orbit *::after {\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n.kp-so-inner {\r\n  width:min(1180px,calc(100% - 50px));\r\n  margin:auto;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   LABEL\r\n========================================= *\/\r\n\r\n.kp-so-label {\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  margin-bottom:27px;\r\n  font-size:9px;\r\n  letter-spacing:2px;\r\n  color:#98a2b3;\r\n}\r\n\r\n\r\n.kp-so-label > span:first-child {\r\n\r\n  width:27px;\r\n  height:1px;\r\n  margin-right:3px;\r\n  background:#00A7BA;\r\n}\r\n\r\n\r\n.kp-so-label b {\r\n\r\n  font-weight:700;\r\n  color:#00A7BA;\r\n}\r\n\r\n\r\n.kp-so-label em {\r\n\r\n  font-style:normal;\r\n}\r\n\r\n\r\n.kp-so-label strong {\r\n\r\n  font-weight:700;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   HEADING\r\n========================================= *\/\r\n\r\n.kp-so-heading {\r\n\r\n  max-width:730px;\r\n  margin-bottom:72px;\r\n  direction:rtl;\r\n  text-align:right;\r\n}\r\n\r\n\r\n.kp-so-heading h2 {\r\n\r\n  margin:0;\r\n  font-size:clamp(38px,4.4vw,56px);\r\n  line-height:1.18;\r\n  letter-spacing:-2.2px;\r\n  font-weight:700;\r\n  color:#101828;\r\n}\r\n\r\n\r\n.kp-so-heading h2 span {\r\n\r\n  color:#00A7BA;\r\n}\r\n\r\n\r\n.kp-so-heading p {\r\n\r\n  max-width:570px;\r\n  margin:21px 0 0 auto;\r\n  font-size:14px;\r\n  line-height:2;\r\n  color:#667085;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   STAGE\r\n========================================= *\/\r\n\r\n.kp-so-stage {\r\n\r\n  position:relative;\r\n  height:570px;\r\n  border-top:1px solid #edf0f4;\r\n  border-bottom:1px solid #edf0f4;\r\n  overflow:hidden;\r\n  isolation:isolate;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   GRID\r\n========================================= *\/\r\n\r\n.kp-so-grid {\r\n\r\n  position:absolute;\r\n  inset:0;\r\n\r\n  background-image:\r\n    linear-gradient(\r\n      rgba(0,167,186,.035) 1px,\r\n      transparent 1px\r\n    ),\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(0,167,186,.035) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n  background-size:52px 52px;\r\n\r\n  mask-image:\r\n    linear-gradient(\r\n      to bottom,\r\n      transparent,\r\n      #000 18%,\r\n      #000 82%,\r\n      transparent\r\n    );\r\n\r\n  z-index:-3;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   ORBITS\r\n========================================= *\/\r\n\r\n.kp-so-orbit {\r\n\r\n  position:absolute;\r\n  left:50%;\r\n  top:50%;\r\n\r\n  border:1px solid rgba(0,167,186,.09);\r\n  border-radius:50%;\r\n\r\n  transform:translate(-50%,-50%);\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n\r\n.kp-so-orbit-one {\r\n\r\n  width:390px;\r\n  height:390px;\r\n}\r\n\r\n\r\n.kp-so-orbit-two {\r\n\r\n  width:670px;\r\n  height:670px;\r\n  border-color:rgba(16,24,40,.055);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   LINES\r\n========================================= *\/\r\n\r\n.kp-so-lines {\r\n\r\n  position:absolute;\r\n  inset:0;\r\n  width:100%;\r\n  height:100%;\r\n  overflow:visible;\r\n  z-index:-1;\r\n  pointer-events:none;\r\n}\r\n\r\n\r\n.kp-so-lines line {\r\n\r\n  stroke:#dfe6ee;\r\n  stroke-width:1;\r\n  stroke-dasharray:3 7;\r\n\r\n  transition:\r\n    stroke .4s ease,\r\n    stroke-width .4s ease;\r\n}\r\n\r\n\r\n.kp-so-lines circle {\r\n\r\n  fill:#cbd5df;\r\n\r\n  transition:\r\n    fill .4s ease,\r\n    r .4s ease;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CENTER\r\n========================================= *\/\r\n\r\n.kp-so-center {\r\n\r\n  position:absolute;\r\n  left:50%;\r\n  top:50%;\r\n\r\n  width:150px;\r\n  height:150px;\r\n\r\n  transform:translate(-50%,-50%);\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n}\r\n\r\n\r\n.kp-so-center-ring {\r\n\r\n  position:absolute;\r\n  inset:0;\r\n\r\n  border:1px solid rgba(0,167,186,.16);\r\n  border-radius:50%;\r\n\r\n  animation:kpSoPulse 4s ease-in-out infinite;\r\n}\r\n\r\n\r\n.kp-so-center-ring::before {\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n  inset:10px;\r\n\r\n  border:1px dashed rgba(0,167,186,.12);\r\n  border-radius:50%;\r\n}\r\n\r\n\r\n.kp-so-center-core {\r\n\r\n  position:relative;\r\n\r\n  width:64px;\r\n  height:64px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  border-radius:18px;\r\n\r\n  background:#fff;\r\n  border:1px solid #dce5ee;\r\n\r\n  box-shadow:\r\n    0 15px 40px rgba(16,24,40,.07),\r\n    0 0 0 8px rgba(0,167,186,.025);\r\n\r\n  z-index:2;\r\n}\r\n\r\n\r\n.kp-so-center-core span {\r\n\r\n  font-size:26px;\r\n  font-weight:750;\r\n  color:#00A7BA;\r\n  letter-spacing:-2px;\r\n}\r\n\r\n\r\n.kp-so-center-label {\r\n\r\n  position:absolute;\r\n\r\n  left:50%;\r\n  top:calc(100% + 15px);\r\n\r\n  transform:translateX(-50%);\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:center;\r\n\r\n  white-space:nowrap;\r\n  line-height:1;\r\n}\r\n\r\n\r\n.kp-so-center-label small {\r\n\r\n  font-size:8px;\r\n  font-weight:700;\r\n  letter-spacing:2px;\r\n  color:#98a2b3;\r\n}\r\n\r\n\r\n.kp-so-center-label strong {\r\n\r\n  margin-top:6px;\r\n\r\n  font-size:8px;\r\n  font-weight:700;\r\n  letter-spacing:2.2px;\r\n  color:#00A7BA;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SERVICES\r\n========================================= *\/\r\n\r\n.kp-so-service {\r\n\r\n  position:absolute;\r\n\r\n  width:315px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:54px 1fr;\r\n\r\n  column-gap:17px;\r\n\r\n  cursor:pointer;\r\n\r\n  direction:ltr;\r\n\r\n  transition:\r\n    transform .5s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n\r\n\/* POSITIONS *\/\r\n\r\n.kp-so-s1 {\r\n  left:5%;\r\n  top:48px;\r\n}\r\n\r\n\r\n.kp-so-s2 {\r\n  right:5%;\r\n  top:48px;\r\n}\r\n\r\n\r\n.kp-so-s3 {\r\n  left:5%;\r\n  bottom:48px;\r\n}\r\n\r\n\r\n.kp-so-s4 {\r\n  right:5%;\r\n  bottom:48px;\r\n}\r\n\r\n\r\n\/* SERVICE 05 \u2014 TOP CENTER *\/\r\n\r\n.kp-so-s5 {\r\n\r\n  left:50%;\r\n  top:25px;\r\n\r\n  width:270px;\r\n\r\n  transform:translateX(-50%);\r\n\r\n  grid-template-columns:54px 1fr;\r\n}\r\n\r\n\r\n.kp-so-s5:hover {\r\n\r\n  transform:\r\n    translateX(-50%)\r\n    translateY(-5px);\r\n}\r\n\r\n\r\n\/* INDEX *\/\r\n\r\n.kp-so-index {\r\n\r\n  position:absolute;\r\n\r\n  left:-24px;\r\n  top:4px;\r\n\r\n  font-size:8px;\r\n  font-weight:700;\r\n  letter-spacing:1.5px;\r\n\r\n  color:#b0bac6;\r\n\r\n  transition:color .3s ease;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   ICON\r\n========================================= *\/\r\n\r\n.kp-so-service-icon {\r\n\r\n  position:relative;\r\n\r\n  width:54px;\r\n  height:54px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  border:1px solid #dfe6ed;\r\n\r\n  background:rgba(255,255,255,.92);\r\n\r\n  border-radius:16px;\r\n\r\n  transition:\r\n    border-color .4s ease,\r\n    transform .5s cubic-bezier(.22,1,.36,1),\r\n    box-shadow .4s ease;\r\n}\r\n\r\n\r\n.kp-so-service:hover .kp-so-service-icon,\r\n.kp-so-service.active .kp-so-service-icon {\r\n\r\n  border-color:rgba(0,167,186,.4);\r\n\r\n  transform:translateY(-4px);\r\n\r\n  box-shadow:\r\n    0 12px 30px rgba(0,167,186,.09);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   JOB ICON\r\n========================================= *\/\r\n\r\n.kp-so-icon-job::before {\r\n\r\n  content:\"\";\r\n\r\n  width:20px;\r\n  height:15px;\r\n\r\n  border:1.5px solid #98a2b3;\r\n  border-radius:3px;\r\n\r\n  transition:border-color .3s ease;\r\n}\r\n\r\n\r\n.kp-so-icon-job::after {\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:8px;\r\n  height:5px;\r\n\r\n  top:17px;\r\n\r\n  border:1.5px solid #98a2b3;\r\n  border-bottom:0;\r\n\r\n  border-radius:3px 3px 0 0;\r\n\r\n  transition:border-color .3s ease;\r\n}\r\n\r\n\r\n.kp-so-service:hover .kp-so-icon-job::before,\r\n.kp-so-service.active .kp-so-icon-job::before,\r\n.kp-so-service:hover .kp-so-icon-job::after,\r\n.kp-so-service.active .kp-so-icon-job::after {\r\n\r\n  border-color:#00A7BA;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   INSURANCE ICON\r\n========================================= *\/\r\n\r\n.kp-so-icon-insurance {\r\n\r\n  border-radius:50%;\r\n}\r\n\r\n\r\n.kp-so-icon-insurance::before {\r\n\r\n  content:\"\";\r\n\r\n  width:21px;\r\n  height:21px;\r\n\r\n  border:1.5px solid #98a2b3;\r\n  border-radius:50%;\r\n\r\n  transition:border-color .3s ease;\r\n}\r\n\r\n\r\n.kp-so-icon-insurance::after {\r\n\r\n  content:\"+\";\r\n\r\n  position:absolute;\r\n\r\n  font-size:15px;\r\n  font-weight:400;\r\n\r\n  color:#98a2b3;\r\n\r\n  transition:color .3s ease;\r\n}\r\n\r\n\r\n.kp-so-service:hover .kp-so-icon-insurance::before,\r\n.kp-so-service.active .kp-so-icon-insurance::before {\r\n\r\n  border-color:#00A7BA;\r\n}\r\n\r\n\r\n.kp-so-service:hover .kp-so-icon-insurance::after,\r\n.kp-so-service.active .kp-so-icon-insurance::after {\r\n\r\n  color:#00A7BA;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   COMPLAINT ICON\r\n========================================= *\/\r\n\r\n.kp-so-icon-complaint i {\r\n\r\n  position:absolute;\r\n\r\n  width:8px;\r\n  height:8px;\r\n\r\n  border-radius:50%;\r\n\r\n  border:1px solid #98a2b3;\r\n\r\n  transition:border-color .3s ease;\r\n}\r\n\r\n\r\n.kp-so-icon-complaint i:first-child {\r\n\r\n  top:15px;\r\n  left:15px;\r\n}\r\n\r\n\r\n.kp-so-icon-complaint i:last-child {\r\n\r\n  bottom:15px;\r\n  right:15px;\r\n}\r\n\r\n\r\n.kp-so-icon-complaint::after {\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:19px;\r\n  height:1px;\r\n\r\n  background:#d0d8e1;\r\n\r\n  transform:rotate(45deg);\r\n}\r\n\r\n\r\n.kp-so-service:hover .kp-so-icon-complaint i,\r\n.kp-so-service.active .kp-so-icon-complaint i {\r\n\r\n  border-color:#00A7BA;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   HARD WORK ICON\r\n========================================= *\/\r\n\r\n.kp-so-icon-hardwork::before {\r\n\r\n  content:\"\";\r\n\r\n  width:22px;\r\n  height:22px;\r\n\r\n  border:1px solid #98a2b3;\r\n\r\n  transform:rotate(45deg);\r\n\r\n  transition:border-color .3s ease;\r\n}\r\n\r\n\r\n.kp-so-icon-hardwork::after {\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:8px;\r\n  height:8px;\r\n\r\n  border:1px solid #98a2b3;\r\n\r\n  background:#fff;\r\n\r\n  transition:border-color .3s ease;\r\n}\r\n\r\n\r\n.kp-so-service:hover .kp-so-icon-hardwork::before,\r\n.kp-so-service.active .kp-so-icon-hardwork::before,\r\n.kp-so-service:hover .kp-so-icon-hardwork::after,\r\n.kp-so-service.active .kp-so-icon-hardwork::after {\r\n\r\n  border-color:#00A7BA;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   DOCUMENT ICON\r\n========================================= *\/\r\n\r\n.kp-so-icon-document::before {\r\n\r\n  content:\"\";\r\n\r\n  width:19px;\r\n  height:24px;\r\n\r\n  border:1.5px solid #98a2b3;\r\n\r\n  border-radius:3px;\r\n\r\n  transition:border-color .3s ease;\r\n}\r\n\r\n\r\n.kp-so-icon-document::after {\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:10px;\r\n  height:1px;\r\n\r\n  background:#98a2b3;\r\n\r\n  box-shadow:\r\n    0 5px 0 #98a2b3,\r\n    0 10px 0 #98a2b3;\r\n\r\n  transition:background .3s ease;\r\n}\r\n\r\n\r\n.kp-so-service:hover .kp-so-icon-document::before,\r\n.kp-so-service.active .kp-so-icon-document::before {\r\n\r\n  border-color:#00A7BA;\r\n}\r\n\r\n\r\n.kp-so-service:hover .kp-so-icon-document::after,\r\n.kp-so-service.active .kp-so-icon-document::after {\r\n\r\n  background:#00A7BA;\r\n\r\n  box-shadow:\r\n    0 5px 0 #00A7BA,\r\n    0 10px 0 #00A7BA;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SERVICE TEXT\r\n========================================= *\/\r\n\r\n.kp-so-service-text {\r\n\r\n  direction:rtl;\r\n  text-align:right;\r\n}\r\n\r\n\r\n.kp-so-service-text > span {\r\n\r\n  display:block;\r\n\r\n  margin-bottom:7px;\r\n\r\n  font-size:8px;\r\n  font-weight:700;\r\n  letter-spacing:1.5px;\r\n\r\n  color:#a0aab6;\r\n\r\n  transition:color .3s ease;\r\n}\r\n\r\n\r\n.kp-so-service h3 {\r\n\r\n  margin:0;\r\n\r\n  font-size:20px;\r\n\r\n  line-height:1.35;\r\n\r\n  font-weight:650;\r\n\r\n  letter-spacing:-.4px;\r\n\r\n  color:#101828;\r\n\r\n  transition:\r\n    color .35s ease,\r\n    transform .4s ease;\r\n}\r\n\r\n\r\n.kp-so-service p {\r\n\r\n  max-width:235px;\r\n\r\n  margin:9px 0 0;\r\n\r\n  font-size:11px;\r\n\r\n  line-height:1.9;\r\n\r\n  color:#667085;\r\n\r\n  opacity:.65;\r\n\r\n  transition:\r\n    opacity .35s ease,\r\n    transform .4s ease;\r\n}\r\n\r\n\r\n.kp-so-service:hover h3,\r\n.kp-so-service.active h3 {\r\n\r\n  color:#00A7BA;\r\n\r\n  transform:translateX(3px);\r\n}\r\n\r\n\r\n.kp-so-service:hover p,\r\n.kp-so-service.active p {\r\n\r\n  opacity:1;\r\n\r\n  transform:translateX(3px);\r\n}\r\n\r\n\r\n.kp-so-service:hover .kp-so-service-text > span,\r\n.kp-so-service.active .kp-so-service-text > span {\r\n\r\n  color:#00A7BA;\r\n}\r\n\r\n\r\n.kp-so-service:hover .kp-so-index,\r\n.kp-so-service.active .kp-so-index {\r\n\r\n  color:#00A7BA;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BOTTOM\r\n========================================= *\/\r\n\r\n.kp-so-bottom {\r\n\r\n  position:absolute;\r\n\r\n  left:50%;\r\n  bottom:18px;\r\n\r\n  transform:translateX(-50%);\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:12px;\r\n\r\n  white-space:nowrap;\r\n}\r\n\r\n\r\n.kp-so-bottom span {\r\n\r\n  width:18px;\r\n  height:1px;\r\n\r\n  background:#dce3ea;\r\n}\r\n\r\n\r\n.kp-so-bottom p {\r\n\r\n  margin:0;\r\n\r\n  font-size:7px;\r\n\r\n  font-weight:700;\r\n\r\n  letter-spacing:2px;\r\n\r\n  color:#a7b1bc;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   ANIMATION\r\n========================================= *\/\r\n\r\n@keyframes kpSoPulse {\r\n\r\n  0%,100% {\r\n    transform:scale(.96);\r\n    opacity:.65;\r\n  }\r\n\r\n  50% {\r\n    transform:scale(1.04);\r\n    opacity:1;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media(max-width:900px){\r\n\r\n  .kp-services-orbit {\r\n\r\n    padding:100px 0 110px;\r\n  }\r\n\r\n\r\n  .kp-so-inner {\r\n\r\n    width:min(1180px,calc(100% - 40px));\r\n  }\r\n\r\n\r\n  .kp-so-heading {\r\n\r\n    margin-bottom:60px;\r\n  }\r\n\r\n\r\n  .kp-so-stage {\r\n\r\n    height:550px;\r\n  }\r\n\r\n\r\n  .kp-so-service {\r\n\r\n    width:260px;\r\n  }\r\n\r\n\r\n  .kp-so-s1,\r\n  .kp-so-s3 {\r\n\r\n    left:2%;\r\n  }\r\n\r\n\r\n  .kp-so-s2,\r\n  .kp-so-s4 {\r\n\r\n    right:2%;\r\n  }\r\n\r\n\r\n  .kp-so-s5 {\r\n\r\n    width:240px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media(max-width:650px){\r\n\r\n  .kp-services-orbit {\r\n\r\n    padding:80px 0 90px;\r\n  }\r\n\r\n\r\n  .kp-so-inner {\r\n\r\n    width:calc(100% - 32px);\r\n  }\r\n\r\n\r\n  .kp-so-label {\r\n\r\n    margin-bottom:25px;\r\n\r\n    font-size:8px;\r\n  }\r\n\r\n\r\n  .kp-so-heading {\r\n\r\n    max-width:100%;\r\n\r\n    margin-bottom:45px;\r\n\r\n    text-align:right;\r\n  }\r\n\r\n\r\n  .kp-so-heading h2 {\r\n\r\n    font-size:37px;\r\n\r\n    line-height:1.25;\r\n\r\n    letter-spacing:-1.5px;\r\n  }\r\n\r\n\r\n  .kp-so-heading p {\r\n\r\n    max-width:100%;\r\n\r\n    margin:18px 0 0 auto;\r\n\r\n    font-size:13px;\r\n  }\r\n\r\n\r\n  \/* STAGE *\/\r\n\r\n  .kp-so-stage {\r\n\r\n    height:auto;\r\n\r\n    min-height:780px;\r\n\r\n    padding:0;\r\n\r\n  }\r\n\r\n\r\n  .kp-so-grid {\r\n\r\n    background-size:38px 38px;\r\n  }\r\n\r\n\r\n  .kp-so-orbit-one {\r\n\r\n    width:240px;\r\n\r\n    height:240px;\r\n  }\r\n\r\n\r\n  .kp-so-orbit-two {\r\n\r\n    width:430px;\r\n\r\n    height:430px;\r\n  }\r\n\r\n\r\n  .kp-so-lines {\r\n\r\n    display:none;\r\n  }\r\n\r\n\r\n  \/* CENTER *\/\r\n\r\n  .kp-so-center {\r\n\r\n    top:51%;\r\n\r\n    width:110px;\r\n\r\n    height:110px;\r\n  }\r\n\r\n\r\n  .kp-so-center-core {\r\n\r\n    width:52px;\r\n\r\n    height:52px;\r\n\r\n    border-radius:14px;\r\n  }\r\n\r\n\r\n  .kp-so-center-core span {\r\n\r\n    font-size:21px;\r\n  }\r\n\r\n\r\n  \/* SERVICES *\/\r\n\r\n  .kp-so-service {\r\n\r\n    width:145px;\r\n\r\n    display:block;\r\n  }\r\n\r\n\r\n  .kp-so-s1 {\r\n\r\n    left:4px;\r\n\r\n    top:30px;\r\n  }\r\n\r\n\r\n  .kp-so-s2 {\r\n\r\n    right:4px;\r\n\r\n    top:30px;\r\n  }\r\n\r\n\r\n  .kp-so-s3 {\r\n\r\n    left:4px;\r\n\r\n    top:270px;\r\n\r\n    bottom:auto;\r\n  }\r\n\r\n\r\n  .kp-so-s4 {\r\n\r\n    right:4px;\r\n\r\n    top:270px;\r\n\r\n    bottom:auto;\r\n  }\r\n\r\n\r\n  .kp-so-s5 {\r\n\r\n    left:50%;\r\n\r\n    top:auto;\r\n\r\n    bottom:55px;\r\n\r\n    width:180px;\r\n\r\n    transform:translateX(-50%);\r\n\r\n    display:grid;\r\n  }\r\n\r\n\r\n  .kp-so-s5:hover {\r\n\r\n    transform:\r\n      translateX(-50%)\r\n      translateY(-4px);\r\n  }\r\n\r\n\r\n  .kp-so-service-icon {\r\n\r\n    width:44px;\r\n\r\n    height:44px;\r\n\r\n    margin-bottom:10px;\r\n\r\n    border-radius:13px;\r\n  }\r\n\r\n\r\n  .kp-so-service h3 {\r\n\r\n    font-size:17px;\r\n  }\r\n\r\n\r\n  .kp-so-service p {\r\n\r\n    max-width:140px;\r\n\r\n    font-size:10px;\r\n\r\n    line-height:1.8;\r\n  }\r\n\r\n\r\n  .kp-so-service-text > span {\r\n\r\n    font-size:6.5px;\r\n\r\n    letter-spacing:1.1px;\r\n  }\r\n\r\n\r\n  .kp-so-index {\r\n\r\n    position:static;\r\n\r\n    display:block;\r\n\r\n    margin-bottom:7px;\r\n\r\n    font-size:7px;\r\n  }\r\n\r\n\r\n  .kp-so-bottom {\r\n\r\n    bottom:18px;\r\n  }\r\n\r\n\r\n  .kp-so-bottom p {\r\n\r\n    font-size:5.5px;\r\n\r\n    letter-spacing:1.2px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SMALL MOBILE\r\n========================================= *\/\r\n\r\n@media(max-width:390px){\r\n\r\n  .kp-so-heading h2 {\r\n\r\n    font-size:34px;\r\n  }\r\n\r\n\r\n  .kp-so-stage {\r\n\r\n    min-height:760px;\r\n  }\r\n\r\n\r\n  .kp-so-service {\r\n\r\n    width:135px;\r\n  }\r\n\r\n\r\n  .kp-so-s1,\r\n  .kp-so-s2 {\r\n\r\n    top:25px;\r\n  }\r\n\r\n\r\n  .kp-so-s3,\r\n  .kp-so-s4 {\r\n\r\n    top:260px;\r\n  }\r\n\r\n\r\n  .kp-so-s5 {\r\n\r\n    bottom:55px;\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  const section =\r\n    document.querySelector('.kp-services-orbit');\r\n\r\n  if(!section) return;\r\n\r\n\r\n  const services =\r\n    section.querySelectorAll('.kp-so-service');\r\n\r\n  const lines =\r\n    section.querySelectorAll('.kp-so-lines line');\r\n\r\n  const points =\r\n    section.querySelectorAll('.kp-so-lines circle');\r\n\r\n\r\n  services.forEach(function(service,index){\r\n\r\n    service.addEventListener(\r\n      'mouseenter',\r\n      function(){\r\n\r\n        services.forEach(function(item){\r\n          item.classList.remove('active');\r\n        });\r\n\r\n        service.classList.add('active');\r\n\r\n\r\n        if(lines[index]){\r\n\r\n          lines[index].style.stroke =\r\n            '#00A7BA';\r\n\r\n          lines[index].style.strokeWidth =\r\n            '1.5';\r\n\r\n        }\r\n\r\n\r\n        if(points[index]){\r\n\r\n          points[index].style.fill =\r\n            '#00A7BA';\r\n\r\n          points[index].setAttribute(\r\n            'r',\r\n            '4'\r\n          );\r\n\r\n        }\r\n\r\n      }\r\n    );\r\n\r\n\r\n    service.addEventListener(\r\n      'mouseleave',\r\n      function(){\r\n\r\n        if(lines[index]){\r\n\r\n          lines[index].style.stroke =\r\n            '';\r\n\r\n          lines[index].style.strokeWidth =\r\n            '';\r\n\r\n        }\r\n\r\n\r\n        if(points[index]){\r\n\r\n          points[index].style.fill =\r\n            '';\r\n\r\n          points[index].setAttribute(\r\n            'r',\r\n            '3'\r\n          );\r\n\r\n        }\r\n\r\n      }\r\n    );\r\n\r\n  });\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5de4c31 e-flex e-con-boxed e-con e-parent\" data-id=\"5de4c31\" 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-89a8932 elementor-widget elementor-widget-html\" data-id=\"89a8932\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     KARPIRA \u2014 SECTION 03\r\n     WHY KARPIRA\r\n========================================================= -->\r\n\r\n<section class=\"kp-why\" id=\"kp-why\">\r\n\r\n  <div class=\"kp-why-inner\">\r\n\r\n    <!-- TOP LABEL -->\r\n    <div class=\"kp-why-label\">\r\n      <span><\/span>\r\n      <b>03<\/b>\r\n      <em>WHY KARPIRA<\/em>\r\n    <\/div>\r\n\r\n\r\n    <!-- MAIN SHOWCASE -->\r\n\r\n    <div class=\"kp-why-showcase\">\r\n\r\n      <!-- LEFT TYPOGRAPHY -->\r\n\r\n      <div class=\"kp-why-copy\">\r\n\r\n        <div class=\"kp-why-counter\">\r\n          <span id=\"kpWhyNumber\">01<\/span>\r\n          <i>\/<\/i>\r\n          <span>04<\/span>\r\n        <\/div>\r\n\r\n        <h2 id=\"kpWhyTitle\">\r\n          \u0634\u0646\u0627\u062e\u062a<br>\r\n          <span>\u062f\u0642\u06cc\u0642\u200c\u062a\u0631<\/span>\r\n        <\/h2>\r\n\r\n        <p id=\"kpWhyText\">\r\n          \u0647\u0631 \u0627\u0631\u062a\u0628\u0627\u0637 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc\u060c \u0627\u0632 \u0634\u0646\u0627\u062e\u062a \u062f\u0631\u0633\u062a\r\n          \u0634\u0631\u0627\u06cc\u0637\u060c \u062a\u0648\u0627\u0646\u0645\u0646\u062f\u06cc\u200c\u0647\u0627 \u0648 \u0646\u06cc\u0627\u0632\u0647\u0627\u06cc \u0648\u0627\u0642\u0639\u06cc\r\n          \u0634\u0631\u0648\u0639 \u0645\u06cc\u200c\u0634\u0648\u062f.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- MAIN VISUAL -->\r\n\r\n      <div class=\"kp-why-visual\">\r\n\r\n        <div class=\"kp-why-grid\"><\/div>\r\n\r\n        <div class=\"kp-why-orbit orbit-1\"><\/div>\r\n        <div class=\"kp-why-orbit orbit-2\"><\/div>\r\n\r\n\r\n        <!-- ABSTRACT PROFILE -->\r\n\r\n        <div class=\"kp-profile\">\r\n\r\n          <div class=\"kp-profile-top\">\r\n\r\n            <div class=\"kp-avatar\">\r\n              K\r\n            <\/div>\r\n\r\n            <div class=\"kp-profile-info\">\r\n\r\n              <strong>CAREER PROFILE<\/strong>\r\n\r\n              <span>\r\n                \u0634\u0646\u0627\u062e\u062a \u0645\u0633\u06cc\u0631 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"kp-status\">\r\n              <i><\/i>\r\n              ACTIVE\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"kp-profile-body\">\r\n\r\n            <div class=\"kp-profile-line large\"><\/div>\r\n            <div class=\"kp-profile-line\"><\/div>\r\n            <div class=\"kp-profile-line short\"><\/div>\r\n\r\n            <div class=\"kp-profile-tags\">\r\n\r\n              <span>SKILLS<\/span>\r\n              <span>EXPERIENCE<\/span>\r\n              <span>GOALS<\/span>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"kp-profile-footer\">\r\n\r\n            <span>MATCHING<\/span>\r\n\r\n            <strong>\r\n              86%\r\n            <\/strong>\r\n\r\n            <div class=\"kp-progress\">\r\n              <i><\/i>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- CONNECTION POINT -->\r\n\r\n        <div class=\"kp-connection\">\r\n\r\n          <div class=\"kp-connection-line\"><\/div>\r\n\r\n          <div class=\"kp-connection-dot\">\r\n            <span>K<\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- BUSINESS CARD -->\r\n\r\n        <div class=\"kp-business\">\r\n\r\n          <div class=\"kp-business-icon\">\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n          <\/div>\r\n\r\n          <div>\r\n            <strong>BUSINESS<\/strong>\r\n            <small>\u0646\u06cc\u0627\u0632 \u0645\u062c\u0645\u0648\u0639\u0647<\/small>\r\n          <\/div>\r\n\r\n          <b>\u2197<\/b>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- FLOATING LABELS -->\r\n\r\n        <div class=\"kp-floating-label label-a\">\r\n          TALENT\r\n        <\/div>\r\n\r\n        <div class=\"kp-floating-label label-b\">\r\n          HR\r\n        <\/div>\r\n\r\n        <div class=\"kp-floating-label label-c\">\r\n          MATCH\r\n        <\/div>\r\n\r\n        <div class=\"kp-visual-dot dot-a\"><\/div>\r\n        <div class=\"kp-visual-dot dot-b\"><\/div>\r\n        <div class=\"kp-visual-dot dot-c\"><\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- FEATURE NAVIGATION -->\r\n\r\n    <div class=\"kp-why-nav\">\r\n\r\n      <button class=\"kp-why-item active\" data-index=\"0\">\r\n\r\n        <span class=\"kp-why-item-number\">01<\/span>\r\n\r\n        <div>\r\n          <strong>\u0634\u0646\u0627\u062e\u062a \u0627\u0641\u0631\u0627\u062f<\/strong>\r\n          <small>\u062f\u0631\u06a9 \u0645\u0633\u06cc\u0631 \u0648 \u062a\u0648\u0627\u0646\u0645\u0646\u062f\u06cc<\/small>\r\n        <\/div>\r\n\r\n        <b>\u2197<\/b>\r\n\r\n      <\/button>\r\n\r\n\r\n      <button class=\"kp-why-item\" data-index=\"1\">\r\n\r\n        <span class=\"kp-why-item-number\">02<\/span>\r\n\r\n        <div>\r\n          <strong>\u0634\u0646\u0627\u062e\u062a \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0647\u0627<\/strong>\r\n          <small>\u062f\u0631\u06a9 \u0646\u06cc\u0627\u0632 \u0648\u0627\u0642\u0639\u06cc \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631<\/small>\r\n        <\/div>\r\n\r\n        <b>\u2197<\/b>\r\n\r\n      <\/button>\r\n\r\n\r\n      <button class=\"kp-why-item\" data-index=\"2\">\r\n\r\n        <span class=\"kp-why-item-number\">03<\/span>\r\n\r\n        <div>\r\n          <strong>\u0627\u0631\u062a\u0628\u0627\u0637 \u0645\u0633\u062a\u0642\u06cc\u0645<\/strong>\r\n          <small>\u06a9\u0627\u0647\u0634 \u0641\u0627\u0635\u0644\u0647 \u0645\u06cc\u0627\u0646 \u062f\u0648 \u0637\u0631\u0641<\/small>\r\n        <\/div>\r\n\r\n        <b>\u2197<\/b>\r\n\r\n      <\/button>\r\n\r\n\r\n      <button class=\"kp-why-item\" data-index=\"3\">\r\n\r\n        <span class=\"kp-why-item-number\">04<\/span>\r\n\r\n        <div>\r\n          <strong>\u0647\u0645\u0631\u0627\u0647\u06cc<\/strong>\r\n          <small>\u062f\u0631 \u0645\u0633\u06cc\u0631 \u06cc\u06a9 \u0627\u0631\u062a\u0628\u0627\u0637 \u0645\u0646\u0627\u0633\u0628<\/small>\r\n        <\/div>\r\n\r\n        <b>\u2197<\/b>\r\n\r\n      <\/button>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   RESET \/ BASE\r\n========================================================= *\/\r\n\r\n.kp-why,\r\n.kp-why * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.kp-why {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  padding: 105px 0 115px;\r\n\r\n  background: #ffffff;\r\n\r\n  overflow: hidden;\r\n\r\n  font-family: inherit;\r\n}\r\n\r\n.kp-why-inner {\r\n  width: min(1180px, calc(100% - 50px));\r\n\r\n  margin: auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n========================================================= *\/\r\n\r\n.kp-why-label {\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 11px;\r\n\r\n  margin-bottom: 55px;\r\n\r\n  font-size: 10px;\r\n\r\n  letter-spacing: 2.2px;\r\n\r\n  color: #667085;\r\n}\r\n\r\n.kp-why-label > span {\r\n\r\n  width: 28px;\r\n  height: 1px;\r\n\r\n  background: #00A7BA;\r\n}\r\n\r\n.kp-why-label b {\r\n\r\n  color: #00A7BA;\r\n\r\n  font-weight: 700;\r\n}\r\n\r\n.kp-why-label em {\r\n\r\n  font-style: normal;\r\n\r\n  font-weight: 700;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SHOWCASE\r\n========================================================= *\/\r\n\r\n.kp-why-showcase {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns: 34% 66%;\r\n\r\n  min-height: 480px;\r\n\r\n  border-top: 1px solid #e5eaf0;\r\n  border-bottom: 1px solid #e5eaf0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COPY\r\n========================================================= *\/\r\n\r\n.kp-why-copy {\r\n\r\n  position: relative;\r\n\r\n  padding: 55px 55px 55px 0;\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  justify-content: center;\r\n}\r\n\r\n.kp-why-counter {\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n\r\n  margin-bottom: 25px;\r\n\r\n  font-size: 10px;\r\n\r\n  letter-spacing: 1.5px;\r\n\r\n  color: #98a2b3;\r\n}\r\n\r\n.kp-why-counter span:first-child {\r\n\r\n  color: #00A7BA;\r\n\r\n  font-weight: 700;\r\n}\r\n\r\n.kp-why-counter i {\r\n\r\n  font-style: normal;\r\n\r\n  color: #d0d5dd;\r\n}\r\n\r\n\r\n.kp-why-copy h2 {\r\n\r\n  margin: 0;\r\n\r\n  font-size: clamp(50px, 5.2vw, 72px);\r\n\r\n  line-height: 1.08;\r\n\r\n  letter-spacing: -3px;\r\n\r\n  font-weight: 750;\r\n\r\n  color: #101828;\r\n}\r\n\r\n.kp-why-copy h2 span {\r\n\r\n  color: #00A7BA;\r\n}\r\n\r\n\r\n.kp-why-copy p {\r\n\r\n  max-width: 280px;\r\n\r\n  margin: 28px 0 0;\r\n\r\n  font-size: 13px;\r\n\r\n  line-height: 2;\r\n\r\n  color: #667085;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   VISUAL\r\n========================================================= *\/\r\n\r\n.kp-why-visual {\r\n\r\n  position: relative;\r\n\r\n  min-height: 480px;\r\n\r\n  overflow: hidden;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 55% 50%,\r\n      rgba(0,167,186,.055),\r\n      transparent 38%\r\n    );\r\n}\r\n\r\n\r\n\/* GRID *\/\r\n\r\n.kp-why-grid {\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  opacity: .55;\r\n\r\n  background-image:\r\n    linear-gradient(\r\n      rgba(16,24,40,.035) 1px,\r\n      transparent 1px\r\n    ),\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(16,24,40,.035) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n  background-size: 45px 45px;\r\n\r\n  mask-image:\r\n    radial-gradient(\r\n      circle at center,\r\n      black 15%,\r\n      transparent 72%\r\n    );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ORBITS\r\n========================================================= *\/\r\n\r\n.kp-why-orbit {\r\n\r\n  position: absolute;\r\n\r\n  left: 51%;\r\n  top: 50%;\r\n\r\n  border: 1px solid rgba(0,167,186,.12);\r\n\r\n  border-radius: 50%;\r\n\r\n  transform: translate(-50%,-50%);\r\n}\r\n\r\n.orbit-1 {\r\n\r\n  width: 390px;\r\n  height: 390px;\r\n}\r\n\r\n.orbit-2 {\r\n\r\n  width: 255px;\r\n  height: 255px;\r\n\r\n  border-color: rgba(0,167,186,.18);\r\n\r\n  border-style: dashed;\r\n\r\n  animation: kpOrbit 20s linear infinite;\r\n}\r\n\r\n@keyframes kpOrbit {\r\n\r\n  from {\r\n    transform: translate(-50%,-50%) rotate(0deg);\r\n  }\r\n\r\n  to {\r\n    transform: translate(-50%,-50%) rotate(360deg);\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PROFILE\r\n========================================================= *\/\r\n\r\n.kp-profile {\r\n\r\n  position: absolute;\r\n\r\n  width: 285px;\r\n  height: 190px;\r\n\r\n  left: 16%;\r\n  top: 50%;\r\n\r\n  transform: translateY(-50%);\r\n\r\n  padding: 18px;\r\n\r\n  border: 1px solid #dfe6ee;\r\n\r\n  border-radius: 15px;\r\n\r\n  background: rgba(255,255,255,.94);\r\n\r\n  box-shadow:\r\n    0 25px 60px rgba(16,24,40,.08);\r\n\r\n  z-index: 5;\r\n\r\n  transition: transform .5s ease;\r\n}\r\n\r\n\r\n.kp-profile-top {\r\n\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  gap: 10px;\r\n}\r\n\r\n\r\n.kp-avatar {\r\n\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-radius: 9px;\r\n\r\n  background: #E8F7F8;\r\n\r\n  color: #00A7BA;\r\n\r\n  font-size: 13px;\r\n\r\n  font-weight: 800;\r\n}\r\n\r\n\r\n.kp-profile-info {\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  gap: 3px;\r\n\r\n  min-width: 0;\r\n}\r\n\r\n.kp-profile-info strong {\r\n\r\n  font-size: 8px;\r\n\r\n  letter-spacing: 1.2px;\r\n\r\n  color: #101828;\r\n}\r\n\r\n.kp-profile-info span {\r\n\r\n  font-size: 9px;\r\n\r\n  color: #98a2b3;\r\n}\r\n\r\n\r\n.kp-status {\r\n\r\n  margin-left: auto;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 5px;\r\n\r\n  font-size: 7px;\r\n\r\n  letter-spacing: 1px;\r\n\r\n  color: #98a2b3;\r\n}\r\n\r\n.kp-status i {\r\n\r\n  width: 5px;\r\n  height: 5px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: #00A7BA;\r\n}\r\n\r\n\r\n\/* BODY *\/\r\n\r\n.kp-profile-body {\r\n\r\n  margin-top: 20px;\r\n}\r\n\r\n.kp-profile-line {\r\n\r\n  width: 70%;\r\n  height: 5px;\r\n\r\n  margin-bottom: 7px;\r\n\r\n  border-radius: 5px;\r\n\r\n  background: #edf1f5;\r\n}\r\n\r\n.kp-profile-line.large {\r\n\r\n  width: 88%;\r\n}\r\n\r\n.kp-profile-line.short {\r\n\r\n  width: 48%;\r\n}\r\n\r\n\r\n.kp-profile-tags {\r\n\r\n  display: flex;\r\n\r\n  gap: 6px;\r\n\r\n  margin-top: 14px;\r\n}\r\n\r\n.kp-profile-tags span {\r\n\r\n  padding: 5px 7px;\r\n\r\n  border-radius: 5px;\r\n\r\n  background: #f6f8fa;\r\n\r\n  color: #98a2b3;\r\n\r\n  font-size: 6px;\r\n\r\n  letter-spacing: .7px;\r\n}\r\n\r\n\r\n\/* FOOTER *\/\r\n\r\n.kp-profile-footer {\r\n\r\n  position: absolute;\r\n\r\n  left: 18px;\r\n  right: 18px;\r\n  bottom: 16px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 10px;\r\n}\r\n\r\n.kp-profile-footer > span {\r\n\r\n  font-size: 7px;\r\n\r\n  letter-spacing: 1px;\r\n\r\n  color: #98a2b3;\r\n}\r\n\r\n.kp-profile-footer strong {\r\n\r\n  font-size: 10px;\r\n\r\n  color: #00A7BA;\r\n}\r\n\r\n.kp-progress {\r\n\r\n  flex: 1;\r\n\r\n  height: 3px;\r\n\r\n  border-radius: 5px;\r\n\r\n  background: #edf1f5;\r\n\r\n  overflow: hidden;\r\n}\r\n\r\n.kp-progress i {\r\n\r\n  display: block;\r\n\r\n  width: 86%;\r\n  height: 100%;\r\n\r\n  background: #00A7BA;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CONNECTION\r\n========================================================= *\/\r\n\r\n.kp-connection {\r\n\r\n  position: absolute;\r\n\r\n  left: 51%;\r\n\r\n  top: 50%;\r\n\r\n  width: 155px;\r\n\r\n  height: 80px;\r\n\r\n  transform: translate(-50%,-50%);\r\n\r\n  z-index: 4;\r\n}\r\n\r\n.kp-connection-line {\r\n\r\n  position: absolute;\r\n\r\n  left: 0;\r\n  right: 0;\r\n\r\n  top: 50%;\r\n\r\n  height: 1px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #dfe6ee,\r\n      #00A7BA,\r\n      #dfe6ee\r\n    );\r\n}\r\n\r\n\r\n.kp-connection-dot {\r\n\r\n  position: absolute;\r\n\r\n  left: 50%;\r\n  top: 50%;\r\n\r\n  width: 48px;\r\n  height: 48px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  transform: translate(-50%,-50%);\r\n\r\n  border-radius: 50%;\r\n\r\n  background: #ffffff;\r\n\r\n  border: 1px solid #B9E3E7;\r\n\r\n  box-shadow:\r\n    0 0 0 8px rgba(0,167,186,.045),\r\n    0 12px 30px rgba(16,24,40,.08);\r\n}\r\n\r\n.kp-connection-dot span {\r\n\r\n  color: #00A7BA;\r\n\r\n  font-size: 14px;\r\n\r\n  font-weight: 800;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BUSINESS\r\n========================================================= *\/\r\n\r\n.kp-business {\r\n\r\n  position: absolute;\r\n\r\n  right: 10%;\r\n\r\n  top: 50%;\r\n\r\n  transform: translateY(-50%);\r\n\r\n  width: 170px;\r\n\r\n  padding: 16px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  gap: 11px;\r\n\r\n  border: 1px solid #e1e7ee;\r\n\r\n  border-radius: 12px;\r\n\r\n  background: rgba(255,255,255,.9);\r\n\r\n  z-index: 5;\r\n\r\n  box-shadow:\r\n    0 15px 35px rgba(16,24,40,.05);\r\n\r\n  transition: transform .4s ease;\r\n}\r\n\r\n.kp-business:hover {\r\n\r\n  transform:\r\n    translateY(calc(-50% - 5px));\r\n}\r\n\r\n\r\n.kp-business-icon {\r\n\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  gap: 2px;\r\n\r\n  border-radius: 8px;\r\n\r\n  background: #f4f7fa;\r\n}\r\n\r\n.kp-business-icon span {\r\n\r\n  width: 4px;\r\n\r\n  border-radius: 3px;\r\n\r\n  background: #00A7BA;\r\n}\r\n\r\n.kp-business-icon span:nth-child(1) {\r\n  height: 10px;\r\n}\r\n\r\n.kp-business-icon span:nth-child(2) {\r\n  height: 17px;\r\n}\r\n\r\n.kp-business-icon span:nth-child(3) {\r\n  height: 13px;\r\n}\r\n\r\n\r\n.kp-business > div:nth-child(2) {\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  gap: 3px;\r\n}\r\n\r\n.kp-business strong {\r\n\r\n  font-size: 8px;\r\n\r\n  letter-spacing: 1px;\r\n\r\n  color: #101828;\r\n}\r\n\r\n.kp-business small {\r\n\r\n  font-size: 9px;\r\n\r\n  color: #98a2b3;\r\n}\r\n\r\n.kp-business > b {\r\n\r\n  margin-left: auto;\r\n\r\n  font-size: 13px;\r\n\r\n  color: #00A7BA;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FLOATING LABELS\r\n========================================================= *\/\r\n\r\n.kp-floating-label {\r\n\r\n  position: absolute;\r\n\r\n  padding: 6px 9px;\r\n\r\n  border: 1px solid #e5eaf0;\r\n\r\n  border-radius: 6px;\r\n\r\n  background: #ffffff;\r\n\r\n  font-size: 7px;\r\n\r\n  letter-spacing: 1.5px;\r\n\r\n  color: #98a2b3;\r\n\r\n  box-shadow:\r\n    0 7px 20px rgba(16,24,40,.04);\r\n}\r\n\r\n.label-a {\r\n\r\n  left: 10%;\r\n\r\n  top: 19%;\r\n}\r\n\r\n.label-b {\r\n\r\n  right: 14%;\r\n\r\n  top: 18%;\r\n}\r\n\r\n.label-c {\r\n\r\n  left: 29%;\r\n\r\n  bottom: 16%;\r\n}\r\n\r\n\r\n.kp-visual-dot {\r\n\r\n  position: absolute;\r\n\r\n  width: 5px;\r\n  height: 5px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: #00A7BA;\r\n}\r\n\r\n.dot-a {\r\n  left: 7%;\r\n  top: 45%;\r\n}\r\n\r\n.dot-b {\r\n  right: 7%;\r\n  top: 35%;\r\n}\r\n\r\n.dot-c {\r\n  right: 25%;\r\n  bottom: 12%;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FEATURE NAV\r\n========================================================= *\/\r\n\r\n.kp-why-nav {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns: repeat(4,1fr);\r\n\r\n  border-bottom: 1px solid #e5eaf0;\r\n}\r\n\r\n\r\n.kp-why-item {\r\n\r\n  position: relative;\r\n\r\n  min-height: 105px;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns: 35px 1fr 25px;\r\n\r\n  align-items: center;\r\n\r\n  gap: 10px;\r\n\r\n  padding: 20px 20px 20px 0;\r\n\r\n  border: none;\r\n\r\n  border-left: 1px solid #e5eaf0;\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  transition:\r\n    background .3s ease,\r\n    padding .35s ease;\r\n}\r\n\r\n.kp-why-item:first-child {\r\n\r\n  border-left: none;\r\n}\r\n\r\n\r\n.kp-why-item-number {\r\n\r\n  align-self: start;\r\n\r\n  padding-top: 3px;\r\n\r\n  font-size: 9px;\r\n\r\n  color: #b5bec9;\r\n\r\n  letter-spacing: 1px;\r\n\r\n  transition: color .3s ease;\r\n}\r\n\r\n\r\n.kp-why-item > div {\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  gap: 6px;\r\n}\r\n\r\n\r\n.kp-why-item strong {\r\n\r\n  font-size: 13px;\r\n\r\n  font-weight: 650;\r\n\r\n  color: #101828;\r\n\r\n  transition: color .3s ease;\r\n}\r\n\r\n\r\n.kp-why-item small {\r\n\r\n  font-size: 9px;\r\n\r\n  color: #98a2b3;\r\n}\r\n\r\n\r\n.kp-why-item > b {\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 #e5eaf0;\r\n\r\n  border-radius: 50%;\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 400;\r\n\r\n  color: #98a2b3;\r\n\r\n  transition:\r\n    color .3s ease,\r\n    background .3s ease,\r\n    border-color .3s ease;\r\n}\r\n\r\n\r\n\/* ACTIVE \/ HOVER *\/\r\n\r\n.kp-why-item:hover,\r\n.kp-why-item.active {\r\n\r\n  background: #F3FAFB;\r\n\r\n  padding-right: 25px;\r\n}\r\n\r\n.kp-why-item:hover .kp-why-item-number,\r\n.kp-why-item.active .kp-why-item-number {\r\n\r\n  color: #00A7BA;\r\n}\r\n\r\n.kp-why-item:hover strong,\r\n.kp-why-item.active strong {\r\n\r\n  color: #00A7BA;\r\n}\r\n\r\n.kp-why-item:hover > b,\r\n.kp-why-item.active > b {\r\n\r\n  color: #ffffff;\r\n\r\n  background: #00A7BA;\r\n\r\n  border-color: #00A7BA;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media (max-width: 950px) {\r\n\r\n  .kp-why-showcase {\r\n\r\n    grid-template-columns: 40% 60%;\r\n  }\r\n\r\n  .kp-profile {\r\n\r\n    left: 7%;\r\n\r\n    width: 260px;\r\n  }\r\n\r\n  .kp-business {\r\n\r\n    right: 4%;\r\n\r\n    width: 145px;\r\n  }\r\n\r\n  .kp-connection {\r\n\r\n    width: 120px;\r\n  }\r\n\r\n}\r\n\r\n\r\n@media (max-width: 750px) {\r\n\r\n  .kp-why {\r\n\r\n    padding: 80px 0 85px;\r\n  }\r\n\r\n  .kp-why-inner {\r\n\r\n    width: calc(100% - 32px);\r\n  }\r\n\r\n\r\n  .kp-why-label {\r\n\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n\r\n  .kp-why-showcase {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    border-bottom: none;\r\n  }\r\n\r\n\r\n  .kp-why-copy {\r\n\r\n    min-height: 280px;\r\n\r\n    padding: 45px 0 35px;\r\n\r\n    border-bottom: 1px solid #e5eaf0;\r\n  }\r\n\r\n\r\n  .kp-why-copy h2 {\r\n\r\n    font-size: 52px;\r\n\r\n    letter-spacing: -2px;\r\n  }\r\n\r\n\r\n  .kp-why-copy p {\r\n\r\n    max-width: 390px;\r\n  }\r\n\r\n\r\n  .kp-why-visual {\r\n\r\n    min-height: 420px;\r\n  }\r\n\r\n\r\n  .kp-profile {\r\n\r\n    left: 7%;\r\n\r\n    width: 250px;\r\n  }\r\n\r\n\r\n  .kp-business {\r\n\r\n    right: 4%;\r\n\r\n    width: 140px;\r\n  }\r\n\r\n\r\n  .kp-why-nav {\r\n\r\n    grid-template-columns: 1fr 1fr;\r\n  }\r\n\r\n\r\n  .kp-why-item:nth-child(3) {\r\n\r\n    border-left: none;\r\n\r\n    border-top: 1px solid #e5eaf0;\r\n  }\r\n\r\n  .kp-why-item:nth-child(4) {\r\n\r\n    border-top: 1px solid #e5eaf0;\r\n  }\r\n\r\n}\r\n\r\n\r\n@media (max-width: 500px) {\r\n\r\n  .kp-why-copy h2 {\r\n\r\n    font-size: 46px;\r\n  }\r\n\r\n\r\n  .kp-why-visual {\r\n\r\n    min-height: 370px;\r\n  }\r\n\r\n\r\n  .kp-profile {\r\n\r\n    left: 1%;\r\n\r\n    width: 220px;\r\n\r\n    height: 175px;\r\n  }\r\n\r\n\r\n  .kp-business {\r\n\r\n    right: -3%;\r\n\r\n    width: 125px;\r\n\r\n    padding: 12px;\r\n  }\r\n\r\n\r\n  .kp-business small {\r\n\r\n    font-size: 8px;\r\n  }\r\n\r\n\r\n  .kp-connection {\r\n\r\n    left: 52%;\r\n\r\n    width: 85px;\r\n  }\r\n\r\n\r\n  .kp-connection-dot {\r\n\r\n    width: 42px;\r\n    height: 42px;\r\n  }\r\n\r\n\r\n  .orbit-1 {\r\n\r\n    width: 300px;\r\n    height: 300px;\r\n  }\r\n\r\n\r\n  .orbit-2 {\r\n\r\n    width: 205px;\r\n    height: 205px;\r\n  }\r\n\r\n\r\n  .label-a {\r\n\r\n    left: 2%;\r\n  }\r\n\r\n  .label-b {\r\n\r\n    right: 4%;\r\n  }\r\n\r\n\r\n  .kp-why-item {\r\n\r\n    min-height: 95px;\r\n\r\n    padding: 17px 12px 17px 0;\r\n\r\n    grid-template-columns: 28px 1fr 22px;\r\n  }\r\n\r\n\r\n  .kp-why-item strong {\r\n\r\n    font-size: 11px;\r\n  }\r\n\r\n  .kp-why-item small {\r\n\r\n    font-size: 8px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n  const section =\r\n    document.querySelector('.kp-why');\r\n\r\n  if (!section) return;\r\n\r\n\r\n  const items =\r\n    section.querySelectorAll('.kp-why-item');\r\n\r\n  const number =\r\n    section.querySelector('#kpWhyNumber');\r\n\r\n  const title =\r\n    section.querySelector('#kpWhyTitle');\r\n\r\n  const text =\r\n    section.querySelector('#kpWhyText');\r\n\r\n  const profile =\r\n    section.querySelector('.kp-profile');\r\n\r\n  const business =\r\n    section.querySelector('.kp-business');\r\n\r\n\r\n  const content = [\r\n\r\n    {\r\n      number: '01',\r\n      title: '\u0634\u0646\u0627\u062e\u062a<br><span>\u062f\u0642\u06cc\u0642\u200c\u062a\u0631<\/span>',\r\n      text:\r\n        '\u0647\u0631 \u0627\u0631\u062a\u0628\u0627\u0637 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc\u060c \u0627\u0632 \u0634\u0646\u0627\u062e\u062a \u062f\u0631\u0633\u062a \u0634\u0631\u0627\u06cc\u0637\u060c \u062a\u0648\u0627\u0646\u0645\u0646\u062f\u06cc\u200c\u0647\u0627 \u0648 \u0646\u06cc\u0627\u0632\u0647\u0627\u06cc \u0648\u0627\u0642\u0639\u06cc \u0634\u0631\u0648\u0639 \u0645\u06cc\u200c\u0634\u0648\u062f.'\r\n    },\r\n\r\n    {\r\n      number: '02',\r\n      title: '\u062f\u0631\u06a9<br><span>\u0648\u0627\u0642\u0639\u06cc\u200c\u062a\u0631<\/span>',\r\n      text:\r\n        '\u0634\u0646\u0627\u062e\u062a \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0647\u0627 \u0648 \u0646\u06cc\u0627\u0632\u0647\u0627\u06cc \u0648\u0627\u0642\u0639\u06cc \u0622\u0646\u200c\u0647\u0627\u060c \u067e\u0627\u06cc\u0647\u200c\u06cc \u0634\u06a9\u0644\u200c\u06af\u06cc\u0631\u06cc \u06cc\u06a9 \u0627\u0631\u062a\u0628\u0627\u0637 \u0645\u0646\u0627\u0633\u0628 \u0627\u0633\u062a.'\r\n    },\r\n\r\n    {\r\n      number: '03',\r\n      title: '\u0627\u0631\u062a\u0628\u0627\u0637<br><span>\u0645\u0633\u062a\u0642\u06cc\u0645\u200c\u062a\u0631<\/span>',\r\n      text:\r\n        '\u0641\u0627\u0635\u0644\u0647 \u0645\u06cc\u0627\u0646 \u0627\u0641\u0631\u0627\u062f \u0648 \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0647\u0627 \u0632\u0645\u0627\u0646\u06cc \u06a9\u0645\u062a\u0631 \u0645\u06cc\u200c\u0634\u0648\u062f \u06a9\u0647 \u0627\u0631\u062a\u0628\u0627\u0637\u060c \u0647\u062f\u0641\u0645\u0646\u062f \u0648 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0634\u06a9\u0644 \u0628\u06af\u06cc\u0631\u062f.'\r\n    },\r\n\r\n    {\r\n      number: '04',\r\n      title: '\u0645\u0633\u06cc\u0631<br><span>\u0631\u0648\u0634\u0646\u200c\u062a\u0631<\/span>',\r\n      text:\r\n        '\u0647\u0645\u0631\u0627\u0647\u06cc \u062f\u0631\u0633\u062a \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f \u0645\u0633\u06cc\u0631 \u0627\u0631\u062a\u0628\u0627\u0637 \u0627\u0632 \u06cc\u06a9 \u0645\u0639\u0631\u0641\u06cc \u0633\u0627\u062f\u0647 \u0641\u0631\u0627\u062a\u0631 \u0628\u0631\u0648\u062f.'\r\n    }\r\n\r\n  ];\r\n\r\n\r\n  function activate(index) {\r\n\r\n    const item = content[index];\r\n\r\n    items.forEach(function (el) {\r\n      el.classList.remove('active');\r\n    });\r\n\r\n    items[index].classList.add('active');\r\n\r\n\r\n    if (number) {\r\n      number.textContent = item.number;\r\n    }\r\n\r\n    if (title) {\r\n      title.innerHTML = item.title;\r\n    }\r\n\r\n    if (text) {\r\n      text.textContent = item.text;\r\n    }\r\n\r\n\r\n    if (profile) {\r\n\r\n      profile.style.transform =\r\n        'translateY(-50%) translateX(-6px)';\r\n\r\n      setTimeout(function () {\r\n\r\n        profile.style.transform =\r\n          'translateY(-50%) translateX(0)';\r\n\r\n      }, 250);\r\n\r\n    }\r\n\r\n\r\n  }\r\n\r\n\r\n  items.forEach(function (item, index) {\r\n\r\n    item.addEventListener('mouseenter', function () {\r\n\r\n      if (window.innerWidth > 750) {\r\n        activate(index);\r\n      }\r\n\r\n    });\r\n\r\n\r\n    item.addEventListener('click', function () {\r\n\r\n      activate(index);\r\n\r\n    });\r\n\r\n  });\r\n\r\n\r\n  \/* subtle mouse movement *\/\r\n\r\n  const visual =\r\n    section.querySelector('.kp-why-visual');\r\n\r\n  if (visual && window.innerWidth > 900) {\r\n\r\n    visual.addEventListener('mousemove', function (e) {\r\n\r\n      const rect =\r\n        visual.getBoundingClientRect();\r\n\r\n      const x =\r\n        (e.clientX - rect.left) \/\r\n        rect.width - .5;\r\n\r\n      const y =\r\n        (e.clientY - rect.top) \/\r\n        rect.height - .5;\r\n\r\n\r\n      if (profile) {\r\n\r\n        profile.style.transform =\r\n          `translateY(-50%) translate(${x * 8}px, ${y * 5}px)`;\r\n\r\n      }\r\n\r\n      if (business) {\r\n\r\n        business.style.transform =\r\n          `translate(${x * -5}px, calc(-50% + ${y * -4}px))`;\r\n\r\n      }\r\n\r\n    });\r\n\r\n\r\n    visual.addEventListener('mouseleave', function () {\r\n\r\n      if (profile) {\r\n\r\n        profile.style.transform =\r\n          'translateY(-50%) translate(0,0)';\r\n\r\n      }\r\n\r\n      if (business) {\r\n\r\n        business.style.transform =\r\n          'translate(0,-50%)';\r\n\r\n      }\r\n\r\n    });\r\n\r\n  }\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-277f645 e-flex e-con-boxed e-con e-parent\" data-id=\"277f645\" 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-38a6c8a elementor-widget elementor-widget-html\" data-id=\"38a6c8a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"kp-audience\" id=\"kp-audience\">\r\n\r\n  <div class=\"kp-audience-inner\">\r\n\r\n    <!-- LABEL -->\r\n    <div class=\"kp-audience-label\">\r\n      <span><\/span>\r\n      <b>05<\/b>\r\n      <i>\u00b7<\/i>\r\n      <strong>FOR PEOPLE & ORGANIZATIONS<\/strong>\r\n    <\/div>\r\n\r\n\r\n    <!-- INTRO -->\r\n    <div class=\"kp-audience-intro\">\r\n\r\n      <div class=\"kp-audience-title\">\r\n\r\n        <span>KARPIRA \u00b7 MASHHAD<\/span>\r\n\r\n        <h2>\r\n          \u0647\u0631 \u0645\u0633\u06cc\u0631 \u06a9\u0627\u0631\u06cc\u060c\r\n          <br>\r\n          <em>\u0646\u06cc\u0627\u0632 \u062e\u0648\u062f\u0634 \u0631\u0627 \u062f\u0627\u0631\u062f.<\/em>\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n      <p>\r\n        \u06a9\u0627\u0631\u06cc\u0627\u0628\u06cc \u062f\u0627\u062e\u0644\u06cc \u06a9\u0627\u0631\u067e\u06cc\u0631\u0627 \u0628\u0631\u0627\u06cc \u0627\u0641\u0631\u0627\u062f \u0648 \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0647\u0627\u060c\r\n        \u0645\u062a\u0646\u0627\u0633\u0628 \u0628\u0627 \u0646\u06cc\u0627\u0632 \u0647\u0631 \u0645\u0633\u06cc\u0631\u060c \u062e\u062f\u0645\u0627\u062a \u062a\u062e\u0635\u0635\u06cc \u062d\u0648\u0632\u0647 \u06a9\u0627\u0631\r\n        \u0648 \u0645\u0646\u0627\u0628\u0639 \u0627\u0646\u0633\u0627\u0646\u06cc \u0631\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- MAIN AREA -->\r\n    <div class=\"kp-audience-main\">\r\n\r\n      <!-- LEFT DECORATION -->\r\n      <div class=\"kp-audience-decor\">\r\n        <span><\/span>\r\n        <span><\/span>\r\n        <span><\/span>\r\n        <span><\/span>\r\n      <\/div>\r\n\r\n\r\n      <!-- PEOPLE -->\r\n      <article class=\"kp-audience-panel kp-audience-people\">\r\n\r\n        <div class=\"kp-audience-panel-top\">\r\n\r\n          <span class=\"kp-audience-index\">01<\/span>\r\n\r\n          <span class=\"kp-audience-type\">\r\n            FOR PEOPLE\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"kp-audience-panel-content\">\r\n\r\n          <div class=\"kp-audience-symbol\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <circle cx=\"12\" cy=\"8\" r=\"3.2\"><\/circle>\r\n              <path d=\"M5.5 20c.8-4 3-6 6.5-6s5.7 2 6.5 6\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <h3>\r\n            \u0628\u0631\u0627\u06cc\r\n            <strong>\u0627\u0641\u0631\u0627\u062f<\/strong>\r\n          <\/h3>\r\n\r\n          <p>\r\n            \u0628\u0631\u0627\u06cc \u0627\u0641\u0631\u0627\u062f\u06cc \u06a9\u0647 \u062f\u0631 \u0645\u0633\u06cc\u0631 \u0634\u063a\u0644\u06cc \u062e\u0648\u062f \u0628\u0647\r\n            \u0631\u0627\u0647\u0646\u0645\u0627\u06cc\u06cc\u060c \u06a9\u0627\u0631\u06cc\u0627\u0628\u06cc \u06cc\u0627 \u067e\u06cc\u06af\u06cc\u0631\u06cc \u0627\u0645\u0648\u0631 \u0645\u0631\u062a\u0628\u0637\r\n            \u0628\u0627 \u06a9\u0627\u0631 \u0648 \u0633\u0648\u0627\u0628\u0642 \u0634\u063a\u0644\u06cc \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u0646\u062f.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"kp-audience-tags\">\r\n\r\n          <span>\u06a9\u0627\u0631\u06cc\u0627\u0628\u06cc<\/span>\r\n          <span>\u0628\u06cc\u0645\u0647 \u0628\u06cc\u06a9\u0627\u0631\u06cc<\/span>\r\n          <span>\u0627\u0645\u0648\u0631 \u06a9\u0627\u0631\u06cc<\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- CENTER -->\r\n      <div class=\"kp-audience-center\">\r\n\r\n        <div class=\"kp-audience-center-line\"><\/div>\r\n\r\n        <div class=\"kp-audience-center-core\">\r\n\r\n          <div class=\"kp-audience-k\">\r\n            K\r\n          <\/div>\r\n\r\n          <strong>KARPIRA<\/strong>\r\n\r\n          <span>CAREER & HR<\/span>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"kp-audience-center-dot\"><\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- ORGANIZATIONS -->\r\n      <article class=\"kp-audience-panel kp-audience-org\">\r\n\r\n        <div class=\"kp-audience-panel-top\">\r\n\r\n          <span class=\"kp-audience-index\">02<\/span>\r\n\r\n          <span class=\"kp-audience-type\">\r\n            FOR ORGANIZATIONS\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"kp-audience-panel-content\">\r\n\r\n          <div class=\"kp-audience-symbol\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M4 20V7.5L12 4l8 3.5V20\"><\/path>\r\n              <path d=\"M8 20v-5h8v5\"><\/path>\r\n              <path d=\"M8 9h.01\"><\/path>\r\n              <path d=\"M12 9h.01\"><\/path>\r\n              <path d=\"M16 9h.01\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <h3>\r\n            \u0628\u0631\u0627\u06cc\r\n            <strong>\u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0647\u0627<\/strong>\r\n          <\/h3>\r\n\r\n          <p>\r\n            \u0628\u0631\u0627\u06cc \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0628\u0631\u0627\u06cc \u062a\u06a9\u0645\u06cc\u0644 \u062a\u06cc\u0645 \u062e\u0648\u062f\r\n            \u0628\u0647 \u0646\u06cc\u0631\u0648\u06cc \u0645\u0646\u0627\u0633\u0628 \u0648 \u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627 \u0627\u0641\u0631\u0627\u062f\r\n            \u062a\u0648\u0627\u0646\u0645\u0646\u062f \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u0646\u062f.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"kp-audience-tags\">\r\n\r\n          <span>\u062c\u0630\u0628 \u0646\u06cc\u0631\u0648<\/span>\r\n          <span>\u0646\u06cc\u0631\u0648\u06cc \u0645\u0646\u0627\u0633\u0628<\/span>\r\n          <span>\u062a\u06a9\u0645\u06cc\u0644 \u062a\u06cc\u0645<\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- BOTTOM -->\r\n    <div class=\"kp-audience-bottom\">\r\n\r\n      <div class=\"kp-audience-bottom-number\">\r\n        05 \/ 06\r\n      <\/div>\r\n\r\n      <div class=\"kp-audience-bottom-text\">\r\n        <span>ONE SERVICE<\/span>\r\n        <b>DIFFERENT NEEDS<\/b>\r\n      <\/div>\r\n\r\n      <div class=\"kp-audience-bottom-line\"><\/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\/* =========================================================\r\n   KARPIRA \u2014 FOR PEOPLE & ORGANIZATIONS\r\n========================================================= *\/\r\n\r\n.kp-audience{\r\n  position:relative;\r\n  width:100%;\r\n  padding:125px 0 120px;\r\n\r\n  background:#fff;\r\n\r\n  color:#101828;\r\n  font-family:inherit;\r\n\r\n  overflow:hidden;\r\n  direction:rtl;\r\n}\r\n\r\n.kp-audience *,\r\n.kp-audience *::before,\r\n.kp-audience *::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-audience-inner{\r\n  position:relative;\r\n\r\n  width:min(1180px,calc(100% - 50px));\r\n\r\n  margin:0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n========================================================= *\/\r\n\r\n.kp-audience-label{\r\n  width:100%;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:8px;\r\n\r\n  margin-bottom:43px;\r\n\r\n  direction:rtl;\r\n\r\n  text-align:right;\r\n\r\n  font-size:9px;\r\n  letter-spacing:2px;\r\n\r\n  color:#98a2b3;\r\n}\r\n\r\n.kp-audience-label > span{\r\n  width:28px;\r\n  height:1px;\r\n\r\n  flex:0 0 28px;\r\n\r\n  background:#00A7BA;\r\n\r\n  margin-left:3px;\r\n}\r\n\r\n.kp-audience-label b{\r\n  color:#00A7BA;\r\n  font-weight:750;\r\n}\r\n\r\n.kp-audience-label i{\r\n  font-style:normal;\r\n  color:#d0d5dd;\r\n}\r\n\r\n.kp-audience-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-audience-intro{\r\n  display:grid;\r\n\r\n  grid-template-columns:1.15fr .85fr;\r\n\r\n  gap:80px;\r\n\r\n  align-items:end;\r\n\r\n  margin-bottom:78px;\r\n\r\n  direction:rtl;\r\n}\r\n\r\n.kp-audience-title{\r\n  text-align:right;\r\n}\r\n\r\n.kp-audience-title > span{\r\n  display:block;\r\n\r\n  margin-bottom:17px;\r\n\r\n  color:#98a2b3;\r\n\r\n  font-family:Arial,sans-serif;\r\n  font-size:8px;\r\n  font-weight:700;\r\n  letter-spacing:2px;\r\n\r\n  direction:ltr;\r\n}\r\n\r\n.kp-audience-title h2{\r\n  margin:0;\r\n\r\n  color:#101828;\r\n\r\n  font-size:clamp(44px,5.1vw,64px);\r\n  line-height:1.17;\r\n\r\n  letter-spacing:-2.7px;\r\n\r\n  font-weight:700;\r\n}\r\n\r\n.kp-audience-title h2 em{\r\n  color:#00A7BA;\r\n  font-style:normal;\r\n}\r\n\r\n.kp-audience-intro > p{\r\n  max-width:420px;\r\n\r\n  margin:0 0 5px auto;\r\n\r\n  padding-right:22px;\r\n\r\n  border-right:2px solid #00A7BA;\r\n\r\n  color:#667085;\r\n\r\n  font-size:14px;\r\n  line-height:2.05;\r\n\r\n  text-align:right;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN AREA\r\n========================================================= *\/\r\n\r\n.kp-audience-main{\r\n  position:relative;\r\n\r\n  min-height:465px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:1fr 120px 1fr;\r\n\r\n  border-top:1px solid #e9edf2;\r\n  border-bottom:1px solid #e9edf2;\r\n\r\n  direction:rtl;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PANELS\r\n========================================================= *\/\r\n\r\n.kp-audience-panel{\r\n  position:relative;\r\n\r\n  min-height:465px;\r\n\r\n  padding:43px 48px 38px;\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n\r\n  justify-content:space-between;\r\n\r\n  background:#fff;\r\n\r\n  z-index:2;\r\n\r\n  transition:\r\n    background .4s ease,\r\n    transform .45s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n.kp-audience-people{\r\n  border-left:1px solid #edf0f4;\r\n}\r\n\r\n.kp-audience-org{\r\n  border-right:1px solid #edf0f4;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PANEL TOP\r\n========================================================= *\/\r\n\r\n.kp-audience-panel-top{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:space-between;\r\n\r\n  direction:ltr;\r\n}\r\n\r\n.kp-audience-index{\r\n  color:#b0bac5;\r\n\r\n  font-family:Arial,sans-serif;\r\n  font-size:9px;\r\n  font-weight:700;\r\n  letter-spacing:1.5px;\r\n}\r\n\r\n.kp-audience-type{\r\n  color:#98a2b3;\r\n\r\n  font-family:Arial,sans-serif;\r\n  font-size:8px;\r\n  font-weight:700;\r\n  letter-spacing:2px;\r\n\r\n  direction:ltr;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SYMBOL\r\n========================================================= *\/\r\n\r\n.kp-audience-symbol{\r\n  width:50px;\r\n  height:50px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  margin-bottom:27px;\r\n\r\n  border:1px solid #D7EEF0;\r\n  border-radius:14px;\r\n\r\n  background:#F3FAFB;\r\n\r\n  color:#00A7BA;\r\n\r\n  transition:\r\n    transform .4s cubic-bezier(.22,1,.36,1),\r\n    background .3s ease,\r\n    border-color .3s ease;\r\n}\r\n\r\n.kp-audience-symbol svg{\r\n  width:22px;\r\n  height:22px;\r\n\r\n  stroke:currentColor;\r\n  stroke-width:1.5;\r\n  stroke-linecap:round;\r\n  stroke-linejoin:round;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n.kp-audience-panel-content{\r\n  text-align:right;\r\n}\r\n\r\n.kp-audience-panel-content h3{\r\n  margin:0;\r\n\r\n  color:#101828;\r\n\r\n  font-size:clamp(34px,3.4vw,47px);\r\n  line-height:1.2;\r\n\r\n  letter-spacing:-1.8px;\r\n\r\n  font-weight:400;\r\n}\r\n\r\n.kp-audience-panel-content h3 strong{\r\n  font-weight:750;\r\n}\r\n\r\n.kp-audience-panel-content p{\r\n  max-width:370px;\r\n\r\n  margin:20px 0 0 auto;\r\n\r\n  color:#667085;\r\n\r\n  font-size:13px;\r\n  line-height:2;\r\n\r\n  text-align:right;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TAGS\r\n========================================================= *\/\r\n\r\n.kp-audience-tags{\r\n  display:flex;\r\n\r\n  flex-wrap:wrap;\r\n\r\n  gap:7px;\r\n\r\n  padding-top:22px;\r\n\r\n  border-top:1px solid #edf0f4;\r\n}\r\n\r\n.kp-audience-tags span{\r\n  padding:8px 12px;\r\n\r\n  border:1px solid #e4e9ee;\r\n  border-radius:100px;\r\n\r\n  background:#fff;\r\n\r\n  color:#7b8794;\r\n\r\n  font-size:9px;\r\n\r\n  transition:\r\n    color .3s ease,\r\n    border-color .3s ease,\r\n    transform .3s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CENTER\r\n========================================================= *\/\r\n\r\n.kp-audience-center{\r\n  position:relative;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  z-index:5;\r\n}\r\n\r\n.kp-audience-center-line{\r\n  position:absolute;\r\n\r\n  top:0;\r\n  bottom:0;\r\n\r\n  left:50%;\r\n\r\n  width:1px;\r\n\r\n  background:#e9edf2;\r\n\r\n  transform:translateX(-50%);\r\n}\r\n\r\n.kp-audience-center-core{\r\n  position:relative;\r\n\r\n  width:82px;\r\n  height:82px;\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  border:1px solid #dce5ef;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#fff;\r\n\r\n  box-shadow:\r\n    0 15px 40px rgba(16,24,40,.065),\r\n    0 0 0 10px rgba(0,167,186,.025);\r\n\r\n  z-index:3;\r\n}\r\n\r\n.kp-audience-k{\r\n  margin-bottom:3px;\r\n\r\n  color:#00A7BA;\r\n\r\n  font-family:Arial,sans-serif;\r\n  font-size:23px;\r\n  font-weight:800;\r\n\r\n  line-height:1;\r\n}\r\n\r\n.kp-audience-center-core strong{\r\n  color:#101828;\r\n\r\n  font-family:Arial,sans-serif;\r\n  font-size:7px;\r\n  font-weight:800;\r\n  letter-spacing:1.8px;\r\n\r\n  direction:ltr;\r\n}\r\n\r\n.kp-audience-center-core span{\r\n  margin-top:4px;\r\n\r\n  color:#a1aab5;\r\n\r\n  font-family:Arial,sans-serif;\r\n  font-size:5px;\r\n  font-weight:700;\r\n  letter-spacing:1.2px;\r\n\r\n  direction:ltr;\r\n}\r\n\r\n\r\n\/* CENTER DOTS *\/\r\n\r\n.kp-audience-center-dot{\r\n  position:absolute;\r\n\r\n  left:50%;\r\n  top:50%;\r\n\r\n  width:7px;\r\n  height:7px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#00A7BA;\r\n\r\n  transform:translate(-50%,-50%);\r\n\r\n  box-shadow:\r\n    0 0 0 7px rgba(0,167,186,.045);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DECORATIVE DOTS\r\n========================================================= *\/\r\n\r\n.kp-audience-decor{\r\n  position:absolute;\r\n\r\n  left:50%;\r\n  top:0;\r\n  bottom:0;\r\n\r\n  width:1px;\r\n\r\n  pointer-events:none;\r\n\r\n  z-index:1;\r\n}\r\n\r\n.kp-audience-decor span{\r\n  position:absolute;\r\n\r\n  width:4px;\r\n  height:4px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#00A7BA;\r\n\r\n  opacity:.45;\r\n}\r\n\r\n.kp-audience-decor span:nth-child(1){\r\n  top:14%;\r\n  left:-210px;\r\n}\r\n\r\n.kp-audience-decor span:nth-child(2){\r\n  top:31%;\r\n  left:205px;\r\n\r\n  opacity:.18;\r\n}\r\n\r\n.kp-audience-decor span:nth-child(3){\r\n  top:68%;\r\n  left:-280px;\r\n\r\n  opacity:.13;\r\n}\r\n\r\n.kp-audience-decor span:nth-child(4){\r\n  top:82%;\r\n  left:265px;\r\n\r\n  opacity:.22;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HOVER\r\n========================================================= *\/\r\n\r\n.kp-audience-people:hover{\r\n  background:#fcfdff;\r\n}\r\n\r\n.kp-audience-org:hover{\r\n  background:#fcfdff;\r\n}\r\n\r\n.kp-audience-panel:hover .kp-audience-symbol{\r\n  transform:translateY(-4px);\r\n\r\n  border-color:rgba(0,167,186,.28);\r\n\r\n  background:#F1FAFB;\r\n}\r\n\r\n.kp-audience-panel:hover .kp-audience-tags span{\r\n  border-color:#D7EEF0;\r\n}\r\n\r\n.kp-audience-tags span:hover{\r\n  color:#00A7BA;\r\n\r\n  border-color:rgba(0,167,186,.35);\r\n\r\n  transform:translateY(-2px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM\r\n========================================================= *\/\r\n\r\n.kp-audience-bottom{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  margin-top:25px;\r\n\r\n  direction:ltr;\r\n}\r\n\r\n.kp-audience-bottom-number{\r\n  color:#b0bac5;\r\n\r\n  font-family:Arial,sans-serif;\r\n  font-size:7px;\r\n  font-weight:700;\r\n  letter-spacing:1.5px;\r\n}\r\n\r\n.kp-audience-bottom-text{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:10px;\r\n\r\n  margin-left:28px;\r\n}\r\n\r\n.kp-audience-bottom-text span{\r\n  color:#a3adb8;\r\n\r\n  font-family:Arial,sans-serif;\r\n  font-size:7px;\r\n  font-weight:700;\r\n  letter-spacing:1.8px;\r\n}\r\n\r\n.kp-audience-bottom-text b{\r\n  color:#00A7BA;\r\n\r\n  font-family:Arial,sans-serif;\r\n  font-size:7px;\r\n  font-weight:800;\r\n  letter-spacing:1.8px;\r\n}\r\n\r\n.kp-audience-bottom-line{\r\n  flex:1;\r\n\r\n  height:1px;\r\n\r\n  margin-left:25px;\r\n\r\n  background:#edf0f4;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:900px){\r\n\r\n  .kp-audience{\r\n    padding:105px 0 105px;\r\n  }\r\n\r\n  .kp-audience-intro{\r\n    grid-template-columns:1fr;\r\n    gap:30px;\r\n  }\r\n\r\n  .kp-audience-intro > p{\r\n    max-width:600px;\r\n  }\r\n\r\n  .kp-audience-main{\r\n    grid-template-columns:1fr 80px 1fr;\r\n  }\r\n\r\n  .kp-audience-panel{\r\n    padding-left:32px;\r\n    padding-right:32px;\r\n  }\r\n\r\n  .kp-audience-panel-content h3{\r\n    font-size:36px;\r\n  }\r\n\r\n  .kp-audience-panel-content p{\r\n    font-size:12px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:680px){\r\n\r\n  .kp-audience{\r\n    padding:85px 0 90px;\r\n  }\r\n\r\n  .kp-audience-inner{\r\n    width:calc(100% - 32px);\r\n  }\r\n\r\n\r\n  \/* LABEL *\/\r\n\r\n  .kp-audience-label{\r\n    margin-bottom:30px;\r\n    font-size:8px;\r\n  }\r\n\r\n\r\n  \/* INTRO *\/\r\n\r\n  .kp-audience-intro{\r\n    margin-bottom:50px;\r\n    gap:25px;\r\n  }\r\n\r\n  .kp-audience-title > span{\r\n    font-size:7px;\r\n  }\r\n\r\n  .kp-audience-title h2{\r\n    font-size:37px;\r\n    line-height:1.23;\r\n    letter-spacing:-1.7px;\r\n  }\r\n\r\n  .kp-audience-intro > p{\r\n    padding-right:16px;\r\n\r\n    font-size:12.5px;\r\n    line-height:1.95;\r\n  }\r\n\r\n\r\n  \/* MAIN *\/\r\n\r\n  .kp-audience-main{\r\n    display:block;\r\n\r\n    min-height:0;\r\n\r\n    border-top:1px solid #e9edf2;\r\n    border-bottom:0;\r\n  }\r\n\r\n\r\n  \/* CENTER *\/\r\n\r\n  .kp-audience-center{\r\n    position:absolute;\r\n\r\n    left:50%;\r\n    top:50%;\r\n\r\n    width:54px;\r\n    height:100%;\r\n\r\n    transform:translateX(-50%);\r\n\r\n    pointer-events:none;\r\n  }\r\n\r\n  .kp-audience-center-line{\r\n    top:0;\r\n    bottom:0;\r\n  }\r\n\r\n  .kp-audience-center-core{\r\n    width:58px;\r\n    height:58px;\r\n\r\n    box-shadow:\r\n      0 10px 30px rgba(16,24,40,.06),\r\n      0 0 0 7px rgba(0,167,186,.025);\r\n  }\r\n\r\n  .kp-audience-k{\r\n    font-size:18px;\r\n  }\r\n\r\n  .kp-audience-center-core strong{\r\n    font-size:5.5px;\r\n    letter-spacing:1.4px;\r\n  }\r\n\r\n  .kp-audience-center-core span{\r\n    font-size:4px;\r\n  }\r\n\r\n  .kp-audience-center-dot{\r\n    width:5px;\r\n    height:5px;\r\n  }\r\n\r\n\r\n  \/* PANELS *\/\r\n\r\n  .kp-audience-panel{\r\n    min-height:335px;\r\n\r\n    padding:35px 25px 28px;\r\n  }\r\n\r\n  .kp-audience-people{\r\n    border-left:0;\r\n    border-bottom:1px solid #edf0f4;\r\n\r\n    padding-left:55px;\r\n  }\r\n\r\n  .kp-audience-org{\r\n    border-right:0;\r\n\r\n    padding-right:55px;\r\n  }\r\n\r\n\r\n  \/* TOP *\/\r\n\r\n  .kp-audience-type{\r\n    font-size:6.5px;\r\n    letter-spacing:1.5px;\r\n  }\r\n\r\n  .kp-audience-index{\r\n    font-size:8px;\r\n  }\r\n\r\n\r\n  \/* SYMBOL *\/\r\n\r\n  .kp-audience-symbol{\r\n    width:43px;\r\n    height:43px;\r\n\r\n    margin-bottom:20px;\r\n\r\n    border-radius:12px;\r\n  }\r\n\r\n  .kp-audience-symbol svg{\r\n    width:19px;\r\n    height:19px;\r\n  }\r\n\r\n\r\n  \/* CONTENT *\/\r\n\r\n  .kp-audience-panel-content h3{\r\n    font-size:30px;\r\n    letter-spacing:-1.1px;\r\n  }\r\n\r\n  .kp-audience-panel-content p{\r\n    max-width:250px;\r\n\r\n    margin-top:16px;\r\n\r\n    font-size:11.5px;\r\n    line-height:1.9;\r\n  }\r\n\r\n\r\n  \/* TAGS *\/\r\n\r\n  .kp-audience-tags{\r\n    gap:5px;\r\n    padding-top:17px;\r\n  }\r\n\r\n  .kp-audience-tags span{\r\n    padding:7px 9px;\r\n    font-size:8px;\r\n  }\r\n\r\n\r\n  \/* DECOR *\/\r\n\r\n  .kp-audience-decor span:nth-child(1){\r\n    left:-90px;\r\n  }\r\n\r\n  .kp-audience-decor span:nth-child(2){\r\n    left:90px;\r\n  }\r\n\r\n  .kp-audience-decor span:nth-child(3){\r\n    left:-110px;\r\n  }\r\n\r\n  .kp-audience-decor span:nth-child(4){\r\n    left:115px;\r\n  }\r\n\r\n\r\n  \/* BOTTOM *\/\r\n\r\n  .kp-audience-bottom{\r\n    margin-top:22px;\r\n  }\r\n\r\n  .kp-audience-bottom-text{\r\n    margin-left:16px;\r\n    gap:7px;\r\n  }\r\n\r\n  .kp-audience-bottom-line{\r\n    margin-left:15px;\r\n  }\r\n\r\n  .kp-audience-bottom-text span,\r\n  .kp-audience-bottom-text b{\r\n    font-size:5.5px;\r\n    letter-spacing:1.3px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:390px){\r\n\r\n  .kp-audience-title h2{\r\n    font-size:33px;\r\n    letter-spacing:-1.4px;\r\n  }\r\n\r\n  .kp-audience-panel{\r\n    min-height:320px;\r\n  }\r\n\r\n  .kp-audience-panel-content h3{\r\n    font-size:28px;\r\n  }\r\n\r\n  .kp-audience-panel-content p{\r\n    font-size:11px;\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-audience *,\r\n  .kp-audience *::before,\r\n  .kp-audience *::after{\r\n    transition:none !important;\r\n    animation: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-f8784a0 e-flex e-con-boxed e-con e-parent\" data-id=\"f8784a0\" 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-7715b26 elementor-widget elementor-widget-html\" data-id=\"7715b26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"kp-connect\" id=\"kp-contact\">\r\n\r\n  <!-- BACKGROUND -->\r\n  <div class=\"kp-connect-bg\">\r\n    <div class=\"kp-connect-bg-k\">K<\/div>\r\n    <div class=\"kp-connect-orb\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"kp-connect-inner\">\r\n\r\n    <!-- TOP LABEL -->\r\n    <div class=\"kp-connect-label\">\r\n      <span class=\"kp-connect-line\"><\/span>\r\n      <b>06<\/b>\r\n      <i>\u00b7<\/i>\r\n      <strong>LET'S CONNECT<\/strong>\r\n    <\/div>\r\n\r\n    <!-- MAIN INTRO -->\r\n    <div class=\"kp-connect-main\">\r\n\r\n      <div class=\"kp-connect-title-wrap\">\r\n        <span class=\"kp-connect-eyebrow\">\r\n          KARPIRA \u00b7 MASHHAD\r\n        <\/span>\r\n\r\n        <h2>\r\n          \u0645\u0633\u0626\u0644\u0647\u200c\u062a\u0627\u0646 \u0631\u0627\r\n          <br>\r\n          <span>\u0628\u0627 \u0645\u0627 \u0634\u0631\u0648\u0639 \u06a9\u0646\u06cc\u062f.<\/span>\r\n        <\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"kp-connect-description\">\r\n        <p>\r\n          \u0627\u0632 \u067e\u06cc\u062f\u0627 \u06a9\u0631\u062f\u0646 \u0645\u0633\u06cc\u0631 \u0634\u063a\u0644\u06cc \u0645\u0646\u0627\u0633\u0628 \u062a\u0627 \u067e\u06cc\u06af\u06cc\u0631\u06cc \u0627\u0645\u0648\u0631 \u0645\u0631\u062a\u0628\u0637 \u0628\u0627 \u06a9\u0627\u0631\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 \u0641\u0631\u0622\u06cc\u0646\u062f\u0647\u0627\r\n          \u0628\u0627 \u0634\u0646\u0627\u062e\u062a \u0648 \u0631\u0627\u0647\u0646\u0645\u0627\u06cc\u06cc \u062f\u0631\u0633\u062a \u067e\u06cc\u0634 \u0628\u0631\u0648\u0646\u062f.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- CONTACT ACTION -->\r\n    <div class=\"kp-connect-action\">\r\n\r\n      <div class=\"kp-connect-action-content\">\r\n\r\n        <span class=\"kp-connect-action-label\">\r\n          READY TO TALK?\r\n        <\/span>\r\n\r\n        <h3>\r\n          \u0628\u0631\u0627\u06cc \u0634\u0631\u0648\u0639\u060c \u0628\u0627 \u0645\u0627 \u062f\u0631 \u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627\u0634\u06cc\u062f.\r\n        <\/h3>\r\n\r\n        <p>\r\n          \u06a9\u0627\u0641\u06cc\u200c\u0633\u062a \u0645\u0648\u0636\u0648\u0639 \u0645\u0648\u0631\u062f\u0646\u0638\u0631\u062a\u0627\u0646 \u0631\u0627 \u0628\u0627 \u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u0627\u0646 \u06a9\u0627\u0631\u06cc\u0627\u0628\u06cc \u06a9\u0627\u0631\u067e\u06cc\u0631\u0627\r\n          \u062f\u0631 \u0645\u06cc\u0627\u0646 \u0628\u06af\u0630\u0627\u0631\u06cc\u062f.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n      <a href=\"#contact\" class=\"kp-connect-button\">\r\n        <span>\u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627 \u06a9\u0627\u0631\u06cc\u0627\u0628\u06cc<\/span>\r\n        <b>\u2197<\/b>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n    <!-- SERVICE AREAS -->\r\n    <div class=\"kp-connect-services\">\r\n\r\n      <div class=\"kp-connect-services-head\">\r\n        <span>WHAT WE HELP WITH<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"kp-connect-service-list\">\r\n\r\n        <div class=\"kp-connect-service\">\r\n          <span>01<\/span>\r\n          <strong>\u06a9\u0627\u0631\u06cc\u0627\u0628\u06cc<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"kp-connect-service\">\r\n          <span>02<\/span>\r\n          <strong>\u0628\u06cc\u0645\u0647 \u0628\u06cc\u06a9\u0627\u0631\u06cc<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"kp-connect-service\">\r\n          <span>03<\/span>\r\n          <strong>\u0634\u06a9\u0627\u06cc\u062a \u0627\u0632 \u06a9\u0627\u0631\u0641\u0631\u0645\u0627<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"kp-connect-service\">\r\n          <span>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        <\/div>\r\n\r\n        <div class=\"kp-connect-service\">\r\n          <span>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        <\/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<!-- =========================================================\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        <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      <\/div>\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      <\/nav>\r\n\r\n    <\/div>\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 CONNECT\r\n========================================================= *\/\r\n\r\n.kp-connect{\r\n  position:relative;\r\n  width:100%;\r\n  background:#fff;\r\n  color:#101828;\r\n  font-family:inherit;\r\n  overflow:hidden;\r\n  border-top:1px solid #eef1f5;\r\n  direction:rtl;\r\n}\r\n\r\n.kp-connect *,\r\n.kp-connect *::before,\r\n.kp-connect *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.kp-connect-inner{\r\n  position:relative;\r\n  width:min(1180px,calc(100% - 50px));\r\n  margin:0 auto;\r\n  padding:105px 0 38px;\r\n  z-index:2;\r\n}\r\n\r\n\r\n\/* BACKGROUND *\/\r\n\r\n.kp-connect-bg{\r\n  position:absolute;\r\n  inset:0;\r\n  pointer-events:none;\r\n  overflow:hidden;\r\n}\r\n\r\n.kp-connect-bg-k{\r\n  position:absolute;\r\n  right:-80px;\r\n  top:25px;\r\n\r\n  font-family:Arial,sans-serif;\r\n  font-size:650px;\r\n  line-height:.8;\r\n  font-weight:800;\r\n  letter-spacing:-55px;\r\n\r\n  color:rgba(0,167,186,.025);\r\n  user-select:none;\r\n}\r\n\r\n.kp-connect-orb{\r\n  position:absolute;\r\n  width:420px;\r\n  height:420px;\r\n  left:-220px;\r\n  bottom:-230px;\r\n\r\n  border:1px solid rgba(0,167,186,.06);\r\n  border-radius:50%;\r\n}\r\n\r\n.kp-connect-orb::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:55px;\r\n\r\n  border:1px solid rgba(0,167,186,.045);\r\n  border-radius:50%;\r\n}\r\n\r\n\r\n\/* LABEL *\/\r\n\r\n.kp-connect-label{\r\n  width:100%;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:flex-start;\r\n  gap:8px;\r\n\r\n  direction:rtl;\r\n  text-align:right;\r\n\r\n  margin-bottom:48px;\r\n\r\n  font-size:9px;\r\n  letter-spacing:2px;\r\n  color:#98a2b3;\r\n}\r\n\r\n.kp-connect-label .kp-connect-line{\r\n  width:28px;\r\n  height:1px;\r\n  flex:0 0 28px;\r\n\r\n  background:#00A7BA;\r\n\r\n  order:1;\r\n  margin:0 3px 0 0;\r\n}\r\n\r\n.kp-connect-label b{\r\n  order:2;\r\n  color:#00A7BA;\r\n  font-weight:750;\r\n}\r\n\r\n.kp-connect-label i{\r\n  order:3;\r\n  font-style:normal;\r\n  color:#d0d5dd;\r\n}\r\n\r\n.kp-connect-label strong{\r\n  order:4;\r\n  color:#98a2b3;\r\n  font-weight:700;\r\n}\r\n\r\n\r\n\/* MAIN *\/\r\n\r\n.kp-connect-main{\r\n  display:grid;\r\n  grid-template-columns:1.15fr .85fr;\r\n  gap:70px;\r\n  align-items:end;\r\n  direction:rtl;\r\n\r\n  margin-bottom:75px;\r\n}\r\n\r\n.kp-connect-title-wrap{\r\n  text-align:right;\r\n}\r\n\r\n.kp-connect-eyebrow{\r\n  display:block;\r\n  margin-bottom:18px;\r\n\r\n  color:#98a2b3;\r\n\r\n  font-family:Arial,sans-serif;\r\n  font-size:8px;\r\n  font-weight:700;\r\n  letter-spacing:2px;\r\n\r\n  direction:ltr;\r\n}\r\n\r\n.kp-connect-title-wrap h2{\r\n  margin:0;\r\n\r\n  color:#101828;\r\n\r\n  font-size:clamp(48px,5.5vw,72px);\r\n  line-height:1.13;\r\n\r\n  letter-spacing:-3px;\r\n  font-weight:700;\r\n}\r\n\r\n.kp-connect-title-wrap h2 span{\r\n  color:#00A7BA;\r\n}\r\n\r\n.kp-connect-description{\r\n  padding-bottom:8px;\r\n  text-align:right;\r\n}\r\n\r\n.kp-connect-description::before{\r\n  content:\"\";\r\n  display:block;\r\n\r\n  width:42px;\r\n  height:2px;\r\n\r\n  margin:0 0 22px auto;\r\n\r\n  background:#00A7BA;\r\n}\r\n\r\n.kp-connect-description p{\r\n  max-width:430px;\r\n\r\n  margin:0 0 0 auto;\r\n\r\n  color:#667085;\r\n\r\n  font-size:14px;\r\n  line-height:2.05;\r\n\r\n  text-align:right;\r\n}\r\n\r\n\r\n\/* ACTION *\/\r\n\r\n.kp-connect-action{\r\n  position:relative;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n\r\n  gap:40px;\r\n\r\n  min-height:185px;\r\n\r\n  padding:30px 32px;\r\n\r\n  border:1px solid #e5eaf0;\r\n  border-radius:18px;\r\n\r\n  background:#fff;\r\n\r\n  box-shadow:0 15px 45px rgba(16,24,40,.035);\r\n\r\n  direction:rtl;\r\n  overflow:hidden;\r\n}\r\n\r\n.kp-connect-action::before{\r\n  content:\"\";\r\n  position:absolute;\r\n\r\n  right:0;\r\n  top:0;\r\n\r\n  width:3px;\r\n  height:100%;\r\n\r\n  background:#00A7BA;\r\n}\r\n\r\n.kp-connect-action::after{\r\n  content:\"\";\r\n  position:absolute;\r\n\r\n  left:-100px;\r\n  top:-100px;\r\n\r\n  width:220px;\r\n  height:220px;\r\n\r\n  border:1px solid rgba(0,167,186,.06);\r\n  border-radius:50%;\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n.kp-connect-action-content{\r\n  text-align:right;\r\n}\r\n\r\n.kp-connect-action-label{\r\n  display:block;\r\n\r\n  margin-bottom:10px;\r\n\r\n  color:#98a2b3;\r\n\r\n  font-family:Arial,sans-serif;\r\n  font-size:8px;\r\n  font-weight:700;\r\n  letter-spacing:2px;\r\n\r\n  direction:ltr;\r\n}\r\n\r\n.kp-connect-action-content h3{\r\n  margin:0;\r\n\r\n  color:#101828;\r\n\r\n  font-size:25px;\r\n  line-height:1.4;\r\n  font-weight:700;\r\n}\r\n\r\n.kp-connect-action-content p{\r\n  max-width:520px;\r\n\r\n  margin:10px 0 0 auto;\r\n\r\n  color:#667085;\r\n\r\n  font-size:12px;\r\n  line-height:1.9;\r\n}\r\n\r\n\r\n\/* BUTTON *\/\r\n\r\n.kp-connect-button{\r\n  position:relative;\r\n\r\n  flex:0 0 auto;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n\r\n  width:205px;\r\n  min-height:58px;\r\n\r\n  padding:8px 9px 8px 19px;\r\n\r\n  border-radius:12px;\r\n\r\n  background:#00A7BA;\r\n  color:#fff;\r\n\r\n  text-decoration:none;\r\n\r\n  font-size:12px;\r\n  font-weight:650;\r\n\r\n  transition:\r\n    transform .35s cubic-bezier(.22,1,.36,1),\r\n    box-shadow .35s ease,\r\n    background .3s ease;\r\n}\r\n\r\n.kp-connect-button span{\r\n  padding-right:8px;\r\n}\r\n\r\n.kp-connect-button b{\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:9px;\r\n\r\n  background:rgba(255,255,255,.14);\r\n\r\n  font-size:17px;\r\n  font-weight:400;\r\n\r\n  transition:\r\n    transform .35s cubic-bezier(.22,1,.36,1),\r\n    background .3s ease;\r\n}\r\n\r\n.kp-connect-button:hover{\r\n  transform:translateY(-3px);\r\n  background:#008F9F;\r\n\r\n  box-shadow:0 14px 30px rgba(0,167,186,.2);\r\n}\r\n\r\n.kp-connect-button:hover b{\r\n  transform:translate(2px,-2px) rotate(6deg);\r\n  background:rgba(255,255,255,.22);\r\n}\r\n\r\n\r\n\/* SERVICES *\/\r\n\r\n.kp-connect-services{\r\n  margin-top:65px;\r\n}\r\n\r\n.kp-connect-services-head{\r\n  padding-bottom:15px;\r\n  border-bottom:1px solid #edf0f4;\r\n  text-align:right;\r\n}\r\n\r\n.kp-connect-services-head span{\r\n  color:#98a2b3;\r\n\r\n  font-family:Arial,sans-serif;\r\n  font-size:8px;\r\n  font-weight:700;\r\n  letter-spacing:2px;\r\n\r\n  direction:ltr;\r\n}\r\n\r\n.kp-connect-service-list{\r\n  display:grid;\r\n  grid-template-columns:repeat(5,1fr);\r\n  direction:rtl;\r\n}\r\n\r\n.kp-connect-service{\r\n  min-height:85px;\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:center;\r\n\r\n  padding:0 20px;\r\n\r\n  border-left:1px solid #edf0f4;\r\n\r\n  text-align:right;\r\n\r\n  transition:\r\n    background .3s ease,\r\n    padding .3s ease;\r\n}\r\n\r\n.kp-connect-service:first-child{\r\n  border-left:none;\r\n}\r\n\r\n.kp-connect-service:hover{\r\n  background:#fafcfc;\r\n  padding-right:25px;\r\n}\r\n\r\n.kp-connect-service span{\r\n  margin-bottom:8px;\r\n\r\n  color:#b0bac8;\r\n\r\n  font-family:Arial,sans-serif;\r\n  font-size:8px;\r\n  font-weight:700;\r\n  letter-spacing:1px;\r\n\r\n  direction:ltr;\r\n}\r\n\r\n.kp-connect-service strong{\r\n  color:#344054;\r\n\r\n  font-size:11px;\r\n  line-height:1.6;\r\n  font-weight:650;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NEW 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:900px){\r\n\r\n  .kp-connect-inner{\r\n    padding-top:80px;\r\n  }\r\n\r\n  .kp-connect-main{\r\n    grid-template-columns:1fr;\r\n    gap:35px;\r\n  }\r\n\r\n  .kp-connect-description{\r\n    padding-bottom:0;\r\n  }\r\n\r\n  .kp-connect-description p{\r\n    max-width:600px;\r\n  }\r\n\r\n  .kp-connect-service-list{\r\n    grid-template-columns:repeat(3,1fr);\r\n  }\r\n\r\n  .kp-connect-service:nth-child(4){\r\n    border-top:1px solid #edf0f4;\r\n  }\r\n\r\n  .kp-connect-service:nth-child(5){\r\n    border-top:1px solid #edf0f4;\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-connect-inner{\r\n    width:calc(100% - 32px);\r\n    padding:65px 0 28px;\r\n  }\r\n\r\n  .kp-connect-bg-k{\r\n    right:-80px;\r\n    top:130px;\r\n\r\n    font-size:390px;\r\n    letter-spacing:-30px;\r\n  }\r\n\r\n  .kp-connect-orb{\r\n    width:300px;\r\n    height:300px;\r\n\r\n    left:-180px;\r\n    bottom:-170px;\r\n  }\r\n\r\n  .kp-connect-label{\r\n    margin-bottom:35px;\r\n    font-size:8px;\r\n  }\r\n\r\n  .kp-connect-main{\r\n    margin-bottom:48px;\r\n  }\r\n\r\n  .kp-connect-title-wrap h2{\r\n    font-size:43px;\r\n    line-height:1.18;\r\n    letter-spacing:-2.2px;\r\n  }\r\n\r\n  .kp-connect-eyebrow{\r\n    margin-bottom:15px;\r\n    font-size:7px;\r\n  }\r\n\r\n  .kp-connect-description::before{\r\n    width:32px;\r\n    margin-bottom:18px;\r\n  }\r\n\r\n  .kp-connect-description p{\r\n    font-size:12.5px;\r\n    line-height:1.95;\r\n  }\r\n\r\n  .kp-connect-action{\r\n    flex-direction:column;\r\n\r\n    align-items:stretch;\r\n\r\n    gap:28px;\r\n\r\n    min-height:0;\r\n\r\n    padding:26px 22px 22px;\r\n\r\n    border-radius:15px;\r\n  }\r\n\r\n  .kp-connect-action-content h3{\r\n    font-size:21px;\r\n  }\r\n\r\n  .kp-connect-action-content p{\r\n    font-size:11.5px;\r\n    line-height:1.9;\r\n  }\r\n\r\n  .kp-connect-button{\r\n    width:100%;\r\n    min-height:55px;\r\n  }\r\n\r\n  .kp-connect-services{\r\n    margin-top:45px;\r\n  }\r\n\r\n  .kp-connect-service-list{\r\n    grid-template-columns:1fr 1fr;\r\n  }\r\n\r\n  .kp-connect-service{\r\n    min-height:76px;\r\n\r\n    padding:0 12px;\r\n\r\n    border-left:none;\r\n    border-bottom:1px solid #edf0f4;\r\n  }\r\n\r\n  .kp-connect-service:nth-child(odd){\r\n    border-left:1px solid #edf0f4;\r\n  }\r\n\r\n  .kp-connect-service:nth-child(4),\r\n  .kp-connect-service:nth-child(5){\r\n    border-top:none;\r\n  }\r\n\r\n  .kp-connect-service:nth-child(5){\r\n    grid-column:1 \/ -1;\r\n  }\r\n\r\n  .kp-connect-service:hover{\r\n    padding-right:17px;\r\n  }\r\n\r\n  .kp-connect-service strong{\r\n    font-size:10px;\r\n  }\r\n\r\n\r\n  \/* NEW 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\/* SMALL MOBILE *\/\r\n\r\n@media(max-width:390px){\r\n\r\n  .kp-connect-title-wrap h2{\r\n    font-size:39px;\r\n    letter-spacing:-1.9px;\r\n  }\r\n\r\n  .kp-connect-description p{\r\n    font-size:12px;\r\n  }\r\n\r\n  .kp-connect-action-content h3{\r\n    font-size:19px;\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-connect *,\r\n  .kp-connect *::before,\r\n  .kp-connect *::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>\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>KARPIRA \u00b7 MASHHAD \u06a9\u0627\u0631\u06cc\u0627\u0628\u06cc \u062f\u0627\u062e\u0644\u06cc \u06a9\u0627\u0631\u067e\u06cc\u0631\u0627 \u0645\u0634\u0647\u062f \u062e\u062f\u0645\u0627\u062a \u062a\u062e\u0635\u0635\u06cc \u06a9\u0627\u0631\u06cc\u0627\u0628\u06cc \u0648 \u0645\u0646\u0627\u0628\u0639 \u0627\u0646\u0633\u0627\u0646\u06cc \u0628\u0627 \u0631\u0648\u06cc\u06a9\u0631\u062f\u06cc \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0648 \u0647\u062f\u0641\u0645\u0646\u062f \u062f\u0631 \u0645\u0634\u0647\u062f \u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627 \u06a9\u0627\u0631\u06cc\u0627\u0628\u06cc \u2197 \u0622\u0634\u0646\u0627\u06cc\u06cc \u0628\u0627 \u062e\u062f\u0645\u0627\u062a \u2193 CONNECTION K 01 PEOPLE \u0627\u0641\u0631\u0627\u062f \u062a\u0648\u0627\u0646\u0645\u0646\u062f\u06cc \u00b7 \u062a\u062c\u0631\u0628\u0647 \u00b7 \u0645\u0633\u06cc\u0631 \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0647\u0627 \u0646\u06cc\u0627\u0632 \u00b7 \u062a\u06cc\u0645 \u00b7 \u062a\u0648\u0633\u0639\u0647 K KARPIRA CAREER &#038; HR INTERNAL RECRUITMENT MASHHAD \u00b7 2026 CONNECT [&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-88","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ir.karpirajobs.com\/index.php?rest_route=\/wp\/v2\/pages\/88","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=88"}],"version-history":[{"count":34,"href":"https:\/\/ir.karpirajobs.com\/index.php?rest_route=\/wp\/v2\/pages\/88\/revisions"}],"predecessor-version":[{"id":163,"href":"https:\/\/ir.karpirajobs.com\/index.php?rest_route=\/wp\/v2\/pages\/88\/revisions\/163"}],"wp:attachment":[{"href":"https:\/\/ir.karpirajobs.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=88"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}