{"id":625,"date":"2024-02-18T12:39:27","date_gmt":"2024-02-18T12:39:27","guid":{"rendered":"https:\/\/taskbrowse.com\/ar\/?page_id=625"},"modified":"2026-10-14T06:04:37","modified_gmt":"2026-10-14T06:04:37","slug":"takhtit-faal","status":"publish","type":"page","link":"https:\/\/taskbrowse.com\/ar\/takhtit-faal\/","title":{"rendered":"\u062c\u062f\u0648\u0644\u0629 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0648\u0642\u062a \u0628\u0641\u0639\u0627\u0644\u064a\u0629 \u0645\u0639 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632"},"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 \u2014 Task Scheduling Hero\n   =========================================== *\/\n\n.tb-schedule-hero {\n  --tb-red: #d50032;\n  --tb-red-dark: #b8002b;\n  --tb-text: #17191d;\n  --tb-muted: #686b72;\n  --tb-border: #e7e7e9;\n  --tb-soft: #f8f8f9;\n\n  direction: rtl;\n  width: 100%;\n  background: #fff;\n  color: var(--tb-text);\n  padding: 90px 24px 70px;\n  box-sizing: border-box;\n  overflow: hidden;\n  font-family: \"IBM Plex Sans Arabic\", Arial, sans-serif;\n}\n\n.tb-schedule-hero *,\n.tb-schedule-hero *::before,\n.tb-schedule-hero *::after {\n  box-sizing: border-box;\n}\n\n.tb-schedule-hero-inner {\n  max-width: 1500px;\n  margin: 0 auto;\n}\n\n\/* ===== Heading ===== *\/\n\n.tb-schedule-hero-top {\n  display: grid;\n  grid-template-columns:\n    minmax(0, .9fr)\n    minmax(0, 1.1fr);\n  gap: 90px;\n  align-items: center;\n}\n\n.tb-schedule-hero-heading {\n  max-width: 650px;\n  margin-right: auto;\n}\n\n.tb-schedule-hero-eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  margin-bottom: 28px;\n  color: var(--tb-red);\n  font-size: 17px;\n  font-weight: 700;\n  line-height: 1.8;\n}\n\n.tb-schedule-hero-eyebrow::before {\n  content: \"\";\n  width: 32px;\n  height: 2px;\n  background: var(--tb-red);\n  flex-shrink: 0;\n}\n\n.tb-schedule-hero h1 {\n  margin: 0;\n  font-size: clamp(46px, 4.7vw, 74px);\n  line-height: 1.27;\n  font-weight: 800;\n  letter-spacing: -1px;\n  color: var(--tb-text);\n}\n\n.tb-schedule-hero h1 span {\n  color: var(--tb-red);\n}\n\n\/* ===== Description ===== *\/\n\n.tb-schedule-hero-content {\n  max-width: 720px;\n  margin-left: auto;\n}\n\n.tb-schedule-hero-text {\n  margin: 0 0 32px;\n  font-size: 21px;\n  line-height: 2.1;\n  color: #3c3e43;\n  font-weight: 400;\n}\n\n.tb-schedule-hero-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 14px;\n  align-items: center;\n}\n\n.tb-schedule-hero-btn {\n  min-height: 58px;\n  padding: 14px 28px;\n  border-radius: 12px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 9px;\n  text-decoration: none !important;\n  font-size: 17px;\n  font-weight: 700;\n  line-height: 1.5;\n  transition:\n    background .2s ease,\n    border-color .2s ease,\n    transform .2s ease;\n}\n\n.tb-schedule-hero-btn-primary {\n  background: var(--tb-red);\n  color: #fff !important;\n  border: 1px solid var(--tb-red);\n  box-shadow: 0 14px 28px rgba(213,0,50,.12);\n}\n\n.tb-schedule-hero-btn-primary:hover {\n  background: var(--tb-red-dark);\n  border-color: var(--tb-red-dark);\n  transform: translateY(-2px);\n}\n\n.tb-schedule-hero-btn-secondary {\n  background: #fff;\n  color: var(--tb-text) !important;\n  border: 1px solid #dedee0;\n}\n\n.tb-schedule-hero-btn-secondary:hover {\n  background: #fafafa;\n  border-color: #bfc0c4;\n}\n\n.tb-schedule-hero-btn:focus-visible {\n  outline: 3px solid var(--tb-red);\n  outline-offset: 4px;\n}\n\n\/* ===== Schedule Mockup ===== *\/\n\n.tb-schedule-hero-board {\n  margin-top: 75px;\n  background: #fff;\n  border: 1px solid #dedee0;\n  border-top: 3px solid var(--tb-red);\n  border-radius: 28px 28px 20px 20px;\n  overflow: hidden;\n  box-shadow: 0 25px 70px rgba(0,0,0,.06);\n}\n\n\/* ===== Board Header ===== *\/\n\n.tb-schedule-board-head {\n  padding: 27px 36px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 25px;\n  border-bottom: 1px solid var(--tb-border);\n}\n\n.tb-schedule-board-heading {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n}\n\n.tb-schedule-board-icon {\n  width: 48px;\n  height: 48px;\n  border-radius: 14px;\n  background: #fff2f5;\n  color: var(--tb-red);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.tb-schedule-board-icon svg {\n  width: 25px;\n  height: 25px;\n}\n\n.tb-schedule-board-label {\n  font-size: 13px;\n  color: #8a8c92;\n  margin-bottom: 4px;\n}\n\n.tb-schedule-board-title {\n  font-size: 21px;\n  font-weight: 800;\n}\n\n.tb-schedule-board-date {\n  padding: 11px 18px;\n  border: 1px solid var(--tb-border);\n  border-radius: 12px;\n  color: #56585e;\n  font-size: 14px;\n  font-weight: 700;\n  white-space: nowrap;\n}\n\n\/* ===== Main Grid ===== *\/\n\n.tb-schedule-board-body {\n  display: grid;\n  grid-template-columns: minmax(0, 1.65fr) minmax(0, .75fr);\n}\n\n\/* ===== Timeline ===== *\/\n\n.tb-schedule-timeline {\n  padding: 30px 36px 35px;\n  min-width: 0;\n  border-left: 1px solid var(--tb-border);\n}\n\n.tb-schedule-panel-title {\n  margin: 0 0 23px !important;\n  font-size: 19px !important;\n  font-weight: 800 !important;\n  line-height: 1.5 !important;\n  color: var(--tb-text);\n}\n\n.tb-schedule-timeline-row {\n  display: grid;\n  grid-template-columns: 85px minmax(0, 1fr);\n  gap: 16px;\n  min-height: 87px;\n  align-items: start;\n}\n\n.tb-schedule-time {\n  font-size: 13px;\n  color: #85878d;\n  font-weight: 700;\n  padding-top: 19px;\n  direction: ltr;\n  text-align: center;\n}\n\n.tb-schedule-slot {\n  position: relative;\n  padding: 15px 19px;\n  border-radius: 12px;\n  min-height: 75px;\n  border: 1px solid #e7e7e9;\n  background: #fafafa;\n}\n\n.tb-schedule-slot::before {\n  content: \"\";\n  position: absolute;\n  right: 0;\n  top: 12px;\n  bottom: 12px;\n  width: 3px;\n  border-radius: 3px;\n  background: #bbbfc5;\n}\n\n.tb-schedule-slot.done {\n  background: #f3f8f5;\n  border-color: #dcebe2;\n}\n\n.tb-schedule-slot.done::before {\n  background: #329465;\n}\n\n.tb-schedule-slot.active {\n  background: #fff4f6;\n  border-color: #efc9d3;\n}\n\n.tb-schedule-slot.active::before {\n  background: var(--tb-red);\n}\n\n.tb-schedule-slot.upcoming {\n  background: #f7f8fb;\n  border-color: #e3e6ef;\n}\n\n.tb-schedule-slot.upcoming::before {\n  background: #7c88aa;\n}\n\n.tb-schedule-slot-top {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 15px;\n  margin-bottom: 5px;\n}\n\n.tb-schedule-slot-name {\n  font-size: 16px;\n  font-weight: 800;\n  color: #22242a;\n}\n\n.tb-schedule-slot-status {\n  font-size: 11px;\n  font-weight: 700;\n  white-space: nowrap;\n  color: #777980;\n}\n\n.tb-schedule-slot.done .tb-schedule-slot-status {\n  color: #278254;\n}\n\n.tb-schedule-slot.active .tb-schedule-slot-status {\n  color: var(--tb-red);\n}\n\n.tb-schedule-slot-meta {\n  font-size: 12px;\n  color: #81838a;\n  line-height: 1.7;\n}\n\n\/* ===== Summary Sidebar ===== *\/\n\n.tb-schedule-summary {\n  padding: 30px 30px 32px;\n  background: #fcfcfc;\n}\n\n.tb-schedule-summary-item {\n  padding: 0 0 21px;\n  margin-bottom: 20px;\n  border-bottom: 1px solid var(--tb-border);\n}\n\n.tb-schedule-summary-item:last-of-type {\n  border-bottom: none;\n  margin-bottom: 0;\n}\n\n.tb-schedule-summary-label {\n  font-size: 13px;\n  color: #81838a;\n  margin-bottom: 8px;\n}\n\n.tb-schedule-summary-value {\n  font-size: 25px;\n  font-weight: 800;\n  color: #202228;\n  line-height: 1.35;\n}\n\n.tb-schedule-summary-value.highlight {\n  color: var(--tb-red);\n}\n\n.tb-schedule-summary-small {\n  font-size: 12px;\n  color: #92949a;\n  margin-top: 4px;\n}\n\n\/* ===== Progress ===== *\/\n\n.tb-schedule-progress {\n  margin-top: 10px;\n  height: 6px;\n  background: #e6e7e9;\n  border-radius: 100px;\n  overflow: hidden;\n}\n\n.tb-schedule-progress-fill {\n  height: 100%;\n  width: 50%;\n  background: var(--tb-red);\n  border-radius: inherit;\n}\n\n\/* ===== Insight ===== *\/\n\n.tb-schedule-insight {\n  margin-top: 26px;\n  padding: 20px;\n  border-radius: 16px;\n  background: #fff4f6;\n  border: 1px solid #f0cfd8;\n}\n\n.tb-schedule-insight-title {\n  color: #a90029;\n  font-size: 14px;\n  font-weight: 800;\n  margin-bottom: 9px;\n}\n\n.tb-schedule-insight-text {\n  color: #6f5960;\n  font-size: 13px;\n  line-height: 1.9;\n  margin: 0 !important;\n}\n\n\/* ===== Board Footer ===== *\/\n\n.tb-schedule-board-footer {\n  display: flex;\n  align-items: center;\n  gap: 15px;\n  background: #202124;\n  color: #fff;\n  padding: 22px 32px;\n}\n\n.tb-schedule-footer-icon {\n  width: 36px;\n  height: 36px;\n  background: var(--tb-red);\n  color: #fff;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  flex-shrink: 0;\n}\n\n.tb-schedule-footer-text {\n  font-size: 15px;\n  font-weight: 700;\n  line-height: 1.8;\n  color: #fff;\n}\n\n\/* ===== Responsive ===== *\/\n\n@media (max-width: 1100px) {\n  .tb-schedule-hero {\n    padding-top: 65px;\n  }\n\n  .tb-schedule-hero-top {\n    grid-template-columns: 1fr;\n    gap: 30px;\n  }\n\n  .tb-schedule-hero-heading,\n  .tb-schedule-hero-content {\n    max-width: 850px;\n    margin-right: auto;\n    margin-left: auto;\n    width: 100%;\n  }\n\n  .tb-schedule-board-body {\n    grid-template-columns: 1fr;\n  }\n\n  .tb-schedule-timeline {\n    border-left: 0;\n    border-bottom: 1px solid var(--tb-border);\n  }\n\n  .tb-schedule-summary {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 18px;\n  }\n\n  .tb-schedule-summary .tb-schedule-panel-title,\n  .tb-schedule-insight {\n    grid-column: 1 \/ -1;\n  }\n\n  .tb-schedule-summary-item {\n    margin-bottom: 0;\n  }\n}\n\n@media (max-width: 760px) {\n  .tb-schedule-hero {\n    padding: 46px 18px 38px;\n  }\n\n  .tb-schedule-hero h1 {\n    font-size: 41px;\n    line-height: 1.32;\n    letter-spacing: -.5px;\n  }\n\n  .tb-schedule-hero-eyebrow {\n    font-size: 14px;\n    margin-bottom: 18px;\n    gap: 10px;\n  }\n\n  .tb-schedule-hero-eyebrow::before {\n    width: 22px;\n    flex-basis: 22px;\n  }\n\n  .tb-schedule-hero-text {\n    font-size: 17px;\n    line-height: 2;\n    margin-bottom: 26px;\n  }\n\n  .tb-schedule-hero-actions {\n    align-items: stretch;\n  }\n\n  .tb-schedule-hero-btn {\n    width: 100%;\n  }\n\n  .tb-schedule-hero-board {\n    margin-top: 44px;\n    border-radius: 20px 20px 14px 14px;\n  }\n\n  .tb-schedule-board-head {\n    padding: 21px 18px;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 15px;\n  }\n\n  .tb-schedule-board-title {\n    font-size: 18px;\n  }\n\n  .tb-schedule-timeline {\n    padding: 24px 14px 25px;\n  }\n\n  .tb-schedule-timeline-row {\n    grid-template-columns: 53px minmax(0, 1fr);\n    gap: 8px;\n    min-height: 90px;\n  }\n\n  .tb-schedule-time {\n    font-size: 11px;\n    padding-top: 22px;\n  }\n\n  .tb-schedule-slot {\n    padding: 13px 12px;\n  }\n\n  .tb-schedule-slot-name {\n    font-size: 13px;\n  }\n\n  .tb-schedule-slot-status {\n    font-size: 10px;\n  }\n\n  .tb-schedule-slot-top {\n    flex-wrap: wrap;\n    gap: 4px 10px;\n  }\n\n  .tb-schedule-slot-meta {\n    font-size: 11px;\n  }\n\n  .tb-schedule-summary {\n    padding: 24px 18px;\n  }\n\n  .tb-schedule-summary-value {\n    font-size: 21px;\n  }\n\n  .tb-schedule-board-footer {\n    padding: 19px 18px;\n    align-items: flex-start;\n  }\n\n  .tb-schedule-footer-text {\n    font-size: 13px;\n  }\n}\n\n@media (max-width: 380px) {\n  .tb-schedule-hero h1 {\n    font-size: 34px;\n  }\n\n  .tb-schedule-summary {\n    grid-template-columns: 1fr;\n  }\n\n  .tb-schedule-summary-item {\n    padding-bottom: 15px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .tb-schedule-hero-btn {\n    transition: none;\n  }\n\n  .tb-schedule-hero-btn:hover {\n    transform: none;\n  }\n}\n<\/style>\n\n<section class=\"tb-schedule-hero\" dir=\"rtl\" lang=\"ar\"\n         aria-labelledby=\"tb-schedule-main-title\">\n  <div class=\"tb-schedule-hero-inner\">\n\n    <!-- HERO TOP -->\n    <div class=\"tb-schedule-hero-top\">\n\n      <!-- Main Heading -->\n      <div class=\"tb-schedule-hero-heading\">\n\n        <div class=\"tb-schedule-hero-eyebrow\">\n          \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u0647\u0627\u0645 \u00b7 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u064a\u0648\u0645\u064a \u00b7 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0623\u0648\u0644\u0648\u064a\u0627\u062a\n        <\/div>\n\n        <h1 id=\"tb-schedule-main-title\">\n          <span>\u062c\u062f\u0648\u0644\u0629 \u0627\u0644\u0645\u0647\u0627\u0645<\/span>\n          \u0648\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0648\u0642\u062a \u0628\u0641\u0639\u0627\u0644\u064a\u0629\n          \u0645\u0639 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\n        <\/h1>\n\n      <\/div>\n\n      <!-- Description and CTAs -->\n      <div class=\"tb-schedule-hero-content\">\n\n        <p class=\"tb-schedule-hero-text\">\n          \u062d\u0648\u0651\u0644 \u0642\u0627\u0626\u0645\u0629 \u0645\u0647\u0627\u0645\u0643 \u0625\u0644\u0649 \u062c\u062f\u0648\u0644 \u064a\u0648\u0645\u064a \u0648\u0627\u0636\u062d.\n          \u062d\u062f\u0651\u062f \u0623\u0648\u0644\u0648\u064a\u0627\u062a\u0643\u060c \u0648\u062e\u0635\u0651\u0635 \u0648\u0642\u062a\u064b\u0627 \u0644\u062a\u0646\u0641\u064a\u0630 \u0643\u0644 \u0645\u0647\u0645\u0629\u060c\n          \u0648\u062a\u0627\u0628\u0639 \u0645\u0627 \u0623\u0646\u062c\u0632\u062a\u0647 \u0648\u0645\u0627 \u062a\u0628\u0642\u0651\u0649 \u0645\u0646 \u0623\u0639\u0645\u0627\u0644\u0643.\n          \u064a\u0633\u0627\u0639\u062f\u0643 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0639\u0644\u0649 \u062a\u0646\u0638\u064a\u0645 \u064a\u0648\u0645\u0643 \u0648\u062a\u0639\u062f\u064a\u0644 \u062e\u0637\u062a\u0643\n          \u0639\u0646\u062f\u0645\u0627 \u062a\u062a\u063a\u064a\u0631 \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0623\u0648 \u062a\u0638\u0647\u0631 \u0645\u0647\u0627\u0645 \u062c\u062f\u064a\u062f\u0629.\n        <\/p>\n\n        <div class=\"tb-schedule-hero-actions\">\n\n          <a\n            class=\"tb-schedule-hero-btn tb-schedule-hero-btn-primary\"\n            href=\"https:\/\/panel.taskbrowse.com\/Account\/Register?lang=ar\">\n            \u0627\u0628\u062f\u0623 \u0645\u062c\u0627\u0646\u064b\u0627\n          <\/a>\n\n          <a\n            class=\"tb-schedule-hero-btn tb-schedule-hero-btn-secondary\"\n            href=\"#how-task-scheduling-works\">\n            \u0634\u0627\u0647\u062f \u0643\u064a\u0641 \u062a\u0639\u0645\u0644 \u062c\u062f\u0648\u0644\u0629 \u0627\u0644\u0645\u0647\u0627\u0645\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <!-- EXAMPLE DAILY SCHEDULE -->\n    <div class=\"tb-schedule-hero-board\"\n         aria-label=\"\u0645\u062b\u0627\u0644 \u062a\u0648\u0636\u064a\u062d\u064a \u0639\u0644\u0649 \u062c\u062f\u0648\u0644 \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u064a\u0648\u0645\u064a\">\n\n      <!-- Dashboard Header -->\n      <div class=\"tb-schedule-board-head\">\n\n        <div class=\"tb-schedule-board-heading\">\n\n          <div class=\"tb-schedule-board-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"\n                 stroke=\"currentColor\" stroke-width=\"1.8\"\n                 stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"\/>\n              <path d=\"M7 3v4M17 3v4M3 10h18\"\/>\n              <path d=\"m9 16 2 2 4-4\"\/>\n            <\/svg>\n          <\/div>\n\n          <div>\n            <div class=\"tb-schedule-board-label\">\n              \u0645\u062b\u0627\u0644 \u062a\u0648\u0636\u064a\u062d\u064a \u0644\u062c\u062f\u0648\u0644\u0629 \u0627\u0644\u0645\u0647\u0627\u0645\n            <\/div>\n            <div class=\"tb-schedule-board-title\">\n              \u062e\u0637\u062a\u064a \u0627\u0644\u064a\u0648\u0645\u064a\u0629\n            <\/div>\n          <\/div>\n\n        <\/div>\n\n        <div class=\"tb-schedule-board-date\">\n          \u062c\u062f\u0648\u0644 \u064a\u0648\u0645 \u0639\u0645\u0644\n        <\/div>\n\n      <\/div>\n\n      <!-- Dashboard Body -->\n      <div class=\"tb-schedule-board-body\">\n\n        <!-- Daily Timeline -->\n        <div class=\"tb-schedule-timeline\">\n\n          <h2 class=\"tb-schedule-panel-title\">\n            \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u062c\u062f\u0648\u0644\u0629 \u0627\u0644\u064a\u0648\u0645\n          <\/h2>\n\n          <!-- Task 1 -->\n          <div class=\"tb-schedule-timeline-row\">\n\n            <div class=\"tb-schedule-time\">\n              09:00\n            <\/div>\n\n            <div class=\"tb-schedule-slot done\">\n\n              <div class=\"tb-schedule-slot-top\">\n                <span class=\"tb-schedule-slot-name\">\n                  \u0645\u0631\u0627\u062c\u0639\u0629 \u0645\u0647\u0627\u0645 \u0627\u0644\u0641\u0631\u064a\u0642\n                <\/span>\n                <span class=\"tb-schedule-slot-status\">\n                  \u0645\u0643\u062a\u0645\u0644\u0629 \u2713\n                <\/span>\n              <\/div>\n\n              <div class=\"tb-schedule-slot-meta\">\n                09:00 \u2013 10:00 \u00b7 \u0633\u0627\u0639\u0629 \u0648\u0627\u062d\u062f\u0629\n              <\/div>\n\n            <\/div>\n          <\/div>\n\n          <!-- Task 2 -->\n          <div class=\"tb-schedule-timeline-row\">\n\n            <div class=\"tb-schedule-time\">\n              10:00\n            <\/div>\n\n            <div class=\"tb-schedule-slot done\">\n\n              <div class=\"tb-schedule-slot-top\">\n                <span class=\"tb-schedule-slot-name\">\n                  \u0625\u0639\u062f\u0627\u062f \u062e\u0637\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n                <\/span>\n                <span class=\"tb-schedule-slot-status\">\n                  \u0645\u0643\u062a\u0645\u0644\u0629 \u2713\n                <\/span>\n              <\/div>\n\n              <div class=\"tb-schedule-slot-meta\">\n                10:00 \u2013 11:30 \u00b7 \u0633\u0627\u0639\u0629 \u0648\u0646\u0635\u0641\n              <\/div>\n\n            <\/div>\n          <\/div>\n\n          <!-- Task 3 -->\n          <div class=\"tb-schedule-timeline-row\">\n\n            <div class=\"tb-schedule-time\">\n              11:30\n            <\/div>\n\n            <div class=\"tb-schedule-slot active\">\n\n              <div class=\"tb-schedule-slot-top\">\n                <span class=\"tb-schedule-slot-name\">\n                  \u0645\u062a\u0627\u0628\u0639\u0629 \u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n                <\/span>\n                <span class=\"tb-schedule-slot-status\">\n                  \u0642\u064a\u062f \u0627\u0644\u062a\u0646\u0641\u064a\u0630\n                <\/span>\n              <\/div>\n\n              <div class=\"tb-schedule-slot-meta\">\n                11:30 \u2013 13:00 \u00b7 \u0623\u0648\u0644\u0648\u064a\u0629 \u0639\u0627\u0644\u064a\u0629\n              <\/div>\n\n            <\/div>\n          <\/div>\n\n          <!-- Task 4 -->\n          <div class=\"tb-schedule-timeline-row\">\n\n            <div class=\"tb-schedule-time\">\n              14:00\n            <\/div>\n\n            <div class=\"tb-schedule-slot upcoming\">\n\n              <div class=\"tb-schedule-slot-top\">\n                <span class=\"tb-schedule-slot-name\">\n                  \u0645\u0631\u0627\u062c\u0639\u0629 \u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0623\u062f\u0627\u0621\n                <\/span>\n                <span class=\"tb-schedule-slot-status\">\n                  \u0645\u062c\u062f\u0648\u0644\u0629\n                <\/span>\n              <\/div>\n\n              <div class=\"tb-schedule-slot-meta\">\n                14:00 \u2013 15:00 \u00b7 \u0633\u0627\u0639\u0629 \u0648\u0627\u062d\u062f\u0629\n              <\/div>\n\n            <\/div>\n          <\/div>\n\n          <!-- Task 5 -->\n          <div class=\"tb-schedule-timeline-row\">\n\n            <div class=\"tb-schedule-time\">\n              15:00\n            <\/div>\n\n            <div class=\"tb-schedule-slot upcoming\">\n\n              <div class=\"tb-schedule-slot-top\">\n                <span class=\"tb-schedule-slot-name\">\n                  \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u063a\u062f\n                <\/span>\n                <span class=\"tb-schedule-slot-status\">\n                  \u0645\u062c\u062f\u0648\u0644\u0629\n                <\/span>\n              <\/div>\n\n              <div class=\"tb-schedule-slot-meta\">\n                15:00 \u2013 15:30 \u00b7 30 \u062f\u0642\u064a\u0642\u0629\n              <\/div>\n\n            <\/div>\n          <\/div>\n\n        <\/div>\n\n        <!-- Daily Summary -->\n        <aside class=\"tb-schedule-summary\">\n\n          <h2 class=\"tb-schedule-panel-title\">\n            \u0645\u0644\u062e\u0635 \u0627\u0644\u062e\u0637\u0629 \u0627\u0644\u064a\u0648\u0645\u064a\u0629\n          <\/h2>\n\n          <div class=\"tb-schedule-summary-item\">\n            <div class=\"tb-schedule-summary-label\">\n              \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u062c\u062f\u0648\u0644\u0629\n            <\/div>\n            <div class=\"tb-schedule-summary-value\">\n              5 \u0645\u0647\u0627\u0645\n            <\/div>\n          <\/div>\n\n          <div class=\"tb-schedule-summary-item\">\n            <div class=\"tb-schedule-summary-label\">\n              \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062c\u062f\u0648\u0644\n            <\/div>\n            <div class=\"tb-schedule-summary-value\">\n              5 \u0633\u0627\u0639\u0627\u062a \u064830 \u062f\u0642\u064a\u0642\u0629\n            <\/div>\n          <\/div>\n\n          <div class=\"tb-schedule-summary-item\">\n\n            <div class=\"tb-schedule-summary-label\">\n              \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0643\u062a\u0645\u0644\u0629\n            <\/div>\n\n            <div class=\"tb-schedule-summary-value highlight\">\n              2 \u0645\u0646 5\n            <\/div>\n\n            <div class=\"tb-schedule-progress\"\n                 role=\"progressbar\"\n                 aria-label=\"\u0646\u0633\u0628\u0629 \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0643\u062a\u0645\u0644\u0629\"\n                 aria-valuenow=\"40\"\n                 aria-valuemin=\"0\"\n                 aria-valuemax=\"100\">\n              <div class=\"tb-schedule-progress-fill\"\n                   style=\"width:40%\"><\/div>\n            <\/div>\n\n            <div class=\"tb-schedule-summary-small\">\n              40% \u0645\u0646 \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u062c\u062f\u0648\u0644\u0629\n            <\/div>\n\n          <\/div>\n\n          <div class=\"tb-schedule-insight\">\n\n            <div class=\"tb-schedule-insight-title\">\n              \u0627\u0644\u0623\u0648\u0644\u0648\u064a\u0627\u062a \u0648\u0627\u0636\u062d\u0629 \u0623\u0645\u0627\u0645\u0643\n            <\/div>\n\n            <p class=\"tb-schedule-insight-text\">\n              \u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0647\u0645\u0629 \u0627\u0644\u062a\u064a \u0633\u062a\u0639\u0645\u0644 \u0639\u0644\u064a\u0647\u0627 \u0627\u0644\u0622\u0646\u060c\n              \u0648\u0645\u0627 \u064a\u0623\u062a\u064a \u0628\u0639\u062f\u0647\u0627\u060c \u0648\u0623\u0639\u062f \u062a\u0631\u062a\u064a\u0628 \u062c\u062f\u0648\u0644\u0643\n              \u0628\u0633\u0647\u0648\u0644\u0629 \u0639\u0646\u062f \u062a\u063a\u064a\u0651\u0631 \u0627\u0644\u0623\u0648\u0644\u0648\u064a\u0627\u062a.\n            <\/p>\n\n          <\/div>\n\n        <\/aside>\n\n      <\/div>\n\n      <!-- Dashboard Footer -->\n      <div class=\"tb-schedule-board-footer\">\n\n        <div class=\"tb-schedule-footer-icon\" aria-hidden=\"true\">\n          \u2713\n        <\/div>\n\n        <div class=\"tb-schedule-footer-text\">\n          \u0645\u0646 \u0642\u0627\u0626\u0645\u0629 \u0645\u0647\u0627\u0645 \u0625\u0644\u0649 \u062e\u0637\u0629 \u064a\u0648\u0645\u064a\u0629 \u0648\u0627\u0636\u062d\u0629:\n          \u0627\u0639\u0631\u0641 \u0645\u0627\u0630\u0627 \u0633\u062a\u0646\u062c\u0632\u060c \u0648\u0645\u062a\u0649 \u0633\u062a\u0639\u0645\u0644 \u0639\u0644\u0649 \u0643\u0644 \u0645\u0647\u0645\u0629.\n        <\/div>\n\n      <\/div>\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 \u2014 Task Scheduling Workflow\n   Section 02\n   ============================================ *\/\n\n.tb-schedule-flow {\n  --tb-red: #d50032;\n  --tb-red-light: #ff7896;\n  --tb-bg: #202124;\n  --tb-card: #292a2e;\n  --tb-card-active: #35282d;\n  --tb-border: #424348;\n  --tb-muted: #c5c6cb;\n  --tb-muted-2: #a4a5ab;\n\n  direction: rtl;\n  width: 100%;\n  padding: 105px 24px;\n  background: var(--tb-bg);\n  color: #fff;\n  box-sizing: border-box;\n  overflow: hidden;\n  font-family: \"IBM Plex Sans Arabic\", Arial, sans-serif;\n}\n\n.tb-schedule-flow *,\n.tb-schedule-flow *::before,\n.tb-schedule-flow *::after {\n  box-sizing: border-box;\n}\n\n.tb-schedule-flow-inner {\n  max-width: 1500px;\n  margin: 0 auto;\n}\n\n\/* ===== Heading ===== *\/\n\n.tb-schedule-flow-head {\n  display: grid;\n  grid-template-columns:\n    minmax(0, .9fr)\n    minmax(0, 1.1fr);\n  align-items: start;\n  gap: 90px;\n  margin-bottom: 65px;\n}\n\n.tb-schedule-flow-heading {\n  max-width: 650px;\n  margin-right: auto;\n}\n\n.tb-schedule-flow-eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  margin-bottom: 25px;\n  color: var(--tb-red-light);\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 1.8;\n}\n\n.tb-schedule-flow-eyebrow::before {\n  content: \"\";\n  flex: 0 0 32px;\n  height: 2px;\n  background: var(--tb-red);\n}\n\n.tb-schedule-flow h2 {\n  margin: 0;\n  font-size: clamp(42px, 4.4vw, 66px);\n  line-height: 1.3;\n  letter-spacing: -1px;\n  font-weight: 800;\n  color: #fff;\n}\n\n.tb-schedule-flow-copy {\n  max-width: 720px;\n  margin-left: auto;\n  padding-top: 68px;\n}\n\n.tb-schedule-flow-copy p {\n  margin: 0;\n  color: var(--tb-muted);\n  font-size: 20px;\n  line-height: 2.1;\n}\n\n\/* ===== Workflow Board ===== *\/\n\n.tb-schedule-flow-board {\n  background: var(--tb-card);\n  border: 1px solid var(--tb-border);\n  border-radius: 28px;\n  overflow: hidden;\n}\n\n.tb-schedule-flow-board-head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 25px;\n  padding: 23px 32px;\n  border-bottom: 1px solid var(--tb-border);\n}\n\n.tb-schedule-flow-example {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  font-size: 16px;\n  font-weight: 700;\n  color: #fff;\n}\n\n.tb-schedule-flow-dot {\n  width: 10px;\n  height: 10px;\n  background: var(--tb-red);\n  border-radius: 50%;\n  flex: 0 0 10px;\n}\n\n.tb-schedule-flow-caption {\n  color: var(--tb-muted-2);\n  font-size: 13px;\n  line-height: 1.7;\n}\n\n\/* ===== Four Steps ===== *\/\n\n.tb-schedule-flow-steps {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n\n.tb-schedule-flow-step {\n  min-width: 0;\n  min-height: 388px;\n  padding: 34px 29px 30px;\n  border-left: 1px solid var(--tb-border);\n  display: flex;\n  flex-direction: column;\n  position: relative;\n}\n\n.tb-schedule-flow-step:last-child {\n  border-left: 0;\n}\n\n.tb-schedule-flow-step.active {\n  background: var(--tb-card-active);\n}\n\n.tb-schedule-flow-number {\n  font-size: 14px;\n  font-weight: 800;\n  color: var(--tb-red-light);\n  margin-bottom: 25px;\n}\n\n.tb-schedule-flow-icon {\n  width: 56px;\n  height: 56px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #fff;\n  border: 1px solid #56575d;\n  border-radius: 16px;\n  margin-bottom: 25px;\n}\n\n.tb-schedule-flow-icon svg {\n  width: 27px;\n  height: 27px;\n  stroke: currentColor;\n  fill: none;\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.tb-schedule-flow-step.active .tb-schedule-flow-icon {\n  background: rgba(213, 0, 50, .15);\n  border-color: rgba(255, 120, 150, .5);\n  color: #ff9aae;\n}\n\n.tb-schedule-flow-step h3 {\n  margin: 0 0 15px;\n  color: #fff;\n  font-size: 22px;\n  font-weight: 800;\n  line-height: 1.5;\n}\n\n.tb-schedule-flow-step p {\n  margin: 0;\n  color: var(--tb-muted);\n  font-size: 15px;\n  line-height: 1.95;\n}\n\n\/* ===== Step Examples ===== *\/\n\n.tb-schedule-flow-mini {\n  margin-top: auto;\n  padding-top: 22px;\n  border-top: 1px solid #424348;\n}\n\n.tb-schedule-flow-mini-label {\n  font-size: 12px;\n  color: var(--tb-muted-2);\n  margin-bottom: 10px;\n}\n\n.tb-schedule-flow-mini-value {\n  font-size: 15px;\n  font-weight: 700;\n  line-height: 1.8;\n  color: #fff;\n}\n\n.tb-schedule-flow-mini-value strong {\n  color: #ff8ca5;\n  font-weight: 800;\n}\n\n\/* Task list example *\/\n\n.tb-schedule-flow-task-list {\n  display: flex;\n  flex-direction: column;\n  gap: 9px;\n}\n\n.tb-schedule-flow-task-line {\n  display: flex;\n  align-items: center;\n  gap: 9px;\n  font-size: 13px;\n  color: #e4e4e7;\n}\n\n.tb-schedule-flow-task-check {\n  width: 17px;\n  height: 17px;\n  border: 1px solid #777981;\n  border-radius: 5px;\n  flex-shrink: 0;\n}\n\n\/* Priority indicator *\/\n\n.tb-schedule-flow-priority {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n  border: 1px solid #6a3d48;\n  border-radius: 9px;\n  background: #402a31;\n  padding: 8px 12px;\n  color: #ff9aae;\n  font-size: 13px;\n  font-weight: 700;\n}\n\n.tb-schedule-flow-priority::before {\n  content: \"\";\n  width: 8px;\n  height: 8px;\n  background: var(--tb-red);\n  border-radius: 50%;\n}\n\n\/* Time slot *\/\n\n.tb-schedule-flow-timeslot {\n  border: 1px solid #5b4450;\n  background: #392b32;\n  border-right: 3px solid var(--tb-red);\n  border-radius: 10px;\n  padding: 10px 12px;\n}\n\n.tb-schedule-flow-timeslot-time {\n  font-size: 12px;\n  color: #ffafc0;\n  direction: ltr;\n  text-align: right;\n  unicode-bidi: isolate;\n  margin-bottom: 5px;\n}\n\n.tb-schedule-flow-timeslot-name {\n  font-size: 13px;\n  color: #fff;\n  font-weight: 700;\n}\n\n\/* Rescheduling example *\/\n\n.tb-schedule-flow-change {\n  display: flex;\n  flex-direction: column;\n  gap: 9px;\n}\n\n.tb-schedule-flow-change-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n  color: #dddde0;\n  font-size: 12px;\n}\n\n.tb-schedule-flow-change-row strong {\n  color: #ff9aae;\n  font-size: 13px;\n  font-weight: 800;\n}\n\n.tb-schedule-flow-change-tag {\n  display: inline-block;\n  padding: 4px 9px;\n  border-radius: 7px;\n  border: 1px solid #5d4751;\n  color: #ffb5c5;\n  font-size: 11px;\n}\n\n\/* ===== Result ===== *\/\n\n.tb-schedule-flow-result {\n  background: #25262a;\n  border-top: 1px solid var(--tb-border);\n  padding: 27px 32px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 28px;\n}\n\n.tb-schedule-flow-result-main {\n  display: flex;\n  align-items: center;\n  gap: 15px;\n}\n\n.tb-schedule-flow-result-icon {\n  width: 42px;\n  height: 42px;\n  border-radius: 50%;\n  background: var(--tb-red);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.tb-schedule-flow-result-icon svg {\n  width: 21px;\n  height: 21px;\n  fill: none;\n  stroke: #fff;\n  stroke-width: 2.3;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.tb-schedule-flow-result-title {\n  font-size: 18px;\n  font-weight: 800;\n  color: #fff;\n  margin-bottom: 5px;\n}\n\n.tb-schedule-flow-result-sub {\n  font-size: 13px;\n  line-height: 1.8;\n  color: var(--tb-muted-2);\n}\n\n.tb-schedule-flow-result-path {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 12px;\n  color: #fff;\n}\n\n.tb-schedule-flow-result-path span {\n  font-size: 13px;\n  font-weight: 700;\n  white-space: nowrap;\n}\n\n.tb-schedule-flow-result-path .arrow {\n  color: #ff7896;\n  font-size: 17px;\n}\n\n\/* ===== Responsive ===== *\/\n\n@media (max-width: 1150px) {\n  .tb-schedule-flow {\n    padding: 80px 22px;\n  }\n\n  .tb-schedule-flow-head {\n    grid-template-columns: 1fr;\n    gap: 28px;\n  }\n\n  .tb-schedule-flow-heading,\n  .tb-schedule-flow-copy {\n    max-width: 850px;\n    margin-left: auto;\n    margin-right: auto;\n    width: 100%;\n  }\n\n  .tb-schedule-flow-copy {\n    padding-top: 0;\n  }\n\n  .tb-schedule-flow-steps {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .tb-schedule-flow-step {\n    min-height: 360px;\n  }\n\n  .tb-schedule-flow-step:nth-child(2) {\n    border-left: 0;\n  }\n\n  .tb-schedule-flow-step:nth-child(1),\n  .tb-schedule-flow-step:nth-child(2) {\n    border-bottom: 1px solid var(--tb-border);\n  }\n}\n\n@media (max-width: 760px) {\n  .tb-schedule-flow {\n    padding: 60px 18px;\n  }\n\n  .tb-schedule-flow-head {\n    margin-bottom: 36px;\n  }\n\n  .tb-schedule-flow h2 {\n    font-size: 39px;\n    line-height: 1.35;\n    letter-spacing: -.5px;\n  }\n\n  .tb-schedule-flow-eyebrow {\n    font-size: 14px;\n    gap: 10px;\n    margin-bottom: 20px;\n  }\n\n  .tb-schedule-flow-eyebrow::before {\n    flex-basis: 23px;\n  }\n\n  .tb-schedule-flow-copy p {\n    font-size: 17px;\n    line-height: 2;\n  }\n\n  .tb-schedule-flow-board {\n    border-radius: 20px;\n  }\n\n  .tb-schedule-flow-board-head {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 10px;\n    padding: 22px;\n  }\n\n  .tb-schedule-flow-steps {\n    grid-template-columns: 1fr;\n  }\n\n  .tb-schedule-flow-step {\n    min-height: auto;\n    padding: 30px 24px;\n    border-left: 0;\n    border-bottom: 1px solid var(--tb-border);\n  }\n\n  .tb-schedule-flow-step:last-child {\n    border-bottom: 0;\n  }\n\n  .tb-schedule-flow-number {\n    margin-bottom: 18px;\n  }\n\n  .tb-schedule-flow-icon {\n    margin-bottom: 20px;\n  }\n\n  .tb-schedule-flow-step h3 {\n    font-size: 21px;\n  }\n\n  .tb-schedule-flow-mini {\n    margin-top: 25px;\n  }\n\n  .tb-schedule-flow-result {\n    flex-direction: column;\n    align-items: flex-start;\n    padding: 25px 23px;\n  }\n\n  .tb-schedule-flow-result-path {\n    gap: 8px;\n  }\n\n  .tb-schedule-flow-result-path span {\n    font-size: 12px;\n  }\n}\n\n@media (max-width: 400px) {\n  .tb-schedule-flow h2 {\n    font-size: 34px;\n  }\n\n  .tb-schedule-flow-result-path {\n    gap: 6px;\n  }\n\n  .tb-schedule-flow-result-path span {\n    font-size: 11px;\n  }\n}\n<\/style>\n\n<section\n  class=\"tb-schedule-flow\"\n  id=\"how-task-scheduling-works\"\n  dir=\"rtl\"\n  lang=\"ar\"\n  aria-labelledby=\"tb-schedule-flow-title\">\n\n  <div class=\"tb-schedule-flow-inner\">\n\n    <!-- Heading -->\n    <div class=\"tb-schedule-flow-head\">\n\n      <div class=\"tb-schedule-flow-heading\">\n\n        <div class=\"tb-schedule-flow-eyebrow\">\n          \u0645\u0646 \u0627\u0644\u0645\u0647\u0627\u0645 \u0625\u0644\u0649 \u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u064a\u0648\u0645\u064a\n        <\/div>\n\n        <h2 id=\"tb-schedule-flow-title\">\n          \u0644\u0627 \u062a\u0643\u062a\u0641\u0650 \u0628\u0642\u0627\u0626\u0645\u0629 \u0645\u0647\u0627\u0645.<br>\n          \u062d\u062f\u0651\u062f \u0645\u062a\u0649 \u0633\u062a\u0646\u062c\u0632\u0647\u0627.\n        <\/h2>\n\n      <\/div>\n\n      <div class=\"tb-schedule-flow-copy\">\n\n        <p>\n          \u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629 \u0644\u0627 \u062a\u0643\u0641\u064a \u0644\u062a\u0646\u0638\u064a\u0645 \u064a\u0648\u0645 \u0627\u0644\u0639\u0645\u0644.\n          \u062a\u062d\u062a\u0627\u062c \u0623\u064a\u0636\u064b\u0627 \u0625\u0644\u0649 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0623\u0648\u0644\u0648\u064a\u0627\u062a\u060c \u0648\u062a\u062e\u0635\u064a\u0635 \u0627\u0644\u0648\u0642\u062a\n          \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u060c \u0648\u0645\u0639\u0631\u0641\u0629 \u0645\u0627 \u0627\u0644\u0630\u064a \u0633\u062a\u0639\u0645\u0644 \u0639\u0644\u064a\u0647 \u0623\u0648\u0644\u064b\u0627.\n          \u0645\u0639 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\u060c \u062a\u0635\u0628\u062d \u062c\u062f\u0648\u0644\u0629 \u0627\u0644\u0645\u0647\u0627\u0645 \u062c\u0632\u0621\u064b\u0627 \u0645\u0646\n          \u0639\u0645\u0644\u0643 \u0627\u0644\u064a\u0648\u0645\u064a\u060c \u0648\u064a\u0645\u0643\u0646\u0643 \u062a\u0639\u062f\u064a\u0644 \u062e\u0637\u062a\u0643 \u0643\u0644\u0645\u0627 \u062a\u063a\u064a\u0631\u062a\n          \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0623\u0648 \u0638\u0647\u0631\u062a \u0623\u0639\u0645\u0627\u0644 \u062c\u062f\u064a\u062f\u0629.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- Workflow -->\n    <div class=\"tb-schedule-flow-board\">\n\n      <div class=\"tb-schedule-flow-board-head\">\n\n        <div class=\"tb-schedule-flow-example\">\n          <span class=\"tb-schedule-flow-dot\"><\/span>\n          \u0645\u062b\u0627\u0644: \u062a\u0646\u0638\u064a\u0645 \u064a\u0648\u0645 \u0639\u0645\u0644 \u0641\u064a \u0645\u0634\u0631\u0648\u0639\n        <\/div>\n\n        <div class=\"tb-schedule-flow-caption\">\n          \u0623\u0631\u0628\u0639 \u062e\u0637\u0648\u0627\u062a \u0644\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0645\u0647\u0627\u0645 \u0625\u0644\u0649 \u062e\u0637\u0629 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0646\u0641\u064a\u0630\n        <\/div>\n\n      <\/div>\n\n      <!-- Steps -->\n      <div class=\"tb-schedule-flow-steps\">\n\n        <!-- Step 01 -->\n        <article class=\"tb-schedule-flow-step\">\n\n          <div class=\"tb-schedule-flow-number\">\n            01\n          <\/div>\n\n          <div class=\"tb-schedule-flow-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"\/>\n              <path d=\"m7 9 1.5 1.5L11 8\"\/>\n              <path d=\"M13 9h5\"\/>\n              <path d=\"m7 15 1.5 1.5L11 14\"\/>\n              <path d=\"M13 15h5\"\/>\n            <\/svg>\n          <\/div>\n\n          <h3>\n            \u0627\u062e\u062a\u0631 \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629\n          <\/h3>\n\n          <p>\n            \u0631\u0627\u062c\u0639 \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0633\u0646\u062f\u0629 \u0625\u0644\u064a\u0643 \u0648\u062d\u062f\u0651\u062f \u0627\u0644\u0623\u0639\u0645\u0627\u0644\n            \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u062a\u0646\u0641\u064a\u0630\u0647\u0627 \u062e\u0644\u0627\u0644 \u0627\u0644\u064a\u0648\u0645\u060c\n            \u0628\u062f\u0644 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0639\u0644\u0649 \u0627\u0644\u0630\u0627\u0643\u0631\u0629 \u0623\u0648 \u0642\u0648\u0627\u0626\u0645 \u0645\u062a\u0641\u0631\u0642\u0629.\n          <\/p>\n\n          <div class=\"tb-schedule-flow-mini\">\n\n            <div class=\"tb-schedule-flow-mini-label\">\n              \u0645\u0647\u0627\u0645 \u0627\u0644\u064a\u0648\u0645\n            <\/div>\n\n            <div class=\"tb-schedule-flow-task-list\">\n\n              <div class=\"tb-schedule-flow-task-line\">\n                <span class=\"tb-schedule-flow-task-check\"><\/span>\n                \u0645\u0631\u0627\u062c\u0639\u0629 \u062e\u0637\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n              <\/div>\n\n              <div class=\"tb-schedule-flow-task-line\">\n                <span class=\"tb-schedule-flow-task-check\"><\/span>\n                \u0645\u062a\u0627\u0628\u0639\u0629 \u0641\u0631\u064a\u0642 \u0627\u0644\u062a\u0637\u0648\u064a\u0631\n              <\/div>\n\n              <div class=\"tb-schedule-flow-task-line\">\n                <span class=\"tb-schedule-flow-task-check\"><\/span>\n                \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0623\u0633\u0628\u0648\u0639\u064a\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n        <\/article>\n\n        <!-- Step 02 -->\n        <article class=\"tb-schedule-flow-step\">\n\n          <div class=\"tb-schedule-flow-number\">\n            02\n          <\/div>\n\n          <div class=\"tb-schedule-flow-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M12 3v18\"\/>\n              <path d=\"M5 7h14\"\/>\n              <path d=\"M7 12h10\"\/>\n              <path d=\"M9 17h6\"\/>\n            <\/svg>\n          <\/div>\n\n          <h3>\n            \u062d\u062f\u0651\u062f \u0623\u0648\u0644\u0648\u064a\u0627\u062a\u0643\n          <\/h3>\n\n          <p>\n            \u0645\u064a\u0651\u0632 \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0623\u0647\u0645 \u0645\u0646 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0623\u0642\u0644 \u0625\u0644\u062d\u0627\u062d\u064b\u0627\u060c\n            \u0648\u0627\u0628\u062f\u0623 \u0628\u0645\u0627 \u064a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0627\u0646\u062a\u0628\u0627\u0647\u0643 \u0623\u0648\u0644\u064b\u0627\n            \u0639\u0646\u062f \u0625\u0639\u062f\u0627\u062f \u062c\u062f\u0648\u0644\u0643 \u0627\u0644\u064a\u0648\u0645\u064a.\n          <\/p>\n\n          <div class=\"tb-schedule-flow-mini\">\n\n            <div class=\"tb-schedule-flow-mini-label\">\n              \u0645\u062b\u0627\u0644 \u0639\u0644\u0649 \u0623\u0648\u0644\u0648\u064a\u0629 \u0645\u0647\u0645\u0629\n            <\/div>\n\n            <div class=\"tb-schedule-flow-priority\">\n              \u0645\u0631\u0627\u062c\u0639\u0629 \u062e\u0637\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u00b7 \u0623\u0648\u0644\u0648\u064a\u0629 \u0639\u0627\u0644\u064a\u0629\n            <\/div>\n\n          <\/div>\n\n        <\/article>\n\n        <!-- Step 03 -->\n        <article class=\"tb-schedule-flow-step active\">\n\n          <div class=\"tb-schedule-flow-number\">\n            03\n          <\/div>\n\n          <div class=\"tb-schedule-flow-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"\/>\n              <path d=\"M7 3v4M17 3v4M3 10h18\"\/>\n              <circle cx=\"12\" cy=\"15\" r=\"3\"\/>\n              <path d=\"M12 13.5V15l1 1\"\/>\n            <\/svg>\n          <\/div>\n\n          <h3>\n            \u062e\u0635\u0651\u0635 \u0648\u0642\u062a\u064b\u0627 \u0644\u0643\u0644 \u0645\u0647\u0645\u0629\n          <\/h3>\n\n          <p>\n            \u0627\u0646\u0642\u0644 \u0627\u0644\u0645\u0647\u0627\u0645 \u0625\u0644\u0649 \u062c\u062f\u0648\u0644\u0643 \u0627\u0644\u064a\u0648\u0645\u064a\u060c \u0648\u062d\u062f\u0651\u062f\n            \u0627\u0644\u0641\u062a\u0631\u0629 \u0627\u0644\u0632\u0645\u0646\u064a\u0629 \u0627\u0644\u062a\u064a \u0633\u062a\u0639\u0645\u0644 \u062e\u0644\u0627\u0644\u0647\u0627\n            \u0639\u0644\u0649 \u0643\u0644 \u0645\u0647\u0645\u0629\u060c \u0645\u0639 \u0645\u0631\u0627\u0639\u0627\u0629 \u0648\u0642\u062a\u0643 \u0627\u0644\u0645\u062a\u0627\u062d.\n          <\/p>\n\n          <div class=\"tb-schedule-flow-mini\">\n\n            <div class=\"tb-schedule-flow-mini-label\">\n              \u0645\u0648\u0639\u062f \u0645\u062c\u062f\u0648\u0644\n            <\/div>\n\n            <div class=\"tb-schedule-flow-timeslot\">\n\n              <div class=\"tb-schedule-flow-timeslot-time\">\n                09:00 \u2013 10:30\n              <\/div>\n\n              <div class=\"tb-schedule-flow-timeslot-name\">\n                \u0645\u0631\u0627\u062c\u0639\u0629 \u062e\u0637\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n        <\/article>\n\n        <!-- Step 04 -->\n        <article class=\"tb-schedule-flow-step\">\n\n          <div class=\"tb-schedule-flow-number\">\n            04\n          <\/div>\n\n          <div class=\"tb-schedule-flow-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M20 7v5h-5\"\/>\n              <path d=\"M4 17v-5h5\"\/>\n              <path d=\"M5.5 9a7 7 0 0 1 12-2l2.5 5\"\/>\n              <path d=\"M18.5 15a7 7 0 0 1-12 2L4 12\"\/>\n            <\/svg>\n          <\/div>\n\n          <h3>\n            \u0639\u062f\u0651\u0644 \u062e\u0637\u062a\u0643 \u0639\u0646\u062f \u0627\u0644\u062d\u0627\u062c\u0629\n          <\/h3>\n\n          <p>\n            \u0625\u0630\u0627 \u062a\u0623\u062e\u0631\u062a \u0645\u0647\u0645\u0629 \u0623\u0648 \u0638\u0647\u0631\u062a \u0623\u0648\u0644\u0648\u064a\u0629 \u062c\u062f\u064a\u062f\u0629\u060c\n            \u0623\u0639\u062f \u062a\u0631\u062a\u064a\u0628 \u0645\u0648\u0627\u0639\u064a\u062f\u0643 \u0628\u0645\u0627 \u064a\u062a\u0646\u0627\u0633\u0628 \u0645\u0639\n            \u0627\u0644\u062a\u063a\u064a\u064a\u0631\u0627\u062a\u060c \u062f\u0648\u0646 \u0627\u0644\u062d\u0627\u062c\u0629 \u0625\u0644\u0649 \u0625\u0639\u062f\u0627\u062f\n            \u0627\u0644\u062c\u062f\u0648\u0644 \u0645\u0646 \u0627\u0644\u0628\u062f\u0627\u064a\u0629.\n          <\/p>\n\n          <div class=\"tb-schedule-flow-mini\">\n\n            <div class=\"tb-schedule-flow-mini-label\">\n              \u0645\u062b\u0627\u0644 \u0639\u0644\u0649 \u062a\u0639\u062f\u064a\u0644 \u0627\u0644\u0645\u0648\u0639\u062f\n            <\/div>\n\n            <div class=\"tb-schedule-flow-change\">\n\n              <div class=\"tb-schedule-flow-change-row\">\n                <span>\u0627\u0644\u0645\u0648\u0639\u062f \u0627\u0644\u0633\u0627\u0628\u0642<\/span>\n                <span dir=\"ltr\">11:00 \u2013 12:00<\/span>\n              <\/div>\n\n              <div class=\"tb-schedule-flow-change-row\">\n                <span>\u0627\u0644\u0645\u0648\u0639\u062f \u0627\u0644\u062c\u062f\u064a\u062f<\/span>\n                <strong dir=\"ltr\">14:00 \u2013 15:00<\/strong>\n              <\/div>\n\n              <div>\n                <span class=\"tb-schedule-flow-change-tag\">\n                  \u062a\u0645\u062a \u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u062c\u062f\u0648\u0644\u0629\n                <\/span>\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n        <\/article>\n\n      <\/div>\n\n      <!-- Result -->\n      <div class=\"tb-schedule-flow-result\">\n\n        <div class=\"tb-schedule-flow-result-main\">\n\n          <div class=\"tb-schedule-flow-result-icon\"\n               aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"m5 12 4 4L19 6\"\/>\n            <\/svg>\n          <\/div>\n\n          <div>\n\n            <div class=\"tb-schedule-flow-result-title\">\n              \u062c\u062f\u0648\u0644 \u0648\u0627\u0636\u062d \u064a\u0645\u0643\u0646 \u062a\u0646\u0641\u064a\u0630\u0647 \u0648\u062a\u0639\u062f\u064a\u0644\u0647\n            <\/div>\n\n            <div class=\"tb-schedule-flow-result-sub\">\n              \u062a\u0639\u0631\u0641 \u0645\u0627 \u0627\u0644\u0630\u064a \u0633\u062a\u0639\u0645\u0644 \u0639\u0644\u064a\u0647\u060c \u0648\u0645\u062a\u0649 \u0633\u062a\u0628\u062f\u0623\u060c\n              \u0648\u0643\u064a\u0641 \u062a\u0639\u064a\u062f \u062a\u0646\u0638\u064a\u0645 \u0648\u0642\u062a\u0643 \u0639\u0646\u062f \u0627\u0644\u062d\u0627\u062c\u0629.\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n        <div class=\"tb-schedule-flow-result-path\"\n             aria-label=\"\u0645\u0631\u0627\u062d\u0644 \u062c\u062f\u0648\u0644\u0629 \u0627\u0644\u0645\u0647\u0627\u0645\">\n\n          <span>\u0627\u0644\u0645\u0647\u0627\u0645<\/span>\n          <span class=\"arrow\" aria-hidden=\"true\">\u2190<\/span>\n\n          <span>\u0627\u0644\u0623\u0648\u0644\u0648\u064a\u0627\u062a<\/span>\n          <span class=\"arrow\" aria-hidden=\"true\">\u2190<\/span>\n\n          <span>\u0627\u0644\u062c\u062f\u0648\u0644\u0629<\/span>\n          <span class=\"arrow\" aria-hidden=\"true\">\u2190<\/span>\n\n          <span>\u0627\u0644\u062a\u0646\u0641\u064a\u0630<\/span>\n\n        <\/div>\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\/* TaskBrowse \u2014 Daily Scheduling, Section 03 *\/\n\n.tb-daily-plan {\n  --tb-red: #d50032;\n  --tb-red-soft: #fff3f6;\n  --tb-text: #17191d;\n  --tb-muted: #686a72;\n  --tb-border: #e7e7e9;\n  direction: rtl;\n  width: 100%;\n  padding: 105px 24px;\n  background: #fff;\n  color: var(--tb-text);\n  font-family: \"IBM Plex Sans Arabic\", Arial, sans-serif;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n\n.tb-daily-plan *,\n.tb-daily-plan *::before,\n.tb-daily-plan *::after {\n  box-sizing: border-box;\n}\n\n.tb-daily-plan-inner {\n  max-width: 1500px;\n  margin: 0 auto;\n}\n\n.tb-daily-plan-head {\n  max-width: 900px;\n  margin: 0 auto 65px;\n  text-align: center;\n}\n\n.tb-daily-plan-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 22px;\n  color: var(--tb-red);\n  font-size: 16px;\n  font-weight: 700;\n}\n\n.tb-daily-plan-eyebrow::before,\n.tb-daily-plan-eyebrow::after {\n  content: \"\";\n  width: 24px;\n  height: 2px;\n  background: var(--tb-red);\n}\n\n.tb-daily-plan h2 {\n  margin: 0 0 25px;\n  color: var(--tb-text);\n  font-size: clamp(42px, 4.3vw, 65px);\n  line-height: 1.3;\n  font-weight: 800;\n  letter-spacing: -1px;\n}\n\n.tb-daily-plan-intro {\n  max-width: 810px;\n  margin: 0 auto;\n  color: var(--tb-muted);\n  font-size: 19px;\n  line-height: 2.05;\n}\n\n\/* Main layout *\/\n.tb-daily-plan-main {\n  display: grid;\n  grid-template-columns:\n    minmax(0, 1.1fr) minmax(0, .9fr);\n  gap: 65px;\n  align-items: center;\n}\n\n\/* Real product screenshot *\/\n.tb-daily-plan-visual {\n  min-width: 0;\n  margin: 0;\n}\n\n.tb-daily-plan-image-wrap {\n  background: #fff;\n  border: 1px solid #e1e2e5;\n  border-radius: 23px;\n  overflow: hidden;\n  box-shadow: 0 25px 65px rgba(0,0,0,.07);\n}\n\n.tb-daily-plan-image {\n  display: block;\n  width: 100%;\n  height: auto;\n  max-width: 100%;\n  object-fit: contain;\n}\n\n.tb-daily-plan-caption {\n  font-size: 12px;\n  color: #8a8c92;\n  text-align: center;\n  margin-top: 14px;\n  line-height: 1.8;\n}\n\n\/* Feature cards *\/\n.tb-daily-plan-features {\n  display: flex;\n  flex-direction: column;\n  gap: 17px;\n}\n\n.tb-daily-plan-feature {\n  display: grid;\n  grid-template-columns: 51px minmax(0,1fr);\n  align-items: start;\n  gap: 17px;\n  padding: 23px;\n  border: 1px solid var(--tb-border);\n  border-radius: 18px;\n  background: #fff;\n  transition:\n    transform .2s,\n    border-color .2s,\n    box-shadow .2s;\n}\n\n.tb-daily-plan-feature:first-child {\n  background: var(--tb-red-soft);\n  border-color: #f0ccd5;\n}\n\n.tb-daily-plan-feature:hover {\n  transform: translateY(-2px);\n  border-color: #d5d6d9;\n  box-shadow: 0 10px 25px rgba(0,0,0,.04);\n}\n\n.tb-daily-plan-feature-icon {\n  width: 49px;\n  height: 49px;\n  border: 1px solid #e5e5e7;\n  border-radius: 14px;\n  background: #fff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--tb-red);\n}\n\n.tb-daily-plan-feature-icon svg {\n  width: 24px;\n  height: 24px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.tb-daily-plan-feature h3 {\n  margin: 0 0 8px;\n  font-size: 19px;\n  font-weight: 800;\n  line-height: 1.5;\n  color: var(--tb-text);\n}\n\n.tb-daily-plan-feature p {\n  margin: 0;\n  color: var(--tb-muted);\n  font-size: 14px;\n  line-height: 1.95;\n}\n\n\/* Bottom statement *\/\n.tb-daily-plan-note {\n  margin-top: 70px;\n  display: grid;\n  grid-template-columns: minmax(0,1fr) auto;\n  align-items: center;\n  gap: 30px;\n  padding: 30px 35px;\n  border-radius: 20px;\n  background: #202124;\n  color: #fff;\n}\n\n.tb-daily-plan-note h3 {\n  margin: 0 0 9px;\n  color: #fff;\n  font-size: 21px;\n  font-weight: 800;\n}\n\n.tb-daily-plan-note p {\n  margin: 0;\n  color: #c6c7ca;\n  font-size: 15px;\n  line-height: 1.9;\n}\n\n.tb-daily-plan-note-tag {\n  white-space: nowrap;\n  border: 1px solid #494a50;\n  border-radius: 100px;\n  padding: 11px 17px;\n  color: #fff;\n  font-size: 13px;\n  font-weight: 700;\n}\n\n\/* Responsive *\/\n@media (max-width: 1100px) {\n  .tb-daily-plan {\n    padding: 80px 22px;\n  }\n\n  .tb-daily-plan-main {\n    grid-template-columns: 1fr;\n    gap: 52px;\n  }\n\n  .tb-daily-plan-visual {\n    width: 100%;\n    max-width: 850px;\n    margin: 0 auto;\n  }\n\n  .tb-daily-plan-features {\n    display: grid;\n    grid-template-columns: repeat(2,minmax(0,1fr));\n  }\n}\n\n@media (max-width: 760px) {\n  .tb-daily-plan {\n    padding: 60px 18px;\n  }\n\n  .tb-daily-plan-head {\n    margin-bottom: 40px;\n  }\n\n  .tb-daily-plan h2 {\n    font-size: 38px;\n    line-height: 1.35;\n  }\n\n  .tb-daily-plan-intro {\n    font-size: 17px;\n    line-height: 2;\n  }\n\n  .tb-daily-plan-features {\n    grid-template-columns: 1fr;\n  }\n\n  .tb-daily-plan-feature {\n    grid-template-columns: 44px minmax(0,1fr);\n    padding: 19px;\n    gap: 13px;\n  }\n\n  .tb-daily-plan-feature-icon {\n    width: 43px;\n    height: 43px;\n  }\n\n  .tb-daily-plan-feature h3 {\n    font-size: 18px;\n  }\n\n  .tb-daily-plan-note {\n    grid-template-columns: 1fr;\n    padding: 25px;\n  }\n\n  .tb-daily-plan-note-tag {\n    width: fit-content;\n    white-space: normal;\n  }\n}\n\n@media (max-width: 480px) {\n  .tb-daily-plan h2 {\n    font-size: 33px;\n  }\n\n  .tb-daily-plan-image-wrap {\n    border-radius: 15px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .tb-daily-plan-feature {\n    transition: none;\n  }\n\n  .tb-daily-plan-feature:hover {\n    transform: none;\n  }\n}\n<\/style>\n\n<section\n  class=\"tb-daily-plan\"\n  id=\"daily-task-planning\"\n  lang=\"ar\"\n  dir=\"rtl\"\n  aria-labelledby=\"tb-daily-plan-title\">\n\n  <div class=\"tb-daily-plan-inner\">\n\n    <!-- Heading -->\n    <div class=\"tb-daily-plan-head\">\n\n      <div class=\"tb-daily-plan-eyebrow\">\n        \u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u064a\u0648\u0645\u064a \u0641\u064a \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\n      <\/div>\n\n      <h2 id=\"tb-daily-plan-title\">\n        \u062e\u0635\u0651\u0635 \u0648\u0642\u062a\u064b\u0627 \u0644\u0645\u0647\u0627\u0645\u0643\u060c<br>\n        \u0648\u0646\u0638\u0651\u0645 \u064a\u0648\u0645\u0643 \u0628\u0648\u0636\u0648\u062d\n      <\/h2>\n\n      <p class=\"tb-daily-plan-intro\">\n        \u064a\u062a\u064a\u062d \u0644\u0643 \u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u064a\u0648\u0645\u064a \u0641\u064a \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\n        \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u062a\u064a \u0633\u062a\u0639\u0645\u0644 \u0639\u0644\u064a\u0647\u0627\u060c\n        \u0648\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0641\u062a\u0631\u0627\u062a \u0627\u0644\u0632\u0645\u0646\u064a\u0629 \u0644\u0643\u0644 \u0645\u0647\u0645\u0629\u060c\n        \u0648\u0625\u0636\u0627\u0641\u0629 \u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0625\u0644\u0649 \u062e\u0637\u062a\u0643.\n        \u0643\u0645\u0627 \u064a\u0645\u0643\u0646\u0643 \u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062e\u0637\u0637 \u0648\u0627\u0644\u0645\u062a\u0627\u062d\u060c\n        \u0648\u062a\u0639\u062f\u064a\u0644 \u0627\u0644\u062c\u062f\u0648\u0644 \u0628\u062d\u0633\u0628 \u0645\u0627 \u064a\u0633\u062a\u062c\u062f \u062e\u0644\u0627\u0644 \u064a\u0648\u0645 \u0627\u0644\u0639\u0645\u0644.\n      <\/p>\n\n    <\/div>\n\n    <!-- Main content -->\n    <div class=\"tb-daily-plan-main\">\n\n      <!-- Real screenshot -->\n      <figure class=\"tb-daily-plan-visual\">\n\n        <div class=\"tb-daily-plan-image-wrap\">\n\n          <img\n            class=\"tb-daily-plan-image\"\n            src=\"https:\/\/taskbrowse.com\/ar\/wp-content\/uploads\/sites\/8\/2025\/07\/planningTBar.jpg\"\n            alt=\"\u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u064a\u0648\u0645\u064a \u0641\u064a \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0644\u062c\u062f\u0648\u0644\u0629 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u062a\u062d\u062f\u064a\u062f \u0646\u0637\u0627\u0642 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062e\u0637\u0637 \u0648\u062a\u0639\u0644\u064a\u0642\u0627\u062a \u0627\u0644\u062e\u0637\u0629 \u0648\u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062a\u0627\u062d\"\n            loading=\"lazy\"\n            decoding=\"async\">\n\n        <\/div>\n\n        <figcaption class=\"tb-daily-plan-caption\">\n          \u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u064a\u0648\u0645\u064a \u0627\u0644\u0641\u0639\u0644\u064a\u0629 \u0641\u064a \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632:\n          \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u062c\u062f\u0648\u0644\u0629\u060c \u0648\u0646\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u0648\u0642\u062a\u060c\n          \u0648\u0627\u0644\u0645\u0644\u0627\u062d\u0638\u0627\u062a\u060c \u0648\u0645\u0644\u062e\u0635 \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u062e\u0637\u0629.\n        <\/figcaption>\n\n      <\/figure>\n\n      <!-- Feature cards -->\n      <div class=\"tb-daily-plan-features\">\n\n        <!-- Feature 1 -->\n        <article class=\"tb-daily-plan-feature\">\n\n          <div class=\"tb-daily-plan-feature-icon\"\n               aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M8 3v4M16 3v4\"\/>\n              <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"\/>\n              <path d=\"M3 10h18\"\/>\n              <path d=\"m9 16 2 2 4-4\"\/>\n            <\/svg>\n          <\/div>\n\n          <div>\n            <h3>\n              \u0623\u0636\u0641 \u0627\u0644\u0645\u0647\u0627\u0645 \u0625\u0644\u0649 \u062c\u062f\u0648\u0644\u0643 \u0627\u0644\u064a\u0648\u0645\u064a\n            <\/h3>\n            <p>\n              \u0627\u062e\u062a\u0631 \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u062a\u064a \u062a\u0631\u064a\u062f \u0627\u0644\u0639\u0645\u0644 \u0639\u0644\u064a\u0647\u0627\n              \u062e\u0644\u0627\u0644 \u0627\u0644\u064a\u0648\u0645\u060c \u0648\u0627\u062c\u0645\u0639\u0647\u0627 \u0641\u064a \u062e\u0637\u0629 \u0648\u0627\u062d\u062f\u0629\n              \u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0645\u0647\u0627\u0645 \u0645\u0634\u0627\u0631\u064a\u0639\u0643.\n            <\/p>\n          <\/div>\n\n        <\/article>\n\n        <!-- Feature 2 -->\n        <article class=\"tb-daily-plan-feature\">\n\n          <div class=\"tb-daily-plan-feature-icon\"\n               aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n              <path d=\"M12 7v5l3 2\"\/>\n            <\/svg>\n          <\/div>\n\n          <div>\n            <h3>\n              \u062d\u062f\u0651\u062f \u0646\u0637\u0627\u0642 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062e\u0637\u0637\n            <\/h3>\n            <p>\n              \u062e\u0635\u0651\u0635 \u0641\u062a\u0631\u0629 \u0632\u0645\u0646\u064a\u0629 \u0644\u0643\u0644 \u0645\u0647\u0645\u0629\u060c\n              \u0648\u0631\u0627\u062c\u0639 \u0639\u062f\u062f \u0627\u0644\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0645\u062e\u0637\u0637\u0629\n              \u0641\u064a \u062c\u062f\u0648\u0644\u0643 \u0627\u0644\u064a\u0648\u0645\u064a.\n            <\/p>\n          <\/div>\n\n        <\/article>\n\n        <!-- Feature 3 -->\n        <article class=\"tb-daily-plan-feature\">\n\n          <div class=\"tb-daily-plan-feature-icon\"\n               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 9h8M8 13h8M8 17h5\"\/>\n            <\/svg>\n          <\/div>\n\n          <div>\n            <h3>\n              \u062f\u0648\u0651\u0646 \u062a\u0639\u0644\u064a\u0642\u0627\u062a \u0627\u0644\u062e\u0637\u0629\n            <\/h3>\n            <p>\n              \u0623\u0636\u0641 \u0645\u0644\u0627\u062d\u0638\u0627\u062a\u0643 \u0625\u0644\u0649 \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u062c\u062f\u0648\u0644\u0629\u060c\n              \u0644\u062a\u062d\u062a\u0641\u0638 \u0628\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0639\u0645\u0644 \u0636\u0645\u0646 \u062e\u0637\u0629 \u0627\u0644\u064a\u0648\u0645.\n            <\/p>\n          <\/div>\n\n        <\/article>\n\n        <!-- Feature 4 -->\n        <article class=\"tb-daily-plan-feature\">\n\n          <div class=\"tb-daily-plan-feature-icon\"\n               aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M20 7v5h-5M4 17v-5h5\"\/>\n              <path d=\"M5.5 9a7 7 0 0 1 12-2L20 12\"\/>\n              <path d=\"M18.5 15a7 7 0 0 1-12 2L4 12\"\/>\n            <\/svg>\n          <\/div>\n\n          <div>\n            <h3>\n              \u0631\u0627\u062c\u0639 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062a\u0627\u062d \u0648\u0639\u062f\u0651\u0644 \u062e\u0637\u062a\u0643\n            <\/h3>\n            <p>\n              \u0627\u0637\u0651\u0644\u0639 \u0639\u0644\u0649 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062a\u0627\u062d \u0648\u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062e\u0637\u0637\u060c\n              \u0648\u0639\u062f\u0651\u0644 \u0627\u0644\u0641\u062a\u0631\u0627\u062a \u0623\u0648 \u0627\u0644\u0645\u0647\u0627\u0645 \u0639\u0646\u062f \u062a\u063a\u064a\u0651\u0631\n              \u0623\u0648\u0644\u0648\u064a\u0627\u062a \u064a\u0648\u0645\u0643.\n            <\/p>\n          <\/div>\n\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- Bottom statement -->\n    <div class=\"tb-daily-plan-note\">\n\n      <div>\n        <h3>\n          \u062c\u062f\u0648\u0644\u0629 \u0627\u0644\u0645\u0647\u0627\u0645 \u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0639\u0645\u0644\u0643 \u0627\u0644\u0641\u0639\u0644\u064a\n        <\/h3>\n        <p>\n          \u064a\u0639\u0631\u0636 \u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u064a\u0648\u0645\u064a \u0645\u0647\u0627\u0645\u0643 \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629\n          \u0628\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\u060c \u0625\u0644\u0649 \u062c\u0627\u0646\u0628 \u0627\u0644\u0641\u062a\u0631\u0627\u062a \u0627\u0644\u0645\u062e\u0637\u0637\u0629\n          \u0648\u0627\u0644\u062a\u0639\u0644\u064a\u0642\u0627\u062a \u0648\u0645\u0644\u062e\u0635 \u0627\u0644\u0648\u0642\u062a\u060c \u0644\u062a\u062a\u0645\u0643\u0646 \u0645\u0646\n          \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0648\u0645\u0631\u0627\u062c\u0639\u0629 \u064a\u0648\u0645\u0643 \u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f.\n        <\/p>\n      <\/div>\n\n      <div class=\"tb-daily-plan-note-tag\">\n        \u0627\u0644\u0645\u0647\u0627\u0645 \u2190 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062e\u0637\u0637 \u2190 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\n      <\/div>\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 \u2014 Scheduling Views\n   Section 04\n   ============================================ *\/\n\n.tb-schedule-views {\n  --tb-red: #d50032;\n  --tb-red-soft: #fff3f6;\n  --tb-text: #17191d;\n  --tb-muted: #686a72;\n  --tb-border: #e4e5e8;\n  --tb-bg: #f8f8f9;\n\n  direction: rtl;\n  width: 100%;\n  padding: 105px 24px;\n  background: var(--tb-bg);\n  color: var(--tb-text);\n  box-sizing: border-box;\n  overflow: hidden;\n  font-family: \"IBM Plex Sans Arabic\", Arial, sans-serif;\n}\n\n.tb-schedule-views *,\n.tb-schedule-views *::before,\n.tb-schedule-views *::after {\n  box-sizing: border-box;\n}\n\n.tb-schedule-views-inner {\n  max-width: 1500px;\n  margin: 0 auto;\n}\n\n\/* ===== Heading ===== *\/\n\n.tb-schedule-views-head {\n  display: grid;\n  grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);\n  gap: 85px;\n  align-items: start;\n  margin-bottom: 65px;\n}\n\n.tb-schedule-views-heading {\n  max-width: 650px;\n  margin-right: auto;\n}\n\n.tb-schedule-views-eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n  margin-bottom: 23px;\n  color: var(--tb-red);\n  font-size: 16px;\n  font-weight: 700;\n}\n\n.tb-schedule-views-eyebrow::before {\n  content: \"\";\n  height: 2px;\n  width: 30px;\n  flex-shrink: 0;\n  background: var(--tb-red);\n}\n\n.tb-schedule-views h2 {\n  margin: 0;\n  font-size: clamp(42px,4.3vw,65px);\n  font-weight: 800;\n  line-height: 1.3;\n  letter-spacing: -1px;\n  color: var(--tb-text);\n}\n\n.tb-schedule-views-copy {\n  padding-top: 65px;\n  max-width: 720px;\n  margin-left: auto;\n}\n\n.tb-schedule-views-copy p {\n  margin: 0;\n  color: var(--tb-muted);\n  font-size: 19px;\n  line-height: 2.05;\n}\n\n\/* ===== Three View Cards ===== *\/\n\n.tb-schedule-views-grid {\n  display: grid;\n  grid-template-columns: repeat(3,minmax(0,1fr));\n  gap: 22px;\n}\n\n.tb-schedule-view-card {\n  background: #fff;\n  border: 1px solid var(--tb-border);\n  border-radius: 23px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  box-shadow: 0 14px 35px rgba(0,0,0,.035);\n}\n\n.tb-schedule-view-card.featured {\n  border-color: #edc4cf;\n  box-shadow: 0 18px 45px rgba(213,0,50,.055);\n}\n\n.tb-schedule-view-card-head {\n  padding: 27px 27px 20px;\n}\n\n.tb-schedule-view-icon {\n  width: 51px;\n  height: 51px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: var(--tb-red-soft);\n  color: var(--tb-red);\n  border: 1px solid #f0d6dc;\n  border-radius: 14px;\n  margin-bottom: 20px;\n}\n\n.tb-schedule-view-icon svg {\n  width: 25px;\n  height: 25px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.tb-schedule-view-card h3 {\n  margin: 0 0 10px;\n  font-size: 23px;\n  font-weight: 800;\n  color: var(--tb-text);\n  line-height: 1.5;\n}\n\n.tb-schedule-view-description {\n  margin: 0;\n  font-size: 15px;\n  line-height: 1.95;\n  color: var(--tb-muted);\n  min-height: 88px;\n}\n\n\/* ===== Preview Frames ===== *\/\n\n.tb-schedule-view-preview {\n  margin: 0 17px 20px;\n  border: 1px solid #e8e8eb;\n  background: #fcfcfd;\n  border-radius: 15px;\n  padding: 17px;\n  min-height: 265px;\n  overflow: hidden;\n}\n\n.tb-schedule-preview-heading {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n  margin-bottom: 16px;\n}\n\n.tb-schedule-preview-title {\n  font-size: 12px;\n  font-weight: 800;\n  color: #3b3d43;\n}\n\n.tb-schedule-preview-label {\n  font-size: 10px;\n  color: #85878d;\n  background: #fff;\n  border: 1px solid #e8e8ea;\n  border-radius: 7px;\n  padding: 5px 8px;\n}\n\n\/* ===== Calendar Preview ===== *\/\n\n.tb-schedule-calendar-weekdays,\n.tb-schedule-calendar-days {\n  display: grid;\n  grid-template-columns: repeat(7,minmax(0,1fr));\n  gap: 5px;\n}\n\n.tb-schedule-calendar-weekdays {\n  margin-bottom: 7px;\n}\n\n.tb-schedule-calendar-weekdays span {\n  font-size: 10px;\n  font-weight: 700;\n  color: #93959b;\n  text-align: center;\n}\n\n.tb-schedule-calendar-day {\n  height: 34px;\n  border: 1px solid #ebebed;\n  border-radius: 7px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  color: #62646b;\n  font-size: 11px;\n  background: #fff;\n}\n\n.tb-schedule-calendar-day.muted {\n  color: #c0c1c6;\n  background: #fafafa;\n}\n\n.tb-schedule-calendar-day.has-task::after {\n  content: \"\";\n  width: 5px;\n  height: 5px;\n  border-radius: 50%;\n  background: var(--tb-red);\n  position: absolute;\n  bottom: 3px;\n}\n\n.tb-schedule-calendar-day.selected {\n  background: var(--tb-red);\n  color: #fff;\n  border-color: var(--tb-red);\n  font-weight: 800;\n}\n\n.tb-schedule-calendar-day.selected::after {\n  background: #fff;\n}\n\n.tb-schedule-calendar-note {\n  margin-top: 13px;\n  padding: 10px 12px;\n  background: #fff4f6;\n  border: 1px solid #f0d7dd;\n  border-radius: 9px;\n  font-size: 11px;\n  color: #8f2541;\n  line-height: 1.7;\n}\n\n\/* ===== Task Board Preview ===== *\/\n\n.tb-schedule-kanban {\n  display: grid;\n  grid-template-columns: repeat(3,minmax(0,1fr));\n  gap: 8px;\n}\n\n.tb-schedule-kanban-column {\n  background: #f1f2f4;\n  padding: 9px 7px;\n  border-radius: 9px;\n  min-height: 182px;\n}\n\n.tb-schedule-kanban-title {\n  font-size: 10px;\n  font-weight: 800;\n  color: #6b6d74;\n  margin-bottom: 11px;\n  text-align: center;\n}\n\n.tb-schedule-kanban-task {\n  border: 1px solid #e2e3e6;\n  background: #fff;\n  border-radius: 7px;\n  padding: 9px 7px;\n  margin-bottom: 7px;\n  font-size: 10px;\n  line-height: 1.65;\n  color: #383a40;\n  overflow-wrap: anywhere;\n}\n\n.tb-schedule-kanban-task.highlight {\n  border-right: 3px solid var(--tb-red);\n  background: #fff8f9;\n}\n\n.tb-schedule-kanban-dot {\n  display: block;\n  margin-top: 7px;\n  width: 7px;\n  height: 7px;\n  background: #9ca3af;\n  border-radius: 50%;\n}\n\n.tb-schedule-kanban-dot.red {\n  background: var(--tb-red);\n}\n\n.tb-schedule-kanban-dot.green {\n  background: #258557;\n}\n\n\/* ===== My Tasks Preview ===== *\/\n\n.tb-schedule-my-table {\n  background: #fff;\n  border: 1px solid #e7e8ea;\n  border-radius: 10px;\n  overflow: hidden;\n}\n\n.tb-schedule-my-row {\n  display: grid;\n  grid-template-columns: minmax(0,1.6fr) minmax(0,.85fr) minmax(0,.75fr);\n  align-items: center;\n  gap: 7px;\n  padding: 12px 10px;\n  border-bottom: 1px solid #ececef;\n}\n\n.tb-schedule-my-row:last-child {\n  border-bottom: 0;\n}\n\n.tb-schedule-my-row.header {\n  background: #f3f4f6;\n  font-weight: 800;\n  color: #72747b;\n}\n\n.tb-schedule-my-cell {\n  font-size: 10px;\n  line-height: 1.65;\n  color: #484a50;\n  overflow-wrap: anywhere;\n}\n\n.tb-schedule-my-row.header .tb-schedule-my-cell {\n  font-size: 9px;\n  font-weight: 800;\n}\n\n.tb-schedule-my-priority {\n  font-size: 9px;\n  font-weight: 700;\n  border-radius: 6px;\n  padding: 4px 6px;\n  display: inline-block;\n  color: #686a70;\n  background: #f1f2f4;\n}\n\n.tb-schedule-my-priority.high {\n  background: var(--tb-red-soft);\n  color: #ba2144;\n}\n\n.tb-schedule-my-priority.medium {\n  background: #fff6e8;\n  color: #aa741c;\n}\n\n.tb-schedule-my-date {\n  direction: ltr;\n  unicode-bidi: isolate;\n  display: inline-block;\n  white-space: nowrap;\n}\n\n\/* ===== Card Bottom ===== *\/\n\n.tb-schedule-view-benefit {\n  padding: 19px 26px 25px;\n  border-top: 1px solid #eeeeef;\n  margin-top: auto;\n  display: flex;\n  align-items: flex-start;\n  gap: 11px;\n}\n\n.tb-schedule-view-check {\n  width: 25px;\n  height: 25px;\n  flex: 0 0 25px;\n  border-radius: 50%;\n  background: var(--tb-red-soft);\n  color: var(--tb-red);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 13px;\n  font-weight: 800;\n}\n\n.tb-schedule-view-benefit p {\n  margin: 0;\n  font-size: 13px;\n  line-height: 1.85;\n  color: #56585f;\n}\n\n\/* ===== Final Note ===== *\/\n\n.tb-schedule-views-note {\n  margin-top: 60px;\n  padding: 30px 34px;\n  background: #202124;\n  border-radius: 20px;\n  color: #fff;\n  display: grid;\n  grid-template-columns: minmax(0,1fr) auto;\n  gap: 25px;\n  align-items: center;\n}\n\n.tb-schedule-views-note h3 {\n  margin: 0 0 8px;\n  font-size: 22px;\n  font-weight: 800;\n  color: #fff;\n}\n\n.tb-schedule-views-note p {\n  margin: 0;\n  font-size: 15px;\n  line-height: 1.9;\n  color: #c9cacf;\n}\n\n.tb-schedule-views-note-tag {\n  border: 1px solid #45464c;\n  color: #fff;\n  padding: 11px 16px;\n  border-radius: 100px;\n  white-space: nowrap;\n  font-size: 13px;\n  font-weight: 700;\n}\n\n\/* ===== Responsive ===== *\/\n\n@media (max-width: 1150px) {\n  .tb-schedule-views {\n    padding: 80px 22px;\n  }\n\n  .tb-schedule-views-head {\n    grid-template-columns: 1fr;\n    gap: 25px;\n  }\n\n  .tb-schedule-views-heading,\n  .tb-schedule-views-copy {\n    max-width: 850px;\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n  }\n\n  .tb-schedule-views-copy {\n    padding-top: 0;\n  }\n\n  .tb-schedule-views-grid {\n    grid-template-columns: repeat(2,minmax(0,1fr));\n  }\n\n  .tb-schedule-view-card:last-child {\n    grid-column: 1 \/ -1;\n  }\n\n  .tb-schedule-view-description {\n    min-height: auto;\n  }\n}\n\n@media (max-width: 760px) {\n  .tb-schedule-views {\n    padding: 60px 18px;\n  }\n\n  .tb-schedule-views-head {\n    margin-bottom: 38px;\n  }\n\n  .tb-schedule-views h2 {\n    font-size: 38px;\n  }\n\n  .tb-schedule-views-copy p {\n    font-size: 17px;\n  }\n\n  .tb-schedule-views-grid {\n    grid-template-columns: 1fr;\n    gap: 18px;\n  }\n\n  .tb-schedule-view-card:last-child {\n    grid-column: auto;\n  }\n\n  .tb-schedule-view-card-head {\n    padding: 23px 22px 17px;\n  }\n\n  .tb-schedule-view-card h3 {\n    font-size: 21px;\n  }\n\n  .tb-schedule-view-preview {\n    margin: 0 14px 17px;\n  }\n\n  .tb-schedule-views-note {\n    grid-template-columns: 1fr;\n    padding: 26px 23px;\n  }\n\n  .tb-schedule-views-note-tag {\n    white-space: normal;\n    width: fit-content;\n  }\n}\n\n@media (max-width: 400px) {\n  .tb-schedule-views h2 {\n    font-size: 33px;\n  }\n\n  .tb-schedule-view-preview {\n    padding: 12px;\n  }\n\n  .tb-schedule-my-row {\n    padding: 10px 7px;\n    gap: 4px;\n  }\n}\n<\/style>\n\n<section\n  class=\"tb-schedule-views\"\n  id=\"task-scheduling-views\"\n  dir=\"rtl\"\n  lang=\"ar\"\n  aria-labelledby=\"tb-schedule-views-title\">\n\n  <div class=\"tb-schedule-views-inner\">\n\n    <!-- Heading -->\n    <div class=\"tb-schedule-views-head\">\n\n      <div class=\"tb-schedule-views-heading\">\n\n        <div class=\"tb-schedule-views-eyebrow\">\n          \u0637\u0631\u0642 \u0645\u062a\u0639\u062f\u062f\u0629 \u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0647\u0627\u0645\u0643\n        <\/div>\n\n        <h2 id=\"tb-schedule-views-title\">\n          \u0634\u0627\u0647\u062f \u0645\u0647\u0627\u0645\u0643 \u0648\u062e\u0637\u0637\u0643<br>\n          \u0645\u0646 \u0632\u0648\u0627\u064a\u0627 \u0645\u062e\u062a\u0644\u0641\u0629\n        <\/h2>\n\n      <\/div>\n\n      <div class=\"tb-schedule-views-copy\">\n        <p>\n          \u0644\u0627 \u064a\u0643\u0641\u064a \u0623\u0646 \u062a\u0636\u0639 \u062c\u062f\u0648\u0644\u064b\u0627 \u064a\u0648\u0645\u064a\u064b\u0627\u061b \u062a\u062d\u062a\u0627\u062c \u0623\u064a\u0636\u064b\u0627\n          \u0625\u0644\u0649 \u0631\u0624\u064a\u0629 \u0645\u0648\u0627\u0639\u064a\u062f \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u062d\u0627\u0644\u0629 \u062a\u0646\u0641\u064a\u0630\u0647\u0627\n          \u0648\u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0645\u0633\u0646\u062f\u0629 \u0625\u0644\u064a\u0643. \u064a\u0648\u0641\u0651\u0631 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\n          \u0637\u0631\u0642 \u0639\u0631\u0636 \u0645\u062e\u062a\u0644\u0641\u0629 \u062a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0647\u0627\u0645\n          \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\u060c \u0648\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0627\u062c\n          \u0625\u0644\u064a\u0647\u0627 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0648\u0627\u0644\u0639\u0645\u0644.\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n    <!-- View Cards -->\n    <div class=\"tb-schedule-views-grid\">\n\n      <!-- CALENDAR -->\n      <article class=\"tb-schedule-view-card featured\">\n\n        <div class=\"tb-schedule-view-card-head\">\n\n          <div class=\"tb-schedule-view-icon\"\n               aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"\/>\n              <path d=\"M7 3v4M17 3v4M3 10h18\"\/>\n              <path d=\"m9 16 2 2 4-4\"\/>\n            <\/svg>\n          <\/div>\n\n          <h3>\u0627\u0644\u062a\u0642\u0648\u064a\u0645<\/h3>\n\n          <p class=\"tb-schedule-view-description\">\n            \u0627\u0637\u0651\u0644\u0639 \u0639\u0644\u0649 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0639\u0628\u0631 \u0627\u0644\u0623\u064a\u0627\u0645\n            \u0648\u0627\u0644\u0623\u0633\u0627\u0628\u064a\u0639\u060c \u0644\u062a\u0639\u0631\u0641 \u0641\u062a\u0631\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u0632\u062f\u062d\u0645\u0629\n            \u0648\u062a\u062e\u062a\u0627\u0631 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0623\u0646\u0633\u0628 \u0644\u062a\u0646\u0638\u064a\u0645 \u062e\u0637\u062a\u0643.\n          <\/p>\n\n        <\/div>\n\n        <div class=\"tb-schedule-view-preview\"\n             aria-label=\"\u0646\u0645\u0648\u0630\u062c \u062a\u0648\u0636\u064a\u062d\u064a \u0644\u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u0645\u0647\u0627\u0645\">\n\n          <div class=\"tb-schedule-preview-heading\">\n            <span class=\"tb-schedule-preview-title\">\n              \u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u0645\u0647\u0627\u0645\n            <\/span>\n            <span class=\"tb-schedule-preview-label\">\n              \u0639\u0631\u0636 \u0634\u0647\u0631\u064a\n            <\/span>\n          <\/div>\n\n          <div class=\"tb-schedule-calendar-weekdays\">\n            <span>\u0633<\/span><span>\u062d<\/span><span>\u0646<\/span>\n            <span>\u062b<\/span><span>\u0631<\/span><span>\u062e<\/span>\n            <span>\u062c<\/span>\n          <\/div>\n\n          <div class=\"tb-schedule-calendar-days\">\n\n            <span class=\"tb-schedule-calendar-day muted\">28<\/span>\n            <span class=\"tb-schedule-calendar-day muted\">29<\/span>\n            <span class=\"tb-schedule-calendar-day muted\">30<\/span>\n            <span class=\"tb-schedule-calendar-day\">1<\/span>\n            <span class=\"tb-schedule-calendar-day\">2<\/span>\n            <span class=\"tb-schedule-calendar-day has-task\">3<\/span>\n            <span class=\"tb-schedule-calendar-day\">4<\/span>\n\n            <span class=\"tb-schedule-calendar-day has-task\">5<\/span>\n            <span class=\"tb-schedule-calendar-day\">6<\/span>\n            <span class=\"tb-schedule-calendar-day has-task\">7<\/span>\n            <span class=\"tb-schedule-calendar-day\">8<\/span>\n            <span class=\"tb-schedule-calendar-day has-task\">9<\/span>\n            <span class=\"tb-schedule-calendar-day\">10<\/span>\n            <span class=\"tb-schedule-calendar-day\">11<\/span>\n\n            <span class=\"tb-schedule-calendar-day has-task\">12<\/span>\n            <span class=\"tb-schedule-calendar-day\">13<\/span>\n            <span class=\"tb-schedule-calendar-day selected\">14<\/span>\n            <span class=\"tb-schedule-calendar-day has-task\">15<\/span>\n            <span class=\"tb-schedule-calendar-day\">16<\/span>\n            <span class=\"tb-schedule-calendar-day has-task\">17<\/span>\n            <span class=\"tb-schedule-calendar-day\">18<\/span>\n\n            <span class=\"tb-schedule-calendar-day\">19<\/span>\n            <span class=\"tb-schedule-calendar-day has-task\">20<\/span>\n            <span class=\"tb-schedule-calendar-day\">21<\/span>\n            <span class=\"tb-schedule-calendar-day has-task\">22<\/span>\n            <span class=\"tb-schedule-calendar-day\">23<\/span>\n            <span class=\"tb-schedule-calendar-day\">24<\/span>\n            <span class=\"tb-schedule-calendar-day has-task\">25<\/span>\n\n            <span class=\"tb-schedule-calendar-day\">26<\/span>\n            <span class=\"tb-schedule-calendar-day\">27<\/span>\n            <span class=\"tb-schedule-calendar-day has-task\">28<\/span>\n            <span class=\"tb-schedule-calendar-day\">29<\/span>\n            <span class=\"tb-schedule-calendar-day\">30<\/span>\n            <span class=\"tb-schedule-calendar-day\">31<\/span>\n            <span class=\"tb-schedule-calendar-day muted\">1<\/span>\n\n          <\/div>\n\n          <div class=\"tb-schedule-calendar-note\">\n            \u25cf \u0627\u0644\u0623\u064a\u0627\u0645 \u0627\u0644\u0645\u0645\u064a\u0632\u0629 \u062a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 \u0645\u0647\u0627\u0645 \u0623\u0648 \u0645\u0648\u0627\u0639\u064a\u062f \u0645\u062c\u062f\u0648\u0644\u0629.\n          <\/div>\n\n        <\/div>\n\n        <div class=\"tb-schedule-view-benefit\">\n          <span class=\"tb-schedule-view-check\"\n                aria-hidden=\"true\">\u2713<\/span>\n          <p>\n            \u0645\u0646\u0627\u0633\u0628 \u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0648\u0627\u0644\u062a\u062e\u0637\u064a\u0637\n            \u0639\u0628\u0631 \u0623\u0643\u062b\u0631 \u0645\u0646 \u064a\u0648\u0645.\n          <\/p>\n        <\/div>\n\n      <\/article>\n\n      <!-- TASK BOARD -->\n      <article class=\"tb-schedule-view-card\">\n\n        <div class=\"tb-schedule-view-card-head\">\n\n          <div class=\"tb-schedule-view-icon\"\n               aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <rect x=\"3\" y=\"4\" width=\"5\" height=\"16\" rx=\"1\"\/>\n              <rect x=\"10\" y=\"4\" width=\"5\" height=\"10\" rx=\"1\"\/>\n              <rect x=\"17\" y=\"4\" width=\"4\" height=\"13\" rx=\"1\"\/>\n            <\/svg>\n          <\/div>\n\n          <h3>\u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0647\u0627\u0645<\/h3>\n\n          <p class=\"tb-schedule-view-description\">\n            \u062a\u0627\u0628\u0639 \u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0647\u0627\u0645 \u0628\u0635\u0631\u064a\u064b\u0627\u060c \u0648\u0645\u064a\u0651\u0632 \u0628\u064a\u0646\n            \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u064a \u0644\u0645 \u062a\u0628\u062f\u0623 \u0628\u0639\u062f\u060c \u0648\u0627\u0644\u0645\u0647\u0627\u0645\n            \u0642\u064a\u062f \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u060c \u0648\u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0645\u0643\u062a\u0645\u0644\u0629.\n          <\/p>\n\n        <\/div>\n\n        <div class=\"tb-schedule-view-preview\"\n             aria-label=\"\u0646\u0645\u0648\u0630\u062c \u062a\u0648\u0636\u064a\u062d\u064a \u0644\u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0647\u0627\u0645\">\n\n          <div class=\"tb-schedule-preview-heading\">\n            <span class=\"tb-schedule-preview-title\">\n              \u0644\u0648\u062d\u0629 \u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n            <\/span>\n            <span class=\"tb-schedule-preview-label\">\n              \u062d\u0633\u0628 \u0627\u0644\u062d\u0627\u0644\u0629\n            <\/span>\n          <\/div>\n\n          <div class=\"tb-schedule-kanban\">\n\n            <div class=\"tb-schedule-kanban-column\">\n\n              <div class=\"tb-schedule-kanban-title\">\n                \u0644\u0645 \u062a\u0628\u062f\u0623\n              <\/div>\n\n              <div class=\"tb-schedule-kanban-task\">\n                \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u062a\u0642\u0631\u064a\u0631\n                <span class=\"tb-schedule-kanban-dot\"><\/span>\n              <\/div>\n\n              <div class=\"tb-schedule-kanban-task\">\n                \u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0648\u062b\u0627\u0626\u0642\n                <span class=\"tb-schedule-kanban-dot\"><\/span>\n              <\/div>\n\n            <\/div>\n\n            <div class=\"tb-schedule-kanban-column\">\n\n              <div class=\"tb-schedule-kanban-title\">\n                \u0642\u064a\u062f \u0627\u0644\u062a\u0646\u0641\u064a\u0630\n              <\/div>\n\n              <div class=\"tb-schedule-kanban-task highlight\">\n                \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0648\u0627\u062c\u0647\u0629\n                <span class=\"tb-schedule-kanban-dot red\"><\/span>\n              <\/div>\n\n              <div class=\"tb-schedule-kanban-task\">\n                \u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u0646\u0638\u0627\u0645\n                <span class=\"tb-schedule-kanban-dot red\"><\/span>\n              <\/div>\n\n            <\/div>\n\n            <div class=\"tb-schedule-kanban-column\">\n\n              <div class=\"tb-schedule-kanban-title\">\n                \u0645\u0643\u062a\u0645\u0644\u0629\n              <\/div>\n\n              <div class=\"tb-schedule-kanban-task\">\n                \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a\n                <span class=\"tb-schedule-kanban-dot green\"><\/span>\n              <\/div>\n\n              <div class=\"tb-schedule-kanban-task\">\n                \u0627\u0639\u062a\u0645\u0627\u062f \u0627\u0644\u062e\u0637\u0629\n                <span class=\"tb-schedule-kanban-dot green\"><\/span>\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n        <div class=\"tb-schedule-view-benefit\">\n          <span class=\"tb-schedule-view-check\"\n                aria-hidden=\"true\">\u2713<\/span>\n          <p>\n            \u0645\u0646\u0627\u0633\u0628 \u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u062a\u0642\u062f\u0645 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\n            \u0648\u0645\u0639\u0631\u0641\u0629 \u062d\u0627\u0644\u0629 \u0643\u0644 \u0645\u0647\u0645\u0629 \u0628\u0633\u0631\u0639\u0629.\n          <\/p>\n        <\/div>\n\n      <\/article>\n\n      <!-- MY TASKS -->\n      <article class=\"tb-schedule-view-card\">\n\n        <div class=\"tb-schedule-view-card-head\">\n\n          <div class=\"tb-schedule-view-icon\"\n               aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"\/>\n              <path d=\"m7 9 1.5 1.5L11 8\"\/>\n              <path d=\"M13 9h5\"\/>\n              <path d=\"m7 15 1.5 1.5L11 14\"\/>\n              <path d=\"M13 15h5\"\/>\n            <\/svg>\n          <\/div>\n\n          <h3>\u062c\u062f\u0648\u0644 \u0645\u0647\u0627\u0645\u064a<\/h3>\n\n          <p class=\"tb-schedule-view-description\">\n            \u0631\u0643\u0651\u0632 \u0639\u0644\u0649 \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0633\u0646\u062f\u0629 \u0625\u0644\u064a\u0643\u060c\n            \u0648\u0631\u0627\u062c\u0639 \u062a\u0641\u0627\u0635\u064a\u0644\u0647\u0627 \u0648\u0645\u0648\u0627\u0639\u064a\u062f\u0647\u0627\n            \u0648\u0623\u0648\u0644\u0648\u064a\u0627\u062a\u0647\u0627 \u0642\u0628\u0644 \u0625\u0639\u062f\u0627\u062f \u062c\u062f\u0648\u0644 \u0639\u0645\u0644\u0643.\n          <\/p>\n\n        <\/div>\n\n        <div class=\"tb-schedule-view-preview\"\n             aria-label=\"\u0646\u0645\u0648\u0630\u062c \u062a\u0648\u0636\u064a\u062d\u064a \u0644\u062c\u062f\u0648\u0644 \u0645\u0647\u0627\u0645\u064a\">\n\n          <div class=\"tb-schedule-preview-heading\">\n            <span class=\"tb-schedule-preview-title\">\n              \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0633\u0646\u062f\u0629 \u0625\u0644\u064a\u0651\n            <\/span>\n            <span class=\"tb-schedule-preview-label\">\n              \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0647\u0627\u0645\n            <\/span>\n          <\/div>\n\n          <div class=\"tb-schedule-my-table\">\n\n            <div class=\"tb-schedule-my-row header\">\n              <span class=\"tb-schedule-my-cell\">\u0627\u0644\u0645\u0647\u0645\u0629<\/span>\n              <span class=\"tb-schedule-my-cell\">\u0627\u0644\u0623\u0647\u0645\u064a\u0629<\/span>\n              <span class=\"tb-schedule-my-cell\">\u0627\u0644\u0645\u0648\u0639\u062f<\/span>\n            <\/div>\n\n            <div class=\"tb-schedule-my-row\">\n              <span class=\"tb-schedule-my-cell\">\n                \u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u062e\u0637\u0629\n              <\/span>\n              <span class=\"tb-schedule-my-cell\">\n                <span class=\"tb-schedule-my-priority high\">\n                  \u0639\u0627\u0644\u064a\u0629\n                <\/span>\n              <\/span>\n              <span class=\"tb-schedule-my-cell\">\n                <span class=\"tb-schedule-my-date\">14\/10<\/span>\n              <\/span>\n            <\/div>\n\n            <div class=\"tb-schedule-my-row\">\n              <span class=\"tb-schedule-my-cell\">\n                \u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\n              <\/span>\n              <span class=\"tb-schedule-my-cell\">\n                <span class=\"tb-schedule-my-priority high\">\n                  \u0639\u0627\u0644\u064a\u0629\n                <\/span>\n              <\/span>\n              <span class=\"tb-schedule-my-cell\">\n                <span class=\"tb-schedule-my-date\">15\/10<\/span>\n              <\/span>\n            <\/div>\n\n            <div class=\"tb-schedule-my-row\">\n              <span class=\"tb-schedule-my-cell\">\n                \u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0645\u0644\u0641\u0627\u062a\n              <\/span>\n              <span class=\"tb-schedule-my-cell\">\n                <span class=\"tb-schedule-my-priority medium\">\n                  \u0645\u062a\u0648\u0633\u0637\u0629\n                <\/span>\n              <\/span>\n              <span class=\"tb-schedule-my-cell\">\n                <span class=\"tb-schedule-my-date\">16\/10<\/span>\n              <\/span>\n            <\/div>\n\n            <div class=\"tb-schedule-my-row\">\n              <span class=\"tb-schedule-my-cell\">\n                \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\n              <\/span>\n              <span class=\"tb-schedule-my-cell\">\n                <span class=\"tb-schedule-my-priority\">\n                  \u0639\u0627\u062f\u064a\u0629\n                <\/span>\n              <\/span>\n              <span class=\"tb-schedule-my-cell\">\n                <span class=\"tb-schedule-my-date\">18\/10<\/span>\n              <\/span>\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n        <div class=\"tb-schedule-view-benefit\">\n          <span class=\"tb-schedule-view-check\"\n                aria-hidden=\"true\">\u2713<\/span>\n          <p>\n            \u0645\u0646\u0627\u0633\u0628 \u0644\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0627\u062c\n            \u0625\u0644\u0649 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u064a\u0647\u0627 \u062e\u0644\u0627\u0644 \u0627\u0644\u064a\u0648\u0645.\n          <\/p>\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n    <!-- Bottom Statement -->\n    <div class=\"tb-schedule-views-note\">\n\n      <div>\n        <h3>\n          \u0637\u0631\u0642 \u0639\u0631\u0636 \u0645\u062e\u062a\u0644\u0641\u0629\u060c \u0648\u0645\u0647\u0627\u0645 \u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0645\u0634\u0627\u0631\u064a\u0639\u0643\n        <\/h3>\n\n        <p>\n          \u0627\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u062a\u0642\u0648\u064a\u0645 \u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f\u060c\n          \u0648\u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0647\u0627\u0645 \u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u060c\n          \u0648\u062c\u062f\u0648\u0644 \u0645\u0647\u0627\u0645\u064a \u0644\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0645\u0633\u0646\u062f\u0629 \u0625\u0644\u064a\u0643.\n          \u0628\u0647\u0630\u0647 \u0627\u0644\u0637\u0631\u064a\u0642\u0629\u060c \u062a\u0633\u062a\u0641\u064a\u062f \u0645\u0646 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0647\u0627\u0645\n          \u0646\u0641\u0633\u0647\u0627 \u0641\u064a \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u062f\u0648\u0646 \u0627\u0644\u062d\u0627\u062c\u0629\n          \u0625\u0644\u0649 \u0642\u0648\u0627\u0626\u0645 \u0645\u0646\u0641\u0635\u0644\u0629.\n        <\/p>\n      <\/div>\n\n      <div class=\"tb-schedule-views-note-tag\">\n        \u0627\u0644\u062a\u0642\u0648\u064a\u0645 \u00b7 \u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0647\u0627\u0645 \u00b7 \u062c\u062f\u0648\u0644 \u0645\u0647\u0627\u0645\u064a\n      <\/div>\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 \u2014 Data-Driven Scheduling\n   Section 05\n   ============================================ *\/\n\n.tb-schedule-data {\n  --tb-red: #d50032;\n  --tb-red-soft: #fff3f6;\n  --tb-text: #17191d;\n  --tb-muted: #696b72;\n  --tb-border: #e7e7e9;\n  --tb-dark: #202124;\n  --tb-dark-card: #292a2e;\n  --tb-dark-border: #404147;\n\n  direction: rtl;\n  width: 100%;\n  padding: 110px 24px;\n  background: #fff;\n  color: var(--tb-text);\n  font-family: \"IBM Plex Sans Arabic\", Arial, sans-serif;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n\n.tb-schedule-data *,\n.tb-schedule-data *::before,\n.tb-schedule-data *::after {\n  box-sizing: border-box;\n}\n\n.tb-schedule-data-inner {\n  max-width: 1500px;\n  margin: 0 auto;\n}\n\n\/* ===== Main Layout ===== *\/\n\n.tb-schedule-data-grid {\n  display: grid;\n  grid-template-columns:\n    minmax(0, .9fr)\n    minmax(0, 1.1fr);\n  gap: 75px;\n  align-items: center;\n}\n\n\/* ===== Text Content ===== *\/\n\n.tb-schedule-data-content {\n  max-width: 650px;\n  margin-right: auto;\n}\n\n.tb-schedule-data-eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n  color: var(--tb-red);\n  font-size: 16px;\n  font-weight: 700;\n  margin-bottom: 24px;\n}\n\n.tb-schedule-data-eyebrow::before {\n  content: \"\";\n  width: 30px;\n  height: 2px;\n  flex: 0 0 30px;\n  background: var(--tb-red);\n}\n\n.tb-schedule-data h2 {\n  margin: 0 0 27px;\n  font-size: clamp(42px, 4.3vw, 65px);\n  line-height: 1.3;\n  font-weight: 800;\n  letter-spacing: -1px;\n  color: var(--tb-text);\n}\n\n.tb-schedule-data-lead {\n  margin: 0 0 34px;\n  color: var(--tb-muted);\n  font-size: 19px;\n  line-height: 2.05;\n}\n\n\/* ===== Benefits ===== *\/\n\n.tb-schedule-data-benefits {\n  display: flex;\n  flex-direction: column;\n  gap: 23px;\n}\n\n.tb-schedule-data-benefit {\n  display: grid;\n  grid-template-columns: 36px minmax(0, 1fr);\n  gap: 14px;\n  align-items: start;\n}\n\n.tb-schedule-data-benefit-icon {\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  background: var(--tb-red-soft);\n  color: var(--tb-red);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-top: 3px;\n}\n\n.tb-schedule-data-benefit-icon svg {\n  width: 18px;\n  height: 18px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.tb-schedule-data-benefit h3 {\n  margin: 0 0 6px;\n  font-size: 19px;\n  font-weight: 800;\n  color: var(--tb-text);\n}\n\n.tb-schedule-data-benefit p {\n  margin: 0;\n  font-size: 15px;\n  line-height: 1.95;\n  color: var(--tb-muted);\n}\n\n\/* ===== Dashboard ===== *\/\n\n.tb-schedule-data-dashboard {\n  min-width: 0;\n  background: var(--tb-dark);\n  border-radius: 28px;\n  padding: 29px;\n  color: #fff;\n  box-shadow: 0 28px 75px rgba(0,0,0,.11);\n}\n\n.tb-schedule-data-dashboard-head {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 20px;\n  margin-bottom: 23px;\n}\n\n.tb-schedule-data-dashboard-title {\n  font-size: 20px;\n  font-weight: 800;\n  color: #fff;\n}\n\n.tb-schedule-data-dashboard-period {\n  border: 1px solid #47484e;\n  padding: 8px 12px;\n  border-radius: 10px;\n  color: #c7c8cc;\n  font-size: 12px;\n  white-space: nowrap;\n}\n\n\/* ===== Summary Stats ===== *\/\n\n.tb-schedule-data-stats {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 12px;\n  margin-bottom: 18px;\n}\n\n.tb-schedule-data-stat {\n  padding: 19px 15px;\n  background: var(--tb-dark-card);\n  border: 1px solid var(--tb-dark-border);\n  border-radius: 15px;\n}\n\n.tb-schedule-data-stat-label {\n  color: #aaaab0;\n  font-size: 12px;\n  margin-bottom: 9px;\n}\n\n.tb-schedule-data-stat-value {\n  font-size: 23px;\n  font-weight: 800;\n  line-height: 1.3;\n  color: #fff;\n}\n\n.tb-schedule-data-stat-value.accent {\n  color: #ff88a2;\n}\n\n.tb-schedule-data-stat-sub {\n  font-size: 11px;\n  color: #a6a7ac;\n  margin-top: 6px;\n}\n\n\/* ===== Comparison Chart ===== *\/\n\n.tb-schedule-data-chart {\n  padding: 23px;\n  background: var(--tb-dark-card);\n  border: 1px solid var(--tb-dark-border);\n  border-radius: 18px;\n}\n\n.tb-schedule-data-chart-head {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 15px;\n  margin-bottom: 13px;\n}\n\n.tb-schedule-data-chart-title {\n  color: #fff;\n  font-size: 16px;\n  font-weight: 800;\n}\n\n.tb-schedule-data-chart-caption {\n  color: #a6a7ac;\n  font-size: 11px;\n}\n\n\/* Legend *\/\n\n.tb-schedule-data-legend {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 18px;\n  margin-bottom: 24px;\n}\n\n.tb-schedule-data-legend-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 12px;\n  color: #c7c8cb;\n}\n\n.tb-schedule-data-legend-dot {\n  width: 9px;\n  height: 9px;\n  border-radius: 3px;\n  background: #777982;\n}\n\n.tb-schedule-data-legend-dot.actual {\n  background: var(--tb-red);\n}\n\n\/* Rows *\/\n\n.tb-schedule-data-chart-row {\n  margin-bottom: 25px;\n}\n\n.tb-schedule-data-chart-row:last-child {\n  margin-bottom: 0;\n}\n\n.tb-schedule-data-chart-row-head {\n  display: flex;\n  justify-content: space-between;\n  gap: 15px;\n  margin-bottom: 11px;\n}\n\n.tb-schedule-data-chart-task {\n  font-size: 13px;\n  font-weight: 700;\n  color: #e8e8ea;\n}\n\n.tb-schedule-data-chart-difference {\n  font-size: 12px;\n  font-weight: 700;\n  color: #a7a8ae;\n  white-space: nowrap;\n}\n\n.tb-schedule-data-chart-difference.over {\n  color: #ff94ab;\n}\n\n.tb-schedule-data-bar-line {\n  display: grid;\n  grid-template-columns: 48px minmax(0, 1fr) 44px;\n  gap: 9px;\n  align-items: center;\n  margin-bottom: 9px;\n}\n\n.tb-schedule-data-bar-line:last-child {\n  margin-bottom: 0;\n}\n\n.tb-schedule-data-bar-label {\n  font-size: 11px;\n  color: #a9aab0;\n}\n\n.tb-schedule-data-bar-track {\n  height: 9px;\n  background: #3d3e44;\n  border-radius: 100px;\n  overflow: hidden;\n}\n\n.tb-schedule-data-bar-fill {\n  display: block;\n  height: 100%;\n  background: #858791;\n  border-radius: inherit;\n}\n\n.tb-schedule-data-bar-fill.actual {\n  background: var(--tb-red);\n}\n\n.tb-schedule-data-bar-value {\n  direction: ltr;\n  text-align: left;\n  font-size: 12px;\n  color: #d4d5d8;\n  font-weight: 700;\n}\n\n\/* ===== Dashboard Insight ===== *\/\n\n.tb-schedule-data-insight {\n  margin-top: 18px;\n  padding: 22px;\n  background: linear-gradient(135deg, #38252c, #292a2e);\n  border: 1px solid #673d49;\n  border-radius: 17px;\n}\n\n.tb-schedule-data-insight-head {\n  display: flex;\n  align-items: center;\n  gap: 11px;\n  margin-bottom: 11px;\n}\n\n.tb-schedule-data-insight-icon {\n  width: 29px;\n  height: 29px;\n  border-radius: 50%;\n  background: var(--tb-red);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: 0 0 29px;\n  color: #fff;\n  font-size: 15px;\n  font-weight: 800;\n}\n\n.tb-schedule-data-insight-title {\n  font-size: 15px;\n  font-weight: 800;\n  color: #fff;\n}\n\n.tb-schedule-data-insight p {\n  margin: 0;\n  font-size: 13px;\n  line-height: 1.95;\n  color: #c9c9cd;\n}\n\n\/* ===== Bottom Note ===== *\/\n\n.tb-schedule-data-note {\n  margin-top: 65px;\n  padding: 30px 34px;\n  border-radius: 20px;\n  background: #f8f8f9;\n  border: 1px solid var(--tb-border);\n  display: grid;\n  grid-template-columns: auto minmax(0,1fr) auto;\n  align-items: center;\n  gap: 22px;\n}\n\n.tb-schedule-data-note-icon {\n  width: 50px;\n  height: 50px;\n  background: var(--tb-red-soft);\n  border-radius: 15px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--tb-red);\n}\n\n.tb-schedule-data-note-icon svg {\n  width: 25px;\n  height: 25px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.tb-schedule-data-note h3 {\n  margin: 0 0 7px;\n  font-size: 19px;\n  font-weight: 800;\n  color: var(--tb-text);\n}\n\n.tb-schedule-data-note p {\n  margin: 0;\n  color: var(--tb-muted);\n  font-size: 14px;\n  line-height: 1.9;\n}\n\n.tb-schedule-data-note-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 45px;\n  padding: 10px 17px;\n  border: 1px solid #e5c0ca;\n  border-radius: 10px;\n  background: #fff;\n  color: #bb0030 !important;\n  font-size: 13px;\n  font-weight: 800;\n  white-space: nowrap;\n  text-decoration: none !important;\n  transition: background .2s ease;\n}\n\n.tb-schedule-data-note-link:hover {\n  background: var(--tb-red-soft);\n}\n\n.tb-schedule-data-note-link:focus-visible {\n  outline: 3px solid var(--tb-red);\n  outline-offset: 3px;\n}\n\n\/* ===== Responsive ===== *\/\n\n@media (max-width: 1100px) {\n  .tb-schedule-data {\n    padding: 80px 22px;\n  }\n\n  .tb-schedule-data-grid {\n    grid-template-columns: 1fr;\n    gap: 55px;\n  }\n\n  .tb-schedule-data-content {\n    max-width: 850px;\n    margin-right: auto;\n    margin-left: auto;\n  }\n\n  .tb-schedule-data-dashboard {\n    width: 100%;\n    max-width: 850px;\n    margin: 0 auto;\n  }\n}\n\n@media (max-width: 760px) {\n  .tb-schedule-data {\n    padding: 60px 18px;\n  }\n\n  .tb-schedule-data h2 {\n    font-size: 38px;\n    line-height: 1.35;\n  }\n\n  .tb-schedule-data-lead {\n    font-size: 17px;\n    line-height: 2;\n  }\n\n  .tb-schedule-data-benefit h3 {\n    font-size: 18px;\n  }\n\n  .tb-schedule-data-dashboard {\n    padding: 17px;\n    border-radius: 20px;\n  }\n\n  .tb-schedule-data-dashboard-title {\n    font-size: 17px;\n  }\n\n  .tb-schedule-data-stats {\n    grid-template-columns: 1fr;\n    gap: 9px;\n  }\n\n  .tb-schedule-data-stat {\n    padding: 15px 17px;\n  }\n\n  .tb-schedule-data-stat-value {\n    font-size: 21px;\n  }\n\n  .tb-schedule-data-chart {\n    padding: 18px 14px;\n  }\n\n  .tb-schedule-data-note {\n    grid-template-columns: 1fr;\n    gap: 16px;\n    padding: 25px 22px;\n  }\n\n  .tb-schedule-data-note-link {\n    width: fit-content;\n    white-space: normal;\n  }\n}\n\n@media (max-width: 400px) {\n  .tb-schedule-data h2 {\n    font-size: 33px;\n  }\n\n  .tb-schedule-data-dashboard-head {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .tb-schedule-data-chart-head {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .tb-schedule-data-chart-task {\n    font-size: 12px;\n  }\n\n  .tb-schedule-data-bar-line {\n    grid-template-columns: 43px minmax(0,1fr) 38px;\n    gap: 6px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .tb-schedule-data-note-link {\n    transition: none;\n  }\n}\n<\/style>\n\n<section\n  class=\"tb-schedule-data\"\n  id=\"data-driven-task-scheduling\"\n  dir=\"rtl\"\n  lang=\"ar\"\n  aria-labelledby=\"tb-schedule-data-title\">\n\n  <div class=\"tb-schedule-data-inner\">\n\n    <!-- Main Layout -->\n    <div class=\"tb-schedule-data-grid\">\n\n      <!-- Content -->\n      <div class=\"tb-schedule-data-content\">\n\n        <div class=\"tb-schedule-data-eyebrow\">\n          \u0645\u0646 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0625\u0644\u0649 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a\n        <\/div>\n\n        <h2 id=\"tb-schedule-data-title\">\n          \u062e\u0637\u0651\u0637 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a\u060c\n          \u0644\u0627 \u0639\u0644\u0649 \u0627\u0644\u062a\u0642\u062f\u064a\u0631\u0627\u062a \u0648\u062d\u062f\u0647\u0627\n        <\/h2>\n\n        <p class=\"tb-schedule-data-lead\">\n          \u0642\u062f \u062a\u062e\u0635\u0635 \u0633\u0627\u0639\u062a\u064a\u0646 \u0644\u0645\u0647\u0645\u0629 \u062b\u0645 \u062a\u0643\u062a\u0634\u0641 \u0623\u0646\u0647\u0627\n          \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u062b\u0644\u0627\u062b \u0633\u0627\u0639\u0627\u062a \u0623\u0648 \u0623\u0643\u062b\u0631.\n          \u064a\u0633\u0627\u0639\u062f\u0643 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0639\u0644\u0649 \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a\n          \u0627\u0644\u0630\u064a \u062a\u0642\u0636\u064a\u0647 \u0641\u064a \u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0645\u0647\u0627\u0645\u060c \u0648\u0645\u0642\u0627\u0631\u0646\u062a\u0647\n          \u0628\u0627\u0644\u062a\u0642\u062f\u064a\u0631\u0627\u062a \u0627\u0644\u0633\u0627\u0628\u0642\u0629\u060c \u062d\u062a\u0649 \u062a\u062a\u0645\u0643\u0646 \u0645\u0646\n          \u062a\u062d\u0633\u064a\u0646 \u062c\u062f\u0648\u0644\u0629 \u0627\u0644\u0645\u0647\u0627\u0645 \u0641\u064a \u0627\u0644\u0623\u064a\u0627\u0645\n          \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0642\u0627\u062f\u0645\u0629.\n        <\/p>\n\n        <!-- Benefits -->\n        <div class=\"tb-schedule-data-benefits\">\n\n          <!-- Benefit 1 -->\n          <div class=\"tb-schedule-data-benefit\">\n\n            <div class=\"tb-schedule-data-benefit-icon\"\n                 aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n                <path d=\"M12 7v5l3 2\"\/>\n              <\/svg>\n            <\/div>\n\n            <div>\n              <h3>\n                \u0633\u062c\u0651\u0644 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0630\u064a \u0627\u0633\u062a\u063a\u0631\u0642\u062a\u0647 \u0627\u0644\u0645\u0647\u0645\u0629\n              <\/h3>\n              <p>\n                \u0627\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0645\u0624\u0642\u062a \u0623\u0648 \u0623\u062f\u062e\u0644 \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644\n                \u064a\u062f\u0648\u064a\u064b\u0627 \u0644\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0645\u062f\u0629 \u0627\u0644\u0641\u0639\u0644\u064a\u0629 \u0627\u0644\u062a\u064a\n                \u0627\u062d\u062a\u0627\u062c\u062a \u0625\u0644\u064a\u0647\u0627 \u0643\u0644 \u0645\u0647\u0645\u0629.\n              <\/p>\n            <\/div>\n\n          <\/div>\n\n          <!-- Benefit 2 -->\n          <div class=\"tb-schedule-data-benefit\">\n\n            <div class=\"tb-schedule-data-benefit-icon\"\n                 aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M4 20V10\"\/>\n                <path d=\"M10 20V5\"\/>\n                <path d=\"M16 20V13\"\/>\n                <path d=\"M22 20V8\"\/>\n              <\/svg>\n            <\/div>\n\n            <div>\n              <h3>\n                \u0642\u0627\u0631\u0646 \u0627\u0644\u062a\u0642\u062f\u064a\u0631 \u0628\u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0641\u0639\u0644\u064a\n              <\/h3>\n              <p>\n                \u0631\u0627\u062c\u0639 \u0627\u0644\u0641\u0631\u0642 \u0628\u064a\u0646 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062a\u0648\u0642\u0639\n                \u0648\u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0633\u062c\u0651\u0644\u060c \u0648\u062d\u062f\u0651\u062f \u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u0645\u0647\u0627\u0645\n                \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0627\u062c \u0639\u0627\u062f\u0629\u064b \u0625\u0644\u0649 \u0648\u0642\u062a \u0623\u0637\u0648\u0644.\n              <\/p>\n            <\/div>\n\n          <\/div>\n\n          <!-- Benefit 3 -->\n          <div class=\"tb-schedule-data-benefit\">\n\n            <div class=\"tb-schedule-data-benefit-icon\"\n                 aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M4 19h16\"\/>\n                <path d=\"M6 15l4-5 4 3 5-8\"\/>\n                <path d=\"M16 5h3v3\"\/>\n              <\/svg>\n            <\/div>\n\n            <div>\n              <h3>\n                \u062d\u0633\u0651\u0646 \u062a\u0642\u062f\u064a\u0631\u0627\u062a\u0643 \u0644\u0644\u0645\u0633\u062a\u0642\u0628\u0644\n              <\/h3>\n              <p>\n                \u0627\u0633\u062a\u0641\u062f \u0645\u0646 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0633\u062c\u0651\u0644 \u0641\u064a \u0627\u0644\u0645\u0647\u0627\u0645\n                \u0627\u0644\u0633\u0627\u0628\u0642\u0629 \u0639\u0646\u062f \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u062f\u0629 \u0627\u0644\u0645\u062a\u0648\u0642\u0639\u0629\n                \u0644\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0634\u0627\u0628\u0647\u0629 \u0648\u0625\u0639\u062f\u0627\u062f \u062e\u0637\u0637 \u0623\u0643\u062b\u0631 \u0648\u0627\u0642\u0639\u064a\u0629.\n              <\/p>\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- Visual Dashboard -->\n      <div class=\"tb-schedule-data-dashboard\"\n           aria-label=\"\u0645\u062b\u0627\u0644 \u062a\u0648\u0636\u064a\u062d\u064a \u0644\u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062a\u0648\u0642\u0639 \u0648\u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a \u0644\u0644\u0645\u0647\u0627\u0645\">\n\n        <!-- Dashboard Heading -->\n        <div class=\"tb-schedule-data-dashboard-head\">\n\n          <div class=\"tb-schedule-data-dashboard-title\">\n            \u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0644\u062a\u0642\u062f\u064a\u0631\u0627\u062a \u0628\u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a\n          <\/div>\n\n          <div class=\"tb-schedule-data-dashboard-period\">\n            \u0645\u062b\u0627\u0644 \u062a\u0648\u0636\u064a\u062d\u064a\n          <\/div>\n\n        <\/div>\n\n        <!-- Stats -->\n        <div class=\"tb-schedule-data-stats\">\n\n          <div class=\"tb-schedule-data-stat\">\n            <div class=\"tb-schedule-data-stat-label\">\n              \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062a\u0648\u0642\u0639\n            <\/div>\n            <div class=\"tb-schedule-data-stat-value\">\n              9 \u0633\u0627\u0639\u0627\u062a\n            <\/div>\n            <div class=\"tb-schedule-data-stat-sub\">\n              \u0644\u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u0645\u0647\u0627\u0645\n            <\/div>\n          <\/div>\n\n          <div class=\"tb-schedule-data-stat\">\n            <div class=\"tb-schedule-data-stat-label\">\n              \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a\n            <\/div>\n            <div class=\"tb-schedule-data-stat-value\">\n              10 \u0633\u0627\u0639\u0627\u062a\n            <\/div>\n            <div class=\"tb-schedule-data-stat-sub\">\n              \u0628\u0639\u062f \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0639\u0645\u0644\n            <\/div>\n          <\/div>\n\n          <div class=\"tb-schedule-data-stat\">\n            <div class=\"tb-schedule-data-stat-label\">\n              \u0627\u0644\u0641\u0631\u0642\n            <\/div>\n            <div class=\"tb-schedule-data-stat-value accent\">\n              +1 \u0633\u0627\u0639\u0629\n            <\/div>\n            <div class=\"tb-schedule-data-stat-sub\">\n              \u0623\u0643\u062b\u0631 \u0645\u0646 \u0627\u0644\u062a\u0642\u062f\u064a\u0631\n            <\/div>\n          <\/div>\n\n        <\/div>\n\n        <!-- Chart -->\n        <div class=\"tb-schedule-data-chart\">\n\n          <div class=\"tb-schedule-data-chart-head\">\n            <div class=\"tb-schedule-data-chart-title\">\n              \u0627\u0644\u0648\u0642\u062a \u062d\u0633\u0628 \u0627\u0644\u0645\u0647\u0645\u0629\n            <\/div>\n            <div class=\"tb-schedule-data-chart-caption\">\n              \u0628\u0627\u0644\u0633\u0627\u0639\u0627\u062a\n            <\/div>\n          <\/div>\n\n          <!-- Legend -->\n          <div class=\"tb-schedule-data-legend\">\n\n            <div class=\"tb-schedule-data-legend-item\">\n              <span class=\"tb-schedule-data-legend-dot\"><\/span>\n              \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062a\u0648\u0642\u0639\n            <\/div>\n\n            <div class=\"tb-schedule-data-legend-item\">\n              <span class=\"tb-schedule-data-legend-dot actual\"><\/span>\n              \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a\n            <\/div>\n\n          <\/div>\n\n          <!-- Task 1 -->\n          <div class=\"tb-schedule-data-chart-row\">\n\n            <div class=\"tb-schedule-data-chart-row-head\">\n              <span class=\"tb-schedule-data-chart-task\">\n                \u0625\u0639\u062f\u0627\u062f \u062e\u0637\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n              <\/span>\n              <span class=\"tb-schedule-data-chart-difference over\">\n                +1:30 \u0633\u0627\u0639\u0629\n              <\/span>\n            <\/div>\n\n            <div class=\"tb-schedule-data-bar-line\">\n              <span class=\"tb-schedule-data-bar-label\">\u0627\u0644\u0645\u062a\u0648\u0642\u0639<\/span>\n              <div class=\"tb-schedule-data-bar-track\">\n                <span class=\"tb-schedule-data-bar-fill\"\n                      style=\"width:66.67%\"><\/span>\n              <\/div>\n              <span class=\"tb-schedule-data-bar-value\">4:00<\/span>\n            <\/div>\n\n            <div class=\"tb-schedule-data-bar-line\">\n              <span class=\"tb-schedule-data-bar-label\">\u0627\u0644\u0641\u0639\u0644\u064a<\/span>\n              <div class=\"tb-schedule-data-bar-track\">\n                <span class=\"tb-schedule-data-bar-fill actual\"\n                      style=\"width:91.67%\"><\/span>\n              <\/div>\n              <span class=\"tb-schedule-data-bar-value\">5:30<\/span>\n            <\/div>\n\n          <\/div>\n\n          <!-- Task 2 -->\n          <div class=\"tb-schedule-data-chart-row\">\n\n            <div class=\"tb-schedule-data-chart-row-head\">\n              <span class=\"tb-schedule-data-chart-task\">\n                \u0645\u0631\u0627\u062c\u0639\u0629 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n              <\/span>\n              <span class=\"tb-schedule-data-chart-difference\">\n                \u22120:30 \u0633\u0627\u0639\u0629\n              <\/span>\n            <\/div>\n\n            <div class=\"tb-schedule-data-bar-line\">\n              <span class=\"tb-schedule-data-bar-label\">\u0627\u0644\u0645\u062a\u0648\u0642\u0639<\/span>\n              <div class=\"tb-schedule-data-bar-track\">\n                <span class=\"tb-schedule-data-bar-fill\"\n                      style=\"width:50%\"><\/span>\n              <\/div>\n              <span class=\"tb-schedule-data-bar-value\">3:00<\/span>\n            <\/div>\n\n            <div class=\"tb-schedule-data-bar-line\">\n              <span class=\"tb-schedule-data-bar-label\">\u0627\u0644\u0641\u0639\u0644\u064a<\/span>\n              <div class=\"tb-schedule-data-bar-track\">\n                <span class=\"tb-schedule-data-bar-fill actual\"\n                      style=\"width:41.67%\"><\/span>\n              <\/div>\n              <span class=\"tb-schedule-data-bar-value\">2:30<\/span>\n            <\/div>\n\n          <\/div>\n\n          <!-- Task 3 -->\n          <div class=\"tb-schedule-data-chart-row\">\n\n            <div class=\"tb-schedule-data-chart-row-head\">\n              <span class=\"tb-schedule-data-chart-task\">\n                \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u062a\u0642\u0631\u064a\u0631\n              <\/span>\n              <span class=\"tb-schedule-data-chart-difference\">\n                \u062f\u0648\u0646 \u0641\u0631\u0642\n              <\/span>\n            <\/div>\n\n            <div class=\"tb-schedule-data-bar-line\">\n              <span class=\"tb-schedule-data-bar-label\">\u0627\u0644\u0645\u062a\u0648\u0642\u0639<\/span>\n              <div class=\"tb-schedule-data-bar-track\">\n                <span class=\"tb-schedule-data-bar-fill\"\n                      style=\"width:33.33%\"><\/span>\n              <\/div>\n              <span class=\"tb-schedule-data-bar-value\">2:00<\/span>\n            <\/div>\n\n            <div class=\"tb-schedule-data-bar-line\">\n              <span class=\"tb-schedule-data-bar-label\">\u0627\u0644\u0641\u0639\u0644\u064a<\/span>\n              <div class=\"tb-schedule-data-bar-track\">\n                <span class=\"tb-schedule-data-bar-fill actual\"\n                      style=\"width:33.33%\"><\/span>\n              <\/div>\n              <span class=\"tb-schedule-data-bar-value\">2:00<\/span>\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n        <!-- Insight -->\n        <div class=\"tb-schedule-data-insight\">\n\n          <div class=\"tb-schedule-data-insight-head\">\n\n            <span class=\"tb-schedule-data-insight-icon\"\n                  aria-hidden=\"true\">!<\/span>\n\n            <span class=\"tb-schedule-data-insight-title\">\n              \u0645\u0627 \u0627\u0644\u0630\u064a \u062a\u062e\u0628\u0631\u0643 \u0628\u0647 \u0627\u0644\u0623\u0631\u0642\u0627\u0645\u061f\n            <\/span>\n\n          <\/div>\n\n          <p>\n            \u0627\u0633\u062a\u063a\u0631\u0642 \u0625\u0639\u062f\u0627\u062f \u062e\u0637\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u062e\u0645\u0633 \u0633\u0627\u0639\u0627\u062a\n            \u0648\u0646\u0635\u0641 \u0628\u062f\u0644\u064b\u0627 \u0645\u0646 \u0623\u0631\u0628\u0639 \u0633\u0627\u0639\u0627\u062a.\n            \u0639\u0646\u062f \u062c\u062f\u0648\u0644\u0629 \u0645\u0647\u0645\u0629 \u0645\u0634\u0627\u0628\u0647\u0629 \u0645\u0633\u062a\u0642\u0628\u0644\u064b\u0627\u060c\n            \u064a\u0645\u0643\u0646\u0643 \u0645\u0631\u0627\u062c\u0639\u0629 \u0647\u0630\u0627 \u0627\u0644\u0641\u0631\u0642 \u0648\u062a\u062e\u0635\u064a\u0635\n            \u0648\u0642\u062a \u0623\u0643\u062b\u0631 \u0648\u0627\u0642\u0639\u064a\u0629 \u0644\u0647\u0627.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- Bottom Note -->\n    <div class=\"tb-schedule-data-note\">\n\n      <div class=\"tb-schedule-data-note-icon\"\n           aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\">\n          <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n          <path d=\"M12 7v5l3 2\"\/>\n          <path d=\"M7 19l-2 2\"\/>\n        <\/svg>\n      <\/div>\n\n      <div>\n\n        <h3>\n          \u0627\u062c\u0645\u0639 \u0628\u064a\u0646 \u062c\u062f\u0648\u0644\u0629 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u062a\u062a\u0628\u0639 \u0627\u0644\u0648\u0642\u062a\n        <\/h3>\n\n        <p>\n          \u062a\u0633\u0627\u0639\u062f\u0643 \u062c\u062f\u0648\u0644\u0629 \u0627\u0644\u0645\u0647\u0627\u0645 \u0639\u0644\u0649 \u062a\u062d\u062f\u064a\u062f \u0645\u062a\u0649 \u0633\u062a\u0639\u0645\u0644\u060c\n          \u0628\u064a\u0646\u0645\u0627 \u064a\u0648\u0636\u062d \u0644\u0643 \u062a\u062a\u0628\u0639 \u0627\u0644\u0648\u0642\u062a \u0645\u0642\u062f\u0627\u0631 \u0627\u0644\u062c\u0647\u062f\n          \u0627\u0644\u0630\u064a \u0627\u0633\u062a\u063a\u0631\u0642\u0647 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0641\u0639\u0644\u064a\u064b\u0627.\n          \u0648\u0645\u0639\u064b\u0627 \u064a\u0645\u0646\u062d\u0627\u0646\u0643 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0623\u0641\u0636\u0644 \u0644\u0644\u062a\u062e\u0637\u064a\u0637\n          \u0641\u064a \u0627\u0644\u0645\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u062f\u0645\u0629.\n        <\/p>\n\n      <\/div>\n\n      <a\n        class=\"tb-schedule-data-note-link\"\n        href=\"https:\/\/taskbrowse.com\/ar\/tatabbu-al-waqt-bisuhoola\/\">\n        \u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u062a\u062a\u0628\u0639 \u0627\u0644\u0648\u0642\u062a\n        <span aria-hidden=\"true\"> \u2190<\/span>\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n\/* ============================================\n   TaskBrowse \u2014 AI-Assisted Task Scheduling\n   Section 06 \u2014 Before Final CTA\n   ============================================ *\/\n\n.tb-schedule-ai {\n  --tb-red: #d50032;\n  --tb-red-soft: #fff3f6;\n  --tb-text: #17191d;\n  --tb-muted: #686a72;\n  --tb-border: #e5e6e8;\n  --tb-dark: #202124;\n  --tb-dark-card: #292a2e;\n\n  direction: rtl;\n  width: 100%;\n  padding: 105px 24px;\n  background: #f8f8f9;\n  color: var(--tb-text);\n  font-family: \"IBM Plex Sans Arabic\", Arial, sans-serif;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n\n.tb-schedule-ai *,\n.tb-schedule-ai *::before,\n.tb-schedule-ai *::after {\n  box-sizing: border-box;\n}\n\n.tb-schedule-ai-inner {\n  max-width: 1500px;\n  margin: 0 auto;\n}\n\n\/* ===== Main Grid ===== *\/\n\n.tb-schedule-ai-grid {\n  display: grid;\n  grid-template-columns:\n    minmax(0, .9fr)\n    minmax(0, 1.1fr);\n  gap: 80px;\n  align-items: center;\n}\n\n\/* ===== Content ===== *\/\n\n.tb-schedule-ai-content {\n  max-width: 650px;\n  margin-right: auto;\n}\n\n.tb-schedule-ai-eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n  margin-bottom: 25px;\n  color: var(--tb-red);\n  font-size: 16px;\n  font-weight: 700;\n}\n\n.tb-schedule-ai-eyebrow::before {\n  content: \"\";\n  width: 30px;\n  height: 2px;\n  flex: 0 0 30px;\n  background: var(--tb-red);\n}\n\n.tb-schedule-ai h2 {\n  margin: 0 0 27px;\n  color: var(--tb-text);\n  font-size: clamp(41px, 4.2vw, 64px);\n  font-weight: 800;\n  line-height: 1.3;\n  letter-spacing: -1px;\n}\n\n.tb-schedule-ai-lead {\n  margin: 0 0 35px;\n  color: var(--tb-muted);\n  font-size: 19px;\n  line-height: 2.05;\n}\n\n\/* ===== Feature List ===== *\/\n\n.tb-schedule-ai-features {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n\n.tb-schedule-ai-feature {\n  display: grid;\n  grid-template-columns: 40px minmax(0,1fr);\n  gap: 15px;\n  align-items: start;\n}\n\n.tb-schedule-ai-feature-icon {\n  width: 37px;\n  height: 37px;\n  border-radius: 11px;\n  background: #fff;\n  border: 1px solid #edcbd4;\n  color: var(--tb-red);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.tb-schedule-ai-feature-icon svg {\n  width: 21px;\n  height: 21px;\n  stroke: currentColor;\n  fill: none;\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.tb-schedule-ai-feature h3 {\n  margin: 0 0 7px;\n  font-size: 19px;\n  font-weight: 800;\n  color: var(--tb-text);\n}\n\n.tb-schedule-ai-feature p {\n  margin: 0;\n  font-size: 15px;\n  line-height: 1.95;\n  color: var(--tb-muted);\n}\n\n\/* ===== Text Link ===== *\/\n\n.tb-schedule-ai-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  margin-top: 35px;\n  padding: 13px 19px;\n  min-height: 48px;\n  border-radius: 11px;\n  border: 1px solid #e7bec9;\n  background: #fff;\n  color: #bd002d !important;\n  text-decoration: none !important;\n  font-size: 14px;\n  font-weight: 800;\n  line-height: 1.6;\n  transition:\n    background .2s ease,\n    border-color .2s ease;\n}\n\n.tb-schedule-ai-link:hover {\n  background: var(--tb-red-soft);\n  border-color: #dca3b2;\n}\n\n.tb-schedule-ai-link:focus-visible {\n  outline: 3px solid var(--tb-red);\n  outline-offset: 4px;\n}\n\n\/* ===== AI Dashboard ===== *\/\n\n.tb-schedule-ai-dashboard {\n  min-width: 0;\n  border-radius: 28px;\n  padding: 29px;\n  background: var(--tb-dark);\n  color: #fff;\n  box-shadow: 0 28px 75px rgba(0,0,0,.11);\n}\n\n.tb-schedule-ai-dashboard-head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 15px;\n  margin-bottom: 24px;\n}\n\n.tb-schedule-ai-dashboard-brand {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.tb-schedule-ai-symbol {\n  width: 43px;\n  height: 43px;\n  border-radius: 13px;\n  background: #492b35;\n  border: 1px solid #714251;\n  color: #ff9cb2;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.tb-schedule-ai-symbol svg {\n  width: 25px;\n  height: 25px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.tb-schedule-ai-dashboard-title {\n  font-size: 18px;\n  font-weight: 800;\n  color: #fff;\n}\n\n.tb-schedule-ai-dashboard-sub {\n  margin-top: 4px;\n  font-size: 12px;\n  color: #aeb0b5;\n}\n\n.tb-schedule-ai-example-label {\n  padding: 8px 12px;\n  border: 1px solid #494a50;\n  border-radius: 9px;\n  color: #b9bac0;\n  font-size: 11px;\n  white-space: nowrap;\n}\n\n\/* ===== Task Information ===== *\/\n\n.tb-schedule-ai-task {\n  background: var(--tb-dark-card);\n  border: 1px solid #414248;\n  border-radius: 17px;\n  padding: 22px;\n  margin-bottom: 16px;\n}\n\n.tb-schedule-ai-task-label {\n  font-size: 12px;\n  color: #a8a9af;\n  margin-bottom: 10px;\n}\n\n.tb-schedule-ai-task-name {\n  font-size: 19px;\n  font-weight: 800;\n  color: #fff;\n  margin-bottom: 15px;\n}\n\n.tb-schedule-ai-task-meta {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 9px;\n}\n\n.tb-schedule-ai-task-tag {\n  display: inline-flex;\n  align-items: center;\n  padding: 7px 11px;\n  border: 1px solid #4b4c52;\n  border-radius: 8px;\n  font-size: 11px;\n  color: #ced0d4;\n}\n\n\/* ===== AI Suggestion ===== *\/\n\n.tb-schedule-ai-suggestion {\n  background: linear-gradient(145deg,#3b2730,#2c292d);\n  border: 1px solid #734455;\n  border-radius: 18px;\n  padding: 24px;\n  margin-bottom: 16px;\n}\n\n.tb-schedule-ai-suggestion-head {\n  display: flex;\n  align-items: center;\n  gap: 9px;\n  margin-bottom: 18px;\n  color: #ff9cb2;\n  font-size: 13px;\n  font-weight: 800;\n}\n\n.tb-schedule-ai-suggestion-dot {\n  width: 9px;\n  height: 9px;\n  background: var(--tb-red);\n  border-radius: 50%;\n}\n\n.tb-schedule-ai-estimates {\n  display: grid;\n  grid-template-columns: repeat(2,minmax(0,1fr));\n  gap: 12px;\n}\n\n.tb-schedule-ai-estimate {\n  padding: 17px;\n  background: rgba(0,0,0,.14);\n  border: 1px solid rgba(255,255,255,.09);\n  border-radius: 12px;\n}\n\n.tb-schedule-ai-estimate.highlight {\n  border-color: #995269;\n  background: rgba(213,0,50,.12);\n}\n\n.tb-schedule-ai-estimate-label {\n  font-size: 11px;\n  color: #c1b9bd;\n  margin-bottom: 9px;\n}\n\n.tb-schedule-ai-estimate-value {\n  font-size: 27px;\n  line-height: 1.3;\n  font-weight: 800;\n  color: #fff;\n}\n\n.tb-schedule-ai-estimate.highlight\n.tb-schedule-ai-estimate-value {\n  color: #ffa4b8;\n}\n\n.tb-schedule-ai-estimate-note {\n  margin-top: 7px;\n  font-size: 11px;\n  color: #aaa6a9;\n}\n\n.tb-schedule-ai-suggestion-text {\n  margin: 19px 0 0;\n  padding-top: 16px;\n  border-top: 1px solid rgba(255,255,255,.12);\n  font-size: 13px;\n  line-height: 1.95;\n  color: #d7cdd2;\n}\n\n\/* ===== Human Review ===== *\/\n\n.tb-schedule-ai-review {\n  padding: 18px 21px;\n  border: 1px solid #414248;\n  border-radius: 14px;\n  background: #292a2e;\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.tb-schedule-ai-review-icon {\n  flex: 0 0 28px;\n  width: 28px;\n  height: 28px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #fff;\n  border-radius: 50%;\n  background: #38634d;\n  font-weight: 800;\n  font-size: 14px;\n}\n\n.tb-schedule-ai-review-title {\n  color: #fff;\n  font-size: 13px;\n  font-weight: 800;\n  margin-bottom: 5px;\n}\n\n.tb-schedule-ai-review-text {\n  color: #bcbec2;\n  font-size: 12px;\n  line-height: 1.85;\n}\n\n\/* ===== Rayla Panel ===== *\/\n\n.tb-schedule-ai-rayla {\n  margin-top: 18px;\n  padding: 23px;\n  border: 1px solid #e2e3e6;\n  border-radius: 18px;\n  background: #fff;\n}\n\n.tb-schedule-ai-rayla-head {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 12px;\n}\n\n.tb-schedule-ai-rayla-icon {\n  width: 41px;\n  height: 41px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 12px;\n  background: var(--tb-red-soft);\n  color: var(--tb-red);\n  font-size: 14px;\n  font-weight: 800;\n  flex: 0 0 41px;\n}\n\n.tb-schedule-ai-rayla-title {\n  color: var(--tb-text);\n  font-size: 16px;\n  font-weight: 800;\n}\n\n.tb-schedule-ai-rayla-sub {\n  margin-top: 4px;\n  color: #91939a;\n  font-size: 11px;\n}\n\n.tb-schedule-ai-rayla-question {\n  padding: 13px 15px;\n  border: 1px solid #eaebed;\n  border-radius: 11px;\n  background: #f8f8f9;\n  color: #37393f;\n  font-size: 13px;\n  font-weight: 700;\n  line-height: 1.8;\n}\n\n.tb-schedule-ai-rayla-answer {\n  margin: 13px 0 0;\n  padding-right: 13px;\n  border-right: 3px solid var(--tb-red);\n  color: #666970;\n  font-size: 13px;\n  line-height: 1.95;\n}\n\n\/* ===== Bottom Statement ===== *\/\n\n.tb-schedule-ai-note {\n  margin-top: 60px;\n  display: grid;\n  grid-template-columns: auto minmax(0,1fr);\n  gap: 20px;\n  align-items: center;\n  padding: 28px 33px;\n  border: 1px solid var(--tb-border);\n  border-radius: 20px;\n  background: #fff;\n}\n\n.tb-schedule-ai-note-icon {\n  width: 48px;\n  height: 48px;\n  border-radius: 14px;\n  background: var(--tb-red-soft);\n  color: var(--tb-red);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.tb-schedule-ai-note-icon svg {\n  width: 26px;\n  height: 26px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.tb-schedule-ai-note h3 {\n  margin: 0 0 7px;\n  font-size: 19px;\n  font-weight: 800;\n  color: var(--tb-text);\n}\n\n.tb-schedule-ai-note p {\n  margin: 0;\n  color: var(--tb-muted);\n  font-size: 14px;\n  line-height: 1.9;\n}\n\n\/* ===== Responsive ===== *\/\n\n@media (max-width: 1150px) {\n  .tb-schedule-ai {\n    padding: 80px 22px;\n  }\n\n  .tb-schedule-ai-grid {\n    grid-template-columns: 1fr;\n    gap: 50px;\n  }\n\n  .tb-schedule-ai-content {\n    width: 100%;\n    max-width: 850px;\n    margin: 0 auto;\n  }\n\n  .tb-schedule-ai-dashboard {\n    width: 100%;\n    max-width: 850px;\n    margin: 0 auto;\n  }\n}\n\n@media (max-width: 760px) {\n  .tb-schedule-ai {\n    padding: 60px 18px;\n  }\n\n  .tb-schedule-ai h2 {\n    font-size: 38px;\n    line-height: 1.35;\n  }\n\n  .tb-schedule-ai-lead {\n    font-size: 17px;\n    line-height: 2;\n  }\n\n  .tb-schedule-ai-dashboard {\n    padding: 18px;\n    border-radius: 20px;\n  }\n\n  .tb-schedule-ai-task,\n  .tb-schedule-ai-suggestion {\n    padding: 18px;\n  }\n\n  .tb-schedule-ai-note {\n    padding: 23px;\n  }\n\n  .tb-schedule-ai-feature h3 {\n    font-size: 18px;\n  }\n}\n\n@media (max-width: 420px) {\n  .tb-schedule-ai h2 {\n    font-size: 33px;\n  }\n\n  .tb-schedule-ai-dashboard-head {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .tb-schedule-ai-estimates {\n    grid-template-columns: 1fr;\n  }\n\n  .tb-schedule-ai-estimate-value {\n    font-size: 24px;\n  }\n\n  .tb-schedule-ai-note {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .tb-schedule-ai-link {\n    transition: none;\n  }\n}\n<\/style>\n\n<section\n  class=\"tb-schedule-ai\"\n  id=\"ai-task-scheduling\"\n  dir=\"rtl\"\n  lang=\"ar\"\n  aria-labelledby=\"tb-schedule-ai-title\">\n\n  <div class=\"tb-schedule-ai-inner\">\n\n    <!-- Main Layout -->\n    <div class=\"tb-schedule-ai-grid\">\n\n      <!-- Content -->\n      <div class=\"tb-schedule-ai-content\">\n\n        <div class=\"tb-schedule-ai-eyebrow\">\n          \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0641\u064a \u0627\u0644\u062a\u062e\u0637\u064a\u0637\n        <\/div>\n\n        <h2 id=\"tb-schedule-ai-title\">\n          \u062c\u062f\u0648\u0644\u0629 \u0627\u0644\u0645\u0647\u0627\u0645 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a:\n          \u062a\u0642\u062f\u064a\u0631\u0627\u062a \u0623\u062f\u0642 \u0648\u062e\u0637\u0637 \u0623\u0643\u062b\u0631 \u0648\u0627\u0642\u0639\u064a\u0629\n        <\/h2>\n\n        <p class=\"tb-schedule-ai-lead\">\n          \u0643\u0645 \u0645\u0646 \u0627\u0644\u0648\u0642\u062a \u062a\u062d\u062a\u0627\u062c \u0627\u0644\u0645\u0647\u0645\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\u0629\u061f\n          \u0628\u062f\u0644 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0639\u0644\u0649 \u0627\u0644\u062a\u062e\u0645\u064a\u0646 \u0648\u062d\u062f\u0647\u060c\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 \u062a\u0642\u062f\u064a\u0631 \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644 \u0627\u0639\u062a\u0645\u0627\u062f\u064b\u0627 \u0639\u0644\u0649\n          \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0634\u0627\u0628\u0647\u0629 \u0648\u0633\u062c\u0644\u0627\u062a\n          \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0633\u0627\u0628\u0642\u0629\u060c \u0644\u062a\u062a\u0645\u0643\u0646 \u0645\u0646 \u0625\u0639\u062f\u0627\u062f\n          \u062e\u0637\u0637 \u0623\u0643\u062b\u0631 \u0648\u0627\u0642\u0639\u064a\u0629 \u0648\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0648\u0642\u062a\n          \u0628\u0635\u0648\u0631\u0629 \u0623\u0641\u0636\u0644.\n        <\/p>\n\n        <!-- Features -->\n        <div class=\"tb-schedule-ai-features\">\n\n          <!-- Feature 1 -->\n          <div class=\"tb-schedule-ai-feature\">\n\n            <div class=\"tb-schedule-ai-feature-icon\"\n                 aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M12 3v3M12 18v3M3 12h3M18 12h3\"\/>\n                <path d=\"m5.6 5.6 2.1 2.1M16.3 16.3l2.1 2.1\"\/>\n                <path d=\"m18.4 5.6-2.1 2.1M7.7 16.3l-2.1 2.1\"\/>\n                <circle cx=\"12\" cy=\"12\" r=\"4\"\/>\n              <\/svg>\n            <\/div>\n\n            <div>\n              <h3>\n                \u062a\u0642\u062f\u064a\u0631 \u0630\u0643\u064a \u0644\u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644\n              <\/h3>\n\n              <p>\n                \u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0627\u0642\u062a\u0631\u0627\u062d \u0644\u0644\u0648\u0642\u062a \u0627\u0644\u062a\u0642\u062f\u064a\u0631\u064a\n                \u0627\u0644\u0630\u064a \u062a\u062d\u062a\u0627\u062c\u0647 \u0627\u0644\u0645\u0647\u0645\u0629\u060c \u0628\u0627\u0644\u0627\u0633\u062a\u0641\u0627\u062f\u0629\n                \u0645\u0646 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0633\u0627\u0628\u0642\u0629\n                \u0648\u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0645\u062a\u0627\u062d\u0629.\n              <\/p>\n            <\/div>\n\n          <\/div>\n\n          <!-- Feature 2 -->\n          <div class=\"tb-schedule-ai-feature\">\n\n            <div class=\"tb-schedule-ai-feature-icon\"\n                 aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M4 19h16\"\/>\n                <path d=\"M6 15l4-5 4 3 5-8\"\/>\n                <path d=\"M16 5h3v3\"\/>\n              <\/svg>\n            <\/div>\n\n            <div>\n              <h3>\n                \u0627\u0633\u062a\u0641\u062f \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629\n              <\/h3>\n\n              <p>\n                \u0627\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u062a\u0642\u062f\u064a\u0631\u0627\u062a \u0627\u0644\u0645\u0642\u062a\u0631\u062d\u0629\n                \u0648\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a \u0644\u062a\u062d\u062f\u064a\u062f\n                \u0639\u0628\u0621 \u0639\u0645\u0644 \u0623\u0643\u062b\u0631 \u0648\u0627\u0642\u0639\u064a\u0629\u060c \u0648\u062a\u0642\u0644\u064a\u0644\n                \u0627\u0644\u0641\u062c\u0648\u0629 \u0628\u064a\u0646 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630.\n              <\/p>\n            <\/div>\n\n          <\/div>\n\n          <!-- Feature 3 -->\n          <div class=\"tb-schedule-ai-feature\">\n\n            <div class=\"tb-schedule-ai-feature-icon\"\n                 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 12 3 3 5-6\"\/>\n              <\/svg>\n            <\/div>\n\n            <div>\n              <h3>\n                \u0627\u0644\u0642\u0631\u0627\u0631 \u0627\u0644\u0646\u0647\u0627\u0626\u064a \u0628\u064a\u0646 \u064a\u062f\u064a\u0643\n              <\/h3>\n\n              <p>\n                \u0631\u0627\u062c\u0639 \u0627\u0642\u062a\u0631\u0627\u062d \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\n                \u0648\u0639\u062f\u0651\u0644\u0647 \u0639\u0646\u062f \u0627\u0644\u062d\u0627\u062c\u0629\u060c \u062b\u0645 \u0627\u0633\u062a\u062e\u062f\u0645\n                \u0627\u0644\u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0639\u0646\u062f \u0627\u0644\u062a\u062e\u0637\u064a\u0637\n                \u0644\u0644\u0645\u0647\u0627\u0645 \u0648\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0639\u0645\u0644.\n              <\/p>\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n        <!-- Internal Link -->\n        <a\n          class=\"tb-schedule-ai-link\"\n          href=\"https:\/\/taskbrowse.com\/ar\/taqdir-al-maham-bidhaka-al-istinaai\/\">\n\n          \u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0645\u0647\u0627\u0645 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\n\n          <span aria-hidden=\"true\">\u2190<\/span>\n\n        <\/a>\n\n      <\/div>\n\n      <!-- AI Dashboard -->\n      <div\n        class=\"tb-schedule-ai-dashboard\"\n        aria-label=\"\u0645\u062b\u0627\u0644 \u062a\u0648\u0636\u064a\u062d\u064a \u0644\u0627\u0642\u062a\u0631\u0627\u062d \u062a\u0642\u062f\u064a\u0631 \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\">\n\n        <!-- Dashboard Header -->\n        <div class=\"tb-schedule-ai-dashboard-head\">\n\n          <div class=\"tb-schedule-ai-dashboard-brand\">\n\n            <div class=\"tb-schedule-ai-symbol\"\n                 aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"m12 2 2.1 7.9L22 12l-7.9 2.1L12 22l-2.1-7.9L2 12l7.9-2.1L12 2Z\"\/>\n              <\/svg>\n            <\/div>\n\n            <div>\n              <div class=\"tb-schedule-ai-dashboard-title\">\n                \u062a\u0642\u062f\u064a\u0631 \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644\n              <\/div>\n              <div class=\"tb-schedule-ai-dashboard-sub\">\n                \u0628\u0645\u0633\u0627\u0639\u062f\u0629 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\n              <\/div>\n            <\/div>\n\n          <\/div>\n\n          <div class=\"tb-schedule-ai-example-label\">\n            \u0645\u062b\u0627\u0644 \u062a\u0648\u0636\u064a\u062d\u064a\n          <\/div>\n\n        <\/div>\n\n        <!-- Task -->\n        <div class=\"tb-schedule-ai-task\">\n\n          <div class=\"tb-schedule-ai-task-label\">\n            \u0627\u0644\u0645\u0647\u0645\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\u0629\n          <\/div>\n\n          <div class=\"tb-schedule-ai-task-name\">\n            \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0646\u0647\u0627\u0626\u064a \u0644\u0644\u0645\u0648\u0642\u0639\n          <\/div>\n\n          <div class=\"tb-schedule-ai-task-meta\">\n            <span class=\"tb-schedule-ai-task-tag\">\n              \u0645\u0634\u0631\u0648\u0639 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0648\u0642\u0639\n            <\/span>\n            <span class=\"tb-schedule-ai-task-tag\">\n              \u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\n            <\/span>\n          <\/div>\n\n        <\/div>\n\n        <!-- AI Estimate -->\n        <div class=\"tb-schedule-ai-suggestion\">\n\n          <div class=\"tb-schedule-ai-suggestion-head\">\n            <span class=\"tb-schedule-ai-suggestion-dot\"><\/span>\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=\"tb-schedule-ai-estimates\">\n\n            <div class=\"tb-schedule-ai-estimate\">\n\n              <div class=\"tb-schedule-ai-estimate-label\">\n                \u0627\u0644\u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0623\u0648\u0644\u064a\n              <\/div>\n\n              <div class=\"tb-schedule-ai-estimate-value\">\n                8 \u0633\u0627\u0639\u0627\u062a\n              <\/div>\n\n              <div class=\"tb-schedule-ai-estimate-note\">\n                \u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\n              <\/div>\n\n            <\/div>\n\n            <div class=\"tb-schedule-ai-estimate highlight\">\n\n              <div class=\"tb-schedule-ai-estimate-label\">\n                \u0627\u0644\u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0645\u0642\u062a\u0631\u062d\n              <\/div>\n\n              <div class=\"tb-schedule-ai-estimate-value\">\n                11 \u0633\u0627\u0639\u0629\n              <\/div>\n\n              <div class=\"tb-schedule-ai-estimate-note\">\n                \u0628\u0645\u0633\u0627\u0639\u062f\u0629 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n          <p class=\"tb-schedule-ai-suggestion-text\">\n            \u064a\u0634\u064a\u0631 \u0647\u0630\u0627 \u0627\u0644\u0645\u062b\u0627\u0644 \u0625\u0644\u0649 \u0623\u0646 \u0645\u0647\u0627\u0645 \u0627\u0644\u062a\u0635\u0645\u064a\u0645\n            \u0627\u0644\u0645\u0634\u0627\u0628\u0647\u0629 \u0642\u062f \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0648\u0642\u062a \u0623\u0637\u0648\u0644\n            \u0645\u0646 \u0627\u0644\u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0623\u0648\u0644\u064a\u060c \u0645\u0645\u0627 \u064a\u0633\u0627\u0639\u062f\n            \u0639\u0644\u0649 \u0645\u0631\u0627\u062c\u0639\u0629 \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644 \u0642\u0628\u0644 \u0627\u0644\u062a\u062e\u0637\u064a\u0637.\n          <\/p>\n\n        <\/div>\n\n        <!-- Human Control -->\n        <div class=\"tb-schedule-ai-review\">\n\n          <span class=\"tb-schedule-ai-review-icon\"\n                aria-hidden=\"true\">\u2713<\/span>\n\n          <div>\n            <div class=\"tb-schedule-ai-review-title\">\n              \u0627\u0642\u062a\u0631\u0627\u062d \u0642\u0627\u0628\u0644 \u0644\u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0648\u0627\u0644\u062a\u0639\u062f\u064a\u0644\n            <\/div>\n            <div class=\"tb-schedule-ai-review-text\">\n              \u064a\u0645\u0643\u0646\u0643 \u0642\u0628\u0648\u0644 \u0627\u0644\u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0645\u0642\u062a\u0631\u062d \u0623\u0648 \u062a\u0639\u062f\u064a\u0644\u0647\n              \u0648\u0641\u0642 \u0645\u0639\u0631\u0641\u062a\u0643 \u0628\u0637\u0628\u064a\u0639\u0629 \u0627\u0644\u0645\u0647\u0645\u0629 \u0648\u0638\u0631\u0648\u0641 \u0627\u0644\u0639\u0645\u0644.\n            <\/div>\n          <\/div>\n\n        <\/div>\n\n        <!-- Rayla -->\n        <div class=\"tb-schedule-ai-rayla\">\n\n          <div class=\"tb-schedule-ai-rayla-head\">\n\n            <div class=\"tb-schedule-ai-rayla-icon\"\n                 aria-hidden=\"true\">\n              AI\n            <\/div>\n\n            <div>\n              <div class=\"tb-schedule-ai-rayla-title\">\n                \u0631\u0627\u064a\u0644\u0627 \u00b7 \u0645\u0633\u0627\u0639\u062f\u0643 \u0627\u0644\u0630\u0643\u064a\n              <\/div>\n              <div class=\"tb-schedule-ai-rayla-sub\">\n                \u062a\u062d\u0644\u064a\u0644 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u0641\u0631\u064a\u0642\n              <\/div>\n            <\/div>\n\n          <\/div>\n\n          <div class=\"tb-schedule-ai-rayla-question\">\n            \u0647\u0644 \u0647\u0646\u0627\u0643 \u0623\u0639\u0636\u0627\u0621 \u0641\u064a \u0627\u0644\u0641\u0631\u064a\u0642 \u0644\u062f\u064a\u0647\u0645 \u0639\u0628\u0621 \u0639\u0645\u0644 \u0645\u0631\u062a\u0641\u0639\u061f\n          <\/div>\n\n          <p class=\"tb-schedule-ai-rayla-answer\">\n            \u062a\u0633\u0627\u0639\u062f\u0643 \u0631\u0627\u064a\u0644\u0627 \u0639\u0644\u0649 \u062a\u062d\u0644\u064a\u0644 \u0645\u0639\u0644\u0648\u0645\u0627\u062a\n            \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644\u060c \u0648\u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u0644\u062a\u0641\u0627\u0648\u062a\n            \u0641\u064a \u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0628\u064a\u0646 \u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u0641\u0631\u064a\u0642\u060c\n            \u0644\u062a\u062a\u0645\u0643\u0646 \u0645\u0646 \u0645\u0631\u0627\u062c\u0639\u0629 \u062e\u0637\u0637\u0643 \u0648\u0627\u062a\u062e\u0627\u0630\n            \u0642\u0631\u0627\u0631\u0627\u062a \u0623\u0641\u0636\u0644 \u0628\u0634\u0623\u0646 \u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0645\u0647\u0627\u0645.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- Bottom Statement -->\n    <div class=\"tb-schedule-ai-note\">\n\n      <div class=\"tb-schedule-ai-note-icon\"\n           aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\">\n          <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"\/>\n          <path d=\"M7 3v4M17 3v4M3 10h18\"\/>\n          <path d=\"m9 16 2 2 4-4\"\/>\n        <\/svg>\n      <\/div>\n\n      <div>\n        <h3>\n          \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u064a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u0627\u0644\u062a\u062e\u0637\u064a\u0637\u060c \u0648\u0644\u0627 \u064a\u0633\u062a\u0628\u062f\u0644 \u0642\u0631\u0627\u0631\u0627\u062a\u0643\n        <\/h3>\n\n        <p>\n          \u0627\u0633\u062a\u0641\u062f \u0645\u0646 \u0627\u0644\u062a\u0642\u062f\u064a\u0631\u0627\u062a \u0627\u0644\u0630\u0643\u064a\u0629 \u0648\u062a\u062d\u0644\u064a\u0644 \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644\n          \u0644\u062a\u062d\u0633\u064a\u0646 \u062c\u062f\u0648\u0644\u0629 \u0627\u0644\u0645\u0647\u0627\u0645\u060c \u0645\u0639 \u0627\u0644\u0627\u062d\u062a\u0641\u0627\u0638 \u0628\u0627\u0644\u062a\u062d\u0643\u0645\n          \u0641\u064a \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0623\u0648\u0644\u0648\u064a\u0627\u062a \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f\n          \u0648\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a.\n        <\/p>\n      <\/div>\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 \u2014 Final Scheduling CTA\n   Section 06\n   ============================================ *\/\n\n.tb-schedule-cta {\n  --tb-red: #d50032;\n  --tb-red-hover: #b8002b;\n  --tb-dark: #202124;\n  --tb-muted: #c8c9cd;\n\n  direction: rtl;\n  width: 100%;\n  padding: 110px 24px;\n  background: #f8f8f9;\n  box-sizing: border-box;\n  font-family: \"IBM Plex Sans Arabic\", Arial, sans-serif;\n  overflow: hidden;\n}\n\n.tb-schedule-cta *,\n.tb-schedule-cta *::before,\n.tb-schedule-cta *::after {\n  box-sizing: border-box;\n}\n\n.tb-schedule-cta-inner {\n  position: relative;\n  max-width: 1500px;\n  margin: 0 auto;\n  background: var(--tb-dark);\n  color: #fff;\n  border-radius: 30px;\n  padding: 85px 80px;\n  overflow: hidden;\n  isolation: isolate;\n}\n\n\/* ===== Decorative Elements ===== *\/\n\n.tb-schedule-cta-inner::before {\n  content: \"\";\n  position: absolute;\n  left: -120px;\n  top: -180px;\n  width: 470px;\n  height: 470px;\n  border: 1px solid rgba(213,0,50,.25);\n  border-radius: 50%;\n  pointer-events: none;\n  z-index: -1;\n}\n\n.tb-schedule-cta-inner::after {\n  content: \"\";\n  position: absolute;\n  left: -20px;\n  top: -80px;\n  width: 290px;\n  height: 290px;\n  border: 1px solid rgba(213,0,50,.2);\n  border-radius: 50%;\n  pointer-events: none;\n  z-index: -1;\n}\n\n\/* ===== Layout ===== *\/\n\n.tb-schedule-cta-grid {\n  display: grid;\n  grid-template-columns:\n    minmax(0, 1.15fr)\n    minmax(0, .85fr);\n  gap: 85px;\n  align-items: center;\n}\n\n\/* ===== Content ===== *\/\n\n.tb-schedule-cta-content {\n  max-width: 760px;\n}\n\n.tb-schedule-cta-eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n  margin-bottom: 27px;\n  color: #ff8da6;\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 1.7;\n}\n\n.tb-schedule-cta-eyebrow::before {\n  content: \"\";\n  flex: 0 0 30px;\n  height: 2px;\n  background: var(--tb-red);\n}\n\n.tb-schedule-cta h2 {\n  margin: 0 0 27px;\n  font-size: clamp(43px, 4.3vw, 66px);\n  font-weight: 800;\n  line-height: 1.3;\n  letter-spacing: -1px;\n  color: #fff;\n}\n\n.tb-schedule-cta h2 span {\n  color: #ff8da6;\n}\n\n.tb-schedule-cta-lead {\n  margin: 0 0 33px;\n  color: var(--tb-muted);\n  font-size: 19px;\n  line-height: 2.05;\n  max-width: 680px;\n}\n\n\/* ===== Benefits ===== *\/\n\n.tb-schedule-cta-benefits {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.tb-schedule-cta-benefit {\n  display: grid;\n  grid-template-columns: 30px minmax(0,1fr);\n  gap: 13px;\n  align-items: center;\n}\n\n.tb-schedule-cta-check {\n  width: 28px;\n  height: 28px;\n  border-radius: 50%;\n  background: rgba(213,0,50,.18);\n  color: #ff95ac;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.tb-schedule-cta-check svg {\n  width: 17px;\n  height: 17px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 2.2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.tb-schedule-cta-benefit p {\n  margin: 0;\n  font-size: 16px;\n  color: #e1e1e4;\n  line-height: 1.8;\n}\n\n\/* ===== Action Panel ===== *\/\n\n.tb-schedule-cta-panel {\n  position: relative;\n  padding: 40px 34px;\n  border: 1px solid #48494f;\n  border-top: 3px solid var(--tb-red);\n  border-radius: 22px;\n  background: #292a2e;\n  box-shadow: 0 20px 55px rgba(0,0,0,.12);\n}\n\n.tb-schedule-cta-panel-icon {\n  width: 55px;\n  height: 55px;\n  border-radius: 16px;\n  background: rgba(213,0,50,.17);\n  color: #ff93aa;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 25px;\n}\n\n.tb-schedule-cta-panel-icon svg {\n  width: 28px;\n  height: 28px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.tb-schedule-cta-panel h3 {\n  margin: 0 0 13px;\n  font-size: 26px;\n  font-weight: 800;\n  color: #fff;\n  line-height: 1.5;\n}\n\n.tb-schedule-cta-panel-text {\n  margin: 0 0 27px;\n  font-size: 16px;\n  line-height: 2;\n  color: #c8c9cd;\n}\n\n.tb-schedule-cta-trial {\n  display: flex;\n  align-items: center;\n  gap: 11px;\n  margin-bottom: 23px;\n  padding: 15px 17px;\n  border-radius: 12px;\n  background: #353036;\n  border: 1px solid #65404b;\n}\n\n.tb-schedule-cta-trial-icon {\n  display: flex;\n  color: #ff93aa;\n  flex-shrink: 0;\n}\n\n.tb-schedule-cta-trial-icon svg {\n  width: 21px;\n  height: 21px;\n  stroke: currentColor;\n  stroke-width: 1.9;\n  fill: none;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.tb-schedule-cta-trial span {\n  color: #fff;\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 1.8;\n}\n\n\/* ===== CTA Button ===== *\/\n\n.tb-schedule-cta-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  width: 100%;\n  min-height: 62px;\n  padding: 16px 23px;\n  border-radius: 12px;\n  border: 1px solid var(--tb-red);\n  background: var(--tb-red);\n  color: #fff !important;\n  text-decoration: none !important;\n  font-size: 18px;\n  font-weight: 800;\n  text-align: center;\n  line-height: 1.5;\n  transition:\n    transform .2s ease,\n    background .2s ease,\n    border-color .2s ease;\n}\n\n.tb-schedule-cta-btn:hover {\n  background: var(--tb-red-hover);\n  border-color: var(--tb-red-hover);\n  transform: translateY(-2px);\n  color: #fff !important;\n}\n\n.tb-schedule-cta-btn:focus-visible {\n  outline: 3px solid #ff9aae;\n  outline-offset: 4px;\n}\n\n.tb-schedule-cta-btn svg {\n  width: 20px;\n  height: 20px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.tb-schedule-cta-login {\n  margin-top: 22px;\n  text-align: center;\n  font-size: 13px;\n  color: #a9aaaf;\n  line-height: 1.9;\n}\n\n.tb-schedule-cta-login a {\n  color: #fff !important;\n  font-weight: 700;\n  text-decoration: underline;\n  text-underline-offset: 4px;\n}\n\n.tb-schedule-cta-login a:hover {\n  color: #ff9aae !important;\n}\n\n\/* ===== Footer Statement ===== *\/\n\n.tb-schedule-cta-footer {\n  margin-top: 65px;\n  padding-top: 25px;\n  border-top: 1px solid #404147;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 25px;\n}\n\n.tb-schedule-cta-footer p {\n  margin: 0;\n  font-size: 14px;\n  color: #aeb0b5;\n  line-height: 1.9;\n}\n\n.tb-schedule-cta-footer-brand {\n  color: #fff;\n  font-weight: 800;\n  white-space: nowrap;\n  font-size: 15px;\n}\n\n\/* ===== Responsive ===== *\/\n\n@media (max-width: 1150px) {\n  .tb-schedule-cta {\n    padding: 80px 22px;\n  }\n\n  .tb-schedule-cta-inner {\n    padding: 65px 48px;\n  }\n\n  .tb-schedule-cta-grid {\n    grid-template-columns: 1fr;\n    gap: 55px;\n  }\n\n  .tb-schedule-cta-content {\n    max-width: 850px;\n  }\n\n  .tb-schedule-cta-panel {\n    max-width: 650px;\n    width: 100%;\n  }\n}\n\n@media (max-width: 760px) {\n  .tb-schedule-cta {\n    padding: 60px 18px;\n  }\n\n  .tb-schedule-cta-inner {\n    padding: 44px 24px;\n    border-radius: 22px;\n  }\n\n  .tb-schedule-cta h2 {\n    font-size: 38px;\n    line-height: 1.35;\n  }\n\n  .tb-schedule-cta-eyebrow {\n    font-size: 14px;\n    margin-bottom: 20px;\n  }\n\n  .tb-schedule-cta-lead {\n    font-size: 17px;\n    line-height: 2;\n  }\n\n  .tb-schedule-cta-benefit p {\n    font-size: 14px;\n  }\n\n  .tb-schedule-cta-grid {\n    gap: 43px;\n  }\n\n  .tb-schedule-cta-panel {\n    padding: 29px 23px;\n    border-radius: 18px;\n  }\n\n  .tb-schedule-cta-panel h3 {\n    font-size: 22px;\n  }\n\n  .tb-schedule-cta-panel-text {\n    font-size: 15px;\n  }\n\n  .tb-schedule-cta-footer {\n    margin-top: 45px;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 13px;\n  }\n}\n\n@media (max-width: 400px) {\n  .tb-schedule-cta-inner {\n    padding: 38px 18px;\n  }\n\n  .tb-schedule-cta h2 {\n    font-size: 33px;\n  }\n\n  .tb-schedule-cta-panel {\n    padding: 24px 17px;\n  }\n\n  .tb-schedule-cta-btn {\n    font-size: 16px;\n    padding: 15px 12px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .tb-schedule-cta-btn {\n    transition: none;\n  }\n\n  .tb-schedule-cta-btn:hover {\n    transform: none;\n  }\n}\n<\/style>\n\n<section\n  class=\"tb-schedule-cta\"\n  id=\"start-task-scheduling\"\n  dir=\"rtl\"\n  lang=\"ar\"\n  aria-labelledby=\"tb-schedule-cta-title\">\n\n  <div class=\"tb-schedule-cta-inner\">\n\n    <div class=\"tb-schedule-cta-grid\">\n\n      <!-- Main Message -->\n      <div class=\"tb-schedule-cta-content\">\n\n        <div class=\"tb-schedule-cta-eyebrow\">\n          \u0627\u0628\u062f\u0623 \u0628\u062a\u0646\u0638\u064a\u0645 \u0645\u0647\u0627\u0645\u0643 \u0627\u0644\u064a\u0648\u0645\n        <\/div>\n\n        <h2 id=\"tb-schedule-cta-title\">\n          \u062d\u0648\u0651\u0644 \u0645\u0647\u0627\u0645\u0643 \u0625\u0644\u0649<br>\n          <span>\u062e\u0637\u0629 \u064a\u0648\u0645\u064a\u0629 \u0648\u0627\u0636\u062d\u0629<\/span>\n        <\/h2>\n\n        <p class=\"tb-schedule-cta-lead\">\n          \u0645\u0639 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\u060c \u064a\u0645\u0643\u0646\u0643 \u062c\u062f\u0648\u0644\u0629 \u0627\u0644\u0645\u0647\u0627\u0645\u060c\n          \u0648\u062a\u062d\u062f\u064a\u062f \u0623\u0648\u0644\u0648\u064a\u0627\u062a\u0643\u060c \u0648\u062a\u062e\u0635\u064a\u0635 \u0627\u0644\u0648\u0642\u062a\n          \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0644\u0643\u0644 \u0645\u0647\u0645\u0629\u060c \u062b\u0645 \u0645\u0631\u0627\u062c\u0639\u0629 \u062e\u0637\u062a\u0643\n          \u0648\u062a\u0639\u062f\u064a\u0644\u0647\u0627 \u062d\u0633\u0628 \u0645\u0627 \u064a\u0633\u062a\u062c\u062f \u062e\u0644\u0627\u0644 \u064a\u0648\u0645 \u0627\u0644\u0639\u0645\u0644.\n          \u0627\u0628\u062f\u0623 \u0628\u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0628\u0646\u0641\u0633\u0643.\n        <\/p>\n\n        <!-- Benefits -->\n        <div class=\"tb-schedule-cta-benefits\">\n\n          <div class=\"tb-schedule-cta-benefit\">\n\n            <span class=\"tb-schedule-cta-check\"\n                  aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"m5 12 4 4L19 6\"\/>\n              <\/svg>\n            <\/span>\n\n            <p>\n              \u0646\u0638\u0651\u0645 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u062d\u062f\u0651\u062f \u0645\u0627 \u0633\u062a\u0639\u0645\u0644 \u0639\u0644\u064a\u0647 \u0623\u0648\u0644\u064b\u0627.\n            <\/p>\n\n          <\/div>\n\n          <div class=\"tb-schedule-cta-benefit\">\n\n            <span class=\"tb-schedule-cta-check\"\n                  aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"m5 12 4 4L19 6\"\/>\n              <\/svg>\n            <\/span>\n\n            <p>\n              \u062e\u0635\u0651\u0635 \u0648\u0642\u062a\u064b\u0627 \u0648\u0627\u0636\u062d\u064b\u0627 \u0644\u0643\u0644 \u0645\u0647\u0645\u0629 \u0641\u064a \u062c\u062f\u0648\u0644\u0643 \u0627\u0644\u064a\u0648\u0645\u064a.\n            <\/p>\n\n          <\/div>\n\n          <div class=\"tb-schedule-cta-benefit\">\n\n            <span class=\"tb-schedule-cta-check\"\n                  aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"m5 12 4 4L19 6\"\/>\n              <\/svg>\n            <\/span>\n\n            <p>\n              \u062a\u0627\u0628\u0639 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0639\u062f\u0651\u0644 \u062e\u0637\u062a\u0643 \u0639\u0646\u062f\u0645\u0627 \u062a\u062a\u063a\u064a\u0631 \u0627\u0644\u0623\u0648\u0644\u0648\u064a\u0627\u062a.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- Registration Card -->\n      <div class=\"tb-schedule-cta-panel\">\n\n        <div class=\"tb-schedule-cta-panel-icon\"\n             aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\">\n            <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"\/>\n            <path d=\"M7 3v4M17 3v4M3 10h18\"\/>\n            <path d=\"m9 16 2 2 4-4\"\/>\n          <\/svg>\n        <\/div>\n\n        <h3>\n          \u062c\u0631\u0651\u0628 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0645\u062c\u0627\u0646\u064b\u0627\n        <\/h3>\n\n        <p class=\"tb-schedule-cta-panel-text\">\n          \u0623\u0646\u0634\u0626 \u062d\u0633\u0627\u0628\u0643 \u0648\u0627\u0628\u062f\u0623 \u0628\u062a\u0646\u0638\u064a\u0645 \u0645\u0647\u0627\u0645\u0643\n          \u0648\u0645\u0634\u0627\u0631\u064a\u0639\u0643\u060c \u0648\u0627\u0643\u062a\u0634\u0641 \u0643\u064a\u0641 \u062a\u0633\u0627\u0639\u062f\u0643\n          \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u064a\u0648\u0645\u064a \u0639\u0644\u0649\n          \u0625\u062f\u0627\u0631\u0629 \u0648\u0642\u062a\u0643 \u0628\u0635\u0648\u0631\u0629 \u0623\u0648\u0636\u062d.\n        <\/p>\n\n        <!-- Trial -->\n        <div class=\"tb-schedule-cta-trial\">\n\n          <span class=\"tb-schedule-cta-trial-icon\"\n                aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n              <path d=\"M12 7v5l3 2\"\/>\n            <\/svg>\n          <\/span>\n\n          <span>\n            \u062a\u062c\u0631\u0628\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u0644\u0645\u062f\u0629 3 \u0623\u0633\u0627\u0628\u064a\u0639\n          <\/span>\n\n        <\/div>\n\n        <!-- Main CTA -->\n        <a\n          class=\"tb-schedule-cta-btn\"\n          href=\"https:\/\/panel.taskbrowse.com\/Account\/Register?lang=ar\">\n\n          \u0627\u0628\u062f\u0623 \u062a\u062c\u0631\u0628\u062a\u0643 \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629\n\n          <svg viewBox=\"0 0 24 24\"\n               aria-hidden=\"true\">\n            <path d=\"M19 12H5\"\/>\n            <path d=\"m12 19-7-7 7-7\"\/>\n          <\/svg>\n\n        <\/a>\n\n        <div class=\"tb-schedule-cta-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        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- Closing Statement -->\n    <div class=\"tb-schedule-cta-footer\">\n\n      <p>\n        \u062c\u062f\u0648\u0644\u0629 \u0627\u0644\u0645\u0647\u0627\u0645\u060c \u0648\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0648\u0642\u062a\u060c\n        \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f.\n      <\/p>\n\n      <div class=\"tb-schedule-cta-footer-brand\">\n        \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u0647\u0627\u0645 \u00b7 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u064a\u0648\u0645\u064a \u00b7 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0623\u0648\u0644\u0648\u064a\u0627\u062a \u062c\u062f\u0648\u0644\u0629 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0648\u0642\u062a \u0628\u0641\u0639\u0627\u0644\u064a\u0629 \u0645\u0639 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u062d\u0648\u0651\u0644 \u0642\u0627\u0626\u0645\u0629 \u0645\u0647\u0627\u0645\u0643 \u0625\u0644\u0649 \u062c\u062f\u0648\u0644 \u064a\u0648\u0645\u064a \u0648\u0627\u0636\u062d. \u062d\u062f\u0651\u062f \u0623\u0648\u0644\u0648\u064a\u0627\u062a\u0643\u060c \u0648\u062e\u0635\u0651\u0635 \u0648\u0642\u062a\u064b\u0627 \u0644\u062a\u0646\u0641\u064a\u0630 \u0643\u0644 \u0645\u0647\u0645\u0629\u060c \u0648\u062a\u0627\u0628\u0639 \u0645\u0627 \u0623\u0646\u062c\u0632\u062a\u0647 \u0648\u0645\u0627 \u062a\u0628\u0642\u0651\u0649 \u0645\u0646 \u0623\u0639\u0645\u0627\u0644\u0643. \u064a\u0633\u0627\u0639\u062f\u0643 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0639\u0644\u0649 \u062a\u0646\u0638\u064a\u0645 \u064a\u0648\u0645\u0643 \u0648\u062a\u0639\u062f\u064a\u0644 \u062e\u0637\u062a\u0643 \u0639\u0646\u062f\u0645\u0627 \u062a\u062a\u063a\u064a\u0631 \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0623\u0648 \u062a\u0638\u0647\u0631 \u0645\u0647\u0627\u0645 \u062c\u062f\u064a\u062f\u0629. \u0627\u0628\u062f\u0623 \u0645\u062c\u0627\u0646\u064b\u0627 \u0634\u0627\u0647\u062f&hellip;&nbsp;<a href=\"https:\/\/taskbrowse.com\/ar\/takhtit-faal\/\" rel=\"bookmark\">\u0627\u0642\u0631\u0623 \u0627\u0644\u0645\u0632\u064a\u062f &raquo;<span class=\"screen-reader-text\">\u062c\u062f\u0648\u0644\u0629 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0648\u0642\u062a \u0628\u0641\u0639\u0627\u0644\u064a\u0629 \u0645\u0639 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632<\/span><\/a><\/p>\n","protected":false},"author":4,"featured_media":7422,"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":"","neve_meta_disable_footer":"","neve_meta_disable_title":"on","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-625","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/pages\/625","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=625"}],"version-history":[{"count":44,"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/pages\/625\/revisions"}],"predecessor-version":[{"id":10475,"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/pages\/625\/revisions\/10475"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/media\/7422"}],"wp:attachment":[{"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/media?parent=625"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}