{"id":689,"date":"2024-02-19T12:17:28","date_gmt":"2024-02-19T12:17:28","guid":{"rendered":"https:\/\/taskbrowse.com\/ar\/?page_id=689"},"modified":"2026-10-27T10:00:16","modified_gmt":"2026-10-27T10:00:16","slug":"taskbrowse-lisharikat-it","status":"publish","type":"page","link":"https:\/\/taskbrowse.com\/ar\/taskbrowse-lisharikat-it\/","title":{"rendered":"\u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0644\u0634\u0631\u0643\u0627\u062a \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a"},"content":{"rendered":"\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n\/* =============================================\n   TaskBrowse IT Solutions \u2014 Section 01\n   Hero \/ Independent WordPress HTML Block\n   ============================================= *\/\n\n#tb-it-hero {\n  --tih-red: #c8102e;\n  --tih-ink: #17191d;\n  --tih-muted: #686a72;\n  --tih-line: #e4e5e8;\n\n  direction: rtl;\n  text-align: right;\n  width: 100%;\n  margin: 0;\n  padding: 105px 24px 35px;\n  background: #fff;\n  color: var(--tih-ink);\n  font-family: \"IBM Plex Sans Arabic\", Tahoma, sans-serif;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n\n#tb-it-hero *,\n#tb-it-hero *::before,\n#tb-it-hero *::after {\n  box-sizing: border-box;\n}\n\n#tb-it-hero .tih-container {\n  max-width: 1380px;\n  width: 100%;\n  margin-inline: auto;\n}\n\n\/* Main layout *\/\n\n#tb-it-hero .tih-layout {\n  display: grid;\n  grid-template-columns: minmax(0,1fr) minmax(0,1.02fr);\n  align-items: center;\n  gap: clamp(35px,5.5vw,90px);\n}\n\n#tb-it-hero .tih-copy,\n#tb-it-hero .tih-visual {\n  min-width: 0;\n}\n\n#tb-it-hero .tih-eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n  margin-bottom: 25px;\n  color: var(--tih-red);\n  font-size: 14px;\n  font-weight: 700;\n}\n\n#tb-it-hero .tih-eyebrow::before {\n  content: \"\";\n  width: 33px;\n  height: 2px;\n  flex: 0 0 33px;\n  background: var(--tih-red);\n}\n\n#tb-it-hero h1.tih-title {\n  margin: 0 0 27px;\n  color: var(--tih-ink);\n  font-family: inherit;\n  font-size: clamp(36px,3.55vw,59px);\n  font-weight: 800;\n  line-height: 1.42;\n  letter-spacing: -.5px;\n}\n\n#tb-it-hero .tih-title span {\n  color: var(--tih-red);\n}\n\n#tb-it-hero .tih-lead {\n  max-width: 665px;\n  margin: 0 0 18px;\n  color: #50525a;\n  font-size: 18px;\n  line-height: 2.08;\n}\n\n#tb-it-hero .tih-lead strong {\n  color: #26282f;\n  font-weight: 800;\n}\n\n#tb-it-hero .tih-subtext {\n  max-width: 650px;\n  margin: 0 0 33px;\n  color: #777981;\n  font-size: 15px;\n  line-height: 2.05;\n}\n\n\/* CTA buttons *\/\n\n#tb-it-hero .tih-actions {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n#tb-it-hero .tih-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  min-height: 55px;\n  padding: 12px 22px;\n  border-radius: 9px;\n  text-decoration: none !important;\n  font-size: 14px;\n  font-weight: 800;\n  line-height: 1.6;\n  transition: background .2s ease;\n}\n\n#tb-it-hero .tih-btn-primary {\n  color: #fff !important;\n  background: var(--tih-red);\n  border: 1px solid var(--tih-red);\n}\n\n#tb-it-hero .tih-btn-primary:hover {\n  background: #a90c29;\n}\n\n#tb-it-hero .tih-btn-secondary {\n  color: #292b32 !important;\n  background: #fff;\n  border: 1px solid #d9dade;\n}\n\n#tb-it-hero .tih-btn-secondary:hover {\n  background: #fff4f7;\n}\n\n#tb-it-hero .tih-btn:focus-visible {\n  outline: 3px solid var(--tih-red);\n  outline-offset: 4px;\n}\n\n\/* =============================================\n   Mock dashboard\n   ============================================= *\/\n\n#tb-it-hero .tih-dashboard {\n  overflow: hidden;\n  border: 1px solid #dedfe3;\n  border-radius: 21px;\n  background: #fff;\n  box-shadow: 0 24px 65px rgba(0,0,0,.075);\n}\n\n#tb-it-hero .tih-dashboard-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 15px;\n  padding: 24px;\n  border-bottom: 1px solid var(--tih-line);\n}\n\n#tb-it-hero .tih-dashboard-header h2 {\n  margin: 0 0 5px;\n  color: #262830;\n  font-family: inherit;\n  font-size: 18px;\n  font-weight: 800;\n}\n\n#tb-it-hero .tih-dashboard-header p {\n  margin: 0;\n  color: #91939b;\n  font-size: 11px;\n}\n\n#tb-it-hero .tih-demo {\n  padding: 8px 11px;\n  color: #85878e;\n  border: 1px solid #e3e4e7;\n  border-radius: 8px;\n  font-size: 10px;\n  white-space: nowrap;\n}\n\n\/* Stats *\/\n\n#tb-it-hero .tih-stats {\n  display: grid;\n  grid-template-columns: repeat(3,minmax(0,1fr));\n  gap: 10px;\n  padding: 20px;\n  background: #fafafb;\n  border-bottom: 1px solid var(--tih-line);\n}\n\n#tb-it-hero .tih-stat {\n  padding: 16px 12px;\n  border: 1px solid #ececf0;\n  border-radius: 11px;\n  background: #fff;\n}\n\n#tb-it-hero .tih-stat-value {\n  display: block;\n  color: #272930;\n  font-size: 26px;\n  font-weight: 800;\n  line-height: 1.3;\n}\n\n#tb-it-hero .tih-stat-label {\n  display: block;\n  margin-top: 6px;\n  color: #85878f;\n  font-size: 10px;\n  line-height: 1.7;\n}\n\n\/* Project list *\/\n\n#tb-it-hero .tih-projects {\n  padding: 9px 22px 19px;\n}\n\n#tb-it-hero .tih-list-header {\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  padding: 15px 0;\n  border-bottom: 1px solid #ededf0;\n}\n\n#tb-it-hero .tih-list-header strong {\n  color: #383a41;\n  font-size: 12px;\n  font-weight: 800;\n}\n\n#tb-it-hero .tih-list-header span {\n  color: #96989f;\n  font-size: 10px;\n}\n\n#tb-it-hero .tih-project {\n  display: grid;\n  grid-template-columns: 40px minmax(0,1fr) 97px;\n  align-items: center;\n  gap: 13px;\n  padding: 22px 0;\n  border-bottom: 1px solid #ececf0;\n}\n\n#tb-it-hero .tih-project:last-child {\n  border-bottom: 0;\n}\n\n#tb-it-hero .tih-project-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n  border-radius: 10px;\n  background: #fff0f3;\n  color: var(--tih-red);\n}\n\n#tb-it-hero .tih-project-icon.blue {\n  background: #ecf3fb;\n  color: #417eaf;\n}\n\n#tb-it-hero .tih-project-icon.green {\n  background: #eaf5ef;\n  color: #35835c;\n}\n\n#tb-it-hero .tih-project-icon svg {\n  width: 23px;\n  height: 23px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n#tb-it-hero .tih-project-info {\n  min-width: 0;\n}\n\n#tb-it-hero .tih-project-name {\n  color: #292b32;\n  font-size: 13px;\n  font-weight: 800;\n  line-height: 1.65;\n}\n\n#tb-it-hero .tih-project-meta {\n  margin: 5px 0 12px;\n  color: #96989f;\n  font-size: 11px;\n  line-height: 1.6;\n}\n\n#tb-it-hero .tih-progress {\n  display: flex;\n  align-items: center;\n  gap: 9px;\n}\n\n#tb-it-hero .tih-progress-track {\n  flex: 1;\n  height: 6px;\n  overflow: hidden;\n  background: #ececf0;\n  border-radius: 20px;\n}\n\n#tb-it-hero .tih-progress-fill {\n  display: block;\n  height: 100%;\n  background: var(--tih-red);\n  border-radius: inherit;\n}\n\n#tb-it-hero .tih-progress-fill.green {\n  background: #3b9367;\n}\n\n#tb-it-hero .tih-progress-number {\n  color: #888a91;\n  font-size: 10px;\n  direction: ltr;\n  white-space: nowrap;\n}\n\n#tb-it-hero .tih-status {\n  display: block;\n  padding: 9px 5px;\n  border-radius: 7px;\n  background: #fff0f3;\n  color: #aa0e2c;\n  text-align: center;\n  font-size: 10px;\n  font-weight: 800;\n  line-height: 1.5;\n}\n\n#tb-it-hero .tih-status.review {\n  background: #fff5e0;\n  color: #967017;\n}\n\n#tb-it-hero .tih-status.done {\n  background: #eaf7ef;\n  color: #2b7d51;\n}\n\n\/* Dashboard footer *\/\n\n#tb-it-hero .tih-dashboard-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 17px;\n  padding: 20px 23px;\n  background: #202124;\n}\n\n#tb-it-hero .tih-dashboard-footer span {\n  color: #c6c7cb;\n  font-size: 12px;\n  line-height: 1.8;\n}\n\n#tb-it-hero .tih-dashboard-footer strong {\n  color: #fff;\n  font-size: 12px;\n  white-space: nowrap;\n}\n\n#tb-it-hero .tih-visual-note {\n  margin: 13px 0 0;\n  color: #96989e;\n  font-size: 11px;\n  line-height: 1.8;\n  text-align: center;\n}\n\n\/* =============================================\n   Bottom Workflow \u2014 4 steps\n   ============================================= *\/\n\n#tb-it-hero .tih-stages {\n  display: grid;\n  grid-template-columns: repeat(4,minmax(0,1fr));\n  margin-top: 85px;\n  border-top: 1px solid var(--tih-line);\n  border-bottom: 1px solid var(--tih-line);\n}\n\n#tb-it-hero .tih-stage {\n  position: relative;\n  padding: 29px 24px;\n  border-left: 1px solid var(--tih-line);\n}\n\n#tb-it-hero .tih-stage:last-child {\n  border-left: 0;\n}\n\n#tb-it-hero .tih-stage::before {\n  content: \"\";\n  position: absolute;\n  top: -2px;\n  right: 24px;\n  width: 36px;\n  height: 3px;\n  background: var(--tih-red);\n}\n\n#tb-it-hero .tih-stage-heading {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 12px;\n}\n\n#tb-it-hero .tih-stage-number {\n  color: var(--tih-red);\n  font-size: 13px;\n  font-weight: 800;\n}\n\n#tb-it-hero .tih-stage h2 {\n  margin: 0;\n  color: var(--tih-ink);\n  font-family: inherit;\n  font-size: 20px;\n  font-weight: 800;\n}\n\n#tb-it-hero .tih-stage p {\n  margin: 0;\n  color: #73757c;\n  font-size: 13px;\n  line-height: 2;\n}\n\n\/* =============================================\n   Responsive\n   ============================================= *\/\n\n@media (max-width: 1100px) {\n\n  #tb-it-hero {\n    padding: 85px 22px 35px;\n  }\n\n  #tb-it-hero .tih-layout {\n    grid-template-columns: 1fr;\n    gap: 52px;\n  }\n\n  #tb-it-hero .tih-copy,\n  #tb-it-hero .tih-visual {\n    width: 100%;\n    max-width: 850px;\n    margin-inline: auto;\n  }\n\n  #tb-it-hero h1.tih-title {\n    font-size: clamp(38px,5.3vw,58px);\n  }\n\n}\n\n@media (max-width: 760px) {\n\n  #tb-it-hero {\n    padding: 65px 18px 25px;\n  }\n\n  #tb-it-hero h1.tih-title {\n    font-size: clamp(34px,7.6vw,46px);\n  }\n\n  #tb-it-hero .tih-lead {\n    font-size: 16px;\n  }\n\n  #tb-it-hero .tih-stages {\n    grid-template-columns: repeat(2,minmax(0,1fr));\n    margin-top: 65px;\n  }\n\n  #tb-it-hero .tih-stage:nth-child(2) {\n    border-left: 0;\n  }\n\n  #tb-it-hero .tih-stage:nth-child(-n+2) {\n    border-bottom: 1px solid var(--tih-line);\n  }\n\n  #tb-it-hero .tih-stage {\n    padding: 25px 17px;\n  }\n\n  #tb-it-hero .tih-stage::before {\n    right: 17px;\n  }\n\n}\n\n@media (max-width: 480px) {\n\n  #tb-it-hero h1.tih-title {\n    font-size: 33px;\n  }\n\n  #tb-it-hero .tih-actions {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  #tb-it-hero .tih-btn {\n    width: 100%;\n  }\n\n  #tb-it-hero .tih-dashboard {\n    border-radius: 16px;\n  }\n\n  #tb-it-hero .tih-dashboard-header {\n    flex-wrap: wrap;\n    padding: 19px 15px;\n  }\n\n  #tb-it-hero .tih-stats {\n    padding: 12px;\n    gap: 6px;\n  }\n\n  #tb-it-hero .tih-stat {\n    padding: 12px 7px;\n  }\n\n  #tb-it-hero .tih-stat-value {\n    font-size: 20px;\n  }\n\n  #tb-it-hero .tih-stat-label {\n    font-size: 9px;\n  }\n\n  #tb-it-hero .tih-projects {\n    padding: 8px 14px 16px;\n  }\n\n  #tb-it-hero .tih-project {\n    grid-template-columns: 34px minmax(0,1fr);\n    gap: 10px;\n    padding: 19px 0;\n  }\n\n  #tb-it-hero .tih-project-icon {\n    width: 34px;\n    height: 34px;\n  }\n\n  #tb-it-hero .tih-project-name {\n    font-size: 12px;\n  }\n\n  #tb-it-hero .tih-status {\n    grid-column: 2;\n    min-width: 94px;\n    width: fit-content;\n    padding-inline: 10px;\n  }\n\n  #tb-it-hero .tih-dashboard-footer {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  #tb-it-hero .tih-stages {\n    grid-template-columns: 1fr;\n  }\n\n  #tb-it-hero .tih-stage,\n  #tb-it-hero .tih-stage:nth-child(2) {\n    border-left: 0;\n    border-bottom: 1px solid var(--tih-line);\n  }\n\n  #tb-it-hero .tih-stage:last-child {\n    border-bottom: 0;\n  }\n\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #tb-it-hero .tih-btn {\n    transition: none;\n  }\n}\n<\/style>\n\n<section\n  id=\"tb-it-hero\"\n  dir=\"rtl\"\n  lang=\"ar\"\n  aria-labelledby=\"tb-it-hero-title\">\n\n  <div class=\"tih-container\">\n\n    <!-- HERO GRID -->\n    <div class=\"tih-layout\">\n\n      <!-- CONTENT -->\n      <div class=\"tih-copy\">\n\n        <div class=\"tih-eyebrow\">\n          \u0625\u062f\u0627\u0631\u0629 \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a \u0648\u062e\u062f\u0645\u0627\u062a IT\n        <\/div>\n\n        <h1 class=\"tih-title\" id=\"tb-it-hero-title\">\n          \u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n          \u0644\u0634\u0631\u0643\u0627\u062a \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a:\n          <span>\u0645\u0646 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0625\u0644\u0649 \u0627\u0644\u062a\u0633\u0644\u064a\u0645<\/span>\n        <\/h1>\n\n        <p class=\"tih-lead\">\n          \u0633\u0648\u0627\u0621 \u0643\u0646\u062a \u062a\u062f\u064a\u0631 \u0634\u0631\u0643\u0629 \u0644\u062a\u0637\u0648\u064a\u0631\n          \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a \u0623\u0648 \u0641\u0631\u064a\u0642\u064b\u0627 \u062f\u0627\u062e\u0644\u064a\u064b\u0627\n          \u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a\u060c\n          \u064a\u0633\u0627\u0639\u062f\u0643 <strong>\u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632<\/strong>\n          \u0639\u0644\u0649 \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u0642\u0646\u064a\u0629\u060c\n          \u0648\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0645\u0647\u0627\u0645 \u0628\u064a\u0646 \u0627\u0644\u0641\u0631\u0642\u060c\n          \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0648\u062a\u0642\u062f\u0645 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\n          \u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f.\n        <\/p>\n\n        <p class=\"tih-subtext\">\n          \u064a\u062c\u0645\u0639 \u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0644\u0634\u0631\u0643\u0627\u062a\n          \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0628\u064a\u0646 \u0627\u0644\u062a\u062e\u0637\u064a\u0637\u060c\n          \u0648\u0625\u062f\u0627\u0631\u0629 \u0645\u0647\u0627\u0645 \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0648\u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629\u060c\n          \u0648\u062a\u062a\u0628\u0639 \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641\u060c\n          \u0644\u062a\u0643\u0648\u0646 \u0644\u062f\u064a\u0643 \u0635\u0648\u0631\u0629 \u0623\u0648\u0636\u062d \u0639\u0646\n          \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062c\u0627\u0631\u064a\u0629 \u0648\u0645\u0627 \u064a\u062d\u062a\u0627\u062c\n          \u0625\u0644\u0649 \u0645\u062a\u0627\u0628\u0639\u0629.\n        <\/p>\n\n        <div class=\"tih-actions\">\n\n          <a\n            class=\"tih-btn tih-btn-primary\"\n            href=\"https:\/\/panel.taskbrowse.com\/Account\/Register?lang=ar\">\n            \u0627\u0628\u062f\u0623 \u0645\u062c\u0627\u0646\u064b\u0627\n            <span aria-hidden=\"true\">\u2190<\/span>\n          <\/a>\n\n          <a\n            class=\"tih-btn tih-btn-secondary\"\n            href=\"#tb-it-planning\">\n            \u0627\u0643\u062a\u0634\u0641 \u0623\u062f\u0648\u0627\u062a \u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n            <span aria-hidden=\"true\">\u2193<\/span>\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- ILLUSTRATIVE DASHBOARD -->\n      <div class=\"tih-visual\">\n\n        <div\n          class=\"tih-dashboard\"\n          aria-label=\"\u0646\u0645\u0648\u0630\u062c \u062a\u0648\u0636\u064a\u062d\u064a \u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0634\u0627\u0631\u064a\u0639 \u0634\u0631\u0643\u0629 \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0645\u0639\u0644\u0648\u0645\u0627\u062a\">\n\n          <div class=\"tih-dashboard-header\">\n\n            <div>\n              <h2>\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u0642\u0646\u064a\u0629<\/h2>\n              <p>\u0646\u0638\u0631\u0629 \u0639\u0627\u0645\u0629 \u0639\u0644\u0649 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u0641\u0631\u0642<\/p>\n            <\/div>\n\n            <span class=\"tih-demo\">\n              \u0645\u062b\u0627\u0644 \u062a\u0648\u0636\u064a\u062d\u064a\n            <\/span>\n\n          <\/div>\n\n          <!-- STATS -->\n          <div class=\"tih-stats\">\n\n            <div class=\"tih-stat\">\n              <strong class=\"tih-stat-value\">7<\/strong>\n              <span class=\"tih-stat-label\">\n                \u0645\u0634\u0627\u0631\u064a\u0639 \u062c\u0627\u0631\u064a\u0629\n              <\/span>\n            <\/div>\n\n            <div class=\"tih-stat\">\n              <strong class=\"tih-stat-value\">36<\/strong>\n              <span class=\"tih-stat-label\">\n                \u0645\u0647\u0645\u0629 \u0642\u064a\u062f \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629\n              <\/span>\n            <\/div>\n\n            <div class=\"tih-stat\">\n              <strong class=\"tih-stat-value\">14<\/strong>\n              <span class=\"tih-stat-label\">\n                \u0639\u0636\u0648\u064b\u0627 \u0641\u064a \u0627\u0644\u0641\u0631\u064a\u0642\n              <\/span>\n            <\/div>\n\n          <\/div>\n\n          <!-- PROJECT LIST -->\n          <div class=\"tih-projects\">\n\n            <div class=\"tih-list-header\">\n              <strong>\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062d\u0627\u0644\u064a\u0629<\/strong>\n              <span>\u0627\u0644\u062a\u0642\u062f\u0645 \u0648\u0627\u0644\u062d\u0627\u0644\u0629<\/span>\n            <\/div>\n\n            <!-- PROJECT 01 -->\n            <div class=\"tih-project\">\n\n              <span\n                class=\"tih-project-icon\"\n                aria-hidden=\"true\">\n\n                <svg viewBox=\"0 0 24 24\">\n                  <rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"\/>\n                  <path d=\"M3 9h18\"\/>\n                  <path d=\"m10 13-3 2 3 2\"\/>\n                  <path d=\"m14 13 3 2-3 2\"\/>\n                <\/svg>\n\n              <\/span>\n\n              <div class=\"tih-project-info\">\n\n                <div class=\"tih-project-name\">\n                  \u062a\u0637\u0648\u064a\u0631 \u0645\u0646\u0635\u0629 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621\n                <\/div>\n\n                <div class=\"tih-project-meta\">\n                  \u0641\u0631\u064a\u0642 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a\n                <\/div>\n\n                <div class=\"tih-progress\">\n                  <div class=\"tih-progress-track\">\n                    <span\n                      class=\"tih-progress-fill\"\n                      style=\"width:72%\"><\/span>\n                  <\/div>\n                  <span class=\"tih-progress-number\">\n                    72%\n                  <\/span>\n                <\/div>\n\n              <\/div>\n\n              <span class=\"tih-status\">\n                \u0642\u064a\u062f \u0627\u0644\u062a\u0646\u0641\u064a\u0630\n              <\/span>\n\n            <\/div>\n\n            <!-- PROJECT 02 -->\n            <div class=\"tih-project\">\n\n              <span\n                class=\"tih-project-icon blue\"\n                aria-hidden=\"true\">\n\n                <svg viewBox=\"0 0 24 24\">\n                  <rect x=\"4\" y=\"3\" width=\"16\" height=\"7\" rx=\"2\"\/>\n                  <rect x=\"4\" y=\"14\" width=\"16\" height=\"7\" rx=\"2\"\/>\n                  <path d=\"M8 7h.01M8 18h.01\"\/>\n                  <path d=\"M12 7h5M12 18h5\"\/>\n                <\/svg>\n\n              <\/span>\n\n              <div class=\"tih-project-info\">\n\n                <div class=\"tih-project-name\">\n                  \u062a\u0631\u0642\u064a\u0629 \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0644\u0644\u062e\u0648\u0627\u062f\u0645\n                <\/div>\n\n                <div class=\"tih-project-meta\">\n                  \u0641\u0631\u064a\u0642 \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629\n                <\/div>\n\n                <div class=\"tih-progress\">\n                  <div class=\"tih-progress-track\">\n                    <span\n                      class=\"tih-progress-fill\"\n                      style=\"width:46%\"><\/span>\n                  <\/div>\n                  <span class=\"tih-progress-number\">\n                    46%\n                  <\/span>\n                <\/div>\n\n              <\/div>\n\n              <span class=\"tih-status review\">\n                \u0642\u064a\u062f \u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0629\n              <\/span>\n\n            <\/div>\n\n            <!-- PROJECT 03 -->\n            <div class=\"tih-project\">\n\n              <span\n                class=\"tih-project-icon green\"\n                aria-hidden=\"true\">\n\n                <svg viewBox=\"0 0 24 24\">\n                  <rect x=\"3\" y=\"4\" width=\"18\" height=\"15\" rx=\"2\"\/>\n                  <path d=\"M3 9h18\"\/>\n                  <path d=\"m9 14 2 2 4-4\"\/>\n                <\/svg>\n\n              <\/span>\n\n              <div class=\"tih-project-info\">\n\n                <div class=\"tih-project-name\">\n                  \u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u0646\u0638\u0627\u0645 \u0625\u062f\u0627\u0631\u0629 \u062f\u0627\u062e\u0644\u064a\n                <\/div>\n\n                <div class=\"tih-project-meta\">\n                  \u0641\u0631\u064a\u0642 \u0627\u0644\u0646\u0634\u0631 \u0648\u0627\u0644\u062a\u0634\u063a\u064a\u0644\n                <\/div>\n\n                <div class=\"tih-progress\">\n                  <div class=\"tih-progress-track\">\n                    <span\n                      class=\"tih-progress-fill green\"\n                      style=\"width:100%\"><\/span>\n                  <\/div>\n                  <span class=\"tih-progress-number\">\n                    100%\n                  <\/span>\n                <\/div>\n\n              <\/div>\n\n              <span class=\"tih-status done\">\n                \u0645\u0643\u062a\u0645\u0644\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n          <div class=\"tih-dashboard-footer\">\n\n            <span>\n              \u0645\u0634\u0627\u0631\u064a\u0639 \u0645\u062a\u0639\u062f\u062f\u0629\u060c \u0648\u0641\u0631\u0642 \u0645\u062e\u062a\u0644\u0641\u0629\u060c\n              \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0648\u062d\u0651\u062f\u0629 \u0644\u0644\u0639\u0645\u0644.\n            <\/span>\n\n            <strong>\n              \u0631\u0624\u064a\u0629 \u0623\u0648\u0636\u062d \u0644\u0644\u062a\u0646\u0641\u064a\u0630\n            <\/strong>\n\n          <\/div>\n\n        <\/div>\n\n        <p class=\"tih-visual-note\">\n          \u0646\u0645\u0648\u0630\u062c \u062a\u0648\u0636\u064a\u062d\u064a\u060c \u0648\u0644\u064a\u0633 \u0644\u0642\u0637\u0629 \u0641\u0639\u0644\u064a\u0629\n          \u0645\u0646 \u0648\u0627\u062c\u0647\u0629 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- FOUR STAGES -->\n    <div class=\"tih-stages\">\n\n      <div class=\"tih-stage\">\n\n        <div class=\"tih-stage-heading\">\n          <span class=\"tih-stage-number\">01<\/span>\n          <h2>\u062e\u0637\u0651\u0637<\/h2>\n        <\/div>\n\n        <p>\n          \u0646\u0638\u0651\u0645 \u0645\u0631\u0627\u062d\u0644 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a\n          \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0648\u062d\u062f\u0651\u062f\n          \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0648\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u064a\u0627\u062a.\n        <\/p>\n\n      <\/div>\n\n      <div class=\"tih-stage\">\n\n        <div class=\"tih-stage-heading\">\n          <span class=\"tih-stage-number\">02<\/span>\n          <h2>\u0648\u0632\u0651\u0639<\/h2>\n        <\/div>\n\n        <p>\n          \u0623\u0633\u0646\u062f \u0645\u0647\u0627\u0645 \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0648\u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\n          \u0648\u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0625\u0644\u0649 \u0623\u0639\u0636\u0627\u0621\n          \u0627\u0644\u0641\u0631\u0642 \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0646 \u0639\u0646\u0647\u0627.\n        <\/p>\n\n      <\/div>\n\n      <div class=\"tih-stage\">\n\n        <div class=\"tih-stage-heading\">\n          <span class=\"tih-stage-number\">03<\/span>\n          <h2>\u062a\u0627\u0628\u0639<\/h2>\n        <\/div>\n\n        <p>\n          \u0631\u0627\u0642\u0628 \u062a\u0642\u062f\u0645 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f\n          \u0648\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0641\u0639\u0644\u064a\u0629\n          \u0648\u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u062a\u0623\u062e\u0631\u0629.\n        <\/p>\n\n      <\/div>\n\n      <div class=\"tih-stage\">\n\n        <div class=\"tih-stage-heading\">\n          <span class=\"tih-stage-number\">04<\/span>\n          <h2>\u062d\u0644\u0651\u0644<\/h2>\n        <\/div>\n\n        <p>\n          \u0631\u0627\u062c\u0639 \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641\n          \u0648\u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0644\u0627\u062a\u062e\u0627\u0630\n          \u0642\u0631\u0627\u0631\u0627\u062a \u0623\u0641\u0636\u0644.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n\/* =====================================================\n   TaskBrowse IT \u2014 Section 02\n   Software & Infrastructure Project Planning\n   ===================================================== *\/\n\n#tb-it-planning {\n  --tip-red: #c8102e;\n  --tip-dark: #202124;\n  --tip-panel: #292a2e;\n  --tip-line: #424349;\n  --tip-muted: #c5c6cb;\n  --tip-pink: #ff98ae;\n\n  width: 100%;\n  margin: 0;\n  padding: 110px 24px 100px;\n  direction: rtl;\n  text-align: right;\n  background: var(--tip-dark);\n  color: #fff;\n  font-family: \"IBM Plex Sans Arabic\", Tahoma, sans-serif;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n\n#tb-it-planning *,\n#tb-it-planning *::before,\n#tb-it-planning *::after {\n  box-sizing: border-box;\n}\n\n#tb-it-planning .tip-container {\n  width: 100%;\n  max-width: 1380px;\n  margin-inline: auto;\n}\n\n\/* ===== Editorial heading ===== *\/\n\n#tb-it-planning .tip-intro {\n  display: grid;\n  grid-template-columns:\n    minmax(0, 1.08fr)\n    minmax(0, .92fr);\n  align-items: center;\n  gap: clamp(40px, 6vw, 100px);\n  margin-bottom: 72px;\n}\n\n#tb-it-planning .tip-intro > * {\n  min-width: 0;\n}\n\n#tb-it-planning .tip-eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n  margin-bottom: 25px;\n  color: var(--tip-pink);\n  font-size: 14px;\n  font-weight: 700;\n}\n\n#tb-it-planning .tip-eyebrow::before {\n  content: \"\";\n  width: 33px;\n  height: 2px;\n  flex: 0 0 33px;\n  background: var(--tip-red);\n}\n\n#tb-it-planning h2.tip-title {\n  margin: 0;\n  max-width: 800px;\n  color: #fff;\n  font-family: inherit;\n  font-size: clamp(39px, 4.2vw, 65px);\n  font-weight: 800;\n  line-height: 1.4;\n  letter-spacing: -.5px;\n}\n\n#tb-it-planning .tip-title span {\n  color: var(--tip-pink);\n}\n\n#tb-it-planning .tip-description p {\n  margin: 0 0 19px;\n  color: var(--tip-muted);\n  font-size: clamp(17px, 1.4vw, 20px);\n  line-height: 2.1;\n}\n\n#tb-it-planning .tip-description p:last-child {\n  margin-bottom: 0;\n}\n\n#tb-it-planning .tip-description strong {\n  color: #fff;\n  font-weight: 800;\n}\n\n\/* ===== Timeline board ===== *\/\n\n#tb-it-planning .tip-board {\n  overflow: hidden;\n  border: 1px solid var(--tip-line);\n  border-radius: 23px;\n  background: var(--tip-panel);\n}\n\n#tb-it-planning .tip-board-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 17px;\n  padding: 25px 29px;\n  border-bottom: 1px solid var(--tip-line);\n}\n\n#tb-it-planning .tip-project-heading {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n#tb-it-planning .tip-project-dot {\n  width: 9px;\n  height: 9px;\n  flex: 0 0 9px;\n  background: var(--tip-red);\n  border-radius: 50%;\n}\n\n#tb-it-planning .tip-project-name {\n  color: #fff;\n  font-size: 18px;\n  font-weight: 800;\n  line-height: 1.6;\n}\n\n#tb-it-planning .tip-project-sub {\n  margin-top: 4px;\n  color: #aeb0b6;\n  font-size: 11px;\n}\n\n#tb-it-planning .tip-demo {\n  padding: 8px 12px;\n  color: #babcc2;\n  border: 1px solid #53545b;\n  border-radius: 8px;\n  font-size: 11px;\n  white-space: nowrap;\n}\n\n\/* ===== Timeline scroll region ===== *\/\n\n#tb-it-planning .tip-scroll {\n  width: 100%;\n  overflow-x: auto;\n  scrollbar-width: thin;\n  scrollbar-color: #7c7d84 var(--tip-panel);\n}\n\n#tb-it-planning .tip-timeline {\n  min-width: 930px;\n  width: 100%;\n}\n\n\/* ===== Grid headings ===== *\/\n\n#tb-it-planning .tip-grid-head,\n#tb-it-planning .tip-task-row {\n  display: grid;\n  grid-template-columns: 275px minmax(0, 1fr);\n}\n\n#tb-it-planning .tip-grid-head {\n  border-bottom: 1px solid var(--tip-line);\n}\n\n#tb-it-planning .tip-task-column-head {\n  padding: 21px 24px;\n  border-left: 1px solid var(--tip-line);\n  color: #c1c2c7;\n  font-size: 12px;\n  font-weight: 800;\n}\n\n#tb-it-planning .tip-weeks {\n  display: grid;\n  grid-template-columns: repeat(5, minmax(0, 1fr));\n}\n\n#tb-it-planning .tip-week {\n  padding: 21px 8px;\n  color: #c2c3c8;\n  font-size: 12px;\n  text-align: center;\n  border-left: 1px solid #414248;\n}\n\n#tb-it-planning .tip-week:last-child {\n  border-left: 0;\n}\n\n\/* ===== Individual tasks ===== *\/\n\n#tb-it-planning .tip-task-row {\n  min-height: 102px;\n  border-bottom: 1px solid var(--tip-line);\n}\n\n#tb-it-planning .tip-task-row:last-child {\n  border-bottom: 0;\n}\n\n#tb-it-planning .tip-task-info {\n  display: flex;\n  align-items: center;\n  gap: 15px;\n  padding: 19px 22px;\n  border-left: 1px solid var(--tip-line);\n}\n\n#tb-it-planning .tip-task-number {\n  flex: 0 0 26px;\n  color: var(--tip-pink);\n  font-size: 12px;\n  font-weight: 800;\n}\n\n#tb-it-planning .tip-task-name {\n  color: #fff;\n  font-size: 14px;\n  font-weight: 800;\n  line-height: 1.65;\n}\n\n#tb-it-planning .tip-task-team {\n  margin-top: 5px;\n  color: #a6a8af;\n  font-size: 11px;\n  line-height: 1.65;\n}\n\n\/* ===== Gantt tracks and bars ===== *\/\n\n#tb-it-planning .tip-track {\n  position: relative;\n  background-image:\n    linear-gradient(to left,\n      #424349 1px,\n      transparent 1px\n    );\n  background-size: 20% 100%;\n  background-position: right top;\n}\n\n#tb-it-planning .tip-bar {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  height: 42px;\n  padding-inline: 13px;\n  border-radius: 7px;\n  overflow: hidden;\n  white-space: nowrap;\n  color: #fff;\n  font-size: 12px;\n  font-weight: 800;\n  background: var(--tip-red);\n}\n\n\/*\n   Right = timeline starting position.\n   Width = duration.\n   Each 20% = one week.\n   Illustrative planning dates only.\n*\/\n\n#tb-it-planning .tip-bar-1 {\n  right: 2%;\n  width: 18%;\n  background: #d11437;\n}\n\n#tb-it-planning .tip-bar-2 {\n  right: 20%;\n  width: 20%;\n  background: #c01032;\n}\n\n#tb-it-planning .tip-bar-3 {\n  right: 40%;\n  width: 38%;\n  background: #a80e2c;\n}\n\n#tb-it-planning .tip-bar-4 {\n  right: 61%;\n  width: 26%;\n  background: #8d1b35;\n}\n\n#tb-it-planning .tip-bar-5 {\n  right: 87%;\n  width: 11%;\n  background: #742238;\n}\n\n\/* ===== Timeline footer ===== *\/\n\n#tb-it-planning .tip-board-footer {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 22px;\n  padding: 20px 29px;\n  background: #25262a;\n  border-top: 1px solid var(--tip-line);\n}\n\n#tb-it-planning .tip-board-footer p {\n  margin: 0;\n  color: #b6b7bd;\n  font-size: 12px;\n  line-height: 1.9;\n}\n\n#tb-it-planning .tip-board-footer strong {\n  color: #fff;\n  font-size: 12px;\n  white-space: nowrap;\n}\n\n\/* ===== Benefits ===== *\/\n\n#tb-it-planning .tip-benefits {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  margin-top: 75px;\n  border-top: 1px solid var(--tip-line);\n  border-bottom: 1px solid var(--tip-line);\n}\n\n#tb-it-planning .tip-benefit {\n  position: relative;\n  padding: 35px 28px;\n  border-left: 1px solid var(--tip-line);\n}\n\n#tb-it-planning .tip-benefit:last-child {\n  border-left: 0;\n}\n\n#tb-it-planning .tip-benefit::before {\n  content: \"\";\n  position: absolute;\n  top: -2px;\n  right: 28px;\n  width: 38px;\n  height: 3px;\n  background: var(--tip-red);\n}\n\n#tb-it-planning .tip-benefit-num {\n  margin-bottom: 15px;\n  color: var(--tip-pink);\n  font-size: 13px;\n  font-weight: 800;\n}\n\n#tb-it-planning .tip-benefit h3 {\n  margin: 0 0 12px;\n  color: #fff;\n  font-family: inherit;\n  font-size: 21px;\n  font-weight: 800;\n  line-height: 1.6;\n}\n\n#tb-it-planning .tip-benefit p {\n  margin: 0;\n  color: var(--tip-muted);\n  font-size: 14px;\n  line-height: 2.05;\n}\n\n\/* ===== Closing strip ===== *\/\n\n#tb-it-planning .tip-closing {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  align-items: center;\n  gap: 35px;\n  margin-top: 60px;\n}\n\n#tb-it-planning .tip-closing h3 {\n  margin: 0 0 11px;\n  color: #fff;\n  font-family: inherit;\n  font-size: 22px;\n  font-weight: 800;\n  line-height: 1.6;\n}\n\n#tb-it-planning .tip-closing p {\n  max-width: 890px;\n  margin: 0;\n  color: var(--tip-muted);\n  font-size: 15px;\n  line-height: 2.05;\n}\n\n#tb-it-planning .tip-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  min-height: 53px;\n  padding: 12px 20px;\n  border: 1px solid #707179;\n  border-radius: 9px;\n  background: transparent;\n  color: #fff !important;\n  text-decoration: none !important;\n  font-size: 14px;\n  font-weight: 800;\n  white-space: nowrap;\n  transition: background .2s ease;\n}\n\n#tb-it-planning .tip-link:hover {\n  background: #35363b;\n}\n\n#tb-it-planning .tip-link:focus-visible,\n#tb-it-planning .tip-scroll:focus-visible {\n  outline: 3px solid var(--tip-pink);\n  outline-offset: 3px;\n}\n\n\/* ===== Responsive ===== *\/\n\n@media (max-width: 1100px) {\n\n  #tb-it-planning {\n    padding: 85px 22px;\n  }\n\n  #tb-it-planning .tip-intro {\n    grid-template-columns: 1fr;\n    gap: 28px;\n    margin-bottom: 55px;\n  }\n\n}\n\n@media (max-width: 760px) {\n\n  #tb-it-planning {\n    padding: 65px 18px;\n  }\n\n  #tb-it-planning h2.tip-title {\n    font-size: clamp(35px, 8vw, 48px);\n  }\n\n  #tb-it-planning .tip-description p {\n    font-size: 17px;\n  }\n\n  #tb-it-planning .tip-board {\n    border-radius: 17px;\n  }\n\n  #tb-it-planning .tip-board-header {\n    padding: 21px 18px;\n  }\n\n  #tb-it-planning .tip-board-footer {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 9px;\n    padding: 19px;\n  }\n\n  #tb-it-planning .tip-benefits {\n    grid-template-columns: 1fr;\n    margin-top: 55px;\n  }\n\n  #tb-it-planning .tip-benefit {\n    padding: 29px 20px;\n    border-left: 0;\n    border-bottom: 1px solid var(--tip-line);\n  }\n\n  #tb-it-planning .tip-benefit:last-child {\n    border-bottom: 0;\n  }\n\n  #tb-it-planning .tip-benefit::before {\n    right: 20px;\n  }\n\n  #tb-it-planning .tip-closing {\n    grid-template-columns: 1fr;\n    gap: 26px;\n  }\n\n  #tb-it-planning .tip-link {\n    width: fit-content;\n    white-space: normal;\n  }\n\n}\n\n@media (max-width: 440px) {\n\n  #tb-it-planning h2.tip-title {\n    font-size: 33px;\n  }\n\n  #tb-it-planning .tip-project-name {\n    font-size: 15px;\n  }\n\n  #tb-it-planning .tip-closing h3 {\n    font-size: 20px;\n  }\n\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #tb-it-planning .tip-link {\n    transition: none;\n  }\n}\n<\/style>\n\n<section\n  id=\"tb-it-planning\"\n  lang=\"ar\"\n  dir=\"rtl\"\n  aria-labelledby=\"tb-it-planning-title\">\n\n  <div class=\"tip-container\">\n\n    <!-- INTRO -->\n    <div class=\"tip-intro\">\n\n      <div>\n\n        <div class=\"tip-eyebrow\">\n          \u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0648\u062c\u062f\u0648\u0644\u062a\u0647\u0627\n        <\/div>\n\n        <h2\n          class=\"tip-title\"\n          id=\"tb-it-planning-title\">\n\n          \u062e\u0637\u0651\u0637 \u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a\n          \u0648\u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629\u060c\n          <span>\n            \u0648\u0627\u0631\u0628\u0637 \u0627\u0644\u0645\u0647\u0627\u0645 \u0628\u062c\u062f\u0648\u0644 \u0632\u0645\u0646\u064a \u0648\u0627\u0636\u062d\n          <\/span>\n\n        <\/h2>\n\n      <\/div>\n\n      <div class=\"tip-description\">\n\n        <p>\n          \u0641\u064a \u0645\u0634\u0627\u0631\u064a\u0639 \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a\u060c\n          \u062a\u0639\u062a\u0645\u062f \u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u0639\u0644\u0649\n          \u0645\u062e\u0631\u062c\u0627\u062a \u0627\u0644\u062a\u0637\u0648\u064a\u0631\u060c \u0648\u0642\u062f \u064a\u0631\u062a\u0628\u0637\n          \u0645\u0648\u0639\u062f \u0627\u0644\u0625\u0637\u0644\u0627\u0642 \u0628\u0625\u0643\u0645\u0627\u0644 \u0645\u0631\u0627\u062c\u0639\u0627\u062a\n          \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u062a\u062c\u0647\u064a\u0632 \u0628\u064a\u0626\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644.\n          \u0644\u0630\u0644\u0643\u060c \u0644\u0627 \u064a\u0643\u0641\u064a \u062a\u062d\u062f\u064a\u062f \u0642\u0627\u0626\u0645\u0629\n          \u0628\u0627\u0644\u0645\u0647\u0627\u0645 \u062f\u0648\u0646 \u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0639\u0644\u0627\u0642\u0627\u062a\n          \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0647\u0627.\n        <\/p>\n\n        <p>\n          \u064a\u0633\u0627\u0639\u062f\u0643 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0639\u0644\u0649\n          <strong>\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u0642\u0646\u064a\u0629<\/strong>\n          \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u0647\u0627\u0645\n          \u0648\u062a\u0648\u0627\u0631\u064a\u062e \u0627\u0644\u0628\u062f\u0621 \u0648\u0627\u0644\u0627\u0633\u062a\u062d\u0642\u0627\u0642\u060c\n          \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u064a\u0627\u062a \u0628\u064a\u0646\u0647\u0627\u060c\n          \u0648\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u062e\u0637\u0637 \u062c\u0627\u0646\u062a \u0644\u0645\u062a\u0627\u0628\u0639\u0629\n          \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0628\u0635\u0648\u0631\u0629 \u0623\u0648\u0636\u062d.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- GANTT BOARD -->\n    <div class=\"tip-board\">\n\n      <!-- Board Header -->\n      <div class=\"tip-board-header\">\n\n        <div class=\"tip-project-heading\">\n\n          <span\n            class=\"tip-project-dot\"\n            aria-hidden=\"true\"><\/span>\n\n          <div>\n\n            <div class=\"tip-project-name\">\n              \u0645\u0634\u0631\u0648\u0639 \u062a\u0637\u0648\u064a\u0631 \u0645\u0646\u0635\u0629 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621\n            <\/div>\n\n            <div class=\"tip-project-sub\">\n              \u0645\u062b\u0627\u0644 \u0644\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a \u0644\u0645\u0634\u0631\u0648\u0639 \u0628\u0631\u0645\u062c\u064a\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n        <span class=\"tip-demo\">\n          \u0646\u0645\u0648\u0630\u062c \u062a\u0648\u0636\u064a\u062d\u064a\n        <\/span>\n\n      <\/div>\n\n      <!-- SCROLL REGION -->\n      <div\n        class=\"tip-scroll\"\n        role=\"region\"\n        tabindex=\"0\"\n        aria-label=\"\u0645\u062e\u0637\u0637 \u0632\u0645\u0646\u064a \u062a\u0648\u0636\u064a\u062d\u064a \u0644\u0645\u0631\u0627\u062d\u0644 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a\">\n\n        <div class=\"tip-timeline\">\n\n          <!-- Week headings -->\n          <div class=\"tip-grid-head\">\n\n            <div class=\"tip-task-column-head\">\n              \u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n            <\/div>\n\n            <div class=\"tip-weeks\">\n\n              <div class=\"tip-week\">\n                \u0627\u0644\u0623\u0633\u0628\u0648\u0639 1\n              <\/div>\n\n              <div class=\"tip-week\">\n                \u0627\u0644\u0623\u0633\u0628\u0648\u0639 2\n              <\/div>\n\n              <div class=\"tip-week\">\n                \u0627\u0644\u0623\u0633\u0628\u0648\u0639 3\n              <\/div>\n\n              <div class=\"tip-week\">\n                \u0627\u0644\u0623\u0633\u0628\u0648\u0639 4\n              <\/div>\n\n              <div class=\"tip-week\">\n                \u0627\u0644\u0623\u0633\u0628\u0648\u0639 5\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n          <!-- Task 01 -->\n          <div class=\"tip-task-row\">\n\n            <div class=\"tip-task-info\">\n\n              <span class=\"tip-task-number\">01<\/span>\n\n              <div>\n                <div class=\"tip-task-name\">\n                  \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a\n                <\/div>\n\n                <div class=\"tip-task-team\">\n                  \u0641\u0631\u064a\u0642 \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0623\u0639\u0645\u0627\u0644\n                <\/div>\n              <\/div>\n\n            <\/div>\n\n            <div class=\"tip-track\">\n\n              <div class=\"tip-bar tip-bar-1\">\n                \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n          <!-- Task 02 -->\n          <div class=\"tip-task-row\">\n\n            <div class=\"tip-task-info\">\n\n              <span class=\"tip-task-number\">02<\/span>\n\n              <div>\n                <div class=\"tip-task-name\">\n                  \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0646\u0638\u0627\u0645\n                <\/div>\n\n                <div class=\"tip-task-team\">\n                  \u0641\u0631\u064a\u0642 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0629\n                <\/div>\n              <\/div>\n\n            <\/div>\n\n            <div class=\"tip-track\">\n\n              <div class=\"tip-bar tip-bar-2\">\n                \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0646\u0638\u0627\u0645\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n          <!-- Task 03 -->\n          <div class=\"tip-task-row\">\n\n            <div class=\"tip-task-info\">\n\n              <span class=\"tip-task-number\">03<\/span>\n\n              <div>\n                <div class=\"tip-task-name\">\n                  \u062a\u0637\u0648\u064a\u0631 \u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0645\u0646\u0635\u0629\n                <\/div>\n\n                <div class=\"tip-task-team\">\n                  \u0641\u0631\u064a\u0642 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a\n                <\/div>\n              <\/div>\n\n            <\/div>\n\n            <div class=\"tip-track\">\n\n              <div class=\"tip-bar tip-bar-3\">\n                \u0627\u0644\u062a\u0637\u0648\u064a\u0631\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n          <!-- Task 04 -->\n          <div class=\"tip-task-row\">\n\n            <div class=\"tip-task-info\">\n\n              <span class=\"tip-task-number\">04<\/span>\n\n              <div>\n                <div class=\"tip-task-name\">\n                  \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u0648\u0636\u0645\u0627\u0646 \u0627\u0644\u062c\u0648\u062f\u0629\n                <\/div>\n\n                <div class=\"tip-task-team\">\n                  \u0641\u0631\u064a\u0642 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\n                <\/div>\n              <\/div>\n\n            <\/div>\n\n            <div class=\"tip-track\">\n\n              <div class=\"tip-bar tip-bar-4\">\n                \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n          <!-- Task 05 -->\n          <div class=\"tip-task-row\">\n\n            <div class=\"tip-task-info\">\n\n              <span class=\"tip-task-number\">05<\/span>\n\n              <div>\n                <div class=\"tip-task-name\">\n                  \u0646\u0634\u0631 \u0627\u0644\u0646\u0638\u0627\u0645 \u0648\u062a\u0633\u0644\u064a\u0645\u0647\n                <\/div>\n\n                <div class=\"tip-task-team\">\n                  \u0641\u0631\u064a\u0642 \u0627\u0644\u0646\u0634\u0631 \u0648\u0627\u0644\u062a\u0634\u063a\u064a\u0644\n                <\/div>\n              <\/div>\n\n            <\/div>\n\n            <div class=\"tip-track\">\n\n              <div class=\"tip-bar tip-bar-5\">\n                \u0627\u0644\u0646\u0634\u0631\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- Board Footer -->\n      <div class=\"tip-board-footer\">\n\n        <p>\n          \u064a\u0648\u0636\u062d \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u062a\u062f\u0627\u062e\u0644 \u0628\u0639\u0636 \u0645\u0631\u0627\u062d\u0644\n          \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0648\u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631.\n          \u062a\u064f\u062d\u062f\u0651\u064e\u062f \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u064a\u0627\u062a \u0627\u0644\u0641\u0639\u0644\u064a\u0629\n          \u0628\u064a\u0646 \u0627\u0644\u0645\u0647\u0627\u0645 \u062f\u0627\u062e\u0644 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632.\n        <\/p>\n\n        <strong>\n          5 \u0645\u0631\u0627\u062d\u0644 \u00b7 5 \u0623\u0633\u0627\u0628\u064a\u0639\n        <\/strong>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- BENEFITS -->\n    <div class=\"tip-benefits\">\n\n      <!-- 01 -->\n      <article class=\"tip-benefit\">\n\n        <div class=\"tip-benefit-num\">\n          01\n        <\/div>\n\n        <h3>\n          \u0642\u0633\u0651\u0645 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0625\u0644\u0649 \u0645\u0631\u0627\u062d\u0644\n        <\/h3>\n\n        <p>\n          \u0646\u0638\u0651\u0645 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n          \u0648\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0648\u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\n          \u0648\u0627\u0644\u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a \u0636\u0645\u0646\n          \u0645\u0647\u0627\u0645 \u0645\u062d\u062f\u062f\u0629\u060c \u0645\u0639 \u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a\n          \u0648\u0645\u0648\u0627\u0639\u064a\u062f \u0648\u0627\u0636\u062d\u0629 \u0644\u0643\u0644 \u0645\u0631\u062d\u0644\u0629.\n        <\/p>\n\n      <\/article>\n\n      <!-- 02 -->\n      <article class=\"tip-benefit\">\n\n        <div class=\"tip-benefit-num\">\n          02\n        <\/div>\n\n        <h3>\n          \u0627\u0631\u0628\u0637 \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u062a\u064a \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0628\u0639\u0636\u0647\u0627\n        <\/h3>\n\n        <p>\n          \u062d\u062f\u0651\u062f \u0627\u0644\u0639\u0644\u0627\u0642\u0627\u062a \u0628\u064a\u0646 \u0645\u0647\u0627\u0645\n          \u0627\u0644\u062a\u062d\u0644\u064a\u0644 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0648\u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\u060c\n          \u0648\u0631\u0627\u062c\u0639 \u0623\u062b\u0631 \u062a\u063a\u064a\u0651\u0631 \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f\n          \u0639\u0644\u0649 \u062a\u0633\u0644\u0633\u0644 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\n          \u0648\u062e\u0637\u0629 \u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\n        <\/p>\n\n      <\/article>\n\n      <!-- 03 -->\n      <article class=\"tip-benefit\">\n\n        <div class=\"tip-benefit-num\">\n          03\n        <\/div>\n\n        <h3>\n          \u062a\u0627\u0628\u0639 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u062a\u0623\u062e\u064a\u0631\u0627\u062a\n        <\/h3>\n\n        <p>\n          \u0631\u0627\u0642\u0628 \u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0647\u0627\u0645\n          \u0648\u062a\u0642\u062f\u0645 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0641\u0639\u0644\u064a\u060c\n          \u0648\u062d\u062f\u0651\u062f \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0627\u062c\n          \u0625\u0644\u0649 \u0645\u062a\u0627\u0628\u0639\u0629 \u0623\u0648 \u0625\u0639\u0627\u062f\u0629 \u062a\u062e\u0637\u064a\u0637\n          \u0642\u0628\u0644 \u0623\u0646 \u062a\u062a\u0623\u062b\u0631 \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f.\n        <\/p>\n\n      <\/article>\n\n    <\/div>\n\n    <!-- CLOSING -->\n    <div class=\"tip-closing\">\n\n      <div>\n\n        <h3>\n          \u0631\u0624\u064a\u0629 \u0645\u062a\u0631\u0627\u0628\u0637\u0629 \u0644\u062e\u0637\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u062a\u0642\u0646\u064a\n        <\/h3>\n\n        <p>\n          \u064a\u0633\u0627\u0639\u062f\u0643 \u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n          \u0644\u0634\u0631\u0643\u0627\u062a \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a\n          \u0645\u0646 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0639\u0644\u0649 \u062a\u0646\u0638\u064a\u0645\n          \u0645\u0634\u0627\u0631\u064a\u0639 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a\n          \u0648\u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629\u060c \u0648\u062a\u062d\u062f\u064a\u062f\n          \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u064a\u0627\u062a \u0628\u064a\u0646 \u0627\u0644\u0645\u0647\u0627\u0645\u060c\n          \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062c\u062f\u0627\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a\u0629\n          \u0648\u0627\u0644\u062a\u0642\u062f\u0645 \u0627\u0644\u0641\u0639\u0644\u064a\u060c\n          \u0628\u062f\u0644 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0639\u0644\u0649 \u062c\u062f\u0627\u0648\u0644\n          \u0648\u062e\u0637\u0637 \u0645\u0646\u0641\u0635\u0644\u0629.\n        <\/p>\n\n      <\/div>\n\n      <a\n        class=\"tip-link\"\n        href=\"https:\/\/taskbrowse.com\/ar\/takhtit-faal\/\">\n\n        \u0627\u0643\u062a\u0634\u0641 \u0623\u062f\u0648\u0627\u062a \u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0645\u0647\u0627\u0645\n        <span aria-hidden=\"true\">\u2190<\/span>\n\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n\/* =====================================================\n   TaskBrowse IT \u2014 Section 03 \/ REVISED\n   Teams, Tasks & Fully Responsive Kanban Board\n   ===================================================== *\/\n\n#tb-it-teams {\n  --tit-red: #c8102e;\n  --tit-ink: #17191d;\n  --tit-muted: #686a72;\n  --tit-line: #e5e6e9;\n  --tit-soft: #f8f8f9;\n\n  width: 100%;\n  margin: 0;\n  padding: 105px 24px 100px;\n  direction: rtl;\n  text-align: right;\n  background: #fff;\n  color: var(--tit-ink);\n  font-family: \"IBM Plex Sans Arabic\", Tahoma, sans-serif;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n\n#tb-it-teams *,\n#tb-it-teams *::before,\n#tb-it-teams *::after {\n  box-sizing: border-box;\n}\n\n#tb-it-teams .tit-container {\n  width: 100%;\n  max-width: 1380px;\n  margin-inline: auto;\n}\n\n\/* =============================================\n   Heading\n   ============================================= *\/\n\n#tb-it-teams .tit-intro {\n  display: grid;\n  grid-template-columns: minmax(0,1.07fr) minmax(0,.93fr);\n  gap: clamp(35px,6vw,95px);\n  align-items: center;\n  margin-bottom: 64px;\n}\n\n#tb-it-teams .tit-intro > * {\n  min-width: 0;\n}\n\n#tb-it-teams .tit-eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n  margin-bottom: 25px;\n  color: var(--tit-red);\n  font-size: 14px;\n  font-weight: 700;\n}\n\n#tb-it-teams .tit-eyebrow::before {\n  content: \"\";\n  width: 33px;\n  height: 2px;\n  flex: 0 0 33px;\n  background: var(--tit-red);\n}\n\n#tb-it-teams h2.tit-title {\n  margin: 0;\n  max-width: 800px;\n  font-family: inherit;\n  color: var(--tit-ink);\n  font-size: clamp(39px,4.2vw,64px);\n  font-weight: 800;\n  line-height: 1.4;\n  letter-spacing: -.5px;\n}\n\n#tb-it-teams .tit-title span {\n  color: var(--tit-red);\n}\n\n#tb-it-teams .tit-description {\n  margin: 0;\n  color: #585b63;\n  font-size: clamp(17px,1.45vw,20px);\n  line-height: 2.1;\n}\n\n\/* =============================================\n   Main Layout \u2014 More space for Kanban\n   ============================================= *\/\n\n#tb-it-teams .tit-main {\n  display: grid;\n  grid-template-columns: minmax(0,1.65fr) minmax(0,.75fr);\n  align-items: center;\n  gap: clamp(35px,4vw,60px);\n}\n\n#tb-it-teams .tit-main > * {\n  min-width: 0;\n}\n\n\/* =============================================\n   Board Container\n   ============================================= *\/\n\n#tb-it-teams .tit-visual {\n  width: 100%;\n  min-width: 0;\n  margin: 0;\n}\n\n#tb-it-teams .tit-board {\n  width: 100%;\n  min-width: 0;\n  overflow: hidden;\n  border: 1px solid #dfe0e4;\n  border-radius: 20px;\n  background: #fff;\n  box-shadow: 0 24px 65px rgba(0,0,0,.075);\n}\n\n#tb-it-teams .tit-board-head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  gap: 15px;\n  padding: 23px 24px;\n  border-bottom: 1px solid var(--tit-line);\n}\n\n#tb-it-teams .tit-board-head h3 {\n  margin: 0 0 6px;\n  color: #25272d;\n  font-family: inherit;\n  font-size: 18px;\n  font-weight: 800;\n  line-height: 1.5;\n}\n\n#tb-it-teams .tit-board-head p {\n  margin: 0;\n  color: #9698a0;\n  font-size: 11px;\n}\n\n#tb-it-teams .tit-demo {\n  display: inline-block;\n  padding: 8px 11px;\n  border: 1px solid #e2e3e7;\n  border-radius: 8px;\n  color: #85878f;\n  font-size: 11px;\n  white-space: nowrap;\n}\n\n\/* =============================================\n   Board Summary\n   ============================================= *\/\n\n#tb-it-teams .tit-board-summary {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 9px;\n  padding: 15px 20px;\n  border-bottom: 1px solid var(--tit-line);\n  background: #fafafb;\n}\n\n#tb-it-teams .tit-summary-label {\n  margin-left: auto;\n  color: #62646b;\n  font-size: 12px;\n  font-weight: 800;\n}\n\n#tb-it-teams .tit-summary-pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  padding: 7px 10px;\n  border: 1px solid #e7e8eb;\n  border-radius: 7px;\n  background: #fff;\n  color: #74767d;\n  font-size: 11px;\n}\n\n#tb-it-teams .tit-summary-pill strong {\n  color: #33353b;\n  font-weight: 800;\n}\n\n\/* =============================================\n   Kanban \u2014 Three columns, no clipping\n   ============================================= *\/\n\n#tb-it-teams .tit-kanban {\n  display: grid;\n  grid-template-columns: repeat(3,minmax(0,1fr));\n  align-items: stretch;\n  gap: 10px;\n  width: 100%;\n  min-width: 0;\n  padding: 15px;\n  background: #f8f8f9;\n}\n\n#tb-it-teams .tit-kanban-col {\n  min-width: 0;\n  padding: 10px;\n  border: 1px solid #e4e5e8;\n  border-radius: 12px;\n  background: #f1f2f4;\n}\n\n\/* Column headers *\/\n\n#tb-it-teams .tit-column-head {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  min-width: 0;\n  padding: 7px 2px 15px;\n}\n\n#tb-it-teams .tit-column-dot {\n  flex: 0 0 9px;\n  width: 9px;\n  height: 9px;\n  border-radius: 50%;\n  background: #9698a1;\n}\n\n#tb-it-teams .tit-column-dot.progress {\n  background: var(--tit-red);\n}\n\n#tb-it-teams .tit-column-dot.done {\n  background: #3d9568;\n}\n\n#tb-it-teams .tit-column-name {\n  min-width: 0;\n  color: #36383f;\n  font-size: 12px;\n  font-weight: 800;\n  line-height: 1.5;\n}\n\n#tb-it-teams .tit-column-count {\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  min-width: 23px;\n  height: 23px;\n  margin-right: auto;\n  padding-inline: 6px;\n  border-radius: 6px;\n  background: #e1e2e6;\n  color: #777982;\n  font-size: 11px;\n  font-weight: 800;\n}\n\n\/* =============================================\n   Task Cards\n   ============================================= *\/\n\n#tb-it-teams .tit-card {\n  min-width: 0;\n  margin-bottom: 10px;\n  padding: 13px 11px;\n  border: 1px solid #e3e4e8;\n  border-radius: 10px;\n  background: #fff;\n  box-shadow: 0 2px 5px rgba(0,0,0,.025);\n}\n\n#tb-it-teams .tit-card:last-child {\n  margin-bottom: 0;\n}\n\n#tb-it-teams .tit-card-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  align-items: center;\n  gap: 7px;\n  margin-bottom: 11px;\n}\n\n#tb-it-teams .tit-task-code {\n  color: #999ba2;\n  direction: ltr;\n  font-size: 10px;\n  white-space: nowrap;\n}\n\n#tb-it-teams .tit-priority {\n  display: inline-flex;\n  align-items: center;\n  padding: 5px 7px;\n  border-radius: 6px;\n  background: #fff0f3;\n  color: #b20c2c;\n  font-size: 10px;\n  font-weight: 800;\n  line-height: 1.5;\n}\n\n#tb-it-teams .tit-priority.normal {\n  background: #eef2f8;\n  color: #527398;\n}\n\n#tb-it-teams .tit-priority.low {\n  background: #ecf7f0;\n  color: #3c8460;\n}\n\n#tb-it-teams h4.tit-card-title {\n  margin: 0 0 10px;\n  color: #282a31;\n  font-family: inherit;\n  font-size: 13px;\n  font-weight: 800;\n  line-height: 1.75;\n  overflow-wrap: anywhere;\n}\n\n#tb-it-teams .tit-card-team {\n  margin-bottom: 13px;\n  color: #91939b;\n  font-size: 11px;\n  line-height: 1.75;\n  overflow-wrap: anywhere;\n}\n\n#tb-it-teams .tit-card-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  gap: 8px;\n  padding-top: 12px;\n  border-top: 1px solid #ededf0;\n}\n\n#tb-it-teams .tit-avatar {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 29px;\n  height: 29px;\n  flex: 0 0 29px;\n  border-radius: 50%;\n  background: #fbe7ed;\n  color: #ad1230;\n  font-size: 10px;\n  font-weight: 800;\n}\n\n#tb-it-teams .tit-avatar.blue {\n  background: #e6eff8;\n  color: #3e77a5;\n}\n\n#tb-it-teams .tit-avatar.green {\n  background: #e8f4ec;\n  color: #37865b;\n}\n\n#tb-it-teams .tit-task-info {\n  color: #8e9097;\n  font-size: 10px;\n  line-height: 1.6;\n}\n\n\/* =============================================\n   Board Footer\n   ============================================= *\/\n\n#tb-it-teams .tit-board-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 15px;\n  padding: 20px 23px;\n  background: #202124;\n}\n\n#tb-it-teams .tit-board-footer span {\n  color: #c6c7cc;\n  font-size: 12px;\n  line-height: 1.8;\n}\n\n#tb-it-teams .tit-board-footer strong {\n  color: #fff;\n  font-size: 12px;\n  white-space: nowrap;\n}\n\n#tb-it-teams .tit-visual figcaption {\n  margin-top: 13px;\n  color: #999ba1;\n  text-align: center;\n  font-size: 11px;\n  line-height: 1.85;\n}\n\n\/* =============================================\n   Supporting Content\n   ============================================= *\/\n\n#tb-it-teams .tit-content {\n  min-width: 0;\n}\n\n#tb-it-teams .tit-content-label {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 22px;\n  color: var(--tit-red);\n  font-size: 13px;\n  font-weight: 800;\n}\n\n#tb-it-teams .tit-content-label::before {\n  content: \"\";\n  width: 24px;\n  height: 2px;\n  background: var(--tit-red);\n}\n\n#tb-it-teams h3.tit-content-title {\n  margin: 0 0 24px;\n  color: var(--tit-ink);\n  font-family: inherit;\n  font-size: clamp(27px,2.5vw,38px);\n  font-weight: 800;\n  line-height: 1.5;\n}\n\n#tb-it-teams .tit-content-lead {\n  margin: 0 0 27px;\n  color: var(--tit-muted);\n  font-size: 15px;\n  line-height: 2.1;\n}\n\n#tb-it-teams .tit-workflow {\n  border-top: 1px solid var(--tit-line);\n}\n\n#tb-it-teams .tit-step {\n  display: grid;\n  grid-template-columns: 28px minmax(0,1fr);\n  gap: 12px;\n  padding: 18px 0;\n  border-bottom: 1px solid var(--tit-line);\n}\n\n#tb-it-teams .tit-step-number {\n  color: var(--tit-red);\n  font-size: 13px;\n  font-weight: 800;\n  padding-top: 3px;\n}\n\n#tb-it-teams .tit-step h4 {\n  margin: 0 0 6px;\n  color: #292b31;\n  font-family: inherit;\n  font-size: 16px;\n  font-weight: 800;\n  line-height: 1.6;\n}\n\n#tb-it-teams .tit-step p {\n  margin: 0;\n  color: #787a81;\n  font-size: 13px;\n  line-height: 1.9;\n}\n\n\/* =============================================\n   Benefits\n   ============================================= *\/\n\n#tb-it-teams .tit-benefits {\n  display: grid;\n  grid-template-columns: repeat(4,minmax(0,1fr));\n  gap: 15px;\n  margin-top: 75px;\n}\n\n#tb-it-teams .tit-benefit {\n  padding: 25px 22px;\n  border: 1px solid var(--tit-line);\n  border-radius: 15px;\n  background: #fff;\n}\n\n#tb-it-teams .tit-benefit-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 44px;\n  height: 44px;\n  margin-bottom: 18px;\n  border: 1px solid #f0cbd5;\n  border-radius: 11px;\n  background: #fff5f7;\n  color: var(--tit-red);\n}\n\n#tb-it-teams .tit-benefit-icon svg {\n  width: 24px;\n  height: 24px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n#tb-it-teams .tit-benefit h3 {\n  margin: 0 0 9px;\n  color: #292b31;\n  font-family: inherit;\n  font-size: 17px;\n  font-weight: 800;\n  line-height: 1.6;\n}\n\n#tb-it-teams .tit-benefit p {\n  margin: 0;\n  color: #767880;\n  font-size: 13px;\n  line-height: 2;\n}\n\n\/* =============================================\n   SEO \/ Bottom Callout\n   ============================================= *\/\n\n#tb-it-teams .tit-bottom {\n  display: grid;\n  grid-template-columns: minmax(0,1fr) auto;\n  align-items: center;\n  gap: 30px;\n  margin-top: 60px;\n  padding: 31px 34px;\n  border: 1px solid var(--tit-line);\n  border-radius: 17px;\n  background: var(--tit-soft);\n}\n\n#tb-it-teams .tit-bottom h3 {\n  margin: 0 0 10px;\n  color: var(--tit-ink);\n  font-family: inherit;\n  font-size: 21px;\n  font-weight: 800;\n  line-height: 1.6;\n}\n\n#tb-it-teams .tit-bottom p {\n  margin: 0;\n  color: var(--tit-muted);\n  font-size: 14px;\n  line-height: 2.05;\n}\n\n#tb-it-teams .tit-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 11px;\n  min-height: 52px;\n  padding: 12px 19px;\n  border: 1px solid #dfb7c2;\n  border-radius: 9px;\n  background: #fff;\n  color: #ae0e2a !important;\n  font-size: 13px;\n  font-weight: 800;\n  text-decoration: none !important;\n  white-space: nowrap;\n}\n\n#tb-it-teams .tit-link:hover {\n  background: #fff4f7;\n}\n\n#tb-it-teams .tit-link:focus-visible {\n  outline: 3px solid var(--tit-red);\n  outline-offset: 4px;\n}\n\n\/* =============================================\n   Responsive \u2014 Tablet\n   ============================================= *\/\n\n@media (max-width: 1200px) {\n\n  #tb-it-teams .tit-main {\n    grid-template-columns: 1fr;\n    gap: 48px;\n  }\n\n  #tb-it-teams .tit-visual,\n  #tb-it-teams .tit-content {\n    width: 100%;\n    max-width: 1000px;\n    margin-inline: auto;\n  }\n\n  #tb-it-teams .tit-kanban {\n    grid-template-columns: repeat(3,minmax(0,1fr));\n  }\n\n}\n\n@media (max-width: 850px) {\n\n  #tb-it-teams {\n    padding: 80px 22px;\n  }\n\n  #tb-it-teams .tit-intro {\n    grid-template-columns: 1fr;\n    gap: 26px;\n    margin-bottom: 53px;\n  }\n\n  #tb-it-teams .tit-kanban {\n    grid-template-columns: 1fr;\n    gap: 14px;\n  }\n\n  #tb-it-teams .tit-kanban-col {\n    padding: 14px;\n  }\n\n  #tb-it-teams .tit-card {\n    padding: 16px;\n  }\n\n  #tb-it-teams .tit-column-name {\n    font-size: 14px;\n  }\n\n  #tb-it-teams h4.tit-card-title {\n    font-size: 14px;\n  }\n\n  #tb-it-teams .tit-benefits {\n    grid-template-columns: repeat(2,minmax(0,1fr));\n  }\n\n}\n\n\/* =============================================\n   Responsive \u2014 Mobile\n   ============================================= *\/\n\n@media (max-width: 600px) {\n\n  #tb-it-teams {\n    padding: 65px 18px;\n  }\n\n  #tb-it-teams h2.tit-title {\n    font-size: clamp(34px,8vw,46px);\n  }\n\n  #tb-it-teams .tit-description {\n    font-size: 16px;\n  }\n\n  #tb-it-teams .tit-board {\n    border-radius: 16px;\n  }\n\n  #tb-it-teams .tit-board-head {\n    padding: 20px 17px;\n  }\n\n  #tb-it-teams .tit-board-summary {\n    padding: 14px 16px;\n  }\n\n  #tb-it-teams .tit-summary-label {\n    width: 100%;\n    margin-left: 0;\n  }\n\n  #tb-it-teams .tit-kanban {\n    grid-template-columns: 1fr;\n    min-width: 0;\n    padding: 12px;\n  }\n\n  #tb-it-teams .tit-kanban-col {\n    min-width: 0;\n    padding: 12px;\n  }\n\n  #tb-it-teams .tit-board-footer {\n    flex-direction: column;\n    align-items: flex-start;\n    padding: 19px 17px;\n  }\n\n  #tb-it-teams h3.tit-content-title {\n    font-size: 28px;\n  }\n\n  #tb-it-teams .tit-benefits {\n    grid-template-columns: 1fr;\n    gap: 12px;\n    margin-top: 55px;\n  }\n\n  #tb-it-teams .tit-bottom {\n    grid-template-columns: 1fr;\n    gap: 22px;\n    padding: 26px 22px;\n    margin-top: 46px;\n  }\n\n  #tb-it-teams .tit-link {\n    width: fit-content;\n    white-space: normal;\n  }\n\n}\n\n@media (max-width: 380px) {\n  #tb-it-teams h2.tit-title {\n    font-size: 32px;\n  }\n\n  #tb-it-teams .tit-board-head h3 {\n    font-size: 16px;\n  }\n\n  #tb-it-teams .tit-summary-pill {\n    font-size: 10px;\n  }\n}\n<\/style>\n\n<section\n  id=\"tb-it-teams\"\n  lang=\"ar\"\n  dir=\"rtl\"\n  aria-labelledby=\"tb-it-teams-title\">\n\n  <div class=\"tit-container\">\n\n    <!-- SECTION INTRO -->\n    <div class=\"tit-intro\">\n\n      <div>\n\n        <div class=\"tit-eyebrow\">\n          \u0625\u062f\u0627\u0631\u0629 \u0641\u0631\u0642 \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a\n        <\/div>\n\n        <h2\n          class=\"tit-title\"\n          id=\"tb-it-teams-title\">\n\n          \u0646\u0633\u0651\u0642 \u0641\u0631\u0642 \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0648\u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\n          \u0648\u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629\n          <span>\u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f<\/span>\n\n        <\/h2>\n\n      <\/div>\n\n      <p class=\"tit-description\">\n        \u0641\u064a \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a \u0648\u062e\u062f\u0645\u0627\u062a\n        \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a\u060c \u064a\u0639\u0645\u0644\n        \u0627\u0644\u0645\u0637\u0648\u0651\u0631\u0648\u0646 \u0648\u0645\u062e\u062a\u0628\u0631\u0648 \u0627\u0644\u062c\u0648\u062f\u0629\n        \u0648\u0645\u0633\u0624\u0648\u0644\u0648 \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629\n        \u0639\u0644\u0649 \u0645\u0647\u0627\u0645 \u0645\u062a\u0631\u0627\u0628\u0637\u0629\u060c \u0644\u0643\u0646\n        \u0628\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a \u0648\u0623\u0648\u0644\u0648\u064a\u0627\u062a \u0645\u062e\u062a\u0644\u0641\u0629.\n        \u064a\u0633\u0627\u0639\u062f\u0643 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0639\u0644\u0649\n        \u062a\u0646\u0638\u064a\u0645 \u0645\u0647\u0627\u0645 \u0627\u0644\u0641\u0631\u064a\u0642\u060c\n        \u0648\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a\u060c\n        \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0648\u062d\u0627\u0644\u0629\n        \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0645\u0646 \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f.\n      <\/p>\n\n    <\/div>\n\n    <!-- MAIN LAYOUT -->\n    <div class=\"tit-main\">\n\n      <!-- TASK BOARD -->\n      <figure class=\"tit-visual\">\n\n        <div class=\"tit-board\">\n\n          <!-- Board header -->\n          <div class=\"tit-board-head\">\n\n            <div>\n              <h3>\u0644\u0648\u062d\u0629 \u0645\u0647\u0627\u0645 \u0627\u0644\u0641\u0631\u064a\u0642 \u0627\u0644\u062a\u0642\u0646\u064a<\/h3>\n              <p>\u0645\u0634\u0631\u0648\u0639 \u062a\u0637\u0648\u064a\u0631 \u0645\u0646\u0635\u0629 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/p>\n            <\/div>\n\n            <span class=\"tit-demo\">\n              \u0645\u062b\u0627\u0644 \u062a\u0648\u0636\u064a\u062d\u064a\n            <\/span>\n\n          <\/div>\n\n          <!-- Summary -->\n          <div class=\"tit-board-summary\">\n\n            <span class=\"tit-summary-label\">\n              \u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0647\u0627\u0645\n            <\/span>\n\n            <span class=\"tit-summary-pill\">\n              <strong>2<\/strong>\n              \u0644\u0644\u0628\u062f\u0621\n            <\/span>\n\n            <span class=\"tit-summary-pill\">\n              <strong>2<\/strong>\n              \u0642\u064a\u062f \u0627\u0644\u062a\u0646\u0641\u064a\u0630\n            <\/span>\n\n            <span class=\"tit-summary-pill\">\n              <strong>1<\/strong>\n              \u0645\u0643\u062a\u0645\u0644\u0629\n            <\/span>\n\n          <\/div>\n\n          <!-- THREE-COLUMN KANBAN -->\n          <div class=\"tit-kanban\">\n\n            <!-- COLUMN 01 -->\n            <div class=\"tit-kanban-col\">\n\n              <div class=\"tit-column-head\">\n\n                <span\n                  class=\"tit-column-dot\"\n                  aria-hidden=\"true\"><\/span>\n\n                <span class=\"tit-column-name\">\n                  \u0644\u0644\u0628\u062f\u0621\n                <\/span>\n\n                <span class=\"tit-column-count\">\n                  2\n                <\/span>\n\n              <\/div>\n\n              <!-- TASK IT-104 -->\n              <article class=\"tit-card\">\n\n                <div class=\"tit-card-top\">\n\n                  <span class=\"tit-task-code\">\n                    IT-104\n                  <\/span>\n\n                  <span class=\"tit-priority\">\n                    \u0623\u0648\u0644\u0648\u064a\u0629 \u0639\u0627\u0644\u064a\u0629\n                  <\/span>\n\n                <\/div>\n\n                <h4 class=\"tit-card-title\">\n                  \u062a\u0637\u0648\u064a\u0631 \u0648\u0627\u062c\u0647\u0629 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646\n                <\/h4>\n\n                <div class=\"tit-card-team\">\n                  \u0641\u0631\u064a\u0642 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a\n                <\/div>\n\n                <div class=\"tit-card-footer\">\n\n                  <span class=\"tit-avatar\">\n                    \u0645\n                  <\/span>\n\n                  <span class=\"tit-task-info\">\n                    12 \u0633\u0627\u0639\u0629 \u0645\u0642\u062f\u0651\u0631\u0629\n                  <\/span>\n\n                <\/div>\n\n              <\/article>\n\n              <!-- TASK IT-107 -->\n              <article class=\"tit-card\">\n\n                <div class=\"tit-card-top\">\n\n                  <span class=\"tit-task-code\">\n                    IT-107\n                  <\/span>\n\n                  <span class=\"tit-priority normal\">\n                    \u0623\u0648\u0644\u0648\u064a\u0629 \u0645\u062a\u0648\u0633\u0637\u0629\n                  <\/span>\n\n                <\/div>\n\n                <h4 class=\"tit-card-title\">\n                  \u0625\u0639\u062f\u0627\u062f \u062e\u0637\u0629 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\n                <\/h4>\n\n                <div class=\"tit-card-team\">\n                  \u0641\u0631\u064a\u0642 \u0636\u0645\u0627\u0646 \u0627\u0644\u062c\u0648\u062f\u0629\n                <\/div>\n\n                <div class=\"tit-card-footer\">\n\n                  <span class=\"tit-avatar blue\">\n                    \u0633\n                  <\/span>\n\n                  <span class=\"tit-task-info\">\n                    6 \u0633\u0627\u0639\u0627\u062a \u0645\u0642\u062f\u0651\u0631\u0629\n                  <\/span>\n\n                <\/div>\n\n              <\/article>\n\n            <\/div>\n\n            <!-- COLUMN 02 -->\n            <div class=\"tit-kanban-col\">\n\n              <div class=\"tit-column-head\">\n\n                <span\n                  class=\"tit-column-dot progress\"\n                  aria-hidden=\"true\"><\/span>\n\n                <span class=\"tit-column-name\">\n                  \u0642\u064a\u062f \u0627\u0644\u062a\u0646\u0641\u064a\u0630\n                <\/span>\n\n                <span class=\"tit-column-count\">\n                  2\n                <\/span>\n\n              <\/div>\n\n              <!-- TASK IT-098 -->\n              <article class=\"tit-card\">\n\n                <div class=\"tit-card-top\">\n\n                  <span class=\"tit-task-code\">\n                    IT-098\n                  <\/span>\n\n                  <span class=\"tit-priority\">\n                    \u0623\u0648\u0644\u0648\u064a\u0629 \u0639\u0627\u0644\u064a\u0629\n                  <\/span>\n\n                <\/div>\n\n                <h4 class=\"tit-card-title\">\n                  \u062a\u0637\u0648\u064a\u0631 \u0648\u0627\u062c\u0647\u0627\u062a \u0628\u0631\u0645\u062c\u0629 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a\n                <\/h4>\n\n                <div class=\"tit-card-team\">\n                  \u0641\u0631\u064a\u0642 \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u062e\u0644\u0641\u064a\n                <\/div>\n\n                <div class=\"tit-card-footer\">\n\n                  <span class=\"tit-avatar\">\n                    \u0623\n                  <\/span>\n\n                  <span class=\"tit-task-info\">\n                    18 \u0633\u0627\u0639\u0629 \u0645\u0642\u062f\u0651\u0631\u0629\n                  <\/span>\n\n                <\/div>\n\n              <\/article>\n\n              <!-- TASK IT-101 -->\n              <article class=\"tit-card\">\n\n                <div class=\"tit-card-top\">\n\n                  <span class=\"tit-task-code\">\n                    IT-101\n                  <\/span>\n\n                  <span class=\"tit-priority normal\">\n                    \u0623\u0648\u0644\u0648\u064a\u0629 \u0645\u062a\u0648\u0633\u0637\u0629\n                  <\/span>\n\n                <\/div>\n\n                <h4 class=\"tit-card-title\">\n                  \u0625\u0639\u062f\u0627\u062f \u0628\u064a\u0626\u0629 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\n                <\/h4>\n\n                <div class=\"tit-card-team\">\n                  \u0641\u0631\u064a\u0642 \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629\n                <\/div>\n\n                <div class=\"tit-card-footer\">\n\n                  <span class=\"tit-avatar blue\">\n                    \u062e\n                  <\/span>\n\n                  <span class=\"tit-task-info\">\n                    8 \u0633\u0627\u0639\u0627\u062a \u0645\u0642\u062f\u0651\u0631\u0629\n                  <\/span>\n\n                <\/div>\n\n              <\/article>\n\n            <\/div>\n\n            <!-- COLUMN 03 -->\n            <div class=\"tit-kanban-col\">\n\n              <div class=\"tit-column-head\">\n\n                <span\n                  class=\"tit-column-dot done\"\n                  aria-hidden=\"true\"><\/span>\n\n                <span class=\"tit-column-name\">\n                  \u0645\u0643\u062a\u0645\u0644\u0629\n                <\/span>\n\n                <span class=\"tit-column-count\">\n                  1\n                <\/span>\n\n              <\/div>\n\n              <!-- TASK IT-091 -->\n              <article class=\"tit-card\">\n\n                <div class=\"tit-card-top\">\n\n                  <span class=\"tit-task-code\">\n                    IT-091\n                  <\/span>\n\n                  <span class=\"tit-priority low\">\n                    \u0645\u0643\u062a\u0645\u0644\u0629\n                  <\/span>\n\n                <\/div>\n\n                <h4 class=\"tit-card-title\">\n                  \u062a\u062d\u0644\u064a\u0644 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0646\u0638\u0627\u0645\n                <\/h4>\n\n                <div class=\"tit-card-team\">\n                  \u0641\u0631\u064a\u0642 \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0623\u0639\u0645\u0627\u0644\n                <\/div>\n\n                <div class=\"tit-card-footer\">\n\n                  <span class=\"tit-avatar green\">\n                    \u0646\n                  <\/span>\n\n                  <span class=\"tit-task-info\">\n                    \u062a\u0645 \u0625\u0646\u062c\u0627\u0632 \u0627\u0644\u0645\u0647\u0645\u0629\n                  <\/span>\n\n                <\/div>\n\n              <\/article>\n\n            <\/div>\n\n          <\/div>\n\n          <!-- BOARD FOOTER -->\n          <div class=\"tit-board-footer\">\n\n            <span>\n              \u0631\u0627\u0642\u0628 \u0627\u0644\u0645\u0647\u0627\u0645 \u0628\u064a\u0646 \u0645\u0631\u0627\u062d\u0644\n              \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629.\n            <\/span>\n\n            <strong>\n              \u0648\u0636\u0648\u062d \u0623\u0643\u0628\u0631 \u0644\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a\n            <\/strong>\n\n          <\/div>\n\n        <\/div>\n\n        <figcaption>\n          \u0646\u0645\u0648\u0630\u062c \u062a\u0648\u0636\u064a\u062d\u064a \u0644\u0644\u0648\u062d\u0629 \u0645\u0647\u0627\u0645 \u062a\u0642\u0646\u064a\u0629\u060c\n          \u0648\u0644\u064a\u0633 \u0644\u0642\u0637\u0629 \u0641\u0639\u0644\u064a\u0629 \u0645\u0646 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632.\n        <\/figcaption>\n\n      <\/figure>\n\n      <!-- SUPPORTING CONTENT -->\n      <div class=\"tit-content\">\n\n        <div class=\"tit-content-label\">\n          \u062a\u0639\u0627\u0648\u0646 \u0645\u0646\u0638\u0651\u0645 \u0628\u064a\u0646 \u0627\u0644\u0641\u0631\u0642 \u0627\u0644\u062a\u0642\u0646\u064a\u0629\n        <\/div>\n\n        <h3 class=\"tit-content-title\">\n          \u0643\u0644 \u0645\u0647\u0645\u0629 \u0648\u0627\u0636\u062d\u0629\u060c\n          \u0648\u0643\u0644 \u0645\u0633\u0624\u0648\u0644\u064a\u0629 \u0645\u062d\u062f\u0651\u062f\u0629\n        <\/h3>\n\n        <p class=\"tit-content-lead\">\n          \u0628\u062f\u0644 \u0627\u0644\u0628\u062d\u062b \u0639\u0646 \u062d\u0627\u0644\u0629 \u0627\u0644\u0639\u0645\u0644\n          \u0641\u064a \u0627\u0644\u0645\u062d\u0627\u062f\u062b\u0627\u062a \u0648\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u060c\n          \u0627\u062c\u0645\u0639 \u0627\u0644\u0645\u0647\u0627\u0645 \u0641\u064a \u0645\u0634\u0631\u0648\u0639 \u0645\u0646\u0638\u0651\u0645.\n          \u0627\u0639\u0631\u0641 \u0645\u0646 \u064a\u062a\u0648\u0644\u0649 \u0643\u0644 \u0645\u0647\u0645\u0629\u060c\n          \u0648\u0645\u0627 \u0627\u0644\u0645\u0648\u0639\u062f \u0627\u0644\u0645\u062d\u062f\u062f \u0644\u0647\u0627\u060c\n          \u0648\u0645\u0627 \u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u0642\u064a\u062f \u0627\u0644\u062a\u0646\u0641\u064a\u0630\n          \u0623\u0648 \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0645\u062a\u0627\u0628\u0639\u0629.\n        <\/p>\n\n        <div class=\"tit-workflow\">\n\n          <!-- STEP 01 -->\n          <div class=\"tit-step\">\n\n            <span class=\"tit-step-number\">\n              01\n            <\/span>\n\n            <div>\n\n              <h4>\n                \u0648\u0632\u0651\u0639 \u0627\u0644\u0645\u0647\u0627\u0645 \u062d\u0633\u0628 \u0627\u0644\u062a\u062e\u0635\u0635\n              <\/h4>\n\n              <p>\n                \u0623\u0633\u0646\u062f \u0645\u0647\u0627\u0645 \u0627\u0644\u062a\u062d\u0644\u064a\u0644 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631\n                \u0648\u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u0648\u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629\n                \u0625\u0644\u0649 \u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u0641\u0631\u064a\u0642 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u064a\u0646.\n              <\/p>\n\n            <\/div>\n\n          <\/div>\n\n          <!-- STEP 02 -->\n          <div class=\"tit-step\">\n\n            <span class=\"tit-step-number\">\n              02\n            <\/span>\n\n            <div>\n\n              <h4>\n                \u062d\u062f\u0651\u062f \u0627\u0644\u0623\u0648\u0644\u0648\u064a\u0627\u062a \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f\n              <\/h4>\n\n              <p>\n                \u0646\u0638\u0651\u0645 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0641\u0642 \u0623\u0647\u0645\u064a\u062a\u0647\u0627\u060c\n                \u0648\u062d\u062f\u0651\u062f \u062a\u0648\u0627\u0631\u064a\u062e \u0627\u0644\u0627\u0633\u062a\u062d\u0642\u0627\u0642\n                \u0648\u0627\u0644\u062c\u0647\u062f \u0627\u0644\u0645\u0642\u062f\u0651\u0631 \u0644\u0643\u0644 \u0639\u0645\u0644.\n              <\/p>\n\n            <\/div>\n\n          <\/div>\n\n          <!-- STEP 03 -->\n          <div class=\"tit-step\">\n\n            <span class=\"tit-step-number\">\n              03\n            <\/span>\n\n            <div>\n\n              <h4>\n                \u062a\u0627\u0628\u0639 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0627\u0644\u062a\u0648\u0627\u0635\u0644\n              <\/h4>\n\n              <p>\n                \u0627\u0633\u062a\u062e\u062f\u0645 \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0645\u0647\u0627\u0645\n                \u0648\u0627\u0644\u062a\u0639\u0644\u064a\u0642\u0627\u062a \u0648\u0627\u0644\u0645\u0631\u0641\u0642\u0627\u062a\n                \u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0639\u0645\u0644 \u0648\u062a\u0628\u0627\u062f\u0644\n                \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0647.\n              <\/p>\n\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- FOUR FEATURE CARDS -->\n    <div class=\"tit-benefits\">\n\n      <!-- BENEFIT 01 -->\n      <article class=\"tit-benefit\">\n\n        <div class=\"tit-benefit-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\">\n            <circle cx=\"9\" cy=\"8\" r=\"3\"\/>\n            <path d=\"M3 20v-2a6 6 0 0 1 12 0v2\"\/>\n            <circle cx=\"18\" cy=\"8\" r=\"2\"\/>\n            <path d=\"M18 14a4 4 0 0 1 3 4v2\"\/>\n          <\/svg>\n        <\/div>\n\n        <h3>\n          \u062a\u0646\u0633\u064a\u0642 \u0641\u0631\u0642 \u0627\u0644\u062a\u0637\u0648\u064a\u0631\n        <\/h3>\n\n        <p>\n          \u0646\u0638\u0651\u0645 \u0639\u0645\u0644 \u0627\u0644\u0645\u0637\u0648\u0651\u0631\u064a\u0646\n          \u0648\u0627\u0644\u0645\u062e\u062a\u0628\u0631\u064a\u0646 \u0648\u0645\u0633\u0624\u0648\u0644\u064a \u0627\u0644\u0628\u0646\u064a\u0629\n          \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0636\u0645\u0646 \u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0636\u062d\u0629.\n        <\/p>\n\n      <\/article>\n\n      <!-- BENEFIT 02 -->\n      <article class=\"tit-benefit\">\n\n        <div class=\"tit-benefit-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\">\n            <rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\/>\n            <path d=\"m8 10 2 2 4-4\"\/>\n            <path d=\"M8 16h8\"\/>\n          <\/svg>\n        <\/div>\n\n        <h3>\n          \u0625\u062f\u0627\u0631\u0629 \u0623\u0648\u0644\u0648\u064a\u0627\u062a \u0627\u0644\u0645\u0647\u0627\u0645\n        <\/h3>\n\n        <p>\n          \u062d\u062f\u0651\u062f \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0623\u0643\u062b\u0631 \u0623\u0647\u0645\u064a\u0629\n          \u0648\u0645\u0648\u0627\u0639\u064a\u062f\u0647\u0627 \u0648\u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0646 \u0639\u0646\u0647\u0627\n          \u0644\u062a\u0648\u062c\u064a\u0647 \u062c\u0647\u062f \u0627\u0644\u0641\u0631\u064a\u0642.\n        <\/p>\n\n      <\/article>\n\n      <!-- BENEFIT 03 -->\n      <article class=\"tit-benefit\">\n\n        <div class=\"tit-benefit-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M3 7h7l2 3h11v10H3z\"\/>\n            <path d=\"M3 7V5h8l2 2\"\/>\n          <\/svg>\n        <\/div>\n\n        <h3>\n          \u0645\u0644\u0641\u0627\u062a \u0648\u062a\u0639\u0644\u064a\u0642\u0627\u062a \u0627\u0644\u0645\u0647\u0627\u0645\n        <\/h3>\n\n        <p>\n          \u0627\u062d\u062a\u0641\u0638 \u0628\u0627\u0644\u0645\u0631\u0641\u0642\u0627\u062a\n          \u0648\u0627\u0644\u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0648\u0627\u0644\u0646\u0642\u0627\u0634\u0627\u062a\n          \u0636\u0645\u0646 \u0633\u064a\u0627\u0642 \u0643\u0644 \u0645\u0647\u0645\u0629.\n        <\/p>\n\n      <\/article>\n\n      <!-- BENEFIT 04 -->\n      <article class=\"tit-benefit\">\n\n        <div class=\"tit-benefit-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M4 19V5M4 19h17\"\/>\n            <path d=\"M7 15l4-4 3 2 5-7\"\/>\n          <\/svg>\n        <\/div>\n\n        <h3>\n          \u0645\u062a\u0627\u0628\u0639\u0629 \u062d\u0627\u0644\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\n        <\/h3>\n\n        <p>\n          \u0631\u0627\u062c\u0639 \u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0647\u0627\u0645\n          \u0648\u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0645\u062a\u0623\u062e\u0631\u0629\u060c\n          \u0648\u062d\u062f\u0651\u062f \u0645\u0627 \u064a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0645\u062a\u0627\u0628\u0639\u0629.\n        <\/p>\n\n      <\/article>\n\n    <\/div>\n\n    <!-- BOTTOM SUMMARY -->\n    <div class=\"tit-bottom\">\n\n      <div>\n\n        <h3>\n          \u062a\u0639\u0627\u0648\u0646 \u0623\u0641\u0636\u0644\u060c \u062f\u0648\u0646 \u0641\u0642\u062f\u0627\u0646 \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0639\u0645\u0644\n        <\/h3>\n\n        <p>\n          \u064a\u0633\u0627\u0639\u062f\u0643 \u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n          \u0644\u0634\u0631\u0643\u0627\u062a \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a\n          \u0645\u0646 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0639\u0644\u0649 \u062a\u0646\u0633\u064a\u0642\n          \u0641\u0631\u0642 \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0648\u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\n          \u0648\u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0648\u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u062a\u0642\u0646\u064a\u060c\n          \u0648\u0625\u062f\u0627\u0631\u0629 \u0645\u0647\u0627\u0645\u0647\u0627 \u0648\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a\u0647\u0627\n          \u0648\u0645\u0648\u0627\u0639\u064a\u062f\u0647\u0627 \u0645\u0646 \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f\u060c\n          \u0645\u0639 \u0645\u062a\u0627\u0628\u0639\u0629 \u0648\u0627\u0636\u062d\u0629 \u0644\u062d\u0627\u0644\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630.\n        <\/p>\n\n      <\/div>\n\n      <a\n        class=\"tit-link\"\n        href=\"https:\/\/taskbrowse.com\/ar\/idarat-maham-sahla\/\">\n\n        \u0627\u0643\u062a\u0634\u0641 \u0623\u062f\u0648\u0627\u062a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0647\u0627\u0645\n        <span aria-hidden=\"true\">\u2190<\/span>\n\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n\/* =====================================================\n   TaskBrowse IT \u2014 Section 04\n   Time, Workload & Project Cost Management\n   ===================================================== *\/\n\n#tb-it-resources {\n  --tir-red: #c8102e;\n  --tir-ink: #17191d;\n  --tir-muted: #696b73;\n  --tir-line: #e4e5e8;\n  --tir-soft: #f8f8f9;\n  --tir-dark: #202124;\n\n  width: 100%;\n  margin: 0;\n  padding: 110px 24px 100px;\n  background: #fff;\n  color: var(--tir-ink);\n  direction: rtl;\n  text-align: right;\n  font-family: \"IBM Plex Sans Arabic\", Tahoma, sans-serif;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n\n#tb-it-resources *,\n#tb-it-resources *::before,\n#tb-it-resources *::after {\n  box-sizing: border-box;\n}\n\n#tb-it-resources .tir-container {\n  width: 100%;\n  max-width: 1380px;\n  margin-inline: auto;\n  min-width: 0;\n}\n\n\/* ===== Editorial heading ===== *\/\n\n#tb-it-resources .tir-heading {\n  display: grid;\n  grid-template-columns:\n    minmax(0,1.05fr)\n    minmax(0,.95fr);\n  align-items: center;\n  gap: clamp(40px,6vw,100px);\n  margin-bottom: 70px;\n}\n\n#tb-it-resources .tir-heading > * {\n  min-width: 0;\n}\n\n#tb-it-resources .tir-eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n  margin-bottom: 25px;\n  color: var(--tir-red);\n  font-size: 14px;\n  font-weight: 700;\n}\n\n#tb-it-resources .tir-eyebrow::before {\n  content: \"\";\n  width: 33px;\n  height: 2px;\n  flex: 0 0 33px;\n  background: var(--tir-red);\n}\n\n#tb-it-resources h2.tir-title {\n  margin: 0;\n  max-width: 780px;\n  color: var(--tir-ink);\n  font-family: inherit;\n  font-size: clamp(40px,4.3vw,66px);\n  font-weight: 800;\n  line-height: 1.4;\n  letter-spacing: -.5px;\n}\n\n#tb-it-resources .tir-title span {\n  color: var(--tir-red);\n}\n\n#tb-it-resources .tir-description p {\n  margin: 0 0 18px;\n  color: #585a62;\n  font-size: clamp(17px,1.4vw,20px);\n  line-height: 2.1;\n}\n\n#tb-it-resources .tir-description p:last-child {\n  margin-bottom: 0;\n}\n\n#tb-it-resources .tir-description strong {\n  color: var(--tir-ink);\n  font-weight: 800;\n}\n\n\/* ===== Dashboard container ===== *\/\n\n#tb-it-resources .tir-dashboard {\n  width: 100%;\n  min-width: 0;\n  overflow: hidden;\n  border: 1px solid #dedfe3;\n  border-top: 3px solid var(--tir-red);\n  border-radius: 21px;\n  background: #fff;\n  box-shadow: 0 22px 60px rgba(0,0,0,.055);\n}\n\n#tb-it-resources .tir-dashboard-head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 18px;\n  padding: 24px 28px;\n  border-bottom: 1px solid var(--tir-line);\n}\n\n#tb-it-resources .tir-dashboard-head h3 {\n  margin: 0 0 5px;\n  color: #272930;\n  font-family: inherit;\n  font-size: 18px;\n  font-weight: 800;\n}\n\n#tb-it-resources .tir-dashboard-head p {\n  margin: 0;\n  color: #94969d;\n  font-size: 11px;\n  line-height: 1.8;\n}\n\n#tb-it-resources .tir-demo {\n  padding: 8px 12px;\n  border: 1px solid var(--tir-line);\n  border-radius: 8px;\n  color: #85878d;\n  font-size: 11px;\n  white-space: nowrap;\n}\n\n\/* ===== Top KPI cards ===== *\/\n\n#tb-it-resources .tir-kpis {\n  display: grid;\n  grid-template-columns: repeat(4,minmax(0,1fr));\n  background: #fafafb;\n  border-bottom: 1px solid var(--tir-line);\n}\n\n#tb-it-resources .tir-kpi {\n  min-width: 0;\n  padding: 30px 27px;\n  border-left: 1px solid var(--tir-line);\n}\n\n#tb-it-resources .tir-kpi:last-child {\n  border-left: 0;\n}\n\n#tb-it-resources .tir-kpi-label {\n  margin-bottom: 11px;\n  color: #8a8c94;\n  font-size: 12px;\n  line-height: 1.8;\n}\n\n#tb-it-resources .tir-kpi-value {\n  color: #25272d;\n  font-size: clamp(27px,2.9vw,41px);\n  font-weight: 800;\n  line-height: 1.3;\n}\n\n#tb-it-resources .tir-kpi-value.red {\n  color: var(--tir-red);\n}\n\n#tb-it-resources .tir-kpi-note {\n  margin-top: 8px;\n  color: #9799a0;\n  font-size: 11px;\n  line-height: 1.8;\n}\n\n\/* ===== Chart section ===== *\/\n\n#tb-it-resources .tir-chart-section {\n  padding: 38px 34px;\n  border-bottom: 1px solid var(--tir-line);\n}\n\n#tb-it-resources .tir-block-head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  gap: 15px;\n  margin-bottom: 28px;\n}\n\n#tb-it-resources .tir-block-head h3 {\n  margin: 0;\n  color: #292b31;\n  font-family: inherit;\n  font-size: 20px;\n  font-weight: 800;\n  line-height: 1.6;\n}\n\n#tb-it-resources .tir-legend {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 18px;\n}\n\n#tb-it-resources .tir-legend-item {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  color: #777981;\n  font-size: 12px;\n}\n\n#tb-it-resources .tir-legend-square {\n  width: 11px;\n  height: 11px;\n  background: #9da0a8;\n  border-radius: 3px;\n}\n\n#tb-it-resources .tir-legend-square.actual {\n  background: var(--tir-red);\n}\n\n\/* ===== Project comparison ===== *\/\n\n#tb-it-resources .tir-project {\n  display: grid;\n  grid-template-columns: minmax(0,.85fr) minmax(0,2fr);\n  align-items: center;\n  gap: 30px;\n  padding: 24px 0;\n  border-bottom: 1px solid #ebeced;\n}\n\n#tb-it-resources .tir-project:last-child {\n  border-bottom: 0;\n}\n\n#tb-it-resources .tir-project > * {\n  min-width: 0;\n}\n\n#tb-it-resources .tir-project-name {\n  color: #292b31;\n  font-size: 16px;\n  font-weight: 800;\n  line-height: 1.65;\n}\n\n#tb-it-resources .tir-project-team {\n  margin-top: 6px;\n  color: #9799a0;\n  font-size: 12px;\n  line-height: 1.7;\n}\n\n#tb-it-resources .tir-bars {\n  display: grid;\n  gap: 13px;\n  min-width: 0;\n}\n\n#tb-it-resources .tir-bar-row {\n  display: grid;\n  grid-template-columns: 66px minmax(0,1fr) 74px;\n  align-items: center;\n  gap: 13px;\n  min-width: 0;\n}\n\n#tb-it-resources .tir-bar-label {\n  color: #7a7c84;\n  font-size: 12px;\n  white-space: nowrap;\n}\n\n#tb-it-resources .tir-track {\n  height: 13px;\n  overflow: hidden;\n  border-radius: 50px;\n  background: #ececf0;\n}\n\n#tb-it-resources .tir-fill {\n  display: block;\n  width: var(--tir-width);\n  height: 100%;\n  background: #9da0a8;\n  border-radius: inherit;\n}\n\n#tb-it-resources .tir-fill.actual {\n  background: var(--tir-red);\n}\n\n#tb-it-resources .tir-hours {\n  color: #292b31;\n  direction: ltr;\n  text-align: left;\n  font-size: 13px;\n  font-weight: 800;\n  white-space: nowrap;\n}\n\n\/* ===== Bottom dashboard panels ===== *\/\n\n#tb-it-resources .tir-lower {\n  display: grid;\n  grid-template-columns: minmax(0,1fr) minmax(0,1fr);\n  min-width: 0;\n}\n\n#tb-it-resources .tir-lower > * {\n  min-width: 0;\n}\n\n\/* ===== Team workload ===== *\/\n\n#tb-it-resources .tir-workload {\n  padding: 35px 32px;\n  border-left: 1px solid var(--tir-line);\n}\n\n#tb-it-resources .tir-panel-title {\n  margin: 0 0 9px;\n  color: #292b31;\n  font-family: inherit;\n  font-size: 19px;\n  font-weight: 800;\n  line-height: 1.6;\n}\n\n#tb-it-resources .tir-panel-desc {\n  margin: 0 0 24px;\n  color: #8b8d95;\n  font-size: 12px;\n  line-height: 1.9;\n}\n\n#tb-it-resources .tir-team {\n  margin-bottom: 24px;\n}\n\n#tb-it-resources .tir-team:last-child {\n  margin-bottom: 0;\n}\n\n#tb-it-resources .tir-team-info {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 15px;\n  margin-bottom: 9px;\n}\n\n#tb-it-resources .tir-team-name {\n  color: #42444c;\n  font-size: 13px;\n  font-weight: 800;\n}\n\n#tb-it-resources .tir-team-value {\n  color: #6d6f77;\n  font-size: 12px;\n  font-weight: 800;\n  white-space: nowrap;\n}\n\n#tb-it-resources .tir-team-track {\n  width: 100%;\n  height: 10px;\n  overflow: hidden;\n  background: #ececf0;\n  border-radius: 30px;\n}\n\n#tb-it-resources .tir-team-fill {\n  display: block;\n  width: var(--tir-load);\n  height: 100%;\n  background: #a6a8b0;\n  border-radius: inherit;\n}\n\n#tb-it-resources .tir-team-fill.high {\n  background: var(--tir-red);\n}\n\n\/* ===== Budget panel ===== *\/\n\n#tb-it-resources .tir-budget {\n  padding: 35px 32px;\n  background: #faf9f9;\n}\n\n#tb-it-resources .tir-budget-total {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: 12px;\n  margin: 23px 0 15px;\n}\n\n#tb-it-resources .tir-budget-total strong {\n  color: var(--tir-red);\n  font-size: clamp(29px,3vw,42px);\n  line-height: 1.3;\n  font-weight: 800;\n}\n\n#tb-it-resources .tir-budget-total span {\n  color: #85878d;\n  font-size: 12px;\n}\n\n#tb-it-resources .tir-budget-track {\n  width: 100%;\n  height: 13px;\n  background: #e5e5e8;\n  border-radius: 30px;\n  overflow: hidden;\n}\n\n#tb-it-resources .tir-budget-fill {\n  display: block;\n  width: 61%;\n  height: 100%;\n  border-radius: inherit;\n  background: var(--tir-red);\n}\n\n#tb-it-resources .tir-budget-list {\n  margin-top: 21px;\n  border-top: 1px solid #e4e2e3;\n}\n\n#tb-it-resources .tir-budget-row {\n  display: flex;\n  justify-content: space-between;\n  gap: 15px;\n  padding: 14px 0;\n  border-bottom: 1px solid #e4e2e3;\n}\n\n#tb-it-resources .tir-budget-row span {\n  color: #676971;\n  font-size: 13px;\n  line-height: 1.7;\n}\n\n#tb-it-resources .tir-budget-row strong {\n  color: #292b31;\n  font-size: 14px;\n  font-weight: 800;\n  white-space: nowrap;\n}\n\n#tb-it-resources .tir-budget-row.remaining strong {\n  color: var(--tir-red);\n}\n\n\/* ===== Dashboard footer ===== *\/\n\n#tb-it-resources .tir-dashboard-footer {\n  padding: 20px 28px;\n  background: #202124;\n  color: #c6c7cb;\n  font-size: 12px;\n  line-height: 1.9;\n}\n\n\/* ===== Benefits ===== *\/\n\n#tb-it-resources .tir-benefits {\n  display: grid;\n  grid-template-columns: repeat(3,minmax(0,1fr));\n  margin-top: 75px;\n  border-top: 1px solid var(--tir-line);\n  border-bottom: 1px solid var(--tir-line);\n}\n\n#tb-it-resources .tir-benefit {\n  position: relative;\n  padding: 34px 28px;\n  border-left: 1px solid var(--tir-line);\n}\n\n#tb-it-resources .tir-benefit:last-child {\n  border-left: 0;\n}\n\n#tb-it-resources .tir-benefit::before {\n  content: \"\";\n  position: absolute;\n  right: 28px;\n  top: -2px;\n  width: 38px;\n  height: 3px;\n  background: var(--tir-red);\n}\n\n#tb-it-resources .tir-benefit-no {\n  color: var(--tir-red);\n  font-size: 13px;\n  font-weight: 800;\n  margin-bottom: 16px;\n}\n\n#tb-it-resources .tir-benefit h3 {\n  margin: 0 0 12px;\n  color: var(--tir-ink);\n  font-family: inherit;\n  font-size: 21px;\n  font-weight: 800;\n  line-height: 1.6;\n}\n\n#tb-it-resources .tir-benefit p {\n  margin: 0;\n  color: var(--tir-muted);\n  font-size: 14px;\n  line-height: 2.05;\n}\n\n\/* ===== Bottom strip ===== *\/\n\n#tb-it-resources .tir-bottom {\n  display: grid;\n  grid-template-columns: minmax(0,1fr) auto;\n  align-items: center;\n  gap: 30px;\n  margin-top: 60px;\n  padding: 32px 34px;\n  border: 1px solid var(--tir-line);\n  border-radius: 17px;\n  background: var(--tir-soft);\n}\n\n#tb-it-resources .tir-bottom h3 {\n  margin: 0 0 10px;\n  color: var(--tir-ink);\n  font-family: inherit;\n  font-size: 21px;\n  font-weight: 800;\n  line-height: 1.6;\n}\n\n#tb-it-resources .tir-bottom p {\n  margin: 0;\n  color: var(--tir-muted);\n  font-size: 14px;\n  line-height: 2.05;\n}\n\n#tb-it-resources .tir-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 11px;\n  min-height: 53px;\n  padding: 12px 20px;\n  border: 1px solid #dfb8c2;\n  border-radius: 9px;\n  background: #fff;\n  color: #af0e2b !important;\n  text-decoration: none !important;\n  white-space: nowrap;\n  font-size: 13px;\n  font-weight: 800;\n}\n\n#tb-it-resources .tir-link:hover {\n  background: #fff4f7;\n}\n\n#tb-it-resources .tir-link:focus-visible {\n  outline: 3px solid var(--tir-red);\n  outline-offset: 4px;\n}\n\n\/* ===== Tablet ===== *\/\n\n@media (max-width: 1100px) {\n  #tb-it-resources {\n    padding: 85px 22px;\n  }\n\n  #tb-it-resources .tir-heading {\n    grid-template-columns: 1fr;\n    gap: 28px;\n    margin-bottom: 55px;\n  }\n\n  #tb-it-resources .tir-kpis {\n    grid-template-columns: repeat(2,minmax(0,1fr));\n  }\n\n  #tb-it-resources .tir-kpi:nth-child(2) {\n    border-left: 0;\n  }\n\n  #tb-it-resources .tir-kpi:nth-child(-n+2) {\n    border-bottom: 1px solid var(--tir-line);\n  }\n}\n\n\/* ===== Mobile \/ Small Tablet ===== *\/\n\n@media (max-width: 760px) {\n  #tb-it-resources {\n    padding: 65px 18px;\n  }\n\n  #tb-it-resources h2.tir-title {\n    font-size: clamp(35px,8vw,47px);\n  }\n\n  #tb-it-resources .tir-description p {\n    font-size: 17px;\n  }\n\n  #tb-it-resources .tir-dashboard {\n    border-radius: 16px;\n  }\n\n  #tb-it-resources .tir-dashboard-head {\n    padding: 21px 18px;\n    flex-wrap: wrap;\n  }\n\n  #tb-it-resources .tir-chart-section {\n    padding: 26px 19px;\n  }\n\n  #tb-it-resources .tir-project {\n    grid-template-columns: 1fr;\n    gap: 18px;\n  }\n\n  #tb-it-resources .tir-lower {\n    grid-template-columns: 1fr;\n  }\n\n  #tb-it-resources .tir-workload {\n    border-left: 0;\n    border-bottom: 1px solid var(--tir-line);\n    padding: 29px 21px;\n  }\n\n  #tb-it-resources .tir-budget {\n    padding: 29px 21px;\n  }\n\n  #tb-it-resources .tir-benefits {\n    grid-template-columns: 1fr;\n    margin-top: 55px;\n  }\n\n  #tb-it-resources .tir-benefit {\n    border-left: 0;\n    border-bottom: 1px solid var(--tir-line);\n    padding: 29px 21px;\n  }\n\n  #tb-it-resources .tir-benefit:last-child {\n    border-bottom: 0;\n  }\n\n  #tb-it-resources .tir-benefit::before {\n    right: 21px;\n  }\n\n  #tb-it-resources .tir-bottom {\n    grid-template-columns: 1fr;\n    gap: 24px;\n    margin-top: 45px;\n    padding: 27px 22px;\n  }\n\n  #tb-it-resources .tir-link {\n    width: fit-content;\n    white-space: normal;\n  }\n}\n\n\/* ===== Narrow Mobile ===== *\/\n\n@media (max-width: 460px) {\n  #tb-it-resources h2.tir-title {\n    font-size: 33px;\n  }\n\n  #tb-it-resources .tir-kpis {\n    grid-template-columns: 1fr;\n  }\n\n  #tb-it-resources .tir-kpi,\n  #tb-it-resources .tir-kpi:nth-child(2) {\n    padding: 21px;\n    border-left: 0;\n    border-bottom: 1px solid var(--tir-line);\n  }\n\n  #tb-it-resources .tir-kpi:last-child {\n    border-bottom: 0;\n  }\n\n  #tb-it-resources .tir-bar-row {\n    grid-template-columns: 53px minmax(0,1fr) 54px;\n    gap: 7px;\n  }\n\n  #tb-it-resources .tir-bar-label,\n  #tb-it-resources .tir-hours {\n    font-size: 10px;\n  }\n\n  #tb-it-resources .tir-project-name {\n    font-size: 15px;\n  }\n\n  #tb-it-resources .tir-budget-row span {\n    font-size: 12px;\n  }\n\n  #tb-it-resources .tir-budget-row strong {\n    font-size: 12px;\n  }\n}\n<\/style>\n\n<section\n  id=\"tb-it-resources\"\n  lang=\"ar\"\n  dir=\"rtl\"\n  aria-labelledby=\"tb-it-resources-title\">\n\n  <div class=\"tir-container\">\n\n    <!-- SECTION HEADER -->\n    <div class=\"tir-heading\">\n\n      <div>\n        <div class=\"tir-eyebrow\">\n          \u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641\n        <\/div>\n\n        <h2\n          class=\"tir-title\"\n          id=\"tb-it-resources-title\">\n\n          \u0631\u0627\u0642\u0628 \u0648\u0642\u062a \u0641\u0631\u064a\u0642\u0643\n          <span>\u0648\u062a\u0643\u0627\u0644\u064a\u0641 \u0645\u0634\u0627\u0631\u064a\u0639\u0643 \u0627\u0644\u062a\u0642\u0646\u064a\u0629<\/span>\n\n        <\/h2>\n      <\/div>\n\n      <div class=\"tir-description\">\n\n        <p>\n          \u0642\u062f \u064a\u0639\u0645\u0644 \u0641\u0631\u064a\u0642 \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0639\u0644\u0649 \u0639\u062f\u0629\n          \u0645\u0634\u0627\u0631\u064a\u0639 \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0646\u0641\u0633\u0647\u060c \u0628\u064a\u0646\u0645\u0627\n          \u064a\u062d\u062a\u0627\u062c \u0641\u0631\u064a\u0642 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u0623\u0648 \u0627\u0644\u0628\u0646\u064a\u0629\n          \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0625\u0644\u0649 \u0645\u0648\u0627\u0631\u062f \u0625\u0636\u0627\u0641\u064a\u0629.\n          \u0645\u0646 \u062f\u0648\u0646 \u0628\u064a\u0627\u0646\u0627\u062a \u0648\u0627\u0636\u062d\u0629 \u0639\u0646 \u0633\u0627\u0639\u0627\u062a\n          \u0627\u0644\u0639\u0645\u0644 \u0648\u0639\u0628\u0621 \u0627\u0644\u0645\u0647\u0627\u0645\u060c \u062a\u0635\u0628\u062d\n          \u062a\u0642\u062f\u064a\u0631\u0627\u062a \u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u062a\u0643\u0644\u0641\u0629\n          \u0623\u0642\u0644 \u062f\u0642\u0629.\n        <\/p>\n\n        <p>\n          \u064a\u0633\u0627\u0639\u062f\u0643 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0639\u0644\u0649\n          <strong>\u062a\u062a\u0628\u0639 \u0648\u0642\u062a \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u0642\u0646\u064a\u0629<\/strong>\n          \u0648\u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0644\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0645\u0642\u062f\u0651\u0631\u0629\n          \u0628\u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a\u060c \u0648\u0645\u0631\u0627\u062c\u0639\u0629\n          \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641\u060c\n          \u0644\u062a\u0639\u0631\u0641 \u0643\u064a\u0641 \u062a\u064f\u0633\u062a\u062e\u062f\u0645\n          \u0645\u0648\u0627\u0631\u062f \u0641\u0631\u064a\u0642\u0643.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- DASHBOARD -->\n    <div\n      class=\"tir-dashboard\"\n      aria-label=\"\u0645\u062b\u0627\u0644 \u062a\u0648\u0636\u064a\u062d\u064a \u0644\u062a\u062d\u0644\u064a\u0644 \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0648\u0639\u0628\u0621 \u0627\u0644\u0641\u0631\u064a\u0642 \u0648\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u0642\u0646\u064a\u0629\">\n\n      <!-- DASHBOARD HEADER -->\n      <div class=\"tir-dashboard-head\">\n\n        <div>\n          <h3>\n            \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u0645\u0648\u0627\u0631\u062f\n          <\/h3>\n          <p>\n            \u0645\u0644\u062e\u0635 \u062b\u0644\u0627\u062b\u0629 \u0645\u0634\u0627\u0631\u064a\u0639 \u062a\u0642\u0646\u064a\u0629\n          <\/p>\n        <\/div>\n\n        <span class=\"tir-demo\">\n          \u0628\u064a\u0627\u0646\u0627\u062a \u062a\u0648\u0636\u064a\u062d\u064a\u0629\n        <\/span>\n\n      <\/div>\n\n      <!-- TOP KPIS -->\n      <div class=\"tir-kpis\">\n\n        <div class=\"tir-kpi\">\n          <div class=\"tir-kpi-label\">\n            \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u0642\u062f\u0651\u0631\u0629\n          <\/div>\n          <div class=\"tir-kpi-value\">\n            360\n          <\/div>\n          <div class=\"tir-kpi-note\">\n            \u0633\u0627\u0639\u0629 \u0644\u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n          <\/div>\n        <\/div>\n\n        <div class=\"tir-kpi\">\n          <div class=\"tir-kpi-label\">\n            \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u0633\u062c\u0651\u0644\u0629\n          <\/div>\n          <div class=\"tir-kpi-value red\">\n            278\n          <\/div>\n          <div class=\"tir-kpi-note\">\n            \u0633\u0627\u0639\u0629 \u0641\u0639\u0644\u064a\u0629 \u062d\u062a\u0649 \u0627\u0644\u0622\u0646\n          <\/div>\n        <\/div>\n\n        <div class=\"tir-kpi\">\n          <div class=\"tir-kpi-label\">\n            \u0646\u0633\u0628\u0629 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0633\u062c\u0651\u0644 \u0625\u0644\u0649 \u0627\u0644\u0645\u0642\u062f\u0651\u0631\n          <\/div>\n          <div class=\"tir-kpi-value\">\n            77.2%\n          <\/div>\n          <div class=\"tir-kpi-note\">\n            \u0644\u064a\u0633\u062a \u0646\u0633\u0628\u0629 \u0625\u0646\u062c\u0627\u0632 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n          <\/div>\n        <\/div>\n\n        <div class=\"tir-kpi\">\n          <div class=\"tir-kpi-label\">\n            \u0639\u062f\u062f \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n          <\/div>\n          <div class=\"tir-kpi-value\">\n            3\n          <\/div>\n          <div class=\"tir-kpi-note\">\n            \u0645\u0634\u0627\u0631\u064a\u0639 \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0645\u062b\u0627\u0644\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- PROJECT HOURS CHART -->\n      <div class=\"tir-chart-section\">\n\n        <div class=\"tir-block-head\">\n\n          <h3>\n            \u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0644\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0645\u0642\u062f\u0651\u0631\u0629 \u0648\u0627\u0644\u0641\u0639\u0644\u064a\u0629\n          <\/h3>\n\n          <div class=\"tir-legend\">\n\n            <span class=\"tir-legend-item\">\n              <span\n                class=\"tir-legend-square\"\n                aria-hidden=\"true\"><\/span>\n              \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0642\u062f\u0651\u0631\n            <\/span>\n\n            <span class=\"tir-legend-item\">\n              <span\n                class=\"tir-legend-square actual\"\n                aria-hidden=\"true\"><\/span>\n              \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0633\u062c\u0651\u0644\n            <\/span>\n\n          <\/div>\n\n        <\/div>\n\n        <!-- PROJECT 01 -->\n        <div class=\"tir-project\">\n\n          <div>\n            <div class=\"tir-project-name\">\n              \u062a\u0637\u0648\u064a\u0631 \u0645\u0646\u0635\u0629 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621\n            <\/div>\n            <div class=\"tir-project-team\">\n              \u0641\u0631\u064a\u0642 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a\n            <\/div>\n          <\/div>\n\n          <div class=\"tir-bars\">\n\n            <div class=\"tir-bar-row\">\n              <span class=\"tir-bar-label\">\n                \u0627\u0644\u0645\u0642\u062f\u0651\u0631\n              <\/span>\n\n              <div class=\"tir-track\">\n                <span\n                  class=\"tir-fill\"\n                  style=\"--tir-width:75%\"><\/span>\n              <\/div>\n\n              <span class=\"tir-hours\">\n                120 h\n              <\/span>\n            <\/div>\n\n            <div class=\"tir-bar-row\">\n              <span class=\"tir-bar-label\">\n                \u0627\u0644\u0645\u0633\u062c\u0651\u0644\n              <\/span>\n\n              <div class=\"tir-track\">\n                <span\n                  class=\"tir-fill actual\"\n                  style=\"--tir-width:56.25%\"><\/span>\n              <\/div>\n\n              <span class=\"tir-hours\">\n                90 h\n              <\/span>\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n        <!-- PROJECT 02 -->\n        <div class=\"tir-project\">\n\n          <div>\n            <div class=\"tir-project-name\">\n              \u062a\u0631\u0642\u064a\u0629 \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0644\u0644\u062e\u0648\u0627\u062f\u0645\n            <\/div>\n            <div class=\"tir-project-team\">\n              \u0641\u0631\u064a\u0642 \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629\n            <\/div>\n          <\/div>\n\n          <div class=\"tir-bars\">\n\n            <div class=\"tir-bar-row\">\n              <span class=\"tir-bar-label\">\n                \u0627\u0644\u0645\u0642\u062f\u0651\u0631\n              <\/span>\n\n              <div class=\"tir-track\">\n                <span\n                  class=\"tir-fill\"\n                  style=\"--tir-width:50%\"><\/span>\n              <\/div>\n\n              <span class=\"tir-hours\">\n                80 h\n              <\/span>\n            <\/div>\n\n            <div class=\"tir-bar-row\">\n              <span class=\"tir-bar-label\">\n                \u0627\u0644\u0645\u0633\u062c\u0651\u0644\n              <\/span>\n\n              <div class=\"tir-track\">\n                <span\n                  class=\"tir-fill actual\"\n                  style=\"--tir-width:35%\"><\/span>\n              <\/div>\n\n              <span class=\"tir-hours\">\n                56 h\n              <\/span>\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n        <!-- PROJECT 03 -->\n        <div class=\"tir-project\">\n\n          <div>\n            <div class=\"tir-project-name\">\n              \u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u0646\u0638\u0627\u0645 \u0625\u062f\u0627\u0631\u0629 \u062f\u0627\u062e\u0644\u064a\n            <\/div>\n            <div class=\"tir-project-team\">\n              \u0641\u0631\u064a\u0642 \u0627\u0644\u0646\u0634\u0631 \u0648\u0627\u0644\u062a\u0634\u063a\u064a\u0644\n            <\/div>\n          <\/div>\n\n          <div class=\"tir-bars\">\n\n            <div class=\"tir-bar-row\">\n              <span class=\"tir-bar-label\">\n                \u0627\u0644\u0645\u0642\u062f\u0651\u0631\n              <\/span>\n\n              <div class=\"tir-track\">\n                <span\n                  class=\"tir-fill\"\n                  style=\"--tir-width:100%\"><\/span>\n              <\/div>\n\n              <span class=\"tir-hours\">\n                160 h\n              <\/span>\n            <\/div>\n\n            <div class=\"tir-bar-row\">\n              <span class=\"tir-bar-label\">\n                \u0627\u0644\u0645\u0633\u062c\u0651\u0644\n              <\/span>\n\n              <div class=\"tir-track\">\n                <span\n                  class=\"tir-fill actual\"\n                  style=\"--tir-width:82.5%\"><\/span>\n              <\/div>\n\n              <span class=\"tir-hours\">\n                132 h\n              <\/span>\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- LOWER DASHBOARD -->\n      <div class=\"tir-lower\">\n\n        <!-- TEAM WORKLOAD -->\n        <div class=\"tir-workload\">\n\n          <h3 class=\"tir-panel-title\">\n            \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u062e\u0637\u0651\u0637 \u062d\u0633\u0628 \u0627\u0644\u0641\u0631\u064a\u0642\n          <\/h3>\n\n          <p class=\"tir-panel-desc\">\n            \u0645\u062b\u0627\u0644 \u0639\u0644\u0649 \u0646\u0633\u0628\u0629 \u0627\u0644\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0645\u062e\u0635\u0651\u0635\u0629\n            \u0625\u0644\u0649 \u0627\u0644\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0645\u062a\u0627\u062d\u0629 \u0641\u064a \u0641\u062a\u0631\u0629 \u0645\u062d\u062f\u0651\u062f\u0629\n          <\/p>\n\n          <!-- TEAM 01 -->\n          <div class=\"tir-team\">\n\n            <div class=\"tir-team-info\">\n              <span class=\"tir-team-name\">\n                \u0641\u0631\u064a\u0642 \u0627\u0644\u062a\u0637\u0648\u064a\u0631\n              <\/span>\n              <span class=\"tir-team-value\">\n                85%\n              <\/span>\n            <\/div>\n\n            <div class=\"tir-team-track\">\n              <span\n                class=\"tir-team-fill high\"\n                style=\"--tir-load:85%\"><\/span>\n            <\/div>\n\n          <\/div>\n\n          <!-- TEAM 02 -->\n          <div class=\"tir-team\">\n\n            <div class=\"tir-team-info\">\n              <span class=\"tir-team-name\">\n                \u0641\u0631\u064a\u0642 \u0636\u0645\u0627\u0646 \u0627\u0644\u062c\u0648\u062f\u0629\n              <\/span>\n              <span class=\"tir-team-value\">\n                65%\n              <\/span>\n            <\/div>\n\n            <div class=\"tir-team-track\">\n              <span\n                class=\"tir-team-fill\"\n                style=\"--tir-load:65%\"><\/span>\n            <\/div>\n\n          <\/div>\n\n          <!-- TEAM 03 -->\n          <div class=\"tir-team\">\n\n            <div class=\"tir-team-info\">\n              <span class=\"tir-team-name\">\n                \u0641\u0631\u064a\u0642 \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629\n              <\/span>\n              <span class=\"tir-team-value\">\n                72%\n              <\/span>\n            <\/div>\n\n            <div class=\"tir-team-track\">\n              <span\n                class=\"tir-team-fill\"\n                style=\"--tir-load:72%\"><\/span>\n            <\/div>\n\n          <\/div>\n\n          <!-- TEAM 04 -->\n          <div class=\"tir-team\">\n\n            <div class=\"tir-team-info\">\n              <span class=\"tir-team-name\">\n                \u0641\u0631\u064a\u0642 \u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u062a\u0642\u0646\u064a\n              <\/span>\n              <span class=\"tir-team-value\">\n                48%\n              <\/span>\n            <\/div>\n\n            <div class=\"tir-team-track\">\n              <span\n                class=\"tir-team-fill\"\n                style=\"--tir-load:48%\"><\/span>\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n        <!-- PROJECT BUDGET -->\n        <div class=\"tir-budget\">\n\n          <h3 class=\"tir-panel-title\">\n            \u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0645\u0634\u0631\u0648\u0639 \u062a\u0642\u0646\u064a\n          <\/h3>\n\n          <p class=\"tir-panel-desc\">\n            \u0645\u0634\u0631\u0648\u0639 \u062a\u0637\u0648\u064a\u0631 \u0645\u0646\u0635\u0629 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621\n            \u00b7 \u0645\u062b\u0627\u0644 \u0645\u0627\u0644\u064a \u0645\u0633\u062a\u0642\u0644\n          <\/p>\n\n          <div class=\"tir-budget-total\">\n            <strong>61%<\/strong>\n            <span>\n              \u0645\u0646 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u0629\n            <\/span>\n          <\/div>\n\n          <div\n            class=\"tir-budget-track\"\n            role=\"img\"\n            aria-label=\"\u062a\u0645 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 61 \u0628\u0627\u0644\u0645\u0626\u0629 \u0645\u0646 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629\">\n\n            <span class=\"tir-budget-fill\"><\/span>\n\n          <\/div>\n\n          <div class=\"tir-budget-list\">\n\n            <div class=\"tir-budget-row\">\n              <span>\n                \u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n              <\/span>\n              <strong>\n                100,000 \u0631\u064a\u0627\u0644\n              <\/strong>\n            <\/div>\n\n            <div class=\"tir-budget-row\">\n              <span>\n                \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u0633\u062c\u0651\u0644\u0629\n              <\/span>\n              <strong>\n                46,000 \u0631\u064a\u0627\u0644\n              <\/strong>\n            <\/div>\n\n            <div class=\"tir-budget-row\">\n              <span>\n                \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0623\u062e\u0631\u0649\n              <\/span>\n              <strong>\n                15,000 \u0631\u064a\u0627\u0644\n              <\/strong>\n            <\/div>\n\n            <div class=\"tir-budget-row remaining\">\n              <span>\n                \u0627\u0644\u0645\u062a\u0628\u0642\u064a \u0645\u0646 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629\n              <\/span>\n              <strong>\n                39,000 \u0631\u064a\u0627\u0644\n              <\/strong>\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- DASHBOARD FOOTER -->\n      <div class=\"tir-dashboard-footer\">\n        \u062c\u0645\u064a\u0639 \u0627\u0644\u0633\u0627\u0639\u0627\u062a \u0648\u0627\u0644\u0646\u0633\u0628 \u0648\u0627\u0644\u0645\u0628\u0627\u0644\u063a \u0627\u0644\u0648\u0627\u0631\u062f\u0629\n        \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0629.\n        \u0644\u0627 \u062a\u0639\u0646\u064a \u0646\u0633\u0628\u0629 \u0627\u0644\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0647\u0644\u0643\u0629\n        \u0646\u0633\u0628\u0629 \u0625\u0646\u062c\u0627\u0632 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u060c \u0643\u0645\u0627 \u0623\u0646 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629\n        \u0627\u0644\u0645\u062a\u0628\u0642\u064a\u0629 \u0644\u0627 \u062a\u0645\u062b\u0651\u0644 \u062a\u0648\u0642\u0639\u064b\u0627 \u0644\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629.\n      <\/div>\n\n    <\/div>\n\n    <!-- THREE BENEFITS -->\n    <div class=\"tir-benefits\">\n\n      <!-- BENEFIT 01 -->\n      <article class=\"tir-benefit\">\n\n        <div class=\"tir-benefit-no\">\n          01\n        <\/div>\n\n        <h3>\n          \u062a\u062a\u0628\u0651\u0639 \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0641\u0639\u0644\u064a\u0629\n        <\/h3>\n\n        <p>\n          \u0633\u062c\u0651\u0644 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0633\u062a\u063a\u0631\u0642 \u0641\u064a\n          \u0645\u0647\u0627\u0645 \u0627\u0644\u062a\u062d\u0644\u064a\u0644 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631\n          \u0648\u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u0648\u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629\u060c\n          \u0648\u0642\u0627\u0631\u0646 \u0627\u0644\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0641\u0639\u0644\u064a\u0629\n          \u0628\u0627\u0644\u062a\u0642\u062f\u064a\u0631\u0627\u062a \u0627\u0644\u0623\u0648\u0644\u064a\u0629.\n        <\/p>\n\n      <\/article>\n\n      <!-- BENEFIT 02 -->\n      <article class=\"tir-benefit\">\n\n        <div class=\"tir-benefit-no\">\n          02\n        <\/div>\n\n        <h3>\n          \u0631\u0627\u062c\u0639 \u062a\u0648\u0632\u064a\u0639 \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644\n        <\/h3>\n\n        <p>\n          \u0627\u0633\u062a\u0641\u062f \u0645\u0646 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0645\u0647\u0627\u0645\n          \u0648\u0627\u0644\u062c\u0647\u062f \u0627\u0644\u0645\u0642\u062f\u0651\u0631 \u0644\u0645\u0631\u0627\u062c\u0639\u0629\n          \u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0639\u0645\u0644 \u0628\u064a\u0646 \u0623\u0639\u0636\u0627\u0621\n          \u0627\u0644\u0641\u0631\u064a\u0642 \u0648\u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u0644\u062d\u0627\u062c\u0629\n          \u0625\u0644\u0649 \u062a\u0639\u062f\u064a\u0644 \u0627\u0644\u062e\u0637\u0629.\n        <\/p>\n\n      <\/article>\n\n      <!-- BENEFIT 03 -->\n      <article class=\"tir-benefit\">\n\n        <div class=\"tir-benefit-no\">\n          03\n        <\/div>\n\n        <h3>\n          \u062a\u0627\u0628\u0639 \u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n        <\/h3>\n\n        <p>\n          \u0631\u0627\u062c\u0639 \u062a\u0643\u0644\u0641\u0629 \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644\n          \u0648\u0627\u0644\u0645\u0635\u0631\u0648\u0641\u0627\u062a \u0627\u0644\u0623\u062e\u0631\u0649\n          \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u0642\u0646\u064a\u0629\u060c\n          \u0648\u0642\u0627\u0631\u0646\u0647\u0627 \u0628\u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0627\u062a\n          \u0627\u0644\u0645\u062d\u062f\u0651\u062f\u0629 \u0644\u0643\u0644 \u0645\u0634\u0631\u0648\u0639.\n        <\/p>\n\n      <\/article>\n\n    <\/div>\n\n    <!-- BOTTOM SUMMARY -->\n    <div class=\"tir-bottom\">\n\n      <div>\n\n        <h3>\n          \u0642\u0631\u0627\u0631\u0627\u062a \u0623\u0641\u0636\u0644 \u062a\u0628\u062f\u0623 \u0628\u0628\u064a\u0627\u0646\u0627\u062a \u0639\u0645\u0644 \u0648\u0627\u0636\u062d\u0629\n        <\/h3>\n\n        <p>\n          \u064a\u062c\u0645\u0639 \u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n          \u0644\u0634\u0631\u0643\u0627\u062a \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a\n          \u0645\u0646 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0628\u064a\u0646 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0647\u0627\u0645\n          \u0648\u062a\u062a\u0628\u0639 \u0627\u0644\u0648\u0642\u062a \u0648\u0645\u0631\u0627\u062c\u0639\u0629 \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644\n          \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641. \u0648\u0647\u0630\u0627 \u064a\u0633\u0627\u0639\u062f\u0643\n          \u0639\u0644\u0649 \u0641\u0647\u0645 \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u0629\n          \u0641\u064a \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a \u0648\u0627\u0644\u0628\u0646\u064a\u0629\n          \u0627\u0644\u062a\u062d\u062a\u064a\u0629\u060c \u0648\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062a\u062e\u0637\u064a\u0637\n          \u0644\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0642\u0627\u062f\u0645\u0629.\n        <\/p>\n\n      <\/div>\n\n      <a\n        class=\"tir-link\"\n        href=\"https:\/\/taskbrowse.com\/ar\/tatabbu-al-waqt-bisuhoola\/\">\n\n        \u0627\u0643\u062a\u0634\u0641 \u0623\u062f\u0648\u0627\u062a \u062a\u062a\u0628\u0639 \u0627\u0644\u0648\u0642\u062a\n        <span aria-hidden=\"true\">\u2190<\/span>\n\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n\/* ==================================================\n   TaskBrowse IT \u2014 Section 05\n   Rayla AI for Technical Project Management\n   Standalone WordPress Custom HTML\n   ================================================== *\/\n\n#tb-it-ai {\n  --tia-red: #c8102e;\n  --tia-bg: #202124;\n  --tia-panel: #2b2c30;\n  --tia-line: #44454b;\n  --tia-muted: #c5c6cc;\n  --tia-pink: #ff9ab0;\n\n  width: 100%;\n  margin: 0;\n  padding: 110px 24px 100px;\n  direction: rtl;\n  text-align: right;\n  background: var(--tia-bg);\n  color: #fff;\n  font-family: \"IBM Plex Sans Arabic\", Tahoma, sans-serif;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n\n#tb-it-ai *,\n#tb-it-ai *::before,\n#tb-it-ai *::after {\n  box-sizing: border-box;\n}\n\n#tb-it-ai .tia-container {\n  width: 100%;\n  max-width: 1380px;\n  margin-inline: auto;\n  min-width: 0;\n}\n\n\/* ===== Intro ===== *\/\n\n#tb-it-ai .tia-heading {\n  display: grid;\n  grid-template-columns:\n    minmax(0, 1.08fr)\n    minmax(0, .92fr);\n  align-items: center;\n  gap: clamp(40px, 6vw, 100px);\n  margin-bottom: 72px;\n}\n\n#tb-it-ai .tia-heading > * {\n  min-width: 0;\n}\n\n#tb-it-ai .tia-eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n  margin-bottom: 25px;\n  color: var(--tia-pink);\n  font-size: 14px;\n  font-weight: 700;\n}\n\n#tb-it-ai .tia-eyebrow::before {\n  content: \"\";\n  flex: 0 0 33px;\n  width: 33px;\n  height: 2px;\n  background: var(--tia-red);\n}\n\n#tb-it-ai h2.tia-title {\n  max-width: 800px;\n  margin: 0;\n  color: #fff;\n  font-family: inherit;\n  font-size: clamp(39px, 4.25vw, 65px);\n  font-weight: 800;\n  line-height: 1.4;\n  letter-spacing: -.5px;\n}\n\n#tb-it-ai .tia-title span {\n  color: var(--tia-pink);\n}\n\n#tb-it-ai .tia-intro-text {\n  margin: 0;\n  color: var(--tia-muted);\n  font-size: clamp(17px, 1.45vw, 20px);\n  line-height: 2.12;\n}\n\n\/* ===== Main layout ===== *\/\n\n#tb-it-ai .tia-main {\n  display: grid;\n  grid-template-columns:\n    minmax(0, .86fr)\n    minmax(0, 1.14fr);\n  align-items: center;\n  gap: clamp(38px, 5vw, 72px);\n}\n\n#tb-it-ai .tia-main > * {\n  min-width: 0;\n}\n\n\/* ===== Feature list ===== *\/\n\n#tb-it-ai .tia-features {\n  min-width: 0;\n}\n\n#tb-it-ai .tia-feature {\n  display: grid;\n  grid-template-columns: 44px minmax(0, 1fr);\n  gap: 17px;\n  padding: 28px 0;\n  border-bottom: 1px solid var(--tia-line);\n}\n\n#tb-it-ai .tia-feature:first-child {\n  padding-top: 0;\n}\n\n#tb-it-ai .tia-feature:last-of-type {\n  border-bottom: 0;\n}\n\n#tb-it-ai .tia-feature-number {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 43px;\n  height: 43px;\n  background: #422c35;\n  border: 1px solid #7f4859;\n  border-radius: 11px;\n  color: var(--tia-pink);\n  font-size: 13px;\n  font-weight: 800;\n}\n\n#tb-it-ai .tia-feature h3 {\n  margin: 0 0 10px;\n  color: #fff;\n  font-family: inherit;\n  font-size: 21px;\n  font-weight: 800;\n  line-height: 1.6;\n}\n\n#tb-it-ai .tia-feature p {\n  margin: 0;\n  color: var(--tia-muted);\n  font-size: 15px;\n  line-height: 2.05;\n}\n\n#tb-it-ai .tia-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  min-height: 53px;\n  padding: 12px 20px;\n  margin-top: 30px;\n  border: 1px solid #71727a;\n  border-radius: 9px;\n  background: transparent;\n  color: #fff !important;\n  font-size: 14px;\n  font-weight: 800;\n  line-height: 1.7;\n  text-decoration: none !important;\n  transition: background .2s ease;\n}\n\n#tb-it-ai .tia-link:hover {\n  background: #36373c;\n}\n\n#tb-it-ai .tia-link:focus-visible {\n  outline: 3px solid var(--tia-pink);\n  outline-offset: 4px;\n}\n\n\/* ===== Rayla dashboard ===== *\/\n\n#tb-it-ai .tia-dashboard {\n  min-width: 0;\n  width: 100%;\n  overflow: hidden;\n  border: 1px solid #54555b;\n  border-radius: 22px;\n  background: var(--tia-panel);\n  box-shadow: 0 25px 65px rgba(0, 0, 0, .18);\n}\n\n#tb-it-ai .tia-dashboard-head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  padding: 23px 25px;\n  background: #303136;\n  border-bottom: 1px solid #494a50;\n}\n\n#tb-it-ai .tia-brand {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n  min-width: 0;\n}\n\n#tb-it-ai .tia-brand-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: 0 0 46px;\n  width: 46px;\n  height: 46px;\n  border: 1px solid #965366;\n  border-radius: 12px;\n  background: #502e3a;\n  color: #ffabc0;\n}\n\n#tb-it-ai .tia-brand-icon svg {\n  width: 26px;\n  height: 26px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n#tb-it-ai .tia-brand-title {\n  color: #fff;\n  font-size: 19px;\n  font-weight: 800;\n  line-height: 1.5;\n}\n\n#tb-it-ai .tia-brand-subtitle {\n  margin-top: 4px;\n  color: #b5b6bd;\n  font-size: 11px;\n  line-height: 1.7;\n}\n\n#tb-it-ai .tia-demo {\n  padding: 8px 11px;\n  border: 1px solid #595a60;\n  border-radius: 8px;\n  color: #bebfc5;\n  font-size: 11px;\n  white-space: nowrap;\n}\n\n\/* ===== Project context ===== *\/\n\n#tb-it-ai .tia-context {\n  padding: 21px 25px;\n  border-bottom: 1px solid #494a50;\n}\n\n#tb-it-ai .tia-context-label {\n  margin-bottom: 7px;\n  color: #aaaab2;\n  font-size: 11px;\n}\n\n#tb-it-ai .tia-project-name {\n  color: #fff;\n  font-size: 16px;\n  font-weight: 800;\n  line-height: 1.65;\n}\n\n#tb-it-ai .tia-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-top: 14px;\n}\n\n#tb-it-ai .tia-tag {\n  padding: 7px 10px;\n  border: 1px solid #52535a;\n  border-radius: 7px;\n  background: #38393e;\n  color: #d0d1d6;\n  font-size: 11px;\n}\n\n\/* ===== Rayla conversation ===== *\/\n\n#tb-it-ai .tia-chat {\n  padding: 27px 25px;\n  border-bottom: 1px solid #494a50;\n}\n\n#tb-it-ai .tia-chat-heading {\n  margin-bottom: 17px;\n  color: #b6b7bc;\n  font-size: 12px;\n  font-weight: 700;\n}\n\n#tb-it-ai .tia-question {\n  width: fit-content;\n  max-width: 90%;\n  padding: 17px 19px;\n  margin-bottom: 17px;\n  border: 1px solid #5c5d64;\n  border-radius: 14px 14px 5px 14px;\n  background: #414248;\n  color: #fff;\n  font-size: 14px;\n  line-height: 2;\n  overflow-wrap: anywhere;\n}\n\n#tb-it-ai .tia-answer {\n  width: 94%;\n  max-width: 94%;\n  margin-right: auto;\n  padding: 21px;\n  border: 1px solid #795062;\n  border-radius: 14px 14px 14px 5px;\n  background: #392b32;\n  overflow-wrap: anywhere;\n}\n\n#tb-it-ai .tia-answer-label {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 13px;\n  color: #ffabc0;\n  font-size: 13px;\n  font-weight: 800;\n}\n\n#tb-it-ai .tia-sparkle {\n  color: var(--tia-pink);\n  font-size: 18px;\n  line-height: 1;\n}\n\n#tb-it-ai .tia-answer-intro {\n  margin: 0 0 17px;\n  color: #e2d8dc;\n  font-size: 13px;\n  line-height: 2.05;\n}\n\n\/* ===== Task findings ===== *\/\n\n#tb-it-ai .tia-findings {\n  display: grid;\n  gap: 10px;\n}\n\n#tb-it-ai .tia-finding {\n  display: grid;\n  grid-template-columns: 32px minmax(0, 1fr);\n  align-items: start;\n  gap: 12px;\n  padding: 15px 14px;\n  border: 1px solid #714a59;\n  border-radius: 10px;\n  background: #49313b;\n}\n\n#tb-it-ai .tia-finding-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 31px;\n  height: 31px;\n  border: 1px solid #a45d73;\n  border-radius: 8px;\n  color: #ffd3dd;\n  font-size: 15px;\n  font-weight: 800;\n}\n\n#tb-it-ai .tia-finding-title {\n  color: #fff;\n  font-size: 13px;\n  line-height: 1.7;\n  font-weight: 800;\n}\n\n#tb-it-ai .tia-finding-details {\n  margin-top: 5px;\n  color: #dccbd1;\n  font-size: 11px;\n  line-height: 1.95;\n}\n\n#tb-it-ai .tia-answer-next {\n  margin-top: 17px;\n  padding: 14px 15px;\n  border-right: 3px solid var(--tia-red);\n  border-radius: 6px;\n  background: #4b303a;\n  color: #ffe1e9;\n  font-size: 12px;\n  line-height: 2.05;\n}\n\n\/* ===== Workload estimate ===== *\/\n\n#tb-it-ai .tia-estimate {\n  padding: 25px;\n}\n\n#tb-it-ai .tia-estimate-heading {\n  margin: 0 0 17px;\n  color: #fff;\n  font-size: 16px;\n  font-weight: 800;\n  line-height: 1.6;\n}\n\n#tb-it-ai .tia-estimate-card {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  align-items: center;\n  gap: 22px;\n  min-width: 0;\n  padding: 20px;\n  background: #36373c;\n  border: 1px solid #55565e;\n  border-radius: 13px;\n}\n\n#tb-it-ai .tia-estimate-task {\n  color: #fff;\n  font-size: 14px;\n  font-weight: 800;\n  line-height: 1.8;\n}\n\n#tb-it-ai .tia-estimate-meta {\n  margin-top: 6px;\n  color: #b7b8be;\n  font-size: 11px;\n  line-height: 1.75;\n}\n\n#tb-it-ai .tia-estimate-value {\n  padding-right: 17px;\n  border-right: 3px solid var(--tia-red);\n  text-align: right;\n}\n\n#tb-it-ai .tia-estimate-value strong {\n  display: block;\n  color: #ffadc0;\n  font-size: 25px;\n  font-weight: 800;\n  white-space: nowrap;\n}\n\n#tb-it-ai .tia-estimate-value span {\n  display: block;\n  margin-top: 6px;\n  color: #c0bfc5;\n  font-size: 11px;\n  line-height: 1.6;\n}\n\n#tb-it-ai .tia-dashboard-foot {\n  padding: 17px 25px;\n  background: #242529;\n  border-top: 1px solid #48494f;\n  color: #b4b5bb;\n  font-size: 11px;\n  line-height: 1.95;\n}\n\n\/* ===== Bottom summary ===== *\/\n\n#tb-it-ai .tia-bottom {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  gap: 30px;\n  align-items: center;\n  margin-top: 72px;\n  padding: 32px 35px;\n  background: #292a2e;\n  border: 1px solid #4a4b51;\n  border-radius: 17px;\n}\n\n#tb-it-ai .tia-bottom h3 {\n  margin: 0 0 11px;\n  color: #fff;\n  font-family: inherit;\n  font-size: 21px;\n  font-weight: 800;\n  line-height: 1.6;\n}\n\n#tb-it-ai .tia-bottom p {\n  margin: 0;\n  color: var(--tia-muted);\n  font-size: 14px;\n  line-height: 2.05;\n}\n\n#tb-it-ai .tia-bottom-tag {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 12px 18px;\n  background: #392b32;\n  border: 1px solid #754756;\n  border-radius: 25px;\n  color: #ffa7ba;\n  font-size: 12px;\n  font-weight: 800;\n  white-space: nowrap;\n}\n\n\/* ===== Responsive ===== *\/\n\n@media (max-width: 1150px) {\n\n  #tb-it-ai {\n    padding: 85px 22px;\n  }\n\n  #tb-it-ai .tia-heading {\n    grid-template-columns: 1fr;\n    gap: 28px;\n    margin-bottom: 55px;\n  }\n\n  #tb-it-ai .tia-main {\n    grid-template-columns: 1fr;\n    gap: 50px;\n  }\n\n  #tb-it-ai .tia-features,\n  #tb-it-ai .tia-dashboard {\n    width: 100%;\n    max-width: 850px;\n    margin-inline: auto;\n  }\n\n}\n\n@media (max-width: 760px) {\n\n  #tb-it-ai {\n    padding: 65px 18px;\n  }\n\n  #tb-it-ai h2.tia-title {\n    font-size: clamp(35px, 8vw, 48px);\n  }\n\n  #tb-it-ai .tia-intro-text {\n    font-size: 17px;\n  }\n\n  #tb-it-ai .tia-dashboard {\n    border-radius: 17px;\n  }\n\n  #tb-it-ai .tia-dashboard-head,\n  #tb-it-ai .tia-context,\n  #tb-it-ai .tia-chat,\n  #tb-it-ai .tia-estimate {\n    padding: 21px;\n  }\n\n  #tb-it-ai .tia-bottom {\n    grid-template-columns: 1fr;\n    gap: 24px;\n    margin-top: 55px;\n    padding: 27px 23px;\n  }\n\n  #tb-it-ai .tia-bottom-tag {\n    width: fit-content;\n    white-space: normal;\n  }\n\n}\n\n@media (max-width: 480px) {\n\n  #tb-it-ai h2.tia-title {\n    font-size: 33px;\n  }\n\n  #tb-it-ai .tia-feature {\n    grid-template-columns: 37px minmax(0, 1fr);\n    gap: 13px;\n  }\n\n  #tb-it-ai .tia-feature-number {\n    width: 36px;\n    height: 36px;\n  }\n\n  #tb-it-ai .tia-feature h3 {\n    font-size: 18px;\n  }\n\n  #tb-it-ai .tia-dashboard-head {\n    flex-wrap: wrap;\n  }\n\n  #tb-it-ai .tia-question,\n  #tb-it-ai .tia-answer {\n    width: 100%;\n    max-width: 100%;\n  }\n\n  #tb-it-ai .tia-estimate-card {\n    grid-template-columns: 1fr;\n    gap: 18px;\n  }\n\n  #tb-it-ai .tia-estimate-value {\n    width: fit-content;\n  }\n\n  #tb-it-ai .tia-brand-title {\n    font-size: 17px;\n  }\n\n  #tb-it-ai .tia-finding {\n    grid-template-columns: 28px minmax(0, 1fr);\n    gap: 9px;\n    padding: 13px 11px;\n  }\n\n  #tb-it-ai .tia-finding-icon {\n    width: 27px;\n    height: 27px;\n  }\n\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #tb-it-ai .tia-link {\n    transition: none;\n  }\n}\n<\/style>\n\n<section\n  id=\"tb-it-ai\"\n  lang=\"ar\"\n  dir=\"rtl\"\n  aria-labelledby=\"tb-it-ai-title\">\n\n  <div class=\"tia-container\">\n\n    <!-- INTRO -->\n    <div class=\"tia-heading\">\n\n      <div>\n\n        <div class=\"tia-eyebrow\">\n          \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0641\u064a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u0642\u0646\u064a\u0629\n        <\/div>\n\n        <h2\n          class=\"tia-title\"\n          id=\"tb-it-ai-title\">\n\n          \u062d\u0644\u0651\u0644 \u0645\u0634\u0627\u0631\u064a\u0639\u0643 \u0627\u0644\u062a\u0642\u0646\u064a\u0629\n          \u0648\u0627\u0643\u062a\u0634\u0641 \u0645\u0627 \u064a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0627\u0647\u062a\u0645\u0627\u0645\n          <span>\u0645\u0639 \u0631\u0627\u064a\u0644\u0627<\/span>\n\n        <\/h2>\n\n      <\/div>\n\n      <p class=\"tia-intro-text\">\n        \u0639\u0646\u062f\u0645\u0627 \u062a\u062f\u064a\u0631 \u0639\u062f\u0629 \u0645\u0634\u0627\u0631\u064a\u0639 \u0644\u062a\u0637\u0648\u064a\u0631\n        \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a \u0648\u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629\u060c\n        \u0642\u062f \u064a\u0635\u0639\u0628 \u0645\u062a\u0627\u0628\u0639\u0629 \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0647\u0627\u0645\n        \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0648\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644\n        \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0646\u0641\u0633\u0647.\n        \u062a\u0633\u0627\u0639\u062f\u0643 \u0631\u0627\u064a\u0644\u0627\u060c \u0645\u0633\u0627\u0639\u062f \u0627\u0644\u0630\u0643\u0627\u0621\n        \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0641\u064a \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\u060c\n        \u0639\u0644\u0649 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0639\u0646 \u0628\u064a\u0627\u0646\u0627\u062a\n        \u0645\u0634\u0627\u0631\u064a\u0639\u0643 \u0648\u062a\u062d\u0644\u064a\u0644\u0647\u0627\u060c\n        \u0644\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0627\u062c\n        \u0625\u0644\u0649 \u0645\u0631\u0627\u062c\u0639\u0629 \u0648\u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631\u0627\u062a\n        \u0623\u0643\u062b\u0631 \u0627\u0633\u062a\u0646\u0627\u062f\u064b\u0627 \u0625\u0644\u0649 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a.\n      <\/p>\n\n    <\/div>\n\n    <!-- MAIN GRID -->\n    <div class=\"tia-main\">\n\n      <!-- FEATURE CONTENT -->\n      <div class=\"tia-features\">\n\n        <!-- 01 -->\n        <article class=\"tia-feature\">\n\n          <div class=\"tia-feature-number\">\n            01\n          <\/div>\n\n          <div>\n\n            <h3>\n              \u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0645\u062a\u0627\u0628\u0639\u0629\n            <\/h3>\n\n            <p>\n              \u0627\u0633\u0623\u0644 \u0631\u0627\u064a\u0644\u0627 \u0639\u0646 \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u062a\u0623\u062e\u0631\u0629\u060c\n              \u0648\u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u0642\u0646\u064a\u0629\u060c\n              \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0627\u062c\n              \u0625\u0644\u0649 \u0627\u0646\u062a\u0628\u0627\u0647 \u0645\u062f\u064a\u0631 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u060c\n              \u0628\u062f\u0644 \u0645\u0631\u0627\u062c\u0639\u0629 \u0643\u0644 \u0645\u0647\u0645\u0629 \u0639\u0644\u0649 \u062d\u062f\u0629.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n        <!-- 02 -->\n        <article class=\"tia-feature\">\n\n          <div class=\"tia-feature-number\">\n            02\n          <\/div>\n\n          <div>\n\n            <h3>\n              \u0627\u0641\u0647\u0645 \u0648\u0636\u0639 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0645\u0646 \u0628\u064a\u0627\u0646\u0627\u062a\u0647\u0627\n            <\/h3>\n\n            <p>\n              \u0627\u0633\u062a\u0641\u062f \u0645\u0646 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0645\u0633\u062c\u0651\u0644\u0629\n              \u0639\u0646 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0633\u0627\u0639\u0627\u062a\n              \u0627\u0644\u0639\u0645\u0644 \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0645\u0644\u062e\u0635\u0627\u062a\n              \u0648\u062a\u062d\u0644\u064a\u0644\u0627\u062a \u062a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649\n              \u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u062a\u0642\u062f\u0645 \u0648\u0627\u0644\u0645\u0648\u0627\u0631\u062f\n              \u0648\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0623\u0648\u0644\u0648\u064a\u0627\u062a.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n        <!-- 03 -->\n        <article class=\"tia-feature\">\n\n          <div class=\"tia-feature-number\">\n            03\n          <\/div>\n\n          <div>\n\n            <h3>\n              \u062d\u0633\u0651\u0646 \u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u062c\u0647\u062f \u0644\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u062c\u062f\u064a\u062f\u0629\n            <\/h3>\n\n            <p>\n              \u0627\u0633\u062a\u062e\u062f\u0645 \u0625\u0645\u0643\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u0642\u062f\u064a\u0631\n              \u0627\u0644\u0645\u062f\u0639\u0648\u0645\u0629 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\n              \u0644\u0627\u0642\u062a\u0631\u0627\u062d \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u0628\u062f\u0626\u064a\n              \u0644\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u062a\u0642\u0646\u064a\u0629\u060c\n              \u062b\u0645 \u0631\u0627\u062c\u0639 \u0627\u0644\u062a\u0642\u062f\u064a\u0631\u0627\u062a \u0642\u0628\u0644\n              \u0627\u0639\u062a\u0645\u0627\u062f\u0647\u0627 \u0636\u0645\u0646 \u062e\u0637\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n        <a\n          class=\"tia-link\"\n          href=\"https:\/\/taskbrowse.com\/ar\/zaka-estenaei-taskbrowse\/\">\n\n          \u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0648\u0631\u0627\u064a\u0644\u0627\n          <span aria-hidden=\"true\">\u2190<\/span>\n\n        <\/a>\n\n      <\/div>\n\n      <!-- DEMONSTRATION DASHBOARD -->\n      <div\n        class=\"tia-dashboard\"\n        aria-label=\"\u0646\u0645\u0648\u0630\u062c \u062a\u0648\u0636\u064a\u062d\u064a \u0644\u062a\u062d\u0644\u064a\u0644 \u0645\u0647\u0627\u0645 \u0645\u0634\u0631\u0648\u0639 \u062a\u0642\u0646\u064a \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0631\u0627\u064a\u0644\u0627\">\n\n        <!-- PANEL HEADER -->\n        <div class=\"tia-dashboard-head\">\n\n          <div class=\"tia-brand\">\n\n            <div\n              class=\"tia-brand-icon\"\n              aria-hidden=\"true\">\n\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M12 2 14.2 9.8 22 12\n                         14.2 14.2 12 22\n                         9.8 14.2 2 12\n                         9.8 9.8 12 2Z\"\/>\n              <\/svg>\n\n            <\/div>\n\n            <div>\n\n              <div class=\"tia-brand-title\">\n                \u0631\u0627\u064a\u0644\u0627\n              <\/div>\n\n              <div class=\"tia-brand-subtitle\">\n                \u0645\u0633\u0627\u0639\u062f \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0641\u064a \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n          <span class=\"tia-demo\">\n            \u0645\u062b\u0627\u0644 \u062a\u0648\u0636\u064a\u062d\u064a\n          <\/span>\n\n        <\/div>\n\n        <!-- PROJECT CONTEXT -->\n        <div class=\"tia-context\">\n\n          <div class=\"tia-context-label\">\n            \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0645\u062d\u0644 \u0627\u0644\u062a\u062d\u0644\u064a\u0644\n          <\/div>\n\n          <div class=\"tia-project-name\">\n            \u062a\u0637\u0648\u064a\u0631 \u0645\u0646\u0635\u0629 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621\n          <\/div>\n\n          <div class=\"tia-tags\">\n\n            <span class=\"tia-tag\">\n              \u0641\u0631\u064a\u0642 \u0627\u0644\u062a\u0637\u0648\u064a\u0631\n            <\/span>\n\n            <span class=\"tia-tag\">\n              \u0636\u0645\u0627\u0646 \u0627\u0644\u062c\u0648\u062f\u0629\n            <\/span>\n\n            <span class=\"tia-tag\">\n              \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629\n            <\/span>\n\n          <\/div>\n\n        <\/div>\n\n        <!-- EXAMPLE CONVERSATION -->\n        <div class=\"tia-chat\">\n\n          <div class=\"tia-chat-heading\">\n            \u0645\u062b\u0627\u0644 \u0639\u0644\u0649 \u0645\u062d\u0627\u062f\u062b\u0629 \u0645\u062f\u064a\u0631 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0645\u0639 \u0631\u0627\u064a\u0644\u0627\n          <\/div>\n\n          <!-- QUESTION -->\n          <div class=\"tia-question\">\n            \u0645\u0627 \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u062a\u0623\u062e\u0631\u0629 \u0641\u064a \u0645\u0634\u0631\u0648\u0639\n            \u062a\u0637\u0648\u064a\u0631 \u0645\u0646\u0635\u0629 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621\u061f\n            \u0648\u0645\u0627 \u0627\u0644\u0630\u064a \u064a\u0646\u0628\u063a\u064a \u0645\u062a\u0627\u0628\u0639\u062a\u0647 \u0623\u0648\u0644\u064b\u0627\u061f\n          <\/div>\n\n          <!-- ANSWER -->\n          <div class=\"tia-answer\">\n\n            <div class=\"tia-answer-label\">\n\n              <span\n                class=\"tia-sparkle\"\n                aria-hidden=\"true\">\u2726<\/span>\n\n              \u0645\u062b\u0627\u0644 \u0639\u0644\u0649 \u0625\u062c\u0627\u0628\u0629 \u0631\u0627\u064a\u0644\u0627\n\n            <\/div>\n\n            <p class=\"tia-answer-intro\">\n              \u0648\u0641\u0642 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0629\n              \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0645\u062b\u0627\u0644\u060c \u062a\u0648\u062c\u062f \u0645\u0647\u0645\u062a\u0627\u0646\n              \u062a\u0633\u062a\u062d\u0642\u0627\u0646 \u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0629:\n            <\/p>\n\n            <div class=\"tia-findings\">\n\n              <!-- FINDING 01 -->\n              <div class=\"tia-finding\">\n\n                <span\n                  class=\"tia-finding-icon\"\n                  aria-hidden=\"true\">!<\/span>\n\n                <div>\n\n                  <div class=\"tia-finding-title\">\n                    \u062a\u0637\u0648\u064a\u0631 \u0648\u0627\u062c\u0647\u0627\u062a \u0628\u0631\u0645\u062c\u0629 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a\n                  <\/div>\n\n                  <div class=\"tia-finding-details\">\n                    \u062a\u062c\u0627\u0648\u0632\u062a \u0627\u0644\u0645\u0647\u0645\u0629 \u0645\u0648\u0639\u062f \u0627\u0644\u0627\u0633\u062a\u062d\u0642\u0627\u0642\n                    \u0627\u0644\u0645\u062d\u062f\u062f. \u064a\u064f\u0646\u0635\u062d \u0628\u0645\u0631\u0627\u062c\u0639\u0629\n                    \u062d\u0627\u0644\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0645\u0639 \u0641\u0631\u064a\u0642\n                    \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u062e\u0644\u0641\u064a.\n                  <\/div>\n\n                <\/div>\n\n              <\/div>\n\n              <!-- FINDING 02 -->\n              <div class=\"tia-finding\">\n\n                <span\n                  class=\"tia-finding-icon\"\n                  aria-hidden=\"true\">!<\/span>\n\n                <div>\n\n                  <div class=\"tia-finding-title\">\n                    \u0625\u0639\u062f\u0627\u062f \u0628\u064a\u0626\u0629 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\n                  <\/div>\n\n                  <div class=\"tia-finding-details\">\n                    \u062a\u062d\u062a\u0627\u062c \u0627\u0644\u0645\u0647\u0645\u0629 \u0625\u0644\u0649 \u0645\u062a\u0627\u0628\u0639\u0629\n                    \u0642\u0628\u0644 \u0628\u062f\u0621 \u0628\u0639\u0636 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631.\n                    \u0631\u0627\u062c\u0639 \u062c\u0627\u0647\u0632\u064a\u0629 \u0627\u0644\u0628\u064a\u0626\u0629\n                    \u0645\u0639 \u0641\u0631\u064a\u0642 \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629.\n                  <\/div>\n\n                <\/div>\n\n              <\/div>\n\n            <\/div>\n\n            <div class=\"tia-answer-next\">\n              \u0627\u0644\u062e\u0637\u0648\u0629 \u0627\u0644\u0645\u0642\u062a\u0631\u062d\u0629: \u062a\u062d\u0642\u0651\u0642 \u0645\u0646\n              \u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0647\u0645\u062a\u064a\u0646 \u0648\u0639\u0644\u0627\u0642\u0627\u062a\u0647\u0645\u0627\n              \u0628\u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0623\u062e\u0631\u0649\u060c \u062b\u0645 \u0631\u0627\u062c\u0639\n              \u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a \u0642\u0628\u0644\n              \u062a\u0639\u062f\u064a\u0644 \u062e\u0637\u0629 \u0627\u0644\u062a\u0633\u0644\u064a\u0645.\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n        <!-- WORKLOAD ESTIMATE -->\n        <div class=\"tia-estimate\">\n\n          <h3 class=\"tia-estimate-heading\">\n            \u0645\u062b\u0627\u0644 \u0639\u0644\u0649 \u0627\u0644\u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0630\u0643\u064a \u0644\u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644\n          <\/h3>\n\n          <div class=\"tia-estimate-card\">\n\n            <div>\n\n              <div class=\"tia-estimate-task\">\n                \u062a\u0637\u0648\u064a\u0631 \u0648\u0627\u062c\u0647\u0629 \u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\n              <\/div>\n\n              <div class=\"tia-estimate-meta\">\n                \u0645\u0647\u0645\u0629 \u062c\u062f\u064a\u062f\u0629 \u00b7 \u0641\u0631\u064a\u0642 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a\n              <\/div>\n\n            <\/div>\n\n            <div class=\"tia-estimate-value\">\n\n              <strong>\n                14 \u0633\u0627\u0639\u0629\n              <\/strong>\n\n              <span>\n                \u062a\u0642\u062f\u064a\u0631 \u0645\u0642\u062a\u0631\u062d \u0627\u0641\u062a\u0631\u0627\u0636\u064a\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n        <!-- DISCLAIMER -->\n        <div class=\"tia-dashboard-foot\">\n          \u0647\u0630\u0627 \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u062a\u0648\u0636\u064a\u062d\u064a \u0641\u0642\u0637.\n          \u062c\u0645\u064a\u0639 \u0623\u0633\u0645\u0627\u0621 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f\n          \u0648\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u062a\u062d\u0644\u064a\u0644 \u0648\u0627\u0644\u062a\u0642\u062f\u064a\u0631\u0627\u062a \u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0629\u060c\n          \u0648\u0644\u064a\u0633\u062a \u0644\u0642\u0637\u0629 \u0641\u0639\u0644\u064a\u0629 \u0623\u0648 \u0625\u062c\u0627\u0628\u0629\n          \u0645\u0633\u062a\u062e\u0631\u062c\u0629 \u0645\u0646 \u062d\u0633\u0627\u0628 \u0641\u064a \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632.\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- SEO \/ CLOSING -->\n    <div class=\"tia-bottom\">\n\n      <div>\n\n        <h3>\n          \u0627\u0633\u062a\u062e\u062f\u0645 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0644\u062f\u0639\u0645 \u0642\u0631\u0627\u0631\u0627\u062a\u0643 \u0627\u0644\u062a\u0642\u0646\u064a\u0629\n        <\/h3>\n\n        <p>\n          \u064a\u062c\u0645\u0639 \u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n          \u0644\u0634\u0631\u0643\u0627\u062a \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a\n          \u0645\u0646 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0628\u064a\u0646 \u062a\u062e\u0637\u064a\u0637\n          \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0647\u0627\u0645\n          \u0648\u062a\u062a\u0628\u0639 \u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641\u060c\n          \u0645\u0639 \u0625\u0645\u0643\u0627\u0646\u0627\u062a \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\n          \u0648\u0631\u0627\u064a\u0644\u0627 \u0627\u0644\u062a\u064a \u062a\u0633\u0627\u0639\u062f \u0639\u0644\u0649\n          \u062a\u062d\u0644\u064a\u0644 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\u060c\n          \u0648\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0645\u062a\u0623\u062e\u0631\u0629\u060c\n          \u0648\u062a\u062d\u0633\u064a\u0646 \u062a\u0642\u062f\u064a\u0631\u0627\u062a \u0627\u0644\u062c\u0647\u062f.\n          \u0648\u062a\u0628\u0642\u0649 \u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629\n          \u0628\u064a\u062f \u0641\u0631\u064a\u0642 \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\n        <\/p>\n\n      <\/div>\n\n      <span class=\"tia-bottom-tag\">\n        \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 + \u0631\u0627\u064a\u0644\u0627\n      <\/span>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n\/* ==================================================\n   TaskBrowse IT \u2014 Section 06\n   FAQ + Final CTA\n   WordPress Custom HTML \/ RTL\n   ================================================== *\/\n\n#tb-it-final {\n  --tif-red: #c8102e;\n  --tif-ink: #17191d;\n  --tif-muted: #696b73;\n  --tif-line: #e4e5e8;\n  --tif-dark: #202124;\n\n  width: 100%;\n  margin: 0;\n  padding: 110px 24px 95px;\n  background: #fff;\n  color: var(--tif-ink);\n  direction: rtl;\n  text-align: right;\n  font-family: \"IBM Plex Sans Arabic\", Tahoma, sans-serif;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n\n#tb-it-final *,\n#tb-it-final *::before,\n#tb-it-final *::after {\n  box-sizing: border-box;\n}\n\n#tb-it-final .tif-container {\n  width: 100%;\n  max-width: 1380px;\n  margin-inline: auto;\n  min-width: 0;\n}\n\n\/* ===== FAQ Heading ===== *\/\n\n#tb-it-final .tif-heading {\n  display: grid;\n  grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr);\n  gap: clamp(38px,6vw,100px);\n  align-items: end;\n  margin-bottom: 55px;\n}\n\n#tb-it-final .tif-heading > * {\n  min-width: 0;\n}\n\n#tb-it-final .tif-eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n  margin-bottom: 25px;\n  color: var(--tif-red);\n  font-size: 14px;\n  font-weight: 700;\n}\n\n#tb-it-final .tif-eyebrow::before {\n  content: \"\";\n  width: 33px;\n  height: 2px;\n  flex: 0 0 33px;\n  background: var(--tif-red);\n}\n\n#tb-it-final h2.tif-title {\n  max-width: 850px;\n  margin: 0;\n  color: var(--tif-ink);\n  font-family: inherit;\n  font-size: clamp(38px,4.1vw,62px);\n  font-weight: 800;\n  line-height: 1.4;\n  letter-spacing: -.5px;\n}\n\n#tb-it-final .tif-title span {\n  color: var(--tif-red);\n}\n\n#tb-it-final .tif-intro {\n  margin: 0;\n  color: #60626a;\n  font-size: clamp(16px,1.45vw,19px);\n  line-height: 2.1;\n}\n\n\/* ===== FAQ Accordion ===== *\/\n\n#tb-it-final .tif-faq-list {\n  border-top: 1px solid var(--tif-line);\n}\n\n#tb-it-final .tif-faq-item {\n  margin: 0;\n  border-bottom: 1px solid var(--tif-line);\n  background: #fff;\n}\n\n#tb-it-final .tif-faq-item summary {\n  display: grid;\n  grid-template-columns: 45px minmax(0,1fr) 34px;\n  align-items: center;\n  gap: 19px;\n  padding: 27px 13px;\n  list-style: none;\n  cursor: pointer;\n}\n\n#tb-it-final .tif-faq-item summary::-webkit-details-marker {\n  display: none;\n}\n\n#tb-it-final .tif-faq-item summary::marker {\n  content: \"\";\n}\n\n#tb-it-final .tif-faq-item summary:focus-visible {\n  outline: 3px solid var(--tif-red);\n  outline-offset: -3px;\n}\n\n#tb-it-final .tif-faq-number {\n  color: var(--tif-red);\n  font-size: 14px;\n  font-weight: 800;\n  direction: ltr;\n}\n\n#tb-it-final .tif-question {\n  min-width: 0;\n  color: var(--tif-ink);\n  font-size: clamp(16px,1.5vw,21px);\n  line-height: 1.7;\n  font-weight: 800;\n}\n\n#tb-it-final .tif-faq-toggle {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  border: 1px solid #dedfe2;\n  border-radius: 50%;\n  color: var(--tif-red);\n  font-size: 22px;\n  line-height: 1;\n}\n\n#tb-it-final .tif-faq-toggle::before {\n  content: \"+\";\n}\n\n#tb-it-final .tif-faq-item[open]\n.tif-faq-toggle::before {\n  content: \"\u2212\";\n}\n\n#tb-it-final .tif-faq-item[open]\n.tif-question {\n  color: #ac0d2c;\n}\n\n#tb-it-final .tif-answer {\n  max-width: 1100px;\n  padding: 0 77px 28px 45px;\n}\n\n#tb-it-final .tif-answer p {\n  margin: 0;\n  color: #64666e;\n  font-size: 16px;\n  line-height: 2.1;\n}\n\n#tb-it-final .tif-answer a {\n  color: #af0d2c !important;\n  font-weight: 800;\n  text-decoration: underline;\n  text-underline-offset: 4px;\n}\n\n\/* ===== Final CTA ===== *\/\n\n#tb-it-final .tif-cta {\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  margin-top: 100px;\n  padding: clamp(42px,6vw,80px);\n  border-radius: 24px;\n  background: var(--tif-dark);\n  color: #fff;\n}\n\n#tb-it-final .tif-cta::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 100px;\n  height: 4px;\n  background: var(--tif-red);\n}\n\n\/* Subtle technical-grid decoration *\/\n\n#tb-it-final .tif-cta::after {\n  content: \"\";\n  position: absolute;\n  left: -5%;\n  top: -20%;\n  width: 55%;\n  height: 145%;\n  pointer-events: none;\n  z-index: -1;\n  opacity: .16;\n  background-image:\n    linear-gradient(\n      to right,\n      rgba(255,255,255,.22) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      to bottom,\n      rgba(255,255,255,.22) 1px,\n      transparent 1px\n    );\n  background-size: 43px 43px;\n  transform: rotate(-10deg);\n}\n\n#tb-it-final .tif-cta-main {\n  display: grid;\n  grid-template-columns: minmax(0,1.08fr) minmax(0,.8fr);\n  align-items: center;\n  gap: clamp(35px,5vw,80px);\n}\n\n#tb-it-final .tif-cta-main > * {\n  min-width: 0;\n}\n\n#tb-it-final .tif-cta-eyebrow {\n  margin-bottom: 20px;\n  color: #ff9db3;\n  font-size: 14px;\n  font-weight: 800;\n}\n\n#tb-it-final h2.tif-cta-title {\n  margin: 0 0 25px;\n  color: #fff;\n  font-family: inherit;\n  font-size: clamp(38px,4.1vw,62px);\n  font-weight: 800;\n  line-height: 1.4;\n}\n\n#tb-it-final .tif-cta-title span {\n  color: #ff9db3;\n}\n\n#tb-it-final .tif-cta-description {\n  max-width: 780px;\n  margin: 0;\n  color: #c9cad0;\n  font-size: 17px;\n  line-height: 2.1;\n}\n\n\/* ===== Action Card ===== *\/\n\n#tb-it-final .tif-action {\n  padding: 36px 32px;\n  border: 1px solid #4d4e54;\n  border-top: 3px solid var(--tif-red);\n  border-radius: 18px;\n  background: #2b2c31;\n}\n\n#tb-it-final .tif-action-label {\n  margin-bottom: 16px;\n  color: #ff9db3;\n  font-size: 13px;\n  font-weight: 800;\n}\n\n#tb-it-final .tif-action h3 {\n  margin: 0 0 14px;\n  color: #fff;\n  font-family: inherit;\n  font-size: 25px;\n  font-weight: 800;\n  line-height: 1.55;\n}\n\n#tb-it-final .tif-action p.tif-action-description {\n  margin: 0 0 26px;\n  color: #c0c1c8;\n  font-size: 14px;\n  line-height: 2.05;\n}\n\n#tb-it-final .tif-primary-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  width: 100%;\n  min-height: 59px;\n  padding: 14px 20px;\n  border: 1px solid var(--tif-red);\n  border-radius: 9px;\n  background: var(--tif-red);\n  color: #fff !important;\n  text-align: center;\n  text-decoration: none !important;\n  font-size: 17px;\n  font-weight: 800;\n  line-height: 1.6;\n  transition: background .2s ease;\n}\n\n#tb-it-final .tif-primary-btn:hover {\n  background: #a90d2b;\n}\n\n#tb-it-final .tif-primary-btn:focus-visible,\n#tb-it-final .tif-login a:focus-visible {\n  outline: 3px solid #ff9db3;\n  outline-offset: 4px;\n}\n\n#tb-it-final .tif-login {\n  margin: 20px 0 0;\n  color: #b5b6bc;\n  text-align: center;\n  font-size: 12px;\n  line-height: 1.9;\n}\n\n#tb-it-final .tif-login a {\n  color: #fff !important;\n  font-weight: 800;\n  text-decoration: underline;\n  text-underline-offset: 4px;\n}\n\n\/* ===== CTA Footer ===== *\/\n\n#tb-it-final .tif-cta-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 25px;\n  margin-top: 50px;\n  padding-top: 29px;\n  border-top: 1px solid #45464d;\n}\n\n#tb-it-final .tif-cta-footer p {\n  margin: 0;\n  color: #adaeb5;\n  font-size: 13px;\n  line-height: 1.9;\n}\n\n#tb-it-final .tif-brand {\n  color: #fff;\n  font-size: 16px;\n  font-weight: 800;\n  white-space: nowrap;\n}\n\n\/* ===== Responsive ===== *\/\n\n@media (max-width: 1050px) {\n\n  #tb-it-final {\n    padding: 85px 22px;\n  }\n\n  #tb-it-final .tif-heading,\n  #tb-it-final .tif-cta-main {\n    grid-template-columns: 1fr;\n    gap: 28px;\n  }\n\n  #tb-it-final .tif-action {\n    width: 100%;\n    max-width: 650px;\n  }\n\n}\n\n@media (max-width: 760px) {\n\n  #tb-it-final {\n    padding: 65px 18px;\n  }\n\n  #tb-it-final h2.tif-title {\n    font-size: clamp(35px,8vw,47px);\n  }\n\n  #tb-it-final .tif-intro {\n    font-size: 16px;\n  }\n\n  #tb-it-final .tif-faq-item summary {\n    grid-template-columns: 27px minmax(0,1fr) 30px;\n    gap: 11px;\n    padding: 23px 0;\n  }\n\n  #tb-it-final .tif-question {\n    font-size: 16px;\n  }\n\n  #tb-it-final .tif-answer {\n    padding: 0 39px 25px 7px;\n  }\n\n  #tb-it-final .tif-answer p {\n    font-size: 14px;\n  }\n\n  #tb-it-final .tif-cta {\n    margin-top: 70px;\n    padding: 39px 25px;\n    border-radius: 18px;\n  }\n\n  #tb-it-final h2.tif-cta-title {\n    font-size: clamp(35px,8vw,47px);\n  }\n\n  #tb-it-final .tif-cta-description {\n    font-size: 16px;\n  }\n\n  #tb-it-final .tif-action {\n    padding: 28px 23px;\n  }\n\n  #tb-it-final .tif-cta-footer {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n}\n\n@media (max-width: 420px) {\n\n  #tb-it-final h2.tif-title,\n  #tb-it-final h2.tif-cta-title {\n    font-size: 33px;\n  }\n\n  #tb-it-final .tif-cta {\n    padding: 33px 19px;\n  }\n\n  #tb-it-final .tif-action {\n    padding: 25px 18px;\n  }\n\n  #tb-it-final .tif-action h3 {\n    font-size: 22px;\n  }\n\n  #tb-it-final .tif-primary-btn {\n    font-size: 15px;\n  }\n\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #tb-it-final .tif-primary-btn {\n    transition: none;\n  }\n}\n<\/style>\n\n<section\n  id=\"tb-it-final\"\n  lang=\"ar\"\n  dir=\"rtl\"\n  aria-labelledby=\"tb-it-faq-title\">\n\n  <div class=\"tif-container\">\n\n    <!-- FAQ HEADING -->\n    <div class=\"tif-heading\">\n\n      <div>\n\n        <div class=\"tif-eyebrow\">\n          \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629\n        <\/div>\n\n        <h2\n          class=\"tif-title\"\n          id=\"tb-it-faq-title\">\n\n          \u0623\u0633\u0626\u0644\u0629 \u0634\u0627\u0626\u0639\u0629 \u062d\u0648\u0644\n          <span>\n            \u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n            \u0644\u0634\u0631\u0643\u0627\u062a \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a\n          <\/span>\n\n        <\/h2>\n\n      <\/div>\n\n      <p class=\"tif-intro\">\n        \u0647\u0644 \u064a\u0646\u0627\u0633\u0628 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0634\u0631\u0643\u0627\u062a \u062a\u0637\u0648\u064a\u0631\n        \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a \u0648\u0623\u0642\u0633\u0627\u0645 \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a\u061f\n        \u0648\u0643\u064a\u0641 \u064a\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n        \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0648\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0641\u0631\u0642 \u0648\u0645\u062a\u0627\u0628\u0639\u0629\n        \u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641\u061f\n        \u0625\u0644\u064a\u0643 \u0625\u062c\u0627\u0628\u0627\u062a \u0639\u0646 \u0623\u0647\u0645 \u0627\u0644\u0623\u0633\u0626\u0644\u0629\n        \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647 \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0645\u062c\u0627\u0644.\n      <\/p>\n\n    <\/div>\n\n    <!-- FAQ ACCORDION -->\n    <div class=\"tif-faq-list\">\n\n      <!-- FAQ 01 -->\n      <details class=\"tif-faq-item\" open>\n\n        <summary>\n          <span class=\"tif-faq-number\">01<\/span>\n\n          <span class=\"tif-question\">\n            \u0647\u0644 \u064a\u0646\u0627\u0633\u0628 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0634\u0631\u0643\u0627\u062a \u062a\u0637\u0648\u064a\u0631\n            \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a \u0648\u0623\u0642\u0633\u0627\u0645 \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a\u061f\n          <\/span>\n\n          <span\n            class=\"tif-faq-toggle\"\n            aria-hidden=\"true\"><\/span>\n        <\/summary>\n\n        <div class=\"tif-answer\">\n          <p>\n            \u0646\u0639\u0645. \u064a\u0633\u0627\u0639\u062f \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0634\u0631\u0643\u0627\u062a\n            \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a \u0648\u0641\u0631\u0642 \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627\n            \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0639\u0644\u0649\n            \u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u0642\u0646\u064a\u0629\u060c\n            \u0648\u062a\u0646\u0638\u064a\u0645 \u0645\u0647\u0627\u0645 \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0648\u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\n            \u0648\u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629\u060c \u0648\u062a\u0648\u0632\u064a\u0639\n            \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a \u0648\u0645\u062a\u0627\u0628\u0639\u0629\n            \u062a\u0642\u062f\u0645 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f.\n          <\/p>\n        <\/div>\n\n      <\/details>\n\n      <!-- FAQ 02 -->\n      <details class=\"tif-faq-item\">\n\n        <summary>\n          <span class=\"tif-faq-number\">02<\/span>\n\n          <span class=\"tif-question\">\n            \u0647\u0644 \u064a\u0645\u0643\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0647\u0627\u0645\n            \u0628\u0637\u0631\u064a\u0642\u0629 \u0643\u0627\u0646\u0628\u0627\u0646\u061f\n          <\/span>\n\n          <span\n            class=\"tif-faq-toggle\"\n            aria-hidden=\"true\"><\/span>\n        <\/summary>\n\n        <div class=\"tif-answer\">\n          <p>\n            \u0646\u0639\u0645. \u064a\u062a\u064a\u062d \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\n            \u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0647\u0627\u0645 \u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0639\u0645\u0644\u060c\n            \u0645\u062b\u0644 \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u062a\u064a \u0644\u0645 \u062a\u0628\u062f\u0623 \u0628\u0639\u062f\u060c\n            \u0648\u0627\u0644\u0645\u0647\u0627\u0645 \u0642\u064a\u062f \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u060c\n            \u0648\u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0643\u062a\u0645\u0644\u0629.\n            \u062a\u0633\u0627\u0639\u062f \u0647\u0630\u0647 \u0627\u0644\u0637\u0631\u064a\u0642\u0629 \u0641\u0631\u0642 \u0627\u0644\u062a\u0637\u0648\u064a\u0631\n            \u0648\u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u0639\u0644\u0649 \u0645\u0639\u0631\u0641\u0629 \u062d\u0627\u0644\u0629\n            \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0648\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0623\u0648\u0644\u0648\u064a\u0627\u062a.\n          <\/p>\n        <\/div>\n\n      <\/details>\n\n      <!-- FAQ 03 -->\n      <details class=\"tif-faq-item\">\n\n        <summary>\n          <span class=\"tif-faq-number\">03<\/span>\n\n          <span class=\"tif-question\">\n            \u0647\u0644 \u064a\u0645\u0643\u0646 \u062a\u062e\u0637\u064a\u0637 \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a\n            \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u062e\u0637\u0637 \u062c\u0627\u0646\u062a\u061f\n          <\/span>\n\n          <span\n            class=\"tif-faq-toggle\"\n            aria-hidden=\"true\"><\/span>\n        <\/summary>\n\n        <div class=\"tif-answer\">\n          <p>\n            \u0646\u0639\u0645. \u064a\u0645\u0643\u0646\u0643 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u062e\u0637\u0637 \u062c\u0627\u0646\u062a\n            \u0644\u062c\u062f\u0648\u0644\u0629 \u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u062a\u062d\u062f\u064a\u062f\n            \u062a\u0648\u0627\u0631\u064a\u062e \u0627\u0644\u0628\u062f\u0621 \u0648\u0627\u0644\u0627\u0633\u062a\u062d\u0642\u0627\u0642\n            \u0648\u0627\u0644\u0639\u0644\u0627\u0642\u0627\u062a \u0628\u064a\u0646 \u0627\u0644\u0645\u0647\u0627\u0645.\n            \u0648\u064a\u0645\u0643\u0646 \u0627\u0644\u0627\u0633\u062a\u0641\u0627\u062f\u0629 \u0645\u0646\u0647 \u0641\u064a\n            \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0644\u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u062a\u062d\u0644\u064a\u0644\n            \u0648\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0648\u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\n            \u0648\u0627\u0644\u0646\u0634\u0631\u060c \u0648\u0645\u0631\u0627\u062c\u0639\u0629 \u0623\u062b\u0631\n            \u062a\u063a\u064a\u0651\u0631 \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0639\u0644\u0649 \u0627\u0644\u062e\u0637\u0629.\n          <\/p>\n        <\/div>\n\n      <\/details>\n\n      <!-- FAQ 04 -->\n      <details class=\"tif-faq-item\">\n\n        <summary>\n          <span class=\"tif-faq-number\">04<\/span>\n\n          <span class=\"tif-question\">\n            \u0643\u064a\u0641 \u064a\u0633\u0627\u0639\u062f \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0639\u0644\u0649 \u062a\u0646\u0633\u064a\u0642\n            \u0641\u0631\u0642 \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0648\u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u0648\u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629\u061f\n          <\/span>\n\n          <span\n            class=\"tif-faq-toggle\"\n            aria-hidden=\"true\"><\/span>\n        <\/summary>\n\n        <div class=\"tif-answer\">\n          <p>\n            \u064a\u0645\u0643\u0646\u0643 \u062a\u0642\u0633\u064a\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0625\u0644\u0649 \u0645\u0647\u0627\u0645\n            \u0648\u0625\u0633\u0646\u0627\u062f\u0647\u0627 \u0625\u0644\u0649 \u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u0641\u0631\u0642\n            \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629\u060c \u0645\u0639 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0623\u0648\u0644\u0648\u064a\u0627\u062a\n            \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0648\u0627\u0644\u062c\u0647\u062f \u0627\u0644\u0645\u0642\u062f\u0651\u0631.\n            \u0643\u0645\u0627 \u064a\u0645\u0643\u0646 \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u062a\u0639\u0644\u064a\u0642\u0627\u062a\n            \u0648\u0627\u0644\u0645\u0631\u0641\u0642\u0627\u062a \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u062d\u0627\u0644\u0629 \u0643\u0644 \u0645\u0647\u0645\u0629\u060c\n            \u0645\u0645\u0627 \u064a\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u062a\u0642\u0644\u064a\u0644 \u062a\u0634\u062a\u062a\n            \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0628\u064a\u0646 \u0627\u0644\u0641\u0631\u0642.\n          <\/p>\n        <\/div>\n\n      <\/details>\n\n      <!-- FAQ 05 -->\n      <details class=\"tif-faq-item\">\n\n        <summary>\n          <span class=\"tif-faq-number\">05<\/span>\n\n          <span class=\"tif-question\">\n            \u0647\u0644 \u064a\u0645\u0643\u0646 \u062a\u062a\u0628\u0651\u0639 \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644\n            \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0641\u064a \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u0642\u0646\u064a\u0629\u061f\n          <\/span>\n\n          <span\n            class=\"tif-faq-toggle\"\n            aria-hidden=\"true\"><\/span>\n        <\/summary>\n\n        <div class=\"tif-answer\">\n          <p>\n            \u0646\u0639\u0645. \u064a\u062a\u064a\u062d \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u062a\u0633\u062c\u064a\u0644\n            \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0641\u0639\u0644\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u0645\u0647\u0627\u0645\u060c\n            \u0648\u0645\u0642\u0627\u0631\u0646\u062a\u0647\u0627 \u0628\u0627\u0644\u062a\u0642\u062f\u064a\u0631\u0627\u062a\u060c\n            \u0648\u0645\u0631\u0627\u062c\u0639\u0629 \u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0648\u0642\u062a.\n            \u0643\u0645\u0627 \u064a\u0645\u0643\u0646\u0643 \u0645\u062a\u0627\u0628\u0639\u0629 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0639\u0645\u0644\n            \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0623\u062e\u0631\u0649 \u0648\u0645\u0642\u0627\u0631\u0646\u062a\u0647\u0627\n            \u0628\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0644\u0641\u0647\u0645\n            \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u0629 \u0641\u064a \u0627\u0644\u062a\u0646\u0641\u064a\u0630.\n          <\/p>\n        <\/div>\n\n      <\/details>\n\n      <!-- FAQ 06 -->\n      <details class=\"tif-faq-item\">\n\n        <summary>\n          <span class=\"tif-faq-number\">06<\/span>\n\n          <span class=\"tif-question\">\n            \u0647\u0644 \u064a\u0645\u0643\u0646 \u0625\u062f\u0627\u0631\u0629 \u0639\u062f\u0629 \u0645\u0634\u0627\u0631\u064a\u0639\n            \u062a\u0642\u0646\u064a\u0629 \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0646\u0641\u0633\u0647\u061f\n          <\/span>\n\n          <span\n            class=\"tif-faq-toggle\"\n            aria-hidden=\"true\"><\/span>\n        <\/summary>\n\n        <div class=\"tif-answer\">\n          <p>\n            \u0646\u0639\u0645. \u064a\u0645\u0643\u0646\u0643 \u0625\u0646\u0634\u0627\u0621 \u0645\u0634\u0627\u0631\u064a\u0639 \u0645\u0633\u062a\u0642\u0644\u0629\n            \u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a \u0623\u0648 \u062a\u062d\u062f\u064a\u062b\n            \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0623\u0648 \u062a\u0646\u0641\u064a\u0630\n            \u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u062a\u0642\u0646\u064a\u0629\u060c \u0648\u0625\u062f\u0627\u0631\u0629\n            \u0645\u0647\u0627\u0645 \u0643\u0644 \u0645\u0634\u0631\u0648\u0639 \u0648\u0641\u0631\u064a\u0642\u0647 \u0648\u0645\u0648\u0627\u0639\u064a\u062f\u0647.\n            \u0648\u062a\u0633\u0627\u0639\u062f\u0643 \u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n            \u0639\u0644\u0649 \u0645\u0631\u0627\u062c\u0639\u0629 \u062d\u0627\u0644\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\n            \u0639\u0628\u0631 \u0645\u0634\u0627\u0631\u064a\u0639 \u0645\u062a\u0639\u062f\u062f\u0629.\n          <\/p>\n        <\/div>\n\n      <\/details>\n\n      <!-- FAQ 07 -->\n      <details class=\"tif-faq-item\">\n\n        <summary>\n          <span class=\"tif-faq-number\">07<\/span>\n\n          <span class=\"tif-question\">\n            \u0647\u0644 \u064a\u062d\u0644 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0645\u062d\u0644 Git\n            \u0623\u0648 \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u062a\u0643\u0627\u0645\u0644 \u0648\u0627\u0644\u0646\u0634\u0631 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u061f\n          <\/span>\n\n          <span\n            class=\"tif-faq-toggle\"\n            aria-hidden=\"true\"><\/span>\n        <\/summary>\n\n        <div class=\"tif-answer\">\n          <p>\n            \u0644\u0627. \u064a\u0631\u0643\u0651\u0632 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0639\u0644\u0649\n            \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u0645\u0647\u0627\u0645\n            \u0648\u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0648\u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641.\n            \u0623\u0645\u0627 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0634\u064a\u0641\u0631\u0629 \u0627\u0644\u0645\u0635\u062f\u0631\u064a\u0629\n            \u0648\u0628\u0646\u0627\u0621 \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a \u0648\u0627\u062e\u062a\u0628\u0627\u0631\u0647\u0627\n            \u0648\u0646\u0634\u0631\u0647\u0627 \u0622\u0644\u064a\u064b\u0627 \u0641\u062a\u0638\u0644 \u0645\u0646\n            \u0627\u062e\u062a\u0635\u0627\u0635 \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u062a\u0642\u0646\u064a\u0629\n            \u0627\u0644\u0645\u062e\u0635\u0651\u0635\u0629 \u0644\u0647\u0630\u0647 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a.\n          <\/p>\n        <\/div>\n\n      <\/details>\n\n      <!-- FAQ 08 -->\n      <details class=\"tif-faq-item\">\n\n        <summary>\n          <span class=\"tif-faq-number\">08<\/span>\n\n          <span class=\"tif-question\">\n            \u0643\u064a\u0641 \u064a\u0633\u0627\u0639\u062f \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\n            \u0648\u0631\u0627\u064a\u0644\u0627 \u0641\u064a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u0642\u0646\u064a\u0629\u061f\n          <\/span>\n\n          <span\n            class=\"tif-faq-toggle\"\n            aria-hidden=\"true\"><\/span>\n        <\/summary>\n\n        <div class=\"tif-answer\">\n          <p>\n            \u062a\u0633\u0627\u0639\u062f \u0625\u0645\u0643\u0627\u0646\u0627\u062a \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\n            \u0641\u064a \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0639\u0644\u0649 \u0627\u0642\u062a\u0631\u0627\u062d\n            \u062a\u0642\u062f\u064a\u0631\u0627\u062a \u0644\u0639\u0628\u0621 \u0639\u0645\u0644 \u0627\u0644\u0645\u0647\u0627\u0645.\n            \u0648\u064a\u0645\u0643\u0646\u0643 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\n            <strong>\u0631\u0627\u064a\u0644\u0627<\/strong>\n            \u0644\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0639\u0646 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n            \u0648\u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u062a\u062d\u0644\u064a\u0644 \u0628\u064a\u0627\u0646\u0627\u062a\u0647\u0627\u060c\n            \u0648\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0645\u062a\u0623\u062e\u0631\u0629\n            \u0648\u0627\u0644\u0623\u0648\u0644\u0648\u064a\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0627\u062c\n            \u0625\u0644\u0649 \u0627\u0647\u062a\u0645\u0627\u0645 \u0645\u062f\u064a\u0631 \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\n          <\/p>\n        <\/div>\n\n      <\/details>\n\n      <!-- FAQ 09 -->\n      <details class=\"tif-faq-item\">\n\n        <summary>\n          <span class=\"tif-faq-number\">09<\/span>\n\n          <span class=\"tif-question\">\n            \u0643\u064a\u0641 \u0623\u0628\u062f\u0623 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\n            \u0641\u064a \u0634\u0631\u0643\u062a\u064a \u0623\u0648 \u0641\u0631\u064a\u0642 \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a\u061f\n          <\/span>\n\n          <span\n            class=\"tif-faq-toggle\"\n            aria-hidden=\"true\"><\/span>\n        <\/summary>\n\n        <div class=\"tif-answer\">\n          <p>\n            \u064a\u0645\u0643\u0646\u0643\n            <a\n              href=\"https:\/\/panel.taskbrowse.com\/Account\/Register?lang=ar\">\n              \u0625\u0646\u0634\u0627\u0621 \u062d\u0633\u0627\u0628 \u0641\u064a \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\n            <\/a>\n            \u062b\u0645 \u0625\u0636\u0627\u0641\u0629 \u0645\u0634\u0631\u0648\u0639\u0643 \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0623\u0648\u0644\u060c\n            \u0648\u062a\u0642\u0633\u064a\u0645\u0647 \u0625\u0644\u0649 \u0645\u0647\u0627\u0645\u060c\n            \u0648\u062a\u062d\u062f\u064a\u062f \u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u0641\u0631\u064a\u0642\n            \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0648\u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a.\n            \u0645\u0646 \u0627\u0644\u0623\u0641\u0636\u0644 \u0627\u0644\u0628\u062f\u0621 \u0628\u0645\u0634\u0631\u0648\u0639 \u0645\u062d\u062f\u062f\u060c\n            \u062b\u0645 \u062a\u0648\u0633\u064a\u0639 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645\n            \u062a\u062f\u0631\u064a\u062c\u064a\u064b\u0627 \u0625\u0644\u0649 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0623\u062e\u0631\u0649.\n          <\/p>\n        <\/div>\n\n      <\/details>\n\n    <\/div>\n\n    <!-- FINAL CTA -->\n    <div class=\"tif-cta\">\n\n      <div class=\"tif-cta-main\">\n\n        <!-- CTA COPY -->\n        <div>\n\n          <div class=\"tif-cta-eyebrow\">\n            \u0646\u0638\u0651\u0645 \u0645\u0634\u0627\u0631\u064a\u0639\u0643 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0628\u0635\u0648\u0631\u0629 \u0623\u0648\u0636\u062d\n          <\/div>\n\n          <h2 class=\"tif-cta-title\">\n\n            \u0645\u0634\u0627\u0631\u064a\u0639 \u0623\u0643\u062b\u0631 \u062a\u0646\u0638\u064a\u0645\u064b\u0627\u060c\n            <span>\n              \u0648\u0641\u0631\u064a\u0642 \u064a\u0639\u0631\u0641 \u0645\u0627 \u0639\u0644\u064a\u0647 \u0625\u0646\u062c\u0627\u0632\u0647\n            <\/span>\n\n          <\/h2>\n\n          <p class=\"tif-cta-description\">\n            \u0645\u0646 \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0625\u0644\u0649\n            \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a \u0648\u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\n            \u0648\u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\u060c\n            \u064a\u0633\u0627\u0639\u062f\u0643 \u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n            \u0644\u0634\u0631\u0643\u0627\u062a \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a\n            \u0645\u0646 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0639\u0644\u0649 \u062a\u0646\u0638\u064a\u0645\n            \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f\u060c\n            \u0648\u062a\u062a\u0628\u0639 \u0648\u0642\u062a \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641\u060c\n            \u0648\u0645\u0631\u0627\u062c\u0639\u0629 \u062a\u0642\u062f\u0645 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u060c\n            \u0645\u0639 \u0627\u0644\u0627\u0633\u062a\u0641\u0627\u062f\u0629 \u0645\u0646 \u0631\u0627\u064a\u0644\u0627\n            \u0648\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\n            \u0641\u064a \u062a\u062d\u0644\u064a\u0644 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639.\n          <\/p>\n\n        <\/div>\n\n        <!-- ACTION CARD -->\n        <div class=\"tif-action\">\n\n          <div class=\"tif-action-label\">\n            \u0627\u0628\u062f\u0623 \u0645\u0639 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\n          <\/div>\n\n          <h3>\n            \u0627\u062c\u0639\u0644 \u0645\u0634\u0631\u0648\u0639\u0643 \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0642\u0627\u062f\u0645\n            \u0623\u0643\u062b\u0631 \u0648\u0636\u0648\u062d\u064b\u0627\n          <\/h3>\n\n          <p class=\"tif-action-description\">\n            \u0623\u0646\u0634\u0626 \u062d\u0633\u0627\u0628\u0643\u060c \u0648\u0623\u0636\u0641 \u0623\u0648\u0644 \u0645\u0634\u0631\u0648\u0639\u060c\n            \u0648\u062d\u062f\u0651\u062f \u0645\u0647\u0627\u0645\u0647 \u0648\u0623\u0639\u0636\u0627\u0621 \u0641\u0631\u064a\u0642\u0647\u060c\n            \u0648\u0627\u0628\u062f\u0623 \u0628\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f\n            \u0648\u0627\u0644\u062a\u0642\u062f\u0645 \u0645\u0646 \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f.\n          <\/p>\n\n          <a\n            class=\"tif-primary-btn\"\n            href=\"https:\/\/panel.taskbrowse.com\/Account\/Register?lang=ar\">\n\n            \u0627\u0628\u062f\u0623 \u0645\u062c\u0627\u0646\u064b\u0627\n            <span aria-hidden=\"true\">\u2190<\/span>\n\n          <\/a>\n\n          <p class=\"tif-login\">\n            \u0644\u062f\u064a\u0643 \u062d\u0633\u0627\u0628 \u0628\u0627\u0644\u0641\u0639\u0644\u061f\n            <a\n              href=\"https:\/\/app.taskbrowse.com\/Account\/Login?lang=ar\">\n              \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u062f\u062e\u0648\u0644\n            <\/a>\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- CTA FOOTER -->\n      <div class=\"tif-cta-footer\">\n\n        <p>\n          \u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u00b7 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0647\u0627\u0645 \u00b7\n          \u0644\u0648\u062d\u0629 \u0643\u0627\u0646\u0628\u0627\u0646 \u00b7 \u062a\u062a\u0628\u0639 \u0627\u0644\u0648\u0642\u062a \u00b7\n          \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u00b7 \u0631\u0627\u064a\u0644\u0627\n        <\/p>\n\n        <span class=\"tif-brand\">\n          \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\n        <\/span>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u0625\u062f\u0627\u0631\u0629 \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a \u0648\u062e\u062f\u0645\u0627\u062a IT \u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0644\u0634\u0631\u0643\u0627\u062a \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a: \u0645\u0646 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0625\u0644\u0649 \u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0633\u0648\u0627\u0621 \u0643\u0646\u062a \u062a\u062f\u064a\u0631 \u0634\u0631\u0643\u0629 \u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a \u0623\u0648 \u0641\u0631\u064a\u0642\u064b\u0627 \u062f\u0627\u062e\u0644\u064a\u064b\u0627 \u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a\u060c \u064a\u0633\u0627\u0639\u062f\u0643 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0639\u0644\u0649 \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u0642\u0646\u064a\u0629\u060c \u0648\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0645\u0647\u0627\u0645 \u0628\u064a\u0646 \u0627\u0644\u0641\u0631\u0642\u060c \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0648\u062a\u0642\u062f\u0645 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f. \u064a\u062c\u0645\u0639 \u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0644\u0634\u0631\u0643\u0627\u062a \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0628\u064a\u0646 \u0627\u0644\u062a\u062e\u0637\u064a\u0637\u060c \u0648\u0625\u062f\u0627\u0631\u0629 \u0645\u0647\u0627\u0645&hellip;&nbsp;<a href=\"https:\/\/taskbrowse.com\/ar\/taskbrowse-lisharikat-it\/\" rel=\"bookmark\">\u0627\u0642\u0631\u0623 \u0627\u0644\u0645\u0632\u064a\u062f &raquo;<span class=\"screen-reader-text\">\u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0644\u0634\u0631\u0643\u0627\u062a \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a<\/span><\/a><\/p>\n","protected":false},"author":4,"featured_media":691,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ghostkit_customizer_options":"","ghostkit_custom_css":"","ghostkit_custom_js_head":"","ghostkit_custom_js_foot":"","ghostkit_typography":"","neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"off","neve_meta_disable_footer":"","neve_meta_disable_title":"on","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-689","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/pages\/689","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/comments?post=689"}],"version-history":[{"count":43,"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/pages\/689\/revisions"}],"predecessor-version":[{"id":10608,"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/pages\/689\/revisions\/10608"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/media\/691"}],"wp:attachment":[{"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/media?parent=689"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}