{"id":711,"date":"2024-02-19T12:44:58","date_gmt":"2024-02-19T12:44:58","guid":{"rendered":"https:\/\/taskbrowse.com\/ar\/?page_id=711"},"modified":"2026-10-25T13:02:10","modified_gmt":"2026-10-25T13:02:10","slug":"taskbrowse-lilsharikat-alhandasiya","status":"publish","type":"page","link":"https:\/\/taskbrowse.com\/ar\/taskbrowse-lilsharikat-alhandasiya\/","title":{"rendered":"\u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629"},"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 Engineering \u2014 Section 01 \/ Hero\n   Standalone WordPress Custom HTML\n   ================================================ *\/\n\n#tb-eng-hero {\n  --te-red: #c8102e;\n  --te-ink: #17191d;\n  --te-muted: #64666e;\n  --te-line: #e3e4e7;\n\n  direction: rtl;\n  text-align: right;\n  width: 100%;\n  padding: 106px 24px 35px;\n  background: #fff;\n  color: var(--te-ink);\n  font-family: \"IBM Plex Sans Arabic\", Tahoma, sans-serif;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n\n#tb-eng-hero *,\n#tb-eng-hero *::before,\n#tb-eng-hero *::after {\n  box-sizing: border-box;\n}\n\n#tb-eng-hero .te-container {\n  width: 100%;\n  max-width: 1380px;\n  margin-inline: auto;\n}\n\n#tb-eng-hero .te-layout {\n  display: grid;\n  grid-template-columns: minmax(0,1fr) minmax(0,1.02fr);\n  align-items: center;\n  gap: clamp(36px,5.5vw,88px);\n}\n\n#tb-eng-hero .te-copy,\n#tb-eng-hero .te-visual {\n  min-width: 0;\n}\n\n#tb-eng-hero .te-eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n  margin-bottom: 26px;\n  color: var(--te-red);\n  font-size: 14px;\n  font-weight: 700;\n}\n\n#tb-eng-hero .te-eyebrow::before {\n  content: \"\";\n  width: 34px;\n  height: 2px;\n  flex: 0 0 34px;\n  background: var(--te-red);\n}\n\n#tb-eng-hero h1.te-title {\n  margin: 0 0 28px;\n  color: var(--te-ink);\n  font-family: inherit;\n  font-size: clamp(37px,3.65vw,59px);\n  font-weight: 800;\n  line-height: 1.4;\n  letter-spacing: -.5px;\n}\n\n#tb-eng-hero .te-title span {\n  color: var(--te-red);\n}\n\n#tb-eng-hero .te-lead {\n  max-width: 665px;\n  margin: 0 0 19px;\n  color: #4b4d55;\n  font-size: 18px;\n  line-height: 2.05;\n}\n\n#tb-eng-hero .te-secondary {\n  max-width: 650px;\n  margin: 0 0 33px;\n  color: #777981;\n  font-size: 15px;\n  line-height: 2;\n}\n\n#tb-eng-hero .te-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n  align-items: center;\n}\n\n#tb-eng-hero .te-btn {\n  min-height: 55px;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  gap: 11px;\n  padding: 12px 22px;\n  border-radius: 9px;\n  font-size: 14px;\n  font-weight: 800;\n  line-height: 1.6;\n  text-decoration: none !important;\n  transition: background .2s ease;\n}\n\n#tb-eng-hero .te-btn-primary {\n  background: var(--te-red);\n  border: 1px solid var(--te-red);\n  color: #fff !important;\n}\n\n#tb-eng-hero .te-btn-primary:hover {\n  background: #a70d29;\n}\n\n#tb-eng-hero .te-btn-secondary {\n  background: #fff;\n  border: 1px solid #d8d9dc;\n  color: var(--te-ink) !important;\n}\n\n#tb-eng-hero .te-btn-secondary:hover {\n  background: #fff5f7;\n}\n\n#tb-eng-hero .te-btn:focus-visible {\n  outline: 3px solid var(--te-red);\n  outline-offset: 4px;\n}\n\n\/* ===== Engineering dashboard ===== *\/\n\n#tb-eng-hero .te-dashboard {\n  border: 1px solid #dfe0e3;\n  border-radius: 20px;\n  overflow: hidden;\n  background: #fff;\n  box-shadow: 0 22px 65px rgba(0,0,0,.075);\n}\n\n#tb-eng-hero .te-dashboard-head {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 15px;\n  padding: 23px;\n  border-bottom: 1px solid var(--te-line);\n}\n\n#tb-eng-hero .te-dashboard-head h2 {\n  margin: 0 0 5px;\n  color: #262830;\n  font-family: inherit;\n  font-size: 17px;\n  font-weight: 800;\n}\n\n#tb-eng-hero .te-dashboard-head p {\n  margin: 0;\n  color: #92949b;\n  font-size: 11px;\n}\n\n#tb-eng-hero .te-demo {\n  border: 1px solid var(--te-line);\n  border-radius: 8px;\n  padding: 7px 10px;\n  color: #85878e;\n  font-size: 10px;\n  white-space: nowrap;\n}\n\n#tb-eng-hero .te-metrics {\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(--te-line);\n}\n\n#tb-eng-hero .te-metric {\n  padding: 17px 12px;\n  background: #fff;\n  border: 1px solid #ececf0;\n  border-radius: 11px;\n}\n\n#tb-eng-hero .te-metric strong {\n  display: block;\n  color: #262830;\n  font-size: 25px;\n  font-weight: 800;\n  line-height: 1.3;\n}\n\n#tb-eng-hero .te-metric span {\n  display: block;\n  margin-top: 6px;\n  color: #80828a;\n  font-size: 10px;\n  line-height: 1.65;\n}\n\n\/* ===== Project rows ===== *\/\n\n#tb-eng-hero .te-projects {\n  padding: 9px 21px 19px;\n}\n\n#tb-eng-hero .te-list-head {\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  padding: 14px 0;\n  border-bottom: 1px solid #ededf0;\n  color: #53555c;\n  font-size: 12px;\n  font-weight: 800;\n}\n\n#tb-eng-hero .te-list-head span {\n  font-size: 10px;\n  font-weight: 500;\n  color: #9799a0;\n}\n\n#tb-eng-hero .te-project-row {\n  display: grid;\n  grid-template-columns: 39px minmax(0,1fr) 88px;\n  gap: 12px;\n  align-items: center;\n  padding: 20px 0;\n  border-bottom: 1px solid #ececf0;\n}\n\n#tb-eng-hero .te-project-row:last-child {\n  border-bottom: 0;\n}\n\n#tb-eng-hero .te-project-icon {\n  width: 39px;\n  height: 39px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 10px;\n  background: #faeaf0;\n  color: var(--te-red);\n}\n\n#tb-eng-hero .te-project-icon svg {\n  width: 23px;\n  height: 23px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.7;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n#tb-eng-hero .te-project-icon.blue {\n  background: #edf3fb;\n  color: #477aa8;\n}\n\n#tb-eng-hero .te-project-icon.green {\n  background: #ebf6ef;\n  color: #3c8a62;\n}\n\n#tb-eng-hero .te-project-info {\n  min-width: 0;\n}\n\n#tb-eng-hero .te-project-name {\n  color: #30323a;\n  font-size: 12px;\n  font-weight: 800;\n  line-height: 1.7;\n}\n\n#tb-eng-hero .te-project-meta {\n  color: #94969d;\n  font-size: 10px;\n  margin: 4px 0 11px;\n}\n\n#tb-eng-hero .te-progress {\n  display: flex;\n  gap: 9px;\n  align-items: center;\n}\n\n#tb-eng-hero .te-track {\n  flex: 1;\n  height: 6px;\n  border-radius: 20px;\n  overflow: hidden;\n  background: #ededf0;\n}\n\n#tb-eng-hero .te-fill {\n  display: block;\n  height: 100%;\n  background: var(--te-red);\n  border-radius: inherit;\n}\n\n#tb-eng-hero .te-fill.green {\n  background: #3c9567;\n}\n\n#tb-eng-hero .te-progress-number {\n  color: #878990;\n  font-size: 10px;\n  direction: ltr;\n  white-space: nowrap;\n}\n\n#tb-eng-hero .te-status {\n  padding: 8px 5px;\n  text-align: center;\n  border-radius: 7px;\n  font-size: 10px;\n  font-weight: 800;\n  line-height: 1.5;\n  color: #a60e2b;\n  background: #fff0f3;\n}\n\n#tb-eng-hero .te-status.review {\n  color: #9a741c;\n  background: #fff5dc;\n}\n\n#tb-eng-hero .te-status.done {\n  color: #267a51;\n  background: #e9f7ee;\n}\n\n#tb-eng-hero .te-dashboard-foot {\n  display: flex;\n  gap: 14px;\n  justify-content: space-between;\n  align-items: center;\n  background: #202124;\n  padding: 19px 22px;\n}\n\n#tb-eng-hero .te-dashboard-foot span {\n  color: #c2c3c8;\n  font-size: 12px;\n  line-height: 1.8;\n}\n\n#tb-eng-hero .te-dashboard-foot strong {\n  color: #fff;\n  font-size: 12px;\n  white-space: nowrap;\n}\n\n#tb-eng-hero .te-visual-note {\n  margin: 13px 0 0;\n  text-align: center;\n  color: #989aa0;\n  font-size: 11px;\n  line-height: 1.8;\n}\n\n\/* ===== Four stages ===== *\/\n\n#tb-eng-hero .te-stages {\n  display: grid;\n  grid-template-columns: repeat(4,minmax(0,1fr));\n  margin-top: 85px;\n  border-top: 1px solid #dedfe1;\n  border-bottom: 1px solid #dedfe1;\n}\n\n#tb-eng-hero .te-stage {\n  position: relative;\n  padding: 28px 24px 30px;\n  border-left: 1px solid #dedfe1;\n}\n\n#tb-eng-hero .te-stage:last-child {\n  border-left: 0;\n}\n\n#tb-eng-hero .te-stage::before {\n  content: \"\";\n  position: absolute;\n  top: -2px;\n  right: 24px;\n  width: 36px;\n  height: 3px;\n  background: var(--te-red);\n}\n\n#tb-eng-hero .te-stage-heading {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n  margin-bottom: 12px;\n}\n\n#tb-eng-hero .te-stage-no {\n  color: var(--te-red);\n  font-size: 12px;\n  font-weight: 800;\n}\n\n#tb-eng-hero .te-stage h2 {\n  margin: 0;\n  color: var(--te-ink);\n  font-family: inherit;\n  font-size: 20px;\n  font-weight: 800;\n}\n\n#tb-eng-hero .te-stage p {\n  margin: 0;\n  color: #72747b;\n  font-size: 13px;\n  line-height: 2;\n}\n\n\/* ===== Responsive ===== *\/\n\n@media (max-width: 1120px) {\n  #tb-eng-hero {\n    padding: 85px 22px 35px;\n  }\n\n  #tb-eng-hero .te-layout {\n    grid-template-columns: 1fr;\n    gap: 55px;\n  }\n\n  #tb-eng-hero .te-copy,\n  #tb-eng-hero .te-visual {\n    max-width: 850px;\n    width: 100%;\n    margin-inline: auto;\n  }\n\n  #tb-eng-hero h1.te-title {\n    font-size: clamp(38px,5.5vw,59px);\n  }\n}\n\n@media (max-width: 760px) {\n  #tb-eng-hero {\n    padding: 65px 18px 25px;\n  }\n\n  #tb-eng-hero h1.te-title {\n    font-size: clamp(34px,7.5vw,45px);\n  }\n\n  #tb-eng-hero .te-lead {\n    font-size: 16px;\n  }\n\n  #tb-eng-hero .te-stages {\n    grid-template-columns: repeat(2,minmax(0,1fr));\n    margin-top: 65px;\n  }\n\n  #tb-eng-hero .te-stage:nth-child(2) {\n    border-left: 0;\n  }\n\n  #tb-eng-hero .te-stage:nth-child(-n+2) {\n    border-bottom: 1px solid #dedfe1;\n  }\n\n  #tb-eng-hero .te-stage {\n    padding: 25px 17px;\n  }\n\n  #tb-eng-hero .te-stage::before {\n    right: 17px;\n  }\n}\n\n@media (max-width: 480px) {\n  #tb-eng-hero h1.te-title {\n    font-size: 33px;\n  }\n\n  #tb-eng-hero .te-actions {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  #tb-eng-hero .te-btn {\n    width: 100%;\n  }\n\n  #tb-eng-hero .te-dashboard-head {\n    flex-wrap: wrap;\n    padding: 18px 15px;\n  }\n\n  #tb-eng-hero .te-metrics {\n    gap: 6px;\n    padding: 12px;\n  }\n\n  #tb-eng-hero .te-metric {\n    padding: 12px 7px;\n  }\n\n  #tb-eng-hero .te-metric strong {\n    font-size: 20px;\n  }\n\n  #tb-eng-hero .te-metric span {\n    font-size: 9px;\n  }\n\n  #tb-eng-hero .te-projects {\n    padding-inline: 14px;\n  }\n\n  #tb-eng-hero .te-project-row {\n    grid-template-columns: 33px minmax(0,1fr);\n    gap: 10px;\n  }\n\n  #tb-eng-hero .te-project-icon {\n    width: 33px;\n    height: 33px;\n  }\n\n  #tb-eng-hero .te-status {\n    grid-column: 2;\n    width: fit-content;\n    min-width: 90px;\n    padding-inline: 9px;\n  }\n\n  #tb-eng-hero .te-dashboard-foot {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  #tb-eng-hero .te-stages {\n    grid-template-columns: 1fr;\n  }\n\n  #tb-eng-hero .te-stage,\n  #tb-eng-hero .te-stage:nth-child(2) {\n    border-left: 0;\n    border-bottom: 1px solid #dedfe1;\n  }\n\n  #tb-eng-hero .te-stage:last-child {\n    border-bottom: 0;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #tb-eng-hero .te-btn {\n    transition: none;\n  }\n}\n<\/style>\n\n<section\n  id=\"tb-eng-hero\"\n  lang=\"ar\"\n  dir=\"rtl\"\n  aria-labelledby=\"tb-eng-hero-title\">\n\n  <div class=\"te-container\">\n\n    <div class=\"te-layout\">\n\n      <!-- HERO CONTENT -->\n      <div class=\"te-copy\">\n\n        <div class=\"te-eyebrow\">\n          \u0645\u0646 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0625\u0644\u0649 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629\n        <\/div>\n\n        <h1 class=\"te-title\" id=\"tb-eng-hero-title\">\n          \u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n          \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629:\n          <span>\u0645\u0646 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0625\u0644\u0649 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0628\u0648\u0636\u0648\u062d<\/span>\n        <\/h1>\n\n        <p class=\"te-lead\">\n          \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u062a\u062a\u0637\u0644\u0628 \u0623\u0643\u062b\u0631\n          \u0645\u0646 \u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f.\n          \u0645\u0639 <strong>\u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632<\/strong> \u064a\u0645\u0643\u0646\u0643\n          \u062a\u0646\u0638\u064a\u0645 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u060c \u0648\u062a\u0646\u0633\u064a\u0642 \u0639\u0645\u0644\n          \u0627\u0644\u0641\u0631\u0642 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629\u060c \u0648\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0645\u0648\u0627\u0631\u062f\u060c\n          \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062a\u0642\u062f\u0645 \u0627\u0644\u0641\u0639\u0644\u064a \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641\n          \u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f.\n        <\/p>\n\n        <p class=\"te-secondary\">\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 \u0644\u0644\u0634\u0631\u0643\u0627\u062a\n          \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u0639\u0644\u0649 \u0631\u0628\u0637 \u062e\u0637\u0629 \u0627\u0644\u0639\u0645\u0644 \u0628\u0627\u0644\u062a\u0646\u0641\u064a\u0630\n          \u0627\u0644\u064a\u0648\u0645\u064a\u060c \u062d\u062a\u0649 \u062a\u0639\u0631\u0641 \u0645\u0627 \u0623\u064f\u0646\u062c\u0632\u060c\n          \u0648\u0645\u0627 \u062a\u0623\u062e\u0631 \u0639\u0646 \u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a\u060c\n          \u0648\u0623\u064a\u0646 \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0627\u0644\u062a\u062f\u062e\u0644.\n        <\/p>\n\n        <div class=\"te-actions\">\n\n          <a\n            class=\"te-btn te-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=\"te-btn te-btn-secondary\"\n            href=\"#tb-eng-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 PROJECT DASHBOARD -->\n      <div class=\"te-visual\">\n\n        <div\n          class=\"te-dashboard\"\n          aria-label=\"\u0645\u062b\u0627\u0644 \u062a\u0648\u0636\u064a\u062d\u064a \u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0634\u0627\u0631\u064a\u0639 \u0634\u0631\u0643\u0629 \u0647\u0646\u062f\u0633\u064a\u0629\">\n\n          <div class=\"te-dashboard-head\">\n\n            <div>\n              <h2>\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629<\/h2>\n              <p>\u0646\u0638\u0631\u0629 \u0639\u0627\u0645\u0629 \u0639\u0644\u0649 \u062d\u0627\u0644\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630<\/p>\n            <\/div>\n\n            <span class=\"te-demo\">\n              \u0645\u062b\u0627\u0644 \u062a\u0648\u0636\u064a\u062d\u064a\n            <\/span>\n\n          <\/div>\n\n          <!-- Metrics -->\n          <div class=\"te-metrics\">\n\n            <div class=\"te-metric\">\n              <strong>6<\/strong>\n              <span>\u0645\u0634\u0627\u0631\u064a\u0639 \u0646\u0634\u0637\u0629<\/span>\n            <\/div>\n\n            <div class=\"te-metric\">\n              <strong>42<\/strong>\n              <span>\u0645\u0647\u0645\u0629 \u0642\u064a\u062f \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629<\/span>\n            <\/div>\n\n            <div class=\"te-metric\">\n              <strong>18<\/strong>\n              <span>\u0639\u0636\u0648\u064b\u0627 \u0641\u064a \u0627\u0644\u0641\u0631\u064a\u0642<\/span>\n            <\/div>\n\n          <\/div>\n\n          <!-- Projects -->\n          <div class=\"te-projects\">\n\n            <div class=\"te-list-head\">\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 1 -->\n            <div class=\"te-project-row\">\n\n              <div class=\"te-project-icon\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M4 20V9l8-5 8 5v11\"\/>\n                  <path d=\"M9 20v-7h6v7\"\/>\n                  <path d=\"M4 20h16\"\/>\n                <\/svg>\n              <\/div>\n\n              <div class=\"te-project-info\">\n\n                <div class=\"te-project-name\">\n                  \u062a\u0635\u0645\u064a\u0645 \u0645\u0628\u0646\u0649 \u0625\u062f\u0627\u0631\u064a\n                <\/div>\n\n                <div class=\"te-project-meta\">\n                  \u0641\u0631\u064a\u0642 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a\n                <\/div>\n\n                <div class=\"te-progress\">\n                  <div class=\"te-track\">\n                    <span\n                      class=\"te-fill\"\n                      style=\"width:68%\"><\/span>\n                  <\/div>\n                  <span class=\"te-progress-number\">68%<\/span>\n                <\/div>\n\n              <\/div>\n\n              <span class=\"te-status\">\n                \u0642\u064a\u062f \u0627\u0644\u062a\u0646\u0641\u064a\u0630\n              <\/span>\n\n            <\/div>\n\n            <!-- Project 2 -->\n            <div class=\"te-project-row\">\n\n              <div class=\"te-project-icon blue\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M3 20h18\"\/>\n                  <path d=\"M5 20V6h14v14\"\/>\n                  <path d=\"M9 6V3h6v3\"\/>\n                  <path d=\"M9 10h2M14 10h2\"\/>\n                  <path d=\"M9 14h2M14 14h2\"\/>\n                <\/svg>\n              <\/div>\n\n              <div class=\"te-project-info\">\n\n                <div class=\"te-project-name\">\n                  \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0645\u062e\u0637\u0637\u0627\u062a \u0627\u0644\u0625\u0646\u0634\u0627\u0626\u064a\u0629\n                <\/div>\n\n                <div class=\"te-project-meta\">\n                  \u0641\u0631\u064a\u0642 \u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0645\u062f\u0646\u064a\u0629\n                <\/div>\n\n                <div class=\"te-progress\">\n                  <div class=\"te-track\">\n                    <span\n                      class=\"te-fill\"\n                      style=\"width:42%\"><\/span>\n                  <\/div>\n                  <span class=\"te-progress-number\">42%<\/span>\n                <\/div>\n\n              <\/div>\n\n              <span class=\"te-status review\">\n                \u0642\u064a\u062f \u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0629\n              <\/span>\n\n            <\/div>\n\n            <!-- Project 3 -->\n            <div class=\"te-project-row\">\n\n              <div class=\"te-project-icon green\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M4 20h16\"\/>\n                  <path d=\"M7 20V8l5-4 5 4v12\"\/>\n                  <path d=\"M10 12h4M10 16h4\"\/>\n                <\/svg>\n              <\/div>\n\n              <div class=\"te-project-info\">\n\n                <div class=\"te-project-name\">\n                  \u062f\u0631\u0627\u0633\u0629 \u0641\u0646\u064a\u0629 \u0644\u0645\u0634\u0631\u0648\u0639 \u0635\u0646\u0627\u0639\u064a\n                <\/div>\n\n                <div class=\"te-project-meta\">\n                  \u0641\u0631\u064a\u0642 \u0627\u0644\u062f\u0631\u0627\u0633\u0627\u062a \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a\n                <\/div>\n\n                <div class=\"te-progress\">\n                  <div class=\"te-track\">\n                    <span\n                      class=\"te-fill green\"\n                      style=\"width:100%\"><\/span>\n                  <\/div>\n                  <span class=\"te-progress-number\">100%<\/span>\n                <\/div>\n\n              <\/div>\n\n              <span class=\"te-status done\">\n                \u0645\u0643\u062a\u0645\u0644\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n          <div class=\"te-dashboard-foot\">\n            <span>\n              \u062a\u0627\u0628\u0639 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0645\u0647\u0627\u0645\u0647\n              \u0648\u0627\u0644\u0641\u0631\u0642 \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u0629 \u0639\u0646 \u0627\u0644\u062a\u0646\u0641\u064a\u0630.\n            <\/span>\n            <strong>\u0631\u0624\u064a\u0629 \u0623\u0648\u0636\u062d \u0644\u0644\u0639\u0645\u0644<\/strong>\n          <\/div>\n\n        <\/div>\n\n        <p class=\"te-visual-note\">\n          \u0646\u0645\u0648\u0630\u062c \u062a\u0635\u0645\u064a\u0645\u064a \u062a\u0648\u0636\u064a\u062d\u064a\u060c \u0648\u0644\u064a\u0633\n          \u0644\u0642\u0637\u0629 \u0641\u0639\u0644\u064a\u0629 \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=\"te-stages\">\n\n      <div class=\"te-stage\">\n        <div class=\"te-stage-heading\">\n          <span class=\"te-stage-no\">01<\/span>\n          <h2>\u062e\u0637\u0651\u0637<\/h2>\n        <\/div>\n        <p>\n          \u0642\u0633\u0651\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0625\u0644\u0649 \u0645\u0631\u0627\u062d\u0644 \u0648\u0645\u0647\u0627\u0645\u060c\n          \u0648\u062d\u062f\u0651\u062f \u0627\u0644\u062c\u062f\u0627\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a\u0629 \u0648\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u064a\u0627\u062a.\n        <\/p>\n      <\/div>\n\n      <div class=\"te-stage\">\n        <div class=\"te-stage-heading\">\n          <span class=\"te-stage-no\">02<\/span>\n          <h2>\u0648\u0632\u0651\u0639<\/h2>\n        <\/div>\n        <p>\n          \u0623\u0633\u0646\u062f \u0627\u0644\u0645\u0647\u0627\u0645 \u0625\u0644\u0649 \u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u0641\u0631\u064a\u0642\n          \u0648\u0648\u0627\u0632\u0646 \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644 \u0628\u064a\u0646 \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a.\n        <\/p>\n      <\/div>\n\n      <div class=\"te-stage\">\n        <div class=\"te-stage-heading\">\n          <span class=\"te-stage-no\">03<\/span>\n          <h2>\u0631\u0627\u0642\u0628<\/h2>\n        <\/div>\n        <p>\n          \u0642\u0627\u0631\u0646 \u062a\u0642\u062f\u0645 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0628\u0627\u0644\u062e\u0637\u0629\u060c\n          \u0648\u062a\u0627\u0628\u0639 \u0627\u0644\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0641\u0639\u0644\u064a\u0629 \u0648\u0627\u0644\u062a\u0623\u062e\u064a\u0631\u0627\u062a.\n        <\/p>\n      <\/div>\n\n      <div class=\"te-stage\">\n        <div class=\"te-stage-heading\">\n          <span class=\"te-stage-no\">04<\/span>\n          <h2>\u062d\u0644\u0651\u0644<\/h2>\n        <\/div>\n        <p>\n          \u0631\u0627\u062c\u0639 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0645\u0624\u0634\u0631\u0627\u062a \u0627\u0644\u0623\u062f\u0627\u0621\n          \u0644\u0627\u062a\u062e\u0627\u0630 \u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629.\n        <\/p>\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 Engineering \u2014 Section 02\n   Engineering Project Planning & Gantt\n   ===================================================== *\/\n\n#tb-eng-planning {\n  --tep-red: #c8102e;\n  --tep-dark: #202124;\n  --tep-panel: #292a2e;\n  --tep-line: #424349;\n  --tep-muted: #c5c6cb;\n\n  width: 100%;\n  padding: 110px 24px 100px;\n  margin: 0;\n  background: var(--tep-dark);\n  color: #fff;\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-eng-planning *,\n#tb-eng-planning *::before,\n#tb-eng-planning *::after {\n  box-sizing: border-box;\n}\n\n#tb-eng-planning .tep-container {\n  max-width: 1380px;\n  width: 100%;\n  margin-inline: auto;\n}\n\n\/* ===== INTRO ===== *\/\n\n#tb-eng-planning .tep-intro {\n  display: grid;\n  grid-template-columns: minmax(0,1.07fr) minmax(0,.93fr);\n  align-items: center;\n  gap: clamp(45px,6vw,100px);\n  margin-bottom: 70px;\n}\n\n#tb-eng-planning .tep-intro > * {\n  min-width: 0;\n}\n\n#tb-eng-planning .tep-eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n  margin-bottom: 25px;\n  color: #ff91aa;\n  font-size: 14px;\n  font-weight: 700;\n}\n\n#tb-eng-planning .tep-eyebrow::before {\n  content: \"\";\n  width: 32px;\n  height: 2px;\n  flex: 0 0 32px;\n  background: var(--tep-red);\n}\n\n#tb-eng-planning h2.tep-title {\n  max-width: 780px;\n  margin: 0;\n  color: #fff;\n  font-family: inherit;\n  font-size: clamp(40px,4.25vw,66px);\n  font-weight: 800;\n  line-height: 1.38;\n  letter-spacing: -.5px;\n}\n\n#tb-eng-planning .tep-title span {\n  color: #ff98ae;\n}\n\n#tb-eng-planning .tep-description p {\n  margin: 0 0 18px;\n  color: var(--tep-muted);\n  font-size: clamp(17px,1.45vw,20px);\n  line-height: 2.1;\n}\n\n#tb-eng-planning .tep-description p:last-child {\n  margin-bottom: 0;\n}\n\n#tb-eng-planning .tep-description strong {\n  color: #fff;\n  font-weight: 700;\n}\n\n\/* ===== GANTT BOARD ===== *\/\n\n#tb-eng-planning .tep-board {\n  border: 1px solid var(--tep-line);\n  border-radius: 23px;\n  overflow: hidden;\n  background: var(--tep-panel);\n}\n\n#tb-eng-planning .tep-board-top {\n  padding: 25px 29px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 20px;\n  border-bottom: 1px solid var(--tep-line);\n}\n\n#tb-eng-planning .tep-board-project {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n#tb-eng-planning .tep-project-dot {\n  width: 9px;\n  height: 9px;\n  flex: 0 0 9px;\n  border-radius: 50%;\n  background: var(--tep-red);\n}\n\n#tb-eng-planning .tep-board-name {\n  color: #fff;\n  font-size: 17px;\n  font-weight: 800;\n  line-height: 1.6;\n}\n\n#tb-eng-planning .tep-board-subtitle {\n  margin-top: 4px;\n  color: #a7a8ae;\n  font-size: 11px;\n}\n\n#tb-eng-planning .tep-example {\n  color: #bfc0c5;\n  border: 1px solid #4d4e55;\n  border-radius: 8px;\n  padding: 8px 12px;\n  font-size: 11px;\n  white-space: nowrap;\n}\n\n\/* ===== SCROLLABLE TIMELINE ===== *\/\n\n#tb-eng-planning .tep-scroll {\n  width: 100%;\n  overflow-x: auto;\n  scrollbar-width: thin;\n  scrollbar-color: #74757d var(--tep-panel);\n}\n\n#tb-eng-planning .tep-timeline {\n  min-width: 950px;\n  width: 100%;\n}\n\n#tb-eng-planning .tep-grid-head,\n#tb-eng-planning .tep-row {\n  display: grid;\n  grid-template-columns: 265px minmax(0,1fr);\n}\n\n\/* ===== WEEK HEADERS ===== *\/\n\n#tb-eng-planning .tep-grid-head {\n  border-bottom: 1px solid var(--tep-line);\n}\n\n#tb-eng-planning .tep-task-head {\n  padding: 21px 23px;\n  border-left: 1px solid var(--tep-line);\n  color: #b8b9bf;\n  font-size: 12px;\n  font-weight: 700;\n}\n\n#tb-eng-planning .tep-weeks {\n  display: grid;\n  grid-template-columns: repeat(5,minmax(0,1fr));\n}\n\n#tb-eng-planning .tep-week {\n  padding: 21px 6px;\n  text-align: center;\n  color: #bec0c5;\n  font-size: 12px;\n  border-left: 1px solid #3e3f45;\n}\n\n#tb-eng-planning .tep-week:last-child {\n  border-left: 0;\n}\n\n\/* ===== TASK ROWS ===== *\/\n\n#tb-eng-planning .tep-row {\n  min-height: 100px;\n  border-bottom: 1px solid var(--tep-line);\n}\n\n#tb-eng-planning .tep-row:last-child {\n  border-bottom: 0;\n}\n\n#tb-eng-planning .tep-row-label {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  padding: 18px 22px;\n  border-left: 1px solid var(--tep-line);\n}\n\n#tb-eng-planning .tep-row-no {\n  flex: 0 0 25px;\n  color: #ff91aa;\n  font-size: 12px;\n  font-weight: 800;\n}\n\n#tb-eng-planning .tep-task-name {\n  color: #fff;\n  font-size: 14px;\n  font-weight: 800;\n  line-height: 1.65;\n}\n\n#tb-eng-planning .tep-task-owner {\n  margin-top: 5px;\n  color: #a6a8af;\n  font-size: 11px;\n  line-height: 1.7;\n}\n\n\/* ===== BAR AREA ===== *\/\n\n#tb-eng-planning .tep-track {\n  position: relative;\n  background-image:\n    linear-gradient(to left, #424349 1px, transparent 1px);\n  background-size: 20% 100%;\n  background-position: right top;\n}\n\n#tb-eng-planning .tep-bar {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  height: 41px;\n  padding: 0 13px;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  border-radius: 7px;\n  color: #fff;\n  font-size: 12px;\n  font-weight: 800;\n  white-space: nowrap;\n  overflow: hidden;\n  background: var(--tep-red);\n}\n\n\/*\n  Timeline runs right to left.\n  Every 20% is one week.\n  These intervals are illustrative.\n*\/\n\n#tb-eng-planning .tep-bar-1 {\n  right: 2%;\n  width: 17%;\n  background: #cf1033;\n}\n\n#tb-eng-planning .tep-bar-2 {\n  right: 21%;\n  width: 32%;\n  background: #bd1031;\n}\n\n#tb-eng-planning .tep-bar-3 {\n  right: 40%;\n  width: 38%;\n  background: #a80f30;\n}\n\n#tb-eng-planning .tep-bar-4 {\n  right: 62%;\n  width: 20%;\n  background: #881b33;\n}\n\n#tb-eng-planning .tep-bar-5 {\n  right: 82%;\n  width: 16%;\n  background: #711e34;\n}\n\n\/* ===== BOARD FOOTER ===== *\/\n\n#tb-eng-planning .tep-board-bottom {\n  padding: 20px 29px;\n  background: #25262a;\n  border-top: 1px solid var(--tep-line);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 22px;\n}\n\n#tb-eng-planning .tep-board-bottom p {\n  margin: 0;\n  color: #b0b1b7;\n  font-size: 12px;\n  line-height: 1.9;\n}\n\n#tb-eng-planning .tep-board-bottom strong {\n  font-size: 12px;\n  color: #fff;\n  white-space: nowrap;\n}\n\n\/* ===== THREE BENEFITS ===== *\/\n\n#tb-eng-planning .tep-benefits {\n  display: grid;\n  grid-template-columns: repeat(3,minmax(0,1fr));\n  margin-top: 72px;\n  border-top: 1px solid var(--tep-line);\n  border-bottom: 1px solid var(--tep-line);\n}\n\n#tb-eng-planning .tep-benefit {\n  position: relative;\n  padding: 34px 28px;\n  border-left: 1px solid var(--tep-line);\n}\n\n#tb-eng-planning .tep-benefit:last-child {\n  border-left: 0;\n}\n\n#tb-eng-planning .tep-benefit::before {\n  content: \"\";\n  position: absolute;\n  right: 28px;\n  top: -2px;\n  width: 37px;\n  height: 3px;\n  background: var(--tep-red);\n}\n\n#tb-eng-planning .tep-benefit-number {\n  color: #ff91aa;\n  font-size: 13px;\n  font-weight: 800;\n  margin-bottom: 14px;\n}\n\n#tb-eng-planning .tep-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.55;\n}\n\n#tb-eng-planning .tep-benefit p {\n  margin: 0;\n  color: var(--tep-muted);\n  font-size: 14px;\n  line-height: 2.05;\n}\n\n\/* ===== CLOSING ===== *\/\n\n#tb-eng-planning .tep-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-eng-planning .tep-closing h3 {\n  margin: 0 0 11px;\n  font-size: 22px;\n  font-weight: 800;\n  color: #fff;\n}\n\n#tb-eng-planning .tep-closing p {\n  max-width: 890px;\n  margin: 0;\n  color: var(--tep-muted);\n  font-size: 15px;\n  line-height: 2.05;\n}\n\n#tb-eng-planning .tep-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 #72737a;\n  border-radius: 9px;\n  background: transparent;\n  color: #fff !important;\n  text-decoration: none !important;\n  white-space: nowrap;\n  font-size: 14px;\n  font-weight: 800;\n  transition: background .2s ease;\n}\n\n#tb-eng-planning .tep-link:hover {\n  background: #36373c;\n}\n\n#tb-eng-planning .tep-link:focus-visible,\n#tb-eng-planning .tep-scroll:focus-visible {\n  outline: 3px solid #ff91aa;\n  outline-offset: 3px;\n}\n\n\/* ===== RESPONSIVE ===== *\/\n\n@media (max-width: 1100px) {\n  #tb-eng-planning {\n    padding: 85px 22px;\n  }\n\n  #tb-eng-planning .tep-intro {\n    grid-template-columns: 1fr;\n    gap: 28px;\n    margin-bottom: 54px;\n  }\n\n  #tb-eng-planning h2.tep-title {\n    max-width: 850px;\n    font-size: clamp(40px,5vw,60px);\n  }\n}\n\n@media (max-width: 760px) {\n  #tb-eng-planning {\n    padding: 65px 18px;\n  }\n\n  #tb-eng-planning h2.tep-title {\n    font-size: clamp(35px,8vw,48px);\n  }\n\n  #tb-eng-planning .tep-description p {\n    font-size: 17px;\n  }\n\n  #tb-eng-planning .tep-board {\n    border-radius: 18px;\n  }\n\n  #tb-eng-planning .tep-board-top {\n    flex-wrap: wrap;\n    padding: 21px 18px;\n  }\n\n  #tb-eng-planning .tep-board-bottom {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 10px;\n    padding: 19px;\n  }\n\n  #tb-eng-planning .tep-benefits {\n    grid-template-columns: 1fr;\n    margin-top: 55px;\n  }\n\n  #tb-eng-planning .tep-benefit {\n    border-left: 0;\n    border-bottom: 1px solid var(--tep-line);\n    padding: 29px 19px;\n  }\n\n  #tb-eng-planning .tep-benefit:last-child {\n    border-bottom: 0;\n  }\n\n  #tb-eng-planning .tep-benefit::before {\n    right: 19px;\n  }\n\n  #tb-eng-planning .tep-closing {\n    grid-template-columns: 1fr;\n    gap: 25px;\n  }\n\n  #tb-eng-planning .tep-link {\n    width: fit-content;\n    white-space: normal;\n  }\n}\n\n@media (max-width: 420px) {\n  #tb-eng-planning h2.tep-title {\n    font-size: 33px;\n  }\n\n  #tb-eng-planning .tep-board-name {\n    font-size: 15px;\n  }\n\n  #tb-eng-planning .tep-closing h3 {\n    font-size: 20px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #tb-eng-planning .tep-link {\n    transition: none;\n  }\n}\n<\/style>\n\n<section\n  id=\"tb-eng-planning\"\n  lang=\"ar\"\n  dir=\"rtl\"\n  aria-labelledby=\"tb-eng-planning-title\">\n\n  <div class=\"tep-container\">\n\n    <!-- SECTION HEADING -->\n    <div class=\"tep-intro\">\n\n      <div>\n\n        <div class=\"tep-eyebrow\">\n          \u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629\n        <\/div>\n\n        <h2\n          class=\"tep-title\"\n          id=\"tb-eng-planning-title\">\n\n          \u062e\u0637\u0651\u0637 \u0644\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0647\u0646\u062f\u0633\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=\"tep-description\">\n\n        <p>\n          \u0641\u064a \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629\u060c \u0644\u0627 \u062a\u0639\u0645\u0644\n          \u0627\u0644\u0641\u0631\u0642 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 \u0628\u0645\u0639\u0632\u0644 \u0639\u0646 \u0628\u0639\u0636\u0647\u0627.\n          \u0641\u0642\u062f \u064a\u0639\u062a\u0645\u062f \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0645\u062e\u0637\u0637\u0627\u062a \u0627\u0644\u062a\u0641\u0635\u064a\u0644\u064a\u0629\n          \u0639\u0644\u0649 \u0627\u0639\u062a\u0645\u0627\u062f \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0623\u0648\u0644\u064a\u060c\n          \u0648\u0642\u062f \u062a\u0624\u062b\u0631 \u062a\u0623\u062e\u064a\u0631\u0627\u062a \u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0629\n          \u0641\u064a \u0645\u0648\u0639\u062f \u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\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\u0647\u0646\u062f\u0633\u064a\u0629<\/strong>\n          \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0642\u0633\u064a\u0645 \u0627\u0644\u0639\u0645\u0644 \u0625\u0644\u0649 \u0645\u0647\u0627\u0645\u060c\n          \u0648\u062a\u062d\u062f\u064a\u062f \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\u0639\u0644\u0627\u0642\u0627\u062a \u0628\u064a\u0646 \u0627\u0644\u0645\u0647\u0627\u0645\u060c\n          \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a\n          \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u062e\u0637\u0637 \u062c\u0627\u0646\u062a.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- GANTT DASHBOARD -->\n    <div class=\"tep-board\">\n\n      <!-- BOARD HEADING -->\n      <div class=\"tep-board-top\">\n\n        <div class=\"tep-board-project\">\n\n          <span\n            class=\"tep-project-dot\"\n            aria-hidden=\"true\"><\/span>\n\n          <div>\n\n            <div class=\"tep-board-name\">\n              \u0645\u0634\u0631\u0648\u0639 \u062a\u0635\u0645\u064a\u0645 \u0645\u0628\u0646\u0649 \u0625\u062f\u0627\u0631\u064a\n            <\/div>\n\n            <div class=\"tep-board-subtitle\">\n              \u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a \u0644\u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n        <div class=\"tep-example\">\n          \u0645\u062b\u0627\u0644 \u062a\u0648\u0636\u064a\u062d\u064a\n        <\/div>\n\n      <\/div>\n\n      <!-- TIMELINE -->\n      <div\n        class=\"tep-scroll\"\n        role=\"region\"\n        tabindex=\"0\"\n        aria-label=\"\u062c\u062f\u0648\u0644 \u0632\u0645\u0646\u064a \u062a\u0648\u0636\u064a\u062d\u064a \u0644\u0645\u0631\u0627\u062d\u0644 \u0645\u0634\u0631\u0648\u0639 \u0647\u0646\u062f\u0633\u064a\">\n\n        <div class=\"tep-timeline\">\n\n          <!-- HEADER -->\n          <div class=\"tep-grid-head\">\n\n            <div class=\"tep-task-head\">\n              \u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n            <\/div>\n\n            <div class=\"tep-weeks\">\n\n              <div class=\"tep-week\">\n                \u0627\u0644\u0623\u0633\u0628\u0648\u0639 1\n              <\/div>\n\n              <div class=\"tep-week\">\n                \u0627\u0644\u0623\u0633\u0628\u0648\u0639 2\n              <\/div>\n\n              <div class=\"tep-week\">\n                \u0627\u0644\u0623\u0633\u0628\u0648\u0639 3\n              <\/div>\n\n              <div class=\"tep-week\">\n                \u0627\u0644\u0623\u0633\u0628\u0648\u0639 4\n              <\/div>\n\n              <div class=\"tep-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=\"tep-row\">\n\n            <div class=\"tep-row-label\">\n\n              <span class=\"tep-row-no\">01<\/span>\n\n              <div>\n                <div class=\"tep-task-name\">\n                  \u062c\u0645\u0639 \u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a\n                <\/div>\n\n                <div class=\"tep-task-owner\">\n                  \u0645\u062f\u064a\u0631 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n                <\/div>\n              <\/div>\n\n            <\/div>\n\n            <div class=\"tep-track\">\n\n              <div class=\"tep-bar tep-bar-1\">\n                \u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n          <!-- TASK 02 -->\n          <div class=\"tep-row\">\n\n            <div class=\"tep-row-label\">\n\n              <span class=\"tep-row-no\">02<\/span>\n\n              <div>\n                <div class=\"tep-task-name\">\n                  \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0623\u0648\u0644\u064a\n                <\/div>\n\n                <div class=\"tep-task-owner\">\n                  \u0627\u0644\u0641\u0631\u064a\u0642 \u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a\n                <\/div>\n              <\/div>\n\n            <\/div>\n\n            <div class=\"tep-track\">\n\n              <div class=\"tep-bar tep-bar-2\">\n                \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0623\u0648\u0644\u064a\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n          <!-- TASK 03 -->\n          <div class=\"tep-row\">\n\n            <div class=\"tep-row-label\">\n\n              <span class=\"tep-row-no\">03<\/span>\n\n              <div>\n                <div class=\"tep-task-name\">\n                  \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0645\u062e\u0637\u0637\u0627\u062a \u0627\u0644\u062a\u0641\u0635\u064a\u0644\u064a\u0629\n                <\/div>\n\n                <div class=\"tep-task-owner\">\n                  \u0641\u0631\u064a\u0642 \u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0625\u0646\u0634\u0627\u0626\u064a\u0629\n                <\/div>\n              <\/div>\n\n            <\/div>\n\n            <div class=\"tep-track\">\n\n              <div class=\"tep-bar tep-bar-3\">\n                \u0627\u0644\u0645\u062e\u0637\u0637\u0627\u062a \u0627\u0644\u062a\u0641\u0635\u064a\u0644\u064a\u0629\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n          <!-- TASK 04 -->\n          <div class=\"tep-row\">\n\n            <div class=\"tep-row-label\">\n\n              <span class=\"tep-row-no\">04<\/span>\n\n              <div>\n                <div class=\"tep-task-name\">\n                  \u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0641\u0646\u064a\u0629\n                <\/div>\n\n                <div class=\"tep-task-owner\">\n                  \u0641\u0631\u064a\u0642 \u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0648\u0627\u0644\u062c\u0648\u062f\u0629\n                <\/div>\n              <\/div>\n\n            <\/div>\n\n            <div class=\"tep-track\">\n\n              <div class=\"tep-bar tep-bar-4\">\n                \u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0629\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n          <!-- TASK 05 -->\n          <div class=\"tep-row\">\n\n            <div class=\"tep-row-label\">\n\n              <span class=\"tep-row-no\">05<\/span>\n\n              <div>\n                <div class=\"tep-task-name\">\n                  \u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0648\u062b\u0627\u0626\u0642 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629\n                <\/div>\n\n                <div class=\"tep-task-owner\">\n                  \u0645\u062f\u064a\u0631 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n                <\/div>\n              <\/div>\n\n            <\/div>\n\n            <div class=\"tep-track\">\n\n              <div class=\"tep-bar tep-bar-5\">\n                \u0627\u0644\u062a\u0633\u0644\u064a\u0645\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- FOOTER -->\n      <div class=\"tep-board-bottom\">\n\n        <p>\n          \u0645\u062e\u0637\u0637 \u062a\u0648\u0636\u064a\u062d\u064a \u064a\u0628\u064a\u0651\u0646 \u0627\u0644\u0645\u0631\u0627\u062d\u0644\n          \u0627\u0644\u0645\u062a\u062f\u0627\u062e\u0644\u0629 \u0644\u0644\u0645\u0634\u0631\u0648\u0639.\n          \u0627\u0644\u0639\u0644\u0627\u0642\u0627\u062a \u0627\u0644\u0641\u0639\u0644\u064a\u0629 \u0628\u064a\u0646 \u0627\u0644\u0645\u0647\u0627\u0645\n          \u062a\u064f\u062d\u062f\u0651\u064e\u062f \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=\"tep-benefits\">\n\n      <!-- BENEFIT 01 -->\n      <article class=\"tep-benefit\">\n\n        <div class=\"tep-benefit-number\">\n          01\n        <\/div>\n\n        <h3>\n          \u0642\u0633\u0651\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0625\u0644\u0649 \u0645\u0631\u0627\u062d\u0644 \u0648\u0627\u0636\u062d\u0629\n        <\/h3>\n\n        <p>\n          \u0646\u0638\u0651\u0645 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062f\u0631\u0627\u0633\u0627\u062a \u0648\u0627\u0644\u062a\u0635\u0645\u064a\u0645\n          \u0648\u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0648\u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0636\u0645\u0646 \u0645\u0647\u0627\u0645\n          \u0645\u062d\u062f\u062f\u0629\u060c \u0645\u0639 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a\n          \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0627\u0644\u0644\u0627\u0632\u0645\u0629 \u0644\u0643\u0644 \u0645\u0631\u062d\u0644\u0629.\n        <\/p>\n\n      <\/article>\n\n      <!-- BENEFIT 02 -->\n      <article class=\"tep-benefit\">\n\n        <div class=\"tep-benefit-number\">\n          02\n        <\/div>\n\n        <h3>\n          \u062d\u062f\u0651\u062f \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u064a\u0627\u062a \u0628\u064a\u0646 \u0627\u0644\u0645\u0647\u0627\u0645\n        <\/h3>\n\n        <p>\n          \u0627\u0631\u0628\u0637 \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u062a\u064a \u064a\u0639\u062a\u0645\u062f\n          \u062a\u0646\u0641\u064a\u0630 \u0628\u0639\u0636\u0647\u0627 \u0639\u0644\u0649 \u0625\u0646\u062c\u0627\u0632 \u0627\u0644\u0623\u062e\u0631\u0649\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\u0639\u0645\u0644 \u0648\u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a.\n        <\/p>\n\n      <\/article>\n\n      <!-- BENEFIT 03 -->\n      <article class=\"tep-benefit\">\n\n        <div class=\"tep-benefit-number\">\n          03\n        <\/div>\n\n        <h3>\n          \u062a\u0627\u0628\u0639 \u0627\u0644\u062a\u0642\u062f\u0645 \u0648\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u062a\u0623\u062e\u064a\u0631\u0627\u062a\n        <\/h3>\n\n        <p>\n          \u0642\u0627\u0631\u0646 \u0627\u0644\u062e\u0637\u0629 \u0628\u0645\u0627 \u062a\u062d\u0642\u0642 \u0641\u0639\u0644\u064a\u064b\u0627\u060c\n          \u0648\u0631\u0627\u062c\u0639 \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u062a\u0623\u062e\u0631\u0629\n          \u0648\u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a \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\u0646\u0638\u064a\u0645.\n        <\/p>\n\n      <\/article>\n\n    <\/div>\n\n    <!-- CLOSING -->\n    <div class=\"tep-closing\">\n\n      <div>\n\n        <h3>\n          \u062e\u0637\u0629 \u0647\u0646\u062f\u0633\u064a\u0629 \u0645\u062a\u0631\u0627\u0628\u0637\u0629 \u0628\u062f\u0644 \u062c\u062f\u0627\u0648\u0644 \u0645\u062a\u0641\u0631\u0642\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 \u0644\u0644\u0634\u0631\u0643\u0627\u062a\n          \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u0645\u0646 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0628\u064a\u0646 \u062a\u062e\u0637\u064a\u0637\n          \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0639\u0644\u0627\u0642\u0627\u062a \u0628\u064a\u0646\u0647\u0627\n          \u0648\u0627\u0644\u062c\u062f\u0627\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a\u0629 \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u060c\n          \u0644\u064a\u0633\u0627\u0639\u062f \u0627\u0644\u0641\u0631\u0642 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u0639\u0644\u0649\n          \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631\u0627\u062a\n          \u0623\u062f\u0642 \u0639\u0646\u062f\u0645\u0627 \u062a\u062a\u063a\u064a\u0631 \u0638\u0631\u0648\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\n        <\/p>\n\n      <\/div>\n\n      <a\n        class=\"tep-link\"\n        href=\"https:\/\/taskbrowse.com\/ar\/takhtit-faal\/\">\n\n        \u0627\u0643\u062a\u0634\u0641 \u0623\u062f\u0648\u0627\u062a \u062c\u062f\u0648\u0644\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 Engineering \u2014 Section 03\n   Engineering Teams, Tasks & Documents\n   ================================================== *\/\n\n#tb-eng-team {\n  --tet-red: #c8102e;\n  --tet-ink: #17191d;\n  --tet-muted: #686a72;\n  --tet-line: #e4e5e8;\n  --tet-soft: #f8f8f9;\n\n  direction: rtl;\n  text-align: right;\n  width: 100%;\n  padding: 110px 24px 100px;\n  margin: 0;\n  background: #fff;\n  color: var(--tet-ink);\n  font-family: \"IBM Plex Sans Arabic\", Tahoma, sans-serif;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n\n#tb-eng-team *,\n#tb-eng-team *::before,\n#tb-eng-team *::after {\n  box-sizing: border-box;\n}\n\n#tb-eng-team .tet-container {\n  width: 100%;\n  max-width: 1380px;\n  margin: 0 auto;\n}\n\n\/* ===== Introduction ===== *\/\n\n#tb-eng-team .tet-intro {\n  display: grid;\n  grid-template-columns: minmax(0, 1.06fr) minmax(0, .94fr);\n  gap: clamp(40px, 6vw, 95px);\n  align-items: center;\n  margin-bottom: 70px;\n}\n\n#tb-eng-team .tet-intro > * {\n  min-width: 0;\n}\n\n#tb-eng-team .tet-eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n  margin-bottom: 25px;\n  color: var(--tet-red);\n  font-size: 14px;\n  font-weight: 700;\n}\n\n#tb-eng-team .tet-eyebrow::before {\n  content: \"\";\n  flex: 0 0 32px;\n  width: 32px;\n  height: 2px;\n  background: var(--tet-red);\n}\n\n#tb-eng-team h2.tet-title {\n  margin: 0;\n  max-width: 760px;\n  font-family: inherit;\n  color: var(--tet-ink);\n  font-size: clamp(39px, 4.25vw, 65px);\n  font-weight: 800;\n  line-height: 1.38;\n  letter-spacing: -.5px;\n}\n\n#tb-eng-team .tet-title span {\n  color: var(--tet-red);\n}\n\n#tb-eng-team .tet-description {\n  margin: 0;\n  color: #585a61;\n  font-size: clamp(17px, 1.4vw, 20px);\n  line-height: 2.15;\n}\n\n\/* ===== Main composition ===== *\/\n\n#tb-eng-team .tet-main {\n  display: grid;\n  grid-template-columns: minmax(0, 1.13fr) minmax(0, .87fr);\n  gap: 62px;\n  align-items: center;\n}\n\n#tb-eng-team .tet-main > * {\n  min-width: 0;\n}\n\n\/* ===== Project dashboard ===== *\/\n\n#tb-eng-team .tet-visual {\n  margin: 0;\n  min-width: 0;\n}\n\n#tb-eng-team .tet-dashboard {\n  overflow: hidden;\n  border: 1px solid #dddee2;\n  border-radius: 21px;\n  background: #fff;\n  box-shadow: 0 24px 65px rgba(0, 0, 0, .075);\n}\n\n#tb-eng-team .tet-board-head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  padding: 24px 25px;\n  border-bottom: 1px solid var(--tet-line);\n}\n\n#tb-eng-team .tet-board-head h3 {\n  margin: 0 0 6px;\n  color: #23252b;\n  font-family: inherit;\n  font-size: 18px;\n  font-weight: 800;\n}\n\n#tb-eng-team .tet-board-head p {\n  margin: 0;\n  color: #91939a;\n  font-size: 11px;\n}\n\n#tb-eng-team .tet-demo {\n  padding: 8px 11px;\n  color: #888a91;\n  border: 1px solid #e2e3e6;\n  border-radius: 8px;\n  white-space: nowrap;\n  font-size: 11px;\n}\n\n\/* ===== Discipline summary ===== *\/\n\n#tb-eng-team .tet-teams {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 10px;\n  padding: 20px 23px;\n  background: #fafafb;\n  border-bottom: 1px solid var(--tet-line);\n}\n\n#tb-eng-team .tet-team {\n  padding: 15px 13px;\n  border: 1px solid #e9eaed;\n  background: #fff;\n  border-radius: 11px;\n}\n\n#tb-eng-team .tet-team strong {\n  display: block;\n  color: #272930;\n  font-size: 14px;\n  font-weight: 800;\n}\n\n#tb-eng-team .tet-team span {\n  display: block;\n  margin-top: 6px;\n  color: #86888e;\n  font-size: 11px;\n  line-height: 1.6;\n}\n\n\/* ===== Task table ===== *\/\n\n#tb-eng-team .tet-tasks {\n  padding: 8px 23px 20px;\n}\n\n#tb-eng-team .tet-tasks-heading {\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  padding: 16px 0;\n  border-bottom: 1px solid #e9eaed;\n}\n\n#tb-eng-team .tet-tasks-heading strong {\n  color: #373940;\n  font-size: 13px;\n}\n\n#tb-eng-team .tet-tasks-heading span {\n  color: #96989e;\n  font-size: 11px;\n}\n\n#tb-eng-team .tet-task {\n  display: grid;\n  grid-template-columns: 39px minmax(0, 1fr) 98px;\n  gap: 13px;\n  align-items: center;\n  padding: 21px 0;\n  border-bottom: 1px solid #ececef;\n}\n\n#tb-eng-team .tet-task:last-child {\n  border-bottom: 0;\n}\n\n#tb-eng-team .tet-task-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 39px;\n  height: 39px;\n  border-radius: 10px;\n  background: #fff0f3;\n  color: var(--tet-red);\n}\n\n#tb-eng-team .tet-task-icon.blue {\n  background: #eaf2fa;\n  color: #417ba8;\n}\n\n#tb-eng-team .tet-task-icon.green {\n  background: #e9f5ef;\n  color: #338359;\n}\n\n#tb-eng-team .tet-task-icon svg {\n  width: 22px;\n  height: 22px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.7;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n#tb-eng-team .tet-task-name {\n  color: #2e3037;\n  font-size: 13px;\n  font-weight: 800;\n  line-height: 1.65;\n}\n\n#tb-eng-team .tet-task-owner {\n  margin-top: 4px;\n  color: #93959b;\n  font-size: 11px;\n  line-height: 1.6;\n}\n\n#tb-eng-team .tet-task-foot {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n  margin-top: 9px;\n  color: #7d7f86;\n  font-size: 10px;\n}\n\n#tb-eng-team .tet-task-foot span {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n}\n\n#tb-eng-team .tet-task-status {\n  display: block;\n  text-align: center;\n  padding: 8px 5px;\n  border-radius: 7px;\n  background: #fff0f3;\n  color: #aa0d2b;\n  font-size: 10px;\n  line-height: 1.5;\n  font-weight: 800;\n}\n\n#tb-eng-team .tet-task-status.review {\n  color: #926d18;\n  background: #fff5df;\n}\n\n#tb-eng-team .tet-task-status.done {\n  color: #277a50;\n  background: #eaf7ef;\n}\n\n\/* ===== Dashboard closing ===== *\/\n\n#tb-eng-team .tet-board-foot {\n  padding: 20px 24px;\n  display: flex;\n  justify-content: space-between;\n  gap: 17px;\n  align-items: center;\n  background: #202124;\n}\n\n#tb-eng-team .tet-board-foot span {\n  color: #c6c7cb;\n  font-size: 12px;\n  line-height: 1.8;\n}\n\n#tb-eng-team .tet-board-foot strong {\n  color: #fff;\n  font-size: 12px;\n  white-space: nowrap;\n}\n\n#tb-eng-team .tet-visual figcaption {\n  margin-top: 13px;\n  color: #91939a;\n  font-size: 11px;\n  text-align: center;\n  line-height: 1.8;\n}\n\n\/* ===== Right-side copy ===== *\/\n\n#tb-eng-team .tet-copy-label {\n  display: flex;\n  align-items: center;\n  gap: 11px;\n  margin-bottom: 20px;\n  color: var(--tet-red);\n  font-size: 13px;\n  font-weight: 800;\n}\n\n#tb-eng-team .tet-copy-label::before {\n  content: \"\";\n  width: 24px;\n  height: 2px;\n  background: var(--tet-red);\n}\n\n#tb-eng-team h3.tet-copy-title {\n  margin: 0 0 24px;\n  color: var(--tet-ink);\n  font-family: inherit;\n  font-size: clamp(27px, 2.7vw, 39px);\n  font-weight: 800;\n  line-height: 1.5;\n}\n\n#tb-eng-team .tet-copy-lead {\n  margin: 0 0 28px;\n  color: var(--tet-muted);\n  font-size: 16px;\n  line-height: 2.08;\n}\n\n\/* ===== Mini workflow ===== *\/\n\n#tb-eng-team .tet-workflow {\n  border-top: 1px solid var(--tet-line);\n}\n\n#tb-eng-team .tet-workflow-step {\n  display: grid;\n  grid-template-columns: 32px minmax(0, 1fr);\n  gap: 13px;\n  padding: 19px 0;\n  border-bottom: 1px solid var(--tet-line);\n}\n\n#tb-eng-team .tet-step-no {\n  padding-top: 3px;\n  color: var(--tet-red);\n  font-size: 13px;\n  font-weight: 800;\n}\n\n#tb-eng-team .tet-workflow-step h4 {\n  margin: 0 0 6px;\n  font-family: inherit;\n  color: #2a2c32;\n  font-size: 17px;\n  font-weight: 800;\n  line-height: 1.6;\n}\n\n#tb-eng-team .tet-workflow-step p {\n  margin: 0;\n  color: #797b82;\n  font-size: 13px;\n  line-height: 1.9;\n}\n\n\/* ===== Four benefits ===== *\/\n\n#tb-eng-team .tet-benefits {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 15px;\n  margin-top: 75px;\n}\n\n#tb-eng-team .tet-benefit {\n  padding: 26px 22px;\n  border: 1px solid var(--tet-line);\n  border-radius: 15px;\n  background: #fff;\n}\n\n#tb-eng-team .tet-benefit-icon {\n  width: 45px;\n  height: 45px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 19px;\n  border: 1px solid #f0cbd5;\n  border-radius: 11px;\n  background: #fff5f7;\n  color: var(--tet-red);\n}\n\n#tb-eng-team .tet-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-eng-team .tet-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-eng-team .tet-benefit p {\n  margin: 0;\n  color: #767880;\n  font-size: 13px;\n  line-height: 2;\n}\n\n\/* ===== Closing strip ===== *\/\n\n#tb-eng-team .tet-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 35px;\n  border: 1px solid var(--tet-line);\n  border-radius: 17px;\n  background: var(--tet-soft);\n}\n\n#tb-eng-team .tet-bottom h3 {\n  margin: 0 0 10px;\n  font-family: inherit;\n  color: var(--tet-ink);\n  font-size: 21px;\n  font-weight: 800;\n  line-height: 1.6;\n}\n\n#tb-eng-team .tet-bottom p {\n  margin: 0;\n  color: var(--tet-muted);\n  font-size: 14px;\n  line-height: 2.05;\n}\n\n#tb-eng-team .tet-link {\n  min-height: 52px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 11px;\n  padding: 12px 19px;\n  border: 1px solid #deb6c1;\n  border-radius: 9px;\n  background: #fff;\n  color: #af0e2c !important;\n  font-size: 13px;\n  font-weight: 800;\n  text-decoration: none !important;\n  white-space: nowrap;\n}\n\n#tb-eng-team .tet-link:hover {\n  background: #fff4f7;\n}\n\n#tb-eng-team .tet-link:focus-visible {\n  outline: 3px solid var(--tet-red);\n  outline-offset: 4px;\n}\n\n\/* ===== Responsive ===== *\/\n\n@media (max-width: 1100px) {\n  #tb-eng-team {\n    padding: 85px 22px;\n  }\n\n  #tb-eng-team .tet-intro {\n    grid-template-columns: 1fr;\n    gap: 27px;\n    margin-bottom: 55px;\n  }\n\n  #tb-eng-team .tet-main {\n    grid-template-columns: 1fr;\n    gap: 52px;\n  }\n\n  #tb-eng-team .tet-visual,\n  #tb-eng-team .tet-copy {\n    max-width: 850px;\n    width: 100%;\n    margin-inline: auto;\n  }\n\n  #tb-eng-team .tet-benefits {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 760px) {\n  #tb-eng-team {\n    padding: 65px 18px;\n  }\n\n  #tb-eng-team h2.tet-title {\n    font-size: clamp(35px, 8vw, 47px);\n  }\n\n  #tb-eng-team .tet-description {\n    font-size: 17px;\n  }\n\n  #tb-eng-team .tet-benefits {\n    margin-top: 55px;\n  }\n\n  #tb-eng-team .tet-bottom {\n    grid-template-columns: 1fr;\n    gap: 23px;\n    margin-top: 45px;\n    padding: 27px 23px;\n  }\n\n  #tb-eng-team .tet-link {\n    width: fit-content;\n    white-space: normal;\n  }\n}\n\n@media (max-width: 520px) {\n  #tb-eng-team h2.tet-title {\n    font-size: 33px;\n  }\n\n  #tb-eng-team .tet-dashboard {\n    border-radius: 16px;\n  }\n\n  #tb-eng-team .tet-board-head {\n    flex-wrap: wrap;\n    padding: 19px 16px;\n  }\n\n  #tb-eng-team .tet-teams {\n    gap: 6px;\n    padding: 13px;\n  }\n\n  #tb-eng-team .tet-team {\n    padding: 12px 7px;\n  }\n\n  #tb-eng-team .tet-team strong {\n    font-size: 11px;\n  }\n\n  #tb-eng-team .tet-team span {\n    font-size: 9px;\n  }\n\n  #tb-eng-team .tet-tasks {\n    padding: 7px 15px 16px;\n  }\n\n  #tb-eng-team .tet-task {\n    grid-template-columns: 33px minmax(0, 1fr);\n    gap: 10px;\n  }\n\n  #tb-eng-team .tet-task-icon {\n    width: 33px;\n    height: 33px;\n  }\n\n  #tb-eng-team .tet-task-status {\n    grid-column: 2;\n    min-width: 94px;\n    width: fit-content;\n    padding-inline: 10px;\n  }\n\n  #tb-eng-team .tet-board-foot {\n    flex-direction: column;\n    align-items: flex-start;\n    padding: 18px 16px;\n  }\n\n  #tb-eng-team .tet-benefits {\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n\n  #tb-eng-team h3.tet-copy-title {\n    font-size: 28px;\n  }\n}\n<\/style>\n\n<section\n  id=\"tb-eng-team\"\n  dir=\"rtl\"\n  lang=\"ar\"\n  aria-labelledby=\"tb-eng-team-title\">\n\n  <div class=\"tet-container\">\n\n    <!-- SECTION INTRO -->\n    <div class=\"tet-intro\">\n\n      <div>\n        <div class=\"tet-eyebrow\">\n          \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0641\u0631\u0642 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629\n        <\/div>\n\n        <h2\n          class=\"tet-title\"\n          id=\"tb-eng-team-title\">\n          \u0646\u0633\u0651\u0642 \u0639\u0645\u0644 \u0627\u0644\u0641\u0631\u0642 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629\u060c\n          <span>\u0648\u0627\u062c\u0645\u0639 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0648\u062b\u0627\u0626\u0642 \u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f<\/span>\n        <\/h2>\n      <\/div>\n\n      <p class=\"tet-description\">\n        \u064a\u0634\u0627\u0631\u0643 \u0641\u064a \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u0647\u0646\u062f\u0633\u064a \u0623\u0643\u062b\u0631 \u0645\u0646\n        \u062a\u062e\u0635\u0635\u060c \u0648\u0642\u062f \u064a\u0639\u062a\u0645\u062f \u0639\u0645\u0644 \u0623\u062d\u062f \u0627\u0644\u0641\u0631\u0642\n        \u0639\u0644\u0649 \u0646\u062a\u0627\u0626\u062c \u0641\u0631\u064a\u0642 \u0622\u062e\u0631. \u0645\u0639 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\u060c\n        \u064a\u0645\u0643\u0646\u0643 \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a\n        \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0648\u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0647\u0627\u060c\n        \u0644\u064a\u0639\u0631\u0641 \u0643\u0644 \u0639\u0636\u0648 \u0645\u0627 \u0627\u0644\u0645\u0637\u0644\u0648\u0628 \u0645\u0646\u0647\u060c\n        \u0648\u064a\u062a\u0645\u0643\u0646 \u0645\u062f\u064a\u0631 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0645\u0646 \u0645\u062a\u0627\u0628\u0639\u0629\n        \u062a\u0642\u062f\u0645 \u0627\u0644\u0639\u0645\u0644 \u0628\u064a\u0646 \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629.\n      <\/p>\n\n    <\/div>\n\n    <!-- MAIN -->\n    <div class=\"tet-main\">\n\n      <!-- PRODUCT CONCEPT VISUAL -->\n      <figure class=\"tet-visual\">\n\n        <div class=\"tet-dashboard\">\n\n          <div class=\"tet-board-head\">\n            <div>\n              <h3>\u0645\u0647\u0627\u0645 \u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u0645\u0628\u0646\u0649 \u0627\u0644\u0625\u062f\u0627\u0631\u064a<\/h3>\n              <p>\u0645\u062a\u0627\u0628\u0639\u0629 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0641\u0631\u0642 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629<\/p>\n            <\/div>\n\n            <span class=\"tet-demo\">\n              \u0645\u062b\u0627\u0644 \u062a\u0648\u0636\u064a\u062d\u064a\n            <\/span>\n          <\/div>\n\n          <!-- Teams -->\n          <div class=\"tet-teams\">\n\n            <div class=\"tet-team\">\n              <strong>\u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a<\/strong>\n              <span>5 \u0645\u0647\u0627\u0645<\/span>\n            <\/div>\n\n            <div class=\"tet-team\">\n              <strong>\u0627\u0644\u0625\u0646\u0634\u0627\u0626\u064a<\/strong>\n              <span>4 \u0645\u0647\u0627\u0645<\/span>\n            <\/div>\n\n            <div class=\"tet-team\">\n              <strong>\u0627\u0644\u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0648\u0627\u0644\u0623\u0646\u0638\u0645\u0629<\/strong>\n              <span>3 \u0645\u0647\u0627\u0645<\/span>\n            <\/div>\n\n          <\/div>\n\n          <!-- Tasks -->\n          <div class=\"tet-tasks\">\n\n            <div class=\"tet-tasks-heading\">\n              <strong>\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/strong>\n              <span>\u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0648\u0627\u0644\u062d\u0627\u0644\u0629<\/span>\n            <\/div>\n\n            <!-- TASK 01 -->\n            <div class=\"tet-task\">\n\n              <span class=\"tet-task-icon\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M4 20V8l8-5 8 5v12\"\/>\n                  <path d=\"M4 20h16\"\/>\n                  <path d=\"M9 20v-7h6v7\"\/>\n                <\/svg>\n              <\/span>\n\n              <div>\n                <div class=\"tet-task-name\">\n                  \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0645\u062e\u0637\u0637 \u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a \u0627\u0644\u0623\u0648\u0644\u064a\n                <\/div>\n\n                <div class=\"tet-task-owner\">\n                  \u0641\u0631\u064a\u0642 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a\n                <\/div>\n\n                <div class=\"tet-task-foot\">\n                  <span>\ud83d\udcce \u0645\u0644\u0641\u0627\u0646<\/span>\n                  <span>\u25f7 12 \u064a\u0648\u0645\u064b\u0627<\/span>\n                <\/div>\n              <\/div>\n\n              <span class=\"tet-task-status done\">\n                \u0645\u0643\u062a\u0645\u0644\n              <\/span>\n\n            <\/div>\n\n            <!-- TASK 02 -->\n            <div class=\"tet-task\">\n\n              <span class=\"tet-task-icon blue\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M4 20h16\"\/>\n                  <path d=\"M6 20V7h12v13\"\/>\n                  <path d=\"M9 7V4h6v3\"\/>\n                  <path d=\"M9 11h2M14 11h1\"\/>\n                  <path d=\"M9 15h2M14 15h1\"\/>\n                <\/svg>\n              <\/span>\n\n              <div>\n                <div class=\"tet-task-name\">\n                  \u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0645\u062e\u0637\u0637\u0627\u062a \u0627\u0644\u0625\u0646\u0634\u0627\u0626\u064a\u0629\n                <\/div>\n\n                <div class=\"tet-task-owner\">\n                  \u0641\u0631\u064a\u0642 \u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0625\u0646\u0634\u0627\u0626\u064a\u0629\n                <\/div>\n\n                <div class=\"tet-task-foot\">\n                  <span>\ud83d\udcce 3 \u0645\u0644\u0641\u0627\u062a<\/span>\n                  <span>\u25f7 7 \u0623\u064a\u0627\u0645<\/span>\n                <\/div>\n              <\/div>\n\n              <span class=\"tet-task-status review\">\n                \u0642\u064a\u062f \u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0629\n              <\/span>\n\n            <\/div>\n\n            <!-- TASK 03 -->\n            <div class=\"tet-task\">\n\n              <span class=\"tet-task-icon green\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M4 5h16v14H4z\"\/>\n                  <path d=\"M8 5v14M16 5v14\"\/>\n                  <path d=\"M4 12h16\"\/>\n                <\/svg>\n              <\/span>\n\n              <div>\n                <div class=\"tet-task-name\">\n                  \u062a\u0646\u0633\u064a\u0642 \u0645\u062e\u0637\u0637\u0627\u062a \u0627\u0644\u062a\u0643\u064a\u064a\u0641 \u0648\u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621\n                <\/div>\n\n                <div class=\"tet-task-owner\">\n                  \u0641\u0631\u064a\u0642 \u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0643\u0647\u0631\u0648\u0645\u064a\u0643\u0627\u0646\u064a\u0643\u064a\u0629\n                <\/div>\n\n                <div class=\"tet-task-foot\">\n                  <span>\ud83d\udcce 4 \u0645\u0644\u0641\u0627\u062a<\/span>\n                  <span>\u25f7 9 \u0623\u064a\u0627\u0645<\/span>\n                <\/div>\n              <\/div>\n\n              <span class=\"tet-task-status\">\n                \u0642\u064a\u062f \u0627\u0644\u062a\u0646\u0641\u064a\u0630\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n          <div class=\"tet-board-foot\">\n            <span>\n              \u0645\u0647\u0627\u0645 \u0645\u062a\u0639\u062f\u062f\u0629\u060c \u0648\u062a\u062e\u0635\u0635\u0627\u062a \u0645\u062e\u062a\u0644\u0641\u0629\u060c\n              \u0648\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0643\u0644 \u0639\u0645\u0644.\n            <\/span>\n\n            <strong>\u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0648\u062d\u0651\u062f\u0629<\/strong>\n          <\/div>\n\n        <\/div>\n\n        <figcaption>\n          \u0646\u0645\u0648\u0630\u062c \u062a\u0648\u0636\u064a\u062d\u064a \u0644\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a\u060c\n          \u0648\u0644\u064a\u0633 \u0644\u0642\u0637\u0629 \u0641\u0639\u0644\u064a\u0629 \u0645\u0646 \u0648\u0627\u062c\u0647\u0629 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632.\n        <\/figcaption>\n\n      <\/figure>\n\n      <!-- CONTENT -->\n      <div class=\"tet-copy\">\n\n        <div class=\"tet-copy-label\">\n          \u0645\u0646 \u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0639\u0645\u0644 \u0625\u0644\u0649 \u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0646\u062a\u0627\u0626\u062c\n        <\/div>\n\n        <h3 class=\"tet-copy-title\">\n          \u0644\u0627 \u062a\u062f\u0639 \u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0628\u064a\u0646 \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a\n          \u064a\u062a\u062d\u0648\u0644 \u0625\u0644\u0649 \u0645\u0635\u062f\u0631 \u062a\u0623\u062e\u064a\u0631\n        <\/h3>\n\n        <p class=\"tet-copy-lead\">\n          \u0639\u0646\u062f\u0645\u0627 \u062a\u062a\u0648\u0632\u0639 \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n          \u0628\u064a\u0646 \u0631\u0633\u0627\u0626\u0644 \u0627\u0644\u0628\u0631\u064a\u062f \u0648\u0645\u0644\u0641\u0627\u062a \u0645\u062a\u0639\u062f\u062f\u0629\u060c\n          \u064a\u0635\u0628\u062d \u0645\u0646 \u0627\u0644\u0635\u0639\u0628 \u0645\u0639\u0631\u0641\u0629 \u0622\u062e\u0631 \u0648\u0636\u0639\n          \u0644\u0643\u0644 \u0645\u0647\u0645\u0629. \u064a\u0633\u0627\u0639\u062f\u0643 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\n          \u0639\u0644\u0649 \u062c\u0645\u0639 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0641\u0631\u064a\u0642 \u0636\u0645\u0646\n          \u0645\u0634\u0631\u0648\u0639 \u0645\u0646\u0638\u0651\u0645\u060c \u0645\u0639 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u0633\u0624\u0648\u0644\n          \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0648\u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629\n          \u0628\u0643\u0644 \u0645\u0647\u0645\u0629.\n        <\/p>\n\n        <div class=\"tet-workflow\">\n\n          <div class=\"tet-workflow-step\">\n            <span class=\"tet-step-no\">01<\/span>\n\n            <div>\n              <h4>\u062d\u062f\u0651\u062f \u0645\u0633\u0624\u0648\u0644\u064a\u0629 \u0643\u0644 \u062a\u062e\u0635\u0635<\/h4>\n              <p>\n                \u0648\u0632\u0651\u0639 \u0645\u0647\u0627\u0645 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u0644\u062f\u0631\u0627\u0633\u0627\u062a\n                \u0648\u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0639\u0644\u0649 \u0627\u0644\u0641\u0631\u0642 \u0648\u0627\u0644\u0623\u0634\u062e\u0627\u0635\n                \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0646 \u0639\u0646 \u062a\u0646\u0641\u064a\u0630\u0647\u0627.\n              <\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"tet-workflow-step\">\n            <span class=\"tet-step-no\">02<\/span>\n\n            <div>\n              <h4>\u0627\u0631\u0628\u0637 \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0628\u0627\u0644\u0645\u0647\u0627\u0645<\/h4>\n              <p>\n                \u0623\u0631\u0641\u0642 \u0627\u0644\u0645\u062e\u0637\u0637\u0627\u062a \u0648\u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a\n                \u0648\u0627\u0644\u062a\u0639\u0644\u064a\u0645\u0627\u062a \u0630\u0627\u062a \u0627\u0644\u0635\u0644\u0629\u060c\n                \u0628\u062f\u0644 \u0627\u0644\u0627\u062d\u062a\u0641\u0627\u0638 \u0628\u0647\u0627 \u0645\u0646\u0641\u0635\u0644\u0629\n                \u0639\u0646 \u0633\u064a\u0627\u0642 \u0627\u0644\u0639\u0645\u0644.\n              <\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"tet-workflow-step\">\n            <span class=\"tet-step-no\">03<\/span>\n\n            <div>\n              <h4>\u062a\u0627\u0628\u0639 \u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0627\u062a \u0648\u0627\u0644\u062a\u0642\u062f\u0645<\/h4>\n              <p>\n                \u0627\u0633\u062a\u062e\u062f\u0645 \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u062a\u0639\u0644\u064a\u0642\u0627\u062a\n                \u0644\u0645\u062a\u0627\u0628\u0639\u0629 \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 \u0623\u0648 \u0627\u0633\u062a\u0643\u0645\u0627\u0644\u060c\n                \u0648\u0645\u0639\u0631\u0641\u0629 \u0645\u0627 \u0623\u064f\u0646\u062c\u0632 \u0628\u0627\u0644\u0641\u0639\u0644.\n              <\/p>\n            <\/div>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- BENEFITS -->\n    <div class=\"tet-benefits\">\n\n      <!-- BENEFIT 01 -->\n      <article class=\"tet-benefit\">\n        <div class=\"tet-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>\u062a\u0646\u0633\u064a\u0642 \u0641\u0631\u0642 \u0627\u0644\u0639\u0645\u0644<\/h3>\n        <p>\n          \u0646\u0638\u0651\u0645 \u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a \u0627\u0644\u0641\u0631\u0642 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629\n          \u0648\u062a\u0627\u0628\u0639 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a\n          \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 \u0636\u0645\u0646 \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\n        <\/p>\n      <\/article>\n\n      <!-- BENEFIT 02 -->\n      <article class=\"tet-benefit\">\n        <div class=\"tet-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>\u0625\u0633\u0646\u0627\u062f \u0627\u0644\u0645\u0647\u0627\u0645<\/h3>\n        <p>\n          \u062d\u062f\u0651\u062f \u0627\u0644\u0645\u0633\u0624\u0648\u0644 \u0639\u0646 \u0643\u0644 \u0645\u0647\u0645\u0629\u060c\n          \u0648\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0627\u0633\u062a\u062d\u0642\u0627\u0642\u060c\n          \u0648\u0627\u0644\u062c\u0647\u062f \u0627\u0644\u0645\u062a\u0648\u0642\u0639 \u0644\u062a\u0646\u0641\u064a\u0630\u0647\u0627.\n        <\/p>\n      <\/article>\n\n      <!-- BENEFIT 03 -->\n      <article class=\"tet-benefit\">\n        <div class=\"tet-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>\u0627\u0644\u0648\u062b\u0627\u0626\u0642 \u0648\u0627\u0644\u0645\u0631\u0641\u0642\u0627\u062a<\/h3>\n        <p>\n          \u0627\u062d\u062a\u0641\u0638 \u0628\u0627\u0644\u0645\u062e\u0637\u0637\u0627\u062a \u0648\u0627\u0644\u0645\u0644\u0641\u0627\u062a\n          \u0648\u0627\u0644\u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0645\u0639 \u0627\u0644\u0645\u0647\u0627\u0645\n          \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0647\u0627.\n        <\/p>\n      <\/article>\n\n      <!-- BENEFIT 04 -->\n      <article class=\"tet-benefit\">\n        <div class=\"tet-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>\u0645\u062a\u0627\u0628\u0639\u0629 \u062a\u0642\u062f\u0645 \u0627\u0644\u062a\u0646\u0641\u064a\u0630<\/h3>\n        <p>\n          \u0631\u0627\u062c\u0639 \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0623\u0639\u0645\u0627\u0644\n          \u0627\u0644\u0645\u062a\u0623\u062e\u0631\u0629 \u0644\u062a\u062d\u062f\u064a\u062f \u0645\u0627 \u064a\u062d\u062a\u0627\u062c\n          \u0625\u0644\u0649 \u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0628\u0643\u0631\u0629.\n        <\/p>\n      <\/article>\n\n    <\/div>\n\n    <!-- CLOSING -->\n    <div class=\"tet-bottom\">\n\n      <div>\n        <h3>\n          \u062a\u0639\u0627\u0648\u0646 \u0623\u0648\u0636\u062d \u0628\u064a\u0646 \u062c\u0645\u064a\u0639 \u0641\u0631\u0642 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\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\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u0645\u0646 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\n          \u0639\u0644\u0649 \u062a\u0646\u0638\u064a\u0645 \u0645\u0647\u0627\u0645 \u0627\u0644\u0641\u0631\u0642 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629\u060c\n          \u0648\u0627\u0644\u0627\u062d\u062a\u0641\u0627\u0638 \u0628\u0627\u0644\u0648\u062b\u0627\u0626\u0642 \u0648\u0627\u0644\u062a\u0639\u0644\u064a\u0642\u0627\u062a\n          \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u0639\u0645\u0644\u060c \u0648\u0645\u062a\u0627\u0628\u0639\u0629\n          \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u062f\u0648\u0646 \u0641\u0642\u062f\u0627\u0646 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644\n          \u0628\u064a\u0646 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0648\u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a.\n        <\/p>\n      <\/div>\n\n      <a\n        class=\"tet-link\"\n        href=\"https:\/\/taskbrowse.com\/ar\/idarat-maham-sahla\/\">\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      <\/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 Engineering \u2014 Section 04\n   Project Budget & Cost Control\n   ================================================ *\/\n\n#tb-eng-budget {\n  --teb-red: #c8102e;\n  --teb-ink: #17191d;\n  --teb-muted: #666971;\n  --teb-line: #e3e4e7;\n  --teb-soft: #faf9f8;\n\n  width: 100%;\n  padding: 110px 24px 100px;\n  margin: 0;\n  direction: rtl;\n  text-align: right;\n  background: #fff;\n  color: var(--teb-ink);\n  font-family: \"IBM Plex Sans Arabic\", Tahoma, sans-serif;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n\n#tb-eng-budget *,\n#tb-eng-budget *::before,\n#tb-eng-budget *::after {\n  box-sizing: border-box;\n}\n\n#tb-eng-budget .teb-container {\n  width: 100%;\n  max-width: 1380px;\n  margin-inline: auto;\n}\n\n\/* ===== Section Heading ===== *\/\n\n#tb-eng-budget .teb-intro {\n  display: grid;\n  grid-template-columns:\n    minmax(0,1.08fr)\n    minmax(0,.92fr);\n  gap: clamp(40px,6vw,100px);\n  align-items: center;\n  margin-bottom: 75px;\n}\n\n#tb-eng-budget .teb-intro > * {\n  min-width: 0;\n}\n\n#tb-eng-budget .teb-eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n  margin-bottom: 25px;\n  color: var(--teb-red);\n  font-size: 14px;\n  font-weight: 700;\n}\n\n#tb-eng-budget .teb-eyebrow::before {\n  content: \"\";\n  width: 32px;\n  height: 2px;\n  flex: 0 0 32px;\n  background: var(--teb-red);\n}\n\n#tb-eng-budget h2.teb-title {\n  margin: 0;\n  max-width: 775px;\n  color: var(--teb-ink);\n  font-family: inherit;\n  font-size: clamp(40px,4.3vw,67px);\n  font-weight: 800;\n  line-height: 1.38;\n  letter-spacing: -.5px;\n}\n\n#tb-eng-budget .teb-title span {\n  color: var(--teb-red);\n}\n\n#tb-eng-budget .teb-description p {\n  margin: 0 0 18px;\n  color: #585b62;\n  font-size: clamp(17px,1.4vw,20px);\n  line-height: 2.1;\n}\n\n#tb-eng-budget .teb-description p:last-child {\n  margin-bottom: 0;\n}\n\n#tb-eng-budget .teb-description strong {\n  color: var(--teb-ink);\n  font-weight: 800;\n}\n\n\/* ===== Financial Dashboard ===== *\/\n\n#tb-eng-budget .teb-dashboard {\n  overflow: hidden;\n  border: 1px solid #dedfe2;\n  border-top: 3px solid var(--teb-red);\n  border-radius: 20px;\n  background: #fff;\n  box-shadow: 0 18px 55px rgba(0,0,0,.045);\n}\n\n#tb-eng-budget .teb-dashboard-head {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 20px;\n  padding: 22px 28px;\n  border-bottom: 1px solid var(--teb-line);\n}\n\n#tb-eng-budget .teb-dashboard-project {\n  display: flex;\n  align-items: center;\n  gap: 11px;\n}\n\n#tb-eng-budget .teb-project-dot {\n  flex: 0 0 9px;\n  width: 9px;\n  height: 9px;\n  border-radius: 50%;\n  background: var(--teb-red);\n}\n\n#tb-eng-budget .teb-dashboard-name {\n  color: #262830;\n  font-size: 15px;\n  font-weight: 800;\n}\n\n#tb-eng-budget .teb-dashboard-sub {\n  margin-top: 4px;\n  color: #95979e;\n  font-size: 11px;\n}\n\n#tb-eng-budget .teb-demo {\n  padding: 8px 12px;\n  border: 1px solid var(--teb-line);\n  border-radius: 8px;\n  color: #85878d;\n  font-size: 11px;\n  white-space: nowrap;\n}\n\n\/* ===== Dashboard columns ===== *\/\n\n#tb-eng-budget .teb-dashboard-body {\n  display: grid;\n  grid-template-columns:\n    minmax(0,1.1fr)\n    minmax(0,.9fr);\n}\n\n\/* ===== Budget Details ===== *\/\n\n#tb-eng-budget .teb-analysis {\n  min-width: 0;\n  padding: 38px 35px;\n  border-left: 1px solid var(--teb-line);\n}\n\n#tb-eng-budget .teb-analysis-overline {\n  margin-bottom: 13px;\n  color: #a0a1a6;\n  font-size: 12px;\n}\n\n#tb-eng-budget .teb-analysis-heading {\n  margin: 0 0 30px;\n  color: #292b32;\n  font-size: 22px;\n  font-weight: 800;\n  line-height: 1.55;\n}\n\n#tb-eng-budget .teb-usage {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: 15px;\n  margin-bottom: 16px;\n}\n\n#tb-eng-budget .teb-usage strong {\n  color: var(--teb-red);\n  font-size: clamp(29px,3vw,43px);\n  line-height: 1.25;\n  font-weight: 800;\n  direction: ltr;\n}\n\n#tb-eng-budget .teb-usage span {\n  font-size: 13px;\n  color: #8c8e95;\n}\n\n\/* Budget gauge *\/\n\n#tb-eng-budget .teb-gauge {\n  height: 13px;\n  width: 100%;\n  overflow: hidden;\n  border-radius: 50px;\n  background: #e9e9eb;\n}\n\n#tb-eng-budget .teb-gauge-fill {\n  display: block;\n  width: 61%;\n  height: 100%;\n  background: var(--teb-red);\n  border-radius: inherit;\n}\n\n#tb-eng-budget .teb-gauge-captions {\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  margin-top: 12px;\n  margin-bottom: 34px;\n  color: #8d8f96;\n  font-size: 11px;\n}\n\n\/* Cost breakdown *\/\n\n#tb-eng-budget .teb-cost-list {\n  border-top: 1px solid var(--teb-line);\n}\n\n#tb-eng-budget .teb-cost-row {\n  display: grid;\n  grid-template-columns: minmax(0,1fr) auto;\n  align-items: center;\n  gap: 20px;\n  padding: 19px 0;\n  border-bottom: 1px solid var(--teb-line);\n}\n\n#tb-eng-budget .teb-cost-name {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  color: #383a41;\n  font-size: 14px;\n  font-weight: 800;\n}\n\n#tb-eng-budget .teb-cost-dot {\n  width: 9px;\n  height: 9px;\n  flex: 0 0 9px;\n  background: var(--teb-red);\n  border-radius: 50%;\n}\n\n#tb-eng-budget .teb-cost-dot.gray {\n  background: #8d8f96;\n}\n\n#tb-eng-budget .teb-cost-note {\n  margin: 5px 19px 0 0;\n  color: #8c8e95;\n  font-size: 11px;\n  line-height: 1.8;\n}\n\n#tb-eng-budget .teb-cost-amount {\n  font-size: 18px;\n  font-weight: 800;\n  color: #25272e;\n  direction: ltr;\n  white-space: nowrap;\n}\n\n#tb-eng-budget .teb-cost-amount small {\n  color: #92949b;\n  font-size: 11px;\n  font-weight: 400;\n}\n\n#tb-eng-budget .teb-cost-row.total\n.teb-cost-name,\n#tb-eng-budget .teb-cost-row.total\n.teb-cost-amount {\n  color: var(--teb-red);\n}\n\n\/* ===== KPI Side ===== *\/\n\n#tb-eng-budget .teb-kpis {\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  background: #faf9f8;\n}\n\n#tb-eng-budget .teb-kpi {\n  display: grid;\n  grid-template-columns: 40px minmax(0,1fr);\n  gap: 16px;\n  align-items: start;\n  flex: 1;\n  padding: 30px 27px;\n  border-bottom: 1px solid #e4e2e0;\n}\n\n#tb-eng-budget .teb-kpi:last-child {\n  border-bottom: 0;\n}\n\n#tb-eng-budget .teb-kpi-no {\n  color: var(--teb-red);\n  font-size: 12px;\n  font-weight: 800;\n  padding-top: 3px;\n}\n\n#tb-eng-budget .teb-kpi-label {\n  color: #878991;\n  font-size: 13px;\n  margin-bottom: 9px;\n}\n\n#tb-eng-budget .teb-kpi-value {\n  color: #17191d;\n  font-size: clamp(30px,3.3vw,48px);\n  font-weight: 800;\n  line-height: 1.3;\n  direction: ltr;\n  text-align: right;\n}\n\n#tb-eng-budget .teb-kpi-value small {\n  font-size: 15px;\n  color: #999ba0;\n  font-weight: 500;\n}\n\n#tb-eng-budget .teb-kpi-note {\n  color: #a0a1a6;\n  font-size: 11px;\n  line-height: 1.8;\n  margin-top: 8px;\n}\n\n\/* ===== Board Footer ===== *\/\n\n#tb-eng-budget .teb-board-footer {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 20px;\n  padding: 19px 28px;\n  border-top: 1px solid var(--teb-line);\n  background: #fff;\n}\n\n#tb-eng-budget .teb-board-footer p {\n  margin: 0;\n  color: #898b92;\n  font-size: 12px;\n  line-height: 1.8;\n}\n\n#tb-eng-budget .teb-board-footer strong {\n  color: #41434a;\n  font-size: 12px;\n  white-space: nowrap;\n}\n\n\/* ===== Benefits ===== *\/\n\n#tb-eng-budget .teb-benefits {\n  display: grid;\n  grid-template-columns: repeat(3,minmax(0,1fr));\n  margin-top: 73px;\n  border-top: 1px solid var(--teb-line);\n  border-bottom: 1px solid var(--teb-line);\n}\n\n#tb-eng-budget .teb-benefit {\n  position: relative;\n  padding: 33px 27px;\n  border-left: 1px solid var(--teb-line);\n}\n\n#tb-eng-budget .teb-benefit:last-child {\n  border-left: 0;\n}\n\n#tb-eng-budget .teb-benefit::before {\n  content: \"\";\n  position: absolute;\n  top: -2px;\n  right: 27px;\n  height: 3px;\n  width: 38px;\n  background: var(--teb-red);\n}\n\n#tb-eng-budget .teb-benefit-no {\n  color: var(--teb-red);\n  font-size: 13px;\n  font-weight: 800;\n  margin-bottom: 15px;\n}\n\n#tb-eng-budget .teb-benefit h3 {\n  margin: 0 0 11px;\n  color: var(--teb-ink);\n  font-family: inherit;\n  font-size: 21px;\n  font-weight: 800;\n  line-height: 1.6;\n}\n\n#tb-eng-budget .teb-benefit p {\n  margin: 0;\n  color: var(--teb-muted);\n  font-size: 14px;\n  line-height: 2;\n}\n\n\/* ===== Bottom Callout ===== *\/\n\n#tb-eng-budget .teb-bottom {\n  display: grid;\n  grid-template-columns: minmax(0,1fr) auto;\n  gap: 30px;\n  align-items: center;\n  margin-top: 60px;\n  padding: 32px 35px;\n  border: 1px solid var(--teb-line);\n  border-radius: 18px;\n  background: var(--teb-soft);\n}\n\n#tb-eng-budget .teb-bottom h3 {\n  color: var(--teb-ink);\n  margin: 0 0 10px;\n  font-family: inherit;\n  font-size: 21px;\n  font-weight: 800;\n}\n\n#tb-eng-budget .teb-bottom p {\n  margin: 0;\n  color: var(--teb-muted);\n  font-size: 14px;\n  line-height: 2.05;\n}\n\n#tb-eng-budget .teb-link {\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  gap: 12px;\n  min-height: 53px;\n  padding: 12px 20px;\n  background: #fff;\n  border: 1px solid #e2b9c3;\n  border-radius: 9px;\n  color: #af0d2a !important;\n  font-size: 13px;\n  font-weight: 800;\n  text-decoration: none !important;\n  white-space: nowrap;\n}\n\n#tb-eng-budget .teb-link:hover {\n  background: #fff4f7;\n}\n\n#tb-eng-budget .teb-link:focus-visible {\n  outline: 3px solid var(--teb-red);\n  outline-offset: 4px;\n}\n\n\/* ===== Responsive ===== *\/\n\n@media (max-width: 1100px) {\n  #tb-eng-budget {\n    padding: 85px 22px;\n  }\n\n  #tb-eng-budget .teb-intro {\n    grid-template-columns: 1fr;\n    gap: 28px;\n    margin-bottom: 55px;\n  }\n}\n\n@media (max-width: 800px) {\n  #tb-eng-budget {\n    padding: 65px 18px;\n  }\n\n  #tb-eng-budget h2.teb-title {\n    font-size: clamp(35px,8vw,48px);\n  }\n\n  #tb-eng-budget .teb-description p {\n    font-size: 17px;\n  }\n\n  #tb-eng-budget .teb-dashboard-body {\n    grid-template-columns: 1fr;\n  }\n\n  #tb-eng-budget .teb-analysis {\n    border-left: 0;\n    border-bottom: 1px solid var(--teb-line);\n    padding: 28px 22px;\n  }\n\n  #tb-eng-budget .teb-kpis {\n    display: grid;\n    grid-template-columns: 1fr;\n  }\n\n  #tb-eng-budget .teb-kpi {\n    padding: 24px 22px;\n  }\n\n  #tb-eng-budget .teb-benefits {\n    grid-template-columns: 1fr;\n    margin-top: 55px;\n  }\n\n  #tb-eng-budget .teb-benefit {\n    border-left: 0;\n    border-bottom: 1px solid var(--teb-line);\n    padding: 27px 20px;\n  }\n\n  #tb-eng-budget .teb-benefit:last-child {\n    border-bottom: 0;\n  }\n\n  #tb-eng-budget .teb-benefit::before {\n    right: 20px;\n  }\n\n  #tb-eng-budget .teb-bottom {\n    grid-template-columns: 1fr;\n    gap: 23px;\n    padding: 27px 23px;\n  }\n\n  #tb-eng-budget .teb-link {\n    width: fit-content;\n    white-space: normal;\n  }\n}\n\n@media (max-width: 480px) {\n  #tb-eng-budget h2.teb-title {\n    font-size: 33px;\n  }\n\n  #tb-eng-budget .teb-dashboard {\n    border-radius: 15px;\n  }\n\n  #tb-eng-budget .teb-dashboard-head {\n    flex-wrap: wrap;\n    padding: 19px 17px;\n  }\n\n  #tb-eng-budget .teb-analysis {\n    padding: 25px 17px;\n  }\n\n  #tb-eng-budget .teb-analysis-heading {\n    font-size: 19px;\n  }\n\n  #tb-eng-budget .teb-cost-amount {\n    font-size: 15px;\n  }\n\n  #tb-eng-budget .teb-kpi-value {\n    font-size: 34px;\n  }\n\n  #tb-eng-budget .teb-board-footer {\n    align-items: flex-start;\n    flex-direction: column;\n    padding: 19px 17px;\n  }\n}\n<\/style>\n\n<section\n  id=\"tb-eng-budget\"\n  lang=\"ar\"\n  dir=\"rtl\"\n  aria-labelledby=\"tb-eng-budget-title\">\n\n  <div class=\"teb-container\">\n\n    <!-- SECTION HEADING -->\n    <div class=\"teb-intro\">\n\n      <div>\n\n        <div class=\"teb-eyebrow\">\n          \u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u062a\u0643\u0627\u0644\u064a\u0641\u0647\n        <\/div>\n\n        <h2\n          class=\"teb-title\"\n          id=\"tb-eng-budget-title\">\n\n          \u0631\u0627\u0642\u0628 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u060c\n          <span>\n            \u0648\u0644\u0627 \u062a\u062f\u0639 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u062a\u0641\u0627\u062c\u0626\u0643\n          <\/span>\n\n        <\/h2>\n\n      <\/div>\n\n      <div class=\"teb-description\">\n\n        <p>\n          \u0644\u0627 \u062a\u0643\u062a\u0645\u0644 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629\n          \u0628\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0641\u0642\u0637.\n          \u062a\u062d\u062a\u0627\u062c \u0623\u064a\u0636\u064b\u0627 \u0625\u0644\u0649 \u0645\u0639\u0631\u0641\u0629 \u0645\u0627 \u0623\u064f\u0646\u0641\u0642\n          \u0639\u0644\u0649 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u060c \u0648\u0643\u064a\u0641 \u062a\u062a\u063a\u064a\u0631 \u0627\u0644\u062a\u0643\u0644\u0641\u0629\n          \u0645\u0639 \u062a\u0642\u062f\u0645 \u0627\u0644\u0639\u0645\u0644\u060c \u0648\u0645\u0627 \u0625\u0630\u0627 \u0643\u0627\u0646\n          \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0645\u0627 \u064a\u0632\u0627\u0644 \u0636\u0645\u0646 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629\n          \u0627\u0644\u0645\u062e\u0637\u0637\u0629.\n        <\/p>\n\n        <p>\n          \u064a\u0633\u0627\u0639\u062f\u0643 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0639\u0644\u0649 \u0645\u0631\u0627\u062c\u0639\u0629\n          <strong>\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u0633\u062c\u0651\u0644\u0629<\/strong>\n          \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0623\u062e\u0631\u0649 \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u0645\u0634\u0631\u0648\u0639\u060c\n          \u0648\u0645\u0642\u0627\u0631\u0646\u062a\u0647\u0627 \u0628\u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u062d\u062f\u062f\u0629\u060c\n          \u0644\u062a\u0643\u0648\u0646 \u0644\u062f\u064a\u0643 \u0631\u0624\u064a\u0629 \u0623\u0648\u0636\u062d\n          \u0639\u0646 \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0645\u0627\u0644\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u0629.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- PROJECT BUDGET DASHBOARD -->\n    <div\n      class=\"teb-dashboard\"\n      aria-label=\"\u0646\u0645\u0648\u0630\u062c \u062a\u0648\u0636\u064a\u062d\u064a \u0644\u0645\u0631\u0627\u0642\u0628\u0629 \u062a\u0643\u0627\u0644\u064a\u0641 \u0645\u0634\u0631\u0648\u0639 \u0647\u0646\u062f\u0633\u064a \u0648\u0645\u064a\u0632\u0627\u0646\u064a\u062a\u0647\">\n\n      <!-- HEADER -->\n      <div class=\"teb-dashboard-head\">\n\n        <div class=\"teb-dashboard-project\">\n\n          <span\n            class=\"teb-project-dot\"\n            aria-hidden=\"true\"><\/span>\n\n          <div>\n            <div class=\"teb-dashboard-name\">\n              \u0645\u0634\u0631\u0648\u0639 \u062a\u0635\u0645\u064a\u0645 \u0645\u0628\u0646\u0649 \u0625\u062f\u0627\u0631\u064a\n            <\/div>\n            <div class=\"teb-dashboard-sub\">\n              \u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n            <\/div>\n          <\/div>\n\n        <\/div>\n\n        <span class=\"teb-demo\">\n          \u0645\u062b\u0627\u0644 \u062a\u0648\u0636\u064a\u062d\u064a \u00b7 \u0645\u0628\u0627\u0644\u063a \u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0629\n        <\/span>\n\n      <\/div>\n\n      <!-- DASHBOARD BODY -->\n      <div class=\"teb-dashboard-body\">\n\n        <!-- ANALYSIS -->\n        <div class=\"teb-analysis\">\n\n          <div class=\"teb-analysis-overline\">\n            \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u062d\u062a\u0649 \u0627\u0644\u0622\u0646\n          <\/div>\n\n          <h3 class=\"teb-analysis-heading\">\n            \u0623\u064a\u0646 \u0648\u0635\u0644\u062a \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u061f\n          <\/h3>\n\n          <div class=\"teb-usage\">\n            <strong>61%<\/strong>\n            <span>\u0645\u0646 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629<\/span>\n          <\/div>\n\n          <!-- Budget gauge -->\n          <div\n            class=\"teb-gauge\"\n            role=\"img\"\n            aria-label=\"\u0627\u0633\u062a\u062e\u062f\u0627\u0645 61 \u0628\u0627\u0644\u0645\u0626\u0629 \u0645\u0646 \u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\">\n\n            <span class=\"teb-gauge-fill\"><\/span>\n\n          <\/div>\n\n          <div class=\"teb-gauge-captions\">\n            <span>\u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645: 61,000 \u0631\u064a\u0627\u0644<\/span>\n            <span>\u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a: 100,000 \u0631\u064a\u0627\u0644<\/span>\n          <\/div>\n\n          <!-- Cost breakdown -->\n          <div class=\"teb-cost-list\">\n\n            <!-- Labor -->\n            <div class=\"teb-cost-row\">\n\n              <div>\n                <div class=\"teb-cost-name\">\n                  <span\n                    class=\"teb-cost-dot\"\n                    aria-hidden=\"true\"><\/span>\n                  \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0639\u0645\u0644\n                <\/div>\n\n                <div class=\"teb-cost-note\">\n                  \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u0633\u062c\u0651\u0644\u0629\n                <\/div>\n              <\/div>\n\n              <span class=\"teb-cost-amount\">\n                46,000 <small>\u0631\u064a\u0627\u0644<\/small>\n              <\/span>\n\n            <\/div>\n\n            <!-- Other costs -->\n            <div class=\"teb-cost-row\">\n\n              <div>\n                <div class=\"teb-cost-name\">\n                  <span\n                    class=\"teb-cost-dot gray\"\n                    aria-hidden=\"true\"><\/span>\n                  \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0623\u062e\u0631\u0649\n                <\/div>\n\n                <div class=\"teb-cost-note\">\n                  \u0645\u0635\u0631\u0648\u0641\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u0645\u0633\u062c\u0651\u0644\u0629\n                <\/div>\n              <\/div>\n\n              <span class=\"teb-cost-amount\">\n                15,000 <small>\u0631\u064a\u0627\u0644<\/small>\n              <\/span>\n\n            <\/div>\n\n            <!-- Total -->\n            <div class=\"teb-cost-row total\">\n\n              <div>\n                <div class=\"teb-cost-name\">\n                  \u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0645\u0633\u062c\u0651\u0644\u0629\n                <\/div>\n\n                <div class=\"teb-cost-note\">\n                  \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0639\u0645\u0644 + \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0623\u062e\u0631\u0649\n                <\/div>\n              <\/div>\n\n              <span class=\"teb-cost-amount\">\n                61,000 <small>\u0631\u064a\u0627\u0644<\/small>\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n        <!-- KPIS -->\n        <div class=\"teb-kpis\">\n\n          <!-- KPI 01 -->\n          <div class=\"teb-kpi\">\n\n            <span class=\"teb-kpi-no\">\n              01\n            <\/span>\n\n            <div>\n              <div class=\"teb-kpi-label\">\n                \u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n              <\/div>\n\n              <div class=\"teb-kpi-value\">\n                100,000 <small>\u0631\u064a\u0627\u0644<\/small>\n              <\/div>\n\n              <div class=\"teb-kpi-note\">\n                \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u062d\u062f\u062f\u0629 \u0644\u0644\u0645\u0634\u0631\u0648\u0639\n              <\/div>\n            <\/div>\n\n          <\/div>\n\n          <!-- KPI 02 -->\n          <div class=\"teb-kpi\">\n\n            <span class=\"teb-kpi-no\">\n              02\n            <\/span>\n\n            <div>\n              <div class=\"teb-kpi-label\">\n                \u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0641\u0639\u0644\u064a\u0629 \u0627\u0644\u0645\u0633\u062c\u0651\u0644\u0629\n              <\/div>\n\n              <div class=\"teb-kpi-value\">\n                61,000 <small>\u0631\u064a\u0627\u0644<\/small>\n              <\/div>\n\n              <div class=\"teb-kpi-note\">\n                \u0625\u062c\u0645\u0627\u0644\u064a \u0645\u0627 \u0633\u064f\u062c\u0651\u0644 \u062d\u062a\u0649 \u0627\u0644\u0622\u0646\n              <\/div>\n            <\/div>\n\n          <\/div>\n\n          <!-- KPI 03 -->\n          <div class=\"teb-kpi\">\n\n            <span class=\"teb-kpi-no\">\n              03\n            <\/span>\n\n            <div>\n              <div class=\"teb-kpi-label\">\n                \u0627\u0644\u0645\u062a\u0628\u0642\u064a \u0645\u0646 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629\n              <\/div>\n\n              <div class=\"teb-kpi-value\">\n                39,000 <small>\u0631\u064a\u0627\u0644<\/small>\n              <\/div>\n\n              <div class=\"teb-kpi-note\">\n                \u0642\u0628\u0644 \u0627\u062d\u062a\u0633\u0627\u0628 \u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0645\u062a\u0628\u0642\u064a\u0629\n              <\/div>\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- FOOTER -->\n      <div class=\"teb-board-footer\">\n\n        <p>\n          \u0647\u0630\u0647 \u0627\u0644\u0642\u064a\u0645 \u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0629 \u0644\u062a\u0648\u0636\u064a\u062d\n          \u0643\u064a\u0641\u064a\u0629 \u0642\u0631\u0627\u0621\u0629 \u0628\u064a\u0627\u0646\u0627\u062a \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n          \u0648\u0644\u064a\u0633\u062a \u0628\u064a\u0627\u0646\u0627\u062a \u0641\u0639\u0644\u064a\u0629 \u0645\u0646 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632.\n        <\/p>\n\n        <strong>\n          \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u2212 \u0627\u0644\u062a\u0643\u0644\u0641\u0629 = \u0627\u0644\u0645\u062a\u0628\u0642\u064a\n        <\/strong>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- PRACTICAL BENEFITS -->\n    <div class=\"teb-benefits\">\n\n      <!-- BENEFIT 01 -->\n      <article class=\"teb-benefit\">\n\n        <div class=\"teb-benefit-no\">01<\/div>\n\n        <h3>\n          \u062d\u062f\u0651\u062f \u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n        <\/h3>\n\n        <p>\n          \u0633\u062c\u0651\u0644 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u062e\u0635\u0635\u0629\n          \u0644\u0644\u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u060c \u0648\u0627\u0633\u062a\u062e\u062f\u0645\u0647\u0627\n          \u0645\u0631\u062c\u0639\u064b\u0627 \u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641\n          \u0627\u0644\u0641\u0639\u0644\u064a\u0629 \u062e\u0644\u0627\u0644 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u062a\u0646\u0641\u064a\u0630.\n        <\/p>\n\n      <\/article>\n\n      <!-- BENEFIT 02 -->\n      <article class=\"teb-benefit\">\n\n        <div class=\"teb-benefit-no\">02<\/div>\n\n        <h3>\n          \u0631\u0627\u062c\u0639 \u062a\u0643\u0644\u0641\u0629 \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644\n        <\/h3>\n\n        <p>\n          \u0627\u0633\u062a\u0641\u062f \u0645\u0646 \u0633\u062c\u0644\u0627\u062a \u0627\u0644\u0648\u0642\u062a\n          \u0648\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0639\u0645\u0644 \u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u062c\u0647\u062f\n          \u0627\u0644\u0630\u064a \u064a\u0628\u0630\u0644\u0647 \u0627\u0644\u0641\u0631\u064a\u0642 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\n          \u0641\u064a \u062a\u0646\u0641\u064a\u0630 \u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\n        <\/p>\n\n      <\/article>\n\n      <!-- BENEFIT 03 -->\n      <article class=\"teb-benefit\">\n\n        <div class=\"teb-benefit-no\">03<\/div>\n\n        <h3>\n          \u062a\u0627\u0628\u0639 \u0627\u0644\u0645\u0635\u0631\u0648\u0641\u0627\u062a \u0627\u0644\u0623\u062e\u0631\u0649\n        <\/h3>\n\n        <p>\n          \u0623\u0636\u0641 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0623\u062e\u0631\u0649\n          \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u0645\u0634\u0631\u0648\u0639\u060c\n          \u0648\u0631\u0627\u062c\u0639 \u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0645\u0635\u0631\u0648\u0641\u0627\u062a\n          \u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u062d\u062f\u062f\u0629.\n        <\/p>\n\n      <\/article>\n\n    <\/div>\n\n    <!-- CONCLUSION -->\n    <div class=\"teb-bottom\">\n\n      <div>\n\n        <h3>\n          \u0644\u0627 \u062a\u0643\u062a\u0641\u0650 \u0628\u0645\u0639\u0631\u0641\u0629 \u0646\u0633\u0628\u0629 \u0625\u0646\u062c\u0627\u0632 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\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\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u0645\u0646 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\n          \u0639\u0644\u0649 \u0631\u0628\u0637 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644\n          \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0628\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u060c\n          \u0644\u062a\u062a\u0645\u0643\u0646 \u0645\u0646 \u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629\n          \u0648\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u0629\n          \u0625\u0644\u0649 \u062c\u0627\u0646\u0628 \u0627\u0644\u062a\u0642\u062f\u0645 \u0627\u0644\u0641\u0639\u0644\u064a.\n        <\/p>\n\n      <\/div>\n\n      <a\n        class=\"teb-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\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 Engineering \u2014 Section 05\n   Rayla AI \/ Risk, Delay & Workload Analysis\n   ================================================ *\/\n\n#tb-eng-ai {\n  --tea-red: #c8102e;\n  --tea-bg: #202124;\n  --tea-panel: #292a2e;\n  --tea-line: #414247;\n  --tea-muted: #c6c7cc;\n  --tea-pink: #ff97ae;\n\n  width: 100%;\n  margin: 0;\n  padding: 110px 24px 100px;\n  direction: rtl;\n  text-align: right;\n  background: var(--tea-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-eng-ai *,\n#tb-eng-ai *::before,\n#tb-eng-ai *::after {\n  box-sizing: border-box;\n}\n\n#tb-eng-ai .tea-container {\n  width: 100%;\n  max-width: 1380px;\n  margin-inline: auto;\n}\n\n\/* ===== Header ===== *\/\n\n#tb-eng-ai .tea-heading {\n  display: grid;\n  grid-template-columns: minmax(0,1.06fr) minmax(0,.94fr);\n  gap: clamp(40px,6vw,100px);\n  align-items: center;\n  margin-bottom: 70px;\n}\n\n#tb-eng-ai .tea-heading > * {\n  min-width: 0;\n}\n\n#tb-eng-ai .tea-eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n  margin-bottom: 25px;\n  color: var(--tea-pink);\n  font-size: 14px;\n  font-weight: 700;\n}\n\n#tb-eng-ai .tea-eyebrow::before {\n  content: \"\";\n  flex: 0 0 33px;\n  height: 2px;\n  background: var(--tea-red);\n}\n\n#tb-eng-ai h2.tea-title {\n  margin: 0;\n  max-width: 780px;\n  color: #fff;\n  font-family: inherit;\n  font-size: clamp(40px,4.3vw,66px);\n  font-weight: 800;\n  line-height: 1.38;\n  letter-spacing: -.5px;\n}\n\n#tb-eng-ai .tea-title span {\n  color: var(--tea-pink);\n}\n\n#tb-eng-ai .tea-intro {\n  margin: 0;\n  color: var(--tea-muted);\n  font-size: clamp(17px,1.45vw,20px);\n  line-height: 2.13;\n}\n\n\/* ===== Main Layout ===== *\/\n\n#tb-eng-ai .tea-main {\n  display: grid;\n  grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr);\n  gap: 65px;\n  align-items: center;\n}\n\n#tb-eng-ai .tea-main > * {\n  min-width: 0;\n}\n\n\/* ===== Benefits ===== *\/\n\n#tb-eng-ai .tea-feature {\n  display: grid;\n  grid-template-columns: 45px minmax(0,1fr);\n  gap: 17px;\n  padding: 28px 0;\n  border-bottom: 1px solid var(--tea-line);\n}\n\n#tb-eng-ai .tea-feature:first-child {\n  padding-top: 0;\n}\n\n#tb-eng-ai .tea-feature:last-of-type {\n  border-bottom: none;\n}\n\n#tb-eng-ai .tea-feature-number {\n  width: 43px;\n  height: 43px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 11px;\n  border: 1px solid #794757;\n  background: #412d35;\n  color: var(--tea-pink);\n  font-size: 13px;\n  font-weight: 800;\n}\n\n#tb-eng-ai .tea-feature h3 {\n  margin: 0 0 9px;\n  color: #fff;\n  font-family: inherit;\n  font-size: 21px;\n  font-weight: 800;\n  line-height: 1.55;\n}\n\n#tb-eng-ai .tea-feature p {\n  margin: 0;\n  color: var(--tea-muted);\n  font-size: 15px;\n  line-height: 2.05;\n}\n\n#tb-eng-ai .tea-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  min-height: 54px;\n  margin-top: 28px;\n  padding: 12px 21px;\n  border: 1px solid #686970;\n  border-radius: 9px;\n  color: #fff !important;\n  background: transparent;\n  font-size: 14px;\n  font-weight: 800;\n  text-decoration: none !important;\n  transition: background .2s ease;\n}\n\n#tb-eng-ai .tea-link:hover {\n  background: #34353a;\n}\n\n#tb-eng-ai .tea-link:focus-visible {\n  outline: 3px solid var(--tea-pink);\n  outline-offset: 4px;\n}\n\n\/* ===== AI Dashboard ===== *\/\n\n#tb-eng-ai .tea-dashboard {\n  min-width: 0;\n  overflow: hidden;\n  background: #292a2e;\n  border: 1px solid #505158;\n  border-radius: 23px;\n  box-shadow: 0 25px 65px rgba(0,0,0,.17);\n}\n\n#tb-eng-ai .tea-dashboard-head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 15px;\n  padding: 23px 26px;\n  background: #303136;\n  border-bottom: 1px solid #494a51;\n}\n\n#tb-eng-ai .tea-brand {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n}\n\n#tb-eng-ai .tea-brand-icon {\n  width: 46px;\n  height: 46px;\n  flex: 0 0 46px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #542f3b;\n  border: 1px solid #905266;\n  border-radius: 13px;\n  color: #ffb0c0;\n}\n\n#tb-eng-ai .tea-brand-icon svg {\n  width: 25px;\n  height: 25px;\n  stroke: currentColor;\n  fill: none;\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n#tb-eng-ai .tea-brand-title {\n  color: #fff;\n  font-size: 19px;\n  font-weight: 800;\n}\n\n#tb-eng-ai .tea-brand-sub {\n  margin-top: 4px;\n  color: #b5b6bc;\n  font-size: 11px;\n}\n\n#tb-eng-ai .tea-demo {\n  padding: 8px 11px;\n  color: #b9bac0;\n  border: 1px solid #585961;\n  border-radius: 8px;\n  white-space: nowrap;\n  font-size: 11px;\n}\n\n\/* ===== Project Context ===== *\/\n\n#tb-eng-ai .tea-context {\n  padding: 23px 26px;\n  border-bottom: 1px solid #494a51;\n}\n\n#tb-eng-ai .tea-context-overline {\n  color: #aaaab2;\n  font-size: 11px;\n  margin-bottom: 8px;\n}\n\n#tb-eng-ai .tea-project-name {\n  color: #fff;\n  font-size: 16px;\n  font-weight: 800;\n  line-height: 1.6;\n}\n\n#tb-eng-ai .tea-project-meta {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 9px;\n  margin-top: 14px;\n}\n\n#tb-eng-ai .tea-project-meta span {\n  display: inline-flex;\n  align-items: center;\n  padding: 7px 11px;\n  background: #38393e;\n  border: 1px solid #515259;\n  border-radius: 7px;\n  color: #ceced3;\n  font-size: 11px;\n}\n\n\/* ===== Chat ===== *\/\n\n#tb-eng-ai .tea-chat {\n  padding: 27px 26px;\n}\n\n#tb-eng-ai .tea-chat-label {\n  margin-bottom: 17px;\n  color: #b5b6bc;\n  font-size: 12px;\n  font-weight: 700;\n}\n\n#tb-eng-ai .tea-question {\n  max-width: 92%;\n  width: fit-content;\n  padding: 17px 20px;\n  margin-bottom: 18px;\n  color: #fff;\n  background: #414248;\n  border: 1px solid #595a62;\n  border-radius: 15px 15px 5px 15px;\n  font-size: 14px;\n  line-height: 2;\n}\n\n#tb-eng-ai .tea-answer {\n  max-width: 96%;\n  margin-right: auto;\n  padding: 21px;\n  border: 1px solid #754353;\n  border-radius: 15px 15px 15px 5px;\n  background: #382a31;\n}\n\n#tb-eng-ai .tea-answer-head {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  color: #ffa1b6;\n  font-size: 13px;\n  font-weight: 800;\n  margin-bottom: 15px;\n}\n\n#tb-eng-ai .tea-spark {\n  font-size: 18px;\n  line-height: 1;\n}\n\n#tb-eng-ai .tea-answer-intro {\n  margin: 0 0 18px;\n  color: #e2d6da;\n  font-size: 13px;\n  line-height: 2.05;\n}\n\n\/* ===== Risk Result ===== *\/\n\n#tb-eng-ai .tea-risk-list {\n  display: grid;\n  gap: 10px;\n}\n\n#tb-eng-ai .tea-risk {\n  display: grid;\n  grid-template-columns: 35px minmax(0,1fr);\n  gap: 12px;\n  align-items: start;\n  padding: 14px;\n  background: #463039;\n  border: 1px solid #6d4955;\n  border-radius: 10px;\n}\n\n#tb-eng-ai .tea-risk-icon {\n  width: 33px;\n  height: 33px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid #925365;\n  border-radius: 9px;\n  color: #ffc0cc;\n  font-size: 16px;\n  font-weight: 800;\n}\n\n#tb-eng-ai .tea-risk-title {\n  color: #fff;\n  font-size: 13px;\n  font-weight: 800;\n  line-height: 1.6;\n}\n\n#tb-eng-ai .tea-risk-desc {\n  margin-top: 5px;\n  color: #d4c3c9;\n  font-size: 11px;\n  line-height: 1.9;\n}\n\n#tb-eng-ai .tea-answer-note {\n  margin: 17px 0 0;\n  padding-top: 15px;\n  border-top: 1px solid #6d4955;\n  color: #e2d6da;\n  font-size: 12px;\n  line-height: 2;\n}\n\n\/* ===== Estimate Preview ===== *\/\n\n#tb-eng-ai .tea-estimate {\n  padding: 24px 26px 27px;\n  border-top: 1px solid #494a51;\n}\n\n#tb-eng-ai .tea-estimate-heading {\n  margin: 0 0 17px;\n  color: #fff;\n  font-size: 16px;\n  font-weight: 800;\n}\n\n#tb-eng-ai .tea-estimate-card {\n  display: grid;\n  grid-template-columns: minmax(0,1fr) auto;\n  gap: 22px;\n  align-items: center;\n  background: #34353a;\n  border: 1px solid #54555d;\n  border-radius: 13px;\n  padding: 21px;\n}\n\n#tb-eng-ai .tea-estimate-task {\n  color: #fff;\n  font-size: 14px;\n  font-weight: 800;\n  line-height: 1.8;\n}\n\n#tb-eng-ai .tea-estimate-text {\n  margin-top: 6px;\n  color: #b8b9c0;\n  font-size: 11px;\n  line-height: 1.8;\n}\n\n#tb-eng-ai .tea-estimate-value {\n  border-right: 3px solid var(--tea-red);\n  padding-right: 17px;\n  text-align: right;\n}\n\n#tb-eng-ai .tea-estimate-value strong {\n  display: block;\n  color: #ffa9bb;\n  font-size: 25px;\n  font-weight: 800;\n  white-space: nowrap;\n}\n\n#tb-eng-ai .tea-estimate-value span {\n  display: block;\n  margin-top: 5px;\n  color: #b9bac0;\n  font-size: 11px;\n}\n\n#tb-eng-ai .tea-dashboard-foot {\n  padding: 18px 26px;\n  color: #aaabb2;\n  background: #242529;\n  border-top: 1px solid #45464d;\n  font-size: 11px;\n  line-height: 1.9;\n}\n\n\/* ===== Bottom Message ===== *\/\n\n#tb-eng-ai .tea-bottom {\n  display: grid;\n  grid-template-columns: minmax(0,1fr) auto;\n  gap: 30px;\n  align-items: center;\n  margin-top: 70px;\n  padding: 32px 35px;\n  background: #292a2e;\n  border: 1px solid #494a50;\n  border-radius: 17px;\n}\n\n#tb-eng-ai .tea-bottom 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-eng-ai .tea-bottom p {\n  margin: 0;\n  color: var(--tea-muted);\n  font-size: 14px;\n  line-height: 2.05;\n}\n\n#tb-eng-ai .tea-bottom-tag {\n  display: inline-flex;\n  align-items: center;\n  padding: 12px 18px;\n  border: 1px solid #744453;\n  border-radius: 30px;\n  background: #392b32;\n  color: #ffa2b7;\n  font-size: 12px;\n  font-weight: 800;\n  white-space: nowrap;\n}\n\n\/* ===== Responsive ===== *\/\n\n@media (max-width: 1100px) {\n  #tb-eng-ai {\n    padding: 85px 22px;\n  }\n\n  #tb-eng-ai .tea-heading {\n    grid-template-columns: 1fr;\n    gap: 28px;\n    margin-bottom: 53px;\n  }\n\n  #tb-eng-ai .tea-main {\n    grid-template-columns: 1fr;\n    gap: 50px;\n  }\n\n  #tb-eng-ai .tea-features,\n  #tb-eng-ai .tea-dashboard {\n    width: 100%;\n    max-width: 850px;\n    margin-inline: auto;\n  }\n}\n\n@media (max-width: 760px) {\n  #tb-eng-ai {\n    padding: 65px 18px;\n  }\n\n  #tb-eng-ai h2.tea-title {\n    font-size: clamp(35px,8vw,47px);\n  }\n\n  #tb-eng-ai .tea-intro {\n    font-size: 17px;\n  }\n\n  #tb-eng-ai .tea-dashboard {\n    border-radius: 17px;\n  }\n\n  #tb-eng-ai .tea-dashboard-head,\n  #tb-eng-ai .tea-context,\n  #tb-eng-ai .tea-chat,\n  #tb-eng-ai .tea-estimate {\n    padding: 21px;\n  }\n\n  #tb-eng-ai .tea-bottom {\n    grid-template-columns: 1fr;\n    gap: 23px;\n    padding: 26px 22px;\n    margin-top: 55px;\n  }\n\n  #tb-eng-ai .tea-bottom-tag {\n    width: fit-content;\n    white-space: normal;\n  }\n}\n\n@media (max-width: 460px) {\n  #tb-eng-ai h2.tea-title {\n    font-size: 33px;\n  }\n\n  #tb-eng-ai .tea-feature {\n    grid-template-columns: 37px minmax(0,1fr);\n    gap: 13px;\n  }\n\n  #tb-eng-ai .tea-feature-number {\n    width: 36px;\n    height: 36px;\n  }\n\n  #tb-eng-ai .tea-feature h3 {\n    font-size: 18px;\n  }\n\n  #tb-eng-ai .tea-dashboard-head {\n    flex-wrap: wrap;\n  }\n\n  #tb-eng-ai .tea-question,\n  #tb-eng-ai .tea-answer {\n    width: 100%;\n    max-width: 100%;\n  }\n\n  #tb-eng-ai .tea-estimate-card {\n    grid-template-columns: 1fr;\n    gap: 17px;\n  }\n\n  #tb-eng-ai .tea-estimate-value {\n    width: fit-content;\n  }\n\n  #tb-eng-ai .tea-brand-title {\n    font-size: 17px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #tb-eng-ai .tea-link {\n    transition: none;\n  }\n}\n<\/style>\n\n<section\n  id=\"tb-eng-ai\"\n  lang=\"ar\"\n  dir=\"rtl\"\n  aria-labelledby=\"tb-eng-ai-title\">\n\n  <div class=\"tea-container\">\n\n    <!-- SECTION HEADING -->\n    <div class=\"tea-heading\">\n\n      <div>\n\n        <div class=\"tea-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\u0647\u0646\u062f\u0633\u064a\u0629\n        <\/div>\n\n        <h2\n          class=\"tea-title\"\n          id=\"tb-eng-ai-title\">\n\n          \u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u062a\u0623\u062e\u064a\u0631\u0627\u062a\n          \u0648\u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0645\u0628\u0643\u0631\u064b\u0627\n          <span>\u0645\u0639 \u0631\u0627\u064a\u0644\u0627<\/span>\n\n        <\/h2>\n\n      <\/div>\n\n      <p class=\"tea-intro\">\n        \u0641\u064a \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629\u060c \u0642\u062f \u062a\u0624\u062b\u0631\n        \u0645\u0647\u0645\u0629 \u0648\u0627\u062d\u062f\u0629 \u0645\u062a\u0623\u062e\u0631\u0629 \u0639\u0644\u0649 \u0623\u0639\u0645\u0627\u0644\n        \u0639\u062f\u0629 \u0641\u0631\u0642. \u064a\u0633\u0627\u0639\u062f\u0643 \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 \u0645\u0631\u0627\u062c\u0639\u0629 \u0628\u064a\u0627\u0646\u0627\u062a\n        \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u0645\u0647\u0627\u0645\u060c \u0648\u0627\u0633\u062a\u0643\u0634\u0627\u0641\n        \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u0629\u060c \u0628\u064a\u0646\u0645\u0627 \u062a\u062a\u064a\u062d\n        \u0644\u0643 \u0631\u0627\u064a\u0644\u0627 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0639\u0646 \u062a\u0642\u062f\u0645 \u0627\u0644\u0639\u0645\u0644\n        \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0644\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 -->\n    <div class=\"tea-main\">\n\n      <!-- BENEFITS -->\n      <div class=\"tea-features\">\n\n        <!-- FEATURE 01 -->\n        <article class=\"tea-feature\">\n\n          <div class=\"tea-feature-number\">\n            01\n          <\/div>\n\n          <div>\n            <h3>\n              \u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0645\u062a\u0623\u062e\u0631\u0629\n            <\/h3>\n\n            <p>\n              \u0627\u0633\u062a\u062e\u062f\u0645 \u0631\u0627\u064a\u0644\u0627 \u0644\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\n              \u0639\u0646 \u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0645\u0648\u0627\u0639\u064a\u062f\u0647\u0627\u060c\n              \u0648\u0645\u0631\u0627\u062c\u0639\u0629 \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 \u0642\u0628\u0644 \u0623\u0646 \u062a\u062a\u0641\u0627\u0642\u0645\n              \u0627\u0644\u062a\u0623\u062e\u064a\u0631\u0627\u062a \u0641\u064a \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\n            <\/p>\n          <\/div>\n\n        <\/article>\n\n        <!-- FEATURE 02 -->\n        <article class=\"tea-feature\">\n\n          <div class=\"tea-feature-number\">\n            02\n          <\/div>\n\n          <div>\n            <h3>\n              \u0631\u0627\u062c\u0639 \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u0629\n            <\/h3>\n\n            <p>\n              \u0627\u0633\u062a\u0641\u062f \u0645\u0646 \u062a\u062d\u0644\u064a\u0644\u0627\u062a \u0627\u0644\u0630\u0643\u0627\u0621\n              \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0644\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u0634\u0643\u0644\u0627\u062a\n              \u0627\u0644\u062a\u064a \u0642\u062f \u062a\u0624\u062b\u0631 \u0639\u0644\u0649 \u062a\u0642\u062f\u0645\n              \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u060c \u062b\u0645 \u0631\u0627\u062c\u0639 \u0646\u062a\u0627\u0626\u062c\n              \u0627\u0644\u062a\u062d\u0644\u064a\u0644 \u0641\u064a \u0636\u0648\u0621 \u0627\u0644\u0648\u0627\u0642\u0639\n              \u0648\u0627\u0644\u0639\u0644\u0627\u0642\u0627\u062a \u0628\u064a\u0646 \u0627\u0644\u0645\u0647\u0627\u0645.\n            <\/p>\n          <\/div>\n\n        <\/article>\n\n        <!-- FEATURE 03 -->\n        <article class=\"tea-feature\">\n\n          <div class=\"tea-feature-number\">\n            03\n          <\/div>\n\n          <div>\n            <h3>\n              \u062d\u0633\u0651\u0646 \u062a\u0642\u062f\u064a\u0631\u0627\u062a \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644\n            <\/h3>\n\n            <p>\n              \u0627\u0633\u062a\u0641\u062f \u0645\u0646 \u0627\u0644\u0627\u0642\u062a\u0631\u0627\u062d\u0627\u062a \u0627\u0644\u0630\u0643\u064a\u0629\n              \u0644\u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u062c\u0647\u062f \u0627\u0644\u0645\u0637\u0644\u0648\u0628 \u0644\u0644\u0645\u0647\u0627\u0645\n              \u0627\u0644\u062c\u062f\u064a\u062f\u0629 \u0628\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0639\u0644\u0649\n              \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0645\u0634\u0627\u0628\u0647\u0629\u060c\n              \u0645\u0639 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u062a\u0642\u062f\u064a\u0631\u0627\u062a\n              \u0642\u0628\u0644 \u0627\u0639\u062a\u0645\u0627\u062f\u0647\u0627.\n            <\/p>\n          <\/div>\n\n        <\/article>\n\n        <a\n          class=\"tea-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      <!-- RAYLA DASHBOARD -->\n      <div\n        class=\"tea-dashboard\"\n        aria-label=\"\u0645\u062b\u0627\u0644 \u062a\u0648\u0636\u064a\u062d\u064a \u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0631\u0627\u064a\u0644\u0627 \u0641\u064a \u062a\u062d\u0644\u064a\u0644 \u062a\u0623\u062e\u064a\u0631\u0627\u062a \u0645\u0634\u0631\u0648\u0639 \u0647\u0646\u062f\u0633\u064a\">\n\n        <!-- HEADER -->\n        <div class=\"tea-dashboard-head\">\n\n          <div class=\"tea-brand\">\n\n            <div class=\"tea-brand-icon\" aria-hidden=\"true\">\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            <\/div>\n\n            <div>\n              <div class=\"tea-brand-title\">\n                \u0631\u0627\u064a\u0644\u0627\n              <\/div>\n\n              <div class=\"tea-brand-sub\">\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            <\/div>\n\n          <\/div>\n\n          <span class=\"tea-demo\">\n            \u0645\u062b\u0627\u0644 \u062a\u0648\u0636\u064a\u062d\u064a\n          <\/span>\n\n        <\/div>\n\n        <!-- PROJECT CONTEXT -->\n        <div class=\"tea-context\">\n\n          <div class=\"tea-context-overline\">\n            \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0645\u062d\u0644 \u0627\u0644\u062a\u062d\u0644\u064a\u0644\n          <\/div>\n\n          <div class=\"tea-project-name\">\n            \u062a\u0635\u0645\u064a\u0645 \u0645\u0628\u0646\u0649 \u0625\u062f\u0627\u0631\u064a\n          <\/div>\n\n          <div class=\"tea-project-meta\">\n            <span>\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a<\/span>\n            <span>\u0627\u0644\u0625\u0646\u0634\u0627\u0621\u0627\u062a<\/span>\n            <span>\u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0643\u0647\u0631\u0648\u0645\u064a\u0643\u0627\u0646\u064a\u0643\u064a\u0629<\/span>\n          <\/div>\n\n        <\/div>\n\n        <!-- CHAT -->\n        <div class=\"tea-chat\">\n\n          <div class=\"tea-chat-label\">\n            \u0645\u062d\u0627\u062f\u062b\u0629 \u062a\u0648\u0636\u064a\u062d\u064a\u0629\n          <\/div>\n\n          <!-- USER QUESTION -->\n          <div class=\"tea-question\">\n            \u0645\u0627 \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u062a\u0623\u062e\u0631\u0629 \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u060c\n            \u0648\u0645\u0627 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u064a \u064a\u062c\u0628 \u0623\u0646 \u0623\u0631\u0627\u062c\u0639\u0647\u0627\n            \u0623\u0648\u0644\u064b\u0627 \u0644\u062a\u062c\u0646\u0651\u0628 \u062a\u0623\u062e\u064a\u0631 \u0627\u0644\u062a\u0633\u0644\u064a\u0645\u061f\n          <\/div>\n\n          <!-- AI ANSWER -->\n          <div class=\"tea-answer\">\n\n            <div class=\"tea-answer-head\">\n              <span class=\"tea-spark\" aria-hidden=\"true\">\u2726<\/span>\n              \u0645\u062b\u0627\u0644 \u0639\u0644\u0649 \u062a\u062d\u0644\u064a\u0644 \u0631\u0627\u064a\u0644\u0627\n            <\/div>\n\n            <p class=\"tea-answer-intro\">\n              \u0627\u0633\u062a\u0646\u0627\u062f\u064b\u0627 \u0625\u0644\u0649 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0647\u0627\u0645\n              \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0629 \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0645\u062b\u0627\u0644\u060c\n              \u062a\u0648\u062c\u062f \u0623\u0639\u0645\u0627\u0644 \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0645\u062a\u0627\u0628\u0639\u0629:\n            <\/p>\n\n            <div class=\"tea-risk-list\">\n\n              <!-- RISK 01 -->\n              <div class=\"tea-risk\">\n\n                <span\n                  class=\"tea-risk-icon\"\n                  aria-hidden=\"true\">!<\/span>\n\n                <div>\n                  <div class=\"tea-risk-title\">\n                    \u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0645\u062e\u0637\u0637\u0627\u062a \u0627\u0644\u0625\u0646\u0634\u0627\u0626\u064a\u0629\n                  <\/div>\n\n                  <div class=\"tea-risk-desc\">\n                    \u062a\u062c\u0627\u0648\u0632\u062a \u0645\u0648\u0639\u062f \u0627\u0644\u0627\u0633\u062a\u062d\u0642\u0627\u0642\n                    \u0627\u0644\u0645\u062d\u062f\u062f. \u062a\u062d\u0642\u0651\u0642 \u0645\u0646 \u0623\u062b\u0631\n                    \u0627\u0644\u062a\u0623\u062e\u064a\u0631 \u0639\u0644\u0649 \u0627\u0644\u0645\u0647\u0627\u0645\n                    \u0627\u0644\u062a\u064a \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0627\u0639\u062a\u0645\u0627\u062f\u0647\u0627.\n                  <\/div>\n                <\/div>\n\n              <\/div>\n\n              <!-- RISK 02 -->\n              <div class=\"tea-risk\">\n\n                <span\n                  class=\"tea-risk-icon\"\n                  aria-hidden=\"true\">!<\/span>\n\n                <div>\n                  <div class=\"tea-risk-title\">\n                    \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0643\u0647\u0631\u0648\u0645\u064a\u0643\u0627\u0646\u064a\u0643\u064a\u0629\n                  <\/div>\n\n                  <div class=\"tea-risk-desc\">\n                    \u062a\u062d\u062a\u0627\u062c \u0627\u0644\u0645\u0647\u0645\u0629 \u0625\u0644\u0649 \u0645\u062a\u0627\u0628\u0639\u0629\n                    \u0628\u0633\u0628\u0628 \u0627\u0631\u062a\u0628\u0627\u0637\u0647\u0627 \u0628\u0645\u062e\u0631\u062c\u0627\u062a\n                    \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0641\u0646\u064a\u0629.\n                  <\/div>\n                <\/div>\n\n              <\/div>\n\n            <\/div>\n\n            <p class=\"tea-answer-note\">\n              \u0627\u0644\u0625\u062c\u0631\u0627\u0621 \u0627\u0644\u0645\u0642\u062a\u0631\u062d: \u0631\u0627\u062c\u0639 \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0646\n              \u0639\u0646 \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u062a\u0623\u062e\u0631\u0629\u060c \u0648\u062a\u062d\u0642\u0651\u0642\n              \u0645\u0646 \u0627\u0639\u062a\u0645\u0627\u062f\u064a\u0627\u062a\u0647\u0627 \u0648\u062c\u062f\u0648\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n              \u0642\u0628\u0644 \u062a\u0639\u062f\u064a\u0644 \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n        <!-- WORKLOAD ESTIMATION -->\n        <div class=\"tea-estimate\">\n\n          <h3 class=\"tea-estimate-heading\">\n            \u0645\u062b\u0627\u0644 \u0639\u0644\u0649 \u062a\u0642\u062f\u064a\u0631 \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644\n          <\/h3>\n\n          <div class=\"tea-estimate-card\">\n\n            <div>\n\n              <div class=\"tea-estimate-task\">\n                \u0625\u0639\u062f\u0627\u062f \u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0641\u0646\u064a\u0629\n              <\/div>\n\n              <div class=\"tea-estimate-text\">\n                \u0645\u0647\u0645\u0629 \u062c\u062f\u064a\u062f\u0629 \u00b7 \u0641\u0631\u064a\u0642 \u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0648\u0627\u0644\u062c\u0648\u062f\u0629\n              <\/div>\n\n            <\/div>\n\n            <div class=\"tea-estimate-value\">\n              <strong>12 \u0633\u0627\u0639\u0629<\/strong>\n              <span>\u062a\u0642\u062f\u064a\u0631 \u0630\u0643\u064a \u0627\u0641\u062a\u0631\u0627\u0636\u064a<\/span>\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n        <!-- DASHBOARD NOTE -->\n        <div class=\"tea-dashboard-foot\">\n          \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u0633\u0645\u0627\u0621 \u0648\u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0648\u0627\u0644\u0645\u062e\u0631\u062c\u0627\u062a\n          \u0627\u0644\u0645\u0639\u0631\u0648\u0636\u0629 \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0629.\n          \u0644\u0627 \u064a\u0645\u062b\u0651\u0644 \u0647\u0630\u0627 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0644\u0642\u0637\u0629 \u0641\u0639\u0644\u064a\u0629\n          \u0623\u0648 \u062a\u062d\u0644\u064a\u0644\u064b\u0627 \u0645\u0646\u0641\u0651\u0630\u064b\u0627 \u062f\u0627\u062e\u0644 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632.\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- BOTTOM STATEMENT -->\n    <div class=\"tea-bottom\">\n\n      <div>\n\n        <h3>\n          \u0642\u0631\u0627\u0631\u0627\u062a \u0645\u0628\u0646\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a\u060c \u0644\u0627 \u0639\u0644\u0649 \u0627\u0644\u062a\u062e\u0645\u064a\u0646 \u0648\u062d\u062f\u0647\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\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u0645\u0646 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\n          \u0628\u064a\u0646 \u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u062a\u0642\u062f\u0645\n          \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0633\u062c\u0644\u0627\u062a \u0627\u0644\u0639\u0645\u0644\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 \u0645\u062f\u064a\u0631 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n          \u0639\u0644\u0649 \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0648\u0645\u0631\u0627\u062c\u0639\u0629\n          \u0627\u0644\u062a\u0623\u062e\u064a\u0631\u0627\u062a \u0648\u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0648\u0627\u0644\u062a\u0642\u062f\u064a\u0631\u0627\u062a.\n          \u0648\u062a\u0628\u0642\u0649 \u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629\n          \u0645\u0633\u0624\u0648\u0644\u064a\u0629 \u0641\u0631\u064a\u0642 \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\n        <\/p>\n\n      <\/div>\n\n      <span class=\"tea-bottom-tag\">\n        \u0628\u064a\u0627\u0646\u0627\u062a \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 Engineering \u2014 Section 06\n   FAQ & Final Registration CTA\n   ================================================ *\/\n\n#tb-eng-final {\n  --tef-red: #c8102e;\n  --tef-red-hover: #aa102c;\n  --tef-ink: #17191d;\n  --tef-muted: #686a72;\n  --tef-border: #e4e5e8;\n  --tef-dark: #202124;\n\n  width: 100%;\n  margin: 0;\n  padding: 110px 24px 95px;\n  background: #fff;\n  color: var(--tef-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-eng-final *,\n#tb-eng-final *::before,\n#tb-eng-final *::after {\n  box-sizing: border-box;\n}\n\n#tb-eng-final .tef-container {\n  max-width: 1380px;\n  width: 100%;\n  margin: 0 auto;\n}\n\n\/* ===== FAQ Heading ===== *\/\n\n#tb-eng-final .tef-heading {\n  display: grid;\n  grid-template-columns: minmax(0,1.06fr) minmax(0,.94fr);\n  align-items: end;\n  gap: clamp(40px,6vw,100px);\n  margin-bottom: 54px;\n}\n\n#tb-eng-final .tef-heading > * {\n  min-width: 0;\n}\n\n#tb-eng-final .tef-eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n  margin-bottom: 24px;\n  color: var(--tef-red);\n  font-size: 14px;\n  font-weight: 700;\n}\n\n#tb-eng-final .tef-eyebrow::before {\n  content: \"\";\n  width: 32px;\n  height: 2px;\n  flex: 0 0 32px;\n  background: var(--tef-red);\n}\n\n#tb-eng-final h2.tef-title {\n  max-width: 850px;\n  margin: 0;\n  color: var(--tef-ink);\n  font-family: inherit;\n  font-size: clamp(38px,4.1vw,62px);\n  line-height: 1.4;\n  font-weight: 800;\n  letter-spacing: -.5px;\n}\n\n#tb-eng-final .tef-title span {\n  color: var(--tef-red);\n}\n\n#tb-eng-final .tef-intro {\n  margin: 0;\n  color: #62646c;\n  font-size: clamp(16px,1.45vw,19px);\n  line-height: 2.12;\n}\n\n\/* ===== FAQ Items ===== *\/\n\n#tb-eng-final .tef-faq {\n  border-top: 1px solid var(--tef-border);\n}\n\n#tb-eng-final .tef-item {\n  border-bottom: 1px solid var(--tef-border);\n  background: #fff;\n}\n\n#tb-eng-final .tef-item summary {\n  display: grid;\n  grid-template-columns: 46px minmax(0,1fr) 34px;\n  align-items: center;\n  gap: 19px;\n  padding: 26px 13px;\n  list-style: none;\n  cursor: pointer;\n}\n\n#tb-eng-final .tef-item summary::-webkit-details-marker {\n  display: none;\n}\n\n#tb-eng-final .tef-item summary::marker {\n  content: \"\";\n}\n\n#tb-eng-final .tef-item summary:focus-visible {\n  outline: 3px solid var(--tef-red);\n  outline-offset: -3px;\n}\n\n#tb-eng-final .tef-number {\n  color: var(--tef-red);\n  direction: ltr;\n  font-size: 14px;\n  font-weight: 800;\n}\n\n#tb-eng-final .tef-question {\n  color: var(--tef-ink);\n  font-size: clamp(16px,1.5vw,21px);\n  font-weight: 800;\n  line-height: 1.7;\n}\n\n#tb-eng-final .tef-toggle {\n  width: 32px;\n  height: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--tef-red);\n  border: 1px solid #dedfe2;\n  border-radius: 50%;\n  font-size: 23px;\n  line-height: 1;\n}\n\n#tb-eng-final .tef-toggle::before {\n  content: \"+\";\n}\n\n#tb-eng-final .tef-item[open] .tef-toggle::before {\n  content: \"\u2212\";\n}\n\n#tb-eng-final .tef-item[open] .tef-question {\n  color: #a80d2a;\n}\n\n#tb-eng-final .tef-answer {\n  max-width: 1110px;\n  padding: 0 78px 29px 50px;\n}\n\n#tb-eng-final .tef-answer p {\n  margin: 0;\n  color: #62646b;\n  font-size: 16px;\n  line-height: 2.13;\n}\n\n#tb-eng-final .tef-answer a {\n  color: #b00c2c !important;\n  text-decoration: underline;\n  text-underline-offset: 3px;\n  font-weight: 700;\n}\n\n\/* ===== Final CTA ===== *\/\n\n#tb-eng-final .tef-cta {\n  position: relative;\n  margin-top: 105px;\n  padding: clamp(43px,6vw,80px);\n  overflow: hidden;\n  border-radius: 25px;\n  background: var(--tef-dark);\n  color: #fff;\n}\n\n#tb-eng-final .tef-cta::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 95px;\n  height: 4px;\n  background: var(--tef-red);\n}\n\n\/* Subtle architectural grid *\/\n\n#tb-eng-final .tef-cta::after {\n  content: \"\";\n  position: absolute;\n  left: -8%;\n  top: -40%;\n  width: 56%;\n  height: 150%;\n  opacity: .12;\n  pointer-events: none;\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: 44px 44px;\n  transform: rotate(-12deg);\n}\n\n#tb-eng-final .tef-cta-content {\n  position: relative;\n  z-index: 1;\n  display: grid;\n  grid-template-columns: minmax(0,1.12fr) minmax(0,.77fr);\n  align-items: center;\n  gap: clamp(35px,5vw,80px);\n}\n\n#tb-eng-final .tef-cta-eyebrow {\n  margin-bottom: 20px;\n  color: #ff9aaf;\n  font-size: 14px;\n  font-weight: 800;\n}\n\n#tb-eng-final h2.tef-cta-title {\n  margin: 0 0 23px;\n  color: #fff;\n  font-family: inherit;\n  font-size: clamp(38px,4.15vw,63px);\n  font-weight: 800;\n  line-height: 1.4;\n}\n\n#tb-eng-final .tef-cta-title span {\n  color: #ff9aaf;\n}\n\n#tb-eng-final .tef-cta-description {\n  max-width: 755px;\n  margin: 0;\n  color: #cbccd0;\n  font-size: 17px;\n  line-height: 2.1;\n}\n\n\/* ===== CTA Action Card ===== *\/\n\n#tb-eng-final .tef-action {\n  padding: 36px 32px;\n  background: #2b2c31;\n  border: 1px solid #494a50;\n  border-top: 3px solid var(--tef-red);\n  border-radius: 17px;\n}\n\n#tb-eng-final .tef-action-label {\n  color: #ff9db2;\n  font-size: 13px;\n  font-weight: 800;\n  margin-bottom: 17px;\n}\n\n#tb-eng-final .tef-action h3 {\n  margin: 0 0 13px;\n  color: #fff;\n  font-family: inherit;\n  font-size: 25px;\n  font-weight: 800;\n  line-height: 1.53;\n}\n\n#tb-eng-final .tef-action-copy {\n  margin: 0 0 26px;\n  color: #bfc0c5;\n  font-size: 14px;\n  line-height: 2.05;\n}\n\n#tb-eng-final .tef-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 18px;\n  color: #fff !important;\n  background: var(--tef-red);\n  border: 1px solid var(--tef-red);\n  border-radius: 9px;\n  text-decoration: none !important;\n  font-size: 17px;\n  font-weight: 800;\n  text-align: center;\n  transition: background .2s ease;\n}\n\n#tb-eng-final .tef-primary-btn:hover {\n  background: var(--tef-red-hover);\n}\n\n#tb-eng-final .tef-primary-btn:focus-visible,\n#tb-eng-final .tef-login a:focus-visible {\n  outline: 3px solid #ff9db2;\n  outline-offset: 4px;\n}\n\n#tb-eng-final .tef-login {\n  margin: 20px 0 0;\n  color: #aeb0b6;\n  text-align: center;\n  font-size: 12px;\n  line-height: 1.9;\n}\n\n#tb-eng-final .tef-login a {\n  color: #fff !important;\n  font-weight: 800;\n  text-decoration: underline;\n  text-underline-offset: 3px;\n}\n\n\/* ===== CTA Footer ===== *\/\n\n#tb-eng-final .tef-cta-footer {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 25px;\n  margin-top: 49px;\n  padding-top: 29px;\n  border-top: 1px solid #45464b;\n}\n\n#tb-eng-final .tef-cta-footer p {\n  margin: 0;\n  color: #acadb3;\n  font-size: 13px;\n  line-height: 1.95;\n}\n\n#tb-eng-final .tef-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  #tb-eng-final {\n    padding: 85px 22px;\n  }\n\n  #tb-eng-final .tef-heading,\n  #tb-eng-final .tef-cta-content {\n    grid-template-columns: 1fr;\n    gap: 28px;\n  }\n\n  #tb-eng-final .tef-action {\n    max-width: 650px;\n    width: 100%;\n  }\n}\n\n@media (max-width: 760px) {\n  #tb-eng-final {\n    padding: 65px 18px;\n  }\n\n  #tb-eng-final h2.tef-title {\n    font-size: clamp(35px,8vw,47px);\n  }\n\n  #tb-eng-final .tef-intro {\n    font-size: 16px;\n  }\n\n  #tb-eng-final .tef-item summary {\n    grid-template-columns: 28px minmax(0,1fr) 30px;\n    gap: 11px;\n    padding: 23px 0;\n  }\n\n  #tb-eng-final .tef-question {\n    font-size: 16px;\n  }\n\n  #tb-eng-final .tef-answer {\n    padding: 0 39px 25px 8px;\n  }\n\n  #tb-eng-final .tef-answer p {\n    font-size: 14px;\n  }\n\n  #tb-eng-final .tef-cta {\n    margin-top: 70px;\n    padding: 39px 25px;\n    border-radius: 19px;\n  }\n\n  #tb-eng-final h2.tef-cta-title {\n    font-size: clamp(35px,8vw,47px);\n  }\n\n  #tb-eng-final .tef-cta-description {\n    font-size: 16px;\n  }\n\n  #tb-eng-final .tef-action {\n    padding: 28px 22px;\n  }\n\n  #tb-eng-final .tef-cta-footer {\n    align-items: flex-start;\n    flex-direction: column;\n  }\n}\n\n@media (max-width: 420px) {\n  #tb-eng-final h2.tef-title,\n  #tb-eng-final h2.tef-cta-title {\n    font-size: 33px;\n  }\n\n  #tb-eng-final .tef-cta {\n    padding: 33px 19px;\n  }\n\n  #tb-eng-final .tef-action h3 {\n    font-size: 22px;\n  }\n\n  #tb-eng-final .tef-primary-btn {\n    font-size: 15px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #tb-eng-final .tef-primary-btn {\n    transition: none;\n  }\n}\n<\/style>\n\n<section\n  id=\"tb-eng-final\"\n  lang=\"ar\"\n  dir=\"rtl\"\n  aria-labelledby=\"tb-eng-faq-title\">\n\n  <div class=\"tef-container\">\n\n    <!-- FAQ HEADING -->\n    <div class=\"tef-heading\">\n\n      <div>\n        <div class=\"tef-eyebrow\">\n          \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629\n        <\/div>\n\n        <h2\n          class=\"tef-title\"\n          id=\"tb-eng-faq-title\">\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\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629\n          <\/span>\n        <\/h2>\n      <\/div>\n\n      <p class=\"tef-intro\">\n        \u0643\u064a\u0641 \u064a\u0633\u0627\u0639\u062f \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0634\u0631\u0643\u0627\u062a\n        \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629\n        \u0639\u0644\u0649 \u062a\u062e\u0637\u064a\u0637 \u0645\u0634\u0627\u0631\u064a\u0639\u0647\u0627 \u0648\u062a\u0646\u0633\u064a\u0642\n        \u0627\u0644\u0641\u0631\u0642 \u0648\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641\u061f\n        \u0625\u0644\u064a\u0643 \u0625\u062c\u0627\u0628\u0627\u062a \u0639\u0646 \u0627\u0644\u0623\u0633\u0626\u0644\u0629\n        \u0627\u0644\u0623\u0643\u062b\u0631 \u0627\u0631\u062a\u0628\u0627\u0637\u064b\u0627 \u0628\u0647\u0630\u0647 \u0627\u0644\u0623\u0639\u0645\u0627\u0644.\n      <\/p>\n\n    <\/div>\n\n    <!-- FAQs -->\n    <div class=\"tef-faq\">\n\n      <!-- 01 -->\n      <details class=\"tef-item\" open>\n\n        <summary>\n          <span class=\"tef-number\">01<\/span>\n          <span class=\"tef-question\">\n            \u0647\u0644 \u064a\u0646\u0627\u0633\u0628 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0634\u0631\u0643\u0627\u062a \u0627\u0644\u062a\u0635\u0645\u064a\u0645\n            \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629\u061f\n          <\/span>\n          <span class=\"tef-toggle\" aria-hidden=\"true\"><\/span>\n        <\/summary>\n\n        <div class=\"tef-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 \u0627\u0644\u062a\u0635\u0645\u064a\u0645\n            \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u0639\u0644\u0649 \u062a\u0646\u0638\u064a\u0645\n            \u0645\u0634\u0627\u0631\u064a\u0639\u0647\u0627 \u0648\u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629\u060c\n            \u0648\u0625\u0633\u0646\u0627\u062f \u0627\u0644\u0645\u0647\u0627\u0645 \u0625\u0644\u0649 \u0641\u0631\u0642 \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a\u060c\n            \u0648\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f\u060c \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u062a\u0642\u062f\u0645\n            \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641.\n          <\/p>\n        <\/div>\n\n      <\/details>\n\n      <!-- 02 -->\n      <details class=\"tef-item\">\n\n        <summary>\n          <span class=\"tef-number\">02<\/span>\n          <span class=\"tef-question\">\n            \u0647\u0644 \u064a\u0645\u0643\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u062e\u0637\u0637 \u062c\u0627\u0646\u062a\n            \u0641\u064a \u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629\u061f\n          <\/span>\n          <span class=\"tef-toggle\" aria-hidden=\"true\"><\/span>\n        <\/summary>\n\n        <div class=\"tef-answer\">\n          <p>\n            \u0646\u0639\u0645. \u064a\u062a\u064a\u062d \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0639\u0631\u0636\n            \u0627\u0644\u0645\u0647\u0627\u0645 \u0636\u0645\u0646 \u0645\u062e\u0637\u0637 \u062c\u0627\u0646\u062a\u060c\n            \u0648\u062a\u062d\u062f\u064a\u062f \u062a\u0648\u0627\u0631\u064a\u062e \u0627\u0644\u0628\u062f\u0621 \u0648\u0627\u0644\u0627\u0633\u062a\u062d\u0642\u0627\u0642\u060c\n            \u0648\u0645\u0631\u0627\u062c\u0639\u0629 \u062a\u0633\u0644\u0633\u0644 \u0627\u0644\u0639\u0645\u0644 \u0648\u0645\u062f\u062a\u0647.\n            \u0648\u064a\u0645\u0643\u0646\u0643 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647 \u0644\u062a\u0646\u0638\u064a\u0645 \u0645\u0631\u0627\u062d\u0644\n            \u0627\u0644\u062f\u0631\u0627\u0633\u0627\u062a \u0648\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0629\n            \u0648\u0627\u0644\u062a\u0633\u0644\u064a\u0645.\n          <\/p>\n        <\/div>\n\n      <\/details>\n\n      <!-- 03 -->\n      <details class=\"tef-item\">\n\n        <summary>\n          <span class=\"tef-number\">03<\/span>\n          <span class=\"tef-question\">\n            \u0647\u0644 \u064a\u0645\u0643\u0646 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u064a\u0627\u062a\n            \u0628\u064a\u0646 \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629\u061f\n          <\/span>\n          <span class=\"tef-toggle\" aria-hidden=\"true\"><\/span>\n        <\/summary>\n\n        <div class=\"tef-answer\">\n          <p>\n            \u0646\u0639\u0645. \u064a\u0645\u0643\u0646\u0643 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0639\u0644\u0627\u0642\u0627\u062a\n            \u0628\u064a\u0646 \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u062a\u064a \u064a\u0639\u062a\u0645\u062f \u062a\u0646\u0641\u064a\u0630\n            \u0628\u0639\u0636\u0647\u0627 \u0639\u0644\u0649 \u0627\u0644\u0622\u062e\u0631\u060c \u0645\u062b\u0644 \u0627\u0631\u062a\u0628\u0627\u0637\n            \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0645\u062e\u0637\u0637\u0627\u062a \u0627\u0644\u062a\u0641\u0635\u064a\u0644\u064a\u0629\n            \u0628\u0627\u0639\u062a\u0645\u0627\u062f \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0623\u0648\u0644\u064a.\n            \u0648\u062a\u0633\u0627\u0639\u062f \u0647\u0630\u0647 \u0627\u0644\u0639\u0644\u0627\u0642\u0627\u062a \u0639\u0644\u0649\n            \u0641\u0647\u0645 \u062a\u0633\u0644\u0633\u0644 \u0627\u0644\u0639\u0645\u0644 \u0648\u0645\u0631\u0627\u062c\u0639\u0629\n            \u0623\u062b\u0631 \u062a\u063a\u064a\u0651\u0631 \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f.\n          <\/p>\n        <\/div>\n\n      <\/details>\n\n      <!-- 04 -->\n      <details class=\"tef-item\">\n\n        <summary>\n          <span class=\"tef-number\">04<\/span>\n          <span class=\"tef-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            \u0639\u0645\u0644 \u0627\u0644\u0641\u0631\u0642 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629\u061f\n          <\/span>\n          <span class=\"tef-toggle\" aria-hidden=\"true\"><\/span>\n        <\/summary>\n\n        <div class=\"tef-answer\">\n          <p>\n            \u064a\u0645\u0643\u0646\u0643 \u0625\u0633\u0646\u0627\u062f \u0627\u0644\u0645\u0647\u0627\u0645 \u0625\u0644\u0649 \u0623\u0639\u0636\u0627\u0621\n            \u0627\u0644\u0641\u0631\u0642 \u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0625\u0646\u0634\u0627\u0626\u064a\u0629\n            \u0648\u0627\u0644\u0643\u0647\u0631\u0648\u0645\u064a\u0643\u0627\u0646\u064a\u0643\u064a\u0629 \u0648\u063a\u064a\u0631\u0647\u0627\u060c\n            \u0648\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f\u060c\n            \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u062a\u0639\u0644\u064a\u0642\u0627\u062a.\n            \u0648\u0628\u0630\u0644\u0643 \u064a\u0633\u062a\u0637\u064a\u0639 \u0645\u062f\u064a\u0631 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n            \u0645\u0631\u0627\u062c\u0639\u0629 \u062a\u0642\u062f\u0645 \u0627\u0644\u0639\u0645\u0644 \u0628\u064a\u0646 \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a\n            \u0645\u0646 \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f.\n          <\/p>\n        <\/div>\n\n      <\/details>\n\n      <!-- 05 -->\n      <details class=\"tef-item\">\n\n        <summary>\n          <span class=\"tef-number\">05<\/span>\n          <span class=\"tef-question\">\n            \u0647\u0644 \u064a\u0645\u0643\u0646 \u0625\u0631\u0641\u0627\u0642 \u0627\u0644\u0645\u062e\u0637\u0637\u0627\u062a\n            \u0648\u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0628\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u061f\n          <\/span>\n          <span class=\"tef-toggle\" aria-hidden=\"true\"><\/span>\n        <\/summary>\n\n        <div class=\"tef-answer\">\n          <p>\n            \u0646\u0639\u0645. \u064a\u0645\u0643\u0646\u0643 \u0625\u0631\u0641\u0627\u0642 \u0627\u0644\u0645\u0644\u0641\u0627\u062a\n            \u0648\u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0628\u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\u060c\n            \u0648\u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0648\u0627\u0644\u062a\u0639\u0644\u064a\u0642\u0627\u062a\n            \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u0639\u0645\u0644. \u0648\u0647\u0630\u0627 \u064a\u0633\u0627\u0639\u062f\n            \u0639\u0644\u0649 \u0625\u0628\u0642\u0627\u0621 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0636\u0645\u0646\n            \u0633\u064a\u0627\u0642 \u0627\u0644\u0645\u0647\u0645\u0629\u060c \u062f\u0648\u0646 \u0623\u0646 \u064a\u0639\u0646\u064a\n            \u0627\u0633\u062a\u0628\u062f\u0627\u0644 \u0628\u0631\u0627\u0645\u062c \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\n            \u0623\u0648 \u0623\u0646\u0638\u0645\u0629 \u0625\u062f\u0627\u0631\u0629 \u0646\u0645\u0627\u0630\u062c BIM.\n          <\/p>\n        <\/div>\n\n      <\/details>\n\n      <!-- 06 -->\n      <details class=\"tef-item\">\n\n        <summary>\n          <span class=\"tef-number\">06<\/span>\n          <span class=\"tef-question\">\n            \u0647\u0644 \u064a\u0633\u0627\u0639\u062f \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0639\u0644\u0649 \u0645\u062a\u0627\u0628\u0639\u0629\n            \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0645\u064a\u0632\u0627\u0646\u064a\u062a\u0647\u061f\n          <\/span>\n          <span class=\"tef-toggle\" aria-hidden=\"true\"><\/span>\n        <\/summary>\n\n        <div class=\"tef-answer\">\n          <p>\n            \u0646\u0639\u0645. \u064a\u0645\u0643\u0646\u0643 \u062a\u062d\u062f\u064a\u062f \u0645\u064a\u0632\u0627\u0646\u064a\u0629\n            \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u060c \u0648\u062a\u0633\u062c\u064a\u0644 \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644\n            \u0648\u0645\u0631\u0627\u062c\u0639\u0629 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641\n            \u0627\u0644\u0623\u062e\u0631\u0649. \u0648\u062a\u0633\u0627\u0639\u062f\u0643 \u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641\n            \u0639\u0644\u0649 \u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0644\u0645\u0628\u0627\u0644\u063a \u0627\u0644\u0645\u0633\u062c\u0651\u0644\u0629\n            \u0628\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u060c \u0645\u0639 \u0636\u0631\u0648\u0631\u0629\n            \u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0645\u062a\u0628\u0642\u064a\u0629\n            \u0644\u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629.\n          <\/p>\n        <\/div>\n\n      <\/details>\n\n      <!-- 07 -->\n      <details class=\"tef-item\">\n\n        <summary>\n          <span class=\"tef-number\">07<\/span>\n          <span class=\"tef-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 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629\u061f\n          <\/span>\n          <span class=\"tef-toggle\" aria-hidden=\"true\"><\/span>\n        <\/summary>\n\n        <div class=\"tef-answer\">\n          <p>\n            \u062a\u062a\u064a\u062d \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 \u0627\u0642\u062a\u0631\u0627\u062d \u062a\u0642\u062f\u064a\u0631\u0627\u062a\n            \u0644\u0639\u0628\u0621 \u0639\u0645\u0644 \u0627\u0644\u0645\u0647\u0627\u0645\u060c \u0643\u0645\u0627 \u064a\u0645\u0643\u0646\u0643\n            \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0631\u0627\u064a\u0644\u0627 \u0644\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0639\u0646\n            \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u062a\u062d\u0644\u064a\u0644\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\u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u0629.\n            \u0648\u062a\u0638\u0644 \u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629\n            \u0648\u0645\u0631\u0627\u062c\u0639\u0629 \u0646\u062a\u0627\u0626\u062c \u0627\u0644\u062a\u062d\u0644\u064a\u0644\n            \u0645\u0633\u0624\u0648\u0644\u064a\u0629 \u0627\u0644\u0645\u062e\u062a\u0635\u064a\u0646 \u0648\u0645\u062f\u064a\u0631 \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\n          <\/p>\n        <\/div>\n\n      <\/details>\n\n      <!-- 08 -->\n      <details class=\"tef-item\">\n\n        <summary>\n          <span class=\"tef-number\">08<\/span>\n          <span class=\"tef-question\">\n            \u0643\u064a\u0641 \u064a\u0645\u0643\u0646\u0646\u064a \u0627\u0644\u0628\u062f\u0621 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645\n            \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0641\u064a \u0634\u0631\u0643\u062a\u064a\u061f\n          <\/span>\n          <span class=\"tef-toggle\" aria-hidden=\"true\"><\/span>\n        <\/summary>\n\n        <div class=\"tef-answer\">\n          <p>\n            \u064a\u0645\u0643\u0646\u0643\n            <a 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\u0623\u0648\u0644\u060c\n            \u0648\u062a\u0642\u0633\u064a\u0645\u0647 \u0625\u0644\u0649 \u0645\u0647\u0627\u0645\u060c \u0648\u062a\u062d\u062f\u064a\u062f\n            \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0648\u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u0641\u0631\u064a\u0642.\n            \u064a\u0645\u0643\u0646\u0643 \u0627\u0644\u0628\u062f\u0621 \u0628\u0645\u0634\u0631\u0648\u0639 \u0648\u0627\u062d\u062f\u060c\n            \u062b\u0645 \u062a\u0648\u0633\u064a\u0639 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062a\u062f\u0631\u064a\u062c\u064a\u064b\u0627\n            \u0644\u064a\u0634\u0645\u0644 \u0628\u0642\u064a\u0629 \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0634\u0631\u0643\u0629.\n          <\/p>\n        <\/div>\n\n      <\/details>\n\n    <\/div>\n\n    <!-- FINAL CTA -->\n    <div class=\"tef-cta\">\n\n      <div class=\"tef-cta-content\">\n\n        <!-- CTA COPY -->\n        <div>\n\n          <div class=\"tef-cta-eyebrow\">\n            \u0627\u0628\u062f\u0623 \u0628\u0625\u062f\u0627\u0631\u0629 \u0645\u0634\u0627\u0631\u064a\u0639\u0643 \u0628\u0635\u0648\u0631\u0629 \u0623\u0648\u0636\u062d\n          <\/div>\n\n          <h2 class=\"tef-cta-title\">\n            \u0645\u0634\u0627\u0631\u064a\u0639 \u0623\u0643\u062b\u0631 \u062a\u0646\u0638\u064a\u0645\u064b\u0627\u060c\n            <span>\n              \u0648\u0642\u0631\u0627\u0631\u0627\u062a \u062a\u0633\u062a\u0646\u062f \u0625\u0644\u0649 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0639\u0645\u0644\n            <\/span>\n          <\/h2>\n\n          <p class=\"tef-cta-description\">\n            \u0645\u0646 \u0625\u0639\u062f\u0627\u062f \u062e\u0637\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0625\u0644\u0649\n            \u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641\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\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u0645\u0646 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\n            \u0639\u0644\u0649 \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0641\u0631\u0642\n            \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0648\u0627\u0644\u0648\u062b\u0627\u0626\u0642\u060c\n            \u0648\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u062a\u0642\u062f\u0645 \u0627\u0644\u0641\u0639\u0644\u064a\u060c\n            \u0645\u0639 \u0627\u0644\u0627\u0633\u062a\u0641\u0627\u062f\u0629 \u0645\u0646 \u0631\u0627\u064a\u0644\u0627\n            \u0648\u062a\u062d\u0644\u064a\u0644\u0627\u062a \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a.\n          <\/p>\n\n        <\/div>\n\n        <!-- ACTION -->\n        <div class=\"tef-action\">\n\n          <div class=\"tef-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\u0642\u0627\u062f\u0645\n            \u0623\u0643\u062b\u0631 \u0648\u0636\u0648\u062d\u064b\u0627\n          <\/h3>\n\n          <p class=\"tef-action-copy\">\n            \u0623\u0646\u0634\u0626 \u062d\u0633\u0627\u0628\u0643\u060c \u0648\u0623\u0636\u0641 \u0645\u0634\u0631\u0648\u0639\u0643\n            \u0627\u0644\u0647\u0646\u062f\u0633\u064a \u0627\u0644\u0623\u0648\u0644\u060c \u0648\u0627\u0628\u062f\u0623 \u0628\u062a\u0646\u0638\u064a\u0645\n            \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0648\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a\n            \u0627\u0644\u0641\u0631\u064a\u0642 \u0645\u0646 \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f.\n          <\/p>\n\n          <a\n            class=\"tef-primary-btn\"\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          <p class=\"tef-login\">\n            \u0644\u062f\u064a\u0643 \u062d\u0633\u0627\u0628 \u0628\u0627\u0644\u0641\u0639\u0644\u061f\n            <a 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=\"tef-cta-footer\">\n\n        <p>\n          \u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u00b7 \u0645\u062e\u0637\u0637 \u062c\u0627\u0646\u062a \u00b7\n          \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0641\u0631\u0642 \u00b7 \u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u00b7\n          \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\n        <\/p>\n\n        <span class=\"tef-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>\u0645\u0646 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0625\u0644\u0649 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629: \u0645\u0646 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0625\u0644\u0649 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0628\u0648\u0636\u0648\u062d \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u062a\u062a\u0637\u0644\u0628 \u0623\u0643\u062b\u0631 \u0645\u0646 \u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f. \u0645\u0639 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u064a\u0645\u0643\u0646\u0643 \u062a\u0646\u0638\u064a\u0645 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u060c \u0648\u062a\u0646\u0633\u064a\u0642 \u0639\u0645\u0644 \u0627\u0644\u0641\u0631\u0642 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629\u060c \u0648\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0645\u0648\u0627\u0631\u062f\u060c \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062a\u0642\u062f\u0645 \u0627\u0644\u0641\u0639\u0644\u064a \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f. \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 \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u0639\u0644\u0649 \u0631\u0628\u0637 \u062e\u0637\u0629 \u0627\u0644\u0639\u0645\u0644&hellip;&nbsp;<a href=\"https:\/\/taskbrowse.com\/ar\/taskbrowse-lilsharikat-alhandasiya\/\" 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\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629<\/span><\/a><\/p>\n","protected":false},"author":4,"featured_media":712,"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-711","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/pages\/711","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=711"}],"version-history":[{"count":43,"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/pages\/711\/revisions"}],"predecessor-version":[{"id":10596,"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/pages\/711\/revisions\/10596"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/media\/712"}],"wp:attachment":[{"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/media?parent=711"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}