{"id":728,"date":"2024-02-20T12:12:46","date_gmt":"2024-02-20T12:12:46","guid":{"rendered":"https:\/\/taskbrowse.com\/ar\/?page_id=728"},"modified":"2026-10-20T12:59:29","modified_gmt":"2026-10-20T12:59:29","slug":"taskbrowse-lisharikat-altasweeq","status":"publish","type":"page","link":"https:\/\/taskbrowse.com\/ar\/taskbrowse-lisharikat-altasweeq\/","title":{"rendered":"\u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u062a\u0633\u0648\u064a\u0642: \u0646\u0638\u0651\u0645 \u062d\u0645\u0644\u0627\u062a\u0643 \u0645\u0646 \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f"},"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 Marketing Agencies \u2014 Section 01\n   Hero + Marketing Project Dashboard\n   ========================================== *\/\n\n#tb-marketing-hero {\n  --tm-red: #c8102e;\n  --tm-red-hover: #a80d26;\n  --tm-ink: #17191d;\n  --tm-muted: #62656c;\n  --tm-border: #e5e5e7;\n\n  width: 100%;\n  padding: 105px 24px 42px;\n  background: #fff;\n  color: var(--tm-ink);\n  direction: rtl;\n  text-align: right;\n  font-family: \"IBM Plex Sans Arabic\", Tahoma, sans-serif;\n  overflow: hidden;\n  box-sizing: border-box;\n}\n\n#tb-marketing-hero *,\n#tb-marketing-hero *::before,\n#tb-marketing-hero *::after {\n  box-sizing: border-box;\n}\n\n#tb-marketing-hero .tm-container {\n  max-width: 1380px;\n  width: 100%;\n  margin: 0 auto;\n}\n\n\/* ===== Main hero layout ===== *\/\n\n#tb-marketing-hero .tm-main {\n  display: grid;\n  grid-template-columns:\n    minmax(0, 1fr)\n    minmax(0, 1.08fr);\n  align-items: center;\n  gap: clamp(40px, 5vw, 75px);\n}\n\n#tb-marketing-hero .tm-content,\n#tb-marketing-hero .tm-visual {\n  min-width: 0;\n}\n\n\/* ===== Typography ===== *\/\n\n#tb-marketing-hero .tm-eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n  margin-bottom: 25px;\n  color: var(--tm-red);\n  font-size: 14px;\n  font-weight: 700;\n}\n\n#tb-marketing-hero .tm-eyebrow::before {\n  content: \"\";\n  width: 32px;\n  height: 2px;\n  flex: 0 0 32px;\n  background: var(--tm-red);\n}\n\n#tb-marketing-hero h1.tm-title {\n  margin: 0 0 25px;\n  color: var(--tm-ink);\n  font-family: inherit;\n  font-size: clamp(37px, 3.6vw, 60px);\n  font-weight: 800;\n  line-height: 1.36;\n  letter-spacing: -.5px;\n}\n\n#tb-marketing-hero .tm-title span {\n  color: var(--tm-red);\n}\n\n#tb-marketing-hero .tm-lead {\n  max-width: 620px;\n  margin: 0 0 19px;\n  color: #44474e;\n  font-size: 18px;\n  line-height: 2.05;\n}\n\n#tb-marketing-hero .tm-lead strong {\n  color: var(--tm-ink);\n  font-weight: 700;\n}\n\n#tb-marketing-hero .tm-sublead {\n  max-width: 600px;\n  margin: 0 0 32px;\n  color: #797b81;\n  font-size: 15px;\n  line-height: 1.95;\n}\n\n\/* ===== Buttons ===== *\/\n\n#tb-marketing-hero .tm-actions {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 12px;\n}\n\n#tb-marketing-hero .tm-button {\n  min-height: 55px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  padding: 12px 22px;\n  border-radius: 8px;\n  font-size: 14px;\n  font-weight: 800;\n  line-height: 1.6;\n  text-decoration: none !important;\n  transition: background .2s ease, border-color .2s ease;\n}\n\n#tb-marketing-hero .tm-button-primary {\n  background: var(--tm-red);\n  color: #fff !important;\n  border: 1px solid var(--tm-red);\n}\n\n#tb-marketing-hero .tm-button-primary:hover {\n  background: var(--tm-red-hover);\n  border-color: var(--tm-red-hover);\n}\n\n#tb-marketing-hero .tm-button-secondary {\n  background: #fff;\n  color: var(--tm-ink) !important;\n  border: 1px solid #d7d7da;\n}\n\n#tb-marketing-hero .tm-button-secondary:hover {\n  background: #fff6f8;\n  border-color: #dba3b0;\n}\n\n#tb-marketing-hero .tm-button:focus-visible {\n  outline: 3px solid var(--tm-red);\n  outline-offset: 4px;\n}\n\n#tb-marketing-hero .tm-small-note {\n  margin: 13px 0 0;\n  font-size: 12px;\n  color: #85878d;\n  line-height: 1.8;\n}\n\n\/* ===== Dashboard wrapper ===== *\/\n\n#tb-marketing-hero .tm-dashboard {\n  display: grid;\n  grid-template-columns: minmax(0,1fr) 77px;\n  min-height: 440px;\n  background: #fff;\n  border: 1px solid #dfe0e3;\n  border-radius: 18px;\n  box-shadow: 0 22px 65px rgba(0,0,0,.08);\n  overflow: hidden;\n}\n\n\/* Main dashboard *\/\n\n#tb-marketing-hero .tm-board-content {\n  min-width: 0;\n  padding: 23px;\n}\n\n#tb-marketing-hero .tm-board-head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  margin-bottom: 21px;\n}\n\n#tb-marketing-hero .tm-board-head h2 {\n  margin: 0 0 5px;\n  color: #26282d;\n  font-size: 17px;\n  font-weight: 800;\n  font-family: inherit;\n}\n\n#tb-marketing-hero .tm-board-head p {\n  margin: 0;\n  font-size: 11px;\n  color: #999aa0;\n}\n\n#tb-marketing-hero .tm-new-project {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  padding: 9px 12px;\n  background: var(--tm-red);\n  border-radius: 7px;\n  font-size: 11px;\n  font-weight: 800;\n  color: #fff;\n  white-space: nowrap;\n}\n\n\/* Dashboard metrics *\/\n\n#tb-marketing-hero .tm-metrics {\n  display: grid;\n  grid-template-columns: repeat(3,minmax(0,1fr));\n  gap: 9px;\n  margin-bottom: 23px;\n}\n\n#tb-marketing-hero .tm-metric {\n  padding: 14px 12px;\n  background: #f7f7f8;\n  border: 1px solid #eeedef;\n  border-radius: 10px;\n}\n\n#tb-marketing-hero .tm-metric strong {\n  display: block;\n  color: #23252a;\n  font-size: 22px;\n  font-weight: 800;\n  line-height: 1.3;\n  direction: ltr;\n  text-align: right;\n}\n\n#tb-marketing-hero .tm-metric span {\n  display: block;\n  margin-top: 5px;\n  color: #81838a;\n  font-size: 10px;\n  line-height: 1.5;\n}\n\n\/* Dashboard table *\/\n\n#tb-marketing-hero .tm-project-heading {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 10px;\n  padding-bottom: 13px;\n  border-bottom: 1px solid #e9e9eb;\n}\n\n#tb-marketing-hero .tm-project-heading strong {\n  font-size: 13px;\n  color: #34363c;\n}\n\n#tb-marketing-hero .tm-project-heading span {\n  color: #9a9ba0;\n  font-size: 10px;\n}\n\n#tb-marketing-hero .tm-project-row {\n  display: grid;\n  grid-template-columns: 36px minmax(0,1fr) 72px;\n  align-items: center;\n  gap: 12px;\n  padding: 18px 0;\n  border-bottom: 1px solid #ececef;\n}\n\n#tb-marketing-hero .tm-project-row:last-child {\n  border-bottom: none;\n}\n\n#tb-marketing-hero .tm-project-icon {\n  width: 36px;\n  height: 36px;\n  border-radius: 9px;\n  background: #f4e7eb;\n  color: #be2441;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 15px;\n  font-weight: 800;\n}\n\n#tb-marketing-hero .tm-project-icon.blue {\n  color: #3970a3;\n  background: #eaf1f8;\n}\n\n#tb-marketing-hero .tm-project-icon.green {\n  color: #2b7a58;\n  background: #e9f5ee;\n}\n\n#tb-marketing-hero .tm-project-info {\n  min-width: 0;\n}\n\n#tb-marketing-hero .tm-project-name {\n  color: #31333a;\n  font-size: 12px;\n  font-weight: 800;\n  line-height: 1.65;\n}\n\n#tb-marketing-hero .tm-project-client {\n  margin: 4px 0 10px;\n  color: #9a9ca2;\n  font-size: 10px;\n}\n\n#tb-marketing-hero .tm-progress {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n#tb-marketing-hero .tm-progress-track {\n  width: 100%;\n  height: 5px;\n  border-radius: 20px;\n  overflow: hidden;\n  background: #ededf0;\n}\n\n#tb-marketing-hero .tm-progress-fill {\n  display: block;\n  height: 100%;\n  background: var(--tm-red);\n  border-radius: inherit;\n}\n\n#tb-marketing-hero .tm-progress-fill.green {\n  background: #3e9870;\n}\n\n#tb-marketing-hero .tm-progress-value {\n  color: #8c8e95;\n  font-size: 10px;\n  white-space: nowrap;\n  direction: ltr;\n}\n\n#tb-marketing-hero .tm-status {\n  padding: 7px 6px;\n  text-align: center;\n  border-radius: 7px;\n  font-size: 10px;\n  font-weight: 800;\n  line-height: 1.5;\n  color: #9e1530;\n  background: #fff0f3;\n}\n\n#tb-marketing-hero .tm-status.review {\n  color: #9b711b;\n  background: #fff6df;\n}\n\n#tb-marketing-hero .tm-status.done {\n  color: #287850;\n  background: #eaf7ee;\n}\n\n\/* Dark dashboard rail *\/\n\n#tb-marketing-hero .tm-sidebar {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 14px;\n  padding: 22px 8px;\n  background: #202124;\n  border-right: 1px solid #3a3c41;\n}\n\n#tb-marketing-hero .tm-sidebar-brand {\n  color: #fff;\n  font-size: 16px;\n  font-weight: 800;\n  margin-bottom: 13px;\n  direction: ltr;\n}\n\n#tb-marketing-hero .tm-sidebar-brand span {\n  color: #ff6f8b;\n}\n\n#tb-marketing-hero .tm-sidebar-item {\n  width: 100%;\n  padding: 11px 4px;\n  color: #aeb0b5;\n  text-align: center;\n  font-size: 10px;\n  line-height: 1.6;\n  border-radius: 7px;\n}\n\n#tb-marketing-hero .tm-sidebar-item.active {\n  color: #fff;\n  background: var(--tm-red);\n  font-weight: 800;\n}\n\n#tb-marketing-hero .tm-visual-note {\n  text-align: center;\n  font-size: 11px;\n  color: #9799a0;\n  line-height: 1.7;\n  margin-top: 12px;\n}\n\n\/* ===== Process strip ===== *\/\n\n#tb-marketing-hero .tm-process {\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-marketing-hero .tm-process-step {\n  position: relative;\n  padding: 27px 24px 29px;\n  border-left: 1px solid #dedfe1;\n}\n\n#tb-marketing-hero .tm-process-step:last-child {\n  border-left: 0;\n}\n\n#tb-marketing-hero .tm-process-step::before {\n  content: \"\";\n  position: absolute;\n  top: -2px;\n  right: 24px;\n  height: 3px;\n  width: 36px;\n  background: var(--tm-red);\n}\n\n#tb-marketing-hero .tm-process-heading {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n  margin-bottom: 12px;\n}\n\n#tb-marketing-hero .tm-process-no {\n  color: var(--tm-red);\n  font-size: 12px;\n  font-weight: 800;\n}\n\n#tb-marketing-hero .tm-process-heading h2 {\n  color: var(--tm-ink);\n  font-family: inherit;\n  font-size: 20px;\n  font-weight: 800;\n  margin: 0;\n}\n\n#tb-marketing-hero .tm-process-step p {\n  color: #72747a;\n  font-size: 13px;\n  line-height: 1.95;\n  margin: 0;\n}\n\n\/* ===== Responsive ===== *\/\n\n@media (max-width: 1120px) {\n  #tb-marketing-hero {\n    padding-top: 85px;\n  }\n\n  #tb-marketing-hero .tm-main {\n    grid-template-columns: 1fr;\n    gap: 55px;\n  }\n\n  #tb-marketing-hero .tm-content {\n    max-width: 850px;\n  }\n\n  #tb-marketing-hero .tm-visual {\n    max-width: 850px;\n    width: 100%;\n    margin-inline: auto;\n  }\n\n  #tb-marketing-hero h1.tm-title {\n    max-width: 850px;\n    font-size: clamp(38px,5.5vw,60px);\n  }\n}\n\n@media (max-width: 760px) {\n  #tb-marketing-hero {\n    padding: 60px 18px 30px;\n  }\n\n  #tb-marketing-hero h1.tm-title {\n    font-size: clamp(34px,7.2vw,46px);\n  }\n\n  #tb-marketing-hero .tm-lead {\n    font-size: 16px;\n  }\n\n  #tb-marketing-hero .tm-process {\n    grid-template-columns: repeat(2,minmax(0,1fr));\n    margin-top: 60px;\n  }\n\n  #tb-marketing-hero .tm-process-step:nth-child(2) {\n    border-left: 0;\n  }\n\n  #tb-marketing-hero .tm-process-step:nth-child(-n+2) {\n    border-bottom: 1px solid #dedfe1;\n  }\n\n  #tb-marketing-hero .tm-process-step {\n    padding: 25px 16px;\n  }\n\n  #tb-marketing-hero .tm-process-step::before {\n    right: 16px;\n  }\n}\n\n@media (max-width: 480px) {\n  #tb-marketing-hero h1.tm-title {\n    font-size: 33px;\n  }\n\n  #tb-marketing-hero .tm-actions {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  #tb-marketing-hero .tm-button {\n    width: 100%;\n  }\n\n  #tb-marketing-hero .tm-dashboard {\n    grid-template-columns: minmax(0,1fr) 48px;\n    border-radius: 13px;\n  }\n\n  #tb-marketing-hero .tm-sidebar {\n    padding: 15px 4px;\n    gap: 10px;\n  }\n\n  #tb-marketing-hero .tm-sidebar-item {\n    font-size: 8px;\n    overflow-wrap: anywhere;\n  }\n\n  #tb-marketing-hero .tm-sidebar-brand {\n    font-size: 12px;\n  }\n\n  #tb-marketing-hero .tm-board-content {\n    padding: 14px 11px;\n  }\n\n  #tb-marketing-hero .tm-board-head {\n    flex-wrap: wrap;\n  }\n\n  #tb-marketing-hero .tm-board-head h2 {\n    font-size: 14px;\n  }\n\n  #tb-marketing-hero .tm-new-project {\n    font-size: 9px;\n  }\n\n  #tb-marketing-hero .tm-metrics {\n    gap: 5px;\n  }\n\n  #tb-marketing-hero .tm-metric {\n    padding: 10px 6px;\n  }\n\n  #tb-marketing-hero .tm-metric strong {\n    font-size: 17px;\n  }\n\n  #tb-marketing-hero .tm-metric span {\n    font-size: 8px;\n  }\n\n  #tb-marketing-hero .tm-project-row {\n    grid-template-columns: 27px minmax(0,1fr);\n    gap: 8px;\n  }\n\n  #tb-marketing-hero .tm-project-icon {\n    width: 27px;\n    height: 27px;\n    font-size: 12px;\n  }\n\n  #tb-marketing-hero .tm-project-name {\n    font-size: 10px;\n  }\n\n  #tb-marketing-hero .tm-project-client {\n    font-size: 9px;\n  }\n\n  #tb-marketing-hero .tm-status {\n    grid-column: 2;\n    width: fit-content;\n    padding: 5px 8px;\n  }\n\n  #tb-marketing-hero .tm-process {\n    grid-template-columns: 1fr;\n  }\n\n  #tb-marketing-hero .tm-process-step,\n  #tb-marketing-hero .tm-process-step:nth-child(2) {\n    border-left: 0;\n    border-bottom: 1px solid #dedfe1;\n  }\n\n  #tb-marketing-hero .tm-process-step:last-child {\n    border-bottom: 0;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #tb-marketing-hero .tm-button {\n    transition: none;\n  }\n}\n<\/style>\n\n<section\n  id=\"tb-marketing-hero\"\n  lang=\"ar\"\n  dir=\"rtl\"\n  aria-labelledby=\"tb-marketing-hero-title\">\n\n  <div class=\"tm-container\">\n\n    <!-- HERO -->\n    <div class=\"tm-main\">\n\n      <!-- Main copy -->\n      <div class=\"tm-content\">\n\n        <div class=\"tm-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\n          class=\"tm-title\"\n          id=\"tb-marketing-hero-title\">\n\n          \u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n          \u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u062a\u0633\u0648\u064a\u0642:\n          <span>\n            \u0646\u0638\u0651\u0645 \u062d\u0645\u0644\u0627\u062a\u0643 \u0645\u0646 \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f\n          <\/span>\n\n        <\/h1>\n\n        <p class=\"tm-lead\">\n          \u0645\u0639 <strong>\u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632<\/strong>\u060c\n          \u064a\u0645\u0643\u0646\u0643 \u062a\u0646\u0638\u064a\u0645 \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\n          \u0648\u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a\u0629 \u0648\u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f\u060c\n          \u0648\u062a\u0646\u0633\u064a\u0642 \u0639\u0645\u0644 \u0627\u0644\u0641\u0631\u064a\u0642\u060c \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0648\u0642\u062a\n          \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0648\u062a\u0642\u062f\u0651\u0645 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\n          \u0645\u0646 \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f.\n        <\/p>\n\n        <p class=\"tm-sublead\">\n          \u0635\u064f\u0645\u0651\u0645 \u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0644\u0634\u0631\u0643\u0627\u062a\n          \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0644\u0645\u0633\u0627\u0639\u062f\u062a\u0643 \u0639\u0644\u0649 \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u062d\u0645\u0644\u0627\u062a\u060c\n          \u0648\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a\u060c \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0625\u0646\u062c\u0627\u0632\n          \u0628\u0648\u0636\u0648\u062d\u060c \u0633\u0648\u0627\u0621 \u0643\u0646\u062a \u062a\u062f\u064a\u0631 \u0648\u0643\u0627\u0644\u0629 \u062a\u0633\u0648\u064a\u0642\n          \u0623\u0648 \u0641\u0631\u064a\u0642\u064b\u0627 \u0645\u062a\u062e\u0635\u0635\u064b\u0627 \u062f\u0627\u062e\u0644 \u0634\u0631\u0643\u0629.\n        <\/p>\n\n        <div class=\"tm-actions\">\n\n          <a\n            class=\"tm-button tm-button-primary\"\n            href=\"https:\/\/panel.taskbrowse.com\/Account\/Register?lang=ar\">\n\n            \u0627\u0628\u062f\u0623 \u0645\u062c\u0627\u0646\u064b\u0627\n            <span aria-hidden=\"true\">\u2190<\/span>\n\n          <\/a>\n\n          <a\n            class=\"tm-button tm-button-secondary\"\n            href=\"#tb-marketing-planning\">\n\n            \u0627\u0643\u062a\u0634\u0641 \u0623\u062f\u0648\u0627\u062a \u0634\u0631\u0643\u0627\u062a \u0627\u0644\u062a\u0633\u0648\u064a\u0642\n            <span aria-hidden=\"true\">\u2193<\/span>\n\n          <\/a>\n\n        <\/div>\n\n        <p class=\"tm-small-note\">\n          \u0627\u0628\u062f\u0623 \u0628\u062a\u0646\u0638\u064a\u0645 \u0645\u0634\u0627\u0631\u064a\u0639\u0643 \u0648\u0645\u0647\u0627\u0645 \u0641\u0631\u064a\u0642\u0643\n          \u0648\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u0645\u062a\u0627\u062d\u0629 \u0641\u064a \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632.\n        <\/p>\n\n      <\/div>\n\n      <!-- Dashboard visual -->\n      <div class=\"tm-visual\">\n\n        <div\n          class=\"tm-dashboard\"\n          aria-label=\"\u0646\u0645\u0648\u0630\u062c \u062a\u0648\u0636\u064a\u062d\u064a \u0644\u0644\u0648\u062d\u0629 \u0625\u062f\u0627\u0631\u0629 \u0645\u0634\u0627\u0631\u064a\u0639 \u0634\u0631\u0643\u0627\u062a \u0627\u0644\u062a\u0633\u0648\u064a\u0642\">\n\n          <div class=\"tm-board-content\">\n\n            <!-- Dashboard heading -->\n            <div class=\"tm-board-head\">\n\n              <div>\n                <h2>\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u0633\u0648\u064a\u0642<\/h2>\n                <p>\u0644\u0648\u062d\u0629 \u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/p>\n              <\/div>\n\n              <span class=\"tm-new-project\">\n                <span aria-hidden=\"true\">+<\/span>\n                \u0645\u0634\u0631\u0648\u0639 \u062c\u062f\u064a\u062f\n              <\/span>\n\n            <\/div>\n\n            <!-- Sample metrics -->\n            <div class=\"tm-metrics\">\n\n              <div class=\"tm-metric\">\n                <strong>12<\/strong>\n                <span>\u0645\u0634\u0631\u0648\u0639\u064b\u0627 \u0646\u0634\u0637\u064b\u0627<\/span>\n              <\/div>\n\n              <div class=\"tm-metric\">\n                <strong>8<\/strong>\n                <span>\u0639\u0645\u0644\u0627\u0621<\/span>\n              <\/div>\n\n              <div class=\"tm-metric\">\n                <strong>24<\/strong>\n                <span>\u0639\u0636\u0648\u064b\u0627 \u0641\u064a \u0627\u0644\u0641\u0631\u064a\u0642<\/span>\n              <\/div>\n\n            <\/div>\n\n            <div class=\"tm-project-heading\">\n              <strong>\u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639<\/strong>\n              <span>\u062d\u0627\u0644\u0629 \u0627\u0644\u0625\u0646\u062c\u0627\u0632<\/span>\n            <\/div>\n\n            <!-- Project 01 -->\n            <div class=\"tm-project-row\">\n\n              <span class=\"tm-project-icon\"\n                    aria-hidden=\"true\">01<\/span>\n\n              <div class=\"tm-project-info\">\n\n                <div class=\"tm-project-name\">\n                  \u062d\u0645\u0644\u0629 \u0625\u0637\u0644\u0627\u0642 \u0645\u0646\u062a\u062c \u062c\u062f\u064a\u062f\n                <\/div>\n\n                <div class=\"tm-project-client\">\n                  \u0634\u0631\u0643\u0629 \u0627\u0644\u0646\u0648\u0631 \u0644\u0644\u062a\u0642\u0646\u064a\u0629\n                <\/div>\n\n                <div class=\"tm-progress\">\n                  <div class=\"tm-progress-track\">\n                    <span\n                      class=\"tm-progress-fill\"\n                      style=\"width:70%\"><\/span>\n                  <\/div>\n                  <span class=\"tm-progress-value\">70%<\/span>\n                <\/div>\n\n              <\/div>\n\n              <span class=\"tm-status\">\n                \u0642\u064a\u062f \u0627\u0644\u062a\u0646\u0641\u064a\u0630\n              <\/span>\n\n            <\/div>\n\n            <!-- Project 02 -->\n            <div class=\"tm-project-row\">\n\n              <span class=\"tm-project-icon blue\"\n                    aria-hidden=\"true\">02<\/span>\n\n              <div class=\"tm-project-info\">\n\n                <div class=\"tm-project-name\">\n                  \u0625\u062f\u0627\u0631\u0629 \u062d\u0633\u0627\u0628\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\n                <\/div>\n\n                <div class=\"tm-project-client\">\n                  \u0645\u062a\u062c\u0631 \u0627\u0644\u0631\u064a\u0627\u0636\n                <\/div>\n\n                <div class=\"tm-progress\">\n                  <div class=\"tm-progress-track\">\n                    <span\n                      class=\"tm-progress-fill\"\n                      style=\"width:45%\"><\/span>\n                  <\/div>\n                  <span class=\"tm-progress-value\">45%<\/span>\n                <\/div>\n\n              <\/div>\n\n              <span class=\"tm-status review\">\n                \u0642\u064a\u062f \u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0629\n              <\/span>\n\n            <\/div>\n\n            <!-- Project 03 -->\n            <div class=\"tm-project-row\">\n\n              <span class=\"tm-project-icon green\"\n                    aria-hidden=\"true\">03<\/span>\n\n              <div class=\"tm-project-info\">\n\n                <div class=\"tm-project-name\">\n                  \u062a\u062d\u0633\u064a\u0646 \u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062b\n                <\/div>\n\n                <div class=\"tm-project-client\">\n                  \u0634\u0631\u0643\u0629 \u0645\u062f\u0649\n                <\/div>\n\n                <div class=\"tm-progress\">\n                  <div class=\"tm-progress-track\">\n                    <span\n                      class=\"tm-progress-fill green\"\n                      style=\"width:100%\"><\/span>\n                  <\/div>\n                  <span class=\"tm-progress-value\">100%<\/span>\n                <\/div>\n\n              <\/div>\n\n              <span class=\"tm-status done\">\n                \u0645\u0643\u062a\u0645\u0644\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n          <!-- Decorative sidebar -->\n          <div class=\"tm-sidebar\" aria-hidden=\"true\">\n\n            <div class=\"tm-sidebar-brand\">\n              T<span>B<\/span>\n            <\/div>\n\n            <div class=\"tm-sidebar-item active\">\n              \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n            <\/div>\n\n            <div class=\"tm-sidebar-item\">\n              \u0627\u0644\u0645\u0647\u0627\u0645\n            <\/div>\n\n            <div class=\"tm-sidebar-item\">\n              \u0627\u0644\u0648\u0642\u062a\n            <\/div>\n\n            <div class=\"tm-sidebar-item\">\n              \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n        <p class=\"tm-visual-note\">\n          \u0646\u0645\u0648\u0630\u062c \u062a\u0648\u0636\u064a\u062d\u064a \u0644\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u062d\u0645\u0644\u0627\u062a\n          \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062a\u0642\u062f\u0645\u060c \u0648\u0644\u064a\u0633\n          \u0644\u0642\u0637\u0629 \u0641\u0639\u0644\u064a\u0629 \u0645\u0646 \u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- FOUR STEP PROCESS -->\n    <div class=\"tm-process\">\n\n      <!-- Step 01 -->\n      <div class=\"tm-process-step\">\n\n        <div class=\"tm-process-heading\">\n          <span class=\"tm-process-no\">01<\/span>\n          <h2>\u062e\u0637\u0651\u0637<\/h2>\n        <\/div>\n\n        <p>\n          \u062d\u062f\u0651\u062f \u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f\u060c\n          \u0648\u0642\u0633\u0651\u0645 \u0627\u0644\u0639\u0645\u0644 \u0625\u0644\u0649 \u0645\u0647\u0627\u0645 \u0648\u0627\u0636\u062d\u0629.\n        <\/p>\n\n      <\/div>\n\n      <!-- Step 02 -->\n      <div class=\"tm-process-step\">\n\n        <div class=\"tm-process-heading\">\n          <span class=\"tm-process-no\">02<\/span>\n          <h2>\u0646\u0633\u0651\u0642<\/h2>\n        <\/div>\n\n        <p>\n          \u0648\u0632\u0651\u0639 \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a \u0639\u0644\u0649 \u0641\u0631\u064a\u0642 \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u060c\n          \u0648\u0646\u0638\u0651\u0645 \u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0628\u064a\u0646 \u0623\u0639\u0636\u0627\u0626\u0647.\n        <\/p>\n\n      <\/div>\n\n      <!-- Step 03 -->\n      <div class=\"tm-process-step\">\n\n        <div class=\"tm-process-heading\">\n          <span class=\"tm-process-no\">03<\/span>\n          <h2>\u062a\u0627\u0628\u0639<\/h2>\n        <\/div>\n\n        <p>\n          \u0631\u0627\u0642\u0628 \u062a\u0642\u062f\u0645 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644\n          \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0641\u064a \u0645\u0634\u0627\u0631\u064a\u0639\u0643.\n        <\/p>\n\n      <\/div>\n\n      <!-- Step 04 -->\n      <div class=\"tm-process-step\">\n\n        <div class=\"tm-process-heading\">\n          <span class=\"tm-process-no\">04<\/span>\n          <h2>\u062d\u0644\u0651\u0644<\/h2>\n        <\/div>\n\n        <p>\n          \u0627\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0648\u062a\u062d\u0644\u064a\u0644\u0627\u062a \u0627\u0644\u0623\u062f\u0627\u0621\n          \u0644\u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631\u0627\u062a \u0623\u0641\u0636\u0644.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n\/* =====================================================\n   TaskBrowse Marketing Agencies \u2014 Section 02\n   Campaign Planning & Gantt Timeline\n   Scoped to #tb-marketing-planning\n   ===================================================== *\/\n\n#tb-marketing-planning {\n  --tmp-red: #c8102e;\n  --tmp-dark: #202124;\n  --tmp-panel: #292a2e;\n  --tmp-line: #414247;\n  --tmp-muted: #c3c4c9;\n  --tmp-faint: #999ba3;\n\n  width: 100%;\n  margin: 0;\n  padding: 110px 24px 100px;\n  background: var(--tmp-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-marketing-planning *,\n#tb-marketing-planning *::before,\n#tb-marketing-planning *::after {\n  box-sizing: border-box;\n}\n\n#tb-marketing-planning .tmp-container {\n  width: 100%;\n  max-width: 1380px;\n  margin: 0 auto;\n}\n\n\/* ===== Section Introduction ===== *\/\n\n#tb-marketing-planning .tmp-intro {\n  display: grid;\n  grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr);\n  gap: clamp(45px,6vw,100px);\n  align-items: center;\n  margin-bottom: 72px;\n}\n\n#tb-marketing-planning .tmp-heading,\n#tb-marketing-planning .tmp-description {\n  min-width: 0;\n}\n\n#tb-marketing-planning .tmp-eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n  margin-bottom: 26px;\n  color: #ff91aa;\n  font-size: 14px;\n  font-weight: 700;\n}\n\n#tb-marketing-planning .tmp-eyebrow::before {\n  content: \"\";\n  width: 32px;\n  height: 2px;\n  flex: 0 0 32px;\n  background: var(--tmp-red);\n}\n\n#tb-marketing-planning h2.tmp-title {\n  max-width: 760px;\n  margin: 0;\n  color: #fff;\n  font-family: inherit;\n  font-size: clamp(40px,4.3vw,67px);\n  font-weight: 800;\n  line-height: 1.35;\n  letter-spacing: -.5px;\n  overflow-wrap: normal;\n}\n\n#tb-marketing-planning .tmp-title span {\n  color: #ff94ad;\n}\n\n#tb-marketing-planning .tmp-description p {\n  margin: 0 0 20px;\n  color: var(--tmp-muted);\n  font-size: clamp(17px,1.4vw,20px);\n  line-height: 2.1;\n}\n\n#tb-marketing-planning .tmp-description p:last-child {\n  margin-bottom: 0;\n}\n\n#tb-marketing-planning .tmp-description strong {\n  color: #fff;\n  font-weight: 700;\n}\n\n\/* ===== Board ===== *\/\n\n#tb-marketing-planning .tmp-board {\n  background: var(--tmp-panel);\n  border: 1px solid var(--tmp-line);\n  border-radius: 24px;\n  overflow: hidden;\n}\n\n#tb-marketing-planning .tmp-board-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n  padding: 25px 29px;\n  border-bottom: 1px solid var(--tmp-line);\n}\n\n#tb-marketing-planning .tmp-board-project {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n}\n\n#tb-marketing-planning .tmp-project-dot {\n  flex: 0 0 9px;\n  width: 9px;\n  height: 9px;\n  border-radius: 50%;\n  background: var(--tmp-red);\n}\n\n#tb-marketing-planning .tmp-board-title {\n  font-size: 16px;\n  font-weight: 800;\n  color: #fff;\n  line-height: 1.6;\n}\n\n#tb-marketing-planning .tmp-board-subtitle {\n  margin-top: 4px;\n  font-size: 11px;\n  color: #a7a9af;\n}\n\n#tb-marketing-planning .tmp-board-badge {\n  padding: 9px 13px;\n  border-radius: 8px;\n  border: 1px solid #4d4e54;\n  color: #bfc0c5;\n  font-size: 11px;\n  white-space: nowrap;\n}\n\n\/* ===== Timeline Horizontal Scrolling ===== *\/\n\n#tb-marketing-planning .tmp-scroll {\n  width: 100%;\n  overflow-x: auto;\n  scrollbar-color: #64656b #292a2e;\n  scrollbar-width: thin;\n}\n\n#tb-marketing-planning .tmp-timeline {\n  min-width: 920px;\n  width: 100%;\n}\n\n\/* ===== Grid Header ===== *\/\n\n#tb-marketing-planning .tmp-grid-header,\n#tb-marketing-planning .tmp-grid-row {\n  display: grid;\n  grid-template-columns: 250px minmax(0,1fr);\n}\n\n#tb-marketing-planning .tmp-grid-header {\n  border-bottom: 1px solid var(--tmp-line);\n}\n\n#tb-marketing-planning .tmp-label-heading {\n  padding: 22px 25px;\n  color: #b6b7bd;\n  font-size: 12px;\n  font-weight: 700;\n  border-left: 1px solid var(--tmp-line);\n}\n\n#tb-marketing-planning .tmp-week-heading {\n  display: grid;\n  grid-template-columns: repeat(5,minmax(0,1fr));\n}\n\n#tb-marketing-planning .tmp-week {\n  min-width: 0;\n  padding: 22px 6px;\n  text-align: center;\n  color: #bdc0c5;\n  font-size: 12px;\n  border-left: 1px solid #3c3d42;\n}\n\n#tb-marketing-planning .tmp-week:last-child {\n  border-left: 0;\n}\n\n\/* ===== Timeline Rows ===== *\/\n\n#tb-marketing-planning .tmp-grid-row {\n  min-height: 100px;\n  border-bottom: 1px solid var(--tmp-line);\n}\n\n#tb-marketing-planning .tmp-grid-row:last-child {\n  border-bottom: 0;\n}\n\n#tb-marketing-planning .tmp-task-label {\n  display: flex;\n  align-items: center;\n  gap: 17px;\n  padding: 18px 23px;\n  border-left: 1px solid var(--tmp-line);\n}\n\n#tb-marketing-planning .tmp-task-number {\n  flex: 0 0 24px;\n  color: #ff91aa;\n  font-size: 12px;\n  font-weight: 800;\n}\n\n#tb-marketing-planning .tmp-task-name {\n  color: #fff;\n  font-size: 14px;\n  font-weight: 800;\n  line-height: 1.65;\n}\n\n#tb-marketing-planning .tmp-task-owner {\n  margin-top: 5px;\n  color: #aaaab1;\n  font-size: 11px;\n  line-height: 1.5;\n}\n\n\/* ===== Graphic Timeline ===== *\/\n\n#tb-marketing-planning .tmp-track {\n  position: relative;\n  min-width: 0;\n  background-image:\n    linear-gradient(\n      to left,\n      transparent calc(100% - 1px),\n      #404146 calc(100% - 1px)\n    );\n  background-size: 20% 100%;\n  background-position: right top;\n  background-repeat: repeat-x;\n}\n\n#tb-marketing-planning .tmp-bar {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  height: 40px;\n  padding: 0 14px;\n  border-radius: 7px;\n  background: var(--tmp-red);\n  color: #fff;\n  font-size: 12px;\n  font-weight: 800;\n  line-height: 1.3;\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n#tb-marketing-planning .tmp-bar.second {\n  background: #b60d30;\n}\n\n#tb-marketing-planning .tmp-bar.third {\n  background: #a60f32;\n}\n\n#tb-marketing-planning .tmp-bar.fourth {\n  background: #86172f;\n}\n\n#tb-marketing-planning .tmp-bar.fifth {\n  background: #722036;\n}\n\n\/*\n  RTL timeline:\n  right: 0% is the beginning of week 1.\n  Each 20% of width represents one week.\n*\/\n\n#tb-marketing-planning .tmp-bar-1 {\n  right: 2%;\n  width: 17%;\n}\n\n#tb-marketing-planning .tmp-bar-2 {\n  right: 16%;\n  width: 33%;\n}\n\n#tb-marketing-planning .tmp-bar-3 {\n  right: 43%;\n  width: 18%;\n}\n\n#tb-marketing-planning .tmp-bar-4 {\n  right: 57%;\n  width: 28%;\n}\n\n#tb-marketing-planning .tmp-bar-5 {\n  right: 81%;\n  width: 17%;\n}\n\n\/* ===== Board Footer ===== *\/\n\n#tb-marketing-planning .tmp-board-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\n  padding: 19px 29px;\n  border-top: 1px solid var(--tmp-line);\n  background: #25262a;\n}\n\n#tb-marketing-planning .tmp-board-footer p {\n  margin: 0;\n  color: #aaabb0;\n  font-size: 12px;\n  line-height: 1.85;\n}\n\n#tb-marketing-planning .tmp-board-footer strong {\n  color: #fff;\n  font-size: 12px;\n  white-space: nowrap;\n}\n\n\/* ===== Three Benefits ===== *\/\n\n#tb-marketing-planning .tmp-benefits {\n  display: grid;\n  grid-template-columns: repeat(3,minmax(0,1fr));\n  margin-top: 65px;\n  border-top: 1px solid var(--tmp-line);\n  border-bottom: 1px solid var(--tmp-line);\n}\n\n#tb-marketing-planning .tmp-benefit {\n  position: relative;\n  padding: 32px 27px;\n  border-left: 1px solid var(--tmp-line);\n}\n\n#tb-marketing-planning .tmp-benefit:last-child {\n  border-left: 0;\n}\n\n#tb-marketing-planning .tmp-benefit::before {\n  content: \"\";\n  position: absolute;\n  top: -2px;\n  right: 27px;\n  width: 37px;\n  height: 3px;\n  background: var(--tmp-red);\n}\n\n#tb-marketing-planning .tmp-benefit-no {\n  margin-bottom: 14px;\n  color: #ff91aa;\n  font-size: 12px;\n  font-weight: 800;\n}\n\n#tb-marketing-planning .tmp-benefit h3 {\n  margin: 0 0 11px;\n  color: #fff;\n  font-family: inherit;\n  font-size: 20px;\n  font-weight: 800;\n  line-height: 1.55;\n}\n\n#tb-marketing-planning .tmp-benefit p {\n  margin: 0;\n  color: var(--tmp-muted);\n  font-size: 14px;\n  line-height: 2;\n}\n\n\/* ===== Internal Link ===== *\/\n\n#tb-marketing-planning .tmp-bottom {\n  display: grid;\n  grid-template-columns: minmax(0,1fr) auto;\n  align-items: center;\n  gap: 34px;\n  margin-top: 55px;\n}\n\n#tb-marketing-planning .tmp-bottom h3 {\n  margin: 0 0 10px;\n  color: #fff;\n  font-family: inherit;\n  font-size: 22px;\n  font-weight: 800;\n  line-height: 1.5;\n}\n\n#tb-marketing-planning .tmp-bottom p {\n  max-width: 800px;\n  margin: 0;\n  color: var(--tmp-muted);\n  font-size: 15px;\n  line-height: 2;\n}\n\n#tb-marketing-planning .tmp-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  padding: 13px 21px;\n  min-height: 53px;\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  line-height: 1.6;\n  white-space: nowrap;\n  text-decoration: none !important;\n  transition:\n    border-color .2s ease,\n    background .2s ease;\n}\n\n#tb-marketing-planning .tmp-link:hover {\n  background: #35363b;\n  border-color: #92939a;\n}\n\n#tb-marketing-planning .tmp-link:focus-visible {\n  outline: 3px solid #ff91aa;\n  outline-offset: 4px;\n}\n\n\/* ===== Responsive ===== *\/\n\n@media (max-width: 1100px) {\n\n  #tb-marketing-planning {\n    padding: 85px 22px;\n  }\n\n  #tb-marketing-planning .tmp-intro {\n    grid-template-columns: 1fr;\n    gap: 25px;\n    margin-bottom: 52px;\n  }\n\n  #tb-marketing-planning h2.tmp-title {\n    max-width: 850px;\n    font-size: clamp(40px,5vw,60px);\n  }\n\n}\n\n@media (max-width: 760px) {\n\n  #tb-marketing-planning {\n    padding: 65px 18px;\n  }\n\n  #tb-marketing-planning h2.tmp-title {\n    font-size: clamp(36px,8vw,48px);\n  }\n\n  #tb-marketing-planning .tmp-description p {\n    font-size: 17px;\n  }\n\n  #tb-marketing-planning .tmp-board {\n    border-radius: 18px;\n  }\n\n  #tb-marketing-planning .tmp-board-header {\n    padding: 21px 18px;\n    flex-wrap: wrap;\n  }\n\n  #tb-marketing-planning .tmp-timeline {\n    min-width: 850px;\n  }\n\n  #tb-marketing-planning .tmp-grid-header,\n  #tb-marketing-planning .tmp-grid-row {\n    grid-template-columns: 225px minmax(0,1fr);\n  }\n\n  #tb-marketing-planning .tmp-task-label {\n    padding-inline: 16px;\n  }\n\n  #tb-marketing-planning .tmp-board-footer {\n    padding: 19px;\n    align-items: flex-start;\n    flex-direction: column;\n    gap: 10px;\n  }\n\n  #tb-marketing-planning .tmp-benefits {\n    grid-template-columns: 1fr;\n    margin-top: 55px;\n  }\n\n  #tb-marketing-planning .tmp-benefit {\n    border-left: none;\n    border-bottom: 1px solid var(--tmp-line);\n    padding: 29px 20px;\n  }\n\n  #tb-marketing-planning .tmp-benefit:last-child {\n    border-bottom: 0;\n  }\n\n  #tb-marketing-planning .tmp-benefit::before {\n    right: 20px;\n  }\n\n  #tb-marketing-planning .tmp-bottom {\n    grid-template-columns: 1fr;\n    gap: 25px;\n  }\n\n  #tb-marketing-planning .tmp-link {\n    width: fit-content;\n    white-space: normal;\n  }\n\n}\n\n@media (max-width: 420px) {\n\n  #tb-marketing-planning h2.tmp-title {\n    font-size: 33px;\n  }\n\n  #tb-marketing-planning .tmp-board-title {\n    font-size: 14px;\n  }\n\n  #tb-marketing-planning .tmp-bottom h3 {\n    font-size: 20px;\n  }\n\n}\n\n@media (prefers-reduced-motion: reduce) {\n\n  #tb-marketing-planning .tmp-link {\n    transition: none;\n  }\n\n}\n<\/style>\n\n<section\n  id=\"tb-marketing-planning\"\n  lang=\"ar\"\n  dir=\"rtl\"\n  aria-labelledby=\"tb-marketing-planning-title\">\n\n  <div class=\"tmp-container\">\n\n    <!-- INTRODUCTION -->\n    <div class=\"tmp-intro\">\n\n      <div class=\"tmp-heading\">\n\n        <div class=\"tmp-eyebrow\">\n          \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0644\u0644\u062d\u0645\u0644\u0627\u062a \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a\u0629\n        <\/div>\n\n        <h2\n          class=\"tmp-title\"\n          id=\"tb-marketing-planning-title\">\n\n          \u062e\u0637\u0651\u0637 \u0644\u0644\u062d\u0645\u0644\u0627\u062a\n          \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n          <span>\u0628\u0648\u0636\u0648\u062d<\/span>\n\n        <\/h2>\n\n      <\/div>\n\n      <div class=\"tmp-description\">\n\n        <p>\n          \u0645\u0646 \u062a\u062d\u062f\u064a\u062f \u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u062d\u0645\u0644\u0629 \u0625\u0644\u0649 \u0625\u0639\u062f\u0627\u062f\n          \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0648\u0625\u0637\u0644\u0627\u0642 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0648\u0642\u064a\u0627\u0633\n          \u0627\u0644\u0646\u062a\u0627\u0626\u062c\u060c \u062a\u062d\u062a\u0627\u062c \u0641\u0631\u0642 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0625\u0644\u0649 \u062e\u0637\u0629\n          \u062a\u0631\u0628\u0637 \u0627\u0644\u0645\u0647\u0627\u0645 \u0628\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0648\u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a.\n        <\/p>\n\n        <p>\n          \u064a\u0633\u0627\u0639\u062f\u0643 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0639\u0644\u0649 \u062a\u0646\u0638\u064a\u0645\n          <strong>\u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a\u0629<\/strong>\n          \u0641\u064a \u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0636\u062d\u0629\u060c \u0648\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f\n          \u0648\u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u064a\u0627\u062a \u0628\u064a\u0646 \u0627\u0644\u0645\u0647\u0627\u0645\u060c\n          \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0623\u062b\u0631 \u0627\u0644\u062a\u0623\u062e\u064a\u0631 \u0639\u0644\u0649\n          \u062a\u0633\u0644\u0633\u0644 \u0627\u0644\u062a\u0646\u0641\u064a\u0630.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- CAMPAIGN TIMELINE BOARD -->\n    <div class=\"tmp-board\">\n\n      <div class=\"tmp-board-header\">\n\n        <div class=\"tmp-board-project\">\n\n          <span\n            class=\"tmp-project-dot\"\n            aria-hidden=\"true\"><\/span>\n\n          <div>\n\n            <div class=\"tmp-board-title\">\n              \u062d\u0645\u0644\u0629 \u0625\u0637\u0644\u0627\u0642 \u0645\u0646\u062a\u062c \u062c\u062f\u064a\u062f\n            <\/div>\n\n            <div class=\"tmp-board-subtitle\">\n              \u0645\u062b\u0627\u0644 \u0644\u062e\u0637\u0629 \u062d\u0645\u0644\u0629 \u062a\u0633\u0648\u064a\u0642\u064a\u0629\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n        <div class=\"tmp-board-badge\">\n          \u0646\u0645\u0648\u0630\u062c \u062a\u0648\u0636\u064a\u062d\u064a \u0644\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a\n        <\/div>\n\n      <\/div>\n\n      <!-- Horizontal scroll for mobile -->\n      <div\n        class=\"tmp-scroll\"\n        role=\"region\"\n        aria-label=\"\u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a \u0644\u0645\u0631\u0627\u062d\u0644 \u062d\u0645\u0644\u0629 \u062a\u0633\u0648\u064a\u0642\u064a\u0629\"\n        tabindex=\"0\">\n\n        <div class=\"tmp-timeline\">\n\n          <!-- WEEKS HEADER -->\n          <div class=\"tmp-grid-header\">\n\n            <div class=\"tmp-label-heading\">\n              \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u062d\u0645\u0644\u0629\n            <\/div>\n\n            <div class=\"tmp-week-heading\">\n\n              <div class=\"tmp-week\">\n                \u0627\u0644\u0623\u0633\u0628\u0648\u0639 1\n              <\/div>\n\n              <div class=\"tmp-week\">\n                \u0627\u0644\u0623\u0633\u0628\u0648\u0639 2\n              <\/div>\n\n              <div class=\"tmp-week\">\n                \u0627\u0644\u0623\u0633\u0628\u0648\u0639 3\n              <\/div>\n\n              <div class=\"tmp-week\">\n                \u0627\u0644\u0623\u0633\u0628\u0648\u0639 4\n              <\/div>\n\n              <div class=\"tmp-week\">\n                \u0627\u0644\u0623\u0633\u0628\u0648\u0639 5\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n          <!-- ROW 01 -->\n          <div class=\"tmp-grid-row\">\n\n            <div class=\"tmp-task-label\">\n\n              <span class=\"tmp-task-number\">01<\/span>\n\n              <div>\n                <div class=\"tmp-task-name\">\n                  \u062a\u062d\u062f\u064a\u062f \u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u062d\u0645\u0644\u0629\n                <\/div>\n\n                <div class=\"tmp-task-owner\">\n                  \u0641\u0631\u064a\u0642 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629\n                <\/div>\n              <\/div>\n\n            <\/div>\n\n            <div class=\"tmp-track\">\n\n              <div class=\"tmp-bar tmp-bar-1\">\n                \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0623\u0647\u062f\u0627\u0641\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n          <!-- ROW 02 -->\n          <div class=\"tmp-grid-row\">\n\n            <div class=\"tmp-task-label\">\n\n              <span class=\"tmp-task-number\">02<\/span>\n\n              <div>\n                <div class=\"tmp-task-name\">\n                  \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0645\u062d\u062a\u0648\u0649\n                <\/div>\n\n                <div class=\"tmp-task-owner\">\n                  \u0641\u0631\u064a\u0642 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0648\u0627\u0644\u062a\u0635\u0645\u064a\u0645\n                <\/div>\n              <\/div>\n\n            <\/div>\n\n            <div class=\"tmp-track\">\n\n              <div class=\"tmp-bar second tmp-bar-2\">\n                \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0645\u062d\u062a\u0648\u0649\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n          <!-- ROW 03 -->\n          <div class=\"tmp-grid-row\">\n\n            <div class=\"tmp-task-label\">\n\n              <span class=\"tmp-task-number\">03<\/span>\n\n              <div>\n                <div class=\"tmp-task-name\">\n                  \u0625\u0637\u0644\u0627\u0642 \u0627\u0644\u062d\u0645\u0644\u0629\n                <\/div>\n\n                <div class=\"tmp-task-owner\">\n                  \u0641\u0631\u064a\u0642 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a\n                <\/div>\n              <\/div>\n\n            <\/div>\n\n            <div class=\"tmp-track\">\n\n              <div class=\"tmp-bar third tmp-bar-3\">\n                \u0627\u0644\u0625\u0637\u0644\u0627\u0642\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n          <!-- ROW 04 -->\n          <div class=\"tmp-grid-row\">\n\n            <div class=\"tmp-task-label\">\n\n              <span class=\"tmp-task-number\">04<\/span>\n\n              <div>\n                <div class=\"tmp-task-name\">\n                  \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0648\u0627\u0644\u062a\u062d\u0633\u064a\u0646\n                <\/div>\n\n                <div class=\"tmp-task-owner\">\n                  \u0641\u0631\u064a\u0642 \u0627\u0644\u062a\u062d\u0644\u064a\u0644 \u0648\u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a\n                <\/div>\n              <\/div>\n\n            <\/div>\n\n            <div class=\"tmp-track\">\n\n              <div class=\"tmp-bar fourth tmp-bar-4\">\n                \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0648\u0627\u0644\u062a\u062d\u0633\u064a\u0646\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n          <!-- ROW 05 -->\n          <div class=\"tmp-grid-row\">\n\n            <div class=\"tmp-task-label\">\n\n              <span class=\"tmp-task-number\">05<\/span>\n\n              <div>\n                <div class=\"tmp-task-name\">\n                  \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\n                <\/div>\n\n                <div class=\"tmp-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=\"tmp-track\">\n\n              <div class=\"tmp-bar fifth tmp-bar-5\">\n                \u0627\u0644\u062a\u0642\u0631\u064a\u0631\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- BOARD FOOTER -->\n      <div class=\"tmp-board-footer\">\n\n        <p>\n          \u0646\u0645\u0648\u0630\u062c \u062a\u0648\u0636\u064a\u062d\u064a \u064a\u0628\u064a\u0651\u0646 \u0643\u064a\u0641 \u064a\u0645\u0643\u0646 \u062a\u0648\u0632\u064a\u0639\n          \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u062d\u0645\u0644\u0629 \u0639\u0644\u0649 \u0623\u0633\u0627\u0628\u064a\u0639 \u0627\u0644\u0639\u0645\u0644.\n          \u064a\u0645\u0643\u0646\u0643 \u062a\u0645\u0631\u064a\u0631 \u0627\u0644\u062c\u062f\u0648\u0644 \u0623\u0641\u0642\u064a\u064b\u0627\n          \u0639\u0644\u0649 \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629.\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=\"tmp-benefits\">\n\n      <!-- BENEFIT 01 -->\n      <article class=\"tmp-benefit\">\n\n        <div class=\"tmp-benefit-no\">\n          01\n        <\/div>\n\n        <h3>\n          \u062d\u0648\u0651\u0644 \u0627\u0644\u062d\u0645\u0644\u0629 \u0625\u0644\u0649 \u0645\u0647\u0627\u0645 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0646\u0641\u064a\u0630\n        <\/h3>\n\n        <p>\n          \u0642\u0633\u0651\u0645 \u0643\u0644 \u062d\u0645\u0644\u0629 \u0625\u0644\u0649 \u0645\u0631\u0627\u062d\u0644 \u0648\u0645\u0647\u0627\u0645 \u0645\u062d\u062f\u062f\u0629\u060c\n          \u0645\u0646 \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0648\u0627\u0644\u0645\u062d\u062a\u0648\u0649\n          \u0625\u0644\u0649 \u0627\u0644\u0625\u0637\u0644\u0627\u0642 \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629\u060c\n          \u0648\u062d\u062f\u0651\u062f \u0627\u0644\u0645\u0633\u0624\u0648\u0644 \u0639\u0646 \u062a\u0646\u0641\u064a\u0630 \u0643\u0644 \u0645\u0647\u0645\u0629.\n        <\/p>\n\n      <\/article>\n\n      <!-- BENEFIT 02 -->\n      <article class=\"tmp-benefit\">\n\n        <div class=\"tmp-benefit-no\">\n          02\n        <\/div>\n\n        <h3>\n          \u0627\u0631\u0628\u0637 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u062d\u062f\u0651\u062f \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f\n        <\/h3>\n\n        <p>\n          \u0646\u0638\u0651\u0645 \u0627\u0644\u0639\u0644\u0627\u0642\u0627\u062a \u0628\u064a\u0646 \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 \u0628\u0639\u0636\u060c \u0648\u062d\u062f\u0651\u062f\n          \u062a\u0648\u0627\u0631\u064a\u062e \u0627\u0644\u0628\u062f\u0621 \u0648\u0627\u0644\u0627\u0633\u062a\u062d\u0642\u0627\u0642 \u0644\u062a\u0635\u0628\u062d\n          \u062e\u0637\u0629 \u0627\u0644\u062d\u0645\u0644\u0629 \u0623\u0643\u062b\u0631 \u0648\u0636\u0648\u062d\u064b\u0627.\n        <\/p>\n\n      <\/article>\n\n      <!-- BENEFIT 03 -->\n      <article class=\"tmp-benefit\">\n\n        <div class=\"tmp-benefit-no\">\n          03\n        <\/div>\n\n        <h3>\n          \u062a\u0627\u0628\u0639 \u0627\u0644\u062a\u0642\u062f\u0645 \u0639\u0646\u062f \u062a\u063a\u064a\u0651\u0631 \u0627\u0644\u062e\u0637\u0637\n        <\/h3>\n\n        <p>\n          \u0631\u0627\u062c\u0639 \u062a\u0642\u062f\u0645 \u0645\u0647\u0627\u0645 \u0627\u0644\u062d\u0645\u0644\u0629\u060c\n          \u0648\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0645\u062a\u0623\u062e\u0631\u0629\u060c\n          \u0648\u0623\u0639\u062f \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u062e\u0637\u0629 \u0639\u0646\u062f\u0645\u0627 \u062a\u062a\u063a\u064a\u0631\n          \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0639\u0645\u064a\u0644 \u0623\u0648 \u0645\u0648\u0627\u0639\u064a\u062f \u0627\u0644\u062a\u0633\u0644\u064a\u0645.\n        <\/p>\n\n      <\/article>\n\n    <\/div>\n\n    <!-- CLOSING -->\n    <div class=\"tmp-bottom\">\n\n      <div>\n\n        <h3>\n          \u062e\u0637\u0629 \u0648\u0627\u062d\u062f\u0629 \u062a\u062c\u0645\u0639 \u0645\u0647\u0627\u0645 \u0641\u0631\u064a\u0642 \u0627\u0644\u062a\u0633\u0648\u064a\u0642\n        <\/h3>\n\n        <p>\n          \u064a\u0631\u0628\u0637 \u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0644\u0634\u0631\u0643\u0627\u062a\n          \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0645\u0646 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0628\u064a\u0646 \u062e\u0637\u0637\n          \u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0648\u0645\u0647\u0627\u0645 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f\u060c\n          \u0645\u0645\u0627 \u064a\u0633\u0627\u0639\u062f \u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u0641\u0631\u064a\u0642 \u0639\u0644\u0649 \u0645\u0639\u0631\u0641\u0629\n          \u0645\u0627 \u064a\u062c\u0628 \u0625\u0646\u062c\u0627\u0632\u0647 \u0648\u0645\u062a\u0649\u060c\n          \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062a\u0642\u062f\u0645 \u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f.\n        <\/p>\n\n      <\/div>\n\n      <a\n        class=\"tmp-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<\/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 Marketing Agencies \u2014 Section 03\n   Clients, Campaigns & Tasks\n   ================================================= *\/\n\n#tb-marketing-clients {\n  --tmc-red: #c8102e;\n  --tmc-ink: #17191d;\n  --tmc-muted: #686a70;\n  --tmc-line: #e5e5e7;\n  --tmc-soft: #f8f8f9;\n\n  direction: rtl;\n  text-align: right;\n  width: 100%;\n  padding: 110px 24px 100px;\n  background: #fff;\n  color: var(--tmc-ink);\n  font-family: \"IBM Plex Sans Arabic\", Tahoma, sans-serif;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n\n#tb-marketing-clients *,\n#tb-marketing-clients *::before,\n#tb-marketing-clients *::after {\n  box-sizing: border-box;\n}\n\n#tb-marketing-clients .tmc-container {\n  width: 100%;\n  max-width: 1380px;\n  margin-inline: auto;\n}\n\n\/* ===== Section Heading ===== *\/\n\n#tb-marketing-clients .tmc-heading {\n  display: grid;\n  grid-template-columns: minmax(0,1fr) minmax(0,.92fr);\n  align-items: center;\n  gap: clamp(40px,6vw,100px);\n  margin-bottom: 72px;\n}\n\n#tb-marketing-clients .tmc-heading > * {\n  min-width: 0;\n}\n\n#tb-marketing-clients .tmc-eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n  margin-bottom: 25px;\n  font-size: 14px;\n  color: var(--tmc-red);\n  font-weight: 700;\n}\n\n#tb-marketing-clients .tmc-eyebrow::before {\n  content: \"\";\n  height: 2px;\n  width: 32px;\n  flex: 0 0 32px;\n  background: var(--tmc-red);\n}\n\n#tb-marketing-clients h2.tmc-title {\n  margin: 0;\n  max-width: 730px;\n  font-family: inherit;\n  color: var(--tmc-ink);\n  font-size: clamp(40px,4.3vw,65px);\n  line-height: 1.37;\n  font-weight: 800;\n  letter-spacing: -.4px;\n}\n\n#tb-marketing-clients .tmc-title span {\n  color: var(--tmc-red);\n}\n\n#tb-marketing-clients .tmc-intro {\n  margin: 0;\n  color: #565960;\n  font-size: clamp(17px,1.4vw,20px);\n  line-height: 2.1;\n}\n\n\/* ===== Main Layout ===== *\/\n\n#tb-marketing-clients .tmc-main {\n  display: grid;\n  grid-template-columns: minmax(0,1.12fr) minmax(0,.88fr);\n  align-items: center;\n  gap: 60px;\n}\n\n#tb-marketing-clients .tmc-main > * {\n  min-width: 0;\n}\n\n\/* ===== Product Concept Dashboard ===== *\/\n\n#tb-marketing-clients .tmc-visual {\n  min-width: 0;\n  margin: 0;\n}\n\n#tb-marketing-clients .tmc-dashboard {\n  background: #fff;\n  border: 1px solid #dfe0e3;\n  border-radius: 22px;\n  overflow: hidden;\n  box-shadow: 0 24px 70px rgba(0,0,0,.075);\n}\n\n#tb-marketing-clients .tmc-dashboard-head {\n  padding: 24px 25px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 15px;\n  border-bottom: 1px solid var(--tmc-line);\n}\n\n#tb-marketing-clients .tmc-dashboard-head h3 {\n  margin: 0 0 5px;\n  color: #24262b;\n  font-family: inherit;\n  font-size: 18px;\n  font-weight: 800;\n}\n\n#tb-marketing-clients .tmc-dashboard-head p {\n  margin: 0;\n  color: #92949b;\n  font-size: 11px;\n}\n\n#tb-marketing-clients .tmc-demo-tag {\n  padding: 8px 11px;\n  border: 1px solid #e5e5e8;\n  border-radius: 8px;\n  color: #85878d;\n  white-space: nowrap;\n  font-size: 11px;\n}\n\n\/* ===== Summary Metrics ===== *\/\n\n#tb-marketing-clients .tmc-summary {\n  display: grid;\n  grid-template-columns: repeat(3,minmax(0,1fr));\n  gap: 11px;\n  padding: 20px 23px;\n  background: #fbfbfc;\n  border-bottom: 1px solid var(--tmc-line);\n}\n\n#tb-marketing-clients .tmc-summary-item {\n  background: #fff;\n  border: 1px solid #ededf0;\n  border-radius: 10px;\n  padding: 14px;\n}\n\n#tb-marketing-clients .tmc-summary-item strong {\n  display: block;\n  color: #24262b;\n  font-size: 24px;\n  font-weight: 800;\n  line-height: 1.3;\n  direction: ltr;\n  text-align: right;\n}\n\n#tb-marketing-clients .tmc-summary-item span {\n  display: block;\n  color: #81838b;\n  font-size: 11px;\n  margin-top: 5px;\n  line-height: 1.5;\n}\n\n\/* ===== Project Rows ===== *\/\n\n#tb-marketing-clients .tmc-projects {\n  padding: 10px 23px 20px;\n}\n\n#tb-marketing-clients .tmc-table-head {\n  display: flex;\n  justify-content: space-between;\n  gap: 15px;\n  padding: 15px 0;\n  border-bottom: 1px solid #ededf0;\n  font-size: 12px;\n  font-weight: 800;\n  color: #5d5f65;\n}\n\n#tb-marketing-clients .tmc-table-head span {\n  color: #9a9ba1;\n  font-size: 11px;\n  font-weight: 500;\n}\n\n#tb-marketing-clients .tmc-project-row {\n  display: grid;\n  grid-template-columns: 40px minmax(0,1fr) 94px;\n  gap: 14px;\n  align-items: center;\n  padding: 22px 0;\n  border-bottom: 1px solid #ededf0;\n}\n\n#tb-marketing-clients .tmc-project-row:last-child {\n  border-bottom: none;\n}\n\n#tb-marketing-clients .tmc-project-icon {\n  width: 40px;\n  height: 40px;\n  border-radius: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #fcebf0;\n  color: var(--tmc-red);\n  font-size: 13px;\n  font-weight: 800;\n}\n\n#tb-marketing-clients .tmc-project-icon.blue {\n  background: #eaf2fa;\n  color: #3878ad;\n}\n\n#tb-marketing-clients .tmc-project-icon.green {\n  background: #eaf5ed;\n  color: #358355;\n}\n\n#tb-marketing-clients .tmc-project-info {\n  min-width: 0;\n}\n\n#tb-marketing-clients .tmc-project-name {\n  color: #2a2c31;\n  font-size: 14px;\n  line-height: 1.65;\n  font-weight: 800;\n}\n\n#tb-marketing-clients .tmc-project-client {\n  margin-top: 4px;\n  color: #93959b;\n  font-size: 11px;\n  line-height: 1.65;\n}\n\n#tb-marketing-clients .tmc-progress {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 13px;\n}\n\n#tb-marketing-clients .tmc-progress-track {\n  flex: 1;\n  height: 6px;\n  border-radius: 20px;\n  overflow: hidden;\n  background: #ececf0;\n}\n\n#tb-marketing-clients .tmc-progress-fill {\n  display: block;\n  height: 100%;\n  background: var(--tmc-red);\n  border-radius: inherit;\n}\n\n#tb-marketing-clients .tmc-progress-fill.green {\n  background: #409367;\n}\n\n#tb-marketing-clients .tmc-progress-number {\n  font-size: 10px;\n  font-weight: 700;\n  direction: ltr;\n  color: #85878e;\n}\n\n#tb-marketing-clients .tmc-status {\n  display: inline-block;\n  width: 100%;\n  border-radius: 7px;\n  padding: 9px 5px;\n  background: #fff0f3;\n  color: #b60e31;\n  font-size: 11px;\n  font-weight: 800;\n  text-align: center;\n  line-height: 1.5;\n}\n\n#tb-marketing-clients .tmc-status.review {\n  background: #fff5df;\n  color: #956c16;\n}\n\n#tb-marketing-clients .tmc-status.done {\n  background: #eaf7ee;\n  color: #28764c;\n}\n\n\/* ===== Dashboard Footer ===== *\/\n\n#tb-marketing-clients .tmc-dashboard-footer {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 17px;\n  padding: 20px 25px;\n  background: #202124;\n  color: #fff;\n}\n\n#tb-marketing-clients .tmc-dashboard-footer span {\n  font-size: 12px;\n  line-height: 1.7;\n  color: #c3c4c8;\n}\n\n#tb-marketing-clients .tmc-dashboard-footer strong {\n  font-size: 12px;\n  white-space: nowrap;\n  color: #fff;\n}\n\n#tb-marketing-clients .tmc-visual figcaption {\n  margin-top: 14px;\n  color: #96989e;\n  text-align: center;\n  font-size: 12px;\n  line-height: 1.8;\n}\n\n\/* ===== Description Side ===== *\/\n\n#tb-marketing-clients .tmc-content {\n  min-width: 0;\n}\n\n#tb-marketing-clients .tmc-content-label {\n  display: flex;\n  align-items: center;\n  gap: 11px;\n  color: var(--tmc-red);\n  font-size: 13px;\n  font-weight: 800;\n  margin-bottom: 21px;\n}\n\n#tb-marketing-clients .tmc-content-label::before {\n  content: \"\";\n  width: 24px;\n  height: 2px;\n  background: var(--tmc-red);\n}\n\n#tb-marketing-clients h3.tmc-content-title {\n  color: var(--tmc-ink);\n  font-family: inherit;\n  font-size: clamp(27px,2.6vw,39px);\n  font-weight: 800;\n  line-height: 1.48;\n  margin: 0 0 25px;\n}\n\n#tb-marketing-clients .tmc-content-lead {\n  margin: 0 0 30px;\n  color: var(--tmc-muted);\n  font-size: 16px;\n  line-height: 2.1;\n}\n\n\/* ===== Vertical Mini Steps ===== *\/\n\n#tb-marketing-clients .tmc-flow {\n  border-top: 1px solid var(--tmc-line);\n}\n\n#tb-marketing-clients .tmc-flow-item {\n  display: grid;\n  grid-template-columns: 32px minmax(0,1fr);\n  gap: 14px;\n  align-items: start;\n  padding: 19px 0;\n  border-bottom: 1px solid var(--tmc-line);\n}\n\n#tb-marketing-clients .tmc-flow-number {\n  font-size: 13px;\n  font-weight: 800;\n  color: var(--tmc-red);\n  padding-top: 3px;\n}\n\n#tb-marketing-clients .tmc-flow-item h4 {\n  margin: 0 0 6px;\n  font-family: inherit;\n  font-size: 17px;\n  font-weight: 800;\n  color: #282a30;\n  line-height: 1.55;\n}\n\n#tb-marketing-clients .tmc-flow-item p {\n  margin: 0;\n  color: #777981;\n  font-size: 13px;\n  line-height: 1.85;\n}\n\n\/* ===== Feature Cards ===== *\/\n\n#tb-marketing-clients .tmc-features {\n  display: grid;\n  grid-template-columns: repeat(4,minmax(0,1fr));\n  gap: 15px;\n  margin-top: 75px;\n}\n\n#tb-marketing-clients .tmc-feature {\n  border: 1px solid var(--tmc-line);\n  border-radius: 15px;\n  padding: 25px 22px;\n  background: #fff;\n}\n\n#tb-marketing-clients .tmc-feature-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 43px;\n  height: 43px;\n  margin-bottom: 17px;\n  color: var(--tmc-red);\n  background: #fff4f6;\n  border: 1px solid #f1d2da;\n  border-radius: 11px;\n}\n\n#tb-marketing-clients .tmc-feature-icon svg {\n  width: 23px;\n  height: 23px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n#tb-marketing-clients .tmc-feature h3 {\n  margin: 0 0 8px;\n  color: #27292f;\n  font-family: inherit;\n  font-size: 17px;\n  font-weight: 800;\n  line-height: 1.6;\n}\n\n#tb-marketing-clients .tmc-feature p {\n  margin: 0;\n  color: #777980;\n  font-size: 13px;\n  line-height: 1.9;\n}\n\n\/* ===== Bottom Summary ===== *\/\n\n#tb-marketing-clients .tmc-bottom {\n  display: grid;\n  grid-template-columns: minmax(0,1fr) auto;\n  align-items: center;\n  gap: 30px;\n  margin-top: 60px;\n  padding: 31px 34px;\n  background: var(--tmc-soft);\n  border: 1px solid var(--tmc-line);\n  border-radius: 18px;\n}\n\n#tb-marketing-clients .tmc-bottom h3 {\n  margin: 0 0 9px;\n  color: var(--tmc-ink);\n  font-family: inherit;\n  font-size: 20px;\n  font-weight: 800;\n}\n\n#tb-marketing-clients .tmc-bottom p {\n  margin: 0;\n  color: var(--tmc-muted);\n  font-size: 14px;\n  line-height: 2;\n}\n\n#tb-marketing-clients .tmc-bottom-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 11px;\n  min-height: 51px;\n  padding: 12px 19px;\n  border: 1px solid #dfb6c1;\n  border-radius: 9px;\n  background: #fff;\n  color: #b10e2b !important;\n  font-size: 13px;\n  font-weight: 800;\n  white-space: nowrap;\n  text-decoration: none !important;\n}\n\n#tb-marketing-clients .tmc-bottom-link:hover {\n  background: #fff4f7;\n}\n\n#tb-marketing-clients .tmc-bottom-link:focus-visible {\n  outline: 3px solid var(--tmc-red);\n  outline-offset: 4px;\n}\n\n\/* ===== Responsive ===== *\/\n\n@media (max-width: 1100px) {\n\n  #tb-marketing-clients {\n    padding: 85px 22px;\n  }\n\n  #tb-marketing-clients .tmc-heading {\n    grid-template-columns: 1fr;\n    gap: 28px;\n    margin-bottom: 52px;\n  }\n\n  #tb-marketing-clients .tmc-main {\n    grid-template-columns: 1fr;\n    gap: 55px;\n  }\n\n  #tb-marketing-clients .tmc-visual,\n  #tb-marketing-clients .tmc-content {\n    width: 100%;\n    max-width: 850px;\n    margin-inline: auto;\n  }\n\n  #tb-marketing-clients .tmc-features {\n    grid-template-columns: repeat(2,minmax(0,1fr));\n  }\n\n}\n\n@media (max-width: 760px) {\n\n  #tb-marketing-clients {\n    padding: 65px 18px;\n  }\n\n  #tb-marketing-clients h2.tmc-title {\n    font-size: clamp(35px,8vw,47px);\n  }\n\n  #tb-marketing-clients .tmc-intro {\n    font-size: 17px;\n  }\n\n  #tb-marketing-clients .tmc-features {\n    margin-top: 55px;\n  }\n\n  #tb-marketing-clients .tmc-bottom {\n    grid-template-columns: 1fr;\n    padding: 25px 22px;\n    margin-top: 45px;\n  }\n\n  #tb-marketing-clients .tmc-bottom-link {\n    width: fit-content;\n    white-space: normal;\n  }\n\n}\n\n@media (max-width: 520px) {\n\n  #tb-marketing-clients h2.tmc-title {\n    font-size: 33px;\n  }\n\n  #tb-marketing-clients .tmc-dashboard {\n    border-radius: 16px;\n  }\n\n  #tb-marketing-clients .tmc-dashboard-head {\n    padding: 19px 15px;\n    align-items: flex-start;\n    flex-direction: column;\n  }\n\n  #tb-marketing-clients .tmc-summary {\n    padding: 14px;\n    gap: 6px;\n  }\n\n  #tb-marketing-clients .tmc-summary-item {\n    padding: 11px 7px;\n  }\n\n  #tb-marketing-clients .tmc-summary-item strong {\n    font-size: 19px;\n  }\n\n  #tb-marketing-clients .tmc-summary-item span {\n    font-size: 9px;\n  }\n\n  #tb-marketing-clients .tmc-projects {\n    padding-inline: 15px;\n  }\n\n  #tb-marketing-clients .tmc-project-row {\n    grid-template-columns: 34px minmax(0,1fr);\n    gap: 10px;\n    padding: 19px 0;\n  }\n\n  #tb-marketing-clients .tmc-project-icon {\n    width: 34px;\n    height: 34px;\n  }\n\n  #tb-marketing-clients .tmc-project-name {\n    font-size: 12px;\n  }\n\n  #tb-marketing-clients .tmc-status {\n    grid-column: 2;\n    width: fit-content;\n    min-width: 95px;\n  }\n\n  #tb-marketing-clients .tmc-dashboard-footer {\n    padding: 18px 15px;\n    align-items: flex-start;\n    flex-direction: column;\n  }\n\n  #tb-marketing-clients .tmc-features {\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n\n  #tb-marketing-clients .tmc-feature {\n    padding: 22px;\n  }\n\n  #tb-marketing-clients h3.tmc-content-title {\n    font-size: 28px;\n  }\n\n}\n<\/style>\n\n<section\n  id=\"tb-marketing-clients\"\n  lang=\"ar\"\n  dir=\"rtl\"\n  aria-labelledby=\"tb-marketing-clients-title\">\n\n  <div class=\"tmc-container\">\n\n    <!-- SECTION HEADING -->\n    <div class=\"tmc-heading\">\n\n      <div>\n\n        <div class=\"tmc-eyebrow\">\n          \u0625\u062f\u0627\u0631\u0629 \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\n        <\/div>\n\n        <h2\n          class=\"tmc-title\"\n          id=\"tb-marketing-clients-title\">\n\n          \u0643\u0644 \u0639\u0645\u064a\u0644\u060c \u0648\u0643\u0644 \u062d\u0645\u0644\u0629\u060c\n          <span>\u0648\u0643\u0644 \u0645\u0647\u0645\u0629 \u0641\u064a \u0645\u0643\u0627\u0646\u0647\u0627<\/span>\n\n        <\/h2>\n\n      <\/div>\n\n      <p class=\"tmc-intro\">\n        \u0639\u0646\u062f\u0645\u0627 \u062a\u062f\u064a\u0631 \u0634\u0631\u0643\u0629 \u062a\u0633\u0648\u064a\u0642 \u0639\u062f\u0629 \u062d\u0645\u0644\u0627\u062a\n        \u0644\u0639\u0645\u0644\u0627\u0621 \u0645\u062e\u062a\u0644\u0641\u064a\u0646\u060c \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0631\u0624\u064a\u0629\n        \u0648\u0627\u0636\u062d\u0629 \u0644\u0643\u0644 \u0645\u0634\u0631\u0648\u0639 \u062f\u0648\u0646 \u062e\u0644\u0637 \u0627\u0644\u0645\u0644\u0641\u0627\u062a\n        \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0648\u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a.\n        \u064a\u062a\u064a\u062d \u0644\u0643 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u062a\u0646\u0638\u064a\u0645 \u062d\u0645\u0644\u0627\u062a\n        \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0641\u064a \u0645\u0634\u0627\u0631\u064a\u0639 \u0645\u0633\u062a\u0642\u0644\u0629\u060c\n        \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u062a\u0642\u062f\u0645 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\n        \u0645\u0646 \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f.\n      <\/p>\n\n    <\/div>\n\n    <!-- MAIN CONTENT -->\n    <div class=\"tmc-main\">\n\n      <!-- VISUAL -->\n      <figure class=\"tmc-visual\">\n\n        <div class=\"tmc-dashboard\">\n\n          <!-- Dashboard Header -->\n          <div class=\"tmc-dashboard-head\">\n\n            <div>\n              <h3>\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u062d\u0645\u0644\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/h3>\n              <p>\u0645\u0644\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u062c\u0627\u0631\u064a\u0629<\/p>\n            <\/div>\n\n            <span class=\"tmc-demo-tag\">\n              \u0645\u062b\u0627\u0644 \u062a\u0648\u0636\u064a\u062d\u064a\n            <\/span>\n\n          <\/div>\n\n          <!-- Summary Metrics -->\n          <div class=\"tmc-summary\">\n\n            <div class=\"tmc-summary-item\">\n              <strong>8<\/strong>\n              <span>\u0645\u0634\u0627\u0631\u064a\u0639 \u0646\u0634\u0637\u0629<\/span>\n            <\/div>\n\n            <div class=\"tmc-summary-item\">\n              <strong>5<\/strong>\n              <span>\u0639\u0645\u0644\u0627\u0621<\/span>\n            <\/div>\n\n            <div class=\"tmc-summary-item\">\n              <strong>32<\/strong>\n              <span>\u0645\u0647\u0645\u0629 \u0642\u064a\u062f \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629<\/span>\n            <\/div>\n\n          <\/div>\n\n          <!-- Project Table -->\n          <div class=\"tmc-projects\">\n\n            <div class=\"tmc-table-head\">\n              <strong>\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639<\/strong>\n              <span>\u0627\u0644\u062d\u0627\u0644\u0629 \u0648\u0627\u0644\u062a\u0642\u062f\u0645<\/span>\n            <\/div>\n\n            <!-- Project 01 -->\n            <div class=\"tmc-project-row\">\n\n              <span\n                class=\"tmc-project-icon\"\n                aria-hidden=\"true\">\n                01\n              <\/span>\n\n              <div class=\"tmc-project-info\">\n\n                <div class=\"tmc-project-name\">\n                  \u062d\u0645\u0644\u0629 \u0625\u0637\u0644\u0627\u0642 \u0645\u0646\u062a\u062c \u062c\u062f\u064a\u062f\n                <\/div>\n\n                <div class=\"tmc-project-client\">\n                  \u0634\u0631\u0643\u0629 \u0627\u0644\u0646\u0648\u0631 \u0644\u0644\u062a\u0642\u0646\u064a\u0629\n                <\/div>\n\n                <div class=\"tmc-progress\">\n\n                  <div class=\"tmc-progress-track\">\n                    <span\n                      class=\"tmc-progress-fill\"\n                      style=\"width:70%\"><\/span>\n                  <\/div>\n\n                  <span class=\"tmc-progress-number\">\n                    70%\n                  <\/span>\n\n                <\/div>\n\n              <\/div>\n\n              <span class=\"tmc-status\">\n                \u0642\u064a\u062f \u0627\u0644\u062a\u0646\u0641\u064a\u0630\n              <\/span>\n\n            <\/div>\n\n            <!-- Project 02 -->\n            <div class=\"tmc-project-row\">\n\n              <span\n                class=\"tmc-project-icon blue\"\n                aria-hidden=\"true\">\n                02\n              <\/span>\n\n              <div class=\"tmc-project-info\">\n\n                <div class=\"tmc-project-name\">\n                  \u0625\u062f\u0627\u0631\u0629 \u062d\u0633\u0627\u0628\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\n                <\/div>\n\n                <div class=\"tmc-project-client\">\n                  \u0645\u062a\u062c\u0631 \u0627\u0644\u0631\u064a\u0627\u0636\n                <\/div>\n\n                <div class=\"tmc-progress\">\n\n                  <div class=\"tmc-progress-track\">\n                    <span\n                      class=\"tmc-progress-fill\"\n                      style=\"width:45%\"><\/span>\n                  <\/div>\n\n                  <span class=\"tmc-progress-number\">\n                    45%\n                  <\/span>\n\n                <\/div>\n\n              <\/div>\n\n              <span class=\"tmc-status review\">\n                \u0642\u064a\u062f \u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0629\n              <\/span>\n\n            <\/div>\n\n            <!-- Project 03 -->\n            <div class=\"tmc-project-row\">\n\n              <span\n                class=\"tmc-project-icon green\"\n                aria-hidden=\"true\">\n                03\n              <\/span>\n\n              <div class=\"tmc-project-info\">\n\n                <div class=\"tmc-project-name\">\n                  \u062a\u062d\u0633\u064a\u0646 \u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062b\n                <\/div>\n\n                <div class=\"tmc-project-client\">\n                  \u0634\u0631\u0643\u0629 \u0645\u062f\u0649\n                <\/div>\n\n                <div class=\"tmc-progress\">\n\n                  <div class=\"tmc-progress-track\">\n                    <span\n                      class=\"tmc-progress-fill green\"\n                      style=\"width:100%\"><\/span>\n                  <\/div>\n\n                  <span class=\"tmc-progress-number\">\n                    100%\n                  <\/span>\n\n                <\/div>\n\n              <\/div>\n\n              <span class=\"tmc-status done\">\n                \u0645\u0643\u062a\u0645\u0644\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n          <!-- Dashboard Footer -->\n          <div class=\"tmc-dashboard-footer\">\n\n            <span>\n              \u0644\u0643\u0644 \u062d\u0645\u0644\u0629 \u0645\u0647\u0627\u0645\u0647\u0627 \u0648\u0645\u0648\u0627\u0639\u064a\u062f\u0647\u0627\n              \u0648\u0645\u0644\u0641\u0627\u062a\u0647\u0627 \u0648\u062a\u0642\u062f\u0645\u0647\u0627.\n            <\/span>\n\n            <strong>\n              \u0631\u0624\u064a\u0629 \u0623\u0648\u0636\u062d \u0644\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n            <\/strong>\n\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 \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\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=\"tmc-content\">\n\n        <div class=\"tmc-content-label\">\n          \u0645\u0646 \u0637\u0644\u0628 \u0627\u0644\u0639\u0645\u064a\u0644 \u0625\u0644\u0649 \u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0639\u0645\u0644\n        <\/div>\n\n        <h3 class=\"tmc-content-title\">\n          \u0646\u0638\u0651\u0645 \u0639\u0645\u0644 \u0641\u0631\u064a\u0642 \u0627\u0644\u062a\u0633\u0648\u064a\u0642\n          \u062f\u0648\u0646 \u0623\u0646 \u062a\u0636\u064a\u0639 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644\n          \u0628\u064a\u0646 \u0627\u0644\u062d\u0645\u0644\u0627\u062a\n        <\/h3>\n\n        <p class=\"tmc-content-lead\">\n          \u0628\u062f\u0644 \u062a\u0648\u0632\u064a\u0639 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062d\u0645\u0644\u0629 \u0628\u064a\u0646\n          \u0627\u0644\u0631\u0633\u0627\u0626\u0644 \u0648\u0627\u0644\u062c\u062f\u0627\u0648\u0644 \u0648\u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0627\u0644\u0645\u0646\u0641\u0635\u0644\u0629\u060c\n          \u0627\u0633\u062a\u062e\u062f\u0645 \u0645\u0634\u0631\u0648\u0639\u064b\u0627 \u0648\u0627\u062d\u062f\u064b\u0627 \u064a\u062c\u0645\u0639\n          \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629 \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f\n          \u0648\u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u0641\u0631\u064a\u0642 \u0648\u0627\u0644\u0648\u062b\u0627\u0626\u0642\u060c\n          \u0645\u0639 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0645\u0631\u0627\u062c\u0639\u0629 \u062a\u0642\u062f\u0645 \u0627\u0644\u062a\u0646\u0641\u064a\u0630.\n        <\/p>\n\n        <div class=\"tmc-flow\">\n\n          <!-- Flow 01 -->\n          <div class=\"tmc-flow-item\">\n\n            <span class=\"tmc-flow-number\">01<\/span>\n\n            <div>\n              <h4>\n                \u0623\u0646\u0634\u0626 \u0645\u0634\u0631\u0648\u0639\u064b\u0627 \u0644\u0643\u0644 \u062d\u0645\u0644\u0629 \u0623\u0648 \u0639\u0645\u064a\u0644\n              <\/h4>\n\n              <p>\n                \u0627\u0641\u0635\u0644 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0639\u0646 \u0628\u0639\u0636\u0647\u0627\n                \u0648\u0646\u0638\u0651\u0645 \u0643\u0644 \u062d\u0645\u0644\u0629 \u0648\u0641\u0642 \u0623\u0647\u062f\u0627\u0641\u0647\u0627\n                \u0648\u0645\u0648\u0627\u0639\u064a\u062f \u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0647\u0627.\n              <\/p>\n            <\/div>\n\n          <\/div>\n\n          <!-- Flow 02 -->\n          <div class=\"tmc-flow-item\">\n\n            <span class=\"tmc-flow-number\">02<\/span>\n\n            <div>\n              <h4>\n                \u062d\u062f\u0651\u062f \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a\n              <\/h4>\n\n              <p>\n                \u0648\u0632\u0651\u0639 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u0644\u0645\u062d\u062a\u0648\u0649\n                \u0648\u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0648\u0627\u0644\u062a\u062d\u0644\u064a\u0644 \u0639\u0644\u0649\n                \u0627\u0644\u0623\u0634\u062e\u0627\u0635 \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0646 \u0639\u0646\u0647\u0627.\n              <\/p>\n            <\/div>\n\n          <\/div>\n\n          <!-- Flow 03 -->\n          <div class=\"tmc-flow-item\">\n\n            <span class=\"tmc-flow-number\">03<\/span>\n\n            <div>\n              <h4>\n                \u062a\u0627\u0628\u0639 \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0648\u0627\u0644\u062a\u0642\u062f\u0645\n              <\/h4>\n\n              <p>\n                \u0631\u0627\u062c\u0639 \u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0623\u0639\u0645\u0627\u0644\n                \u0627\u0644\u0645\u062a\u0623\u062e\u0631\u0629\u060c \u0648\u0627\u0639\u0631\u0641 \u0645\u0627 \u064a\u062d\u062a\u0627\u062c\n                \u0625\u0644\u0649 \u0645\u062a\u0627\u0628\u0639\u0629 \u0642\u0628\u0644 \u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u062d\u0645\u0644\u0629.\n              <\/p>\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- FEATURES -->\n    <div class=\"tmc-features\">\n\n      <!-- Feature 01 -->\n      <article class=\"tmc-feature\">\n\n        <div class=\"tmc-feature-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\">\n            <circle cx=\"9\" cy=\"8\" r=\"3\"\/>\n            <path d=\"M3 20v-2a6 6 0 0 1 12 0v2\"\/>\n            <circle cx=\"18\" cy=\"8\" r=\"2\"\/>\n            <path d=\"M18 14a4 4 0 0 1 3 4v2\"\/>\n          <\/svg>\n        <\/div>\n\n        <h3>\n          \u062a\u0646\u0638\u064a\u0645 \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\n        <\/h3>\n\n        <p>\n          \u0627\u062c\u0645\u0639 \u0623\u0639\u0645\u0627\u0644 \u0643\u0644 \u0639\u0645\u064a\u0644\n          \u0636\u0645\u0646 \u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0636\u062d\u0629\u060c\n          \u0645\u0639 \u0641\u0635\u0644 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f.\n        <\/p>\n\n      <\/article>\n\n      <!-- Feature 02 -->\n      <article class=\"tmc-feature\">\n\n        <div class=\"tmc-feature-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\">\n            <rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\/>\n            <path d=\"m8 10 2 2 4-4\"\/>\n            <path d=\"M8 16h8\"\/>\n          <\/svg>\n        <\/div>\n\n        <h3>\n          \u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0645\u0647\u0627\u0645\n        <\/h3>\n\n        <p>\n          \u062d\u062f\u0651\u062f \u0645\u0633\u0624\u0648\u0644\u064a\u0629 \u0643\u0644 \u0639\u0636\u0648\u060c\n          \u0648\u0646\u0638\u0651\u0645 \u0627\u0644\u0645\u0647\u0627\u0645 \u0628\u064a\u0646 \u0627\u0644\u0645\u062d\u062a\u0648\u0649\n          \u0648\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a.\n        <\/p>\n\n      <\/article>\n\n      <!-- Feature 03 -->\n      <article class=\"tmc-feature\">\n\n        <div class=\"tmc-feature-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M3 7h7l2 3h9v9H3z\"\/>\n            <path d=\"M3 7V5h8l2 2\"\/>\n          <\/svg>\n        <\/div>\n\n        <h3>\n          \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0648\u0627\u0644\u0645\u0644\u0627\u062d\u0638\u0627\u062a\n        <\/h3>\n\n        <p>\n          \u0627\u062d\u062a\u0641\u0638 \u0628\u0627\u0644\u0645\u0631\u0641\u0642\u0627\u062a\n          \u0648\u062a\u0639\u0644\u064a\u0645\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u062a\u0639\u0644\u064a\u0642\u0627\u062a\n          \u0645\u0639 \u0627\u0644\u0645\u0647\u0627\u0645 \u0630\u0627\u062a \u0627\u0644\u0635\u0644\u0629.\n        <\/p>\n\n      <\/article>\n\n      <!-- Feature 04 -->\n      <article class=\"tmc-feature\">\n\n        <div class=\"tmc-feature-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M4 19V5\"\/>\n            <path d=\"M4 19h17\"\/>\n            <path d=\"M7 15l4-4 3 2 5-7\"\/>\n          <\/svg>\n        <\/div>\n\n        <h3>\n          \u0645\u062a\u0627\u0628\u0639\u0629 \u062a\u0642\u062f\u0645 \u0627\u0644\u0639\u0645\u0644\n        <\/h3>\n\n        <p>\n          \u0627\u0639\u0631\u0641 \u062d\u0627\u0644\u0629 \u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u062d\u0645\u0644\u0627\u062a\u060c\n          \u0648\u062d\u062f\u0651\u062f \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0627\u062c\n          \u0625\u0644\u0649 \u0627\u0647\u062a\u0645\u0627\u0645 \u0645\u0628\u0643\u0631.\n        <\/p>\n\n      <\/article>\n\n    <\/div>\n\n    <!-- BOTTOM SUMMARY -->\n    <div class=\"tmc-bottom\">\n\n      <div>\n\n        <h3>\n          \u0635\u0648\u0631\u0629 \u0648\u0627\u0636\u062d\u0629 \u0644\u0643\u0644 \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u0633\u0648\u064a\u0642\n        <\/h3>\n\n        <p>\n          \u064a\u0633\u0627\u0639\u062f\u0643 \u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n          \u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0645\u0646 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\n          \u0639\u0644\u0649 \u062a\u0646\u0638\u064a\u0645 \u062d\u0645\u0644\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u062a\u0648\u0632\u064a\u0639\n          \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0639\u0645\u0644 \u062f\u0648\u0646 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\n          \u0639\u0644\u0649 \u0623\u062f\u0648\u0627\u062a \u0645\u0646\u0641\u0635\u0644\u0629 \u0644\u0643\u0644 \u0645\u0634\u0631\u0648\u0639.\n        <\/p>\n\n      <\/div>\n\n      <a\n        class=\"tmc-bottom-link\"\n        href=\"https:\/\/taskbrowse.com\/ar\/idarat-maham-sahla\/\">\n\n        \u0627\u0643\u062a\u0634\u0641 \u0623\u062f\u0648\u0627\u062a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0647\u0627\u0645\n        <span aria-hidden=\"true\">\u2190<\/span>\n\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n<\/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 Marketing Agencies \u2014 Section 04\n   Time, Workload & Project Costs\n   ================================================== *\/\n\n#tb-marketing-resources {\n  --tmr-red: #c8102e;\n  --tmr-dark: #202124;\n  --tmr-panel: #292a2e;\n  --tmr-border: #414247;\n  --tmr-text: #ffffff;\n  --tmr-muted: #c5c6ca;\n  --tmr-faint: #9d9fa6;\n\n  width: 100%;\n  margin: 0;\n  padding: 110px 24px 100px;\n  background: var(--tmr-dark);\n  color: var(--tmr-text);\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-marketing-resources *,\n#tb-marketing-resources *::before,\n#tb-marketing-resources *::after {\n  box-sizing: border-box;\n}\n\n#tb-marketing-resources .tmr-container {\n  width: 100%;\n  max-width: 1380px;\n  margin-inline: auto;\n}\n\n\/* ===== Section Header ===== *\/\n\n#tb-marketing-resources .tmr-heading {\n  display: grid;\n  grid-template-columns:\n    minmax(0, 1.05fr)\n    minmax(0, .95fr);\n  gap: clamp(40px, 6vw, 100px);\n  align-items: center;\n  margin-bottom: 70px;\n}\n\n#tb-marketing-resources .tmr-heading > * {\n  min-width: 0;\n}\n\n#tb-marketing-resources .tmr-eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n  margin-bottom: 26px;\n  color: #ff91aa;\n  font-size: 14px;\n  font-weight: 700;\n}\n\n#tb-marketing-resources .tmr-eyebrow::before {\n  content: \"\";\n  width: 32px;\n  height: 2px;\n  flex: 0 0 32px;\n  background: var(--tmr-red);\n}\n\n#tb-marketing-resources h2.tmr-title {\n  max-width: 750px;\n  margin: 0;\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-marketing-resources .tmr-title span {\n  color: #ff95ac;\n}\n\n#tb-marketing-resources .tmr-description {\n  margin: 0;\n  color: var(--tmr-muted);\n  font-size: clamp(17px, 1.4vw, 20px);\n  line-height: 2.15;\n}\n\n\/* ===== Main Dashboard ===== *\/\n\n#tb-marketing-resources .tmr-dashboard {\n  border: 1px solid var(--tmr-border);\n  border-radius: 24px;\n  overflow: hidden;\n  background: var(--tmr-panel);\n}\n\n#tb-marketing-resources .tmr-dashboard-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 20px;\n  padding: 25px 30px;\n  border-bottom: 1px solid var(--tmr-border);\n}\n\n#tb-marketing-resources .tmr-dashboard-label {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  color: #fff;\n  font-size: 17px;\n  font-weight: 800;\n}\n\n#tb-marketing-resources .tmr-dot {\n  flex: 0 0 9px;\n  width: 9px;\n  height: 9px;\n  background: var(--tmr-red);\n  border-radius: 50%;\n}\n\n#tb-marketing-resources .tmr-dashboard-example {\n  font-size: 11px;\n  color: #b3b4b9;\n  border: 1px solid #505157;\n  border-radius: 8px;\n  padding: 8px 12px;\n}\n\n\/* ===== Statistics ===== *\/\n\n#tb-marketing-resources .tmr-stats {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  border-bottom: 1px solid var(--tmr-border);\n}\n\n#tb-marketing-resources .tmr-stat {\n  padding: 32px 35px;\n  border-left: 1px solid var(--tmr-border);\n}\n\n#tb-marketing-resources .tmr-stat:last-child {\n  border-left: 0;\n}\n\n#tb-marketing-resources .tmr-stat-label {\n  margin: 0 0 12px;\n  color: #aeb0b6;\n  font-size: 13px;\n  line-height: 1.7;\n}\n\n#tb-marketing-resources .tmr-stat-value {\n  color: #fff;\n  font-size: clamp(28px, 3vw, 41px);\n  font-weight: 800;\n  line-height: 1.35;\n}\n\n#tb-marketing-resources .tmr-stat-value.accent {\n  color: #ff97ad;\n}\n\n#tb-marketing-resources .tmr-stat-note {\n  margin: 8px 0 0;\n  color: #a5a7ad;\n  font-size: 12px;\n  line-height: 1.8;\n}\n\n\/* ===== Campaign Comparison ===== *\/\n\n#tb-marketing-resources .tmr-report {\n  padding: 36px 34px;\n}\n\n#tb-marketing-resources .tmr-report-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 18px;\n  margin-bottom: 26px;\n}\n\n#tb-marketing-resources .tmr-report-title {\n  margin: 0;\n  color: #fff;\n  font-size: 19px;\n  font-weight: 800;\n}\n\n#tb-marketing-resources .tmr-legend {\n  display: flex;\n  gap: 20px;\n  flex-wrap: wrap;\n}\n\n#tb-marketing-resources .tmr-legend-item {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  color: #bfc0c5;\n  font-size: 12px;\n}\n\n#tb-marketing-resources .tmr-legend-square {\n  width: 11px;\n  height: 11px;\n  border-radius: 3px;\n  background: #858790;\n}\n\n#tb-marketing-resources .tmr-legend-square.actual {\n  background: var(--tmr-red);\n}\n\n#tb-marketing-resources .tmr-campaign {\n  display: grid;\n  grid-template-columns: minmax(150px, .8fr) minmax(0, 2fr);\n  align-items: center;\n  gap: 32px;\n  padding: 24px 0;\n  border-bottom: 1px solid #414247;\n}\n\n#tb-marketing-resources .tmr-campaign:last-child {\n  border-bottom: 0;\n}\n\n#tb-marketing-resources .tmr-campaign-name {\n  color: #fff;\n  font-size: 16px;\n  font-weight: 800;\n  line-height: 1.65;\n}\n\n#tb-marketing-resources .tmr-campaign-client {\n  margin-top: 6px;\n  color: #a2a4ab;\n  font-size: 12px;\n}\n\n#tb-marketing-resources .tmr-bars {\n  display: grid;\n  gap: 14px;\n}\n\n#tb-marketing-resources .tmr-bar-row {\n  display: grid;\n  grid-template-columns: 70px minmax(0, 1fr) 64px;\n  align-items: center;\n  gap: 14px;\n}\n\n#tb-marketing-resources .tmr-bar-label {\n  font-size: 12px;\n  color: #c1c2c7;\n}\n\n#tb-marketing-resources .tmr-track {\n  height: 13px;\n  overflow: hidden;\n  background: #3d3e44;\n  border-radius: 30px;\n}\n\n#tb-marketing-resources .tmr-fill {\n  display: block;\n  width: var(--bar-width);\n  height: 100%;\n  background: #858790;\n  border-radius: inherit;\n}\n\n#tb-marketing-resources .tmr-fill.actual {\n  background: var(--tmr-red);\n}\n\n#tb-marketing-resources .tmr-hours {\n  direction: ltr;\n  text-align: left;\n  color: #fff;\n  font-size: 13px;\n  font-weight: 800;\n  white-space: nowrap;\n}\n\n\/* ===== Insight ===== *\/\n\n#tb-marketing-resources .tmr-insight {\n  display: grid;\n  grid-template-columns: 44px minmax(0,1fr);\n  align-items: start;\n  gap: 18px;\n  margin: 0 34px 32px;\n  padding: 24px;\n  background: #35292e;\n  border: 1px solid #6a4450;\n  border-radius: 15px;\n}\n\n#tb-marketing-resources .tmr-insight-icon {\n  width: 41px;\n  height: 41px;\n  background: #4c313b;\n  color: #ff9aaf;\n  border-radius: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n#tb-marketing-resources .tmr-insight-icon svg {\n  width: 23px;\n  height: 23px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n#tb-marketing-resources .tmr-insight h3 {\n  margin: 0 0 9px;\n  font-size: 17px;\n  font-weight: 800;\n  color: #fff;\n}\n\n#tb-marketing-resources .tmr-insight p {\n  margin: 0;\n  color: #d9cfd3;\n  font-size: 14px;\n  line-height: 2;\n}\n\n\/* ===== Benefits ===== *\/\n\n#tb-marketing-resources .tmr-benefits {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0,1fr));\n  margin-top: 75px;\n  border-top: 1px solid var(--tmr-border);\n  border-bottom: 1px solid var(--tmr-border);\n}\n\n#tb-marketing-resources .tmr-benefit {\n  position: relative;\n  padding: 35px 27px;\n  border-left: 1px solid var(--tmr-border);\n}\n\n#tb-marketing-resources .tmr-benefit:last-child {\n  border-left: none;\n}\n\n#tb-marketing-resources .tmr-benefit::before {\n  content: \"\";\n  position: absolute;\n  top: -2px;\n  right: 27px;\n  width: 37px;\n  height: 3px;\n  background: var(--tmr-red);\n}\n\n#tb-marketing-resources .tmr-benefit-number {\n  color: #ff95ac;\n  font-size: 13px;\n  font-weight: 800;\n  margin-bottom: 15px;\n}\n\n#tb-marketing-resources .tmr-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-marketing-resources .tmr-benefit p {\n  margin: 0;\n  color: var(--tmr-muted);\n  font-size: 14px;\n  line-height: 2;\n}\n\n\/* ===== Closing ===== *\/\n\n#tb-marketing-resources .tmr-closing {\n  display: grid;\n  grid-template-columns: minmax(0,1fr) auto;\n  align-items: center;\n  gap: 35px;\n  margin-top: 58px;\n}\n\n#tb-marketing-resources .tmr-closing h3 {\n  margin: 0 0 11px;\n  font-size: 22px;\n  font-weight: 800;\n  color: #fff;\n}\n\n#tb-marketing-resources .tmr-closing p {\n  max-width: 870px;\n  margin: 0;\n  color: var(--tmr-muted);\n  font-size: 15px;\n  line-height: 2;\n}\n\n#tb-marketing-resources .tmr-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 11px;\n  min-height: 52px;\n  padding: 12px 20px;\n  color: #fff !important;\n  background: transparent;\n  border: 1px solid #6c6d73;\n  border-radius: 9px;\n  font-size: 14px;\n  font-weight: 800;\n  white-space: nowrap;\n  text-decoration: none !important;\n  transition: background .2s ease, border-color .2s ease;\n}\n\n#tb-marketing-resources .tmr-link:hover {\n  background: #34353a;\n  border-color: #96979d;\n}\n\n#tb-marketing-resources .tmr-link:focus-visible {\n  outline: 3px solid #ff95ac;\n  outline-offset: 4px;\n}\n\n\/* ===== Responsive ===== *\/\n\n@media (max-width: 1100px) {\n  #tb-marketing-resources {\n    padding: 85px 22px;\n  }\n\n  #tb-marketing-resources .tmr-heading {\n    grid-template-columns: 1fr;\n    gap: 27px;\n    margin-bottom: 55px;\n  }\n}\n\n@media (max-width: 760px) {\n  #tb-marketing-resources {\n    padding: 65px 18px;\n  }\n\n  #tb-marketing-resources h2.tmr-title {\n    font-size: clamp(35px, 8vw, 47px);\n  }\n\n  #tb-marketing-resources .tmr-description {\n    font-size: 17px;\n  }\n\n  #tb-marketing-resources .tmr-dashboard {\n    border-radius: 17px;\n  }\n\n  #tb-marketing-resources .tmr-dashboard-header {\n    padding: 22px 18px;\n    flex-wrap: wrap;\n  }\n\n  #tb-marketing-resources .tmr-stats {\n    grid-template-columns: 1fr;\n  }\n\n  #tb-marketing-resources .tmr-stat {\n    padding: 23px;\n    border-left: 0;\n    border-bottom: 1px solid var(--tmr-border);\n  }\n\n  #tb-marketing-resources .tmr-stat:last-child {\n    border-bottom: 0;\n  }\n\n  #tb-marketing-resources .tmr-report {\n    padding: 27px 19px;\n  }\n\n  #tb-marketing-resources .tmr-campaign {\n    grid-template-columns: 1fr;\n    gap: 17px;\n  }\n\n  #tb-marketing-resources .tmr-insight {\n    margin: 0 18px 20px;\n    padding: 20px;\n  }\n\n  #tb-marketing-resources .tmr-benefits {\n    grid-template-columns: 1fr;\n    margin-top: 55px;\n  }\n\n  #tb-marketing-resources .tmr-benefit {\n    padding: 28px 19px;\n    border-left: 0;\n    border-bottom: 1px solid var(--tmr-border);\n  }\n\n  #tb-marketing-resources .tmr-benefit:last-child {\n    border-bottom: 0;\n  }\n\n  #tb-marketing-resources .tmr-benefit::before {\n    right: 19px;\n  }\n\n  #tb-marketing-resources .tmr-closing {\n    grid-template-columns: 1fr;\n    gap: 26px;\n  }\n\n  #tb-marketing-resources .tmr-link {\n    width: fit-content;\n    white-space: normal;\n  }\n}\n\n@media (max-width: 420px) {\n  #tb-marketing-resources h2.tmr-title {\n    font-size: 33px;\n  }\n\n  #tb-marketing-resources .tmr-bar-row {\n    grid-template-columns: 55px minmax(0,1fr) 50px;\n    gap: 8px;\n  }\n\n  #tb-marketing-resources .tmr-bar-label,\n  #tb-marketing-resources .tmr-hours {\n    font-size: 11px;\n  }\n\n  #tb-marketing-resources .tmr-insight {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #tb-marketing-resources .tmr-link {\n    transition: none;\n  }\n}\n<\/style>\n\n<section\n  id=\"tb-marketing-resources\"\n  lang=\"ar\"\n  dir=\"rtl\"\n  aria-labelledby=\"tmr-main-title\">\n\n  <div class=\"tmr-container\">\n\n    <!-- SECTION INTRODUCTION -->\n    <div class=\"tmr-heading\">\n\n      <div>\n        <div class=\"tmr-eyebrow\">\n          \u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0641\u064a \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u0633\u0648\u064a\u0642\n        <\/div>\n\n        <h2 class=\"tmr-title\" id=\"tmr-main-title\">\n          \u0627\u0639\u0631\u0641 \u0623\u064a\u0646 \u064a\u0630\u0647\u0628 \u0648\u0642\u062a \u0641\u0631\u064a\u0642\u0643\n          <span>\u0648\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0645\u0634\u0627\u0631\u064a\u0639\u0643<\/span>\n        <\/h2>\n      <\/div>\n\n      <p class=\"tmr-description\">\n        \u0646\u062c\u0627\u062d \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0644\u0627 \u064a\u0639\u062a\u0645\u062f \u0639\u0644\u0649\n        \u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0639\u0645\u0644 \u0641\u064a \u0645\u0648\u0639\u062f\u0647 \u0641\u062d\u0633\u0628\u061b \u0628\u0644\n        \u062a\u062d\u062a\u0627\u062c \u0623\u064a\u0636\u064b\u0627 \u0625\u0644\u0649 \u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u062c\u0647\u062f\n        \u0627\u0644\u0630\u064a \u064a\u0628\u0630\u0644\u0647 \u0627\u0644\u0641\u0631\u064a\u0642 \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641\n        \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0643\u0644 \u0645\u0634\u0631\u0648\u0639.\n        \u064a\u0633\u0627\u0639\u062f\u0643 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0639\u0644\u0649 \u062a\u062a\u0628\u0639 \u0633\u0627\u0639\u0627\u062a\n        \u0627\u0644\u0639\u0645\u0644 \u0648\u0645\u0642\u0627\u0631\u0646\u062a\u0647\u0627 \u0628\u0627\u0644\u062a\u0642\u062f\u064a\u0631\u0627\u062a\u060c\n        \u0648\u0645\u0631\u0627\u062c\u0639\u0629 \u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n        \u0644\u062a\u062e\u0637\u0651\u0637 \u0628\u0635\u0648\u0631\u0629 \u0623\u0643\u062b\u0631 \u0648\u0627\u0642\u0639\u064a\u0629.\n      <\/p>\n\n    <\/div>\n\n    <!-- SAMPLE DASHBOARD -->\n    <div\n      class=\"tmr-dashboard\"\n      aria-label=\"\u0645\u062b\u0627\u0644 \u062a\u0648\u0636\u064a\u062d\u064a \u0644\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0645\u062e\u0637\u0637\u0629 \u0648\u0627\u0644\u0645\u0633\u062c\u0644\u0629 \u0641\u064a \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u0633\u0648\u064a\u0642\">\n\n      <!-- HEADER -->\n      <div class=\"tmr-dashboard-header\">\n\n        <div class=\"tmr-dashboard-label\">\n          <span class=\"tmr-dot\" aria-hidden=\"true\"><\/span>\n          \u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u062d\u0633\u0628 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n        <\/div>\n\n        <span class=\"tmr-dashboard-example\">\n          \u0645\u062b\u0627\u0644 \u062a\u0648\u0636\u064a\u062d\u064a \u00b7 \u062b\u0644\u0627\u062b\u0629 \u0645\u0634\u0627\u0631\u064a\u0639\n        <\/span>\n\n      <\/div>\n\n      <!-- TOTAL STATS -->\n      <div class=\"tmr-stats\">\n\n        <div class=\"tmr-stat\">\n          <p class=\"tmr-stat-label\">\n            \u0625\u062c\u0645\u0627\u0644\u064a \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u0642\u062f\u0651\u0631\u0629\n          <\/p>\n          <div class=\"tmr-stat-value\">\n            360 \u0633\u0627\u0639\u0629\n          <\/div>\n          <p class=\"tmr-stat-note\">\n            \u0644\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062b\u0644\u0627\u062b\u0629\n          <\/p>\n        <\/div>\n\n        <div class=\"tmr-stat\">\n          <p class=\"tmr-stat-label\">\n            \u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0645\u0633\u062c\u0651\u0644\u0629\n          <\/p>\n          <div class=\"tmr-stat-value\">\n            278 \u0633\u0627\u0639\u0629\n          <\/div>\n          <p class=\"tmr-stat-note\">\n            \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0641\u0639\u0644\u064a\u0629 \u0627\u0644\u0645\u0633\u062c\u0651\u0644\u0629\n          <\/p>\n        <\/div>\n\n        <div class=\"tmr-stat\">\n          <p class=\"tmr-stat-label\">\n            \u0646\u0633\u0628\u0629 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0633\u062c\u0651\u0644 \u0625\u0644\u0649 \u0627\u0644\u0645\u0642\u062f\u0651\u0631\n          <\/p>\n          <div class=\"tmr-stat-value accent\">\n            77.2%\n          <\/div>\n          <p class=\"tmr-stat-note\">\n            \u0644\u0627 \u062a\u0639\u0646\u064a \u0628\u0627\u0644\u0636\u0631\u0648\u0631\u0629 \u0646\u0633\u0628\u0629 \u0625\u0646\u062c\u0627\u0632 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n          <\/p>\n        <\/div>\n\n      <\/div>\n\n      <!-- CAMPAIGN COMPARISON -->\n      <div class=\"tmr-report\">\n\n        <div class=\"tmr-report-header\">\n\n          <h3 class=\"tmr-report-title\">\n            \u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0644\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0645\u0642\u062f\u0651\u0631\u0629 \u0648\u0627\u0644\u0645\u0633\u062c\u0651\u0644\u0629\n          <\/h3>\n\n          <div class=\"tmr-legend\">\n            <span class=\"tmr-legend-item\">\n              <span class=\"tmr-legend-square\"><\/span>\n              \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0642\u062f\u0651\u0631\n            <\/span>\n\n            <span class=\"tmr-legend-item\">\n              <span class=\"tmr-legend-square actual\"><\/span>\n              \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0633\u062c\u0651\u0644\n            <\/span>\n          <\/div>\n\n        <\/div>\n\n        <!-- CAMPAIGN 01 -->\n        <div class=\"tmr-campaign\">\n\n          <div>\n            <div class=\"tmr-campaign-name\">\n              \u062d\u0645\u0644\u0629 \u0625\u0637\u0644\u0627\u0642 \u0645\u0646\u062a\u062c \u062c\u062f\u064a\u062f\n            <\/div>\n            <div class=\"tmr-campaign-client\">\n              \u0634\u0631\u0643\u0629 \u0627\u0644\u0646\u0648\u0631 \u0644\u0644\u062a\u0642\u0646\u064a\u0629\n            <\/div>\n          <\/div>\n\n          <div class=\"tmr-bars\">\n\n            <div class=\"tmr-bar-row\">\n              <span class=\"tmr-bar-label\">\u0627\u0644\u0645\u0642\u062f\u0651\u0631<\/span>\n              <div class=\"tmr-track\">\n                <span\n                  class=\"tmr-fill\"\n                  style=\"--bar-width:100%\"><\/span>\n              <\/div>\n              <span class=\"tmr-hours\">120 h<\/span>\n            <\/div>\n\n            <div class=\"tmr-bar-row\">\n              <span class=\"tmr-bar-label\">\u0627\u0644\u0645\u0633\u062c\u0651\u0644<\/span>\n              <div class=\"tmr-track\">\n                <span\n                  class=\"tmr-fill actual\"\n                  style=\"--bar-width:75%\"><\/span>\n              <\/div>\n              <span class=\"tmr-hours\">90 h<\/span>\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n        <!-- CAMPAIGN 02 -->\n        <div class=\"tmr-campaign\">\n\n          <div>\n            <div class=\"tmr-campaign-name\">\n              \u0625\u062f\u0627\u0631\u0629 \u062d\u0633\u0627\u0628\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\n            <\/div>\n            <div class=\"tmr-campaign-client\">\n              \u0645\u062a\u062c\u0631 \u0627\u0644\u0631\u064a\u0627\u0636\n            <\/div>\n          <\/div>\n\n          <div class=\"tmr-bars\">\n\n            <div class=\"tmr-bar-row\">\n              <span class=\"tmr-bar-label\">\u0627\u0644\u0645\u0642\u062f\u0651\u0631<\/span>\n              <div class=\"tmr-track\">\n                <span\n                  class=\"tmr-fill\"\n                  style=\"--bar-width:66.67%\"><\/span>\n              <\/div>\n              <span class=\"tmr-hours\">80 h<\/span>\n            <\/div>\n\n            <div class=\"tmr-bar-row\">\n              <span class=\"tmr-bar-label\">\u0627\u0644\u0645\u0633\u062c\u0651\u0644<\/span>\n              <div class=\"tmr-track\">\n                <span\n                  class=\"tmr-fill actual\"\n                  style=\"--bar-width:46.67%\"><\/span>\n              <\/div>\n              <span class=\"tmr-hours\">56 h<\/span>\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n        <!-- CAMPAIGN 03 -->\n        <div class=\"tmr-campaign\">\n\n          <div>\n            <div class=\"tmr-campaign-name\">\n              \u062a\u062d\u0633\u064a\u0646 \u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062b\n            <\/div>\n            <div class=\"tmr-campaign-client\">\n              \u0634\u0631\u0643\u0629 \u0645\u062f\u0649\n            <\/div>\n          <\/div>\n\n          <div class=\"tmr-bars\">\n\n            <div class=\"tmr-bar-row\">\n              <span class=\"tmr-bar-label\">\u0627\u0644\u0645\u0642\u062f\u0651\u0631<\/span>\n              <div class=\"tmr-track\">\n                <span\n                  class=\"tmr-fill\"\n                  style=\"--bar-width:100%\"><\/span>\n              <\/div>\n              <span class=\"tmr-hours\">160 h<\/span>\n            <\/div>\n\n            <div class=\"tmr-bar-row\">\n              <span class=\"tmr-bar-label\">\u0627\u0644\u0645\u0633\u062c\u0651\u0644<\/span>\n              <div class=\"tmr-track\">\n                <span\n                  class=\"tmr-fill actual\"\n                  style=\"--bar-width:82.5%\"><\/span>\n              <\/div>\n              <span class=\"tmr-hours\">132 h<\/span>\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- INSIGHT -->\n      <div class=\"tmr-insight\">\n\n        <div class=\"tmr-insight-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M12 3v3M12 18v3M3 12h3M18 12h3\"\/>\n            <circle cx=\"12\" cy=\"12\" r=\"5\"\/>\n            <path d=\"M12 9v3l2 2\"\/>\n          <\/svg>\n        <\/div>\n\n        <div>\n          <h3>\n            \u0645\u0627\u0630\u0627 \u062a\u0643\u0634\u0641 \u0644\u0643 \u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0644\u0648\u0642\u062a\u061f\n          <\/h3>\n\n          <p>\n            \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0645\u062b\u0627\u0644\u060c \u0633\u064f\u062c\u0651\u0644\u062a 278 \u0633\u0627\u0639\u0629\n            \u0645\u0646 \u0623\u0635\u0644 360 \u0633\u0627\u0639\u0629 \u0645\u0642\u062f\u0651\u0631\u0629.\n            \u062a\u0633\u0627\u0639\u062f\u0643 \u0647\u0630\u0647 \u0627\u0644\u0645\u0642\u0627\u0631\u0646\u0629 \u0639\u0644\u0649 \u0645\u0631\u0627\u062c\u0639\u0629\n            \u062d\u062c\u0645 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u0633\u062c\u0651\u0644 \u0644\u0643\u0644 \u062d\u0645\u0644\u0629\u060c\n            \u0648\u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0633\u062a\u0647\u0644\u0643\n            \u0648\u0642\u062a\u064b\u0627 \u0623\u0643\u062b\u0631 \u0623\u0648 \u0623\u0642\u0644 \u0645\u0646 \u0627\u0644\u0645\u062a\u0648\u0642\u0639.\n            \u0644\u0643\u0646 \u0627\u0644\u062d\u0643\u0645 \u0639\u0644\u0649 \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0627\u0644\u062e\u0637\u0629\n            \u064a\u062d\u062a\u0627\u062c \u0623\u064a\u0636\u064b\u0627 \u0625\u0644\u0649 \u0627\u0644\u0646\u0638\u0631 \u0641\u064a\n            \u062a\u0642\u062f\u0645 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u062d\u0627\u0644\u0629 \u062a\u0646\u0641\u064a\u0630\u0647\u0627.\n          <\/p>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- BENEFITS -->\n    <div class=\"tmr-benefits\">\n\n      <!-- BENEFIT 01 -->\n      <article class=\"tmr-benefit\">\n        <div class=\"tmr-benefit-number\">01<\/div>\n\n        <h3>\n          \u062a\u062a\u0628\u0651\u0639 \u0633\u0627\u0639\u0627\u062a \u0641\u0631\u064a\u0642 \u0627\u0644\u062a\u0633\u0648\u064a\u0642\n        <\/h3>\n\n        <p>\n          \u0633\u062c\u0651\u0644 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a \u0627\u0644\u0630\u064a \u064a\u0642\u0636\u064a\u0647\n          \u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u0641\u0631\u064a\u0642 \u0639\u0644\u0649 \u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u062d\u062a\u0648\u0649\n          \u0648\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0648\u0627\u0644\u062a\u062d\u0644\u064a\u0644\u060c\n          \u0648\u0631\u0627\u062c\u0639 \u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0648\u0642\u062a \u0644\u0643\u0644 \u0645\u0634\u0631\u0648\u0639.\n        <\/p>\n      <\/article>\n\n      <!-- BENEFIT 02 -->\n      <article class=\"tmr-benefit\">\n        <div class=\"tmr-benefit-number\">02<\/div>\n\n        <h3>\n          \u0631\u0627\u062c\u0639 \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644 \u0648\u062a\u0648\u0632\u064a\u0639\u0647\n        <\/h3>\n\n        <p>\n          \u0642\u0627\u0631\u0646 \u0623\u062d\u062c\u0627\u0645 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u0642\u062f\u0651\u0631\u0629\n          \u0628\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u0641\u0631\u064a\u0642\u060c\n          \u0644\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649\n          \u0625\u0639\u0627\u062f\u0629 \u062a\u0648\u0632\u064a\u0639 \u0623\u0648 \u062a\u0639\u062f\u064a\u0644 \u0627\u0644\u062e\u0637\u0629.\n        <\/p>\n      <\/article>\n\n      <!-- BENEFIT 03 -->\n      <article class=\"tmr-benefit\">\n        <div class=\"tmr-benefit-number\">03<\/div>\n\n        <h3>\n          \u062a\u0627\u0628\u0639 \u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n        <\/h3>\n\n        <p>\n          \u0633\u062c\u0651\u0644 \u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u0645\u0635\u0631\u0648\u0641\u0627\u062a\n          \u0627\u0644\u0623\u062e\u0631\u0649 \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u062d\u0645\u0644\u0627\u062a\u060c\n          \u0648\u0642\u0627\u0631\u0646\u0647\u0627 \u0628\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n          \u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0645\u0627\u0644\u064a\u0629.\n        <\/p>\n      <\/article>\n\n    <\/div>\n\n    <!-- BOTTOM SUMMARY -->\n    <div class=\"tmr-closing\">\n\n      <div>\n        <h3>\n          \u0627\u0641\u0647\u0645 \u062a\u0643\u0644\u0641\u0629 \u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u062d\u0645\u0644\u0627\u062a\u060c \u0644\u0627 \u0645\u0648\u0627\u0639\u064a\u062f\u0647\u0627 \u0641\u0642\u0637\n        <\/h3>\n\n        <p>\n          \u064a\u0631\u0628\u0637 \u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0644\u0634\u0631\u0643\u0627\u062a\n          \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0645\u0646 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0628\u064a\u0646 \u0627\u0644\u0645\u0647\u0627\u0645\n          \u0648\u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641\u060c \u0644\u064a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649\n          \u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u062c\u0647\u062f \u0627\u0644\u0645\u0628\u0630\u0648\u0644 \u0641\u064a \u0645\u0634\u0627\u0631\u064a\u0639\n          \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u062a\u062d\u0633\u064a\u0646 \u062a\u0642\u062f\u064a\u0631\u0627\u062a\u0643 \u0648\u062a\u0648\u0632\u064a\u0639\n          \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0641\u064a \u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0627\u0644\u0642\u0627\u062f\u0645\u0629.\n        <\/p>\n      <\/div>\n\n      <a\n        class=\"tmr-link\"\n        href=\"https:\/\/taskbrowse.com\/ar\/tatabbu-al-waqt-bisuhoola\/\">\n\n        \u0627\u0643\u062a\u0634\u0641 \u0623\u062f\u0648\u0627\u062a \u062a\u062a\u0628\u0639 \u0627\u0644\u0648\u0642\u062a\n        <span aria-hidden=\"true\">\u2190<\/span>\n\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n\/* =====================================================\n   TaskBrowse Marketing Agencies \u2014 Section 05\n   AI Assistance & Rayla\n   ===================================================== *\/\n\n#tb-marketing-ai {\n  --tma-red: #c8102e;\n  --tma-red-hover: #a80d26;\n  --tma-ink: #17191d;\n  --tma-muted: #686a72;\n  --tma-line: #e4e5e7;\n  --tma-dark: #202124;\n\n  direction: rtl;\n  text-align: right;\n  width: 100%;\n  padding: 110px 24px 100px;\n  background: #fff;\n  color: var(--tma-ink);\n  font-family: \"IBM Plex Sans Arabic\", Tahoma, sans-serif;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n\n#tb-marketing-ai *,\n#tb-marketing-ai *::before,\n#tb-marketing-ai *::after {\n  box-sizing: border-box;\n}\n\n#tb-marketing-ai .tma-container {\n  width: 100%;\n  max-width: 1380px;\n  margin-inline: auto;\n}\n\n\/* ===== Section Heading ===== *\/\n\n#tb-marketing-ai .tma-heading {\n  display: grid;\n  grid-template-columns:\n    minmax(0, 1.04fr)\n    minmax(0, .96fr);\n  gap: clamp(40px, 6vw, 100px);\n  align-items: center;\n  margin-bottom: 75px;\n}\n\n#tb-marketing-ai .tma-heading > * {\n  min-width: 0;\n}\n\n#tb-marketing-ai .tma-eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n  margin-bottom: 25px;\n  color: var(--tma-red);\n  font-size: 14px;\n  font-weight: 700;\n}\n\n#tb-marketing-ai .tma-eyebrow::before {\n  content: \"\";\n  width: 32px;\n  height: 2px;\n  flex: 0 0 32px;\n  background: var(--tma-red);\n}\n\n#tb-marketing-ai h2.tma-title {\n  margin: 0;\n  max-width: 760px;\n  color: var(--tma-ink);\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-marketing-ai .tma-title span {\n  color: var(--tma-red);\n}\n\n#tb-marketing-ai .tma-intro {\n  margin: 0;\n  color: #565960;\n  font-size: clamp(17px, 1.4vw, 20px);\n  line-height: 2.15;\n}\n\n\/* ===== Main Layout ===== *\/\n\n#tb-marketing-ai .tma-main {\n  display: grid;\n  grid-template-columns:\n    minmax(0, .88fr)\n    minmax(0, 1.12fr);\n  align-items: center;\n  gap: 65px;\n}\n\n#tb-marketing-ai .tma-main > * {\n  min-width: 0;\n}\n\n\/* ===== Benefits ===== *\/\n\n#tb-marketing-ai .tma-features {\n  min-width: 0;\n}\n\n#tb-marketing-ai .tma-feature {\n  display: grid;\n  grid-template-columns: 45px minmax(0,1fr);\n  gap: 18px;\n  padding: 28px 0;\n  border-bottom: 1px solid var(--tma-line);\n}\n\n#tb-marketing-ai .tma-feature:first-child {\n  padding-top: 0;\n}\n\n#tb-marketing-ai .tma-feature:last-of-type {\n  border-bottom: 0;\n}\n\n#tb-marketing-ai .tma-feature-no {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 43px;\n  height: 43px;\n  border: 1px solid #ebc5cf;\n  border-radius: 11px;\n  background: #fff5f7;\n  color: var(--tma-red);\n  font-size: 13px;\n  font-weight: 800;\n}\n\n#tb-marketing-ai .tma-feature h3 {\n  margin: 0 0 9px;\n  color: var(--tma-ink);\n  font-family: inherit;\n  font-size: 21px;\n  line-height: 1.55;\n  font-weight: 800;\n}\n\n#tb-marketing-ai .tma-feature p {\n  margin: 0;\n  color: var(--tma-muted);\n  font-size: 15px;\n  line-height: 2;\n}\n\n\/* ===== Internal Link ===== *\/\n\n#tb-marketing-ai .tma-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  min-height: 52px;\n  padding: 12px 20px;\n  margin-top: 30px;\n  border: 1px solid #e4b7c2;\n  border-radius: 9px;\n  background: #fff;\n  color: #af0b28 !important;\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-marketing-ai .tma-link:hover {\n  background: #fff4f7;\n}\n\n#tb-marketing-ai .tma-link:focus-visible {\n  outline: 3px solid var(--tma-red);\n  outline-offset: 4px;\n}\n\n\/* ===== Dark AI Dashboard ===== *\/\n\n#tb-marketing-ai .tma-dashboard {\n  min-width: 0;\n  overflow: hidden;\n  border: 1px solid #393b40;\n  border-radius: 24px;\n  background: var(--tma-dark);\n  color: #fff;\n  box-shadow: 0 25px 70px rgba(0,0,0,.1);\n}\n\n#tb-marketing-ai .tma-dashboard-head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 15px;\n  padding: 24px 27px;\n  border-bottom: 1px solid #414247;\n}\n\n#tb-marketing-ai .tma-brand {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n  min-width: 0;\n}\n\n#tb-marketing-ai .tma-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  border: 1px solid #794351;\n  border-radius: 13px;\n  background: #4a2d36;\n  color: #ff9fb3;\n}\n\n#tb-marketing-ai .tma-brand-icon svg {\n  width: 26px;\n  height: 26px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.8;\n  stroke-linejoin: round;\n  stroke-linecap: round;\n}\n\n#tb-marketing-ai .tma-dashboard-title {\n  color: #fff;\n  font-size: 19px;\n  font-weight: 800;\n  line-height: 1.5;\n}\n\n#tb-marketing-ai .tma-dashboard-subtitle {\n  margin-top: 4px;\n  color: #aaaab1;\n  font-size: 11px;\n  line-height: 1.6;\n}\n\n#tb-marketing-ai .tma-demo-badge {\n  padding: 8px 11px;\n  border: 1px solid #4d4e55;\n  border-radius: 8px;\n  color: #b8b9be;\n  font-size: 11px;\n  white-space: nowrap;\n}\n\n\/* ===== Smart Task Estimation ===== *\/\n\n#tb-marketing-ai .tma-estimate-block {\n  padding: 26px 27px;\n  border-bottom: 1px solid #414247;\n}\n\n#tb-marketing-ai .tma-block-heading {\n  margin: 0 0 17px;\n  color: #f3f3f5;\n  font-size: 14px;\n  font-weight: 800;\n}\n\n#tb-marketing-ai .tma-task-card {\n  padding: 20px;\n  border: 1px solid #48494f;\n  border-radius: 13px;\n  background: #2c2d32;\n}\n\n#tb-marketing-ai .tma-task-label {\n  margin-bottom: 9px;\n  color: #a6a8af;\n  font-size: 11px;\n}\n\n#tb-marketing-ai .tma-task-name {\n  margin-bottom: 11px;\n  color: #fff;\n  font-size: 17px;\n  font-weight: 800;\n  line-height: 1.7;\n}\n\n#tb-marketing-ai .tma-task-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n#tb-marketing-ai .tma-tag {\n  padding: 6px 10px;\n  border: 1px solid #4c4d53;\n  border-radius: 7px;\n  font-size: 11px;\n  color: #c8c9ce;\n}\n\n\/* ===== AI Estimate Result ===== *\/\n\n#tb-marketing-ai .tma-ai-result {\n  margin-top: 14px;\n  padding: 22px;\n  border: 1px solid #784654;\n  border-radius: 14px;\n  background: #382930;\n}\n\n#tb-marketing-ai .tma-ai-result-heading {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 19px;\n  color: #ff9aae;\n  font-size: 13px;\n  font-weight: 800;\n}\n\n#tb-marketing-ai .tma-red-dot {\n  width: 9px;\n  height: 9px;\n  border-radius: 50%;\n  background: var(--tma-red);\n}\n\n#tb-marketing-ai .tma-estimate-grid {\n  display: grid;\n  grid-template-columns: repeat(2,minmax(0,1fr));\n  gap: 13px;\n}\n\n#tb-marketing-ai .tma-estimate-item {\n  min-width: 0;\n  padding: 18px;\n  border: 1px solid #614b54;\n  border-radius: 11px;\n  background: rgba(0,0,0,.12);\n}\n\n#tb-marketing-ai .tma-estimate-item.highlight {\n  background: #502f3b;\n  border-color: #a2596d;\n}\n\n#tb-marketing-ai .tma-estimate-label {\n  margin-bottom: 9px;\n  font-size: 12px;\n  color: #c6bdc1;\n}\n\n#tb-marketing-ai .tma-estimate-value {\n  color: #fff;\n  font-size: 27px;\n  line-height: 1.35;\n  font-weight: 800;\n}\n\n#tb-marketing-ai\n.tma-estimate-item.highlight\n.tma-estimate-value {\n  color: #ffadc0;\n}\n\n#tb-marketing-ai .tma-estimate-description {\n  margin: 16px 0 0;\n  padding-top: 15px;\n  border-top: 1px solid #694955;\n  color: #d8cbd0;\n  font-size: 12px;\n  line-height: 2;\n}\n\n\/* ===== Human Decision Note ===== *\/\n\n#tb-marketing-ai .tma-human-note {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  margin-top: 14px;\n  padding: 15px 17px;\n  border: 1px solid #45464d;\n  border-radius: 11px;\n  background: #2c2d32;\n}\n\n#tb-marketing-ai .tma-check {\n  width: 25px;\n  height: 25px;\n  flex: 0 0 25px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  color: #fff;\n  background: #386b50;\n  font-size: 13px;\n  font-weight: 800;\n}\n\n#tb-marketing-ai .tma-human-note strong {\n  display: block;\n  margin-bottom: 4px;\n  color: #fff;\n  font-size: 12px;\n}\n\n#tb-marketing-ai .tma-human-note p {\n  margin: 0;\n  color: #bfc0c6;\n  font-size: 12px;\n  line-height: 1.85;\n}\n\n\/* ===== Rayla Chat ===== *\/\n\n#tb-marketing-ai .tma-chat {\n  padding: 27px;\n}\n\n#tb-marketing-ai .tma-chat-head {\n  display: flex;\n  align-items: center;\n  gap: 11px;\n  margin-bottom: 19px;\n}\n\n#tb-marketing-ai .tma-chat-avatar {\n  width: 42px;\n  height: 42px;\n  flex: 0 0 42px;\n  border-radius: 12px;\n  background: #482e38;\n  border: 1px solid #6d4553;\n  color: #ff9db2;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  font-weight: 800;\n}\n\n#tb-marketing-ai .tma-chat-title {\n  color: #fff;\n  font-size: 17px;\n  font-weight: 800;\n}\n\n#tb-marketing-ai .tma-chat-subtitle {\n  margin-top: 4px;\n  color: #a7a8ae;\n  font-size: 11px;\n}\n\n#tb-marketing-ai .tma-question {\n  max-width: 88%;\n  width: fit-content;\n  margin: 0 0 13px;\n  padding: 15px 18px;\n  border: 1px solid #515158;\n  border-radius: 13px 13px 4px 13px;\n  background: #393a40;\n  color: #fff;\n  font-size: 13px;\n  line-height: 1.95;\n}\n\n#tb-marketing-ai .tma-answer {\n  width: 92%;\n  max-width: 92%;\n  margin-right: auto;\n  padding: 19px 20px;\n  border: 1px solid #734554;\n  border-radius: 13px 13px 13px 4px;\n  background: #33272d;\n}\n\n#tb-marketing-ai .tma-answer-label {\n  margin-bottom: 8px;\n  color: #ff9eb3;\n  font-size: 12px;\n  font-weight: 800;\n}\n\n#tb-marketing-ai .tma-answer p {\n  margin: 0 0 12px;\n  color: #e0d5d9;\n  font-size: 13px;\n  line-height: 2;\n}\n\n#tb-marketing-ai .tma-answer p:last-child {\n  margin-bottom: 0;\n}\n\n#tb-marketing-ai .tma-answer-highlight {\n  padding: 12px 14px;\n  border-right: 3px solid var(--tma-red);\n  border-radius: 5px;\n  background: #442e37;\n  color: #ffe4e9;\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1.9;\n}\n\n\/* ===== Bottom Statement ===== *\/\n\n#tb-marketing-ai .tma-bottom {\n  display: grid;\n  grid-template-columns: minmax(0,1fr) auto;\n  align-items: center;\n  gap: 30px;\n  margin-top: 70px;\n  padding: 31px 35px;\n  background: #f8f8f9;\n  border: 1px solid var(--tma-line);\n  border-radius: 19px;\n}\n\n#tb-marketing-ai .tma-bottom h3 {\n  margin: 0 0 10px;\n  color: var(--tma-ink);\n  font-family: inherit;\n  font-size: 21px;\n  font-weight: 800;\n  line-height: 1.55;\n}\n\n#tb-marketing-ai .tma-bottom p {\n  margin: 0;\n  color: var(--tma-muted);\n  font-size: 14px;\n  line-height: 2;\n}\n\n#tb-marketing-ai .tma-bottom-tag {\n  padding: 12px 17px;\n  border: 1px solid #e6c6cf;\n  border-radius: 30px;\n  background: #fff;\n  color: var(--tma-red);\n  font-size: 12px;\n  font-weight: 800;\n  white-space: nowrap;\n}\n\n\/* ===== Responsive ===== *\/\n\n@media (max-width: 1100px) {\n\n  #tb-marketing-ai {\n    padding: 85px 22px;\n  }\n\n  #tb-marketing-ai .tma-heading {\n    grid-template-columns: 1fr;\n    gap: 27px;\n    margin-bottom: 52px;\n  }\n\n  #tb-marketing-ai .tma-main {\n    grid-template-columns: 1fr;\n    gap: 50px;\n  }\n\n  #tb-marketing-ai .tma-features,\n  #tb-marketing-ai .tma-dashboard {\n    width: 100%;\n    max-width: 850px;\n    margin-inline: auto;\n  }\n\n}\n\n@media (max-width: 760px) {\n\n  #tb-marketing-ai {\n    padding: 65px 18px;\n  }\n\n  #tb-marketing-ai h2.tma-title {\n    font-size: clamp(35px,8vw,47px);\n  }\n\n  #tb-marketing-ai .tma-intro {\n    font-size: 17px;\n  }\n\n  #tb-marketing-ai .tma-dashboard {\n    border-radius: 18px;\n  }\n\n  #tb-marketing-ai .tma-dashboard-head,\n  #tb-marketing-ai .tma-estimate-block,\n  #tb-marketing-ai .tma-chat {\n    padding: 21px;\n  }\n\n  #tb-marketing-ai .tma-bottom {\n    grid-template-columns: 1fr;\n    padding: 25px 23px;\n    margin-top: 55px;\n  }\n\n  #tb-marketing-ai .tma-bottom-tag {\n    width: fit-content;\n    white-space: normal;\n  }\n\n}\n\n@media (max-width: 450px) {\n\n  #tb-marketing-ai h2.tma-title {\n    font-size: 33px;\n  }\n\n  #tb-marketing-ai .tma-feature {\n    grid-template-columns: 38px minmax(0,1fr);\n    gap: 13px;\n  }\n\n  #tb-marketing-ai .tma-feature-no {\n    width: 36px;\n    height: 36px;\n  }\n\n  #tb-marketing-ai .tma-feature h3 {\n    font-size: 18px;\n  }\n\n  #tb-marketing-ai .tma-dashboard-head {\n    flex-wrap: wrap;\n  }\n\n  #tb-marketing-ai .tma-estimate-grid {\n    grid-template-columns: 1fr;\n  }\n\n  #tb-marketing-ai .tma-estimate-value {\n    font-size: 24px;\n  }\n\n  #tb-marketing-ai .tma-question,\n  #tb-marketing-ai .tma-answer {\n    max-width: 100%;\n    width: 100%;\n  }\n\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #tb-marketing-ai .tma-link {\n    transition: none;\n  }\n}\n<\/style>\n\n<section\n  id=\"tb-marketing-ai\"\n  lang=\"ar\"\n  dir=\"rtl\"\n  aria-labelledby=\"tb-marketing-ai-title\">\n\n  <div class=\"tma-container\">\n\n    <!-- HEADING -->\n    <div class=\"tma-heading\">\n\n      <div>\n\n        <div class=\"tma-eyebrow\">\n          \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0641\u064a \u0625\u062f\u0627\u0631\u0629 \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u0633\u0648\u064a\u0642\n        <\/div>\n\n        <h2\n          class=\"tma-title\"\n          id=\"tb-marketing-ai-title\">\n\n          \u0631\u0627\u064a\u0644\u0627 \u062a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649\n          <span>\n            \u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631\u0627\u062a \u0623\u0641\u0636\u0644\u060c \u0628\u0648\u0642\u062a \u0623\u0642\u0644\n          <\/span>\n\n        <\/h2>\n\n      <\/div>\n\n      <p class=\"tma-intro\">\n        \u0639\u0646\u062f\u0645\u0627 \u062a\u062f\u064a\u0631 \u0639\u062f\u0629 \u062d\u0645\u0644\u0627\u062a \u0648\u0645\u0634\u0627\u0631\u064a\u0639\n        \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0646\u0641\u0633\u0647\u060c \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0645\u062a\u0627\u0628\u0639\u0629\n        \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0645\u062a\u0623\u062e\u0631\u0629 \u0648\u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u062c\u0647\u062f\n        \u0627\u0644\u0645\u0637\u0644\u0648\u0628 \u0644\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u062c\u062f\u064a\u062f\u0629.\n        \u064a\u0633\u0627\u0639\u062f\u0643 \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        \u0639\u0644\u0649 \u0627\u0644\u0627\u0633\u062a\u0641\u0627\u062f\u0629 \u0645\u0646 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0633\u0627\u0628\u0642\u0629\u060c\n        \u0628\u064a\u0646\u0645\u0627 \u062a\u062a\u064a\u062d \u0644\u0643 \u0631\u0627\u064a\u0644\u0627 \u0637\u0631\u062d \u0627\u0644\u0623\u0633\u0626\u0644\u0629\n        \u0648\u062a\u062d\u0644\u064a\u0644 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0645\u0634\u0627\u0631\u064a\u0639\u0643.\n      <\/p>\n\n    <\/div>\n\n    <!-- MAIN -->\n    <div class=\"tma-main\">\n\n      <!-- FEATURES -->\n      <div class=\"tma-features\">\n\n        <!-- Feature 01 -->\n        <article class=\"tma-feature\">\n\n          <div class=\"tma-feature-no\">\n            01\n          <\/div>\n\n          <div>\n\n            <h3>\n              \u062a\u0642\u062f\u064a\u0631 \u0630\u0643\u064a \u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0647\u0627\u0645\n            <\/h3>\n\n            <p>\n              \u0627\u0633\u062a\u0641\u062f \u0645\u0646 \u0627\u0642\u062a\u0631\u0627\u062d\u0627\u062a \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\n              \u0644\u062a\u0642\u062f\u064a\u0631 \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644 \u0641\u064a \u0645\u0647\u0627\u0645\n              \u0643\u062a\u0627\u0628\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0648\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u063a\u064a\u0631\u0647\u0627\u060c\n              \u0628\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0639\u0644\u0649 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0647\u0627\u0645\n              \u0627\u0644\u0645\u0634\u0627\u0628\u0647\u0629 \u0648\u0633\u062c\u0644\u0627\u062a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0633\u0627\u0628\u0642\u0629.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n        <!-- Feature 02 -->\n        <article class=\"tma-feature\">\n\n          <div class=\"tma-feature-no\">\n            02\n          <\/div>\n\n          <div>\n\n            <h3>\n              \u0631\u0627\u062c\u0639 \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 \u0639\u0646\n              \u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u062d\u0627\u0644\u0627\u062a\u0647\u0627\n              \u0648\u0645\u0648\u0627\u0639\u064a\u062f\u0647\u0627\u060c \u0644\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0623\u0639\u0645\u0627\u0644\n              \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0645\u062a\u0627\u0628\u0639\u0629\n              \u0642\u0628\u0644 \u0623\u0646 \u062a\u0624\u062b\u0631 \u0639\u0644\u0649 \u0627\u0644\u062a\u0633\u0644\u064a\u0645.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n        <!-- Feature 03 -->\n        <article class=\"tma-feature\">\n\n          <div class=\"tma-feature-no\">\n            03\n          <\/div>\n\n          <div>\n\n            <h3>\n              \u0627\u0641\u0647\u0645 \u0648\u0636\u0639 \u0645\u0634\u0627\u0631\u064a\u0639\u0643 \u0628\u0633\u0631\u0639\u0629\n            <\/h3>\n\n            <p>\n              \u0627\u0633\u062a\u0641\u062f \u0645\u0646 \u062a\u062d\u0644\u064a\u0644 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n              \u0648\u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0633\u062c\u0644\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0644\u062a\u0643\u0648\u064a\u0646\n              \u0635\u0648\u0631\u0629 \u0623\u0648\u0636\u062d \u0639\u0646 \u062a\u0642\u062f\u0645 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\n              \u0648\u0627\u0644\u062c\u0647\u062f \u0627\u0644\u0645\u0628\u0630\u0648\u0644\u060c \u0648\u0645\u0631\u0627\u062c\u0639\u0629\n              \u0623\u0648\u0644\u0648\u064a\u0627\u062a \u0641\u0631\u064a\u0642 \u0627\u0644\u062a\u0633\u0648\u064a\u0642.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n        <a\n          class=\"tma-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      <!-- ILLUSTRATIVE AI DASHBOARD -->\n      <div\n        class=\"tma-dashboard\"\n        aria-label=\"\u0646\u0645\u0648\u0630\u062c \u062a\u0648\u0636\u064a\u062d\u064a \u0644\u0627\u0642\u062a\u0631\u0627\u062d \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644 \u0648\u062a\u062d\u0644\u064a\u0644 \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\">\n\n        <!-- DASHBOARD HEADER -->\n        <div class=\"tma-dashboard-head\">\n\n          <div class=\"tma-brand\">\n\n            <div class=\"tma-brand-icon\"\n                 aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"m12 2 2.2 7.8L22 12l-7.8 2.2L12 22l-2.2-7.8L2 12l7.8-2.2L12 2Z\"\/>\n              <\/svg>\n            <\/div>\n\n            <div>\n              <div class=\"tma-dashboard-title\">\n                \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0648\u0631\u0627\u064a\u0644\u0627\n              <\/div>\n\n              <div class=\"tma-dashboard-subtitle\">\n                \u0645\u0633\u0627\u0639\u062f\u062a\u0643 \u0641\u064a \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0648\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a\n              <\/div>\n            <\/div>\n\n          <\/div>\n\n          <span class=\"tma-demo-badge\">\n            \u0645\u062b\u0627\u0644 \u062a\u0648\u0636\u064a\u062d\u064a\n          <\/span>\n\n        <\/div>\n\n        <!-- ESTIMATION -->\n        <div class=\"tma-estimate-block\">\n\n          <h3 class=\"tma-block-heading\">\n            \u062a\u0642\u062f\u064a\u0631 \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644 \u0644\u0645\u0647\u0645\u0629 \u062a\u0633\u0648\u064a\u0642\u064a\u0629\n          <\/h3>\n\n          <!-- Task -->\n          <div class=\"tma-task-card\">\n\n            <div class=\"tma-task-label\">\n              \u0627\u0644\u0645\u0647\u0645\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\u0629\n            <\/div>\n\n            <div class=\"tma-task-name\">\n              \u0625\u0639\u062f\u0627\u062f \u0645\u062d\u062a\u0648\u0649 \u062d\u0645\u0644\u0629 \u0625\u0637\u0644\u0627\u0642 \u0645\u0646\u062a\u062c\n            <\/div>\n\n            <div class=\"tma-task-tags\">\n\n              <span class=\"tma-tag\">\n                \u0645\u0634\u0631\u0648\u0639: \u062d\u0645\u0644\u0629 \u0625\u0637\u0644\u0627\u0642 \u0627\u0644\u0645\u0646\u062a\u062c\n              <\/span>\n\n              <span class=\"tma-tag\">\n                \u0641\u0631\u064a\u0642 \u0627\u0644\u0645\u062d\u062a\u0648\u0649\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n          <!-- AI recommendation -->\n          <div class=\"tma-ai-result\">\n\n            <div class=\"tma-ai-result-heading\">\n              <span\n                class=\"tma-red-dot\"\n                aria-hidden=\"true\"><\/span>\n\n              \u0627\u0642\u062a\u0631\u0627\u062d \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\n            <\/div>\n\n            <div class=\"tma-estimate-grid\">\n\n              <div class=\"tma-estimate-item\">\n\n                <div class=\"tma-estimate-label\">\n                  \u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\n                <\/div>\n\n                <div class=\"tma-estimate-value\">\n                  10 \u0633\u0627\u0639\u0627\u062a\n                <\/div>\n\n              <\/div>\n\n              <div class=\"tma-estimate-item highlight\">\n\n                <div class=\"tma-estimate-label\">\n                  \u0627\u0644\u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0645\u0642\u062a\u0631\u062d\n                <\/div>\n\n                <div class=\"tma-estimate-value\">\n                  14 \u0633\u0627\u0639\u0629\n                <\/div>\n\n              <\/div>\n\n            <\/div>\n\n            <p class=\"tma-estimate-description\">\n              \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0645\u062b\u0627\u0644\u060c \u062a\u0634\u064a\u0631 \u0628\u064a\u0627\u0646\u0627\u062a\n              \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0645\u0634\u0627\u0628\u0647\u0629 \u0625\u0644\u0649 \u0623\u0646\n              \u0627\u0644\u0645\u0647\u0645\u0629 \u0642\u062f \u062a\u062a\u0637\u0644\u0628 \u0648\u0642\u062a\u064b\u0627 \u0623\u0637\u0648\u0644\n              \u0645\u0646 \u0627\u0644\u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0623\u0648\u0644\u064a.\n              \u064a\u0645\u0643\u0646 \u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0627\u0642\u062a\u0631\u0627\u062d\n              \u0642\u0628\u0644 \u0627\u0639\u062a\u0645\u0627\u062f \u062e\u0637\u0629 \u0627\u0644\u0639\u0645\u0644.\n            <\/p>\n\n          <\/div>\n\n          <!-- Human control -->\n          <div class=\"tma-human-note\">\n\n            <span class=\"tma-check\"\n                  aria-hidden=\"true\">\u2713<\/span>\n\n            <div>\n              <strong>\n                \u0627\u0644\u0642\u0631\u0627\u0631 \u0627\u0644\u0646\u0647\u0627\u0626\u064a \u0628\u064a\u062f \u0645\u062f\u064a\u0631 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n              <\/strong>\n\n              <p>\n                \u064a\u0645\u0643\u0646 \u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0645\u0642\u062a\u0631\u062d\n                \u0648\u062a\u0639\u062f\u064a\u0644\u0647 \u0648\u0641\u0642 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u062d\u0645\u0644\u0629\n                \u0648\u062e\u0628\u0631\u0629 \u0627\u0644\u0641\u0631\u064a\u0642.\n              <\/p>\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n        <!-- RAYLA CONVERSATION -->\n        <div class=\"tma-chat\">\n\n          <div class=\"tma-chat-head\">\n\n            <div class=\"tma-chat-avatar\"\n                 aria-hidden=\"true\">\n              AI\n            <\/div>\n\n            <div>\n              <div class=\"tma-chat-title\">\n                \u0631\u0627\u064a\u0644\u0627\n              <\/div>\n\n              <div class=\"tma-chat-subtitle\">\n                \u0645\u0633\u0627\u0639\u062f \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0641\u064a \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\n              <\/div>\n            <\/div>\n\n          <\/div>\n\n          <!-- User question -->\n          <div class=\"tma-question\">\n            \u0645\u0627 \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u062a\u0623\u062e\u0631\u0629 \u0641\u064a\n            \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u062a\u064a\n            \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0645\u062a\u0627\u0628\u0639\u062a\u064a\u061f\n          <\/div>\n\n          <!-- Illustrative response -->\n          <div class=\"tma-answer\">\n\n            <div class=\"tma-answer-label\">\n              \u0645\u062b\u0627\u0644 \u0639\u0644\u0649 \u062a\u062d\u0644\u064a\u0644 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0647\u0627\u0645\n            <\/div>\n\n            <p>\n              \u064a\u0645\u0643\u0646 \u0645\u0631\u0627\u062c\u0639\u0629 \u062a\u0648\u0627\u0631\u064a\u062e \u0627\u0644\u0627\u0633\u062a\u062d\u0642\u0627\u0642\n              \u0648\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0645\u0647\u0627\u0645 \u0644\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0623\u0639\u0645\u0627\u0644\n              \u0627\u0644\u0645\u062a\u0623\u062e\u0631\u0629 \u0641\u064a \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629\u060c\n              \u062b\u0645 \u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0646 \u0639\u0646\u0647\u0627\n              \u0648\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f.\n            <\/p>\n\n            <div class=\"tma-answer-highlight\">\n              \u0627\u0644\u062e\u0637\u0648\u0629 \u0627\u0644\u062a\u0627\u0644\u064a\u0629: \u0631\u0627\u062c\u0639 \u0627\u0644\u0645\u0647\u0627\u0645\n              \u0627\u0644\u0645\u062a\u0623\u062e\u0631\u0629 \u0648\u062a\u0623\u062b\u064a\u0631\u0647\u0627 \u0639\u0644\u0649\n              \u0645\u0648\u0627\u0639\u064a\u062f \u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u062d\u0645\u0644\u0627\u062a.\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- BOTTOM STATEMENT -->\n    <div class=\"tma-bottom\">\n\n      <div>\n\n        <h3>\n          \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u064a\u062f\u0639\u0645 \u0642\u0631\u0627\u0631\u0627\u062a \u0641\u0631\u064a\u0642 \u0627\u0644\u062a\u0633\u0648\u064a\u0642\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\u0634\u0631\u0643\u0627\u062a\n          \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0645\u0646 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0628\u064a\u0646\n          \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u062a\u062a\u0628\u0639\n          \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0641\u0639\u0644\u064a\u060c \u0645\u0639 \u0625\u0645\u0643\u0627\u0646\u0627\u062a\n          \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0648\u0631\u0627\u064a\u0644\u0627\n          \u0627\u0644\u062a\u064a \u062a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u0627\u0644\u0627\u0633\u062a\u0641\u0627\u062f\u0629 \u0645\u0646\n          \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0641\u064a \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062a\u0642\u062f\u064a\u0631\u0627\u062a\n          \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639.\n        <\/p>\n\n      <\/div>\n\n      <span class=\"tma-bottom-tag\">\n        \u0627\u0644\u062a\u062e\u0637\u064a\u0637 + \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a + \u0631\u0627\u064a\u0644\u0627\n      <\/span>\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 Marketing Agencies \u2014 Section 06\n   Frequently Asked Questions + Final CTA\n   ================================================== *\/\n\n#tb-marketing-final {\n  --tmf-red: #c8102e;\n  --tmf-red-hover: #a70c29;\n  --tmf-ink: #17191d;\n  --tmf-muted: #676970;\n  --tmf-border: #e4e5e7;\n  --tmf-dark: #202124;\n\n  width: 100%;\n  margin: 0;\n  padding: 110px 24px 95px;\n  background: #fff;\n  color: var(--tmf-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-marketing-final *,\n#tb-marketing-final *::before,\n#tb-marketing-final *::after {\n  box-sizing: border-box;\n}\n\n#tb-marketing-final .tmf-container {\n  width: 100%;\n  max-width: 1380px;\n  margin: 0 auto;\n}\n\n\/* ===== FAQ Heading ===== *\/\n\n#tb-marketing-final .tmf-heading {\n  display: grid;\n  grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr);\n  align-items: end;\n  gap: clamp(40px,6vw,100px);\n  margin-bottom: 54px;\n}\n\n#tb-marketing-final .tmf-heading > * {\n  min-width: 0;\n}\n\n#tb-marketing-final .tmf-eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n  margin-bottom: 25px;\n  color: var(--tmf-red);\n  font-size: 14px;\n  font-weight: 700;\n}\n\n#tb-marketing-final .tmf-eyebrow::before {\n  content: \"\";\n  width: 32px;\n  height: 2px;\n  background: var(--tmf-red);\n  flex: 0 0 32px;\n}\n\n#tb-marketing-final h2.tmf-faq-title {\n  max-width: 850px;\n  margin: 0;\n  color: var(--tmf-ink);\n  font-family: inherit;\n  font-size: clamp(38px,4vw,61px);\n  font-weight: 800;\n  line-height: 1.39;\n  letter-spacing: -.4px;\n}\n\n#tb-marketing-final .tmf-faq-title span {\n  color: var(--tmf-red);\n}\n\n#tb-marketing-final .tmf-intro {\n  margin: 0;\n  color: var(--tmf-muted);\n  font-size: clamp(16px,1.4vw,19px);\n  line-height: 2.1;\n}\n\n\/* ===== FAQs ===== *\/\n\n#tb-marketing-final .tmf-faq-list {\n  border-top: 1px solid var(--tmf-border);\n}\n\n#tb-marketing-final .tmf-faq-item {\n  border-bottom: 1px solid var(--tmf-border);\n  background: #fff;\n}\n\n#tb-marketing-final .tmf-faq-item summary {\n  display: grid;\n  grid-template-columns: 48px minmax(0,1fr) 34px;\n  gap: 21px;\n  align-items: center;\n  padding: 26px 14px;\n  list-style: none;\n  cursor: pointer;\n}\n\n#tb-marketing-final .tmf-faq-item summary::-webkit-details-marker {\n  display: none;\n}\n\n#tb-marketing-final .tmf-faq-item summary::marker {\n  content: \"\";\n}\n\n#tb-marketing-final .tmf-faq-item summary:focus-visible {\n  outline: 3px solid var(--tmf-red);\n  outline-offset: -3px;\n}\n\n#tb-marketing-final .tmf-faq-number {\n  font-size: 14px;\n  font-weight: 800;\n  color: var(--tmf-red);\n  direction: ltr;\n}\n\n#tb-marketing-final .tmf-question {\n  color: var(--tmf-ink);\n  font-size: clamp(16px,1.5vw,21px);\n  font-weight: 800;\n  line-height: 1.65;\n}\n\n#tb-marketing-final .tmf-toggle {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  border: 1px solid #dedfe2;\n  border-radius: 50%;\n  color: var(--tmf-red);\n  font-size: 23px;\n  font-weight: 400;\n  line-height: 1;\n}\n\n#tb-marketing-final .tmf-toggle::before {\n  content: \"+\";\n}\n\n#tb-marketing-final .tmf-faq-item[open]\n.tmf-toggle::before {\n  content: \"\u2212\";\n}\n\n#tb-marketing-final .tmf-faq-item[open]\n.tmf-question {\n  color: #a90f2b;\n}\n\n#tb-marketing-final .tmf-answer {\n  padding: 0 83px 28px 55px;\n  max-width: 1080px;\n}\n\n#tb-marketing-final .tmf-answer p {\n  margin: 0;\n  color: #62646a;\n  font-size: 16px;\n  line-height: 2.1;\n}\n\n#tb-marketing-final .tmf-answer a {\n  color: var(--tmf-red) !important;\n  font-weight: 700;\n  text-decoration: underline;\n  text-underline-offset: 3px;\n}\n\n\/* ===== Final CTA ===== *\/\n\n#tb-marketing-final .tmf-cta {\n  position: relative;\n  margin-top: 105px;\n  padding: clamp(42px,6vw,80px);\n  border-radius: 25px;\n  background: var(--tmf-dark);\n  color: #fff;\n  overflow: hidden;\n}\n\n#tb-marketing-final .tmf-cta::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 92px;\n  height: 4px;\n  background: var(--tmf-red);\n}\n\n#tb-marketing-final .tmf-cta-inner {\n  position: relative;\n  display: grid;\n  grid-template-columns: minmax(0,1.1fr) minmax(0,.75fr);\n  align-items: center;\n  gap: clamp(36px,5vw,80px);\n}\n\n#tb-marketing-final .tmf-cta-eyebrow {\n  margin-bottom: 20px;\n  color: #ff97af;\n  font-size: 14px;\n  font-weight: 800;\n}\n\n#tb-marketing-final h2.tmf-cta-title {\n  margin: 0 0 24px;\n  color: #fff;\n  font-family: inherit;\n  font-size: clamp(38px,4.1vw,62px);\n  font-weight: 800;\n  line-height: 1.38;\n}\n\n#tb-marketing-final .tmf-cta-title span {\n  color: #ff97af;\n}\n\n#tb-marketing-final .tmf-cta-copy {\n  margin: 0;\n  max-width: 750px;\n  color: #c9cacf;\n  font-size: 17px;\n  line-height: 2.1;\n}\n\n\/* ===== CTA Card ===== *\/\n\n#tb-marketing-final .tmf-action {\n  padding: 36px 32px;\n  border: 1px solid #48494f;\n  border-top: 3px solid var(--tmf-red);\n  border-radius: 18px;\n  background: #2b2c30;\n}\n\n#tb-marketing-final .tmf-action-label {\n  margin-bottom: 16px;\n  color: #ff9cb3;\n  font-size: 13px;\n  font-weight: 800;\n}\n\n#tb-marketing-final .tmf-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.5;\n}\n\n#tb-marketing-final .tmf-action p {\n  margin: 0 0 25px;\n  color: #c2c3c8;\n  font-size: 14px;\n  line-height: 2;\n}\n\n#tb-marketing-final .tmf-register {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 13px;\n  width: 100%;\n  min-height: 58px;\n  padding: 14px 20px;\n  border-radius: 9px;\n  border: 1px solid var(--tmf-red);\n  background: var(--tmf-red);\n  color: #fff !important;\n  text-align: center;\n  text-decoration: none !important;\n  font-size: 17px;\n  font-weight: 800;\n  transition: background .2s ease;\n}\n\n#tb-marketing-final .tmf-register:hover {\n  background: var(--tmf-red-hover);\n}\n\n#tb-marketing-final .tmf-register:focus-visible,\n#tb-marketing-final .tmf-login a:focus-visible {\n  outline: 3px solid #ff97af;\n  outline-offset: 4px;\n}\n\n#tb-marketing-final .tmf-login {\n  margin: 21px 0 0 !important;\n  color: #aeb0b6 !important;\n  text-align: center;\n  font-size: 12px !important;\n  line-height: 1.9;\n}\n\n#tb-marketing-final .tmf-login a {\n  color: #fff !important;\n  font-weight: 700;\n  text-decoration: underline;\n  text-underline-offset: 4px;\n}\n\n\/* ===== CTA Footer ===== *\/\n\n#tb-marketing-final .tmf-cta-footer {\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 24px;\n  margin-top: 48px;\n  padding-top: 29px;\n  border-top: 1px solid #424349;\n}\n\n#tb-marketing-final .tmf-cta-footer p {\n  margin: 0;\n  color: #aaabb1;\n  font-size: 13px;\n  line-height: 1.9;\n}\n\n#tb-marketing-final .tmf-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-marketing-final {\n    padding: 85px 22px;\n  }\n\n  #tb-marketing-final .tmf-heading,\n  #tb-marketing-final .tmf-cta-inner {\n    grid-template-columns: 1fr;\n    gap: 28px;\n  }\n\n  #tb-marketing-final .tmf-action {\n    max-width: 650px;\n  }\n}\n\n@media (max-width: 760px) {\n  #tb-marketing-final {\n    padding: 65px 18px;\n  }\n\n  #tb-marketing-final h2.tmf-faq-title {\n    font-size: clamp(34px,7.8vw,46px);\n  }\n\n  #tb-marketing-final .tmf-intro {\n    font-size: 16px;\n  }\n\n  #tb-marketing-final .tmf-faq-item summary {\n    grid-template-columns: 27px minmax(0,1fr) 30px;\n    gap: 12px;\n    padding: 23px 0;\n  }\n\n  #tb-marketing-final .tmf-question {\n    font-size: 16px;\n  }\n\n  #tb-marketing-final .tmf-answer {\n    padding: 0 39px 24px 10px;\n  }\n\n  #tb-marketing-final .tmf-answer p {\n    font-size: 14px;\n  }\n\n  #tb-marketing-final .tmf-cta {\n    margin-top: 70px;\n    padding: 39px 25px;\n    border-radius: 19px;\n  }\n\n  #tb-marketing-final h2.tmf-cta-title {\n    font-size: clamp(35px,8vw,46px);\n  }\n\n  #tb-marketing-final .tmf-cta-copy {\n    font-size: 16px;\n  }\n\n  #tb-marketing-final .tmf-action {\n    padding: 29px 23px;\n  }\n\n  #tb-marketing-final .tmf-cta-footer {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n}\n\n@media (max-width: 420px) {\n  #tb-marketing-final h2.tmf-faq-title,\n  #tb-marketing-final h2.tmf-cta-title {\n    font-size: 33px;\n  }\n\n  #tb-marketing-final .tmf-cta {\n    padding: 32px 19px;\n  }\n\n  #tb-marketing-final .tmf-action h3 {\n    font-size: 21px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #tb-marketing-final .tmf-register {\n    transition: none;\n  }\n}\n<\/style>\n\n<section\n  id=\"tb-marketing-final\"\n  lang=\"ar\"\n  dir=\"rtl\"\n  aria-labelledby=\"tb-marketing-faq-title\">\n\n  <div class=\"tmf-container\">\n\n    <!-- FAQ HEADING -->\n    <div class=\"tmf-heading\">\n\n      <div>\n\n        <div class=\"tmf-eyebrow\">\n          \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629\n        <\/div>\n\n        <h2\n          class=\"tmf-faq-title\"\n          id=\"tb-marketing-faq-title\">\n\n          \u0623\u0633\u0626\u0644\u0629 \u0634\u0627\u0626\u0639\u0629 \u062d\u0648\u0644\n          <span>\n            \u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n            \u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u062a\u0633\u0648\u064a\u0642\n          <\/span>\n\n        <\/h2>\n\n      <\/div>\n\n      <p class=\"tmf-intro\">\n        \u0643\u064a\u0641 \u064a\u0633\u0627\u0639\u062f \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0634\u0631\u0643\u0627\u062a \u0627\u0644\u062a\u0633\u0648\u064a\u0642\n        \u0639\u0644\u0649 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0648\u0627\u0644\u0639\u0645\u0644\u0627\u0621\n        \u0648\u062a\u0646\u0633\u064a\u0642 \u0639\u0645\u0644 \u0627\u0644\u0641\u0631\u064a\u0642\u061f\n        \u0625\u0644\u064a\u0643 \u0625\u062c\u0627\u0628\u0627\u062a \u0639\u0646 \u0623\u0647\u0645 \u0627\u0644\u0623\u0633\u0626\u0644\u0629\n        \u0627\u0644\u0645\u062a\u0639\u0644\u0642\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647 \u0641\u064a \u0625\u062f\u0627\u0631\u0629\n        \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u0633\u0648\u064a\u0642.\n      <\/p>\n\n    <\/div>\n\n    <!-- FAQ LIST -->\n    <div class=\"tmf-faq-list\">\n\n      <!-- FAQ 01 -->\n      <details class=\"tmf-faq-item\" open>\n\n        <summary>\n          <span class=\"tmf-faq-number\">01<\/span>\n          <span class=\"tmf-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\u0633\u0648\u064a\u0642\n            \u0648\u0648\u0643\u0627\u0644\u0627\u062a \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a\u061f\n          <\/span>\n          <span class=\"tmf-toggle\" aria-hidden=\"true\"><\/span>\n        <\/summary>\n\n        <div class=\"tmf-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\u0633\u0648\u064a\u0642\n            \u0648\u0641\u0631\u0642 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a \u0639\u0644\u0649 \u062a\u0646\u0638\u064a\u0645\n            \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a\u0629\u060c\n            \u0648\u062a\u0642\u0633\u064a\u0645 \u0627\u0644\u0639\u0645\u0644 \u0625\u0644\u0649 \u0645\u0647\u0627\u0645\u060c\n            \u0648\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a\u060c \u0648\u0645\u062a\u0627\u0628\u0639\u0629\n            \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0648\u062a\u0642\u062f\u0645 \u0627\u0644\u062a\u0646\u0641\u064a\u0630.\n          <\/p>\n        <\/div>\n\n      <\/details>\n\n      <!-- FAQ 02 -->\n      <details class=\"tmf-faq-item\">\n\n        <summary>\n          <span class=\"tmf-faq-number\">02<\/span>\n          <span class=\"tmf-question\">\n            \u0647\u0644 \u064a\u0645\u0643\u0646 \u0625\u062f\u0627\u0631\u0629 \u0645\u0634\u0627\u0631\u064a\u0639 \u0639\u062f\u0629 \u0639\u0645\u0644\u0627\u0621\n            \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0646\u0641\u0633\u0647\u061f\n          <\/span>\n          <span class=\"tmf-toggle\" aria-hidden=\"true\"><\/span>\n        <\/summary>\n\n        <div class=\"tmf-answer\">\n          <p>\n            \u0646\u0639\u0645. \u064a\u0645\u0643\u0646\u0643 \u0625\u0646\u0634\u0627\u0621 \u0645\u0634\u0631\u0648\u0639 \u0645\u0633\u062a\u0642\u0644\n            \u0644\u0643\u0644 \u0639\u0645\u064a\u0644 \u0623\u0648 \u062d\u0645\u0644\u0629\u060c \u0648\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u0647\u0627\u0645\n            \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0648\u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0647\u060c\n            \u062b\u0645 \u0645\u062a\u0627\u0628\u0639\u0629 \u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629\n            \u062f\u0648\u0646 \u0627\u0644\u062e\u0644\u0637 \u0628\u064a\u0646 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621.\n          <\/p>\n        <\/div>\n\n      <\/details>\n\n      <!-- FAQ 03 -->\n      <details class=\"tmf-faq-item\">\n\n        <summary>\n          <span class=\"tmf-faq-number\">03<\/span>\n          <span class=\"tmf-question\">\n            \u0643\u064a\u0641 \u064a\u0633\u0627\u0639\u062f \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0639\u0644\u0649\n            \u062a\u0646\u0633\u064a\u0642 \u0639\u0645\u0644 \u0641\u0631\u064a\u0642 \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u061f\n          <\/span>\n          <span class=\"tmf-toggle\" aria-hidden=\"true\"><\/span>\n        <\/summary>\n\n        <div class=\"tmf-answer\">\n          <p>\n            \u064a\u0645\u0643\u0646\u0643 \u062a\u0642\u0633\u064a\u0645 \u0643\u0644 \u0645\u0634\u0631\u0648\u0639 \u0625\u0644\u0649 \u0645\u0647\u0627\u0645\n            \u0645\u062b\u0644 \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0648\u0627\u0644\u062a\u0635\u0645\u064a\u0645\n            \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0648\u0627\u0644\u062a\u062d\u0644\u064a\u0644\u060c\n            \u062b\u0645 \u0625\u0633\u0646\u0627\u062f \u0627\u0644\u0645\u0647\u0627\u0645 \u0625\u0644\u0649 \u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u0641\u0631\u064a\u0642\n            \u0648\u062a\u062d\u062f\u064a\u062f \u0645\u0648\u0627\u0639\u064a\u062f \u062a\u0646\u0641\u064a\u0630\u0647\u0627.\n            \u0643\u0645\u0627 \u064a\u0645\u0643\u0646 \u0644\u0644\u0641\u0631\u064a\u0642 \u0627\u0644\u0627\u0633\u062a\u0641\u0627\u062f\u0629\n            \u0645\u0646 \u0627\u0644\u062a\u0639\u0644\u064a\u0642\u0627\u062a \u0648\u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629\n            \u0628\u0627\u0644\u0645\u0647\u0627\u0645 \u0644\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0639\u0645\u0644.\n          <\/p>\n        <\/div>\n\n      <\/details>\n\n      <!-- FAQ 04 -->\n      <details class=\"tmf-faq-item\">\n\n        <summary>\n          <span class=\"tmf-faq-number\">04<\/span>\n          <span class=\"tmf-question\">\n            \u0647\u0644 \u064a\u0645\u0643\u0646 \u062a\u062a\u0628\u0639 \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644\n            \u0648\u062a\u0643\u0627\u0644\u064a\u0641 \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\u061f\n          <\/span>\n          <span class=\"tmf-toggle\" aria-hidden=\"true\"><\/span>\n        <\/summary>\n\n        <div class=\"tmf-answer\">\n          <p>\n            \u0646\u0639\u0645. \u064a\u062a\u064a\u062d \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u062a\u0633\u062c\u064a\u0644\n            \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0639\u0644\u0649 \u0627\u0644\u0645\u0647\u0627\u0645\u060c\n            \u0648\u0645\u0631\u0627\u062c\u0639\u0629 \u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0648\u0642\u062a\u060c\n            \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629\n            \u0628\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0645\u0642\u0627\u0631\u0646\u062a\u0647\u0627\n            \u0628\u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u062d\u062f\u062f\u0629.\n            \u0648\u062a\u0633\u0627\u0639\u062f \u0647\u0630\u0647 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0639\u0644\u0649 \u0641\u0647\u0645\n            \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u0629 \u0641\u064a \u062a\u0646\u0641\u064a\u0630\n            \u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a\u0629.\n          <\/p>\n        <\/div>\n\n      <\/details>\n\n      <!-- FAQ 05 -->\n      <details class=\"tmf-faq-item\">\n\n        <summary>\n          <span class=\"tmf-faq-number\">05<\/span>\n          <span class=\"tmf-question\">\n            \u0647\u0644 \u064a\u0633\u0627\u0639\u062f \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0639\u0644\u0649 \u0625\u0639\u062f\u0627\u062f\n            \u062a\u0642\u0627\u0631\u064a\u0631 \u062a\u0642\u062f\u0645 \u0627\u0644\u062d\u0645\u0644\u0627\u062a\u061f\n          <\/span>\n          <span class=\"tmf-toggle\" aria-hidden=\"true\"><\/span>\n        <\/summary>\n\n        <div class=\"tmf-answer\">\n          <p>\n            \u064a\u0645\u0643\u0646\u0643 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n            \u0648\u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641\n            \u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u062a\u0642\u062f\u0645 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\n            \u0648\u0627\u0644\u062c\u0647\u062f \u0627\u0644\u0645\u0628\u0630\u0648\u0644 \u0641\u064a \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639.\n            \u0623\u0645\u0627 \u0645\u0624\u0634\u0631\u0627\u062a \u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u064a\u060c\n            \u0645\u062b\u0644 \u0639\u062f\u062f \u0627\u0644\u0646\u0642\u0631\u0627\u062a \u0648\u0627\u0644\u062a\u062d\u0648\u064a\u0644\u0627\u062a\u060c\n            \u0641\u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0628\u064a\u0627\u0646\u0627\u062a \u0623\u062f\u0648\u0627\u062a\n            \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0648\u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629.\n          <\/p>\n        <\/div>\n\n      <\/details>\n\n      <!-- FAQ 06 -->\n      <details class=\"tmf-faq-item\">\n\n        <summary>\n          <span class=\"tmf-faq-number\">06<\/span>\n          <span class=\"tmf-question\">\n            \u0643\u064a\u0641 \u064a\u0633\u0627\u0639\u062f \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\n            \u0648\u0631\u0627\u064a\u0644\u0627 \u0641\u064a \u0625\u062f\u0627\u0631\u0629 \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u061f\n          <\/span>\n          <span class=\"tmf-toggle\" aria-hidden=\"true\"><\/span>\n        <\/summary>\n\n        <div class=\"tmf-answer\">\n          <p>\n            \u062a\u0633\u0627\u0639\u062f\u0643 \u0625\u0645\u0643\u0627\u0646\u0627\u062a \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\n            \u0641\u064a \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0639\u0644\u0649 \u0627\u0642\u062a\u0631\u0627\u062d\n            \u062a\u0642\u062f\u064a\u0631\u0627\u062a \u0644\u0639\u0628\u0621 \u0639\u0645\u0644 \u0627\u0644\u0645\u0647\u0627\u0645.\n            \u0648\u064a\u0645\u0643\u0646\u0643 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\n            <strong>\u0631\u0627\u064a\u0644\u0627<\/strong>\n            \u0644\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0639\u0646 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n            \u0648\u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u062a\u062d\u0644\u064a\u0644\u0647\u0627\u060c \u0628\u0645\u0627 \u064a\u0633\u0627\u0639\u062f\u0643\n            \u0639\u0644\u0649 \u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0623\u0648\u0644\u0648\u064a\u0627\u062a\n            \u0648\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 \u0627\u0647\u062a\u0645\u0627\u0645.\n          <\/p>\n        <\/div>\n\n      <\/details>\n\n      <!-- FAQ 07 -->\n      <details class=\"tmf-faq-item\">\n\n        <summary>\n          <span class=\"tmf-faq-number\">07<\/span>\n          <span class=\"tmf-question\">\n            \u0643\u064a\u0641 \u0623\u0628\u062f\u0623 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\n            \u0641\u064a \u0634\u0631\u0643\u062a\u064a\u061f\n          <\/span>\n          <span class=\"tmf-toggle\" aria-hidden=\"true\"><\/span>\n        <\/summary>\n\n        <div class=\"tmf-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\u0643\n            <\/a>\n            \u0641\u064a \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\u060c \u062b\u0645 \u0625\u0636\u0627\u0641\u0629 \u0645\u0634\u0631\u0648\u0639\u0643\n            \u0627\u0644\u0623\u0648\u0644 \u0648\u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u062a\u062d\u062f\u064a\u062f\n            \u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u0641\u0631\u064a\u0642 \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0646 \u0639\u0646\u0647\u0627.\n            \u064a\u0645\u0643\u0646\u0643 \u0627\u0644\u0628\u062f\u0621 \u0628\u062d\u0645\u0644\u0629 \u0648\u0627\u062d\u062f\u0629\n            \u062b\u0645 \u062a\u0646\u0638\u064a\u0645 \u0628\u0642\u064a\u0629 \u0645\u0634\u0627\u0631\u064a\u0639\n            \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u062a\u062f\u0631\u064a\u062c\u064a\u064b\u0627.\n          <\/p>\n        <\/div>\n\n      <\/details>\n\n    <\/div>\n\n    <!-- FINAL CTA -->\n    <div class=\"tmf-cta\">\n\n      <div class=\"tmf-cta-inner\">\n\n        <!-- CTA MESSAGE -->\n        <div>\n\n          <div class=\"tmf-cta-eyebrow\">\n            \u0646\u0638\u0651\u0645 \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0628\u062b\u0642\u0629 \u0623\u0643\u0628\u0631\n          <\/div>\n\n          <h2 class=\"tmf-cta-title\">\n\n            \u0645\u0634\u0627\u0631\u064a\u0639 \u0623\u0643\u062b\u0631 \u0648\u0636\u0648\u062d\u064b\u0627\u060c\n            <span>\n              \u0648\u0641\u0631\u064a\u0642 \u064a\u0639\u0631\u0641 \u0645\u0627 \u0639\u0644\u064a\u0647 \u0625\u0646\u062c\u0627\u0632\u0647\n            <\/span>\n\n          <\/h2>\n\n          <p class=\"tmf-cta-copy\">\n            \u0633\u0648\u0627\u0621 \u0643\u0646\u062a \u062a\u062f\u064a\u0631 \u0648\u0643\u0627\u0644\u0629 \u062a\u0633\u0648\u064a\u0642\n            \u0623\u0648 \u0641\u0631\u064a\u0642\u064b\u0627 \u062f\u0627\u062e\u0644\u064a\u064b\u0627\u060c \u064a\u0633\u0627\u0639\u062f\u0643\n            \u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0644\u0634\u0631\u0643\u0627\u062a\n            \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0645\u0646 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\n            \u0639\u0644\u0649 \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0648\u0627\u0644\u0639\u0645\u0644\u0627\u0621\n            \u0648\u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f\u060c\n            \u0648\u062a\u062a\u0628\u0639 \u0648\u0642\u062a \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641\u060c\n            \u0648\u0645\u0631\u0627\u062c\u0639\u0629 \u062a\u0642\u062f\u0645 \u0627\u0644\u062a\u0646\u0641\u064a\u0630.\n            \u0627\u0628\u062f\u0623 \u0628\u062a\u0646\u0638\u064a\u0645 \u0645\u0634\u0627\u0631\u064a\u0639\u0643 \u0645\u0646 \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f.\n          <\/p>\n\n        <\/div>\n\n        <!-- CTA ACTION CARD -->\n        <div class=\"tmf-action\">\n\n          <div class=\"tmf-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 \u062d\u0645\u0644\u062a\u0643 \u0627\u0644\u0642\u0627\u062f\u0645\u0629\n            \u0623\u0643\u062b\u0631 \u062a\u0646\u0638\u064a\u0645\u064b\u0627\n          <\/h3>\n\n          <p>\n            \u0623\u0646\u0634\u0626 \u062d\u0633\u0627\u0628\u0643\u060c \u0648\u0623\u0636\u0641 \u0623\u0648\u0644 \u0645\u0634\u0631\u0648\u0639\n            \u062a\u0633\u0648\u064a\u0642\u064a\u060c \u0648\u0627\u0628\u062f\u0623 \u0628\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0645\u0647\u0627\u0645\n            \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f\n            \u0648\u0627\u0644\u0625\u0646\u062c\u0627\u0632 \u0645\u0639 \u0641\u0631\u064a\u0642\u0643.\n          <\/p>\n\n          <a\n            class=\"tmf-register\"\n            href=\"https:\/\/panel.taskbrowse.com\/Account\/Register?lang=ar\">\n\n            \u0627\u0628\u062f\u0623 \u0645\u062c\u0627\u0646\u064b\u0627\n            <span aria-hidden=\"true\">\u2190<\/span>\n\n          <\/a>\n\n          <p class=\"tmf-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=\"tmf-cta-footer\">\n\n        <p>\n          \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062d\u0645\u0644\u0627\u062a \u00b7 \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0641\u0631\u064a\u0642 \u00b7\n          \u062a\u062a\u0628\u0639 \u0627\u0644\u0648\u0642\u062a \u00b7 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u00b7 \u0631\u0627\u064a\u0644\u0627\n        <\/p>\n\n        <span class=\"tmf-brand\">\n          \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\n        <\/span>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\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\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u062a\u0633\u0648\u064a\u0642: \u0646\u0638\u0651\u0645 \u062d\u0645\u0644\u0627\u062a\u0643 \u0645\u0646 \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f \u0645\u0639 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\u060c \u064a\u0645\u0643\u0646\u0643 \u062a\u0646\u0638\u064a\u0645 \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a\u0629 \u0648\u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f\u060c \u0648\u062a\u0646\u0633\u064a\u0642 \u0639\u0645\u0644 \u0627\u0644\u0641\u0631\u064a\u0642\u060c \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0648\u062a\u0642\u062f\u0651\u0645 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0645\u0646 \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f. \u0635\u064f\u0645\u0651\u0645 \u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0644\u0645\u0633\u0627\u0639\u062f\u062a\u0643 \u0639\u0644\u0649 \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u062d\u0645\u0644\u0627\u062a\u060c \u0648\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a\u060c \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0625\u0646\u062c\u0627\u0632 \u0628\u0648\u0636\u0648\u062d\u060c \u0633\u0648\u0627\u0621 \u0643\u0646\u062a \u062a\u062f\u064a\u0631&hellip;&nbsp;<a href=\"https:\/\/taskbrowse.com\/ar\/taskbrowse-lisharikat-altasweeq\/\" rel=\"bookmark\">\u0627\u0642\u0631\u0623 \u0627\u0644\u0645\u0632\u064a\u062f &raquo;<span class=\"screen-reader-text\">\u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u062a\u0633\u0648\u064a\u0642: \u0646\u0638\u0651\u0645 \u062d\u0645\u0644\u0627\u062a\u0643 \u0645\u0646 \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f<\/span><\/a><\/p>\n","protected":false},"author":4,"featured_media":751,"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-728","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/pages\/728","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=728"}],"version-history":[{"count":57,"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/pages\/728\/revisions"}],"predecessor-version":[{"id":10555,"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/pages\/728\/revisions\/10555"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/media\/751"}],"wp:attachment":[{"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/media?parent=728"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}